@patternfly/patternfly 6.0.0-alpha.99 → 6.0.0-prerelease.10

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 (501) hide show
  1. package/README.md +1 -2
  2. package/assets/fontawesome/_animated.scss +1 -0
  3. package/assets/fontawesome/_bordered-pulled.scss +1 -0
  4. package/assets/fontawesome/_fixed-width.scss +3 -1
  5. package/assets/fontawesome/_icons.scss +1333 -1330
  6. package/assets/fontawesome/_index.scss +11 -0
  7. package/assets/fontawesome/_larger.scss +4 -2
  8. package/assets/fontawesome/_list.scss +4 -2
  9. package/assets/fontawesome/_rotated-flipped.scss +2 -0
  10. package/assets/fontawesome/_screen-reader.scss +1 -0
  11. package/assets/fontawesome/_stacked.scss +3 -1
  12. package/assets/fontawesome/_variables.scss +4 -4
  13. package/assets/fontawesome/fontawesome.scss +12 -12
  14. package/assets/icons/iconUnicodes.json +6 -0
  15. package/assets/images/img_avatar-dark.svg +22 -16
  16. package/assets/images/img_avatar-light.svg +25 -18
  17. package/assets/images/pf-background.svg +21 -21
  18. package/assets/images/pf_logo.svg +11 -11
  19. package/assets/images/pf_logo_white.svg +16 -17
  20. package/assets/pficon/pf-v6-pficon.woff2 +0 -0
  21. package/assets/pficon/pficon.scss +310 -271
  22. package/base/_index.scss +10 -0
  23. package/base/{_globals.scss → normalize.scss} +15 -48
  24. package/base/patternfly-common.css +14 -0
  25. package/base/patternfly-common.scss +69 -2
  26. package/base/patternfly-fa-icons.css +2787 -1420
  27. package/base/patternfly-fa-icons.scss +53 -2
  28. package/base/patternfly-fonts.css +10 -80
  29. package/base/patternfly-fonts.scss +49 -2
  30. package/base/patternfly-pf-icons.css +158 -134
  31. package/base/patternfly-pf-icons.scss +1 -2
  32. package/base/patternfly-svg-icons.css +5 -0
  33. package/base/{_svg-icons.scss → patternfly-svg-icons.scss} +2 -0
  34. package/base/patternfly-variables.css +1094 -1206
  35. package/base/patternfly-variables.scss +20 -2
  36. package/base/reset.scss +33 -0
  37. package/base/tokens/_index.scss +6 -0
  38. package/base/tokens/tokens-charts-dark.scss +173 -0
  39. package/base/tokens/{_tokens-charts.scss → tokens-charts.scss} +162 -148
  40. package/base/tokens/{_tokens-dark.scss → tokens-dark.scss} +310 -294
  41. package/base/tokens/{_tokens-default.scss → tokens-default.scss} +580 -447
  42. package/base/tokens/{_tokens-font.scss → tokens-local.scss} +16 -34
  43. package/base/tokens/{_tokens-palette.scss → tokens-palette.scss} +69 -70
  44. package/components/AboutModalBox/about-modal-box.css +86 -81
  45. package/components/AboutModalBox/about-modal-box.scss +80 -82
  46. package/components/Accordion/accordion.css +46 -45
  47. package/components/Accordion/accordion.scss +56 -55
  48. package/components/ActionList/action-list.css +6 -5
  49. package/components/ActionList/action-list.scss +7 -5
  50. package/components/Alert/alert-group.css +72 -19
  51. package/components/Alert/alert-group.scss +105 -18
  52. package/components/Alert/alert.css +52 -59
  53. package/components/Alert/alert.scss +56 -65
  54. package/components/Avatar/avatar.css +42 -41
  55. package/components/Avatar/avatar.scss +8 -7
  56. package/components/BackToTop/back-to-top.css +19 -17
  57. package/components/BackToTop/back-to-top.scss +17 -17
  58. package/components/Backdrop/backdrop.css +1 -1
  59. package/components/Backdrop/backdrop.scss +3 -4
  60. package/components/BackgroundImage/background-image.scss +3 -4
  61. package/components/Badge/badge.css +29 -7
  62. package/components/Badge/badge.scss +33 -9
  63. package/components/Banner/banner.css +30 -37
  64. package/components/Banner/banner.scss +30 -43
  65. package/components/Brand/brand.css +14 -10
  66. package/components/Brand/brand.scss +8 -5
  67. package/components/Breadcrumb/breadcrumb.css +23 -24
  68. package/components/Breadcrumb/breadcrumb.scss +25 -28
  69. package/components/Button/button.css +152 -130
  70. package/components/Button/button.scss +157 -133
  71. package/components/CalendarMonth/calendar-month.css +47 -47
  72. package/components/CalendarMonth/calendar-month.scss +50 -51
  73. package/components/Card/card.css +111 -94
  74. package/components/Card/card.scss +119 -93
  75. package/components/Check/check.css +6 -6
  76. package/components/Check/check.scss +8 -9
  77. package/components/ClipboardCopy/clipboard-copy.css +34 -45
  78. package/components/ClipboardCopy/clipboard-copy.scss +36 -49
  79. package/components/CodeBlock/code-block.css +21 -20
  80. package/components/CodeBlock/code-block.scss +21 -21
  81. package/components/CodeEditor/code-editor.css +36 -35
  82. package/components/CodeEditor/code-editor.scss +36 -36
  83. package/components/Content/content.css +167 -153
  84. package/components/Content/content.scss +204 -145
  85. package/components/DataList/data-list-grid.css +117 -117
  86. package/components/DataList/data-list-grid.scss +22 -20
  87. package/components/DataList/data-list.css +308 -312
  88. package/components/DataList/data-list.scss +145 -152
  89. package/components/DatePicker/date-picker.css +17 -17
  90. package/components/DatePicker/date-picker.scss +17 -18
  91. package/components/DescriptionList/description-list-order.css +5 -5
  92. package/components/DescriptionList/description-list-order.scss +3 -1
  93. package/components/DescriptionList/description-list.css +52 -50
  94. package/components/DescriptionList/description-list.scss +32 -37
  95. package/components/Divider/divider.css +104 -107
  96. package/components/Divider/divider.scss +19 -19
  97. package/components/DragDrop/drag-drop.css +4 -2
  98. package/components/DragDrop/drag-drop.scss +3 -3
  99. package/components/Drawer/drawer.css +119 -114
  100. package/components/Drawer/drawer.scss +139 -134
  101. package/components/DualListSelector/dual-list-selector.css +65 -62
  102. package/components/DualListSelector/dual-list-selector.scss +55 -52
  103. package/components/EmptyState/empty-state.css +38 -37
  104. package/components/EmptyState/empty-state.scss +39 -39
  105. package/components/ExpandableSection/expandable-section.css +27 -86
  106. package/components/ExpandableSection/expandable-section.scss +32 -101
  107. package/components/FileUpload/file-upload.css +3 -3
  108. package/components/FileUpload/file-upload.scss +3 -4
  109. package/components/Form/form.css +177 -125
  110. package/components/Form/form.scss +121 -115
  111. package/components/FormControl/form-control.css +68 -64
  112. package/components/FormControl/form-control.scss +80 -74
  113. package/components/HelperText/helper-text.css +5 -4
  114. package/components/HelperText/helper-text.scss +8 -6
  115. package/components/Hint/hint.css +25 -25
  116. package/components/Hint/hint.scss +25 -27
  117. package/components/Icon/icon.css +10 -10
  118. package/components/Icon/icon.scss +11 -12
  119. package/components/InlineEdit/inline-edit.css +12 -12
  120. package/components/InlineEdit/inline-edit.scss +12 -13
  121. package/components/InputGroup/input-group.css +17 -17
  122. package/components/InputGroup/input-group.scss +19 -20
  123. package/components/JumpLinks/jump-links.css +80 -96
  124. package/components/JumpLinks/jump-links.scss +80 -100
  125. package/components/Label/label-group.css +28 -28
  126. package/components/Label/label-group.scss +29 -30
  127. package/components/Label/label.css +103 -88
  128. package/components/Label/label.scss +114 -95
  129. package/components/List/list.css +44 -47
  130. package/components/List/list.scss +51 -58
  131. package/components/Login/login.css +122 -118
  132. package/components/Login/login.scss +105 -112
  133. package/components/Masthead/masthead.css +273 -175
  134. package/components/Masthead/masthead.scss +102 -68
  135. package/components/Menu/menu.css +151 -95
  136. package/components/Menu/menu.scss +59 -40
  137. package/components/MenuToggle/menu-toggle.css +131 -110
  138. package/components/MenuToggle/menu-toggle.scss +152 -130
  139. package/components/ModalBox/modal-box.css +53 -45
  140. package/components/ModalBox/modal-box.scss +52 -46
  141. package/components/MultipleFileUpload/multiple-file-upload.css +37 -37
  142. package/components/MultipleFileUpload/multiple-file-upload.scss +38 -39
  143. package/components/Nav/nav.css +33 -9
  144. package/components/Nav/nav.scss +46 -13
  145. package/components/NotificationDrawer/notification-drawer.css +50 -51
  146. package/components/NotificationDrawer/notification-drawer.scss +58 -57
  147. package/components/NumberInput/number-input.css +7 -11
  148. package/components/NumberInput/number-input.scss +5 -7
  149. package/components/OverflowMenu/overflow-menu.css +2 -1
  150. package/components/OverflowMenu/overflow-menu.scss +3 -1
  151. package/components/Page/page.css +177 -517
  152. package/components/Page/page.scss +157 -384
  153. package/components/Pagination/pagination.css +82 -79
  154. package/components/Pagination/pagination.scss +43 -40
  155. package/components/Panel/panel.css +33 -30
  156. package/components/Panel/panel.scss +35 -33
  157. package/components/Popover/popover.css +54 -52
  158. package/components/Popover/popover.scss +55 -54
  159. package/components/Progress/progress.css +8 -4
  160. package/components/Progress/progress.scss +14 -11
  161. package/components/ProgressStepper/progress-stepper.css +246 -245
  162. package/components/ProgressStepper/progress-stepper.scss +118 -118
  163. package/components/Radio/radio.css +9 -9
  164. package/components/Radio/radio.scss +11 -12
  165. package/components/Sidebar/sidebar.css +139 -139
  166. package/components/Sidebar/sidebar.scss +61 -61
  167. package/components/SimpleList/simple-list.css +21 -20
  168. package/components/SimpleList/simple-list.scss +22 -23
  169. package/components/Skeleton/skeleton.css +4 -4
  170. package/components/Skeleton/skeleton.scss +7 -8
  171. package/components/SkipToContent/skip-to-content.css +7 -6
  172. package/components/SkipToContent/skip-to-content.scss +7 -7
  173. package/components/Slider/slider.css +31 -31
  174. package/components/Slider/slider.scss +54 -55
  175. package/components/Spinner/spinner.scss +4 -5
  176. package/components/Switch/switch.css +4 -10
  177. package/components/Switch/switch.scss +8 -17
  178. package/components/TabContent/tab-content.css +25 -25
  179. package/components/TabContent/tab-content.scss +28 -28
  180. package/components/Table/table-grid.css +434 -508
  181. package/components/Table/table-grid.scss +131 -150
  182. package/components/Table/table-scrollable.css +31 -34
  183. package/components/Table/table-scrollable.scss +44 -41
  184. package/components/Table/table-tree-view.css +287 -279
  185. package/components/Table/table-tree-view.scss +84 -84
  186. package/components/Table/table.css +316 -279
  187. package/components/Table/table.scss +346 -301
  188. package/components/Tabs/tabs.css +215 -240
  189. package/components/Tabs/tabs.scss +130 -162
  190. package/components/TextInputGroup/text-input-group.css +122 -64
  191. package/components/TextInputGroup/text-input-group.scss +144 -87
  192. package/components/Tile/tile.css +15 -15
  193. package/components/Tile/tile.scss +16 -17
  194. package/components/Timestamp/timestamp.css +13 -19
  195. package/components/Timestamp/timestamp.scss +16 -22
  196. package/components/Title/title.css +14 -13
  197. package/components/Title/title.scss +15 -15
  198. package/components/ToggleGroup/toggle-group.css +37 -37
  199. package/components/ToggleGroup/toggle-group.scss +38 -41
  200. package/components/Toolbar/toolbar.css +547 -1431
  201. package/components/Toolbar/toolbar.scss +159 -123
  202. package/components/Tooltip/tooltip.css +28 -27
  203. package/components/Tooltip/tooltip.scss +31 -30
  204. package/components/TreeView/tree-view.css +184 -184
  205. package/components/TreeView/tree-view.scss +133 -133
  206. package/components/Truncate/truncate.css +2 -2
  207. package/components/Truncate/truncate.scss +7 -8
  208. package/components/Wizard/wizard.css +190 -154
  209. package/components/Wizard/wizard.scss +211 -165
  210. package/components/_index.css +22381 -0
  211. package/components/_index.scss +82 -0
  212. package/docs/components/AboutModalBox/examples/AboutModalBox.md +3 -1
  213. package/docs/components/Accordion/examples/Accordion.md +1 -1
  214. package/docs/components/ActionList/examples/ActionList.md +64 -24
  215. package/docs/components/Alert/examples/Alert.md +116 -74
  216. package/docs/components/BackToTop/examples/BackToTop.md +1 -1
  217. package/docs/components/Badge/examples/Badge.md +6 -16
  218. package/docs/components/Banner/examples/Banner.md +16 -10
  219. package/docs/components/Brand/examples/Brand.md +2 -2
  220. package/docs/components/Breadcrumb/examples/Breadcrumb.md +19 -59
  221. package/docs/components/Button/examples/Button.md +537 -368
  222. package/docs/components/CalendarMonth/examples/CalendarMonth.md +24 -8
  223. package/docs/components/Card/examples/Card.md +372 -658
  224. package/docs/components/Check/examples/Check.md +10 -15
  225. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +92 -47
  226. package/docs/components/CodeBlock/examples/CodeBlock.md +51 -28
  227. package/docs/components/CodeEditor/examples/CodeEditor.md +41 -22
  228. package/docs/components/Content/examples/Content.md +600 -60
  229. package/docs/components/DataList/examples/DataList.md +291 -1028
  230. package/docs/components/DatePicker/examples/DatePicker.md +18 -6
  231. package/docs/components/DescriptionList/examples/DescriptionList.md +80 -55
  232. package/docs/components/Drawer/examples/Drawer.md +60 -21
  233. package/docs/components/DualListSelector/examples/DualListSelector.md +364 -996
  234. package/docs/components/EmptyState/examples/EmptyState.md +123 -53
  235. package/docs/components/ExpandableSection/examples/ExpandableSection.md +96 -91
  236. package/docs/components/FileUpload/examples/FileUpload.md +42 -14
  237. package/docs/components/Form/examples/Form.md +100 -26
  238. package/docs/components/Hint/examples/Hint.md +54 -164
  239. package/docs/components/InlineEdit/examples/InlineEdit.md +132 -45
  240. package/docs/components/InputGroup/examples/InputGroup.md +38 -62
  241. package/docs/components/JumpLinks/examples/JumpLinks.md +189 -72
  242. package/docs/components/Label/examples/Label.md +2577 -406
  243. package/docs/components/Login/examples/Login.md +372 -334
  244. package/docs/components/Masthead/examples/masthead.md +515 -484
  245. package/docs/components/Menu/examples/Menu.md +77 -138
  246. package/docs/components/MenuToggle/examples/MenuToggle.md +289 -39
  247. package/docs/components/ModalBox/examples/ModalBox.md +158 -100
  248. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +137 -97
  249. package/docs/components/Nav/examples/Navigation.css +2 -7
  250. package/docs/components/Nav/examples/Navigation.md +337 -270
  251. package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +515 -2076
  252. package/docs/components/NumberInput/examples/NumberInput.md +96 -48
  253. package/docs/components/OverflowMenu/examples/overflow-menu.css +4 -28
  254. package/docs/components/OverflowMenu/examples/overflow-menu.md +104 -159
  255. package/docs/components/Page/examples/Page.css +5 -9
  256. package/docs/components/Page/examples/Page.md +254 -181
  257. package/docs/components/Pagination/examples/Pagination.md +336 -756
  258. package/docs/components/Panel/examples/Panel.md +3 -2
  259. package/docs/components/Popover/examples/Popover.md +60 -15
  260. package/docs/components/ProgressStepper/examples/ProgressStepper.md +15 -15
  261. package/docs/components/Sidebar/examples/Sidebar.css +4 -2
  262. package/docs/components/Sidebar/examples/Sidebar.md +3 -3
  263. package/docs/components/Skeleton/examples/Skeleton.css +1 -1
  264. package/docs/components/SkipToContent/examples/SkipToContent.md +3 -1
  265. package/docs/components/Slider/examples/Slider.md +53 -45
  266. package/docs/components/Spinner/examples/Spinner.md +1 -1
  267. package/docs/components/Switch/examples/Switch.md +33 -148
  268. package/docs/components/Table/examples/Table.css +11 -6
  269. package/docs/components/Table/examples/Table.md +5302 -2464
  270. package/docs/components/Tabs/examples/Tabs.md +1267 -607
  271. package/docs/components/TextInputGroup/examples/TextInputGroup.css +8 -3
  272. package/docs/components/TextInputGroup/examples/TextInputGroup.md +469 -278
  273. package/docs/components/Tile/examples/Tile.css +5 -5
  274. package/docs/components/Timestamp/examples/Timestamp.md +7 -1
  275. package/docs/components/ToggleGroup/examples/toggle-group.md +1 -3
  276. package/docs/components/Toolbar/examples/Toolbar.css +50 -39
  277. package/docs/components/Toolbar/examples/Toolbar.md +1562 -1200
  278. package/docs/components/Tooltip/examples/Tooltip.css +1 -1
  279. package/docs/components/TreeView/examples/TreeView.md +627 -49
  280. package/docs/components/Truncate/examples/Truncate.css +1 -2
  281. package/docs/components/Wizard/examples/Wizard.md +1595 -126
  282. package/docs/demos/AboutModal/examples/AboutModal.md +191 -198
  283. package/docs/demos/Alert/examples/Alert.md +924 -909
  284. package/docs/demos/BackToTop/examples/BackToTop.md +318 -327
  285. package/docs/demos/Banner/examples/Banner.md +641 -659
  286. package/docs/demos/Button/examples/Button.md +8 -8
  287. package/docs/demos/Card/examples/Card.css +6 -6
  288. package/docs/demos/Card/examples/Card.md +419 -606
  289. package/docs/demos/CardView/examples/CardView.md +822 -1435
  290. package/docs/demos/Dashboard/examples/Dashboard.md +1308 -1442
  291. package/docs/demos/DataList/examples/DataList.md +3210 -3424
  292. package/docs/demos/DescriptionList/examples/DescriptionList.md +899 -937
  293. package/docs/demos/Drawer/examples/Drawer.md +1165 -1176
  294. package/docs/demos/Form/examples/BasicForms.md +153 -88
  295. package/docs/demos/JumpLinks/examples/JumpLinks.md +1710 -1602
  296. package/docs/demos/Masthead/examples/Masthead.md +1719 -1583
  297. package/docs/demos/Modal/examples/Modal.md +1231 -1235
  298. package/docs/demos/Nav/examples/Nav.md +1216 -1230
  299. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +1910 -4577
  300. package/docs/demos/Page/examples/Page.css +11 -0
  301. package/docs/demos/Page/examples/Page.md +3753 -2540
  302. package/docs/demos/Panel/Panel.md +88 -0
  303. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +9 -3
  304. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +16 -48
  305. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +5150 -6255
  306. package/docs/demos/Skeleton/examples/Skeleton.md +297 -304
  307. package/docs/demos/Table/examples/Table.md +14272 -15154
  308. package/docs/demos/Tabs/examples/Tabs.md +2821 -2891
  309. package/docs/demos/Toolbar/examples/Toolbar.css +10 -18
  310. package/docs/demos/Toolbar/examples/Toolbar.md +2487 -2663
  311. package/docs/demos/Wizard/examples/Wizard.md +3021 -2784
  312. package/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
  313. package/docs/layouts/Flex/examples/Flex.css +4 -4
  314. package/docs/layouts/Flex/examples/Flex.md +50 -50
  315. package/docs/layouts/Gallery/examples/Gallery.css +4 -4
  316. package/docs/layouts/Gallery/examples/Gallery.md +6 -6
  317. package/docs/layouts/Grid/examples/Grid.css +3 -3
  318. package/docs/layouts/Grid/examples/Grid.md +33 -33
  319. package/docs/layouts/Level/examples/Level.css +5 -5
  320. package/docs/layouts/Split/examples/Split.css +4 -4
  321. package/docs/layouts/Stack/examples/Stack.css +5 -5
  322. package/docs/utilities/Accessibility/examples/Accessibility.md +2 -2
  323. package/docs/utilities/Alignment/examples/Alignment.css +6 -6
  324. package/docs/utilities/Alignment/examples/Alignment.md +5 -5
  325. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +7 -67
  326. package/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  327. package/docs/utilities/BoxShadow/examples/box-shadow.md +15 -38
  328. package/docs/utilities/Display/examples/Display.css +3 -10
  329. package/docs/utilities/Display/examples/Display.md +21 -12
  330. package/docs/utilities/Flex/examples/Flex.css +7 -7
  331. package/docs/utilities/Flex/examples/Flex.md +82 -40
  332. package/docs/utilities/Float/examples/Float.css +5 -5
  333. package/docs/utilities/Float/examples/Float.md +6 -6
  334. package/docs/utilities/Sizing/examples/Sizing.css +6 -6
  335. package/docs/utilities/Sizing/examples/Sizing.md +60 -60
  336. package/docs/utilities/Spacing/examples/Spacing.css +3 -3
  337. package/docs/utilities/Spacing/examples/Spacing.md +37 -37
  338. package/docs/utilities/Text/examples/Text.md +78 -77
  339. package/icons/pficons.mjs +6 -0
  340. package/layouts/Bullseye/bullseye.css +4 -0
  341. package/layouts/Bullseye/bullseye.scss +5 -1
  342. package/layouts/Flex/flex.css +241 -237
  343. package/layouts/Flex/flex.scss +48 -44
  344. package/layouts/Gallery/gallery.css +15 -11
  345. package/layouts/Gallery/gallery.scss +9 -5
  346. package/layouts/Grid/grid.css +20 -16
  347. package/layouts/Grid/grid.scss +12 -8
  348. package/layouts/Level/level.css +5 -1
  349. package/layouts/Level/level.scss +6 -2
  350. package/layouts/Split/split.css +5 -1
  351. package/layouts/Split/split.scss +6 -2
  352. package/layouts/Stack/stack.css +5 -1
  353. package/layouts/Stack/stack.scss +6 -2
  354. package/layouts/_index.css +3461 -0
  355. package/layouts/_index.scss +8 -0
  356. package/package.json +39 -39
  357. package/patternfly-addons.css +2071 -2648
  358. package/patternfly-addons.scss +2 -12
  359. package/patternfly-base-no-globals.css +4227 -3064
  360. package/patternfly-base-no-globals.scss +5 -3
  361. package/patternfly-base.css +4307 -3140
  362. package/patternfly-base.scss +2 -6
  363. package/patternfly-charts.css +579 -240
  364. package/patternfly-charts.scss +352 -337
  365. package/patternfly-no-globals.css +21105 -23238
  366. package/patternfly-no-globals.scss +5 -4
  367. package/patternfly.css +21209 -23338
  368. package/patternfly.min.css +1 -1
  369. package/patternfly.min.css.map +1 -1
  370. package/patternfly.scss +6 -4
  371. package/sass-utilities/_index.scss +6 -0
  372. package/sass-utilities/functions.scss +25 -25
  373. package/sass-utilities/{_init.scss → init.scss} +6 -6
  374. package/sass-utilities/mixins.scss +108 -72
  375. package/sass-utilities/{component-namespaces.scss → namespaces-components.scss} +3 -27
  376. package/sass-utilities/{layout-namespaces.scss → namespaces-layouts.scss} +3 -1
  377. package/sass-utilities/scss-variables.scss +48 -261
  378. package/utilities/Accessibility/accessibility.css +15 -15
  379. package/utilities/Accessibility/accessibility.scss +8 -6
  380. package/utilities/Alignment/alignment.css +29 -29
  381. package/utilities/Alignment/alignment.scss +6 -4
  382. package/utilities/BackgroundColor/background-color.css +67 -0
  383. package/utilities/BackgroundColor/background-color.scss +16 -0
  384. package/utilities/BoxShadow/box-shadow.css +15 -39
  385. package/utilities/BoxShadow/box-shadow.scss +19 -28
  386. package/utilities/Display/display.css +43 -5
  387. package/utilities/Display/display.scss +7 -4
  388. package/utilities/Flex/flex.css +50 -50
  389. package/utilities/Flex/flex.scss +21 -20
  390. package/utilities/Float/float.css +29 -29
  391. package/utilities/Float/float.scss +6 -6
  392. package/utilities/Sizing/sizing.css +58 -58
  393. package/utilities/Sizing/sizing.scss +23 -21
  394. package/utilities/Spacing/spacing.css +1372 -1372
  395. package/utilities/Spacing/spacing.scss +6 -6
  396. package/utilities/Text/text.css +419 -662
  397. package/utilities/Text/text.scss +81 -107
  398. package/utilities/_index.css +7815 -0
  399. package/utilities/_index.scss +10 -0
  400. package/assets/fontawesome/_core.scss +0 -20
  401. package/assets/images/pf-logo-small.svg +0 -23
  402. package/assets/images/pf_logo_white.hbs +0 -35
  403. package/assets/images/pfbg-icon.svg +0 -1
  404. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
  405. package/base/_base.scss +0 -2
  406. package/base/_chart-globals.scss +0 -415
  407. package/base/_common.scss +0 -50
  408. package/base/_fa-icons.scss +0 -33
  409. package/base/_fonts.scss +0 -136
  410. package/base/_icons.scss +0 -3
  411. package/base/_pficons.scss +0 -2
  412. package/base/_themes.scss +0 -43
  413. package/base/_variables.scss +0 -299
  414. package/base/patternfly-globals.css +0 -120
  415. package/base/patternfly-globals.scss +0 -2
  416. package/base/patternfly-icons.css +0 -4728
  417. package/base/patternfly-icons.scss +0 -2
  418. package/base/patternfly-themes.css +0 -82
  419. package/base/patternfly-themes.scss +0 -2
  420. package/base/themes/dark/_chart-globals.scss +0 -42
  421. package/base/themes/dark/_globals.scss +0 -5
  422. package/base/tokens/_workspace-overrides.scss +0 -7
  423. package/components/AppLauncher/app-launcher.css +0 -244
  424. package/components/AppLauncher/app-launcher.scss +0 -308
  425. package/components/AppLauncher/themes/dark/app-launcher.scss +0 -13
  426. package/components/Chip/chip-group.css +0 -93
  427. package/components/Chip/chip-group.scss +0 -98
  428. package/components/Chip/chip.css +0 -122
  429. package/components/Chip/chip.scss +0 -140
  430. package/components/Chip/themes/dark/chip.scss +0 -9
  431. package/components/ContextSelector/context-selector.css +0 -336
  432. package/components/ContextSelector/context-selector.scss +0 -384
  433. package/components/ContextSelector/themes/dark/context-selector.scss +0 -24
  434. package/components/Dropdown/dropdown.css +0 -686
  435. package/components/Dropdown/dropdown.scss +0 -820
  436. package/components/Dropdown/themes/dark/dropdown.scss +0 -32
  437. package/components/LogViewer/log-viewer.css +0 -197
  438. package/components/LogViewer/log-viewer.scss +0 -226
  439. package/components/LogViewer/themes/dark/log-viewer.scss +0 -7
  440. package/components/NotificationBadge/notification-badge.css +0 -87
  441. package/components/NotificationBadge/notification-badge.scss +0 -108
  442. package/components/OptionsMenu/options-menu.css +0 -279
  443. package/components/OptionsMenu/options-menu.scss +0 -332
  444. package/components/OptionsMenu/themes/dark/options-menu.scss +0 -21
  445. package/components/Select/select.css +0 -599
  446. package/components/Select/select.scss +0 -713
  447. package/components/Select/themes/dark/select.scss +0 -23
  448. package/components/_all.scss +0 -91
  449. package/docs/components/AppLauncher/deprecated/application-launcher.css +0 -25
  450. package/docs/components/AppLauncher/deprecated/application-launcher.md +0 -792
  451. package/docs/components/Breadcrumb/examples/Breadcrumb.css +0 -3
  452. package/docs/components/Chip/examples/Chip.md +0 -846
  453. package/docs/components/ContextSelector/deprecated/context-selector.css +0 -7
  454. package/docs/components/ContextSelector/deprecated/context-selector.md +0 -909
  455. package/docs/components/Dropdown/deprecated/Dropdown.css +0 -64
  456. package/docs/components/Dropdown/deprecated/Dropdown.md +0 -2920
  457. package/docs/components/LogViewer/examples/LogViewer.css +0 -17
  458. package/docs/components/LogViewer/examples/LogViewer.md +0 -5936
  459. package/docs/components/NotificationBadge/examples/NotificationBadge.md +0 -222
  460. package/docs/components/OptionsMenu/deprecated/options-menu.css +0 -25
  461. package/docs/components/OptionsMenu/deprecated/options-menu.md +0 -1014
  462. package/docs/components/Page/deprecated/PageHeader.css +0 -17
  463. package/docs/components/Page/deprecated/PageHeader.md +0 -261
  464. package/docs/components/Pagination/examples/Pagination.css +0 -3
  465. package/docs/components/Select/deprecated/Select.css +0 -56
  466. package/docs/components/Select/deprecated/Select.md +0 -3525
  467. package/docs/components/Tabs/examples/Tabs.css +0 -10
  468. package/docs/components/ToggleGroup/examples/toggle-group.css +0 -4
  469. package/docs/demos/ContextSelector/examples/ContextSelector.md +0 -1712
  470. package/docs/demos/Page/examples/Penta.md +0 -821
  471. package/docs/utilities/Text/examples/Text.css +0 -0
  472. package/layouts/_all.scss +0 -7
  473. package/patternfly-base-no-globals-theme-dark-unversioned.css +0 -6276
  474. package/patternfly-base-no-globals-theme-dark-unversioned.scss +0 -11
  475. package/patternfly-base-theme-dark-unversioned.css +0 -6393
  476. package/patternfly-base-theme-dark-unversioned.scss +0 -5
  477. package/patternfly-charts-theme-dark-unversioned.css +0 -70
  478. package/patternfly-charts-theme-dark-unversioned.scss +0 -8
  479. package/patternfly-charts-theme-dark.css +0 -70
  480. package/patternfly-charts-theme-dark.scss +0 -8
  481. package/patternfly-theme-dark-unversioned.css +0 -35533
  482. package/patternfly-theme-dark-unversioned.scss +0 -6
  483. package/patternfly-theme-dark.css +0 -0
  484. package/patternfly-theme-dark.scss +0 -1
  485. package/sass-utilities/_all.scss +0 -9
  486. package/sass-utilities/colors.scss +0 -82
  487. package/sass-utilities/div.import.scss +0 -3
  488. package/sass-utilities/div.scss +0 -4
  489. package/sass-utilities/placeholders.scss +0 -72
  490. package/sass-utilities/themes/dark/_all.scss +0 -4
  491. package/sass-utilities/themes/dark/colors.scss +0 -16
  492. package/sass-utilities/themes/dark/mixins.scss +0 -7
  493. package/sass-utilities/themes/dark/placeholders.scss +0 -5
  494. package/sass-utilities/themes/dark/scss-variables.scss +0 -92
  495. package/themes/dark/_patternfly-charts-theme-dark.scss +0 -98
  496. package/utilities/BackgroundColor/BackgroundColor.css +0 -414
  497. package/utilities/BackgroundColor/BackgroundColor.scss +0 -64
  498. package/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
  499. package/utilities/BackgroundColor/themes/dark/BackgroundColor.scss +0 -25
  500. package/utilities/Text/themes/dark/text.css +0 -0
  501. package/utilities/Text/themes/dark/text.scss +0 -33
package/docs/components/Slider/examples/Slider.md CHANGED
@@ -15,59 +15,59 @@ cssPrefix: pf-v6-c-slider
15
15
  <div class="pf-v6-c-slider__steps" aria-hidden="true">
16
16
  <div
17
17
  class="pf-v6-c-slider__step pf-m-active"
18
- style="--pf-v5-c-slider__step--Left: 0%;"
18
+ style="--pf-v6-c-slider__step--InsetInlineStart: 0%;"
19
19
  >
20
20
  <div class="pf-v6-c-slider__step-tick"></div>
21
21
  <div class="pf-v6-c-slider__step-label">0</div>
22
22
  </div>
23
23
  <div
24
24
  class="pf-v6-c-slider__step pf-m-active"
25
- style="--pf-v5-c-slider__step--Left: 12.5%;"
25
+ style="--pf-v6-c-slider__step--InsetInlineStart: 12.5%;"
26
26
  >
27
27
  <div class="pf-v6-c-slider__step-tick"></div>
28
28
  </div>
29
29
  <div
30
30
  class="pf-v6-c-slider__step pf-m-active"
31
- style="--pf-v5-c-slider__step--Left: 25%;"
31
+ style="--pf-v6-c-slider__step--InsetInlineStart: 25%;"
32
32
  >
