@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
@@ -3,7 +3,7 @@
3
3
  "name": "Material Aqua Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.8.0-dev.1",
6
+ "version": "7.0.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Arctic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.8.0-dev.1",
6
+ "version": "7.0.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Burnt Teal",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.8.0-dev.1",
6
+ "version": "7.0.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.8.0-dev.1",
6
+ "version": "7.0.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#3f51b5",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Eggplant",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.8.0-dev.1",
6
+ "version": "7.0.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Lime Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.8.0-dev.1",
6
+ "version": "7.0.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Lime",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.8.0-dev.1",
6
+ "version": "7.0.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.8.0-dev.1",
6
+ "version": "7.0.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.8.0-dev.1",
6
+ "version": "7.0.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Nova",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.8.0-dev.1",
6
+ "version": "7.0.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Pacific Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.8.0-dev.1",
6
+ "version": "7.0.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Pacific Light",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.8.0-dev.1",
6
+ "version": "7.0.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Sky Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.8.0-dev.1",
6
+ "version": "7.0.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Sky",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.8.0-dev.1",
6
+ "version": "7.0.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Smoke",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "6.8.0-dev.1",
6
+ "version": "7.0.0-dev.0",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-material",
3
3
  "description": "Material theme for Kendo UI",
4
- "version": "6.8.0-dev.1",
4
+ "version": "7.0.0-dev.0",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -52,9 +52,9 @@
52
52
  },
53
53
  "dependencies": {
54
54
  "@progress/kendo-font-icons": "1.9.0",
55
- "@progress/kendo-theme-core": "6.8.0-dev.1",
56
- "@progress/kendo-theme-default": "6.8.0-dev.1",
57
- "@progress/kendo-theme-utils": "6.8.0-dev.1"
55
+ "@progress/kendo-theme-core": "7.0.0-dev.0",
56
+ "@progress/kendo-theme-default": "7.0.0-dev.0",
57
+ "@progress/kendo-theme-utils": "7.0.0-dev.0"
58
58
  },
59
- "gitHead": "8b90f3aef2d8742d9fea94474dabb38bd7553c1d"
59
+ "gitHead": "228be168555ed9f71c328cefd10924e3fd037023"
60
60
  }
@@ -93,23 +93,48 @@ $elevation: k-map-get( $theme, elevation ) !default;
93
93
  /// Shadow for switch.
94
94
  /// Equivalent to material elevation 1.
95
95
  /// @group shadows
96
- $box-shadow-depth-1: 0 2px 1px -1px rgba( $elevation, .2 ), 0 1px 1px 0 rgba( $elevation, .14 ), 0 1px 3px 0 rgba( $elevation, .12 ) !default;
96
+ /// @deprecated Use the `$kendo-elevation` map instead.
97
+ $box-shadow-depth-1: k-elevation(1) !default;
97
98
  /// Shadow for resting state of button, card and other widgets.
98
99
  /// Equivalent to material elevation 2.
99
100
  /// @group shadows
100
- $box-shadow-depth-2: 0 3px 1px -2px rgba( $elevation, .2 ), 0 2px 2px 0 rgba( $elevation, .14 ), 0 1px 5px 0 rgba( $elevation, .12 ) !default;
101
+ /// @deprecated Use the `$kendo-elevation` map instead.
102
+ $box-shadow-depth-2: k-elevation(2) !default;
101
103
  /// Shadow for menu, popups and raised state of button and card.
102
- /// Equivalent to material elevation 8.
104
+ /// Equivalent to material elevation 3.
103
105
  /// @group shadows
104
- $box-shadow-depth-3: 0 5px 5px -3px rgba( $elevation, .2 ), 0 8px 10px 1px rgba( $elevation, .14 ), 0 3px 14px 2px rgba( $elevation, .12 ) !default;
106
+ /// @deprecated Use the `$kendo-elevation` map instead.
107
+ $box-shadow-depth-3: k-elevation(3) !default;
105
108
  /// Shadow for drawers and other overlaying elements.
