@progress/kendo-theme-fluent 6.7.1-dev.0 → 6.8.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/dist/all.css +151 -130
  2. package/dist/meta/sassdoc-data.json +27153 -25003
  3. package/dist/meta/sassdoc-raw-data.json +1417 -342
  4. package/lib/swatches/all.json +1 -1
  5. package/lib/swatches/fluent-main.json +1 -1
  6. package/package.json +4 -4
  7. package/scss/input/_variables.scss +1 -1
  8. package/scss/spreadsheet/_layout.scss +98 -74
  9. package/scss/spreadsheet/_theme.scss +53 -86
  10. package/scss/spreadsheet/_variables.scss +169 -29
  11. package/scss/toolbar/_layout.scss +10 -0
  12. package/scss/toolbar/_variables.scss +4 -0
package/scss/spreadsheet/_variables.scss CHANGED
@@ -2,6 +2,7 @@
2
2
  @use "sass:map";
3
3
  @use "../core/" as *;
4
4
  @use "../table/_variables.scss" as *;
5
+ @use "../input/_variables.scss" as *;
5
6
 
6
7
  /// Width of the border around the spreadsheet.
7
8
  /// @group spreadsheet
@@ -15,32 +16,6 @@ $kendo-spreadsheet-font-size: var( --kendo-font-size, initial ) !default;
15
16
  /// Line height of the spreadsheet.
16
17
  /// @group spreadsheet
17
18
  $kendo-spreadsheet-line-height: var( --kendo-line-height, initial ) !default;
