@patternfly/patternfly 6.3.0-prerelease.35 → 6.3.0-prerelease.37

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/Button/button.css +2 -2
  2. package/components/Button/button.scss +2 -2
  3. package/components/DataList/data-list.css +2 -2
  4. package/components/DataList/data-list.scss +2 -2
  5. package/components/Table/table-grid.css +15 -0
  6. package/components/Table/table-grid.scss +4 -0
  7. package/components/Table/table.css +12 -0
  8. package/components/Table/table.scss +18 -0
  9. package/components/_index.css +31 -4
  10. package/docs/components/Table/examples/Table.md +150 -0
  11. package/package.json +1 -1
  12. package/patternfly-no-globals.css +31 -4
  13. package/patternfly.css +31 -4
  14. package/patternfly.min.css +1 -1
  15. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -9487,7 +9487,7 @@ button.pf-v6-c-breadcrumb__link {
9487
9487
  cursor: pointer;
9488
9488
  -webkit-user-select: none;
9489
9489
  user-select: none;
9490
- background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 1%) center/15000%;
9490
+ background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 1%) center/15000% 15000%;
9491
9491
  border: 0;
9492
9492
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
9493
9493
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
@@ -9840,7 +9840,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
9840
9840
  --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
9841
9841
  }
9842
9842
  .pf-v6-c-button:active {
9843
- background-size: 100%;
9843
+ background-size: 100% 100%;
9844
9844
  transition-duration: 0s;
9845
9845
  }
9846
9846
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
@@ -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
  }
@@ -25677,6 +25700,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25677
25700
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact__action--PaddingBlockStart);
25678
25701
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__action--PaddingBlockEnd);
25679
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
+ }
25680
25707
  .pf-v6-c-table.pf-m-compact .pf-v6-c-table__icon {
25681
25708
  width: auto;
25682
25709
  min-width: 0;