109
+ /// Equivalent to material elevation 4.
110
+ /// @group shadows
111
+ /// @deprecated Use the `$kendo-elevation` map instead.
112
+ $box-shadow-depth-4: k-elevation(4) !default;
113
+ /// Shadow for window and dialog.
114
+ /// Equivalent to material elevation 6.
115
+ /// @group shadows
116
+ /// @deprecated Use the `$kendo-elevation` map instead.
117
+ $box-shadow-depth-5: k-elevation(5) !default;
118
+ /// Shadow for window and dialog.
119
+ /// Equivalent to material elevation 8.
120
+ /// @group shadows
121
+ /// @deprecated Use the `$kendo-elevation` map instead.
122
+ $box-shadow-depth-6: k-elevation(6) !default;
123
+ /// Shadow for window and dialog.
124
+ /// Equivalent to material elevation 12.
125
+ /// @group shadows
126
+ /// @deprecated Use the `$kendo-elevation` map instead.
127
+ $box-shadow-depth-7: k-elevation(7) !default;
128
+ /// Shadow for window and dialog.
106
129
  /// Equivalent to material elevation 16.
107
130
  /// @group shadows
108
- $box-shadow-depth-4: 0 8px 10px -5px rgba( $elevation, .2 ), 0 16px 24px 2px rgba( $elevation, .14 ), 0 6px 30px 5px rgba( $elevation, .12 ) !default;
131
+ /// @deprecated Use the `$kendo-elevation` map instead.
132
+ $box-shadow-depth-8: k-elevation(8) !default;
109
133
  /// Shadow for window and dialog.
110
134
  /// Equivalent to material elevation 24.
111
135
  /// @group shadows
112
- $box-shadow-depth-5: 0 11px 15px -7px rgba( $elevation, .2 ), 0 24px 38px 3px rgba( $elevation, .14 ), 0 9px 46px 8px rgba( $elevation, .12 ) !default;
136
+ /// @deprecated Use the `$kendo-elevation` map instead.
137
+ $box-shadow-depth-9: k-elevation(9) !default;
113
138
 
114
139
 
115
140
  // Icons
@@ -414,4 +439,4 @@ $kendo-invalid-shadow: null !default;
414
439
 
415
440
  // Loading
416
441
  $kendo-loading-opacity: .3 !default;
417
- $kendo-zindex-loading: 100 !default;
442
+ $kendo-zindex-loading: 100 !default;
@@ -17,7 +17,7 @@ $kendo-actionsheet-line-height: k-math-div( 20, 14 ) !default;
17
17
  $kendo-actionsheet-bg: $kendo-component-bg !default;
18
18
  $kendo-actionsheet-text: $kendo-component-text !default;
19
19
  $kendo-actionsheet-border: $kendo-component-border !default;
20
- $kendo-actionsheet-shadow: $box-shadow-depth-4 !default;
20
+ $kendo-actionsheet-shadow: $box-shadow-depth-7 !default;
21
21
 
22
22
 
23
23
  // Actionsheet header
@@ -48,7 +48,7 @@ $kendo-appbar-dark-text: k-contrast-color( $kendo-color-dark ) !default;
48
48
 
49
49
  /// The box shadow of the AppBar.
50
50
  /// @group appbar
51
- $kendo-appbar-box-shadow: 0px 2px 3px rgba( black, .24 ) !default;
51
+ $kendo-appbar-box-shadow: $box-shadow-depth-4 !default;
52
52
  /// The box shadow of the AppBar with bottom position.
53
53
  /// @group appbar
54
- $kendo-appbar-bottom-box-shadow: 0px -2px 3px rgba( black, .24 ) !default;
54
+ $kendo-appbar-bottom-box-shadow: $kendo-appbar-box-shadow !default;
@@ -49,7 +49,7 @@ $kendo-bottom-nav-item-gap: 0 k-map-get( $kendo-spacing, 1 ) !default;
49
49
 
