@progress/kendo-theme-material 7.1.0-dev.8 → 7.1.0-dev.9

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 (92) hide show
  1. package/dist/all.css +129 -21
  2. package/dist/all.scss +2633 -1627
  3. package/dist/meta/sassdoc-data.json +1460 -1576
  4. package/dist/meta/sassdoc-raw-data.json +723 -777
  5. package/dist/meta/variables.json +464 -400
  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/_variables.scss +0 -229
  23. package/scss/action-buttons/_theme.scss +2 -2
  24. package/scss/adaptive/_variables.scss +1 -1
  25. package/scss/appbar/_variables.scss +2 -2
  26. package/scss/bottom-navigation/_theme.scss +12 -1
  27. package/scss/breadcrumb/_variables.scss +2 -2
  28. package/scss/button/_theme.scss +3 -3
  29. package/scss/button/_variables.scss +3 -3
  30. package/scss/calendar/_theme.scss +1 -1
  31. package/scss/calendar/_variables.scss +3 -3
  32. package/scss/chat/_variables.scss +2 -2
  33. package/scss/checkbox/_theme.scss +1 -1
  34. package/scss/checkbox/_variables.scss +4 -4
  35. package/scss/chip/_theme.scss +16 -13
  36. package/scss/chip/_variables.scss +8 -8
  37. package/scss/core/_index.scss +4 -1
  38. package/scss/core/color-system/_functions.scss +101 -0
  39. package/scss/core/color-system/_palettes-legacy.scss +671 -0
  40. package/scss/core/color-system/_palettes.scss +297 -0
  41. package/scss/core/color-system/_swatch-legacy.scss +65 -0
  42. package/scss/core/color-system/_swatch.scss +426 -0
  43. package/scss/dataviz/_variables.scss +42 -42
  44. package/scss/dock-manager/_variables.scss +2 -2
  45. package/scss/draggable/_variables.scss +1 -1
  46. package/scss/dropzone/_variables.scss +2 -2
  47. package/scss/editor/_variables.scss +1 -1
  48. package/scss/fab/_theme.scss +20 -20
  49. package/scss/filemanager/_variables.scss +3 -3
  50. package/scss/gantt/_layout.scss +1 -1
  51. package/scss/gantt/_theme.scss +1 -1
  52. package/scss/gantt/_variables.scss +8 -8
  53. package/scss/grid/_theme.scss +67 -52
  54. package/scss/grid/_variables.scss +9 -6
  55. package/scss/input/_variables.scss +5 -6
  56. package/scss/list/_theme.scss +8 -0
  57. package/scss/listview/_theme.scss +1 -1
  58. package/scss/listview/_variables.scss +2 -2
  59. package/scss/map/_variables.scss +1 -1
  60. package/scss/mediaplayer/_variables.scss +1 -1
  61. package/scss/menu/_variables.scss +2 -2
  62. package/scss/notification/_variables.scss +1 -1
  63. package/scss/orgchart/_variables.scss +2 -2
  64. package/scss/pager/_variables.scss +2 -2
  65. package/scss/panelbar/_variables.scss +12 -12
  66. package/scss/pdf-viewer/_variables.scss +1 -1
  67. package/scss/pivotgrid/_variables.scss +8 -8
  68. package/scss/progressbar/_variables.scss +1 -1
  69. package/scss/radio/_theme.scss +1 -1
  70. package/scss/scheduler/_theme.scss +12 -0
  71. package/scss/scheduler/_variables.scss +7 -7
  72. package/scss/signature/_variables.scss +1 -1
  73. package/scss/skeleton/_variables.scss +1 -1
  74. package/scss/slider/_variables.scss +2 -2
  75. package/scss/splitter/_variables.scss +2 -2
  76. package/scss/spreadsheet/_variables.scss +4 -4
  77. package/scss/stepper/_variables.scss +7 -7
  78. package/scss/switch/_theme.scss +1 -1
  79. package/scss/switch/_variables.scss +3 -3
  80. package/scss/table/_layout.scss +25 -0
  81. package/scss/table/_theme.scss +31 -16
  82. package/scss/table/_variables.scss +3 -3
  83. package/scss/tabstrip/_variables.scss +1 -1
  84. package/scss/taskboard/_variables.scss +5 -4
  85. package/scss/tilelayout/_variables.scss +1 -1
  86. package/scss/timeline/_variables.scss +4 -4
  87. package/scss/toolbar/_theme.scss +2 -2
  88. package/scss/tooltip/_variables.scss +2 -2
  89. package/scss/treeview/_variables.scss +1 -1
  90. package/scss/upload/_theme.scss +1 -1
  91. package/scss/core/color-system/_color-system-material.scss +0 -801
  92. package/scss/core/color-system/index.import.scss +0 -1
