@progress/kendo-theme-default 14.1.1-dev.2 → 14.2.0-0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (54) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/default-blue.css +1 -1
  3. package/dist/default-blue.scss +95 -94
  4. package/dist/default-dataviz-v4.css +1 -1
  5. package/dist/default-dataviz-v4.scss +31 -30
  6. package/dist/default-green.css +1 -1
  7. package/dist/default-green.scss +86 -85
  8. package/dist/default-main-dark.css +1 -1
  9. package/dist/default-main-dark.scss +113 -112
  10. package/dist/default-main.css +1 -1
  11. package/dist/default-nordic.css +1 -1
  12. package/dist/default-nordic.scss +95 -94
  13. package/dist/default-ocean-blue-a11y.css +1 -1
  14. package/dist/default-ocean-blue-a11y.scss +105 -121
  15. package/dist/default-ocean-blue.css +1 -1
  16. package/dist/default-ocean-blue.scss +105 -107
  17. package/dist/default-orange.css +1 -1
  18. package/dist/default-orange.scss +95 -94
  19. package/dist/default-purple.css +1 -1
  20. package/dist/default-purple.scss +95 -94
  21. package/dist/default-turquoise.css +1 -1
  22. package/dist/default-turquoise.scss +96 -96
  23. package/dist/default-urban.css +1 -1
  24. package/dist/default-urban.scss +95 -94
  25. package/dist/meta/sassdoc-data.json +266 -1350
  26. package/dist/meta/sassdoc-raw-data.json +134 -631
  27. package/dist/meta/variables.json +49 -85
  28. package/lib/swatches/default-blue.json +100 -95
  29. package/lib/swatches/default-dataviz-v4.json +36 -31
  30. package/lib/swatches/default-green.json +91 -86
  31. package/lib/swatches/default-main-dark.json +118 -113
  32. package/lib/swatches/default-main.json +1 -1
  33. package/lib/swatches/default-nordic.json +100 -95
  34. package/lib/swatches/default-ocean-blue-a11y.json +109 -205
  35. package/lib/swatches/default-ocean-blue.json +109 -134
  36. package/lib/swatches/default-orange.json +100 -95
  37. package/lib/swatches/default-purple.json +100 -95
  38. package/lib/swatches/default-turquoise.json +100 -110
  39. package/lib/swatches/default-urban.json +100 -95
  40. package/package.json +4 -5
  41. package/scss/diagram/_index.scss +16 -0
  42. package/scss/diagram/_layout.scss +6 -0
  43. package/scss/diagram/_theme.scss +6 -0
  44. package/scss/diagram/_variables.scss +1 -0
  45. package/scss/drawer/_variables.scss +0 -12
  46. package/scss/expansion-panel/_variables.scss +1 -1
  47. package/scss/grid/_index.scss +0 -2
  48. package/scss/index.scss +2 -3
  49. package/scss/scheduler/_index.scss +10 -2
  50. package/scss/scheduler/_variables.scss +32 -1
  51. package/scss/adaptive/_index.scss +0 -26
  52. package/scss/adaptive/_layout.scss +0 -6
  53. package/scss/adaptive/_theme.scss +0 -6
  54. package/scss/adaptive/_variables.scss +0 -90
package/lib/swatches/default-ocean-blue.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Default Ocean Blue",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "14.1.1-dev.2",
6
+ "version": "14.2.0-0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(97.01% 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(37.91% 0.0000 0deg)"
27
+ "value": "#{\"oklch(from var(--kendo-color-app-surface) clamp(0.3791, (0.65 - l) * 99999, 0.6209) 0 h)\"}"
28
28
  },
29
29
  "subtle": {
30
30
  "name": "Subtle",
@@ -44,17 +44,17 @@
44
44
  "base-subtle": {
45
45
  "name": "Base Subtle",
46
46
  "type": "color",
47
- "value": "oklch(94.01% 0.0001 0deg)"
47
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.03) c h)\"}"
48
48
  },
49
49
  "base-subtle-hover": {
50
50
  "name": "Base Subtle Hover",
51
51
  "type": "color",
52
- "value": "oklch(90.97% 0.0001 0deg)"
52
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.0604) c h)\"}"
53
53
  },
54
54
  "base-subtle-active": {
55
55
  "name": "Base Subtle Active",
56
56
  "type": "color",
57
- "value": "oklch(87.30% 0.0001 0deg)"
57
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.0971) c h)\"}"
58
58
  },
59
59
  "base": {
60
60
  "name": "Base",
@@ -64,47 +64,47 @@
64
64
  "base-hover": {
65
65
  "name": "Base Hover",
66
66
  "type": "color",
67
- "value": "oklch(94.01% 0.0001 0deg)"
67
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.03) c h)\"}"
68
68
  },
69
69
  "base-active": {
70
70
  "name": "Base Active",
71
71
  "type": "color",
72
- "value": "oklch(88.22% 0.0001 0deg)"
72
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.0879) c h)\"}"
73
73
  },
