@progress/kendo-theme-default 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 (85) hide show
  1. package/dist/all.css +74 -31
  2. package/dist/all.scss +1489 -594
  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/floating-label/_layout.scss +11 -11
  49. package/scss/forms/_variables.scss +1 -1
  50. package/scss/gantt/_layout.scss +13 -5
  51. package/scss/gantt/_variables.scss +10 -10
  52. package/scss/grid/_layout.scss +10 -0
  53. package/scss/grid/_theme.scss +54 -6
  54. package/scss/grid/_variables.scss +10 -7
  55. package/scss/input/_layout.scss +7 -2
  56. package/scss/input/_variables.scss +8 -8
  57. package/scss/list/_theme.scss +1 -1
  58. package/scss/listview/_variables.scss +1 -1
  59. package/scss/map/_variables.scss +1 -1
  60. package/scss/mediaplayer/_theme.scss +1 -1
  61. package/scss/mediaplayer/_variables.scss +1 -1
  62. package/scss/messagebox/_theme.scss +13 -5
  63. package/scss/notification/_variables.scss +1 -1
  64. package/scss/panelbar/_variables.scss +4 -4
  65. package/scss/pivotgrid/_variables.scss +5 -5
  66. package/scss/progressbar/_theme.scss +1 -1
  67. package/scss/progressbar/_variables.scss +3 -3
  68. package/scss/scheduler/_theme.scss +3 -3
  69. package/scss/scheduler/_variables.scss +4 -4
  70. package/scss/signature/_variables.scss +1 -1
  71. package/scss/skeleton/_variables.scss +2 -5
  72. package/scss/slider/_variables.scss +6 -6
  73. package/scss/splitter/_variables.scss +1 -1
  74. package/scss/spreadsheet/_variables.scss +4 -4
  75. package/scss/stepper/_layout.scss +11 -0
  76. package/scss/stepper/_theme.scss +51 -15
  77. package/scss/stepper/_variables.scss +8 -8
  78. package/scss/switch/_theme.scss +2 -2
  79. package/scss/switch/_variables.scss +4 -4
  80. package/scss/table/_variables.scss +3 -4
  81. package/scss/taskboard/_variables.scss +7 -7
  82. package/scss/timeline/_variables.scss +4 -4
  83. package/scss/tooltip/_variables.scss +4 -4
  84. package/scss/window/_theme.scss +1 -1
  85. 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
  }
@@ -32211,17 +32213,22 @@ textarea.k-input-inner {
32211
32213
  margin: 0;
32212
32214
  border-style: solid;
32213
32215
  border-color: inherit;
32214
- height: auto;
32215
- align-self: stretch;
32216
+ border-width: 0 0 0 1px;
32217
+ height: 16px;
32218
+ align-self: center;
32216
32219
  }
32217
32220
 
32218
32221
  .k-input-separator-horizontal {
32222
+ height: auto;
32219
32223
  margin-inline: 4px;
32224
+ align-self: stretch;
32220
32225
  border-width: 1px 0 0;
32221
32226
  }
32222
32227
 
32223
32228
  .k-input-separator-vertical {
32229
+ height: auto;
32224
32230
  margin-block: 4px;
32231
+ align-self: stretch;
32225
32232
  border-width: 0 0 0 1px;
32226
32233
  }
32227
32234
 
