@progress/kendo-theme-material 7.3.0-dev.1 → 8.0.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (45) hide show
  1. package/dist/all.css +3111 -2144
  2. package/dist/all.scss +17 -17
  3. package/dist/material-aqua-dark.scss +140 -4
  4. package/dist/material-arctic.scss +130 -4
  5. package/dist/material-burnt-teal.scss +130 -4
  6. package/dist/material-dataviz-v4.scss +45 -6
  7. package/dist/material-eggplant.scss +130 -4
  8. package/dist/material-lime-dark.scss +140 -4
  9. package/dist/material-lime.scss +130 -4
  10. package/dist/material-main-dark.scss +140 -4
  11. package/dist/material-main.scss +9 -4
  12. package/dist/material-nova.scss +130 -4
  13. package/dist/material-pacific-dark.scss +140 -4
  14. package/dist/material-pacific.scss +130 -4
  15. package/dist/material-sky-dark.scss +140 -4
  16. package/dist/material-sky.scss +130 -4
  17. package/dist/material-smoke.scss +130 -4
  18. package/dist/meta/sassdoc-data.json +2060 -2060
  19. package/dist/meta/sassdoc-raw-data.json +7 -7
  20. package/dist/meta/variables.json +1525 -1525
  21. package/lib/swatches/material-aqua-dark.json +651 -1
  22. package/lib/swatches/material-arctic.json +601 -1
  23. package/lib/swatches/material-burnt-teal.json +601 -1
  24. package/lib/swatches/material-dataviz-v4.json +166 -1
  25. package/lib/swatches/material-eggplant.json +601 -1
  26. package/lib/swatches/material-lime-dark.json +651 -1
  27. package/lib/swatches/material-lime.json +601 -1
  28. package/lib/swatches/material-main-dark.json +651 -1
  29. package/lib/swatches/material-main.json +11 -1
  30. package/lib/swatches/material-nova.json +601 -1
  31. package/lib/swatches/material-pacific-dark.json +651 -1
  32. package/lib/swatches/material-pacific.json +601 -1
  33. package/lib/swatches/material-sky-dark.json +651 -1
  34. package/lib/swatches/material-sky.json +601 -1
  35. package/lib/swatches/material-smoke.json +601 -1
  36. package/package.json +5 -5
  37. package/scss/bottom-navigation/_theme.scss +1 -1
  38. package/scss/button/_theme.scss +2 -2
  39. package/scss/button/_variables.scss +4 -4
  40. package/scss/core/color-system/_swatch-legacy.scss +1 -1
  41. package/scss/core/color-system/_swatch.scss +1 -1
  42. package/scss/fab/_theme.scss +2 -2
  43. package/scss/input/_variables.scss +1 -1
  44. package/scss/tabstrip/_variables.scss +1 -1
  45. package/scss/timeline/_variables.scss +2 -2
package/scss/button/_variables.scss CHANGED
@@ -110,10 +110,10 @@ $kendo-button-theme-colors: k-map-merge(
110
110
 
111
111
  /// The base background of the Button.
112
112
  /// @group button
113
- $kendo-button-bg: $kendo-base-bg !default;
113
+ $kendo-button-bg: if($kendo-enable-color-system, k-color( base ), $kendo-base-bg) !default;
114
114
  /// The base text color of the Button.
115
115
  /// @group button
116
- $kendo-button-text: $kendo-base-text !default;
116
+ $kendo-button-text: if($kendo-enable-color-system, k-color( on-base ), $kendo-base-text) !default;
117
117
  /// The base border color of the Button.
118
118
  /// @group button
119
119
  $kendo-button-border: $kendo-button-bg !default;
@@ -190,10 +190,10 @@ $kendo-button-focus-shadow: null !default;
190
190
 
191
191
  /// The base background color of the disabled Button.
192
192
  /// @group button
193
- $kendo-button-disabled-bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, rgba ), .09 ), k-try-shade( $kendo-body-bg, 12% )) !default;
193
+ $kendo-button-disabled-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 9%, transparent), k-try-shade( $kendo-body-bg, 12% )) !default;
194
194
  /// The base text color of the disabled Button.
195
195
  /// @group button
196
- $kendo-button-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, rgba ), .32 ), $kendo-disabled-text) !default;
196
+ $kendo-button-disabled-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 32%, transparent), $kendo-disabled-text) !default;
197
197
  /// The base border color of the disabled Button.
198
198
  /// @group button
199
199
  $kendo-button-disabled-border: if($kendo-enable-color-system, transparent, $kendo-button-disabled-bg) !default;
package/scss/core/color-system/_swatch-legacy.scss CHANGED
@@ -19,7 +19,7 @@
19
19
  $kendo-app-border: k-color( border );
