@progress/kendo-theme-bootstrap 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 (36) hide show
  1. package/dist/all.css +2906 -2134
  2. package/dist/all.scss +490 -145
  3. package/dist/bootstrap-3-dark.scss +164 -39
  4. package/dist/bootstrap-3.scss +152 -39
  5. package/dist/bootstrap-4-dark.scss +156 -30
  6. package/dist/bootstrap-4.scss +144 -30
  7. package/dist/bootstrap-dataviz-v4.scss +45 -6
  8. package/dist/bootstrap-main-dark.scss +156 -30
  9. package/dist/bootstrap-main.scss +34 -29
  10. package/dist/bootstrap-nordic.scss +144 -30
  11. package/dist/bootstrap-turquoise-dark.scss +156 -30
  12. package/dist/bootstrap-turquoise.scss +144 -30
  13. package/dist/bootstrap-urban.scss +144 -30
  14. package/dist/bootstrap-vintage.scss +144 -30
  15. package/dist/meta/sassdoc-data.json +44219 -32915
  16. package/dist/meta/sassdoc-raw-data.json +13675 -8450
  17. package/dist/meta/variables.json +1641 -1637
  18. package/lib/swatches/bootstrap-3-dark.json +604 -2
  19. package/lib/swatches/bootstrap-3.json +544 -2
  20. package/lib/swatches/bootstrap-4-dark.json +601 -1
  21. package/lib/swatches/bootstrap-4.json +541 -1
  22. package/lib/swatches/bootstrap-dataviz-v4.json +166 -1
  23. package/lib/swatches/bootstrap-main-dark.json +601 -1
  24. package/lib/swatches/bootstrap-main.json +11 -1
  25. package/lib/swatches/bootstrap-nordic.json +541 -1
  26. package/lib/swatches/bootstrap-turquoise-dark.json +601 -1
  27. package/lib/swatches/bootstrap-turquoise.json +541 -1
  28. package/lib/swatches/bootstrap-urban.json +541 -1
  29. package/lib/swatches/bootstrap-vintage.json +541 -1
  30. package/package.json +5 -5
  31. package/scss/calendar/_variables.scss +198 -3
  32. package/scss/core/color-system/_swatch-legacy.scss +6 -2
  33. package/scss/core/color-system/_swatch.scss +1 -1
  34. package/scss/drawer/_variables.scss +65 -0
  35. package/scss/panelbar/_variables.scss +166 -0
  36. package/scss/switch/_variables.scss +1 -1
package/lib/swatches/bootstrap-main-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "7.3.0-dev.0",
6
+ "version": "8.0.0-dev.0",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#212529",
@@ -13,6 +13,606 @@
13
13
  ],
14
14
  "components": [],
