@klodd/ds 3.21.2 → 3.21.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/css/10-semantic.css +7 -0
- package/css/apps/jubb.css +3 -2
- package/package.json +1 -1
package/css/10-semantic.css
CHANGED
|
@@ -43,6 +43,13 @@
|
|
|
43
43
|
INTE for: modaler och popovers (anvand --surface-overlay). */
|
|
44
44
|
--surface-raised: light-dark(oklch(0.99 0.002 250), var(--gray-3));
|
|
45
45
|
|
|
46
|
+
/* Forhoejt kort - mellansteg mellan raised och overlay. Anvands for
|
|
47
|
+
kort som behover mer visuell prominens an --surface-raised men
|
|
48
|
+
inte ar overlays/modaler. Mappas till color-3 i app-overrides
|
|
49
|
+
(vs raised color-2). v3.21.3 - infort efter audit av Jubb's
|
|
50
|
+
job-card som behovde mer kontrast mot main-bakgrunden. */
|
|
51
|
+
--surface-elevated: light-dark(oklch(0.97 0.003 250), var(--gray-3));
|
|
52
|
+
|
|
46
53
|
/* Svavande yta - modaler, popovers, dropdowns.
|
|
47
54
|
Anvand for: dialog-bakgrund, tooltip, context-menu, sheets.
|
|
48
55
|
INTE for: inbaddade kort (anvand --surface-raised). */
|
package/css/apps/jubb.css
CHANGED
|
@@ -25,13 +25,14 @@
|
|
|
25
25
|
|
|
26
26
|
Blue-1 (#0d1520) är morkast - sidans bakgrund.
|
|
27
27
|
Blue-2 (#111927) - sektioner, nav, tab-bar OCH kort (raised).
|
|
28
|
-
Blue-3 (#0d2847) -
|
|
29
|
-
|
|
28
|
+
Blue-3 (#0d2847) - elevated kort (v3.21.3) - mellansteg mellan
|
|
29
|
+
raised och overlay för kort som behöver extra kontrast.
|
|
30
30
|
Blue-4 (#003362) - modaler, popovers (overlay).
|
|
31
31
|
Blue-5 (#004074) - active-state. */
|
|
32
32
|
--surface-page: var(--blue-1);
|
|
33
33
|
--surface-default: var(--blue-2);
|
|
34
34
|
--surface-raised: var(--blue-2);
|
|
35
|
+
--surface-elevated: var(--blue-3);
|
|
35
36
|
--surface-overlay: var(--blue-4);
|
|
36
37
|
--surface-hover: var(--blue-4);
|
|
37
38
|
--surface-active: var(--blue-5);
|