@progress/kendo-theme-fluent 5.7.0 → 5.8.1-dev.1

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 (112) hide show
  1. package/dist/all.css +43451 -0
  2. package/dist/all.scss +1 -1
  3. package/package.json +5 -5
  4. package/scss/adaptive/_layout.scss +475 -0
  5. package/scss/adaptive/_theme.scss +92 -0
  6. package/scss/adaptive/_variables.scss +33 -0
  7. package/scss/adaptive/index.scss +32 -0
  8. package/scss/badge/_variables.scss +2 -2
  9. package/scss/button/_layout.scss +2 -1
  10. package/scss/button/_variables.scss +2 -2
  11. package/scss/calendar/_layout.scss +5 -4
  12. package/scss/calendar/_theme.scss +9 -9
  13. package/scss/calendar/_variables.scss +25 -25
  14. package/scss/captcha/_variables.scss +3 -2
  15. package/scss/card/_layout.scss +3 -3
  16. package/scss/card/_variables.scss +1 -1
  17. package/scss/chat/_layout.scss +460 -0
  18. package/scss/chat/_theme.scss +93 -0
  19. package/scss/chat/_variables.scss +213 -0
  20. package/scss/chat/index.scss +32 -0
  21. package/scss/checkbox/_layout.scss +3 -3
  22. package/scss/chip/_layout.scss +1 -1
  23. package/scss/chip/_theme.scss +3 -3
  24. package/scss/color-preview/_layout.scss +0 -1
  25. package/scss/coloreditor/_layout.scss +3 -1
  26. package/scss/coloreditor/_variables.scss +10 -2
  27. package/scss/colorgradient/_layout.scss +5 -1
  28. package/scss/colorgradient/_variables.scss +13 -10
  29. package/scss/core/_variables.scss +8 -7
  30. package/scss/core/color-system/utils/_functions.scss +1 -1
  31. package/scss/core/helpers/_index.scss +1 -0
  32. package/scss/core/helpers/_scrollbar.scss +25 -0
  33. package/scss/core/mixins/_decoration.scss +4 -0
  34. package/scss/dataviz/_layout.scss +5 -5
  35. package/scss/draggable/_variables.scss +2 -1
  36. package/scss/drawer/_variables.scss +2 -3
  37. package/scss/editor/_layout.scss +3 -2
  38. package/scss/fab/_variables.scss +10 -9
  39. package/scss/filemanager/_layout.scss +1 -1
  40. package/scss/filter/_layout.scss +1 -1
  41. package/scss/forms/_layout.scss +3 -2
  42. package/scss/forms/_variables.scss +1 -1
  43. package/scss/gantt/_layout.scss +782 -0
  44. package/scss/gantt/_theme.scss +275 -0
  45. package/scss/gantt/_variables.scss +232 -0
  46. package/scss/gantt/index.scss +35 -0
  47. package/scss/grid/_layout.scss +3 -3
  48. package/scss/grid/_theme.scss +7 -0
  49. package/scss/grid/_variables.scss +2 -2
  50. package/scss/imageeditor/_layout.scss +0 -2
  51. package/scss/imageeditor/_variables.scss +5 -4
  52. package/scss/index.scss +16 -18
  53. package/scss/input/_variables.scss +1 -1
  54. package/scss/listgroup/_layout.scss +0 -1
  55. package/scss/listview/_layout.scss +2 -2
  56. package/scss/loader/_layout.scss +3 -2
  57. package/scss/loader/_variables.scss +16 -15
  58. package/scss/map/_variables.scss +2 -2
  59. package/scss/menu/_variables.scss +7 -7
  60. package/scss/messagebox/_theme.scss +1 -1
  61. package/scss/messagebox/_variables.scss +5 -5
  62. package/scss/notification/_theme.scss +0 -1
  63. package/scss/notification/_variables.scss +0 -1
  64. package/scss/panelbar/_layout.scss +2 -2
  65. package/scss/pdf-viewer/_layout.scss +177 -0
  66. package/scss/pdf-viewer/_theme.scss +73 -0
  67. package/scss/pdf-viewer/_variables.scss +105 -0
  68. package/scss/pdf-viewer/index.scss +32 -0
  69. package/scss/pivotgrid/_layout.scss +640 -0
  70. package/scss/pivotgrid/_theme.scss +218 -0
  71. package/scss/pivotgrid/_variables.scss +239 -0
  72. package/scss/pivotgrid/index.scss +36 -0
  73. package/scss/popup/_variables.scss +2 -2
  74. package/scss/progressbar/_variables.scss +1 -1
  75. package/scss/radio/_layout.scss +10 -9
  76. package/scss/radio/_variables.scss +5 -4
  77. package/scss/rating/_variables.scss +1 -1
  78. package/scss/scheduler/_layout.scss +2 -2
  79. package/scss/scheduler/_variables.scss +1 -1
  80. package/scss/scrollview/_layout.scss +195 -0
  81. package/scss/scrollview/_theme.scss +91 -0
  82. package/scss/scrollview/_variables.scss +109 -0
  83. package/scss/scrollview/index.scss +26 -0
  84. package/scss/slider/_layout.scss +8 -8
  85. package/scss/slider/_theme.scss +4 -4
  86. package/scss/splitter/_variables.scss +5 -5
  87. package/scss/spreadsheet/_layout.scss +872 -0
  88. package/scss/spreadsheet/_theme.scss +254 -0
  89. package/scss/spreadsheet/_variables.scss +191 -0
  90. package/scss/spreadsheet/index.scss +41 -0
  91. package/scss/stepper/_layout.scss +10 -7
  92. package/scss/stepper/_theme.scss +4 -0
  93. package/scss/stepper/_variables.scss +9 -7
  94. package/scss/switch/_layout.scss +2 -2
  95. package/scss/table/_layout.scss +2 -2
  96. package/scss/taskboard/_layout.scss +7 -4
  97. package/scss/taskboard/_variables.scss +10 -9
  98. package/scss/timeline/_layout.scss +449 -0
  99. package/scss/timeline/_theme.scss +72 -0
  100. package/scss/timeline/_variables.scss +197 -0
  101. package/scss/timeline/index.scss +27 -0
  102. package/scss/timeselector/_layout.scss +4 -4
  103. package/scss/timeselector/_variables.scss +1 -1
  104. package/scss/tooltip/_layout.scss +6 -6
  105. package/scss/tooltip/_variables.scss +0 -2
  106. package/scss/treeview/_variables.scss +4 -4
  107. package/scss/typography/_layout.scss +17 -17
  108. package/scss/typography/_variables.scss +63 -63
  109. package/scss/upload/_layout.scss +1 -1
  110. package/scss/window/_layout.scss +1 -1
  111. package/scss/wizard/_layout.scss +1 -1
  112. package/scss/wizard/_variables.scss +2 -3
