scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in feat/update-tokens (pull request #1611)

Browse Source 
feat(SW-2027): update variables.json

* feat(SW-2027): update variables.json

* fix(SW-2027). replace old tokens

* fix(SW-2027): remove uppercase check


Approved-by: Michael Zetterberg
Approved-by: Erik Tiekstra
This commit is contained in:
Matilda Landström
2025-03-28 16:15:57 +00:00
parent 650dd79c26
commit adde77eaa9
22 changed files with 2478 additions and 1340 deletions
Download Patch File Download Diff File Expand all files Collapse all files

71
packages/design-system/lib/styles/scandic.js
View File

@@ -113,8 +113,10 @@ export const theme = {
'Tag/Text-Transform': 'uppercase',
'Link/md/Font fallback': 'sans-serif',
'Link/md/Letter spacing': 0.19,
'Link/md/Text-Decoration': 'underline',
'Link/sm/Font fallback': 'sans-serif',
'Link/sm/Letter spacing': 0.2,
'Link/sm/Text-Decoration': 'underline',
'Body/Lead text/Font fallback': 'sans-serif',
'Body/Paragraph/Font fallback': 'sans-serif',
'Body/Paragraph/Letter spacing': 0.19,
@@ -125,9 +127,14 @@ export const theme = {
'Label/Letter spacing': 0.17,
'Body/Underline/md/Font fallback': 'sans-serif',
'Body/Underline/md/Letter spacing': 0.19,
'Body/Underline/md/Text-Decoration': 'underline',
'Body/Underline/sm/Font fallback': 'sans-serif',
'Body/Underline/sm/Letter spacing': 0.2,
'Body/Underline/sm/Text-Decoration': 'underline',
'Utilities/Gradients/10': '#F2ECE61A',
'Font family/Scandic/Title': 'Brandon Text',
'Font family/Scandic/Body': 'Fira sans',
'Font family/Scandic/Decorative': 'Biro Script Plus',
'Title/lg/Font weight': 900,
'Title/lg/Font family': 'Brandon Text',
'Title/md/Font weight': 900,
@@ -182,10 +189,15 @@ export const theme = {
'Text/Interactive/Secondary': '#8F4350',
'Text/Interactive/Hover Secondary': '#4D0F25',
'Text/Interactive/Disabled': '#A8A4A2',
'Text/Interactive/Focus': '#26201E',
'Text/Interactive/Focus': '#57514E',
'Text/Interactive/Error': '#AD0015',
'Text/Interactive/Placeholder': '#787472',
'Text/Brand/OnAccent/Heading': '#4D001B',
'Text/Feedback/Information Accent': '#284EA0',
'Text/Feedback/Succes Accent': '#348337',
'Text/Feedback/Warning Accent': '#D17308',
'Text/Feedback/Error Accent': '#AD0015',
'Text/Feedback/Neutral Accent': '#787472',
'Text/Brand/OnAccent/Default': '#26201E',
'Text/Brand/OnAccent/Accent': '#8F4350',
'Text/Brand/OnPrimary 1/Heading': '#4D001B',
@@ -203,10 +215,10 @@ export const theme = {
'Surface/Primary/Hover': '#f2f2f2',
'Surface/Primary/Hover Light': '#e6e5e5',
'Surface/Primary/Hover Accent': '#F7E1D5',
'Surface/Primary/OnSurface/Default': '#FAF6F2',
'Surface/Primary/OnSurface/Default': '#F9F6F4',
'Surface/Primary/Disabled': '#EBE8E6',
'Surface/Secondary/Default': '#F2ECE6',
'Surface/Secondary/Secondary': '#E3D9D1',
'Surface/Secondary/Default dark': '#E3D9D1',
'Surface/Secondary/Hover': '#dad4cf',
'Surface/Brand/Accent/Default': '#F0C1B6',
'Surface/Brand/Primary 1/Default': '#F7E1D5',
@@ -247,6 +259,7 @@ export const theme = {
'Icon/Accent': '#B05B65',
'Icon/Interactive/Default': '#4D001B',
'Icon/Interactive/Secondary': '#8F4350',
'Icon/Interactive/Accent': '#CD0921',
'Icon/Interactive/Disabled': '#A8A4A2',
'Icon/Interactive/Placeholder': '#787472',
'Icon/Feedback/Information': '#284EA0',
@@ -257,54 +270,56 @@ export const theme = {
'Icon/Inverted': '#FFFFFF',
'Overlay/10': '#1F1C1B1A',
'Overlay/20': '#1F1C1B33',
'Overlay/30': '#1F1C1B4D',
'Overlay/40': '#1F1C1B66',
'Overlay/60': '#1F1C1B99',
'Overlay/80': '#1F1C1BCC',
'Overlay/90': '#1F1C1BE6',
'Component/Button/Brand/Primary/Default': '#CD0921',
'Component/Button/Brand/Primary/Hover': '#ba1721',
'Component/Button/Brand/Primary/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Primary/Fill/Default': '#CD0921',
'Component/Button/Brand/Primary/Fill/Hover': '#a81e20',
'Component/Button/Brand/Primary/Fill/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF',
'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF',
'Component/Button/Brand/Primary/On fill/Disabled': '#A8A4A2',
'Component/Button/Brand/Primary/Border/Default': '#FFFFFF00',
'Component/Button/Brand/Primary/Border/Hover': '#FFFFFF00',
'Component/Button/Brand/Primary/Border/Disabled': '#FFFFFF00',
'Component/Button/Brand/Secondary/Default': '#FFFFFF00',
'Component/Button/Brand/Secondary/Hover': '#FFFFFF00',
'Component/Button/Brand/Secondary/Inverted': '#FFFFFF',
'Component/Button/Brand/Secondary/Hover Inverted': '#4D001B',
'Component/Button/Brand/Secondary/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Secondary/Fill/Default': '#FFFFFF00',
'Component/Button/Brand/Secondary/Fill/Hover': '#FFFFFF00',
'Component/Button/Brand/Secondary/Fill/Inverted': '#FFFFFF',
'Component/Button/Brand/Secondary/Fill/Hover Inverted': '#4D001B',
'Component/Button/Brand/Secondary/Fill/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Secondary/On fill/Default': '#4D001B',
'Component/Button/Brand/Secondary/On fill/Hover': '#8F4350',
'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
'Component/Button/Brand/Secondary/On fill/Hover inverted': '#cbb0b3',
'Component/Button/Brand/Secondary/On fill/Disabled': '#A8A4A2',
'Component/Button/Brand/Secondary/Border/Default': '#4D001B',
'Component/Button/Brand/Secondary/Border/Hover': '#8F4350',
'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
'Component/Button/Brand/Secondary/Border/Hover inverted': '#eee4e5',
'Component/Button/Brand/Secondary/Border/Hover inverted': '#a87e83',
'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Tertiary/Default': '#4D001B',
'Component/Button/Brand/Tertiary/Hover': '#601e2d',
'Component/Button/Brand/Tertiary/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Tertiary/Fill/Default': '#4D001B',
'Component/Button/Brand/Tertiary/Fill/Hover': '#601e2d',
'Component/Button/Brand/Tertiary/Fill/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Tertiary/On fill/Default': '#FFFFFF',
'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF',
'Component/Button/Brand/Tertiary/On fill/Disabled': '#A8A4A2',
'Component/Button/Brand/Tertiary/Border/Default': '#FFFFFF00',
'Component/Button/Brand/Tertiary/Border/Hover': '#FFFFFF00',
'Component/Button/Brand/Tertiary/Border/Disabled': '#FFFFFF00',
'Component/Button/Inverted/Default': '#FFFFFF',
'Component/Button/Inverted/Faded': '#FFFFFFE6',
'Component/Button/Inverted/Hover': '#f2f2f2',
'Component/Button/Inverted/Hover Inverted': '#4D001B',
'Component/Button/Inverted/Disabled': '#1F1C1B1A',
'Component/Button/Inverted/Fill/Default': '#FFFFFF',
'Component/Button/Inverted/Fill/Faded': '#FFFFFFE6',
'Component/Button/Inverted/Fill/Hover': '#e6e5e5',
'Component/Button/Inverted/Fill/Hover Inverted': '#4D001B',
'Component/Button/Inverted/Fill/Disabled': '#1F1C1B1A',
'Component/Button/Inverted/Border/Default': '#FFFFFF00',
'Component/Button/Inverted/Border/Hover': '#FFFFFF00',
'Component/Button/Inverted/Border/Disable': '#FFFFFF00',
'Component/Button/Inverted/On fill/Default': '#4D001B',
'Component/Button/Inverted/On fill/Hover': '#601e2d',
'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
'Component/Button/Inverted/On fill/Disabled': '#A8A4A2',
'Component/Button/Inverted/Border/Default': '#FFFFFF00',
'Component/Button/Inverted/Border/Hover': '#FFFFFF00',
'Component/Button/Inverted/Border/Disable': '#FFFFFF00',
'Border/Interactive/Default': '#9C8A7E',
'Border/Divider/Default': '#E3D9D1',
'Border/Divider/Subtle': '#F2ECE6',
@@ -318,11 +333,11 @@ export const theme = {
'Border/Interactive/Disabled': '#A8A4A2',
'Border/Interactive/Error': '#AD0015',
'Border/Interactive/KeyboardFocus': '#5B8FD4',
'Component/Button/Muted/Default': '#FFFFFF00',
'Component/Button/Muted/Hover': '#FFFFFF00',
'Component/Button/Muted/Disabled': '#FFFFFF1A',
'Component/Button/Muted/Hover inverted': '#1F1C1B0D',
'Component/Button/Muted/Disabled inverted': '#1F1C1B1A',
'Component/Button/Muted/Fill/Default': '#FFFFFF00',
'Component/Button/Muted/Fill/Hover': '#FFFFFF0D',
'Component/Button/Muted/Fill/Disabled': '#FFFFFF1A',
'Component/Button/Muted/Fill/Hover inverted': '#1F1C1B0D',
'Component/Button/Muted/Fill/Disabled inverted': '#1F1C1B1A',
'Component/Button/Muted/On fill/Default': '#26201E',
'Component/Button/Muted/On fill/Inverted': '#FFFFFF',
'Component/Button/Muted/On fill/Hover Inverted': '#6D000D',