chore: remove shadow tokens

marigold-ui · Jul 14, 2023 · 4c4a1d9 · 4c4a1d9
1 parent ad49cb4
commit 4c4a1d9
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 13 deletions.
diff --git a/themes/theme-b2b/src/components/NumberField.styles.ts b/themes/theme-b2b/src/components/NumberField.styles.ts
@@ -4,9 +4,9 @@ export const NumberField: ThemeComponent<'NumberField'> = {
   group: cva([
     'border-border-light rounded-sm border border-solid',
     'data-[hover]:border-border-hover',
-    'data-[focus]:border-border-focus data-[focus]:shadow-shadow-focus data-[focus]:shadow-[0_0_0_1px]',
+    'data-[focus]:border-border-focus ',
     'data-[disabled]:bg-bg-disabled data-[disabled]:text-text-disabled data-[disabled]:cursor-not-allowed ',
-    'data-[error]:border-border-error data-[error]:shadow-shadow-error data-[error]:shadow-[0_0_0_1px]',
+    'data-[error]:border-border-error',
   ]),
   stepper: cva([
     'text-text-body w-7',

diff --git a/themes/theme-b2b/src/components/Select.styles.ts b/themes/theme-b2b/src/components/Select.styles.ts
@@ -9,7 +9,7 @@ export const Select: ThemeComponent<'Select'> = {
     'cursor-pointer outline-none',
     'hover:border-border-hover',
     'disabled:border-border-disabled disabled:text-text-disabled disabled:bg-bg-disabled disabled:cursor-not-allowed',
-    'focus:border-border-focus focus:shadow-shadow-focus focus:shadow-[0px_0px_0px_1px]',
+    'focus:border-border-focus',
     'aria-expanded:bg-bg-neutral aria-expanded:border-border-light',
     'data-[error]:border-border-error data-[error]:shadow-none',
   ]),

diff --git a/themes/theme-b2b/src/components/Switch.styles.ts b/themes/theme-b2b/src/components/Switch.styles.ts
@@ -5,8 +5,8 @@ export const Switch: ThemeComponent<'Switch'> = {
   track: cva(
     [
       'bg-bg-[#f3f3f3] shadow-shadow-light shadow-[0_0_0_1px]',
-      'group-selected/switch:bg-bg-primary group-selected/switch:shadow-shadow-selected',
-      'group-disabled/switch:bg-bg-disabled group-disabled/switch:shadow-shadow-disabled group-disabled/switch:opacity-[0.5] group-disabled/switch:shadow-[0_0_0_1px]',
+      'group-selected/switch:bg-bg-primary ',
+      'group-disabled/switch:bg-bg-disabled  group-disabled/switch:opacity-[0.5] group-disabled/switch:shadow-[0_0_0_1px]',
     ],
     {
       variants: {

diff --git a/themes/theme-b2b/src/tokens.ts b/themes/theme-b2b/src/tokens.ts
@@ -163,14 +163,6 @@ export const colors = {
   // ---------------
   shadow: {
     light: brand.secondary[400],
-
-    // state
-    focus: brand.primary[600],
-
-    // status
-    error: brand.red[500],
-    selected: brand.red[700],
-    disabled: brand.secondary[400],
   },
 
   // Border