@progress/kendo-theme-default 5.12.1-dev.1 → 5.12.1-dev.3

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 (303) hide show
  1. package/dist/all.css +11342 -11738
  2. package/dist/all.scss +11297 -11990
  3. package/dist/default-blue.scss +27 -29
  4. package/dist/default-dataviz-v4.scss +6 -7
  5. package/dist/default-green.scss +27 -29
  6. package/dist/default-main-dark.scss +27 -30
  7. package/dist/default-main.scss +27 -29
  8. package/dist/default-nordic.scss +27 -29
  9. package/dist/default-ocean-blue-a11y.scss +42 -0
  10. package/dist/default-ocean-blue.scss +29 -35
  11. package/dist/default-orange.scss +27 -29
  12. package/dist/default-purple.scss +27 -29
  13. package/dist/default-turquoise.scss +27 -29
  14. package/dist/default-urban.scss +27 -29
  15. package/lib/swatches/default-blue.json +32 -41
  16. package/lib/swatches/default-dataviz-v4.json +8 -7
  17. package/lib/swatches/default-green.json +33 -41
  18. package/lib/swatches/default-main-dark.json +31 -49
  19. package/lib/swatches/default-main.json +33 -41
  20. package/lib/swatches/default-nordic.json +33 -41
  21. package/lib/swatches/default-ocean-blue-a11y.json +258 -0
  22. package/lib/swatches/default-ocean-blue.json +35 -64
  23. package/lib/swatches/default-orange.json +33 -41
  24. package/lib/swatches/default-purple.json +33 -41
  25. package/lib/swatches/default-turquoise.json +33 -41
  26. package/lib/swatches/default-urban.json +33 -41
  27. package/package.json +5 -5
  28. package/scss/_variables.scss +96 -42
  29. package/scss/action-buttons/_layout.scss +4 -4
  30. package/scss/action-buttons/_theme.scss +4 -4
  31. package/scss/action-buttons/_variables.scss +9 -9
  32. package/scss/action-sheet/_layout.scss +41 -41
  33. package/scss/action-sheet/_theme.scss +27 -27
  34. package/scss/action-sheet/_variables.scss +64 -63
  35. package/scss/adaptive/_layout.scss +11 -15
  36. package/scss/adaptive/_theme.scss +12 -12
  37. package/scss/adaptive/_variables.scss +18 -18
  38. package/scss/appbar/_variables.scss +3 -3
  39. package/scss/avatar/_variables.scss +3 -3
  40. package/scss/badge/_index.scss +1 -1
  41. package/scss/badge/_variables.scss +32 -32
  42. package/scss/bottom-navigation/_index.scss +1 -1
  43. package/scss/bottom-navigation/_layout.scss +17 -17
  44. package/scss/bottom-navigation/_theme.scss +4 -4
  45. package/scss/bottom-navigation/_variables.scss +23 -23
  46. package/scss/breadcrumb/_layout.scss +16 -16
  47. package/scss/breadcrumb/_theme.scss +42 -24
  48. package/scss/breadcrumb/_variables.scss +46 -41
  49. package/scss/button/_index.scss +0 -1
  50. package/scss/button/_layout.scss +2 -2
  51. package/scss/button/_theme.scss +7 -7
  52. package/scss/button/_variables.scss +37 -34
  53. package/scss/calendar/_layout.scss +49 -53
  54. package/scss/calendar/_theme.scss +52 -52
  55. package/scss/calendar/_variables.scss +104 -103
  56. package/scss/captcha/_index.scss +1 -1
  57. package/scss/captcha/_layout.scss +10 -10
  58. package/scss/captcha/_theme.scss +3 -3
  59. package/scss/captcha/_variables.scss +14 -14
  60. package/scss/card/_index.scss +2 -2
  61. package/scss/card/_layout.scss +45 -45
  62. package/scss/card/_theme.scss +15 -15
  63. package/scss/card/_variables.scss +55 -55
  64. package/scss/chat/_layout.scss +59 -59
  65. package/scss/chat/_theme.scss +28 -28
  66. package/scss/chat/_variables.scss +57 -57
  67. package/scss/checkbox/_index.scss +0 -2
  68. package/scss/checkbox/_theme.scss +2 -2
  69. package/scss/checkbox/_variables.scss +4 -1
  70. package/scss/chip/_index.scss +0 -1
  71. package/scss/chip/_layout.scss +1 -1
  72. package/scss/chip/_theme.scss +13 -13
  73. package/scss/chip/_variables.scss +32 -29
  74. package/scss/color-preview/_layout.scss +6 -6
  75. package/scss/color-preview/_theme.scss +4 -4
  76. package/scss/color-preview/_variables.scss +11 -11
  77. package/scss/coloreditor/_layout.scss +18 -18
  78. package/scss/coloreditor/_theme.scss +6 -6
  79. package/scss/coloreditor/_variables.scss +24 -24
  80. package/scss/colorgradient/_index.scss +2 -2
  81. package/scss/colorgradient/_layout.scss +39 -39
  82. package/scss/colorgradient/_theme.scss +13 -13
  83. package/scss/colorgradient/_variables.scss +50 -50
  84. package/scss/colorpalette/_index.scss +1 -1
  85. package/scss/colorpalette/_layout.scss +5 -5
  86. package/scss/colorpalette/_theme.scss +3 -3
  87. package/scss/colorpalette/_variables.scss +8 -8
  88. package/scss/common/_base.scss +1 -1
  89. package/scss/common/_dragdrop.scss +13 -13
  90. package/scss/common/_index.scss +0 -2
  91. package/scss/dataviz/_index.scss +0 -1
  92. package/scss/dataviz/_layout.scss +75 -75
  93. package/scss/dataviz/_theme.scss +20 -18
  94. package/scss/dataviz/_variables.scss +101 -97
  95. package/scss/datetimepicker/_layout.scss +3 -3
  96. package/scss/datetimepicker/_variables.scss +1 -1
  97. package/scss/dialog/_variables.scss +3 -3
  98. package/scss/draggable/_layout.scss +23 -23
  99. package/scss/draggable/_theme.scss +5 -5
  100. package/scss/draggable/_variables.scss +20 -20
  101. package/scss/drawer/_theme.scss +1 -1
  102. package/scss/drawer/_variables.scss +5 -5
  103. package/scss/dropdowngrid/_index.scss +4 -7
  104. package/scss/dropdowngrid/_variables.scss +1 -0
  105. package/scss/dropdowntree/_layout.scss +2 -2
  106. package/scss/dropdowntree/_variables.scss +2 -2
  107. package/scss/dropzone/_layout.scss +12 -12
  108. package/scss/dropzone/_theme.scss +7 -7
  109. package/scss/dropzone/_variables.scss +21 -20
  110. package/scss/editor/_layout.scss +3 -3
  111. package/scss/editor/_variables.scss +3 -3
  112. package/scss/expansion-panel/_index.scss +2 -2
  113. package/scss/expansion-panel/_layout.scss +9 -9
  114. package/scss/expansion-panel/_theme.scss +12 -12
  115. package/scss/expansion-panel/_variables.scss +22 -22
  116. package/scss/fab/_index.scss +1 -1
  117. package/scss/fab/_layout.scss +4 -4
  118. package/scss/fab/_theme.scss +14 -6
  119. package/scss/fab/_variables.scss +10 -10
  120. package/scss/filemanager/_layout.scss +26 -26
  121. package/scss/filemanager/_theme.scss +31 -31
  122. package/scss/filemanager/_variables.scss +59 -59
  123. package/scss/filter/_layout.scss +15 -15
  124. package/scss/filter/_theme.scss +3 -3
  125. package/scss/filter/_variables.scss +8 -8
  126. package/scss/floating-label/_layout.scss +19 -19
  127. package/scss/floating-label/_theme.scss +4 -4
  128. package/scss/floating-label/_variables.scss +14 -14
  129. package/scss/forms/_index.scss +0 -4
  130. package/scss/forms/_layout.scss +15 -11
  131. package/scss/forms/_variables.scss +19 -12
  132. package/scss/gantt/_index.scss +1 -1
  133. package/scss/gantt/_layout.scss +49 -44
  134. package/scss/gantt/_theme.scss +60 -60
  135. package/scss/gantt/_variables.scss +96 -92
  136. package/scss/grid/_index.scss +2 -2
  137. package/scss/grid/_layout.scss +19 -19
  138. package/scss/grid/_theme.scss +8 -8
  139. package/scss/grid/_variables.scss +80 -80
  140. package/scss/icons/_layout.scss +6 -1093
  141. package/scss/imageeditor/_layout.scss +19 -19
  142. package/scss/imageeditor/_theme.scss +13 -13
  143. package/scss/imageeditor/_variables.scss +31 -31
  144. package/scss/input/_layout.scss +1 -1
  145. package/scss/input/_theme.scss +24 -24
  146. package/scss/input/_variables.scss +36 -36
  147. package/scss/list/_layout.scss +2 -2
  148. package/scss/list/_theme.scss +1 -1
  149. package/scss/list/_variables.scss +66 -72
  150. package/scss/listbox/_variables.scss +3 -3
  151. package/scss/listgroup/_layout.scss +15 -15
  152. package/scss/listgroup/_theme.scss +3 -3
  153. package/scss/listgroup/_variables.scss +10 -10
  154. package/scss/listview/_index.scss +2 -2
  155. package/scss/listview/_theme.scss +1 -1
  156. package/scss/listview/_variables.scss +3 -3
  157. package/scss/loader/_layout.scss +40 -40
  158. package/scss/loader/_variables.scss +31 -30
  159. package/scss/map/_index.scss +1 -1
  160. package/scss/map/_layout.scss +16 -16
  161. package/scss/map/_theme.scss +5 -5
  162. package/scss/map/_variables.scss +21 -21
  163. package/scss/mediaplayer/_layout.scss +5 -5
  164. package/scss/mediaplayer/_theme.scss +6 -6
  165. package/scss/mediaplayer/_variables.scss +13 -13
  166. package/scss/menu/_layout.scss +39 -39
  167. package/scss/menu/_theme.scss +26 -26
  168. package/scss/menu/_variables.scss +67 -66
  169. package/scss/messagebox/_layout.scss +7 -7
  170. package/scss/messagebox/_theme.scss +3 -3
  171. package/scss/messagebox/_variables.scss +11 -11
  172. package/scss/multiselect/_index.scss +0 -1
  173. package/scss/notification/_variables.scss +5 -5
  174. package/scss/orgchart/_index.scss +1 -1
  175. package/scss/orgchart/_layout.scss +26 -26
  176. package/scss/orgchart/_theme.scss +13 -13
  177. package/scss/orgchart/_variables.scss +56 -56
  178. package/scss/overlay/_layout.scss +1 -1
  179. package/scss/overlay/_theme.scss +2 -2
  180. package/scss/overlay/_variables.scss +3 -3
  181. package/scss/pager/_index.scss +0 -2
  182. package/scss/pager/_layout.scss +1 -1
  183. package/scss/pager/_theme.scss +6 -6
  184. package/scss/pager/_variables.scss +38 -34
  185. package/scss/panelbar/_layout.scss +17 -17
  186. package/scss/panelbar/_theme.scss +70 -70
  187. package/scss/panelbar/_variables.scss +104 -103
  188. package/scss/pdf-viewer/_index.scss +1 -2
  189. package/scss/pdf-viewer/_layout.scss +13 -13
  190. package/scss/pdf-viewer/_theme.scss +21 -21
  191. package/scss/pdf-viewer/_variables.scss +45 -44
  192. package/scss/pivotgrid/_index.scss +5 -5
  193. package/scss/pivotgrid/_layout.scss +45 -45
  194. package/scss/pivotgrid/_theme.scss +52 -52
  195. package/scss/pivotgrid/_variables.scss +89 -86
  196. package/scss/popover/_layout.scss +19 -17
  197. package/scss/popover/_theme.scss +7 -7
  198. package/scss/popover/_variables.scss +26 -26
  199. package/scss/popup/_layout.scss +7 -7
  200. package/scss/popup/_theme.scss +4 -4
  201. package/scss/popup/_variables.scss +12 -12
  202. package/scss/progressbar/_layout.scss +1 -1
  203. package/scss/progressbar/_variables.scss +2 -2
  204. package/scss/radio/_index.scss +0 -3
  205. package/scss/radio/_theme.scss +2 -2
  206. package/scss/radio/_variables.scss +5 -1
  207. package/scss/rating/_layout.scss +11 -11
  208. package/scss/rating/_theme.scss +6 -6
  209. package/scss/rating/_variables.scss +17 -16
  210. package/scss/scheduler/_layout.scss +36 -55
  211. package/scss/scheduler/_theme.scss +51 -51
  212. package/scss/scheduler/_variables.scss +93 -93
  213. package/scss/scrollview/_layout.scss +16 -16
  214. package/scss/scrollview/_theme.scss +23 -23
  215. package/scss/scrollview/_variables.scss +32 -32
  216. package/scss/signature/_variables.scss +18 -18
  217. package/scss/skeleton/_layout.scss +4 -4
  218. package/scss/skeleton/_theme.scss +2 -2
  219. package/scss/skeleton/_variables.scss +6 -6
  220. package/scss/slider/_layout.scss +26 -26
  221. package/scss/slider/_theme.scss +21 -21
  222. package/scss/slider/_variables.scss +44 -44
  223. package/scss/split-button/_layout.scss +3 -4
  224. package/scss/split-button/_theme.scss +1 -1
  225. package/scss/split-button/_variables.scss +6 -6
  226. package/scss/splitter/_layout.scss +15 -15
  227. package/scss/splitter/_theme.scss +10 -10
  228. package/scss/splitter/_variables.scss +18 -18
  229. package/scss/spreadsheet/_layout.scss +30 -30
  230. package/scss/spreadsheet/_theme.scss +20 -20
  231. package/scss/spreadsheet/_variables.scss +29 -29
  232. package/scss/stepper/_layout.scss +36 -37
  233. package/scss/stepper/_theme.scss +44 -45
  234. package/scss/stepper/_variables.scss +86 -86
  235. package/scss/switch/_index.scss +1 -1
  236. package/scss/switch/_theme.scss +10 -2
  237. package/scss/switch/_variables.scss +7 -7
  238. package/scss/table/_index.scss +0 -8
  239. package/scss/table/_theme.scss +1 -1
  240. package/scss/table/_variables.scss +21 -18
  241. package/scss/tabstrip/_layout.scss +31 -31
  242. package/scss/tabstrip/_theme.scss +26 -26
  243. package/scss/tabstrip/_variables.scss +42 -41
  244. package/scss/taskboard/_index.scss +1 -1
  245. package/scss/taskboard/_layout.scss +34 -34
  246. package/scss/taskboard/_theme.scss +32 -32
  247. package/scss/taskboard/_variables.scss +93 -93
  248. package/scss/tilelayout/_layout.scss +4 -4
  249. package/scss/tilelayout/_theme.scss +4 -4
  250. package/scss/tilelayout/_variables.scss +8 -8
  251. package/scss/timedurationpicker/_index.scss +1 -1
  252. package/scss/timeline/_layout.scss +55 -55
  253. package/scss/timeline/_theme.scss +15 -15
  254. package/scss/timeline/_variables.scss +50 -50
  255. package/scss/timeselector/_layout.scss +18 -18
  256. package/scss/timeselector/_theme.scss +13 -11
  257. package/scss/timeselector/_variables.scss +37 -36
  258. package/scss/toolbar/_layout.scss +11 -11
  259. package/scss/toolbar/_theme.scss +2 -2
  260. package/scss/toolbar/_variables.scss +24 -24
  261. package/scss/tooltip/_layout.scss +22 -22
  262. package/scss/tooltip/_theme.scss +25 -25
  263. package/scss/tooltip/_variables.scss +29 -29
  264. package/scss/treelist/_index.scss +1 -1
  265. package/scss/treeview/_layout.scss +6 -6
  266. package/scss/treeview/_theme.scss +2 -2
  267. package/scss/treeview/_variables.scss +30 -30
  268. package/scss/typography/_index.scss +0 -1
  269. package/scss/typography/_layout.scss +77 -77
  270. package/scss/typography/_theme.scss +3 -3
  271. package/scss/typography/_variables.scss +84 -128
  272. package/scss/upload/_index.scss +0 -1
  273. package/scss/upload/_layout.scss +1 -1
  274. package/scss/upload/_theme.scss +5 -1
  275. package/scss/upload/_variables.scss +6 -5
  276. package/scss/utils/_index.scss +0 -22
  277. package/scss/validator/_layout.scss +1 -1
  278. package/scss/window/_theme.scss +1 -1
  279. package/scss/window/_variables.scss +9 -5
  280. package/scss/wizard/_layout.scss +11 -11
  281. package/scss/wizard/_theme.scss +1 -1
  282. package/scss/wizard/_variables.scss +10 -10
  283. package/scss/icons/font/WebComponentsIcons.scss +0 -3
  284. package/scss/icons/font/WebComponentsIcons.ttf +0 -0
  285. package/scss/utils/_aspect-ratio.scss +0 -32
  286. package/scss/utils/_border.scss +0 -109
  287. package/scss/utils/_display.scss +0 -41
  288. package/scss/utils/_flex.scss +0 -189
  289. package/scss/utils/_float.scss +0 -85
  290. package/scss/utils/_grid.scss +0 -45
  291. package/scss/utils/_order.scss +0 -54
  292. package/scss/utils/_overflow.scss +0 -87
  293. package/scss/utils/_pointer-events.scss +0 -30
  294. package/scss/utils/_position.scss +0 -209
  295. package/scss/utils/_resize.scss +0 -47
  296. package/scss/utils/_spacer.scss +0 -16
  297. package/scss/utils/_spacing.scss +0 -162
  298. package/scss/utils/_table-layout.scss +0 -17
  299. package/scss/utils/_text.scss +0 -154
  300. package/scss/utils/_theme-colors.scss +0 -47
  301. package/scss/utils/_touch-action.scss +0 -30
  302. package/scss/utils/_transform.scss +0 -105
  303. package/scss/utils/_user-select.scss +0 -51