33
33
  <div class="pf-v6-c-slider__step-tick"></div>
34
34
  <div class="pf-v6-c-slider__step-label">2</div>
35
35
  </div>
36
36
  <div
37
37
  class="pf-v6-c-slider__step pf-m-active"
38
- style="--pf-v5-c-slider__step--Left: 37.5%;"
38
+ style="--pf-v6-c-slider__step--InsetInlineStart: 37.5%;"
39
39
  >
40
40
  <div class="pf-v6-c-slider__step-tick"></div>
41
41
  </div>
42
42
  <div
43
43
  class="pf-v6-c-slider__step pf-m-active"
44
- style="--pf-v5-c-slider__step--Left: 50%;"
44
+ style="--pf-v6-c-slider__step--InsetInlineStart: 50%;"
45
45
  >
46
46
  <div class="pf-v6-c-slider__step-tick"></div>
47
47
  <div class="pf-v6-c-slider__step-label">4</div>
48
48
  </div>
49
49
  <div
50
50
  class="pf-v6-c-slider__step pf-m-active"
51
- style="--pf-v5-c-slider__step--Left: 62.5%;"
51
+ style="--pf-v6-c-slider__step--InsetInlineStart: 62.5%;"
52
52
  >
53
53
  <div class="pf-v6-c-slider__step-tick"></div>
