@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/grid/_variables.scss CHANGED
@@ -1,6 +1,7 @@
1
- @use "../core/color-system" as *;
2
- @use "../core/_variables.scss" as *;
1
+ @use "sass:map";
2
+ @use "../core/" as *;
3
3
  @use "../button/_variables.scss" as *;
4
+ @use "../chip/_variables.scss" as *;
4
5
  @use "../table/_variables.scss" as *;
5
6
  @use "../toolbar/_variables.scss" as *;
6
7
  @use "../list/_variables.scss" as *;
@@ -20,6 +21,7 @@ $kendo-grid-font-size: var( --kendo-font-size, inherit ) !default;
20
21
  /// Line height of the grid.
21
22
  /// @group grid
22
23
  $kendo-grid-line-height: var( --kendo-line-height, normal ) !default;
24
+
23
25
  /// Horizontal padding of the grid.
24
26
  /// @group grid
25
27
  $kendo-grid-padding-x: $kendo-table-cell-padding-x !default;
@@ -27,6 +29,123 @@ $kendo-grid-padding-x: $kendo-table-cell-padding-x !default;
27
29
  /// @group grid
28
30
  $kendo-grid-padding-y: $kendo-table-cell-padding-y !default;
29
31
 
32
+ /// Horizontal padding of the grid header.
33
+ /// @group grid
34
+ $kendo-grid-header-padding-x: $kendo-grid-padding-x !default;
35
+ /// Vertical padding of the grid header.
36
+ /// @group grid
37
+ $kendo-grid-header-padding-y: $kendo-grid-padding-y !default;
38
+
39
+ /// Horizontal padding of the grid grouping header.
40
+ /// @group grid
41
+ $kendo-grid-grouping-header-padding-x: $kendo-toolbar-padding-x-md !default;
42
+ /// Vertical padding of the grid grouping header.
43
+ /// @group grid
44
+ $kendo-grid-grouping-header-padding-y: $kendo-toolbar-padding-y-md !default;
45
+
46
+ /// Horizontal padding of the grid cell.
47
+ /// @group grid
48
+ $kendo-grid-cell-padding-x: $kendo-grid-padding-x !default;
49
+ /// Vertical padding of the grid cell.
50
+ /// @group grid
51
+ $kendo-grid-cell-padding-y: $kendo-grid-padding-y !default;
52
+
53
+ /// Horizontal padding of the grid filter cell.
54
+ /// @group grid
55
+ $kendo-grid-filter-cell-padding-x: $kendo-grid-padding-y !default;
56
+ /// Vertical padding of the grid filter cell.
57
+ /// @group grid
58
+ $kendo-grid-filter-cell-padding-y: $kendo-grid-filter-cell-padding-x !default;
59
+
60
+ /// Horizontal padding of the grid edit cells.
61
+ /// @group grid
62
+ $kendo-grid-edit-cell-padding-x: $kendo-grid-cell-padding-x !default;
63
+ /// Vertical padding of the grid edit cells.
64
+ /// @group grid
65
+ $kendo-grid-edit-cell-padding-y: 5px !default;
66
+
67
+
68
+ /// Size of the grid group drop clue.
69
+ /// @group grid
70
+ $kendo-grid-group-dropclue-size: 6px !default;
71
+ /// Line size of the grid group drop clue.
72
+ /// @group grid
73
+ $kendo-grid-group-dropclue-line-size: 1px !default;
74
+ /// Dot size of the grid group drop clue.
75
+ /// @group grid
76
+ $kendo-grid-group-dropclue-dot-size: $kendo-grid-group-dropclue-size !default;
77
+ /// Height of the grid group drop clue.
78
+ /// @group grid
79
+ $kendo-grid-group-dropclue-height: calc( #{$kendo-chip-calc-size} + #{$kendo-grid-group-dropclue-size} ) !default;
80
+ /// Top offset of the grid group drop clue.
81
+ /// @group grid
82
+ $kendo-grid-group-dropclue-top: 2px !default;
83
+
84
+
85
+ $kendo-grid-padding-x-sm: map.get( $kendo-spacing, 3 ) !default;
86
+ $kendo-grid-padding-y-sm: map.get( $kendo-spacing, 1.5 ) !default;
87
+ $kendo-grid-header-padding-x-sm: $kendo-grid-padding-x-sm !default;
88
+ $kendo-grid-header-padding-y-sm: $kendo-grid-padding-y-sm !default;
89
+ $kendo-grid-grouping-header-padding-x-sm: map.get( $kendo-spacing, 1.5 ) !default;
90
+ $kendo-grid-grouping-header-padding-y-sm: $kendo-grid-grouping-header-padding-x-sm !default;
91
+ $kendo-grid-cell-padding-x-sm: $kendo-grid-padding-x-sm !default;
92
+ $kendo-grid-cell-padding-y-sm: $kendo-grid-padding-y-sm !default;
93
+ $kendo-grid-filter-cell-padding-x-sm: $kendo-grid-padding-x-sm !default;
94
+ $kendo-grid-filter-cell-padding-y-sm: map.get( $kendo-spacing, 2 ) !default;
95
+ $kendo-grid-edit-cell-padding-x-sm: $kendo-grid-padding-x-sm !default;
96
+ $kendo-grid-edit-cell-padding-y-sm: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
97
+ $kendo-grid-group-dropclue-height-sm: calc( #{$kendo-chip-calc-size-sm} + #{$kendo-grid-group-dropclue-size}) !default;
98
+
99
+ $kendo-grid-padding-x-md: $kendo-grid-padding-x !default;
100
+ $kendo-grid-padding-y-md: $kendo-grid-padding-y !default;
101
+ $kendo-grid-header-padding-x-md: $kendo-grid-header-padding-x !default;
102
+ $kendo-grid-header-padding-y-md: $kendo-grid-header-padding-y !default;
103
+ $kendo-grid-grouping-header-padding-x-md: $kendo-grid-grouping-header-padding-x !default;
104
+ $kendo-grid-grouping-header-padding-y-md: $kendo-grid-grouping-header-padding-y !default;
105
+ $kendo-grid-cell-padding-x-md: $kendo-grid-cell-padding-x !default;
106
+ $kendo-grid-cell-padding-y-md: $kendo-grid-cell-padding-y !default;
107
+ $kendo-grid-filter-cell-padding-x-md: $kendo-grid-filter-cell-padding-x !default;
108
+ $kendo-grid-filter-cell-padding-y-md: $kendo-grid-filter-cell-padding-y !default;
109
+ $kendo-grid-edit-cell-padding-x-md: $kendo-grid-edit-cell-padding-x !default;
110
+ $kendo-grid-edit-cell-padding-y-md: $kendo-grid-edit-cell-padding-y !default;
111
+ $kendo-grid-group-dropclue-height-md: $kendo-grid-group-dropclue-height !default;
112
+
113
+
114
+ // Kendo Grid sizes
115
+ $kendo-grid-sizes: (
116
+ sm: (
117
+ header-padding-x: $kendo-grid-header-padding-x-sm,
118
+ header-padding-y: $kendo-grid-header-padding-y-sm,
119
+ grouping-header-padding-x: $kendo-grid-grouping-header-padding-x-sm,
120
+ grouping-header-padding-y: $kendo-grid-grouping-header-padding-y-sm,
121
+ cell-padding-x: $kendo-grid-cell-padding-x-sm,
122
+ cell-padding-y: $kendo-grid-cell-padding-y-sm,
123
+ filter-cell-padding-x: $kendo-grid-filter-cell-padding-x-sm,
124
+ filter-cell-padding-y: $kendo-grid-filter-cell-padding-y-sm,
125
+ edit-cell-padding-x: $kendo-grid-edit-cell-padding-x-sm,
126
+ edit-cell-padding-y: $kendo-grid-edit-cell-padding-y-sm,
127
+ button-padding-y: $kendo-button-padding-y-sm,
128
+ button-calc-size: $kendo-button-calc-size-sm,
129
+ group-dropclue-height: $kendo-grid-group-dropclue-height-sm
130
+ ),
131
+ md: (
132
+ header-padding-x: $kendo-grid-header-padding-x-md,
133
+ header-padding-y: $kendo-grid-header-padding-y-md,
134
+ grouping-header-padding-x: $kendo-grid-grouping-header-padding-x-md,
135
+ grouping-header-padding-y: $kendo-grid-grouping-header-padding-y-md,
136
+ cell-padding-x: $kendo-grid-cell-padding-x-md,
137
+ cell-padding-y: $kendo-grid-cell-padding-y-md,
138
+ filter-cell-padding-x: $kendo-grid-filter-cell-padding-x-md,
139
+ filter-cell-padding-y: $kendo-grid-filter-cell-padding-y-md,
140
+ edit-cell-padding-x: $kendo-grid-edit-cell-padding-x-md,
141
+ edit-cell-padding-y: $kendo-grid-edit-cell-padding-y-md,
142
+ button-padding-y: $kendo-button-padding-y-md,
143
+ button-calc-size: $kendo-button-calc-size-md,
144
+ group-dropclue-height: $kendo-grid-group-dropclue-height-sm
145
+ ),
146
+ ) !default;
147
+
148
+
30
149
  /// Background color of the grid.
31
150
  /// @group grid
32
151
  $kendo-grid-bg: $kendo-table-bg !default;
@@ -80,12 +199,6 @@ $kendo-grid-selected-hover-text: $kendo-table-selected-hover-text !default;
80
199
  /// @group grid
81
200
  $kendo-grid-selected-hover-border: $kendo-table-selected-hover-border !default;
82
201
 
83
- /// Horizontal padding of the grid header.
84
- /// @group grid
85
- $kendo-grid-header-padding-x: $kendo-grid-padding-x !default;
86
- /// Vertical padding of the grid header.
87
- /// @group grid
88
- $kendo-grid-header-padding-y: $kendo-grid-padding-y !default;
89
202
  /// Vertical border width of the grid header.
90
203
  /// @group grid
91
204
  $kendo-grid-header-border-width-y: $kendo-grid-border-width !default;
@@ -117,12 +230,6 @@ $kendo-grid-header-border: $kendo-table-header-border !default;
117
230
  /// @group grid
118
231
  $kendo-grid-header-icon-text: get-theme-color-var( neutral-130 ) !default;
119
232
 
120
- /// Horizontal padding of the grid footer.
121
- /// @group grid
122
- $kendo-grid-footer-padding-x: $kendo-grid-header-padding-x !default;
123
- /// Vertical padding of the grid footer.
124
- /// @group grid
125
- $kendo-grid-footer-padding-y: $kendo-grid-header-padding-y !default;
126
233
  // Background color of grid footer.
127
234
  /// @group grid
128
235
  $kendo-grid-footer-bg: $kendo-table-footer-bg !default;
@@ -133,12 +240,6 @@ $kendo-grid-footer-text: $kendo-table-footer-text !default;
133
240
  /// @group grid
134
241
  $kendo-grid-footer-border: $kendo-table-footer-border !default;
135
242
 
136
- /// Horizontal padding of the grid grouping header.
137
- /// @group grid
138
- $kendo-grid-grouping-header-padding-x: $kendo-toolbar-padding-x !default;
139
- /// Vertical padding of the grid grouping header.
140
- /// @group grid
141
- $kendo-grid-grouping-header-padding-y: $kendo-toolbar-padding-y !default;
142
243
  /// Background color of the grid grouping header.
143
244
  /// @group grid
144
245
  $kendo-grid-grouping-header-bg: $kendo-toolbar-bg !default;
@@ -171,23 +272,17 @@ $kendo-grid-filter-cell-padding-y: $kendo-grid-filter-cell-padding-x !default;
171
272
 
172
273
  /// Horizontal padding of the grid toolbar.
173
274
  /// @group grid
174
- $kendo-grid-toolbar-padding-x: $kendo-toolbar-padding-x !default;
275
+ $kendo-grid-toolbar-padding-x: $kendo-toolbar-padding-x-md !default;
175
276
  /// Vertical padding of the grid toolbar.
176
277
  /// @group grid
177
- $kendo-grid-toolbar-padding-y: $kendo-toolbar-padding-y !default;
278
+ $kendo-grid-toolbar-padding-y: $kendo-toolbar-padding-y-md !default;
178
279
  /// Spacing of the grid toolbar.
179
280
  /// @group grid
180
- $kendo-grid-toolbar-spacing: $kendo-toolbar-spacing !default;
281
+ $kendo-grid-toolbar-spacing: $kendo-toolbar-spacing-md !default;
181
282
  /// Border width of the grid toolbar.
182
283
  /// @group grid
183
284
  $kendo-grid-toolbar-border-width: $kendo-grid-border-width !default;
184
285
 
185
- /// Horizontal padding of the grid cell.
186
- /// @group grid
187
- $kendo-grid-cell-padding-x: $kendo-grid-padding-x !default;
188
- /// Vertical padding of the grid cell.
189
- /// @group grid
190
- $kendo-grid-cell-padding-y: $kendo-grid-padding-y !default;
191
286
  /// Vertical border width of the grid cell.
192
287
  /// @group grid
193
288
  $kendo-grid-cell-border-width-y: $kendo-grid-border-width !default;
@@ -209,7 +304,7 @@ $kendo-grid-sort-index-height: var( --kendo-icon-size, 1rem ) !default;
209
304
  $kendo-grid-sort-index-spacing-y: calc( var( --kendo-icon-spacing, .5rem ) / 4 ) !default;
210
305
  /// Vertical offset of the grid sort index.
211
306
  /// @group grid
212
- $kendo-grid-sort-index-spacing-x: map-get( $kendo-spacing, thin ) !default;
307
+ $kendo-grid-sort-index-spacing-x: map.get( $kendo-spacing, 0.5 ) !default; // sass-lint:disable-line leading-zero
213
308
  /// Spacing of the grid sort icon.
214
309
  /// @group grid
215
310
  $kendo-grid-sort-icon-spacing: var( --kendo-icon-spacing-lg, .5rem ) !default;
@@ -223,19 +318,12 @@ $kendo-grid-sort-indicator-order-text: get-theme-color-var( primary-100 ) !defau
223
318
  /// @group grid
224
319
  $kendo-grid-sorted-bg: get-theme-color-var( neutral-10 ) !default;
225
320
 
226
- /// Horizontal padding of the grid edit cells.
227
- /// @group grid
228
- $kendo-grid-edit-cell-padding-x: $kendo-grid-cell-padding-x !default;
229
- /// Vertical padding of the grid edit cells.
230
- /// @group grid
231
- $kendo-grid-edit-cell-padding-y: map-get( $kendo-spacing, 1 ) + map-get( $kendo-spacing, hair ) !default;
232
-
233
321
  /// Horizontal padding of the grid command cells.
234
322
  /// @group grid
235
323
  $kendo-grid-command-cell-padding-y: calc( #{$kendo-table-cell-padding-y} - (#{$kendo-button-calc-size} - #{$kendo-line-height-em} ) / 2 ) !default;
236
324
  /// Vertical padding of the grid command cells.
237
325
  /// @group grid
238
- $kendo-grid-command-cell-button-spacing: map-get( $kendo-spacing, 2 ) !default;
326
+ $kendo-grid-command-cell-button-spacing: map.get( $kendo-spacing, 2 ) !default;
239
327
 
240
328
  /// Horizontal padding of the grid group indicator.
241
329
  /// @group grid
@@ -272,21 +360,6 @@ $kendo-grid-group-footer-border-width-y: 0px !default;
272
360
  /// @group grid
273
361
  $kendo-grid-group-footer-border-width-x: 0px !default;
274
362
 
275
- /// Size of the grid group drop clue.
276
- /// @group grid
277
- $kendo-grid-group-dropclue-size: 6px !default;
278
- /// Line size of the grid group drop clue.
279
- /// @group grid
280
- $kendo-grid-group-dropclue-line-size: 1px !default;
281
- /// Dot size of the grid group drop clue.
282
- /// @group grid
283
- $kendo-grid-group-dropclue-dot-size: $kendo-grid-group-dropclue-size !default;
284
- /// Height of the grid group drop clue.
285
- /// @group grid
286
- $kendo-grid-group-dropclue-height: calc( #{$kendo-button-calc-size} + #{$kendo-grid-group-dropclue-size} ) !default;
287
- /// Top offset of the grid group drop clue.
288
- /// @group grid
289
- $kendo-grid-group-dropclue-top: 2px !default;
290
363
  /// Text color of the grid group drop clue.
291
364
  /// @group grid
292
365
  $kendo-grid-group-dropclue-bg: get-theme-color-var( primary-100 ) !default;
@@ -339,17 +412,17 @@ $kendo-grid-sticky-selected-hover-bg: $kendo-grid-selected-hover-bg !default;
339
412
 
340
413
  /// Horizontal padding of the grid filter menu container.
341
414
  /// @group grid
342
- $kendo-filter-menu-container-padding-y: map-get( $kendo-spacing, 3 ) !default;
415
+ $kendo-filter-menu-container-padding-y: map.get( $kendo-spacing, 3 ) !default;
343
416
  /// Vertical padding of the grid filter menu container.
344
417
  /// @group grid
345
- $kendo-filter-menu-container-padding-x: map-get( $kendo-spacing, 3 ) !default;
418
+ $kendo-filter-menu-container-padding-x: map.get( $kendo-spacing, 3 ) !default;
346
419
 
347
420
  /// Default width of the grid column menu.
348
421
  /// @group grid
349
422
  $kendo-grid-column-menu-width: 230px !default;
350
423
  /// Spacing of the grid column menu.
351
424
  /// @group grid
352
- $kendo-grid-column-menu-spacing: map-get( $kendo-spacing, 2 ) !default;
425
+ $kendo-grid-column-menu-spacing: map.get( $kendo-spacing, 2 ) !default;
353
426
  /// Focus shadow of the grid column menu.
354
427
  /// @group grid
355
428
  $kendo-grid-column-menu-shadow: var( --kendo-box-shadow-depth-1, none ) !default;
@@ -372,10 +445,10 @@ $kendo-grid-column-menu-multicheck-line-height: $kendo-list-line-height-md !defa
372
445
 
373
446
  /// Vertical padding of the grid column menu items wrap.
374
447
  /// @group grid
375
- $kendo-grid-column-menu-items-wrap-padding-y: map-get( $kendo-spacing, 2 ) !default;
448
+ $kendo-grid-column-menu-items-wrap-padding-y: map.get( $kendo-spacing, 2 ) !default;
376
449
  /// Horizontal padding of the grid column menu items wrap.
377
450
  /// @group grid
378
- $kendo-grid-column-menu-items-wrap-padding-x: map-get( $kendo-spacing, 2 ) !default;
451
+ $kendo-grid-column-menu-items-wrap-padding-x: map.get( $kendo-spacing, 2 ) !default;
379
452
 
380
453
  /// Horizontal padding of the grid column menu item.
381
454
  /// @group grid
@@ -449,22 +522,6 @@ $kendo-grid-column-menu-group-header-text: var( --kendo-component-text, inherit
449
522
  /// @group grid
450
523
  $kendo-grid-column-menu-group-header-border: var( --kendo-component-border, inherit) !default;
451
524
 
452
- /// Vertical padding of the grid column menu button.
453
- /// @group grid
454
- $kendo-grid-column-menu-button-padding-y: $kendo-button-padding-y-md !default;
455
- /// Horizontal padding of the grid column menu button.
456
- /// @group grid
457
- $kendo-grid-column-menu-button-padding-x: $kendo-button-padding-y-md !default;
458
- /// Default width of the grid column menu button.
459
- /// @group grid
460
- $kendo-grid-column-menu-button-width: $kendo-button-calc-size !default;
461
- /// Default height of the grid column menu button.
462
- /// @group grid
463
- $kendo-grid-column-menu-button-height: $kendo-grid-column-menu-button-width !default;
464
- /// Line height of the grid column menu button.
465
- /// @group grid
466
- $kendo-grid-column-menu-button-line-height: $kendo-button-line-height-md !default;
467
-
468
525
  /// Default width of the grid drag cell.
469
526
  /// @group grid
470
527
  $kendo-grid-drag-cell-width: calc( var( --kendo-icon-size, 1rem ) * 2.25 ) !default;
@@ -473,4 +530,4 @@ $kendo-grid-drag-cell-width: calc( var( --kendo-icon-size, 1rem ) * 2.25 ) !defa
473
530
  $kendo-grid-hierarchy-col-width: calc( var( --kendo-icon-size, 1rem ) * 2 ) !default;
474
531
  /// Spacing of the grid filterable icon.
475
532
  /// @group grid
476
- $kendo-grid-filterable-icon-spacing: calc( #{$kendo-button-calc-size} + #{$kendo-grid-header-menu-spacing} );
533
+ $kendo-grid-filterable-icon-spacing: calc( #{$kendo-button-calc-size} + #{$kendo-grid-header-menu-spacing} ) !default;
package/scss/grid/index.scss CHANGED
@@ -21,6 +21,7 @@ $_kendo-module-meta: (
21
21
  "menu",
22
22
  "dialog",
23
23
  "pager",
24
+ "chip",
24
25
  "skeleton",
25
26
  "draggable"
26
27
  )
@@ -28,9 +29,9 @@ $_kendo-module-meta: (
28
29
 
29
30
 
30
31
  // Component
31
- @forward "_variables.scss";
32
- @use "_layout.scss" as *;
33
- @use "_theme.scss" as *;
32
+ @forward "./_variables.scss";
33
+ @use "./_layout.scss" as *;
34
+ @use "./_theme.scss" as *;
34
35
 
35
36
  // Register
36
37
  @use "../core/module-system/" as module;
package/scss/icon/_layout.scss CHANGED
@@ -1,39 +1,12 @@
1
- @use "_variables.scss" as *;
1
+ @use "./_variables.scss" as *;
2
2
 
3
- @use "~@progress/kendo-font-icons/scss/index.scss" with (
3
+ @use "@progress/kendo-font-icons/scss/index.scss" with (
4
4
  $ki-embed-font: true,
5
5
  $ki-icon-size: var( --kendo-icon-size, 1rem )
6
6
  );
7
7
 
8
8
  @mixin kendo-icon--layout() {
9
9
 
10
- .k-svg-icon {
11
-
12
- &.k-flip-h,
13
- &.k-flip-v,
14
- &.k-flip-h.k-flip-v {
15
- transform: none;
16
- }
17
-
18
- &.k-flip-h {
19
- > svg {
20
- transform: scaleX( -1 );
21
- }
22
- }
23
-
24
- &.k-flip-v {
25
- > svg {
26
- transform: scaleY( -1 );
27
- }
28
- }
29
-
30
- &.k-flip-h.k-flip-v {
31
- > svg {
32
- transform: scale( -1, -1 );
33
- }
34
- }
35
- }
36
-
37
10
  .k-icon-with-modifier {
38
11
  position: relative;
39
12
  margin: .25em;
package/scss/icon/_variables.scss CHANGED
@@ -1,23 +1,35 @@
1
- @use "../core/_variables.scss" as *;
1
+ @use "sass:map";
2
+ @use "../core/" as *;
2
3
 
3
- /// Font size of the icons.
4
+ /// Font sizes of the icons.
4
5
  /// @group icon
5
6
  $kendo-icon-size: 1rem !default;
6
- /// Font size of the large icons.
7
- /// @group icon
8
- $kendo-icon-size-lg: calc( var( --kendo-icon-size, 1rem ) * 2 ) !default;
7
+
8
+ $kendo-icon-size-xs: calc( var( --kendo-icon-size, 1rem ) * .75 ) !default;
9
+ $kendo-icon-size-sm: calc( var( --kendo-icon-size, 1rem ) * .875 ) !default;
10
+ $kendo-icon-size-md: var( --kendo-icon-size, 1rem ) !default;
11
+ $kendo-icon-size-lg: calc( var( --kendo-icon-size, 1rem ) * 1.25 ) !default;
12
+ $kendo-icon-size-xl: calc( var( --kendo-icon-size, 1rem ) * 1.5 ) !default;
13
+ $kendo-icon-size-xxl: calc( var( --kendo-icon-size, 1rem ) * 2 ) !default;
14
+ $kendo-icon-size-xxxl: calc( var( --kendo-icon-size, 1rem ) * 3 ) !default;
9
15
 
10
16
  /// Spacing around the icons.
11
17
  /// @group icon
12
- $kendo-icon-spacing: map-get( $kendo-spacing, 2 ) !default;
18
+ $kendo-icon-spacing: map.get( $kendo-spacing, 2 ) !default;
13
19
 
14
20
  /// Padding of the action icons container.
15
21
  /// @group icon
16
- $kendo-icon-padding: map-get( $kendo-spacing, 1 ) !default;
22
+ $kendo-icon-padding: map.get( $kendo-spacing, 1 ) !default;
17
23
 
18
24
  :root {
19
- --kendo-icon-size: #{$kendo-icon-size};
25
+ --kendo-icon-size: var( --kendo-icon-size, 1rem );
26
+ --kendo-icon-size-xs: #{$kendo-icon-size-xs};
27
+ --kendo-icon-size-sm: #{$kendo-icon-size-sm};
28
+ --kendo-icon-size-md: #{$kendo-icon-size-md};
20
29
  --kendo-icon-size-lg: #{$kendo-icon-size-lg};
30
+ --kendo-icon-size-xl: #{$kendo-icon-size-xl};
31
+ --kendo-icon-size-xxl: #{$kendo-icon-size-xxl};
32
+ --kendo-icon-size-xxxl: #{$kendo-icon-size-xxxl};
21
33
  --kendo-icon-spacing: #{$kendo-icon-spacing};
22
34
  --kendo-icon-padding: #{$kendo-icon-padding};
23
35
  }
package/scss/icon/index.scss CHANGED
@@ -6,9 +6,9 @@ $_kendo-module-meta: (
6
6
 
7
7
 
8
8
  // Component
9
- @forward "_variables.scss";
10
- @use "_layout.scss" as *;
11
- @use "_theme.scss" as *;
9
+ @forward "./_variables.scss";
10
+ @use "./_layout.scss" as *;
11
+ @use "./_theme.scss" as *;
12
12
 
13
13
  // Register
14
14
  @use "../core/module-system/" as module;
package/scss/imageeditor/_layout.scss CHANGED
@@ -1,6 +1,5 @@
1
- @use "_variables.scss" as *;
2
- @use "../core/color-system" as *;
3
- @use "../core/mixins" as *;
1
+ @use "../core/" as *;
2
+ @use "./_variables.scss" as *;
4
3
 
5
4
  @mixin kendo-imageeditor--layout() {
6
5
 
@@ -18,7 +17,7 @@
18
17
  font-size: var( --kendo-imageeditor-font-size, #{$kendo-imageeditor-font-size} );
19
18
  line-height: var( --kendo-imageeditor-line-height, #{$kendo-imageeditor-line-height} );
20
19
  -webkit-touch-callout: none;
21
- -webkit-tap-highlight-color: $rgba-transparent;
20
+ -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
22
21
 
23
22
  *,
24
23
  *::before,
package/scss/imageeditor/_theme.scss CHANGED
@@ -1,5 +1,5 @@
1
- @use "_variables.scss" as *;
2
- @use "../core/mixins" as *;
1
+ @use "../core/" as *;
2
+ @use "./_variables.scss" as *;
3
3
 
4
4
  @mixin kendo-imageeditor--theme() {
5
5
 
package/scss/imageeditor/_variables.scss CHANGED
@@ -1,6 +1,6 @@
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
 
5
5
  /// Background color of the imageeditor.
6
6
  /// @group imageeditor
@@ -27,7 +27,7 @@ $kendo-imageeditor-padding-x: 0 !default;
27
27
 
28
28
  /// Border width of the imageeditor.
29
29
  /// @group imageeditor
30
- $kendo-imageeditor-border-width: map-get( $kendo-spacing, hair ) !default;
30
+ $kendo-imageeditor-border-width: 1px !default;
31
31
  /// Font size of the imageeditor.
32
32
  /// @group imageeditor
33
33
  $kendo-imageeditor-font-size: var( --kendo-font-size, inherit ) !default;
@@ -62,13 +62,13 @@ $kendo-imageeditor-action-pane-text: inherit !default;
62
62
  $kendo-imageeditor-action-pane-border: inherit !default;
63
63
  /// Imageeditor action pane vertical padding.
64
64
  /// @group imageeditor
65
- $kendo-imageeditor-action-pane-padding-y: map-get( $kendo-spacing, 3 ) !default;
65
+ $kendo-imageeditor-action-pane-padding-y: map.get( $kendo-spacing, 3 ) !default;
66
66
  /// Imageeditor action pane horizontal padding.
67
67
  /// @group imageeditor
68
- $kendo-imageeditor-action-pane-padding-x: map-get( $kendo-spacing, 3 ) !default;
68
+ $kendo-imageeditor-action-pane-padding-x: map.get( $kendo-spacing, 3 ) !default;
69
69
  /// Imageeditor action pane width.
70
70
  /// @group imageeditor
71
- $kendo-imageeditor-action-pane-width: if( $kendo-imageeditor-content-border-width == 0, 240px, calc( 240px + #{$kendo-imageeditor-content-border-width}) );
71
+ $kendo-imageeditor-action-pane-width: if( $kendo-imageeditor-content-border-width == 0, 240px, calc( 240px + #{$kendo-imageeditor-content-border-width}) ) !default;
72
72
 
73
73
  /// Crop background color of the imageeditor.
74
74
  /// @group imageeditor
@@ -78,29 +78,29 @@ $kendo-imageeditor-crop-bg: inherit !default;
78
78
  $kendo-imageeditor-crop-text: inherit !default;
79
79
  /// Crop border color of the imageeditor.
80
80
  /// @group imageeditor
81
- $kendo-imageeditor-crop-border: $white !default;
81
+ $kendo-imageeditor-crop-border: $kendo-color-white !default;
82
82
  /// Crop overlay background color of the imageeditor.
83
83
  /// @group imageeditor
84
- $kendo-imageeditor-crop-overlay-bg: rgba( $black, .3 ) !default;
84
+ $kendo-imageeditor-crop-overlay-bg: rgba( $kendo-color-black, .3 ) !default;
85
85
  /// Crop border width of the imageeditor.
86
86
  /// @group imageeditor
87
- $kendo-imageeditor-crop-border-width: map-get( $kendo-spacing, hair ) !default;
87
+ $kendo-imageeditor-crop-border-width: 1px !default;
88
88
  /// Crop border style of the imageeditor.
89
89
  /// @group imageeditor
90
90
  $kendo-imageeditor-crop-border-style: dashed !default;
91
91
 
92
92
  /// Imageeditor resize handle horizontal margin.
93
93
  /// @group imageeditor
94
- $kendo-imageeditor-resize-handle-margin-x: map-get( $kendo-spacing, hair ) !default;
94
+ $kendo-imageeditor-resize-handle-margin-x: 1px !default;
95
95
  /// Imageeditor resize handle vertical margin.
96
96
  /// @group imageeditor
97
- $kendo-imageeditor-resize-handle-margin-y: map-get( $kendo-spacing, hair ) !default;
97
+ $kendo-imageeditor-resize-handle-margin-y: 1px !default;
98
98
  /// Imageeditor resize handle border width.
99
99
  /// @group imageeditor
100
100
  $kendo-imageeditor-resize-handle-border-width: 0 2px 2px 0 !default;
101
101
  /// Imageeditor resize handle size.
102
102
  /// @group imageeditor
103
- $kendo-imageeditor-resize-handle-size: map-get( $kendo-spacing, 4 ) !default;
103
+ $kendo-imageeditor-resize-handle-size: map.get( $kendo-spacing, 4 ) !default;
104
104
  /// Imageeditor resize handle top offset.
105
105
  /// @group imageeditor
106
106
  $kendo-imageeditor-resize-top-offset: math.div( $kendo-imageeditor-resize-handle-size, 2 ) !default;
package/scss/imageeditor/index.scss CHANGED
@@ -11,9 +11,9 @@ $_kendo-module-meta: (
11
11
  );
12
12
 
13
13
  // Component
14
- @forward "_variables.scss";
15
- @use "_layout.scss" as *;
16
- @use "_theme.scss" as *;
14
+ @forward "./_variables.scss";
15
+ @use "./_layout.scss" as *;
16
+ @use "./_theme.scss" as *;
17
17
 
18
18
  // Register
19
19
  @use "../core/module-system/" as module;