@progress/kendo-theme-classic 7.1.0-dev.1 → 7.1.0-dev.11

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 (68) hide show
  1. package/dist/all.css +324 -40
  2. package/dist/all.scss +2041 -644
  3. package/dist/meta/sassdoc-data.json +3484 -1052
  4. package/dist/meta/sassdoc-raw-data.json +1644 -521
  5. package/dist/meta/variables.json +510 -338
  6. package/lib/swatches/classic-green-dark.json +1 -1
  7. package/lib/swatches/classic-green.json +1 -1
  8. package/lib/swatches/classic-lavender-dark.json +1 -1
  9. package/lib/swatches/classic-lavender.json +1 -1
  10. package/lib/swatches/classic-main-dark.json +1 -1
  11. package/lib/swatches/classic-main.json +1 -1
  12. package/lib/swatches/classic-metro-dark.json +1 -1
  13. package/lib/swatches/classic-metro.json +1 -1
  14. package/lib/swatches/classic-moonlight.json +1 -1
  15. package/lib/swatches/classic-opal-dark.json +1 -1
  16. package/lib/swatches/classic-opal.json +1 -1
  17. package/lib/swatches/classic-silver-dark.json +1 -1
  18. package/lib/swatches/classic-silver.json +1 -1
  19. package/lib/swatches/classic-uniform.json +1 -1
  20. package/package.json +6 -6
  21. package/scss/_variables.scss +1 -193
  22. package/scss/adaptive/_variables.scss +1 -1
  23. package/scss/appbar/_variables.scss +2 -2
  24. package/scss/button/_variables.scss +7 -7
  25. package/scss/chat/_variables.scss +1 -1
  26. package/scss/checkbox/_variables.scss +2 -2
  27. package/scss/chip/_variables.scss +3 -3
  28. package/scss/core/_index.scss +6 -0
  29. package/scss/core/color-system/_palettes.scss +277 -0
  30. package/scss/core/color-system/_swatch-legacy.scss +62 -0
  31. package/scss/core/color-system/_swatch.scss +397 -0
  32. package/scss/dataviz/_variables.scss +42 -42
  33. package/scss/dock-manager/_variables.scss +1 -1
  34. package/scss/dropzone/_variables.scss +1 -1
  35. package/scss/editor/_variables.scss +1 -1
  36. package/scss/expansion-panel/_variables.scss +1 -2
  37. package/scss/filemanager/_variables.scss +2 -2
  38. package/scss/forms/_variables.scss +1 -1
  39. package/scss/gantt/_variables.scss +10 -10
  40. package/scss/grid/_variables.scss +11 -8
  41. package/scss/index.scss +2 -0
  42. package/scss/input/_variables.scss +20 -7
  43. package/scss/listview/_variables.scss +1 -1
  44. package/scss/map/_variables.scss +1 -1
  45. package/scss/mediaplayer/_variables.scss +1 -1
  46. package/scss/menu/_variables.scss +1 -1
  47. package/scss/notification/_variables.scss +1 -1
  48. package/scss/panelbar/_variables.scss +3 -4
  49. package/scss/pivotgrid/_variables.scss +5 -5
  50. package/scss/progressbar/_variables.scss +3 -3
  51. package/scss/prompt/_index.scss +37 -0
  52. package/scss/prompt/_layout.scss +6 -0
  53. package/scss/prompt/_theme.scss +6 -0
  54. package/scss/prompt/_variables.scss +66 -0
  55. package/scss/scheduler/_variables.scss +3 -3
  56. package/scss/scrollview/_variables.scss +1 -1
  57. package/scss/signature/_variables.scss +1 -1
  58. package/scss/skeleton/_variables.scss +1 -1
  59. package/scss/slider/_variables.scss +8 -8
  60. package/scss/splitter/_variables.scss +1 -1
  61. package/scss/spreadsheet/_variables.scss +4 -4
  62. package/scss/stepper/_variables.scss +7 -7
  63. package/scss/switch/_variables.scss +7 -7
  64. package/scss/table/_variables.scss +3 -3
  65. package/scss/taskboard/_variables.scss +4 -3
  66. package/scss/timeline/_variables.scss +4 -4
  67. package/scss/tooltip/_variables.scss +4 -4
  68. package/scss/core/color-system/index.import.scss +0 -1
