@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/pager/_variables.scss CHANGED
@@ -1,14 +1,20 @@
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 "../list/_variables.scss" as *;
5
4
 
6
5
  /// Horizontal padding of the pager.
7
6
  /// @group pager
8
- $kendo-pager-padding-x: map-get( $kendo-spacing, 2 ) !default;
7
+ $kendo-pager-padding-x: map.get( $kendo-spacing, 2 ) !default;
8
+ $kendo-pager-padding-x-sm: map.get( $kendo-spacing, 1.5 ) !default;
9
+ $kendo-pager-padding-x-md: map.get( $kendo-spacing, 2 ) !default;
10
+ $kendo-pager-padding-x-lg: map.get( $kendo-spacing, 2.5 ) !default;
11
+
9
12
  /// Vertical padding of the pager.
10
13
  /// @group pager
11
- $kendo-pager-padding-y: map-get( $kendo-spacing, 2 ) !default;
14
+ $kendo-pager-padding-y: map.get( $kendo-spacing, 2 ) !default;
15
+ $kendo-pager-padding-y-sm: $kendo-pager-padding-x-sm !default;
16
+ $kendo-pager-padding-y-md: $kendo-pager-padding-x-md !default;
17
+ $kendo-pager-padding-y-lg: $kendo-pager-padding-x-lg !default;
12
18
  /// Border width of the pager.
13
19
  /// @group pager
14
20
  $kendo-pager-border-width: 1px !default;
@@ -47,15 +53,6 @@ $kendo-pager-focus-border: get-theme-color-var( neutral-130 ) !default;
47
53
  /// @group pager
48
54
  $kendo-pager-section-spacing: 1em !default;
49
55
 
