@progress/kendo-theme-default 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 (84) hide show
  1. package/dist/all.css +62 -30
  2. package/dist/all.scss +1469 -599
  3. package/dist/meta/sassdoc-data.json +1450 -1504
  4. package/dist/meta/sassdoc-raw-data.json +683 -708
  5. package/dist/meta/variables.json +216 -160
  6. package/lib/swatches/default-blue.json +1 -1
  7. package/lib/swatches/default-dataviz-v4.json +1 -1
  8. package/lib/swatches/default-green.json +1 -1
  9. package/lib/swatches/default-main-dark.json +1 -1
  10. package/lib/swatches/default-main.json +1 -1
  11. package/lib/swatches/default-nordic.json +1 -1
  12. package/lib/swatches/default-ocean-blue-a11y.json +1 -1
  13. package/lib/swatches/default-ocean-blue.json +1 -1
  14. package/lib/swatches/default-orange.json +1 -1
  15. package/lib/swatches/default-purple.json +1 -1
  16. package/lib/swatches/default-turquoise.json +1 -1
  17. package/lib/swatches/default-urban.json +1 -1
  18. package/package.json +4 -4
  19. package/scss/_variables.scss +1 -222
  20. package/scss/adaptive/_variables.scss +1 -1
  21. package/scss/appbar/_theme.scss +1 -1
  22. package/scss/appbar/_variables.scss +2 -2
  23. package/scss/avatar/_theme.scss +1 -1
  24. package/scss/badge/_theme.scss +1 -1
  25. package/scss/bottom-navigation/_theme.scss +5 -5
  26. package/scss/button/_theme.scss +74 -30
  27. package/scss/button/_variables.scss +10 -10
  28. package/scss/calendar/_theme.scss +1 -1
  29. package/scss/card/_layout.scss +4 -0
  30. package/scss/card/_theme.scss +3 -3
  31. package/scss/chat/_variables.scss +1 -1
  32. package/scss/checkbox/_variables.scss +2 -2
  33. package/scss/chip/_theme.scss +24 -22
  34. package/scss/chip/_variables.scss +5 -5
  35. package/scss/core/_index.scss +6 -0
  36. package/scss/core/color-system/_palettes.scss +256 -0
  37. package/scss/core/color-system/_swatch-legacy.scss +62 -0
  38. package/scss/core/color-system/_swatch.scss +397 -0
  39. package/scss/dataviz/_layout.scss +2 -2
  40. package/scss/dataviz/_variables.scss +42 -42
  41. package/scss/dialog/_theme.scss +1 -1
  42. package/scss/dock-manager/_variables.scss +1 -1
  43. package/scss/dropzone/_variables.scss +1 -1
  44. package/scss/editor/_variables.scss +1 -1
  45. package/scss/fab/_theme.scss +15 -15
  46. package/scss/filemanager/_layout.scss +5 -0
  47. package/scss/filemanager/_variables.scss +2 -2
  48. package/scss/forms/_variables.scss +1 -1
  49. package/scss/gantt/_layout.scss +5 -5
  50. package/scss/gantt/_variables.scss +10 -10
  51. package/scss/grid/_layout.scss +10 -0
  52. package/scss/grid/_theme.scss +54 -6
  53. package/scss/grid/_variables.scss +10 -7
  54. package/scss/input/_theme.scss +6 -18
  55. package/scss/input/_variables.scss +8 -8
  56. package/scss/list/_theme.scss +1 -1
  57. package/scss/listview/_variables.scss +1 -1
  58. package/scss/map/_variables.scss +1 -1
  59. package/scss/mediaplayer/_theme.scss +1 -1
  60. package/scss/mediaplayer/_variables.scss +1 -1
  61. package/scss/messagebox/_theme.scss +13 -5
  62. package/scss/notification/_variables.scss +1 -1
  63. package/scss/panelbar/_variables.scss +4 -4
  64. package/scss/pivotgrid/_variables.scss +5 -5
  65. package/scss/progressbar/_theme.scss +1 -1
  66. package/scss/progressbar/_variables.scss +3 -3
  67. package/scss/scheduler/_theme.scss +3 -3
  68. package/scss/scheduler/_variables.scss +4 -4
  69. package/scss/signature/_variables.scss +1 -1
  70. package/scss/skeleton/_variables.scss +2 -5
  71. package/scss/slider/_variables.scss +6 -6
  72. package/scss/splitter/_variables.scss +1 -1
  73. package/scss/spreadsheet/_variables.scss +4 -4
  74. package/scss/stepper/_layout.scss +11 -0
  75. package/scss/stepper/_theme.scss +51 -15
  76. package/scss/stepper/_variables.scss +8 -8
  77. package/scss/switch/_theme.scss +2 -2
  78. package/scss/switch/_variables.scss +4 -4
  79. package/scss/table/_variables.scss +3 -4
  80. package/scss/taskboard/_variables.scss +7 -7
  81. package/scss/timeline/_variables.scss +4 -4
  82. package/scss/tooltip/_variables.scss +4 -4
  83. package/scss/window/_theme.scss +1 -1
  84. 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: #b61100;