@@ -32969,8 +32976,8 @@ select.k-picker-lg {
32969
32976
  white-space: nowrap;
32970
32977
  text-overflow: ellipsis;
32971
32978
  position: absolute;
32972
- top: 25.0000000004px;
32973
- left: 9px;
32979
+ top: var(--kendo-floating-label-offset-y, 25.0000000004px);
32980
+ left: var(--kendo-floating-label-offset-x, 9px);
32974
32981
  overflow: hidden;
32975
32982
  cursor: text;
32976
32983
  transform-origin: left center;
@@ -32983,22 +32990,22 @@ select.k-picker-lg {
32983
32990
  }
32984
32991
 
32985
32992
  .k-floating-label-container.k-empty > .k-label {
32986
- top: 25.0000000004px;
32987
- left: 9px;
32993
+ top: var(--kendo-floating-label-offset-y, 25.0000000004px);
32994
+ left: var(--kendo-floating-label-offset-x, 9px);
32988
32995
  transform: scale(1);
32989
32996
  pointer-events: none;
32990
32997
  }
32991
32998
 
32992
32999
  .k-floating-label-container > .k-label,
32993
33000
  .k-floating-label-container.k-focus > .k-label {
32994
- top: 0;
32995
- left: 0;
33001
+ top: var(--kendo-floating-label-focus-offset-y, 0);
33002
+ left: var(--kendo-floating-label-focus-offset-x, 0);
32996
33003
  transform: scale(1);
32997
33004
  }
32998
33005
 
32999
33006
  .k-floating-label-container:focus-within > .k-label {
33000
- top: 0;
33001
- left: 0;
33007
+ top: var(--kendo-floating-label-focus-offset-y, 0);
33008
+ left: var(--kendo-floating-label-focus-offset-x, 0);
33002
33009
  transform: scale(1);
33003
33010
  }
33004
33011
 
@@ -33019,7 +33026,7 @@ select.k-picker-lg {
33019
33026
  [dir="rtl"] .k-floating-label-container.k-empty > .k-label,
33020
33027
  .k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label {
33021
33028
  left: auto;
33022
- right: 9px;
33029
+ right: var(--kendo-floating-label-offset-x, 9px);
33023
33030
  }
33024
33031
 
33025
33032
  [dir="rtl"] .k-floating-label-container > .k-label,
@@ -33028,13 +33035,13 @@ select.k-picker-lg {
33028
33035
  .k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir="rtl"] > .k-label,
33029
33036
  .k-floating-label-container[dir="rtl"].k-focus > .k-label {
33030
33037
  left: auto;
33031
- right: 0;
33038
+ right: var(--kendo-floating-label-focus-offset-x, 0);
33032
33039
  }
33033
33040
 
33034
33041
  [dir="rtl"] .k-floating-label-container:focus-within > .k-label,
33035
33042
  .k-rtl .k-floating-label-container:focus-within > .k-label, .k-floating-label-container[dir="rtl"]:focus-within > .k-label {
33036
33043
  left: auto;
33037
- right: 0;
33044
+ right: var(--kendo-floating-label-focus-offset-x, 0);
33038
33045
  }
33039
33046
 
33040
33047
  .k-floating-label-container.k-invalid > .k-label,
@@ -38637,6 +38644,10 @@ kendo-card-footer {
38637
38644
  gap: 8px;
38638
38645
  }
38639
38646
 
38647
+ .k-card-horizontal .k-actions-horizontal {
38648
+ width: auto;
38649
+ }
38650
+
38640
38651
  .k-card-list {
38641
38652
  display: flex;
38642
38653
  flex-flow: column nowrap;
@@ -39878,6 +39889,17 @@ kendo-card-footer {
39878
39889
  transition-timing-function: ease-in-out;
39879
39890
  }
39880
39891
 
39892
+ .k-stepper .k-step-indicator::before {
39893
+ border-radius: 50%;
39894
+ content: "";
39895
+ width: 100%;
39896
+ height: 100%;
39897
+ position: absolute;
39898
+ top: 0;
39899
+ left: 0;
39900
+ z-index: -1;
39901
+ }
39902
+
39881
39903
  .k-stepper .k-step-indicator::after {
39882
39904
  border-radius: 100%;
39883
39905
  content: "";
@@ -42747,6 +42769,16 @@ div.k-grid-footer {
42747
42769
  z-index: 3;
42748
42770
  }
42749
42771
 
42772
+ .k-master-row .k-grid-content-sticky::before {
42773
+ content: "";
42774
+ width: 100%;
42775
+ height: 100%;
42776
+ position: absolute;
42777
+ top: 0;
42778
+ left: 0;
42779
+ z-index: -1;
42780
+ }
42781
+
42750
42782
  kendo-grid .k-table-row.k-grid-row-sticky {
42751
42783
  border: 0;
42752
42784
  position: static;
@@ -46103,6 +46135,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
46103
46135
  border-bottom-width: 1px;
46104
46136
  border-color: inherit;
46105
46137
  flex-shrink: 0;
46138
+ z-index: 1;
46106
46139
  }
46107
46140
 
46108
46141
  .k-filemanager-content-container {
@@ -46115,6 +46148,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
46115
46148
  overflow: hidden;
46116
46149
  }
46117
46150
 
46151
+ .k-filemanager-splitter {
46152
+ border-width: 0;
46153
+ }
46154
+
46118
46155
  .k-filemanager-navigation {
46119
46156
  padding-block: 16px;
46120
46157
  padding-inline: 16px;
@@ -47671,17 +47708,23 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
47671
47708
  overflow: scroll;
47672
47709
  }
47673
47710
 
47674
- .k-gantt-timeline .k-timeline {
47711
+ .k-gantt-timeline-pane .k-gantt-timeline {
47675
47712
  height: 100%;
47676
47713
  border-width: 0;
47677
47714
  display: flex;
47678
47715
  }
47679
47716
 
47680
- .k-gantt-timeline .k-grid-content {
47717
+ .k-gantt-timeline-pane .k-gantt-timeline *,
47718
+ .k-gantt-timeline-pane .k-gantt-timeline *::before,
47719
+ .k-gantt-timeline-pane .k-gantt-timeline *::after, .k-gantt-timeline-pane .k-gantt-timeline::before, .k-gantt-timeline-pane .k-gantt-timeline::after {
47720
+ box-sizing: border-box;
47721
+ }
47722
+
47723
+ .k-gantt-timeline-pane .k-grid-content {
47681
47724
  overflow-x: scroll;
47682
47725
  }
47683
47726
 
47684
- .k-gantt-timeline .k-header {
47727
+ .k-gantt-timeline-pane .k-header {
47685
47728
  padding-block: 8px;
47686
47729
  padding-inline: 12px;
47687
47730
  border-width: 0 0 1px 1px;
@@ -48162,7 +48205,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48162
48205
  }
48163
48206
 
48164
48207
  .k-pdf-export-shadow .k-gantt,
48165
- .k-pdf-export-shadow .k-gantt-timeline,
48208
+ .k-pdf-export-shadow .k-gantt-timeline-pane,
48166
48209
  .k-pdf-export-shadow .k-gantt-dependencies {
48167
48210
  width: auto !important;
48168
48211
  height: auto !important;
@@ -48195,24 +48238,24 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48195
48238
  margin-inline: -26px;
48196
48239
  }
48197
48240
 
48198
- .k-rtl .k-gantt-timeline .k-header,
48199
- [dir="rtl"] .k-gantt-timeline .k-header {
48241
+ .k-rtl .k-gantt-timeline-pane .k-header,
48242
+ [dir="rtl"] .k-gantt-timeline-pane .k-header {
48200
48243
  border-width: 0 1px 1px 0;
48201
48244
  }
48202
48245
 
48203
- .k-rtl .k-gantt-timeline .k-header:first-child,
48204
- [dir="rtl"] .k-gantt-timeline .k-header:first-child {
48246
+ .k-rtl .k-gantt-timeline-pane .k-header:first-child,
48247
+ [dir="rtl"] .k-gantt-timeline-pane .k-header:first-child {
48205
48248
  border-right-width: 0;
48206
48249
  }
48207
48250
 
48208
- .k-rtl .k-gantt-timeline .k-task-start,
48209
- [dir="rtl"] .k-gantt-timeline .k-task-start {
48251
+ .k-rtl .k-gantt-timeline-pane .k-task-start,
48252
+ [dir="rtl"] .k-gantt-timeline-pane .k-task-start {
48210
48253
  left: auto;
48211
48254
  right: 0;
48212
48255
  }
48213
48256
 
48214
- .k-rtl .k-gantt-timeline .k-task-end,
48215
- [dir="rtl"] .k-gantt-timeline .k-task-end {
48257
+ .k-rtl .k-gantt-timeline-pane .k-task-end,
48258
+ [dir="rtl"] .k-gantt-timeline-pane .k-task-end {
48216
48259
  right: auto;
48217
48260
  left: 0;
48218
48261
  }
@@ -48265,8 +48308,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48265
48308
  margin-right: 0.2em;
48266
48309
  }
48267
48310
 
48268
- .k-rtl .k-gantt-timeline .k-milestone-wrap .k-task-start,
48269
- [dir="rtl"] .k-gantt-timeline .k-milestone-wrap .k-task-start {
48311
+ .k-rtl .k-gantt-timeline-pane .k-milestone-wrap .k-task-start,
48312
+ [dir="rtl"] .k-gantt-timeline-pane .k-milestone-wrap .k-task-start {
48270
48313
  right: -0.1em;
48271
48314
  }
48272
48315