@progress/kendo-theme-classic 14.1.1-dev.2 → 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 (43) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/classic-green-dark.css +1 -1
  3. package/dist/classic-green-dark.scss +104 -103
  4. package/dist/classic-green.css +1 -1
  5. package/dist/classic-green.scss +95 -94
  6. package/dist/classic-lavender-dark.css +1 -1
  7. package/dist/classic-lavender-dark.scss +105 -108
  8. package/dist/classic-lavender.css +1 -1
  9. package/dist/classic-lavender.scss +96 -99
  10. package/dist/classic-main-dark.css +1 -1
  11. package/dist/classic-main-dark.scss +104 -103
  12. package/dist/classic-main.css +1 -1
  13. package/dist/classic-metro-dark.css +1 -1
  14. package/dist/classic-metro-dark.scss +105 -108
  15. package/dist/classic-metro.css +1 -1
  16. package/dist/classic-metro.scss +96 -99
  17. package/dist/classic-moonlight.css +1 -1
  18. package/dist/classic-moonlight.scss +105 -107
  19. package/dist/classic-opal-dark.css +1 -1
  20. package/dist/classic-opal-dark.scss +104 -103
  21. package/dist/classic-opal.css +1 -1
  22. package/dist/classic-opal.scss +95 -94
  23. package/dist/classic-silver-dark.css +1 -1
  24. package/dist/classic-silver-dark.scss +104 -103
  25. package/dist/classic-silver.css +1 -1
  26. package/dist/classic-silver.scss +95 -94
  27. package/dist/classic-uniform.css +1 -1
  28. package/dist/classic-uniform.scss +96 -98
  29. package/lib/swatches/classic-green-dark.json +109 -104
  30. package/lib/swatches/classic-green.json +100 -95
  31. package/lib/swatches/classic-lavender-dark.json +109 -134
  32. package/lib/swatches/classic-lavender.json +100 -125
  33. package/lib/swatches/classic-main-dark.json +109 -104
  34. package/lib/swatches/classic-main.json +1 -1
  35. package/lib/swatches/classic-metro-dark.json +109 -134
  36. package/lib/swatches/classic-metro.json +100 -125
  37. package/lib/swatches/classic-moonlight.json +109 -129
  38. package/lib/swatches/classic-opal-dark.json +109 -104
  39. package/lib/swatches/classic-opal.json +100 -95
  40. package/lib/swatches/classic-silver-dark.json +109 -104
  41. package/lib/swatches/classic-silver.json +100 -95
  42. package/lib/swatches/classic-uniform.json +100 -125
  43. package/package.json +4 -4
package/lib/swatches/classic-lavender.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Lavender",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.1.1-dev.2",
6
+ "version": "14.1.1-dev.3",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(98.51% 0.0001 0deg)",
@@ -24,7 +24,7 @@
24
24
  "on-app-surface": {
25
25
  "name": "On App Surface",
26
26
  "type": "color",
27
- "value": "oklch(18.22% 0.0000 0deg)"
27
+ "value": "#{\"oklch(from var(--kendo-color-app-surface) clamp(0.1822, (0.65 - l) * 99999, 0.8178) 0 h)\"}"
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(97.61% 0.0001 0deg)"
57
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l + 0.006) c h)\"}"
58
58
  },
59
59
  "base-subtle-hover": {
60
60
  "name": "Base Subtle Hover",
61
61
  "type": "color",
62
- "value": "oklch(97.31% 0.0001 0deg)"
62
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l + 0.003) c h)\"}"
63
63
  },
64
64
  "base-subtle-active": {
65
65
  "name": "Base Subtle Active",
66
66
  "type": "color",
67
- "value": "oklch(92.49% 0.0001 0deg)"
67
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.0452) c h)\"}"
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(90.97% 0.0001 0deg)"
77
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.0604) c h)\"}"
78
78
  },
79
79
  "base-active": {
80
80
  "name": "Base Active",
81
81
  "type": "color",
82
- "value": "oklch(85.14% 0.0001 0deg)"
82
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.1187) c h)\"}"
83
83
  },
84
84
  "base-emphasis": {
85
85
  "name": "Base Emphasis",
86
86
  "type": "color",
87
- "value": "oklch(86.69% 0.0001 0deg)"
87
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.1032) c h)\"}"
88
88
  },
