@patternfly/patternfly 6.0.0-alpha.200 → 6.0.0-alpha.201
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/base/normalize.scss +3 -3
- package/base/patternfly-variables.css +2 -6
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +1 -1
- package/base/tokens/tokens-default.scss +3 -3
- package/base/tokens/tokens-local.scss +0 -6
- package/base/tokens/tokens-palette.scss +1 -1
- package/components/Breadcrumb/breadcrumb.css +9 -6
- package/components/Breadcrumb/breadcrumb.scss +9 -6
- package/components/Button/button.css +16 -7
- package/components/Button/button.scss +17 -7
- package/components/Content/content.css +8 -5
- package/components/Content/content.scss +8 -5
- package/components/DescriptionList/description-list.css +10 -15
- package/components/DescriptionList/description-list.scss +10 -16
- package/components/JumpLinks/jump-links.css +1 -1
- package/components/JumpLinks/jump-links.scss +1 -2
- package/components/Label/label.css +15 -14
- package/components/Label/label.scss +16 -14
- package/components/ProgressStepper/progress-stepper.css +8 -7
- package/components/ProgressStepper/progress-stepper.scss +8 -8
- package/components/SimpleList/simple-list.css +1 -1
- package/components/SimpleList/simple-list.scss +1 -2
- package/components/Tabs/tabs.css +1 -1
- package/components/Tabs/tabs.scss +1 -3
- package/components/Timestamp/timestamp.css +8 -17
- package/components/Timestamp/timestamp.scss +8 -18
- package/components/ToggleGroup/toggle-group.css +2 -2
- package/components/ToggleGroup/toggle-group.scss +2 -4
- package/components/_index.css +79 -76
- package/docs/components/Alert/examples/Alert.md +4 -4
- package/docs/components/Card/examples/Card.md +4 -4
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +2 -2
- package/docs/components/DescriptionList/examples/DescriptionList.md +30 -5
- package/docs/components/Form/examples/Form.md +2 -2
- package/docs/components/Table/examples/Table.md +58 -58
- package/docs/demos/Card/examples/Card.md +12 -12
- package/docs/demos/Dashboard/examples/Dashboard.md +5 -5
- package/docs/demos/Form/examples/BasicForms.md +11 -11
- package/docs/demos/Table/examples/Table.md +6 -6
- package/package.json +1 -1
- package/patternfly-base-no-globals.css +2 -6
- package/patternfly-base.css +5 -9
- package/patternfly-no-globals.css +81 -82
- package/patternfly.css +84 -85
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/patternfly.css
CHANGED
|
@@ -103,12 +103,12 @@ pre) {
|
|
|
103
103
|
|
|
104
104
|
:where(a) {
|
|
105
105
|
color: var(--pf-t--global--text--color--link--default);
|
|
106
|
-
text-decoration: var(--pf-t--global--
|
|
106
|
+
text-decoration: var(--pf-t--global--text-decoration--link--line--default);
|
|
107
107
|
}
|
|
108
108
|
|
|
109
|
-
:where(a:hover) {
|
|
109
|
+
:where(a:hover, a:focus) {
|
|
110
110
|
color: var(--pf-t--global--text--color--link--hover);
|
|
111
|
-
text-decoration: var(--pf-t--global--
|
|
111
|
+
text-decoration: var(--pf-t--global--text-decoration--link--line--hover);
|
|
112
112
|
}
|
|
113
113
|
|
|
114
114
|
:where(a,
|
|
@@ -5341,8 +5341,8 @@ button) {
|
|
|
5341
5341
|
--pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
5342
5342
|
--pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
5343
5343
|
--pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
5344
|
-
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--
|
|
5345
|
-
--pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--
|
|
5344
|
+
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
5345
|
+
--pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
5346
5346
|
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
|
|
5347
5347
|
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
|
|
5348
5348
|
--pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
|
|
@@ -5713,10 +5713,6 @@ button) {
|
|
|
5713
5713
|
--pf-t--global--font--weight--body--bold--legacy: 700;
|
|
5714
5714
|
--pf-t--global--font--weight--heading--legacy: 400;
|
|
5715
5715
|
--pf-t--global--font--weight--heading--bold--legacy: 700;
|
|
5716
|
-
--pf-t--global--text-decoration--100: none;
|
|
5717
|
-
--pf-t--global--text-decoration--200: underline;
|
|
5718
|
-
--pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
|
|
5719
|
-
--pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
|
|
5720
5716
|
--pf-t--global--box-shadow--sm:
|
|
5721
5717
|
var(--pf-t--global--box-shadow--X--sm--default)
|
|
5722
5718
|
var(--pf-t--global--box-shadow--Y--sm--default)
|
|
@@ -7494,9 +7490,11 @@ button) {
|
|
|
7494
7490
|
--pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7495
7491
|
--pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7496
7492
|
--pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
|
|
7497
|
-
--pf-v6-c-breadcrumb__link--
|
|
7493
|
+
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
7494
|
+
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
7498
7495
|
--pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
7499
|
-
--pf-v6-c-breadcrumb__link--hover--
|
|
7496
|
+
--pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
7497
|
+
--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
7500
7498
|
--pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
7501
7499
|
--pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
|
|
7502
7500
|
--pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
|
|
@@ -7549,18 +7547,19 @@ button) {
|
|
|
7549
7547
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
7550
7548
|
line-height: inherit;
|
|
7551
7549
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
7552
|
-
text-decoration: var(--pf-v6-c-breadcrumb__link--
|
|
7550
|
+
text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
7553
7551
|
word-break: break-word;
|
|
7554
7552
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
7555
7553
|
}
|
|
7556
|
-
.pf-v6-c-breadcrumb__link:hover {
|
|
7554
|
+
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
7557
7555
|
--pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
|
|
7558
|
-
--pf-v6-c-breadcrumb__link--
|
|
7556
|
+
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
|
|
7557
|
+
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
|
|
7559
7558
|
}
|
|
7560
7559
|
.pf-v6-c-breadcrumb__link.pf-m-current {
|
|
7561
7560
|
cursor: default;
|
|
7562
7561
|
}
|
|
7563
|
-
.pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:hover {
|
|
7562
|
+
.pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
|
|
7564
7563
|
color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
|
|
7565
7564
|
text-decoration: none;
|
|
7566
7565
|
}
|
|
@@ -7606,14 +7605,16 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7606
7605
|
--pf-v6-c-button--BorderColor: transparent;
|
|
7607
7606
|
--pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
|
|
7608
7607
|
--pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
7609
|
-
--pf-v6-c-button--
|
|
7608
|
+
--pf-v6-c-button--TextDecorationLine: none;
|
|
7609
|
+
--pf-v6-c-button--TextDecorationStyle: none;
|
|
7610
7610
|
--pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
7611
7611
|
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7612
7612
|
--pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
|
|
7613
7613
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
7614
7614
|
--pf-v6-c-button--hover--BorderColor: transparent;
|
|
7615
7615
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
7616
|
-
--pf-v6-c-button--hover--
|
|
7616
|
+
--pf-v6-c-button--hover--TextDecorationLine: none;
|
|
7617
|
+
--pf-v6-c-button--hover--TextDecorationStyle: none;
|
|
7617
7618
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
7618
7619
|
--pf-v6-c-button--m-clicked--BorderColor: transparent;
|
|
7619
7620
|
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
|
@@ -7683,7 +7684,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7683
7684
|
--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
|
|
7684
7685
|
--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
|
|
7685
7686
|
--pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
|
|
7686
|
-
--pf-v6-c-button--m-link--m-inline--
|
|
7687
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
7688
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
7689
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
7690
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
7687
7691
|
--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
|
|
7688
7692
|
--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
|
|
7689
7693
|
--pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -7838,7 +7842,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7838
7842
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
7839
7843
|
color: var(--pf-v6-c-button--Color);
|
|
7840
7844
|
text-align: center;
|
|
7841
|
-
text-decoration: var(--pf-v6-c-button--
|
|
7845
|
+
text-decoration: var(--pf-v6-c-button--TextDecorationLine) var(--pf-v6-c-button--TextDecorationStyle);
|
|
7842
7846
|
white-space: nowrap;
|
|
7843
7847
|
cursor: pointer;
|
|
7844
7848
|
user-select: none;
|
|
@@ -7938,7 +7942,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7938
7942
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
|
|
7939
7943
|
--pf-v6-c-button--BackgroundColor: transparent;
|
|
7940
7944
|
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
|
|
7941
|
-
--pf-v6-c-button--
|
|
7945
|
+
--pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
|
|
7946
|
+
--pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
|
|
7947
|
+
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
|
|
7948
|
+
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
|
|
7942
7949
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
7943
7950
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
7944
7951
|
--pf-v6-c-button--disabled--BackgroundColor: transparent;
|
|
@@ -8100,8 +8107,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
8100
8107
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
8101
8108
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
|
|
8102
8109
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
|
|
8103
|
-
--pf-v6-c-button--TextDecoration: var(--pf-v6-c-button--hover--TextDecoration);
|
|
8104
8110
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
|
|
8111
|
+
text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
|
|
8105
8112
|
}
|
|
8106
8113
|
.pf-v6-c-button.pf-m-clicked {
|
|
8107
8114
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
|
|
@@ -8124,7 +8131,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
8124
8131
|
color: var(--pf-v6-c-button--disabled__icon--Color);
|
|
8125
8132
|
}
|
|
8126
8133
|
.pf-v6-c-button.pf-m-aria-disabled {
|
|
8127
|
-
--pf-v6-c-button--m-link--m-inline--hover--
|
|
8134
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
|
|
8135
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
|
|
8128
8136
|
cursor: default;
|
|
8129
8137
|
}
|
|
8130
8138
|
.pf-v6-c-button.pf-m-progress {
|
|
@@ -9157,9 +9165,11 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
9157
9165
|
--pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
9158
9166
|
--pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
|
|
9159
9167
|
--pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
|
|
9160
|
-
--pf-v6-c-content--a--
|
|
9168
|
+
--pf-v6-c-content--a--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
9169
|
+
--pf-v6-c-content--a--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
9161
9170
|
--pf-v6-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
9162
|
-
--pf-v6-c-content--a--hover--
|
|
9171
|
+
--pf-v6-c-content--a--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
9172
|
+
--pf-v6-c-content--a--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
9163
9173
|
--pf-v6-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
|
|
9164
9174
|
--pf-v6-c-content--blockquote--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
9165
9175
|
--pf-v6-c-content--blockquote--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -9188,11 +9198,12 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
9188
9198
|
}
|
|
9189
9199
|
:is(.pf-v6-c-content--a, .pf-v6-c-content a) {
|
|
9190
9200
|
color: var(--pf-v6-c-content--a--Color);
|
|
9191
|
-
text-decoration: var(--pf-v6-c-content--a--
|
|
9201
|
+
text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
|
|
9192
9202
|
}
|
|
9193
|
-
:is(.pf-v6-c-content--a, .pf-v6-c-content a):hover {
|
|
9203
|
+
:is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
|
|
9194
9204
|
--pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
|
|
9195
|
-
--pf-v6-c-content--a--
|
|
9205
|
+
--pf-v6-c-content--a--TextDecorationLine: var(--pf-v6-c-content--a--hover--TextDecorationLine);
|
|
9206
|
+
--pf-v6-c-content--a--TextDecorationStyle: var(--pf-v6-c-content--a--hover--TextDecorationStyle);
|
|
9196
9207
|
}
|
|
9197
9208
|
|
|
9198
9209
|
:is(.pf-v6-c-content--a.pf-m-visited, .pf-v6-c-content.pf-m-visited a, .pf-v6-c-content a.pf-m-visited):visited {
|
|
@@ -10236,11 +10247,11 @@ ul) {
|
|
|
10236
10247
|
--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
|
|
10237
10248
|
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
|
|
10238
10249
|
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
|
|
10239
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
10240
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
10241
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
10242
|
-
--pf-v6-c-description-list__text--m-help-text--hover--
|
|
10243
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
10250
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
10251
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
10252
|
+
--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
10253
|
+
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
10254
|
+
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
10244
10255
|
--pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
10245
10256
|
--pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
|
|
10246
10257
|
--pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
|
|
@@ -10402,18 +10413,13 @@ ul) {
|
|
|
10402
10413
|
min-width: 0;
|
|
10403
10414
|
}
|
|
10404
10415
|
.pf-v6-c-description-list__text.pf-m-help-text {
|
|
10405
|
-
text-decoration:
|
|
10406
|
-
text-
|
|
10407
|
-
text-decoration-style: dashed;
|
|
10408
|
-
text-decoration-color: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationColor);
|
|
10409
|
-
text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationOffset);
|
|
10416
|
+
text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
|
|
10417
|
+
text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
|
|
10410
10418
|
cursor: pointer;
|
|
10411
10419
|
}
|
|
10412
|
-
.pf-v6-c-description-list__text.pf-m-help-text:hover {
|
|
10413
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
10414
|
-
|
|
10415
|
-
.pf-v6-c-description-list__text.pf-m-help-text:focus {
|
|
10416
|
-
--pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor);
|
|
10420
|
+
.pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
|
|
10421
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
|
|
10422
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
|
|
10417
10423
|
}
|
|
10418
10424
|
|
|
10419
10425
|
.pf-v6-c-description-list.pf-m-1-col {
|
|
@@ -14004,7 +14010,7 @@ label.pf-v6-c-input-group__text {
|
|
|
14004
14010
|
text-decoration: none;
|
|
14005
14011
|
outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
|
|
14006
14012
|
}
|
|
14007
|
-
.pf-v6-c-jump-links__link:hover,
|
|
14013
|
+
.pf-v6-c-jump-links__link:is(:hover, :focus) {
|
|
14008
14014
|
--pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
|
|
14009
14015
|
}
|
|
14010
14016
|
.pf-v6-c-jump-links__link::before {
|
|
@@ -14220,7 +14226,7 @@ label.pf-v6-c-input-group__text {
|
|
|
14220
14226
|
--pf-v6-c-label--m-compact--PaddingBlockEnd: 0;
|
|
14221
14227
|
--pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
14222
14228
|
--pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
14223
|
-
--pf-v6-c-label--m-compact--m-editable--
|
|
14229
|
+
--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
|
|
14224
14230
|
--pf-v6-c-label__content--MaxWidth: 100%;
|
|
14225
14231
|
--pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--xs);
|
|
14226
14232
|
--pf-v6-c-label__content--Cursor: initial;
|
|
@@ -14235,14 +14241,14 @@ label.pf-v6-c-input-group__text {
|
|
|
14235
14241
|
--pf-v6-c-label__actions--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
14236
14242
|
--pf-v6-c-label__actions--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
14237
14243
|
--pf-v6-c-label__actions--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
14238
|
-
--pf-v6-c-label--m-editable--
|
|
14239
|
-
--pf-v6-c-label--m-editable--TextDecorationStyle:
|
|
14240
|
-
--pf-v6-c-label--m-editable--
|
|
14241
|
-
--pf-v6-c-label--m-editable--
|
|
14242
|
-
--pf-v6-c-label--m-editable--
|
|
14244
|
+
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
|
|
14245
|
+
--pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
|
|
14246
|
+
--pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
|
|
14247
|
+
--pf-v6-c-label--m-editable--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--hover);
|
|
14248
|
+
--pf-v6-c-label--m-editable--TextUnderlineOffset: 0.25rem;
|
|
14243
14249
|
--pf-v6-c-label--m-editable__content--MaxWidth: 16ch;
|
|
14244
14250
|
--pf-v6-c-label--m-editable__content--Cursor: pointer;
|
|
14245
|
-
--pf-v6-c-label--m-editable--m-editable-active--
|
|
14251
|
+
--pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine: none;
|
|
14246
14252
|
--pf-v6-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
|
|
14247
14253
|
--pf-v6-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
|
|
14248
14254
|
--pf-v6-c-label--m-editable--m-editable-active__content--Cursor: initial;
|
|
@@ -14412,7 +14418,7 @@ label.pf-v6-c-input-group__text {
|
|
|
14412
14418
|
--pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
|
|
14413
14419
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
|
|
14414
14420
|
--pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
|
|
14415
|
-
--pf-v6-c-label--m-editable--
|
|
14421
|
+
--pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
|
|
14416
14422
|
}
|
|
14417
14423
|
.pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
|
|
14418
14424
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-label--m-filled__actions--c-button__icon--Color);
|
|
@@ -14433,15 +14439,16 @@ label.pf-v6-c-input-group__text {
|
|
|
14433
14439
|
--pf-v6-c-label__content--MaxWidth: var(--pf-v6-c-label--m-editable__content--MaxWidth);
|
|
14434
14440
|
--pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable__content--Cursor);
|
|
14435
14441
|
}
|
|
14442
|
+
.pf-v6-c-label.pf-m-editable .pf-v6-c-label__content:is(:hover, :focus) {
|
|
14443
|
+
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--hover--TextDecorationLine);
|
|
14444
|
+
--pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
|
|
14445
|
+
}
|
|
14436
14446
|
.pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
|
|
14437
|
-
text-decoration: var(--pf-v6-c-label--m-editable--
|
|
14438
|
-
text-
|
|
14439
|
-
text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
|
|
14440
|
-
text-decoration-color: var(--pf-v6-c-label--m-editable--TextDecorationColor);
|
|
14441
|
-
text-underline-offset: var(--pf-v6-c-label--m-editable--TextDecorationOffset);
|
|
14447
|
+
text-decoration: var(--pf-v6-c-label--m-editable--TextDecorationLine) var(--pf-v6-c-label--m-editable--TextDecorationStyle);
|
|
14448
|
+
text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
|
|
14442
14449
|
}
|
|
14443
14450
|
.pf-v6-c-label.pf-m-editable-active {
|
|
14444
|
-
--pf-v6-c-label--m-editable--
|
|
14451
|
+
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine);
|
|
14445
14452
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-editable--m-editable-active--BackgroundColor);
|
|
14446
14453
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-editable--m-editable-active--Color);
|
|
14447
14454
|
--pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable--m-editable-active__content--Cursor);
|
|
@@ -19023,9 +19030,11 @@ ul.pf-v6-c-list {
|
|
|
19023
19030
|
--pf-v6-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
19024
19031
|
--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart: 0;
|
|
19025
19032
|
--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd: 0;
|
|
19026
|
-
--pf-v6-c-progress-stepper__step-title--m-help-text--
|
|
19027
|
-
--pf-v6-c-progress-stepper__step-title--m-help-text--
|
|
19033
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
19034
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
19028
19035
|
--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
19036
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
19037
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
19029
19038
|
--pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
19030
19039
|
--pf-v6-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
|
|
19031
19040
|
--pf-v6-c-progress-stepper__step-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -19251,14 +19260,13 @@ ul.pf-v6-c-list {
|
|
|
19251
19260
|
.pf-v6-c-progress-stepper__step-title.pf-m-help-text {
|
|
19252
19261
|
padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
|
|
19253
19262
|
padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
|
|
19254
|
-
text-decoration:
|
|
19255
|
-
text-decoration-thickness: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
|
|
19256
|
-
text-decoration-style: dashed;
|
|
19257
|
-
text-decoration-color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
|
|
19263
|
+
text-decoration: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine) var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle);
|
|
19258
19264
|
text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
|
|
19259
19265
|
cursor: pointer;
|
|
19260
19266
|
}
|
|
19261
|
-
.pf-v6-c-progress-stepper__step-title.pf-m-help-text:hover,
|
|
19267
|
+
.pf-v6-c-progress-stepper__step-title.pf-m-help-text:is(:hover, :focus) {
|
|
19268
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine);
|
|
19269
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle);
|
|
19262
19270
|
--pf-v6-c-progress-stepper__step-title--Color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color);
|
|
19263
19271
|
}
|
|
19264
19272
|
|
|
@@ -20015,7 +20023,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
20015
20023
|
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
|
|
20016
20024
|
--pf-v6-c-simple-list__item-link--m-current--Color: var(--pf-v6-c-simple-list__item-link--m-link--hover--Color);
|
|
20017
20025
|
}
|
|
20018
|
-
.pf-v6-c-simple-list__item-link:hover,
|
|
20026
|
+
.pf-v6-c-simple-list__item-link:is(:hover, :focus) {
|
|
20019
20027
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
|
|
20020
20028
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
|
|
20021
20029
|
text-decoration: none;
|
|
@@ -24562,7 +24570,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24562
24570
|
--pf-v6-c-tabs__link--after--BorderWidth: 0;
|
|
24563
24571
|
}
|
|
24564
24572
|
|
|
24565
|
-
.pf-v6-c-tabs__link:disabled, .pf-
|
|
24573
|
+
.pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
|
|
24566
24574
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
|
|
24567
24575
|
}
|
|
24568
24576
|
.pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
|
|
@@ -25135,15 +25143,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25135
25143
|
--pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
25136
25144
|
--pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
|
|
25137
25145
|
--pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
|
|
25138
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationLine:
|
|
25139
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle:
|
|
25140
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
|
|
25146
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
25147
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
25141
25148
|
--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
25142
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
|
|
25143
25149
|
--pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
|
|
25144
|
-
--pf-v6-c-timestamp--m-help-text--
|
|
25145
|
-
--pf-v6-c-timestamp--m-help-text--hover--
|
|
25146
|
-
--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
|
|
25150
|
+
--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
25151
|
+
--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
25147
25152
|
}
|
|
25148
25153
|
|
|
25149
25154
|
.pf-v6-c-timestamp {
|
|
@@ -25153,20 +25158,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25153
25158
|
outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
|
|
25154
25159
|
}
|
|
25155
25160
|
.pf-v6-c-timestamp.pf-m-help-text {
|
|
25156
|
-
text-decoration
|
|
25157
|
-
text-decoration-thickness: var(--pf-v6-c-timestamp--m-help-text--TextDecorationThickness);
|
|
25158
|
-
text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
|
|
25159
|
-
text-decoration-color: var(--pf-v6-c-timestamp--m-help-text--TextDecorationColor);
|
|
25161
|
+
text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
|
|
25160
25162
|
text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
|
|
25161
25163
|
cursor: pointer;
|
|
25162
25164
|
}
|
|
25163
|
-
.pf-v6-c-timestamp.pf-m-help-text:hover {
|
|
25165
|
+
.pf-v6-c-timestamp.pf-m-help-text:is(:hover, :focus) {
|
|
25164
25166
|
--pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
|
|
25165
|
-
--pf-v6-c-timestamp--m-help-text--
|
|
25166
|
-
|
|
25167
|
-
.pf-v6-c-timestamp.pf-m-help-text:focus {
|
|
25168
|
-
--pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--focus--Color);
|
|
25169
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
|
|
25167
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine);
|
|
25168
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
25170
25169
|
}
|
|
25171
25170
|
|
|
25172
25171
|
:where(:root, .pf-v6-c-title) {
|
|
@@ -25364,7 +25363,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25364
25363
|
border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
25365
25364
|
border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
25366
25365
|
}
|
|
25367
|
-
.pf-v6-c-toggle-group__button:hover,
|
|
25366
|
+
.pf-v6-c-toggle-group__button:is(:hover, :focus) {
|
|
25368
25367
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
|
25369
25368
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
|
25370
25369
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
|
@@ -25376,7 +25375,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25376
25375
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
|
|
25377
25376
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
|
|
25378
25377
|
}
|
|
25379
|
-
.pf-v6-c-toggle-group__button:disabled, .pf-
|
|
25378
|
+
.pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
|
|
25380
25379
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
|
|
25381
25380
|
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
|
|
25382
25381
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
|