@patternfly/patternfly 6.6.0-prerelease.32 → 6.6.0-prerelease.34

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 (15) hide show
  1. package/components/Table/table-grid.css +6 -6
  2. package/components/Table/table-grid.scss +2 -2
  3. package/components/Table/table.css +4 -0
  4. package/components/Table/table.scss +6 -0
  5. package/components/_index.css +10 -6
  6. package/docs/components/Table/examples/Table.md +416 -416
  7. package/docs/demos/Card/examples/Card.md +16 -16
  8. package/docs/demos/DataList/examples/DataList.md +31 -31
  9. package/docs/demos/DescriptionList/examples/DescriptionList.md +8 -8
  10. package/docs/demos/Table/examples/Table.md +189 -173
  11. package/package.json +1 -1
  12. package/patternfly-no-globals.css +10 -6
  13. package/patternfly.css +10 -6
  14. package/patternfly.min.css +1 -1
  15. 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.32",
4
+ "version": "6.6.0-prerelease.34",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -27203,7 +27203,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27203
27203
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27204
27204
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
27205
27205
  --pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
27206
- --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
27206
+ --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0;
27207
27207
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
27208
27208
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
27209
27209
  --pf-v6-c-table__action--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + var(--pf-t--global--spacer--control--vertical--plain) * -1);
@@ -27288,7 +27288,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27288
27288
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27289
27289
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27290
27290
  }
27291
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
27291
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
27292
27292
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27293
27293
  }
27294
27294
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
@@ -27599,7 +27599,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27599
27599
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27600
27600
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27601
27601
  }
27602
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
27602
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
27603
27603
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27604
27604
  }
27605
27605
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
@@ -27911,7 +27911,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27911
27911
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27912
27912
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27913
27913
  }
27914
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
27914
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
27915
27915
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27916
27916
  }
27917
27917
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
@@ -28223,7 +28223,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28223
28223
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
28224
28224
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
28225
28225
  }
28226
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
28226
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
28227
28227
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
28228
28228
  }
28229
28229
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
@@ -28535,7 +28535,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28535
28535
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
28536
28536
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
28537
28537
  }
28538
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
28538
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
28539
28539
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
28540
28540
  }
28541
28541
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
@@ -28916,6 +28916,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28916
28916
  --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
28917
28917
  --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
28918
28918
  --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
28919
+ --pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
28920
+ --pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
28919
28921
  --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
28920
28922
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
28921
28923
  --pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
@@ -29699,6 +29701,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29699
29701
  .pf-v6-c-table.pf-m-compact {
29700
29702
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
29701
29703
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
29704
+ --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockStart);
29705
+ --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockEnd);
29702
29706
  }
29703
29707
  .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
29704
29708
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
package/patternfly.css CHANGED
@@ -27358,7 +27358,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27358
27358
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27359
27359
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
27360
27360
  --pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
27361
- --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
27361
+ --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0;
27362
27362
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
27363
27363
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
27364
27364
  --pf-v6-c-table__action--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + var(--pf-t--global--spacer--control--vertical--plain) * -1);
@@ -27443,7 +27443,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27443
27443
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27444
27444
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27445
27445
  }
27446
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
27446
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
27447
27447
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27448
27448
  }
27449
27449
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
@@ -27754,7 +27754,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27754
27754
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27755
27755
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27756
27756
  }
27757
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
27757
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
27758
27758
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27759
27759
  }
27760
27760
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
@@ -28066,7 +28066,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28066
28066
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
28067
28067
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
28068
28068
  }
28069
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
28069
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
28070
28070
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
28071
28071
  }
28072
28072
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
@@ -28378,7 +28378,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28378
28378
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
28379
28379
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
28380
28380
  }
28381
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
28381
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
28382
28382
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
28383
28383
  }
28384
28384
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
@@ -28690,7 +28690,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28690
28690
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
28691
28691
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
28692
28692
  }
28693
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
28693
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
28694
28694
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
28695
28695
  }
28696
28696
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
@@ -29071,6 +29071,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29071
29071
  --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
29072
29072
  --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
29073
29073
  --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
29074
+ --pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
29075
+ --pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
29074
29076
  --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
29075
29077
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
29076
29078
  --pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
@@ -29854,6 +29856,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29854
29856
  .pf-v6-c-table.pf-m-compact {
29855
29857
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
29856
29858
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
29859
+ --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockStart);
29860
+ --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockEnd);
29857
29861
  }
29858
29862
  .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
29859
29863
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);