74
74
  "base-emphasis": {
75
75
  "name": "Base Emphasis",
76
76
  "type": "color",
77
- "value": "oklch(81.41% 0.0001 0deg)"
77
+ "value": "#{\"oklch(from var(--kendo-color-base) calc(l - 0.156) c h)\"}"
78
78
  },
79
79
  "base-on-subtle": {
80
80
  "name": "Base On Subtle",
81
81
  "type": "color",
82
- "value": "oklch(37.91% 0.0000 0deg)"
82
+ "value": "#{\"oklch(from var(--kendo-color-base-subtle) clamp(0.3791, (0.65 - l) * 99999, 0.6209) 0 h)\"}"
83
83
  },
84
84
  "on-base": {
85
85
  "name": "On Base",
86
86
  "type": "color",
87
- "value": "oklch(37.91% 0.0000 0deg)"
87
+ "value": "#{\"oklch(from var(--kendo-color-base) clamp(0.3791, (0.65 - l) * 99999, 0.6209) 0 h)\"}"
88
88
  },
89
89
  "base-on-surface": {
90
90
  "name": "Base On Surface",
91
91
  "type": "color",
92
- "value": "oklch(37.91% 0.0000 0deg)"
92
+ "value": "#{\"oklch(from var(--kendo-color-base) clamp(0.3791, (0.65 - l) * 99999, 0.6209) 0 h)\"}"
93
93
  },
94
94
  "primary-subtle": {
95
95
  "name": "Primary Subtle",
96
96
  "type": "color",
97
- "value": "oklch(90.50% 0.0254 233.12deg)"
97
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l + 0.3699) calc(c - 0.0947) calc(h - 8.41))\"}"
98
98
  },
99
99
  "primary-subtle-hover": {
100
100
  "name": "Primary Subtle Hover",
101
101
  "type": "color",
102
- "value": "oklch(83.31% 0.0460 233.97deg)"
102
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l + 0.298) calc(c - 0.0741) calc(h - 7.56))\"}"
103
103
  },
104
104
  "primary-subtle-active": {
105
105
  "name": "Primary Subtle Active",
106
106
  "type": "color",
107
- "value": "oklch(76.42% 0.0656 233.85deg)"
107
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l + 0.2291) calc(c - 0.0545) calc(h - 7.68))\"}"
108
108
  },
109
109
  "primary": {
110
110
  "name": "Primary",
@@ -114,47 +114,47 @@
114
114
  "primary-hover": {
115
115
  "name": "Primary Hover",
116
116
  "type": "color",
117
- "value": "oklch(51.87% 0.1166 241.63deg)"
117
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.0164) calc(c - 0.0035) calc(h + 0.1))\"}"
118
118
  },
119
119
  "primary-active": {
120
120
  "name": "Primary Active",
121
121
  "type": "color",
122
- "value": "oklch(48.81% 0.1083 241.18deg)"
122
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l - 0.047) calc(c - 0.0118) calc(h - 0.35))\"}"
123
123
  },
124
124
  "primary-emphasis": {
125
125
  "name": "Primary Emphasis",
126
126
  "type": "color",
127
- "value": "oklch(64.62% 0.0970 235.88deg)"
127
+ "value": "#{\"oklch(from var(--kendo-color-primary) calc(l + 0.1111) calc(c - 0.0231) calc(h - 5.65))\"}"
128
128
  },
129
129
  "primary-on-subtle": {
130
130
  "name": "Primary On Subtle",
131
131
  "type": "color",
132
- "value": "oklch(26.71% 0.0524 237.50deg)"
132
+ "value": "#{\"oklch(from var(--kendo-color-primary-subtle) clamp(0.2671, (0.65 - l) * 99999, 0.7329) 0.0524 calc(h + 4.38))\"}"
133
133
  },
134
134
  "on-primary": {
135
135
  "name": "On Primary",
136
136
  "type": "color",
137
- "value": "oklch(100.00% 0.0001 0deg)"
137
+ "value": "#{\"oklch(from var(--kendo-color-primary) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h + 118.47))\"}"
138
138
  },
139
139
  "primary-on-surface": {
140
140
  "name": "Primary On Surface",
141
141
  "type": "color",
142
- "value": "oklch(43.69% 0.0957 241.04deg)"
142
+ "value": "#{\"oklch(from var(--kendo-color-primary) clamp(0.4369, (0.4851 - l) * 99999, 0.5631) 0.0957 calc(h - 0.49))\"}"
143
143
  },
144
144
  "secondary-subtle": {
145
145
  "name": "Secondary Subtle",
146
146
  "type": "color",
147
- "value": "oklch(91.58% 0.0001 0deg)"
147
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l + 0.3534) c h)\"}"
148
148
  },
149
149
  "secondary-subtle-hover": {
150
150
  "name": "Secondary Subtle Hover",
151
151
  "type": "color",
152
- "value": "oklch(85.45% 0.0001 0deg)"
152
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l + 0.2921) c h)\"}"
153
153
  },
154
154
  "secondary-subtle-active": {
155
155
  "name": "Secondary Subtle Active",
156
156
  "type": "color",
157
- "value": "oklch(78.89% 0.0001 0deg)"
157
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l + 0.2265) c h)\"}"
158
158
  },
159
159
  "secondary": {
160
160
  "name": "Secondary",
@@ -164,47 +164,47 @@
164
164
  "secondary-hover": {
165
165
  "name": "Secondary Hover",
166
166
  "type": "color",
167
- "value": "oklch(54.52% 0.0001 0deg)"
167
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l - 0.0172) c h)\"}"
168
168
  },
169
169
  "secondary-active": {
170
170
  "name": "Secondary Active",
171
171
  "type": "color",
172
- "value": "oklch(51.38% 0.0001 0deg)"
172
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l - 0.0486) c h)\"}"
173
173
  },
174
174
  "secondary-emphasis": {
175
175
  "name": "Secondary Emphasis",
176
176
  "type": "color",
177
- "value": "oklch(67.97% 0.0001 0deg)"
177
+ "value": "#{\"oklch(from var(--kendo-color-secondary) calc(l + 0.1173) c h)\"}"
178
178
  },
179
179
  "secondary-on-subtle": {
180
180
  "name": "Secondary On Subtle",
181
181
  "type": "color",
182
- "value": "oklch(28.09% 0.0000 0deg)"
182
+ "value": "#{\"oklch(from var(--kendo-color-secondary-subtle) clamp(0.2809, (0.65 - l) * 99999, 0.7191) 0 h)\"}"
183
183
  },
184
184
  "on-secondary": {
185
185
  "name": "On Secondary",
186
186
  "type": "color",
187
- "value": "oklch(100.00% 0.0001 0deg)"
187
+ "value": "#{\"oklch(from var(--kendo-color-secondary) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 h)\"}"
188
188
  },
189
189
  "secondary-on-surface": {
190
190
  "name": "Secondary On Surface",
191
191
  "type": "color",
192
- "value": "oklch(46.04% 0.0001 0deg)"
192
+ "value": "#{\"oklch(from var(--kendo-color-secondary) clamp(0.4604, (0.5124 - l) * 99999, 0.5396) 0.0001 h)\"}"
193
193
  },
194
194
  "tertiary-subtle": {
195
195
  "name": "Tertiary Subtle",
196
196
  "type": "color",
197
- "value": "oklch(90.39% 0.0265 199.84deg)"
197
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l + 0.3619) calc(c - 0.0657) calc(h + 0.15))\"}"
198
198
  },
199
199
  "tertiary-subtle-hover": {
200
200
  "name": "Tertiary Subtle Hover",
201
201
  "type": "color",
202
- "value": "oklch(83.32% 0.0462 199.87deg)"
202
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l + 0.2912) calc(c - 0.046) calc(h + 0.18))\"}"
203
203
  },
204
204
  "tertiary-subtle-active": {
205
205
  "name": "Tertiary Subtle Active",
206
206
  "type": "color",
207
- "value": "oklch(76.32% 0.0646 199.76deg)"
207
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l + 0.2212) calc(c - 0.0276) calc(h + 0.07))\"}"
208
208
  },
209
209
  "tertiary": {
210
210
  "name": "Tertiary",
@@ -214,47 +214,47 @@
214
214
  "tertiary-hover": {
215
215
  "name": "Tertiary Hover",
216
216
  "type": "color",
217
- "value": "oklch(52.66% 0.0896 199.87deg)"
217
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l - 0.0154) calc(c - 0.0026) calc(h + 0.18))\"}"
218
218
  },
219
219
  "tertiary-active": {
220
220
  "name": "Tertiary Active",
221
221
  "type": "color",
222
- "value": "oklch(49.52% 0.0842 199.18deg)"
222
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l - 0.0468) calc(c - 0.008) calc(h - 0.51))\"}"
223
223
  },
224
224
  "tertiary-emphasis": {
225
225
  "name": "Tertiary Emphasis",
226
226
  "type": "color",
227
- "value": "oklch(64.84% 0.0883 199.12deg)"
227
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) calc(l + 0.1064) calc(c - 0.0039) calc(h - 0.57))\"}"
228
228
  },
229
229
  "tertiary-on-subtle": {
230
230
  "name": "Tertiary On Subtle",
231
231
  "type": "color",
232
- "value": "oklch(26.63% 0.0453 199.55deg)"
232
+ "value": "#{\"oklch(from var(--kendo-color-tertiary-subtle) clamp(0.2663, (0.65 - l) * 99999, 0.7337) 0.0453 calc(h - 0.29))\"}"
233
233
  },
234
234
  "on-tertiary": {
235
235
  "name": "On Tertiary",
236
236
  "type": "color",
237
- "value": "oklch(100.00% 0.0001 0deg)"
237
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h + 160.31))\"}"
238
238
  },
239
239
  "tertiary-on-surface": {
240
240
  "name": "Tertiary On Surface",
241
241
  "type": "color",
242
- "value": "oklch(44.12% 0.0750 199.86deg)"
242
+ "value": "#{\"oklch(from var(--kendo-color-tertiary) clamp(0.4412, (0.492 - l) * 99999, 0.5588) 0.075 calc(h + 0.17))\"}"
243
243
  },
244
244
  "info-subtle": {
245
245
  "name": "Info Subtle",
246
246
  "type": "color",
247
- "value": "oklch(89.63% 0.0445 259.96deg)"
247
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l + 0.3785) calc(c - 0.1857) calc(h - 1.48))\"}"
248
248
  },
249
249
  "info-subtle-hover": {
250
250
  "name": "Info Subtle Hover",
251
251
  "type": "color",
252
- "value": "oklch(81.82% 0.0786 259.87deg)"
252
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l + 0.3004) calc(c - 0.1516) calc(h - 1.57))\"}"
253
253
  },
254
254
  "info-subtle-active": {
255
255
  "name": "Info Subtle Active",
256
256
  "type": "color",
257
- "value": "oklch(74.17% 0.1154 259.96deg)"
257
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l + 0.2239) calc(c - 0.1148) calc(h - 1.48))\"}"
258
258
  },
259
259
  "info": {
260
260
  "name": "Info",
@@ -264,47 +264,47 @@
264
264
  "info-hover": {
265
265
  "name": "Info Hover",
266
266
  "type": "color",
267
- "value": "oklch(50.21% 0.2238 261.48deg)"
267
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.0157) calc(c - 0.0064) calc(h + 0.04))\"}"
268
268
  },
269
269
  "info-active": {
270
270
  "name": "Info Active",
271
271
  "type": "color",
272
- "value": "oklch(47.14% 0.2084 261.36deg)"
272
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l - 0.0464) calc(c - 0.0218) calc(h - 0.08))\"}"
273
273
  },
274
274
  "info-emphasis": {
275
275
  "name": "Info Emphasis",
276
276
  "type": "color",
277
- "value": "oklch(62.01% 0.1776 259.92deg)"
277
+ "value": "#{\"oklch(from var(--kendo-color-info) calc(l + 0.1023) calc(c - 0.0526) calc(h - 1.52))\"}"
278
278
  },
279
279
  "info-on-subtle": {
280
280
  "name": "Info On Subtle",
281
281
  "type": "color",
282
- "value": "oklch(25.57% 0.1006 259.30deg)"
282
+ "value": "#{\"oklch(from var(--kendo-color-info-subtle) clamp(0.2557, (0.65 - l) * 99999, 0.7443) 0.1006 calc(h - 0.66))\"}"
283
283
  },
284
284
  "on-info": {
285
285
  "name": "On Info",
286
286
  "type": "color",
287
- "value": "oklch(100.00% 0.0001 0deg)"
287
+ "value": "#{\"oklch(from var(--kendo-color-info) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h + 98.56))\"}"
288
288
  },
289
289
  "info-on-surface": {
290
290
  "name": "Info On Surface",
291
291
  "type": "color",
292
- "value": "oklch(42.19% 0.1835 261.10deg)"
292
+ "value": "#{\"oklch(from var(--kendo-color-info) clamp(0.4219, (0.4678 - l) * 99999, 0.5781) 0.1835 calc(h - 0.34))\"}"
293
293
  },
294
294
  "success-subtle": {
295
295
  "name": "Success Subtle",
296
296
  "type": "color",
297
- "value": "oklch(90.45% 0.0397 136.06deg)"
297
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l + 0.3726) calc(c - 0.1307) calc(h - 3.73))\"}"
298
298
  },
299
299
  "success-subtle-hover": {
300
300
  "name": "Success Subtle Hover",
301
301
  "type": "color",
302
- "value": "oklch(83.16% 0.0702 136.78deg)"
302
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l + 0.2997) calc(c - 0.1002) calc(h - 3.01))\"}"
303
303
  },
304
304
  "success-subtle-active": {
305
305
  "name": "Success Subtle Active",
306
306
  "type": "color",
307
- "value": "oklch(76.18% 0.1021 136.88deg)"
307
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l + 0.2299) calc(c - 0.0683) calc(h - 2.91))\"}"
308
308
  },
309
309
  "success": {
310
310
  "name": "Success",
@@ -314,47 +314,47 @@
314
314
  "success-hover": {
315
315
  "name": "Success Hover",
316
316
  "type": "color",
317
- "value": "oklch(51.70% 0.1657 139.81deg)"
317
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.0149) calc(c - 0.0047) calc(h + 0.02))\"}"
318
318
  },
