@progress/kendo-theme-default 7.3.0-dev.0 → 8.0.0-dev.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 (44) hide show
  1. package/dist/all.css +2805 -2054
  2. package/dist/all.scss +485 -143
  3. package/dist/default-blue.scss +143 -29
  4. package/dist/default-dataviz-v4.scss +45 -6
  5. package/dist/default-green.scss +135 -29
  6. package/dist/default-main-dark.scss +190 -34
  7. package/dist/default-main.scss +34 -29
  8. package/dist/default-nordic.scss +143 -29
  9. package/dist/default-ocean-blue-a11y.scss +170 -33
  10. package/dist/default-ocean-blue.scss +166 -33
  11. package/dist/default-orange.scss +143 -29
  12. package/dist/default-purple.scss +143 -29
  13. package/dist/default-turquoise.scss +143 -29
  14. package/dist/default-urban.scss +143 -29
  15. package/dist/meta/sassdoc-data.json +45309 -34005
  16. package/dist/meta/sassdoc-raw-data.json +14047 -8822
  17. package/dist/meta/variables.json +1589 -1585
  18. package/lib/swatches/default-blue.json +541 -1
  19. package/lib/swatches/default-dataviz-v4.json +166 -1
  20. package/lib/swatches/default-green.json +501 -1
  21. package/lib/swatches/default-main-dark.json +751 -1
  22. package/lib/swatches/default-main.json +11 -1
  23. package/lib/swatches/default-nordic.json +541 -1
  24. package/lib/swatches/default-ocean-blue-a11y.json +672 -8
  25. package/lib/swatches/default-ocean-blue.json +645 -3
  26. package/lib/swatches/default-orange.json +541 -1
  27. package/lib/swatches/default-purple.json +541 -1
  28. package/lib/swatches/default-turquoise.json +541 -1
  29. package/lib/swatches/default-urban.json +541 -1
  30. package/package.json +4 -4
  31. package/scss/calendar/_layout.scss +7 -5
  32. package/scss/calendar/_theme.scss +0 -3
  33. package/scss/calendar/_variables.scss +199 -3
  34. package/scss/core/color-system/_swatch-legacy.scss +1 -1
  35. package/scss/core/color-system/_swatch.scss +1 -1
  36. package/scss/drawer/_layout.scss +27 -74
  37. package/scss/drawer/_variables.scss +65 -0
  38. package/scss/floating-label/_layout.scss +10 -14
  39. package/scss/floating-label/_theme.scss +5 -5
  40. package/scss/forms/_layout.scss +0 -13
  41. package/scss/panelbar/_layout.scss +2 -7
  42. package/scss/panelbar/_theme.scss +0 -15
  43. package/scss/panelbar/_variables.scss +166 -0
  44. package/scss/scheduler/_theme.scss +1 -1
package/lib/swatches/default-urban.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Default Urban",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "7.3.0-dev.0",
6
+ "version": "8.0.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -14,6 +14,546 @@
14
14
  ],
15
15
  "components": [],
