@progress/kendo-theme-classic 6.4.1-dev.1 → 6.5.0-dev.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (43) hide show
  1. package/dist/all.css +103 -36
  2. package/dist/all.scss +1091 -194
  3. package/dist/meta/sassdoc-data.json +41297 -19385
  4. package/dist/meta/sassdoc-raw-data.json +18200 -8100
  5. package/dist/meta/variables.json +273 -213
  6. package/lib/swatches/classic-green-dark.json +1 -1
  7. package/lib/swatches/classic-green.json +1 -1
  8. package/lib/swatches/classic-lavender-dark.json +1 -1
  9. package/lib/swatches/classic-lavender.json +1 -1
  10. package/lib/swatches/classic-main-dark.json +1 -1
  11. package/lib/swatches/classic-main.json +1 -1
  12. package/lib/swatches/classic-metro-dark.json +1 -1
  13. package/lib/swatches/classic-metro.json +1 -1
  14. package/lib/swatches/classic-moonlight.json +1 -1
  15. package/lib/swatches/classic-opal-dark.json +1 -1
  16. package/lib/swatches/classic-opal.json +1 -1
  17. package/lib/swatches/classic-silver-dark.json +1 -1
  18. package/lib/swatches/classic-silver.json +1 -1
  19. package/lib/swatches/classic-uniform.json +1 -1
  20. package/package.json +5 -5
  21. package/scss/appbar/_variables.scss +39 -7
  22. package/scss/bottom-navigation/_variables.scss +42 -8
  23. package/scss/breadcrumb/_variables.scss +177 -6
  24. package/scss/coloreditor/_variables.scss +53 -4
  25. package/scss/colorgradient/_variables.scss +86 -5
  26. package/scss/colorpalette/_variables.scss +18 -1
  27. package/scss/dialog/_variables.scss +16 -2
  28. package/scss/editor/_variables.scss +33 -0
  29. package/scss/expansion-panel/_variables.scss +56 -12
  30. package/scss/filter/_variables.scss +18 -1
  31. package/scss/list/_variables.scss +2 -2
  32. package/scss/listbox/_variables.scss +21 -20
  33. package/scss/listview/_variables.scss +42 -7
  34. package/scss/loader/_variables.scss +88 -12
  35. package/scss/notification/_variables.scss +20 -19
  36. package/scss/popover/_variables.scss +60 -6
  37. package/scss/progressbar/_variables.scss +24 -23
  38. package/scss/scrollview/_variables.scss +59 -6
  39. package/scss/splitter/_variables.scss +2 -0
  40. package/scss/tilelayout/_variables.scss +21 -4
  41. package/scss/treeview/_variables.scss +30 -4
  42. package/scss/upload/_variables.scss +62 -9
  43. package/scss/window/_variables.scss +61 -6
package/dist/all.css CHANGED
@@ -30171,7 +30171,11 @@ kendo-sortable {
30171
30171
  }
30172
30172
 
30173
30173
  .k-icon-action {
30174
+ display: inline-flex;
30174
30175
  padding: 4px;
30176
+ line-height: 1;
30177
+ align-items: center;
30178
+ vertical-align: middle;
30175
30179
  cursor: pointer;
30176
30180
  }
30177
30181
 
