@progress/kendo-theme-meridian 14.0.0-dev.5 → 14.0.0-dev.7

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 (21) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/meridian-main-dark.css +1 -1
  3. package/dist/meridian-main-dark.scss +112 -112
  4. package/dist/meridian-main.css +1 -1
  5. package/dist/meta/sassdoc-data.json +96 -96
  6. package/dist/meta/sassdoc-raw-data.json +40 -40
  7. package/dist/meta/variables.json +11 -11
  8. package/lib/swatches/meridian-main-dark.json +113 -113
  9. package/lib/swatches/meridian-main.json +1 -1
  10. package/package.json +5 -5
  11. package/scss/color-preview/_variables.scss +2 -1
  12. package/scss/core/typography/index.scss +1 -1
  13. package/scss/dataviz/_variables.scss +1 -1
  14. package/scss/gantt/_layout.scss +10 -2
  15. package/scss/grid/_layout.scss +29 -0
  16. package/scss/grid/_variables.scss +1 -1
  17. package/scss/pdf-viewer/_layout.scss +4 -2
  18. package/scss/scheduler/_layout.scss +9 -3
  19. package/scss/segmented-control/_layout.scss +8 -1
  20. package/scss/spreadsheet/_theme.scss +5 -0
  21. package/scss/window/_layout.scss +2 -1
package/lib/swatches/meridian-main-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Meridian Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-meridian",
6
- "version": "14.0.0-dev.5",
6
+ "version": "14.0.0-dev.7",
7
7
  "previewColors": [
8
8
  "oklch(13.85% 0.0249 273.24deg)",
9
9
  "oklch(23.28% 0.0218 272.75deg)",
@@ -24,7 +24,7 @@
24
24
  "on-app-surface": {
25
25
  "name": "On App Surface",
26
26
  "type": "color",
27
- "value": "oklch(95.10% 0.0063 255.48deg)"
27
+ "value": "#{\"oklch(from var(--kendo-color-app-surface) clamp(0.05, (0.65 - l) * 99999, 0.951) 0.0063 calc(h - 17.76))\"}"
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(23.28% 0.0218 272.75deg)"
57
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.0843) calc(c - 0.0068) calc(h + 7.5))\"}"
58
58
  },
59
59
  "base-subtle-hover": {
60
60
  "name": "Base Subtle Hover",
61
61
  "type": "color",
62
- "value": "oklch(24.84% 0.0241 267.05deg)"
62
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.0687) calc(c - 0.0045) calc(h + 1.8))\"}"
63
63
  },
64
64
  "base-subtle-active": {
65
65
  "name": "Base Subtle Active",
66
66
  "type": "color",
67
- "value": "oklch(27.69% 0.0256 265.42deg)"
67
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.0402) calc(c - 0.003) calc(h + 0.17))\"}"
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(34.35% 0.0286 262.89deg)"
77
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l + 0.0264) c calc(h - 2.36))\"}"
78
78
  },
79
79
  "base-active": {
80
80
  "name": "Base Active",
81
81
  "type": "color",
82
- "value": "oklch(39.88% 0.0286 258.36deg)"
82
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l + 0.0817) c calc(h - 6.89))\"}"
83
83
  },
84
84
  "base-emphasis": {
85
85
  "name": "Base Emphasis",
86
86
  "type": "color",
87
- "value": "oklch(55.85% 0.0301 257.07deg)"
87
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l + 0.2414) calc(c + 0.0015) calc(h - 8.18))\"}"
88
88
  },
89
89
  "base-on-subtle": {
90
90
  "name": "Base On Subtle",
91
91
  "type": "color",
92
- "value": "oklch(92.97% 0.0092 258.34deg)"
92
+ "value": "#{\"oklch(from var(--kendo-color-base-subtle) clamp(0.0703, (0.65 - l) * 99999, 0.9297) 0.0092 calc(h - 14.41))\"}"
93
93
  },
94
94
  "on-base": {
95
95
  "name": "On Base",
96
96
  "type": "color",
97
- "value": "oklch(95.10% 0.0063 255.48deg)"
97
+ "value": "#{\"oklch(from var(--kendo-color-base) clamp(0.05, (0.65 - l) * 99999, 0.951) 0.0063 calc(h - 9.77))\"}"
98
98
  },
99
99
  "base-on-surface": {
100
100
  "name": "Base On Surface",
101
101
  "type": "color",
102
- "value": "oklch(95.10% 0.0063 255.48deg)"
102
+ "value": "#{\"oklch(from var(--kendo-color-base) clamp(0.05, (0.65 - l) * 99999, 0.951) 0.0063 calc(h - 9.77))\"}"
103
103
  },
