@progress/kendo-theme-material 11.0.3-dev.3 → 11.1.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.
- package/dist/all.css +1 -1
- package/dist/material-2-dark.css +1 -1
- package/dist/material-2.css +1 -1
- package/dist/material-aqua-dark.css +1 -1
- package/dist/material-arctic.css +1 -1
- package/dist/material-burnt-teal.css +1 -1
- package/dist/material-dataviz-v4.css +1 -1
- package/dist/material-eggplant.css +1 -1
- package/dist/material-lime-dark.css +1 -1
- package/dist/material-lime.css +1 -1
- package/dist/material-main-dark.css +1 -1
- package/dist/material-main.css +1 -1
- package/dist/material-nova.css +1 -1
- package/dist/material-pacific-dark.css +1 -1
- package/dist/material-pacific.css +1 -1
- package/dist/material-sky-dark.css +1 -1
- package/dist/material-sky.css +1 -1
- package/dist/material-smoke.css +1 -1
- package/dist/meta/sassdoc-data.json +624 -84
- package/dist/meta/sassdoc-raw-data.json +289 -39
- package/dist/meta/variables.json +50 -22
- package/lib/swatches/material-2-dark.json +1 -1
- package/lib/swatches/material-2.json +1 -1
- package/lib/swatches/material-aqua-dark.json +1 -1
- package/lib/swatches/material-arctic.json +1 -1
- package/lib/swatches/material-burnt-teal.json +1 -1
- package/lib/swatches/material-dataviz-v4.json +1 -1
- package/lib/swatches/material-eggplant.json +1 -1
- package/lib/swatches/material-lime-dark.json +1 -1
- package/lib/swatches/material-lime.json +1 -1
- package/lib/swatches/material-main-dark.json +1 -1
- package/lib/swatches/material-main.json +1 -1
- package/lib/swatches/material-nova.json +1 -1
- package/lib/swatches/material-pacific-dark.json +1 -1
- package/lib/swatches/material-pacific.json +1 -1
- package/lib/swatches/material-sky-dark.json +1 -1
- package/lib/swatches/material-sky.json +1 -1
- package/lib/swatches/material-smoke.json +1 -1
- package/package.json +4 -4
- package/scss/button/_theme.scss +34 -3
- package/scss/grid/_variables.scss +25 -13
- package/scss/marquee/_variables.scss +2 -2
- package/scss/table/_variables.scss +22 -0
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-material",
|
|
3
3
|
"description": "Material theme for Kendo UI",
|
|
4
|
-
"version": "11.0
|
|
4
|
+
"version": "11.1.0-dev.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -54,12 +54,12 @@
|
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@progress/kendo-svg-icons": "^4.1.0",
|
|
57
|
-
"@progress/kendo-theme-core": "11.0
|
|
58
|
-
"@progress/kendo-theme-utils": "11.0
|
|
57
|
+
"@progress/kendo-theme-core": "11.1.0-dev.0",
|
|
58
|
+
"@progress/kendo-theme-utils": "11.1.0-dev.0"
|
|
59
59
|
},
|
|
60
60
|
"directories": {
|
|
61
61
|
"doc": "docs",
|
|
62
62
|
"lib": "lib"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "87380b1585659324bdbd1bdc8231e01a85daddf7"
|
|
65
65
|
}
|
package/scss/button/_theme.scss
CHANGED
|
@@ -22,10 +22,9 @@
|
|
|
22
22
|
// Focus state
|
|
23
23
|
&:focus,
|
|
24
24
|
&.k-focus {
|
|
25
|
-
|
|
26
|
-
outline-color: if( $name == "base" or $name == "secondary", $kendo-button-focus-border, k-color(#{$name}-active));
|
|
25
|
+
outline-color: if( $name == "base" or $name == "secondary", $kendo-button-focus-border, k-color(#{$name}));
|
|
27
26
|
box-shadow: inset 0 0 0 calc( #{$kendo-button-border-width} * 3 ) k-color(app-surface),
|
|
28
|
-
inset 0 0 0 calc( #{$kendo-button-border-width} * 5 ) k-color(#{$name}
|
|
27
|
+
inset 0 0 0 calc( #{$kendo-button-border-width} * 5 ) k-color(#{$name});
|
|
29
28
|
}
|
|
30
29
|
|
|
31
30
|
&:hover,
|
|
@@ -39,9 +38,34 @@
|
|
|
39
38
|
&.k-focus {
|
|
40
39
|
&:hover,
|
|
41
40
|
&.k-hover {
|
|
41
|
+
outline-color: if( $name == "base" or $name == "secondary", $kendo-button-focus-border, k-color(#{$name}-hover));
|
|
42
42
|
box-shadow: inset 0 0 0 calc( #{$kendo-button-border-width} * 3 ) k-color(app-surface),
|
|
43
43
|
inset 0 0 0 calc( #{$kendo-button-border-width} * 5 ) k-color(#{$name}-hover),
|
|
44
44
|
$kendo-button-hover-shadow;
|
|
45
|
+
|
|
46
|
+
&:active,
|
|
47
|
+
&.k-active,
|
|
48
|
+
&.k-selected {
|
|
49
|
+
background-color: k-color(#{$name}-active);
|
|
50
|
+
box-shadow: inset 0 0 0 calc( #{$kendo-button-border-width} * 3 ) k-color(app-surface),
|
|
51
|
+
inset 0 0 0 calc( #{$kendo-button-border-width} * 5 ) k-color(#{$name}-active),
|
|
52
|
+
$kendo-button-hover-shadow;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
&:active,
|
|
57
|
+
&.k-active,
|
|
58
|
+
&.k-selected {
|
|
59
|
+
outline-color: if( $name == "base" or $name == "secondary", $kendo-button-focus-border, k-color(#{$name}-active));
|
|
60
|
+
box-shadow: inset 0 0 0 calc( #{$kendo-button-border-width} * 3 ) k-color(app-surface),
|
|
61
|
+
inset 0 0 0 calc( #{$kendo-button-border-width} * 5 ) k-color(#{$name}-active);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
&:disabled,
|
|
65
|
+
&.k-disabled {
|
|
66
|
+
background-color: $kendo-button-disabled-bg;
|
|
67
|
+
box-shadow: inset 0 0 0 calc( #{$kendo-button-border-width} * 3 ) k-color(app-surface),
|
|
68
|
+
inset 0 0 0 calc( #{$kendo-button-border-width} * 5 ) transparent;
|
|
45
69
|
}
|
|
46
70
|
}
|
|
47
71
|
}
|
|
@@ -113,6 +137,13 @@
|
|
|
113
137
|
&.k-focus {
|
|
114
138
|
box-shadow: inset 0 0 0 calc( #{$kendo-button-border-width} * 3 ) k-color(app-surface),
|
|
115
139
|
inset 0 0 0 calc( #{$kendo-button-border-width} * 5 ) k-color(#{$name}-on-surface);
|
|
140
|
+
|
|
141
|
+
&:disabled,
|
|
142
|
+
&.k-disabled {
|
|
143
|
+
outline-color: k-color(#{$name}-on-surface);
|
|
144
|
+
box-shadow: inset 0 0 0 calc( #{$kendo-button-border-width} * 3 ) k-color(app-surface),
|
|
145
|
+
inset 0 0 0 calc( #{$kendo-button-border-width} * 5 ) k-color(#{$name}-on-surface);
|
|
146
|
+
}
|
|
116
147
|
}
|
|
117
148
|
|
|
118
149
|
// Disabled state
|
|
@@ -208,6 +208,23 @@ $kendo-grid-selected-text: $kendo-table-selected-text !default;
|
|
|
208
208
|
/// @group grid
|
|
209
209
|
$kendo-grid-selected-border: $kendo-table-selected-border !default;
|
|
210
210
|
|
|
211
|
+
/// The background color of highlighted Grid rows.
|
|
212
|
+
/// @group grid
|
|
213
|
+
$kendo-grid-highlighted-bg: $kendo-table-highlighted-bg !default;
|
|
214
|
+
/// The text color of highlighted Grid rows.
|
|
215
|
+
/// @group grid
|
|
216
|
+
$kendo-grid-highlighted-text: $kendo-table-highlighted-text !default;
|
|
217
|
+
/// The border color of highlighted Grid rows.
|
|
218
|
+
/// @group grid
|
|
219
|
+
$kendo-grid-highlighted-border: $kendo-table-highlighted-border !default;
|
|
220
|
+
/// The font weight of highlighted Grid rows.
|
|
221
|
+
/// @group grid
|
|
222
|
+
$kendo-grid-highlighted-font-weight: $kendo-table-highlighted-font-weight !default;
|
|
223
|
+
|
|
224
|
+
/// The background color of selected highlighted Grid rows.
|
|
225
|
+
/// @group grid
|
|
226
|
+
$kendo-grid-selected-highlighted-bg: $kendo-table-selected-highlighted-bg !default;
|
|
227
|
+
|
|
211
228
|
/// The background color of the Grid selection aggregates container.
|
|
212
229
|
/// @group grid
|
|
213
230
|
$kendo-grid-selection-aggregates-bg: $kendo-grid-header-bg !default;
|
|
@@ -249,12 +266,12 @@ $kendo-grid-command-cell-padding-y: calc( #{$kendo-grid-cell-padding-y} - (#{$ke
|
|
|
249
266
|
|
|
250
267
|
// Must be a solid color
|
|
251
268
|
$kendo-grid-sticky-bg: $kendo-grid-bg !default;
|
|
269
|
+
$kendo-grid-sticky-alt-bg: $kendo-grid-sticky-bg !default;
|
|
270
|
+
$kendo-grid-sticky-hover-bg: k-color(base-hover) !default;
|
|
271
|
+
|
|
252
272
|
$kendo-grid-sticky-text: $kendo-grid-text !default;
|
|
253
273
|
$kendo-grid-sticky-border: color-mix(in srgb, k-color(on-app-surface) 50%, transparent) !default;
|
|
254
274
|
|
|
255
|
-
// Must be a solid color
|
|
256
|
-
$kendo-grid-sticky-alt-bg: $kendo-grid-sticky-bg !default;
|
|
257
|
-
|
|
258
275
|
$kendo-grid-sticky-header-bg: $kendo-grid-sticky-bg !default;
|
|
259
276
|
$kendo-grid-sticky-header-text: $kendo-grid-header-text !default;
|
|
260
277
|
$kendo-grid-sticky-header-border: $kendo-grid-sticky-border !default;
|
|
@@ -262,13 +279,6 @@ $kendo-grid-sticky-header-border: $kendo-grid-sticky-border !default;
|
|
|
262
279
|
$kendo-grid-sticky-footer-bg: $kendo-grid-sticky-header-bg !default;
|
|
263
280
|
$kendo-grid-sticky-footer-hover-bg: $kendo-grid-sticky-footer-bg !default;
|
|
264
281
|
|
|
265
|
-
$kendo-grid-sticky-selected-bg: color-mix(in srgb, k-color(primary) 12%, transparent) !default;
|
|
266
|
-
$kendo-grid-sticky-selected-alt-bg: $kendo-grid-sticky-selected-bg !default;
|
|
267
|
-
|
|
268
|
-
// Must be a solid color
|
|
269
|
-
$kendo-grid-sticky-hover-bg: k-color(base-hover) !default;
|
|
270
|
-
$kendo-grid-sticky-selected-hover-bg: color-mix(in srgb, k-color(primary) 12%, transparent) !default;
|
|
271
|
-
|
|
272
282
|
$kendo-grid-column-menu-width: 250px !default;
|
|
273
283
|
$kendo-grid-column-menu-max-width: 320px !default;
|
|
274
284
|
|
|
@@ -406,6 +416,11 @@ $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
|
|
|
406
416
|
$kendo-grid-selected-bg: $kendo-grid-selected-bg,
|
|
407
417
|
$kendo-grid-selected-text: $kendo-grid-selected-text,
|
|
408
418
|
$kendo-grid-selected-border: $kendo-grid-selected-border,
|
|
419
|
+
$kendo-grid-highlighted-bg: $kendo-grid-highlighted-bg,
|
|
420
|
+
$kendo-grid-highlighted-text: $kendo-grid-highlighted-text,
|
|
421
|
+
$kendo-grid-highlighted-border: $kendo-grid-highlighted-border,
|
|
422
|
+
$kendo-grid-highlighted-font-weight: $kendo-grid-highlighted-font-weight,
|
|
423
|
+
$kendo-grid-selected-highlighted-bg: $kendo-grid-selected-highlighted-bg,
|
|
409
424
|
$kendo-grid-selection-aggregates-bg: $kendo-grid-selection-aggregates-bg,
|
|
410
425
|
$kendo-grid-selection-aggregates-text: $kendo-grid-selection-aggregates-text,
|
|
411
426
|
$kendo-grid-selection-aggregates-border: $kendo-grid-selection-aggregates-border,
|
|
@@ -434,10 +449,7 @@ $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
|
|
|
434
449
|
$kendo-grid-sticky-header-border: $kendo-grid-sticky-header-border,
|
|
435
450
|
$kendo-grid-sticky-footer-bg: $kendo-grid-sticky-footer-bg,
|
|
436
451
|
$kendo-grid-sticky-footer-hover-bg: $kendo-grid-sticky-footer-hover-bg,
|
|
437
|
-
$kendo-grid-sticky-selected-bg: $kendo-grid-sticky-selected-bg,
|
|
438
|
-
$kendo-grid-sticky-selected-alt-bg: $kendo-grid-sticky-selected-alt-bg,
|
|
439
452
|
$kendo-grid-sticky-hover-bg: $kendo-grid-sticky-hover-bg,
|
|
440
|
-
$kendo-grid-sticky-selected-hover-bg: $kendo-grid-sticky-selected-hover-bg,
|
|
441
453
|
$kendo-grid-column-menu-width: $kendo-grid-column-menu-width,
|
|
442
454
|
$kendo-grid-column-menu-max-width: $kendo-grid-column-menu-max-width,
|
|
443
455
|
$kendo-grid-filter-menu-check-all-border-bottom-width: $kendo-grid-filter-menu-check-all-border-bottom-width,
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
@use "../core/_index.scss" as *;
|
|
2
2
|
|
|
3
|
-
$kendo-marquee-text: k-color(on-
|
|
4
|
-
$kendo-marquee-bg: k-color(
|
|
3
|
+
$kendo-marquee-text: k-color(on-primary) !default;
|
|
4
|
+
$kendo-marquee-bg: k-color(primary) !default;
|
|
5
5
|
$kendo-marquee-border: k-color(base) !default;
|
|
6
6
|
|
|
7
7
|
@forward "@progress/kendo-theme-core/scss/components/marquee/_variables.scss" with (
|
|
@@ -157,6 +157,23 @@ $kendo-table-selected-text: null !default;
|
|
|
157
157
|
/// @group table
|
|
158
158
|
$kendo-table-selected-border: null !default;
|
|
159
159
|
|
|
160
|
+
/// Background color of highlighted rows in table.
|
|
161
|
+
/// @group table
|
|
162
|
+
$kendo-table-highlighted-bg: color-mix(in srgb, k-color(warning) 20%, transparent) !default;
|
|
163
|
+
/// Text color of highlighted rows in table.
|
|
164
|
+
/// @group table
|
|
165
|
+
$kendo-table-highlighted-text: null !default;
|
|
166
|
+
/// The font weight of highlighted rows in table.
|
|
167
|
+
/// @group table
|
|
168
|
+
$kendo-table-highlighted-font-weight: var( --kendo-font-weight-semibold, normal ) !default;
|
|
169
|
+
/// Border color of highlighted rows in table.
|
|
170
|
+
/// @group table
|
|
171
|
+
$kendo-table-highlighted-border: null !default;
|
|
172
|
+
|
|
173
|
+
/// Background color of selected highlighted rows in table.
|
|
174
|
+
/// @group table
|
|
175
|
+
$kendo-table-selected-highlighted-bg: color-mix(in srgb, color-mix(in srgb, k-color(primary), k-color(warning)) 36%, transparent) !default;
|
|
176
|
+
|
|
160
177
|
/// The box shadow of the row spanned cells.
|
|
161
178
|
/// @group table
|
|
162
179
|
$kendo-table-cell-row-span-shadow: inset 0 0 0 1px $kendo-table-border !default;
|
|
@@ -202,5 +219,10 @@ $kendo-table-cell-row-span-shadow: inset 0 0 0 1px $kendo-table-border !default;
|
|
|
202
219
|
$kendo-table-selected-bg: $kendo-table-selected-bg,
|
|
203
220
|
$kendo-table-selected-text: $kendo-table-selected-text,
|
|
204
221
|
$kendo-table-selected-border: $kendo-table-selected-border,
|
|
222
|
+
$kendo-table-highlighted-bg: $kendo-table-highlighted-bg,
|
|
223
|
+
$kendo-table-highlighted-text: $kendo-table-highlighted-text,
|
|
224
|
+
$kendo-table-highlighted-font-weight: $kendo-table-highlighted-font-weight,
|
|
225
|
+
$kendo-table-highlighted-border: $kendo-table-highlighted-border,
|
|
226
|
+
$kendo-table-selected-highlighted-bg: $kendo-table-selected-highlighted-bg,
|
|
205
227
|
$kendo-table-cell-row-span-shadow: $kendo-table-cell-row-span-shadow
|
|
206
228
|
);
|