50
50
  /// The box shadow of the BottomNavigation.
51
51
  /// @group bottom-navigation
52
- $kendo-bottom-nav-shadow: 0px 0px 5px rgba( black, .12 ) !default;
52
+ $kendo-bottom-nav-shadow: $box-shadow-depth-4 !default;
53
53
 
54
54
  /// The text color of the flat BottomNavigation.
55
55
  /// @group bottom-navigation
@@ -59,4 +59,4 @@ $kendo-bottom-nav-flat-text: $kendo-component-text !default;
59
59
  $kendo-bottom-nav-flat-bg: $kendo-component-bg !default;
60
60
  /// The border color of the flat BottomNavigation.
61
61
  /// @group bottom-navigation
62
- $kendo-bottom-nav-flat-border: $kendo-component-border !default;
62
+ $kendo-bottom-nav-flat-border: $kendo-component-border !default;
@@ -154,7 +154,7 @@ $kendo-button-active-border: null !default;
154
154
  $kendo-button-active-gradient: null !default;
155
155
  /// The base shadow of the active Button.
156
156
  /// @group button
157
- $kendo-button-active-shadow: $box-shadow-depth-3 !default;
157
+ $kendo-button-active-shadow: $box-shadow-depth-6 !default;
158
158
 
159
159
  /// The base background color of the selected Button.
160
160
  /// @group button
@@ -13,12 +13,12 @@ $kendo-card-deck-gap: k-map-get( $kendo-spacing, 4 ) !default;
13
13
  $kendo-card-bg: $kendo-component-bg !default;
14
14
  $kendo-card-text: $kendo-component-text !default;
15
15
  $kendo-card-border: $kendo-component-border !default;
16
- $kendo-card-shadow: $box-shadow-depth-2 !default;
16
+ $kendo-card-shadow: $box-shadow-depth-1 !default;
17
17
 
18
18
  $kendo-card-focus-bg: null !default;
19
19
  $kendo-card-focus-text: null !default;
20
20
  $kendo-card-focus-border: null !default;
21
- $kendo-card-focus-shadow: $box-shadow-depth-4 !default;
21
+ $kendo-card-focus-shadow: $box-shadow-depth-3 !default;
22
22
 
23
23
  $kendo-card-header-padding-x: $kendo-card-padding-x !default;
24
24
  $kendo-card-header-padding-y: $kendo-card-padding-y !default;
@@ -52,16 +52,16 @@ $kendo-chat-border: $kendo-component-border !default;
52
52
  $kendo-chat-bubble-bg: $kendo-component-bg !default;
53
53
  $kendo-chat-bubble-text: $kendo-component-text !default;
54
54
  $kendo-chat-bubble-border: $kendo-chat-bubble-bg !default;
55
- $kendo-chat-bubble-shadow: 0 1px 2px rgba( black, .08 ) !default;
56
- $kendo-chat-bubble-hover-shadow: 0 1px 2px rgba( black, .16 ) !default;
57
- $kendo-chat-bubble-selected-shadow: 0 3px 10px rgba( black, .16 ) !default;
55
+ $kendo-chat-bubble-shadow: $box-shadow-depth-1 !default;
56
+ $kendo-chat-bubble-hover-shadow: $box-shadow-depth-2 !default;
57
+ $kendo-chat-bubble-selected-shadow: $box-shadow-depth-3 !default;
58
58
 
59
59
  $kendo-chat-alt-bubble-bg: $kendo-color-primary !default;
60
60
  $kendo-chat-alt-bubble-text: k-contrast-color( $kendo-chat-alt-bubble-bg ) !default;
61
61
  $kendo-chat-alt-bubble-border: $kendo-chat-alt-bubble-bg !default;
