@progress/kendo-theme-bootstrap 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
@@ -38013,8 +38013,8 @@ select.k-picker-lg {
38013
38013
  }
38014
38014
 
38015
38015
  .k-calendar-th {
38016
- width: 38px;
38017
- height: 38px;
38016
+ inline-size: var(--INTERNAL--kendo-calendar-cell-size, 38px);
38017
+ block-size: var(--INTERNAL--kendo-calendar-cell-size, 38px);
38018
38018
  font-size: 0.875rem;
38019
38019
  line-height: 2;
38020
38020
  text-transform: uppercase;
@@ -43014,194 +43014,313 @@ kendo-card-footer {
43014
43014
  z-index: 1;
43015
43015
  }
43016
43016
 
43017
- .k-bottom-nav-solid.k-bottom-nav-primary {
43017
+ .k-bottom-nav-solid-primary, .k-bottom-nav-solid.k-bottom-nav-primary {
43018
43018
  color: #aaccfe;
43019
43019
  background-color: #0d6efd;
43020
43020
  }
43021
43021
 
43022
- .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-focus,
43022
+ .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,
43023
+ .k-bottom-nav-solid-primary .k-bottom-nav-item:focus,
43023
43024
  .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item:focus {
43024
43025
  background-color: rgba(170, 204, 254, 0.2);
43025
43026
  }
43026
43027
 
43027
- .k-bottom-nav-solid.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
43028
+ .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 {
43028
43029
  color: white;
43029
43030
  }
43030
43031
 
43031
- .k-bottom-nav-solid.k-bottom-nav-secondary {
43032
+ .k-bottom-nav-solid-secondary, .k-bottom-nav-solid.k-bottom-nav-secondary {
43032
43033
  color: #cccfd2;
43033
43034
  background-color: #6c757d;
43034
43035
  }
43035
43036
 
43036
- .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-focus,
43037
+ .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,
43038
+ .k-bottom-nav-solid-secondary .k-bottom-nav-item:focus,
43037
43039
  .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item:focus {
43038
43040
  background-color: rgba(204, 207, 210, 0.2);
43039
43041
  }
43040
43042
 
43041
- .k-bottom-nav-solid.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
43043
+ .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 {
43042
43044
  color: white;
43043
43045
  }
43044
43046
 
43045
- .k-bottom-nav-solid.k-bottom-nav-tertiary {
43047
+ .k-bottom-nav-solid-tertiary, .k-bottom-nav-solid.k-bottom-nav-tertiary {
43046
43048
  color: #cdbde9;
43047
43049
  background-color: #6f42c1;
43048
43050
  }
43049
43051
 
43050
- .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-focus,
43052
+ .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,
43053
+ .k-bottom-nav-solid-tertiary .k-bottom-nav-item:focus,
43051
43054
  .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item:focus {
43052
43055
  background-color: rgba(205, 189, 233, 0.2);
43053
43056
  }
43054
43057
 
43055
- .k-bottom-nav-solid.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
43058
+ .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 {
43056
43059
  color: white;
43057
43060
  }
43058
43061
 
43059
- .k-bottom-nav-solid.k-bottom-nav-info {
43062
+ .k-bottom-nav-solid-info, .k-bottom-nav-solid.k-bottom-nav-info {
43060
43063
  color: #aaecfa;
43061
43064
  background-color: #0dcaf0;
43062
43065
  }
43063
43066
 
43064
- .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-focus,
43067
+ .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,
43068
+ .k-bottom-nav-solid-info .k-bottom-nav-item:focus,
43065
43069
  .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item:focus {
43066
43070
  background-color: rgba(170, 236, 250, 0.2);
43067
43071
  }
43068
43072
 
43069
- .k-bottom-nav-solid.k-bottom-nav-info .k-bottom-nav-item.k-selected {
43073
+ .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 {
43070
43074
  color: white;
43071
43075
  }
43072
43076
 
43073
- .k-bottom-nav-solid.k-bottom-nav-success {
43077
+ .k-bottom-nav-solid-success, .k-bottom-nav-solid.k-bottom-nav-success {
43074
43078
  color: #afd5c3;
43075
43079
  background-color: #198754;
43076
43080
  }
43077
43081
 
43078
- .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-focus,
43082
+ .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,
43083
+ .k-bottom-nav-solid-success .k-bottom-nav-item:focus,
43079
43084
  .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item:focus {
43080
43085
  background-color: rgba(175, 213, 195, 0.2);
43081
43086
  }
43082
43087
 
43083
- .k-bottom-nav-solid.k-bottom-nav-success .k-bottom-nav-item.k-selected {
43088
+ .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 {
43084
43089
  color: white;
43085
43090
  }
43086
43091
 
43087
- .k-bottom-nav-solid.k-bottom-nav-warning {
43092
+ .k-bottom-nav-solid-warning, .k-bottom-nav-solid.k-bottom-nav-warning {
43088
43093
  color: #594402;
43089
43094
  background-color: #ffc107;
43090
43095
  }
43091
43096
 
43092
- .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-focus,
43097
+ .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,
43098
+ .k-bottom-nav-solid-warning .k-bottom-nav-item:focus,
43093
43099
  .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item:focus {
43094
43100
  background-color: rgba(89, 68, 2, 0.2);
43095
43101
  }
43096
43102
 
43097
- .k-bottom-nav-solid.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
43103
+ .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 {
43098
43104
  color: black;
43099
43105
  }
43100
43106
 
43101
- .k-bottom-nav-solid.k-bottom-nav-error {
43107
+ .k-bottom-nav-solid-error, .k-bottom-nav-solid.k-bottom-nav-error {
43102
43108
  color: #f3b8be;
43103
43109
  background-color: #dc3545;
43104
43110
  }
43105
43111
 
43106
- .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-focus,
43112
+ .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,
43113
+ .k-bottom-nav-solid-error .k-bottom-nav-item:focus,
43107
43114
  .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item:focus {
43108
43115
  background-color: rgba(243, 184, 190, 0.2);
43109
43116
  }
43110
43117
 
43111
- .k-bottom-nav-solid.k-bottom-nav-error .k-bottom-nav-item.k-selected {
43118
+ .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 {
43112
43119
  color: white;
43113
43120
  }
43114
43121
 
43115
- .k-bottom-nav-solid.k-bottom-nav-dark {
43122
+ .k-bottom-nav-solid-dark, .k-bottom-nav-solid.k-bottom-nav-dark {
43116
43123
  color: #b1b3b4;
43117
43124
  background-color: #212529;
43118
43125
  }
43119
43126
 
43120
- .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-focus,
43127
+ .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,
43128
+ .k-bottom-nav-solid-dark .k-bottom-nav-item:focus,
43121
43129
  .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item:focus {
43122
43130
  background-color: rgba(177, 179, 180, 0.2);
43123
43131
  }
43124
43132
 
43125
- .k-bottom-nav-solid.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
43133
+ .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 {
43126
43134
  color: white;
43127
43135
  }
43128
43136
 
43129
- .k-bottom-nav-solid.k-bottom-nav-light {
43137
+ .k-bottom-nav-solid-light, .k-bottom-nav-solid.k-bottom-nav-light {
43130
43138
  color: #575758;
43131
43139
  background-color: #f8f9fa;
43132
43140
  }
43133
43141
 
43134
- .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-focus,
43142
+ .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,
43143
+ .k-bottom-nav-solid-light .k-bottom-nav-item:focus,
43135
43144
  .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item:focus {
43136
43145
  background-color: rgba(87, 87, 88, 0.2);
43137
43146
  }
43138
43147
 
43139
- .k-bottom-nav-solid.k-bottom-nav-light .k-bottom-nav-item.k-selected {
43148
+ .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 {
43140
43149
  color: black;
43141
43150
  }
43142
43151
 
43143
- .k-bottom-nav-solid.k-bottom-nav-inverse {
43152
+ .k-bottom-nav-solid-inverse, .k-bottom-nav-solid.k-bottom-nav-inverse {
43144
43153
  color: #b1b3b4;
43145
43154
  background-color: #212529;
43146
43155
  }
43147
43156
 
43148
- .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-focus,
43157
+ .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,
43158
+ .k-bottom-nav-solid-inverse .k-bottom-nav-item:focus,
43149
43159
  .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item:focus {
43150
43160
  background-color: rgba(177, 179, 180, 0.2);
43151
43161
  }
43152
43162
 
43153
- .k-bottom-nav-solid.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
43163
+ .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 {
43154
43164
  color: white;
43155
43165
  }
43156
43166
 
43157
- .k-bottom-nav-flat {
43167
+ .k-bottom-nav-flat-primary, .k-bottom-nav-flat.k-bottom-nav-primary {
43158
43168
  border-color: #dee2e6;
43159
43169
  color: #212529;
43160
43170
  background-color: #ffffff;
43161
43171
  }
43162
43172
 
43163
- .k-bottom-nav-flat .k-bottom-nav-item.k-focus,
43164
- .k-bottom-nav-flat .k-bottom-nav-item:focus {
43173
+ .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,
43174
+ .k-bottom-nav-flat-primary .k-bottom-nav-item:focus,
43175
+ .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item:focus {
43165
43176
  background-color: rgba(33, 37, 41, 0.05);
43166
43177
  }
43167
43178
 
43168
- .k-bottom-nav-flat.k-bottom-nav-primary .k-bottom-nav-item.k-selected {
43179
+ .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 {
43169
43180
  color: #0d6efd;
43170
43181
  }
43171
43182
 
43172
- .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item.k-selected {
43183
+ .k-bottom-nav-flat-secondary, .k-bottom-nav-flat.k-bottom-nav-secondary {
43184
+ border-color: #dee2e6;
43185
+ color: #212529;
43186
+ background-color: #ffffff;
43187
+ }
43188
+
43189
+ .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,
43190
+ .k-bottom-nav-flat-secondary .k-bottom-nav-item:focus,
43191
+ .k-bottom-nav-flat.k-bottom-nav-secondary .k-bottom-nav-item:focus {
43192
+ background-color: rgba(33, 37, 41, 0.05);
43193
+ }
43194
+
43195
+ .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 {
43173
43196
  color: #52595f;
43174
43197
  }
43175
43198
 
43176
- .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item.k-selected {
43199
+ .k-bottom-nav-flat-tertiary, .k-bottom-nav-flat.k-bottom-nav-tertiary {
43200
+ border-color: #dee2e6;
43201
+ color: #212529;
43202
+ background-color: #ffffff;
43203
+ }
43204
+
43205
+ .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,
43206
+ .k-bottom-nav-flat-tertiary .k-bottom-nav-item:focus,
43207
+ .k-bottom-nav-flat.k-bottom-nav-tertiary .k-bottom-nav-item:focus {
43208
+ background-color: rgba(33, 37, 41, 0.05);
43209
+ }
43210
+
43211
+ .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 {
43177
43212
  color: #6f42c1;
43178
43213
  }
43179
43214
 
43180
- .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item.k-selected {
43215
+ .k-bottom-nav-flat-info, .k-bottom-nav-flat.k-bottom-nav-info {
43216
+ border-color: #dee2e6;
43217
+ color: #212529;
43218
+ background-color: #ffffff;
43219
+ }
43220
+
43221
+ .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,
43222
+ .k-bottom-nav-flat-info .k-bottom-nav-item:focus,
43223
+ .k-bottom-nav-flat.k-bottom-nav-info .k-bottom-nav-item:focus {
43224
+ background-color: rgba(33, 37, 41, 0.05);
43225
+ }
43226
+
43227
+ .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 {
43181
43228
  color: #0dcaf0;
43182
43229
  }
43183
43230
 
43184
- .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item.k-selected {
43231
+ .k-bottom-nav-flat-success, .k-bottom-nav-flat.k-bottom-nav-success {
43232
+ border-color: #dee2e6;
43233
+ color: #212529;
43234
+ background-color: #ffffff;
43235
+ }
43236
+
43237
+ .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,
43238
+ .k-bottom-nav-flat-success .k-bottom-nav-item:focus,
43239
+ .k-bottom-nav-flat.k-bottom-nav-success .k-bottom-nav-item:focus {
43240
+ background-color: rgba(33, 37, 41, 0.05);
43241
+ }
43242
+
43243
+ .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 {
43185
43244
  color: #198754;
43186
43245
  }
43187
43246
 
43188
- .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item.k-selected {
43247
+ .k-bottom-nav-flat-warning, .k-bottom-nav-flat.k-bottom-nav-warning {
43248
+ border-color: #dee2e6;
43249
+ color: #212529;
43250
+ background-color: #ffffff;
43251
+ }
43252
+
43253
+ .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,
43254
+ .k-bottom-nav-flat-warning .k-bottom-nav-item:focus,
43255
+ .k-bottom-nav-flat.k-bottom-nav-warning .k-bottom-nav-item:focus {
43256
+ background-color: rgba(33, 37, 41, 0.05);
43257
+ }
43258
+
43259
+ .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 {
43189
43260
  color: #ffc107;
43190
43261
  }
43191
43262
 
43192
- .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item.k-selected {
43263
+ .k-bottom-nav-flat-error, .k-bottom-nav-flat.k-bottom-nav-error {
43264
+ border-color: #dee2e6;
43265
+ color: #212529;
43266
+ background-color: #ffffff;
43267
+ }
43268
+
43269
+ .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,
43270
+ .k-bottom-nav-flat-error .k-bottom-nav-item:focus,
43271
+ .k-bottom-nav-flat.k-bottom-nav-error .k-bottom-nav-item:focus {
43272
+ background-color: rgba(33, 37, 41, 0.05);
43273
+ }
43274
+
43275
+ .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 {
43193
43276
  color: #dc3545;
43194
43277
  }
43195
43278
 
43196
- .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item.k-selected {
43279
+ .k-bottom-nav-flat-dark, .k-bottom-nav-flat.k-bottom-nav-dark {
43280
+ border-color: #dee2e6;
43281
+ color: #212529;
43282
+ background-color: #ffffff;
43283
+ }
43284
+
43285
+ .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,
43286
+ .k-bottom-nav-flat-dark .k-bottom-nav-item:focus,
43287
+ .k-bottom-nav-flat.k-bottom-nav-dark .k-bottom-nav-item:focus {
43288
+ background-color: rgba(33, 37, 41, 0.05);
43289
+ }
43290
+
43291
+ .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 {
43292
+ color: #212529;
43293
+ }
43294
+
43295
+ .k-bottom-nav-flat-light, .k-bottom-nav-flat.k-bottom-nav-light {
43296
+ border-color: #dee2e6;
43197
43297
  color: #212529;
43298
+ background-color: #ffffff;
43299
+ }
43300
+
43301
+ .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,
43302
+ .k-bottom-nav-flat-light .k-bottom-nav-item:focus,
43303
+ .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item:focus {
43304
+ background-color: rgba(33, 37, 41, 0.05);
43198
43305
  }
43199
43306
 
43200
- .k-bottom-nav-flat.k-bottom-nav-light .k-bottom-nav-item.k-selected {
43307
+ .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 {
43201
43308
  color: #bcbdbe;
43202
43309
  }
43203
43310
 
43204
- .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item.k-selected {
43311
+ .k-bottom-nav-flat-inverse, .k-bottom-nav-flat.k-bottom-nav-inverse {
43312
+ border-color: #dee2e6;
43313
+ color: #212529;
43314
+ background-color: #ffffff;
43315
+ }
43316
+
43317
+ .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,
43318
+ .k-bottom-nav-flat-inverse .k-bottom-nav-item:focus,
43319
+ .k-bottom-nav-flat.k-bottom-nav-inverse .k-bottom-nav-item:focus {
43320
+ background-color: rgba(33, 37, 41, 0.05);
43321
+ }
43322
+
43323
+ .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 {
43205
43324
  color: #212529;
43206
43325
  }
43207
43326
 
@@ -43235,10 +43354,6 @@ kendo-card-footer {
43235
43354
  overflow: hidden;
43236
43355
  }
43237
43356
 
43238
- .k-breadcrumb-container.k-flex-wrap {
43239
- flex-wrap: wrap;
43240
- }
43241
-
43242
43357
  .k-breadcrumb-root-item-container {
43243
43358
  align-items: flex-start;
43244
43359
  flex-shrink: 0;
@@ -43248,6 +43363,7 @@ kendo-card-footer {
43248
43363
  vertical-align: middle;
43249
43364
  display: inline-flex;
43250
43365
  flex-direction: row;
43366
+ flex: none;
43251
43367
  align-items: center;
43252
43368
  overflow: hidden;
43253
43369
  }
@@ -44481,6 +44597,9 @@ kendo-card-footer {
44481
44597
 
44482
44598
  .k-expander-indicator {
44483
44599
  margin-left: 0.75rem;
44600
+ display: flex;
44601
+ justify-content: center;
44602
+ align-items: center;
44484
44603
  }
44485
44604
 
44486
44605
  .k-expander-content {
@@ -46968,7 +47087,8 @@ div.k-grid-norecords {
46968
47087
  }
46969
47088
 
46970
47089
  .k-columnmenu-item > .k-icon,
46971
- .k-columnmenu-item > .k-svg-icon {
47090
+ .k-columnmenu-item > .k-svg-icon,
47091
+ .k-columnmenu-item > .k-expander-indicator {
46972
47092
  margin-inline-end: 0.5rem;
46973
47093
  }
46974
47094
 
@@ -48192,8 +48312,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48192
48312
 
48193
48313
  .k-spreadsheet-filter-menu .k-details-summary > .k-icon,
48194
48314
  .k-spreadsheet-filter-menu .k-details-summary > .k-svg-icon,
48315
+ .k-spreadsheet-filter-menu .k-details-summary > .k-expander-indicator,
48195
48316
  .k-spreadsheet-filter-menu .k-columnmenu-item > .k-icon,
48196
- .k-spreadsheet-filter-menu .k-columnmenu-item > .k-svg-icon {
48317
+ .k-spreadsheet-filter-menu .k-columnmenu-item > .k-svg-icon,
48318
+ .k-spreadsheet-filter-menu .k-columnmenu-item > .k-expander-indicator {
48197
48319
  margin-right: 0.5rem;
48198
48320
  }
48199
48321
 
@@ -50685,24 +50807,6 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
50685
50807
  margin-bottom: 0;
50686
50808
  }
50687
50809
 
50688
- .k-editor-table-wizard-window .k-numerictextbox {
50689
- width: 10em;
50690
- }
50691
-
50692
- .k-editor-table-wizard-window .k-numerictextbox + .k-dropdown-list, .k-editor-table-wizard-window .k-numerictextbox + .k-dropdown,
50693
- .k-editor-table-wizard-window .k-numerictextbox + .k-dropdownlist {
50694
- width: 5em;
50695
- }
50696
-
50697
- .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,
50698
- .k-editor-table-wizard-window .k-numerictextbox + .k-dropdownlist {
50699
- margin-left: 0.5rem;
50700
- }
50701
-
50702
- .k-editor-table-wizard-window .k-color-picker, .k-editor-table-wizard-window .k-colorpicker {
50703
- vertical-align: middle;
50704
- }
50705
-
50706
50810
  .k-editor-table-wizard-window .k-edit-field > .k-checkbox {
50707
50811
  position: relative;
50708
50812
  }
@@ -52362,19 +52466,9 @@ kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete {
52362
52466
  flex-flow: row nowrap;
52363
52467
  }
52364
52468
 
52365
- .k-scheduler-views-wrapper .k-views-dropdown {
52469
+ .k-scheduler-toolbar .k-views-dropdown {
52366
52470
  width: auto;
52367
52471
  font: inherit;
52368
- display: none;
52369
- }
52370
-
52371
- @media (max-width: 1024px) {
52372
- .k-scheduler-views-wrapper .k-scheduler-views {
52373
- display: none;
52374
- }
52375
- .k-scheduler-views-wrapper .k-views-dropdown {
52376
- display: inline-block;
52377
- }
52378
52472
  }
52379
52473
 
52380
52474
  .k-scheduler-footer {
package/dist/all.scss CHANGED
@@ -30347,8 +30347,8 @@ $kendo-calendar-sizes: (
30347
30347
  .k-calendar-th {
30348
30348
  padding-block: $kendo-calendar-header-cell-padding-y;
30349
30349
  padding-inline: $kendo-calendar-header-cell-padding-x;
30350
- width: $kendo-calendar-header-cell-width;
30351
- height: $kendo-calendar-header-cell-height;
30350
+ inline-size: var( --INTERNAL--kendo-calendar-cell-size, $kendo-calendar-header-cell-width );
30351
+ block-size: var( --INTERNAL--kendo-calendar-cell-size, $kendo-calendar-header-cell-height );
30352
30352
  font-size: $kendo-calendar-header-cell-font-size;
30353
30353
  line-height: $kendo-calendar-header-cell-line-height;
30354
30354
  text-transform: uppercase;
@@ -40496,7 +40496,7 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
40496
40496
 
40497
40497
  // Solid
40498
40498
  @each $name, $color in $kendo-theme-colors {
40499
- .k-bottom-nav-solid.k-bottom-nav-#{$name} {
40499
+ .k-bottom-nav-solid-#{$name} {
40500
40500
  @include fill(
40501
40501
  $color: k-true-mix( $color, k-contrast-legacy( $color ), 35%),
40502
40502
  $bg: $color
@@ -40511,23 +40511,27 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
40511
40511
  @include fill( $color: k-contrast-legacy( $color ) );
40512
40512
  }
40513
40513
  }
40514
+ // TODO: remove when suites update class names
40515
+ .k-bottom-nav-solid.k-bottom-nav-#{$name} {
40516
+ @extend .k-bottom-nav-solid-#{$name} !optional;
40517
+ }
40514
40518
  }
40515
40519
 
40516
40520
  // Flat
40517
- .k-bottom-nav-flat {
40518
- @include fill(
40519
- $kendo-bottom-nav-flat-text,
40520
- $kendo-bottom-nav-flat-bg,
40521
- $kendo-bottom-nav-flat-border
40522
- );
40521
+ @each $name, $color in $kendo-theme-colors {
40522
+ .k-bottom-nav-flat-#{$name} {
40523
+ @include fill(
40524
+ $kendo-bottom-nav-flat-text,
40525
+ $kendo-bottom-nav-flat-bg,
40526
+ $kendo-bottom-nav-flat-border
40527
+ );
40523
40528
 
40524
- .k-bottom-nav-item.k-focus,
40525
- .k-bottom-nav-item:focus {
40526
- @include fill( $bg: rgba($kendo-bottom-nav-flat-text, .05) );
40527
- }
40529
+ .k-bottom-nav-item.k-focus,
40530
+ .k-bottom-nav-item:focus {
40531
+ @include fill( $bg: rgba($kendo-bottom-nav-flat-text, .05) );
40532
+ }
40528
40533
 
40529
- @each $name, $color in $kendo-theme-colors {
40530
- &.k-bottom-nav-#{$name} .k-bottom-nav-item.k-selected {
40534
+ .k-bottom-nav-item.k-selected {
40531
40535
  @if $name == "secondary" or $name == "light" {
40532
40536
  @include fill( $color: k-try-shade($color, 3) );
40533
40537
  } @else {
@@ -40535,6 +40539,9 @@ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
40535
40539
  }
40536
40540
  }
40537
40541
  }
40542
+ .k-bottom-nav-flat.k-bottom-nav-#{$name} {
40543
+ @extend .k-bottom-nav-flat-#{$name} !optional;
40544
+ }
40538
40545
  }
40539
40546
 
40540
40547
  }
@@ -40711,12 +40718,6 @@ $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
40711
40718
  overflow: hidden;
40712
40719
  }
40713
40720
 
40714
- .k-breadcrumb-container {
40715
- // TODO: use !k-flex-wrap in rendering
40716
- &.k-flex-wrap {
40717
- flex-wrap: wrap;
40718
- }
40719
- }
40720
40721
  .k-breadcrumb-root-item-container {
40721
40722
  align-items: flex-start;
40722
40723
  flex-shrink: 0;
@@ -40728,6 +40729,7 @@ $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
40728
40729
  vertical-align: middle;
40729
40730
  display: inline-flex;
40730
40731
  flex-direction: row;
40732
+ flex: none;
40731
40733
  align-items: center;
40732
40734
  overflow: hidden;
40733
40735
  }
@@ -43201,6 +43203,9 @@ $kendo-expander-content-padding-y: k-map-get( $kendo-spacing, 6 ) !default;
43201
43203
  // Expand / collapse icon
43202
43204
  .k-expander-indicator {
43203
43205
  margin-left: $kendo-expander-indicator-margin-x;
43206
+ display: flex;
43207
+ justify-content: center;
43208
+ align-items: center;
43204
43209
  }
43205
43210
 
43206
43211
  // Expander content
@@ -46854,7 +46859,8 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
46854
46859
  cursor: pointer;
46855
46860
 
46856
46861
  > .k-icon,
46857
- > .k-svg-icon {
46862
+ > .k-svg-icon,
46863
+ > .k-expander-indicator {
46858
46864
  margin-inline-end: $kendo-icon-spacing;
46859
46865
  }
46860
46866
  }
@@ -48981,7 +48987,8 @@ $kendo-spreadsheet-drawing-anchor-bg: rgba( $kendo-selected-bg, .25 ) !default;
48981
48987
  cursor: pointer;
48982
48988
 
48983
48989
  > .k-icon,
48984
- > .k-svg-icon {
48990
+ > .k-svg-icon,
48991
+ > .k-expander-indicator {
48985
48992
  margin-right: $kendo-padding-md-y;
48986
48993
  }
48987
48994
  }
@@ -53102,24 +53109,6 @@ $kendo-editor-selectednode-outline-color: #8cf !default; // sass-lint:disable-li
53102
53109
  }
53103
53110
  }
53104
53111
 
53105
- // Generic widgets
53106
- .k-numerictextbox {
53107
- width: 10em;
53108
-
53109
- & + .k-dropdown-list {
53110
- width: 5em;
53111
- }
53112
-
53113
- & + .k-color-picker,
53114
- & + .k-dropdown-list {
53115
- margin-left: k-map-get( $kendo-spacing, 2 );
53116
- }
53117
- }
53118
-
53119
- .k-color-picker {
53120
- vertical-align: middle;
53121
- }
53122
-
53123
53112
  .k-edit-field > .k-checkbox {
53124
53113
  position: relative; // fix scrolling
53125
53114
  }
@@ -55515,24 +55504,11 @@ $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
55515
55504
  // Scheduler navigation
55516
55505
  .k-scheduler-navigation {}
55517
55506
 
55518
-
55519
- // View switcher
55520
- .k-scheduler-views-wrapper {
55521
-
55522
- // Views dropdown
55523
- .k-views-dropdown {
55524
- width: auto;
55525
- font: inherit;
55526
- display: none;
55527
- }
55528
-
55529
- @media (max-width: 1024px) {
55530
- .k-scheduler-views { display: none; }
55531
- .k-views-dropdown { display: inline-block; }
55532
- }
55507
+ .k-scheduler-toolbar .k-views-dropdown {
55508
+ width: auto;
55509
+ font: inherit;
55533
55510
  }
55534
55511
 
55535
-
55536
55512
  // Scheduler footer
55537
55513
  .k-scheduler-footer {
55538
55514
  @include box-shadow( none );
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 3 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#222222",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 3",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 4 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#212529",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f8f9fa",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "previewColors": [
8
8
  "#0275d8",
9
9
  "#5bc0de",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#212529",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f8f9fa",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Nordic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f8f9fa",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Turquoise Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#292b2c",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Turquoise",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f2f2f2",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Urban",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e3eef4",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Vintage",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "6.3.0",
6
+ "version": "6.4.0-dev.0",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f2efe8",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-bootstrap",
3
3
  "description": "Bootstrap 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": [
@@ -49,10 +49,10 @@
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
  "bootstrap": "5.2.1"
56
56
  },
57
- "gitHead": "b20e74e39e32c4a5dd2fde0b0591dcd451d2c1cc"
57
+ "gitHead": "862cb1931ece807ea4ae7496ce5033bf3f3eea30"
58
58
  }