@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
|
@@ -267,7 +267,7 @@ cssPrefix: pf-d-dashboard
|
|
|
267
267
|
<div class="pf-v6-c-card__header-toggle">
|
|
268
268
|
<button
|
|
269
269
|
class="pf-v6-c-button pf-m-plain"
|
|
270
|
-
id
|
|
270
|
+
id="dashboard-demo-expandable-status-card-1-toggle"
|
|
271
271
|
type="button"
|
|
272
272
|
aria-labelledby="dashboard-demo-expandable-status-card-1-title dashboard-demo-expandable-status-card-1-toggle"
|
|
273
273
|
aria-label="Details"
|
|
@@ -285,7 +285,7 @@ cssPrefix: pf-d-dashboard
|
|
|
285
285
|
type="button"
|
|
286
286
|
aria-expanded="false"
|
|
287
287
|
aria-label="Menu toggle"
|
|
288
|
-
id="dashboard-demo-expandable-status-card-1-
|
|
288
|
+
id="dashboard-demo-expandable-status-card-1-action-kebab"
|
|
289
289
|
>
|
|
290
290
|
<span class="pf-v6-c-menu-toggle__icon">
|
|
291
291
|
<i class="fas fa-ellipsis-v" aria-hidden="true"></i>
|
|
@@ -895,7 +895,7 @@ cssPrefix: pf-d-dashboard
|
|
|
895
895
|
<div class="pf-v6-c-card__header-toggle">
|
|
896
896
|
<button
|
|
897
897
|
class="pf-v6-c-button pf-m-plain"
|
|
898
|
-
id
|
|
898
|
+
id="dashboard-demo-line-chart-card-1-group-1-toggle"
|
|
899
899
|
type="button"
|
|
900
900
|
aria-labelledby="dashboard-demo-line-chart-card-1-group-1-title dashboard-demo-line-chart-card-1-group-1-toggle"
|
|
901
901
|
aria-label="Details"
|
|
@@ -1006,7 +1006,7 @@ cssPrefix: pf-d-dashboard
|
|
|
1006
1006
|
<div class="pf-v6-c-card__header-toggle">
|
|
1007
1007
|
<button
|
|
1008
1008
|
class="pf-v6-c-button pf-m-plain"
|
|
1009
|
-
id
|
|
1009
|
+
id="dashboard-demo-line-chart-card-1-group-2-toggle"
|
|
1010
1010
|
type="button"
|
|
1011
1011
|
aria-labelledby="dashboard-demo-line-chart-card-1-group-2-title dashboard-demo-line-chart-card-1-group-2-toggle"
|
|
1012
1012
|
aria-label="Details"
|
|
@@ -1034,7 +1034,7 @@ cssPrefix: pf-d-dashboard
|
|
|
1034
1034
|
<div class="pf-v6-c-card__header-toggle">
|
|
1035
1035
|
<button
|
|
1036
1036
|
class="pf-v6-c-button pf-m-plain"
|
|
1037
|
-
id
|
|
1037
|
+
id="dashboard-demo-line-chart-card-1-group-3-toggle"
|
|
1038
1038
|
type="button"
|
|
1039
1039
|
aria-labelledby="dashboard-demo-line-chart-card-1-group-3-title dashboard-demo-line-chart-card-1-group-3-toggle"
|
|
1040
1040
|
aria-label="Details"
|
|
@@ -937,7 +937,7 @@ subsection: forms
|
|
|
937
937
|
<div class="pf-v6-c-form__field-group-toggle-button">
|
|
938
938
|
<button
|
|
939
939
|
class="pf-v6-c-button pf-m-plain"
|
|
940
|
-
id
|
|
940
|
+
id="form-demo-sections-complex-form-alerting-toggle"
|
|
941
941
|
type="button"
|
|
942
942
|
aria-labelledby="form-demo-sections-complex-form-alerting-title form-demo-sections-complex-form-alerting-toggle"
|
|
943
943
|
aria-label="Details"
|
|
@@ -974,7 +974,7 @@ subsection: forms
|
|
|
974
974
|
<div class="pf-v6-c-form__field-group-toggle-button">
|
|
975
975
|
<button
|
|
976
976
|
class="pf-v6-c-button pf-m-plain"
|
|
977
|
-
id
|
|
977
|
+
id="form-demo-sections-complex-form-query-toggle"
|
|
978
978
|
type="button"
|
|
979
979
|
aria-labelledby="form-demo-sections-complex-form-query-title form-demo-sections-complex-form-query-toggle"
|
|
980
980
|
aria-label="Details"
|
|
@@ -1011,7 +1011,7 @@ subsection: forms
|
|
|
1011
1011
|
<div class="pf-v6-c-form__field-group-toggle-button">
|
|
1012
1012
|
<button
|
|
1013
1013
|
class="pf-v6-c-button pf-m-plain"
|
|
1014
|
-
id
|
|
1014
|
+
id="form-demo-sections-complex-form-affinity-toggle"
|
|
1015
1015
|
type="button"
|
|
1016
1016
|
aria-labelledby="form-demo-sections-complex-form-affinity-title form-demo-sections-complex-form-affinity-toggle"
|
|
1017
1017
|
aria-label="Details"
|
|
@@ -1047,7 +1047,7 @@ subsection: forms
|
|
|
1047
1047
|
<div class="pf-v6-c-form__field-group-toggle-button">
|
|
1048
1048
|
<button
|
|
1049
1049
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
1050
|
-
id
|
|
1050
|
+
id="form-demo-sections-complex-form-node-affinity-toggle"
|
|
1051
1051
|
type="button"
|
|
1052
1052
|
aria-expanded="true"
|
|
1053
1053
|
aria-labelledby="form-demo-sections-complex-form-node-affinity-title form-demo-sections-complex-form-node-affinity-toggle"
|
|
@@ -1084,7 +1084,7 @@ subsection: forms
|
|
|
1084
1084
|
<div class="pf-v6-c-form__field-group-toggle-button">
|
|
1085
1085
|
<button
|
|
1086
1086
|
class="pf-v6-c-button pf-m-plain"
|
|
1087
|
-
id
|
|
1087
|
+
id="form-demo-sections-complex-form-node-affinity-required-toggle"
|
|
1088
1088
|
type="button"
|
|
1089
1089
|
aria-labelledby="form-demo-sections-complex-form-node-affinity-required-title form-demo-sections-complex-form-node-affinity-required-toggle"
|
|
1090
1090
|
aria-label="Details"
|
|
@@ -1121,7 +1121,7 @@ subsection: forms
|
|
|
1121
1121
|
<div class="pf-v6-c-form__field-group-toggle-button">
|
|
1122
1122
|
<button
|
|
1123
1123
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
1124
|
-
id
|
|
1124
|
+
id="form-demo-sections-complex-form-node-affinity-required-2-toggle"
|
|
1125
1125
|
type="button"
|
|
1126
1126
|
aria-expanded="true"
|
|
1127
1127
|
aria-labelledby="form-demo-sections-complex-form-node-affinity-required-2-title form-demo-sections-complex-form-node-affinity-required-2-toggle"
|
|
@@ -1215,7 +1215,7 @@ subsection: forms
|
|
|
1215
1215
|
<div class="pf-v6-c-form__field-group-toggle-button">
|
|
1216
1216
|
<button
|
|
1217
1217
|
class="pf-v6-c-button pf-m-plain"
|
|
1218
|
-
id
|
|
1218
|
+
id="form-demo-sections-complex-form-pod-affinity-toggle"
|
|
1219
1219
|
type="button"
|
|
1220
1220
|
aria-labelledby="form-demo-sections-complex-form-pod-affinity-title form-demo-sections-complex-form-pod-affinity-toggle"
|
|
1221
1221
|
aria-label="Details"
|
|
@@ -1254,7 +1254,7 @@ subsection: forms
|
|
|
1254
1254
|
<div class="pf-v6-c-form__field-group-toggle-button">
|
|
1255
1255
|
<button
|
|
1256
1256
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
1257
|
-
id
|
|
1257
|
+
id="form-demo-sections-complex-form-routing-toggle"
|
|
1258
1258
|
type="button"
|
|
1259
1259
|
aria-expanded="true"
|
|
1260
1260
|
aria-labelledby="form-demo-sections-complex-form-routing-title form-demo-sections-complex-form-routing-toggle"
|
|
@@ -1440,7 +1440,7 @@ subsection: forms
|
|
|
1440
1440
|
<div class="pf-v6-c-form__field-group-toggle-button">
|
|
1441
1441
|
<button
|
|
1442
1442
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
1443
|
-
id
|
|
1443
|
+
id="form-demo-sections-complex-form-health-checks-toggle"
|
|
1444
1444
|
type="button"
|
|
1445
1445
|
aria-expanded="true"
|
|
1446
1446
|
aria-labelledby="form-demo-sections-complex-form-health-checks-title form-demo-sections-complex-form-health-checks-toggle"
|
|
@@ -1545,7 +1545,7 @@ subsection: forms
|
|
|
1545
1545
|
<div class="pf-v6-c-form__field-group-toggle-button">
|
|
1546
1546
|
<button
|
|
1547
1547
|
class="pf-v6-c-button pf-m-plain"
|
|
1548
|
-
id
|
|
1548
|
+
id="form-demo-sections-complex-form-build-configuration-toggle"
|
|
1549
1549
|
type="button"
|
|
1550
1550
|
aria-labelledby="form-demo-sections-complex-form-build-configuration-title form-demo-sections-complex-form-build-configuration-toggle"
|
|
1551
1551
|
aria-label="Details"
|
|
@@ -1584,7 +1584,7 @@ subsection: forms
|
|
|
1584
1584
|
<div class="pf-v6-c-form__field-group-toggle-button">
|
|
1585
1585
|
<button
|
|
1586
1586
|
class="pf-v6-c-button pf-m-plain"
|
|
1587
|
-
id
|
|
1587
|
+
id="form-demo-sections-complex-form-deployment-toggle"
|
|
1588
1588
|
type="button"
|
|
1589
1589
|
aria-labelledby="form-demo-sections-complex-form-deployment-title form-demo-sections-complex-form-deployment-toggle"
|
|
1590
1590
|
aria-label="Details"
|
|
@@ -2514,7 +2514,7 @@ wrapperTag: div
|
|
|
2514
2514
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
2515
2515
|
<button
|
|
2516
2516
|
class="pf-v6-c-button pf-m-plain"
|
|
2517
|
-
id
|
|
2517
|
+
id="expandable-demo-table-expandable-toggle-thead"
|
|
2518
2518
|
type="button"
|
|
2519
2519
|
aria-labelledby="expandable-demo-table-node-thead expandable-demo-table-expandable-toggle-thead"
|
|
2520
2520
|
aria-label="Toggle row"
|
|
@@ -2570,7 +2570,7 @@ wrapperTag: div
|
|
|
2570
2570
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
2571
2571
|
<button
|
|
2572
2572
|
class="pf-v6-c-button pf-m-plain"
|
|
2573
|
-
id
|
|
2573
|
+
id="expandable-demo-table-expandable-toggle-1"
|
|
2574
2574
|
type="button"
|
|
2575
2575
|
aria-labelledby="expandable-demo-table-node-1 expandable-demo-table-expandable-toggle-1"
|
|
2576
2576
|
aria-label="Toggle row"
|
|
@@ -2688,7 +2688,7 @@ wrapperTag: div
|
|
|
2688
2688
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
2689
2689
|
<button
|
|
2690
2690
|
class="pf-v6-c-button pf-m-expanded pf-m-plain"
|
|
2691
|
-
id
|
|
2691
|
+
id="expandable-demo-table-expandable-toggle-3"
|
|
2692
2692
|
type="button"
|
|
2693
2693
|
aria-expanded="true"
|
|
2694
2694
|
aria-labelledby="expandable-demo-table-node-3 expandable-demo-table-expandable-toggle-3"
|
|
@@ -2813,7 +2813,7 @@ wrapperTag: div
|
|
|
2813
2813
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
2814
2814
|
<button
|
|
2815
2815
|
class="pf-v6-c-button pf-m-plain"
|
|
2816
|
-
id
|
|
2816
|
+
id="expandable-demo-table-expandable-toggle-5"
|
|
2817
2817
|
type="button"
|
|
2818
2818
|
aria-labelledby="expandable-demo-table-node-5 expandable-demo-table-expandable-toggle-5"
|
|
2819
2819
|
aria-label="Toggle row"
|
|
@@ -2920,7 +2920,7 @@ wrapperTag: div
|
|
|
2920
2920
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
2921
2921
|
<button
|
|
2922
2922
|
class="pf-v6-c-button pf-m-plain"
|
|
2923
|
-
id
|
|
2923
|
+
id="expandable-demo-table-expandable-toggle-7"
|
|
2924
2924
|
type="button"
|
|
2925
2925
|
aria-labelledby="expandable-demo-table-node-7 expandable-demo-table-expandable-toggle-7"
|
|
2926
2926
|
aria-label="Toggle row"
|
|
@@ -3027,7 +3027,7 @@ wrapperTag: div
|
|
|
3027
3027
|
<td class="pf-v6-c-table__td pf-v6-c-table__toggle" role="cell">
|
|
3028
3028
|
<button
|
|
3029
3029
|
class="pf-v6-c-button pf-m-plain"
|
|
3030
|
-
id
|
|
3030
|
+
id="expandable-demo-table-expandable-toggle-9"
|
|
3031
3031
|
type="button"
|
|
3032
3032
|
aria-labelledby="expandable-demo-table-node-9 expandable-demo-table-expandable-toggle-9"
|
|
3033
3033
|
aria-label="Toggle row"
|
package/package.json
CHANGED
|
@@ -5219,8 +5219,8 @@
|
|
|
5219
5219
|
--pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
5220
5220
|
--pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
5221
5221
|
--pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
5222
|
-
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--
|
|
5223
|
-
--pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--
|
|
5222
|
+
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
5223
|
+
--pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
5224
5224
|
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
|
|
5225
5225
|
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
|
|
5226
5226
|
--pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
|
|
@@ -5591,10 +5591,6 @@
|
|
|
5591
5591
|
--pf-t--global--font--weight--body--bold--legacy: 700;
|
|
5592
5592
|
--pf-t--global--font--weight--heading--legacy: 400;
|
|
5593
5593
|
--pf-t--global--font--weight--heading--bold--legacy: 700;
|
|
5594
|
-
--pf-t--global--text-decoration--100: none;
|
|
5595
|
-
--pf-t--global--text-decoration--200: underline;
|
|
5596
|
-
--pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
|
|
5597
|
-
--pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
|
|
5598
5594
|
--pf-t--global--box-shadow--sm:
|
|
5599
5595
|
var(--pf-t--global--box-shadow--X--sm--default)
|
|
5600
5596
|
var(--pf-t--global--box-shadow--Y--sm--default)
|
package/patternfly-base.css
CHANGED
|
@@ -102,12 +102,12 @@ pre) {
|
|
|
102
102
|
|
|
103
103
|
:where(a) {
|
|
104
104
|
color: var(--pf-t--global--text--color--link--default);
|
|
105
|
-
text-decoration: var(--pf-t--global--
|
|
105
|
+
text-decoration: var(--pf-t--global--text-decoration--link--line--default);
|
|
106
106
|
}
|
|
107
107
|
|
|
108
|
-
:where(a:hover) {
|
|
108
|
+
:where(a:hover, a:focus) {
|
|
109
109
|
color: var(--pf-t--global--text--color--link--hover);
|
|
110
|
-
text-decoration: var(--pf-t--global--
|
|
110
|
+
text-decoration: var(--pf-t--global--text-decoration--link--line--hover);
|
|
111
111
|
}
|
|
112
112
|
|
|
113
113
|
:where(a,
|
|
@@ -5340,8 +5340,8 @@ button) {
|
|
|
5340
5340
|
--pf-t--global--text-decoration--help-text--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
5341
5341
|
--pf-t--global--text-decoration--help-text--style--default: var(--pf-t--global--text-decoration--style--200);
|
|
5342
5342
|
--pf-t--global--text-decoration--help-text--style--hover: var(--pf-t--global--text-decoration--style--200);
|
|
5343
|
-
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--
|
|
5344
|
-
--pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--
|
|
5343
|
+
--pf-t--global--text-decoration--link--line--default: var(--pf-t--global--text-decoration--line--200);
|
|
5344
|
+
--pf-t--global--text-decoration--link--line--hover: var(--pf-t--global--text-decoration--line--200);
|
|
5345
5345
|
--pf-t--global--text-decoration--link--style--default: var(--pf-t--global--text-decoration--style--100);
|
|
5346
5346
|
--pf-t--global--text-decoration--link--style--hover: var(--pf-t--global--text-decoration--style--100);
|
|
5347
5347
|
--pf-t--global--z-index--2xl: var(--pf-t--global--z-index--600);
|
|
@@ -5712,10 +5712,6 @@ button) {
|
|
|
5712
5712
|
--pf-t--global--font--weight--body--bold--legacy: 700;
|
|
5713
5713
|
--pf-t--global--font--weight--heading--legacy: 400;
|
|
5714
5714
|
--pf-t--global--font--weight--heading--bold--legacy: 700;
|
|
5715
|
-
--pf-t--global--text-decoration--100: none;
|
|
5716
|
-
--pf-t--global--text-decoration--200: underline;
|
|
5717
|
-
--pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
|
|
5718
|
-
--pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
|
|
5719
5715
|
--pf-t--global--box-shadow--sm:
|
|
5720
5716
|
var(--pf-t--global--box-shadow--X--sm--default)
|
|
5721
5717
|
var(--pf-t--global--box-shadow--Y--sm--default)
|