@patternfly/patternfly 6.0.0-alpha.106 → 6.0.0-alpha.108

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 (154) hide show
  1. package/README.md +0 -1
  2. package/base/_common.scss +4 -4
  3. package/base/_globals.scss +2 -2
  4. package/base/_themes.scss +3 -3
  5. package/base/_variables.scss +14 -14
  6. package/base/patternfly-variables.css +18 -12
  7. package/base/themes/dark/_globals.scss +1 -1
  8. package/base/tokens/_tokens-charts.scss +1 -1
  9. package/base/tokens/_tokens-dark.scss +3 -3
  10. package/base/tokens/_tokens-default.scss +17 -11
  11. package/base/tokens/_tokens-palette.scss +1 -1
  12. package/components/AboutModalBox/about-modal-box.scss +12 -12
  13. package/components/Accordion/accordion.scss +2 -2
  14. package/components/Alert/alert.scss +2 -2
  15. package/components/AppLauncher/app-launcher.scss +2 -2
  16. package/components/AppLauncher/themes/dark/app-launcher.scss +1 -1
  17. package/components/Avatar/avatar.scss +5 -5
  18. package/components/BackToTop/back-to-top.scss +1 -1
  19. package/components/BackgroundImage/background-image.scss +1 -1
  20. package/components/Banner/banner.scss +1 -1
  21. package/components/Brand/brand.scss +3 -3
  22. package/components/Breadcrumb/breadcrumb.scss +1 -1
  23. package/components/CalendarMonth/calendar-month.scss +1 -1
  24. package/components/Card/card.scss +1 -1
  25. package/components/Chip/chip-group.scss +2 -2
  26. package/components/Chip/chip.scss +4 -4
  27. package/components/Chip/themes/dark/chip.scss +1 -1
  28. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  29. package/components/Content/content.scss +4 -4
  30. package/components/ContextSelector/context-selector.scss +5 -5
  31. package/components/ContextSelector/themes/dark/context-selector.scss +1 -1
  32. package/components/DataList/data-list-grid.scss +6 -6
  33. package/components/DataList/data-list.css +15 -15
  34. package/components/DataList/data-list.scss +4 -4
  35. package/components/DescriptionList/description-list-order.scss +1 -1
  36. package/components/DescriptionList/description-list.scss +5 -5
  37. package/components/Divider/divider.css +57 -57
  38. package/components/Divider/divider.scss +16 -16
  39. package/components/Drawer/drawer.scss +25 -25
  40. package/components/Dropdown/dropdown.scss +6 -6
  41. package/components/Dropdown/themes/dark/dropdown.scss +1 -1
  42. package/components/DualListSelector/dual-list-selector.scss +4 -4
  43. package/components/ExpandableSection/expandable-section.scss +1 -1
  44. package/components/Form/form.scss +8 -8
  45. package/components/FormControl/form-control.css +1 -1
  46. package/components/FormControl/form-control.scss +1 -1
  47. package/components/JumpLinks/jump-links.scss +4 -4
  48. package/components/Label/label-group.scss +1 -1
  49. package/components/Label/label.scss +2 -2
  50. package/components/LogViewer/log-viewer.scss +3 -3
  51. package/components/LogViewer/themes/dark/log-viewer.scss +2 -2
  52. package/components/Login/login.scss +13 -13
  53. package/components/Masthead/masthead.css +70 -70
  54. package/components/Masthead/masthead.scss +15 -15
  55. package/components/Menu/menu.css +17 -17
  56. package/components/Menu/menu.scss +9 -9
  57. package/components/MenuToggle/menu-toggle.scss +1 -1
  58. package/components/ModalBox/modal-box.scss +3 -3
  59. package/components/Nav/nav.scss +3 -3
  60. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  61. package/components/NumberInput/number-input.scss +1 -1
  62. package/components/OptionsMenu/options-menu.scss +3 -3
  63. package/components/OptionsMenu/themes/dark/options-menu.scss +1 -1
  64. package/components/Page/page.css +16 -16
  65. package/components/Page/page.scss +19 -19
  66. package/components/Pagination/pagination.css +30 -30
  67. package/components/Pagination/pagination.scss +10 -10
  68. package/components/Progress/progress.scss +1 -1
  69. package/components/ProgressStepper/progress-stepper.scss +11 -11
  70. package/components/Select/select.scss +5 -5
  71. package/components/Select/themes/dark/select.scss +1 -1
  72. package/components/Sidebar/sidebar.css +84 -84
  73. package/components/Sidebar/sidebar.scss +12 -12
  74. package/components/Skeleton/skeleton.scss +1 -1
  75. package/components/Slider/slider.scss +11 -11
  76. package/components/Switch/switch.scss +2 -2
  77. package/components/TabContent/tab-content.scss +1 -1
  78. package/components/Table/table-grid.scss +6 -6
  79. package/components/Table/table-tree-view.scss +6 -6
  80. package/components/Table/table.css +15 -15
  81. package/components/Table/table.scss +2 -2
  82. package/components/Tabs/tabs.css +90 -90
  83. package/components/Tabs/tabs.scss +10 -10
  84. package/components/TextInputGroup/text-input-group.scss +1 -1
  85. package/components/ToggleGroup/toggle-group.css +2 -2
  86. package/components/ToggleGroup/toggle-group.scss +2 -2
  87. package/components/Toolbar/toolbar.css +303 -303
  88. package/components/Toolbar/toolbar.scss +20 -20
  89. package/components/TreeView/tree-view.scss +5 -5
  90. package/components/Truncate/truncate.scss +3 -3
  91. package/components/Wizard/wizard.scss +10 -10
  92. package/docs/components/Badge/examples/Badge.md +0 -21
  93. package/docs/components/Breadcrumb/examples/Breadcrumb.md +17 -58
  94. package/docs/components/Menu/examples/Menu.md +14 -6
  95. package/docs/components/MenuToggle/examples/MenuToggle.md +19 -0
  96. package/docs/layouts/Bullseye/examples/Bullseye.css +4 -4
  97. package/docs/layouts/Flex/examples/Flex.css +4 -4
  98. package/docs/layouts/Flex/examples/Flex.md +50 -50
  99. package/docs/layouts/Gallery/examples/Gallery.css +4 -4
  100. package/docs/layouts/Gallery/examples/Gallery.md +6 -6
  101. package/docs/layouts/Grid/examples/Grid.css +3 -3
  102. package/docs/layouts/Grid/examples/Grid.md +33 -33
  103. package/docs/layouts/Level/examples/Level.css +5 -5
  104. package/docs/layouts/Split/examples/Split.css +4 -4
  105. package/docs/layouts/Stack/examples/Stack.css +5 -5
  106. package/layouts/Bullseye/bullseye.css +5 -1
  107. package/layouts/Bullseye/bullseye.scss +4 -1
  108. package/layouts/Flex/flex.css +207 -203
  109. package/layouts/Flex/flex.scss +45 -42
  110. package/layouts/Gallery/gallery.css +6 -2
  111. package/layouts/Gallery/gallery.scss +8 -5
  112. package/layouts/Grid/grid.css +6 -2
  113. package/layouts/Grid/grid.scss +11 -8
  114. package/layouts/Level/level.css +5 -1
  115. package/layouts/Level/level.scss +5 -2
  116. package/layouts/Split/split.css +5 -1
  117. package/layouts/Split/split.scss +5 -2
  118. package/layouts/Stack/stack.css +5 -1
  119. package/layouts/Stack/stack.scss +5 -2
  120. package/package.json +1 -1
  121. package/patternfly-addons.css +672 -672
  122. package/patternfly-base-no-globals-theme-dark-unversioned.css +18 -12
  123. package/patternfly-base-no-globals-theme-dark-unversioned.scss +1 -1
  124. package/patternfly-base-no-globals.css +18 -12
  125. package/patternfly-base-theme-dark-unversioned.css +18 -12
  126. package/patternfly-base.css +18 -12
  127. package/patternfly-charts-theme-dark-unversioned.scss +4 -4
  128. package/patternfly-charts-theme-dark.css +2 -2
  129. package/patternfly-charts-theme-dark.scss +4 -4
  130. package/patternfly-no-globals.css +901 -867
  131. package/patternfly-theme-dark-unversioned.css +901 -867
  132. package/patternfly.css +901 -867
  133. package/patternfly.min.css +1 -1
  134. package/patternfly.min.css.map +1 -1
  135. package/sass-utilities/_init.scss +3 -3
  136. package/sass-utilities/functions.scss +14 -14
  137. package/sass-utilities/mixins.scss +55 -54
  138. package/sass-utilities/placeholders.scss +12 -12
  139. package/sass-utilities/scss-variables.scss +36 -36
  140. package/sass-utilities/themes/dark/mixins.scss +2 -2
  141. package/sass-utilities/themes/dark/placeholders.scss +1 -1
  142. package/themes/dark/_patternfly-charts-theme-dark.scss +1 -1
  143. package/utilities/Accessibility/accessibility.scss +6 -6
  144. package/utilities/Alignment/alignment.scss +1 -1
  145. package/utilities/BackgroundColor/BackgroundColor.scss +1 -1
  146. package/utilities/BoxShadow/box-shadow.scss +1 -1
  147. package/utilities/Display/display.scss +1 -1
  148. package/utilities/Flex/flex.scss +10 -10
  149. package/utilities/Float/float.scss +1 -1
  150. package/utilities/Sizing/sizing.scss +6 -6
  151. package/utilities/Spacing/spacing.css +672 -672
  152. package/utilities/Spacing/spacing.scss +4 -4
  153. package/utilities/Text/text.scss +5 -5
  154. package/docs/components/Breadcrumb/examples/Breadcrumb.css +0 -3
