@progress/kendo-theme-default 8.1.1-dev.0 → 8.2.0-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 +1 -1
- package/dist/all.scss +12795 -12345
- package/dist/default-blue.css +1 -1
- package/dist/default-dataviz-v4.css +1 -1
- package/dist/default-green.css +1 -1
- package/dist/default-main-dark.css +1 -1
- package/dist/default-main.css +1 -1
- package/dist/default-nordic.css +1 -1
- package/dist/default-ocean-blue-a11y.css +1 -1
- package/dist/default-ocean-blue.css +1 -1
- package/dist/default-orange.css +1 -1
- package/dist/default-purple.css +1 -1
- package/dist/default-turquoise.css +1 -1
- package/dist/default-urban.css +1 -1
- package/dist/meta/sassdoc-data.json +33754 -27358
- package/dist/meta/sassdoc-raw-data.json +5747 -2797
- package/dist/meta/variables.json +2360 -2304
- 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/chart-wizard/_index.scss +57 -0
- package/scss/chart-wizard/_layout.scss +44 -0
- package/scss/chart-wizard/_theme.scss +35 -0
- package/scss/chart-wizard/_variables.scss +38 -0
- package/scss/chat/_theme.scss +14 -8
- package/scss/chat/_variables.scss +10 -0
- package/scss/index.scss +2 -0
- package/scss/map/_variables.scss +40 -0
- package/scss/mediaplayer/_variables.scss +27 -0
- package/scss/pivotgrid/_variables.scss +144 -0
- package/scss/prompt/_variables.scss +21 -21
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.
|
|
4
|
+
"version": "8.2.0-dev.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -52,12 +52,12 @@
|
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"@progress/kendo-svg-icons": "3.0.0",
|
|
55
|
-
"@progress/kendo-theme-core": "8.
|
|
56
|
-
"@progress/kendo-theme-utils": "8.
|
|
55
|
+
"@progress/kendo-theme-core": "8.2.0-dev.0",
|
|
56
|
+
"@progress/kendo-theme-utils": "8.2.0-dev.0"
|
|
57
57
|
},
|
|
58
58
|
"directories": {
|
|
59
59
|
"doc": "docs",
|
|
60
60
|
"lib": "lib"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "8644816d0a84d5207e206287bdc16855e2e87199"
|
|
63
63
|
}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
@import "../core/_index.scss";
|
|
2
|
+
@import "../utils/_index.scss";
|
|
3
|
+
|
|
4
|
+
|
|
5
|
+
// Module meta
|
|
6
|
+
$_kendo-module-meta: (
|
|
7
|
+
name: "chart-wizard",
|
|
8
|
+
dependencies: (
|
|
9
|
+
"icon",
|
|
10
|
+
"window",
|
|
11
|
+
"splitter",
|
|
12
|
+
"dataviz",
|
|
13
|
+
"expansion-panel",
|
|
14
|
+
"grid",
|
|
15
|
+
"tabstrip",
|
|
16
|
+
"listview",
|
|
17
|
+
"forms",
|
|
18
|
+
"combobox"
|
|
19
|
+
)
|
|
20
|
+
);
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
// Dependencies
|
|
24
|
+
@import "../icons/_index.scss";
|
|
25
|
+
@import "../window/_index.scss";
|
|
26
|
+
@import "../splitter/_index.scss";
|
|
27
|
+
@import "../dataviz/_index.scss";
|
|
28
|
+
@import "../expansion-panel/_index.scss";
|
|
29
|
+
@import "../grid/_index.scss";
|
|
30
|
+
@import "../tabstrip/_index.scss";
|
|
31
|
+
@import "../listview/_index.scss";
|
|
32
|
+
@import "../forms/_index.scss";
|
|
33
|
+
@import "../combobox/_index.scss";
|
|
34
|
+
|
|
35
|
+
|
|
36
|
+
// Component
|
|
37
|
+
@import "./_variables.scss";
|
|
38
|
+
@import "./_layout.scss";
|
|
39
|
+
@import "./_theme.scss";
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
// Register
|
|
43
|
+
@import "../core/module-system/index.import.scss";
|
|
44
|
+
@include module-register( $_kendo-module-meta... );
|
|
45
|
+
|
|
46
|
+
|
|
47
|
+
// Expose
|
|
48
|
+
@mixin kendo-chart-wizard--styles() {
|
|
49
|
+
@include module-render( "chart-wizard" ) {
|
|
50
|
+
@include kendo-chart-wizard--layout();
|
|
51
|
+
@include kendo-chart-wizard--theme();
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
|
|
55
|
+
@if $kendo-auto-bootstrap {
|
|
56
|
+
@include kendo-chart-wizard--styles();
|
|
57
|
+
}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
@mixin kendo-chart-wizard--layout-base() {
|
|
2
|
+
// Chart wizard
|
|
3
|
+
.k-chart-wizard {
|
|
4
|
+
.k-icon-text-wrapper {
|
|
5
|
+
display: flex;
|
|
6
|
+
align-items: center;
|
|
7
|
+
gap: $kendo-chart-wizard-icon-text-gap;
|
|
8
|
+
}
|
|
9
|
+
|
|
10
|
+
.k-icon-background-area {
|
|
11
|
+
display: flex;
|
|
12
|
+
padding: $kendo-chart-wizard-icon-area-padding;
|
|
13
|
+
border-radius: $kendo-chart-wizard-icon-area-border-radius;
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
.k-chart-types-wrapper {
|
|
18
|
+
display: flex;
|
|
19
|
+
flex-direction: column;
|
|
20
|
+
gap: $kendo-chart-wizard-chart-type-spacing;
|
|
21
|
+
}
|
|
22
|
+
|
|
23
|
+
.k-chart-wizard-splitter {
|
|
24
|
+
height: 100%;
|
|
25
|
+
|
|
26
|
+
.k-tabstrip {
|
|
27
|
+
width: 100%;
|
|
28
|
+
height: 100%;
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
.k-chart-wizard-preview-pane {
|
|
33
|
+
padding: $kendo-chart-wizard-preview-pane-padding;
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
.k-chart-wizard-property-pane {
|
|
37
|
+
padding: $kendo-chart-wizard-property-pane-padding;
|
|
38
|
+
}
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
|
|
42
|
+
@mixin kendo-chart-wizard--layout() {
|
|
43
|
+
@include kendo-chart-wizard--layout-base();
|
|
44
|
+
}
|
|
@@ -0,0 +1,35 @@
|
|
|
1
|
+
@mixin kendo-chart-wizard--theme-base() {
|
|
2
|
+
.k-chart-wizard {
|
|
3
|
+
.k-icon-text-wrapper {
|
|
4
|
+
&.k-selected {
|
|
5
|
+
color: $kendo-chart-wizard-chart-type-selected-color;
|
|
6
|
+
|
|
7
|
+
.k-icon-background-area {
|
|
8
|
+
box-shadow: $kendo-chart-wizard-icon-area-selected-shadow;
|
|
9
|
+
}
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
&:hover,
|
|
13
|
+
&.k-hover {
|
|
14
|
+
cursor: pointer;
|
|
15
|
+
}
|
|
16
|
+
|
|
17
|
+
&:focus,
|
|
18
|
+
&.k-focus {
|
|
19
|
+
.k-icon-background-area {
|
|
20
|
+
box-shadow: $kendo-chart-wizard-icon-area-focus-shadow;
|
|
21
|
+
}
|
|
22
|
+
}
|
|
23
|
+
}
|
|
24
|
+
|
|
25
|
+
.k-icon-background-area {
|
|
26
|
+
color: $kendo-chart-wizard-icon-area-color;
|
|
27
|
+
background-color: $kendo-chart-wizard-icon-area-bg;
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
}
|
|
31
|
+
|
|
32
|
+
|
|
33
|
+
@mixin kendo-chart-wizard--theme() {
|
|
34
|
+
@include kendo-chart-wizard--theme-base();
|
|
35
|
+
}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
// Chart wizard
|
|
2
|
+
|
|
3
|
+
/// The color of the area around the chart type icon.
|
|
4
|
+
/// @group chart-wizard
|
|
5
|
+
$kendo-chart-wizard-icon-area-color: if($kendo-enable-color-system, k-color(primary), $kendo-color-primary) !default;
|
|
6
|
+
/// The background color of the area around the chart type icon.
|
|
7
|
+
/// @group chart-wizard
|
|
8
|
+
$kendo-chart-wizard-icon-area-bg: if($kendo-enable-color-system, k-color(primary-subtle), $kendo-color-primary-subtle) !default;
|
|
9
|
+
/// The border radius of the area around the chart type icon.
|
|
10
|
+
/// @group chart-wizard
|
|
11
|
+
$kendo-chart-wizard-icon-area-border-radius: k-border-radius(md) !default;
|
|
12
|
+
/// The padding of the area around the chart type icon.
|
|
13
|
+
/// @group chart-wizard
|
|
14
|
+
$kendo-chart-wizard-icon-area-padding: k-spacing(4) !default;
|
|
15
|
+
/// The box shadow of the focused area around the chart type icon.
|
|
16
|
+
/// @group chart-wizard
|
|
17
|
+
$kendo-chart-wizard-icon-area-focus-shadow: inset 0 0 0 1px if($kendo-enable-color-system, k-color(primary-emphasis), $kendo-color-primary-emphasis) !default;
|
|
18
|
+
/// The box shadow of the selected area around the chart type icon.
|
|
19
|
+
/// @group chart-wizard
|
|
20
|
+
$kendo-chart-wizard-icon-area-selected-shadow: inset 0 0 0 1px $kendo-chart-wizard-icon-area-color !default;
|
|
21
|
+
|
|
22
|
+
/// The color of the selected chart type items in the Property panel.
|
|
23
|
+
/// @group chart-wizard
|
|
24
|
+
$kendo-chart-wizard-chart-type-selected-color: if($kendo-enable-color-system, k-color(primary), $kendo-color-primary) !default;
|
|
25
|
+
|
|
26
|
+
/// The padding of the preview pane.
|
|
27
|
+
/// @group chart-wizard
|
|
28
|
+
$kendo-chart-wizard-preview-pane-padding: k-spacing(4) !default;
|
|
29
|
+
/// The padding of the property pane.
|
|
30
|
+
/// @group chart-wizard
|
|
31
|
+
$kendo-chart-wizard-property-pane-padding: k-spacing(4) !default;
|
|
32
|
+
|
|
33
|
+
/// The gap between the chart type items in the Property panel.
|
|
34
|
+
/// @group chart-wizard
|
|
35
|
+
$kendo-chart-wizard-chart-type-spacing: k-spacing(4) !default;
|
|
36
|
+
/// The gap between the icon area and its text.
|
|
37
|
+
/// @group chart-wizard
|
|
38
|
+
$kendo-chart-wizard-icon-text-gap: k-spacing(3) !default;
|
package/scss/chat/_theme.scss
CHANGED
|
@@ -65,15 +65,21 @@
|
|
|
65
65
|
$kendo-chat-quick-reply-bg,
|
|
66
66
|
$kendo-chat-quick-reply-border
|
|
67
67
|
);
|
|
68
|
-
}
|
|
69
|
-
.k-quick-reply:hover {
|
|
70
|
-
@include fill(
|
|
71
|
-
$kendo-chat-quick-reply-hover-text,
|
|
72
|
-
$kendo-chat-quick-reply-hover-bg,
|
|
73
|
-
$kendo-chat-quick-reply-hover-border
|
|
74
|
-
);
|
|
75
|
-
}
|
|
76
68
|
|
|
69
|
+
&:hover,
|
|
70
|
+
&.k-hover {
|
|
71
|
+
@include fill(
|
|
72
|
+
$kendo-chat-quick-reply-hover-text,
|
|
73
|
+
$kendo-chat-quick-reply-hover-bg,
|
|
74
|
+
$kendo-chat-quick-reply-hover-border
|
|
75
|
+
);
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
&:focus,
|
|
79
|
+
&.k-focus {
|
|
80
|
+
@include focus-indicator( 0 0 $kendo-chat-quick-reply-shadow-blur $kendo-chat-quick-reply-shadow-spread if($kendo-enable-color-system, color-mix(in srgb, k-color( 'primary' ) ( $kendo-chat-quick-reply-shadow-opacity * 100% ), transparent), rgba( $kendo-color-primary, $kendo-chat-quick-reply-shadow-opacity )), true, true );
|
|
81
|
+
}
|
|
82
|
+
}
|
|
77
83
|
}
|
|
78
84
|
|
|
79
85
|
|
|
@@ -199,3 +199,13 @@ $kendo-chat-quick-reply-hover-text: $kendo-color-primary-contrast !default;
|
|
|
199
199
|
/// The border color of the hovered Chat quick reply.
|
|
200
200
|
/// @group chat
|
|
201
201
|
$kendo-chat-quick-reply-hover-border: $kendo-color-primary !default;
|
|
202
|
+
|
|
203
|
+
/// The shadow blur of the focused Chat quick reply.
|
|
204
|
+
/// @group chat
|
|
205
|
+
$kendo-chat-quick-reply-shadow-blur: 0px !default;
|
|
206
|
+
/// The shadow spread of the focused Chat quick reply.
|
|
207
|
+
/// @group chat
|
|
208
|
+
$kendo-chat-quick-reply-shadow-spread: 2px !default;
|
|
209
|
+
/// The shadow opacity of the focused Chat quick reply.
|
|
210
|
+
/// @group chat
|
|
211
|
+
$kendo-chat-quick-reply-shadow-opacity: .3 !default;
|
package/scss/index.scss
CHANGED
|
@@ -122,6 +122,7 @@
|
|
|
122
122
|
@import "./splitter/_index.scss";
|
|
123
123
|
@import "./tilelayout/_index.scss";
|
|
124
124
|
@import "./dock-manager/_index.scss";
|
|
125
|
+
@import "./chart-wizard/_index.scss";
|
|
125
126
|
|
|
126
127
|
|
|
127
128
|
// Data management
|
|
@@ -295,6 +296,7 @@
|
|
|
295
296
|
@include kendo-splitter--styles();
|
|
296
297
|
@include kendo-tile-layout--styles();
|
|
297
298
|
@include kendo-dock-manager--styles();
|
|
299
|
+
@include kendo-chart-wizard--styles();
|
|
298
300
|
|
|
299
301
|
|
|
300
302
|
// Data management
|
package/scss/map/_variables.scss
CHANGED
|
@@ -2,29 +2,69 @@
|
|
|
2
2
|
|
|
3
3
|
|
|
4
4
|
// Map
|
|
5
|
+
/// The border width of the Map.
|
|
6
|
+
/// @group map
|
|
5
7
|
$kendo-map-border-width: 0px !default;
|
|
6
8
|
|
|
9
|
+
/// The font size of the Map.
|
|
10
|
+
/// @group map
|
|
7
11
|
$kendo-map-font-size: var( --kendo-font-size, inherit ) !default;
|
|
12
|
+
/// The line height of the Map.
|
|
13
|
+
/// @group map
|
|
8
14
|
$kendo-map-line-height: var( --kendo-line-height, normal ) !default;
|
|
15
|
+
/// The font family of the Map.
|
|
16
|
+
/// @group map
|
|
9
17
|
$kendo-map-font-family: var( --kendo-font-family, inherit ) !default;
|
|
10
18
|
|
|
19
|
+
/// The background color of the Map.
|
|
20
|
+
/// @group map
|
|
11
21
|
$kendo-map-bg: $kendo-component-bg !default;
|
|
22
|
+
/// The text color of the Map.
|
|
23
|
+
/// @group map
|
|
12
24
|
$kendo-map-text: $kendo-component-text !default;
|
|
25
|
+
/// The border color of the Map.
|
|
26
|
+
/// @group map
|
|
13
27
|
$kendo-map-border: $kendo-component-border !default;
|
|
14
28
|
|
|
29
|
+
/// The margin of the Map navigator.
|
|
30
|
+
/// @group map
|
|
15
31
|
$kendo-map-navigator-margin: k-spacing(4) !default;
|
|
32
|
+
/// The padding of the Map navigator.
|
|
33
|
+
/// @group map
|
|
16
34
|
$kendo-map-navigator-padding: k-spacing(0.5) !default;
|
|
35
|
+
/// The width of the Map navigator.
|
|
36
|
+
/// @group map
|
|
17
37
|
$kendo-map-navigator-width: calc( calc( #{$kendo-icon-size} * 3 ) + calc( #{$kendo-map-navigator-padding} * 2 ) ) !default;
|
|
38
|
+
/// The height of the Map navigator.
|
|
39
|
+
/// @group map
|
|
18
40
|
$kendo-map-navigator-height: $kendo-map-navigator-width !default;
|
|
41
|
+
/// The border width of the Map navigator.
|
|
42
|
+
/// @group map
|
|
19
43
|
$kendo-map-navigator-border-width: 1px !default;
|
|
20
44
|
|
|
45
|
+
/// The margin of the Map zoom control.
|
|
46
|
+
/// @group map
|
|
21
47
|
$kendo-map-zoom-control-margin: k-spacing(4) !default;
|
|
48
|
+
/// The horizontal padding of the Map zoom control.
|
|
49
|
+
/// @group map
|
|
22
50
|
$kendo-map-zoom-control-button-padding-x: $kendo-button-padding-y !default;
|
|
51
|
+
/// The vertical padding of the Map zoom control.
|
|
52
|
+
/// @group map
|
|
23
53
|
$kendo-map-zoom-control-button-padding-y: $kendo-map-zoom-control-button-padding-x !default;
|
|
24
54
|
|
|
55
|
+
/// The horizontal padding of the Map attribution.
|
|
56
|
+
/// @group map
|
|
25
57
|
$kendo-map-attribution-padding-x: $kendo-padding-sm-x !default;
|
|
58
|
+
/// The vertical padding of the Map attribution.
|
|
59
|
+
/// @group map
|
|
26
60
|
$kendo-map-attribution-padding-y: $kendo-padding-sm-y !default;
|
|
61
|
+
/// The font size of the Map attribution.
|
|
62
|
+
/// @group map
|
|
27
63
|
$kendo-map-attribution-font-size: calc( #{$kendo-map-font-size} * .75) !default;
|
|
64
|
+
/// The background color of the Map attribution.
|
|
65
|
+
/// @group map
|
|
28
66
|
$kendo-map-attribution-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( app-surface ) 80%, transparent), rgba( $kendo-map-bg, .8 )) !default;
|
|
29
67
|
|
|
68
|
+
/// The fill color of the Map marker.
|
|
69
|
+
/// @group map
|
|
30
70
|
$kendo-map-marker-fill: $kendo-color-primary !default;
|
|
@@ -1,16 +1,43 @@
|
|
|
1
1
|
// Media player
|
|
2
|
+
|
|
3
|
+
/// The border width of the MediaPlayer.
|
|
4
|
+
/// @group mediaplayer
|
|
2
5
|
$kendo-media-player-border-width: 1px !default;
|
|
6
|
+
/// The font family of the MediaPlayer.
|
|
7
|
+
/// @group mediaplayer
|
|
3
8
|
$kendo-media-player-font-family: var( --kendo-font-family, inherit ) !default;
|
|
9
|
+
/// The font size of the MediaPlayer.
|
|
10
|
+
/// @group mediaplayer
|
|
4
11
|
$kendo-media-player-font-size: var( --kendo-font-size, inherit ) !default;
|
|
12
|
+
/// The line height of the MediaPlayer.
|
|
13
|
+
/// @group mediaplayer
|
|
5
14
|
$kendo-media-player-line-height: var( --kendo-line-height, normal ) !default;
|
|
6
15
|
|
|
16
|
+
/// The background color of the MediaPlayer.
|
|
17
|
+
/// @group mediaplayer
|
|
7
18
|
$kendo-media-player-bg: $kendo-component-bg !default;
|
|
19
|
+
/// The text color of the MediaPlayer.
|
|
20
|
+
/// @group mediaplayer
|
|
8
21
|
$kendo-media-player-text: $kendo-component-text !default;
|
|
22
|
+
/// The border color of the MediaPlayer.
|
|
23
|
+
/// @group mediaplayer
|
|
9
24
|
$kendo-media-player-border: $kendo-component-border !default;
|
|
10
25
|
|
|
26
|
+
/// The horizontal padding of the MediaPlayer title.
|
|
27
|
+
/// @group mediaplayer
|
|
11
28
|
$kendo-media-player-titlebar-padding-x: k-spacing(2) !default;
|
|
29
|
+
/// The vertical padding of the MediaPlayer title.
|
|
30
|
+
/// @group mediaplayer
|
|
12
31
|
$kendo-media-player-titlebar-padding-y: k-spacing(2) !default;
|
|
32
|
+
/// The background color of the MediaPlayer title.
|
|
33
|
+
/// @group mediaplayer
|
|
13
34
|
$kendo-media-player-titlebar-bg: null !default;
|
|
35
|
+
/// The text color of the MediaPlayer title.
|
|
36
|
+
/// @group mediaplayer
|
|
14
37
|
$kendo-media-player-titlebar-text: $kendo-media-player-bg !default;
|
|
38
|
+
/// The border color of the MediaPlayer title.
|
|
39
|
+
/// @group mediaplayer
|
|
15
40
|
$kendo-media-player-titlebar-border: null !default;
|
|
41
|
+
/// The gradient of the MediaPlayer title.
|
|
42
|
+
/// @group mediaplayer
|
|
16
43
|
$kendo-media-player-titlebar-gradient: if($kendo-enable-color-system, ( color-mix(in srgb, k-color( on-app-surface ) 70%, transparent), color-mix(in srgb, k-color( on-app-surface ) 0%, transparent) ), ( rgba( $kendo-media-player-text, .7 ), rgba( $kendo-media-player-text, 0 ) )) !default;
|