chore: generated design system css variables from updated json file
Approved-by: Matilda Landström
This commit is contained in:
@@ -64,14 +64,10 @@
|
||||
--Signature-Downtown-Camper-Russet-70: #9b5622;
|
||||
--Signature-Downtown-Camper-Russet-80: #834722;
|
||||
--Signature-Downtown-Camper-Russet-90: #69391e;
|
||||
--Surface-Brand-Accent-OnAccent-Default: #ffffff;
|
||||
--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-Brand-Primary-3-OnSurface-Accent-Secondary: #ffffff;
|
||||
--Surface-Brand-Primary-3-OnSurface-Accent: #ffffff;
|
||||
--Surface-Brand-Primary-3-OnSurface-Default: #ffffff;
|
||||
--Surface-Primary-Hover-Light: #e6e5e5;
|
||||
--Surface-Primary-Hover: #f2f2f2;
|
||||
--Surface-Secondary-Hover: #e4e4e4;
|
||||
@@ -134,21 +130,23 @@
|
||||
--Body-Underline-sm-Size: var(--Impl-Text-size-4xs);
|
||||
--Border-Default: var(--Neutral-20);
|
||||
--Border-Divider-Accent: var(--Neutral-30);
|
||||
--Border-Divider-Brand-OnPrimary-1-Default: var(--Neutral-Opacity-White-100);
|
||||
--Border-Divider-Brand-OnPrimary-1-Secondary: var(
|
||||
--Neutral-Opacity-White-100
|
||||
--Border-Divider-Brand-OnAccent-Default: var(
|
||||
--Signature-Downtown-Camper-Russet-60
|
||||
);
|
||||
--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(--Neutral-Opacity-White-100);
|
||||
--Border-Divider-Brand-OnPrimary-3-Default: var(
|
||||
--Signature-Downtown-Camper-Quicksand-50
|
||||
);
|
||||
--Border-Divider-Default: var(--Neutral-20);
|
||||
--Border-Divider-Subtle: var(--Neutral-15);
|
||||
--Border-Intense: var(--Neutral-30);
|
||||
--Border-Interactive-Active: var(--Neutral-80);
|
||||
--Border-Interactive-Default: var(--Neutral-30);
|
||||
--Border-Interactive-Disabled: var(--Neutral-30);
|
||||
--Border-Interactive-Error: var(--Scandic-Red-70);
|
||||
--Border-Interactive-Focus: var(--Neutral-80);
|
||||
--Border-Interactive-Selected: var(--Neutral-80);
|
||||
--Border-Inverted: var(--Neutral-Opacity-White-100);
|
||||
--Border-Strong: var(--Neutral-30);
|
||||
--Component-Button-Brand-Primary-Border-Default: var(
|
||||
--Neutral-Opacity-White-0
|
||||
);
|
||||
@@ -292,27 +290,39 @@
|
||||
--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-Primary-1-Default: var(--Signature-Downtown-Camper-Russet-80);
|
||||
--Surface-Brand-Primary-2-Default: var(--Signature-Downtown-Camper-Russet-80);
|
||||
--Surface-Brand-Primary-3-Default: var(
|
||||
--Surface-Brand-Accent-OnAccent-Accent-Secondary: var(
|
||||
--Neutral-Opacity-White-100
|
||||
);
|
||||
--Surface-Brand-Accent-OnAccent-Accent: var(--Neutral-Opacity-White-100);
|
||||
--Surface-Brand-Primary-1-Default: var(
|
||||
--Signature-Downtown-Camper-Lunar-green-80
|
||||
);
|
||||
--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(--Neutral-50);
|
||||
--Surface-Feedback-Neutral: var(--Neutral-15);
|
||||
--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-Brand-Primary-2-Default: var(--Signature-Downtown-Camper-Russet-80);
|
||||
--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-Downtown-Camper-Russet-80);
|
||||
--Surface-Brand-Primary-3-OnSurface-Accent: var(
|
||||
--Signature-Downtown-Camper-Quicksand-30
|
||||
);
|
||||
--Surface-Brand-Primary-3-OnSurface-Default: var(
|
||||
--Signature-Downtown-Camper-Quicksand-30
|
||||
);
|
||||
--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(--Neutral-15);
|
||||
--Surface-Feedback-Neutral: var(--Neutral-50);
|
||||
--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(--Neutral-15);
|
||||
--Surface-Primary-Disabled: var(--Neutral-Opacity-Black-10);
|
||||
--Surface-Primary-Hover-Accent: var(--Neutral-15);
|
||||
--Surface-Primary-OnSurface-Default: var(--Neutral-5);
|
||||
--Surface-Secondary-Default-dark: var(--Neutral-20);
|
||||
--Surface-Secondary-Default: var(--Neutral-10);
|
||||
--Surface-Secondary-Subtle: var(--Neutral-20);
|
||||
--Surface-UI-Fill-Active: var(--Neutral-80);
|
||||
--Surface-UI-Fill-Default: var(--Neutral-Opacity-White-100);
|
||||
--Surface-UI-Fill-Disabled: var(--Neutral-15);
|
||||
@@ -321,7 +331,7 @@
|
||||
--Tag-Font-weight: var(--Font-weight-Regular);
|
||||
--Tag-Size: var(--Impl-Text-size-5xs);
|
||||
--Text-Accent-Primary: var(--Signature-Downtown-Camper-Russet-80);
|
||||
--Text-Accent-Secondary: var(--Neutral-50);
|
||||
--Text-Brand-OnAccent-Accent-Secondary: var(--Neutral-50);
|
||||
--Text-Brand-OnAccent-Accent: var(--Neutral-Opacity-White-100);
|
||||
--Text-Brand-OnAccent-Default: var(--Neutral-Opacity-White-100);
|
||||
--Text-Brand-OnAccent-Heading: var(--Neutral-Opacity-White-100);
|
||||
@@ -335,17 +345,17 @@
|
||||
--Text-Brand-OnPrimary-3-Default: var(--Neutral-Opacity-White-100);
|
||||
--Text-Brand-OnPrimary-3-Heading: var(--Neutral-Opacity-White-100);
|
||||
--Text-Default: var(--Neutral-90);
|
||||
--Text-Feedback-Error-Accent: var(--Scandic-Red-70);
|
||||
--Text-Feedback-Information-Accent: var(--Scandic-Blue-70);
|
||||
--Text-Feedback-Neutral-Accent: var(--Neutral-50);
|
||||
--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(--Neutral-50);
|
||||
--Text-Feedback-Succes: var(--Scandic-Green-60);
|
||||
--Text-Feedback-Warning: var(--Scandic-Yellow-60);
|
||||
--Text-Heading: var(--Neutral-90);
|
||||
--Text-Interactive-Default: var(--Neutral-90);
|
||||
--Text-Interactive-Disabled: var(--Neutral-40);
|
||||
--Text-Interactive-Error: var(--Scandic-Red-70);
|
||||
--Text-Interactive-Focus: var(--Neutral-80);
|
||||
--Text-Interactive-Hover: var(--Signature-Downtown-Camper-Russet-80);
|
||||
--Text-Interactive-Hover: var(--Neutral-70);
|
||||
--Text-Interactive-Placeholder: var(--Neutral-50);
|
||||
--Text-Interactive-Secondary-Hover: var(
|
||||
--Signature-Downtown-Camper-Russet-60
|
||||
|
||||
Reference in New Issue
Block a user