@patternfly/patternfly 6.6.0-prerelease.28 → 6.6.0-prerelease.29

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 (8) hide show
  1. package/components/Table/table-grid.css +25 -13
  2. package/components/Table/table-grid.scss +10 -5
  3. package/components/_index.css +25 -13
  4. package/package.json +6 -6
  5. package/patternfly-no-globals.css +25 -13
  6. package/patternfly.css +25 -13
  7. package/patternfly.min.css +1 -1
  8. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -27331,22 +27331,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27331
27331
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
27332
27332
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
27333
27333
  --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
27334
+ --pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
27334
27335
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
27335
27336
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
27336
27337
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
27337
27338
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
27338
- --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
27339
- --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
27339
+ --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
27340
+ --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + var(--pf-t--global--spacer--control--vertical--compact) * -1);
27340
27341
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
27341
27342
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
27342
27343
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
27343
27344
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
27344
27345
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27345
27346
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
27346
- --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
27347
+ --pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
27347
27348
  --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
27348
27349
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
27349
27350
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
27351
+ --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);
27350
27352
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
27351
27353
  --pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
27352
27354
  --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -27428,10 +27430,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27428
27430
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27429
27431
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27430
27432
  }
27431
- .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 {
27433
+ .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) {
27432
27434
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27433
27435
  }
27434
27436
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
27437
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
27435
27438
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
27436
27439
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
27437
27440
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -27441,7 +27444,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27441
27444
  }
27442
27445
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
27443
27446
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27444
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27447
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
27445
27448
  }
27446
27449
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
27447
27450
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -27631,6 +27634,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27631
27634
  }
27632
27635
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
27633
27636
  text-align: end;
27637
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
27634
27638
  }
27635
27639
  @media screen and (max-width: 36rem) {
27636
27640
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
@@ -27737,10 +27741,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27737
27741
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27738
27742
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27739
27743
  }
27740
- .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 {
27744
+ .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) {
27741
27745
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27742
27746
  }
27743
27747
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
27748
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
27744
27749
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
27745
27750
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
27746
27751
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -27750,7 +27755,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27750
27755
  }
27751
27756
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
27752
27757
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27753
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27758
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
27754
27759
  }
27755
27760
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
27756
27761
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -27940,6 +27945,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27940
27945
  }
27941
27946
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
27942
27947
  text-align: end;
27948
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
27943
27949
  }
27944
27950
  @media screen and (max-width: 36rem) {
27945
27951
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
@@ -28047,10 +28053,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28047
28053
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
28048
28054
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
28049
28055
  }
28050
- .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 {
28056
+ .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) {
28051
28057
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
28052
28058
  }
28053
28059
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
28060
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
28054
28061
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
28055
28062
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
28056
28063
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -28060,7 +28067,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28060
28067
  }
28061
28068
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
28062
28069
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
28063
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
28070
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
28064
28071
  }
28065
28072
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
28066
28073
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -28250,6 +28257,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28250
28257
  }
28251
28258
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
28252
28259
  text-align: end;
28260
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
28253
28261
  }
28254
28262
  @media screen and (max-width: 36rem) {
28255
28263
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
@@ -28357,10 +28365,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28357
28365
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
28358
28366
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
28359
28367
  }
28360
- .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 {
28368
+ .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) {
28361
28369
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
28362
28370
  }
28363
28371
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
28372
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
28364
28373
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
28365
28374
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
28366
28375
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -28370,7 +28379,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28370
28379
  }
28371
28380
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
28372
28381
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
28373
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
28382
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
28374
28383
  }
28375
28384
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
28376
28385
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -28560,6 +28569,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28560
28569
  }
28561
28570
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
28562
28571
  text-align: end;
28572
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
28563
28573
  }
28564
28574
  @media screen and (max-width: 36rem) {
28565
28575
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -28667,10 +28677,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28667
28677
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
28668
28678
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
28669
28679
  }
28670
- .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 {
28680
+ .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) {
28671
28681
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
28672
28682
  }
28673
28683
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
28684
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
28674
28685
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
28675
28686
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
28676
28687
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -28680,7 +28691,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28680
28691
  }
28681
28692
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
28682
28693
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
28683
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
28694
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
28684
28695
  }
28685
28696
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
28686
28697
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -28870,6 +28881,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28870
28881
  }
28871
28882
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
28872
28883
  text-align: end;
28884
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
28873
28885
  }
28874
28886
  @media screen and (max-width: 36rem) {
28875
28887
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {