@patternfly/patternfly 6.2.0-prerelease.1 → 6.2.0-prerelease.3

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 (73) hide show
  1. package/assets/pficon/pficon.scss +1 -1
  2. package/base/normalize.scss +2 -2
  3. package/base/patternfly-pf-icons.css +1 -1
  4. package/components/Banner/banner.css +2 -2
  5. package/components/Banner/banner.scss +2 -2
  6. package/components/Breadcrumb/breadcrumb.css +3 -2
  7. package/components/Breadcrumb/breadcrumb.scss +3 -2
  8. package/components/Button/button.css +22 -2
  9. package/components/Button/button.scss +22 -2
  10. package/components/Content/content.css +2 -1
  11. package/components/Content/content.scss +2 -1
  12. package/components/DescriptionList/description-list.css +2 -1
  13. package/components/DescriptionList/description-list.scss +2 -1
  14. package/components/Form/form.css +0 -3
  15. package/components/Form/form.scss +0 -4
  16. package/components/JumpLinks/jump-links.css +1 -1
  17. package/components/JumpLinks/jump-links.scss +1 -1
  18. package/components/Label/label.css +3 -2
  19. package/components/Label/label.scss +3 -2
  20. package/components/Menu/menu.css +11 -2
  21. package/components/Menu/menu.scss +12 -2
  22. package/components/MenuToggle/menu-toggle.css +4 -0
  23. package/components/MenuToggle/menu-toggle.scss +4 -0
  24. package/components/Nav/nav.css +1 -1
  25. package/components/Nav/nav.scss +1 -1
  26. package/components/ProgressStepper/progress-stepper.css +2 -1
  27. package/components/ProgressStepper/progress-stepper.scss +2 -1
  28. package/components/SimpleList/simple-list.css +2 -2
  29. package/components/SimpleList/simple-list.scss +2 -2
  30. package/components/Tabs/tabs.css +1 -1
  31. package/components/Tabs/tabs.scss +1 -1
  32. package/components/Timestamp/timestamp.css +2 -1
  33. package/components/Timestamp/timestamp.scss +2 -1
  34. package/components/ToggleGroup/toggle-group.css +1 -1
  35. package/components/ToggleGroup/toggle-group.scss +1 -1
  36. package/components/Wizard/wizard.css +1 -1
  37. package/components/Wizard/wizard.scss +1 -1
  38. package/components/_index.css +60 -24
  39. package/docs/components/Avatar/examples/Avatar.md +4 -4
  40. package/docs/components/Brand/examples/Brand.md +2 -2
  41. package/docs/components/DataList/examples/DataList.md +3 -3
  42. package/docs/components/DescriptionList/examples/DescriptionList.md +2 -2
  43. package/docs/components/Divider/examples/Divider.md +2 -2
  44. package/docs/components/Drawer/examples/Drawer.md +3 -3
  45. package/docs/components/JumpLinks/examples/JumpLinks.md +2 -2
  46. package/docs/components/Masthead/examples/masthead.md +1 -1
  47. package/docs/components/Menu/examples/Menu.md +2 -2
  48. package/docs/components/Page/examples/Page.md +2 -2
  49. package/docs/components/Pagination/examples/Pagination.md +3 -3
  50. package/docs/components/ProgressStepper/examples/ProgressStepper.md +2 -2
  51. package/docs/components/Sidebar/examples/Sidebar.md +1 -1
  52. package/docs/components/Table/examples/Table.md +3 -3
  53. package/docs/components/Tabs/examples/Tabs.md +3 -3
  54. package/docs/components/Toolbar/examples/Toolbar.md +7 -7
  55. package/docs/layouts/Flex/examples/Flex.md +1 -1
  56. package/docs/layouts/Gallery/examples/Gallery.md +2 -2
  57. package/docs/layouts/Grid/examples/Grid.md +4 -4
  58. package/docs/utilities/Accessibility/examples/Accessibility.md +1 -1
  59. package/docs/utilities/Alignment/examples/Alignment.md +1 -1
  60. package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +1 -1
  61. package/docs/utilities/Display/examples/Display.md +1 -1
  62. package/docs/utilities/Flex/examples/Flex.md +1 -1
  63. package/docs/utilities/Float/examples/Float.md +1 -1
  64. package/docs/utilities/Sizing/examples/Sizing.md +6 -6
  65. package/docs/utilities/Spacing/examples/Spacing.md +1 -1
  66. package/docs/utilities/Text/examples/Text.md +1 -1
  67. package/package.json +5 -5
  68. package/patternfly-base-no-globals.css +1 -1
  69. package/patternfly-base.css +3 -3
  70. package/patternfly-no-globals.css +61 -25
  71. package/patternfly.css +63 -27
  72. package/patternfly.min.css +1 -1
  73. package/patternfly.min.css.map +1 -1