62
- $kendo-chat-alt-bubble-shadow: 0 1px 2px rgba( $kendo-chat-alt-bubble-bg, .2 ) !default;
63
- $kendo-chat-alt-bubble-hover-shadow: 0 1px 2px rgba( $kendo-chat-alt-bubble-bg, .2 ) !default;
64
- $kendo-chat-alt-bubble-selected-shadow: 0 3px 10px rgba( $kendo-chat-alt-bubble-bg, .4 ) !default;
62
+ $kendo-chat-alt-bubble-shadow: $box-shadow-depth-1 !default;
63
+ $kendo-chat-alt-bubble-hover-shadow: $box-shadow-depth-2 !default;
64
+ $kendo-chat-alt-bubble-selected-shadow: $box-shadow-depth-3 !default;
65
65
 
66
66
  $kendo-chat-quick-reply-bg: transparent !default;
67
67
  $kendo-chat-quick-reply-text: $kendo-color-primary !default;
@@ -37,7 +37,7 @@ $kendo-color-editor-border: $kendo-component-border !default;
37
37
  $kendo-color-editor-focus-border: $kendo-hover-border !default;
38
38
  /// The box shadow of the focused ColorEditor.
39
39
  /// @group coloreditor
40
- $kendo-color-editor-focus-shadow: $box-shadow-depth-2 !default;
40
+ $kendo-color-editor-focus-shadow: $box-shadow-depth-3 !default;
41
41
 
42
42
  /// The vertical padding of the ColorEditor header.
43
43
  /// @group coloreditor
@@ -77,4 +77,4 @@ $kendo-color-editor-color-gradient-focus-outline-color: rgba(0, 0, 0, .3) !defau
77
77
  $kendo-color-editor-color-gradient-focus-outline: 2px !default;
78
78
  /// The outline offset of the focused ColorGradient.
79
79
  /// @group coloreditor
80
- $kendo-color-editor-color-gradient-focus-outline-offset: 2px !default;
80
+ $kendo-color-editor-color-gradient-focus-outline-offset: 2px !default;
@@ -48,7 +48,7 @@ $kendo-color-gradient-border: $kendo-component-border !default;
48
48
  $kendo-color-gradient-focus-border: $kendo-hover-border !default;
49
49
  /// The box shadow of the focused ColorGradient.
50
50
  /// @group cologradient
51
- $kendo-color-gradient-focus-shadow: $box-shadow-depth-2 !default;
51
+ $kendo-color-gradient-focus-shadow: $box-shadow-depth-3 !default;
52
52
 
53
53
  /// The border radius of the ColorGradient canvas.
54
54
  /// @group cologradient
@@ -86,6 +86,9 @@ $kendo-color-gradient-draghandle-height: 14px !default;
86
86
  /// The width of the border around the ColorGradient canvas drag handle.
87
87
  /// @group cologradient
88
88
  $kendo-color-gradient-draghandle-border-width: 1px !default;
89
+ /// The width of the outline around the ColorGradient canvas drag handle.
90
+ /// @group cologradient
91
+ $kendo-color-gradient-draghandle-outline-width: 1px !default;
89
92
  /// The border radius of the ColorGradient canvas drag handle.
90
93
  /// @group cologradient
91
94
  $kendo-color-gradient-draghandle-border-radius: 50% !default;
@@ -98,15 +101,18 @@ $kendo-color-gradient-draghandle-bg: transparent !default;
98
101
  /// The color of the border around the ColorGradient canvas drag handle.
99
102
  /// @group cologradient
100
103
  $kendo-color-gradient-draghandle-border: rgba( white, .8 ) !default;
101
- /// The box shadow of the ColorGradient canvas drag handle.
104
+ /// The color of the outline around the ColorGradient canvas drag handle.
102
105
  /// @group cologradient
103
- $kendo-color-gradient-draghandle-shadow: 0 1px 4px rgba( black, .5 ) !default;
104
- /// The box shadow of the focused ColorGradient canvas drag handle.
106
+ $kendo-color-gradient-draghandle-shadow: rgba( $kendo-color-black, .5) !default;
107
+ /// The focus color of the outline around the ColorGradient canvas drag handle.
105
108
  /// @group cologradient
106
- $kendo-color-gradient-draghandle-focus-shadow: 0 1px 4px black !default;
107
- /// The box shadow of the hovered ColorGradient canvas drag handle.
109
+ $kendo-color-gradient-draghandle-focus-shadow: $kendo-color-black !default;
110
+ /// The outline color of the outline around the ColorGradient canvas drag handle.
111
+ /// @group cologradient
112
+ $kendo-color-gradient-draghandle-hover-shadow: $kendo-color-black !default;
113
+ /// The box shadow of the ColorGradient canvas drag handle.
108
114
  /// @group cologradient
109
- $kendo-color-gradient-draghandle-hover-shadow: $kendo-color-gradient-draghandle-focus-shadow !default;
115
+ $kendo-color-gradient-draghandle-shadow: k-elevation(2) !default;
110
116
 
111
117
  /// The vertical margin of the ColorGradient canvas drag handle.
112
118
  /// @group cologradient
@@ -133,4 +139,4 @@ $kendo-color-gradient-input-label-text: $kendo-subtle-text !default;
133
139
  $kendo-color-gradient-contrast-ratio-font-weight: $kendo-font-weight-medium !default;
134
140
  /// The spacing between the items in the ColorGradient contrast tool.
135
141
  /// @group cologradient
136
- $kendo-color-gradient-contrast-spacer: k-map-get( $kendo-spacing, 2 ) !default;
142
+ $kendo-color-gradient-contrast-spacer: k-map-get( $kendo-spacing, 2 ) !default;
@@ -1,4 +1,5 @@
1
1
  @import "./_base.scss";
2
2
  @import "./_animations.scss";
3
+ @import "./_indicators.scss";
3
4
  @import "./_resizing.scss";
4
5
  @import "./_scrollbar.scss";
@@ -0,0 +1 @@
1
+ @import "@progress/kendo-theme-default/scss/common/_indicators.scss";
@@ -3,6 +3,9 @@ $wcag-min-contrast-ratio: 4.5 !default;
3
3
  // Color system
4
4
  @import "./color-system/index.import.scss";
5
5
 
6
+ // Elevation
7
+ @import "./elevation/index.import.scss";
8
+
6
9
  // Variables
7
10
  @import "../_variables.scss";
8
11
 
@@ -11,4 +14,7 @@ $wcag-min-contrast-ratio: 4.5 !default;
11
14
  // Expose
12
15
  @include exports("kendo-core-styles") {
13
16
  @include kendo-core--styles();
17
+
18
+ // Elevation System
19
+ @include kendo-elevation--styles();
14
20
  }