104
104
  "primary-subtle": {
105
105
  "name": "Primary Subtle",
106
106
  "type": "color",
107
- "value": "oklch(26.98% 0.0356 265.64deg)"
107
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.5992) calc(c + 0.0158) calc(h + 12.75))\"}"
108
108
  },
109
109
  "primary-subtle-hover": {
110
110
  "name": "Primary Subtle Hover",
111
111
  "type": "color",
112
- "value": "oklch(30.11% 0.0351 263.83deg)"
112
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.5679) calc(c + 0.0153) calc(h + 10.94))\"}"
113
113
  },
114
114
  "primary-subtle-active": {
115
115
  "name": "Primary Subtle Active",
116
116
  "type": "color",
117
- "value": "oklch(33.00% 0.0356 266.76deg)"
117
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.539) calc(c + 0.0158) calc(h + 13.87))\"}"
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(90.05% 0.0162 253.91deg)"
127
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l + 0.0315) calc(c - 0.0036) calc(h + 1.02))\"}"
128
128
  },
129
129
  "primary-active": {
130
130
  "name": "Primary Active",
131
131
  "type": "color",
132
- "value": "oklch(92.88% 0.0126 255.51deg)"
132
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l + 0.0598) calc(c - 0.0072) calc(h + 2.62))\"}"
133
133
  },
134
134
  "primary-emphasis": {
135
135
  "name": "Primary Emphasis",
136
136
  "type": "color",
137
- "value": "oklch(63.57% 0.0375 257.87deg)"
137
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.2333) calc(c + 0.0177) calc(h + 4.98))\"}"
138
138
  },
139
139
  "primary-on-subtle": {
140
140
  "name": "Primary On Subtle",
141
141
  "type": "color",
142
- "value": "oklch(95.01% 0.0097 252.81deg)"
142
+ "value": "#{\"oklch(from var(--kendo-color-primary-subtle) clamp(0.05, (0.65 - l) * 99999, 0.9501) 0.0097 calc(h - 12.83))\"}"
143
143
  },
144
144
  "on-primary": {
145
145
  "name": "On Primary",
146
146
  "type": "color",
147
- "value": "oklch(21.07% 0.0336 265.58deg)"
147
+ "value": "#{\"oklch(from var(--kendo-color-primary) clamp(0.2107, (0.65 - l) * 99999, 0.7893) 0.0336 calc(h + 12.69))\"}"
148
148
  },
149
149
  "primary-on-surface": {
150
150
  "name": "Primary On Surface",
151
151
  "type": "color",
152
- "value": "oklch(95.01% 0.0097 252.81deg)"
152
+ "value": "#{\"oklch(from var(--kendo-color-primary) clamp(0.05, (0.919 - l) * 99999, 0.9501) 0.0097 calc(h - 0.08))\"}"
153
153
  },
154
154
  "secondary-subtle": {
155
155
  "name": "Secondary Subtle",
156
156
  "type": "color",
157
- "value": "oklch(30.87% 0.0878 278.20deg)"
157
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l - 0.2366) calc(c - 0.1246) calc(h + 2.35))\"}"
158
158
  },
159
159
  "secondary-subtle-hover": {
160
160
  "name": "Secondary Subtle Hover",
161
161
  "type": "color",
162
- "value": "oklch(33.96% 0.0978 277.57deg)"
162
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l - 0.2057) calc(c - 0.1146) calc(h + 1.72))\"}"
163
163
  },
164
164
  "secondary-subtle-active": {
165
165
  "name": "Secondary Subtle Active",
166
166
  "type": "color",
167
- "value": "oklch(36.85% 0.1088 278.30deg)"
167
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l - 0.1768) calc(c - 0.1036) calc(h + 2.45))\"}"
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(48.83% 0.1950 275.43deg)"
177
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l - 0.057) calc(c - 0.0174) calc(h - 0.42))\"}"
178
178
  },
179
179
  "secondary-active": {
180
180
  "name": "Secondary Active",
181
181
  "type": "color",
182
- "value": "oklch(42.20% 0.1707 275.08deg)"
182
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l - 0.1233) calc(c - 0.0417) calc(h - 0.77))\"}"
183
183
  },
184
184
  "secondary-emphasis": {
185
185
  "name": "Secondary Emphasis",
186
186
  "type": "color",
187
- "value": "oklch(27.80% 0.0875 278.19deg)"
187
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l - 0.2673) calc(c - 0.1249) calc(h + 2.34))\"}"
188
188
  },
189
189
  "secondary-on-subtle": {
190
190
  "name": "Secondary On Subtle",
191
191
  "type": "color",
192
- "value": "oklch(94.79% 0.0255 283.49deg)"
192
+ "value": "#{\"oklch(from var(--kendo-color-secondary-subtle) clamp(0.0521, (0.65 - l) * 99999, 0.9479) 0.0255 calc(h + 5.29))\"}"
193
193
  },
