@progress/kendo-theme-fluent 5.12.1-dev.0 → 5.12.1-dev.2

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 (395) hide show
  1. package/dist/all.css +5871 -2095
  2. package/dist/all.scss +1 -7
  3. package/package.json +8 -5
  4. package/scss/action-buttons/_layout.scss +1 -1
  5. package/scss/action-buttons/_theme.scss +2 -2
  6. package/scss/action-buttons/_variables.scss +5 -4
  7. package/scss/action-buttons/index.scss +3 -3
  8. package/scss/action-sheet/_layout.scss +3 -3
  9. package/scss/action-sheet/_theme.scss +2 -2
  10. package/scss/action-sheet/_variables.scss +13 -13
  11. package/scss/action-sheet/index.scss +3 -3
  12. package/scss/adaptive/_layout.scss +15 -26
  13. package/scss/adaptive/_theme.scss +2 -2
  14. package/scss/adaptive/_variables.scss +2 -2
  15. package/scss/adaptive/index.scss +3 -3
  16. package/scss/all.scss +1 -1
  17. package/scss/appbar/_layout.scss +3 -3
  18. package/scss/appbar/_theme.scss +6 -5
  19. package/scss/appbar/_variables.scss +12 -13
  20. package/scss/appbar/index.scss +4 -4
  21. package/scss/autocomplete/index.scss +3 -3
  22. package/scss/avatar/_layout.scss +1 -1
  23. package/scss/avatar/_theme.scss +5 -4
  24. package/scss/avatar/_variables.scss +17 -18
  25. package/scss/avatar/index.scss +3 -3
  26. package/scss/badge/_layout.scss +8 -8
  27. package/scss/badge/_theme.scss +6 -6
  28. package/scss/badge/_variables.scss +20 -21
  29. package/scss/badge/index.scss +3 -3
  30. package/scss/bottom-navigation/_layout.scss +2 -2
  31. package/scss/bottom-navigation/_theme.scss +16 -15
  32. package/scss/bottom-navigation/_variables.scss +27 -28
  33. package/scss/bottom-navigation/index.scss +3 -3
  34. package/scss/breadcrumb/_layout.scss +2 -2
  35. package/scss/breadcrumb/_theme.scss +1 -1
  36. package/scss/breadcrumb/_variables.scss +3 -2
  37. package/scss/breadcrumb/index.scss +3 -3
  38. package/scss/button/_layout.scss +8 -7
  39. package/scss/button/_theme.scss +31 -30
  40. package/scss/button/_variables.scss +64 -59
  41. package/scss/button/index.scss +3 -3
  42. package/scss/calendar/_layout.scss +10 -21
  43. package/scss/calendar/_theme.scss +3 -23
  44. package/scss/calendar/_variables.scss +28 -33
  45. package/scss/calendar/index.scss +3 -3
  46. package/scss/captcha/_layout.scss +1 -1
  47. package/scss/captcha/_theme.scss +2 -2
  48. package/scss/captcha/_variables.scss +3 -3
  49. package/scss/captcha/index.scss +3 -3
  50. package/scss/card/_layout.scss +3 -5
  51. package/scss/card/_theme.scss +6 -5
  52. package/scss/card/_variables.scss +18 -19
  53. package/scss/card/index.scss +3 -3
  54. package/scss/chat/_layout.scss +3 -4
  55. package/scss/chat/_theme.scss +3 -3
  56. package/scss/chat/_variables.scss +20 -20
  57. package/scss/chat/index.scss +3 -3
  58. package/scss/checkbox/_layout.scss +115 -63
  59. package/scss/checkbox/_theme.scss +74 -85
  60. package/scss/checkbox/_variables.scss +89 -105
  61. package/scss/checkbox/index.scss +4 -4
  62. package/scss/chip/_layout.scss +7 -6
  63. package/scss/chip/_theme.scss +23 -22
  64. package/scss/chip/_variables.scss +40 -37
  65. package/scss/chip/index.scss +4 -4
  66. package/scss/color-preview/_layout.scss +2 -3
  67. package/scss/color-preview/_theme.scss +2 -2
  68. package/scss/color-preview/_variables.scss +2 -3
  69. package/scss/color-preview/index.scss +3 -3
  70. package/scss/coloreditor/_layout.scss +2 -2
  71. package/scss/coloreditor/_theme.scss +2 -2
  72. package/scss/coloreditor/_variables.scss +7 -7
  73. package/scss/coloreditor/index.scss +3 -3
  74. package/scss/colorgradient/_layout.scss +3 -3
  75. package/scss/colorgradient/_theme.scss +5 -6
  76. package/scss/colorgradient/_variables.scss +3 -3
  77. package/scss/colorgradient/index.scss +3 -3
  78. package/scss/colorpalette/_layout.scss +3 -4
  79. package/scss/colorpalette/_theme.scss +2 -2
  80. package/scss/colorpalette/_variables.scss +6 -5
  81. package/scss/colorpalette/index.scss +3 -3
  82. package/scss/colorpicker/_layout.scss +1 -1
  83. package/scss/colorpicker/_theme.scss +1 -1
  84. package/scss/colorpicker/_variables.scss +1 -1
  85. package/scss/colorpicker/index.scss +3 -3
  86. package/scss/combobox/index.scss +3 -3
  87. package/scss/core/_index.scss +11 -9
  88. package/scss/core/_layout.scss +2 -2
  89. package/scss/core/_theme.scss +2 -2
  90. package/scss/core/_variables.scss +29 -27
  91. package/scss/core/color-system/_index.scss +3 -3
  92. package/scss/core/color-system/_variables.scss +17 -16
  93. package/scss/core/color-system/utils/_functions.scss +3 -3
  94. package/scss/core/color-system/utils/_index.scss +2 -2
  95. package/scss/core/functions/_index.scss +2 -2
  96. package/scss/core/functions/_strings.scss +8 -6
  97. package/scss/core/helpers/_base.scss +2 -10
  98. package/scss/core/helpers/_extra.scss +2 -2
  99. package/scss/core/helpers/_index.scss +12 -12
  100. package/scss/core/helpers/_selection.scss +2 -2
  101. package/scss/core/helpers/_spacer.scss +4 -4
  102. package/scss/core/mixins/_border-radius.scss +9 -9
  103. package/scss/core/mixins/_box-shadow.scss +2 -1
  104. package/scss/core/mixins/_decoration.scss +1 -1
  105. package/scss/core/mixins/_index.scss +6 -6
  106. package/scss/core/module-system/index.scss +2 -2
  107. package/scss/dataviz/_layout.scss +17 -27
  108. package/scss/dataviz/_theme.scss +2 -2
  109. package/scss/dataviz/_variables.scss +6 -5
  110. package/scss/dataviz/index.scss +3 -3
  111. package/scss/dateinput/index.scss +3 -3
  112. package/scss/datepicker/index.scss +3 -3
  113. package/scss/daterangepicker/_layout.scss +3 -2
  114. package/scss/daterangepicker/index.scss +3 -3
  115. package/scss/datetimepicker/_layout.scss +1 -1
  116. package/scss/datetimepicker/index.scss +3 -3
  117. package/scss/dialog/_layout.scss +9 -4
  118. package/scss/dialog/_theme.scss +26 -6
  119. package/scss/dialog/_variables.scss +61 -10
  120. package/scss/dialog/index.scss +3 -3
  121. package/scss/draggable/_layout.scss +2 -2
  122. package/scss/draggable/_theme.scss +2 -2
  123. package/scss/draggable/_variables.scss +3 -4
  124. package/scss/draggable/index.scss +3 -3
  125. package/scss/drawer/_layout.scss +8 -8
  126. package/scss/drawer/_theme.scss +2 -2
  127. package/scss/drawer/_variables.scss +17 -16
  128. package/scss/drawer/index.scss +3 -3
  129. package/scss/dropdowngrid/index.scss +3 -3
  130. package/scss/dropdownlist/index.scss +3 -3
  131. package/scss/dropdowntree/_layout.scss +1 -1
  132. package/scss/dropdowntree/index.scss +3 -3
  133. package/scss/dropzone/_layout.scss +1 -1
  134. package/scss/dropzone/_theme.scss +2 -2
  135. package/scss/dropzone/_variables.scss +6 -6
  136. package/scss/dropzone/index.scss +3 -3
  137. package/scss/editor/_layout.scss +65 -137
  138. package/scss/editor/_theme.scss +11 -1
  139. package/scss/editor/_variables.scss +8 -7
  140. package/scss/editor/index.scss +4 -4
  141. package/scss/expansion-panel/_layout.scss +3 -3
  142. package/scss/expansion-panel/_theme.scss +2 -3
  143. package/scss/expansion-panel/_variables.scss +12 -12
  144. package/scss/expansion-panel/index.scss +3 -3
  145. package/scss/fab/_layout.scss +4 -8
  146. package/scss/fab/_theme.scss +23 -22
  147. package/scss/fab/_variables.scss +14 -14
  148. package/scss/fab/index.scss +3 -3
  149. package/scss/filemanager/_layout.scss +1 -1
  150. package/scss/filemanager/_theme.scss +2 -2
  151. package/scss/filemanager/_variables.scss +8 -8
  152. package/scss/filemanager/index.scss +3 -3
  153. package/scss/filter/_layout.scss +1 -1
  154. package/scss/filter/_theme.scss +1 -1
  155. package/scss/filter/_variables.scss +3 -4
  156. package/scss/filter/index.scss +3 -3
  157. package/scss/floating-label/_layout.scss +1 -1
  158. package/scss/floating-label/_theme.scss +2 -2
  159. package/scss/floating-label/_variables.scss +0 -1
  160. package/scss/floating-label/index.scss +3 -3
  161. package/scss/forms/_layout.scss +31 -20
  162. package/scss/forms/_theme.scss +1 -1
  163. package/scss/forms/_variables.scss +34 -14
  164. package/scss/forms/index.scss +3 -3
  165. package/scss/gantt/_layout.scss +13 -6
  166. package/scss/gantt/_theme.scss +2 -3
  167. package/scss/gantt/_variables.scss +17 -17
  168. package/scss/gantt/index.scss +3 -3
  169. package/scss/grid/_layout.scss +172 -199
  170. package/scss/grid/_theme.scss +83 -107
  171. package/scss/grid/_variables.scss +132 -75
  172. package/scss/grid/index.scss +4 -3
  173. package/scss/icon/_layout.scss +2 -29
  174. package/scss/icon/_variables.scss +20 -8
  175. package/scss/icon/index.scss +3 -3
  176. package/scss/imageeditor/_layout.scss +3 -4
  177. package/scss/imageeditor/_theme.scss +2 -2
  178. package/scss/imageeditor/_variables.scss +12 -12
  179. package/scss/imageeditor/index.scss +3 -3
  180. package/scss/index.scss +213 -213
  181. package/scss/input/_layout.scss +21 -13
  182. package/scss/input/_theme.scss +17 -16
  183. package/scss/input/_variables.scss +23 -23
  184. package/scss/input/index.scss +3 -3
  185. package/scss/list/_layout.scss +21 -21
  186. package/scss/list/_theme.scss +2 -2
  187. package/scss/list/_variables.scss +31 -31
  188. package/scss/list/index.scss +3 -3
  189. package/scss/listbox/_layout.scss +16 -40
  190. package/scss/listbox/_theme.scss +2 -2
  191. package/scss/listbox/_variables.scss +5 -5
  192. package/scss/listbox/index.scss +3 -3
  193. package/scss/listgroup/_layout.scss +2 -2
  194. package/scss/listgroup/_theme.scss +2 -2
  195. package/scss/listgroup/_variables.scss +5 -4
  196. package/scss/listgroup/index.scss +3 -3
  197. package/scss/listview/_layout.scss +2 -3
  198. package/scss/listview/_theme.scss +8 -3
  199. package/scss/listview/_variables.scss +10 -9
  200. package/scss/listview/index.scss +3 -3
  201. package/scss/loader/_layout.scss +1 -1
  202. package/scss/loader/_theme.scss +3 -2
  203. package/scss/loader/_variables.scss +20 -21
  204. package/scss/loader/index.scss +3 -3
  205. package/scss/map/_layout.scss +1 -1
  206. package/scss/map/_theme.scss +2 -2
  207. package/scss/map/_variables.scss +11 -11
  208. package/scss/map/index.scss +3 -3
  209. package/scss/maskedtextbox/index.scss +3 -3
  210. package/scss/mediaplayer/_layout.scss +3 -3
  211. package/scss/mediaplayer/_theme.scss +2 -2
  212. package/scss/mediaplayer/_variables.scss +6 -6
  213. package/scss/mediaplayer/index.scss +3 -3
  214. package/scss/menu/_layout.scss +10 -10
  215. package/scss/menu/_theme.scss +0 -1
  216. package/scss/menu/_variables.scss +15 -16
  217. package/scss/menu/index.scss +3 -3
  218. package/scss/menu-button/index.scss +3 -3
  219. package/scss/messagebox/_layout.scss +1 -1
  220. package/scss/messagebox/_theme.scss +5 -5
  221. package/scss/messagebox/_variables.scss +5 -5
  222. package/scss/messagebox/index.scss +3 -3
  223. package/scss/multiselect/index.scss +3 -3
  224. package/scss/notification/_layout.scss +23 -24
  225. package/scss/notification/_theme.scss +6 -18
  226. package/scss/notification/_variables.scss +14 -15
  227. package/scss/notification/index.scss +3 -3
  228. package/scss/numerictextbox/index.scss +3 -3
  229. package/scss/orgchart/_layout.scss +1 -1
  230. package/scss/orgchart/_theme.scss +2 -2
  231. package/scss/orgchart/_variables.scss +6 -6
  232. package/scss/orgchart/index.scss +3 -3
  233. package/scss/overlay/_layout.scss +1 -1
  234. package/scss/overlay/_theme.scss +1 -1
  235. package/scss/overlay/_variables.scss +3 -3
  236. package/scss/overlay/index.scss +3 -3
  237. package/scss/pager/_layout.scss +44 -67
  238. package/scss/pager/_theme.scss +2 -96
  239. package/scss/pager/_variables.scss +37 -129
  240. package/scss/pager/index.scss +4 -5
  241. package/scss/panelbar/_layout.scss +5 -6
  242. package/scss/panelbar/_theme.scss +43 -43
  243. package/scss/panelbar/_variables.scss +47 -47
  244. package/scss/panelbar/index.scss +3 -3
  245. package/scss/pdf-viewer/_layout.scss +3 -6
  246. package/scss/pdf-viewer/_theme.scss +2 -2
  247. package/scss/pdf-viewer/_variables.scss +5 -5
  248. package/scss/pdf-viewer/index.scss +3 -3
  249. package/scss/pivotgrid/_layout.scss +6 -5
  250. package/scss/pivotgrid/_theme.scss +2 -2
  251. package/scss/pivotgrid/_variables.scss +7 -7
  252. package/scss/pivotgrid/index.scss +3 -3
  253. package/scss/popover/_layout.scss +3 -3
  254. package/scss/popover/_theme.scss +2 -2
  255. package/scss/popover/_variables.scss +3 -2
  256. package/scss/popover/index.scss +3 -3
  257. package/scss/popup/_layout.scss +2 -2
  258. package/scss/popup/_theme.scss +2 -2
  259. package/scss/popup/_variables.scss +4 -4
  260. package/scss/popup/index.scss +3 -3
  261. package/scss/progressbar/_layout.scss +32 -39
  262. package/scss/progressbar/_theme.scss +18 -11
  263. package/scss/progressbar/_variables.scss +11 -11
  264. package/scss/progressbar/index.scss +3 -3
  265. package/scss/radio/_layout.scss +74 -84
  266. package/scss/radio/_theme.scss +49 -73
  267. package/scss/radio/_variables.scss +53 -83
  268. package/scss/radio/index.scss +4 -4
  269. package/scss/rating/_layout.scss +3 -3
  270. package/scss/rating/_theme.scss +2 -2
  271. package/scss/rating/_variables.scss +6 -5
  272. package/scss/rating/index.scss +3 -3
  273. package/scss/responsivepanel/_layout.scss +1 -1
  274. package/scss/responsivepanel/index.scss +3 -3
  275. package/scss/ripple/_layout.scss +1 -1
  276. package/scss/ripple/_theme.scss +1 -1
  277. package/scss/ripple/index.scss +3 -3
  278. package/scss/scheduler/_layout.scss +6 -23
  279. package/scss/scheduler/_theme.scss +4 -5
  280. package/scss/scheduler/_variables.scss +16 -16
  281. package/scss/scheduler/index.scss +3 -3
  282. package/scss/scroller/_layout.scss +1 -1
  283. package/scss/scroller/_theme.scss +1 -1
  284. package/scss/scroller/_variables.scss +1 -1
  285. package/scss/scroller/index.scss +3 -3
  286. package/scss/scrollview/_layout.scss +3 -3
  287. package/scss/scrollview/_theme.scss +3 -4
  288. package/scss/scrollview/_variables.scss +5 -5
  289. package/scss/scrollview/index.scss +3 -3
  290. package/scss/searchbox/_layout.scss +2 -2
  291. package/scss/searchbox/_theme.scss +1 -1
  292. package/scss/searchbox/_variables.scss +1 -1
  293. package/scss/searchbox/index.scss +3 -3
  294. package/scss/signature/_layout.scss +6 -5
  295. package/scss/signature/_theme.scss +1 -1
  296. package/scss/signature/_variables.scss +7 -6
  297. package/scss/signature/index.scss +3 -3
  298. package/scss/skeleton/_layout.scss +8 -1
  299. package/scss/skeleton/_theme.scss +2 -2
  300. package/scss/skeleton/_variables.scss +1 -1
  301. package/scss/skeleton/index.scss +3 -3
  302. package/scss/slider/_layout.scss +3 -3
  303. package/scss/slider/_theme.scss +2 -2
  304. package/scss/slider/_variables.scss +5 -4
  305. package/scss/slider/index.scss +3 -3
  306. package/scss/split-button/_layout.scss +1 -1
  307. package/scss/split-button/_theme.scss +1 -1
  308. package/scss/split-button/_variables.scss +1 -1
  309. package/scss/split-button/index.scss +3 -3
  310. package/scss/splitter/_layout.scss +3 -7
  311. package/scss/splitter/_theme.scss +2 -2
  312. package/scss/splitter/_variables.scss +9 -9
  313. package/scss/splitter/index.scss +3 -3
  314. package/scss/spreadsheet/_layout.scss +13 -18
  315. package/scss/spreadsheet/_theme.scss +2 -3
  316. package/scss/spreadsheet/_variables.scss +15 -16
  317. package/scss/spreadsheet/index.scss +3 -3
  318. package/scss/stepper/_layout.scss +3 -4
  319. package/scss/stepper/_theme.scss +2 -3
  320. package/scss/stepper/_variables.scss +13 -14
  321. package/scss/stepper/index.scss +3 -3
  322. package/scss/switch/_layout.scss +11 -10
  323. package/scss/switch/_theme.scss +2 -2
  324. package/scss/switch/_variables.scss +7 -7
  325. package/scss/switch/index.scss +4 -4
  326. package/scss/table/_layout.scss +12 -11
  327. package/scss/table/_theme.scss +2 -2
  328. package/scss/table/_variables.scss +28 -10
  329. package/scss/table/index.scss +3 -3
  330. package/scss/tabstrip/_layout.scss +6 -6
  331. package/scss/tabstrip/_theme.scss +7 -7
  332. package/scss/tabstrip/_variables.scss +14 -13
  333. package/scss/tabstrip/index.scss +3 -3
  334. package/scss/taskboard/_layout.scss +3 -3
  335. package/scss/taskboard/_theme.scss +5 -5
  336. package/scss/taskboard/_variables.scss +6 -6
  337. package/scss/taskboard/index.scss +3 -3
  338. package/scss/textarea/index.scss +3 -3
  339. package/scss/textbox/index.scss +3 -3
  340. package/scss/tilelayout/_layout.scss +3 -3
  341. package/scss/tilelayout/_theme.scss +2 -2
  342. package/scss/tilelayout/_variables.scss +1 -2
  343. package/scss/tilelayout/index.scss +3 -3
  344. package/scss/timedurationpicker/index.scss +3 -3
  345. package/scss/timeline/_layout.scss +3 -4
  346. package/scss/timeline/_theme.scss +2 -2
  347. package/scss/timeline/_variables.scss +26 -26
  348. package/scss/timeline/index.scss +3 -3
  349. package/scss/timepicker/index.scss +3 -3
  350. package/scss/timeselector/_layout.scss +8 -8
  351. package/scss/timeselector/_theme.scss +3 -4
  352. package/scss/timeselector/_variables.scss +9 -9
  353. package/scss/timeselector/index.scss +4 -4
  354. package/scss/toolbar/_layout.scss +67 -63
  355. package/scss/toolbar/_theme.scss +14 -11
  356. package/scss/toolbar/_variables.scss +42 -10
  357. package/scss/toolbar/index.scss +4 -4
  358. package/scss/tooltip/_layout.scss +2 -2
  359. package/scss/tooltip/_theme.scss +5 -4
  360. package/scss/tooltip/_variables.scss +11 -11
  361. package/scss/tooltip/index.scss +3 -3
  362. package/scss/treelist/_layout.scss +5 -4
  363. package/scss/treelist/_theme.scss +1 -1
  364. package/scss/treelist/_variables.scss +1 -1
  365. package/scss/treelist/index.scss +3 -3
  366. package/scss/treeview/_layout.scss +9 -9
  367. package/scss/treeview/_theme.scss +2 -2
  368. package/scss/treeview/_variables.scss +11 -11
  369. package/scss/treeview/index.scss +3 -3
  370. package/scss/typography/_layout.scss +14 -13
  371. package/scss/typography/_theme.scss +2 -2
  372. package/scss/typography/_variables.scss +6 -6
  373. package/scss/typography/index.scss +3 -3
  374. package/scss/upload/_layout.scss +23 -40
  375. package/scss/upload/_theme.scss +16 -20
  376. package/scss/upload/_variables.scss +10 -13
  377. package/scss/upload/index.scss +3 -3
  378. package/scss/utils/_layout.scss +2 -2
  379. package/scss/utils/_variables.scss +1 -1
  380. package/scss/utils/index.scss +3 -3
  381. package/scss/validator/_layout.scss +1 -1
  382. package/scss/validator/_theme.scss +1 -1
  383. package/scss/validator/_variables.scss +1 -1
  384. package/scss/validator/index.scss +3 -3
  385. package/scss/virtual-scroller/_layout.scss +2 -2
  386. package/scss/virtual-scroller/_theme.scss +1 -1
  387. package/scss/virtual-scroller/index.scss +3 -3
  388. package/scss/window/_layout.scss +9 -16
  389. package/scss/window/_theme.scss +28 -8
  390. package/scss/window/_variables.scss +57 -13
  391. package/scss/window/index.scss +3 -3
  392. package/scss/wizard/_layout.scss +2 -2
  393. package/scss/wizard/_theme.scss +3 -4
  394. package/scss/wizard/_variables.scss +9 -9
  395. package/scss/wizard/index.scss +3 -3
