@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/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
+ );