194
194
  "on-secondary": {
195
195
  "name": "On Secondary",
196
196
  "type": "color",
197
- "value": "oklch(100.00% 0.0000 0deg)"
197
+ "value": "#{\"oklch(from var(--kendo-color-secondary) clamp(0.05, (0.65 - l) * 99999, 1) 0 calc(h + 84.15))\"}"
198
198
  },
199
199
  "secondary-on-surface": {
200
200
  "name": "Secondary On Surface",
201
201
  "type": "color",
202
- "value": "oklch(92.02% 0.0394 282.46deg)"
202
+ "value": "#{\"oklch(from var(--kendo-color-secondary) clamp(0.0798, (0.65 - l) * 99999, 0.9202) 0.0394 calc(h + 6.61))\"}"
203
203
  },
204
204
  "tertiary-subtle": {
205
205
  "name": "Tertiary Subtle",
206
206
  "type": "color",
207
- "value": "oklch(18.19% 0.0591 313.44deg)"
207
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l - 0.2091) calc(c - 0.0606) calc(h - 0.71))\"}"
208
208
  },
209
209
  "tertiary-subtle-hover": {
210
210
  "name": "Tertiary Subtle Hover",
211
211
  "type": "color",
212
- "value": "oklch(23.59% 0.0747 312.43deg)"
212
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l - 0.1551) calc(c - 0.045) calc(h - 1.72))\"}"
213
213
  },
214
214
  "tertiary-subtle-active": {
215
215
  "name": "Tertiary Subtle Active",
216
216
  "type": "color",
217
- "value": "oklch(28.81% 0.0901 312.90deg)"
217
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l - 0.1029) calc(c - 0.0296) calc(h - 1.25))\"}"
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(43.95% 0.1351 314.38deg)"
227
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l + 0.0485) calc(c + 0.0154) calc(h + 0.23))\"}"
228
228
  },
229
229
  "tertiary-active": {
230
230
  "name": "Tertiary Active",
231
231
  "type": "color",
232
- "value": "oklch(48.94% 0.1490 314.96deg)"
232
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l + 0.0984) calc(c + 0.0293) calc(h + 0.81))\"}"
233
233
  },
234
234
  "tertiary-emphasis": {
235
235
  "name": "Tertiary Emphasis",
236
236
  "type": "color",
237
- "value": "oklch(67.41% 0.2060 310.68deg)"
237
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l + 0.2831) calc(c + 0.0863) calc(h - 3.47))\"}"
238
238
  },
239
239
  "tertiary-on-subtle": {
240
240
  "name": "Tertiary On Subtle",
241
241
  "type": "color",
242
- "value": "oklch(97.95% 0.0130 310.53deg)"
242
+ "value": "#{\"oklch(from var(--kendo-color-tertiary-subtle) clamp(0.05, (0.65 - l) * 99999, 0.9795) 0.013 calc(h - 2.91))\"}"
243
243
  },
244
244
  "on-tertiary": {
245
245
  "name": "On Tertiary",
246
246
  "type": "color",
247
- "value": "oklch(88.35% 0.0625 314.17deg)"
247
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) clamp(0.1165, (0.65 - l) * 99999, 0.8835) 0.0625 calc(h + 0.02))\"}"
248
248
  },
249
249
  "tertiary-on-surface": {
250
250
  "name": "Tertiary On Surface",
251
251
  "type": "color",
252
- "value": "oklch(88.35% 0.0625 314.17deg)"
252
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) clamp(0.1165, (0.65 - l) * 99999, 0.8835) 0.0625 calc(h + 0.02))\"}"
253
253
  },
254
254
  "info-subtle": {
255
255
  "name": "Info Subtle",
256
256
  "type": "color",
257
- "value": "oklch(37.55% 0.0848 239.53deg)"
257
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.1526) calc(c - 0.0379) calc(h - 1.83))\"}"
258
258
  },
259
259
  "info-subtle-hover": {
260
260
  "name": "Info Subtle Hover",
261
261
  "type": "color",
262
- "value": "oklch(41.53% 0.0951 240.54deg)"
262
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.1128) calc(c - 0.0276) calc(h - 0.82))\"}"
263
263
  },
264
264
  "info-subtle-active": {
265
265
  "name": "Info Subtle Active",
266
266
  "type": "color",
267
- "value": "oklch(45.34% 0.1042 240.62deg)"
267
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.0747) calc(c - 0.0185) calc(h - 0.74))\"}"
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(49.08% 0.1129 240.78deg)"
277
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.0373) calc(c - 0.0098) calc(h - 0.58))\"}"
278
278
  },
