@progress/kendo-theme-material 14.1.1-dev.1 → 14.1.1-dev.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.
Files changed (52) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/material-2-dark.css +1 -1
  3. package/dist/material-2-dark.scss +113 -112
  4. package/dist/material-2.css +1 -1
  5. package/dist/material-2.scss +105 -109
  6. package/dist/material-aqua-dark.css +1 -1
  7. package/dist/material-aqua-dark.scss +113 -112
  8. package/dist/material-arctic.css +1 -1
  9. package/dist/material-arctic.scss +104 -103
  10. package/dist/material-burnt-teal.css +1 -1
  11. package/dist/material-burnt-teal.scss +104 -103
  12. package/dist/material-dataviz-v4.css +1 -1
  13. package/dist/material-dataviz-v4.scss +31 -30
  14. package/dist/material-eggplant.css +1 -1
  15. package/dist/material-eggplant.scss +104 -103
  16. package/dist/material-lime-dark.css +1 -1
  17. package/dist/material-lime-dark.scss +113 -112
  18. package/dist/material-lime.css +1 -1
  19. package/dist/material-lime.scss +104 -103
  20. package/dist/material-main-dark.css +1 -1
  21. package/dist/material-main-dark.scss +113 -112
  22. package/dist/material-main.css +1 -1
  23. package/dist/material-nova.css +1 -1
  24. package/dist/material-nova.scss +104 -103
  25. package/dist/material-pacific-dark.css +1 -1
  26. package/dist/material-pacific-dark.scss +113 -112
  27. package/dist/material-pacific.css +1 -1
  28. package/dist/material-pacific.scss +104 -103
  29. package/dist/material-sky-dark.css +1 -1
  30. package/dist/material-sky-dark.scss +113 -112
  31. package/dist/material-sky.css +1 -1
  32. package/dist/material-sky.scss +104 -103
  33. package/dist/material-smoke.css +1 -1
  34. package/dist/material-smoke.scss +104 -103
  35. package/lib/swatches/material-2-dark.json +118 -113
  36. package/lib/swatches/material-2.json +109 -129
  37. package/lib/swatches/material-aqua-dark.json +118 -113
  38. package/lib/swatches/material-arctic.json +109 -104
  39. package/lib/swatches/material-burnt-teal.json +109 -104
  40. package/lib/swatches/material-dataviz-v4.json +36 -31
  41. package/lib/swatches/material-eggplant.json +109 -104
  42. package/lib/swatches/material-lime-dark.json +118 -113
  43. package/lib/swatches/material-lime.json +109 -104
  44. package/lib/swatches/material-main-dark.json +118 -113
  45. package/lib/swatches/material-main.json +1 -1
  46. package/lib/swatches/material-nova.json +109 -104
  47. package/lib/swatches/material-pacific-dark.json +118 -113
  48. package/lib/swatches/material-pacific.json +109 -104
  49. package/lib/swatches/material-sky-dark.json +118 -113
  50. package/lib/swatches/material-sky.json +109 -104
  51. package/lib/swatches/material-smoke.json +109 -104
  52. package/package.json +4 -4
package/lib/swatches/material-main-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Material Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "14.1.1-dev.1",
6
+ "version": "14.1.1-dev.3",
7
7
  "previewColors": [
8
8
  "oklch(18.74% 0.0124 300.35deg)",
9
9
  "oklch(28.59% 0.0130 298.53deg)",
@@ -24,7 +24,7 @@
24
24
  "on-app-surface": {
25
25
  "name": "On App Surface",
26
26
  "type": "color",
27
- "value": "oklch(91.40% 0.0137 314.36deg)"
27
+ "value": "#{\"oklch(from var(--kendo-color-app-surface) clamp(0.086, (0.65 - l) * 99999, 0.914) 0.0137 calc(h + 14.01))\"}"
28
28
  },
29
29
  "subtle": {
30
30
  "name": "Subtle",
@@ -54,17 +54,17 @@
54
54
  "base-subtle": {
55
55
  "name": "Base Subtle",
56
56
  "type": "color",
57
- "value": "oklch(32.98% 0.0125 298.64deg)"
57
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.0683) calc(c - 0.0049) calc(h - 4.97))\"}"
58
58
  },
59
59
  "base-subtle-hover": {
60
60
  "name": "Base Subtle Hover",
61
61
  "type": "color",
62
- "value": "oklch(39.81% 0.0174 303.61deg)"
62
+ "value": "#{\"oklch(from var(--kendo-color-base) l c h)\"}"
63
63
  },
64
64
  "base-subtle-active": {
65
65
  "name": "Base Subtle Active",
66
66
  "type": "color",
67
- "value": "oklch(46.18% 0.0187 305.98deg)"
67
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l + 0.0637) calc(c + 0.0013) calc(h + 2.37))\"}"
68
68
  },
69
69
  "base": {
70
70
  "name": "Base",
@@ -74,47 +74,47 @@
74
74
  "base-hover": {
75
75
  "name": "Base Hover",
76
76
  "type": "color",
77
- "value": "oklch(46.18% 0.0187 305.98deg)"
77
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l + 0.0637) calc(c + 0.0013) calc(h + 2.37))\"}"
78
78
  },
