@patternfly/react-styles 6.6.1 → 6.7.0-prerelease.1

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 (71) hide show
  1. package/CHANGELOG.md +45 -1
  2. package/css/components/Backdrop/backdrop.css +34 -0
  3. package/css/components/Backdrop/backdrop.d.ts +5 -1
  4. package/css/components/Backdrop/backdrop.js +5 -1
  5. package/css/components/Backdrop/backdrop.mjs +5 -1
  6. package/css/components/Button/button.css +20 -8
  7. package/css/components/Button/button.d.ts +1 -1
  8. package/css/components/Button/button.js +1 -1
  9. package/css/components/Button/button.mjs +1 -1
  10. package/css/components/Check/check.css +14 -0
  11. package/css/components/Compass/compass.css +20 -25
  12. package/css/components/Compass/compass.d.ts +1 -1
  13. package/css/components/Compass/compass.js +1 -1
  14. package/css/components/Compass/compass.mjs +1 -1
  15. package/css/components/DataList/data-list.css +11 -9
  16. package/css/components/DataList/data-list.d.ts +1 -0
  17. package/css/components/DataList/data-list.js +1 -0
  18. package/css/components/DataList/data-list.mjs +1 -0
  19. package/css/components/Drawer/drawer.css +10 -0
  20. package/css/components/Drawer/drawer.d.ts +1 -0
  21. package/css/components/Drawer/drawer.js +1 -0
  22. package/css/components/Drawer/drawer.mjs +1 -0
  23. package/css/components/FormControl/form-control.css +12 -2
  24. package/css/components/Label/label.css +9 -3
  25. package/css/components/Masthead/masthead.css +3 -3
  26. package/css/components/Masthead/masthead.d.ts +1 -1
  27. package/css/components/Masthead/masthead.js +1 -1
  28. package/css/components/Masthead/masthead.mjs +1 -1
  29. package/css/components/MenuToggle/menu-toggle.css +3 -4
  30. package/css/components/MenuToggle/menu-toggle.d.ts +0 -1
  31. package/css/components/MenuToggle/menu-toggle.js +0 -1
  32. package/css/components/MenuToggle/menu-toggle.mjs +0 -1
  33. package/css/components/ModalBox/modal-box.css +42 -0
  34. package/css/components/ModalBox/modal-box.d.ts +2 -0
  35. package/css/components/ModalBox/modal-box.js +2 -0
  36. package/css/components/ModalBox/modal-box.mjs +2 -0
  37. package/css/components/Nav/nav.css +26 -6
  38. package/css/components/Nav/nav.d.ts +3 -2
  39. package/css/components/Nav/nav.js +3 -2
  40. package/css/components/Nav/nav.mjs +3 -2
  41. package/css/components/Page/page.css +66 -18
  42. package/css/components/Page/page.d.ts +4 -2
  43. package/css/components/Page/page.js +4 -2
  44. package/css/components/Page/page.mjs +4 -2
  45. package/css/components/Radio/radio.css +14 -0
  46. package/css/components/Table/table-grid.css +26 -14
  47. package/css/components/Table/table.css +67 -17
  48. package/css/components/Table/table.d.ts +2 -0
  49. package/css/components/Table/table.js +2 -0
  50. package/css/components/Table/table.mjs +2 -0
  51. package/css/components/Tabs/tabs.css +19 -5
  52. package/css/components/Wizard/wizard.css +1 -1
  53. package/css/components/_index.css +397 -115
  54. package/css/components/_index.d.ts +10 -2
  55. package/css/components/_index.js +10 -2
  56. package/css/components/_index.mjs +10 -2
  57. package/css/docs/components/Nav/examples/Navigation.css +11 -1
  58. package/css/docs/components/Nav/examples/Navigation.d.ts +4 -1
  59. package/css/docs/components/Nav/examples/Navigation.js +4 -1
  60. package/css/docs/components/Nav/examples/Navigation.mjs +4 -1
  61. package/css/docs/components/Table/examples/Table.css +2 -6
  62. package/dist/esm/index.d.ts +1 -1
  63. package/dist/esm/index.d.ts.map +1 -1
  64. package/dist/esm/index.js +2 -2
  65. package/dist/esm/index.js.map +1 -1
  66. package/dist/js/index.d.ts +1 -1
  67. package/dist/js/index.d.ts.map +1 -1
  68. package/dist/js/index.js +2 -2
  69. package/dist/js/index.js.map +1 -1
  70. package/package.json +3 -3
  71. package/src/index.ts +3 -3
package/css/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--m-grid__favorite--MarginBlockStart: 0.5rem;
51
+ --pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
52
+ --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0;
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, .pf-v6-c-table__favorite) + :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, .pf-v6-c-table__favorite) + :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, .pf-v6-c-table__favorite) + :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, .pf-v6-c-table__favorite) + :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, .pf-v6-c-table__favorite) + :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/css/components/Table/table.css CHANGED
@@ -104,7 +104,7 @@
104
104
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
105
105
  --pf-v6-c-table__expandable-row-content--BorderColor: var(--pf-t--global--border--color--high-contrast);
106
106
  --pf-v6-c-table__expandable-row-content--BorderWidth: 0;
107
- --pf-v6-c-table__control-row--BackgroundColor: var(--pf-t--global--background--color--primary--default);
107
+ --pf-v6-c-table__control-row--BackgroundColor: var(--pf-v6-c-table--BackgroundColor);
108
108
  --pf-v6-c-table__control-row--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
109
109
  --pf-v6-c-table__control-row__tbody--BorderBlockEndColor: var(--pf-t--global--border--color--default);
110
110
  --pf-v6-c-table__icon-inline--MarginInlineEnd: var(--pf-t--global--spacer--sm);
@@ -122,14 +122,14 @@
122
122
  --pf-v6-c-table__compound-expansion-toggle__button--Color: var(--pf-t--global--icon--color--brand--default);
123
123
  --pf-v6-c-table__compound-expansion-toggle__button--BackgroundColor: transparent;
124
124
  --pf-v6-c-table__compound-expansion-toggle__button--hover--Color: var(--pf-t--global--icon--color--brand--hover);
125
- --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
126
- --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
125
+ --pf-v6-c-table__compound-expansion-toggle__button--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
126
+ --pf-v6-c-table__compound-expansion-toggle__button--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
127
127
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderColor: var(--pf-t--global--border--color--clicked);
128
128
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderRadius: inherit;
129
129
  --pf-v6-c-table__compound-expansion-toggle__button--after--BorderBlockStartWidth: 0;
130
130
  --pf-v6-c-table__compound-expansion-toggle__button--hover--after--BorderBlockStartWidth: 0;
131
131
  --pf-v6-c-table__compound-expansion-toggle--m-expanded__button--after--BorderBlockStartWidth: var(--pf-t--global--border--width--strong);
132
- --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
132
+ --pf-v6-c-table--compound-expansion--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
133
133
  --pf-v6-c-table--compound-expansion--m-expanded--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
134
134
  --pf-v6-c-table--m-compact__th--PaddingBlockStart: calc(var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--xs));
135
135
  --pf-v6-c-table--m-compact__th--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -141,17 +141,19 @@
141
141
  --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
142
142
  --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
143
143
  --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
144
+ --pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
145
+ --pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
144
146
  --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
145
147
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
146
148
  --pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
147
- --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
148
- --pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
149
+ --pf-v6-c-table__tr--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
150
+ --pf-v6-c-table__tr--m-selected--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
149
151
  --pf-v6-c-table__tr--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
150
152
  --pf-v6-c-table__tbody--m-clickable--BackgroundColor: transparent;
151
153
  --pf-v6-c-table__tbody--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
152
- --pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
153
- --pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
154
- --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
154
+ --pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
155
+ --pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
156
+ --pf-v6-c-table__tbody--m-selected--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
155
157
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
156
158
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
157
159
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
@@ -175,13 +177,25 @@
175
177
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
176
178
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
177
179
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
180
+ --pf-v6-c-table--m-sticky-footer--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
181
+ --pf-v6-c-table--m-sticky-footer--cell--ZIndex: var(--pf-t--global--z-index--xs);
182
+ --pf-v6-c-table--m-sticky-footer--BoxShadow: 0;
183
+ --pf-v6-c-table--m-sticky-footer--BorderRadius: 0;
184
+ --pf-v6-c-table--m-sticky-footer--BorderBlockStartWidth: var(--pf-v6-c-table--border-width--base);
185
+ --pf-v6-c-table--m-sticky-footer--BorderBlockStartColor: var(--pf-v6-c-table--BorderColor);
186
+ --pf-v6-c-table--m-sticky-footer--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
187
+ --pf-v6-c-table--m-sticky-footer--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--short);
188
+ --pf-v6-c-table--m-sticky-footer--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
189
+ --pf-v6-c-table--m-sticky-footer--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
178
190
  --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
