@progress/kendo-theme-material 6.5.0-dev.1 → 6.5.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 (29) hide show
  1. package/dist/all.css +302 -73
  2. package/dist/all.scss +2380 -1861
  3. package/dist/meta/sassdoc-data.json +13754 -16830
  4. package/dist/meta/sassdoc-raw-data.json +275 -1696
  5. package/dist/meta/variables.json +104 -140
  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 +16 -1
  23. package/scss/action-sheet/_variables.scss +1 -0
  24. package/scss/breadcrumb/_variables.scss +5 -178
  25. package/scss/common/_index.scss +0 -1
  26. package/scss/core/_index.scss +2 -12
  27. package/scss/core/color-system/_color-system-material.scss +14 -0
  28. package/scss/core/color-system/index.import.scss +0 -1
  29. package/scss/common/_selection.scss +0 -1
package/scss/breadcrumb/_variables.scss CHANGED
@@ -1,231 +1,58 @@
1
1
  // Breadcrumb
2
-
3
- /// The width of the border around the Breadcrumb.
4
- /// @group breadcrumb
5
- $kendo-breadcrumb-border-width: 0px !default;
6
-
7
- /// The horizontal margin of the Breadcrumb.
8
- /// @group breadcrumb
9
2
  $kendo-breadcrumb-margin-x: null !default;
10
- /// The vertical margin of the Breadcrumb.
11
- /// @group breadcrumb
12
3
  $kendo-breadcrumb-margin-y: null !default;
13
- /// The horizontal padding of the Breadcrumb.
14
- /// @group breadcrumb
15
4
  $kendo-breadcrumb-padding-x: null !default;
16
- /// The vertical padding of the Breadcrumb.
17
- /// @group breadcrumb
18
5
  $kendo-breadcrumb-padding-y: null !default;
6
+ $kendo-breadcrumb-border-width: 0px !default;
19
7
 
20
- /// The font family of the Breadcrumb.
21
- /// @group breadcrumb
22
8
  $kendo-breadcrumb-font-family: $kendo-font-family !default;
23
-
24
- /// The font size of the Breadcrumb.
25
- /// @group breadcrumb
26
9
  $kendo-breadcrumb-font-size: $kendo-font-size-md !default;
27
- /// The font size of the small Breadcrumb.
28
- /// @group breadcrumb
29
- $kendo-breadcrumb-sm-font-size: $kendo-font-size-md !default;
30
- /// The font size of the medium Breadcrumb.
31
- /// @group breadcrumb
32
- $kendo-breadcrumb-md-font-size: $kendo-breadcrumb-font-size !default;
33
- /// The font size of the large Breadcrumb.
34
- /// @group breadcrumb
35
- $kendo-breadcrumb-lg-font-size: $kendo-font-size-md !default;
36
-
37
- /// The line-height of the Breadcrumb.
38
- /// @group breadcrumb
39
10
  $kendo-breadcrumb-line-height: $kendo-line-height-md !default;
40
- /// The line-height of the small Breadcrumb.
41
- /// @group breadcrumb
42
- $kendo-breadcrumb-sm-line-height: $kendo-line-height-md !default;
43
- /// The line-height of the medium Breadcrumb.
44
- /// @group breadcrumb
45
- $kendo-breadcrumb-md-line-height: $kendo-breadcrumb-line-height !default;
46
- /// The line-height of the height Breadcrumb.
47
- /// @group breadcrumb
48
- $kendo-breadcrumb-lg-line-height: $kendo-line-height-md !default;
49
11
 
50
- /// The base background of the Breadcrumb.
51
- /// @group breadcrumb
52
12
  $kendo-breadcrumb-bg: $kendo-component-bg !default;
53
- /// The base text color of the Breadcrumb.
54
- /// @group breadcrumb
55
13
  $kendo-breadcrumb-text: $kendo-component-text !default;
56
- /// The base border color of the Breadcrumb.
57
- /// @group breadcrumb
58
14
  $kendo-breadcrumb-border: $kendo-component-border !default;
59
15
 
60
- /// The box shadow of the focused Breadcrumb.
61
- /// @group breadcrumb
62
- $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
63
-
64
- /// The horizontal padding of the Breadcrumb link.
65
- /// @group breadcrumb
66
16
  $kendo-breadcrumb-link-padding-x: k-map-get( $kendo-spacing, 2.5 ) !default;
