@knime/kds-styles 0.21.0 → 0.22.0
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.
|
@@ -2072,12 +2072,6 @@ syntax: "<color>";
|
|
|
2072
2072
|
initial-value: hsl(360 84% 63%);
|
|
2073
2073
|
}
|
|
2074
2074
|
|
|
2075
|
-
@property --kds-color-skeleton-default {
|
|
2076
|
-
syntax: "<color>";
|
|
2077
|
-
inherits: true;
|
|
2078
|
-
initial-value: light-dark(linear-gradient(90deg, hsla(0, 0%, 10%, 0.02) 0%, hsla(0, 0%, 10%, 0.15) 25%, hsla(0, 0%, 10%, 0.02) 65%, hsla(0, 0%, 10%, 0.00) 100%), linear-gradient(90deg, hsla(0, 0%, 94%, 0.02) 0%, hsla(0, 0%, 94%, 0.15) 25%, hsla(0, 0%, 94%, 0.02) 65%, hsla(0, 0%, 94%, 0.00) 100%));
|
|
2079
|
-
}
|
|
2080
|
-
|
|
2081
2075
|
@property --kds-color-elevation-top {
|
|
2082
2076
|
syntax: "<color>";
|
|
2083
2077
|
inherits: true;
|
|
@@ -2198,12 +2192,6 @@ syntax: "<color>";
|
|
|
2198
2192
|
initial-value: light-dark(hsl(120 0% 16% / 0.24), hsl(0 0% 94% / 0.24));
|
|
2199
2193
|
}
|
|
2200
2194
|
|
|
2201
|
-
@property --kds-color-skeleton-bar-background-default {
|
|
2202
|
-
syntax: "<color>";
|
|
2203
|
-
inherits: true;
|
|
2204
|
-
initial-value: light-dark(linear-gradient(90deg, hsla(0, 0%, 10%, 0.02) 0%, hsla(0, 0%, 10%, 0.15) 25%, hsla(0, 0%, 10%, 0.02) 65%, hsla(0, 0%, 10%, 0.00) 100%), linear-gradient(90deg, hsla(0, 0%, 94%, 0.02) 0%, hsla(0, 0%, 94%, 0.15) 25%, hsla(0, 0%, 94%, 0.02) 65%, hsla(0, 0%, 94%, 0.00) 100%));
|
|
2205
|
-
}
|
|
2206
|
-
|
|
2207
2195
|
@property --kds-color-tooltip-background-default {
|
|
2208
2196
|
syntax: "<color>";
|
|
2209
2197
|
inherits: true;
|
|
@@ -2672,6 +2660,12 @@ syntax: "<length>";
|
|
|
2672
2660
|
initial-value: 64px;
|
|
2673
2661
|
}
|
|
2674
2662
|
|
|
2663
|
+
@property --kds-dimension-component-height-5x {
|
|
2664
|
+
syntax: "<length>";
|
|
2665
|
+
inherits: false;
|
|
2666
|
+
initial-value: 80px;
|
|
2667
|
+
}
|
|
2668
|
+
|
|
2675
2669
|
@property --kds-dimension-component-height-12x {
|
|
2676
2670
|
syntax: "<length>";
|
|
2677
2671
|
inherits: false;
|
|
@@ -348,7 +348,6 @@
|
|
|
348
348
|
--kds-color-state-background: light-dark(hsl(0 0% 90%), hsl(0 0% 32%));
|
|
349
349
|
--kds-color-connector-data: light-dark(hsl(0 0% 16%), hsl(0 0% 94%));
|
|
350
350
|
--kds-color-connector-flow-variable: hsl(360 84% 63%);
|
|
351
|
-
--kds-color-skeleton-default: light-dark(linear-gradient(90deg, hsla(0, 0%, 10%, 0.02) 0%, hsla(0, 0%, 10%, 0.15) 25%, hsla(0, 0%, 10%, 0.02) 65%, hsla(0, 0%, 10%, 0.00) 100%), linear-gradient(90deg, hsla(0, 0%, 94%, 0.02) 0%, hsla(0, 0%, 94%, 0.15) 25%, hsla(0, 0%, 94%, 0.02) 65%, hsla(0, 0%, 94%, 0.00) 100%));
|
|
352
351
|
--kds-color-elevation-top: light-dark(hsl(330 0% 73% / 0.32), hsl(345 0% 10% / 0.9));
|
|
353
352
|
--kds-color-elevation-middle: light-dark(hsl(330 0% 32% / 0.14), hsl(345 0% 10% / 0.94));
|
|
354
353
|
--kds-color-elevation-bottom: light-dark(hsl(330 0% 32% / 0.12), hsl(345 0% 10% / 0.98));
|
|
@@ -369,7 +368,6 @@
|
|
|
369
368
|
--kds-color-loading-spinner-progress-on-surface: light-dark(hsl(0 0% 16%), hsl(0 0% 94%));
|
|
370
369
|
--kds-color-loading-spinner-track-on-primary: hsl(166 68% 93% / 0.24);
|
|
371
370
|
--kds-color-loading-spinner-track-on-surface: light-dark(hsl(120 0% 16% / 0.24), hsl(0 0% 94% / 0.24));
|
|
372
|
-
--kds-color-skeleton-bar-background-default: light-dark(linear-gradient(90deg, hsla(0, 0%, 10%, 0.02) 0%, hsla(0, 0%, 10%, 0.15) 25%, hsla(0, 0%, 10%, 0.02) 65%, hsla(0, 0%, 10%, 0.00) 100%), linear-gradient(90deg, hsla(0, 0%, 94%, 0.02) 0%, hsla(0, 0%, 94%, 0.15) 25%, hsla(0, 0%, 94%, 0.02) 65%, hsla(0, 0%, 94%, 0.00) 100%));
|
|
373
371
|
--kds-color-tooltip-background-default: light-dark(hsl(0 0% 13%), hsl(0 0% 22%));
|
|
374
372
|
--kds-color-tooltip-text-and-icon-neutral: hsl(0 0% 98%);
|
|
375
373
|
--kds-color-text-highlight-background-default: hsl(212 78% 68% / 0.6);
|
|
@@ -448,6 +446,7 @@
|
|
|
448
446
|
--kds-dimension-component-height-2-75x: 44px;
|
|
449
447
|
--kds-dimension-component-height-2-5x: 40px;
|
|
450
448
|
--kds-dimension-component-height-4x: 64px;
|
|
449
|
+
--kds-dimension-component-height-5x: 80px;
|
|
451
450
|
--kds-dimension-component-height-12x: 192px;
|
|
452
451
|
--kds-dimension-component-height-12-5x: 200px;
|
|
453
452
|
--kds-dimension-component-height-20x: 320px;
|
|
@@ -71,6 +71,7 @@ export const kdsDimensionComponentHeight2p5x = 40;
|
|
|
71
71
|
export const kdsDimensionComponentHeight2p75x = 44;
|
|
72
72
|
export const kdsDimensionComponentHeight45x = 720;
|
|
73
73
|
export const kdsDimensionComponentHeight4x = 64;
|
|
74
|
+
export const kdsDimensionComponentHeight5x = 80;
|
|
74
75
|
export const kdsDimensionComponentWidth0p125x = 2;
|
|
75
76
|
export const kdsDimensionComponentWidth0p25x = 4;
|
|
76
77
|
export const kdsDimensionComponentWidth0p75x = 12;
|