179
- --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
180
191
  }
181
192
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
182
193
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
183
194
  --pf-v6-c-table--m-sticky-header--BoxShadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow--glass);
184
195
  --pf-v6-c-table--m-sticky-header--BorderRadius: var(--pf-v6-c-table--m-sticky-header--BorderRadius--glass);
196
+ --pf-v6-c-table--m-sticky-footer--BorderBlockStartWidth: 0;
197
+ --pf-v6-c-table--m-sticky-footer--BoxShadow: var(--pf-v6-c-table--m-sticky-footer--BoxShadow--glass);
198
+ --pf-v6-c-table--m-sticky-footer--BorderRadius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius--glass);
185
199
  }
186
200
 
187
201
  .pf-v6-c-table {
@@ -255,22 +269,56 @@
255
269
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
256
270
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
257
271
  }
258
- .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
272
+ .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after {
273
+ opacity: 0;
274
+ transition-timing-function: var(--pf-v6-c-table--m-sticky-footer--TransitionTimingFunction--BackgroundColor);
275
+ transition-duration: var(--pf-v6-c-table--m-sticky-footer--TransitionDuration--BackgroundColor);
276
+ transition-property: opacity;
277
+ }
278
+ .pf-v6-c-table.pf-m-sticky-footer-stuck > .pf-v6-c-table__tfoot::after, .pf-v6-c-table.pf-m-sticky-footer-stuck > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after {
279
+ opacity: 1;
280
+ }
281
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type, .pf-v6-c-table.pf-m-sticky-footer-stuck > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
282
+ border-block-end-color: transparent;
283
+ }
284
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot {
259
285
  position: sticky;
260
286
  inset-block-end: 0;
261
287
  z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
262
- background: var(--pf-v6-c-table--BackgroundColor);
288
+ background: transparent;
263
289
  }
264
- .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
290
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot::after {
265
291
  position: absolute;
266
292
  inset: 0;
267
- z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
293
+ z-index: -1;
268
294
  pointer-events: none;
269
295
  content: "";
270
- border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
296
+ border-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
297
+ box-shadow: var(--pf-v6-c-table--m-sticky-footer--BoxShadow);
271
298
  }
272
- .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
273
- border-block-end: 0;
299
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr > :is(th, td), .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr > :is(th, td) {
300
+ z-index: var(--pf-v6-c-table--m-sticky-footer--cell--ZIndex);
301
+ }
302
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot :is(.pf-v6-c-table__th, .pf-v6-c-table__td)::after {
303
+ position: absolute;
304
+ inset: 0;
305
+ z-index: -1;
306
+ pointer-events: none;
307
+ content: "";
308
+ background: var(--pf-v6-c-table--m-sticky-footer--BackgroundColor);
309
+ border-block-start: var(--pf-v6-c-table--m-sticky-footer--BorderBlockStartWidth) solid var(--pf-v6-c-table--m-sticky-footer--BorderBlockStartColor);
310
+ }
311
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after {
312
+ border-start-start-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
313
+ }
314
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):first-child::after {
315
+ border-end-start-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
316
+ }
317
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:first-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after {
318
+ border-start-end-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
319
+ }
320
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after, .pf-v6-c-table.pf-m-sticky-footer-base > .pf-v6-c-table__tfoot > .pf-v6-c-table__tr:last-child > :is(.pf-v6-c-table__th, .pf-v6-c-table__td):last-child::after {
321
+ border-end-end-radius: var(--pf-v6-c-table--m-sticky-footer--BorderRadius);
274
322
  }
275
323
  .pf-v6-c-table.pf-m-plain {
276
324
  --pf-v6-c-table--BackgroundColor: transparent;
@@ -924,6 +972,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
924
972
  .pf-v6-c-table.pf-m-compact {
925
973
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
926
974
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
975
+ --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockStart);
976
+ --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockEnd);
927
977
  }
928
978
  .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
