@patternfly/patternfly 6.0.0-alpha.126 → 6.0.0-alpha.128

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.
Files changed (42) hide show
  1. package/base/patternfly-variables.css +15 -3
  2. package/base/tokens/tokens-charts-dark.scss +1 -1
  3. package/base/tokens/tokens-charts.scss +1 -1
  4. package/base/tokens/tokens-dark.scss +1 -1
  5. package/base/tokens/tokens-default.scss +16 -4
  6. package/base/tokens/tokens-palette.scss +1 -1
  7. package/components/AboutModalBox/about-modal-box.css +1 -1
  8. package/components/AboutModalBox/about-modal-box.scss +1 -1
  9. package/components/_index.css +1 -1
  10. package/docs/components/Brand/examples/Brand.md +2 -2
  11. package/docs/components/Masthead/examples/masthead.md +6 -6
  12. package/docs/demos/AboutModal/examples/AboutModal.md +1 -1
  13. package/docs/demos/Alert/examples/Alert.md +3 -3
  14. package/docs/demos/BackToTop/examples/BackToTop.md +1 -1
  15. package/docs/demos/Banner/examples/Banner.md +2 -2
  16. package/docs/demos/CardView/examples/CardView.md +1 -1
  17. package/docs/demos/ContextSelector/examples/ContextSelector.md +4 -4
  18. package/docs/demos/Dashboard/examples/Dashboard.md +1 -1
  19. package/docs/demos/DataList/examples/DataList.md +4 -4
  20. package/docs/demos/DescriptionList/examples/DescriptionList.md +3 -3
  21. package/docs/demos/Drawer/examples/Drawer.md +5 -5
  22. package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -6
  23. package/docs/demos/Masthead/examples/Masthead.md +9 -9
  24. package/docs/demos/Modal/examples/Modal.md +6 -6
  25. package/docs/demos/Nav/examples/Nav.md +6 -6
  26. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  27. package/docs/demos/Page/examples/Page.md +9 -9
  28. package/docs/demos/Page/examples/Penta.md +1 -1
  29. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +7 -7
  30. package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
  31. package/docs/demos/Table/examples/Table.md +15 -15
  32. package/docs/demos/Tabs/examples/Tabs.md +6 -6
  33. package/docs/demos/Toolbar/examples/Toolbar.md +2 -2
  34. package/docs/demos/Wizard/examples/Wizard.md +9 -9
  35. package/package.json +1 -1
  36. package/patternfly-base-no-globals.css +15 -3
  37. package/patternfly-base.css +15 -3
  38. package/patternfly-no-globals.css +16 -4
  39. package/patternfly.css +16 -4
  40. package/patternfly.min.css +1 -1
  41. package/patternfly.min.css.map +1 -1
  42. package/sass-utilities/scss-variables.scss +1 -0
package/patternfly-base.css CHANGED
@@ -5133,6 +5133,12 @@ h6) {
5133
5133
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
5134
5134
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
5135
5135
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
5136
+ --pf-t--global--breakpoint--600: 1450px;
5137
+ --pf-t--global--breakpoint--500: 1200px;
5138
+ --pf-t--global--breakpoint--400: 992px;
5139
+ --pf-t--global--breakpoint--300: 768px;
5140
+ --pf-t--global--breakpoint--200: 576px;
5141
+ --pf-t--global--breakpoint--100: 0px;
5136
5142
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
5137
5143
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
5138
5144
  --pf-t--global--box-shadow--spread--100: 0px;
@@ -5259,6 +5265,12 @@ h6) {
5259
5265
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
5260
5266
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
5261
5267
  --pf-t--global--background--color--100: var(--pf-t--color--white);
5268
+ --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
5269
+ --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
5270
+ --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
5271
+ --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
5272
+ --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
5273
+ --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
5262
5274
  --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
5263
5275
  --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
5264
5276
  --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
@@ -5669,15 +5681,15 @@ h6) {
5669
5681
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5670
5682
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
5671
5683
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
5684
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5685
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5686
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5672
5687
  --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
5673
5688
  --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
5674
5689
  --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
5675
5690
  --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
5676
5691
  --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
5677
5692
  --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
5678
- --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5679
- --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5680
- --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5681
5693
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
5682
5694
  }
5683
5695
 
package/patternfly-no-globals.css CHANGED
@@ -5017,6 +5017,12 @@
5017
5017
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
5018
5018
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
5019
5019
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
5020
+ --pf-t--global--breakpoint--600: 1450px;
5021
+ --pf-t--global--breakpoint--500: 1200px;
5022
+ --pf-t--global--breakpoint--400: 992px;
5023
+ --pf-t--global--breakpoint--300: 768px;
5024
+ --pf-t--global--breakpoint--200: 576px;
5025
+ --pf-t--global--breakpoint--100: 0px;
5020
5026
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
5021
5027
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
5022
5028
  --pf-t--global--box-shadow--spread--100: 0px;
