@patternfly/patternfly 6.0.0-alpha.227 → 6.0.0-alpha.229

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 (193) hide show
  1. package/base/patternfly-variables.css +2 -2
  2. package/base/patternfly-variables.scss +2 -2
  3. package/components/AboutModalBox/about-modal-box.css +18 -13
  4. package/components/AboutModalBox/about-modal-box.scss +7 -8
  5. package/components/Accordion/accordion.css +2 -1
  6. package/components/Accordion/accordion.scss +1 -1
  7. package/components/ActionList/action-list.css +2 -1
  8. package/components/ActionList/action-list.scss +1 -1
  9. package/components/Alert/alert-group.css +2 -1
  10. package/components/Alert/alert-group.scss +1 -1
  11. package/components/Alert/alert.css +2 -1
  12. package/components/Alert/alert.scss +1 -1
  13. package/components/Avatar/avatar.css +2 -1
  14. package/components/Avatar/avatar.scss +1 -1
  15. package/components/BackToTop/back-to-top.css +4 -2
  16. package/components/BackToTop/back-to-top.scss +1 -1
  17. package/components/Backdrop/backdrop.css +2 -1
  18. package/components/Backdrop/backdrop.scss +1 -1
  19. package/components/BackgroundImage/background-image.css +2 -1
  20. package/components/BackgroundImage/background-image.scss +1 -1
  21. package/components/Badge/badge.css +2 -1
  22. package/components/Badge/badge.scss +1 -1
  23. package/components/Banner/banner.css +4 -2
  24. package/components/Banner/banner.scss +1 -1
  25. package/components/Brand/brand.css +2 -1
  26. package/components/Brand/brand.scss +1 -1
  27. package/components/Breadcrumb/breadcrumb.css +2 -1
  28. package/components/Breadcrumb/breadcrumb.scss +1 -1
  29. package/components/Button/button.css +2 -1
  30. package/components/Button/button.scss +1 -1
  31. package/components/CalendarMonth/calendar-month.css +2 -1
  32. package/components/CalendarMonth/calendar-month.scss +1 -1
  33. package/components/Card/card.css +2 -1
  34. package/components/Card/card.scss +1 -1
  35. package/components/Check/check.css +2 -1
  36. package/components/Check/check.scss +1 -1
  37. package/components/ClipboardCopy/clipboard-copy.css +2 -1
  38. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  39. package/components/CodeBlock/code-block.css +2 -1
  40. package/components/CodeBlock/code-block.scss +1 -1
  41. package/components/CodeEditor/code-editor.css +2 -1
  42. package/components/CodeEditor/code-editor.scss +1 -1
  43. package/components/Content/content.css +2 -1
  44. package/components/Content/content.scss +1 -1
  45. package/components/DataList/data-list.css +6 -3
  46. package/components/DataList/data-list.scss +1 -1
  47. package/components/DatePicker/date-picker.css +2 -1
  48. package/components/DatePicker/date-picker.scss +1 -1
  49. package/components/DescriptionList/description-list.css +14 -7
  50. package/components/DescriptionList/description-list.scss +1 -1
  51. package/components/Divider/divider.css +2 -1
  52. package/components/Divider/divider.scss +1 -1
  53. package/components/DragDrop/drag-drop.css +4 -2
  54. package/components/DragDrop/drag-drop.scss +2 -2
  55. package/components/Drawer/drawer.css +6 -3
  56. package/components/Drawer/drawer.scss +1 -1
  57. package/components/DualListSelector/dual-list-selector.css +2 -1
  58. package/components/DualListSelector/dual-list-selector.scss +1 -1
  59. package/components/EmptyState/empty-state.css +2 -1
  60. package/components/EmptyState/empty-state.scss +1 -1
  61. package/components/ExpandableSection/expandable-section.css +2 -1
  62. package/components/ExpandableSection/expandable-section.scss +1 -1
  63. package/components/FileUpload/file-upload.css +2 -1
  64. package/components/FileUpload/file-upload.scss +1 -1
  65. package/components/Form/form.css +2 -1
  66. package/components/Form/form.scss +1 -1
  67. package/components/FormControl/form-control.css +2 -1
  68. package/components/FormControl/form-control.scss +1 -1
  69. package/components/HelperText/helper-text.css +2 -1
  70. package/components/HelperText/helper-text.scss +1 -1
  71. package/components/Hint/hint.css +2 -1
  72. package/components/Hint/hint.scss +1 -1
  73. package/components/Icon/icon.css +2 -1
  74. package/components/Icon/icon.scss +1 -1
  75. package/components/InlineEdit/inline-edit.css +2 -1
  76. package/components/InlineEdit/inline-edit.scss +1 -1
  77. package/components/InputGroup/input-group.css +2 -1
  78. package/components/InputGroup/input-group.scss +1 -1
  79. package/components/JumpLinks/jump-links.css +2 -1
  80. package/components/JumpLinks/jump-links.scss +1 -1
  81. package/components/Label/label-group.css +2 -1
  82. package/components/Label/label-group.scss +1 -1
  83. package/components/Label/label.css +2 -1
  84. package/components/Label/label.scss +1 -1
  85. package/components/List/list.css +2 -1
  86. package/components/List/list.scss +1 -1
  87. package/components/Login/login.css +18 -9
  88. package/components/Login/login.scss +1 -1
  89. package/components/Masthead/masthead.css +2 -1
  90. package/components/Masthead/masthead.scss +1 -1
  91. package/components/Menu/menu.css +2 -1
  92. package/components/Menu/menu.scss +1 -1
  93. package/components/MenuToggle/menu-toggle.css +2 -1
  94. package/components/MenuToggle/menu-toggle.scss +1 -1
  95. package/components/ModalBox/modal-box.css +4 -2
  96. package/components/ModalBox/modal-box.scss +1 -1
  97. package/components/MultipleFileUpload/multiple-file-upload.css +2 -1
  98. package/components/MultipleFileUpload/multiple-file-upload.scss +1 -1
  99. package/components/Nav/nav.css +2 -1
  100. package/components/Nav/nav.scss +1 -1
  101. package/components/NotificationDrawer/notification-drawer.css +2 -1
  102. package/components/NotificationDrawer/notification-drawer.scss +1 -1
  103. package/components/NumberInput/number-input.css +2 -1
  104. package/components/NumberInput/number-input.scss +1 -1
  105. package/components/OverflowMenu/overflow-menu.css +2 -1
  106. package/components/OverflowMenu/overflow-menu.scss +1 -1
  107. package/components/Page/page.css +4 -2
  108. package/components/Page/page.scss +1 -1
  109. package/components/Pagination/pagination.css +6 -3
  110. package/components/Pagination/pagination.scss +1 -1
  111. package/components/Panel/panel.css +2 -1
  112. package/components/Panel/panel.scss +1 -1
  113. package/components/Popover/popover.css +2 -1
  114. package/components/Popover/popover.scss +1 -1
  115. package/components/Progress/progress.css +2 -1
  116. package/components/Progress/progress.scss +1 -1
  117. package/components/ProgressStepper/progress-stepper.css +4 -2
  118. package/components/ProgressStepper/progress-stepper.scss +1 -1
  119. package/components/Radio/radio.css +2 -1
  120. package/components/Radio/radio.scss +1 -1
  121. package/components/Sidebar/sidebar.css +2 -1
  122. package/components/Sidebar/sidebar.scss +1 -1
  123. package/components/SimpleList/simple-list.css +2 -1
  124. package/components/SimpleList/simple-list.scss +1 -1
  125. package/components/Skeleton/skeleton.css +2 -1
  126. package/components/Skeleton/skeleton.scss +1 -1
  127. package/components/SkipToContent/skip-to-content.css +2 -1
  128. package/components/SkipToContent/skip-to-content.scss +1 -1
  129. package/components/Slider/slider.css +2 -1
  130. package/components/Slider/slider.scss +1 -1
  131. package/components/Spinner/spinner.css +2 -1
  132. package/components/Spinner/spinner.scss +1 -1
  133. package/components/Switch/switch.css +2 -1
  134. package/components/Switch/switch.scss +1 -1
  135. package/components/TabContent/tab-content.css +2 -1
  136. package/components/TabContent/tab-content.scss +1 -1
  137. package/components/Table/table-grid.css +2 -1
  138. package/components/Table/table-grid.scss +1 -1
  139. package/components/Table/table-scrollable.css +2 -1
  140. package/components/Table/table-scrollable.scss +1 -1
  141. package/components/Table/table-tree-view.css +2 -1
  142. package/components/Table/table-tree-view.scss +1 -1
  143. package/components/Table/table.css +2 -1
  144. package/components/Table/table.scss +1 -1
  145. package/components/Tabs/tabs.css +2 -1
  146. package/components/Tabs/tabs.scss +1 -1
  147. package/components/TextInputGroup/text-input-group.css +2 -1
  148. package/components/TextInputGroup/text-input-group.scss +1 -1
  149. package/components/Tile/tile.css +2 -1
  150. package/components/Tile/tile.scss +1 -1
  151. package/components/Timestamp/timestamp.css +2 -1
  152. package/components/Timestamp/timestamp.scss +1 -1
  153. package/components/Title/title.css +2 -1
  154. package/components/Title/title.scss +1 -1
  155. package/components/ToggleGroup/toggle-group.css +2 -1
  156. package/components/ToggleGroup/toggle-group.scss +1 -1
  157. package/components/Toolbar/toolbar.css +2 -1
  158. package/components/Toolbar/toolbar.scss +1 -1
  159. package/components/Tooltip/tooltip.css +2 -1
  160. package/components/Tooltip/tooltip.scss +1 -1
  161. package/components/TreeView/tree-view.css +2 -1
  162. package/components/TreeView/tree-view.scss +1 -1
  163. package/components/Truncate/truncate.css +2 -1
  164. package/components/Truncate/truncate.scss +1 -1
  165. package/components/Wizard/wizard.css +4 -2
  166. package/components/Wizard/wizard.scss +1 -1
  167. package/components/_index.css +234 -121
  168. package/docs/components/JumpLinks/examples/JumpLinks.md +1 -4
  169. package/docs/demos/Drawer/examples/Drawer.md +48 -2
  170. package/docs/demos/JumpLinks/examples/JumpLinks.md +48 -5
  171. package/layouts/Bullseye/bullseye.css +2 -1
  172. package/layouts/Bullseye/bullseye.scss +1 -1
  173. package/layouts/Flex/flex.css +2 -1
  174. package/layouts/Flex/flex.scss +1 -1
  175. package/layouts/Gallery/gallery.css +2 -1
  176. package/layouts/Gallery/gallery.scss +1 -1
  177. package/layouts/Grid/grid.css +2 -1
  178. package/layouts/Grid/grid.scss +1 -1
  179. package/layouts/Level/level.css +2 -1
  180. package/layouts/Level/level.scss +1 -1
  181. package/layouts/Split/split.css +2 -1
  182. package/layouts/Split/split.scss +1 -1
  183. package/layouts/Stack/stack.css +2 -1
  184. package/layouts/Stack/stack.scss +1 -1
  185. package/layouts/_index.css +14 -7
  186. package/package.json +1 -1
  187. package/patternfly-base-no-globals.css +2 -2
  188. package/patternfly-base.css +2 -2
  189. package/patternfly-no-globals.css +250 -130
  190. package/patternfly.css +250 -130
  191. package/patternfly.min.css +1 -1
  192. package/patternfly.min.css.map +1 -1
  193. package/sass-utilities/mixins.scss +7 -0
