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

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
);