@patternfly/react-styles 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/CHANGELOG.md +10 -0
- package/css/components/Banner/banner.css +2 -2
- package/css/components/Breadcrumb/breadcrumb.css +3 -2
- package/css/components/Button/button.css +22 -2
- package/css/components/Content/content.css +2 -1
- package/css/components/DescriptionList/description-list.css +2 -1
- package/css/components/Form/form.css +0 -3
- package/css/components/JumpLinks/jump-links.css +1 -1
- package/css/components/Label/label.css +3 -2
- package/css/components/Menu/menu.css +11 -2
- package/css/components/MenuToggle/menu-toggle.css +6 -0
- package/css/components/Nav/nav.css +1 -1
- package/css/components/ProgressStepper/progress-stepper.css +2 -1
- package/css/components/SimpleList/simple-list.css +2 -2
- package/css/components/Tabs/tabs.css +1 -1
- package/css/components/Timestamp/timestamp.css +2 -1
- package/css/components/ToggleGroup/toggle-group.css +1 -1
- package/css/components/Wizard/wizard.css +1 -1
- package/css/components/_index.css +62 -24
- package/package.json +4 -4
package/CHANGELOG.md
CHANGED
@@ -3,6 +3,16 @@
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
5
5
|
|
6
|
+
# [6.2.0-prerelease.3](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.2.0-prerelease.2...@patternfly/react-styles@6.2.0-prerelease.3) (2025-02-14)
|
7
|
+
|
8
|
+
### Bug Fixes
|
9
|
+
|
10
|
+
- **deps:** update dependency @patternfly/patternfly to v6.2.0-prerelease.4 ([#11525](https://github.com/patternfly/patternfly-react/issues/11525)) ([04daac6](https://github.com/patternfly/patternfly-react/commit/04daac6234bf7b85bdf663e4e9cb1093a16b9f44))
|
11
|
+
|
12
|
+
# [6.2.0-prerelease.2](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.2.0-prerelease.1...@patternfly/react-styles@6.2.0-prerelease.2) (2025-01-23)
|
13
|
+
|
14
|
+
**Note:** Version bump only for package @patternfly/react-styles
|
15
|
+
|
6
16
|
# [6.2.0-prerelease.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.2.0-prerelease.0...@patternfly/react-styles@6.2.0-prerelease.1) (2025-01-21)
|
7
17
|
|
8
18
|
### Bug Fixes
|
@@ -119,7 +119,7 @@
|
|
119
119
|
}
|
120
120
|
.pf-v6-c-banner a {
|
121
121
|
color: var(--pf-v6-c-banner--link--Color);
|
122
|
-
text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
|
122
|
+
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
123
123
|
}
|
124
124
|
.pf-v6-c-banner a:hover:not(.pf-m-disabled) {
|
125
125
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
|
@@ -132,7 +132,7 @@
|
|
132
132
|
--pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
|
133
133
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
|
134
134
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
|
135
|
-
text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
|
135
|
+
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
136
136
|
}
|
137
137
|
.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 {
|
138
138
|
cursor: not-allowed;
|
@@ -65,7 +65,8 @@
|
|
65
65
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
66
66
|
line-height: inherit;
|
67
67
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
68
|
-
text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine)
|
68
|
+
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
69
|
+
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
69
70
|
word-break: break-word;
|
70
71
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
71
72
|
}
|
@@ -79,7 +80,7 @@
|
|
79
80
|
}
|
80
81
|
.pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
|
81
82
|
color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
|
82
|
-
text-decoration: none;
|
83
|
+
text-decoration-line: none;
|
83
84
|
}
|
84
85
|
button.pf-v6-c-breadcrumb__link {
|
85
86
|
border: none;
|
@@ -18,6 +18,7 @@
|
|
18
18
|
--pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
|
19
19
|
--pf-v6-c-button--TextDecorationLine: none;
|
20
20
|
--pf-v6-c-button--TextDecorationStyle: none;
|
21
|
+
--pf-v6-c-button--TextDecorationColor: currentcolor;
|
21
22
|
--pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
22
23
|
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
23
24
|
--pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
|
@@ -26,6 +27,7 @@
|
|
26
27
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
27
28
|
--pf-v6-c-button--hover--TextDecorationLine: none;
|
28
29
|
--pf-v6-c-button--hover--TextDecorationStyle: none;
|
30
|
+
--pf-v6-c-button--hover--TextDecorationColor: currentcolor;
|
29
31
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
30
32
|
--pf-v6-c-button--m-clicked--BorderColor: transparent;
|
31
33
|
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
@@ -110,6 +112,12 @@
|
|
110
112
|
--pf-v6-c-button--span--m-link--m-inline--Display: inline;
|
111
113
|
--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
112
114
|
--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
115
|
+
--pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
|
116
|
+
--pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
117
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
|
118
|
+
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
119
|
+
--pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
120
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
|
113
121
|
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
114
122
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
115
123
|
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
@@ -217,6 +225,7 @@
|
|
217
225
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
|
218
226
|
--pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
219
227
|
--pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
228
|
+
--pf-v6-c-button--disabled--TextDecorationColor: currentcolor;
|
220
229
|
--pf-v6-c-button--disabled--BorderColor: transparent;
|
221
230
|
--pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
|
222
231
|
--pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
|
@@ -261,7 +270,9 @@
|
|
261
270
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
262
271
|
color: var(--pf-v6-c-button--Color);
|
263
272
|
text-align: center;
|
264
|
-
text-decoration: var(--pf-v6-c-button--TextDecorationLine)
|
273
|
+
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
274
|
+
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
275
|
+
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
265
276
|
white-space: nowrap;
|
266
277
|
cursor: pointer;
|
267
278
|
user-select: none;
|
@@ -374,6 +385,12 @@
|
|
374
385
|
--pf-v6-c-button--disabled--BackgroundColor: transparent;
|
375
386
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
|
376
387
|
--pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
|
388
|
+
--pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
|
389
|
+
--pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
|
390
|
+
--pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
|
391
|
+
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
392
|
+
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
393
|
+
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
377
394
|
text-align: start;
|
378
395
|
white-space: normal;
|
379
396
|
outline-offset: 0.125rem;
|
@@ -534,7 +551,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
534
551
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
|
535
552
|
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
|
536
553
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
|
537
|
-
text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine)
|
554
|
+
text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
|
555
|
+
text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
|
556
|
+
text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
|
538
557
|
}
|
539
558
|
.pf-v6-c-button.pf-m-clicked {
|
540
559
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
|
@@ -548,6 +567,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
548
567
|
}
|
549
568
|
.pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
|
550
569
|
color: var(--pf-v6-c-button--disabled--Color);
|
570
|
+
text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
|
551
571
|
background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
|
552
572
|
}
|
553
573
|
.pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
|
@@ -83,7 +83,8 @@
|
|
83
83
|
|
84
84
|
:is(.pf-v6-c-content--a, .pf-v6-c-content a) {
|
85
85
|
color: var(--pf-v6-c-content--a--Color);
|
86
|
-
text-decoration: var(--pf-v6-c-content--a--TextDecorationLine)
|
86
|
+
text-decoration-line: var(--pf-v6-c-content--a--TextDecorationLine);
|
87
|
+
text-decoration-style: var(--pf-v6-c-content--a--TextDecorationStyle);
|
87
88
|
}
|
88
89
|
:is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
|
89
90
|
--pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
|
@@ -196,7 +196,8 @@
|
|
196
196
|
min-width: 0;
|
197
197
|
}
|
198
198
|
.pf-v6-c-description-list__text.pf-m-help-text {
|
199
|
-
text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine)
|
199
|
+
text-decoration-line: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine);
|
200
|
+
text-decoration-style: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
|
200
201
|
text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
|
201
202
|
cursor: pointer;
|
202
203
|
}
|
@@ -333,9 +333,6 @@
|
|
333
333
|
font-size: var(--pf-v6-c-form__label--FontSize);
|
334
334
|
line-height: var(--pf-v6-c-form__label--LineHeight);
|
335
335
|
}
|
336
|
-
.pf-v6-c-form__label::selection {
|
337
|
-
background-color: none;
|
338
|
-
}
|
339
336
|
.pf-v6-c-form__label:not(.pf-m-disabled):hover {
|
340
337
|
cursor: var(--pf-v6-c-form__label--hover--Cursor);
|
341
338
|
}
|
@@ -186,7 +186,7 @@
|
|
186
186
|
padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
|
187
187
|
padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
|
188
188
|
padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
|
189
|
-
text-decoration: none;
|
189
|
+
text-decoration-line: none;
|
190
190
|
outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
|
191
191
|
}
|
192
192
|
.pf-v6-c-jump-links__link:is(:hover, :focus) {
|
@@ -381,7 +381,8 @@
|
|
381
381
|
--pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
|
382
382
|
}
|
383
383
|
.pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
|
384
|
-
text-decoration: var(--pf-v6-c-label--m-editable--TextDecorationLine)
|
384
|
+
text-decoration-line: var(--pf-v6-c-label--m-editable--TextDecorationLine);
|
385
|
+
text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
|
385
386
|
text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
|
386
387
|
}
|
387
388
|
.pf-v6-c-label.pf-m-editable-active {
|
@@ -414,7 +415,7 @@
|
|
414
415
|
--pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-clickable__content--Cursor);
|
415
416
|
}
|
416
417
|
.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) {
|
417
|
-
text-decoration: none;
|
418
|
+
text-decoration-line: none;
|
418
419
|
}
|
419
420
|
.pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) {
|
420
421
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-clickable--hover--Color);
|
@@ -177,11 +177,20 @@
|
|
177
177
|
.pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]) {
|
178
178
|
--pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
|
179
179
|
--pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
|
180
|
-
--pf-v6-c-menu__item-external
|
180
|
+
--pf-v6-c-menu__item-external--Color: transparent;
|
181
|
+
--pf-v6-c-menu__item-select-icon--Color: transparent;
|
181
182
|
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
|
182
183
|
--pf-v6-c-menu__list-item--BackgroundColor: transparent;
|
184
|
+
--pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
|
185
|
+
}
|
186
|
+
.pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
|
187
|
+
.pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
|
183
188
|
pointer-events: none;
|
184
189
|
}
|
190
|
+
.pf-v6-c-menu__list-item.pf-m-aria-disabled .pf-v6-c-menu__item,
|
191
|
+
.pf-v6-c-menu__item-action.pf-m-aria-disabled .pf-v6-c-menu__item {
|
192
|
+
cursor: default;
|
193
|
+
}
|
185
194
|
|
186
195
|
[class*=pf-v6-c-menu]:is([hidden]) {
|
187
196
|
display: none;
|
@@ -429,7 +438,7 @@
|
|
429
438
|
line-height: var(--pf-v6-c-menu__item--LineHeight);
|
430
439
|
color: var(--pf-v6-c-menu__item--Color);
|
431
440
|
text-align: start;
|
432
|
-
text-decoration: none;
|
441
|
+
text-decoration-line: none;
|
433
442
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
434
443
|
border: 0;
|
435
444
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
@@ -54,6 +54,7 @@
|
|
54
54
|
--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
|
55
55
|
--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
|
56
56
|
--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
57
|
+
--pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
|
57
58
|
--pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
|
58
59
|
--pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
|
59
60
|
--pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
|
@@ -61,6 +62,7 @@
|
|
61
62
|
--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
62
63
|
--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
|
63
64
|
--pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
|
65
|
+
--pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor: transparent;
|
64
66
|
--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
65
67
|
--pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
|
66
68
|
--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
@@ -101,6 +103,7 @@
|
|
101
103
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
102
104
|
--pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
103
105
|
--pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
|
106
|
+
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-v6-c-menu-toggle--BorderRadius);
|
104
107
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
105
108
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
106
109
|
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
@@ -185,12 +188,14 @@
|
|
185
188
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
|
186
189
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd);
|
187
190
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-secondary--Color);
|
191
|
+
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--BackgroundColor);
|
188
192
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--BorderColor);
|
189
193
|
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-secondary--BorderRadius);
|
190
194
|
--pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
|
191
195
|
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
|
192
196
|
--pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
|
193
197
|
--pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
|
198
|
+
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor);
|
194
199
|
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
|
195
200
|
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
|
196
201
|
--pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
|
@@ -214,6 +219,7 @@
|
|
214
219
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
|
215
220
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
216
221
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
222
|
+
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
|
217
223
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
218
224
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
|
219
225
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
|
@@ -186,7 +186,7 @@
|
|
186
186
|
line-height: var(--pf-v6-c-nav__link--LineHeight, inherit);
|
187
187
|
color: var(--pf-v6-c-nav__link--Color);
|
188
188
|
text-align: start;
|
189
|
-
text-decoration: none;
|
189
|
+
text-decoration-line: none;
|
190
190
|
background-color: var(--pf-v6-c-nav__link--BackgroundColor);
|
191
191
|
border: none;
|
192
192
|
border-radius: var(--pf-v6-c-nav__link--BorderRadius);
|
@@ -316,7 +316,8 @@
|
|
316
316
|
.pf-v6-c-progress-stepper__step-title.pf-m-help-text {
|
317
317
|
padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
|
318
318
|
padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
|
319
|
-
text-decoration: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine)
|
319
|
+
text-decoration-line: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine);
|
320
|
+
text-decoration-style: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle);
|
320
321
|
text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
|
321
322
|
cursor: pointer;
|
322
323
|
}
|
@@ -34,7 +34,7 @@
|
|
34
34
|
font-size: var(--pf-v6-c-simple-list__item-link--FontSize);
|
35
35
|
color: var(--pf-v6-c-simple-list__item-link--Color);
|
36
36
|
text-align: start;
|
37
|
-
text-decoration: none;
|
37
|
+
text-decoration-line: none;
|
38
38
|
background-color: var(--pf-v6-c-simple-list__item-link--BackgroundColor);
|
39
39
|
border: none;
|
40
40
|
border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
|
@@ -47,7 +47,7 @@
|
|
47
47
|
.pf-v6-c-simple-list__item-link:is(:hover, :focus) {
|
48
48
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
|
49
49
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
|
50
|
-
text-decoration: none;
|
50
|
+
text-decoration-line: none;
|
51
51
|
}
|
52
52
|
.pf-v6-c-simple-list__item-link.pf-m-current {
|
53
53
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
|
@@ -495,7 +495,7 @@
|
|
495
495
|
padding-inline-end: var(--pf-v6-c-tabs__link--PaddingInlineEnd);
|
496
496
|
font-size: var(--pf-v6-c-tabs__link--FontSize);
|
497
497
|
color: var(--pf-v6-c-tabs__link--Color);
|
498
|
-
text-decoration: none;
|
498
|
+
text-decoration-line: none;
|
499
499
|
background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
|
500
500
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
501
501
|
}
|
@@ -19,7 +19,8 @@
|
|
19
19
|
}
|
20
20
|
.pf-v6-c-timestamp.pf-m-help-text {
|
21
21
|
--pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--Color);
|
22
|
-
text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine)
|
22
|
+
text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
|
23
|
+
text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
|
23
24
|
text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
|
24
25
|
cursor: pointer;
|
25
26
|
}
|
@@ -92,7 +92,7 @@
|
|
92
92
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
93
93
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
94
94
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
95
|
-
text-decoration: none;
|
95
|
+
text-decoration-line: none;
|
96
96
|
}
|
97
97
|
.pf-v6-c-toggle-group__button.pf-m-selected {
|
98
98
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
|
@@ -357,7 +357,7 @@
|
|
357
357
|
padding-inline: 0;
|
358
358
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
359
359
|
text-align: start;
|
360
|
-
text-decoration: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
360
|
+
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
361
361
|
word-break: break-word;
|
362
362
|
counter-increment: wizard-nav-count;
|
363
363
|
background-color: transparent;
|
@@ -1197,7 +1197,7 @@
|
|
1197
1197
|
}
|
1198
1198
|
.pf-v6-c-banner a {
|
1199
1199
|
color: var(--pf-v6-c-banner--link--Color);
|
1200
|
-
text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
|
1200
|
+
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
1201
1201
|
}
|
1202
1202
|
.pf-v6-c-banner a:hover:not(.pf-m-disabled) {
|
1203
1203
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
|
@@ -1210,7 +1210,7 @@
|
|
1210
1210
|
--pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
|
1211
1211
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
|
1212
1212
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
|
1213
|
-
text-decoration: var(--pf-v6-c-banner--link--TextDecoration);
|
1213
|
+
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
1214
1214
|
}
|
1215
1215
|
.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 {
|
1216
1216
|
cursor: not-allowed;
|
@@ -1349,7 +1349,8 @@
|
|
1349
1349
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
1350
1350
|
line-height: inherit;
|
1351
1351
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
1352
|
-
text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine)
|
1352
|
+
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
1353
|
+
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
1353
1354
|
word-break: break-word;
|
1354
1355
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
1355
1356
|
}
|
@@ -1363,7 +1364,7 @@
|
|
1363
1364
|
}
|
1364
1365
|
.pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
|
1365
1366
|
color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
|
1366
|
-
text-decoration: none;
|
1367
|
+
text-decoration-line: none;
|
1367
1368
|
}
|
1368
1369
|
button.pf-v6-c-breadcrumb__link {
|
1369
1370
|
border: none;
|
@@ -1410,6 +1411,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1410
1411
|
--pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
|
1411
1412
|
--pf-v6-c-button--TextDecorationLine: none;
|
1412
1413
|
--pf-v6-c-button--TextDecorationStyle: none;
|
1414
|
+
--pf-v6-c-button--TextDecorationColor: currentcolor;
|
1413
1415
|
--pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
1414
1416
|
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
1415
1417
|
--pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
|
@@ -1418,6 +1420,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1418
1420
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
1419
1421
|
--pf-v6-c-button--hover--TextDecorationLine: none;
|
1420
1422
|
--pf-v6-c-button--hover--TextDecorationStyle: none;
|
1423
|
+
--pf-v6-c-button--hover--TextDecorationColor: currentcolor;
|
1421
1424
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
1422
1425
|
--pf-v6-c-button--m-clicked--BorderColor: transparent;
|
1423
1426
|
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
@@ -1502,6 +1505,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
1502
1505
|
--pf-v6-c-button--span--m-link--m-inline--Display: inline;
|
1503
1506
|
--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
1504
1507
|
--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
|
1508
|
+
--pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
|
1509
|
+
--pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
1510
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
|
1511
|
+
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
1512
|
+
--pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
1513
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
|
1505
1514
|
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
1506
1515
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
1507
1516
|
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
@@ -1609,6 +1618,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
1609
1618
|
--pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
|
1610
1619
|
--pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
1611
1620
|
--pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
1621
|
+
--pf-v6-c-button--disabled--TextDecorationColor: currentcolor;
|
1612
1622
|
--pf-v6-c-button--disabled--BorderColor: transparent;
|
1613
1623
|
--pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
|
1614
1624
|
--pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
|
@@ -1653,7 +1663,9 @@ button.pf-v6-c-breadcrumb__link {
|
|
1653
1663
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
1654
1664
|
color: var(--pf-v6-c-button--Color);
|
1655
1665
|
text-align: center;
|
1656
|
-
text-decoration: var(--pf-v6-c-button--TextDecorationLine)
|
1666
|
+
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
1667
|
+
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
1668
|
+
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
1657
1669
|
white-space: nowrap;
|
1658
1670
|
cursor: pointer;
|
1659
1671
|
user-select: none;
|
@@ -1766,6 +1778,12 @@ button.pf-v6-c-breadcrumb__link {
|
|
1766
1778
|
--pf-v6-c-button--disabled--BackgroundColor: transparent;
|
1767
1779
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
|
1768
1780
|
--pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
|
1781
|
+
--pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
|
1782
|
+
--pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
|
1783
|
+
--pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
|
1784
|
+
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
1785
|
+
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
1786
|
+
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
1769
1787
|
text-align: start;
|
1770
1788
|
white-space: normal;
|
1771
1789
|
outline-offset: 0.125rem;
|
@@ -1926,7 +1944,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
1926
1944
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
|
1927
1945
|
--pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
|
1928
1946
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
|
1929
|
-
text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine)
|
1947
|
+
text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
|
1948
|
+
text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
|
1949
|
+
text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
|
1930
1950
|
}
|
1931
1951
|
.pf-v6-c-button.pf-m-clicked {
|
1932
1952
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
|
@@ -1940,6 +1960,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
1940
1960
|
}
|
1941
1961
|
.pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
|
1942
1962
|
color: var(--pf-v6-c-button--disabled--Color);
|
1963
|
+
text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
|
1943
1964
|
background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
|
1944
1965
|
}
|
1945
1966
|
.pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
|
@@ -3045,7 +3066,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
3045
3066
|
|
3046
3067
|
:is(.pf-v6-c-content--a, .pf-v6-c-content a) {
|
3047
3068
|
color: var(--pf-v6-c-content--a--Color);
|
3048
|
-
text-decoration: var(--pf-v6-c-content--a--TextDecorationLine)
|
3069
|
+
text-decoration-line: var(--pf-v6-c-content--a--TextDecorationLine);
|
3070
|
+
text-decoration-style: var(--pf-v6-c-content--a--TextDecorationStyle);
|
3049
3071
|
}
|
3050
3072
|
:is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
|
3051
3073
|
--pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
|
@@ -4265,7 +4287,8 @@ ul) {
|
|
4265
4287
|
min-width: 0;
|
4266
4288
|
}
|
4267
4289
|
.pf-v6-c-description-list__text.pf-m-help-text {
|
4268
|
-
text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine)
|
4290
|
+
text-decoration-line: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine);
|
4291
|
+
text-decoration-style: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
|
4269
4292
|
text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
|
4270
4293
|
cursor: pointer;
|
4271
4294
|
}
|
@@ -6601,9 +6624,6 @@ ul) {
|
|
6601
6624
|
font-size: var(--pf-v6-c-form__label--FontSize);
|
6602
6625
|
line-height: var(--pf-v6-c-form__label--LineHeight);
|
6603
6626
|
}
|
6604
|
-
.pf-v6-c-form__label::selection {
|
6605
|
-
background-color: none;
|
6606
|
-
}
|
6607
6627
|
.pf-v6-c-form__label:not(.pf-m-disabled):hover {
|
6608
6628
|
cursor: var(--pf-v6-c-form__label--hover--Cursor);
|
6609
6629
|
}
|
@@ -7818,7 +7838,7 @@ label.pf-v6-c-input-group__text {
|
|
7818
7838
|
padding-block-end: var(--pf-v6-c-jump-links__link--PaddingBlockEnd);
|
7819
7839
|
padding-inline-start: var(--pf-v6-c-jump-links__link--PaddingInlineStart);
|
7820
7840
|
padding-inline-end: var(--pf-v6-c-jump-links__link--PaddingInlineEnd);
|
7821
|
-
text-decoration: none;
|
7841
|
+
text-decoration-line: none;
|
7822
7842
|
outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
|
7823
7843
|
}
|
7824
7844
|
.pf-v6-c-jump-links__link:is(:hover, :focus) {
|
@@ -8259,7 +8279,8 @@ label.pf-v6-c-input-group__text {
|
|
8259
8279
|
--pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
|
8260
8280
|
}
|
8261
8281
|
.pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
|
8262
|
-
text-decoration: var(--pf-v6-c-label--m-editable--TextDecorationLine)
|
8282
|
+
text-decoration-line: var(--pf-v6-c-label--m-editable--TextDecorationLine);
|
8283
|
+
text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
|
8263
8284
|
text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
|
8264
8285
|
}
|
8265
8286
|
.pf-v6-c-label.pf-m-editable-active {
|
@@ -8292,7 +8313,7 @@ label.pf-v6-c-input-group__text {
|
|
8292
8313
|
--pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-clickable__content--Cursor);
|
8293
8314
|
}
|
8294
8315
|
.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) {
|
8295
|
-
text-decoration: none;
|
8316
|
+
text-decoration-line: none;
|
8296
8317
|
}
|
8297
8318
|
.pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) {
|
8298
8319
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-clickable--hover--Color);
|
@@ -9559,11 +9580,20 @@ ul.pf-v6-c-list {
|
|
9559
9580
|
.pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled, .pf-m-aria-disabled, [aria-disabled=true]) {
|
9560
9581
|
--pf-v6-c-menu__item--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
|
9561
9582
|
--pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
|
9562
|
-
--pf-v6-c-menu__item-external
|
9583
|
+
--pf-v6-c-menu__item-external--Color: transparent;
|
9584
|
+
--pf-v6-c-menu__item-select-icon--Color: transparent;
|
9563
9585
|
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
|
9564
9586
|
--pf-v6-c-menu__list-item--BackgroundColor: transparent;
|
9587
|
+
--pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
|
9588
|
+
}
|
9589
|
+
.pf-v6-c-menu__list-item:is(.pf-m-disabled, :disabled),
|
9590
|
+
.pf-v6-c-menu__item-action:is(.pf-m-disabled, :disabled) {
|
9565
9591
|
pointer-events: none;
|
9566
9592
|
}
|
9593
|
+
.pf-v6-c-menu__list-item.pf-m-aria-disabled .pf-v6-c-menu__item,
|
9594
|
+
.pf-v6-c-menu__item-action.pf-m-aria-disabled .pf-v6-c-menu__item {
|
9595
|
+
cursor: default;
|
9596
|
+
}
|
9567
9597
|
|
9568
9598
|
[class*=pf-v6-c-menu]:is([hidden]) {
|
9569
9599
|
display: none;
|
@@ -9811,7 +9841,7 @@ ul.pf-v6-c-list {
|
|
9811
9841
|
line-height: var(--pf-v6-c-menu__item--LineHeight);
|
9812
9842
|
color: var(--pf-v6-c-menu__item--Color);
|
9813
9843
|
text-align: start;
|
9814
|
-
text-decoration: none;
|
9844
|
+
text-decoration-line: none;
|
9815
9845
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
9816
9846
|
border: 0;
|
9817
9847
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
@@ -10021,6 +10051,7 @@ ul.pf-v6-c-list {
|
|
10021
10051
|
--pf-v6-c-menu-toggle--m-primary--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
|
10022
10052
|
--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
|
10023
10053
|
--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
10054
|
+
--pf-v6-c-menu-toggle--m-secondary--BackgroundColor: transparent;
|
10024
10055
|
--pf-v6-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
|
10025
10056
|
--pf-v6-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
|
10026
10057
|
--pf-v6-c-menu-toggle--m-secondary--BorderRadius: var(--pf-t--global--border--radius--pill);
|
@@ -10028,6 +10059,7 @@ ul.pf-v6-c-list {
|
|
10028
10059
|
--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
10029
10060
|
--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
|
10030
10061
|
--pf-v6-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
|
10062
|
+
--pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor: transparent;
|
10031
10063
|
--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
10032
10064
|
--pf-v6-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
|
10033
10065
|
--pf-v6-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
@@ -10068,6 +10100,7 @@ ul.pf-v6-c-list {
|
|
10068
10100
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
10069
10101
|
--pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
10070
10102
|
--pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
|
10103
|
+
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-v6-c-menu-toggle--BorderRadius);
|
10071
10104
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
10072
10105
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
10073
10106
|
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
@@ -10152,12 +10185,14 @@ ul.pf-v6-c-list {
|
|
10152
10185
|
--pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineStart);
|
10153
10186
|
--pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-v6-c-menu-toggle--m-secondary--PaddingInlineEnd);
|
10154
10187
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-secondary--Color);
|
10188
|
+
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--BackgroundColor);
|
10155
10189
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--BorderColor);
|
10156
10190
|
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-secondary--BorderRadius);
|
10157
10191
|
--pf-v6-c-menu-toggle--hover--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover--Color);
|
10158
10192
|
--pf-v6-c-menu-toggle--hover--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderWidth);
|
10159
10193
|
--pf-v6-c-menu-toggle--hover--BorderColor: var(--pf-v6-c-menu-toggle--m-secondary--hover--BorderColor);
|
10160
10194
|
--pf-v6-c-menu-toggle--expanded--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded--Color);
|
10195
|
+
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BackgroundColor);
|
10161
10196
|
--pf-v6-c-menu-toggle--expanded--BorderWidth: var(--pf-v6-c-menu-toggle--m-secondary--expanded--BorderWidth);
|
10162
10197
|
--pf-v6-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
|
10163
10198
|
--pf-v6-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v6-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
|
@@ -10181,6 +10216,7 @@ ul.pf-v6-c-list {
|
|
10181
10216
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-plain--Color);
|
10182
10217
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
10183
10218
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-plain--BorderColor);
|
10219
|
+
--pf-v6-c-menu-toggle--BorderRadius: var(--pf-v6-c-menu-toggle--m-plain--BorderRadius);
|
10184
10220
|
--pf-v6-c-menu-toggle--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--BackgroundColor);
|
10185
10221
|
--pf-v6-c-menu-toggle--hover--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor);
|
10186
10222
|
--pf-v6-c-menu-toggle--expanded--BackgroundColor: var(--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor);
|
@@ -11000,7 +11036,7 @@ ul.pf-v6-c-list {
|
|
11000
11036
|
line-height: var(--pf-v6-c-nav__link--LineHeight, inherit);
|
11001
11037
|
color: var(--pf-v6-c-nav__link--Color);
|
11002
11038
|
text-align: start;
|
11003
|
-
text-decoration: none;
|
11039
|
+
text-decoration-line: none;
|
11004
11040
|
background-color: var(--pf-v6-c-nav__link--BackgroundColor);
|
11005
11041
|
border: none;
|
11006
11042
|
border-radius: var(--pf-v6-c-nav__link--BorderRadius);
|
@@ -13198,7 +13234,8 @@ ul.pf-v6-c-list {
|
|
13198
13234
|
.pf-v6-c-progress-stepper__step-title.pf-m-help-text {
|
13199
13235
|
padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
|
13200
13236
|
padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
|
13201
|
-
text-decoration: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine)
|
13237
|
+
text-decoration-line: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine);
|
13238
|
+
text-decoration-style: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle);
|
13202
13239
|
text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
|
13203
13240
|
cursor: pointer;
|
13204
13241
|
}
|
@@ -13951,7 +13988,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
13951
13988
|
font-size: var(--pf-v6-c-simple-list__item-link--FontSize);
|
13952
13989
|
color: var(--pf-v6-c-simple-list__item-link--Color);
|
13953
13990
|
text-align: start;
|
13954
|
-
text-decoration: none;
|
13991
|
+
text-decoration-line: none;
|
13955
13992
|
background-color: var(--pf-v6-c-simple-list__item-link--BackgroundColor);
|
13956
13993
|
border: none;
|
13957
13994
|
border-radius: var(--pf-v6-c-simple-list__item-link--BorderRadius);
|
@@ -13964,7 +14001,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
13964
14001
|
.pf-v6-c-simple-list__item-link:is(:hover, :focus) {
|
13965
14002
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
|
13966
14003
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
|
13967
|
-
text-decoration: none;
|
14004
|
+
text-decoration-line: none;
|
13968
14005
|
}
|
13969
14006
|
.pf-v6-c-simple-list__item-link.pf-m-current {
|
13970
14007
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--m-current--BackgroundColor);
|
@@ -18476,7 +18513,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
18476
18513
|
padding-inline-end: var(--pf-v6-c-tabs__link--PaddingInlineEnd);
|
18477
18514
|
font-size: var(--pf-v6-c-tabs__link--FontSize);
|
18478
18515
|
color: var(--pf-v6-c-tabs__link--Color);
|
18479
|
-
text-decoration: none;
|
18516
|
+
text-decoration-line: none;
|
18480
18517
|
background-color: var(--pf-v6-c-tabs__link--BackgroundColor);
|
18481
18518
|
border-radius: var(--pf-v6-c-tabs__link--BorderRadius);
|
18482
18519
|
}
|
@@ -19116,7 +19153,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19116
19153
|
}
|
19117
19154
|
.pf-v6-c-timestamp.pf-m-help-text {
|
19118
19155
|
--pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--Color);
|
19119
|
-
text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine)
|
19156
|
+
text-decoration-line: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine);
|
19157
|
+
text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
|
19120
19158
|
text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
|
19121
19159
|
cursor: pointer;
|
19122
19160
|
}
|
@@ -19329,7 +19367,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
19329
19367
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
19330
19368
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
19331
19369
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
19332
|
-
text-decoration: none;
|
19370
|
+
text-decoration-line: none;
|
19333
19371
|
}
|
19334
19372
|
.pf-v6-c-toggle-group__button.pf-m-selected {
|
19335
19373
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--m-selected--BackgroundColor);
|
@@ -22280,7 +22318,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
22280
22318
|
padding-inline: 0;
|
22281
22319
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
22282
22320
|
text-align: start;
|
22283
|
-
text-decoration: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
22321
|
+
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
22284
22322
|
word-break: break-word;
|
22285
22323
|
counter-increment: wizard-nav-count;
|
22286
22324
|
background-color: transparent;
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@patternfly/react-styles",
|
3
|
-
"version": "6.2.0-prerelease.
|
3
|
+
"version": "6.2.0-prerelease.3",
|
4
4
|
"main": "dist/js/index.js",
|
5
5
|
"module": "dist/esm/index.js",
|
6
6
|
"types": "dist/esm/index.d.ts",
|
@@ -19,10 +19,10 @@
|
|
19
19
|
"clean": "rimraf dist css"
|
20
20
|
},
|
21
21
|
"devDependencies": {
|
22
|
-
"@patternfly/patternfly": "6.
|
22
|
+
"@patternfly/patternfly": "6.2.0-prerelease.4",
|
23
23
|
"change-case": "^5.4.4",
|
24
|
-
"fs-extra": "^11.
|
24
|
+
"fs-extra": "^11.3.0"
|
25
25
|
},
|
26
26
|
"license": "MIT",
|
27
|
-
"gitHead": "
|
27
|
+
"gitHead": "939bec6792f720d379d5bfd9c271e4920480bcc4"
|
28
28
|
}
|