@@ -0,0 +1,254 @@
1
+ @use "../core/" as *;
2
+ @use "../core/mixins" as *;
3
+ @use "_variables.scss" as *;
4
+ @use "../list/_variables.scss"as *;
5
+
6
+ @mixin kendo-spreadsheet--theme() {
7
+ // Spreadsheet
8
+ .k-spreadsheet {
9
+ @include fill(
10
+ var( --kendo-spreadsheet-text, #{$kendo-spreadsheet-text} ),
11
+ var( --kendo-spreadsheet-bg, #{$kendo-spreadsheet-bg} ),
12
+ var( --kendo-spreadsheet-border, #{$kendo-spreadsheet-border} )
13
+ );
14
+ }
15
+
16
+
17
+ // Header
18
+ .k-spreadsheet .k-tabstrip-wrapper {}
19
+
20
+
21
+ // Quick access toolbar
22
+ .k-spreadsheet-quick-access-toolbar {}
23
+
24
+
25
+ // Row / column headers
26
+ .k-spreadsheet-top-corner,
27
+ .k-spreadsheet-row-header,
28
+ .k-spreadsheet-column-header {
29
+ @include fill(
30
+ var( --kendo-spreadsheet-header-text, #{$kendo-spreadsheet-header-text} ),
31
+ var( --kendo-spreadsheet-header-bg, #{$kendo-spreadsheet-header-bg} ),
32
+ var( --kendo-spreadsheet-header-border, #{$kendo-spreadsheet-header-border} )
33
+ );
34
+ }
35
+
36
+
37
+ // Formula bar
38
+ .k-spreadsheet-formula-list {}
39
+ .k-syntax-ref { color: #ff8822; }
40
+ .k-syntax-num { color: #0099ff; }
41
+ .k-syntax-str { color: #38b714; }
42
+ .k-syntax-error { color: red; }
43
+ .k-syntax-bool { color: #a9169c; }
44
+ .k-syntax-paren-match { background-color: #caf200; }
45
+
46
+
47
+ // Cell editor
48
+ .k-spreadsheet-cell-editor {
49
+ color: var( --kendo-spreadsheet-text, #{$kendo-spreadsheet-text} );
50
+ background-color: var( --kendo-spreadsheet-bg, #{$kendo-spreadsheet-bg} );
51
+ }
52
+
53
+
54
+ // Cells
55
+ .k-spreadsheet-merged-cell {
56
+ background-color: var( --kendo-spreadsheet-bg, #{$kendo-spreadsheet-bg} );
57
+ }
58
+
59
+
60
+ // Selection
61
+ .k-spreadsheet .k-selection-full,
62
+ .k-spreadsheet .k-selection-partial {
63
+ // TODO: consider extracting variables
64
+ background-color: var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
65
+ }
66
+ .k-spreadsheet-selection {
67
+ border-color: var( --kendo-spreadsheet-selected-border, #{$kendo-spreadsheet-selected-border} );
68
+ background-color: var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
69
+ box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
70
+ }
71
+ .k-spreadsheet .k-single-selection::after {
72
+ border-color: var( --kendo-spreadsheet-border, #{$kendo-spreadsheet-border} );
73
+ background-color: var( --kendo-spreadsheet-selected-border, #{$kendo-spreadsheet-selected-border} );
74
+ }
75
+ .k-spreadsheet-active-cell {
76
+ box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
77
+ background-color: var( --kendo-spreadsheet-bg, #{$kendo-spreadsheet-bg} );
78
+
79
+ &.k-right {
80
+ box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} ), inset -1px 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
81
+ }
82
+
83
+ &.k-bottom {
84
+ box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} ), inset 0 -1px 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
85
+ }
86
+
87
+ &.k-bottom.k-right {
88
+ box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} ), inset -1px -1px 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
89
+ }
90
+ }
91
+
92
+ .k-spreadsheet .k-auto-fill {
93
+ border-color: var( --kendo-spreadsheet-selected-border, #{$kendo-spreadsheet-selected-border} );
94
+ background-color: var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
95
+ box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-selected-bg, #{$kendo-spreadsheet-selected-bg} );
96
+ }
97
+ .k-spreadsheet .k-auto-fill-punch {
98
+ background-color: var( --kendo-spreadsheet-bg, #{$kendo-spreadsheet-bg} );
99
+ }
100
+
101
+
102
+ // Resize handle
103
+ .k-spreadsheet .k-resize-handle,
104
+ .k-spreadsheet .k-resize-hint-handle,
105
+ .k-spreadsheet .k-resize-hint-marker {
106
+ background-color: var( --kendo-spreadsheet-primary-bg, #{$kendo-spreadsheet-primary-bg} );
107
+ }
108
+
109
+ // Comments
110
+ .k-spreadsheet-has-comment::after {
111
+ border-color: var( --kendo-spreadsheet-primary-border, #{$kendo-spreadsheet-primary-border} ) var( --kendo-spreadsheet-primary-border, #{$kendo-spreadsheet-primary-border} ) transparent transparent;
112
+ }
113
+
114
+ // Validation
115
+ .k-dirty {
116
+ border-color: var( --kendo-spreadsheet-error-border, #{$kendo-spreadsheet-error-border} ) transparent transparent var( --kendo-spreadsheet-error-border, #{$kendo-spreadsheet-error-border} );
117
+ }
118
+
119
+ }
120
+
121
+
122
+
123
+
124
+ // Filter button
125
+ .k-spreadsheet .k-filter-range {
126
+ border-color: var( --kendo-spreadsheet-primary-border, #{$kendo-spreadsheet-primary-border} );
127
+ }
128
+ .k-spreadsheet-filter {
129
+ @include fill(
130
+ var( --kendo-spreadsheet-filter-button-text, #{$kendo-spreadsheet-filter-button-text} ),
131
+ var( --kendo-spreadsheet-filter-button-bg, #{$kendo-spreadsheet-filter-button-bg} ),
132
+ var( --kendo-spreadsheet-filter-button-border, #{$kendo-spreadsheet-filter-button-border} )
133
+ );
134
+ box-shadow: inset 0 0 0 1px var( --kendo-spreadsheet-filter-button-border, #{$kendo-spreadsheet-filter-button-border} );
135
+
136
+ &:hover {
137
+ @include fill(
138
+ var( --kendo-spreadsheet-filter-button-hover-text, #{$kendo-spreadsheet-filter-button-hover-text} ),
139
+ var( --kendo-spreadsheet-filter-button-hover-bg, #{$kendo-spreadsheet-filter-button-hover-bg} ),
140
+ var( --kendo-spreadsheet-filter-button-hover-border, #{$kendo-spreadsheet-filter-button-hover-border} )
141
+ );
142
+ }
143
+
144
+ &.k-active {
145
+ @include fill(
146
+ var( --kendo-spreadsheet-filter-button-active-text, #{$kendo-spreadsheet-filter-button-active-text} ),
147
+ var( --kendo-spreadsheet-filter-button-active-bg, #{$kendo-spreadsheet-filter-button-active-bg} ),
148
+ var( --kendo-spreadsheet-filter-button-active-border, #{$kendo-spreadsheet-filter-button-active-border} )
149
+ );
150
+ }
151
+
152
+ }
153
+
154
+ .k-spreadsheet-value-treeview-wrapper {
155
+ @include fill(
156
+ var( --kendo-spreadsheet-text, #{$kendo-spreadsheet-text} ),
157
+ var( --kendo-spreadsheet-bg, #{$kendo-spreadsheet-bg} ),
158
+ var( --kendo-spreadsheet-border, #{$kendo-spreadsheet-border} )
159
+ );
160
+ }
161
+
162
+ // Filter menu
163
+ .k-spreadsheet-filter-menu {
164
+
165
+ > .k-menu,
166
+ > .k-menu:not(.k-context-menu) {
167
+
168
+ .k-item:hover,
169
+ .k-item.k-hover {
170
+ @include fill(
171
+ var( --kendo-list-item-hover-text, #{$kendo-list-item-hover-text} ),
172
+ var( --kendo-list-item-hover-bg, #{$kendo-list-item-hover-bg} )
173
+ );
174
+ }
175
+ }
176
+
177
+ .k-columnmenu-item > .k-icon:first-child {
178
+ color: var( --kendo-spreadsheet-filter-menu-icon-color, #{$kendo-spreadsheet-filter-menu-icon-color} );
179
+ }
180
+ }
181
+
182
+
183
+
184
+
185
+ .k-spreadsheet-popup {
186
+
187
+ // Buttons
188
+ .k-button {}
189
+
190
+ .k-button:hover,
191
+ .k-button.k-hover {
192
+ @include fill(
193
+ var( --kendo-list-item-hover-text, #{$kendo-list-item-hover-text} ),
194
+ var( --kendo-list-item-hover-bg, #{$kendo-list-item-hover-bg} )
195
+ );
196
+ }
197
+ .k-button:active,
198
+ .k-button.k-active,
199
+ .k-button.k-selected {
200
+ @include fill(
201
+ var( --kendo-list-item-selected-text, #{$kendo-list-item-selected-text} ),
202
+ var( --kendo-list-item-selected-bg, #{$kendo-list-item-selected-bg} )
203
+ );
204
+ }
205
+
206
+ }
207
+
208
+
209
+
210
+ .k-spreadsheet-insert-image-dialog {
211
+ border-color: var( --kendo-spreadsheet-insert-image-dialog-preview-border, #{$kendo-spreadsheet-insert-image-dialog-preview-border} );
212
+
213
+ .k-spreadsheet-has-image {
214
+ &:hover,
215
+ &.k-hover {
216
+ box-shadow: var( --kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow, #{$kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow} );
217
+ }
218
+
219
+ &:hover div,
220
+ &.k-hover div {
221
+ color: var( --kendo-spreadsheet-insert-image-dialog-overlay-hovered-text, #{$kendo-spreadsheet-insert-image-dialog-overlay-hovered-text} );
222
+ }
223
+ }
224
+ }
225
+
226
+ .k-spreadsheet-drawing {
227
+ &.k-spreadsheet-active-drawing {
228
+ outline-color: var( --kendo-spreadsheet-drawing-handle-outline-color, #{$kendo-spreadsheet-drawing-handle-outline-color} );
229
+ }
230
+
231
+ .k-spreadsheet-drawing-handle {
232
+ border-color: var( --kendo-spreadsheet-drawing-handle-border-color, #{$kendo-spreadsheet-drawing-handle-border-color} );
233
+ background-color: var( --kendo-spreadsheet-drawing-handle-bg, #{$kendo-spreadsheet-drawing-handle-bg} );
234
+ }
235
+ }
236
+
237
+ .k-spreadsheet-drawing-anchor-cell {
238
+ background: var( --kendo-spreadsheet-drawing-anchor-bg, #{$kendo-spreadsheet-drawing-anchor-bg} );
239
+ }
240
+
241
+
242
+ .k-rtl .k-spreadsheet,
243
+ .k-spreadsheet[dir="rtl"],
244
+ [dir="rtl"] .k-spreadsheet {
245
+
246
+ .k-spreadsheet-has-comment::after {
247
+ border-color: var( --kendo-spreadsheet-primary-border, #{$kendo-spreadsheet-primary-border} ) transparent transparent var( --kendo-spreadsheet-primary-border, #{$kendo-spreadsheet-primary-border} );
248
+ }
249
+
250
+ .k-dirty {
251
+ border-color: var( --kendo-spreadsheet-error-border, #{$kendo-spreadsheet-error-border} ) var( --kendo-spreadsheet-error-border, #{$kendo-spreadsheet-error-border} ) transparent transparent;
252
+ }
253
+
254
+ }
@@ -0,0 +1,191 @@
1
+ @use "sass:map";
2
+ @use "../core/" as *;
3
+ @use "../core/color-system" as *;
4
+ @use "../table/_variables.scss" as *;
5
+ @use "sass:color";
6
+
7
+ /// Width of the border around the spreadsheet.
8
+ /// @group spreadsheet
9
+ $kendo-spreadsheet-border-width: map-get( $kendo-spacing, hair ) !default;
10
+ /// Font family of the spreadsheet.
11
+ /// @group spreadsheet
12
+ $kendo-spreadsheet-font-family: var( --kendo-font-family, initial ) !default;
13
+ /// Font size of the spreadsheet.
14
+ /// @group spreadsheet
15
+ $kendo-spreadsheet-font-size: var( --kendo-font-size, initial ) !default;
16
+ /// Line height of the spreadsheet.
17
+ /// @group spreadsheet
18
+ $kendo-spreadsheet-line-height: var( --kendo-line-height, initial ) !default;
19
+
20
+ /// Horizontal padding of the spreadsheet popup menu.
21
+ /// @group spreadsheet
22
+ $kendo-spreadsheet-popup-menu-padding-x: map-get( $kendo-spacing, 3 ) !default;
23
+ /// Vertical padding of the spreadsheet popup menu.
24
+ /// @group spreadsheet
25
+ $kendo-spreadsheet-popup-menu-padding-y: $kendo-spreadsheet-popup-menu-padding-x !default;
26
+
27
+ /// Horizontal padding of the spreadsheet sheets bar.
28
+ /// @group spreadsheet
29
+ $kendo-spreadsheet-sheets-bar-padding-x: map-get( $kendo-spacing, 1 ) !default;
30
+ /// Vertical padding of the spreadsheet sheets bar.
31
+ /// @group spreadsheet
32
+ $kendo-spreadsheet-sheets-bar-padding-y: 0 !default;
33
+
34
+ /// Horizontal margin of the spreadsheet sheets remove.
35
+ /// @group spreadsheet
36
+ $kendo-spreadsheet-sheets-remove-inline-start: calc( map-get( $kendo-spacing, 2 ) * -1 ) !default;
37
+ /// Vertical margin of the spreadsheet sheets remove.
38
+ /// @group spreadsheet
39
+ $kendo-spreadsheet-sheets-remove-inline-end: map-get( $kendo-spacing, 2 ) !default;
40
+
41
+ /// Left padding of the spreadsheet sheets menu.
42
+ /// @group spreadsheet
43
+ $filter-menu-padding-left: calc( var( --kendo-icon-size, 1rem ) + 2 * var( --kendo-padding-y, #{$kendo-padding-y} ) );
44
+
45
+ /// Background color of the spreadsheet.
46
+ /// @group spreadsheet
47
+ $kendo-spreadsheet-bg: var( --kendo-component-bg, initial ) !default;
48
+ /// Text color of the spreadsheet.
49
+ /// @group spreadsheet
50
+ $kendo-spreadsheet-text: var( --kendo-component-text, initial ) !default;
51
+ /// Border color of the spreadsheet.
52
+ /// @group spreadsheet
53
+ $kendo-spreadsheet-border: var( --kendo-component-border, initial ) !default;
54
+ /// Primary border color of the spreadsheet.
55
+ /// @group spreadsheet
56
+ $kendo-spreadsheet-primary-border: get-theme-color-var( primary-100 ) !default;
57
+ /// Primary background color of the spreadsheet.
58
+ /// @group spreadsheet
59
+ $kendo-spreadsheet-primary-bg: get-theme-color-var( primary-100 ) !default;
60
+
61
+ /// Text color of the spreadsheet header.
62
+ /// @group spreadsheet
63
+ $kendo-spreadsheet-header-text: $kendo-table-header-text !default;
64
+ /// Background color of the spreadsheet header.
65
+ /// @group spreadsheet
66
+ $kendo-spreadsheet-header-bg: $kendo-table-header-bg !default;
67
+ /// Border color of the spreadsheet header.
68
+ /// @group spreadsheet
69
+ $kendo-spreadsheet-header-border: $kendo-table-header-border !default;
70
+
71
+ /// Selected text color of the spreadsheet.
72
+ /// @group spreadsheet
73
+ $kendo-spreadsheet-selected-text: get-theme-color-var( primary-160 ) !default;
74
+ /// Selected background color of the spreadsheet.
75
+ /// @group spreadsheet
76
+ $kendo-spreadsheet-selected-bg: get-theme-color-var( primary-30 ) !default;
77
+ /// Selected border color of the spreadsheet.
78
+ /// @group spreadsheet
79
+ $kendo-spreadsheet-selected-border: get-theme-color-var( primary-100 ) !default;
80
+
81
+ /// Text color of the spreadsheet filter button.
82
+ /// @group spreadsheet
83
+ $kendo-spreadsheet-filter-button-text: get-theme-color-var( neutral-160 ) !default;
84
+ /// Background color of the spreadsheet filter button.
85
+ /// @group spreadsheet
86
+ $kendo-spreadsheet-filter-button-bg: $white;
87
+ /// Border color of the spreadsheet filter button.
88
+ /// @group spreadsheet
89
+ $kendo-spreadsheet-filter-button-border: get-theme-color-var( neutral-110 ) !default;
90
+
91
+ /// Hover text color of the spreadsheet filter button.
92
+ /// @group spreadsheet
93
+ $kendo-spreadsheet-filter-button-hover-text: get-theme-color-var( neutral-190 ) !default;
94
+ /// Hover background color of the spreadsheet filter button.
95
+ /// @group spreadsheet
96
+ $kendo-spreadsheet-filter-button-hover-bg: get-theme-color-var( neutral-20 ) !default;
97
+ /// Hover border color of the spreadsheet filter button.
98
+ /// @group spreadsheet
99
+ $kendo-spreadsheet-filter-button-hover-border: get-theme-color-var( neutral-110 ) !default;
100
+
101
+ /// Active text color of the spreadsheet filter button.
102
+ /// @group spreadsheet
103
+ $kendo-spreadsheet-filter-button-active-text: get-theme-color-var( neutral-190 ) !default;
104
+ /// Active background color of the spreadsheet filter button.
105
+ /// @group spreadsheet
106
+ $kendo-spreadsheet-filter-button-active-bg: get-theme-color-var( neutral-30 ) !default;
107
+ /// Active border color of the spreadsheet filter button.
108
+ /// @group spreadsheet
109
+ $kendo-spreadsheet-filter-button-active-border: get-theme-color-var( neutral-110 ) !default;
110
+
111
+ /// Color of the spreadsheet menu icon.
112
+ /// @group spreadsheet
113
+ $kendo-spreadsheet-filter-menu-icon-color: get-theme-color-var( primary-100 ) !default;
114
+
115
+ /// Border color of the spreadsheet error.
116
+ /// @group spreadsheet
117
+ $kendo-spreadsheet-error-border: get-theme-color-var( error-190 ) !default;
118
+
119
+ /// Border style of the spreadsheet image dialog.
120
+ /// @group spreadsheet
121
+ $kendo-spreadsheet-insert-image-dialog-border-style: dashed !default;
122
+ /// Border width of the spreadsheet image dialog.
123
+ /// @group spreadsheet
124
+ $kendo-spreadsheet-insert-image-dialog-border-width: map-get( $kendo-spacing, thin ) !default;
125
+ /// Bottom margin of the spreadsheet image dialog.
126
+ /// @group spreadsheet
127
+ $kendo-spreadsheet-insert-image-dialog-text-margin-bottom: 30px !default;
128
+ /// Width of the spreadsheet image dialog preview.
129
+ /// @group spreadsheet
130
+ $kendo-spreadsheet-insert-image-dialog-preview-width: 355px !default;
131
+ /// Height of the spreadsheet image dialog preview.
132
+ /// @group spreadsheet
133
+ $kendo-spreadsheet-insert-image-dialog-preview-height: 230px !default;
134
+ /// Image of the spreadsheet image dialog preview.
135
+ /// @group spreadsheet
136
+ $kendo-spreadsheet-insert-image-dialog-preview-img: "image-fluent.png" !default;
137
+ /// Border of the spreadsheet image dialog preview.
138
+ /// @group spreadsheet
139
+ $kendo-spreadsheet-insert-image-dialog-preview-border: var( --kendo-component-border, initial ) !default;
140
+ /// Border radius of the spreadsheet image dialog preview.
141
+ /// @group spreadsheet
142
+ $kendo-spreadsheet-insert-image-dialog-preview-border-radius: var( --kendo-border-radius-md, initial ) !default;
143
+ /// Shadow of the spreadsheet image dialog preview.
144
+ /// @group spreadsheet
145
+ $kendo-spreadsheet-insert-image-dialog-preview-overlay-shadow: inset 0 0 0 2000px rgba(0, 0, 0, .5) !default;
146
+ /// Border radius of the spreadsheet image dialog preview overlay.
147
+ /// @group spreadsheet
148
+ $kendo-spreadsheet-insert-image-dialog-preview-overlay-border-radius: var( --kendo-border-radius-md, initial ) !default;
149
+ /// Hover text color of the spreadsheet image dialog preview.
150
+ /// @group spreadsheet
151
+ $kendo-spreadsheet-insert-image-dialog-overlay-hovered-text: var( --kendo-component-bg, initial ) !default;
152
+
153
+ /// Width of the spreadsheet drawing handle.
154
+ /// @group spreadsheet
155
+ $kendo-spreadsheet-drawing-handle-width: calc( map-get( $kendo-spacing, 1 ) + map-get( $kendo-spacing, thin ) ) !default;
156
+ /// Height of the spreadsheet drawing handle.
157
+ /// @group spreadsheet
158
+ $kendo-spreadsheet-drawing-handle-height: calc( map-get( $kendo-spacing, 1 ) + map-get( $kendo-spacing, thin ) ) !default;
159
+ /// Border style of the spreadsheet drawing handle.
160
+ /// @group spreadsheet
161
+ $kendo-spreadsheet-drawing-handle-border-style: solid !default;
162
+ /// Border width of the spreadsheet drawing handle.
163
+ /// @group spreadsheet
164
+ $kendo-spreadsheet-drawing-handle-border-width: map-get( $kendo-spacing, hair ) !default;
165
+ /// Border color of the spreadsheet drawing handle.
166
+ /// @group spreadsheet
167
+ $kendo-spreadsheet-drawing-handle-border-color: var( --kendo-selected-bg, initial ) !default;
168
+ /// Outline color of the spreadsheet drawing handle.
169
+ /// @group spreadsheet
170
+ $kendo-spreadsheet-drawing-handle-outline-color: get-theme-color-var( primary-100 ) !default;
171
+ /// Border color of the spreadsheet drawing handle.
172
+ /// @group spreadsheet
173
+ $kendo-spreadsheet-drawing-handle-bg: get-theme-color-var( primary-100 ) !default;
174
+ /// Border radius of the spreadsheet drawing handle.
175
+ /// @group spreadsheet
176
+ $kendo-spreadsheet-drawing-handle-border-radius: var( --kendo-border-radius-lg, initial ) !default;
177
+
178
+ /// Outline style of the spreadsheet drawing.
179
+ /// @group spreadsheet
180
+ $kendo-spreadsheet-drawing-outline-style: solid !default;
181
+ /// Outline width of the spreadsheet drawing.
182
+ /// @group spreadsheet
183
+ $kendo-spreadsheet-drawing-outline-width: map-get( $kendo-spacing, thin ) !default;
184
+
185
+ /// Bacground color of the spreadsheet drawing anchor.
186
+ /// @group spreadsheet
187
+ $kendo-spreadsheet-drawing-anchor-bg: $kendo-spreadsheet-selected-bg !default;
188
+
189
+ /// Image of the spreadsheet insert image dialog.
190
+ /// @group spreadsheet
191
+ $kendo-spreadsheet-insert-image-dialog-img: url( "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAcwAAAGQCAYAAAAjl1AKAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA4ZpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDphMGVmMzZmZi04YmI1LTRlN2YtOTcwMS04OTU5ZTg1N2ZhY2MiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MDNDOTBDNUQ2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MDNDOTBDNUM2OUJGMTFFOTkwMzY4RTI3NjZBQTdENkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDpjMmZmZjM0Mi05NjEyLTQwM2YtYWZhYS01MTE1ZjQ2NThmMWMiIHN0UmVmOmRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDphYjlhMmUwMy1kNmIwLTY3NGMtODc4ZS0yMjUzMjdkNDI5OTciLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz68UHLbAAAgpElEQVR42uzd2ZNc9dnY8TOL9gU0IAkjgwpkI8QOQmI1FS+FHW9VLt/7wpWb900qKV+lTL3vTZzElSvnJilfvM4fkQunfEOw2LUgiUUsNhiMAFsjtIzQrpmJnhOdoaent+np5SyfT1XXiJ4R0hz19Lef31l6ZHZ2NgEAWhu1CQBAMAFAMAFAMAFAMAFAMAFAMAFAMAEAwQQAwQQAwQQAwQQAwQQAwQQAwQQAMuP9/gNGRkZsZQAGop/v8WzCBIA8TJj9GFr9swGUYyAUTHEEoLvn+NxGdLwgG1BEAaoxYY7kNZ55C+bIEu4DoFixHGkT0JE8RTMvwWwXxRHBBKhMQGcbPN8PPZx5COZIh6EcEU+AQgex2fRYH8tm4RxqNIcdzGbxa/dROAGKOT3WhnCk5nOzTX5PbqI5zGB2Estmv24XTwDyO2HOtohi/f25ieawgtkqlvW/HukgnqIJULxY1v96tsV0OvRo5mkfZn0YR5tEs920CUB+o9kokvW3mQ6iWYkJc6RNLOtvo7/85S/X/eIXv/jntWvX/mjZsmVfGRsbG3eNWoCClvOq6enpy1f9/Ysvvvjfv/nNb/7zr3/96zM1oRxN2u/THHhAR/p5odr0D1gYtvpg1kdztObj6N///vf/NDEx8e/Gx8eXeZgBlM+VK1cunzhx4n9u3rz5n65Fc6Zm0my0dFs/tdbGuG9/z2FefL1ROOdi+ZOf/GTl1NTU/920adMvxBKgvOI5/upz/X+I5/x47q8bnEaSnByvMugJs1EkRxoEcyw23Lp16x72UAKojjNnzuxfv379N6/+crrBlDnbbsos44TZ7Mo+aTSPHTv2X8USoHriuT8a0GS6HOqUOewl2QW3OMBnYmLiHz1sAKopGhAtSFqfJTH4aA1pSbbRUmx6m5yc/O833njjv/GQAaiu48eP/6+NGzf+++TLg4AaLc0mSQWWZJuN1iNr1qz5vocKQLVdbcG/TnJ2cZpBBrPV1Xnmps1ly5Zt8lABqLarLdiYNL9YTbOmlCaY9fFsdHm8kbgogYcKQLVda0HTVpR9wuwonq7gA0CD418qtSTbzdQJQIW7macujOZgYwBA7psxmrONIKAA5LIN42XaIFeuXEmmpqaSixcvJjMzMx5qAMOYxEZHkxUrViTr16+P68T2shGVe3uvvohYTk5OCiXAkMXz8Pnz59PhZePGjb2IZj5eCJTlHygmS7EEyFc447m5NJNzWb6ReCUDQL5cuHBBMPP4SgaAfOn39coFEwBypjQH/bhCEAAmTAAQTAAQTAAQTAAQTABAMAFAMAFAMAFAMAFAMAFAMAFAMAFAMAEAwQQAwQQAwQQAwQSAAhkvyzcyMjLiXxMAEyYACCYACCYACCYACCYAIJgAIJgAIJgAIJgAIJgAIJgAIJgAIJgAgGACwBJ5ey8AMGECgGACgGACgGACgGACgGACgGACAIIJAIIJAIIJAIIJAIIJAKXg4usAYMIEAMEEAMEEAMEEAMEEAMEEAMEEAAQTAAQTAAQTAAQTAAQTAErBxdcBwIQJAIIJAAMzbhMA9cbGxpLx8fH0Fr8eHR1NP8auj+wWZmdn527T09PJzMxM+vHKlSvpLX4NggmUKpDLly9Pb8uWLUsD2YnaeMb/o14E9PLly8mlS5fSm4AimEDhRBRXrlyZ3mKSrHXmzJnk5MmTyalTp5IvvvgivV28eDG9RfQigukTyLUpdMWKFWls165dm96uv/76ZMOGDcn69evTz8UtxNR54cKF9BYxBcEEcivCtmrVqrmIZYGcnJxMPv300+Rvf/tbGsZMLLc2ky29nj9/Pv3vY8eOzft8/Bk33XRTsmXLlmTTpk3JunXr5qIaf0b8vpg8oQhGWv0w9OQP+PJ0j5Gaj9lttOYW6zljV/8+J7v5c+p/UIFkQbzWrFkzb5r88MMPk7/85S9pKOt18tzQ6msafe7mm29Otm3bltx2223zonv27Nl5kaZc4sVSl/3YcPXD9LXbTM1ttuaW1HxM+tk0wYSSi32SMdHFx5BNku++++7c0mqvItlpROPvsmPHjrnJM8TfJZZ+6/9OCKZgCib0VeyjjFDGPsrw+eefpxPlO++80/NpsptpM3PXXXelE+eNN96Y/nfs34xw2scpmIIpmNB3sfwa+wuzo13/9Kc/JXv37h1oJFt9vtH9jz32WLJ9+/b01xHL2K9qmVYwBVMwoW8/bxHKbKr8+OOPkwMHDqT7CPMwTbb7XEzEu3fvTrZu3To3bUY4+/08hWAKJlRInAcZp3HE/sE49ePgwYPpfsphT5OLnTRD7N/ctWtX+j3FPs2pqSnncArm0IPptBIogYjkddddly7BxkE9L7/8cseT2bCmyVb3HzlyJDl69Gjy1FNPpU+2cU7n6dOnHRDEUJVmwownCaiiOK8yJsv4WfvrX/+avPTSS+mpGkWZJlt9LibMiGYcFBRfE5Om8zaLZ+PGjaWYMF18HQosDu7JYvn+++8ne/bsaRnL7Lqv3Xy+9rqx3Xyu099Te398L88++2zy3nvvpd9jduUgGAZLslDgyTIO8ImQ/PnPf05eeeWVQk+Tre6PFwLxMY6ije85fm3SZNBMmFDEV7rj43OTZbNYFm2abHf/888/nx7ElE2a9de/BcEE5v/Qjo6mB/hky7D1sew2hJ3+3l4GdLH3x6SZLc9mBzmBYAILZNNVhOKjjz5Kj4btVQjzNE22uv+5555LPvjgg3kvHGAQxsv0RAJlFxdPj1NI4jJ3EctBnxLS632Tnd7fKJqxLTZv3pxe7CAupQcmTCCVvS1XiGXYZuckLnVizNM02ey++N4jmnExg7iqkSNnEUwgFSsoMUmF2Id34sSJjqPWj8/18/5O4xlvbp3tv41p0yoTggmkQYh9dnFt2FdffbWjqbCbyXCQU2Mn02S7qL7xxhvp+3nGtoltBIIJFRanT2QXU9+3b1/HU+FiJr28TpOdRPXFF19MP8Y2cqoJggkVVrsUGwe3DOKUkF6dKtLLabLZ/XHN3LfeemvetgLBhIqJg1liaoqjYltdnGBQ50cOI4jtvjZ+/cc//jF9x6LYVg4AQjChgrKjYuO8w35Nk0sJaK+j2s3XZuJNsmu3GQgmVEScRhITU0xOb7/9du5PCRnENNnqaw8dOpR89tln6TaLbQeCCRWRHejzySef5PpydYOcJuuXYuvvi7c3q912IJhQ9h/M0dH0ij7hnXfeyd00OYggtvvaRvcdPnx4bjp3nVl6zaXxIIfiwJV4TMf1YrO3scr75ery8LWxreIdTeJtwGLKPH/+vAcTJkwoezBDHOxjmmy/FFt7fwSzdhuCCRPK+ip2dDQ9cGVqaiqdMAc5NRZpmmx2X2yzuGze9ddfn27LmZkZDypMmFBG2RGecXTsoKfGok2TzX7/p59+Om9bgmBCCWUH+xw9ejT3R7q2+38sNZ7d/v4PP/xw3raEXrAkCzkNZjYl1YahmaUudy72/n4spfby98dF6gUTwYQSGxsbS4+Ojf2XFy9e7Hv4ihrEdvfF0bHZfszYpvG+mSCYULJghtOnTw88fGWL5+TkZBrMOIBKMOkF+zAhh8GM6ag+BHm++Hke92MeP3583jYFEyaU6RXstavTxIRpmlza12bb0BV/EMw6rvRDKX4gr70BcuzDbDRFDTuIRYpnbMNswvT8gGBCyWRP7OfOnRPEJX5ttg3FEsGEEgfzwoULhb/izrDjmV1HVjARTChxMOsv5yaei//aK1euCCaCCWUPZrzrhiAu/Z1LBBPBhJJbygE/4tn6qkggmFCSUMZEFJd0u3z5cqGClLe/a3bhdfFEMKHEwYxTIbIlxbIEbdDnlGYXLBBMBBNKGsxsOsqO8ixj/AYRz5UrVwomggllD+bq1asXXB4vD0Ea9u9fzP8jtqFg0kuuGQU5kl0kfP369fNiMKjrr/bjWrG9vNbsYq6Zm21DF17HhFnHoeOUQXb+5XXXXVf5pdil/j9iG2bb1PMDggklnTA3bNhQyCAO+mtb3b9x48Z5L0JAMKGEwYz3cazaOZK9jmcWzOyKPyCYUCIxDcWTfiwnxlGecU3ZPMQv79Nk/f2rVq1KJiYm0vtNmPSKg34gZ+KCBWHLli2FPDCn26/t9v/R6P9z6623ztuWIJhQQtkSYvak30lMlhq0QQSxl0fAtro/brfddtu8bQm9YEkWcjphfuUrX6nc1Xl6df9Xv/pVEyYmTCi72OcWB//Efsxt27a1nMSKuhTbr/tDTJc33HBDug3tv0QwoeSy68h+/etfL/xS7CDvj9s999wzbxtCr1iShZwGM470jAkzrivbi/fHHPTyar+XYht9LrbV3XffLZiYMKEqYikx2/9233335XqaHNaU2ehzDz/8cPoxtp3lWASTwjt+/LiN0IGLFy+mH7du3drz+PU6fIPYN9ns/trP3X777fO2HfSSa8ky8Fg+//zzyZNPPpls2rTJBmkhTomIA1fiaNkHHnggOXjw4IJINApHs6AM6msHcX+jz+3evTu55ZZb0m0W285zAiZMCh3LPXv2pO/zGNE8duyYjdJGdqWfOPin22kyr0fALnaKbfe5u+66a942A8Gk8LHMntREs73YFxcT00033ZR885vfzEUQlxq9pQS02ee+973vJTfffHO6rZx7iWBSmljWTk+i2d65c+fSj/fee2+ybt26wl6urpcBrf1cvO/lQw89NG9bgWBSyFhGFOtjKZqdi6kpO0XiqaeeGug02cvL1fXi9zT6fU8//XT6MbaRN4tGMCl0LNu96s+iOTk5aaM1ES84IhJf+9rXkm9961uluMBAN9Nk/ed37dqVbN++Pb2/2YsyEExKEcvaaMayrWgmTYORbcs4LzN7r8eiXK6uV9NkrXiT7XjxUPuCAgSTQsYynsTi0P5Ob3HunEmzuTiYJTu/8Dvf+U4yPj5eqWmy9vPxvf/4xz9OP8ZSrKv6IJgUOpbdsDzbfvtkR81+97vfXXTI8nKBgW4/l30+YhnvSBLbwlIsgkkhY/nCCy8s+QlMNJuLYJw9ezb9eMcdd8xFMy9TZi8/1+zPi1ju2LFj3raAQRjp94Ot5mobIzUfs9tozW0sblf/Pie7+XNOnz7tX3OIIm69iGWtlStXuiJQE2NjY8maNWvSn6833ngj+cMf/tAwNs0i1Iv7h/G5H/7wh+lVj7JYOiq2GOKt6rrsx4arH6av3WZqbrM1t6TmY19fQJkwyWUss0kz/r9OOVkoQhEHAcWTQ5yfWTtplmmarPWDH/xgLpbxvYslgyaYLEm2DBtxW8wBPos5EEg0G4vrpWZHh0Y042o3ebtcXSch7OTzP/rRj5IHH3xw7vSR+N5BMClULGNfY7+v3SmazcWRs9mkGW+cnB05mofL1S31SNjsaNif/vSnyf333z83Wbr0HcNiHya5jmWtFStW2KfZRO0+zU8++ST5/e9/n5w8eXIuPq2mt8Xcv5TPLfbzExMT6QuAeAcS+yyLrSz7MAWTrmLZj32WncgOBMpO3OdLo6OjyerVq9N4Rliee+65ZP/+/T0J3lJC2M3vjSv4fPvb306WLVs2t7/WG0ILpmAKpliKZk9/3mL7LF++PP3v9957L3n22WfTn488T5O1T6xxbdg777wz/e+4IEGsYjh1RDAFUzALGcs8vN9gtjwrmo3FZLZq1aq5n7948+n6U0+GMU22+prvf//7yc6dO+e+Jl6U2V8pmIIpmGIpmgOfNj/99NPk7bffTvbu3ZuLaTLzyCOPJHfffXeyZcsWU6VgCqZgFtvnn38+9GVY0exeHGka4Yx9m+Ho0aPJBx98kOzbty+NU7+WZFt9Tfy77d69O9m2bVt6UE+IfZURSqeMCKZg9jmYU1NTHpV9nCzzfL3OiMETTzzh6NkOwhmhysIZ3n333eTNN99MPw5imox9k3H6S1zaLhOhjFOHhLK84k2+BVMwxVI0CxnO2McZt9pVhI8//jh5//33k48++mjBv3m302TsR926dWv6Pp633nprcsMNN8x9LvZPxk0oBVMwBbPwsXzxxRcL9U4QlmcX/7OZhbN26swCGheKiNupU6fSW5zakV1lJ3s7rez3xwuWOA/0+uuvT2/xb7B58+Z5gcymySyU9lEKpmAKpljmYNIUzcWJczhj8oxwxsean9slieeXCGyEMj46l1IwBVMwSyMmi4hlTBNFJZq9CWjEMz5mt+z6vrU/19nzR3YpuwhidotICiSCKZiljmUZ3pA3lmdFEwSzpy8k/VNStliGOOoyvh9vQg0IJmLZQTRfeukl0QQEE7FsJ06EF01AMFlyLCMm/Xrz57zcskkzjv4FEEy6imVZJ8t62T5N0QS6VZqjZM+cOeNfcxGxLPMybCtxysnjjz/u6FkYoHXr1nXbD0fJIpbDYp8mYMI0YXYcyzy9RdewxHmaJk0wYZowaRjL7AAfnHICCCYtYlnVZdhW0Xz55ZdFExBMxLKdmLgjmo6eBdqxD7PETpw4IZYdyvZp3njjjTYG9Jh9mIhlibi4AVCZCfOLL77wr3mNA3yWNmk+9thjjp6FHlq7dq0JE7Es46TpQCBAMCsQy3iyF0vRZPg8fgSTnMfSPsveRfOVV17xpEdXYl/4888/nxw7dszGKBH7ME2WtJDt03T0LIuJ5Z49e9IXr3Ht4m984xvJpk2bKr1N7MMkF+JoWLHs76TpPE26iWWIn0uTZnkIplgimvQhlhnRFExyEkv7LEWTfMQyotjszdjj8fPCCy+IZsHZh2myZBFin+ajjz5qnyYLYtnJi9fYp/nkk09Wbp9mWfZhliaYZ8+ercQDzwE++YmmixsQR1F3GsvaaFbtQKA1a9aUIpiWZAsWyzjVQSyHyykn1May2TJss1s8fuzTLCbBLFgs7bMUTfIVy24fP6JZPJZkC8A+y/yyT7OasYwDeHrx4rUq+zQtySKWzE2ajp4Vy27Ez7WjZ4tDMMUS0WQIsRTN4rEkm+NYOsCnWGJ59pFHHrE8W0K151n2SyzPPvHEE6VcnrUki1iyYNJ89dVXTZpi2fWk+eKLL5o0c0wwxRLRZMixFE3BRCxFk0LHMvYtDvrnUTTzqzT7MM+dO1fof4g4zzKeZMWyPOzTLK5+HeCzGGU65WT16tXd9sM+TMTSpEneY7nYK/j0+haPH5NmvgjmkMUyrFiWO5p79+4VzQLGMg8sz+aLJVmxZABieXb37t2WZ3Ms22eZx8tPFv2UE0uyiCUmTbE0aVaIYIolA4zmvn37RFMsRVMwEUs6edITzfzFctgH+DgQqBjswxxwLGNZTizJ9mnecMMNNsYQYxnxKeJb5mX7NIvyJub2YSKWdC3bpxmnFDF4sd0jlkWZLJtNmt6P1YRZugnz5MmT6TJsPMih1vLly02aQ4plGd6MPSbNxx9/PPeTZlkmzNIEM68PfpMl7cTy7K5du5xyMgBFXoZtF808n3KyatWqUgTTkqxYMmSOnhXLpYjnl5deesny7ACYMPscS8uwdMrybP9jWeYXr7FSkdcDgUyYiCU9denSJQcC9SmWMYGVfaUnnm9Mmv0lmH2IZSyviSXdRjMeP6LZ21iWbRm2Gcuz/WVJVizJoViejQOBLM+KZTfydvRsWZZkBVMsEc3SqT3Psqpin2ZeomkfJnPiPMv9+/eLJT0Vy7PxuLI8K5bdiOejl19+2fKsCTM/E2bE0mRJvyfNhx9+2KQpll2J5dnHHntsqJOmJVnBFEsGGs1Ynp2YmLAxWsSyCkfDdiNbnh3WxTEsyVacWDJI2fJs7CtHLBcrO+XExTFMmKlB/qDEk5Z9lgxr0rQ8O19VzrPshWEtz8afa8KsILEkD5OmA4HEstvBwoFAJsyB/MBYhiUvYp/Uzp07Kz1pWoZd2uNnkJOmCbNixJI8icfhgQMHKjtpiuXSHz8mTRNm32JpGZY8in2aVZs0xbK3k9+jjz7a90nThFmhyVIsyavYpxmTZlWOno1YxmQklr0R2/GVV15x9KwJUyyp1qQZR8+W+TxNseyfbJ9mv87TLMuEKZgtYhmv3MWSIkUzlmfLGE2xLHY0LcmWmFhSRGVdnhXLwcgOBLI8K5hiiWgWUHwfsY9NLAcXTfs0W0y8lmS/dOrUqXSfZTzpQJHF8uxDDz1U6OXZiKXJcjhieTaOnu3V8qwl2ZKJWMYrc7GkLJPmwYMHCztpiqVJM48EsyaWlmEp25NeEaMplqKZV6VZku02drHP8rXXXhNLSqtIy7NxgE88SQ/r/W1ZKLu4wVKWZ2OJt8t+OK0kL8EUS6oinrAefPDBXEczi6XJMp+Pn6VEsyzBrOySrFhSJXlfnhXL/D9+LM9WdMKMfZZiSRXF8mzeJs3s1BHLsOWdNC3JFjSYYoknvRXJAw88kItoOs+ymI+fRx55ZFHRFMwCBjOLpVNHMGkuH3o0xbI60bQPs2AilrEPRyzh/5+neejQoXRf/rBi+eqrr4plQcWAEv9+VdunWYlgZrG0DAvDj2YWS/ssix/NvXv3VupNzEu/JCuW0Fq2T3PDhg0mS7p6/MTybKs3MbcPswDBPH36tH2W0IFsn2Y/oxmTrH2W1YymYOY8mBFLkyXkI5oRS5Nl+aO5e/fuhtF00E/ORJizm1jC4tXu06z9eVrqTSyroXafZv1joDSdKcuEmS27OhoW8jNp2mdZ3Umz9pSTeEyVYcIsVTAjlvEK2WQJw49mxDImDrGsZjR37do1F03BzFkwjx07lsbSZAm9sWzZsq6jKZbURrMswSzNPkyxhN66fPlycvjw4UWfpymWhFjp27dvX6nO0yxNMMUS+vNztZhoiiX10YzHQ1mMl+UbKdORWJDHSfP+++9vuTwbUY2JIp4k/TxSxmFm1D8n0Gk0m02acb/JkrITTKDjaL7++uvp0ehiiWACtBDLa0eOHEmmp6fFksqxDxPoWJxqct999yVjY2NzsbTPEhMmQF0sd+7cmaxdu3beAT4gmADXxInnEct169bNxdIyLFVjSRZoO1k+9NBDaSzjPEuxRDABWsQyJsv9+/fbZ0llWZIFOoqlyRITZkl4xQu9j2XtAT5iiWACtImlZViwJAu0iGW2zxKwJAtkTwbj4wtiaRkWShhMYGmT5YMPPpjGMq4V62hYWMiSLIjlvFi6gg+UfML0Shi6eAIYH284WQIlDiaw+MnygQcesAwLJkygVSzvv//+BVfwAUyYQIPJUixBMIEOYnngwIH0TaGt0ECFgukHHtrHMpZha2NpsoTOOa0ExBKo0oQJtI9lHA372muvWYaFKgfTDz80+AEfH58XS5MlCCbQYLK877775k4dMVnC0tiHCRWJpckSTJgpr5rh2g/1+LhYgmACnUyW2dGwBw8eFEsQTKCTWFp9AcGcx5MClf5BvrYMa7KE/nHQD4glUKUJE6oolmHvvffeufMsDx065NQRMGECrWJpsgQTZke8oqZSP7jj42IJggm0myzvueeeebG0DAuCacKEusmyUSwBwQRqYhnLsGvWrJl3gA8wGA76gYLG0j5LMGECNbJ9llksDx8+bJ8lCGb3PHlQ1smyPpYmSxgOS7JQgFiePn1aLMGECdSLZdi777577mhYy7AgmD3jiYQyTZb1sTRZgmACdbG0zxIEE2ghW4Z1NCwIZl95UqHok2WjWAL54ShZyFksX3/9dbEEwQSaxTJOHYlY2mcJOf15tQkgH7G0zxIEcyA8yVC0WN51110LYgkIJtAklrEMe/nyZS/6IOfsw4Qhx9JkCSbMgfLqnKLEcvXq1WIJggl0Ess33njDMiwUjCVZGEIsTZZgwhwar9TJayx37NghlmDCBDqN5ZtvvimWYMI0YUJ9LO+8884FsfQ4BRMmUDdZxqkjU1NTyVtvvWWyBBMm0CiWJksQzNzyhEQeYtloGRYoB0uy0IdYWoYFwQQ6iKW36ALBBMQSqvnzXpZvxD5MhhHL7du3L1iG9VgEE2aujY2N+ddkKLGMU0eOHDlinyWU/Lm5NBPm+vXrk5MnT3p0MvBYmiyhuYmJCcHMm1tuuSU5c+ZMMj097RFKX18tN4ol0PjF5W233Vaa72dkdna2v3/Al6+6R2o+ZrfRmlvM7WNX/z5dj4kXLlxIjh49mj6RCSf9+OG/4447xBI6eGEZk2XEMn5eltCPDVc/TF+7zdTcZmtuSc3HpJ9Ny0MwR67FMn49vpRgAlAe14J55Vokp6+FcWjBzMtBPwu+aQAqL1dtGM3JxgCAXDdjNGcbQkAByGUXRvO2Qaanp0UToOJmZmZyF85hBbPRN5/ed+UqDxWAart8+fKVVq0oezAb7bydrdsAsxcuXJj0UAGotnPnzk0mLY6GTYZwQFBelmTnfn3mzJnfe6gAVNupU6f+T5NADk2eTitJb7/97W//+eoo7qoDABV16dKl6d/97nf/1GDCHKpBXrgg/c8GHxdc9efEiRP/bcOGDf/Wwwagej744IP/sW3btv+YdHZ1n3kRK8uVfmpDWR/LBVf+OX/+/HMrV67c6aEDUB3Hjh07sHnz5n+VNL+yT/3EObBgDnpJttnRTvW3mZ/97GdPX7hw4S0PH4BqmJycPPLzn//86RaRnG3TlP4OgAOeMJtNmUndhDm3RHvixIn/snr16n9YsWLFMg8ngPK5Ohxd/uyzz357++23P5MsXIKdSRaeUdE0mGW/luxsk4kzvdjuxMTEM7/61a9uPXr06L9MTU19dunSpSv9jjwA/RMXJbh48eKVkydPfvbhhx/+yzPPPHPr1Vj+MvnyXUnaLr0OwzAmzEZTZu202ektafARgHxqdLDOYm5JJwHtZ9PGc7IRRxpsiFaRHGkRXgDyGctGwUzaBDI371gyPsSNN9Immo3imYglQKmimXQQyaEe7JOHCbNVNEeabKDa++sjKZoA+Y9lJ/HMXSyHHczFTpr1X18fTkcCAZQnnLmKZR6C2SyaSdJ+iTYXGxCAvsUzN7HMSzAbRbCTcAJQnmC2imIuGjCew4030mZDCShAeaOZu1DmMZiNNtBI3jcgAAONqGAuYsM5GhZAHAWzbBsYgHIYtQkAQDABoCf6viTrnUUAMGECgGACAIIJAIIJAIIJAIIJAIIJAIIJAIIJAIIJAAgmAAgmAAgmAAgmAAgmAAgmAAgmACCYACCYACCYACCYACCYAFB0/0+AAQDHHxQEMMRIrwAAAABJRU5ErkJggg==" );
@@ -0,0 +1,41 @@
1
+ // Module meta
2
+ $_kendo-module-meta: (
3
+ name: "spreadsheet",
4
+ dependencies: (
5
+ "button",
6
+ "checkbox",
7
+ "radio",
8
+ "colorpicker",
9
+ "combobox",
10
+ "datetimepicker",
11
+ "dropdownlist",
12
+ "toolbar",
13
+ "upload",
14
+ "menu",
15
+ "forms",
16
+ "input",
17
+ "window",
18
+ "tabstrip",
19
+ "treeview",
20
+ "icon",
21
+ "list"
22
+ )
23
+ );
24
+
25
+
26
+ // Component
27
+ @forward "_variables.scss";
28
+ @use "_layout.scss" as *;
29
+ @use "_theme.scss" as *;
30
+
31
+ // Register
32
+ @use "../core/module-system/" as module;
33
+ @include module.register( $_kendo-module-meta... );
34
+
35
+ // Expose
36
+ @mixin styles() {
37
+ @include module.render( "spreadsheet" ) {
38
+ @include kendo-spreadsheet--layout();
39
+ @include kendo-spreadsheet--theme();
40
+ }
41
+ }
@@ -114,7 +114,7 @@
114
114
  z-index: 1;
115
115
  }
116
116
  .k-step-label:only-child {
117
- @include border-radius( calc((var( --kendo-stepper-indicator-height, #{$kendo-stepper-indicator-height} ) + 2 * var( --kendo-stepper-indicator-border-width, #{$kendo-stepper-indicator-border-width} )) / 2) );
117
+ @include border-radius( calc( (var( --kendo-stepper-indicator-height, #{$kendo-stepper-indicator-height} ) + 2 * var( --kendo-stepper-indicator-border-width, #{$kendo-stepper-indicator-border-width} )) / 2) );
118
118
  padding-inline: var( --kendo-stepper-label-padding-x, #{$kendo-stepper-label-padding-x} );
119
119
  padding-block: var( --kendo-stepper-label-padding-y, #{$kendo-stepper-label-padding-y} );
120
120
  border-width: 0;
@@ -131,7 +131,7 @@
131
131
  }
132
132
 
133
133
  .k-step-current .k-step-label {
134
- font-weight: bold;
134
+ font-weight: var( --kendo-stepper-current-label-font-weight, #{$kendo-stepper-current-label-font-weight} );
135
135
  }
136
136
 
137
137
 
@@ -145,7 +145,6 @@
145
145
 
146
146
  .k-step-disabled,
147
147
  .k-step.k-disabled {
148
- opacity: 1;
149
148
  pointer-events: none;
150
149
 
151
150
  .k-step-link { cursor: default; }
@@ -153,6 +152,10 @@
153
152
  .k-step-label-optional {
154
153
  color: inherit;
155
154
  }
155
+
156
+ .k-step-label {
157
+ font-weight: normal;
158
+ }
156
159
  }
157
160
 
158
161
 
@@ -194,14 +197,14 @@
194
197
  text-align: center;
195
198
  }
196
199
  .k-step-indicator + .k-step-label {
197
- margin-top: if($kendo-stepper-indicator-focus-offset > 0, calc(8px - #{$kendo-stepper-indicator-focus-offset}), 8px);
200
+ margin-top: if($kendo-stepper-indicator-focus-offset > 0, calc( 8px - #{$kendo-stepper-indicator-focus-offset}), 8px);
198
201
  }
199
202
 
200
203
  // Progressbar
201
204
  & ~ .k-progressbar {
202
205
  width: 100%;
203
206
  height: var( --kendo-stepper-progressbar-size, #{$kendo-stepper-progressbar-size} );
204
- top: calc(((var( --kendo-stepper-indicator-height, #{$kendo-stepper-indicator-height} ) + 2 * #{$kendo-stepper-indicator-focus-size}) / 2) + #{$kendo-stepper-indicator-focus-size} / 2);
207
+ top: calc( ((var( --kendo-stepper-indicator-height, #{$kendo-stepper-indicator-height} ) + 2 * #{$kendo-stepper-indicator-focus-size}) / 2) + #{$kendo-stepper-indicator-focus-size} / 2);
205
208
  }
206
209
  }
207
210
 
@@ -210,7 +213,7 @@
210
213
  flex-direction: column;
211
214
 
212
215
  .k-step {
213
- min-height: calc((var( --kendo-stepper-indicator-width, #{$kendo-stepper-indicator-width} ) + 2 * var( --kendo-stepper-indicator-border-width, #{$kendo-stepper-indicator-border-width} ) + 2 * #{$kendo-stepper-indicator-focus-size}) + 20px);
216
+ min-height: calc( (var( --kendo-stepper-indicator-width, #{$kendo-stepper-indicator-width} ) + 2 * var( --kendo-stepper-indicator-border-width, #{$kendo-stepper-indicator-border-width} ) + 2 * #{$kendo-stepper-indicator-focus-size}) + 20px);
214
217
  }
215
218
 
216
219
  // Label
@@ -227,7 +230,7 @@
227
230
  width: var( --kendo-stepper-progressbar-size, #{$kendo-stepper-progressbar-size} );
228
231
  height: 100%;
229
232
  min-height: 20px;
230
- inset-inline-start: calc((var( --kendo-stepper-indicator-width, #{$kendo-stepper-indicator-width} ) + 2 * var( --kendo-stepper-indicator-border-width, #{$kendo-stepper-indicator-border-width} ) + 2 * #{$kendo-stepper-indicator-focus-size}) / 2);
233
+ inset-inline-start: calc( (var( --kendo-stepper-indicator-width, #{$kendo-stepper-indicator-width} ) + 2 * var( --kendo-stepper-indicator-border-width, #{$kendo-stepper-indicator-border-width} ) + 2 * #{$kendo-stepper-indicator-focus-size}) / 2);
231
234
  }
232
235
 
233
236
  // Inline content
@@ -111,6 +111,10 @@
111
111
  var( --kendo-stepper-indicator-done-disabled-border, #{$kendo-stepper-indicator-done-disabled-border} )
112
112
  );
113
113
  }
114
+
115
+ .k-step-label {
116
+ @include fill( $color: var( --kendo-stepper-label-disabled-text, #{$kendo-stepper-label-disabled-text} ) );
117
+ }
114
118
  }
115
119
  }
116
120
 
@@ -33,7 +33,7 @@ $kendo-stepper-label-margin-x: map-get( $kendo-spacing, 2 ) !default;
33
33
  $kendo-stepper-label-padding-x: map-get( $kendo-spacing, 3 ) !default;
34
34
  /// Vertical padding the stepper label.
35
35
  /// @group stepper
36
- $kendo-stepper-label-padding-y: calc( map-get( $kendo-spacing, 1 ) + map-get( $kendo-spacing, thin ) ) !default;
36
+ $kendo-stepper-label-padding-y: ( map-get( $kendo-spacing, 1 ) + map-get( $kendo-spacing, thin ) ) !default;
37
37
 
38
38
  /// Horizontal padding the stepper content.
39
39
  /// @group stepper
@@ -44,7 +44,7 @@ $kendo-stepper-inline-content-padding-y: map-get( $kendo-spacing, 3 ) !default;
44
44
 
45
45
  /// Width of the stepper indicator.
46
46
  /// @group stepper
47
- $kendo-stepper-indicator-width: calc( map-get( $kendo-spacing, 7 ) + map-get( $kendo-spacing, thin ) ) !default;
47
+ $kendo-stepper-indicator-width: ( map-get( $kendo-spacing, 7 ) + map-get( $kendo-spacing, thin ) ) !default;
48
48
  /// Height of the stepper indicator.
49
49
  /// @group stepper
50
50
  $kendo-stepper-indicator-height: $kendo-stepper-indicator-width !default;
@@ -63,7 +63,7 @@ $kendo-stepper-indicator-focus-border-width: $kendo-stepper-indicator-border-wid
63
63
  $kendo-stepper-indicator-focus-size: map-get( $kendo-spacing, thin ) !default;
64
64
  /// The focus offset of the stepper indicator.
65
65
  /// @group stepper
66
- $kendo-stepper-indicator-focus-offset: calc( map-get( $kendo-spacing, thin ) + map-get( $kendo-spacing, hair ) ) !default;
66
+ $kendo-stepper-indicator-focus-offset: ( map-get( $kendo-spacing, thin ) + map-get( $kendo-spacing, hair ) ) !default;
67
67
  /// The focus calculated offset of the stepper indicator.
68
68
  /// @group stepper
69
69
  $kendo-stepper-indicator-focus-calc-offset: calc( #{$kendo-stepper-indicator-focus-border-width} + #{$kendo-stepper-indicator-focus-offset} ) !default;
@@ -130,13 +130,13 @@ $kendo-stepper-indicator-done-disabled-border: var( --kendo-disabled-border, ini
130
130
 
131
131
  /// The background color of the stepper current indicator.
132
132
  /// @group stepper
133
- $kendo-stepper-indicator-current-bg: $kendo-stepper-indicator-done-bg !default;
133
+ $kendo-stepper-indicator-current-bg: get-theme-color-var( primary-120 ) !default;
134
134
  /// The text color of the stepper current indicator.
135
135
  /// @group stepper
136
136
  $kendo-stepper-indicator-current-text: $kendo-stepper-indicator-done-text !default;
137
137
  /// The border color of the stepper current indicator.
138
138
  /// @group stepper
139
- $kendo-stepper-indicator-current-border: $kendo-stepper-indicator-done-border !default;
139
+ $kendo-stepper-indicator-current-border: $kendo-stepper-indicator-current-bg !default;
140
140
 
141
141
  /// The Hover background color of the stepper current indicator.
142
142
  /// @group stepper
@@ -172,7 +172,10 @@ $kendo-stepper-label-error-text: get-theme-color-var( error-190 ) !default;
172
172
  $kendo-stepper-label-hover-text: $kendo-stepper-text !default;
173
173
  /// The disabled text color of the stepper label.
174
174
  /// @group stepper
175
- $kendo-stepper-label-disabled-text: var( --kendo-component-text, initial ) !default;
175
+ $kendo-stepper-label-disabled-text: var( --kendo-disabled-text, initial ) !default;
176
+ /// The disabled text color of the stepper label.
177
+ /// @group stepper
178
+ $kendo-stepper-current-label-font-weight: var( --kendo-font-weight-bold, bold ) !default;
176
179
 
177
180
  /// The text color of the stepper optional label.
178
181
  /// @group stepper
@@ -197,4 +200,3 @@ $kendo-stepper-content-transition-duration: 300ms !default;
197
200
  /// The timing funtion of the stepper transition.
198
201
  /// @group stepper
199
202
  $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !default;
200
-
@@ -21,10 +21,10 @@
21
21
  -webkit-tap-highlight-color: $rgba-transparent;
22
22
 
23
23
  &.k-switch-on .k-switch-thumb-wrap {
24
- inset-inline-start: calc( 100% - calc( var( --INTERNAL--kendo-switch-thumb-width, auto ) / 2 ) - var( --INTERNAL--kendo-switch-thumb-offset, 0 ) );
24
+ inset-inline-start: calc( 100% - ( var( --INTERNAL--kendo-switch-thumb-width, auto ) / 2 ) - var( --INTERNAL--kendo-switch-thumb-offset, 0 ) );
25
25
  }
26
26
  &.k-switch-off .k-switch-thumb-wrap {
27
- inset-inline-start: calc( calc( var( --INTERNAL--kendo-switch-thumb-width, auto ) / 2 ) + var( --INTERNAL--kendo-switch-thumb-offset, 0 ) );
27
+ inset-inline-start: calc( ( var( --INTERNAL--kendo-switch-thumb-width, auto ) / 2 ) + var( --INTERNAL--kendo-switch-thumb-offset, 0 ) );
28
28
  }
29
29
 
30
30
  *,