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
packages/design-system/lib/components/Alert/alert.module.css
+12 -12
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) {