@patternfly/patternfly 6.6.0-prerelease.1 → 6.6.0-prerelease.10
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/images/img_avatar-rhds.svg +22 -0
- package/assets/images/pf-logo-avatar.jpg +0 -0
- package/base/normalize.scss +2 -0
- package/base/patternfly-common.css +2 -2
- package/base/patternfly-common.scss +1 -1
- package/base/patternfly-fa-icons.css +3 -3
- package/base/patternfly-fa-icons.scss +3 -3
- package/base/patternfly-variables.css +58 -56
- package/base/reset.scss +2 -0
- 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 +9 -9
- package/base/tokens/tokens-default.scss +8 -8
- package/base/tokens/tokens-felt-dark.scss +1 -1
- package/base/tokens/tokens-felt-glass-dark.scss +8 -8
- package/base/tokens/tokens-felt-glass.scss +10 -9
- 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 +8 -8
- package/base/tokens/tokens-glass.scss +10 -9
- package/base/tokens/tokens-highcontrast-dark.scss +8 -8
- package/base/tokens/tokens-highcontrast.scss +7 -7
- package/base/tokens/tokens-palette.scss +1 -1
- package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
- 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-group.css +1 -1
- package/components/Alert/alert-group.scss +1 -1
- package/components/Alert/alert.css +4 -3
- package/components/Alert/alert.scss +4 -3
- package/components/Avatar/avatar.css +144 -0
- package/components/Avatar/avatar.scss +161 -0
- package/components/Breadcrumb/breadcrumb.css +1 -1
- package/components/Breadcrumb/breadcrumb.scss +1 -1
- package/components/Button/button.css +9 -6
- package/components/Button/button.scss +10 -6
- package/components/Card/card.css +2 -2
- package/components/Card/card.scss +3 -3
- package/components/Check/check.css +1 -1
- package/components/Check/check.scss +1 -1
- package/components/ClipboardCopy/clipboard-copy.css +2 -2
- package/components/ClipboardCopy/clipboard-copy.scss +2 -2
- package/components/Compass/compass.css +7 -3
- package/components/Compass/compass.scss +7 -3
- package/components/Content/content.css +2 -2
- package/components/Content/content.scss +2 -2
- package/components/DataList/data-list.css +1 -1
- package/components/DataList/data-list.scss +1 -1
- package/components/DescriptionList/description-list.css +0 -1
- package/components/DescriptionList/description-list.scss +0 -1
- package/components/Drawer/drawer.css +2 -2
- package/components/Drawer/drawer.scss +2 -2
- package/components/DualListSelector/dual-list-selector.css +6 -6
- package/components/DualListSelector/dual-list-selector.scss +6 -6
- package/components/ExpandableSection/expandable-section.css +3 -3
- package/components/ExpandableSection/expandable-section.scss +3 -3
- package/components/Form/form.css +12 -12
- package/components/Form/form.scss +6 -6
- package/components/FormControl/form-control.css +1 -1
- package/components/FormControl/form-control.scss +3 -1
- package/components/Hero/hero.css +1 -1
- package/components/Hero/hero.scss +1 -1
- package/components/Hint/hint.css +1 -1
- package/components/Hint/hint.scss +1 -1
- package/components/InputGroup/input-group.css +5 -5
- package/components/InputGroup/input-group.scss +5 -5
- package/components/JumpLinks/jump-links.css +1 -1
- package/components/JumpLinks/jump-links.scss +1 -1
- package/components/Label/label.css +1 -1
- package/components/Label/label.scss +1 -1
- package/components/Login/login.css +2 -2
- package/components/Login/login.scss +2 -2
- package/components/Masthead/masthead.css +2 -2
- package/components/Masthead/masthead.scss +2 -2
- package/components/Menu/menu.css +4 -4
- package/components/Menu/menu.scss +4 -4
- package/components/MenuToggle/menu-toggle.css +4 -1
- package/components/MenuToggle/menu-toggle.scss +5 -2
- package/components/ModalBox/modal-box.css +1 -1
- package/components/ModalBox/modal-box.scss +1 -1
- package/components/Nav/nav.css +5 -5
- package/components/Nav/nav.scss +5 -5
- package/components/NotificationDrawer/notification-drawer.css +5 -5
- package/components/NotificationDrawer/notification-drawer.scss +5 -5
- package/components/Page/page.css +26 -21
- package/components/Page/page.scss +30 -25
- package/components/Popover/popover.css +1 -1
- package/components/Popover/popover.scss +2 -2
- package/components/Progress/progress.css +3 -3
- package/components/Progress/progress.scss +3 -6
- package/components/ProgressStepper/progress-stepper.css +1 -1
- package/components/Radio/radio.css +1 -1
- package/components/Radio/radio.scss +1 -1
- package/components/Sidebar/sidebar.css +4 -7
- package/components/Sidebar/sidebar.scss +9 -9
- package/components/Spinner/spinner.css +2 -2
- package/components/Spinner/spinner.scss +2 -2
- package/components/Switch/switch.css +1 -1
- package/components/Switch/switch.scss +1 -1
- package/components/Table/table-tree-view.css +10 -10
- package/components/Table/table-tree-view.scss +2 -2
- package/components/Table/table.css +37 -10
- package/components/Table/table.scss +53 -14
- package/components/Tabs/tabs.css +3 -3
- package/components/Tabs/tabs.scss +3 -3
- package/components/TextInputGroup/text-input-group.css +1 -1
- package/components/TextInputGroup/text-input-group.scss +1 -1
- package/components/Title/title.css +1 -1
- package/components/Title/title.scss +1 -1
- package/components/Toolbar/toolbar.css +1 -1
- package/components/Toolbar/toolbar.scss +1 -1
- package/components/Tooltip/tooltip.css +1 -1
- package/components/Tooltip/tooltip.scss +2 -2
- package/components/TreeView/tree-view.css +5 -5
- package/components/TreeView/tree-view.scss +5 -5
- package/components/Wizard/wizard.css +5 -5
- package/components/Wizard/wizard.scss +5 -5
- package/components/_index.css +337 -154
- package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
- package/docs/components/Accordion/examples/Accordion.md +30 -30
- package/docs/components/ActionList/examples/ActionList.md +11 -11
- package/docs/components/Alert/examples/Alert.md +54 -54
- package/docs/components/Avatar/examples/Avatar.css +6 -0
- package/docs/components/Avatar/examples/Avatar.md +414 -40
- package/docs/components/BackToTop/examples/BackToTop.md +1 -1
- package/docs/components/Banner/examples/Banner.md +10 -10
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
- package/docs/components/Button/examples/Button.md +184 -184
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
- package/docs/components/Card/examples/Card.md +14 -14
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
- package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
- package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
- package/docs/components/DataList/examples/DataList.md +34 -34
- package/docs/components/DatePicker/examples/DatePicker.md +6 -6
- package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
- package/docs/components/Drawer/examples/Drawer.md +23 -23
- package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
- package/docs/components/EmptyState/examples/EmptyState.md +6 -6
- package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
- package/docs/components/Form/examples/Form.md +6 -6
- package/docs/components/Hint/examples/Hint.md +3 -3
- package/docs/components/Icon/examples/Icon.md +9 -9
- package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
- package/docs/components/InputGroup/examples/InputGroup.md +4 -4
- package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
- package/docs/components/Label/examples/Label.md +218 -218
- package/docs/components/Login/examples/Login.md +4 -4
- package/docs/components/Masthead/examples/masthead.md +1 -1
- package/docs/components/Menu/examples/Menu.md +129 -129
- package/docs/components/MenuToggle/examples/MenuToggle.md +271 -232
- package/docs/components/ModalBox/examples/ModalBox.md +24 -24
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
- package/docs/components/Nav/examples/Navigation.md +66 -66
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
- package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
- package/docs/components/Page/examples/Page.md +1 -1
- package/docs/components/Pagination/examples/Pagination.md +92 -92
- package/docs/components/Popover/examples/Popover.md +22 -22
- package/docs/components/Progress/examples/Progress.md +7 -7
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
- package/docs/components/Sidebar/examples/Sidebar.md +3 -1
- package/docs/components/Slider/examples/Slider.md +4 -4
- package/docs/components/Table/examples/Table.css +6 -0
- package/docs/components/Table/examples/Table.md +807 -527
- package/docs/components/Tabs/examples/Tabs.md +378 -378
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
- package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
- package/docs/components/Toolbar/examples/Toolbar.md +117 -117
- package/docs/components/TreeView/examples/TreeView.md +104 -104
- package/docs/components/Wizard/examples/Wizard.md +40 -40
- package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
- package/docs/demos/Alert/examples/Alert.md +32 -32
- package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
- package/docs/demos/Banner/examples/Banner.md +16 -16
- package/docs/demos/Button/examples/Button.md +1 -1
- package/docs/demos/Card/examples/Card.md +78 -78
- package/docs/demos/CardView/examples/CardView.md +38 -38
- package/docs/demos/Compass/examples/Compass.md +294 -238
- package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
- package/docs/demos/DataList/examples/DataList.md +101 -101
- package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
- package/docs/demos/Drawer/examples/Drawer.md +40 -40
- package/docs/demos/Form/examples/BasicForms.md +21 -21
- package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
- package/docs/demos/Masthead/examples/Masthead.md +57 -57
- package/docs/demos/Modal/examples/Modal.md +54 -54
- package/docs/demos/Nav/examples/Nav.md +93 -93
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
- package/docs/demos/Page/examples/Page.md +119 -119
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
- package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
- package/docs/demos/Table/examples/Table.md +630 -630
- package/docs/demos/Tabs/examples/Tabs.md +62 -62
- package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
- package/docs/demos/Wizard/examples/Wizard.md +100 -100
- package/layouts/Gallery/gallery.css +1 -1
- package/layouts/Gallery/gallery.scss +1 -1
- package/layouts/Grid/grid.css +1 -1
- package/layouts/Grid/grid.scss +1 -1
- package/layouts/_index.css +2 -2
- package/package.json +11 -12
- package/patternfly-addons.css +12 -12
- package/patternfly-base-no-globals.css +63 -61
- package/patternfly-base.css +63 -61
- package/patternfly-no-globals.css +402 -217
- package/patternfly.css +402 -217
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +2 -2
- package/utilities/Accessibility/accessibility.css +12 -12
- package/utilities/_index.css +12 -12
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
|
-
|
|
167
|
+
overflow-wrap: break-word;
|
|
168
168
|
-webkit-overflow-scrolling: touch;
|
|
169
169
|
}
|
|
170
170
|
@media screen and (min-width: 36rem) {
|
|
@@ -424,8 +424,8 @@
|
|
|
424
424
|
}
|
|
425
425
|
|
|
426
426
|
.pf-v6-c-accordion__toggle-icon {
|
|
427
|
-
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
428
427
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
428
|
+
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
429
429
|
}
|
|
430
430
|
|
|
431
431
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
@@ -433,6 +433,7 @@
|
|
|
433
433
|
}
|
|
434
434
|
|
|
435
435
|
.pf-v6-c-accordion__expandable-content {
|
|
436
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
436
437
|
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
|
437
438
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
438
439
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
@@ -440,16 +441,15 @@
|
|
|
440
441
|
overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
|
|
441
442
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
442
443
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
443
|
-
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
444
444
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
445
445
|
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
446
446
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
447
447
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
448
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
448
449
|
transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
|
|
449
450
|
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
450
451
|
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
|
451
452
|
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
|
452
|
-
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
453
453
|
}
|
|
454
454
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
455
455
|
--pf-v6-c-accordion__expandable-content--Overflow: auto;
|
|
@@ -653,12 +653,13 @@
|
|
|
653
653
|
|
|
654
654
|
.pf-v6-c-alert__toggle-icon {
|
|
655
655
|
display: inline-block;
|
|
656
|
-
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
657
656
|
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
657
|
+
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
658
658
|
}
|
|
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
|
-
|
|
673
|
+
overflow-wrap: break-word;
|
|
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
|
-
|
|
685
|
+
overflow-wrap: break-word;
|
|
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);
|
|
@@ -831,8 +832,8 @@
|
|
|
831
832
|
display: grid;
|
|
832
833
|
grid-template-rows: 1fr;
|
|
833
834
|
opacity: 1;
|
|
834
|
-
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
835
835
|
transform: translateX(0) translateY(0);
|
|
836
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
836
837
|
}
|
|
837
838
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
838
839
|
.pf-v6-c-alert-group__item {
|
|
@@ -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;
|
|
@@ -1577,10 +1722,10 @@
|
|
|
1577
1722
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
1578
1723
|
line-height: inherit;
|
|
1579
1724
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
1725
|
+
overflow-wrap: break-word;
|
|
1580
1726
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
1581
1727
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
1582
1728
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
1583
|
-
word-break: break-word;
|
|
1584
1729
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
1585
1730
|
}
|
|
1586
1731
|
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
@@ -1998,10 +2143,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1998
2143
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
1999
2144
|
color: var(--pf-v6-c-button--Color);
|
|
2000
2145
|
text-align: center;
|
|
2146
|
+
white-space: nowrap;
|
|
2001
2147
|
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
|
2002
2148
|
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
|
2003
2149
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
2004
|
-
white-space: nowrap;
|
|
2005
2150
|
cursor: pointer;
|
|
2006
2151
|
-webkit-user-select: none;
|
|
2007
2152
|
user-select: none;
|
|
@@ -2011,11 +2156,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
2011
2156
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2012
2157
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2013
2158
|
border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2159
|
+
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
2014
2160
|
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
2015
2161
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
2016
2162
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
2017
2163
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
2018
|
-
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
2019
2164
|
}
|
|
2020
2165
|
.pf-v6-c-button::after {
|
|
2021
2166
|
position: absolute;
|
|
@@ -2142,10 +2287,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2142
2287
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
2143
2288
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
2144
2289
|
text-align: start;
|
|
2145
|
-
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
2146
2290
|
white-space: normal;
|
|
2147
|
-
|
|
2291
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
2148
2292
|
outline-offset: 0.125rem;
|
|
2293
|
+
background: transparent;
|
|
2149
2294
|
}
|
|
2150
2295
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
2151
2296
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
@@ -2483,6 +2628,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2483
2628
|
justify-content: flex-start;
|
|
2484
2629
|
width: 100%;
|
|
2485
2630
|
}
|
|
2631
|
+
.pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
|
|
2632
|
+
min-width: 1lh;
|
|
2633
|
+
}
|
|
2486
2634
|
@media (min-width: 62rem) {
|
|
2487
2635
|
.pf-v6-c-button.pf-m-docked {
|
|
2488
2636
|
justify-content: center;
|
|
@@ -2503,12 +2651,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2503
2651
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
2504
2652
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
2505
2653
|
color: var(--pf-v6-c-button__icon--Color);
|
|
2654
|
+
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
2655
|
+
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
2506
2656
|
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
2507
2657
|
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
2508
2658
|
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
2509
2659
|
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
|
2510
|
-
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
2511
|
-
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
2512
2660
|
}
|
|
2513
2661
|
.pf-v6-c-button__icon.pf-m-start {
|
|
2514
2662
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -2935,8 +3083,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2935
3083
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
|
|
2936
3084
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
|
|
2937
3085
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
|
|
2938
|
-
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
2939
3086
|
box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
|
|
3087
|
+
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
2940
3088
|
}
|
|
2941
3089
|
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
2942
3090
|
gap: 0;
|
|
@@ -3178,9 +3326,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3178
3326
|
}
|
|
3179
3327
|
|
|
3180
3328
|
.pf-v6-c-card__clickable-action {
|
|
3329
|
+
outline: 0;
|
|
3181
3330
|
background: none;
|
|
3182
3331
|
border: 0;
|
|
3183
|
-
outline: 0;
|
|
3184
3332
|
}
|
|
3185
3333
|
.pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
|
|
3186
3334
|
pointer-events: none;
|
|
@@ -3248,7 +3396,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3248
3396
|
.pf-v6-c-check {
|
|
3249
3397
|
display: grid;
|
|
3250
3398
|
grid-template-columns: auto 1fr;
|
|
3251
|
-
|
|
3399
|
+
gap: var(--pf-v6-c-check--GridGap);
|
|
3252
3400
|
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
3253
3401
|
}
|
|
3254
3402
|
.pf-v6-c-check.pf-m-standalone {
|
|
@@ -3379,7 +3527,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3379
3527
|
padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
|
|
3380
3528
|
padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
|
|
3381
3529
|
margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
|
|
3382
|
-
|
|
3530
|
+
overflow-wrap: break-word;
|
|
3383
3531
|
background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
|
|
3384
3532
|
background-clip: padding-box;
|
|
3385
3533
|
border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
|
|
@@ -3395,7 +3543,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3395
3543
|
}
|
|
3396
3544
|
|
|
3397
3545
|
.pf-v6-c-clipboard-copy__text {
|
|
3398
|
-
|
|
3546
|
+
overflow-wrap: break-word;
|
|
3399
3547
|
white-space: normal;
|
|
3400
3548
|
}
|
|
3401
3549
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -3884,8 +4032,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3884
4032
|
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
3885
4033
|
.pf-v6-c-compass__main-footer,
|
|
3886
4034
|
.pf-v6-c-compass__footer {
|
|
3887
|
-
margin: 0;
|
|
3888
4035
|
visibility: hidden;
|
|
4036
|
+
margin: 0;
|
|
3889
4037
|
opacity: 0;
|
|
3890
4038
|
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
3891
4039
|
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
@@ -4003,15 +4151,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4003
4151
|
inset-inline-start: 0;
|
|
4004
4152
|
z-index: var(--pf-v6-c-compass__dock--ZIndex);
|
|
4005
4153
|
display: flex;
|
|
4154
|
+
visibility: hidden;
|
|
4006
4155
|
flex-direction: column;
|
|
4007
4156
|
grid-area: dock;
|
|
4008
4157
|
width: var(--pf-v6-c-compass__dock--Width);
|
|
4009
|
-
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
4010
4158
|
translate: -100% 0;
|
|
4159
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
|
|
4011
4160
|
}
|
|
4012
4161
|
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
4013
4162
|
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
4163
|
+
visibility: visible;
|
|
4014
4164
|
translate: 0;
|
|
4165
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
4015
4166
|
}
|
|
4016
4167
|
@media (min-width: 62rem) {
|
|
4017
4168
|
.pf-v6-c-compass__dock {
|
|
@@ -4019,6 +4170,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4019
4170
|
--pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
|
|
4020
4171
|
position: revert;
|
|
4021
4172
|
inset: revert;
|
|
4173
|
+
visibility: revert;
|
|
4022
4174
|
width: auto;
|
|
4023
4175
|
translate: 0;
|
|
4024
4176
|
}
|
|
@@ -4033,9 +4185,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4033
4185
|
.pf-v6-c-compass__dock-main {
|
|
4034
4186
|
flex-grow: 1;
|
|
4035
4187
|
background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
|
|
4036
|
-
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
4037
4188
|
border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
|
|
4038
4189
|
box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
|
|
4190
|
+
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
4039
4191
|
}
|
|
4040
4192
|
.pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
|
|
4041
4193
|
border-inline-end: var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndColor);
|
|
@@ -4366,8 +4518,8 @@ ul) {
|
|
|
4366
4518
|
@media screen and (min-width: 36rem) {
|
|
4367
4519
|
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
4368
4520
|
grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
|
|
4369
|
-
|
|
4370
|
-
|
|
4521
|
+
row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
4522
|
+
column-gap: var(--pf-v6-c-content--dl--ColumnGap);
|
|
4371
4523
|
}
|
|
4372
4524
|
}
|
|
4373
4525
|
|
|
@@ -5156,8 +5308,8 @@ ul) {
|
|
|
5156
5308
|
.pf-v6-c-data-list__toggle-icon {
|
|
5157
5309
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
5158
5310
|
pointer-events: none;
|
|
5159
|
-
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
5160
5311
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
5312
|
+
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
5161
5313
|
}
|
|
5162
5314
|
|
|
5163
5315
|
.pf-v6-c-data-list__item-content {
|
|
@@ -5374,7 +5526,6 @@ ul) {
|
|
|
5374
5526
|
width: 100%;
|
|
5375
5527
|
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
5376
5528
|
break-inside: avoid;
|
|
5377
|
-
page-break-inside: avoid;
|
|
5378
5529
|
-webkit-column-break-inside: avoid;
|
|
5379
5530
|
-moz-column-break-inside: avoid;
|
|
5380
5531
|
}
|
|
@@ -5782,9 +5933,9 @@ ul) {
|
|
|
5782
5933
|
max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
|
|
5783
5934
|
margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
|
|
5784
5935
|
overflow: auto;
|
|
5936
|
+
outline-offset: 2px;
|
|
5785
5937
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
5786
5938
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
5787
|
-
outline-offset: 2px;
|
|
5788
5939
|
}
|
|
5789
5940
|
|
|
5790
5941
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -5820,25 +5971,25 @@ ul) {
|
|
|
5820
5971
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
5821
5972
|
}
|
|
5822
5973
|
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
|
|
5823
|
-
max-height: 0;
|
|
5824
5974
|
visibility: hidden;
|
|
5975
|
+
max-height: 0;
|
|
5825
5976
|
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
5977
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
5826
5978
|
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
|
5827
5979
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
5828
5980
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
|
5829
5981
|
transition-property: opacity, translate, visibility, max-height;
|
|
5830
|
-
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
5831
5982
|
}
|
|
5832
5983
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
5833
5984
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
|
|
5834
5985
|
}
|
|
5835
5986
|
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
|
|
5836
|
-
max-height: 99999px;
|
|
5837
5987
|
visibility: revert;
|
|
5988
|
+
max-height: 99999px;
|
|
5838
5989
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
5990
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
5839
5991
|
transition-delay: 0s;
|
|
5840
5992
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
5841
|
-
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
5842
5993
|
}
|
|
5843
5994
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
5844
5995
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
@@ -5973,10 +6124,10 @@ ul) {
|
|
|
5973
6124
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
5974
6125
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
5975
6126
|
text-align: center;
|
|
6127
|
+
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
5976
6128
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
5977
6129
|
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
5978
6130
|
transition-property: transform;
|
|
5979
|
-
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
5980
6131
|
}
|
|
5981
6132
|
|
|
5982
6133
|
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
@@ -6761,6 +6912,7 @@ ul) {
|
|
|
6761
6912
|
.pf-v6-c-drawer__panel {
|
|
6762
6913
|
position: relative;
|
|
6763
6914
|
z-index: var(--pf-v6-c-drawer__panel--ZIndex);
|
|
6915
|
+
visibility: hidden;
|
|
6764
6916
|
flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
|
|
6765
6917
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
6766
6918
|
order: 1;
|
|
@@ -6768,7 +6920,6 @@ ul) {
|
|
|
6768
6920
|
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
6769
6921
|
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
6770
6922
|
overflow: auto;
|
|
6771
|
-
visibility: hidden;
|
|
6772
6923
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
6773
6924
|
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
6774
6925
|
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
@@ -6878,8 +7029,8 @@ ul) {
|
|
|
6878
7029
|
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
6879
7030
|
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
6880
7031
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
6881
|
-
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
6882
7032
|
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
7033
|
+
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
6883
7034
|
}
|
|
6884
7035
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
6885
7036
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -7669,8 +7820,8 @@ ul) {
|
|
|
7669
7820
|
display: inline-block;
|
|
7670
7821
|
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
7671
7822
|
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
7672
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
7673
7823
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
7824
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
7674
7825
|
}
|
|
7675
7826
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
7676
7827
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
@@ -7685,15 +7836,15 @@ ul) {
|
|
|
7685
7836
|
display: revert;
|
|
7686
7837
|
}
|
|
7687
7838
|
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
7839
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
7688
7840
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
7689
7841
|
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
7690
|
-
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
7691
7842
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
7843
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
7692
7844
|
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
7693
7845
|
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
7694
7846
|
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
7695
7847
|
transition-property: opacity, translate, visibility, max-height;
|
|
7696
|
-
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
7697
7848
|
}
|
|
7698
7849
|
|
|
7699
7850
|
.pf-v6-c-file-upload {
|
|
@@ -7864,7 +8015,7 @@ ul) {
|
|
|
7864
8015
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
|
|
7865
8016
|
display: grid;
|
|
7866
8017
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7867
|
-
|
|
8018
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7868
8019
|
}
|
|
7869
8020
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
|
|
7870
8021
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7892,7 +8043,7 @@ ul) {
|
|
|
7892
8043
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
|
|
7893
8044
|
display: grid;
|
|
7894
8045
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7895
|
-
|
|
8046
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7896
8047
|
}
|
|
7897
8048
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
|
|
7898
8049
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7920,7 +8071,7 @@ ul) {
|
|
|
7920
8071
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
|
|
7921
8072
|
display: grid;
|
|
7922
8073
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7923
|
-
|
|
8074
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7924
8075
|
}
|
|
7925
8076
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
|
|
7926
8077
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7948,7 +8099,7 @@ ul) {
|
|
|
7948
8099
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
|
|
7949
8100
|
display: grid;
|
|
7950
8101
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7951
|
-
|
|
8102
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7952
8103
|
}
|
|
7953
8104
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
|
|
7954
8105
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7976,7 +8127,7 @@ ul) {
|
|
|
7976
8127
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
|
|
7977
8128
|
display: grid;
|
|
7978
8129
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
7979
|
-
|
|
8130
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7980
8131
|
}
|
|
7981
8132
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
|
|
7982
8133
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8004,7 +8155,7 @@ ul) {
|
|
|
8004
8155
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
|
|
8005
8156
|
display: grid;
|
|
8006
8157
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
8007
|
-
|
|
8158
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
8008
8159
|
}
|
|
8009
8160
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
|
|
8010
8161
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8032,7 +8183,7 @@ ul) {
|
|
|
8032
8183
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
|
|
8033
8184
|
display: grid;
|
|
8034
8185
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
8035
|
-
|
|
8186
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
8036
8187
|
}
|
|
8037
8188
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
|
|
8038
8189
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8205,14 +8356,14 @@ ul) {
|
|
|
8205
8356
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
8206
8357
|
}
|
|
8207
8358
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
8359
|
+
visibility: visible;
|
|
8208
8360
|
max-height: 99999px;
|
|
8209
8361
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
8210
8362
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
8211
|
-
visibility: visible;
|
|
8212
8363
|
opacity: 1;
|
|
8364
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
8213
8365
|
transition-delay: 0s;
|
|
8214
8366
|
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
8215
|
-
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
8216
8367
|
}
|
|
8217
8368
|
|
|
8218
8369
|
.pf-v6-c-form__field-group-toggle {
|
|
@@ -8234,10 +8385,10 @@ ul) {
|
|
|
8234
8385
|
display: inline-block;
|
|
8235
8386
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
8236
8387
|
text-align: center;
|
|
8388
|
+
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
8237
8389
|
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
8238
8390
|
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
8239
8391
|
transition-property: transform;
|
|
8240
|
-
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
8241
8392
|
}
|
|
8242
8393
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
8243
8394
|
scale: -1 1;
|
|
@@ -8286,15 +8437,15 @@ ul) {
|
|
|
8286
8437
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
8287
8438
|
}
|
|
8288
8439
|
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
8440
|
+
visibility: hidden;
|
|
8289
8441
|
max-height: 0;
|
|
8290
8442
|
padding-block-start: 0;
|
|
8291
8443
|
padding-block-end: 0;
|
|
8292
|
-
visibility: hidden;
|
|
8293
8444
|
opacity: 0;
|
|
8445
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
8294
8446
|
transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
|
|
8295
8447
|
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
|
|
8296
8448
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
8297
|
-
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
8298
8449
|
}
|
|
8299
8450
|
|
|
8300
8451
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
@@ -8454,10 +8605,10 @@ ul) {
|
|
|
8454
8605
|
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
8455
8606
|
color: var(--pf-v6-c-form-control--Color);
|
|
8456
8607
|
appearance: none;
|
|
8608
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
8457
8609
|
background-color: transparent;
|
|
8458
8610
|
border: none;
|
|
8459
8611
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
8460
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
8461
8612
|
}
|
|
8462
8613
|
.pf-v6-c-form-control > ::placeholder {
|
|
8463
8614
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
@@ -8823,8 +8974,8 @@ ul) {
|
|
|
8823
8974
|
:where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
|
|
8824
8975
|
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
8825
8976
|
--pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
|
|
8826
|
-
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
8827
8977
|
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
8978
|
+
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
8828
8979
|
}
|
|
8829
8980
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
8830
8981
|
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
@@ -8860,7 +9011,7 @@ ul) {
|
|
|
8860
9011
|
.pf-v6-c-hint {
|
|
8861
9012
|
display: grid;
|
|
8862
9013
|
grid-template-columns: 1fr auto;
|
|
8863
|
-
|
|
9014
|
+
row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
8864
9015
|
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
8865
9016
|
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
8866
9017
|
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
@@ -9308,20 +9459,20 @@ ul) {
|
|
|
9308
9459
|
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
9309
9460
|
}
|
|
9310
9461
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
|
|
9462
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
9311
9463
|
flex-grow: 1;
|
|
9312
9464
|
max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
|
|
9313
|
-
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
9314
9465
|
opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
|
|
9466
|
+
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
9467
|
+
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
9315
9468
|
transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
9316
9469
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
|
9317
9470
|
transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
|
|
9318
9471
|
transition-property: opacity, scale, visibility, max-width;
|
|
9319
|
-
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
9320
|
-
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
9321
9472
|
}
|
|
9322
9473
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
|
|
9323
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
9324
9474
|
visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
|
|
9475
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
9325
9476
|
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
|
9326
9477
|
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
9327
9478
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
|
@@ -9329,8 +9480,8 @@ ul) {
|
|
|
9329
9480
|
transition-property: opacity, visibility, max-width;
|
|
9330
9481
|
}
|
|
9331
9482
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
|
|
9332
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
9333
9483
|
visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
|
|
9484
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
9334
9485
|
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
|
9335
9486
|
transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
9336
9487
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
|
@@ -9657,10 +9808,10 @@ label.pf-v6-c-input-group__text {
|
|
|
9657
9808
|
.pf-v6-c-jump-links__toggle-icon {
|
|
9658
9809
|
display: inline-block;
|
|
9659
9810
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
9811
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
9660
9812
|
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
9661
9813
|
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
9662
9814
|
transition-property: transform;
|
|
9663
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
9664
9815
|
}
|
|
9665
9816
|
|
|
9666
9817
|
.pf-v6-c-label {
|
|
@@ -9873,9 +10024,9 @@ label.pf-v6-c-input-group__text {
|
|
|
9873
10024
|
font-size: var(--pf-v6-c-label--FontSize);
|
|
9874
10025
|
white-space: nowrap;
|
|
9875
10026
|
background: transparent;
|
|
9876
|
-
isolation: isolate;
|
|
9877
10027
|
border: 0;
|
|
9878
10028
|
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
10029
|
+
isolation: isolate;
|
|
9879
10030
|
}
|
|
9880
10031
|
.pf-v6-c-label.pf-m-blue {
|
|
9881
10032
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
|
@@ -10533,7 +10684,7 @@ ul.pf-v6-c-list {
|
|
|
10533
10684
|
display: grid;
|
|
10534
10685
|
grid-template-areas: "main header" "main footer" "main .";
|
|
10535
10686
|
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
10536
|
-
|
|
10687
|
+
column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
10537
10688
|
justify-content: center;
|
|
10538
10689
|
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
10539
10690
|
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
@@ -10559,10 +10710,10 @@ ul.pf-v6-c-list {
|
|
|
10559
10710
|
align-self: start;
|
|
10560
10711
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
10561
10712
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
10562
|
-
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
10563
10713
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
10564
10714
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
10565
10715
|
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
10716
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
10566
10717
|
}
|
|
10567
10718
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
10568
10719
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -10669,7 +10820,7 @@ ul.pf-v6-c-list {
|
|
|
10669
10820
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
10670
10821
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
10671
10822
|
--pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
|
|
10672
|
-
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--
|
|
10823
|
+
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
10673
10824
|
--pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
|
|
10674
10825
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10675
10826
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
@@ -10906,9 +11057,9 @@ ul.pf-v6-c-list {
|
|
|
10906
11057
|
}
|
|
10907
11058
|
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
10908
11059
|
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
10909
|
-
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10910
11060
|
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
10911
11061
|
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
11062
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10912
11063
|
}
|
|
10913
11064
|
|
|
10914
11065
|
.pf-v6-c-masthead__main {
|
|
@@ -11617,8 +11768,8 @@ ul.pf-v6-c-list {
|
|
|
11617
11768
|
}
|
|
11618
11769
|
|
|
11619
11770
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
|
|
11620
|
-
overflow: hidden;
|
|
11621
11771
|
visibility: visible;
|
|
11772
|
+
overflow: hidden;
|
|
11622
11773
|
transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
|
|
11623
11774
|
}
|
|
11624
11775
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
|
|
@@ -11644,8 +11795,8 @@ ul.pf-v6-c-list {
|
|
|
11644
11795
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11645
11796
|
}
|
|
11646
11797
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
|
|
11647
|
-
overflow: visible;
|
|
11648
11798
|
visibility: hidden;
|
|
11799
|
+
overflow: visible;
|
|
11649
11800
|
}
|
|
11650
11801
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
|
|
11651
11802
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item:not(.pf-m-current-path) {
|
|
@@ -11786,10 +11937,10 @@ ul.pf-v6-c-list {
|
|
|
11786
11937
|
color: var(--pf-v6-c-menu__item--Color);
|
|
11787
11938
|
text-align: start;
|
|
11788
11939
|
text-decoration-line: none;
|
|
11940
|
+
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11789
11941
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
11790
11942
|
border: 0;
|
|
11791
11943
|
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
11792
|
-
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11793
11944
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
11794
11945
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
11795
11946
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
@@ -11883,7 +12034,7 @@ ul.pf-v6-c-list {
|
|
|
11883
12034
|
.pf-v6-c-menu__item-description {
|
|
11884
12035
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
11885
12036
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
11886
|
-
|
|
12037
|
+
overflow-wrap: break-word;
|
|
11887
12038
|
}
|
|
11888
12039
|
|
|
11889
12040
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -12300,6 +12451,9 @@ ul.pf-v6-c-list {
|
|
|
12300
12451
|
justify-content: flex-start;
|
|
12301
12452
|
width: 100%;
|
|
12302
12453
|
}
|
|
12454
|
+
.pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
|
|
12455
|
+
min-width: 1lh;
|
|
12456
|
+
}
|
|
12303
12457
|
@media (min-width: 62rem) {
|
|
12304
12458
|
.pf-v6-c-menu-toggle.pf-m-docked {
|
|
12305
12459
|
justify-content: center;
|
|
@@ -12466,10 +12620,10 @@ ul.pf-v6-c-list {
|
|
|
12466
12620
|
|
|
12467
12621
|
.pf-v6-c-menu-toggle__icon {
|
|
12468
12622
|
flex-shrink: 0;
|
|
12623
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
12469
12624
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
12470
12625
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
12471
12626
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
12472
|
-
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
12473
12627
|
}
|
|
12474
12628
|
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
12475
12629
|
vertical-align: middle;
|
|
@@ -12677,7 +12831,7 @@ ul.pf-v6-c-list {
|
|
|
12677
12831
|
overflow-x: hidden;
|
|
12678
12832
|
overflow-y: auto;
|
|
12679
12833
|
overscroll-behavior: contain;
|
|
12680
|
-
|
|
12834
|
+
overflow-wrap: break-word;
|
|
12681
12835
|
-webkit-overflow-scrolling: touch;
|
|
12682
12836
|
}
|
|
12683
12837
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -13126,17 +13280,17 @@ ul.pf-v6-c-list {
|
|
|
13126
13280
|
|
|
13127
13281
|
.pf-v6-c-nav__subnav {
|
|
13128
13282
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
13283
|
+
visibility: visible;
|
|
13129
13284
|
max-height: 99999px;
|
|
13130
13285
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
13131
13286
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
13132
13287
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
13133
13288
|
overflow-y: clip;
|
|
13134
|
-
|
|
13289
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
13135
13290
|
transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
|
|
13136
13291
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
13137
13292
|
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
13138
13293
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
13139
|
-
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
13140
13294
|
}
|
|
13141
13295
|
.pf-v6-c-nav__subnav[hidden] {
|
|
13142
13296
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
@@ -13146,8 +13300,8 @@ ul.pf-v6-c-list {
|
|
|
13146
13300
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
13147
13301
|
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
13148
13302
|
display: grid;
|
|
13149
|
-
max-height: 0;
|
|
13150
13303
|
visibility: hidden;
|
|
13304
|
+
max-height: 0;
|
|
13151
13305
|
opacity: 0;
|
|
13152
13306
|
}
|
|
13153
13307
|
|
|
@@ -13165,10 +13319,10 @@ ul.pf-v6-c-list {
|
|
|
13165
13319
|
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
13166
13320
|
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
13167
13321
|
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
13322
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
13168
13323
|
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
13169
13324
|
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
13170
13325
|
transition-property: scale;
|
|
13171
|
-
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
13172
13326
|
}
|
|
13173
13327
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
13174
13328
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
@@ -13256,10 +13410,10 @@ ul.pf-v6-c-list {
|
|
|
13256
13410
|
|
|
13257
13411
|
.pf-v6-c-nav__toggle-icon {
|
|
13258
13412
|
display: inline-block;
|
|
13413
|
+
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
13259
13414
|
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
13260
13415
|
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
13261
13416
|
transition-property: transform;
|
|
13262
|
-
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
13263
13417
|
}
|
|
13264
13418
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
13265
13419
|
scale: -1 1;
|
|
@@ -13492,9 +13646,9 @@ ul.pf-v6-c-list {
|
|
|
13492
13646
|
padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
|
|
13493
13647
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
13494
13648
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
13649
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
13495
13650
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
13496
13651
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
13497
|
-
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
13498
13652
|
}
|
|
13499
13653
|
.pf-v6-c-notification-drawer__list-item::before {
|
|
13500
13654
|
position: absolute;
|
|
@@ -13551,7 +13705,7 @@ ul.pf-v6-c-list {
|
|
|
13551
13705
|
|
|
13552
13706
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
13553
13707
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
13554
|
-
|
|
13708
|
+
overflow-wrap: break-word;
|
|
13555
13709
|
}
|
|
13556
13710
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
13557
13711
|
display: -webkit-box;
|
|
@@ -13573,7 +13727,7 @@ ul.pf-v6-c-list {
|
|
|
13573
13727
|
grid-row: 2/3;
|
|
13574
13728
|
grid-column: 1/2;
|
|
13575
13729
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
13576
|
-
|
|
13730
|
+
overflow-wrap: break-word;
|
|
13577
13731
|
}
|
|
13578
13732
|
|
|
13579
13733
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -13604,9 +13758,9 @@ ul.pf-v6-c-list {
|
|
|
13604
13758
|
padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
|
|
13605
13759
|
padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
|
|
13606
13760
|
padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
|
|
13761
|
+
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
13607
13762
|
background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
|
|
13608
13763
|
border: none;
|
|
13609
|
-
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
13610
13764
|
}
|
|
13611
13765
|
|
|
13612
13766
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
@@ -13618,7 +13772,7 @@ ul.pf-v6-c-list {
|
|
|
13618
13772
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
13619
13773
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
13620
13774
|
text-align: start;
|
|
13621
|
-
|
|
13775
|
+
overflow-wrap: break-word;
|
|
13622
13776
|
}
|
|
13623
13777
|
|
|
13624
13778
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -13695,11 +13849,6 @@ ul.pf-v6-c-list {
|
|
|
13695
13849
|
.pf-v6-c-page {
|
|
13696
13850
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
13697
13851
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13698
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
13699
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
|
|
13700
|
-
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
13701
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13702
|
-
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
13703
13852
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
13704
13853
|
--pf-v6-c-page__dock--Width: 15.625rem;
|
|
13705
13854
|
--pf-v6-c-page__dock--desktop--Width: auto;
|
|
@@ -13718,6 +13867,11 @@ ul.pf-v6-c-list {
|
|
|
13718
13867
|
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
|
|
13719
13868
|
--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));
|
|
13720
13869
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
|
|
13870
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
13871
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13872
|
+
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13873
|
+
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13874
|
+
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
13721
13875
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
13722
13876
|
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
13723
13877
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
@@ -13888,20 +14042,17 @@ ul.pf-v6-c-list {
|
|
|
13888
14042
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
13889
14043
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
13890
14044
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
13891
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
13892
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
13893
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13894
14045
|
--pf-v6-c-page--BackgroundColor--glass: transparent;
|
|
13895
14046
|
--pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
13896
|
-
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
13897
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--
|
|
13898
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--
|
|
14047
|
+
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
14048
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
|
|
14049
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
13899
14050
|
--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
13900
14051
|
--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
13901
14052
|
--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
13902
|
-
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--
|
|
13903
|
-
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--
|
|
13904
|
-
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--
|
|
14053
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
14054
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
14055
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
13905
14056
|
--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
13906
14057
|
--pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
13907
14058
|
--pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
@@ -13912,9 +14063,11 @@ ul.pf-v6-c-list {
|
|
|
13912
14063
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
|
|
13913
14064
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13914
14065
|
--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
13915
|
-
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--
|
|
13916
|
-
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
13917
|
-
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome)
|
|
14066
|
+
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
|
|
14067
|
+
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
14068
|
+
--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));
|
|
14069
|
+
--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));
|
|
14070
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
13918
14071
|
}
|
|
13919
14072
|
:where(.pf-v6-theme-glass) .pf-v6-c-page {
|
|
13920
14073
|
--pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
|
|
@@ -13937,6 +14090,8 @@ ul.pf-v6-c-list {
|
|
|
13937
14090
|
--pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
|
|
13938
14091
|
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
|
|
13939
14092
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
|
|
14093
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
|
|
14094
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
|
|
13940
14095
|
}
|
|
13941
14096
|
@media (min-width: 75rem) {
|
|
13942
14097
|
.pf-v6-c-page {
|
|
@@ -14088,10 +14243,11 @@ ul.pf-v6-c-list {
|
|
|
14088
14243
|
inset-inline-start: 0;
|
|
14089
14244
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
14090
14245
|
display: flex;
|
|
14246
|
+
visibility: hidden;
|
|
14091
14247
|
flex-direction: column;
|
|
14092
14248
|
grid-area: dock;
|
|
14093
14249
|
width: var(--pf-v6-c-page__dock--Width);
|
|
14094
|
-
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
|
|
14250
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
|
|
14095
14251
|
translate: -100% 0;
|
|
14096
14252
|
}
|
|
14097
14253
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
|
|
@@ -14100,7 +14256,9 @@ ul.pf-v6-c-list {
|
|
|
14100
14256
|
|
|
14101
14257
|
.pf-v6-c-page__dock.pf-m-expanded {
|
|
14102
14258
|
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
|
|
14259
|
+
visibility: visible;
|
|
14103
14260
|
translate: 0;
|
|
14261
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
14104
14262
|
}
|
|
14105
14263
|
@media (min-width: 62rem) {
|
|
14106
14264
|
.pf-v6-c-page__dock {
|
|
@@ -14108,6 +14266,7 @@ ul.pf-v6-c-list {
|
|
|
14108
14266
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
14109
14267
|
position: revert;
|
|
14110
14268
|
inset: revert;
|
|
14269
|
+
visibility: revert;
|
|
14111
14270
|
width: auto;
|
|
14112
14271
|
translate: 0;
|
|
14113
14272
|
}
|
|
@@ -14122,9 +14281,9 @@ ul.pf-v6-c-list {
|
|
|
14122
14281
|
.pf-v6-c-page__dock-main {
|
|
14123
14282
|
flex-grow: 1;
|
|
14124
14283
|
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
14125
|
-
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
14126
14284
|
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
14127
14285
|
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
14286
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
14128
14287
|
}
|
|
14129
14288
|
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
14130
14289
|
border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
|
|
@@ -14206,10 +14365,10 @@ ul.pf-v6-c-list {
|
|
|
14206
14365
|
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
14207
14366
|
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
14208
14367
|
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
14209
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
14210
14368
|
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
14211
14369
|
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
14212
14370
|
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
14371
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
14213
14372
|
}
|
|
14214
14373
|
|
|
14215
14374
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -14575,7 +14734,6 @@ ul.pf-v6-c-list {
|
|
|
14575
14734
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
14576
14735
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
14577
14736
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
14578
|
-
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
14579
14737
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
14580
14738
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
14581
14739
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
@@ -14583,6 +14741,7 @@ ul.pf-v6-c-list {
|
|
|
14583
14741
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
14584
14742
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
14585
14743
|
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
14744
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
14586
14745
|
}
|
|
14587
14746
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
14588
14747
|
.pf-v6-c-page__main-container {
|
|
@@ -15607,7 +15766,7 @@ ul.pf-v6-c-list {
|
|
|
15607
15766
|
}
|
|
15608
15767
|
|
|
15609
15768
|
.pf-v6-c-popover__body {
|
|
15610
|
-
|
|
15769
|
+
overflow-wrap: break-word;
|
|
15611
15770
|
}
|
|
15612
15771
|
|
|
15613
15772
|
.pf-v6-c-popover__footer {
|
|
@@ -15652,7 +15811,7 @@ ul.pf-v6-c-list {
|
|
|
15652
15811
|
display: grid;
|
|
15653
15812
|
grid-template-rows: 1fr auto;
|
|
15654
15813
|
grid-template-columns: auto auto;
|
|
15655
|
-
|
|
15814
|
+
gap: var(--pf-v6-c-progress--GridGap);
|
|
15656
15815
|
align-items: end;
|
|
15657
15816
|
}
|
|
15658
15817
|
.pf-v6-c-progress.pf-m-sm {
|
|
@@ -15746,7 +15905,7 @@ ul.pf-v6-c-list {
|
|
|
15746
15905
|
|
|
15747
15906
|
.pf-v6-c-progress__description {
|
|
15748
15907
|
grid-column: 1/2;
|
|
15749
|
-
|
|
15908
|
+
overflow-wrap: break-word;
|
|
15750
15909
|
}
|
|
15751
15910
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
15752
15911
|
overflow: hidden;
|
|
@@ -15762,7 +15921,7 @@ ul.pf-v6-c-list {
|
|
|
15762
15921
|
align-items: flex-start;
|
|
15763
15922
|
justify-content: flex-end;
|
|
15764
15923
|
text-align: end;
|
|
15765
|
-
|
|
15924
|
+
overflow-wrap: break-word;
|
|
15766
15925
|
}
|
|
15767
15926
|
|
|
15768
15927
|
.pf-v6-c-progress__status-icon {
|
|
@@ -16025,9 +16184,9 @@ ul.pf-v6-c-list {
|
|
|
16025
16184
|
inset-block-start: 0;
|
|
16026
16185
|
inset-inline-start: 0;
|
|
16027
16186
|
overflow: hidden;
|
|
16028
|
-
clip: rect(0, 0, 0, 0);
|
|
16029
16187
|
white-space: nowrap;
|
|
16030
16188
|
border: 0;
|
|
16189
|
+
clip-path: inset(50%);
|
|
16031
16190
|
}
|
|
16032
16191
|
.pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
|
|
16033
16192
|
grid-row: 1/2;
|
|
@@ -16449,7 +16608,7 @@ ul.pf-v6-c-list {
|
|
|
16449
16608
|
.pf-v6-c-radio {
|
|
16450
16609
|
display: grid;
|
|
16451
16610
|
grid-template-columns: auto 1fr;
|
|
16452
|
-
|
|
16611
|
+
gap: var(--pf-v6-c-radio--GridGap);
|
|
16453
16612
|
align-items: baseline;
|
|
16454
16613
|
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
16455
16614
|
}
|
|
@@ -16680,6 +16839,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16680
16839
|
--pf-v6-c-sidebar__panel--Position: static;
|
|
16681
16840
|
--pf-v6-c-sidebar__panel--InsetBlockStart: auto;
|
|
16682
16841
|
}
|
|
16842
|
+
.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) {
|
|
16843
|
+
--pf-v6-c-sidebar__panel--BackgroundColor: transparent;
|
|
16844
|
+
}
|
|
16683
16845
|
.pf-v6-c-sidebar__panel.pf-m-secondary {
|
|
16684
16846
|
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
|
|
16685
16847
|
}
|
|
@@ -16699,7 +16861,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16699
16861
|
--pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
|
|
16700
16862
|
--pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
|
|
16701
16863
|
}
|
|
16702
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
16864
|
+
.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) {
|
|
16703
16865
|
--pf-v6-c-sidebar__content--BackgroundColor: transparent;
|
|
16704
16866
|
}
|
|
16705
16867
|
.pf-v6-c-sidebar__content.pf-m-secondary {
|
|
@@ -16712,12 +16874,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16712
16874
|
--pf-v6-c-sidebar__content--Order: -1;
|
|
16713
16875
|
}
|
|
16714
16876
|
|
|
16715
|
-
.pf-v6-c-sidebar.pf-m-no-background,
|
|
16716
|
-
.pf-v6-c-sidebar__panel.pf-m-no-background,
|
|
16717
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
16718
|
-
background-color: transparent;
|
|
16719
|
-
}
|
|
16720
|
-
|
|
16721
16877
|
.pf-v6-c-sidebar__panel.pf-m-width-default {
|
|
16722
16878
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
16723
16879
|
}
|
|
@@ -17444,10 +17600,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17444
17600
|
width: 100%;
|
|
17445
17601
|
height: 100%;
|
|
17446
17602
|
stroke: var(--pf-v6-c-spinner--Color);
|
|
17603
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
17604
|
+
stroke-linecap: round;
|
|
17447
17605
|
stroke-dasharray: 283;
|
|
17448
17606
|
stroke-dashoffset: 280;
|
|
17449
|
-
stroke-linecap: round;
|
|
17450
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
17451
17607
|
transform-origin: 50% 50%;
|
|
17452
17608
|
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
17453
17609
|
}
|
|
@@ -17607,8 +17763,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17607
17763
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
17608
17764
|
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
17609
17765
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
17610
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
17611
17766
|
transform: translateY(-50%);
|
|
17767
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
17612
17768
|
}
|
|
17613
17769
|
.pf-v6-c-switch__toggle::after {
|
|
17614
17770
|
position: absolute;
|
|
@@ -19466,6 +19622,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19466
19622
|
--pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
19467
19623
|
--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
19468
19624
|
--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
|
|
19625
|
+
--pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
19626
|
+
--pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
19469
19627
|
}
|
|
19470
19628
|
:where(.pf-v6-theme-glass) .pf-v6-c-table {
|
|
19471
19629
|
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
@@ -19535,6 +19693,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19535
19693
|
.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]) {
|
|
19536
19694
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
|
|
19537
19695
|
}
|
|
19696
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
|
|
19697
|
+
position: sticky;
|
|
19698
|
+
inset-block-end: 0;
|
|
19699
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
|
|
19700
|
+
background: var(--pf-v6-c-table--BackgroundColor);
|
|
19701
|
+
}
|
|
19702
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
|
|
19703
|
+
position: absolute;
|
|
19704
|
+
inset: 0;
|
|
19705
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
|
|
19706
|
+
pointer-events: none;
|
|
19707
|
+
content: "";
|
|
19708
|
+
border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
19709
|
+
}
|
|
19710
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
|
|
19711
|
+
border-block-end: 0;
|
|
19712
|
+
}
|
|
19713
|
+
.pf-v6-c-table.pf-m-plain {
|
|
19714
|
+
--pf-v6-c-table--BackgroundColor: transparent;
|
|
19715
|
+
}
|
|
19538
19716
|
.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),
|
|
19539
19717
|
.pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
19540
19718
|
.pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
@@ -19605,11 +19783,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19605
19783
|
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
19606
19784
|
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
19607
19785
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
19786
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
19608
19787
|
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
19609
19788
|
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
19610
19789
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19611
19790
|
color: var(--pf-v6-c-table--cell--Color);
|
|
19612
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
19613
19791
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
19614
19792
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
19615
19793
|
}
|
|
@@ -19715,24 +19893,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19715
19893
|
}
|
|
19716
19894
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
|
|
19717
19895
|
cursor: pointer;
|
|
19718
|
-
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
19719
19896
|
outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
|
|
19897
|
+
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
19720
19898
|
}
|
|
19721
19899
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
|
|
19722
19900
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
19723
19901
|
}
|
|
19724
19902
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
|
|
19725
19903
|
position: relative;
|
|
19726
|
-
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
19727
19904
|
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
|
|
19905
|
+
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
19728
19906
|
}
|
|
19729
19907
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
|
|
19730
19908
|
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
|
|
19731
19909
|
}
|
|
19732
19910
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
|
|
19733
19911
|
cursor: pointer;
|
|
19734
|
-
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
19735
19912
|
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
|
|
19913
|
+
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
19736
19914
|
}
|
|
19737
19915
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
|
|
19738
19916
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
@@ -19741,8 +19919,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19741
19919
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
|
|
19742
19920
|
}
|
|
19743
19921
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
|
|
19744
|
-
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
19745
19922
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
|
19923
|
+
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
19746
19924
|
}
|
|
19747
19925
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
|
|
19748
19926
|
border: none;
|
|
@@ -19767,11 +19945,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19767
19945
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
19768
19946
|
visibility: hidden;
|
|
19769
19947
|
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
19948
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
19770
19949
|
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
19771
19950
|
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
19772
19951
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
|
|
19773
19952
|
transition-property: opacity, translate, visibility, background-color;
|
|
19774
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
19775
19953
|
}
|
|
19776
19954
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
19777
19955
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
@@ -19779,9 +19957,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19779
19957
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
19780
19958
|
visibility: visible;
|
|
19781
19959
|
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
19960
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
19782
19961
|
transition-delay: 0s;
|
|
19783
19962
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
19784
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
19785
19963
|
}
|
|
19786
19964
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
19787
19965
|
max-height: 99999px;
|
|
@@ -19847,8 +20025,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19847
20025
|
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
19848
20026
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
19849
20027
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
19850
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19851
20028
|
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
20029
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19852
20030
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
19853
20031
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
19854
20032
|
}
|
|
@@ -19877,10 +20055,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19877
20055
|
text-align: start;
|
|
19878
20056
|
white-space: inherit;
|
|
19879
20057
|
user-select: text;
|
|
20058
|
+
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
19880
20059
|
background-color: var(--pf-v6-c-table__button--BackgroundColor);
|
|
19881
20060
|
border: 0;
|
|
19882
20061
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
19883
|
-
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
19884
20062
|
}
|
|
19885
20063
|
.pf-v6-c-table__button::after {
|
|
19886
20064
|
position: absolute;
|
|
@@ -19974,10 +20152,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19974
20152
|
}
|
|
19975
20153
|
|
|
19976
20154
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
20155
|
+
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
19977
20156
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
19978
20157
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
19979
20158
|
transition-property: transform;
|
|
19980
|
-
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
19981
20159
|
}
|
|
19982
20160
|
.pf-v6-c-table__toggle svg {
|
|
19983
20161
|
pointer-events: none;
|
|
@@ -20269,6 +20447,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20269
20447
|
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
20270
20448
|
}
|
|
20271
20449
|
|
|
20450
|
+
.pf-v6-c-table__tfoot {
|
|
20451
|
+
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
|
20452
|
+
vertical-align: top;
|
|
20453
|
+
}
|
|
20454
|
+
|
|
20272
20455
|
.pf-v6-c-table__icon-inline {
|
|
20273
20456
|
display: flex;
|
|
20274
20457
|
align-items: center;
|
|
@@ -20533,8 +20716,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20533
20716
|
}
|
|
20534
20717
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20535
20718
|
position: relative;
|
|
20536
|
-
border: none;
|
|
20537
20719
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20720
|
+
border: none;
|
|
20538
20721
|
}
|
|
20539
20722
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20540
20723
|
position: absolute;
|
|
@@ -20572,7 +20755,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20572
20755
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20573
20756
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20574
20757
|
grid-column: 1;
|
|
20575
|
-
|
|
20758
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20576
20759
|
align-items: start;
|
|
20577
20760
|
}
|
|
20578
20761
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20675,8 +20858,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20675
20858
|
}
|
|
20676
20859
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20677
20860
|
position: relative;
|
|
20678
|
-
border: none;
|
|
20679
20861
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20862
|
+
border: none;
|
|
20680
20863
|
}
|
|
20681
20864
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20682
20865
|
position: absolute;
|
|
@@ -20714,7 +20897,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20714
20897
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20715
20898
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20716
20899
|
grid-column: 1;
|
|
20717
|
-
|
|
20900
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20718
20901
|
align-items: start;
|
|
20719
20902
|
}
|
|
20720
20903
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20818,8 +21001,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20818
21001
|
}
|
|
20819
21002
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20820
21003
|
position: relative;
|
|
20821
|
-
border: none;
|
|
20822
21004
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
21005
|
+
border: none;
|
|
20823
21006
|
}
|
|
20824
21007
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20825
21008
|
position: absolute;
|
|
@@ -20857,7 +21040,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20857
21040
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20858
21041
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20859
21042
|
grid-column: 1;
|
|
20860
|
-
|
|
21043
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20861
21044
|
align-items: start;
|
|
20862
21045
|
}
|
|
20863
21046
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20961,8 +21144,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20961
21144
|
}
|
|
20962
21145
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20963
21146
|
position: relative;
|
|
20964
|
-
border: none;
|
|
20965
21147
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
21148
|
+
border: none;
|
|
20966
21149
|
}
|
|
20967
21150
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20968
21151
|
position: absolute;
|
|
@@ -21000,7 +21183,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21000
21183
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
21001
21184
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
21002
21185
|
grid-column: 1;
|
|
21003
|
-
|
|
21186
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
21004
21187
|
align-items: start;
|
|
21005
21188
|
}
|
|
21006
21189
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -21104,8 +21287,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21104
21287
|
}
|
|
21105
21288
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
21106
21289
|
position: relative;
|
|
21107
|
-
border: none;
|
|
21108
21290
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
21291
|
+
border: none;
|
|
21109
21292
|
}
|
|
21110
21293
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
21111
21294
|
position: absolute;
|
|
@@ -21143,7 +21326,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21143
21326
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
21144
21327
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
21145
21328
|
grid-column: 1;
|
|
21146
|
-
|
|
21329
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
21147
21330
|
align-items: start;
|
|
21148
21331
|
}
|
|
21149
21332
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -21696,8 +21879,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21696
21879
|
|
|
21697
21880
|
.pf-v6-c-tabs__toggle-icon {
|
|
21698
21881
|
display: inline-block;
|
|
21699
|
-
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
21700
21882
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
21883
|
+
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
21701
21884
|
}
|
|
21702
21885
|
|
|
21703
21886
|
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
@@ -21861,8 +22044,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21861
22044
|
align-self: end;
|
|
21862
22045
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
21863
22046
|
color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
|
|
21864
|
-
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
21865
22047
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
22048
|
+
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
21866
22049
|
}
|
|
21867
22050
|
|
|
21868
22051
|
.pf-v6-c-tabs__item-action {
|
|
@@ -22125,10 +22308,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22125
22308
|
border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
|
|
22126
22309
|
border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
|
|
22127
22310
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
22311
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
22128
22312
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
22129
22313
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
22130
22314
|
transition-property: width, height, translate;
|
|
22131
|
-
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
22132
22315
|
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
22133
22316
|
}
|
|
22134
22317
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
@@ -22334,9 +22517,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22334
22517
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
22335
22518
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
22336
22519
|
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
22520
|
+
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
22337
22521
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
22338
22522
|
border: 0;
|
|
22339
|
-
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
22340
22523
|
}
|
|
22341
22524
|
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
22342
22525
|
grid-area: text-input;
|
|
@@ -22544,7 +22727,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22544
22727
|
|
|
22545
22728
|
.pf-v6-c-title {
|
|
22546
22729
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
22547
|
-
|
|
22730
|
+
overflow-wrap: break-word;
|
|
22548
22731
|
}
|
|
22549
22732
|
.pf-v6-c-title.pf-m-4xl {
|
|
22550
22733
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -23327,10 +23510,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23327
23510
|
|
|
23328
23511
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
23329
23512
|
display: inline-flex;
|
|
23513
|
+
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
23330
23514
|
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
23331
23515
|
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
23332
23516
|
transition-property: transform;
|
|
23333
|
-
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
23334
23517
|
}
|
|
23335
23518
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
23336
23519
|
scale: -1 1;
|
|
@@ -24966,7 +25149,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24966
25149
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
24967
25150
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
24968
25151
|
text-align: center;
|
|
24969
|
-
|
|
25152
|
+
overflow-wrap: break-word;
|
|
24970
25153
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
24971
25154
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
24972
25155
|
}
|
|
@@ -25348,19 +25531,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25348
25531
|
display: inline-block;
|
|
25349
25532
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
25350
25533
|
text-align: center;
|
|
25351
|
-
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
25352
25534
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
25535
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
25353
25536
|
}
|
|
25354
25537
|
|
|
25355
25538
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
25356
|
-
max-height: 0;
|
|
25357
25539
|
visibility: hidden;
|
|
25540
|
+
max-height: 0;
|
|
25358
25541
|
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
25542
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
25359
25543
|
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
25360
25544
|
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
25361
25545
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
25362
25546
|
transition-property: opacity, translate, visibility, max-height;
|
|
25363
|
-
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
25364
25547
|
}
|
|
25365
25548
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
25366
25549
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -25371,12 +25554,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25371
25554
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
25372
25555
|
}
|
|
25373
25556
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
25374
|
-
max-height: 99999px;
|
|
25375
25557
|
visibility: revert;
|
|
25558
|
+
max-height: 99999px;
|
|
25376
25559
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
25560
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
25377
25561
|
transition-delay: 0s;
|
|
25378
25562
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
25379
|
-
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
25380
25563
|
}
|
|
25381
25564
|
|
|
25382
25565
|
.pf-v6-c-tree-view__node,
|
|
@@ -25815,7 +25998,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25815
25998
|
|
|
25816
25999
|
.pf-v6-c-wizard__title {
|
|
25817
26000
|
padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
|
|
25818
|
-
|
|
26001
|
+
overflow-wrap: break-word;
|
|
25819
26002
|
}
|
|
25820
26003
|
|
|
25821
26004
|
.pf-v6-c-wizard__title-text {
|
|
@@ -25878,7 +26061,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25878
26061
|
align-items: baseline;
|
|
25879
26062
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
25880
26063
|
text-align: start;
|
|
25881
|
-
|
|
26064
|
+
overflow-wrap: break-word;
|
|
25882
26065
|
}
|
|
25883
26066
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
25884
26067
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -26014,8 +26197,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26014
26197
|
padding-inline: 0;
|
|
26015
26198
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
26016
26199
|
text-align: start;
|
|
26200
|
+
overflow-wrap: break-word;
|
|
26017
26201
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
26018
|
-
word-break: break-word;
|
|
26019
26202
|
counter-increment: wizard-nav-count;
|
|
26020
26203
|
background-color: transparent;
|
|
26021
26204
|
border: none;
|
|
@@ -26120,10 +26303,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26120
26303
|
|
|
26121
26304
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
26122
26305
|
display: inline-block;
|
|
26306
|
+
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
26123
26307
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
26124
26308
|
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
26125
26309
|
transition-property: transform;
|
|
26126
|
-
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
26127
26310
|
}
|
|
26128
26311
|
|
|
26129
26312
|
.pf-v6-c-wizard__main {
|
|
@@ -26133,7 +26316,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26133
26316
|
flex-direction: column;
|
|
26134
26317
|
overflow-x: hidden;
|
|
26135
26318
|
overflow-y: auto;
|
|
26136
|
-
|
|
26319
|
+
overflow-wrap: break-word;
|
|
26137
26320
|
}
|
|
26138
26321
|
|
|
26139
26322
|
.pf-v6-c-wizard__main-body {
|