319
319
  "success-active": {
320
320
  "name": "Success Active",
321
321
  "type": "color",
322
- "value": "oklch(48.43% 0.1547 139.66deg)"
322
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l - 0.0476) calc(c - 0.0157) calc(h - 0.13))\"}"
323
323
  },
324
324
  "success-emphasis": {
325
325
  "name": "Success Emphasis",
326
326
  "type": "color",
327
- "value": "oklch(64.22% 0.1487 137.48deg)"
327
+ "value": "#{\"oklch(from var(--kendo-color-success) calc(l + 0.1103) calc(c - 0.0217) calc(h - 2.31))\"}"
328
328
  },
329
329
  "success-on-subtle": {
330
330
  "name": "Success On Subtle",
331
331
  "type": "color",
332
- "value": "oklch(26.64% 0.0817 137.64deg)"
332
+ "value": "#{\"oklch(from var(--kendo-color-success-subtle) clamp(0.2664, (0.65 - l) * 99999, 0.7336) 0.0817 calc(h + 1.58))\"}"
333
333
  },
334
334
  "on-success": {
335
335
  "name": "On Success",
336
336
  "type": "color",
337
- "value": "oklch(100.00% 0.0001 0deg)"
337
+ "value": "#{\"oklch(from var(--kendo-color-success) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h - 139.79))\"}"
338
338
  },
339
339
  "success-on-surface": {
340
340
  "name": "Success On Surface",
341
341
  "type": "color",
342
- "value": "oklch(43.56% 0.1387 139.49deg)"
342
+ "value": "#{\"oklch(from var(--kendo-color-success) clamp(0.4356, (0.4819 - l) * 99999, 0.5644) 0.1387 calc(h - 0.3))\"}"
343
343
  },
344
344
  "warning-subtle": {
345
345
  "name": "Warning Subtle",
346
346
  "type": "color",
347
- "value": "oklch(95.04% 0.0463 85.21deg)"
347
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l + 0.1676) calc(c - 0.1189) calc(h + 10.4))\"}"
348
348
  },
349
349
  "warning-subtle-hover": {
350
350
  "name": "Warning Subtle Hover",
351
351
  "type": "color",
352
- "value": "oklch(91.63% 0.0801 85.07deg)"
352
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l + 0.1335) calc(c - 0.0851) calc(h + 10.26))\"}"
353
353
  },
354
354
  "warning-subtle-active": {
355
355
  "name": "Warning Subtle Active",
356
356
  "type": "color",
357
- "value": "oklch(88.27% 0.1108 85.04deg)"
357
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l + 0.0999) calc(c - 0.0544) calc(h + 10.23))\"}"
358
358
  },
359
359
  "warning": {
360
360
  "name": "Warning",
@@ -364,47 +364,47 @@
364
364
  "warning-hover": {
365
365
  "name": "Warning Hover",
366
366
  "type": "color",
367
- "value": "oklch(75.84% 0.1601 74.78deg)"
367
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.0244) calc(c - 0.0051) calc(h - 0.03))\"}"
368
368
  },
369
369
  "warning-active": {
370
370
  "name": "Warning Active",
371
371
  "type": "color",
372
- "value": "oklch(71.22% 0.1502 74.90deg)"
372
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l - 0.0706) calc(c - 0.015) calc(h + 0.09))\"}"
373
373
  },
374
374
  "warning-emphasis": {
375
375
  "name": "Warning Emphasis",
376
376
  "type": "color",
377
- "value": "oklch(82.95% 0.1501 81.54deg)"
377
+ "value": "#{\"oklch(from var(--kendo-color-warning) calc(l + 0.0467) calc(c - 0.0151) calc(h + 6.73))\"}"
378
378
  },
379
379
  "warning-on-subtle": {
380
380
  "name": "Warning On Subtle",
381
381
  "type": "color",
382
- "value": "oklch(37.12% 0.0773 78.31deg)"
382
+ "value": "#{\"oklch(from var(--kendo-color-warning-subtle) clamp(0.3712, (0.65 - l) * 99999, 0.6288) 0.0773 calc(h - 6.9))\"}"
383
383
  },
384
384
  "on-warning": {
385
385
  "name": "On Warning",
386
386
  "type": "color",
387
- "value": "oklch(100.00% 0.0001 0deg)"
387
+ "value": "#{\"oklch(from var(--kendo-color-warning) clamp(0.05, (0.8328 - l) * 99999, 1) 0.0001 calc(h - 74.81))\"}"
388
388
  },
389
389
  "warning-on-surface": {
390
390
  "name": "Warning On Surface",
391
391
  "type": "color",
392
- "value": "oklch(63.42% 0.1333 75.80deg)"
392
+ "value": "#{\"oklch(from var(--kendo-color-warning) clamp(0.3658, (0.8328 - l) * 99999, 0.6342) 0.1333 calc(h + 0.99))\"}"
393
393
  },
