@progress/kendo-theme-default 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 (51) hide show
  1. package/dist/all.css +103 -36
  2. package/dist/all.scss +1092 -192
  3. package/dist/meta/sassdoc-data.json +42290 -20378
  4. package/dist/meta/sassdoc-raw-data.json +18688 -8588
  5. package/dist/meta/variables.json +273 -213
  6. package/lib/swatches/default-blue.json +1 -1
  7. package/lib/swatches/default-dataviz-v4.json +1 -1
  8. package/lib/swatches/default-green.json +1 -1
  9. package/lib/swatches/default-main-dark.json +1 -1
  10. package/lib/swatches/default-main.json +1 -1
  11. package/lib/swatches/default-nordic.json +1 -1
  12. package/lib/swatches/default-ocean-blue-a11y.json +1 -1
  13. package/lib/swatches/default-ocean-blue.json +1 -1
  14. package/lib/swatches/default-orange.json +1 -1
  15. package/lib/swatches/default-purple.json +1 -1
  16. package/lib/swatches/default-turquoise.json +1 -1
  17. package/lib/swatches/default-urban.json +1 -1
  18. package/package.json +4 -4
  19. package/scss/appbar/_variables.scss +39 -7
  20. package/scss/bottom-navigation/_variables.scss +42 -8
  21. package/scss/breadcrumb/_layout.scss +28 -13
  22. package/scss/breadcrumb/_variables.scss +177 -6
  23. package/scss/chip/_layout.scss +4 -0
  24. package/scss/coloreditor/_variables.scss +53 -4
  25. package/scss/colorgradient/_variables.scss +86 -4
  26. package/scss/colorpalette/_variables.scss +18 -1
  27. package/scss/dialog/_variables.scss +16 -2
  28. package/scss/dropdowntree/_layout.scss +4 -5
  29. package/scss/editor/_variables.scss +33 -0
  30. package/scss/expansion-panel/_variables.scss +55 -11
  31. package/scss/filter/_variables.scss +18 -1
  32. package/scss/icons/_layout.scss +4 -0
  33. package/scss/list/_layout.scss +1 -0
  34. package/scss/list/_variables.scss +2 -2
  35. package/scss/listbox/_variables.scss +21 -20
  36. package/scss/listview/_variables.scss +42 -7
  37. package/scss/loader/_variables.scss +88 -12
  38. package/scss/notification/_variables.scss +20 -19
  39. package/scss/popover/_variables.scss +60 -6
  40. package/scss/progressbar/_variables.scss +24 -23
  41. package/scss/scheduler/_layout.scss +1 -0
  42. package/scss/scrollview/_variables.scss +59 -6
  43. package/scss/splitter/_layout.scss +1 -0
  44. package/scss/splitter/_variables.scss +2 -0
  45. package/scss/spreadsheet/_variables.scss +1 -0
  46. package/scss/tilelayout/_variables.scss +22 -3
  47. package/scss/treelist/_layout.scss +6 -0
  48. package/scss/treeview/_layout.scss +13 -9
  49. package/scss/treeview/_variables.scss +30 -4
  50. package/scss/upload/_variables.scss +62 -9
  51. package/scss/window/_variables.scss +61 -6
package/dist/all.css CHANGED
@@ -30170,7 +30170,11 @@ kendo-sortable {
30170
30170
  }
30171
30171
 
30172
30172
  .k-icon-action {
30173
+ display: inline-flex;
30173
30174
  padding: 4px;
30175
+ line-height: 1;
30176
+ align-items: center;
30177
+ vertical-align: middle;
30174
30178
  cursor: pointer;
30175
30179
  }
30176
30180
 
