@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
|
@@ -5220,8 +5220,8 @@
|
|
|
5220
5220
|
--pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
5221
5221
|
--pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
5222
5222
|
--pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
5223
|
-
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--
|
|
5224
|
-
--pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--
|
|
5223
|
+
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
5224
|
+
--pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
5225
5225
|
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
|
|
5226
5226
|
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
|
|
5227
5227
|
--pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
|
|
@@ -5592,10 +5592,6 @@
|
|
|
5592
5592
|
--pf-t--global--font--weight--body--bold--legacy: 700;
|
|
5593
5593
|
--pf-t--global--font--weight--heading--legacy: 400;
|
|
5594
5594
|
--pf-t--global--font--weight--heading--bold--legacy: 700;
|
|
5595
|
-
--pf-t--global--text-decoration--100: none;
|
|
5596
|
-
--pf-t--global--text-decoration--200: underline;
|
|
5597
|
-
--pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
|
|
5598
|
-
--pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
|
|
5599
5595
|
--pf-t--global--box-shadow--sm:
|
|
5600
5596
|
var(--pf-t--global--box-shadow--X--sm--default)
|
|
5601
5597
|
var(--pf-t--global--box-shadow--Y--sm--default)
|
|
@@ -7373,9 +7369,11 @@
|
|
|
7373
7369
|
--pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
7374
7370
|
--pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
7375
7371
|
--pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
|
|
7376
|
-
--pf-v6-c-breadcrumb__link--
|
|
7372
|
+
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
7373
|
+
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
7377
7374
|
--pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
7378
|
-
--pf-v6-c-breadcrumb__link--hover--
|
|
7375
|
+
--pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
7376
|
+
--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
7379
7377
|
--pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
7380
7378
|
--pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
|
|
7381
7379
|
--pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
|
|
@@ -7428,18 +7426,19 @@
|
|
|
7428
7426
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
7429
7427
|
line-height: inherit;
|
|
7430
7428
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
7431
|
-
text-decoration: var(--pf-v6-c-breadcrumb__link--
|
|
7429
|
+
text-decoration: var(--pf-v6-c-breadcrumb__link--TextDecorationLine) var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
7432
7430
|
word-break: break-word;
|
|
7433
7431
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
7434
7432
|
}
|
|
7435
|
-
.pf-v6-c-breadcrumb__link:hover {
|
|
7433
|
+
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
7436
7434
|
--pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
|
|
7437
|
-
--pf-v6-c-breadcrumb__link--
|
|
7435
|
+
--pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
|
|
7436
|
+
--pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
|
|
7438
7437
|
}
|
|
7439
7438
|
.pf-v6-c-breadcrumb__link.pf-m-current {
|
|
7440
7439
|
cursor: default;
|
|
7441
7440
|
}
|
|
7442
|
-
.pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:hover {
|
|
7441
|
+
.pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
|
|
7443
7442
|
color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
|
|
7444
7443
|
text-decoration: none;
|
|
7445
7444
|
}
|
|
@@ -7485,14 +7484,16 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7485
7484
|
--pf-v6-c-button--BorderColor: transparent;
|
|
7486
7485
|
--pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
|
|
7487
7486
|
--pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
7488
|
-
--pf-v6-c-button--
|
|
7487
|
+
--pf-v6-c-button--TextDecorationLine: none;
|
|
7488
|
+
--pf-v6-c-button--TextDecorationStyle: none;
|
|
7489
7489
|
--pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
7490
7490
|
--pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7491
7491
|
--pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
|
|
7492
7492
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
7493
7493
|
--pf-v6-c-button--hover--BorderColor: transparent;
|
|
7494
7494
|
--pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
|
|
7495
|
-
--pf-v6-c-button--hover--
|
|
7495
|
+
--pf-v6-c-button--hover--TextDecorationLine: none;
|
|
7496
|
+
--pf-v6-c-button--hover--TextDecorationStyle: none;
|
|
7496
7497
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
7497
7498
|
--pf-v6-c-button--m-clicked--BorderColor: transparent;
|
|
7498
7499
|
--pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
|
|
@@ -7562,7 +7563,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7562
7563
|
--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
|
|
7563
7564
|
--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
|
|
7564
7565
|
--pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
|
|
7565
|
-
--pf-v6-c-button--m-link--m-inline--
|
|
7566
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
7567
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
7568
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
7569
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
7566
7570
|
--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
|
|
7567
7571
|
--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));
|
|
7568
7572
|
--pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -7717,7 +7721,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7717
7721
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
7718
7722
|
color: var(--pf-v6-c-button--Color);
|
|
7719
7723
|
text-align: center;
|
|
7720
|
-
text-decoration: var(--pf-v6-c-button--
|
|
7724
|
+
text-decoration: var(--pf-v6-c-button--TextDecorationLine) var(--pf-v6-c-button--TextDecorationStyle);
|
|
7721
7725
|
white-space: nowrap;
|
|
7722
7726
|
cursor: pointer;
|
|
7723
7727
|
user-select: none;
|
|
@@ -7817,7 +7821,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
7817
7821
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
|
|
7818
7822
|
--pf-v6-c-button--BackgroundColor: transparent;
|
|
7819
7823
|
--pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
|
|
7820
|
-
--pf-v6-c-button--
|
|
7824
|
+
--pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
|
|
7825
|
+
--pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
|
|
7826
|
+
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
|
|
7827
|
+
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
|
|
7821
7828
|
--pf-v6-c-button--hover--BackgroundColor: transparent;
|
|
7822
7829
|
--pf-v6-c-button--m-clicked--BackgroundColor: transparent;
|
|
7823
7830
|
--pf-v6-c-button--disabled--BackgroundColor: transparent;
|
|
@@ -7979,8 +7986,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
7979
7986
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
7980
7987
|
--pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
|
|
7981
7988
|
--pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
|
|
7982
|
-
--pf-v6-c-button--TextDecoration: var(--pf-v6-c-button--hover--TextDecoration);
|
|
7983
7989
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
|
|
7990
|
+
text-decoration: var(--pf-v6-c-button--hover--TextDecorationLine) var(--pf-v6-c-button--hover--TextDecorationStyle);
|
|
7984
7991
|
}
|
|
7985
7992
|
.pf-v6-c-button.pf-m-clicked {
|
|
7986
7993
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
|
|
@@ -8003,7 +8010,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
8003
8010
|
color: var(--pf-v6-c-button--disabled__icon--Color);
|
|
8004
8011
|
}
|
|
8005
8012
|
.pf-v6-c-button.pf-m-aria-disabled {
|
|
8006
|
-
--pf-v6-c-button--m-link--m-inline--hover--
|
|
8013
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
|
|
8014
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
|
|
8007
8015
|
cursor: default;
|
|
8008
8016
|
}
|
|
8009
8017
|
.pf-v6-c-button.pf-m-progress {
|
|
@@ -9036,9 +9044,11 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
9036
9044
|
--pf-v6-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
9037
9045
|
--pf-v6-c-content--small--Color: var(--pf-t--global--text--color--subtle);
|
|
9038
9046
|
--pf-v6-c-content--a--Color: var(--pf-t--global--text--color--link--default);
|
|
9039
|
-
--pf-v6-c-content--a--
|
|
9047
|
+
--pf-v6-c-content--a--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
|
|
9048
|
+
--pf-v6-c-content--a--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
|
|
9040
9049
|
--pf-v6-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
9041
|
-
--pf-v6-c-content--a--hover--
|
|
9050
|
+
--pf-v6-c-content--a--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
9051
|
+
--pf-v6-c-content--a--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
9042
9052
|
--pf-v6-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
|
|
9043
9053
|
--pf-v6-c-content--blockquote--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
9044
9054
|
--pf-v6-c-content--blockquote--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -9067,11 +9077,12 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
9067
9077
|
}
|
|
9068
9078
|
:is(.pf-v6-c-content--a, .pf-v6-c-content a) {
|
|
9069
9079
|
color: var(--pf-v6-c-content--a--Color);
|
|
9070
|
-
text-decoration: var(--pf-v6-c-content--a--
|
|
9080
|
+
text-decoration: var(--pf-v6-c-content--a--TextDecorationLine) var(--pf-v6-c-content--a--TextDecorationStyle);
|
|
9071
9081
|
}
|
|
9072
|
-
:is(.pf-v6-c-content--a, .pf-v6-c-content a):hover {
|
|
9082
|
+
:is(.pf-v6-c-content--a, .pf-v6-c-content a):is(:hover, :focus) {
|
|
9073
9083
|
--pf-v6-c-content--a--Color: var(--pf-v6-c-content--a--hover--Color);
|
|
9074
|
-
--pf-v6-c-content--a--
|
|
9084
|
+
--pf-v6-c-content--a--TextDecorationLine: var(--pf-v6-c-content--a--hover--TextDecorationLine);
|
|
9085
|
+
--pf-v6-c-content--a--TextDecorationStyle: var(--pf-v6-c-content--a--hover--TextDecorationStyle);
|
|
9075
9086
|
}
|
|
9076
9087
|
|
|
9077
9088
|
: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 {
|
|
@@ -10115,11 +10126,11 @@ ul) {
|
|
|
10115
10126
|
--pf-v6-c-description-list--m-3-col--GridTemplateColumns--count: 3;
|
|
10116
10127
|
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
|
|
10117
10128
|
--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v6-c-description-list--m-auto-fit--GridTemplateColumns--min);
|
|
10118
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
10119
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
10120
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
10121
|
-
--pf-v6-c-description-list__text--m-help-text--hover--
|
|
10122
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
10129
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
10130
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
10131
|
+
--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
10132
|
+
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
10133
|
+
--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
10123
10134
|
--pf-v6-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
10124
10135
|
--pf-v6-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
|
|
10125
10136
|
--pf-v6-c-description-list--m-horizontal__term--width-on-sm: inherit;
|
|
@@ -10281,18 +10292,13 @@ ul) {
|
|
|
10281
10292
|
min-width: 0;
|
|
10282
10293
|
}
|
|
10283
10294
|
.pf-v6-c-description-list__text.pf-m-help-text {
|
|
10284
|
-
text-decoration:
|
|
10285
|
-
text-
|
|
10286
|
-
text-decoration-style: dashed;
|
|
10287
|
-
text-decoration-color: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationColor);
|
|
10288
|
-
text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationOffset);
|
|
10295
|
+
text-decoration: var(--pf-v6-c-description-list__text--m-help-text--TextDecorationLine) var(--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle);
|
|
10296
|
+
text-underline-offset: var(--pf-v6-c-description-list__text--m-help-text--TextUnderlineOffset);
|
|
10289
10297
|
cursor: pointer;
|
|
10290
10298
|
}
|
|
10291
|
-
.pf-v6-c-description-list__text.pf-m-help-text:hover {
|
|
10292
|
-
--pf-v6-c-description-list__text--m-help-text--
|
|
10293
|
-
|
|
10294
|
-
.pf-v6-c-description-list__text.pf-m-help-text:focus {
|
|
10295
|
-
--pf-v6-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v6-c-description-list__text--m-help-text--focus--TextDecorationColor);
|
|
10299
|
+
.pf-v6-c-description-list__text.pf-m-help-text:is(:hover, :focus) {
|
|
10300
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationLine: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationLine);
|
|
10301
|
+
--pf-v6-c-description-list__text--m-help-text--TextDecorationStyle: var(--pf-v6-c-description-list__text--m-help-text--hover--TextDecorationStyle);
|
|
10296
10302
|
}
|
|
10297
10303
|
|
|
10298
10304
|
.pf-v6-c-description-list.pf-m-1-col {
|
|
@@ -13883,7 +13889,7 @@ label.pf-v6-c-input-group__text {
|
|
|
13883
13889
|
text-decoration: none;
|
|
13884
13890
|
outline-offset: var(--pf-v6-c-jump-links__link--OutlineOffset);
|
|
13885
13891
|
}
|
|
13886
|
-
.pf-v6-c-jump-links__link:hover,
|
|
13892
|
+
.pf-v6-c-jump-links__link:is(:hover, :focus) {
|
|
13887
13893
|
--pf-v6-c-jump-links__link-text--Color: var(--pf-v6-c-jump-links__link--hover__link-text--Color);
|
|
13888
13894
|
}
|
|
13889
13895
|
.pf-v6-c-jump-links__link::before {
|
|
@@ -14099,7 +14105,7 @@ label.pf-v6-c-input-group__text {
|
|
|
14099
14105
|
--pf-v6-c-label--m-compact--PaddingBlockEnd: 0;
|
|
14100
14106
|
--pf-v6-c-label--m-compact--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
14101
14107
|
--pf-v6-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
14102
|
-
--pf-v6-c-label--m-compact--m-editable--
|
|
14108
|
+
--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset: 0.0625rem;
|
|
14103
14109
|
--pf-v6-c-label__content--MaxWidth: 100%;
|
|
14104
14110
|
--pf-v6-c-label__content--Gap: var(--pf-t--global--spacer--xs);
|
|
14105
14111
|
--pf-v6-c-label__content--Cursor: initial;
|
|
@@ -14114,14 +14120,14 @@ label.pf-v6-c-input-group__text {
|
|
|
14114
14120
|
--pf-v6-c-label__actions--c-button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
|
|
14115
14121
|
--pf-v6-c-label__actions--c-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
14116
14122
|
--pf-v6-c-label__actions--c-button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
|
|
14117
|
-
--pf-v6-c-label--m-editable--
|
|
14118
|
-
--pf-v6-c-label--m-editable--TextDecorationStyle:
|
|
14119
|
-
--pf-v6-c-label--m-editable--
|
|
14120
|
-
--pf-v6-c-label--m-editable--
|
|
14121
|
-
--pf-v6-c-label--m-editable--
|
|
14123
|
+
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--default);
|
|
14124
|
+
--pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--default);
|
|
14125
|
+
--pf-v6-c-label--m-editable--hover--TextDecorationLine: var(--pf-t--global--text-decoration--editable-text--line--hover);
|
|
14126
|
+
--pf-v6-c-label--m-editable--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--editable-text--style--hover);
|
|
14127
|
+
--pf-v6-c-label--m-editable--TextUnderlineOffset: 0.25rem;
|
|
14122
14128
|
--pf-v6-c-label--m-editable__content--MaxWidth: 16ch;
|
|
14123
14129
|
--pf-v6-c-label--m-editable__content--Cursor: pointer;
|
|
14124
|
-
--pf-v6-c-label--m-editable--m-editable-active--
|
|
14130
|
+
--pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine: none;
|
|
14125
14131
|
--pf-v6-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
|
|
14126
14132
|
--pf-v6-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
|
|
14127
14133
|
--pf-v6-c-label--m-editable--m-editable-active__content--Cursor: initial;
|
|
@@ -14291,7 +14297,7 @@ label.pf-v6-c-input-group__text {
|
|
|
14291
14297
|
--pf-v6-c-label--PaddingBlockEnd: var(--pf-v6-c-label--m-compact--PaddingBlockEnd);
|
|
14292
14298
|
--pf-v6-c-label--PaddingInlineStart: var(--pf-v6-c-label--m-compact--PaddingInlineStart);
|
|
14293
14299
|
--pf-v6-c-label--FontSize: var(--pf-v6-c-label--m-compact--FontSize);
|
|
14294
|
-
--pf-v6-c-label--m-editable--
|
|
14300
|
+
--pf-v6-c-label--m-editable--TextUnderlineOffset: var(--pf-v6-c-label--m-compact--m-editable--TextUnderlineOffset);
|
|
14295
14301
|
}
|
|
14296
14302
|
.pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
|
|
14297
14303
|
--pf-v6-c-button__icon--Color: var(--pf-v6-c-label--m-filled__actions--c-button__icon--Color);
|
|
@@ -14312,15 +14318,16 @@ label.pf-v6-c-input-group__text {
|
|
|
14312
14318
|
--pf-v6-c-label__content--MaxWidth: var(--pf-v6-c-label--m-editable__content--MaxWidth);
|
|
14313
14319
|
--pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable__content--Cursor);
|
|
14314
14320
|
}
|
|
14321
|
+
.pf-v6-c-label.pf-m-editable .pf-v6-c-label__content:is(:hover, :focus) {
|
|
14322
|
+
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--hover--TextDecorationLine);
|
|
14323
|
+
--pf-v6-c-label--m-editable--TextDecorationStyle: var(--pf-v6-c-label--m-editable--hover--TextDecorationStyle);
|
|
14324
|
+
}
|
|
14315
14325
|
.pf-v6-c-label.pf-m-editable .pf-v6-c-label__text {
|
|
14316
|
-
text-decoration: var(--pf-v6-c-label--m-editable--
|
|
14317
|
-
text-
|
|
14318
|
-
text-decoration-style: var(--pf-v6-c-label--m-editable--TextDecorationStyle);
|
|
14319
|
-
text-decoration-color: var(--pf-v6-c-label--m-editable--TextDecorationColor);
|
|
14320
|
-
text-underline-offset: var(--pf-v6-c-label--m-editable--TextDecorationOffset);
|
|
14326
|
+
text-decoration: var(--pf-v6-c-label--m-editable--TextDecorationLine) var(--pf-v6-c-label--m-editable--TextDecorationStyle);
|
|
14327
|
+
text-underline-offset: var(--pf-v6-c-label--m-editable--TextUnderlineOffset);
|
|
14321
14328
|
}
|
|
14322
14329
|
.pf-v6-c-label.pf-m-editable-active {
|
|
14323
|
-
--pf-v6-c-label--m-editable--
|
|
14330
|
+
--pf-v6-c-label--m-editable--TextDecorationLine: var(--pf-v6-c-label--m-editable--m-editable-active--TextDecorationLine);
|
|
14324
14331
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-editable--m-editable-active--BackgroundColor);
|
|
14325
14332
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-editable--m-editable-active--Color);
|
|
14326
14333
|
--pf-v6-c-label__content--Cursor: var(--pf-v6-c-label--m-editable--m-editable-active__content--Cursor);
|
|
@@ -18902,9 +18909,11 @@ ul.pf-v6-c-list {
|
|
|
18902
18909
|
--pf-v6-c-progress-stepper__step--m-danger__step-title--Color: var(--pf-t--global--text--color--status--danger--default);
|
|
18903
18910
|
--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart: 0;
|
|
18904
18911
|
--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd: 0;
|
|
18905
|
-
--pf-v6-c-progress-stepper__step-title--m-help-text--
|
|
18906
|
-
--pf-v6-c-progress-stepper__step-title--m-help-text--
|
|
18912
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
18913
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
18907
18914
|
--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
18915
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
18916
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
18908
18917
|
--pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
18909
18918
|
--pf-v6-c-progress-stepper__step--m-danger__step-title--m-help-text--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
|
|
18910
18919
|
--pf-v6-c-progress-stepper__step-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -19130,14 +19139,13 @@ ul.pf-v6-c-list {
|
|
|
19130
19139
|
.pf-v6-c-progress-stepper__step-title.pf-m-help-text {
|
|
19131
19140
|
padding-inline-start: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineStart);
|
|
19132
19141
|
padding-inline-end: var(--pf-v6-c-progress-stepper__step-title--m-help-text--PaddingInlineEnd);
|
|
19133
|
-
text-decoration:
|
|
19134
|
-
text-decoration-thickness: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationThickness);
|
|
19135
|
-
text-decoration-style: dashed;
|
|
19136
|
-
text-decoration-color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationColor);
|
|
19142
|
+
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);
|
|
19137
19143
|
text-underline-offset: var(--pf-v6-c-progress-stepper__step-title--m-help-text--TextUnderlineOffset);
|
|
19138
19144
|
cursor: pointer;
|
|
19139
19145
|
}
|
|
19140
|
-
.pf-v6-c-progress-stepper__step-title.pf-m-help-text:hover,
|
|
19146
|
+
.pf-v6-c-progress-stepper__step-title.pf-m-help-text:is(:hover, :focus) {
|
|
19147
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationLine: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationLine);
|
|
19148
|
+
--pf-v6-c-progress-stepper__step-title--m-help-text--TextDecorationStyle: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--TextDecorationStyle);
|
|
19141
19149
|
--pf-v6-c-progress-stepper__step-title--Color: var(--pf-v6-c-progress-stepper__step-title--m-help-text--hover--Color);
|
|
19142
19150
|
}
|
|
19143
19151
|
|
|
@@ -19894,7 +19902,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19894
19902
|
--pf-v6-c-simple-list__item-link--hover--Color: var(--pf-v6-c-simple-list__item-link--m-link--m-current--Color);
|
|
19895
19903
|
--pf-v6-c-simple-list__item-link--m-current--Color: var(--pf-v6-c-simple-list__item-link--m-link--hover--Color);
|
|
19896
19904
|
}
|
|
19897
|
-
.pf-v6-c-simple-list__item-link:hover,
|
|
19905
|
+
.pf-v6-c-simple-list__item-link:is(:hover, :focus) {
|
|
19898
19906
|
--pf-v6-c-simple-list__item-link--BackgroundColor: var(--pf-v6-c-simple-list__item-link--hover--BackgroundColor);
|
|
19899
19907
|
--pf-v6-c-simple-list__item-link--Color: var(--pf-v6-c-simple-list__item-link--hover--Color);
|
|
19900
19908
|
text-decoration: none;
|
|
@@ -24441,7 +24449,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24441
24449
|
--pf-v6-c-tabs__link--after--BorderWidth: 0;
|
|
24442
24450
|
}
|
|
24443
24451
|
|
|
24444
|
-
.pf-v6-c-tabs__link:disabled, .pf-
|
|
24452
|
+
.pf-v6-c-tabs__link:is(:disabled, .pf-m-disabled, .pf-m-aria-disabled) {
|
|
24445
24453
|
--pf-v6-c-tabs__link--BackgroundColor: var(--pf-v6-c-tabs__link--disabled--BackgroundColor);
|
|
24446
24454
|
}
|
|
24447
24455
|
.pf-v6-c-tabs__item.pf-m-action.pf-m-disabled {
|
|
@@ -25014,15 +25022,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25014
25022
|
--pf-v6-c-timestamp--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
25015
25023
|
--pf-v6-c-timestamp--Color: var(--pf-t--global--text--color--subtle);
|
|
25016
25024
|
--pf-v6-c-timestamp--OutlineOffset: 0.1875rem;
|
|
25017
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationLine:
|
|
25018
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle:
|
|
25019
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
|
|
25025
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--default);
|
|
25026
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--default);
|
|
25020
25027
|
--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset: 0.25rem;
|
|
25021
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-t--global--border--color--default);
|
|
25022
25028
|
--pf-v6-c-timestamp--m-help-text--hover--Color: var(--pf-t--global--text--color--regular);
|
|
25023
|
-
--pf-v6-c-timestamp--m-help-text--
|
|
25024
|
-
--pf-v6-c-timestamp--m-help-text--hover--
|
|
25025
|
-
--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor: var(--pf-t--global--text--color--regular);
|
|
25029
|
+
--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine: var(--pf-t--global--text-decoration--help-text--line--hover);
|
|
25030
|
+
--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--help-text--style--hover);
|
|
25026
25031
|
}
|
|
25027
25032
|
|
|
25028
25033
|
.pf-v6-c-timestamp {
|
|
@@ -25032,20 +25037,14 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25032
25037
|
outline-offset: var(--pf-v6-c-timestamp--OutlineOffset);
|
|
25033
25038
|
}
|
|
25034
25039
|
.pf-v6-c-timestamp.pf-m-help-text {
|
|
25035
|
-
text-decoration
|
|
25036
|
-
text-decoration-thickness: var(--pf-v6-c-timestamp--m-help-text--TextDecorationThickness);
|
|
25037
|
-
text-decoration-style: var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
|
|
25038
|
-
text-decoration-color: var(--pf-v6-c-timestamp--m-help-text--TextDecorationColor);
|
|
25040
|
+
text-decoration: var(--pf-v6-c-timestamp--m-help-text--TextDecorationLine) var(--pf-v6-c-timestamp--m-help-text--TextDecorationStyle);
|
|
25039
25041
|
text-underline-offset: var(--pf-v6-c-timestamp--m-help-text--TextUnderlineOffset);
|
|
25040
25042
|
cursor: pointer;
|
|
25041
25043
|
}
|
|
25042
|
-
.pf-v6-c-timestamp.pf-m-help-text:hover {
|
|
25044
|
+
.pf-v6-c-timestamp.pf-m-help-text:is(:hover, :focus) {
|
|
25043
25045
|
--pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--hover--Color);
|
|
25044
|
-
--pf-v6-c-timestamp--m-help-text--
|
|
25045
|
-
|
|
25046
|
-
.pf-v6-c-timestamp.pf-m-help-text:focus {
|
|
25047
|
-
--pf-v6-c-timestamp--Color: var(--pf-v6-c-timestamp--m-help-text--focus--Color);
|
|
25048
|
-
--pf-v6-c-timestamp--m-help-text--TextDecorationColor: var(--pf-v6-c-timestamp--m-help-text--focus--TextDecorationColor);
|
|
25046
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationLine: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationLine);
|
|
25047
|
+
--pf-v6-c-timestamp--m-help-text--TextDecorationStyle: var(--pf-v6-c-timestamp--m-help-text--hover--TextDecorationStyle);
|
|
25049
25048
|
}
|
|
25050
25049
|
|
|
25051
25050
|
:where(:root, .pf-v6-c-title) {
|
|
@@ -25243,7 +25242,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25243
25242
|
border-inline-start-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
25244
25243
|
border-inline-end-color: var(--pf-v6-c-toggle-group__button--before--BorderInlineEndColor, var(--pf-v6-c-toggle-group__button--before--BorderColor));
|
|
25245
25244
|
}
|
|
25246
|
-
.pf-v6-c-toggle-group__button:hover,
|
|
25245
|
+
.pf-v6-c-toggle-group__button:is(:hover, :focus) {
|
|
25247
25246
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--hover--BackgroundColor);
|
|
25248
25247
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--hover--ZIndex);
|
|
25249
25248
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--hover--before--BorderColor);
|
|
@@ -25255,7 +25254,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25255
25254
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--m-selected--ZIndex);
|
|
25256
25255
|
--pf-v6-c-toggle-group__button--before--BorderColor: var(--pf-v6-c-toggle-group__button--m-selected--before--BorderColor);
|
|
25257
25256
|
}
|
|
25258
|
-
.pf-v6-c-toggle-group__button:disabled, .pf-
|
|
25257
|
+
.pf-v6-c-toggle-group__button:is(:disabled, .pf-m-disabled) {
|
|
25259
25258
|
--pf-v6-c-toggle-group__button--BackgroundColor: var(--pf-v6-c-toggle-group__button--disabled--BackgroundColor);
|
|
25260
25259
|
--pf-v6-c-toggle-group__button--Color: var(--pf-v6-c-toggle-group__button--disabled--Color);
|
|
25261
25260
|
--pf-v6-c-toggle-group__button--ZIndex: var(--pf-v6-c-toggle-group__button--disabled--ZIndex);
|