67
- /// The horizontal padding of the small Breadcrumb link.
68
- /// @group breadcrumb
69
- $kendo-breadcrumb-sm-link-padding-x: k-map-get( $kendo-spacing, 2.5 ) !default;
70
- /// The horizontal padding of the medium Breadcrumb link.
71
- /// @group breadcrumb
72
- $kendo-breadcrumb-md-link-padding-x: $kendo-breadcrumb-link-padding-x !default;
73
- /// The horizontal padding of the large Breadcrumb link.
74
- /// @group breadcrumb
75
- $kendo-breadcrumb-lg-link-padding-x: k-map-get( $kendo-spacing, 2.5 ) !default;
76
-
77
- /// The vertical padding of the Breadcrumb link.
78
- /// @group breadcrumb
79
17
  $kendo-breadcrumb-link-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
80
- /// The vertical padding of the small Breadcrumb link.
81
- /// @group breadcrumb
82
- $kendo-breadcrumb-sm-link-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
83
- /// The vertical padding of the medium Breadcrumb link.
84
- /// @group breadcrumb
85
- $kendo-breadcrumb-md-link-padding-y: $kendo-breadcrumb-link-padding-y !default;
86
- /// The vertical padding of the large Breadcrumb link.
87
- /// @group breadcrumb
88
- $kendo-breadcrumb-lg-link-padding-y: k-map-get( $kendo-spacing, 1.5 ) !default;
89
-
90
- /// The border-radius of the Breadcrumb link.
91
- /// @group breadcrumb
92
18
  $kendo-breadcrumb-link-border-radius: $kendo-border-radius-md !default;
93
19
 
94
- /// The vertical padding of the Breadcrumb link icon.
95
- /// @group breadcrumb
96
- $kendo-breadcrumb-icon-link-padding-y: k-map-get( $kendo-spacing, 2.5 ) !default;
97
- /// The vertical padding of the small Breadcrumb link icon.
98
- /// @group breadcrumb
99
- $kendo-breadcrumb-sm-icon-link-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
100
- /// The vertical padding of the medium Breadcrumb link icon.
101
- /// @group breadcrumb
102
- $kendo-breadcrumb-md-icon-link-padding-y: $kendo-breadcrumb-icon-link-padding-y !default;
103
- /// The vertical padding of the large Breadcrumb link icon.
104
- /// @group breadcrumb
105
- $kendo-breadcrumb-lg-icon-link-padding-y: k-map-get( $kendo-spacing, 3 ) !default;
106
-
107
- /// The horizontal padding of the Breadcrumb link icon.
108
- /// @group breadcrumb
109
- $kendo-breadcrumb-icon-link-padding-x: $kendo-breadcrumb-icon-link-padding-y !default;
110
- /// The horizontal padding of the small Breadcrumb link icon.
111
- /// @group breadcrumb
112
- $kendo-breadcrumb-sm-icon-link-padding-x: $kendo-breadcrumb-sm-icon-link-padding-y !default;
113
- /// The horizontal padding of the medium Breadcrumb link icon.
114
- /// @group breadcrumb
115
- $kendo-breadcrumb-md-icon-link-padding-x: $kendo-breadcrumb-icon-link-padding-x !default;
116
- /// The horizontal padding of the large Breadcrumb link icon.
117
- /// @group breadcrumb
118
- $kendo-breadcrumb-lg-icon-link-padding-x: $kendo-breadcrumb-lg-icon-link-padding-y !default;
20
+ $kendo-breadcrumb-icon-link-padding-x: $kendo-breadcrumb-link-padding-x !default;
21
+ $kendo-breadcrumb-icon-link-padding-y: $kendo-breadcrumb-icon-link-padding-x !default;
119
22
 
120
- /// The spacing of the Breadcrumb link icon.
121
- /// @group breadcrumb
23
+ $kendo-breadcrumb-root-link-spacing: $kendo-breadcrumb-link-padding-x !default;
122
24
  $kendo-breadcrumb-link-icon-spacing: $kendo-icon-spacing !default;
123
25
 