279
279
  "info-active": {
280
280
  "name": "Info Active",
281
281
  "type": "color",
282
- "value": "oklch(45.34% 0.1042 240.62deg)"
282
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.0747) calc(c - 0.0185) calc(h - 0.74))\"}"
283
283
  },
284
284
  "info-emphasis": {
285
285
  "name": "Info Emphasis",
286
286
  "type": "color",
287
- "value": "oklch(52.81% 0.1227 241.36deg)"
287
+ "value": "#{\"oklch(from var(--kendo-color-info) l c h)\"}"
288
288
  },
289
289
  "info-on-subtle": {
290
290
  "name": "Info On Subtle",
291
291
  "type": "color",
292
- "value": "oklch(89.19% 0.0387 228.56deg)"
292
+ "value": "#{\"oklch(from var(--kendo-color-info-subtle) clamp(0.1081, (0.65 - l) * 99999, 0.8919) 0.0387 calc(h - 10.97))\"}"
293
293
  },
294
294
  "on-info": {
295
295
  "name": "On Info",
296
296
  "type": "color",
297
- "value": "oklch(100.00% 0.0000 0deg)"
297
+ "value": "#{\"oklch(from var(--kendo-color-info) clamp(0.05, (0.65 - l) * 99999, 1) 0 calc(h + 118.64))\"}"
298
298
  },
299
299
  "info-on-surface": {
300
300
  "name": "Info On Surface",
301
301
  "type": "color",
302
- "value": "oklch(73.22% 0.0934 231.72deg)"
302
+ "value": "#{\"oklch(from var(--kendo-color-info) clamp(0.2678, (0.65 - l) * 99999, 0.7322) 0.0934 calc(h - 9.64))\"}"
303
303
  },
304
304
  "success-subtle": {
305
305
  "name": "Success Subtle",
306
306
  "type": "color",
307
- "value": "oklch(35.96% 0.0752 163.82deg)"
307
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.155) calc(c - 0.0314) calc(h + 0.29))\"}"
308
308
  },
309
309
  "success-subtle-hover": {
310
310
  "name": "Success Subtle Hover",
311
311
  "type": "color",
312
- "value": "oklch(40.19% 0.0844 163.26deg)"
312
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.1127) calc(c - 0.0222) calc(h - 0.27))\"}"
313
313
  },
314
314
  "success-subtle-active": {
315
315
  "name": "Success Subtle Active",
316
316
  "type": "color",
317
- "value": "oklch(44.02% 0.0921 163.41deg)"
317
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.0744) calc(c - 0.0145) calc(h - 0.12))\"}"
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(47.77% 0.0995 163.50deg)"
327
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.0369) calc(c - 0.0071) calc(h - 0.03))\"}"
328
328
  },
329
329
  "success-active": {
330
330
  "name": "Success Active",
331
331
  "type": "color",
332
- "value": "oklch(44.02% 0.0921 163.41deg)"
332
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.0744) calc(c - 0.0145) calc(h - 0.12))\"}"
333
333
  },
334
334
  "success-emphasis": {
335
335
  "name": "Success Emphasis",
336
336
  "type": "color",
337
- "value": "oklch(55.38% 0.1140 163.71deg)"
337
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l + 0.0392) calc(c + 0.0074) calc(h + 0.18))\"}"
338
338
  },
339
339
  "success-on-subtle": {
340
340
  "name": "Success On Subtle",
341
341
  "type": "color",
342
- "value": "oklch(89.65% 0.0310 173.54deg)"
342
+ "value": "#{\"oklch(from var(--kendo-color-success-subtle) clamp(0.1035, (0.65 - l) * 99999, 0.8965) 0.031 calc(h + 9.72))\"}"
343
343
  },
344
344
  "on-success": {
345
345
  "name": "On Success",
346
346
  "type": "color",
347
- "value": "oklch(100.00% 0.0000 0deg)"
347
+ "value": "#{\"oklch(from var(--kendo-color-success) clamp(0.05, (0.65 - l) * 99999, 1) 0 calc(h - 163.53))\"}"
348
348
  },
349
349
  "success-on-surface": {
350
350
  "name": "Success On Surface",
351
351
  "type": "color",
352
- "value": "oklch(73.47% 0.0912 170.59deg)"
352
+ "value": "#{\"oklch(from var(--kendo-color-success) clamp(0.2653, (0.65 - l) * 99999, 0.7347) 0.0912 calc(h + 7.06))\"}"
353
353
  },
354
354
  "warning-subtle": {
355
355
  "name": "Warning Subtle",
356
356
  "type": "color",
357
- "value": "oklch(63.55% 0.1313 98.99deg)"
357
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.2145) calc(c - 0.0436) calc(h + 0.15))\"}"
358
358
  },
