@patternfly/patternfly 6.3.0-prerelease.34 → 6.3.0-prerelease.36

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 (13) hide show
  1. package/components/DataList/data-list.css +2 -2
  2. package/components/DataList/data-list.scss +2 -2
  3. package/components/Table/table-grid.css +15 -0
  4. package/components/Table/table-grid.scss +4 -0
  5. package/components/Table/table.css +21 -3
  6. package/components/Table/table.scss +28 -3
  7. package/components/_index.css +38 -5
  8. package/docs/components/Table/examples/Table.md +151 -0
  9. package/package.json +2 -2
  10. package/patternfly-no-globals.css +38 -5
  11. package/patternfly.css +38 -5
  12. package/patternfly.min.css +1 -1
  13. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -11759,8 +11759,8 @@ ul) {
11759
11759
  --pf-v6-c-data-list--m-compact__item-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11760
11760
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockStart: calc(var(--pf-t--global--spacer--sm) * -1);
11761
11761
  --pf-v6-c-data-list--m-compact__item-draggable-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
11762
- --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11763
- --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
11762
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
11763
+ --pf-v6-c-data-list--m-compact__item-draggable-button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
11764
11764
  --pf-v6-c-data-list--m-compact__cell--m-icon--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
11765
11765
  }
11766
11766
  @media screen and (min-width: 36rem) {
@@ -23435,6 +23435,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23435
23435
  grid-template-columns: 1fr minmax(0, 1.5fr);
23436
23436
  align-items: start;
23437
23437
  }
23438
+ .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
23439
+ align-items: center;
23440
+ }
23438
23441
  .pf-m-grid.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23439
23442
  grid-column: 2;
23440
23443
  }
@@ -23735,6 +23738,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
23735
23738
  grid-template-columns: 1fr minmax(0, 1.5fr);
23736
23739
  align-items: start;
23737
23740
  }
23741
+ .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
23742
+ align-items: center;
23743
+ }
23738
23744
  .pf-m-grid-md.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
23739
23745
  grid-column: 2;
23740
23746
  }
@@ -24038,6 +24044,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24038
24044
  grid-template-columns: 1fr minmax(0, 1.5fr);
24039
24045
  align-items: start;
24040
24046
  }
24047
+ .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
24048
+ align-items: center;
24049
+ }
24041
24050
  .pf-m-grid-lg.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
24042
24051
  grid-column: 2;
24043
24052
  }
@@ -24341,6 +24350,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24341
24350
  grid-template-columns: 1fr minmax(0, 1.5fr);
24342
24351
  align-items: start;
24343
24352
  }
24353
+ .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
24354
+ align-items: center;
24355
+ }
24344
24356
  .pf-m-grid-xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
24345
24357
  grid-column: 2;
24346
24358
  }
@@ -24644,6 +24656,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24644
24656
  grid-template-columns: 1fr minmax(0, 1.5fr);
24645
24657
  align-items: start;
24646
24658
  }
24659
+ .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label].pf-m-action {
24660
+ align-items: center;
24661
+ }
24647
24662
  .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table__th, .pf-v6-c-table__td)[data-label] > * {
24648
24663
  grid-column: 2;
24649
24664
  }
@@ -24971,6 +24986,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
24971
24986
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24972
24987
  --pf-v6-c-table--m-compact--cell--PaddingBlockStart: var(--pf-t--global--spacer--sm);
24973
24988
  --pf-v6-c-table--m-compact--cell--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24989
+ --pf-v6-c-table__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--sm);
24990
+ --pf-v6-c-table__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
24991
+ --pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
24992
+ --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
24974
24993
  --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
24975
24994
  --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
24976
24995
  --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
@@ -25199,6 +25218,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25199
25218
  .pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr) > :where(th, td) {
25200
25219
  overflow-wrap: break-word;
25201
25220
  }
25221
+ .pf-v6-c-table .pf-v6-c-table__td.pf-m-action {
25222
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table__td--m-action--PaddingBlockStart);
25223
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__td--m-action--PaddingBlockEnd);
25224
+ }
25202
25225
  .pf-v6-c-table .pf-v6-c-table__sort {
25203
25226
  min-width: var(--pf-v6-c-table__sort--MinWidth);
25204
25227
  }
@@ -25271,10 +25294,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25271
25294
  display: revert;
25272
25295
  visibility: hidden;
25273
25296
  opacity: var(--pf-v6-c-table__expandable-row--Opacity);
25274
- transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25297
+ transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
25275
25298
  transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
25276
- transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s;
25277
- transition-property: opacity, translate, visibility;
25299
+ transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
25300
+ transition-property: opacity, translate, visibility, background-color;
25278
25301
  translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
25279
25302
  }
25280
25303
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
@@ -25300,6 +25323,12 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25300
25323
  .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row:not(.pf-m-expanded) > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
25301
25324
  max-height: 0;
25302
25325
  }
25326
+ .pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__control-row.pf-m-no-animate-expand ~ .pf-v6-c-table__expandable-row {
25327
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade: 0s;
25328
+ --pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide: 0s;
25329
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--fade: 0s;
25330
+ --pf-v6-c-table__expandable-row--TransitionDuration--expand--slide: 0s;
25331
+ }
25303
25332
 
25304
25333
  [class*=pf-v6-c-table].pf-m-truncate {
25305
25334
  --pf-v6-c-table--cell--MinWidth: var(--pf-v6-c-table--m-truncate--cell--MinWidth);
@@ -25671,6 +25700,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25671
25700
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__action--PaddingBlockStart);
25672
25701
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__action--PaddingBlockEnd);
25673
25702
  }
25703
+ .pf-v6-c-table.pf-m-compact .pf-v6-c-table__td.pf-m-action {
25704
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockStart);
25705
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd);
25706
+ }
25674
25707
  .pf-v6-c-table.pf-m-compact .pf-v6-c-table__icon {
25675
25708
  width: auto;
25676
25709
  min-width: 0;