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

chore: generated design system css variables from updated json file

Browse Source 
Approved-by: Matilda Landström
This commit is contained in:
Erik Tiekstra
2025-10-30 12:27:16 +00:00
parent eea21e67d9
commit 6a342aaa9e
45 changed files with 8264 additions and 1437 deletions
Download Patch File Download Diff File Expand all files Collapse all files

106
packages/design-system/lib/styles/marski.js
View File

@@ -16,7 +16,7 @@ export const theme = {
'Signature/Marski/Blue ribbon/20': '#B9DEFF',
'Signature/Marski/Blue ribbon/30': '#89CBFF',
'Signature/Marski/Blue ribbon/40': '#52AEFF',
'Signature/Marski/Blue ribbon/50': '#2A8BFF',
'Signature/Marski/Blue ribbon/50': '#458AFF',
'Signature/Marski/Blue ribbon/60': '#136AFD',
'Signature/Marski/Blue ribbon/70': '#0D57F3',
'Signature/Marski/Blue ribbon/80': '#1043BD',
@@ -38,7 +38,7 @@ export const theme = {
'Signature/Marski/Torch red/20': '#FFC1C7',
'Signature/Marski/Torch red/30': '#FF96A0',
'Signature/Marski/Torch red/40': '#FF5A6A',
'Signature/Marski/Torch red/50': '#FF273B',
'Signature/Marski/Torch red/50': '#FF374A',
'Signature/Marski/Torch red/60': '#FB1228',
'Signature/Marski/Torch red/70': '#D40115',
'Signature/Marski/Torch red/80': '#AE0616',
@@ -98,23 +98,19 @@ export const theme = {
'Body/Underline/sm/Font fallback': 'sans-serif',
'Body/Underline/sm/Letter spacing': 0.2,
'Body/Underline/sm/Text-Decoration': 'underline',
'Surface/Brand/Accent/OnAccent/Default': '#FFFFFF',
'Surface/Brand/Primary 1/OnSurface/Default': '#FFFFFF',
'Surface/Brand/Primary 1/OnSurface/Accent': '#FFFFFF',
'Surface/Brand/Primary 1/OnSurface/Accent Secondary': '#FFFFFF',
'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF',
'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF',
'Surface/Brand/Primary 3/OnSurface/Default': '#FFFFFF',
'Surface/Brand/Primary 3/OnSurface/Accent': '#FFFFFF',
'Surface/Brand/Primary 3/OnSurface/Accent Secondary': '#FFFFFF',
'Utilities/Gradients/10': '#3E11181A',
'Utilities/Gradients/10': '#1229371A',
'Font family/Marski/Title': 'Helvetica Neue',
'Font family/Marski/Body': 'Fira sans',
'Font family/Marski/Decorative': 'Helvetica Neue',
'Title/lg/Font weight': 500,
'Title/lg/Font weight': 700,
'Title/lg/Font family': 'Helvetica Neue',
'Title/md/Font weight': 500,
'Title/md/Font weight': 700,
'Title/md/Font family': 'Helvetica Neue',
'Title/sm/Font weight': 500,
'Title/sm/Font weight': 700,
'Title/sm/Font family': 'Helvetica Neue',
'Title/sm/LowCase/Font weight': 500,
'Title/sm/LowCase/Font family': 'Helvetica Neue',
@@ -128,7 +124,7 @@ export const theme = {
'Title/Subtitle/md/Font family': 'Fira sans',
'Title/Overline/sm/Font weight': 700,
'Title/Overline/sm/Font family': 'Helvetica Neue',
'Title/xs/Font weight': 500,
'Title/xs/Font weight': 700,
'Title/xs/Font family': 'Helvetica Neue',
'Title/md/LowCase/Font weight': 500,
'Title/md/LowCase/Font family': 'Helvetica Neue',
@@ -158,10 +154,9 @@ export const theme = {
'Text/Secondary': '#575757',
'Text/Tertiary': '#747474',
'Text/Accent Primary': '#747474',
'Text/Accent Secondary': '#747474',
'Text/Inverted': '#FFFFFF',
'Text/Interactive/Default': '#122937',
'Text/Interactive/Hover': '#0D57F3',
'Text/Interactive/Hover': '#2C414D',
'Text/Interactive/Secondary': '#0D57F3',
'Text/Interactive/Secondary Hover': '#143D94',
'Text/Interactive/Disabled': '#8C8C8C',
@@ -169,22 +164,23 @@ export const theme = {
'Text/Interactive/Error': '#AD0015',
'Text/Interactive/Placeholder': '#747474',
'Text/Brand/OnAccent/Heading': '#FFFFFF',
'Text/Feedback/Information Accent': '#284EA0',
'Text/Feedback/Succes Accent': '#348337',
'Text/Feedback/Warning Accent': '#D17308',
'Text/Feedback/Error Accent': '#AD0015',
'Text/Feedback/Neutral Accent': '#747474',
'Text/Feedback/Information': '#284EA0',
'Text/Feedback/Succes': '#348337',
'Text/Feedback/Warning': '#D17308',
'Text/Feedback/Error': '#AD0015',
'Text/Feedback/Neutral': '#747474',
'Text/Brand/OnAccent/Default': '#FFFFFF',
'Text/Brand/OnAccent/Accent': '#FFFFFF',
'Text/Brand/OnAccent/Accent Secondary': '#747474',
'Text/Brand/OnPrimary 1/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 1/Default': '#FFFFFF',
'Text/Brand/OnPrimary 1/Accent': '#52AEFF',
'Text/Brand/OnPrimary 1/Accent': '#458AFF',
'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
'Text/Brand/OnPrimary 2/Accent': '#FF5A6A',
'Text/Brand/OnPrimary 2/Accent': '#FF374A',
'Text/Brand/OnPrimary 3/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 3/Default': '#FFFFFF',
'Text/Brand/OnPrimary 3/Accent': '#FF5A6A',
'Text/Brand/OnPrimary 3/Accent': '#FF374A',
'Background/Primary': '#FCFCFC',
'Background/Secondary': '#FFFFFF',
'Surface/Primary/Default': '#FFFFFF',
@@ -192,14 +188,20 @@ export const theme = {
'Surface/Primary/Hover Light': '#e6e5e5',
'Surface/Primary/Hover Accent': '#E9E9E9',
'Surface/Primary/OnSurface/Default': '#F6F6F7',
'Surface/Primary/Disabled': '#E9E9E9',
'Surface/Primary/Disabled': '#1F1C1B1A',
'Surface/Secondary/Default': '#ECEEEF',
'Surface/Secondary/Default dark': '#E0E3E5',
'Surface/Secondary/Subtle': '#E0E3E5',
'Surface/Secondary/Hover': '#e0e2e3',
'Surface/Brand/Accent/Default': '#575757',
'Surface/Brand/Accent/OnAccent/Accent': '#E0E3E5',
'Surface/Brand/Accent/OnAccent/Accent Secondary': '#E0E3E5',
'Surface/Brand/Primary 1/Default': '#122937',
'Surface/Brand/Primary 2/Default': '#122937',
'Surface/Brand/Primary 2/Default': '#3E1118',
'Surface/Brand/Primary 2/OnSurface/Default': '#E0E3E5',
'Surface/Brand/Primary 2/OnSurface/Accent': '#E0E3E5',
'Surface/Brand/Primary 3/Default': '#3E1118',
'Surface/Brand/Primary 3/OnSurface/Default': '#FFFFFF',
'Surface/Brand/Primary 3/OnSurface/Accent': '#FFFFFF',
'Surface/UI Fill/Default': '#FFFFFF',
'Surface/UI Fill/Intense': '#262626',
'Surface/UI Fill/Active': '#262626',
@@ -210,18 +212,18 @@ export const theme = {
'Surface/Accent/3': '#256931',
'Surface/Accent/4': '#122937',
'Surface/Accent/5': '#143D94',
'Surface/Feedback/Information Accent': '#284EA0',
'Surface/Feedback/Information': '#E8F6FF',
'Surface/Feedback/Succes Accent': '#348337',
'Surface/Feedback/Succes': '#F3FCE8',
'Surface/Feedback/Warning Accent': '#D17308',
'Surface/Feedback/Warning Light': '#FFF8E3',
'Surface/Feedback/Error Accent': '#AD0015',
'Surface/Feedback/Error': '#FFEBEB',
'Surface/Feedback/Neutral Accent': '#747474',
'Surface/Feedback/Neutral': '#E9E9E9',
'Surface/Feedback/Information': '#284EA0',
'Surface/Feedback/Information light': '#E8F6FF',
'Surface/Feedback/Succes': '#348337',
'Surface/Feedback/Succes light': '#F3FCE8',
'Surface/Feedback/Warning': '#D17308',
'Surface/Feedback/Warning light': '#FFF8E3',
'Surface/Feedback/Error': '#AD0015',
'Surface/Feedback/Error light': '#FFEBEB',
'Surface/Feedback/Neutral': '#747474',
'Surface/Feedback/Neutral light': '#E9E9E9',
'Border/Default': '#D9D9D9',
'Border/Intense': '#BFBFBF',
'Border/Strong': '#BFBFBF',
'Border/Inverted': '#FFFFFF',
'Icon/Default': '#575757',
'Icon/Intense': '#1F1F1F',
@@ -244,8 +246,8 @@ export const theme = {
'Overlay/60': '#1F1C1B99',
'Overlay/80': '#1F1C1BCC',
'Overlay/90': '#1F1C1BE6',
'Component/Button/Brand/Primary/Fill/Default': '#122937',
'Component/Button/Brand/Primary/Fill/Hover': '#283b48',
'Component/Button/Brand/Primary/Fill/Default': '#3E1118',
'Component/Button/Brand/Primary/Fill/Hover': '#51262b',
'Component/Button/Brand/Primary/Fill/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF',
'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF',
@@ -256,17 +258,17 @@ export const theme = {
'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': '#122937',
'Component/Button/Brand/Secondary/Fill/Hover Inverted': '#3E1118',
'Component/Button/Brand/Secondary/Fill/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Secondary/On fill/Default': '#122937',
'Component/Button/Brand/Secondary/On fill/Hover': '#2C414D',
'Component/Button/Brand/Secondary/On fill/Default': '#3E1118',
'Component/Button/Brand/Secondary/On fill/Hover': '#5B353B',
'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
'Component/Button/Brand/Secondary/On fill/Hover inverted': '#b2b9be',
'Component/Button/Brand/Secondary/On fill/Hover inverted': '#c3b1b2',
'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C',
'Component/Button/Brand/Secondary/Border/Default': '#122937',
'Component/Button/Brand/Secondary/Border/Hover': '#2C414D',
'Component/Button/Brand/Secondary/Border/Default': '#3E1118',
'Component/Button/Brand/Secondary/Border/Hover': '#5B353B',
'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
'Component/Button/Brand/Secondary/Border/Hover inverted': '#818c95',
'Component/Button/Brand/Secondary/Border/Hover inverted': '#9d8081',
'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Tertiary/Fill/Default': '#0D57F3',
'Component/Button/Brand/Tertiary/Fill/Hover': '#1a54e7',
@@ -280,24 +282,24 @@ export const theme = {
'Component/Button/Inverted/Fill/Default': '#FFFFFF',
'Component/Button/Inverted/Fill/Faded': '#FFFFFFE6',
'Component/Button/Inverted/Fill/Hover': '#e6e5e5',
'Component/Button/Inverted/Fill/Hover Inverted': '#122937',
'Component/Button/Inverted/Fill/Hover Inverted': '#3E1118',
'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': '#122937',
'Component/Button/Inverted/On fill/Hover': '#283b48',
'Component/Button/Inverted/On fill/Default': '#3E1118',
'Component/Button/Inverted/On fill/Hover': '#51262b',
'Component/Button/Inverted/On fill/Hover inverted': '#FFFFFF',
'Component/Button/Inverted/On fill/Disabled': '#8C8C8C',
'Border/Interactive/Default': '#BFBFBF',
'Border/Divider/Default': '#D9D9D9',
'Border/Divider/Subtle': '#E9E9E9',
'Border/Divider/Accent': '#BFBFBF',
'Border/Divider/Brand/OnAccent/Default': '#B6BDC1',
'Border/Divider/Brand/OnPrimary 1/Default': '#FFFFFF',
'Border/Divider/Brand/OnPrimary 1/Secondary': '#FFFFFF',
'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF',
'Border/Divider/Brand/OnPrimary 3/Default': '#FFFFFF',
'Border/Interactive/Selected': '#262626',
'Border/Divider/Brand/OnPrimary 3/Default': '#FFC1C7',
'Border/Interactive/Active': '#262626',
'Border/Interactive/Focus': '#262626',
'Border/Interactive/Disabled': '#BFBFBF',
'Border/Interactive/Error': '#AD0015',
@@ -308,7 +310,7 @@ export const theme = {
'Component/Button/Muted/Fill/Disabled inverted': '#D9D9D9',
'Component/Button/Muted/On fill/Default': '#1F1F1F',
'Component/Button/Muted/On fill/Inverted': '#FFFFFF',
'Component/Button/Muted/On fill/Hover Inverted': '#2C414D',
'Component/Button/Muted/On fill/Hover Inverted': '#5B353B',
'Component/Button/Muted/On fill/Disabled': '#8C8C8C',
'Component/Button/Muted/Border/Default': '#FFFFFF1A',
'Component/Button/Muted/Border/Hover': '#ffffff30',