@patternfly/patternfly 6.6.0-prerelease.27 → 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 (48) hide show
  1. package/components/Label/label.css +9 -3
  2. package/components/Label/label.scss +9 -3
  3. package/components/Table/table-grid.css +25 -13
  4. package/components/Table/table-grid.scss +10 -5
  5. package/components/_index.css +34 -16
  6. package/docs/components/CodeEditor/examples/CodeEditor.md +131 -47
  7. package/docs/components/DataList/examples/DataList.md +143 -11
  8. package/docs/components/DatePicker/examples/DatePicker.md +26 -2
  9. package/docs/components/DescriptionList/examples/DescriptionList.md +115 -55
  10. package/docs/components/DualListSelector/examples/DualListSelector.md +270 -54
  11. package/docs/components/EmptyState/examples/EmptyState.md +12 -12
  12. package/docs/components/FileUpload/examples/FileUpload.md +26 -2
  13. package/docs/components/Form/examples/Form.md +104 -8
  14. package/docs/components/FormControl/examples/FormControl.md +260 -20
  15. package/docs/components/HelperText/examples/HelperText.md +139 -11
  16. package/docs/components/Icon/examples/Icon.md +403 -31
  17. package/docs/components/InlineEdit/examples/InlineEdit.md +13 -1
  18. package/docs/components/InputGroup/examples/InputGroup.md +19 -7
  19. package/docs/components/Label/examples/Label.md +4029 -765
  20. package/docs/components/List/examples/List.md +78 -6
  21. package/docs/components/Login/examples/Login.md +104 -8
  22. package/docs/components/Menu/examples/Menu.md +221 -17
  23. package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +247 -19
  24. package/docs/components/NumberInput/examples/NumberInput.md +301 -25
  25. package/docs/components/ProgressStepper/examples/ProgressStepper.md +169 -13
  26. package/docs/components/Switch/examples/Switch.md +52 -4
  27. package/docs/components/Table/examples/Table.md +936 -72
  28. package/docs/components/TextInputGroup/examples/TextInputGroup.md +309 -81
  29. package/docs/components/Toolbar/examples/Toolbar.md +117 -9
  30. package/docs/components/TreeView/examples/TreeView.md +186 -18
  31. package/docs/components/Wizard/examples/Wizard.md +325 -25
  32. package/docs/demos/Alert/examples/Alert.md +149 -26
  33. package/docs/demos/Card/examples/Card.md +280 -34
  34. package/docs/demos/Dashboard/examples/Dashboard.md +72 -18
  35. package/docs/demos/DataList/examples/DataList.md +26 -2
  36. package/docs/demos/Form/examples/BasicForms.md +56 -8
  37. package/docs/demos/HelperText/examples/HelperText.md +104 -8
  38. package/docs/demos/Masthead/examples/Masthead.md +52 -4
  39. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +176 -14
  40. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +52 -4
  41. package/docs/demos/Table/examples/Table.md +247 -19
  42. package/docs/demos/Toolbar/examples/Toolbar.md +103 -10
  43. package/docs/demos/Wizard/examples/Wizard.md +117 -9
  44. package/package.json +6 -6
  45. package/patternfly-no-globals.css +34 -16
  46. package/patternfly.css +34 -16
  47. package/patternfly.min.css +1 -1
  48. package/patternfly.min.css.map +1 -1
package/components/Label/label.css CHANGED
@@ -474,7 +474,6 @@
474
474
  position: absolute;
475
475
  inset: 0;
476
476
  z-index: -1;
477
- pointer-events: none;
478
477
  content: "";
479
478
  background-color: var(--pf-v6-c-label--BackgroundColor);
480
479
  border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
@@ -493,8 +492,15 @@ input.pf-v6-c-label__content {
493
492
  .pf-v6-c-label__actions {
494
493
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
495
494
  }
496
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
497
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
495
+ .pf-v6-c-label .pf-v6-c-label__actions .pf-v6-c-button {
496
+ padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
497
+ padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
498
+ padding-inline-end: var(--pf-v6-c-label--PaddingInlineEnd);
499
+ margin-block-start: calc(var(--pf-v6-c-label--PaddingBlockStart) * -1);
500
+ margin-block-end: calc(var(--pf-v6-c-label--PaddingBlockEnd) * -1);
501
+ margin-inline-end: calc(var(--pf-v6-c-label--PaddingInlineEnd) * -1);
502
+ border-start-end-radius: var(--pf-v6-c-label--BorderRadius);
503
+ border-end-end-radius: var(--pf-v6-c-label--BorderRadius);
498
504
  }
499
505
 
500
506
  .pf-v6-c-label__actions .pf-v6-c-button {
package/components/Label/label.scss CHANGED
@@ -567,7 +567,6 @@
567
567
  position: absolute;
568
568
  inset: 0;
569
569
  z-index: -1;
570
- pointer-events: none;
571
570
  content: "";
572
571
  background-color: var(--#{$label}--BackgroundColor);
573
572
  border: var(--#{$label}--BorderWidth) solid var(--#{$label}--BorderColor);
@@ -588,8 +587,15 @@
588
587
  margin-inline-end: var(--#{$label}__actions--MarginInlineEnd);
589
588
 
590
589
  .#{$button} {
591
- @at-root .#{$label}.pf-m-compact & {
592
- --#{$button}--m-plain--m-no-padding--after--Inset: 0 calc(#{pf-size-prem(2px) * -1});
590
+ @at-root .#{$label} & {
591
+ padding-block-start: var(--#{$label}--PaddingBlockStart);
592
+ padding-block-end: var(--#{$label}--PaddingBlockEnd);
593
+ padding-inline-end: var(--#{$label}--PaddingInlineEnd);
594
+ margin-block-start: calc(var(--#{$label}--PaddingBlockStart) * -1);
595
+ margin-block-end: calc(var(--#{$label}--PaddingBlockEnd) * -1);
596
+ margin-inline-end: calc(var(--#{$label}--PaddingInlineEnd) * -1);
597
+ border-start-end-radius: var(--#{$label}--BorderRadius);
598
+ border-end-end-radius: var(--#{$label}--BorderRadius);
593
599
  }
594
600
 
595
601
  --#{$button}--FontSize: var(--#{$label}__actions--c-button--FontSize);
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
@@ -10324,7 +10324,6 @@ label.pf-v6-c-input-group__text {
10324
10324
  position: absolute;
10325
10325
  inset: 0;
10326
10326
  z-index: -1;
10327
- pointer-events: none;
10328
10327
  content: "";
10329
10328
  background-color: var(--pf-v6-c-label--BackgroundColor);
10330
10329
  border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
@@ -10343,8 +10342,15 @@ input.pf-v6-c-label__content {
10343
10342
  .pf-v6-c-label__actions {
10344
10343
  margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
10345
10344
  }
10346
- .pf-v6-c-label.pf-m-compact .pf-v6-c-label__actions .pf-v6-c-button {
10347
- --pf-v6-c-button--m-plain--m-no-padding--after--Inset: 0 calc(-0.125rem);
10345
+ .pf-v6-c-label .pf-v6-c-label__actions .pf-v6-c-button {
10346
+ padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
10347
+ padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
10348
+ padding-inline-end: var(--pf-v6-c-label--PaddingInlineEnd);
10349
+ margin-block-start: calc(var(--pf-v6-c-label--PaddingBlockStart) * -1);
10350
+ margin-block-end: calc(var(--pf-v6-c-label--PaddingBlockEnd) * -1);
10351
+ margin-inline-end: calc(var(--pf-v6-c-label--PaddingInlineEnd) * -1);
10352
+ border-start-end-radius: var(--pf-v6-c-label--BorderRadius);
10353
+ border-end-end-radius: var(--pf-v6-c-label--BorderRadius);
10348
10354
  }
10349
10355
 
10350
10356
  .pf-v6-c-label__actions .pf-v6-c-button {
@@ -17914,22 +17920,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
17914
17920
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
17915
17921
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
17916
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);
17917
17924
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
17918
17925
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
17919
17926
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
17920
17927
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
17921
- --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
17922
- --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);
17923
17930
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
17924
17931
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
17925
17932
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
17926
17933
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
17927
17934
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
17928
17935
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
17929
- --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);
17930
17937
  --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
17931
17938
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
17932
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);
17933
17941
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
17934
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));
17935
17943
  --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -18011,10 +18019,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18011
18019
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18012
18020
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18013
18021
  }
18014
- .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) {
18015
18023
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18016
18024
  }
18017
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);
18018
18027
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18019
18028
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18020
18029
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18024,7 +18033,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18024
18033
  }
18025
18034
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18026
18035
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18027
- 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);
18028
18037
  }
18029
18038
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18030
18039
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18214,6 +18223,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18214
18223
  }
18215
18224
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
18216
18225
  text-align: end;
18226
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18217
18227
  }
18218
18228
  @media screen and (max-width: 36rem) {
18219
18229
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
@@ -18320,10 +18330,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18320
18330
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18321
18331
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18322
18332
  }
18323
- .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) {
18324
18334
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18325
18335
  }
18326
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);
18327
18338
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18328
18339
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18329
18340
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18333,7 +18344,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18333
18344
  }
18334
18345
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18335
18346
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18336
- 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);
18337
18348
  }
18338
18349
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18339
18350
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18523,6 +18534,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18523
18534
  }
18524
18535
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
18525
18536
  text-align: end;
18537
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18526
18538
  }
18527
18539
  @media screen and (max-width: 36rem) {
18528
18540
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
@@ -18630,10 +18642,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18630
18642
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18631
18643
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18632
18644
  }
18633
- .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) {
18634
18646
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18635
18647
  }
18636
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);
18637
18650
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18638
18651
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18639
18652
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18643,7 +18656,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18643
18656
  }
18644
18657
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18645
18658
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18646
- 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);
18647
18660
  }
18648
18661
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18649
18662
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -18833,6 +18846,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18833
18846
  }
18834
18847
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
18835
18848
  text-align: end;
18849
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
18836
18850
  }
18837
18851
  @media screen and (max-width: 36rem) {
18838
18852
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
@@ -18940,10 +18954,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18940
18954
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
18941
18955
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
18942
18956
  }
18943
- .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) {
18944
18958
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
18945
18959
  }
18946
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);
18947
18962
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
18948
18963
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
18949
18964
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -18953,7 +18968,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
18953
18968
  }
18954
18969
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
18955
18970
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
18956
- 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);
18957
18972
  }
18958
18973
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
18959
18974
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -19143,6 +19158,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19143
19158
  }
19144
19159
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
19145
19160
  text-align: end;
19161
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
19146
19162
  }
19147
19163
  @media screen and (max-width: 36rem) {
19148
19164
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -19250,10 +19266,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19250
19266
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
19251
19267
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
19252
19268
  }
19253
- .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) {
19254
19270
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
19255
19271
  }
19256
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);
19257
19274
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
19258
19275
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
19259
19276
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -19263,7 +19280,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19263
19280
  }
19264
19281
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
19265
19282
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
19266
- 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);
19267
19284
  }
19268
19285
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
19269
19286
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -19453,6 +19470,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19453
19470
  }
19454
19471
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
19455
19472
  text-align: end;
19473
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
19456
19474
  }
19457
19475
  @media screen and (max-width: 36rem) {
19458
19476
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {