@patternfly/react-styles 6.0.0-alpha.26 → 6.0.0-alpha.28

Sign up to get free protection for your applications and to get access to all the features.
Files changed (105) hide show
  1. package/CHANGELOG.md +12 -0
  2. package/css/assets/images/img_avatar-dark.svg +22 -16
  3. package/css/assets/images/img_avatar-light.svg +25 -18
  4. package/css/components/Alert/alert-group.css +55 -4
  5. package/css/components/Alert/alert-group.d.ts +5 -1
  6. package/css/components/Alert/alert-group.js +5 -1
  7. package/css/components/Alert/alert-group.mjs +5 -1
  8. package/css/components/Alert/alert.css +5 -14
  9. package/css/components/Button/button.css +44 -21
  10. package/css/components/Card/card.css +7 -7
  11. package/css/components/Card/card.d.ts +1 -0
  12. package/css/components/Card/card.js +1 -0
  13. package/css/components/Card/card.mjs +1 -0
  14. package/css/components/ClipboardCopy/clipboard-copy.css +11 -19
  15. package/css/components/ClipboardCopy/clipboard-copy.d.ts +2 -1
  16. package/css/components/ClipboardCopy/clipboard-copy.js +2 -1
  17. package/css/components/ClipboardCopy/clipboard-copy.mjs +2 -1
  18. package/css/components/Content/content.css +19 -43
  19. package/css/components/DataList/data-list.css +2 -2
  20. package/css/components/Drawer/drawer.css +6 -6
  21. package/css/components/EmptyState/empty-state.css +3 -3
  22. package/css/components/Hint/hint.css +1 -7
  23. package/css/components/InlineEdit/inline-edit.css +2 -2
  24. package/css/components/JumpLinks/jump-links.css +3 -20
  25. package/css/components/JumpLinks/jump-links.d.ts +0 -2
  26. package/css/components/JumpLinks/jump-links.js +0 -2
  27. package/css/components/JumpLinks/jump-links.mjs +0 -2
  28. package/css/components/Label/label.css +6 -6
  29. package/css/components/List/list.css +33 -40
  30. package/css/components/MenuToggle/menu-toggle.css +6 -34
  31. package/css/components/MenuToggle/menu-toggle.d.ts +0 -1
  32. package/css/components/MenuToggle/menu-toggle.js +0 -1
  33. package/css/components/MenuToggle/menu-toggle.mjs +0 -1
  34. package/css/components/ModalBox/modal-box.css +2 -0
  35. package/css/components/Nav/nav.css +1 -0
  36. package/css/components/NotificationDrawer/notification-drawer.css +1 -7
  37. package/css/components/NumberInput/number-input.css +0 -1
  38. package/css/components/Page/page.css +45 -55
  39. package/css/components/Page/page.d.ts +1 -0
  40. package/css/components/Page/page.js +1 -0
  41. package/css/components/Page/page.mjs +1 -0
  42. package/css/components/Panel/panel.css +17 -14
  43. package/css/components/Popover/popover.css +3 -5
  44. package/css/components/Switch/switch.css +0 -6
  45. package/css/components/Switch/switch.d.ts +1 -3
  46. package/css/components/Switch/switch.js +1 -3
  47. package/css/components/Switch/switch.mjs +1 -3
  48. package/css/components/Table/table-grid.css +26 -100
  49. package/css/components/Table/table-grid.d.ts +2 -1
  50. package/css/components/Table/table-grid.js +2 -1
  51. package/css/components/Table/table-grid.mjs +2 -1
  52. package/css/components/Tabs/tabs.css +1 -18
  53. package/css/components/Tabs/tabs.d.ts +1 -2
  54. package/css/components/Tabs/tabs.js +1 -2
  55. package/css/components/Tabs/tabs.mjs +1 -2
  56. package/css/components/Toolbar/toolbar.css +67 -792
  57. package/css/components/Toolbar/toolbar.d.ts +2 -110
  58. package/css/components/Toolbar/toolbar.js +2 -110
  59. package/css/components/Toolbar/toolbar.mjs +2 -110
  60. package/css/components/Truncate/truncate.css +1 -1
  61. package/css/components/Wizard/wizard.css +24 -9
  62. package/css/components/Wizard/wizard.d.ts +1 -0
  63. package/css/components/Wizard/wizard.js +1 -0
  64. package/css/components/Wizard/wizard.mjs +1 -0
  65. package/css/components/_index.css +388 -1410
  66. package/css/components/_index.d.ts +7 -130
  67. package/css/components/_index.js +7 -130
  68. package/css/components/_index.mjs +7 -130
  69. package/css/docs/components/Page/examples/Page.css +5 -9
  70. package/css/docs/components/Page/examples/Page.d.ts +2 -0
  71. package/css/docs/components/Page/examples/Page.js +2 -0
  72. package/css/docs/components/Page/examples/Page.mjs +2 -0
  73. package/css/docs/demos/Page/examples/Page.css +11 -0
  74. package/css/docs/demos/Page/examples/Page.d.ts +9 -0
  75. package/css/docs/demos/Page/examples/Page.js +10 -0
  76. package/css/docs/demos/Page/examples/Page.mjs +8 -0
  77. package/package.json +3 -3
  78. package/css/components/LogViewer/log-viewer.css +0 -176
  79. package/css/components/LogViewer/log-viewer.d.ts +0 -25
  80. package/css/components/LogViewer/log-viewer.js +0 -26
  81. package/css/components/LogViewer/log-viewer.mjs +0 -24
  82. package/css/docs/components/AppLauncher/deprecated/application-launcher.css +0 -25
  83. package/css/docs/components/AppLauncher/deprecated/application-launcher.d.ts +0 -3
  84. package/css/docs/components/AppLauncher/deprecated/application-launcher.js +0 -4
  85. package/css/docs/components/AppLauncher/deprecated/application-launcher.mjs +0 -2
  86. package/css/docs/components/ContextSelector/deprecated/context-selector.css +0 -7
  87. package/css/docs/components/ContextSelector/deprecated/context-selector.d.ts +0 -3
  88. package/css/docs/components/ContextSelector/deprecated/context-selector.js +0 -4
  89. package/css/docs/components/ContextSelector/deprecated/context-selector.mjs +0 -2
  90. package/css/docs/components/Dropdown/deprecated/Dropdown.css +0 -64
  91. package/css/docs/components/Dropdown/deprecated/Dropdown.d.ts +0 -6
  92. package/css/docs/components/Dropdown/deprecated/Dropdown.js +0 -7
  93. package/css/docs/components/Dropdown/deprecated/Dropdown.mjs +0 -5
  94. package/css/docs/components/LogViewer/examples/LogViewer.css +0 -24
  95. package/css/docs/components/LogViewer/examples/LogViewer.d.ts +0 -8
  96. package/css/docs/components/LogViewer/examples/LogViewer.js +0 -9
  97. package/css/docs/components/LogViewer/examples/LogViewer.mjs +0 -7
  98. package/css/docs/components/OptionsMenu/deprecated/options-menu.css +0 -25
  99. package/css/docs/components/OptionsMenu/deprecated/options-menu.d.ts +0 -3
  100. package/css/docs/components/OptionsMenu/deprecated/options-menu.js +0 -4
  101. package/css/docs/components/OptionsMenu/deprecated/options-menu.mjs +0 -2
  102. package/css/docs/components/Select/deprecated/Select.css +0 -56
  103. package/css/docs/components/Select/deprecated/Select.d.ts +0 -3
  104. package/css/docs/components/Select/deprecated/Select.js +0 -4
  105. package/css/docs/components/Select/deprecated/Select.mjs +0 -2