79
79
  "base-active": {
80
80
  "name": "Base Active",
81
81
  "type": "color",
82
- "value": "oklch(52.56% 0.0181 306.03deg)"
82
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l + 0.1275) calc(c + 0.0007) calc(h + 2.42))\"}"
83
83
  },
84
84
  "base-emphasis": {
85
85
  "name": "Base Emphasis",
86
86
  "type": "color",
87
- "value": "oklch(65.66% 0.0154 303.80deg)"
87
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l + 0.2585) calc(c - 0.002) calc(h + 0.19))\"}"
88
88
  },
89
89
  "base-on-subtle": {
90
90
  "name": "Base On Subtle",
91
91
  "type": "color",
92
- "value": "oklch(94.19% 0.0091 314.17deg)"
92
+ "value": "#{\"oklch(from var(--kendo-color-base-subtle) clamp(0.0581, (0.65 - l) * 99999, 0.9419) 0.0091 calc(h + 15.53))\"}"
93
93
  },
94
94
  "on-base": {
95
95
  "name": "On Base",
96
96
  "type": "color",
97
- "value": "oklch(96.73% 0.0051 324.38deg)"
97
+ "value": "#{\"oklch(from var(--kendo-color-base) clamp(0.05, (0.65 - l) * 99999, 0.9673) 0.0051 calc(h + 20.77))\"}"
98
98
  },
99
99
  "base-on-surface": {
100
100
  "name": "Base On Surface",
101
101
  "type": "color",
102
- "value": "oklch(94.19% 0.0091 314.17deg)"
102
+ "value": "#{\"oklch(from var(--kendo-color-base) clamp(0.0581, (0.65 - l) * 99999, 0.9419) 0.0091 calc(h + 10.56))\"}"
103
103
  },
104
104
  "primary-subtle": {
105
105
  "name": "Primary Subtle",
106
106
  "type": "color",
107
- "value": "oklch(41.03% 0.1338 292.70deg)"
107
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.4246) calc(c + 0.0391) calc(h - 5.28))\"}"
108
108
  },
109
109
  "primary-subtle-hover": {
110
110
  "name": "Primary Subtle Hover",
111
111
  "type": "color",
112
- "value": "oklch(45.23% 0.1408 293.84deg)"
112
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.3826) calc(c + 0.0461) calc(h - 4.14))\"}"
113
113
  },
114
114
  "primary-subtle-active": {
115
115
  "name": "Primary Subtle Active",
116
116
  "type": "color",
117
- "value": "oklch(48.23% 0.1481 294.06deg)"
117
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.3526) calc(c + 0.0534) calc(h - 3.92))\"}"
118
118
  },
119
119
  "primary": {
120
120
  "name": "Primary",
@@ -124,47 +124,47 @@
124
124
  "primary-hover": {
125
125
  "name": "Primary Hover",
126
126
  "type": "color",
127
- "value": "oklch(79.62% 0.0986 298.07deg)"
127
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.0387) calc(c + 0.0039) calc(h + 0.09))\"}"
128
128
  },
129
129
  "primary-active": {
130
130
  "name": "Primary Active",
131
131
  "type": "color",
132
- "value": "oklch(77.74% 0.0992 298.00deg)"
132
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.0575) calc(c + 0.0045) calc(h + 0.02))\"}"
133
133
  },
134
134
  "primary-emphasis": {
135
135
  "name": "Primary Emphasis",
136
136
  "type": "color",
137
- "value": "oklch(71.07% 0.1197 297.27deg)"
137
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.1242) calc(c + 0.025) calc(h - 0.71))\"}"
138
138
  },
139
139
  "primary-on-subtle": {
140
140
  "name": "Primary On Subtle",
141
141
  "type": "color",
142
- "value": "oklch(91.83% 0.0478 302.73deg)"
142
+ "value": "#{\"oklch(from var(--kendo-color-primary-subtle) clamp(0.0817, (0.65 - l) * 99999, 0.9183) 0.0478 calc(h + 10.03))\"}"
143
143
  },
144
144
  "on-primary": {
145
145
  "name": "On Primary",
146
146
  "type": "color",
147
- "value": "oklch(32.51% 0.1353 291.14deg)"
147
+ "value": "#{\"oklch(from var(--kendo-color-primary) clamp(0.3251, (0.65 - l) * 99999, 0.6749) 0.1353 calc(h - 6.84))\"}"
148
148
  },
149
149
  "primary-on-surface": {
150
150
  "name": "Primary On Surface",
151
151
  "type": "color",
152
- "value": "oklch(83.49% 0.0947 297.98deg)"
152
+ "value": "#{\"oklch(from var(--kendo-color-primary) clamp(0.1651, (0.8849 - l) * 99999, 0.8349) 0.0947 h)\"}"
153
153
  },
154
154
  "secondary-subtle": {
155
155
  "name": "Secondary Subtle",
156
156
  "type": "color",
157
- "value": "oklch(83.03% 0.0375 302.92deg)"
157
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l + 0.4298) calc(c + 0.0035) calc(h + 4.38))\"}"
158
158
  },
159
159
  "secondary-subtle-hover": {
160
160
  "name": "Secondary Subtle Hover",
161
161
  "type": "color",
162
- "value": "oklch(87.26% 0.0426 302.09deg)"
162
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l + 0.4721) calc(c + 0.0086) calc(h + 3.55))\"}"
163
163
  },
164
164
  "secondary-subtle-active": {
165
165
  "name": "Secondary Subtle Active",
166
166
  "type": "color",
167
- "value": "oklch(91.63% 0.0366 302.98deg)"
167
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l + 0.5158) calc(c + 0.0026) calc(h + 4.44))\"}"
168
168
  },
169
169
  "secondary": {
170
170
  "name": "Secondary",
@@ -174,47 +174,47 @@
174
174
  "secondary-hover": {
175
175
  "name": "Secondary Hover",
176
176
  "type": "color",
177
- "value": "oklch(44.28% 0.0366 299.41deg)"
177
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l + 0.0423) calc(c + 0.0026) calc(h + 0.87))\"}"
178
178
  },
179
179
  "secondary-active": {
180
180
  "name": "Secondary Active",
181
181
  "type": "color",
182
- "value": "oklch(48.59% 0.0358 299.55deg)"
182
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l + 0.0854) calc(c + 0.0018) calc(h + 1.01))\"}"
183
183
  },
184
184
  "secondary-emphasis": {
185
185
  "name": "Secondary Emphasis",
186
186
  "type": "color",
187
- "value": "oklch(59.74% 0.0370 298.54deg)"
187
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l + 0.1969) calc(c + 0.003) h)\"}"
188
188
  },
189
189
  "secondary-on-subtle": {
190
190
  "name": "Secondary On Subtle",
191
191
  "type": "color",
192
- "value": "oklch(31.24% 0.0361 298.01deg)"
192
+ "value": "#{\"oklch(from var(--kendo-color-secondary-subtle) clamp(0.3124, (0.65 - l) * 99999, 0.6876) 0.0361 calc(h - 4.91))\"}"
193
193
  },
194
194
  "on-secondary": {
195
195
  "name": "On Secondary",
196
196
  "type": "color",
197
- "value": "oklch(91.63% 0.0366 302.98deg)"
197
+ "value": "#{\"oklch(from var(--kendo-color-secondary) clamp(0.0837, (0.65 - l) * 99999, 0.9163) 0.0366 calc(h + 4.44))\"}"
198
198
  },
199
199
  "secondary-on-surface": {
200
200
  "name": "Secondary On Surface",
201
201
  "type": "color",
202
- "value": "oklch(91.63% 0.0366 302.98deg)"
202
+ "value": "#{\"oklch(from var(--kendo-color-secondary) clamp(0.0837, (0.65 - l) * 99999, 0.9163) 0.0366 calc(h + 4.44))\"}"
203
203
  },
204
204
  "tertiary-subtle": {
205
205
  "name": "Tertiary Subtle",
206
206
  "type": "color",
207
- "value": "oklch(40.44% 0.0591 359.06deg)"
207
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l - 0.4323) calc(c - 0.0074) calc(h - 0.28))\"}"
208
208
  },
209
209
  "tertiary-subtle-hover": {
210
210
  "name": "Tertiary Subtle Hover",
211
211
  "type": "color",
212
- "value": "oklch(44.66% 0.0603 359.71deg)"
212
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l - 0.3901) calc(c - 0.0062) calc(h + 0.37))\"}"
213
213
  },
214
214
  "tertiary-subtle-active": {
215
215
  "name": "Tertiary Subtle Active",
216
216
  "type": "color",
217
- "value": "oklch(49.04% 0.0605 358.39deg)"
217
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l - 0.3463) calc(c - 0.006) calc(h - 0.95))\"}"
218
218
  },
219
219
  "tertiary": {
220
220
  "name": "Tertiary",
@@ -224,47 +224,47 @@
224
224
  "tertiary-hover": {
225
225
  "name": "Tertiary Hover",
226
226
  "type": "color",
227
- "value": "oklch(76.62% 0.0659 358.83deg)"
227
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l - 0.0705) calc(c - 0.0006) calc(h - 0.51))\"}"
228
228
  },
229
229
  "tertiary-active": {
230
230
  "name": "Tertiary Active",
231
231
  "type": "color",
232
- "value": "oklch(70.18% 0.0667 357.52deg)"
232
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l - 0.1349) calc(c + 0.0002) calc(h - 1.82))\"}"
233
233
  },
234
234
  "tertiary-emphasis": {
235
235
  "name": "Tertiary Emphasis",
236
236
  "type": "color",
237
- "value": "oklch(55.62% 0.0515 358.14deg)"
237
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l - 0.2805) calc(c - 0.015) calc(h - 1.2))\"}"
238
238
  },
239
239
  "tertiary-on-subtle": {
240
240
  "name": "Tertiary On Subtle",
241
241
  "type": "color",
242
- "value": "oklch(91.84% 0.0460 357.43deg)"
242
+ "value": "#{\"oklch(from var(--kendo-color-tertiary-subtle) clamp(0.0816, (0.65 - l) * 99999, 0.9184) 0.046 calc(h - 1.63))\"}"
243
243
  },
244
244
  "on-tertiary": {
245
245
  "name": "On Tertiary",
246
246
  "type": "color",
247
- "value": "oklch(31.71% 0.0570 357.78deg)"
247
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) clamp(0.3171, (0.65 - l) * 99999, 0.6829) 0.057 calc(h - 1.56))\"}"
248
248
  },
