scandic/web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merged in feat/SW-1450-destination-page-cs-components (pull request #1204)

Browse Source 
feat(SW-1450): added components in destination pages from cs

* feat(SW-1450): added components in destination pages from cs

* feat(SW-1450): added correct refs and removed classNames


Approved-by: Fredrik Thorsson
This commit is contained in:
Erik Tiekstra
2025-01-24 12:06:43 +00:00
parent 7343d873c2
commit a88a033e30
45 changed files with 1237 additions and 195 deletions
Download Patch File Download Diff File Expand all files Collapse all files

32
components/TempDesignSystem/Chip/chip.module.css
View File

@@ -1,19 +1,31 @@
div.chip {
align-items: center;
border-radius: var(--Corner-radius-xLarge);
--chip-text-color: var(--Base-Text-High-contrast);
--chip-background-color: var(--Base-Surface-Primary-light-Normal);
display: flex;
gap: var(--Spacing-x-half);
height: 22px;
justify-content: center;
align-items: center;
padding: var(--Spacing-x-half) var(--Spacing-x1);
gap: var(--Spacing-x-half);
border-radius: var(--Corner-radius-Small);
color: var(--chip-text-color);
background-color: var(--chip-background-color);
}
.primary {
background-color: var(--Scandic-Red-90);
color: var(--Primary-Dark-On-Surface-Accent);
.chip *,
.chip svg * {
fill: var(--chip-text-color);
}
.secondary {
background-color: var(--Base-Surface-Primary-light-Normal);
color: var(--Primary-Light-On-Surface-Text);
.chip.burgundy {
--chip-text-color: var(--Primary-Dark-On-Surface-Text);
--chip-background-color: var(--Base-Text-High-contrast);
}
.chip.transparent {
--chip-text-color: var(--UI-Input-Controls-On-Fill-Normal);
--chip-background-color: rgba(64, 57, 55, 0.9);
}
.chip.tag {
--chip-background-color: var(--Base-Surface-Subtle-Hover);
}