89
89
  "base-on-subtle": {
90
90
  "name": "Base On Subtle",
91
91
  "type": "color",
92
- "value": "oklch(18.22% 0.0000 0deg)"
92
+ "value": "#{\"oklch(from var(--kendo-color-base-subtle) clamp(0.1822, (0.65 - l) * 99999, 0.8178) 0 h)\"}"
93
93
  },
94
94
  "on-base": {
95
95
  "name": "On Base",
96
96
  "type": "color",
97
- "value": "oklch(18.22% 0.0000 0deg)"
97
+ "value": "#{\"oklch(from var(--kendo-color-base) clamp(0.1822, (0.65 - l) * 99999, 0.8178) 0 h)\"}"
98
98
  },
99
99
  "base-on-surface": {
100
100
  "name": "Base On Surface",
101
101
  "type": "color",
102
- "value": "oklch(18.22% 0.0000 0deg)"
102
+ "value": "#{\"oklch(from var(--kendo-color-base) clamp(0.1822, (0.65 - l) * 99999, 0.8178) 0 h)\"}"
103
103
  },
104
104
  "primary-subtle": {
105
105
  "name": "Primary Subtle",
106
106
  "type": "color",
107
- "value": "oklch(91.84% 0.0245 321.43deg)"
107
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l + 0.3382) calc(c - 0.1086) calc(h - 0.19))\"}"
108
108
  },
109
109
  "primary-subtle-hover": {
110
110
  "name": "Primary Subtle Hover",
111
111
  "type": "color",
112
- "value": "oklch(85.39% 0.0445 321.12deg)"
112
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l + 0.2737) calc(c - 0.0886) calc(h - 0.5))\"}"
113
113
  },
114
114
  "primary-subtle-active": {
115
115
  "name": "Primary Subtle Active",
116
116
  "type": "color",
117
- "value": "oklch(79.17% 0.0641 321.79deg)"
117
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l + 0.2115) calc(c - 0.069) calc(h + 0.17))\"}"
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(54.65% 0.1229 321.60deg)"
127
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.0337) calc(c - 0.0102) calc(h - 0.02))\"}"
128
128
  },
129
129
  "primary-active": {
130
130
  "name": "Primary Active",
131
131
  "type": "color",
132
- "value": "oklch(51.24% 0.1159 321.78deg)"
132
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.0678) calc(c - 0.0172) calc(h + 0.16))\"}"
133
133
  },
134
134
  "primary-emphasis": {
135
135
  "name": "Primary Emphasis",
136
136
  "type": "color",
137
- "value": "oklch(68.62% 0.0977 321.00deg)"
137
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l + 0.106) calc(c - 0.0354) calc(h - 0.62))\"}"
138
138
  },
139
139
  "primary-on-subtle": {
140
140
  "name": "Primary On Subtle",
141
141
  "type": "color",
142
- "value": "oklch(28.73% 0.0548 321.22deg)"
142
+ "value": "#{\"oklch(from var(--kendo-color-primary-subtle) clamp(0.2873, (0.65 - l) * 99999, 0.7127) 0.0548 calc(h - 0.21))\"}"
143
143
  },
144
144
  "on-primary": {
145
145
  "name": "On Primary",
146
146
  "type": "color",
147
- "value": "oklch(100.00% 0.0001 0deg)"
147
+ "value": "#{\"oklch(from var(--kendo-color-primary) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h + 38.38))\"}"
148
148
  },
149
149
  "primary-on-surface": {
150
150
  "name": "Primary On Surface",
151
151
  "type": "color",
152
- "value": "oklch(47.42% 0.1054 321.78deg)"
152
+ "value": "#{\"oklch(from var(--kendo-color-primary) clamp(0.4742, (0.5302 - l) * 99999, 0.5258) 0.1054 calc(h + 0.16))\"}"
153
153
  },
154
154
  "secondary-subtle": {
155
155
  "name": "Secondary Subtle",
156
156
  "type": "color",
157
- "value": "oklch(99.40% 0.0001 0deg)"
157
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l + 0.0209) c h)\"}"
158
158
  },
159
159
  "secondary-subtle-hover": {
160
160
  "name": "Secondary Subtle Hover",
161
161
  "type": "color",
162
- "value": "oklch(99.11% 0.0001 0deg)"
162
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l + 0.018) c h)\"}"
163
163
  },