394
394
  "error-subtle": {
395
395
  "name": "Error Subtle",
396
396
  "type": "color",
397
- "value": "oklch(89.34% 0.0427 14.26deg)"
397
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l + 0.3362) calc(c - 0.1731) calc(h - 12.08))\"}"
398
398
  },
399
399
  "error-subtle-hover": {
400
400
  "name": "Error Subtle Hover",
401
401
  "type": "color",
402
- "value": "oklch(81.54% 0.0763 15.75deg)"
402
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l + 0.2582) calc(c - 0.1395) calc(h - 10.59))\"}"
403
403
  },
404
404
  "error-subtle-active": {
405
405
  "name": "Error Subtle Active",
406
406
  "type": "color",
407
- "value": "oklch(74.01% 0.1146 16.77deg)"
407
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l + 0.1829) calc(c - 0.1012) calc(h - 9.57))\"}"
408
408
  },
409
409
  "error": {
410
410
  "name": "Error",
@@ -414,212 +414,187 @@
414
414
  "error-hover": {
415
415
  "name": "Error Hover",
416
416
  "type": "color",
417
- "value": "oklch(53.98% 0.2086 26.19deg)"
417
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.0174) calc(c - 0.0072) calc(h - 0.15))\"}"
418
418
  },
419
419
  "error-active": {
420
420
  "name": "Error Active",
421
421
  "type": "color",
422
- "value": "oklch(50.63% 0.1950 26.11deg)"
422
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l - 0.0509) calc(c - 0.0208) calc(h - 0.23))\"}"
423
423
  },
424
424
  "error-emphasis": {
425
425
  "name": "Error Emphasis",
426
426
  "type": "color",
427
- "value": "oklch(63.21% 0.1757 20.80deg)"
427
+ "value": "#{\"oklch(from var(--kendo-color-error) calc(l + 0.0749) calc(c - 0.0401) calc(h - 5.54))\"}"
428
428
  },
429
429
  "error-on-subtle": {
430
430
  "name": "Error On Subtle",
431
431
  "type": "color",
432
- "value": "oklch(26.97% 0.0961 24.58deg)"
432
+ "value": "#{\"oklch(from var(--kendo-color-error-subtle) clamp(0.2697, (0.65 - l) * 99999, 0.7303) 0.0961 calc(h + 10.32))\"}"
433
433
  },
434
434
  "on-error": {
435
435
  "name": "On Error",
436
436
  "type": "color",
437
- "value": "oklch(100.00% 0.0001 0deg)"
437
+ "value": "#{\"oklch(from var(--kendo-color-error) clamp(0.05, (0.65 - l) * 99999, 1) 0.0001 calc(h - 26.34))\"}"
438
438
  },
439
439
  "error-on-surface": {
440
440
  "name": "Error On Surface",
441
441
  "type": "color",
442
- "value": "oklch(45.22% 0.1727 26.06deg)"
442
+ "value": "#{\"oklch(from var(--kendo-color-error) clamp(0.4522, (0.5072 - l) * 99999, 0.5478) 0.1727 calc(h - 0.28))\"}"
443
+ },
444
+ "series": {
445
+ "name": "Series",
446
+ "type": "color",
447
+ "value": "oklch(53.51% 0.1201 241.53deg)"
443
448
  },
444
449
  "series-a": {
445
450
  "name": "Series A",
446
451
  "type": "color",
447
- "value": "oklch(53.51% 0.1201 241.53deg)"
452
+ "value": "#{\"oklch(from var(--kendo-color-series) l c h)\"}"
448
453
  },
449
454
  "series-a-bold": {
450
455
  "name": "Series A Bold",
451
456
  "type": "color",
452
- "value": "oklch(43.69% 0.0957 241.04deg)"
457
+ "value": "#{\"oklch(from var(--kendo-color-series-a) calc(l - 0.0982) calc(c - 0.0244) calc(h - 0.49))\"}"
453
458
  },
454
459
  "series-a-bolder": {
455
460
  "name": "Series A Bolder",
456
461
  "type": "color",
457
- "value": "oklch(33.27% 0.0697 239.98deg)"
462
+ "value": "#{\"oklch(from var(--kendo-color-series-a) calc(l - 0.2024) calc(c - 0.0504) calc(h - 1.55))\"}"
458
463
  },
459
464
  "series-a-subtle": {
460
465
  "name": "Series A Subtle",
461
466
  "type": "color",
462
- "value": "oklch(64.62% 0.0970 235.88deg)"
467
+ "value": "#{\"oklch(from var(--kendo-color-series-a) calc(l + 0.1111) calc(c - 0.0231) calc(h - 5.65))\"}"
463
468
  },
464
469
  "series-a-subtler": {
465
470
  "name": "Series A Subtler",
466
471
  "type": "color",
467
- "value": "oklch(76.42% 0.0656 233.85deg)"
472
+ "value": "#{\"oklch(from var(--kendo-color-series-a) calc(l + 0.2291) calc(c - 0.0545) calc(h - 7.68))\"}"
468
473
  },