@@ -30656,6 +30660,7 @@ kendo-sortable {
30656
30660
  border-width: 0;
30657
30661
  border-width: 0 0 1px;
30658
30662
  border-style: solid;
30663
+ font-weight: 700;
30659
30664
  white-space: nowrap;
30660
30665
  display: flex;
30661
30666
  flex-flow: row nowrap;
@@ -30709,6 +30714,7 @@ kendo-sortable {
30709
30714
  }
30710
30715
 
30711
30716
  .k-list-item-text::before,
30717
+ .k-list-header-text::before,
30712
30718
  .k-list-optionlabel::before {
30713
30719
  content: "\200b";
30714
30720
  width: 0px;
@@ -30723,6 +30729,7 @@ kendo-sortable {
30723
30729
  border-width: 0;
30724
30730
  border-width: 1px 0 0;
30725
30731
  border-style: solid;
30732
+ font-weight: 700;
30726
30733
  cursor: default;
30727
30734
  display: flex;
30728
30735
  flex-flow: row nowrap;
@@ -32205,6 +32212,10 @@ kendo-badge-container {
32205
32212
  line-height: 1;
32206
32213
  }
32207
32214
 
32215
+ .k-chip-sm .k-chip-action {
32216
+ padding: 2px;
32217
+ }
32218
+
32208
32219
  .k-chip-avatar {
32209
32220
  width: 1em;
32210
32221
  height: 1em;
@@ -32218,6 +32229,10 @@ kendo-badge-container {
32218
32229
  line-height: 1;
32219
32230
  }
32220
32231
 
32232
+ .k-chip-md .k-chip-action {
32233
+ padding: 4px;
32234
+ }
32235
+
32221
32236
  .k-chip-avatar {
32222
32237
  width: 1em;
32223
32238
  height: 1em;
@@ -32231,6 +32246,10 @@ kendo-badge-container {
32231
32246
  line-height: 1;
32232
32247
  }
32233
32248
 
32249
+ .k-chip-lg .k-chip-action {
32250
+ padding: 6px;
32251
+ }
32252
+
32234
32253
  .k-chip-avatar {
32235
32254
  width: 1em;
32236
32255
  height: 1em;
@@ -39438,13 +39457,13 @@ select.k-picker-lg {
39438
39457
  .k-treeview-item {
39439
39458
  outline-style: none;
39440
39459
  margin: 0;
39441
- padding: 0 0 0 16px;
39460
+ padding: 0 0 0 24px;
39442
39461
  border-width: 0;
39443
39462
  display: block;
39444
39463
  }
39445
39464
 
39446
39465
  .k-treeview-toggle {
39447
- margin-left: -16px;
39466
+ margin-inline-start: -24px;
39448
39467
  flex: none;
39449
39468
  display: inline-flex;
39450
39469
  flex-flow: row nowrap;
@@ -39452,14 +39471,18 @@ select.k-picker-lg {
39452
39471
  cursor: pointer;
39453
39472
  }
39454
39473
 
39474
+ .k-treeview-toggle .k-icon,
39475
+ .k-treeview-toggle .k-svg-icon {
39476
+ padding: 4px;
39477
+ box-sizing: content-box;
39478
+ }
39479
+
39455
39480
  .k-treeview-loading {
39456
39481
  margin-right: 4px;
39457
39482
  }
39458
39483
 
39459
39484
  .k-treeview .k-checkbox-wrap,
39460
39485
  .k-treeview .k-checkbox-wrapper {
39461
- margin-left: 4px;
39462
- margin-right: 4px;
39463
39486
  align-self: center;
39464
39487
  }
39465
39488
 
@@ -39500,15 +39523,7 @@ select.k-picker-lg {
39500
39523
  .k-treeview.k-rtl .k-treeview-item,
39501
39524
  .k-treeview[dir="rtl"] .k-treeview-item {
39502
39525
  padding-left: 0;
39503
- padding-right: 16px;
39504
- }
39505
-
39506
- .k-rtl .k-treeview .k-treeview-toggle,
39507
- [dir="rtl"] .k-treeview .k-treeview-toggle,
39508
- .k-treeview.k-rtl .k-treeview-toggle,
39509
- .k-treeview[dir="rtl"] .k-treeview-toggle {
39510
- margin-left: 0;
39511
- margin-right: -16px;
39526
+ padding-right: 24px;
39512
39527
  }
39513
39528
 
39514
39529
  .k-rtl .k-treeview .k-treeview-loading,
@@ -39565,6 +39580,11 @@ select.k-picker-lg {
39565
39580
  padding-inline: 8px;
39566
39581
  }
39567
39582
 
39583
+ .k-treeview-sm .k-checkbox-wrap {
39584
+ padding-block: 2px;
39585
+ padding-inline: 4px;
39586
+ }
39587
+
39568
39588
  .k-treeview-md {
39569
39589
  font-size: 14px;
39570
39590
  line-height: 1.4285714286;
@@ -39575,6 +39595,11 @@ select.k-picker-lg {
39575
39595
  padding-inline: 8px;
39576
39596
  }
39577
39597
 
39598
+ .k-treeview-md .k-checkbox-wrap {
39599
+ padding-block: 2px;
39600
+ padding-inline: 4px;
39601
+ }
39602
+
39578
39603
  .k-treeview-lg {
39579
39604
  font-size: 16px;
39580
39605
  line-height: 1.5;
@@ -39585,6 +39610,10 @@ select.k-picker-lg {
39585
39610
  padding-inline: 12px;
39586
39611
  }
39587
39612
 
39613
+ .k-treeview-lg .k-checkbox-wrap {
39614
+ padding-inline: 4px;
39615
+ }
39616
+
39588
39617
  .k-treeview {
39589
39618
  color: #272727;
39590
39619
  }
@@ -39623,21 +39652,16 @@ select.k-picker-lg {
39623
39652
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
39624
39653
  }
39625
39654
 
39626
- .k-popup-dropdowntree,
39627
- .k-dropdowntree-popup,
39628
- .k-multiselecttree-popup {
39629
- padding: 0;
39655
+ .k-popup-dropdowntree .k-treeview,
39656
+ .k-dropdowntree-popup .k-treeview,
39657
+ .k-multiselecttree-popup .k-treeview {
39658
+ padding-block: 4px;
39659
+ padding-inline: 4px;
39630
39660
  }
39631
39661
 
39632
39662
  .k-popup-dropdowntree .k-check-all,
39633
39663
  .k-dropdowntree-popup .k-check-all,
39634
39664
  .k-multiselecttree-popup .k-check-all {
39635
- padding: 8px 8px 0;
39636
- }
39637
-
39638
- .k-popup-dropdowntree .k-treeview,
39639
- .k-dropdowntree-popup .k-treeview,
39640
- .k-multiselecttree-popup .k-treeview {
39641
39665
  padding-block: 8px;
39642
39666
  padding-inline: 8px;
39643
39667
  }
@@ -43245,8 +43269,6 @@ kendo-card-footer {
43245
43269
  box-sizing: border-box;
43246
43270
  outline: 0;
43247
43271
  font-family: inherit;
43248
- font-size: 14px;
43249
- line-height: 1.4285714286;
43250
43272
  display: flex;
43251
43273
  flex-direction: row;
43252
43274
  -webkit-touch-callout: none;
@@ -43290,8 +43312,6 @@ kendo-card-footer {
43290
43312
  .k-breadcrumb-link,
43291
43313
  .k-breadcrumb-root-link {
43292
43314
  border-radius: 4px;
43293
- padding-block: 6px;
43294
- padding-inline: 8px;
43295
43315
  color: inherit;
43296
43316
  text-decoration: none;
43297
43317
  white-space: nowrap;
@@ -43305,21 +43325,12 @@ kendo-card-footer {
43305
43325
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
43306
43326
  }
43307
43327
 
43308
- .k-breadcrumb-root-link {
43309
- margin-inline-end: 8px;
43310
- }
43311
-
43312
43328
  .k-breadcrumb-link > .k-image,
43313
43329
  .k-breadcrumb-icontext-link .k-icon,
43314
43330
  .k-breadcrumb-icontext-link .k-svg-icon {
43315
43331
  margin-inline-end: 4px;
43316
43332
  }
43317
43333
 
43318
- .k-breadcrumb-icon-link {
43319
- padding-block: 8px;
43320
- padding-inline: 8px;
43321
- }
43322
-
43323
43334
  .k-breadcrumb-delimiter,
43324
43335
  .k-breadcrumb-delimiter-icon {
43325
43336
  color: inherit;
@@ -43334,6 +43345,54 @@ kendo-card-footer {
43334
43345
  border-color: transparent;
43335
43346
  }
43336
43347
 
43348
+ .k-breadcrumb-sm {
43349
+ font-size: 14px;
43350
+ line-height: 1.4285714286;
43351
+ }
43352
+
43353
+ .k-breadcrumb-sm .k-breadcrumb-link,
43354
+ .k-breadcrumb-sm .k-breadcrumb-root-link {
43355
+ padding-block: 4px;
43356
+ padding-inline: 8px;
43357
+ }
43358
+
43359
+ .k-breadcrumb-sm .k-breadcrumb-icon-link {
43360
+ padding-block: 6px;
43361
+ padding-inline: 6px;
43362
+ }
43363
+
43364
+ .k-breadcrumb-md {
43365
+ font-size: 14px;
43366
+ line-height: 1.4285714286;
43367
+ }
43368
+
43369
+ .k-breadcrumb-md .k-breadcrumb-link,
43370
+ .k-breadcrumb-md .k-breadcrumb-root-link {
43371
+ padding-block: 6px;
43372
+ padding-inline: 8px;
43373
+ }
43374
+
43375
+ .k-breadcrumb-md .k-breadcrumb-icon-link {
43376
+ padding-block: 8px;
43377
+ padding-inline: 8px;
43378
+ }
43379
+
43380
+ .k-breadcrumb-lg {
43381
+ font-size: 16px;
43382
+ line-height: 1.5;
43383
+ }
43384
+
43385
+ .k-breadcrumb-lg .k-breadcrumb-link,
43386
+ .k-breadcrumb-lg .k-breadcrumb-root-link {
43387
+ padding-block: 8px;
43388
+ padding-inline: 8px;
43389
+ }
43390
+
43391
+ .k-breadcrumb-lg .k-breadcrumb-icon-link {
43392
+ padding-block: 12px;
43393
+ padding-inline: 12px;
43394
+ }
43395
+
43337
43396
  .k-breadcrumb {
43338
43397
  border-color: #cacaca;
43339
43398
  color: #272727;
@@ -44780,6 +44839,7 @@ kendo-card-footer {
44780
44839
  .k-splitbar .k-collapse-prev,
44781
44840
  .k-splitbar .k-collapse-next {
44782
44841
  cursor: pointer;
44842
+ padding: 2px;
44783
44843
  }
44784
44844
 
44785
44845
  .k-splitbar-draggable-horizontal {
@@ -49487,6 +49547,12 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
49487
49547
  margin-inline: .5em;
49488
49548
  }
49489
49549
 
49550
+ .k-treelist-toggle {
49551
+ margin-block: -4px;
49552
+ padding: 4px;
49553
+ cursor: pointer;
49554
+ }
49555
+
49490
49556
  .k-treelist tr.k-footer,
49491
49557
  .k-treelist tr.k-footer-template {
49492
49558
  background-color: #ebebeb;
@@ -52047,6 +52113,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
52047
52113
  .k-scheduler th,
52048
52114
  .k-scheduler td,
52049
52115
  .k-scheduler div,
52116
+ .k-scheduler .k-scheduler-edit-dialog,
52050
52117
  .k-scheduler > * {
52051
52118
  border-color: inherit;
52052
52119
  }