@progress/kendo-theme-bootstrap 6.5.0-dev.0 → 6.5.0-dev.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (44) hide show
  1. package/dist/all.css +345 -47
  2. package/dist/all.scss +5747 -4210
  3. package/dist/meta/sassdoc-data.json +41023 -19323
  4. package/dist/meta/sassdoc-raw-data.json +18222 -8220
  5. package/dist/meta/variables.json +383 -319
  6. package/lib/swatches/bootstrap-3-dark.json +1 -1
  7. package/lib/swatches/bootstrap-3.json +1 -1
  8. package/lib/swatches/bootstrap-4-dark.json +1 -1
  9. package/lib/swatches/bootstrap-4.json +1 -1
  10. package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
  11. package/lib/swatches/bootstrap-main-dark.json +1 -1
  12. package/lib/swatches/bootstrap-main.json +1 -1
  13. package/lib/swatches/bootstrap-nordic.json +1 -1
  14. package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
  15. package/lib/swatches/bootstrap-turquoise.json +1 -1
  16. package/lib/swatches/bootstrap-urban.json +1 -1
  17. package/lib/swatches/bootstrap-vintage.json +1 -1
  18. package/package.json +5 -5
  19. package/scss/_variables.scss +15 -1
  20. package/scss/action-sheet/_variables.scss +1 -0
  21. package/scss/appbar/_variables.scss +39 -7
  22. package/scss/bottom-navigation/_variables.scss +42 -8
  23. package/scss/breadcrumb/_variables.scss +179 -6
  24. package/scss/coloreditor/_variables.scss +53 -4
  25. package/scss/colorgradient/_variables.scss +86 -4
  26. package/scss/colorpalette/_variables.scss +18 -1
  27. package/scss/common/_index.scss +0 -1
  28. package/scss/core/_index.scss +3 -15
  29. package/scss/dialog/_variables.scss +16 -2
  30. package/scss/editor/_variables.scss +33 -0
  31. package/scss/expansion-panel/_variables.scss +55 -11
  32. package/scss/filter/_variables.scss +18 -1
  33. package/scss/listbox/_variables.scss +21 -20
  34. package/scss/listview/_variables.scss +42 -7
  35. package/scss/loader/_variables.scss +88 -12
  36. package/scss/menu/_variables.scss +1 -1
  37. package/scss/notification/_variables.scss +20 -19
  38. package/scss/popover/_variables.scss +60 -6
  39. package/scss/progressbar/_variables.scss +24 -23
  40. package/scss/scrollview/_variables.scss +59 -6
  41. package/scss/tilelayout/_variables.scss +20 -4
  42. package/scss/upload/_variables.scss +62 -9
  43. package/scss/window/_variables.scss +61 -6
  44. package/scss/common/_selection.scss +0 -1
package/dist/all.css CHANGED
@@ -11,6 +11,17 @@
11
11
  opacity: 0;
12
12
  }
13
13
 
