@patternfly/patternfly 6.6.0-prerelease.3 → 6.6.0-prerelease.30
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.
- package/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
- package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
- package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
- package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
- package/assets/images/img_avatar-rhds.svg +22 -0
- package/assets/images/pf-logo-avatar.jpg +0 -0
- package/base/patternfly-fonts.css +4 -4
- package/base/patternfly-fonts.scss +4 -4
- package/base/patternfly-variables.css +8 -6
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-charts-highcontrast.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +1 -1
- package/base/tokens/tokens-default.scss +4 -4
- package/base/tokens/tokens-felt-dark.scss +1 -1
- package/base/tokens/tokens-felt-glass-dark.scss +1 -1
- package/base/tokens/tokens-felt-glass.scss +3 -2
- package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-felt-highcontrast.scss +1 -1
- package/base/tokens/tokens-felt.scss +1 -1
- package/base/tokens/tokens-glass-dark.scss +1 -1
- package/base/tokens/tokens-glass.scss +3 -2
- package/base/tokens/tokens-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-highcontrast.scss +4 -4
- package/base/tokens/tokens-palette.scss +1 -1
- package/base/tokens/tokens-redhat-highcontrast.scss +3 -3
- package/components/AboutModalBox/about-modal-box.css +1 -1
- package/components/AboutModalBox/about-modal-box.scss +1 -1
- package/components/Accordion/accordion.css +3 -3
- package/components/Accordion/accordion.scss +3 -3
- package/components/Alert/alert.css +8 -7
- package/components/Alert/alert.scss +8 -7
- package/components/Avatar/avatar.css +144 -0
- package/components/Avatar/avatar.scss +161 -0
- package/components/Banner/banner.css +7 -0
- package/components/Banner/banner.scss +7 -0
- package/components/Breadcrumb/breadcrumb.css +3 -3
- package/components/Breadcrumb/breadcrumb.scss +3 -3
- package/components/Button/button.css +20 -4
- package/components/Button/button.scss +24 -5
- package/components/Card/card.css +4 -4
- package/components/Card/card.scss +4 -4
- package/components/ClipboardCopy/clipboard-copy.css +1 -1
- package/components/ClipboardCopy/clipboard-copy.scss +1 -1
- package/components/DataList/data-list.css +5 -5
- package/components/DataList/data-list.scss +5 -5
- package/components/DragDrop/drag-drop.css +4 -0
- package/components/DragDrop/drag-drop.scss +4 -0
- package/components/DualListSelector/dual-list-selector.css +1 -1
- package/components/DualListSelector/dual-list-selector.scss +1 -1
- package/components/Form/form.scss +1 -0
- package/components/FormControl/form-control.css +12 -2
- package/components/FormControl/form-control.scss +14 -2
- package/components/Hint/hint.css +2 -2
- package/components/Hint/hint.scss +2 -2
- package/components/Label/label.css +9 -3
- package/components/Label/label.scss +9 -3
- package/components/Masthead/masthead.css +1 -1
- package/components/Masthead/masthead.scss +1 -1
- package/components/Menu/menu.css +2 -2
- package/components/Menu/menu.scss +3 -3
- package/components/MenuToggle/menu-toggle.css +3 -0
- package/components/MenuToggle/menu-toggle.scss +4 -1
- package/components/ModalBox/modal-box.css +4 -4
- package/components/ModalBox/modal-box.scss +5 -5
- package/components/Nav/nav.css +2 -2
- package/components/Nav/nav.scss +2 -2
- package/components/NotificationDrawer/notification-drawer.css +3 -3
- package/components/NotificationDrawer/notification-drawer.scss +3 -3
- package/components/Page/page.css +25 -22
- package/components/Page/page.scss +28 -28
- package/components/Pagination/pagination.css +12 -7
- package/components/Pagination/pagination.scss +15 -12
- package/components/Panel/panel.css +1 -1
- package/components/Panel/panel.scss +2 -2
- package/components/Popover/popover.css +1 -1
- package/components/Popover/popover.scss +1 -1
- package/components/Progress/progress.css +2 -2
- package/components/Progress/progress.scss +2 -2
- package/components/Sidebar/sidebar.css +4 -7
- package/components/Sidebar/sidebar.scss +9 -9
- package/components/Table/table-grid.css +25 -13
- package/components/Table/table-grid.scss +10 -5
- package/components/Table/table-tree-view.css +3 -0
- package/components/Table/table-tree-view.scss +2 -0
- package/components/Table/table.css +55 -21
- package/components/Table/table.scss +82 -34
- package/components/Tabs/tabs.css +19 -5
- package/components/Tabs/tabs.scss +22 -5
- package/components/Title/title.css +1 -1
- package/components/Title/title.scss +1 -1
- package/components/Tooltip/tooltip.css +1 -1
- package/components/Tooltip/tooltip.scss +1 -1
- package/components/TreeView/tree-view.css +7 -7
- package/components/TreeView/tree-view.scss +7 -7
- package/components/Wizard/wizard.css +4 -4
- package/components/Wizard/wizard.scss +4 -4
- package/components/_index.css +399 -140
- package/docs/components/Avatar/examples/Avatar.css +6 -0
- package/docs/components/Avatar/examples/Avatar.md +414 -40
- package/docs/components/Button/examples/Button.md +2 -2
- package/docs/components/CodeEditor/examples/CodeEditor.md +131 -47
- package/docs/components/DataList/examples/DataList.md +143 -11
- package/docs/components/DatePicker/examples/DatePicker.md +26 -2
- package/docs/components/DescriptionList/examples/DescriptionList.md +115 -55
- package/docs/components/Drawer/examples/Drawer.md +1 -1
- package/docs/components/DualListSelector/examples/DualListSelector.md +355 -139
- package/docs/components/EmptyState/examples/EmptyState.md +12 -12
- package/docs/components/FileUpload/examples/FileUpload.md +26 -2
- package/docs/components/Form/examples/Form.md +140 -16
- package/docs/components/FormControl/examples/FormControl.md +260 -20
- package/docs/components/HelperText/examples/HelperText.md +139 -11
- package/docs/components/Icon/examples/Icon.md +403 -31
- package/docs/components/InlineEdit/examples/InlineEdit.md +13 -1
- package/docs/components/InputGroup/examples/InputGroup.md +20 -8
- package/docs/components/Label/examples/Label.md +4029 -765
- package/docs/components/List/examples/List.md +78 -6
- package/docs/components/Login/examples/Login.md +104 -8
- package/docs/components/Menu/examples/Menu.md +221 -17
- package/docs/components/MenuToggle/examples/MenuToggle.md +54 -15
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +247 -19
- package/docs/components/NumberInput/examples/NumberInput.md +301 -25
- package/docs/components/Pagination/examples/Pagination.md +111 -273
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +169 -13
- package/docs/components/Sidebar/examples/Sidebar.md +3 -1
- package/docs/components/Switch/examples/Switch.md +52 -4
- package/docs/components/Table/examples/Table.css +6 -0
- package/docs/components/Table/examples/Table.md +1322 -171
- package/docs/components/Tabs/examples/Tabs.md +18 -998
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +355 -115
- package/docs/components/Toolbar/examples/Toolbar.md +133 -25
- package/docs/components/TreeView/examples/TreeView.md +286 -118
- package/docs/components/Wizard/examples/Wizard.md +325 -25
- package/docs/demos/Alert/examples/Alert.md +181 -40
- package/docs/demos/Button/examples/Button.md +57 -45
- package/docs/demos/Card/examples/Card.md +280 -34
- package/docs/demos/CardView/examples/CardView.md +12 -12
- package/docs/demos/Compass/examples/Compass.md +91 -439
- package/docs/demos/Dashboard/examples/Dashboard.md +92 -41
- package/docs/demos/DataList/examples/DataList.md +74 -50
- package/docs/demos/Form/examples/BasicForms.md +112 -36
- package/docs/demos/HelperText/examples/HelperText.md +104 -8
- package/docs/demos/Masthead/examples/Masthead.md +52 -4
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +176 -14
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +2570 -4968
- package/docs/demos/Table/examples/Table.md +407 -179
- package/docs/demos/Toolbar/examples/Toolbar.md +139 -46
- package/docs/demos/Wizard/examples/Wizard.md +117 -9
- package/package.json +7 -7
- package/patternfly-base-no-globals.css +12 -10
- package/patternfly-base.css +12 -10
- package/patternfly-no-globals.css +411 -150
- package/patternfly.css +411 -150
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
package/components/_index.css
CHANGED
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
overflow-x: hidden;
|
|
165
165
|
overflow-y: auto;
|
|
166
166
|
overscroll-behavior: contain;
|
|
167
|
-
overflow-wrap:
|
|
167
|
+
overflow-wrap: anywhere;
|
|
168
168
|
-webkit-overflow-scrolling: touch;
|
|
169
169
|
}
|
|
170
170
|
@media screen and (min-width: 36rem) {
|
|
@@ -206,10 +206,10 @@
|
|
|
206
206
|
--pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
|
|
207
207
|
--pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
208
208
|
--pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
209
|
-
--pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
209
|
+
--pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
210
210
|
--pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
211
|
-
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
212
|
-
--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
211
|
+
--pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
212
|
+
--pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
213
213
|
--pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
214
214
|
--pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
215
215
|
--pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
@@ -521,9 +521,9 @@
|
|
|
521
521
|
--pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
522
522
|
--pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
523
523
|
--pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
|
|
524
|
-
--pf-v6-c-alert__toggle--MarginBlockStart: calc(
|
|
525
|
-
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(
|
|
526
|
-
--pf-v6-c-alert__toggle--MarginInlineStart: calc(
|
|
524
|
+
--pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
525
|
+
--pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
526
|
+
--pf-v6-c-alert__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
527
527
|
--pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
528
528
|
--pf-v6-c-alert__toggle-icon--Rotate: 0;
|
|
529
529
|
--pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -535,8 +535,8 @@
|
|
|
535
535
|
--pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
536
536
|
--pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
|
|
537
537
|
--pf-v6-c-alert__title--max-lines: 1;
|
|
538
|
-
--pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
539
|
-
--pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
538
|
+
--pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
539
|
+
--pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
540
540
|
--pf-v6-c-alert__action--TranslateY: 0.125rem;
|
|
541
541
|
--pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
|
|
542
542
|
--pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
@@ -659,6 +659,7 @@
|
|
|
659
659
|
|
|
660
660
|
.pf-v6-c-alert__icon {
|
|
661
661
|
grid-area: icon;
|
|
662
|
+
align-self: baseline;
|
|
662
663
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
663
664
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
664
665
|
color: var(--pf-v6-c-alert__icon--Color);
|
|
@@ -669,7 +670,7 @@
|
|
|
669
670
|
grid-area: title;
|
|
670
671
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
671
672
|
color: var(--pf-v6-c-alert__title--Color);
|
|
672
|
-
overflow-wrap:
|
|
673
|
+
overflow-wrap: anywhere;
|
|
673
674
|
}
|
|
674
675
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
675
676
|
display: -webkit-box;
|
|
@@ -681,7 +682,7 @@
|
|
|
681
682
|
.pf-v6-c-alert__description {
|
|
682
683
|
grid-area: description;
|
|
683
684
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
684
|
-
overflow-wrap:
|
|
685
|
+
overflow-wrap: anywhere;
|
|
685
686
|
}
|
|
686
687
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
687
688
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -888,24 +889,87 @@
|
|
|
888
889
|
--pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
889
890
|
--pf-v6-c-avatar--Width: 2.25rem;
|
|
890
891
|
--pf-v6-c-avatar--Height: 2.25rem;
|
|
892
|
+
--pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
|
|
891
893
|
--pf-v6-c-avatar--m-sm--Width: 1.5rem;
|
|
892
894
|
--pf-v6-c-avatar--m-sm--Height: 1.5rem;
|
|
895
|
+
--pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
|
|
893
896
|
--pf-v6-c-avatar--m-md--Width: 2.25rem;
|
|
894
897
|
--pf-v6-c-avatar--m-md--Height: 2.25rem;
|
|
898
|
+
--pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
|
|
895
899
|
--pf-v6-c-avatar--m-lg--Width: 4.5rem;
|
|
896
900
|
--pf-v6-c-avatar--m-lg--Height: 4.5rem;
|
|
901
|
+
--pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
|
|
897
902
|
--pf-v6-c-avatar--m-xl--Width: 8rem;
|
|
898
903
|
--pf-v6-c-avatar--m-xl--Height: 8rem;
|
|
904
|
+
--pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
|
|
899
905
|
--pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
|
|
900
906
|
--pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
907
|
+
--pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
908
|
+
--pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
909
|
+
--pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
|
|
910
|
+
--pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
|
|
911
|
+
--pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
|
|
912
|
+
--pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
|
|
913
|
+
--pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
|
|
914
|
+
--pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
|
|
915
|
+
--pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
|
|
916
|
+
--pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
|
|
917
|
+
--pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
|
|
918
|
+
--pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
|
|
919
|
+
--pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
|
|
920
|
+
--pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
|
|
921
|
+
--pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
|
|
922
|
+
--pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
|
|
923
|
+
--pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
|
|
924
|
+
--pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
|
|
925
|
+
--pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
|
|
926
|
+
--pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
|
|
927
|
+
--pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
|
|
928
|
+
--pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
|
|
929
|
+
--pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
|
|
930
|
+
--pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
|
|
931
|
+
--pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
|
|
932
|
+
--pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
933
|
+
--pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
|
|
934
|
+
--pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
|
|
935
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
936
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
937
|
+
--pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
938
|
+
--pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
939
|
+
--pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
|
|
940
|
+
--pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
941
|
+
--pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
942
|
+
--pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
|
|
943
|
+
--pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
944
|
+
--pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
945
|
+
--pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
|
|
946
|
+
--pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
|
|
947
|
+
--pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
|
|
948
|
+
--pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
|
|
949
|
+
--pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
|
|
950
|
+
--pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
|
951
|
+
--pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
|
|
952
|
+
--pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
|
|
953
|
+
--pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
901
954
|
}
|
|
902
955
|
|
|
903
956
|
.pf-v6-c-avatar {
|
|
904
957
|
width: var(--pf-v6-c-avatar--Width);
|
|
905
958
|
height: var(--pf-v6-c-avatar--Height);
|
|
959
|
+
font-size: var(--pf-v6-c-avatar--FontSize);
|
|
960
|
+
color: var(--pf-v6-c-avatar--Color, inherit);
|
|
961
|
+
background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
|
|
906
962
|
border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
|
|
907
963
|
border-radius: var(--pf-v6-c-avatar--BorderRadius);
|
|
908
964
|
}
|
|
965
|
+
div.pf-v6-c-avatar {
|
|
966
|
+
display: inline-flex;
|
|
967
|
+
align-items: center;
|
|
968
|
+
justify-content: center;
|
|
969
|
+
overflow: clip;
|
|
970
|
+
vertical-align: middle;
|
|
971
|
+
}
|
|
972
|
+
|
|
909
973
|
.pf-v6-c-avatar.pf-m-bordered {
|
|
910
974
|
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
|
|
911
975
|
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
|
|
@@ -1134,6 +1198,87 @@
|
|
|
1134
1198
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
|
|
1135
1199
|
}
|
|
1136
1200
|
}
|
|
1201
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
1202
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
|
|
1203
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
|
|
1204
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
|
|
1205
|
+
}
|
|
1206
|
+
.pf-v6-c-avatar.pf-m-lg {
|
|
1207
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
|
|
1208
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
|
|
1209
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
|
|
1210
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
|
|
1211
|
+
}
|
|
1212
|
+
.pf-v6-c-avatar.pf-m-xl {
|
|
1213
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
|
|
1214
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
|
|
1215
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
|
|
1216
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
|
|
1217
|
+
}
|
|
1218
|
+
.pf-v6-c-avatar.pf-m-colorful {
|
|
1219
|
+
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
|
|
1220
|
+
}
|
|
1221
|
+
.pf-v6-c-avatar.pf-m-red {
|
|
1222
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
|
|
1223
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
|
|
1224
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
|
|
1225
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
|
|
1226
|
+
}
|
|
1227
|
+
.pf-v6-c-avatar.pf-m-orangered {
|
|
1228
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
|
|
1229
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
|
|
1230
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
|
|
1231
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
|
|
1232
|
+
}
|
|
1233
|
+
.pf-v6-c-avatar.pf-m-orange {
|
|
1234
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
|
|
1235
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
|
|
1236
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
|
|
1237
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
|
|
1238
|
+
}
|
|
1239
|
+
.pf-v6-c-avatar.pf-m-yellow {
|
|
1240
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
|
|
1241
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
|
|
1242
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
|
|
1243
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
|
|
1244
|
+
}
|
|
1245
|
+
.pf-v6-c-avatar.pf-m-green {
|
|
1246
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
|
|
1247
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
|
|
1248
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
|
|
1249
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
|
|
1250
|
+
}
|
|
1251
|
+
.pf-v6-c-avatar.pf-m-teal {
|
|
1252
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
|
|
1253
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
|
|
1254
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
|
|
1255
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
|
|
1256
|
+
}
|
|
1257
|
+
.pf-v6-c-avatar.pf-m-blue {
|
|
1258
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
|
|
1259
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
|
|
1260
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
|
|
1261
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
|
|
1262
|
+
}
|
|
1263
|
+
.pf-v6-c-avatar.pf-m-purple {
|
|
1264
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
|
|
1265
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
|
|
1266
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
|
|
1267
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
|
|
1268
|
+
}
|
|
1269
|
+
.pf-v6-c-avatar.pf-m-gray {
|
|
1270
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
|
|
1271
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
|
|
1272
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
|
|
1273
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
|
|
1274
|
+
}
|
|
1275
|
+
|
|
1276
|
+
.pf-v6-c-avatar__initials {
|
|
1277
|
+
font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
|
|
1278
|
+
font-size: var(--pf-v6-c-avatar__initials--FontSize);
|
|
1279
|
+
font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
|
|
1280
|
+
color: var(--pf-v6-c-avatar__initials--Color);
|
|
1281
|
+
}
|
|
1137
1282
|
|
|
1138
1283
|
.pf-v6-c-backdrop {
|
|
1139
1284
|
--pf-v6-c-backdrop--Position: fixed;
|
|
@@ -1312,7 +1457,9 @@
|
|
|
1312
1457
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
|
|
1313
1458
|
--pf-v6-c-banner--link--TextDecoration: underline;
|
|
1314
1459
|
--pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
|
|
1460
|
+
--pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
|
|
1315
1461
|
--pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
1462
|
+
--pf-v6-c-banner--link--TextDecorationColor: currentcolor;
|
|
1316
1463
|
--pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
|
|
1317
1464
|
--pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
1318
1465
|
--pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
|
|
@@ -1421,6 +1568,7 @@
|
|
|
1421
1568
|
.pf-v6-c-banner a {
|
|
1422
1569
|
color: var(--pf-v6-c-banner--link--Color);
|
|
1423
1570
|
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
|
1571
|
+
text-decoration-color: var(--pf-v6-c-banner--a--TextDecorationColor);
|
|
1424
1572
|
}
|
|
1425
1573
|
.pf-v6-c-banner a:hover:not(.pf-m-disabled) {
|
|
1426
1574
|
--pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
@@ -1432,7 +1580,11 @@
|
|
|
1432
1580
|
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
|
|
1433
1581
|
--pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
|
|
1434
1582
|
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
1583
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
|
|
1435
1584
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
|
|
1585
|
+
--pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
1586
|
+
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
1587
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
|
|
1436
1588
|
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
|
1437
1589
|
}
|
|
1438
1590
|
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
|
|
@@ -1527,9 +1679,9 @@
|
|
|
1527
1679
|
--pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
1528
1680
|
--pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
|
|
1529
1681
|
--pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
|
|
1530
|
-
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
1682
|
+
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
1531
1683
|
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
|
|
1532
|
-
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
1684
|
+
--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
1533
1685
|
--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
1534
1686
|
}
|
|
1535
1687
|
|
|
@@ -1577,7 +1729,7 @@
|
|
|
1577
1729
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
1578
1730
|
line-height: inherit;
|
|
1579
1731
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
1580
|
-
overflow-wrap:
|
|
1732
|
+
overflow-wrap: anywhere;
|
|
1581
1733
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
1582
1734
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
1583
1735
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
@@ -1749,6 +1901,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1749
1901
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
1750
1902
|
--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
1751
1903
|
--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
1904
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
|
|
1905
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
|
|
1906
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
|
|
1907
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
|
|
1752
1908
|
--pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
|
|
1753
1909
|
--pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
|
|
1754
1910
|
--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
|
|
@@ -1763,6 +1919,8 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1763
1919
|
--pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
1764
1920
|
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
1765
1921
|
--pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
|
|
1922
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
1923
|
+
--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
1766
1924
|
--pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
|
|
1767
1925
|
--pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
1768
1926
|
--pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
@@ -1868,6 +2026,7 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1868
2026
|
--pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
|
|
1869
2027
|
--pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
|
|
1870
2028
|
--pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
|
|
2029
|
+
--pf-v6-c-button--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
|
|
1871
2030
|
--pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
1872
2031
|
--pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
|
|
1873
2032
|
--pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
|
|
@@ -1943,7 +2102,6 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1943
2102
|
--pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
|
|
1944
2103
|
--pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
1945
2104
|
--pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
|
|
1946
|
-
--pf-v6-c-button__progress--Opacity: 0;
|
|
1947
2105
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
|
1948
2106
|
--pf-v6-c-button__progress--TranslateX: 0;
|
|
1949
2107
|
--pf-v6-c-button__progress--InsetBlockStart: 50%;
|
|
@@ -2135,9 +2293,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2135
2293
|
--pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
|
|
2136
2294
|
--pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
|
|
2137
2295
|
--pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
|
|
2138
|
-
--pf-v6-c-button--
|
|
2296
|
+
--pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
|
|
2297
|
+
--pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
|
|
2298
|
+
--pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
|
|
2299
|
+
--pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
|
|
2139
2300
|
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
|
|
2140
2301
|
--pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
|
|
2302
|
+
--pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
|
|
2303
|
+
--pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
|
|
2141
2304
|
--pf-v6-c-button--BorderWidth: 0;
|
|
2142
2305
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
2143
2306
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
@@ -2150,6 +2313,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2150
2313
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
2151
2314
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
2152
2315
|
}
|
|
2316
|
+
.pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
|
|
2317
|
+
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
|
|
2318
|
+
}
|
|
2153
2319
|
.pf-v6-c-button.pf-m-link.pf-m-danger {
|
|
2154
2320
|
--pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
|
|
2155
2321
|
--pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
|
|
@@ -2370,7 +2536,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2370
2536
|
--pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
2371
2537
|
--pf-v6-c-button__icon--TransitionDuration: 0s;
|
|
2372
2538
|
--pf-v6-c-button__icon--TransitionProperty: scale;
|
|
2373
|
-
--pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
|
|
2374
2539
|
--pf-v6-c-button--hover__icon--TransitionDuration: 0s;
|
|
2375
2540
|
--pf-v6-c-button--hover__icon--TransitionProperty: scale;
|
|
2376
2541
|
}
|
|
@@ -2446,7 +2611,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2446
2611
|
background: var(--pf-v6-c-button--disabled--BackgroundColor);
|
|
2447
2612
|
}
|
|
2448
2613
|
.pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
|
|
2449
|
-
border-color:
|
|
2614
|
+
border-color: var(--pf-v6-c-button--disabled--BorderColor);
|
|
2450
2615
|
}
|
|
2451
2616
|
.pf-v6-c-button:disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-aria-disabled .pf-v6-c-button__icon {
|
|
2452
2617
|
color: var(--pf-v6-c-button--disabled__icon--Color);
|
|
@@ -2483,6 +2648,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2483
2648
|
justify-content: flex-start;
|
|
2484
2649
|
width: 100%;
|
|
2485
2650
|
}
|
|
2651
|
+
.pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
|
|
2652
|
+
min-width: 1lh;
|
|
2653
|
+
}
|
|
2486
2654
|
@media (min-width: 62rem) {
|
|
2487
2655
|
.pf-v6-c-button.pf-m-docked {
|
|
2488
2656
|
justify-content: center;
|
|
@@ -2851,13 +3019,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2851
3019
|
--pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
|
|
2852
3020
|
--pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
2853
3021
|
--pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
2854
|
-
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
2855
|
-
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
3022
|
+
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
3023
|
+
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
2856
3024
|
--pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
|
|
2857
3025
|
--pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
|
|
2858
|
-
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
3026
|
+
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
2859
3027
|
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
2860
|
-
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
3028
|
+
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
2861
3029
|
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
2862
3030
|
--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
2863
3031
|
--pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
@@ -3395,7 +3563,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3395
3563
|
}
|
|
3396
3564
|
|
|
3397
3565
|
.pf-v6-c-clipboard-copy__text {
|
|
3398
|
-
overflow-wrap:
|
|
3566
|
+
overflow-wrap: anywhere;
|
|
3399
3567
|
white-space: normal;
|
|
3400
3568
|
}
|
|
3401
3569
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -4824,7 +4992,7 @@ ul) {
|
|
|
4824
4992
|
--pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
|
|
4825
4993
|
--pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
|
|
4826
4994
|
--pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
|
|
4827
|
-
--pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(
|
|
4995
|
+
--pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
4828
4996
|
--pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
|
|
4829
4997
|
--pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
|
|
4830
4998
|
--pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
|
|
@@ -4857,8 +5025,8 @@ ul) {
|
|
|
4857
5025
|
--pf-v6-c-data-list--cell--WordBreak: normal;
|
|
4858
5026
|
--pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
|
|
4859
5027
|
--pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
4860
|
-
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
4861
|
-
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
5028
|
+
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
5029
|
+
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
4862
5030
|
--pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
|
|
4863
5031
|
--pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
4864
5032
|
--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
@@ -4889,8 +5057,8 @@ ul) {
|
|
|
4889
5057
|
--pf-v6-c-data-list__item-action--Display: flex;
|
|
4890
5058
|
--pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
4891
5059
|
--pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
4892
|
-
--pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--
|
|
4893
|
-
--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--
|
|
5060
|
+
--pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
|
|
5061
|
+
--pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
|
|
4894
5062
|
--pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
|
|
4895
5063
|
--pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
4896
5064
|
--pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
@@ -5566,6 +5734,7 @@ ul) {
|
|
|
5566
5734
|
--pf-v6-c-draggable--m-dragging--Cursor: grabbing;
|
|
5567
5735
|
--pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
5568
5736
|
--pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
|
|
5737
|
+
--pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
5569
5738
|
--pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
5570
5739
|
--pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
5571
5740
|
--pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
@@ -5580,6 +5749,7 @@ ul) {
|
|
|
5580
5749
|
--pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
|
|
5581
5750
|
position: relative;
|
|
5582
5751
|
background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
|
|
5752
|
+
border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
|
|
5583
5753
|
box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
|
|
5584
5754
|
}
|
|
5585
5755
|
.pf-v6-c-draggable.pf-m-dragging::after {
|
|
@@ -5599,6 +5769,7 @@ ul) {
|
|
|
5599
5769
|
|
|
5600
5770
|
.pf-v6-c-droppable {
|
|
5601
5771
|
--pf-v6-c-droppable--before--BackgroundColor: transparent;
|
|
5772
|
+
--pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
5602
5773
|
--pf-v6-c-droppable--before--Opacity: 0;
|
|
5603
5774
|
--pf-v6-c-droppable--after--BorderWidth: 0;
|
|
5604
5775
|
--pf-v6-c-droppable--after--BorderColor: transparent;
|
|
@@ -5621,6 +5792,7 @@ ul) {
|
|
|
5621
5792
|
}
|
|
5622
5793
|
.pf-v6-c-droppable::before {
|
|
5623
5794
|
background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
|
|
5795
|
+
border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
|
|
5624
5796
|
opacity: var(--pf-v6-c-droppable--before--Opacity);
|
|
5625
5797
|
}
|
|
5626
5798
|
.pf-v6-c-droppable::after {
|
|
@@ -5716,7 +5888,7 @@ ul) {
|
|
|
5716
5888
|
--pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
|
|
5717
5889
|
--pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
5718
5890
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
5719
|
-
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate:
|
|
5891
|
+
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
|
|
5720
5892
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
5721
5893
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
5722
5894
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
@@ -8326,6 +8498,10 @@ ul) {
|
|
|
8326
8498
|
--pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
|
|
8327
8499
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
8328
8500
|
--pf-v6-c-form-control--Width: 100%;
|
|
8501
|
+
--pf-v6-c-form-control--TransitionDelay: 0s;
|
|
8502
|
+
--pf-v6-c-form-control--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
8503
|
+
--pf-v6-c-form-control--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
|
|
8504
|
+
--pf-v6-c-form-control--TransitionProperty: color, background-color, border-color;
|
|
8329
8505
|
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
|
|
8330
8506
|
--pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
8331
8507
|
--pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
@@ -8431,12 +8607,17 @@ ul) {
|
|
|
8431
8607
|
resize: var(--pf-v6-c-form-control--Resize);
|
|
8432
8608
|
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
8433
8609
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
8610
|
+
transition-delay: var(--pf-v6-c-form-control--TransitionDelay);
|
|
8611
|
+
transition-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction);
|
|
8612
|
+
transition-duration: var(--pf-v6-c-form-control--TransitionDuration);
|
|
8613
|
+
transition-property: var(--pf-v6-c-form-control--TransitionProperty);
|
|
8434
8614
|
}
|
|
8435
8615
|
.pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
|
|
8436
8616
|
position: absolute;
|
|
8437
8617
|
inset: 0;
|
|
8438
8618
|
pointer-events: none;
|
|
8439
8619
|
content: "";
|
|
8620
|
+
transition: inherit;
|
|
8440
8621
|
}
|
|
8441
8622
|
.pf-v6-c-form-control::before {
|
|
8442
8623
|
border-color: var(--pf-v6-c-form-control--before--BorderColor);
|
|
@@ -8532,10 +8713,11 @@ ul) {
|
|
|
8532
8713
|
--pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
|
|
8533
8714
|
--pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
|
|
8534
8715
|
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
|
|
8535
|
-
--pf-v6-c-form-control--before--BorderStyle: none;
|
|
8536
|
-
--pf-v6-c-form-control--after--BorderStyle: none;
|
|
8537
8716
|
cursor: not-allowed;
|
|
8538
8717
|
}
|
|
8718
|
+
.pf-v6-c-form-control.pf-m-disabled::before, .pf-v6-c-form-control.pf-m-disabled::after {
|
|
8719
|
+
border-color: transparent;
|
|
8720
|
+
}
|
|
8539
8721
|
.pf-v6-c-form-control.pf-m-error {
|
|
8540
8722
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
|
|
8541
8723
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
|
|
@@ -8856,8 +9038,8 @@ ul) {
|
|
|
8856
9038
|
--pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
|
|
8857
9039
|
--pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
8858
9040
|
--pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
8859
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--
|
|
8860
|
-
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--
|
|
9041
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
9042
|
+
--pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
8861
9043
|
}
|
|
8862
9044
|
|
|
8863
9045
|
.pf-v6-c-hint {
|
|
@@ -10142,7 +10324,6 @@ label.pf-v6-c-input-group__text {
|
|
|
10142
10324
|
position: absolute;
|
|
10143
10325
|
inset: 0;
|
|
10144
10326
|
z-index: -1;
|
|
10145
|
-
pointer-events: none;
|
|
10146
10327
|
content: "";
|
|
10147
10328
|
background-color: var(--pf-v6-c-label--BackgroundColor);
|
|
10148
10329
|
border: var(--pf-v6-c-label--BorderWidth) solid var(--pf-v6-c-label--BorderColor);
|
|
@@ -10161,8 +10342,15 @@ input.pf-v6-c-label__content {
|
|
|
10161
10342
|
.pf-v6-c-label__actions {
|
|
10162
10343
|
margin-inline-end: var(--pf-v6-c-label__actions--MarginInlineEnd);
|
|
10163
10344
|
}
|
|
10164
|
-
.pf-v6-c-label
|
|
10165
|
-
--pf-v6-c-
|
|
10345
|
+
.pf-v6-c-label .pf-v6-c-label__actions .pf-v6-c-button {
|
|
10346
|
+
padding-block-start: var(--pf-v6-c-label--PaddingBlockStart);
|
|
10347
|
+
padding-block-end: var(--pf-v6-c-label--PaddingBlockEnd);
|
|
10348
|
+
padding-inline-end: var(--pf-v6-c-label--PaddingInlineEnd);
|
|
10349
|
+
margin-block-start: calc(var(--pf-v6-c-label--PaddingBlockStart) * -1);
|
|
10350
|
+
margin-block-end: calc(var(--pf-v6-c-label--PaddingBlockEnd) * -1);
|
|
10351
|
+
margin-inline-end: calc(var(--pf-v6-c-label--PaddingInlineEnd) * -1);
|
|
10352
|
+
border-start-end-radius: var(--pf-v6-c-label--BorderRadius);
|
|
10353
|
+
border-end-end-radius: var(--pf-v6-c-label--BorderRadius);
|
|
10166
10354
|
}
|
|
10167
10355
|
|
|
10168
10356
|
.pf-v6-c-label__actions .pf-v6-c-button {
|
|
@@ -10672,7 +10860,7 @@ ul.pf-v6-c-list {
|
|
|
10672
10860
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
10673
10861
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
10674
10862
|
--pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
|
|
10675
|
-
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--
|
|
10863
|
+
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
10676
10864
|
--pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
|
|
10677
10865
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10678
10866
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
@@ -11519,7 +11707,7 @@ ul.pf-v6-c-list {
|
|
|
11519
11707
|
--pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
|
|
11520
11708
|
--pf-v6-c-menu__item-external--Color: transparent;
|
|
11521
11709
|
--pf-v6-c-menu__item-select-icon--Color: transparent;
|
|
11522
|
-
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-
|
|
11710
|
+
--pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
|
|
11523
11711
|
--pf-v6-c-menu__list-item--BackgroundColor: transparent;
|
|
11524
11712
|
--pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
|
|
11525
11713
|
--pf-v6-c-menu__list-item--hover--BorderColor: transparent;
|
|
@@ -11886,7 +12074,7 @@ ul.pf-v6-c-list {
|
|
|
11886
12074
|
.pf-v6-c-menu__item-description {
|
|
11887
12075
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
11888
12076
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
11889
|
-
overflow-wrap:
|
|
12077
|
+
overflow-wrap: anywhere;
|
|
11890
12078
|
}
|
|
11891
12079
|
|
|
11892
12080
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -12303,6 +12491,9 @@ ul.pf-v6-c-list {
|
|
|
12303
12491
|
justify-content: flex-start;
|
|
12304
12492
|
width: 100%;
|
|
12305
12493
|
}
|
|
12494
|
+
.pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
|
|
12495
|
+
min-width: 1lh;
|
|
12496
|
+
}
|
|
12306
12497
|
@media (min-width: 62rem) {
|
|
12307
12498
|
.pf-v6-c-menu-toggle.pf-m-docked {
|
|
12308
12499
|
justify-content: center;
|
|
@@ -12531,7 +12722,7 @@ ul.pf-v6-c-list {
|
|
|
12531
12722
|
--pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
12532
12723
|
--pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
|
|
12533
12724
|
--pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
|
|
12534
|
-
--pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--
|
|
12725
|
+
--pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
12535
12726
|
--pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
12536
12727
|
--pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
|
|
12537
12728
|
--pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
@@ -12553,8 +12744,8 @@ ul.pf-v6-c-list {
|
|
|
12553
12744
|
--pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
12554
12745
|
--pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
12555
12746
|
--pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
12556
|
-
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--
|
|
12557
|
-
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd:
|
|
12747
|
+
--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
12748
|
+
--pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
12558
12749
|
}
|
|
12559
12750
|
|
|
12560
12751
|
.pf-v6-c-modal-box {
|
|
@@ -12680,7 +12871,7 @@ ul.pf-v6-c-list {
|
|
|
12680
12871
|
overflow-x: hidden;
|
|
12681
12872
|
overflow-y: auto;
|
|
12682
12873
|
overscroll-behavior: contain;
|
|
12683
|
-
overflow-wrap:
|
|
12874
|
+
overflow-wrap: anywhere;
|
|
12684
12875
|
-webkit-overflow-scrolling: touch;
|
|
12685
12876
|
}
|
|
12686
12877
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -12916,8 +13107,8 @@ ul.pf-v6-c-list {
|
|
|
12916
13107
|
}
|
|
12917
13108
|
|
|
12918
13109
|
.pf-v6-c-nav {
|
|
12919
|
-
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
12920
|
-
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
13110
|
+
--pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
13111
|
+
--pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
12921
13112
|
--pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
12922
13113
|
--pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
12923
13114
|
--pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -13554,7 +13745,7 @@ ul.pf-v6-c-list {
|
|
|
13554
13745
|
|
|
13555
13746
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
13556
13747
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
13557
|
-
overflow-wrap:
|
|
13748
|
+
overflow-wrap: anywhere;
|
|
13558
13749
|
}
|
|
13559
13750
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
13560
13751
|
display: -webkit-box;
|
|
@@ -13576,7 +13767,7 @@ ul.pf-v6-c-list {
|
|
|
13576
13767
|
grid-row: 2/3;
|
|
13577
13768
|
grid-column: 1/2;
|
|
13578
13769
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
13579
|
-
overflow-wrap:
|
|
13770
|
+
overflow-wrap: anywhere;
|
|
13580
13771
|
}
|
|
13581
13772
|
|
|
13582
13773
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -13621,7 +13812,7 @@ ul.pf-v6-c-list {
|
|
|
13621
13812
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
13622
13813
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
13623
13814
|
text-align: start;
|
|
13624
|
-
overflow-wrap:
|
|
13815
|
+
overflow-wrap: anywhere;
|
|
13625
13816
|
}
|
|
13626
13817
|
|
|
13627
13818
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -13698,11 +13889,6 @@ ul.pf-v6-c-list {
|
|
|
13698
13889
|
.pf-v6-c-page {
|
|
13699
13890
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
13700
13891
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13701
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
13702
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
|
|
13703
|
-
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
13704
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13705
|
-
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
13706
13892
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
13707
13893
|
--pf-v6-c-page__dock--Width: 15.625rem;
|
|
13708
13894
|
--pf-v6-c-page__dock--desktop--Width: auto;
|
|
@@ -13716,11 +13902,17 @@ ul.pf-v6-c-list {
|
|
|
13716
13902
|
--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
|
|
13717
13903
|
--pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
|
|
13718
13904
|
--pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
|
|
13719
|
-
--pf-v6-c-page__dock-main--BorderInlineEndWidth:
|
|
13905
|
+
--pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
|
|
13720
13906
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
|
|
13721
|
-
--pf-v6-c-page__dock-main--desktop--
|
|
13907
|
+
--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
|
|
13908
|
+
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
|
|
13722
13909
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
|
|
13723
|
-
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor:
|
|
13910
|
+
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
|
|
13911
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
13912
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13913
|
+
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13914
|
+
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13915
|
+
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
13724
13916
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
13725
13917
|
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
13726
13918
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
@@ -13891,20 +14083,17 @@ ul.pf-v6-c-list {
|
|
|
13891
14083
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
13892
14084
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13893
14085
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
13894
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
13895
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
13896
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13897
14086
|
--pf-v6-c-page--BackgroundColor--glass: transparent;
|
|
13898
14087
|
--pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
13899
|
-
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
13900
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--
|
|
13901
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--
|
|
14088
|
+
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
14089
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
|
|
14090
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
13902
14091
|
--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
13903
14092
|
--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
13904
14093
|
--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
13905
|
-
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--
|
|
13906
|
-
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--
|
|
13907
|
-
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--
|
|
14094
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
14095
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
14096
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
13908
14097
|
--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
13909
14098
|
--pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
13910
14099
|
--pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
@@ -13915,9 +14104,11 @@ ul.pf-v6-c-list {
|
|
|
13915
14104
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
|
|
13916
14105
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13917
14106
|
--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13918
|
-
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--
|
|
13919
|
-
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
13920
|
-
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome)
|
|
14107
|
+
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
|
|
14108
|
+
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
14109
|
+
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
|
|
14110
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
|
|
14111
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
13921
14112
|
}
|
|
13922
14113
|
:where(.pf-v6-theme-glass) .pf-v6-c-page {
|
|
13923
14114
|
--pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
|
|
@@ -13940,6 +14131,8 @@ ul.pf-v6-c-list {
|
|
|
13940
14131
|
--pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
|
|
13941
14132
|
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
|
|
13942
14133
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
|
|
14134
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
|
|
14135
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
|
|
13943
14136
|
}
|
|
13944
14137
|
@media (min-width: 75rem) {
|
|
13945
14138
|
.pf-v6-c-page {
|
|
@@ -14110,8 +14303,6 @@ ul.pf-v6-c-list {
|
|
|
14110
14303
|
}
|
|
14111
14304
|
@media (min-width: 62rem) {
|
|
14112
14305
|
.pf-v6-c-page__dock {
|
|
14113
|
-
--pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
|
|
14114
|
-
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
14115
14306
|
position: revert;
|
|
14116
14307
|
inset: revert;
|
|
14117
14308
|
visibility: revert;
|
|
@@ -14139,6 +14330,9 @@ ul.pf-v6-c-list {
|
|
|
14139
14330
|
}
|
|
14140
14331
|
@media (min-width: 62rem) {
|
|
14141
14332
|
.pf-v6-c-page__dock-main {
|
|
14333
|
+
--pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
|
|
14334
|
+
--pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
|
|
14335
|
+
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
14142
14336
|
--pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
|
|
14143
14337
|
--pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
|
|
14144
14338
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
|
|
@@ -14872,7 +15066,8 @@ ul.pf-v6-c-list {
|
|
|
14872
15066
|
--pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
|
|
14873
15067
|
--pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
|
|
14874
15068
|
--pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
|
|
14875
|
-
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--
|
|
15069
|
+
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
|
|
15070
|
+
--pf-v6-c-pagination--m-bottom--BorderRadius: 0;
|
|
14876
15071
|
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
14877
15072
|
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
|
|
14878
15073
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
|
|
@@ -14886,6 +15081,8 @@ ul.pf-v6-c-list {
|
|
|
14886
15081
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
|
|
14887
15082
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
14888
15083
|
--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
15084
|
+
--pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
|
|
15085
|
+
--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
|
|
14889
15086
|
--pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
|
|
14890
15087
|
}
|
|
14891
15088
|
:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
|
|
@@ -14893,6 +15090,9 @@ ul.pf-v6-c-list {
|
|
|
14893
15090
|
--pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
14894
15091
|
--pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
|
|
14895
15092
|
--pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
15093
|
+
--pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
15094
|
+
--pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
|
|
15095
|
+
--pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
|
|
14896
15096
|
}
|
|
14897
15097
|
.pf-v6-c-pagination {
|
|
14898
15098
|
--pf-v6-c-pagination__page-menu--Display--base: block;
|
|
@@ -14904,6 +15104,7 @@ ul.pf-v6-c-list {
|
|
|
14904
15104
|
}
|
|
14905
15105
|
@media screen and (min-width: 48rem) {
|
|
14906
15106
|
.pf-v6-c-pagination {
|
|
15107
|
+
--pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
|
|
14907
15108
|
--pf-v6-c-pagination--m-bottom--BoxShadow: none;
|
|
14908
15109
|
--pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
|
|
14909
15110
|
--pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
|
|
@@ -14929,9 +15130,6 @@ ul.pf-v6-c-list {
|
|
|
14929
15130
|
border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
|
|
14930
15131
|
border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
|
|
14931
15132
|
}
|
|
14932
|
-
:where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-pagination.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination:not(.pf-m-no-plain-on-glass) {
|
|
14933
|
-
--pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
|
|
14934
|
-
}
|
|
14935
15133
|
.pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
|
|
14936
15134
|
display: var(--pf-v6-c-pagination__page-menu--Display);
|
|
14937
15135
|
}
|
|
@@ -14947,11 +15145,9 @@ ul.pf-v6-c-list {
|
|
|
14947
15145
|
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
|
|
14948
15146
|
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
|
|
14949
15147
|
background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
|
|
15148
|
+
border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
|
|
14950
15149
|
box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
|
|
14951
15150
|
}
|
|
14952
|
-
:where(:root.pf-v6-theme-glass) .pf-v6-c-pagination.pf-m-bottom.pf-m-sticky-base:not(.pf-m-sticky-stuck) {
|
|
14953
|
-
--pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
|
|
14954
|
-
}
|
|
14955
15151
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
|
|
14956
15152
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
|
|
14957
15153
|
.pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
|
|
@@ -14970,6 +15166,7 @@ ul.pf-v6-c-list {
|
|
|
14970
15166
|
.pf-v6-c-pagination.pf-m-bottom {
|
|
14971
15167
|
--pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
|
|
14972
15168
|
--pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
|
|
15169
|
+
--pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
|
|
14973
15170
|
position: relative;
|
|
14974
15171
|
justify-content: flex-end;
|
|
14975
15172
|
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
@@ -14994,12 +15191,14 @@ ul.pf-v6-c-list {
|
|
|
14994
15191
|
}
|
|
14995
15192
|
}
|
|
14996
15193
|
.pf-v6-c-pagination.pf-m-static {
|
|
15194
|
+
--pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
|
|
14997
15195
|
position: relative;
|
|
14998
15196
|
padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
|
|
14999
15197
|
padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
|
|
15000
15198
|
padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
|
|
15001
15199
|
padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
|
|
15002
15200
|
border: 0;
|
|
15201
|
+
border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
|
|
15003
15202
|
box-shadow: none;
|
|
15004
15203
|
}
|
|
15005
15204
|
.pf-v6-c-pagination.pf-m-sticky {
|
|
@@ -15272,7 +15471,7 @@ ul.pf-v6-c-list {
|
|
|
15272
15471
|
--pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
15273
15472
|
--pf-v6-c-panel--BoxShadow: none;
|
|
15274
15473
|
--pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
15275
|
-
--pf-v6-c-panel--before--BorderWidth:
|
|
15474
|
+
--pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
15276
15475
|
--pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
15277
15476
|
--pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
15278
15477
|
--pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
@@ -15452,7 +15651,7 @@ ul.pf-v6-c-list {
|
|
|
15452
15651
|
--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
|
|
15453
15652
|
--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
|
|
15454
15653
|
--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
|
|
15455
|
-
--pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--
|
|
15654
|
+
--pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
|
|
15456
15655
|
--pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
|
|
15457
15656
|
--pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
|
|
15458
15657
|
--pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -15753,7 +15952,7 @@ ul.pf-v6-c-list {
|
|
|
15753
15952
|
|
|
15754
15953
|
.pf-v6-c-progress__description {
|
|
15755
15954
|
grid-column: 1/2;
|
|
15756
|
-
overflow-wrap:
|
|
15955
|
+
overflow-wrap: anywhere;
|
|
15757
15956
|
}
|
|
15758
15957
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
15759
15958
|
overflow: hidden;
|
|
@@ -15769,7 +15968,7 @@ ul.pf-v6-c-list {
|
|
|
15769
15968
|
align-items: flex-start;
|
|
15770
15969
|
justify-content: flex-end;
|
|
15771
15970
|
text-align: end;
|
|
15772
|
-
overflow-wrap:
|
|
15971
|
+
overflow-wrap: anywhere;
|
|
15773
15972
|
}
|
|
15774
15973
|
|
|
15775
15974
|
.pf-v6-c-progress__status-icon {
|
|
@@ -16687,6 +16886,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16687
16886
|
--pf-v6-c-sidebar__panel--Position: static;
|
|
16688
16887
|
--pf-v6-c-sidebar__panel--InsetBlockStart: auto;
|
|
16689
16888
|
}
|
|
16889
|
+
.pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
|
|
16890
|
+
--pf-v6-c-sidebar__panel--BackgroundColor: transparent;
|
|
16891
|
+
}
|
|
16690
16892
|
.pf-v6-c-sidebar__panel.pf-m-secondary {
|
|
16691
16893
|
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
|
|
16692
16894
|
}
|
|
@@ -16706,7 +16908,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16706
16908
|
--pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
|
|
16707
16909
|
--pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
|
|
16708
16910
|
}
|
|
16709
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
16911
|
+
.pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
|
|
16710
16912
|
--pf-v6-c-sidebar__content--BackgroundColor: transparent;
|
|
16711
16913
|
}
|
|
16712
16914
|
.pf-v6-c-sidebar__content.pf-m-secondary {
|
|
@@ -16719,12 +16921,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16719
16921
|
--pf-v6-c-sidebar__content--Order: -1;
|
|
16720
16922
|
}
|
|
16721
16923
|
|
|
16722
|
-
.pf-v6-c-sidebar.pf-m-no-background,
|
|
16723
|
-
.pf-v6-c-sidebar__panel.pf-m-no-background,
|
|
16724
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
16725
|
-
background-color: transparent;
|
|
16726
|
-
}
|
|
16727
|
-
|
|
16728
16924
|
.pf-v6-c-sidebar__panel.pf-m-width-default {
|
|
16729
16925
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
16730
16926
|
}
|
|
@@ -17724,22 +17920,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17724
17920
|
--pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
|
|
17725
17921
|
--pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
|
|
17726
17922
|
--pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
17923
|
+
--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
17727
17924
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
17728
17925
|
--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
17729
17926
|
--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
17730
17927
|
--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
|
|
17731
|
-
--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.
|
|
17732
|
-
--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--
|
|
17928
|
+
--pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
|
|
17929
|
+
--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + var(--pf-t--global--spacer--control--vertical--compact) * -1);
|
|
17733
17930
|
--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
17734
17931
|
--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
17735
17932
|
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
|
|
17736
17933
|
--pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
17737
17934
|
--pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
17738
17935
|
--pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
|
|
17739
|
-
--pf-v6-c-table__check--responsive--MarginBlockStart: 0.
|
|
17936
|
+
--pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
|
|
17740
17937
|
--pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
|
|
17741
17938
|
--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
17742
17939
|
--pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
17940
|
+
--pf-v6-c-table__action--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
17743
17941
|
--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
17744
17942
|
--pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
|
|
17745
17943
|
--pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
@@ -17821,10 +18019,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17821
18019
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
17822
18020
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
17823
18021
|
}
|
|
17824
|
-
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
|
18022
|
+
.pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
|
|
17825
18023
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
17826
18024
|
}
|
|
17827
18025
|
.pf-m-grid.pf-v6-c-table.pf-m-compact {
|
|
18026
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
17828
18027
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
17829
18028
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
17830
18029
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -17834,7 +18033,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17834
18033
|
}
|
|
17835
18034
|
.pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
17836
18035
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
17837
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
18036
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
17838
18037
|
}
|
|
17839
18038
|
.pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
17840
18039
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -18024,6 +18223,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18024
18223
|
}
|
|
18025
18224
|
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
|
|
18026
18225
|
text-align: end;
|
|
18226
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
18027
18227
|
}
|
|
18028
18228
|
@media screen and (max-width: 36rem) {
|
|
18029
18229
|
.pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -18130,10 +18330,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18130
18330
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
18131
18331
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
18132
18332
|
}
|
|
18133
|
-
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
|
18333
|
+
.pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
|
|
18134
18334
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
18135
18335
|
}
|
|
18136
18336
|
.pf-m-grid-md.pf-v6-c-table.pf-m-compact {
|
|
18337
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
18137
18338
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
18138
18339
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
18139
18340
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -18143,7 +18344,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18143
18344
|
}
|
|
18144
18345
|
.pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
18145
18346
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
18146
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
18347
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
18147
18348
|
}
|
|
18148
18349
|
.pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
18149
18350
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -18333,6 +18534,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18333
18534
|
}
|
|
18334
18535
|
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
|
|
18335
18536
|
text-align: end;
|
|
18537
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
18336
18538
|
}
|
|
18337
18539
|
@media screen and (max-width: 36rem) {
|
|
18338
18540
|
.pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -18440,10 +18642,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18440
18642
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
18441
18643
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
18442
18644
|
}
|
|
18443
|
-
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
|
18645
|
+
.pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
|
|
18444
18646
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
18445
18647
|
}
|
|
18446
18648
|
.pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
|
|
18649
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
18447
18650
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
18448
18651
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
18449
18652
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -18453,7 +18656,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18453
18656
|
}
|
|
18454
18657
|
.pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
18455
18658
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
18456
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
18659
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
18457
18660
|
}
|
|
18458
18661
|
.pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
18459
18662
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -18643,6 +18846,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18643
18846
|
}
|
|
18644
18847
|
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
|
|
18645
18848
|
text-align: end;
|
|
18849
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
18646
18850
|
}
|
|
18647
18851
|
@media screen and (max-width: 36rem) {
|
|
18648
18852
|
.pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -18750,10 +18954,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18750
18954
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
18751
18955
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
18752
18956
|
}
|
|
18753
|
-
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
|
18957
|
+
.pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
|
|
18754
18958
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
18755
18959
|
}
|
|
18756
18960
|
.pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
|
|
18961
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
18757
18962
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
18758
18963
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
18759
18964
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -18763,7 +18968,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18763
18968
|
}
|
|
18764
18969
|
.pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
18765
18970
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
18766
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
18971
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
18767
18972
|
}
|
|
18768
18973
|
.pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
18769
18974
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -18953,6 +19158,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
18953
19158
|
}
|
|
18954
19159
|
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
18955
19160
|
text-align: end;
|
|
19161
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
18956
19162
|
}
|
|
18957
19163
|
@media screen and (max-width: 36rem) {
|
|
18958
19164
|
.pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -19060,10 +19266,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19060
19266
|
padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
|
|
19061
19267
|
padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
|
|
19062
19268
|
}
|
|
19063
|
-
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
|
|
19269
|
+
.pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check) + :where(th, td) {
|
|
19064
19270
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
|
|
19065
19271
|
}
|
|
19066
19272
|
.pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
|
|
19273
|
+
--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
|
|
19067
19274
|
--pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
|
|
19068
19275
|
--pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
|
|
19069
19276
|
--pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
|
|
@@ -19073,7 +19280,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19073
19280
|
}
|
|
19074
19281
|
.pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
|
|
19075
19282
|
margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
|
|
19076
|
-
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--
|
|
19283
|
+
margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
|
|
19077
19284
|
}
|
|
19078
19285
|
.pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
|
|
19079
19286
|
margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
|
|
@@ -19263,6 +19470,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19263
19470
|
}
|
|
19264
19471
|
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
19265
19472
|
text-align: end;
|
|
19473
|
+
margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
|
|
19266
19474
|
}
|
|
19267
19475
|
@media screen and (max-width: 36rem) {
|
|
19268
19476
|
.pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
|
|
@@ -19352,8 +19560,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19352
19560
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
19353
19561
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
19354
19562
|
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
|
|
19355
|
-
--pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
19356
|
-
--pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
19563
|
+
--pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
19564
|
+
--pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
19357
19565
|
--pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
19358
19566
|
--pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
19359
19567
|
--pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
|
|
@@ -19453,7 +19661,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19453
19661
|
--pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
|
|
19454
19662
|
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
|
|
19455
19663
|
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
|
|
19456
|
-
--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex:
|
|
19664
|
+
--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
|
|
19457
19665
|
--pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
|
|
19458
19666
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
|
|
19459
19667
|
--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -19473,6 +19681,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19473
19681
|
--pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
19474
19682
|
--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
19475
19683
|
--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
|
|
19684
|
+
--pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
19685
|
+
--pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
19476
19686
|
}
|
|
19477
19687
|
:where(.pf-v6-theme-glass) .pf-v6-c-table {
|
|
19478
19688
|
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
@@ -19494,16 +19704,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19494
19704
|
.pf-v6-c-table.pf-m-fixed {
|
|
19495
19705
|
table-layout: fixed;
|
|
19496
19706
|
}
|
|
19497
|
-
.pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::
|
|
19707
|
+
.pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
|
|
19498
19708
|
opacity: 0;
|
|
19499
19709
|
transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
|
|
19500
19710
|
transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
|
|
19501
19711
|
transition-property: opacity;
|
|
19502
19712
|
}
|
|
19503
|
-
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
|
|
19504
|
-
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
|
|
19505
|
-
}
|
|
19506
|
-
.pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after {
|
|
19713
|
+
.pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
|
|
19507
19714
|
opacity: 1;
|
|
19508
19715
|
}
|
|
19509
19716
|
.pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
|
|
@@ -19514,27 +19721,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19514
19721
|
inset-block-start: 0;
|
|
19515
19722
|
z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
|
|
19516
19723
|
}
|
|
19517
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::
|
|
19724
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
|
|
19518
19725
|
position: absolute;
|
|
19519
19726
|
inset: 0;
|
|
19520
19727
|
z-index: -1;
|
|
19521
19728
|
pointer-events: none;
|
|
19522
19729
|
content: "";
|
|
19523
|
-
background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
|
|
19524
19730
|
border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
19525
19731
|
box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
|
|
19526
19732
|
}
|
|
19527
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead
|
|
19528
|
-
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
|
|
19529
|
-
}
|
|
19530
|
-
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
|
|
19733
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
|
|
19531
19734
|
position: absolute;
|
|
19532
19735
|
inset: 0;
|
|
19533
|
-
z-index:
|
|
19736
|
+
z-index: -1;
|
|
19534
19737
|
pointer-events: none;
|
|
19535
19738
|
content: "";
|
|
19739
|
+
background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
|
|
19536
19740
|
border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
|
|
19537
19741
|
}
|
|
19742
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after {
|
|
19743
|
+
border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
19744
|
+
border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
19745
|
+
}
|
|
19746
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after {
|
|
19747
|
+
border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
19748
|
+
border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
|
|
19749
|
+
}
|
|
19750
|
+
.pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead > :where(th, td), .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead > :where(th, td) {
|
|
19751
|
+
z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
|
|
19752
|
+
}
|
|
19753
|
+
:where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header .pf-m-nested-column-header, :where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header-base .pf-m-nested-column-header {
|
|
19754
|
+
--pf-v6-c-table--m-sticky-header--BorderRadius: 0;
|
|
19755
|
+
--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
|
|
19756
|
+
}
|
|
19538
19757
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
|
|
19539
19758
|
border-block-end: 0;
|
|
19540
19759
|
}
|
|
@@ -19542,6 +19761,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19542
19761
|
.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]) {
|
|
19543
19762
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
|
|
19544
19763
|
}
|
|
19764
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
|
|
19765
|
+
position: sticky;
|
|
19766
|
+
inset-block-end: 0;
|
|
19767
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
|
|
19768
|
+
background: var(--pf-v6-c-table--BackgroundColor);
|
|
19769
|
+
}
|
|
19770
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
|
|
19771
|
+
position: absolute;
|
|
19772
|
+
inset: 0;
|
|
19773
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
|
|
19774
|
+
pointer-events: none;
|
|
19775
|
+
content: "";
|
|
19776
|
+
border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
19777
|
+
}
|
|
19778
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
|
|
19779
|
+
border-block-end: 0;
|
|
19780
|
+
}
|
|
19781
|
+
.pf-v6-c-table.pf-m-plain {
|
|
19782
|
+
--pf-v6-c-table--BackgroundColor: transparent;
|
|
19783
|
+
}
|
|
19545
19784
|
.pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
|
|
19546
19785
|
.pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
19547
19786
|
.pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
@@ -20225,14 +20464,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20225
20464
|
vertical-align: bottom;
|
|
20226
20465
|
}
|
|
20227
20466
|
.pf-v6-c-table__thead.pf-m-nested-column-header {
|
|
20467
|
+
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
20228
20468
|
position: relative;
|
|
20229
20469
|
}
|
|
20230
|
-
.pf-v6-c-table__thead.pf-m-nested-column-header
|
|
20231
|
-
position: absolute;
|
|
20232
|
-
inset: 0;
|
|
20470
|
+
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
|
|
20233
20471
|
z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
|
|
20234
|
-
pointer-events: none;
|
|
20235
|
-
content: "";
|
|
20236
20472
|
border-block-end: var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth) solid var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor);
|
|
20237
20473
|
}
|
|
20238
20474
|
.pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
|
|
@@ -20273,7 +20509,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20273
20509
|
border-block-end: 0;
|
|
20274
20510
|
}
|
|
20275
20511
|
.pf-v6-c-table__tr.pf-m-border-row {
|
|
20276
|
-
|
|
20512
|
+
height: var(--pf-v6-c-table--border-width--base);
|
|
20513
|
+
background-color: var(--pf-v6-c-table--BorderColor);
|
|
20514
|
+
}
|
|
20515
|
+
|
|
20516
|
+
.pf-v6-c-table__tfoot {
|
|
20517
|
+
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
|
20518
|
+
vertical-align: top;
|
|
20277
20519
|
}
|
|
20278
20520
|
|
|
20279
20521
|
.pf-v6-c-table__icon-inline {
|
|
@@ -20422,6 +20664,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20422
20664
|
--pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
|
|
20423
20665
|
}
|
|
20424
20666
|
|
|
20667
|
+
.pf-v6-c-table.pf-m-tree-view {
|
|
20668
|
+
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
|
|
20669
|
+
}
|
|
20425
20670
|
.pf-v6-c-table.pf-m-tree-view > tbody > tr {
|
|
20426
20671
|
--pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
|
|
20427
20672
|
}
|
|
@@ -21278,10 +21523,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21278
21523
|
--pf-v6-c-tabs__link--BorderColor: transparent;
|
|
21279
21524
|
--pf-v6-c-tabs__link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
|
|
21280
21525
|
--pf-v6-c-tabs__link--disabled--BorderColor: transparent;
|
|
21281
|
-
--pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
21282
|
-
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
21283
|
-
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
21284
|
-
--pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--
|
|
21526
|
+
--pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
21527
|
+
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
21528
|
+
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
21529
|
+
--pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
21285
21530
|
--pf-v6-c-tabs__link--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
21286
21531
|
--pf-v6-c-tabs__link--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
21287
21532
|
--pf-v6-c-tabs__link--disabled--BackgroundColor: transparent;
|
|
@@ -21300,9 +21545,15 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21300
21545
|
--pf-v6-c-tabs--m-box--m-secondary__link--disabled--BackgroundColor: transparent;
|
|
21301
21546
|
--pf-v6-c-tabs--m-box--m-secondary__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
21302
21547
|
--pf-v6-c-tabs--m-box--m-secondary__item--m-current__link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
21303
|
-
--pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--xs);
|
|
21304
21548
|
--pf-v6-c-tabs__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--short);
|
|
21305
21549
|
--pf-v6-c-tabs__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
|
|
21550
|
+
--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);
|
|
21551
|
+
--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);
|
|
21552
|
+
--pf-v6-c-tabs--m-subtab__link--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
21553
|
+
--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
|
|
21554
|
+
--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
21555
|
+
--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
|
|
21556
|
+
--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
|
|
21306
21557
|
--pf-v6-c-tabs__link--before--border-color--base: var(--pf-t--global--border--color--default);
|
|
21307
21558
|
--pf-v6-c-tabs__link--before--border-width--base: var(--pf-t--global--border--width--regular);
|
|
21308
21559
|
--pf-v6-c-tabs__link--before--BorderBlockStartColor: var(--pf-v6-c-tabs__link--before--border-color--base);
|
|
@@ -21669,9 +21920,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21669
21920
|
}
|
|
21670
21921
|
.pf-v6-c-tabs.pf-m-subtab {
|
|
21671
21922
|
--pf-v6-c-tabs__link--FontSize: var(--pf-v6-c-tabs--m-subtab__link--FontSize);
|
|
21923
|
+
--pf-v6-c-tabs__link--PaddingBlockStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockStart);
|
|
21924
|
+
--pf-v6-c-tabs__link--PaddingBlockEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingBlockEnd);
|
|
21925
|
+
--pf-v6-c-tabs__link--PaddingInlineStart: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineStart);
|
|
21926
|
+
--pf-v6-c-tabs__link--PaddingInlineEnd: var(--pf-v6-c-tabs--m-subtab__link--PaddingInlineEnd);
|
|
21672
21927
|
--pf-v6-c-tabs__item-action--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__item-action--c-button--FontSize);
|
|
21673
21928
|
--pf-v6-c-tabs__add--c-button--FontSize: var(--pf-v6-c-tabs--m-subtab__add--c-button--FontSize);
|
|
21674
21929
|
}
|
|
21930
|
+
.pf-v6-c-tabs.pf-m-subtab .pf-v6-c-tabs__link {
|
|
21931
|
+
margin-block-start: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockStart);
|
|
21932
|
+
margin-block-end: var(--pf-v6-c-tabs--m-subtab__link--MarginBlockEnd);
|
|
21933
|
+
}
|
|
21675
21934
|
.pf-v6-c-tabs.pf-m-page-insets {
|
|
21676
21935
|
--pf-v6-c-tabs--inset: var(--pf-v6-c-tabs--m-page-insets--inset);
|
|
21677
21936
|
}
|
|
@@ -22551,7 +22810,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22551
22810
|
|
|
22552
22811
|
.pf-v6-c-title {
|
|
22553
22812
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
22554
|
-
overflow-wrap:
|
|
22813
|
+
overflow-wrap: anywhere;
|
|
22555
22814
|
}
|
|
22556
22815
|
.pf-v6-c-title.pf-m-4xl {
|
|
22557
22816
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -24973,7 +25232,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24973
25232
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
24974
25233
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
24975
25234
|
text-align: center;
|
|
24976
|
-
overflow-wrap:
|
|
25235
|
+
overflow-wrap: anywhere;
|
|
24977
25236
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
24978
25237
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
24979
25238
|
}
|
|
@@ -25087,12 +25346,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25087
25346
|
}
|
|
25088
25347
|
|
|
25089
25348
|
.pf-v6-c-tree-view {
|
|
25090
|
-
--pf-v6-c-tree-view__node--indent--base: calc(var(--pf-
|
|
25349
|
+
--pf-v6-c-tree-view__node--indent--base: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart) + var(--pf-v6-c-tree-view__node-toggle--PaddingInlineEnd) + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
|
|
25091
25350
|
--pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
|
|
25092
25351
|
--pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
25093
|
-
--pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
25094
|
-
--pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--
|
|
25095
|
-
--pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
25352
|
+
--pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
25353
|
+
--pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
|
|
25354
|
+
--pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
25096
25355
|
--pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
|
|
25097
25356
|
--pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
|
|
25098
25357
|
--pf-v6-c-tree-view__node--BackgroundColor: transparent;
|
|
@@ -25136,9 +25395,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25136
25395
|
--pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
|
|
25137
25396
|
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
|
|
25138
25397
|
--pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
|
|
25139
|
-
--pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--
|
|
25398
|
+
--pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
|
|
25140
25399
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
|
|
25141
|
-
--pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--
|
|
25400
|
+
--pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
|
|
25142
25401
|
--pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
25143
25402
|
--pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
25144
25403
|
--pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
|
|
@@ -25154,7 +25413,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25154
25413
|
--pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
25155
25414
|
--pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
|
|
25156
25415
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
25157
|
-
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate:
|
|
25416
|
+
--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
|
|
25158
25417
|
--pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
25159
25418
|
--pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
25160
25419
|
--pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
|
|
@@ -25759,7 +26018,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25759
26018
|
--pf-v6-c-wizard__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
|
|
25760
26019
|
--pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
25761
26020
|
--pf-v6-c-wizard--m-plain__footer--BackgroundColor: transparent;
|
|
25762
|
-
--pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--
|
|
26021
|
+
--pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--sm);
|
|
25763
26022
|
--pf-v6-c-wizard__footer--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
25764
26023
|
--pf-v6-c-wizard__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
25765
26024
|
--pf-v6-c-wizard__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
|
|
@@ -25885,7 +26144,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25885
26144
|
align-items: baseline;
|
|
25886
26145
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
25887
26146
|
text-align: start;
|
|
25888
|
-
overflow-wrap:
|
|
26147
|
+
overflow-wrap: anywhere;
|
|
25889
26148
|
}
|
|
25890
26149
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
25891
26150
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -26021,7 +26280,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26021
26280
|
padding-inline: 0;
|
|
26022
26281
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
26023
26282
|
text-align: start;
|
|
26024
|
-
overflow-wrap:
|
|
26283
|
+
overflow-wrap: anywhere;
|
|
26025
26284
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
26026
26285
|
counter-increment: wizard-nav-count;
|
|
26027
26286
|
background-color: transparent;
|
|
@@ -26140,7 +26399,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26140
26399
|
flex-direction: column;
|
|
26141
26400
|
overflow-x: hidden;
|
|
26142
26401
|
overflow-y: auto;
|
|
26143
|
-
overflow-wrap:
|
|
26402
|
+
overflow-wrap: anywhere;
|
|
26144
26403
|
}
|
|
26145
26404
|
|
|
26146
26405
|
.pf-v6-c-wizard__main-body {
|