@knime/kds-styles 2.3.0 → 2.4.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.
Files changed (36) hide show
  1. package/CHANGELOG.md +30 -0
  2. package/README.md +21 -0
  3. package/dist/tokens/css/_properties-legacy.css +220 -220
  4. package/dist/tokens/css/_properties.css +370 -370
  5. package/dist/tokens/css/_variables-legacy.css +220 -220
  6. package/dist/tokens/css/_variables.css +370 -370
  7. package/dist/tokens/ts/border-radius.d.ts +50 -0
  8. package/dist/tokens/ts/border-radius.js +88 -0
  9. package/dist/tokens/ts/border-width.d.ts +22 -0
  10. package/dist/tokens/ts/border-width.js +32 -0
  11. package/dist/tokens/ts/border.d.ts +118 -0
  12. package/dist/tokens/ts/border.js +316 -0
  13. package/dist/tokens/ts/box-shadow.d.ts +12 -0
  14. package/dist/tokens/ts/box-shadow.js +24 -0
  15. package/dist/tokens/ts/color.d.ts +880 -0
  16. package/dist/tokens/ts/color.js +1658 -0
  17. package/dist/tokens/ts/dimension.d.ts +196 -0
  18. package/dist/tokens/ts/dimension.js +362 -0
  19. package/dist/tokens/ts/elevation.d.ts +37 -0
  20. package/dist/tokens/ts/elevation.js +102 -0
  21. package/dist/tokens/ts/fake-border.d.ts +12 -0
  22. package/dist/tokens/ts/fake-border.js +24 -0
  23. package/dist/tokens/ts/font.d.ts +278 -0
  24. package/dist/tokens/ts/font.js +644 -0
  25. package/dist/tokens/ts/index.d.ts +17 -0
  26. package/dist/tokens/ts/index.js +16 -0
  27. package/dist/tokens/ts/sizing.d.ts +34 -0
  28. package/dist/tokens/ts/sizing.js +56 -0
  29. package/dist/tokens/ts/spacing.d.ts +90 -0
  30. package/dist/tokens/ts/spacing.js +115 -0
  31. package/dist/tokens/ts/types.d.ts +87 -0
  32. package/dist/tokens/ts/types.js +5 -0
  33. package/dist/tokens/ts/width.d.ts +14 -0
  34. package/dist/tokens/ts/width.js +16 -0
  35. package/package.json +5 -2
  36. package/dist/tokens/ts/_tokens.ts +0 -125
package/dist/tokens/css/_variables.css CHANGED
@@ -3,154 +3,154 @@
3
3
  */
4
4
 
