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

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

@@ -17,7 +17,7 @@
--Component-Button-Brand-Secondary-Border-Hover-inverted: #a87e83;
--Component-Button-Brand-Secondary-On-fill-Hover-inverted: #cbb0b3;
--Component-Button-Brand-Tertiary-Fill-Hover: #601e2d;
--Component-Button-Inverted-Fill-Hover: #e6e5e5;
--Component-Button-Inverted-Fill-Hover: #f2f2f2;
--Component-Button-Inverted-On-fill-Hover: #601e2d;
--Font-family-Scandic-Body: 'Fira sans';
--Font-family-Scandic-Decorative: 'Biro Script Plus';
@@ -169,19 +169,19 @@
--Body-Underline-sm-Size: var(--Impl-Text-size-4xs);
--Border-Default: var(--Scandic-Beige-20);
--Border-Divider-Accent: var(--Scandic-Peach-30);
--Border-Divider-Brand-OnAccent-Default: var(--Scandic-Peach-80);
--Border-Divider-Brand-OnPrimary-1-Default: var(--Scandic-Peach-40);
--Border-Divider-Brand-OnPrimary-1-Secondary: var(--Scandic-Peach-90);
--Border-Divider-Brand-OnPrimary-2-Default: var(--Scandic-Red-70);
--Border-Divider-Brand-OnPrimary-3-Default: var(--Scandic-Peach-80);
--Border-Divider-Default: var(--Scandic-Beige-20);
--Border-Divider-Subtle: var(--Scandic-Beige-10);
--Border-Intense: var(--Scandic-Beige-40);
--Border-Interactive-Active: var(--Scandic-Beige-70);
--Border-Interactive-Default: var(--Scandic-Beige-50);
--Border-Interactive-Disabled: var(--Scandic-Grey-40);
--Border-Interactive-Error: var(--Scandic-Red-70);
--Border-Interactive-Focus: var(--Scandic-Grey-100);
--Border-Interactive-Selected: var(--Scandic-Beige-70);
--Border-Inverted: var(--Neutral-Opacity-White-100);
--Border-Strong: var(--Scandic-Beige-40);
--Component-Button-Brand-Primary-Border-Default: var(
--Neutral-Opacity-White-0
);
@@ -310,6 +310,9 @@
--Surface-Accent-4: var(--Scandic-Yellow-50);
--Surface-Accent-5: var(--Scandic-Blue-80);
--Surface-Brand-Accent-Default: var(--Scandic-Peach-30);
--Surface-Brand-Accent-OnAccent-Accent-Secondary: var(--Scandic-Peach-80);
--Surface-Brand-Accent-OnAccent-Accent: var(--Scandic-Red-Default);
--Surface-Brand-Accent-OnAccent-Default: var(--Scandic-Red-100);
--Surface-Brand-Primary-1-Default: var(--Scandic-Peach-10);
--Surface-Brand-Primary-1-OnSurface-Accent-Secondary: var(--Scandic-Peach-80);
--Surface-Brand-Primary-1-OnSurface-Accent: var(--Scandic-Red-Default);
@@ -318,34 +321,33 @@
--Surface-Brand-Primary-2-OnSurface-Accent: var(--Scandic-Peach-10);
--Surface-Brand-Primary-2-OnSurface-Default: var(--Scandic-Red-100);
--Surface-Brand-Primary-3-Default: var(--Scandic-Red-100);
--Surface-Brand-Primary-3-OnSurface-Accent-Secondary: var(--Scandic-Peach-80);
--Surface-Brand-Primary-3-OnSurface-Accent: var(--Scandic-Red-Default);
--Surface-Brand-Primary-3-OnSurface-Default: var(--Scandic-Peach-10);
--Surface-Feedback-Error-Accent: var(--Scandic-Red-70);
--Surface-Feedback-Error: var(--Scandic-Red-00);
--Surface-Feedback-Information-Accent: var(--Scandic-Blue-70);
--Surface-Feedback-Information: var(--Scandic-Blue-00);
--Surface-Feedback-Neutral-Accent: var(--Scandic-Grey-60);
--Surface-Feedback-Neutral: var(--Scandic-Grey-10);
--Surface-Feedback-Succes-Accent: var(--Scandic-Green-60);
--Surface-Feedback-Succes: var(--Scandic-Green-00);
--Surface-Feedback-Warning--Light: var(--Scandic-Yellow-00);
--Surface-Feedback-Warning-Accent: var(--Scandic-Yellow-60);
--Surface-Feedback-Error-light: var(--Scandic-Red-00);
--Surface-Feedback-Error: var(--Scandic-Red-70);
--Surface-Feedback-Information-light: var(--Scandic-Blue-00);
--Surface-Feedback-Information: var(--Scandic-Blue-70);
--Surface-Feedback-Neutral-light: var(--Scandic-Grey-10);
--Surface-Feedback-Neutral: var(--Scandic-Grey-60);
--Surface-Feedback-Succes-light: var(--Scandic-Green-00);
--Surface-Feedback-Succes: var(--Scandic-Green-60);
--Surface-Feedback-Warning-light: var(--Scandic-Yellow-00);
--Surface-Feedback-Warning: var(--Scandic-Yellow-60);
--Surface-Primary-Default: var(--Neutral-Opacity-White-100);
--Surface-Primary-Disabled: var(--Scandic-Grey-10);
--Surface-Primary-Disabled: var(--Neutral-Opacity-Black-10);
--Surface-Primary-Hover-Accent: var(--Scandic-Peach-10);
--Surface-Primary-OnSurface-Default: var(--Scandic-Grey-00);
--Surface-Secondary-Default-dark: var(--Scandic-Beige-20);
--Surface-Secondary-Default: var(--Scandic-Beige-10);
--Surface-Secondary-Subtle: var(--Scandic-Beige-20);
--Surface-UI-Fill-Active: var(--Scandic-Peach-100);
--Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100);
--Surface-UI-Fill-Disabled: var(--Scandic-Grey-10);
--Surface-UI-Fill-Disabled: var(--Neutral-Opacity-Black-10);
--Surface-UI-Fill-Intense: var(--Scandic-Grey-100);
--Tag-Font-family: var(--Font-family-Scandic-Title);
--Tag-Font-weight: var(--Font-weight-Regular-bold);
--Tag-Size: var(--Impl-Text-size-5xs);
--Text-Accent-Primary: var(--Scandic-Red-Default);
--Text-Accent-Secondary: var(--Scandic-Peach-80);
--Text-Brand-OnAccent-Accent-Secondary: var(--Scandic-Peach-80);
--Text-Brand-OnAccent-Accent: var(--Scandic-Peach-80);
--Text-Brand-OnAccent-Default: var(--Scandic-Grey-100);
--Text-Brand-OnAccent-Heading: var(--Scandic-Red-100);
@@ -359,11 +361,11 @@
--Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100);
--Text-Brand-OnPrimary-3-Heading: var(--Scandic-Peach-10);
--Text-Default: var(--Scandic-Grey-100);
--Text-Feedback-Error-Accent: var(--Scandic-Red-70);
--Text-Feedback-Information-Accent: var(--Scandic-Blue-70);
--Text-Feedback-Neutral-Accent: var(--Scandic-Grey-60);
--Text-Feedback-Succes-Accent: var(--Scandic-Green-60);
--Text-Feedback-Warning-Accent: var(--Scandic-Yellow-60);
--Text-Feedback-Error: var(--Scandic-Red-70);
--Text-Feedback-Information: var(--Scandic-Blue-70);
--Text-Feedback-Neutral: var(--Scandic-Grey-60);
--Text-Feedback-Succes: var(--Scandic-Green-60);
--Text-Feedback-Warning: var(--Scandic-Yellow-60);
--Text-Heading: var(--Scandic-Red-100);
--Text-Interactive-Default: var(--Scandic-Red-100);
--Text-Interactive-Disabled: var(--Scandic-Grey-40);