@progress/kendo-theme-default 5.3.0 → 5.3.2-dev.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 +81 -74
- package/dist/all.scss +206 -136
- 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.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/lib/swatches/index.js +1 -0
- package/package.json +2 -2
- package/scss/button/_index.scss +0 -2
- package/scss/button/_layout.scss +1 -61
- package/scss/button/_theme.scss +0 -10
- package/scss/button/_variables.scss +0 -14
- package/scss/daterangepicker/_layout.scss +1 -1
- package/scss/floating-label/_layout.scss +2 -1
- package/scss/icons/_layout.scss +5 -4
- package/scss/icons/font/WebComponentsIcons.scss +1 -1
- package/scss/icons/font/WebComponentsIcons.ttf +0 -0
- package/scss/index.scss +2 -0
- package/scss/menu/_index.scss +1 -1
- package/scss/menu/_layout.scss +37 -36
- package/scss/menu/_theme.scss +1 -1
- package/scss/menu-button/_index.scss +12 -0
- package/scss/menu-button/_layout.scss +29 -0
- package/scss/menu-button/_theme.scss +1 -0
- package/scss/menu-button/_variables.scss +5 -0
- package/scss/split-button/_index.scss +12 -0
- package/scss/split-button/_layout.scss +40 -0
- package/scss/split-button/_theme.scss +9 -0
- package/scss/split-button/_variables.scss +19 -0
package/lib/swatches/index.js
CHANGED
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
module.exports.main = require('./default-main.json');
|
|
2
2
|
module.exports.mainDark = require('./default-main-dark.json');
|
|
3
|
+
module.exports.oceanBlue = require('./default-ocean-blue.json');
|
|
3
4
|
module.exports.blue = require('./default-blue.json');
|
|
4
5
|
module.exports.green = require('./default-green.json');
|
|
5
6
|
module.exports.nordic = require('./default-nordic.json');
|
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": "5.3.
|
|
4
|
+
"version": "5.3.2-dev.1",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -47,5 +47,5 @@
|
|
|
47
47
|
"prepublishOnly": "node ../../scripts/themes-prepublish.js",
|
|
48
48
|
"postpublish": "echo 'no postpublish for default theme'"
|
|
49
49
|
},
|
|
50
|
-
"gitHead": "
|
|
50
|
+
"gitHead": "319161d84b0538ac9302f05b164c7d54095f8830"
|
|
51
51
|
}
|
package/scss/button/_index.scss
CHANGED
package/scss/button/_layout.scss
CHANGED
|
@@ -68,26 +68,6 @@
|
|
|
68
68
|
|
|
69
69
|
.k-button-text {}
|
|
70
70
|
|
|
71
|
-
|
|
72
|
-
// Button arrow
|
|
73
|
-
.k-button-arrow {
|
|
74
|
-
padding-left: $kendo-button-arrow-padding-x;
|
|
75
|
-
padding-right: $kendo-button-arrow-padding-x;
|
|
76
|
-
flex: none;
|
|
77
|
-
display: inline-flex;
|
|
78
|
-
align-items: center;
|
|
79
|
-
justify-content: center;
|
|
80
|
-
}
|
|
81
|
-
.k-button > .k-button-arrow {
|
|
82
|
-
margin-inline-start: -$kendo-button-arrow-padding-x;
|
|
83
|
-
margin-inline-end: -$kendo-button-padding-x;
|
|
84
|
-
}
|
|
85
|
-
.k-icon-button > .k-button-arrow {
|
|
86
|
-
margin-inline-start: 0;
|
|
87
|
-
margin-inline-end: -$kendo-button-padding-y;
|
|
88
|
-
}
|
|
89
|
-
|
|
90
|
-
|
|
91
71
|
// Sizes
|
|
92
72
|
.k-button-sm {
|
|
93
73
|
padding: $kendo-button-padding-y-sm $kendo-button-padding-x-sm;
|
|
@@ -137,17 +117,6 @@
|
|
|
137
117
|
}
|
|
138
118
|
|
|
139
119
|
|
|
140
|
-
// Menu button
|
|
141
|
-
.k-menu-button,
|
|
142
|
-
.k-dropdown-button {
|
|
143
|
-
aspect-ratio: auto;
|
|
144
|
-
outline: 0;
|
|
145
|
-
display: inline-flex;
|
|
146
|
-
flex-flow: row nowrap;
|
|
147
|
-
vertical-align: middle;
|
|
148
|
-
}
|
|
149
|
-
|
|
150
|
-
|
|
151
120
|
// Button group
|
|
152
121
|
.k-button-group {
|
|
153
122
|
margin: 0;
|
|
@@ -210,34 +179,6 @@
|
|
|
210
179
|
}
|
|
211
180
|
|
|
212
181
|
|
|
213
|
-
// Split button
|
|
214
|
-
.k-split-button {
|
|
215
|
-
|
|
216
|
-
.k-split-button-arrow {
|
|
217
|
-
padding: $kendo-button-arrow-padding-y $kendo-button-arrow-padding-x;
|
|
218
|
-
width: auto;
|
|
219
|
-
aspect-ratio: auto;
|
|
220
|
-
flex: none;
|
|
221
|
-
|
|
222
|
-
&.k-button-sm {
|
|
223
|
-
padding: $kendo-button-arrow-padding-y-sm $kendo-button-arrow-padding-x-sm;
|
|
224
|
-
}
|
|
225
|
-
|
|
226
|
-
&.k-button-md {
|
|
227
|
-
padding: $kendo-button-arrow-padding-y-md $kendo-button-arrow-padding-x-md;
|
|
228
|
-
}
|
|
229
|
-
|
|
230
|
-
&.k-button-lg {
|
|
231
|
-
padding: $kendo-button-arrow-padding-y-lg $kendo-button-arrow-padding-x-lg;
|
|
232
|
-
}
|
|
233
|
-
|
|
234
|
-
.k-button-icon {
|
|
235
|
-
min-width: 0;
|
|
236
|
-
}
|
|
237
|
-
}
|
|
238
|
-
}
|
|
239
|
-
|
|
240
|
-
|
|
241
182
|
// Flat button
|
|
242
183
|
.k-button-flat {
|
|
243
184
|
border-color: transparent !important; // sass-lint:disable-line no-important
|
|
@@ -296,8 +237,7 @@
|
|
|
296
237
|
|
|
297
238
|
|
|
298
239
|
// IE
|
|
299
|
-
.k-ie .k-button-group
|
|
300
|
-
.k-ie .k-split-button {
|
|
240
|
+
.k-ie .k-button-group {
|
|
301
241
|
.k-button {
|
|
302
242
|
@include border-radius( 0 );
|
|
303
243
|
}
|
package/scss/button/_theme.scss
CHANGED
|
@@ -272,18 +272,8 @@
|
|
|
272
272
|
}
|
|
273
273
|
|
|
274
274
|
|
|
275
|
-
// Menu button
|
|
276
|
-
.k-menu-button {}
|
|
277
|
-
|
|
278
|
-
|
|
279
275
|
// Button group
|
|
280
276
|
.k-button-group {}
|
|
281
277
|
|
|
282
278
|
|
|
283
|
-
// Split button
|
|
284
|
-
.k-split-button:focus,
|
|
285
|
-
.k-split-button.k-focus {
|
|
286
|
-
@include box-shadow( $kendo-button-focus-shadow );
|
|
287
|
-
}
|
|
288
|
-
|
|
289
279
|
}
|
|
@@ -48,20 +48,6 @@ $kendo-button-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-but
|
|
|
48
48
|
/// @group button
|
|
49
49
|
$kendo-button-inner-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} ) !default;
|
|
50
50
|
|
|
51
|
-
/// Horizontal padding of the arrow button.
|
|
52
|
-
/// @group button
|
|
53
|
-
$kendo-button-arrow-padding-x: $kendo-button-padding-y !default;
|
|
54
|
-
$kendo-button-arrow-padding-x-sm: $kendo-button-padding-y-sm !default;
|
|
55
|
-
$kendo-button-arrow-padding-x-md: $kendo-button-padding-y-md !default;
|
|
56
|
-
$kendo-button-arrow-padding-x-lg: $kendo-button-padding-y-lg !default;
|
|
57
|
-
|
|
58
|
-
/// Vertical padding of the arrow button.
|
|
59
|
-
/// @group button
|
|
60
|
-
$kendo-button-arrow-padding-y: $kendo-button-padding-y !default;
|
|
61
|
-
$kendo-button-arrow-padding-y-sm: $kendo-button-padding-y-sm !default;
|
|
62
|
-
$kendo-button-arrow-padding-y-md: $kendo-button-padding-y-md !default;
|
|
63
|
-
$kendo-button-arrow-padding-y-lg: $kendo-button-padding-y-lg !default;
|
|
64
|
-
|
|
65
51
|
/// Theme colors map for the button.
|
|
66
52
|
/// @group button
|
|
67
53
|
$kendo-button-theme-colors: map-merge(
|
|
@@ -61,7 +61,8 @@
|
|
|
61
61
|
transform: scale( $floating-label-focus-scale );
|
|
62
62
|
}
|
|
63
63
|
|
|
64
|
-
&.k-state-empty:not(.k-state-focused) ::placeholder
|
|
64
|
+
&.k-state-empty:not(.k-state-focused) ::placeholder,
|
|
65
|
+
&.k-empty:not(.k-focus):not(:focus-within) ::placeholder {
|
|
65
66
|
color: transparent;
|
|
66
67
|
}
|
|
67
68
|
|
package/scss/icons/_layout.scss
CHANGED
|
@@ -187,19 +187,19 @@
|
|
|
187
187
|
.k-i-arrows-no-change::before { content: "\e011"; }
|
|
188
188
|
.k-i-arrow-overflow-down::before { content: "\e012"; }
|
|
189
189
|
.k-i-chevron-up::before { content: "\e013"; }
|
|
190
|
-
.k-i-chevron-double-up::before { content: "\
|
|
190
|
+
.k-i-chevron-double-up::before { content: "\e05e"; }
|
|
191
191
|
.k-i-arrow-chevron-up::before { content: "\e013"; }
|
|
192
192
|
.k-i-arrowhead-n::before { content: "\e013"; }
|
|
193
193
|
.k-i-chevron-right::before { content: "\e014"; }
|
|
194
|
-
.k-i-chevron-double-right::before { content: "\
|
|
194
|
+
.k-i-chevron-double-right::before { content: "\e05f"; }
|
|
195
195
|
.k-i-arrow-chevron-right::before { content: "\e014"; }
|
|
196
196
|
.k-i-arrowhead-e::before { content: "\e014"; }
|
|
197
197
|
.k-i-chevron-down::before { content: "\e015"; }
|
|
198
|
-
.k-i-chevron-double-down::before { content: "\
|
|
198
|
+
.k-i-chevron-double-down::before { content: "\e060"; }
|
|
199
199
|
.k-i-arrow-chevron-down::before { content: "\e015"; }
|
|
200
200
|
.k-i-arrowhead-s::before { content: "\e015"; }
|
|
201
201
|
.k-i-chevron-left::before { content: "\e016"; }
|
|
202
|
-
.k-i-chevron-double-left::before { content: "\
|
|
202
|
+
.k-i-chevron-double-left::before { content: "\e061"; }
|
|
203
203
|
.k-i-arrow-chevron-left::before { content: "\e016"; }
|
|
204
204
|
.k-i-arrowhead-w::before { content: "\e016"; }
|
|
205
205
|
.k-i-arrow-up::before { content: "\e017"; }
|
|
@@ -1048,6 +1048,7 @@
|
|
|
1048
1048
|
.k-i-file-image::before { content: "\e93d"; }
|
|
1049
1049
|
.k-i-file-presentation::before { content: "\e93e"; }
|
|
1050
1050
|
.k-i-file-data::before { content: "\e93f"; }
|
|
1051
|
+
.k-i-report-element::before { content: "\e94a"; }
|
|
1051
1052
|
.k-i-file-disc-image::before { content: "\e940"; }
|
|
1052
1053
|
.k-i-file-programming::before { content: "\e941"; }
|
|
1053
1054
|
.k-i-parameters-byte-array::before { content: "\e942"; }
|