@patternfly/patternfly 5.4.0-prerelease.1 → 5.4.0-prerelease.3

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 (26) hide show
  1. package/components/Pagination/pagination.css +7 -4
  2. package/components/Pagination/pagination.scss +9 -8
  3. package/docs/components/Pagination/examples/Pagination.md +182 -708
  4. package/docs/components/Panel/examples/Panel.md +2 -2
  5. package/docs/components/Sidebar/examples/Sidebar.css +4 -2
  6. package/docs/components/Sidebar/examples/Sidebar.md +3 -3
  7. package/docs/components/Table/examples/Table.md +471 -44
  8. package/docs/components/Toolbar/examples/Toolbar.md +30 -98
  9. package/docs/demos/CardView/examples/CardView.md +30 -98
  10. package/docs/demos/DataList/examples/DataList.md +120 -392
  11. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -32
  12. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +90 -302
  13. package/docs/demos/Table/examples/Table.md +345 -1127
  14. package/docs/demos/Toolbar/examples/Toolbar.md +120 -392
  15. package/docs/utilities/Display/examples/Display.css +1 -8
  16. package/docs/utilities/Display/examples/Display.md +16 -7
  17. package/package.json +5 -5
  18. package/patternfly-addons.css +38 -0
  19. package/patternfly-no-globals.css +7 -4
  20. package/patternfly-theme-dark-unversioned.css +7 -4
  21. package/patternfly.css +7 -4
  22. package/patternfly.min.css +1 -1
  23. package/patternfly.min.css.map +1 -1
  24. package/utilities/Display/display.css +38 -0
  25. package/utilities/Display/display.scss +3 -1
  26. package/docs/components/Pagination/examples/Pagination.css +0 -3
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "5.4.0-prerelease.1",
4
+ "version": "5.4.0-prerelease.3",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -46,11 +46,11 @@
46
46
  "@commitlint/config-conventional": "^18.4.3",
47
47
  "@fortawesome/fontawesome": "^1.1.8",
48
48
  "@octokit/rest": "^20.0.2",
49
- "@patternfly/documentation-framework": "5.13.0",
49
+ "@patternfly/documentation-framework": "5.15.2",
50
50
  "@patternfly/patternfly-a11y": "4.3.1",
51
- "@patternfly/react-code-editor": "5.3.0",
52
- "@patternfly/react-core": "5.3.0",
53
- "@patternfly/react-table": "5.3.0",
51
+ "@patternfly/react-code-editor": "5.3.3",
52
+ "@patternfly/react-core": "5.3.3",
53
+ "@patternfly/react-table": "5.3.3",
54
54
  "@starptech/prettyhtml": "^0.10.0",
55
55
  "backstopjs": "^6.2.2",
56
56
  "cheerio": "^1.0.0-rc.12",
package/patternfly-addons.css CHANGED
@@ -781,6 +781,14 @@
781
781
  display: inline-flex !important;
782
782
  }
783
783
 