54
54
  </div>
55
55
  <div
56
56
  class="pf-v6-c-slider__step"
57
- style="--pf-v5-c-slider__step--Left: 75%;"
57
+ style="--pf-v6-c-slider__step--InsetInlineStart: 75%;"
58
58
  >
59
59
  <div class="pf-v6-c-slider__step-tick"></div>
60
60
  <div class="pf-v6-c-slider__step-label">6</div>
61
61
  </div>
62
62
  <div
63
63
  class="pf-v6-c-slider__step"
64
- style="--pf-v5-c-slider__step--Left: 87.5%;"
64
+ style="--pf-v6-c-slider__step--InsetInlineStart: 87.5%;"
65
65
  >
66
66
  <div class="pf-v6-c-slider__step-tick"></div>
67
67
  </div>
68
68
  <div
69
69
  class="pf-v6-c-slider__step"
70
- style="--pf-v5-c-slider__step--Left: 100%;"
70
+ style="--pf-v6-c-slider__step--InsetInlineStart: 100%;"
71
71
  >
72
72
  <div class="pf-v6-c-slider__step-tick"></div>
73
73
  <div class="pf-v6-c-slider__step-label">8</div>
@@ -115,14 +115,14 @@ cssPrefix: pf-v6-c-slider
115
115
  <div class="pf-v6-c-slider__steps" aria-hidden="true">
116
116
  <div
117
117
  class="pf-v6-c-slider__step pf-m-active"
118
- style="--pf-v5-c-slider__step--Left: 0%;"
118
+ style="--pf-v6-c-slider__step--InsetInlineStart: 0%;"
119
119
  >
120
120
  <div class="pf-v6-c-slider__step-tick"></div>
121
121
  <div class="pf-v6-c-slider__step-label">0%</div>
122
122
  </div>
123
123
  <div
124
124
  class="pf-v6-c-slider__step"
125
- style="--pf-v5-c-slider__step--Left: 100%;"
125
+ style="--pf-v6-c-slider__step--InsetInlineStart: 100%;"
126
126
  >
127
127
  <div class="pf-v6-c-slider__step-tick"></div>
128
128
  <div class="pf-v6-c-slider__step-label">100%</div>
@@ -156,59 +156,59 @@ cssPrefix: pf-v6-c-slider
156
156
  <div class="pf-v6-c-slider__steps" aria-hidden="true">
157
157
  <div
158
158
  class="pf-v6-c-slider__step pf-m-active"
159
- style="--pf-v5-c-slider__step--Left: 0%;"
159
+ style="--pf-v6-c-slider__step--InsetInlineStart: 0%;"
160
160
  >
161
161
  <div class="pf-v6-c-slider__step-tick"></div>
