@knime/kds-styles 0.15.1 → 0.16.1
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.
|
@@ -1475,7 +1475,7 @@ syntax: "<color>";
|
|
|
1475
1475
|
@property --kds-color-text-and-icon-muted {
|
|
1476
1476
|
syntax: "<color>";
|
|
1477
1477
|
inherits: true;
|
|
1478
|
-
initial-value: light-dark(hsl(0 0% 32%), hsl(0 0%
|
|
1478
|
+
initial-value: light-dark(hsl(0 0% 32%), hsl(0 0% 90%));
|
|
1479
1479
|
}
|
|
1480
1480
|
|
|
1481
1481
|
@property --kds-color-text-and-icon-subtle {
|
|
@@ -2093,7 +2093,7 @@ syntax: "<color>";
|
|
|
2093
2093
|
@property --kds-color-desktop-header-text-and-icon-muted {
|
|
2094
2094
|
syntax: "<color>";
|
|
2095
2095
|
inherits: true;
|
|
2096
|
-
initial-value: light-dark(hsl(0 0% 32%), hsl(0 0%
|
|
2096
|
+
initial-value: light-dark(hsl(0 0% 32%), hsl(0 0% 90%));
|
|
2097
2097
|
}
|
|
2098
2098
|
|
|
2099
2099
|
@property --kds-color-desktop-header-border-default {
|
|
@@ -2708,12 +2708,30 @@ syntax: "<length>";
|
|
|
2708
2708
|
initial-value: 64px;
|
|
2709
2709
|
}
|
|
2710
2710
|
|
|
2711
|
+
@property --kds-dimension-component-width-12x {
|
|
2712
|
+
syntax: "<length>";
|
|
2713
|
+
inherits: false;
|
|
2714
|
+
initial-value: 192px;
|
|
2715
|
+
}
|
|
2716
|
+
|
|
2711
2717
|
@property --kds-dimension-component-width-16x {
|
|
2712
2718
|
syntax: "<length>";
|
|
2713
2719
|
inherits: false;
|
|
2714
2720
|
initial-value: 256px;
|
|
2715
2721
|
}
|
|
2716
2722
|
|
|
2723
|
+
@property --kds-dimension-component-width-17-5x {
|
|
2724
|
+
syntax: "<length>";
|
|
2725
|
+
inherits: false;
|
|
2726
|
+
initial-value: 280px;
|
|
2727
|
+
}
|
|
2728
|
+
|
|
2729
|
+
@property --kds-dimension-component-width-20x {
|
|
2730
|
+
syntax: "<length>";
|
|
2731
|
+
inherits: false;
|
|
2732
|
+
initial-value: 320px;
|
|
2733
|
+
}
|
|
2734
|
+
|
|
2717
2735
|
@property --kds-dimension-component-width-25x {
|
|
2718
2736
|
syntax: "<length>";
|
|
2719
2737
|
inherits: false;
|
|
@@ -248,7 +248,7 @@
|
|
|
248
248
|
--kds-color-background-static-brand: hsl(51 100% 50%);
|
|
249
249
|
--kds-color-background-static-overlay: light-dark(hsl(0 0% 13%), hsl(0 0% 22%));
|
|
250
250
|
--kds-color-text-and-icon-neutral: light-dark(hsl(0 0% 16%), hsl(0 0% 94%));
|
|
251
|
-
--kds-color-text-and-icon-muted: light-dark(hsl(0 0% 32%), hsl(0 0%
|
|
251
|
+
--kds-color-text-and-icon-muted: light-dark(hsl(0 0% 32%), hsl(0 0% 90%));
|
|
252
252
|
--kds-color-text-and-icon-subtle: light-dark(hsl(0 0% 43%), hsl(0 0% 73%));
|
|
253
253
|
--kds-color-text-and-icon-neutral-inverted: light-dark(hsl(0 0% 98%), hsl(0 0% 16%));
|
|
254
254
|
--kds-color-text-and-icon-primary: hsl(176 67% 22%);
|
|
@@ -351,7 +351,7 @@
|
|
|
351
351
|
--kds-color-desktop-header-background-muted: light-dark(hsl(0 0% 98%), hsl(0 0% 16%));
|
|
352
352
|
--kds-color-desktop-header-background-accent: light-dark(hsl(0 0% 98%), hsl(0 0% 16%));
|
|
353
353
|
--kds-color-desktop-header-text-and-icon-neutral: light-dark(hsl(0 0% 16%), hsl(0 0% 94%));
|
|
354
|
-
--kds-color-desktop-header-text-and-icon-muted: light-dark(hsl(0 0% 32%), hsl(0 0%
|
|
354
|
+
--kds-color-desktop-header-text-and-icon-muted: light-dark(hsl(0 0% 32%), hsl(0 0% 90%));
|
|
355
355
|
--kds-color-desktop-header-border-default: light-dark(hsl(345 0% 10% / 0.1), hsl(330 0% 99% / 0.1));
|
|
356
356
|
--kds-color-table-header-background-default: hsl(0 0% 99%);
|
|
357
357
|
--kds-color-toggle-switch-knob-initial: hsl(0 0% 99%);
|
|
@@ -454,7 +454,10 @@
|
|
|
454
454
|
--kds-dimension-component-width-1-75x: 28px;
|
|
455
455
|
--kds-dimension-component-width-2-25x: 36px;
|
|
456
456
|
--kds-dimension-component-width-4x: 64px;
|
|
457
|
+
--kds-dimension-component-width-12x: 192px;
|
|
457
458
|
--kds-dimension-component-width-16x: 256px;
|
|
459
|
+
--kds-dimension-component-width-17-5x: 280px;
|
|
460
|
+
--kds-dimension-component-width-20x: 320px;
|
|
458
461
|
--kds-dimension-component-width-25x: 400px;
|
|
459
462
|
--kds-dimension-component-width-32x: 512px;
|
|
460
463
|
--kds-dimension-component-width-35x: 560px;
|