5
5
  :root, :host {
6
- --kds-core-color-neutral-25: hsl(0 0% 99%);
7
- --kds-core-color-neutral-50: hsl(0 0% 98%);
8
- --kds-core-color-neutral-100: hsl(0 0% 94%);
9
- --kds-core-color-neutral-175: hsl(0 0% 90%);
10
- --kds-core-color-neutral-250: hsl(0 0% 73%);
11
- --kds-core-color-neutral-275: hsl(0 0% 64%);
12
- --kds-core-color-neutral-325: hsl(0 0% 48%);
13
- --kds-core-color-neutral-375: hsl(0 0% 43%);
14
- --kds-core-color-neutral-400: hsl(0 0% 32%);
15
- --kds-core-color-neutral-475: hsl(0 0% 22%);
16
- --kds-core-color-neutral-550: hsl(0 0% 19%);
17
- --kds-core-color-neutral-650: hsl(0 0% 16%);
18
- --kds-core-color-neutral-725: hsl(0 0% 13%);
19
- --kds-core-color-neutral-800: hsl(0 0% 11%);
20
- --kds-core-color-neutral-875: hsl(0 0% 10%);
21
- --kds-core-color-red-25: hsl(0 56% 98%);
22
- --kds-core-color-red-50: hsl(0 100% 97%);
23
- --kds-core-color-red-100: hsl(2 100% 92%);
24
- --kds-core-color-red-175: hsl(3 100% 86%);
25
- --kds-core-color-red-250: hsl(4 100% 80%);
26
- --kds-core-color-red-325: hsl(3 100% 72%);
27
- --kds-core-color-red-400: hsl(0 100% 66%);
28
- --kds-core-color-red-435: hsl(360 84% 63%);
29
- --kds-core-color-red-475: hsl(356 77% 54%);
30
- --kds-core-color-red-550: hsl(353 75% 45%);
31
- --kds-core-color-red-650: hsl(349 91% 35%);
32
- --kds-core-color-red-725: hsl(348 97% 27%);
33
- --kds-core-color-red-800: hsl(348 94% 21%);
34
- --kds-core-color-red-875: hsl(353 84% 15%);
35
- --kds-core-color-orange-25: hsl(34 54% 98%);
36
- --kds-core-color-orange-50: hsl(30 95% 92%);
37
- --kds-core-color-orange-100: hsl(31 100% 83%);
38
- --kds-core-color-orange-175: hsl(31 79% 74%);
39
- --kds-core-color-orange-250: hsl(31 83% 66%);
40
- --kds-core-color-orange-325: hsl(30 80% 60%);
41
- --kds-core-color-orange-375: hsl(29 88% 60%);
42
- --kds-core-color-orange-400: hsl(27 68% 55%);
43
- --kds-core-color-orange-475: hsl(25 59% 51%);
44
- --kds-core-color-orange-550: hsl(22 60% 45%);
45
- --kds-core-color-orange-650: hsl(19 63% 38%);
46
- --kds-core-color-orange-725: hsl(16 67% 31%);
47
- --kds-core-color-orange-800: hsl(13 66% 23%);
48
- --kds-core-color-orange-875: hsl(13 58% 14%);
49
- --kds-core-color-yellow-25: hsl(43 78% 97%);
50
- --kds-core-color-yellow-50: hsl(43 100% 89%);
51
- --kds-core-color-yellow-100: hsl(45 100% 78%);
52
- --kds-core-color-yellow-175: hsl(48 100% 68%);
53
- --kds-core-color-yellow-250: hsl(51 100% 50%);
54
- --kds-core-color-yellow-325: hsl(51 99% 47%);
55
- --kds-core-color-yellow-400: hsl(49 99% 44%);
56
- --kds-core-color-yellow-475: hsl(47 100% 39%);
57
- --kds-core-color-yellow-550: hsl(46 100% 34%);
58
- --kds-core-color-yellow-650: hsl(44 100% 26%);
59
- --kds-core-color-yellow-725: hsl(43 100% 19%);
60
- --kds-core-color-yellow-800: hsl(44 94% 14%);
61
- --kds-core-color-yellow-875: hsl(51 100% 8%);
62
- --kds-core-color-green-25: hsl(125 65% 97%);
63
- --kds-core-color-green-50: hsl(120 95% 92%);
64
- --kds-core-color-green-100: hsl(116 72% 82%);
65
- --kds-core-color-green-175: hsl(112 57% 71%);
66
- --kds-core-color-green-250: hsl(109 47% 61%);
67
- --kds-core-color-green-325: hsl(107 43% 55%);
68
- --kds-core-color-green-400: hsl(107 42% 44%);
69
- --kds-core-color-green-475: hsl(108 46% 37%);
70
- --kds-core-color-green-550: hsl(111 48% 31%);
71
- --kds-core-color-green-650: hsl(116 47% 26%);
72
- --kds-core-color-green-725: hsl(124 47% 21%);
73
- --kds-core-color-green-800: hsl(132 52% 15%);
74
- --kds-core-color-green-875: hsl(139 56% 10%);
75
- --kds-core-color-teal-25: hsl(165 80% 96%);
76
- --kds-core-color-teal-50: hsl(166 68% 93%);
77
- --kds-core-color-teal-100: hsl(168 47% 85%);
78
- --kds-core-color-teal-175: hsl(169 34% 76%);
79
- --kds-core-color-teal-250: hsl(170 31% 66%);
80
- --kds-core-color-teal-325: hsl(170 28% 57%);
81
- --kds-core-color-teal-400: hsl(172 27% 48%);
82
- --kds-core-color-teal-475: hsl(173 37% 39%);
83
- --kds-core-color-teal-550: hsl(174 48% 31%);
84
- --kds-core-color-teal-650: hsl(176 67% 22%);
85
- --kds-core-color-teal-725: hsl(177 82% 18%);
86
- --kds-core-color-teal-800: hsl(175 93% 12%);
87
- --kds-core-color-teal-875: hsl(174 73% 9%);
88
- --kds-core-color-blue-25: hsl(225 40% 98%);
89
- --kds-core-color-blue-50: hsl(217 100% 97%);
90
- --kds-core-color-blue-100: hsl(216 100% 92%);
91
- --kds-core-color-blue-175: hsl(215 100% 84%);
92
- --kds-core-color-blue-250: hsl(214 92% 77%);
93
- --kds-core-color-blue-325: hsl(212 78% 68%);
94
- --kds-core-color-blue-400: hsl(211 67% 59%);
95
- --kds-core-color-blue-475: hsl(209 57% 50%);
96
- --kds-core-color-blue-550: hsl(208 63% 41%);
97
- --kds-core-color-blue-650: hsl(208 61% 34%);
98
- --kds-core-color-blue-725: hsl(210 50% 28%);
99
- --kds-core-color-blue-800: hsl(209 50% 20%);
100
- --kds-core-color-blue-875: hsl(209 59% 14%);
101
- --kds-core-color-purple-25: hsl(314 39% 94%);
102
- --kds-core-color-purple-50: hsl(315 42% 91%);
103
- --kds-core-color-purple-100: hsl(318 43% 88%);
104
- --kds-core-color-purple-175: hsl(319 44% 85%);
105
- --kds-core-color-purple-250: hsl(320 45% 82%);
106
- --kds-core-color-purple-325: hsl(316 41% 73%);
107
- --kds-core-color-purple-400: hsl(312 36% 64%);
108
- --kds-core-color-purple-475: hsl(308 32% 55%);
109
- --kds-core-color-purple-550: hsl(305 27% 47%);
110
- --kds-core-color-purple-650: hsl(302 29% 39%);
111
- --kds-core-color-purple-725: hsl(299 32% 31%);
112
- --kds-core-color-purple-800: hsl(296 34% 23%);
113
- --kds-core-color-purple-875: hsl(294 36% 15%);
114
- --kds-core-color-aquamarine-25: hsl(186 44% 95%);
115
- --kds-core-color-aquamarine-50: hsl(188 47% 93%);
116
- --kds-core-color-aquamarine-100: hsl(186 46% 91%);
117
- --kds-core-color-aquamarine-175: hsl(185 48% 89%);
118
- --kds-core-color-aquamarine-250: hsl(186 49% 88%);
119
- --kds-core-color-aquamarine-325: hsl(188 52% 77%);
120
- --kds-core-color-aquamarine-400: hsl(189 55% 66%);
121
- --kds-core-color-aquamarine-475: hsl(191 57% 54%);
122
- --kds-core-color-aquamarine-550: hsl(193 60% 43%);
123
- --kds-core-color-aquamarine-650: hsl(196 62% 38%);
124
- --kds-core-color-aquamarine-725: hsl(198 62% 32%);
125
- --kds-core-color-aquamarine-800: hsl(201 63% 27%);
126
- --kds-core-color-aquamarine-875: hsl(204 65% 21%);
127
- --kds-core-color-grassgreen-25: hsl(76 52% 96%);
128
- --kds-core-color-grassgreen-50: hsl(73 57% 91%);
129
- --kds-core-color-grassgreen-100: hsl(70 60% 86%);
130
- --kds-core-color-grassgreen-175: hsl(67 64% 80%);
131
- --kds-core-color-grassgreen-250: hsl(63 69% 75%);
132
- --kds-core-color-grassgreen-325: hsl(65 69% 70%);
133
- --kds-core-color-grassgreen-400: hsl(65 69% 65%);
134
- --kds-core-color-grassgreen-475: hsl(66 68% 60%);
135
- --kds-core-color-grassgreen-550: hsl(67 68% 55%);
136
- --kds-core-color-grassgreen-650: hsl(69 61% 47%);
137
- --kds-core-color-grassgreen-725: hsl(69 54% 40%);
138
- --kds-core-color-grassgreen-800: hsl(71 46% 32%);
139
- --kds-core-color-grassgreen-875: hsl(72 39% 25%);
140
- --kds-core-color-brown-25: hsl(35 60% 95%);
141
- --kds-core-color-brown-50: hsl(33 55% 89%);
142
- --kds-core-color-brown-100: hsl(32 50% 82%);
143
- --kds-core-color-brown-175: hsl(31 48% 74%);
144
- --kds-core-color-brown-250: hsl(30 47% 68%);
145
- --kds-core-color-brown-325: hsl(29 43% 58%);
146
- --kds-core-color-brown-400: hsl(28 39% 50%);
147
- --kds-core-color-brown-475: hsl(27 35% 44%);
148
- --kds-core-color-brown-550: hsl(26 32% 39%);
149
- --kds-core-color-brown-650: hsl(25 30% 35%);
150
- --kds-core-color-brown-725: hsl(24 28% 30%);
151
- --kds-core-color-brown-800: hsl(23 27% 24%);
152
- --kds-core-color-brown-875: hsl(22 25% 18%);
153
- --kds-core-color-transparent: hsl(330 0% 11% / 0);
6
+ --kds-core-color-neutral-25: hsl(0, 0%, 99%);
7
+ --kds-core-color-neutral-50: hsl(0, 0%, 98%);
8
+ --kds-core-color-neutral-100: hsl(0, 0%, 94.1%);
9
+ --kds-core-color-neutral-175: hsl(0, 0%, 90.2%);
10
+ --kds-core-color-neutral-250: hsl(0, 0%, 72.5%);
11
+ --kds-core-color-neutral-275: hsl(0, 0%, 64%);
12
+ --kds-core-color-neutral-325: hsl(0, 0%, 48.2%);
13
+ --kds-core-color-neutral-375: hsl(0, 0%, 43%);
14
+ --kds-core-color-neutral-400: hsl(0, 0%, 32.2%);
15
+ --kds-core-color-neutral-475: hsl(0, 0%, 22%);
16
+ --kds-core-color-neutral-550: hsl(0, 0%, 18.8%);
17
+ --kds-core-color-neutral-650: hsl(0, 0%, 15.7%);
18
+ --kds-core-color-neutral-725: hsl(0, 0%, 12.9%);
19
+ --kds-core-color-neutral-800: hsl(0, 0%, 11.4%);
20
+ --kds-core-color-neutral-875: hsl(0, 0%, 10.2%);
21
+ --kds-core-color-red-25: hsl(0, 55.6%, 98.2%);
22
+ --kds-core-color-red-50: hsl(0, 100%, 97.1%);
23
+ --kds-core-color-red-100: hsl(1.5, 100%, 92.4%);
24
+ --kds-core-color-red-175: hsl(3.4, 100%, 86.1%);
25
+ --kds-core-color-red-250: hsl(3.5, 100%, 79.6%);
26
+ --kds-core-color-red-325: hsl(2.6, 100%, 72.4%);
27
+ --kds-core-color-red-400: hsl(0, 100%, 66.1%);
28
+ --kds-core-color-red-435: hsl(359.6, 84.3%, 62.5%);
29
+ --kds-core-color-red-475: hsl(356.3, 76.8%, 54.3%);
30
+ --kds-core-color-red-550: hsl(353, 74.7%, 44.9%);
31
+ --kds-core-color-red-650: hsl(348.8, 90.9%, 34.5%);
32
+ --kds-core-color-red-725: hsl(347.6, 97.1%, 27.3%);
33
+ --kds-core-color-red-800: hsl(348, 94.3%, 20.8%);
34
+ --kds-core-color-red-875: hsl(352.6, 84.4%, 15.1%);
35
+ --kds-core-color-orange-25: hsl(34.3, 53.8%, 97.5%);
36
+ --kds-core-color-orange-50: hsl(30, 95.2%, 91.8%);
37
+ --kds-core-color-orange-100: hsl(31, 100%, 82.5%);
38
+ --kds-core-color-orange-175: hsl(30.8, 79.3%, 73.5%);
39
+ --kds-core-color-orange-250: hsl(31.2, 82.8%, 65.9%);
40
+ --kds-core-color-orange-325: hsl(30, 80.4%, 60%);
41
+ --kds-core-color-orange-375: hsl(29.3, 88%, 59.8%);
42
+ --kds-core-color-orange-400: hsl(27.3, 67.8%, 54.9%);
43
+ --kds-core-color-orange-475: hsl(24.7, 58.7%, 50.6%);
44
+ --kds-core-color-orange-550: hsl(21.9, 60.4%, 44.5%);
45
+ --kds-core-color-orange-650: hsl(19, 63.1%, 38.2%);
46
+ --kds-core-color-orange-725: hsl(16, 66.9%, 30.8%);
47
+ --kds-core-color-orange-800: hsl(13.1, 66.1%, 23.1%);
48
+ --kds-core-color-orange-875: hsl(13.2, 57.7%, 13.9%);
49
+ --kds-core-color-yellow-25: hsl(42.9, 77.8%, 96.5%);
50
+ --kds-core-color-yellow-50: hsl(42.9, 100%, 89%);
51
+ --kds-core-color-yellow-100: hsl(45.4, 100%, 77.5%);
52
+ --kds-core-color-yellow-175: hsl(47.6, 100%, 67.6%);
53
+ --kds-core-color-yellow-250: hsl(50.8, 100%, 50%);
54
+ --kds-core-color-yellow-325: hsl(51.1, 99.2%, 46.9%);
55
+ --kds-core-color-yellow-400: hsl(49.1, 99.1%, 43.7%);
56
+ --kds-core-color-yellow-475: hsl(47, 100%, 39%);
57
+ --kds-core-color-yellow-550: hsl(45.6, 100%, 33.5%);
58
+ --kds-core-color-yellow-650: hsl(43.9, 100%, 26.3%);
59
+ --kds-core-color-yellow-725: hsl(43.1, 100%, 18.8%);
60
+ --kds-core-color-yellow-800: hsl(44.3, 94.2%, 13.5%);
61
+ --kds-core-color-yellow-875: hsl(50.8, 100%, 7.6%);
62
+ --kds-core-color-green-25: hsl(125.5, 64.7%, 96.7%);
63
+ --kds-core-color-green-50: hsl(120, 95.3%, 91.6%);
64
+ --kds-core-color-green-100: hsl(115.5, 71.7%, 82%);
65
+ --kds-core-color-green-175: hsl(112, 56.5%, 71.2%);
66
+ --kds-core-color-green-250: hsl(109, 47.2%, 61.4%);
67
+ --kds-core-color-green-325: hsl(106.5, 42.6%, 54.9%);
68
+ --kds-core-color-green-400: hsl(107.4, 42.2%, 44.1%);
69
+ --kds-core-color-green-475: hsl(107.6, 46%, 37.1%);
70
+ --kds-core-color-green-550: hsl(111.3, 47.5%, 31.4%);
71
+ --kds-core-color-green-650: hsl(116.1, 46.6%, 25.7%);
72
+ --kds-core-color-green-725: hsl(123.7, 46.7%, 20.6%);
73
+ --kds-core-color-green-800: hsl(132.3, 52%, 14.7%);
74
+ --kds-core-color-green-875: hsl(139.3, 56%, 9.8%);
75
+ --kds-core-color-teal-25: hsl(165, 80%, 96.1%);
76
+ --kds-core-color-teal-50: hsl(165.6, 67.6%, 92.7%);
77
+ --kds-core-color-teal-100: hsl(168, 46.7%, 85.3%);
78
+ --kds-core-color-teal-175: hsl(168.8, 34.4%, 75.5%);
79
+ --kds-core-color-teal-250: hsl(169.8, 30.6%, 66.1%);
80
+ --kds-core-color-teal-325: hsl(170.2, 27.6%, 56.7%);
81
+ --kds-core-color-teal-400: hsl(171.8, 27%, 47.8%);
82
+ --kds-core-color-teal-475: hsl(173.4, 37.1%, 38.6%);
83
+ --kds-core-color-teal-550: hsl(174.4, 47.8%, 30.8%);
84
+ --kds-core-color-teal-650: hsl(176.1, 66.7%, 22.4%);
85
+ --kds-core-color-teal-725: hsl(176.7, 82%, 17.5%);
86
+ --kds-core-color-teal-800: hsl(174.5, 93.2%, 11.6%);
87
+ --kds-core-color-teal-875: hsl(174.4, 72.7%, 8.6%);
88
+ --kds-core-color-blue-25: hsl(225, 40%, 98%);
89
+ --kds-core-color-blue-50: hsl(216.7, 100%, 96.5%);
90
+ --kds-core-color-blue-100: hsl(215.7, 100%, 91.8%);
91
+ --kds-core-color-blue-175: hsl(214.5, 100%, 84.3%);
92
+ --kds-core-color-blue-250: hsl(213.6, 91.6%, 76.7%);
93
+ --kds-core-color-blue-325: hsl(212.1, 78.2%, 67.6%);
94
+ --kds-core-color-blue-400: hsl(211.3, 67.3%, 59.2%);
95
+ --kds-core-color-blue-475: hsl(209.4, 57.3%, 49.6%);
96
+ --kds-core-color-blue-550: hsl(208.2, 62.9%, 41.2%);
97
+ --kds-core-color-blue-650: hsl(208.3, 60.5%, 33.7%);
98
+ --kds-core-color-blue-725: hsl(210, 50%, 27.5%);
99
+ --kds-core-color-blue-800: hsl(209.4, 49.5%, 20.2%);
100
+ --kds-core-color-blue-875: hsl(209.3, 59.4%, 13.5%);
101
+ --kds-core-color-purple-25: hsl(313.8, 39.4%, 93.5%);
102
+ --kds-core-color-purple-50: hsl(315.0, 41.7%, 90.6%);
103
+ --kds-core-color-purple-100: hsl(317.8, 42.9%, 87.6%);
104
+ --kds-core-color-purple-175: hsl(319.4, 43.6%, 84.7%);
105
+ --kds-core-color-purple-250: hsl(320.0, 44.7%, 81.6%);
106
+ --kds-core-color-purple-325: hsl(316.1, 40.6%, 72.9%);
107
+ --kds-core-color-purple-400: hsl(311.8, 35.9%, 63.9%);
108
+ --kds-core-color-purple-475: hsl(308.3, 31.6%, 55.3%);
109
+ --kds-core-color-purple-550: hsl(304.6, 27.4%, 46.5%);
110
+ --kds-core-color-purple-650: hsl(302.1, 29.3%, 38.8%);
111
+ --kds-core-color-purple-725: hsl(298.8, 31.6%, 31.0%);
112
+ --kds-core-color-purple-800: hsl(295.5, 33.9%, 23.1%);
113
+ --kds-core-color-purple-875: hsl(293.6, 35.9%, 15.3%);
114
+ --kds-core-color-aquamarine-25: hsl(185.5, 44.0%, 95.1%);
115
+ --kds-core-color-aquamarine-50: hsl(187.5, 47.1%, 93.3%);
116
+ --kds-core-color-aquamarine-100: hsl(186.0, 45.5%, 91.4%);
117
+ --kds-core-color-aquamarine-175: hsl(184.6, 48.1%, 89.4%);
118
+ --kds-core-color-aquamarine-250: hsl(185.8, 49.2%, 87.6%);
119
+ --kds-core-color-aquamarine-325: hsl(187.7, 51.7%, 76.5%);
120
+ --kds-core-color-aquamarine-400: hsl(189.4, 54.5%, 65.5%);
121
+ --kds-core-color-aquamarine-475: hsl(191.3, 57.1%, 54.3%);
122
+ --kds-core-color-aquamarine-550: hsl(193.1, 60.2%, 43.3%);
123
+ --kds-core-color-aquamarine-650: hsl(195.8, 61.5%, 37.6%);
124
+ --kds-core-color-aquamarine-725: hsl(198.2, 62.2%, 32.2%);
125
+ --kds-core-color-aquamarine-800: hsl(200.9, 63.2%, 26.7%);
126
+ --kds-core-color-aquamarine-875: hsl(203.5, 64.5%, 21.0%);
127
+ --kds-core-color-grassgreen-25: hsl(76.4, 52.4%, 95.9%);
128
+ --kds-core-color-grassgreen-50: hsl(73.3, 57.4%, 90.8%);
129
+ --kds-core-color-grassgreen-100: hsl(69.5, 59.5%, 85.5%);
130
+ --kds-core-color-grassgreen-175: hsl(66.5, 64.4%, 80.2%);
131
+ --kds-core-color-grassgreen-250: hsl(63.4, 68.5%, 75.1%);
132
+ --kds-core-color-grassgreen-325: hsl(64.6, 68.6%, 70.0%);
133
+ --kds-core-color-grassgreen-400: hsl(65.4, 68.5%, 65.1%);
134
+ --kds-core-color-grassgreen-475: hsl(66.0, 67.8%, 59.8%);
135
+ --kds-core-color-grassgreen-550: hsl(67.3, 67.8%, 54.9%);
136
+ --kds-core-color-grassgreen-650: hsl(68.6, 61.0%, 47.3%);
137
+ --kds-core-color-grassgreen-725: hsl(69.4, 53.5%, 39.6%);
138
+ --kds-core-color-grassgreen-800: hsl(71.1, 46.3%, 32.2%);
139
+ --kds-core-color-grassgreen-875: hsl(72.2, 39.2%, 24.5%);
140
+ --kds-core-color-brown-25: hsl(35, 60%, 95%);
141
+ --kds-core-color-brown-50: hsl(33, 55%, 89%);
142
+ --kds-core-color-brown-100: hsl(32, 50%, 82%);
143
+ --kds-core-color-brown-175: hsl(31, 48%, 74%);
144
+ --kds-core-color-brown-250: hsl(30, 47%, 68%);
145
+ --kds-core-color-brown-325: hsl(29, 43%, 58%);
146
+ --kds-core-color-brown-400: hsl(28, 39%, 50%);
147
+ --kds-core-color-brown-475: hsl(27, 35%, 44%);
148
+ --kds-core-color-brown-550: hsl(26, 32%, 39%);
149
+ --kds-core-color-brown-650: hsl(25, 30%, 35%);
150
+ --kds-core-color-brown-725: hsl(24, 28%, 30%);
151
+ --kds-core-color-brown-800: hsl(23, 27%, 24%);
152
+ --kds-core-color-brown-875: hsl(22, 25%, 18%);
153
+ --kds-core-color-transparent: hsl(345 0% 11.4% / 0);
154
154
  --kds-core-font-size-0-5x: 8px;
155
155
  --kds-core-font-size-0-56x: 9px;
156
156
  --kds-core-font-size-0-62x: 10px;
@@ -202,201 +202,201 @@
202
202
  --kds-core-border-width-s: 1.2496px;
203
203
  --kds-core-border-width-m: 1.5px;
204
204
  --kds-core-border-width-l: 2px;
205
- --kds-color-surface-default: light-dark(hsl(0 0% 98%), hsl(0 0% 16%));
206
- --kds-color-surface-muted: light-dark(hsl(0 0% 94%), hsl(0 0% 19%));
207
- --kds-color-surface-subtle: light-dark(hsl(0 0% 90%), hsl(0 0% 22%));
208
- --kds-color-page-default: light-dark(hsl(0 0% 99%), hsl(0 0% 13%));
209
- --kds-color-background-neutral-initial: hsl(330 0% 11% / 0);
210
- --kds-color-background-neutral-hover: light-dark(hsl(180 0% 48% / 0.1), hsl(300 0% 90% / 0.1));
211
- --kds-color-background-neutral-active: light-dark(hsl(180 0% 48% / 0.2), hsl(180 0% 48% / 0.36));
212
- --kds-color-background-neutral-bold-initial: light-dark(hsl(330 0% 73% / 0.4), hsl(0 0% 32%));
213
- --kds-color-background-neutral-bold-hover: light-dark(hsl(330 0% 63.406% / 0.4), hsl(0 0% 48%));
214
- --kds-color-background-neutral-bold-active: light-dark(hsl(180 0% 60.265% / 0.4), hsl(0 0% 73%));
215
- --kds-color-background-primary-initial: light-dark(hsl(168 47% 85%), hsl(170 31% 66%));
216
- --kds-color-background-primary-hover: light-dark(hsl(167.99 28.225% 77.432%), hsl(169.8 30.912% 68.747%));
217
- --kds-color-background-primary-active: light-dark(hsl(167.97 19.012% 70%), hsl(169.17 30.736% 78.281%));
218
- --kds-color-background-primary-bold-initial: light-dark(hsl(176 67% 22%), hsl(174 48% 31%));
219
- --kds-color-background-primary-bold-hover: light-dark(hsl(175.68 58.452% 19.462%), hsl(172.81 27.176% 42.604%));
220
- --kds-color-background-primary-bold-active: light-dark(hsl(175.24 49.005% 15.917%), hsl(171.42 19.56% 64.2%));
221
- --kds-color-background-selected-initial: light-dark(hsl(166 68% 93%), hsl(176 67% 22% / 0.32));
222
- --kds-color-background-selected-hover: light-dark(hsl(168 47% 85%), hsl(174 48% 31% / 0.56));
223
- --kds-color-background-selected-active: light-dark(hsl(169 34% 76%), hsl(172 27% 48% / 0.72));
224
- --kds-color-background-selected-bold-initial: light-dark(hsl(174 48% 31%), hsl(176 67% 22%));
225
- --kds-color-background-selected-bold-hover: light-dark(hsl(176 67% 22%), hsl(174 48% 31%));
226
- --kds-color-background-selected-bold-active: light-dark(hsl(177 82% 18%), hsl(172 27% 48%));
227
- --kds-color-background-danger-initial: light-dark(hsl(0 100% 97%), hsl(356.66 65.093% 15.235%));
228
- --kds-color-background-danger-hover: light-dark(hsl(2 100% 92%), hsl(349 91% 35% / 0.72));
229
- --kds-color-background-danger-active: light-dark(hsl(3 100% 86%), hsl(353 75% 45% / 0.72));
230
- --kds-color-background-danger-bold-initial: light-dark(hsl(349 91% 35%), hsl(348 97% 27%));
231
- --kds-color-background-danger-bold-hover: light-dark(hsl(348 97% 27%), hsl(353 75% 45% / 0.8));
232
- --kds-color-background-danger-bold-active: light-dark(hsl(348 94% 21%), hsl(356 77% 54% / 0.8));
233
- --kds-color-background-input-initial: light-dark(hsl(0 0% 99%), hsl(0 0% 22%));
205
+ --kds-color-surface-default: light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 15.7%));
206
+ --kds-color-surface-muted: light-dark(hsl(0, 0%, 94.1%), hsl(0, 0%, 18.8%));
207
+ --kds-color-surface-subtle: light-dark(hsl(0, 0%, 90.2%), hsl(0, 0%, 22%));
208
+ --kds-color-page-default: light-dark(hsl(0, 0%, 99%), hsl(0, 0%, 12.9%));
209
+ --kds-color-background-neutral-initial: hsl(345 0% 11.4% / 0);
210
+ --kds-color-background-neutral-hover: light-dark(hsl(340 0% 48.2% / 0.1), hsl(180 0% 90.2% / 0.1));
211
+ --kds-color-background-neutral-active: light-dark(hsl(340 0% 48.2% / 0.2), hsl(340 0% 48.2% / 0.36));
212
+ --kds-color-background-neutral-bold-initial: light-dark(hsl(210 0% 72.5% / 0.4), hsl(0, 0%, 32.2%));
213
+ --kds-color-background-neutral-bold-hover: light-dark(hsl(210 0% 62.977% / 0.4), hsl(0, 0%, 48.2%));
214
+ --kds-color-background-neutral-bold-active: light-dark(hsl(0 0% 59.859% / 0.4), hsl(0, 0%, 72.5%));
215
+ --kds-color-background-primary-initial: light-dark(hsl(168, 46.7%, 85.3%), hsl(169.8, 30.6%, 66.1%));
216
+ --kds-color-background-primary-hover: light-dark(hsl(167.99 27.818% 77.703%), hsl(169.6 30.517% 68.835%));
217
+ --kds-color-background-primary-active: light-dark(hsl(167.97 18.664% 70.242%), hsl(168.98 30.352% 78.334%));
218
+ --kds-color-background-primary-bold-initial: light-dark(hsl(176.1, 66.7%, 22.4%), hsl(174.4, 47.8%, 30.8%));
219
+ --kds-color-background-primary-bold-hover: light-dark(hsl(175.79 58.284% 19.792%), hsl(173.26 27.023% 42.409%));
220
+ --kds-color-background-primary-bold-active: light-dark(hsl(175.36 48.936% 16.164%), hsl(171.91 19.296% 64.061%));
221
+ --kds-color-background-selected-initial: light-dark(hsl(165.6, 67.6%, 92.7%), hsl(176.1 66.7% 22.4% / 0.32));
222
+ --kds-color-background-selected-hover: light-dark(hsl(168, 46.7%, 85.3%), hsl(174.4 47.8% 30.8% / 0.56));
223
+ --kds-color-background-selected-active: light-dark(hsl(168.8, 34.4%, 75.5%), hsl(171.8 27% 47.8% / 0.72));
224
+ --kds-color-background-selected-bold-initial: light-dark(hsl(174.4, 47.8%, 30.8%), hsl(176.1, 66.7%, 22.4%));
225
+ --kds-color-background-selected-bold-hover: light-dark(hsl(176.1, 66.7%, 22.4%), hsl(174.4, 47.8%, 30.8%));
226
+ --kds-color-background-selected-bold-active: light-dark(hsl(176.7, 82%, 17.5%), hsl(171.8, 27%, 47.8%));
227
+ --kds-color-background-danger-initial: light-dark(hsl(0, 100%, 97.1%), hsl(356.76 65.215% 15.117%));
228
+ --kds-color-background-danger-hover: light-dark(hsl(1.5, 100%, 92.4%), hsl(348.8 90.9% 34.5% / 0.72));
229
+ --kds-color-background-danger-active: light-dark(hsl(3.4, 100%, 86.1%), hsl(353 74.7% 44.9% / 0.72));
230
+ --kds-color-background-danger-bold-initial: light-dark(hsl(348.8, 90.9%, 34.5%), hsl(347.6, 97.1%, 27.3%));
231
+ --kds-color-background-danger-bold-hover: light-dark(hsl(347.6, 97.1%, 27.3%), hsl(353 74.7% 44.9% / 0.8));
232
+ --kds-color-background-danger-bold-active: light-dark(hsl(348, 94.3%, 20.8%), hsl(356.3 76.8% 54.3% / 0.8));
233
+ --kds-color-background-input-initial: light-dark(hsl(0, 0%, 99%), hsl(0, 0%, 22%));
234
234
  --kds-color-background-input-hover: light-dark(hsl(330 0% 94.521%), hsl(330 0% 30.187%));
235
235
  --kds-color-background-input-active: light-dark(hsl(330 0% 85.683%), hsl(336 0% 38.771%));
236
- --kds-color-background-disabled-default: hsl(180 0% 48% / 0.48);
237
- --kds-color-background-disabled-primary: hsl(173.77 18.031% 40.307%);
238
- --kds-color-background-disabled-danger: hsl(1.5788 43.542% 37.998%);
239
- --kds-color-background-success-bold-initial: light-dark(hsl(111 48% 31%), hsl(124 47% 21%));
240
- --kds-color-background-info-bold-initial: light-dark(hsl(209 57% 50%), hsl(212 78% 68%));
241
- --kds-color-background-info-bold-hover: light-dark(hsl(208 63% 41%), hsl(214 92% 77%));
242
- --kds-color-background-info-bold-active: light-dark(hsl(208 61% 34%), hsl(215 100% 84%));
243
- --kds-color-background-static-info: light-dark(hsl(217 100% 97%), hsl(210 50% 28%));
244
- --kds-color-background-static-info-muted: light-dark(hsl(217.11 100.13% 97.725%), hsl(211.86 41.035% 17.864%));
245
- --kds-color-background-static-warning: light-dark(hsl(30 95% 92%), hsl(13 66% 23%));
246
- --kds-color-background-static-warning-muted: light-dark(hsl(29.611 97.821% 95.88%), hsl(14.626 60.206% 14.715%));
247
- --kds-color-background-static-danger: light-dark(hsl(2 100% 92%), hsl(348 97% 27%));
248
- --kds-color-background-static-danger-muted: light-dark(hsl(0 100% 97%), hsl(356.66 65.093% 15.235%));
249
- --kds-color-background-static-success: light-dark(hsl(119.44 95.797% 93.942%), hsl(124 47% 21%));
250
- --kds-color-background-static-success-muted: light-dark(hsl(124.89 65.088% 97.723%), hsl(128.09 38.652% 10.529%));
251
- --kds-color-background-static-brand: hsl(51 100% 50%);
252
- --kds-color-background-static-overlay: light-dark(hsl(0 0% 13%), hsl(0 0% 22%));
253
- --kds-color-background-static-chart-0: light-dark(hsl(0 0% 94%), hsl(0 0% 32%));
254
- --kds-color-background-static-chart-1: light-dark(hsl(176 67% 22%), hsl(173 37% 39%));
255
- --kds-color-background-static-chart-2: light-dark(hsl(172 27% 48%), hsl(176 67% 22%));
256
- --kds-color-text-and-icon-neutral: light-dark(hsl(0 0% 16%), hsl(0 0% 94%));
257
- --kds-color-text-and-icon-muted: light-dark(hsl(0 0% 32%), hsl(0 0% 90%));
258
- --kds-color-text-and-icon-subtle: light-dark(hsl(0 0% 43%), hsl(0 0% 73%));
259
- --kds-color-text-and-icon-neutral-inverted: light-dark(hsl(0 0% 98%), hsl(0 0% 16%));
260
- --kds-color-text-and-icon-primary: hsl(176 67% 22%);
261
- --kds-color-text-and-icon-primary-inverted: hsl(166 68% 93%);
262
- --kds-color-text-and-icon-selected: light-dark(hsl(176 67% 22%), hsl(169 34% 76%));
263
- --kds-color-text-and-icon-selected-inverted: hsl(165 80% 96%);
264
- --kds-color-text-and-icon-warning: light-dark(hsl(19 63% 38%), hsl(31 83% 66%));
265
- --kds-color-text-and-icon-warning-inverted: hsl(31 100% 83%);
266
- --kds-color-text-and-icon-danger: light-dark(hsl(349 91% 35%), hsl(4 100% 80%));
267
- --kds-color-text-and-icon-danger-inverted: light-dark(hsl(0 100% 97%), hsl(2 100% 92%));
268
- --kds-color-text-and-icon-success: light-dark(hsl(116 47% 26%), hsl(109 47% 61%));
269
- --kds-color-text-and-icon-success-inverted: hsl(120 95% 92%);
270
- --kds-color-text-and-icon-disabled: light-dark(hsl(0 0% 64%), hsl(0 0% 48%));
271
- --kds-color-text-and-icon-disabled-inverted: hsl(0 0% 73%);
272
- --kds-color-text-and-icon-info: light-dark(hsl(208 61% 34%), hsl(214 92% 77%));
273
- --kds-color-text-and-icon-editor: light-dark(hsl(0 0% 11%), hsl(0 0% 94%));
274
- --kds-color-border-neutral: light-dark(hsl(345 0% 10% / 0.4), hsl(330 0% 99% / 0.5));
275
- --kds-color-border-muted: light-dark(hsl(345 0% 10% / 0.2), hsl(330 0% 99% / 0.2));
276
- --kds-color-border-subtle: light-dark(hsl(345 0% 10% / 0.1), hsl(330 0% 99% / 0.1));
277
- --kds-color-border-primary-bold: hsl(177 82% 18%);
278
- --kds-color-border-primary: light-dark(hsl(170 31% 66%), hsl(169 34% 76%));
279
- --kds-color-border-selected-bold: light-dark(hsl(174 48% 31%), hsl(169 34% 76%));
280
- --kds-color-border-selected: light-dark(hsl(172 27% 48%), hsl(168 47% 85%));
281
- --kds-color-border-selected-accent: light-dark(hsl(209 57% 50%), hsl(214 92% 77%));
282
- --kds-color-border-warning-bold: light-dark(hsl(19 63% 38%), hsl(31 100% 83%));
283
- --kds-color-border-warning: light-dark(hsl(31 79% 74%), hsl(13 66% 23%));
284
- --kds-color-border-danger-bold: light-dark(hsl(349 91% 35%), hsl(4 100% 80%));
285
- --kds-color-border-danger: light-dark(hsl(3 100% 86%), hsl(348 94% 21%));
286
- --kds-color-border-success-bold: light-dark(hsl(116 47% 26%), hsl(112 57% 71%));
287
- --kds-color-border-success: light-dark(hsl(112 57% 71%), hsl(124 47% 21%));
288
- --kds-color-border-info-bold: light-dark(hsl(208 61% 34%), hsl(215 100% 84%));
289
- --kds-color-border-info: light-dark(hsl(215 100% 84%), hsl(210 50% 28%));
290
- --kds-color-border-transparent: hsl(330 0% 11% / 0);
291
- --kds-color-border-disabled: light-dark(hsl(0 0% 73%), hsl(0 0% 48%));
292
- --kds-color-border-brand: hsl(51 100% 50%);
293
- --kds-color-border-neutral-bold-initial: light-dark(hsl(345 0% 10% / 0.4), hsl(330 0% 99% / 0.4));
294
- --kds-color-border-neutral-bold-hover: light-dark(hsl(345 0% 10% / 0.64), hsl(330 0% 99% / 0.58));
295
- --kds-color-border-neutral-bold-active: light-dark(hsl(345 0% 10% / 0.74), hsl(330 0% 99% / 0.68));
296
- --kds-color-focus-outline: light-dark(hsl(209 57% 50%), hsl(214 92% 77%));
297
- --kds-color-focus-background: light-dark(hsl(216 100% 92% / 0.4), hsl(209 50% 20% / 0.5));
298
- --kds-color-blanket-default: hsl(330 0% 11% / 0.8);
299
- --kds-color-nodes-and-variables-flow-variable: light-dark(hsl(360 84% 63%), hsl(0 100% 66%));
300
- --kds-color-nodes-and-variables-loop: hsl(188 52% 77%);
301
- --kds-color-nodes-and-variables-manipulator: hsl(51 100% 50%);
302
- --kds-color-nodes-and-variables-predictor: light-dark(hsl(107 43% 55%), hsl(109 47% 61%));
303
- --kds-color-nodes-and-variables-source: hsl(30 80% 60%);
304
- --kds-color-nodes-and-variables-visualizer: light-dark(hsl(193 60% 43%), hsl(191 57% 54%));
305
- --kds-color-nodes-and-variables-scope: light-dark(hsl(305 27% 47%), hsl(308 32% 55%));
306
- --kds-color-nodes-and-variables-learner: light-dark(hsl(67 68% 55%), hsl(65 69% 65%));
307
- --kds-color-nodes-and-variables-sink: light-dark(hsl(360 84% 63%), hsl(0 100% 66%));
308
- --kds-color-nodes-and-variables-container: hsl(69 54% 40%);
309
- --kds-color-nodes-and-variables-unknown: light-dark(hsl(353 75% 45%), hsl(356 77% 54%));
310
- --kds-color-nodes-and-variables-other: light-dark(hsl(29 43% 58%), hsl(30 47% 68%));
311
- --kds-color-nodes-and-variables-metanode: light-dark(hsl(0 0% 99%), hsl(0 0% 13%));
312
- --kds-color-nodes-and-variables-metanode-border: light-dark(hsl(0 0% 32%), hsl(0 0% 94%));
313
- --kds-color-nodes-and-variables-component: light-dark(hsl(0 0% 73%), hsl(0 0% 43%));
314
- --kds-color-nodes-and-variables-special-state: light-dark(hsl(0 0% 99%), hsl(0 0% 13%));
315
- --kds-color-nodes-and-variables-forbidden-border: light-dark(hsl(0 0% 19%), hsl(0 0% 90%));
316
- --kds-color-nodes-and-variables-forbidden: light-dark(hsl(0 0% 90%), hsl(0 0% 22%));
317
- --kds-color-nodes-and-variables-warning-border: light-dark(hsl(19 63% 38%), hsl(31 83% 66%));
318
- --kds-color-nodes-and-variables-warning: light-dark(hsl(31 100% 83%), hsl(0 0% 22%));
319
- --kds-color-nodes-and-variables-error-border: light-dark(hsl(349 91% 35%), hsl(0 100% 66%));
320
- --kds-color-nodes-and-variables-error: light-dark(hsl(2 100% 92%), hsl(0 0% 22%));
321
- --kds-color-nodes-and-variables-loading-border: light-dark(hsl(208 61% 34%), hsl(215 100% 84%));
322
- --kds-color-nodes-and-variables-loading: light-dark(hsl(216 100% 92%), hsl(209 50% 20%));
323
- --kds-color-nodes-and-variables-configuration: light-dark(hsl(65 69% 70%), hsl(70 60% 86%));
324
- --kds-color-nodes-and-variables-quickform: light-dark(hsl(212 78% 68%), hsl(215 100% 84%));
325
- --kds-color-port-data: light-dark(hsl(0 0% 11%), hsl(0 0% 94%));
326
- --kds-color-port-flow-variable: hsl(360 84% 63%);
327
- --kds-color-port-neutral-inverted: light-dark(hsl(0 0% 99%), hsl(0 0% 13%));
328
- --kds-color-annotations-special-nodes: light-dark(hsl(0 0% 73%), hsl(0 0% 32%));
329
- --kds-color-annotations-special-nodes-bold: light-dark(hsl(0 0% 32%), hsl(0 0% 90%));
330
- --kds-color-annotations-visualizer: light-dark(hsl(193 60% 43%), hsl(191 57% 54%));
331
- --kds-color-annotations-loading-bold: light-dark(hsl(208 61% 34%), hsl(215 100% 84%));
332
- --kds-color-annotations-manipulator: hsl(51 100% 50%);
333
- --kds-color-annotations-source: hsl(30 80% 60%);
334
- --kds-color-annotations-sink: light-dark(hsl(360 84% 63%), hsl(0 100% 66%));
335
- --kds-color-annotations-learner: light-dark(hsl(67 68% 55%), hsl(65 69% 65%));
336
- --kds-color-annotations-predictor: light-dark(hsl(107 43% 55%), hsl(109 47% 61%));
337
- --kds-color-annotations-container: light-dark(hsl(67 64% 80%), hsl(70 60% 86%));
338
- --kds-color-annotations-flow-variable: light-dark(hsl(173 37% 39%), hsl(172 27% 48%));
339
- --kds-color-annotations-teal-dark: light-dark(hsl(177 82% 18%), hsl(176 67% 22%));
340
- --kds-color-annotations-other: light-dark(hsl(29 43% 58%), hsl(30 47% 68%));
341
- --kds-color-annotations-loop: light-dark(hsl(25 30% 35%), hsl(27 35% 44%));
342
- --kds-color-state-error: light-dark(hsl(353 75% 45%), hsl(348 97% 27%));
343
- --kds-color-state-error-border: light-dark(hsl(348 94% 21%), hsl(3 100% 72%));
344
- --kds-color-state-warning: light-dark(hsl(48 100% 68%), hsl(44 100% 26%));
345
- --kds-color-state-warning-border: light-dark(hsl(19 63% 38%), hsl(49 99% 44%));
346
- --kds-color-state-success: light-dark(hsl(107 43% 55%), hsl(108 46% 37%));
347
- --kds-color-state-success-border: light-dark(hsl(116 47% 26%), hsl(107 43% 55%));
348
- --kds-color-state-loading: light-dark(hsl(208 61% 34%), hsl(215 100% 84%));
349
- --kds-color-state-inactive: light-dark(hsl(0 0% 99%), hsl(0 0% 11%));
350
- --kds-color-state-inactive-border: light-dark(hsl(0 0% 90%), hsl(0 0% 32%));
351
- --kds-color-state-disabled: light-dark(hsl(0 0% 73%), hsl(0 0% 22%));
352
- --kds-color-state-disabled-border: hsl(0 0% 48%);
353
- --kds-color-state-background: light-dark(hsl(0 0% 90%), hsl(0 0% 32%));
354
- --kds-color-connector-data: light-dark(hsl(0 0% 16%), hsl(0 0% 94%));
355
- --kds-color-connector-flow-variable: hsl(360 84% 63%);
356
- --kds-color-elevation-top: light-dark(hsl(330 0% 73% / 0.32), hsl(345 0% 10% / 0.9));
357
- --kds-color-elevation-middle: light-dark(hsl(330 0% 32% / 0.14), hsl(345 0% 10% / 0.94));
358
- --kds-color-elevation-bottom: light-dark(hsl(330 0% 32% / 0.12), hsl(345 0% 10% / 0.98));
359
- --kds-color-elevation-knob: light-dark(hsl(330 0% 32% / 0.5), hsl(345 0% 10% / 0.6));
360
- --kds-color-desktop-header-background-default: hsl(0 0% 10%);
361
- --kds-color-desktop-header-background-muted: light-dark(hsl(0 0% 98%), hsl(0 0% 16%));
362
- --kds-color-desktop-header-background-accent: light-dark(hsl(0 0% 98%), hsl(0 0% 16%));
363
- --kds-color-desktop-header-text-and-icon-neutral: light-dark(hsl(0 0% 16%), hsl(0 0% 94%));
364
- --kds-color-desktop-header-text-and-icon-muted: light-dark(hsl(0 0% 32%), hsl(0 0% 90%));
365
- --kds-color-desktop-header-border-default: light-dark(hsl(345 0% 10% / 0.1), hsl(330 0% 99% / 0.1));
366
- --kds-color-table-header-background-default: hsl(0 0% 99%);
367
- --kds-color-toggle-switch-knob-initial: hsl(0 0% 99%);
368
- --kds-color-toggle-switch-knob-disabled: hsl(0 0% 90%);
369
- --kds-color-toggle-switch-icon-on: hsl(176 67% 22%);
370
- --kds-color-toggle-switch-icon-off: hsl(0 0% 43%);
371
- --kds-color-toggle-switch-icon-disabled: hsl(0 0% 64%);
372
- --kds-color-loading-spinner-progress-on-primary: hsl(166 68% 93%);
373
- --kds-color-loading-spinner-progress-on-surface: light-dark(hsl(0 0% 16%), hsl(0 0% 94%));
374
- --kds-color-loading-spinner-track-on-primary: hsl(166 68% 93% / 0.24);
375
- --kds-color-loading-spinner-track-on-surface: light-dark(hsl(120 0% 16% / 0.24), hsl(0 0% 94% / 0.24));
376
- --kds-color-tooltip-background-default: light-dark(hsl(0 0% 13%), hsl(0 0% 22%));
377
- --kds-color-tooltip-text-and-icon-neutral: hsl(0 0% 98%);
378
- --kds-color-text-highlight-background-default: hsl(212 78% 68% / 0.6);
379
- --kds-color-avatar-background-red: hsl(4 100% 80%);
380
- --kds-color-avatar-background-orange: hsl(31 83% 66%);
381
- --kds-color-avatar-background-yellow: hsl(51 100% 50%);
382
- --kds-color-avatar-background-green: hsl(109 47% 61%);
383
- --kds-color-avatar-background-teal: hsl(170 31% 66%);
384
- --kds-color-avatar-background-blue: hsl(214 92% 77%);
385
- --kds-color-avatar-background-purple: hsl(320 45% 82%);
386
- --kds-color-avatar-background-aquamarine: hsl(186 49% 88%);
387
- --kds-color-avatar-background-grassgreen: hsl(63 69% 75%);
388
- --kds-color-avatar-background-brown: hsl(30 47% 68%);
236
+ --kds-color-background-disabled-default: hsl(340 0% 48.2% / 0.48);
237
+ --kds-color-background-disabled-primary: hsl(173.91 18.134% 40.592%);
238
+ --kds-color-background-disabled-danger: hsl(1.3489 43.031% 37.79%);
239
+ --kds-color-background-success-bold-initial: light-dark(hsl(111.3, 47.5%, 31.4%), hsl(123.7, 46.7%, 20.6%));
240
+ --kds-color-background-info-bold-initial: light-dark(hsl(209.4, 57.3%, 49.6%), hsl(212.1, 78.2%, 67.6%));
241
+ --kds-color-background-info-bold-hover: light-dark(hsl(208.2, 62.9%, 41.2%), hsl(213.6, 91.6%, 76.7%));
242
+ --kds-color-background-info-bold-active: light-dark(hsl(208.3, 60.5%, 33.7%), hsl(214.5, 100%, 84.3%));
243
+ --kds-color-background-static-info: light-dark(hsl(216.7, 100%, 96.5%), hsl(210, 50%, 27.5%));
244
+ --kds-color-background-static-info-muted: light-dark(hsl(216.83 100.14% 97.347%), hsl(211.86 40.97% 17.58%));
245
+ --kds-color-background-static-warning: light-dark(hsl(30, 95.2%, 91.8%), hsl(13.1, 66.1%, 23.1%));
246
+ --kds-color-background-static-warning-muted: light-dark(hsl(29.601 98.108% 95.778%), hsl(14.687 60.252% 14.775%));
247
+ --kds-color-background-static-danger: light-dark(hsl(1.5, 100%, 92.4%), hsl(347.6, 97.1%, 27.3%));
248
+ --kds-color-background-static-danger-muted: light-dark(hsl(0, 100%, 97.1%), hsl(356.76 65.215% 15.117%));
249
+ --kds-color-background-static-success: light-dark(hsl(119.4 96.139% 93.64%), hsl(123.7, 46.7%, 20.6%));
250
+ --kds-color-background-static-success-muted: light-dark(hsl(125.38 64.795% 97.496%), hsl(128.3 38.542% 10.352%));
251
+ --kds-color-background-static-brand: hsl(50.8, 100%, 50%);
252
+ --kds-color-background-static-overlay: light-dark(hsl(0, 0%, 12.9%), hsl(0, 0%, 22%));
253
+ --kds-color-background-static-chart-0: light-dark(hsl(0, 0%, 94.1%), hsl(0, 0%, 32.2%));
254
+ --kds-color-background-static-chart-1: light-dark(hsl(176.1, 66.7%, 22.4%), hsl(173.4, 37.1%, 38.6%));
255
+ --kds-color-background-static-chart-2: light-dark(hsl(171.8, 27%, 47.8%), hsl(176.1, 66.7%, 22.4%));
256
+ --kds-color-text-and-icon-neutral: light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%));
257
+ --kds-color-text-and-icon-muted: light-dark(hsl(0, 0%, 32.2%), hsl(0, 0%, 90.2%));
258
+ --kds-color-text-and-icon-subtle: light-dark(hsl(0, 0%, 43%), hsl(0, 0%, 72.5%));
259
+ --kds-color-text-and-icon-neutral-inverted: light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 15.7%));
260
+ --kds-color-text-and-icon-primary: hsl(176.1, 66.7%, 22.4%);
261
+ --kds-color-text-and-icon-primary-inverted: hsl(165.6, 67.6%, 92.7%);
262
+ --kds-color-text-and-icon-selected: light-dark(hsl(176.1, 66.7%, 22.4%), hsl(168.8, 34.4%, 75.5%));
263
+ --kds-color-text-and-icon-selected-inverted: hsl(165, 80%, 96.1%);
264
+ --kds-color-text-and-icon-warning: light-dark(hsl(19, 63.1%, 38.2%), hsl(31.2, 82.8%, 65.9%));
265
+ --kds-color-text-and-icon-warning-inverted: hsl(31, 100%, 82.5%);
266
+ --kds-color-text-and-icon-danger: light-dark(hsl(348.8, 90.9%, 34.5%), hsl(3.5, 100%, 79.6%));
267
+ --kds-color-text-and-icon-danger-inverted: light-dark(hsl(0, 100%, 97.1%), hsl(1.5, 100%, 92.4%));
268
+ --kds-color-text-and-icon-success: light-dark(hsl(116.1, 46.6%, 25.7%), hsl(109, 47.2%, 61.4%));
269
+ --kds-color-text-and-icon-success-inverted: hsl(120, 95.3%, 91.6%);
270
+ --kds-color-text-and-icon-disabled: light-dark(hsl(0, 0%, 64%), hsl(0, 0%, 48.2%));
271
+ --kds-color-text-and-icon-disabled-inverted: hsl(0, 0%, 72.5%);
272
+ --kds-color-text-and-icon-info: light-dark(hsl(208.3, 60.5%, 33.7%), hsl(213.6, 91.6%, 76.7%));
273
+ --kds-color-text-and-icon-editor: light-dark(hsl(0, 0%, 11.4%), hsl(0, 0%, 94.1%));
274
+ --kds-color-border-neutral: light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.5));
275
+ --kds-color-border-muted: light-dark(hsl(330 0% 10.2% / 0.2), hsl(330 0% 99% / 0.2));
276
+ --kds-color-border-subtle: light-dark(hsl(330 0% 10.2% / 0.1), hsl(330 0% 99% / 0.1));
277
+ --kds-color-border-primary-bold: hsl(176.7, 82%, 17.5%);
278
+ --kds-color-border-primary: light-dark(hsl(169.8, 30.6%, 66.1%), hsl(168.8, 34.4%, 75.5%));
279
+ --kds-color-border-selected-bold: light-dark(hsl(174.4, 47.8%, 30.8%), hsl(168.8, 34.4%, 75.5%));
280
+ --kds-color-border-selected: light-dark(hsl(171.8, 27%, 47.8%), hsl(168, 46.7%, 85.3%));
281
+ --kds-color-border-selected-accent: light-dark(hsl(209.4, 57.3%, 49.6%), hsl(213.6, 91.6%, 76.7%));
282
+ --kds-color-border-warning-bold: light-dark(hsl(19, 63.1%, 38.2%), hsl(31, 100%, 82.5%));
283
+ --kds-color-border-warning: light-dark(hsl(30.8, 79.3%, 73.5%), hsl(13.1, 66.1%, 23.1%));
284
+ --kds-color-border-danger-bold: light-dark(hsl(348.8, 90.9%, 34.5%), hsl(3.5, 100%, 79.6%));
285
+ --kds-color-border-danger: light-dark(hsl(3.4, 100%, 86.1%), hsl(348, 94.3%, 20.8%));
286
+ --kds-color-border-success-bold: light-dark(hsl(116.1, 46.6%, 25.7%), hsl(112, 56.5%, 71.2%));
287
+ --kds-color-border-success: light-dark(hsl(112, 56.5%, 71.2%), hsl(123.7, 46.7%, 20.6%));
288
+ --kds-color-border-info-bold: light-dark(hsl(208.3, 60.5%, 33.7%), hsl(214.5, 100%, 84.3%));
289
+ --kds-color-border-info: light-dark(hsl(214.5, 100%, 84.3%), hsl(210, 50%, 27.5%));
290
+ --kds-color-border-transparent: hsl(345 0% 11.4% / 0);
291
+ --kds-color-border-disabled: light-dark(hsl(0, 0%, 72.5%), hsl(0, 0%, 48.2%));
292
+ --kds-color-border-brand: hsl(50.8, 100%, 50%);
293
+ --kds-color-border-neutral-bold-initial: light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.4));
294
+ --kds-color-border-neutral-bold-hover: light-dark(hsl(330 0% 10.2% / 0.64), hsl(330 0% 99% / 0.58));
295
+ --kds-color-border-neutral-bold-active: light-dark(hsl(330 0% 10.2% / 0.74), hsl(330 0% 99% / 0.68));
296
+ --kds-color-focus-outline: light-dark(hsl(209.4, 57.3%, 49.6%), hsl(213.6, 91.6%, 76.7%));
297
+ --kds-color-focus-background: light-dark(hsl(215.7 100% 91.8% / 0.4), hsl(209.4 49.5% 20.2% / 0.5));
298
+ --kds-color-blanket-default: hsl(345 0% 11.4% / 0.8);
299
+ --kds-color-nodes-and-variables-flow-variable: light-dark(hsl(359.6, 84.3%, 62.5%), hsl(0, 100%, 66.1%));
300
+ --kds-color-nodes-and-variables-loop: hsl(187.7, 51.7%, 76.5%);
301
+ --kds-color-nodes-and-variables-manipulator: hsl(50.8, 100%, 50%);
302
+ --kds-color-nodes-and-variables-predictor: light-dark(hsl(106.5, 42.6%, 54.9%), hsl(109, 47.2%, 61.4%));
303
+ --kds-color-nodes-and-variables-source: hsl(30, 80.4%, 60%);
304
+ --kds-color-nodes-and-variables-visualizer: light-dark(hsl(193.1, 60.2%, 43.3%), hsl(191.3, 57.1%, 54.3%));
305
+ --kds-color-nodes-and-variables-scope: light-dark(hsl(304.6, 27.4%, 46.5%), hsl(308.3, 31.6%, 55.3%));
306
+ --kds-color-nodes-and-variables-learner: light-dark(hsl(67.3, 67.8%, 54.9%), hsl(65.4, 68.5%, 65.1%));
307
+ --kds-color-nodes-and-variables-sink: light-dark(hsl(359.6, 84.3%, 62.5%), hsl(0, 100%, 66.1%));
308
+ --kds-color-nodes-and-variables-container: hsl(69.4, 53.5%, 39.6%);
309
+ --kds-color-nodes-and-variables-unknown: light-dark(hsl(353, 74.7%, 44.9%), hsl(356.3, 76.8%, 54.3%));
310
+ --kds-color-nodes-and-variables-other: light-dark(hsl(29, 43%, 58%), hsl(30, 47%, 68%));
311
+ --kds-color-nodes-and-variables-metanode: light-dark(hsl(0, 0%, 99%), hsl(0, 0%, 12.9%));
312
+ --kds-color-nodes-and-variables-metanode-border: light-dark(hsl(0, 0%, 32.2%), hsl(0, 0%, 94.1%));
313
+ --kds-color-nodes-and-variables-component: light-dark(hsl(0, 0%, 72.5%), hsl(0, 0%, 43%));
314
+ --kds-color-nodes-and-variables-special-state: light-dark(hsl(0, 0%, 99%), hsl(0, 0%, 12.9%));
315
+ --kds-color-nodes-and-variables-forbidden-border: light-dark(hsl(0, 0%, 18.8%), hsl(0, 0%, 90.2%));
316
+ --kds-color-nodes-and-variables-forbidden: light-dark(hsl(0, 0%, 90.2%), hsl(0, 0%, 22%));
317
+ --kds-color-nodes-and-variables-warning-border: light-dark(hsl(19, 63.1%, 38.2%), hsl(31.2, 82.8%, 65.9%));
318
+ --kds-color-nodes-and-variables-warning: light-dark(hsl(31, 100%, 82.5%), hsl(0, 0%, 22%));
319
+ --kds-color-nodes-and-variables-error-border: light-dark(hsl(348.8, 90.9%, 34.5%), hsl(0, 100%, 66.1%));
320
+ --kds-color-nodes-and-variables-error: light-dark(hsl(1.5, 100%, 92.4%), hsl(0, 0%, 22%));
321
+ --kds-color-nodes-and-variables-loading-border: light-dark(hsl(208.3, 60.5%, 33.7%), hsl(214.5, 100%, 84.3%));
322
+ --kds-color-nodes-and-variables-loading: light-dark(hsl(215.7, 100%, 91.8%), hsl(209.4, 49.5%, 20.2%));
323
+ --kds-color-nodes-and-variables-configuration: light-dark(hsl(64.6, 68.6%, 70.0%), hsl(69.5, 59.5%, 85.5%));
324
+ --kds-color-nodes-and-variables-quickform: light-dark(hsl(212.1, 78.2%, 67.6%), hsl(214.5, 100%, 84.3%));
325
+ --kds-color-port-data: light-dark(hsl(0, 0%, 11.4%), hsl(0, 0%, 94.1%));
326
+ --kds-color-port-flow-variable: hsl(359.6, 84.3%, 62.5%);
327
+ --kds-color-port-neutral-inverted: light-dark(hsl(0, 0%, 99%), hsl(0, 0%, 12.9%));
328
+ --kds-color-annotations-special-nodes: light-dark(hsl(0, 0%, 72.5%), hsl(0, 0%, 32.2%));
329
+ --kds-color-annotations-special-nodes-bold: light-dark(hsl(0, 0%, 32.2%), hsl(0, 0%, 90.2%));
330
+ --kds-color-annotations-visualizer: light-dark(hsl(193.1, 60.2%, 43.3%), hsl(191.3, 57.1%, 54.3%));
331
+ --kds-color-annotations-loading-bold: light-dark(hsl(208.3, 60.5%, 33.7%), hsl(214.5, 100%, 84.3%));
332
+ --kds-color-annotations-manipulator: hsl(50.8, 100%, 50%);
333
+ --kds-color-annotations-source: hsl(30, 80.4%, 60%);
334
+ --kds-color-annotations-sink: light-dark(hsl(359.6, 84.3%, 62.5%), hsl(0, 100%, 66.1%));
335
+ --kds-color-annotations-learner: light-dark(hsl(67.3, 67.8%, 54.9%), hsl(65.4, 68.5%, 65.1%));
336
+ --kds-color-annotations-predictor: light-dark(hsl(106.5, 42.6%, 54.9%), hsl(109, 47.2%, 61.4%));
337
+ --kds-color-annotations-container: light-dark(hsl(66.5, 64.4%, 80.2%), hsl(69.5, 59.5%, 85.5%));
338
+ --kds-color-annotations-flow-variable: light-dark(hsl(173.4, 37.1%, 38.6%), hsl(171.8, 27%, 47.8%));
339
+ --kds-color-annotations-teal-dark: light-dark(hsl(176.7, 82%, 17.5%), hsl(176.1, 66.7%, 22.4%));
340
+ --kds-color-annotations-other: light-dark(hsl(29, 43%, 58%), hsl(30, 47%, 68%));
341
+ --kds-color-annotations-loop: light-dark(hsl(25, 30%, 35%), hsl(27, 35%, 44%));
342
+ --kds-color-state-error: light-dark(hsl(353, 74.7%, 44.9%), hsl(347.6, 97.1%, 27.3%));
343
+ --kds-color-state-error-border: light-dark(hsl(348, 94.3%, 20.8%), hsl(2.6, 100%, 72.4%));
344
+ --kds-color-state-warning: light-dark(hsl(47.6, 100%, 67.6%), hsl(43.9, 100%, 26.3%));
345
+ --kds-color-state-warning-border: light-dark(hsl(19, 63.1%, 38.2%), hsl(49.1, 99.1%, 43.7%));
346
+ --kds-color-state-success: light-dark(hsl(106.5, 42.6%, 54.9%), hsl(107.6, 46%, 37.1%));
347
+ --kds-color-state-success-border: light-dark(hsl(116.1, 46.6%, 25.7%), hsl(106.5, 42.6%, 54.9%));
348
+ --kds-color-state-loading: light-dark(hsl(208.3, 60.5%, 33.7%), hsl(214.5, 100%, 84.3%));
349
+ --kds-color-state-inactive: light-dark(hsl(0, 0%, 99%), hsl(0, 0%, 11.4%));
350
+ --kds-color-state-inactive-border: light-dark(hsl(0, 0%, 90.2%), hsl(0, 0%, 32.2%));
351
+ --kds-color-state-disabled: light-dark(hsl(0, 0%, 72.5%), hsl(0, 0%, 22%));
352
+ --kds-color-state-disabled-border: hsl(0, 0%, 48.2%);
353
+ --kds-color-state-background: light-dark(hsl(0, 0%, 90.2%), hsl(0, 0%, 32.2%));
354
+ --kds-color-connector-data: light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%));
355
+ --kds-color-connector-flow-variable: hsl(359.6, 84.3%, 62.5%);
356
+ --kds-color-elevation-top: light-dark(hsl(210 0% 72.5% / 0.32), hsl(330 0% 10.2% / 0.9));
357
+ --kds-color-elevation-middle: light-dark(hsl(180 0% 32.2% / 0.14), hsl(330 0% 10.2% / 0.94));
358
+ --kds-color-elevation-bottom: light-dark(hsl(180 0% 32.2% / 0.12), hsl(330 0% 10.2% / 0.98));
359
+ --kds-color-elevation-knob: light-dark(hsl(180 0% 32.2% / 0.5), hsl(330 0% 10.2% / 0.6));
360
+ --kds-color-desktop-header-background-default: hsl(0, 0%, 10.2%);
361
+ --kds-color-desktop-header-background-muted: light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 15.7%));
362
+ --kds-color-desktop-header-background-accent: light-dark(hsl(0, 0%, 98%), hsl(0, 0%, 15.7%));
363
+ --kds-color-desktop-header-text-and-icon-neutral: light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%));
364
+ --kds-color-desktop-header-text-and-icon-muted: light-dark(hsl(0, 0%, 32.2%), hsl(0, 0%, 90.2%));
365
+ --kds-color-desktop-header-border-default: light-dark(hsl(330 0% 10.2% / 0.1), hsl(330 0% 99% / 0.1));
366
+ --kds-color-table-header-background-default: hsl(0, 0%, 99%);
367
+ --kds-color-toggle-switch-knob-initial: hsl(0, 0%, 99%);
368
+ --kds-color-toggle-switch-knob-disabled: hsl(0, 0%, 90.2%);
369
+ --kds-color-toggle-switch-icon-on: hsl(176.1, 66.7%, 22.4%);
370
+ --kds-color-toggle-switch-icon-off: hsl(0, 0%, 43%);
371
+ --kds-color-toggle-switch-icon-disabled: hsl(0, 0%, 64%);
372
+ --kds-color-loading-spinner-progress-on-primary: hsl(165.6 67.6% 92.7%);
373
+ --kds-color-loading-spinner-progress-on-surface: light-dark(hsl(0, 0%, 15.7%), hsl(0, 0%, 94.1%));
374
+ --kds-color-loading-spinner-track-on-primary: hsl(165.6 67.6% 92.7% / 0.24);
375
+ --kds-color-loading-spinner-track-on-surface: light-dark(hsl(332.73 0% 15.7% / 0.24), hsl(240 0% 94.1% / 0.24));
376
+ --kds-color-tooltip-background-default: light-dark(hsl(0, 0%, 12.9%), hsl(0, 0%, 22%));
377
+ --kds-color-tooltip-text-and-icon-neutral: hsl(0, 0%, 98%);
378
+ --kds-color-text-highlight-background-default: hsl(212.1 78.2% 67.6% / 0.6);
379
+ --kds-color-avatar-background-red: hsl(3.5, 100%, 79.6%);
380
+ --kds-color-avatar-background-orange: hsl(31.2, 82.8%, 65.9%);
381
+ --kds-color-avatar-background-yellow: hsl(50.8, 100%, 50%);
382
+ --kds-color-avatar-background-green: hsl(109, 47.2%, 61.4%);
383
+ --kds-color-avatar-background-teal: hsl(169.8, 30.6%, 66.1%);
384
+ --kds-color-avatar-background-blue: hsl(213.6, 91.6%, 76.7%);
385
+ --kds-color-avatar-background-purple: hsl(320.0, 44.7%, 81.6%);
386
+ --kds-color-avatar-background-aquamarine: hsl(185.8, 49.2%, 87.6%);
387
+ --kds-color-avatar-background-grassgreen: hsl(63.4, 68.5%, 75.1%);
388
+ --kds-color-avatar-background-brown: hsl(30, 47%, 68%);
389
389
  --kds-color-avatar-background-empty: light-dark(hsl(330 0% 94.521%), hsl(330 0% 30.187%));