package/scss/stepper/_theme.scss CHANGED
@@ -3,9 +3,9 @@
3
3
  // Base
4
4
  .k-stepper {
5
5
  @include fill(
6
- $stepper-text,
7
- $stepper-bg,
8
- $stepper-border
6
+ $kendo-stepper-text,
7
+ $kendo-stepper-bg,
8
+ $kendo-stepper-border
9
9
  );
10
10
 
11
11
 
@@ -16,24 +16,23 @@
16
16
  &.k-hover,
17
17
  &.k-step-hover {
18
18
  .k-step-label {
19
- color: $stepper-label-hover-text;
19
+ color: $kendo-stepper-label-hover-text;
20
20
  }
21
21
 
22
22
  .k-step-indicator {
23
23
  @include fill(
24
- $stepper-indicator-hover-text,
25
- $stepper-indicator-hover-bg,
26
- $stepper-indicator-hover-border
24
+ $kendo-stepper-indicator-hover-text,
25
+ $kendo-stepper-indicator-hover-bg,
26
+ $kendo-stepper-indicator-hover-border
27
27
  );
28
28
  }
29
29
  }
30
30
 
31
- &.k-step-focus,
32
31
  &.k-focus,
33
32
  .k-step-link:focus {
34
33
  // Labels only
35
34
  .k-step-label:only-child {
36
- @include box-shadow( inset 0 0 0 $stepper-indicator-focus-size $kendo-component-border );
35
+ @include focus-indicator( $indicator: ( inset 0 0 0 $kendo-stepper-indicator-focus-size $kendo-component-border ), $inset: true );
37
36
  }
38
37
  }
39
38
 
@@ -43,26 +42,26 @@
43
42
  &:disabled {
44
43
  .k-step-indicator {
45
44
  @include fill(
46
- $stepper-indicator-disabled-text,
47
- $stepper-indicator-disabled-bg,
48
- $stepper-indicator-disabled-border
45
+ $kendo-stepper-indicator-disabled-text,
46
+ $kendo-stepper-indicator-disabled-bg,
47
+ $kendo-stepper-indicator-disabled-border
49
48
  );
50
49
  }
51
50
 
52
51
  .k-step-label {
53
- @include fill( $color: $stepper-label-disabled-text );
52
+ @include fill( $color: $kendo-stepper-label-disabled-text );
54
53
  }
55
54
  }
56
55
  }
57
56
  .k-step-indicator {
58
57
  @include fill(
59
- $stepper-indicator-text,
60
- $stepper-indicator-bg,
61
- $stepper-indicator-border
58
+ $kendo-stepper-indicator-text,
59
+ $kendo-stepper-indicator-bg,
60
+ $kendo-stepper-indicator-border
62
61
  );
63
62
  }
64
63
  .k-step-indicator::after {
65
- @include box-shadow( inset 0 0 0 $stepper-indicator-focus-size $kendo-component-bg );
64
+ @include box-shadow( inset 0 0 0 $kendo-stepper-indicator-focus-size $kendo-component-bg );
66
65
  }
67
66
  .k-step-label:only-child {
68
67
  @include fill(
@@ -78,9 +77,9 @@
78
77
 
79
78
  .k-step-indicator {
80
79
  @include fill(
81
- $stepper-indicator-done-text,
82
- $stepper-indicator-done-bg,
83
- $stepper-indicator-done-border
80
+ $kendo-stepper-indicator-done-text,
81
+ $kendo-stepper-indicator-done-bg,
82
+ $kendo-stepper-indicator-done-border
84
83
  );
85
84
  }
86
85
 
@@ -91,9 +90,9 @@
91
90
  &.k-step-hover {
92
91
  .k-step-indicator {
93
92
  @include fill(
94
- $stepper-indicator-done-hover-text,
95
- $stepper-indicator-done-hover-bg,
96
- $stepper-indicator-done-hover-border
93
+ $kendo-stepper-indicator-done-hover-text,
94
+ $kendo-stepper-indicator-done-hover-bg,
95
+ $kendo-stepper-indicator-done-hover-border
97
96
  );
98
97
  }
99
98
  }
@@ -105,9 +104,9 @@
105
104
  &:disabled {
106
105
  .k-step-indicator {
107
106
  @include fill(
108
- $stepper-indicator-done-disabled-text,
109
- $stepper-indicator-done-disabled-bg,
110
- $stepper-indicator-done-disabled-border
107
+ $kendo-stepper-indicator-done-disabled-text,
108
+ $kendo-stepper-indicator-done-disabled-bg,
109
+ $kendo-stepper-indicator-done-disabled-border
111
110
  );
112
111
  }
113
112
  }
@@ -119,9 +118,9 @@
119
118
 
120
119
  .k-step-indicator {
121
120
  @include fill(
122
- $stepper-indicator-current-text,
123
- $stepper-indicator-current-bg,
124
- $stepper-indicator-current-border
121
+ $kendo-stepper-indicator-current-text,
122
+ $kendo-stepper-indicator-current-bg,
123
+ $kendo-stepper-indicator-current-border
125
124
  );
126
125
  }
127
126
 
@@ -132,9 +131,9 @@
132
131
  &.k-step-hover {
133
132
  .k-step-indicator {
134
133
  @include fill(
135
- $stepper-indicator-current-hover-text,
136
- $stepper-indicator-current-hover-bg,
137
- $stepper-indicator-current-hover-border
134
+ $kendo-stepper-indicator-current-hover-text,
135
+ $kendo-stepper-indicator-current-hover-bg,
136
+ $kendo-stepper-indicator-current-hover-border
138
137
  );
139
138
  }
140
139
  }
@@ -146,9 +145,9 @@
146
145
  &:disabled {
147
146
  .k-step-indicator {
148
147
  @include fill(
149
- $stepper-indicator-current-disabled-text,
150
- $stepper-indicator-current-disabled-bg,
151
- $stepper-indicator-current-disabled-border
148
+ $kendo-stepper-indicator-current-disabled-text,
149
+ $kendo-stepper-indicator-current-disabled-bg,
150
+ $kendo-stepper-indicator-current-disabled-border
152
151
  );
153
152
  }
154
153
  }
@@ -156,45 +155,45 @@
156
155
 
157
156
  // Label
158
157
  .k-step-label {
159
- @include fill( $color: $stepper-label-text );
158
+ @include fill( $color: $kendo-stepper-label-text );
160
159
  }
161
160
  .k-step-success .k-step-label .k-icon {
162
- @include fill( $color: $stepper-label-success-text );
161
+ @include fill( $color: $kendo-stepper-label-success-text );
163
162
  }
164
163
  .k-step-error .k-step-label {
165
- @include fill( $color: $stepper-label-error-text );
164
+ @include fill( $color: $kendo-stepper-label-error-text );
166
165
  }
167
166
 
168
167
  .k-step-error {
169
168
  .k-step-label {
170
- @include fill( $color: $stepper-label-error-text );
169
+ @include fill( $color: $kendo-stepper-label-error-text );
171
170
  }
172
171
 
173
172
  &:hover,
174
173
  &.k-hover,
175
174
  &.k-step-hover {
176
175
  .k-step-label {
177
- @include fill( $color: $stepper-label-error-text );
176
+ @include fill( $color: $kendo-stepper-label-error-text );
178
177
  }
179
178
  }
180
179
  }
181
180
 
182
181
  // Optional Label
183
182
  .k-step-label-optional {
184
- color: $stepper-optional-label-text;
183
+ color: $kendo-stepper-optional-label-text;
185
184
  }
186
185
 
187
186
  // Progressbar
188
187
  .k-progressbar {
189
188
  @include fill(
190
- $color: $stepper-progressbar-text,
191
- $bg: $stepper-progressbar-bg
189
+ $color: $kendo-stepper-progressbar-text,
190
+ $bg: $kendo-stepper-progressbar-bg
192
191
  );
193
192
 
194
193
  .k-selected {
195
194
  @include fill(
196
- $color: $stepper-progressbar-fill-text,
197
- $bg: $stepper-progressbar-fill-bg
195
+ $color: $kendo-stepper-progressbar-fill-text,
196
+ $bg: $kendo-stepper-progressbar-fill-bg
198
197
  );
199
198
  }
200
199
  }
package/scss/stepper/_variables.scss CHANGED
@@ -1,87 +1,87 @@
1
1
  // Stepper
2
- $stepper-margin-x: null !default;
3
- $stepper-margin-y: null !default;
4
- $stepper-padding-x: null !default;
5
- $stepper-padding-y: null !default;
6
- $stepper-label-margin-x: 12px !default;
7
- $stepper-label-padding-x: 12px !default;
8
- $stepper-label-padding-y: 5px !default;
9
- $stepper-border-width: 0px !default;
10
-
11
- $stepper-inline-content-padding-x: 20px !default;
12
- $stepper-inline-content-padding-y: 10px !default;
13
-
14
- $stepper-font-size: $font-size !default;
15
- $stepper-line-height: $line-height !default;
16
- $stepper-font-family: $font-family !default;
17
-
18
- $stepper-bg: null !default;
19
- $stepper-text: $kendo-component-text !default;
20
- $stepper-border: null !default;
21
-
22
- $stepper-indicator-width: 28px !default;
23
- $stepper-indicator-height: $stepper-indicator-width !default;
24
- $stepper-indicator-border-width: 1px !default;
25
- $stepper-indicator-border-radius: 50% !default;
26
-
27
- $stepper-indicator-focus-border-width: 1px !default;
28
- $stepper-indicator-focus-size: 2px !default;
29
- $stepper-indicator-focus-offset: 3px !default;
30
- $stepper-indicator-focus-calc-offset: calc( #{$stepper-indicator-focus-border-width} + #{$stepper-indicator-focus-offset} ) !default;
31
-
32
- $stepper-indicator-bg: $kendo-component-bg !default;
33
- $stepper-indicator-text: $kendo-component-text !default;
34
- $stepper-indicator-border: #cccccc !default;
35
-
36
- $stepper-indicator-hover-bg: k-try-shade( $stepper-indicator-bg ) !default;
37
- $stepper-indicator-hover-text: null !default;
38
- $stepper-indicator-hover-border: null !default;
39
-
40
- $stepper-indicator-disabled-bg: null !default;
41
- $stepper-indicator-disabled-text: $kendo-disabled-text !default;
42
- $stepper-indicator-disabled-border: null !default;
43
-
44
- $stepper-indicator-done-bg: $kendo-color-primary !default;
45
- $stepper-indicator-done-text: k-contrast-legacy( $stepper-indicator-done-bg ) !default;
46
- $stepper-indicator-done-border: $stepper-indicator-done-bg !default;
47
-
48
- $stepper-indicator-done-hover-bg: k-try-shade( $stepper-indicator-done-bg ) !default;
49
- $stepper-indicator-done-hover-text: null !default;
50
- $stepper-indicator-done-hover-border: null !default;
51
-
52
- $stepper-indicator-done-disabled-bg: k-color-mix( $stepper-indicator-done-bg, $kendo-component-bg, 60%) !default;
53
- $stepper-indicator-done-disabled-text: k-contrast-legacy( $stepper-indicator-done-bg ) !default;
54
- $stepper-indicator-done-disabled-border: $stepper-indicator-done-disabled-bg !default;
55
-
56
- $stepper-indicator-current-bg: $stepper-indicator-done-bg !default;
57
- $stepper-indicator-current-text: $stepper-indicator-done-text !default;
58
- $stepper-indicator-current-border: $stepper-indicator-done-border !default;
59
-
60
- $stepper-indicator-current-hover-bg: $stepper-indicator-done-hover-bg !default;
61
- $stepper-indicator-current-hover-text: $stepper-indicator-done-hover-text !default;
62
- $stepper-indicator-current-hover-border: $stepper-indicator-done-hover-border !default;
63
-
64
- $stepper-indicator-current-disabled-bg: $stepper-indicator-done-disabled-bg !default;
65
- $stepper-indicator-current-disabled-text: $stepper-indicator-done-disabled-text !default;
66
- $stepper-indicator-current-disabled-border: $stepper-indicator-done-disabled-border !default;
67
-
68
- $stepper-label-text: null !default;
69
- $stepper-label-success-text: $kendo-color-success !default;
70
- $stepper-label-error-text: $kendo-color-error !default;
71
- $stepper-label-hover-text: k-try-shade( $stepper-text, 2 ) !default;
72
- $stepper-label-disabled-text: $kendo-disabled-text !default;
73
-
74
- $stepper-optional-label-text: $kendo-subtle-text !default;
75
- $stepper-optional-label-opacity: null !default;
76
- $stepper-optional-label-font-size: null !default;
77
- $stepper-optional-label-font-style: italic !default;
78
-
79
- $stepper-progressbar-size: 2px !default;
80
- $stepper-progressbar-bg: null !default;
81
- $stepper-progressbar-text: null !default;
82
- $stepper-progressbar-fill-bg: null !default;
83
- $stepper-progressbar-fill-text: null !default;
84
-
85
- $stepper-content-transition-property: height !default;
86
- $stepper-content-transition-duration: 300ms !default;
87
- $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !default;
2
+ $kendo-stepper-margin-x: null !default;
3
+ $kendo-stepper-margin-y: null !default;
4
+ $kendo-stepper-padding-x: null !default;
5
+ $kendo-stepper-padding-y: null !default;
6
+ $kendo-stepper-label-margin-x: 12px !default;
7
+ $kendo-stepper-label-padding-x: 12px !default;
8
+ $kendo-stepper-label-padding-y: 5px !default;
9
+ $kendo-stepper-border-width: 0px !default;
10
+
11
+ $kendo-stepper-inline-content-padding-x: 20px !default;
12
+ $kendo-stepper-inline-content-padding-y: 10px !default;
13
+
14
+ $kendo-stepper-font-size: $kendo-font-size-md !default;
15
+ $kendo-stepper-line-height: $kendo-line-height-md !default;
16
+ $kendo-stepper-font-family: $kendo-font-family !default;
17
+
18
+ $kendo-stepper-bg: null !default;
19
+ $kendo-stepper-text: $kendo-component-text !default;
20
+ $kendo-stepper-border: null !default;
21
+
22
+ $kendo-stepper-indicator-width: 28px !default;
23
+ $kendo-stepper-indicator-height: $kendo-stepper-indicator-width !default;
24
+ $kendo-stepper-indicator-border-width: 1px !default;
25
+ $kendo-stepper-indicator-border-radius: 50% !default;
26
+
27
+ $kendo-stepper-indicator-focus-border-width: 1px !default;
28
+ $kendo-stepper-indicator-focus-size: 2px !default;
29
+ $kendo-stepper-indicator-focus-offset: 3px !default;
30
+ $kendo-stepper-indicator-focus-calc-offset: calc( #{$kendo-stepper-indicator-focus-border-width} + #{$kendo-stepper-indicator-focus-offset} ) !default;
31
+
32
+ $kendo-stepper-indicator-bg: $kendo-component-bg !default;
33
+ $kendo-stepper-indicator-text: $kendo-component-text !default;
34
+ $kendo-stepper-indicator-border: #cccccc !default;
35
+
36
+ $kendo-stepper-indicator-hover-bg: k-try-shade( $kendo-stepper-indicator-bg ) !default;
37
+ $kendo-stepper-indicator-hover-text: null !default;
38
+ $kendo-stepper-indicator-hover-border: null !default;
39
+
40
+ $kendo-stepper-indicator-disabled-bg: null !default;
41
+ $kendo-stepper-indicator-disabled-text: $kendo-disabled-text !default;
42
+ $kendo-stepper-indicator-disabled-border: null !default;
43
+
44
+ $kendo-stepper-indicator-done-bg: $kendo-color-primary !default;
45
+ $kendo-stepper-indicator-done-text: k-contrast-legacy( $kendo-stepper-indicator-done-bg ) !default;
46
+ $kendo-stepper-indicator-done-border: $kendo-stepper-indicator-done-bg !default;
47
+
48
+ $kendo-stepper-indicator-done-hover-bg: k-try-shade( $kendo-stepper-indicator-done-bg ) !default;
49
+ $kendo-stepper-indicator-done-hover-text: null !default;
50
+ $kendo-stepper-indicator-done-hover-border: null !default;
51
+
52
+ $kendo-stepper-indicator-done-disabled-bg: k-color-mix( $kendo-stepper-indicator-done-bg, $kendo-component-bg, 60%) !default;
53
+ $kendo-stepper-indicator-done-disabled-text: k-contrast-legacy( $kendo-stepper-indicator-done-bg ) !default;
54
+ $kendo-stepper-indicator-done-disabled-border: $kendo-stepper-indicator-done-disabled-bg !default;
55
+
56
+ $kendo-stepper-indicator-current-bg: $kendo-stepper-indicator-done-bg !default;
57
+ $kendo-stepper-indicator-current-text: $kendo-stepper-indicator-done-text !default;
58
+ $kendo-stepper-indicator-current-border: $kendo-stepper-indicator-done-border !default;
59
+
60
+ $kendo-stepper-indicator-current-hover-bg: $kendo-stepper-indicator-done-hover-bg !default;
61
+ $kendo-stepper-indicator-current-hover-text: $kendo-stepper-indicator-done-hover-text !default;
62
+ $kendo-stepper-indicator-current-hover-border: $kendo-stepper-indicator-done-hover-border !default;
63
+
64
+ $kendo-stepper-indicator-current-disabled-bg: $kendo-stepper-indicator-done-disabled-bg !default;
65
+ $kendo-stepper-indicator-current-disabled-text: $kendo-stepper-indicator-done-disabled-text !default;
66
+ $kendo-stepper-indicator-current-disabled-border: $kendo-stepper-indicator-done-disabled-border !default;
67
+
68
+ $kendo-stepper-label-text: null !default;
69
+ $kendo-stepper-label-success-text: $kendo-color-success !default;
70
+ $kendo-stepper-label-error-text: $kendo-color-error !default;
71
+ $kendo-stepper-label-hover-text: k-try-shade( $kendo-stepper-text, 2 ) !default;
72
+ $kendo-stepper-label-disabled-text: $kendo-disabled-text !default;
73
+
74
+ $kendo-stepper-optional-label-text: $kendo-subtle-text !default;
75
+ $kendo-stepper-optional-label-opacity: null !default;
76
+ $kendo-stepper-optional-label-font-size: null !default;
77
+ $kendo-stepper-optional-label-font-style: italic !default;
78
+
79
+ $kendo-stepper-progressbar-size: 2px !default;
80
+ $kendo-stepper-progressbar-bg: null !default;
81
+ $kendo-stepper-progressbar-text: null !default;
82
+ $kendo-stepper-progressbar-fill-bg: null !default;
83
+ $kendo-stepper-progressbar-fill-text: null !default;
84
+
85
+ $kendo-stepper-content-transition-property: height !default;
86
+ $kendo-stepper-content-transition-duration: 300ms !default;
87
+ $kendo-stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !default;
package/scss/switch/_index.scss CHANGED
@@ -3,7 +3,7 @@
3
3
 
4
4
  // Dependencies
5
5
  @import "../common/_index.scss";
6
- @import "../utils/_border.scss";
6
+ // @import "../utils/_border.scss";
7
7
 
8
8
 
9
9
  // Component
package/scss/switch/_theme.scss CHANGED
@@ -57,7 +57,11 @@
57
57
  $kendo-switch-off-track-focus-border,
58
58
  $kendo-switch-off-track-focus-gradient
59
59
  );
60
- outline: $kendo-switch-off-track-focus-ring;
60
+ @if $kendo-enable-focus-contrast {
61
+ @include box-shadow( 0 0 0 2px if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) );
62
+ } @else {
63
+ outline: $kendo-switch-off-track-focus-ring;
64
+ }
61
65
  }
62
66
  }