164
164
  "secondary-subtle-active": {
165
165
  "name": "Secondary Subtle Active",
166
166
  "type": "color",
167
- "value": "oklch(98.81% 0.0001 0deg)"
167
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l + 0.015) c h)\"}"
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(91.28% 0.0001 0deg)"
177
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l - 0.0603) c h)\"}"
178
178
  },
179
179
  "secondary-active": {
180
180
  "name": "Secondary Active",
181
181
  "type": "color",
182
- "value": "oklch(85.45% 0.0001 0deg)"
182
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l - 0.1186) c h)\"}"
183
183
  },
184
184
  "secondary-emphasis": {
185
185
  "name": "Secondary Emphasis",
186
186
  "type": "color",
187
- "value": "oklch(97.91% 0.0001 0deg)"
187
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l + 0.006) c h)\"}"
188
188
  },
189
189
  "secondary-on-subtle": {
190
190
  "name": "Secondary On Subtle",
191
191
  "type": "color",
192
- "value": "oklch(45.32% 0.0001 0deg)"
192
+ "value": "#{\"oklch(from var(--kendo-color-secondary-subtle) clamp(0.4532, (0.65 - l) * 99999, 0.5468) 0.0001 h)\"}"
193
193
  },
194
194
  "on-secondary": {
195
195
  "name": "On Secondary",
196
196
  "type": "color",
197
- "value": "oklch(0.00% 0.0000 0deg)"
197
+ "value": "#{\"oklch(from var(--kendo-color-secondary) clamp(0, (0.65 - l) * 99999, 0.95) 0 h)\"}"
198
198
  },
199
199
  "secondary-on-surface": {
200
200
  "name": "Secondary On Surface",
201
201
  "type": "color",
202
- "value": "oklch(78.58% 0.0001 0deg)"
202
+ "value": "#{\"oklch(from var(--kendo-color-secondary) clamp(0.2142, (1.0231 - l) * 99999, 0.7858) 0.0001 h)\"}"
203
203
  },
204
204
  "info-subtle": {
205
205
  "name": "Info Subtle",
206
206
  "type": "color",
207
- "value": "oklch(92.08% 0.0325 258.38deg)"
207
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l + 0.3069) calc(c - 0.1454) calc(h - 1.55))\"}"
208
208
  },
209
209
  "info-subtle-hover": {
210
210
  "name": "Info Subtle Hover",
211
211
  "type": "color",
212
- "value": "oklch(86.16% 0.0592 259.55deg)"
212
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l + 0.2477) calc(c - 0.1187) calc(h - 0.38))\"}"
213
213
  },
214
214
  "info-subtle-active": {
215
215
  "name": "Info Subtle Active",
216
216
  "type": "color",
217
- "value": "oklch(80.30% 0.0851 260.13deg)"
217
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l + 0.1891) calc(c - 0.0928) calc(h + 0.2))\"}"
218
218
  },
219
219
  "info": {
220
220
  "name": "Info",
@@ -224,47 +224,47 @@
224
224
  "info-hover": {
225
225
  "name": "Info Hover",
226
226
  "type": "color",
227
- "value": "oklch(57.83% 0.1660 259.82deg)"
227
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.0356) calc(c - 0.0119) calc(h - 0.11))\"}"
228
228
  },
229
229
  "info-active": {
230
230
  "name": "Info Active",
231
231
  "type": "color",
232
- "value": "oklch(54.22% 0.1538 259.70deg)"
232
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.0717) calc(c - 0.0241) calc(h - 0.23))\"}"
233
233
  },
234
234
  "info-emphasis": {
235
235
  "name": "Info Emphasis",
236
236
  "type": "color",
237
- "value": "oklch(70.56% 0.1325 259.90deg)"
237
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l + 0.0917) calc(c - 0.0454) calc(h - 0.03))\"}"
238
238
  },
239
239
  "info-on-subtle": {
240
240
  "name": "Info On Subtle",
241
241
  "type": "color",
242
- "value": "oklch(30.06% 0.0750 259.91deg)"
242
+ "value": "#{\"oklch(from var(--kendo-color-info-subtle) clamp(0.3006, (0.65 - l) * 99999, 0.6994) 0.075 calc(h + 1.53))\"}"
243
243
  },