14
+ .k-body {
15
+ font-size: var(--kendo-font-size, inherit);
16
+ font-family: var(--kendo-font-family, inherit);
17
+ line-height: var(--kendo-line-height, normal);
18
+ font-weight: var(--kendo-font-weight, normal);
19
+ letter-spacing: var(--kendo-letter-spacing, normal);
20
+ color: var(--kendo-body-text, initial);
21
+ background-color: var(--kendo-body-bg, initial);
22
+ margin: 0;
23
+ }
24
+
14
25
  .k-hstack, .k-hbox {
15
26
  display: flex;
16
27
  flex-flow: row nowrap;
@@ -92,6 +103,276 @@ script {
92
103
  display: none !important;
93
104
  }
94
105
 
106
+ .k-disabled,
107
+ .k-widget[disabled],
108
+ .k-disabled {
109
+ outline: none;
110
+ cursor: default;
111
+ color: var(--kendo-disabled-text, inherit);
112
+ border-color: var(--kendo-disabled-border, inherit);
113
+ pointer-events: none;
114
+ box-shadow: none;
115
+ }
116
+
117
+ .k-disabled .k-link,
118
+ .k-widget[disabled] .k-link,
119
+ .k-disabled .k-link {
120
+ cursor: default;
121
+ outline: 0;
122
+ }
123
+
124
+ .k-hr {
125
+ margin-block: 1rem;
126
+ padding: 0;
127
+ height: 0;
128
+ border-width: 1px 0 0;
129
+ border-style: solid;
130
+ border-color: var(--kendo-component-border, inherit);
131
+ display: block;
132
+ float: none;
133
+ clear: both;
134
+ }
135
+
136
+ .k-d-flex-row > .k-hr {
137
+ margin: 0;
138
+ width: 0;
139
+ height: auto;
140
+ border-width: 0 0 0 1px;
141
+ flex: 0 0 auto;
142
+ }
143
+
144
+ .k-d-flex-col > .k-hr {
145
+ margin: 0;
146
+ flex: 0 0 auto;
147
+ }
148
+
149
+ .k-sprite {
150
+ display: inline-block;
151
+ width: 1rem;
152
+ height: 1rem;
153
+ overflow: hidden;
154
+ background-repeat: no-repeat;
155
+ font-size: 0;
156
+ line-height: 0;
157
+ text-align: center;
158
+ }
159
+
160
+ .k-image {
161
+ display: inline-block;
162
+ }
163
+
164
+ .k-reset {
165
+ margin: 0;
166
+ padding: 0;
167
+ border-width: 0;
168
+ outline: 0;
169
+ text-decoration: none;
170
+ font: inherit;
171
+ list-style: none;
172
+ }
173
+
174
+ kendo-sortable {
175
+ display: block;
176
+ }
177
+
178
+ .k-link,
179
+ .k-link:hover {
180
+ color: inherit;
181
+ text-decoration: none;
182
+ outline: 0;
183
+ cursor: pointer;
184
+ }
185
+
186
+ .k-content {
187
+ outline: 0;
188
+ }
189
+
190
+ .k-centered {
191
+ position: absolute;
192
+ top: 50%;
193
+ left: 50%;
194
+ transform: translate(-50%, -50%);
195
+ }
196
+
197
+ .k-no-click {
198
+ pointer-events: none;
199
+ }
200
+
201
+ .k-pdf-export-shadow {
202
+ position: absolute;
203
+ overflow: hidden;
204
+ left: -15000px;
205
+ width: 14400px;
206
+ }
207
+
208
+ .kendo-pdf-hide-pseudo-elements::before,
209
+ .kendo-pdf-hide-pseudo-elements::after {
210
+ display: none !important;
211
+ }
212
+
213
+ .k-dirty {
214
+ margin: 0;
215
+ padding: 0;
216
+ width: 0;
217
+ height: 0;
218
+ border-width: 3px;
219
+ border-style: solid;
220
+ border-block-start-color: currentColor;
221
+ border-block-end-color: transparent;
222
+ border-inline-start-color: transparent;
223
+ border-inline-end-color: currentColor;
224
+ position: absolute;
225
+ inset-block-start: 0;
226
+ inset-inline-end: 0;
227
+ }
228
+
229
+ .k-loading-mask,
230
+ .k-loading-image,
231
+ .k-loading-color {
232
+ width: 100%;
233
+ height: 100%;
234
+ box-sizing: border-box;
235
+ position: absolute;
236
+ top: 0;
237
+ left: 0;
238
+ }
239
+
240
+ .k-loading-mask *,
241
+ .k-loading-mask *::before,
242
+ .k-loading-mask *::after, .k-loading-mask::before, .k-loading-mask::after,
243
+ .k-loading-image *,
244
+ .k-loading-image *::before,
245
+ .k-loading-image *::after,
246
+ .k-loading-image::before,
247
+ .k-loading-image::after,
248
+ .k-loading-color *,
249
+ .k-loading-color *::before,
250
+ .k-loading-color *::after,
251
+ .k-loading-color::before,
252
+ .k-loading-color::after {
253
+ box-sizing: border-box;
254
+ }
255
+
256
+ .k-loading-mask {
257
+ z-index: 100;
258
+ }
259
+
260
+ .k-loading-mask.k-opaque .k-loading-color {
261
+ opacity: 1;
262
+ }
263
+
264
+ .k-loading-text {
265
+ text-indent: -4000px;
266
+ text-align: center;
267
+ position: absolute;
268
+ color: currentColor;
269
+ }
270
+
271
+ .k-loading-image {
272
+ z-index: 2;
273
+ color: currentColor;
274
+ }
275
+
276
+ .k-loading-color {
277
+ background-color: #ffffff;
278
+ opacity: 0.3;
279
+ }
280
+
281
+ .k-i-loading {
282
+ position: relative;
283
+ background-color: transparent;
284
+ box-sizing: border-box;
285
+ color: currentColor;
286
+ }
287
+
288
+ .k-i-loading::before, .k-i-loading::after {
289
+ box-sizing: border-box;
290
+ }
291
+
292
+ .k-i-loading::before,
293
+ .k-i-loading::after,
294
+ .k-loading-image::before,
295
+ .k-loading-image::after {
296
+ position: absolute;
297
+ top: 50%;
298
+ left: 50%;
299
+ display: inline-block;
300
+ content: "";
301
+ box-sizing: inherit;
302
+ border-radius: 50%;
303
+ border-width: .05em;
304
+ border-style: solid;
305
+ border-color: currentColor;
306
+ border-top-color: transparent;
307
+ border-bottom-color: transparent;
308
+ background-color: transparent;
309
+ }
310
+
311
+ .k-icon.k-i-loading::before,
312
+ .k-icon.k-i-loading::after {
313
+ content: "";
314
+ }
315
+
316
+ .k-i-loading::before,
317
+ .k-loading-image::before {
318
+ margin-top: -.5em;
319
+ margin-left: -.5em;
320
+ width: 1em;
321
+ height: 1em;
322
+ animation: k-loading-animation .7s linear infinite;
323
+ }
324
+
325
+ .k-i-loading::after,
326
+ .k-loading-image::after {
327
+ margin-top: -.25em;
328
+ margin-left: -.25em;
329
+ width: .5em;
330
+ height: .5em;
331
+ animation: k-loading-animation reverse 1.4s linear infinite;
332
+ }
333
+
334
+ .k-loading-image::before,
335
+ .k-loading-image::after {
336
+ content: "";
337
+ border-width: 1px;
338
+ border-width: clamp(0.015em, 1px, 1px);
339
+ font-size: 4em;
340
+ }
341
+
342
+ @keyframes k-loading-animation {
343
+ 0% {
344
+ transform: rotate(0deg);
345
+ }
346
+ 100% {
347
+ transform: rotate(360deg);
348
+ }
349
+ }
350
+
351
+ .k-marquee {
352
+ position: absolute;
353
+ z-index: 100000;
354
+ }
355
+
356
+ .k-marquee-color,
357
+ .k-marquee-text {
358
+ position: absolute;
359
+ top: 0;
360
+ left: 0;
361
+ width: 100%;
362
+ height: 100%;
363
+ }
364
+
365
+ .k-marquee-color {
366
+ color: white;
367
+ background-color: var(--kendo-primary-60, #0d6efd);
368
+ border-color: var(--kendo-primary-100, #0c65e9);
369
+ opacity: .6;
370
+ }
371
+
372
+ .k-marquee-text {
373
+ color: white;
374
+ }
375
+
95
376
  .k-reset {
96
377
  margin: 0;
97
378
  padding: 0;
@@ -995,31 +1276,6 @@ kendo-sortable {
995
1276
  background-color: #858585;
996
1277
  }
997
1278
 
998
- .k-marquee {
999
- position: absolute;
1000
- z-index: 100000;
1001
- }
1002
-
1003
- .k-marquee-color,
1004
- .k-marquee-text {
1005
- position: absolute;
1006
- top: 0;
1007
- left: 0;
1008
- width: 100%;
1009
- height: 100%;
1010
- }
1011
-
1012
- .k-marquee-color {
1013
- color: white;
1014
- background-color: #0d6efd;
1015
- border-color: #0c65e9;
1016
- opacity: .6;
1017
- }
1018
-
1019
- .k-marquee-text {
1020
- color: white;
1021
- }
1022
-
1023
1279
  .k-ratio-auto {
1024
1280
  aspect-ratio: auto;
1025
1281
  }
@@ -34765,12 +35021,12 @@ kendo-badge-container {
34765
35021
  }
34766
35022
 
34767
35023
  .k-menu-group-lg {
34768
- font-size: 1rem;
35024
+ font-size: 1.25rem;
34769
35025
  line-height: 1.5;
34770
35026
  }
34771
35027
 
34772
35028
  .k-menu-group-lg .k-menu-item {
34773
- font-size: 1rem;
35029
+ font-size: 1.25rem;
34774
35030
  line-height: 1.5;
34775
35031
  }
34776
35032
 
@@ -36572,21 +36828,21 @@ select.k-picker-lg {
36572
36828
 
36573
36829
  .k-input-solid {
36574
36830
  border-color: #ced4da;
36575
- color: #495057;
36576
- background-color: #ffffff;
36831
+ color: #212529;
36832
+ background-color: #fff;
36577
36833
  }
36578
36834
 
36579
36835
  .k-input-solid:focus, .k-input-solid.k-focus {
36580
36836
  border-color: #86b7fe;
36581
- color: #495057;
36582
- background-color: #ffffff;
36837
+ color: #212529;
36838
+ background-color: #fff;
36583
36839
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
36584
36840
  }
36585
36841
 
36586
36842
  .k-input-solid:focus-within {
36587
36843
  border-color: #86b7fe;
36588
- color: #495057;
36589
- background-color: #ffffff;
36844
+ color: #212529;
36845
+ background-color: #fff;
36590
36846
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
36591
36847
  }
36592
36848
 
@@ -36726,7 +36982,7 @@ select.k-picker-lg {
36726
36982
 
36727
36983
  .k-input-flat {
36728
36984
  border-color: #ced4da;
36729
- color: #495057;
36985
+ color: #212529;
36730
36986
  }
36731
36987
 
36732
36988
  .k-input-flat:focus, .k-input-flat.k-focus {
@@ -41487,6 +41743,7 @@ select.k-picker-lg {
41487
41743
  .k-adaptive-actionsheet {
41488
41744
  max-width: 100%;
41489
41745
  width: 100%;
41746
+ font-size: 1.25rem;
41490
41747
  display: flex;
41491
41748
  flex-flow: column nowrap;
41492
41749
  }
@@ -41527,6 +41784,12 @@ select.k-picker-lg {
41527
41784
  padding-inline: 0;
41528
41785
  }
41529
41786
 
41787
+ .k-adaptive-actionsheet .k-menu-group {
41788
+ height: 100%;
41789
+ overflow: auto;
41790
+ position: static;
41791
+ }
41792
+
41530
41793
  .k-adaptive-actionsheet .k-calendar {
41531
41794
  margin-inline: auto;
41532
41795
  border-width: 0;
@@ -43387,8 +43650,6 @@ kendo-card-footer {
43387
43650
  box-sizing: border-box;
43388
43651
  outline: 0;
43389
43652
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", "Liberation Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
43390
- font-size: 1rem;
43391
- line-height: 1.5;
43392
43653
  display: flex;
43393
43654
  flex-direction: row;
43394
43655
  -webkit-touch-callout: none;
@@ -43432,8 +43693,6 @@ kendo-card-footer {
43432
43693
  .k-breadcrumb-link,
43433
43694
  .k-breadcrumb-root-link {
43434
43695
  border-radius: 0.375rem;
43435
- padding-block: 0.5rem;
43436
- padding-inline: 0.75rem;
43437
43696
  color: inherit;
43438
43697
  text-decoration: none;
43439
43698
  white-space: nowrap;
@@ -43447,21 +43706,12 @@ kendo-card-footer {
43447
43706
  transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
43448
43707
  }
43449
43708
 
43450
- .k-breadcrumb-root-link {
43451
- margin-inline-end: 0.75rem;
43452
- }
43453
-
43454
43709
  .k-breadcrumb-link > .k-image,
43455
43710
  .k-breadcrumb-icontext-link .k-icon,
43456
43711
  .k-breadcrumb-icontext-link .k-svg-icon {
43457
43712
  margin-inline-end: 0.5rem;
43458
43713
  }
43459
43714
 
43460
- .k-breadcrumb-icon-link {
43461
- padding-block: 0.75rem;
43462
- padding-inline: 0.75rem;
43463
- }
43464
-
43465
43715
  .k-breadcrumb-delimiter,
43466
43716
  .k-breadcrumb-delimiter-icon {
43467
43717
  color: inherit;
@@ -43476,6 +43726,54 @@ kendo-card-footer {
43476
43726
  border-color: transparent;
43477
43727
  }
43478
43728
 
43729
+ .k-breadcrumb-sm {
43730
+ font-size: 0.875rem;
43731
+ line-height: 1.4285714286;
43732
+ }
43733
+
43734
+ .k-breadcrumb-sm .k-breadcrumb-link,
43735
+ .k-breadcrumb-sm .k-breadcrumb-root-link {
43736
+ padding-block: 0.375rem;
43737
+ padding-inline: 0.75rem;
43738
+ }
43739
+
43740
+ .k-breadcrumb-sm .k-breadcrumb-icon-link {
43741
+ padding-block: 0.5rem;
43742
+ padding-inline: 0.5rem;
43743
+ }
43744
+
43745
+ .k-breadcrumb-md {
43746
+ font-size: 1rem;
43747
+ line-height: 1.5;
43748
+ }
43749
+
43750
+ .k-breadcrumb-md .k-breadcrumb-link,
43751
+ .k-breadcrumb-md .k-breadcrumb-root-link {
43752
+ padding-block: 0.5rem;
43753
+ padding-inline: 0.75rem;
43754
+ }
43755
+
43756
+ .k-breadcrumb-md .k-breadcrumb-icon-link {
43757
+ padding-block: 0.75rem;
43758
+ padding-inline: 0.75rem;
43759
+ }
43760
+
43761
+ .k-breadcrumb-lg {
43762
+ font-size: 1rem;
43763
+ line-height: 1.5;
43764
+ }
43765
+
43766
+ .k-breadcrumb-lg .k-breadcrumb-link,
43767
+ .k-breadcrumb-lg .k-breadcrumb-root-link {
43768
+ padding-block: 0.625rem;
43769
+ padding-inline: 0.75rem;
43770
+ }
43771
+
43772
+ .k-breadcrumb-lg .k-breadcrumb-icon-link {
43773
+ padding-block: 0.875rem;
43774
+ padding-inline: 0.875rem;
43775
+ }
43776
+
43479
43777
  .k-breadcrumb-link,
43480
43778
  .k-breadcrumb-root-link {
43481
43779
  text-decoration: underline;