@progress/kendo-theme-fluent 11.2.1-dev.1 → 11.3.0-dev.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (340) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/fluent-main-dark.css +1 -1
  3. package/dist/fluent-main.css +1 -1
  4. package/dist/meta/sassdoc-data.json +24099 -27323
  5. package/dist/meta/sassdoc-raw-data.json +8421 -7718
  6. package/dist/meta/variables.json +7880 -8036
  7. package/lib/swatches/all.json +1 -1
  8. package/lib/swatches/fluent-main-dark.json +1 -1
  9. package/lib/swatches/fluent-main.json +1 -1
  10. package/package.json +4 -4
  11. package/scss/action-buttons/_layout.scss +2 -55
  12. package/scss/action-buttons/_theme.scss +2 -11
  13. package/scss/action-buttons/_variables.scss +17 -7
  14. package/scss/action-sheet/_layout.scss +11 -399
  15. package/scss/action-sheet/_theme.scss +14 -69
  16. package/scss/action-sheet/_variables.scss +129 -66
  17. package/scss/adaptive/_index.scss +0 -3
  18. package/scss/adaptive/_layout.scss +2 -457
  19. package/scss/adaptive/_theme.scss +2 -75
  20. package/scss/adaptive/_variables.scss +39 -18
  21. package/scss/appbar/_layout.scss +2 -114
  22. package/scss/appbar/_theme.scss +9 -20
  23. package/scss/appbar/_variables.scss +38 -71
  24. package/scss/avatar/_layout.scss +2 -73
  25. package/scss/avatar/_theme.scss +2 -16
  26. package/scss/avatar/_variables.scss +24 -82
  27. package/scss/badge/_layout.scss +3 -146
  28. package/scss/badge/_theme.scss +8 -21
  29. package/scss/badge/_variables.scss +41 -88
  30. package/scss/bottom-navigation/_layout.scss +5 -108
  31. package/scss/bottom-navigation/_theme.scss +73 -74
  32. package/scss/bottom-navigation/_variables.scss +58 -117
  33. package/scss/breadcrumb/_layout.scss +8 -132
  34. package/scss/breadcrumb/_theme.scss +15 -71
  35. package/scss/breadcrumb/_variables.scss +133 -71
  36. package/scss/button/_layout.scss +18 -182
  37. package/scss/button/_theme.scss +132 -113
  38. package/scss/button/_variables.scss +156 -301
  39. package/scss/calendar/_layout.scss +27 -383
  40. package/scss/calendar/_theme.scss +55 -127
  41. package/scss/calendar/_variables.scss +185 -100
  42. package/scss/captcha/_layout.scss +2 -59
  43. package/scss/captcha/_theme.scss +2 -9
  44. package/scss/captcha/_variables.scss +25 -9
  45. package/scss/card/_layout.scss +9 -314
  46. package/scss/card/_theme.scss +3 -103
  47. package/scss/card/_variables.scss +110 -60
  48. package/scss/chart-wizard/_layout.scss +2 -38
  49. package/scss/chart-wizard/_theme.scss +2 -28
  50. package/scss/chart-wizard/_variables.scss +25 -11
  51. package/scss/chat/_index.scss +0 -3
  52. package/scss/chat/_layout.scss +26 -450
  53. package/scss/chat/_theme.scss +9 -80
  54. package/scss/chat/_variables.scss +143 -71
  55. package/scss/checkbox/_layout.scss +14 -191
  56. package/scss/checkbox/_theme.scss +11 -100
  57. package/scss/checkbox/_variables.scss +165 -78
  58. package/scss/chip/_layout.scss +11 -137
  59. package/scss/chip/_theme.scss +56 -57
  60. package/scss/chip/_variables.scss +99 -94
  61. package/scss/color-preview/_layout.scss +4 -64
  62. package/scss/color-preview/_theme.scss +2 -27
  63. package/scss/color-preview/_variables.scss +23 -9
  64. package/scss/coloreditor/_layout.scss +21 -109
  65. package/scss/coloreditor/_theme.scss +3 -24
  66. package/scss/coloreditor/_variables.scss +92 -57
  67. package/scss/colorgradient/_layout.scss +12 -196
  68. package/scss/colorgradient/_theme.scss +27 -65
  69. package/scss/colorgradient/_variables.scss +134 -76
  70. package/scss/colorpalette/_layout.scss +6 -40
  71. package/scss/colorpalette/_theme.scss +10 -20
  72. package/scss/colorpalette/_variables.scss +39 -21
  73. package/scss/colorpicker/_layout.scss +2 -11
  74. package/scss/colorpicker/_theme.scss +2 -1
  75. package/scss/column-menu/_layout.scss +5 -56
  76. package/scss/column-menu/_theme.scss +1 -24
  77. package/scss/column-menu/_variables.scss +38 -17
  78. package/scss/combobox/_layout.scss +4 -2
  79. package/scss/combobox/_theme.scss +4 -2
  80. package/scss/core/functions/index.import.scss +1 -0
  81. package/scss/dataviz/_layout.scss +6 -543
  82. package/scss/dataviz/_theme.scss +12 -76
  83. package/scss/dataviz/_variables.scss +152 -33
  84. package/scss/daterangepicker/_layout.scss +2 -37
  85. package/scss/daterangepicker/_theme.scss +16 -7
  86. package/scss/daterangepicker/_variables.scss +9 -0
  87. package/scss/datetimepicker/_layout.scss +3 -41
  88. package/scss/datetimepicker/_theme.scss +3 -2
  89. package/scss/datetimepicker/_variables.scss +5 -1
  90. package/scss/dialog/_layout.scss +8 -53
  91. package/scss/dialog/_theme.scss +5 -25
  92. package/scss/dialog/_variables.scss +31 -60
  93. package/scss/dock-manager/_layout.scss +9 -193
  94. package/scss/dock-manager/_theme.scss +6 -28
  95. package/scss/dock-manager/_variables.scss +74 -36
  96. package/scss/draggable/_layout.scss +13 -59
  97. package/scss/draggable/_theme.scss +10 -15
  98. package/scss/draggable/_variables.scss +45 -23
  99. package/scss/drawer/_layout.scss +7 -198
  100. package/scss/drawer/_theme.scss +25 -52
  101. package/scss/drawer/_variables.scss +73 -45
  102. package/scss/dropdowngrid/_layout.scss +3 -11
  103. package/scss/dropdowngrid/_theme.scss +3 -3
  104. package/scss/dropdownlist/_layout.scss +4 -28
  105. package/scss/dropdownlist/_theme.scss +3 -7
  106. package/scss/dropdowntree/_layout.scss +2 -35
  107. package/scss/dropdowntree/_theme.scss +3 -4
  108. package/scss/dropdowntree/_variables.scss +4 -3
  109. package/scss/dropzone/_layout.scss +7 -31
  110. package/scss/dropzone/_theme.scss +2 -30
  111. package/scss/dropzone/_variables.scss +43 -21
  112. package/scss/editor/_layout.scss +3 -588
  113. package/scss/editor/_theme.scss +12 -78
  114. package/scss/editor/_variables.scss +45 -26
  115. package/scss/expansion-panel/_layout.scss +22 -57
  116. package/scss/expansion-panel/_theme.scss +13 -36
  117. package/scss/expansion-panel/_variables.scss +49 -28
  118. package/scss/fab/_layout.scss +11 -134
  119. package/scss/fab/_theme.scss +37 -126
  120. package/scss/fab/_variables.scss +104 -56
  121. package/scss/filemanager/_layout.scss +2 -240
  122. package/scss/filemanager/_theme.scss +8 -89
  123. package/scss/filemanager/_variables.scss +109 -56
  124. package/scss/filter/_layout.scss +8 -71
  125. package/scss/filter/_theme.scss +5 -14
  126. package/scss/filter/_variables.scss +20 -10
  127. package/scss/floating-label/_layout.scss +3 -75
  128. package/scss/floating-label/_theme.scss +4 -20
  129. package/scss/floating-label/_variables.scss +35 -17
  130. package/scss/forms/_layout.scss +5 -302
  131. package/scss/forms/_theme.scss +5 -24
  132. package/scss/forms/_variables.scss +73 -39
  133. package/scss/gantt/_layout.scss +5 -801
  134. package/scss/gantt/_theme.scss +17 -236
  135. package/scss/gantt/_variables.scss +142 -73
  136. package/scss/grid/_layout.scss +60 -1276
  137. package/scss/grid/_theme.scss +35 -343
  138. package/scss/grid/_variables.scss +306 -183
  139. package/scss/gridlayout/_layout.scss +1 -6
  140. package/scss/gridlayout/_theme.scss +1 -6
  141. package/scss/icons/_layout.scss +4 -33
  142. package/scss/icons/_theme.scss +7 -1
  143. package/scss/icons/_variables.scss +35 -9
  144. package/scss/imageeditor/_layout.scss +2 -152
  145. package/scss/imageeditor/_theme.scss +5 -42
  146. package/scss/imageeditor/_variables.scss +66 -32
  147. package/scss/index.scss +2 -1
  148. package/scss/input/_layout.scss +36 -468
  149. package/scss/input/_theme.scss +52 -128
  150. package/scss/input/_variables.scss +153 -208
  151. package/scss/list/_layout.scss +3 -252
  152. package/scss/list/_theme.scss +10 -81
  153. package/scss/list/_variables.scss +176 -92
  154. package/scss/listbox/_layout.scss +2 -80
  155. package/scss/listbox/_theme.scss +5 -8
  156. package/scss/listbox/_variables.scss +28 -13
  157. package/scss/listgroup/_layout.scss +2 -174
  158. package/scss/listgroup/_theme.scss +2 -8
  159. package/scss/listgroup/_variables.scss +23 -10
  160. package/scss/listview/_layout.scss +6 -133
  161. package/scss/listview/_theme.scss +8 -37
  162. package/scss/listview/_variables.scss +66 -39
  163. package/scss/loader/_layout.scss +15 -572
  164. package/scss/loader/_theme.scss +2 -14
  165. package/scss/loader/_variables.scss +90 -92
  166. package/scss/map/_layout.scss +7 -121
  167. package/scss/map/_theme.scss +5 -17
  168. package/scss/map/_variables.scss +40 -22
  169. package/scss/maskedtextbox/_layout.scss +3 -3
  170. package/scss/maskedtextbox/_theme.scss +3 -3
  171. package/scss/mediaplayer/_layout.scss +5 -72
  172. package/scss/mediaplayer/_theme.scss +5 -15
  173. package/scss/mediaplayer/_variables.scss +27 -14
  174. package/scss/menu/_layout.scss +25 -267
  175. package/scss/menu/_theme.scss +14 -73
  176. package/scss/menu/_variables.scss +135 -76
  177. package/scss/menu-button/_layout.scss +9 -14
  178. package/scss/menu-button/_theme.scss +5 -1
  179. package/scss/menu-button/_variables.scss +10 -0
  180. package/scss/messagebox/_layout.scss +2 -18
  181. package/scss/messagebox/_theme.scss +4 -19
  182. package/scss/messagebox/_variables.scss +33 -37
  183. package/scss/multiselect/_layout.scss +3 -4
  184. package/scss/multiselect/_theme.scss +3 -4
  185. package/scss/no-data/_layout.scss +2 -17
  186. package/scss/no-data/_theme.scss +2 -5
  187. package/scss/no-data/_variables.scss +7 -2
  188. package/scss/notification/_functions.scss +17 -0
  189. package/scss/notification/_layout.scss +2 -68
  190. package/scss/notification/_theme.scss +4 -28
  191. package/scss/notification/_variables.scss +50 -91
  192. package/scss/numerictextbox/_layout.scss +3 -7
  193. package/scss/numerictextbox/_theme.scss +3 -3
  194. package/scss/orgchart/_layout.scss +8 -99
  195. package/scss/orgchart/_theme.scss +4 -45
  196. package/scss/orgchart/_variables.scss +87 -45
  197. package/scss/otp/_layout.scss +1 -34
  198. package/scss/otp/_theme.scss +1 -7
  199. package/scss/otp/_variables.scss +25 -12
  200. package/scss/overlay/_layout.scss +2 -11
  201. package/scss/overlay/_theme.scss +4 -3
  202. package/scss/overlay/_variables.scss +7 -3
  203. package/scss/pager/_layout.scss +11 -145
  204. package/scss/pager/_theme.scss +7 -15
  205. package/scss/pager/_variables.scss +49 -26
  206. package/scss/panel/_layout.scss +2 -24
  207. package/scss/panel/_theme.scss +10 -13
  208. package/scss/panel/_variables.scss +23 -10
  209. package/scss/panelbar/_layout.scss +17 -95
  210. package/scss/panelbar/_theme.scss +15 -164
  211. package/scss/panelbar/_variables.scss +134 -68
  212. package/scss/pdf-viewer/_layout.scss +3 -327
  213. package/scss/pdf-viewer/_theme.scss +2 -80
  214. package/scss/pdf-viewer/_variables.scss +75 -36
  215. package/scss/pivotgrid/_index.scss +0 -6
  216. package/scss/pivotgrid/_layout.scss +44 -579
  217. package/scss/pivotgrid/_theme.scss +5 -192
  218. package/scss/pivotgrid/_variables.scss +144 -70
  219. package/scss/popover/_layout.scss +6 -73
  220. package/scss/popover/_theme.scss +2 -36
  221. package/scss/popover/_variables.scss +54 -27
  222. package/scss/popup/_layout.scss +5 -70
  223. package/scss/popup/_theme.scss +2 -9
  224. package/scss/popup/_variables.scss +25 -12
  225. package/scss/progressbar/_layout.scss +10 -196
  226. package/scss/progressbar/_theme.scss +11 -46
  227. package/scss/progressbar/_variables.scss +57 -34
  228. package/scss/prompt/_layout.scss +2 -75
  229. package/scss/prompt/_theme.scss +2 -35
  230. package/scss/prompt/_variables.scss +43 -20
  231. package/scss/radio/_layout.scss +12 -178
  232. package/scss/radio/_theme.scss +7 -75
  233. package/scss/radio/_variables.scss +72 -36
  234. package/scss/rating/_layout.scss +11 -57
  235. package/scss/rating/_theme.scss +8 -6
  236. package/scss/rating/_variables.scss +21 -13
  237. package/scss/responsivepanel/_layout.scss +2 -45
  238. package/scss/responsivepanel/_theme.scss +3 -3
  239. package/scss/ripple/_layout.scss +2 -50
  240. package/scss/ripple/_theme.scss +2 -2
  241. package/scss/scheduler/_layout.scss +11 -773
  242. package/scss/scheduler/_theme.scss +32 -167
  243. package/scss/scheduler/_variables.scss +149 -77
  244. package/scss/scroller/_layout.scss +2 -80
  245. package/scss/scroller/_theme.scss +2 -5
  246. package/scss/scrollview/_layout.scss +2 -159
  247. package/scss/scrollview/_theme.scss +11 -35
  248. package/scss/scrollview/_variables.scss +52 -29
  249. package/scss/searchbox/_layout.scss +2 -0
  250. package/scss/searchbox/_theme.scss +4 -1
  251. package/scss/searchbox/_variables.scss +1 -1
  252. package/scss/signature/_layout.scss +3 -67
  253. package/scss/signature/_theme.scss +3 -8
  254. package/scss/signature/_variables.scss +46 -25
  255. package/scss/skeleton/_layout.scss +2 -79
  256. package/scss/skeleton/_theme.scss +2 -17
  257. package/scss/skeleton/_variables.scss +15 -6
  258. package/scss/slider/_layout.scss +18 -203
  259. package/scss/slider/_theme.scss +31 -40
  260. package/scss/slider/_variables.scss +58 -41
  261. package/scss/speech-to-text-button/_layout.scss +1 -9
  262. package/scss/speech-to-text-button/_theme.scss +1 -3
  263. package/scss/split-button/_layout.scss +22 -18
  264. package/scss/split-button/_theme.scss +2 -1
  265. package/scss/split-button/_variables.scss +18 -9
  266. package/scss/splitter/_layout.scss +8 -171
  267. package/scss/splitter/_theme.scss +2 -31
  268. package/scss/splitter/_variables.scss +42 -20
  269. package/scss/spreadsheet/_layout.scss +50 -724
  270. package/scss/spreadsheet/_theme.scss +14 -182
  271. package/scss/spreadsheet/_variables.scss +172 -99
  272. package/scss/stacklayout/_layout.scss +1 -5
  273. package/scss/stacklayout/_theme.scss +1 -5
  274. package/scss/stepper/_layout.scss +9 -255
  275. package/scss/stepper/_theme.scss +4 -186
  276. package/scss/stepper/_variables.scss +125 -60
  277. package/scss/suggestion/_layout.scss +2 -38
  278. package/scss/suggestion/_theme.scss +3 -66
  279. package/scss/suggestion/_variables.scss +42 -19
  280. package/scss/switch/_layout.scss +2 -138
  281. package/scss/switch/_theme.scss +2 -136
  282. package/scss/switch/_variables.scss +99 -49
  283. package/scss/table/_layout.scss +6 -249
  284. package/scss/table/_theme.scss +9 -95
  285. package/scss/table/_variables.scss +100 -64
  286. package/scss/tabstrip/_layout.scss +2 -421
  287. package/scss/tabstrip/_theme.scss +12 -123
  288. package/scss/tabstrip/_variables.scss +113 -61
  289. package/scss/taskboard/_layout.scss +28 -178
  290. package/scss/taskboard/_theme.scss +20 -55
  291. package/scss/taskboard/_variables.scss +122 -63
  292. package/scss/textarea/_layout.scss +3 -6
  293. package/scss/textarea/_theme.scss +3 -4
  294. package/scss/textbox/_layout.scss +3 -4
  295. package/scss/textbox/_theme.scss +3 -4
  296. package/scss/tilelayout/_layout.scss +2 -36
  297. package/scss/tilelayout/_theme.scss +13 -10
  298. package/scss/tilelayout/_variables.scss +19 -8
  299. package/scss/time-marker/_layout.scss +2 -15
  300. package/scss/time-marker/_theme.scss +2 -17
  301. package/scss/time-marker/_variables.scss +7 -2
  302. package/scss/timedurationpicker/_layout.scss +3 -4
  303. package/scss/timedurationpicker/_theme.scss +3 -4
  304. package/scss/timeline/_layout.scss +8 -423
  305. package/scss/timeline/_theme.scss +11 -34
  306. package/scss/timeline/_variables.scss +108 -61
  307. package/scss/timepicker/_layout.scss +7 -3
  308. package/scss/timepicker/_theme.scss +3 -4
  309. package/scss/timeselector/_layout.scss +3 -223
  310. package/scss/timeselector/_theme.scss +5 -55
  311. package/scss/timeselector/_variables.scss +84 -41
  312. package/scss/toolbar/_layout.scss +11 -296
  313. package/scss/toolbar/_theme.scss +3 -167
  314. package/scss/toolbar/_variables.scss +65 -32
  315. package/scss/tooltip/_functions.scss +17 -0
  316. package/scss/tooltip/_layout.scss +13 -74
  317. package/scss/tooltip/_theme.scss +17 -23
  318. package/scss/tooltip/_variables.scss +50 -72
  319. package/scss/treelist/_layout.scss +3 -82
  320. package/scss/treelist/_theme.scss +4 -6
  321. package/scss/treelist/_variables.scss +7 -2
  322. package/scss/treeview/_layout.scss +8 -137
  323. package/scss/treeview/_theme.scss +20 -65
  324. package/scss/treeview/_variables.scss +88 -48
  325. package/scss/typography/_layout.scss +3 -113
  326. package/scss/typography/_theme.scss +2 -17
  327. package/scss/typography/_variables.scss +84 -3
  328. package/scss/upload/_layout.scss +7 -219
  329. package/scss/upload/_theme.scss +4 -90
  330. package/scss/upload/_variables.scss +66 -29
  331. package/scss/validator/_layout.scss +2 -16
  332. package/scss/validator/_theme.scss +2 -2
  333. package/scss/virtual-scroller/_layout.scss +2 -34
  334. package/scss/virtual-scroller/_theme.scss +2 -2
  335. package/scss/window/_layout.scss +9 -141
  336. package/scss/window/_theme.scss +7 -35
  337. package/scss/window/_variables.scss +65 -70
  338. package/scss/wizard/_layout.scss +8 -95
  339. package/scss/wizard/_theme.scss +4 -7
  340. package/scss/wizard/_variables.scss +24 -11