244
244
  "on-info": {
245
245
  "name": "On Info",
246
246
  "type": "color",
247
- "value": "oklch(100.00% 0.0001 0deg)"
247
+ "value": "#{\"oklch(from var(--kendo-color-info) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h + 100.07))\"}"
248
248
  },
249
249
  "info-on-surface": {
250
250
  "name": "Info On Surface",
251
251
  "type": "color",
252
- "value": "oklch(49.96% 0.1410 260.10deg)"
252
+ "value": "#{\"oklch(from var(--kendo-color-info) clamp(0.4996, (0.5639 - l) * 99999, 0.5004) 0.141 calc(h + 0.17))\"}"
253
253
  },
254
254
  "success-subtle": {
255
255
  "name": "Success Subtle",
256
256
  "type": "color",
257
- "value": "oklch(94.17% 0.0438 135.97deg)"
257
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l + 0.2156) calc(c - 0.1564) calc(h - 2.12))\"}"
258
258
  },
259
259
  "success-subtle-hover": {
260
260
  "name": "Success Subtle Hover",
261
261
  "type": "color",
262
- "value": "oklch(89.88% 0.0774 135.99deg)"
262
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l + 0.1727) calc(c - 0.1228) calc(h - 2.1))\"}"
263
263
  },
264
264
  "success-subtle-active": {
265
265
  "name": "Success Subtle Active",
266
266
  "type": "color",
267
- "value": "oklch(85.71% 0.1095 136.45deg)"
267
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l + 0.131) calc(c - 0.0907) calc(h - 1.64))\"}"
268
268
  },
269
269
  "success": {
270
270
  "name": "Success",
@@ -274,47 +274,47 @@
274
274
  "success-hover": {
275
275
  "name": "Success Hover",
276
276
  "type": "color",
277
- "value": "oklch(68.13% 0.1871 138.11deg)"
277
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.0448) calc(c - 0.0131) calc(h + 0.02))\"}"
278
278
  },
279
279
  "success-active": {
280
280
  "name": "Success Active",
281
281
  "type": "color",
282
- "value": "oklch(63.88% 0.1745 138.03deg)"
282
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.0873) calc(c - 0.0257) calc(h - 0.06))\"}"
283
283
  },
284
284
  "success-emphasis": {
285
285
  "name": "Success Emphasis",
286
286
  "type": "color",
287
- "value": "oklch(78.75% 0.1608 137.01deg)"
287
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l + 0.0614) calc(c - 0.0394) calc(h - 1.08))\"}"
288
288
  },
289
289
  "success-on-subtle": {
290
290
  "name": "Success On Subtle",
291
291
  "type": "color",
292
- "value": "oklch(34.79% 0.0873 137.72deg)"
292
+ "value": "#{\"oklch(from var(--kendo-color-success-subtle) clamp(0.3479, (0.65 - l) * 99999, 0.6521) 0.0873 calc(h + 1.75))\"}"
293
293
  },
294
294
  "on-success": {
295
295
  "name": "On Success",
296
296
  "type": "color",
297
- "value": "oklch(100.00% 0.0001 0deg)"
297
+ "value": "#{\"oklch(from var(--kendo-color-success) clamp(0.05, (0.7761 - l) * 99999, 1) 0.0001 calc(h - 138.09))\"}"
298
298
  },
299
299
  "success-on-surface": {
300
300
  "name": "Success On Surface",
301
301
  "type": "color",
302
- "value": "oklch(58.97% 0.1597 137.98deg)"
302
+ "value": "#{\"oklch(from var(--kendo-color-success) clamp(0.4103, (0.7761 - l) * 99999, 0.5897) 0.1597 calc(h - 0.11))\"}"
303
303
  },
304
304
  "warning-subtle": {
305
305
  "name": "Warning Subtle",
306
306
  "type": "color",
307
- "value": "oklch(97.05% 0.0392 91.24deg)"
307
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l + 0.1014) calc(c - 0.1205) calc(h + 1.47))\"}"
308
308
  },
309
309
  "warning-subtle-hover": {
310
310
  "name": "Warning Subtle Hover",
311
311
  "type": "color",
312
- "value": "oklch(94.95% 0.0676 92.74deg)"
312
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l + 0.0804) calc(c - 0.0921) calc(h + 2.97))\"}"
313
313
  },
