@progress/kendo-theme-classic 8.0.2-dev.4 → 8.1.0-dev.1
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 +1435 -1413
- package/dist/classic-green-dark.css +1 -1
- package/dist/classic-green.css +1 -1
- package/dist/classic-lavender-dark.css +1 -1
- package/dist/classic-lavender.css +1 -1
- package/dist/classic-main-dark.css +1 -1
- package/dist/classic-main.css +1 -1
- package/dist/classic-metro-dark.css +1 -1
- package/dist/classic-metro.css +1 -1
- package/dist/classic-moonlight.css +1 -1
- package/dist/classic-opal-dark.css +1 -1
- package/dist/classic-opal.css +1 -1
- package/dist/classic-silver-dark.css +1 -1
- package/dist/classic-silver.css +1 -1
- package/dist/classic-uniform.css +1 -1
- package/dist/meta/sassdoc-data.json +9589 -3771
- package/dist/meta/sassdoc-raw-data.json +8908 -7164
- package/dist/meta/variables.json +3832 -93
- 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 +2 -16
- package/scss/action-buttons/_index.scss +0 -1
- package/scss/action-sheet/_index.scss +0 -1
- package/scss/appbar/_index.scss +0 -1
- package/scss/autocomplete/_index.scss +0 -1
- package/scss/avatar/_index.scss +0 -1
- package/scss/bottom-navigation/_index.scss +0 -1
- package/scss/breadcrumb/_index.scss +0 -1
- package/scss/calendar/_index.scss +0 -1
- package/scss/captcha/_index.scss +0 -1
- package/scss/card/_index.scss +0 -1
- package/scss/chat/_index.scss +0 -1
- package/scss/coloreditor/_index.scss +0 -1
- package/scss/coloreditor/_variables.scss +24 -24
- package/scss/colorgradient/_index.scss +0 -1
- package/scss/colorgradient/_variables.scss +43 -43
- package/scss/colorpalette/_index.scss +0 -1
- package/scss/colorpalette/_variables.scss +8 -8
- package/scss/combobox/_index.scss +0 -1
- package/scss/core/color-system/_palettes.scss +27 -1
- package/scss/core/color-system/_swatch-legacy.scss +13 -1
- package/scss/core/color-system/_swatch.scss +248 -3
- package/scss/dataviz/_index.scss +0 -1
- package/scss/daterangepicker/_index.scss +0 -1
- package/scss/dialog/_index.scss +0 -1
- package/scss/drawer/_index.scss +0 -1
- package/scss/dropdowngrid/_index.scss +0 -1
- package/scss/dropdownlist/_index.scss +0 -1
- package/scss/dropdowntree/_index.scss +0 -1
- package/scss/dropzone/_index.scss +0 -1
- package/scss/editor/_index.scss +0 -1
- package/scss/expansion-panel/_index.scss +0 -1
- package/scss/fab/_index.scss +0 -1
- package/scss/filemanager/_index.scss +0 -1
- package/scss/filemanager/_variables.scss +57 -57
- package/scss/filter/_index.scss +0 -1
- package/scss/floating-label/_index.scss +0 -1
- package/scss/forms/_index.scss +0 -1
- package/scss/gantt/_index.scss +1 -1
- package/scss/grid/_index.scss +0 -1
- package/scss/imageeditor/_index.scss +0 -1
- package/scss/index.scss +3 -1
- package/scss/input/_index.scss +0 -1
- package/scss/list/_index.scss +0 -1
- package/scss/listbox/_index.scss +0 -1
- package/scss/listgroup/_index.scss +0 -1
- package/scss/listview/_index.scss +0 -1
- package/scss/loader/_index.scss +0 -1
- package/scss/loader/_layout.scss +1 -0
- package/scss/loader/_variables.scss +3 -0
- package/scss/map/_index.scss +0 -1
- package/scss/maskedtextbox/_index.scss +0 -1
- package/scss/mediaplayer/_index.scss +0 -1
- package/scss/menu/_index.scss +0 -1
- package/scss/messagebox/_index.scss +0 -1
- package/scss/multiselect/_index.scss +0 -1
- package/scss/notification/_index.scss +0 -1
- package/scss/numerictextbox/_index.scss +0 -1
- package/scss/orgchart/_index.scss +0 -1
- package/scss/pager/_index.scss +0 -1
- package/scss/panel/_index.scss +36 -0
- package/scss/panel/_layout.scss +5 -0
- package/scss/panel/_theme.scss +5 -0
- package/scss/panel/_variables.scss +34 -0
- package/scss/panelbar/_index.scss +0 -1
- package/scss/pdf-viewer/_index.scss +0 -1
- package/scss/pivotgrid/_index.scss +0 -1
- package/scss/popover/_index.scss +0 -1
- package/scss/popup/_index.scss +0 -1
- package/scss/progressbar/_index.scss +0 -1
- package/scss/prompt/_index.scss +0 -4
- package/scss/rating/_index.scss +0 -1
- package/scss/responsivepanel/_index.scss +0 -1
- package/scss/ripple/_index.scss +0 -1
- package/scss/scheduler/_index.scss +1 -1
- package/scss/scroller/_index.scss +0 -1
- package/scss/scrollview/_index.scss +0 -1
- package/scss/slider/_index.scss +0 -1
- package/scss/splitter/_index.scss +0 -1
- package/scss/spreadsheet/_index.scss +0 -1
- package/scss/stepper/_index.scss +0 -1
- package/scss/stepper/_variables.scss +2 -2
- package/scss/switch/_index.scss +0 -1
- package/scss/table/_index.scss +0 -1
- package/scss/tabstrip/_index.scss +0 -1
- package/scss/taskboard/_index.scss +0 -1
- package/scss/textarea/_index.scss +0 -1
- package/scss/textbox/_index.scss +0 -1
- package/scss/tilelayout/_index.scss +0 -1
- package/scss/tilelayout/_variables.scss +10 -10
- package/scss/time-marker/_index.scss +32 -0
- package/scss/time-marker/_layout.scss +5 -0
- package/scss/time-marker/_theme.scss +6 -0
- package/scss/time-marker/_variables.scss +6 -0
- package/scss/timeline/_index.scss +0 -1
- package/scss/toolbar/_index.scss +0 -1
- package/scss/tooltip/_index.scss +0 -1
- package/scss/treelist/_index.scss +0 -1
- package/scss/treeview/_index.scss +0 -1
- package/scss/upload/_index.scss +0 -1
- package/scss/validator/_index.scss +0 -1
- package/scss/window/_index.scss +0 -1
- package/scss/wizard/_index.scss +0 -1
- package/scss/common/_animations.scss +0 -1
- package/scss/common/_base.scss +0 -1
- package/scss/common/_index.scss +0 -5
- package/scss/common/_indicators.scss +0 -1
- package/scss/common/_resizing.scss +0 -1
- package/scss/common/_scrollbar.scss +0 -1
|
@@ -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;
|
|
@@ -236,42 +236,68 @@ $_default-palette-orchid-purple: (
|
|
|
236
236
|
|
|
237
237
|
|
|
238
238
|
// stylelint-disable scss/no-global-function-names
|
|
239
|
+
/// The Ash Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups.
|
|
240
|
+
/// @group palette
|
|
239
241
|
$kendo-palette-ash-gray: $_default-palette-ash-gray !default;
|
|
240
242
|
$kendo-palette-ash-gray: map-merge($_default-palette-ash-gray, $kendo-palette-ash-gray);
|
|
241
243
|
|
|
244
|
+
/// The Tangerine Orange Palette provides colors to the Primary variable group.
|
|
245
|
+
/// @group palette
|
|
242
246
|
$kendo-palette-tangerine-orange: $_default-palette-tangerine-orange !default;
|
|
243
247
|
$kendo-palette-tangerine-orange: map-merge($_default-palette-tangerine-orange, $kendo-palette-tangerine-orange);
|
|
244
248
|
|
|
249
|
+
/// The Dodger Blue Palette provides colors to the Tertiary variable group.
|
|
250
|
+
/// @group palette
|
|
245
251
|
$kendo-palette-dodger-blue: $_default-palette-dodger-blue !default;
|
|
246
252
|
$kendo-palette-dodger-blue: map-merge($_default-palette-dodger-blue, $kendo-palette-dodger-blue);
|
|
247
253
|
|
|
254
|
+
/// The Grass Green Palette provides colors to the Success variable group.
|
|
255
|
+
/// @group palette
|
|
248
256
|
$kendo-palette-grass-green: $_default-palette-grass-green !default;
|
|
249
257
|
$kendo-palette-grass-green: map-merge($_default-palette-grass-green, $kendo-palette-grass-green);
|
|
250
258
|
|
|
259
|
+
/// The Lake Blue Palette provides colors to the Info variable group.
|
|
260
|
+
/// @group palette
|
|
251
261
|
$kendo-palette-lake-blue: $_default-palette-lake-blue !default;
|
|
252
262
|
$kendo-palette-lake-blue: map-merge($_default-palette-lake-blue, $kendo-palette-lake-blue);
|
|
253
263
|
|
|
264
|
+
/// The Honey Yellow Palette provides colors to the Warning variable group.
|
|
265
|
+
/// @group palette
|
|
254
266
|
$kendo-palette-honey-yellow: $_default-palette-honey-yellow !default;
|
|
255
267
|
$kendo-palette-honey-yellow: map-merge($_default-palette-honey-yellow, $kendo-palette-honey-yellow);
|
|
256
268
|
|
|
269
|
+
/// The Brick Red Palette provides colors to the Error variable group.
|
|
270
|
+
/// @group palette
|
|
257
271
|
$kendo-palette-brick-red: $_default-palette-brick-red !default;
|
|
258
272
|
$kendo-palette-brick-red: map-merge($_default-palette-brick-red, $kendo-palette-brick-red);
|
|
259
273
|
|
|
274
|
+
/// The Coral Palette provides colors to the Series A variable group.
|
|
275
|
+
/// @group palette
|
|
260
276
|
$kendo-palette-coral: $_default-palette-coral !default;
|
|
261
277
|
$kendo-palette-coral: map-merge($_default-palette-coral, $kendo-palette-coral);
|
|
262
278
|
|
|
279
|
+
/// The Pineapple Yellow provides colors to the Series B variable group.
|
|
280
|
+
/// @group palette
|
|
263
281
|
$kendo-palette-pineapple-yellow: $_default-palette-pineapple-yellow !default;
|
|
264
282
|
$kendo-palette-pineapple-yellow: map-merge($_default-palette-pineapple-yellow, $kendo-palette-pineapple-yellow);
|
|
265
283
|
|
|
284
|
+
/// The Apple Green provides colors to the Series C variable group.
|
|
285
|
+
/// @group palette
|
|
266
286
|
$kendo-palette-apple-green: $_default-palette-apple-green !default;
|
|
267
287
|
$kendo-palette-apple-green: map-merge($_default-palette-apple-green, $kendo-palette-apple-green);
|
|
268
288
|
|
|
289
|
+
/// The Pacific Blue provides colors to the Series D variable group.
|
|
290
|
+
/// @group palette
|
|
269
291
|
$kendo-palette-pacific-blue: $_default-palette-pacific-blue !default;
|
|
270
292
|
$kendo-palette-pacific-blue: map-merge($_default-palette-pacific-blue, $kendo-palette-pacific-blue);
|
|
271
293
|
|
|
294
|
+
/// The Bright Blue provides colors to the Series E variable group.
|
|
295
|
+
/// @group palette
|
|
272
296
|
$kendo-palette-bright-blue: $_default-palette-bright-blue !default;
|
|
273
297
|
$kendo-palette-bright-blue: map-merge($_default-palette-bright-blue, $kendo-palette-bright-blue);
|
|
274
298
|
|
|
299
|
+
/// The Orchid Purple provides colors to the Series F variable group.
|
|
300
|
+
/// @group palette
|
|
275
301
|
$kendo-palette-orchid-purple: $_default-palette-orchid-purple !default;
|
|
276
302
|
$kendo-palette-orchid-purple: map-merge($_default-palette-orchid-purple, $kendo-palette-orchid-purple);
|
|
277
|
-
// stylelint-enable scss/no-global-function-names
|
|
303
|
+
// stylelint-enable scss/no-global-function-names
|
|
@@ -37,7 +37,11 @@
|
|
|
37
37
|
$kendo-selected-hover-text: $kendo-selected-text;
|
|
38
38
|
$kendo-selected-hover-border: k-color( primary-hover );
|
|
39
39
|
$kendo-selected-hover-gradient: $kendo-base-gradient;
|
|
40
|
-
$kendo-disabled-text:
|
|
40
|
+
$kendo-disabled-text: null;
|
|
41
|
+
$kendo-disabled-bg: null;
|
|
42
|
+
$kendo-disabled-border: null;
|
|
43
|
+
$kendo-disabled-opacity: .6;
|
|
44
|
+
$kendo-disabled-filter: grayscale(.1);
|
|
41
45
|
$kendo-component-header-bg: $kendo-base-bg;
|
|
42
46
|
$kendo-component-header-text: $kendo-base-text;
|
|
43
47
|
$kendo-component-header-border: $kendo-base-border;
|
|
@@ -59,4 +63,12 @@
|
|
|
59
63
|
"light": $kendo-color-light,
|
|
60
64
|
"inverse": $kendo-color-inverse,
|
|
61
65
|
);
|
|
66
|
+
|
|
67
|
+
$kendo-disabled-styling: (
|
|
68
|
+
bg: $kendo-disabled-bg,
|
|
69
|
+
color: $kendo-disabled-text,
|
|
70
|
+
border: $kendo-disabled-border,
|
|
71
|
+
opacity: $kendo-disabled-opacity,
|
|
72
|
+
filter: $kendo-disabled-filter
|
|
73
|
+
);
|
|
62
74
|
}
|
|
@@ -176,6 +176,254 @@ $_default-colors: (
|
|
|
176
176
|
|
|
177
177
|
/// The global default Colors map.
|
|
178
178
|
/// @group color-system
|
|
179
|
+
///
|
|
180
|
+
/// @subgroup {misc}
|
|
181
|
+
/// [app-surface, on-app-surface, subtle,
|
|
182
|
+
/// surface, surface-alt, border, border-alt]
|
|
183
|
+
/// The Misc variable group.
|
|
184
|
+
/// @prop {Color} app-surface - The background color of the application.
|
|
185
|
+
/// @prop {Color} on-app-surface - The text color of the application.
|
|
186
|
+
/// @prop {Color} subtle - The subtle text color.
|
|
187
|
+
/// @prop {Color} surface - The background color of the components' chrome area.
|
|
188
|
+
/// @prop {Color} surface-alt - The alternative background color of the components' chrome area.
|
|
189
|
+
/// @prop {Color} border - Тhe border color of the application.
|
|
190
|
+
/// @prop {Color} border-alt - Тhe alternative border color of the application.
|
|
191
|
+
///
|
|
192
|
+
/// @subgroup {base}
|
|
193
|
+
/// [base-subtle, base-subtle-hover, base-subtle-active,
|
|
194
|
+
/// base, base-hover, base-active, base-emphasis,
|
|
195
|
+
/// base-on-subtle, on-base, base-on-surface]
|
|
196
|
+
/// The Base variable group.
|
|
197
|
+
/// @prop {Color} base-subtle - The base subtle background color variable.
|
|
198
|
+
/// @prop {Color} base-subtle-hover - The base subtle background color variable for the hover state.
|
|
199
|
+
/// @prop {Color} base-subtle-active - The base subtle background color variable for the active state.
|
|
200
|
+
/// @prop {Color} base - The base background color variable.
|
|
201
|
+
/// @prop {Color} base-hover - The base background color variable for the hover state.
|
|
202
|
+
/// @prop {Color} base-active - The base background color variable for the active state.
|
|
203
|
+
/// @prop {Color} base-emphasis - The emphasized base color variable.
|
|
204
|
+
/// @prop {Color} base-on-subtle - The text color variable for content on base subtle.
|
|
205
|
+
/// @prop {Color} on-base - The text color variable for content on base.
|
|
206
|
+
/// @prop {Color} base-on-surface - The text color variable for content on surface.
|
|
207
|
+
///
|
|
208
|
+
/// @subgroup {primary}
|
|
209
|
+
/// [primary-subtle, primary-subtle-hover, primary-subtle-active,
|
|
210
|
+
/// primary, primary-hover, primary-active, primary-emphasis,
|
|
211
|
+
/// primary-on-subtle, on-primary, primary-on-surface]
|
|
212
|
+
/// The Primary variable group.
|
|
213
|
+
/// @prop {Color} primary-subtle - The primary subtle background color variable.
|
|
214
|
+
/// @prop {Color} primary-subtle-hover - The primary subtle background color variable for the hover state.
|
|
215
|
+
/// @prop {Color} primary-subtle-active - The primary subtle background color variable for the active state.
|
|
216
|
+
/// @prop {Color} primary - The primary background color variable.
|
|
217
|
+
/// @prop {Color} primary-hover - The primary background color variable for the hover state.
|
|
218
|
+
/// @prop {Color} primary-active - The primary background color variable for the active state.
|
|
219
|
+
/// @prop {Color} primary-emphasis - The emphasized primary color variable.
|
|
220
|
+
/// @prop {Color} primary-on-subtle - The text color variable for content on primary subtle.
|
|
221
|
+
/// @prop {Color} on-primary - The text color variable for content on primary.
|
|
222
|
+
/// @prop {Color} primary-on-surface - The text color variable for content on surface.
|
|
223
|
+
///
|
|
224
|
+
/// @subgroup {secondary}
|
|
225
|
+
/// [secondary-subtle, secondary-subtle-hover, secondary-subtle-active,
|
|
226
|
+
/// secondary, secondary-hover, secondary-active, secondary-emphasis,
|
|
227
|
+
/// secondary-on-subtle, on-secondary, secondary-on-surface]
|
|
228
|
+
/// The Secondary variable group.
|
|
229
|
+
/// @prop {Color} secondary-subtle - The secondary subtle background color variable.
|
|
230
|
+
/// @prop {Color} secondary-subtle-hover - The secondary subtle background color variable for the hover state.
|
|
231
|
+
/// @prop {Color} secondary-subtle-active - The secondary subtle background color variable for the active state.
|
|
232
|
+
/// @prop {Color} secondary - The secondary background color variable.
|
|
233
|
+
/// @prop {Color} secondary-hover - The secondary background color variable for the hover state.
|
|
234
|
+
/// @prop {Color} secondary-active - The secondary background color variable for the active state.
|
|
235
|
+
/// @prop {Color} secondary-emphasis - The emphasized secondary color variable.
|
|
236
|
+
/// @prop {Color} secondary-on-subtle - The text color variable for content on secondary subtle.
|
|
237
|
+
/// @prop {Color} on-secondary - The text color variable for content on secondary.
|
|
238
|
+
/// @prop {Color} secondary-on-surface - The text color variable for content on surface.
|
|
239
|
+
///
|
|
240
|
+
/// @subgroup {tertiary}
|
|
241
|
+
/// [tertiary-subtle, tertiary-subtle-hover, tertiary-subtle-active,
|
|
242
|
+
/// tertiary, tertiary-hover, tertiary-active, tertiary-emphasis,
|
|
243
|
+
/// tertiary-on-subtle, on-tertiary, tertiary-on-surface]
|
|
244
|
+
/// The Tertiary variable group.
|
|
245
|
+
/// @prop {Color} tertiary-subtle - The tertiary subtle background color variable.
|
|
246
|
+
/// @prop {Color} tertiary-subtle-hover - The tertiary subtle background color variable for the hover state.
|
|
247
|
+
/// @prop {Color} tertiary-subtle-active - The tertiary subtle background color variable for the active state.
|
|
248
|
+
/// @prop {Color} tertiary - The tertiary background color variable.
|
|
249
|
+
/// @prop {Color} tertiary-hover - The tertiary background color variable for the hover state.
|
|
250
|
+
/// @prop {Color} tertiary-active - The tertiary background color variable for the active state.
|
|
251
|
+
/// @prop {Color} tertiary-emphasis - The emphasized tertiary color variable.
|
|
252
|
+
/// @prop {Color} tertiary-on-subtle - The text color variable for content on tertiary subtle.
|
|
253
|
+
/// @prop {Color} on-tertiary - The text color variable for content on tertiary.
|
|
254
|
+
/// @prop {Color} tertiary-on-surface - The text color variable for content on surface.
|
|
255
|
+
///
|
|
256
|
+
/// @subgroup {info}
|
|
257
|
+
/// [info-subtle, info-subtle-hover, info-subtle-active,
|
|
258
|
+
/// info, info-hover, info-active, info-emphasis,
|
|
259
|
+
/// info-on-subtle, on-info, info-on-surface]
|
|
260
|
+
/// The Info variable group.
|
|
261
|
+
/// @prop {Color} info-subtle - The info subtle background color variable.
|
|
262
|
+
/// @prop {Color} info-subtle-hover - The info subtle background color variable for the hover state.
|
|
263
|
+
/// @prop {Color} info-subtle-active - The info subtle background color variable for the active state.
|
|
264
|
+
/// @prop {Color} info - The info background color variable.
|
|
265
|
+
/// @prop {Color} info-hover - The info background color variable for the hover state.
|
|
266
|
+
/// @prop {Color} info-active - The info background color variable for the active state.
|
|
267
|
+
/// @prop {Color} info-emphasis - The emphasized info color variable.
|
|
268
|
+
/// @prop {Color} info-on-subtle - The text color variable for content on info subtle.
|
|
269
|
+
/// @prop {Color} on-info - The text color variable for content on info.
|
|
270
|
+
/// @prop {Color} info-on-surface - The text color variable for content on surface.
|
|
271
|
+
///
|
|
272
|
+
/// @subgroup {success}
|
|
273
|
+
/// [success-subtle, success-subtle-hover, success-subtle-active,
|
|
274
|
+
/// success, success-hover, success-active, success-emphasis,
|
|
275
|
+
/// success-on-subtle, on-success, success-on-surface]
|
|
276
|
+
/// The Success variable group.
|
|
277
|
+
/// @prop {Color} success-subtle - The success subtle background color variable.
|
|
278
|
+
/// @prop {Color} success-subtle-hover - The success subtle background color variable for the hover state.
|
|
279
|
+
/// @prop {Color} success-subtle-active - The success subtle background color variable for the active state.
|
|
280
|
+
/// @prop {Color} success - The success background color variable.
|
|
281
|
+
/// @prop {Color} success-hover - The success background color variable for the hover state.
|
|
282
|
+
/// @prop {Color} success-active - The success background color variable for the active state.
|
|
283
|
+
/// @prop {Color} success-emphasis - The emphasized success color variable.
|
|
284
|
+
/// @prop {Color} success-on-subtle - The text color variable for content on success subtle.
|
|
285
|
+
/// @prop {Color} on-success - The text color variable for content on success.
|
|
286
|
+
/// @prop {Color} success-on-surface - The text color variable for content on surface.
|
|
287
|
+
///
|
|
288
|
+
/// @subgroup {warning}
|
|
289
|
+
/// [warning-subtle, warning-subtle-hover, warning-subtle-active,
|
|
290
|
+
/// warning, warning-hover, warning-active, warning-emphasis,
|
|
291
|
+
/// warning-on-subtle, on-warning, warning-on-surface]
|
|
292
|
+
/// The Warning variable group.
|
|
293
|
+
/// @prop {Color} warning-subtle - The warning subtle background color variable.
|
|
294
|
+
/// @prop {Color} warning-subtle-hover - The warning subtle background color variable for the hover state.
|
|
295
|
+
/// @prop {Color} warning-subtle-active - The warning subtle background color variable for the active state.
|
|
296
|
+
/// @prop {Color} warning - The warning background color variable.
|
|
297
|
+
/// @prop {Color} warning-hover - The warning background color variable for the hover state.
|
|
298
|
+
/// @prop {Color} warning-active - The warning background color variable for the active state.
|
|
299
|
+
/// @prop {Color} warning-emphasis - The emphasized warning color variable.
|
|
300
|
+
/// @prop {Color} warning-on-subtle - The text color variable for content on warning subtle.
|
|
301
|
+
/// @prop {Color} on-warning - The text color variable for content on warning.
|
|
302
|
+
/// @prop {Color} warning-on-surface - The text color variable for content on surface.
|
|
303
|
+
///
|
|
304
|
+
/// @subgroup {error}
|
|
305
|
+
/// [error-subtle, error-subtle-hover, error-subtle-active,
|
|
306
|
+
/// error, error-hover, error-active, error-emphasis,
|
|
307
|
+
/// error-on-subtle, on-error, error-on-surface]
|
|
308
|
+
/// The Error variable group.
|
|
309
|
+
/// @prop {Color} error-subtle - The error subtle background color variable.
|
|
310
|
+
/// @prop {Color} error-subtle-hover - The error subtle background color variable for the hover state.
|
|
311
|
+
/// @prop {Color} error-subtle-active - The error subtle background color variable for the active state.
|
|
312
|
+
/// @prop {Color} error - The error background color variable.
|
|
313
|
+
/// @prop {Color} error-hover - The error background color variable for the hover state.
|
|
314
|
+
/// @prop {Color} error-active - The error background color variable for the active state.
|
|
315
|
+
/// @prop {Color} error-emphasis - The emphasized error color variable.
|
|
316
|
+
/// @prop {Color} error-on-subtle - The text color variable for content on error subtle.
|
|
317
|
+
/// @prop {Color} on-error - The text color variable for content on error.
|
|
318
|
+
/// @prop {Color} error-on-surface - The text color variable for content on surface.
|
|
319
|
+
///
|
|
320
|
+
/// @subgroup {light}
|
|
321
|
+
/// [light-subtle, light-subtle-hover, light-subtle-active,
|
|
322
|
+
/// light, light-hover, light-active, light-emphasis,
|
|
323
|
+
/// light-on-subtle, on-light, light-on-surface]
|
|
324
|
+
/// The Light variable group.
|
|
325
|
+
/// @prop {Color} light-subtle - The light subtle background color variable.
|
|
326
|
+
/// @prop {Color} light-subtle-hover - The light subtle background color variable for the hover state.
|
|
327
|
+
/// @prop {Color} light-subtle-active - The light subtle background color variable for the active state.
|
|
328
|
+
/// @prop {Color} light - The light background color variable.
|
|
329
|
+
/// @prop {Color} light-hover - The light background color variable for the hover state.
|
|
330
|
+
/// @prop {Color} light-active - The light background color variable for the active state.
|
|
331
|
+
/// @prop {Color} light-emphasis - The emphasized light color variable.
|
|
332
|
+
/// @prop {Color} light-on-subtle - The text color variable for content on light subtle.
|
|
333
|
+
/// @prop {Color} on-light - The text color variable for content on light.
|
|
334
|
+
/// @prop {Color} light-on-surface - The text color variable for content on surface.
|
|
335
|
+
///
|
|
336
|
+
/// @subgroup {dark}
|
|
337
|
+
/// [dark-subtle, dark-subtle-hover, dark-subtle-active,
|
|
338
|
+
/// dark, dark-hover, dark-active, dark-emphasis,
|
|
339
|
+
/// dark-on-subtle, on-dark, dark-on-surface]
|
|
340
|
+
/// The Dark variable group.
|
|
341
|
+
/// @prop {Color} dark-subtle - The dark subtle background color variable.
|
|
342
|
+
/// @prop {Color} dark-subtle-hover - The dark subtle background color variable for the hover state.
|
|
343
|
+
/// @prop {Color} dark-subtle-active - The dark subtle background color variable for the active state.
|
|
344
|
+
/// @prop {Color} dark - The dark background color variable.
|
|
345
|
+
/// @prop {Color} dark-hover - The dark background color variable for the hover state.
|
|
346
|
+
/// @prop {Color} dark-active - The dark background color variable for the active state.
|
|
347
|
+
/// @prop {Color} dark-emphasis - The emphasized dark color variable.
|
|
348
|
+
/// @prop {Color} dark-on-subtle - The text color variable for content on dark subtle.
|
|
349
|
+
/// @prop {Color} on-dark - The text color variable for content on dark.
|
|
350
|
+
/// @prop {Color} dark-on-surface - The text color variable for content on surface.
|
|
351
|
+
///
|
|
352
|
+
/// @subgroup {inverse}
|
|
353
|
+
/// [inverse-subtle, inverse-subtle-hover, inverse-subtle-active,
|
|
354
|
+
/// inverse, inverse-hover, inverse-active, inverse-emphasis,
|
|
355
|
+
/// inverse-on-subtle, on-inverse, inverse-on-surface]
|
|
356
|
+
/// The Inverse variable group.
|
|
357
|
+
/// @prop {Color} inverse-subtle - The inverse subtle background color variable.
|
|
358
|
+
/// @prop {Color} inverse-subtle-hover - The inverse subtle background color variable for the hover state.
|
|
359
|
+
/// @prop {Color} inverse-subtle-active - The inverse subtle background color variable for the active state.
|
|
360
|
+
/// @prop {Color} inverse - The inverse background color variable.
|
|
361
|
+
/// @prop {Color} inverse-hover - The inverse background color variable for the hover state.
|
|
362
|
+
/// @prop {Color} inverse-active - The inverse background color variable for the active state.
|
|
363
|
+
/// @prop {Color} inverse-emphasis - The emphasized inverse color variable.
|
|
364
|
+
/// @prop {Color} inverse-on-subtle - The text color variable for content on inverse subtle.
|
|
365
|
+
/// @prop {Color} on-inverse - The text color variable for content on inverse.
|
|
366
|
+
/// @prop {Color} inverse-on-surface - The text color variable for content on surface.
|
|
367
|
+
///
|
|
368
|
+
/// @subgroup {series-a}
|
|
369
|
+
/// [series-a, series-a-bold, series-a-bolder,
|
|
370
|
+
/// series-a-subtle, series-a-subtler]
|
|
371
|
+
/// The Series A variable group.
|
|
372
|
+
/// @prop {Color} series-a - The series A color variable.
|
|
373
|
+
/// @prop {Color} series-a-bold - The bold series A color variable.
|
|
374
|
+
/// @prop {Color} series-a-bolder - The bolder series A color variable.
|
|
375
|
+
/// @prop {Color} series-a-subtle - The subtle series A color variable.
|
|
376
|
+
/// @prop {Color} series-a-subtler - The subtler series A color variable.
|
|
377
|
+
///
|
|
378
|
+
/// @subgroup {series-b}
|
|
379
|
+
/// [series-b, series-b-bold, series-b-bolder,
|
|
380
|
+
/// series-b-subtle, series-b-subtler]
|
|
381
|
+
/// The Series B variable group.
|
|
382
|
+
/// @prop {Color} series-b - The series B color variable.
|
|
383
|
+
/// @prop {Color} series-b-bold - The bold series B color variable.
|
|
384
|
+
/// @prop {Color} series-b-bolder - The bolder series B color variable.
|
|
385
|
+
/// @prop {Color} series-b-subtle - The subtle series B color variable.
|
|
386
|
+
/// @prop {Color} series-b-subtler - The subtler series B color variable.
|
|
387
|
+
///
|
|
388
|
+
/// @subgroup {series-c}
|
|
389
|
+
/// [series-c, series-c-bold, series-c-bolder,
|
|
390
|
+
/// series-c-subtle, series-c-subtler]
|
|
391
|
+
/// The Series C variable group.
|
|
392
|
+
/// @prop {Color} series-c - The series C color variable.
|
|
393
|
+
/// @prop {Color} series-c-bold - The bold series C color variable.
|
|
394
|
+
/// @prop {Color} series-c-bolder - The bolder series C color variable.
|
|
395
|
+
/// @prop {Color} series-c-subtle - The subtle series C color variable.
|
|
396
|
+
/// @prop {Color} series-c-subtler - The subtler series C color variable.
|
|
397
|
+
///
|
|
398
|
+
/// @subgroup {series-d}
|
|
399
|
+
/// [series-d, series-d-bold, series-d-bolder,
|
|
400
|
+
/// series-d-subtle, series-d-subtler]
|
|
401
|
+
/// The Series D variable group.
|
|
402
|
+
/// @prop {Color} series-d - The series D color variable.
|
|
403
|
+
/// @prop {Color} series-d-bold - The bold series D color variable.
|
|
404
|
+
/// @prop {Color} series-d-bolder - The bolder series D color variable.
|
|
405
|
+
/// @prop {Color} series-d-subtle - The subtle series D color variable.
|
|
406
|
+
/// @prop {Color} series-d-subtler - The subtler series D color variable.
|
|
407
|
+
///
|
|
408
|
+
/// @subgroup {series-e}
|
|
409
|
+
/// [series-e, series-e-bold, series-e-bolder,
|
|
410
|
+
/// series-e-subtle, series-e-subtler]
|
|
411
|
+
/// The Series E variable group.
|
|
412
|
+
/// @prop {Color} series-e - The series E color variable.
|
|
413
|
+
/// @prop {Color} series-e-bold - The bold series E color variable.
|
|
414
|
+
/// @prop {Color} series-e-bolder - The bolder series E color variable.
|
|
415
|
+
/// @prop {Color} series-e-subtle - The subtle series E color variable.
|
|
416
|
+
/// @prop {Color} series-e-subtler - The subtler series E color variable.
|
|
417
|
+
///
|
|
418
|
+
/// @subgroup {series-f}
|
|
419
|
+
/// [series-f, series-f-bold, series-f-bolder,
|
|
420
|
+
/// series-f-subtle, series-f-subtler]
|
|
421
|
+
/// The Series F variable group.
|
|
422
|
+
/// @prop {Color} series-f - The series F color variable.
|
|
423
|
+
/// @prop {Color} series-f-bold - The bold series F color variable.
|
|
424
|
+
/// @prop {Color} series-f-bolder - The bolder series F color variable.
|
|
425
|
+
/// @prop {Color} series-f-subtle - The subtle series F color variable.
|
|
426
|
+
/// @prop {Color} series-f-subtler - The subtler series F color variable.
|
|
179
427
|
$kendo-colors: $_default-colors !default;
|
|
180
428
|
|
|
181
429
|
$kendo-is-dark-theme: false !default;
|
|
@@ -352,9 +600,6 @@ $kendo-selected-hover-border: $kendo-selected-border !default;
|
|
|
352
600
|
/// The gradient of selected and hovered items.
|
|
353
601
|
$kendo-selected-hover-gradient: $kendo-selected-gradient !default;
|
|
354
602
|
|
|
355
|
-
/// Text color of disabled items.
|
|
356
|
-
$kendo-disabled-text: #8d8d8d !default;
|
|
357
|
-
|
|
358
603
|
// Generic styles
|
|
359
604
|
|
|
360
605
|
/// Background color of the component header.
|
package/scss/dataviz/_index.scss
CHANGED
package/scss/dialog/_index.scss
CHANGED
package/scss/drawer/_index.scss
CHANGED
package/scss/editor/_index.scss
CHANGED
package/scss/fab/_index.scss
CHANGED