16
16
  "groups": [
17
+ {
18
+ "name": "New color system",
19
+ "colorSystem": {
20
+ "kendo-enable-color-system": {
21
+ "name": "New color system",
22
+ "type": "boolean",
23
+ "value": true
24
+ }
25
+ }
26
+ },
27
+ {
28
+ "name": "New theme colors",
29
+ "colorsMap": {
30
+ "app-surface": {
31
+ "name": "App Surface",
32
+ "type": "color",
33
+ "value": "#ffffff"
34
+ },
35
+ "on-app-surface": {
36
+ "name": "On App Surface",
37
+ "type": "color",
38
+ "value": "#1c3a4c"
39
+ },
40
+ "subtle": {
41
+ "name": "Subtle",
42
+ "type": "color",
43
+ "value": "#6c757d"
44
+ },
45
+ "surface": {
46
+ "name": "Surface",
47
+ "type": "color",
48
+ "value": "#e3eef4"
49
+ },
50
+ "surface-alt": {
51
+ "name": "Surface Alt",
52
+ "type": "color",
53
+ "value": "#ffffff"
54
+ },
55
+ "base-subtle": {
56
+ "name": "Base Subtle",
57
+ "type": "color",
58
+ "value": "#5492b6"
59
+ },
60
+ "base-subtle-hover": {
61
+ "name": "Base Subtle Hover",
62
+ "type": "color",
63
+ "value": "#508caf"
64
+ },
65
+ "base-subtle-active": {
66
+ "name": "Base Subtle Active",
67
+ "type": "color",
68
+ "value": "#4c84a5"
69
+ },
70
+ "base": {
71
+ "name": "Base",
72
+ "type": "color",
73
+ "value": "#5798be"
74
+ },
75
+ "base-hover": {
76
+ "name": "Base Hover",
77
+ "type": "color",
78
+ "value": "#5492b6"
79
+ },
80
+ "base-active": {
81
+ "name": "Base Active",
82
+ "type": "color",
83
+ "value": "#4d86a7"
84
+ },
85
+ "base-emphasis": {
86
+ "name": "Base Emphasis",
87
+ "type": "color",
88
+ "value": "#457896"
89
+ },
90
+ "base-on-subtle": {
91
+ "name": "Base On Subtle",
92
+ "type": "color",
93
+ "value": "#ffffff"
94
+ },
95
+ "on-base": {
96
+ "name": "On Base",
97
+ "type": "color",
98
+ "value": "#ffffff"
99
+ },
100
+ "base-on-surface": {
101
+ "name": "Base On Surface",
102
+ "type": "color",
103
+ "value": "#ffffff"
104
+ },
105
+ "primary-subtle": {
106
+ "name": "Primary Subtle",
107
+ "type": "color",
108
+ "value": "#ffded1"
109
+ },
110
+ "primary-subtle-hover": {
111
+ "name": "Primary Subtle Hover",
112
+ "type": "color",
113
+ "value": "#ffc6af"
114
+ },
115
+ "primary-subtle-active": {
116
+ "name": "Primary Subtle Active",
117
+ "type": "color",
118
+ "value": "#ffae8d"
119
+ },
120
+ "primary": {
121
+ "name": "Primary",
122
+ "type": "color",
123
+ "value": "#ff5c1a"
124
+ },
125
+ "primary-hover": {
126
+ "name": "Primary Hover",
127
+ "type": "color",
128
+ "value": "#f55819"
129
+ },
130
+ "primary-active": {
131
+ "name": "Primary Active",
132
+ "type": "color",
133
+ "value": "#e05117"
134
+ },
135
+ "primary-emphasis": {
136
+ "name": "Primary Emphasis",
137
+ "type": "color",
138
+ "value": "#ff8553"
139
+ },
140
+ "primary-on-subtle": {
141
+ "name": "Primary On Subtle",
142
+ "type": "color",
143
+ "value": "#592009"
144
+ },
145
+ "on-primary": {
146
+ "name": "On Primary",
147
+ "type": "color",
148
+ "value": "white"
149
+ },
150
+ "primary-on-surface": {
151
+ "name": "Primary On Surface",
152
+ "type": "color",
153
+ "value": "#bf4514"
154
+ },
155
+ "secondary-subtle": {
156
+ "name": "Secondary Subtle",
157
+ "type": "color",
158
+ "value": "#e3eef4"
159
+ },
160
+ "secondary-subtle-hover": {
161
+ "name": "Secondary Subtle Hover",
162
+ "type": "color",
163
+ "value": "#cee1ec"
164
+ },
165
+ "secondary-subtle-active": {
166
+ "name": "Secondary Subtle Active",
167
+ "type": "color",
168
+ "value": "#b9d4e4"
169
+ },
170
+ "secondary": {
171
+ "name": "Secondary",
172
+ "type": "color",
173
+ "value": "#73a9c9"
174
+ },
175
+ "secondary-hover": {
176
+ "name": "Secondary Hover",
177
+ "type": "color",
178
+ "value": "#6ea2c1"
179
+ },
180
+ "secondary-active": {
181
+ "name": "Secondary Active",
182
+ "type": "color",
183
+ "value": "#6595b1"
184
+ },
185
+ "secondary-emphasis": {
186
+ "name": "Secondary Emphasis",
187
+ "type": "color",
188
+ "value": "#96bfd7"
189
+ },
190
+ "secondary-on-subtle": {
191
+ "name": "Secondary On Subtle",
192
+ "type": "color",
193
+ "value": "#283b46"
194
+ },
195
+ "on-secondary": {
196
+ "name": "On Secondary",
197
+ "type": "color",
198
+ "value": "white"
199
+ },
200
+ "secondary-on-surface": {
201
+ "name": "Secondary On Surface",
202
+ "type": "color",
203
+ "value": "#567f97"
204
+ },
205
+ "info-subtle": {
206
+ "name": "Info Subtle",
207
+ "type": "color",
208
+ "value": "#def2f8"
209
+ },
210
+ "info-subtle-hover": {
211
+ "name": "Info Subtle Hover",
212
+ "type": "color",
213
+ "value": "#c6e9f3"
214
+ },
215
+ "info-subtle-active": {
216
+ "name": "Info Subtle Active",
217
+ "type": "color",
218
+ "value": "#ade0ef"
219
+ },
220
+ "info": {
221
+ "name": "Info",
222
+ "type": "color",
223
+ "value": "#5bc0de"
224
+ },
225
+ "info-hover": {
226
+ "name": "Info Hover",
227
+ "type": "color",
228
+ "value": "#57b8d5"
229
+ },
230
+ "info-active": {
231
+ "name": "Info Active",
232
+ "type": "color",
233
+ "value": "#50a9c3"
234
+ },
235
+ "info-emphasis": {
236
+ "name": "Info Emphasis",
237
+ "type": "color",
238
+ "value": "#84d0e6"
239
+ },
240
+ "info-on-subtle": {
241
+ "name": "Info On Subtle",
242
+ "type": "color",
243
+ "value": "#20434e"
244
+ },
245
+ "on-info": {
246
+ "name": "On Info",
247
+ "type": "color",
248
+ "value": "white"
249
+ },
250
+ "info-on-surface": {
251
+ "name": "Info On Surface",
252
+ "type": "color",
253
+ "value": "#4490a7"
254
+ },
255
+ "success-subtle": {
256
+ "name": "Success Subtle",
257
+ "type": "color",
258
+ "value": "#def1de"
259
+ },
260
+ "success-subtle-hover": {
261
+ "name": "Success Subtle Hover",
262
+ "type": "color",
263
+ "value": "#c6e6c6"
264
+ },
265
+ "success-subtle-active": {
266
+ "name": "Success Subtle Active",
267
+ "type": "color",
268
+ "value": "#aedcae"
269
+ },
270
+ "success": {
271
+ "name": "Success",
272
+ "type": "color",
273
+ "value": "#5cb85c"
274
+ },
275
+ "success-hover": {
276
+ "name": "Success Hover",
277
+ "type": "color",
278
+ "value": "#58b158"
279
+ },
280
+ "success-active": {
281
+ "name": "Success Active",
282
+ "type": "color",
283
+ "value": "#51a251"
284
+ },
285
+ "success-emphasis": {
286
+ "name": "Success Emphasis",
287
+ "type": "color",
288
+ "value": "#85ca85"
289
+ },
290
+ "success-on-subtle": {
291
+ "name": "Success On Subtle",
292
+ "type": "color",
293
+ "value": "#204020"
294
+ },
295
+ "on-success": {
296
+ "name": "On Success",
297
+ "type": "color",
298
+ "value": "white"
299
+ },
300
+ "success-on-surface": {
301
+ "name": "Success On Surface",
302
+ "type": "color",
303
+ "value": "#458a45"
304
+ },
305
+ "warning-subtle": {
306
+ "name": "Warning Subtle",
307
+ "type": "color",
308
+ "value": "#fff1de"
309
+ },
310
+ "warning-subtle-hover": {
311
+ "name": "Warning Subtle Hover",
312
+ "type": "color",
313
+ "value": "#ffe7c6"
314
+ },
315
+ "warning-subtle-active": {
316
+ "name": "Warning Subtle Active",
317
+ "type": "color",
318
+ "value": "#ffddad"
319
+ },
320
+ "warning": {
321
+ "name": "Warning",
322
+ "type": "color",
323
+ "value": "#ffbb5b"
324
+ },
325
+ "warning-hover": {
326
+ "name": "Warning Hover",
327
+ "type": "color",
328
+ "value": "#f5b457"
329
+ },
330
+ "warning-active": {
331
+ "name": "Warning Active",
332
+ "type": "color",
333
+ "value": "#e0a550"
334
+ },
335
+ "warning-emphasis": {
336
+ "name": "Warning Emphasis",
337
+ "type": "color",
338
+ "value": "#ffcc84"
339
+ },
340
+ "warning-on-subtle": {
341
+ "name": "Warning On Subtle",
342
+ "type": "color",
343
+ "value": "#594120"
344
+ },
345
+ "on-warning": {
346
+ "name": "On Warning",
347
+ "type": "color",
348
+ "value": "black"
349
+ },
350
+ "warning-on-surface": {
351
+ "name": "Warning On Surface",
352
+ "type": "color",
353
+ "value": "#bf8c44"
354
+ },
355
+ "error-subtle": {
356
+ "name": "Error Subtle",
357
+ "type": "color",
358
+ "value": "#f9dacf"
359
+ },
360
+ "error-subtle-hover": {
361
+ "name": "Error Subtle Hover",
362
+ "type": "color",
363
+ "value": "#f5bfab"
364
+ },
365
+ "error-subtle-active": {
366
+ "name": "Error Subtle Active",
367
+ "type": "color",
368
+ "value": "#f1a387"
369
+ },
370
+ "error": {
371
+ "name": "Error",
372
+ "type": "color",
373
+ "value": "#e3470e"
374
+ },
375
+ "error-hover": {
376
+ "name": "Error Hover",
377
+ "type": "color",
378
+ "value": "#da440d"
379
+ },
380
+ "error-active": {
381
+ "name": "Error Active",
382
+ "type": "color",
383
+ "value": "#c83e0c"
384
+ },
385
+ "error-emphasis": {
386
+ "name": "Error Emphasis",
387
+ "type": "color",
388
+ "value": "#ea754a"
389
+ },
390
+ "error-on-subtle": {
391
+ "name": "Error On Subtle",
392
+ "type": "color",
393
+ "value": "#4f1905"
394
+ },
395
+ "on-error": {
396
+ "name": "On Error",
397
+ "type": "color",
398
+ "value": "white"
399
+ },
400
+ "error-on-surface": {
401
+ "name": "Error On Surface",
402
+ "type": "color",
403
+ "value": "#aa350b"
404
+ },
405
+ "series-a": {
406
+ "name": "Series A",
407
+ "type": "color",
408
+ "value": "#ff7943"
409
+ },
410
+ "series-a-bold": {
411
+ "name": "Series A Bold",
412
+ "type": "color",
413
+ "value": "#bf5b32"
414
+ },
415
+ "series-a-bolder": {
416
+ "name": "Series A Bolder",
417
+ "type": "color",
418
+ "value": "#803d22"
419
+ },
420
+ "series-a-subtle": {
421
+ "name": "Series A Subtle",
422
+ "type": "color",
423
+ "value": "#ff9b72"
424
+ },
425
+ "series-a-subtler": {
426
+ "name": "Series A Subtler",
427
+ "type": "color",
428
+ "value": "#ffbca1"
429
+ },
430
+ "series-b": {
431
+ "name": "Series B",
432
+ "type": "color",
433
+ "value": "#e84d0e"
434
+ },
435
+ "series-b-bold": {
436
+ "name": "Series B Bold",
437
+ "type": "color",
438
+ "value": "#ae3a0b"
439
+ },
440
+ "series-b-bolder": {
441
+ "name": "Series B Bolder",
442
+ "type": "color",
443
+ "value": "#742707"
444
+ },
445
+ "series-b-subtle": {
446
+ "name": "Series B Subtle",
447
+ "type": "color",
448
+ "value": "#ee7a4a"
449
+ },
450
+ "series-b-subtler": {
451
+ "name": "Series B Subtler",
452
+ "type": "color",
453
+ "value": "#f4a687"
454
+ },
455
+ "series-c": {
456
+ "name": "Series C",
457
+ "type": "color",
458
+ "value": "#40a9e3"
459
+ },
460
+ "series-c-bold": {
461
+ "name": "Series C Bold",
462
+ "type": "color",
463
+ "value": "#307faa"
464
+ },
465
+ "series-c-bolder": {
466
+ "name": "Series C Bolder",
467
+ "type": "color",
468
+ "value": "#205572"
469
+ },
470
+ "series-c-subtle": {
471
+ "name": "Series C Subtle",
472
+ "type": "color",
473
+ "value": "#70bfea"
474
+ },
475
+ "series-c-subtler": {
476
+ "name": "Series C Subtler",
477
+ "type": "color",
478
+ "value": "#a0d4f1"
479
+ },
480
+ "series-d": {
481
+ "name": "Series D",
482
+ "type": "color",
483
+ "value": "#016a98"
484
+ },
485
+ "series-d-bold": {
486
+ "name": "Series D Bold",
487
+ "type": "color",
488
+ "value": "#015072"
489
+ },
490
+ "series-d-bolder": {
491
+ "name": "Series D Bolder",
492
+ "type": "color",
493
+ "value": "#01354c"
494
+ },
495
+ "series-d-subtle": {
496
+ "name": "Series D Subtle",
497
+ "type": "color",
498
+ "value": "#418fb2"
499
+ },
500
+ "series-d-subtler": {
501
+ "name": "Series D Subtler",
502
+ "type": "color",
503
+ "value": "#80b5cc"
504
+ },
505
+ "series-e": {
506
+ "name": "Series E",
507
+ "type": "color",
508
+ "value": "#7a8c95"
509
+ },
510
+ "series-e-bold": {
511
+ "name": "Series E Bold",
512
+ "type": "color",
513
+ "value": "#5c6970"
514
+ },
515
+ "series-e-bolder": {
516
+ "name": "Series E Bolder",
517
+ "type": "color",
518
+ "value": "#3d464b"
519
+ },
520
+ "series-e-subtle": {
521
+ "name": "Series E Subtle",
522
+ "type": "color",
523
+ "value": "#9ba9b0"
524
+ },
525
+ "series-e-subtler": {
526
+ "name": "Series E Subtler",
527
+ "type": "color",
528
+ "value": "#bdc6ca"
529
+ },
530
+ "series-f": {
531
+ "name": "Series F",
532
+ "type": "color",
533
+ "value": "#355261"
534
+ },
535
+ "series-f-bold": {
536
+ "name": "Series F Bold",
537
+ "type": "color",
538
+ "value": "#283e49"
539
+ },
540
+ "series-f-bolder": {
541
+ "name": "Series F Bolder",
542
+ "type": "color",
543
+ "value": "#1b2931"
544
+ },
545
+ "series-f-subtle": {
546
+ "name": "Series F Subtle",
547
+ "type": "color",
548
+ "value": "#687d89"
549
+ },
550
+ "series-f-subtler": {
551
+ "name": "Series F Subtler",
552
+ "type": "color",
553
+ "value": "#9aa9b0"
554
+ }
555
+ }
556
+ },
17
557
  {
18
558
  "name": "Theme colors",
19
559
  "variables": {
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-default",
3
3
  "description": "SASS resources for the default Kendo UI theme",
4
- "version": "7.3.0-dev.0",
4
+ "version": "8.0.0-dev.0",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -52,12 +52,12 @@
52
52
  },
53
53
  "dependencies": {
54
54
  "@progress/kendo-svg-icons": "2.1.0",
55
- "@progress/kendo-theme-core": "7.3.0-dev.0",
56
- "@progress/kendo-theme-utils": "7.3.0-dev.0"
55
+ "@progress/kendo-theme-core": "8.0.0-dev.0",
56
+ "@progress/kendo-theme-utils": "8.0.0-dev.0"
57
57
  },
58
58
  "directories": {
59
59
  "doc": "docs",
60
60
  "lib": "lib"
61
61
  },
62
- "gitHead": "01297a87bc94d867851e28577c04a0596e35e4f9"
62
+ "gitHead": "82fa9745206aad68ed9f5a6d8c11d84dbb70c20c"
63
63
  }
package/scss/calendar/_layout.scss CHANGED
@@ -86,6 +86,9 @@
86
86
  block-size: var( --INTERNAL--kendo-calendar-cell-size, min-content );
87
87
  border-color: transparent;
88
88
  }
89
+ .k-calendar-td.k-alt {
90
+ font-size: $kendo-calendar-week-number-font-size;
91
+ }
89
92
 
90
93
 
91
94
  // Calendar cell inner
@@ -133,11 +136,6 @@
133
136
  justify-content: space-between;
134
137
  flex: 0 0 auto;
135
138
 
136
- .k-title,
137
- .k-calendar-title {
138
- font-weight: bold;
139
- }
140
-
141
139
  .k-calendar-nav {
142
140
  display: flex;
143
141
  flex-flow: row nowrap;
@@ -171,6 +169,10 @@
171
169
  position: relative;
172
170
  z-index: 1;
173
171
  overflow: hidden;
172
+
173
+ .k-today {
174
+ font-weight: bold;
175
+ }
174
176
  }
175
177
 
176
178
 
package/scss/calendar/_theme.scss CHANGED
@@ -63,9 +63,6 @@
63
63
  $kendo-calendar-week-number-bg
64
64
  );
65
65
  }
66
- .k-out-of-range {
67
- pointer-events: none;
68
- }
69
66
 
70
67
 
71
68
  // Interactive states