929
979
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
package/css/components/Table/table.d.ts CHANGED
@@ -11,6 +11,8 @@ declare const _default: {
11
11
  "stickyHeaderStuck": "pf-m-sticky-header-stuck",
12
12
  "stickyHeader": "pf-m-sticky-header",
13
13
  "nestedColumnHeader": "pf-m-nested-column-header",
14
+ "stickyFooterBase": "pf-m-sticky-footer-base",
15
+ "stickyFooterStuck": "pf-m-sticky-footer-stuck",
14
16
  "stickyFooter": "pf-m-sticky-footer",
15
17
  "striped": "pf-m-striped",
16
18
  "expandable": "pf-m-expandable",
package/css/components/Table/table.js CHANGED
@@ -13,6 +13,8 @@ exports.default = {
13
13
  "stickyHeaderStuck": "pf-m-sticky-header-stuck",
14
14
  "stickyHeader": "pf-m-sticky-header",
15
15
  "nestedColumnHeader": "pf-m-nested-column-header",
16
+ "stickyFooterBase": "pf-m-sticky-footer-base",
17
+ "stickyFooterStuck": "pf-m-sticky-footer-stuck",
16
18
  "stickyFooter": "pf-m-sticky-footer",
17
19
  "striped": "pf-m-striped",
18
20
  "expandable": "pf-m-expandable",
package/css/components/Table/table.mjs CHANGED
@@ -11,6 +11,8 @@ export default {
11
11
  "stickyHeaderStuck": "pf-m-sticky-header-stuck",
12
12
  "stickyHeader": "pf-m-sticky-header",
13
13
  "nestedColumnHeader": "pf-m-nested-column-header",
14
+ "stickyFooterBase": "pf-m-sticky-footer-base",
15
+ "stickyFooterStuck": "pf-m-sticky-footer-stuck",
14
16
  "stickyFooter": "pf-m-sticky-footer",
15
17
  "striped": "pf-m-striped",
16
18
  "expandable": "pf-m-expandable",
package/css/components/Tabs/tabs.css CHANGED
@@ -50,10 +50,10 @@
50
50
  --pf-v6-c-tabs__link--BorderColor: transparent;
51
51
  --pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
52
52
  --pf-v6-c-tabs__link--disabled--BorderColor: transparent;
53
- --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--xs);
54
- --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
55
- --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
56
- --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
53
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
54
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
55
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
56
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
57
57
  --pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
58
58
  --pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
59
59
  --pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
@@ -72,9 +72,15 @@
72
72
  --pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
73
73
  --pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
74
74
  --pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
75
- --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
76
75
  --pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
77
76
  --pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
77
+ --pf-v6-c-tabs--m-subtab__link--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) - var(--pf-t--global--spacer--control--vertical--compact) + (var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body) - 1lh) / 2);
78
+ --pf-v6-c-tabs--m-subtab__link--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) - var(--pf-t--global--spacer--control--vertical--compact) + (var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body) - 1lh) / 2);
79
+ --pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--body--sm);
80
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
81
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
82
+ --pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
83
+ --pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
78
84
  --pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
79
85
  --pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
80
86
  --pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
@@ -441,9 +447,17 @@
441
447
  }
442
448
  .pf-v6-c-tabs.pf-m-subtab {
443
449
  --pf-v6-c-tabs__link--FontSize: var(--pf-v6-c-tabs--m-subtab__link--FontSize);
450
+ --pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart);
451
+ --pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd);
452
+ --pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart);
453
+ --pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd);
444
454
  --pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize);
445
455
  --pf-v6-c-tabs__add--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__add--c-button--FontSize);
446
456
  }
457
+ .pf-v6-c-tabs.pf-m-subtab .pf-v6-c-tabs__link {
458
+ margin-block-start: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockStart);
459
+ margin-block-end: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockEnd);
460
+ }
447
461
  .pf-v6-c-tabs.pf-m-page-insets {
448
462
  --pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-page-insets--inset);
449
463
  }
package/css/components/Wizard/wizard.css CHANGED
@@ -133,7 +133,7 @@
133
133
  --pf-v6-c-wizard__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
134
134
  --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
135
135
  --pf-v6-c-wizard--m-plain__footer--BackgroundColor: transparent;
136
- --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
136
+ --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--sm);
137
137
  --pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
138
138
  --pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
139
139
  --pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);