Updated styles and tokens

lmc-eu · Jul 18, 2024 · 84b19bd · 84b19bd
1 parent f0d30cf
commit 84b19bd
Show file tree

Hide file tree

Showing 4 changed files with 66 additions and 11 deletions.
diff --git a/packages/design-tokens/src/scss/generated/_colors.scss b/packages/design-tokens/src/scss/generated/_colors.scss
@@ -12,12 +12,12 @@ $action-link-primary-active: #0b3a46 !default;
 $action-link-primary-default: #29616f !default;
 $action-link-primary-disabled: #c4c4c4 !default;
 $action-link-primary-hover: #1b5260 !default;
-$action-link-primary-visited: #a7bcc2 !default;
+$action-link-primary-visited: #835ea1 !default;
 $action-link-secondary-active: #6e7b80 !default;
 $action-link-secondary-default: #90a2a7 !default;
 $action-link-secondary-disabled: #c4c4c4 !default;
-$action-link-secondary-hover: #849499 !default;
-$action-link-secondary-visited: #a7bcc2 !default;
+$action-link-secondary-hover: #899 !default;
+$action-link-secondary-visited: #835ea1 !default;
 $action-primary-active: #0b3a46 !default;
 $action-primary-default: #29616f !default;
 $action-primary-disabled: #c4c4c4 !default;
@@ -42,10 +42,10 @@ $background-backdrop: #0b1c2199 !default;
 $background-basic: #fff !default;
 $background-cover: #f0f4f5 !default;
 $background-interactive-active: #0f343c4d !default;
-$background-interactive-default: #fff0 !default;
+$background-interactive-default: #ffffff00 !default;
 $background-interactive-hover: #0f383e33 !default;
 $background-interactive-inverted-active: #0f3d42cc !default;
-$background-interactive-inverted-default: #fff0 !default;
+$background-interactive-inverted-default: #ffffff00 !default;
 $background-interactive-inverted-hover: #0f343c66 !default;
 $background-inverted: #132930 !default;
 $border-primary-active: #d4d4d4 !default;
@@ -71,11 +71,11 @@ $emotion-success-background: #f6fbe9 !default;
 $emotion-success-default: #607c13 !default;
 $emotion-success-disabled: #c4c4c4 !default;
 $emotion-success-hover: #485d0e !default;
-$emotion-warning-active: #423400 !default;
+$emotion-warning-active: #430 !default;
 $emotion-warning-background: #f8f2e4 !default;
-$emotion-warning-default: #a98300 !default;
+$emotion-warning-default: #a80 !default;
 $emotion-warning-disabled: #c4c4c4 !default;
-$emotion-warning-hover: #755b00 !default;
+$emotion-warning-hover: #750 !default;
 $focus-default: #4666ae !default;
 $text-primary-default: #132930 !default;
 $text-primary-disabled: #c4c4c4 !default;

diff --git a/packages/design-tokens/src/scss/generated/_gradients.scss b/packages/design-tokens/src/scss/generated/_gradients.scss
@@ -1,5 +1,5 @@
 // Generated Gradients from Supernova. Do not edit manually.
