@progress/kendo-theme-classic 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
@@ -37882,8 +37882,8 @@ select.k-picker-lg {
37882
37882
  }
37883
37883
 
37884
37884
  .k-calendar-th {
37885
- width: 32px;
37886
- height: 32px;
37885
+ inline-size: var(--INTERNAL--kendo-calendar-cell-size, 32px);
37886
+ block-size: var(--INTERNAL--kendo-calendar-cell-size, 32px);
37887
37887
  font-size: 12px;
37888
37888
  line-height: 2;
37889
37889
  text-transform: uppercase;
@@ -42873,194 +42873,313 @@ kendo-card-footer {
42873
42873
  z-index: 1;
42874
42874
  }
42875
42875
 
42876
- .k-bottom-nav-solid.k-bottom-nav-primary {
42876
+ .k-bottom-nav-solid-primary, .k-bottom-nav-solid.k-bottom-nav-primary {
42877
42877
  color: #fbc5a6;
42878
42878
  background-color: #f35800;
42879
42879
  }
42880
42880
 
42881
- .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
42881
+ .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,
42882
+ .k-bottom-nav-solid-primary .k-bottom-nav-item:focus,
42882
42883
  .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item:focus {
42883
42884
  background-color: rgba(251, 197, 166, 0.2);
42884
42885
  }
42885
42886
 
42886
- .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
42887
+ .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 {
42887
42888
  color: white;
42888
42889
  }
42889
42890
 
42890
- .k-bottom-nav-solid.k-bottom-nav-secondary {
42891
+ .k-bottom-nav-solid-secondary, .k-bottom-nav-solid.k-bottom-nav-secondary {
42891
42892
  color: #525252;
42892
42893
  background-color: #e9e9e9;
42893
42894
  }
42894
42895
 
42895
- .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
42896
+ .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,
42897
+ .k-bottom-nav-solid-secondary .k-bottom-nav-item:focus,
42896
42898
  .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item:focus {
42897
42899
  background-color: rgba(82, 82, 82, 0.2);
42898
42900
  }
42899
42901
 
42900
- .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
42902
+ .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 {
42901
42903
  color: black;
42902
42904
  }
42903
42905
 
42904
- .k-bottom-nav-solid.k-bottom-nav-tertiary {
42906
+ .k-bottom-nav-solid-tertiary, .k-bottom-nav-solid.k-bottom-nav-tertiary {
42905
42907
  color: #a7e1fb;
42906
42908
  background-color: #03a9f4;
42907
42909
  }
42908
42910
 
42909
- .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
42911
+ .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,
42912
+ .k-bottom-nav-solid-tertiary .k-bottom-nav-item:focus,
42910
42913
  .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item:focus {
42911
42914
  background-color: rgba(167, 225, 251, 0.2);
42912
42915
  }
42913
42916
 
42914
- .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
42917
+ .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 {
42915
42918
  color: white;
42916
42919
  }
42917
42920
 
42918
- .k-bottom-nav-solid.k-bottom-nav-info {
42921
+ .k-bottom-nav-solid-info, .k-bottom-nav-solid.k-bottom-nav-info {
42919
42922
  color: #b2dbe8;
42920
42923
  background-color: #2498bc;
42921
42924
  }
42922
42925
 
42923
- .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus,
42926
+ .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,
42927
+ .k-bottom-nav-solid-info .k-bottom-nav-item:focus,
42924
42928
  .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item:focus {
42925
42929
  background-color: rgba(178, 219, 232, 0.2);
42926
42930
  }
42927
42931
 
42928
- .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-selected {
42932
+ .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 {
42929
42933
  color: white;
42930
42934
  }
42931
42935
 
42932
- .k-bottom-nav-solid.k-bottom-nav-success {
42936
+ .k-bottom-nav-solid-success, .k-bottom-nav-solid.k-bottom-nav-success {
42933
42937
  color: #bbdfc1;
42934
42938
  background-color: #3ea44e;
42935
42939
  }
42936
42940
 
42937
- .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus,
42941
+ .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,
42942
+ .k-bottom-nav-solid-success .k-bottom-nav-item:focus,
42938
42943
  .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item:focus {
42939
42944
  background-color: rgba(187, 223, 193, 0.2);
42940
42945
  }
42941
42946
 
42942
- .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-selected {
42947
+ .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 {
42943
42948
  color: white;
42944
42949
  }
42945
42950
 
42946
- .k-bottom-nav-solid.k-bottom-nav-warning {
42951
+ .k-bottom-nav-solid-warning, .k-bottom-nav-solid.k-bottom-nav-warning {
42947
42952
  color: #ffdba6;
42948
42953
  background-color: #ff9800;
42949
42954
  }
42950
42955
 
42951
- .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
42956
+ .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,
42957
+ .k-bottom-nav-solid-warning .k-bottom-nav-item:focus,
42952
42958
  .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item:focus {
42953
42959
  background-color: rgba(255, 219, 166, 0.2);
42954
42960
  }
42955
42961
 
42956
- .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
42962
+ .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 {
42957
42963
  color: white;
42958
42964
  }
42959
42965
 
42960
- .k-bottom-nav-solid.k-bottom-nav-error {
42966
+ .k-bottom-nav-solid-error, .k-bottom-nav-solid.k-bottom-nav-error {
42961
42967
  color: #f2b4a6;
42962
42968
  background-color: #d92800;
42963
42969
  }
42964
42970
 
42965
- .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus,
42971
+ .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,
42972
+ .k-bottom-nav-solid-error .k-bottom-nav-item:focus,
42966
42973
  .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item:focus {
42967
42974
  background-color: rgba(242, 180, 166, 0.2);
42968
42975
  }
42969
42976
 
42970
- .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-selected {
42977
+ .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 {
42971
42978
  color: white;
42972
42979
  }
42973
42980
 
42974
- .k-bottom-nav-solid.k-bottom-nav-dark {
42981
+ .k-bottom-nav-solid-dark, .k-bottom-nav-solid.k-bottom-nav-dark {
42975
42982
  color: #bcbcbc;
42976
42983
  background-color: #404040;
42977
42984
  }
42978
42985
 
42979
- .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
42986
+ .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,
42987
+ .k-bottom-nav-solid-dark .k-bottom-nav-item:focus,
42980
42988
  .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item:focus {
42981
42989
  background-color: rgba(188, 188, 188, 0.2);
42982
42990
  }
42983
42991
 
42984
- .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
42992
+ .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 {
42985
42993
  color: white;
42986
42994
  }
42987
42995
 
42988
- .k-bottom-nav-solid.k-bottom-nav-light {
42996
+ .k-bottom-nav-solid-light, .k-bottom-nav-solid.k-bottom-nav-light {
42989
42997
  color: #525252;
42990
42998
  background-color: #ebebeb;
42991
42999
  }
42992
43000
 
42993
- .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus,
43001
+ .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,
43002
+ .k-bottom-nav-solid-light .k-bottom-nav-item:focus,
42994
43003
  .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item:focus {
42995
43004
  background-color: rgba(82, 82, 82, 0.2);
42996
43005
  }
42997
43006
 
42998
- .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-selected {
43007
+ .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 {
42999
43008
  color: black;
43000
43009
  }
43001
43010
 
43002
- .k-bottom-nav-solid.k-bottom-nav-inverse {
43011
+ .k-bottom-nav-solid-inverse, .k-bottom-nav-solid.k-bottom-nav-inverse {
43003
43012
  color: #bcbcbc;
43004
43013
  background-color: #404040;
43005
43014
  }
43006
43015
 
43007
- .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
43016
+ .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,
43017
+ .k-bottom-nav-solid-inverse .k-bottom-nav-item:focus,
43008
43018
  .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item:focus {
43009
43019
  background-color: rgba(188, 188, 188, 0.2);
43010
43020
  }
43011
43021
 
43012
- .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
43022
+ .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 {
43013
43023
  color: white;
43014
43024
  }
43015
43025
 
43016
- .k-bottom-nav-flat {
43026
+ .k-bottom-nav-flat-primary, .k-bottom-nav-flat.k-bottom-nav-primary {
43017
43027
  border-color: #cacaca;
43018
43028
  color: #272727;
43019
43029
  background-color: #ffffff;
43020
43030
  }
43021
43031
 
43022
- .k-bottom-nav-flat .k-bottom-nav-item.k-focus,
43023
- .k-bottom-nav-flat .k-bottom-nav-item:focus {
43032
+ .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,
43033
+ .k-bottom-nav-flat-primary .k-bottom-nav-item:focus,
43034
+ .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item:focus {
43024
43035
  background-color: rgba(39, 39, 39, 0.05);
43025
43036
  }
43026
43037
 
43027
- .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
43038
+ .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 {
43028
43039
  color: #f35800;
43029
43040
  }
43030
43041
 
43031
- .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
43042
+ .k-bottom-nav-flat-secondary, .k-bottom-nav-flat.k-bottom-nav-secondary {
43043
+ border-color: #cacaca;
43044
+ color: #272727;
43045
+ background-color: #ffffff;
43046
+ }
43047
+
43048
+ .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,
43049
+ .k-bottom-nav-flat-secondary .k-bottom-nav-item:focus,
43050
+ .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item:focus {
43051
+ background-color: rgba(39, 39, 39, 0.05);
43052
+ }
43053
+
43054
+ .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 {
43032
43055
  color: #b1b1b1;
43033
43056
  }
43034
43057
 
43035
- .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
43058
+ .k-bottom-nav-flat-tertiary, .k-bottom-nav-flat.k-bottom-nav-tertiary {
43059
+ border-color: #cacaca;
43060
+ color: #272727;
43061
+ background-color: #ffffff;
43062
+ }
43063
+
43064
+ .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,
43065
+ .k-bottom-nav-flat-tertiary .k-bottom-nav-item:focus,
43066
+ .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item:focus {
43067
+ background-color: rgba(39, 39, 39, 0.05);
43068
+ }
43069
+
43070
+ .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 {
43036
43071
  color: #03a9f4;
43037
43072
  }
43038
43073
 
43039
- .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-selected {
43074
+ .k-bottom-nav-flat-info, .k-bottom-nav-flat.k-bottom-nav-info {
43075
+ border-color: #cacaca;
43076
+ color: #272727;
43077
+ background-color: #ffffff;
43078
+ }
43079
+
43080
+ .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,
43081
+ .k-bottom-nav-flat-info .k-bottom-nav-item:focus,
43082
+ .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item:focus {
43083
+ background-color: rgba(39, 39, 39, 0.05);
43084
+ }
43085
+
43086
+ .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 {
43040
43087
  color: #2498bc;
43041
43088
  }
43042
43089
 
43043
- .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-selected {
43090
+ .k-bottom-nav-flat-success, .k-bottom-nav-flat.k-bottom-nav-success {
43091
+ border-color: #cacaca;
43092
+ color: #272727;
43093
+ background-color: #ffffff;
43094
+ }
43095
+
43096
+ .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,
43097
+ .k-bottom-nav-flat-success .k-bottom-nav-item:focus,
43098
+ .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item:focus {
43099
+ background-color: rgba(39, 39, 39, 0.05);
43100
+ }
43101
+
43102
+ .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 {
43044
43103
  color: #3ea44e;
43045
43104
  }
43046
43105
 
43047
- .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
43106
+ .k-bottom-nav-flat-warning, .k-bottom-nav-flat.k-bottom-nav-warning {
43107
+ border-color: #cacaca;
43108
+ color: #272727;
43109
+ background-color: #ffffff;
43110
+ }
43111
+
43112
+ .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,
43113
+ .k-bottom-nav-flat-warning .k-bottom-nav-item:focus,
43114
+ .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item:focus {
43115
+ background-color: rgba(39, 39, 39, 0.05);
43116
+ }
43117
+
43118
+ .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 {
43048
43119
  color: #ff9800;
43049
43120
  }
43050
43121
 
43051
- .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-selected {
43122
+ .k-bottom-nav-flat-error, .k-bottom-nav-flat.k-bottom-nav-error {
43123
+ border-color: #cacaca;
43124
+ color: #272727;
43125
+ background-color: #ffffff;
43126
+ }
43127
+
43128
+ .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,
43129
+ .k-bottom-nav-flat-error .k-bottom-nav-item:focus,
43130
+ .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item:focus {
43131
+ background-color: rgba(39, 39, 39, 0.05);
43132
+ }
43133
+
43134
+ .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 {
43052
43135
  color: #d92800;
43053
43136
  }
43054
43137
 
43055
- .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
43138
+ .k-bottom-nav-flat-dark, .k-bottom-nav-flat.k-bottom-nav-dark {
43139
+ border-color: #cacaca;
43140
+ color: #272727;
43141
+ background-color: #ffffff;
43142
+ }
43143
+
43144
+ .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,
43145
+ .k-bottom-nav-flat-dark .k-bottom-nav-item:focus,
43146
+ .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item:focus {
43147
+ background-color: rgba(39, 39, 39, 0.05);
43148
+ }
43149
+
43150
+ .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 {
43056
43151
  color: #404040;
43057
43152
  }
43058
43153
 
43059
- .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-selected {
43154
+ .k-bottom-nav-flat-light, .k-bottom-nav-flat.k-bottom-nav-light {
43155
+ border-color: #cacaca;
43156
+ color: #272727;
43157
+ background-color: #ffffff;
43158
+ }
43159
+
43160
+ .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,
43161
+ .k-bottom-nav-flat-light .k-bottom-nav-item:focus,
43162
+ .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item:focus {
43163
+ background-color: rgba(39, 39, 39, 0.05);
43164
+ }
43165
+
43166
+ .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 {
43060
43167
  color: #b3b3b3;
43061
43168
  }
43062
43169
 
43063
- .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
43170
+ .k-bottom-nav-flat-inverse, .k-bottom-nav-flat.k-bottom-nav-inverse {
43171
+ border-color: #cacaca;
43172
+ color: #272727;
43173
+ background-color: #ffffff;
43174
+ }
43175
+
43176
+ .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,
43177
+ .k-bottom-nav-flat-inverse .k-bottom-nav-item:focus,
43178
+ .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item:focus {
43179
+ background-color: rgba(39, 39, 39, 0.05);
43180
+ }
43181
+
43182
+ .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 {
43064
43183
  color: #404040;
43065
43184
  }
43066
43185
 
@@ -43094,10 +43213,6 @@ kendo-card-footer {
43094
43213
  overflow: hidden;
43095
43214
  }
43096
43215
 
43097
- .k-breadcrumb-container.k-flex-wrap {
43098
- flex-wrap: wrap;
43099
- }
43100
-
43101
43216
  .k-breadcrumb-root-item-container {
43102
43217
  align-items: flex-start;
43103
43218
  flex-shrink: 0;
@@ -43107,6 +43222,7 @@ kendo-card-footer {
43107
43222
  vertical-align: middle;
43108
43223
  display: inline-flex;
43109
43224
  flex-direction: row;
43225
+ flex: none;
43110
43226
  align-items: center;
43111
43227
  overflow: hidden;
43112
43228
  }
@@ -44288,6 +44404,9 @@ kendo-card-footer {
44288
44404
 
44289
44405
  .k-expander-indicator {
44290
44406
  margin-left: 12px;
44407
+ display: flex;
44408
+ justify-content: center;
44409
+ align-items: center;
44291
44410
  }
44292
44411
 
44293
44412
  .k-expander-content {
@@ -46780,7 +46899,8 @@ div.k-grid-norecords {
46780
46899
  }
46781
46900
 
46782
46901
  .k-columnmenu-item > .k-icon,
46783
- .k-columnmenu-item > .k-svg-icon {
46902
+ .k-columnmenu-item > .k-svg-icon,
46903
+ .k-columnmenu-item > .k-expander-indicator {
46784
46904
  margin-inline-end: 4px;
46785
46905
  }
46786
46906
 
@@ -48026,8 +48146,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48026
48146
 
48027
48147
  .k-spreadsheet-filter-menu .k-details-summary > .k-icon,
48028
48148
  .k-spreadsheet-filter-menu .k-details-summary > .k-svg-icon,
48149
+ .k-spreadsheet-filter-menu .k-details-summary > .k-expander-indicator,
48029
48150
  .k-spreadsheet-filter-menu .k-columnmenu-item > .k-icon,
48030
- .k-spreadsheet-filter-menu .k-columnmenu-item > .k-svg-icon {
48151
+ .k-spreadsheet-filter-menu .k-columnmenu-item > .k-svg-icon,
48152
+ .k-spreadsheet-filter-menu .k-columnmenu-item > .k-expander-indicator {
48031
48153
  margin-right: 4px;
48032
48154
  }
48033
48155
 
@@ -50497,24 +50619,6 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
50497
50619
  margin-bottom: 0;
50498
50620
  }
50499
50621
 
50500
- .k-editor-table-wizard-window .k-numerictextbox {
50501
- width: 10em;
50502
- }
50503
-
50504
- .k-editor-table-wizard-window .k-numerictextbox + .k-dropdown-list, .k-editor-table-wizard-window .k-numerictextbox + .k-dropdown,
50505
- .k-editor-table-wizard-window .k-numerictextbox + .k-dropdownlist {
50506
- width: 5em;
50507
- }
50508
-
50509
- .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,
50510
- .k-editor-table-wizard-window .k-numerictextbox + .k-dropdownlist {
50511
- margin-left: 8px;
50512
- }
50513
-
50514
- .k-editor-table-wizard-window .k-color-picker, .k-editor-table-wizard-window .k-colorpicker {
50515
- vertical-align: middle;
50516
- }
50517
-
50518
50622
  .k-editor-table-wizard-window .k-edit-field > .k-checkbox {
50519
50623
  position: relative;
50520
50624
  }
@@ -52172,19 +52276,9 @@ kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete {
52172
52276
  flex-flow: row nowrap;
52173
52277
  }
52174
52278
 
52175
- .k-scheduler-views-wrapper .k-views-dropdown {
52279
+ .k-scheduler-toolbar .k-views-dropdown {
52176
52280
  width: auto;
52177
52281
  font: inherit;
52178
- display: none;
52179
- }
52180
-
52181
- @media (max-width: 1024px) {
52182
- .k-scheduler-views-wrapper .k-scheduler-views {
52183
- display: none;
52184
- }
52185
- .k-scheduler-views-wrapper .k-views-dropdown {
52186
- display: inline-block;
52187
- }
52188
52282
  }
52189
52283
 
52190
52284
  .k-scheduler-footer {
package/dist/all.scss CHANGED
@@ -28239,8 +28239,8 @@ $kendo-calendar-sizes: (
28239
28239
  .k-calendar-th {
28240
28240
  padding-block: $kendo-calendar-header-cell-padding-y;
28241
28241
  padding-inline: $kendo-calendar-header-cell-padding-x;
28242
- width: $kendo-calendar-header-cell-width;
28243
- height: $kendo-calendar-header-cell-height;
28242
+ inline-size: var( --INTERNAL--kendo-calendar-cell-size, $kendo-calendar-header-cell-width );
28243
+ block-size: var( --INTERNAL--kendo-calendar-cell-size, $kendo-calendar-header-cell-height );
28244
28244
  font-size: $kendo-calendar-header-cell-font-size;
28245
28245
  line-height: $kendo-calendar-header-cell-line-height;
28246
28246
  text-transform: uppercase;
@@ -38254,7 +38254,7 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
38254
38254
 
38255
38255
  // Solid
38256
38256
  @each $name, $color in $kendo-theme-colors {
38257
- .k-bottom-nav-solid.k-bottom-nav-#{$name} {
38257
+ .k-bottom-nav-solid-#{$name} {
38258
38258
  @include fill(
38259
38259
  $color: k-true-mix( $color, k-contrast-legacy( $color ), 35%),
38260
38260
  $bg: $color
@@ -38269,23 +38269,27 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
38269
38269
  @include fill( $color: k-contrast-legacy( $color ) );
38270
38270
  }
38271
38271
  }
38272
+ // TODO: remove when suites update class names
38273
+ .k-bottom-nav-solid.k-bottom-nav-#{$name} {
38274
+ @extend .k-bottom-nav-solid-#{$name} !optional;
38275
+ }
38272
38276
  }
38273
38277
 
38274
38278
  // Flat
38275
- .k-bottom-nav-flat {
38276
- @include fill(
38277
- $kendo-bottom-nav-flat-text,
38278
- $kendo-bottom-nav-flat-bg,
38279
- $kendo-bottom-nav-flat-border
38280
- );
38279
+ @each $name, $color in $kendo-theme-colors {
38280
+ .k-bottom-nav-flat-#{$name} {
38281
+ @include fill(
38282
+ $kendo-bottom-nav-flat-text,
38283
+ $kendo-bottom-nav-flat-bg,
38284
+ $kendo-bottom-nav-flat-border
38285
+ );
38281
38286
 
38282
- .k-bottom-nav-item.k-focus,
38283
- .k-bottom-nav-item:focus {
38284
- @include fill( $bg: rgba($kendo-bottom-nav-flat-text, .05) );
38285
- }
38287
+ .k-bottom-nav-item.k-focus,
38288
+ .k-bottom-nav-item:focus {
38289
+ @include fill( $bg: rgba($kendo-bottom-nav-flat-text, .05) );
38290
+ }
38286
38291
 
38287
- @each $name, $color in $kendo-theme-colors {
38288
- &.k-bottom-nav-#{$name} .k-bottom-nav-item.k-selected {
38292
+ .k-bottom-nav-item.k-selected {
38289
38293
  @if $name == "secondary" or $name == "light" {
38290
38294
  @include fill( $color: k-try-shade($color, 3) );
38291
38295
  } @else {
@@ -38293,6 +38297,9 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
38293
38297
  }
38294
38298
  }
38295
38299
  }
38300
+ .k-bottom-nav-flat.k-bottom-nav-#{$name} {
38301
+ @extend .k-bottom-nav-flat-#{$name} !optional;
38302
+ }
38296
38303
  }
38297
38304
 
38298
38305
  }
@@ -38469,12 +38476,6 @@ $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
38469
38476
  overflow: hidden;
38470
38477
  }
38471
38478
 
38472
- .k-breadcrumb-container {
38473
- // TODO: use !k-flex-wrap in rendering
38474
- &.k-flex-wrap {
38475
- flex-wrap: wrap;
38476
- }
38477
- }
38478
38479
  .k-breadcrumb-root-item-container {
38479
38480
  align-items: flex-start;
38480
38481
  flex-shrink: 0;
@@ -38486,6 +38487,7 @@ $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
38486
38487
  vertical-align: middle;
38487
38488
  display: inline-flex;
38488
38489
  flex-direction: row;
38490
+ flex: none;
38489
38491
  align-items: center;
38490
38492
  overflow: hidden;
38491
38493
  }
@@ -40931,6 +40933,9 @@ $kendo-expander-content-padding-y: k-map-get( $kendo-spacing, 4 ) !default;
40931
40933
  // Expand / collapse icon
40932
40934
  .k-expander-indicator {
40933
40935
  margin-left: $kendo-expander-indicator-margin-x;
40936
+ display: flex;
40937
+ justify-content: center;
40938
+ align-items: center;
40934
40939
  }
40935
40940
 
40936
40941
  // Expander content
@@ -44592,7 +44597,8 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
44592
44597
  cursor: pointer;
44593
44598
 
44594
44599
  > .k-icon,
44595
- > .k-svg-icon {
44600
+ > .k-svg-icon,
44601
+ > .k-expander-indicator {
44596
44602
  margin-inline-end: $kendo-icon-spacing;
44597
44603
  }
44598
44604
  }
@@ -46243,7 +46249,8 @@ $kendo-spreadsheet-drawing-anchor-bg: rgba( $kendo-selected-bg, .25 ) !default;
46243
46249
  cursor: pointer;
46244
46250
 
46245
46251
  > .k-icon,
46246
- > .k-svg-icon {
46252
+ > .k-svg-icon,
46253
+ > .k-expander-indicator {
46247
46254
  margin-right: $kendo-padding-md-y;
46248
46255
  }
46249
46256
  }
@@ -50083,24 +50090,6 @@ $kendo-editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-li
50083
50090
  }
50084
50091
  }
50085
50092
 
50086
- // Generic widgets
50087
- .k-numerictextbox {
50088
- width: 10em;
50089
-
50090
- & + .k-dropdown-list {
50091
- width: 5em;
50092
- }
50093
-
50094
- & + .k-color-picker,
50095
- & + .k-dropdown-list {
50096
- margin-left: k-map-get( $kendo-spacing, 2 );
50097
- }
50098
- }
50099
-
50100
- .k-color-picker {
50101
- vertical-align: middle;
50102
- }
50103
-
50104
50093
  .k-edit-field > .k-checkbox {
50105
50094
  position: relative; // fix scrolling
50106
50095
  }
@@ -52498,24 +52487,11 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
52498
52487
  // Scheduler navigation
52499
52488
  .k-scheduler-navigation {}
52500
52489
 
52501
-
52502
- // View switcher
52503
- .k-scheduler-views-wrapper {
52504
-
52505
- // Views dropdown
52506
- .k-views-dropdown {
52507
- width: auto;
52508
- font: inherit;
52509
- display: none;
52510
- }
52511
-
52512
- @media (max-width: 1024px) {
52513
- .k-scheduler-views { display: none; }
52514
- .k-views-dropdown { display: inline-block; }
52515
- }
52490
+ .k-scheduler-toolbar .k-views-dropdown {
52491
+ width: auto;
52492
+ font: inherit;
52516
52493
  }
52517
52494
 
52518
-
52519
52495
  // Scheduler footer
52520
52496
  .k-scheduler-footer {
52521
52497
  @include box-shadow( none );
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Green Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#000000",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Green",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
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": "Classic Lavender Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#000000",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Lavender",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
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": "Classic Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#000000",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
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": "Classic Metro Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#000000",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Metro",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
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": "Classic Moonlight",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#1f2a35",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Opal Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#000000",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Opal",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
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": "Classic Silver Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#000000",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Silver",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
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": "Classic Uniform",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
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-classic",
3
3
  "description": "Sass port of less based themes for Kendo UI theme",
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": [
@@ -49,9 +49,9 @@
49
49
  },
50
50
  "dependencies": {
51
51
  "@progress/kendo-font-icons": "1.4.2",
52
- "@progress/kendo-theme-core": "6.3.0",
53
- "@progress/kendo-theme-default": "6.3.0",
54
- "@progress/kendo-theme-utils": "6.3.0"
52
+ "@progress/kendo-theme-core": "6.4.0-dev.0",
53
+ "@progress/kendo-theme-default": "6.4.0-dev.0",
54
+ "@progress/kendo-theme-utils": "6.4.0-dev.0"
55
55
  },
56
- "gitHead": "b20e74e39e32c4a5dd2fde0b0591dcd451d2c1cc"
56
+ "gitHead": "862cb1931ece807ea4ae7496ce5033bf3f3eea30"
57
57
  }