@@ -4853,7 +4853,7 @@
4853
4853
  vertical-align: -0.125em;
4854
4854
  }
4855
4855
 
4856
- :where(:root) {
4856
+ :root {
4857
4857
  --pf-v6-global--inverse--multiplier: 1;
4858
4858
  --pf-t--color--black: #000000;
4859
4859
  --pf-t--color--blue--10: #e0f0ff;
@@ -5689,7 +5689,7 @@
5689
5689
  --pf-t--temp--dev--tbd: #BC11E0;
5690
5690
  }
5691
5691
 
5692
- :where(.pf-v6-theme-dark) {
5692
+ :root:where(.pf-v6-theme-dark) {
5693
5693
  --pf-t--global--background--color--action--plain--default: rgba(0, 0, 0, 0.0000);
5694
5694
  --pf-t--global--dark--background--color--500: rgba(21, 21, 21, 0.8000);
5695
5695
  --pf-t--global--dark--background--color--600: rgba(199, 199, 199, 0.1500);
@@ -6063,10 +6063,10 @@
6063
6063
  --pf-v6-global--inverse--multiplier: -1;
6064
6064
  }
6065
6065
 
6066
- :where(:root, .pf-v6-c-about-modal-box) {
6066
+ :root,
6067
+ .pf-v6-c-about-modal-box {
6067
6068
  --pf-v6-c-about-modal-box--BackgroundImage: none;
6068
6069
  --pf-v6-c-about-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
6069
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
6070
6070
  --pf-v6-c-about-modal-box--BackgroundSize--min-width: 200px;
6071
6071
  --pf-v6-c-about-modal-box--BackgroundSize--width: 60%;
6072
6072
  --pf-v6-c-about-modal-box--BackgroundSize--max-width: 600px;
@@ -6076,7 +6076,6 @@
6076
6076
  --pf-v6-c-about-modal-box--Width: 100%;
6077
6077
  --pf-v6-c-about-modal-box--sm--GridTemplateColumns: 5fr 1fr;
6078
6078
  --pf-v6-c-about-modal-box--lg--GridTemplateColumns: 1fr .6fr;
6079
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
6080
6079
  --pf-v6-c-about-modal-box__brand--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
6081
6080
  --pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
6082
6081
  --pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-t--global--spacer--xl);
@@ -6110,40 +6109,42 @@
6110
6109
  --pf-v6-c-about-modal-box__content--sm--MarginBlockEnd: var(--pf-t--global--spacer--2xl);
6111
6110
  --pf-v6-c-about-modal-box__content--sm--MarginInlineStart: var(--pf-t--global--spacer--3xl);
6112
6111
  }
6113
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) :where(:root, .pf-v6-c-about-modal-box) {
6114
- --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
6115
- }
6116
-
6117
6112
  @media screen and (min-width: 36rem) {
6118
- :where(:root, .pf-v6-c-about-modal-box) {
6113
+ :root,
6114
+ .pf-v6-c-about-modal-box {
6119
6115
  --pf-v6-c-about-modal-box__brand--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineEnd);
6120
6116
  --pf-v6-c-about-modal-box__brand--PaddingInlineStart: var(--pf-v6-c-about-modal-box__brand--sm--PaddingInlineStart);
6121
6117
  --pf-v6-c-about-modal-box__brand--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__brand--sm--PaddingBlockEnd);
6122
6118
  }
6123
6119
  }
6124
6120
  @media only screen and (min-width: 36rem) {
6125
- :where(:root, .pf-v6-c-about-modal-box) {
6121
+ :root,
6122
+ .pf-v6-c-about-modal-box {
6126
6123
  --pf-v6-c-about-modal-box__close--PaddingBlockEnd: var(--pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd);
6127
6124
  }
6128
6125
  }
6129
6126
  @media only screen and (min-width: 62rem) {
6130
- :where(:root, .pf-v6-c-about-modal-box) {
6127
+ :root,
6128
+ .pf-v6-c-about-modal-box {
6131
6129
  --pf-v6-c-about-modal-box__close--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd);
6132
6130
  }
6133
6131
  }
6134
6132
  @media only screen and (min-width: 36rem) {
6135
- :where(:root, .pf-v6-c-about-modal-box) {
6133
+ :root,
6134
+ .pf-v6-c-about-modal-box {
6136
6135
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineEnd);
6137
6136
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-v6-c-about-modal-box__header--sm--PaddingInlineStart);
6138
6137
  }
6139
6138
  }
