@progress/kendo-theme-default 6.1.1-dev.11 → 6.1.1-dev.16
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.scss +1198 -1106
- package/dist/meta/sassdoc-data.json +38606 -0
- package/dist/meta/sassdoc-raw-data.json +17789 -0
- package/dist/meta/variables.json +12622 -0
- package/dist/meta/variables.scss +10 -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/_variables.scss +104 -12
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": "6.1.1-dev.
|
|
4
|
+
"version": "6.1.1-dev.16+3b2eeab62",
|
|
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.4.0",
|
|
51
|
-
"@progress/kendo-theme-core": "^6.1.1-dev.
|
|
52
|
-
"@progress/kendo-theme-utils": "^6.1.1-dev.
|
|
51
|
+
"@progress/kendo-theme-core": "^6.1.1-dev.16+3b2eeab62",
|
|
52
|
+
"@progress/kendo-theme-utils": "^6.1.1-dev.16+3b2eeab62"
|
|
53
53
|
},
|
|
54
|
-
"gitHead": "
|
|
54
|
+
"gitHead": "3b2eeab62d97b591d20b2bbedf94442f7bfd4a20"
|
|
55
55
|
}
|
package/scss/_variables.scss
CHANGED
|
@@ -55,34 +55,70 @@ $kendo-spacing: (
|
|
|
55
55
|
) !default;
|
|
56
56
|
|
|
57
57
|
|
|
58
|
-
|
|
58
|
+
/// Icon size.
|
|
59
|
+
/// @group common
|
|
59
60
|
$kendo-icon-size: 16px !default;
|
|
60
|
-
|
|
61
|
+
/// xtra small icon size.
|
|
62
|
+
/// @group common
|
|
61
63
|
$kendo-icon-size-xs: calc( #{$kendo-icon-size} * .75 ) !default;
|
|
64
|
+
/// Small icon size.
|
|
65
|
+
/// @group common
|
|
62
66
|
$kendo-icon-size-sm: calc( #{$kendo-icon-size} * .875 ) !default;
|
|
67
|
+
/// Medium icon size.
|
|
68
|
+
/// @group common
|
|
63
69
|
$kendo-icon-size-md: $kendo-icon-size !default;
|
|
70
|
+
/// Large icon size.
|
|
71
|
+
/// @group common
|
|
64
72
|
$kendo-icon-size-lg: calc( #{$kendo-icon-size} * 1.25 ) !default;
|
|
73
|
+
/// Extra large icon size.
|
|
74
|
+
/// @group common
|
|
65
75
|
$kendo-icon-size-xl: calc( #{$kendo-icon-size} * 1.5 ) !default;
|
|
76
|
+
/// Double extra large icon size.
|
|
77
|
+
/// @group common
|
|
66
78
|
$kendo-icon-size-xxl: calc( #{$kendo-icon-size} * 2 ) !default;
|
|
79
|
+
/// Triple extra large icon size.
|
|
80
|
+
/// @group common
|
|
67
81
|
$kendo-icon-size-xxxl: calc( #{$kendo-icon-size} * 3 ) !default;
|
|
68
82
|
|
|
69
83
|
$kendo-icon-spacing: k-map-get( $kendo-spacing, 1 ) !default;
|
|
70
84
|
$kendo-icon-padding: k-map-get( $kendo-spacing, 1 ) !default;
|
|
71
85
|
|
|
72
|
-
|
|
86
|
+
/// Horizontal padding.
|
|
87
|
+
/// @group common
|
|
73
88
|
$kendo-padding-x: 8px !default;
|
|
89
|
+
/// Vertical padding.
|
|
90
|
+
/// @group common
|
|
74
91
|
$kendo-padding-y: 4px !default;
|
|
92
|
+
/// Small horizontal padding.
|
|
93
|
+
/// @group common
|
|
75
94
|
$kendo-padding-sm-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
95
|
+
/// Small vertical padding.
|
|
96
|
+
/// @group common
|
|
76
97
|
$kendo-padding-sm-y: k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
98
|
+
/// Medium horizontal padding.
|
|
99
|
+
/// @group common
|
|
77
100
|
$kendo-padding-md-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
101
|
+
/// Medium vertical padding.
|
|
102
|
+
/// @group common
|
|
78
103
|
$kendo-padding-md-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
104
|
+
/// Large horizontal padding.
|
|
105
|
+
/// @group common
|
|
79
106
|
$kendo-padding-lg-x: k-map-get( $kendo-spacing, 3 ) !default;
|
|
107
|
+
/// Large vertical padding.
|
|
108
|
+
/// @group common
|
|
80
109
|
$kendo-padding-lg-y: k-map-get( $kendo-spacing, 1.5 ) !default;
|
|
81
110
|
|
|
82
111
|
/// Border radius for all components.
|
|
112
|
+
/// @group common
|
|
83
113
|
$kendo-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
|
|
114
|
+
/// Small border radius.
|
|
115
|
+
/// @group common
|
|
84
116
|
$kendo-border-radius-sm: $kendo-border-radius - k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
117
|
+
/// Medium border radius.
|
|
118
|
+
/// @group common
|
|
85
119
|
$kendo-border-radius-md: $kendo-border-radius !default;
|
|
120
|
+
/// Large border radius.
|
|
121
|
+
/// @group common
|
|
86
122
|
$kendo-border-radius-lg: $kendo-border-radius + k-map-get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
|
|
87
123
|
|
|
88
124
|
$kendo-border-radii: (
|
|
@@ -206,10 +242,20 @@ $kendo-theme-colors: (
|
|
|
206
242
|
/// Base font size across all components.
|
|
207
243
|
/// @group typography
|
|
208
244
|
$kendo-font-size: 14px !default;
|
|
245
|
+
/// Extra small font size across all components.
|
|
246
|
+
/// @group typography
|
|
209
247
|
$kendo-font-size-xs: 10px !default;
|
|
248
|
+
/// Small font size across all components.
|
|
249
|
+
/// @group typography
|
|
210
250
|
$kendo-font-size-sm: 12px !default;
|
|
251
|
+
/// Medium font size across all components.
|
|
252
|
+
/// @group typography
|
|
211
253
|
$kendo-font-size-md: $kendo-font-size !default;
|
|
254
|
+
/// Large font size across all components.
|
|
255
|
+
/// @group typography
|
|
212
256
|
$kendo-font-size-lg: 16px !default;
|
|
257
|
+
/// Extra large font size across all components.
|
|
258
|
+
/// @group typography
|
|
213
259
|
$kendo-font-size-xl: 20px !default;
|
|
214
260
|
|
|
215
261
|
$kendo-font-sizes: (
|
|
@@ -235,29 +281,52 @@ $kendo-font-family: inherit !default;
|
|
|
235
281
|
/// Line height used along with $kendo-font-size.
|
|
236
282
|
/// @group typography
|
|
237
283
|
$kendo-line-height: k-math-div( 20, 14 ) !default;
|
|
284
|
+
/// Extra small line height used along with $kendo-font-size-xs.
|
|
285
|
+
/// @group typography
|
|
238
286
|
$kendo-line-height-xs: 1 !default;
|
|
287
|
+
/// Small line height used along with $kendo-font-size-sm.
|
|
288
|
+
/// @group typography
|
|
239
289
|
$kendo-line-height-sm: 1.25 !default;
|
|
290
|
+
/// Medium line height used along with $kendo-font-size-md.
|
|
291
|
+
/// @group typography
|
|
240
292
|
$kendo-line-height-md: $kendo-line-height !default;
|
|
293
|
+
/// Large line height used along with $kendo-font-size-lg.
|
|
294
|
+
/// @group typography
|
|
241
295
|
$kendo-line-height-lg: 1.5 !default;
|
|
242
296
|
$kendo-line-height-em: calc( #{$kendo-line-height} * 1em ) !default;
|
|
243
297
|
|
|
244
|
-
|
|
298
|
+
/// Light font weight.
|
|
299
|
+
/// @group typography
|
|
245
300
|
$kendo-font-weight-light: 300 !default;
|
|
301
|
+
/// Normal font weight.
|
|
302
|
+
/// @group typography
|
|
246
303
|
$kendo-font-weight-normal: 400 !default;
|
|
304
|
+
/// Medium font weight.
|
|
305
|
+
/// @group typography
|
|
247
306
|
$kendo-font-weight-medium: 500 !default;
|
|
307
|
+
/// Semibold font weight.
|
|
308
|
+
/// @group typography
|
|
248
309
|
$kendo-font-weight-semibold: 600 !default;
|
|
310
|
+
/// Bold font weight.
|
|
311
|
+
/// @group typography
|
|
249
312
|
$kendo-font-weight-bold: 700 !default;
|
|
250
313
|
|
|
251
|
-
|
|
314
|
+
/// Letter spacing.
|
|
315
|
+
/// @group typography
|
|
252
316
|
$kendo-letter-spacing: null !default;
|
|
253
317
|
|
|
254
318
|
|
|
255
319
|
// Generic styles
|
|
256
320
|
|
|
257
|
-
|
|
321
|
+
/// Background color of the body.
|
|
322
|
+
/// @group common
|
|
258
323
|
$kendo-body-bg: $kendo-color-white !default;
|
|
324
|
+
/// Text color of the body.
|
|
325
|
+
/// @group common
|
|
259
326
|
$kendo-body-text: #424242 !default;
|
|
260
327
|
|
|
328
|
+
/// Subtle text color.
|
|
329
|
+
/// @group common
|
|
261
330
|
$kendo-subtle-text: #666666 !default;
|
|
262
331
|
|
|
263
332
|
$kendo-app-bg: k-try-shade( $kendo-body-bg, .25 ) !default;
|
|
@@ -265,7 +334,11 @@ $kendo-app-text: $kendo-body-text !default;
|
|
|
265
334
|
$kendo-app-border: rgba( $kendo-color-black, .08 ) !default;
|
|
266
335
|
|
|
267
336
|
// Link
|
|
337
|
+
/// Text color of the links.
|
|
338
|
+
/// @group common
|
|
268
339
|
$kendo-link-text: $kendo-color-primary !default;
|
|
340
|
+
/// Text color of the links on hover.
|
|
341
|
+
/// @group common
|
|
269
342
|
$kendo-link-hover-text: $kendo-color-primary-darker !default;
|
|
270
343
|
|
|
271
344
|
|
|
@@ -313,20 +386,28 @@ $kendo-selected-border: $kendo-base-border !default;
|
|
|
313
386
|
/// The gradient background of selected items.
|
|
314
387
|
$kendo-selected-gradient: $kendo-base-gradient !default;
|
|
315
388
|
|
|
389
|
+
/// The background of selected and hovered items.
|
|
316
390
|
$kendo-selected-hover-bg: k-try-shade( $kendo-selected-bg, .5 ) !default;
|
|
391
|
+
/// The text color of selected and hovered items.
|
|
317
392
|
$kendo-selected-hover-text: $kendo-selected-text !default;
|
|
393
|
+
/// The border of selected and hovered items.
|
|
318
394
|
$kendo-selected-hover-border: $kendo-base-border !default;
|
|
395
|
+
/// The gradient of selected and hovered items.
|
|
319
396
|
$kendo-selected-hover-gradient: $kendo-base-gradient !default;
|
|
320
397
|
|
|
321
398
|
// TODO: refactor
|
|
399
|
+
/// Box shadow of focused items.
|
|
322
400
|
$kendo-focus-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;
|
|
323
401
|
|
|
402
|
+
/// Transition used across all components.
|
|
324
403
|
$kendo-transition: color .2s ease-in-out, background-color .2s ease-in-out, border-color .2s ease-in-out, box-shadow .2s ease-in-out !default;
|
|
325
404
|
|
|
326
405
|
|
|
327
|
-
|
|
406
|
+
/// Text color of disabled items.
|
|
328
407
|
$kendo-disabled-text: #8f8f8f !default;
|
|
408
|
+
/// Filter used for disabled items.
|
|
329
409
|
$kendo-disabled-filter: grayscale(.1) !default;
|
|
410
|
+
/// Opacity used for disabled items.
|
|
330
411
|
$kendo-disabled-opacity: .6 !default;
|
|
331
412
|
|
|
332
413
|
$kendo-disabled-styling: (
|
|
@@ -337,18 +418,29 @@ $kendo-disabled-styling: (
|
|
|
337
418
|
|
|
338
419
|
// Generic styles
|
|
339
420
|
|
|
340
|
-
|
|
341
|
-
|
|
342
|
-
|
|
343
|
-
// Header
|
|
421
|
+
/// Background color of the component header.
|
|
422
|
+
/// @group component
|
|
344
423
|
$kendo-component-header-bg: $kendo-base-bg !default;
|
|
424
|
+
/// Text color of the component header.
|
|
425
|
+
/// @group component
|
|
345
426
|
$kendo-component-header-text: $kendo-base-text !default;
|
|
427
|
+
/// Border color of the component header.
|
|
428
|
+
/// @group component
|
|
346
429
|
$kendo-component-header-border: $kendo-base-border !default;
|
|
430
|
+
/// Gradient of the component header.
|
|
431
|
+
/// @group component
|
|
347
432
|
$kendo-component-header-gradient: null !default;
|
|
348
433
|
|
|
349
434
|
|
|
350
|
-
|
|
435
|
+
/// Background color of the invalid items.
|
|
436
|
+
/// @group component
|
|
351
437
|
$kendo-invalid-bg: null !default;
|
|
438
|
+
/// Text color of the invalid items.
|
|
439
|
+
/// @group component
|
|
352
440
|
$kendo-invalid-text: $kendo-color-error !default;
|
|
441
|
+
/// Border color of the invalid items.
|
|
442
|
+
/// @group component
|
|
353
443
|
$kendo-invalid-border: $kendo-color-error !default;
|
|
444
|
+
/// Shadow of the invalid items.
|
|
445
|
+
/// @group component
|
|
354
446
|
$kendo-invalid-shadow: null !default;
|