@progress/kendo-theme-material 6.8.0-dev.1 → 7.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 (48) hide show
  1. package/dist/all.css +446 -157
  2. package/dist/all.scss +777 -142
  3. package/dist/meta/sassdoc-data.json +16456 -14158
  4. package/dist/meta/sassdoc-raw-data.json +1613 -554
  5. package/dist/meta/variables.json +277 -129
  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 +5 -5
  22. package/scss/_variables.scss +32 -7
  23. package/scss/action-sheet/_variables.scss +1 -1
  24. package/scss/appbar/_variables.scss +2 -2
  25. package/scss/bottom-navigation/_variables.scss +2 -2
  26. package/scss/button/_variables.scss +1 -1
  27. package/scss/card/_variables.scss +2 -2
  28. package/scss/chat/_variables.scss +6 -6
  29. package/scss/coloreditor/_variables.scss +2 -2
  30. package/scss/colorgradient/_variables.scss +14 -8
  31. package/scss/common/_index.scss +1 -0
  32. package/scss/common/_indicators.scss +1 -0
  33. package/scss/core/_index.scss +6 -0
  34. package/scss/core/elevation/index.import.scss +53 -0
  35. package/scss/dock-manager/_index.scss +38 -0
  36. package/scss/dock-manager/_layout.scss +6 -0
  37. package/scss/dock-manager/_theme.scss +6 -0
  38. package/scss/dock-manager/_variables.scss +113 -0
  39. package/scss/fab/_variables.scss +3 -3
  40. package/scss/index.scss +2 -0
  41. package/scss/pdf-viewer/_variables.scss +4 -5
  42. package/scss/pivotgrid/_variables.scss +4 -4
  43. package/scss/popup/_variables.scss +1 -1
  44. package/scss/scheduler/_variables.scss +1 -3
  45. package/scss/tabstrip/_variables.scss +1 -1
  46. package/scss/toolbar/_variables.scss +1 -1
  47. package/scss/tooltip/_variables.scss +2 -0
  48. package/scss/window/_variables.scss +2 -2