124
- /// The text color of the Breadcrumb link.
125
- /// @group breadcrumb
126
26
  $kendo-breadcrumb-link-initial-text: inherit !default;
127
27
 
128
- /// The background color of the Breadcrumb link.
129
- /// @group breadcrumb
130
28
  $kendo-breadcrumb-link-bg: null !default;
131
- /// The text color of the Breadcrumb link.
132
- /// @group breadcrumb
133
29
  $kendo-breadcrumb-link-text: $kendo-color-primary !default;
134
- /// The border color of the Breadcrumb link.
135
- /// @group breadcrumb
136
30
  $kendo-breadcrumb-link-border: null !default;
137
31
 
138
- /// The background color of the hovered Breadcrumb link.
139
- /// @group breadcrumb
140
32
  $kendo-breadcrumb-link-hover-bg: $kendo-hover-bg !default;
141
- /// The text color of the hovered Breadcrumb link.
142
- /// @group breadcrumb
143
33
  $kendo-breadcrumb-link-hover-text: null !default;
144
- /// The border color of the hovered Breadcrumb link.
145
- /// @group breadcrumb
146
34
  $kendo-breadcrumb-link-hover-border: null !default;
147
35
 
148
- /// The background color of the focused Breadcrumb link.
149
- /// @group breadcrumb
150
36
  $kendo-breadcrumb-link-focus-bg: k-map-get( $theme, focus-bg ) !default;
151
- /// The text color of the focused Breadcrumb link.
152
- /// @group breadcrumb
153
37
  $kendo-breadcrumb-link-focus-text: null !default;
154
- /// The border color of the focused Breadcrumb link.
155
- /// @group breadcrumb
156
38
  $kendo-breadcrumb-link-focus-border: null !default;
157
- /// The box shadow of the focused Breadcrumb link.
158
- /// @group breadcrumb
159
39
  $kendo-breadcrumb-link-focus-shadow: null !default;
160
40
 
161
- /// The background color of the Breadcrumb root link.
162
- /// @group breadcrumb
163
41
  $kendo-breadcrumb-root-link-bg: null !default;
164
- /// The text color of the Breadcrumb root link.
165
- /// @group breadcrumb
166
42
  $kendo-breadcrumb-root-link-text: null !default;
167
- /// The border color of the Breadcrumb root link.
168
- /// @group breadcrumb
169
43
  $kendo-breadcrumb-root-link-border: null !default;
170
44
 
171
- /// The background color of the hovered Breadcrumb root link.
172
- /// @group breadcrumb
173
45
  $kendo-breadcrumb-root-link-hover-bg: $kendo-hover-bg !default;
174
- /// The text color of the hovered Breadcrumb root link.
175
- /// @group breadcrumb
176
46
  $kendo-breadcrumb-root-link-hover-text: null !default;
177
- /// The border color of the hovered Breadcrumb root link.
178
- /// @group breadcrumb
179
47
  $kendo-breadcrumb-root-link-hover-border: null !default;
180
48
 
181
- /// The background color of the focused Breadcrumb root link.
182
- /// @group breadcrumb
183
49
  $kendo-breadcrumb-root-link-focus-bg: k-map-get( $theme, focus-bg ) !default;
184
- /// The text color of the focused Breadcrumb root link.
185
- /// @group breadcrumb
186
50
  $kendo-breadcrumb-root-link-focus-text: null !default;
187
- /// The border color of the focused Breadcrumb root link.
188
- /// @group breadcrumb
189
51
  $kendo-breadcrumb-root-link-focus-border: null !default;
190
- /// The box shadow of the focused Breadcrumb root link.
191
- /// @group breadcrumb
192
52
  $kendo-breadcrumb-root-link-focus-shadow: null !default;
193
53
 
194
- /// The background color of the current Breadcrumb root link.
195
- /// @group breadcrumb
196
54
  $kendo-breadcrumb-current-item-bg: null !default;
197
- /// The text color of the current Breadcrumb root link.
198
- /// @group breadcrumb
199
55
  $kendo-breadcrumb-current-item-text: null !default;
200
- /// The border color of the current Breadcrumb root link.
201
- /// @group breadcrumb
202
56
  $kendo-breadcrumb-current-item-border: null !default;
203
57
 
