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-11-04 07:20:34 +00:00
parent a2e0f7244a
commit 10bf4d08d9
20 changed files with 574 additions and 219 deletions
Download Patch File Download Diff File Expand all files Collapse all files

117
packages/design-system/lib/tokens/index.ts
View File

@@ -442,6 +442,7 @@ export const scandic = {
resolved: '#4D001B',
alias: 'Scandic/Red/100',
},
'Text/Interactive/Inverted Hover': { resolved: '#cbb0b3' },
'Text/Interactive/Disabled': {
resolved: '#A8A4A2',
alias: 'Scandic/Grey/40',
@@ -484,6 +485,10 @@ export const scandic = {
resolved: '#26201E',
alias: 'Scandic/Grey/100',
},
'Text/Brand/OnPrimary 1/Hover': {
resolved: '#403937',
alias: 'Scandic/Grey/90',
},
'Text/Brand/OnPrimary 1/Accent': {
resolved: '#CD0921',
alias: 'Scandic/Red/Default',
@@ -665,6 +670,7 @@ export const scandic = {
resolved: '#CD0921',
alias: 'Scandic/Red/Default',
},
'Icon/Interactive/Inverted Hover': { resolved: '#cbb0b3' },
'Icon/Interactive/Disabled': {
resolved: '#A8A4A2',
alias: 'Scandic/Grey/40',
@@ -987,8 +993,10 @@ export const scandicGo = {
'Scandic Go/Green/90': { resolved: '#21331F' },
'Scandic Go/Green/100': { resolved: '#162115' },
'Scandic Go/Cyan/20': { resolved: '#73FCEE' },
'Scandic Go/Cyan/70': { resolved: '#087B86' },
'Scandic Go/Coral/50': { resolved: '#FA3737' },
'Scandic Go/Powder Rose/50': { resolved: '#ECC8C9' },
'Scandic Go/Powder Rose/90': { resolved: '#C27183' },
'Title/lg/Letter spacing': { resolved: 0.48 },
'Title/lg/Font fallback': { resolved: 'sans-serif' },
'Title/lg/Text-Transform': { resolved: 'none' },
@@ -1231,6 +1239,7 @@ export const scandicGo = {
resolved: '#2D163A',
alias: 'Scandic Go/Purple/100',
},
'Text/Interactive/Inverted Hover': { resolved: '#bbb2bf' },
'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
@@ -1267,6 +1276,7 @@ export const scandicGo = {
resolved: '#FFFFFF',
alias: 'Neutral/Opacity/White/100',
},
'Text/Brand/OnPrimary 1/Hover': { resolved: '#ffffff' },
'Text/Brand/OnPrimary 1/Accent': {
resolved: '#DCD7FF',
alias: 'Scandic Go/Purple/10',
@@ -1392,12 +1402,12 @@ export const scandicGo = {
'Surface/UI Fill/Active Hover': { resolved: '#e6e5e5' },
'Surface/UI Fill/Disabled': { resolved: '#E9E9E9', alias: 'Neutral/15' },
'Surface/Accent/1': { resolved: '#FA3737', alias: 'Scandic Go/Coral/50' },
'Surface/Accent/2': { resolved: '#73FCEE', alias: 'Scandic Go/Cyan/20' },
'Surface/Accent/3': { resolved: '#85FF52', alias: 'Scandic Go/Green/30' },
'Surface/Accent/4': { resolved: '#DCD7FF', alias: 'Scandic Go/Purple/10' },
'Surface/Accent/2': { resolved: '#087B86', alias: 'Scandic Go/Cyan/70' },
'Surface/Accent/3': { resolved: '#2A601E', alias: 'Scandic Go/Green/70' },
'Surface/Accent/4': { resolved: '#733CB2', alias: 'Scandic Go/Purple/70' },
'Surface/Accent/5': {
resolved: '#ECC8C9',
alias: 'Scandic Go/Powder Rose/50',
resolved: '#C27183',
alias: 'Scandic Go/Powder Rose/90',
},
'Surface/Feedback/Information': {
resolved: '#284EA0',
@@ -1451,6 +1461,7 @@ export const scandicGo = {
resolved: '#5E2A8C',
alias: 'Scandic Go/Purple/80',
},
'Icon/Interactive/Inverted Hover': { resolved: '#bbb2bf' },
'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
'Icon/Feedback/Information': {
@@ -1976,6 +1987,7 @@ export const downtownCamper = {
resolved: '#BB7524',
alias: 'Signature/Downtown Camper/Russet/60',
},
'Text/Interactive/Inverted Hover': { resolved: '#b5b5b5' },
'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
@@ -2012,6 +2024,7 @@ export const downtownCamper = {
resolved: '#FFFFFF',
alias: 'Neutral/Opacity/White/100',
},
'Text/Brand/OnPrimary 1/Hover': { resolved: '#ffffff' },
'Text/Brand/OnPrimary 1/Accent': {
resolved: '#FFFFFF',
alias: 'Neutral/Opacity/White/100',
@@ -2064,8 +2077,8 @@ export const downtownCamper = {
'Surface/Secondary/Subtle': { resolved: '#D9D9D9', alias: 'Neutral/20' },
'Surface/Secondary/Hover': { resolved: '#e4e4e4' },
'Surface/Brand/Accent/Default': {
resolved: '#D3952D',
alias: 'Signature/Downtown Camper/Russet/50',
resolved: '#3C1D0C',
alias: 'Signature/Downtown Camper/Russet/100',
},
'Surface/Brand/Accent/OnAccent/Accent': {
resolved: '#FFFFFF',
@@ -2177,6 +2190,7 @@ export const downtownCamper = {
resolved: '#834722',
alias: 'Signature/Downtown Camper/Russet/80',
},
'Icon/Interactive/Inverted Hover': { resolved: '#b5b5b5' },
'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
'Icon/Feedback/Information': {
@@ -2196,10 +2210,10 @@ export const downtownCamper = {
'Overlay/80': { resolved: '#1F1C1BCC', alias: 'Neutral/Opacity/Black/80' },
'Overlay/90': { resolved: '#1F1C1BE6', alias: 'Neutral/Opacity/Black/90' },
'Component/Button/Brand/Primary/Fill/Default': {
resolved: '#834722',
alias: 'Signature/Downtown Camper/Russet/80',
resolved: '#3C1D0C',
alias: 'Signature/Downtown Camper/Russet/100',
},
'Component/Button/Brand/Primary/Fill/Hover': { resolved: '#9e694a' },
'Component/Button/Brand/Primary/Fill/Hover': { resolved: '#614436' },
'Component/Button/Brand/Primary/Fill/Disabled': {
resolved: '#1F1C1B1A',
alias: 'Neutral/Opacity/Black/10',
@@ -2249,48 +2263,48 @@ export const downtownCamper = {
alias: 'Neutral/Opacity/Black/10',
},
'Component/Button/Brand/Secondary/On fill/Default': {
resolved: '#834722',
alias: 'Signature/Downtown Camper/Russet/80',
resolved: '#3C1D0C',
alias: 'Signature/Downtown Camper/Russet/100',
},
'Component/Button/Brand/Secondary/On fill/Hover': {
resolved: '#9B5622',
alias: 'Signature/Downtown Camper/Russet/70',
resolved: '#69391E',
alias: 'Signature/Downtown Camper/Russet/90',
},
'Component/Button/Brand/Secondary/On fill/Inverted': {
resolved: '#FFFFFF',
alias: 'Neutral/Opacity/White/100',
},
'Component/Button/Brand/Secondary/On fill/Hover inverted': {
resolved: '#ddc5b7',
resolved: '#c2b4ae',
},
'Component/Button/Brand/Secondary/On fill/Disabled': {
resolved: '#8C8C8C',
alias: 'Neutral/40',
},
'Component/Button/Brand/Secondary/Border/Default': {
resolved: '#834722',
alias: 'Signature/Downtown Camper/Russet/80',
resolved: '#3C1D0C',
alias: 'Signature/Downtown Camper/Russet/100',
},
'Component/Button/Brand/Secondary/Border/Hover': {
resolved: '#9B5622',
alias: 'Signature/Downtown Camper/Russet/70',
resolved: '#69391E',
alias: 'Signature/Downtown Camper/Russet/90',
},
'Component/Button/Brand/Secondary/Border/Inverted': {
resolved: '#FFFFFF',
alias: 'Neutral/Opacity/White/100',
},
'Component/Button/Brand/Secondary/Border/Hover inverted': {
resolved: '#c59f8a',
resolved: '#9b857b',
},
'Component/Button/Brand/Secondary/Border/Disabled': {
resolved: '#1F1C1B1A',
alias: 'Neutral/Opacity/Black/10',
},
'Component/Button/Brand/Tertiary/Fill/Default': {
resolved: '#3C4336',
alias: 'Signature/Downtown Camper/Lunar green/80',
resolved: '#834722',
alias: 'Signature/Downtown Camper/Russet/80',
},
'Component/Button/Brand/Tertiary/Fill/Hover': { resolved: '#4d5448' },
'Component/Button/Brand/Tertiary/Fill/Hover': { resolved: '#915836' },
'Component/Button/Brand/Tertiary/Fill/Disabled': {
resolved: '#1F1C1B1A',
alias: 'Neutral/Opacity/Black/10',
@@ -2349,10 +2363,10 @@ export const downtownCamper = {
alias: 'Neutral/Opacity/White/0',
},
'Component/Button/Inverted/On fill/Default': {
resolved: '#834722',
alias: 'Signature/Downtown Camper/Russet/80',
resolved: '#3C1D0C',
alias: 'Signature/Downtown Camper/Russet/100',
},
'Component/Button/Inverted/On fill/Hover': { resolved: '#915836' },
'Component/Button/Inverted/On fill/Hover': { resolved: '#4f3021' },
'Component/Button/Inverted/On fill/Hover inverted': {
resolved: '#FFFFFF',
alias: 'Neutral/Opacity/White/100',
@@ -2366,8 +2380,8 @@ export const downtownCamper = {
'Border/Divider/Subtle': { resolved: '#E9E9E9', alias: 'Neutral/15' },
'Border/Divider/Accent': { resolved: '#BFBFBF', alias: 'Neutral/30' },
'Border/Divider/Brand/OnAccent/Default': {
resolved: '#BB7524',
alias: 'Signature/Downtown Camper/Russet/60',
resolved: '#FFFFFF',
alias: 'Neutral/Opacity/White/100',
},
'Border/Divider/Brand/OnPrimary 1/Default': {
resolved: '#FFFFFF',
@@ -2705,6 +2719,7 @@ export const haymarket = {
resolved: '#BA8E6E',
alias: 'Signature/Haymarket/Antique Brass/40',
},
'Text/Interactive/Inverted Hover': { resolved: '#b5b5b5' },
'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
@@ -2741,6 +2756,7 @@ export const haymarket = {
resolved: '#1F1F1F',
alias: 'Neutral/90',
},
'Text/Brand/OnPrimary 1/Hover': { resolved: '#454545', alias: 'Neutral/70' },
'Text/Brand/OnPrimary 1/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' },
'Text/Brand/OnPrimary 2/Heading': {
resolved: '#FFFFFF',
@@ -2918,6 +2934,7 @@ export const haymarket = {
resolved: '#805E45',
alias: 'Signature/Haymarket/Antique Brass/60',
},
'Icon/Interactive/Inverted Hover': { resolved: '#b5b5b5' },
'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
'Icon/Feedback/Information': {
@@ -3457,6 +3474,7 @@ export const marski = {
resolved: '#143D94',
alias: 'Signature/Marski/Blue ribbon/90',
},
'Text/Interactive/Inverted Hover': { resolved: '#b2b9be' },
'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
@@ -3493,6 +3511,7 @@ export const marski = {
resolved: '#FFFFFF',
alias: 'Neutral/Opacity/White/100',
},
'Text/Brand/OnPrimary 1/Hover': { resolved: '#ffffff' },
'Text/Brand/OnPrimary 1/Accent': {
resolved: '#458AFF',
alias: 'Signature/Marski/Blue ribbon/50',
@@ -3670,6 +3689,7 @@ export const marski = {
resolved: '#0D57F3',
alias: 'Signature/Marski/Blue ribbon/70',
},
'Icon/Interactive/Inverted Hover': { resolved: '#b6bdc2' },
'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
'Icon/Feedback/Information': {
@@ -3935,13 +3955,13 @@ export const hotelNorge = {
'Signature/Hotel Norge/Off White/70': { resolved: '#AAAAA7' },
'Signature/Hotel Norge/Emerald/0': { resolved: '#C7DDD5' },
'Signature/Hotel Norge/Emerald/50': { resolved: '#779990' },
'Signature/Hotel Norge/Emerald/80': { resolved: '#3A655C' },
'Signature/Hotel Norge/Off White/80': { resolved: '#838481' },
'Signature/Hotel Norge/Emerald/80': { resolved: '#3A655C' },
'Signature/Hotel Norge/Off White/90': { resolved: '#6F716F' },
'Signature/Hotel Norge/Off White/100': { resolved: '#646563' },
'Signature/Hotel Norge/Emerald/90': { resolved: '#26544A' },
'Signature/Hotel Norge/Dark blue/0': { resolved: '#B7C5C8' },
'Signature/Hotel Norge/Off White/100': { resolved: '#646563' },
'Signature/Hotel Norge/Emerald/100': { resolved: '#004337' },
'Signature/Hotel Norge/Dark blue/0': { resolved: '#B7C5C8' },
'Signature/Hotel Norge/Dark blue/30': { resolved: '#858F97' },
'Signature/Hotel Norge/Dark blue/60': { resolved: '#626B76' },
'Signature/Hotel Norge/Dark blue/80': { resolved: '#404655' },
@@ -4191,6 +4211,7 @@ export const hotelNorge = {
resolved: '#3A655C',
alias: 'Signature/Hotel Norge/Emerald/80',
},
'Text/Interactive/Inverted Hover': { resolved: '#b3b4bd' },
'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
@@ -4221,6 +4242,7 @@ export const hotelNorge = {
resolved: '#FFFFFF',
alias: 'Neutral/Opacity/White/100',
},
'Text/Brand/OnPrimary 1/Hover': { resolved: '#ffffff' },
'Text/Brand/OnPrimary 1/Accent': {
resolved: '#B7C5C8',
alias: 'Signature/Hotel Norge/Dark blue/0',
@@ -4404,6 +4426,7 @@ export const hotelNorge = {
resolved: '#26544A',
alias: 'Signature/Hotel Norge/Emerald/90',
},
'Icon/Interactive/Inverted Hover': { resolved: '#b3b4bd' },
'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
'Icon/Feedback/Information': {
@@ -4919,6 +4942,7 @@ export const grandHotel = {
resolved: '#C27183',
alias: 'Signature/Grand Hotel/Careys Pink/50',
},
'Text/Interactive/Inverted Hover': { resolved: '#b6b7b9' },
'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
@@ -4946,6 +4970,7 @@ export const grandHotel = {
resolved: '#FFFFFF',
alias: 'Neutral/Opacity/White/100',
},
'Text/Brand/OnPrimary 1/Hover': { resolved: '#ffffff' },
'Text/Brand/OnPrimary 1/Accent': {
resolved: '#FFFFFF',
alias: 'Neutral/Opacity/White/100',
@@ -5123,6 +5148,7 @@ export const grandHotel = {
resolved: '#AA546B',
alias: 'Signature/Grand Hotel/Careys Pink/60',
},
'Icon/Interactive/Inverted Hover': { resolved: '#b6b7b9' },
'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
'Icon/Feedback/Information': {
@@ -5444,8 +5470,6 @@ export const theDock = {
'Surface/Brand/Primary 1/OnSurface/Default': { resolved: '#FFFFFF' },
'Surface/Brand/Primary 1/OnSurface/Accent': { resolved: '#FFFFFF' },
'Surface/Brand/Primary 1/OnSurface/Accent Secondary': { resolved: '#FFFFFF' },
'Surface/Brand/Primary 2/OnSurface/Default': { resolved: '#FFFFFF' },
'Surface/Brand/Primary 2/OnSurface/Accent': { resolved: '#FFFFFF' },
'Utilities/Gradients/10': { resolved: '#F2E1C21A' },
'Font family/The Dock/Title': { resolved: 'Reckless' },
'Font family/The Dock/Body': { resolved: 'Fira sans' },
@@ -5631,6 +5655,7 @@ export const theDock = {
resolved: '#FC2826',
alias: 'Signature/The Dock/Signal Red/50',
},
'Text/Interactive/Inverted Hover': { resolved: '#b5b5b5' },
'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
@@ -5661,19 +5686,23 @@ export const theDock = {
resolved: '#1F1F1F',
alias: 'Neutral/90',
},
'Text/Brand/OnPrimary 1/Hover': { resolved: '#454545', alias: 'Neutral/70' },
'Text/Brand/OnPrimary 1/Accent': {
resolved: '#3E1212',
alias: 'Signature/The Dock/Rose Copper/90',
},
'Text/Brand/OnPrimary 2/Heading': {
resolved: '#1F1F1F',
alias: 'Neutral/90',
resolved: '#FFFFFF',
alias: 'Neutral/Opacity/White/100',
},
'Text/Brand/OnPrimary 2/Default': {
resolved: '#1F1F1F',
alias: 'Neutral/90',
resolved: '#FFFFFF',
alias: 'Neutral/Opacity/White/100',
},
'Text/Brand/OnPrimary 2/Accent': {
resolved: '#FFFFFF',
alias: 'Neutral/Opacity/White/100',
},
'Text/Brand/OnPrimary 2/Accent': { resolved: '#1F1F1F', alias: 'Neutral/90' },
'Text/Brand/OnPrimary 3/Heading': {
resolved: '#FFFFFF',
alias: 'Neutral/Opacity/White/100',
@@ -5738,6 +5767,14 @@ export const theDock = {
resolved: '#3E1212',
alias: 'Signature/The Dock/Rose Copper/90',
},
'Surface/Brand/Primary 2/OnSurface/Default': {
resolved: '#FFFFFF',
alias: 'Neutral/Opacity/White/100',
},
'Surface/Brand/Primary 2/OnSurface/Accent': {
resolved: '#FFFFFF',
alias: 'Neutral/Opacity/White/100',
},
'Surface/Brand/Primary 3/Default': {
resolved: '#3E1212',
alias: 'Signature/The Dock/Rose Copper/90',
@@ -5833,6 +5870,7 @@ export const theDock = {
resolved: '#D62220',
alias: 'Signature/The Dock/Signal Red/60',
},
'Icon/Interactive/Inverted Hover': { resolved: '#b5b5b5' },
'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
'Icon/Feedback/Information': {
@@ -6082,6 +6120,7 @@ export const theDock = {
},
} as const
export const partnerSAS = {
'Text/Brand/OnPrimary 1/Hover': { resolved: '#FFFFFF' },
'Surface/Brand/Accent/Default': { resolved: '#FFFFFF' },
'Surface/Brand/Accent/OnAccent/Default': { resolved: '#FFFFFF' },
'Surface/Brand/Accent/OnAccent/Accent': { resolved: '#FFFFFF' },
@@ -6122,6 +6161,7 @@ export const partnerSAS = {
resolved: '#C27183',
alias: 'Signature/Grand Hotel/Careys Pink/50',
},
'Text/Interactive/Inverted Hover': { resolved: '#b6b7b9' },
'Text/Interactive/Disabled': { resolved: '#8C8C8C', alias: 'Neutral/40' },
'Text/Interactive/Focus': { resolved: '#262626', alias: 'Neutral/80' },
'Text/Interactive/Error': { resolved: '#AD0015', alias: 'Scandic/Red/70' },
@@ -6286,6 +6326,7 @@ export const partnerSAS = {
resolved: '#AA546B',
alias: 'Signature/Grand Hotel/Careys Pink/60',
},
'Icon/Interactive/Inverted Hover': { resolved: '#b6b7b9' },
'Icon/Interactive/Disabled': { resolved: '#BFBFBF', alias: 'Neutral/30' },
'Icon/Interactive/Placeholder': { resolved: '#747474', alias: 'Neutral/50' },
'Icon/Feedback/Information': {