fix(tag): migrate to new HDS styles

nikomakela · nikomakela · commit 3d852fd6c3d7 · 2025-11-04T16:25:37.000+02:00
HCRC-178
diff --git a/src/common/components/tag/tag.module.scss b/src/common/components/tag/tag.module.scss
@@ -8,24 +8,24 @@
   --tag-focus-outline-color: var(--color-black-70);
 
   &.featured {
-    --tag-background: var(--color-tram-light);
+    --background-color: var(--color-tram-light);
   }
 
   &.whiteOnly {
-    --tag-background: var(--color-white) !important;
+    --background-color: var(--color-white) !important;
   }
 
   &.selected {
-    --tag-background: var(--color-black-70) !important;
+    --background-color: var(--color-black-70) !important;
     color: var(--color-white);
   }
 
   &.withHover:hover {
-    --tag-background: var(--color-black-5) !important;
+    --background-color: var(--color-black-5) !important;
   }
 
   &.selected:hover {
-    --tag-background: var(--color-black-70) !important;
+    --background-color: var(--color-black-70) !important;
   }
 
   &.noOutline {

Original file line number	Diff line number	Diff line change
`@@ -8,24 +8,24 @@`
`8`	`8`	`--tag-focus-outline-color: var(--color-black-70);`
`9`	`9`
`10`	`10`	`&.featured {`
`11`		`- --tag-background: var(--color-tram-light);`
	`11`	`+ --background-color: var(--color-tram-light);`
`12`	`12`	`}`
`13`	`13`
`14`	`14`	`&.whiteOnly {`
`15`		`- --tag-background: var(--color-white) !important;`
	`15`	`+ --background-color: var(--color-white) !important;`
`16`	`16`	`}`
`17`	`17`
`18`	`18`	`&.selected {`
`19`		`- --tag-background: var(--color-black-70) !important;`
	`19`	`+ --background-color: var(--color-black-70) !important;`
`20`	`20`	`color: var(--color-white);`
`21`	`21`	`}`
`22`	`22`
`23`	`23`	`&.withHover:hover {`
`24`		`- --tag-background: var(--color-black-5) !important;`
	`24`	`+ --background-color: var(--color-black-5) !important;`
`25`	`25`	`}`
`26`	`26`
`27`	`27`	`&.selected:hover {`
`28`		`- --tag-background: var(--color-black-70) !important;`
	`28`	`+ --background-color: var(--color-black-70) !important;`
`29`	`29`	`}`
`30`	`30`
`31`	`31`	`&.noOutline {`