@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/components/Table/table-grid.css CHANGED
@@ -35,22 +35,24 @@
35
35
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
36
36
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
37
37
  --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
38
+ --pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
38
39
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
39
40
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
40
41
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
41
42
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
42
- --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
43
- --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
43
+ --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
44
+ --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);
44
45
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
45
46
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
46
47
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
47
48
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
48
49
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
49
50
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
50
- --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
51
+ --pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
51
52
  --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
52
53
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
53
54
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
55
+ --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);
54
56
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
55
57
  --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));
56
58
  --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -132,10 +134,11 @@
132
134
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
133
135
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
134
136
  }
135
- .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 {
137
+ .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) {
136
138
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
137
139
  }
138
140
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
141
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
139
142
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
140
143
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
141
144
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -145,7 +148,7 @@
145
148
  }
146
149
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
147
150
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
148
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
151
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
149
152
  }
150
153
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
151
154
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -335,6 +338,7 @@
335
338
  }
336
339
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
337
340
  text-align: end;
341
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
338
342
  }
339
343
  @media screen and (max-width: 36rem) {
340
344
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
@@ -441,10 +445,11 @@
441
445
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
442
446
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
443
447
  }
444
- .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 {
448
+ .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) {
445
449
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
446
450
  }
447
451
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
452
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
448
453
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
449
454
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
450
455
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -454,7 +459,7 @@
454
459
  }
455
460
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
456
461
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
457
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
462
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
458
463
  }
459
464
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
460
465
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -644,6 +649,7 @@
644
649
  }
645
650
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
646
651
  text-align: end;
652
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
647
653
  }
648
654
  @media screen and (max-width: 36rem) {
649
655
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
@@ -751,10 +757,11 @@
751
757
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
752
758
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
753
759
  }
754
- .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 {
760
+ .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) {
755
761
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
756
762
  }
757
763
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
764
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
758
765
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
759
766
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
760
767
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -764,7 +771,7 @@
764
771
  }
765
772
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
766
773
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
767
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
774
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
768
775
  }
769
776
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
770
777
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -954,6 +961,7 @@
954
961
  }
955
962
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
956
963
  text-align: end;
964
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
957
965
  }
958
966
  @media screen and (max-width: 36rem) {
959
967
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
@@ -1061,10 +1069,11 @@
1061
1069
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
1062
1070
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
1063
1071
  }
1064
- .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 {
1072
+ .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) {
1065
1073
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
1066
1074
  }
1067
1075
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
1076
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
1068
1077
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
1069
1078
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
1070
1079
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -1074,7 +1083,7 @@
1074
1083
  }
1075
1084
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
1076
1085
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
1077
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
1086
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
1078
1087
  }
1079
1088
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
1080
1089
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -1264,6 +1273,7 @@
1264
1273
  }
1265
1274
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
1266
1275
  text-align: end;
1276
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
1267
1277
  }
1268
1278
  @media screen and (max-width: 36rem) {
1269
1279
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -1371,10 +1381,11 @@
1371
1381
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
1372
1382
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
1373
1383
  }
1374
- .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 {
1384
+ .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) {
1375
1385
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
1376
1386
  }
1377
1387
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
1388
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
1378
1389
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
1379
1390
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
1380
1391
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -1384,7 +1395,7 @@
1384
1395
  }
1385
1396
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
1386
1397
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
1387
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
1398
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
1388
1399
  }
1389
1400
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
1390
1401
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -1574,6 +1585,7 @@
1574
1585
  }
1575
1586
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
1576
1587
  text-align: end;
1588
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
1577
1589
  }
1578
1590
  @media screen and (max-width: 36rem) {
1579
1591
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
package/components/Table/table-grid.scss CHANGED
@@ -97,12 +97,13 @@
97
97
  --#{$table}--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
98
98
 
99
99
  // * Table grid compact table
100
+ --#{$table}--m-compact--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
100
101
  --#{$table}--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
101
102
  --#{$table}--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
102
103
  --#{$table}--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
103
104
  --#{$table}--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
104
- --#{$table}--m-compact__check--responsive--MarginBlockStart: #{pf-size-prem(7px)};
105
- --#{$table}--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
105
+ --#{$table}--m-compact__check--responsive--MarginBlockStart: calc(var(--#{$table}--cell--first-child--responsive--PaddingBlockStart) + #{pf-size-prem(4px)}); // cell padding plus an offset for the check/radio to align with text
106
+ --#{$table}--m-compact__action--responsive--MarginBlockStart: calc(var(--#{$table}--cell--first-child--responsive--PaddingBlockStart) + var(--pf-t--global--spacer--control--vertical--compact) * -1);
106
107
  --#{$table}--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
107
108
  --#{$table}--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
108
109
 
@@ -113,7 +114,7 @@
113
114
 
114
115
  // * Table check
115
116
  --#{$table}__check--responsive--MarginInlineStart: var(--#{$table}__tbody--responsive--border-width--base);
116
- --#{$table}__check--responsive--MarginBlockStart: #{pf-size-prem(14px)};
117
+ --#{$table}__check--responsive--MarginBlockStart: calc(var(--#{$table}--cell--first-child--responsive--PaddingBlockStart) + #{pf-size-prem(4px)}); // cell padding plus an offset for the check/radio to align with text
117
118
 
118
119
  // * Table grid favorite
119
120
  --#{$table}--m-grid__favorite--MarginBlockStart: #{pf-size-prem(8px)};
@@ -121,6 +122,7 @@
121
122
 
122
123
  // * Table grid action
123
124
  --#{$table}__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
125
+ --#{$table}__action--responsive--MarginBlockStart: calc(var(--#{$table}--cell--first-child--responsive--PaddingBlockStart) + var(--pf-t--global--spacer--control--vertical--plain) * -1);
124
126
  --#{$table}--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
125
127
  --#{$table}--m-grid__check--favorite--action--MarginInlineStart: calc(var(--#{$table}--m-grid__check--favorite--MarginInlineStart) + var(--#{$table}--m-grid__favorite--action--MarginInlineStart));
126
128
 
@@ -241,7 +243,8 @@
241
243
  padding-inline-start: var(--#{$table}--cell--responsive--PaddingInlineStart);
242
244
 
243
245
  // remove padding from first child to align with kebab
244
- &:first-child {
246
+ &:first-child,
247
+ &:is(.#{$table}__toggle, .#{$table}__check) + :where(th, td) {
245
248
  --#{$table}--cell--responsive--PaddingBlockStart: var(--#{$table}--cell--first-child--responsive--PaddingBlockStart);
246
249
  }
247
250
  }
@@ -249,6 +252,7 @@
249
252
 
250
253
  // - Table grid compact
251
254
  &.pf-m-compact {
255
+ --#{$table}--cell--first-child--responsive--PaddingBlockStart: var(--#{$table}--m-compact--cell--first-child--responsive--PaddingBlockStart);
252
256
  --#{$table}__tr--responsive--PaddingBlockStart: var(--#{$table}--m-compact__tr--responsive--PaddingBlockStart);
253
257
  --#{$table}__tr--responsive--PaddingBlockEnd: var(--#{$table}--m-compact__tr--responsive--PaddingBlockEnd);
254
258
  --#{$table}--cell--responsive--PaddingBlockStart: var(--#{$table}--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -258,7 +262,7 @@
258
262
 
259
263
  .#{$table}__action {
260
264
  margin-block-start: var(--#{$table}--m-compact__action--responsive--MarginBlockStart);
261
- margin-block-end: var(--#{$table}--m-compact__action--responsive--MarginBlockStart);
265
+ margin-block-end: var(--#{$table}--m-compact__action--responsive--MarginBlockEnd);
262
266
  }
263
267
 
264
268
  .#{$table}__toggle .#{$button} {
@@ -529,6 +533,7 @@
529
533
  // - Table grid action
530
534
  .#{$table}__action {
531
535
  text-align: end;
536
+ margin-block-start: var(--#{$table}__action--responsive--MarginBlockStart);
532
537
 
533
538
  // @smallest breakpoint
534
539
  @media screen and (max-width: $pf-v6-global--breakpoint--sm) {
package/components/_index.css CHANGED
@@ -17920,22 +17920,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17920
17920
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
17921
17921
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
17922
17922
  --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
17923
+ --pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
17923
17924
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
17924
17925
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17925
17926
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
17926
17927
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
17927
- --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
17928
- --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
17928
+ --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
17929
+ --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);
17929
17930
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
17930
17931
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
17931
17932
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
17932
17933
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
17933
17934
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17934
17935
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
17935
- --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
17936
+ --pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
17936
17937
  --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
17937
17938
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
17938
17939
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
17940
+ --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);
17939
17941
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
17940
17942
  --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));
17941
17943
  --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -18017,10 +18019,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18017
18019
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18018
18020
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18019
18021
  }
18020
- .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 {
18022
+ .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) {
18021
18023
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18022
18024
  }
18023
18025
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
18026
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18024
18027
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18025
18028
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18026
18029
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18030,7 +18033,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18030
18033
  }
18031
18034
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18032
18035
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18033
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18036
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18034
18037
  }
