@progress/kendo-theme-material 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 (44) hide show
  1. package/dist/all.css +103 -36
  2. package/dist/all.scss +1091 -190
  3. package/dist/meta/sassdoc-data.json +41199 -19287
  4. package/dist/meta/sassdoc-raw-data.json +18246 -8146
  5. package/dist/meta/variables.json +267 -207
  6. package/lib/swatches/material-aqua-dark.json +1 -1
  7. package/lib/swatches/material-arctic.json +1 -1
  8. package/lib/swatches/material-burnt-teal.json +1 -1
  9. package/lib/swatches/material-dataviz-v4.json +1 -1
  10. package/lib/swatches/material-eggplant.json +1 -1
  11. package/lib/swatches/material-lime-dark.json +1 -1
  12. package/lib/swatches/material-lime.json +1 -1
  13. package/lib/swatches/material-main-dark.json +1 -1
  14. package/lib/swatches/material-main.json +1 -1
  15. package/lib/swatches/material-nova.json +1 -1
  16. package/lib/swatches/material-pacific-dark.json +1 -1
  17. package/lib/swatches/material-pacific.json +1 -1
  18. package/lib/swatches/material-sky-dark.json +1 -1
  19. package/lib/swatches/material-sky.json +1 -1
  20. package/lib/swatches/material-smoke.json +1 -1
  21. package/package.json +5 -5
  22. package/scss/appbar/_variables.scss +39 -7
  23. package/scss/bottom-navigation/_variables.scss +42 -8
  24. package/scss/breadcrumb/_variables.scss +178 -5
  25. package/scss/coloreditor/_variables.scss +53 -4
  26. package/scss/colorgradient/_variables.scss +86 -4
  27. package/scss/colorpalette/_variables.scss +18 -1
  28. package/scss/dialog/_variables.scss +16 -2
  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/list/_variables.scss +2 -2
  33. package/scss/listbox/_variables.scss +21 -20
  34. package/scss/listview/_variables.scss +42 -7
  35. package/scss/loader/_variables.scss +88 -12
  36. package/scss/notification/_variables.scss +21 -19
  37. package/scss/popover/_variables.scss +60 -6
  38. package/scss/progressbar/_variables.scss +24 -23
  39. package/scss/scrollview/_variables.scss +59 -6
  40. package/scss/splitter/_variables.scss +2 -0
  41. package/scss/tilelayout/_variables.scss +21 -4
  42. package/scss/treeview/_variables.scss +30 -4
  43. package/scss/upload/_variables.scss +62 -9
  44. package/scss/window/_variables.scss +61 -6
package/dist/all.css CHANGED
@@ -30177,7 +30177,11 @@ kendo-sortable {
30177
30177
  }
30178
30178
 
30179
30179
  .k-icon-action {
30180
+ display: inline-flex;
30180
30181
  padding: 4px;
30182
+ line-height: 1;
30183
+ align-items: center;
30184
+ vertical-align: middle;
30181
30185
  cursor: pointer;
30182
30186
  }
30183
30187
 