63
67
 
@@ -133,7 +137,11 @@
133
137
  $kendo-switch-on-track-focus-border,
134
138
  $kendo-switch-on-track-focus-gradient
135
139
  );
136
- outline: $kendo-switch-on-track-focus-ring;
140
+ @if $kendo-enable-focus-contrast {
141
+ @include box-shadow( 0 0 0 2px if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) );
142
+ } @else {
143
+ outline: $kendo-switch-on-track-focus-ring;
144
+ }
137
145
  }
138
146
  }
139
147
 
package/scss/switch/_variables.scss CHANGED
@@ -67,7 +67,7 @@ $kendo-switch-off-track-focus-border: null !default;
67
67
  $kendo-switch-off-track-focus-gradient: null !default;
68
68
  /// The ring around the track when the focused switch is not checked.
69
69
  /// @group switch
70
- $kendo-switch-off-track-focus-ring: 2px solid rgba( if( $dark-theme, $kendo-color-white, $kendo-color-black ) , .08 ) !default;
70
+ $kendo-switch-off-track-focus-ring: 2px solid rgba( if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) , .08 ) !default;
71
71
 
72
72
  /// The background of the track when the disabled switch is not checked.
73
73
  /// @group switch
@@ -84,13 +84,13 @@ $kendo-switch-off-track-disabled-gradient: null !default;
84
84
 