359
359
  "warning-subtle-hover": {
360
360
  "name": "Warning Subtle Hover",
361
361
  "type": "color",
362
- "value": "oklch(71.28% 0.1466 98.01deg)"
362
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.1372) calc(c - 0.0283) calc(h - 0.83))\"}"
363
363
  },
364
364
  "warning-subtle-active": {
365
365
  "name": "Warning Subtle Active",
366
366
  "type": "color",
367
- "value": "oklch(77.30% 0.1590 98.30deg)"
367
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.077) calc(c - 0.0159) calc(h - 0.54))\"}"
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(81.62% 0.1679 98.67deg)"
377
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.0338) calc(c - 0.007) calc(h - 0.17))\"}"
378
378
  },
379
379
  "warning-active": {
380
380
  "name": "Warning Active",
381
381
  "type": "color",
382
- "value": "oklch(77.30% 0.1590 98.30deg)"
382
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.077) calc(c - 0.0159) calc(h - 0.54))\"}"
383
383
  },
384
384
  "warning-emphasis": {
385
385
  "name": "Warning Emphasis",
386
386
  "type": "color",
387
- "value": "oklch(89.09% 0.1785 99.50deg)"
387
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l + 0.0409) calc(c + 0.0036) calc(h + 0.66))\"}"
388
388
  },
389
389
  "warning-on-subtle": {
390
390
  "name": "Warning On Subtle",
391
391
  "type": "color",
392
- "value": "oklch(13.85% 0.0249 273.24deg)"
392
+ "value": "#{\"oklch(from var(--kendo-color-warning-subtle) clamp(0.1385, (0.5855 - l) * 99999, 0.8615) 0.0249 calc(h + 174.25))\"}"
393
393
  },
394
394
  "on-warning": {
395
395
  "name": "On Warning",
396
396
  "type": "color",
397
- "value": "oklch(24.84% 0.0241 267.05deg)"
397
+ "value": "#{\"oklch(from var(--kendo-color-warning) clamp(0.2484, (0.65 - l) * 99999, 0.7516) 0.0241 calc(h + 168.21))\"}"
398
398
  },
399
399
  "warning-on-surface": {
400
400
  "name": "Warning On Surface",
401
401
  "type": "color",
402
- "value": "oklch(90.10% 0.1711 100.10deg)"
402
+ "value": "#{\"oklch(from var(--kendo-color-warning) clamp(0.099, (0.9 - l) * 99999, 0.901) 0.1711 calc(h + 1.26))\"}"
403
403
  },
404
404
  "error-subtle": {
405
405
  "name": "Error Subtle",
406
406
  "type": "color",
407
- "value": "oklch(33.76% 0.1293 14.11deg)"
407
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.131) calc(c - 0.0504) calc(h - 0.59))\"}"
408
408
  },
409
409
  "error-subtle-hover": {
410
410
  "name": "Error Subtle Hover",
411
411
  "type": "color",
412
- "value": "oklch(38.21% 0.1461 14.15deg)"
412
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.0865) calc(c - 0.0336) calc(h - 0.55))\"}"
413
413
  },
414
414
  "error-subtle-active": {
415
415
  "name": "Error Subtle Active",
416
416
  "type": "color",
417
- "value": "oklch(42.50% 0.1627 14.13deg)"
417
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.0436) calc(c - 0.017) calc(h - 0.57))\"}"
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(42.50% 0.1627 14.13deg)"
427
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.0436) calc(c - 0.017) calc(h - 0.57))\"}"
428
428
  },
429
429
  "error-active": {
430
430
  "name": "Error Active",
431
431
  "type": "color",
432
- "value": "oklch(38.21% 0.1461 14.15deg)"
432
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.0865) calc(c - 0.0336) calc(h - 0.55))\"}"
433
433
  },
434
434
  "error-emphasis": {
435
435
  "name": "Error Emphasis",
436
436
  "type": "color",
437
- "value": "oklch(57.77% 0.2002 10.47deg)"
437
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l + 0.1091) calc(c + 0.0205) calc(h - 4.23))\"}"
438
438
  },
439
439
  "error-on-subtle": {
440
440
  "name": "Error On Subtle",
441
441
  "type": "color",
442
- "value": "oklch(89.70% 0.0386 359.59deg)"
442
+ "value": "#{\"oklch(from var(--kendo-color-error-subtle) clamp(0.103, (0.65 - l) * 99999, 0.897) 0.0386 calc(h - 14.52))\"}"
443
443
  },
444
444
  "on-error": {
445
445
  "name": "On Error",
446
446
  "type": "color",
447
- "value": "oklch(100.00% 0.0000 0deg)"
447
+ "value": "#{\"oklch(from var(--kendo-color-error) clamp(0.05, (0.65 - l) * 99999, 1) 0 calc(h - 14.7))\"}"
448
448
  },
