@patternfly/patternfly 6.2.0-prerelease.2 → 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/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 +56 -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 +2 -2
- package/patternfly-base-no-globals.css +1 -1
- package/patternfly-base.css +3 -3
- package/patternfly-no-globals.css +57 -25
- package/patternfly.css +59 -27
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -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,7 +47,7 @@
|
|
|
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.5.
|
|
50
|
+
"@patternfly/documentation-framework": "6.5.8",
|
|
51
51
|
"@patternfly/patternfly-a11y": "5.0.0",
|
|
52
52
|
"@patternfly/react-code-editor": "6.1.0",
|
|
53
53
|
"@patternfly/react-core": "6.1.0",
|
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);
|
|
@@ -18468,7 +18498,7 @@ ul.pf-v6-c-list {
|
|
|
18468
18498
|
line-height: var(--pf-v6-c-nav__link--LineHeight, inherit);
|
|
18469
18499
|
color: var(--pf-v6-c-nav__link--Color);
|
|
18470
18500
|
text-align: start;
|
|
18471
|
-
text-decoration: none;
|
|
18501
|
+
text-decoration-line: none;
|
|
18472
18502
|
background-color: var(--pf-v6-c-nav__link--BackgroundColor);
|
|
18473
18503
|
border: none;
|
|
18474
18504
|
border-radius: var(--pf-v6-c-nav__link--BorderRadius);
|
|
@@ -20666,7 +20696,8 @@ ul.pf-v6-c-list {
|
|
|
20666
20696
|
.pf-v6-c-progress-stepper__step-title.pf-m-help-text {
|
|
20667
20697
|
padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
|
|
20668
20698
|
padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
|
|
20669
|
-
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);
|
|
20670
20701
|
text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
|
|
20671
20702
|
cursor: pointer;
|
|
20672
20703
|
}
|
|
@@ -21419,7 +21450,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21419
21450
|
font-size: var(--pf-v6-c-simple-list__item-link--FontSize);
|
|
21420
21451
|
color: var(--pf-v6-c-simple-list__item-link--Color);
|
|
21421
21452
|
text-align: start;
|
|
21422
|
-
text-decoration: none;
|
|
21453
|
+
text-decoration-line: none;
|
|
21423
21454
|
background-color: var(--pf-v6-c-simple-list__item-link--BackgroundColor);
|
|
21424
21455
|
border: none;
|
|
21425
21456
|
border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
|
|
@@ -21432,7 +21463,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
21432
21463
|
.pf-v6-c-simple-list__item-link:is(:hover, :focus) {
|
|
21433
21464
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
|
|
21434
21465
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
|
|
21435
|
-
text-decoration: none;
|
|
21466
|
+
text-decoration-line: none;
|
|
21436
21467
|
}
|
|
21437
21468
|
.pf-v6-c-simple-list__item-link.pf-m-current {
|
|
21438
21469
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
|
|
@@ -25944,7 +25975,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25944
25975
|
padding-inline-end: var(--pf-v6-c-tabs__link--PaddingInlineEnd);
|
|
25945
25976
|
font-size: var(--pf-v6-c-tabs__link--FontSize);
|
|
25946
25977
|
color: var(--pf-v6-c-tabs__link--Color);
|
|
25947
|
-
text-decoration: none;
|
|
25978
|
+
text-decoration-line: none;
|
|
25948
25979
|
background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
|
|
25949
25980
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
|
25950
25981
|
}
|
|
@@ -26584,7 +26615,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26584
26615
|
}
|
|
26585
26616
|
.pf-v6-c-timestamp.pf-m-help-text {
|
|
26586
26617
|
--pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--Color);
|
|
26587
|
-
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);
|
|
26588
26620
|
text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
|
|
26589
26621
|
cursor: pointer;
|
|
26590
26622
|
}
|
|
@@ -26797,7 +26829,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
26797
26829
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
|
26798
26830
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
|
26799
26831
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
|
26800
|
-
text-decoration: none;
|
|
26832
|
+
text-decoration-line: none;
|
|
26801
26833
|
}
|
|
26802
26834
|
.pf-v6-c-toggle-group__button.pf-m-selected {
|
|
26803
26835
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
|
|
@@ -29748,7 +29780,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
29748
29780
|
padding-inline: 0;
|
|
29749
29781
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
29750
29782
|
text-align: start;
|
|
29751
|
-
text-decoration: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
29783
|
+
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
29752
29784
|
word-break: break-word;
|
|
29753
29785
|
counter-increment: wizard-nav-count;
|
|
29754
29786
|
background-color: transparent;
|