249
249
  "tertiary-on-surface": {
250
250
  "name": "Tertiary On Surface",
251
251
  "type": "color",
252
- "value": "oklch(88.06% 0.0560 358.45deg)"
252
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) clamp(0.1194, (0.8867 - l) * 99999, 0.8806) 0.056 calc(h - 0.89))\"}"
253
253
  },
254
254
  "info-subtle": {
255
255
  "name": "Info Subtle",
256
256
  "type": "color",
257
- "value": "oklch(29.08% 0.0913 260.64deg)"
257
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.5776) calc(c + 0.0417) calc(h + 0.84))\"}"
258
258
  },
259
259
  "info-subtle-hover": {
260
260
  "name": "Info Subtle Hover",
261
261
  "type": "color",
262
- "value": "oklch(34.52% 0.1117 260.15deg)"
262
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.5232) calc(c + 0.0621) calc(h + 0.35))\"}"
263
263
  },
264
264
  "info-subtle-active": {
265
265
  "name": "Info Subtle Active",
266
266
  "type": "color",
267
- "value": "oklch(39.57% 0.1322 260.56deg)"
267
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.4727) calc(c + 0.0826) calc(h + 0.76))\"}"
268
268
  },
269
269
  "info": {
270
270
  "name": "Info",
@@ -274,47 +274,47 @@
274
274
  "info-hover": {
275
275
  "name": "Info Hover",
276
276
  "type": "color",
277
- "value": "oklch(82.91% 0.0649 261.58deg)"
277
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.0393) calc(c + 0.0153) calc(h + 1.78))\"}"
278
278
  },
279
279
  "info-active": {
280
280
  "name": "Info Active",
281
281
  "type": "color",
282
- "value": "oklch(77.32% 0.0881 261.41deg)"
282
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.0952) calc(c + 0.0385) calc(h + 1.61))\"}"
283
283
  },
284
284
  "info-emphasis": {
285
285
  "name": "Info Emphasis",
286
286
  "type": "color",
287
- "value": "oklch(61.62% 0.1570 260.72deg)"
287
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.2522) calc(c + 0.1074) calc(h + 0.92))\"}"
288
288
  },
289
289
  "info-on-subtle": {
290
290
  "name": "Info On Subtle",
291
291
  "type": "color",
292
- "value": "oklch(91.62% 0.0316 261.74deg)"
292
+ "value": "#{\"oklch(from var(--kendo-color-info-subtle) clamp(0.0838, (0.65 - l) * 99999, 0.9162) 0.0316 calc(h + 1.1))\"}"
293
293
  },
294
294
  "on-info": {
295
295
  "name": "On Info",
296
296
  "type": "color",
297
- "value": "oklch(34.52% 0.1117 260.15deg)"
297
+ "value": "#{\"oklch(from var(--kendo-color-info) clamp(0.3452, (0.65 - l) * 99999, 0.6548) 0.1117 calc(h + 0.35))\"}"
298
298
  },
299
299
  "info-on-surface": {
300
300
  "name": "Info On Surface",
301
301
  "type": "color",
302
- "value": "oklch(77.32% 0.0881 261.41deg)"
302
+ "value": "#{\"oklch(from var(--kendo-color-info) clamp(0.2268, (0.9184 - l) * 99999, 0.7732) 0.0881 calc(h + 1.61))\"}"
303
303
  },
304
304
  "success-subtle": {
305
305
  "name": "Success Subtle",
306
306
  "type": "color",
307
- "value": "oklch(41.97% 0.1021 150.83deg)"
307
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.489) calc(c + 0.0348) calc(h - 5.99))\"}"
308
308
  },
309
309
  "success-subtle-hover": {
310
310
  "name": "Success Subtle Hover",
311
311
  "type": "color",
312
- "value": "oklch(47.23% 0.1161 150.77deg)"
312
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.4364) calc(c + 0.0488) calc(h - 6.05))\"}"
313
313
  },
314
314
  "success-subtle-active": {
315
315
  "name": "Success Subtle Active",
316
316
  "type": "color",
317
- "value": "oklch(52.30% 0.1309 150.49deg)"
317
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.3857) calc(c + 0.0636) calc(h - 6.33))\"}"
318
318
  },
319
319
  "success": {
320
320
  "name": "Success",
@@ -324,47 +324,47 @@
324
324
  "success-hover": {
325
325
  "name": "Success Hover",
326
326
  "type": "color",
327
- "value": "oklch(87.88% 0.0929 156.41deg)"
327
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.0299) calc(c + 0.0256) calc(h - 0.41))\"}"
328
328
  },
329
329
  "success-active": {
330
330
  "name": "Success Active",
331
331
  "type": "color",
332
- "value": "oklch(83.80% 0.1246 154.98deg)"
332
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.0707) calc(c + 0.0573) calc(h - 1.84))\"}"
333
333
  },
334
334
  "success-emphasis": {
335
335
  "name": "Success Emphasis",
336
336
  "type": "color",
337
- "value": "oklch(66.67% 0.1704 150.15deg)"
337
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.242) calc(c + 0.1031) calc(h - 6.67))\"}"
338
338
  },
339
339
  "success-on-subtle": {
340
340
  "name": "Success On Subtle",
341
341
  "type": "color",
342
- "value": "oklch(96.48% 0.0255 158.48deg)"
342
+ "value": "#{\"oklch(from var(--kendo-color-success-subtle) clamp(0.05, (0.65 - l) * 99999, 0.9648) 0.0255 calc(h + 7.65))\"}"
343
343
  },
344
344
  "on-success": {
345
345
  "name": "On Success",
346
346
  "type": "color",
347
- "value": "oklch(33.97% 0.0787 151.54deg)"
347
+ "value": "#{\"oklch(from var(--kendo-color-success) clamp(0.3397, (0.65 - l) * 99999, 0.6603) 0.0787 calc(h - 5.28))\"}"
348
348
  },
349
349
  "success-on-surface": {
350
350
  "name": "Success On Surface",
351
351
  "type": "color",
352
- "value": "oklch(90.87% 0.0673 156.82deg)"
352
+ "value": "#{\"oklch(from var(--kendo-color-success) clamp(0.0913, (0.9587 - l) * 99999, 0.9087) 0.0673 h)\"}"
353
353
  },
354
354
  "warning-subtle": {
355
355
  "name": "Warning Subtle",
356
356
  "type": "color",
357
- "value": "oklch(38.88% 0.0760 89.07deg)"
357
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.5581) calc(c + 0.0157) calc(h - 2.76))\"}"
358
358
  },
359
359
  "warning-subtle-hover": {
360
360
  "name": "Warning Subtle Hover",
361
361
  "type": "color",
362
- "value": "oklch(47.42% 0.0934 87.77deg)"
362
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.4727) calc(c + 0.0331) calc(h - 4.06))\"}"
363
363
  },
364
364
  "warning-subtle-active": {
365
365
  "name": "Warning Subtle Active",
366
366
  "type": "color",
367
- "value": "oklch(55.69% 0.1114 86.52deg)"
367
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.39) calc(c + 0.0511) calc(h - 5.31))\"}"
368
368
  },
369
369
  "warning": {
370
370
  "name": "Warning",
@@ -374,47 +374,47 @@
374
374
  "warning-hover": {
375
375
  "name": "Warning Hover",
376
376
  "type": "color",
377
- "value": "oklch(92.67% 0.0818 92.33deg)"
377
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.0202) calc(c + 0.0215) calc(h + 0.5))\"}"
378
378
  },
379
379
  "warning-active": {
380
380
  "name": "Warning Active",
381
381
  "type": "color",
382
- "value": "oklch(90.78% 0.1023 91.91deg)"
382
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.0391) calc(c + 0.042) calc(h + 0.08))\"}"
383
383
  },
384
384
  "warning-emphasis": {
385
385
  "name": "Warning Emphasis",
386
386
  "type": "color",
387
- "value": "oklch(81.73% 0.1654 86.36deg)"
387
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.1296) calc(c + 0.1051) calc(h - 5.47))\"}"
388
388
  },
389
389
  "warning-on-subtle": {
390
390
  "name": "Warning On Subtle",
391
391
  "type": "color",
392
- "value": "oklch(98.25% 0.0178 89.43deg)"
392
+ "value": "#{\"oklch(from var(--kendo-color-warning-subtle) clamp(0.05, (0.65 - l) * 99999, 0.9825) 0.0178 calc(h + 0.36))\"}"
393
393
  },
394
394
  "on-warning": {
395
395
  "name": "On Warning",
396
396
  "type": "color",
397
- "value": "oklch(38.88% 0.0760 89.07deg)"
397
+ "value": "#{\"oklch(from var(--kendo-color-warning) clamp(0.3888, (0.65 - l) * 99999, 0.6112) 0.076 calc(h - 2.76))\"}"
398
398
  },
399
399
  "warning-on-surface": {
400
400
  "name": "Warning On Surface",
401
401
  "type": "color",
402
- "value": "oklch(94.69% 0.0603 91.83deg)"
402
+ "value": "#{\"oklch(from var(--kendo-color-warning) clamp(0.0531, (0.9969 - l) * 99999, 0.9469) 0.0603 h)\"}"
403
403
  },
404
404
  "error-subtle": {
405
405
  "name": "Error Subtle",
406
406
  "type": "color",
407
- "value": "oklch(42.00% 0.1473 28.13deg)"
407
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.4145) calc(c + 0.0796) calc(h + 6.19))\"}"
408
408
  },
409
409
  "error-subtle-hover": {
410
410
  "name": "Error Subtle Hover",
411
411
  "type": "color",
412
- "value": "oklch(46.62% 0.1651 28.58deg)"
412
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.3683) calc(c + 0.0974) calc(h + 6.64))\"}"
413
413
  },
414
414
  "error-subtle-active": {
415
415
  "name": "Error Subtle Active",
416
416
  "type": "color",
417
- "value": "oklch(50.13% 0.1783 28.70deg)"
417
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.3332) calc(c + 0.1106) calc(h + 6.76))\"}"
418
418
  },
419
419
  "error": {
420
420
  "name": "Error",
@@ -424,47 +424,47 @@
424
424
  "error-hover": {
425
425
  "name": "Error Hover",
426
426
  "type": "color",
427
- "value": "oklch(80.93% 0.0795 23.72deg)"
427
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.0252) calc(c + 0.0118) calc(h + 1.78))\"}"
428
428
  },
429
429
  "error-active": {
430
430
  "name": "Error Active",
431
431
  "type": "color",
432
- "value": "oklch(76.39% 0.1033 24.12deg)"
432
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.0706) calc(c + 0.0356) calc(h + 2.18))\"}"
433
433
  },
434
434
  "error-emphasis": {
435
435
  "name": "Error Emphasis",
436
436
  "type": "color",
437
- "value": "oklch(63.83% 0.1748 26.11deg)"
437
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.1962) calc(c + 0.1071) calc(h + 4.17))\"}"
438
438
  },
439
439
  "error-on-subtle": {
440
440
  "name": "Error On Subtle",
441
441
  "type": "color",
442
- "value": "oklch(92.21% 0.0300 22.61deg)"
442
+ "value": "#{\"oklch(from var(--kendo-color-error-subtle) clamp(0.0779, (0.65 - l) * 99999, 0.9221) 0.03 calc(h - 5.52))\"}"
443
443
  },
444
444
  "on-error": {
445
445
  "name": "On Error",
446
446
  "type": "color",
447
- "value": "oklch(32.45% 0.1092 28.00deg)"
447
+ "value": "#{\"oklch(from var(--kendo-color-error) clamp(0.3245, (0.65 - l) * 99999, 0.6755) 0.1092 calc(h + 6.06))\"}"
448
448
  },
449
449
  "error-on-surface": {
450
450
  "name": "Error On Surface",
451
451
  "type": "color",
452
- "value": "oklch(83.45% 0.0677 21.94deg)"
452
+ "value": "#{\"oklch(from var(--kendo-color-error) clamp(0.1655, (0.8845 - l) * 99999, 0.8345) 0.0677 h)\"}"
453
453
  },
454
454
  "inverse-subtle": {
455
455
  "name": "Inverse Subtle",
456
456
  "type": "color",
457
- "value": "oklch(82.87% 0.0178 307.97deg)"
457
+ "value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.1132) calc(c + 0.0087) calc(h - 6.2))\"}"
458
458
  },
459
459
  "inverse-subtle-hover": {
460
460
  "name": "Inverse Subtle Hover",
461
461
  "type": "color",
462
- "value": "oklch(77.68% 0.0211 307.96deg)"
462
+ "value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.1651) calc(c + 0.012) calc(h - 6.21))\"}"
463
463
  },
464
464
  "inverse-subtle-active": {
465
465
  "name": "Inverse Subtle Active",
466
466
  "type": "color",
467
- "value": "oklch(71.37% 0.0181 304.50deg)"
467
+ "value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.2282) calc(c + 0.009) calc(h - 9.67))\"}"
468
468
  },
469
469
  "inverse": {
470
470
  "name": "Inverse",
@@ -474,182 +474,187 @@
474
474
  "inverse-hover": {
475
475
  "name": "Inverse Hover",
476
476
  "type": "color",
477
- "value": "oklch(91.40% 0.0137 314.36deg)"
477
+ "value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.0279) calc(c + 0.0046) calc(h + 0.19))\"}"
478
478
  },
479
479
  "inverse-active": {
480
480
  "name": "Inverse Active",
481
481
  "type": "color",
482
- "value": "oklch(87.65% 0.0173 316.62deg)"
482
+ "value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.0654) calc(c + 0.0082) calc(h + 2.45))\"}"
483
483
  },
484
484
  "inverse-emphasis": {
485
485
  "name": "Inverse Emphasis",
486
486
  "type": "color",
487
- "value": "oklch(52.56% 0.0181 306.03deg)"
487
+ "value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.4163) calc(c + 0.009) calc(h - 8.14))\"}"
488
488
  },
489
489
  "inverse-on-subtle": {
490
490
  "name": "Inverse On Subtle",
491
491
  "type": "color",
492
- "value": "oklch(28.59% 0.0130 298.53deg)"
492
+ "value": "#{\"oklch(from var(--kendo-color-inverse-subtle) clamp(0.2859, (0.65 - l) * 99999, 0.7141) 0.013 calc(h - 9.44))\"}"
493
493
  },
494
494
  "on-inverse": {
495
495
  "name": "On Inverse",
496
496
  "type": "color",
497
- "value": "oklch(32.98% 0.0125 298.64deg)"
497
+ "value": "#{\"oklch(from var(--kendo-color-inverse) clamp(0.3298, (0.65 - l) * 99999, 0.6702) 0.0125 calc(h - 15.53))\"}"
498
498
  },
499
499
  "inverse-on-surface": {
500
500
  "name": "Inverse On Surface",
501
501
  "type": "color",
502
- "value": "oklch(94.19% 0.0091 314.17deg)"
502
+ "value": "#{\"oklch(from var(--kendo-color-inverse) clamp(0.0581, (0.9919 - l) * 99999, 0.9419) 0.0091 h)\"}"
503
+ },
504
+ "series": {
505
+ "name": "Series",
506
+ "type": "color",
507
+ "value": "oklch(51.68% 0.2152 321.22deg)"
503
508
  },
504
509
  "series-a": {
505
510
  "name": "Series A",
506
511
  "type": "color",
507
- "value": "oklch(51.68% 0.2152 321.22deg)"
512
+ "value": "#{\"oklch(from var(--kendo-color-series) l c h)\"}"
508
513
  },
509
514
  "series-a-bold": {
510
515
  "name": "Series A Bold",
511
516
  "type": "color",
512
- "value": "oklch(62.17% 0.1734 321.60deg)"
517
+ "value": "#{\"oklch(from var(--kendo-color-series-a) calc(l + 0.1049) calc(c - 0.0418) calc(h + 0.38))\"}"
513
518
  },
514
519
  "series-a-bolder": {
515
520
  "name": "Series A Bolder",
516
521
  "type": "color",
517
- "value": "oklch(74.23% 0.1144 321.42deg)"
522
+ "value": "#{\"oklch(from var(--kendo-color-series-a) calc(l + 0.2255) calc(c - 0.1008) calc(h + 0.2))\"}"
518
523
  },
519
524
  "series-a-subtle": {
520
525
  "name": "Series A Subtle",
521
526
  "type": "color",
522
- "value": "oklch(42.11% 0.1721 321.29deg)"
527
+ "value": "#{\"oklch(from var(--kendo-color-series-a) calc(l - 0.0957) calc(c - 0.0431) calc(h + 0.07))\"}"
523
528
  },
524
529
  "series-a-subtler": {
525
530
  "name": "Series A Subtler",
526
531
  "type": "color",
527
- "value": "oklch(32.07% 0.1246 321.33deg)"
532
+ "value": "#{\"oklch(from var(--kendo-color-series-a) calc(l - 0.1961) calc(c - 0.0906) calc(h + 0.11))\"}"
528
533
  },
529
534
  "series-b": {
530
535
  "name": "Series B",
531
536
  "type": "color",
532
- "value": "oklch(59.94% 0.1529 248.73deg)"
537
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.0826) calc(c - 0.0623) calc(h - 72.49))\"}"
533
538
  },
534
539
  "series-b-bold": {
535
540
  "name": "Series B Bold",
536
541
  "type": "color",
537
- "value": "oklch(69.35% 0.1515 246.43deg)"
542
+ "value": "#{\"oklch(from var(--kendo-color-series-b) calc(l + 0.0941) calc(c - 0.0014) calc(h - 2.3))\"}"
538
543
  },
539
544
  "series-b-bolder": {
540
545
  "name": "Series B Bolder",
541
546
  "type": "color",
542
- "value": "oklch(76.97% 0.1134 243.78deg)"
547
+ "value": "#{\"oklch(from var(--kendo-color-series-b) calc(l + 0.1703) calc(c - 0.0395) calc(h - 4.95))\"}"
543
548
  },
544
549
  "series-b-subtle": {
545
550
  "name": "Series B Subtle",
546
551
  "type": "color",
547
- "value": "oklch(47.73% 0.1190 248.43deg)"
552
+ "value": "#{\"oklch(from var(--kendo-color-series-b) calc(l - 0.1221) calc(c - 0.0339) calc(h - 0.3))\"}"
548
553
  },
549
554
  "series-b-subtler": {
550
555
  "name": "Series B Subtler",
551
556
  "type": "color",
552
- "value": "oklch(33.48% 0.0774 247.29deg)"
557
+ "value": "#{\"oklch(from var(--kendo-color-series-b) calc(l - 0.2646) calc(c - 0.0755) calc(h - 1.44))\"}"
553
558
  },
554
559
  "series-c": {
555
560
  "name": "Series C",
556
561
  "type": "color",
557
- "value": "oklch(55.10% 0.0977 183.83deg)"
562
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.0342) calc(c - 0.1175) calc(h - 137.39))\"}"
558
563
  },
559
564
  "series-c-bold": {
560
565
  "name": "Series C Bold",
561
566
  "type": "color",
562
- "value": "oklch(64.61% 0.1080 184.59deg)"
567
+ "value": "#{\"oklch(from var(--kendo-color-series-c) calc(l + 0.0951) calc(c + 0.0103) calc(h + 0.76))\"}"
563
568
  },
564
569
  "series-c-bolder": {
565
570
  "name": "Series C Bolder",
566
571
  "type": "color",
567
- "value": "oklch(73.46% 0.0920 187.32deg)"
572
+ "value": "#{\"oklch(from var(--kendo-color-series-c) calc(l + 0.1836) calc(c - 0.0057) calc(h + 3.49))\"}"
568
573
  },
569
574
  "series-c-subtle": {
570
575
  "name": "Series C Subtle",
571
576
  "type": "color",
572
- "value": "oklch(43.94% 0.0779 183.88deg)"
577
+ "value": "#{\"oklch(from var(--kendo-color-series-c) calc(l - 0.1116) calc(c - 0.0198) calc(h + 0.05))\"}"
573
578
  },
574
579
  "series-c-subtler": {
575
580
  "name": "Series C Subtler",
576
581
  "type": "color",
577
- "value": "oklch(30.99% 0.0545 185.35deg)"
582
+ "value": "#{\"oklch(from var(--kendo-color-series-c) calc(l - 0.2411) calc(c - 0.0432) calc(h + 1.52))\"}"
578
583
  },