package/scss/stepper/_variables.scss CHANGED
@@ -33,24 +33,24 @@ $kendo-stepper-indicator-bg: $kendo-component-bg !default;
33
33
  $kendo-stepper-indicator-text: $kendo-component-text !default;
34
34
  $kendo-stepper-indicator-border: $kendo-component-border !default;
35
35
 
36
- $kendo-stepper-indicator-hover-bg: k-try-shade( $kendo-stepper-indicator-bg ) !default;
36
+ $kendo-stepper-indicator-hover-bg: if($kendo-enable-color-system, k-color( base-subtle-hover ), k-try-shade( $kendo-stepper-indicator-bg )) !default;
37
37
  $kendo-stepper-indicator-hover-text: null !default;
38
38
  $kendo-stepper-indicator-hover-border: null !default;
39
39
 
40
40
  $kendo-stepper-indicator-disabled-bg: null !default;
41
- $kendo-stepper-indicator-disabled-text: $kendo-disabled-text !default;
41
+ $kendo-stepper-indicator-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .6 ), $kendo-disabled-text) !default;
42
42
  $kendo-stepper-indicator-disabled-border: null !default;
43
43
 
44
44
  $kendo-stepper-indicator-done-bg: $kendo-color-primary !default;
45
- $kendo-stepper-indicator-done-text: k-contrast-legacy( $kendo-stepper-indicator-done-bg ) !default;
45
+ $kendo-stepper-indicator-done-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg )) !default;
46
46
  $kendo-stepper-indicator-done-border: $kendo-stepper-indicator-done-bg !default;
47
47
 
48
- $kendo-stepper-indicator-done-hover-bg: k-try-shade( $kendo-stepper-indicator-done-bg ) !default;
48
+ $kendo-stepper-indicator-done-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-stepper-indicator-done-bg )) !default;
49
49
  $kendo-stepper-indicator-done-hover-text: null !default;
50
50
  $kendo-stepper-indicator-done-hover-border: null !default;
51
51
 
52
- $kendo-stepper-indicator-done-disabled-bg: k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60% ) !default;
53
- $kendo-stepper-indicator-done-disabled-text: k-contrast-legacy( $kendo-stepper-indicator-done-bg ) !default;
52
+ $kendo-stepper-indicator-done-disabled-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .6 ), k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60% )) !default;
53
+ $kendo-stepper-indicator-done-disabled-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-stepper-indicator-done-bg )) !default;
54
54
  $kendo-stepper-indicator-done-disabled-border: $kendo-stepper-indicator-done-disabled-bg !default;
55
55
 
56
56
  $kendo-stepper-indicator-current-bg: $kendo-stepper-indicator-done-bg !default;
@@ -69,7 +69,7 @@ $kendo-stepper-label-text: null !default;
69
69
  $kendo-stepper-label-success-text: $kendo-color-success !default;
70
70
  $kendo-stepper-label-error-text: $kendo-color-error !default;
71
71
  $kendo-stepper-label-hover-text: null !default;
72
- $kendo-stepper-label-disabled-text: $kendo-disabled-text !default;
72
+ $kendo-stepper-label-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .6 ), $kendo-disabled-text) !default;
73
73
 
74
74
  $kendo-stepper-optional-label-text: $kendo-subtle-text !default;
75
75
  $kendo-stepper-optional-label-opacity: null !default;
package/scss/switch/_variables.scss CHANGED
@@ -68,7 +68,7 @@ $kendo-switch-off-track-focus-border: null !default;
68
68
  $kendo-switch-off-track-focus-gradient: null !default;
69
69
  /// The ring around the track when the focused Switch is not checked.
70
70
  /// @group switch
71
- $kendo-switch-off-track-focus-ring: 0 0 3px 1px rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .25 ) !default;
71
+ $kendo-switch-off-track-focus-ring: 0 0 3px 1px rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .25 ) !default;
72
72
 
