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

518
packages/design-system/generate/variables.json
View File

File diff suppressed because it is too large Load Diff

33
packages/design-system/lib/styles/downtown-camper.css
View File

@@ -13,16 +13,17 @@
--Body-Underline-sm-Font-fallback: sans-serif;
--Body-Underline-sm-Letter-spacing: 0.2px;
--Body-Underline-sm-Text-Decoration: underline;
--Component-Button-Brand-Primary-Fill-Hover: #9e694a;
--Component-Button-Brand-Secondary-Border-Hover-inverted: #c59f8a;
--Component-Button-Brand-Secondary-On-fill-Hover-inverted: #ddc5b7;
--Component-Button-Brand-Tertiary-Fill-Hover: #4d5448;
--Component-Button-Brand-Primary-Fill-Hover: #614436;
--Component-Button-Brand-Secondary-Border-Hover-inverted: #9b857b;
--Component-Button-Brand-Secondary-On-fill-Hover-inverted: #c2b4ae;
--Component-Button-Brand-Tertiary-Fill-Hover: #915836;
--Component-Button-Inverted-Fill-Hover: #e6e5e5;
--Component-Button-Inverted-On-fill-Hover: #915836;
--Component-Button-Inverted-On-fill-Hover: #4f3021;
--Component-Button-Muted-Border-Hover: #ffffff30;
--Font-family-Downtown-Camper-Body: 'Fira sans';
--Font-family-Downtown-Camper-Decorative: 'Gotham';
--Font-family-Downtown-Camper-Title: 'Gotham';
--Icon-Interactive-Inverted-Hover: #b5b5b5;
--Label-Font-fallback: sans-serif;
--Label-Letter-spacing: 0.17px;
--Link-md-Font-fallback: sans-serif;
@@ -75,6 +76,8 @@
--Tag-Font-fallback: sans-serif;
--Tag-Letter-spacing: 0.06px;
--Tag-Text-Transform: none;
--Text-Brand-OnPrimary-1-Hover: #ffffff;
--Text-Interactive-Inverted-Hover: #b5b5b5;
--Title-Decorative-lg-Font-fallback: sans-serif;
--Title-Decorative-lg-Letter-spacing: 0.05px;
--Title-Decorative-lg-Text-Transform: uppercase;
@@ -130,9 +133,7 @@
--Body-Underline-sm-Size: var(--Impl-Text-size-4xs);
--Border-Default: var(--Neutral-20);
--Border-Divider-Accent: var(--Neutral-30);
--Border-Divider-Brand-OnAccent-Default: var(
--Signature-Downtown-Camper-Russet-60
);
--Border-Divider-Brand-OnAccent-Default: var(--Neutral-Opacity-White-100);
--Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100);
--Border-Divider-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100);
--Border-Divider-Brand-OnPrimary-3-Default: var(
@@ -155,7 +156,7 @@
);
--Component-Button-Brand-Primary-Border-Hover: var(--Neutral-Opacity-White-0);
--Component-Button-Brand-Primary-Fill-Default: var(
--Signature-Downtown-Camper-Russet-80
--Signature-Downtown-Camper-Russet-100
);
--Component-Button-Brand-Primary-Fill-Disabled: var(
--Neutral-Opacity-Black-10
@@ -168,13 +169,13 @@
--Neutral-Opacity-White-100
);
--Component-Button-Brand-Secondary-Border-Default: var(
--Signature-Downtown-Camper-Russet-80
--Signature-Downtown-Camper-Russet-100
);
--Component-Button-Brand-Secondary-Border-Disabled: var(
--Neutral-Opacity-Black-10
);
--Component-Button-Brand-Secondary-Border-Hover: var(
--Signature-Downtown-Camper-Russet-70
--Signature-Downtown-Camper-Russet-90
);
--Component-Button-Brand-Secondary-Border-Inverted: var(
--Neutral-Opacity-White-100
@@ -193,11 +194,11 @@
--Neutral-Opacity-White-100
);
--Component-Button-Brand-Secondary-On-fill-Default: var(
--Signature-Downtown-Camper-Russet-80
--Signature-Downtown-Camper-Russet-100
);
--Component-Button-Brand-Secondary-On-fill-Disabled: var(--Neutral-40);
--Component-Button-Brand-Secondary-On-fill-Hover: var(
--Signature-Downtown-Camper-Russet-70
--Signature-Downtown-Camper-Russet-90
);
--Component-Button-Brand-Secondary-On-fill-Inverted: var(
--Neutral-Opacity-White-100
@@ -212,7 +213,7 @@
--Neutral-Opacity-White-0
);
--Component-Button-Brand-Tertiary-Fill-Default: var(
--Signature-Downtown-Camper-Lunar-green-80
--Signature-Downtown-Camper-Russet-80
);
--Component-Button-Brand-Tertiary-Fill-Disabled: var(
--Neutral-Opacity-Black-10
@@ -234,7 +235,7 @@
--Signature-Downtown-Camper-Lunar-green-80
);
--Component-Button-Inverted-On-fill-Default: var(
--Signature-Downtown-Camper-Russet-80
--Signature-Downtown-Camper-Russet-100
);
--Component-Button-Inverted-On-fill-Disabled: var(--Neutral-40);
--Component-Button-Inverted-On-fill-Hover-inverted: var(
@@ -289,7 +290,7 @@
--Surface-Accent-3: var(--Signature-Downtown-Camper-Lunar-green-70);
--Surface-Accent-4: var(--Signature-Downtown-Camper-Russet-50);
--Surface-Accent-5: var(--Scandic-Blue-80);
--Surface-Brand-Accent-Default: var(--Signature-Downtown-Camper-Russet-50);
--Surface-Brand-Accent-Default: var(--Signature-Downtown-Camper-Russet-100);
--Surface-Brand-Accent-OnAccent-Accent-Secondary: var(
--Neutral-Opacity-White-100
);

31
packages/design-system/lib/styles/downtown-camper.js
View File

@@ -148,6 +148,7 @@ export const theme = {
'Text/Interactive/Hover': '#454545',
'Text/Interactive/Secondary': '#834722',
'Text/Interactive/Secondary Hover': '#BB7524',
'Text/Interactive/Inverted Hover': '#b5b5b5',
'Text/Interactive/Disabled': '#8C8C8C',
'Text/Interactive/Focus': '#262626',
'Text/Interactive/Error': '#AD0015',
@@ -163,6 +164,7 @@ export const theme = {
'Text/Brand/OnAccent/Accent Secondary': '#747474',
'Text/Brand/OnPrimary 1/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 1/Default': '#FFFFFF',
'Text/Brand/OnPrimary 1/Hover': '#ffffff',
'Text/Brand/OnPrimary 1/Accent': '#FFFFFF',
'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
@@ -181,7 +183,7 @@ export const theme = {
'Surface/Secondary/Default': '#F0F0F0',
'Surface/Secondary/Subtle': '#D9D9D9',
'Surface/Secondary/Hover': '#e4e4e4',
'Surface/Brand/Accent/Default': '#D3952D',
'Surface/Brand/Accent/Default': '#3C1D0C',
'Surface/Brand/Accent/OnAccent/Accent': '#FFFFFF',
'Surface/Brand/Accent/OnAccent/Accent Secondary': '#FFFFFF',
'Surface/Brand/Primary 1/Default': '#3C4336',
@@ -220,6 +222,7 @@ export const theme = {
'Icon/Interactive/Default': '#1F1F1F',
'Icon/Interactive/Secondary': '#834722',
'Icon/Interactive/Accent': '#834722',
'Icon/Interactive/Inverted Hover': '#b5b5b5',
'Icon/Interactive/Disabled': '#BFBFBF',
'Icon/Interactive/Placeholder': '#747474',
'Icon/Feedback/Information': '#284EA0',
@@ -235,8 +238,8 @@ export const theme = {
'Overlay/60': '#1F1C1B99',
'Overlay/80': '#1F1C1BCC',
'Overlay/90': '#1F1C1BE6',
'Component/Button/Brand/Primary/Fill/Default': '#834722',
'Component/Button/Brand/Primary/Fill/Hover': '#9e694a',
'Component/Button/Brand/Primary/Fill/Default': '#3C1D0C',
'Component/Button/Brand/Primary/Fill/Hover': '#614436',
'Component/Button/Brand/Primary/Fill/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Primary/On fill/Default': '#FFFFFF',
'Component/Button/Brand/Primary/On fill/Hover': '#FFFFFF',
@@ -249,18 +252,18 @@ export const theme = {
'Component/Button/Brand/Secondary/Fill/Inverted': '#FFFFFF',
'Component/Button/Brand/Secondary/Fill/Hover Inverted': '#3C4336',
'Component/Button/Brand/Secondary/Fill/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Secondary/On fill/Default': '#834722',
'Component/Button/Brand/Secondary/On fill/Hover': '#9B5622',
'Component/Button/Brand/Secondary/On fill/Default': '#3C1D0C',
'Component/Button/Brand/Secondary/On fill/Hover': '#69391E',
'Component/Button/Brand/Secondary/On fill/Inverted': '#FFFFFF',
'Component/Button/Brand/Secondary/On fill/Hover inverted': '#ddc5b7',
'Component/Button/Brand/Secondary/On fill/Hover inverted': '#c2b4ae',
'Component/Button/Brand/Secondary/On fill/Disabled': '#8C8C8C',
'Component/Button/Brand/Secondary/Border/Default': '#834722',
'Component/Button/Brand/Secondary/Border/Hover': '#9B5622',
'Component/Button/Brand/Secondary/Border/Default': '#3C1D0C',
'Component/Button/Brand/Secondary/Border/Hover': '#69391E',
'Component/Button/Brand/Secondary/Border/Inverted': '#FFFFFF',
'Component/Button/Brand/Secondary/Border/Hover inverted': '#c59f8a',
'Component/Button/Brand/Secondary/Border/Hover inverted': '#9b857b',
'Component/Button/Brand/Secondary/Border/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Tertiary/Fill/Default': '#3C4336',
'Component/Button/Brand/Tertiary/Fill/Hover': '#4d5448',
'Component/Button/Brand/Tertiary/Fill/Default': '#834722',
'Component/Button/Brand/Tertiary/Fill/Hover': '#915836',
'Component/Button/Brand/Tertiary/Fill/Disabled': '#1F1C1B1A',
'Component/Button/Brand/Tertiary/On fill/Default': '#FFFFFF',
'Component/Button/Brand/Tertiary/On fill/Hover': '#FFFFFF',
@@ -276,15 +279,15 @@ export const theme = {
'Component/Button/Inverted/Border/Default': '#FFFFFF00',
'Component/Button/Inverted/Border/Hover': '#FFFFFF00',
'Component/Button/Inverted/Border/Disable': '#FFFFFF00',
'Component/Button/Inverted/On fill/Default': '#834722',
'Component/Button/Inverted/On fill/Hover': '#915836',
'Component/Button/Inverted/On fill/Default': '#3C1D0C',
'Component/Button/Inverted/On fill/Hover': '#4f3021',
'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': '#BB7524',
'Border/Divider/Brand/OnAccent/Default': '#FFFFFF',
'Border/Divider/Brand/OnPrimary 1/Default': '#FFFFFF',
'Border/Divider/Brand/OnPrimary 2/Default': '#FFFFFF',
'Border/Divider/Brand/OnPrimary 3/Default': '#C69382',

3
packages/design-system/lib/styles/grand-hotel.css
View File

@@ -25,6 +25,7 @@
--Font-family-Grand-Hotel-Body: 'Fira sans';
--Font-family-Grand-Hotel-Decorative: 'Canela Deck';
--Font-family-Grand-Hotel-Title: 'Canela Deck';
--Icon-Interactive-Inverted-Hover: #b6b7b9;
--Label-Font-fallback: sans-serif;
--Label-Letter-spacing: 0.17px;
--Link-md-Font-fallback: sans-serif;
@@ -57,6 +58,8 @@
--Tag-Font-fallback: sans-serif;
--Tag-Letter-spacing: 0.24px;
--Tag-Text-Transform: uppercase;
--Text-Brand-OnPrimary-1-Hover: #ffffff;
--Text-Interactive-Inverted-Hover: #b6b7b9;
--Title-Decorative-lg-Font-fallback: Serif;
--Title-Decorative-lg-Letter-spacing: 0.3px;
--Title-Decorative-lg-Text-Transform: uppercase;

3
packages/design-system/lib/styles/grand-hotel.js
View File

@@ -129,6 +129,7 @@ export const theme = {
'Text/Interactive/Hover': '#3D444D',
'Text/Interactive/Secondary': '#AA546B',
'Text/Interactive/Secondary Hover': '#C27183',
'Text/Interactive/Inverted Hover': '#b6b7b9',
'Text/Interactive/Disabled': '#8C8C8C',
'Text/Interactive/Focus': '#262626',
'Text/Interactive/Error': '#AD0015',
@@ -144,6 +145,7 @@ export const theme = {
'Text/Brand/OnAccent/Accent Secondary': '#747474',
'Text/Brand/OnPrimary 1/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 1/Default': '#FFFFFF',
'Text/Brand/OnPrimary 1/Hover': '#ffffff',
'Text/Brand/OnPrimary 1/Accent': '#FFFFFF',
'Text/Brand/OnPrimary 2/Heading': '#1F1F1F',
'Text/Brand/OnPrimary 2/Default': '#1F1F1F',
@@ -201,6 +203,7 @@ export const theme = {
'Icon/Interactive/Default': '#21252B',
'Icon/Interactive/Secondary': '#AA546B',
'Icon/Interactive/Accent': '#AA546B',
'Icon/Interactive/Inverted Hover': '#b6b7b9',
'Icon/Interactive/Disabled': '#BFBFBF',
'Icon/Interactive/Placeholder': '#747474',
'Icon/Feedback/Information': '#284EA0',

3
packages/design-system/lib/styles/haymarket.css
View File

@@ -23,6 +23,7 @@
--Font-family-Haymarket-Body: 'Fira sans';
--Font-family-Haymarket-Decorative: 'Prumo text';
--Font-family-Haymarket-Title: 'Prumo text';
--Icon-Interactive-Inverted-Hover: #b5b5b5;
--Label-Font-fallback: sans-serif;
--Label-Letter-spacing: 0.17px;
--Link-md-Font-fallback: sans-serif;
@@ -75,6 +76,7 @@
--Tag-Font-fallback: sans-serif;
--Tag-Letter-spacing: 0.24px;
--Tag-Text-Transform: uppercase;
--Text-Interactive-Inverted-Hover: #b5b5b5;
--Title-Decorative-lg-Font-fallback: Serif;
--Title-Decorative-lg-Letter-spacing: 0.6px;
--Title-Decorative-lg-Text-Transform: uppercase;
@@ -332,6 +334,7 @@
--Text-Brand-OnPrimary-1-Accent: var(--Neutral-90);
--Text-Brand-OnPrimary-1-Default: var(--Neutral-90);
--Text-Brand-OnPrimary-1-Heading: var(--Neutral-90);
--Text-Brand-OnPrimary-1-Hover: var(--Neutral-70);
--Text-Brand-OnPrimary-2-Accent: var(--Neutral-Opacity-White-100);
--Text-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100);
--Text-Brand-OnPrimary-2-Heading: var(--Neutral-Opacity-White-100);

3
packages/design-system/lib/styles/haymarket.js
View File

@@ -148,6 +148,7 @@ export const theme = {
'Text/Interactive/Hover': '#454545',
'Text/Interactive/Secondary': '#805E45',
'Text/Interactive/Secondary Hover': '#BA8E6E',
'Text/Interactive/Inverted Hover': '#b5b5b5',
'Text/Interactive/Disabled': '#8C8C8C',
'Text/Interactive/Focus': '#262626',
'Text/Interactive/Error': '#AD0015',
@@ -163,6 +164,7 @@ export const theme = {
'Text/Brand/OnAccent/Accent Secondary': '#805E45',
'Text/Brand/OnPrimary 1/Heading': '#1F1F1F',
'Text/Brand/OnPrimary 1/Default': '#1F1F1F',
'Text/Brand/OnPrimary 1/Hover': '#454545',
'Text/Brand/OnPrimary 1/Accent': '#1F1F1F',
'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
@@ -220,6 +222,7 @@ export const theme = {
'Icon/Interactive/Default': '#1F1F1F',
'Icon/Interactive/Secondary': '#805E45',
'Icon/Interactive/Accent': '#805E45',
'Icon/Interactive/Inverted Hover': '#b5b5b5',
'Icon/Interactive/Disabled': '#BFBFBF',
'Icon/Interactive/Placeholder': '#747474',
'Icon/Feedback/Information': '#284EA0',

3
packages/design-system/lib/styles/hotel-norge.css
View File

@@ -23,6 +23,7 @@
--Font-family-Hotel-Norge-Body: 'Fira sans';
--Font-family-Hotel-Norge-Decorative: 'Domaine Sans Text';
--Font-family-Hotel-Norge-Title: 'Domaine Sans Text';
--Icon-Interactive-Inverted-Hover: #b3b4bd;
--Label-Font-fallback: sans-serif;
--Label-Letter-spacing: 0.17px;
--Link-md-Font-fallback: sans-serif;
@@ -64,6 +65,8 @@
--Tag-Font-fallback: sans-serif;
--Tag-Letter-spacing: 0.18px;
--Tag-Text-Transform: uppercase;
--Text-Brand-OnPrimary-1-Hover: #ffffff;
--Text-Interactive-Inverted-Hover: #b3b4bd;
--Title-Decorative-lg-Font-fallback: sans-serif;
--Title-Decorative-lg-Letter-spacing: 0.24px;
--Title-Decorative-lg-Text-Transform: uppercase;

9
packages/design-system/lib/styles/hotel-norge.js
View File

@@ -10,13 +10,13 @@ export const theme = {
'Signature/Hotel Norge/Off White/70': '#AAAAA7',
'Signature/Hotel Norge/Emerald/0': '#C7DDD5',
'Signature/Hotel Norge/Emerald/50': '#779990',
'Signature/Hotel Norge/Emerald/80': '#3A655C',
'Signature/Hotel Norge/Off White/80': '#838481',
'Signature/Hotel Norge/Emerald/80': '#3A655C',
'Signature/Hotel Norge/Off White/90': '#6F716F',
'Signature/Hotel Norge/Off White/100': '#646563',
'Signature/Hotel Norge/Emerald/90': '#26544A',
'Signature/Hotel Norge/Dark blue/0': '#B7C5C8',
'Signature/Hotel Norge/Off White/100': '#646563',
'Signature/Hotel Norge/Emerald/100': '#004337',
'Signature/Hotel Norge/Dark blue/0': '#B7C5C8',
'Signature/Hotel Norge/Dark blue/30': '#858F97',
'Signature/Hotel Norge/Dark blue/60': '#626B76',
'Signature/Hotel Norge/Dark blue/80': '#404655',
@@ -135,6 +135,7 @@ export const theme = {
'Text/Interactive/Hover': '#404655',
'Text/Interactive/Secondary': '#26544A',
'Text/Interactive/Secondary Hover': '#3A655C',
'Text/Interactive/Inverted Hover': '#b3b4bd',
'Text/Interactive/Disabled': '#8C8C8C',
'Text/Interactive/Focus': '#262626',
'Text/Interactive/Error': '#AD0015',
@@ -150,6 +151,7 @@ export const theme = {
'Text/Brand/OnAccent/Accent Secondary': '#747474',
'Text/Brand/OnPrimary 1/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 1/Default': '#FFFFFF',
'Text/Brand/OnPrimary 1/Hover': '#ffffff',
'Text/Brand/OnPrimary 1/Accent': '#B7C5C8',
'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
@@ -207,6 +209,7 @@ export const theme = {
'Icon/Interactive/Default': '#181E34',
'Icon/Interactive/Secondary': '#26544A',
'Icon/Interactive/Accent': '#26544A',
'Icon/Interactive/Inverted Hover': '#b3b4bd',
'Icon/Interactive/Disabled': '#BFBFBF',
'Icon/Interactive/Placeholder': '#747474',
'Icon/Feedback/Information': '#284EA0',

3
packages/design-system/lib/styles/marski.css
View File

@@ -23,6 +23,7 @@
--Font-family-Marski-Body: 'Fira sans';
--Font-family-Marski-Decorative: 'Helvetica Neue';
--Font-family-Marski-Title: 'Helvetica Neue';
--Icon-Interactive-Inverted-Hover: #b6bdc2;
--Label-Font-fallback: sans-serif;
--Label-Letter-spacing: 0.17px;
--Link-md-Font-fallback: sans-serif;
@@ -85,6 +86,8 @@
--Tag-Font-fallback: sans-serif;
--Tag-Letter-spacing: 0.18px;
--Tag-Text-Transform: none;
--Text-Brand-OnPrimary-1-Hover: #ffffff;
--Text-Interactive-Inverted-Hover: #b2b9be;
--Title-Decorative-lg-Font-fallback: sans-serif;
--Title-Decorative-lg-Letter-spacing: 0.1px;
--Title-Decorative-lg-Text-Transform: uppercase;

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

@@ -159,6 +159,7 @@ export const theme = {
'Text/Interactive/Hover': '#2C414D',
'Text/Interactive/Secondary': '#0D57F3',
'Text/Interactive/Secondary Hover': '#143D94',
'Text/Interactive/Inverted Hover': '#b2b9be',
'Text/Interactive/Disabled': '#8C8C8C',
'Text/Interactive/Focus': '#262626',
'Text/Interactive/Error': '#AD0015',
@@ -174,6 +175,7 @@ export const theme = {
'Text/Brand/OnAccent/Accent Secondary': '#747474',
'Text/Brand/OnPrimary 1/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 1/Default': '#FFFFFF',
'Text/Brand/OnPrimary 1/Hover': '#ffffff',
'Text/Brand/OnPrimary 1/Accent': '#458AFF',
'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
@@ -231,6 +233,7 @@ export const theme = {
'Icon/Interactive/Default': '#1E3441',
'Icon/Interactive/Secondary': '#0D57F3',
'Icon/Interactive/Accent': '#0D57F3',
'Icon/Interactive/Inverted Hover': '#b6bdc2',
'Icon/Interactive/Disabled': '#BFBFBF',
'Icon/Interactive/Placeholder': '#747474',
'Icon/Feedback/Information': '#284EA0',

3
packages/design-system/lib/styles/partner-sas.css
View File

@@ -10,6 +10,7 @@
--Component-Button-Inverted-On-fill-Hover: #34373d;
--Component-Button-Muted-Border-Hover: #ffffff30;
--Component-Button-Muted-Fill-Hover-inverted: #f2f2f2;
--Icon-Interactive-Inverted-Hover: #b6b7b9;
--Surface-Brand-Accent-Default: #ffffff;
--Surface-Brand-Accent-OnAccent-Accent-Secondary: #ffffff;
--Surface-Brand-Accent-OnAccent-Accent: #ffffff;
@@ -27,6 +28,8 @@
--Surface-Primary-Hover-Light: #e6e5e5;
--Surface-Primary-Hover: #f2f2f2;
--Surface-Secondary-Hover: #ebeae9;
--Text-Brand-OnPrimary-1-Hover: #ffffff;
--Text-Interactive-Inverted-Hover: #b6b7b9;
--Utilities-Gradients-10: #5b6e7f1a;
/* Aliases */

3
packages/design-system/lib/styles/partner-sas.js
View File

@@ -1,5 +1,6 @@
/* This file is generated, do not edit manually! */
export const theme = {
'Text/Brand/OnPrimary 1/Hover': '#FFFFFF',
'Surface/Brand/Accent/Default': '#FFFFFF',
'Surface/Brand/Accent/OnAccent/Default': '#FFFFFF',
'Surface/Brand/Accent/OnAccent/Accent': '#FFFFFF',
@@ -25,6 +26,7 @@ export const theme = {
'Text/Interactive/Hover': '#AA546B',
'Text/Interactive/Secondary': '#AA546B',
'Text/Interactive/Secondary Hover': '#C27183',
'Text/Interactive/Inverted Hover': '#b6b7b9',
'Text/Interactive/Disabled': '#8C8C8C',
'Text/Interactive/Focus': '#262626',
'Text/Interactive/Error': '#AD0015',
@@ -87,6 +89,7 @@ export const theme = {
'Icon/Interactive/Default': '#21252B',
'Icon/Interactive/Secondary': '#AA546B',
'Icon/Interactive/Accent': '#AA546B',
'Icon/Interactive/Inverted Hover': '#b6b7b9',
'Icon/Interactive/Disabled': '#BFBFBF',
'Icon/Interactive/Placeholder': '#747474',
'Icon/Feedback/Information': '#284EA0',

13
packages/design-system/lib/styles/scandic-go.css
View File

@@ -24,6 +24,7 @@
--Font-family-Scandic-Go-Body: 'Fira sans';
--Font-family-Scandic-Go-Decorative: 'ITC Garamond Std';
--Font-family-Scandic-Go-Title: 'Neue Haas Grotesk Display Pro';
--Icon-Interactive-Inverted-Hover: #bbb2bf;
--Label-Font-fallback: sans-serif;
--Label-Letter-spacing: 0.17px;
--Link-md-Font-fallback: sans-serif;
@@ -46,6 +47,7 @@
--Scandic-Go-Beige-90: #373633;
--Scandic-Go-Coral-50: #fa3737;
--Scandic-Go-Cyan-20: #73fcee;
--Scandic-Go-Cyan-70: #087b86;
--Scandic-Go-Green-00: #edffe5;
--Scandic-Go-Green-100: #162115;
--Scandic-Go-Green-10: #cdffb8;
@@ -58,6 +60,7 @@
--Scandic-Go-Green-80: #26461f;
--Scandic-Go-Green-90: #21331f;
--Scandic-Go-Powder-Rose-50: #ecc8c9;
--Scandic-Go-Powder-Rose-90: #c27183;
--Scandic-Go-Purple-00: #f4f2ff;
--Scandic-Go-Purple-100: #2d163a;
--Scandic-Go-Purple-10: #dcd7ff;
@@ -87,6 +90,8 @@
--Tag-Font-fallback: sans-serif;
--Tag-Letter-spacing: 0.24px;
--Tag-Text-Transform: none;
--Text-Brand-OnPrimary-1-Hover: #ffffff;
--Text-Interactive-Inverted-Hover: #bbb2bf;
--Title-Decorative-lg-Font-fallback: Serif;
--Title-Decorative-lg-Letter-spacing: 0.32px;
--Title-Decorative-lg-Text-Transform: none;
@@ -276,10 +281,10 @@
--Overlay-80: var(--Neutral-Opacity-Black-80);
--Overlay-90: var(--Neutral-Opacity-Black-90);
--Surface-Accent-1: var(--Scandic-Go-Coral-50);
--Surface-Accent-2: var(--Scandic-Go-Cyan-20);
--Surface-Accent-3: var(--Scandic-Go-Green-30);
--Surface-Accent-4: var(--Scandic-Go-Purple-10);
--Surface-Accent-5: var(--Scandic-Go-Powder-Rose-50);
--Surface-Accent-2: var(--Scandic-Go-Cyan-70);
--Surface-Accent-3: var(--Scandic-Go-Green-70);
--Surface-Accent-4: var(--Scandic-Go-Purple-70);
--Surface-Accent-5: var(--Scandic-Go-Powder-Rose-90);
--Surface-Brand-Accent-Default: var(--Scandic-Go-Yellow-30);
--Surface-Brand-Accent-OnAccent-Accent-Secondary: var(--Scandic-Go-Purple-90);
--Surface-Brand-Accent-OnAccent-Accent: var(--Scandic-Go-Purple-90);

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

@@ -46,8 +46,10 @@ export const theme = {
'Scandic Go/Green/90': '#21331F',
'Scandic Go/Green/100': '#162115',
'Scandic Go/Cyan/20': '#73FCEE',
'Scandic Go/Cyan/70': '#087B86',
'Scandic Go/Coral/50': '#FA3737',
'Scandic Go/Powder Rose/50': '#ECC8C9',
'Scandic Go/Powder Rose/90': '#C27183',
'Title/lg/Letter spacing': 0.48,
'Title/lg/Font fallback': 'sans-serif',
'Title/lg/Text-Transform': 'none',
@@ -159,6 +161,7 @@ export const theme = {
'Text/Interactive/Hover': '#5E2A8C',
'Text/Interactive/Secondary': '#5E2A8C',
'Text/Interactive/Secondary Hover': '#2D163A',
'Text/Interactive/Inverted Hover': '#bbb2bf',
'Text/Interactive/Disabled': '#8C8C8C',
'Text/Interactive/Focus': '#262626',
'Text/Interactive/Error': '#AD0015',
@@ -174,6 +177,7 @@ export const theme = {
'Text/Brand/OnAccent/Accent Secondary': '#5E2A8C',
'Text/Brand/OnPrimary 1/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 1/Default': '#FFFFFF',
'Text/Brand/OnPrimary 1/Hover': '#ffffff',
'Text/Brand/OnPrimary 1/Accent': '#DCD7FF',
'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
@@ -212,10 +216,10 @@ export const theme = {
'Surface/UI Fill/Active Hover': '#e6e5e5',
'Surface/UI Fill/Disabled': '#E9E9E9',
'Surface/Accent/1': '#FA3737',
'Surface/Accent/2': '#73FCEE',
'Surface/Accent/3': '#85FF52',
'Surface/Accent/4': '#DCD7FF',
'Surface/Accent/5': '#ECC8C9',
'Surface/Accent/2': '#087B86',
'Surface/Accent/3': '#2A601E',
'Surface/Accent/4': '#733CB2',
'Surface/Accent/5': '#C27183',
'Surface/Feedback/Information': '#284EA0',
'Surface/Feedback/Information light': '#E8F6FF',
'Surface/Feedback/Succes': '#348337',
@@ -235,6 +239,7 @@ export const theme = {
'Icon/Interactive/Default': '#2D163A',
'Icon/Interactive/Secondary': '#5E2A8C',
'Icon/Interactive/Accent': '#5E2A8C',
'Icon/Interactive/Inverted Hover': '#bbb2bf',
'Icon/Interactive/Disabled': '#BFBFBF',
'Icon/Interactive/Placeholder': '#747474',
'Icon/Feedback/Information': '#284EA0',

3
packages/design-system/lib/styles/scandic.css
View File

@@ -22,6 +22,7 @@
--Font-family-Scandic-Body: 'Fira sans';
--Font-family-Scandic-Decorative: 'Biro Script Plus';
--Font-family-Scandic-Title: 'Brandon Text';
--Icon-Interactive-Inverted-Hover: #cbb0b3;
--Label-Font-fallback: sans-serif;
--Label-Letter-spacing: 0.17px;
--Link-md-Font-fallback: sans-serif;
@@ -114,6 +115,7 @@
--Tag-Font-fallback: sans-serif;
--Tag-Letter-spacing: 0.2px;
--Tag-Text-Transform: uppercase;
--Text-Interactive-Inverted-Hover: #cbb0b3;
--Title-Decorative-lg-Font-fallback: sans-serif;
--Title-Decorative-lg-Letter-spacing: 0.64px;
--Title-Decorative-lg-Text-Transform: none;
@@ -354,6 +356,7 @@
--Text-Brand-OnPrimary-1-Accent: var(--Scandic-Red-Default);
--Text-Brand-OnPrimary-1-Default: var(--Scandic-Grey-100);
--Text-Brand-OnPrimary-1-Heading: var(--Scandic-Red-100);
--Text-Brand-OnPrimary-1-Hover: var(--Scandic-Grey-90);
--Text-Brand-OnPrimary-2-Accent: var(--Scandic-Peach-10);
--Text-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100);
--Text-Brand-OnPrimary-2-Heading: var(--Neutral-Opacity-White-100);

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

@@ -188,6 +188,7 @@ export const theme = {
'Text/Interactive/Hover': '#8F4350',
'Text/Interactive/Secondary': '#8F4350',
'Text/Interactive/Secondary Hover': '#4D001B',
'Text/Interactive/Inverted Hover': '#cbb0b3',
'Text/Interactive/Disabled': '#A8A4A2',
'Text/Interactive/Focus': '#57514E',
'Text/Interactive/Error': '#AD0015',
@@ -203,6 +204,7 @@ export const theme = {
'Text/Brand/OnAccent/Accent Secondary': '#8F4350',
'Text/Brand/OnPrimary 1/Heading': '#4D001B',
'Text/Brand/OnPrimary 1/Default': '#26201E',
'Text/Brand/OnPrimary 1/Hover': '#403937',
'Text/Brand/OnPrimary 1/Accent': '#CD0921',
'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
@@ -264,6 +266,7 @@ export const theme = {
'Icon/Interactive/Default': '#4D001B',
'Icon/Interactive/Secondary': '#8F4350',
'Icon/Interactive/Accent': '#CD0921',
'Icon/Interactive/Inverted Hover': '#cbb0b3',
'Icon/Interactive/Disabled': '#A8A4A2',
'Icon/Interactive/Placeholder': '#787472',
'Icon/Feedback/Information': '#284EA0',

13
packages/design-system/lib/styles/the-dock.css
View File

@@ -25,6 +25,7 @@
--Font-family-The-Dock-Body: 'Fira sans';
--Font-family-The-Dock-Decorative: 'Beausite Classic';
--Font-family-The-Dock-Title: 'Reckless';
--Icon-Interactive-Inverted-Hover: #b5b5b5;
--Label-Font-fallback: sans-serif;
--Label-Letter-spacing: 0.17px;
--Link-md-Font-fallback: sans-serif;
@@ -51,14 +52,13 @@
--Surface-Brand-Primary-1-OnSurface-Accent-Secondary: #ffffff;
--Surface-Brand-Primary-1-OnSurface-Accent: #ffffff;
--Surface-Brand-Primary-1-OnSurface-Default: #ffffff;
--Surface-Brand-Primary-2-OnSurface-Accent: #ffffff;
--Surface-Brand-Primary-2-OnSurface-Default: #ffffff;
--Surface-Primary-Hover-Light: #e6e5e5;
--Surface-Primary-Hover: #f2f2f2;
--Surface-Secondary-Hover: #ebe5dc;
--Tag-Font-fallback: sans-serif;
--Tag-Letter-spacing: 0.24px;
--Tag-Text-Transform: uppercase;
--Text-Interactive-Inverted-Hover: #b5b5b5;
--Title-Decorative-lg-Font-fallback: Serif;
--Title-Decorative-lg-Letter-spacing: 0px;
--Title-Decorative-lg-Text-Transform: uppercase;
@@ -280,6 +280,8 @@
--Signature-The-Dock-Sandbank-Beige-20
);
--Surface-Brand-Primary-2-Default: var(--Signature-The-Dock-Rose-Copper-90);
--Surface-Brand-Primary-2-OnSurface-Accent: var(--Neutral-Opacity-White-100);
--Surface-Brand-Primary-2-OnSurface-Default: var(--Neutral-Opacity-White-100);
--Surface-Brand-Primary-3-Default: var(--Signature-The-Dock-Rose-Copper-90);
--Surface-Brand-Primary-3-OnSurface-Accent: var(
--Signature-The-Dock-Sandbank-Beige-20
@@ -321,9 +323,10 @@
--Text-Brand-OnPrimary-1-Accent: var(--Signature-The-Dock-Rose-Copper-90);
--Text-Brand-OnPrimary-1-Default: var(--Neutral-90);
--Text-Brand-OnPrimary-1-Heading: var(--Neutral-90);
--Text-Brand-OnPrimary-2-Accent: var(--Neutral-90);
--Text-Brand-OnPrimary-2-Default: var(--Neutral-90);
--Text-Brand-OnPrimary-2-Heading: var(--Neutral-90);
--Text-Brand-OnPrimary-1-Hover: var(--Neutral-70);
--Text-Brand-OnPrimary-2-Accent: var(--Neutral-Opacity-White-100);
--Text-Brand-OnPrimary-2-Default: var(--Neutral-Opacity-White-100);
--Text-Brand-OnPrimary-2-Heading: var(--Neutral-Opacity-White-100);
--Text-Brand-OnPrimary-3-Accent: var(--Neutral-Opacity-White-100);
--Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100);
--Text-Brand-OnPrimary-3-Heading: var(--Neutral-Opacity-White-100);

13
packages/design-system/lib/styles/the-dock.js
View File

@@ -69,8 +69,6 @@ export const theme = {
'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',
'Utilities/Gradients/10': '#F2E1C21A',
'Font family/The Dock/Title': 'Reckless',
'Font family/The Dock/Body': 'Fira sans',
@@ -128,6 +126,7 @@ export const theme = {
'Text/Interactive/Hover': '#454545',
'Text/Interactive/Secondary': '#D62220',
'Text/Interactive/Secondary Hover': '#FC2826',
'Text/Interactive/Inverted Hover': '#b5b5b5',
'Text/Interactive/Disabled': '#8C8C8C',
'Text/Interactive/Focus': '#262626',
'Text/Interactive/Error': '#AD0015',
@@ -143,10 +142,11 @@ export const theme = {
'Text/Brand/OnAccent/Accent Secondary': '#D62220',
'Text/Brand/OnPrimary 1/Heading': '#1F1F1F',
'Text/Brand/OnPrimary 1/Default': '#1F1F1F',
'Text/Brand/OnPrimary 1/Hover': '#454545',
'Text/Brand/OnPrimary 1/Accent': '#3E1212',
'Text/Brand/OnPrimary 2/Heading': '#1F1F1F',
'Text/Brand/OnPrimary 2/Default': '#1F1F1F',
'Text/Brand/OnPrimary 2/Accent': '#1F1F1F',
'Text/Brand/OnPrimary 2/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 2/Default': '#FFFFFF',
'Text/Brand/OnPrimary 2/Accent': '#FFFFFF',
'Text/Brand/OnPrimary 3/Heading': '#FFFFFF',
'Text/Brand/OnPrimary 3/Default': '#FFFFFF',
'Text/Brand/OnPrimary 3/Accent': '#FFFFFF',
@@ -166,6 +166,8 @@ export const theme = {
'Surface/Brand/Accent/OnAccent/Accent Secondary': '#B31C1B',
'Surface/Brand/Primary 1/Default': '#F2E1C2',
'Surface/Brand/Primary 2/Default': '#3E1212',
'Surface/Brand/Primary 2/OnSurface/Default': '#FFFFFF',
'Surface/Brand/Primary 2/OnSurface/Accent': '#FFFFFF',
'Surface/Brand/Primary 3/Default': '#3E1212',
'Surface/Brand/Primary 3/OnSurface/Default': '#F2E1C2',
'Surface/Brand/Primary 3/OnSurface/Accent': '#F2E1C2',
@@ -198,6 +200,7 @@ export const theme = {
'Icon/Interactive/Default': '#1F1F1F',
'Icon/Interactive/Secondary': '#D62220',
'Icon/Interactive/Accent': '#D62220',
'Icon/Interactive/Inverted Hover': '#b5b5b5',
'Icon/Interactive/Disabled': '#BFBFBF',
'Icon/Interactive/Placeholder': '#747474',
'Icon/Feedback/Information': '#284EA0',

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': {