@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.
Files changed (143) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/all.scss +1435 -1413
  3. package/dist/classic-green-dark.css +1 -1
  4. package/dist/classic-green.css +1 -1
  5. package/dist/classic-lavender-dark.css +1 -1
  6. package/dist/classic-lavender.css +1 -1
  7. package/dist/classic-main-dark.css +1 -1
  8. package/dist/classic-main.css +1 -1
  9. package/dist/classic-metro-dark.css +1 -1
  10. package/dist/classic-metro.css +1 -1
  11. package/dist/classic-moonlight.css +1 -1
  12. package/dist/classic-opal-dark.css +1 -1
  13. package/dist/classic-opal.css +1 -1
  14. package/dist/classic-silver-dark.css +1 -1
  15. package/dist/classic-silver.css +1 -1
  16. package/dist/classic-uniform.css +1 -1
  17. package/dist/meta/sassdoc-data.json +9589 -3771
  18. package/dist/meta/sassdoc-raw-data.json +8908 -7164
  19. package/dist/meta/variables.json +3832 -93
  20. package/lib/swatches/classic-green-dark.json +1 -1
  21. package/lib/swatches/classic-green.json +1 -1
  22. package/lib/swatches/classic-lavender-dark.json +1 -1
  23. package/lib/swatches/classic-lavender.json +1 -1
  24. package/lib/swatches/classic-main-dark.json +1 -1
  25. package/lib/swatches/classic-main.json +1 -1
  26. package/lib/swatches/classic-metro-dark.json +1 -1
  27. package/lib/swatches/classic-metro.json +1 -1
  28. package/lib/swatches/classic-moonlight.json +1 -1
  29. package/lib/swatches/classic-opal-dark.json +1 -1
  30. package/lib/swatches/classic-opal.json +1 -1
  31. package/lib/swatches/classic-silver-dark.json +1 -1
  32. package/lib/swatches/classic-silver.json +1 -1
  33. package/lib/swatches/classic-uniform.json +1 -1
  34. package/package.json +5 -5
  35. package/scss/_variables.scss +2 -16
  36. package/scss/action-buttons/_index.scss +0 -1
  37. package/scss/action-sheet/_index.scss +0 -1
  38. package/scss/appbar/_index.scss +0 -1
  39. package/scss/autocomplete/_index.scss +0 -1
  40. package/scss/avatar/_index.scss +0 -1
  41. package/scss/bottom-navigation/_index.scss +0 -1
  42. package/scss/breadcrumb/_index.scss +0 -1
  43. package/scss/calendar/_index.scss +0 -1
  44. package/scss/captcha/_index.scss +0 -1
  45. package/scss/card/_index.scss +0 -1
  46. package/scss/chat/_index.scss +0 -1
  47. package/scss/coloreditor/_index.scss +0 -1
  48. package/scss/coloreditor/_variables.scss +24 -24
  49. package/scss/colorgradient/_index.scss +0 -1
  50. package/scss/colorgradient/_variables.scss +43 -43
  51. package/scss/colorpalette/_index.scss +0 -1
  52. package/scss/colorpalette/_variables.scss +8 -8
  53. package/scss/combobox/_index.scss +0 -1
  54. package/scss/core/color-system/_palettes.scss +27 -1
  55. package/scss/core/color-system/_swatch-legacy.scss +13 -1
  56. package/scss/core/color-system/_swatch.scss +248 -3
  57. package/scss/dataviz/_index.scss +0 -1
  58. package/scss/daterangepicker/_index.scss +0 -1
  59. package/scss/dialog/_index.scss +0 -1
  60. package/scss/drawer/_index.scss +0 -1
  61. package/scss/dropdowngrid/_index.scss +0 -1
  62. package/scss/dropdownlist/_index.scss +0 -1
  63. package/scss/dropdowntree/_index.scss +0 -1
  64. package/scss/dropzone/_index.scss +0 -1
  65. package/scss/editor/_index.scss +0 -1
  66. package/scss/expansion-panel/_index.scss +0 -1
  67. package/scss/fab/_index.scss +0 -1
  68. package/scss/filemanager/_index.scss +0 -1
  69. package/scss/filemanager/_variables.scss +57 -57
  70. package/scss/filter/_index.scss +0 -1
  71. package/scss/floating-label/_index.scss +0 -1
  72. package/scss/forms/_index.scss +0 -1
  73. package/scss/gantt/_index.scss +1 -1
  74. package/scss/grid/_index.scss +0 -1
  75. package/scss/imageeditor/_index.scss +0 -1
  76. package/scss/index.scss +3 -1
  77. package/scss/input/_index.scss +0 -1
  78. package/scss/list/_index.scss +0 -1
  79. package/scss/listbox/_index.scss +0 -1
  80. package/scss/listgroup/_index.scss +0 -1
  81. package/scss/listview/_index.scss +0 -1
  82. package/scss/loader/_index.scss +0 -1
  83. package/scss/loader/_layout.scss +1 -0
  84. package/scss/loader/_variables.scss +3 -0
  85. package/scss/map/_index.scss +0 -1
  86. package/scss/maskedtextbox/_index.scss +0 -1
  87. package/scss/mediaplayer/_index.scss +0 -1
  88. package/scss/menu/_index.scss +0 -1
  89. package/scss/messagebox/_index.scss +0 -1
  90. package/scss/multiselect/_index.scss +0 -1
  91. package/scss/notification/_index.scss +0 -1
  92. package/scss/numerictextbox/_index.scss +0 -1
  93. package/scss/orgchart/_index.scss +0 -1
  94. package/scss/pager/_index.scss +0 -1
  95. package/scss/panel/_index.scss +36 -0
  96. package/scss/panel/_layout.scss +5 -0
  97. package/scss/panel/_theme.scss +5 -0
  98. package/scss/panel/_variables.scss +34 -0
  99. package/scss/panelbar/_index.scss +0 -1
  100. package/scss/pdf-viewer/_index.scss +0 -1
  101. package/scss/pivotgrid/_index.scss +0 -1
  102. package/scss/popover/_index.scss +0 -1
  103. package/scss/popup/_index.scss +0 -1
  104. package/scss/progressbar/_index.scss +0 -1
  105. package/scss/prompt/_index.scss +0 -4
  106. package/scss/rating/_index.scss +0 -1
  107. package/scss/responsivepanel/_index.scss +0 -1
  108. package/scss/ripple/_index.scss +0 -1
  109. package/scss/scheduler/_index.scss +1 -1
  110. package/scss/scroller/_index.scss +0 -1
  111. package/scss/scrollview/_index.scss +0 -1
  112. package/scss/slider/_index.scss +0 -1
  113. package/scss/splitter/_index.scss +0 -1
  114. package/scss/spreadsheet/_index.scss +0 -1
  115. package/scss/stepper/_index.scss +0 -1
  116. package/scss/stepper/_variables.scss +2 -2
  117. package/scss/switch/_index.scss +0 -1
  118. package/scss/table/_index.scss +0 -1
  119. package/scss/tabstrip/_index.scss +0 -1
  120. package/scss/taskboard/_index.scss +0 -1
  121. package/scss/textarea/_index.scss +0 -1
  122. package/scss/textbox/_index.scss +0 -1
  123. package/scss/tilelayout/_index.scss +0 -1
  124. package/scss/tilelayout/_variables.scss +10 -10
  125. package/scss/time-marker/_index.scss +32 -0
  126. package/scss/time-marker/_layout.scss +5 -0
  127. package/scss/time-marker/_theme.scss +6 -0
  128. package/scss/time-marker/_variables.scss +6 -0
  129. package/scss/timeline/_index.scss +0 -1
  130. package/scss/toolbar/_index.scss +0 -1
  131. package/scss/tooltip/_index.scss +0 -1
  132. package/scss/treelist/_index.scss +0 -1
  133. package/scss/treeview/_index.scss +0 -1
  134. package/scss/upload/_index.scss +0 -1
  135. package/scss/validator/_index.scss +0 -1
  136. package/scss/window/_index.scss +0 -1
  137. package/scss/wizard/_index.scss +0 -1
  138. package/scss/common/_animations.scss +0 -1
  139. package/scss/common/_base.scss +0 -1
  140. package/scss/common/_index.scss +0 -5
  141. package/scss/common/_indicators.scss +0 -1
  142. package/scss/common/_resizing.scss +0 -1
  143. 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 colorpalette
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 colorpalette
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 colorpalette
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 colorpalette
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 colorpalette
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 colorpalette
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 colorpalette
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 colorpalette
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;
@@ -15,7 +15,6 @@ $_kendo-module-meta: (
15
15
 
16
16
 
17
17
  // Dependencies
18
- @import "../common/_index.scss";
19
18
  @import "../input/_index.scss";
20
19
  @import "../floating-label/_index.scss";
21
20
  @import "../icons/_index.scss";
@@ -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: k-color( on-app-surface );
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.
@@ -14,7 +14,6 @@ $_kendo-module-meta: (
14
14
 
15
15
 
16
16
  // Dependencies
17
- @import "../common/_index.scss";
18
17
  @import "../popup/_index.scss";
19
18
  @import "../tooltip/_index.scss";
20
19
 
@@ -17,7 +17,6 @@ $_kendo-module-meta: (
17
17
 
18
18
 
19
19
  // Dependencies
20
- @import "../common/_index.scss";
21
20
  @import "../input/_index.scss";
22
21
  @import "../floating-label/_index.scss";
23
22
  @import "../popup/_index.scss";
@@ -14,7 +14,6 @@ $_kendo-module-meta: (
14
14
 
15
15
 
16
16
  // Dependencies
17
- @import "../common/_index.scss";
18
17
  @import "../window/_index.scss";
19
18
 
20
19
 
@@ -14,7 +14,6 @@ $_kendo-module-meta: (
14
14
 
15
15
 
16
16
  // Dependencies
17
- @import "../common/_index.scss";
18
17
  @import "../overlay/_index.scss";
19
18
  @import "../toolbar/_index.scss";
20
19
  @import "../list/_index.scss";
@@ -15,7 +15,6 @@ $_kendo-module-meta: (
15
15
 
16
16
 
17
17
  // Dependencies
18
- @import "../common/_index.scss";
19
18
  @import "../floating-label/_index.scss";
20
19
  @import "../icons/_index.scss";
21
20
  @import "../input/_index.scss";
@@ -15,7 +15,6 @@ $_kendo-module-meta: (
15
15
 
16
16
 
17
17
  // Dependencies
18
- @import "../common/_index.scss";
19
18
  @import "../input/_index.scss";
20
19
  @import "../floating-label/_index.scss";
21
20
  @import "../popup/_index.scss";
@@ -15,7 +15,6 @@ $_kendo-module-meta: (
15
15
 
16
16
 
17
17
  // Dependencies
18
- @import "../common/_index.scss";
19
18
  @import "../floating-label/_index.scss";
20
19
  @import "../dropdownlist/_index.scss";
21
20
  @import "../multiselect/_index.scss";
@@ -10,7 +10,6 @@ $_kendo-module-meta: (
10
10
 
11
11
 
12
12
  // Dependencies
13
- @import "../common/_index.scss";
14
13
 
15
14
 
16
15
  // Component
@@ -21,7 +21,6 @@ $_kendo-module-meta: (
21
21
 
22
22
 
23
23
  // Dependencies
24
- @import "../common/_index.scss";
25
24
  @import "../button/_index.scss";
26
25
  @import "../checkbox/_index.scss";
27
26
  @import "../colorpicker/_index.scss";
@@ -14,7 +14,6 @@ $_kendo-module-meta: (
14
14
 
15
15
 
16
16
  // Dependencies
17
- @import "../common/_index.scss";
18
17
  // @import "../utils/_display.scss";
19
18
  // @import "../utils/_spacer.scss";
20
19
  @import "../icons/_index.scss";
@@ -15,7 +15,6 @@ $_kendo-module-meta: (
15
15
 
16
16
 
17
17
  // Dependencies
18
- @import "../common/_index.scss";
19
18
  // @import "../utils/_position.scss";
20
19
  @import "../icons/_index.scss";
21
20
  @import "../button/_index.scss";
@@ -22,7 +22,6 @@ $_kendo-module-meta: (
22
22
 
23
23
 
24
24
  // Dependencies
25
- @import "../common/_index.scss";
26
25
  @import "../input/_index.scss";
27
26
  @import "../toolbar/_index.scss";
28
27
  @import "../upload/_index.scss";