@patternfly/react-styles 6.0.0-alpha.17 → 6.0.0-alpha.19

Sign up to get free protection for your applications and to get access to all the features.
Files changed (227) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/css/assets/images/pf_logo.svg +11 -11
  3. package/css/assets/images/pf_logo_white.svg +2 -2
  4. package/css/components/AboutModalBox/about-modal-box.css +1 -1
  5. package/css/components/Alert/alert-group.css +1 -1
  6. package/css/components/Alert/alert.css +5 -5
  7. package/css/components/AppLauncher/app-launcher.css +1 -1
  8. package/css/components/Backdrop/backdrop.css +1 -1
  9. package/css/components/Banner/banner.css +1 -1
  10. package/css/components/Breadcrumb/breadcrumb.css +2 -2
  11. package/css/components/Button/button.css +3 -3
  12. package/css/components/Card/card.css +6 -6
  13. package/css/components/Check/check.css +2 -2
  14. package/css/components/Content/content.css +1 -1
  15. package/css/components/ContextSelector/context-selector.css +1 -1
  16. package/css/components/DataList/data-list.css +17 -17
  17. package/css/components/DatePicker/date-picker.css +1 -1
  18. package/css/components/Divider/divider.css +57 -57
  19. package/css/components/Drawer/drawer.css +11 -10
  20. package/css/components/Drawer/drawer.d.ts +1 -0
  21. package/css/components/Drawer/drawer.js +1 -0
  22. package/css/components/Drawer/drawer.mjs +1 -0
  23. package/css/components/Dropdown/dropdown.css +2 -2
  24. package/css/components/DualListSelector/dual-list-selector.css +1 -1
  25. package/css/components/Form/form.css +1 -1
  26. package/css/components/FormControl/form-control.css +3 -3
  27. package/css/components/Hint/hint.css +1 -1
  28. package/css/components/JumpLinks/jump-links.css +3 -3
  29. package/css/components/Label/label.css +14 -0
  30. package/css/components/Label/label.d.ts +2 -1
  31. package/css/components/Label/label.js +2 -1
  32. package/css/components/Label/label.mjs +2 -1
  33. package/css/components/List/list.css +1 -1
  34. package/css/components/Masthead/masthead.css +70 -70
  35. package/css/components/Menu/menu.css +24 -24
  36. package/css/components/MenuToggle/menu-toggle.css +25 -1
  37. package/css/components/MenuToggle/menu-toggle.d.ts +4 -0
  38. package/css/components/MenuToggle/menu-toggle.js +4 -0
  39. package/css/components/MenuToggle/menu-toggle.mjs +4 -0
  40. package/css/components/ModalBox/modal-box.css +1 -1
  41. package/css/components/Nav/nav.css +4 -2
  42. package/css/components/Nav/nav.d.ts +1 -0
  43. package/css/components/Nav/nav.js +1 -0
  44. package/css/components/Nav/nav.mjs +1 -0
  45. package/css/components/NotificationDrawer/notification-drawer.css +2 -2
  46. package/css/components/OptionsMenu/options-menu.css +1 -1
  47. package/css/components/Page/page.css +50 -49
  48. package/css/components/Page/page.d.ts +1 -0
  49. package/css/components/Page/page.js +1 -0
  50. package/css/components/Page/page.mjs +1 -0
  51. package/css/components/Pagination/pagination.css +30 -30
  52. package/css/components/Panel/panel.css +1 -1
  53. package/css/components/Popover/popover.css +1 -1
  54. package/css/components/ProgressStepper/progress-stepper.css +2 -2
  55. package/css/components/ProgressStepper/progress-stepper.d.ts +2 -2
  56. package/css/components/ProgressStepper/progress-stepper.js +2 -2
  57. package/css/components/ProgressStepper/progress-stepper.mjs +2 -2
  58. package/css/components/Select/select.css +1 -1
  59. package/css/components/Sidebar/sidebar.css +86 -86
  60. package/css/components/Sidebar/sidebar.d.ts +1 -2
  61. package/css/components/Sidebar/sidebar.js +1 -2
  62. package/css/components/Sidebar/sidebar.mjs +1 -2
  63. package/css/components/SkipToContent/skip-to-content.css +1 -1
  64. package/css/components/Slider/slider.css +1 -1
  65. package/css/components/Table/table-scrollable.css +13 -16
  66. package/css/components/Table/table-tree-view.css +0 -2
  67. package/css/components/Table/table.css +129 -103
  68. package/css/components/Table/table.d.ts +3 -1
  69. package/css/components/Table/table.js +3 -1
  70. package/css/components/Table/table.mjs +3 -1
  71. package/css/components/Tabs/tabs.css +91 -91
  72. package/css/components/ToggleGroup/toggle-group.css +5 -5
  73. package/css/components/ToggleGroup/toggle-group.d.ts +1 -2
  74. package/css/components/ToggleGroup/toggle-group.js +1 -2
  75. package/css/components/ToggleGroup/toggle-group.mjs +1 -2
  76. package/css/components/Toolbar/toolbar.css +322 -306
  77. package/css/components/Toolbar/toolbar.d.ts +3 -0
  78. package/css/components/Toolbar/toolbar.js +3 -0
  79. package/css/components/Toolbar/toolbar.mjs +3 -0
  80. package/css/components/TreeView/tree-view.css +1 -1
  81. package/css/components/Wizard/wizard.css +4 -4
  82. package/css/docs/components/Nav/examples/Navigation.css +2 -2
  83. package/css/docs/components/OverflowMenu/examples/overflow-menu.css +4 -4
  84. package/css/docs/components/OverflowMenu/examples/overflow-menu.d.ts +2 -2
  85. package/css/docs/components/OverflowMenu/examples/overflow-menu.js +2 -2
  86. package/css/docs/components/OverflowMenu/examples/overflow-menu.mjs +2 -2
  87. package/css/docs/components/Page/deprecated/PageHeader.css +4 -4
  88. package/css/docs/components/Page/deprecated/PageHeader.d.ts +3 -3
  89. package/css/docs/components/Page/deprecated/PageHeader.js +3 -3
  90. package/css/docs/components/Page/deprecated/PageHeader.mjs +3 -3
  91. package/css/docs/components/Skeleton/examples/Skeleton.css +1 -1
  92. package/css/docs/components/Skeleton/examples/Skeleton.d.ts +1 -1
  93. package/css/docs/components/Skeleton/examples/Skeleton.js +1 -1
  94. package/css/docs/components/Skeleton/examples/Skeleton.mjs +1 -1
  95. package/css/docs/components/Table/examples/Table.css +6 -8
  96. package/css/docs/components/Table/examples/Table.d.ts +1 -1
  97. package/css/docs/components/Table/examples/Table.js +1 -1
  98. package/css/docs/components/Table/examples/Table.mjs +1 -1
  99. package/css/docs/components/TextInputGroup/examples/TextInputGroup.css +1 -1
  100. package/css/docs/components/Tile/examples/Tile.css +5 -5
  101. package/css/docs/components/Tile/examples/Tile.d.ts +1 -1
  102. package/css/docs/components/Tile/examples/Tile.js +1 -1
  103. package/css/docs/components/Tile/examples/Tile.mjs +1 -1
  104. package/css/docs/components/Toolbar/examples/Toolbar.css +40 -35
  105. package/css/docs/components/Toolbar/examples/Toolbar.d.ts +4 -3
  106. package/css/docs/components/Toolbar/examples/Toolbar.js +4 -3
  107. package/css/docs/components/Toolbar/examples/Toolbar.mjs +4 -3
  108. package/css/docs/components/Tooltip/examples/Tooltip.css +1 -1
  109. package/css/docs/components/Truncate/examples/Truncate.css +1 -1
  110. package/css/docs/components/Truncate/examples/Truncate.d.ts +1 -1
  111. package/css/docs/components/Truncate/examples/Truncate.js +1 -1
  112. package/css/docs/components/Truncate/examples/Truncate.mjs +1 -1
  113. package/css/docs/demos/Card/examples/Card.css +6 -6
  114. package/css/docs/demos/Card/examples/Card.d.ts +2 -2
  115. package/css/docs/demos/Card/examples/Card.js +2 -2
  116. package/css/docs/demos/Card/examples/Card.mjs +2 -2
  117. package/css/docs/demos/Toolbar/examples/Toolbar.css +3 -3
  118. package/css/docs/demos/Toolbar/examples/Toolbar.d.ts +3 -3
  119. package/css/docs/demos/Toolbar/examples/Toolbar.js +3 -3
  120. package/css/docs/demos/Toolbar/examples/Toolbar.mjs +3 -3
  121. package/css/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
  122. package/css/docs/layouts/Bullseye/examples/Bullseye.d.ts +2 -2
  123. package/css/docs/layouts/Bullseye/examples/Bullseye.js +2 -2
  124. package/css/docs/layouts/Bullseye/examples/Bullseye.mjs +2 -2
  125. package/css/docs/layouts/Flex/examples/Flex.css +4 -4
  126. package/css/docs/layouts/Flex/examples/Flex.d.ts +2 -2
  127. package/css/docs/layouts/Flex/examples/Flex.js +2 -2
  128. package/css/docs/layouts/Flex/examples/Flex.mjs +2 -2
  129. package/css/docs/layouts/Gallery/examples/Gallery.css +4 -4
  130. package/css/docs/layouts/Gallery/examples/Gallery.d.ts +2 -2
  131. package/css/docs/layouts/Gallery/examples/Gallery.js +2 -2
  132. package/css/docs/layouts/Gallery/examples/Gallery.mjs +2 -2
  133. package/css/docs/layouts/Grid/examples/Grid.css +3 -3
  134. package/css/docs/layouts/Grid/examples/Grid.d.ts +1 -1
  135. package/css/docs/layouts/Grid/examples/Grid.js +1 -1
  136. package/css/docs/layouts/Grid/examples/Grid.mjs +1 -1
  137. package/css/docs/layouts/Level/examples/Level.css +5 -5
  138. package/css/docs/layouts/Level/examples/Level.d.ts +2 -2
  139. package/css/docs/layouts/Level/examples/Level.js +2 -2
  140. package/css/docs/layouts/Level/examples/Level.mjs +2 -2
  141. package/css/docs/layouts/Split/examples/Split.css +4 -4
  142. package/css/docs/layouts/Split/examples/Split.d.ts +2 -2
  143. package/css/docs/layouts/Split/examples/Split.js +2 -2
  144. package/css/docs/layouts/Split/examples/Split.mjs +2 -2
  145. package/css/docs/layouts/Stack/examples/Stack.css +5 -5
  146. package/css/docs/layouts/Stack/examples/Stack.d.ts +2 -2
  147. package/css/docs/layouts/Stack/examples/Stack.js +2 -2
  148. package/css/docs/layouts/Stack/examples/Stack.mjs +2 -2
  149. package/css/docs/utilities/Alignment/examples/Alignment.css +4 -4
  150. package/css/docs/utilities/Alignment/examples/Alignment.d.ts +4 -4
  151. package/css/docs/utilities/Alignment/examples/Alignment.js +4 -4
  152. package/css/docs/utilities/Alignment/examples/Alignment.mjs +4 -4
  153. package/css/docs/utilities/BoxShadow/examples/box-shadow.css +11 -11
  154. package/css/docs/utilities/Display/examples/Display.css +8 -8
  155. package/css/docs/utilities/Display/examples/Display.d.ts +8 -8
  156. package/css/docs/utilities/Display/examples/Display.js +8 -8
  157. package/css/docs/utilities/Display/examples/Display.mjs +8 -8
  158. package/css/docs/utilities/Flex/examples/Flex.css +5 -5
  159. package/css/docs/utilities/Flex/examples/Flex.d.ts +2 -2
  160. package/css/docs/utilities/Flex/examples/Flex.js +2 -2
  161. package/css/docs/utilities/Flex/examples/Flex.mjs +2 -2
  162. package/css/docs/utilities/Float/examples/Float.css +2 -2
  163. package/css/docs/utilities/Float/examples/Float.d.ts +2 -2
  164. package/css/docs/utilities/Float/examples/Float.js +2 -2
  165. package/css/docs/utilities/Float/examples/Float.mjs +2 -2
  166. package/css/docs/utilities/Sizing/examples/Sizing.css +4 -4
  167. package/css/docs/utilities/Sizing/examples/Sizing.d.ts +4 -4
  168. package/css/docs/utilities/Sizing/examples/Sizing.js +4 -4
  169. package/css/docs/utilities/Sizing/examples/Sizing.mjs +4 -4
  170. package/css/docs/utilities/Spacing/examples/Spacing.css +1 -1
  171. package/css/docs/utilities/Spacing/examples/Spacing.d.ts +1 -1
  172. package/css/docs/utilities/Spacing/examples/Spacing.js +1 -1
  173. package/css/docs/utilities/Spacing/examples/Spacing.mjs +1 -1
  174. package/css/layouts/Bullseye/bullseye.css +5 -1
  175. package/css/layouts/Flex/flex.css +207 -203
  176. package/css/layouts/Gallery/gallery.css +6 -2
  177. package/css/layouts/Grid/grid.css +6 -2
  178. package/css/layouts/Level/level.css +5 -1
  179. package/css/layouts/Split/split.css +5 -1
  180. package/css/layouts/Stack/stack.css +5 -1
  181. package/css/utilities/Alignment/alignment.css +24 -24
  182. package/css/utilities/Alignment/alignment.d.ts +12 -12
  183. package/css/utilities/Alignment/alignment.js +12 -12
  184. package/css/utilities/Alignment/alignment.mjs +12 -12
  185. package/css/utilities/BackgroundColor/BackgroundColor.css +36 -383
  186. package/css/utilities/BackgroundColor/BackgroundColor.d.ts +18 -97
  187. package/css/utilities/BackgroundColor/BackgroundColor.js +18 -97
  188. package/css/utilities/BackgroundColor/BackgroundColor.mjs +18 -97
  189. package/css/utilities/BoxShadow/box-shadow.css +15 -39
  190. package/css/utilities/BoxShadow/box-shadow.d.ts +1 -7
  191. package/css/utilities/BoxShadow/box-shadow.js +1 -7
  192. package/css/utilities/BoxShadow/box-shadow.mjs +1 -7
  193. package/css/utilities/Float/float.css +24 -24
  194. package/css/utilities/Float/float.d.ts +12 -12
  195. package/css/utilities/Float/float.js +12 -12
  196. package/css/utilities/Float/float.mjs +12 -12
  197. package/css/utilities/Sizing/sizing.css +28 -28
  198. package/css/utilities/Spacing/spacing.css +672 -672
  199. package/css/utilities/Text/text.css +393 -636
  200. package/css/utilities/Text/text.d.ts +169 -197
  201. package/css/utilities/Text/text.js +169 -197
  202. package/css/utilities/Text/text.mjs +169 -197
  203. package/package.json +3 -3
  204. package/css/docs/components/Breadcrumb/examples/Breadcrumb.css +0 -3
  205. package/css/docs/components/Breadcrumb/examples/Breadcrumb.d.ts +0 -3
  206. package/css/docs/components/Breadcrumb/examples/Breadcrumb.js +0 -4
  207. package/css/docs/components/Breadcrumb/examples/Breadcrumb.mjs +0 -2
  208. package/css/docs/components/Tabs/examples/Tabs.css +0 -10
  209. package/css/docs/components/Tabs/examples/Tabs.d.ts +0 -6
  210. package/css/docs/components/Tabs/examples/Tabs.js +0 -7
  211. package/css/docs/components/Tabs/examples/Tabs.mjs +0 -5
  212. package/css/docs/components/ToggleGroup/examples/toggle-group.css +0 -4
  213. package/css/docs/components/ToggleGroup/examples/toggle-group.d.ts +0 -5
  214. package/css/docs/components/ToggleGroup/examples/toggle-group.js +0 -6
  215. package/css/docs/components/ToggleGroup/examples/toggle-group.mjs +0 -4
  216. package/css/docs/utilities/Text/examples/Text.css +0 -0
  217. package/css/docs/utilities/Text/examples/Text.d.ts +0 -3
  218. package/css/docs/utilities/Text/examples/Text.js +0 -4
  219. package/css/docs/utilities/Text/examples/Text.mjs +0 -2
  220. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.css +0 -0
  221. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.d.ts +0 -3
  222. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.js +0 -4
  223. package/css/utilities/BackgroundColor/themes/dark/BackgroundColor.mjs +0 -2
  224. package/css/utilities/Text/themes/dark/text.css +0 -0
  225. package/css/utilities/Text/themes/dark/text.d.ts +0 -3
  226. package/css/utilities/Text/themes/dark/text.js +0 -4
  227. package/css/utilities/Text/themes/dark/text.mjs +0 -2