162
162
  <div class="pf-v6-c-slider__step-label">0</div>
163
163
  </div>
164
164
  <div
165
165
  class="pf-v6-c-slider__step pf-m-active"
166
- style="--pf-v5-c-slider__step--Left: 12.5%;"
166
+ style="--pf-v6-c-slider__step--InsetInlineStart: 12.5%;"
167
167
  >
168
168
  <div class="pf-v6-c-slider__step-tick"></div>
169
169
  </div>
170
170
  <div
171
171
  class="pf-v6-c-slider__step pf-m-active"
172
- style="--pf-v5-c-slider__step--Left: 25%;"
172
+ style="--pf-v6-c-slider__step--InsetInlineStart: 25%;"
173
173
  >
174
174
  <div class="pf-v6-c-slider__step-tick"></div>
175
175
  <div class="pf-v6-c-slider__step-label">2</div>
176
176
  </div>
177
177
  <div
178
178
  class="pf-v6-c-slider__step pf-m-active"
179
- style="--pf-v5-c-slider__step--Left: 37.5%;"
179
+ style="--pf-v6-c-slider__step--InsetInlineStart: 37.5%;"
180
180
  >
181
181
  <div class="pf-v6-c-slider__step-tick"></div>
182
182
  </div>
183
183
  <div
184
184
  class="pf-v6-c-slider__step pf-m-active"
185
- style="--pf-v5-c-slider__step--Left: 50%;"
185
+ style="--pf-v6-c-slider__step--InsetInlineStart: 50%;"
186
186
  >