579
584
  "series-d": {
580
585
  "name": "Series D",
581
586
  "type": "color",
582
- "value": "oklch(84.34% 0.1632 102.78deg)"
587
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.3266) calc(c - 0.052) calc(h + 141.56))\"}"
583
588
  },
584
589
  "series-d-bold": {
585
590
  "name": "Series D Bold",
586
591
  "type": "color",
587
- "value": "oklch(93.40% 0.1682 102.59deg)"
592
+ "value": "#{\"oklch(from var(--kendo-color-series-d) calc(l + 0.0906) calc(c + 0.005) calc(h - 0.19))\"}"
588
593
  },
589
594
  "series-d-bolder": {
590
595
  "name": "Series D Bolder",
591
596
  "type": "color",
592
- "value": "oklch(94.89% 0.1341 102.71deg)"
597
+ "value": "#{\"oklch(from var(--kendo-color-series-d) calc(l + 0.1055) calc(c - 0.0291) calc(h - 0.07))\"}"
593
598
  },
594
599
  "series-d-subtle": {
595
600
  "name": "Series D Subtle",
596
601
  "type": "color",
597
- "value": "oklch(66.49% 0.1269 102.45deg)"
602
+ "value": "#{\"oklch(from var(--kendo-color-series-d) calc(l - 0.1785) calc(c - 0.0363) calc(h - 0.33))\"}"
598
603
  },
599
604
  "series-d-subtler": {
600
605
  "name": "Series D Subtler",
601
606
  "type": "color",
602
- "value": "oklch(45.84% 0.0853 102.35deg)"
607
+ "value": "#{\"oklch(from var(--kendo-color-series-d) calc(l - 0.385) calc(c - 0.0779) calc(h - 0.43))\"}"
603
608
  },
604
609
  "series-e": {
605
610
  "name": "Series E",
606
611
  "type": "color",
607
- "value": "oklch(64.26% 0.2153 28.80deg)"
612
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.1258) calc(c + 0.0001) calc(h + 67.58))\"}"
608
613
  },
609
614
  "series-e-bold": {
610
615
  "name": "Series E Bold",
611
616
  "type": "color",
612
- "value": "oklch(70.89% 0.1651 26.42deg)"
617
+ "value": "#{\"oklch(from var(--kendo-color-series-e) calc(l + 0.0663) calc(c - 0.0502) calc(h - 2.38))\"}"
613
618
  },
614
619
  "series-e-bolder": {
615
620
  "name": "Series E Bolder",
616
621
  "type": "color",
617
- "value": "oklch(79.63% 0.1069 23.91deg)"
622
+ "value": "#{\"oklch(from var(--kendo-color-series-e) calc(l + 0.1537) calc(c - 0.1084) calc(h - 4.89))\"}"
618
623
  },
619
624
  "series-e-subtle": {
620
625
  "name": "Series E Subtle",
621
626
  "type": "color",
622
- "value": "oklch(52.03% 0.1712 28.42deg)"
627
+ "value": "#{\"oklch(from var(--kendo-color-series-e) calc(l - 0.1223) calc(c - 0.0441) calc(h - 0.38))\"}"
623
628
  },
624
629
  "series-e-subtler": {
625
630
  "name": "Series E Subtler",
626
631
  "type": "color",
627
- "value": "oklch(39.15% 0.1231 28.56deg)"
632
+ "value": "#{\"oklch(from var(--kendo-color-series-e) calc(l - 0.2511) calc(c - 0.0922) calc(h - 0.24))\"}"
628
633
  },
629
634
  "series-f": {
630
635
  "name": "Series F",
631
636
  "type": "color",
632
- "value": "oklch(61.30% 0.1469 144.15deg)"
637
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.0962) calc(c - 0.0683) calc(h - 177.07))\"}"
633
638
  },
634
639
  "series-f-bold": {
635
640
  "name": "Series F Bold",
636
641
  "type": "color",
637
- "value": "oklch(71.04% 0.1463 144.78deg)"
642
+ "value": "#{\"oklch(from var(--kendo-color-series-f) calc(l + 0.0974) calc(c - 0.0006) calc(h + 0.63))\"}"
638
643
  },
639
644
  "series-f-bolder": {
640
645
  "name": "Series F Bolder",
641
646
  "type": "color",
642
- "value": "oklch(78.61% 0.1076 145.62deg)"
647
+ "value": "#{\"oklch(from var(--kendo-color-series-f) calc(l + 0.1731) calc(c - 0.0393) calc(h + 1.47))\"}"
643
648
  },
644
649
  "series-f-subtle": {
645
650
  "name": "Series F Subtle",
646
651
  "type": "color",
647
- "value": "oklch(48.83% 0.1136 144.18deg)"
652
+ "value": "#{\"oklch(from var(--kendo-color-series-f) calc(l - 0.1247) calc(c - 0.0333) calc(h + 0.03))\"}"
648
653
  },
649
654
  "series-f-subtler": {
650
655
  "name": "Series F Subtler",
651
656
  "type": "color",
652
- "value": "oklch(34.45% 0.0759 144.23deg)"
657
+ "value": "#{\"oklch(from var(--kendo-color-series-f) calc(l - 0.2685) calc(c - 0.071) calc(h + 0.08))\"}"
653
658
  }
654
659
  }
655
660
  }