6140
6139
  @media only screen and (min-width: 36rem) {
6141
- :where(:root, .pf-v6-c-about-modal-box) {
6140
+ :root,
6141
+ .pf-v6-c-about-modal-box {
6142
6142
  --pf-v6-c-about-modal-box__strapline--PaddingBlockStart: var(--pf-v6-c-about-modal-box__strapline--sm--PaddingBlockStart);
6143
6143
  }
6144
6144
  }
6145
6145
  @media only screen and (min-width: 36rem) {
6146
- :where(:root, .pf-v6-c-about-modal-box) {
6146
+ :root,
6147
+ .pf-v6-c-about-modal-box {
6147
6148
  --pf-v6-c-about-modal-box__content--MarginBlockStart: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockStart);
6148
6149
  --pf-v6-c-about-modal-box__content--MarginInlineEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginInlineEnd);
6149
6150
  --pf-v6-c-about-modal-box__content--MarginBlockEnd: var(--pf-v6-c-about-modal-box__content--sm--MarginBlockEnd);
@@ -6165,6 +6166,7 @@
6165
6166
  background-repeat: no-repeat;
6166
6167
  background-position: var(--pf-v6-c-about-modal-box--BackgroundPosition);
6167
6168
  background-size: var(--pf-v6-c-about-modal-box--BackgroundSize);
6169
+ --pf-v6-c-about-modal-box--BackgroundPosition: bottom right;
6168
6170
  }
6169
6171
  @media only screen and (min-width: 36rem) {
6170
6172
  .pf-v6-c-about-modal-box {
@@ -6180,6 +6182,9 @@
6180
6182
  grid-template-columns: var(--pf-v6-c-about-modal-box--lg--GridTemplateColumns);
6181
6183
  }
6182
6184
  }
6185
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-about-modal-box {
6186
+ --pf-v6-c-about-modal-box--BackgroundPosition: bottom left;
6187
+ }
6183
6188
 
6184
6189
  .pf-v6-c-about-modal-box__brand {
6185
6190
  display: flex;
@@ -6257,7 +6262,8 @@
6257
6262
  font-size: var(--pf-v6-c-about-modal-box__close--c-button--FontSize);
6258
6263
  }
6259
6264
 
6260
- :where(:root, .pf-v6-c-accordion) {
6265
+ :root,
6266
+ .pf-v6-c-accordion {
6261
6267
  --pf-v6-c-accordion--BackgroundColor: var(--pf-t--global--background--color--primary--default);
6262
6268
  --pf-v6-c-accordion--RowGap: var(--pf-t--global--spacer--xs);
6263
6269
  --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
@@ -6409,7 +6415,8 @@
6409
6415
  --pf-v6-c-accordion__expandable-content-body--PaddingBlockStart: var(--pf-v6-c-accordion__expandable-content-body--expandable-content-body--PaddingBlockStart);
6410
6416
  }
6411
6417
 
6412
- :where(:root, .pf-v6-c-action-list) {
6418
+ :root,
6419
+ .pf-v6-c-action-list {
6413
6420
  --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6414
6421
  --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal);
6415
6422
  --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
@@ -6439,7 +6446,8 @@
6439
6446
  column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6440
6447
  }
6441
6448
 
6442
- :where(:root, .pf-v6-c-alert) {
6449
+ :root,
6450
+ .pf-v6-c-alert {
6443
6451
  --pf-v6-c-alert--BoxShadow: var(--pf-t--global--box-shadow--lg);
6444
6452
  --pf-v6-c-alert--BackgroundColor: var(--pf-t--global--background--color--floating--default);
6445
6453
  --pf-v6-c-alert--GridTemplateColumns: max-content 1fr max-content;
@@ -6637,7 +6645,8 @@
6637
6645
  margin-inline-end: var(--pf-v6-c-alert__action-group__c-button--not-last-child--MarginInlineEnd);
6638
6646
  }
6639
6647
 
6640
- :where(:root, .pf-v6-c-alert-group) {
6648
+ :root,
6649
+ .pf-v6-c-alert-group {
6641
6650
  --pf-v6-c-alert-group__item--MarginBlockStart: var(--pf-t--global--spacer--gap--group--vertical);
6642
6651
  --pf-v6-c-alert-group--m-toast--InsetBlockStart: var(--pf-t--global--spacer--2xl);
6643
6652
  --pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
@@ -6751,7 +6760,8 @@
6751
6760
  --pf-v6-c-alert-group__overflow-button--BoxShadow: var(--pf-v6-c-alert-group__overflow-button--active--BoxShadow);
6752
6761
  }
6753
6762
 
6754
- :where(:root, .pf-v6-c-avatar) {
6763
+ :root,
6764
+ .pf-v6-c-avatar {
6755
6765
  --pf-v6-c-avatar--BorderColor: transparent;
6756
6766
  --pf-v6-c-avatar--BorderWidth: 0;
6757
6767
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -6996,7 +7006,8 @@
6996
7006
  }
6997
7007
  }
6998
7008
 
6999
- :where(:root, .pf-v6-c-backdrop) {
7009
+ :root,
7010
+ .pf-v6-c-backdrop {
7000
7011
  --pf-v6-c-backdrop--Position: fixed;
7001
7012
  --pf-v6-c-backdrop--ZIndex: var(--pf-t--global--z-index--lg);
7002
7013
  --pf-v6-c-backdrop--BackgroundColor: var(--pf-t--global--background--color--backdrop--default);
@@ -7016,7 +7027,8 @@
7016
7027
  overflow: hidden;
7017
7028
  }
7018
7029
 
7019
- :where(:root, .pf-v6-c-background-image) {
7030
+ :root,
7031
+ .pf-v6-c-background-image {
7020
7032
  --pf-v6-c-background-image--BackgroundColor: var(--pf-t--global--background--color--primary--default);
7021
7033
  --pf-v6-c-background-image--BackgroundImage: none;
7022
7034
  --pf-v6-c-background-image--BackgroundSize--min-width: 200px;
@@ -7043,7 +7055,8 @@
7043
7055
  --pf-v6-c-background-image--BackgroundPosition: bottom left;
7044
7056
  }
7045
7057
 
7046
- :where(:root, .pf-v6-c-back-to-top) {
7058
+ :root,
7059
+ .pf-v6-c-back-to-top {
7047
7060
  --pf-v6-c-back-to-top--InsetInlineEnd: var(--pf-t--global--spacer--2xl);
7048
7061
  --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-t--global--spacer--lg);
7049
7062
  --pf-v6-c-back-to-top--md--InsetBlockEnd: var(--pf-t--global--spacer--2xl);
@@ -7055,7 +7068,8 @@
7055
7068
  --pf-v6-c-back-to-top--c-button--BoxShadow: var(--pf-t--global--box-shadow--sm);
7056
7069
  }
7057
7070
  @media (min-width: 48rem) {
7058
- :where(:root, .pf-v6-c-back-to-top) {
7071
+ :root,
7072
+ .pf-v6-c-back-to-top {
7059
7073
  --pf-v6-c-back-to-top--InsetBlockEnd: var(--pf-v6-c-back-to-top--md--InsetBlockEnd);
7060
7074
  }
7061
7075
  }
@@ -7077,7 +7091,8 @@
7077
7091
  box-shadow: var(--pf-v6-c-back-to-top--c-button--BoxShadow);
7078
7092
  }
7079
7093
 
7080
- :where(:root, .pf-v6-c-badge) {
7094
+ :root,
7095
+ .pf-v6-c-badge {
7081
7096
  --pf-v6-c-badge--BorderColor: transparent;
7082
7097
  --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7083
7098
  --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -7145,7 +7160,8 @@
7145
7160
  color: var(--pf-v6-c-badge__toggle-icon--Color);
7146
7161
  }
7147
7162
 
7148
- :where(:root, .pf-v6-c-banner) {
7163
+ :root,
7164
+ .pf-v6-c-banner {
7149
7165
  --pf-v6-c-banner--PaddingBlockStart: var(--pf-t--global--spacer--xs);
7150
7166
  --pf-v6-c-banner--PaddingInlineEnd: var(--pf-t--global--spacer--md);
7151
7167
  --pf-v6-c-banner--md--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -7189,7 +7205,8 @@
7189
7205
  --pf-v6-c-banner--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
7190
7206
  }
7191
7207
  @media (min-width: 48rem) {
7192
- :where(:root, .pf-v6-c-banner) {
7208
+ :root,
7209
+ .pf-v6-c-banner {
7193
7210
  --pf-v6-c-banner--PaddingInlineEnd: var(--pf-v6-c-banner--md--PaddingInlineEnd);
7194
7211
  --pf-v6-c-banner--PaddingInlineStart: var(--pf-v6-c-banner--md--PaddingInlineStart);
7195
7212
  }
@@ -7285,7 +7302,8 @@
7285
7302
  cursor: not-allowed;
7286
7303
  }
7287
7304
 
7288
- :where(:root, .pf-v6-c-brand) {
7305
+ :root,
7306
+ .pf-v6-c-brand {
7289
7307
  --pf-v6-c-brand--Width: auto;
7290
7308
  --pf-v6-c-brand--Height: auto;
7291
7309
  }
@@ -7351,7 +7369,8 @@
7351
7369
  max-width: 100%;
7352
7370
  }
7353
7371
 
7354
- :where(:root, .pf-v6-c-breadcrumb) {
7372
+ :root,
7373
+ .pf-v6-c-breadcrumb {
7355
7374
  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
7356
7375
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
7357
7376
  --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -7459,7 +7478,8 @@ button.pf-v6-c-breadcrumb__link {
7459
7478
  display: none;
7460
7479
  }
7461
7480
 
7462
- :where(:root, .pf-v6-c-button) {
7481
+ :root,
7482
+ .pf-v6-c-button {
7463
7483
  --pf-v6-c-button--Display: inline-flex;
7464
7484
  --pf-v6-c-button--AlignItems: baseline;
7465
7485
  --pf-v6-c-button--JustifyContent: center;
@@ -8046,7 +8066,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8046
8066
  align-items: center;
8047
8067
  }
8048
8068
 
8049
- :where(:root, .pf-v6-c-calendar-month) {
8069
+ :root,
8070
+ .pf-v6-c-calendar-month {
8050
8071
  --pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
8051
8072
  --pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
8052
8073
  --pf-v6-c-calendar-month--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -8251,7 +8272,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8251
8272
  pointer-events: none;
8252
8273
  }
8253
8274
 
8254
- :where(:root, .pf-v6-c-card) {
8275
+ :root,
8276
+ .pf-v6-c-card {
8255
8277
  --pf-v6-c-card--BackgroundColor: var(--pf-t--global--background--color--primary--default);
8256
8278
  --pf-v6-c-card--BorderColor: var(--pf-t--global--border--color--default);
8257
8279
  --pf-v6-c-card--BorderStyle: solid;
@@ -8584,7 +8606,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
8584
8606
  color: var(--pf-v6-c-card__footer--Color);
8585
8607
  }
8586
8608
 
8587
- :where(:root, .pf-v6-c-check) {
8609
+ :root,
8610
+ .pf-v6-c-check {
8588
8611
  --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
8589
8612
  --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
8590
8613
  --pf-v6-c-check--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
@@ -8663,7 +8686,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8663
8686
  color: var(--pf-v6-c-check__label-required--Color);
8664
8687
  }
8665
8688
 
8666
- :where(:root, .pf-v6-c-clipboard-copy) {
8689
+ :root,
8690
+ .pf-v6-c-clipboard-copy {
8667
8691
  --pf-v6-c-clipboard-copy__toggle-icon--Transition: .2s ease-in 0s;
8668
8692
  --pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
8669
8693
  --pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
@@ -8761,7 +8785,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8761
8785
  --pf-v6-c-button--m-plain--hover__icon--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
8762
8786
  }
8763
8787
 
8764
- :where(:root, .pf-v6-c-code-block) {
8788
+ :root,
8789
+ .pf-v6-c-code-block {
8765
8790
  --pf-v6-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
8766
8791
  --pf-v6-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
8767
8792
  --pf-v6-c-code-block__header--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -8815,7 +8840,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8815
8840
  font-family: var(--pf-v6-c-code-block__code--FontFamily, inherit);
8816
8841
  }
8817
8842
 
8818
- :where(:root, .pf-v6-c-code-editor) {
8843
+ :root,
8844
+ .pf-v6-c-code-editor {
8819
8845
  --pf-v6-c-code-editor__controls--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8820
8846
  --pf-v6-c-code-editor__controls--Gap: var(--pf-t--global--spacer--xs);
8821
8847
  --pf-v6-c-code-editor__header--before--BorderBlockEndWidth: var(--pf-t--global--border--width--box--default);
@@ -8992,7 +9018,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
8992
9018
  margin-inline-start: var(--pf-v6-c-code-editor__tab-icon--text--MarginInlineStart);
8993
9019
  }
8994
9020
 
8995
- :where(:root, .pf-v6-c-content) {
9021
+ :root,
9022
+ .pf-v6-c-content {
8996
9023
  --pf-v6-c-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
8997
9024
  --pf-v6-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
8998
9025
  --pf-v6-c-content--FontSize: var(--pf-t--global--font--size--body--default);
@@ -9668,7 +9695,8 @@ ul) {
9668
9695
  }
9669
9696
  }
9670
9697
 
9671
- :where(:root, .pf-v6-c-data-list) {
9698
+ :root,
9699
+ .pf-v6-c-data-list {
9672
9700
  --pf-v6-c-data-list--FontSize: var( --pf-t--global--font--size--body);
9673
9701
  --pf-v6-c-data-list--LineHeight: var(--pf-t--global--font--line-height--body);
9674
9702
  --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-t--global--border--color--default);
@@ -9778,13 +9806,15 @@ ul) {
9778
9806
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
9779
9807
  }
9780
9808
  @media screen and (min-width: 36rem) {
9781
- :where(:root, .pf-v6-c-data-list) {
9809
+ :root,
9810
+ .pf-v6-c-data-list {
9782
9811
  --pf-v6-c-data-list--BorderBlockStartColor: var(--pf-v6-c-data-list--sm--BorderBlockStartColor);
9783
9812
  --pf-v6-c-data-list--BorderBlockStartWidth: var(--pf-v6-c-data-list--sm--BorderBlockStartWidth);
9784
9813
  }
9785
9814
  }
9786
9815
  @media screen and (min-width: 36rem) {
9787
- :where(:root, .pf-v6-c-data-list) {
9816
+ :root,
9817
+ .pf-v6-c-data-list {
9788
9818
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-v6-c-data-list__item--sm--BorderBlockEndWidth);
9789
9819
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-v6-c-data-list__item--sm--BorderBlockEndColor);
9790
9820
  }
@@ -10093,7 +10123,8 @@ ul) {
10093
10123
  padding: 0;
10094
10124
  }
10095
10125
 
10096
- :where(:root, .pf-v6-c-description-list) {
10126
+ :root,
10127
+ .pf-v6-c-description-list {
10097
10128
  --pf-v6-c-description-list--RowGap: var(--pf-t--global--spacer--lg);
10098
10129
  --pf-v6-c-description-list--ColumnGap: var(--pf-t--global--spacer--lg);
10099
10130
  --pf-v6-c-description-list--GridTemplateColumns--count: 1;
@@ -10140,32 +10171,38 @@ ul) {
10140
10171
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width);
10141
10172
  }
10142
10173
  @media screen and (min-width: 36rem) {
10143
- :where(:root, .pf-v6-c-description-list) {
10174
+ :root,
10175
+ .pf-v6-c-description-list {
10144
10176
  --pf-v6-c-description-list__term--Display: var(--pf-v6-c-description-list__term--sm--Display);
10145
10177
  }
10146
10178
  }
10147
10179
  @media (min-width: 36rem) {
10148
- :where(:root, .pf-v6-c-description-list) {
10180
+ :root,
10181
+ .pf-v6-c-description-list {
10149
10182
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width));
10150
10183
  }
10151
10184
  }
10152
10185
  @media (min-width: 48rem) {
10153
- :where(:root, .pf-v6-c-description-list) {
10186
+ :root,
10187
+ .pf-v6-c-description-list {
10154
10188
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)));
10155
10189
  }
10156
10190
  }
10157
10191
  @media (min-width: 62rem) {
10158
- :where(:root, .pf-v6-c-description-list) {
10192
+ :root,
10193
+ .pf-v6-c-description-list {
10159
10194
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))));
10160
10195
  }
10161
10196
  }
10162
10197
  @media (min-width: 75rem) {
10163
- :where(:root, .pf-v6-c-description-list) {
10198
+ :root,
10199
+ .pf-v6-c-description-list {
10164
10200
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width)))));
10165
10201
  }
10166
10202
  }
10167
10203
  @media (min-width: 90.625rem) {
10168
- :where(:root, .pf-v6-c-description-list) {
10204
+ :root,
10205
+ .pf-v6-c-description-list {
10169
10206
  --pf-v6-c-description-list__term--width: var(--pf-v6-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v6-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v6-c-description-list--m-horizontal__term--width-on-md, var(--pf-v6-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v6-c-description-list--m-horizontal__term--width))))));
10170
10207
  }
10171
10208
  }
@@ -10413,7 +10450,8 @@ ul) {
10413
10450
  }
10414
10451
  }
10415
10452
 
10416
- :where(:root, .pf-v6-c-draggable) {
10453
+ :root,
10454
+ .pf-v6-c-draggable {
10417
10455
  --pf-v6-c-draggable--Cursor: auto;
10418
10456
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
10419
10457
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -10449,7 +10487,8 @@ ul) {
10449
10487
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-v6-c-draggable--m-drag-outside--after--BorderColor);
10450
10488
  }
10451
10489
 
10452
- :where(:root, .pf-v6-c-droppable) {
10490
+ :root,
10491
+ .pf-v6-c-droppable {
10453
10492
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
10454
10493
  --pf-v6-c-droppable--before--Opacity: 0;
10455
10494
  --pf-v6-c-droppable--after--BorderWidth: 0;
@@ -10490,7 +10529,8 @@ ul) {
10490
10529
  --pf-v6-c-droppable--m-dragging--after--BorderColor: var(--pf-v6-c-droppable--m-drag-outside--after--BorderColor);
10491
10530
  }
10492
10531
 
10493
- :where(:root, .pf-v6-c-dual-list-selector) {
10532
+ :root,
10533
+ .pf-v6-c-dual-list-selector {
10494
10534
  --pf-v6-c-dual-list-selector__header--GridArea: pane-header;
10495
10535
  --pf-v6-c-dual-list-selector__tools--GridArea: pane-tools;
10496
10536
  --pf-v6-c-dual-list-selector__status--GridArea: pane-status;
@@ -10813,7 +10853,8 @@ ul) {
10813
10853
  --pf-v6-c-dual-list-selector__list__list__item-toggle--InsetInlineStart: var(--pf-v6-c-dual-list-selector__item--PaddingInlineStart);
10814
10854
  }
10815
10855
 
10816
- :where(:root, .pf-v6-c-date-picker) {
10856
+ :root,
10857
+ .pf-v6-c-date-picker {
10817
10858
  --pf-v6-c-date-picker--m-top__calendar--InsetBlockStart: 0;
10818
10859
  --pf-v6-c-date-picker--m-top__calendar--TranslateY: calc(-100% - var(--pf-t--global--spacer--xs));
10819
10860
  --pf-v6-c-date-picker__helper-text--MarginBlockStart: var(--pf-t--global--spacer--sm);
@@ -10871,7 +10912,8 @@ ul) {
10871
10912
  min-width: min-content;
10872
10913
  }
10873
10914
 
10874
- :where(:root, .pf-v6-c-divider) {
10915
+ :root,
10916
+ .pf-v6-c-divider {
10875
10917
  --pf-v6-c-divider--Display: flex;
10876
10918
  --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
10877
10919
  --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
@@ -11176,7 +11218,8 @@ ul) {
11176
11218
  }
11177
11219
  }
11178
11220
 
11179
- :where(:root, .pf-v6-c-drawer) {
11221
+ :root,
11222
+ .pf-v6-c-drawer {
11180
11223
  --pf-v6-c-drawer__section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
11181
11224
  --pf-v6-c-drawer__section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11182
11225
  --pf-v6-c-drawer__content--FlexBasis: 100%;
@@ -11284,10 +11327,12 @@ ul) {
11284
11327
  --pf-v6-c-drawer--m-panel-bottom--m-inline__panel--PaddingBlockStart: var(--pf-v6-c-drawer__panel--after--Width);
11285
11328
  }
11286
11329
  @media screen and (min-width: 75rem) {
11287
- :where(:root, .pf-v6-c-drawer) {
11330
+ :root,
11331
+ .pf-v6-c-drawer {
11288
11332
  --pf-v6-c-drawer__panel--MinWidth: var(--pf-v6-c-drawer__panel--xl--MinWidth);
11289
11333
  }
11290
- :where(:root, .pf-v6-c-drawer).pf-m-panel-bottom {
11334
+ :root.pf-m-panel-bottom,
11335
+ .pf-v6-c-drawer.pf-m-panel-bottom {
11291
11336
  --pf-v6-c-drawer__panel--MinWidth: auto;
11292
11337
  --pf-v6-c-drawer__panel--MinHeight: var(--pf-v6-c-drawer--m-panel-bottom__panel--xl--MinHeight);
11293
11338
  }
@@ -12014,7 +12059,8 @@ ul) {
12014
12059
  display: none;
12015
12060
  }
12016
12061
  }
12017
- :where(:root, .pf-v6-c-empty-state) {
12062
+ :root,
12063
+ .pf-v6-c-empty-state {
12018
12064
  --pf-v6-c-empty-state--PaddingBlockStart: var(--pf-t--global--spacer--xl);
12019
12065
  --pf-v6-c-empty-state--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
12020
12066
  --pf-v6-c-empty-state--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
@@ -12153,7 +12199,8 @@ ul) {
12153
12199
  justify-content: center;
12154
12200
  }
12155
12201
 
12156
- :where(:root, .pf-v6-c-expandable-section) {
12202
+ :root,
12203
+ .pf-v6-c-expandable-section {
12157
12204
  --pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
12158
12205
  --pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
12159
12206
  --pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -12234,7 +12281,8 @@ ul) {
12234
12281
  padding-inline-start: var(--pf-v6-c-expandable-section__content--PaddingInlineStart, 0);
12235
12282
  }
12236
12283
 
12237
- :where(:root, .pf-v6-c-file-upload) {
12284
+ :root,
12285
+ .pf-v6-c-file-upload {
12238
12286
  --pf-v6-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
12239
12287
  --pf-v6-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
12240
12288
  --pf-v6-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -12291,7 +12339,8 @@ ul) {
12291
12339
  transform: translate(-50%, -50%);
12292
12340
  }
12293
12341
 
12294
- :where(:root, .pf-v6-c-form) {
12342
+ :root,
12343
+ .pf-v6-c-form {
12295
12344
  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--lg);
12296
12345
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--sm);
12297
12346
  --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
@@ -12810,7 +12859,8 @@ ul) {
12810
12859
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
12811
12860
  }
12812
12861
 
12813
- :where(:root, .pf-v6-c-form-control) {
12862
+ :root,
12863
+ .pf-v6-c-form-control {
12814
12864
  --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--sm);
12815
12865
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
12816
12866
  --pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
@@ -13078,7 +13128,8 @@ select ~ .pf-v6-c-form-control__utilities {
13078
13128
  --pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
13079
13129
  }
13080
13130
 
13081
- :where(:root, .pf-v6-c-hint) {
13131
+ :root,
13132
+ .pf-v6-c-hint {
13082
13133
  --pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
13083
13134
  --pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
13084
13135
  --pf-v6-c-hint--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -13153,7 +13204,8 @@ select ~ .pf-v6-c-form-control__utilities {
13153
13204
  margin-inline-end: var(--pf-v6-c-hint__footer--child--MarginInlineEnd);
13154
13205
  }
13155
13206
 
13156
- :where(:root, .pf-v6-c-helper-text) {
13207
+ :root,
13208
+ .pf-v6-c-helper-text {
13157
13209
  --pf-v6-c-helper-text--Gap: var(--pf-t--global--spacer--xs);
13158
13210
  --pf-v6-c-helper-text--FontSize: var(--pf-t--global--font--size--body--sm);
13159
13211
  --pf-v6-c-helper-text__item-icon--Color: var(--pf-t--global--icon--color--regular);
@@ -13225,7 +13277,8 @@ select ~ .pf-v6-c-form-control__utilities {
13225
13277
  color: var(--pf-v6-c-helper-text__item-text--Color);
13226
13278
  }
13227
13279
 
13228
- :where(:root, .pf-v6-c-icon) {
13280
+ :root,
13281
+ .pf-v6-c-icon {
13229
13282
  --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
13230
13283
  --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
13231
13284
  --pf-v6-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
@@ -13481,7 +13534,8 @@ select ~ .pf-v6-c-form-control__utilities {
13481
13534
  transform: translateY(calc(-50% - 0.5 * var(--pf-v6-c-icon__content--svg--VerticalAlign)));
13482
13535
  }
13483
13536
 
13484
- :where(:root, .pf-v6-c-inline-edit) {
13537
+ :root,
13538
+ .pf-v6-c-inline-edit {
13485
13539
  --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
13486
13540
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
13487
13541
  --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
@@ -13564,7 +13618,8 @@ select ~ .pf-v6-c-form-control__utilities {
13564
13618
  display: none;
13565
13619
  }
13566
13620
 
13567
- :where(:root, .pf-v6-c-input-group) {
13621
+ :root,
13622
+ .pf-v6-c-input-group {
13568
13623
  --pf-v6-c-input-group--Gap: var(--pf-t--global--spacer--xs);
13569
13624
  --pf-v6-c-input-group__item--offset: var(--pf-t--global--border--width--control--default);
13570
13625
  --pf-v6-c-input-group__item--BorderWidth--base: var(--pf-t--global--border--width--control--default);
@@ -13637,7 +13692,8 @@ label.pf-v6-c-input-group__text {
13637
13692
  cursor: pointer;
13638
13693
  }
13639
13694
 
13640
- :where(:root, .pf-v6-c-jump-links) {
13695
+ :root,
13696
+ .pf-v6-c-jump-links {
13641
13697
  --pf-v6-c-jump-links__list--Display: flex;
13642
13698
  --pf-v6-c-jump-links__list--PaddingBlockStart: 0;
13643
13699
  --pf-v6-c-jump-links__list--PaddingInlineEnd: var(--pf-t--global--spacer--md);
@@ -13882,7 +13938,8 @@ label.pf-v6-c-input-group__text {
13882
13938
  scale: -1 1;
13883
13939
  }
13884
13940
 
13885
- :where(:root, .pf-v6-c-label) {
13941
+ :root,
13942
+ .pf-v6-c-label {
13886
13943
  --pf-v6-c-label--PaddingBlockStart: var(--pf-t--global--spacer--xs);
13887
13944
  --pf-v6-c-label--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
13888
13945
  --pf-v6-c-label--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -14376,7 +14433,8 @@ input.pf-v6-c-label__content {
14376
14433
  outline-offset: var(--pf-v6-c-label__actions--c-button--OutlineOffset);
14377
14434
  }
14378
14435
 
14379
- :where(:root, .pf-v6-c-label-group) {
14436
+ :root,
14437
+ .pf-v6-c-label-group {
14380
14438
  --pf-v6-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
14381
14439
  --pf-v6-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
14382
14440
  --pf-v6-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
@@ -14511,7 +14569,8 @@ input.pf-v6-c-label__content {
14511
14569
  display: none;
14512
14570
  }
14513
14571
 
14514
- :where(:root, .pf-v6-c-list) {
14572
+ :root,
14573
+ .pf-v6-c-list {
14515
14574
  --pf-v6-c-list--PaddingInlineStart: var(--pf-t--global--spacer--lg);
14516
14575
  --pf-v6-c-list--ul--ListStyle: var(--pf-t--global--list-style);
14517
14576
  --pf-v6-c-list--Gap: var(--pf-t--global--spacer--sm);
@@ -14582,7 +14641,8 @@ ul.pf-v6-c-list {
14582
14641
  color: var(--pf-v6-c-list__item-icon--Color);
14583
14642
  }
14584
14643
 
14585
- :where(:root, .pf-v6-c-login) {
14644
+ :root,
14645
+ .pf-v6-c-login {
14586
14646
  --pf-v6-c-login--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14587
14647
  --pf-v6-c-login--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
14588
14648
  --pf-v6-c-login__container--xl--GridColumnGap: var(--pf-t--global--spacer--3xl);
@@ -14638,48 +14698,56 @@ ul.pf-v6-c-list {
14638
14698
  --pf-v6-c-login__footer--c-list--xl--PaddingBlockStart: var(--pf-t--global--spacer--2xl);
14639
14699
  }
14640
14700
  @media (min-width: 75rem) {
14641
- :where(:root, .pf-v6-c-login) {
14701
+ :root,
14702
+ .pf-v6-c-login {
14642
14703
  --pf-v6-c-login__container--MaxWidth: var(--pf-v6-c-login__container--xl--MaxWidth);
14643
14704
  }
14644
14705
  }
14645
14706
  @media (min-width: 36rem) {
14646
- :where(:root, .pf-v6-c-login) {
14707
+ :root,
14708
+ .pf-v6-c-login {
14647
14709
  --pf-v6-c-login__header--PaddingInlineEnd: 0;
14648
14710
  --pf-v6-c-login__header--PaddingInlineStart: 0;
14649
14711
  }
14650
14712
  }
14651
14713
  @media (min-width: 75rem) {
14652
- :where(:root, .pf-v6-c-login) {
14714
+ :root,
14715
+ .pf-v6-c-login {
14653
14716
  --pf-v6-c-login__header--MarginBlockEnd: var(--pf-v6-c-login__header--xl--MarginBlockEnd);
14654
14717
  --pf-v6-c-login__header--c-brand--MarginBlockEnd: var(--pf-v6-c-login__header--c-brand--xl--MarginBlockEnd);
14655
14718
  }
14656
14719
  }
14657
14720
  @media (min-width: 75rem) {
14658
- :where(:root, .pf-v6-c-login) {
14721
+ :root,
14722
+ .pf-v6-c-login {
14659
14723
  --pf-v6-c-login__main--MarginBlockEnd: 0;
14660
14724
  }
14661
14725
  }
14662
14726
  @media (min-width: 48rem) {
14663
- :where(:root, .pf-v6-c-login) {
14727
+ :root,
14728
+ .pf-v6-c-login {
14664
14729
  --pf-v6-c-login__main-header--PaddingInlineEnd: var(--pf-v6-c-login__main-header--md--PaddingInlineEnd);
14665
14730
  --pf-v6-c-login__main-header--PaddingInlineStart: var(--pf-v6-c-login__main-header--md--PaddingInlineStart);
14666
14731
  --pf-v6-c-login__main-header-desc--MarginBlockEnd: var(--pf-v6-c-login__main-header-desc--md--MarginBlockEnd);
14667
14732
  }
14668
14733
  }
14669
14734
  @media (min-width: 48rem) {
14670
- :where(:root, .pf-v6-c-login) {
14735
+ :root,
14736
+ .pf-v6-c-login {
14671
14737
  --pf-v6-c-login__main-body--PaddingInlineEnd: var(--pf-v6-c-login__main-body--md--PaddingInlineEnd);
14672
14738
  --pf-v6-c-login__main-body--PaddingInlineStart: var(--pf-v6-c-login__main-body--md--PaddingInlineStart);
14673
14739
  }
14674
14740
  }
14675
14741
  @media (min-width: 36rem) {
14676
- :where(:root, .pf-v6-c-login) {
14742
+ :root,
14743
+ .pf-v6-c-login {
14677
14744
  --pf-v6-c-login__footer--PaddingInlineEnd: 0;
14678
14745
  --pf-v6-c-login__footer--PaddingInlineStart: 0;
14679
14746
  }
14680
14747
  }
14681
14748
  @media (min-width: 75rem) {
14682
- :where(:root, .pf-v6-c-login) {
14749
+ :root,
14750
+ .pf-v6-c-login {
14683
14751
  --pf-v6-c-login__footer--c-list--PaddingBlockStart: var(--pf-v6-c-login__footer--c-list--xl--PaddingBlockStart);
14684
14752
  }
14685
14753
  }
@@ -14834,7 +14902,8 @@ ul.pf-v6-c-list {
14834
14902
  padding-block-start: var(--pf-v6-c-login__footer--c-list--PaddingBlockStart);
14835
14903
  }
14836
14904
 
14837
- :where(:root, .pf-v6-c-masthead) {
14905
+ :root,
14906
+ .pf-v6-c-masthead {
14838
14907
  --pf-v6-c-masthead--RowGap: var(--pf-t--global--spacer--sm);
14839
14908
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
14840
14909
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
@@ -15369,7 +15438,8 @@ ul.pf-v6-c-list {
15369
15438
  padding-inline-end: var(--pf-t--global--spacer--2xl);
15370
15439
  }
15371
15440
 
15372
- :where(:root, .pf-v6-c-menu) {
15441
+ :root,
15442
+ .pf-v6-c-menu {
15373
15443
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
15374
15444
  --pf-v6-c-menu--Width: auto;
15375
15445
  --pf-v6-c-menu--MinWidth: auto;
@@ -15950,7 +16020,8 @@ ul.pf-v6-c-list {
15950
16020
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
15951
16021
  }
15952
16022
 
15953
- :where(:root, .pf-v6-c-menu-toggle) {
16023
+ :root,
16024
+ .pf-v6-c-menu-toggle {
15954
16025
  --pf-v6-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
15955
16026
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
15956
16027
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
@@ -16355,7 +16426,8 @@ ul.pf-v6-c-list {
16355
16426
  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
16356
16427
  }
16357
16428
 
16358
- :where(:root, .pf-v6-c-modal-box) {
16429
+ :root,
16430
+ .pf-v6-c-modal-box {
16359
16431
  --pf-v6-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
16360
16432
  --pf-v6-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
16361
16433
  --pf-v6-c-modal-box--BoxShadow: var(--pf-t--global--box-shadow--lg);
@@ -16408,7 +16480,8 @@ ul.pf-v6-c-list {
16408
16480
  --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
16409
16481
  }
16410
16482
  @media (min-width: 75rem) {
16411
- :where(:root, .pf-v6-c-modal-box) {
16483
+ :root,
16484
+ .pf-v6-c-modal-box {
16412
16485
  --pf-v6-c-modal-box--m-align-top--spacer: var(--pf-v6-c-modal-box--m-align-top--xl--spacer);
16413
16486
  }
16414
16487
  }
@@ -16560,7 +16633,8 @@ ul.pf-v6-c-list {
16560
16633
  }
16561
16634
  }
16562
16635
 
16563
- :where(:root, .pf-v6-c-multiple-file-upload) {
16636
+ :root,
16637
+ .pf-v6-c-multiple-file-upload {
16564
16638
  --pf-v6-c-multiple-file-upload--GridTemplateColumns: 1fr;
16565
16639
  --pf-v6-c-multiple-file-upload--Gap: var(--pf-t--global--spacer--md);
16566
16640
  --pf-v6-c-multiple-file-upload__main--TextAlign: center;
@@ -16770,7 +16844,8 @@ ul.pf-v6-c-list {
16770
16844
  color: var(--pf-v6-c-multiple-file-upload__status-item-progress-size--Color);
16771
16845
  }
16772
16846
 
16773
- :where(:root, .pf-v6-c-nav) {
16847
+ :root,
16848
+ .pf-v6-c-nav {
16774
16849
  --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
16775
16850
  --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
16776
16851
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
@@ -17078,7 +17153,8 @@ ul.pf-v6-c-list {
17078
17153
  --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd: var(--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd);
17079
17154
  }
17080
17155
 
17081
- :where(:root, .pf-v6-c-notification-drawer) {
17156
+ :root,
17157
+ .pf-v6-c-notification-drawer {
17082
17158
  --pf-v6-c-notification-drawer--BackgroundColor: var(--pf-t--global--background--color--floating--default);
17083
17159
  --pf-v6-c-notification-drawer__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
17084
17160
  --pf-v6-c-notification-drawer__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
@@ -17353,7 +17429,8 @@ ul.pf-v6-c-list {
17353
17429
  transform: rotate(var(--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate));
17354
17430
  }
17355
17431
 
17356
- :where(:root, .pf-v6-c-overflow-menu) {
17432
+ :root,
17433
+ .pf-v6-c-overflow-menu {
17357
17434
  --pf-v6-c-overflow-menu--ColumnGap: var(--pf-t--global--spacer--md);
17358
17435
  --pf-v6-c-overflow-menu__group--ColumnGap: var(--pf-t--global--spacer--md);
17359
17436
  --pf-v6-c-overflow-menu__group--m-button-group--ColumnGap: var(--pf-t--global--spacer--sm);
@@ -17390,7 +17467,8 @@ ul.pf-v6-c-list {
17390
17467
  column-gap: var(--pf-v6-c-overflow-menu--ColumnGap);
17391
17468
  }
17392
17469
 
17393
- :where(:root, .pf-v6-c-page) {
17470
+ :root,
17471
+ .pf-v6-c-page {
17394
17472
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
17395
17473
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
17396
17474
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
@@ -17470,7 +17548,8 @@ ul.pf-v6-c-list {
17470
17548
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
17471
17549
  }
17472
17550
  @media screen and (min-width: 75rem) {
17473
- :where(:root, .pf-v6-c-page) {
17551
+ :root,
17552
+ .pf-v6-c-page {
17474
17553
  --pf-v6-c-page__sidebar--TranslateX: var(--pf-v6-c-page__sidebar--xl--TranslateX);
17475
17554
  }
17476
17555
  }
@@ -17999,7 +18078,8 @@ ul.pf-v6-c-list {
17999
18078
  flex: 1 0 auto;
18000
18079
  }
18001
18080
 
18002
- :where(:root, .pf-v6-c-pagination) {
18081
+ :root,
18082
+ .pf-v6-c-pagination {
18003
18083
  --pf-v6-c-pagination--inset: 0;
18004
18084
  --pf-v6-c-pagination--ColumnGap: var(--pf-t--global--spacer--lg);
18005
18085
  --pf-v6-c-pagination--m-page-insets--inset: var(--pf-t--global--spacer--lg);
@@ -18037,7 +18117,8 @@ ul.pf-v6-c-list {
18037
18117
  --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
18038
18118
  }
18039
18119
  @media screen and (min-width: 48rem) {
18040
- :where(:root, .pf-v6-c-pagination) {
18120
+ :root,
18121
+ .pf-v6-c-pagination {
18041
18122
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
18042
18123
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
18043
18124
  --pf-v6-c-pagination__nav--Display: inline-flex;
@@ -18045,7 +18126,8 @@ ul.pf-v6-c-list {
18045
18126
  }
18046
18127
  }
18047
18128
  @media screen and (min-width: 75rem) {
18048
- :where(:root, .pf-v6-c-pagination) {
18129
+ :root,
18130
+ .pf-v6-c-pagination {
18049
18131
  --pf-v6-c-pagination__scroll-button--Width: var(--pf-v6-c-pagination__scroll-button--xl--Width);
18050
18132
  }
18051
18133
  }
@@ -18346,7 +18428,8 @@ ul.pf-v6-c-list {
18346
18428
  }
18347
18429
  }
18348
18430
 
18349
- :where(:root, .pf-v6-c-panel) {
18431
+ :root,
18432
+ .pf-v6-c-panel {
18350
18433
  --pf-v6-c-panel--Width: auto;
18351
18434
  --pf-v6-c-panel--MinWidth: auto;
18352
18435
  --pf-v6-c-panel--MaxWidth: none;
@@ -18443,7 +18526,8 @@ ul.pf-v6-c-list {
18443
18526
  box-shadow: var(--pf-v6-c-panel__footer--BoxShadow);
18444
18527
  }
18445
18528
 
18446
- :where(:root, .pf-v6-c-popover) {
18529
+ :root,
18530
+ .pf-v6-c-popover {
18447
18531
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
18448
18532
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
18449
18533
  --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -18645,7 +18729,8 @@ ul.pf-v6-c-list {
18645
18729
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
18646
18730
  }
18647
18731
 
18648
- :where(:root, .pf-v6-c-progress) {
18732
+ :root,
18733
+ .pf-v6-c-progress {
18649
18734
  --pf-v6-c-progress--GridGap: var(--pf-t--global--spacer--md);
18650
18735
  --pf-v6-c-progress__bar--Height: var(--pf-t--global--spacer--md);
18651
18736
  --pf-v6-c-progress__bar--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
@@ -18809,7 +18894,8 @@ ul.pf-v6-c-list {
18809
18894
  font-variant-numeric: tabular-nums;
18810
18895
  }
18811
18896
 
18812
- :where(:root, .pf-v6-c-progress-stepper) {
18897
+ :root,
18898
+ .pf-v6-c-progress-stepper {
18813
18899
  --pf-v6-c-progress-stepper--m-vertical--GridAutoFlow: row;
18814
18900
  --pf-v6-c-progress-stepper--m-vertical--GridTemplateColumns: auto 1fr;
18815
18901
  --pf-v6-c-progress-stepper--m-vertical__step-connector--before--InsetBlockStart: 0;
@@ -18930,7 +19016,8 @@ ul.pf-v6-c-list {
18930
19016
  --pf-v6-c-progress-stepper--m-center__step-main--before--Content: "";
18931
19017
  }
18932
19018
  @media screen and (min-width: 48rem) {
18933
- :where(:root, .pf-v6-c-progress-stepper) {
19019
+ :root,
19020
+ .pf-v6-c-progress-stepper {
18934
19021
  --pf-v6-c-progress-stepper--GridAutoFlow: var(--pf-v6-c-progress-stepper--m-horizontal--GridAutoFlow);
18935
19022
  --pf-v6-c-progress-stepper--GridTemplateColumns: var(--pf-v6-c-progress-stepper--m-horizontal--GridTemplateColumns);
18936
19023
  --pf-v6-c-progress-stepper__step-connector--before--InsetBlockStart: var(--pf-v6-c-progress-stepper--m-horizontal__step-connector--before--InsetBlockStart);
@@ -19419,7 +19506,8 @@ ul.pf-v6-c-list {
19419
19506
  }
19420
19507
  }
19421
19508
 
19422
- :where(:root, .pf-v6-c-radio) {
19509
+ :root,
19510
+ .pf-v6-c-radio {
19423
19511
  --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
19424
19512
  --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
19425
19513
  --pf-v6-c-radio--Height: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
@@ -19500,7 +19588,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19500
19588
  cursor: not-allowed;
19501
19589
  }
19502
19590
 
19503
- :where(:root, .pf-v6-c-sidebar) {
19591
+ :root,
19592
+ .pf-v6-c-sidebar {
19504
19593
  --pf-v6-c-sidebar--inset: var(--pf-t--global--spacer--md);
19505
19594
  --pf-v6-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
19506
19595
  --pf-v6-c-sidebar--BorderWidth--base: var(--pf-t--global--border--width--regular);
@@ -19844,7 +19933,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19844
19933
  --pf-v6-c-sidebar__panel--FlexBasis: 100%;
19845
19934
  }
19846
19935
  }
19847
- :where(:root, .pf-v6-c-simple-list) {
19936
+ :root,
19937
+ .pf-v6-c-simple-list {
19848
19938
  --pf-v6-c-simple-list__item-link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
19849
19939
  --pf-v6-c-simple-list__item-link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
19850
19940
  --pf-v6-c-simple-list__item-link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
@@ -19914,7 +20004,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19914
20004
  margin-block-start: var(--pf-v6-c-simple-list__section--section--MarginBlockStart);
19915
20005
  }
19916
20006
 
19917
- :where(:root, .pf-v6-c-skeleton) {
20007
+ :root,
20008
+ .pf-v6-c-skeleton {
19918
20009
  --pf-v6-c-skeleton--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19919
20010
  --pf-v6-c-skeleton--Width: auto;
19920
20011
  --pf-v6-c-skeleton--Height: auto;
@@ -20079,7 +20170,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20079
20170
  transform: translateX(100%);
20080
20171
  }
20081
20172
  }
20082
- :where(:root, .pf-v6-c-skip-to-content) {
20173
+ :root,
20174
+ .pf-v6-c-skip-to-content {
20083
20175
  --pf-v6-c-skip-to-content--InsetBlockStart: var(--pf-t--global--spacer--md);
20084
20176
  --pf-v6-c-skip-to-content--ZIndex: var(--pf-t--global--z-index--2xl);
20085
20177
  --pf-v6-c-skip-to-content--focus--InsetInlineStart: var(--pf-t--global--spacer--md);
@@ -20095,7 +20187,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20095
20187
  inset-inline-start: var(--pf-v6-c-skip-to-content--focus--InsetInlineStart);
20096
20188
  }
20097
20189
 
20098
- :where(:root, .pf-v6-c-slider) {
20190
+ :root,
20191
+ .pf-v6-c-slider {
20099
20192
  --pf-v6-c-slider--value: 0;
20100
20193
  --pf-v6-c-slider__step--InsetInlineStart: 0;
20101
20194
  --pf-v6-c-slider__rail--PaddingBlockStart: var(--pf-t--global--spacer--md);
@@ -20316,7 +20409,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20316
20409
  margin-inline-start: var(--pf-v6-c-slider__main--actions--MarginInlineStart);
20317
20410
  }
20318
20411
 
20319
- :where(:root, .pf-v6-c-spinner) {
20412
+ :root,
20413
+ .pf-v6-c-spinner {
20320
20414
  --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
20321
20415
  --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
20322
20416
  --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
@@ -20392,7 +20486,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20392
20486
  transform: rotate(720deg);
20393
20487
  }
20394
20488
  }
20395
- :where(:root, .pf-v6-c-switch) {
20489
+ :root,
20490
+ .pf-v6-c-switch {
20396
20491
  --pf-v6-c-switch--FontSize: var(--pf-t--global--font--size--sm);
20397
20492
  --pf-v6-c-switch--ColumnGap: var(--pf-t--global--spacer--sm);
20398
20493
  --pf-v6-c-switch__toggle-icon--FontSize: calc(var(--pf-v6-c-switch--FontSize) * .625);
@@ -20540,7 +20635,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20540
20635
  vertical-align: top;
20541
20636
  }
20542
20637
 
20543
- :where(:root, .pf-v6-c-tab-content) {
20638
+ :root,
20639
+ .pf-v6-c-tab-content {
20544
20640
  --pf-v6-c-tab-content__body--PaddingBlockStart: 0;
20545
20641
  --pf-v6-c-tab-content__body--PaddingInlineEnd: 0;
20546
20642
  --pf-v6-c-tab-content__body--PaddingBlockEnd: 0;
@@ -20585,7 +20681,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
20585
20681
  --pf-v6-c-tab-content__body--PaddingInlineStart: var(--pf-v6-c-tab-content__body--m-padding--PaddingInlineStart);
20586
20682
  }
20587
20683
 
20588
- :where(:root, .pf-v6-c-table[class*=pf-m-grid]) {
20684
+ :root,
20685
+ .pf-v6-c-table {
20589
20686
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
20590
20687
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
20591
20688
  --pf-v6-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
@@ -22149,7 +22246,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
22149
22246
  }
22150
22247
  }
22151
22248
 
22152
- :where(:root, .pf-v6-c-table) {
22249
+ :root,
22250
+ .pf-v6-c-table {
22153
22251
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
22154
22252
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
22155
22253
  --pf-v6-c-table--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -23016,7 +23114,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23016
23114
  --pf-v6-c-table--cell--Width: 100%;
23017
23115
  }
23018
23116
 
23019
- :where(:root, .pf-v6-c-table) {
23117
+ :root,
23118
+ .pf-v6-c-table {
23020
23119
  --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
23021
23120
  --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
23022
23121
  --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
@@ -23080,7 +23179,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23080
23179
  overflow: auto;
23081
23180
  }
23082
23181
 
23083
- :where(:root, .pf-v6-c-table) {
23182
+ :root,
23183
+ .pf-v6-c-table {
23084
23184
  --pf-v6-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-table__tree-view-icon--MinWidth));
23085
23185
  --pf-v6-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v6-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
23086
23186
  --pf-v6-c-table__tree-view-main--c-button--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -23900,7 +24000,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
23900
24000
  }
23901
24001
  }
23902
24002
 
23903
- :where(:root, .pf-v6-c-tabs) {
24003
+ :root,
24004
+ .pf-v6-c-tabs {
23904
24005
  --pf-v6-c-tabs--inset: 0;
23905
24006
  --pf-v6-c-tabs--Width: auto;
23906
24007
  --pf-v6-c-tabs--before--BorderColor: var(--pf-t--global--border--color--default);
@@ -24712,7 +24813,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24712
24813
  }
24713
24814
  }
24714
24815
 
24715
- :where(:root, .pf-v6-c-text-input-group) {
24816
+ :root,
24817
+ .pf-v6-c-text-input-group {
24716
24818
  --pf-v6-c-text-input-group--BackgroundColor: var(--pf-t--global--background--color--control--default);
24717
24819
  --pf-v6-c-text-input-group--BorderColor: var(--pf-t--global--border--color--default);
24718
24820
  --pf-v6-c-text-input-group--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
@@ -24913,7 +25015,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24913
25015
  display: flex;
24914
25016
  }
24915
25017
 
24916
- :where(:root, .pf-v6-c-tile) {
25018
+ :root,
25019
+ .pf-v6-c-tile {
24917
25020
  --pf-v6-c-tile--PaddingBlockStart: var(--pf-t--global--spacer--lg);
24918
25021
  --pf-v6-c-tile--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
24919
25022
  --pf-v6-c-tile--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
@@ -25016,7 +25119,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25016
25119
  color: var(--pf-v6-c-tile__icon--Color);
25017
25120
  }
25018
25121
 
25019
- :where(:root, .pf-v6-c-timestamp) {
25122
+ :root,
25123
+ .pf-v6-c-timestamp {
25020
25124
  --pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
25021
25125
  --pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--regular);
25022
25126
  --pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
@@ -25047,7 +25151,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25047
25151
  --pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
25048
25152
  }
25049
25153
 
25050
- :where(:root, .pf-v6-c-title) {
25154
+ :root,
25155
+ .pf-v6-c-title {
25051
25156
  --pf-v6-c-title--FontFamily: var(--pf-t--global--font--family--heading);
25052
25157
  --pf-v6-c-title--m-4xl--LineHeight: var(--pf-t--global--font--line-height--heading);
25053
25158
  --pf-v6-c-title--m-4xl--FontSize: var(--pf-t--global--font--size--heading--2xl);
@@ -25152,7 +25257,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25152
25257
  line-height: var(--pf-v6-c-title--m-h6--LineHeight);
25153
25258
  }
25154
25259
 
25155
- :where(:root, .pf-v6-c-toggle-group) {
25260
+ :root,
25261
+ .pf-v6-c-toggle-group {
25156
25262
  --pf-v6-c-toggle-group__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
25157
25263
  --pf-v6-c-toggle-group__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
25158
25264
  --pf-v6-c-toggle-group__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -25275,7 +25381,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25275
25381
  margin-inline-start: var(--pf-v6-c-toggle-group__icon--text--MarginInlineStart);
25276
25382
  }
25277
25383
 
25278
- :where(:root, .pf-v6-c-toolbar) {
25384
+ :root,
25385
+ .pf-v6-c-toolbar {
25279
25386
  --pf-v6-c-toolbar--RowGap: var(--pf-t--global--spacer--md);
25280
25387
  --pf-v6-c-toolbar--PaddingBlockStart: 0;
25281
25388
  --pf-v6-c-toolbar--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -27177,7 +27284,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27177
27284
  display: inline-flex;
27178
27285
  }
27179
27286
  }
27180
- :where(:root, .pf-v6-c-tooltip) {
27287
+ :root,
27288
+ .pf-v6-c-tooltip {
27181
27289
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
27182
27290
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
27183
27291
  --pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -27299,7 +27407,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27299
27407
  transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
27300
27408
  }
27301
27409
 
27302
- :where(:root, .pf-v6-c-truncate) {
27410
+ :root,
27411
+ .pf-v6-c-truncate {
27303
27412
  --pf-v6-c-truncate--MinWidth: 6ch;
27304
27413
  --pf-v6-c-truncate__start--MinWidth: 6ch;
27305
27414
  }
@@ -27345,7 +27454,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27345
27454
  direction: rtl;
27346
27455
  }
27347
27456
  }
27348
- :where(:root, .pf-v6-c-number-input) {
27457
+ :root,
27458
+ .pf-v6-c-number-input {
27349
27459
  --pf-v6-c-number-input__unit--c-input-group--MarginInlineStart: var(--pf-t--global--spacer--sm);
27350
27460
  --pf-v6-c-number-input__icon--FontSize: var(--pf-t--global--font--size--xs);
27351
27461
  --pf-v6-c-number-input--c-form-control--width-base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-t--global--border--width--box--default) * 2);
@@ -27384,7 +27494,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
27384
27494
  font-size: var(--pf-v6-c-number-input__icon--FontSize);
27385
27495
  }
27386
27496
 
27387
- :where(:root, .pf-v6-c-tree-view) {
27497
+ :root,
27498
+ .pf-v6-c-tree-view {
27388
27499
  --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
27389
27500
  --pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
27390
27501
  --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -27837,7 +27948,8 @@ label.pf-v6-c-tree-view__node-text {
27837
27948
  --pf-v6-c-tree-view--m-compact--m-no-background--border--nested--InsetInlineStart: calc(var(--pf-v6-c-tree-view__node--PaddingInlineStart) - var(--pf-v6-c-tree-view--m-compact--m-no-background--base-border--InsetInlineStart--offset));
27838
27949
  }
27839
27950
 
27840
- :where(:root, .pf-v6-c-wizard) {
27951
+ :root,
27952
+ .pf-v6-c-wizard {
27841
27953
  --pf-v6-c-wizard--Height: initial;
27842
27954
  --pf-v6-c-wizard--Height--base: 100%;
27843
27955
  --pf-v6-c-modal-box--c-wizard--Height--base: 47.625rem;
@@ -27952,7 +28064,8 @@ label.pf-v6-c-tree-view__node-text {
27952
28064
  --pf-v6-c-wizard__footer--BorderBlockStartColor: var(--pf-t--global--border--color--default);
27953
28065
  }
27954
28066
  @media screen and (min-width: 62rem) {
27955
- :where(:root, .pf-v6-c-wizard) {
28067
+ :root,
28068
+ .pf-v6-c-wizard {
27956
28069
  --pf-v6-c-wizard__nav--Width: var(--pf-v6-c-wizard__nav--lg--Width);
27957
28070
  --pf-v6-c-wizard__nav--BoxShadow: none;
27958
28071
  }
@@ -28324,7 +28437,8 @@ label.pf-v6-c-tree-view__node-text {
28324
28437
  border-block-start: var(--pf-v6-c-wizard__footer--BorderBlockStartWidth) solid var(--pf-v6-c-wizard__footer--BorderBlockStartColor);
28325
28438
  }
28326
28439
 
28327
- :where(:root, .pf-v6-l-bullseye) {
28440
+ :root,
28441
+ .pf-v6-l-bullseye {
28328
28442
  --pf-v6-l-bullseye--Padding: 0;
28329
28443
  }
28330
28444
 
@@ -28337,7 +28451,8 @@ label.pf-v6-c-tree-view__node-text {
28337
28451
  margin: 0;
28338
28452
  }
28339
28453
 
28340
- :where(:root, .pf-v6-l-flex) {
28454
+ :root,
28455
+ .pf-v6-l-flex {
28341
28456
  --pf-v6-l-flex--Display: flex;
28342
28457
  --pf-v6-l-flex--FlexWrap: wrap;
28343
28458
  --pf-v6-l-flex--AlignItems: baseline;
@@ -30718,7 +30833,8 @@ label.pf-v6-c-tree-view__node-text {
30718
30833
  }
30719
30834
  }
30720
30835
 
30721
- :where(:root, .pf-v6-l-gallery) {
30836
+ :root,
30837
+ .pf-v6-l-gallery {
30722
30838
  --pf-v6-l-gallery--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
30723
30839
  --pf-v6-l-gallery--GridTemplateColumns--min: 250px;
30724
30840
  --pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
@@ -30789,7 +30905,8 @@ label.pf-v6-c-tree-view__node-text {
30789
30905
  }
30790
30906
  }
30791
30907
 
30792
- :where(:root, .pf-v6-l-grid) {
30908
+ :root,
30909
+ .pf-v6-l-grid {
30793
30910
  --pf-v6-l-grid--m-gutter--GridGap: var(--pf-t--global--spacer--gutter--default);
30794
30911
  --pf-v6-l-grid__item--GridColumnStart: auto;
30795
30912
  --pf-v6-l-grid__item--GridColumnEnd: span 12;
@@ -31726,7 +31843,8 @@ label.pf-v6-c-tree-view__node-text {
31726
31843
  grid-gap: var(--pf-v6-l-grid--m-gutter--GridGap);
31727
31844
  }
31728
31845
 
31729
- :where(:root, .pf-v6-l-level) {
31846
+ :root,
31847
+ .pf-v6-l-level {
31730
31848
  --pf-v6-l-level--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
31731
31849
  }
31732
31850
 
@@ -31740,7 +31858,8 @@ label.pf-v6-c-tree-view__node-text {
31740
31858
  gap: var(--pf-v6-l-level--m-gutter--Gap);
31741
31859
  }
31742
31860
 
31743
- :where(:root, .pf-v6-l-split) {
31861
+ :root,
31862
+ .pf-v6-l-split {
31744
31863
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
31745
31864
  }
31746
31865
 
@@ -31761,7 +31880,8 @@ label.pf-v6-c-tree-view__node-text {
31761
31880
  gap: var(--pf-v6-l-stack--m-gutter--Gap);
31762
31881
  }
31763
31882
 
31764
- :where(:root, .pf-v6-l-stack) {
31883
+ :root,
31884
+ .pf-v6-l-stack {
31765
31885
  --pf-v6-l-stack--m-gutter--Gap: var(--pf-t--global--spacer--gutter--default);
31766
31886
  }
31767
31887