85
85
  /// The background of the thumb when the switch is not checked.
86
86
  /// @group switch
87
- $kendo-switch-off-thumb-bg: $base-bg !default;
87
+ $kendo-switch-off-thumb-bg: $kendo-base-bg !default;
88
88
  /// The text color of the thumb when the switch is not checked.
89
89
  /// @group switch
90
- $kendo-switch-off-thumb-text: $base-text !default;
90
+ $kendo-switch-off-thumb-text: $kendo-base-text !default;
91
91
  /// The border color of the thumb when the switch is not checked.
92
92
  /// @group switch
93
- $kendo-switch-off-thumb-border: $base-border !default;
93
+ $kendo-switch-off-thumb-border: $kendo-base-border !default;
94
94
  /// The background gradient of the thumb when the switch is not checked.
95
95
  /// @group switch
96
96
  $kendo-switch-off-thumb-gradient: null !default;
@@ -166,13 +166,13 @@ $kendo-switch-on-track-disabled-gradient: null !default;
166
166
 
167
167
  /// The background of the thumb when the switch is checked.
168
168
  /// @group switch
169
- $kendo-switch-on-thumb-bg: $base-bg !default;
169
+ $kendo-switch-on-thumb-bg: $kendo-base-bg !default;
170
170
  /// The text color of the thumb when the switch is checked.
