@progress/kendo-theme-fluent 5.12.1-dev.2 → 5.12.1-dev.4

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 (88) hide show
  1. package/dist/all.css +534 -353
  2. package/dist/all.scss +4 -1
  3. package/dist/fluent-main.scss +4 -0
  4. package/lib/swatches/all.json +17 -0
  5. package/lib/swatches/fluent-main.json +17 -0
  6. package/package.json +4 -4
  7. package/scss/adaptive/_layout.scss +2 -2
  8. package/scss/badge/_variables.scss +30 -30
  9. package/scss/breadcrumb/_variables.scss +4 -0
  10. package/scss/button/_layout.scss +39 -0
  11. package/scss/button/_variables.scss +33 -33
  12. package/scss/card/_layout.scss +2 -2
  13. package/scss/chat/_variables.scss +3 -3
  14. package/scss/checkbox/_variables.scss +1 -1
  15. package/scss/chip/_variables.scss +27 -27
  16. package/scss/coloreditor/_layout.scss +24 -24
  17. package/scss/coloreditor/_theme.scss +8 -8
  18. package/scss/coloreditor/_variables.scss +27 -27
  19. package/scss/coloreditor/index.scss +2 -2
  20. package/scss/colorgradient/_layout.scss +43 -42
  21. package/scss/colorgradient/_theme.scss +19 -19
  22. package/scss/colorgradient/_variables.scss +46 -46
  23. package/scss/colorgradient/index.scss +2 -2
  24. package/scss/colorpalette/_layout.scss +8 -8
  25. package/scss/colorpalette/_theme.scss +9 -9
  26. package/scss/colorpalette/_variables.scss +15 -15
  27. package/scss/colorpalette/index.scss +2 -2
  28. package/scss/core/_variables.scss +2 -2
  29. package/scss/core/mixins/_hide-scrollbar.scss +1 -1
  30. package/scss/core/mixins/_typography.scss +6 -16
  31. package/scss/dataviz/_layout.scss +3 -3
  32. package/scss/dataviz/_variables.scss +33 -33
  33. package/scss/dialog/_variables.scss +3 -3
  34. package/scss/editor/_layout.scss +2 -2
  35. package/scss/fab/_variables.scss +12 -12
  36. package/scss/filemanager/_layout.scss +31 -31
  37. package/scss/filemanager/_theme.scss +34 -34
  38. package/scss/filemanager/_variables.scss +58 -58
  39. package/scss/filemanager/index.scss +2 -2
  40. package/scss/floating-label/_variables.scss +2 -2
  41. package/scss/forms/_layout.scss +3 -3
  42. package/scss/forms/_variables.scss +8 -8
  43. package/scss/gantt/_layout.scss +2 -2
  44. package/scss/grid/_layout.scss +43 -16
  45. package/scss/grid/_theme.scss +46 -1
  46. package/scss/grid/_variables.scss +74 -74
  47. package/scss/icon/_layout.scss +5 -0
  48. package/scss/imageeditor/_layout.scss +24 -24
  49. package/scss/imageeditor/_theme.scss +14 -14
  50. package/scss/imageeditor/_variables.scss +33 -33
  51. package/scss/imageeditor/index.scss +2 -2
  52. package/scss/input/_layout.scss +4 -4
  53. package/scss/input/_variables.scss +42 -42
  54. package/scss/list/_variables.scss +102 -102
  55. package/scss/loader/_layout.scss +45 -45
  56. package/scss/loader/_variables.scss +33 -33
  57. package/scss/map/_variables.scss +2 -2
  58. package/scss/mediaplayer/_layout.scss +7 -7
  59. package/scss/mediaplayer/_theme.scss +8 -8
  60. package/scss/mediaplayer/_variables.scss +13 -13
  61. package/scss/mediaplayer/index.scss +2 -2
  62. package/scss/menu/_layout.scss +3 -3
  63. package/scss/menu/_variables.scss +43 -43
  64. package/scss/pager/_variables.scss +18 -18
  65. package/scss/pivotgrid/_layout.scss +2 -2
  66. package/scss/radio/_variables.scss +1 -1
  67. package/scss/rating/_variables.scss +1 -1
  68. package/scss/scheduler/_layout.scss +1 -1
  69. package/scss/scrollview/_variables.scss +1 -1
  70. package/scss/signature/_variables.scss +18 -18
  71. package/scss/split-button/_layout.scss +2 -2
  72. package/scss/split-button/_variables.scss +9 -9
  73. package/scss/spreadsheet/_layout.scss +9 -9
  74. package/scss/spreadsheet/_variables.scss +1 -1
  75. package/scss/table/_layout.scss +2 -2
  76. package/scss/table/_variables.scss +27 -27
  77. package/scss/tilelayout/_layout.scss +4 -4
  78. package/scss/tilelayout/_theme.scss +4 -4
  79. package/scss/tilelayout/_variables.scss +6 -6
  80. package/scss/tilelayout/index.scss +2 -2
  81. package/scss/timeselector/_layout.scss +1 -1
  82. package/scss/timeselector/_variables.scss +13 -13
  83. package/scss/toolbar/_layout.scss +10 -10
  84. package/scss/toolbar/_variables.scss +18 -18
  85. package/scss/treeview/_variables.scss +24 -24
  86. package/scss/typography/_layout.scss +7 -7
  87. package/scss/upload/_variables.scss +1 -1
  88. package/scss/window/_variables.scss +2 -2
package/dist/all.css CHANGED
@@ -23977,6 +23977,10 @@ hr.k-separator {
23977
23977
  background-color: var(--kendo-code-bg, var(--kendo-component-bg, initial));
23978
23978
  }
23979
23979
 