73
73
  /// The background of the track when the disabled Switch is not checked.
74
74
  /// @group switch
@@ -85,7 +85,7 @@ $kendo-switch-off-track-disabled-gradient: null !default;
85
85
 
86
86
  /// The background of the thumb when the Switch is not checked.
87
87
  /// @group switch
88
- $kendo-switch-off-thumb-bg: k-try-shade( $kendo-switch-off-track-bg ) !default;
88
+ $kendo-switch-off-thumb-bg: if($kendo-enable-color-system, k-color( base ), k-try-shade( $kendo-switch-off-track-bg )) !default;
89
89
  /// The text color of the thumb when the Switch is not checked.
90
90
  /// @group switch
91
91
  $kendo-switch-off-thumb-text: null !default;
@@ -98,7 +98,7 @@ $kendo-switch-off-thumb-gradient: $kendo-base-gradient !default;
98
98
 
99
99
  /// The background of the thumb when the hovered Switch is not checked.
100
100
  /// @group switch
101
- $kendo-switch-off-thumb-hover-bg: k-try-shade( $kendo-switch-off-thumb-bg ) !default;
101
+ $kendo-switch-off-thumb-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), k-try-shade( $kendo-switch-off-thumb-bg )) !default;
102
102
  /// The text color of the thumb when the hovered Switch is not checked.
103
103
  /// @group switch
104
104
  $kendo-switch-off-thumb-hover-text: null !default;
@@ -150,7 +150,7 @@ $kendo-switch-on-track-focus-border: null !default;
150
150
  $kendo-switch-on-track-focus-gradient: null !default;
151
151
  /// The ring around the track wen the focused Switch is checked.
152
152
  /// @group switch
153
- $kendo-switch-on-track-focus-ring: 0 0 3px 1px rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ), .25 ) !default;
153
+ $kendo-switch-on-track-focus-ring: 0 0 3px 1px rgba( if($kendo-enable-color-system, k-color( on-app-surface, true ), if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black )), .25 ) !default;
154
154
 
155
155
  /// The background of the track when the disabled Switch is checked.
156
156
  /// @group switch
@@ -173,20 +173,20 @@ $kendo-switch-on-thumb-bg: $kendo-color-primary !default;
173
173
  $kendo-switch-on-thumb-text: null !default;
174
174
  /// The border color of the thumb when the Switch is checked.
175
175
  /// @group switch
176
- $kendo-switch-on-thumb-border: k-try-shade( $kendo-switch-on-thumb-bg ) !default;
176
+ $kendo-switch-on-thumb-border: if($kendo-enable-color-system, k-color( primary ), k-try-shade( $kendo-switch-on-thumb-bg )) !default;
177
177
  /// The background gradient of the thumb when the Switch is checked.
178
178
  /// @group switch
179
179
  $kendo-switch-on-thumb-gradient: $kendo-base-gradient !default;
180
180
 
181
181
  /// The background of the thumb when the hovered Switch is checked.
182
182
  /// @group switch
183
- $kendo-switch-on-thumb-hover-bg: k-try-shade( $kendo-switch-on-thumb-bg ) !default;
183
+ $kendo-switch-on-thumb-hover-bg: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-switch-on-thumb-bg )) !default;
184
184
  /// The text color of the thumb when the hovered Switch is checked.
185
185
  /// @group switch
186
186
  $kendo-switch-on-thumb-hover-text: null !default;
187
187
  /// The border color of the thumb when the hovered Switch is checked.
188
188
  /// @group switch
189
- $kendo-switch-on-thumb-hover-border: k-try-shade( $kendo-switch-on-thumb-hover-bg ) !default;
189
+ $kendo-switch-on-thumb-hover-border: if($kendo-enable-color-system, k-color( primary-hover ), k-try-shade( $kendo-switch-on-thumb-hover-bg )) !default;
190
190
  /// The background gradient of the thumb when the hovered Switch is checked.
191
191
  /// @group switch