20
20
  $kendo-link-text: $kendo-color-secondary;
21
21
  $kendo-link-hover-text: k-color( secondary-hover );
22
- $kendo-component-bg: $kendo-body-bg;
22
+ $kendo-component-bg: k-color( surface-alt );
23
23
  $kendo-component-text: $kendo-body-text;
24
24
  $kendo-component-border: $kendo-app-border;
25
25
  $kendo-base-bg: $kendo-body-bg;
package/scss/core/color-system/_swatch.scss CHANGED
@@ -4,7 +4,7 @@
4
4
  @import "./_functions.scss";
5
5
 
6
6
  // Config
7
- $kendo-enable-color-system: false !default;
7
+ $kendo-enable-color-system: true !default;
8
8
 
9
9
  // Colors
10
10
  $_default-colors: (
package/scss/fab/_theme.scss CHANGED
@@ -48,8 +48,8 @@
48
48
  .k-fab-solid-#{$name}:disabled {
49
49
  @include box-shadow($kendo-fab-disabled-shadow);
50
50
  border-color: if($kendo-enable-color-system, transparent, k-try-tint( k-try-shade( $kendo-body-bg, 12% ), 5));
51
- background-color: if($kendo-enable-color-system, rgba( k-color( on-app-surface, rgba ), .09 ), k-try-tint( k-try-shade( $kendo-body-bg, 12% ), 5));
52
- color: if($kendo-enable-color-system, rgba( k-color( on-app-surface, rgba ), .32 ), k-color-tint( $kendo-disabled-text, 4));
51
+ background-color: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 9%, transparent), k-try-tint( k-try-shade( $kendo-body-bg, 12% ), 5));
52
+ color: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 32%, transparent), k-color-tint( $kendo-disabled-text, 4));
53
53
  opacity: 1;
54
54
  }
55
55
  }
package/scss/input/_variables.scss CHANGED
@@ -267,7 +267,7 @@ $kendo-input-spinner-icon-offset: null !default;
267
267
 
268
268
  /// The color of the Input separator.
269
269
  /// @group input
270
- $kendo-input-separator-text: rgba( $kendo-component-border, .12 ) !default;
270
+ $kendo-input-separator-text: $kendo-component-border !default;
271
271
  /// The opacity of the Input separator.
272
272
  /// @group input
273
273
  $kendo-input-separator-opacity: .5 !default;
package/scss/tabstrip/_variables.scss CHANGED
@@ -82,7 +82,7 @@ $kendo-tabstrip-item-focus-shadow: $kendo-list-item-focus-shadow !default;
82
82
  $kendo-tabstrip-item-dragging-shadow: $box-shadow-depth-3 !default;
83
83
 
84
84
  $kendo-tabstrip-item-disabled-bg: null !default;
85
- $kendo-tabstrip-item-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, rgba ), .32 ), k-map-get( $theme, disabled-text )) !default;
85
+ $kendo-tabstrip-item-disabled-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 32%, transparent), k-map-get( $theme, disabled-text )) !default;
86
86
  $kendo-tabstrip-item-disabled-border: null !default;
87
87
  $kendo-tabstrip-item-disabled-gradient: null !default;
88
88
  $kendo-tabstrip-item-disabled-opacity: 1 !default;
package/scss/timeline/_variables.scss CHANGED
@@ -36,10 +36,10 @@ $kendo-timeline-track-arrow-height: 36px !default;
36
36
 
37
37
  /// The background color of the disabled Timeline track arrow.
38
38
  /// @group timeline
39
- $kendo-timeline-track-arrow-disabled-bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, rgba ), .09 ), k-true-mix(#000000, $kendo-body-bg, 8%)) !default;
39
+ $kendo-timeline-track-arrow-disabled-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 9%, transparent), k-true-mix(#000000, $kendo-body-bg, 8%)) !default;
40
40
  /// The text color of the disabled Timeline track arrow.
41
41
  /// @group timeline
42
- $kendo-timeline-track-arrow-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, rgba ), .32 ), k-true-mix($kendo-button-text, $kendo-body-bg, 65%)) !default;
42
+ $kendo-timeline-track-arrow-disabled-text: if($kendo-enable-color-system, color-mix(in srgb, k-color( on-app-surface ) 32%, transparent), k-true-mix($kendo-button-text, $kendo-body-bg, 65%)) !default;
43
43
  /// The border color of the disabled Timeline track arrow.
44
44
  /// @group timeline
45
45
  $kendo-timeline-track-arrow-disabled-border: if($kendo-enable-color-system, transparent, k-true-mix($kendo-button-border, $kendo-body-bg, 65%)) !default;