449
449
  "error-on-surface": {
450
450
  "name": "Error On Surface",
451
451
  "type": "color",
452
- "value": "oklch(76.81% 0.1019 1.54deg)"
452
+ "value": "#{\"oklch(from var(--kendo-color-error) clamp(0.2319, (0.65 - l) * 99999, 0.7681) 0.1019 calc(h - 13.16))\"}"
453
453
  },
454
454
  "inverse-subtle": {
455
455
  "name": "Inverse Subtle",
456
456
  "type": "color",
457
- "value": "oklch(39.88% 0.0286 258.36deg)"
457
+ "value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.5522) calc(c + 0.0223) calc(h + 2.88))\"}"
458
458
  },
459
459
  "inverse-subtle-hover": {
460
460
  "name": "Inverse Subtle Hover",
461
461
  "type": "color",
462
- "value": "oklch(55.85% 0.0301 257.07deg)"
462
+ "value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.3925) calc(c + 0.0238) calc(h + 1.59))\"}"
463
463
  },
464
464
  "inverse-subtle-active": {
465
465
  "name": "Inverse Subtle Active",
466
466
  "type": "color",
467
- "value": "oklch(63.99% 0.0272 257.67deg)"
467
+ "value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.3111) calc(c + 0.0209) calc(h + 2.19))\"}"
468
468
  },
469
469
  "inverse": {
470
470
  "name": "Inverse",
@@ -474,182 +474,182 @@
474
474
  "inverse-hover": {
475
475
  "name": "Inverse Hover",
476
476
  "type": "color",
477
- "value": "oklch(92.97% 0.0092 258.34deg)"
477
+ "value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.0213) calc(c + 0.0029) calc(h + 2.86))\"}"
478
478
  },
479
479
  "inverse-active": {
480
480
  "name": "Inverse Active",
481
481
  "type": "color",
482
- "value": "oklch(89.61% 0.0122 259.82deg)"
482
+ "value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.0549) calc(c + 0.0059) calc(h + 4.34))\"}"
483
483
  },
484
484
  "inverse-emphasis": {
485
485
  "name": "Inverse Emphasis",
486
486
  "type": "color",
487
- "value": "oklch(39.88% 0.0286 258.36deg)"
487
+ "value": "#{\"oklch(from var(--kendo-color-inverse) calc(l - 0.5522) calc(c + 0.0223) calc(h + 2.88))\"}"
488
488
  },
489
489
  "inverse-on-subtle": {
490
490
  "name": "Inverse On Subtle",
491
491
  "type": "color",
492
- "value": "oklch(92.97% 0.0092 258.34deg)"
492
+ "value": "#{\"oklch(from var(--kendo-color-inverse-subtle) clamp(0.0703, (0.65 - l) * 99999, 0.9297) 0.0092 calc(h - 0.02))\"}"
493
493
  },
494
494
  "on-inverse": {
495
495
  "name": "On Inverse",
496
496
  "type": "color",
497
- "value": "oklch(0.00% 0.0000 0deg)"
497
+ "value": "#{\"oklch(from var(--kendo-color-inverse) clamp(0, (0.65 - l) * 99999, 0.95) 0 calc(h + 104.52))\"}"
498
498
  },
499
499
  "inverse-on-surface": {
500
500
  "name": "Inverse On Surface",
501
501
  "type": "color",
502
- "value": "oklch(95.10% 0.0063 255.48deg)"
502
+ "value": "#{\"oklch(from var(--kendo-color-inverse) clamp(0.05, (1.001 - l) * 99999, 0.951) 0.0063 h)\"}"
503
503
  },
504
504
  "series-a": {
505
505
  "name": "Series A",
506
506
  "type": "color",
507
- "value": "oklch(54.53% 0.2124 275.85deg)"
507
+ "value": "#{\"oklch(from var(--kendo-color-series) l c h)\"}"
508
508
  },
509
509
  "series-a-bold": {
510
510
  "name": "Series A Bold",
511
511
  "type": "color",
512
- "value": "oklch(63.05% 0.1994 277.76deg)"
512
+ "value": "#{\"oklch(from var(--kendo-color-series-a) calc(l + 0.0852) calc(c - 0.013) calc(h + 1.91))\"}"
513
513
  },
514
514
  "series-a-bolder": {
515
515
  "name": "Series A Bolder",
516
516
  "type": "color",
517
- "value": "oklch(79.72% 0.1047 281.35deg)"
517
+ "value": "#{\"oklch(from var(--kendo-color-series-a) calc(l + 0.2519) calc(c - 0.1077) calc(h + 5.5))\"}"
518
518
  },
519
519
  "series-a-subtle": {
520
520
  "name": "Series A Subtle",
521
521
  "type": "color",
522
- "value": "oklch(48.83% 0.1950 275.43deg)"
522
+ "value": "#{\"oklch(from var(--kendo-color-series-a) calc(l - 0.057) calc(c - 0.0174) calc(h - 0.42))\"}"
523
523
  },
524
524
  "series-a-subtler": {
525
525
  "name": "Series A Subtler",
526
526
  "type": "color",
527
- "value": "oklch(42.20% 0.1707 275.08deg)"
527
+ "value": "#{\"oklch(from var(--kendo-color-series-a) calc(l - 0.1233) calc(c - 0.0417) calc(h - 0.77))\"}"
528
528
  },
529
529
  "series-b": {
530
530
  "name": "Series B",
531
531
  "type": "color",
532
- "value": "oklch(67.41% 0.2060 310.68deg)"
532
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.1288) calc(c - 0.0064) calc(h + 34.83))\"}"
533
533
  },
534
534
  "series-b-bold": {
535
535
  "name": "Series B Bold",
536
536
  "type": "color",
537
- "value": "oklch(78.12% 0.1397 313.12deg)"
537
+ "value": "#{\"oklch(from var(--kendo-color-series-b) calc(l + 0.1071) calc(c - 0.0663) calc(h + 2.44))\"}"
538
538
  },
539
539
  "series-b-bolder": {
540
540
  "name": "Series B Bolder",
541
541
  "type": "color",
542
- "value": "oklch(83.69% 0.1060 314.20deg)"
542
+ "value": "#{\"oklch(from var(--kendo-color-series-b) calc(l + 0.1628) calc(c - 0.1) calc(h + 3.52))\"}"
543
543
  },
544
544
  "series-b-subtle": {
545
545
  "name": "Series B Subtle",
546
546
  "type": "color",
547
- "value": "oklch(48.94% 0.1490 314.96deg)"
547
+ "value": "#{\"oklch(from var(--kendo-color-series-b) calc(l - 0.1847) calc(c - 0.057) calc(h + 4.28))\"}"
548
548
  },
549
549
  "series-b-subtler": {
550
550
  "name": "Series B Subtler",
551
551
  "type": "color",
552
- "value": "oklch(39.10% 0.1197 314.15deg)"
552
+ "value": "#{\"oklch(from var(--kendo-color-series-b) calc(l - 0.2831) calc(c - 0.0863) calc(h + 3.47))\"}"
553
553
  },
554
554
  "series-c": {
555
555
  "name": "Series C",
556
556
  "type": "color",
557
- "value": "oklch(65.58% 0.1926 2.77deg)"
557
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.1105) calc(c - 0.0198) calc(h + 86.92))\"}"
558
558
  },
559
559
  "series-c-bold": {
560
560
  "name": "Series C Bold",
561
561
  "type": "color",
562
- "value": "oklch(75.90% 0.1580 359.24deg)"
562
+ "value": "#{\"oklch(from var(--kendo-color-series-c) calc(l + 0.1032) calc(c - 0.0346) calc(h - 3.53))\"}"
563
563
  },
564
564
  "series-c-bolder": {
565
565
  "name": "Series C Bolder",
566
566
  "type": "color",
567
- "value": "oklch(83.25% 0.1032 356.99deg)"
567
+ "value": "#{\"oklch(from var(--kendo-color-series-c) calc(l + 0.1767) calc(c - 0.0894) calc(h - 5.78))\"}"
568
568
  },
569
569
  "series-c-subtle": {
570
570
  "name": "Series C Subtle",
571
571
  "type": "color",
572
- "value": "oklch(56.53% 0.1640 2.24deg)"
572
+ "value": "#{\"oklch(from var(--kendo-color-series-c) calc(l - 0.0905) calc(c - 0.0286) calc(h - 0.53))\"}"
573
573
  },
574
574
  "series-c-subtler": {
575
575
  "name": "Series C Subtler",
576
576
  "type": "color",
577
- "value": "oklch(42.50% 0.1189 2.24deg)"
577
+ "value": "#{\"oklch(from var(--kendo-color-series-c) calc(l - 0.2308) calc(c - 0.0737) calc(h - 0.53))\"}"
578
578
  },
579
579
  "series-d": {
580
580
  "name": "Series D",
581
581
  "type": "color",
582
- "value": "oklch(76.82% 0.1642 153.12deg)"
582
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.2229) calc(c - 0.0482) calc(h - 122.73))\"}"
583
583
  },
584
584
  "series-d-bold": {
585
585
  "name": "Series D Bold",
586
586
  "type": "color",
587
- "value": "oklch(82.04% 0.1288 155.45deg)"
587
+ "value": "#{\"oklch(from var(--kendo-color-series-d) calc(l + 0.0522) calc(c - 0.0354) calc(h + 2.33))\"}"
588
588
  },
