@patternfly/react-styles 6.0.0-alpha.27 → 6.0.0-alpha.28
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +6 -0
- package/css/assets/images/img_avatar-dark.svg +22 -16
- package/css/assets/images/img_avatar-light.svg +25 -18
- package/css/components/Alert/alert-group.css +55 -4
- package/css/components/Alert/alert-group.d.ts +5 -1
- package/css/components/Alert/alert-group.js +5 -1
- package/css/components/Alert/alert-group.mjs +5 -1
- package/css/components/Alert/alert.css +5 -14
- package/css/components/Button/button.css +11 -7
- package/css/components/Card/card.css +7 -7
- package/css/components/Card/card.d.ts +1 -0
- package/css/components/Card/card.js +1 -0
- package/css/components/Card/card.mjs +1 -0
- package/css/components/ClipboardCopy/clipboard-copy.css +2 -2
- package/css/components/Content/content.css +19 -43
- package/css/components/DataList/data-list.css +2 -2
- package/css/components/Drawer/drawer.css +6 -6
- package/css/components/EmptyState/empty-state.css +3 -3
- package/css/components/Hint/hint.css +1 -7
- package/css/components/InlineEdit/inline-edit.css +2 -2
- package/css/components/JumpLinks/jump-links.css +0 -7
- package/css/components/JumpLinks/jump-links.d.ts +0 -1
- package/css/components/JumpLinks/jump-links.js +0 -1
- package/css/components/JumpLinks/jump-links.mjs +0 -1
- package/css/components/Label/label.css +6 -6
- package/css/components/List/list.css +33 -40
- package/css/components/MenuToggle/menu-toggle.css +6 -34
- package/css/components/MenuToggle/menu-toggle.d.ts +0 -1
- package/css/components/MenuToggle/menu-toggle.js +0 -1
- package/css/components/MenuToggle/menu-toggle.mjs +0 -1
- package/css/components/ModalBox/modal-box.css +2 -0
- package/css/components/NotificationDrawer/notification-drawer.css +1 -7
- package/css/components/NumberInput/number-input.css +0 -1
- package/css/components/Page/page.css +7 -1
- package/css/components/Page/page.d.ts +1 -0
- package/css/components/Page/page.js +1 -0
- package/css/components/Page/page.mjs +1 -0
- package/css/components/Popover/popover.css +3 -5
- package/css/components/Switch/switch.css +0 -6
- package/css/components/Switch/switch.d.ts +1 -3
- package/css/components/Switch/switch.js +1 -3
- package/css/components/Switch/switch.mjs +1 -3
- package/css/components/Table/table-grid.css +26 -100
- package/css/components/Table/table-grid.d.ts +2 -1
- package/css/components/Table/table-grid.js +2 -1
- package/css/components/Table/table-grid.mjs +2 -1
- package/css/components/Tabs/tabs.css +1 -18
- package/css/components/Tabs/tabs.d.ts +1 -2
- package/css/components/Tabs/tabs.js +1 -2
- package/css/components/Tabs/tabs.mjs +1 -2
- package/css/components/Toolbar/toolbar.css +66 -792
- package/css/components/Toolbar/toolbar.d.ts +2 -110
- package/css/components/Toolbar/toolbar.js +2 -110
- package/css/components/Toolbar/toolbar.mjs +2 -110
- package/css/components/Truncate/truncate.css +1 -1
- package/css/components/Wizard/wizard.css +24 -9
- package/css/components/Wizard/wizard.d.ts +1 -0
- package/css/components/Wizard/wizard.js +1 -0
- package/css/components/Wizard/wizard.mjs +1 -0
- package/css/components/_index.css +286 -1298
- package/css/components/_index.d.ts +7 -130
- package/css/components/_index.js +7 -130
- package/css/components/_index.mjs +7 -130
- package/css/docs/demos/Page/examples/Page.css +11 -0
- package/css/docs/demos/Page/examples/Page.d.ts +9 -0
- package/css/docs/demos/Page/examples/Page.js +10 -0
- package/css/docs/demos/Page/examples/Page.mjs +8 -0
- package/package.json +3 -3
- package/css/components/LogViewer/log-viewer.css +0 -176
- package/css/components/LogViewer/log-viewer.d.ts +0 -25
- package/css/components/LogViewer/log-viewer.js +0 -26
- package/css/components/LogViewer/log-viewer.mjs +0 -24
- package/css/docs/components/AppLauncher/deprecated/application-launcher.css +0 -25
- package/css/docs/components/AppLauncher/deprecated/application-launcher.d.ts +0 -3
- package/css/docs/components/AppLauncher/deprecated/application-launcher.js +0 -4
- package/css/docs/components/AppLauncher/deprecated/application-launcher.mjs +0 -2
- package/css/docs/components/ContextSelector/deprecated/context-selector.css +0 -7
- package/css/docs/components/ContextSelector/deprecated/context-selector.d.ts +0 -3
- package/css/docs/components/ContextSelector/deprecated/context-selector.js +0 -4
- package/css/docs/components/ContextSelector/deprecated/context-selector.mjs +0 -2
- package/css/docs/components/Dropdown/deprecated/Dropdown.css +0 -64
- package/css/docs/components/Dropdown/deprecated/Dropdown.d.ts +0 -6
- package/css/docs/components/Dropdown/deprecated/Dropdown.js +0 -7
- package/css/docs/components/Dropdown/deprecated/Dropdown.mjs +0 -5
- package/css/docs/components/LogViewer/examples/LogViewer.css +0 -24
- package/css/docs/components/LogViewer/examples/LogViewer.d.ts +0 -8
- package/css/docs/components/LogViewer/examples/LogViewer.js +0 -9
- package/css/docs/components/LogViewer/examples/LogViewer.mjs +0 -7
- package/css/docs/components/OptionsMenu/deprecated/options-menu.css +0 -25
- package/css/docs/components/OptionsMenu/deprecated/options-menu.d.ts +0 -3
- package/css/docs/components/OptionsMenu/deprecated/options-menu.js +0 -4
- package/css/docs/components/OptionsMenu/deprecated/options-menu.mjs +0 -2
- package/css/docs/components/Select/deprecated/Select.css +0 -56
- package/css/docs/components/Select/deprecated/Select.d.ts +0 -3
- package/css/docs/components/Select/deprecated/Select.js +0 -4
- 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
|
98
|
-
|
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
|
101
|
-
|
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
|
412
|
-
|
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
|
425
|
-
|
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
|
729
|
-
|
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
|
732
|
-
|
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
|
1046
|
-
|
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
|
1062
|
-
|
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
|
1363
|
-
|
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
|
1373
|
-
|
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
|
-
"
|
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
|
-
"
|
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
|
-
"
|
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
|
-
|
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
|
};
|