package/scss/dock-manager/_variables.scss ADDED
@@ -0,0 +1,113 @@
1
+ /// The width of the border around the DockManager component.
2
+ /// @group dock-manager
3
+ $kendo-dock-manager-border-width: 1px !default;
4
+ /// The style of the border around the DockManager component.
5
+ /// @group dock-manager
6
+ $kendo-dock-manager-border-style: solid !default;
7
+ /// The color of the border around the DockManager component.
8
+ /// @group dock-manager
9
+ $kendo-dock-manager-border: $kendo-base-border !default;
10
+
11
+ /// The vertical padding of the pane header in the DockManager component.
12
+ /// @group dock-manager
13
+ $kendo-dock-manager-pane-header-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
14
+ /// The horizontal padding of the pane header in the DockManager component.
15
+ /// @group dock-manager
16
+ $kendo-dock-manager-pane-header-padding-x: k-map-get( $kendo-spacing, 6 ) !default;
17
+ /// The width of the border around the pane header in the DockManager component.
18
+ /// @group dock-manager
19
+ $kendo-dock-manager-pane-header-border-width: $kendo-dock-manager-border-width !default;
20
+ /// The style of the border around the pane header in the DockManager component.
21
+ /// @group dock-manager
22
+ $kendo-dock-manager-pane-header-border-style: solid !default;
23
+ /// The background color of the pane header in the DockManager component.
24
+ /// @group dock-manager
25
+ $kendo-dock-manager-pane-header-bg: $kendo-component-bg !default;
26
+
27
+ /// The vertical padding of the pane title in the DockManager component.
28
+ /// @group dock-manager
29
+ $kendo-dock-manager-pane-title-padding-y: null !default;
30
+ /// The horizontal padding of the pane title in the DockManager component.
31
+ /// @group dock-manager
32
+ $kendo-dock-manager-pane-title-padding-x: null !default;
33
+ /// The font family of the pane title in the DockManager component.
34
+ /// @group dock-manager
35
+ $kendo-dock-manager-pane-title-font-family: $kendo-font-family !default;
36
+ /// The font size of the pane title in the DockManager component.
37
+ /// @group dock-manager
38
+ $kendo-dock-manager-pane-title-font-size: $kendo-font-size-lg !default;
39
+ /// The line height of the pane title in the DockManager component.
40
+ /// @group dock-manager
41
+ $kendo-dock-manager-pane-title-line-height: $kendo-line-height-sm !default;
42
+ /// The font weight of the pane title in the DockManager component.
43
+ /// @group dock-manager
44
+ $kendo-dock-manager-pane-title-font-weight: $kendo-font-weight-normal !default;
45
+
46
+ /// The horizontal padding of the pane content in the DockManager component.
47
+ /// @group dock-manager
48
+ $kendo-dock-manager-pane-content-padding-x: $kendo-dock-manager-pane-header-padding-x !default;
49
+ /// The vertical padding of the pane content in the DockManager component.
50
+ /// @group dock-manager
51
+ $kendo-dock-manager-pane-content-padding-y: $kendo-dock-manager-pane-header-padding-x !default;
52
+
53
+ /// The horizontal padding of the tabbed pane in the DockManager component.
54
+ /// @group dock-manager
55
+ $kendo-dock-manager-tabbed-pane-padding-y: null !default;
56
+ /// The horizontal padding of the tabbed pane in the DockManager component.
57
+ /// @group dock-manager
58
+ $kendo-dock-manager-tabbed-pane-padding-x: null !default;
59
+
60
+ /// The width of the unpinned pane container in the DockManager component.
61
+ /// @group dock-manager
62
+ $kendo-dock-manager-unpinned-container-width: 300px !default;
63
+ /// The background-color of the unpinned pane container in the DockManager component.
64
+ /// @group dock-manager
65
+ $kendo-dock-manager-unpinned-container-bg: $kendo-color-white !default;
66
+ /// The box shadow of the unpinned pane container in the DockManager component.
67
+ /// @group dock-manager
68
+ $kendo-dock-manager-unpinned-container-shadow: 4px 0px 5px 0px rgba(0, 0, 0, 0.04), 2px 0px 4px 0px rgba(0, 0, 0, 0.03) !default;
69
+
70
+ /// The padding of the dock indicator in the DockManager component.
71
+ /// @group dock-manager
72
+ $kendo-dock-indicator-padding: k-map-get( $kendo-spacing, 1.5 ) !default;
73
+ /// The background color of the dock indicator in the DockManager component.
74
+ /// @group dock-manager
75
+ $kendo-dock-indicator-bg: $kendo-base-bg !default;
76
+ /// The text color of the dock indicator in the DockManager component.
77
+ /// @group dock-manager
78
+ $kendo-dock-indicator-text: $kendo-color-primary !default;
79
+ /// The outline width of the dock indicator in the DockManager component.
80
+ /// @group dock-manager
81
+ $kendo-dock-indicator-outline-width: 1px !default;
82
+ /// The outline style of the dock indicator in the DockManager component.
83
+ /// @group dock-manager
84
+ $kendo-dock-indicator-outline-style: solid !default;
85
+ /// The outline color of the dock indicator in the DockManager component.
86
+ /// @group dock-manager
87
+ $kendo-dock-indicator-outline: $kendo-dock-indicator-text !default;
88
+ /// The box shadow of the dock indicator in the DockManager component.
89
+ /// @group dock-manager
90
+ $kendo-dock-indicator-shadow: drop-shadow( 0px 1px 18px rgba(0, 0, 0, 0.12) ) drop-shadow( 0px 6px 10px rgba(0, 0, 0, 0.14) ) drop-shadow( 0px 3px 5px rgba(0, 0, 0, 0.20) ) !default;
91
+
92
+ /// The background color of the hovered dock indicator in the DockManager component.
93
+ /// @group dock-manager
94
+ $kendo-dock-indicator-hover-bg: k-color-mix( $kendo-color-white, $kendo-color-primary, 8% ) !default;
95
+ /// The text color of the hovered dock indicator in the DockManager component.
96
+ /// @group dock-manager
97
+ $kendo-dock-indicator-hover-text: $kendo-color-white !default;
98
+
99
+ /// The width of the border around the dropping area in the DockManager component.
100
+ /// @group dock-manager
101
+ $kendo-dock-manager-dock-preview-border-width: 1px !default;
102
+ /// The style of the border around the dropping area in the DockManager component.
103
+ /// @group dock-manager
104
+ $kendo-dock-manager-dock-preview-border-style: dashed !default;
105
+ /// The border radius of the dropping area in the DockManager component.
106
+ /// @group dock-manager
107
+ $kendo-dock-manager-dock-preview-border-radius: $kendo-border-radius-sm !default;
108
+ /// The background color of the dropping area in the DockManager component.
109
+ /// @group dock-manager
110
+ $kendo-dock-manager-dock-preview-bg: rgba( $kendo-color-primary, .16 ) !default;
111
+ /// The border color of the dropping area in the DockManager component.
112
+ /// @group dock-manager
113
+ $kendo-dock-manager-dock-preview-border: $kendo-color-primary !default;
package/scss/fab/_variables.scss CHANGED
@@ -115,13 +115,13 @@ $kendo-fab-sizes: (
115
115
 
116
116
  /// The base shadow of the FAB.
117
117
  /// @group floating-action-button
118
- $kendo-fab-shadow: 0px 3px 5px -1px rgba( black, .2 ), 0px 6px 10px rgba( black, .14 ), 0px 1px 18px rgba( black, .12 ) !default;
118
+ $kendo-fab-shadow: $box-shadow-depth-5 !default;
119
119
  /// The shadow of the disabled FAB.
120
120
  /// @group floating-action-button
121
- $kendo-fab-disabled-shadow: 0px 3px 5px -1px k-try-tint( rgba( black, .2 ), .5 ), 0px 6px 10px k-try-tint( rgba( black, .14 ), .5 ), 0px 1px 18px k-try-tint( rgba( black, .12 ), .5 ) !default;
121
+ $kendo-fab-disabled-shadow: $box-shadow-depth-5 !default;
122
122
  /// The shadow of the active FAB.
123
123
  /// @group floating-action-button
124
- $kendo-fab-active-shadow: 0px 5px 5px -3px rgba( black, .2 ), 0px 8px 10px 1px rgba( black, .14 ), 0px 3px 14px 2px rgba( black, .12 ) !default;
124
+ $kendo-fab-active-shadow: $box-shadow-depth-7 !default;
125
125
 
126
126
  /// The base text color of the FAB item.
127
127
  /// @group floating-action-button
package/scss/index.scss CHANGED
@@ -120,6 +120,7 @@
120
120
  @import "./panelbar/_index.scss";
121
121
  @import "./splitter/_index.scss";
122
122
  @import "./tilelayout/_index.scss";
123
+ @import "./dock-manager/_index.scss";
123
124
 
124
125
 
125
126
  // Data management
@@ -288,6 +289,7 @@
288
289
  @include kendo-panelbar--styles();
289
290
  @include kendo-splitter--styles();
290
291
  @include kendo-tile-layout--styles();
292
+ @include kendo-dock-manager--styles();
291
293
 
292
294
 
293
295
  // Data management
package/scss/pdf-viewer/_variables.scss CHANGED
@@ -23,8 +23,11 @@ $kendo-pdf-viewer-page-spacing: 30px !default;
23
23
  $kendo-pdf-viewer-page-bg: white !default;
24
24
  $kendo-pdf-viewer-page-text: $kendo-component-text !default;
25
25
  $kendo-pdf-viewer-page-border: $kendo-component-border !default;
26
- $kendo-pdf-viewer-page-shadow: 0 0 k-math-div( $kendo-pdf-viewer-page-spacing, 2 ) $kendo-pdf-viewer-page-border !default;
26
+ $kendo-pdf-viewer-page-shadow: $box-shadow-depth-3 !default;
27
27
 
28
+ $kendo-pdf-viewer-search-panel-padding-x: $kendo-toolbar-md-padding-x !default;
29
+ $kendo-pdf-viewer-search-panel-padding-y: calc( #{$kendo-toolbar-md-padding-x} * 2 ) !default;
30
+ $kendo-pdf-viewer-search-panel-spacing: $kendo-toolbar-md-spacing !default;
28
31
  $kendo-pdf-viewer-search-panel-border-width: 1px !default;
29
32
  $kendo-pdf-viewer-search-panel-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
30
33
  $kendo-pdf-viewer-search-panel-bg: $kendo-component-bg !default;
@@ -33,10 +36,6 @@ $kendo-pdf-viewer-search-panel-border: $kendo-component-border !default;
33
36
  $kendo-pdf-viewer-search-panel-shadow: $kendo-window-shadow !default;
34
37
  $kendo-pdf-viewer-search-panel-matches-spacing: $kendo-padding-sm-x !default;
35
38
 
36
- $kendo-pdf-viewer-search-dialog-padding-x: $kendo-toolbar-md-padding-x !default;
37
- $kendo-pdf-viewer-search-dialog-padding-y: calc( #{$kendo-toolbar-md-padding-x} * 2 ) !default;
38
- $kendo-pdf-viewer-search-dialog-spacing: $kendo-toolbar-md-spacing !default;
39
-
40
39
  $kendo-pdf-viewer-selection-line-height: $kendo-line-height-sm !default;
41
40
 
42
41
  $kendo-pdf-viewer-search-highlight-bg: $kendo-body-text !default;
package/scss/pivotgrid/_variables.scss CHANGED
@@ -70,10 +70,10 @@ $kendo-pivotgrid-configurator-header-bg: null !default;
70
70
  $kendo-pivotgrid-configurator-header-text: $kendo-component-header-text !default;
71
71
  $kendo-pivotgrid-configurator-header-border: null !default;
72
72
 
73
- $kendo-pivotgrid-configurator-end-shadow: -3px 0px 6px rgba( black, .16 ) !default;
74
- $kendo-pivotgrid-configurator-start-shadow: 3px 0px 6px rgba( black, .16 ) !default;
75
- $kendo-pivotgrid-configurator-top-shadow: 0px -3px 6px rgba( black, .16 ) !default;
76
- $kendo-pivotgrid-configurator-bottom-shadow: 0px 3px 6px rgba( black, .16 ) !default;
73
+ $kendo-pivotgrid-configurator-end-shadow: $box-shadow-depth-3 !default;
74
+ $kendo-pivotgrid-configurator-start-shadow: $box-shadow-depth-3 !default;
75
+ $kendo-pivotgrid-configurator-top-shadow: $box-shadow-depth-3 !default;
76
+ $kendo-pivotgrid-configurator-bottom-shadow: $box-shadow-depth-3 !default;
77
77
 
78
78
  $kendo-pivotgrid-configurator-button-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
79
79
  $kendo-pivotgrid-configurator-button-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
package/scss/popup/_variables.scss CHANGED
@@ -36,4 +36,4 @@ $kendo-popup-text: $kendo-component-text !default;
36
36
  $kendo-popup-border: $kendo-component-border !default;
37
37
  /// Box shadow of the popup.
38
38
  /// @group popup
39
- $kendo-popup-shadow: 0 2px 4px -1px rgba( $elevation, .2 ), 0 4px 5px 0 rgba( $elevation, .14 ), 0 1px 10px 0 rgba( $elevation, .12 ) !default;
39
+ $kendo-popup-shadow: $box-shadow-depth-4 !default;
package/scss/scheduler/_variables.scss CHANGED
@@ -48,8 +48,6 @@ $kendo-scheduler-cell-height: $kendo-line-height-md * 1rem !default;
48
48
  $kendo-scheduler-datecolumn-width: 12rem !default;
49
49
  $kendo-scheduler-timecolumn-width: 11rem !default;
50
50
 
51
- $kendo-scheduler-current-time-color: #ff0000 !default;
52
-
53
51
  $kendo-scheduler-nonwork-bg: k-try-shade( $kendo-scheduler-bg, .5 ) !default;
54
52
  $kendo-scheduler-nonwork-text: null !default;
55
53
 
@@ -77,7 +75,7 @@ $kendo-scheduler-tooltip-border-width: 0 !default;
77
75
  $kendo-scheduler-tooltip-bg: $kendo-color-primary-contrast !default;
78
76
  $kendo-scheduler-tooltip-text: $kendo-base-text !default;
79
77
  $kendo-scheduler-tooltip-border: null !default;
80
- $kendo-scheduler-tooltip-shadow: 0px 0px 10px rgba( black, .2 ) !default;
78
+ $kendo-scheduler-tooltip-shadow: $box-shadow-depth-2 !default;
81
79
 
82
80
  $kendo-scheduler-tooltip-title-margin-y: k-map-get( $kendo-spacing, 2 ) !default;
83
81
  $kendo-scheduler-tooltip-month-font-size: $kendo-font-size-sm !default;
package/scss/tabstrip/_variables.scss CHANGED
@@ -79,7 +79,7 @@ $kendo-tabstrip-item-selected-gradient: null !default;
79
79
 
80
80
  $kendo-tabstrip-item-focus-shadow: $kendo-list-item-focus-shadow !default;
81
81
 
82
- $kendo-tabstrip-item-dragging-shadow: 0 4px 5px 0 rgba( black, .14 ), 0 1px 10px 0 rgba( black, .12 ), 0 2px 4px -1px rgba( black, .2 ) !default;
82
+ $kendo-tabstrip-item-dragging-shadow: $box-shadow-depth-3 !default;
83
83
 
84
84
  $kendo-tabstrip-item-disabled-bg: null !default;
85
85
  $kendo-tabstrip-item-disabled-text: k-map-get( $theme, disabled-text ) !default;
package/scss/toolbar/_variables.scss CHANGED
@@ -70,7 +70,7 @@ $kendo-toolbar-border: null !default;
70
70
  $kendo-toolbar-gradient: null !default;
71
71
  /// The box shadow of the Toolbar.
72
72
  /// @group toolbar
73
- $kendo-toolbar-shadow: $box-shadow-depth-2 !default;
73
+ $kendo-toolbar-shadow: $box-shadow-depth-4 !default;
74
74
 
75
75
  /// The color of the separator border of the Toolbar.
76
76
  /// @group toolbar
package/scss/tooltip/_variables.scss CHANGED
@@ -19,6 +19,8 @@ $kendo-tooltip-bg: material-color( gray, 700, .9 ) !default;
19
19
  $kendo-tooltip-text: get-base-contrast( gray, 700 ) !default;
20
20
  $kendo-tooltip-border: $kendo-tooltip-bg !default;
21
21
 
22
+ $kendo-tooltip-shadow: $box-shadow-depth-2 !default;
23
+
22
24
  $kendo-tooltip-primary-bg: $kendo-color-primary !default;
23
25
  $kendo-tooltip-primary-text: k-contrast-color( $kendo-tooltip-primary-bg ) !default;
24
26
  $kendo-tooltip-primary-border: $kendo-tooltip-primary-bg !default;
package/scss/window/_variables.scss CHANGED
@@ -76,10 +76,10 @@ $kendo-window-text: $kendo-component-text !default;
76
76
  $kendo-window-border: $kendo-component-border !default;
77
77
  /// The box shadow of the Window.
78
78
  /// @group window
79
- $kendo-window-shadow: $box-shadow-depth-4 !default;
79
+ $kendo-window-shadow: $box-shadow-depth-8 !default;
80
80
  /// The box shadow of the focused Window.
81
81
  /// @group window
82
- $kendo-window-focus-shadow: $box-shadow-depth-5 !default;
82
+ $kendo-window-focus-shadow: $box-shadow-depth-9 !default;
83
83
 
84
84
  /// The background color of the Window titlebar.
85
85
  /// @group window