314
314
  "warning-subtle-active": {
315
315
  "name": "Warning Subtle Active",
316
316
  "type": "color",
317
- "value": "oklch(93.05% 0.0937 92.45deg)"
317
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l + 0.0614) calc(c - 0.066) calc(h + 2.68))\"}"
318
318
  },
319
319
  "warning": {
320
320
  "name": "Warning",
@@ -324,47 +324,47 @@
324
324
  "warning-hover": {
325
325
  "name": "Warning Hover",
326
326
  "type": "color",
327
- "value": "oklch(81.76% 0.1500 89.99deg)"
327
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.0515) calc(c - 0.0097) calc(h + 0.22))\"}"
328
328
  },
329
329
  "warning-active": {
330
330
  "name": "Warning Active",
331
331
  "type": "color",
332
- "value": "oklch(76.33% 0.1395 89.62deg)"
332
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.1058) calc(c - 0.0202) calc(h - 0.15))\"}"
333
333
  },
334
334
  "warning-emphasis": {
335
335
  "name": "Warning Emphasis",
336
336
  "type": "color",
337
- "value": "oklch(89.78% 0.1329 91.15deg)"
337
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l + 0.0287) calc(c - 0.0268) calc(h + 1.38))\"}"
338
338
  },
339
339
  "warning-on-subtle": {
340
340
  "name": "Warning On Subtle",
341
341
  "type": "color",
342
- "value": "oklch(40.89% 0.0704 89.83deg)"
342
+ "value": "#{\"oklch(from var(--kendo-color-warning-subtle) clamp(0.4089, (0.65 - l) * 99999, 0.5911) 0.0704 calc(h - 1.41))\"}"
343
343
  },
344
344
  "on-warning": {
345
345
  "name": "On Warning",
346
346
  "type": "color",
347
- "value": "oklch(0.00% 0.0000 0deg)"
347
+ "value": "#{\"oklch(from var(--kendo-color-warning) clamp(0, (0.65 - l) * 99999, 0.95) 0 calc(h - 89.77))\"}"
348
348
  },
349
349
  "warning-on-surface": {
350
350
  "name": "Warning On Surface",
351
351
  "type": "color",
352
- "value": "oklch(70.28% 0.1276 90.10deg)"
352
+ "value": "#{\"oklch(from var(--kendo-color-warning) clamp(0.2972, (0.9191 - l) * 99999, 0.7028) 0.1276 calc(h + 0.33))\"}"
353
353
  },
354
354
  "error-subtle": {
355
355
  "name": "Error Subtle",
356
356
  "type": "color",
357
- "value": "oklch(89.34% 0.0427 14.26deg)"
357
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l + 0.3362) calc(c - 0.1731) calc(h - 12.08))\"}"
358
358
  },
359
359
  "error-subtle-hover": {
360
360
  "name": "Error Subtle Hover",
361
361
  "type": "color",
362
- "value": "oklch(81.54% 0.0763 15.75deg)"
362
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l + 0.2582) calc(c - 0.1395) calc(h - 10.59))\"}"
363
363
  },
364
364
  "error-subtle-active": {
365
365
  "name": "Error Subtle Active",
366
366
  "type": "color",
367
- "value": "oklch(74.01% 0.1146 16.77deg)"
367
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l + 0.1829) calc(c - 0.1012) calc(h - 9.57))\"}"
368
368
  },
369
369
  "error": {
370
370
  "name": "Error",
@@ -374,212 +374,187 @@
374
374
  "error-hover": {
375
375
  "name": "Error Hover",
376
376
  "type": "color",
377
- "value": "oklch(52.40% 0.2023 26.28deg)"
377
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.0332) calc(c - 0.0135) calc(h - 0.06))\"}"
378
378
  },
379
379
  "error-active": {
380
380
  "name": "Error Active",
381
381
  "type": "color",
382
- "value": "oklch(49.03% 0.1886 26.22deg)"
382
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.0669) calc(c - 0.0272) calc(h - 0.12))\"}"
383
383
  },
384
384
  "error-emphasis": {
385
385
  "name": "Error Emphasis",
386
386
  "type": "color",
387
- "value": "oklch(63.21% 0.1757 20.80deg)"
387
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l + 0.0749) calc(c - 0.0401) calc(h - 5.54))\"}"
388
388
  },