@@ -4,6 +4,7 @@
4
4
  --pf-v6-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
5
5
  --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
6
6
  --pf-v6-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--clicked);
7
+ --pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
7
8
  --pf-v6-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
8
9
  --pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth: var(--pf-v6-c-table__tbody--responsive--border-width--base);
9
10
  --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
@@ -94,24 +95,12 @@
94
95
  .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
95
96
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
96
97
  }
97
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
98
- border-block-start: 0;
98
+ .pf-m-grid.pf-v6-c-table.pf-m-expandable {
99
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
99
100
  }
100
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
101
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
102
- }
103
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
104
- .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
105
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
106
- }
107
- .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
108
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
109
- }
110
- .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
111
- border-block-end: 0;
112
- }
113
- .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
114
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
101
+ .pf-m-grid.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
102
+ .pf-m-grid.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
103
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
115
104
  }
116
105
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
117
106
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -183,9 +172,6 @@
183
172
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
184
173
  border: 0;
185
174
  }
186
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
187
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
188
- }
189
175
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
190
176
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
191
177
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -408,24 +394,12 @@
408
394
  .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
409
395
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
410
396
  }
411
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
412
- border-block-start: 0;
413
- }
414
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
415
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
416
- }
417
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
418
- .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
419
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
420
- }
421
- .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
422
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
397
+ .pf-m-grid-md.pf-v6-c-table.pf-m-expandable {
398
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
423
399
  }
424
- .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
425
- border-block-end: 0;
426
- }
427
- .pf-m-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
428
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
400
+ .pf-m-grid-md.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
401
+ .pf-m-grid-md.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
402
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
429
403
  }
430
404
  .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
431
405
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -497,9 +471,6 @@
497
471
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
498
472
  border: 0;
499
473
  }
500
- .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
501
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
502
- }
503
474
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
504
475
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
505
476
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -725,24 +696,12 @@
725
696
  .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
726
697
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
727
698
  }
728
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
729
- border-block-start: 0;
699
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable {
700
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
730
701
  }
731
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
732
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
733
- }
734
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
735
- .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
736
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
737
- }
738
- .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
739
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
740
- }
741
- .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
742
- border-block-end: 0;
743
- }
744
- .pf-m-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
745
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
702
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
703
+ .pf-m-grid-lg.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
704
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
746
705
  }
747
706
  .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
748
707
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -814,9 +773,6 @@
814
773
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
815
774
  border: 0;
816
775
  }
817
- .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
818
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
819
- }
820
776
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
821
777
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
822
778
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -1042,24 +998,12 @@
1042
998
  .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
1043
999
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
1044
1000
  }
1045
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
1046
- border-block-start: 0;
1047
- }
1048
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
1049
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
1050
- }
1051
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
1052
- .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
1053
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
1054
- }
1055
- .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
1056
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
1057
- }
1058
- .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
1059
- border-block-end: 0;
1001
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable {
1002
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
1060
1003
  }
1061
- .pf-m-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
1062
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
1004
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
1005
+ .pf-m-grid-xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
1006
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
1063
1007
  }
1064
1008
  .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
1065
1009
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -1131,9 +1075,6 @@
1131
1075
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
1132
1076
  border: 0;
1133
1077
  }
1134
- .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
1135
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
1136
- }
1137
1078
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
1138
1079
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
1139
1080
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -1359,24 +1300,12 @@
1359
1300
  .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
1360
1301
  border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
1361
1302
  }
1362
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table.pf-m-compact > tbody:where(.pf-v6-c-table__tbody) {
1363
- border-block-start: 0;
1364
- }
1365
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
1366
- border-block-end: var(--pf-v6-c-table__tr--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
1367
- }
1368
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):last-child,
1369
- .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):last-of-type:not(:only-of-type) > tr:where(.pf-v6-c-table__tr) {
1370
- border-block-end-width: var(--pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth);
1303
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable {
1304
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
1371
1305
  }
1372
- .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded {
1373
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
1374
- }
1375
- .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
1376
- border-block-end: 0;
1377
- }
1378
- .pf-m-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-expanded:not(:last-of-type) {
1379
- border-block-end: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
1306
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
1307
+ .pf-m-grid-2xl.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
1308
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
1380
1309
  }
1381
1310
  .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
1382
1311
  --pf-v6-c-table__expandable-row--after--BorderInlineStartWidth: 0;
@@ -1448,9 +1377,6 @@
1448
1377
  --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart);
1449
1378
  border: 0;
1450
1379
  }
