@progress/kendo-theme-material 8.0.0-dev.9 → 8.0.1-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 (34) hide show
  1. package/dist/all.css +224 -93
  2. package/dist/all.scss +168 -89
  3. package/dist/meta/sassdoc-data.json +1505 -1019
  4. package/dist/meta/sassdoc-raw-data.json +686 -461
  5. package/dist/meta/variables.json +46 -46
  6. package/lib/swatches/material-aqua-dark.json +1 -1
  7. package/lib/swatches/material-arctic.json +1 -1
  8. package/lib/swatches/material-burnt-teal.json +1 -1
  9. package/lib/swatches/material-dataviz-v4.json +1 -1
  10. package/lib/swatches/material-eggplant.json +1 -1
  11. package/lib/swatches/material-lime-dark.json +1 -1
  12. package/lib/swatches/material-lime.json +1 -1
  13. package/lib/swatches/material-main-dark.json +1 -1
  14. package/lib/swatches/material-main.json +1 -1
  15. package/lib/swatches/material-nova.json +1 -1
  16. package/lib/swatches/material-pacific-dark.json +1 -1
  17. package/lib/swatches/material-pacific.json +1 -1
  18. package/lib/swatches/material-sky-dark.json +1 -1
  19. package/lib/swatches/material-sky.json +1 -1
  20. package/lib/swatches/material-smoke.json +1 -1
  21. package/package.json +6 -6
  22. package/scss/button/_layout.scss +9 -0
  23. package/scss/button/_theme.scss +20 -2
  24. package/scss/button/_variables.scss +7 -7
  25. package/scss/calendar/_variables.scss +11 -0
  26. package/scss/checkbox/_variables.scss +1 -1
  27. package/scss/chip/_theme.scss +3 -3
  28. package/scss/chip/_variables.scss +1 -1
  29. package/scss/core/color-system/_swatch-legacy.scss +1 -1
  30. package/scss/core/color-system/_swatch.scss +1 -1
  31. package/scss/drawer/_variables.scss +12 -2
  32. package/scss/switch/_variables.scss +1 -1
  33. package/scss/timeline/_variables.scss +1 -1
  34. package/scss/toolbar/_theme.scss +27 -0
package/scss/core/color-system/_swatch.scss CHANGED
@@ -114,7 +114,7 @@ $_default-colors: (
114
114
  light-emphasis: k-map-get( $kendo-palette-gray, 5 ),
115
115
  light-on-subtle: k-map-get( $kendo-palette-gray, 15 ),
116
116
  on-light: k-map-get( $kendo-palette-gray, black ),
117
- light-on-surface: k-map-get( $kendo-palette-gray, 13 ),
117
+ light-on-surface: k-map-get( $kendo-palette-gray, 4 ),
118
118
  // Dark
119
119
  dark-subtle: k-map-get( $kendo-palette-gray, 7 ),
120
120
  dark-subtle-hover: k-map-get( $kendo-palette-gray, 8 ),
package/scss/drawer/_variables.scss CHANGED
@@ -12,13 +12,23 @@ $kendo-drawer-border: $kendo-component-border !default;
12
12
  /// The border width of the Drawer.
13
13
  /// @group drawer
14
14
  $kendo-drawer-border-width: 1px !default;
15
+
16
+ /// The font family of the Drawer.
17
+ /// @group drawer
15
18
  $kendo-drawer-font-family: var( --kendo-font-family, inherit ) !default;
19
+ /// The font size of the Drawer.
20
+ /// @group drawer
16
21
  $kendo-drawer-font-size: var( --kendo-font-size, inherit ) !default;
22
+ /// The line height of the Drawer.
23
+ /// @group drawer
17
24
  $kendo-drawer-line-height: var( --kendo-line-height, normal ) !default;
18
- $kendo-drawer-content-padding-x: $kendo-padding-md-x !default;
25
+
26
+ /// The horizontal padding of the Drawer content.
27
+ /// @group drawer
28
+ $kendo-drawer-content-padding-x: null !default;
19
29
  /// The vertical padding of the Drawer content.
20
30
  /// @group drawer
21
- $kendo-drawer-content-padding-y: $kendo-padding-md-y !default;
31
+ $kendo-drawer-content-padding-y: null !default;
22
32
 
23
33
  /// The width of the Drawer scrollbar.
24
34
  /// @group drawer
package/scss/switch/_variables.scss CHANGED
@@ -112,7 +112,7 @@ $kendo-switch-off-thumb-hover-gradient: null !default;
112
112
 
113
113
  /// The background of the track when the Switch is checked.
114
114
  /// @group switch
115
- $kendo-switch-on-track-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 54%, transparent), rgba( $kendo-color-primary, .54 )) !default;
115
+ $kendo-switch-on-track-bg: if($kendo-enable-color-system, color-mix(in srgb, k-color( primary ) 44%, transparent), rgba( $kendo-color-primary, .54 )) !default;
116
116
  /// The text color of the track when the Switch is checked.
117
117
  /// @group switch
118
118
  $kendo-switch-on-track-text: null !default;
package/scss/timeline/_variables.scss CHANGED
@@ -67,7 +67,7 @@ $kendo-timeline-track-start-calc: calc(#{$kendo-timeline-track-arrow-width} - 2
67
67
  $kendo-timeline-track-end-calc: calc(#{$kendo-timeline-track-arrow-width} - 2 * #{$kendo-timeline-track-border-width}) !default;
68
68
  /// The background color of the Timeline track.
69
69
  /// @group timeline
70
- $kendo-timeline-track-bg: #e0e0e0 !default;
70
+ $kendo-timeline-track-bg: if($kendo-enable-color-system, k-color( base-subtle ), #e0e0e0) !default;
71
71
  /// The border color of the Timeline track.
72
72
  /// @group timeline
73
73
  $kendo-timeline-track-border-color: $kendo-timeline-track-bg !default;
package/scss/toolbar/_theme.scss CHANGED
@@ -11,6 +11,33 @@
11
11
  background-color: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-button-bg ));
12
12
  border-color: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-button-bg ));
13
13
 
14
+ // Hover state
15
+ &:hover,
16
+ &.k-hover {
17
+ background-color: if($kendo-enable-color-system, k-color( base-subtle-hover ), null);
18
+ border-color: if($kendo-enable-color-system, k-color( base-subtle-hover ), null);
19
+ }
20
+
21
+ // Focus state
22
+ &:focus,
23
+ &.k-focus {
24
+ background-color: if($kendo-enable-color-system, k-color( base-subtle-hover ), null);
25
+ border-color: if($kendo-enable-color-system, k-color( base-subtle-hover ), null);
26
+ }
27
+
28
+ // Active state
29
+ &:active,
30
+ &.k-active {
31
+ background-color: if($kendo-enable-color-system, k-color( base-subtle-active ), null);
32
+ border-color: if($kendo-enable-color-system, k-color( base-subtle-active ), null);
33
+ }
34
+
35
+ // Selected state
36
+ &.k-selected {
37
+ background-color: if($kendo-enable-color-system, k-color( base-subtle-active ), null);
38
+ border-color: if($kendo-enable-color-system, k-color( base-subtle-active ), null);
39
+ }
40
+
14
41
  &.k-input-button,
15
42
  &.k-input-spinner .k-spinner-increase,
16
43
  &.k-input-spinner .k-spinner-decrease {