@patternfly/patternfly 6.0.0-alpha.158 → 6.0.0-alpha.159

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 (16) hide show
  1. package/components/Pagination/pagination.css +6 -3
  2. package/components/Pagination/pagination.scss +6 -3
  3. package/components/_index.css +6 -3
  4. package/docs/components/Pagination/examples/Pagination.md +196 -713
  5. package/docs/components/Toolbar/examples/Toolbar.md +34 -98
  6. package/docs/demos/CardView/examples/CardView.md +32 -98
  7. package/docs/demos/DataList/examples/DataList.md +128 -392
  8. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +96 -320
  9. package/docs/demos/Table/examples/Table.md +369 -1132
  10. package/docs/demos/Toolbar/examples/Toolbar.md +128 -392
  11. package/package.json +1 -1
  12. package/patternfly-no-globals.css +6 -3
  13. package/patternfly.css +6 -3
  14. package/patternfly.min.css +1 -1
  15. package/patternfly.min.css.map +1 -1
  16. package/docs/components/Pagination/examples/Pagination.css +0 -3
package/components/Pagination/pagination.css CHANGED
@@ -28,14 +28,17 @@
28
28
  --pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
29
29
  --pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
30
30
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
31
+ --pf-v6-c-pagination__page-menu--Display--base: block;
31
32
  --pf-v6-c-pagination__page-menu--Display: none;
32
33
  --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
33
- --pf-v6-c-pagination--m-display-full__page-menu--Display: inline-flex;
34
+ --pf-v6-c-pagination--m-display-full__page-menu--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
35
+ --pf-v6-c-pagination--m-bottom__page-menu--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
36
+ --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
34
37
  }
35
38
  @media screen and (min-width: 768px) {
36
39
  :where(:root, .pf-v6-c-pagination) {
37
40
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
38
- --pf-v6-c-pagination__page-menu--Display: inline-flex;
41
+ --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
39
42
  --pf-v6-c-pagination__nav--Display: inline-flex;
40
43
  --pf-v6-c-pagination__total-items--Display: none;
41
44
  }
@@ -82,7 +85,7 @@
82
85
  }
83
86
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__page-menu {
84
87
  position: absolute;
85
- display: block;
88
+ display: var(--pf-v6-c-pagination--m-bottom__page-menu--Display);
86
89
  }
87
90
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav {
88
91
  display: flex;
package/components/Pagination/pagination.scss CHANGED
@@ -47,13 +47,16 @@ $pf-v6-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "x
47
47
  --#{$pagination}--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
48
48
 
49
49
  // options menu
50
+ --#{$pagination}__page-menu--Display--base: block;
50
51
  --#{$pagination}__page-menu--Display: none;
51
52
  --#{$pagination}--m-display-summary__page-menu--Display: none;
52
- --#{$pagination}--m-display-full__page-menu--Display: inline-flex;
53
+ --#{$pagination}--m-display-full__page-menu--Display: var(--#{$pagination}__page-menu--Display--base);
54
+ --#{$pagination}--m-bottom__page-menu--Display: var(--#{$pagination}__page-menu--Display--base);
55
+ --#{$pagination}__page-menu--md--Display: var(--#{$pagination}__page-menu--Display--base);
53
56
 
54
57
  @media screen and (min-width: $pf-v6-global--breakpoint--md) {
55
58
  --#{$pagination}--m-bottom--BoxShadow: none;
56
- --#{$pagination}__page-menu--Display: inline-flex;
59
+ --#{$pagination}__page-menu--Display: var(--#{$pagination}__page-menu--md--Display);
57
60
  --#{$pagination}__nav--Display: inline-flex;
58
61
  --#{$pagination}__total-items--Display: none;
59
62
  }
@@ -104,7 +107,7 @@ $pf-v6-c-pagination--variable-map: build-spacer-map("none", "sm", "md", "lg", "x
104
107
 
105
108
  .#{$pagination}__page-menu {
106
109
  position: absolute;
107
- display: block;
110
+ display: var(--#{$pagination}--m-bottom__page-menu--Display);
108
111
  }
109
112
 
110
113
  .#{$pagination}__nav {
package/components/_index.css CHANGED
@@ -12255,14 +12255,17 @@ ul.pf-v6-c-list {
12255
12255
  --pf-v6-c-pagination--m-bottom--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
12256
12256
  --pf-v6-c-pagination--m-bottom--PaddingInlineStart: var(--pf-t--global--spacer--lg);
12257
12257
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
12258
+ --pf-v6-c-pagination__page-menu--Display--base: block;
12258
12259
  --pf-v6-c-pagination__page-menu--Display: none;
12259
12260
  --pf-v6-c-pagination--m-display-summary__page-menu--Display: none;
12260
- --pf-v6-c-pagination--m-display-full__page-menu--Display: inline-flex;
12261
+ --pf-v6-c-pagination--m-display-full__page-menu--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
12262
+ --pf-v6-c-pagination--m-bottom__page-menu--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
12263
+ --pf-v6-c-pagination__page-menu--md--Display: var(--pf-v6-c-pagination__page-menu--Display--base);
12261
12264
  }
12262
12265
  @media screen and (min-width: 768px) {
12263
12266
  :where(:root, .pf-v6-c-pagination) {
12264
12267
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
12265
- --pf-v6-c-pagination__page-menu--Display: inline-flex;
12268
+ --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
12266
12269
  --pf-v6-c-pagination__nav--Display: inline-flex;
12267
12270
  --pf-v6-c-pagination__total-items--Display: none;
12268
12271
  }
@@ -12309,7 +12312,7 @@ ul.pf-v6-c-list {
12309
12312
  }
12310
12313
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__page-menu {
12311
12314
  position: absolute;
12312
- display: block;
12315
+ display: var(--pf-v6-c-pagination--m-bottom__page-menu--Display);
12313
12316
  }
12314
12317
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav {
12315
12318
  display: flex;