@progress/kendo-theme-default 5.12.1-dev.4 → 6.0.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 +52 -0
- package/dist/all.scss +41 -0
- package/lib/swatches/default-blue.json +1 -1
- package/lib/swatches/default-dataviz-v4.json +1 -1
- package/lib/swatches/default-green.json +1 -1
- package/lib/swatches/default-main-dark.json +1 -1
- package/lib/swatches/default-main.json +1 -1
- package/lib/swatches/default-nordic.json +1 -1
- package/lib/swatches/default-ocean-blue-a11y.json +1 -1
- package/lib/swatches/default-ocean-blue.json +1 -1
- package/lib/swatches/default-orange.json +1 -1
- package/lib/swatches/default-purple.json +1 -1
- package/lib/swatches/default-turquoise.json +1 -1
- package/lib/swatches/default-urban.json +1 -1
- package/package.json +4 -4
- package/scss/input/_layout.scss +41 -0
package/dist/all.css
CHANGED
|
@@ -30131,6 +30131,58 @@ textarea.k-input-inner {
|
|
|
30131
30131
|
justify-content: center;
|
|
30132
30132
|
}
|
|
30133
30133
|
|
|
30134
|
+
.k-input-icon.k-svg-icon > svg,
|
|
30135
|
+
.k-input-icon.k-icon-md > svg,
|
|
30136
|
+
.k-input-validation-icon.k-svg-icon > svg,
|
|
30137
|
+
.k-input-validation-icon.k-icon-md > svg,
|
|
30138
|
+
.k-input-loading-icon.k-svg-icon > svg,
|
|
30139
|
+
.k-input-loading-icon.k-icon-md > svg {
|
|
30140
|
+
width: 16px;
|
|
30141
|
+
height: 16px;
|
|
30142
|
+
}
|
|
30143
|
+
|
|
30144
|
+
.k-input-icon.k-icon-xs > svg,
|
|
30145
|
+
.k-input-validation-icon.k-icon-xs > svg,
|
|
30146
|
+
.k-input-loading-icon.k-icon-xs > svg {
|
|
30147
|
+
width: 12px;
|
|
30148
|
+
height: 12px;
|
|
30149
|
+
}
|
|
30150
|
+
|
|
30151
|
+
.k-input-icon.k-icon-sm > svg,
|
|
30152
|
+
.k-input-validation-icon.k-icon-sm > svg,
|
|
30153
|
+
.k-input-loading-icon.k-icon-sm > svg {
|
|
30154
|
+
width: 14px;
|
|
30155
|
+
height: 14px;
|
|
30156
|
+
}
|
|
30157
|
+
|
|
30158
|
+
.k-input-icon.k-icon-lg > svg,
|
|
30159
|
+
.k-input-validation-icon.k-icon-lg > svg,
|
|
30160
|
+
.k-input-loading-icon.k-icon-lg > svg {
|
|
30161
|
+
width: 20px;
|
|
30162
|
+
height: 20px;
|
|
30163
|
+
}
|
|
30164
|
+
|
|
30165
|
+
.k-input-icon.k-icon-xl > svg,
|
|
30166
|
+
.k-input-validation-icon.k-icon-xl > svg,
|
|
30167
|
+
.k-input-loading-icon.k-icon-xl > svg {
|
|
30168
|
+
width: 24px;
|
|
30169
|
+
height: 24px;
|
|
30170
|
+
}
|
|
30171
|
+
|
|
30172
|
+
.k-input-icon.k-icon-xxl > svg,
|
|
30173
|
+
.k-input-validation-icon.k-icon-xxl > svg,
|
|
30174
|
+
.k-input-loading-icon.k-icon-xxl > svg {
|
|
30175
|
+
width: 32px;
|
|
30176
|
+
height: 32px;
|
|
30177
|
+
}
|
|
30178
|
+
|
|
30179
|
+
.k-input-icon.k-icon-xxxl > svg,
|
|
30180
|
+
.k-input-validation-icon.k-icon-xxxl > svg,
|
|
30181
|
+
.k-input-loading-icon.k-icon-xxxl > svg {
|
|
30182
|
+
width: 48px;
|
|
30183
|
+
height: 48px;
|
|
30184
|
+
}
|
|
30185
|
+
|
|
30134
30186
|
.k-clear-value {
|
|
30135
30187
|
outline: 0;
|
|
30136
30188
|
flex: none;
|
package/dist/all.scss
CHANGED
|
@@ -16454,6 +16454,47 @@ $kendo-form-sizes: (
|
|
|
16454
16454
|
justify-content: center;
|
|
16455
16455
|
}
|
|
16456
16456
|
|
|
16457
|
+
// Input with SVG icon
|
|
16458
|
+
.k-input-icon,
|
|
16459
|
+
.k-input-validation-icon,
|
|
16460
|
+
.k-input-loading-icon {
|
|
16461
|
+
&.k-svg-icon > svg,
|
|
16462
|
+
&.k-icon-md > svg {
|
|
16463
|
+
width: $kendo-icon-size-md;
|
|
16464
|
+
height: $kendo-icon-size-md;
|
|
16465
|
+
}
|
|
16466
|
+
|
|
16467
|
+
&.k-icon-xs > svg {
|
|
16468
|
+
width: $kendo-icon-size-xs;
|
|
16469
|
+
height: $kendo-icon-size-xs;
|
|
16470
|
+
}
|
|
16471
|
+
|
|
16472
|
+
&.k-icon-sm > svg {
|
|
16473
|
+
width: $kendo-icon-size-sm;
|
|
16474
|
+
height: $kendo-icon-size-sm;
|
|
16475
|
+
}
|
|
16476
|
+
|
|
16477
|
+
&.k-icon-lg > svg {
|
|
16478
|
+
width: $kendo-icon-size-lg;
|
|
16479
|
+
height: $kendo-icon-size-lg;
|
|
16480
|
+
}
|
|
16481
|
+
|
|
16482
|
+
&.k-icon-xl > svg {
|
|
16483
|
+
width: $kendo-icon-size-xl;
|
|
16484
|
+
height: $kendo-icon-size-xl;
|
|
16485
|
+
}
|
|
16486
|
+
|
|
16487
|
+
&.k-icon-xxl > svg {
|
|
16488
|
+
width: $kendo-icon-size-xxl;
|
|
16489
|
+
height: $kendo-icon-size-xxl;
|
|
16490
|
+
}
|
|
16491
|
+
|
|
16492
|
+
&.k-icon-xxxl > svg {
|
|
16493
|
+
width: $kendo-icon-size-xxxl;
|
|
16494
|
+
height: $kendo-icon-size-xxxl;
|
|
16495
|
+
}
|
|
16496
|
+
}
|
|
16497
|
+
|
|
16457
16498
|
|
|
16458
16499
|
// Clear value
|
|
16459
16500
|
.k-clear-value {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-default",
|
|
3
3
|
"description": "SASS resources for the default Kendo UI theme",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "6.0.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -48,8 +48,8 @@
|
|
|
48
48
|
},
|
|
49
49
|
"dependencies": {
|
|
50
50
|
"@progress/kendo-font-icons": "^1.0.0",
|
|
51
|
-
"@progress/kendo-theme-core": "^
|
|
52
|
-
"@progress/kendo-theme-utils": "^
|
|
51
|
+
"@progress/kendo-theme-core": "^6.0.0",
|
|
52
|
+
"@progress/kendo-theme-utils": "^6.0.0"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "55db62ccac1c6dfee205ade579d703e3989d1f64"
|
|
55
55
|
}
|
package/scss/input/_layout.scss
CHANGED
|
@@ -223,6 +223,47 @@
|
|
|
223
223
|
justify-content: center;
|
|
224
224
|
}
|
|
225
225
|
|
|
226
|
+
// Input with SVG icon
|
|
227
|
+
.k-input-icon,
|
|
228
|
+
.k-input-validation-icon,
|
|
229
|
+
.k-input-loading-icon {
|
|
230
|
+
&.k-svg-icon > svg,
|
|
231
|
+
&.k-icon-md > svg {
|
|
232
|
+
width: $kendo-icon-size-md;
|
|
233
|
+
height: $kendo-icon-size-md;
|
|
234
|
+
}
|
|
235
|
+
|
|
236
|
+
&.k-icon-xs > svg {
|
|
237
|
+
width: $kendo-icon-size-xs;
|
|
238
|
+
height: $kendo-icon-size-xs;
|
|
239
|
+
}
|
|
240
|
+
|
|
241
|
+
&.k-icon-sm > svg {
|
|
242
|
+
width: $kendo-icon-size-sm;
|
|
243
|
+
height: $kendo-icon-size-sm;
|
|
244
|
+
}
|
|
245
|
+
|
|
246
|
+
&.k-icon-lg > svg {
|
|
247
|
+
width: $kendo-icon-size-lg;
|
|
248
|
+
height: $kendo-icon-size-lg;
|
|
249
|
+
}
|
|
250
|
+
|
|
251
|
+
&.k-icon-xl > svg {
|
|
252
|
+
width: $kendo-icon-size-xl;
|
|
253
|
+
height: $kendo-icon-size-xl;
|
|
254
|
+
}
|
|
255
|
+
|
|
256
|
+
&.k-icon-xxl > svg {
|
|
257
|
+
width: $kendo-icon-size-xxl;
|
|
258
|
+
height: $kendo-icon-size-xxl;
|
|
259
|
+
}
|
|
260
|
+
|
|
261
|
+
&.k-icon-xxxl > svg {
|
|
262
|
+
width: $kendo-icon-size-xxxl;
|
|
263
|
+
height: $kendo-icon-size-xxxl;
|
|
264
|
+
}
|
|
265
|
+
}
|
|
266
|
+
|
|
226
267
|
|
|
227
268
|
// Clear value
|
|
228
269
|
.k-clear-value {
|