@progress/kendo-theme-classic 7.1.0-dev.8 → 7.1.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.
Files changed (63) hide show
  1. package/dist/all.css +74 -31
  2. package/dist/all.scss +1588 -645
  3. package/dist/meta/sassdoc-data.json +1792 -662
  4. package/dist/meta/sassdoc-raw-data.json +850 -327
  5. package/dist/meta/variables.json +398 -338
  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 +0 -197
  22. package/scss/adaptive/_variables.scss +1 -1
  23. package/scss/appbar/_variables.scss +2 -2
  24. package/scss/button/_variables.scss +7 -7
  25. package/scss/chat/_variables.scss +1 -1
  26. package/scss/checkbox/_variables.scss +2 -2
  27. package/scss/chip/_variables.scss +3 -3
  28. package/scss/core/_index.scss +6 -0
  29. package/scss/core/color-system/_palettes.scss +277 -0
  30. package/scss/core/color-system/_swatch-legacy.scss +62 -0
  31. package/scss/core/color-system/_swatch.scss +397 -0
  32. package/scss/dataviz/_variables.scss +42 -42
  33. package/scss/dock-manager/_variables.scss +1 -1
  34. package/scss/dropzone/_variables.scss +1 -1
  35. package/scss/editor/_variables.scss +1 -1
  36. package/scss/expansion-panel/_variables.scss +1 -2
  37. package/scss/filemanager/_variables.scss +2 -2
  38. package/scss/forms/_variables.scss +1 -1
  39. package/scss/gantt/_variables.scss +10 -10
  40. package/scss/grid/_variables.scss +11 -8
  41. package/scss/input/_variables.scss +6 -6
  42. package/scss/listview/_variables.scss +1 -1
  43. package/scss/map/_variables.scss +1 -1
  44. package/scss/mediaplayer/_variables.scss +1 -1
  45. package/scss/menu/_variables.scss +1 -1
  46. package/scss/notification/_variables.scss +1 -1
  47. package/scss/panelbar/_variables.scss +3 -4
  48. package/scss/pivotgrid/_variables.scss +5 -5
  49. package/scss/progressbar/_variables.scss +3 -3
  50. package/scss/scheduler/_variables.scss +3 -3
  51. package/scss/scrollview/_variables.scss +1 -1
  52. package/scss/signature/_variables.scss +1 -1
  53. package/scss/skeleton/_variables.scss +1 -1
  54. package/scss/slider/_variables.scss +8 -8
  55. package/scss/splitter/_variables.scss +1 -1
  56. package/scss/spreadsheet/_variables.scss +4 -4
  57. package/scss/stepper/_variables.scss +7 -7
  58. package/scss/switch/_variables.scss +7 -7
  59. package/scss/table/_variables.scss +3 -3
  60. package/scss/taskboard/_variables.scss +4 -3
  61. package/scss/timeline/_variables.scss +4 -4
  62. package/scss/tooltip/_variables.scss +4 -4
  63. package/scss/core/color-system/index.import.scss +0 -1
package/dist/all.css CHANGED
@@ -265,16 +265,13 @@ kendo-sortable {
265
265
  text-indent: -4000px;
266
266
  text-align: center;
267
267
  position: absolute;
268
- color: currentColor;
269
268
  }
270
269
 
271
270
  .k-loading-image {
272
271
  z-index: 2;
273
- color: currentColor;
274
272
  }
275
273
 
276
274
  .k-loading-color {
277
- background-color: #ffffff;
278
275
  opacity: 0.3;
279
276
  }
280
277
 
@@ -290,7 +287,6 @@ kendo-sortable {
290
287
  position: relative;
291
288
  background-color: transparent;
292
289
  box-sizing: border-box;
293
- color: currentColor;
294
290
  }
295
291
 
296
292
  .k-i-loading::before, .k-i-loading::after {
@@ -28579,11 +28575,13 @@ kendo-badge-container {
28579
28575
  }
28580
28576
 
28581
28577
  .k-chip-outline-error:hover, .k-chip-outline-error.k-hover {
28578
+ border-color: #a31e00;
28582
28579
  color: white;
28583
28580
  background-color: #a31e00;
28584
28581
  }
28585
28582
 
28586
28583
  .k-chip-outline-error.k-selected {
28584
+ border-color: #a31e00;
28587
28585
  color: white;
28588
28586
  background-color: #a31e00;
28589
28587
  }
@@ -28599,11 +28597,13 @@ kendo-badge-container {
28599
28597
  }
28600
28598
 
28601
28599
  .k-chip-outline-info:hover, .k-chip-outline-info.k-hover {
28600
+ border-color: #1b728d;
28602
28601
  color: white;
28603
28602
  background-color: #1b728d;
28604
28603
  }
28605
28604
 
28606
28605
  .k-chip-outline-info.k-selected {
28606
+ border-color: #1b728d;
28607
28607
  color: white;
28608
28608
  background-color: #1b728d;
28609
28609
  }
@@ -28639,11 +28639,13 @@ kendo-badge-container {
28639
28639
  }
28640
28640
 
28641
28641
  .k-chip-outline-success:hover, .k-chip-outline-success.k-hover {
28642
+ border-color: #2f7b3b;
28642
28643
  color: white;
28643
28644
  background-color: #2f7b3b;
28644
28645
  }
28645
28646
 
28646
28647
  .k-chip-outline-success.k-selected {
28648
+ border-color: #2f7b3b;
28647
28649
  color: white;
28648
28650
  background-color: #2f7b3b;
28649
28651
  }
@@ -32214,17 +32216,22 @@ textarea.k-input-inner {
32214
32216
  margin: 0;
32215
32217
  border-style: solid;
32216
32218
  border-color: inherit;
32217
- height: auto;
32218
- align-self: stretch;
32219
+ border-width: 0 0 0 1px;
32220
+ height: 16px;
32221
+ align-self: center;
32219
32222
  }
32220
32223
 
32221
32224
  .k-input-separator-horizontal {
32225
+ height: auto;
32222
32226
  margin-inline: 4px;
32227
+ align-self: stretch;
32223
32228
  border-width: 1px 0 0;
32224
32229
  }
32225
32230
 
32226
32231
  .k-input-separator-vertical {
32232
+ height: auto;
32227
32233
  margin-block: 4px;
32234
+ align-self: stretch;
32228
32235
  border-width: 0 0 0 1px;
32229
32236
  }
32230
32237
 
@@ -32972,8 +32979,8 @@ select.k-picker-lg {
32972
32979
  white-space: nowrap;
32973
32980
  text-overflow: ellipsis;
32974
32981
  position: absolute;
32975
- top: 25.0000000004px;
32976
- left: 9px;
32982
+ top: var(--kendo-floating-label-offset-y, 25.0000000004px);
32983
+ left: var(--kendo-floating-label-offset-x, 9px);
32977
32984
  overflow: hidden;
32978
32985
  cursor: text;
32979
32986
  transform-origin: left center;
@@ -32986,22 +32993,22 @@ select.k-picker-lg {
32986
32993
  }
32987
32994
 
32988
32995
  .k-floating-label-container.k-empty > .k-label {
32989
- top: 25.0000000004px;
32990
- left: 9px;
32996
+ top: var(--kendo-floating-label-offset-y, 25.0000000004px);
32997
+ left: var(--kendo-floating-label-offset-x, 9px);
32991
32998
  transform: scale(1);
32992
32999
  pointer-events: none;
32993
33000
  }
32994
33001
 
32995
33002
  .k-floating-label-container > .k-label,
32996
33003
  .k-floating-label-container.k-focus > .k-label {
32997
- top: 0;
32998
- left: 0;
33004
+ top: var(--kendo-floating-label-focus-offset-y, 0);
33005
+ left: var(--kendo-floating-label-focus-offset-x, 0);
32999
33006
  transform: scale(1);
33000
33007
  }
33001
33008
 
33002
33009
  .k-floating-label-container:focus-within > .k-label {
33003
- top: 0;
33004
- left: 0;
33010
+ top: var(--kendo-floating-label-focus-offset-y, 0);
33011
+ left: var(--kendo-floating-label-focus-offset-x, 0);
33005
33012
  transform: scale(1);
33006
33013
  }
33007
33014
 
@@ -33022,7 +33029,7 @@ select.k-picker-lg {
33022
33029
  [dir="rtl"] .k-floating-label-container.k-empty > .k-label,
33023
33030
  .k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label {
33024
33031
  left: auto;
33025
- right: 9px;
33032
+ right: var(--kendo-floating-label-offset-x, 9px);
33026
33033
  }
33027
33034
 
33028
33035
  [dir="rtl"] .k-floating-label-container > .k-label,
@@ -33031,13 +33038,13 @@ select.k-picker-lg {
33031
33038
  .k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir="rtl"] > .k-label,
33032
33039
  .k-floating-label-container[dir="rtl"].k-focus > .k-label {
33033
33040
  left: auto;
33034
- right: 0;
33041
+ right: var(--kendo-floating-label-focus-offset-x, 0);
33035
33042
  }
33036
33043
 
33037
33044
  [dir="rtl"] .k-floating-label-container:focus-within > .k-label,
33038
33045
  .k-rtl .k-floating-label-container:focus-within > .k-label, .k-floating-label-container[dir="rtl"]:focus-within > .k-label {
33039
33046
  left: auto;
33040
- right: 0;
33047
+ right: var(--kendo-floating-label-focus-offset-x, 0);
33041
33048
  }
33042
33049
 
33043
33050
  .k-floating-label-container.k-invalid > .k-label,
@@ -38650,6 +38657,10 @@ kendo-card-footer {
38650
38657
  gap: 8px;
38651
38658
  }
38652
38659
 
38660
+ .k-card-horizontal .k-actions-horizontal {
38661
+ width: auto;
38662
+ }
38663
+
38653
38664
  .k-card-list {
38654
38665
  display: flex;
38655
38666
  flex-flow: column nowrap;
@@ -39905,6 +39916,17 @@ kendo-card-footer {
39905
39916
  transition-timing-function: ease-in-out;
39906
39917
  }
39907
39918
 
39919
+ .k-stepper .k-step-indicator::before {
39920
+ border-radius: 50%;
39921
+ content: "";
39922
+ width: 100%;
39923
+ height: 100%;
39924
+ position: absolute;
39925
+ top: 0;
39926
+ left: 0;
39927
+ z-index: -1;
39928
+ }
39929
+
39908
39930
  .k-stepper .k-step-indicator::after {
39909
39931
  border-radius: 100%;
39910
39932
  content: "";
@@ -42785,6 +42807,16 @@ div.k-grid-footer {
42785
42807
  z-index: 3;
42786
42808
  }
42787
42809
 
42810
+ .k-master-row .k-grid-content-sticky::before {
42811
+ content: "";
42812
+ width: 100%;
42813
+ height: 100%;
42814
+ position: absolute;
42815
+ top: 0;
42816
+ left: 0;
42817
+ z-index: -1;
42818
+ }
42819
+
42788
42820
  kendo-grid .k-table-row.k-grid-row-sticky {
42789
42821
  border: 0;
42790
42822
  position: static;
@@ -46144,6 +46176,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
46144
46176
  border-bottom-width: 1px;
46145
46177
  border-color: inherit;
46146
46178
  flex-shrink: 0;
46179
+ z-index: 1;
46147
46180
  }
46148
46181
 
46149
46182
  .k-filemanager-content-container {
@@ -46156,6 +46189,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
46156
46189
  overflow: hidden;
46157
46190
  }
46158
46191
 
46192
+ .k-filemanager-splitter {
46193
+ border-width: 0;
46194
+ }
46195
+
46159
46196
  .k-filemanager-navigation {
46160
46197
  padding-block: 16px;
46161
46198
  padding-inline: 16px;
@@ -47713,17 +47750,23 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
47713
47750
  overflow: scroll;
47714
47751
  }
47715
47752
 
47716
- .k-gantt-timeline .k-timeline {
47753
+ .k-gantt-timeline-pane .k-gantt-timeline {
47717
47754
  height: 100%;
47718
47755
  border-width: 0;
47719
47756
  display: flex;
47720
47757
  }
47721
47758
 
47722
- .k-gantt-timeline .k-grid-content {
47759
+ .k-gantt-timeline-pane .k-gantt-timeline *,
47760
+ .k-gantt-timeline-pane .k-gantt-timeline *::before,
47761
+ .k-gantt-timeline-pane .k-gantt-timeline *::after, .k-gantt-timeline-pane .k-gantt-timeline::before, .k-gantt-timeline-pane .k-gantt-timeline::after {
47762
+ box-sizing: border-box;
47763
+ }
47764
+
47765
+ .k-gantt-timeline-pane .k-grid-content {
47723
47766
  overflow-x: scroll;
47724
47767
  }
47725
47768
 
47726
- .k-gantt-timeline .k-header {
47769
+ .k-gantt-timeline-pane .k-header {
47727
47770
  padding-block: 8px;
47728
47771
  padding-inline: 8px;
47729
47772
  border-width: 0 0 1px 1px;
@@ -48204,7 +48247,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48204
48247
  }
48205
48248
 
48206
48249
  .k-pdf-export-shadow .k-gantt,
48207
- .k-pdf-export-shadow .k-gantt-timeline,
48250
+ .k-pdf-export-shadow .k-gantt-timeline-pane,
48208
48251
  .k-pdf-export-shadow .k-gantt-dependencies {
48209
48252
  width: auto !important;
48210
48253
  height: auto !important;
@@ -48237,24 +48280,24 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48237
48280
  margin-inline: -26px;
48238
48281
  }
48239
48282
 
48240
- .k-rtl .k-gantt-timeline .k-header,
48241
- [dir="rtl"] .k-gantt-timeline .k-header {
48283
+ .k-rtl .k-gantt-timeline-pane .k-header,
48284
+ [dir="rtl"] .k-gantt-timeline-pane .k-header {
48242
48285
  border-width: 0 1px 1px 0;
48243
48286
  }
48244
48287
 
48245
- .k-rtl .k-gantt-timeline .k-header:first-child,
48246
- [dir="rtl"] .k-gantt-timeline .k-header:first-child {
48288
+ .k-rtl .k-gantt-timeline-pane .k-header:first-child,
48289
+ [dir="rtl"] .k-gantt-timeline-pane .k-header:first-child {
48247
48290
  border-right-width: 0;
48248
48291
  }
48249
48292
 
48250
- .k-rtl .k-gantt-timeline .k-task-start,
48251
- [dir="rtl"] .k-gantt-timeline .k-task-start {
48293
+ .k-rtl .k-gantt-timeline-pane .k-task-start,
48294
+ [dir="rtl"] .k-gantt-timeline-pane .k-task-start {
48252
48295
  left: auto;
48253
48296
  right: 0;
48254
48297
  }
48255
48298
 
48256
- .k-rtl .k-gantt-timeline .k-task-end,
48257
- [dir="rtl"] .k-gantt-timeline .k-task-end {
48299
+ .k-rtl .k-gantt-timeline-pane .k-task-end,
48300
+ [dir="rtl"] .k-gantt-timeline-pane .k-task-end {
48258
48301
  right: auto;
48259
48302
  left: 0;
48260
48303
  }
@@ -48307,8 +48350,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48307
48350
  margin-right: 0.2em;
48308
48351
  }
48309
48352
 
48310
- .k-rtl .k-gantt-timeline .k-milestone-wrap .k-task-start,
48311
- [dir="rtl"] .k-gantt-timeline .k-milestone-wrap .k-task-start {
48353
+ .k-rtl .k-gantt-timeline-pane .k-milestone-wrap .k-task-start,
48354
+ [dir="rtl"] .k-gantt-timeline-pane .k-milestone-wrap .k-task-start {
48312
48355
  right: -0.1em;
48313
48356
  }
48314
48357