From d21da29f4bcc48d62c9fb4baafee9df0ffc7af20 Mon Sep 17 00:00:00 2001 From: sagnik3788 <116512372+sagnik3788@users.noreply.github.com> Date: Mon, 2 Oct 2023 12:43:04 +0530 Subject: [PATCH 1/3] Fix the kebab-case for css properties warning --- apps/web/src/design-system/button/Button.styles.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/web/src/design-system/button/Button.styles.ts b/apps/web/src/design-system/button/Button.styles.ts index 1be75f98e6b..a4641779efe 100644 --- a/apps/web/src/design-system/button/Button.styles.ts +++ b/apps/web/src/design-system/button/Button.styles.ts @@ -66,7 +66,7 @@ export const getSubtleStyles = (theme) => { backgroundColor: dark ? theme.white : 'transparent', backgroundClip: 'none !important', color: 'transparent', - '-webkit-text-fill-color': 'initial !important', + WebkitTextFill: 'initial !important', }, }, }, @@ -85,7 +85,7 @@ export const getSubtleStyles = (theme) => { backgroundColor: dark ? theme.white : 'transparent', backgroundClip: 'none !important', color: 'transparent', - '-webkit-text-fill-color': 'initial !important', + WebkitTextFill: 'initial !important', }, }, }, From 8da21499aa283842643fcdee996c3b368b6e646c Mon Sep 17 00:00:00 2001 From: Sagnik Das <116512372+sagnik3788@users.noreply.github.com> Date: Wed, 4 Oct 2023 14:56:24 +0530 Subject: [PATCH 2/3] Update Button.styles.ts --- apps/web/src/design-system/button/Button.styles.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/web/src/design-system/button/Button.styles.ts b/apps/web/src/design-system/button/Button.styles.ts index a4641779efe..9821175b33e 100644 --- a/apps/web/src/design-system/button/Button.styles.ts +++ b/apps/web/src/design-system/button/Button.styles.ts @@ -66,7 +66,7 @@ export const getSubtleStyles = (theme) => { backgroundColor: dark ? theme.white : 'transparent', backgroundClip: 'none !important', color: 'transparent', - WebkitTextFill: 'initial !important', + WebkitTextFillColor: 'initial !important', }, }, }, @@ -85,7 +85,7 @@ export const getSubtleStyles = (theme) => { backgroundColor: dark ? theme.white : 'transparent', backgroundClip: 'none !important', color: 'transparent', - WebkitTextFill: 'initial !important', + WebkitTextFillColor: 'initial !important', }, }, }, From 7b977e67de6c3c1b9d49bbeead56d7d55ddeae70 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Pawe=C5=82?= Date: Tue, 17 Oct 2023 18:40:20 +0200 Subject: [PATCH 3/3] chore(web): prettify the code --- apps/web/src/design-system/button/Button.styles.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/web/src/design-system/button/Button.styles.ts b/apps/web/src/design-system/button/Button.styles.ts index 9821175b33e..7c3f6d3870b 100644 --- a/apps/web/src/design-system/button/Button.styles.ts +++ b/apps/web/src/design-system/button/Button.styles.ts @@ -66,7 +66,7 @@ export const getSubtleStyles = (theme) => { backgroundColor: dark ? theme.white : 'transparent', backgroundClip: 'none !important', color: 'transparent', - WebkitTextFillColor: 'initial !important', + WebkitTextFillColor: 'initial !important', }, }, }, @@ -85,7 +85,7 @@ export const getSubtleStyles = (theme) => { backgroundColor: dark ? theme.white : 'transparent', backgroundClip: 'none !important', color: 'transparent', - WebkitTextFillColor: 'initial !important', + WebkitTextFillColor: 'initial !important', }, }, },