diff --git a/packages/design-tokens/src/scss/generated/_colors.scss b/packages/design-tokens/src/scss/generated/_colors.scss index e659b185e1..a1a2fe2e74 100644 --- 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 index 29e74463ea..32f0d33519 100644 --- 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 index 3a74cfb960..36c00bdbec 100644 --- 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 index 962364d0c0..de61243496 100644 --- 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,