204
- /// The sizes map for the Breadcrumb.
205
- /// @group breadcrumb
206
- $kendo-breadcrumb-sizes: (
207
- sm: (
208
- link-padding-x: $kendo-breadcrumb-sm-link-padding-x,
209
- link-padding-y: $kendo-breadcrumb-sm-link-padding-y,
210
- icon-link-padding-x: $kendo-breadcrumb-sm-icon-link-padding-x,
211
- icon-link-padding-y: $kendo-breadcrumb-sm-icon-link-padding-y,
212
- font-size: $kendo-breadcrumb-sm-font-size,
213
- line-height: $kendo-breadcrumb-sm-line-height
214
- ),
215
- md: (
216
- link-padding-x: $kendo-breadcrumb-md-link-padding-x,
217
- link-padding-y: $kendo-breadcrumb-md-link-padding-y,
218
- icon-link-padding-x: $kendo-breadcrumb-md-icon-link-padding-x,
219
- icon-link-padding-y: $kendo-breadcrumb-md-icon-link-padding-y,
220
- font-size: $kendo-breadcrumb-md-font-size,
221
- line-height: $kendo-breadcrumb-md-line-height
222
- ),
223
- lg: (
224
- link-padding-x: $kendo-breadcrumb-lg-link-padding-x,
225
- link-padding-y: $kendo-breadcrumb-lg-link-padding-y,
226
- icon-link-padding-x: $kendo-breadcrumb-lg-icon-link-padding-x,
227
- icon-link-padding-y: $kendo-breadcrumb-lg-icon-link-padding-y,
228
- font-size: $kendo-breadcrumb-lg-font-size,
229
- line-height: $kendo-breadcrumb-lg-line-height
230
- )
231
- ) !default;
58
+ $kendo-breadcrumb-focus-shadow: 0 0 2px 1px rgba( black, .06 ) !default;
package/scss/common/_index.scss CHANGED
@@ -2,4 +2,3 @@
2
2
  @import "./_animations.scss";
3
3
  @import "./_resizing.scss";
4
4
  @import "./_scrollbar.scss";
5
- @import "./_selection.scss";
package/scss/core/_index.scss CHANGED
@@ -1,23 +1,13 @@
1
1
  $wcag-min-contrast-ratio: 4.5 !default;
2
2
 
3
- // Functions
4
- @import "./functions/index.import.scss";
5
-
6
3
  // Color system
7
4
  @import "./color-system/index.import.scss";
8
5
 
9
- // Mixins
10
- @import "./mixins/index.import.scss";
11
-
12
- // Module system
13
- @import "./module-system/index.import.scss";
14
-
15
- // Common styles
16
- @import "./styles/index.import.scss";
17
-
18
6
  // Variables
19
7
  @import "../_variables.scss";
20
8
 
9
+ @import "@progress/kendo-theme-core/scss/index.import.scss";
10
+
21
11
  // Expose
22
12
  @include exports("kendo-core-styles") {
23
13
  @include kendo-core--styles();
package/scss/core/color-system/_color-system-material.scss CHANGED
@@ -1,3 +1,17 @@
1
+ @import "@progress/kendo-theme-core/scss/functions/index.import.scss";
2
+
3
+ /// The color white.
4
+ /// Note: you cannot change this value.
5
+ /// @type Color
6
+ /// @group color-system
7
+ $kendo-color-white: #ffffff; // stylelint-disable-line scss/dollar-variable-default
8
+
9
+ /// The color black.
10
+ /// Note: you cannot change this value.
11
+ /// @type Color
12
+ /// @group color-system
13
+ $kendo-color-black: #000000; // stylelint-disable-line scss/dollar-variable-default
14
+
1
15
  // Adapted from https://github.com/angular/material2/blob/master/src/lib/core/theming/_palette.scss
2
16
  // Adapted from https://github.com/angular/components/blob/master/src/material/core/theming/_theming.scss
3
17
 
package/scss/core/color-system/index.import.scss CHANGED
@@ -1,2 +1 @@
1
- @import "@progress/kendo-theme-core/scss/color-system/index.import.scss";
2
1
  @import "./_color-system-material.scss";
package/scss/common/_selection.scss DELETED
@@ -1 +0,0 @@
1
- @import "@progress/kendo-theme-default/scss/common/_selection.scss";