15
15
  "groups": [
16
+ {
17
+ "name": "New color system",
18
+ "colorSystem": {
19
+ "kendo-enable-color-system": {
20
+ "name": "New color system",
21
+ "type": "boolean",
22
+ "value": true
23
+ }
24
+ }
25
+ },
26
+ {
27
+ "name": "New theme colors",
28
+ "colorsMap": {
29
+ "app-surface": {
30
+ "name": "App Surface",
31
+ "type": "color",
32
+ "value": "#000000"
33
+ },
34
+ "on-app-surface": {
35
+ "name": "On App Surface",
36
+ "type": "color",
37
+ "value": "#ffffff"
38
+ },
39
+ "subtle": {
40
+ "name": "Subtle",
41
+ "type": "color",
42
+ "value": "#cccccc"
43
+ },
44
+ "surface": {
45
+ "name": "Surface",
46
+ "type": "color",
47
+ "value": "#212529"
48
+ },
49
+ "surface-alt": {
50
+ "name": "Surface Alt",
51
+ "type": "color",
52
+ "value": "#000000"
53
+ },
54
+ "border": {
55
+ "name": "Border",
56
+ "type": "color",
57
+ "value": "#495057"
58
+ },
59
+ "border-alt": {
60
+ "name": "Border Alt",
61
+ "type": "color",
62
+ "value": "#6c757d"
63
+ },
64
+ "base-subtle": {
65
+ "name": "Base Subtle",
66
+ "type": "color",
67
+ "value": "#24292d"
68
+ },
69
+ "base-subtle-hover": {
70
+ "name": "Base Subtle Hover",
71
+ "type": "color",
72
+ "value": "#343a40"
73
+ },
74
+ "base-subtle-active": {
75
+ "name": "Base Subtle Active",
76
+ "type": "color",
77
+ "value": "#444a4f"
78
+ },
79
+ "base": {
80
+ "name": "Base",
81
+ "type": "color",
82
+ "value": "#343a40"
83
+ },
84
+ "base-hover": {
85
+ "name": "Base Hover",
86
+ "type": "color",
87
+ "value": "#23272b"
88
+ },
89
+ "base-active": {
90
+ "name": "Base Active",
91
+ "type": "color",
92
+ "value": "#1d2124"
93
+ },
94
+ "base-emphasis": {
95
+ "name": "Base Emphasis",
96
+ "type": "color",
97
+ "value": "#5f6368"
98
+ },
99
+ "base-on-subtle": {
100
+ "name": "Base On Subtle",
101
+ "type": "color",
102
+ "value": "#ffffff"
103
+ },
104
+ "on-base": {
105
+ "name": "On Base",
106
+ "type": "color",
107
+ "value": "#ffffff"
108
+ },
109
+ "base-on-surface": {
110
+ "name": "Base On Surface",
111
+ "type": "color",
112
+ "value": "#ffffff"
113
+ },
114
+ "primary-subtle": {
115
+ "name": "Primary Subtle",
116
+ "type": "color",
117
+ "value": "#031633"
118
+ },
119
+ "primary-subtle-hover": {
120
+ "name": "Primary Subtle Hover",
121
+ "type": "color",
122
+ "value": "#052759"
123
+ },
124
+ "primary-subtle-active": {
125
+ "name": "Primary Subtle Active",
126
+ "type": "color",
127
+ "value": "#07377f"
128
+ },
129
+ "primary": {
130
+ "name": "Primary",
131
+ "type": "color",
132
+ "value": "#0d6efd"
133
+ },
134
+ "primary-hover": {
135
+ "name": "Primary Hover",
136
+ "type": "color",
137
+ "value": "#025ce2"
138
+ },
139
+ "primary-active": {
140
+ "name": "Primary Active",
141
+ "type": "color",
142
+ "value": "#0257d5"
143
+ },
144
+ "primary-emphasis": {
145
+ "name": "Primary Emphasis",
146
+ "type": "color",
147
+ "value": "#0a53be"
148
+ },
149
+ "primary-on-subtle": {
150
+ "name": "Primary On Subtle",
151
+ "type": "color",
152
+ "value": "#aaccfe"
153
+ },
154
+ "on-primary": {
155
+ "name": "On Primary",
156
+ "type": "color",
157
+ "value": "white"
158
+ },
159
+ "primary-on-surface": {
160
+ "name": "Primary On Surface",
161
+ "type": "color",
162
+ "value": "#4a92fe"
163
+ },
164
+ "secondary-subtle": {
165
+ "name": "Secondary Subtle",
166
+ "type": "color",
167
+ "value": "#161719"
168
+ },
169
+ "secondary-subtle-hover": {
170
+ "name": "Secondary Subtle Hover",
171
+ "type": "color",
172
+ "value": "#26292c"
173
+ },
174
+ "secondary-subtle-active": {
175
+ "name": "Secondary Subtle Active",
176
+ "type": "color",
177
+ "value": "#363b3f"
178
+ },
179
+ "secondary": {
180
+ "name": "Secondary",
181
+ "type": "color",
182
+ "value": "#6c757d"
183
+ },
184
+ "secondary-hover": {
185
+ "name": "Secondary Hover",
186
+ "type": "color",
187
+ "value": "#5a6268"
188
+ },
189
+ "secondary-active": {
190
+ "name": "Secondary Active",
191
+ "type": "color",
192
+ "value": "#545b62"
193
+ },
194
+ "secondary-emphasis": {
195
+ "name": "Secondary Emphasis",
196
+ "type": "color",
197
+ "value": "#51585e"
198
+ },
199
+ "secondary-on-subtle": {
200
+ "name": "Secondary On Subtle",
201
+ "type": "color",
202
+ "value": "#cccfd2"
203
+ },
204
+ "on-secondary": {
205
+ "name": "On Secondary",
206
+ "type": "color",
207
+ "value": "white"
208
+ },
209
+ "secondary-on-surface": {
210
+ "name": "Secondary On Surface",
211
+ "type": "color",
212
+ "value": "#91989e"
213
+ },
214
+ "info-subtle": {
215
+ "name": "Info Subtle",
216
+ "type": "color",
217
+ "value": "#032830"
218
+ },
219
+ "info-subtle-hover": {
220
+ "name": "Info Subtle Hover",
221
+ "type": "color",
222
+ "value": "#054754"
223
+ },
224
+ "info-subtle-active": {
225
+ "name": "Info Subtle Active",
226
+ "type": "color",
227
+ "value": "#076578"
228
+ },
229
+ "info": {
230
+ "name": "Info",
231
+ "type": "color",
232
+ "value": "#0dcaf0"
233
+ },
234
+ "info-hover": {
235
+ "name": "Info Hover",
236
+ "type": "color",
237
+ "value": "#0babcc"
238
+ },
239
+ "info-active": {
240
+ "name": "Info Active",
241
+ "type": "color",
242
+ "value": "#0aa1c0"
243
+ },
244
+ "info-emphasis": {
245
+ "name": "Info Emphasis",
246
+ "type": "color",
247
+ "value": "#0a98b4"
248
+ },
249
+ "info-on-subtle": {
250
+ "name": "Info On Subtle",
251
+ "type": "color",
252
+ "value": "#aaecfa"
253
+ },
254
+ "on-info": {
255
+ "name": "On Info",
256
+ "type": "color",
257
+ "value": "white"
258
+ },
259
+ "info-on-surface": {
260
+ "name": "Info On Surface",
261
+ "type": "color",
262
+ "value": "#4ad7f4"
263
+ },
264
+ "success-subtle": {
265
+ "name": "Success Subtle",
266
+ "type": "color",
267
+ "value": "#051b11"
268
+ },
269
+ "success-subtle-hover": {
270
+ "name": "Success Subtle Hover",
271
+ "type": "color",
272
+ "value": "#092f1d"
273
+ },
274
+ "success-subtle-active": {
275
+ "name": "Success Subtle Active",
276
+ "type": "color",
277
+ "value": "#0d442a"
278
+ },
279
+ "success": {
280
+ "name": "Success",
281
+ "type": "color",
282
+ "value": "#198754"
283
+ },
284
+ "success-hover": {
285
+ "name": "Success Hover",
286
+ "type": "color",
287
+ "value": "#136740"
288
+ },
289
+ "success-active": {
290
+ "name": "Success Active",
291
+ "type": "color",
292
+ "value": "#115c39"
293
+ },
294
+ "success-emphasis": {
295
+ "name": "Success Emphasis",
296
+ "type": "color",
297
+ "value": "#13653f"
298
+ },
299
+ "success-on-subtle": {
300
+ "name": "Success On Subtle",
301
+ "type": "color",
302
+ "value": "#afd5c3"
303
+ },
304
+ "on-success": {
305
+ "name": "On Success",
306
+ "type": "color",
307
+ "value": "white"
308
+ },
309
+ "success-on-surface": {
310
+ "name": "Success On Surface",
311
+ "type": "color",
312
+ "value": "#53a57f"
313
+ },
314
+ "warning-subtle": {
315
+ "name": "Warning Subtle",
316
+ "type": "color",
317
+ "value": "#332701"
318
+ },
319
+ "warning-subtle-hover": {
320
+ "name": "Warning Subtle Hover",
321
+ "type": "color",
322
+ "value": "#594402"
323
+ },
324
+ "warning-subtle-active": {
325
+ "name": "Warning Subtle Active",
326
+ "type": "color",
327
+ "value": "#806104"
328
+ },
329
+ "warning": {
330
+ "name": "Warning",
331
+ "type": "color",
332
+ "value": "#ffc107"
333
+ },
334
+ "warning-hover": {
335
+ "name": "Warning Hover",
336
+ "type": "color",
337
+ "value": "#e0a800"
338
+ },
339
+ "warning-active": {
340
+ "name": "Warning Active",
341
+ "type": "color",
342
+ "value": "#d39e00"
343
+ },
344
+ "warning-emphasis": {
345
+ "name": "Warning Emphasis",
346
+ "type": "color",
347
+ "value": "#bf9105"
348
+ },
349
+ "warning-on-subtle": {
350
+ "name": "Warning On Subtle",
351
+ "type": "color",
352
+ "value": "#ffe9a8"
353
+ },
354
+ "on-warning": {
355
+ "name": "On Warning",
356
+ "type": "color",
357
+ "value": "black"
358
+ },
359
+ "warning-on-surface": {
360
+ "name": "Warning On Surface",
361
+ "type": "color",
362
+ "value": "#ffd145"
363
+ },
364
+ "error-subtle": {
365
+ "name": "Error Subtle",
366
+ "type": "color",
367
+ "value": "#2c0b0e"
368
+ },
369
+ "error-subtle-hover": {
370
+ "name": "Error Subtle Hover",
371
+ "type": "color",
372
+ "value": "#4d1318"
373
+ },
374
+ "error-subtle-active": {
375
+ "name": "Error Subtle Active",
376
+ "type": "color",
377
+ "value": "#6e1b23"
378
+ },
379
+ "error": {
380
+ "name": "Error",
381
+ "type": "color",
382
+ "value": "#dc3545"
383
+ },
384
+ "error-hover": {
385
+ "name": "Error Hover",
386
+ "type": "color",
387
+ "value": "#c82333"
388
+ },
389
+ "error-active": {
390
+ "name": "Error Active",
391
+ "type": "color",
392
+ "value": "#bd2130"
393
+ },
394
+ "error-emphasis": {
395
+ "name": "Error Emphasis",
396
+ "type": "color",
397
+ "value": "#a52834"
398
+ },
399
+ "error-on-subtle": {
400
+ "name": "Error On Subtle",
401
+ "type": "color",
402
+ "value": "#f3b8be"
403
+ },
404
+ "on-error": {
405
+ "name": "On Error",
406
+ "type": "color",
407
+ "value": "white"
408
+ },
409
+ "error-on-surface": {
410
+ "name": "Error On Surface",
411
+ "type": "color",
412
+ "value": "#e56874"
413
+ },
414
+ "inverse-subtle": {
415
+ "name": "Light Subtle",
416
+ "type": "color",
417
+ "value": "#f8f9fa"
418
+ },
419
+ "inverse-subtle-hover": {
420
+ "name": "Light Subtle Hover",
421
+ "type": "color",
422
+ "value": "#e9ecef"
423
+ },
424
+ "inverse-subtle-active": {
425
+ "name": "Light Subtle Active",
426
+ "type": "color",
427
+ "value": "#dee2e6"
428
+ },
429
+ "inverse": {
430
+ "name": "Light",
431
+ "type": "color",
432
+ "value": "#f8f9fa"
433
+ },
434
+ "inverse-hover": {
435
+ "name": "Light Hover",
436
+ "type": "color",
437
+ "value": "#e9ecef"
438
+ },
439
+ "inverse-active": {
440
+ "name": "Light Active",
441
+ "type": "color",
442
+ "value": "#dee2e6"
443
+ },
444
+ "inverse-emphasis": {
445
+ "name": "Light Emphasis",
446
+ "type": "color",
447
+ "value": "#bdc4cb"
448
+ },
449
+ "inverse-on-subtle": {
450
+ "name": "Light On Subtle",
451
+ "type": "color",
452
+ "value": "#343a40"
453
+ },
454
+ "on-inverse": {
455
+ "name": "On Light",
456
+ "type": "color",
457
+ "value": "black"
458
+ },
459
+ "inverse-on-surface": {
460
+ "name": "Light On Surface",
461
+ "type": "color",
462
+ "value": "#ced4da"
463
+ },
464
+ "series-a": {
465
+ "name": "Series A",
466
+ "type": "color",
467
+ "value": "#0d6efd"
468
+ },
469
+ "series-a-bold": {
470
+ "name": "Series A Bold",
471
+ "type": "color",
472
+ "value": "#0a53be"
473
+ },
474
+ "series-a-bolder": {
475
+ "name": "Series A Bolder",
476
+ "type": "color",
477
+ "value": "#07377f"
478
+ },
479
+ "series-a-subtle": {
480
+ "name": "Series A Subtle",
481
+ "type": "color",
482
+ "value": "#4a92fe"
483
+ },
484
+ "series-a-subtler": {
485
+ "name": "Series A Subtler",
486
+ "type": "color",
487
+ "value": "#86b7fe"
488
+ },
489
+ "series-b": {
490
+ "name": "Series B",
491
+ "type": "color",
492
+ "value": "#6f42c1"
493
+ },
494
+ "series-b-bold": {
495
+ "name": "Series B Bold",
496
+ "type": "color",
497
+ "value": "#533291"
498
+ },
499
+ "series-b-bolder": {
500
+ "name": "Series B Bolder",
501
+ "type": "color",
502
+ "value": "#382161"
503
+ },
504
+ "series-b-subtle": {
505
+ "name": "Series B Subtle",
506
+ "type": "color",
507
+ "value": "#9371d1"
508
+ },
509
+ "series-b-subtler": {
510
+ "name": "Series B Subtler",
511
+ "type": "color",
512
+ "value": "#b7a1e0"
513
+ },
514
+ "series-c": {
515
+ "name": "Series C",
516
+ "type": "color",
517
+ "value": "#20c997"
518
+ },
519
+ "series-c-bold": {
520
+ "name": "Series C Bold",
521
+ "type": "color",
522
+ "value": "#189771"
523
+ },
524
+ "series-c-bolder": {
525
+ "name": "Series C Bolder",
526
+ "type": "color",
527
+ "value": "#10654c"
528
+ },
529
+ "series-c-subtle": {
530
+ "name": "Series C Subtle",
531
+ "type": "color",
532
+ "value": "#58d7b1"
533
+ },
534
+ "series-c-subtler": {
535
+ "name": "Series C Subtler",
536
+ "type": "color",
537
+ "value": "#90e4cb"
538
+ },
539
+ "series-d": {
540
+ "name": "Series D",
541
+ "type": "color",
542
+ "value": "#198754"
543
+ },
544
+ "series-d-bold": {
545
+ "name": "Series D Bold",
546
+ "type": "color",
547
+ "value": "#13653f"
548
+ },
549
+ "series-d-bolder": {
550
+ "name": "Series D Bolder",
551
+ "type": "color",
552
+ "value": "#0d442a"
553
+ },
554
+ "series-d-subtle": {
555
+ "name": "Series D Subtle",
556
+ "type": "color",
557
+ "value": "#53a57f"
558
+ },
559
+ "series-d-subtler": {
560
+ "name": "Series D Subtler",
561
+ "type": "color",
562
+ "value": "#8cc3aa"
563
+ },
564
+ "series-e": {
565
+ "name": "Series E",
566
+ "type": "color",
567
+ "value": "#ffc107"
568
+ },
569
+ "series-e-bold": {
570
+ "name": "Series E Bold",
571
+ "type": "color",
572
+ "value": "#bf9105"
573
+ },
574
+ "series-e-bolder": {
575
+ "name": "Series E Bolder",
576
+ "type": "color",
577
+ "value": "#806104"
578
+ },
579
+ "series-e-subtle": {
580
+ "name": "Series E Subtle",
581
+ "type": "color",
582
+ "value": "#ffd145"
583
+ },
584
+ "series-e-subtler": {
585
+ "name": "Series E Subtler",
586
+ "type": "color",
587
+ "value": "#ffe083"
588
+ },
589
+ "series-f": {
590
+ "name": "Series F",
591
+ "type": "color",
592
+ "value": "#dc3545"
593
+ },
594
+ "series-f-bold": {
595
+ "name": "Series F Bold",
596
+ "type": "color",
597
+ "value": "#a52834"
598
+ },
599
+ "series-f-bolder": {
600
+ "name": "Series F Bolder",
601
+ "type": "color",
602
+ "value": "#6e1b23"
603
+ },
604
+ "series-f-subtle": {
605
+ "name": "Series F Subtle",
606
+ "type": "color",
607
+ "value": "#e56874"
608
+ },
609
+ "series-f-subtler": {
610
+ "name": "Series F Subtler",
611
+ "type": "color",
612
+ "value": "#ee9aa2"
613
+ }
614
+ }
615
+ },
16
616
  {
17
617
  "name": "Theme colors",
18
618
  "variables": {
package/lib/swatches/bootstrap-main.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "7.3.0-dev.0",
6
+ "version": "8.0.0-dev.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f8f9fa",
@@ -13,6 +13,16 @@
13
13
  ],
14
14
  "components": [],
15
15
  "groups": [
16
+ {
17
+ "name": "New color system",
18
+ "colorSystem": {
19
+ "kendo-enable-color-system": {
20
+ "name": "New color system",
21
+ "type": "boolean",
22
+ "value": true
23
+ }
24
+ }
25
+ },
16
26
  {
17
27
  "name": "Theme colors",
18
28
  "variables": {