@knime/kds-styles 0.18.2 → 0.18.4
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.
|
@@ -272,6 +272,24 @@ syntax: "<color>";
|
|
|
272
272
|
initial-value: hsl(0 0% 13%);
|
|
273
273
|
}
|
|
274
274
|
|
|
275
|
+
@property --kds-color-background-static-chart-0 {
|
|
276
|
+
syntax: "<color>";
|
|
277
|
+
inherits: true;
|
|
278
|
+
initial-value: hsl(0 0% 73%);
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
@property --kds-color-background-static-chart-1 {
|
|
282
|
+
syntax: "<color>";
|
|
283
|
+
inherits: true;
|
|
284
|
+
initial-value: hsl(176 67% 22%);
|
|
285
|
+
}
|
|
286
|
+
|
|
287
|
+
@property --kds-color-background-static-chart-2 {
|
|
288
|
+
syntax: "<color>";
|
|
289
|
+
inherits: true;
|
|
290
|
+
initial-value: hsl(172 27% 48%);
|
|
291
|
+
}
|
|
292
|
+
|
|
275
293
|
@property --kds-color-text-and-icon-neutral {
|
|
276
294
|
syntax: "<color>";
|
|
277
295
|
inherits: true;
|
|
@@ -1466,6 +1466,24 @@ syntax: "<color>";
|
|
|
1466
1466
|
initial-value: light-dark(hsl(0 0% 13%), hsl(0 0% 22%));
|
|
1467
1467
|
}
|
|
1468
1468
|
|
|
1469
|
+
@property --kds-color-background-static-chart-0 {
|
|
1470
|
+
syntax: "<color>";
|
|
1471
|
+
inherits: true;
|
|
1472
|
+
initial-value: light-dark(hsl(0 0% 73%), hsl(0 0% 32%));
|
|
1473
|
+
}
|
|
1474
|
+
|
|
1475
|
+
@property --kds-color-background-static-chart-1 {
|
|
1476
|
+
syntax: "<color>";
|
|
1477
|
+
inherits: true;
|
|
1478
|
+
initial-value: light-dark(hsl(176 67% 22%), hsl(173 37% 39%));
|
|
1479
|
+
}
|
|
1480
|
+
|
|
1481
|
+
@property --kds-color-background-static-chart-2 {
|
|
1482
|
+
syntax: "<color>";
|
|
1483
|
+
inherits: true;
|
|
1484
|
+
initial-value: light-dark(hsl(172 27% 48%), hsl(176 67% 22%));
|
|
1485
|
+
}
|
|
1486
|
+
|
|
1469
1487
|
@property --kds-color-text-and-icon-neutral {
|
|
1470
1488
|
syntax: "<color>";
|
|
1471
1489
|
inherits: true;
|
|
@@ -2636,6 +2654,12 @@ syntax: "<length>";
|
|
|
2636
2654
|
initial-value: 36px;
|
|
2637
2655
|
}
|
|
2638
2656
|
|
|
2657
|
+
@property --kds-dimension-component-height-2-75x {
|
|
2658
|
+
syntax: "<length>";
|
|
2659
|
+
inherits: false;
|
|
2660
|
+
initial-value: 44px;
|
|
2661
|
+
}
|
|
2662
|
+
|
|
2639
2663
|
@property --kds-dimension-component-height-2-5x {
|
|
2640
2664
|
syntax: "<length>";
|
|
2641
2665
|
inherits: false;
|
|
@@ -2654,6 +2678,12 @@ syntax: "<length>";
|
|
|
2654
2678
|
initial-value: 192px;
|
|
2655
2679
|
}
|
|
2656
2680
|
|
|
2681
|
+
@property --kds-dimension-component-height-12-5x {
|
|
2682
|
+
syntax: "<length>";
|
|
2683
|
+
inherits: false;
|
|
2684
|
+
initial-value: 200px;
|
|
2685
|
+
}
|
|
2686
|
+
|
|
2657
2687
|
@property --kds-dimension-component-height-20x {
|
|
2658
2688
|
syntax: "<length>";
|
|
2659
2689
|
inherits: false;
|
|
@@ -2726,6 +2756,12 @@ syntax: "<length>";
|
|
|
2726
2756
|
initial-value: 36px;
|
|
2727
2757
|
}
|
|
2728
2758
|
|
|
2759
|
+
@property --kds-dimension-component-width-2-75x {
|
|
2760
|
+
syntax: "<length>";
|
|
2761
|
+
inherits: false;
|
|
2762
|
+
initial-value: 44px;
|
|
2763
|
+
}
|
|
2764
|
+
|
|
2729
2765
|
@property --kds-dimension-component-width-4x {
|
|
2730
2766
|
syntax: "<length>";
|
|
2731
2767
|
inherits: false;
|
|
@@ -2738,6 +2774,12 @@ syntax: "<length>";
|
|
|
2738
2774
|
initial-value: 192px;
|
|
2739
2775
|
}
|
|
2740
2776
|
|
|
2777
|
+
@property --kds-dimension-component-width-12-5x {
|
|
2778
|
+
syntax: "<length>";
|
|
2779
|
+
inherits: false;
|
|
2780
|
+
initial-value: 200px;
|
|
2781
|
+
}
|
|
2782
|
+
|
|
2741
2783
|
@property --kds-dimension-component-width-16x {
|
|
2742
2784
|
syntax: "<length>";
|
|
2743
2785
|
inherits: false;
|
|
@@ -48,6 +48,9 @@
|
|
|
48
48
|
--kds-color-background-static-success-muted: hsl(124.89 65.088% 97.723%);
|
|
49
49
|
--kds-color-background-static-brand: hsl(51 100% 50%);
|
|
50
50
|
--kds-color-background-static-overlay: hsl(0 0% 13%);
|
|
51
|
+
--kds-color-background-static-chart-0: hsl(0 0% 73%);
|
|
52
|
+
--kds-color-background-static-chart-1: hsl(176 67% 22%);
|
|
53
|
+
--kds-color-background-static-chart-2: hsl(172 27% 48%);
|
|
51
54
|
--kds-color-text-and-icon-neutral: hsl(0 0% 16%);
|
|
52
55
|
--kds-color-text-and-icon-muted: hsl(0 0% 32%);
|
|
53
56
|
--kds-color-text-and-icon-subtle: hsl(0 0% 43%);
|
|
@@ -247,6 +247,9 @@
|
|
|
247
247
|
--kds-color-background-static-success-muted: light-dark(hsl(124.89 65.088% 97.723%), hsl(128.09 38.652% 10.529%));
|
|
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
|
+
--kds-color-background-static-chart-0: light-dark(hsl(0 0% 73%), hsl(0 0% 32%));
|
|
251
|
+
--kds-color-background-static-chart-1: light-dark(hsl(176 67% 22%), hsl(173 37% 39%));
|
|
252
|
+
--kds-color-background-static-chart-2: light-dark(hsl(172 27% 48%), hsl(176 67% 22%));
|
|
250
253
|
--kds-color-text-and-icon-neutral: light-dark(hsl(0 0% 16%), hsl(0 0% 94%));
|
|
251
254
|
--kds-color-text-and-icon-muted: light-dark(hsl(0 0% 32%), hsl(0 0% 90%));
|
|
252
255
|
--kds-color-text-and-icon-subtle: light-dark(hsl(0 0% 43%), hsl(0 0% 73%));
|
|
@@ -442,9 +445,11 @@
|
|
|
442
445
|
--kds-dimension-component-height-1-5x: 24px;
|
|
443
446
|
--kds-dimension-component-height-1-75x: 28px;
|
|
444
447
|
--kds-dimension-component-height-2-25x: 36px;
|
|
448
|
+
--kds-dimension-component-height-2-75x: 44px;
|
|
445
449
|
--kds-dimension-component-height-2-5x: 40px;
|
|
446
450
|
--kds-dimension-component-height-4x: 64px;
|
|
447
451
|
--kds-dimension-component-height-12x: 192px;
|
|
452
|
+
--kds-dimension-component-height-12-5x: 200px;
|
|
448
453
|
--kds-dimension-component-height-20x: 320px;
|
|
449
454
|
--kds-dimension-component-height-25x: 400px;
|
|
450
455
|
--kds-dimension-component-height-45x: 720px;
|
|
@@ -457,8 +462,10 @@
|
|
|
457
462
|
--kds-dimension-component-width-1-5x: 24px;
|
|
458
463
|
--kds-dimension-component-width-1-75x: 28px;
|
|
459
464
|
--kds-dimension-component-width-2-25x: 36px;
|
|
465
|
+
--kds-dimension-component-width-2-75x: 44px;
|
|
460
466
|
--kds-dimension-component-width-4x: 64px;
|
|
461
467
|
--kds-dimension-component-width-12x: 192px;
|
|
468
|
+
--kds-dimension-component-width-12-5x: 200px;
|
|
462
469
|
--kds-dimension-component-width-16x: 256px;
|
|
463
470
|
--kds-dimension-component-width-17-5x: 280px;
|
|
464
471
|
--kds-dimension-component-width-20x: 320px;
|