18035
18038
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18036
18039
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18220,6 +18223,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18220
18223
  }
18221
18224
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
18222
18225
  text-align: end;
18226
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18223
18227
  }
18224
18228
  @media screen and (max-width: 36rem) {
18225
18229
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
@@ -18326,10 +18330,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18326
18330
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18327
18331
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18328
18332
  }
18329
- .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 {
18333
+ .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) {
18330
18334
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18331
18335
  }
18332
18336
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
18337
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18333
18338
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18334
18339
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18335
18340
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18339,7 +18344,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18339
18344
  }
18340
18345
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18341
18346
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18342
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18347
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18343
18348
  }
18344
18349
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18345
18350
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18529,6 +18534,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18529
18534
  }
18530
18535
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
18531
18536
  text-align: end;
18537
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18532
18538
  }
18533
18539
  @media screen and (max-width: 36rem) {
18534
18540
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
@@ -18636,10 +18642,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18636
18642
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18637
18643
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18638
18644
  }
18639
- .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 {
18645
+ .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) {
18640
18646
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18641
18647
  }
18642
18648
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
18649
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18643
18650
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18644
18651
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18645
18652
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18649,7 +18656,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18649
18656
  }
18650
18657
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18651
18658
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18652
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18659
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18653
18660
  }
18654
18661
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18655
18662
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18839,6 +18846,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18839
18846
  }
18840
18847
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
18841
18848
  text-align: end;
18849
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18842
18850
  }
18843
18851
  @media screen and (max-width: 36rem) {
18844
18852
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
@@ -18946,10 +18954,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18946
18954
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18947
18955
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18948
18956
  }
18949
- .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 {
18957
+ .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) {
18950
18958
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18951
18959
  }
18952
18960
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
18961
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
18953
18962
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18954
18963
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18955
18964
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18959,7 +18968,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18959
18968
  }
18960
18969
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18961
18970
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18962
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18971
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
18963
18972
  }
18964
18973
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18965
18974
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -19149,6 +19158,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19149
19158
  }
19150
19159
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
19151
19160
  text-align: end;
19161
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
19152
19162
  }
19153
19163
  @media screen and (max-width: 36rem) {
19154
19164
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -19256,10 +19266,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19256
19266
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
19257
19267
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
19258
19268
  }
19259
- .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 {
19269
+ .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) {
19260
19270
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
19261
19271
  }
19262
19272
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
19273
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
19263
19274
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
19264
19275
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
19265
19276
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -19269,7 +19280,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19269
19280
  }
19270
19281
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
19271
19282
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
19272
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
19283
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
19273
19284
  }
19274
19285
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
19275
19286
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -19459,6 +19470,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19459
19470
  }
19460
19471
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
19461
19472
  text-align: end;
19473
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
19462
19474
  }
19463
19475
  @media screen and (max-width: 36rem) {
19464
19476
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
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.28",
4
+ "version": "6.6.0-prerelease.29",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -71,12 +71,12 @@
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.4",
74
+ "@patternfly/documentation-framework": "6.51.6",
75
75
  "@patternfly/patternfly-a11y": "5.2.1",
76
- "@patternfly/react-code-editor": "6.6.0",
77
- "@patternfly/react-core": "6.6.0",
78
- "@patternfly/react-icons": "6.6.0",
79
- "@patternfly/react-table": "6.6.0",
76
+ "@patternfly/react-code-editor": "6.6.1",
77
+ "@patternfly/react-core": "6.6.1",
78
+ "@patternfly/react-icons": "6.6.1",
79
+ "@patternfly/react-table": "6.6.1",
80
80
  "@rspack/cli": "^1.6.0",
81
81
  "@rspack/core": "^1.6.0",
82
82
  "@rspack/dev-server": "^1.1.4",
package/patternfly-no-globals.css CHANGED
@@ -27176,22 +27176,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27176
27176
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
27177
27177
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
27178
27178
  --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
27179
+ --pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
27179
27180
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
27180
27181
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
27181
27182
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
27182
27183
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
27183
- --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
27184
- --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
27184
+ --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
27185
+ --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);
27185
27186
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
27186
27187
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
27187
27188
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
27188
27189
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
27189
27190
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
27190
27191
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
27191
- --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
27192
+ --pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
27192
27193
  --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
27193
27194
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
27194
27195
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
27196
+ --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);
27195
27197
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
27196
27198
  --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));
27197
27199
  --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -27273,10 +27275,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27273
27275
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27274
27276
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27275
27277
  }
27276
- .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 {
27278
+ .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) {
27277
27279
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27278
27280
  }
27279
27281
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
27282
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
27280
27283
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
27281
27284
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
27282
27285
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -27286,7 +27289,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27286
27289
  }
27287
27290
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
27288
27291
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27289
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27292
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
27290
27293
  }
27291
27294
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
27292
27295
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -27476,6 +27479,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27476
27479
  }
27477
27480
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
27478
27481
  text-align: end;
27482
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
27479
27483
  }
27480
27484
  @media screen and (max-width: 36rem) {
27481
27485
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
@@ -27582,10 +27586,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27582
27586
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27583
27587
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27584
27588
  }
27585
- .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 {
27589
+ .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) {
27586
27590
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27587
27591
  }
27588
27592
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
27593
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
27589
27594
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
27590
27595
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
27591
27596
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -27595,7 +27600,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27595
27600
  }
27596
27601
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
27597
27602
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27598
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27603
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
27599
27604
  }
27600
27605
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
27601
27606
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -27785,6 +27790,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27785
27790
  }
27786
27791
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
27787
27792
  text-align: end;
27793
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
27788
27794
  }
27789
27795
  @media screen and (max-width: 36rem) {
27790
27796
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
@@ -27892,10 +27898,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27892
27898
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
27893
27899
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
27894
27900
  }
27895
- .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 {
27901
+ .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) {
27896
27902
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
27897
27903
  }
27898
27904
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
27905
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
27899
27906
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
27900
27907
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
27901
27908
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -27905,7 +27912,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
27905
27912
  }
27906
27913
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
27907
27914
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27908
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
27915
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
27909
27916
  }
27910
27917
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
27911
27918
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -28095,6 +28102,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28095
28102
  }
28096
28103
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
28097
28104
  text-align: end;
28105
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
28098
28106
  }
28099
28107
  @media screen and (max-width: 36rem) {
28100
28108
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
@@ -28202,10 +28210,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28202
28210
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
28203
28211
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
28204
28212
  }
28205
- .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 {
28213
+ .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) {
28206
28214
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
28207
28215
  }
28208
28216
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
28217
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
28209
28218
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
28210
28219
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
28211
28220
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -28215,7 +28224,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28215
28224
  }
28216
28225
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
28217
28226
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
28218
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
28227
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
28219
28228
  }
28220
28229
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
28221
28230
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -28405,6 +28414,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28405
28414
  }
28406
28415
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
28407
28416
  text-align: end;
28417
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
28408
28418
  }
28409
28419
  @media screen and (max-width: 36rem) {
28410
28420
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -28512,10 +28522,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28512
28522
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
28513
28523
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
28514
28524
  }
28515
- .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 {
28525
+ .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) {
28516
28526
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
28517
28527
  }
28518
28528
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
28529
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
28519
28530
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
28520
28531
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
28521
28532
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -28525,7 +28536,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28525
28536
  }
28526
28537
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
28527
28538
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
28528
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
28539
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
28529
28540
  }
28530
28541
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
28531
28542
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -28715,6 +28726,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28715
28726
  }
28716
28727
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
28717
28728
  text-align: end;
28729
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
28718
28730
  }
28719
28731
  @media screen and (max-width: 36rem) {
28720
28732
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {