@knime/kds-styles 0.18.2 → 0.18.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.
|
@@ -272,6 +272,18 @@ syntax: "<color>";
|
|
|
272
272
|
initial-value: hsl(0 0% 13%);
|
|
273
273
|
}
|
|
274
274
|
|
|
275
|
+
@property --kds-color-background-static-chart-1 {
|
|
276
|
+
syntax: "<color>";
|
|
277
|
+
inherits: true;
|
|
278
|
+
initial-value: hsl(176 67% 22%);
|
|
279
|
+
}
|
|
280
|
+
|
|
281
|
+
@property --kds-color-background-static-chart-2 {
|
|
282
|
+
syntax: "<color>";
|
|
283
|
+
inherits: true;
|
|
284
|
+
initial-value: hsl(172 27% 48%);
|
|
285
|
+
}
|
|
286
|
+
|
|
275
287
|
@property --kds-color-text-and-icon-neutral {
|
|
276
288
|
syntax: "<color>";
|
|
277
289
|
inherits: true;
|
|
@@ -1466,6 +1466,18 @@ 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-1 {
|
|
1470
|
+
syntax: "<color>";
|
|
1471
|
+
inherits: true;
|
|
1472
|
+
initial-value: light-dark(hsl(176 67% 22%), hsl(173 37% 39%));
|
|
1473
|
+
}
|
|
1474
|
+
|
|
1475
|
+
@property --kds-color-background-static-chart-2 {
|
|
1476
|
+
syntax: "<color>";
|
|
1477
|
+
inherits: true;
|
|
1478
|
+
initial-value: light-dark(hsl(172 27% 48%), hsl(176 67% 22%));
|
|
1479
|
+
}
|
|
1480
|
+
|
|
1469
1481
|
@property --kds-color-text-and-icon-neutral {
|
|
1470
1482
|
syntax: "<color>";
|
|
1471
1483
|
inherits: true;
|
|
@@ -2636,6 +2648,12 @@ syntax: "<length>";
|
|
|
2636
2648
|
initial-value: 36px;
|
|
2637
2649
|
}
|
|
2638
2650
|
|
|
2651
|
+
@property --kds-dimension-component-height-2-75x {
|
|
2652
|
+
syntax: "<length>";
|
|
2653
|
+
inherits: false;
|
|
2654
|
+
initial-value: 44px;
|
|
2655
|
+
}
|
|
2656
|
+
|
|
2639
2657
|
@property --kds-dimension-component-height-2-5x {
|
|
2640
2658
|
syntax: "<length>";
|
|
2641
2659
|
inherits: false;
|
|
@@ -2654,6 +2672,12 @@ syntax: "<length>";
|
|
|
2654
2672
|
initial-value: 192px;
|
|
2655
2673
|
}
|
|
2656
2674
|
|
|
2675
|
+
@property --kds-dimension-component-height-12-5x {
|
|
2676
|
+
syntax: "<length>";
|
|
2677
|
+
inherits: false;
|
|
2678
|
+
initial-value: 200px;
|
|
2679
|
+
}
|
|
2680
|
+
|
|
2657
2681
|
@property --kds-dimension-component-height-20x {
|
|
2658
2682
|
syntax: "<length>";
|
|
2659
2683
|
inherits: false;
|
|
@@ -2726,6 +2750,12 @@ syntax: "<length>";
|
|
|
2726
2750
|
initial-value: 36px;
|
|
2727
2751
|
}
|
|
2728
2752
|
|
|
2753
|
+
@property --kds-dimension-component-width-2-75x {
|
|
2754
|
+
syntax: "<length>";
|
|
2755
|
+
inherits: false;
|
|
2756
|
+
initial-value: 44px;
|
|
2757
|
+
}
|
|
2758
|
+
|
|
2729
2759
|
@property --kds-dimension-component-width-4x {
|
|
2730
2760
|
syntax: "<length>";
|
|
2731
2761
|
inherits: false;
|
|
@@ -2738,6 +2768,12 @@ syntax: "<length>";
|
|
|
2738
2768
|
initial-value: 192px;
|
|
2739
2769
|
}
|
|
2740
2770
|
|
|
2771
|
+
@property --kds-dimension-component-width-12-5x {
|
|
2772
|
+
syntax: "<length>";
|
|
2773
|
+
inherits: false;
|
|
2774
|
+
initial-value: 200px;
|
|
2775
|
+
}
|
|
2776
|
+
|
|
2741
2777
|
@property --kds-dimension-component-width-16x {
|
|
2742
2778
|
syntax: "<length>";
|
|
2743
2779
|
inherits: false;
|
|
@@ -48,6 +48,8 @@
|
|
|
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-1: hsl(176 67% 22%);
|
|
52
|
+
--kds-color-background-static-chart-2: hsl(172 27% 48%);
|
|
51
53
|
--kds-color-text-and-icon-neutral: hsl(0 0% 16%);
|
|
52
54
|
--kds-color-text-and-icon-muted: hsl(0 0% 32%);
|
|
53
55
|
--kds-color-text-and-icon-subtle: hsl(0 0% 43%);
|
|
@@ -247,6 +247,8 @@
|
|
|
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-1: light-dark(hsl(176 67% 22%), hsl(173 37% 39%));
|
|
251
|
+
--kds-color-background-static-chart-2: light-dark(hsl(172 27% 48%), hsl(176 67% 22%));
|
|
250
252
|
--kds-color-text-and-icon-neutral: light-dark(hsl(0 0% 16%), hsl(0 0% 94%));
|
|
251
253
|
--kds-color-text-and-icon-muted: light-dark(hsl(0 0% 32%), hsl(0 0% 90%));
|
|
252
254
|
--kds-color-text-and-icon-subtle: light-dark(hsl(0 0% 43%), hsl(0 0% 73%));
|
|
@@ -442,9 +444,11 @@
|
|
|
442
444
|
--kds-dimension-component-height-1-5x: 24px;
|
|
443
445
|
--kds-dimension-component-height-1-75x: 28px;
|
|
444
446
|
--kds-dimension-component-height-2-25x: 36px;
|
|
447
|
+
--kds-dimension-component-height-2-75x: 44px;
|
|
445
448
|
--kds-dimension-component-height-2-5x: 40px;
|
|
446
449
|
--kds-dimension-component-height-4x: 64px;
|
|
447
450
|
--kds-dimension-component-height-12x: 192px;
|
|
451
|
+
--kds-dimension-component-height-12-5x: 200px;
|
|
448
452
|
--kds-dimension-component-height-20x: 320px;
|
|
449
453
|
--kds-dimension-component-height-25x: 400px;
|
|
450
454
|
--kds-dimension-component-height-45x: 720px;
|
|
@@ -457,8 +461,10 @@
|
|
|
457
461
|
--kds-dimension-component-width-1-5x: 24px;
|
|
458
462
|
--kds-dimension-component-width-1-75x: 28px;
|
|
459
463
|
--kds-dimension-component-width-2-25x: 36px;
|
|
464
|
+
--kds-dimension-component-width-2-75x: 44px;
|
|
460
465
|
--kds-dimension-component-width-4x: 64px;
|
|
461
466
|
--kds-dimension-component-width-12x: 192px;
|
|
467
|
+
--kds-dimension-component-width-12-5x: 200px;
|
|
462
468
|
--kds-dimension-component-width-16x: 256px;
|
|
463
469
|
--kds-dimension-component-width-17-5x: 280px;
|
|
464
470
|
--kds-dimension-component-width-20x: 320px;
|