@progress/kendo-theme-fluent 11.2.1-dev.0 → 11.3.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (341) 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/_index.scss +0 -1
  131. package/scss/forms/_layout.scss +5 -302
  132. package/scss/forms/_theme.scss +5 -24
  133. package/scss/forms/_variables.scss +73 -39
  134. package/scss/gantt/_layout.scss +5 -801
  135. package/scss/gantt/_theme.scss +17 -236
  136. package/scss/gantt/_variables.scss +142 -73
  137. package/scss/grid/_layout.scss +60 -1276
  138. package/scss/grid/_theme.scss +35 -343
  139. package/scss/grid/_variables.scss +306 -183
  140. package/scss/gridlayout/_layout.scss +1 -6
  141. package/scss/gridlayout/_theme.scss +1 -6
  142. package/scss/icons/_layout.scss +4 -33
  143. package/scss/icons/_theme.scss +7 -1
  144. package/scss/icons/_variables.scss +35 -9
  145. package/scss/imageeditor/_layout.scss +2 -152
  146. package/scss/imageeditor/_theme.scss +5 -42
  147. package/scss/imageeditor/_variables.scss +66 -32
  148. package/scss/index.scss +2 -1
  149. package/scss/input/_layout.scss +36 -468
  150. package/scss/input/_theme.scss +52 -128
  151. package/scss/input/_variables.scss +153 -208
  152. package/scss/list/_layout.scss +3 -252
  153. package/scss/list/_theme.scss +10 -81
  154. package/scss/list/_variables.scss +176 -92
  155. package/scss/listbox/_layout.scss +2 -80
  156. package/scss/listbox/_theme.scss +5 -8
  157. package/scss/listbox/_variables.scss +28 -13
  158. package/scss/listgroup/_layout.scss +2 -174
  159. package/scss/listgroup/_theme.scss +2 -8
  160. package/scss/listgroup/_variables.scss +23 -10
  161. package/scss/listview/_layout.scss +6 -133
  162. package/scss/listview/_theme.scss +8 -37
  163. package/scss/listview/_variables.scss +66 -39
  164. package/scss/loader/_layout.scss +15 -572
  165. package/scss/loader/_theme.scss +2 -14
  166. package/scss/loader/_variables.scss +90 -92
  167. package/scss/map/_layout.scss +7 -121
  168. package/scss/map/_theme.scss +5 -17
  169. package/scss/map/_variables.scss +40 -22
  170. package/scss/maskedtextbox/_layout.scss +3 -3
  171. package/scss/maskedtextbox/_theme.scss +3 -3
  172. package/scss/mediaplayer/_layout.scss +5 -72
  173. package/scss/mediaplayer/_theme.scss +5 -15
  174. package/scss/mediaplayer/_variables.scss +27 -14
  175. package/scss/menu/_layout.scss +25 -267
  176. package/scss/menu/_theme.scss +14 -73
  177. package/scss/menu/_variables.scss +135 -76
  178. package/scss/menu-button/_layout.scss +9 -14
  179. package/scss/menu-button/_theme.scss +5 -1
  180. package/scss/menu-button/_variables.scss +10 -0
  181. package/scss/messagebox/_layout.scss +2 -18
  182. package/scss/messagebox/_theme.scss +4 -19
  183. package/scss/messagebox/_variables.scss +33 -37
  184. package/scss/multiselect/_layout.scss +3 -4
  185. package/scss/multiselect/_theme.scss +3 -4
  186. package/scss/no-data/_layout.scss +2 -17
  187. package/scss/no-data/_theme.scss +2 -5
  188. package/scss/no-data/_variables.scss +7 -2
  189. package/scss/notification/_functions.scss +17 -0
  190. package/scss/notification/_layout.scss +2 -68
  191. package/scss/notification/_theme.scss +4 -28
  192. package/scss/notification/_variables.scss +50 -91
  193. package/scss/numerictextbox/_layout.scss +3 -7
  194. package/scss/numerictextbox/_theme.scss +3 -3
  195. package/scss/orgchart/_layout.scss +8 -99
  196. package/scss/orgchart/_theme.scss +4 -45
  197. package/scss/orgchart/_variables.scss +87 -45
  198. package/scss/otp/_layout.scss +1 -34
  199. package/scss/otp/_theme.scss +1 -7
  200. package/scss/otp/_variables.scss +25 -12
  201. package/scss/overlay/_layout.scss +2 -11
  202. package/scss/overlay/_theme.scss +4 -3
  203. package/scss/overlay/_variables.scss +7 -3
  204. package/scss/pager/_layout.scss +11 -145
  205. package/scss/pager/_theme.scss +7 -15
  206. package/scss/pager/_variables.scss +49 -26
  207. package/scss/panel/_layout.scss +2 -24
  208. package/scss/panel/_theme.scss +10 -13
  209. package/scss/panel/_variables.scss +23 -10
  210. package/scss/panelbar/_layout.scss +17 -95
  211. package/scss/panelbar/_theme.scss +15 -164
  212. package/scss/panelbar/_variables.scss +134 -68
  213. package/scss/pdf-viewer/_layout.scss +3 -327
  214. package/scss/pdf-viewer/_theme.scss +2 -80
  215. package/scss/pdf-viewer/_variables.scss +75 -36
  216. package/scss/pivotgrid/_index.scss +0 -6
  217. package/scss/pivotgrid/_layout.scss +44 -579
  218. package/scss/pivotgrid/_theme.scss +5 -192
  219. package/scss/pivotgrid/_variables.scss +144 -70
  220. package/scss/popover/_layout.scss +6 -73
  221. package/scss/popover/_theme.scss +2 -36
  222. package/scss/popover/_variables.scss +54 -27
  223. package/scss/popup/_layout.scss +5 -70
  224. package/scss/popup/_theme.scss +2 -9
  225. package/scss/popup/_variables.scss +25 -12
  226. package/scss/progressbar/_layout.scss +10 -196
  227. package/scss/progressbar/_theme.scss +11 -46
  228. package/scss/progressbar/_variables.scss +57 -34
  229. package/scss/prompt/_layout.scss +2 -75
  230. package/scss/prompt/_theme.scss +2 -35
  231. package/scss/prompt/_variables.scss +43 -20
  232. package/scss/radio/_layout.scss +12 -178
  233. package/scss/radio/_theme.scss +7 -75
  234. package/scss/radio/_variables.scss +72 -36
  235. package/scss/rating/_layout.scss +11 -57
  236. package/scss/rating/_theme.scss +8 -6
  237. package/scss/rating/_variables.scss +21 -13
  238. package/scss/responsivepanel/_layout.scss +2 -45
  239. package/scss/responsivepanel/_theme.scss +3 -3
  240. package/scss/ripple/_layout.scss +2 -50
  241. package/scss/ripple/_theme.scss +2 -2
  242. package/scss/scheduler/_layout.scss +11 -773
  243. package/scss/scheduler/_theme.scss +32 -167
  244. package/scss/scheduler/_variables.scss +149 -77
  245. package/scss/scroller/_layout.scss +2 -80
  246. package/scss/scroller/_theme.scss +2 -5
  247. package/scss/scrollview/_layout.scss +2 -159
  248. package/scss/scrollview/_theme.scss +11 -35
  249. package/scss/scrollview/_variables.scss +52 -29
  250. package/scss/searchbox/_layout.scss +2 -0
  251. package/scss/searchbox/_theme.scss +4 -1
  252. package/scss/searchbox/_variables.scss +1 -1
  253. package/scss/signature/_layout.scss +3 -67
  254. package/scss/signature/_theme.scss +3 -8
  255. package/scss/signature/_variables.scss +46 -25
  256. package/scss/skeleton/_layout.scss +2 -79
  257. package/scss/skeleton/_theme.scss +2 -17
  258. package/scss/skeleton/_variables.scss +15 -6
  259. package/scss/slider/_layout.scss +18 -203
  260. package/scss/slider/_theme.scss +31 -40
  261. package/scss/slider/_variables.scss +58 -41
  262. package/scss/speech-to-text-button/_layout.scss +1 -9
  263. package/scss/speech-to-text-button/_theme.scss +1 -3
  264. package/scss/split-button/_layout.scss +22 -18
  265. package/scss/split-button/_theme.scss +2 -1
  266. package/scss/split-button/_variables.scss +18 -9
  267. package/scss/splitter/_layout.scss +8 -171
  268. package/scss/splitter/_theme.scss +2 -31
  269. package/scss/splitter/_variables.scss +42 -20
  270. package/scss/spreadsheet/_layout.scss +50 -724
  271. package/scss/spreadsheet/_theme.scss +14 -182
  272. package/scss/spreadsheet/_variables.scss +172 -99
  273. package/scss/stacklayout/_layout.scss +1 -5
  274. package/scss/stacklayout/_theme.scss +1 -5
  275. package/scss/stepper/_layout.scss +9 -255
  276. package/scss/stepper/_theme.scss +4 -186
  277. package/scss/stepper/_variables.scss +125 -60
  278. package/scss/suggestion/_layout.scss +2 -38
  279. package/scss/suggestion/_theme.scss +3 -66
  280. package/scss/suggestion/_variables.scss +42 -19
  281. package/scss/switch/_layout.scss +2 -138
  282. package/scss/switch/_theme.scss +2 -136
  283. package/scss/switch/_variables.scss +99 -49
  284. package/scss/table/_layout.scss +6 -249
  285. package/scss/table/_theme.scss +9 -95
  286. package/scss/table/_variables.scss +100 -64
  287. package/scss/tabstrip/_layout.scss +2 -421
  288. package/scss/tabstrip/_theme.scss +12 -123
  289. package/scss/tabstrip/_variables.scss +113 -61
  290. package/scss/taskboard/_layout.scss +28 -178
  291. package/scss/taskboard/_theme.scss +20 -55
  292. package/scss/taskboard/_variables.scss +122 -63
  293. package/scss/textarea/_layout.scss +3 -6
  294. package/scss/textarea/_theme.scss +3 -4
  295. package/scss/textbox/_layout.scss +3 -4
  296. package/scss/textbox/_theme.scss +3 -4
  297. package/scss/tilelayout/_layout.scss +2 -36
  298. package/scss/tilelayout/_theme.scss +13 -10
  299. package/scss/tilelayout/_variables.scss +19 -8
  300. package/scss/time-marker/_layout.scss +2 -15
  301. package/scss/time-marker/_theme.scss +2 -17
  302. package/scss/time-marker/_variables.scss +7 -2
  303. package/scss/timedurationpicker/_layout.scss +3 -4
  304. package/scss/timedurationpicker/_theme.scss +3 -4
  305. package/scss/timeline/_layout.scss +8 -423
  306. package/scss/timeline/_theme.scss +11 -34
  307. package/scss/timeline/_variables.scss +108 -61
  308. package/scss/timepicker/_layout.scss +7 -3
  309. package/scss/timepicker/_theme.scss +3 -4
  310. package/scss/timeselector/_layout.scss +3 -223
  311. package/scss/timeselector/_theme.scss +5 -55
  312. package/scss/timeselector/_variables.scss +84 -41
  313. package/scss/toolbar/_layout.scss +11 -297
  314. package/scss/toolbar/_theme.scss +3 -167
  315. package/scss/toolbar/_variables.scss +65 -32
  316. package/scss/tooltip/_functions.scss +17 -0
  317. package/scss/tooltip/_layout.scss +13 -74
  318. package/scss/tooltip/_theme.scss +17 -23
  319. package/scss/tooltip/_variables.scss +50 -72
  320. package/scss/treelist/_layout.scss +3 -82
  321. package/scss/treelist/_theme.scss +4 -6
  322. package/scss/treelist/_variables.scss +7 -2
  323. package/scss/treeview/_layout.scss +8 -137
  324. package/scss/treeview/_theme.scss +20 -65
  325. package/scss/treeview/_variables.scss +88 -48
  326. package/scss/typography/_layout.scss +3 -113
  327. package/scss/typography/_theme.scss +2 -17
  328. package/scss/typography/_variables.scss +84 -3
  329. package/scss/upload/_layout.scss +7 -219
  330. package/scss/upload/_theme.scss +4 -90
  331. package/scss/upload/_variables.scss +66 -29
  332. package/scss/validator/_layout.scss +2 -16
  333. package/scss/validator/_theme.scss +2 -2
  334. package/scss/virtual-scroller/_layout.scss +2 -34
  335. package/scss/virtual-scroller/_theme.scss +2 -2
  336. package/scss/window/_layout.scss +9 -141
  337. package/scss/window/_theme.scss +7 -35
  338. package/scss/window/_variables.scss +65 -70
  339. package/scss/wizard/_layout.scss +8 -95
  340. package/scss/wizard/_theme.scss +4 -7
  341. 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
  }