469
474
  "series-b": {
470
475
  "name": "Series B",
471
476
  "type": "color",
472
- "value": "oklch(91.13% 0.1479 96.03deg)"
477
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.3762) calc(c + 0.0278) calc(h - 145.5))\"}"
473
478
  },
474
479
  "series-b-bold": {
475
480
  "name": "Series B Bold",
476
481
  "type": "color",
477
- "value": "oklch(73.53% 0.1174 96.34deg)"
482
+ "value": "#{\"oklch(from var(--kendo-color-series-b) calc(l - 0.176) calc(c - 0.0305) calc(h + 0.31))\"}"
478
483
  },
479
484
  "series-b-bolder": {
480
485
  "name": "Series B Bolder",
481
486
  "type": "color",
482
- "value": "oklch(54.90% 0.0858 96.25deg)"
487
+ "value": "#{\"oklch(from var(--kendo-color-series-b) calc(l - 0.3623) calc(c - 0.0621) calc(h + 0.22))\"}"
483
488
  },
484
489
  "series-b-subtle": {
485
490
  "name": "Series B Subtle",
486
491
  "type": "color",
487
- "value": "oklch(93.18% 0.1189 96.82deg)"
492
+ "value": "#{\"oklch(from var(--kendo-color-series-b) calc(l + 0.0205) calc(c - 0.029) calc(h + 0.79))\"}"
488
493
  },
489
494
  "series-b-subtler": {
490
495
  "name": "Series B Subtler",
491
496
  "type": "color",
492
- "value": "oklch(95.23% 0.0815 96.35deg)"
497
+ "value": "#{\"oklch(from var(--kendo-color-series-b) calc(l + 0.041) calc(c - 0.0664) calc(h + 0.32))\"}"
493
498
  },
494
499
  "series-c": {
495
500
  "name": "Series C",
496
501
  "type": "color",
497
- "value": "oklch(76.82% 0.1642 153.15deg)"
502
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.2331) calc(c + 0.0441) calc(h - 88.38))\"}"
498
503
  },
499
504
  "series-c-bold": {
500
505
  "name": "Series C Bold",
501
506
  "type": "color",
502
- "value": "oklch(62.20% 0.1308 153.29deg)"
507
+ "value": "#{\"oklch(from var(--kendo-color-series-c) calc(l - 0.1462) calc(c - 0.0334) calc(h + 0.14))\"}"
503
508
  },
504
509
  "series-c-bolder": {
505
510
  "name": "Series C Bolder",
506
511
  "type": "color",
507
- "value": "oklch(46.66% 0.0951 153.53deg)"
512
+ "value": "#{\"oklch(from var(--kendo-color-series-c) calc(l - 0.3016) calc(c - 0.0691) calc(h + 0.38))\"}"
508
513
  },
509
514
  "series-c-subtle": {
510
515
  "name": "Series C Subtle",
511
516
  "type": "color",
512
- "value": "oklch(82.04% 0.1288 155.49deg)"
517
+ "value": "#{\"oklch(from var(--kendo-color-series-c) calc(l + 0.0522) calc(c - 0.0354) calc(h + 2.34))\"}"
513
518
  },
514
519
  "series-c-subtler": {
515
520
  "name": "Series C Subtler",
516
521
  "type": "color",
517
- "value": "oklch(87.59% 0.0866 157.52deg)"
522
+ "value": "#{\"oklch(from var(--kendo-color-series-c) calc(l + 0.1077) calc(c - 0.0776) calc(h + 4.37))\"}"
518
523
  },
519
524
  "series-d": {
520
525
  "name": "Series D",
521
526
  "type": "color",
522
- "value": "oklch(57.15% 0.1937 255.80deg)"
527
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.0364) calc(c + 0.0736) calc(h + 14.27))\"}"
523
528
  },
524
529
  "series-d-bold": {
525
530
  "name": "Series D Bold",
526
531
  "type": "color",
527
- "value": "oklch(46.51% 0.1549 255.32deg)"
532
+ "value": "#{\"oklch(from var(--kendo-color-series-d) calc(l - 0.1064) calc(c - 0.0388) calc(h - 0.48))\"}"
528
533
  },
529
534
  "series-d-bolder": {
530
535
  "name": "Series D Bolder",
531
536
  "type": "color",
532
- "value": "oklch(35.13% 0.1121 254.06deg)"
537
+ "value": "#{\"oklch(from var(--kendo-color-series-d) calc(l - 0.2202) calc(c - 0.0816) calc(h - 1.74))\"}"
533
538
  },
534
539
  "series-d-subtle": {
535
540
  "name": "Series D Subtle",
536
541
  "type": "color",
537
- "value": "oklch(66.36% 0.1516 250.80deg)"
542
+ "value": "#{\"oklch(from var(--kendo-color-series-d) calc(l + 0.0921) calc(c - 0.0421) calc(h - 5))\"}"
538
543
  },