-$gradient-background-basic-overlay: linear-gradient(var(--gradient-angle, 90deg), #fff 0%, #fff0 100%) !default;
+$gradient-background-basic-overlay: linear-gradient(var(--gradient-angle, 90deg), #fff 0%, #ffffff00 100%) !default;
 
 $gradients: (
     background-basic-overlay: $gradient-background-basic-overlay,

diff --git a/packages/design-tokens/src/scss/generated/_shadows.scss b/packages/design-tokens/src/scss/generated/_shadows.scss
@@ -1,7 +1,7 @@
 // Generated Shadows from Supernova. Do not edit manually.
-$focus: 0 0 0 2px #4666ae99 !default;
+$focus: 0 0 0 2px #d2c2ff99 !default;
 $shadow-100: 0 2px 8px 0 #00000026 !default;
-$shadow-200: 0 4px 12px 0 #0003 !default;
+$shadow-200: 0 4px 12px 0 #00000033 !default;
 $shadow-300: 0 8px 24px 0 #00000040 !default;
 $shadow-400: 0 12px 32px 0 #00000040 !default;
 

diff --git a/packages/design-tokens/src/scss/generated/_typography.scss b/packages/design-tokens/src/scss/generated/_typography.scss
@@ -29,6 +29,16 @@ $body-large-text-regular: (
     ),
 ) !default;
 
+$body-large-text-semibold: (
+    mobile: (
+        font-family: "'Inter', sans-serif",
+        font-size: 1.125rem,
+        font-style: normal,
+        font-weight: 500,
+        line-height: 1.55,
+    ),
+) !default;
+
 $body-medium-text-bold: (
     mobile: (
         font-family: "'Inter', sans-serif",
@@ -59,6 +69,16 @@ $body-medium-text-regular: (
     ),
 ) !default;
 
+$body-medium-text-semibold: (
+    mobile: (
+        font-family: "'Inter', sans-serif",
+        font-size: 1rem,
+        font-style: normal,
+        font-weight: 500,
+        line-height: 1.5,
+    ),
+) !default;
+
 $body-small-text-bold: (
     mobile: (
         font-family: "'Inter', sans-serif",
@@ -89,6 +109,16 @@ $body-small-text-regular: (
     ),
 ) !default;
 
+$body-small-text-semibold: (
+    mobile: (
+        font-family: "'Inter', sans-serif",
+        font-size: 0.875rem,
+        font-style: normal,
+        font-weight: 500,
+        line-height: 1.42,
+    ),
+) !default;
+
 $body-xlarge-text-bold: (
     mobile: (
         font-family: "'Inter', sans-serif",
@@ -119,6 +149,16 @@ $body-xlarge-text-regular: (
     ),
 ) !default;
 
+$body-xlarge-text-semibold: (
+    mobile: (
+        font-family: "'Inter', sans-serif",
+        font-size: 1.25rem,
+        font-style: normal,
+        font-weight: 500,
+        line-height: 1.6,
+    ),
+) !default;
+
 $body-xsmall-text-bold: (
     mobile: (
         font-family: "'Inter', sans-serif",
@@ -149,6 +189,16 @@ $body-xsmall-text-regular: (
     ),
 ) !default;
 
+$body-xsmall-text-semibold: (
+    mobile: (
+        font-family: "'Inter', sans-serif",
+        font-size: 0.75rem,
+        font-style: normal,
+        font-weight: 500,
+        line-height: 1.32,
+    ),
+) !default;
+
 $heading-large-text: (
     mobile: (
         font-family: "'Inter', sans-serif",
@@ -273,18 +323,23 @@ $styles: (
     body-large-text-bold: $body-large-text-bold,
     body-large-text-italic: $body-large-text-italic,
     body-large-text-regular: $body-large-text-regular,
+    body-large-text-semibold: $body-large-text-semibold,
     body-medium-text-bold: $body-medium-text-bold,
     body-medium-text-italic: $body-medium-text-italic,
     body-medium-text-regular: $body-medium-text-regular,
+    body-medium-text-semibold: $body-medium-text-semibold,
     body-small-text-bold: $body-small-text-bold,
     body-small-text-italic: $body-small-text-italic,
     body-small-text-regular: $body-small-text-regular,
+    body-small-text-semibold: $body-small-text-semibold,
     body-xlarge-text-bold: $body-xlarge-text-bold,
     body-xlarge-text-italic: $body-xlarge-text-italic,
     body-xlarge-text-regular: $body-xlarge-text-regular,
+    body-xlarge-text-semibold: $body-xlarge-text-semibold,
     body-xsmall-text-bold: $body-xsmall-text-bold,
     body-xsmall-text-italic: $body-xsmall-text-italic,
     body-xsmall-text-regular: $body-xsmall-text-regular,
+    body-xsmall-text-semibold: $body-xsmall-text-semibold,
     heading-large-text: $heading-large-text,
     heading-medium-text: $heading-medium-text,
     heading-small-text: $heading-small-text,