@@ -34,7 +34,7 @@
34
34
  --pf-v6-c-tabs--m-box__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--default);
35
35
  --pf-v6-c-tabs--m-box--m-secondary__item--BackgroundColor: var(--pf-t--global--background--color--primary--default);
36
36
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
37
- --pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--Zindex--sm);
37
+ --pf-v6-c-tabs__item--m-action--before--ZIndex: var(--pf-t--global--z-index--sm);
38
38
  --pf-v6-c-tabs__link--Color: var(--pf-t--global--text--color--subtle);
39
39
  --pf-v6-c-tabs__link--FontSize: var(--pf-t--global--font--size--sm);
40
40
  --pf-v6-c-tabs__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
@@ -651,29 +651,29 @@
651
651
  --pf-v6-c-tabs--m-vertical--m-box--inset: 0;
652
652
  }
653
653
  .pf-v6-c-tabs.pf-m-inset-sm {
654
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--sm);
655
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--sm);
656
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--sm);
654
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--sm);
655
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
656
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--sm);
657
657
  }
658
658
  .pf-v6-c-tabs.pf-m-inset-md {
659
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--md);
660
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--md);
661
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--md);
659
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--md);
660
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--md);
661
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
662
662
  }
663
663
  .pf-v6-c-tabs.pf-m-inset-lg {
664
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--lg);
665
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--lg);
666
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--lg);
664
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--lg);
665
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--lg);
666
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--lg);
667
667
  }
668
668
  .pf-v6-c-tabs.pf-m-inset-xl {
669
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--xl);
670
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--xl);
671
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--xl);
669
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--xl);
670
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--xl);
671
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--xl);
672
672
  }
673
673
  .pf-v6-c-tabs.pf-m-inset-2xl {
674
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--2xl);
675
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--2xl);
676
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--2xl);
674
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--2xl);
675
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--2xl);
676
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
677
677
  }
678
678
  @media (min-width: 576px) {
679
679
  .pf-v6-c-tabs.pf-m-inset-none-on-sm {
@@ -682,29 +682,29 @@
682
682
  --pf-v6-c-tabs--m-vertical--m-box--inset: 0;
683
683
  }
684
684
  .pf-v6-c-tabs.pf-m-inset-sm-on-sm {
685
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--sm);
686
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--sm);
687
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--sm);
685
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--sm);
686
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
687
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--sm);
688
688
  }
689
689
  .pf-v6-c-tabs.pf-m-inset-md-on-sm {
690
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--md);
691
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--md);
692
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--md);
690
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--md);
691
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--md);
692
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
693
693
  }
694
694
  .pf-v6-c-tabs.pf-m-inset-lg-on-sm {
695
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--lg);
696
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--lg);
697
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--lg);
695
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--lg);
696
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--lg);
697
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--lg);
698
698
  }