192
192
  $kendo-switch-on-thumb-hover-gradient: null !default;
package/scss/table/_variables.scss CHANGED
@@ -111,7 +111,7 @@ $kendo-table-group-row-border: $kendo-table-header-border !default;
111
111
 
112
112
  /// Background color of alternating rows in table.
113
113
  /// @group table
114
- $kendo-table-alt-row-bg: k-try-shade( $kendo-table-bg, .5 ) !default;
114
+ $kendo-table-alt-row-bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .05 ), k-try-shade( $kendo-table-bg, .5 )) !default;
115
115
  /// Text color of alternating rows in table.
116
116
  /// @group table
117
117
  $kendo-table-alt-row-text: null !default;
@@ -122,7 +122,7 @@ $kendo-table-alt-row-border: null !default;
122
122
 
123
123
  /// Background color of hovered rows in table.
124
124
  /// @group table
125
- $kendo-table-hover-bg: k-try-shade( $kendo-table-bg, 1 ) !default;
125
+ $kendo-table-hover-bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .11 ), k-try-shade( $kendo-table-bg, 1 )) !default;
126
126
  /// Text color of hovered rows in table.
127
127
  /// @group table
128
128
  $kendo-table-hover-text: null !default;
@@ -147,7 +147,7 @@ $kendo-table-focus-shadow: $kendo-list-item-focus-shadow !default;
147
147
 
148
148
  /// Background color of selected rows in table.
149
149
  /// @group table
150
- $kendo-table-selected-bg: rgba( $kendo-selected-bg, .25 ) !default;
150
+ $kendo-table-selected-bg: if($kendo-enable-color-system, rgba( k-color( primary, true ), .25 ), rgba( $kendo-selected-bg, .25 )) !default;
151
151
  /// Text color of selected rows in table.
152
152
  /// @group table
153
153
  $kendo-table-selected-text: null !default;
package/scss/taskboard/_variables.scss CHANGED
@@ -33,7 +33,7 @@ $kendo-taskboard-column-border: transparent !default;
33
33
 
34
34
  $kendo-taskboard-column-focus-bg: null !default;
35
35
  $kendo-taskboard-column-focus-text: null !default;
36
- $kendo-taskboard-column-focus-border: k-try-shade( $kendo-base-border, 2.5 ) !default;
36
+ $kendo-taskboard-column-focus-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-base-border, 2.5 )) !default;
37
37
 
38
38
  $kendo-taskboard-column-header-padding-y: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
39
39
  $kendo-taskboard-column-header-padding-x: $kendo-taskboard-column-header-padding-y !default;
@@ -76,10 +76,11 @@ $kendo-taskboard-card-shadow: $kendo-card-shadow !default;
76
76
 
77
77
  $kendo-taskboard-card-category-border-width: 4px !default;
78
78
 
79
- $kendo-taskboard-card-focus-border: k-try-shade( $kendo-taskboard-card-border, 18% ) !default;
79
+ $kendo-taskboard-card-hover-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-taskboard-card-border, 10% )) !default;
80
+
81
+ $kendo-taskboard-card-focus-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-taskboard-card-border, 18% )) !default;
80
82
  $kendo-taskboard-card-focus-shadow: none !default;
81
83
 
82
- $kendo-taskboard-card-hover-border: k-try-shade( $kendo-taskboard-card-border, 10% ) !default;
83
84
 
84
85
  $kendo-taskboard-card-selected-border: k-color-tint( $kendo-color-primary-lighter, 5 ) !default;
85
86
  $kendo-taskboard-card-selected-shadow: none !default;
package/scss/timeline/_variables.scss CHANGED
@@ -13,9 +13,9 @@ $kendo-timeline-mobile-spacing-y: 16px !default;
13
13
  $kendo-timeline-track-arrow-width: 30px !default;
14
14
  $kendo-timeline-track-arrow-height: 30px !default;
15
15
 