784
+ .pf-v5-u-display-grid {
785
+ display: grid !important;
786
+ }
787
+
788
+ .pf-v5-u-display-inline-grid {
789
+ display: inline-grid !important;
790
+ }
791
+
784
792
  @media screen and (min-width: 576px) {
785
793
  .pf-v5-u-display-none-on-sm {
786
794
  display: none !important;
@@ -809,6 +817,12 @@
809
817
  .pf-v5-u-display-inline-flex-on-sm {
810
818
  display: inline-flex !important;
811
819
  }
820
+ .pf-v5-u-display-grid-on-sm {
821
+ display: grid !important;
822
+ }
823
+ .pf-v5-u-display-inline-grid-on-sm {
824
+ display: inline-grid !important;
825
+ }
812
826
  }
813
827
  @media screen and (min-width: 768px) {
814
828
  .pf-v5-u-display-none-on-md {
@@ -838,6 +852,12 @@
838
852
  .pf-v5-u-display-inline-flex-on-md {
839
853
  display: inline-flex !important;
840
854
  }
855
+ .pf-v5-u-display-grid-on-md {
856
+ display: grid !important;
857
+ }
858
+ .pf-v5-u-display-inline-grid-on-md {
859
+ display: inline-grid !important;
860
+ }
841
861
  }
842
862
  @media screen and (min-width: 992px) {
843
863
  .pf-v5-u-display-none-on-lg {
@@ -867,6 +887,12 @@
867
887
  .pf-v5-u-display-inline-flex-on-lg {
868
888
  display: inline-flex !important;
869
889
  }
890
+ .pf-v5-u-display-grid-on-lg {
891
+ display: grid !important;
892
+ }
893
+ .pf-v5-u-display-inline-grid-on-lg {
894
+ display: inline-grid !important;
895
+ }
870
896
  }
871
897
  @media screen and (min-width: 1200px) {
872
898
  .pf-v5-u-display-none-on-xl {
@@ -896,6 +922,12 @@
896
922
  .pf-v5-u-display-inline-flex-on-xl {
897
923
  display: inline-flex !important;
898
924
  }
925
+ .pf-v5-u-display-grid-on-xl {
926
+ display: grid !important;
927
+ }
928
+ .pf-v5-u-display-inline-grid-on-xl {
929
+ display: inline-grid !important;
930
+ }
899
931
  }
900
932
  @media screen and (min-width: 1450px) {
901
933
  .pf-v5-u-display-none-on-2xl {
@@ -925,6 +957,12 @@
925
957
  .pf-v5-u-display-inline-flex-on-2xl {
926
958
  display: inline-flex !important;
927
959
  }
960
+ .pf-v5-u-display-grid-on-2xl {
961
+ display: grid !important;
962
+ }
963
+ .pf-v5-u-display-inline-grid-on-2xl {
964
+ display: inline-grid !important;
965
+ }
928
966
  }
929
967
  .pf-v5-u-flex-direction-column {
930
968
  flex-direction: column !important;
package/patternfly-no-globals.css CHANGED
@@ -22016,7 +22016,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22016
22016
  --pf-v5-c-pagination--m-bottom--child--MarginRight: 0;
22017
22017
  --pf-v5-c-pagination--m-bottom--child--md--MarginRight: var(--pf-v5-global--spacer--lg);
22018
22018
  --pf-v5-c-pagination--m-compact--child--MarginRight: var(--pf-v5-global--spacer--sm);
22019
- --pf-v5-c-pagination--c-menu-toggle--FontSize: var(--pf-v5-global--FontSize--sm);
22020
22019
  --pf-v5-c-pagination__nav--Display: none;
22021
22020
  --pf-v5-c-pagination--m-display-summary__nav--Display: none;
22022
22021
  --pf-v5-c-pagination--m-display-full__nav--Display: inline-flex;
@@ -22060,9 +22059,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22060
22059
  --pf-v5-c-pagination--m-bottom--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
22061
22060
  --pf-v5-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
22062
22061
  --pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
22062
+ --pf-v5-c-pagination--c-menu-toggle--FontSize: var(--pf-v5-global--FontSize--sm);
22063
+ --pf-v5-c-pagination--c-menu-toggle--Display--base: inline-flex;
22063
22064
  --pf-v5-c-pagination--c-menu-toggle--Display: none;
22065
+ --pf-v5-c-pagination--c-menu-toggle--md--Display: var(--pf-v5-c-pagination--c-menu-toggle--Display--base);
22064
22066
  --pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display: none;
22065
- --pf-v5-c-pagination--m-display-full--c-menu-toggle--Display: inline-flex;
22067
+ --pf-v5-c-pagination--m-display-full--c-menu-toggle--Display: var(--pf-v5-c-pagination--c-menu-toggle--Display--base);
22068
+ --pf-v5-c-pagination--m-bottom--c-menu-toggle--Display: var(--pf-v5-c-pagination--c-menu-toggle--Display--base);
22066
22069
  display: flex;
22067
22070
  flex-wrap: wrap;
22068
22071
  align-items: center;
@@ -22079,7 +22082,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22079
22082
  --pf-v5-c-pagination--m-bottom--child--MarginRight: var(--pf-v5-c-pagination--m-bottom--child--md--MarginRight);
22080
22083
  --pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
22081
22084
  --pf-v5-c-pagination--m-bottom--BoxShadow: none;
22082
- --pf-v5-c-pagination--c-menu-toggle--Display: inline-flex;
22085
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--c-menu-toggle--md--Display);
22083
22086
  --pf-v5-c-pagination__nav--Display: inline-flex;
22084
22087
  --pf-v5-c-pagination__total-items--Display: none;
22085
22088
  }
@@ -22129,7 +22132,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22129
22132
  }
22130
22133
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-menu-toggle {
22131
22134
  position: absolute;
22132
- display: block;
22135
+ display: var(--pf-v5-c-pagination--m-bottom--c-menu-toggle--Display);
22133
22136
  }
22134
22137
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav {
22135
22138
  display: flex;
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -22133,7 +22133,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22133
22133
  --pf-v5-c-pagination--m-bottom--child--MarginRight: 0;
22134
22134
  --pf-v5-c-pagination--m-bottom--child--md--MarginRight: var(--pf-v5-global--spacer--lg);
22135
22135
  --pf-v5-c-pagination--m-compact--child--MarginRight: var(--pf-v5-global--spacer--sm);
22136
- --pf-v5-c-pagination--c-menu-toggle--FontSize: var(--pf-v5-global--FontSize--sm);
22137
22136
  --pf-v5-c-pagination__nav--Display: none;
22138
22137
  --pf-v5-c-pagination--m-display-summary__nav--Display: none;
22139
22138
  --pf-v5-c-pagination--m-display-full__nav--Display: inline-flex;
@@ -22177,9 +22176,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22177
22176
  --pf-v5-c-pagination--m-bottom--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
22178
22177
  --pf-v5-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
22179
22178
  --pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
22179
+ --pf-v5-c-pagination--c-menu-toggle--FontSize: var(--pf-v5-global--FontSize--sm);
22180
+ --pf-v5-c-pagination--c-menu-toggle--Display--base: inline-flex;
22180
22181
  --pf-v5-c-pagination--c-menu-toggle--Display: none;
22182
+ --pf-v5-c-pagination--c-menu-toggle--md--Display: var(--pf-v5-c-pagination--c-menu-toggle--Display--base);
22181
22183
  --pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display: none;
22182
- --pf-v5-c-pagination--m-display-full--c-menu-toggle--Display: inline-flex;
22184
+ --pf-v5-c-pagination--m-display-full--c-menu-toggle--Display: var(--pf-v5-c-pagination--c-menu-toggle--Display--base);
22185
+ --pf-v5-c-pagination--m-bottom--c-menu-toggle--Display: var(--pf-v5-c-pagination--c-menu-toggle--Display--base);
22183
22186
  display: flex;
22184
22187
  flex-wrap: wrap;
22185
22188
  align-items: center;
@@ -22196,7 +22199,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22196
22199
  --pf-v5-c-pagination--m-bottom--child--MarginRight: var(--pf-v5-c-pagination--m-bottom--child--md--MarginRight);
22197
22200
  --pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
22198
22201
  --pf-v5-c-pagination--m-bottom--BoxShadow: none;
22199
- --pf-v5-c-pagination--c-menu-toggle--Display: inline-flex;
22202
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--c-menu-toggle--md--Display);
22200
22203
  --pf-v5-c-pagination__nav--Display: inline-flex;
22201
22204
  --pf-v5-c-pagination__total-items--Display: none;
22202
22205
  }
@@ -22246,7 +22249,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22246
22249
  }
22247
22250
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-menu-toggle {
22248
22251
  position: absolute;
22249
- display: block;
22252
+ display: var(--pf-v5-c-pagination--m-bottom--c-menu-toggle--Display);
22250
22253
  }
22251
22254
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav {
22252
22255
  display: flex;
package/patternfly.css CHANGED
@@ -22133,7 +22133,6 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22133
22133
  --pf-v5-c-pagination--m-bottom--child--MarginRight: 0;
22134
22134
  --pf-v5-c-pagination--m-bottom--child--md--MarginRight: var(--pf-v5-global--spacer--lg);
22135
22135
  --pf-v5-c-pagination--m-compact--child--MarginRight: var(--pf-v5-global--spacer--sm);
22136
- --pf-v5-c-pagination--c-menu-toggle--FontSize: var(--pf-v5-global--FontSize--sm);
22137
22136
  --pf-v5-c-pagination__nav--Display: none;
22138
22137
  --pf-v5-c-pagination--m-display-summary__nav--Display: none;
22139
22138
  --pf-v5-c-pagination--m-display-full__nav--Display: inline-flex;
@@ -22177,9 +22176,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22177
22176
  --pf-v5-c-pagination--m-bottom--xl--PaddingRight: var(--pf-v5-global--spacer--lg);
22178
22177
  --pf-v5-c-pagination--m-bottom--xl--PaddingLeft: var(--pf-v5-global--spacer--lg);
22179
22178
  --pf-v5-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-v5-global--BoxShadow--sm-top);
22179
+ --pf-v5-c-pagination--c-menu-toggle--FontSize: var(--pf-v5-global--FontSize--sm);
22180
+ --pf-v5-c-pagination--c-menu-toggle--Display--base: inline-flex;
22180
22181
  --pf-v5-c-pagination--c-menu-toggle--Display: none;
22182
+ --pf-v5-c-pagination--c-menu-toggle--md--Display: var(--pf-v5-c-pagination--c-menu-toggle--Display--base);
22181
22183
  --pf-v5-c-pagination--m-display-summary--c-menu-toggle--Display: none;
22182
- --pf-v5-c-pagination--m-display-full--c-menu-toggle--Display: inline-flex;
22184
+ --pf-v5-c-pagination--m-display-full--c-menu-toggle--Display: var(--pf-v5-c-pagination--c-menu-toggle--Display--base);
22185
+ --pf-v5-c-pagination--m-bottom--c-menu-toggle--Display: var(--pf-v5-c-pagination--c-menu-toggle--Display--base);
22183
22186
  display: flex;
22184
22187
  flex-wrap: wrap;
22185
22188
  align-items: center;
@@ -22196,7 +22199,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22196
22199
  --pf-v5-c-pagination--m-bottom--child--MarginRight: var(--pf-v5-c-pagination--m-bottom--child--md--MarginRight);
22197
22200
  --pf-v5-c-pagination--m-bottom__nav-control--c-button--OutlineOffset: 0;
22198
22201
  --pf-v5-c-pagination--m-bottom--BoxShadow: none;
22199
- --pf-v5-c-pagination--c-menu-toggle--Display: inline-flex;
22202
+ --pf-v5-c-pagination--c-menu-toggle--Display: var(--pf-v5-c-pagination--c-menu-toggle--md--Display);
22200
22203
  --pf-v5-c-pagination__nav--Display: inline-flex;
22201
22204
  --pf-v5-c-pagination__total-items--Display: none;
22202
22205
  }
@@ -22246,7 +22249,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
22246
22249
  }
22247
22250
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-menu-toggle {
22248
22251
  position: absolute;
22249
- display: block;
22252
+ display: var(--pf-v5-c-pagination--m-bottom--c-menu-toggle--Display);
22250
22253
  }
22251
22254
  .pf-v5-c-pagination.pf-m-bottom .pf-v5-c-pagination__nav {
22252
22255
  display: flex;