@progress/kendo-theme-material 7.0.1-dev.0 → 7.0.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 +15 -104
- package/dist/all.scss +15 -106
- 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 +5 -5
- package/scss/input/_layout.scss +2 -1
package/dist/all.css
CHANGED
|
@@ -279,6 +279,14 @@ kendo-sortable {
|
|
|
279
279
|
}
|
|
280
280
|
|
|
281
281
|
.k-i-loading {
|
|
282
|
+
width: 1em;
|
|
283
|
+
height: 1em;
|
|
284
|
+
line-height: 1;
|
|
285
|
+
display: inline-flex;
|
|
286
|
+
flex-flow: row nowrap;
|
|
287
|
+
align-items: center;
|
|
288
|
+
justify-content: center;
|
|
289
|
+
vertical-align: middle;
|
|
282
290
|
position: relative;
|
|
283
291
|
background-color: transparent;
|
|
284
292
|
box-sizing: border-box;
|
|
@@ -26338,7 +26346,9 @@ kendo-sortable {
|
|
|
26338
26346
|
margin: .25em;
|
|
26339
26347
|
}
|
|
26340
26348
|
|
|
26341
|
-
.k-icon-modifier {
|
|
26349
|
+
.k-icon.k-icon-modifier {
|
|
26350
|
+
width: 1em;
|
|
26351
|
+
height: 1em;
|
|
26342
26352
|
position: absolute;
|
|
26343
26353
|
font-size: .5em;
|
|
26344
26354
|
bottom: 0;
|
|
@@ -26346,11 +26356,6 @@ kendo-sortable {
|
|
|
26346
26356
|
margin: 0 -.5em -.5em 0;
|
|
26347
26357
|
}
|
|
26348
26358
|
|
|
26349
|
-
.k-icon.k-icon-modifier {
|
|
26350
|
-
width: 1em;
|
|
26351
|
-
height: 1em;
|
|
26352
|
-
}
|
|
26353
|
-
|
|
26354
26359
|
.k-i-none::before {
|
|
26355
26360
|
content: "";
|
|
26356
26361
|
display: none;
|
|
@@ -29261,90 +29266,6 @@ kendo-badge-container {
|
|
|
29261
29266
|
opacity: 0.3;
|
|
29262
29267
|
}
|
|
29263
29268
|
|
|
29264
|
-
.k-i-loading {
|
|
29265
|
-
position: relative;
|
|
29266
|
-
background-color: transparent;
|
|
29267
|
-
box-sizing: border-box;
|
|
29268
|
-
color: currentColor;
|
|
29269
|
-
}
|
|
29270
|
-
|
|
29271
|
-
.k-i-loading::before, .k-i-loading::after {
|
|
29272
|
-
box-sizing: border-box;
|
|
29273
|
-
}
|
|
29274
|
-
|
|
29275
|
-
.k-i-loading::before,
|
|
29276
|
-
.k-i-loading::after,
|
|
29277
|
-
.k-loading-image::before,
|
|
29278
|
-
.k-loading-image::after {
|
|
29279
|
-
position: absolute;
|
|
29280
|
-
top: 50%;
|
|
29281
|
-
left: 50%;
|
|
29282
|
-
display: inline-block;
|
|
29283
|
-
content: "";
|
|
29284
|
-
box-sizing: inherit;
|
|
29285
|
-
border-radius: 50%;
|
|
29286
|
-
border-width: .05em;
|
|
29287
|
-
border-style: solid;
|
|
29288
|
-
border-color: currentColor;
|
|
29289
|
-
border-top-color: transparent;
|
|
29290
|
-
border-bottom-color: transparent;
|
|
29291
|
-
background-color: transparent;
|
|
29292
|
-
}
|
|
29293
|
-
|
|
29294
|
-
.k-icon.k-i-loading::before,
|
|
29295
|
-
.k-icon.k-i-loading::after {
|
|
29296
|
-
content: "";
|
|
29297
|
-
}
|
|
29298
|
-
|
|
29299
|
-
.k-i-loading::before,
|
|
29300
|
-
.k-loading-image::before {
|
|
29301
|
-
margin-top: -.5em;
|
|
29302
|
-
margin-left: -.5em;
|
|
29303
|
-
width: 1em;
|
|
29304
|
-
height: 1em;
|
|
29305
|
-
animation: k-loading-animation .7s linear infinite;
|
|
29306
|
-
}
|
|
29307
|
-
|
|
29308
|
-
.k-i-loading::after,
|
|
29309
|
-
.k-loading-image::after {
|
|
29310
|
-
margin-top: -.25em;
|
|
29311
|
-
margin-left: -.25em;
|
|
29312
|
-
width: .5em;
|
|
29313
|
-
height: .5em;
|
|
29314
|
-
animation: k-loading-animation reverse 1.4s linear infinite;
|
|
29315
|
-
}
|
|
29316
|
-
|
|
29317
|
-
.k-loading-image::before,
|
|
29318
|
-
.k-loading-image::after {
|
|
29319
|
-
content: "";
|
|
29320
|
-
border-width: 1px;
|
|
29321
|
-
border-width: clamp(0.015em, 1px, 1px);
|
|
29322
|
-
font-size: 4em;
|
|
29323
|
-
}
|
|
29324
|
-
|
|
29325
|
-
@keyframes loading {
|
|
29326
|
-
0% {
|
|
29327
|
-
stroke-dasharray: 0 251;
|
|
29328
|
-
stroke-dashoffset: 502;
|
|
29329
|
-
}
|
|
29330
|
-
50% {
|
|
29331
|
-
stroke-dasharray: 250 1;
|
|
29332
|
-
}
|
|
29333
|
-
100% {
|
|
29334
|
-
stroke-dasharray: 0 251;
|
|
29335
|
-
stroke-dashoffset: 0;
|
|
29336
|
-
}
|
|
29337
|
-
}
|
|
29338
|
-
|
|
29339
|
-
@keyframes k-loading-animation {
|
|
29340
|
-
0% {
|
|
29341
|
-
transform: rotate(0deg);
|
|
29342
|
-
}
|
|
29343
|
-
100% {
|
|
29344
|
-
transform: rotate(360deg);
|
|
29345
|
-
}
|
|
29346
|
-
}
|
|
29347
|
-
|
|
29348
29269
|
.k-loader-primary {
|
|
29349
29270
|
color: #3f51b5;
|
|
29350
29271
|
}
|
|
@@ -33300,9 +33221,11 @@ select.k-picker-lg {
|
|
|
33300
33221
|
.k-input .k-input-button,
|
|
33301
33222
|
.k-input .k-input-spinner .k-spinner-increase,
|
|
33302
33223
|
.k-input .k-input-spinner .k-spinner-decrease,
|
|
33224
|
+
.k-input .k-input-values .k-chip,
|
|
33303
33225
|
.k-picker .k-input-button,
|
|
33304
33226
|
.k-picker .k-input-spinner .k-spinner-increase,
|
|
33305
|
-
.k-picker .k-input-spinner .k-spinner-decrease
|
|
33227
|
+
.k-picker .k-input-spinner .k-spinner-decrease,
|
|
33228
|
+
.k-picker .k-input-values .k-chip {
|
|
33306
33229
|
color: inherit;
|
|
33307
33230
|
}
|
|
33308
33231
|
|
|
@@ -36553,7 +36476,6 @@ select.k-picker-lg {
|
|
|
36553
36476
|
.k-dropdown-operator {
|
|
36554
36477
|
width: min-content;
|
|
36555
36478
|
flex: none;
|
|
36556
|
-
aspect-ratio: 1;
|
|
36557
36479
|
}
|
|
36558
36480
|
|
|
36559
36481
|
.k-dropdown-operator .k-input-button {
|
|
@@ -43658,18 +43580,6 @@ div.k-grid-footer {
|
|
|
43658
43580
|
flex: none;
|
|
43659
43581
|
}
|
|
43660
43582
|
|
|
43661
|
-
.k-filtercell .k-input,
|
|
43662
|
-
.k-filtercell .k-picker {
|
|
43663
|
-
width: auto;
|
|
43664
|
-
flex: 1 1 auto;
|
|
43665
|
-
}
|
|
43666
|
-
|
|
43667
|
-
.k-filtercell .k-color-picker, .k-filtercell .k-colorpicker,
|
|
43668
|
-
.k-filtercell .k-dropdown-operator {
|
|
43669
|
-
width: min-content;
|
|
43670
|
-
flex: none;
|
|
43671
|
-
}
|
|
43672
|
-
|
|
43673
43583
|
.k-grid-content,
|
|
43674
43584
|
.k-grid-content-locked {
|
|
43675
43585
|
border-color: inherit;
|
|
@@ -45560,6 +45470,7 @@ kendo-grid .k-grid-row-sticky .k-table-td {
|
|
|
45560
45470
|
|
|
45561
45471
|
.k-spreadsheet-sheets {
|
|
45562
45472
|
flex: 1 1 auto;
|
|
45473
|
+
overflow: hidden;
|
|
45563
45474
|
}
|
|
45564
45475
|
|
|
45565
45476
|
.k-spreadsheet-sheets .k-tabstrip-items-wrapper {
|
package/dist/all.scss
CHANGED
|
@@ -5743,6 +5743,14 @@ $_imported: () !default;
|
|
|
5743
5743
|
|
|
5744
5744
|
// Loading indicator
|
|
5745
5745
|
.k-i-loading {
|
|
5746
|
+
width: 1em;
|
|
5747
|
+
height: 1em;
|
|
5748
|
+
line-height: 1;
|
|
5749
|
+
display: inline-flex;
|
|
5750
|
+
flex-flow: row nowrap;
|
|
5751
|
+
align-items: center;
|
|
5752
|
+
justify-content: center;
|
|
5753
|
+
vertical-align: middle;
|
|
5746
5754
|
position: relative;
|
|
5747
5755
|
background-color: transparent;
|
|
5748
5756
|
box-sizing: border-box;
|
|
@@ -5815,6 +5823,7 @@ $_imported: () !default;
|
|
|
5815
5823
|
}
|
|
5816
5824
|
}
|
|
5817
5825
|
}
|
|
5826
|
+
|
|
5818
5827
|
// #endregion
|
|
5819
5828
|
// #region @import "./_selection.scss"; -> node_modules/@progress/kendo-theme-core/scss/styles/_selection.scss
|
|
5820
5829
|
@mixin kendo-core--styles--selection() {
|
|
@@ -15572,17 +15581,15 @@ $ki-rotate-map: (
|
|
|
15572
15581
|
margin: .25em;
|
|
15573
15582
|
}
|
|
15574
15583
|
|
|
15575
|
-
.k-icon-modifier {
|
|
15584
|
+
.k-icon.k-icon-modifier {
|
|
15585
|
+
width: 1em;
|
|
15586
|
+
height: 1em;
|
|
15576
15587
|
position: absolute;
|
|
15577
15588
|
font-size: .5em;
|
|
15578
15589
|
bottom: 0;
|
|
15579
15590
|
right: 0;
|
|
15580
15591
|
margin: 0 -.5em -.5em 0;
|
|
15581
15592
|
}
|
|
15582
|
-
.k-icon.k-icon-modifier {
|
|
15583
|
-
width: 1em;
|
|
15584
|
-
height: 1em;
|
|
15585
|
-
}
|
|
15586
15593
|
|
|
15587
15594
|
.k-i-none::before {
|
|
15588
15595
|
content: "";
|
|
@@ -21130,95 +21137,6 @@ $kendo-loading-opacity: .3 !default;
|
|
|
21130
21137
|
opacity: $kendo-loading-opacity;
|
|
21131
21138
|
}
|
|
21132
21139
|
|
|
21133
|
-
// Loading indicator
|
|
21134
|
-
.k-i-loading {
|
|
21135
|
-
position: relative;
|
|
21136
|
-
background-color: transparent;
|
|
21137
|
-
box-sizing: border-box;
|
|
21138
|
-
color: $kendo-loading-text;
|
|
21139
|
-
|
|
21140
|
-
&::before,
|
|
21141
|
-
&::after {
|
|
21142
|
-
box-sizing: border-box;
|
|
21143
|
-
}
|
|
21144
|
-
}
|
|
21145
|
-
|
|
21146
|
-
.k-i-loading::before,
|
|
21147
|
-
.k-i-loading::after,
|
|
21148
|
-
.k-loading-image::before,
|
|
21149
|
-
.k-loading-image::after {
|
|
21150
|
-
position: absolute;
|
|
21151
|
-
top: 50%;
|
|
21152
|
-
left: 50%;
|
|
21153
|
-
display: inline-block;
|
|
21154
|
-
content: "";
|
|
21155
|
-
box-sizing: inherit;
|
|
21156
|
-
border-radius: 50%;
|
|
21157
|
-
border-width: .05em;
|
|
21158
|
-
border-style: solid;
|
|
21159
|
-
border-color: currentColor;
|
|
21160
|
-
border-top-color: transparent;
|
|
21161
|
-
border-bottom-color: transparent;
|
|
21162
|
-
background-color: transparent;
|
|
21163
|
-
}
|
|
21164
|
-
|
|
21165
|
-
.k-icon.k-i-loading::before,
|
|
21166
|
-
.k-icon.k-i-loading::after {
|
|
21167
|
-
content: "";
|
|
21168
|
-
}
|
|
21169
|
-
|
|
21170
|
-
.k-i-loading::before,
|
|
21171
|
-
.k-loading-image::before {
|
|
21172
|
-
margin-top: -.5em;
|
|
21173
|
-
margin-left: -.5em;
|
|
21174
|
-
width: 1em;
|
|
21175
|
-
height: 1em;
|
|
21176
|
-
animation: k-loading-animation .7s linear infinite;
|
|
21177
|
-
}
|
|
21178
|
-
|
|
21179
|
-
.k-i-loading::after,
|
|
21180
|
-
.k-loading-image::after {
|
|
21181
|
-
margin-top: -.25em;
|
|
21182
|
-
margin-left: -.25em;
|
|
21183
|
-
width: .5em;
|
|
21184
|
-
height: .5em;
|
|
21185
|
-
animation: k-loading-animation reverse 1.4s linear infinite;
|
|
21186
|
-
}
|
|
21187
|
-
|
|
21188
|
-
.k-loading-image::before,
|
|
21189
|
-
.k-loading-image::after {
|
|
21190
|
-
content: "";
|
|
21191
|
-
// See https://github.com/telerik/kendo-themes/issues/1925
|
|
21192
|
-
border-width: 1px; // TODO: Remove once we drop IE support
|
|
21193
|
-
border-width: clamp( .015em, 1px, 1px );
|
|
21194
|
-
font-size: 4em;
|
|
21195
|
-
}
|
|
21196
|
-
|
|
21197
|
-
@keyframes loading {
|
|
21198
|
-
0% {
|
|
21199
|
-
stroke-dasharray: 0 251;
|
|
21200
|
-
stroke-dashoffset: 502;
|
|
21201
|
-
}
|
|
21202
|
-
|
|
21203
|
-
50% {
|
|
21204
|
-
stroke-dasharray: 250 1;
|
|
21205
|
-
}
|
|
21206
|
-
|
|
21207
|
-
100% {
|
|
21208
|
-
stroke-dasharray: 0 251;
|
|
21209
|
-
stroke-dashoffset: 0;
|
|
21210
|
-
}
|
|
21211
|
-
}
|
|
21212
|
-
|
|
21213
|
-
@keyframes k-loading-animation {
|
|
21214
|
-
0% {
|
|
21215
|
-
transform: rotate(0deg);
|
|
21216
|
-
}
|
|
21217
|
-
100% {
|
|
21218
|
-
transform: rotate(360deg);
|
|
21219
|
-
}
|
|
21220
|
-
}
|
|
21221
|
-
|
|
21222
21140
|
}
|
|
21223
21141
|
|
|
21224
21142
|
|
|
@@ -26348,7 +26266,8 @@ $_kendo-module-meta: (
|
|
|
26348
26266
|
|
|
26349
26267
|
.k-input-button,
|
|
26350
26268
|
.k-input-spinner .k-spinner-increase,
|
|
26351
|
-
.k-input-spinner .k-spinner-decrease
|
|
26269
|
+
.k-input-spinner .k-spinner-decrease,
|
|
26270
|
+
.k-input-values .k-chip {
|
|
26352
26271
|
color: inherit;
|
|
26353
26272
|
}
|
|
26354
26273
|
}
|
|
@@ -33920,7 +33839,6 @@ $_kendo-module-meta: (
|
|
|
33920
33839
|
.k-dropdown-operator {
|
|
33921
33840
|
width: min-content;
|
|
33922
33841
|
flex: none;
|
|
33923
|
-
aspect-ratio: 1;
|
|
33924
33842
|
|
|
33925
33843
|
.k-input-button {
|
|
33926
33844
|
border-width: 0;
|
|
@@ -47073,16 +46991,6 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
|
|
|
47073
46991
|
}
|
|
47074
46992
|
}
|
|
47075
46993
|
|
|
47076
|
-
.k-input,
|
|
47077
|
-
.k-picker {
|
|
47078
|
-
width: auto;
|
|
47079
|
-
flex: 1 1 auto;
|
|
47080
|
-
}
|
|
47081
|
-
.k-color-picker,
|
|
47082
|
-
.k-dropdown-operator {
|
|
47083
|
-
width: min-content;
|
|
47084
|
-
flex: none;
|
|
47085
|
-
}
|
|
47086
46994
|
}
|
|
47087
46995
|
|
|
47088
46996
|
// Grid content
|
|
@@ -49455,6 +49363,7 @@ $kendo-spreadsheet-dropzone-spacing-y: k-map-get( $kendo-spacing, 2 ) !default;
|
|
|
49455
49363
|
|
|
49456
49364
|
.k-spreadsheet-sheets {
|
|
49457
49365
|
flex: 1 1 auto;
|
|
49366
|
+
overflow: hidden;
|
|
49458
49367
|
}
|
|
49459
49368
|
.k-spreadsheet-sheets .k-tabstrip-items-wrapper {
|
|
49460
49369
|
border-width: 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": "7.0.1
|
|
4
|
+
"version": "7.0.1",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -52,9 +52,9 @@
|
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"@progress/kendo-svg-icons": "2.0.0",
|
|
55
|
-
"@progress/kendo-theme-core": "7.0.1
|
|
56
|
-
"@progress/kendo-theme-default": "7.0.1
|
|
57
|
-
"@progress/kendo-theme-utils": "7.0.1
|
|
55
|
+
"@progress/kendo-theme-core": "7.0.1",
|
|
56
|
+
"@progress/kendo-theme-default": "7.0.1",
|
|
57
|
+
"@progress/kendo-theme-utils": "7.0.1"
|
|
58
58
|
},
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "58e4637d58f04db3121af3d6e1654cea6baec328"
|
|
60
60
|
}
|