50
- /// Horizontal padding of the pager items.
51
- /// @group pager
52
- $kendo-pager-item-padding-x: var( --kendo-button-padding-y-md, #{$kendo-button-padding-y-md}) !default;
53
- /// Vertical padding of the pager items.
54
- /// @group pager
55
- $kendo-pager-item-padding-y: $kendo-pager-item-padding-x !default;
56
- /// Border width of the pager items.
57
- /// @group pager
58
- $kendo-pager-item-border-width: 0 !default;
59
56
  /// Border radius of the pager items.
60
57
  /// @group pager
61
58
  $kendo-pager-item-border-radius: 0 !default;
@@ -63,128 +60,19 @@ $kendo-pager-item-border-radius: 0 !default;
63
60
  /// @group pager
64
61
  $kendo-pager-item-spacing: null !default;
65
62
 
66
- /// Background color of the pager items.
67
- /// @group pager
68
- $kendo-pager-item-bg: transparent !default;
69
- /// Text color of the pager items.
70
- /// @group pager
71
- $kendo-pager-item-text: inherit !default;
72
- /// Border color of the pager items.
73
- /// @group pager
74
- $kendo-pager-item-border: inherit !default;
75
-
76
- /// Background color of the hovered pager items.
77
- /// @group pager
78
- $kendo-pager-item-hover-bg: var( --kendo-list-item-hover-bg, #{$kendo-list-item-hover-bg}) !default;
79
- /// Text color of the hovered pager items.
80
- /// @group pager
81
- $kendo-pager-item-hover-text: var( --kendo-list-item-hover-text, #{$kendo-list-item-hover-text}) !default;
82
- /// Border color of the hovered pager items.
83
- /// @group pager
84
- $kendo-pager-item-hover-border: inherit !default;
85
-
86
- /// Background color of the selected pager items.
87
- /// @group pager
88
- $kendo-pager-item-selected-bg: var( --kendo-list-item-selected-bg, #{$kendo-list-item-selected-bg}) !default;
89
- /// Text color of the selected pager items.
90
- /// @group pager
91
- $kendo-pager-item-selected-text: var( --kendo-list-item-selected-text, #{$kendo-list-item-selected-text}) !default;
92
- /// Border color of the selected pager items.
93
- /// @group pager
94
- $kendo-pager-item-selected-border: inherit !default;
95
-
96
- /// Background color of the focused pager items.
97
- /// @group pager
98
- $kendo-pager-item-focus-bg: transparent !default;
99
- /// Text color of the focused pager items.
100
- /// @group pager
101
- $kendo-pager-item-focus-text: inherit !default;
102
- /// Border color of the focused pager items.
103
- /// @group pager
104
- $kendo-pager-item-focus-border: inherit !default;
105
- /// Box shadow of the focused pager items.
106
- /// @group pager
107
- $kendo-pager-item-focus-shadow: inset 0 0 0 2px get-theme-color-var( neutral-40 ) !default;
108
-
109
- /// Background color of the disabled pager items.
110
- /// @group pager
111
- $kendo-pager-item-disabled-bg: transparent !default;
112
- /// Text color of the disabled pager items.
113
- /// @group pager
114
- $kendo-pager-item-disabled-text: get-theme-color-var( neutral-90 ) !default;
115
- /// Border color of the disabled pager items.
116
- /// @group pager
117
- $kendo-pager-item-disabled-border: inherit !default;
118
-
119
- /// Horizontal padding of the pager numbers.
120
- /// @group pager
121
- $kendo-pager-number-padding-x: $kendo-pager-item-padding-x !default;
122
- /// Vertical padding of the pager numbers.
123
- /// @group pager
124
- $kendo-pager-number-padding-y: $kendo-pager-item-padding-y !default;
125
- /// Border width of the pager numbers.
126
- /// @group pager
127
- $kendo-pager-number-border-width: $kendo-pager-item-border-width !default;
128
- /// Border radius of the pager numbers.
129
- /// @group pager
130
- $kendo-pager-number-border-radius: 0 !default;
131
- /// Spacing around the pager numbers.
132
- /// @group pager
133
- $kendo-pager-number-spacing: $kendo-pager-item-spacing !default;
134
- /// Font weight of the pager numbers.
135
- /// @group pager
136
- $kendo-pager-number-font-weight: var( --kendo-font-weight-bold, inherit ) !default;
137
-
138
- /// Background color of the pager numbers.
139
- /// @group pager
140
- $kendo-pager-number-bg: transparent !default;
141
- /// Text color of the pager numbers.
142
- /// @group pager
143
- $kendo-pager-number-text: get-theme-color-var( primary-100 ) !default;
144
- /// Border color of the pager numbers.
145
- /// @group pager
146
- $kendo-pager-number-border: inherit !default;
147
-
148
- /// Background color of the hovered pager numbers.
63
+ /// Spacing between the pager item groups according to the pager size.
149
64
  /// @group pager
150
- $kendo-pager-number-hover-bg: get-theme-color-var( primary-10 ) !default;
151
- /// Text color of the hovered pager numbers.
152
- /// @group pager
153
- $kendo-pager-number-hover-text: $kendo-pager-number-text !default;
154
- /// Border color of the hovered pager numbers.
155
- /// @group pager
156
- $kendo-pager-number-hover-border: $kendo-pager-item-hover-border !default;
157
-
158
- /// Background color of the selected pager numbers.
159
- /// @group pager
160
- $kendo-pager-number-selected-bg: get-theme-color-var( primary-20 ) !default;
161
- /// Text color of the selected pager numbers.
162
- /// @group pager
163
- $kendo-pager-number-selected-text: $kendo-pager-number-text !default;
164
- /// Border color of the selected pager numbers.
165
- /// @group pager
166
- $kendo-pager-number-selected-border: $kendo-pager-item-selected-border !default;
167
-
168
- /// Background color of the focused pager numbers.
169
- /// @group pager
170
- $kendo-pager-number-focus-bg: $kendo-pager-number-bg !default;
171
- /// Text color of the focused pager numbers.
172
- /// @group pager
173
- $kendo-pager-number-focus-text: $kendo-pager-number-text !default;
174
- /// Border color of the focused pager numbers.
175
- /// @group pager
176
- $kendo-pager-number-focus-border: $kendo-pager-item-focus-border !default;
177
- /// Box shadow of the focused pager numbers.
178
- /// @group pager
179
- $kendo-pager-number-focus-shadow: inset 0 0 0 2px get-theme-color-var( primary-20 ) !default;
65
+ $kendo-pager-item-group-spacing-sm: map.get( $kendo-spacing, 2 ) !default;
66
+ $kendo-pager-item-group-spacing-md: map.get( $kendo-spacing, 2 ) !default;
67
+ $kendo-pager-item-group-spacing-lg: map.get( $kendo-spacing, 2 ) !default;
180
68
 
181
69
  /// Text color of the pager sizes label.
182
70
  /// @group pager
183
- $kendo-pager-sizes-label-text: get-theme-color-var( neutral-190 );
71
+ $kendo-pager-sizes-label-text: get-theme-color-var( neutral-190 ) !default;
184
72
 
185
73
  /// Text color of the pager info label.
186
74
  /// @group pager
187
- $kendo-pager-info-label-text: get-theme-color-var( neutral-130 );
75
+ $kendo-pager-info-label-text: get-theme-color-var( neutral-130 ) !default;
188
76
 
189
77
  /// Width of the pager inputs.
190
78
  /// @group pager
@@ -192,3 +80,23 @@ $kendo-pager-input-width: 5em !default;
192
80
  /// Width of the pager dropdowns.
193
81
  /// @group pager
194
82
  $kendo-pager-dropdown-width: 5em !default;
83
+
84
+ /// Sizes map of the pager.
85
+ /// @group pager
86
+ $kendo-pager-sizes: (
87
+ sm: (
88
+ padding-x: $kendo-pager-padding-x-sm,
89
+ padding-y: $kendo-pager-padding-y-sm,
90
+ item-group-spacing: $kendo-pager-item-group-spacing-sm
91
+ ),
92
+ md: (
93
+ padding-x: $kendo-pager-padding-x-md,
94
+ padding-y: $kendo-pager-padding-y-md,
95
+ item-group-spacing: $kendo-pager-item-group-spacing-md
96
+ ),
97
+ lg: (
98
+ padding-x: $kendo-pager-padding-x-lg,
99
+ padding-y: $kendo-pager-padding-y-lg,
100
+ item-group-spacing: $kendo-pager-item-group-spacing-lg
101
+ )
102
+ ) !default;
package/scss/pager/index.scss CHANGED
@@ -5,19 +5,18 @@ $_kendo-module-meta: (
5
5
  "dropdownlist",
6
6
  "icon",
7
7
  "toolbar",
8
- "list",
9
8
  "button"
10
9
  )
11
10
  );
12
11
 
13
12
 
14
13
  // Component
15
- @forward "_variables.scss";
16
- @use "_layout.scss" as *;
17
- @use "_theme.scss" as *;
14
+ @forward "./_variables.scss";
15
+ @use "./_layout.scss" as *;
16
+ @use "./_theme.scss" as *;
18
17
 
19
18
  // Register
20
- @use "../core/module-system" as module;
19
+ @use "../core/module-system/" as module;
21
20
  @include module.register( $_kendo-module-meta... );
22
21
 
23
22
  // Expose
package/scss/panelbar/_layout.scss CHANGED
@@ -1,6 +1,5 @@
1
- @use "_variables.scss" as *;
2
- @use "../core/color-system" as *;
3
- @use "../core/variables" as *;
1
+ @use "../core/" as *;
2
+ @use "./_variables.scss" as *;
4
3
 
5
4
  @mixin kendo-panelbar--layout() {
6
5
 
@@ -17,7 +16,7 @@
17
16
  list-style: none;
18
17
  display: block;
19
18
  -webkit-touch-callout: none;
20
- -webkit-tap-highlight-color: $rgba-transparent;
19
+ -webkit-tap-highlight-color: $kendo-color-rgba-transparent;
21
20
 
22
21
  *,
23
22
  *::before,
@@ -127,11 +126,11 @@
127
126
  @for $i from 1 through $kendo-panelbar-item-level-count {
128
127
  &.k-level-#{$i} {
129
128
  .k-link {
130
- padding-inline-start: calc( var( --kendo-panelbar-item-padding-x-start, #{$kendo-panelbar-item-padding-x-start} ) + ( var( --kendo-padding-x-lg, #{$kendo-padding-x-lg} ) * #{$i} ));
129
+ padding-inline-start: calc( var( --kendo-panelbar-item-padding-x-start, #{$kendo-panelbar-item-padding-x-start} ) + ( var( --kendo-padding-x-lg, #{$kendo-padding-lg-x} ) * #{$i} ));
131
130
  }
132
131
 
133
132
  .k-panelbar-item-icon:first-child {
134
- inset-inline-start: calc( var( --kendo-panelbar-icon-spacing, #{$kendo-panelbar-icon-spacing} ) + ( var( --kendo-padding-x-lg, #{$kendo-padding-x-lg} ) * #{$i} ));
133
+ inset-inline-start: calc( var( --kendo-panelbar-icon-spacing, #{$kendo-panelbar-icon-spacing} ) + ( var( --kendo-padding-x-lg, #{$kendo-padding-lg-x} ) * #{$i} ));
135
134
  }
136
135
  }
137
136
  }
package/scss/panelbar/_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-panelbar--theme() {
5
5
  .k-panelbar {
@@ -22,9 +22,9 @@
22
22
  // Hover
23
23
  &:hover,
24
24
  &.k-hover {
25
- --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-hovered-text, #{$kendo-panelbar-header-hovered-text} );
26
- --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-hovered-bg, #{$kendo-panelbar-header-hovered-bg} );
27
- --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-hovered-border, #{$kendo-panelbar-header-hovered-border} );
25
+ --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-hover-text, #{$kendo-panelbar-header-hover-text} );
26
+ --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-hover-bg, #{$kendo-panelbar-header-hover-bg} );
27
+ --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-hover-border, #{$kendo-panelbar-header-hover-border} );
28
28
  }
29
29
 
30
30
  &.k-selected {
@@ -54,26 +54,26 @@
54
54
  // Hover
55
55
  &:hover,
56
56
  &.k-hover {
57
- --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-hovered-text, #{$kendo-panelbar-header-hovered-text} );
58
- --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-hovered-bg, #{$kendo-panelbar-header-hovered-bg} );
59
- --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-hovered-border, #{$kendo-panelbar-header-hovered-border} );
57
+ --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-hover-text, #{$kendo-panelbar-header-hover-text} );
58
+ --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-hover-bg, #{$kendo-panelbar-header-hover-bg} );
59
+ --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-hover-border, #{$kendo-panelbar-header-hover-border} );
60
60
  }
61
61
 
62
62
  // Focus
63
63
  &:focus,
64
64
  &.k-focus {
65
- --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-focused-text, #{$kendo-panelbar-header-focused-text} );
66
- --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-focused-bg, #{$kendo-panelbar-header-focused-bg} );
67
- --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-focused-border, #{$kendo-panelbar-header-focused-border} );
65
+ --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-focus-text, #{$kendo-panelbar-header-focus-text} );
66
+ --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-focus-bg, #{$kendo-panelbar-header-focus-bg} );
67
+ --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-focus-border, #{$kendo-panelbar-header-focus-border} );
68
68
 
69
- box-shadow: var( --kendo-panelbar-header-focused-shadow, #{$kendo-panelbar-header-focused-shadow} );
69
+ box-shadow: var( --kendo-panelbar-header-focus-shadow, #{$kendo-panelbar-header-focus-shadow} );
70
70
 
71
71
  // Focus & Hover
72
72
  &:hover,
73
73
  &.k-hover {
74
- --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-hovered-focused-text, #{$kendo-panelbar-header-hovered-focused-text} );
75
- --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-hovered-focused-bg, #{$kendo-panelbar-header-hovered-focused-bg} );
76
- --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-hovered-focused-border, #{$kendo-panelbar-header-hovered-focused-border} );
74
+ --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-hover-focus-text, #{$kendo-panelbar-header-hover-focus-text} );
75
+ --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-hover-focus-bg, #{$kendo-panelbar-header-hover-focus-bg} );
76
+ --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-hover-focus-border, #{$kendo-panelbar-header-hover-focus-border} );
77
77
  }
78
78
  }
79
79
 
@@ -95,24 +95,24 @@
95
95
  // Selected Hover
96
96
  &:hover,
97
97
  &.k-hover {
98
- --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-selected-hovered-text, #{$kendo-panelbar-header-selected-hovered-text} );
99
- --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-selected-hovered-bg, #{$kendo-panelbar-header-selected-hovered-bg} );
100
- --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-selected-hovered-border, #{$kendo-panelbar-header-selected-hovered-border} );
98
+ --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-selected-hover-text, #{$kendo-panelbar-header-selected-hover-text} );
99
+ --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-selected-hover-bg, #{$kendo-panelbar-header-selected-hover-bg} );
100
+ --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-selected-hover-border, #{$kendo-panelbar-header-selected-hover-border} );
101
101
  }
102
102
 
103
103
  // Selected Focus
104
104
  &:focus,
105
105
  &.k-focus {
106
- --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-selected-focused-text, #{$kendo-panelbar-header-selected-focused-text} );
107
- --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-selected-focused-bg, #{$kendo-panelbar-header-selected-focused-bg} );
108
- --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-selected-focused-border, #{$kendo-panelbar-header-selected-focused-border} );
106
+ --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-selected-focus-text, #{$kendo-panelbar-header-selected-focus-text} );
107
+ --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-selected-focus-bg, #{$kendo-panelbar-header-selected-focus-bg} );
108
+ --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-selected-focus-border, #{$kendo-panelbar-header-selected-focus-border} );
109
109
 
110
110
  // Selected Focus & Hover
111
111
  &:hover,
112
112
  &.k-hover {
113
- --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-selected-hovered-focused-text, #{$kendo-panelbar-header-selected-hovered-focused-text} );
114
- --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-selected-hovered-focused-bg, #{$kendo-panelbar-header-selected-hovered-focused-bg} );
115
- --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-selected-hovered-focused-border, #{$kendo-panelbar-header-selected-hovered-focused-border} );
113
+ --INTERNAL--kendo-panelbar-header-text: var( --kendo-panelbar-header-selected-hover-focus-text, #{$kendo-panelbar-header-selected-hover-focus-text} );
114
+ --INTERNAL--kendo-panelbar-header-bg: var( --kendo-panelbar-header-selected-hover-focus-bg, #{$kendo-panelbar-header-selected-hover-focus-bg} );
115
+ --INTERNAL--kendo-panelbar-header-border: var( --kendo-panelbar-header-selected-hover-focus-border, #{$kendo-panelbar-header-selected-hover-focus-border} );
116
116
  }
117
117
  }
118
118
  }
@@ -164,24 +164,24 @@
164
164
 
165
165
  &:hover,
166
166
  &.k-hover {
167
- --INTERNAL--kendo-panelbar-item-text: var( --kendo-panelbar-item-hovered-text, #{$kendo-panelbar-item-hovered-text} );
168
- --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-hovered-bg, #{$kendo-panelbar-item-hovered-bg} );
169
- --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-hovered-border, #{$kendo-panelbar-item-hovered-border} );
167
+ --INTERNAL--kendo-panelbar-item-text: var( --kendo-panelbar-item-hover-text, #{$kendo-panelbar-item-hover-text} );
168
+ --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-hover-bg, #{$kendo-panelbar-item-hover-bg} );
169
+ --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-hover-border, #{$kendo-panelbar-item-hover-border} );
170
170
  }
171
171
 
172
172
  &:focus,
173
173
  &.k-focus {
174
- --INTERNAL--kendo-panelbar-item-text: var( --kendo-panelbar-item-focused-text, #{$kendo-panelbar-item-focused-text} );
175
- --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-focused-bg, #{$kendo-panelbar-item-focused-bg} );
176
- --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-focused-border, #{$kendo-panelbar-item-focused-border} );
174
+ --INTERNAL--kendo-panelbar-item-text: var( --kendo-panelbar-item-focus-text, #{$kendo-panelbar-item-focus-text} );
175
+ --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-focus-bg, #{$kendo-panelbar-item-focus-bg} );
176
+ --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-focus-border, #{$kendo-panelbar-item-focus-border} );
177
177
 
178
- box-shadow: var( --kendo-panelbar-item-focused-shadow, #{$kendo-panelbar-item-focused-shadow} );
178
+ box-shadow: var( --kendo-panelbar-item-focus-shadow, #{$kendo-panelbar-item-focus-shadow} );
179
179
 
180
180
  &:hover,
181
181
  &.k-hover {
182
- --INTERNAL--kendo-panelbar-item-text: var( --kendo-panelbar-item-hovered-focused-text, #{$kendo-panelbar-item-hovered-focused-text} );
183
- --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-hovered-focused-bg, #{$kendo-panelbar-item-hovered-focused-bg} );
184
- --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-hovered-focused-border, #{$kendo-panelbar-item-hovered-focused-border} );
182
+ --INTERNAL--kendo-panelbar-item-text: var( --kendo-panelbar-item-hover-focus-text, #{$kendo-panelbar-item-hover-focus-text} );
183
+ --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-hover-focus-bg, #{$kendo-panelbar-item-hover-focus-bg} );
184
+ --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-hover-focus-border, #{$kendo-panelbar-item-hover-focus-border} );
185
185
  }
186
186
  }
187
187
 
@@ -196,23 +196,23 @@
196
196
 
197
197
  &:hover,
198
198
  &.k-hover {
199
- --INTERNAL--kendo-panelbar-item-text: var( --kendo-panelbar-item-selected-hovered-text, #{$kendo-panelbar-item-selected-hovered-text} );
200
- --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-selected-hovered-bg, #{$kendo-panelbar-item-selected-hovered-bg} );
201
- --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-selected-hovered-border, #{$kendo-panelbar-item-selected-hovered-border} );
199
+ --INTERNAL--kendo-panelbar-item-text: var( --kendo-panelbar-item-selected-hover-text, #{$kendo-panelbar-item-selected-hover-text} );
200
+ --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-selected-hover-bg, #{$kendo-panelbar-item-selected-hover-bg} );
201
+ --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-selected-hover-border, #{$kendo-panelbar-item-selected-hover-border} );
202
202
  }
203
203
 
204
204
  &:focus,
205
205
  &.k-focus {
206
- --INTERNAL--kendo-panelbar-item-text: var( --kendo-panelbar-item-selected-focused-text, #{$kendo-panelbar-item-selected-focused-text} );
207
- --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-selected-focused-bg, #{$kendo-panelbar-item-selected-focused-bg} );
208
- --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-selected-focused-border, #{$kendo-panelbar-item-selected-focused-border} );
206
+ --INTERNAL--kendo-panelbar-item-text: var( --kendo-panelbar-item-selected-focus-text, #{$kendo-panelbar-item-selected-focus-text} );
207
+ --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-selected-focus-bg, #{$kendo-panelbar-item-selected-focus-bg} );
208
+ --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-selected-focus-border, #{$kendo-panelbar-item-selected-focus-border} );
209
209
 
210
210
  // Selected Focus & Hover
211
211
  &:hover,
212
212
  &.k-hover {
213
- --INTERNAL--kendo-panelbar-item-text: var( --kendo-panelbar-item-selected-hovered-focused-text, #{$kendo-panelbar-item-selected-hovered-focused-text} );
214
- --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-selected-hovered-focused-bg, #{$kendo-panelbar-item-selected-hovered-focused-bg} );
215
- --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-selected-hovered-focused-border, #{$kendo-panelbar-item-selected-hovered-focused-border} );
213
+ --INTERNAL--kendo-panelbar-item-text: var( --kendo-panelbar-item-selected-hover-focus-text, #{$kendo-panelbar-item-selected-hover-focus-text} );
214
+ --INTERNAL--kendo-panelbar-item-bg: var( --kendo-panelbar-item-selected-hover-focus-bg, #{$kendo-panelbar-item-selected-hover-focus-bg} );
215
+ --INTERNAL--kendo-panelbar-item-border: var( --kendo-panelbar-item-selected-hover-focus-border, #{$kendo-panelbar-item-selected-hover-focus-border} );
216
216
  }
217
217
  }
218
218
  }