389
389
  "error-on-subtle": {
390
390
  "name": "Error On Subtle",
391
391
  "type": "color",
392
- "value": "oklch(26.97% 0.0961 24.58deg)"
392
+ "value": "#{\"oklch(from var(--kendo-color-error-subtle) clamp(0.2697, (0.65 - l) * 99999, 0.7303) 0.0961 calc(h + 10.32))\"}"
393
393
  },
394
394
  "on-error": {
395
395
  "name": "On Error",
396
396
  "type": "color",
397
- "value": "oklch(100.00% 0.0001 0deg)"
397
+ "value": "#{\"oklch(from var(--kendo-color-error) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h - 26.34))\"}"
398
398
  },
399
399
  "error-on-surface": {
400
400
  "name": "Error On Surface",
401
401
  "type": "color",
402
- "value": "oklch(45.22% 0.1727 26.06deg)"
402
+ "value": "#{\"oklch(from var(--kendo-color-error) clamp(0.4522, (0.5072 - l) * 99999, 0.5478) 0.1727 calc(h - 0.28))\"}"
403
+ },
404
+ "series": {
405
+ "name": "Series",
406
+ "type": "color",
407
+ "value": "oklch(66.53% 0.1556 321.76deg)"
403
408
  },
404
409
  "series-a": {
405
410
  "name": "Series A",
406
411
  "type": "color",
407
- "value": "oklch(66.53% 0.1556 321.76deg)"
412
+ "value": "#{\"oklch(from var(--kendo-color-series) l c h)\"}"
408
413
  },
409
414
  "series-a-bold": {
410
415
  "name": "Series A Bold",
411
416
  "type": "color",
412
- "value": "oklch(53.99% 0.1231 321.61deg)"
417
+ "value": "#{\"oklch(from var(--kendo-color-series-a) calc(l - 0.1254) calc(c - 0.0325) calc(h - 0.15))\"}"
413
418
  },
414
419
  "series-a-bolder": {
415
420
  "name": "Series A Bolder",
416
421
  "type": "color",
417
- "value": "oklch(40.80% 0.0888 322.17deg)"
422
+ "value": "#{\"oklch(from var(--kendo-color-series-a) calc(l - 0.2573) calc(c - 0.0668) calc(h + 0.41))\"}"
418
423
  },
419
424
  "series-a-subtle": {
420
425
  "name": "Series A Subtle",
421
426
  "type": "color",
422
- "value": "oklch(74.69% 0.1160 321.51deg)"
427
+ "value": "#{\"oklch(from var(--kendo-color-series-a) calc(l + 0.0816) calc(c - 0.0396) calc(h - 0.25))\"}"
423
428
  },
424
429
  "series-a-subtler": {
425
430
  "name": "Series A Subtler",
426
431
  "type": "color",
427
- "value": "oklch(83.12% 0.0760 321.11deg)"
432
+ "value": "#{\"oklch(from var(--kendo-color-series-a) calc(l + 0.1659) calc(c - 0.0796) calc(h - 0.65))\"}"
428
433
  },
429
434
  "series-b": {
430
435
  "name": "Series B",
431
436
  "type": "color",
432
- "value": "oklch(87.94% 0.1577 90.42deg)"
437
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.2141) calc(c + 0.0021) calc(h + 128.66))\"}"
433
438
  },
434
439
  "series-b-bold": {
435
440
  "name": "Series B Bold",
436
441
  "type": "color",
437
- "value": "oklch(71.05% 0.1258 90.99deg)"
442
+ "value": "#{\"oklch(from var(--kendo-color-series-b) calc(l - 0.1689) calc(c - 0.0319) calc(h + 0.57))\"}"
438
443
  },
439
444
  "series-b-bolder": {
440
445
  "name": "Series B Bolder",
441
446
  "type": "color",
442
- "value": "oklch(52.96% 0.0918 90.41deg)"
447
+ "value": "#{\"oklch(from var(--kendo-color-series-b) calc(l - 0.3498) calc(c - 0.0659) calc(h - 0.01))\"}"
443
448
  },
444
449
  "series-b-subtle": {
445
450
  "name": "Series B Subtle",
446
451
  "type": "color",
447
- "value": "oklch(90.53% 0.1298 91.75deg)"
452
+ "value": "#{\"oklch(from var(--kendo-color-series-b) calc(l + 0.0259) calc(c - 0.0279) calc(h + 1.33))\"}"
448
453
  },