187
187
  <div class="pf-v6-c-slider__step-tick"></div>
188
188
  <div class="pf-v6-c-slider__step-label">4</div>
189
189
  </div>
190
190
  <div
191
191
  class="pf-v6-c-slider__step pf-m-active"
192
- style="--pf-v5-c-slider__step--Left: 62.5%;"
192
+ style="--pf-v6-c-slider__step--InsetInlineStart: 62.5%;"
193
193
  >
194
194
  <div class="pf-v6-c-slider__step-tick"></div>
195
195
  </div>
196
196
  <div
197
197
  class="pf-v6-c-slider__step"
198
- style="--pf-v5-c-slider__step--Left: 75%;"
198
+ style="--pf-v6-c-slider__step--InsetInlineStart: 75%;"
199
199
  >
200
200
  <div class="pf-v6-c-slider__step-tick"></div>
201
201
  <div class="pf-v6-c-slider__step-label">6</div>
202
202
  </div>
203
203
  <div
204
204
  class="pf-v6-c-slider__step"
205
- style="--pf-v5-c-slider__step--Left: 87.5%;"
205
+ style="--pf-v6-c-slider__step--InsetInlineStart: 87.5%;"
206
206
  >
207
207
  <div class="pf-v6-c-slider__step-tick"></div>
208
208
  </div>
209
209
  <div
210
210
  class="pf-v6-c-slider__step"
211
- style="--pf-v5-c-slider__step--Left: 100%;"
211
+ style="--pf-v6-c-slider__step--InsetInlineStart: 100%;"
212
212
  >
213
213
  <div class="pf-v6-c-slider__step-tick"></div>
214
214
  <div class="pf-v6-c-slider__step-label">8</div>
@@ -241,33 +241,33 @@ cssPrefix: pf-v6-c-slider
241
241
  <div class="pf-v6-c-slider__steps" aria-hidden="true">
242
242
  <div
243
243
  class="pf-v6-c-slider__step pf-m-active"
244
- style="--pf-v5-c-slider__step--Left: 0%;"
244
+ style="--pf-v6-c-slider__step--InsetInlineStart: 0%;"
245
245
  >
246
246
  <div class="pf-v6-c-slider__step-tick"></div>
247
247
  <div class="pf-v6-c-slider__step-label">0%</div>
248
248
  </div>
249
249
  <div
250
250
  class="pf-v6-c-slider__step pf-m-active"
251
- style="--pf-v5-c-slider__step--Left: 25%;"
251
+ style="--pf-v6-c-slider__step--InsetInlineStart: 25%;"
252
252
  >
253
253
  <div class="pf-v6-c-slider__step-tick"></div>
254
254
  </div>
255
255
  <div
256
256
  class="pf-v6-c-slider__step pf-m-active"
257
- style="--pf-v5-c-slider__step--Left: 50%;"
257
+ style="--pf-v6-c-slider__step--InsetInlineStart: 50%;"
258
258
  >
259
259
  <div class="pf-v6-c-slider__step-tick"></div>
260
260
  <div class="pf-v6-c-slider__step-label">50%</div>
261
261
  </div>
262
262
  <div
263
263
  class="pf-v6-c-slider__step"
264
- style="--pf-v5-c-slider__step--Left: 75%;"
264
+ style="--pf-v6-c-slider__step--InsetInlineStart: 75%;"
265
265
  >
266
266
  <div class="pf-v6-c-slider__step-tick"></div>
267
267
  </div>
268
268
  <div
269
269
  class="pf-v6-c-slider__step"
270
- style="--pf-v5-c-slider__step--Left: 100%;"
270
+ style="--pf-v6-c-slider__step--InsetInlineStart: 100%;"
271
271
  >
272
272
  <div class="pf-v6-c-slider__step-tick"></div>
273
273
  <div class="pf-v6-c-slider__step-label">100%</div>
@@ -370,7 +370,9 @@ cssPrefix: pf-v6-c-slider
370
370
  <div class="pf-v6-c-slider" style="--pf-v6-c-slider--value: 50%;">
371
371
  <div class="pf-v6-c-slider__actions">
372
372
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Minus">
373
- <i class="fas fa-fw fa-minus" aria-hidden="true"></i>
373
+ <span class="pf-v6-c-button__icon">
374
+ <i class="fas fa-minus fa-fw" aria-hidden="true"></i>
375
+ </span>
374
376
  </button>
375
377
  </div>
376
378
  <div class="pf-v6-c-slider__main">
@@ -389,7 +391,9 @@ cssPrefix: pf-v6-c-slider
389
391
  </div>
390
392
  <div class="pf-v6-c-slider__actions">
391
393
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Plus">
392
- <i class="fas fa-fw fa-plus" aria-hidden="true"></i>
394
+ <span class="pf-v6-c-button__icon">
395
+ <i class="fas fa-plus fa-fw" aria-hidden="true"></i>
396
+ </span>
393
397
  </button>
394
398
  </div>
395
399
  </div>
@@ -397,7 +401,7 @@ cssPrefix: pf-v6-c-slider
397
401
  <br />
398
402
  <br />
399
403
 
400
- <div class="pf-v6-c-slider" style="--pf-v6-c-slider--value: 50%;">
404
+ <div class="pf-v6-c-slider pf-m-disabled" style="--pf-v6-c-slider--value: 50%;">
401
405
  <div class="pf-v6-c-slider__main">
402
406
  <div class="pf-v6-c-slider__rail">
403
407
  <div class="pf-v6-c-slider__rail-track"></div>
@@ -409,7 +413,7 @@ cssPrefix: pf-v6-c-slider
409
413
  aria-valuemax="100"
410
414
  aria-valuenow="50"
411
415
  aria-label="Value"
412
- tabindex="0"
416
+ aria-disabled="true"
413
417
  ></div>
414
418
  <div class="pf-v6-c-slider__value pf-m-floating">
415
419
  <div class="pf-v6-c-input-group">
@@ -431,7 +435,9 @@ cssPrefix: pf-v6-c-slider
431
435
  </div>
432
436
  <div class="pf-v6-c-slider__actions">
433
437
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Locked">
434
- <i class="fas fa-fw fa-lock" aria-hidden="true"></i>
438
+ <span class="pf-v6-c-button__icon">
439
+ <i class="fas fa-lock fa-fw" aria-hidden="true"></i>
440
+ </span>
435
441
  </button>
436
442
  </div>
437
443
  </div>
@@ -468,7 +474,9 @@ cssPrefix: pf-v6-c-slider
468
474
  </div>
469
475
  <div class="pf-v6-c-slider__actions">
470
476
  <button class="pf-v6-c-button pf-m-plain" type="button" aria-label="Lock">
