@progress/kendo-theme-default 8.0.0-dev.9 → 8.0.1-dev.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 +74 -76
- package/dist/all.scss +100 -72
- package/dist/meta/sassdoc-data.json +1437 -897
- package/dist/meta/sassdoc-raw-data.json +738 -488
- package/dist/meta/variables.json +8 -8
- 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 +5 -5
- package/scss/action-sheet/_layout.scss +1 -1
- package/scss/badge/_theme.scss +1 -1
- package/scss/button/_theme.scss +15 -11
- package/scss/calendar/_layout.scss +26 -27
- package/scss/calendar/_theme.scss +0 -5
- package/scss/calendar/_variables.scss +13 -0
- package/scss/chip/_theme.scss +4 -4
- package/scss/chip/_variables.scss +1 -1
- package/scss/dataviz/_layout.scss +5 -2
- package/scss/drawer/_layout.scss +2 -0
- package/scss/drawer/_variables.scss +13 -2
- package/scss/listview/_layout.scss +1 -0
package/dist/meta/variables.json
CHANGED
|
@@ -2689,11 +2689,11 @@
|
|
|
2689
2689
|
},
|
|
2690
2690
|
"kendo-chip-outline-text": {
|
|
2691
2691
|
"type": "String",
|
|
2692
|
-
"value": "var(--kendo-color-on-
|
|
2692
|
+
"value": "var(--kendo-color-base-on-surface, #3d3d3d)"
|
|
2693
2693
|
},
|
|
2694
2694
|
"kendo-chip-outline-border": {
|
|
2695
2695
|
"type": "String",
|
|
2696
|
-
"value": "var(--kendo-color-on-
|
|
2696
|
+
"value": "var(--kendo-color-base-on-surface, #3d3d3d)"
|
|
2697
2697
|
},
|
|
2698
2698
|
"kendo-chip-outline-shadow": {
|
|
2699
2699
|
"type": "List",
|
|
@@ -2701,7 +2701,7 @@
|
|
|
2701
2701
|
},
|
|
2702
2702
|
"kendo-chip-outline-hover-bg": {
|
|
2703
2703
|
"type": "String",
|
|
2704
|
-
"value": "var(--kendo-color-on-
|
|
2704
|
+
"value": "var(--kendo-color-base-on-surface, #3d3d3d)"
|
|
2705
2705
|
},
|
|
2706
2706
|
"kendo-chip-outline-hover-text": {
|
|
2707
2707
|
"type": "String",
|
|
@@ -2709,7 +2709,7 @@
|
|
|
2709
2709
|
},
|
|
2710
2710
|
"kendo-chip-outline-selected-bg": {
|
|
2711
2711
|
"type": "String",
|
|
2712
|
-
"value": "var(--kendo-color-on-
|
|
2712
|
+
"value": "var(--kendo-color-base-on-surface, #3d3d3d)"
|
|
2713
2713
|
},
|
|
2714
2714
|
"kendo-chip-outline-selected-text": {
|
|
2715
2715
|
"type": "String",
|
|
@@ -6972,12 +6972,12 @@
|
|
|
6972
6972
|
"value": "var(--kendo-line-height, normal)"
|
|
6973
6973
|
},
|
|
6974
6974
|
"kendo-drawer-content-padding-x": {
|
|
6975
|
-
"type": "
|
|
6976
|
-
"value": "
|
|
6975
|
+
"type": "Null",
|
|
6976
|
+
"value": "null"
|
|
6977
6977
|
},
|
|
6978
6978
|
"kendo-drawer-content-padding-y": {
|
|
6979
|
-
"type": "
|
|
6980
|
-
"value": "
|
|
6979
|
+
"type": "Null",
|
|
6980
|
+
"value": "null"
|
|
6981
6981
|
},
|
|
6982
6982
|
"kendo-drawer-scrollbar-width": {
|
|
6983
6983
|
"type": "Number",
|
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": "8.0.
|
|
4
|
+
"version": "8.0.1-dev.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -51,13 +51,13 @@
|
|
|
51
51
|
"postpublish": "echo 'no postpublish for default theme'"
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
|
-
"@progress/kendo-svg-icons": "
|
|
55
|
-
"@progress/kendo-theme-core": "8.0.
|
|
56
|
-
"@progress/kendo-theme-utils": "8.0.
|
|
54
|
+
"@progress/kendo-svg-icons": "3.0.0",
|
|
55
|
+
"@progress/kendo-theme-core": "8.0.1-dev.0",
|
|
56
|
+
"@progress/kendo-theme-utils": "8.0.1-dev.0"
|
|
57
57
|
},
|
|
58
58
|
"directories": {
|
|
59
59
|
"doc": "docs",
|
|
60
60
|
"lib": "lib"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "311995cf115b4f9239c891551c3f7d380eb22075"
|
|
63
63
|
}
|
|
@@ -253,7 +253,7 @@
|
|
|
253
253
|
}
|
|
254
254
|
|
|
255
255
|
.k-actionsheet-filter {
|
|
256
|
-
width: calc(
|
|
256
|
+
width: calc( 360px - #{$kendo-adaptive-actionsheet-titlebar-padding-x} * 2 );
|
|
257
257
|
}
|
|
258
258
|
.k-actionsheet-content,
|
|
259
259
|
.k-actionsheet-footer {
|
package/scss/badge/_theme.scss
CHANGED
package/scss/button/_theme.scss
CHANGED
|
@@ -154,9 +154,9 @@
|
|
|
154
154
|
&.k-hover {
|
|
155
155
|
@if $name == "base" {
|
|
156
156
|
@include fill(
|
|
157
|
-
if($kendo-enable-color-system,
|
|
158
|
-
$color,
|
|
159
|
-
$color
|
|
157
|
+
if($kendo-enable-color-system, k-color( base ), k-contrast-legacy( $color )),
|
|
158
|
+
if($kendo-enable-color-system, k-color( on-base ), k-contrast-legacy( $color )),
|
|
159
|
+
if($kendo-enable-color-system, k-color( on-base ), k-contrast-legacy( $color ))
|
|
160
160
|
);
|
|
161
161
|
} @else {
|
|
162
162
|
@include fill(
|
|
@@ -184,9 +184,9 @@
|
|
|
184
184
|
&.k-active {
|
|
185
185
|
@if $name == "base" {
|
|
186
186
|
@include fill(
|
|
187
|
-
if($kendo-enable-color-system,
|
|
188
|
-
$color,
|
|
189
|
-
$color
|
|
187
|
+
if($kendo-enable-color-system, k-color( base ), k-contrast-legacy( $color )),
|
|
188
|
+
if($kendo-enable-color-system, k-color( on-base ), k-contrast-legacy( $color )),
|
|
189
|
+
if($kendo-enable-color-system, k-color( on-base ), k-contrast-legacy( $color ))
|
|
190
190
|
);
|
|
191
191
|
} @else {
|
|
192
192
|
@include fill(
|
|
@@ -201,9 +201,9 @@
|
|
|
201
201
|
&.k-selected {
|
|
202
202
|
@if $name == "base" {
|
|
203
203
|
@include fill(
|
|
204
|
-
if($kendo-enable-color-system,
|
|
205
|
-
$color,
|
|
206
|
-
$color
|
|
204
|
+
if($kendo-enable-color-system, k-color( base ), k-contrast-legacy( $color )),
|
|
205
|
+
if($kendo-enable-color-system, k-color( on-base ), k-contrast-legacy( $color )),
|
|
206
|
+
if($kendo-enable-color-system, k-color( on-base ), k-contrast-legacy( $color ))
|
|
207
207
|
);
|
|
208
208
|
} @else {
|
|
209
209
|
@include fill(
|
|
@@ -226,7 +226,11 @@
|
|
|
226
226
|
// Flat button
|
|
227
227
|
@each $name, $color in k-map-merge( $kendo-button-theme-colors, ( "base": inherit ) ) {
|
|
228
228
|
.k-button-flat-#{$name} {
|
|
229
|
-
|
|
229
|
+
@if $name == "base" {
|
|
230
|
+
color: inherit;
|
|
231
|
+
} @else {
|
|
232
|
+
color: if($kendo-enable-color-system, k-color( #{$name}-on-surface ), $color);
|
|
233
|
+
}
|
|
230
234
|
|
|
231
235
|
// Disabled state
|
|
232
236
|
&:disabled,
|
|
@@ -295,7 +299,7 @@
|
|
|
295
299
|
// Clear button
|
|
296
300
|
@each $name, $color in k-map-merge( $kendo-button-theme-colors, ( "base": $kendo-base-text ) ) {
|
|
297
301
|
.k-button-clear-#{$name} {
|
|
298
|
-
color: $color;
|
|
302
|
+
color: if($kendo-enable-color-system, k-color( #{$name}-on-surface ), $color);
|
|
299
303
|
|
|
300
304
|
&:focus,
|
|
301
305
|
&.k-focus,
|
|
@@ -449,9 +449,6 @@
|
|
|
449
449
|
// }
|
|
450
450
|
}
|
|
451
451
|
|
|
452
|
-
|
|
453
|
-
|
|
454
|
-
|
|
455
452
|
// Multiview calendar
|
|
456
453
|
.k-calendar-range {
|
|
457
454
|
width: auto;
|
|
@@ -468,25 +465,34 @@
|
|
|
468
465
|
outline: 0;
|
|
469
466
|
}
|
|
470
467
|
}
|
|
468
|
+
}
|
|
471
469
|
|
|
472
|
-
|
|
473
|
-
|
|
474
|
-
|
|
475
|
-
|
|
476
|
-
|
|
477
|
-
.k-
|
|
478
|
-
.k-range-end .k-link {
|
|
470
|
+
// Range Selection
|
|
471
|
+
.k-range-start {
|
|
472
|
+
border-radius: $kendo-calendar-range-cell-border-radius 0 0 $kendo-calendar-range-cell-border-radius;
|
|
473
|
+
|
|
474
|
+
.k-calendar-cell-inner,
|
|
475
|
+
.k-link {
|
|
479
476
|
border-color: inherit;
|
|
480
|
-
border-radius:
|
|
477
|
+
border-radius: inherit;
|
|
481
478
|
}
|
|
482
|
-
|
|
479
|
+
}
|
|
480
|
+
.k-range-end {
|
|
481
|
+
border-radius: 0 $kendo-calendar-range-cell-border-radius $kendo-calendar-range-cell-border-radius 0;
|
|
482
|
+
|
|
483
|
+
.k-calendar-cell-inner,
|
|
484
|
+
.k-link {
|
|
483
485
|
border-color: inherit;
|
|
484
|
-
border-radius:
|
|
486
|
+
border-radius: inherit;
|
|
485
487
|
}
|
|
486
488
|
}
|
|
487
|
-
|
|
488
|
-
|
|
489
|
-
|
|
489
|
+
.k-range-mid {
|
|
490
|
+
border-color: inherit;
|
|
491
|
+
border-radius: 0;
|
|
492
|
+
}
|
|
493
|
+
.k-range-start.k-range-end {
|
|
494
|
+
border-radius: $kendo-calendar-range-cell-border-radius;
|
|
495
|
+
}
|
|
490
496
|
|
|
491
497
|
// RTL
|
|
492
498
|
.k-rtl .k-calendar,
|
|
@@ -499,21 +505,14 @@
|
|
|
499
505
|
@include hide-scrollbar("left");
|
|
500
506
|
}
|
|
501
507
|
|
|
502
|
-
|
|
503
|
-
|
|
504
|
-
.k-rtl .k-calendar-range,
|
|
505
|
-
[dir="rtl"] .k-calendar-range,
|
|
506
|
-
.k-calendar-range.k-rtl,
|
|
507
|
-
.k-calendar-range[dir="rtl"] {
|
|
508
|
-
|
|
509
|
-
.k-range-start .k-calendar-cell-inner,
|
|
510
|
-
.k-range-start .k-link {
|
|
508
|
+
// Range Selection RTL
|
|
509
|
+
.k-range-start {
|
|
511
510
|
border-radius: 0 $kendo-calendar-range-cell-border-radius $kendo-calendar-range-cell-border-radius 0;
|
|
512
511
|
}
|
|
513
|
-
.k-range-end
|
|
514
|
-
.k-range-end .k-link {
|
|
512
|
+
.k-range-end {
|
|
515
513
|
border-radius: $kendo-calendar-range-cell-border-radius 0 0 $kendo-calendar-range-cell-border-radius;
|
|
516
514
|
}
|
|
515
|
+
|
|
517
516
|
}
|
|
518
517
|
|
|
519
518
|
}
|
|
@@ -3,8 +3,15 @@
|
|
|
3
3
|
/// The width of the border around the Calendar.
|
|
4
4
|
/// @group calendar
|
|
5
5
|
$kendo-calendar-border-width: 1px !default;
|
|
6
|
+
|
|
7
|
+
/// The font family of the Calendar.
|
|
8
|
+
/// @group calendar
|
|
6
9
|
$kendo-calendar-font-family: var( --kendo-font-family, inherit ) !default;
|
|
10
|
+
/// The font size of the Calendar.
|
|
11
|
+
/// @group calendar
|
|
7
12
|
$kendo-calendar-font-size: var( --kendo-font-size, inherit ) !default;
|
|
13
|
+
/// The line height of the Calendar.
|
|
14
|
+
/// @group calendar
|
|
8
15
|
$kendo-calendar-line-height: var( --kendo-line-height, normal ) !default;
|
|
9
16
|
|
|
10
17
|
/// The size of the cells in the Calendar.
|
|
@@ -87,7 +94,11 @@ $kendo-calendar-header-cell-width: $kendo-calendar-cell-size !default;
|
|
|
87
94
|
/// The height of the header cells in the Calendar.
|
|
88
95
|
/// @group calendar
|
|
89
96
|
$kendo-calendar-header-cell-height: $kendo-calendar-cell-size !default;
|
|
97
|
+
/// The font size of the header cells in the Calendar.
|
|
98
|
+
/// @group calendar
|
|
90
99
|
$kendo-calendar-header-cell-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
100
|
+
/// The line height of the header cells in the Calendar.
|
|
101
|
+
/// @group calendar
|
|
91
102
|
$kendo-calendar-header-cell-line-height: 2 !default;
|
|
92
103
|
|
|
93
104
|
/// The background color of the header cells in the Calendar.
|
|
@@ -115,6 +126,8 @@ $kendo-calendar-caption-font-size: null !default;
|
|
|
115
126
|
/// The line height of the caption in the Calendar.
|
|
116
127
|
/// @group calendar
|
|
117
128
|
$kendo-calendar-caption-line-height: null !default;
|
|
129
|
+
/// The font weight of the caption in the Calendar.
|
|
130
|
+
/// @group calendar
|
|
118
131
|
$kendo-calendar-caption-font-weight: var( --kendo-font-weight-bold, normal ) !default;
|
|
119
132
|
|
|
120
133
|
/// The font size of the week number cells in the Calendar.
|
package/scss/chip/_theme.scss
CHANGED
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
@if ($name == "base") {
|
|
59
59
|
@include fill(
|
|
60
60
|
$kendo-chip-outline-text,
|
|
61
|
-
|
|
61
|
+
transparent,
|
|
62
62
|
$kendo-chip-outline-border
|
|
63
63
|
);
|
|
64
64
|
|
|
@@ -83,8 +83,8 @@
|
|
|
83
83
|
}
|
|
84
84
|
} @else if ($name == "warning") {
|
|
85
85
|
@include fill(
|
|
86
|
-
if($kendo-enable-color-system,
|
|
87
|
-
if($kendo-enable-color-system,
|
|
86
|
+
if($kendo-enable-color-system, k-color( on-app-surface ), if( $kendo-is-dark-theme, k-color-tint($color, 25%), $kendo-chip-outline-text)),
|
|
87
|
+
if($kendo-enable-color-system, transparent, if( $kendo-is-dark-theme, $kendo-color-black, $kendo-color-white )),
|
|
88
88
|
if($kendo-enable-color-system, $color, if( $kendo-is-dark-theme, k-color-tint($color, 25%), $color))
|
|
89
89
|
);
|
|
90
90
|
|
|
@@ -110,7 +110,7 @@
|
|
|
110
110
|
} @else {
|
|
111
111
|
@include fill(
|
|
112
112
|
if($kendo-enable-color-system, k-color( #{$name}-on-surface ), k-try-shade( $color, 25% )),
|
|
113
|
-
if($kendo-enable-color-system,
|
|
113
|
+
if($kendo-enable-color-system, transparent, if( $kendo-is-dark-theme, $kendo-color-black, $kendo-color-white )),
|
|
114
114
|
if($kendo-enable-color-system, k-color( #{$name}-on-surface ), k-try-shade( $color, 25% ))
|
|
115
115
|
);
|
|
116
116
|
|
|
@@ -146,7 +146,7 @@ $kendo-chip-solid-selected-text: null !default;
|
|
|
146
146
|
$kendo-chip-outline-bg: $kendo-component-bg !default;
|
|
147
147
|
/// The base text color of the outline Chip.
|
|
148
148
|
/// @group chip
|
|
149
|
-
$kendo-chip-outline-text: $kendo-chip-solid-text !default;
|
|
149
|
+
$kendo-chip-outline-text: if($kendo-enable-color-system, k-color( base-on-surface ), $kendo-chip-solid-text) !default;
|
|
150
150
|
/// The base border color of the outline Chip.
|
|
151
151
|
/// @group chip
|
|
152
152
|
$kendo-chip-outline-border: $kendo-chip-outline-text !default;
|
|
@@ -268,7 +268,10 @@
|
|
|
268
268
|
}
|
|
269
269
|
|
|
270
270
|
|
|
271
|
-
|
|
271
|
+
// Sankey labels
|
|
272
|
+
.k-sankey text {
|
|
273
|
+
pointer-events: none;
|
|
274
|
+
}
|
|
272
275
|
|
|
273
276
|
// Treemap
|
|
274
277
|
.k-treemap {
|
|
@@ -453,7 +456,7 @@
|
|
|
453
456
|
series-30: $kendo-series-30,
|
|
454
457
|
|
|
455
458
|
gauge-pointer: $kendo-color-primary,
|
|
456
|
-
gauge-track: if($kendo-enable-color-system, k-color( base ), k-try-shade( $kendo-chart-bg ))
|
|
459
|
+
gauge-track: if($kendo-enable-color-system, k-color( base-emphasis ), k-try-shade( $kendo-chart-bg ))
|
|
457
460
|
);
|
|
458
461
|
|
|
459
462
|
@each $name, $value in $exported {
|
package/scss/drawer/_layout.scss
CHANGED
|
@@ -12,13 +12,24 @@ $kendo-drawer-border: $kendo-component-border !default;
|
|
|
12
12
|
/// The border width of the Drawer.
|
|
13
13
|
/// @group drawer
|
|
14
14
|
$kendo-drawer-border-width: 1px !default;
|
|
15
|
+
|
|
16
|
+
/// The font family of the Drawer.
|
|
17
|
+
/// @group drawer
|
|
15
18
|
$kendo-drawer-font-family: var( --kendo-font-family, inherit ) !default;
|
|
19
|
+
/// The font size of the Drawer.
|
|
20
|
+
/// @group drawer
|
|
16
21
|
$kendo-drawer-font-size: var( --kendo-font-size, inherit ) !default;
|
|
22
|
+
/// The line height of the Drawer.
|
|
23
|
+
/// @group drawer
|
|
17
24
|
$kendo-drawer-line-height: var( --kendo-line-height, normal ) !default;
|
|
18
|
-
|
|
25
|
+
|
|
26
|
+
/// The horizontal padding of the Drawer content.
|
|
27
|
+
/// @group drawer
|
|
28
|
+
$kendo-drawer-content-padding-x: null !default;
|
|
29
|
+
|
|
19
30
|
/// The vertical padding of the Drawer content.
|
|
20
31
|
/// @group drawer
|
|
21
|
-
$kendo-drawer-content-padding-y:
|
|
32
|
+
$kendo-drawer-content-padding-y: null !default;
|
|
22
33
|
|
|
23
34
|
/// The width of the Drawer scrollbar.
|
|
24
35
|
/// @group drawer
|