390
- --kds-color-avatar-text-and-icon-red: hsl(348 94% 21%);
391
- --kds-color-avatar-text-and-icon-orange: hsl(13 66% 23%);
392
- --kds-color-avatar-text-and-icon-yellow: hsl(44 94% 14%);
393
- --kds-color-avatar-text-and-icon-green: hsl(132 52% 15%);
394
- --kds-color-avatar-text-and-icon-teal: hsl(175 93% 12%);
395
- --kds-color-avatar-text-and-icon-blue: hsl(209 50% 20%);
396
- --kds-color-avatar-text-and-icon-purple: hsl(296 34% 23%);
397
- --kds-color-avatar-text-and-icon-aquamarine: hsl(201 63% 27%);
398
- --kds-color-avatar-text-and-icon-grassgreen: hsl(72 39% 25%);
399
- --kds-color-avatar-text-and-icon-brown: hsl(23 27% 24%);
390
+ --kds-color-avatar-text-and-icon-red: hsl(348, 94.3%, 20.8%);
391
+ --kds-color-avatar-text-and-icon-orange: hsl(13.1, 66.1%, 23.1%);
392
+ --kds-color-avatar-text-and-icon-yellow: hsl(44.3, 94.2%, 13.5%);
393
+ --kds-color-avatar-text-and-icon-green: hsl(132.3, 52%, 14.7%);
394
+ --kds-color-avatar-text-and-icon-teal: hsl(174.5, 93.2%, 11.6%);
395
+ --kds-color-avatar-text-and-icon-blue: hsl(209.4, 49.5%, 20.2%);
396
+ --kds-color-avatar-text-and-icon-purple: hsl(295.5, 33.9%, 23.1%);
397
+ --kds-color-avatar-text-and-icon-aquamarine: hsl(200.9, 63.2%, 26.7%);
398
+ --kds-color-avatar-text-and-icon-grassgreen: hsl(72.2, 39.2%, 24.5%);
399
+ --kds-color-avatar-text-and-icon-brown: hsl(23, 27%, 24%);
400
400
  --kds-border-radius-container-none: 0;
401
401
  --kds-border-radius-container-0-12x: 2px;
402
402
  --kds-border-radius-container-0-25x: 4px;
@@ -410,31 +410,31 @@
410
410
  --kds-border-width-icon-stroke-s: 1px;
411
411
  --kds-border-width-icon-stroke-m: 1.2496px;
412
412
  --kds-border-width-icon-stroke-l: 1.5px;
413
- --kds-border-action-transparent: 1px solid hsl(330 0% 11% / 0);
414
- --kds-border-action-default: 1px solid light-dark(hsl(345 0% 10% / 0.4), hsl(330 0% 99% / 0.5));
415
- --kds-border-action-disabled: 1px solid light-dark(hsl(0 0% 73%), hsl(0 0% 48%));
416
- --kds-border-action-focused: 2px solid light-dark(hsl(209 57% 50%), hsl(214 92% 77%));
417
- --kds-border-action-selected: 1px solid light-dark(hsl(172 27% 48%), hsl(168 47% 85%));
418
- --kds-border-action-selected-accent: 1px solid light-dark(hsl(209 57% 50%), hsl(214 92% 77%));
419
- --kds-border-action-error: 1px solid light-dark(hsl(349 91% 35%), hsl(4 100% 80%));
420
- --kds-border-action-primary: 1px solid hsl(177 82% 18%);
421
- --kds-border-action-input: 1px solid light-dark(hsl(345 0% 10% / 0.4), hsl(330 0% 99% / 0.5));
422
- --kds-border-base-default: 1px solid light-dark(hsl(345 0% 10% / 0.4), hsl(330 0% 99% / 0.5));
423
- --kds-border-base-muted: 1px solid light-dark(hsl(345 0% 10% / 0.2), hsl(330 0% 99% / 0.2));
424
- --kds-border-base-subtle: 1px solid light-dark(hsl(345 0% 10% / 0.1), hsl(330 0% 99% / 0.1));
425
- --kds-border-base-brand: 1px solid hsl(51 100% 50%);
426
- --kds-border-base-danger: 1px solid light-dark(hsl(3 100% 86%), hsl(348 94% 21%));
427
- --kds-border-base-warning: 1px solid light-dark(hsl(31 79% 74%), hsl(13 66% 23%));
428
- --kds-border-base-success: 1px solid light-dark(hsl(112 57% 71%), hsl(124 47% 21%));
429
- --kds-border-base-info: 1px solid light-dark(hsl(215 100% 84%), hsl(210 50% 28%));
430
- --kds-border-node-status-empty: 1px solid light-dark(hsl(0 0% 90%), hsl(0 0% 32%));
431
- --kds-border-node-status-error: 1px solid light-dark(hsl(348 94% 21%), hsl(3 100% 72%));
432
- --kds-border-node-status-warning: 1px solid light-dark(hsl(19 63% 38%), hsl(49 99% 44%));
433
- --kds-border-node-status-success: 1px solid light-dark(hsl(116 47% 26%), hsl(107 43% 55%));
434
- --kds-border-resize-handle-initial: 2px solid light-dark(hsl(345 0% 10% / 0.4), hsl(330 0% 99% / 0.4));
435
- --kds-border-resize-handle-hover: 2px solid light-dark(hsl(345 0% 10% / 0.64), hsl(330 0% 99% / 0.58));
436
- --kds-border-resize-handle-active: 2px solid light-dark(hsl(345 0% 10% / 0.74), hsl(330 0% 99% / 0.68));
437
- --kds-border-color-picker-handle-initial: 2px solid hsl(0 0% 99%);
413
+ --kds-border-action-transparent: 1px solid hsl(345 0% 11.4% / 0);
414
+ --kds-border-action-default: 1px solid light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.5));
415
+ --kds-border-action-disabled: 1px solid light-dark(hsl(0, 0%, 72.5%), hsl(0, 0%, 48.2%));
416
+ --kds-border-action-focused: 2px solid light-dark(hsl(209.4, 57.3%, 49.6%), hsl(213.6, 91.6%, 76.7%));
417
+ --kds-border-action-selected: 1px solid light-dark(hsl(171.8, 27%, 47.8%), hsl(168, 46.7%, 85.3%));
418
+ --kds-border-action-selected-accent: 1px solid light-dark(hsl(209.4, 57.3%, 49.6%), hsl(213.6, 91.6%, 76.7%));
419
+ --kds-border-action-error: 1px solid light-dark(hsl(348.8, 90.9%, 34.5%), hsl(3.5, 100%, 79.6%));
420
+ --kds-border-action-primary: 1px solid hsl(176.7, 82%, 17.5%);
421
+ --kds-border-action-input: 1px solid light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.5));
422
+ --kds-border-base-default: 1px solid light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.5));
423
+ --kds-border-base-muted: 1px solid light-dark(hsl(330 0% 10.2% / 0.2), hsl(330 0% 99% / 0.2));
424
+ --kds-border-base-subtle: 1px solid light-dark(hsl(330 0% 10.2% / 0.1), hsl(330 0% 99% / 0.1));
425
+ --kds-border-base-brand: 1px solid hsl(50.8, 100%, 50%);
426
+ --kds-border-base-danger: 1px solid light-dark(hsl(3.4, 100%, 86.1%), hsl(348, 94.3%, 20.8%));
427
+ --kds-border-base-warning: 1px solid light-dark(hsl(30.8, 79.3%, 73.5%), hsl(13.1, 66.1%, 23.1%));
428
+ --kds-border-base-success: 1px solid light-dark(hsl(112, 56.5%, 71.2%), hsl(123.7, 46.7%, 20.6%));
429
+ --kds-border-base-info: 1px solid light-dark(hsl(214.5, 100%, 84.3%), hsl(210, 50%, 27.5%));
430
+ --kds-border-node-status-empty: 1px solid light-dark(hsl(0, 0%, 90.2%), hsl(0, 0%, 32.2%));
431
+ --kds-border-node-status-error: 1px solid light-dark(hsl(348, 94.3%, 20.8%), hsl(2.6, 100%, 72.4%));
432
+ --kds-border-node-status-warning: 1px solid light-dark(hsl(19, 63.1%, 38.2%), hsl(49.1, 99.1%, 43.7%));
433
+ --kds-border-node-status-success: 1px solid light-dark(hsl(116.1, 46.6%, 25.7%), hsl(106.5, 42.6%, 54.9%));
434
+ --kds-border-resize-handle-initial: 2px solid light-dark(hsl(330 0% 10.2% / 0.4), hsl(330 0% 99% / 0.4));
435
+ --kds-border-resize-handle-hover: 2px solid light-dark(hsl(330 0% 10.2% / 0.64), hsl(330 0% 99% / 0.58));
436
+ --kds-border-resize-handle-active: 2px solid light-dark(hsl(330 0% 10.2% / 0.74), hsl(330 0% 99% / 0.68));
437
+ --kds-border-color-picker-handle-initial: 2px solid hsl(0, 0%, 99%);
438
438
  --kds-sizing-viewport-breakpoints-576: 576px;
