@progress/kendo-theme-classic 7.1.0-dev.8 → 7.1.0-dev.9
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 +50 -18
- package/dist/all.scss +1562 -632
- package/dist/meta/sassdoc-data.json +1792 -662
- package/dist/meta/sassdoc-raw-data.json +850 -327
- package/dist/meta/variables.json +398 -338
- package/lib/swatches/classic-green-dark.json +1 -1
- package/lib/swatches/classic-green.json +1 -1
- package/lib/swatches/classic-lavender-dark.json +1 -1
- package/lib/swatches/classic-lavender.json +1 -1
- package/lib/swatches/classic-main-dark.json +1 -1
- package/lib/swatches/classic-main.json +1 -1
- package/lib/swatches/classic-metro-dark.json +1 -1
- package/lib/swatches/classic-metro.json +1 -1
- package/lib/swatches/classic-moonlight.json +1 -1
- package/lib/swatches/classic-opal-dark.json +1 -1
- package/lib/swatches/classic-opal.json +1 -1
- package/lib/swatches/classic-silver-dark.json +1 -1
- package/lib/swatches/classic-silver.json +1 -1
- package/lib/swatches/classic-uniform.json +1 -1
- package/package.json +5 -5
- package/scss/_variables.scss +0 -197
- package/scss/adaptive/_variables.scss +1 -1
- package/scss/appbar/_variables.scss +2 -2
- package/scss/button/_variables.scss +7 -7
- package/scss/chat/_variables.scss +1 -1
- package/scss/checkbox/_variables.scss +2 -2
- package/scss/chip/_variables.scss +3 -3
- package/scss/core/_index.scss +6 -0
- package/scss/core/color-system/_palettes.scss +277 -0
- package/scss/core/color-system/_swatch-legacy.scss +62 -0
- package/scss/core/color-system/_swatch.scss +397 -0
- package/scss/dataviz/_variables.scss +42 -42
- package/scss/dock-manager/_variables.scss +1 -1
- package/scss/dropzone/_variables.scss +1 -1
- package/scss/editor/_variables.scss +1 -1
- package/scss/expansion-panel/_variables.scss +1 -2
- package/scss/filemanager/_variables.scss +2 -2
- package/scss/forms/_variables.scss +1 -1
- package/scss/gantt/_variables.scss +10 -10
- package/scss/grid/_variables.scss +11 -8
- package/scss/input/_variables.scss +6 -6
- package/scss/listview/_variables.scss +1 -1
- package/scss/map/_variables.scss +1 -1
- package/scss/mediaplayer/_variables.scss +1 -1
- package/scss/menu/_variables.scss +1 -1
- package/scss/notification/_variables.scss +1 -1
- package/scss/panelbar/_variables.scss +3 -4
- package/scss/pivotgrid/_variables.scss +5 -5
- package/scss/progressbar/_variables.scss +3 -3
- package/scss/scheduler/_variables.scss +3 -3
- package/scss/scrollview/_variables.scss +1 -1
- package/scss/signature/_variables.scss +1 -1
- package/scss/skeleton/_variables.scss +1 -1
- package/scss/slider/_variables.scss +8 -8
- package/scss/splitter/_variables.scss +1 -1
- package/scss/spreadsheet/_variables.scss +4 -4
- package/scss/stepper/_variables.scss +7 -7
- package/scss/switch/_variables.scss +7 -7
- package/scss/table/_variables.scss +3 -3
- package/scss/taskboard/_variables.scss +4 -3
- package/scss/timeline/_variables.scss +4 -4
- package/scss/tooltip/_variables.scss +4 -4
- package/scss/core/color-system/index.import.scss +0 -1
|
@@ -0,0 +1,277 @@
|
|
|
1
|
+
$_default-palette-ash-gray: (
|
|
2
|
+
white: #ffffff,
|
|
3
|
+
1: #fafafa,
|
|
4
|
+
2: #f0f0f0,
|
|
5
|
+
3: #ebebeb,
|
|
6
|
+
4: #dddddd,
|
|
7
|
+
5: #d6d6d6,
|
|
8
|
+
6: #cacaca,
|
|
9
|
+
7: #b6b6b6,
|
|
10
|
+
8: #a3a3a3,
|
|
11
|
+
9: #8f8f8f,
|
|
12
|
+
10: #7a7a7a,
|
|
13
|
+
11: #666666,
|
|
14
|
+
12: #525252,
|
|
15
|
+
13: #404040,
|
|
16
|
+
14: #333333,
|
|
17
|
+
15: #272727,
|
|
18
|
+
black: #000000,
|
|
19
|
+
);
|
|
20
|
+
|
|
21
|
+
$_default-palette-tangerine-orange: (
|
|
22
|
+
1: #fff2eb,
|
|
23
|
+
2: #ffe5d6,
|
|
24
|
+
3: #ffd8c2,
|
|
25
|
+
4: #ffcbad,
|
|
26
|
+
5: #ffbe99,
|
|
27
|
+
6: #ffa570,
|
|
28
|
+
7: #ff8b47,
|
|
29
|
+
8: #ff711f,
|
|
30
|
+
9: #f35800,
|
|
31
|
+
10: #e05100,
|
|
32
|
+
11: #cc4a00,
|
|
33
|
+
12: #b94300,
|
|
34
|
+
13: #a53c00,
|
|
35
|
+
14: #7a2d00,
|
|
36
|
+
15: #3d1600,
|
|
37
|
+
);
|
|
38
|
+
|
|
39
|
+
$_default-palette-dodger-blue: (
|
|
40
|
+
1: #ebf8ff,
|
|
41
|
+
2: #d7f2ff,
|
|
42
|
+
3: #b8e8fe,
|
|
43
|
+
4: #9cdffe,
|
|
44
|
+
5: #72d1fe,
|
|
45
|
+
6: #49c4fd,
|
|
46
|
+
7: #2cbbfd,
|
|
47
|
+
8: #0db1fd,
|
|
48
|
+
9: #03a9f4,
|
|
49
|
+
10: #039be0,
|
|
50
|
+
11: #038ecd,
|
|
51
|
+
12: #0280b9,
|
|
52
|
+
13: #0273a6,
|
|
53
|
+
14: #014c6f,
|
|
54
|
+
15: #01364e,
|
|
55
|
+
);
|
|
56
|
+
|
|
57
|
+
$_default-palette-grass-green: (
|
|
58
|
+
1: #f1f8f2,
|
|
59
|
+
2: #e3f2e6,
|
|
60
|
+
3: #d8eddc,
|
|
61
|
+
4: #bbdfc1,
|
|
62
|
+
5: #9ed1a6,
|
|
63
|
+
6: #82c48c,
|
|
64
|
+
7: #6ebb7a,
|
|
65
|
+
8: #4db25c,
|
|
66
|
+
9: #3ea44e,
|
|
67
|
+
10: #399748,
|
|
68
|
+
11: #348a42,
|
|
69
|
+
12: #2f7d3b,
|
|
70
|
+
13: #2a7035,
|
|
71
|
+
14: #1f5126,
|
|
72
|
+
15: #16391b,
|
|
73
|
+
);
|
|
74
|
+
|
|
75
|
+
$_default-palette-lake-blue: (
|
|
76
|
+
1: #eef6fb,
|
|
77
|
+
2: #deeef7,
|
|
78
|
+
3: #cce5f3,
|
|
79
|
+
4: #a6d1ea,
|
|
80
|
+
5: #8bc3e4,
|
|
81
|
+
6: #6ab2dc,
|
|
82
|
+
7: #409cd2,
|
|
83
|
+
8: #208ccb,
|
|
84
|
+
9: #007bc3,
|
|
85
|
+
10: #0071b3,
|
|
86
|
+
11: #0067a4,
|
|
87
|
+
12: #005d94,
|
|
88
|
+
13: #005485,
|
|
89
|
+
14: #004166,
|
|
90
|
+
15: #002b44,
|
|
91
|
+
);
|
|
92
|
+
|
|
93
|
+
$_default-palette-honey-yellow: (
|
|
94
|
+
1: #fff7eb,
|
|
95
|
+
2: #ffefd6,
|
|
96
|
+
3: #ffe7c2,
|
|
97
|
+
4: #ffdead,
|
|
98
|
+
5: #ffd699,
|
|
99
|
+
6: #ffc670,
|
|
100
|
+
7: #ffb240,
|
|
101
|
+
8: #ffa41f,
|
|
102
|
+
9: #ff9800,
|
|
103
|
+
10: #eb8c00,
|
|
104
|
+
11: #d68000,
|
|
105
|
+
12: #c27400,
|
|
106
|
+
13: #ad6700,
|
|
107
|
+
14: #854f00,
|
|
108
|
+
15: #593500,
|
|
109
|
+
);
|
|
110
|
+
|
|
111
|
+
$_default-palette-brick-red: (
|
|
112
|
+
1: #fcf0ed,
|
|
113
|
+
2: #f9e1dc,
|
|
114
|
+
3: #f7d4cc,
|
|
115
|
+
4: #f4c3b8,
|
|
116
|
+
5: #f2b4a6,
|
|
117
|
+
6: #ec8e79,
|
|
118
|
+
7: #e35e40,
|
|
119
|
+
8: #de4320,
|
|
120
|
+
9: #d92800,
|
|
121
|
+
10: #c82500,
|
|
122
|
+
11: #b62200,
|
|
123
|
+
12: #a51e00,
|
|
124
|
+
13: #941b00,
|
|
125
|
+
14: #701500,
|
|
126
|
+
15: #4c0e00,
|
|
127
|
+
);
|
|
128
|
+
|
|
129
|
+
$_default-palette-coral: (
|
|
130
|
+
1: #fff6f5,
|
|
131
|
+
2: #ffeceb,
|
|
132
|
+
3: #ffdedb,
|
|
133
|
+
4: #ffc8c4,
|
|
134
|
+
5: #ffb1ac,
|
|
135
|
+
6: #ff9d97,
|
|
136
|
+
7: #ff8a82,
|
|
137
|
+
8: #ff766d,
|
|
138
|
+
9: #ff6358,
|
|
139
|
+
10: #ea5a51,
|
|
140
|
+
11: #d45349,
|
|
141
|
+
12: #bf4a42,
|
|
142
|
+
13: #a33f38,
|
|
143
|
+
14: #80322c,
|
|
144
|
+
15: #5c201c,
|
|
145
|
+
);
|
|
146
|
+
|
|
147
|
+
$_default-palette-pineapple-yellow: (
|
|
148
|
+
1: #fffaeb,
|
|
149
|
+
2: #fff7db,
|
|
150
|
+
3: #fff3cc,
|
|
151
|
+
4: #ffeeb8,
|
|
152
|
+
5: #ffe9a2,
|
|
153
|
+
6: #ffe38b,
|
|
154
|
+
7: #ffdd74,
|
|
155
|
+
8: #ffd85d,
|
|
156
|
+
9: #ffd246,
|
|
157
|
+
10: #eac040,
|
|
158
|
+
11: #d4af3b,
|
|
159
|
+
12: #bf9d35,
|
|
160
|
+
13: #a0832c,
|
|
161
|
+
14: #806923,
|
|
162
|
+
15: #403412,
|
|
163
|
+
);
|
|
164
|
+
|
|
165
|
+
$_default-palette-apple-green: (
|
|
166
|
+
1: #f3fbee,
|
|
167
|
+
2: #e9f8de,
|
|
168
|
+
3: #def4ce,
|
|
169
|
+
4: #d2f0bd,
|
|
170
|
+
5: #bbe99b,
|
|
171
|
+
6: #aae382,
|
|
172
|
+
7: #9add69,
|
|
173
|
+
8: #89d750,
|
|
174
|
+
9: #78d237,
|
|
175
|
+
10: #6ec032,
|
|
176
|
+
11: #64AF2E,
|
|
177
|
+
12: #5a9d29,
|
|
178
|
+
13: #4a8221,
|
|
179
|
+
14: #3c691c,
|
|
180
|
+
15: #1c300d,
|
|
181
|
+
);
|
|
182
|
+
|
|
183
|
+
$_default-palette-pacific-blue: (
|
|
184
|
+
1: #ebf8fa,
|
|
185
|
+
2: #d6f1f5,
|
|
186
|
+
3: #c2e9ef,
|
|
187
|
+
4: #aee2ea,
|
|
188
|
+
5: #93d9e3,
|
|
189
|
+
6: #75d0db,
|
|
190
|
+
7: #5ec7d6,
|
|
191
|
+
8: #43becf,
|
|
192
|
+
9: #28b4c8,
|
|
193
|
+
10: #24a6b7,
|
|
194
|
+
11: #2197a6,
|
|
195
|
+
12: #1e8796,
|
|
196
|
+
13: #197480,
|
|
197
|
+
14: #145a64,
|
|
198
|
+
15: #0a2e33,
|
|
199
|
+
);
|
|
200
|
+
|
|
201
|
+
$_default-palette-bright-blue: (
|
|
202
|
+
1: #ecf2fe,
|
|
203
|
+
2: #d8e5fd,
|
|
204
|
+
3: #c5d8fc,
|
|
205
|
+
4: #b1cbfb,
|
|
206
|
+
5: #96b9fa,
|
|
207
|
+
6: #7ba7f9,
|
|
208
|
+
7: #6296f7,
|
|
209
|
+
8: #4684f6,
|
|
210
|
+
9: #2d73f5,
|
|
211
|
+
10: #2969e1,
|
|
212
|
+
11: #2660cc,
|
|
213
|
+
12: #2256b8,
|
|
214
|
+
13: #1d499a,
|
|
215
|
+
14: #173a7b,
|
|
216
|
+
15: #0c1e40,
|
|
217
|
+
);
|
|
218
|
+
|
|
219
|
+
$_default-palette-orchid-purple: (
|
|
220
|
+
1: #f8f0fa,
|
|
221
|
+
2: #f1e1f5,
|
|
222
|
+
3: #e7caed,
|
|
223
|
+
4: #ddb3e5,
|
|
224
|
+
5: #d5a2df,
|
|
225
|
+
6: #c98ad6,
|
|
226
|
+
7: #bf74ce,
|
|
227
|
+
8: #b45dc6,
|
|
228
|
+
9: #9d40b0,
|
|
229
|
+
10: #9c40ae,
|
|
230
|
+
11: #8e3b9e,
|
|
231
|
+
12: #80358e,
|
|
232
|
+
13: #672b73,
|
|
233
|
+
14: #55235f,
|
|
234
|
+
15: #28112d,
|
|
235
|
+
);
|
|
236
|
+
|
|
237
|
+
|
|
238
|
+
// stylelint-disable scss/no-global-function-names
|
|
239
|
+
$kendo-palette-ash-gray: $_default-palette-ash-gray !default;
|
|
240
|
+
$kendo-palette-ash-gray: map-merge($_default-palette-ash-gray, $kendo-palette-ash-gray);
|
|
241
|
+
|
|
242
|
+
$kendo-palette-tangerine-orange: $_default-palette-tangerine-orange !default;
|
|
243
|
+
$kendo-palette-tangerine-orange: map-merge($_default-palette-tangerine-orange, $kendo-palette-tangerine-orange);
|
|
244
|
+
|
|
245
|
+
$kendo-palette-dodger-blue: $_default-palette-dodger-blue !default;
|
|
246
|
+
$kendo-palette-dodger-blue: map-merge($_default-palette-dodger-blue, $kendo-palette-dodger-blue);
|
|
247
|
+
|
|
248
|
+
$kendo-palette-grass-green: $_default-palette-grass-green !default;
|
|
249
|
+
$kendo-palette-grass-green: map-merge($_default-palette-grass-green, $kendo-palette-grass-green);
|
|
250
|
+
|
|
251
|
+
$kendo-palette-lake-blue: $_default-palette-lake-blue !default;
|
|
252
|
+
$kendo-palette-lake-blue: map-merge($_default-palette-lake-blue, $kendo-palette-lake-blue);
|
|
253
|
+
|
|
254
|
+
$kendo-palette-honey-yellow: $_default-palette-honey-yellow !default;
|
|
255
|
+
$kendo-palette-honey-yellow: map-merge($_default-palette-honey-yellow, $kendo-palette-honey-yellow);
|
|
256
|
+
|
|
257
|
+
$kendo-palette-brick-red: $_default-palette-brick-red !default;
|
|
258
|
+
$kendo-palette-brick-red: map-merge($_default-palette-brick-red, $kendo-palette-brick-red);
|
|
259
|
+
|
|
260
|
+
$kendo-palette-coral: $_default-palette-coral !default;
|
|
261
|
+
$kendo-palette-coral: map-merge($_default-palette-coral, $kendo-palette-coral);
|
|
262
|
+
|
|
263
|
+
$kendo-palette-pineapple-yellow: $_default-palette-pineapple-yellow !default;
|
|
264
|
+
$kendo-palette-pineapple-yellow: map-merge($_default-palette-pineapple-yellow, $kendo-palette-pineapple-yellow);
|
|
265
|
+
|
|
266
|
+
$kendo-palette-apple-green: $_default-palette-apple-green !default;
|
|
267
|
+
$kendo-palette-apple-green: map-merge($_default-palette-apple-green, $kendo-palette-apple-green);
|
|
268
|
+
|
|
269
|
+
$kendo-palette-pacific-blue: $_default-palette-pacific-blue !default;
|
|
270
|
+
$kendo-palette-pacific-blue: map-merge($_default-palette-pacific-blue, $kendo-palette-pacific-blue);
|
|
271
|
+
|
|
272
|
+
$kendo-palette-bright-blue: $_default-palette-bright-blue !default;
|
|
273
|
+
$kendo-palette-bright-blue: map-merge($_default-palette-bright-blue, $kendo-palette-bright-blue);
|
|
274
|
+
|
|
275
|
+
$kendo-palette-orchid-purple: $_default-palette-orchid-purple !default;
|
|
276
|
+
$kendo-palette-orchid-purple: map-merge($_default-palette-orchid-purple, $kendo-palette-orchid-purple);
|
|
277
|
+
// stylelint-enable scss/no-global-function-names
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
@if ($kendo-enable-color-system) {
|
|
2
|
+
$kendo-color-primary: k-color( primary );
|
|
3
|
+
$kendo-color-primary-contrast: k-color( on-primary );
|
|
4
|
+
$kendo-color-secondary: k-color( secondary );
|
|
5
|
+
$kendo-color-tertiary: k-color( tertiary );
|
|
6
|
+
$kendo-color-info: k-color( info );
|
|
7
|
+
$kendo-color-success: k-color( success );
|
|
8
|
+
$kendo-color-warning: k-color( warning );
|
|
9
|
+
$kendo-color-error: k-color( error );
|
|
10
|
+
$kendo-color-dark: k-color( dark );
|
|
11
|
+
$kendo-color-light: k-color( light );
|
|
12
|
+
$kendo-color-inverse: $kendo-color-dark;
|
|
13
|
+
$kendo-body-bg: k-color( app-surface );
|
|
14
|
+
$kendo-body-text: k-color( on-app-surface );
|
|
15
|
+
$kendo-subtle-text: k-color( subtle );
|
|
16
|
+
$kendo-app-bg: $kendo-body-bg;
|
|
17
|
+
$kendo-app-text: $kendo-body-text;
|
|
18
|
+
$kendo-app-border: k-color( border );
|
|
19
|
+
$kendo-link-text: $kendo-color-primary;
|
|
20
|
+
$kendo-link-hover-text: k-color( primary-hover );
|
|
21
|
+
$kendo-component-bg: $kendo-body-bg;
|
|
22
|
+
$kendo-component-text: $kendo-body-text;
|
|
23
|
+
$kendo-component-border: $kendo-app-border;
|
|
24
|
+
$kendo-base-bg: k-color( surface );
|
|
25
|
+
$kendo-base-text: $kendo-body-text;
|
|
26
|
+
$kendo-base-border: $kendo-app-border;
|
|
27
|
+
$kendo-base-gradient: null;
|
|
28
|
+
$kendo-hover-bg: k-color( base-hover );
|
|
29
|
+
$kendo-hover-text: $kendo-base-text;
|
|
30
|
+
$kendo-hover-border: $kendo-base-border;
|
|
31
|
+
$kendo-hover-gradient: null;
|
|
32
|
+
$kendo-selected-bg: $kendo-color-primary;
|
|
33
|
+
$kendo-selected-text: $kendo-color-primary-contrast;
|
|
34
|
+
$kendo-selected-border: k-color( primary );
|
|
35
|
+
$kendo-selected-gradient: $kendo-base-gradient;
|
|
36
|
+
$kendo-selected-hover-bg: k-color( primary-hover );
|
|
37
|
+
$kendo-selected-hover-text: $kendo-selected-text;
|
|
38
|
+
$kendo-selected-hover-border: k-color( primary-hover );
|
|
39
|
+
$kendo-selected-hover-gradient: $kendo-base-gradient;
|
|
40
|
+
$kendo-disabled-text: k-color( on-app-surface );
|
|
41
|
+
$kendo-component-header-bg: $kendo-base-bg;
|
|
42
|
+
$kendo-component-header-text: $kendo-base-text;
|
|
43
|
+
$kendo-component-header-border: $kendo-base-border;
|
|
44
|
+
$kendo-component-header-gradient: $kendo-base-gradient;
|
|
45
|
+
$kendo-invalid-bg: null;
|
|
46
|
+
$kendo-invalid-text: $kendo-color-error;
|
|
47
|
+
$kendo-invalid-border: $kendo-color-error;
|
|
48
|
+
$kendo-invalid-shadow: null;
|
|
49
|
+
|
|
50
|
+
$kendo-theme-colors: (
|
|
51
|
+
"primary": $kendo-color-primary,
|
|
52
|
+
"secondary": $kendo-color-secondary,
|
|
53
|
+
"tertiary": $kendo-color-tertiary,
|
|
54
|
+
"info": $kendo-color-info,
|
|
55
|
+
"success": $kendo-color-success,
|
|
56
|
+
"warning": $kendo-color-warning,
|
|
57
|
+
"error": $kendo-color-error,
|
|
58
|
+
"dark": $kendo-color-dark,
|
|
59
|
+
"light": $kendo-color-light,
|
|
60
|
+
"inverse": $kendo-color-inverse,
|
|
61
|
+
);
|
|
62
|
+
}
|