171
171
  /// @group switch
172
- $kendo-switch-on-thumb-text: $base-text !default;
172
+ $kendo-switch-on-thumb-text: $kendo-base-text !default;
173
173
  /// The border color of the thumb when the switch is checked.
174
174
  /// @group switch
175
- $kendo-switch-on-thumb-border: $base-border !default;
175
+ $kendo-switch-on-thumb-border: $kendo-base-border !default;
176
176
  /// The background gradient of the thumb when the switch is checked.
177
177
  /// @group switch
178
178
  $kendo-switch-on-thumb-gradient: null !default;
package/scss/table/_index.scss CHANGED
@@ -3,17 +3,9 @@
3
3
 
4
4
  // Dependencies
5
5
  @import "../common/_index.scss";
6
- @import "../input/_index.scss";
7
- @import "../floating-label/_index.scss";
8
- @import "../combobox/_index.scss";
9
- @import "../popup/_index.scss";
10
- @import "../toolbar/_variables.scss";
11
- @import "../menu/_variables.scss";
12
- @import "../list/_variables.scss";
13
6
 
14
7
 
15
8
  // Component
16
9
  @import "./_variables.scss";
17
10
  @import "./_layout.scss";
18
11
  @import "./_theme.scss";
19
-
package/scss/table/_theme.scss CHANGED
@@ -69,7 +69,7 @@
69
69
  border-color: $kendo-table-focus-border;
