@progress/kendo-theme-fluent 11.2.1-dev.1 → 11.3.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 (340) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/fluent-main-dark.css +1 -1
  3. package/dist/fluent-main.css +1 -1
  4. package/dist/meta/sassdoc-data.json +24099 -27323
  5. package/dist/meta/sassdoc-raw-data.json +8421 -7718
  6. package/dist/meta/variables.json +7880 -8036
  7. package/lib/swatches/all.json +1 -1
  8. package/lib/swatches/fluent-main-dark.json +1 -1
  9. package/lib/swatches/fluent-main.json +1 -1
  10. package/package.json +4 -4
  11. package/scss/action-buttons/_layout.scss +2 -55
  12. package/scss/action-buttons/_theme.scss +2 -11
  13. package/scss/action-buttons/_variables.scss +17 -7
  14. package/scss/action-sheet/_layout.scss +11 -399
  15. package/scss/action-sheet/_theme.scss +14 -69
  16. package/scss/action-sheet/_variables.scss +129 -66
  17. package/scss/adaptive/_index.scss +0 -3
  18. package/scss/adaptive/_layout.scss +2 -457
  19. package/scss/adaptive/_theme.scss +2 -75
  20. package/scss/adaptive/_variables.scss +39 -18
  21. package/scss/appbar/_layout.scss +2 -114
  22. package/scss/appbar/_theme.scss +9 -20
  23. package/scss/appbar/_variables.scss +38 -71
  24. package/scss/avatar/_layout.scss +2 -73
  25. package/scss/avatar/_theme.scss +2 -16
  26. package/scss/avatar/_variables.scss +24 -82
  27. package/scss/badge/_layout.scss +3 -146
  28. package/scss/badge/_theme.scss +8 -21
  29. package/scss/badge/_variables.scss +41 -88
  30. package/scss/bottom-navigation/_layout.scss +5 -108
  31. package/scss/bottom-navigation/_theme.scss +73 -74
  32. package/scss/bottom-navigation/_variables.scss +58 -117
  33. package/scss/breadcrumb/_layout.scss +8 -132
  34. package/scss/breadcrumb/_theme.scss +15 -71
  35. package/scss/breadcrumb/_variables.scss +133 -71
  36. package/scss/button/_layout.scss +18 -182
  37. package/scss/button/_theme.scss +132 -113
  38. package/scss/button/_variables.scss +156 -301
  39. package/scss/calendar/_layout.scss +27 -383
  40. package/scss/calendar/_theme.scss +55 -127
  41. package/scss/calendar/_variables.scss +185 -100
  42. package/scss/captcha/_layout.scss +2 -59
  43. package/scss/captcha/_theme.scss +2 -9
  44. package/scss/captcha/_variables.scss +25 -9
  45. package/scss/card/_layout.scss +9 -314
  46. package/scss/card/_theme.scss +3 -103
  47. package/scss/card/_variables.scss +110 -60
  48. package/scss/chart-wizard/_layout.scss +2 -38
  49. package/scss/chart-wizard/_theme.scss +2 -28
  50. package/scss/chart-wizard/_variables.scss +25 -11
  51. package/scss/chat/_index.scss +0 -3
  52. package/scss/chat/_layout.scss +26 -450
  53. package/scss/chat/_theme.scss +9 -80
  54. package/scss/chat/_variables.scss +143 -71
  55. package/scss/checkbox/_layout.scss +14 -191
  56. package/scss/checkbox/_theme.scss +11 -100
  57. package/scss/checkbox/_variables.scss +165 -78
  58. package/scss/chip/_layout.scss +11 -137
  59. package/scss/chip/_theme.scss +56 -57
  60. package/scss/chip/_variables.scss +99 -94
  61. package/scss/color-preview/_layout.scss +4 -64
  62. package/scss/color-preview/_theme.scss +2 -27
  63. package/scss/color-preview/_variables.scss +23 -9
  64. package/scss/coloreditor/_layout.scss +21 -109
  65. package/scss/coloreditor/_theme.scss +3 -24
  66. package/scss/coloreditor/_variables.scss +92 -57
  67. package/scss/colorgradient/_layout.scss +12 -196
  68. package/scss/colorgradient/_theme.scss +27 -65
  69. package/scss/colorgradient/_variables.scss +134 -76
  70. package/scss/colorpalette/_layout.scss +6 -40
  71. package/scss/colorpalette/_theme.scss +10 -20
  72. package/scss/colorpalette/_variables.scss +39 -21
  73. package/scss/colorpicker/_layout.scss +2 -11
  74. package/scss/colorpicker/_theme.scss +2 -1
  75. package/scss/column-menu/_layout.scss +5 -56
  76. package/scss/column-menu/_theme.scss +1 -24
  77. package/scss/column-menu/_variables.scss +38 -17
  78. package/scss/combobox/_layout.scss +4 -2
  79. package/scss/combobox/_theme.scss +4 -2
  80. package/scss/core/functions/index.import.scss +1 -0
  81. package/scss/dataviz/_layout.scss +6 -543
  82. package/scss/dataviz/_theme.scss +12 -76
  83. package/scss/dataviz/_variables.scss +152 -33
  84. package/scss/daterangepicker/_layout.scss +2 -37
  85. package/scss/daterangepicker/_theme.scss +16 -7
  86. package/scss/daterangepicker/_variables.scss +9 -0
  87. package/scss/datetimepicker/_layout.scss +3 -41
  88. package/scss/datetimepicker/_theme.scss +3 -2
  89. package/scss/datetimepicker/_variables.scss +5 -1
  90. package/scss/dialog/_layout.scss +8 -53
  91. package/scss/dialog/_theme.scss +5 -25
  92. package/scss/dialog/_variables.scss +31 -60
  93. package/scss/dock-manager/_layout.scss +9 -193
  94. package/scss/dock-manager/_theme.scss +6 -28
  95. package/scss/dock-manager/_variables.scss +74 -36
  96. package/scss/draggable/_layout.scss +13 -59
  97. package/scss/draggable/_theme.scss +10 -15
  98. package/scss/draggable/_variables.scss +45 -23
  99. package/scss/drawer/_layout.scss +7 -198
  100. package/scss/drawer/_theme.scss +25 -52
  101. package/scss/drawer/_variables.scss +73 -45
  102. package/scss/dropdowngrid/_layout.scss +3 -11
  103. package/scss/dropdowngrid/_theme.scss +3 -3
  104. package/scss/dropdownlist/_layout.scss +4 -28
  105. package/scss/dropdownlist/_theme.scss +3 -7
  106. package/scss/dropdowntree/_layout.scss +2 -35
  107. package/scss/dropdowntree/_theme.scss +3 -4
  108. package/scss/dropdowntree/_variables.scss +4 -3
  109. package/scss/dropzone/_layout.scss +7 -31
  110. package/scss/dropzone/_theme.scss +2 -30
  111. package/scss/dropzone/_variables.scss +43 -21
  112. package/scss/editor/_layout.scss +3 -588
  113. package/scss/editor/_theme.scss +12 -78
  114. package/scss/editor/_variables.scss +45 -26
  115. package/scss/expansion-panel/_layout.scss +22 -57
  116. package/scss/expansion-panel/_theme.scss +13 -36
  117. package/scss/expansion-panel/_variables.scss +49 -28
  118. package/scss/fab/_layout.scss +11 -134
  119. package/scss/fab/_theme.scss +37 -126
  120. package/scss/fab/_variables.scss +104 -56
  121. package/scss/filemanager/_layout.scss +2 -240
  122. package/scss/filemanager/_theme.scss +8 -89
  123. package/scss/filemanager/_variables.scss +109 -56
  124. package/scss/filter/_layout.scss +8 -71
  125. package/scss/filter/_theme.scss +5 -14
  126. package/scss/filter/_variables.scss +20 -10
  127. package/scss/floating-label/_layout.scss +3 -75
  128. package/scss/floating-label/_theme.scss +4 -20
  129. package/scss/floating-label/_variables.scss +35 -17
  130. package/scss/forms/_layout.scss +5 -302
  131. package/scss/forms/_theme.scss +5 -24
  132. package/scss/forms/_variables.scss +73 -39
  133. package/scss/gantt/_layout.scss +5 -801
  134. package/scss/gantt/_theme.scss +17 -236
  135. package/scss/gantt/_variables.scss +142 -73
  136. package/scss/grid/_layout.scss +60 -1276
  137. package/scss/grid/_theme.scss +35 -343
  138. package/scss/grid/_variables.scss +306 -183
  139. package/scss/gridlayout/_layout.scss +1 -6
  140. package/scss/gridlayout/_theme.scss +1 -6
  141. package/scss/icons/_layout.scss +4 -33
  142. package/scss/icons/_theme.scss +7 -1
  143. package/scss/icons/_variables.scss +35 -9
  144. package/scss/imageeditor/_layout.scss +2 -152
  145. package/scss/imageeditor/_theme.scss +5 -42
  146. package/scss/imageeditor/_variables.scss +66 -32
  147. package/scss/index.scss +2 -1
  148. package/scss/input/_layout.scss +36 -468
  149. package/scss/input/_theme.scss +52 -128
  150. package/scss/input/_variables.scss +153 -208
  151. package/scss/list/_layout.scss +3 -252
  152. package/scss/list/_theme.scss +10 -81
  153. package/scss/list/_variables.scss +176 -92
  154. package/scss/listbox/_layout.scss +2 -80
  155. package/scss/listbox/_theme.scss +5 -8
  156. package/scss/listbox/_variables.scss +28 -13
  157. package/scss/listgroup/_layout.scss +2 -174
  158. package/scss/listgroup/_theme.scss +2 -8
  159. package/scss/listgroup/_variables.scss +23 -10
  160. package/scss/listview/_layout.scss +6 -133
  161. package/scss/listview/_theme.scss +8 -37
  162. package/scss/listview/_variables.scss +66 -39
  163. package/scss/loader/_layout.scss +15 -572
  164. package/scss/loader/_theme.scss +2 -14
  165. package/scss/loader/_variables.scss +90 -92
  166. package/scss/map/_layout.scss +7 -121
  167. package/scss/map/_theme.scss +5 -17
  168. package/scss/map/_variables.scss +40 -22
  169. package/scss/maskedtextbox/_layout.scss +3 -3
  170. package/scss/maskedtextbox/_theme.scss +3 -3
  171. package/scss/mediaplayer/_layout.scss +5 -72
  172. package/scss/mediaplayer/_theme.scss +5 -15
  173. package/scss/mediaplayer/_variables.scss +27 -14
  174. package/scss/menu/_layout.scss +25 -267
  175. package/scss/menu/_theme.scss +14 -73
  176. package/scss/menu/_variables.scss +135 -76
  177. package/scss/menu-button/_layout.scss +9 -14
  178. package/scss/menu-button/_theme.scss +5 -1
  179. package/scss/menu-button/_variables.scss +10 -0
  180. package/scss/messagebox/_layout.scss +2 -18
  181. package/scss/messagebox/_theme.scss +4 -19
  182. package/scss/messagebox/_variables.scss +33 -37
  183. package/scss/multiselect/_layout.scss +3 -4
  184. package/scss/multiselect/_theme.scss +3 -4
  185. package/scss/no-data/_layout.scss +2 -17
  186. package/scss/no-data/_theme.scss +2 -5
  187. package/scss/no-data/_variables.scss +7 -2
  188. package/scss/notification/_functions.scss +17 -0
  189. package/scss/notification/_layout.scss +2 -68
  190. package/scss/notification/_theme.scss +4 -28
  191. package/scss/notification/_variables.scss +50 -91
  192. package/scss/numerictextbox/_layout.scss +3 -7
  193. package/scss/numerictextbox/_theme.scss +3 -3
  194. package/scss/orgchart/_layout.scss +8 -99
  195. package/scss/orgchart/_theme.scss +4 -45
  196. package/scss/orgchart/_variables.scss +87 -45
  197. package/scss/otp/_layout.scss +1 -34
  198. package/scss/otp/_theme.scss +1 -7
  199. package/scss/otp/_variables.scss +25 -12
  200. package/scss/overlay/_layout.scss +2 -11
  201. package/scss/overlay/_theme.scss +4 -3
  202. package/scss/overlay/_variables.scss +7 -3
  203. package/scss/pager/_layout.scss +11 -145
  204. package/scss/pager/_theme.scss +7 -15
  205. package/scss/pager/_variables.scss +49 -26
  206. package/scss/panel/_layout.scss +2 -24
  207. package/scss/panel/_theme.scss +10 -13
  208. package/scss/panel/_variables.scss +23 -10
  209. package/scss/panelbar/_layout.scss +17 -95
  210. package/scss/panelbar/_theme.scss +15 -164
  211. package/scss/panelbar/_variables.scss +134 -68
  212. package/scss/pdf-viewer/_layout.scss +3 -327
  213. package/scss/pdf-viewer/_theme.scss +2 -80
  214. package/scss/pdf-viewer/_variables.scss +75 -36
  215. package/scss/pivotgrid/_index.scss +0 -6
  216. package/scss/pivotgrid/_layout.scss +44 -579
  217. package/scss/pivotgrid/_theme.scss +5 -192
  218. package/scss/pivotgrid/_variables.scss +144 -70
  219. package/scss/popover/_layout.scss +6 -73
  220. package/scss/popover/_theme.scss +2 -36
  221. package/scss/popover/_variables.scss +54 -27
  222. package/scss/popup/_layout.scss +5 -70
  223. package/scss/popup/_theme.scss +2 -9
  224. package/scss/popup/_variables.scss +25 -12
  225. package/scss/progressbar/_layout.scss +10 -196
  226. package/scss/progressbar/_theme.scss +11 -46
  227. package/scss/progressbar/_variables.scss +57 -34
  228. package/scss/prompt/_layout.scss +2 -75
  229. package/scss/prompt/_theme.scss +2 -35
  230. package/scss/prompt/_variables.scss +43 -20
  231. package/scss/radio/_layout.scss +12 -178
  232. package/scss/radio/_theme.scss +7 -75
  233. package/scss/radio/_variables.scss +72 -36
  234. package/scss/rating/_layout.scss +11 -57
  235. package/scss/rating/_theme.scss +8 -6
  236. package/scss/rating/_variables.scss +21 -13
  237. package/scss/responsivepanel/_layout.scss +2 -45
  238. package/scss/responsivepanel/_theme.scss +3 -3
  239. package/scss/ripple/_layout.scss +2 -50
  240. package/scss/ripple/_theme.scss +2 -2
  241. package/scss/scheduler/_layout.scss +11 -773
  242. package/scss/scheduler/_theme.scss +32 -167
  243. package/scss/scheduler/_variables.scss +149 -77
  244. package/scss/scroller/_layout.scss +2 -80
  245. package/scss/scroller/_theme.scss +2 -5
  246. package/scss/scrollview/_layout.scss +2 -159
  247. package/scss/scrollview/_theme.scss +11 -35
  248. package/scss/scrollview/_variables.scss +52 -29
  249. package/scss/searchbox/_layout.scss +2 -0
  250. package/scss/searchbox/_theme.scss +4 -1
  251. package/scss/searchbox/_variables.scss +1 -1
  252. package/scss/signature/_layout.scss +3 -67
  253. package/scss/signature/_theme.scss +3 -8
  254. package/scss/signature/_variables.scss +46 -25
  255. package/scss/skeleton/_layout.scss +2 -79
  256. package/scss/skeleton/_theme.scss +2 -17
  257. package/scss/skeleton/_variables.scss +15 -6
  258. package/scss/slider/_layout.scss +18 -203
  259. package/scss/slider/_theme.scss +31 -40
  260. package/scss/slider/_variables.scss +58 -41
  261. package/scss/speech-to-text-button/_layout.scss +1 -9
  262. package/scss/speech-to-text-button/_theme.scss +1 -3
  263. package/scss/split-button/_layout.scss +22 -18
  264. package/scss/split-button/_theme.scss +2 -1
  265. package/scss/split-button/_variables.scss +18 -9
  266. package/scss/splitter/_layout.scss +8 -171
  267. package/scss/splitter/_theme.scss +2 -31
  268. package/scss/splitter/_variables.scss +42 -20
  269. package/scss/spreadsheet/_layout.scss +50 -724
  270. package/scss/spreadsheet/_theme.scss +14 -182
  271. package/scss/spreadsheet/_variables.scss +172 -99
  272. package/scss/stacklayout/_layout.scss +1 -5
  273. package/scss/stacklayout/_theme.scss +1 -5
  274. package/scss/stepper/_layout.scss +9 -255
  275. package/scss/stepper/_theme.scss +4 -186
  276. package/scss/stepper/_variables.scss +125 -60
  277. package/scss/suggestion/_layout.scss +2 -38
  278. package/scss/suggestion/_theme.scss +3 -66
  279. package/scss/suggestion/_variables.scss +42 -19
  280. package/scss/switch/_layout.scss +2 -138
  281. package/scss/switch/_theme.scss +2 -136
  282. package/scss/switch/_variables.scss +99 -49
  283. package/scss/table/_layout.scss +6 -249
  284. package/scss/table/_theme.scss +9 -95
  285. package/scss/table/_variables.scss +100 -64
  286. package/scss/tabstrip/_layout.scss +2 -421
  287. package/scss/tabstrip/_theme.scss +12 -123
  288. package/scss/tabstrip/_variables.scss +113 -61
  289. package/scss/taskboard/_layout.scss +28 -178
  290. package/scss/taskboard/_theme.scss +20 -55
  291. package/scss/taskboard/_variables.scss +122 -63
  292. package/scss/textarea/_layout.scss +3 -6
  293. package/scss/textarea/_theme.scss +3 -4
  294. package/scss/textbox/_layout.scss +3 -4
  295. package/scss/textbox/_theme.scss +3 -4
  296. package/scss/tilelayout/_layout.scss +2 -36
  297. package/scss/tilelayout/_theme.scss +13 -10
  298. package/scss/tilelayout/_variables.scss +19 -8
  299. package/scss/time-marker/_layout.scss +2 -15
  300. package/scss/time-marker/_theme.scss +2 -17
  301. package/scss/time-marker/_variables.scss +7 -2
  302. package/scss/timedurationpicker/_layout.scss +3 -4
  303. package/scss/timedurationpicker/_theme.scss +3 -4
  304. package/scss/timeline/_layout.scss +8 -423
  305. package/scss/timeline/_theme.scss +11 -34
  306. package/scss/timeline/_variables.scss +108 -61
  307. package/scss/timepicker/_layout.scss +7 -3
  308. package/scss/timepicker/_theme.scss +3 -4
  309. package/scss/timeselector/_layout.scss +3 -223
  310. package/scss/timeselector/_theme.scss +5 -55
  311. package/scss/timeselector/_variables.scss +84 -41
  312. package/scss/toolbar/_layout.scss +11 -296
  313. package/scss/toolbar/_theme.scss +3 -167
  314. package/scss/toolbar/_variables.scss +65 -32
  315. package/scss/tooltip/_functions.scss +17 -0
  316. package/scss/tooltip/_layout.scss +13 -74
  317. package/scss/tooltip/_theme.scss +17 -23
  318. package/scss/tooltip/_variables.scss +50 -72
  319. package/scss/treelist/_layout.scss +3 -82
  320. package/scss/treelist/_theme.scss +4 -6
  321. package/scss/treelist/_variables.scss +7 -2
  322. package/scss/treeview/_layout.scss +8 -137
  323. package/scss/treeview/_theme.scss +20 -65
  324. package/scss/treeview/_variables.scss +88 -48
  325. package/scss/typography/_layout.scss +3 -113
  326. package/scss/typography/_theme.scss +2 -17
  327. package/scss/typography/_variables.scss +84 -3
  328. package/scss/upload/_layout.scss +7 -219
  329. package/scss/upload/_theme.scss +4 -90
  330. package/scss/upload/_variables.scss +66 -29
  331. package/scss/validator/_layout.scss +2 -16
  332. package/scss/validator/_theme.scss +2 -2
  333. package/scss/virtual-scroller/_layout.scss +2 -34
  334. package/scss/virtual-scroller/_theme.scss +2 -2
  335. package/scss/window/_layout.scss +9 -141
  336. package/scss/window/_theme.scss +7 -35
  337. package/scss/window/_variables.scss +65 -70
  338. package/scss/wizard/_layout.scss +8 -95
  339. package/scss/wizard/_theme.scss +4 -7
  340. package/scss/wizard/_variables.scss +24 -11