28582
28579
  color: white;
28583
28580
  background-color: #b61100;
28584
28581
  }
28585
28582
 
28586
28583
  .k-chip-outline-error.k-selected {
28584
+ border-color: #b61100;
28587
28585
  color: white;
28588
28586
  background-color: #b61100;
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: #0042af;
28602
28601
  color: white;
28603
28602
  background-color: #0042af;
28604
28603
  }
28605
28604
 
28606
28605
  .k-chip-outline-info.k-selected {
28606
+ border-color: #0042af;
28607
28607
  color: white;
28608
28608
  background-color: #0042af;
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: #298700;
28642
28643
  color: white;
28643
28644
  background-color: #298700;
28644
28645
  }
28645
28646
 
28646
28647
  .k-chip-outline-success.k-selected {
28648
+ border-color: #298700;
28647
28649
  color: white;
28648
28650
  background-color: #298700;
28649
28651
  }
@@ -32719,11 +32721,11 @@ select.k-picker-lg {
32719
32721
  color: #f31700;
32720
32722
  }
32721
32723
 
32722
- .k-input-solid.k-valid, .k-input-solid.ng-valid.ng-touched, .k-input-solid.ng-valid.ng-dirty {
32724
+ .k-input-solid.k-valid {
32723
32725
  border-color: #37b400;
32724
32726
  }
32725
32727
 
32726
- .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 {
32728
+ .k-input-solid.k-valid .k-input-validation-icon {
32727
32729
  color: #37b400;
32728
32730
  }
32729
32731
 
@@ -32766,11 +32768,11 @@ select.k-picker-lg {
32766
32768
  color: #f31700;
32767
32769
  }
32768
32770
 
32769
- .k-picker-solid.k-valid, .k-picker-solid.ng-valid.ng-touched, .k-picker-solid.ng-valid.ng-dirty {
32771
+ .k-picker-solid.k-valid {
32770
32772
  border-color: #37b400;
32771
32773
  }
32772
32774
 
32773
- .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 {
32775
+ .k-picker-solid.k-valid .k-input-validation-icon {
32774
32776
  color: #37b400;
32775
32777
  }
32776
32778
 
@@ -32812,11 +32814,11 @@ select.k-picker-lg {
32812
32814
  color: #f31700;
32813
32815
  }
32814
32816
 
32815
- .k-input-outline.k-valid, .k-input-outline.ng-valid.ng-touched, .k-input-outline.ng-valid.ng-dirty {
32817
+ .k-input-outline.k-valid {
32816
32818
  border-color: #37b400;
32817
32819
  }
32818
32820
 
32819
- .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 {
32821
+ .k-input-outline.k-valid .k-input-validation-icon {
32820
32822
  color: #37b400;
32821
32823
  }
32822
32824
 
@@ -32859,11 +32861,11 @@ select.k-picker-lg {
32859
32861
  color: #f31700;
32860
32862
  }
32861
32863
 
32862
- .k-picker-outline.k-valid, .k-picker-outline.ng-valid.ng-touched, .k-picker-outline.ng-valid.ng-dirty {
32864
+ .k-picker-outline.k-valid {
32863
32865
  border-color: #37b400;
32864
32866
  }
32865
32867
 
32866
- .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 {
32868
+ .k-picker-outline.k-valid .k-input-validation-icon {
32867
32869
  color: #37b400;
32868
32870
  }
32869
32871
 
@@ -32892,11 +32894,11 @@ select.k-picker-lg {
32892
32894
  color: #f31700;
32893
32895
  }
32894
32896
 
32895
- .k-input-flat.k-valid, .k-input-flat.ng-valid.ng-touched, .k-input-flat.ng-valid.ng-dirty {
32897
+ .k-input-flat.k-valid {
32896
32898
  border-color: #37b400;
32897
32899
  }
32898
32900
 
32899
- .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 {
32901
+ .k-input-flat.k-valid .k-input-validation-icon {
32900
32902
  color: #37b400;
32901
32903
  }
32902
32904
 
@@ -32938,11 +32940,11 @@ select.k-picker-lg {
32938
32940
  color: #f31700;
32939
32941
  }
32940
32942
 
32941
- .k-picker-flat.k-valid, .k-picker-flat.ng-valid.ng-touched, .k-picker-flat.ng-valid.ng-dirty {
32943
+ .k-picker-flat.k-valid {
32942
32944
  border-color: #37b400;
32943
32945
  }
32944
32946
 
32945
- .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 {
32947
+ .k-picker-flat.k-valid .k-input-validation-icon {
32946
32948
  color: #37b400;
32947
32949
  }
32948
32950
 
@@ -38637,6 +38639,10 @@ kendo-card-footer {
38637
38639
  gap: 8px;
38638
38640
  }
38639
38641
 
38642
+ .k-card-horizontal .k-actions-horizontal {
38643
+ width: auto;
38644
+ }
38645
+
38640
38646
  .k-card-list {
38641
38647
  display: flex;
38642
38648
  flex-flow: column nowrap;
@@ -39878,6 +39884,17 @@ kendo-card-footer {
39878
39884
  transition-timing-function: ease-in-out;
39879
39885
  }
39880
39886
 
39887
+ .k-stepper .k-step-indicator::before {
39888
+ border-radius: 50%;
39889
+ content: "";
39890
+ width: 100%;
39891
+ height: 100%;
39892
+ position: absolute;
39893
+ top: 0;
39894
+ left: 0;
39895
+ z-index: -1;
39896
+ }
39897
+
39881
39898
  .k-stepper .k-step-indicator::after {
39882
39899
  border-radius: 100%;
39883
39900
  content: "";
@@ -42747,6 +42764,16 @@ div.k-grid-footer {
42747
42764
  z-index: 3;
42748
42765
  }
42749
42766
 
42767
+ .k-master-row .k-grid-content-sticky::before {
42768
+ content: "";
42769
+ width: 100%;
42770
+ height: 100%;
42771
+ position: absolute;
42772
+ top: 0;
42773
+ left: 0;
42774
+ z-index: -1;
42775
+ }
42776
+
42750
42777
  kendo-grid .k-table-row.k-grid-row-sticky {
42751
42778
  border: 0;
42752
42779
  position: static;
@@ -46103,6 +46130,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
46103
46130
  border-bottom-width: 1px;
46104
46131
  border-color: inherit;
46105
46132
  flex-shrink: 0;
46133
+ z-index: 1;
46106
46134
  }
46107
46135
 
46108
46136
  .k-filemanager-content-container {
@@ -46115,6 +46143,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
46115
46143
  overflow: hidden;
46116
46144
  }
46117
46145
 
46146
+ .k-filemanager-splitter {
46147
+ border-width: 0;
46148
+ }
46149
+
46118
46150
  .k-filemanager-navigation {
46119
46151
  padding-block: 16px;
46120
46152
  padding-inline: 16px;
@@ -47671,17 +47703,17 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
47671
47703
  overflow: scroll;
47672
47704
  }
47673
47705
 
47674
- .k-gantt-timeline .k-timeline {
47706
+ .k-gantt-timeline-pane .k-gantt-timeline {
47675
47707
  height: 100%;
47676
47708
  border-width: 0;
47677
47709
  display: flex;
47678
47710
  }
47679
47711
 
47680
- .k-gantt-timeline .k-grid-content {
47712
+ .k-gantt-timeline-pane .k-grid-content {
47681
47713
  overflow-x: scroll;
47682
47714
  }
47683
47715
 
47684
- .k-gantt-timeline .k-header {
47716
+ .k-gantt-timeline-pane .k-header {
47685
47717
  padding-block: 8px;
47686
47718
  padding-inline: 12px;
47687
47719
  border-width: 0 0 1px 1px;
@@ -48162,7 +48194,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48162
48194
  }
48163
48195
 
48164
48196
  .k-pdf-export-shadow .k-gantt,
48165
- .k-pdf-export-shadow .k-gantt-timeline,
48197
+ .k-pdf-export-shadow .k-gantt-timeline-pane,
48166
48198
  .k-pdf-export-shadow .k-gantt-dependencies {
48167
48199
  width: auto !important;
48168
48200
  height: auto !important;
@@ -48195,24 +48227,24 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48195
48227
  margin-inline: -26px;
48196
48228
  }
48197
48229
 
48198
- .k-rtl .k-gantt-timeline .k-header,
48199
- [dir="rtl"] .k-gantt-timeline .k-header {
48230
+ .k-rtl .k-gantt-timeline-pane .k-header,
48231
+ [dir="rtl"] .k-gantt-timeline-pane .k-header {
48200
48232
  border-width: 0 1px 1px 0;
48201
48233
  }
48202
48234
 
48203
- .k-rtl .k-gantt-timeline .k-header:first-child,
48204
- [dir="rtl"] .k-gantt-timeline .k-header:first-child {
48235
+ .k-rtl .k-gantt-timeline-pane .k-header:first-child,
48236
+ [dir="rtl"] .k-gantt-timeline-pane .k-header:first-child {
48205
48237
  border-right-width: 0;
48206
48238
  }
48207
48239
 
48208
- .k-rtl .k-gantt-timeline .k-task-start,
48209
- [dir="rtl"] .k-gantt-timeline .k-task-start {
48240
+ .k-rtl .k-gantt-timeline-pane .k-task-start,
48241
+ [dir="rtl"] .k-gantt-timeline-pane .k-task-start {
48210
48242
  left: auto;
48211
48243
  right: 0;
48212
48244
  }
48213
48245
 
48214
- .k-rtl .k-gantt-timeline .k-task-end,
48215
- [dir="rtl"] .k-gantt-timeline .k-task-end {
48246
+ .k-rtl .k-gantt-timeline-pane .k-task-end,
48247
+ [dir="rtl"] .k-gantt-timeline-pane .k-task-end {
48216
48248
  right: auto;
48217
48249
  left: 0;
48218
48250
  }
@@ -48265,8 +48297,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48265
48297
  margin-right: 0.2em;
48266
48298
  }
48267
48299
 
48268
- .k-rtl .k-gantt-timeline .k-milestone-wrap .k-task-start,
48269
- [dir="rtl"] .k-gantt-timeline .k-milestone-wrap .k-task-start {
48300
+ .k-rtl .k-gantt-timeline-pane .k-milestone-wrap .k-task-start,
48301
+ [dir="rtl"] .k-gantt-timeline-pane .k-milestone-wrap .k-task-start {
48270
48302
  right: -0.1em;
48271
48303
  }
48272
48304