449
454
  "series-b-subtler": {
450
455
  "name": "Series B Subtler",
451
456
  "type": "color",
452
- "value": "oklch(93.60% 0.0912 92.71deg)"
457
+ "value": "#{\"oklch(from var(--kendo-color-series-b) calc(l + 0.0566) calc(c - 0.0665) calc(h + 2.29))\"}"
453
458
  },
454
459
  "series-c": {
455
460
  "name": "Series C",
456
461
  "type": "color",
457
- "value": "oklch(77.83% 0.2040 135.25deg)"
462
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.113) calc(c + 0.0484) calc(h + 173.49))\"}"
458
463
  },
459
464
  "series-c-bold": {
460
465
  "name": "Series C Bold",
461
466
  "type": "color",
462
- "value": "oklch(63.07% 0.1633 135.16deg)"
467
+ "value": "#{\"oklch(from var(--kendo-color-series-c) calc(l - 0.1476) calc(c - 0.0407) calc(h - 0.09))\"}"
463
468
  },
464
469
  "series-c-bolder": {
465
470
  "name": "Series C Bolder",
466
471
  "type": "color",
467
- "value": "oklch(47.13% 0.1177 134.97deg)"
472
+ "value": "#{\"oklch(from var(--kendo-color-series-c) calc(l - 0.307) calc(c - 0.0863) calc(h - 0.28))\"}"
468
473
  },
469
474
  "series-c-subtle": {
470
475
  "name": "Series C Subtle",
471
476
  "type": "color",
472
- "value": "oklch(82.76% 0.1635 133.68deg)"
477
+ "value": "#{\"oklch(from var(--kendo-color-series-c) calc(l + 0.0493) calc(c - 0.0405) calc(h - 1.57))\"}"
473
478
  },
474
479
  "series-c-subtler": {
475
480
  "name": "Series C Subtler",
476
481
  "type": "color",
477
- "value": "oklch(88.36% 0.1129 132.72deg)"
482
+ "value": "#{\"oklch(from var(--kendo-color-series-c) calc(l + 0.1053) calc(c - 0.0911) calc(h - 2.53))\"}"
478
483
  },
479
484
  "series-d": {
480
485
  "name": "Series D",
481
486
  "type": "color",
482
- "value": "oklch(70.84% 0.1146 209.78deg)"
487
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.0431) calc(c - 0.041) calc(h - 111.98))\"}"
483
488
  },
484
489
  "series-d-bold": {
485
490
  "name": "Series D Bold",
486
491
  "type": "color",
487
- "value": "oklch(57.39% 0.0918 209.59deg)"
492
+ "value": "#{\"oklch(from var(--kendo-color-series-d) calc(l - 0.1345) calc(c - 0.0228) calc(h - 0.19))\"}"
488
493
  },
489
494
  "series-d-bolder": {
490
495
  "name": "Series D Bolder",
491
496
  "type": "color",
492
- "value": "oklch(43.10% 0.0674 209.27deg)"
497
+ "value": "#{\"oklch(from var(--kendo-color-series-d) calc(l - 0.2774) calc(c - 0.0472) calc(h - 0.51))\"}"
493
498
  },
494
499
  "series-d-subtle": {
495
500
  "name": "Series D Subtle",
496
501
  "type": "color",
497
- "value": "oklch(77.34% 0.0989 207.91deg)"
502
+ "value": "#{\"oklch(from var(--kendo-color-series-d) calc(l + 0.065) calc(c - 0.0157) calc(h - 1.87))\"}"
498
503
  },
499
504
  "series-d-subtler": {
500
505
  "name": "Series D Subtler",
501
506
  "type": "color",
502
- "value": "oklch(84.55% 0.0713 207.24deg)"
507
+ "value": "#{\"oklch(from var(--kendo-color-series-d) calc(l + 0.1371) calc(c - 0.0433) calc(h - 2.54))\"}"
503
508
  },
504
509
  "series-e": {
505
510
  "name": "Series E",
506
511
  "type": "color",
507
- "value": "oklch(58.76% 0.2076 261.41deg)"
512
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l - 0.0777) calc(c + 0.052) calc(h - 60.35))\"}"
508
513
  },
