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

24
packages/design-system/lib/components/Alert/alert.module.css
View File

@@ -51,16 +51,16 @@
padding: var(--Space-x15);
}
.inline.alarm .iconWrapper {
background-color: var(--Surface-Feedback-Error-Accent);
background-color: var(--Surface-Feedback-Error);
}
.inline.warning .iconWrapper {
background-color: var(--Surface-Feedback-Warning-Accent);
background-color: var(--Surface-Feedback-Warning);
}
.inline.info .iconWrapper {
background-color: var(--Surface-Feedback-Information-Accent);
background-color: var(--Surface-Feedback-Information);
}
.inline.success .iconWrapper {
background-color: var(--Surface-Feedback-Succes-Accent);
background-color: var(--Surface-Feedback-Succes);
}
.inline .icon,
.inline .icon * {
@@ -73,37 +73,37 @@
border-left-style: solid;
}
.banner.alarm {
border-left-color: var(--Surface-Feedback-Error-Accent);
border-left-color: var(--Surface-Feedback-Error);
background-color: var(--Scandic-Red-00);
}
.banner.warning {
border-left-color: var(--Surface-Feedback-Warning-Accent);
border-left-color: var(--Surface-Feedback-Warning);
background-color: var(--Scandic-Yellow-00);
}
.banner.info {
border-left-color: var(--Surface-Feedback-Information-Accent);
border-left-color: var(--Surface-Feedback-Information);
background-color: var(--Scandic-Blue-00);
}
.banner.success {
border-left-color: var(--Surface-Feedback-Succes-Accent);
border-left-color: var(--Surface-Feedback-Succes);
background-color: var(--Scandic-Green-00);
}
.banner.alarm .icon,
.banner.alarm .icon * {
fill: var(--Surface-Feedback-Error-Accent);
fill: var(--Surface-Feedback-Error);
}
.banner.warning .icon,
.banner.warning .icon * {
fill: var(--Surface-Feedback-Warning-Accent);
fill: var(--Surface-Feedback-Warning);
}
.banner.info .icon,
.banner.info .icon * {
fill: var(--Surface-Feedback-Information-Accent);
fill: var(--Surface-Feedback-Information);
}
.banner.success .icon,
.banner.sucess .icon * {
fill: var(--Surface-Feedback-Succes-Accent);
fill: var(--Surface-Feedback-Succes);
}
@media screen and (min-width: 768px) {

4
packages/design-system/lib/components/Badge/badge.module.css
View File

@@ -12,8 +12,8 @@
}
.green {
background-color: var(--Surface-Feedback-Succes);
color: var(--Text-Feedback-Succes-Accent);
background-color: var(--Surface-Feedback-Succes-light);
color: var(--Text-Feedback-Succes);
}
._36 {

2
packages/design-system/lib/components/ChipButton/chip-button.module.css
View File

@@ -19,7 +19,7 @@
}
.Outlined {
border: 1px solid var(--Border-Intense);
border: 1px solid var(--Border-Strong);
}
.Outlined:hover {

4
packages/design-system/lib/components/Form/RadioCard/radioCard.module.css
View File

@@ -8,7 +8,7 @@
'icon subtitleSecondary'
'title subtitle';
border-radius: var(--Corner-radius-md);
border: 1px solid var(--Border-Intense);
border: 1px solid var(--Border-Strong);
background: var(--Surface-Primary-Default);
padding: var(--Space-x2) var(--Space-x3);
gap: var(--Space-x1);
@@ -47,7 +47,7 @@
height: 32px;
border: 2px solid var(--Base-Border-Inverted);
border-radius: var(--Corner-radius-rounded);
background-color: var(--Surface-Feedback-Succes-Accent);
background-color: var(--Surface-Feedback-Succes);
}
.icon {

2
packages/design-system/lib/components/ImageFallback/imageFallback.module.css
View File

@@ -6,5 +6,5 @@
width: 100%;
min-width: 200px;
min-height: 200px;
background-color: var(--Surface-Feedback-Neutral);
background-color: var(--Surface-Feedback-Neutral-light);
}

2
packages/design-system/lib/components/Map/Markers/PoiMarker/poi.module.css
View File

@@ -22,7 +22,7 @@
background-color: var(--Surface-Accent-4);
}
.location {
background-color: var(--Surface-Feedback-Neutral-Accent);
background-color: var(--Surface-Feedback-Neutral);
}
.parking {
background-color: var(--Surface-Accent-5);

2
packages/design-system/lib/components/MessageBanner/messageBanner.module.css
View File

@@ -17,5 +17,5 @@
}
.textError {
color: var(--Text-Feedback-Error-Accent);
color: var(--Text-Feedback-Error);
}

4
packages/design-system/lib/components/RateCard/rate-card.module.css
View File

@@ -24,7 +24,7 @@
justify-content: center;
border: 2px solid var(--Border-Inverted);
border-radius: var(--Corner-radius-rounded);
background-color: var(--Surface-Feedback-Succes-Accent);
background-color: var(--Surface-Feedback-Succes);
color: var(--Icon-Inverted);
}
@@ -175,7 +175,7 @@ label:not(:has(.radio:checked)) .checkIcon {
}
.variant-code .banner {
background-color: var(--Surface-Feedback-Information-Accent);
background-color: var(--Surface-Feedback-Information);
}
.variant-points .banner {

4
packages/design-system/lib/components/Switch/switch.module.css
View File

@@ -10,8 +10,8 @@
.switch {
width: 40px;
height: 24px;
border: 2px solid var(--Surface-Secondary-Default-dark);
background: var(--Surface-Secondary-Default-dark);
border: 2px solid var(--Surface-Secondary-Subtle);
background: var(--Surface-Secondary-Subtle);
border-radius: 24px;
transition: all 200ms;
display: block;