@progress/kendo-theme-material 5.3.2-dev.3 → 5.4.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.
- package/dist/all.css +567 -236
- package/dist/all.scss +502 -197
- 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 +3 -3
- package/scss/calendar/_theme.scss +4 -2
- package/scss/drawer/_theme.scss +4 -2
- package/scss/editor/_theme.scss +4 -2
- package/scss/floating-label/_theme.scss +1 -0
- package/scss/grid/_theme.scss +27 -10
- package/scss/listview/_theme.scss +2 -1
- package/scss/pivotgrid/_theme.scss +1 -0
- package/scss/progressbar/_theme.scss +2 -1
- package/scss/scheduler/_layout.scss +2 -1
- package/scss/slider/_theme.scss +2 -1
- package/scss/spreadsheet/_theme.scss +15 -7
- package/scss/timeline/_layout.scss +4 -2
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": "5.
|
|
4
|
+
"version": "5.4.1",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"postpublish": "echo 'no postpublish for material theme'"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@progress/kendo-theme-default": "^5.
|
|
53
|
+
"@progress/kendo-theme-default": "^5.4.1"
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "657719f68c3ea19c77f5f1800c511e2d460eb082"
|
|
56
56
|
}
|
|
@@ -4,14 +4,16 @@
|
|
|
4
4
|
|
|
5
5
|
.k-calendar {
|
|
6
6
|
|
|
7
|
-
.k-state-focused .k-link
|
|
7
|
+
.k-state-focused .k-link ,
|
|
8
|
+
.k-focus .k-link {
|
|
8
9
|
@include fill(
|
|
9
10
|
$calendar-cell-hover-text,
|
|
10
11
|
$calendar-cell-hover-bg,
|
|
11
12
|
$calendar-cell-hover-border
|
|
12
13
|
);
|
|
13
14
|
}
|
|
14
|
-
.k-state-selected.k-state-focused .k-link
|
|
15
|
+
.k-state-selected.k-state-focused .k-link ,
|
|
16
|
+
.k-selected.k-focused .k-link {
|
|
15
17
|
@include fill(
|
|
16
18
|
$calendar-cell-selected-text,
|
|
17
19
|
try-tint($calendar-cell-selected-bg),
|
package/scss/drawer/_theme.scss
CHANGED
|
@@ -2,10 +2,12 @@
|
|
|
2
2
|
|
|
3
3
|
@include exports( "drawer/theme/material" ) {
|
|
4
4
|
.k-drawer-item {
|
|
5
|
-
&.k-state-selected
|
|
5
|
+
&.k-state-selected ,
|
|
6
|
+
&.k-selected {
|
|
6
7
|
|
|
7
8
|
&:focus,
|
|
8
|
-
&.k-state-focused
|
|
9
|
+
&.k-state-focused ,
|
|
10
|
+
&.k-focus {
|
|
9
11
|
background-color: $drawer-focused-bg;
|
|
10
12
|
box-shadow: $drawer-focused-shadow;
|
|
11
13
|
}
|
package/scss/editor/_theme.scss
CHANGED
|
@@ -44,7 +44,8 @@
|
|
|
44
44
|
|
|
45
45
|
// Hover & Actve state
|
|
46
46
|
&:hover,
|
|
47
|
-
&.k-state-active
|
|
47
|
+
&.k-state-active ,
|
|
48
|
+
&.k-active {
|
|
48
49
|
border-color: $panel-border;
|
|
49
50
|
}
|
|
50
51
|
}
|
|
@@ -61,7 +62,8 @@
|
|
|
61
62
|
|
|
62
63
|
// Insert table
|
|
63
64
|
.k-ct-popup {
|
|
64
|
-
.k-state-selected
|
|
65
|
+
.k-state-selected ,
|
|
66
|
+
.k-selected {
|
|
65
67
|
@include fill( $selected-text, $selected-bg, $selected-border, none );
|
|
66
68
|
}
|
|
67
69
|
}
|
package/scss/grid/_theme.scss
CHANGED
|
@@ -7,11 +7,14 @@
|
|
|
7
7
|
|
|
8
8
|
// Selected state
|
|
9
9
|
td.k-state-selected,
|
|
10
|
-
|
|
10
|
+
td.k-selected,
|
|
11
|
+
tr.k-state-selected ,
|
|
12
|
+
tr.k-selected {
|
|
11
13
|
color: $grid-selected-text;
|
|
12
14
|
background-color: $grid-selected-bg;
|
|
13
15
|
}
|
|
14
|
-
tr.k-state-selected > td
|
|
16
|
+
tr.k-state-selected > td ,
|
|
17
|
+
tr.k-selected > td {
|
|
15
18
|
color: inherit;
|
|
16
19
|
background-color: transparent;
|
|
17
20
|
}
|
|
@@ -20,8 +23,11 @@
|
|
|
20
23
|
table {
|
|
21
24
|
tr:not(.k-detail-row):hover,
|
|
22
25
|
tr:not(.k-detail-row).k-state-hover,
|
|
26
|
+
tr:not(.k-detail-row).k-hover,
|
|
23
27
|
td.k-state-focused,
|
|
28
|
+
td.k-focus,
|
|
24
29
|
th.k-state-focused,
|
|
30
|
+
th.k-focus,
|
|
25
31
|
th:focus,
|
|
26
32
|
.k-master-row > td:focus,
|
|
27
33
|
.k-grouping-row > td:focus,
|
|
@@ -32,7 +38,8 @@
|
|
|
32
38
|
}
|
|
33
39
|
|
|
34
40
|
tr:hover,
|
|
35
|
-
tr.k-state-hover
|
|
41
|
+
tr.k-state-hover ,
|
|
42
|
+
tr.k-hover {
|
|
36
43
|
.k-grid-header-sticky,
|
|
37
44
|
.k-grid-footer-sticky {
|
|
38
45
|
color: inherit;
|
|
@@ -41,7 +48,9 @@
|
|
|
41
48
|
}
|
|
42
49
|
|
|
43
50
|
td.k-state-focused,
|
|
51
|
+
td.k-focus,
|
|
44
52
|
th.k-state-focused,
|
|
53
|
+
th.k-focus,
|
|
45
54
|
th:focus,
|
|
46
55
|
.k-master-row > td:focus,
|
|
47
56
|
.k-grouping-row > td:focus,
|
|
@@ -57,7 +66,8 @@
|
|
|
57
66
|
|
|
58
67
|
}
|
|
59
68
|
.k-grid-pager:focus,
|
|
60
|
-
.k-grid-pager.k-state-focused
|
|
69
|
+
.k-grid-pager.k-state-focused ,
|
|
70
|
+
.k-grid-pager.k-focus {
|
|
61
71
|
color: inherit;
|
|
62
72
|
}
|
|
63
73
|
|
|
@@ -110,7 +120,8 @@
|
|
|
110
120
|
|
|
111
121
|
.k-group-footer {
|
|
112
122
|
&:hover td,
|
|
113
|
-
&.k-state-hover td
|
|
123
|
+
&.k-state-hover td ,
|
|
124
|
+
&.k-hover td {
|
|
114
125
|
color: inherit;
|
|
115
126
|
@include fill( $bg: $grid-sticky-footer-hovered-bg );
|
|
116
127
|
}
|
|
@@ -160,13 +171,15 @@
|
|
|
160
171
|
|
|
161
172
|
&:focus,
|
|
162
173
|
&.k-state-focus,
|
|
174
|
+
&.k-focus,
|
|
163
175
|
&.k-state-border-down {
|
|
164
176
|
color: $grid-text;
|
|
165
177
|
background-color: $grid-filter-button-focus;
|
|
166
178
|
box-shadow: none;
|
|
167
179
|
}
|
|
168
180
|
|
|
169
|
-
&.k-state-active
|
|
181
|
+
&.k-state-active ,
|
|
182
|
+
&.k-active {
|
|
170
183
|
color: $primary-contrast;
|
|
171
184
|
background-color: $primary;
|
|
172
185
|
}
|
|
@@ -206,7 +219,8 @@
|
|
|
206
219
|
}
|
|
207
220
|
|
|
208
221
|
&:hover td,
|
|
209
|
-
&.k-state-hover td
|
|
222
|
+
&.k-state-hover td ,
|
|
223
|
+
&.k-hover td {
|
|
210
224
|
@include fill( $bg: $grid-sticky-footer-hovered-bg );
|
|
211
225
|
}
|
|
212
226
|
}
|
|
@@ -238,7 +252,8 @@
|
|
|
238
252
|
}
|
|
239
253
|
|
|
240
254
|
.k-columnmenu-item {
|
|
241
|
-
&.k-state-selected
|
|
255
|
+
&.k-state-selected ,
|
|
256
|
+
&.k-selected {
|
|
242
257
|
@include fill(
|
|
243
258
|
$kendo-list-item-selected-text,
|
|
244
259
|
$kendo-list-item-selected-bg
|
|
@@ -246,7 +261,8 @@
|
|
|
246
261
|
}
|
|
247
262
|
}
|
|
248
263
|
.k-columnmenu-item:focus,
|
|
249
|
-
.k-columnmenu-item.k-state-focus
|
|
264
|
+
.k-columnmenu-item.k-state-focus ,
|
|
265
|
+
.k-columnmenu-item.k-focus {
|
|
250
266
|
background: $kendo-list-item-hover-bg;
|
|
251
267
|
}
|
|
252
268
|
|
|
@@ -254,7 +270,8 @@
|
|
|
254
270
|
|
|
255
271
|
.k-item {
|
|
256
272
|
// Selected state
|
|
257
|
-
&.k-state-selected
|
|
273
|
+
&.k-state-selected ,
|
|
274
|
+
&.k-selected {
|
|
258
275
|
background: $kendo-list-item-hover-bg;
|
|
259
276
|
}
|
|
260
277
|
}
|
|
@@ -8,7 +8,8 @@
|
|
|
8
8
|
|
|
9
9
|
// Listview content
|
|
10
10
|
.k-listview-content {}
|
|
11
|
-
.k-listview-content > .k-state-selected.k-state-focused
|
|
11
|
+
.k-listview-content > .k-state-selected.k-state-focused ,
|
|
12
|
+
.k-listview-content > .k-selected.k-focused {
|
|
12
13
|
background-color: rgba( contrast-wcag( $listview-bg ), .12 );
|
|
13
14
|
}
|
|
14
15
|
|
package/scss/slider/_theme.scss
CHANGED
|
@@ -20,7 +20,8 @@
|
|
|
20
20
|
.k-tabstrip-items .k-item {
|
|
21
21
|
color: inherit;
|
|
22
22
|
}
|
|
23
|
-
.k-tabstrip-items .k-item.k-state-active::after
|
|
23
|
+
.k-tabstrip-items .k-item.k-state-active::after ,
|
|
24
|
+
.k-tabstrip-items .k-item.k-active::after {
|
|
24
25
|
border-color: $primary-contrast;
|
|
25
26
|
}
|
|
26
27
|
}
|
|
@@ -42,7 +43,8 @@
|
|
|
42
43
|
$toolbar-gradient
|
|
43
44
|
);
|
|
44
45
|
|
|
45
|
-
.k-tabstrip-items .k-item.k-state-active
|
|
46
|
+
.k-tabstrip-items .k-item.k-state-active ,
|
|
47
|
+
.k-tabstrip-items .k-item.k-active {
|
|
46
48
|
border-color: $secondary;
|
|
47
49
|
}
|
|
48
50
|
}
|
|
@@ -163,7 +165,8 @@
|
|
|
163
165
|
);
|
|
164
166
|
box-shadow: inset 0 0 0 1px $kendo-button-border;
|
|
165
167
|
|
|
166
|
-
&.k-state-active
|
|
168
|
+
&.k-state-active ,
|
|
169
|
+
&.k-active {
|
|
167
170
|
@include fill(
|
|
168
171
|
$kendo-button-active-text,
|
|
169
172
|
$kendo-button-active-bg,
|
|
@@ -208,12 +211,14 @@
|
|
|
208
211
|
|
|
209
212
|
.k-spreadsheet-has-image {
|
|
210
213
|
&:hover,
|
|
211
|
-
&.k-state-hovered
|
|
214
|
+
&.k-state-hovered ,
|
|
215
|
+
&.k-hover {
|
|
212
216
|
box-shadow: $spreadsheet-insert-image-dialog-preview-overlay-shadow;
|
|
213
217
|
}
|
|
214
218
|
|
|
215
219
|
&:hover div,
|
|
216
|
-
&.k-state-hovered div
|
|
220
|
+
&.k-state-hovered div ,
|
|
221
|
+
&.k-hover div {
|
|
217
222
|
color: $spreadsheet-insert-image-dialog-overlay-hovered-text;
|
|
218
223
|
}
|
|
219
224
|
}
|
|
@@ -247,7 +252,8 @@
|
|
|
247
252
|
.k-button {}
|
|
248
253
|
|
|
249
254
|
.k-button:hover,
|
|
250
|
-
.k-button.k-state-hover
|
|
255
|
+
.k-button.k-state-hover ,
|
|
256
|
+
.k-button.k-hover {
|
|
251
257
|
@include fill(
|
|
252
258
|
$kendo-list-item-hover-text,
|
|
253
259
|
$kendo-list-item-hover-bg
|
|
@@ -255,7 +261,9 @@
|
|
|
255
261
|
}
|
|
256
262
|
.k-button:active,
|
|
257
263
|
.k-button.k-state-active,
|
|
258
|
-
.k-button.k-
|
|
264
|
+
.k-button.k-active,
|
|
265
|
+
.k-button.k-state-selected ,
|
|
266
|
+
.k-button.k-selected {
|
|
259
267
|
@include fill(
|
|
260
268
|
$kendo-list-item-selected-text,
|
|
261
269
|
$kendo-list-item-selected-bg
|
|
@@ -10,11 +10,13 @@
|
|
|
10
10
|
}
|
|
11
11
|
|
|
12
12
|
.k-timeline-track-item:hover .k-timeline-circle::before,
|
|
13
|
-
.k-timeline-track-item.k-state-hover .k-timeline-circle::before
|
|
13
|
+
.k-timeline-track-item.k-state-hover .k-timeline-circle::before ,
|
|
14
|
+
.k-timeline-track-item.k-hover .k-timeline-circle::before {
|
|
14
15
|
opacity: $kendo-flat-button-hover-opacity;
|
|
15
16
|
}
|
|
16
17
|
|
|
17
|
-
.k-timeline-track-item.k-state-focus .k-timeline-circle::before
|
|
18
|
+
.k-timeline-track-item.k-state-focus .k-timeline-circle::before ,
|
|
19
|
+
.k-timeline-track-item.k-focus .k-timeline-circle::before {
|
|
18
20
|
opacity: $kendo-flat-button-focus-opacity;
|
|
19
21
|
}
|
|
20
22
|
}
|