699
699
  .pf-v6-c-tabs.pf-m-inset-xl-on-sm {
700
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--xl);
701
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--xl);
702
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--xl);
700
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--xl);
701
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--xl);
702
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--xl);
703
703
  }
704
704
  .pf-v6-c-tabs.pf-m-inset-2xl-on-sm {
705
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--2xl);
706
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--2xl);
707
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--2xl);
705
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--2xl);
706
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--2xl);
707
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
708
708
  }
709
709
  }
710
710
  @media (min-width: 768px) {
@@ -714,29 +714,29 @@
714
714
  --pf-v6-c-tabs--m-vertical--m-box--inset: 0;
715
715
  }
716
716
  .pf-v6-c-tabs.pf-m-inset-sm-on-md {
717
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--sm);
718
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--sm);
719
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--sm);
717
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--sm);
718
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
719
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--sm);
720
720
  }
721
721
  .pf-v6-c-tabs.pf-m-inset-md-on-md {
722
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--md);
723
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--md);
724
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--md);
722
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--md);
723
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--md);
724
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
725
725
  }
726
726
  .pf-v6-c-tabs.pf-m-inset-lg-on-md {
727
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--lg);
728
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--lg);
729
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--lg);
727
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--lg);
728
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--lg);
729
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--lg);
730
730
  }
731
731
  .pf-v6-c-tabs.pf-m-inset-xl-on-md {
732
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--xl);
733
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--xl);
734
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--xl);
732
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--xl);
733
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--xl);
734
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--xl);
735
735
  }
736
736
  .pf-v6-c-tabs.pf-m-inset-2xl-on-md {
737
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--2xl);
738
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--2xl);
739
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--2xl);
737
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--2xl);
738
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--2xl);
739
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
740
740
  }
741
741
  }
742
742
  @media (min-width: 992px) {
@@ -746,29 +746,29 @@
746
746
  --pf-v6-c-tabs--m-vertical--m-box--inset: 0;
747
747
  }
748
748
  .pf-v6-c-tabs.pf-m-inset-sm-on-lg {
749
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--sm);
750
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--sm);
751
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--sm);
749
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--sm);
750
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
751
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--sm);
752
752
  }
753
753
  .pf-v6-c-tabs.pf-m-inset-md-on-lg {
754
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--md);
755
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--md);
756
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--md);
754
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--md);
755
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--md);
756
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
757
757
  }
758
758
  .pf-v6-c-tabs.pf-m-inset-lg-on-lg {
759
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--lg);
760
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--lg);
761
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--lg);
759
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--lg);
760
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--lg);
761
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--lg);
762
762
  }
763
763
  .pf-v6-c-tabs.pf-m-inset-xl-on-lg {
764
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--xl);
765
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--xl);
766
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--xl);
764
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--xl);
765
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--xl);
766
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--xl);
767
767
  }
768
768
  .pf-v6-c-tabs.pf-m-inset-2xl-on-lg {
769
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--2xl);
770
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--2xl);
771
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--2xl);
769
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--2xl);
770
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--2xl);
771
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
772
772
  }
773
773
  }
774
774
  @media (min-width: 1200px) {
@@ -778,29 +778,29 @@
778
778
  --pf-v6-c-tabs--m-vertical--m-box--inset: 0;
779
779
  }
780
780
  .pf-v6-c-tabs.pf-m-inset-sm-on-xl {
781
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--sm);
782
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--sm);
783
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--sm);
781
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--sm);
782
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
783
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--sm);
784
784
  }
785
785
  .pf-v6-c-tabs.pf-m-inset-md-on-xl {
786
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--md);
787
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--md);
788
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--md);
786
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--md);
787
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--md);
788
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
789
789
  }
790
790
  .pf-v6-c-tabs.pf-m-inset-lg-on-xl {
791
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--lg);
792
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--lg);
793
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--lg);
791
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--lg);
792
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--lg);
793
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--lg);
794
794
  }
795
795
  .pf-v6-c-tabs.pf-m-inset-xl-on-xl {
796
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--xl);
797
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--xl);
798
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--xl);
796
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--xl);
797
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--xl);
798
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--xl);
799
799
  }
800
800
  .pf-v6-c-tabs.pf-m-inset-2xl-on-xl {
801
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--2xl);
802
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--2xl);
803
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--2xl);
801
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--2xl);
802
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--2xl);
803
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
804
804
  }
805
805
  }
806
806
  @media (min-width: 1450px) {
@@ -810,28 +810,28 @@
810
810
  --pf-v6-c-tabs--m-vertical--m-box--inset: 0;
811
811
  }
812
812
  .pf-v6-c-tabs.pf-m-inset-sm-on-2xl {
813
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--sm);
814
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--sm);
815
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--sm);
813
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--sm);
814
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--sm);
815
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--sm);
816
816
  }
817
817
  .pf-v6-c-tabs.pf-m-inset-md-on-2xl {
818
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--md);
819
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--md);
820
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--md);
818
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--md);
819
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--md);
820
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--md);
821
821
  }
822
822
  .pf-v6-c-tabs.pf-m-inset-lg-on-2xl {
823
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--lg);
824
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--lg);
825
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--lg);
823
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--lg);
824
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--lg);
825
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--lg);
826
826
  }
827
827
  .pf-v6-c-tabs.pf-m-inset-xl-on-2xl {
828
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--xl);
829
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--xl);
830
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--xl);
828
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--xl);
829
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--xl);
830
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--xl);
831
831
  }
832
832
  .pf-v6-c-tabs.pf-m-inset-2xl-on-2xl {
833
- --pf-v6-c-tabs--inset: var(--pf-v6-global--spacer--2xl);
834
- --pf-v6-c-tabs--m-vertical--inset: var(--pf-v6-global--spacer--2xl);
835
- --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-v6-global--spacer--2xl);
833
+ --pf-v6-c-tabs--inset: var(--pf-t--global--spacer--2xl);
834
+ --pf-v6-c-tabs--m-vertical--inset: var(--pf-t--global--spacer--2xl);
835
+ --pf-v6-c-tabs--m-vertical--m-box--inset: var(--pf-t--global--spacer--2xl);
836
836
  }
837
837
  }
@@ -10,7 +10,7 @@
10
10
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
11
11
  --pf-v6-c-toggle-group__button--ZIndex: auto;
12
12
  --pf-v6-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
13
- --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--Zindex--xs);
13
+ --pf-v6-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--z-index--xs);
14
14
  --pf-v6-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
15
15
  --pf-v6-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
16
16
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
@@ -24,12 +24,12 @@
24
24
  --pf-v6-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
25
25
  --pf-v6-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
26
26
  --pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
27
- --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--Zindex--xs);
27
+ --pf-v6-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--z-index--xs);
28
28
  --pf-v6-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29
29
  --pf-v6-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
30
30
  --pf-v6-c-toggle-group__button--disabled--before--BorderColor: var(--pf-t--global--border--color--disabled);
31
31
  --pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
32
- --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--Zindex--xs);
32
+ --pf-v6-c-toggle-group__button--disabled--ZIndex: var(--pf-t--global--z-index--xs);
33
33
  --pf-v6-c-toggle-group--m-compact__button--PaddingTop: 0;
34
34
  --pf-v6-c-toggle-group--m-compact__button--PaddingRight: var(--pf-t--global--spacer--sm);
35
35
  --pf-v6-c-toggle-group--m-compact__button--PaddingBottom: 0;
@@ -109,11 +109,11 @@
109
109
  pointer-events: none;
110
110
  }
111
111
 
112
- .pf-v5-c-toggle-group__item:has(.pf-m-selected) + .pf-v5-c-toggle-group__item:has(.pf-m-selected) {
112
+ .pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected) {
113
113
  --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor);
114
114
  }
115
115
 
116
- .pf-v5-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v5-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
116
+ .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
117
117
  --pf-v6-c-toggle-group__button--before--BorderInlineStartColor: var(--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor);
118
118
  }
119
119
 
@@ -9,7 +9,6 @@ declare const _default: {
9
9
  "toggleGroupButton": "pf-v6-c-toggle-group__button",
10
10
  "toggleGroupIcon": "pf-v6-c-toggle-group__icon",
11
11
  "toggleGroupItem": "pf-v6-c-toggle-group__item",
12
- "toggleGroupText": "pf-v6-c-toggle-group__text",
13
- "v5CToggleGroupItem": "pf-v5-c-toggle-group__item"
12
+ "toggleGroupText": "pf-v6-c-toggle-group__text"
14
13
  };
15
14
  export default _default;
@@ -11,6 +11,5 @@ exports.default = {
11
11
  "toggleGroupButton": "pf-v6-c-toggle-group__button",
12
12
  "toggleGroupIcon": "pf-v6-c-toggle-group__icon",
13
13
  "toggleGroupItem": "pf-v6-c-toggle-group__item",
14
- "toggleGroupText": "pf-v6-c-toggle-group__text",
15
- "v5CToggleGroupItem": "pf-v5-c-toggle-group__item"
14
+ "toggleGroupText": "pf-v6-c-toggle-group__text"
16
15
  };
@@ -9,6 +9,5 @@ export default {
9
9
  "toggleGroupButton": "pf-v6-c-toggle-group__button",
10
10
  "toggleGroupIcon": "pf-v6-c-toggle-group__icon",
11
11
  "toggleGroupItem": "pf-v6-c-toggle-group__item",
12
- "toggleGroupText": "pf-v6-c-toggle-group__text",
13
- "v5CToggleGroupItem": "pf-v5-c-toggle-group__item"
12
+ "toggleGroupText": "pf-v6-c-toggle-group__text"
14
13
  };