23980
+ .k-icon-wrapper-host {
23981
+ display: contents;
23982
+ }
23983
+
23980
23984
  .k-icon-with-modifier {
23981
23985
  position: relative;
23982
23986
  margin: 0.25em;
@@ -26051,30 +26055,30 @@ kendo-badge-container {
26051
26055
  }
26052
26056
 
26053
26057
  .k-loader-sm {
26054
- padding-inline: var(--kendo-loader-padding-x-sm, 0.125rem);
26055
- padding-block: var(--kendo-loader-padding-y-sm, 0.125rem);
26058
+ padding-inline: var(--kendo-loader-sm-padding-x, 0.125rem);
26059
+ padding-block: var(--kendo-loader-sm-padding-y, 0.125rem);
26056
26060
  }
26057
26061
  .k-loader-sm .k-loader-segment {
26058
- width: var(--kendo-loader-segment-size-sm, 0.25rem);
26059
- height: var(--kendo-loader-segment-size-sm, 0.25rem);
26062
+ width: var(--kendo-loader-sm-segment-size, 0.25rem);
26063
+ height: var(--kendo-loader-sm-segment-size, 0.25rem);
26060
26064
  }
26061
26065
 
26062
26066
  .k-loader-md {
26063
- padding-inline: var(--kendo-loader-padding-x-md, 0.25rem);
26064
- padding-block: var(--kendo-loader-padding-y-md, 0.25rem);
26067
+ padding-inline: var(--kendo-loader-md-padding-x, 0.25rem);
26068
+ padding-block: var(--kendo-loader-md-padding-y, 0.25rem);
26065
26069
  }
26066
26070
  .k-loader-md .k-loader-segment {
26067
- width: var(--kendo-loader-segment-size-md, 0.5rem);
26068
- height: var(--kendo-loader-segment-size-md, 0.5rem);
26071
+ width: var(--kendo-loader-md-segment-size, 0.5rem);
26072
+ height: var(--kendo-loader-md-segment-size, 0.5rem);
26069
26073
  }
26070
26074
 
26071
26075
  .k-loader-lg {
26072
- padding-inline: var(--kendo-loader-padding-x-lg, 0.5rem);
26073
- padding-block: var(--kendo-loader-padding-y-lg, 0.5rem);
26076
+ padding-inline: var(--kendo-loader-lg-padding-x, 0.5rem);
26077
+ padding-block: var(--kendo-loader-lg-padding-y, 0.5rem);
26074
26078
  }
26075
26079
  .k-loader-lg .k-loader-segment {
26076
- width: var(--kendo-loader-segment-size-lg, 1rem);
26077
- height: var(--kendo-loader-segment-size-lg, 1rem);
26080
+ width: var(--kendo-loader-lg-segment-size, 1rem);
26081
+ height: var(--kendo-loader-lg-segment-size, 1rem);
26078
26082
  }
26079
26083
 
26080
26084
  @keyframes pulsing-2-segment {
@@ -26104,16 +26108,16 @@ kendo-badge-container {
26104
26108
  animation: pulsing-2-segment 1s ease infinite;
26105
26109
  }
26106
26110
  .k-loader-pulsing-2.k-loader-sm .k-loader-canvas {
26107
- width: calc(var(--kendo-loader-segment-size-sm, 0.25rem)*3);
26108
- height: calc(var(--kendo-loader-segment-size-sm, 0.25rem)*1.5);
26111
+ width: calc(var(--kendo-loader-sm-segment-size, 0.25rem)*3);
26112
+ height: calc(var(--kendo-loader-sm-segment-size, 0.25rem)*1.5);
26109
26113
  }
26110
26114
  .k-loader-pulsing-2.k-loader-md .k-loader-canvas {
26111
- width: calc(var(--kendo-loader-segment-size-md, 0.5rem)*3);
26112
- height: calc(var(--kendo-loader-segment-size-md, 0.5rem)*1.5);
26115
+ width: calc(var(--kendo-loader-md-segment-size, 0.5rem)*3);
26116
+ height: calc(var(--kendo-loader-md-segment-size, 0.5rem)*1.5);
26113
26117
  }
26114
26118
  .k-loader-pulsing-2.k-loader-lg .k-loader-canvas {
26115
- width: calc(var(--kendo-loader-segment-size-lg, 1rem)*3);
26116
- height: calc(var(--kendo-loader-segment-size-lg, 1rem)*1.5);
26119
+ width: calc(var(--kendo-loader-lg-segment-size, 1rem)*3);
26120
+ height: calc(var(--kendo-loader-lg-segment-size, 1rem)*1.5);
26117
26121
  }
26118
26122
 
26119
26123
  @keyframes spinner-3-segment {
@@ -26155,19 +26159,19 @@ kendo-badge-container {
26155
26159
  animation-delay: -1.3333333333s;
26156
26160
  }
26157
26161
  .k-loader-spinner-3.k-loader-sm .k-loader-canvas {
26158
- margin: calc(var(--kendo-loader-segment-size-sm, 0.25rem)/2);
26159
- width: calc(var(--kendo-loader-spinner-3-width-sm, 1rem) - var(--kendo-loader-segment-size-sm, 0.25rem));
26160
- height: calc(var(--kendo-loader-spinner-3-height-sm, 0.8660254038rem) - var(--kendo-loader-segment-size-sm, 0.25rem));
26162
+ margin: calc(var(--kendo-loader-sm-segment-size, 0.25rem)/2);
26163
+ width: calc(var(--kendo-loader-sm-spinner-3-width, 1rem) - var(--kendo-loader-sm-segment-size, 0.25rem));
26164
+ height: calc(var(--kendo-loader-sm-spinner-3-height, 0.8660254038rem) - var(--kendo-loader-sm-segment-size, 0.25rem));
26161
26165
  }
26162
26166
  .k-loader-spinner-3.k-loader-md .k-loader-canvas {
26163
- margin: calc(var(--kendo-loader-segment-size-md, 0.5rem)/2);
26164
- width: calc(var(--kendo-loader-spinner-3-width-md, 2rem) - var(--kendo-loader-segment-size-md, 0.5rem));
26165
- height: calc(var(--kendo-loader-spinner-3-height-md, 1.7320508076rem) - var(--kendo-loader-segment-size-md, 0.5rem));
26167
+ margin: calc(var(--kendo-loader-md-segment-size, 0.5rem)/2);
26168
+ width: calc(var(--kendo-loader-md-spinner-3-width, 2rem) - var(--kendo-loader-md-segment-size, 0.5rem));
26169
+ height: calc(var(--kendo-loader-md-spinner-3-height, 1.7320508076rem) - var(--kendo-loader-md-segment-size, 0.5rem));
26166
26170
  }
26167
26171
  .k-loader-spinner-3.k-loader-lg .k-loader-canvas {
26168
- margin: calc(var(--kendo-loader-segment-size-lg, 1rem)/2);
26169
- width: calc(var(--kendo-loader-spinner-3-width-lg, 4rem) - var(--kendo-loader-segment-size-lg, 1rem));
26170
- height: calc(var(--kendo-loader-spinner-3-height-lg, 3.4641016152rem) - var(--kendo-loader-segment-size-lg, 1rem));
26172
+ margin: calc(var(--kendo-loader-lg-segment-size, 1rem)/2);
26173
+ width: calc(var(--kendo-loader-lg-spinner-3-width, 4rem) - var(--kendo-loader-lg-segment-size, 1rem));
26174
+ height: calc(var(--kendo-loader-lg-spinner-3-height, 3.4641016152rem) - var(--kendo-loader-lg-segment-size, 1rem));
26171
26175
  }
26172
26176
 
26173
26177
  @keyframes spinner-4-segment-1 {
@@ -26293,16 +26297,16 @@ kendo-badge-container {
26293
26297
  animation: spinner-4-segment-4 1.833s ease infinite;
26294
26298
  }
26295
26299
  .k-loader-spinner-4.k-loader-sm .k-loader-canvas {
26296
- width: var(--kendo-loader-spinner-4-width-sm, 1rem);
26297
- height: var(--kendo-loader-spinner-4-height-sm, 1rem);
26300
+ width: var(--kendo-loader-sm-spinner-4-width, 1rem);
26301
+ height: var(--kendo-loader-sm-spinner-4-height, 1rem);
26298
26302
  }
26299
26303
  .k-loader-spinner-4.k-loader-md .k-loader-canvas {
26300
- width: var(--kendo-loader-spinner-4-width-md, 2rem);
26301
- height: var(--kendo-loader-spinner-4-height-md, 2rem);
26304
+ width: var(--kendo-loader-md-spinner-4-width, 2rem);
26305
+ height: var(--kendo-loader-md-spinner-4-height, 2rem);
26302
26306
  }
26303
26307
  .k-loader-spinner-4.k-loader-lg .k-loader-canvas {
26304
- width: var(--kendo-loader-spinner-4-width-lg, 4rem);
26305
- height: var(--kendo-loader-spinner-4-height-lg, 4rem);
26308
+ width: var(--kendo-loader-lg-spinner-4-width, 4rem);
26309
+ height: var(--kendo-loader-lg-spinner-4-height, 4rem);
26306
26310
  }
26307
26311
 
26308
26312
  .k-loader-container {
@@ -26344,30 +26348,30 @@ kendo-badge-container {
26344
26348
  }
26345
26349
 
26346
26350
  .k-loader-container-sm .k-loader-container-inner {
26347
- padding-inline: var(--kendo-loader-container-padding-x-sm, 1rem);
26348
- padding-block: var(--kendo-loader-container-padding-y-sm, 1rem);
26349
- gap: var(--kendo-loader-container-gap-sm, 0.25rem);
26351
+ padding-inline: var(--kendo-loader-sm-container-padding-x, 1rem);
26352
+ padding-block: var(--kendo-loader-sm-container-padding-y, 1rem);
26353
+ gap: var(--kendo-loader-sm-container-gap, 0.25rem);
26350
26354
  }
26351
26355
  .k-loader-container-sm .k-loader-container-label {
26352
- font-size: var(--kendo-loader-container-font-size-sm, var(--kendo-font-size-sm, inherit));
26356
+ font-size: var(--kendo-loader-sm-container-font-size, var(--kendo-font-size-sm, inherit));
26353
26357
  }
26354
26358
 
26355
26359
  .k-loader-container-md .k-loader-container-inner {
26356
- padding-inline: var(--kendo-loader-container-padding-x-md, 1.25rem);
26357
- padding-block: var(--kendo-loader-container-padding-y-md, 1.25rem);
26358
- gap: var(--kendo-loader-container-gap-md, 0.5rem);
26360
+ padding-inline: var(--kendo-loader-md-container-padding-x, 1.25rem);
26361
+ padding-block: var(--kendo-loader-md-container-padding-y, 1.25rem);
26362
+ gap: var(--kendo-loader-md-container-gap, 0.5rem);
26359
26363
  }
26360
26364
  .k-loader-container-md .k-loader-container-label {
26361
- font-size: var(--kendo-loader-container-font-size-md, var(--kendo-font-size-md, inherit));
26365
+ font-size: var(--kendo-loader-md-container-font-size, var(--kendo-font-size-md, inherit));
26362
26366
  }
26363
26367
 
26364
26368
  .k-loader-container-lg .k-loader-container-inner {
26365
- padding-inline: var(--kendo-loader-container-padding-x-lg, 1.5rem);
26366
- padding-block: var(--kendo-loader-container-padding-y-lg, 1.5rem);
26367
- gap: var(--kendo-loader-container-gap-lg, 0.75rem);
26369
+ padding-inline: var(--kendo-loader-lg-container-padding-x, 1.5rem);
26370
+ padding-block: var(--kendo-loader-lg-container-padding-y, 1.5rem);
26371
+ gap: var(--kendo-loader-lg-container-gap, 0.75rem);
26368
26372
  }
26369
26373
  .k-loader-container-lg .k-loader-container-label {
26370
- font-size: var(--kendo-loader-container-font-size-lg, var(--kendo-font-size-lg, inherit));
26374
+ font-size: var(--kendo-loader-lg-container-font-size, var(--kendo-font-size-lg, inherit));
26371
26375
  }
26372
26376
 
26373
26377
  .k-loader-top .k-loader-container-inner {
@@ -27122,6 +27126,37 @@ kendo-label > .k-label {
27122
27126
  .k-icon-button.k-button-sm > .k-button-icon {
27123
27127
  min-width: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal));
27124
27128
  min-height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal));
27129
+ display: inline-flex;
27130
+ align-items: center;
27131
+ justify-content: center;
27132
+ }
27133
+ .k-icon-button.k-button-sm > .k-button-icon.k-svg-icon > svg, .k-icon-button.k-button-sm > .k-button-icon.k-icon-md > svg {
27134
+ width: var(--kendo-icon-size-md, 1rem);
27135
+ height: var(--kendo-icon-size-md, 1rem);
27136
+ }
27137
+ .k-icon-button.k-button-sm > .k-button-icon.k-icon-xs > svg {
27138
+ width: var(--kendo-icon-size-sm, 0.75rem);
27139
+ height: var(--kendo-icon-size-sm, 0.75rem) s;
27140
+ }
27141
+ .k-icon-button.k-button-sm > .k-button-icon.k-icon-sm > svg {
27142
+ width: var(--kendo-icon-size-sm, 0.875rem);
27143
+ height: var(--kendo-icon-size-sm, 0.875rem);
27144
+ }
27145
+ .k-icon-button.k-button-sm > .k-button-icon.k-icon-lg > svg {
27146
+ width: var(--kendo-icon-size-lg, 1.25rem);
27147
+ height: var(--kendo-icon-size-lg, 1.25rem);
27148
+ }
27149
+ .k-icon-button.k-button-sm > .k-button-icon.k-icon-xl > svg {
27150
+ width: var(--kendo-icon-size-xl, 1.5rem);
27151
+ height: var(--kendo-icon-size-xl, 1.5rem);
27152
+ }
27153
+ .k-icon-button.k-button-sm > .k-button-icon.k-icon-xxl > svg {
27154
+ width: var(--kendo-icon-size-xxl, 2rem);
27155
+ height: var(--kendo-icon-size-xxl, 2rem);
27156
+ }
27157
+ .k-icon-button.k-button-sm > .k-button-icon.k-icon-xxxl > svg {
27158
+ width: var(--kendo-icon-size-xxl, 3rem);
27159
+ height: var(--kendo-icon-size-xxl, 3rem);
27125
27160
  }
27126
27161
 
27127
27162
  .k-button-md {
@@ -27138,6 +27173,37 @@ kendo-label > .k-label {
27138
27173
  .k-icon-button.k-button-md > .k-button-icon {
27139
27174
  min-width: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal));
27140
27175
  min-height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal));
27176
+ display: inline-flex;
27177
+ align-items: center;
27178
+ justify-content: center;
27179
+ }
27180
+ .k-icon-button.k-button-md > .k-button-icon.k-svg-icon > svg, .k-icon-button.k-button-md > .k-button-icon.k-icon-md > svg {
27181
+ width: var(--kendo-icon-size-md, 1rem);
27182
+ height: var(--kendo-icon-size-md, 1rem);
27183
+ }
27184
+ .k-icon-button.k-button-md > .k-button-icon.k-icon-xs > svg {
27185
+ width: var(--kendo-icon-size-sm, 0.75rem);
27186
+ height: var(--kendo-icon-size-sm, 0.75rem) s;
27187
+ }
27188
+ .k-icon-button.k-button-md > .k-button-icon.k-icon-sm > svg {
27189
+ width: var(--kendo-icon-size-sm, 0.875rem);
27190
+ height: var(--kendo-icon-size-sm, 0.875rem);
27191
+ }
27192
+ .k-icon-button.k-button-md > .k-button-icon.k-icon-lg > svg {
27193
+ width: var(--kendo-icon-size-lg, 1.25rem);
27194
+ height: var(--kendo-icon-size-lg, 1.25rem);
27195
+ }
27196
+ .k-icon-button.k-button-md > .k-button-icon.k-icon-xl > svg {
27197
+ width: var(--kendo-icon-size-xl, 1.5rem);
27198
+ height: var(--kendo-icon-size-xl, 1.5rem);
27199
+ }
27200
+ .k-icon-button.k-button-md > .k-button-icon.k-icon-xxl > svg {
27201
+ width: var(--kendo-icon-size-xxl, 2rem);
27202
+ height: var(--kendo-icon-size-xxl, 2rem);
27203
+ }
27204
+ .k-icon-button.k-button-md > .k-button-icon.k-icon-xxxl > svg {
27205
+ width: var(--kendo-icon-size-xxl, 3rem);
27206
+ height: var(--kendo-icon-size-xxl, 3rem);
27141
27207
  }
27142
27208
 
27143
27209
  .k-button-lg {
@@ -27154,6 +27220,37 @@ kendo-label > .k-label {
27154
27220
  .k-icon-button.k-button-lg > .k-button-icon {
27155
27221
  min-width: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal));
27156
27222
  min-height: calc(var(--kendo-font-size, inherit)*var(--kendo-line-height, normal));
27223
+ display: inline-flex;
27224
+ align-items: center;
27225
+ justify-content: center;
27226
+ }
27227
+ .k-icon-button.k-button-lg > .k-button-icon.k-svg-icon > svg, .k-icon-button.k-button-lg > .k-button-icon.k-icon-md > svg {
27228
+ width: var(--kendo-icon-size-md, 1rem);
27229
+ height: var(--kendo-icon-size-md, 1rem);
27230
+ }
27231
+ .k-icon-button.k-button-lg > .k-button-icon.k-icon-xs > svg {
27232
+ width: var(--kendo-icon-size-sm, 0.75rem);
27233
+ height: var(--kendo-icon-size-sm, 0.75rem) s;
27234
+ }
27235
+ .k-icon-button.k-button-lg > .k-button-icon.k-icon-sm > svg {
27236
+ width: var(--kendo-icon-size-sm, 0.875rem);
27237
+ height: var(--kendo-icon-size-sm, 0.875rem);
27238
+ }
27239
+ .k-icon-button.k-button-lg > .k-button-icon.k-icon-lg > svg {
27240
+ width: var(--kendo-icon-size-lg, 1.25rem);
27241
+ height: var(--kendo-icon-size-lg, 1.25rem);
27242
+ }
27243
+ .k-icon-button.k-button-lg > .k-button-icon.k-icon-xl > svg {
27244
+ width: var(--kendo-icon-size-xl, 1.5rem);
27245
+ height: var(--kendo-icon-size-xl, 1.5rem);
27246
+ }
27247
+ .k-icon-button.k-button-lg > .k-button-icon.k-icon-xxl > svg {
27248
+ width: var(--kendo-icon-size-xxl, 2rem);
27249
+ height: var(--kendo-icon-size-xxl, 2rem);
27250
+ }
27251
+ .k-icon-button.k-button-lg > .k-button-icon.k-icon-xxxl > svg {
27252
+ width: var(--kendo-icon-size-xxl, 3rem);
27253
+ height: var(--kendo-icon-size-xxl, 3rem);
27157
27254
  }
27158
27255
 
27159
27256
  .k-icon-button {
@@ -29241,8 +29338,8 @@ textarea.k-input-inner {
29241
29338
  position: relative;
29242
29339
  aspect-ratio: auto;
29243
29340
  }
29244
- .k-input-spinner .k-spinner-increase > .k-button-icon,
29245
- .k-input-spinner .k-spinner-decrease > .k-button-icon {
29341
+ .k-input-spinner .k-spinner-increase .k-button-icon,
29342
+ .k-input-spinner .k-spinner-decrease .k-button-icon {
29246
29343
  margin: -1em 0;
29247
29344
  min-width: auto !important;
29248
29345
  min-height: auto !important;
@@ -31596,7 +31693,7 @@ textarea.k-input-inner {
31596
31693
  .k-time-header .k-time-selector-header-title,
31597
31694
  .k-time-selector-header .k-title,
31598
31695
  .k-time-selector-header .k-time-selector-header-title {
31599
- padding: var(--kendo-button-padding-y-md, 0.375rem) var(--kendo-button-padding-x-md, 1.25rem);
31696
+ padding: var(--kendo-button-md-padding-y, 0.375rem) var(--kendo-button-md-padding-x, 1.25rem);
31600
31697
  font-weight: bold;
31601
31698
  display: inline-block;
31602
31699
  }
@@ -31887,9 +31984,9 @@ textarea.k-input-inner {
31887
31984
  border-width: 0;
31888
31985
  box-sizing: border-box;
31889
31986
  outline: 0;
31890
- font-size: var(--kendo-colorpalette-font-size, var(--kendo-font-size, inherit));
31891
- font-family: var(--kendo-colorpalette-font-family, var(--kendo-font-family, inherit));
31892
- line-height: var(--kendo-colorpalette-line-height, 0);
31987
+ font-size: var(--kendo-color-palette-font-size, var(--kendo-font-size, inherit));
31988
+ font-family: var(--kendo-color-palette-font-family, var(--kendo-font-family, inherit));
31989
+ line-height: var(--kendo-color-palette-line-height, 0);
31893
31990
  display: inline-flex;
31894
31991
  position: relative;
31895
31992
  -webkit-touch-callout: none;
@@ -31912,10 +32009,10 @@ textarea.k-input-inner {
31912
32009
  }
31913
32010
 
31914
32011
  .k-colorpalette-tile {
31915
- outline-width: var(--kendo-colorpalette-tile-outline-width, 1px);
31916
- outline-style: var(--kendo-colorpalette-tile-outline-style, solid);
31917
- width: var(--kendo-colorpalette-tile-width, 1.5rem);
31918
- height: var(--kendo-colorpalette-tile-height, 1.5rem);
32012
+ outline-width: var(--kendo-color-palette-tile-outline-width, 1px);
32013
+ outline-style: var(--kendo-color-palette-tile-outline-style, solid);
32014
+ width: var(--kendo-color-palette-tile-width, 1.5rem);
32015
+ height: var(--kendo-color-palette-tile-height, 1.5rem);
31919
32016
  box-sizing: border-box;
31920
32017
  overflow: hidden;
31921
32018
  cursor: pointer;
@@ -31930,40 +32027,40 @@ textarea.k-input-inner {
31930
32027
  }
31931
32028
 
31932
32029
  .k-colorpalette-tile {
31933
- outline-color: var(--kendo-colorpalette-tile-outline, transparent);
32030
+ outline-color: var(--kendo-color-palette-tile-outline, transparent);
31934
32031
  }
31935
32032
  .k-colorpalette-tile:hover, .k-colorpalette-tile.k-hover {
31936
- box-shadow: var(--kendo-colorpalette-tile-hover-shadow, inset 0 0 0 2px var(--kendo-neutral-20, inherit), inset 0 0 0 4px #ffffff);
31937
- outline-color: var(--kendo-colorpalette-tile-hover-outline, var(--kendo-neutral-20, inherit));
32033
+ box-shadow: var(--kendo-color-palette-tile-hover-shadow, inset 0 0 0 2px var(--kendo-neutral-20, inherit), inset 0 0 0 4px #ffffff);
32034
+ outline-color: var(--kendo-color-palette-tile-hover-outline, var(--kendo-neutral-20, inherit));
31938
32035
  }
31939
32036
  .k-colorpalette-tile:focus, .k-colorpalette-tile.k-focus {
31940
- box-shadow: var(--kendo-colorpalette-tile-focus-shadow, inset 0 0 0 2px #ffffff);
31941
- outline-color: var(--kendo-colorpalette-tile-focus-outline, var(--kendo-neutral-130, inherit));
32037
+ box-shadow: var(--kendo-color-palette-tile-focus-shadow, inset 0 0 0 2px #ffffff);
32038
+ outline-color: var(--kendo-color-palette-tile-focus-outline, var(--kendo-neutral-130, inherit));
31942
32039
  }
31943
32040
  .k-colorpalette-tile.k-selected {
31944
- box-shadow: var(--kendo-colorpalette-tile-selected-shadow, inset 0 0 0 2px var(--kendo-neutral-20, inherit), inset 0 0 0 4px #ffffff);
31945
- outline-color: var(--kendo-colorpalette-tile-selected-outline, var(--kendo-neutral-20, inherit));
32041
+ box-shadow: var(--kendo-color-palette-tile-selected-shadow, inset 0 0 0 2px var(--kendo-neutral-20, inherit), inset 0 0 0 4px #ffffff);
32042
+ outline-color: var(--kendo-color-palette-tile-selected-outline, var(--kendo-neutral-20, inherit));
31946
32043
  }
31947
32044
  .k-colorpalette-tile.k-selected:hover, .k-colorpalette-tile.k-selected:focus {
31948
- outline-color: var(--kendo-colorpalette-tile-selected-hover-outline, var(--kendo-neutral-130, inherit));
32045
+ outline-color: var(--kendo-color-palette-tile-selected-hover-outline, var(--kendo-neutral-130, inherit));
31949
32046
  }
31950
32047
 
31951
32048
  .k-colorgradient {
31952
- border-radius: var(--kendo-colorgradient-border-radius, var(--kendo-border-radius-md, 0));
31953
- width: var(--kendo-colorgradient-width, 260px);
31954
- padding-inline: var(--kendo-colorgradient-padding-x, 0.5rem);
31955
- padding-block: var(--kendo-colorgradient-padding-y, 1rem);
32049
+ border-radius: var(--kendo-color-gradient-border-radius, var(--kendo-border-radius-md, 0));
32050
+ width: var(--kendo-color-gradient-width, 260px);
32051
+ padding-inline: var(--kendo-color-gradient-padding-x, 0.5rem);
32052
+ padding-block: var(--kendo-color-gradient-padding-y, 1rem);
31956
32053
  border-style: solid;
31957
- border-width: var(--kendo-colorgradient-border-width, 1px);
32054
+ border-width: var(--kendo-color-gradient-border-width, 1px);
31958
32055
  box-sizing: border-box;
31959
32056
  outline: 0;
31960
- font-size: var(--kendo-colorgradient-font-size, var(--kendo-font-size, inherit));
31961
- font-family: var(--kendo-colorgradient-font-family, var(--kendo-font-family, inherit));
31962
- line-height: var(--kendo-colorgradient-line-height, var(--kendo-line-height, normal));
32057
+ font-size: var(--kendo-color-gradient-font-size, var(--kendo-font-size, inherit));
32058
+ font-family: var(--kendo-color-gradient-font-family, var(--kendo-font-family, inherit));
32059
+ line-height: var(--kendo-color-gradient-line-height, var(--kendo-line-height, normal));
31963
32060
  display: flex;
31964
32061
  flex-direction: column;
31965
32062
  align-items: stretch;
31966
- gap: var(--kendo-colorgradient-spacing, 1rem);
32063
+ gap: var(--kendo-color-gradient-spacing, 1rem);
31967
32064
  -webkit-touch-callout: none;
31968
32065
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
31969
32066
  }
@@ -31974,11 +32071,11 @@ textarea.k-input-inner {
31974
32071
  }
31975
32072
 
31976
32073
  .k-colorgradient-canvas {
31977
- gap: var(--kendo-colorgradient-canvas-spacing, 0.5rem);
32074
+ gap: var(--kendo-color-gradient-canvas-spacing, 0.5rem);
31978
32075
  }
31979
32076
  .k-colorgradient-canvas .k-hsv-rectangle {
31980
- border-radius: var(--kendo-colorgradient-canvas-border-radius, var(--kendo-border-radius-md, 0));
31981
- border-width: var(--kendo-colorgradient-canvas-border-width, 0);
32077
+ border-radius: var(--kendo-color-gradient-canvas-border-radius, var(--kendo-border-radius-md, 0));
32078
+ border-width: var(--kendo-color-gradient-canvas-border-width, 0);
31982
32079
  border-style: solid;
31983
32080
  position: relative;
31984
32081
  flex: 1 1 auto;
@@ -31987,11 +32084,11 @@ textarea.k-input-inner {
31987
32084
  user-select: none;
31988
32085
  }
31989
32086
  .k-colorgradient-canvas .k-hsv-gradient {
31990
- height: var(--kendo-colorgradient-canvas-rectangle-height, 180px);
32087
+ height: var(--kendo-color-gradient-canvas-rectangle-height, 180px);
31991
32088
  }
31992
32089
  .k-colorgradient-canvas .k-hsv-draghandle {
31993
- margin-block-start: var(--kendo-colorgradient-canvas-draghandle-offset-y, -10px);
31994
- margin-inline-start: var(--kendo-colorgradient-canvas-draghandle--offset-x, -10px);
32090
+ margin-block-start: var(--kendo-color-gradient-canvas-draghandle-offset-y, -10px);
32091
+ margin-inline-start: var(--kendo-color-gradient-canvas-draghandle--offset-x, -10px);
31995
32092
  position: absolute;
31996
32093
  top: 50%;
31997
32094
  left: 50%;
@@ -32002,35 +32099,35 @@ textarea.k-input-inner {
32002
32099
  .k-colorgradient-canvas .k-hsv-controls {
32003
32100
  position: relative;
32004
32101
  flex-shrink: 0;
32005
- gap: var(--kendo-colorgradient-canvas-spacing, 0.5rem);
32102
+ gap: var(--kendo-color-gradient-canvas-spacing, 0.5rem);
32006
32103
  }
32007
32104
 
32008
32105
  .k-colorgradient .k-draghandle {
32009
- width: var(--kendo-colorgradient-draghandle-width, 20px);
32010
- height: var(--kendo-colorgradient-draghandle-height, 20px);
32011
- border-width: var(--kendo-colorgradient-draghandle-border-width, 1px);
32106
+ width: var(--kendo-color-gradient-draghandle-width, 20px);
32107
+ height: var(--kendo-color-gradient-draghandle-height, 20px);
32108
+ border-width: var(--kendo-color-gradient-draghandle-border-width, 1px);
32012
32109
  box-sizing: border-box;
32013
32110
  }
32014
32111
 
32015
32112
  .k-colorgradient-slider.k-slider-vertical {
32016
- width: var(--kendo-colorgradient-slider-track-size, 20px);
32017
- height: var(--kendo-colorgradient-slider-vertical-size, 180px);
32018
- flex: 0 0 var(--kendo-colorgradient-slider-track-size, 20px);
32113
+ width: var(--kendo-color-gradient-slider-track-size, 20px);
32114
+ height: var(--kendo-color-gradient-slider-vertical-size, 180px);
32115
+ flex: 0 0 var(--kendo-color-gradient-slider-track-size, 20px);
32019
32116
  }
32020
32117
  .k-colorgradient-slider.k-slider-vertical .k-slider-track {
32021
- width: var(--kendo-colorgradient-slider-track-size, 20px);
32022
- border-radius: var(--kendo-colorgradient-slider-border-radius, var(--kendo-border-radius-md, 0));
32023
- margin-left: calc(var(--kendo-colorgradient-slider-track-size, 20px)*-1/2);
32118
+ width: var(--kendo-color-gradient-slider-track-size, 20px);
32119
+ border-radius: var(--kendo-color-gradient-slider-border-radius, var(--kendo-border-radius-md, 0));
32120
+ margin-left: calc(var(--kendo-color-gradient-slider-track-size, 20px)*-1/2);
32024
32121
  }
32025
32122
  .k-colorgradient-slider.k-slider-horizontal {
32026
- width: var(--kendo-colorgradient-slider-horizontal-size, 100%);
32027
- height: var(--kendo-colorgradient-slider-track-size, 20px);
32028
- flex: 0 0 var(--kendo-colorgradient-slider-track-size, 20px);
32123
+ width: var(--kendo-color-gradient-slider-horizontal-size, 100%);
32124
+ height: var(--kendo-color-gradient-slider-track-size, 20px);
32125
+ flex: 0 0 var(--kendo-color-gradient-slider-track-size, 20px);
32029
32126
  }
32030
32127
  .k-colorgradient-slider.k-slider-horizontal .k-slider-track {
32031
- height: var(--kendo-colorgradient-slider-track-size, 20px);
32032
- border-radius: var(--kendo-colorgradient-slider-border-radius, var(--kendo-border-radius-md, 0));
32033
- margin-block-start: calc(var(--kendo-colorgradient-slider-track-size, 20px)/2*-1);
32128
+ height: var(--kendo-color-gradient-slider-track-size, 20px);
32129
+ border-radius: var(--kendo-color-gradient-slider-border-radius, var(--kendo-border-radius-md, 0));
32130
+ margin-block-start: calc(var(--kendo-color-gradient-slider-track-size, 20px)/2*-1);
32034
32131
  }
32035
32132
  .k-colorgradient-slider.k-alpha-slider .k-slider-track::before {
32036
32133
  content: "";
@@ -32042,7 +32139,7 @@ textarea.k-input-inner {
32042
32139
  z-index: -1;
32043
32140
  }
32044
32141
  .k-colorgradient-slider .k-slider-track {
32045
- border-width: var(--kendo-colorgradient-slider-border-width, 1px);
32142
+ border-width: var(--kendo-color-gradient-slider-border-width, 1px);
32046
32143
  border-style: solid;
32047
32144
  transform: none;
32048
32145
  z-index: auto;
@@ -32056,39 +32153,40 @@ textarea.k-input-inner {
32056
32153
  }
32057
32154
 
32058
32155
  .k-colorgradient-inputs {
32059
- gap: var(--kendo-colorgradient-input-spacing, 0.25rem);
32156
+ gap: var(--kendo-color-gradient-input-spacing, 0.25rem);
32060
32157
  }
32061
32158
  .k-colorgradient-inputs .k-colorgradient-input-label {
32062
- font-size: var(--kendo-colorgradient-input-label-font-size, var(--kendo-font-size-sm, inherit));
32159
+ font-size: var(--kendo-color-gradient-input-label-font-size, var(--kendo-font-size-sm, inherit));
32063
32160
  text-transform: uppercase;
32064
32161
  }
32065
32162
  .k-colorgradient-inputs > .k-vstack {
32066
- gap: var(--kendo-colorgradient-input-label-spacing, 0.25rem);
32163
+ gap: var(--kendo-color-gradient-input-label-spacing, 0.25rem);
32067
32164
  }
32068
32165
  .k-colorgradient-inputs .k-numerictextbox {
32069
- width: var(--kendo-colorgradient-input-width, 48px);
32166
+ width: var(--kendo-color-gradient-input-width, 48px);
32070
32167
  }
32071
32168
 
32072
32169
  .k-colorgradient-color-contrast > div {
32073
32170
  display: flex;
32074
32171
  flex-flow: row nowrap;
32075
- gap: var(--kendo-colorgradient-contrast-spacing, 0.6666666667rem);
32172
+ gap: var(--kendo-color-gradient-contrast-spacing, 0.6666666667rem);
32076
32173
  }
32077
32174
  .k-colorgradient-color-contrast .k-contrast-ratio {
32078
- margin-block-end: var(--kendo-colorgradient-contrast-spacing, 0.6666666667rem);
32175
+ margin-block-end: var(--kendo-color-gradient-contrast-spacing, 0.6666666667rem);
32079
32176
  }
32080
32177
  .k-colorgradient-color-contrast .k-contrast-ratio-text {
32081
- font-weight: var(--kendo-colorgradient-contrast-ratio-font-weight, var(--kendo-font-weight-bold, normal));
32178
+ font-weight: var(--kendo-color-gradient-contrast-ratio-font-weight, var(--kendo-font-weight-bold, normal));
32082
32179
  }
32083
32180
  .k-colorgradient-color-contrast .k-contrast-validation {
32084
32181
  display: inline-flex;
32085
32182
  align-items: center;
32086
- gap: calc(var(--kendo-colorgradient-contrast-spacing, 0.6666666667rem)/2);
32183
+ gap: calc(var(--kendo-color-gradient-contrast-spacing, 0.6666666667rem)/2);
32087
32184
  }
32088
32185
  .k-colorgradient-color-contrast .k-contrast-validation .k-icon {
32089
32186
  vertical-align: middle;
32090
32187
  }
32091
- .k-colorgradient-color-contrast .k-contrast-validation .k-icon + .k-icon {
32188
+ .k-colorgradient-color-contrast .k-contrast-validation .k-icon + .k-icon,
32189
+ .k-colorgradient-color-contrast .k-contrast-validation .k-icon-wrapper-host + .k-icon-wrapper-host .k-icon {
32092
32190
  margin-inline-start: -13px;
32093
32191
  }
32094
32192
 
@@ -32101,49 +32199,49 @@ textarea.k-input-inner {
32101
32199
  }
32102
32200
 
32103
32201
  .k-colorgradient {
32104
- border-color: var(--kendo-colorgradient-border, var(--kendo-component-border, initial));
32105
- color: var(--kendo-colorgradient-text, var(--kendo-component-text, initial));
32106
- background-color: var(--kendo-colorgradient-bg, var(--kendo-component-bg, initial));
32107
- box-shadow: var(--kendo-colorgradient-shadow, var(--kendo-box-shadow-depth-2, none));
32202
+ border-color: var(--kendo-color-gradient-border, var(--kendo-component-border, initial));
32203
+ color: var(--kendo-color-gradient-text, var(--kendo-component-text, initial));
32204
+ background-color: var(--kendo-color-gradient-bg, var(--kendo-component-bg, initial));
32205
+ box-shadow: var(--kendo-color-gradient-shadow, var(--kendo-box-shadow-depth-2, none));
32108
32206
  }
32109
32207
 
32110
32208
  .k-colorgradient:focus,
32111
32209
  .k-colorgradient.k-focus {
32112
- border-color: var(--kendo-colorgradient-focus-border, var(--kendo-neutral-20, inherit));
32113
- box-shadow: var(--kendo-colorgradient-focus-shadow, var(--kendo-box-shadow-depth-3, none));
32210
+ border-color: var(--kendo-color-gradient-focus-border, var(--kendo-neutral-20, inherit));
32211
+ box-shadow: var(--kendo-color-gradient-focus-shadow, var(--kendo-box-shadow-depth-3, none));
32114
32212
  }
32115
32213
 
32116
32214
  .k-colorgradient-canvas .k-hsv-gradient {
32117
32215
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0), black), linear-gradient(to right, white, rgba(255, 255, 255, 0));
32118
32216
  }
32119
32217
  .k-colorgradient-canvas .k-hsv-rectangle {
32120
- border-color: var(--kendo-colorgradient-canvas-rectangle-border, var(--kendo-neutral-30, inherit));
32218
+ border-color: var(--kendo-color-gradient-canvas-rectangle-border, var(--kendo-neutral-30, inherit));
32121
32219
  }
32122
32220
 
32123
32221
  .k-colorgradient .k-draghandle {
32124
- border-color: var(--kendo-colorgradient-draghandle-border, var(--kendo-neutral-110, inherit));
32125
- box-shadow: var(--kendo-colorgradient-draghandle-shadow, var(--kendo-box-shadow-depth-2, none));
32222
+ border-color: var(--kendo-color-gradient-draghandle-border, var(--kendo-neutral-110, inherit));
32223
+ box-shadow: var(--kendo-color-gradient-draghandle-shadow, var(--kendo-box-shadow-depth-2, none));
32126
32224
  }
32127
32225
  .k-colorgradient .k-draghandle:focus, .k-colorgradient .k-draghandle.k-focus {
32128
- border-color: var(--kendo-colorgradient-draghandle-focus-border, var(--kendo-neutral-160, inherit));
32129
- box-shadow: var(--kendo-colorgradient-draghandle-focus-shadow, var(--kendo-box-shadow-depth-2, none));
32226
+ border-color: var(--kendo-color-gradient-draghandle-focus-border, var(--kendo-neutral-160, inherit));
32227
+ box-shadow: var(--kendo-color-gradient-draghandle-focus-shadow, var(--kendo-box-shadow-depth-2, none));
32130
32228
  }
32131
32229
  .k-colorgradient .k-draghandle:active, .k-colorgradient .k-draghandle:hover, .k-colorgradient .k-draghandle.k-hover {
32132
- box-shadow: var(--kendo-colorgradient-draghandle-hover-shadow, var(--kendo-box-shadow-depth-2, none));
32230
+ box-shadow: var(--kendo-color-gradient-draghandle-hover-shadow, var(--kendo-box-shadow-depth-2, none));
32133
32231
  }
32134
32232
 
32135
32233
  .k-colorgradient .k-hsv-draghandle {
32136
- box-shadow: var(--kendo-colorgradient-canvas-draghandle-shadow, 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13), inset 0px 0px 0px 3px #FFFFFF);
32234
+ box-shadow: var(--kendo-color-gradient-canvas-draghandle-shadow, 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13), inset 0px 0px 0px 3px #FFFFFF);
32137
32235
  }
32138
32236
  .k-colorgradient .k-hsv-draghandle:focus, .k-colorgradient .k-hsv-draghandle.k-focus {
32139
- box-shadow: var(--kendo-colorgradient-canvas-draghandle-shadow, 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13), inset 0px 0px 0px 3px #FFFFFF);
32237
+ box-shadow: var(--kendo-color-gradient-canvas-draghandle-shadow, 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13), inset 0px 0px 0px 3px #FFFFFF);
32140
32238
  }
32141
32239
  .k-colorgradient .k-hsv-draghandle:active, .k-colorgradient .k-hsv-draghandle:hover, .k-colorgradient .k-hsv-draghandle.k-hover {
32142
- box-shadow: var(--kendo-colorgradient-canvas-draghandle-shadow, 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13), inset 0px 0px 0px 3px #FFFFFF);
32240
+ box-shadow: var(--kendo-color-gradient-canvas-draghandle-shadow, 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13), inset 0px 0px 0px 3px #FFFFFF);
32143
32241
  }
32144
32242
 
32145
32243
  .k-colorgradient-slider .k-slider-track {
32146
- border-color: var(--kendo-colorgradient-slider-border, var(--kendo-neutral-30, inherit));
32244
+ border-color: var(--kendo-color-gradient-slider-border, var(--kendo-neutral-30, inherit));
32147
32245
  }
32148
32246
 
32149
32247
  .k-colorgradient-slider.k-hue-slider.k-slider-horizontal .k-slider-track {
@@ -32158,19 +32256,19 @@ textarea.k-input-inner {
32158
32256
  }
32159
32257
 
32160
32258
  .k-colorgradient-input-label {
32161
- color: var(--kendo-colorgradient-input-label-text, var(--kendo-subtle-text, inherit));
32259
+ color: var(--kendo-color-gradient-input-label-text, var(--kendo-subtle-text, inherit));
32162
32260
  }
32163
32261
 
32164
32262
  .k-coloreditor {
32165
- border-radius: var(--kendo-coloreditor-border-radius, var(--kendo-border-radius-md, 0));
32166
- min-width: var(--kendo-coloreditor-min-width, 260px);
32167
- border-width: var(--kendo-coloreditor-border-width, 1px);
32263
+ border-radius: var(--kendo-color-editor-border-radius, var(--kendo-border-radius-md, 0));
32264
+ min-width: var(--kendo-color-editor-min-width, 260px);
32265
+ border-width: var(--kendo-color-editor-border-width, 1px);
32168
32266
  border-style: solid;
32169
32267
  box-sizing: border-box;
32170
32268
  outline: 0;
32171
- font-family: var(--kendo-coloreditor-font-family, var(--kendo-font-family, inherit));
32172
- font-size: var(--kendo-coloreditor-font-size, var(--kendo-font-size, inherit));
32173
- line-height: var(--kendo-coloreditor-line-height, var(--kendo-line-height, normal));
32269
+ font-family: var(--kendo-color-editor-font-family, var(--kendo-font-family, inherit));
32270
+ font-size: var(--kendo-color-editor-font-size, var(--kendo-font-size, inherit));
32271
+ line-height: var(--kendo-color-editor-line-height, var(--kendo-line-height, normal));
32174
32272
  display: inline-flex;
32175
32273
  flex-direction: column;
32176
32274
  align-items: stretch;
@@ -32183,18 +32281,18 @@ textarea.k-input-inner {
32183
32281
 
32184
32282
  .k-coloreditor .k-colorgradient:focus,
32185
32283
  .k-coloreditor .k-colorgradient.k-focus {
32186
- outline: var(--kendo-coloreditor-colorgradient-focus-outline, 2px) dotted;
32187
- outline-offset: var(--kendo-coloreditor-colorgradient-focus-outline-offset, 2px);
32284
+ outline: var(--kendo-color-editor-color-gradient-focus-outline, 2px) dotted;
32285
+ outline-offset: var(--kendo-color-editor-color-gradient-focus-outline-offset, 2px);
32188
32286
  border-radius: 0;
32189
32287
  }
32190
32288
 
32191
32289
  .k-coloreditor-header {
32192
- padding-inline: var(--kendo-coloreditor-header-padding-x, 0.5rem);
32193
- padding-block-start: var(--kendo-coloreditor-header-padding-y, 0.5rem);
32290
+ padding-inline: var(--kendo-color-editor-header-padding-x, 0.5rem);
32291
+ padding-block-start: var(--kendo-color-editor-header-padding-y, 0.5rem);
32194
32292
  }
32195
32293
 
32196
32294
  .k-coloreditor-header-actions {
32197
- gap: var(--kendo-coloreditor-header-actions-spacing, 0.25rem);
32295
+ gap: var(--kendo-color-editor-header-actions-spacing, 0.25rem);
32198
32296
  }
32199
32297
 
32200
32298
  .k-coloreditor-preview {
@@ -32202,22 +32300,22 @@ textarea.k-input-inner {
32202
32300
  flex-flow: column nowrap;
32203
32301
  align-items: stretch;
32204
32302
  justify-content: space-between;
32205
- gap: var(--kendo-coloreditor-preview-spacing, 0.25rem);
32303
+ gap: var(--kendo-color-editor-preview-spacing, 0.25rem);
32206
32304
  position: relative;
32207
32305
  z-index: 1;
32208
32306
  }
32209
32307
 
32210
32308
  .k-coloreditor-preview .k-color-preview {
32211
- width: var(--kendo-coloreditor-color-preview-width, 34px);
32212
- height: var(--kendo-coloreditor-color-preview-height, 14px);
32309
+ width: var(--kendo-color-editor-color-preview-width, 34px);
32310
+ height: var(--kendo-color-editor-color-preview-height, 14px);
32213
32311
  }
32214
32312
 
32215
32313
  .k-coloreditor-views {
32216
32314
  min-width: calc(var(--kendo-color-preview-width, 1.5rem)*var(--kendo-color-preview-columns, 10));
32217
- padding-inline: var(--kendo-coloreditor-views-padding-x, 0.5rem);
32218
- padding-block-start: calc(var(--kendo-coloreditor-views-padding-y, 0.5rem)*2);
32219
- padding-block-end: var(--kendo-coloreditor-views-padding-y, 0.5rem);
32220
- gap: var(--kendo-coloreditor-views-spacing, 0.5rem);
32315
+ padding-inline: var(--kendo-color-editor-views-padding-x, 0.5rem);
32316
+ padding-block-start: calc(var(--kendo-color-editor-views-padding-y, 0.5rem)*2);
32317
+ padding-block-end: var(--kendo-color-editor-views-padding-y, 0.5rem);
32318
+ gap: var(--kendo-color-editor-views-spacing, 0.5rem);
32221
32319
  }
32222
32320
  .k-coloreditor-views .k-colorgradient {
32223
32321
  padding: 0;
@@ -32236,28 +32334,28 @@ textarea.k-input-inner {
32236
32334
  .k-coloreditor-footer.k-actions, .k-coloreditor-footer.k-edit-buttons,
32237
32335
  .k-coloreditor-footer.k-action-buttons,
32238
32336
  .k-coloreditor-footer.k-columnmenu-actions, .k-coloreditor-footer.k-form-buttons {
32239
- padding-block: var(--kendo-coloreditor-footer-padding-y, 0.5rem);
32240
- padding-inline: var(--kendo-coloreditor-footer-padding-y, 0.5rem);
32337
+ padding-block: var(--kendo-color-editor-footer-padding-y, 0.5rem);
32338
+ padding-inline: var(--kendo-color-editor-footer-padding-y, 0.5rem);
32241
32339
  margin: 0;
32242
32340
  }
32243
32341
 
32244
32342
  .k-coloreditor {
32245
- border-color: var(--kendo-coloreditor-border, var(--kendo-component-border, initial));
32246
- color: var(--kendo-coloreditor-text, var(--kendo-component-text, initial));
32247
- background-color: var(--kendo-coloreditor-bg, var(--kendo-component-bg, initial));
32248
- box-shadow: var(--kendo-coloreditor-shadow, var(--kendo-box-shadow-depth-2, none));
32343
+ border-color: var(--kendo-color-editor-border, var(--kendo-component-border, initial));
32344
+ color: var(--kendo-color-editor-text, var(--kendo-component-text, initial));
32345
+ background-color: var(--kendo-color-editor-bg, var(--kendo-component-bg, initial));
32346
+ box-shadow: var(--kendo-color-editor-shadow, var(--kendo-box-shadow-depth-2, none));
32249
32347
  }
32250
32348
 
32251
32349
  .k-coloreditor:focus,
32252
32350
  .k-coloreditor.k-focus {
32253
- border-color: var(--kendo-coloreditor-focus-border, var(--kendo-neutral-20, inherit));
32254
- box-shadow: var(--kendo-coloreditor-focus-shadow, var(--kendo-box-shadow-depth-3, none));
32351
+ border-color: var(--kendo-color-editor-focus-border, var(--kendo-neutral-20, inherit));
32352
+ box-shadow: var(--kendo-color-editor-focus-shadow, var(--kendo-box-shadow-depth-3, none));
32255
32353
  }
32256
32354
 
32257
32355
  .k-coloreditor .k-colorgradient:focus,
32258
32356
  .k-coloreditor .k-colorgradient.k-focus {
32259
32357
  box-shadow: none;
32260
- outline-color: var(--kendo-coloreditor-colorgradient-focus-outline-color, rgba(0, 0, 0, 0.3));
32358
+ outline-color: var(--kendo-color-editor-color-gradient-focus-outline-color, rgba(0, 0, 0, 0.3));
32261
32359
  }
32262
32360
 
32263
32361
  .k-color-picker, .k-colorpicker {
@@ -32901,7 +32999,7 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
32901
32999
  visibility: hidden;
32902
33000
  }
32903
33001
  .k-upload .k-upload-files .k-file-icon-wrapper .k-file-icon {
32904
- font-size: var(--kendo-upload-group-icon-size, var(--kendo-icon-size-lg, 2rem));
33002
+ font-size: var(--kendo-upload-group-icon-size, var(--kendo-icon-size-xxl, 2rem));
32905
33003
  }
32906
33004
  .k-upload .k-upload-files .k-file-icon-wrapper .k-file-state {
32907
33005
  position: absolute;
@@ -32909,7 +33007,7 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
32909
33007
  .k-upload .k-upload-files .k-file-info {
32910
33008
  margin-inline-start: 0;
32911
33009
  margin-inline-end: 0;
32912
- min-height: var(--kendo-upload-group-icon-size, var(--kendo-icon-size-lg, 2rem));
33010
+ min-height: var(--kendo-upload-group-icon-size, var(--kendo-icon-size-xxl, 2rem));
32913
33011
  display: block;
32914
33012
  overflow: hidden;
32915
33013
  flex: 1 0 0;
@@ -32918,7 +33016,7 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
32918
33016
  .k-upload .k-file-single > .k-file-info {
32919
33017
  margin-inline-start: var(--kendo-padding-x, 0.5rem);
32920
33018
  margin-inline-end: 0;
32921
- min-height: var(--kendo-upload-group-icon-size, var(--kendo-icon-size-lg, 2rem));
33019
+ min-height: var(--kendo-upload-group-icon-size, var(--kendo-icon-size-xxl, 2rem));
32922
33020
  display: block;
32923
33021
  overflow: hidden;
32924
33022
  flex: 1 0 0;
@@ -33828,11 +33926,11 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
33828
33926
  flex-direction: column;
33829
33927
  }
33830
33928
  .k-menu-vertical > .k-menu-item > .k-menu-link {
33831
- padding-inline-end: var(--kendo-menu-popup-item-padding-end-md, calc(1rem + var( --kendo-icon-size, 1rem )));
33929
+ padding-inline-end: var(--kendo-menu-popup-md-item-padding-end, calc(1rem + var( --kendo-icon-size, 1rem )));
33832
33930
  }
33833
33931
  .k-menu-vertical > .k-menu-item > .k-menu-link > .k-menu-expand-arrow {
33834
- margin-inline-start: var(--kendo-menu-popup-item-icon-margin-start-md, 0);
33835
- margin-inline-end: var(--kendo-menu-popup-item-icon-margin-end-md, calc((var( --kendo-icon-size, 1rem ) + 0.5rem)*-1));
33932
+ margin-inline-start: var(--kendo-menu-popup-item-icon-md-margin-start, 0);
33933
+ margin-inline-end: var(--kendo-menu-popup-item-icon-md-margin-end, calc((var( --kendo-icon-size, 1rem ) + 0.5rem)*-1));
33836
33934
  }
33837
33935
  .k-menu-vertical > .k-menu-item + .k-menu-item {
33838
33936
  margin-block-start: var(--kendo-menu-item-spacing, 0);
@@ -34220,26 +34318,26 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
34220
34318
  }
34221
34319
 
34222
34320
  .k-toolbar-sm::before {
34223
- height: var(--kendo-button-inner-calc-size-sm, calc(var(--kendo-line-height, normal)*1em + 0.5rem));
34321
+ height: var(--kendo-button-sm-inner-calc-size, calc(var(--kendo-line-height, normal)*1em + 0.5rem));
34224
34322
  }
34225
34323
 
34226
34324
  .k-toolbar-md::before {
34227
- height: var(--kendo-button-inner-calc-size-md, calc(var(--kendo-line-height, normal)*1em + 0.75rem));
34325
+ height: var(--kendo-button-md-inner-calc-size, calc(var(--kendo-line-height, normal)*1em + 0.75rem));
34228
34326
  }
34229
34327
 
34230
34328
  .k-toolbar-lg::before {
34231
- height: var(--kendo-button-inner-calc-size-lg, calc(var(--kendo-line-height, normal)*1em + 1rem));
34329
+ height: var(--kendo-button-lg-inner-calc-size, calc(var(--kendo-line-height, normal)*1em + 1rem));
34232
34330
  }
34233
34331
 
34234
34332
  .k-floating-toolbar,
34235
34333
  .editorToolbarWindow.k-window-content {
34236
- padding-inline: var(--kendo-toolbar-padding-x-md, 0.5rem) !important;
34237
- padding-block: var(--kendo-toolbar-padding-y-md, 0.5rem) !important;
34334
+ padding-inline: var(--kendo-toolbar-md-padding-x, 0.5rem) !important;
34335
+ padding-block: var(--kendo-toolbar-md-padding-y, 0.5rem) !important;
34238
34336
  border-width: var(--kendo-toolbar-border-width, 1px);
34239
34337
  border-style: solid;
34240
34338
  display: flex;
34241
34339
  flex-flow: row nowrap;
34242
- gap: var(--kendo-toolbar-spacing-md, 0.5rem);
34340
+ gap: var(--kendo-toolbar-md-spacing, 0.5rem);
34243
34341
  align-items: center;
34244
34342
  }
34245
34343
  .k-floating-toolbar .k-toolbar,
@@ -34260,8 +34358,8 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
34260
34358
  }
34261
34359
 
34262
34360
  .k-overflow-container {
34263
- font-size: var(--kendo-menu-popup-font-size-md, inherit);
34264
- line-height: var(--kendo-menu-popup-line-height-md, normal);
34361
+ font-size: var(--kendo-menu-popup-md-font-size, inherit);
34362
+ line-height: var(--kendo-menu-popup-md-line-height, normal);
34265
34363
  }
34266
34364
  .k-overflow-container > .k-item {
34267
34365
  border-color: inherit;
@@ -34273,8 +34371,8 @@ k-datetimepicker[dir=rtl] .k-time-tab .k-datetime-selector, .k-rtl k-datetimepic
34273
34371
  display: block;
34274
34372
  }
34275
34373
  .k-overflow-container .k-overflow-button {
34276
- padding-inline: var(--kendo-menu-popup-item-padding-x-md, 8px);
34277
- padding-block: var(--kendo-menu-popup-item-padding-y-md, 4px);
34374
+ padding-inline: var(--kendo-menu-popup-md-item-padding-x, 8px);
34375
+ padding-block: var(--kendo-menu-popup-md-item-padding-y, 4px);
34278
34376
  width: 100%;
34279
34377
  height: auto;
34280
34378
  border-width: 0;
@@ -38487,7 +38585,7 @@ kendo-card-footer {
38487
38585
  }
38488
38586
 
38489
38587
  .k-tilelayout {
38490
- border-width: var(--kendo-tilelayout-border-width, 0px);
38588
+ border-width: var(--kendo-tile-layout-border-width, 0px);
38491
38589
  border-style: solid;
38492
38590
  box-sizing: border-box;
38493
38591
  outline: 0;
@@ -38502,8 +38600,8 @@ kendo-card-footer {
38502
38600
  }
38503
38601
 
38504
38602
  .k-layout-item-hint {
38505
- border-radius: var(--kendo-tilelayout-hint-border-radius, var(--kendo-border-radius-lg, initial));
38506
- border-width: var(--kendo-tilelayout-hint-border-width, 1px);
38603
+ border-radius: var(--kendo-tile-layout-hint-border-radius, var(--kendo-border-radius-lg, initial));
38604
+ border-width: var(--kendo-tile-layout-hint-border-width, 1px);
38507
38605
  border-style: solid;
38508
38606
  position: relative;
38509
38607
  }
@@ -38520,12 +38618,12 @@ kendo-card-footer {
38520
38618
  }
38521
38619
 
38522
38620
  .k-tilelayout {
38523
- background-color: var(--kendo-tilelayout-bg, var(--kendo-neutral-10, inherit));
38621
+ background-color: var(--kendo-tile-layout-bg, var(--kendo-neutral-10, inherit));
38524
38622
  }
38525
38623
 
38526
38624
  .k-layout-item-hint {
38527
- border-color: var(--kendo-tilelayout-hint-border, var(--kendo-component-border, initial));
38528
- background-color: var(--kendo-tilelayout-hint-bg, rgba(255, 255, 255, 0.2));
38625
+ border-color: var(--kendo-tile-layout-hint-border, var(--kendo-component-border, initial));
38626
+ background-color: var(--kendo-tile-layout-hint-bg, rgba(255, 255, 255, 0.2));
38529
38627
  }
38530
38628
 
38531
38629
  .k-grid {
@@ -38579,6 +38677,7 @@ kendo-card-footer {
38579
38677
  border-color: inherit;
38580
38678
  }
38581
38679
  .k-grid .k-table-th,
38680
+ .k-grid td,
38582
38681
  .k-grid .k-table-td {
38583
38682
  border-width: 0;
38584
38683
  padding-inline: var(--INTERNAL--kendo-grid-cell-padding-x, 0);
@@ -38594,14 +38693,17 @@ kendo-card-footer {
38594
38693
  box-sizing: content-box;
38595
38694
  }
38596
38695
  .k-grid .k-table-th:first-child,
38696
+ .k-grid td:first-child,
38597
38697
  .k-grid .k-table-td:first-child {
38598
38698
  border-inline-start-width: 0;
38599
38699
  }
38600
38700
  .k-grid .k-table-th:focus,
38701
+ .k-grid td:focus,
38601
38702
  .k-grid .k-table-td:focus {
38602
38703
  outline: none;
38603
38704
  }
38604
38705
  .k-grid .k-table-th .k-placeholder-line,
38706
+ .k-grid td .k-placeholder-line,
38605
38707
  .k-grid .k-table-td .k-placeholder-line {
38606
38708
  width: var(--kendo-grid-cell-placeholder-width, 80%);
38607
38709
  }
@@ -38609,6 +38711,10 @@ kendo-card-footer {
38609
38711
  .k-grid .k-table-th > .k-radio-wrap,
38610
38712
  .k-grid .k-table-th > .k-checkbox,
38611
38713
  .k-grid .k-table-th > .k-checkbox-wrap,
38714
+ .k-grid td > .k-radio,
38715
+ .k-grid td > .k-radio-wrap,
38716
+ .k-grid td > .k-checkbox,
38717
+ .k-grid td > .k-checkbox-wrap,
38612
38718
  .k-grid .k-table-td > .k-radio,
38613
38719
  .k-grid .k-table-td > .k-radio-wrap,
38614
38720
  .k-grid .k-table-td > .k-checkbox,
@@ -38622,6 +38728,7 @@ kendo-card-footer {
38622
38728
  border-inline-start-width: var(--kendo-grid-header-border-width-x, 0);
38623
38729
  white-space: nowrap;
38624
38730
  }
38731
+ .k-grid td,
38625
38732
  .k-grid .k-table-td {
38626
38733
  border-block-end-width: var(--kendo-grid-cell-border-width-y, 1px);
38627
38734
  border-inline-start-width: var(--kendo-grid-cell-border-width-x, 0px);
@@ -38648,10 +38755,12 @@ kendo-card-footer {
38648
38755
  align-items: center;
38649
38756
  align-content: center;
38650
38757
  }
38758
+ .k-grid .k-grouping-row td,
38651
38759
  .k-grid .k-grouping-row .k-table-td {
38652
38760
  border-block-end-width: 0;
38653
38761
  overflow: visible;
38654
38762
  }
38763
+ .k-grid .k-grouping-row + .k-table-row td,
38655
38764
  .k-grid .k-grouping-row + .k-table-row .k-table-td {
38656
38765
  border-top-width: var(--kendo-grid-grouping-row-border-width-y, 1px);
38657
38766
  }
@@ -38666,11 +38775,13 @@ kendo-card-footer {
38666
38775
  margin-inline-end: calc(var(--kendo-icon-size, 1rem)/2);
38667
38776
  text-decoration: none;
38668
38777
  }
38778
+ .k-grid .k-group-footer td,
38669
38779
  .k-grid .k-group-footer .k-table-td {
38670
38780
  border-style: solid;
38671
38781
  border-inline-width: var(--kendo-grid-group-footer-border-width-x, 0px);
38672
38782
  border-block-start-width: var(--kendo-grid-group-footer-border-width-y, 0px);
38673
38783
  }
38784
+ .k-grid .k-group-footer .k-group-cell + td,
38674
38785
  .k-grid .k-group-footer .k-group-cell + .k-table-td {
38675
38786
  border-inline-start-width: var(--kendo-grid-group-footer-border-width-x, 0px);
38676
38787
  }
@@ -38776,10 +38887,10 @@ kendo-card-footer {
38776
38887
  }
38777
38888
 
38778
38889
  .k-grouping-dropclue, .k-reorder-cue {
38779
- width: calc(var(--kendo-grid-group-dropclue-size, 6px)*2);
38780
- height: var(--INTERNAL--kendo-grid-group-dropclue-height, 1rem);
38890
+ width: calc(var(--kendo-grid-group-drop-hint-size, 6px)*2);
38891
+ height: var(--INTERNAL--kendo-grid-group-drop-hint-height, 1rem);
38781
38892
  position: absolute;
38782
- top: var(--kendo-grid-group-dropclue-top, 2px);
38893
+ top: var(--kendo-grid-group-drop-hint-top, 2px);
38783
38894
  box-sizing: content-box;
38784
38895
  }
38785
38896
  .k-grouping-dropclue::before, .k-reorder-cue::before, .k-grouping-dropclue::after, .k-reorder-cue::after {
@@ -38788,17 +38899,17 @@ kendo-card-footer {
38788
38899
  position: absolute;
38789
38900
  }
38790
38901
  .k-grouping-dropclue::before, .k-reorder-cue::before {
38791
- width: var(--kendo-grid-group-dropclue-dot-size, 6px);
38792
- height: var(--kendo-grid-group-dropclue-dot-size, 6px);
38902
+ width: var(--kendo-grid-group-drop-hint-dot-size, 6px);
38903
+ height: var(--kendo-grid-group-drop-hint-dot-size, 6px);
38793
38904
  border-radius: 50%;
38794
38905
  top: 0;
38795
- left: calc(var(--kendo-grid-group-dropclue-dot-size, 6px)/2);
38906
+ left: calc(var(--kendo-grid-group-drop-hint-dot-size, 6px)/2);
38796
38907
  }
38797
38908
  .k-grouping-dropclue::after, .k-reorder-cue::after {
38798
- width: var(--kendo-grid-group-dropclue-line-size, 1px);
38799
- height: calc(100% - var(--kendo-grid-group-dropclue-size, 6px));
38800
- top: var(--kendo-grid-group-dropclue-size, 6px);
38801
- left: calc(var(--kendo-grid-group-dropclue-size, 6px) - var(--kendo-grid-group-dropclue-line-size, 1px)/2);
38909
+ width: var(--kendo-grid-group-drop-hint-line-size, 1px);
38910
+ height: calc(100% - var(--kendo-grid-group-drop-hint-size, 6px));
38911
+ top: var(--kendo-grid-group-drop-hint-size, 6px);
38912
+ left: calc(var(--kendo-grid-group-drop-hint-size, 6px) - var(--kendo-grid-group-drop-hint-line-size, 1px)/2);
38802
38913
  }
38803
38914
 
38804
38915
  .k-grid-header-wrap,
@@ -38876,7 +38987,7 @@ div.k-grid-footer {
38876
38987
  outline: 0;
38877
38988
  }
38878
38989
  .k-grid-header .k-table-th > .k-link > .k-icon {
38879
- margin-inline-start: var(--kendo-grid-sort-icon-spacing, var(--kendo-icon-spacing-lg, 0.5rem));
38990
+ margin-inline-start: var(--kendo-grid-sort-icon-spacing, var(--kendo-icon-lg-spacing, 0.5rem));
38880
38991
  }
38881
38992
  .k-grid-header .k-table-th > .k-link:focus {
38882
38993
  text-decoration: none;
@@ -38908,7 +39019,7 @@ div.k-grid-footer {
38908
39019
  .k-grid-header .k-cell-inner > .k-link > .k-icon,
38909
39020
  .k-grid-header .k-cell-inner > .k-link > .k-sort-icon {
38910
39021
  vertical-align: text-top;
38911
- margin-inline-start: var(--kendo-grid-sort-icon-spacing, var(--kendo-icon-spacing-lg, 0.5rem));
39022
+ margin-inline-start: var(--kendo-grid-sort-icon-spacing, var(--kendo-icon-lg-spacing, 0.5rem));
38912
39023
  }
38913
39024
  .k-grid-header .k-sort-order {
38914
39025
  display: inline-block;
@@ -38930,13 +39041,17 @@ div.k-grid-footer {
38930
39041
  .k-grid-footer {
38931
39042
  border-block-start-width: var(--kendo-grid-border-width, 1px);
38932
39043
  }
39044
+ .k-grid-footer td,
38933
39045
  .k-grid-footer .k-table-td {
38934
39046
  height: var(--kendo-line-height-em, normal);
38935
39047
  border-block-end-width: 0;
38936
39048
  }
38937
39049
 
39050
+ .k-grid-footer td,
38938
39051
  .k-grid-footer .k-table-td,
38939
39052
  .k-grid-header .k-table-th,
39053
+ .k-group-footer td,
39054
+ .k-grouping-row td,
38940
39055
  .k-group-footer .k-table-td,
38941
39056
  .k-grouping-row .k-table-td {
38942
39057
  font-weight: var(--kendo-grid-header-font-weight, var(--kendo-font-weight-bold, normal));
@@ -38958,6 +39073,7 @@ div.k-grid-footer {
38958
39073
  .k-filter-row {
38959
39074
  line-height: var(--kendo-line-height, normal);
38960
39075
  }
39076
+ .k-filter-row td,
38961
39077
  .k-filter-row .k-table-td,
38962
39078
  .k-filter-row .k-table-th {
38963
39079
  padding-inline: var(--INTERNAL--kendo-grid-filter-cell-padding-x, 0);
@@ -38965,6 +39081,7 @@ div.k-grid-footer {
38965
39081
  border-width: 0 0 var(--kendo-grid-cell-border-width-y, 1px) var(--kendo-grid-cell-border-width-x, 0px);
38966
39082
  white-space: nowrap;
38967
39083
  }
39084
+ .k-filter-row td:first-child,
38968
39085
  .k-filter-row .k-table-td:first-child {
38969
39086
  border-left-width: 0;
38970
39087
  }
@@ -39007,7 +39124,9 @@ div.k-grid-footer {
39007
39124
  border-color: inherit;
39008
39125
  outline: 0;
39009
39126
  }
39127
+ .k-grid-content .k-table-row:last-child > td,
39010
39128
  .k-grid-content .k-table-row:last-child > .k-table-td,
39129
+ .k-grid-content-locked .k-table-row:last-child > td,
39011
39130
  .k-grid-content-locked .k-table-row:last-child > .k-table-td {
39012
39131
  border-bottom-width: 0;
39013
39132
  }
@@ -39032,20 +39151,24 @@ div.k-grid-footer {
39032
39151
  border-inline-end-width: var(--kendo-grid-border-width, 1px);
39033
39152
  }
39034
39153
 
39154
+ .k-master-row.k-expanded td,
39035
39155
  .k-master-row.k-expanded .k-table-td {
39036
39156
  border-block-end-width: 0;
39037
39157
  }
39038
39158
 
39159
+ .k-master-row:has(.k-hierarchy-cell[aria-expanded=true]) td,
39039
39160
  .k-master-row:has(.k-hierarchy-cell[aria-expanded=true]) .k-table-td {
39040
39161
  border-block-end-width: 0;
39041
39162
  }
39042
39163
 
39164
+ .k-master-row:last-child td,
39043
39165
  .k-master-row:last-child .k-table-td {
39044
39166
  border-block-end-width: var(--kendo-grid-border-width, 1px);
39045
39167
  }
39046
39168
 
39047
39169
  .k-grid .k-edit-cell,
39048
39170
  .k-grid .k-command-cell,
39171
+ .k-grid .k-grid-edit-row td,
39049
39172
  .k-grid .k-grid-edit-row .k-table-td {
39050
39173
  padding-inline: var(--INTERNAL--kendo-grid-edit-cell-padding-x, 0);
39051
39174
  padding-block: var(--INTERNAL--kendo-grid-edit-cell-padding-y, 0);
@@ -39055,6 +39178,9 @@ div.k-grid-footer {
39055
39178
  .k-grid .k-edit-cell > input:not([type=checkbox]):not([type=radio]),
39056
39179
  .k-grid .k-edit-cell > select,
39057
39180
  .k-grid .k-edit-cell > .k-widget:not(.k-switch),
39181
+ .k-grid .k-grid-edit-row td > input:not([type=checkbox]):not([type=radio]),
39182
+ .k-grid .k-grid-edit-row td > select,
39183
+ .k-grid .k-grid-edit-row td > .k-widget:not(.k-switch),
39058
39184
  .k-grid .k-grid-edit-row .k-table-td > input:not([type=checkbox]):not([type=radio]),
39059
39185
  .k-grid .k-grid-edit-row .k-table-td > select,
39060
39186
  .k-grid .k-grid-edit-row .k-table-td > .k-widget:not(.k-switch) {
@@ -39066,6 +39192,10 @@ div.k-grid-footer {
39066
39192
  .k-grid .k-edit-cell > .k-checkbox,
39067
39193
  .k-grid .k-edit-cell > .k-radio-wrap,
39068
39194
  .k-grid .k-edit-cell > .k-checkbox-wrap,
39195
+ .k-grid .k-grid-edit-row td > .k-radio,
39196
+ .k-grid .k-grid-edit-row td > .k-checkbox,
39197
+ .k-grid .k-grid-edit-row td > .k-radio-wrap,
39198
+ .k-grid .k-grid-edit-row td > .k-checkbox-wrap,
39069
39199
  .k-grid .k-grid-edit-row .k-table-td > .k-radio,
39070
39200
  .k-grid .k-grid-edit-row .k-table-td > .k-checkbox,
39071
39201
  .k-grid .k-grid-edit-row .k-table-td > .k-radio-wrap,
@@ -39107,17 +39237,17 @@ div.k-grid-footer {
39107
39237
  }
39108
39238
 
39109
39239
  .k-grid-virtual .k-grid-content .k-grid-table-wrap {
39110
- float: inline-start;
39240
+ float: left;
39111
39241
  width: 100%;
39112
39242
  }
39113
39243
  .k-grid-virtual .k-grid-content .k-grid-table {
39114
39244
  position: relative;
39115
- float: inline-start;
39245
+ float: left;
39116
39246
  z-index: 1;
39117
39247
  }
39118
39248
  .k-grid-virtual .k-grid-content > .k-height-container {
39119
39249
  position: relative;
39120
- float: inline-start;
39250
+ float: left;
39121
39251
  }
39122
39252
  .k-grid-virtual .k-grid-content::after {
39123
39253
  content: "";
@@ -39134,6 +39264,7 @@ div.k-grid-footer {
39134
39264
  height: 1px;
39135
39265
  }
39136
39266
 
39267
+ .k-grid-add-row td,
39137
39268
  .k-grid-add-row .k-table-td {
39138
39269
  border-bottom-style: solid;
39139
39270
  border-bottom-width: 1px;
@@ -39162,10 +39293,13 @@ div.k-grid-footer {
39162
39293
  border-inline-end-width: 1px;
39163
39294
  box-sizing: content-box;
39164
39295
  }
39296
+ .k-grid-content-locked td,
39165
39297
  .k-grid-content-locked .k-table-td,
39166
39298
  .k-grid-content-locked .k-table-th,
39299
+ .k-grid-footer-locked td,
39167
39300
  .k-grid-footer-locked .k-table-td,
39168
39301
  .k-grid-footer-locked .k-table-th,
39302
+ .k-grid-header-locked td,
39169
39303
  .k-grid-header-locked .k-table-td,
39170
39304
  .k-grid-header-locked .k-table-th {
39171
39305
  border-inline-start-width: 1px;
@@ -39229,6 +39363,7 @@ kendo-grid .k-table-row.k-grid-row-sticky {
39229
39363
  position: static;
39230
39364
  z-index: auto;
39231
39365
  }
39366
+ kendo-grid .k-grid-row-sticky td,
39232
39367
  kendo-grid .k-grid-row-sticky .k-table-td {
39233
39368
  border-block-start-width: var(--kendo-grid-border-width, 1px);
39234
39369
  border-block-end-width: var(--kendo-grid-border-width, 1px);
@@ -39236,9 +39371,12 @@ kendo-grid .k-grid-row-sticky .k-table-td {
39236
39371
  top: inherit;
39237
39372
  bottom: inherit;
39238
39373
  }
39374
+ kendo-grid .k-grid-row-sticky td,
39239
39375
  kendo-grid .k-grid-row-sticky .k-table-td {
39240
39376
  z-index: 2;
39241
39377
  }
39378
+ kendo-grid .k-grid-row-sticky td.k-grid-content-sticky,
39379
+ kendo-grid .k-grid-row-sticky.k-alt td.k-grid-content-sticky,
39242
39380
  kendo-grid .k-grid-row-sticky .k-table-td.k-grid-content-sticky,
39243
39381
  kendo-grid .k-grid-row-sticky.k-alt .k-table-td.k-grid-content-sticky {
39244
39382
  z-index: 3;
@@ -39261,9 +39399,11 @@ kendo-grid .k-grid-header .k-grid-header-menu {
39261
39399
  .k-grid .k-grid-footer-sticky {
39262
39400
  border-inline-end-width: var(--kendo-grid-sticky-cell-border-width, 1px);
39263
39401
  }
39264
- .k-grid .k-grid-header-sticky:not([style*="display: none"]) + .k-table-td, .k-grid .k-grid-header-sticky:not([style*="display: none"]) + .k-table-th,
39402
+ .k-grid .k-grid-header-sticky:not([style*="display: none"]) + td, .k-grid .k-grid-header-sticky:not([style*="display: none"]) + .k-table-td, .k-grid .k-grid-header-sticky:not([style*="display: none"]) + .k-table-th,
39403
+ .k-grid .k-grid-content-sticky:not([style*="display: none"]) + td,
39265
39404
  .k-grid .k-grid-content-sticky:not([style*="display: none"]) + .k-table-td,
39266
39405
  .k-grid .k-grid-content-sticky:not([style*="display: none"]) + .k-table-th,
39406
+ .k-grid .k-grid-footer-sticky:not([style*="display: none"]) + td,
39267
39407
  .k-grid .k-grid-footer-sticky:not([style*="display: none"]) + .k-table-td,
39268
39408
  .k-grid .k-grid-footer-sticky:not([style*="display: none"]) + .k-table-th {
39269
39409
  border-inline-start-width: 0;
@@ -39385,7 +39525,7 @@ div.k-grid-norecords {
39385
39525
  --INTERNAL--kendo-button-padding-y: var( --kendo-button-padding-y-sm, 0.25rem );
39386
39526
  --INTERNAL--kendo-button-calc-size: var( --kendo-button-calc-size-sm, calc(var(--kendo-line-height, normal)*1em + 0.5rem + 2px) );
39387
39527
  --INTERNAL--kendo-button-line-height: var( --kendo-button-line-height-sm, );
39388
- --INTERNAL--kendo-grid-group-dropclue-height: var( --kendo-group-dropclue-height-sm, calc(var(--kendo-line-height, normal)*1em + 0.25rem + 8px) );
39528
+ --INTERNAL--kendo-grid-group-drop-hint-height: var( --kendo-group-dropclue-height-sm, calc(var(--kendo-line-height, normal)*1em + 0.25rem + 8px) );
39389
39529
  }
39390
39530
 
39391
39531
  .k-grid-md {
@@ -39402,7 +39542,7 @@ div.k-grid-norecords {
39402
39542
  --INTERNAL--kendo-button-padding-y: var( --kendo-button-padding-y-md, 0.375rem );
39403
39543
  --INTERNAL--kendo-button-calc-size: var( --kendo-button-calc-size-md, calc(var(--kendo-line-height, normal)*1em + 0.75rem + 2px) );
39404
39544
  --INTERNAL--kendo-button-line-height: var( --kendo-button-line-height-md, );
39405
- --INTERNAL--kendo-grid-group-dropclue-height: var( --kendo-group-dropclue-height-md, calc(var(--kendo-line-height, normal)*1em + 0.25rem + 8px) );
39545
+ --INTERNAL--kendo-grid-group-drop-hint-height: var( --kendo-group-dropclue-height-md, calc(var(--kendo-line-height, normal)*1em + 0.25rem + 8px) );
39406
39546
  }
39407
39547
 
39408
39548
  .k-loading-pdf-mask {
@@ -39442,7 +39582,7 @@ div.k-grid-norecords {
39442
39582
  }
39443
39583
 
39444
39584
  .k-pdf-export-shadow .k-grid {
39445
- float: inline-start;
39585
+ float: left;
39446
39586
  width: auto !important;
39447
39587
  }
39448
39588
  .k-pdf-export-shadow .k-grid,
@@ -39533,6 +39673,7 @@ div.k-grid-norecords {
39533
39673
  table-layout: auto !important;
39534
39674
  }
39535
39675
  .k-autofitting .k-table-th,
39676
+ .k-autofitting td,
39536
39677
  .k-autofitting .k-table-td {
39537
39678
  white-space: nowrap !important;
39538
39679
  }
@@ -39651,12 +39792,14 @@ div.k-grid-norecords {
39651
39792
  .k-grid-header,
39652
39793
  .k-grid-header-wrap,
39653
39794
  .k-grouping-header,
39795
+ .k-grid td,
39654
39796
  .k-grid .k-table-td,
39655
39797
  .k-grid-footer,
39656
39798
  .k-grid-footer-wrap,
39657
39799
  .k-grid-content-locked,
39658
39800
  .k-grid-footer-locked,
39659
39801
  .k-grid-header-locked,
39802
+ .k-filter-row > td,
39660
39803
  .k-filter-row > .k-table-td,
39661
39804
  .k-filter-row > .k-table-th {
39662
39805
  border-color: var(--kendo-grid-header-border, var(--kendo-component-border, initial));
@@ -39682,6 +39825,8 @@ div.k-grid-norecords {
39682
39825
  background-color: var(--kendo-grid-bg, var(--kendo-component-bg, initial));
39683
39826
  }
39684
39827
 
39828
+ .k-group-footer td,
39829
+ .k-grouping-row td,
39685
39830
  .k-group-footer .k-table-td,
39686
39831
  .k-grouping-row .k-table-td,
39687
39832
  .k-table-tbody .k-group-cell {
@@ -39691,7 +39836,7 @@ div.k-grid-norecords {
39691
39836
  }
39692
39837
 
39693
39838
  .k-grouping-dropclue::before, .k-reorder-cue::before, .k-grouping-dropclue::after, .k-reorder-cue::after {
39694
- background-color: var(--kendo-grid-group-dropclue-bg, var(--kendo-primary-100, inherit));
39839
+ background-color: var(--kendo-grid-group-drop-hint-bg, var(--kendo-primary-100, inherit));
39695
39840
  }
39696
39841
 
39697
39842
  .k-grid {
@@ -39705,24 +39850,36 @@ div.k-grid-norecords {
39705
39850
  color: var(--kendo-grid-hover-text, var(--kendo-hover-text, inherit));
39706
39851
  background-color: var(--kendo-grid-hover-bg, var(--kendo-hover-bg, inherit));
39707
39852
  }
39853
+ .k-grid td.k-selected,
39854
+ .k-grid .k-table-row.k-selected > td,
39708
39855
  .k-grid .k-table-td.k-selected,
39709
39856
  .k-grid .k-table-row.k-selected > .k-table-td {
39710
39857
  color: var(--kendo-grid-selected-text, var(--kendo-component-text, initial));
39711
39858
  background-color: var(--kendo-grid-selected-bg, var(--kendo-primary-20, inherit));
39712
39859
  border-block-color: var(--kendo-grid-selected-border, var(--kendo-component-border, initial));
39713
39860
  }
39861
+ .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover td.k-selected,
39862
+ .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover.k-selected > td,
39714
39863
  .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row):hover .k-table-td.k-selected,
39715
39864
  .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover.k-selected > .k-table-td,
39716
39865
  .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover.k-selected,
39866
+ .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover td.k-selected,
39867
+ .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected:hover > td,
39717
39868
  .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-hover .k-table-td.k-selected,
39718
39869
  .k-grid .k-table-tbody > .k-table-row:not(.k-detail-row).k-selected:hover > .k-table-td {
39719
39870
  color: var(--kendo-grid-selected-hover-text, var(--kendo-component-text, initial));
39720
39871
  background-color: var(--kendo-grid-selected-hover-bg, var(--kendo-primary-30, inherit));
39721
39872
  }
39873
+ .k-grid td:focus,
39874
+ .k-grid td.k-focus,
39722
39875
  .k-grid .k-table-td:focus,
39723
39876
  .k-grid .k-table-td.k-focus,
39724
39877
  .k-grid .k-table-th:focus,
39725
39878
  .k-grid .k-table-th.k-focus,
39879
+ .k-grid .k-master-row > td:focus,
39880
+ .k-grid .k-grouping-row > td:focus,
39881
+ .k-grid .k-detail-row > td:focus,
39882
+ .k-grid .k-group-footer > td:focus,
39726
39883
  .k-grid .k-master-row > .k-table-td:focus,
39727
39884
  .k-grid .k-grouping-row > .k-table-td:focus,
39728
39885
  .k-grid .k-detail-row > .k-table-td:focus,
@@ -39749,21 +39906,28 @@ div.k-grid-norecords {
39749
39906
  .k-grid .k-grid-header-locked,
39750
39907
  .k-grid .k-grid-content-locked,
39751
39908
  .k-grid .k-grid-header-locked .k-table-th,
39909
+ .k-grid .k-grid-content-locked td,
39752
39910
  .k-grid .k-grid-content-locked .k-table-td {
39753
39911
  border-inline-color: var(--kendo-grid-sticky-header-border, var(--kendo-neutral-90, inherit));
39754
39912
  }
39913
+ .k-grid .k-grid-content-locked .k-group-footer td,
39755
39914
  .k-grid .k-grid-content-locked .k-group-footer .k-table-td {
39756
39915
  border-color: var(--kendo-grid-header-border, var(--kendo-component-border, initial));
39757
39916
  }
39917
+ .k-grid .k-grid-content-locked .k-grouping-row + .k-table-row td,
39758
39918
  .k-grid .k-grid-content-locked .k-grouping-row + .k-table-row .k-table-td {
39759
39919
  border-top-color: var(--kendo-grid-header-border, var(--kendo-component-border, initial));
39760
39920
  }
39921
+ .k-grid .k-grid-content-locked .k-selected td,
39761
39922
  .k-grid .k-grid-content-locked .k-selected .k-table-td {
39762
39923
  background-color: var(--kendo-grid-sticky-selected-bg, var(--kendo-primary-20, inherit));
39763
39924
  }
39925
+ .k-grid .k-grid-content-locked .k-selected.k-table-alt-row td,
39764
39926
  .k-grid .k-grid-content-locked .k-selected.k-table-alt-row .k-table-td {
39765
39927
  background-color: var(--kendo-grid-sticky-selected-alt-bg, var(--kendo-primary-20, inherit));
39766
39928
  }
39929
+ .k-grid .k-grid-content-locked .k-selected:hover td,
39930
+ .k-grid .k-grid-content-locked .k-selected.k-hover td,
39767
39931
  .k-grid .k-grid-content-locked .k-selected:hover .k-table-td,
39768
39932
  .k-grid .k-grid-content-locked .k-selected.k-hover .k-table-td {
39769
39933
  background-color: var(--kendo-grid-sticky-selected-hover-bg, var(--kendo-primary-30, inherit));
@@ -39812,6 +39976,7 @@ col.k-sorted,
39812
39976
  background-color: var(--kendo-selected-bg, inherit);
39813
39977
  }
39814
39978
  .k-grid-header .k-table-th.k-grid-header-sticky,
39979
+ .k-grid-header td.k-grid-header-sticky,
39815
39980
  .k-grid-header .k-table-td.k-grid-header-sticky,
39816
39981
  .k-grid-header .k-grid-header-sticky.k-sorted {
39817
39982
  color: var(--kendo-grid-sticky-header-text, var(--kendo-neutral-190, inherit));
@@ -39843,16 +40008,17 @@ col.k-sorted,
39843
40008
  background-color: var(--kendo-grid-sticky-alt-bg, var(--kendo-component-bg, initial));
39844
40009
  }
39845
40010
  .k-master-row.k-selected .k-grid-content-sticky, .k-master-row.k-selected .k-grid-row-sticky,
40011
+ .k-master-row td.k-grid-content-sticky.k-selected,
39846
40012
  .k-master-row .k-table-td.k-grid-content-sticky.k-selected {
39847
40013
  background-color: var(--kendo-grid-sticky-selected-bg, var(--kendo-primary-20, inherit));
39848
40014
  }
39849
- .k-master-row.k-selected.k-table-alt-row .k-grid-content-sticky, .k-master-row.k-selected.k-table-alt-row .k-grid-row-sticky, .k-master-row.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected {
40015
+ .k-master-row.k-selected.k-table-alt-row .k-grid-content-sticky, .k-master-row.k-selected.k-table-alt-row .k-grid-row-sticky, .k-master-row.k-table-alt-row td.k-grid-content-sticky.k-selected, .k-master-row.k-table-alt-row .k-table-td.k-grid-content-sticky.k-selected {
39850
40016
  background-color: var(--kendo-grid-sticky-selected-alt-bg, var(--kendo-primary-20, inherit));
39851
40017
  }
39852
40018
  .k-master-row:hover .k-grid-content-sticky, .k-master-row:hover .k-grid-row-sticky, .k-master-row.k-hover .k-grid-content-sticky, .k-master-row.k-hover .k-grid-row-sticky {
39853
40019
  background-color: var(--kendo-grid-sticky-hover-bg, var(--kendo-hover-bg, inherit));
39854
40020
  }
39855
- .k-master-row.k-selected:hover .k-grid-content-sticky, .k-master-row.k-selected:hover .k-grid-row-sticky, .k-master-row.k-selected.k-hover .k-grid-content-sticky, .k-master-row.k-selected.k-hover .k-grid-row-sticky, .k-master-row:hover .k-table-td.k-grid-content-sticky.k-selected, .k-master-row.k-hover .k-table-td.k-grid-content-sticky.k-selected {
40021
+ .k-master-row.k-selected:hover .k-grid-content-sticky, .k-master-row.k-selected:hover .k-grid-row-sticky, .k-master-row.k-selected.k-hover .k-grid-content-sticky, .k-master-row.k-selected.k-hover .k-grid-row-sticky, .k-master-row:hover td.k-grid-content-sticky.k-selected, .k-master-row.k-hover td.k-grid-content-sticky.k-selected, .k-master-row:hover .k-table-td.k-grid-content-sticky.k-selected, .k-master-row.k-hover .k-table-td.k-grid-content-sticky.k-selected {
39856
40022
  background-color: var(--kendo-grid-sticky-selected-hover-bg, var(--kendo-primary-30, inherit));
39857
40023
  }
39858
40024
 
@@ -39864,30 +40030,39 @@ kendo-grid.k-grid .k-grid-content-sticky {
39864
40030
  kendo-grid.k-grid .k-grid-content-sticky:hover, kendo-grid.k-grid .k-grid-content-sticky.k-hover {
39865
40031
  background-color: var(--kendo-grid-sticky-hover-bg, var(--kendo-hover-bg, inherit));
39866
40032
  }
40033
+ kendo-grid.k-grid .k-grid-row-sticky td,
39867
40034
  kendo-grid.k-grid .k-grid-row-sticky .k-table-td {
39868
40035
  border-block-color: var(--kendo-grid-sticky-border, var(--kendo-neutral-90, inherit));
39869
40036
  background-color: var(--kendo-grid-sticky-bg, var(--kendo-component-bg, initial));
39870
40037
  }
39871
- kendo-grid.k-grid .k-grid-row-sticky:hover .k-table-td, kendo-grid.k-grid .k-grid-row-sticky.k-hover .k-table-td {
40038
+ kendo-grid.k-grid .k-grid-row-sticky:hover td, kendo-grid.k-grid .k-grid-row-sticky.k-hover td, kendo-grid.k-grid .k-grid-row-sticky:hover .k-table-td, kendo-grid.k-grid .k-grid-row-sticky.k-hover .k-table-td {
39872
40039
  background-color: var(--kendo-grid-sticky-hover-bg, var(--kendo-hover-bg, inherit));
39873
40040
  }
39874
40041
  kendo-grid.k-grid .k-table-alt-row .k-grid-content-sticky,
40042
+ kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row td,
39875
40043
  kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row .k-table-td {
39876
40044
  background-color: var(--kendo-grid-sticky-alt-bg, var(--kendo-component-bg, initial));
39877
40045
  }
39878
40046
  kendo-grid.k-grid .k-table-row.k-selected .k-grid-content-sticky,
40047
+ kendo-grid.k-grid .k-selected.k-grid-row-sticky td,
40048
+ kendo-grid.k-grid .k-grid-row-sticky td.k-selected,
39879
40049
  kendo-grid.k-grid .k-selected.k-grid-row-sticky .k-table-td,
39880
40050
  kendo-grid.k-grid .k-grid-row-sticky .k-table-td.k-selected,
39881
40051
  kendo-grid.k-grid .k-selected.k-grid-content-sticky {
39882
40052
  background-color: var(--kendo-grid-sticky-selected-bg, var(--kendo-primary-20, inherit));
39883
40053
  }
39884
40054
  kendo-grid.k-grid .k-table-row.k-selected.k-table-alt-row .k-grid-content-sticky,
40055
+ kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky td,
39885
40056
  kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky .k-table-td,
39886
40057
  kendo-grid.k-grid .k-table-alt-row .k-selected.k-grid-content-sticky {
39887
40058
  background-color: var(--kendo-grid-sticky-selected-alt-bg, var(--kendo-primary-20, inherit));
39888
40059
  }
39889
40060
  kendo-grid.k-grid .k-table-row:hover .k-grid-content-sticky,
39890
40061
  kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky,
40062
+ kendo-grid.k-grid .k-grid-row-sticky:hover td,
40063
+ kendo-grid.k-grid .k-grid-row-sticky.k-hover td,
40064
+ kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row:hover td,
40065
+ kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row.k-hover td,
39891
40066
  kendo-grid.k-grid .k-grid-row-sticky:hover .k-table-td,
39892
40067
  kendo-grid.k-grid .k-grid-row-sticky.k-hover .k-table-td,
39893
40068
  kendo-grid.k-grid .k-grid-row-sticky.k-table-alt-row:hover .k-table-td,
@@ -39898,12 +40073,18 @@ kendo-grid.k-grid .k-table-alt-row.k-hover .k-grid-content-sticky {
39898
40073
  }
39899
40074
  kendo-grid.k-grid .k-table-row.k-selected:hover .k-grid-content-sticky,
39900
40075
  kendo-grid.k-grid .k-table-row.k-selected.k-hover .k-grid-content-sticky,
40076
+ kendo-grid.k-grid .k-selected.k-grid-row-sticky:hover td,
40077
+ kendo-grid.k-grid .k-selected.k-grid-row-sticky.k-hover td,
40078
+ kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky:hover td,
40079
+ kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky.k-hover td,
39901
40080
  kendo-grid.k-grid .k-selected.k-grid-row-sticky:hover .k-table-td,
39902
40081
  kendo-grid.k-grid .k-selected.k-grid-row-sticky.k-hover .k-table-td,
39903
40082
  kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky:hover .k-table-td,
39904
40083
  kendo-grid.k-grid .k-selected.k-table-alt-row.k-grid-row-sticky.k-hover .k-table-td,
39905
40084
  kendo-grid.k-grid .k-table-row.k-selected.k-table-alt-row:hover .k-grid-content-sticky,
39906
40085
  kendo-grid.k-grid .k-table-row.k-selected.k-table-alt-row.k-hover .k-grid-content-sticky,
40086
+ kendo-grid.k-grid .k-grid-row-sticky:hover td.k-selected,
40087
+ kendo-grid.k-grid .k-grid-row-sticky.k-hover td.k-selected,
39907
40088
  kendo-grid.k-grid .k-grid-row-sticky:hover .k-table-td.k-selected,
39908
40089
  kendo-grid.k-grid .k-grid-row-sticky.k-hover .k-table-td.k-selected,
39909
40090
  kendo-grid.k-grid .k-table-row:hover .k-grid-content-sticky.k-selected,
@@ -40201,7 +40382,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
40201
40382
  }
40202
40383
 
40203
40384
  .k-spreadsheet-quick-access-toolbar {
40204
- padding: var(--kendo-toolbar-padding-y-md, 0.5rem);
40385
+ padding: var(--kendo-toolbar-md-padding-y, 0.5rem);
40205
40386
  display: inline-flex;
40206
40387
  flex-direction: row;
40207
40388
  position: absolute;
@@ -40287,9 +40468,9 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
40287
40468
  display: none;
40288
40469
  }
40289
40470
  .k-spreadsheet-formula-bar .k-spreadsheet-formula-input {
40290
- padding-inline: var(--kendo-input-padding-x-md, 0.5rem);
40291
- padding-block: var(--kendo-input-padding-y-md, 0.375rem);
40292
- line-height: var(--kendo-input-line-height-md, var(--kendo-line-height, normal));
40471
+ padding-inline: var(--kendo-input-md-padding-x, 0.5rem);
40472
+ padding-block: var(--kendo-input-md-padding-y, 0.375rem);
40473
+ line-height: var(--kendo-input-md-line-height, var(--kendo-line-height, normal));
40293
40474
  }
40294
40475
  .k-spreadsheet-formula-bar .k-spreadsheet-formula-input.k-spreadsheet-array-formula::before {
40295
40476
  content: "{";
@@ -40324,8 +40505,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
40324
40505
  min-width: 100px;
40325
40506
  }
40326
40507
  .k-spreadsheet-formula-list .k-item {
40327
- padding-inline: var(--kendo-list-item-padding-x-md, 0.5rem);
40328
- padding-block: var(--kendo-list-item-padding-y-md, 0.5rem);
40508
+ padding-inline: var(--kendo-list-md-item-padding-x, 0.5rem);
40509
+ padding-block: var(--kendo-list-md-item-padding-y, 0.5rem);
40329
40510
  }
40330
40511
 
40331
40512
  .k-syntax-func,
@@ -40738,8 +40919,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
40738
40919
  }
40739
40920
  .k-spreadsheet-filter-menu .k-details-summary,
40740
40921
  .k-spreadsheet-filter-menu .k-columnmenu-item {
40741
- padding-block: var(--kendo-menu-popup-item-padding-y-md, 0.5rem);
40742
- padding-inline: var(--kendo-menu-popup-item-padding-x-md, 0.5rem);
40922
+ padding-block: var(--kendo-menu-popup-md-item-padding-y, 0.5rem);
40923
+ padding-inline: var(--kendo-menu-popup-md-item-padding-x, 0.5rem);
40743
40924
  display: flex;
40744
40925
  align-items: center;
40745
40926
  cursor: pointer;
@@ -42042,12 +42223,12 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42042
42223
  }
42043
42224
 
42044
42225
  .k-filemanager {
42045
- border-width: var(--kendo-filemanager-border-width, 1px);
42226
+ border-width: var(--kendo-file-manager-border-width, 1px);
42046
42227
  border-style: solid;
42047
42228
  box-sizing: border-box;
42048
- font-family: var(--kendo-filemanager-font-family, var(--kendo-font-family, normal));
42049
- font-size: var(--kendo-filemanager-font-size, var(--kendo-font-size, inherit));
42050
- line-height: var(--kendo-filemanager-line-height, var(--kendo-line-height, normal));
42229
+ font-family: var(--kendo-file-manager-font-family, var(--kendo-font-family, normal));
42230
+ font-size: var(--kendo-file-manager-font-size, var(--kendo-font-size, inherit));
42231
+ line-height: var(--kendo-file-manager-line-height, var(--kendo-line-height, normal));
42051
42232
  display: flex;
42052
42233
  flex-flow: column nowrap;
42053
42234
  }
@@ -42058,7 +42239,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42058
42239
 
42059
42240
  .k-filemanager-toolbar {
42060
42241
  border-width: 0;
42061
- border-bottom-width: var(--kendo-filemanager-toolbar-border-width, 1px);
42242
+ border-bottom-width: var(--kendo-file-manager-toolbar-border-width, 1px);
42062
42243
  border-color: inherit;
42063
42244
  flex-shrink: 0;
42064
42245
  }
@@ -42074,11 +42255,11 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42074
42255
  }
42075
42256
 
42076
42257
  .k-filemanager-navigation {
42077
- padding-inline: var(--kendo-filemanager-navigation-padding-x, 1rem);
42078
- padding-block: var(--kendo-filemanager-navigation-padding-y, 1rem);
42079
- width: var(--kendo-filemanager-navigation-width, 20%);
42258
+ padding-inline: var(--kendo-file-manager-navigation-padding-x, 1rem);
42259
+ padding-block: var(--kendo-file-manager-navigation-padding-y, 1rem);
42260
+ width: var(--kendo-file-manager-navigation-width, 20%);
42080
42261
  border-width: 0;
42081
- border-right-width: var(--kendo-filemanager-navigation-border-width, 1px);
42262
+ border-right-width: var(--kendo-file-manager-navigation-border-width, 1px);
42082
42263
  border-style: solid;
42083
42264
  border-color: inherit;
42084
42265
  box-sizing: border-box;
@@ -42104,10 +42285,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42104
42285
  }
42105
42286
 
42106
42287
  .k-filemanager-breadcrumb {
42107
- padding-inline: var(--kendo-filemanager-breadcrumb-padding-x, 0.5rem);
42108
- padding-block: var(--kendo-filemanager-breadcrumb-padding-y, 0.5rem);
42288
+ padding-inline: var(--kendo-file-manager-breadcrumb-padding-x, 0.5rem);
42289
+ padding-block: var(--kendo-file-manager-breadcrumb-padding-y, 0.5rem);
42109
42290
  border-width: 0;
42110
- border-bottom-width: var(--kendo-filemanager-breadcrumb-border-width, 1px);
42291
+ border-bottom-width: var(--kendo-file-manager-breadcrumb-border-width, 1px);
42111
42292
  flex-shrink: 0;
42112
42293
  }
42113
42294
 
@@ -42116,10 +42297,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42116
42297
  flex: 1 1 0%;
42117
42298
  }
42118
42299
  .k-filemanager-listview .k-listview-item {
42119
- padding-inline: var(--kendo-filemanager-listview-item-padding-x, 1rem);
42120
- padding-block: var(--kendo-filemanager-listview-item-padding-y, 1rem);
42121
- width: var(--kendo-filemanager-listview-item-width, 120px);
42122
- height: var(--kendo-filemanager-listview-item-height, 120px);
42300
+ padding-inline: var(--kendo-file-manager-listview-item-padding-x, 1rem);
42301
+ padding-block: var(--kendo-file-manager-listview-item-padding-y, 1rem);
42302
+ width: var(--kendo-file-manager-listview-item-width, 120px);
42303
+ height: var(--kendo-file-manager-listview-item-height, 120px);
42123
42304
  text-align: center;
42124
42305
  }
42125
42306
  .k-filemanager-listview .k-file-preview {
@@ -42128,10 +42309,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42128
42309
  justify-content: center;
42129
42310
  }
42130
42311
  .k-filemanager-listview .k-file-icon {
42131
- font-size: var(--kendo-filemanager-listview-item-icon-size, calc(var(--kendo-icon-size, 1rem)*3));
42312
+ font-size: var(--kendo-file-manager-listview-item-icon-size, calc(var(--kendo-icon-size, 1rem)*3));
42132
42313
  }
42133
42314
  .k-filemanager-listview .k-file-name {
42134
- margin-block-start: calc(var(--kendo-filemanager-spacer, 1rem)/2);
42315
+ margin-block-start: calc(var(--kendo-file-manager-spacer, 1rem)/2);
42135
42316
  display: block;
42136
42317
  text-align: center;
42137
42318
  overflow: hidden;
@@ -42159,14 +42340,14 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42159
42340
  }
42160
42341
 
42161
42342
  .k-filemanager-preview {
42162
- padding-inline-start: var(--kendo-filemanager-preview-padding-x, 1rem);
42163
- padding-inline-end: var(--kendo-filemanager-preview-padding-x, 1rem);
42164
- padding-block-start: calc(var(--kendo-filemanager-preview-padding-y, 1rem)*3);
42165
- padding-block-end: var(--kendo-filemanager-preview-padding-y, 1rem);
42166
- width: var(--kendo-filemanager-preview-width, 20%);
42167
- min-height: calc(var(--kendo-filemanager-preview-padding-y, 1rem) * 4 + var(--kendo-filemanager-preview-icon-size, calc(var(--kendo-icon-size, 1rem) * 6)) * 2 + var(--kendo-filemanager-preview-spacing, 1rem) * 3);
42343
+ padding-inline-start: var(--kendo-file-manager-preview-padding-x, 1rem);
42344
+ padding-inline-end: var(--kendo-file-manager-preview-padding-x, 1rem);
42345
+ padding-block-start: calc(var(--kendo-file-manager-preview-padding-y, 1rem)*3);
42346
+ padding-block-end: var(--kendo-file-manager-preview-padding-y, 1rem);
42347
+ width: var(--kendo-file-manager-preview-width, 20%);
42348
+ min-height: calc(var(--kendo-file-manager-preview-padding-y, 1rem) * 4 + var(--kendo-file-manager-preview-icon-size, calc(var(--kendo-icon-size, 1rem) * 6)) * 2 + var(--kendo-file-manager-preview-spacing, 1rem) * 3);
42168
42349
  border-width: 0;
42169
- border-left-width: var(--kendo-filemanager-preview-border-width, 1px);
42350
+ border-left-width: var(--kendo-file-manager-preview-border-width, 1px);
42170
42351
  border-style: solid;
42171
42352
  border-color: inherit;
42172
42353
  box-sizing: border-box;
@@ -42180,10 +42361,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42180
42361
  justify-content: center;
42181
42362
  }
42182
42363
  .k-filemanager-preview .k-file-icon {
42183
- font-size: var(--kendo-filemanager-preview-icon-size, calc(var(--kendo-icon-size, 1rem)*6));
42364
+ font-size: var(--kendo-file-manager-preview-icon-size, calc(var(--kendo-icon-size, 1rem)*6));
42184
42365
  }
42185
42366
  .k-filemanager-preview .k-file-name {
42186
- margin-block-start: var(--kendo-filemanager-preview-spacing, 1rem);
42367
+ margin-block-start: var(--kendo-file-manager-preview-spacing, 1rem);
42187
42368
  display: block;
42188
42369
  }
42189
42370
  .k-filemanager-preview .k-single-file-selected {
@@ -42194,7 +42375,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42194
42375
  }
42195
42376
  .k-filemanager-preview .k-file-meta {
42196
42377
  margin-inline: 0;
42197
- margin-block-start: var(--kendo-filemanager-preview-spacing, 1rem);
42378
+ margin-block-start: var(--kendo-file-manager-preview-spacing, 1rem);
42198
42379
  margin-block-end: 0;
42199
42380
  box-sizing: border-box;
42200
42381
  text-align: start;
@@ -42213,7 +42394,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42213
42394
  }
42214
42395
  .k-filemanager-preview .k-line-break {
42215
42396
  margin-inline: 0;
42216
- margin-block-start: var(--kendo-filemanager-preview-spacing, 1rem);
42397
+ margin-block-start: var(--kendo-file-manager-preview-spacing, 1rem);
42217
42398
  margin-block-end: 0;
42218
42399
  width: 100%;
42219
42400
  flex: 1 1 100%;
@@ -42245,65 +42426,65 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
42245
42426
  }
42246
42427
 
42247
42428
  .k-filemanager {
42248
- border-color: var(--kendo-filemanager-border, var(--kendo-component-border, inherit));
42249
- color: var(--kendo-filemanager-text, var(--kendo-component-text, inherit));
42250
- background-color: var(--kendo-filemanager-bg, var(--kendo-component-bg, transparent));
42429
+ border-color: var(--kendo-file-manager-border, var(--kendo-component-border, inherit));
42430
+ color: var(--kendo-file-manager-text, var(--kendo-component-text, inherit));
42431
+ background-color: var(--kendo-file-manager-bg, var(--kendo-component-bg, transparent));
42251
42432
  }
42252
42433
 
42253
42434
  .k-filemanager-toolbar {
42254
- border-color: var(--kendo-filemanager-toolbar-border, var(--kendo-component-border, initial));
42255
- color: var(--kendo-filemanager-toolbar-text, var(--kendo-component-text, inherit));
42256
- background-color: var(--kendo-filemanager-toolbar-bg, var(--kendo-neutral-10, inherit));
42435
+ border-color: var(--kendo-file-manager-toolbar-border, var(--kendo-component-border, initial));
42436
+ color: var(--kendo-file-manager-toolbar-text, var(--kendo-component-text, inherit));
42437
+ background-color: var(--kendo-file-manager-toolbar-bg, var(--kendo-neutral-10, inherit));
42257
42438
  }
42258
42439
 
42259
42440
  .k-filemanager-navigation {
42260
- border-color: var(--kendo-filemanager-navigation-border, inherit);
42261
- color: var(--kendo-filemanager-navigation-text, inherit);
42262
- background-color: var(--kendo-filemanager-navigation-bg, transparent);
42441
+ border-color: var(--kendo-file-manager-navigation-border, inherit);
42442
+ color: var(--kendo-file-manager-navigation-text, inherit);
42443
+ background-color: var(--kendo-file-manager-navigation-bg, transparent);
42263
42444
  }
42264
42445
 
42265
42446
  .k-filemanager-breadcrumb {
42266
- border-color: var(--kendo-filemanager-breadcrumb-border, inherit);
42267
- color: var(--kendo-filemanager-breadcrumb-text, inherit);
42268
- background-color: var(--kendo-filemanager-breadcrumb-bg, var(--kendo-neutral-10, inherit));
42447
+ border-color: var(--kendo-file-manager-breadcrumb-border, inherit);
42448
+ color: var(--kendo-file-manager-breadcrumb-text, inherit);
42449
+ background-color: var(--kendo-file-manager-breadcrumb-bg, var(--kendo-neutral-10, inherit));
42269
42450
  }
42270
42451
 
42271
42452
  .k-filemanager-listview {
42272
- border-color: var(--kendo-filemanager-listview-border, inherit);
42273
- color: var(--kendo-filemanager-listview-text, inherit);
42274
- background-color: var(--kendo-filemanager-listview-bg, transparent);
42453
+ border-color: var(--kendo-file-manager-listview-border, inherit);
42454
+ color: var(--kendo-file-manager-listview-text, inherit);
42455
+ background-color: var(--kendo-file-manager-listview-bg, transparent);
42275
42456
  }
42276
42457
  .k-filemanager-listview .k-listview-item .k-file-icon {
42277
- border-color: var(--kendo-filemanager-listview-item-icon-border, inherit);
42278
- color: var(--kendo-filemanager-listview-item-icon-text, var(--kendo-subtle-text, inherit));
42279
- background-color: var(--kendo-filemanager-listview-item-icon-bg, transparent);
42458
+ border-color: var(--kendo-file-manager-listview-item-icon-border, inherit);
42459
+ color: var(--kendo-file-manager-listview-item-icon-text, var(--kendo-subtle-text, inherit));
42460
+ background-color: var(--kendo-file-manager-listview-item-icon-bg, transparent);
42280
42461
  }
42281
42462
  .k-filemanager-listview .k-listview-item.k-focus .k-file-icon {
42282
- border-color: var(--kendo-filemanager-listview-item-icon-focus-border, inherit);
42283
- color: var(--kendo-filemanager-listview-item-icon-focus-text, inherit);
42284
- background-color: var(--kendo-filemanager-listview-item-icon-focus-bg, transparent);
42463
+ border-color: var(--kendo-file-manager-listview-item-icon-focus-border, inherit);
42464
+ color: var(--kendo-file-manager-listview-item-icon-focus-text, inherit);
42465
+ background-color: var(--kendo-file-manager-listview-item-icon-focus-bg, transparent);
42285
42466
  }
42286
42467
  .k-filemanager-listview .k-listview-item.k-selected .k-file-icon {
42287
- border-color: var(--kendo-filemanager-listview-item-icon-selected-border, inherit);
42288
- color: var(--kendo-filemanager-listview-item-icon-selected-text, inherit);
42289
- background-color: var(--kendo-filemanager-listview-item-icon-selected-bg, transparent);
42468
+ border-color: var(--kendo-file-manager-listview-item-icon-selected-border, inherit);
42469
+ color: var(--kendo-file-manager-listview-item-icon-selected-text, inherit);
42470
+ background-color: var(--kendo-file-manager-listview-item-icon-selected-bg, transparent);
42290
42471
  }
42291
42472
 
42292
42473
  .k-filemanager-grid {
42293
- border-color: var(--kendo-filemanager-grid-border, inherit);
42294
- color: var(--kendo-filemanager-grid-text, inherit);
42295
- background-color: var(--kendo-filemanager-grid-bg, transparent);
42474
+ border-color: var(--kendo-file-manager-grid-border, inherit);
42475
+ color: var(--kendo-file-manager-grid-text, inherit);
42476
+ background-color: var(--kendo-file-manager-grid-bg, transparent);
42296
42477
  }
42297
42478
 
42298
42479
  .k-filemanager-preview {
42299
- border-color: var(--kendo-filemanager-preview-border, inherit);
42300
- color: var(--kendo-filemanager-preview-text, inherit);
42301
- background-color: var(--kendo-filemanager-preview-bg, transparent);
42480
+ border-color: var(--kendo-file-manager-preview-border, inherit);
42481
+ color: var(--kendo-file-manager-preview-text, inherit);
42482
+ background-color: var(--kendo-file-manager-preview-bg, transparent);
42302
42483
  }
42303
42484
  .k-filemanager-preview .k-file-icon {
42304
- border-color: var(--kendo-filemanager-preview-icon-border, inherit);
42305
- color: var(--kendo-filemanager-preview-icon-text, var(--kendo-subtle-text, inherit));
42306
- background-color: var(--kendo-filemanager-preview-icon-bg, transparent);
42485
+ border-color: var(--kendo-file-manager-preview-icon-border, inherit);
42486
+ color: var(--kendo-file-manager-preview-icon-text, var(--kendo-subtle-text, inherit));
42487
+ background-color: var(--kendo-file-manager-preview-icon-bg, transparent);
42307
42488
  }
42308
42489
 
42309
42490
  .k-taskboard {
@@ -43115,17 +43296,17 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
43115
43296
  }
43116
43297
 
43117
43298
  .k-imageeditor {
43118
- margin-inline: var(--kendo-imageeditor-margin-x, 0);
43119
- margin-block: var(--kendo-imageeditor-margin-y, 0);
43120
- padding-inline: var(--kendo-imageeditor-padding-x, 0);
43121
- padding-block: var(--kendo-imageeditor-padding-y, 0);
43122
- border-width: var(--kendo-imageeditor-border-width, 1px);
43299
+ margin-inline: var(--kendo-image-editor-margin-x, 0);
43300
+ margin-block: var(--kendo-image-editor-margin-y, 0);
43301
+ padding-inline: var(--kendo-image-editor-padding-x, 0);
43302
+ padding-block: var(--kendo-image-editor-padding-y, 0);
43303
+ border-width: var(--kendo-image-editor-border-width, 1px);
43123
43304
  border-style: solid;
43124
43305
  box-sizing: border-box;
43125
43306
  outline: 0;
43126
- font-family: var(--kendo-imageeditor-font-family, var(--kendo-font-family, inherit));
43127
- font-size: var(--kendo-imageeditor-font-size, var(--kendo-font-size, inherit));
43128
- line-height: var(--kendo-imageeditor-line-height, var(--kendo-line-height, inherit));
43307
+ font-family: var(--kendo-image-editor-font-family, var(--kendo-font-family, inherit));
43308
+ font-size: var(--kendo-image-editor-font-size, var(--kendo-font-size, inherit));
43309
+ line-height: var(--kendo-image-editor-line-height, var(--kendo-line-height, inherit));
43129
43310
  -webkit-touch-callout: none;
43130
43311
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
43131
43312
  }
@@ -43162,11 +43343,11 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
43162
43343
  }
43163
43344
 
43164
43345
  .k-imageeditor-action-pane {
43165
- padding-inline: var(--kendo-imageeditor-action-pane-padding-x, 0.75rem);
43166
- padding-block: var(--kendo-imageeditor-action-pane-padding-y, 0.75rem);
43167
- width: var(--kendo-imageeditor-action-pane-width, 240px);
43346
+ padding-inline: var(--kendo-image-editor-action-pane-padding-x, 0.75rem);
43347
+ padding-block: var(--kendo-image-editor-action-pane-padding-y, 0.75rem);
43348
+ width: var(--kendo-image-editor-action-pane-width, 240px);
43168
43349
  border-width: 0;
43169
- border-left-width: var(--kendo-imageeditor-content-border-width, 0);
43350
+ border-left-width: var(--kendo-image-editor-content-border-width, 0);
43170
43351
  border-style: solid;
43171
43352
  border-color: inherit;
43172
43353
  box-sizing: border-box;
@@ -43189,35 +43370,35 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
43189
43370
  .k-imageeditor-crop {
43190
43371
  width: 100%;
43191
43372
  height: 100%;
43192
- border-width: var(--kendo-imageeditor-crop-border-width, 1px);
43193
- border-style: var(--kendo-imageeditor-crop-border-style, dashed);
43373
+ border-width: var(--kendo-image-editor-crop-border-width, 1px);
43374
+ border-style: var(--kendo-image-editor-crop-border-style, dashed);
43194
43375
  box-sizing: border-box;
43195
43376
  position: absolute;
43196
43377
  }
43197
43378
  .k-imageeditor-crop .k-resize-handle {
43198
- margin-inline: var(--kendo-imageeditor-resize-handle-margin-x, 1px);
43199
- margin-block: var(--kendo-imageeditor-resize-handle-margin-y, 1px);
43379
+ margin-inline: var(--kendo-image-editor-resize-handle-margin-x, 1px);
43380
+ margin-block: var(--kendo-image-editor-resize-handle-margin-y, 1px);
43200
43381
  border-style: solid;
43201
- border-width: var(--kendo-imageeditor-resize-handle-border-width, 0 2px 2px 0);
43382
+ border-width: var(--kendo-image-editor-resize-handle-border-width, 0 2px 2px 0);
43202
43383
  }
43203
43384
  .k-imageeditor-crop .k-resize-sw,
43204
43385
  .k-imageeditor-crop .k-resize-se,
43205
43386
  .k-imageeditor-crop .k-resize-nw,
43206
43387
  .k-imageeditor-crop .k-resize-ne {
43207
- width: var(--kendo-imageeditor-resize-handle-size, 1rem);
43208
- height: var(--kendo-imageeditor-resize-handle-size, 1rem);
43388
+ width: var(--kendo-image-editor-resize-handle-size, 1rem);
43389
+ height: var(--kendo-image-editor-resize-handle-size, 1rem);
43209
43390
  }
43210
43391
  .k-imageeditor-crop .k-resize-n,
43211
43392
  .k-imageeditor-crop .k-resize-s {
43212
- left: calc(50% - var(--kendo-imageeditor-resize-left-offset, 0.5rem));
43213
- width: var(--kendo-imageeditor-resize-handle-size, 1rem);
43393
+ left: calc(50% - var(--kendo-image-editor-resize-left-offset, 0.5rem));
43394
+ width: var(--kendo-image-editor-resize-handle-size, 1rem);
43214
43395
  height: 0;
43215
43396
  }
43216
43397
  .k-imageeditor-crop .k-resize-w,
43217
43398
  .k-imageeditor-crop .k-resize-e {
43218
- top: calc(50% - var(--kendo-imageeditor-resize-top-offset, 0.5rem));
43399
+ top: calc(50% - var(--kendo-image-editor-resize-top-offset, 0.5rem));
43219
43400
  width: 0;
43220
- height: var(--kendo-imageeditor-resize-handle-size, 1rem);
43401
+ height: var(--kendo-image-editor-resize-handle-size, 1rem);
43221
43402
  }
43222
43403
  .k-imageeditor-crop .k-resize-ne {
43223
43404
  transform: rotate(-90deg);
@@ -43242,31 +43423,31 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
43242
43423
  }
43243
43424
 
43244
43425
  .k-imageeditor {
43245
- border-color: var(--kendo-imageeditor-border, var(--kendo-neutral-30, inherit));
43246
- color: var(--kendo-imageeditor-text, var(--kendo-component-text, inherit));
43247
- background-color: var(--kendo-imageeditor-bg, var(--kendo-component-bg, inherit));
43426
+ border-color: var(--kendo-image-editor-border, var(--kendo-neutral-30, inherit));
43427
+ color: var(--kendo-image-editor-text, var(--kendo-component-text, inherit));
43428
+ background-color: var(--kendo-image-editor-bg, var(--kendo-component-bg, inherit));
43248
43429
  }
43249
43430
 
43250
43431
  .k-imageeditor-content {
43251
- border-color: var(--kendo-imageeditor-content-border, inherit);
43252
- color: var(--kendo-imageeditor-content-text, inherit);
43253
- background-color: var(--kendo-imageeditor-content-bg, var(--kendo-neutral-50, inherit));
43432
+ border-color: var(--kendo-image-editor-content-border, inherit);
43433
+ color: var(--kendo-image-editor-content-text, inherit);
43434
+ background-color: var(--kendo-image-editor-content-bg, var(--kendo-neutral-50, inherit));
43254
43435
  }
43255
43436
 
43256
43437
  .k-imageeditor-action-pane {
43257
- border-color: var(--kendo-imageeditor-action-pane-border, inherit);
43258
- color: var(--kendo-imageeditor-action-pane-text, inherit);
43259
- background-color: var(--kendo-imageeditor-action-pane-bg, var(--kendo-component-bg, inherit));
43438
+ border-color: var(--kendo-image-editor-action-pane-border, inherit);
43439
+ color: var(--kendo-image-editor-action-pane-text, inherit);
43440
+ background-color: var(--kendo-image-editor-action-pane-bg, var(--kendo-component-bg, inherit));
43260
43441
  }
43261
43442
 
43262
43443
  .k-imageeditor-crop {
43263
- border-color: var(--kendo-imageeditor-crop-border, #ffffff);
43264
- color: var(--kendo-imageeditor-crop-text, inherit);
43265
- background-color: var(--kendo-imageeditor-crop-bg, inherit);
43444
+ border-color: var(--kendo-image-editor-crop-border, #ffffff);
43445
+ color: var(--kendo-image-editor-crop-text, inherit);
43446
+ background-color: var(--kendo-image-editor-crop-bg, inherit);
43266
43447
  }
43267
43448
 
43268
43449
  .k-imageeditor-crop-overlay {
43269
- background-color: var(--kendo-imageeditor-crop-overlay-bg, rgba(0, 0, 0, 0.3));
43450
+ background-color: var(--kendo-image-editor-crop-overlay-bg, rgba(0, 0, 0, 0.3));
43270
43451
  }
43271
43452
 
43272
43453
  .k-gantt {
@@ -43826,7 +44007,7 @@ kendo-editor.k-readonly .k-editor-content.k-focus {
43826
44007
  display: block;
43827
44008
  }
43828
44009
  .k-task-details .k-task-pct {
43829
- font-size: var(--kendo-icon-size-lg, 2rem);
44010
+ font-size: var(--kendo-icon-size-xxl, 2rem);
43830
44011
  }
43831
44012
  .k-task-details ul {
43832
44013
  line-height: normal;
@@ -45987,13 +46168,13 @@ kendo-scheduler .k-recurrence-editor {
45987
46168
  }
45988
46169
 
45989
46170
  .k-mediaplayer {
45990
- border-width: var(--kendo-mediaplayer-border-width, 1px);
46171
+ border-width: var(--kendo-media-player-border-width, 1px);
45991
46172
  border-style: solid;
45992
46173
  box-sizing: border-box;
45993
46174
  outline: 0;
45994
- font-family: var(--kendo-mediaplayer-font-family, var(--kendo-font-family, inherit));
45995
- font-size: var(--kendo-mediaplayer-font-size, var(--kendo-font-size, inherit));
45996
- line-height: var(--kendo-mediaplayer-line-height, var(--kendo-line-height, normal));
46175
+ font-family: var(--kendo-media-player-font-family, var(--kendo-font-family, inherit));
46176
+ font-size: var(--kendo-media-player-font-size, var(--kendo-font-size, inherit));
46177
+ line-height: var(--kendo-media-player-line-height, var(--kendo-line-height, normal));
45997
46178
  display: block;
45998
46179
  position: relative;
45999
46180
  -webkit-touch-callout: none;
@@ -46016,8 +46197,8 @@ kendo-scheduler .k-recurrence-editor {
46016
46197
  }
46017
46198
 
46018
46199
  .k-mediaplayer-titlebar {
46019
- padding-inline: var(--kendo-mediaplayer-titlebar-padding-x, 0.5rem);
46020
- padding-block: var(--kendo-mediaplayer-titlebar-padding-y, 0.5rem);
46200
+ padding-inline: var(--kendo-media-player-titlebar-padding-x, 0.5rem);
46201
+ padding-block: var(--kendo-media-player-titlebar-padding-y, 0.5rem);
46021
46202
  position: absolute;
46022
46203
  z-index: 2;
46023
46204
  top: 0;
@@ -46070,22 +46251,22 @@ kendo-scheduler .k-recurrence-editor {
46070
46251
  }
46071
46252
 
46072
46253
  .k-mediaplayer {
46073
- border-color: var(--kendo-mediaplayer-border, var(--kendo-component-border, inherit));
46074
- color: var(--kendo-mediaplayer-text, var(--kendo-component-text, inherit));
46075
- background-color: var(--kendo-mediaplayer-bg, var(--kendo-component-bg, inherit));
46254
+ border-color: var(--kendo-media-player-border, var(--kendo-component-border, inherit));
46255
+ color: var(--kendo-media-player-text, var(--kendo-component-text, inherit));
46256
+ background-color: var(--kendo-media-player-bg, var(--kendo-component-bg, inherit));
46076
46257
  }
46077
46258
 
46078
46259
  .k-mediaplayer-overlay {
46079
- background-color: var(--kendo-mediaplayer-overlay-bg, var(--kendo-neutral-130, inherit));
46260
+ background-color: var(--kendo-media-player-overlay-bg, var(--kendo-neutral-130, inherit));
46080
46261
  }
46081
46262
 
46082
46263
  .k-mediaplayer-titlebar {
46083
- color: var(--kendo-mediaplayer-titlebar-text, var(--kendo-component-bg, inherit));
46084
- background-color: var(--kendo-mediaplayer-titlebar-bg, rgba(0, 0, 0, 0.4));
46264
+ color: var(--kendo-media-player-titlebar-text, var(--kendo-component-bg, inherit));
46265
+ background-color: var(--kendo-media-player-titlebar-bg, rgba(0, 0, 0, 0.4));
46085
46266
  }
46086
46267
 
46087
46268
  .k-mediaplayer-quality {
46088
- border-color: var(--kendo-mediaplayer-quality-border, var(--kendo-neutral-110, inherit));
46269
+ border-color: var(--kendo-media-player-quality-border, var(--kendo-neutral-110, inherit));
46089
46270
  }
46090
46271
 
46091
46272
  .k-timeline {
@@ -46898,7 +47079,7 @@ kendo-scrollview.k-scrollview .k-scrollview-nav {
46898
47079
  margin: 0;
46899
47080
  padding: 0;
46900
47081
  vertical-align: middle;
46901
- font-size: var(--kendo-scrollview-arrow-icon-size, calc(var(--kendo-icon-size-lg, 2rem)*2));
47082
+ font-size: var(--kendo-scrollview-arrow-icon-size, calc(var(--kendo-icon-size-xxl, 2rem)*2));
46902
47083
  font-weight: normal;
46903
47084
  }
46904
47085
 
@@ -47414,155 +47595,155 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
47414
47595
  }
47415
47596
 
47416
47597
  .k-var--series-a {
47417
- background-color: #0099bc;
47598
+ background-color: var(--kendo-series-a-100, inherit);
47418
47599
  }
47419
47600
 
47420
47601
  .k-var--series-b {
47421
- background-color: #e74856;
47602
+ background-color: var(--kendo-series-b-100, inherit);
47422
47603
  }
47423
47604
 
47424
47605
  .k-var--series-c {
47425
- background-color: #ffb900;
47606
+ background-color: var(--kendo-series-c-100, inherit);
47426
47607
  }
47427
47608
 
47428
47609
  .k-var--series-d {
47429
- background-color: #0078d7;
47610
+ background-color: var(--kendo-series-d-100, inherit);
47430
47611
  }
47431
47612
 
47432
47613
  .k-var--series-e {
47433
- background-color: #8764b8;
47614
+ background-color: var(--kendo-series-e-100, inherit);
47434
47615
  }
47435
47616
 
47436
47617
  .k-var--series-f {
47437
- background-color: #00cc6a;
47618
+ background-color: var(--kendo-series-f-100, inherit);
47438
47619
  }
47439
47620
 
47440
47621
  .k-var--series-1 {
47441
- background-color: #0099bc;
47622
+ background-color: var(--kendo-series-a-100, inherit);
47442
47623
  }
47443
47624
 
47444
47625
  .k-var--series-2 {
47445
- background-color: #e74856;
47626
+ background-color: var(--kendo-series-b-100, inherit);
47446
47627
  }
47447
47628
 
47448
47629
  .k-var--series-3 {
47449
- background-color: #ffb900;
47630
+ background-color: var(--kendo-series-c-100, inherit);
47450
47631
  }
47451
47632
 
47452
47633
  .k-var--series-4 {
47453
- background-color: #0078d7;
47634
+ background-color: var(--kendo-series-d-100, inherit);
47454
47635
  }
47455
47636
 
47456
47637
  .k-var--series-5 {
47457
- background-color: #8764b8;
47638
+ background-color: var(--kendo-series-e-100, inherit);
47458
47639
  }
47459
47640
 
47460
47641
  .k-var--series-6 {
47461
- background-color: #00cc6a;
47642
+ background-color: var(--kendo-series-f-100, inherit);
47462
47643
  }
47463
47644
 
47464
47645
  .k-var--series-7 {
47465
- background-color: #40b3cd;
47646
+ background-color: var(--kendo-series-a-70, inherit);
47466
47647
  }
47467
47648
 
47468
47649
  .k-var--series-8 {
47469
- background-color: #ed7680;
47650
+ background-color: var(--kendo-series-b-70, inherit);
47470
47651
  }
47471
47652
 
47472
47653
  .k-var--series-9 {
47473
- background-color: #ffcb40;
47654
+ background-color: var(--kendo-series-c-70, inherit);
47474
47655
  }
47475
47656
 
47476
47657
  .k-var--series-10 {
47477
- background-color: #409ae1;
47658
+ background-color: var(--kendo-series-d-70, inherit);
47478
47659
  }
47479
47660
 
47480
47661
  .k-var--series-11 {
47481
- background-color: #a58bca;
47662
+ background-color: var(--kendo-series-e-70, inherit);
47482
47663
  }
47483
47664
 
47484
47665
  .k-var--series-12 {
47485
- background-color: #40d98f;
47666
+ background-color: var(--kendo-series-f-70, inherit);
47486
47667
  }
47487
47668
 
47488
47669
  .k-var--series-13 {
47489
- background-color: #00738d;
47670
+ background-color: var(--kendo-series-a-130, inherit);
47490
47671
  }
47491
47672
 
47492
47673
  .k-var--series-14 {
47493
- background-color: #ad3641;
47674
+ background-color: var(--kendo-series-b-130, inherit);
47494
47675
  }
47495
47676
 
47496
47677
  .k-var--series-15 {
47497
- background-color: #bf8b00;
47678
+ background-color: var(--kendo-series-c-130, inherit);
47498
47679
  }
47499
47680
 
47500
47681
  .k-var--series-16 {
47501
- background-color: #005aa1;
47682
+ background-color: var(--kendo-series-d-130, inherit);
47502
47683
  }
47503
47684
 
47504
47685
  .k-var--series-17 {
47505
- background-color: #654b8a;
47686
+ background-color: var(--kendo-series-e-130, inherit);
47506
47687
  }
47507
47688
 
47508
47689
  .k-var--series-18 {
47509
- background-color: #009950;
47690
+ background-color: var(--kendo-series-f-130, inherit);
47510
47691
  }
47511
47692
 
47512
47693
  .k-var--series-19 {
47513
- background-color: #80ccde;
47694
+ background-color: var(--kendo-series-a-40, inherit);
47514
47695
  }
47515
47696
 
47516
47697
  .k-var--series-20 {
47517
- background-color: #f3a4ab;
47698
+ background-color: var(--kendo-series-b-40, inherit);
47518
47699
  }
47519
47700
 
47520
47701
  .k-var--series-21 {
47521
- background-color: #ffdc80;
47702
+ background-color: var(--kendo-series-c-40, inherit);
47522
47703
  }
47523
47704
 
47524
47705
  .k-var--series-22 {
47525
- background-color: #80bceb;
47706
+ background-color: var(--kendo-series-d-40, inherit);
47526
47707
  }
47527
47708
 
47528
47709
  .k-var--series-23 {
47529
- background-color: #c3b2dc;
47710
+ background-color: var(--kendo-series-e-40, inherit);
47530
47711
  }
47531
47712
 
47532
47713
  .k-var--series-24 {
47533
- background-color: #80e6b5;
47714
+ background-color: var(--kendo-series-f-40, inherit);
47534
47715
  }
47535
47716
 
47536
47717
  .k-var--series-25 {
47537
- background-color: #004d5e;
47718
+ background-color: var(--kendo-series-a-160, inherit);
47538
47719
  }
47539
47720
 
47540
47721
  .k-var--series-26 {
47541
- background-color: #74242b;
47722
+ background-color: var(--kendo-series-b-160, inherit);
47542
47723
  }
47543
47724
 
47544
47725
  .k-var--series-27 {
47545
- background-color: #805d00;
47726
+ background-color: var(--kendo-series-c-160, inherit);
47546
47727
  }
47547
47728
 
47548
47729
  .k-var--series-28 {
47549
- background-color: #003c6c;
47730
+ background-color: var(--kendo-series-d-160, inherit);
47550
47731
  }
47551
47732
 
47552
47733
  .k-var--series-29 {
47553
- background-color: #44325c;
47734
+ background-color: var(--kendo-series-e-60, inherit);
47554
47735
  }
47555
47736
 
47556
47737
  .k-var--series-30 {
47557
- background-color: #006635;
47738
+ background-color: var(--kendo-series-f-160, inherit);
47558
47739
  }
47559
47740
 
47560
47741
  .k-var--gauge-pointer {
47561
- background-color: #00cc6a;
47742
+ background-color: var(--kendo-series-f-100, inherit);
47562
47743
  }
47563
47744
 
47564
47745
  .k-var--gauge-track {
47565
- background-color: #edebe9;
47746
+ background-color: var(--kendo-neutral-30, inherit);
47566
47747
  }
47567
47748
 
47568
47749
  .k-var--chart-inactive {
@@ -47722,7 +47903,7 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
47722
47903
  }
47723
47904
  .k-map .k-marker {
47724
47905
  transform: translate(-50%, -100%);
47725
- font-size: var(--kendo-map-marker-size, var(--kendo-icon-size-lg, 1rem));
47906
+ font-size: var(--kendo-map-marker-size, var(--kendo-icon-size-xxl, 2rem));
47726
47907
  cursor: pointer;
47727
47908
  position: absolute;
47728
47909
  overflow: visible;