package/scss/table/_variables.scss CHANGED
@@ -1,5 +1,5 @@
1
- @use "../core/color-system" as *;
2
- @use "../core/_variables.scss" as *;
1
+ @use "sass:map";
2
+ @use "../core/" as *;
3
3
  @use "../list/_variables.scss" as *;
4
4
 
5
5
  /// The width of the table border.
@@ -14,10 +14,28 @@ $kendo-table-cell-vertical-border-width: 0px !default;
14
14
  $kendo-table-cell-horizontal-border-width: 1px !default;
15
15
  /// The horizontal padding of the cells in the table if no size is specified.
16
16
  /// @group table
17
- $kendo-table-cell-padding-x: map-get( $kendo-spacing, 3 ) !default;
17
+ $kendo-table-cell-padding-x: map.get( $kendo-spacing, 3 ) !default;
18
18
  /// The vertical padding of the cells in the table if no size is specified.
19
19
  /// @group table
20
- $kendo-table-cell-padding-y: map-get( $kendo-spacing, 3 ) !default;
20
+ $kendo-table-cell-padding-y: map.get( $kendo-spacing, 3 ) !default;
21
+
22
+ $kendo-table-cell-padding-x-sm: map.get( $kendo-spacing, 3 ) !default;
23
+ $kendo-table-cell-padding-y-sm: map.get( $kendo-spacing, 1.5 ) !default;
24
+
25
+ $kendo-table-cell-padding-x-md: $kendo-table-cell-padding-x !default;
26
+ $kendo-table-cell-padding-y-md: $kendo-table-cell-padding-y !default;
27
+
28
+ $kendo-table-cell-padding-x-lg: map.get( $kendo-spacing, 3 ) !default;
29
+ $kendo-table-cell-padding-y-lg: map.get( $kendo-spacing, 3.5 ) !default;
30
+
31
+ $kendo-table-cell-padding-x-sm: map.get( $kendo-spacing, 3 ) !default;
32
+ $kendo-table-cell-padding-y-sm: map.get( $kendo-spacing, 1.5 ) !default;
33
+
34
+ $kendo-table-cell-padding-x-md: $kendo-table-cell-padding-x !default;
35
+ $kendo-table-cell-padding-y-md: $kendo-table-cell-padding-y !default;
36
+
37
+ $kendo-table-cell-padding-x-lg: map.get( $kendo-spacing, 3 ) !default;
38
+ $kendo-table-cell-padding-y-lg: map.get( $kendo-spacing, 3.5 ) !default;
21
39
 
