@progress/kendo-theme-fluent 11.2.1-dev.1 → 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 (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/forms/_variables.scss CHANGED
@@ -4,146 +4,143 @@
4
4
 
5
5
  /// The padding of the inline Form.
6
6
  /// @group form
7
- $kendo-form-spacer: k-spacing(4) !default;
7
+ $kendo-form-spacer: var(--kendo-form-spacer, #{k-spacing(4)}) !default;
8
8
 
9
9
  /// The font size of the Form.
10
10
  /// @group form
11
- $kendo-form-font-size: var( --kendo-font-size, inherit ) !default;
11
+ $kendo-form-font-size: var(--kendo-form-font-size, var( --kendo-font-size, inherit )) !default;
12
12
 
13
13
  /// The line height of the Form.
14
14
  /// @group form
15
- $kendo-form-line-height: var( --kendo-line-height, normal ) !default;
15
+ $kendo-form-line-height: var(--kendo-form-line-height, var( --kendo-line-height, normal )) !default;
16
16
 
17
17
  /// The margin of the Form fieldset.
18
18
  /// @group form
19
- $kendo-form-fieldset-margin: 2em 0 0 !default;
19
+ $kendo-form-fieldset-margin: var(--kendo-form-fieldset-margin, 2em 0 0) !default;
20
20
 
21
21
  /// The padding of the Form fieldset.
22
22
  /// @group form
23
- $kendo-form-fieldset-padding: k-spacing(0) !default;
23
+ $kendo-form-fieldset-padding: var(--kendo-form-fieldset-padding, #{k-spacing(0)}) !default;
24
24
 
25
25
  /// The margin of the Form legend.
26
26
  /// @group form
27
- $kendo-form-legend-margin: 0 0 k-spacing(3) !default;
27
+ $kendo-form-legend-margin: var(--kendo-form-legend-margin, 0 0 #{k-spacing(3)}) !default;
28
28
 
29
29
  /// The padding of the Form legend.
30
30
  /// @group form
31
- $kendo-form-legend-padding: k-spacing(0) !default;
31
+ $kendo-form-legend-padding: var(--kendo-form-legend-padding, #{k-spacing(0)}) !default;
32
32
 
33
33
  /// The border width of the Form legend.
34
34
  /// @group form
35
- $kendo-form-legend-border-width: 0 0 k-spacing(0.5) !default;
35
+ $kendo-form-legend-border-width: var(--kendo-form-legend-border-width, 0 0 #{k-spacing(0.5)}) !default;
36
36
 
37
37
  /// The border style of the Form legend.
38
38
  /// @group form
39
- $kendo-form-legend-border-style: solid !default;
39
+ $kendo-form-legend-border-style: var(--kendo-form-legend-border-style, solid) !default;
40
40
 
41
41
  /// The border color of the Form legend.
42
42
  /// @group form
43
- $kendo-form-legend-border-color: color-mix(in srgb, k-color(border) 16%, transparent) !default;
43
+ $kendo-form-legend-border-color: var(--kendo-form-legend-border-color, #{color-mix(in srgb, k-color(border) 16%, transparent)}) !default;
44
44
 
45
45
  /// The width of the Form legend.
46
46
  /// @group form
47
- $kendo-form-legend-width: 100% !default;
47
+ $kendo-form-legend-width: var(--kendo-form-legend-width, 100%) !default;
48
48
 
49
49
  /// The font size of the Form legend.
50
50
  /// @group form
51
- $kendo-form-legend-font-size: var( --kendo-font-size, inherit ) !default;
51
+ $kendo-form-legend-font-size: var(--kendo-form-legend-font-size, var( --kendo-font-size, inherit )) !default;
52
52
 
53
53
  /// The text capitalization of the Form legend.
54
54
  /// @group form
55
- $kendo-form-legend-text-transform: uppercase !default;
56
-
55
+ $kendo-form-legend-text-transform: var(--kendo-form-legend-text-transform, uppercase) !default;
57
56
 
58
57
  /// The bottom margin of the Form label.
59
58
  /// @group form
60
- $kendo-form-label-margin-bottom: k-spacing(2) !default;
59
+ $kendo-form-label-margin-bottom: var(--kendo-form-label-margin-bottom, #{k-spacing(2)}) !default;
61
60
 
62
61
  /// The font weight of the form label
63
62
  /// @group form
64
- $kendo-form-label-font-weight: var( --kendo-font-weight-bold, inherit ) !default;
63
+ $kendo-form-label-font-weight: var(--kendo-form-label-font-weight, var( --kendo-font-weight-bold, inherit )) !default;
65
64
 
66
65
  /// The font size of the Form hint.
67
66
  /// @group form
68
- $kendo-form-hint-font-size: var( --kendo-font-size-sm, inherit ) !default;
67
+ $kendo-form-hint-font-size: var(--kendo-form-hint-font-size, var( --kendo-font-size-sm, inherit )) !default;
69
68
 
70
69
  /// The font style of the Form hint.
71
70
  /// @group form
72
- $kendo-form-hint-font-style: normal !default;
71
+ $kendo-form-hint-font-style: var(--kendo-form-hint-font-style, normal) !default;
73
72
 
74
73
  /// The top margin of the Form hint.
75
74
  /// @group form
76
- $kendo-form-hint-margin-top: k-spacing(1) !default;
75
+ $kendo-form-hint-margin-top: var(--kendo-form-hint-margin-top, #{k-spacing(1)}) !default;
77
76
 
78
77
  /// The text color of the Form hint.
79
78
  /// @group form
80
- $kendo-form-hint-text: k-color(subtle) !default;
79
+ $kendo-form-hint-text: var(--kendo-form-hint-text, #{k-color(subtle)}) !default;
81
80
 
82
81
  /// The row spacing of the small Form.
83
82
  /// @group form
84
- $kendo-form-sm-rows-spacing: k-spacing(3) !default;
83
+ $kendo-form-sm-rows-spacing: var(--kendo-form-sm-rows-spacing, #{k-spacing(3)}) !default;
85
84
  /// The row spacing of the medium Form.
86
85
  /// @group form
87
- $kendo-form-md-rows-spacing: $kendo-form-sm-rows-spacing !default;
86
+ $kendo-form-md-rows-spacing: var(--kendo-form-md-rows-spacing, #{$kendo-form-sm-rows-spacing}) !default;
88
87
  /// The row spacing of the large Form.
89
88
  /// @group form
90
- $kendo-form-lg-rows-spacing: $kendo-form-sm-rows-spacing !default;
89
+ $kendo-form-lg-rows-spacing: var(--kendo-form-lg-rows-spacing, #{$kendo-form-sm-rows-spacing}) !default;
91
90
 
92
91
  /// The margin of the Form separator.
93
92
  /// @group form
94
- $kendo-form-separator-margin: k-spacing(3) 0 0 !default;
93
+ $kendo-form-separator-margin: var(--kendo-form-separator-margin, #{k-spacing(3)} 0 0) !default;
95
94
 
96
95
  /// The border color of the Form separator.
97
96
  /// @group form
98
- $kendo-form-separator-border-color: $kendo-form-legend-border-color !default;
97
+ $kendo-form-separator-border-color: var(--kendo-form-separator-border-color, #{$kendo-form-legend-border-color}) !default;
99
98
 
100
99
  /// The top padding of the label in the horizontal Form.
101
100
  /// @group form
102
- $kendo-horizontal-form-label-padding-top: k-spacing(1.5) !default;
101
+ $kendo-horizontal-form-label-padding-top: var(--kendo-horizontal-form-label-padding-top, #{k-spacing(1.5)}) !default;
103
102
 
104
103
  /// The horizontal margin of the label in the horizontal Form.
105
104
  /// @group form
106
- $kendo-horizontal-form-label-margin-x: k-spacing(2) !default;
105
+ $kendo-horizontal-form-label-margin-x: var(--kendo-horizontal-form-label-margin-x, #{k-spacing(2)}) !default;
107
106
 
108
107
  /// The width of the label in the horizontal Form.
109
108
  /// @group form
110
- $kendo-horizontal-form-label-width: 25% !default;
109
+ $kendo-horizontal-form-label-width: var(--kendo-horizontal-form-label-width, 25%) !default;
111
110
 
112
111
  /// The horizontal alignment of the label in the horizontal Form.
113
112
  /// @group form
114
- $kendo-horizontal-form-label-align: flex-end !default;
113
+ $kendo-horizontal-form-label-align: var(--kendo-horizontal-form-label-align, flex-end) !default;
115
114
 
116
115
  /// The maximum width of the field wrap in the horizontal Form.
117
116
  /// @group form
118
- $kendo-horizontal-form-field-wrap-max-width: calc( ( 100% - #{$kendo-horizontal-form-label-width} ) - #{$kendo-horizontal-form-label-margin-x} ) !default;
117
+ $kendo-horizontal-form-field-wrap-max-width: var(--kendo-horizontal-form-field-wrap-max-width, calc( ( 100% - #{$kendo-horizontal-form-label-width} ) - #{$kendo-horizontal-form-label-margin-x} )) !default;
119
118
 
120
119
  /// The width of the inline Form element.
121
120
  /// @group form
122
- $kendo-inline-form-element-width: 25% !default;
121
+ $kendo-inline-form-element-width: var(--kendo-inline-form-element-width, 25%) !default;
123
122
 
124
123
  /// The invalid text color of the Form.
125
124
  /// @group form
126
- $kendo-forms-invalid-color: k-color(error-on-surface) !default;
127
-
125
+ $kendo-forms-invalid-color: var(--kendo-forms-invalid-color, #{k-color(error-on-surface)}) !default;
128
126
 
129
127
  /// The horizontal margin of the optional label in the Form.
130
128
  /// @group form
131
- $kendo-label-optional-margin-x: k-spacing(1.5) !default;
129
+ $kendo-label-optional-margin-x: var(--kendo-label-optional-margin-x, #{k-spacing(1.5)}) !default;
132
130
  /// The font size of the optional label in the Form.
133
131
  /// @group form
134
- $kendo-label-optional-font-size: var( --kendo-font-size-sm, inherit ) !default;
132
+ $kendo-label-optional-font-size: var(--kendo-label-optional-font-size, var( --kendo-font-size-sm, inherit )) !default;
135
133
  /// The font style of the optional label in the Form.
136
134
  /// @group form
137
- $kendo-label-optional-font-style: normal !default;
138
-
135
+ $kendo-label-optional-font-style: var(--kendo-label-optional-font-style, normal) !default;
139
136
 
140
137
  /// The margin of the Form fieldset.
141
138
  /// @group form
142
- $kendo-fieldset-margin: k-spacing(7.5) !default;
139
+ $kendo-fieldset-margin: var(--kendo-fieldset-margin, #{k-spacing(7.5)}) !default;
143
140
 
144
141
  /// The text color of the Form legend.
145
142
  /// @group form
146
- $kendo-fieldset-legend-text: k-color(subtle) !default;
143
+ $kendo-fieldset-legend-text: var(--kendo-fieldset-legend-text, #{k-color(subtle)}) !default;
147
144
 
148
145
  /// The sizes map for the Form.
149
146
  /// @group form
@@ -158,3 +155,40 @@ $kendo-form-sizes: (
158
155
  form-rows-spacing: $kendo-form-lg-rows-spacing
159
156
  )
160
157
  ) !default;
158
+
159
+ @forward "@progress/kendo-theme-core/scss/components/forms/_variables.scss" with (
160
+ $kendo-form-spacer: $kendo-form-spacer,
161
+ $kendo-form-font-size: $kendo-form-font-size,
162
+ $kendo-form-line-height: $kendo-form-line-height,
163
+ $kendo-form-fieldset-margin: $kendo-form-fieldset-margin,
164
+ $kendo-form-fieldset-padding: $kendo-form-fieldset-padding,
165
+ $kendo-form-legend-margin: $kendo-form-legend-margin,
166
+ $kendo-form-legend-padding: $kendo-form-legend-padding,
167
+ $kendo-form-legend-border-width: $kendo-form-legend-border-width,
168
+ $kendo-form-legend-border-style: $kendo-form-legend-border-style,
169
+ $kendo-form-legend-border-color: $kendo-form-legend-border-color,
170
+ $kendo-form-legend-width: $kendo-form-legend-width,
171
+ $kendo-form-legend-font-size: $kendo-form-legend-font-size,
172
+ $kendo-form-legend-text-transform: $kendo-form-legend-text-transform,
173
+ $kendo-form-label-margin-bottom: $kendo-form-label-margin-bottom,
174
+ $kendo-form-hint-font-size: $kendo-form-hint-font-size,
175
+ $kendo-form-hint-font-style: $kendo-form-hint-font-style,
176
+ $kendo-form-hint-margin-top: $kendo-form-hint-margin-top,
177
+ $kendo-form-sm-rows-spacing: $kendo-form-sm-rows-spacing,
178
+ $kendo-form-md-rows-spacing: $kendo-form-md-rows-spacing,
179
+ $kendo-form-lg-rows-spacing: $kendo-form-lg-rows-spacing,
180
+ $kendo-form-separator-margin: $kendo-form-separator-margin,
181
+ $kendo-form-separator-border-color: $kendo-form-separator-border-color,
182
+ $kendo-horizontal-form-label-padding-top: $kendo-horizontal-form-label-padding-top,
183
+ $kendo-horizontal-form-label-margin-x: $kendo-horizontal-form-label-margin-x,
184
+ $kendo-horizontal-form-label-width: $kendo-horizontal-form-label-width,
185
+ $kendo-horizontal-form-label-align: $kendo-horizontal-form-label-align,
186
+ $kendo-horizontal-form-field-wrap-max-width: $kendo-horizontal-form-field-wrap-max-width,
187
+ $kendo-inline-form-element-width: $kendo-inline-form-element-width,
188
+ $kendo-label-optional-margin-x: $kendo-label-optional-margin-x,
189
+ $kendo-label-optional-font-size: $kendo-label-optional-font-size,
190
+ $kendo-label-optional-font-style: $kendo-label-optional-font-style,
191
+ $kendo-fieldset-margin: $kendo-fieldset-margin,
192
+ $kendo-fieldset-legend-text: $kendo-fieldset-legend-text,
193
+ $kendo-form-sizes: $kendo-form-sizes
194
+ );