@progress/kendo-theme-material 8.0.2-dev.4 → 8.1.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.scss +433 -153
- package/dist/meta/sassdoc-data.json +8578 -3608
- package/dist/meta/sassdoc-raw-data.json +2322 -978
- package/dist/meta/variables.json +4743 -75
- package/lib/swatches/material-aqua-dark.json +1 -1
- package/lib/swatches/material-arctic.json +1 -1
- package/lib/swatches/material-burnt-teal.json +1 -1
- package/lib/swatches/material-dataviz-v4.json +1 -1
- package/lib/swatches/material-eggplant.json +1 -1
- package/lib/swatches/material-lime-dark.json +1 -1
- package/lib/swatches/material-lime.json +1 -1
- package/lib/swatches/material-main-dark.json +1 -1
- package/lib/swatches/material-main.json +1 -1
- package/lib/swatches/material-nova.json +1 -1
- package/lib/swatches/material-pacific-dark.json +1 -1
- package/lib/swatches/material-pacific.json +1 -1
- package/lib/swatches/material-sky-dark.json +1 -1
- package/lib/swatches/material-sky.json +1 -1
- package/lib/swatches/material-smoke.json +1 -1
- package/package.json +5 -5
- package/scss/coloreditor/_variables.scss +24 -24
- package/scss/colorgradient/_variables.scss +43 -43
- package/scss/colorpalette/_variables.scss +8 -8
- package/scss/core/border-radii/index.import.scss +5 -1
- package/scss/core/color-system/_palettes.scss +28 -0
- package/scss/core/color-system/_swatch.scss +248 -0
- package/scss/core/elevation/index.import.scss +10 -10
- package/scss/filemanager/_variables.scss +57 -57
- package/scss/tilelayout/_variables.scss +10 -10
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-material",
|
|
3
3
|
"description": "Material theme for Kendo UI",
|
|
4
|
-
"version": "8.0
|
|
4
|
+
"version": "8.1.0-dev.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -54,13 +54,13 @@
|
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@progress/kendo-svg-icons": "3.0.0",
|
|
57
|
-
"@progress/kendo-theme-core": "8.0
|
|
58
|
-
"@progress/kendo-theme-default": "8.0
|
|
59
|
-
"@progress/kendo-theme-utils": "8.0
|
|
57
|
+
"@progress/kendo-theme-core": "8.1.0-dev.0",
|
|
58
|
+
"@progress/kendo-theme-default": "8.1.0-dev.0",
|
|
59
|
+
"@progress/kendo-theme-utils": "8.1.0-dev.0"
|
|
60
60
|
},
|
|
61
61
|
"directories": {
|
|
62
62
|
"doc": "docs",
|
|
63
63
|
"lib": "lib"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "01a2703fa5fcec5b7ae58bd890d66f055cb105c0"
|
|
66
66
|
}
|
|
@@ -1,80 +1,80 @@
|
|
|
1
1
|
// ColorEditor/FlatColorPicker
|
|
2
2
|
|
|
3
3
|
/// The spacer of the ColorEditor.
|
|
4
|
-
/// @group
|
|
4
|
+
/// @group color-editor
|
|
5
5
|
$kendo-color-editor-spacer: k-spacing(3) !default;
|
|
6
6
|
|
|
7
7
|
/// The minimum width of the ColorEditor.
|
|
8
|
-
/// @group
|
|
8
|
+
/// @group color-editor
|
|
9
9
|
$kendo-color-editor-min-width: 294px !default;
|
|
10
10
|
/// The width of the border around the ColorEditor.
|
|
11
|
-
/// @group
|
|
11
|
+
/// @group color-editor
|
|
12
12
|
$kendo-color-editor-border-width: 1px !default;
|
|
13
13
|
/// The border radius of the ColorEditor.
|
|
14
|
-
/// @group
|
|
14
|
+
/// @group color-editor
|
|
15
15
|
$kendo-color-editor-border-radius: k-border-radius(md) !default;
|
|
16
16
|
/// The font family of the ColorEditor.
|
|
17
|
-
/// @group
|
|
17
|
+
/// @group color-editor
|
|
18
18
|
$kendo-color-editor-font-family: var( --kendo-font-family, inherit ) !default;
|
|
19
19
|
/// The font size of the ColorEditor.
|
|
20
|
-
/// @group
|
|
20
|
+
/// @group color-editor
|
|
21
21
|
$kendo-color-editor-font-size: var( --kendo-font-size, inherit ) !default;
|
|
22
22
|
/// The line height of the ColorEditor.
|
|
23
|
-
/// @group
|
|
23
|
+
/// @group color-editor
|
|
24
24
|
$kendo-color-editor-line-height: var( --kendo-line-height, normal ) !default;
|
|
25
25
|
/// The text color of the ColorEditor.
|
|
26
|
-
/// @group
|
|
26
|
+
/// @group color-editor
|
|
27
27
|
$kendo-color-editor-text: $kendo-component-text !default;
|
|
28
28
|
/// The background color of the ColorEditor.
|
|
29
|
-
/// @group
|
|
29
|
+
/// @group color-editor
|
|
30
30
|
$kendo-color-editor-bg: $kendo-component-bg !default;
|
|
31
31
|
/// The border color of the ColorEditor.
|
|
32
|
-
/// @group
|
|
32
|
+
/// @group color-editor
|
|
33
33
|
$kendo-color-editor-border: $kendo-component-border !default;
|
|
34
34
|
|
|
35
35
|
/// The border color of the focused ColorEditor.
|
|
36
|
-
/// @group
|
|
36
|
+
/// @group color-editor
|
|
37
37
|
$kendo-color-editor-focus-border: $kendo-hover-border !default;
|
|
38
38
|
/// The box shadow of the focused ColorEditor.
|
|
39
|
-
/// @group
|
|
39
|
+
/// @group color-editor
|
|
40
40
|
$kendo-color-editor-focus-shadow: $box-shadow-depth-3 !default;
|
|
41
41
|
|
|
42
42
|
/// The vertical padding of the ColorEditor header.
|
|
43
|
-
/// @group
|
|
43
|
+
/// @group color-editor
|
|
44
44
|
$kendo-color-editor-header-padding-y: $kendo-color-editor-spacer !default;
|
|
45
45
|
/// The horizontal padding of the ColorEditor header.
|
|
46
|
-
/// @group
|
|
46
|
+
/// @group color-editor
|
|
47
47
|
$kendo-color-editor-header-padding-x: $kendo-color-editor-header-padding-y !default;
|
|
48
48
|
/// The spacing between the ColorEditor header actions.
|
|
49
|
-
/// @group
|
|
49
|
+
/// @group color-editor
|
|
50
50
|
$kendo-color-editor-header-actions-gap: k-spacing(2) !default;
|
|
51
51
|
|
|
52
52
|
/// The width of the ColorEditor preview.
|
|
53
|
-
/// @group
|
|
53
|
+
/// @group color-editor
|
|
54
54
|
$kendo-color-editor-color-preview-width: 32px !default;
|
|
55
55
|
/// The height of the ColorEditor preview.
|
|
56
|
-
/// @group
|
|
56
|
+
/// @group color-editor
|
|
57
57
|
$kendo-color-editor-color-preview-height: 12px !default;
|
|
58
58
|
/// The spacing between the colors in the ColorEditor preview.
|
|
59
|
-
/// @group
|
|
59
|
+
/// @group color-editor
|
|
60
60
|
$kendo-color-editor-preview-gap: k-spacing(1) !default;
|
|
61
61
|
|
|
62
62
|
/// The vertical padding of the ColorEditor views container.
|
|
63
|
-
/// @group
|
|
63
|
+
/// @group color-editor
|
|
64
64
|
$kendo-color-editor-views-padding-y: $kendo-color-editor-spacer !default;
|
|
65
65
|
/// The horizontal padding of the ColorEditor views container.
|
|
66
|
-
/// @group
|
|
66
|
+
/// @group color-editor
|
|
67
67
|
$kendo-color-editor-views-padding-x: $kendo-color-editor-views-padding-y !default;
|
|
68
68
|
/// The spacing of the ColorEditor views container.
|
|
69
|
-
/// @group
|
|
69
|
+
/// @group color-editor
|
|
70
70
|
$kendo-color-editor-views-gap: $kendo-color-editor-spacer !default;
|
|
71
71
|
|
|
72
72
|
/// The outline color of the focused ColorGradient.
|
|
73
|
-
/// @group
|
|
73
|
+
/// @group color-editor
|
|
74
74
|
$kendo-color-editor-color-gradient-focus-outline-color: rgba(0, 0, 0, .3) !default;
|
|
75
75
|
/// The outline width of the focused ColorGradient.
|
|
76
|
-
/// @group
|
|
76
|
+
/// @group color-editor
|
|
77
77
|
$kendo-color-editor-color-gradient-focus-outline: 2px !default;
|
|
78
78
|
/// The outline offset of the focused ColorGradient.
|
|
79
|
-
/// @group
|
|
79
|
+
/// @group color-editor
|
|
80
80
|
$kendo-color-editor-color-gradient-focus-outline-offset: 2px !default;
|
|
@@ -3,140 +3,140 @@
|
|
|
3
3
|
// ColorGradient
|
|
4
4
|
|
|
5
5
|
/// The spacer of the ColorGradient.
|
|
6
|
-
/// @group
|
|
6
|
+
/// @group color-gradient
|
|
7
7
|
$kendo-color-gradient-spacer: k-spacing(3) !default;
|
|
8
8
|
|
|
9
9
|
/// The width of the ColorGradient.
|
|
10
|
-
/// @group
|
|
10
|
+
/// @group color-gradient
|
|
11
11
|
$kendo-color-gradient-width: 294px !default;
|
|
12
12
|
/// The width of the border around the ColorGradient.
|
|
13
|
-
/// @group
|
|
13
|
+
/// @group color-gradient
|
|
14
14
|
$kendo-color-gradient-border-width: 1px !default;
|
|
15
15
|
/// The border radius of the ColorGradient.
|
|
16
|
-
/// @group
|
|
16
|
+
/// @group color-gradient
|
|
17
17
|
$kendo-color-gradient-border-radius: k-border-radius(md) !default;
|
|
18
18
|
/// The vertical padding of the ColorGradient.
|
|
19
|
-
/// @group
|
|
19
|
+
/// @group color-gradient
|
|
20
20
|
$kendo-color-gradient-padding-y: $kendo-color-gradient-spacer !default;
|
|
21
21
|
/// The horizontal padding of the ColorGradient.
|
|
22
|
-
/// @group
|
|
22
|
+
/// @group color-gradient
|
|
23
23
|
$kendo-color-gradient-padding-x: $kendo-color-gradient-padding-y !default;
|
|
24
24
|
/// The spacing between the sections of the ColorGradient.
|
|
25
|
-
/// @group
|
|
25
|
+
/// @group color-gradient
|
|
26
26
|
$kendo-color-gradient-gap: $kendo-color-gradient-spacer !default;
|
|
27
27
|
/// The font family of the ColorGradient.
|
|
28
|
-
/// @group
|
|
28
|
+
/// @group color-gradient
|
|
29
29
|
$kendo-color-gradient-font-family: var( --kendo-font-family, inherit ) !default;
|
|
30
30
|
/// The font size of the ColorGradient.
|
|
31
|
-
/// @group
|
|
31
|
+
/// @group color-gradient
|
|
32
32
|
$kendo-color-gradient-font-size: var( --kendo-font-size, inherit ) !default;
|
|
33
33
|
/// The line height of the ColorGradient.
|
|
34
|
-
/// @group
|
|
34
|
+
/// @group color-gradient
|
|
35
35
|
$kendo-color-gradient-line-height: var( --kendo-line-height, normal ) !default;
|
|
36
36
|
/// The text color of the ColorGradient.
|
|
37
|
-
/// @group
|
|
37
|
+
/// @group color-gradient
|
|
38
38
|
$kendo-color-gradient-text: $kendo-component-text !default;
|
|
39
39
|
/// The background color of the ColorGradient.
|
|
40
|
-
/// @group
|
|
40
|
+
/// @group color-gradient
|
|
41
41
|
$kendo-color-gradient-bg: $kendo-component-bg !default;
|
|
42
42
|
/// The border color of the ColorGradient.
|
|
43
|
-
/// @group
|
|
43
|
+
/// @group color-gradient
|
|
44
44
|
$kendo-color-gradient-border: $kendo-component-border !default;
|
|
45
45
|
|
|
46
46
|
/// The border color of the focused ColorGradient.
|
|
47
|
-
/// @group
|
|
47
|
+
/// @group color-gradient
|
|
48
48
|
$kendo-color-gradient-focus-border: $kendo-hover-border !default;
|
|
49
49
|
/// The box shadow of the focused ColorGradient.
|
|
50
|
-
/// @group
|
|
50
|
+
/// @group color-gradient
|
|
51
51
|
$kendo-color-gradient-focus-shadow: $box-shadow-depth-3 !default;
|
|
52
52
|
|
|
53
53
|
/// The border radius of the ColorGradient canvas.
|
|
54
|
-
/// @group
|
|
54
|
+
/// @group color-gradient
|
|
55
55
|
$kendo-color-gradient-canvas-border-radius: k-border-radius(md) !default;
|
|
56
56
|
/// The spacing between the items of the ColorGradient canvas.
|
|
57
|
-
/// @group
|
|
57
|
+
/// @group color-gradient
|
|
58
58
|
$kendo-color-gradient-canvas-gap: $kendo-color-gradient-spacer !default;
|
|
59
59
|
/// The height the ColorGradient canvas hsv rectangle.
|
|
60
|
-
/// @group
|
|
60
|
+
/// @group color-gradient
|
|
61
61
|
$kendo-color-gradient-canvas-rectangle-height: 180px !default;
|
|
62
62
|
|
|
63
63
|
/// The width of the ColorGradient slider.
|
|
64
|
-
/// @group
|
|
64
|
+
/// @group color-gradient
|
|
65
65
|
$kendo-color-gradient-slider-track-size: 10px !default;
|
|
66
66
|
/// The border radius of the ColorGradient slider.
|
|
67
|
-
/// @group
|
|
67
|
+
/// @group color-gradient
|
|
68
68
|
$kendo-color-gradient-slider-border-radius: 10px !default;
|
|
69
69
|
/// The width of the border around the ColorGradient slider drag handle.
|
|
70
|
-
/// @group
|
|
70
|
+
/// @group color-gradient
|
|
71
71
|
$kendo-color-gradient-slider-draghandle-border-width: 3px !default;
|
|
72
72
|
|
|
73
73
|
/// The height of the ColorGradient vertical slider.
|
|
74
|
-
/// @group
|
|
74
|
+
/// @group color-gradient
|
|
75
75
|
$kendo-color-gradient-slider-vertical-size: 180px !default;
|
|
76
76
|
/// The width of the ColorGradient horizontal slider.
|
|
77
|
-
/// @group
|
|
77
|
+
/// @group color-gradient
|
|
78
78
|
$kendo-color-gradient-slider-horizontal-size: 100% !default;
|
|
79
79
|
|
|
80
80
|
/// The width of the ColorGradient canvas drag handle.
|
|
81
|
-
/// @group
|
|
81
|
+
/// @group color-gradient
|
|
82
82
|
$kendo-color-gradient-draghandle-width: 14px !default;
|
|
83
83
|
/// The height of the ColorGradient canvas drag handle.
|
|
84
|
-
/// @group
|
|
84
|
+
/// @group color-gradient
|
|
85
85
|
$kendo-color-gradient-draghandle-height: 14px !default;
|
|
86
86
|
/// The width of the border around the ColorGradient canvas drag handle.
|
|
87
|
-
/// @group
|
|
87
|
+
/// @group color-gradient
|
|
88
88
|
$kendo-color-gradient-draghandle-border-width: 1px !default;
|
|
89
89
|
/// The width of the outline around the ColorGradient canvas drag handle.
|
|
90
|
-
/// @group
|
|
90
|
+
/// @group color-gradient
|
|
91
91
|
$kendo-color-gradient-draghandle-outline-width: 1px !default;
|
|
92
92
|
/// The border radius of the ColorGradient canvas drag handle.
|
|
93
|
-
/// @group
|
|
93
|
+
/// @group color-gradient
|
|
94
94
|
$kendo-color-gradient-draghandle-border-radius: 50% !default;
|
|
95
95
|
/// The text color of the ColorGradient canvas drag handle.
|
|
96
|
-
/// @group
|
|
96
|
+
/// @group color-gradient
|
|
97
97
|
$kendo-color-gradient-draghandle-text: null !default;
|
|
98
98
|
/// The background color of the ColorGradient canvas drag handle.
|
|
99
|
-
/// @group
|
|
99
|
+
/// @group color-gradient
|
|
100
100
|
$kendo-color-gradient-draghandle-bg: transparent !default;
|
|
101
101
|
/// The color of the border around the ColorGradient canvas drag handle.
|
|
102
|
-
/// @group
|
|
102
|
+
/// @group color-gradient
|
|
103
103
|
$kendo-color-gradient-draghandle-border: rgba( white, .8 ) !default;
|
|
104
104
|
/// The color of the outline around the ColorGradient canvas drag handle.
|
|
105
|
-
/// @group
|
|
105
|
+
/// @group color-gradient
|
|
106
106
|
$kendo-color-gradient-draghandle-shadow: rgba( $kendo-color-black, .5) !default;
|
|
107
107
|
/// The focus color of the outline around the ColorGradient canvas drag handle.
|
|
108
|
-
/// @group
|
|
108
|
+
/// @group color-gradient
|
|
109
109
|
$kendo-color-gradient-draghandle-focus-shadow: $kendo-color-black !default;
|
|
110
110
|
/// The outline color of the outline around the ColorGradient canvas drag handle.
|
|
111
|
-
/// @group
|
|
111
|
+
/// @group color-gradient
|
|
112
112
|
$kendo-color-gradient-draghandle-hover-shadow: $kendo-color-black !default;
|
|
113
113
|
/// The box shadow of the ColorGradient canvas drag handle.
|
|
114
|
-
/// @group
|
|
114
|
+
/// @group color-gradient
|
|
115
115
|
$kendo-color-gradient-draghandle-shadow: k-elevation(2) !default;
|
|
116
116
|
|
|
117
117
|
/// The vertical margin of the ColorGradient canvas drag handle.
|
|
118
|
-
/// @group
|
|
118
|
+
/// @group color-gradient
|
|
119
119
|
$kendo-color-gradient-canvas-draghandle-margin-y: - k-math-div( $kendo-color-gradient-draghandle-height, 2 ) !default;
|
|
120
120
|
/// The horizontal margin of the ColorGradient canvas drag handle.
|
|
121
|
-
/// @group
|
|
121
|
+
/// @group color-gradient
|
|
122
122
|
$kendo-color-gradient-canvas-draghandle-margin-x: - k-math-div( $kendo-color-gradient-draghandle-width, 2 ) !default;
|
|
123
123
|
|
|
124
124
|
/// The width of the ColorGradient input.
|
|
125
|
-
/// @group
|
|
125
|
+
/// @group color-gradient
|
|
126
126
|
$kendo-color-gradient-input-width: 50px !default;
|
|
127
127
|
/// The spacing between the ColorGradient inputs.
|
|
128
|
-
/// @group
|
|
128
|
+
/// @group color-gradient
|
|
129
129
|
$kendo-color-gradient-input-gap: k-spacing(2) !default;
|
|
130
130
|
/// The spacing between the ColorGradient inputs and their labels.
|
|
131
|
-
/// @group
|
|
131
|
+
/// @group color-gradient
|
|
132
132
|
$kendo-color-gradient-input-label-gap: k-spacing(1) !default;
|
|
133
133
|
/// The text color of the ColorGradient input labels.
|
|
134
|
-
/// @group
|
|
134
|
+
/// @group color-gradient
|
|
135
135
|
$kendo-color-gradient-input-label-text: $kendo-subtle-text !default;
|
|
136
136
|
|
|
137
137
|
/// The font weight of the ColorGradient contrast ratio text.
|
|
138
|
-
/// @group
|
|
138
|
+
/// @group color-gradient
|
|
139
139
|
$kendo-color-gradient-contrast-ratio-font-weight: var( --kendo-font-weight-medium, normal ) !default;
|
|
140
140
|
/// The spacing between the items in the ColorGradient contrast tool.
|
|
141
|
-
/// @group
|
|
141
|
+
/// @group color-gradient
|
|
142
142
|
$kendo-color-gradient-contrast-spacer: k-spacing(2) !default;
|
|
@@ -1,27 +1,27 @@
|
|
|
1
1
|
// ColorPalette
|
|
2
2
|
|
|
3
3
|
/// The font family of the ColorPalette.
|
|
4
|
-
/// @group
|
|
4
|
+
/// @group color-palette
|
|
5
5
|
$kendo-color-palette-font-family: var( --kendo-font-family, inherit ) !default;
|
|
6
6
|
/// The font size of the ColorPalette.
|
|
7
|
-
/// @group
|
|
7
|
+
/// @group color-palette
|
|
8
8
|
$kendo-color-palette-font-size: var( --kendo-font-size, inherit ) !default;
|
|
9
9
|
/// The line height of the ColorPalette.
|
|
10
|
-
/// @group
|
|
10
|
+
/// @group color-palette
|
|
11
11
|
$kendo-color-palette-line-height: 0 !default;
|
|
12
12
|
|
|
13
13
|
/// The width of the ColorPalette tile.
|
|
14
|
-
/// @group
|
|
14
|
+
/// @group color-palette
|
|
15
15
|
$kendo-color-palette-tile-width: k-spacing(6) !default;
|
|
16
16
|
/// The height of the ColorPalette tile.
|
|
17
|
-
/// @group
|
|
17
|
+
/// @group color-palette
|
|
18
18
|
$kendo-color-palette-tile-height: $kendo-color-palette-tile-width !default;
|
|
19
19
|
/// The shadow of the ColorPalette focused tile.
|
|
20
|
-
/// @group
|
|
20
|
+
/// @group color-palette
|
|
21
21
|
$kendo-color-palette-tile-focus-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .5 ) !default;
|
|
22
22
|
/// The shadow of the ColorPalette hovered tile.
|
|
23
|
-
/// @group
|
|
23
|
+
/// @group color-palette
|
|
24
24
|
$kendo-color-palette-tile-hover-shadow: 0 0 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, .8 ) !default;
|
|
25
25
|
/// The shadow of the ColorPalette selected tile.
|
|
26
|
-
/// @group
|
|
26
|
+
/// @group color-palette
|
|
27
27
|
$kendo-color-palette-tile-selected-shadow: 0 1px 3px 1px rgba( black, .3 ), inset 0 0 0 1px rgba( white, 1 ) !default;
|
|
@@ -22,6 +22,9 @@ $kendo-border-radius-xxl: k-map-get($kendo-spacing, 4) !default;
|
|
|
22
22
|
/// The second largest border radius used across the Components.
|
|
23
23
|
/// @group radii
|
|
24
24
|
$kendo-border-radius-xxxl: k-map-get($kendo-spacing, 5) !default;
|
|
25
|
+
/// The largest border radius used across the Components.
|
|
26
|
+
/// @group radii
|
|
27
|
+
$kendo-border-radius-full: 9999px !default;
|
|
25
28
|
|
|
26
29
|
/// The global radii Map.
|
|
27
30
|
/// @group radii
|
|
@@ -33,7 +36,8 @@ $kendo-border-radii: (
|
|
|
33
36
|
lg: $kendo-border-radius-lg,
|
|
34
37
|
xl: $kendo-border-radius-xl,
|
|
35
38
|
xxl: $kendo-border-radius-xxl,
|
|
36
|
-
xxxl: $kendo-border-radius-xxxl
|
|
39
|
+
xxxl: $kendo-border-radius-xxxl,
|
|
40
|
+
full: $kendo-border-radius-full
|
|
37
41
|
) !default;
|
|
38
42
|
|
|
39
43
|
@import "@progress/kendo-theme-core/scss/border-radii/index.import.scss";
|
|
@@ -253,45 +253,73 @@ $_default-palette-forest-green: (
|
|
|
253
253
|
);
|
|
254
254
|
|
|
255
255
|
// stylelint-disable scss/no-global-function-names
|
|
256
|
+
/// The Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups.
|
|
257
|
+
/// @group palette
|
|
256
258
|
$kendo-palette-gray: $_default-palette-gray !default;
|
|
257
259
|
$kendo-palette-gray: map-merge($_default-palette-gray, $kendo-palette-gray);
|
|
258
260
|
|
|
261
|
+
/// The Indigo Palette provides colors to the Primary variable group.
|
|
262
|
+
/// @group palette
|
|
259
263
|
$kendo-palette-indigo: $_default-palette-indigo !default;
|
|
260
264
|
$kendo-palette-indigo: map-merge($_default-palette-indigo, $kendo-palette-indigo);
|
|
261
265
|
|
|
266
|
+
/// The Pink Palette provides colors to the Secondary variable group.
|
|
267
|
+
/// @group palette
|
|
262
268
|
$kendo-palette-pink: $_default-palette-pink !default;
|
|
263
269
|
$kendo-palette-pink: map-merge($_default-palette-pink, $kendo-palette-pink);
|
|
264
270
|
|
|
271
|
+
/// The Dark Teal Palette provides colors to the Tertiary variable group.
|
|
272
|
+
/// @group palette
|
|
265
273
|
$kendo-palette-dark-teal: $_default-palette-dark-teal !default;
|
|
266
274
|
$kendo-palette-dark-teal: map-merge($_default-palette-dark-teal, $kendo-palette-dark-teal);
|
|
267
275
|
|
|
276
|
+
/// The Red Palette provides colors to the Error variable group.
|
|
277
|
+
/// @group palette
|
|
268
278
|
$kendo-palette-red: $_default-palette-red !default;
|
|
269
279
|
$kendo-palette-red: map-merge($_default-palette-red, $kendo-palette-red);
|
|
270
280
|
|
|
281
|
+
/// The Blue Palette provides colors to the Info variable group.
|
|
282
|
+
/// @group palette
|
|
271
283
|
$kendo-palette-blue: $_default-palette-blue !default;
|
|
272
284
|
$kendo-palette-blue: map-merge($_default-palette-blue, $kendo-palette-blue);
|
|
273
285
|
|
|
286
|
+
/// The Green Palette provides colors to the Success variable group.
|
|
287
|
+
/// @group palette
|
|
274
288
|
$kendo-palette-green: $_default-palette-green !default;
|
|
275
289
|
$kendo-palette-green: map-merge($_default-palette-green, $kendo-palette-green);
|
|
276
290
|
|
|
291
|
+
/// The Yellow Palette provides colors to the Warning variable group.
|
|
292
|
+
/// @group palette
|
|
277
293
|
$kendo-palette-yellow: $_default-palette-yellow !default;
|
|
278
294
|
$kendo-palette-yellow: map-merge($_default-palette-yellow, $kendo-palette-yellow);
|
|
279
295
|
|
|
296
|
+
/// The Deep Purple provides colors to the Series A variable group.
|
|
297
|
+
/// @group palette
|
|
280
298
|
$kendo-palette-deep-purple: $_default-palette-deep-purple !default;
|
|
281
299
|
$kendo-palette-deep-purple: map-merge($_default-palette-deep-purple, $kendo-palette-deep-purple);
|
|
282
300
|
|
|
301
|
+
/// The Baby Blue provides colors to the Series B variable group.
|
|
302
|
+
/// @group palette
|
|
283
303
|
$kendo-palette-baby-blue: $_default-palette-baby-blue !default;
|
|
284
304
|
$kendo-palette-baby-blue: map-merge($_default-palette-baby-blue, $kendo-palette-baby-blue);
|
|
285
305
|
|
|
306
|
+
/// The Teal provides colors to the Tertiary and Series C variable groups.
|
|
307
|
+
/// @group palette
|
|
286
308
|
$kendo-palette-teal: $_default-palette-teal !default;
|
|
287
309
|
$kendo-palette-teal: map-merge($_default-palette-teal, $kendo-palette-teal);
|
|
288
310
|
|
|
311
|
+
/// The Canary Yellow provides colors to the Series D variable group.
|
|
312
|
+
/// @group palette
|
|
289
313
|
$kendo-palette-canary-yellow: $_default-palette-canary-yellow !default;
|
|
290
314
|
$kendo-palette-canary-yellow: map-merge($_default-palette-canary-yellow, $kendo-palette-canary-yellow);
|
|
291
315
|
|
|
316
|
+
/// The Canary Red provides colors to the Series E variable group.
|
|
317
|
+
/// @group palette
|
|
292
318
|
$kendo-palette-candy-red: $_default-palette-candy-red !default;
|
|
293
319
|
$kendo-palette-candy-red: map-merge($_default-palette-candy-red, $kendo-palette-candy-red);
|
|
294
320
|
|
|
321
|
+
/// The Forest Green provides colors to the Series F variable group.
|
|
322
|
+
/// @group palette
|
|
295
323
|
$kendo-palette-forest-green: $_default-palette-forest-green !default;
|
|
296
324
|
$kendo-palette-forest-green: map-merge($_default-palette-forest-green, $kendo-palette-forest-green);
|
|
297
325
|
// stylelint-enable scss/no-global-function-names
|