471
- <i class="fas fa-fw fa-lock-open" aria-hidden="true"></i>
477
+ <span class="pf-v6-c-button__icon">
478
+ <i class="fas fa-lock-open fa-fw" aria-hidden="true"></i>
479
+ </span>
472
480
  </button>
473
481
  </div>
474
482
  </div>
@@ -489,59 +497,59 @@ cssPrefix: pf-v6-c-slider
489
497
  <div class="pf-v6-c-slider__steps" aria-hidden="true">
490
498
  <div
491
499
  class="pf-v6-c-slider__step pf-m-active"
492
- style="--pf-v5-c-slider__step--Left: 0%;"
500
+ style="--pf-v6-c-slider__step--InsetInlineStart: 0%;"
493
501
  >
494
502
  <div class="pf-v6-c-slider__step-tick"></div>
495
503
  <div class="pf-v6-c-slider__step-label">0</div>
496
504
  </div>
497
505
  <div
498
506
  class="pf-v6-c-slider__step pf-m-active"
499
- style="--pf-v5-c-slider__step--Left: 12.5%;"
507
+ style="--pf-v6-c-slider__step--InsetInlineStart: 12.5%;"
500
508
  >
501
509
  <div class="pf-v6-c-slider__step-tick"></div>
502
510
  </div>
503
511
  <div
504
512
  class="pf-v6-c-slider__step pf-m-active"
505
- style="--pf-v5-c-slider__step--Left: 25%;"
513
+ style="--pf-v6-c-slider__step--InsetInlineStart: 25%;"
506
514
  >
507
515
  <div class="pf-v6-c-slider__step-tick"></div>
508
516
  <div class="pf-v6-c-slider__step-label">2</div>
509
517
  </div>
510
518
  <div
511
519
  class="pf-v6-c-slider__step pf-m-active"
512
- style="--pf-v5-c-slider__step--Left: 37.5%;"
520
+ style="--pf-v6-c-slider__step--InsetInlineStart: 37.5%;"
513
521
  >
514
522
  <div class="pf-v6-c-slider__step-tick"></div>
515
523
  </div>
516
524
  <div
517
525
  class="pf-v6-c-slider__step pf-m-active"
518
- style="--pf-v5-c-slider__step--Left: 50%;"
526
+ style="--pf-v6-c-slider__step--InsetInlineStart: 50%;"
519
527
  >
520
528
  <div class="pf-v6-c-slider__step-tick"></div>
521
529
  <div class="pf-v6-c-slider__step-label">4</div>
522
530
  </div>
523
531
  <div
524
532
  class="pf-v6-c-slider__step pf-m-active"
525
- style="--pf-v5-c-slider__step--Left: 62.5%;"
533
+ style="--pf-v6-c-slider__step--InsetInlineStart: 62.5%;"
526
534
  >
527
535
  <div class="pf-v6-c-slider__step-tick"></div>
528
536
  </div>
529
537
  <div
530
538
  class="pf-v6-c-slider__step"
531
- style="--pf-v5-c-slider__step--Left: 75%;"
539
+ style="--pf-v6-c-slider__step--InsetInlineStart: 75%;"
532
540
  >
533
541
  <div class="pf-v6-c-slider__step-tick"></div>
534
542
  <div class="pf-v6-c-slider__step-label">6</div>
535
543
  </div>
536
544
  <div
537
545
  class="pf-v6-c-slider__step"
538
- style="--pf-v5-c-slider__step--Left: 87.5%;"
546
+ style="--pf-v6-c-slider__step--InsetInlineStart: 87.5%;"
539
547
  >
540
548
  <div class="pf-v6-c-slider__step-tick"></div>
541
549
  </div>
542
550
  <div
543
551
  class="pf-v6-c-slider__step"
544
- style="--pf-v5-c-slider__step--Left: 100%;"
552
+ style="--pf-v6-c-slider__step--InsetInlineStart: 100%;"
545
553
  >
546
554
  <div class="pf-v6-c-slider__step-tick"></div>
547
555
  <div class="pf-v6-c-slider__step-label">8</div>
@@ -570,33 +578,33 @@ cssPrefix: pf-v6-c-slider
570
578
  <div class="pf-v6-c-slider__steps" aria-hidden="true">
571
579
  <div
572
580
  class="pf-v6-c-slider__step pf-m-active"
573
- style="--pf-v5-c-slider__step--Left: 0%;"
581
+ style="--pf-v6-c-slider__step--InsetInlineStart: 0%;"
574
582
  >
575
583
  <div class="pf-v6-c-slider__step-tick"></div>
576
584
  <div class="pf-v6-c-slider__step-label">0%</div>
577
585
  </div>
578
586
  <div
579
587
  class="pf-v6-c-slider__step pf-m-active"
580
- style="--pf-v5-c-slider__step--Left: 25%;"
588
+ style="--pf-v6-c-slider__step--InsetInlineStart: 25%;"
581
589
  >
582
590
  <div class="pf-v6-c-slider__step-tick"></div>
583
591
  </div>
584
592
  <div
585
593
  class="pf-v6-c-slider__step pf-m-active"
586
- style="--pf-v5-c-slider__step--Left: 50%;"
594
+ style="--pf-v6-c-slider__step--InsetInlineStart: 50%;"
587
595
  >
588
596
  <div class="pf-v6-c-slider__step-tick"></div>
589
597
  <div class="pf-v6-c-slider__step-label">50%</div>
590
598
  </div>
591
599
  <div
592
600
  class="pf-v6-c-slider__step"
593
- style="--pf-v5-c-slider__step--Left: 75%;"
601
+ style="--pf-v6-c-slider__step--InsetInlineStart: 75%;"
594
602
  >
595
603
  <div class="pf-v6-c-slider__step-tick"></div>
596
604
  </div>
597
605
  <div
598
606
  class="pf-v6-c-slider__step"
599
- style="--pf-v5-c-slider__step--Left: 100%;"
607
+ style="--pf-v6-c-slider__step--InsetInlineStart: 100%;"
600
608
  >
601
609
  <div class="pf-v6-c-slider__step-tick"></div>
602
610
  <div class="pf-v6-c-slider__step-label">100%</div>
package/docs/components/Spinner/examples/Spinner.md CHANGED
@@ -63,7 +63,7 @@ cssPrefix: pf-v6-c-spinner
63
63
 
64
64
  An inline spinner inherits its font-size, so its size will match the content around it.
65
65
 
66
- ```html isBeta
66
+ ```html
67
67
  <svg
68
68
  class="pf-v6-c-spinner pf-m-inline"
69
69
  role="progressbar"