package/dist/all.css CHANGED
@@ -265,16 +265,13 @@ kendo-sortable {
265
265
  text-indent: -4000px;
266
266
  text-align: center;
267
267
  position: absolute;
268
- color: currentColor;
269
268
  }
270
269
 
271
270
  .k-loading-image {
272
271
  z-index: 2;
273
- color: currentColor;
274
272
  }
275
273
 
276
274
  .k-loading-color {
277
- background-color: #ffffff;
278
275
  opacity: 0.3;
279
276
  }
280
277
 
@@ -290,7 +287,6 @@ kendo-sortable {
290
287
  position: relative;
291
288
  background-color: transparent;
292
289
  box-sizing: border-box;
293
- color: currentColor;
294
290
  }
295
291
 
296
292
  .k-i-loading::before, .k-i-loading::after {
@@ -27096,6 +27092,10 @@ kendo-sortable {
27096
27092
  color: rgba(0, 0, 0, 0.54);
27097
27093
  }
27098
27094
 
27095
+ .k-list-item.k-selected:hover, .k-selected.k-list-optionlabel:hover, .k-list-item.k-selected.k-hover, .k-selected.k-hover.k-list-optionlabel {
27096
+ background-color: #ebebeb;
27097
+ }
27098
+
27099
27099
  .k-listgroup {
27100
27100
  border-radius: 4px;
27101
27101
  margin: 0;
@@ -28592,11 +28592,13 @@ kendo-badge-container {
28592
28592
  }
28593
28593
 
28594
28594
  .k-chip-outline-error:hover, .k-chip-outline-error.k-hover {
28595
+ border-color: #b61100;
28595
28596
  color: white;
28596
28597
  background-color: #b61100;
28597
28598
  }
28598
28599
 
28599
28600
  .k-chip-outline-error.k-selected {
28601
+ border-color: #b61100;
28600
28602
  color: white;
28601
28603
  background-color: #b61100;
28602
28604
  }
@@ -28612,11 +28614,13 @@ kendo-badge-container {
28612
28614
  }
28613
28615
 
28614
28616
  .k-chip-outline-info:hover, .k-chip-outline-info.k-hover {
28617
+ border-color: #0042af;
28615
28618
  color: white;
28616
28619
  background-color: #0042af;
28617
28620
  }
28618
28621
 
28619
28622
  .k-chip-outline-info.k-selected {
28623
+ border-color: #0042af;
28620
28624
  color: white;
28621
28625
  background-color: #0042af;
28622
28626
  }
@@ -28652,11 +28656,13 @@ kendo-badge-container {
28652
28656
  }
28653
28657
 
28654
28658
  .k-chip-outline-success:hover, .k-chip-outline-success.k-hover {
28659
+ border-color: #298700;
28655
28660
  color: white;
28656
28661
  background-color: #298700;
28657
28662
  }
28658
28663
 
28659
28664
  .k-chip-outline-success.k-selected {
28665
+ border-color: #298700;
28660
28666
  color: white;
28661
28667
  background-color: #298700;
28662
28668
  }
@@ -28696,6 +28702,7 @@ kendo-badge-container {
28696
28702
 
28697
28703
  .k-chip-outline-error:focus, .k-chip-outline-error.k-focus {
28698
28704
  box-shadow: none;
28705
+ color: #7a0c00;
28699
28706
  background-color: #fbaea6;
28700
28707
  }
28701
28708
 
@@ -28715,6 +28722,7 @@ kendo-badge-container {
28715
28722
 
28716
28723
  .k-chip-outline-info:focus, .k-chip-outline-info.k-focus {
28717
28724
  box-shadow: none;
28725
+ color: #002c75;
28718
28726
  background-color: #a6c5f7;
28719
28727
  }
28720
28728
 
@@ -28753,6 +28761,7 @@ kendo-badge-container {
28753
28761
 
28754
28762
  .k-chip-outline-success:focus, .k-chip-outline-success.k-focus {
28755
28763
  box-shadow: none;
28764
+ color: #1c5a00;
28756
28765
  background-color: #b9e5a6;
28757
28766
  }
28758
28767
 
@@ -39670,6 +39679,10 @@ kendo-card-footer {
39670
39679
  gap: 8px;
39671
39680
  }
39672
39681
 
39682
+ .k-card-horizontal .k-actions-horizontal {
39683
+ width: auto;
39684
+ }
39685
+
39673
39686
  .k-card-list {
39674
39687
  display: flex;
39675
39688
  flex-flow: column nowrap;
@@ -40515,6 +40528,66 @@ kendo-card-footer {
40515
40528
  color: #424242;
40516
40529
  }
40517
40530
 
40531
+ .k-bottom-nav-flat-primary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
40532
+ .k-bottom-nav-flat-primary .k-bottom-nav-item:focus,
40533
+ .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item:focus {
40534
+ background-color: rgba(0, 0, 0, 0.05);
40535
+ }
40536
+
40537
+ .k-bottom-nav-flat-secondary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
40538
+ .k-bottom-nav-flat-secondary .k-bottom-nav-item:focus,
40539
+ .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item:focus {
40540
+ background-color: rgba(0, 0, 0, 0.05);
40541
+ }
40542
+
40543
+ .k-bottom-nav-flat-tertiary .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
40544
+ .k-bottom-nav-flat-tertiary .k-bottom-nav-item:focus,
40545
+ .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item:focus {
40546
+ background-color: rgba(0, 0, 0, 0.05);
40547
+ }
40548
+
40549
+ .k-bottom-nav-flat-info .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-focus,
40550
+ .k-bottom-nav-flat-info .k-bottom-nav-item:focus,
40551
+ .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item:focus {
40552
+ background-color: rgba(0, 0, 0, 0.05);
40553
+ }
40554
+
40555
+ .k-bottom-nav-flat-success .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-focus,
40556
+ .k-bottom-nav-flat-success .k-bottom-nav-item:focus,
40557
+ .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item:focus {
40558
+ background-color: rgba(0, 0, 0, 0.05);
40559
+ }
40560
+
40561
+ .k-bottom-nav-flat-warning .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
40562
+ .k-bottom-nav-flat-warning .k-bottom-nav-item:focus,
40563
+ .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item:focus {
40564
+ background-color: rgba(0, 0, 0, 0.05);
40565
+ }
40566
+
40567
+ .k-bottom-nav-flat-error .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-focus,
40568
+ .k-bottom-nav-flat-error .k-bottom-nav-item:focus,
40569
+ .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item:focus {
40570
+ background-color: rgba(0, 0, 0, 0.05);
40571
+ }
40572
+
40573
+ .k-bottom-nav-flat-dark .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
40574
+ .k-bottom-nav-flat-dark .k-bottom-nav-item:focus,
40575
+ .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item:focus {
40576
+ background-color: rgba(0, 0, 0, 0.05);
40577
+ }
40578
+
40579
+ .k-bottom-nav-flat-light .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-focus,
40580
+ .k-bottom-nav-flat-light .k-bottom-nav-item:focus,
40581
+ .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item:focus {
40582
+ background-color: rgba(0, 0, 0, 0.05);
40583
+ }
40584
+
40585
+ .k-bottom-nav-flat-inverse .k-bottom-nav-item.k-focus, .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
40586
+ .k-bottom-nav-flat-inverse .k-bottom-nav-item:focus,
40587
+ .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item:focus {
40588
+ background-color: rgba(0, 0, 0, 0.05);
40589
+ }
40590
+
40518
40591
  .k-breadcrumb {
40519
40592
  border-width: 0px;
40520
40593
  border-style: solid;
@@ -40944,6 +41017,17 @@ kendo-card-footer {
40944
41017
  transition-timing-function: ease-in-out;
40945
41018
  }
40946
41019
 
41020
+ .k-stepper .k-step-indicator::before {
41021
+ border-radius: 50%;
41022
+ content: "";
41023
+ width: 100%;
41024
+ height: 100%;
41025
+ position: absolute;
41026
+ top: 0;
41027
+ left: 0;
41028
+ z-index: -1;
41029
+ }
41030
+
40947
41031
  .k-stepper .k-step-indicator::after {
40948
41032
  border-radius: 100%;
40949
41033
  content: "";
@@ -43924,6 +44008,16 @@ div.k-grid-footer {
43924
44008
  z-index: 3;
43925
44009
  }
43926
44010
 
44011
+ .k-master-row .k-grid-content-sticky::before {
44012
+ content: "";
44013
+ width: 100%;
44014
+ height: 100%;
44015
+ position: absolute;
44016
+ top: 0;
44017
+ left: 0;
44018
+ z-index: -1;
44019
+ }
44020
+
43927
44021
  kendo-grid .k-table-row.k-grid-row-sticky {
43928
44022
  border: 0;
43929
44023
  position: static;
@@ -47676,6 +47770,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
47676
47770
  border-bottom-width: 1px;
47677
47771
  border-color: inherit;
47678
47772
  flex-shrink: 0;
47773
+ z-index: 1;
47679
47774
  }
47680
47775
 
47681
47776
  .k-filemanager-content-container {
@@ -47688,6 +47783,10 @@ kendo-grid .k-grid-row-sticky .k-table-td {
47688
47783
  overflow: hidden;
47689
47784
  }
47690
47785
 
47786
+ .k-filemanager-splitter {
47787
+ border-width: 0;
47788
+ }
47789
+
47691
47790
  .k-filemanager-navigation {
47692
47791
  padding-block: 16px;
47693
47792
  padding-inline: 16px;
@@ -49265,17 +49364,17 @@ kendo-grid .k-grid-row-sticky .k-table-td {
49265
49364
  overflow: scroll;
49266
49365
  }
49267
49366
 
49268
- .k-gantt-timeline .k-timeline {
49367
+ .k-gantt-timeline-pane .k-gantt-timeline {
49269
49368
  height: 100%;
49270
49369
  border-width: 0;
49271
49370
  display: flex;
49272
49371
  }
49273
49372
 
49274
- .k-gantt-timeline .k-grid-content {
49373
+ .k-gantt-timeline-pane .k-grid-content {
49275
49374
  overflow-x: scroll;
49276
49375
  }
49277
49376
 
49278
- .k-gantt-timeline .k-header {
49377
+ .k-gantt-timeline-pane .k-header {
49279
49378
  padding-block: 16px;
49280
49379
  padding-inline: 24px;
49281
49380
  border-width: 0 0 1px 1px;
@@ -49756,7 +49855,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
49756
49855
  }
49757
49856
 
49758
49857
  .k-pdf-export-shadow .k-gantt,
49759
- .k-pdf-export-shadow .k-gantt-timeline,
49858
+ .k-pdf-export-shadow .k-gantt-timeline-pane,
49760
49859
  .k-pdf-export-shadow .k-gantt-dependencies {
49761
49860
  width: auto !important;
49762
49861
  height: auto !important;
@@ -49789,24 +49888,24 @@ kendo-grid .k-grid-row-sticky .k-table-td {
49789
49888
  margin-inline: -26px;
49790
49889
  }
49791
49890
 
49792
- .k-rtl .k-gantt-timeline .k-header,
49793
- [dir="rtl"] .k-gantt-timeline .k-header {
49891
+ .k-rtl .k-gantt-timeline-pane .k-header,
49892
+ [dir="rtl"] .k-gantt-timeline-pane .k-header {
49794
49893
  border-width: 0 1px 1px 0;
49795
49894
  }
49796
49895
 
49797
- .k-rtl .k-gantt-timeline .k-header:first-child,
49798
- [dir="rtl"] .k-gantt-timeline .k-header:first-child {
49896
+ .k-rtl .k-gantt-timeline-pane .k-header:first-child,
49897
+ [dir="rtl"] .k-gantt-timeline-pane .k-header:first-child {
49799
49898
  border-right-width: 0;
49800
49899
  }
49801
49900
 
49802
- .k-rtl .k-gantt-timeline .k-task-start,
49803
- [dir="rtl"] .k-gantt-timeline .k-task-start {
49901
+ .k-rtl .k-gantt-timeline-pane .k-task-start,
49902
+ [dir="rtl"] .k-gantt-timeline-pane .k-task-start {
49804
49903
  left: auto;
49805
49904
  right: 0;
49806
49905
  }
49807
49906
 
49808
- .k-rtl .k-gantt-timeline .k-task-end,
49809
- [dir="rtl"] .k-gantt-timeline .k-task-end {
49907
+ .k-rtl .k-gantt-timeline-pane .k-task-end,
49908
+ [dir="rtl"] .k-gantt-timeline-pane .k-task-end {
49810
49909
  right: auto;
49811
49910
  left: 0;
49812
49911
  }
@@ -49859,8 +49958,8 @@ kendo-grid .k-grid-row-sticky .k-table-td {
49859
49958
  margin-right: 0.2em;
49860
49959
  }
49861
49960
 
49862
- .k-rtl .k-gantt-timeline .k-milestone-wrap .k-task-start,
49863
- [dir="rtl"] .k-gantt-timeline .k-milestone-wrap .k-task-start {
49961
+ .k-rtl .k-gantt-timeline-pane .k-milestone-wrap .k-task-start,
49962
+ [dir="rtl"] .k-gantt-timeline-pane .k-milestone-wrap .k-task-start {
49864
49963
  right: -0.1em;
49865
49964
  }
49866
49965
 
@@ -49870,7 +49969,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
49870
49969
  right: 0;
49871
49970
  }
49872
49971
 
49873
- .k-rtl .k-gantt-timeline .k-header {
49972
+ .k-rtl .k-gantt-timeline-pane .k-header {
49874
49973
  border-width: 0 1px 1px 0;
49875
49974
  }
49876
49975
 
@@ -50068,11 +50167,11 @@ kendo-grid .k-grid-row-sticky .k-table-td {
50068
50167
  background-color: #f31700;
50069
50168
  }
50070
50169
 
50071
- .k-gantt-timeline tbody > tr:not(:only-child) > .k-header {
50170
+ .k-gantt-timeline-pane tbody > tr:not(:only-child) > .k-header {
50072
50171
  border-left-color: rgba(0, 0, 0, 0.12);
50073
50172
  }
50074
50173
 
50075
- .k-rtl .k-gantt-timeline .k-grid-header tbody > tr:not(:only-child) > .k-header {
50174
+ .k-rtl .k-gantt-timeline-pane .k-grid-header tbody > tr:not(:only-child) > .k-header {
50076
50175
  border-right-color: rgba(0, 0, 0, 0.12);
50077
50176
  }
50078
50177
 
@@ -51294,6 +51393,15 @@ kendo-scheduler .k-event .k-event-actions,
51294
51393
  color: white;
51295
51394
  }
51296
51395
 
51396
+ .k-scheduler-layout td.k-selected,
51397
+ .k-scheduler-layout .k-scheduler-cell.k-selected {
51398
+ background-color: rgba(229, 26, 95, 0.25);
51399
+ }
51400
+
51401
+ .k-scheduler-agendaview .k-scheduler-content tr.k-selected {
51402
+ background-color: rgba(229, 26, 95, 0.25);
51403
+ }
51404
+
51297
51405
  .k-event .k-event-actions .k-link {
51298
51406
  color: #3f51b5;
51299
51407
  background-color: white;