1451
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) + tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
1452
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: 0;
1453
- }
1454
1380
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__compound-expansion-toggle {
1455
1381
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineEndWidth: 0;
1456
1382
  --pf-v6-c-table__compound-expansion-toggle__button--before--BorderInlineStartWidth: 0;
@@ -3,9 +3,10 @@ declare const _default: {
3
3
  "button": "pf-v6-c-button",
4
4
  "modifiers": {
5
5
  "grid": "pf-m-grid",
6
- "compact": "pf-m-compact",
6
+ "expandable": "pf-m-expandable",
7
7
  "expanded": "pf-m-expanded",
8
8
  "selected": "pf-m-selected",
9
+ "compact": "pf-m-compact",
9
10
  "noPadding": "pf-m-no-padding",
10
11
  "hoverable": "pf-m-hoverable",
11
12
  "nowrap": "pf-m-nowrap",
@@ -5,9 +5,10 @@ exports.default = {
5
5
  "button": "pf-v6-c-button",
6
6
  "modifiers": {
7
7
  "grid": "pf-m-grid",
8
- "compact": "pf-m-compact",
8
+ "expandable": "pf-m-expandable",
9
9
  "expanded": "pf-m-expanded",
10
10
  "selected": "pf-m-selected",
11
+ "compact": "pf-m-compact",
11
12
  "noPadding": "pf-m-no-padding",
12
13
  "hoverable": "pf-m-hoverable",
13
14
  "nowrap": "pf-m-nowrap",
@@ -3,9 +3,10 @@ export default {
3
3
  "button": "pf-v6-c-button",
4
4
  "modifiers": {
5
5
  "grid": "pf-m-grid",
6
- "compact": "pf-m-compact",
6
+ "expandable": "pf-m-expandable",
7
7
  "expanded": "pf-m-expanded",
8
8
  "selected": "pf-m-selected",
9
+ "compact": "pf-m-compact",
9
10
  "noPadding": "pf-m-no-padding",
10
11
  "hoverable": "pf-m-hoverable",
11
12
  "nowrap": "pf-m-nowrap",
@@ -102,13 +102,8 @@
102
102
  --pf-v6-c-tabs__item--ScrollSnapAlign: end;
103
103
  --pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
104
104
  --pf-v6-c-tabs__toggle--Display: flex;
105
- --pf-v6-c-tabs__toggle-icon--Color: currentcolor;
106
105
  --pf-v6-c-tabs__toggle-icon--Transition: all 250ms cubic-bezier(.42, 0, .58, 1);
107
106
  --pf-v6-c-tabs__toggle-icon--Rotate: 0;
108
- --pf-v6-c-tabs__toggle-text--MarginInlineStart: 0;
109
- --pf-v6-c-tabs__toggle-button__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--md);
110
- --pf-v6-c-tabs__toggle-button__toggle-text--Color: var(--pf-t--global--text--color--regular);
111
- --pf-v6-c-tabs--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
112
107
  --pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
113
108
  --pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
114
109
  --pf-v6-c-tabs--m-expandable--PaddingBlockStart: var(--pf-t--global--spacer--sm);
@@ -345,7 +340,6 @@
345
340
  }
346
341
  .pf-v6-c-tabs.pf-m-vertical.pf-m-expanded {
347
342
  --pf-v6-c-tabs__list--Display: flex;
348
- --pf-v6-c-tabs__toggle-icon--Color: var(--pf-v6-c-tabs--m-expanded__toggle-icon--Color);
349
343
  --pf-v6-c-tabs__toggle-icon--Rotate: var(--pf-v6-c-tabs--m-expanded__toggle-icon--Rotate);
350
344
  }
351
345
  .pf-v6-c-tabs.pf-m-box.pf-m-vertical {
@@ -399,19 +393,13 @@
399
393
  align-items: center;
400
394
  }
401
395
 
402
- .pf-v6-c-tabs__toggle-button {
403
- --pf-v6-c-tabs__toggle-text--MarginInlineStart: var(--pf-v6-c-tabs__toggle-button__toggle-text--MarginInlineStart);
404
- --pf-v6-c-tabs__toggle-text--Color: var(--pf-v6-c-tabs__toggle-button__toggle-text--Color);
405
- }
406
396
  .pf-v6-c-tabs__toggle-button .pf-v6-c-button {
407
- display: flex;
408
- text-align: start;
397
+ justify-content: start;
409
398
  white-space: normal;
410
399
  }
411
400
 
412
401
  .pf-v6-c-tabs__toggle-icon {
413
402
  display: inline-block;
414
- color: var(--pf-v6-c-tabs__toggle-icon--Color);
415
403
  transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
416
404
  transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
417
405
  }
@@ -419,11 +407,6 @@
419
407
  scale: -1 1;
420
408
  }
421
409
 
422
- .pf-v6-c-tabs__toggle-text {
423
- margin-inline-start: var(--pf-v6-c-tabs__toggle-text--MarginInlineStart);
424
- color: var(--pf-v6-c-tabs__toggle-text--Color, inherit);
425
- }
426
-
427
410
  .pf-v6-c-tabs__list {
428
411
  scrollbar-width: none;
429
412
  -ms-overflow-style: -ms-autohiding-scrollbar;
@@ -78,7 +78,6 @@ declare const _default: {
78
78
  "tabsScrollButton": "pf-v6-c-tabs__scroll-button",
79
79
  "tabsToggle": "pf-v6-c-tabs__toggle",
80
80
  "tabsToggleButton": "pf-v6-c-tabs__toggle-button",
81
- "tabsToggleIcon": "pf-v6-c-tabs__toggle-icon",
82
- "tabsToggleText": "pf-v6-c-tabs__toggle-text"
81
+ "tabsToggleIcon": "pf-v6-c-tabs__toggle-icon"
83
82
  };
84
83
  export default _default;
@@ -80,6 +80,5 @@ exports.default = {
80
80
  "tabsScrollButton": "pf-v6-c-tabs__scroll-button",
81
81
  "tabsToggle": "pf-v6-c-tabs__toggle",
82
82
  "tabsToggleButton": "pf-v6-c-tabs__toggle-button",
83
- "tabsToggleIcon": "pf-v6-c-tabs__toggle-icon",
84
- "tabsToggleText": "pf-v6-c-tabs__toggle-text"
83
+ "tabsToggleIcon": "pf-v6-c-tabs__toggle-icon"
85
84
  };
@@ -78,6 +78,5 @@ export default {
78
78
  "tabsScrollButton": "pf-v6-c-tabs__scroll-button",
79
79
  "tabsToggle": "pf-v6-c-tabs__toggle",
80
80
  "tabsToggleButton": "pf-v6-c-tabs__toggle-button",
81
- "tabsToggleIcon": "pf-v6-c-tabs__toggle-icon",
82
- "tabsToggleText": "pf-v6-c-tabs__toggle-text"
81
+ "tabsToggleIcon": "pf-v6-c-tabs__toggle-icon"
83
82
  };