70
70
  color: $kendo-table-focus-text;
71
71
  background-color: $kendo-table-focus-bg;
72
- box-shadow: $kendo-table-focus-shadow;
72
+ @include focus-indicator( $kendo-table-focus-shadow, inset );
73
73
  }
74
74
  }
75
75
 
package/scss/table/_variables.scss CHANGED
@@ -1,3 +1,6 @@
1
+ @import "../list/_variables.scss";
2
+
3
+
1
4
  // Table
2
5
 
3
6
  /// The width of the table border.
@@ -26,35 +29,35 @@ $kendo-table-cell-padding-x: null !default;
26
29
  /// @group table
27
30
  $kendo-table-cell-padding-y: null !default;
28
31
 
29
- $kendo-table-cell-padding-x-sm: k-map-get( $kendo-spacing, 2 ) !default;
30
- $kendo-table-cell-padding-y-sm: k-map-get( $kendo-spacing, 1 ) !default;
32
+ $kendo-table-sm-cell-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
33
+ $kendo-table-sm-cell-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
31
34
 
32
- $kendo-table-cell-padding-x-md: k-map-get( $kendo-spacing, 3 ) !default;
33
- $kendo-table-cell-padding-y-md: k-map-get( $kendo-spacing, 2 ) !default;
35
+ $kendo-table-md-cell-padding-x: k-map-get( $kendo-spacing, 3 ) !default;
36
+ $kendo-table-md-cell-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
34
37
 
