From 8d25414a5d6b51dede040bab5c4f846b9d0e640f Mon Sep 17 00:00:00 2001 From: Masoud Amjadi Date: Tue, 27 Aug 2024 19:11:57 -0400 Subject: [PATCH] chore(variables.css): update design tokens --- .../styles-dictionary/css/variables.css | 58 +++++++++---------- 1 file changed, 28 insertions(+), 30 deletions(-) diff --git a/packages/components/src/common/styles-dictionary/css/variables.css b/packages/components/src/common/styles-dictionary/css/variables.css index 056d4a79b..adde0bef3 100644 --- a/packages/components/src/common/styles-dictionary/css/variables.css +++ b/packages/components/src/common/styles-dictionary/css/variables.css @@ -182,10 +182,9 @@ --sds-corner-m: 4px; --sds-corner-s: 2px; --sds-corner-none: 0px; - --sds-drop-shadow-l: 0px 2px 12px 0px rgba(0, 0, 0, 0.3); - --sds-drop-shadow-m: 0px 2px 10px 0px rgba(0, 0, 0, 0.15), - 0px 2px 4px 0px rgba(0, 0, 0, 0.15); - --sds-drop-shadow-s: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); + --sds-drop-shadow-l: 0.0px 2.0px 12.0px 0px rgba(0, 0, 0, 0.3); + --sds-drop-shadow-m: 0.0px 2.0px 10.0px 0px rgba(0, 0, 0, 0.15), 0.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.15); + --sds-drop-shadow-s: 0.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.25); --sds-drop-shadow-none: none; --sds-font-color: black; --sds-font-font-family-body: "Inter", sans-serif; @@ -219,13 +218,13 @@ --sds-font-body-l-600-letter-spacing: 0px; --sds-font-caps-xxxxs-600-font: 600 10px/14px "Inter", sans-serif; --sds-font-caps-xxxxs-600-letter-spacing: 0.5px; - --sds-font-caps-xxxxs-600-text-transform: uppercase; + --sds-font-caps-xxxxs-600-text-transform: uppercase; --sds-font-caps-xxxs-600-font: 600 11px/16px "Inter", sans-serif; --sds-font-caps-xxxs-600-letter-spacing: 0.5px; - --sds-font-caps-xxxs-600-text-transform: uppercase; + --sds-font-caps-xxxs-600-text-transform: uppercase; --sds-font-caps-xxs-600-font: 600 12px/18px "Inter", sans-serif; --sds-font-caps-xxs-600-letter-spacing: 0.5px; - --sds-font-caps-xxs-600-text-transform: uppercase; + --sds-font-caps-xxs-600-text-transform: uppercase; --sds-font-header-xxxs-600-font: 600 11px/16px "Inter", sans-serif; --sds-font-header-xxxs-600-letter-spacing: 0.1px; --sds-font-header-xxs-600-font: 600 12px/18px "Inter", sans-serif; @@ -302,7 +301,7 @@ --sds-border-info-default: 1px solid #a2c9ff; --sds-border-link-dashed: 1px dashed; --sds-border-link-solid: 1px solid; - --sds-border-negative-default: 1px solid #ff9385; + --sds-border-negative-default: 1px solid #FF9385; --sds-border-neutral-default: 1px solid #aaaaaa; --sds-border-none: none; --sds-border-notice-default: 1px solid #cf8e00; @@ -343,13 +342,13 @@ --sds-color-primitive-purple-700: #f0ebfe; --sds-color-primitive-purple-800: #fbf9ff; --sds-color-primitive-red-100: #630008; - --sds-color-primitive-red-200: #a30000; - --sds-color-primitive-red-300: #e52722; - --sds-color-primitive-red-400: #ff695b; - --sds-color-primitive-red-500: #ff9385; - --sds-color-primitive-red-600: #ffbdb3; - --sds-color-primitive-red-700: #ffd8d1; - --sds-color-primitive-red-800: #fff1ee; + --sds-color-primitive-red-200: #A30000; + --sds-color-primitive-red-300: #E52722; + --sds-color-primitive-red-400: #FF695B; + --sds-color-primitive-red-500: #FF9385; + --sds-color-primitive-red-600: #FFBDB3; + --sds-color-primitive-red-700: #FFD8D1; + --sds-color-primitive-red-800: #FFF1EE; --sds-color-primitive-yellow-100: #552300; --sds-color-primitive-yellow-200: #834500; --sds-color-primitive-yellow-300: #985a00; @@ -428,15 +427,15 @@ --sds-color-semantic-info-surface-primary: #002573; --sds-color-semantic-info-surface-secondary: #a2c9ff; --sds-color-semantic-info-text: #cde3ff; - --sds-color-semantic-negative-border: #ff9385; - --sds-color-semantic-negative-fill-hover: #ffbdb3; - --sds-color-semantic-negative-fill-pressed: #ffd8d1; - --sds-color-semantic-negative-fill-primary: #ff9385; + --sds-color-semantic-negative-border: #FF9385; + --sds-color-semantic-negative-fill-hover: #FFBDB3; + --sds-color-semantic-negative-fill-pressed: #FFD8D1; + --sds-color-semantic-negative-fill-primary: #FF9385; --sds-color-semantic-negative-fill-secondary: #630008; - --sds-color-semantic-negative-ornament: #ffbdb3; + --sds-color-semantic-negative-ornament: #FFBDB3; --sds-color-semantic-negative-surface-primary: #630008; - --sds-color-semantic-negative-surface-secondary: #ff9385; - --sds-color-semantic-negative-text: #ffbdb3; + --sds-color-semantic-negative-surface-secondary: #FF9385; + --sds-color-semantic-negative-text: #FFBDB3; --sds-color-semantic-neutral-border: #aaaaaa; --sds-color-semantic-neutral-fill-hover: #cdcdcd; --sds-color-semantic-neutral-fill-pressed: #ededed; @@ -468,10 +467,9 @@ --sds-corner-m: 4px; --sds-corner-s: 2px; --sds-corner-none: 0px; - --sds-drop-shadow-l: 0px 2px 12px 0px rgba(0, 0, 0, 0.3); - --sds-drop-shadow-m: 0px 2px 10px 0px rgba(0, 0, 0, 0.15), - 0px 2px 4px 0px rgba(0, 0, 0, 0.15); - --sds-drop-shadow-s: 0px 2px 4px 0px rgba(0, 0, 0, 0.25); + --sds-drop-shadow-l: 0.0px 2.0px 12.0px 0px rgba(0, 0, 0, 0.3); + --sds-drop-shadow-m: 0.0px 2.0px 10.0px 0px rgba(0, 0, 0, 0.15), 0.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.15); + --sds-drop-shadow-s: 0.0px 2.0px 4.0px 0px rgba(0, 0, 0, 0.25); --sds-drop-shadow-none: none; --sds-font-color: black; --sds-font-font-family-body: "Inter", sans-serif; @@ -505,13 +503,13 @@ --sds-font-body-l-600-letter-spacing: 0px; --sds-font-caps-xxxxs-600-font: 600 10px/14px "Inter", sans-serif; --sds-font-caps-xxxxs-600-letter-spacing: 0.5px; - --sds-font-caps-xxxxs-600-text-transform: uppercase; + --sds-font-caps-xxxxs-600-text-transform: uppercase; --sds-font-caps-xxxs-600-font: 600 11px/16px "Inter", sans-serif; --sds-font-caps-xxxs-600-letter-spacing: 0.5px; - --sds-font-caps-xxxs-600-text-transform: uppercase; + --sds-font-caps-xxxs-600-text-transform: uppercase; --sds-font-caps-xxs-600-font: 600 12px/18px "Inter", sans-serif; --sds-font-caps-xxs-600-letter-spacing: 0.5px; - --sds-font-caps-xxs-600-text-transform: uppercase; + --sds-font-caps-xxs-600-text-transform: uppercase; --sds-font-header-xxxs-600-font: 600 11px/16px "Inter", sans-serif; --sds-font-header-xxxs-600-letter-spacing: 0.1px; --sds-font-header-xxs-600-font: 600 12px/18px "Inter", sans-serif; @@ -568,4 +566,4 @@ --sds-space-xl: 24px; --sds-space-xxl: 40px; } -} +} \ No newline at end of file