@progress/kendo-theme-material 6.3.0 → 6.4.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.
package/dist/all.css CHANGED
@@ -38846,8 +38846,8 @@ select.k-picker-lg {
38846
38846
  }
38847
38847
 
38848
38848
  .k-calendar-th {
38849
- width: 36px;
38850
- height: 36px;
38849
+ inline-size: var(--INTERNAL--kendo-calendar-cell-size, 36px);
38850
+ block-size: var(--INTERNAL--kendo-calendar-cell-size, 36px);
38851
38851
  font-size: 12px;
38852
38852
  line-height: 2;
38853
38853
  text-transform: uppercase;
@@ -43895,194 +43895,313 @@ kendo-card-footer {
43895
43895
  z-index: 1;
43896
43896
  }
43897
43897
 
43898
- .k-bottom-nav-solid.k-bottom-nav-primary {
43898
+ .k-bottom-nav-solid-primary, .k-bottom-nav-solid.k-bottom-nav-primary {
43899
43899
  color: #bcc2e5;
43900
43900
  background-color: #3f51b5;
43901
43901
  }
43902
43902
 
43903
- .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
43903
+ .k-bottom-nav-solid-primary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
43904
+ .k-bottom-nav-solid-primary .k-bottom-nav-item:focus,
43904
43905
  .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item:focus {
43905
43906
  background-color: rgba(188, 194, 229, 0.2);
43906
43907
  }
43907
43908
 
43908
- .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
43909
+ .k-bottom-nav-solid-primary .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
43909
43910
  color: white;
43910
43911
  }
43911
43912
 
43912
- .k-bottom-nav-solid.k-bottom-nav-secondary {
43913
+ .k-bottom-nav-solid-secondary, .k-bottom-nav-solid.k-bottom-nav-secondary {
43913
43914
  color: #f6afc7;
43914
43915
  background-color: #e51a5f;
43915
43916
  }
43916
43917
 
43917
- .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
43918
+ .k-bottom-nav-solid-secondary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
43919
+ .k-bottom-nav-solid-secondary .k-bottom-nav-item:focus,
43918
43920
  .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item:focus {
43919
43921
  background-color: rgba(246, 175, 199, 0.2);
43920
43922
  }
43921
43923
 
43922
- .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
43924
+ .k-bottom-nav-solid-secondary .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
43923
43925
  color: white;
43924
43926
  }
43925
43927
 
43926
- .k-bottom-nav-solid.k-bottom-nav-tertiary {
43928
+ .k-bottom-nav-solid-tertiary, .k-bottom-nav-solid.k-bottom-nav-tertiary {
43927
43929
  color: #a6cbc6;
43928
43930
  background-color: #00695c;
43929
43931
  }
43930
43932
 
43931
- .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
43933
+ .k-bottom-nav-solid-tertiary .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
43934
+ .k-bottom-nav-solid-tertiary .k-bottom-nav-item:focus,
43932
43935
  .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item:focus {
43933
43936
  background-color: rgba(166, 203, 198, 0.2);
43934
43937
  }
43935
43938
 
43936
- .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
43939
+ .k-bottom-nav-solid-tertiary .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
43937
43940
  color: white;
43938
43941
  }
43939
43942
 
43940
- .k-bottom-nav-solid.k-bottom-nav-info {
43943
+ .k-bottom-nav-solid-info, .k-bottom-nav-solid.k-bottom-nav-info {
43941
43944
  color: #a6c5f7;
43942
43945
  background-color: #0058e9;
43943
43946
  }
43944
43947
 
43945
- .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus,
43948
+ .k-bottom-nav-solid-info .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus,
43949
+ .k-bottom-nav-solid-info .k-bottom-nav-item:focus,
43946
43950
  .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item:focus {
43947
43951
  background-color: rgba(166, 197, 247, 0.2);
43948
43952
  }
43949
43953
 
43950
- .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-selected {
43954
+ .k-bottom-nav-solid-info .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-selected {
43951
43955
  color: white;
43952
43956
  }
43953
43957
 
43954
- .k-bottom-nav-solid.k-bottom-nav-success {
43958
+ .k-bottom-nav-solid-success, .k-bottom-nav-solid.k-bottom-nav-success {
43955
43959
  color: #b9e5a6;
43956
43960
  background-color: #37b400;
43957
43961
  }
43958
43962
 
43959
- .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus,
43963
+ .k-bottom-nav-solid-success .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus,
43964
+ .k-bottom-nav-solid-success .k-bottom-nav-item:focus,
43960
43965
  .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item:focus {
43961
43966
  background-color: rgba(185, 229, 166, 0.2);
43962
43967
  }
43963
43968
 
43964
- .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-selected {
43969
+ .k-bottom-nav-solid-success .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-selected {
43965
43970
  color: white;
43966
43971
  }
43967
43972
 
43968
- .k-bottom-nav-solid.k-bottom-nav-warning {
43973
+ .k-bottom-nav-solid-warning, .k-bottom-nav-solid.k-bottom-nav-warning {
43969
43974
  color: #594300;
43970
43975
  background-color: #ffc000;
43971
43976
  }
43972
43977
 
43973
- .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
43978
+ .k-bottom-nav-solid-warning .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
43979
+ .k-bottom-nav-solid-warning .k-bottom-nav-item:focus,
43974
43980
  .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item:focus {
43975
43981
  background-color: rgba(89, 67, 0, 0.2);
43976
43982
  }
43977
43983
 
43978
- .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
43984
+ .k-bottom-nav-solid-warning .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
43979
43985
  color: black;
43980
43986
  }
43981
43987
 
43982
- .k-bottom-nav-solid.k-bottom-nav-error {
43988
+ .k-bottom-nav-solid-error, .k-bottom-nav-solid.k-bottom-nav-error {
43983
43989
  color: #fbaea6;
43984
43990
  background-color: #f31700;
43985
43991
  }
43986
43992
 
43987
- .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus,
43993
+ .k-bottom-nav-solid-error .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus,
43994
+ .k-bottom-nav-solid-error .k-bottom-nav-item:focus,
43988
43995
  .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item:focus {
43989
43996
  background-color: rgba(251, 174, 166, 0.2);
43990
43997
  }
43991
43998
 
43992
- .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-selected {
43999
+ .k-bottom-nav-solid-error .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-selected {
43993
44000
  color: white;
43994
44001
  }
43995
44002
 
43996
- .k-bottom-nav-solid.k-bottom-nav-dark {
44003
+ .k-bottom-nav-solid-dark, .k-bottom-nav-solid.k-bottom-nav-dark {
43997
44004
  color: #bdbdbd;
43998
44005
  background-color: #424242;
43999
44006
  }
44000
44007
 
44001
- .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
44008
+ .k-bottom-nav-solid-dark .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
44009
+ .k-bottom-nav-solid-dark .k-bottom-nav-item:focus,
44002
44010
  .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item:focus {
44003
44011
  background-color: rgba(189, 189, 189, 0.2);
44004
44012
  }
44005
44013
 
44006
- .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
44014
+ .k-bottom-nav-solid-dark .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
44007
44015
  color: white;
44008
44016
  }
44009
44017
 
44010
- .k-bottom-nav-solid.k-bottom-nav-light {
44018
+ .k-bottom-nav-solid-light, .k-bottom-nav-solid.k-bottom-nav-light {
44011
44019
  color: #565656;
44012
44020
  background-color: #f5f5f5;
44013
44021
  }
44014
44022
 
44015
- .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus,
44023
+ .k-bottom-nav-solid-light .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus,
44024
+ .k-bottom-nav-solid-light .k-bottom-nav-item:focus,
44016
44025
  .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item:focus {
44017
44026
  background-color: rgba(86, 86, 86, 0.2);
44018
44027
  }
44019
44028
 
44020
- .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-selected {
44029
+ .k-bottom-nav-solid-light .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-selected {
44021
44030
  color: black;
44022
44031
  }
44023
44032
 
44024
- .k-bottom-nav-solid.k-bottom-nav-inverse {
44033
+ .k-bottom-nav-solid-inverse, .k-bottom-nav-solid.k-bottom-nav-inverse {
44025
44034
  color: #bdbdbd;
44026
44035
  background-color: #424242;
44027
44036
  }
44028
44037
 
44029
- .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
44038
+ .k-bottom-nav-solid-inverse .k-bottom-nav-item.k-focus, .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
44039
+ .k-bottom-nav-solid-inverse .k-bottom-nav-item:focus,
44030
44040
  .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item:focus {
44031
44041
  background-color: rgba(189, 189, 189, 0.2);
44032
44042
  }
44033
44043
 
44034
- .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
44044
+ .k-bottom-nav-solid-inverse .k-bottom-nav-item.k-selected, .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
44035
44045
  color: white;
44036
44046
  }
44037
44047
 
44038
- .k-bottom-nav-flat {
44048
+ .k-bottom-nav-flat-primary, .k-bottom-nav-flat.k-bottom-nav-primary {
44039
44049
  border-color: rgba(0, 0, 0, 0.12);
44040
44050
  color: rgba(0, 0, 0, 0.87);
44041
44051
  background-color: #ffffff;
44042
44052
  }
44043
44053
 
44044
- .k-bottom-nav-flat .k-bottom-nav-item.k-focus,
44045
- .k-bottom-nav-flat .k-bottom-nav-item:focus {
44054
+ .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,
44055
+ .k-bottom-nav-flat-primary .k-bottom-nav-item:focus,
44056
+ .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item:focus {
44046
44057
  background-color: rgba(0, 0, 0, 0.05);
44047
44058
  }
44048
44059
 
44049
- .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
44060
+ .k-bottom-nav-flat-primary .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
44050
44061
  color: #3f51b5;
44051
44062
  }
44052
44063
 
44053
- .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
44064
+ .k-bottom-nav-flat-secondary, .k-bottom-nav-flat.k-bottom-nav-secondary {
44065
+ border-color: rgba(0, 0, 0, 0.12);
44066
+ color: rgba(0, 0, 0, 0.87);
44067
+ background-color: #ffffff;
44068
+ }
44069
+
44070
+ .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,
44071
+ .k-bottom-nav-flat-secondary .k-bottom-nav-item:focus,
44072
+ .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item:focus {
44073
+ background-color: rgba(0, 0, 0, 0.05);
44074
+ }
44075
+
44076
+ .k-bottom-nav-flat-secondary .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
44054
44077
  color: #ae1448;
44055
44078
  }
44056
44079
 
44057
- .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
44080
+ .k-bottom-nav-flat-tertiary, .k-bottom-nav-flat.k-bottom-nav-tertiary {
44081
+ border-color: rgba(0, 0, 0, 0.12);
44082
+ color: rgba(0, 0, 0, 0.87);
44083
+ background-color: #ffffff;
44084
+ }
44085
+
44086
+ .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,
44087
+ .k-bottom-nav-flat-tertiary .k-bottom-nav-item:focus,
44088
+ .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item:focus {
44089
+ background-color: rgba(0, 0, 0, 0.05);
44090
+ }
44091
+
44092
+ .k-bottom-nav-flat-tertiary .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
44058
44093
  color: #00695c;
44059
44094
  }
44060
44095
 
44061
- .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-selected {
44096
+ .k-bottom-nav-flat-info, .k-bottom-nav-flat.k-bottom-nav-info {
44097
+ border-color: rgba(0, 0, 0, 0.12);
44098
+ color: rgba(0, 0, 0, 0.87);
44099
+ background-color: #ffffff;
44100
+ }
44101
+
44102
+ .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,
44103
+ .k-bottom-nav-flat-info .k-bottom-nav-item:focus,
44104
+ .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item:focus {
44105
+ background-color: rgba(0, 0, 0, 0.05);
44106
+ }
44107
+
44108
+ .k-bottom-nav-flat-info .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-selected {
44062
44109
  color: #0058e9;
44063
44110
  }
44064
44111
 
44065
- .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-selected {
44112
+ .k-bottom-nav-flat-success, .k-bottom-nav-flat.k-bottom-nav-success {
44113
+ border-color: rgba(0, 0, 0, 0.12);
44114
+ color: rgba(0, 0, 0, 0.87);
44115
+ background-color: #ffffff;
44116
+ }
44117
+
44118
+ .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,
44119
+ .k-bottom-nav-flat-success .k-bottom-nav-item:focus,
44120
+ .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item:focus {
44121
+ background-color: rgba(0, 0, 0, 0.05);
44122
+ }
44123
+
44124
+ .k-bottom-nav-flat-success .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-selected {
44066
44125
  color: #37b400;
44067
44126
  }
44068
44127
 
44069
- .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
44128
+ .k-bottom-nav-flat-warning, .k-bottom-nav-flat.k-bottom-nav-warning {
44129
+ border-color: rgba(0, 0, 0, 0.12);
44130
+ color: rgba(0, 0, 0, 0.87);
44131
+ background-color: #ffffff;
44132
+ }
44133
+
44134
+ .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,
44135
+ .k-bottom-nav-flat-warning .k-bottom-nav-item:focus,
44136
+ .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item:focus {
44137
+ background-color: rgba(0, 0, 0, 0.05);
44138
+ }
44139
+
44140
+ .k-bottom-nav-flat-warning .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
44070
44141
  color: #ffc000;
44071
44142
  }
44072
44143
 
44073
- .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-selected {
44144
+ .k-bottom-nav-flat-error, .k-bottom-nav-flat.k-bottom-nav-error {
44145
+ border-color: rgba(0, 0, 0, 0.12);
44146
+ color: rgba(0, 0, 0, 0.87);
44147
+ background-color: #ffffff;
44148
+ }
44149
+
44150
+ .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,
44151
+ .k-bottom-nav-flat-error .k-bottom-nav-item:focus,
44152
+ .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item:focus {
44153
+ background-color: rgba(0, 0, 0, 0.05);
44154
+ }
44155
+
44156
+ .k-bottom-nav-flat-error .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-selected {
44074
44157
  color: #f31700;
44075
44158
  }
44076
44159
 
44077
- .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
44160
+ .k-bottom-nav-flat-dark, .k-bottom-nav-flat.k-bottom-nav-dark {
44161
+ border-color: rgba(0, 0, 0, 0.12);
44162
+ color: rgba(0, 0, 0, 0.87);
44163
+ background-color: #ffffff;
44164
+ }
44165
+
44166
+ .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,
44167
+ .k-bottom-nav-flat-dark .k-bottom-nav-item:focus,
44168
+ .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item:focus {
44169
+ background-color: rgba(0, 0, 0, 0.05);
44170
+ }
44171
+
44172
+ .k-bottom-nav-flat-dark .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
44078
44173
  color: #424242;
44079
44174
  }
44080
44175
 
44081
- .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-selected {
44176
+ .k-bottom-nav-flat-light, .k-bottom-nav-flat.k-bottom-nav-light {
44177
+ border-color: rgba(0, 0, 0, 0.12);
44178
+ color: rgba(0, 0, 0, 0.87);
44179
+ background-color: #ffffff;
44180
+ }
44181
+
44182
+ .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,
44183
+ .k-bottom-nav-flat-light .k-bottom-nav-item:focus,
44184
+ .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item:focus {
44185
+ background-color: rgba(0, 0, 0, 0.05);
44186
+ }
44187
+
44188
+ .k-bottom-nav-flat-light .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-selected {
44082
44189
  color: #bababa;
44083
44190
  }
44084
44191
 
44085
- .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
44192
+ .k-bottom-nav-flat-inverse, .k-bottom-nav-flat.k-bottom-nav-inverse {
44193
+ border-color: rgba(0, 0, 0, 0.12);
44194
+ color: rgba(0, 0, 0, 0.87);
44195
+ background-color: #ffffff;
44196
+ }
44197
+
44198
+ .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,
44199
+ .k-bottom-nav-flat-inverse .k-bottom-nav-item:focus,
44200
+ .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item:focus {
44201
+ background-color: rgba(0, 0, 0, 0.05);
44202
+ }
44203
+
44204
+ .k-bottom-nav-flat-inverse .k-bottom-nav-item.k-selected, .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
44086
44205
  color: #424242;
44087
44206
  }
44088
44207
 
@@ -44116,10 +44235,6 @@ kendo-card-footer {
44116
44235
  overflow: hidden;
44117
44236
  }
44118
44237
 
44119
- .k-breadcrumb-container.k-flex-wrap {
44120
- flex-wrap: wrap;
44121
- }
44122
-
44123
44238
  .k-breadcrumb-root-item-container {
44124
44239
  align-items: flex-start;
44125
44240
  flex-shrink: 0;
@@ -44129,6 +44244,7 @@ kendo-card-footer {
44129
44244
  vertical-align: middle;
44130
44245
  display: inline-flex;
44131
44246
  flex-direction: row;
44247
+ flex: none;
44132
44248
  align-items: center;
44133
44249
  overflow: hidden;
44134
44250
  }
@@ -45390,6 +45506,9 @@ kendo-card-footer {
45390
45506
 
45391
45507
  .k-expander-indicator {
45392
45508
  margin-left: 12px;
45509
+ display: flex;
45510
+ justify-content: center;
45511
+ align-items: center;
45393
45512
  }
45394
45513
 
45395
45514
  .k-expander-content {
@@ -47933,7 +48052,8 @@ div.k-grid-norecords {
47933
48052
  }
47934
48053
 
47935
48054
  .k-columnmenu-item > .k-icon,
47936
- .k-columnmenu-item > .k-svg-icon {
48055
+ .k-columnmenu-item > .k-svg-icon,
48056
+ .k-columnmenu-item > .k-expander-indicator {
47937
48057
  margin-inline-end: 8px;
47938
48058
  }
47939
48059
 
@@ -49503,8 +49623,10 @@ kendo-grid .k-grid-row-sticky .k-table-td {
49503
49623
 
49504
49624
  .k-spreadsheet-filter-menu .k-details-summary > .k-icon,
49505
49625
  .k-spreadsheet-filter-menu .k-details-summary > .k-svg-icon,
49626
+ .k-spreadsheet-filter-menu .k-details-summary > .k-expander-indicator,
49506
49627
  .k-spreadsheet-filter-menu .k-columnmenu-item > .k-icon,
49507
- .k-spreadsheet-filter-menu .k-columnmenu-item > .k-svg-icon {
49628
+ .k-spreadsheet-filter-menu .k-columnmenu-item > .k-svg-icon,
49629
+ .k-spreadsheet-filter-menu .k-columnmenu-item > .k-expander-indicator {
49508
49630
  margin-right: 4px;
49509
49631
  }
49510
49632
 
@@ -52060,24 +52182,6 @@ kendo-grid .k-grid-row-sticky .k-table-td {
52060
52182
  margin-bottom: 0;
52061
52183
  }
52062
52184
 
52063
- .k-editor-table-wizard-window .k-numerictextbox {
52064
- width: 10em;
52065
- }
52066
-
52067
- .k-editor-table-wizard-window .k-numerictextbox + .k-dropdown-list, .k-editor-table-wizard-window .k-numerictextbox + .k-dropdown,
52068
- .k-editor-table-wizard-window .k-numerictextbox + .k-dropdownlist {
52069
- width: 5em;
52070
- }
52071
-
52072
- .k-editor-table-wizard-window .k-numerictextbox + .k-color-picker, .k-editor-table-wizard-window .k-numerictextbox + .k-colorpicker, .k-editor-table-wizard-window .k-numerictextbox + .k-dropdown-list, .k-editor-table-wizard-window .k-numerictextbox + .k-dropdown,
52073
- .k-editor-table-wizard-window .k-numerictextbox + .k-dropdownlist {
52074
- margin-left: 8px;
52075
- }
52076
-
52077
- .k-editor-table-wizard-window .k-color-picker, .k-editor-table-wizard-window .k-colorpicker {
52078
- vertical-align: middle;
52079
- }
52080
-
52081
52185
  .k-editor-table-wizard-window .k-edit-field > .k-checkbox {
52082
52186
  position: relative;
52083
52187
  }
@@ -53764,19 +53868,9 @@ kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete {
53764
53868
  flex-flow: row nowrap;
53765
53869
  }
53766
53870
 
53767
- .k-scheduler-views-wrapper .k-views-dropdown {
53871
+ .k-scheduler-toolbar .k-views-dropdown {
53768
53872
  width: auto;
53769
53873
  font: inherit;
53770
- display: none;
53771
- }
53772
-
53773
- @media (max-width: 1024px) {
53774
- .k-scheduler-views-wrapper .k-scheduler-views {
53775
- display: none;
53776
- }
53777
- .k-scheduler-views-wrapper .k-views-dropdown {
53778
- display: inline-block;
53779
- }
53780
53874
  }
53781
53875
 
53782
53876
  .k-scheduler-footer {
package/dist/all.scss CHANGED
@@ -29989,8 +29989,8 @@ $kendo-calendar-sizes: (
29989
29989
  .k-calendar-th {
29990
29990
  padding-block: $kendo-calendar-header-cell-padding-y;
29991
29991
  padding-inline: $kendo-calendar-header-cell-padding-x;
29992
- width: $kendo-calendar-header-cell-width;
29993
- height: $kendo-calendar-header-cell-height;
29992
+ inline-size: var( --INTERNAL--kendo-calendar-cell-size, $kendo-calendar-header-cell-width );
29993
+ block-size: var( --INTERNAL--kendo-calendar-cell-size, $kendo-calendar-header-cell-height );
29994
29994
  font-size: $kendo-calendar-header-cell-font-size;
29995
29995
  line-height: $kendo-calendar-header-cell-line-height;
29996
29996
  text-transform: uppercase;
@@ -40322,7 +40322,7 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
40322
40322
 
40323
40323
  // Solid
40324
40324
  @each $name, $color in $kendo-theme-colors {
40325
- .k-bottom-nav-solid.k-bottom-nav-#{$name} {
40325
+ .k-bottom-nav-solid-#{$name} {
40326
40326
  @include fill(
40327
40327
  $color: k-true-mix( $color, k-contrast-legacy( $color ), 35%),
40328
40328
  $bg: $color
@@ -40337,23 +40337,27 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
40337
40337
  @include fill( $color: k-contrast-legacy( $color ) );
40338
40338
  }
40339
40339
  }
40340
+ // TODO: remove when suites update class names
40341
+ .k-bottom-nav-solid.k-bottom-nav-#{$name} {
40342
+ @extend .k-bottom-nav-solid-#{$name} !optional;
40343
+ }
40340
40344
  }
40341
40345
 
40342
40346
  // Flat
40343
- .k-bottom-nav-flat {
40344
- @include fill(
40345
- $kendo-bottom-nav-flat-text,
40346
- $kendo-bottom-nav-flat-bg,
40347
- $kendo-bottom-nav-flat-border
40348
- );
40347
+ @each $name, $color in $kendo-theme-colors {
40348
+ .k-bottom-nav-flat-#{$name} {
40349
+ @include fill(
40350
+ $kendo-bottom-nav-flat-text,
40351
+ $kendo-bottom-nav-flat-bg,
40352
+ $kendo-bottom-nav-flat-border
40353
+ );
40349
40354
 
40350
- .k-bottom-nav-item.k-focus,
40351
- .k-bottom-nav-item:focus {
40352
- @include fill( $bg: rgba($kendo-bottom-nav-flat-text, .05) );
40353
- }
40355
+ .k-bottom-nav-item.k-focus,
40356
+ .k-bottom-nav-item:focus {
40357
+ @include fill( $bg: rgba($kendo-bottom-nav-flat-text, .05) );
40358
+ }
40354
40359
 
40355
- @each $name, $color in $kendo-theme-colors {
40356
- &.k-bottom-nav-#{$name} .k-bottom-nav-item.k-selected {
40360
+ .k-bottom-nav-item.k-selected {
40357
40361
  @if $name == "secondary" or $name == "light" {
40358
40362
  @include fill( $color: k-try-shade($color, 3) );
40359
40363
  } @else {
@@ -40361,6 +40365,9 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
40361
40365
  }
40362
40366
  }
40363
40367
  }
40368
+ .k-bottom-nav-flat.k-bottom-nav-#{$name} {
40369
+ @extend .k-bottom-nav-flat-#{$name} !optional;
40370
+ }
40364
40371
  }
40365
40372
 
40366
40373
  }
@@ -40536,12 +40543,6 @@ $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
40536
40543
  overflow: hidden;
40537
40544
  }
40538
40545
 
40539
- .k-breadcrumb-container {
40540
- // TODO: use !k-flex-wrap in rendering
40541
- &.k-flex-wrap {
40542
- flex-wrap: wrap;
40543
- }
40544
- }
40545
40546
  .k-breadcrumb-root-item-container {
40546
40547
  align-items: flex-start;
40547
40548
  flex-shrink: 0;
@@ -40553,6 +40554,7 @@ $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
40553
40554
  vertical-align: middle;
40554
40555
  display: inline-flex;
40555
40556
  flex-direction: row;
40557
+ flex: none;
40556
40558
  align-items: center;
40557
40559
  overflow: hidden;
40558
40560
  }
@@ -43040,6 +43042,9 @@ $kendo-expander-content-padding-y: k-map-get( $kendo-spacing, 6 ) !default;
43040
43042
  // Expand / collapse icon
43041
43043
  .k-expander-indicator {
43042
43044
  margin-left: $kendo-expander-indicator-margin-x;
43045
+ display: flex;
43046
+ justify-content: center;
43047
+ align-items: center;
43043
43048
  }
43044
43049
 
43045
43050
  // Expander content
@@ -46695,7 +46700,8 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
46695
46700
  cursor: pointer;
46696
46701
 
46697
46702
  > .k-icon,
46698
- > .k-svg-icon {
46703
+ > .k-svg-icon,
46704
+ > .k-expander-indicator {
46699
46705
  margin-inline-end: $kendo-icon-spacing;
46700
46706
  }
46701
46707
  }
@@ -48701,7 +48707,8 @@ $kendo-spreadsheet-drawing-anchor-bg: rgba( $kendo-selected-bg, .25 ) !default;
48701
48707
  cursor: pointer;
48702
48708
 
48703
48709
  > .k-icon,
48704
- > .k-svg-icon {
48710
+ > .k-svg-icon,
48711
+ > .k-expander-indicator {
48705
48712
  margin-right: $kendo-padding-md-y;
48706
48713
  }
48707
48714
  }
@@ -52918,24 +52925,6 @@ $kendo-editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-li
52918
52925
  }
52919
52926
  }
52920
52927
 
52921
- // Generic widgets
52922
- .k-numerictextbox {
52923
- width: 10em;
52924
-
52925
- & + .k-dropdown-list {
52926
- width: 5em;
52927
- }
52928
-
52929
- & + .k-color-picker,
52930
- & + .k-dropdown-list {
52931
- margin-left: k-map-get( $kendo-spacing, 2 );
52932
- }
52933
- }
52934
-
52935
- .k-color-picker {
52936
- vertical-align: middle;
52937
- }
52938
-
52939
52928
  .k-edit-field > .k-checkbox {
52940
52929
  position: relative; // fix scrolling
52941
52930
  }
@@ -55382,24 +55371,11 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
55382
55371
  // Scheduler navigation
55383
55372
  .k-scheduler-navigation {}
55384
55373
 
55385
-
55386
- // View switcher
55387
- .k-scheduler-views-wrapper {
55388
-
55389
- // Views dropdown
55390
- .k-views-dropdown {
55391
- width: auto;
55392
- font: inherit;
55393
- display: none;
55394
- }
55395
-
55396
- @media (max-width: 1024px) {
55397
- .k-scheduler-views { display: none; }
55398
- .k-views-dropdown { display: inline-block; }
55399
- }
55374
+ .k-scheduler-toolbar .k-views-dropdown {
55375
+ width: auto;
55376
+ font: inherit;
55400
55377
  }
55401
55378
 
55402
-
55403
55379
  // Scheduler footer
55404
55380
  .k-scheduler-footer {
55405
55381
  @include box-shadow( none );
@@ -3,7 +3,7 @@
3
3
  "name": "Material Aqua Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Arctic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Burnt Teal",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#3f51b5",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Eggplant",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Lime Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Lime",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Nova",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Pacific Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Pacific Light",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Sky Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Sky",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Smoke",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-material",
3
3
  "description": "Material theme for Kendo UI",
4
- "version": "6.3.0",
4
+ "version": "6.4.0-dev.0",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -50,9 +50,9 @@
50
50
  },
51
51
  "dependencies": {
52
52
  "@progress/kendo-font-icons": "1.4.2",
53
- "@progress/kendo-theme-core": "6.3.0",
54
- "@progress/kendo-theme-default": "6.3.0",
55
- "@progress/kendo-theme-utils": "6.3.0"
53
+ "@progress/kendo-theme-core": "6.4.0-dev.0",
54
+ "@progress/kendo-theme-default": "6.4.0-dev.0",
55
+ "@progress/kendo-theme-utils": "6.4.0-dev.0"
56
56
  },
57
- "gitHead": "b20e74e39e32c4a5dd2fde0b0591dcd451d2c1cc"
57
+ "gitHead": "862cb1931ece807ea4ae7496ce5033bf3f3eea30"
58
58
  }