@@ -30655,6 +30659,7 @@ kendo-sortable {
30655
30659
  border-width: 0;
30656
30660
  border-width: 0 0 1px;
30657
30661
  border-style: solid;
30662
+ font-weight: 700;
30658
30663
  white-space: nowrap;
30659
30664
  display: flex;
30660
30665
  flex-flow: row nowrap;
@@ -30708,6 +30713,7 @@ kendo-sortable {
30708
30713
  }
30709
30714
 
30710
30715
  .k-list-item-text::before,
30716
+ .k-list-header-text::before,
30711
30717
  .k-list-optionlabel::before {
30712
30718
  content: "\200b";
30713
30719
  width: 0px;
@@ -30722,6 +30728,7 @@ kendo-sortable {
30722
30728
  border-width: 0;
30723
30729
  border-width: 1px 0 0;
30724
30730
  border-style: solid;
30731
+ font-weight: 700;
30725
30732
  cursor: default;
30726
30733
  display: flex;
30727
30734
  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: 8px;
39586
39611
  }
39587
39612
 
39613
+ .k-treeview-lg .k-checkbox-wrap {
39614
+ padding-inline: 4px;
39615
+ }
39616
+
39588
39617
  .k-treeview {
39589
39618
  color: #424242;
39590
39619
  }
@@ -39619,21 +39648,16 @@ select.k-picker-lg {
39619
39648
  box-shadow: inset 0 0 0 2px rgba(0, 0, 0, 0.13);
39620
39649
  }
39621
39650
 
39622
- .k-popup-dropdowntree,
39623
- .k-dropdowntree-popup,
39624
- .k-multiselecttree-popup {
39625
- padding: 0;
39651
+ .k-popup-dropdowntree .k-treeview,
39652
+ .k-dropdowntree-popup .k-treeview,
39653
+ .k-multiselecttree-popup .k-treeview {
39654
+ padding-block: 4px;
39655
+ padding-inline: 4px;
39626
39656
  }
39627
39657
 
39628
39658
  .k-popup-dropdowntree .k-check-all,
39629
39659
  .k-dropdowntree-popup .k-check-all,
39630
39660
  .k-multiselecttree-popup .k-check-all {
39631
- padding: 8px 8px 0;
39632
- }
39633
-
39634
- .k-popup-dropdowntree .k-treeview,
39635
- .k-dropdowntree-popup .k-treeview,
39636
- .k-multiselecttree-popup .k-treeview {
39637
39661
  padding-block: 8px;
39638
39662
  padding-inline: 8px;
39639
39663
  }
@@ -43237,8 +43261,6 @@ kendo-card-footer {
43237
43261
  box-sizing: border-box;
43238
43262
  outline: 0;
43239
43263
  font-family: inherit;
43240
- font-size: 14px;
43241
- line-height: 1.4285714286;
43242
43264
  display: flex;
43243
43265
  flex-direction: row;
43244
43266
  -webkit-touch-callout: none;
@@ -43282,8 +43304,6 @@ kendo-card-footer {
43282
43304
  .k-breadcrumb-link,
43283
43305
  .k-breadcrumb-root-link {
43284
43306
  border-radius: 4px;
43285
- padding-block: 6px;
43286
- padding-inline: 8px;
43287
43307
  color: inherit;
43288
43308
  text-decoration: none;
43289
43309
  white-space: nowrap;
@@ -43297,21 +43317,12 @@ kendo-card-footer {
43297
43317
  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;
43298
43318
  }
43299
43319
 
43300
- .k-breadcrumb-root-link {
43301
- margin-inline-end: 8px;
43302
- }
43303
-
43304
43320
  .k-breadcrumb-link > .k-image,
43305
43321
  .k-breadcrumb-icontext-link .k-icon,
43306
43322
  .k-breadcrumb-icontext-link .k-svg-icon {
43307
43323
  margin-inline-end: 4px;
43308
43324
  }
43309
43325
 
43310
- .k-breadcrumb-icon-link {
43311
- padding-block: 8px;
43312
- padding-inline: 8px;
43313
- }
43314
-
43315
43326
  .k-breadcrumb-delimiter,
43316
43327
  .k-breadcrumb-delimiter-icon {
43317
43328
  color: inherit;
@@ -43326,6 +43337,54 @@ kendo-card-footer {
43326
43337
  border-color: transparent;
43327
43338
  }
43328
43339
 
43340
+ .k-breadcrumb-sm {
43341
+ font-size: 14px;
43342
+ line-height: 1.4285714286;
43343
+ }
43344
+
43345
+ .k-breadcrumb-sm .k-breadcrumb-link,
43346
+ .k-breadcrumb-sm .k-breadcrumb-root-link {
43347
+ padding-block: 4px;
43348
+ padding-inline: 8px;
43349
+ }
43350
+
43351
+ .k-breadcrumb-sm .k-breadcrumb-icon-link {
43352
+ padding-block: 6px;
43353
+ padding-inline: 6px;
43354
+ }
43355
+
43356
+ .k-breadcrumb-md {
43357
+ font-size: 14px;
43358
+ line-height: 1.4285714286;
43359
+ }
43360
+
43361
+ .k-breadcrumb-md .k-breadcrumb-link,
43362
+ .k-breadcrumb-md .k-breadcrumb-root-link {
43363
+ padding-block: 6px;
43364
+ padding-inline: 8px;
43365
+ }
43366
+
43367
+ .k-breadcrumb-md .k-breadcrumb-icon-link {
43368
+ padding-block: 8px;
43369
+ padding-inline: 8px;
43370
+ }
43371
+
43372
+ .k-breadcrumb-lg {
43373
+ font-size: 16px;
43374
+ line-height: 1.5;
43375
+ }
43376
+
43377
+ .k-breadcrumb-lg .k-breadcrumb-link,
43378
+ .k-breadcrumb-lg .k-breadcrumb-root-link {
43379
+ padding-block: 8px;
43380
+ padding-inline: 8px;
43381
+ }
43382
+
43383
+ .k-breadcrumb-lg .k-breadcrumb-icon-link {
43384
+ padding-block: 12px;
43385
+ padding-inline: 12px;
43386
+ }
43387
+
43329
43388
  .k-breadcrumb {
43330
43389
  border-color: rgba(0, 0, 0, 0.08);
43331
43390
  color: #424242;
@@ -44766,6 +44825,7 @@ kendo-card-footer {
44766
44825
  .k-splitbar .k-collapse-prev,
44767
44826
  .k-splitbar .k-collapse-next {
44768
44827
  cursor: pointer;
44828
+ padding: 2px;
44769
44829
  }
44770
44830
 
44771
44831
  .k-splitbar-draggable-horizontal {
@@ -49471,6 +49531,12 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
49471
49531
  margin-inline: .5em;
49472
49532
  }
49473
49533
 
49534
+ .k-treelist-toggle {
49535
+ margin-block: -4px;
49536
+ padding: 4px;
49537
+ cursor: pointer;
49538
+ }
49539
+
49474
49540
  .k-treelist tr.k-footer,
49475
49541
  .k-treelist tr.k-footer-template {
49476
49542
  background-color: #ededed;
@@ -52031,6 +52097,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
52031
52097
  .k-scheduler th,
52032
52098
  .k-scheduler td,
52033
52099
  .k-scheduler div,
52100
+ .k-scheduler .k-scheduler-edit-dialog,
52034
52101
  .k-scheduler > * {
52035
52102
  border-color: inherit;
52036
52103
  }