18
-
19
- /// Horizontal padding of the spreadsheet popup menu.
20
- /// @group spreadsheet
21
- $kendo-spreadsheet-popup-menu-padding-x: map.get( $kendo-spacing, 3 ) !default;
22
- /// Vertical padding of the spreadsheet popup menu.
23
- /// @group spreadsheet
24
- $kendo-spreadsheet-popup-menu-padding-y: $kendo-spreadsheet-popup-menu-padding-x !default;
25
-
26
- /// Horizontal padding of the spreadsheet sheets bar.
27
- /// @group spreadsheet
28
- $kendo-spreadsheet-sheets-bar-padding-x: map.get( $kendo-spacing, 1 ) !default;
29
- /// Vertical padding of the spreadsheet sheets bar.
30
- /// @group spreadsheet
31
- $kendo-spreadsheet-sheets-bar-padding-y: 0 !default;
32
-
33
- /// Horizontal margin of the spreadsheet sheets remove.
34
- /// @group spreadsheet
35
- $kendo-spreadsheet-sheets-remove-inline-start: - map.get( $kendo-spacing, 2 ) !default;
36
- /// Vertical margin of the spreadsheet sheets remove.
37
- /// @group spreadsheet
38
- $kendo-spreadsheet-sheets-remove-inline-end: map.get( $kendo-spacing, 2 ) !default;
39
-
40
- /// Left padding of the spreadsheet sheets menu.
41
- /// @group spreadsheet
42
- $kendo-filter-menu-padding-left: calc( var( --kendo-icon-size, 1rem ) + 2 * var( --kendo-padding-y, #{$kendo-padding-md-y} ) ) !default;
43
-
44
19
  /// Background color of the spreadsheet.
45
20
  /// @group spreadsheet
46
21
  $kendo-spreadsheet-bg: var( --kendo-component-bg, initial ) !default;
@@ -57,16 +32,26 @@ $kendo-spreadsheet-primary-border: k-get-theme-color-var( primary-100 ) !default
57
32
  /// @group spreadsheet
58
33
  $kendo-spreadsheet-primary-bg: k-get-theme-color-var( primary-100 ) !default;
59
34
 
35
+ /// Background color of the spreadsheet header.
36
+ /// @group spreadsheet
37
+ $kendo-spreadsheet-header-bg: k-get-theme-color-var( neutral-10 ) !default;
60
38
  /// Text color of the spreadsheet header.
61
39
  /// @group spreadsheet
62
40
  $kendo-spreadsheet-header-text: $kendo-table-header-text !default;
63
- /// Background color of the spreadsheet header.
64
- /// @group spreadsheet
65
- $kendo-spreadsheet-header-bg: $kendo-table-header-bg !default;
66
41
  /// Border color of the spreadsheet header.
67
42
  /// @group spreadsheet
68
43
  $kendo-spreadsheet-header-border: $kendo-table-header-border !default;
69
44
 
45
+ /// Text color of the spreadsheet table headers.
46
+ /// @group spreadsheet
47
+ $kendo-spreadsheet-table-header-bg: k-get-theme-color-var( neutral-10 ) !default;
48
+ /// Background color of the spreadsheet table headers.
49
+ /// @group spreadsheet
50
+ $kendo-spreadsheet-table-header-text: $kendo-spreadsheet-header-text !default;
51
+ /// Border color of the spreadsheet table headers.
52
+ /// @group spreadsheet
53
+ $kendo-spreadsheet-table-header-border: $kendo-spreadsheet-header-border !default;
54
+
70
55
  /// Selected text color of the spreadsheet.
71
56
  /// @group spreadsheet
72
57
  $kendo-spreadsheet-selected-text: k-get-theme-color-var( primary-160 ) !default;
@@ -77,6 +62,161 @@ $kendo-spreadsheet-selected-bg: k-get-theme-color-var( primary-30 ) !default;
77
62
  /// @group spreadsheet
78
63
  $kendo-spreadsheet-selected-border: k-get-theme-color-var( primary-100 ) !default;
79
64
 
65
+ /// Horizontal padding of the spreadsheet popup menu.
66
+ /// @group spreadsheet
67
+ $kendo-spreadsheet-popup-menu-padding-x: map.get( $kendo-spacing, 3 ) !default;
68
+ /// Vertical padding of the spreadsheet popup menu.
69
+ /// @group spreadsheet
70
+ $kendo-spreadsheet-popup-menu-padding-y: $kendo-spreadsheet-popup-menu-padding-x !default;
71
+
72
+ /// Border width of the spreadsheet action bar.
73
+ /// @group spreadsheet
74
+ $kendo-spreadsheet-action-bar-border-width: 1px !default;
75
+ /// Horizontal padding of the spreadsheet action bar.
76
+ /// @group spreadsheet
77
+ $kendo-spreadsheet-action-bar-padding-y: map.get( $kendo-spacing, 1 ) !default;
78
+ /// Vertical padding of the spreadsheet action bar.
79
+ /// @group spreadsheet
80
+ $kendo-spreadsheet-action-bar-padding-x: map.get( $kendo-spacing, 2 ) !default;
81
+ /// Font size of the spreadsheet action bar.
82
+ /// @group spreadsheet
83
+ $kendo-spreadsheet-action-bar-font-size: $kendo-spreadsheet-font-size !default;
84
+ /// Font family of the spreadsheet action bar.
85
+ /// @group spreadsheet
86
+ $kendo-spreadsheet-action-bar-font-family: Arial, Verdana, sans-serif !default;
87
+ /// Spacings of the spreadsheet action bar.
88
+ /// @group spreadsheet
89
+ $kendo-spreadsheet-action-bar-spacing: map.get( $kendo-spacing, 2 ) !default;
90
+
91
+ /// Spacing of the spreadsheet formula bar.
92
+ /// @group spreadsheet
93
+ $kendo-spreadsheet-formula-bar-gap: map.get( $kendo-spacing, 2 ) !default;
94
+
95
+ /// Horizontal padding of the spreadsheet formula input.
96
+ /// @group spreadsheet
97
+ $kendo-spreadsheet-formula-input-padding-x: var( --kendo-input-md-padding-x, #{$kendo-input-md-padding-x} ) !default;
98
+ /// Vertical padding of the spreadsheet formula input.
99
+ /// @group spreadsheet
100
+ $kendo-spreadsheet-formula-input-padding-y: var( --kendo-input-md-padding-y, #{$kendo-input-md-padding-y} ) !default;
101
+ /// Line height of the spreadsheet formula input.
102
+ /// @group spreadsheet
103
+ $kendo-spreadsheet-formula-input-line-height: var( --kendo-input-md-line-height, #{$kendo-input-md-line-height} ) !default;
104
+
105
+ /// Font family of the spreadsheet view.
106
+ /// @group spreadsheet
107
+ $kendo-spreadsheet-view-font-family: Arial, Verdana, sans-serif !default;
108
+ /// Font size of the spreadsheet view.
109
+ /// @group spreadsheet
110
+ $kendo-spreadsheet-view-font-size: $kendo-spreadsheet-font-size !default;
111
+
112
+ /// Background color of the spreadsheet selection.
113
+ /// @group spreadsheet
114
+ $kendo-spreadsheet-selection-bg: transparent !default;
115
+ /// Text color of the spreadsheet selection.
116
+ /// @group spreadsheet
117
+ $kendo-spreadsheet-selection-text: null !default;
118
+ /// Border color of the spreadsheet selection.
119
+ /// @group spreadsheet
120
+ $kendo-spreadsheet-selection-border: $kendo-spreadsheet-primary-border !default;
121
+ /// Shadow of the spreadsheet selection.
122
+ /// @group spreadsheet
123
+ $kendo-spreadsheet-selection-shadow: none !default;
124
+
125
+ /// Background color of the spreadsheet single selection.
126
+ /// @group spreadsheet
127
+ $kendo-spreadsheet-single-selection-bg: $kendo-spreadsheet-selected-border !default;
128
+ /// Text color of the spreadsheet single selection.
129
+ /// @group spreadsheet
130
+ $kendo-spreadsheet-single-selection-text: null !default;
131
+ /// Border color of the spreadsheet single selection.
132
+ /// @group spreadsheet
133
+ $kendo-spreadsheet-single-selection-border: $kendo-spreadsheet-border !default;
134
+ /// Background color of the spreadsheet partial selection.
135
+ /// @group spreadsheet
136
+ $kendo-spreadsheet-partial-selection-bg: color-mix(in srgb, $kendo-spreadsheet-selected-bg 75%, transparent) !default;
137
+
138
+ /// Background color of the spreadsheet active cell.
139
+ /// @group spreadsheet
140
+ $kendo-spreadsheet-active-cell-bg: $kendo-spreadsheet-bg !default;
141
+ /// Shadow of the spreadsheet active cell.
142
+ /// @group spreadsheet
143
+ $kendo-spreadsheet-active-cell-shadow: inset 0 0 0 1px $kendo-spreadsheet-selected-bg !default;
144
+
145
+ /// Background color of the spreadsheet auto fill.
146
+ /// @group spreadsheet
147
+ $kendo-spreadsheet-auto-fill-bg: color-mix(in srgb, $kendo-spreadsheet-selected-bg 75%, transparent) !default;
148
+ /// Text color of the spreadsheet auto fill.
149
+ /// @group spreadsheet
150
+ $kendo-spreadsheet-auto-fill-text: null !default;
151
+ /// Border color of the spreadsheet auto fill.
152
+ /// @group spreadsheet
153
+ $kendo-spreadsheet-auto-fill-border: $kendo-spreadsheet-selected-bg !default;
154
+ /// Shadow of the spreadsheet auto fill.
155
+ /// @group spreadsheet
156
+ $kendo-spreadsheet-auto-fill-shadow: inset 0 0 0 1px $kendo-spreadsheet-selected-bg !default;
157
+ /// Background color of the spreadsheet auto fill punch.
158
+ /// @group spreadsheet
159
+ $kendo-spreadsheet-auto-fill-punch-bg: color-mix(in srgb, $kendo-spreadsheet-bg 50%, transparent) !default;
160
+
161
+ /// Vertical padding of the spreadsheet cell.
162
+ /// @group spreadsheet
163
+ $kendo-spreadsheet-cell-padding-y: map.get( $kendo-spacing, 1 ) !default;
164
+ /// Horizontal padding of the spreadsheet cell.
165
+ /// @group spreadsheet
166
+ $kendo-spreadsheet-cell-padding-x: $kendo-spreadsheet-cell-padding-y !default;
167
+
168
+ /// Line height of the spreadsheet cell editor.
169
+ /// @group spreadsheet
170
+ $kendo-spreadsheet-cell-editor-line-height: var( --kendo-spreadsheet-line-height, $kendo-spreadsheet-line-height ) !default;
171
+ /// Horizontal padding of the spreadsheet cell editor.
172
+ /// @group spreadsheet
173
+ $kendo-spreadsheet-cell-editor-padding-x: map.get( $kendo-spacing, 1 ) !default;
174
+ /// Vertical padding of the spreadsheet cell editor.
175
+ /// @group spreadsheet
176
+ $kendo-spreadsheet-cell-editor-padding-y: 0px !default;
177
+ /// Background color of the spreadsheet cell editor.
178
+ /// @group spreadsheet
179
+ $kendo-spreadsheet-cell-editor-bg: $kendo-spreadsheet-bg !default;
180
+ /// Text color of the spreadsheet cell editor.
181
+ /// @group spreadsheet
182
+ $kendo-spreadsheet-cell-editor-text: $kendo-spreadsheet-text !default;
183
+ /// Border color of the spreadsheet cell editor.
184
+ /// @group spreadsheet
185
+ $kendo-spreadsheet-cell-editor-border: null !default;
186
+
187
+ /// Background color of the spreadsheet resize handle.
188
+ /// @group spreadsheet
189
+ $kendo-spreadsheet-resize-handle-bg: k-get-theme-color-var( primary-100 ) !default;
190
+
191
+ /// Border color of the spreadsheet cell comment indicator.
192
+ /// @group spreadsheet
193
+ $kendo-spreadsheet-cell-comment-border: k-get-theme-color-var( primary-100 ) !default;
194
+
195
+ /// Border color of the spreadsheet cell comment indicator.
196
+ /// @group spreadsheet
197
+ $kendo-spreadsheet-cell-dirty-border: k-get-theme-color-var( error-100 ) !default;
198
+
199
+ /// Horizontal padding of the spreadsheet cell dirty indicator.
200
+ /// @group spreadsheet
201
+ $kendo-spreadsheet-sheets-bar-padding-x: map.get( $kendo-spacing, 2 ) !default;
202
+ /// Vertical padding of the spreadsheet sheets bar.
203
+ /// @group spreadsheet
204
+ $kendo-spreadsheet-sheets-bar-padding-y: map.get( $kendo-spacing, 2 ) !default;
205
+ /// Border width of the spreadsheet sheets bar.
206
+ /// @group spreadsheet
207
+ $kendo-spreadsheet-sheets-bar-border-width: 1px !default;
208
+
209
+ /// Horizontal margin of the spreadsheet sheets remove.
210
+ /// @group spreadsheet
211
+ $kendo-spreadsheet-sheets-remove-inline-start: - map.get( $kendo-spacing, 2 ) !default;
212
+ /// Vertical margin of the spreadsheet sheets remove.
213
+ /// @group spreadsheet
214
+ $kendo-spreadsheet-sheets-remove-inline-end: map.get( $kendo-spacing, 2 ) !default;
215
+
216
+ /// Left padding of the spreadsheet sheets menu.
217
+ /// @group spreadsheet
218
+ $kendo-filter-menu-padding-left: calc( var( --kendo-icon-size, 1rem ) + 2 * var( --kendo-padding-y, #{$kendo-padding-md-y} ) ) !default;
219
+
80
220
  /// Text color of the spreadsheet filter button.
81
221
  /// @group spreadsheet
82
222
  $kendo-spreadsheet-filter-button-text: k-get-theme-color-var( neutral-160 ) !default;
package/scss/toolbar/_layout.scss CHANGED
@@ -223,4 +223,14 @@
223
223
  }
224
224
  }
225
225
 
226
+ // Flat Toolbar
227
+ .k-toolbar.k-toolbar-flat {
228
+ border-width: $kendo-toolbar-flat-border-width 0;
229
+ border-top-color: transparent !important; // stylelint-disable-line declaration-no-important
230
+ border-bottom-color: inherit;
231
+ color: inherit;
232
+ background: none !important; // stylelint-disable-line declaration-no-important
233
+ box-shadow: none;
234
+ }
235
+
226
236
  }
package/scss/toolbar/_variables.scss CHANGED
@@ -73,6 +73,10 @@ $kendo-toolbar-item-focus-outline-style: solid !default;
73
73
  /// @group toolbar
74
74
  $kendo-toolbar-item-focus-outline-color: k-get-theme-color-var( neutral-130 ) !default;
75
75
 
76
+ /// Border width of the flat Toolbar.
77
+ /// @group toolbar
78
+ $kendo-toolbar-flat-border-width: 1px !default;
79
+
76
80
  /// The sizes map for the Toolbar.
77
81
  /// @group toolbar
78
82
  $kendo-toolbar-sizes: (