@@ -0,0 +1,53 @@
1
+ $_default-elevation: (
2
+ 1: (
3
+ 0px 1px 3px 0px rgba(0, 0, 0, 0.2),
4
+ 0px 2px 1px 0px rgba(0, 0, 0, 0.12),
5
+ 0px 1px 1px 0px rgba(0, 0, 0, 0.14),
6
+ ),
7
+ 2: (
8
+ 0px 1px 5px 0px rgba(0, 0, 0, 0.2),
9
+ 0px 3px 1px 0px rgba(0, 0, 0, 0.12),
10
+ 0px 2px 2px 0px rgba(0, 0, 0, 0.14),
11
+ ),
12
+ 3: (
13
+ 0px 1px 8px 0px rgba(0, 0, 0, 0.2),
14
+ 0px 3px 3px 0px rgba(0, 0, 0, 0.12),
15
+ 0px 3px 4px 0px rgba(0, 0, 0, 0.14),
16
+ ),
17
+ 4: (
18
+ 0px 2px 4px 0px rgba(0, 0, 0, 0.2),
19
+ 0px 1px 10px 0px rgba(0, 0, 0, 0.12),
20
+ 0px 4px 5px 0px rgba(0, 0, 0, 0.14),
21
+ ),
22
+ 5: (
23
+ 0px 3px 5px 0px rgba(0, 0, 0, 0.2),
24
+ 0px 1px 18px 0px rgba(0, 0, 0, 0.12),
25
+ 0px 6px 10px 0px rgba(0, 0, 0, 0.14),
26
+ ),
27
+ 6: (
28
+ 0px 5px 5px 0px rgba(0, 0, 0, 0.2),
29
+ 0px 3px 14px 0px rgba(0, 0, 0, 0.12),
30
+ 0px 8px 10px 0px rgba(0, 0, 0, 0.14),
31
+ ),
32
+ 7: (
33
+ 0px 7px 8px 0px rgba(0, 0, 0, 0.2),
34
+ 0px 5px 22px 0px rgba(0, 0, 0, 0.12),
35
+ 0px 12px 17px 0px rgba(0, 0, 0, 0.14),
36
+ ),
37
+ 8: (
38
+ 0px 8px 10px rgba(0, 0, 0, 0.2),
39
+ 0px 6px 30px rgba(0, 0, 0, 0.12),
40
+ 0px 16px 24px rgba(0, 0, 0, 0.14),
41
+ ),
42
+ 9: (
43
+ 0px 11px 15px rgba(0, 0, 0, 0.2),
44
+ 0px 9px 46px rgba(0, 0, 0, 0.12),
45
+ 0px 24px 38px rgba(0, 0, 0, 0.14),
46
+ ),
47
+ );
48
+
49
+ /// Global Elevation.
50
+ /// @group elevation
51
+ $kendo-elevation: $_default-elevation !default;
52
+
53
+ @import "@progress/kendo-theme-core/scss/elevation/index.import.scss";
@@ -0,0 +1,38 @@
1
+ @import "../core/_index.scss";
2
+ @import "../utils/_index.scss";
3
+
4
+ // Module meta
5
+ $_kendo-module-meta: (
6
+ name: "dock-manager",
7
+ dependencies: (
8
+ "splitter",
9
+ "toolbar",
10
+ "tabstrip"
11
+ )
12
+ );
13
+
14
+ // Dependencies
15
+ @import "../splitter/_index.scss";
16
+ @import "../toolbar/_index.scss";
17
+ @import "../tabstrip/_index.scss";
18
+
19
+ // Component
20
+ @import "./_variables.scss";
21
+ @import "./_layout.scss";
22
+ @import "./_theme.scss";
23
+
24
+ // Register
25
+ @import "../core/module-system/index.import.scss";
26
+ @include module-register( $_kendo-module-meta... );
27
+
28
+ // Expose
29
+ @mixin kendo-dock-manager--styles() {
30
+ @include module-render("dock-manager") {
31
+ @include kendo-dock-manager--layout();
32
+ @include kendo-dock-manager--theme();
33
+ }
34
+ }
35
+
36
+ @if $kendo-auto-bootstrap {
37
+ @include kendo-dock-manager--styles();
38
+ }
@@ -0,0 +1,6 @@
1
+ @import "@progress/kendo-theme-default/scss/dock-manager/_layout.scss";
2
+
3
+ @mixin kendo-dock-manager--layout() {
4
+ @include kendo-dock-manager--layout-base();
5
+ @include kendo-dock-navigator--layout();
6
+ }
@@ -0,0 +1,6 @@
1
+ @import "@progress/kendo-theme-default/scss/dock-manager/_theme.scss";
2
+
3
+ @mixin kendo-dock-manager--theme() {
4
+ @include kendo-dock-manager--theme-base();
5
+ @include kendo-dock-navigator--theme();
6
+ }