589
589
  "series-d-bolder": {
590
590
  "name": "Series D Bolder",
591
591
  "type": "color",
592
- "value": "oklch(87.59% 0.0867 157.46deg)"
592
+ "value": "#{\"oklch(from var(--kendo-color-series-d) calc(l + 0.1077) calc(c - 0.0775) calc(h + 4.34))\"}"
593
593
  },
594
594
  "series-d-subtle": {
595
595
  "name": "Series D Subtle",
596
596
  "type": "color",
597
- "value": "oklch(67.05% 0.1425 153.08deg)"
597
+ "value": "#{\"oklch(from var(--kendo-color-series-d) calc(l - 0.0977) calc(c - 0.0217) calc(h - 0.04))\"}"
598
598
  },
599
599
  "series-d-subtler": {
600
600
  "name": "Series D Subtler",
601
601
  "type": "color",
602
- "value": "oklch(54.53% 0.1146 153.00deg)"
602
+ "value": "#{\"oklch(from var(--kendo-color-series-d) calc(l - 0.2229) calc(c - 0.0496) calc(h - 0.12))\"}"
603
603
  },
604
604
  "series-e": {
605
605
  "name": "Series E",
606
606
  "type": "color",
607
- "value": "oklch(91.13% 0.1479 96.01deg)"
607
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.366) calc(c - 0.0645) calc(h - 179.84))\"}"
608
608
  },
609
609
  "series-e-bold": {
610
610
  "name": "Series E Bold",
611
611
  "type": "color",
612
- "value": "oklch(94.28% 0.1014 97.03deg)"
612
+ "value": "#{\"oklch(from var(--kendo-color-series-e) calc(l + 0.0315) calc(c - 0.0465) calc(h + 1.02))\"}"
613
613
  },
614
614
  "series-e-bolder": {
615
615
  "name": "Series E Bolder",
616
616
  "type": "color",
617
- "value": "oklch(97.35% 0.0462 96.51deg)"
617
+ "value": "#{\"oklch(from var(--kendo-color-series-e) calc(l + 0.0622) calc(c - 0.1017) calc(h + 0.5))\"}"
618
618
  },
619
619
  "series-e-subtle": {
620
620
  "name": "Series E Subtle",
621
621
  "type": "color",
622
- "value": "oklch(79.54% 0.1281 96.58deg)"
622
+ "value": "#{\"oklch(from var(--kendo-color-series-e) calc(l - 0.1159) calc(c - 0.0198) calc(h + 0.57))\"}"
623
623
  },
624
624
  "series-e-subtler": {
625
625
  "name": "Series E Subtler",
626
626
  "type": "color",
627
- "value": "oklch(65.61% 0.1044 97.00deg)"
627
+ "value": "#{\"oklch(from var(--kendo-color-series-e) calc(l - 0.2552) calc(c - 0.0435) calc(h + 0.99))\"}"
628
628
  },
629
629
  "series-f": {
630
630
  "name": "Series F",
631
631
  "type": "color",
632
- "value": "oklch(65.45% 0.1802 26.79deg)"
632
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.1092) calc(c - 0.0322) calc(h + 110.94))\"}"
633
633
  },
634
634
  "series-f-bold": {
635
635
  "name": "Series F Bold",
636
636
  "type": "color",
637
- "value": "oklch(74.46% 0.1229 24.69deg)"
637
+ "value": "#{\"oklch(from var(--kendo-color-series-f) calc(l + 0.0901) calc(c - 0.0573) calc(h - 2.1))\"}"
638
638
  },
639
639
  "series-f-bolder": {
640
640
  "name": "Series F Bolder",
641
641
  "type": "color",
642
- "value": "oklch(81.46% 0.0855 23.55deg)"
642
+ "value": "#{\"oklch(from var(--kendo-color-series-f) calc(l + 0.1601) calc(c - 0.0947) calc(h - 3.24))\"}"
643
643
  },
644
644
  "series-f-subtle": {
645
645
  "name": "Series F Subtle",
646
646
  "type": "color",
647
- "value": "oklch(55.57% 0.1501 26.57deg)"
647
+ "value": "#{\"oklch(from var(--kendo-color-series-f) calc(l - 0.0988) calc(c - 0.0301) calc(h - 0.22))\"}"
648
648
  },
649
649
  "series-f-subtler": {
650
650
  "name": "Series F Subtler",
651
651
  "type": "color",
652
- "value": "oklch(45.25% 0.1185 26.21deg)"
652
+ "value": "#{\"oklch(from var(--kendo-color-series-f) calc(l - 0.202) calc(c - 0.0617) calc(h - 0.58))\"}"
653
653
  }
654
654
  }
655
655
  }