439
439
  --kds-sizing-viewport-breakpoints-768: 768px;
440
440
  --kds-sizing-viewport-breakpoints-1024: 1024px;
@@ -565,10 +565,10 @@
565
565
  --kds-font-dataapp-h6: 700 13px/1.5 Roboto, sans-serif;
566
566
  --kds-font-dataapp-body: 700 13px/1.5 Roboto, sans-serif;
567
567
  --kds-font-dataapp-body-small: 700 10px/1.5 Roboto, sans-serif;
568
- --kds-elevation-level-0: 0 0 0 0 light-dark(hsl(330 0% 73% / 0.32), hsl(345 0% 10% / 0.9));
569
- --kds-elevation-level-1: 0 1px 1px 0 light-dark(hsl(330 0% 73% / 0.32), hsl(345 0% 10% / 0.9)), 0 0 1px 0 light-dark(hsl(330 0% 32% / 0.14), hsl(345 0% 10% / 0.94)), 0 0 8px 0 light-dark(hsl(330 0% 32% / 0.12), hsl(345 0% 10% / 0.98));
570
- --kds-elevation-level-3: 0 2px 4px 0 light-dark(hsl(330 0% 73% / 0.32), hsl(345 0% 10% / 0.9)), 0 4px 8px 0 light-dark(hsl(330 0% 32% / 0.14), hsl(345 0% 10% / 0.94)), 0 0 20px 0 light-dark(hsl(330 0% 32% / 0.12), hsl(345 0% 10% / 0.98));
571
- --kds-fake-border-xs-muted: 0 0 0 0.5px light-dark(hsl(345 0% 10% / 0.2), hsl(330 0% 99% / 0.2));
572
- --kds-box-shadow-knob: 0 1px 2px 0 light-dark(hsl(330 0% 32% / 0.5), hsl(345 0% 10% / 0.6));
568
+ --kds-elevation-level-0: 0 0 0 0 light-dark(hsl(210 0% 72.5% / 0.32), hsl(330 0% 10.2% / 0.9));
569
+ --kds-elevation-level-1: 0 1px 1px 0 light-dark(hsl(210 0% 72.5% / 0.32), hsl(330 0% 10.2% / 0.9)), 0 0 1px 0 light-dark(hsl(180 0% 32.2% / 0.14), hsl(330 0% 10.2% / 0.94)), 0 0 8px 0 light-dark(hsl(180 0% 32.2% / 0.12), hsl(330 0% 10.2% / 0.98));
570
+ --kds-elevation-level-3: 0 2px 4px 0 light-dark(hsl(210 0% 72.5% / 0.32), hsl(330 0% 10.2% / 0.9)), 0 4px 8px 0 light-dark(hsl(180 0% 32.2% / 0.14), hsl(330 0% 10.2% / 0.94)), 0 0 20px 0 light-dark(hsl(180 0% 32.2% / 0.12), hsl(330 0% 10.2% / 0.98));
571
+ --kds-fake-border-xs-muted: 0 0 0 0.5px light-dark(hsl(330 0% 10.2% / 0.2), hsl(330 0% 99% / 0.2));
572
+ --kds-box-shadow-knob: 0 1px 2px 0 light-dark(hsl(180 0% 32.2% / 0.5), hsl(330 0% 10.2% / 0.6));
573
573
  --kds-width-side-drawer-default: 420px;
574
574
  }