package/scss/action-sheet/_theme.scss CHANGED
@@ -1,103 +1,48 @@
1
1
  @use "../core/_index.scss" as *;
2
2
  @use "./_variables.scss" as *;
3
+ @use "@progress/kendo-theme-core/scss/components/action-sheet/_theme.scss" as *;
3
4
 
4
5
  @mixin kendo-action-sheet--theme() {
6
+ @include kendo-action-sheet--theme-base();
5
7
 
6
- // Actionsheet
7
- .k-actionsheet {
8
- color: var( --kendo-actionsheet-text, #{$kendo-actionsheet-text} );
9
- background-color: var( --kendo-actionsheet-bg, #{$kendo-actionsheet-bg} );
10
- border-color: var( --kendo-actionsheet-border, #{$kendo-actionsheet-border} );
11
- @include box-shadow( var( --kendo-actionsheet-shadow, #{$kendo-actionsheet-shadow} ) );
8
+ .k-actionsheet-header,
9
+ .k-actionsheet-titlebar {
10
+ color: $kendo-actionsheet-header-text;
11
+ background-color: $kendo-actionsheet-header-bg;
12
+ border-color: $kendo-actionsheet-header-border;
13
+ @include box-shadow( $kendo-actionsheet-header-shadow );
12
14
  }
13
15
 
14
-
15
- // Actionsheet header
16
- .k-actionsheet-header {
17
- color: var( --kendo-actionsheet-header-text, #{$kendo-actionsheet-header-text} );
18
- background-color: var( --kendo-actionsheet-header-bg, #{$kendo-actionsheet-header-bg} );
19
- border-color: var( --kendo-actionsheet-header-border, #{$kendo-actionsheet-header-border} );
20
- @include box-shadow( var( --kendo-actionsheet-header-shadow, #{$kendo-actionsheet-header-shadow} ) );
21
- }
22
- .k-actionsheet-footer {
23
- color: var( --kendo-actionsheet-footer-text, #{$kendo-actionsheet-footer-text} );
24
- background-color: var( --kendo-actionsheet-footer-bg, #{$kendo-actionsheet-footer-bg} );
25
- border-color: var( --kendo-actionsheet-footer-border, #{$kendo-actionsheet-footer-border} );
26
- @include box-shadow( var( --kendo-actionsheet-footer-shadow, #{$kendo-actionsheet-footer-shadow} ) );
27
- }
28
- .k-actionsheet-subtitle-text {
29
- color: var( --kendo-actionsheet-subtitle-text, #{$kendo-actionsheet-subtitle-text} );
16
+ .k-actionsheet-subtitle {
17
+ color: inherit;
30
18
  }
31
19
 
32
- // Actionsheet items
33
- .k-actionsheet-items {}
34
-
35
-
36
- // Actionsheet item
37
- .k-actionsheet-item {}
38
-
39
- // Actionsheet item icon
40
20
  .k-actionsheet-item-icon {
41
- color: var( --kendo-actionsheet-item-icon-color, #{$kendo-actionsheet-item-icon-color} );
42
- }
43
-
44
- // Actionsheet item description
45
- .k-actionsheet-item-description {
46
- color: var( --kendo-actionsheet-item-description-text, #{$kendo-actionsheet-item-description-text} );
21
+ color: $kendo-actionsheet-item-icon-color;
47
22
  }
48
23
 
49
-
50
- // Actionsheet action
51
24
  .k-actionsheet-item {
52
-
53
25
  color: var( --kendo-actionsheet-item-text, inherit );
54
26
  background-color: var( --kendo-actionsheet-item-bg, inherit );
55
27
  border-color: var( --kendo-actionsheet-item-border, inherit );
56
28
  outline-color: var( --kendo-actionsheet-item-outline, inherit );
57
29
 
58
- // Hover state
59
- &:hover,
60
- &.k-hover {
61
- color: var( --kendo-actionsheet-item-hover-text, #{$kendo-actionsheet-item-hover-text} );
62
- background-color: var( --kendo-actionsheet-item-hover-bg, #{$kendo-actionsheet-item-hover-bg} );
63
- border-color: var( --kendo-actionsheet-item-hover-border, #{$kendo-actionsheet-item-hover-border} );
64
- }
65
-
66
-
67
- // Focus state
68
30
  &:focus,
69
31
  &.k-focus {
70
- color: var( --kendo-actionsheet-item-focus-text, #{$kendo-actionsheet-item-focus-text} );
71
- background-color: var( --kendo-actionsheet-item-focus-bg, #{$kendo-actionsheet-item-focus-bg} );
72
- border-color: var( --kendo-actionsheet-item-focus-border, #{$kendo-actionsheet-item-focus-border} );
73
- outline-color: var( --kendo-actionsheet-item-focus-outline, #{$kendo-actionsheet-item-focus-outline} );
74
-
75
32
  &:hover,
76
33
  &.k-hover {
77
- color: var( --kendo-actionsheet-item-focus-hover-text, #{$kendo-actionsheet-item-focus-hover-text} );
78
- background-color: var( --kendo-actionsheet-item-focus-hover-bg, #{$kendo-actionsheet-item-focus-hover-bg} );
79
- border-color: var( --kendo-actionsheet-item-focus-hover-border, #{$kendo-actionsheet-item-focus-hover-border} );
34
+ color: $kendo-actionsheet-item-focus-hover-text;
35
+ background-color: $kendo-actionsheet-item-focus-hover-bg;
36
+ border-color: $kendo-actionsheet-item-focus-hover-border;
80
37
  }
81
38
  }
82
39
 
83
-
84
- // Disabed state
85
40
  &:disabled,
86
41
  &.k-disabled {
87
- color: var( --kendo-actionsheet-item-disabled-text, #{$kendo-actionsheet-item-disabled-text} );
88
- background-color: var( --kendo-actionsheet-item-disabled-bg, #{$kendo-actionsheet-item-disabled-bg} );
89
- border-color: var( --kendo-actionsheet-item-disabled-border, #{$kendo-actionsheet-item-disabled-border} );
90
-
91
42
  .k-actionsheet-item-description,
92
43
  .k-actionsheet-item-icon {
93
44
  color: inherit;
94
45
  }
95
46
  }
96
47
  }
97
-
98
- // Actionsheet separator
99
- .k-actionsheet .k-hr {
100
- border-color: var( --kendo-actionsheet-border, #{$kendo-actionsheet-border} );
101
- }
102
-
103
48
  }
package/scss/action-sheet/_variables.scss CHANGED
@@ -3,223 +3,286 @@
3
3
 
4
4
  /// Horizontal padding of the action sheet.
5
5
  /// @group action-sheet
6
- $kendo-actionsheet-padding-x: k-spacing(0) !default;
6
+ $kendo-actionsheet-padding-x: var( --kendo-actionsheet-padding-x, #{k-spacing(0)} ) !default;
7
7
  /// Vertical padding of the action sheet.
8
8
  /// @group action-sheet
9
- $kendo-actionsheet-padding-y: k-spacing(0) !default;
9
+ $kendo-actionsheet-padding-y: var( --kendo-actionsheet-padding-y, #{k-spacing(0)} ) !default;
10
10
  /// Width of the action sheet.
11
11
  /// @group action-sheet
12
- $kendo-actionsheet-width: 360px !default;
12
+ $kendo-actionsheet-width: var( --kendo-actionsheet-width, 360px ) !default;
13
13
  /// Maximum width of the action sheet.
14
14
  /// @group action-sheet
15
- $kendo-actionsheet-max-width: 100% !default;
15
+ $kendo-actionsheet-max-width: var( --kendo-actionsheet-max-width, 100% ) !default;
16
16
  /// Height of the action sheet.
17
17
  /// @group action-sheet
18
- $kendo-actionsheet-height: 60vh !default;
18
+ $kendo-actionsheet-height: var( --kendo-actionsheet-height, 60vh ) !default;
19
19
  /// Maximum height of the action sheet.
20
20
  /// @group action-sheet
21
- $kendo-actionsheet-max-height: 60vh !default;
21
+ $kendo-actionsheet-max-height: var( --kendo-actionsheet-max-height, 60vh ) !default;
22
22
 
23
23
  /// Border width around the action sheet.
24
24
  /// @group action-sheet
25
- $kendo-actionsheet-border-width: 0px !default;
25
+ $kendo-actionsheet-border-width: var( --kendo-actionsheet-border-width, 0px ) !default;
26
26
  /// Border radius of the action sheet.
27
27
  /// @group action-sheet
28
- $kendo-actionsheet-border-radius: 0px !default;
28
+ $kendo-actionsheet-border-radius: var( --kendo-actionsheet-border-radius, 0px ) !default;
29
29
 
30
30
  /// Font size of the action sheet.
31
31
  /// @group action-sheet
32
- $kendo-actionsheet-font-size: var( --kendo-font-size, inherit ) !default;
32
+ $kendo-actionsheet-font-size: var( --kendo-actionsheet-font-size, var( --kendo-font-size, inherit ) ) !default;
33
33
  /// Font family of the action sheet.
34
34
  /// @group action-sheet
35
- $kendo-actionsheet-font-family: var( --kendo-font-family, inherit ) !default;
35
+ $kendo-actionsheet-font-family: var( --kendo-actionsheet-font-family, var( --kendo-font-family, inherit ) ) !default;
36
36
  /// Line height of the action sheet.
37
37
  /// @group action-sheet
38
- $kendo-actionsheet-line-height: var( --kendo-line-height, inherit ) !default;
38
+ $kendo-actionsheet-line-height: var( --kendo-actionsheet-line-height, var( --kendo-line-height, inherit ) ) !default;
39
39
 
40
40
  /// Background color of the action sheet.
41
41
  /// @group action-sheet
42
- $kendo-actionsheet-bg: k-color(surface-alt) !default;
42
+ $kendo-actionsheet-bg: var( --kendo-actionsheet-bg, #{k-color(surface-alt)} ) !default;
43
43
  /// Text color of the action sheet.
44
44
  /// @group action-sheet
45
- $kendo-actionsheet-text: k-color(on-app-surface) !default;
45
+ $kendo-actionsheet-text: var( --kendo-actionsheet-text, #{k-color(on-app-surface)} ) !default;
46
46
  /// Border color of the action sheet.
47
47
  /// @group action-sheet
48
- $kendo-actionsheet-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;
48
+ $kendo-actionsheet-border: var( --kendo-actionsheet-border, #{color-mix(in srgb, k-color(border) 16%, transparent)} ) !default;
49
49
  /// Box shadow of the action sheet.
50
50
  /// @group action-sheet
51
- $kendo-actionsheet-shadow: var( --kendo-box-shadow-depth-7, none ) !default;
51
+ $kendo-actionsheet-shadow: var( --kendo-actionsheet-shadow, var( --kendo-box-shadow-depth-7, none ) ) !default;
52
52
 
53
53
  /// Horizontal padding of the action sheet header.
54
54
  /// @group action-sheet
55
- $kendo-actionsheet-header-padding-x: k-spacing(4) !default;
55
+ $kendo-actionsheet-header-padding-x: var( --kendo-actionsheet-header-padding-x, #{k-spacing(4)} ) !default;
56
56
  /// Vertical padding of the action sheet header.
57
57
  /// @group action-sheet
58
- $kendo-actionsheet-header-padding-y: k-spacing(2) !default;
58
+ $kendo-actionsheet-header-padding-y: var( --kendo-actionsheet-header-padding-y, #{k-spacing(2)} ) !default;
59
59
  /// Border width of the action sheet header.
60
60
  /// @group action-sheet
61
- $kendo-actionsheet-header-border-width: 1px !default;
61
+ $kendo-actionsheet-header-border-width: var( --kendo-actionsheet-header-border-width, 1px ) !default;
62
62
  /// Font size of the action sheet header.
63
63
  /// @group action-sheet
64
- $kendo-actionsheet-header-font-size: inherit !default;
64
+ $kendo-actionsheet-header-font-size: var( --kendo-actionsheet-header-font-size, inherit ) !default;
65
65
  /// Font family of the action sheet header.
66
66
  /// @group action-sheet
67
- $kendo-actionsheet-header-font-family: inherit !default;
67
+ $kendo-actionsheet-header-font-family: var( --kendo-actionsheet-header-font-family, inherit ) !default;
68
68
  /// Line height of the action sheet header.
69
69
  /// @group action-sheet
70
- $kendo-actionsheet-header-line-height: inherit !default;
70
+ $kendo-actionsheet-header-line-height: var( --kendo-actionsheet-header-line-height, inherit ) !default;
71
71
  /// Spacing between the action sheet header groups.
72
72
  /// @group action-sheet
73
- $kendo-actionsheet-header-gap: k-spacing(4) !default;
73
+ $kendo-actionsheet-header-gap: var( --kendo-actionsheet-header-gap, #{k-spacing(4)} ) !default;
74
74
 
75
75
 
76
76
  /// Background color of the action sheet header.
77
77
  /// @group action-sheet
78
- $kendo-actionsheet-header-bg: inherit !default;
78
+ $kendo-actionsheet-header-bg: var( --kendo-actionsheet-header-bg, inherit ) !default;
79
79
  /// Text color of the action sheet header.
80
80
  /// @group action-sheet
81
- $kendo-actionsheet-header-text: inherit !default;
81
+ $kendo-actionsheet-header-text: var( --kendo-actionsheet-header-text, inherit ) !default;
82
82
  /// Border color of the action sheet header.
83
83
  /// @group action-sheet
84
- $kendo-actionsheet-header-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;
84
+ $kendo-actionsheet-header-border: var( --kendo-actionsheet-header-border, #{color-mix(in srgb, k-color(border) 16%, transparent)} ) !default;
85
85
  /// Box shadow of the action sheet header.
86
86
  /// @group action-sheet
87
- $kendo-actionsheet-header-shadow: none !default;
87
+ $kendo-actionsheet-header-shadow: var( --kendo-actionsheet-header-shadow, none ) !default;
88
88
 
89
89
  /// Font size of the action sheet subtitle.
90
90
  /// @group action-sheet
91
- $kendo-actionsheet-subtitle-font-size: var( --kendo-font-size-sm, inherit ) !default;
91
+ $kendo-actionsheet-subtitle-font-size: var( --kendo-actionsheet-subtitle-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
92
92
  /// Line height of the action sheet subtitle.
93
93
  /// @group action-sheet
94
- $kendo-actionsheet-subtitle-line-height: var( --kendo-line-height-sm, inherit ) !default;
94
+ $kendo-actionsheet-subtitle-line-height: var( --kendo-actionsheet-subtitle-line-height, var( --kendo-line-height-sm, inherit ) ) !default;
95
95
  /// Text color of the action sheet subtitle.
96
96
  /// @group action-sheet
97
- $kendo-actionsheet-subtitle-text: k-color(subtle) !default;
97
+ $kendo-actionsheet-subtitle-text: var( --kendo-actionsheet-subtitle-text, #{k-color(subtle)} ) !default;
98
98
 
99
99
  /// Border width of the action sheet footer.
100
100
  /// @group action-sheet
101
- $kendo-actionsheet-footer-border-width: 1px !default;
101
+ $kendo-actionsheet-footer-border-width: var( --kendo-actionsheet-footer-border-width, 1px ) !default;
102
102
 
103
103
  /// Background color of the action sheet footer.
104
104
  /// @group action-sheet
105
- $kendo-actionsheet-footer-bg: null !default;
105
+ $kendo-actionsheet-footer-bg: var( --kendo-actionsheet-footer-bg, null ) !default;
106
106
  /// Text color of the action sheet footer.
107
107
  /// @group action-sheet
108
- $kendo-actionsheet-footer-text: null !default;
108
+ $kendo-actionsheet-footer-text: var( --kendo-actionsheet-footer-text, null ) !default;
109
109
  /// Border color of the action sheet footer.
110
110
  /// @group action-sheet
111
- $kendo-actionsheet-footer-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;
111
+ $kendo-actionsheet-footer-border: var( --kendo-actionsheet-footer-border, #{color-mix(in srgb, k-color(border) 16%, transparent)} ) !default;
112
112
  /// Box shadow of the action sheet footer.
113
113
  /// @group action-sheet
114
- $kendo-actionsheet-footer-shadow: null !default;
114
+ $kendo-actionsheet-footer-shadow: var( --kendo-actionsheet-footer-shadow, null ) !default;
115
115
 
116
116
  /// Minimum height of the action sheet item.
117
117
  /// @group action-sheet
118
- $kendo-actionsheet-item-min-height: 40px !default;
118
+ $kendo-actionsheet-item-min-height: var( --kendo-actionsheet-item-min-height, 40px ) !default;
119
119
  /// Horiozontal padding of the action sheet item.
120
120
  /// @group action-sheet
121
- $kendo-actionsheet-item-padding-x: k-spacing(4) !default;
121
+ $kendo-actionsheet-item-padding-x: var( --kendo-actionsheet-item-padding-x, #{k-spacing(4)} ) !default;
122
122
  /// Vertical padding of the action sheet item.
123
123
  /// @group action-sheet
124
- $kendo-actionsheet-item-padding-y: k-spacing(2) !default;
124
+ $kendo-actionsheet-item-padding-y: var( --kendo-actionsheet-item-padding-y, #{k-spacing(2)} ) !default;
125
125
  /// Border around the action sheet item.
126
126
  /// @group action-sheet
127
- $kendo-actionsheet-item-border-width: 1px !default;
127
+ $kendo-actionsheet-item-border-width: var( --kendo-actionsheet-item-border-width, 1px ) !default;
128
128
  /// Spacing between the icon and the text in the action sheet item.
129
129
  /// @group action-sheet
130
- $kendo-actionsheet-item-spacing: k-spacing(2) !default;
130
+ $kendo-actionsheet-item-spacing: var( --kendo-actionsheet-item-spacing, #{k-spacing(2)} ) !default;
131
131
 
132
132
  /// Color of the action sheet item icon.
133
133
  /// @group action-sheet
134
- $kendo-actionsheet-item-icon-color: k-color(primary) !default;
134
+ $kendo-actionsheet-item-icon-color: var( --kendo-actionsheet-item-icon-color, #{k-color(primary)} ) !default;
135
135
 
136
136
  /// Font weight of the action sheet item text.
137
137
  /// @group action-sheet
138
- $kendo-actionsheet-item-title-font-weight: inherit !default;
138
+ $kendo-actionsheet-item-title-font-weight: var( --kendo-actionsheet-item-title-font-weight, inherit ) !default;
139
139
  /// Transform of the action sheet item text.
140
140
  /// @group action-sheet
141
- $kendo-actionsheet-item-title-text-transform: none !default;
141
+ $kendo-actionsheet-item-title-text-transform: var( --kendo-actionsheet-item-title-text-transform, none ) !default;
142
142
 
143
143
  /// Font size of the action sheet item description.
144
144
  /// @group action-sheet
145
- $kendo-actionsheet-item-description-font-size: var( --kendo-font-size-sm, inherit ) !default;
145
+ $kendo-actionsheet-item-description-font-size: var( --kendo-actionsheet-item-description-font-size, var( --kendo-font-size-sm, inherit ) ) !default;
146
146
  /// Color of the action sheet item description.
147
147
  /// @group action-sheet
148
- $kendo-actionsheet-item-description-text: k-color(subtle) !default;
148
+ $kendo-actionsheet-item-description-text: var( --kendo-actionsheet-item-description-text, #{k-color(subtle)} ) !default;
149
149
 
150
150
  /// Hover background color of the action sheet item.
151
151
  /// @group action-sheet
152
- $kendo-actionsheet-item-hover-bg: k-color(base-hover) !default;
152
+ $kendo-actionsheet-item-hover-bg: var( --kendo-actionsheet-item-hover-bg, #{k-color(base-hover)} ) !default;
153
153
  /// Hover text color of the action sheet item.
154
154
  /// @group action-sheet
155
- $kendo-actionsheet-item-hover-text: k-color(on-base) !default;
155
+ $kendo-actionsheet-item-hover-text: var( --kendo-actionsheet-item-hover-text, #{k-color(on-base)} ) !default;
156
156
  /// Hover border color of the action sheet item.
157
157
  /// @group action-sheet
158
- $kendo-actionsheet-item-hover-border: inherit !default;
158
+ $kendo-actionsheet-item-hover-border: var( --kendo-actionsheet-item-hover-border, inherit ) !default;
159
159
 
160
160
  /// Focus background color of the action sheet item.
161
161
  /// @group action-sheet
162
- $kendo-actionsheet-item-focus-bg: inherit !default;
162
+ $kendo-actionsheet-item-focus-bg: var( --kendo-actionsheet-item-focus-bg, inherit ) !default;
163
163
  /// Focus text color of the action sheet item.
164
164
  /// @group action-sheet
165
- $kendo-actionsheet-item-focus-text: inherit !default;
165
+ $kendo-actionsheet-item-focus-text: var( --kendo-actionsheet-item-focus-text, inherit ) !default;
166
166
  /// Focus border color of the action sheet item.
167
167
  /// @group action-sheet
168
- $kendo-actionsheet-item-focus-border: inherit !default;
168
+ $kendo-actionsheet-item-focus-border: var( --kendo-actionsheet-item-focus-border, inherit ) !default;
169
169
  /// Focus outline color of the action sheet item.
170
170
  /// @group action-sheet
171
- $kendo-actionsheet-item-focus-outline: var( --kendo-outline-color, inherit ) !default;
171
+ $kendo-actionsheet-item-focus-outline: var( --kendo-actionsheet-item-focus-outline, var( --kendo-outline-color, inherit ) ) !default;
172
172
  /// Focus outline width of the action sheet item.
173
173
  /// @group action-sheet
174
- $kendo-actionsheet-item-focus-outline-width: 1px !default;
174
+ $kendo-actionsheet-item-focus-outline-width: var( --kendo-actionsheet-item-focus-outline-width, 1px ) !default;
175
175
 
176
176
  /// Focus and hover background color of the action sheet item.
177
177
  /// @group action-sheet
178
- $kendo-actionsheet-item-focus-hover-bg: $kendo-actionsheet-item-hover-bg !default;
178
+ $kendo-actionsheet-item-focus-hover-bg: var( --kendo-actionsheet-item-focus-hover-bg, #{$kendo-actionsheet-item-hover-bg} ) !default;
179
179
  /// Focus and hover text color of the action sheet item.
180
180
  /// @group action-sheet
181
- $kendo-actionsheet-item-focus-hover-text: $kendo-actionsheet-item-hover-text !default;
181
+ $kendo-actionsheet-item-focus-hover-text: var( --kendo-actionsheet-item-focus-hover-text, #{$kendo-actionsheet-item-hover-text} ) !default;
182
182
  /// Focus and hover border color of the action sheet item.
183
183
  /// @group action-sheet
184
- $kendo-actionsheet-item-focus-hover-border: $kendo-actionsheet-item-hover-border !default;
184
+ $kendo-actionsheet-item-focus-hover-border: var( --kendo-actionsheet-item-focus-hover-border, #{$kendo-actionsheet-item-hover-border} ) !default;
185
185
 
186
186
  /// Disabled background color of the action sheet item.
187
187
  /// @group action-sheet
188
- $kendo-actionsheet-item-disabled-bg: $kendo-actionsheet-bg !default;
188
+ $kendo-actionsheet-item-disabled-bg: var( --kendo-actionsheet-item-disabled-bg, #{$kendo-actionsheet-bg} ) !default;
189
189
  /// Disabled text color of the action sheet item.
190
190
  /// @group action-sheet
191
- $kendo-actionsheet-item-disabled-text: color-mix(in srgb, k-color(on-app-surface) 46%, transparent) !default;
191
+ $kendo-actionsheet-item-disabled-text: var( --kendo-actionsheet-item-disabled-text, #{color-mix(in srgb, k-color(on-app-surface) 46%, transparent)} ) !default;
192
192
  /// Disabled border color of the action sheet item.
193
193
  /// @group action-sheet
194
- $kendo-actionsheet-item-disabled-border: transparent !default;
194
+ $kendo-actionsheet-item-disabled-border: var( --kendo-actionsheet-item-disabled-border, transparent ) !default;
195
195
 
196
196
 
197
197
  // Adaptive Actionsheet
198
198
 
199
199
  /// Font size of the adaptive action sheet.
200
200
  /// @group action-sheet
201
- $kendo-adaptive-actionsheet-font-size: $kendo-font-size-lg !default;
201
+ $kendo-adaptive-actionsheet-font-size: var( --kendo-adaptive-actionsheet-font-size, #{$kendo-font-size-lg} ) !default;
202
202
  /// The line height of the adaptive action sheet.
203
203
  /// @group action-sheet
204
- $kendo-adaptive-actionsheet-line-height: var( --kendo-line-height, inherit ) !default;
204
+ $kendo-adaptive-actionsheet-line-height: var( --kendo-adaptive-actionsheet-line-height, var( --kendo-line-height, inherit ) ) !default;
205
205
 
206
206
  /// Vertical padding of the adaptive action sheet titlebar.
207
207
  /// @group action-sheet
208
- $kendo-adaptive-actionsheet-header-padding-y: k-spacing(4) !default;
208
+ $kendo-adaptive-actionsheet-header-padding-y: var( --kendo-adaptive-actionsheet-header-padding-y, #{k-spacing(4)} ) !default;
209
209
  /// Horizontal padding of the adaptive action sheet titlebar.
210
210
  /// @group action-sheet
211
- $kendo-adaptive-actionsheet-header-padding-x: $kendo-adaptive-actionsheet-header-padding-y !default;
211
+ $kendo-adaptive-actionsheet-header-padding-x: var( --kendo-adaptive-actionsheet-header-padding-x, #{$kendo-adaptive-actionsheet-header-padding-y} ) !default;
212
212
 
213
213
  /// Vertical padding of the adaptive action sheet content.
214
214
  /// @group action-sheet
215
- $kendo-adaptive-actionsheet-content-padding-y: k-spacing(2) !default;
215
+ $kendo-adaptive-actionsheet-content-padding-y: var( --kendo-adaptive-actionsheet-content-padding-y, #{k-spacing(2)} ) !default;
216
216
  /// Horizontal padding of the adaptive action sheet content.
217
217
  /// @group action-sheet
218
- $kendo-adaptive-actionsheet-content-padding-x: k-spacing(4) !default;
218
+ $kendo-adaptive-actionsheet-content-padding-x: var( --kendo-adaptive-actionsheet-content-padding-x, #{k-spacing(4)} ) !default;
219
219
 
220
220
  /// Vertical padding of the adaptive action sheet footer.
221
221
  /// @group action-sheet
222
- $kendo-adaptive-actionsheet-footer-padding-y: k-spacing(2) !default;
222
+ $kendo-adaptive-actionsheet-footer-padding-y: var( --kendo-adaptive-actionsheet-footer-padding-y, #{k-spacing(2)} ) !default;
223
223
  /// Horizontal padding of the adaptive action sheet footer.
224
224
  /// @group action-sheet
225
- $kendo-adaptive-actionsheet-footer-padding-x: k-spacing(4) !default;
225
+ $kendo-adaptive-actionsheet-footer-padding-x: var( --kendo-adaptive-actionsheet-footer-padding-x, #{k-spacing(4)} ) !default;
226
+
227
+ @forward "@progress/kendo-theme-core/scss/components/action-sheet/_variables.scss" with (
228
+ $kendo-actionsheet-padding-x: $kendo-actionsheet-padding-x,
229
+ $kendo-actionsheet-padding-y: $kendo-actionsheet-padding-y,
230
+ $kendo-actionsheet-width: $kendo-actionsheet-width,
231
+ $kendo-actionsheet-max-width: $kendo-actionsheet-max-width,
232
+ $kendo-actionsheet-height: $kendo-actionsheet-height,
233
+ $kendo-actionsheet-max-height: $kendo-actionsheet-max-height,
234
+ $kendo-actionsheet-border-width: $kendo-actionsheet-border-width,
235
+ $kendo-actionsheet-border-radius: $kendo-actionsheet-border-radius,
236
+ $kendo-actionsheet-font-size: $kendo-actionsheet-font-size,
237
+ $kendo-actionsheet-font-family: $kendo-actionsheet-font-family,
238
+ $kendo-actionsheet-line-height: $kendo-actionsheet-line-height,
239
+ $kendo-actionsheet-bg: $kendo-actionsheet-bg,
240
+ $kendo-actionsheet-text: $kendo-actionsheet-text,
241
+ $kendo-actionsheet-border: $kendo-actionsheet-border,
242
+ $kendo-actionsheet-shadow: $kendo-actionsheet-shadow,
243
+ $kendo-actionsheet-titlebar-padding-x: $kendo-actionsheet-header-padding-x,
244
+ $kendo-actionsheet-titlebar-padding-y: $kendo-actionsheet-header-padding-y,
245
+ $kendo-actionsheet-titlebar-border-width: $kendo-actionsheet-header-border-width,
246
+ $kendo-actionsheet-titlebar-font-size: $kendo-actionsheet-header-font-size,
247
+ $kendo-actionsheet-titlebar-font-family: $kendo-actionsheet-header-font-family,
248
+ $kendo-actionsheet-titlebar-line-height: $kendo-actionsheet-header-line-height,
249
+ $kendo-actionsheet-titlebar-gap: $kendo-actionsheet-header-gap,
250
+ $kendo-actionsheet-titlebar-bg: $kendo-actionsheet-header-bg,
251
+ $kendo-actionsheet-titlebar-text: $kendo-actionsheet-header-text,
252
+ $kendo-actionsheet-titlebar-border: $kendo-actionsheet-header-border,
253
+ $kendo-actionsheet-titlebar-shadow: $kendo-actionsheet-header-shadow,
254
+ $kendo-actionsheet-subtitle-font-size: $kendo-actionsheet-subtitle-font-size,
255
+ $kendo-actionsheet-subtitle-line-height: $kendo-actionsheet-subtitle-line-height,
256
+ $kendo-actionsheet-footer-border-width: $kendo-actionsheet-footer-border-width,
257
+ $kendo-actionsheet-footer-bg: $kendo-actionsheet-footer-bg,
258
+ $kendo-actionsheet-footer-text: $kendo-actionsheet-footer-text,
259
+ $kendo-actionsheet-footer-border: $kendo-actionsheet-footer-border,
260
+ $kendo-actionsheet-footer-shadow: $kendo-actionsheet-footer-shadow,
261
+ $kendo-actionsheet-subtitle-text: $kendo-actionsheet-subtitle-text,
262
+ $kendo-actionsheet-item-min-height: $kendo-actionsheet-item-min-height,
263
+ $kendo-actionsheet-item-padding-x: $kendo-actionsheet-item-padding-x,
264
+ $kendo-actionsheet-item-padding-y: $kendo-actionsheet-item-padding-y,
265
+ $kendo-actionsheet-item-border-width: $kendo-actionsheet-item-border-width,
266
+ $kendo-actionsheet-item-spacing: $kendo-actionsheet-item-spacing,
267
+ $kendo-actionsheet-item-title-font-weight: $kendo-actionsheet-item-title-font-weight,
268
+ $kendo-actionsheet-item-title-text-transform: $kendo-actionsheet-item-title-text-transform,
269
+ $kendo-actionsheet-item-description-font-size: $kendo-actionsheet-item-description-font-size,
270
+ $kendo-actionsheet-item-description-text: $kendo-actionsheet-item-description-text,
271
+ $kendo-actionsheet-item-hover-bg: $kendo-actionsheet-item-hover-bg,
272
+ $kendo-actionsheet-item-hover-text: $kendo-actionsheet-item-hover-text,
273
+ $kendo-actionsheet-item-hover-border: $kendo-actionsheet-item-hover-border,
274
+ $kendo-actionsheet-item-focus-bg: $kendo-actionsheet-item-focus-bg,
275
+ $kendo-actionsheet-item-focus-text: $kendo-actionsheet-item-focus-text,
276
+ $kendo-actionsheet-item-focus-border: $kendo-actionsheet-item-focus-border,
277
+ $kendo-actionsheet-item-disabled-bg: $kendo-actionsheet-item-disabled-bg,
278
+ $kendo-actionsheet-item-disabled-text: $kendo-actionsheet-item-disabled-text,
279
+ $kendo-actionsheet-item-disabled-border: $kendo-actionsheet-item-disabled-border,
280
+ $kendo-adaptive-actionsheet-font-size: $kendo-adaptive-actionsheet-font-size,
281
+ $kendo-adaptive-actionsheet-line-height: $kendo-adaptive-actionsheet-line-height,
282
+ $kendo-adaptive-actionsheet-titlebar-padding-y: $kendo-adaptive-actionsheet-header-padding-y,
283
+ $kendo-adaptive-actionsheet-titlebar-padding-x: $kendo-adaptive-actionsheet-header-padding-x,
284
+ $kendo-adaptive-actionsheet-content-padding-y: $kendo-adaptive-actionsheet-content-padding-y,
285
+ $kendo-adaptive-actionsheet-content-padding-x: $kendo-adaptive-actionsheet-content-padding-x,
286
+ $kendo-adaptive-actionsheet-footer-padding-y: $kendo-adaptive-actionsheet-footer-padding-y,
287
+ $kendo-adaptive-actionsheet-footer-padding-x: $kendo-adaptive-actionsheet-footer-padding-x
288
+ );
package/scss/adaptive/_index.scss CHANGED
@@ -21,9 +21,6 @@
21
21
  @include kendo-switch--styles();
22
22
  @include kendo-toolbar--styles();
23
23
  @include kendo-adaptive--layout();
24
- @include kendo-adaptive-grid--layout();
25
- @include kendo-adaptive-scheduler--layout();
26
- @include kendo-adaptive-common--layout();
27
24
  @include kendo-adaptive--theme();
28
25
  }
29
26
  }