@patternfly/patternfly 6.0.0-alpha.191 → 6.0.0-alpha.193
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/patternfly-variables.css +11 -11
- 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 +7 -7
- package/base/tokens/tokens-palette.scss +6 -6
- package/components/Accordion/accordion.css +2 -0
- package/components/Accordion/accordion.scss +2 -0
- package/components/Card/card.css +1 -1
- package/components/Card/card.scss +1 -1
- package/components/Label/label.css +3 -3
- package/components/Label/label.scss +3 -3
- package/components/_index.css +6 -4
- package/docs/components/Label/examples/Label.md +16 -12
- package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
- package/docs/demos/Alert/examples/Alert.md +6 -6
- package/docs/demos/BackToTop/examples/BackToTop.md +2 -2
- package/docs/demos/Banner/examples/Banner.md +4 -4
- package/docs/demos/CardView/examples/CardView.md +2 -2
- package/docs/demos/Dashboard/examples/Dashboard.md +2 -2
- package/docs/demos/DataList/examples/DataList.md +8 -8
- package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -6
- package/docs/demos/Drawer/examples/Drawer.md +10 -10
- package/docs/demos/JumpLinks/examples/JumpLinks.md +12 -12
- package/docs/demos/Masthead/examples/Masthead.md +4 -4
- package/docs/demos/Modal/examples/Modal.md +12 -12
- package/docs/demos/Nav/examples/Nav.md +12 -12
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -10
- package/docs/demos/Page/examples/Page.md +22 -22
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +15 -15
- package/docs/demos/Skeleton/examples/Skeleton.md +2 -2
- package/docs/demos/Table/examples/Table.md +31 -31
- package/docs/demos/Tabs/examples/Tabs.md +12 -12
- package/docs/demos/Toolbar/examples/Toolbar.md +4 -4
- package/docs/demos/Wizard/examples/Wizard.md +18 -18
- package/package.json +1 -1
- package/patternfly-base-no-globals.css +11 -11
- package/patternfly-base.css +11 -11
- package/patternfly-no-globals.css +17 -15
- package/patternfly.css +17 -15
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/patternfly-base.css
CHANGED
|
@@ -4975,14 +4975,14 @@ button) {
|
|
|
4975
4975
|
|
|
4976
4976
|
:where(:root) {
|
|
4977
4977
|
--pf-v6-global--inverse--multiplier: 1;
|
|
4978
|
-
--pf-t--color--black: #
|
|
4978
|
+
--pf-t--color--black: #000000;
|
|
4979
4979
|
--pf-t--color--blue--10: #e0f0ff;
|
|
4980
4980
|
--pf-t--color--blue--20: #b9dafc;
|
|
4981
4981
|
--pf-t--color--blue--30: #92c5f9;
|
|
4982
4982
|
--pf-t--color--blue--40: #4394e5;
|
|
4983
|
-
--pf-t--color--blue--50: #
|
|
4983
|
+
--pf-t--color--blue--50: #0066cc;
|
|
4984
4984
|
--pf-t--color--blue--60: #004d99;
|
|
4985
|
-
--pf-t--color--blue--70: #
|
|
4985
|
+
--pf-t--color--blue--70: #003366;
|
|
4986
4986
|
--pf-t--color--gray--10: #f2f2f2;
|
|
4987
4987
|
--pf-t--color--gray--20: #e0e0e0;
|
|
4988
4988
|
--pf-t--color--gray--30: #c7c7c7;
|
|
@@ -5018,7 +5018,7 @@ button) {
|
|
|
5018
5018
|
--pf-t--color--red--20: #fbc5c5;
|
|
5019
5019
|
--pf-t--color--red--30: #f9a8a8;
|
|
5020
5020
|
--pf-t--color--red--40: #f56e6e;
|
|
5021
|
-
--pf-t--color--red--50: #
|
|
5021
|
+
--pf-t--color--red--50: #ee0000;
|
|
5022
5022
|
--pf-t--color--red--60: #a60000;
|
|
5023
5023
|
--pf-t--color--red--70: #5f0000;
|
|
5024
5024
|
--pf-t--color--red-orange--10: #ffe3d9;
|
|
@@ -5035,7 +5035,7 @@ button) {
|
|
|
5035
5035
|
--pf-t--color--teal--50: #37a3a3;
|
|
5036
5036
|
--pf-t--color--teal--60: #147878;
|
|
5037
5037
|
--pf-t--color--teal--70: #004d4d;
|
|
5038
|
-
--pf-t--color--white: #
|
|
5038
|
+
--pf-t--color--white: #ffffff;
|
|
5039
5039
|
--pf-t--color--yellow--10: #fff4cc;
|
|
5040
5040
|
--pf-t--color--yellow--20: #ffe072;
|
|
5041
5041
|
--pf-t--color--yellow--30: #ffcc17;
|
|
@@ -5095,9 +5095,9 @@ button) {
|
|
|
5095
5095
|
--pf-t--global--duration--50: 50ms;
|
|
5096
5096
|
--pf-t--global--duration--500: 500ms;
|
|
5097
5097
|
--pf-t--global--duration--600: 600ms;
|
|
5098
|
-
--pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai",
|
|
5099
|
-
--pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai",
|
|
5100
|
-
--pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New",
|
|
5098
|
+
--pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
|
|
5099
|
+
--pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
|
|
5100
|
+
--pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
|
|
5101
5101
|
--pf-t--global--font--line-height--100: 1.3;
|
|
5102
5102
|
--pf-t--global--font--line-height--200: 1.5;
|
|
5103
5103
|
--pf-t--global--font--size--100: 0.75rem;
|
|
@@ -5493,10 +5493,9 @@ button) {
|
|
|
5493
5493
|
--pf-t--global--motion--duration--slide-out--short: var(--pf-t--global--motion--duration--lg);
|
|
5494
5494
|
--pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
|
|
5495
5495
|
--pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
|
|
5496
|
-
--pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--
|
|
5496
|
+
--pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
|
|
5497
|
+
--pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
|
|
5497
5498
|
--pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
|
|
5498
|
-
--pf-t--global--spacer--action--vertical--compact: var(--pf-t--global--spacer--xs);
|
|
5499
|
-
--pf-t--global--spacer--action--vertical--spacious: var(--pf-t--global--spacer--md);
|
|
5500
5499
|
--pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
|
|
5501
5500
|
--pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
|
|
5502
5501
|
--pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
|
|
@@ -5504,6 +5503,7 @@ button) {
|
|
|
5504
5503
|
--pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
|
|
5505
5504
|
--pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
|
|
5506
5505
|
--pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
|
|
5506
|
+
--pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
|
|
5507
5507
|
--pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
|
|
5508
5508
|
--pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
|
|
5509
5509
|
--pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
|
|
@@ -4855,14 +4855,14 @@
|
|
|
4855
4855
|
|
|
4856
4856
|
:where(:root) {
|
|
4857
4857
|
--pf-v6-global--inverse--multiplier: 1;
|
|
4858
|
-
--pf-t--color--black: #
|
|
4858
|
+
--pf-t--color--black: #000000;
|
|
4859
4859
|
--pf-t--color--blue--10: #e0f0ff;
|
|
4860
4860
|
--pf-t--color--blue--20: #b9dafc;
|
|
4861
4861
|
--pf-t--color--blue--30: #92c5f9;
|
|
4862
4862
|
--pf-t--color--blue--40: #4394e5;
|
|
4863
|
-
--pf-t--color--blue--50: #
|
|
4863
|
+
--pf-t--color--blue--50: #0066cc;
|
|
4864
4864
|
--pf-t--color--blue--60: #004d99;
|
|
4865
|
-
--pf-t--color--blue--70: #
|
|
4865
|
+
--pf-t--color--blue--70: #003366;
|
|
4866
4866
|
--pf-t--color--gray--10: #f2f2f2;
|
|
4867
4867
|
--pf-t--color--gray--20: #e0e0e0;
|
|
4868
4868
|
--pf-t--color--gray--30: #c7c7c7;
|
|
@@ -4898,7 +4898,7 @@
|
|
|
4898
4898
|
--pf-t--color--red--20: #fbc5c5;
|
|
4899
4899
|
--pf-t--color--red--30: #f9a8a8;
|
|
4900
4900
|
--pf-t--color--red--40: #f56e6e;
|
|
4901
|
-
--pf-t--color--red--50: #
|
|
4901
|
+
--pf-t--color--red--50: #ee0000;
|
|
4902
4902
|
--pf-t--color--red--60: #a60000;
|
|
4903
4903
|
--pf-t--color--red--70: #5f0000;
|
|
4904
4904
|
--pf-t--color--red-orange--10: #ffe3d9;
|
|
@@ -4915,7 +4915,7 @@
|
|
|
4915
4915
|
--pf-t--color--teal--50: #37a3a3;
|
|
4916
4916
|
--pf-t--color--teal--60: #147878;
|
|
4917
4917
|
--pf-t--color--teal--70: #004d4d;
|
|
4918
|
-
--pf-t--color--white: #
|
|
4918
|
+
--pf-t--color--white: #ffffff;
|
|
4919
4919
|
--pf-t--color--yellow--10: #fff4cc;
|
|
4920
4920
|
--pf-t--color--yellow--20: #ffe072;
|
|
4921
4921
|
--pf-t--color--yellow--30: #ffcc17;
|
|
@@ -4975,9 +4975,9 @@
|
|
|
4975
4975
|
--pf-t--global--duration--50: 50ms;
|
|
4976
4976
|
--pf-t--global--duration--500: 500ms;
|
|
4977
4977
|
--pf-t--global--duration--600: 600ms;
|
|
4978
|
-
--pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai",
|
|
4979
|
-
--pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai",
|
|
4980
|
-
--pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New",
|
|
4978
|
+
--pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
|
|
4979
|
+
--pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
|
|
4980
|
+
--pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
|
|
4981
4981
|
--pf-t--global--font--line-height--100: 1.3;
|
|
4982
4982
|
--pf-t--global--font--line-height--200: 1.5;
|
|
4983
4983
|
--pf-t--global--font--size--100: 0.75rem;
|
|
@@ -5373,10 +5373,9 @@
|
|
|
5373
5373
|
--pf-t--global--motion--duration--slide-out--short: var(--pf-t--global--motion--duration--lg);
|
|
5374
5374
|
--pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
|
|
5375
5375
|
--pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
|
|
5376
|
-
--pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--
|
|
5376
|
+
--pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
|
|
5377
|
+
--pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
|
|
5377
5378
|
--pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
|
|
5378
|
-
--pf-t--global--spacer--action--vertical--compact: var(--pf-t--global--spacer--xs);
|
|
5379
|
-
--pf-t--global--spacer--action--vertical--spacious: var(--pf-t--global--spacer--md);
|
|
5380
5379
|
--pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
|
|
5381
5380
|
--pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
|
|
5382
5381
|
--pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
|
|
@@ -5384,6 +5383,7 @@
|
|
|
5384
5383
|
--pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
|
|
5385
5384
|
--pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
|
|
5386
5385
|
--pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
|
|
5386
|
+
--pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
|
|
5387
5387
|
--pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
|
|
5388
5388
|
--pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
|
|
5389
5389
|
--pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
|
|
@@ -6278,6 +6278,7 @@
|
|
|
6278
6278
|
--pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
|
6279
6279
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
6280
6280
|
--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6281
|
+
--pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
6281
6282
|
--pf-v6-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
|
|
6282
6283
|
--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
|
|
6283
6284
|
--pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -6326,6 +6327,7 @@
|
|
|
6326
6327
|
--pf-v6-c-accordion__toggle--FontFamily: var(--pf-v6-c-accordion--m-display-lg__toggle--FontFamily);
|
|
6327
6328
|
--pf-v6-c-accordion__toggle--FontSize: var(--pf-v6-c-accordion--m-display-lg__toggle--FontSize);
|
|
6328
6329
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle-text--FontWeight);
|
|
6330
|
+
--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight);
|
|
6329
6331
|
--pf-v6-c-accordion__expandable-content--FontSize: var(--pf-v6-c-accordion--m-display-lg__expandable-content--FontSize);
|
|
6330
6332
|
--pf-v6-c-accordion__expandable-content--Color: var(--pf-v6-c-accordion--m-display-lg__expandable-content--Color);
|
|
6331
6333
|
}
|
|
@@ -8285,7 +8287,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
8285
8287
|
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
8286
8288
|
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
8287
8289
|
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
8288
|
-
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain) * -1);
|
|
8290
|
+
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
8289
8291
|
--pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
|
|
8290
8292
|
--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
|
|
8291
8293
|
--pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
|
|
@@ -14075,7 +14077,7 @@ label.pf-v6-c-input-group__text {
|
|
|
14075
14077
|
--pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
|
|
14076
14078
|
--pf-v6-c-label--m-clickable--hover--BorderColor: transparent;
|
|
14077
14079
|
--pf-v6-c-label--m-clickable__content--Cursor: pointer;
|
|
14078
|
-
--pf-v6-c-label--m-filled__actions--c-
|
|
14080
|
+
--pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label__icon--Color);
|
|
14079
14081
|
--pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
|
|
14080
14082
|
--pf-v6-c-label--m-outline--BackgroundColor: transparent;
|
|
14081
14083
|
--pf-v6-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -14296,7 +14298,7 @@ label.pf-v6-c-input-group__text {
|
|
|
14296
14298
|
--pf-v6-c-label--m-editable--TextDecorationOffset: var(--pf-v6-c-label--m-compact--m-editable--TextDecorationOffset);
|
|
14297
14299
|
}
|
|
14298
14300
|
.pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
|
|
14299
|
-
--pf-v6-c-
|
|
14301
|
+
--pf-v6-c-button__icon--Color: var(--pf-v6-c-label--m-filled__actions--c-button__icon--Color);
|
|
14300
14302
|
}
|
|
14301
14303
|
.pf-v6-c-label.pf-m-outline {
|
|
14302
14304
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-outline--Color);
|
|
@@ -14363,7 +14365,7 @@ label.pf-v6-c-input-group__text {
|
|
|
14363
14365
|
--pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-outline--m-clickable--hover--BorderColor);
|
|
14364
14366
|
}
|
|
14365
14367
|
.pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) ~ .pf-v6-c-label__actions .pf-v6-c-button {
|
|
14366
|
-
--pf-v6-c-label--m-filled__actions--c-
|
|
14368
|
+
--pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label--m-clickable--hover__icon--Color);
|
|
14367
14369
|
}
|
|
14368
14370
|
.pf-v6-c-label.pf-m-disabled {
|
|
14369
14371
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-disabled--BackgroundColor);
|
package/patternfly.css
CHANGED
|
@@ -4976,14 +4976,14 @@ button) {
|
|
|
4976
4976
|
|
|
4977
4977
|
:where(:root) {
|
|
4978
4978
|
--pf-v6-global--inverse--multiplier: 1;
|
|
4979
|
-
--pf-t--color--black: #
|
|
4979
|
+
--pf-t--color--black: #000000;
|
|
4980
4980
|
--pf-t--color--blue--10: #e0f0ff;
|
|
4981
4981
|
--pf-t--color--blue--20: #b9dafc;
|
|
4982
4982
|
--pf-t--color--blue--30: #92c5f9;
|
|
4983
4983
|
--pf-t--color--blue--40: #4394e5;
|
|
4984
|
-
--pf-t--color--blue--50: #
|
|
4984
|
+
--pf-t--color--blue--50: #0066cc;
|
|
4985
4985
|
--pf-t--color--blue--60: #004d99;
|
|
4986
|
-
--pf-t--color--blue--70: #
|
|
4986
|
+
--pf-t--color--blue--70: #003366;
|
|
4987
4987
|
--pf-t--color--gray--10: #f2f2f2;
|
|
4988
4988
|
--pf-t--color--gray--20: #e0e0e0;
|
|
4989
4989
|
--pf-t--color--gray--30: #c7c7c7;
|
|
@@ -5019,7 +5019,7 @@ button) {
|
|
|
5019
5019
|
--pf-t--color--red--20: #fbc5c5;
|
|
5020
5020
|
--pf-t--color--red--30: #f9a8a8;
|
|
5021
5021
|
--pf-t--color--red--40: #f56e6e;
|
|
5022
|
-
--pf-t--color--red--50: #
|
|
5022
|
+
--pf-t--color--red--50: #ee0000;
|
|
5023
5023
|
--pf-t--color--red--60: #a60000;
|
|
5024
5024
|
--pf-t--color--red--70: #5f0000;
|
|
5025
5025
|
--pf-t--color--red-orange--10: #ffe3d9;
|
|
@@ -5036,7 +5036,7 @@ button) {
|
|
|
5036
5036
|
--pf-t--color--teal--50: #37a3a3;
|
|
5037
5037
|
--pf-t--color--teal--60: #147878;
|
|
5038
5038
|
--pf-t--color--teal--70: #004d4d;
|
|
5039
|
-
--pf-t--color--white: #
|
|
5039
|
+
--pf-t--color--white: #ffffff;
|
|
5040
5040
|
--pf-t--color--yellow--10: #fff4cc;
|
|
5041
5041
|
--pf-t--color--yellow--20: #ffe072;
|
|
5042
5042
|
--pf-t--color--yellow--30: #ffcc17;
|
|
@@ -5096,9 +5096,9 @@ button) {
|
|
|
5096
5096
|
--pf-t--global--duration--50: 50ms;
|
|
5097
5097
|
--pf-t--global--duration--500: 500ms;
|
|
5098
5098
|
--pf-t--global--duration--600: 600ms;
|
|
5099
|
-
--pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai",
|
|
5100
|
-
--pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai",
|
|
5101
|
-
--pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New",
|
|
5099
|
+
--pf-t--global--font--family--100: "Red Hat Text", "RedHatText", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
|
|
5100
|
+
--pf-t--global--font--family--200: "Red Hat Display", "RedHatDisplay", "Noto Sans Arabic", "Noto Sans Hebrew", "Noto Sans JP", "Noto Sans KR", "Noto Sans Malayalam", "Noto Sans SC", "Noto Sans TC", "Noto Sans Thai", Helvetica, Arial, sans-serif;
|
|
5101
|
+
--pf-t--global--font--family--300: "Red Hat Mono", "RedHatMono", "Courier New", Courier, monospace;
|
|
5102
5102
|
--pf-t--global--font--line-height--100: 1.3;
|
|
5103
5103
|
--pf-t--global--font--line-height--200: 1.5;
|
|
5104
5104
|
--pf-t--global--font--size--100: 0.75rem;
|
|
@@ -5494,10 +5494,9 @@ button) {
|
|
|
5494
5494
|
--pf-t--global--motion--duration--slide-out--short: var(--pf-t--global--motion--duration--lg);
|
|
5495
5495
|
--pf-t--global--spacer--action--horizontal--compact: var(--pf-t--global--spacer--md);
|
|
5496
5496
|
--pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
|
|
5497
|
-
--pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--
|
|
5497
|
+
--pf-t--global--spacer--action--horizontal--plain--compact: var(--pf-t--global--spacer--xs);
|
|
5498
|
+
--pf-t--global--spacer--action--horizontal--plain--default: var(--pf-t--global--spacer--sm);
|
|
5498
5499
|
--pf-t--global--spacer--action--horizontal--spacious: var(--pf-t--global--spacer--xl);
|
|
5499
|
-
--pf-t--global--spacer--action--vertical--compact: var(--pf-t--global--spacer--xs);
|
|
5500
|
-
--pf-t--global--spacer--action--vertical--spacious: var(--pf-t--global--spacer--md);
|
|
5501
5500
|
--pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--sm);
|
|
5502
5501
|
--pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
|
|
5503
5502
|
--pf-t--global--spacer--control--horizontal--plain: var(--pf-t--global--spacer--sm);
|
|
@@ -5505,6 +5504,7 @@ button) {
|
|
|
5505
5504
|
--pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--xs);
|
|
5506
5505
|
--pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
|
|
5507
5506
|
--pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
|
|
5507
|
+
--pf-t--global--spacer--control--vertical--spacious: var(--pf-t--global--spacer--md);
|
|
5508
5508
|
--pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
|
|
5509
5509
|
--pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
|
|
5510
5510
|
--pf-t--global--spacer--gap--control-to-control--default: var(--pf-t--global--spacer--xs);
|
|
@@ -6399,6 +6399,7 @@ button) {
|
|
|
6399
6399
|
--pf-v6-c-accordion__toggle-text--Color: var(--pf-t--global--text--color--regular);
|
|
6400
6400
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
6401
6401
|
--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6402
|
+
--pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
6402
6403
|
--pf-v6-c-accordion__toggle-icon--Transition: .2s ease-in 0s;
|
|
6403
6404
|
--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
|
|
6404
6405
|
--pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
@@ -6447,6 +6448,7 @@ button) {
|
|
|
6447
6448
|
--pf-v6-c-accordion__toggle--FontFamily: var(--pf-v6-c-accordion--m-display-lg__toggle--FontFamily);
|
|
6448
6449
|
--pf-v6-c-accordion__toggle--FontSize: var(--pf-v6-c-accordion--m-display-lg__toggle--FontSize);
|
|
6449
6450
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle-text--FontWeight);
|
|
6451
|
+
--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight);
|
|
6450
6452
|
--pf-v6-c-accordion__expandable-content--FontSize: var(--pf-v6-c-accordion--m-display-lg__expandable-content--FontSize);
|
|
6451
6453
|
--pf-v6-c-accordion__expandable-content--Color: var(--pf-v6-c-accordion--m-display-lg__expandable-content--Color);
|
|
6452
6454
|
}
|
|
@@ -8406,7 +8408,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
8406
8408
|
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
8407
8409
|
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
8408
8410
|
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
8409
|
-
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain) * -1);
|
|
8411
|
+
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
8410
8412
|
--pf-v6-c-card__header-toggle-icon--Transition: var(--pf-t--global--transition);
|
|
8411
8413
|
--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
|
|
8412
8414
|
--pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
|
|
@@ -14196,7 +14198,7 @@ label.pf-v6-c-input-group__text {
|
|
|
14196
14198
|
--pf-v6-c-label--m-clickable--hover--BorderWidth: 0;
|
|
14197
14199
|
--pf-v6-c-label--m-clickable--hover--BorderColor: transparent;
|
|
14198
14200
|
--pf-v6-c-label--m-clickable__content--Cursor: pointer;
|
|
14199
|
-
--pf-v6-c-label--m-filled__actions--c-
|
|
14201
|
+
--pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label__icon--Color);
|
|
14200
14202
|
--pf-v6-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--action--default);
|
|
14201
14203
|
--pf-v6-c-label--m-outline--BackgroundColor: transparent;
|
|
14202
14204
|
--pf-v6-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -14417,7 +14419,7 @@ label.pf-v6-c-input-group__text {
|
|
|
14417
14419
|
--pf-v6-c-label--m-editable--TextDecorationOffset: var(--pf-v6-c-label--m-compact--m-editable--TextDecorationOffset);
|
|
14418
14420
|
}
|
|
14419
14421
|
.pf-v6-c-label.pf-m-filled .pf-v6-c-label__actions .pf-v6-c-button {
|
|
14420
|
-
--pf-v6-c-
|
|
14422
|
+
--pf-v6-c-button__icon--Color: var(--pf-v6-c-label--m-filled__actions--c-button__icon--Color);
|
|
14421
14423
|
}
|
|
14422
14424
|
.pf-v6-c-label.pf-m-outline {
|
|
14423
14425
|
--pf-v6-c-label--Color: var(--pf-v6-c-label--m-outline--Color);
|
|
@@ -14484,7 +14486,7 @@ label.pf-v6-c-input-group__text {
|
|
|
14484
14486
|
--pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-outline--m-clickable--hover--BorderColor);
|
|
14485
14487
|
}
|
|
14486
14488
|
.pf-v6-c-label.pf-m-clickable .pf-v6-c-label__content:is(:hover, :focus) ~ .pf-v6-c-label__actions .pf-v6-c-button {
|
|
14487
|
-
--pf-v6-c-label--m-filled__actions--c-
|
|
14489
|
+
--pf-v6-c-label--m-filled__actions--c-button__icon--Color: var(--pf-v6-c-label--m-clickable--hover__icon--Color);
|
|
14488
14490
|
}
|
|
14489
14491
|
.pf-v6-c-label.pf-m-disabled {
|
|
14490
14492
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-disabled--BackgroundColor);
|