@@ -14,8 +14,8 @@ Toolbar relies on groups (`.pf-v6-c-toolbar__group`) and items (`.pf-v6-c-toolba
14
14
  | -- | -- | -- |
15
15
  | `.pf-v6-c-toolbar__group` | `--pf-v6-c-toolbar__group--ColumnGap` | `16px` |
16
16
  | `.pf-v6-c-toolbar__item` | `--pf-v6-c-toolbar__item--ColumnGap` | `16px` |
17
- | `.pf-m-[column/row]-gap-[none/sm/md/lg/xl/2xl]{-on-[breakpoint]}` | `.pf-v6-c-toolbar__content-section`, `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies toolbar group or item spacing at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
18
- | `.pf-m-gap-[none/sm/md/lg/xl/2xl]{-on-[breakpoint]}` | `.pf-v6-c-toolbar__content-section`, `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies both column gap and row gap for toolbar group or item spacing at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
17
+ | `.pf-m-[column/row]-gap-[none/sm/md/lg/xl/2xl]{-on-[breakpoint]}` | `.pf-v6-c-toolbar__content-section`, `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies toolbar group or item spacing at optional [breakpoint](/tokens/all-patternfly-tokens). |
18
+ | `.pf-m-gap-[none/sm/md/lg/xl/2xl]{-on-[breakpoint]}` | `.pf-v6-c-toolbar__content-section`, `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies both column gap and row gap for toolbar group or item spacing at optional [breakpoint](/tokens/all-patternfly-tokens). |
19
19
 
20
20
  ### Toolbar item types
21
21
 
@@ -37,7 +37,7 @@ Toolbar relies on groups (`.pf-v6-c-toolbar__group`) and items (`.pf-v6-c-toolba
37
37
 
38
38
  Several components in the following examples do not include functional and/or accessibility specifications (for example `.pf-v6-c-select`, `.pf-v6-c-options-menu`). Rather, `.pf-v6-c-toolbar` focuses on functionality and accessibility specifications that apply to it only.
39
39
 
40
- **Available [breakpoints](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) are: `-on-sm`, `-on-md`, `-on-lg`, `-on-xl`, and `-on-2xl`.**
40
+ **Available [breakpoints](/tokens/all-patternfly-tokens) are: `-on-sm`, `-on-md`, `-on-lg`, `-on-xl`, and `-on-2xl`.**
41
41
 
42
42
  ## Examples
43
43
 
@@ -154,8 +154,8 @@ Several components in the following examples do not include functional and/or ac
154
154
 
155
155
  | Class | Applied to | Outcome |
156
156
  | -- | -- | -- |
157
- | `--pf-v6-c-toolbar__item--Width: {width}` | `.pf-v6-c-toolbar__item` | Modifies the width value of a toolbar item at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
158
- | `--pf-v6-c-toolbar__item--MinWidth: {width}` | `.pf-v6-c-toolbar__item` | Modifies the min width value of a toolbar item at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
157
+ | `--pf-v6-c-toolbar__item--Width: {width}` | `.pf-v6-c-toolbar__item` | Modifies the width value of a toolbar item at optional [breakpoint](/tokens/all-patternfly-tokens). |
158
+ | `--pf-v6-c-toolbar__item--MinWidth: {width}` | `.pf-v6-c-toolbar__item` | Modifies the min width value of a toolbar item at optional [breakpoint](/tokens/all-patternfly-tokens). |
159
159
 
160
160
  ## Group types
161
161
 
@@ -2646,5 +2646,5 @@ As the toolbar component is a hybrid layout and component, some of its elements
2646
2646
 
2647
2647
  | Class | Applied to | Outcome |
2648
2648
  | -- | -- | -- |
2649
- | `.pf-m-[column/row]-gap-[none/sm/md/lg/xl/2xl]` | `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies toolbar group or item spacing at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
2650
- | `.pf-m-gap-[none/sm/md/lg/xl/2xl]` | `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies both column and row gap for toolbar group or item spacing at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
2649
+ | `.pf-m-[column/row]-gap-[none/sm/md/lg/xl/2xl]` | `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies toolbar group or item spacing at optional [breakpoint](/tokens/all-patternfly-tokens). |
2650
+ | `.pf-m-gap-[none/sm/md/lg/xl/2xl]` | `.pf-v6-c-toolbar__group`, `.pf-v6-c-toolbar__item` | Modifies both column and row gap for toolbar group or item spacing at optional [breakpoint](/tokens/all-patternfly-tokens). |
@@ -20,7 +20,7 @@ The flex layout provides two ways of spacing its direct children.
20
20
 
21
21
  ### Breakpoints
22
22
 
23
- [Breakpoints](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) `-on-sm`, `-on-md`, `-on-lg`, `-on-xl`, and `-on-2xl` are provided.
23
+ [Breakpoints](/tokens/all-patternfly-tokens) `-on-sm`, `-on-md`, `-on-lg`, `-on-xl`, and `-on-2xl` are provided.
24
24
 
25
25
  ### Usefulness
26
26
 
@@ -174,5 +174,5 @@ The gallery layout is designed so that all of its children are of uniform size,
174
174
  | `.pf-v6-l-gallery` | `<div>` | Initializes a Gallery layout |
175
175
  | `.pf-v6-l-gallery__item` | `<div>` | Explicitly sets the child for the gallery. This class isn't necessary, but it is included to keep inline with BEM convention, and to provide an entity that will later be used for applying modifiers. |
176
176
  | `.pf-m-gutter` | `.pf-v6-l-gallery` | Adds space between children by using the globally defined gutter value. |
177
- | `--pf-v6-l-gallery--GridTemplateColumns--min{-on-[breakpoint]}: {width}` | `.pf-v6-l-gallery` | Modifies the min value of `grid-template-columns` declaration at the optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
178
- | `--pf-v6-l-gallery--GridTemplateColumns--max{-on-[breakpoint]}: {width}` | `.pf-v6-l-gallery` | Modifies the max value of `grid-template-columns` declaration at the optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
177
+ | `--pf-v6-l-gallery--GridTemplateColumns--min{-on-[breakpoint]}: {width}` | `.pf-v6-l-gallery` | Modifies the min value of `grid-template-columns` declaration at the optional [breakpoint](/tokens/all-patternfly-tokens). |
178
+ | `--pf-v6-l-gallery--GridTemplateColumns--max{-on-[breakpoint]}: {width}` | `.pf-v6-l-gallery` | Modifies the max value of `grid-template-columns` declaration at the optional [breakpoint](/tokens/all-patternfly-tokens). |
@@ -318,7 +318,7 @@ The grid layout is based on CSS Grid’s two-dimensional system of columns and r
318
318
  | `.pf-v6-l-grid` | `<div>` | Initializes the grid layout. |
319
319
  | `.pf-v6-l-grid__item` | `<div>` | Explicitly sets a child of the grid. This class isn't necessary, but it is included to keep inline with BEM convention, and to provide an entity that will later be used for applying modifiers. |
320
320
  | `.pf-m-gutter` | `.pf-v6-l-grid` | Adds space between children by using the globally defined gutter value. |
321
- | `.pf-m-all-{1-12}-col{-on-[breakpoint]}` | `.pf-v6-l-grid` | Defines grid item size on grid container at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
322
- | `.pf-m-{1-12}-col{-on-[breakpoint]}` | `.pf-v6-l-grid__item` | Defines grid item size at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). Although not required, they are strongly suggested. If not used, grid item will default to 12 col. |
323
- | `.pf-m-{2-x}-row{-on-[breakpoint]}` | `.pf-v6-l-grid__item` | Defines grid item row span at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). For row spans to function correctly, the value of of the current row plus the grid items to span must be equal to or less than 12. Example: .pf-m-8-col.pf-m-2-row + .pf-m-4-col + .pf-m-4-col. There is no limit to number of spanned rows. |
324
- | `--pf-v6-l-grid--item--Order{-on-[breakpoint]}: {order}` | `.pf-v6-l-grid > .pf-v6-l-grid`, `.pf-v6-l-grid__item` | Modifies the order of the grid layout element at optional [breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes). |
321
+ | `.pf-m-all-{1-12}-col{-on-[breakpoint]}` | `.pf-v6-l-grid` | Defines grid item size on grid container at optional [breakpoint](/tokens/all-patternfly-tokens). |
322
+ | `.pf-m-{1-12}-col{-on-[breakpoint]}` | `.pf-v6-l-grid__item` | Defines grid item size at optional [breakpoint](/tokens/all-patternfly-tokens). Although not required, they are strongly suggested. If not used, grid item will default to 12 col. |
323
+ | `.pf-m-{2-x}-row{-on-[breakpoint]}` | `.pf-v6-l-grid__item` | Defines grid item row span at optional [breakpoint](/tokens/all-patternfly-tokens). For row spans to function correctly, the value of of the current row plus the grid items to span must be equal to or less than 12. Example: `.pf-m-8-col.pf-m-2-row` + `.pf-m-4-col` + `.pf-m-4-col`. There is no limit to number of spanned rows. |
324
+ | `--pf-v6-l-grid--item--Order{-on-[breakpoint]}: {order}` | `.pf-v6-l-grid > .pf-v6-l-grid`, `.pf-v6-l-grid__item` | Modifies the order of the grid layout element at optional [breakpoint](/tokens/all-patternfly-tokens). |
@@ -34,7 +34,7 @@ The text underneath is hidden.
34
34
 
35
35
  ### Overview
36
36
 
37
- [Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v6-u-screen-reader-on-lg**
37
+ [Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-screen-reader-on-lg`
38
38
 
39
39
  ### Usage
40
40
 
@@ -23,7 +23,7 @@ section: utility-classes
23
23
 
24
24
  ### Overview
25
25
 
26
- [Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v6-u-text-align-start-on-lg**
26
+ [Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-text-align-start-on-lg`
27
27
 
28
28
  ### Usage
29
29
 
@@ -28,7 +28,7 @@ Care should be taken especially when applying background colors, as this can hav
28
28
 
29
29
  Note that "inverse" background colors are labeled as such to indicate that they are best used with the ["inverse" text colors](/utility-classes/text#inverse-colors).
30
30
 
31
- [Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v6-u-background-color-disabled-on-lg**
31
+ [Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-background-color-disabled-on-lg`
32
32
 
33
33
  ### Usage
34
34
 
@@ -83,7 +83,7 @@ section: utility-classes
83
83
 
84
84
  ### Overview
85
85
 
86
- [Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v6-u-display-inline-block-on-lg**
86
+ [Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-display-inline-block-on-lg`
87
87
 
88
88
  ### Usage
89
89
 
@@ -370,7 +370,7 @@ section: utility-classes
370
370
 
371
371
  ### Overview
372
372
 
373
- For these utilities to have effect, the parent element must be set to `display: flex` or `display: inline-flex`. [Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v6-u-flex-row-on-lg**
373
+ For these utilities to have effect, the parent element must be set to `display: flex` or `display: inline-flex`. [Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-flex-row-on-lg`
374
374
 
375
375
  <!-- ## Accessibility
376
376
 
@@ -18,7 +18,7 @@ section: utility-classes
18
18
 
19
19
  ### Overview
20
20
 
21
- [Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v6-u-float-inline-start-on-lg**
21
+ [Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-float-inline-start-on-lg`
22
22
 
23
23
  ### Usage
24
24
 
@@ -22,7 +22,7 @@ section: utility-classes
22
22
 
23
23
  ### Usage
24
24
 
25
- [Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v6-u-w-initial-on-lg**
25
+ [Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-w-initial-on-lg`
26
26
 
27
27
  | Class | Applied to | Outcome |
28
28
  | -- | -- | -- |
@@ -50,7 +50,7 @@ section: utility-classes
50
50
 
51
51
  ### Usage
52
52
 
53
- [Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), -on-sm, -on-md, -on-lg, -on-xl. **Example .pf-v6-u-w-25vw-on-lg**
53
+ [Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-w-25vw-on-lg`
54
54
 
55
55
  | Class | Applied to | Outcome |
56
56
  | -- | -- | -- |
@@ -90,7 +90,7 @@ section: utility-classes
90
90
 
91
91
  ### Usage
92
92
 
93
- [Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), -on-sm, -on-md, -on-lg, -on-xl. **Example .pf-v6-u-h-initial-on-lg**
93
+ [Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-h-initial-on-lg`
94
94
 
95
95
  | Class | Applied to | Outcome |
96
96
  | -- | -- | -- |
@@ -130,7 +130,7 @@ section: utility-classes
130
130
 
131
131
  ### Usage
132
132
 
133
- [Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), -on-sm, -on-md, -on-lg, -on-xl. **Example .pf-v6-u-h-25vh-on-lg**
133
+ [Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-h-25vh-on-lg`
134
134
 
135
135
  | Class | Applied to | Outcome |
136
136
  | -- | -- | -- |
@@ -188,7 +188,7 @@ section: utility-classes
188
188
  | `.pf-v6-u-min-width` | `*` | Sets min-width: `var(--pf-v6-u-min-width--MinWidth{-on-[breakpoint]})`. |
189
189
  | `.pf-v6-u-max-width` | `*` | Sets min-width: `var(--pf-v6-u-max-width--MaxWidth{-on-[breakpoint]})`. |
190
190
 
191
- [Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), -on-sm, -on-md, -on-lg, -on-xl. **Example --pf-v6-u-min-width--MinWidth-on-lg**
191
+ [Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.--pf-v6-u-min-width--MinWidth-on-lg`
192
192
 
193
193
  | Custom property | Applied to | Outcome |
194
194
  | -- | -- | -- |
@@ -242,7 +242,7 @@ section: utility-classes
242
242
  | `.pf-v6-u-min-height` | `*` | Sets min-height: `var(--pf-v6-u-min-height--MinHeight{-on-[breakpoint]})`. |
243
243
  | `.pf-v6-u-max-height` | `*` | Sets max-height: `var(--pf-v6-u-max-height--MaxHeight{-on-[breakpoint]})`. |
244
244
 
245
- [Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), -on-sm, -on-md, -on-lg, -on-xl. **Example --pf-v6-u-min-height--MinHeight-on-lg**
245
+ [Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.--pf-v6-u-min-height--MinHeight-on-lg`
246
246
 
247
247
  | Custom property | Applied to | Outcome |
248
248
  | -- | -- | -- |
@@ -118,7 +118,7 @@ pf: 'test'
118
118
 
119
119
  ### Overview
120
120
 
121
- [Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v6-u-m-sm-on-lg**
121
+ [Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-m-sm-on-lg`
122
122
 
123
123
  ### Margin properties
124
124
 
@@ -171,7 +171,7 @@ These text utilities can be used to modify text within the PatternFly framework.
171
171
 
172
172
  Care should be taken especially when applying text colors, as this can have a negative effect on the readability and accessibility of text. Refer to the information on [contrast ratios](/guidelines/colors/#contrast-ratios) for more information.
173
173
 
174
- [Breakpoint](/developer-resources/global-css-variables#breakpoint-variables-and-class-suffixes) is optional. Breakpoints: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. **Example .pf-v6-u-font-size-xl-on-lg**
174
+ [Breakpoints](/tokens/all-patternfly-tokens) are optional. Breakpoint options include: base (no breakpoint value), `-on-sm`, `-on-md`, `-on-lg`, and `-on-xl`. Example: `.pf-v6-u-font-size-xl-on-lg`
175
175
 
176
176
  ### Usage
177
177
 
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.2.0-prerelease.1",
4
+ "version": "6.2.0-prerelease.3",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -47,11 +47,11 @@
47
47
  "@commitlint/config-conventional": "^19.1.0",
48
48
  "@fortawesome/fontawesome": "^1.1.8",
49
49
  "@octokit/rest": "^20.1.0",
50
- "@patternfly/documentation-framework": "6.0.12",
50
+ "@patternfly/documentation-framework": "6.5.8",
51
51
  "@patternfly/patternfly-a11y": "5.0.0",
52
- "@patternfly/react-code-editor": "6.0.0",
53
- "@patternfly/react-core": "6.0.0",
54
- "@patternfly/react-table": "6.0.0",
52
+ "@patternfly/react-code-editor": "6.1.0",
53
+ "@patternfly/react-core": "6.1.0",
54
+ "@patternfly/react-table": "6.1.0",
55
55
  "@starptech/prettyhtml": "^0.10.0",
56
56
  "backstopjs": "^6.3.23",
57
57
  "cheerio": "^1.0.0-rc.12",
@@ -5665,7 +5665,7 @@
5665
5665
  font-style: normal;
5666
5666
  font-variant: normal;
5667
5667
  font-weight: normal;
5668
- text-decoration: none;
5668
+ text-decoration-line: none;
5669
5669
  text-transform: none;
5670
5670
  }
5671
5671
 
@@ -117,12 +117,12 @@ pre) {
117
117
 
118
118
  :where(a) {
119
119
  color: var(--pf-t--global--text--color--link--default);
120
- text-decoration: var(--pf-t--global--text-decoration--link--line--default);
120
+ text-decoration-line: var(--pf-t--global--text-decoration--link--line--default);
121
121
  }
122
122
 
123
123
  :where(a:hover, a:focus) {
124
124
  color: var(--pf-t--global--text--color--link--hover);
125
- text-decoration: var(--pf-t--global--text-decoration--link--line--hover);
125
+ text-decoration-line: var(--pf-t--global--text-decoration--link--line--hover);
126
126
  }
127
127
 
128
128
  :where(a,
@@ -5801,7 +5801,7 @@ button) {
5801
5801
  font-style: normal;
5802
5802
  font-variant: normal;
5803
5803
  font-weight: normal;
5804
- text-decoration: none;
5804
+ text-decoration-line: none;
5805
5805
  text-transform: none;
5806
5806
  }
5807
5807
 
@@ -5666,7 +5666,7 @@
5666
5666
  font-style: normal;
5667
5667
  font-variant: normal;
5668
5668
  font-weight: normal;
5669
- text-decoration: none;
5669
+ text-decoration-line: none;
5670
5670
  text-transform: none;
5671
5671
  }
5672
5672
 
@@ -8659,7 +8659,7 @@
8659
8659
  }
8660
8660
  .pf-v6-c-banner a {
8661
8661
  color: var(--pf-v6-c-banner--link--Color);
8662
- text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
8662
+ text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
8663
8663
  }
8664
8664
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
8665
8665
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
@@ -8672,7 +8672,7 @@
8672
8672
  --pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
8673
8673
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
8674
8674
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
8675
- text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
8675
+ text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
8676
8676
  }
8677
8677
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
8678
8678
  cursor: not-allowed;
@@ -8811,7 +8811,8 @@
8811
8811
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
8812
8812
  line-height: inherit;
8813
8813
  color: var(--pf-v6-c-breadcrumb__link--Color);
8814
- text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
8814
+ text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
8815
+ text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
8815
8816
  word-break: break-word;
8816
8817
  background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
8817
8818
  }
@@ -8825,7 +8826,7 @@
8825
8826
  }
8826
8827
  .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
8827
8828
  color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
8828
- text-decoration: none;
8829
+ text-decoration-line: none;
8829
8830
  }
8830
8831
  button.pf-v6-c-breadcrumb__link {
8831
8832
  border: none;
@@ -8872,6 +8873,7 @@ button.pf-v6-c-breadcrumb__link {
8872
8873
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
8873
8874
  --pf-v6-c-button--TextDecorationLine: none;
8874
8875
  --pf-v6-c-button--TextDecorationStyle: none;
8876
+ --pf-v6-c-button--TextDecorationColor: currentcolor;
8875
8877
  --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
8876
8878
  --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
8877
8879
  --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
@@ -8880,6 +8882,7 @@ button.pf-v6-c-breadcrumb__link {
8880
8882
  --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
8881
8883
  --pf-v6-c-button--hover--TextDecorationLine: none;
8882
8884
  --pf-v6-c-button--hover--TextDecorationStyle: none;
8885
+ --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
8883
8886
  --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
8884
8887
  --pf-v6-c-button--m-clicked--BorderColor: transparent;
8885
8888
  --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
@@ -8964,6 +8967,12 @@ button.pf-v6-c-breadcrumb__link {
8964
8967
  --pf-v6-c-button--span--m-link--m-inline--Display: inline;
8965
8968
  --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
8966
8969
  --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
8970
+ --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
8971
+ --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
8972
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
8973
+ --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
8974
+ --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
8975
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
8967
8976
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
8968
8977
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
8969
8978
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -9071,6 +9080,7 @@ button.pf-v6-c-breadcrumb__link {
9071
9080
  --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
9072
9081
  --pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
9073
9082
  --pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
9083
+ --pf-v6-c-button--disabled--TextDecorationColor: currentcolor;
9074
9084
  --pf-v6-c-button--disabled--BorderColor: transparent;
9075
9085
  --pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
9076
9086
  --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
@@ -9115,7 +9125,9 @@ button.pf-v6-c-breadcrumb__link {
9115
9125
  line-height: var(--pf-v6-c-button--LineHeight, inherit);
9116
9126
  color: var(--pf-v6-c-button--Color);
9117
9127
  text-align: center;
9118
- text-decoration: var(--pf-v6-c-button--TextDecorationLine) var(--pf-v6-c-button--TextDecorationStyle);
9128
+ text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
9129
+ text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
9130
+ text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
9119
9131
  white-space: nowrap;
9120
9132
  cursor: pointer;
9121
9133
  user-select: none;
@@ -9228,6 +9240,12 @@ button.pf-v6-c-breadcrumb__link {
9228
9240
  --pf-v6-c-button--disabled--BackgroundColor: transparent;
9229
9241
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
9230
9242
  --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
9243
+ --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
9244
+ --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
9245
+ --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
9246
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
9247
+ --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
9248
+ --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
9231
9249
  text-align: start;
9232
9250
  white-space: normal;
9233
9251
  outline-offset: 0.125rem;
@@ -9388,7 +9406,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9388
9406
  --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
9389
9407
  --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
9390
9408
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
9391
- text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
9409
+ text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
9410
+ text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
9411
+ text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
9392
9412
  }
9393
9413
  .pf-v6-c-button.pf-m-clicked {
9394
9414
  --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
@@ -9402,6 +9422,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9402
9422
  }
9403
9423
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
9404
9424
  color: var(--pf-v6-c-button--disabled--Color);
9425
+ text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
9405
9426
  background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
9406
9427
  }
9407
9428
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
@@ -10507,7 +10528,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
10507
10528
 
10508
10529
  :is(.pf-v6-c-content--a, .pf-v6-c-content a) {
10509
10530
  color: var(--pf-v6-c-content--a--Color);
10510
- text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
10531
+ text-decoration-line: var(--pf-v6-c-content--a--TextDecorationLine);
10532
+ text-decoration-style: var(--pf-v6-c-content--a--TextDecorationStyle);
10511
10533
  }
10512
10534
  :is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
10513
10535
  --pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
@@ -11727,7 +11749,8 @@ ul) {
11727
11749
  min-width: 0;
11728
11750
  }
11729
11751
  .pf-v6-c-description-list__text.pf-m-help-text {
11730
- text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
11752
+ text-decoration-line: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine);
11753
+ text-decoration-style: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
11731
11754
  text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
11732
11755
  cursor: pointer;
11733
11756
  }
@@ -14063,9 +14086,6 @@ ul) {
14063
14086
  font-size: var(--pf-v6-c-form__label--FontSize);
14064
14087
  line-height: var(--pf-v6-c-form__label--LineHeight);
14065
14088
  }
14066
- .pf-v6-c-form__label::selection {
14067
- background-color: none;
14068
- }
14069
14089
  .pf-v6-c-form__label:not(.pf-m-disabled):hover {
14070
14090
  cursor: var(--pf-v6-c-form__label--hover--Cursor);
14071
14091
  }
@@ -15280,7 +15300,7 @@ label.pf-v6-c-input-group__text {
15280
15300
  padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
15281
15301
  padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
15282
15302
  padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
15283
- text-decoration: none;
15303
+ text-decoration-line: none;
15284
15304
  outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
15285
15305
  }
15286
15306
  .pf-v6-c-jump-links__link:is(:hover, :focus) {
@@ -15721,7 +15741,8 @@ label.pf-v6-c-input-group__text {
15721
15741
  --pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
15722
15742
  }
15723
15743
  .pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
15724
- text-decoration: var(--pf-v6-c-label--m-editable--TextDecorationLine) var(--pf-v6-c-label--m-editable--TextDecorationStyle);
15744
+ text-decoration-line: var(--pf-v6-c-label--m-editable--TextDecorationLine);
15745
+ text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
15725
15746
  text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
15726
15747
  }
15727
15748
  .pf-v6-c-label.pf-m-editable-active {
@@ -15754,7 +15775,7 @@ label.pf-v6-c-input-group__text {
15754
15775
  --pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-clickable__content--Cursor);
15755
15776
  }
15756
15777
  .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content, .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) {
15757
- text-decoration: none;
15778
+ text-decoration-line: none;
15758
15779
  }
15759
15780
  .pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) {
15760
15781
  --pf-v6-c-label--Color: var(--pf-v6-c-label--m-clickable--hover--Color);
@@ -17021,11 +17042,20 @@ ul.pf-v6-c-list {
17021
17042
  .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]) {
17022
17043
  --pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
17023
17044
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
17024
- --pf-v6-c-menu__item-external-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
17045
+ --pf-v6-c-menu__item-external--Color: transparent;
17046
+ --pf-v6-c-menu__item-select-icon--Color: transparent;
17025
17047
  --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
17026
17048
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
17049
+ --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
17050
+ }
17051
+ .pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
17052
+ .pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
17027
17053
  pointer-events: none;
17028
17054
  }
17055
+ .pf-v6-c-menu__list-item.pf-m-aria-disabled .pf-v6-c-menu__item,
17056
+ .pf-v6-c-menu__item-action.pf-m-aria-disabled .pf-v6-c-menu__item {
17057
+ cursor: default;
17058
+ }
17029
17059
 
17030
17060
  [class*=pf-v6-c-menu]:is([hidden]) {
17031
17061
  display: none;
@@ -17273,7 +17303,7 @@ ul.pf-v6-c-list {
17273
17303
  line-height: var(--pf-v6-c-menu__item--LineHeight);
17274
17304
  color: var(--pf-v6-c-menu__item--Color);
17275
17305
  text-align: start;
17276
- text-decoration: none;
17306
+ text-decoration-line: none;
17277
17307
  background-color: var(--pf-v6-c-menu__item--BackgroundColor);
17278
17308
  border: 0;
17279
17309
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
@@ -17483,6 +17513,7 @@ ul.pf-v6-c-list {
17483
17513
  --pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
17484
17514
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
17485
17515
  --pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
17516
+ --pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
17486
17517
  --pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
17487
17518
  --pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
17488
17519
  --pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -17490,6 +17521,7 @@ ul.pf-v6-c-list {
17490
17521
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
17491
17522
  --pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
17492
17523
  --pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
17524
+ --pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor: transparent;
17493
17525
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
17494
17526
  --pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
17495
17527
  --pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
@@ -17615,12 +17647,14 @@ ul.pf-v6-c-list {
17615
17647
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
17616
17648
  --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd);
17617
17649
  --pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-secondary--Color);
17650
+ --pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--BackgroundColor);
17618
17651
  --pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--BorderColor);
17619
17652
  --pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-secondary--BorderRadius);
17620
17653
  --pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
17621
17654
  --pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
17622
17655
  --pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
17623
17656
  --pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
17657
+ --pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor);
17624
17658
  --pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
17625
17659
  --pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
17626
17660
  --pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
@@ -18464,7 +18498,7 @@ ul.pf-v6-c-list {
18464
18498
  line-height: var(--pf-v6-c-nav__link--LineHeight, inherit);
18465
18499
  color: var(--pf-v6-c-nav__link--Color);
18466
18500
  text-align: start;
18467
- text-decoration: none;
18501
+ text-decoration-line: none;
18468
18502
  background-color: var(--pf-v6-c-nav__link--BackgroundColor);
18469
18503
  border: none;
18470
18504
  border-radius: var(--pf-v6-c-nav__link--BorderRadius);
@@ -20662,7 +20696,8 @@ ul.pf-v6-c-list {
20662
20696
  .pf-v6-c-progress-stepper__step-title.pf-m-help-text {
20663
20697
  padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
20664
20698
  padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
20665
- text-decoration: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine) var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle);
20699
+ text-decoration-line: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine);
20700
+ text-decoration-style: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle);
20666
20701
  text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
20667
20702
  cursor: pointer;
20668
20703
  }
@@ -21415,7 +21450,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21415
21450
  font-size: var(--pf-v6-c-simple-list__item-link--FontSize);
21416
21451
  color: var(--pf-v6-c-simple-list__item-link--Color);
21417
21452
  text-align: start;
21418
- text-decoration: none;
21453
+ text-decoration-line: none;
21419
21454
  background-color: var(--pf-v6-c-simple-list__item-link--BackgroundColor);
21420
21455
  border: none;
21421
21456
  border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
@@ -21428,7 +21463,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
21428
21463
  .pf-v6-c-simple-list__item-link:is(:hover, :focus) {
21429
21464
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
21430
21465
  --pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
21431
- text-decoration: none;
21466
+ text-decoration-line: none;
21432
21467
  }
21433
21468
  .pf-v6-c-simple-list__item-link.pf-m-current {
21434
21469
  --pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
@@ -25940,7 +25975,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25940
25975
  padding-inline-end: var(--pf-v6-c-tabs__link--PaddingInlineEnd);
25941
25976
  font-size: var(--pf-v6-c-tabs__link--FontSize);
25942
25977
  color: var(--pf-v6-c-tabs__link--Color);
25943
- text-decoration: none;
25978
+ text-decoration-line: none;
25944
25979
  background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
25945
25980
  border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
25946
25981
  }
@@ -26580,7 +26615,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26580
26615
  }
26581
26616
  .pf-v6-c-timestamp.pf-m-help-text {
26582
26617
  --pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--Color);
26583
- text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
26618
+ text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
26619
+ text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
26584
26620
  text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
26585
26621
  cursor: pointer;
26586
26622
  }
@@ -26793,7 +26829,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
26793
26829
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
26794
26830
  --pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
26795
26831
  --pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
26796
- text-decoration: none;
26832
+ text-decoration-line: none;
26797
26833
  }
26798
26834
  .pf-v6-c-toggle-group__button.pf-m-selected {
26799
26835
  --pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
@@ -29744,7 +29780,7 @@ label.pf-v6-c-tree-view__node-text {
29744
29780
  padding-inline: 0;
29745
29781
  color: var(--pf-v6-c-wizard__nav-link--Color);
29746
29782
  text-align: start;
29747
- text-decoration: var(--pf-v6-c-wizard__nav-link--TextDecoration);
29783
+ text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
29748
29784
  word-break: break-word;
29749
29785
  counter-increment: wizard-nav-count;
29750
29786
  background-color: transparent;