16
- $kendo-timeline-track-arrow-disabled-text: k-true-mix( $kendo-button-text, $kendo-body-bg, 65% ) !default;
17
- $kendo-timeline-track-arrow-disabled-bg: k-true-mix( $kendo-button-bg, $kendo-body-bg, 65% ) !default;
18
- $kendo-timeline-track-arrow-disabled-border: k-true-mix( #000000, $kendo-body-bg, 4.8% ) !default;
16
+ $kendo-timeline-track-arrow-disabled-bg: if($kendo-enable-color-system, rgba( k-color( base, true ), .6 ), k-true-mix( $kendo-button-bg, $kendo-body-bg, 65% )) !default;
17
+ $kendo-timeline-track-arrow-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-base, true ), .6 ), k-true-mix( $kendo-button-text, $kendo-body-bg, 65% )) !default;
18
+ $kendo-timeline-track-arrow-disabled-border: if($kendo-enable-color-system, rgba( k-color( border, true ), .15 ), k-true-mix( #000000, $kendo-body-bg, 4.8% )) !default;
19
19
 
20
20
  $kendo-timeline-track-size: 6px !default;
21
21
  $kendo-timeline-track-wrap-padding-bottom: k-math-div( $kendo-timeline-track-size, 2 ) !default;
@@ -39,7 +39,7 @@ $kendo-timeline-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$
39
39
  $kendo-timeline-mobile-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$kendo-timeline-mobile-spacing-x}) !default;
40
40
  $kendo-timeline-horizontal-flag-min-width: 60px !default;
41
41
  $kendo-timeline-flag-bg: $kendo-color-primary !default;
42
- $kendo-timeline-flag-text: k-contrast-legacy( $kendo-timeline-flag-bg ) !default;
42
+ $kendo-timeline-flag-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-legacy( $kendo-timeline-flag-bg )) !default;
43
43
 
44
44
  $kendo-timeline-flag-callout-width: 10px !default;
45
45
  $kendo-timeline-flag-callout-height: 10px !default;
package/scss/tooltip/_variables.scss CHANGED
@@ -36,10 +36,10 @@ $kendo-tooltip-callout-size: 6px !default;
36
36
 
37
37
  /// The default background of the Tooltip.
38
38
  /// @group tooltip
39
- $kendo-tooltip-bg: rgba( k-contrast-color( $kendo-body-bg ), .75 ) !default;
39
+ $kendo-tooltip-bg: if($kendo-enable-color-system, k-color( on-app-surface ), rgba( k-contrast-color( $kendo-body-bg ), .75 )) !default;
40
40
  /// The default text color of the Tooltip.
41
41
  /// @group tooltip
42
- $kendo-tooltip-text: k-contrast-color( $kendo-tooltip-bg ) !default;
42
+ $kendo-tooltip-text: if($kendo-enable-color-system, k-color( app-surface ), k-contrast-color( $kendo-tooltip-bg )) !default;
43
43
  /// The default border color of the Tooltip.
44
44
  /// @group tooltip
45
45
  $kendo-tooltip-border: $kendo-tooltip-bg !default;
@@ -53,7 +53,7 @@ $kendo-tooltip-shadow: k-elevation(2) !default;
53
53
 
54
54
  @each $name, $color in $colors {
55
55
  $_theme: k-map-merge(( $name: (
56
- color: k-contrast-legacy( $color ),
56
+ color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-legacy( $color )),
57
57
  background-color: $color,
58
58
  border: $color,
59
59
  )), $_theme );
@@ -67,4 +67,4 @@ $kendo-tooltip-shadow: k-elevation(2) !default;
67
67
  $kendo-tooltip-theme-colors: $kendo-theme-colors !default;
68
68
  /// The generated theme colors map for the Tooltip.
69
69
  /// @group tooltip
70
- $kendo-tooltip-theme: tooltip-theme( $kendo-tooltip-theme-colors ) !default;
70
+ $kendo-tooltip-theme: tooltip-theme( $kendo-tooltip-theme-colors ) !default;
package/scss/core/color-system/index.import.scss DELETED
@@ -1 +0,0 @@
1
- @import "@progress/kendo-theme-core/scss/color-system/index.import.scss";