@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
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
inset-block-start: 0;
|
|
4
4
|
inset-inline-start: 0;
|
|
5
5
|
overflow: hidden;
|
|
6
|
-
clip: rect(0, 0, 0, 0);
|
|
7
6
|
white-space: nowrap;
|
|
8
7
|
border: 0;
|
|
8
|
+
clip-path: inset(50%);
|
|
9
9
|
}
|
|
10
10
|
.pf-v6-screen-reader.pf-m-full-size {
|
|
11
11
|
width: 100%;
|
|
@@ -108,8 +108,8 @@
|
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
110
|
:root {
|
|
111
|
-
container-type: inline-size;
|
|
112
111
|
container-name: pf-v6-contain-viewport pf-v6-contain-table;
|
|
112
|
+
container-type: inline-size;
|
|
113
113
|
}
|
|
114
114
|
|
|
115
115
|
@property --pf-v6-global--danger-jiggle--TranslateX {
|
|
@@ -5729,13 +5729,13 @@
|
|
|
5729
5729
|
.far,
|
|
5730
5730
|
.fal,
|
|
5731
5731
|
.fab {
|
|
5732
|
-
-moz-osx-font-smoothing: grayscale;
|
|
5733
|
-
-webkit-font-smoothing: antialiased;
|
|
5734
5732
|
display: inline-block;
|
|
5735
5733
|
font-style: normal;
|
|
5736
5734
|
font-variant: normal;
|
|
5737
|
-
text-rendering: auto;
|
|
5738
5735
|
line-height: 1;
|
|
5736
|
+
text-rendering: auto;
|
|
5737
|
+
-moz-osx-font-smoothing: grayscale;
|
|
5738
|
+
-webkit-font-smoothing: antialiased;
|
|
5739
5739
|
}
|
|
5740
5740
|
|
|
5741
5741
|
@font-face {
|
|
@@ -6400,12 +6400,12 @@
|
|
|
6400
6400
|
--pf-t--color--yellow--60: #96640f;
|
|
6401
6401
|
--pf-t--color--yellow--70: #73480b;
|
|
6402
6402
|
--pf-t--color--yellow--80: #54330b;
|
|
6403
|
-
--pf-t--global--background--color--500:
|
|
6404
|
-
--pf-t--global--background--color--600:
|
|
6405
|
-
--pf-t--global--background--color--700:
|
|
6406
|
-
--pf-t--global--background--color--action--plain--default:
|
|
6403
|
+
--pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
|
|
6404
|
+
--pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
|
|
6405
|
+
--pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
|
|
6406
|
+
--pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
|
|
6407
6407
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
6408
|
-
--pf-t--global--border--color--high-contrast:
|
|
6408
|
+
--pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
|
|
6409
6409
|
--pf-t--global--border--radius--0: 0px;
|
|
6410
6410
|
--pf-t--global--border--radius--100: 4px;
|
|
6411
6411
|
--pf-t--global--border--radius--200: 6px;
|
|
@@ -6443,8 +6443,8 @@
|
|
|
6443
6443
|
--pf-t--global--box-shadow--blur--100: 6px;
|
|
6444
6444
|
--pf-t--global--box-shadow--blur--200: 10px;
|
|
6445
6445
|
--pf-t--global--box-shadow--blur--300: 20px;
|
|
6446
|
-
--pf-t--global--box-shadow--color--100:
|
|
6447
|
-
--pf-t--global--box-shadow--color--200:
|
|
6446
|
+
--pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
|
|
6447
|
+
--pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
|
|
6448
6448
|
--pf-t--global--box-shadow--spread--100: 0px;
|
|
6449
6449
|
--pf-t--global--box-shadow--spread--200: -4px;
|
|
6450
6450
|
--pf-t--global--box-shadow--spread--300: -8px;
|
|
@@ -7317,10 +7317,10 @@
|
|
|
7317
7317
|
}
|
|
7318
7318
|
|
|
7319
7319
|
:root:where(.pf-v6-theme-high-contrast) {
|
|
7320
|
-
--pf-t--global--background--color--500:
|
|
7321
|
-
--pf-t--global--background--color--600:
|
|
7322
|
-
--pf-t--global--background--color--700:
|
|
7323
|
-
--pf-t--global--background--color--action--plain--default:
|
|
7320
|
+
--pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
|
|
7321
|
+
--pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
|
|
7322
|
+
--pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
|
|
7323
|
+
--pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
|
|
7324
7324
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
7325
7325
|
--pf-t--global--border--radius--0: 0px;
|
|
7326
7326
|
--pf-t--global--border--radius--100: 4px;
|
|
@@ -7354,8 +7354,8 @@
|
|
|
7354
7354
|
--pf-t--global--box-shadow--blur--100: 6px;
|
|
7355
7355
|
--pf-t--global--box-shadow--blur--200: 10px;
|
|
7356
7356
|
--pf-t--global--box-shadow--blur--300: 20px;
|
|
7357
|
-
--pf-t--global--box-shadow--color--100:
|
|
7358
|
-
--pf-t--global--box-shadow--color--200:
|
|
7357
|
+
--pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
|
|
7358
|
+
--pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
|
|
7359
7359
|
--pf-t--global--box-shadow--spread--100: 0px;
|
|
7360
7360
|
--pf-t--global--box-shadow--spread--200: -4px;
|
|
7361
7361
|
--pf-t--global--box-shadow--spread--300: -8px;
|
|
@@ -8072,13 +8072,13 @@
|
|
|
8072
8072
|
}
|
|
8073
8073
|
|
|
8074
8074
|
:root:where(.pf-v6-theme-glass) {
|
|
8075
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
8076
|
-
--pf-t--global--background--color--primary--clicked:
|
|
8077
|
-
--pf-t--global--background--color--primary--default:
|
|
8078
|
-
--pf-t--global--background--color--primary--hover:
|
|
8079
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
8080
|
-
--pf-t--global--background--color--secondary--default:
|
|
8081
|
-
--pf-t--global--background--color--secondary--hover:
|
|
8075
|
+
--pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
|
|
8076
|
+
--pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
|
|
8077
|
+
--pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
|
|
8078
|
+
--pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
|
|
8079
|
+
--pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
|
|
8080
|
+
--pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
|
|
8081
|
+
--pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
|
|
8082
8082
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
8083
8083
|
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
|
|
8084
8084
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
|
|
@@ -8086,6 +8086,7 @@
|
|
|
8086
8086
|
--pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
|
|
8087
8087
|
--pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium);
|
|
8088
8088
|
--pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular);
|
|
8089
|
+
--pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
|
|
8089
8090
|
--pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
|
|
8090
8091
|
--pf-t--global--background--image--default: var(--pf-t--global--background--image--glass, url("./assets/images/PF-Bkg-Generic-Light.svg"));
|
|
8091
8092
|
--pf-t--global--box-shadow--glass--default: var(--pf-t--global--box-shadow--md);
|
|
@@ -8217,13 +8218,13 @@
|
|
|
8217
8218
|
}
|
|
8218
8219
|
|
|
8219
8220
|
:root:where(.pf-v6-theme-felt.pf-v6-theme-glass) {
|
|
8220
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
8221
|
-
--pf-t--global--background--color--primary--clicked:
|
|
8222
|
-
--pf-t--global--background--color--primary--default:
|
|
8223
|
-
--pf-t--global--background--color--primary--hover:
|
|
8224
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
8225
|
-
--pf-t--global--background--color--secondary--default:
|
|
8226
|
-
--pf-t--global--background--color--secondary--hover:
|
|
8221
|
+
--pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
|
|
8222
|
+
--pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
|
|
8223
|
+
--pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
|
|
8224
|
+
--pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
|
|
8225
|
+
--pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
|
|
8226
|
+
--pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
|
|
8227
|
+
--pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
|
|
8227
8228
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
8228
8229
|
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
|
|
8229
8230
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
|
|
@@ -8239,20 +8240,21 @@
|
|
|
8239
8240
|
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
|
|
8240
8241
|
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
|
|
8241
8242
|
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
|
|
8243
|
+
--pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
|
|
8242
8244
|
--pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
|
|
8243
8245
|
--pf-t--global--background--image--default: var(--pf-t--global--background--image--felt--glass, url("./assets/images/Felt-Bkg-Generic-Light.svg"));
|
|
8244
8246
|
}
|
|
8245
8247
|
|
|
8246
8248
|
:root:where(.pf-v6-theme-dark) {
|
|
8247
|
-
--pf-t--global--background--color--action--plain--default:
|
|
8248
|
-
--pf-t--global--background--color--striped--row--default:
|
|
8249
|
+
--pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
|
|
8250
|
+
--pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
|
|
8249
8251
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
8250
|
-
--pf-t--global--border--color--high-contrast:
|
|
8251
|
-
--pf-t--global--dark--background--color--500:
|
|
8252
|
-
--pf-t--global--dark--background--color--600:
|
|
8253
|
-
--pf-t--global--dark--background--color--700:
|
|
8254
|
-
--pf-t--global--dark--box-shadow--color--100:
|
|
8255
|
-
--pf-t--global--dark--box-shadow--color--200:
|
|
8252
|
+
--pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
|
|
8253
|
+
--pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
|
|
8254
|
+
--pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
|
|
8255
|
+
--pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
|
|
8256
|
+
--pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
|
|
8257
|
+
--pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
|
|
8256
8258
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
8257
8259
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
8258
8260
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
@@ -8702,14 +8704,14 @@
|
|
|
8702
8704
|
}
|
|
8703
8705
|
|
|
8704
8706
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-high-contrast) {
|
|
8705
|
-
--pf-t--global--background--color--action--plain--default:
|
|
8706
|
-
--pf-t--global--background--color--striped--row--default:
|
|
8707
|
+
--pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
|
|
8708
|
+
--pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
|
|
8707
8709
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
8708
|
-
--pf-t--global--dark--background--color--500:
|
|
8709
|
-
--pf-t--global--dark--background--color--600:
|
|
8710
|
-
--pf-t--global--dark--background--color--700:
|
|
8711
|
-
--pf-t--global--dark--box-shadow--color--100:
|
|
8712
|
-
--pf-t--global--dark--box-shadow--color--200:
|
|
8710
|
+
--pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
|
|
8711
|
+
--pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
|
|
8712
|
+
--pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
|
|
8713
|
+
--pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
|
|
8714
|
+
--pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
|
|
8713
8715
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
8714
8716
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
8715
8717
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9143,13 +9145,13 @@
|
|
|
9143
9145
|
}
|
|
9144
9146
|
|
|
9145
9147
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-glass) {
|
|
9146
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
9147
|
-
--pf-t--global--background--color--primary--clicked:
|
|
9148
|
-
--pf-t--global--background--color--primary--default:
|
|
9149
|
-
--pf-t--global--background--color--primary--hover:
|
|
9150
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
9151
|
-
--pf-t--global--background--color--secondary--default:
|
|
9152
|
-
--pf-t--global--background--color--secondary--hover:
|
|
9148
|
+
--pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9149
|
+
--pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
|
|
9150
|
+
--pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9151
|
+
--pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
|
|
9152
|
+
--pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
|
|
9153
|
+
--pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
|
|
9154
|
+
--pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
|
|
9153
9155
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
9154
9156
|
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
|
|
9155
9157
|
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9212,13 +9214,13 @@
|
|
|
9212
9214
|
}
|
|
9213
9215
|
|
|
9214
9216
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-glass) {
|
|
9215
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
9216
|
-
--pf-t--global--background--color--primary--clicked:
|
|
9217
|
-
--pf-t--global--background--color--primary--default:
|
|
9218
|
-
--pf-t--global--background--color--primary--hover:
|
|
9219
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
9220
|
-
--pf-t--global--background--color--secondary--default:
|
|
9221
|
-
--pf-t--global--background--color--secondary--hover:
|
|
9217
|
+
--pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9218
|
+
--pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
|
|
9219
|
+
--pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9220
|
+
--pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
|
|
9221
|
+
--pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
|
|
9222
|
+
--pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
|
|
9223
|
+
--pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
|
|
9222
9224
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
9223
9225
|
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
|
|
9224
9226
|
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9418,7 +9420,7 @@
|
|
|
9418
9420
|
overflow-x: hidden;
|
|
9419
9421
|
overflow-y: auto;
|
|
9420
9422
|
overscroll-behavior: contain;
|
|
9421
|
-
|
|
9423
|
+
overflow-wrap: break-word;
|
|
9422
9424
|
-webkit-overflow-scrolling: touch;
|
|
9423
9425
|
}
|
|
9424
9426
|
@media screen and (min-width: 36rem) {
|
|
@@ -9678,8 +9680,8 @@
|
|
|
9678
9680
|
}
|
|
9679
9681
|
|
|
9680
9682
|
.pf-v6-c-accordion__toggle-icon {
|
|
9681
|
-
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9682
9683
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
9684
|
+
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9683
9685
|
}
|
|
9684
9686
|
|
|
9685
9687
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
@@ -9687,6 +9689,7 @@
|
|
|
9687
9689
|
}
|
|
9688
9690
|
|
|
9689
9691
|
.pf-v6-c-accordion__expandable-content {
|
|
9692
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9690
9693
|
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
|
9691
9694
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
9692
9695
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
@@ -9694,16 +9697,15 @@
|
|
|
9694
9697
|
overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
|
|
9695
9698
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
9696
9699
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
9697
|
-
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9698
9700
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
9699
9701
|
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
9700
9702
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
9701
9703
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
9704
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9702
9705
|
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);
|
|
9703
9706
|
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
9704
9707
|
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
|
9705
9708
|
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
|
9706
|
-
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9707
9709
|
}
|
|
9708
9710
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
9709
9711
|
--pf-v6-c-accordion__expandable-content--Overflow: auto;
|
|
@@ -9907,12 +9909,13 @@
|
|
|
9907
9909
|
|
|
9908
9910
|
.pf-v6-c-alert__toggle-icon {
|
|
9909
9911
|
display: inline-block;
|
|
9910
|
-
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
9911
9912
|
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
9913
|
+
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
9912
9914
|
}
|
|
9913
9915
|
|
|
9914
9916
|
.pf-v6-c-alert__icon {
|
|
9915
9917
|
grid-area: icon;
|
|
9918
|
+
align-self: baseline;
|
|
9916
9919
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
9917
9920
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
9918
9921
|
color: var(--pf-v6-c-alert__icon--Color);
|
|
@@ -9923,7 +9926,7 @@
|
|
|
9923
9926
|
grid-area: title;
|
|
9924
9927
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
9925
9928
|
color: var(--pf-v6-c-alert__title--Color);
|
|
9926
|
-
|
|
9929
|
+
overflow-wrap: break-word;
|
|
9927
9930
|
}
|
|
9928
9931
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
9929
9932
|
display: -webkit-box;
|
|
@@ -9935,7 +9938,7 @@
|
|
|
9935
9938
|
.pf-v6-c-alert__description {
|
|
9936
9939
|
grid-area: description;
|
|
9937
9940
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
9938
|
-
|
|
9941
|
+
overflow-wrap: break-word;
|
|
9939
9942
|
}
|
|
9940
9943
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
9941
9944
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -10085,8 +10088,8 @@
|
|
|
10085
10088
|
display: grid;
|
|
10086
10089
|
grid-template-rows: 1fr;
|
|
10087
10090
|
opacity: 1;
|
|
10088
|
-
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10089
10091
|
transform: translateX(0) translateY(0);
|
|
10092
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10090
10093
|
}
|
|
10091
10094
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
10092
10095
|
.pf-v6-c-alert-group__item {
|
|
@@ -10142,24 +10145,87 @@
|
|
|
10142
10145
|
--pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
10143
10146
|
--pf-v6-c-avatar--Width: 2.25rem;
|
|
10144
10147
|
--pf-v6-c-avatar--Height: 2.25rem;
|
|
10148
|
+
--pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
|
|
10145
10149
|
--pf-v6-c-avatar--m-sm--Width: 1.5rem;
|
|
10146
10150
|
--pf-v6-c-avatar--m-sm--Height: 1.5rem;
|
|
10151
|
+
--pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
|
|
10147
10152
|
--pf-v6-c-avatar--m-md--Width: 2.25rem;
|
|
10148
10153
|
--pf-v6-c-avatar--m-md--Height: 2.25rem;
|
|
10154
|
+
--pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
|
|
10149
10155
|
--pf-v6-c-avatar--m-lg--Width: 4.5rem;
|
|
10150
10156
|
--pf-v6-c-avatar--m-lg--Height: 4.5rem;
|
|
10157
|
+
--pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
|
|
10151
10158
|
--pf-v6-c-avatar--m-xl--Width: 8rem;
|
|
10152
10159
|
--pf-v6-c-avatar--m-xl--Height: 8rem;
|
|
10160
|
+
--pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
|
|
10153
10161
|
--pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
|
|
10154
10162
|
--pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
10163
|
+
--pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
10164
|
+
--pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10165
|
+
--pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
|
|
10166
|
+
--pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
|
|
10167
|
+
--pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
|
|
10168
|
+
--pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
|
|
10169
|
+
--pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
|
|
10170
|
+
--pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
|
|
10171
|
+
--pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
|
|
10172
|
+
--pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
|
|
10173
|
+
--pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
|
|
10174
|
+
--pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
|
|
10175
|
+
--pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
|
|
10176
|
+
--pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
|
|
10177
|
+
--pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
|
|
10178
|
+
--pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
|
|
10179
|
+
--pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
|
|
10180
|
+
--pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
|
|
10181
|
+
--pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
|
|
10182
|
+
--pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
|
|
10183
|
+
--pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
|
|
10184
|
+
--pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
|
|
10185
|
+
--pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
|
|
10186
|
+
--pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
|
|
10187
|
+
--pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
|
|
10188
|
+
--pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
10189
|
+
--pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
|
|
10190
|
+
--pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
|
|
10191
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
10192
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
10193
|
+
--pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
10194
|
+
--pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
10195
|
+
--pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
|
|
10196
|
+
--pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
10197
|
+
--pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
10198
|
+
--pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
|
|
10199
|
+
--pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
10200
|
+
--pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
10201
|
+
--pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
|
|
10202
|
+
--pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
|
|
10203
|
+
--pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
|
|
10204
|
+
--pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
|
|
10205
|
+
--pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
|
|
10206
|
+
--pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
|
10207
|
+
--pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
|
|
10208
|
+
--pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
|
|
10209
|
+
--pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
10155
10210
|
}
|
|
10156
10211
|
|
|
10157
10212
|
.pf-v6-c-avatar {
|
|
10158
10213
|
width: var(--pf-v6-c-avatar--Width);
|
|
10159
10214
|
height: var(--pf-v6-c-avatar--Height);
|
|
10215
|
+
font-size: var(--pf-v6-c-avatar--FontSize);
|
|
10216
|
+
color: var(--pf-v6-c-avatar--Color, inherit);
|
|
10217
|
+
background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
|
|
10160
10218
|
border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
|
|
10161
10219
|
border-radius: var(--pf-v6-c-avatar--BorderRadius);
|
|
10162
10220
|
}
|
|
10221
|
+
div.pf-v6-c-avatar {
|
|
10222
|
+
display: inline-flex;
|
|
10223
|
+
align-items: center;
|
|
10224
|
+
justify-content: center;
|
|
10225
|
+
overflow: clip;
|
|
10226
|
+
vertical-align: middle;
|
|
10227
|
+
}
|
|
10228
|
+
|
|
10163
10229
|
.pf-v6-c-avatar.pf-m-bordered {
|
|
10164
10230
|
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
|
|
10165
10231
|
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
|
|
@@ -10388,6 +10454,87 @@
|
|
|
10388
10454
|
--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))))));
|
|
10389
10455
|
}
|
|
10390
10456
|
}
|
|
10457
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
10458
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
|
|
10459
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
|
|
10460
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
|
|
10461
|
+
}
|
|
10462
|
+
.pf-v6-c-avatar.pf-m-lg {
|
|
10463
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
|
|
10464
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
|
|
10465
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
|
|
10466
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
|
|
10467
|
+
}
|
|
10468
|
+
.pf-v6-c-avatar.pf-m-xl {
|
|
10469
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
|
|
10470
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
|
|
10471
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
|
|
10472
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
|
|
10473
|
+
}
|
|
10474
|
+
.pf-v6-c-avatar.pf-m-colorful {
|
|
10475
|
+
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
|
|
10476
|
+
}
|
|
10477
|
+
.pf-v6-c-avatar.pf-m-red {
|
|
10478
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
|
|
10479
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
|
|
10480
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
|
|
10481
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
|
|
10482
|
+
}
|
|
10483
|
+
.pf-v6-c-avatar.pf-m-orangered {
|
|
10484
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
|
|
10485
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
|
|
10486
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
|
|
10487
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
|
|
10488
|
+
}
|
|
10489
|
+
.pf-v6-c-avatar.pf-m-orange {
|
|
10490
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
|
|
10491
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
|
|
10492
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
|
|
10493
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
|
|
10494
|
+
}
|
|
10495
|
+
.pf-v6-c-avatar.pf-m-yellow {
|
|
10496
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
|
|
10497
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
|
|
10498
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
|
|
10499
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
|
|
10500
|
+
}
|
|
10501
|
+
.pf-v6-c-avatar.pf-m-green {
|
|
10502
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
|
|
10503
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
|
|
10504
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
|
|
10505
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
|
|
10506
|
+
}
|
|
10507
|
+
.pf-v6-c-avatar.pf-m-teal {
|
|
10508
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
|
|
10509
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
|
|
10510
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
|
|
10511
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
|
|
10512
|
+
}
|
|
10513
|
+
.pf-v6-c-avatar.pf-m-blue {
|
|
10514
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
|
|
10515
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
|
|
10516
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
|
|
10517
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
|
|
10518
|
+
}
|
|
10519
|
+
.pf-v6-c-avatar.pf-m-purple {
|
|
10520
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
|
|
10521
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
|
|
10522
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
|
|
10523
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
|
|
10524
|
+
}
|
|
10525
|
+
.pf-v6-c-avatar.pf-m-gray {
|
|
10526
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
|
|
10527
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
|
|
10528
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
|
|
10529
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
|
|
10530
|
+
}
|
|
10531
|
+
|
|
10532
|
+
.pf-v6-c-avatar__initials {
|
|
10533
|
+
font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
|
|
10534
|
+
font-size: var(--pf-v6-c-avatar__initials--FontSize);
|
|
10535
|
+
font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
|
|
10536
|
+
color: var(--pf-v6-c-avatar__initials--Color);
|
|
10537
|
+
}
|
|
10391
10538
|
|
|
10392
10539
|
.pf-v6-c-backdrop {
|
|
10393
10540
|
--pf-v6-c-backdrop--Position: fixed;
|
|
@@ -10831,10 +10978,10 @@
|
|
|
10831
10978
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
10832
10979
|
line-height: inherit;
|
|
10833
10980
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
10981
|
+
overflow-wrap: break-word;
|
|
10834
10982
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
10835
10983
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
10836
10984
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
10837
|
-
word-break: break-word;
|
|
10838
10985
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
10839
10986
|
}
|
|
10840
10987
|
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
@@ -11252,10 +11399,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11252
11399
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
11253
11400
|
color: var(--pf-v6-c-button--Color);
|
|
11254
11401
|
text-align: center;
|
|
11402
|
+
white-space: nowrap;
|
|
11255
11403
|
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
|
11256
11404
|
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
|
11257
11405
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
11258
|
-
white-space: nowrap;
|
|
11259
11406
|
cursor: pointer;
|
|
11260
11407
|
-webkit-user-select: none;
|
|
11261
11408
|
user-select: none;
|
|
@@ -11265,11 +11412,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11265
11412
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11266
11413
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11267
11414
|
border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11415
|
+
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
11268
11416
|
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
11269
11417
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
11270
11418
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
11271
11419
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
11272
|
-
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
11273
11420
|
}
|
|
11274
11421
|
.pf-v6-c-button::after {
|
|
11275
11422
|
position: absolute;
|
|
@@ -11396,10 +11543,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11396
11543
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
11397
11544
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
11398
11545
|
text-align: start;
|
|
11399
|
-
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11400
11546
|
white-space: normal;
|
|
11401
|
-
|
|
11547
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11402
11548
|
outline-offset: 0.125rem;
|
|
11549
|
+
background: transparent;
|
|
11403
11550
|
}
|
|
11404
11551
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
11405
11552
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
@@ -11737,6 +11884,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11737
11884
|
justify-content: flex-start;
|
|
11738
11885
|
width: 100%;
|
|
11739
11886
|
}
|
|
11887
|
+
.pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
|
|
11888
|
+
min-width: 1lh;
|
|
11889
|
+
}
|
|
11740
11890
|
@media (min-width: 62rem) {
|
|
11741
11891
|
.pf-v6-c-button.pf-m-docked {
|
|
11742
11892
|
justify-content: center;
|
|
@@ -11757,12 +11907,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11757
11907
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
11758
11908
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
11759
11909
|
color: var(--pf-v6-c-button__icon--Color);
|
|
11910
|
+
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
11911
|
+
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
11760
11912
|
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
11761
11913
|
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
11762
11914
|
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
11763
11915
|
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
|
11764
|
-
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
11765
|
-
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
11766
11916
|
}
|
|
11767
11917
|
.pf-v6-c-button__icon.pf-m-start {
|
|
11768
11918
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -12189,8 +12339,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12189
12339
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
|
|
12190
12340
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
|
|
12191
12341
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
|
|
12192
|
-
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
12193
12342
|
box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
|
|
12343
|
+
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
12194
12344
|
}
|
|
12195
12345
|
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
12196
12346
|
gap: 0;
|
|
@@ -12432,9 +12582,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12432
12582
|
}
|
|
12433
12583
|
|
|
12434
12584
|
.pf-v6-c-card__clickable-action {
|
|
12585
|
+
outline: 0;
|
|
12435
12586
|
background: none;
|
|
12436
12587
|
border: 0;
|
|
12437
|
-
outline: 0;
|
|
12438
12588
|
}
|
|
12439
12589
|
.pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
|
|
12440
12590
|
pointer-events: none;
|
|
@@ -12502,7 +12652,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12502
12652
|
.pf-v6-c-check {
|
|
12503
12653
|
display: grid;
|
|
12504
12654
|
grid-template-columns: auto 1fr;
|
|
12505
|
-
|
|
12655
|
+
gap: var(--pf-v6-c-check--GridGap);
|
|
12506
12656
|
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
12507
12657
|
}
|
|
12508
12658
|
.pf-v6-c-check.pf-m-standalone {
|
|
@@ -12633,7 +12783,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12633
12783
|
padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
|
|
12634
12784
|
padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
|
|
12635
12785
|
margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
|
|
12636
|
-
|
|
12786
|
+
overflow-wrap: break-word;
|
|
12637
12787
|
background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
|
|
12638
12788
|
background-clip: padding-box;
|
|
12639
12789
|
border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
|
|
@@ -12649,7 +12799,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12649
12799
|
}
|
|
12650
12800
|
|
|
12651
12801
|
.pf-v6-c-clipboard-copy__text {
|
|
12652
|
-
|
|
12802
|
+
overflow-wrap: break-word;
|
|
12653
12803
|
white-space: normal;
|
|
12654
12804
|
}
|
|
12655
12805
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -13138,8 +13288,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13138
13288
|
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
13139
13289
|
.pf-v6-c-compass__main-footer,
|
|
13140
13290
|
.pf-v6-c-compass__footer {
|
|
13141
|
-
margin: 0;
|
|
13142
13291
|
visibility: hidden;
|
|
13292
|
+
margin: 0;
|
|
13143
13293
|
opacity: 0;
|
|
13144
13294
|
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
13145
13295
|
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
@@ -13257,15 +13407,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13257
13407
|
inset-inline-start: 0;
|
|
13258
13408
|
z-index: var(--pf-v6-c-compass__dock--ZIndex);
|
|
13259
13409
|
display: flex;
|
|
13410
|
+
visibility: hidden;
|
|
13260
13411
|
flex-direction: column;
|
|
13261
13412
|
grid-area: dock;
|
|
13262
13413
|
width: var(--pf-v6-c-compass__dock--Width);
|
|
13263
|
-
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
13264
13414
|
translate: -100% 0;
|
|
13415
|
+
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);
|
|
13265
13416
|
}
|
|
13266
13417
|
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
13267
13418
|
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
13419
|
+
visibility: visible;
|
|
13268
13420
|
translate: 0;
|
|
13421
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
13269
13422
|
}
|
|
13270
13423
|
@media (min-width: 62rem) {
|
|
13271
13424
|
.pf-v6-c-compass__dock {
|
|
@@ -13273,6 +13426,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13273
13426
|
--pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
|
|
13274
13427
|
position: revert;
|
|
13275
13428
|
inset: revert;
|
|
13429
|
+
visibility: revert;
|
|
13276
13430
|
width: auto;
|
|
13277
13431
|
translate: 0;
|
|
13278
13432
|
}
|
|
@@ -13287,9 +13441,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13287
13441
|
.pf-v6-c-compass__dock-main {
|
|
13288
13442
|
flex-grow: 1;
|
|
13289
13443
|
background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
|
|
13290
|
-
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13291
13444
|
border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
|
|
13292
13445
|
box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
|
|
13446
|
+
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13293
13447
|
}
|
|
13294
13448
|
.pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
|
|
13295
13449
|
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);
|
|
@@ -13620,8 +13774,8 @@ ul) {
|
|
|
13620
13774
|
@media screen and (min-width: 36rem) {
|
|
13621
13775
|
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
13622
13776
|
grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
|
|
13623
|
-
|
|
13624
|
-
|
|
13777
|
+
row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
13778
|
+
column-gap: var(--pf-v6-c-content--dl--ColumnGap);
|
|
13625
13779
|
}
|
|
13626
13780
|
}
|
|
13627
13781
|
|
|
@@ -14410,8 +14564,8 @@ ul) {
|
|
|
14410
14564
|
.pf-v6-c-data-list__toggle-icon {
|
|
14411
14565
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
14412
14566
|
pointer-events: none;
|
|
14413
|
-
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14414
14567
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
14568
|
+
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14415
14569
|
}
|
|
14416
14570
|
|
|
14417
14571
|
.pf-v6-c-data-list__item-content {
|
|
@@ -14628,7 +14782,6 @@ ul) {
|
|
|
14628
14782
|
width: 100%;
|
|
14629
14783
|
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
14630
14784
|
break-inside: avoid;
|
|
14631
|
-
page-break-inside: avoid;
|
|
14632
14785
|
-webkit-column-break-inside: avoid;
|
|
14633
14786
|
-moz-column-break-inside: avoid;
|
|
14634
14787
|
}
|
|
@@ -15036,9 +15189,9 @@ ul) {
|
|
|
15036
15189
|
max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
|
|
15037
15190
|
margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
|
|
15038
15191
|
overflow: auto;
|
|
15192
|
+
outline-offset: 2px;
|
|
15039
15193
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
15040
15194
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
15041
|
-
outline-offset: 2px;
|
|
15042
15195
|
}
|
|
15043
15196
|
|
|
15044
15197
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -15074,25 +15227,25 @@ ul) {
|
|
|
15074
15227
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
15075
15228
|
}
|
|
15076
15229
|
.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 {
|
|
15077
|
-
max-height: 0;
|
|
15078
15230
|
visibility: hidden;
|
|
15231
|
+
max-height: 0;
|
|
15079
15232
|
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
15233
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15080
15234
|
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
|
15081
15235
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
15082
15236
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
|
15083
15237
|
transition-property: opacity, translate, visibility, max-height;
|
|
15084
|
-
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15085
15238
|
}
|
|
15086
15239
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
15087
15240
|
--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);
|
|
15088
15241
|
}
|
|
15089
15242
|
.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 {
|
|
15090
|
-
max-height: 99999px;
|
|
15091
15243
|
visibility: revert;
|
|
15244
|
+
max-height: 99999px;
|
|
15092
15245
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
15246
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
15093
15247
|
transition-delay: 0s;
|
|
15094
15248
|
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;
|
|
15095
|
-
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
15096
15249
|
}
|
|
15097
15250
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
15098
15251
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
@@ -15227,10 +15380,10 @@ ul) {
|
|
|
15227
15380
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
15228
15381
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
15229
15382
|
text-align: center;
|
|
15383
|
+
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15230
15384
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
15231
15385
|
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
15232
15386
|
transition-property: transform;
|
|
15233
|
-
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15234
15387
|
}
|
|
15235
15388
|
|
|
15236
15389
|
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
@@ -16015,6 +16168,7 @@ ul) {
|
|
|
16015
16168
|
.pf-v6-c-drawer__panel {
|
|
16016
16169
|
position: relative;
|
|
16017
16170
|
z-index: var(--pf-v6-c-drawer__panel--ZIndex);
|
|
16171
|
+
visibility: hidden;
|
|
16018
16172
|
flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
|
|
16019
16173
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
16020
16174
|
order: 1;
|
|
@@ -16022,7 +16176,6 @@ ul) {
|
|
|
16022
16176
|
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
16023
16177
|
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
16024
16178
|
overflow: auto;
|
|
16025
|
-
visibility: hidden;
|
|
16026
16179
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
16027
16180
|
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
16028
16181
|
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
@@ -16132,8 +16285,8 @@ ul) {
|
|
|
16132
16285
|
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
16133
16286
|
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
16134
16287
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
16135
|
-
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16136
16288
|
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
16289
|
+
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16137
16290
|
}
|
|
16138
16291
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
16139
16292
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -16923,8 +17076,8 @@ ul) {
|
|
|
16923
17076
|
display: inline-block;
|
|
16924
17077
|
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
16925
17078
|
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
16926
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
16927
17079
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
17080
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
16928
17081
|
}
|
|
16929
17082
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
16930
17083
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
@@ -16939,15 +17092,15 @@ ul) {
|
|
|
16939
17092
|
display: revert;
|
|
16940
17093
|
}
|
|
16941
17094
|
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
17095
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
16942
17096
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
16943
17097
|
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
16944
|
-
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
16945
17098
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
17099
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
16946
17100
|
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
16947
17101
|
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
16948
17102
|
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
16949
17103
|
transition-property: opacity, translate, visibility, max-height;
|
|
16950
|
-
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
16951
17104
|
}
|
|
16952
17105
|
|
|
16953
17106
|
.pf-v6-c-file-upload {
|
|
@@ -17118,7 +17271,7 @@ ul) {
|
|
|
17118
17271
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
|
|
17119
17272
|
display: grid;
|
|
17120
17273
|
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);
|
|
17121
|
-
|
|
17274
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17122
17275
|
}
|
|
17123
17276
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
|
|
17124
17277
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17146,7 +17299,7 @@ ul) {
|
|
|
17146
17299
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
|
|
17147
17300
|
display: grid;
|
|
17148
17301
|
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);
|
|
17149
|
-
|
|
17302
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17150
17303
|
}
|
|
17151
17304
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
|
|
17152
17305
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17174,7 +17327,7 @@ ul) {
|
|
|
17174
17327
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
|
|
17175
17328
|
display: grid;
|
|
17176
17329
|
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);
|
|
17177
|
-
|
|
17330
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17178
17331
|
}
|
|
17179
17332
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
|
|
17180
17333
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17202,7 +17355,7 @@ ul) {
|
|
|
17202
17355
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
|
|
17203
17356
|
display: grid;
|
|
17204
17357
|
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);
|
|
17205
|
-
|
|
17358
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17206
17359
|
}
|
|
17207
17360
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
|
|
17208
17361
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17230,7 +17383,7 @@ ul) {
|
|
|
17230
17383
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
|
|
17231
17384
|
display: grid;
|
|
17232
17385
|
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);
|
|
17233
|
-
|
|
17386
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17234
17387
|
}
|
|
17235
17388
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
|
|
17236
17389
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17258,7 +17411,7 @@ ul) {
|
|
|
17258
17411
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
|
|
17259
17412
|
display: grid;
|
|
17260
17413
|
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);
|
|
17261
|
-
|
|
17414
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17262
17415
|
}
|
|
17263
17416
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
|
|
17264
17417
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17286,7 +17439,7 @@ ul) {
|
|
|
17286
17439
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
|
|
17287
17440
|
display: grid;
|
|
17288
17441
|
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);
|
|
17289
|
-
|
|
17442
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17290
17443
|
}
|
|
17291
17444
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
|
|
17292
17445
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17459,14 +17612,14 @@ ul) {
|
|
|
17459
17612
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
17460
17613
|
}
|
|
17461
17614
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17615
|
+
visibility: visible;
|
|
17462
17616
|
max-height: 99999px;
|
|
17463
17617
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
17464
17618
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17465
|
-
visibility: visible;
|
|
17466
17619
|
opacity: 1;
|
|
17620
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17467
17621
|
transition-delay: 0s;
|
|
17468
17622
|
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;
|
|
17469
|
-
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17470
17623
|
}
|
|
17471
17624
|
|
|
17472
17625
|
.pf-v6-c-form__field-group-toggle {
|
|
@@ -17488,10 +17641,10 @@ ul) {
|
|
|
17488
17641
|
display: inline-block;
|
|
17489
17642
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
17490
17643
|
text-align: center;
|
|
17644
|
+
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17491
17645
|
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
17492
17646
|
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
17493
17647
|
transition-property: transform;
|
|
17494
|
-
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17495
17648
|
}
|
|
17496
17649
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
17497
17650
|
scale: -1 1;
|
|
@@ -17540,15 +17693,15 @@ ul) {
|
|
|
17540
17693
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17541
17694
|
}
|
|
17542
17695
|
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17696
|
+
visibility: hidden;
|
|
17543
17697
|
max-height: 0;
|
|
17544
17698
|
padding-block-start: 0;
|
|
17545
17699
|
padding-block-end: 0;
|
|
17546
|
-
visibility: hidden;
|
|
17547
17700
|
opacity: 0;
|
|
17701
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17548
17702
|
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);
|
|
17549
17703
|
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;
|
|
17550
17704
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
17551
|
-
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17552
17705
|
}
|
|
17553
17706
|
|
|
17554
17707
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
@@ -17708,10 +17861,10 @@ ul) {
|
|
|
17708
17861
|
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
17709
17862
|
color: var(--pf-v6-c-form-control--Color);
|
|
17710
17863
|
appearance: none;
|
|
17864
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17711
17865
|
background-color: transparent;
|
|
17712
17866
|
border: none;
|
|
17713
17867
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
17714
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17715
17868
|
}
|
|
17716
17869
|
.pf-v6-c-form-control > ::placeholder {
|
|
17717
17870
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
@@ -18077,8 +18230,8 @@ ul) {
|
|
|
18077
18230
|
:where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
|
|
18078
18231
|
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
18079
18232
|
--pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
|
|
18080
|
-
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18081
18233
|
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
18234
|
+
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18082
18235
|
}
|
|
18083
18236
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
18084
18237
|
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
@@ -18114,7 +18267,7 @@ ul) {
|
|
|
18114
18267
|
.pf-v6-c-hint {
|
|
18115
18268
|
display: grid;
|
|
18116
18269
|
grid-template-columns: 1fr auto;
|
|
18117
|
-
|
|
18270
|
+
row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
18118
18271
|
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
18119
18272
|
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
18120
18273
|
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
@@ -18562,20 +18715,20 @@ ul) {
|
|
|
18562
18715
|
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
18563
18716
|
}
|
|
18564
18717
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
|
|
18718
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
18565
18719
|
flex-grow: 1;
|
|
18566
18720
|
max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
|
|
18567
|
-
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
18568
18721
|
opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
|
|
18722
|
+
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
18723
|
+
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
18569
18724
|
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);
|
|
18570
18725
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
|
18571
18726
|
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;
|
|
18572
18727
|
transition-property: opacity, scale, visibility, max-width;
|
|
18573
|
-
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
18574
|
-
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
18575
18728
|
}
|
|
18576
18729
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
|
|
18577
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
18578
18730
|
visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
|
|
18731
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
18579
18732
|
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
|
18580
18733
|
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
18581
18734
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
|
@@ -18583,8 +18736,8 @@ ul) {
|
|
|
18583
18736
|
transition-property: opacity, visibility, max-width;
|
|
18584
18737
|
}
|
|
18585
18738
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
|
|
18586
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
18587
18739
|
visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
|
|
18740
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
18588
18741
|
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
|
18589
18742
|
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);
|
|
18590
18743
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
|
@@ -18911,10 +19064,10 @@ label.pf-v6-c-input-group__text {
|
|
|
18911
19064
|
.pf-v6-c-jump-links__toggle-icon {
|
|
18912
19065
|
display: inline-block;
|
|
18913
19066
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
19067
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
18914
19068
|
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
18915
19069
|
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
18916
19070
|
transition-property: transform;
|
|
18917
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
18918
19071
|
}
|
|
18919
19072
|
|
|
18920
19073
|
.pf-v6-c-label {
|
|
@@ -19127,9 +19280,9 @@ label.pf-v6-c-input-group__text {
|
|
|
19127
19280
|
font-size: var(--pf-v6-c-label--FontSize);
|
|
19128
19281
|
white-space: nowrap;
|
|
19129
19282
|
background: transparent;
|
|
19130
|
-
isolation: isolate;
|
|
19131
19283
|
border: 0;
|
|
19132
19284
|
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
19285
|
+
isolation: isolate;
|
|
19133
19286
|
}
|
|
19134
19287
|
.pf-v6-c-label.pf-m-blue {
|
|
19135
19288
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
|
@@ -19787,7 +19940,7 @@ ul.pf-v6-c-list {
|
|
|
19787
19940
|
display: grid;
|
|
19788
19941
|
grid-template-areas: "main header" "main footer" "main .";
|
|
19789
19942
|
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
19790
|
-
|
|
19943
|
+
column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
19791
19944
|
justify-content: center;
|
|
19792
19945
|
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
19793
19946
|
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
@@ -19813,10 +19966,10 @@ ul.pf-v6-c-list {
|
|
|
19813
19966
|
align-self: start;
|
|
19814
19967
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
19815
19968
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
19816
|
-
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19817
19969
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
19818
19970
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
19819
19971
|
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
19972
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19820
19973
|
}
|
|
19821
19974
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
19822
19975
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -19923,7 +20076,7 @@ ul.pf-v6-c-list {
|
|
|
19923
20076
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
19924
20077
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
19925
20078
|
--pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
|
|
19926
|
-
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--
|
|
20079
|
+
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
19927
20080
|
--pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
|
|
19928
20081
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
19929
20082
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
@@ -20160,9 +20313,9 @@ ul.pf-v6-c-list {
|
|
|
20160
20313
|
}
|
|
20161
20314
|
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
20162
20315
|
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
20163
|
-
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20164
20316
|
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
20165
20317
|
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
20318
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20166
20319
|
}
|
|
20167
20320
|
|
|
20168
20321
|
.pf-v6-c-masthead__main {
|
|
@@ -20871,8 +21024,8 @@ ul.pf-v6-c-list {
|
|
|
20871
21024
|
}
|
|
20872
21025
|
|
|
20873
21026
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
|
|
20874
|
-
overflow: hidden;
|
|
20875
21027
|
visibility: visible;
|
|
21028
|
+
overflow: hidden;
|
|
20876
21029
|
transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
|
|
20877
21030
|
}
|
|
20878
21031
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
|
|
@@ -20898,8 +21051,8 @@ ul.pf-v6-c-list {
|
|
|
20898
21051
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
20899
21052
|
}
|
|
20900
21053
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
|
|
20901
|
-
overflow: visible;
|
|
20902
21054
|
visibility: hidden;
|
|
21055
|
+
overflow: visible;
|
|
20903
21056
|
}
|
|
20904
21057
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
|
|
20905
21058
|
.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) {
|
|
@@ -21040,10 +21193,10 @@ ul.pf-v6-c-list {
|
|
|
21040
21193
|
color: var(--pf-v6-c-menu__item--Color);
|
|
21041
21194
|
text-align: start;
|
|
21042
21195
|
text-decoration-line: none;
|
|
21196
|
+
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21043
21197
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
21044
21198
|
border: 0;
|
|
21045
21199
|
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
21046
|
-
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21047
21200
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
21048
21201
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
21049
21202
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
@@ -21137,7 +21290,7 @@ ul.pf-v6-c-list {
|
|
|
21137
21290
|
.pf-v6-c-menu__item-description {
|
|
21138
21291
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
21139
21292
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
21140
|
-
|
|
21293
|
+
overflow-wrap: break-word;
|
|
21141
21294
|
}
|
|
21142
21295
|
|
|
21143
21296
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -21554,6 +21707,9 @@ ul.pf-v6-c-list {
|
|
|
21554
21707
|
justify-content: flex-start;
|
|
21555
21708
|
width: 100%;
|
|
21556
21709
|
}
|
|
21710
|
+
.pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
|
|
21711
|
+
min-width: 1lh;
|
|
21712
|
+
}
|
|
21557
21713
|
@media (min-width: 62rem) {
|
|
21558
21714
|
.pf-v6-c-menu-toggle.pf-m-docked {
|
|
21559
21715
|
justify-content: center;
|
|
@@ -21720,10 +21876,10 @@ ul.pf-v6-c-list {
|
|
|
21720
21876
|
|
|
21721
21877
|
.pf-v6-c-menu-toggle__icon {
|
|
21722
21878
|
flex-shrink: 0;
|
|
21879
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21723
21880
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
21724
21881
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
21725
21882
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
21726
|
-
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21727
21883
|
}
|
|
21728
21884
|
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
21729
21885
|
vertical-align: middle;
|
|
@@ -21931,7 +22087,7 @@ ul.pf-v6-c-list {
|
|
|
21931
22087
|
overflow-x: hidden;
|
|
21932
22088
|
overflow-y: auto;
|
|
21933
22089
|
overscroll-behavior: contain;
|
|
21934
|
-
|
|
22090
|
+
overflow-wrap: break-word;
|
|
21935
22091
|
-webkit-overflow-scrolling: touch;
|
|
21936
22092
|
}
|
|
21937
22093
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -22380,17 +22536,17 @@ ul.pf-v6-c-list {
|
|
|
22380
22536
|
|
|
22381
22537
|
.pf-v6-c-nav__subnav {
|
|
22382
22538
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
22539
|
+
visibility: visible;
|
|
22383
22540
|
max-height: 99999px;
|
|
22384
22541
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
22385
22542
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
22386
22543
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
22387
22544
|
overflow-y: clip;
|
|
22388
|
-
|
|
22545
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22389
22546
|
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);
|
|
22390
22547
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
22391
22548
|
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
22392
22549
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
22393
|
-
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22394
22550
|
}
|
|
22395
22551
|
.pf-v6-c-nav__subnav[hidden] {
|
|
22396
22552
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
@@ -22400,8 +22556,8 @@ ul.pf-v6-c-list {
|
|
|
22400
22556
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
22401
22557
|
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
22402
22558
|
display: grid;
|
|
22403
|
-
max-height: 0;
|
|
22404
22559
|
visibility: hidden;
|
|
22560
|
+
max-height: 0;
|
|
22405
22561
|
opacity: 0;
|
|
22406
22562
|
}
|
|
22407
22563
|
|
|
@@ -22419,10 +22575,10 @@ ul.pf-v6-c-list {
|
|
|
22419
22575
|
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
22420
22576
|
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
22421
22577
|
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
22578
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22422
22579
|
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
22423
22580
|
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
22424
22581
|
transition-property: scale;
|
|
22425
|
-
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22426
22582
|
}
|
|
22427
22583
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
22428
22584
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
@@ -22510,10 +22666,10 @@ ul.pf-v6-c-list {
|
|
|
22510
22666
|
|
|
22511
22667
|
.pf-v6-c-nav__toggle-icon {
|
|
22512
22668
|
display: inline-block;
|
|
22669
|
+
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22513
22670
|
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
22514
22671
|
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
22515
22672
|
transition-property: transform;
|
|
22516
|
-
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22517
22673
|
}
|
|
22518
22674
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
22519
22675
|
scale: -1 1;
|
|
@@ -22746,9 +22902,9 @@ ul.pf-v6-c-list {
|
|
|
22746
22902
|
padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
|
|
22747
22903
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
22748
22904
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
22905
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22749
22906
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
22750
22907
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
22751
|
-
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22752
22908
|
}
|
|
22753
22909
|
.pf-v6-c-notification-drawer__list-item::before {
|
|
22754
22910
|
position: absolute;
|
|
@@ -22805,7 +22961,7 @@ ul.pf-v6-c-list {
|
|
|
22805
22961
|
|
|
22806
22962
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
22807
22963
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
22808
|
-
|
|
22964
|
+
overflow-wrap: break-word;
|
|
22809
22965
|
}
|
|
22810
22966
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
22811
22967
|
display: -webkit-box;
|
|
@@ -22827,7 +22983,7 @@ ul.pf-v6-c-list {
|
|
|
22827
22983
|
grid-row: 2/3;
|
|
22828
22984
|
grid-column: 1/2;
|
|
22829
22985
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
22830
|
-
|
|
22986
|
+
overflow-wrap: break-word;
|
|
22831
22987
|
}
|
|
22832
22988
|
|
|
22833
22989
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -22858,9 +23014,9 @@ ul.pf-v6-c-list {
|
|
|
22858
23014
|
padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
|
|
22859
23015
|
padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
|
|
22860
23016
|
padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
|
|
23017
|
+
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
22861
23018
|
background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
|
|
22862
23019
|
border: none;
|
|
22863
|
-
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
22864
23020
|
}
|
|
22865
23021
|
|
|
22866
23022
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
@@ -22872,7 +23028,7 @@ ul.pf-v6-c-list {
|
|
|
22872
23028
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
22873
23029
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
22874
23030
|
text-align: start;
|
|
22875
|
-
|
|
23031
|
+
overflow-wrap: break-word;
|
|
22876
23032
|
}
|
|
22877
23033
|
|
|
22878
23034
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -22949,11 +23105,6 @@ ul.pf-v6-c-list {
|
|
|
22949
23105
|
.pf-v6-c-page {
|
|
22950
23106
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
22951
23107
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
22952
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
22953
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
|
|
22954
|
-
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
22955
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
22956
|
-
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
22957
23108
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
22958
23109
|
--pf-v6-c-page__dock--Width: 15.625rem;
|
|
22959
23110
|
--pf-v6-c-page__dock--desktop--Width: auto;
|
|
@@ -22972,6 +23123,11 @@ ul.pf-v6-c-list {
|
|
|
22972
23123
|
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
|
|
22973
23124
|
--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));
|
|
22974
23125
|
--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));
|
|
23126
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
23127
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23128
|
+
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23129
|
+
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23130
|
+
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
22975
23131
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
22976
23132
|
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
22977
23133
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
@@ -23142,20 +23298,17 @@ ul.pf-v6-c-list {
|
|
|
23142
23298
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
23143
23299
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
23144
23300
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
23145
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
23146
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
23147
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23148
23301
|
--pf-v6-c-page--BackgroundColor--glass: transparent;
|
|
23149
23302
|
--pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
23150
|
-
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
23151
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--
|
|
23152
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--
|
|
23303
|
+
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23304
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
|
|
23305
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
23153
23306
|
--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
23154
23307
|
--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
23155
23308
|
--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
23156
|
-
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--
|
|
23157
|
-
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--
|
|
23158
|
-
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--
|
|
23309
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
23310
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
23311
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
23159
23312
|
--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
23160
23313
|
--pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
23161
23314
|
--pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
@@ -23166,9 +23319,11 @@ ul.pf-v6-c-list {
|
|
|
23166
23319
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
|
|
23167
23320
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23168
23321
|
--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23169
|
-
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--
|
|
23170
|
-
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
23171
|
-
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome)
|
|
23322
|
+
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23323
|
+
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23324
|
+
--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));
|
|
23325
|
+
--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));
|
|
23326
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23172
23327
|
}
|
|
23173
23328
|
:where(.pf-v6-theme-glass) .pf-v6-c-page {
|
|
23174
23329
|
--pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
|
|
@@ -23191,6 +23346,8 @@ ul.pf-v6-c-list {
|
|
|
23191
23346
|
--pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
|
|
23192
23347
|
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
|
|
23193
23348
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
|
|
23349
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
|
|
23350
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
|
|
23194
23351
|
}
|
|
23195
23352
|
@media (min-width: 75rem) {
|
|
23196
23353
|
.pf-v6-c-page {
|
|
@@ -23342,10 +23499,11 @@ ul.pf-v6-c-list {
|
|
|
23342
23499
|
inset-inline-start: 0;
|
|
23343
23500
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
23344
23501
|
display: flex;
|
|
23502
|
+
visibility: hidden;
|
|
23345
23503
|
flex-direction: column;
|
|
23346
23504
|
grid-area: dock;
|
|
23347
23505
|
width: var(--pf-v6-c-page__dock--Width);
|
|
23348
|
-
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
|
|
23506
|
+
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);
|
|
23349
23507
|
translate: -100% 0;
|
|
23350
23508
|
}
|
|
23351
23509
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
|
|
@@ -23354,7 +23512,9 @@ ul.pf-v6-c-list {
|
|
|
23354
23512
|
|
|
23355
23513
|
.pf-v6-c-page__dock.pf-m-expanded {
|
|
23356
23514
|
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
|
|
23515
|
+
visibility: visible;
|
|
23357
23516
|
translate: 0;
|
|
23517
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
23358
23518
|
}
|
|
23359
23519
|
@media (min-width: 62rem) {
|
|
23360
23520
|
.pf-v6-c-page__dock {
|
|
@@ -23362,6 +23522,7 @@ ul.pf-v6-c-list {
|
|
|
23362
23522
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
23363
23523
|
position: revert;
|
|
23364
23524
|
inset: revert;
|
|
23525
|
+
visibility: revert;
|
|
23365
23526
|
width: auto;
|
|
23366
23527
|
translate: 0;
|
|
23367
23528
|
}
|
|
@@ -23376,9 +23537,9 @@ ul.pf-v6-c-list {
|
|
|
23376
23537
|
.pf-v6-c-page__dock-main {
|
|
23377
23538
|
flex-grow: 1;
|
|
23378
23539
|
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
23379
|
-
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23380
23540
|
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
23381
23541
|
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
23542
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23382
23543
|
}
|
|
23383
23544
|
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
23384
23545
|
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);
|
|
@@ -23460,10 +23621,10 @@ ul.pf-v6-c-list {
|
|
|
23460
23621
|
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
23461
23622
|
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
23462
23623
|
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
23463
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23464
23624
|
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
23465
23625
|
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
23466
23626
|
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
23627
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23467
23628
|
}
|
|
23468
23629
|
|
|
23469
23630
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -23829,7 +23990,6 @@ ul.pf-v6-c-list {
|
|
|
23829
23990
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
23830
23991
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
23831
23992
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
23832
|
-
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23833
23993
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
23834
23994
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
23835
23995
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
@@ -23837,6 +23997,7 @@ ul.pf-v6-c-list {
|
|
|
23837
23997
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
23838
23998
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
23839
23999
|
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
24000
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23840
24001
|
}
|
|
23841
24002
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
23842
24003
|
.pf-v6-c-page__main-container {
|
|
@@ -24861,7 +25022,7 @@ ul.pf-v6-c-list {
|
|
|
24861
25022
|
}
|
|
24862
25023
|
|
|
24863
25024
|
.pf-v6-c-popover__body {
|
|
24864
|
-
|
|
25025
|
+
overflow-wrap: break-word;
|
|
24865
25026
|
}
|
|
24866
25027
|
|
|
24867
25028
|
.pf-v6-c-popover__footer {
|
|
@@ -24906,7 +25067,7 @@ ul.pf-v6-c-list {
|
|
|
24906
25067
|
display: grid;
|
|
24907
25068
|
grid-template-rows: 1fr auto;
|
|
24908
25069
|
grid-template-columns: auto auto;
|
|
24909
|
-
|
|
25070
|
+
gap: var(--pf-v6-c-progress--GridGap);
|
|
24910
25071
|
align-items: end;
|
|
24911
25072
|
}
|
|
24912
25073
|
.pf-v6-c-progress.pf-m-sm {
|
|
@@ -25000,7 +25161,7 @@ ul.pf-v6-c-list {
|
|
|
25000
25161
|
|
|
25001
25162
|
.pf-v6-c-progress__description {
|
|
25002
25163
|
grid-column: 1/2;
|
|
25003
|
-
|
|
25164
|
+
overflow-wrap: break-word;
|
|
25004
25165
|
}
|
|
25005
25166
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
25006
25167
|
overflow: hidden;
|
|
@@ -25016,7 +25177,7 @@ ul.pf-v6-c-list {
|
|
|
25016
25177
|
align-items: flex-start;
|
|
25017
25178
|
justify-content: flex-end;
|
|
25018
25179
|
text-align: end;
|
|
25019
|
-
|
|
25180
|
+
overflow-wrap: break-word;
|
|
25020
25181
|
}
|
|
25021
25182
|
|
|
25022
25183
|
.pf-v6-c-progress__status-icon {
|
|
@@ -25279,9 +25440,9 @@ ul.pf-v6-c-list {
|
|
|
25279
25440
|
inset-block-start: 0;
|
|
25280
25441
|
inset-inline-start: 0;
|
|
25281
25442
|
overflow: hidden;
|
|
25282
|
-
clip: rect(0, 0, 0, 0);
|
|
25283
25443
|
white-space: nowrap;
|
|
25284
25444
|
border: 0;
|
|
25445
|
+
clip-path: inset(50%);
|
|
25285
25446
|
}
|
|
25286
25447
|
.pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
|
|
25287
25448
|
grid-row: 1/2;
|
|
@@ -25703,7 +25864,7 @@ ul.pf-v6-c-list {
|
|
|
25703
25864
|
.pf-v6-c-radio {
|
|
25704
25865
|
display: grid;
|
|
25705
25866
|
grid-template-columns: auto 1fr;
|
|
25706
|
-
|
|
25867
|
+
gap: var(--pf-v6-c-radio--GridGap);
|
|
25707
25868
|
align-items: baseline;
|
|
25708
25869
|
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
25709
25870
|
}
|
|
@@ -25934,6 +26095,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25934
26095
|
--pf-v6-c-sidebar__panel--Position: static;
|
|
25935
26096
|
--pf-v6-c-sidebar__panel--InsetBlockStart: auto;
|
|
25936
26097
|
}
|
|
26098
|
+
.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) {
|
|
26099
|
+
--pf-v6-c-sidebar__panel--BackgroundColor: transparent;
|
|
26100
|
+
}
|
|
25937
26101
|
.pf-v6-c-sidebar__panel.pf-m-secondary {
|
|
25938
26102
|
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
|
|
25939
26103
|
}
|
|
@@ -25953,7 +26117,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25953
26117
|
--pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
|
|
25954
26118
|
--pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
|
|
25955
26119
|
}
|
|
25956
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
26120
|
+
.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) {
|
|
25957
26121
|
--pf-v6-c-sidebar__content--BackgroundColor: transparent;
|
|
25958
26122
|
}
|
|
25959
26123
|
.pf-v6-c-sidebar__content.pf-m-secondary {
|
|
@@ -25966,12 +26130,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25966
26130
|
--pf-v6-c-sidebar__content--Order: -1;
|
|
25967
26131
|
}
|
|
25968
26132
|
|
|
25969
|
-
.pf-v6-c-sidebar.pf-m-no-background,
|
|
25970
|
-
.pf-v6-c-sidebar__panel.pf-m-no-background,
|
|
25971
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
25972
|
-
background-color: transparent;
|
|
25973
|
-
}
|
|
25974
|
-
|
|
25975
26133
|
.pf-v6-c-sidebar__panel.pf-m-width-default {
|
|
25976
26134
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
25977
26135
|
}
|
|
@@ -26698,10 +26856,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26698
26856
|
width: 100%;
|
|
26699
26857
|
height: 100%;
|
|
26700
26858
|
stroke: var(--pf-v6-c-spinner--Color);
|
|
26859
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
26860
|
+
stroke-linecap: round;
|
|
26701
26861
|
stroke-dasharray: 283;
|
|
26702
26862
|
stroke-dashoffset: 280;
|
|
26703
|
-
stroke-linecap: round;
|
|
26704
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
26705
26863
|
transform-origin: 50% 50%;
|
|
26706
26864
|
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
26707
26865
|
}
|
|
@@ -26861,8 +27019,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26861
27019
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
26862
27020
|
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
26863
27021
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
26864
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
26865
27022
|
transform: translateY(-50%);
|
|
27023
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
26866
27024
|
}
|
|
26867
27025
|
.pf-v6-c-switch__toggle::after {
|
|
26868
27026
|
position: absolute;
|
|
@@ -28720,6 +28878,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28720
28878
|
--pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
28721
28879
|
--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
28722
28880
|
--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
|
|
28881
|
+
--pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
28882
|
+
--pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
28723
28883
|
}
|
|
28724
28884
|
:where(.pf-v6-theme-glass) .pf-v6-c-table {
|
|
28725
28885
|
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
@@ -28789,6 +28949,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28789
28949
|
.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]) {
|
|
28790
28950
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
|
|
28791
28951
|
}
|
|
28952
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
|
|
28953
|
+
position: sticky;
|
|
28954
|
+
inset-block-end: 0;
|
|
28955
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
|
|
28956
|
+
background: var(--pf-v6-c-table--BackgroundColor);
|
|
28957
|
+
}
|
|
28958
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
|
|
28959
|
+
position: absolute;
|
|
28960
|
+
inset: 0;
|
|
28961
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
|
|
28962
|
+
pointer-events: none;
|
|
28963
|
+
content: "";
|
|
28964
|
+
border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
28965
|
+
}
|
|
28966
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
|
|
28967
|
+
border-block-end: 0;
|
|
28968
|
+
}
|
|
28969
|
+
.pf-v6-c-table.pf-m-plain {
|
|
28970
|
+
--pf-v6-c-table--BackgroundColor: transparent;
|
|
28971
|
+
}
|
|
28792
28972
|
.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),
|
|
28793
28973
|
.pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
28794
28974
|
.pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
@@ -28859,11 +29039,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28859
29039
|
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
28860
29040
|
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
28861
29041
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29042
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
28862
29043
|
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
28863
29044
|
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
28864
29045
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
28865
29046
|
color: var(--pf-v6-c-table--cell--Color);
|
|
28866
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
28867
29047
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
28868
29048
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
28869
29049
|
}
|
|
@@ -28969,24 +29149,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28969
29149
|
}
|
|
28970
29150
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
|
|
28971
29151
|
cursor: pointer;
|
|
28972
|
-
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
28973
29152
|
outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
|
|
29153
|
+
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
28974
29154
|
}
|
|
28975
29155
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
|
|
28976
29156
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
28977
29157
|
}
|
|
28978
29158
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
|
|
28979
29159
|
position: relative;
|
|
28980
|
-
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
28981
29160
|
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
|
|
29161
|
+
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
28982
29162
|
}
|
|
28983
29163
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
|
|
28984
29164
|
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
|
|
28985
29165
|
}
|
|
28986
29166
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
|
|
28987
29167
|
cursor: pointer;
|
|
28988
|
-
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
28989
29168
|
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
|
|
29169
|
+
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
28990
29170
|
}
|
|
28991
29171
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
|
|
28992
29172
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
@@ -28995,8 +29175,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28995
29175
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
|
|
28996
29176
|
}
|
|
28997
29177
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
|
|
28998
|
-
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
28999
29178
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
|
29179
|
+
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
29000
29180
|
}
|
|
29001
29181
|
.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) {
|
|
29002
29182
|
border: none;
|
|
@@ -29021,11 +29201,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29021
29201
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
29022
29202
|
visibility: hidden;
|
|
29023
29203
|
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
29204
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29024
29205
|
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
29025
29206
|
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
29026
29207
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
|
|
29027
29208
|
transition-property: opacity, translate, visibility, background-color;
|
|
29028
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29029
29209
|
}
|
|
29030
29210
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
29031
29211
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
@@ -29033,9 +29213,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29033
29213
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
29034
29214
|
visibility: visible;
|
|
29035
29215
|
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
29216
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
29036
29217
|
transition-delay: 0s;
|
|
29037
29218
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
29038
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
29039
29219
|
}
|
|
29040
29220
|
.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 {
|
|
29041
29221
|
max-height: 99999px;
|
|
@@ -29101,8 +29281,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29101
29281
|
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
29102
29282
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
29103
29283
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29104
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29105
29284
|
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29285
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29106
29286
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
29107
29287
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
29108
29288
|
}
|
|
@@ -29131,10 +29311,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29131
29311
|
text-align: start;
|
|
29132
29312
|
white-space: inherit;
|
|
29133
29313
|
user-select: text;
|
|
29314
|
+
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29134
29315
|
background-color: var(--pf-v6-c-table__button--BackgroundColor);
|
|
29135
29316
|
border: 0;
|
|
29136
29317
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
29137
|
-
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29138
29318
|
}
|
|
29139
29319
|
.pf-v6-c-table__button::after {
|
|
29140
29320
|
position: absolute;
|
|
@@ -29228,10 +29408,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29228
29408
|
}
|
|
29229
29409
|
|
|
29230
29410
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
29411
|
+
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29231
29412
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
29232
29413
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
29233
29414
|
transition-property: transform;
|
|
29234
|
-
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29235
29415
|
}
|
|
29236
29416
|
.pf-v6-c-table__toggle svg {
|
|
29237
29417
|
pointer-events: none;
|
|
@@ -29523,6 +29703,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29523
29703
|
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
29524
29704
|
}
|
|
29525
29705
|
|
|
29706
|
+
.pf-v6-c-table__tfoot {
|
|
29707
|
+
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
|
29708
|
+
vertical-align: top;
|
|
29709
|
+
}
|
|
29710
|
+
|
|
29526
29711
|
.pf-v6-c-table__icon-inline {
|
|
29527
29712
|
display: flex;
|
|
29528
29713
|
align-items: center;
|
|
@@ -29787,8 +29972,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29787
29972
|
}
|
|
29788
29973
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
29789
29974
|
position: relative;
|
|
29790
|
-
border: none;
|
|
29791
29975
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
29976
|
+
border: none;
|
|
29792
29977
|
}
|
|
29793
29978
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
29794
29979
|
position: absolute;
|
|
@@ -29826,7 +30011,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29826
30011
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
29827
30012
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
29828
30013
|
grid-column: 1;
|
|
29829
|
-
|
|
30014
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
29830
30015
|
align-items: start;
|
|
29831
30016
|
}
|
|
29832
30017
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -29929,8 +30114,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29929
30114
|
}
|
|
29930
30115
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
29931
30116
|
position: relative;
|
|
29932
|
-
border: none;
|
|
29933
30117
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30118
|
+
border: none;
|
|
29934
30119
|
}
|
|
29935
30120
|
.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 {
|
|
29936
30121
|
position: absolute;
|
|
@@ -29968,7 +30153,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29968
30153
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
29969
30154
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
29970
30155
|
grid-column: 1;
|
|
29971
|
-
|
|
30156
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
29972
30157
|
align-items: start;
|
|
29973
30158
|
}
|
|
29974
30159
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30072,8 +30257,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30072
30257
|
}
|
|
30073
30258
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30074
30259
|
position: relative;
|
|
30075
|
-
border: none;
|
|
30076
30260
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30261
|
+
border: none;
|
|
30077
30262
|
}
|
|
30078
30263
|
.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 {
|
|
30079
30264
|
position: absolute;
|
|
@@ -30111,7 +30296,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30111
30296
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30112
30297
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30113
30298
|
grid-column: 1;
|
|
30114
|
-
|
|
30299
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30115
30300
|
align-items: start;
|
|
30116
30301
|
}
|
|
30117
30302
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30215,8 +30400,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30215
30400
|
}
|
|
30216
30401
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30217
30402
|
position: relative;
|
|
30218
|
-
border: none;
|
|
30219
30403
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30404
|
+
border: none;
|
|
30220
30405
|
}
|
|
30221
30406
|
.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 {
|
|
30222
30407
|
position: absolute;
|
|
@@ -30254,7 +30439,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30254
30439
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30255
30440
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30256
30441
|
grid-column: 1;
|
|
30257
|
-
|
|
30442
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30258
30443
|
align-items: start;
|
|
30259
30444
|
}
|
|
30260
30445
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30358,8 +30543,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30358
30543
|
}
|
|
30359
30544
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30360
30545
|
position: relative;
|
|
30361
|
-
border: none;
|
|
30362
30546
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30547
|
+
border: none;
|
|
30363
30548
|
}
|
|
30364
30549
|
.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 {
|
|
30365
30550
|
position: absolute;
|
|
@@ -30397,7 +30582,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30397
30582
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30398
30583
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30399
30584
|
grid-column: 1;
|
|
30400
|
-
|
|
30585
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30401
30586
|
align-items: start;
|
|
30402
30587
|
}
|
|
30403
30588
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30950,8 +31135,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30950
31135
|
|
|
30951
31136
|
.pf-v6-c-tabs__toggle-icon {
|
|
30952
31137
|
display: inline-block;
|
|
30953
|
-
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
30954
31138
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
31139
|
+
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
30955
31140
|
}
|
|
30956
31141
|
|
|
30957
31142
|
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
@@ -31115,8 +31300,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31115
31300
|
align-self: end;
|
|
31116
31301
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
31117
31302
|
color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
|
|
31118
|
-
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31119
31303
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
31304
|
+
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31120
31305
|
}
|
|
31121
31306
|
|
|
31122
31307
|
.pf-v6-c-tabs__item-action {
|
|
@@ -31379,10 +31564,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31379
31564
|
border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
|
|
31380
31565
|
border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
|
|
31381
31566
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
31567
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31382
31568
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
31383
31569
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
31384
31570
|
transition-property: width, height, translate;
|
|
31385
|
-
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31386
31571
|
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
31387
31572
|
}
|
|
31388
31573
|
: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 {
|
|
@@ -31588,9 +31773,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31588
31773
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
31589
31774
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
31590
31775
|
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
31776
|
+
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31591
31777
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
31592
31778
|
border: 0;
|
|
31593
|
-
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31594
31779
|
}
|
|
31595
31780
|
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
31596
31781
|
grid-area: text-input;
|
|
@@ -31798,7 +31983,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31798
31983
|
|
|
31799
31984
|
.pf-v6-c-title {
|
|
31800
31985
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
31801
|
-
|
|
31986
|
+
overflow-wrap: break-word;
|
|
31802
31987
|
}
|
|
31803
31988
|
.pf-v6-c-title.pf-m-4xl {
|
|
31804
31989
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -32581,10 +32766,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32581
32766
|
|
|
32582
32767
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
32583
32768
|
display: inline-flex;
|
|
32769
|
+
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32584
32770
|
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
32585
32771
|
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
32586
32772
|
transition-property: transform;
|
|
32587
|
-
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32588
32773
|
}
|
|
32589
32774
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
32590
32775
|
scale: -1 1;
|
|
@@ -34220,7 +34405,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34220
34405
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
34221
34406
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
34222
34407
|
text-align: center;
|
|
34223
|
-
|
|
34408
|
+
overflow-wrap: break-word;
|
|
34224
34409
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
34225
34410
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
34226
34411
|
}
|
|
@@ -34602,19 +34787,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34602
34787
|
display: inline-block;
|
|
34603
34788
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
34604
34789
|
text-align: center;
|
|
34605
|
-
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
34606
34790
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
34791
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
34607
34792
|
}
|
|
34608
34793
|
|
|
34609
34794
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
34610
|
-
max-height: 0;
|
|
34611
34795
|
visibility: hidden;
|
|
34796
|
+
max-height: 0;
|
|
34612
34797
|
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
34798
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34613
34799
|
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
34614
34800
|
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
34615
34801
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
34616
34802
|
transition-property: opacity, translate, visibility, max-height;
|
|
34617
|
-
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34618
34803
|
}
|
|
34619
34804
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
34620
34805
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -34625,12 +34810,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34625
34810
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
34626
34811
|
}
|
|
34627
34812
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
34628
|
-
max-height: 99999px;
|
|
34629
34813
|
visibility: revert;
|
|
34814
|
+
max-height: 99999px;
|
|
34630
34815
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
34816
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
34631
34817
|
transition-delay: 0s;
|
|
34632
34818
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
34633
|
-
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
34634
34819
|
}
|
|
34635
34820
|
|
|
34636
34821
|
.pf-v6-c-tree-view__node,
|
|
@@ -35069,7 +35254,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35069
35254
|
|
|
35070
35255
|
.pf-v6-c-wizard__title {
|
|
35071
35256
|
padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
|
|
35072
|
-
|
|
35257
|
+
overflow-wrap: break-word;
|
|
35073
35258
|
}
|
|
35074
35259
|
|
|
35075
35260
|
.pf-v6-c-wizard__title-text {
|
|
@@ -35132,7 +35317,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35132
35317
|
align-items: baseline;
|
|
35133
35318
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
35134
35319
|
text-align: start;
|
|
35135
|
-
|
|
35320
|
+
overflow-wrap: break-word;
|
|
35136
35321
|
}
|
|
35137
35322
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
35138
35323
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -35268,8 +35453,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35268
35453
|
padding-inline: 0;
|
|
35269
35454
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
35270
35455
|
text-align: start;
|
|
35456
|
+
overflow-wrap: break-word;
|
|
35271
35457
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
35272
|
-
word-break: break-word;
|
|
35273
35458
|
counter-increment: wizard-nav-count;
|
|
35274
35459
|
background-color: transparent;
|
|
35275
35460
|
border: none;
|
|
@@ -35374,10 +35559,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35374
35559
|
|
|
35375
35560
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
35376
35561
|
display: inline-block;
|
|
35562
|
+
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35377
35563
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
35378
35564
|
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
35379
35565
|
transition-property: transform;
|
|
35380
|
-
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35381
35566
|
}
|
|
35382
35567
|
|
|
35383
35568
|
.pf-v6-c-wizard__main {
|
|
@@ -35387,7 +35572,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35387
35572
|
flex-direction: column;
|
|
35388
35573
|
overflow-x: hidden;
|
|
35389
35574
|
overflow-y: auto;
|
|
35390
|
-
|
|
35575
|
+
overflow-wrap: break-word;
|
|
35391
35576
|
}
|
|
35392
35577
|
|
|
35393
35578
|
.pf-v6-c-wizard__main-body {
|
|
@@ -37824,7 +38009,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
37824
38009
|
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
37825
38010
|
}
|
|
37826
38011
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
37827
|
-
|
|
38012
|
+
gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
37828
38013
|
}
|
|
37829
38014
|
.pf-v6-l-gallery {
|
|
37830
38015
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
@@ -38817,7 +39002,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
38817
39002
|
}
|
|
38818
39003
|
}
|
|
38819
39004
|
.pf-v6-l-grid.pf-m-gutter {
|
|
38820
|
-
|
|
39005
|
+
gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
38821
39006
|
}
|
|
38822
39007
|
|
|
38823
39008
|
.pf-v6-l-level {
|