package/scss/panelbar/_variables.scss CHANGED
@@ -4,52 +4,52 @@
4
4
 
5
5
  /// The font family of the PanelBar.
6
6
  /// @group panelbar
7
- $kendo-panelbar-font-family: var( --kendo-font-family, inherit ) !default;
7
+ $kendo-panelbar-font-family: var( --kendo-panelbar-font-family, var( --kendo-font-family, inherit ) ) !default;
8
8
  /// The font size of the PanelBar.
9
9
  /// @group panelbar
10
- $kendo-panelbar-font-size: var( --kendo-font-size, inherit ) !default;
10
+ $kendo-panelbar-font-size: var( --kendo-panelbar-font-size, var( --kendo-font-size, inherit ) ) !default;
11
11
  /// The line height of the PanelBar.
12
12
  /// @group panelbar
13
- $kendo-panelbar-line-height: var( --kendo-line-height, inherit ) !default;
13
+ $kendo-panelbar-line-height: var( --kendo-panelbar-line-height, var( --kendo-line-height, inherit ) ) !default;
14
14
  /// The width of the border around the PanelBar.
15
15
  /// @group panelbar
16
- $kendo-panelbar-border-width: 1px !default;
16
+ $kendo-panelbar-border-width: var( --kendo-panelbar-border-width, 1px ) !default;
17
17
  /// The border style around the the PanelBar.
18
18
  /// @group panelbar
19
- $kendo-panelbar-border-style: solid !default;
19
+ $kendo-panelbar-border-style: var( --kendo-panelbar-border-style, solid ) !default;
20
20
 
21
21
  /// The width of the border around the PanelBar items.
22
22
  /// @group panelbar
23
- $kendo-panelbar-item-border-width: 0 !default;
23
+ $kendo-panelbar-item-border-width: var( --kendo-panelbar-item-border-width, 0 ) !default;
24
24
  /// The style of the border around the PanelBar items.
25
25
  /// @group panelbar
26
- $kendo-panelbar-item-border-style: solid !default;
26
+ $kendo-panelbar-item-border-style: var( --kendo-panelbar-item-border-style, solid ) !default;
27
27
 
28
28
  /// The spacing around the PanelBar items icon.
29
29
  /// @group panelbar
30
- $kendo-panelbar-icon-spacing: k-spacing(2) !default;
30
+ $kendo-panelbar-icon-spacing: var( --kendo-panelbar-icon-spacing, #{k-spacing(2)} ) !default;
31
31
 
32
32
  /// The horizontal start padding of the PanelBar header.
33
33
  /// @group panelbar
34
- $kendo-panelbar-header-padding-x-start: calc( #{$kendo-panelbar-icon-spacing} * 2 + var( --kendo-icon-size, 1rem ) ) !default;
34
+ $kendo-panelbar-header-padding-x-start: var( --kendo-panelbar-header-padding-x-start, calc( #{$kendo-panelbar-icon-spacing} * 2 + var( --kendo-icon-size, 1rem ) ) ) !default;
35
35
 
36
36
  /// The horizontal end padding of the PanelBar header.
37
37
  /// @group panelbar
38
- $kendo-panelbar-header-padding-x-end: k-spacing(2) !default;
38
+ $kendo-panelbar-header-padding-x-end: var( --kendo-panelbar-header-padding-x-end, #{k-spacing(2)} ) !default;
39
39
  /// The vertical padding of the PanelBar header.
40
40
  /// @group panelbar
41
- $kendo-panelbar-header-padding-y: k-spacing(3) !default;
41
+ $kendo-panelbar-header-padding-y: var( --kendo-panelbar-header-padding-y, #{k-spacing(3)} ) !default;
42
42
 
43
43
  /// The horizontal padding of the PanelBar items.
44
44
  /// @group panelbar
45
- $kendo-panelbar-item-padding-x-start: calc( #{$kendo-panelbar-icon-spacing} * 2 + var( --kendo-icon-size, 1rem ) ) !default;
45
+ $kendo-panelbar-item-padding-x-start: var( --kendo-panelbar-item-padding-x-start, calc( #{$kendo-panelbar-icon-spacing} * 2 + var( --kendo-icon-size, 1rem ) ) ) !default;
46
46
 
47
47
  /// The horizontal end padding of the PanelBar items.
48
48
  /// @group panelbar
49
- $kendo-panelbar-item-padding-x-end: k-spacing(2) !default;
49
+ $kendo-panelbar-item-padding-x-end: var( --kendo-panelbar-item-padding-x-end, #{k-spacing(2)} ) !default;
50
50
  /// The vertical padding of the PanelBar items.
51
51
  /// @group panelbar
52
- $kendo-panelbar-item-padding-y: k-spacing(3) !default;
52
+ $kendo-panelbar-item-padding-y: var( --kendo-panelbar-item-padding-y, #{k-spacing(3)} ) !default;
53
53
 
54
54
  /// The maximum nesting of the PanelBar items.
55
55
  /// @group panelbar
@@ -57,179 +57,245 @@ $kendo-panelbar-item-level-count: 4 !default;
57
57
 
58
58
  /// The background color of the PanelBar.
59
59
  /// @group panelbar
60
- $kendo-panelbar-bg: k-color(surface-alt) !default;
60
+ $kendo-panelbar-bg: var( --kendo-panelbar-bg, #{k-color(surface-alt)} ) !default;
61
61
  /// The text color of the PanelBar.
62
62
  /// @group panelbar
63
- $kendo-panelbar-text: k-color(on-app-surface) !default;
63
+ $kendo-panelbar-text: var( --kendo-panelbar-text, #{k-color(on-app-surface)} ) !default;
64
64
  /// The border color of the PanelBar.
65
65
  /// @group panelbar
66
- $kendo-panelbar-border: color-mix(in srgb, k-color(border) 16%, transparent) !default;
66
+ $kendo-panelbar-border: var( --kendo-panelbar-border, #{color-mix(in srgb, k-color(border) 16%, transparent)} ) !default;
67
67
 
68
68
  /// The background color of the PanelBar header.
69
69
  /// @group panelbar
70
- $kendo-panelbar-header-bg: var( --kendo-panelbar-bg, #{$kendo-panelbar-bg} ) !default;
70
+ $kendo-panelbar-header-bg: var( --kendo-panelbar-header-bg, #{$kendo-panelbar-bg} ) !default;
71
71
  /// The text color of the PanelBar header.
72
72
  /// @group panelbar
73
- $kendo-panelbar-header-text: var( --kendo-panelbar-text, #{$kendo-panelbar-text} ) !default;
73
+ $kendo-panelbar-header-text: var( --kendo-panelbar-header-text, #{$kendo-panelbar-text} ) !default;
74
74
  /// The border color of the PanelBar header.
75
75
  /// @group panelbar
76
- $kendo-panelbar-header-border: inherit !default;
76
+ $kendo-panelbar-header-border: var( --kendo-panelbar-header-border, inherit ) !default;
77
77
 
78
78
  /// The background color of the hovered PanelBar header.
79
79
  /// @group panelbar
80
- $kendo-panelbar-header-hover-bg: k-color(base-hover) !default;
80
+ $kendo-panelbar-header-hover-bg: var( --kendo-panelbar-header-hover-bg, #{k-color(base-hover)} ) !default;
81
81
  /// The text color of the hovered PanelBar header.
82
82
  /// @group panelbar
83
- $kendo-panelbar-header-hover-text: k-color(primary-hover) !default;
83
+ $kendo-panelbar-header-hover-text: var( --kendo-panelbar-header-hover-text, #{k-color(primary-hover)} ) !default;
84
84
  /// The border color of the hovered PanelBar header.
85
85
  /// @group panelbar
86
- $kendo-panelbar-header-hover-border: inherit !default;
86
+ $kendo-panelbar-header-hover-border: var( --kendo-panelbar-header-hover-border, inherit ) !default;
87
87
 
88
88
  /// The background color of the focused PanelBar header.
89
89
  /// @group panelbar
90
- $kendo-panelbar-header-focus-bg: inherit !default;
90
+ $kendo-panelbar-header-focus-bg: var( --kendo-panelbar-header-focus-bg, inherit ) !default;
91
91
  /// The text color of the focused PanelBar header.
92
92
  /// @group panelbar
93
- $kendo-panelbar-header-focus-text: inherit !default;
93
+ $kendo-panelbar-header-focus-text: var( --kendo-panelbar-header-focus-text, inherit ) !default;
94
94
  /// The border color of the focused PanelBar header.
95
95
  /// @group panelbar
96
- $kendo-panelbar-header-focus-border: inherit !default;
96
+ $kendo-panelbar-header-focus-border: var( --kendo-panelbar-header-focus-border, inherit ) !default;
97
97
  /// The shadow of the focused PanelBar header.
98
98
  /// @group panelbar
99
- $kendo-panelbar-header-focus-shadow: $kendo-list-item-focus-shadow !default;
99
+ $kendo-panelbar-header-focus-shadow: var( --kendo-panelbar-header-focus-shadow, #{$kendo-list-item-focus-shadow} ) !default;
100
100
 
101
101
  /// The background color of the focused and hovered PanelBar header.
102
102
  /// @group panelbar
103
- $kendo-panelbar-header-hover-focus-bg: $kendo-panelbar-header-hover-bg !default;
103
+ $kendo-panelbar-header-hover-focus-bg: var( --kendo-panelbar-header-hover-focus-bg, #{$kendo-panelbar-header-hover-bg} ) !default;
104
104
  /// The text color of the focused and hovered PanelBar header.
105
105
  /// @group panelbar
106
- $kendo-panelbar-header-hover-focus-text: $kendo-panelbar-header-hover-text !default;
106
+ $kendo-panelbar-header-hover-focus-text: var( --kendo-panelbar-header-hover-focus-text, #{$kendo-panelbar-header-hover-text} ) !default;
107
107
  /// The border color of the focused and hovered PanelBar header.
108
108
  /// @group panelbar
109
- $kendo-panelbar-header-hover-focus-border: null !default;
109
+ $kendo-panelbar-header-hover-focus-border: var( --kendo-panelbar-header-hover-focus-border, null ) !default;
110
110
 
111
111
  /// The background color of the selected PanelBar header.
112
112
  /// @group panelbar
113
- $kendo-panelbar-header-selected-bg: k-color(base-active) !default;
113
+ $kendo-panelbar-header-selected-bg: var( --kendo-panelbar-header-selected-bg, #{k-color(base-active)} ) !default;
114
114
  /// The text color of the selected PanelBar header.
115
115
  /// @group panelbar
116
- $kendo-panelbar-header-selected-text: k-color(on-app-surface) !default;
116
+ $kendo-panelbar-header-selected-text: var( --kendo-panelbar-header-selected-text, #{k-color(on-app-surface)} ) !default;
117
117
  /// The border color of the selected PanelBar header.
118
118
  /// @group panelbar
119
- $kendo-panelbar-header-selected-border: inherit !default;
119
+ $kendo-panelbar-header-selected-border: var( --kendo-panelbar-header-selected-border, inherit ) !default;
120
120
  /// The color of the marker of the selected PanelBar header.
121
121
  /// @group panelbar
122
- $kendo-panelbar-selected-marker: k-color(primary) !default;
122
+ $kendo-panelbar-selected-marker: var( --kendo-panelbar-selected-marker, #{k-color(primary)} ) !default;
123
123
 
124
124
  /// The background color of the selected and hovered PanelBar header.
125
125
  /// @group panelbar
126
- $kendo-panelbar-header-selected-hover-bg: $kendo-panelbar-header-selected-bg !default;
126
+ $kendo-panelbar-header-selected-hover-bg: var( --kendo-panelbar-header-selected-hover-bg, #{$kendo-panelbar-header-selected-bg} ) !default;
127
127
  /// The text color of the selected and hovered PanelBar header.
128
128
  /// @group panelbar
129
- $kendo-panelbar-header-selected-hover-text: $kendo-panelbar-header-hover-text !default;
129
+ $kendo-panelbar-header-selected-hover-text: var( --kendo-panelbar-header-selected-hover-text, #{$kendo-panelbar-header-hover-text} ) !default;
130
130
  /// The border color of the selected and hovered PanelBar header.
131
131
  /// @group panelbar
132
- $kendo-panelbar-header-selected-hover-border: inherit !default;
132
+ $kendo-panelbar-header-selected-hover-border: var( --kendo-panelbar-header-selected-hover-border, inherit ) !default;
133
133
 
134
134
  /// The background color of the selected and focused PanelBar header.
135
135
  /// @group panelbar
136
- $kendo-panelbar-header-selected-focus-bg: $kendo-panelbar-header-selected-bg !default;
136
+ $kendo-panelbar-header-selected-focus-bg: var( --kendo-panelbar-header-selected-focus-bg, #{$kendo-panelbar-header-selected-bg} ) !default;
137
137
  /// The text color of the selected and focused PanelBar header.
138
138
  /// @group panelbar
139
- $kendo-panelbar-header-selected-focus-text: $kendo-panelbar-header-selected-text !default;
139
+ $kendo-panelbar-header-selected-focus-text: var( --kendo-panelbar-header-selected-focus-text, #{$kendo-panelbar-header-selected-text} ) !default;
140
140
  /// The border color of the selected and focused PanelBar header.
141
141
  /// @group panelbar
142
- $kendo-panelbar-header-selected-focus-border: inherit !default;
142
+ $kendo-panelbar-header-selected-focus-border: var( --kendo-panelbar-header-selected-focus-border, inherit ) !default;
143
143
 
144
144
  /// The background color of the selected, hovered and focused PanelBar header.
145
145
  /// @group panelbar
146
- $kendo-panelbar-header-selected-hover-focus-bg: $kendo-panelbar-header-selected-hover-bg !default;
146
+ $kendo-panelbar-header-selected-hover-focus-bg: var( --kendo-panelbar-header-selected-hover-focus-bg, #{$kendo-panelbar-header-selected-hover-bg} ) !default;
147
147
  /// The text color of the selected, hovered and focused PanelBar header.
148
148
  /// @group panelbar
149
- $kendo-panelbar-header-selected-hover-focus-text: $kendo-panelbar-header-selected-hover-text !default;
149
+ $kendo-panelbar-header-selected-hover-focus-text: var( --kendo-panelbar-header-selected-hover-focus-text, #{$kendo-panelbar-header-selected-hover-text} ) !default;
150
150
  /// The border color of the selected, hovered and focused PanelBar header.
151
151
  /// @group panelbar
152
- $kendo-panelbar-header-selected-hover-focus-border: inherit !default;
152
+ $kendo-panelbar-header-selected-hover-focus-border: var( --kendo-panelbar-header-selected-hover-focus-border, inherit ) !default;
153
153
 
154
154
  /// The background color of the expanded PanelBar header.
155
155
  /// @group panelbar
156
- $kendo-panelbar-header-expanded-bg: inherit !default;
156
+ $kendo-panelbar-header-expanded-bg: var( --kendo-panelbar-header-expanded-bg, inherit ) !default;
157
157
  /// The text color of the expanded PanelBar header.
158
158
  /// @group panelbar
159
- $kendo-panelbar-header-expanded-text: inherit !default;
159
+ $kendo-panelbar-header-expanded-text: var( --kendo-panelbar-header-expanded-text, inherit ) !default;
160
160
  /// The border color of the expanded PanelBar header.
161
161
  /// @group panelbar
162
- $kendo-panelbar-header-expanded-border: inherit !default;
162
+ $kendo-panelbar-header-expanded-border: var( --kendo-panelbar-header-expanded-border, inherit ) !default;
163
163
 
164
164
  /// The background color of the hovered PanelBar items.
165
165
  /// @group panelbar
166
- $kendo-panelbar-item-hover-bg: k-color(base-hover) !default;
166
+ $kendo-panelbar-item-hover-bg: var( --kendo-panelbar-item-hover-bg, #{k-color(base-hover)} ) !default;
167
167
  /// The text color of the hovered PanelBar items.
168
168
  /// @group panelbar
169
- $kendo-panelbar-item-hover-text: k-color(primary-hover) !default;
169
+ $kendo-panelbar-item-hover-text: var( --kendo-panelbar-item-hover-text, #{k-color(primary-hover)} ) !default;
170
170
  /// The border color of the hovered PanelBar items.
171
171
  /// @group panelbar
172
- $kendo-panelbar-item-hover-border: inherit !default;
172
+ $kendo-panelbar-item-hover-border: var( --kendo-panelbar-item-hover-border, inherit ) !default;
173
173
 
174
174
  /// The background color of the focused PanelBar items.
175
175
  /// @group panelbar
176
- $kendo-panelbar-item-focus-bg: inherit !default;
176
+ $kendo-panelbar-item-focus-bg: var( --kendo-panelbar-item-focus-bg, inherit ) !default;
177
177
  /// The text color of the focused PanelBar items.
178
178
  /// @group panelbar
179
- $kendo-panelbar-item-focus-text: inherit !default;
179
+ $kendo-panelbar-item-focus-text: var( --kendo-panelbar-item-focus-text, inherit ) !default;
180
180
  /// The border color of the focused PanelBar items.
181
181
  /// @group panelbar
182
- $kendo-panelbar-item-focus-border: inherit !default;
182
+ $kendo-panelbar-item-focus-border: var( --kendo-panelbar-item-focus-border, inherit ) !default;
183
183
  /// The box shadow of the focused PanelBar items.
184
184
  /// @group panelbar
185
- $kendo-panelbar-item-focus-shadow: $kendo-list-item-focus-shadow !default;
185
+ $kendo-panelbar-item-focus-shadow: var( --kendo-panelbar-item-focus-shadow, #{$kendo-list-item-focus-shadow} ) !default;
186
186
 
187
187
  /// The background color of the focused and hovered PanelBar items.
188
188
  /// @group panelbar
189
- $kendo-panelbar-item-hover-focus-bg: $kendo-panelbar-item-hover-bg !default;
189
+ $kendo-panelbar-item-hover-focus-bg: var( --kendo-panelbar-item-hover-focus-bg, #{$kendo-panelbar-item-hover-bg} ) !default;
190
190
  /// The text color of the focused and hovered PanelBar items.
191
191
  /// @group panelbar
192
- $kendo-panelbar-item-hover-focus-text: $kendo-panelbar-item-hover-text !default;
192
+ $kendo-panelbar-item-hover-focus-text: var( --kendo-panelbar-item-hover-focus-text, #{$kendo-panelbar-item-hover-text} ) !default;
193
193
  /// The border color of the focused and hovered PanelBar items.
194
194
  /// @group panelbar
195
- $kendo-panelbar-item-hover-focus-border: inherit !default;
195
+ $kendo-panelbar-item-hover-focus-border: var( --kendo-panelbar-item-hover-focus-border, inherit ) !default;
196
196
 
197
197
  /// The background color of the selected PanelBar items.
198
198
  /// @group panelbar
199
- $kendo-panelbar-item-selected-bg: k-color(base-active) !default;
199
+ $kendo-panelbar-item-selected-bg: var( --kendo-panelbar-item-selected-bg, #{k-color(base-active)} ) !default;
200
200
  /// The text color of the selected PanelBar items.
201
201
  /// @group panelbar
202
- $kendo-panelbar-item-selected-text: k-color(on-app-surface) !default;
202
+ $kendo-panelbar-item-selected-text: var( --kendo-panelbar-item-selected-text, #{k-color(on-app-surface)} ) !default;
203
203
  /// The border color of the selected PanelBar items.
204
204
  /// @group panelbar
205
- $kendo-panelbar-item-selected-border: inherit !default;
205
+ $kendo-panelbar-item-selected-border: var( --kendo-panelbar-item-selected-border, inherit ) !default;
206
206
 
207
207
  /// The background color of the selected and hovered PanelBar items.
208
208
  /// @group panelbar
209
- $kendo-panelbar-item-selected-hover-bg: $kendo-panelbar-item-selected-bg !default;
209
+ $kendo-panelbar-item-selected-hover-bg: var( --kendo-panelbar-item-selected-hover-bg, #{$kendo-panelbar-item-selected-bg} ) !default;
210
210
  /// The text color of the selected and hovered PanelBar items.
211
211
  /// @group panelbar
212
- $kendo-panelbar-item-selected-hover-text: $kendo-panelbar-item-hover-text !default;
212
+ $kendo-panelbar-item-selected-hover-text: var( --kendo-panelbar-item-selected-hover-text, #{$kendo-panelbar-item-hover-text} ) !default;
213
213
  /// The border color of the selected and hovered PanelBar items.
214
214
  /// @group panelbar
215
- $kendo-panelbar-item-selected-hover-border: inherit !default;
215
+ $kendo-panelbar-item-selected-hover-border: var( --kendo-panelbar-item-selected-hover-border, inherit ) !default;
216
216
 
217
217
  /// The background color of the selected and focused PanelBar items.
218
218
  /// @group panelbar
219
- $kendo-panelbar-item-selected-focus-bg: $kendo-panelbar-item-selected-bg !default;
219
+ $kendo-panelbar-item-selected-focus-bg: var( --kendo-panelbar-item-selected-focus-bg, #{$kendo-panelbar-item-selected-bg} ) !default;
220
220
  /// The text color of the selected and focused PanelBar items.
221
221
  /// @group panelbar
222
- $kendo-panelbar-item-selected-focus-text: $kendo-panelbar-item-selected-text !default;
222
+ $kendo-panelbar-item-selected-focus-text: var( --kendo-panelbar-item-selected-focus-text, #{$kendo-panelbar-item-selected-text} ) !default;
223
223
  /// The border color of the selected and focused PanelBar items.
224
224
  /// @group panelbar
225
- $kendo-panelbar-item-selected-focus-border: inherit !default;
225
+ $kendo-panelbar-item-selected-focus-border: var( --kendo-panelbar-item-selected-focus-border, inherit ) !default;
226
226
 
227
227
  /// The background color of the selected, hovered and focused PanelBar items.
228
228
  /// @group panelbar
229
- $kendo-panelbar-item-selected-hover-focus-bg: $kendo-panelbar-item-selected-hover-bg !default;
229
+ $kendo-panelbar-item-selected-hover-focus-bg: var( --kendo-panelbar-item-selected-hover-focus-bg, #{$kendo-panelbar-item-selected-hover-bg} ) !default;
230
230
  /// The text color of the selected, hovered and focused PanelBar items.
231
231
  /// @group panelbar
232
- $kendo-panelbar-item-selected-hover-focus-text: $kendo-panelbar-item-selected-hover-text !default;
232
+ $kendo-panelbar-item-selected-hover-focus-text: var( --kendo-panelbar-item-selected-hover-focus-text, #{$kendo-panelbar-item-selected-hover-text} ) !default;
233
233
  /// The border color of the selected, hovered and focused PanelBar items.
234
234
  /// @group panelbar
235
- $kendo-panelbar-item-selected-hover-focus-border: inherit !default;
235
+ $kendo-panelbar-item-selected-hover-focus-border: var( --kendo-panelbar-item-selected-hover-focus-border, inherit ) !default;
236
+
237
+ @forward "@progress/kendo-theme-core/scss/components/panelbar/_variables.scss" with (
238
+ $kendo-panelbar-font-family: $kendo-panelbar-font-family,
239
+ $kendo-panelbar-font-size: $kendo-panelbar-font-size,
240
+ $kendo-panelbar-line-height: $kendo-panelbar-line-height,
241
+ $kendo-panelbar-border-width: $kendo-panelbar-border-width,
242
+ $kendo-panelbar-border-style: $kendo-panelbar-border-style,
243
+ $kendo-panelbar-item-border-width: $kendo-panelbar-item-border-width,
244
+ $kendo-panelbar-item-border-style: $kendo-panelbar-item-border-style,
245
+ $kendo-panelbar-header-padding-y: $kendo-panelbar-header-padding-y,
246
+ $kendo-panelbar-item-padding-y: $kendo-panelbar-item-padding-y,
247
+ $kendo-panelbar-item-level-count: $kendo-panelbar-item-level-count,
248
+ $kendo-panelbar-bg: $kendo-panelbar-bg,
249
+ $kendo-panelbar-text: $kendo-panelbar-text,
250
+ $kendo-panelbar-border: $kendo-panelbar-border,
251
+ $kendo-panelbar-header-bg: $kendo-panelbar-header-bg,
252
+ $kendo-panelbar-header-text: $kendo-panelbar-header-text,
253
+ $kendo-panelbar-header-border: $kendo-panelbar-header-border,
254
+ $kendo-panelbar-header-hover-bg: $kendo-panelbar-header-hover-bg,
255
+ $kendo-panelbar-header-hover-text: $kendo-panelbar-header-hover-text,
256
+ $kendo-panelbar-header-hover-border: $kendo-panelbar-header-hover-border,
257
+ $kendo-panelbar-header-focus-bg: $kendo-panelbar-header-focus-bg,
258
+ $kendo-panelbar-header-focus-text: $kendo-panelbar-header-focus-text,
259
+ $kendo-panelbar-header-focus-border: $kendo-panelbar-header-focus-border,
260
+ $kendo-panelbar-header-focus-shadow: $kendo-panelbar-header-focus-shadow,
261
+ $kendo-panelbar-header-hover-focus-bg: $kendo-panelbar-header-hover-focus-bg,
262
+ $kendo-panelbar-header-hover-focus-text: $kendo-panelbar-header-hover-focus-text,
263
+ $kendo-panelbar-header-hover-focus-border: $kendo-panelbar-header-hover-focus-border,
264
+ $kendo-panelbar-header-selected-bg: $kendo-panelbar-header-selected-bg,
265
+ $kendo-panelbar-header-selected-text: $kendo-panelbar-header-selected-text,
266
+ $kendo-panelbar-header-selected-border: $kendo-panelbar-header-selected-border,
267
+ $kendo-panelbar-header-selected-hover-bg: $kendo-panelbar-header-selected-hover-bg,
268
+ $kendo-panelbar-header-selected-hover-text: $kendo-panelbar-header-selected-hover-text,
269
+ $kendo-panelbar-header-selected-hover-border: $kendo-panelbar-header-selected-hover-border,
270
+ $kendo-panelbar-header-selected-focus-bg: $kendo-panelbar-header-selected-focus-bg,
271
+ $kendo-panelbar-header-selected-focus-text: $kendo-panelbar-header-selected-focus-text,
272
+ $kendo-panelbar-header-selected-focus-border: $kendo-panelbar-header-selected-focus-border,
273
+ $kendo-panelbar-header-selected-hover-focus-bg: $kendo-panelbar-header-selected-hover-focus-bg,
274
+ $kendo-panelbar-header-selected-hover-focus-text: $kendo-panelbar-header-selected-hover-focus-text,
275
+ $kendo-panelbar-header-selected-hover-focus-border: $kendo-panelbar-header-selected-hover-focus-border,
276
+ $kendo-panelbar-header-expanded-bg: $kendo-panelbar-header-expanded-bg,
277
+ $kendo-panelbar-header-expanded-text: $kendo-panelbar-header-expanded-text,
278
+ $kendo-panelbar-header-expanded-border: $kendo-panelbar-header-expanded-border,
279
+ $kendo-panelbar-item-hover-bg: $kendo-panelbar-item-hover-bg,
280
+ $kendo-panelbar-item-hover-text: $kendo-panelbar-item-hover-text,
281
+ $kendo-panelbar-item-hover-border: $kendo-panelbar-item-hover-border,
282
+ $kendo-panelbar-item-focus-bg: $kendo-panelbar-item-focus-bg,
283
+ $kendo-panelbar-item-focus-text: $kendo-panelbar-item-focus-text,
284
+ $kendo-panelbar-item-focus-border: $kendo-panelbar-item-focus-border,
285
+ $kendo-panelbar-item-focus-shadow: $kendo-panelbar-item-focus-shadow,
286
+ $kendo-panelbar-item-hover-focus-bg: $kendo-panelbar-item-hover-focus-bg,
287
+ $kendo-panelbar-item-hover-focus-text: $kendo-panelbar-item-hover-focus-text,
288
+ $kendo-panelbar-item-hover-focus-border: $kendo-panelbar-item-hover-focus-border,
289
+ $kendo-panelbar-item-selected-bg: $kendo-panelbar-item-selected-bg,
290
+ $kendo-panelbar-item-selected-text: $kendo-panelbar-item-selected-text,
291
+ $kendo-panelbar-item-selected-border: $kendo-panelbar-item-selected-border,
292
+ $kendo-panelbar-item-selected-hover-bg: $kendo-panelbar-item-selected-hover-bg,
293
+ $kendo-panelbar-item-selected-hover-text: $kendo-panelbar-item-selected-hover-text,
294
+ $kendo-panelbar-item-selected-hover-border: $kendo-panelbar-item-selected-hover-border,
295
+ $kendo-panelbar-item-selected-focus-bg: $kendo-panelbar-item-selected-focus-bg,
296
+ $kendo-panelbar-item-selected-focus-text: $kendo-panelbar-item-selected-focus-text,
297
+ $kendo-panelbar-item-selected-focus-border: $kendo-panelbar-item-selected-focus-border,
298
+ $kendo-panelbar-item-selected-hover-focus-bg: $kendo-panelbar-item-selected-hover-focus-bg,
299
+ $kendo-panelbar-item-selected-hover-focus-text: $kendo-panelbar-item-selected-hover-focus-text,
300
+ $kendo-panelbar-item-selected-hover-focus-border: $kendo-panelbar-item-selected-hover-focus-border
301
+ );