package/components/Tabs/tabs.css CHANGED
@@ -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
  }
package/components/Tabs/tabs.scss CHANGED
@@ -1,6 +1,6 @@
1
1
  // @debug $tabs; // check your variable names located in src/patternfly/sass-utilities/component-namespaces.scss
2
- $pf-v5-c-tabs--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg", "xl", "2xl");
3
- $pf-v5-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
2
+ $pf-v6-c-tabs--breakpoint-map: build-breakpoint-map("base", "sm", "md", "lg", "xl", "2xl");
3
+ $pf-v6-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl");
4
4
 
5
5
  :where(:root),
6
6
  :where(.#{$tabs}) {
@@ -374,10 +374,10 @@ $pf-v5-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
374
374
  overflow-wrap: break-word;
375
375
  }
376
376
 
377
- @each $breakpoint, $breakpoint-value in $pf-v5-c-tabs--breakpoint-map {
377
+ @each $breakpoint, $breakpoint-value in $pf-v6-c-tabs--breakpoint-map {
378
378
  $breakpoint-name: if($breakpoint != "base", -on-#{$breakpoint}, "");
379
379
 
380
- @include pf-v5-apply-breakpoint($breakpoint) {
380
+ @include pf-v6-apply-breakpoint($breakpoint) {
381
381
  // stylelint-disable max-nesting-depth
382
382
  &.pf-m-expandable#{$breakpoint-name} {
383
383
  --#{$tabs}__list--Display: none;
@@ -490,7 +490,7 @@ $pf-v5-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
490
490
  }
491
491
 
492
492
  .#{$tabs}__toggle-icon {
493
- @include pf-v5-mirror-inline-on-rtl;
493
+ @include pf-v6-mirror-inline-on-rtl;
494
494
 
495
495
  display: inline-block;
496
496
  color: var(--#{$tabs}__toggle-icon--Color);
@@ -506,7 +506,7 @@ $pf-v5-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
506
506
 
507
507
  // Tab list
508
508
  .#{$tabs}__list {
509
- @include pf-v5-overflow-hide-scroll;
509
+ @include pf-v6-overflow-hide-scroll;
510
510
 
511
511
  position: relative;
512
512
  display: var(--#{$tabs}__list--Display);
@@ -677,7 +677,7 @@ $pf-v5-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
677
677
  }
678
678
 
679
679
  .#{$tabs}__link-toggle-icon {
680
- @include pf-v5-mirror-inline-on-rtl;
680
+ @include pf-v6-mirror-inline-on-rtl;
681
681
 
682
682
  align-self: end;
683
683
  font-size: var(--#{$tabs}__link-toggle-icon--FontSize);
@@ -750,11 +750,11 @@ $pf-v5-c-tabs--spacer-map: build-spacer-map("none", "sm", "md", "lg", "xl", "2xl
750
750
 
751
751
  // stylelint-disable no-duplicate-selectors, max-nesting-depth
752
752
  .#{$tabs} {
753
- @each $breakpoint, $breakpoint-value in $pf-v5-c-tabs--breakpoint-map {
753
+ @each $breakpoint, $breakpoint-value in $pf-v6-c-tabs--breakpoint-map {
754
754
  $breakpoint-name: if($breakpoint != "base", -on-#{$breakpoint}, "");
755
755
 
756
- @include pf-v5-apply-breakpoint($breakpoint) {
757
- @each $spacer, $spacer-value in $pf-v5-c-tabs--spacer-map {
756
+ @include pf-v6-apply-breakpoint($breakpoint) {
757
+ @each $spacer, $spacer-value in $pf-v6-c-tabs--spacer-map {
758
758
  &.pf-m-inset-#{$spacer}#{$breakpoint-name} {
759
759
  --#{$tabs}--inset: #{$spacer-value};
760
760
  --#{$tabs}--m-vertical--inset: #{$spacer-value};
package/components/TextInputGroup/text-input-group.scss CHANGED
@@ -133,7 +133,7 @@
133
133
  }
134
134
 
135
135
  .#{$text-input-group}__text-input {
136
- @include pf-v5-text-overflow;
136
+ @include pf-v6-text-overflow;
137
137
 
138
138
  position: relative;
139
139
  width: 100%;
package/components/ToggleGroup/toggle-group.css CHANGED
@@ -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
 
package/components/ToggleGroup/toggle-group.scss CHANGED
@@ -146,12 +146,12 @@
146
146
  }
147
147
 
148
148
  // For consecutive selected items, turn the left border back to what it was
149
- .pf-v5-c-toggle-group__item:has(.pf-m-selected) + .pf-v5-c-toggle-group__item:has(.pf-m-selected) {
149
+ .#{$toggle-group}__item:has(.pf-m-selected) + .#{$toggle-group}__item:has(.pf-m-selected) {
150
150
  --#{$toggle-group}__button--before--BorderInlineStartColor: var(--#{$toggle-group}__button--m-selected-selected--before--BorderInlineStartColor);
151
151
  }
152
152
 
153
153
  // For consecutive disabled items, turn the left border back to what it was
154
- .pf-v5-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v5-c-toggle-group__item:has(:disabled, .pf-m-disabled) {
154
+ .#{$toggle-group}__item:has(:disabled, .pf-m-disabled) + .#{$toggle-group}__item:has(:disabled, .pf-m-disabled) {
155
155
  --#{$toggle-group}__button--before--BorderInlineStartColor: var(--#{$toggle-group}__button--disabled-disabled--before--BorderInlineStartColor);
156
156
  }
157
157