509
514
  "series-e-bold": {
510
515
  "name": "Series E Bold",
511
516
  "type": "color",
512
- "value": "oklch(47.78% 0.1651 261.56deg)"
517
+ "value": "#{\"oklch(from var(--kendo-color-series-e) calc(l - 0.1098) calc(c - 0.0425) calc(h + 0.15))\"}"
513
518
  },
514
519
  "series-e-bolder": {
515
520
  "name": "Series E Bolder",
516
521
  "type": "color",
517
- "value": "oklch(36.37% 0.1182 261.41deg)"
522
+ "value": "#{\"oklch(from var(--kendo-color-series-e) calc(l - 0.2239) calc(c - 0.0894) h)\"}"
518
523
  },
519
524
  "series-e-subtle": {
520
525
  "name": "Series E Subtle",
521
526
  "type": "color",
522
- "value": "oklch(68.19% 0.1557 261.99deg)"
527
+ "value": "#{\"oklch(from var(--kendo-color-series-e) calc(l + 0.0943) calc(c - 0.0519) calc(h + 0.58))\"}"
523
528
  },
524
529
  "series-e-subtler": {
525
530
  "name": "Series E Subtler",
526
531
  "type": "color",
527
- "value": "oklch(78.46% 0.1010 262.43deg)"
532
+ "value": "#{\"oklch(from var(--kendo-color-series-e) calc(l + 0.197) calc(c - 0.1066) calc(h + 1.02))\"}"
528
533
  },
529
534
  "series-f": {
530
535
  "name": "Series F",
531
536
  "type": "color",
532
- "value": "oklch(57.50% 0.1967 320.59deg)"
537
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l - 0.0903) calc(c + 0.0411) calc(h - 1.17))\"}"
533
538
  },
534
539
  "series-f-bold": {
535
540
  "name": "Series F Bold",
536
541
  "type": "color",
537
- "value": "oklch(46.98% 0.1562 320.62deg)"
542
+ "value": "#{\"oklch(from var(--kendo-color-series-f) calc(l - 0.1052) calc(c - 0.0405) calc(h + 0.03))\"}"
538
543
  },
539
544
  "series-f-bolder": {
540
545
  "name": "Series F Bolder",
541
546
  "type": "color",
542
- "value": "oklch(35.49% 0.1128 320.65deg)"
547
+ "value": "#{\"oklch(from var(--kendo-color-series-f) calc(l - 0.2201) calc(c - 0.0839) calc(h + 0.06))\"}"
543
548
  },
544
549
  "series-f-subtle": {
545
550
  "name": "Series F Subtle",
546
551
  "type": "color",
547
- "value": "oklch(67.24% 0.1509 320.73deg)"
552
+ "value": "#{\"oklch(from var(--kendo-color-series-f) calc(l + 0.0974) calc(c - 0.0458) calc(h + 0.14))\"}"
548
553
  },
549
554
  "series-f-subtler": {
550
555
  "name": "Series F Subtler",
551
556
  "type": "color",
552
- "value": "oklch(78.14% 0.0995 320.65deg)"
553
- }
554
- }
555
- },
556
- {
557
- "hidden": true,
558
- "variables": {
559
- "kendo-enable-gradients": {
560
- "name": "Enable gradients",
561
- "type": "boolean",
562
- "value": false
563
- },
564
- "kendo-enable-rounded": {
565
- "name": "Enable rounded corners",
566
- "type": "boolean",
567
- "value": true
568
- },
569
- "kendo-focus-shadow": {
570
- "name": "Focus shadow",
571
- "type": "shadow",
572
- "value": "0 0 0 2px oklch(0.00% 0.0000 0deg / 0.12)"
573
- },
574
- "kendo-list-item-focus-shadow": {
575
- "name": "List item focus shadow",
576
- "type": "shadow",
577
- "value": "inset 0 0 0 2px oklch(100.00% 0.0001 0deg / 0.75)"
578
- },
579
- "kendo-treeview-item-focus-shadow": {
580
- "name": "Treeview item focus shadow",
581
- "type": "shadow",
582
- "value": "inset 0 0 0 2px oklch(100.00% 0.0001 0deg / 0.75)"
557
+ "value": "#{\"oklch(from var(--kendo-color-series-f) calc(l + 0.2064) calc(c - 0.0972) calc(h + 0.06))\"}"
583
558
  }
584
559
  }
585
560
  }