@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.
- package/assets/pficon/pficon.scss +1 -1
- package/base/normalize.scss +2 -2
- package/base/patternfly-pf-icons.css +1 -1
- package/components/Banner/banner.css +2 -2
- package/components/Banner/banner.scss +2 -2
- package/components/Breadcrumb/breadcrumb.css +3 -2
- package/components/Breadcrumb/breadcrumb.scss +3 -2
- package/components/Button/button.css +22 -2
- package/components/Button/button.scss +22 -2
- package/components/Content/content.css +2 -1
- package/components/Content/content.scss +2 -1
- package/components/DescriptionList/description-list.css +2 -1
- package/components/DescriptionList/description-list.scss +2 -1
- package/components/Form/form.css +0 -3
- package/components/Form/form.scss +0 -4
- package/components/JumpLinks/jump-links.css +1 -1
- package/components/JumpLinks/jump-links.scss +1 -1
- package/components/Label/label.css +3 -2
- package/components/Label/label.scss +3 -2
- package/components/Menu/menu.css +11 -2
- package/components/Menu/menu.scss +12 -2
- package/components/MenuToggle/menu-toggle.css +4 -0
- package/components/MenuToggle/menu-toggle.scss +4 -0
- package/components/Nav/nav.css +1 -1
- package/components/Nav/nav.scss +1 -1
- package/components/ProgressStepper/progress-stepper.css +2 -1
- package/components/ProgressStepper/progress-stepper.scss +2 -1
- package/components/SimpleList/simple-list.css +2 -2
- package/components/SimpleList/simple-list.scss +2 -2
- package/components/Tabs/tabs.css +1 -1
- package/components/Tabs/tabs.scss +1 -1
- package/components/Timestamp/timestamp.css +2 -1
- package/components/Timestamp/timestamp.scss +2 -1
- package/components/ToggleGroup/toggle-group.css +1 -1
- package/components/ToggleGroup/toggle-group.scss +1 -1
- package/components/Wizard/wizard.css +1 -1
- package/components/Wizard/wizard.scss +1 -1
- package/components/_index.css +60 -24
- package/docs/components/Avatar/examples/Avatar.md +4 -4
- package/docs/components/Brand/examples/Brand.md +2 -2
- package/docs/components/DataList/examples/DataList.md +3 -3
- package/docs/components/DescriptionList/examples/DescriptionList.md +2 -2
- package/docs/components/Divider/examples/Divider.md +2 -2
- package/docs/components/Drawer/examples/Drawer.md +3 -3
- package/docs/components/JumpLinks/examples/JumpLinks.md +2 -2
- package/docs/components/Masthead/examples/masthead.md +1 -1
- package/docs/components/Menu/examples/Menu.md +2 -2
- package/docs/components/Page/examples/Page.md +2 -2
- package/docs/components/Pagination/examples/Pagination.md +3 -3
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +2 -2
- package/docs/components/Sidebar/examples/Sidebar.md +1 -1
- package/docs/components/Table/examples/Table.md +3 -3
- package/docs/components/Tabs/examples/Tabs.md +3 -3
- package/docs/components/Toolbar/examples/Toolbar.md +7 -7
- package/docs/layouts/Flex/examples/Flex.md +1 -1
- package/docs/layouts/Gallery/examples/Gallery.md +2 -2
- package/docs/layouts/Grid/examples/Grid.md +4 -4
- package/docs/utilities/Accessibility/examples/Accessibility.md +1 -1
- package/docs/utilities/Alignment/examples/Alignment.md +1 -1
- package/docs/utilities/BackgroundColor/examples/BackgroundColor.md +1 -1
- package/docs/utilities/Display/examples/Display.md +1 -1
- package/docs/utilities/Flex/examples/Flex.md +1 -1
- package/docs/utilities/Float/examples/Float.md +1 -1
- package/docs/utilities/Sizing/examples/Sizing.md +6 -6
- package/docs/utilities/Spacing/examples/Spacing.md +1 -1
- package/docs/utilities/Text/examples/Text.md +1 -1
- package/package.json +5 -5
- package/patternfly-base-no-globals.css +1 -1
- package/patternfly-base.css +3 -3
- package/patternfly-no-globals.css +61 -25
- package/patternfly.css +63 -27
- package/patternfly.min.css +1 -1
- 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](/
|
|
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](/
|
|
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](/
|
|
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](/
|
|
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](/
|
|
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](/
|
|
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](/
|
|
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](/
|
|
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](/
|
|
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](/
|
|
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](/
|
|
322
|
-
| `.pf-m-{1-12}-col{-on-[breakpoint]}` | `.pf-v6-l-grid__item` | Defines grid item size at optional [breakpoint](/
|
|
323
|
-
| `.pf-m-{2-x}-row{-on-[breakpoint]}` | `.pf-v6-l-grid__item` | Defines grid item row span at optional [breakpoint](/
|
|
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](/
|
|
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
|
-
[
|
|
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
|
-
[
|
|
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
|
-
[
|
|
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
|
-
[
|
|
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`. [
|
|
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
|
-
[
|
|
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
|
-
[
|
|
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
|
-
[
|
|
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
|
-
[
|
|
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
|
-
[
|
|
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
|
-
[
|
|
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
|
-
[
|
|
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
|
-
[
|
|
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
|
-
[
|
|
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.
|
|
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.
|
|
50
|
+
"@patternfly/documentation-framework": "6.5.8",
|
|
51
51
|
"@patternfly/patternfly-a11y": "5.0.0",
|
|
52
|
-
"@patternfly/react-code-editor": "6.
|
|
53
|
-
"@patternfly/react-core": "6.
|
|
54
|
-
"@patternfly/react-table": "6.
|
|
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",
|
package/patternfly-base.css
CHANGED
|
@@ -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)
|
|
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)
|
|
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)
|
|
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)
|
|
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)
|
|
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)
|
|
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
|
|
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)
|
|
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)
|
|
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;
|