@@ -5143,6 +5149,12 @@
5143
5149
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
5144
5150
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
5145
5151
  --pf-t--global--background--color--100: var(--pf-t--color--white);
5152
+ --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
5153
+ --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
5154
+ --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
5155
+ --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
5156
+ --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
5157
+ --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
5146
5158
  --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
5147
5159
  --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
5148
5160
  --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
@@ -5553,15 +5565,15 @@
5553
5565
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5554
5566
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
5555
5567
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
5568
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5569
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5570
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5556
5571
  --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
5557
5572
  --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
5558
5573
  --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
5559
5574
  --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
5560
5575
  --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
5561
5576
  --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
5562
- --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5563
- --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5564
- --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5565
5577
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
5566
5578
  }
5567
5579
 
@@ -5967,7 +5979,7 @@
5967
5979
  --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
5968
5980
  --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
5969
5981
  --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
5970
- --pf-v6-c-about-modal-box__brand-image--Height: 2.5rem;
5982
+ --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
5971
5983
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
5972
5984
  --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
5973
5985
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);
package/patternfly.css CHANGED
@@ -5134,6 +5134,12 @@ h6) {
5134
5134
  --pf-t--global--background--color--action--plain--default: rgba(255, 255, 255, 0.0000);
5135
5135
  --pf-t--global--background--color--600: rgba(199, 199, 199, 0.2500);
5136
5136
  --pf-t--global--background--color--500: rgba(21, 21, 21, 0.2000);
5137
+ --pf-t--global--breakpoint--600: 1450px;
5138
+ --pf-t--global--breakpoint--500: 1200px;
5139
+ --pf-t--global--breakpoint--400: 992px;
5140
+ --pf-t--global--breakpoint--300: 768px;
5141
+ --pf-t--global--breakpoint--200: 576px;
5142
+ --pf-t--global--breakpoint--100: 0px;
5137
5143
  --pf-t--global--box-shadow--color--200: rgba(0, 0, 0, 0.1200);
5138
5144
  --pf-t--global--box-shadow--color--100: rgba(0, 0, 0, 0.1600);
5139
5145
  --pf-t--global--box-shadow--spread--100: 0px;
@@ -5260,6 +5266,12 @@ h6) {
5260
5266
  --pf-t--global--background--color--300: var(--pf-t--color--gray--20);
5261
5267
  --pf-t--global--background--color--200: var(--pf-t--color--gray--10);
5262
5268
  --pf-t--global--background--color--100: var(--pf-t--color--white);
5269
+ --pf-t--global--breakpoint--2xl: var(--pf-t--global--breakpoint--600);
5270
+ --pf-t--global--breakpoint--xl: var(--pf-t--global--breakpoint--500);
5271
+ --pf-t--global--breakpoint--lg: var(--pf-t--global--breakpoint--400);
5272
+ --pf-t--global--breakpoint--md: var(--pf-t--global--breakpoint--300);
5273
+ --pf-t--global--breakpoint--sm: var(--pf-t--global--breakpoint--200);
5274
+ --pf-t--global--breakpoint--xs: var(--pf-t--global--breakpoint--100);
5263
5275
  --pf-t--global--box-shadow--color--lg: var(--pf-t--global--box-shadow--color--200);
5264
5276
  --pf-t--global--box-shadow--color--md: var(--pf-t--global--box-shadow--color--200);
5265
5277
  --pf-t--global--box-shadow--color--sm: var(--pf-t--global--box-shadow--color--100);
@@ -5670,15 +5682,15 @@ h6) {
5670
5682
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5671
5683
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
5672
5684
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
5685
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5686
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5687
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5673
5688
  --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
5674
5689
  --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
5675
5690
  --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
5676
5691
  --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
5677
5692
  --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
5678
5693
  --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
5679
- --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5680
- --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5681
- --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5682
5694
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
5683
5695
  }
5684
5696
 
@@ -6084,7 +6096,7 @@ h6) {
6084
6096
  --pf-v6-c-about-modal-box__close--sm--PaddingBlockEnd: var(--pf-t--global--spacer--3xl);
6085
6097
  --pf-v6-c-about-modal-box__close--lg--PaddingInlineEnd: var(--pf-t--global--spacer--3xl);
6086
6098
  --pf-v6-c-about-modal-box__close--c-button--FontSize: var(--pf-t--global--icon--size--lg);
6087
- --pf-v6-c-about-modal-box__brand-image--Height: 2.5rem;
6099
+ --pf-v6-c-about-modal-box__brand-image--Height: 2.3125rem;
6088
6100
  --pf-v6-c-about-modal-box__header--PaddingInlineEnd: var(--pf-t--global--spacer--xl);
6089
6101
  --pf-v6-c-about-modal-box__header--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
6090
6102
  --pf-v6-c-about-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--xl);