35
- $kendo-table-cell-padding-x-lg: k-map-get( $kendo-spacing, 2 ) !default;
36
- $kendo-table-cell-padding-y-lg: k-map-get( $kendo-spacing, 2.5 ) !default;
38
+ $kendo-table-lg-cell-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
39
+ $kendo-table-lg-cell-padding-y: k-map-get( $kendo-spacing, 2.5 ) !default;
37
40
 
38
41
  /// The sizes of the table.
39
42
  /// @group table
40
43
  $kendo-table-sizes: (
41
44
  sm: (
42
- font-size: $font-size-md,
43
- line-height: $line-height-md,
44
- cell-padding-x: $kendo-table-cell-padding-x-sm,
45
- cell-padding-y: $kendo-table-cell-padding-y-sm
45
+ font-size: $kendo-font-size-md,
46
+ line-height: $kendo-line-height-md,
47
+ cell-padding-x: $kendo-table-sm-cell-padding-x,
48
+ cell-padding-y: $kendo-table-sm-cell-padding-y
46
49
  ),
47
50
  md: (
48
- font-size: $font-size-md,
49
- line-height: $line-height-md,
50
- cell-padding-x: $kendo-table-cell-padding-x-md,
51
- cell-padding-y: $kendo-table-cell-padding-y-md
51
+ font-size: $kendo-font-size-md,
52
+ line-height: $kendo-line-height-md,
53
+ cell-padding-x: $kendo-table-md-cell-padding-x,
54
+ cell-padding-y: $kendo-table-md-cell-padding-y
52
55
  ),
53
56
  lg: (
54
- font-size: $font-size-md,
55
- line-height: $line-height-md,
56
- cell-padding-x: $kendo-table-cell-padding-x-lg,
57
- cell-padding-y: $kendo-table-cell-padding-y-lg
57
+ font-size: $kendo-font-size-md,
58
+ line-height: $kendo-line-height-md,
59
+ cell-padding-x: $kendo-table-lg-cell-padding-x,
60
+ cell-padding-y: $kendo-table-lg-cell-padding-y
58
61
  )
59
62
  ) !default;
60
63