539
544
  "series-d-subtler": {
540
545
  "name": "Series D Subtler",
541
546
  "type": "color",
542
- "value": "oklch(77.10% 0.1021 248.87deg)"
547
+ "value": "#{\"oklch(from var(--kendo-color-series-d) calc(l + 0.1995) calc(c - 0.0916) calc(h - 6.93))\"}"
543
548
  },
544
549
  "series-e": {
545
550
  "name": "Series E",
546
551
  "type": "color",
547
- "value": "oklch(59.32% 0.2196 303.41deg)"
552
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.0581) calc(c + 0.0995) calc(h + 61.88))\"}"
548
553
  },
549
554
  "series-e-bold": {
550
555
  "name": "Series E Bold",
551
556
  "type": "color",
552
- "value": "oklch(48.24% 0.1753 303.38deg)"
557
+ "value": "#{\"oklch(from var(--kendo-color-series-e) calc(l - 0.1108) calc(c - 0.0443) calc(h - 0.03))\"}"
553
558
  },
554
559
  "series-e-bolder": {
555
560
  "name": "Series E Bolder",
556
561
  "type": "color",
557
- "value": "oklch(36.67% 0.1253 304.19deg)"
562
+ "value": "#{\"oklch(from var(--kendo-color-series-e) calc(l - 0.2265) calc(c - 0.0943) calc(h + 0.78))\"}"
558
563
  },
559
564
  "series-e-subtle": {
560
565
  "name": "Series E Subtle",
561
566
  "type": "color",
562
- "value": "oklch(68.68% 0.1687 305.69deg)"
567
+ "value": "#{\"oklch(from var(--kendo-color-series-e) calc(l + 0.0936) calc(c - 0.0509) calc(h + 2.28))\"}"
563
568
  },
564
569
  "series-e-subtler": {
565
570
  "name": "Series E Subtler",
566
571
  "type": "color",
567
- "value": "oklch(78.90% 0.1127 306.81deg)"
572
+ "value": "#{\"oklch(from var(--kendo-color-series-e) calc(l + 0.1958) calc(c - 0.1069) calc(h + 3.4))\"}"
568
573
  },
569
574
  "series-f": {
570
575
  "name": "Series F",
571
576
  "type": "color",
572
- "value": "oklch(75.56% 0.1602 359.68deg)"
577
+ "value": "#{\"oklch(from var(--kendo-color-series) calc(l + 0.2205) calc(c + 0.0401) calc(h + 118.15))\"}"
573
578
  },
574
579
  "series-f-bold": {
575
580
  "name": "Series F Bold",
576
581
  "type": "color",
577
- "value": "oklch(61.11% 0.1266 359.47deg)"
582
+ "value": "#{\"oklch(from var(--kendo-color-series-f) calc(l - 0.1445) calc(c - 0.0336) calc(h - 0.21))\"}"
578
583
  },
579
584
  "series-f-bolder": {
580
585
  "name": "Series F Bolder",
581
586
  "type": "color",
582
- "value": "oklch(45.88% 0.0917 359.46deg)"
587
+ "value": "#{\"oklch(from var(--kendo-color-series-f) calc(l - 0.2968) calc(c - 0.0685) calc(h - 0.22))\"}"
583
588
  },
584
589
  "series-f-subtle": {
585
590
  "name": "Series F Subtle",
586
591
  "type": "color",
587
- "value": "oklch(81.04% 0.1188 357.68deg)"
592
+ "value": "#{\"oklch(from var(--kendo-color-series-f) calc(l + 0.0548) calc(c - 0.0414) calc(h - 2))\"}"
588
593
  },
589
594
  "series-f-subtler": {
590
595
  "name": "Series F Subtler",
591
596
  "type": "color",
592
- "value": "oklch(87.09% 0.0771 355.97deg)"
593
- }
594
- }
595
- },
596
- {
597
- "name": "Button",
598
- "variables": {
599
- "kendo-flat-button-hover-opacity": {
600
- "name": "Flat Button hover opacity",
601
- "type": "number",
602
- "value": "4%"
603
- },
604
- "kendo-flat-button-active-opacity": {
605
- "name": "Flat Button active opacity",
606
- "type": "number",
607
- "value": "6%"
608
- },
609
- "kendo-flat-button-selected-opacity": {
610
- "name": "Flat Button selected opacity",
611
- "type": "number",
612
- "value": "8%"
613
- }
614
- }
615
- },
616
- {
617
- "name": "Inputs",
618
- "variables": {
619
- "kendo-input-clear-value-opacity": {
620
- "name": "Input clear value button opacity",
621
- "type": "number",
622
- "value": "80%"
597
+ "value": "#{\"oklch(from var(--kendo-color-series-f) calc(l + 0.1153) calc(c - 0.0831) calc(h - 3.71))\"}"
623
598
  }
624
599
  }
625
600
  }