@@ -30669,6 +30673,7 @@ kendo-sortable {
30669
30673
  border-width: 0;
30670
30674
  border-width: 0 0 1px;
30671
30675
  border-style: solid;
30676
+ font-weight: 700;
30672
30677
  white-space: nowrap;
30673
30678
  display: flex;
30674
30679
  flex-flow: row nowrap;
@@ -30722,6 +30727,7 @@ kendo-sortable {
30722
30727
  }
30723
30728
 
30724
30729
  .k-list-item-text::before,
30730
+ .k-list-header-text::before,
30725
30731
  .k-list-optionlabel::before {
30726
30732
  content: "\200b";
30727
30733
  width: 0px;
@@ -30736,6 +30742,7 @@ kendo-sortable {
30736
30742
  border-width: 0;
30737
30743
  border-width: 1px 0 0;
30738
30744
  border-style: solid;
30745
+ font-weight: 700;
30739
30746
  cursor: default;
30740
30747
  display: flex;
30741
30748
  flex-flow: row nowrap;
@@ -32227,6 +32234,10 @@ kendo-badge-container {
32227
32234
  line-height: 1.2857142857;
32228
32235
  }
32229
32236
 
32237
+ .k-chip-sm .k-chip-action {
32238
+ padding: 2px;
32239
+ }
32240
+
32230
32241
  .k-chip-avatar {
32231
32242
  width: 1em;
32232
32243
  height: 1em;
@@ -32240,6 +32251,10 @@ kendo-badge-container {
32240
32251
  line-height: 1.2857142857;
32241
32252
  }
32242
32253
 
32254
+ .k-chip-md .k-chip-action {
32255
+ padding: 4px;
32256
+ }
32257
+
32243
32258
  .k-chip-avatar {
32244
32259
  width: 1em;
32245
32260
  height: 1em;
@@ -32253,6 +32268,10 @@ kendo-badge-container {
32253
32268
  line-height: 1.2857142857;
32254
32269
  }
32255
32270
 
32271
+ .k-chip-lg .k-chip-action {
32272
+ padding: 6px;
32273
+ }
32274
+
32256
32275
  .k-chip-avatar {
32257
32276
  width: 1em;
32258
32277
  height: 1em;
@@ -40421,13 +40440,13 @@ select.k-picker-lg {
40421
40440
  .k-treeview-item {
40422
40441
  outline-style: none;
40423
40442
  margin: 0;
40424
- padding: 0 0 0 16px;
40443
+ padding: 0 0 0 24px;
40425
40444
  border-width: 0;
40426
40445
  display: block;
40427
40446
  }
40428
40447
 
40429
40448
  .k-treeview-toggle {
40430
- margin-left: -16px;
40449
+ margin-inline-start: -24px;
40431
40450
  flex: none;
40432
40451
  display: inline-flex;
40433
40452
  flex-flow: row nowrap;
@@ -40435,14 +40454,18 @@ select.k-picker-lg {
40435
40454
  cursor: pointer;
40436
40455
  }
40437
40456
 
40457
+ .k-treeview-toggle .k-icon,
40458
+ .k-treeview-toggle .k-svg-icon {
40459
+ padding: 4px;
40460
+ box-sizing: content-box;
40461
+ }
40462
+
40438
40463
  .k-treeview-loading {
40439
40464
  margin-right: 8px;
40440
40465
  }
40441
40466
 
40442
40467
  .k-treeview .k-checkbox-wrap,
40443
40468
  .k-treeview .k-checkbox-wrapper {
40444
- margin-left: 8px;
40445
- margin-right: 8px;
40446
40469
  align-self: center;
40447
40470
  }
40448
40471
 
@@ -40482,15 +40505,7 @@ select.k-picker-lg {
40482
40505
  .k-treeview.k-rtl .k-treeview-item,
40483
40506
  .k-treeview[dir="rtl"] .k-treeview-item {
40484
40507
  padding-left: 0;
40485
- padding-right: 16px;
40486
- }
40487
-
40488
- .k-rtl .k-treeview .k-treeview-toggle,
40489
- [dir="rtl"] .k-treeview .k-treeview-toggle,
40490
- .k-treeview.k-rtl .k-treeview-toggle,
40491
- .k-treeview[dir="rtl"] .k-treeview-toggle {
40492
- margin-left: 0;
40493
- margin-right: -16px;
40508
+ padding-right: 24px;
40494
40509
  }
40495
40510
 
40496
40511
  .k-rtl .k-treeview .k-treeview-loading,
@@ -40547,6 +40562,11 @@ select.k-picker-lg {
40547
40562
  padding-inline: 16px;
40548
40563
  }
40549
40564
 
40565
+ .k-treeview-sm .k-checkbox-wrap {
40566
+ padding-block: 2px;
40567
+ padding-inline: 4px;
40568
+ }
40569
+
40550
40570
  .k-treeview-md {
40551
40571
  font-size: 14px;
40552
40572
  line-height: 1.4285714286;
@@ -40557,6 +40577,11 @@ select.k-picker-lg {
40557
40577
  padding-inline: 16px;
40558
40578
  }
40559
40579
 
40580
+ .k-treeview-md .k-checkbox-wrap {
40581
+ padding-block: 2px;
40582
+ padding-inline: 4px;
40583
+ }
40584
+
40560
40585
  .k-treeview-lg {
40561
40586
  font-size: 16px;
40562
40587
  line-height: 1.5;
@@ -40567,6 +40592,10 @@ select.k-picker-lg {
40567
40592
  padding-inline: 16px;
40568
40593
  }
40569
40594
 
40595
+ .k-treeview-lg .k-checkbox-wrap {
40596
+ padding-inline: 4px;
40597
+ }
40598
+
40570
40599
  .k-treeview {
40571
40600
  color: rgba(0, 0, 0, 0.87);
40572
40601
  }
@@ -40606,21 +40635,16 @@ select.k-picker-lg {
40606
40635
  color: #e51a5f;
40607
40636
  }
40608
40637
 
40609
- .k-popup-dropdowntree,
40610
- .k-dropdowntree-popup,
40611
- .k-multiselecttree-popup {
40612
- padding: 0;
40638
+ .k-popup-dropdowntree .k-treeview,
40639
+ .k-dropdowntree-popup .k-treeview,
40640
+ .k-multiselecttree-popup .k-treeview {
40641
+ padding-block: 4px;
40642
+ padding-inline: 4px;
40613
40643
  }
40614
40644
 
40615
40645
  .k-popup-dropdowntree .k-check-all,
40616
40646
  .k-dropdowntree-popup .k-check-all,
40617
40647
  .k-multiselecttree-popup .k-check-all {
40618
- padding: 8px 8px 0;
40619
- }
40620
-
40621
- .k-popup-dropdowntree .k-treeview,
40622
- .k-dropdowntree-popup .k-treeview,
40623
- .k-multiselecttree-popup .k-treeview {
40624
40648
  padding-block: 8px;
40625
40649
  padding-inline: 8px;
40626
40650
  }
@@ -44263,8 +44287,6 @@ kendo-card-footer {
44263
44287
  box-sizing: border-box;
44264
44288
  outline: 0;
44265
44289
  font-family: Roboto, "Helvetica Neue", sans-serif;
44266
- font-size: 14px;
44267
- line-height: 2;
44268
44290
  display: flex;
44269
44291
  flex-direction: row;
44270
44292
  -webkit-touch-callout: none;
@@ -44308,8 +44330,6 @@ kendo-card-footer {
44308
44330
  .k-breadcrumb-link,
44309
44331
  .k-breadcrumb-root-link {
44310
44332
  border-radius: 4px;
44311
- padding-block: 4px;
44312
- padding-inline: 10px;
44313
44333
  color: inherit;
44314
44334
  text-decoration: none;
44315
44335
  white-space: nowrap;
@@ -44323,21 +44343,12 @@ kendo-card-footer {
44323
44343
  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;
44324
44344
  }
44325
44345
 
44326
- .k-breadcrumb-root-link {
44327
- margin-inline-end: 10px;
44328
- }
44329
-
44330
44346
  .k-breadcrumb-link > .k-image,
44331
44347
  .k-breadcrumb-icontext-link .k-icon,
44332
44348
  .k-breadcrumb-icontext-link .k-svg-icon {
44333
44349
  margin-inline-end: 8px;
44334
44350
  }
44335
44351
 
44336
- .k-breadcrumb-icon-link {
44337
- padding-block: 10px;
44338
- padding-inline: 10px;
44339
- }
44340
-
44341
44352
  .k-breadcrumb-delimiter,
44342
44353
  .k-breadcrumb-delimiter-icon {
44343
44354
  color: inherit;
@@ -44352,6 +44363,54 @@ kendo-card-footer {
44352
44363
  border-color: transparent;
44353
44364
  }
44354
44365
 
44366
+ .k-breadcrumb-sm {
44367
+ font-size: 14px;
44368
+ line-height: 2;
44369
+ }
44370
+
44371
+ .k-breadcrumb-sm .k-breadcrumb-link,
44372
+ .k-breadcrumb-sm .k-breadcrumb-root-link {
44373
+ padding-block: 2px;
44374
+ padding-inline: 10px;
44375
+ }
44376
+
44377
+ .k-breadcrumb-sm .k-breadcrumb-icon-link {
44378
+ padding-block: 8px;
44379
+ padding-inline: 8px;
44380
+ }
44381
+
44382
+ .k-breadcrumb-md {
44383
+ font-size: 14px;
44384
+ line-height: 2;
44385
+ }
44386
+
44387
+ .k-breadcrumb-md .k-breadcrumb-link,
44388
+ .k-breadcrumb-md .k-breadcrumb-root-link {
44389
+ padding-block: 4px;
44390
+ padding-inline: 10px;
44391
+ }
44392
+
44393
+ .k-breadcrumb-md .k-breadcrumb-icon-link {
44394
+ padding-block: 10px;
44395
+ padding-inline: 10px;
44396
+ }
44397
+
44398
+ .k-breadcrumb-lg {
44399
+ font-size: 14px;
44400
+ line-height: 2;
44401
+ }
44402
+
44403
+ .k-breadcrumb-lg .k-breadcrumb-link,
44404
+ .k-breadcrumb-lg .k-breadcrumb-root-link {
44405
+ padding-block: 6px;
44406
+ padding-inline: 10px;
44407
+ }
44408
+
44409
+ .k-breadcrumb-lg .k-breadcrumb-icon-link {
44410
+ padding-block: 12px;
44411
+ padding-inline: 12px;
44412
+ }
44413
+
44355
44414
  .k-breadcrumb {
44356
44415
  border-color: rgba(0, 0, 0, 0.12);
44357
44416
  color: rgba(0, 0, 0, 0.87);
@@ -45928,6 +45987,7 @@ kendo-card-footer {
45928
45987
  .k-splitbar .k-collapse-prev,
45929
45988
  .k-splitbar .k-collapse-next {
45930
45989
  cursor: pointer;
45990
+ padding: 2px;
45931
45991
  }
45932
45992
 
45933
45993
  .k-splitbar-draggable-horizontal {
@@ -51011,6 +51071,12 @@ kendo-grid .k-grid-row-sticky .k-table-td {
51011
51071
  margin-inline: .5em;
51012
51072
  }
51013
51073
 
51074
+ .k-treelist-toggle {
51075
+ margin-block: -4px;
51076
+ padding: 4px;
51077
+ cursor: pointer;
51078
+ }
51079
+
51014
51080
  .k-treelist tr.k-footer-template td {
51015
51081
  border-width: 1px 0;
51016
51082
  }
@@ -53635,6 +53701,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
53635
53701
  .k-scheduler th,
53636
53702
  .k-scheduler td,
53637
53703
  .k-scheduler div,
53704
+ .k-scheduler .k-scheduler-edit-dialog,
53638
53705
  .k-scheduler > * {
53639
53706
  border-color: inherit;
53640
53707
  }