@progress/kendo-theme-classic 7.1.0-dev.7 → 7.1.0-dev.9

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 +62 -30
  2. package/dist/all.scss +1568 -650
  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
  }
@@ -32722,11 +32724,11 @@ select.k-picker-lg {
32722
32724
  color: #d92800;
32723
32725
  }
32724
32726
 
32725
- .k-input-solid.k-valid, .k-input-solid.ng-valid.ng-touched, .k-input-solid.ng-valid.ng-dirty {
32727
+ .k-input-solid.k-valid {
32726
32728
  border-color: #3ea44e;
32727
32729
  }
32728
32730
 
32729
- .k-input-solid.k-valid .k-input-validation-icon, .k-input-solid.ng-valid.ng-touched .k-input-validation-icon, .k-input-solid.ng-valid.ng-dirty .k-input-validation-icon {
32731
+ .k-input-solid.k-valid .k-input-validation-icon {
32730
32732
  color: #3ea44e;
32731
32733
  }
32732
32734
 
@@ -32770,11 +32772,11 @@ select.k-picker-lg {
32770
32772
  color: #d92800;
32771
32773
  }
32772
32774
 
32773
- .k-picker-solid.k-valid, .k-picker-solid.ng-valid.ng-touched, .k-picker-solid.ng-valid.ng-dirty {
32775
+ .k-picker-solid.k-valid {
32774
32776
  border-color: #3ea44e;
32775
32777
  }
32776
32778
 
32777
- .k-picker-solid.k-valid .k-input-validation-icon, .k-picker-solid.ng-valid.ng-touched .k-input-validation-icon, .k-picker-solid.ng-valid.ng-dirty .k-input-validation-icon {
32779
+ .k-picker-solid.k-valid .k-input-validation-icon {
32778
32780
  color: #3ea44e;
32779
32781
  }
32780
32782
 
@@ -32815,11 +32817,11 @@ select.k-picker-lg {
32815
32817
  color: #d92800;
32816
32818
  }
32817
32819
 
32818
- .k-input-outline.k-valid, .k-input-outline.ng-valid.ng-touched, .k-input-outline.ng-valid.ng-dirty {
32820
+ .k-input-outline.k-valid {
32819
32821
  border-color: #3ea44e;
32820
32822
  }
32821
32823
 
32822
- .k-input-outline.k-valid .k-input-validation-icon, .k-input-outline.ng-valid.ng-touched .k-input-validation-icon, .k-input-outline.ng-valid.ng-dirty .k-input-validation-icon {
32824
+ .k-input-outline.k-valid .k-input-validation-icon {
32823
32825
  color: #3ea44e;
32824
32826
  }
32825
32827
 
@@ -32862,11 +32864,11 @@ select.k-picker-lg {
32862
32864
  color: #d92800;
32863
32865
  }
32864
32866
 
32865
- .k-picker-outline.k-valid, .k-picker-outline.ng-valid.ng-touched, .k-picker-outline.ng-valid.ng-dirty {
32867
+ .k-picker-outline.k-valid {
32866
32868
  border-color: #3ea44e;
32867
32869
  }
32868
32870
 
32869
- .k-picker-outline.k-valid .k-input-validation-icon, .k-picker-outline.ng-valid.ng-touched .k-input-validation-icon, .k-picker-outline.ng-valid.ng-dirty .k-input-validation-icon {
32871
+ .k-picker-outline.k-valid .k-input-validation-icon {
32870
32872
  color: #3ea44e;
32871
32873
  }
32872
32874
 
@@ -32895,11 +32897,11 @@ select.k-picker-lg {
32895
32897
  color: #d92800;
32896
32898
  }
32897
32899
 
32898
- .k-input-flat.k-valid, .k-input-flat.ng-valid.ng-touched, .k-input-flat.ng-valid.ng-dirty {
32900
+ .k-input-flat.k-valid {
32899
32901
  border-color: #3ea44e;
32900
32902
  }
32901
32903
 
32902
- .k-input-flat.k-valid .k-input-validation-icon, .k-input-flat.ng-valid.ng-touched .k-input-validation-icon, .k-input-flat.ng-valid.ng-dirty .k-input-validation-icon {
32904
+ .k-input-flat.k-valid .k-input-validation-icon {
32903
32905
  color: #3ea44e;
32904
32906
  }
32905
32907
 
@@ -32941,11 +32943,11 @@ select.k-picker-lg {
32941
32943
  color: #d92800;
32942
32944
  }
32943
32945
 
32944
- .k-picker-flat.k-valid, .k-picker-flat.ng-valid.ng-touched, .k-picker-flat.ng-valid.ng-dirty {
32946
+ .k-picker-flat.k-valid {
32945
32947
  border-color: #3ea44e;
32946
32948
  }
32947
32949
 
32948
- .k-picker-flat.k-valid .k-input-validation-icon, .k-picker-flat.ng-valid.ng-touched .k-input-validation-icon, .k-picker-flat.ng-valid.ng-dirty .k-input-validation-icon {
32950
+ .k-picker-flat.k-valid .k-input-validation-icon {
32949
32951
  color: #3ea44e;
32950
32952
  }
32951
32953
 
@@ -38650,6 +38652,10 @@ kendo-card-footer {
38650
38652
  gap: 8px;
38651
38653
  }
38652
38654
 
38655
+ .k-card-horizontal .k-actions-horizontal {
38656
+ width: auto;
38657
+ }
38658
+
38653
38659
  .k-card-list {
38654
38660
  display: flex;
38655
38661
  flex-flow: column nowrap;
@@ -39905,6 +39911,17 @@ kendo-card-footer {
39905
39911
  transition-timing-function: ease-in-out;
39906
39912
  }
39907
39913
 
39914
+ .k-stepper .k-step-indicator::before {
39915
+ border-radius: 50%;
39916
+ content: "";
39917
+ width: 100%;
39918
+ height: 100%;
39919
+ position: absolute;
39920
+ top: 0;
39921
+ left: 0;
39922
+ z-index: -1;
39923
+ }
39924
+
39908
39925
  .k-stepper .k-step-indicator::after {
39909
39926
  border-radius: 100%;
39910
39927
  content: "";
@@ -42785,6 +42802,16 @@ div.k-grid-footer {
42785
42802
  z-index: 3;
42786
42803
  }
42787
42804
 
42805
+ .k-master-row .k-grid-content-sticky::before {
42806
+ content: "";
42807
+ width: 100%;
42808
+ height: 100%;
42809
+ position: absolute;
42810
+ top: 0;
42811
+ left: 0;
42812
+ z-index: -1;
42813
+ }
42814
+
42788
42815
  kendo-grid .k-table-row.k-grid-row-sticky {
42789
42816
  border: 0;
42790
42817
  position: static;
@@ -46144,6 +46171,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
46144
46171
  border-bottom-width: 1px;
46145
46172
  border-color: inherit;
46146
46173
  flex-shrink: 0;
46174
+ z-index: 1;
46147
46175
  }
46148
46176
 
46149
46177
  .k-filemanager-content-container {
@@ -46156,6 +46184,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
46156
46184
  overflow: hidden;
46157
46185
  }
46158
46186
 
46187
+ .k-filemanager-splitter {
46188
+ border-width: 0;
46189
+ }
46190
+
46159
46191
  .k-filemanager-navigation {
46160
46192
  padding-block: 16px;
46161
46193
  padding-inline: 16px;
@@ -47713,17 +47745,17 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
47713
47745
  overflow: scroll;
47714
47746
  }
47715
47747
 
47716
- .k-gantt-timeline .k-timeline {
47748
+ .k-gantt-timeline-pane .k-gantt-timeline {
47717
47749
  height: 100%;
47718
47750
  border-width: 0;
47719
47751
  display: flex;
47720
47752
  }
47721
47753
 
47722
- .k-gantt-timeline .k-grid-content {
47754
+ .k-gantt-timeline-pane .k-grid-content {
47723
47755
  overflow-x: scroll;
47724
47756
  }
47725
47757
 
47726
- .k-gantt-timeline .k-header {
47758
+ .k-gantt-timeline-pane .k-header {
47727
47759
  padding-block: 8px;
47728
47760
  padding-inline: 8px;
47729
47761
  border-width: 0 0 1px 1px;
@@ -48204,7 +48236,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48204
48236
  }
48205
48237
 
48206
48238
  .k-pdf-export-shadow .k-gantt,
48207
- .k-pdf-export-shadow .k-gantt-timeline,
48239
+ .k-pdf-export-shadow .k-gantt-timeline-pane,
48208
48240
  .k-pdf-export-shadow .k-gantt-dependencies {
48209
48241
  width: auto !important;
48210
48242
  height: auto !important;
@@ -48237,24 +48269,24 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48237
48269
  margin-inline: -26px;
48238
48270
  }
48239
48271
 
48240
- .k-rtl .k-gantt-timeline .k-header,
48241
- [dir="rtl"] .k-gantt-timeline .k-header {
48272
+ .k-rtl .k-gantt-timeline-pane .k-header,
48273
+ [dir="rtl"] .k-gantt-timeline-pane .k-header {
48242
48274
  border-width: 0 1px 1px 0;
48243
48275
  }
48244
48276
 
48245
- .k-rtl .k-gantt-timeline .k-header:first-child,
48246
- [dir="rtl"] .k-gantt-timeline .k-header:first-child {
48277
+ .k-rtl .k-gantt-timeline-pane .k-header:first-child,
48278
+ [dir="rtl"] .k-gantt-timeline-pane .k-header:first-child {
48247
48279
  border-right-width: 0;
48248
48280
  }
48249
48281
 
48250
- .k-rtl .k-gantt-timeline .k-task-start,
48251
- [dir="rtl"] .k-gantt-timeline .k-task-start {
48282
+ .k-rtl .k-gantt-timeline-pane .k-task-start,
48283
+ [dir="rtl"] .k-gantt-timeline-pane .k-task-start {
48252
48284
  left: auto;
48253
48285
  right: 0;
48254
48286
  }
48255
48287
 
48256
- .k-rtl .k-gantt-timeline .k-task-end,
48257
- [dir="rtl"] .k-gantt-timeline .k-task-end {
48288
+ .k-rtl .k-gantt-timeline-pane .k-task-end,
48289
+ [dir="rtl"] .k-gantt-timeline-pane .k-task-end {
48258
48290
  right: auto;
48259
48291
  left: 0;
48260
48292
  }
@@ -48307,8 +48339,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48307
48339
  margin-right: 0.2em;
48308
48340
  }
48309
48341
 
48310
- .k-rtl .k-gantt-timeline .k-milestone-wrap .k-task-start,
48311
- [dir="rtl"] .k-gantt-timeline .k-milestone-wrap .k-task-start {
48342
+ .k-rtl .k-gantt-timeline-pane .k-milestone-wrap .k-task-start,
48343
+ [dir="rtl"] .k-gantt-timeline-pane .k-milestone-wrap .k-task-start {
48312
48344
  right: -0.1em;
48313
48345
  }
48314
48346