@patternfly/patternfly 6.6.0-prerelease.22 → 6.6.0-prerelease.24

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 (12) hide show
  1. package/components/ModalBox/modal-box.css +2 -2
  2. package/components/ModalBox/modal-box.scss +3 -3
  3. package/components/Pagination/pagination.css +12 -7
  4. package/components/Pagination/pagination.scss +15 -12
  5. package/components/_index.css +14 -9
  6. package/docs/components/Pagination/examples/Pagination.md +0 -162
  7. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +2557 -5003
  8. package/package.json +2 -2
  9. package/patternfly-no-globals.css +14 -9
  10. package/patternfly.css +14 -9
  11. package/patternfly.min.css +1 -1
  12. package/patternfly.min.css.map +1 -1
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
- "version": "6.6.0-prerelease.22",
4
+ "version": "6.6.0-prerelease.24",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -71,7 +71,7 @@
71
71
  "@commitlint/config-conventional": "^19.1.0",
72
72
  "@fortawesome/fontawesome": "^1.1.8",
73
73
  "@octokit/rest": "^20.1.0",
74
- "@patternfly/documentation-framework": "6.49.1",
74
+ "@patternfly/documentation-framework": "6.49.2",
75
75
  "@patternfly/patternfly-a11y": "5.2.1",
76
76
  "@patternfly/react-code-editor": "6.6.0",
77
77
  "@patternfly/react-core": "6.6.0",
package/patternfly-no-globals.css CHANGED
@@ -21985,8 +21985,8 @@ ul.pf-v6-c-list {
21985
21985
  --pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
21986
21986
  --pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
21987
21987
  --pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
21988
- --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
21989
- --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
21988
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
21989
+ --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
21990
21990
  }
21991
21991
 
21992
21992
  .pf-v6-c-modal-box {
@@ -24307,7 +24307,8 @@ ul.pf-v6-c-list {
24307
24307
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
24308
24308
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
24309
24309
  --pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
24310
- --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24310
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
24311
+ --pf-v6-c-pagination--m-bottom--BorderRadius: 0;
24311
24312
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
24312
24313
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
24313
24314
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
@@ -24321,6 +24322,8 @@ ul.pf-v6-c-list {
24321
24322
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
24322
24323
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24323
24324
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24325
+ --pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
24326
+ --pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
24324
24327
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
24325
24328
  }
24326
24329
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
@@ -24328,6 +24331,9 @@ ul.pf-v6-c-list {
24328
24331
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
24329
24332
  --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
24330
24333
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
24334
+ --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
24335
+ --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
24336
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
24331
24337
  }
24332
24338
  .pf-v6-c-pagination {
24333
24339
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -24339,6 +24345,7 @@ ul.pf-v6-c-list {
24339
24345
  }
24340
24346
  @media screen and (min-width: 48rem) {
24341
24347
  .pf-v6-c-pagination {
24348
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24342
24349
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
24343
24350
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
24344
24351
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -24364,9 +24371,6 @@ ul.pf-v6-c-list {
24364
24371
  border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
24365
24372
  border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
24366
24373
  }
24367
- :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-pagination.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination:not(.pf-m-no-plain-on-glass) {
24368
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24369
- }
24370
24374
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
24371
24375
  display: var(--pf-v6-c-pagination__page-menu--Display);
24372
24376
  }
@@ -24382,11 +24386,9 @@ ul.pf-v6-c-list {
24382
24386
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
24383
24387
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
24384
24388
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
24389
+ border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
24385
24390
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
24386
24391
  }
24387
- :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination.pf-m-bottom.pf-m-sticky-base:not(.pf-m-sticky-stuck) {
24388
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24389
- }
24390
24392
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
24391
24393
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
24392
24394
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -24405,6 +24407,7 @@ ul.pf-v6-c-list {
24405
24407
  .pf-v6-c-pagination.pf-m-bottom {
24406
24408
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
24407
24409
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
24410
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
24408
24411
  position: relative;
24409
24412
  justify-content: flex-end;
24410
24413
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
@@ -24429,12 +24432,14 @@ ul.pf-v6-c-list {
24429
24432
  }
24430
24433
  }
24431
24434
  .pf-v6-c-pagination.pf-m-static {
24435
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
24432
24436
  position: relative;
24433
24437
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
24434
24438
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
24435
24439
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
24436
24440
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
24437
24441
  border: 0;
24442
+ border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
24438
24443
  box-shadow: none;
24439
24444
  }
24440
24445
  .pf-v6-c-pagination.pf-m-sticky {
package/patternfly.css CHANGED
@@ -22140,8 +22140,8 @@ ul.pf-v6-c-list {
22140
22140
  --pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22141
22141
  --pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
22142
22142
  --pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22143
- --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
22144
- --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
22143
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
22144
+ --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
22145
22145
  }
22146
22146
 
22147
22147
  .pf-v6-c-modal-box {
@@ -24462,7 +24462,8 @@ ul.pf-v6-c-list {
24462
24462
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
24463
24463
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
24464
24464
  --pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
24465
- --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24465
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
24466
+ --pf-v6-c-pagination--m-bottom--BorderRadius: 0;
24466
24467
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
24467
24468
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
24468
24469
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
@@ -24476,6 +24477,8 @@ ul.pf-v6-c-list {
24476
24477
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
24477
24478
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24478
24479
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24480
+ --pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
24481
+ --pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
24479
24482
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
24480
24483
  }
24481
24484
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
@@ -24483,6 +24486,9 @@ ul.pf-v6-c-list {
24483
24486
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
24484
24487
  --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
24485
24488
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
24489
+ --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
24490
+ --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
24491
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
24486
24492
  }
24487
24493
  .pf-v6-c-pagination {
24488
24494
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -24494,6 +24500,7 @@ ul.pf-v6-c-list {
24494
24500
  }
24495
24501
  @media screen and (min-width: 48rem) {
24496
24502
  .pf-v6-c-pagination {
24503
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24497
24504
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
24498
24505
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
24499
24506
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -24519,9 +24526,6 @@ ul.pf-v6-c-list {
24519
24526
  border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
24520
24527
  border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
24521
24528
  }
24522
- :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-pagination.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination:not(.pf-m-no-plain-on-glass) {
24523
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24524
- }
24525
24529
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
24526
24530
  display: var(--pf-v6-c-pagination__page-menu--Display);
24527
24531
  }
@@ -24537,11 +24541,9 @@ ul.pf-v6-c-list {
24537
24541
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
24538
24542
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
24539
24543
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
24544
+ border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
24540
24545
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
24541
24546
  }
24542
- :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination.pf-m-bottom.pf-m-sticky-base:not(.pf-m-sticky-stuck) {
24543
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24544
- }
24545
24547
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
24546
24548
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
24547
24549
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -24560,6 +24562,7 @@ ul.pf-v6-c-list {
24560
24562
  .pf-v6-c-pagination.pf-m-bottom {
24561
24563
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
24562
24564
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
24565
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
24563
24566
  position: relative;
24564
24567
  justify-content: flex-end;
24565
24568
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
@@ -24584,12 +24587,14 @@ ul.pf-v6-c-list {
24584
24587
  }
24585
24588
  }
24586
24589
  .pf-v6-c-pagination.pf-m-static {
24590
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
24587
24591
  position: relative;
24588
24592
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
24589
24593
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
24590
24594
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
24591
24595
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
24592
24596
  border: 0;
24597
+ border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
24593
24598
  box-shadow: none;
24594
24599
  }
24595
24600
  .pf-v6-c-pagination.pf-m-sticky {