@progress/kendo-theme-classic 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 (46) hide show
  1. package/dist/all.css +338 -40
  2. package/dist/all.scss +2216 -680
  3. package/dist/meta/sassdoc-data.json +40975 -19275
  4. package/dist/meta/sassdoc-raw-data.json +18172 -8170
  5. package/dist/meta/variables.json +330 -266
  6. package/lib/swatches/classic-green-dark.json +1 -1
  7. package/lib/swatches/classic-green.json +1 -1
  8. package/lib/swatches/classic-lavender-dark.json +1 -1
  9. package/lib/swatches/classic-lavender.json +1 -1
  10. package/lib/swatches/classic-main-dark.json +1 -1
  11. package/lib/swatches/classic-main.json +1 -1
  12. package/lib/swatches/classic-metro-dark.json +1 -1
  13. package/lib/swatches/classic-metro.json +1 -1
  14. package/lib/swatches/classic-moonlight.json +1 -1
  15. package/lib/swatches/classic-opal-dark.json +1 -1
  16. package/lib/swatches/classic-opal.json +1 -1
  17. package/lib/swatches/classic-silver-dark.json +1 -1
  18. package/lib/swatches/classic-silver.json +1 -1
  19. package/lib/swatches/classic-uniform.json +1 -1
  20. package/package.json +5 -5
  21. package/scss/_variables.scss +15 -0
  22. package/scss/action-sheet/_variables.scss +1 -0
  23. package/scss/appbar/_variables.scss +39 -7
  24. package/scss/bottom-navigation/_variables.scss +42 -8
  25. package/scss/breadcrumb/_variables.scss +177 -6
  26. package/scss/coloreditor/_variables.scss +53 -4
  27. package/scss/colorgradient/_variables.scss +86 -5
  28. package/scss/colorpalette/_variables.scss +18 -1
  29. package/scss/common/_index.scss +0 -1
  30. package/scss/core/_index.scss +2 -15
  31. package/scss/dialog/_variables.scss +16 -2
  32. package/scss/editor/_variables.scss +33 -0
  33. package/scss/expansion-panel/_variables.scss +56 -12
  34. package/scss/filter/_variables.scss +18 -1
  35. package/scss/listbox/_variables.scss +21 -20
  36. package/scss/listview/_variables.scss +42 -7
  37. package/scss/loader/_variables.scss +88 -12
  38. package/scss/menu/_variables.scss +1 -1
  39. package/scss/notification/_variables.scss +20 -19
  40. package/scss/popover/_variables.scss +60 -6
  41. package/scss/progressbar/_variables.scss +24 -23
  42. package/scss/scrollview/_variables.scss +59 -6
  43. package/scss/tilelayout/_variables.scss +21 -4
  44. package/scss/upload/_variables.scss +62 -9
  45. package/scss/window/_variables.scss +61 -6
  46. 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: 16px;
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, #f35800);
368
+ border-color: var(--kendo-primary-100, #cc4a00);
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;
@@ -996,31 +1277,6 @@ kendo-sortable {
996
1277
  background-color: #858585;
997
1278
  }
998
1279
 
999
- .k-marquee {
1000
- position: absolute;
1001
- z-index: 100000;
1002
- }
1003
-
1004
- .k-marquee-color,
1005
- .k-marquee-text {
1006
- position: absolute;
1007
- top: 0;
1008
- left: 0;
1009
- width: 100%;
1010
- height: 100%;
1011
- }
1012
-
1013
- .k-marquee-color {
1014
- color: white;
1015
- background-color: #f35800;
1016
- border-color: #cc4a00;
1017
- opacity: .6;
1018
- }
1019
-
1020
- .k-marquee-text {
1021
- color: white;
1022
- }
1023
-
1024
1280
  .k-ratio-auto {
1025
1281
  aspect-ratio: auto;
1026
1282
  }
@@ -34742,12 +34998,12 @@ kendo-badge-container {
34742
34998
  }
34743
34999
 
34744
35000
  .k-menu-group-lg {
34745
- font-size: 14px;
35001
+ font-size: 16px;
34746
35002
  line-height: 1.4285714286;
34747
35003
  }
34748
35004
 
34749
35005
  .k-menu-group-lg .k-menu-item {
34750
- font-size: 14px;
35006
+ font-size: 16px;
34751
35007
  line-height: 1.4285714286;
34752
35008
  }
34753
35009
 
@@ -41360,6 +41616,7 @@ select.k-picker-lg {
41360
41616
  .k-adaptive-actionsheet {
41361
41617
  max-width: 100%;
41362
41618
  width: 100%;
41619
+ font-size: 16px;
41363
41620
  display: flex;
41364
41621
  flex-flow: column nowrap;
41365
41622
  }
@@ -41400,6 +41657,12 @@ select.k-picker-lg {
41400
41657
  padding-inline: 0;
41401
41658
  }
41402
41659
 
41660
+ .k-adaptive-actionsheet .k-menu-group {
41661
+ height: 100%;
41662
+ overflow: auto;
41663
+ position: static;
41664
+ }
41665
+
41403
41666
  .k-adaptive-actionsheet .k-calendar {
41404
41667
  margin-inline: auto;
41405
41668
  border-width: 0;
@@ -43269,8 +43532,6 @@ kendo-card-footer {
43269
43532
  box-sizing: border-box;
43270
43533
  outline: 0;
43271
43534
  font-family: inherit;
43272
- font-size: 14px;
43273
- line-height: 1.4285714286;
43274
43535
  display: flex;
43275
43536
  flex-direction: row;
43276
43537
  -webkit-touch-callout: none;
@@ -43314,8 +43575,6 @@ kendo-card-footer {
43314
43575
  .k-breadcrumb-link,
43315
43576
  .k-breadcrumb-root-link {
43316
43577
  border-radius: 4px;
43317
- padding-block: 6px;
43318
- padding-inline: 8px;
43319
43578
  color: inherit;
43320
43579
  text-decoration: none;
43321
43580
  white-space: nowrap;
@@ -43329,21 +43588,12 @@ kendo-card-footer {
43329
43588
  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;
43330
43589
  }
43331
43590
 
43332
- .k-breadcrumb-root-link {
43333
- margin-inline-end: 8px;
43334
- }
43335
-
43336
43591
  .k-breadcrumb-link > .k-image,
43337
43592
  .k-breadcrumb-icontext-link .k-icon,
43338
43593
  .k-breadcrumb-icontext-link .k-svg-icon {
43339
43594
  margin-inline-end: 4px;
43340
43595
  }
43341
43596
 
43342
- .k-breadcrumb-icon-link {
43343
- padding-block: 8px;
43344
- padding-inline: 8px;
43345
- }
43346
-
43347
43597
  .k-breadcrumb-delimiter,
43348
43598
  .k-breadcrumb-delimiter-icon {
43349
43599
  color: inherit;
@@ -43358,6 +43608,54 @@ kendo-card-footer {
43358
43608
  border-color: transparent;
43359
43609
  }
43360
43610
 
43611
+ .k-breadcrumb-sm {
43612
+ font-size: 14px;
43613
+ line-height: 1.4285714286;
43614
+ }
43615
+
43616
+ .k-breadcrumb-sm .k-breadcrumb-link,
43617
+ .k-breadcrumb-sm .k-breadcrumb-root-link {
43618
+ padding-block: 4px;
43619
+ padding-inline: 8px;
43620
+ }
43621
+
43622
+ .k-breadcrumb-sm .k-breadcrumb-icon-link {
43623
+ padding-block: 6px;
43624
+ padding-inline: 6px;
43625
+ }
43626
+
43627
+ .k-breadcrumb-md {
43628
+ font-size: 14px;
43629
+ line-height: 1.4285714286;
43630
+ }
43631
+
43632
+ .k-breadcrumb-md .k-breadcrumb-link,
43633
+ .k-breadcrumb-md .k-breadcrumb-root-link {
43634
+ padding-block: 6px;
43635
+ padding-inline: 8px;
43636
+ }
43637
+
43638
+ .k-breadcrumb-md .k-breadcrumb-icon-link {
43639
+ padding-block: 8px;
43640
+ padding-inline: 8px;
43641
+ }
43642
+
43643
+ .k-breadcrumb-lg {
43644
+ font-size: 16px;
43645
+ line-height: 1.5;
43646
+ }
43647
+
43648
+ .k-breadcrumb-lg .k-breadcrumb-link,
43649
+ .k-breadcrumb-lg .k-breadcrumb-root-link {
43650
+ padding-block: 8px;
43651
+ padding-inline: 8px;
43652
+ }
43653
+
43654
+ .k-breadcrumb-lg .k-breadcrumb-icon-link {
43655
+ padding-block: 12px;
43656
+ padding-inline: 12px;
43657
+ }
43658
+
43361
43659
  .k-breadcrumb {
43362
43660
  border-color: #cacaca;
43363
43661
  color: #272727;