22
40
  /// Font weight of the table header cells.
23
41
  /// @group table
@@ -29,8 +47,8 @@ $kendo-table-sizes: (
29
47
  sm: (
30
48
  font-size: var( --kendo-font-size, inherit ),
31
49
  line-height: var( --kendo-line-height, inherit ),
32
- cell-padding-x: map-get( $kendo-spacing, 3 ),
33
- cell-padding-y: map-get( $kendo-spacing, 3 ) - map-get( $kendo-spacing, thin ),
50
+ cell-padding-x: $kendo-table-cell-padding-x-sm,
51
+ cell-padding-y: $kendo-table-cell-padding-y-sm,
34
52
  group-label-padding-x: $kendo-list-item-group-label-padding-x-sm,
35
53
  group-label-padding-y: $kendo-list-item-group-label-padding-y-sm,
36
54
  group-label-font-size: $kendo-list-item-group-label-font-size-sm
@@ -38,8 +56,8 @@ $kendo-table-sizes: (
38
56
  md: (
39
57
  font-size: var( --kendo-font-size, inherit ),
40
58
  line-height: var( --kendo-line-height, inherit ),
41
- cell-padding-x: map-get( $kendo-spacing, 3 ),
42
- cell-padding-y: map-get( $kendo-spacing, 3 ),
59
+ cell-padding-x: $kendo-table-cell-padding-x-md,
60
+ cell-padding-y: $kendo-table-cell-padding-y-md,
43
61
  group-label-padding-x: $kendo-list-item-group-label-padding-x-md,
44
62
  group-label-padding-y: $kendo-list-item-group-label-padding-y-md,
45
63
  group-label-font-size: $kendo-list-item-group-label-font-size-md
@@ -47,8 +65,8 @@ $kendo-table-sizes: (
47
65
  lg: (
48
66
  font-size: var( --kendo-font-size, inherit ),
49
67
  line-height: var( --kendo-line-height, inherit ),
50
- cell-padding-x: map-get( $kendo-spacing, 3 ),
51
- cell-padding-y: map-get( $kendo-spacing, 3 ) + map-get( $kendo-spacing, thin ),
68
+ cell-padding-x: $kendo-table-cell-padding-x-lg,
69
+ cell-padding-y: $kendo-table-cell-padding-y-lg,
52
70
  group-label-padding-x: $kendo-list-item-group-label-padding-x-lg,
53
71
  group-label-padding-y: $kendo-list-item-group-label-padding-y-lg,
54
72
  group-label-font-size: $kendo-list-item-group-label-font-size-lg
package/scss/table/index.scss CHANGED
@@ -13,9 +13,9 @@ $_kendo-module-meta: (
13
13
 
14
14
 
15
15
  // Component
16
- @forward "_variables.scss";
17
- @use "_layout.scss" as *;
18
- @use "_theme.scss" as *;
16
+ @forward "./_variables.scss";
17
+ @use "./_layout.scss" as *;
18
+ @use "./_theme.scss" as *;
19
19
 
20
20
  // Register
21
21
  @use "../core/module-system/" as module;
package/scss/tabstrip/_layout.scss CHANGED
@@ -1,11 +1,11 @@
1
1
  @use "../core/" as *;
2
- @use "_variables.scss" as *;
2
+ @use "./_variables.scss" as *;
3
3
 
4
4
  @mixin kendo-tabstrip--layout() {
5
5
 
6
6
  .k-tabstrip-wrapper {
7
- padding-inline: var( --kendo-tabstrip-wrapper-padding-x, #{ $kendo-tabstrip-wrapper-padding-x} ) ;
8
- padding-block: var( --kendo-tabstrip-wrapper-padding-y, #{ $kendo-tabstrip-wrapper-padding-y} ) ;
7
+ padding-inline: var( --kendo-tabstrip-wrapper-padding-x, #{ $kendo-tabstrip-wrapper-padding-x} );
8
+ padding-block: var( --kendo-tabstrip-wrapper-padding-y, #{ $kendo-tabstrip-wrapper-padding-y} );
9
9
  box-sizing: border-box;
10
10
  border-width: 0;
11
11
  border-style: solid;
@@ -26,7 +26,7 @@
26
26
  display: flex;
27
27
  flex-flow: column nowrap;
28
28
  -webkit-touch-callout: none;
29
- -webkit-tap-highlight-color: $rgba-transparent;
29
+ -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
30
30
 
31
31
  .k-tabstrip-wrapper > & {
32
32
  flex: 1 1 auto;
@@ -96,8 +96,8 @@
96
96
  .k-tabstrip-content,
97
97
  .k-tabstrip > .k-content {
98
98
  margin: 0 !important; // sass-lint:disable-line no-important
99
- padding-inline: var( --kendo-tabstrip-content-padding-x, #{$kendo-tabstrip-content-padding-x} ) ;
100
- padding-block: var( --kendo-tabstrip-content-padding-y, #{$kendo-tabstrip-content-padding-y} ) ;
99
+ padding-inline: var( --kendo-tabstrip-content-padding-x, #{$kendo-tabstrip-content-padding-x} );
100
+ padding-block: var( --kendo-tabstrip-content-padding-y, #{$kendo-tabstrip-content-padding-y} );
101
101
  box-sizing: border-box;
102
102
  border-width: 0;
103
103
  border-style: solid;
package/scss/tabstrip/_theme.scss CHANGED
@@ -1,5 +1,5 @@
1
1
  @use "../core/" as *;
2
- @use "_variables.scss" as *;
2
+ @use "./_variables.scss" as *;
3
3
 
4
4
  @mixin kendo-tabstrip--theme() {
5
5
 
@@ -30,15 +30,15 @@
30
30
  &:hover,
31
31
  &.k-hover {
32
32
  @include fill(
33
- var( --kendo-tabstrip-item-hovered-text, #{$kendo-tabstrip-item-hovered-text} ),
34
- var( --kendo-tabstrip-item-hovered-bg, #{$kendo-tabstrip-item-hovered-bg} ),
35
- var( --kendo-tabstrip-item-hovered-border, #{$kendo-tabstrip-item-hovered-border} )
33
+ var( --kendo-tabstrip-item-hover-text, #{$kendo-tabstrip-item-hover-text} ),
34
+ var( --kendo-tabstrip-item-hover-bg, #{$kendo-tabstrip-item-hover-bg} ),
35
+ var( --kendo-tabstrip-item-hover-border, #{$kendo-tabstrip-item-hover-border} )
36
36
  );
37
37
  }
38
38
 
39
39
  &:focus,
40
40
  &.k-focus {
41
- @include box-shadow( var( --kendo-tabstrip-item-focused-shadow, #{$kendo-tabstrip-item-focused-shadow} ) );
41
+ @include box-shadow( var( --kendo-tabstrip-item-focus-shadow, #{$kendo-tabstrip-item-focus-shadow} ) );
42
42
  }
43
43
 
44
44
  &:active,
@@ -52,7 +52,7 @@
52
52
  &:hover,
53
53
  &.k-hover {
54
54
  @include fill(
55
- $bg: var( --kendo-tabstrip-item-hovered-bg, #{$kendo-tabstrip-item-hovered-bg} )
55
+ $bg: var( --kendo-tabstrip-item-hover-bg, #{$kendo-tabstrip-item-hover-bg} )
56
56
  );
57
57
  }
58
58
 
@@ -86,7 +86,7 @@
86
86
 
87
87
  &:focus,
88
88
  &.k-focus {
89
- outline-color: var( --kendo-tabstrip-content-border-focused, #{$kendo-tabstrip-content-border-focused} );
89
+ outline-color: var( --kendo-tabstrip-content-focus-border, #{$kendo-tabstrip-content-focus-border} );
90
90
  }
91
91
  }
92
92
 
package/scss/tabstrip/_variables.scss CHANGED
@@ -1,3 +1,4 @@
1
+ @use "sass:map";
1
2
  @use "../core/" as *;
2
3
  @use "../list/_variables.scss" as *;
3
4
 
@@ -44,10 +45,10 @@ $kendo-tabstrip-border: transparent !default;
44
45
 
45
46
  /// The horizontal padding of the tabstrip item
46
47
  /// @group tabstrip
47
- $kendo-tabstrip-item-padding-x: var( --kendo-padding-x, #{$kendo-padding-x} ) !default;
48
+ $kendo-tabstrip-item-padding-x: var( --kendo-padding-x, #{$kendo-padding-md-x} ) !default;
48
49
  /// The vertical padding of the tabstrip item
49
50
  /// @group tabstrip
50
- $kendo-tabstrip-item-padding-y: map-get( $kendo-spacing, 2 ) + map-get( $kendo-spacing, 1 ) !default;
51
+ $kendo-tabstrip-item-padding-y: map.get( $kendo-spacing, 2 ) + map.get( $kendo-spacing, 1 ) !default;
51
52
  /// The width of the border around the tabstrip item
52
53
  /// @group tabstrip
53
54
  $kendo-tabstrip-item-border-width: 0px !default;
@@ -56,7 +57,7 @@ $kendo-tabstrip-item-border-width: 0px !default;
56
57
  $kendo-tabstrip-item-border-radius: var( --kendo-border-radius-md, 0 ) !default;
57
58
  /// The gap between the tabstrip items
58
59
  /// @group tabstrip
59
- $kendo-tabstrip-item-gap: map-get( $kendo-spacing, 2 ) !default;
60
+ $kendo-tabstrip-item-gap: map.get( $kendo-spacing, 2 ) !default;
60
61
  /// The background color of the tabstrip item
61
62
  /// @group tabstrip
62
63
  $kendo-tabstrip-item-bg: transparent !default;
@@ -78,13 +79,13 @@ $kendo-tabstrip-item-disabled-border: var( --kendo-disabled-border, initial ) !d
78
79
 
79
80
  /// The background color of hovered tabs
80
81
  /// @group tabstrip
81
- $kendo-tabstrip-item-hovered-bg: var( --kendo-hover-bg, inherit ) !default;
82
+ $kendo-tabstrip-item-hover-bg: var( --kendo-hover-bg, inherit ) !default;
82
83
  /// The text color of hovered tabs
83
84
  /// @group tabstrip
84
- $kendo-tabstrip-item-hovered-text: var( --kendo-hover-text, inherit ) !default;
85
+ $kendo-tabstrip-item-hover-text: var( --kendo-hover-text, inherit ) !default;
85
86
  /// The border color of hovered tabs
86
87
  /// @group tabstrip
87
- $kendo-tabstrip-item-hovered-border: var( --kendo-hover-bg, inherit ) !default;
88
+ $kendo-tabstrip-item-hover-border: var( --kendo-hover-bg, inherit ) !default;
88
89
  /// The background color of selected tabs
89
90
  /// @group tabstrip
90
91
  $kendo-tabstrip-item-selected-bg: var( --kendo-component-bg, transparent ) !default;
@@ -99,7 +100,7 @@ $kendo-tabstrip-item-selected-border: get-theme-color-var( primary-100 ) !defaul
99
100
  $kendo-tabstrip-item-selected-font-weight: var( --kendo-font-weight-bold, normal ) !default;
100
101
  /// The focus shadow of the tabstrip item
101
102
  /// @group tabstrip
102
- $kendo-tabstrip-item-focused-shadow: $kendo-list-item-focus-shadow !default;
103
+ $kendo-tabstrip-item-focus-shadow: $kendo-list-item-focus-shadow !default;
103
104
  /// The text color of the sortable tabstrip item
104
105
  /// @group tabstrip
105
106
  $kendo-tabstrip-item-dragging-text: get-theme-color-var( primary-100 ) !default;
@@ -107,17 +108,17 @@ $kendo-tabstrip-item-dragging-text: get-theme-color-var( primary-100 ) !default;
107
108
  // Indicator
108
109
  /// The border width of the tabstrip indicator
109
110
  /// @group tabstrip
110
- $kendo-tabstrip-indicator-size: map-get( $kendo-spacing, thin ) !default;
111
+ $kendo-tabstrip-indicator-size: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
111
112
  /// The border color of the tabstrip ripple
112
113
  /// @group tabstrip
113
114
  $kendo-tabstrip-indicator-color: get-theme-color-var( primary-100 ) !default;
114
115
 
115
116
  /// The horizontal padding of tabstrip content
116
117
  /// @group tabstrip
117
- $kendo-tabstrip-content-padding-x: map-get( $kendo-spacing, 3 ) !default;
118
+ $kendo-tabstrip-content-padding-x: map.get( $kendo-spacing, 3 ) !default;
118
119
  /// The vertical padding of tabstrip content
119
120
  /// @group tabstrip
120
- $kendo-tabstrip-content-padding-y: map-get( $kendo-spacing, 1 ) + map-get( $kendo-spacing, thin ) !default;
121
+ $kendo-tabstrip-content-padding-y: map.get( $kendo-spacing, 1.5 ) !default;
121
122
  /// The width of border around tabstrip content
122
123
  /// @group tabstrip
123
124
  $kendo-tabstrip-content-border-width: 1px !default;
@@ -133,11 +134,11 @@ $kendo-tabstrip-content-text: var( --kendo-component-text, inherit ) !default;
133
134
  $kendo-tabstrip-content-border: transparent !default;
134
135
  /// The border color of tabstrip focused content
135
136
  /// @group tabstrip
136
- $kendo-tabstrip-content-border-focused: var( --kendo-component-text, initial ) !default;
137
+ $kendo-tabstrip-content-focus-border: var( --kendo-component-text, initial ) !default;
137
138
 
138
139
  /// The horizontal button padding of the scrollable tabstrip
139
140
  /// @group tabstrip
140
- $kendo-tabstrip-scrollable-button-padding-x: map-get( $kendo-spacing, 1 ) !default;
141
+ $kendo-tabstrip-scrollable-button-padding-x: map.get( $kendo-spacing, 1 ) !default;
141
142
  // The vertical button padding of the scrollable tabstrip
142
143
  /// @group tabstrip
143
- $kendo-tabstrip-scrollable-button-padding-y: map-get( $kendo-spacing, 1 ) !default;
144
+ $kendo-tabstrip-scrollable-button-padding-y: map.get( $kendo-spacing, 1 ) !default;
package/scss/tabstrip/index.scss CHANGED
@@ -10,9 +10,9 @@ $_kendo-module-meta: (
10
10
 
11
11
 
12
12
  // Component
13
- @forward "_variables.scss";
14
- @use "_layout.scss" as *;
15
- @use "_theme.scss" as *;
13
+ @forward "./_variables.scss";
14
+ @use "./_layout.scss" as *;
15
+ @use "./_theme.scss" as *;
16
16
 
17
17
  // Register
18
18
  @use "../core/module-system/" as module;
package/scss/taskboard/_layout.scss CHANGED
@@ -1,5 +1,5 @@
1
- @use "../core/mixins" as *;
2
- @use "_variables.scss" as *;
1
+ @use "../core/" as *;
2
+ @use "./_variables.scss" as *;
3
3
 
4
4
  @mixin kendo-taskboard--layout() {
5
5
 
@@ -8,7 +8,7 @@
8
8
  border-width: var( --kendo-taskboard-border-width, #{$kendo-taskboard-border-width} );
9
9
  border-style: var( --kendo-taskboard-border-style, #{$kendo-taskboard-border-style} );
10
10
  padding-inline: var( --kendo-taskboard-padding-x, #{$kendo-taskboard-padding-x} );
11
- padding-inline: var( --kendo-taskboard-padding-y, #{$kendo-taskboard-padding-y} );
11
+ padding-block: var( --kendo-taskboard-padding-y, #{$kendo-taskboard-padding-y} );
12
12
  box-sizing: border-box;
13
13
  font-size: var( --kendo-taskboard-font-size, #{$kendo-taskboard-font-size} );
14
14
  font-family: var( --kendo-taskboard-font-family, #{$kendo-taskboard-font-family} );
package/scss/taskboard/_theme.scss CHANGED
@@ -1,5 +1,5 @@
1
- @use "../core/mixins" as *;
2
- @use "_variables.scss" as *;
1
+ @use "../core/" as *;
2
+ @use "./_variables.scss" as *;
3
3
 
4
4
  @mixin kendo-taskboard--theme() {
5
5
 
@@ -60,9 +60,9 @@
60
60
 
61
61
  &.k-disabled {
62
62
  @include fill(
63
- var( --kendo-disabled-text, inherit ),
64
- var( --kendo-disabled-bg, inherit ),
65
- var( --kendo-disabled-border, inherit )
63
+ var( --kendo-disabled-text, inherit ),
64
+ var( --kendo-disabled-bg, inherit ),
65
+ var( --kendo-disabled-border, inherit )
66
66
 
67
67
  );
68
68
 
package/scss/taskboard/_variables.scss CHANGED
@@ -1,11 +1,11 @@
1
+ @use "sass:map";
1
2
  @use "sass:math";
2
- @use "../core/_variables.scss" as *;
3
- @use "../core/color-system" as *;
3
+ @use "../core/" as *;
4
4
  @use "../card/_variables.scss" as *;
5
5
 
6
6
  /// Spacing index of the task board.
7
7
  /// @group taskboard
8
- $kendo-taskboard-spacer: map-get( $kendo-spacing, 4 ) !default;
8
+ $kendo-taskboard-spacer: map.get( $kendo-spacing, 4 ) !default;
9
9
 
10
10
  /// Border width of the task board.
11
11
  /// @group taskboard
@@ -103,7 +103,7 @@ $kendo-taskboard-column-header-actions-gap: math.div( $kendo-taskboard-spacer, 2
103
103
  $kendo-taskboard-column-header-font-weight: 400 !default;
104
104
  /// Text color of the task board column header.
105
105
  /// @group taskboard
106
- $kendo-taskboard-column-header-text: var( --kendo-component-text, inherit ) !default;
106
+ $kendo-taskboard-column-header-text: var( --kendo-component-text, inherit ) !default;
107
107
 
108
108
  /// Vertical padding of the task board column cards wrapper.
109
109
  /// @group taskboard
@@ -143,7 +143,7 @@ $kendo-taskboard-pane-border: var( --kendo-component-border, inherit ) !default;
143
143
  $kendo-taskboard-pane-header-padding-y: $kendo-taskboard-spacer !default;
144
144
  /// Horizontal padding of the task board pane header.
145
145
  /// @group taskboard
146
- $kendo-taskboard-pane-header-padding-x: map-get( $kendo-spacing, 6 ) !default;
146
+ $kendo-taskboard-pane-header-padding-x: map.get( $kendo-spacing, 6 ) !default;
147
147
  /// Font size of the task board pane header.
148
148
  /// @group taskboard
149
149
  $kendo-taskboard-pane-header-font-size: var( --kendo-font-size-xl, 1rem ) !default;
@@ -163,7 +163,7 @@ $kendo-taskboard-pane-content-padding-x: $kendo-taskboard-pane-header-padding-x
163
163
 
164
164
  /// Vertical padding of the task board pane actions.
165
165
  /// @group taskboard
166
- $kendo-taskboard-pane-actions-padding-y: map-get( $kendo-spacing, 6 ) !default;
166
+ $kendo-taskboard-pane-actions-padding-y: map.get( $kendo-spacing, 6 ) !default;
167
167
  /// Horizontal padding of the task board pane actions.
168
168
  /// @group taskboard
169
169
  $kendo-taskboard-pane-actions-padding-x: $kendo-taskboard-pane-actions-padding-y !default;
package/scss/taskboard/index.scss CHANGED
@@ -14,9 +14,9 @@ $_kendo-module-meta: (
14
14
 
15
15
 
16
16
  // Component
17
- @forward "_variables.scss";
18
- @use "_layout.scss" as *;
19
- @use "_theme.scss" as *;
17
+ @forward "./_variables.scss";
18
+ @use "./_layout.scss" as *;
19
+ @use "./_theme.scss" as *;
20
20
 
21
21
  // Register
22
22
  @use "../core/module-system/" as module;
package/scss/textarea/index.scss CHANGED
@@ -8,9 +8,9 @@ $_kendo-module-meta: (
8
8
  );
9
9
 
10
10
  // Component
11
- @forward "_variables.scss";
12
- @use "_layout.scss" as *;
13
- @use "_theme.scss" as *;
11
+ @forward "./_variables.scss";
12
+ @use "./_layout.scss" as *;
13
+ @use "./_theme.scss" as *;
14
14
 
15
15
  // Register
16
16
  @use "../core/module-system/" as module;
package/scss/textbox/index.scss CHANGED
@@ -8,9 +8,9 @@ $_kendo-module-meta: (
8
8
  );
9
9
 
10
10
  // Component
11
- @forward "_variables.scss";
12
- @use "_layout.scss" as *;
13
- @use "_theme.scss" as *;
11
+ @forward "./_variables.scss";
12
+ @use "./_layout.scss" as *;
13
+ @use "./_theme.scss" as *;
14
14
 
15
15
  // Register
16
16
  @use "../core/module-system/" as module;
package/scss/tilelayout/_layout.scss CHANGED
@@ -1,5 +1,5 @@
1
- @use "../core" as *;
2
- @use "_variables.scss" as *;
1
+ @use "../core/" as *;
2
+ @use "./_variables.scss" as *;
3
3
 
4
4
  @mixin kendo-tilelayout--layout() {
5
5
 
@@ -10,7 +10,7 @@
10
10
  outline: 0;
11
11
  display: grid;
12
12
  -webkit-touch-callout: none;
13
- -webkit-tap-highlight-color: $rgba-transparent;
13
+ -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
14
14
  }
15
15
 
16
16
  .k-tilelayout-item {
package/scss/tilelayout/_theme.scss CHANGED
@@ -1,5 +1,5 @@
1
- @use "../core/mixins" as *;
2
- @use "_variables.scss" as *;
1
+ @use "../core/" as *;
2
+ @use "./_variables.scss" as *;
3
3
 
4
4
  @mixin kendo-tilelayout--theme() {
5
5
 
package/scss/tilelayout/_variables.scss CHANGED
@@ -1,7 +1,6 @@
1
+ @use "sass:color";
1
2
  @use "../core/" as *;
2
- @use "../core/color-system" as *;
3
3
  @use "../card/_variables.scss" as *;
4
- @use "sass:color";
5
4
 
6
5
  /// Width of the border around the tilelayout.
7
6
  /// @group tilelayout
package/scss/tilelayout/index.scss CHANGED
@@ -8,9 +8,9 @@ $_kendo-module-meta: (
8
8
 
9
9
 
10
10
  // Component
11
- @forward "_variables.scss";
12
- @use "_layout.scss" as *;
13
- @use "_theme.scss" as *;
11
+ @forward "./_variables.scss";
12
+ @use "./_layout.scss" as *;
13
+ @use "./_theme.scss" as *;
14
14
 
15
15
  // Register
16
16
  @use "../core/module-system/" as module;
package/scss/timedurationpicker/index.scss CHANGED
@@ -12,9 +12,9 @@ $_kendo-module-meta: (
12
12
  );
13
13
 
14
14
  // Component
15
- @forward "_variables.scss";
16
- @use "_layout.scss" as *;
17
- @use "_theme.scss" as *;
15
+ @forward "./_variables.scss";
16
+ @use "./_layout.scss" as *;
17
+ @use "./_theme.scss" as *;
18
18
 
19
19
  // Register
20
20
  @use "../core/module-system/" as module;
package/scss/timeline/_layout.scss CHANGED
@@ -1,6 +1,5 @@
1
- @use "_variables.scss" as *;
2
- @use "../core/color-system/_variables.scss" as *;
3
- @use "../core/_variables.scss" as *;
1
+ @use "../core/" as *;
2
+ @use "./_variables.scss" as *;
4
3
 
5
4
  @mixin kendo-timeline--layout() {
6
5
 
@@ -13,7 +12,7 @@
13
12
  display: block;
14
13
  background-color: transparent;
15
14
  -webkit-touch-callout: none;
16
- -webkit-tap-highlight-color: $rgba-transparent;
15
+ -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
17
16
 
18
17
  *,
19
18
  *::before,
package/scss/timeline/_theme.scss CHANGED
@@ -1,6 +1,6 @@
1
- @use "_variables.scss" as *;
1
+ @use "../core/" as *;
2
2
  @use "../card/variables" as *;
3
- @use "../core/mixins/box-shadow" as *;
3
+ @use "./_variables.scss" as *;
4
4
 
5
5
  @mixin kendo-timeline--theme() {
6
6
 
package/scss/timeline/_variables.scss CHANGED
@@ -1,19 +1,19 @@
1
+ @use "sass:map";
1
2
  @use "sass:math";
2
- @use "../core/color-system" as *;
3
- @use "../core/_variables.scss" as *;
3
+ @use "../core/" as *;
4
4
  @use "../card/_variables.scss" as *;
5
5
 
6
6
  // Timeline
7
7
 
8
8
  /// The horizontal spacing of the timeline.
9
9
  /// @group timeline
10
- $kendo-timeline-spacing-x: map-get( $kendo-spacing, 10 ) !default;
10
+ $kendo-timeline-spacing-x: map.get( $kendo-spacing, 10 ) !default;
11
11
  /// The vertical spacing of the timeline.
12
12
  /// @group timeline
13
- $kendo-timeline-spacing-y: map-get( $kendo-spacing, 10 ) !default;
13
+ $kendo-timeline-spacing-y: map.get( $kendo-spacing, 10 ) !default;
14
14
  /// The padding between the items in the timeline.
15
15
  /// @group timeline
16
- $kendo-timeline-items-padding: map-get( $kendo-spacing, 4 ) !default;
16
+ $kendo-timeline-items-padding: map.get( $kendo-spacing, 4 ) !default;
17
17
 
18
18
  /// The font family of the timeline.
19
19
  /// @group timeline
@@ -27,30 +27,30 @@ $kendo-timeline-line-height: var( --kendo-line-height, normal ) !default;
27
27
 
28
28
  /// The horizontal mobile spacing of the timeline.
29
29
  /// @group timeline
30
- $kendo-timeline-mobile-spacing-x: map-get( $kendo-spacing, 4 ) !default;
30
+ $kendo-timeline-mobile-spacing-x: map.get( $kendo-spacing, 4 ) !default;
31
31
  /// The vertical mobile spacing of the timeline.
32
32
  /// @group timeline
33
- $kendo-timeline-mobile-spacing-y: map-get( $kendo-spacing, 4 ) !default;
33
+ $kendo-timeline-mobile-spacing-y: map.get( $kendo-spacing, 4 ) !default;
34
34
 
35
35
  /// The track arrow width of the timeline.
36
36
  /// @group timeline
37
- $kendo-timeline-track-arrow-width: ( map-get( $kendo-spacing, 7 ) + map-get( $kendo-spacing, thin ) ) !default;
37
+ $kendo-timeline-track-arrow-width: map.get( $kendo-spacing, 7.5 ) !default;
38
38
  /// The track arrow height of the timeline.
39
39
  /// @group timeline
40
- $kendo-timeline-track-arrow-height: ( map-get( $kendo-spacing, 7 ) + map-get( $kendo-spacing, thin ) ) !default;
40
+ $kendo-timeline-track-arrow-height: map.get( $kendo-spacing, 7.5 ) !default;
41
41
 
42
42
  /// The size of the track in the timeline.
43
43
  /// @group timeline
44
- $kendo-timeline-track-size: ( map-get( $kendo-spacing, 2 ) - map-get( $kendo-spacing, thin ) ) !default;
44
+ $kendo-timeline-track-size: map.get( $kendo-spacing, 1.5 ) !default;
45
45
  /// The bottom padding of the wrapper of the track in the timeline.
46
46
  /// @group timeline
47
47
  $kendo-timeline-track-wrap-padding-bottom: math.div( $kendo-timeline-track-size, 2 ) !default;
48
48
  /// The border width of the track in the timeline.
49
49
  /// @group timeline
50
- $kendo-timeline-track-border-width: map-get( $kendo-spacing, hair ) !default;
50
+ $kendo-timeline-track-border-width: 1px !default;
51
51
  /// The bottom margin of the track in the timeline.
52
52
  /// @group timeline
53
- $kendo-timeline-track-margin-bottom: map-get( $kendo-spacing, 4 ) !default;
53
+ $kendo-timeline-track-margin-bottom: map.get( $kendo-spacing, 4 ) !default;
54
54
  /// The bottom of the track in the timeline.
55
55
  /// @group timeline
56
56
  $kendo-timeline-track-bottom-calc: calc( ( #{ $kendo-timeline-track-arrow-height } / 2 ) + #{ $kendo-timeline-track-wrap-padding-bottom } ) !default;
@@ -69,7 +69,7 @@ $kendo-timeline-track-border-color: get-theme-color-var( neutral-30 ) !default;
69
69
 
70
70
  /// The inset block end of the arrow in the timeline.
71
71
  /// @group timeline
72
- $kendo-timeline-arrow-inset-block-end: calc( #{ $kendo-timeline-track-size } + #{ $kendo-timeline-track-wrap-padding-bottom } + #{ $kendo-timeline-track-border-width } );
72
+ $kendo-timeline-arrow-inset-block-end: calc( #{ $kendo-timeline-track-size } + #{ $kendo-timeline-track-wrap-padding-bottom } + #{ $kendo-timeline-track-border-width } ) !default;
73
73
  /// The disabled background of the arrow in the timeline.
74
74
  /// @group timeline
75
75
  $kendo-timeline-track-arrow-disabled-bg: var( --kendo-disabled-bg, initial ) !default;
@@ -82,17 +82,17 @@ $kendo-timeline-track-arrow-disabled-border: var( --kendo-disabled-border, initi
82
82
 
83
83
  /// The offset of the track event in the timeline.
84
84
  /// @group timeline
85
- $kendo-timeline-track-event-offset: ( map-get( $kendo-spacing, 10 ) - map-get( $kendo-spacing, 2 ) ) !default;
85
+ $kendo-timeline-track-event-offset: map.get( $kendo-spacing, 8 ) !default;
86
86
 
87
87
  /// The horizontal padding of the flag in the timeline.
88
88
  /// @group timeline
89
- $kendo-timeline-flag-padding-x: map-get( $kendo-spacing, 2 ) !default;
89
+ $kendo-timeline-flag-padding-x: map.get( $kendo-spacing, 2 ) !default;
90
90
  /// The vertical padding of the flag in the timeline.
91
91
  /// @group timeline
92
- $kendo-timeline-flag-padding-y: map-get( $kendo-spacing, 2 ) !default;
92
+ $kendo-timeline-flag-padding-y: map.get( $kendo-spacing, 2 ) !default;
93
93
  /// The border radius of the flag in the timeline.
94
94
  /// @group timeline
95
- $kendo-timeline-flag-border-radius: map-get( $kendo-spacing, thin ) !default;
95
+ $kendo-timeline-flag-border-radius: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
96
96
  /// The line height of the flag in the timeline.
97
97
  /// @group timeline
98
98
  $kendo-timeline-flag-line-height: var( --kendo-line-height, normal ) !default;
@@ -101,7 +101,7 @@ $kendo-timeline-flag-line-height: var( --kendo-line-height, normal ) !default;
101
101
  $kendo-timeline-flag-box-shadow: var( --kendo-box-shadow-depth-1, none ) !default;
102
102
  /// The min widht of the flag in the timeline.
103
103
  /// @group timeline
104
- $kendo-timeline-flag-min-width: map-get( $kendo-spacing, 20 ) !default;
104
+ $kendo-timeline-flag-min-width: map.get( $kendo-spacing, 20 ) !default;
105
105
  /// The max width of the flag in the timeline.
106
106
  /// @group timeline
107
107
  $kendo-timeline-flag-max-width: calc( #{ $kendo-timeline-flag-min-width } + 2 * #{ $kendo-timeline-spacing-x } ) !default;
@@ -110,7 +110,7 @@ $kendo-timeline-flag-max-width: calc( #{ $kendo-timeline-flag-min-width } + 2 *
110
110
  $kendo-timeline-mobile-flag-max-width: calc( #{ $kendo-timeline-flag-min-width } + 2 * #{ $kendo-timeline-mobile-spacing-x } ) !default;
111
111
  /// The min width of the horizontal flag in the timeline.
112
112
  /// @group timeline
113
- $kendo-timeline-horizontal-flag-min-width: map-get( $kendo-spacing, 15 ) !default;
113
+ $kendo-timeline-horizontal-flag-min-width: map.get( $kendo-spacing, 15 ) !default;
114
114
  /// The background of the flag in the timeline.
115
115
  /// @group timeline
116
116
  $kendo-timeline-flag-bg: get-theme-color-var( primary-100 ) !default;
@@ -119,13 +119,13 @@ $kendo-timeline-flag-bg: get-theme-color-var( primary-100 ) !default;
119
119
  $kendo-timeline-flag-text: var( --kendo-component-bg, initial ) !default;
120
120
  /// The width of the flag callout in the timeline.
121
121
  /// @group timeline
122
- $kendo-timeline-flag-callout-width: ( map-get( $kendo-spacing, 2 ) + map-get( $kendo-spacing, thin ) ) !default;
122
+ $kendo-timeline-flag-callout-width: map.get( $kendo-spacing, 2.5 ) !default;
123
123
  /// The height of the flag callout in the timeline.
124
124
  /// @group timeline
125
- $kendo-timeline-flag-callout-height: ( map-get( $kendo-spacing, 2 ) + map-get( $kendo-spacing, thin ) ) !default;
125
+ $kendo-timeline-flag-callout-height: map.get( $kendo-spacing, 2.5 ) !default;
126
126
  /// The offset bottom of the flag in the timeline.
127
127
  /// @group timeline
128
- $kendo-timeline-flag-offset-bottom: map-get( $kendo-spacing, 1 ) !default;
128
+ $kendo-timeline-flag-offset-bottom: map.get( $kendo-spacing, 1 ) !default;
129
129
  /// The bottom margin of the flag in the timeline.
130
130
  /// @group timeline
131
131
  $kendo-timeline-flag-margin-bottom-calc: calc( #{ $kendo-timeline-track-size } + 2 * #{ $kendo-timeline-track-border-width } + #{ $kendo-timeline-flag-offset-bottom } + #{ $kendo-timeline-flag-callout-height } ) !default;
@@ -151,10 +151,10 @@ $kendo-timeline-card-scroll-thumb-hover: var( --kendo-hover-border, initial ) !d
151
151
  $kendo-timeline-date-body-text: var( --kendo-body-text, initial ) !default;
152
152
  /// The width of the date in the timeline.
153
153
  /// @group timeline
154
- $kendo-timeline-date-width: ( map-get( $kendo-spacing, 12 ) + map-get( $kendo-spacing, thin ) ) !default;
154
+ $kendo-timeline-date-width: map.get( $kendo-spacing, 12 ) + map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
155
155
  /// The bottom margin of the date in the timeline.
156
156
  /// @group timeline
157
- $kendo-timeline-date-margin-bottom: map-get( $kendo-spacing, 2 ) !default;
157
+ $kendo-timeline-date-margin-bottom: map.get( $kendo-spacing, 2 ) !default;
158
158
 
159
159
  /// The padding of the vertical timeline.
160
160
  /// @group timeline
@@ -174,10 +174,10 @@ $kendo-timeline-mobile-vertical-padding-with-dates-calc: calc( #{ $kendo-timelin
174
174
 
175
175
  /// The width of the circle in the timeline
176
176
  /// @group timeline
177
- $kendo-timeline-circle-width: map-get( $kendo-spacing, 4 ) !default;
177
+ $kendo-timeline-circle-width: map.get( $kendo-spacing, 4 ) !default;
178
178
  /// The height of the circle in the timeline.
179
179
  /// @group timeline
180
- $kendo-timeline-circle-height: map-get( $kendo-spacing, 4 ) !default;
180
+ $kendo-timeline-circle-height: map.get( $kendo-spacing, 4 ) !default;
181
181
  /// The background of the circle in the timeline.
182
182
  /// @group timeline
183
183
  $kendo-timeline-circle-bg: get-theme-color-var( primary-100 ) !default;