@patternfly/patternfly 6.5.2 → 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/README.md +1 -1
- 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 +8 -4
- package/components/Accordion/accordion.scss +9 -4
- 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 +342 -155
- 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 +407 -218
- package/patternfly.css +407 -218
- 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) {
|
|
@@ -9495,7 +9497,9 @@
|
|
|
9495
9497
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
|
|
9496
9498
|
--pf-v6-c-accordion__expandable-content--MaxHeight: 0;
|
|
9497
9499
|
--pf-v6-c-accordion__expandable-content--Visibility: hidden;
|
|
9500
|
+
--pf-v6-c-accordion__expandable-content--Overflow: hidden;
|
|
9498
9501
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
|
|
9502
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow: visible;
|
|
9499
9503
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
|
|
9500
9504
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
9501
9505
|
--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
@@ -9628,6 +9632,7 @@
|
|
|
9628
9632
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
|
|
9629
9633
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
9630
9634
|
--pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
|
|
9635
|
+
--pf-v6-c-accordion__expandable-content--Overflow: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow);
|
|
9631
9636
|
}
|
|
9632
9637
|
|
|
9633
9638
|
.pf-v6-c-accordion__toggle {
|
|
@@ -9675,8 +9680,8 @@
|
|
|
9675
9680
|
}
|
|
9676
9681
|
|
|
9677
9682
|
.pf-v6-c-accordion__toggle-icon {
|
|
9678
|
-
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9679
9683
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
9684
|
+
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9680
9685
|
}
|
|
9681
9686
|
|
|
9682
9687
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
@@ -9684,26 +9689,27 @@
|
|
|
9684
9689
|
}
|
|
9685
9690
|
|
|
9686
9691
|
.pf-v6-c-accordion__expandable-content {
|
|
9692
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9687
9693
|
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
|
9688
9694
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
9689
9695
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
9690
9696
|
margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
|
|
9697
|
+
overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
|
|
9691
9698
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
9692
9699
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
9693
|
-
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9694
9700
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
9695
9701
|
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
9696
9702
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
9697
9703
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
9704
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9698
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);
|
|
9699
9706
|
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
9700
9707
|
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
|
9701
9708
|
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
|
9702
|
-
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9703
9709
|
}
|
|
9704
9710
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
9711
|
+
--pf-v6-c-accordion__expandable-content--Overflow: auto;
|
|
9705
9712
|
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
|
|
9706
|
-
overflow-y: auto;
|
|
9707
9713
|
}
|
|
9708
9714
|
|
|
9709
9715
|
.pf-v6-c-accordion__expandable-content-body {
|
|
@@ -9903,12 +9909,13 @@
|
|
|
9903
9909
|
|
|
9904
9910
|
.pf-v6-c-alert__toggle-icon {
|
|
9905
9911
|
display: inline-block;
|
|
9906
|
-
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
9907
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);
|
|
9908
9914
|
}
|
|
9909
9915
|
|
|
9910
9916
|
.pf-v6-c-alert__icon {
|
|
9911
9917
|
grid-area: icon;
|
|
9918
|
+
align-self: baseline;
|
|
9912
9919
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
9913
9920
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
9914
9921
|
color: var(--pf-v6-c-alert__icon--Color);
|
|
@@ -9919,7 +9926,7 @@
|
|
|
9919
9926
|
grid-area: title;
|
|
9920
9927
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
9921
9928
|
color: var(--pf-v6-c-alert__title--Color);
|
|
9922
|
-
|
|
9929
|
+
overflow-wrap: break-word;
|
|
9923
9930
|
}
|
|
9924
9931
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
9925
9932
|
display: -webkit-box;
|
|
@@ -9931,7 +9938,7 @@
|
|
|
9931
9938
|
.pf-v6-c-alert__description {
|
|
9932
9939
|
grid-area: description;
|
|
9933
9940
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
9934
|
-
|
|
9941
|
+
overflow-wrap: break-word;
|
|
9935
9942
|
}
|
|
9936
9943
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
9937
9944
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -10081,8 +10088,8 @@
|
|
|
10081
10088
|
display: grid;
|
|
10082
10089
|
grid-template-rows: 1fr;
|
|
10083
10090
|
opacity: 1;
|
|
10084
|
-
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10085
10091
|
transform: translateX(0) translateY(0);
|
|
10092
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10086
10093
|
}
|
|
10087
10094
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
10088
10095
|
.pf-v6-c-alert-group__item {
|
|
@@ -10138,24 +10145,87 @@
|
|
|
10138
10145
|
--pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
10139
10146
|
--pf-v6-c-avatar--Width: 2.25rem;
|
|
10140
10147
|
--pf-v6-c-avatar--Height: 2.25rem;
|
|
10148
|
+
--pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
|
|
10141
10149
|
--pf-v6-c-avatar--m-sm--Width: 1.5rem;
|
|
10142
10150
|
--pf-v6-c-avatar--m-sm--Height: 1.5rem;
|
|
10151
|
+
--pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
|
|
10143
10152
|
--pf-v6-c-avatar--m-md--Width: 2.25rem;
|
|
10144
10153
|
--pf-v6-c-avatar--m-md--Height: 2.25rem;
|
|
10154
|
+
--pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
|
|
10145
10155
|
--pf-v6-c-avatar--m-lg--Width: 4.5rem;
|
|
10146
10156
|
--pf-v6-c-avatar--m-lg--Height: 4.5rem;
|
|
10157
|
+
--pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
|
|
10147
10158
|
--pf-v6-c-avatar--m-xl--Width: 8rem;
|
|
10148
10159
|
--pf-v6-c-avatar--m-xl--Height: 8rem;
|
|
10160
|
+
--pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
|
|
10149
10161
|
--pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
|
|
10150
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);
|
|
10151
10210
|
}
|
|
10152
10211
|
|
|
10153
10212
|
.pf-v6-c-avatar {
|
|
10154
10213
|
width: var(--pf-v6-c-avatar--Width);
|
|
10155
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);
|
|
10156
10218
|
border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
|
|
10157
10219
|
border-radius: var(--pf-v6-c-avatar--BorderRadius);
|
|
10158
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
|
+
|
|
10159
10229
|
.pf-v6-c-avatar.pf-m-bordered {
|
|
10160
10230
|
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
|
|
10161
10231
|
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
|
|
@@ -10384,6 +10454,87 @@
|
|
|
10384
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))))));
|
|
10385
10455
|
}
|
|
10386
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
|
+
}
|
|
10387
10538
|
|
|
10388
10539
|
.pf-v6-c-backdrop {
|
|
10389
10540
|
--pf-v6-c-backdrop--Position: fixed;
|
|
@@ -10827,10 +10978,10 @@
|
|
|
10827
10978
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
10828
10979
|
line-height: inherit;
|
|
10829
10980
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
10981
|
+
overflow-wrap: break-word;
|
|
10830
10982
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
10831
10983
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
10832
10984
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
10833
|
-
word-break: break-word;
|
|
10834
10985
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
10835
10986
|
}
|
|
10836
10987
|
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
@@ -11248,10 +11399,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11248
11399
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
11249
11400
|
color: var(--pf-v6-c-button--Color);
|
|
11250
11401
|
text-align: center;
|
|
11402
|
+
white-space: nowrap;
|
|
11251
11403
|
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
|
11252
11404
|
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
|
11253
11405
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
11254
|
-
white-space: nowrap;
|
|
11255
11406
|
cursor: pointer;
|
|
11256
11407
|
-webkit-user-select: none;
|
|
11257
11408
|
user-select: none;
|
|
@@ -11261,11 +11412,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11261
11412
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11262
11413
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11263
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);
|
|
11264
11416
|
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
11265
11417
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
11266
11418
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
11267
11419
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
11268
|
-
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
11269
11420
|
}
|
|
11270
11421
|
.pf-v6-c-button::after {
|
|
11271
11422
|
position: absolute;
|
|
@@ -11392,10 +11543,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11392
11543
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
11393
11544
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
11394
11545
|
text-align: start;
|
|
11395
|
-
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11396
11546
|
white-space: normal;
|
|
11397
|
-
|
|
11547
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11398
11548
|
outline-offset: 0.125rem;
|
|
11549
|
+
background: transparent;
|
|
11399
11550
|
}
|
|
11400
11551
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
11401
11552
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
@@ -11733,6 +11884,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11733
11884
|
justify-content: flex-start;
|
|
11734
11885
|
width: 100%;
|
|
11735
11886
|
}
|
|
11887
|
+
.pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
|
|
11888
|
+
min-width: 1lh;
|
|
11889
|
+
}
|
|
11736
11890
|
@media (min-width: 62rem) {
|
|
11737
11891
|
.pf-v6-c-button.pf-m-docked {
|
|
11738
11892
|
justify-content: center;
|
|
@@ -11753,12 +11907,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11753
11907
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
11754
11908
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
11755
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);
|
|
11756
11912
|
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
11757
11913
|
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
11758
11914
|
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
11759
11915
|
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
|
11760
|
-
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
11761
|
-
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
11762
11916
|
}
|
|
11763
11917
|
.pf-v6-c-button__icon.pf-m-start {
|
|
11764
11918
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -12185,8 +12339,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12185
12339
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
|
|
12186
12340
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
|
|
12187
12341
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
|
|
12188
|
-
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
12189
12342
|
box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
|
|
12343
|
+
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
12190
12344
|
}
|
|
12191
12345
|
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
12192
12346
|
gap: 0;
|
|
@@ -12428,9 +12582,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12428
12582
|
}
|
|
12429
12583
|
|
|
12430
12584
|
.pf-v6-c-card__clickable-action {
|
|
12585
|
+
outline: 0;
|
|
12431
12586
|
background: none;
|
|
12432
12587
|
border: 0;
|
|
12433
|
-
outline: 0;
|
|
12434
12588
|
}
|
|
12435
12589
|
.pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
|
|
12436
12590
|
pointer-events: none;
|
|
@@ -12498,7 +12652,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12498
12652
|
.pf-v6-c-check {
|
|
12499
12653
|
display: grid;
|
|
12500
12654
|
grid-template-columns: auto 1fr;
|
|
12501
|
-
|
|
12655
|
+
gap: var(--pf-v6-c-check--GridGap);
|
|
12502
12656
|
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
12503
12657
|
}
|
|
12504
12658
|
.pf-v6-c-check.pf-m-standalone {
|
|
@@ -12629,7 +12783,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12629
12783
|
padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
|
|
12630
12784
|
padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
|
|
12631
12785
|
margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
|
|
12632
|
-
|
|
12786
|
+
overflow-wrap: break-word;
|
|
12633
12787
|
background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
|
|
12634
12788
|
background-clip: padding-box;
|
|
12635
12789
|
border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
|
|
@@ -12645,7 +12799,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12645
12799
|
}
|
|
12646
12800
|
|
|
12647
12801
|
.pf-v6-c-clipboard-copy__text {
|
|
12648
|
-
|
|
12802
|
+
overflow-wrap: break-word;
|
|
12649
12803
|
white-space: normal;
|
|
12650
12804
|
}
|
|
12651
12805
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -13134,8 +13288,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13134
13288
|
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
13135
13289
|
.pf-v6-c-compass__main-footer,
|
|
13136
13290
|
.pf-v6-c-compass__footer {
|
|
13137
|
-
margin: 0;
|
|
13138
13291
|
visibility: hidden;
|
|
13292
|
+
margin: 0;
|
|
13139
13293
|
opacity: 0;
|
|
13140
13294
|
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
13141
13295
|
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
@@ -13253,15 +13407,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13253
13407
|
inset-inline-start: 0;
|
|
13254
13408
|
z-index: var(--pf-v6-c-compass__dock--ZIndex);
|
|
13255
13409
|
display: flex;
|
|
13410
|
+
visibility: hidden;
|
|
13256
13411
|
flex-direction: column;
|
|
13257
13412
|
grid-area: dock;
|
|
13258
13413
|
width: var(--pf-v6-c-compass__dock--Width);
|
|
13259
|
-
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
13260
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);
|
|
13261
13416
|
}
|
|
13262
13417
|
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
13263
13418
|
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
13419
|
+
visibility: visible;
|
|
13264
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;
|
|
13265
13422
|
}
|
|
13266
13423
|
@media (min-width: 62rem) {
|
|
13267
13424
|
.pf-v6-c-compass__dock {
|
|
@@ -13269,6 +13426,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13269
13426
|
--pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
|
|
13270
13427
|
position: revert;
|
|
13271
13428
|
inset: revert;
|
|
13429
|
+
visibility: revert;
|
|
13272
13430
|
width: auto;
|
|
13273
13431
|
translate: 0;
|
|
13274
13432
|
}
|
|
@@ -13283,9 +13441,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13283
13441
|
.pf-v6-c-compass__dock-main {
|
|
13284
13442
|
flex-grow: 1;
|
|
13285
13443
|
background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
|
|
13286
|
-
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13287
13444
|
border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
|
|
13288
13445
|
box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
|
|
13446
|
+
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13289
13447
|
}
|
|
13290
13448
|
.pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
|
|
13291
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);
|
|
@@ -13616,8 +13774,8 @@ ul) {
|
|
|
13616
13774
|
@media screen and (min-width: 36rem) {
|
|
13617
13775
|
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
13618
13776
|
grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
|
|
13619
|
-
|
|
13620
|
-
|
|
13777
|
+
row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
13778
|
+
column-gap: var(--pf-v6-c-content--dl--ColumnGap);
|
|
13621
13779
|
}
|
|
13622
13780
|
}
|
|
13623
13781
|
|
|
@@ -14406,8 +14564,8 @@ ul) {
|
|
|
14406
14564
|
.pf-v6-c-data-list__toggle-icon {
|
|
14407
14565
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
14408
14566
|
pointer-events: none;
|
|
14409
|
-
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14410
14567
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
14568
|
+
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14411
14569
|
}
|
|
14412
14570
|
|
|
14413
14571
|
.pf-v6-c-data-list__item-content {
|
|
@@ -14624,7 +14782,6 @@ ul) {
|
|
|
14624
14782
|
width: 100%;
|
|
14625
14783
|
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
14626
14784
|
break-inside: avoid;
|
|
14627
|
-
page-break-inside: avoid;
|
|
14628
14785
|
-webkit-column-break-inside: avoid;
|
|
14629
14786
|
-moz-column-break-inside: avoid;
|
|
14630
14787
|
}
|
|
@@ -15032,9 +15189,9 @@ ul) {
|
|
|
15032
15189
|
max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
|
|
15033
15190
|
margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
|
|
15034
15191
|
overflow: auto;
|
|
15192
|
+
outline-offset: 2px;
|
|
15035
15193
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
15036
15194
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
15037
|
-
outline-offset: 2px;
|
|
15038
15195
|
}
|
|
15039
15196
|
|
|
15040
15197
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -15070,25 +15227,25 @@ ul) {
|
|
|
15070
15227
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
15071
15228
|
}
|
|
15072
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 {
|
|
15073
|
-
max-height: 0;
|
|
15074
15230
|
visibility: hidden;
|
|
15231
|
+
max-height: 0;
|
|
15075
15232
|
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
15233
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15076
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);
|
|
15077
15235
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
15078
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;
|
|
15079
15237
|
transition-property: opacity, translate, visibility, max-height;
|
|
15080
|
-
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15081
15238
|
}
|
|
15082
15239
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
15083
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);
|
|
15084
15241
|
}
|
|
15085
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 {
|
|
15086
|
-
max-height: 99999px;
|
|
15087
15243
|
visibility: revert;
|
|
15244
|
+
max-height: 99999px;
|
|
15088
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);
|
|
15089
15247
|
transition-delay: 0s;
|
|
15090
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;
|
|
15091
|
-
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
15092
15249
|
}
|
|
15093
15250
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
15094
15251
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
@@ -15223,10 +15380,10 @@ ul) {
|
|
|
15223
15380
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
15224
15381
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
15225
15382
|
text-align: center;
|
|
15383
|
+
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15226
15384
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
15227
15385
|
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
15228
15386
|
transition-property: transform;
|
|
15229
|
-
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15230
15387
|
}
|
|
15231
15388
|
|
|
15232
15389
|
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
@@ -16011,6 +16168,7 @@ ul) {
|
|
|
16011
16168
|
.pf-v6-c-drawer__panel {
|
|
16012
16169
|
position: relative;
|
|
16013
16170
|
z-index: var(--pf-v6-c-drawer__panel--ZIndex);
|
|
16171
|
+
visibility: hidden;
|
|
16014
16172
|
flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
|
|
16015
16173
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
16016
16174
|
order: 1;
|
|
@@ -16018,7 +16176,6 @@ ul) {
|
|
|
16018
16176
|
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
16019
16177
|
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
16020
16178
|
overflow: auto;
|
|
16021
|
-
visibility: hidden;
|
|
16022
16179
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
16023
16180
|
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
16024
16181
|
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
@@ -16128,8 +16285,8 @@ ul) {
|
|
|
16128
16285
|
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
16129
16286
|
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
16130
16287
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
16131
|
-
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16132
16288
|
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
16289
|
+
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16133
16290
|
}
|
|
16134
16291
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
16135
16292
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -16919,8 +17076,8 @@ ul) {
|
|
|
16919
17076
|
display: inline-block;
|
|
16920
17077
|
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
16921
17078
|
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
16922
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
16923
17079
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
17080
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
16924
17081
|
}
|
|
16925
17082
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
16926
17083
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
@@ -16935,15 +17092,15 @@ ul) {
|
|
|
16935
17092
|
display: revert;
|
|
16936
17093
|
}
|
|
16937
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);
|
|
16938
17096
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
16939
17097
|
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
16940
|
-
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
16941
17098
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
17099
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
16942
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);
|
|
16943
17101
|
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
16944
17102
|
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
16945
17103
|
transition-property: opacity, translate, visibility, max-height;
|
|
16946
|
-
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
16947
17104
|
}
|
|
16948
17105
|
|
|
16949
17106
|
.pf-v6-c-file-upload {
|
|
@@ -17114,7 +17271,7 @@ ul) {
|
|
|
17114
17271
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
|
|
17115
17272
|
display: grid;
|
|
17116
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);
|
|
17117
|
-
|
|
17274
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17118
17275
|
}
|
|
17119
17276
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
|
|
17120
17277
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17142,7 +17299,7 @@ ul) {
|
|
|
17142
17299
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
|
|
17143
17300
|
display: grid;
|
|
17144
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);
|
|
17145
|
-
|
|
17302
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17146
17303
|
}
|
|
17147
17304
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
|
|
17148
17305
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17170,7 +17327,7 @@ ul) {
|
|
|
17170
17327
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
|
|
17171
17328
|
display: grid;
|
|
17172
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);
|
|
17173
|
-
|
|
17330
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17174
17331
|
}
|
|
17175
17332
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
|
|
17176
17333
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17198,7 +17355,7 @@ ul) {
|
|
|
17198
17355
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
|
|
17199
17356
|
display: grid;
|
|
17200
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);
|
|
17201
|
-
|
|
17358
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17202
17359
|
}
|
|
17203
17360
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
|
|
17204
17361
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17226,7 +17383,7 @@ ul) {
|
|
|
17226
17383
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
|
|
17227
17384
|
display: grid;
|
|
17228
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);
|
|
17229
|
-
|
|
17386
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17230
17387
|
}
|
|
17231
17388
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
|
|
17232
17389
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17254,7 +17411,7 @@ ul) {
|
|
|
17254
17411
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
|
|
17255
17412
|
display: grid;
|
|
17256
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);
|
|
17257
|
-
|
|
17414
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17258
17415
|
}
|
|
17259
17416
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
|
|
17260
17417
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17282,7 +17439,7 @@ ul) {
|
|
|
17282
17439
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
|
|
17283
17440
|
display: grid;
|
|
17284
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);
|
|
17285
|
-
|
|
17442
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17286
17443
|
}
|
|
17287
17444
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
|
|
17288
17445
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17455,14 +17612,14 @@ ul) {
|
|
|
17455
17612
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
17456
17613
|
}
|
|
17457
17614
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17615
|
+
visibility: visible;
|
|
17458
17616
|
max-height: 99999px;
|
|
17459
17617
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
17460
17618
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17461
|
-
visibility: visible;
|
|
17462
17619
|
opacity: 1;
|
|
17620
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17463
17621
|
transition-delay: 0s;
|
|
17464
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;
|
|
17465
|
-
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17466
17623
|
}
|
|
17467
17624
|
|
|
17468
17625
|
.pf-v6-c-form__field-group-toggle {
|
|
@@ -17484,10 +17641,10 @@ ul) {
|
|
|
17484
17641
|
display: inline-block;
|
|
17485
17642
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
17486
17643
|
text-align: center;
|
|
17644
|
+
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17487
17645
|
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
17488
17646
|
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
17489
17647
|
transition-property: transform;
|
|
17490
|
-
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17491
17648
|
}
|
|
17492
17649
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
17493
17650
|
scale: -1 1;
|
|
@@ -17536,15 +17693,15 @@ ul) {
|
|
|
17536
17693
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17537
17694
|
}
|
|
17538
17695
|
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17696
|
+
visibility: hidden;
|
|
17539
17697
|
max-height: 0;
|
|
17540
17698
|
padding-block-start: 0;
|
|
17541
17699
|
padding-block-end: 0;
|
|
17542
|
-
visibility: hidden;
|
|
17543
17700
|
opacity: 0;
|
|
17701
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17544
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);
|
|
17545
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;
|
|
17546
17704
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
17547
|
-
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17548
17705
|
}
|
|
17549
17706
|
|
|
17550
17707
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
@@ -17704,10 +17861,10 @@ ul) {
|
|
|
17704
17861
|
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
17705
17862
|
color: var(--pf-v6-c-form-control--Color);
|
|
17706
17863
|
appearance: none;
|
|
17864
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17707
17865
|
background-color: transparent;
|
|
17708
17866
|
border: none;
|
|
17709
17867
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
17710
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17711
17868
|
}
|
|
17712
17869
|
.pf-v6-c-form-control > ::placeholder {
|
|
17713
17870
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
@@ -18073,8 +18230,8 @@ ul) {
|
|
|
18073
18230
|
:where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
|
|
18074
18231
|
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
18075
18232
|
--pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
|
|
18076
|
-
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18077
18233
|
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
18234
|
+
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18078
18235
|
}
|
|
18079
18236
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
18080
18237
|
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
@@ -18110,7 +18267,7 @@ ul) {
|
|
|
18110
18267
|
.pf-v6-c-hint {
|
|
18111
18268
|
display: grid;
|
|
18112
18269
|
grid-template-columns: 1fr auto;
|
|
18113
|
-
|
|
18270
|
+
row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
18114
18271
|
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
18115
18272
|
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
18116
18273
|
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
@@ -18558,20 +18715,20 @@ ul) {
|
|
|
18558
18715
|
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
18559
18716
|
}
|
|
18560
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);
|
|
18561
18719
|
flex-grow: 1;
|
|
18562
18720
|
max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
|
|
18563
|
-
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
18564
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;
|
|
18565
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);
|
|
18566
18725
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
|
18567
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;
|
|
18568
18727
|
transition-property: opacity, scale, visibility, max-width;
|
|
18569
|
-
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
18570
|
-
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
18571
18728
|
}
|
|
18572
18729
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
|
|
18573
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
18574
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%);
|
|
18575
18732
|
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
|
18576
18733
|
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
18577
18734
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
|
@@ -18579,8 +18736,8 @@ ul) {
|
|
|
18579
18736
|
transition-property: opacity, visibility, max-width;
|
|
18580
18737
|
}
|
|
18581
18738
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
|
|
18582
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
18583
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);
|
|
18584
18741
|
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
|
18585
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);
|
|
18586
18743
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
|
@@ -18907,10 +19064,10 @@ label.pf-v6-c-input-group__text {
|
|
|
18907
19064
|
.pf-v6-c-jump-links__toggle-icon {
|
|
18908
19065
|
display: inline-block;
|
|
18909
19066
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
19067
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
18910
19068
|
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
18911
19069
|
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
18912
19070
|
transition-property: transform;
|
|
18913
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
18914
19071
|
}
|
|
18915
19072
|
|
|
18916
19073
|
.pf-v6-c-label {
|
|
@@ -19123,9 +19280,9 @@ label.pf-v6-c-input-group__text {
|
|
|
19123
19280
|
font-size: var(--pf-v6-c-label--FontSize);
|
|
19124
19281
|
white-space: nowrap;
|
|
19125
19282
|
background: transparent;
|
|
19126
|
-
isolation: isolate;
|
|
19127
19283
|
border: 0;
|
|
19128
19284
|
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
19285
|
+
isolation: isolate;
|
|
19129
19286
|
}
|
|
19130
19287
|
.pf-v6-c-label.pf-m-blue {
|
|
19131
19288
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
|
@@ -19783,7 +19940,7 @@ ul.pf-v6-c-list {
|
|
|
19783
19940
|
display: grid;
|
|
19784
19941
|
grid-template-areas: "main header" "main footer" "main .";
|
|
19785
19942
|
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
19786
|
-
|
|
19943
|
+
column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
19787
19944
|
justify-content: center;
|
|
19788
19945
|
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
19789
19946
|
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
@@ -19809,10 +19966,10 @@ ul.pf-v6-c-list {
|
|
|
19809
19966
|
align-self: start;
|
|
19810
19967
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
19811
19968
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
19812
|
-
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19813
19969
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
19814
19970
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
19815
19971
|
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
19972
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19816
19973
|
}
|
|
19817
19974
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
19818
19975
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -19919,7 +20076,7 @@ ul.pf-v6-c-list {
|
|
|
19919
20076
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
19920
20077
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
19921
20078
|
--pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
|
|
19922
|
-
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--
|
|
20079
|
+
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
19923
20080
|
--pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
|
|
19924
20081
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
19925
20082
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
@@ -20156,9 +20313,9 @@ ul.pf-v6-c-list {
|
|
|
20156
20313
|
}
|
|
20157
20314
|
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
20158
20315
|
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
20159
|
-
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20160
20316
|
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
20161
20317
|
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
20318
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20162
20319
|
}
|
|
20163
20320
|
|
|
20164
20321
|
.pf-v6-c-masthead__main {
|
|
@@ -20867,8 +21024,8 @@ ul.pf-v6-c-list {
|
|
|
20867
21024
|
}
|
|
20868
21025
|
|
|
20869
21026
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
|
|
20870
|
-
overflow: hidden;
|
|
20871
21027
|
visibility: visible;
|
|
21028
|
+
overflow: hidden;
|
|
20872
21029
|
transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
|
|
20873
21030
|
}
|
|
20874
21031
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
|
|
@@ -20894,8 +21051,8 @@ ul.pf-v6-c-list {
|
|
|
20894
21051
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
20895
21052
|
}
|
|
20896
21053
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
|
|
20897
|
-
overflow: visible;
|
|
20898
21054
|
visibility: hidden;
|
|
21055
|
+
overflow: visible;
|
|
20899
21056
|
}
|
|
20900
21057
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
|
|
20901
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) {
|
|
@@ -21036,10 +21193,10 @@ ul.pf-v6-c-list {
|
|
|
21036
21193
|
color: var(--pf-v6-c-menu__item--Color);
|
|
21037
21194
|
text-align: start;
|
|
21038
21195
|
text-decoration-line: none;
|
|
21196
|
+
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21039
21197
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
21040
21198
|
border: 0;
|
|
21041
21199
|
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
21042
|
-
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21043
21200
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
21044
21201
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
21045
21202
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
@@ -21133,7 +21290,7 @@ ul.pf-v6-c-list {
|
|
|
21133
21290
|
.pf-v6-c-menu__item-description {
|
|
21134
21291
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
21135
21292
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
21136
|
-
|
|
21293
|
+
overflow-wrap: break-word;
|
|
21137
21294
|
}
|
|
21138
21295
|
|
|
21139
21296
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -21550,6 +21707,9 @@ ul.pf-v6-c-list {
|
|
|
21550
21707
|
justify-content: flex-start;
|
|
21551
21708
|
width: 100%;
|
|
21552
21709
|
}
|
|
21710
|
+
.pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
|
|
21711
|
+
min-width: 1lh;
|
|
21712
|
+
}
|
|
21553
21713
|
@media (min-width: 62rem) {
|
|
21554
21714
|
.pf-v6-c-menu-toggle.pf-m-docked {
|
|
21555
21715
|
justify-content: center;
|
|
@@ -21716,10 +21876,10 @@ ul.pf-v6-c-list {
|
|
|
21716
21876
|
|
|
21717
21877
|
.pf-v6-c-menu-toggle__icon {
|
|
21718
21878
|
flex-shrink: 0;
|
|
21879
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21719
21880
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
21720
21881
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
21721
21882
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
21722
|
-
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21723
21883
|
}
|
|
21724
21884
|
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
21725
21885
|
vertical-align: middle;
|
|
@@ -21927,7 +22087,7 @@ ul.pf-v6-c-list {
|
|
|
21927
22087
|
overflow-x: hidden;
|
|
21928
22088
|
overflow-y: auto;
|
|
21929
22089
|
overscroll-behavior: contain;
|
|
21930
|
-
|
|
22090
|
+
overflow-wrap: break-word;
|
|
21931
22091
|
-webkit-overflow-scrolling: touch;
|
|
21932
22092
|
}
|
|
21933
22093
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -22376,17 +22536,17 @@ ul.pf-v6-c-list {
|
|
|
22376
22536
|
|
|
22377
22537
|
.pf-v6-c-nav__subnav {
|
|
22378
22538
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
22539
|
+
visibility: visible;
|
|
22379
22540
|
max-height: 99999px;
|
|
22380
22541
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
22381
22542
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
22382
22543
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
22383
22544
|
overflow-y: clip;
|
|
22384
|
-
|
|
22545
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22385
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);
|
|
22386
22547
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
22387
22548
|
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
22388
22549
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
22389
|
-
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22390
22550
|
}
|
|
22391
22551
|
.pf-v6-c-nav__subnav[hidden] {
|
|
22392
22552
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
@@ -22396,8 +22556,8 @@ ul.pf-v6-c-list {
|
|
|
22396
22556
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
22397
22557
|
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
22398
22558
|
display: grid;
|
|
22399
|
-
max-height: 0;
|
|
22400
22559
|
visibility: hidden;
|
|
22560
|
+
max-height: 0;
|
|
22401
22561
|
opacity: 0;
|
|
22402
22562
|
}
|
|
22403
22563
|
|
|
@@ -22415,10 +22575,10 @@ ul.pf-v6-c-list {
|
|
|
22415
22575
|
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
22416
22576
|
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
22417
22577
|
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
22578
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22418
22579
|
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
22419
22580
|
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
22420
22581
|
transition-property: scale;
|
|
22421
|
-
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22422
22582
|
}
|
|
22423
22583
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
22424
22584
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
@@ -22506,10 +22666,10 @@ ul.pf-v6-c-list {
|
|
|
22506
22666
|
|
|
22507
22667
|
.pf-v6-c-nav__toggle-icon {
|
|
22508
22668
|
display: inline-block;
|
|
22669
|
+
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22509
22670
|
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
22510
22671
|
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
22511
22672
|
transition-property: transform;
|
|
22512
|
-
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22513
22673
|
}
|
|
22514
22674
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
22515
22675
|
scale: -1 1;
|
|
@@ -22742,9 +22902,9 @@ ul.pf-v6-c-list {
|
|
|
22742
22902
|
padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
|
|
22743
22903
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
22744
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);
|
|
22745
22906
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
22746
22907
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
22747
|
-
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22748
22908
|
}
|
|
22749
22909
|
.pf-v6-c-notification-drawer__list-item::before {
|
|
22750
22910
|
position: absolute;
|
|
@@ -22801,7 +22961,7 @@ ul.pf-v6-c-list {
|
|
|
22801
22961
|
|
|
22802
22962
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
22803
22963
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
22804
|
-
|
|
22964
|
+
overflow-wrap: break-word;
|
|
22805
22965
|
}
|
|
22806
22966
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
22807
22967
|
display: -webkit-box;
|
|
@@ -22823,7 +22983,7 @@ ul.pf-v6-c-list {
|
|
|
22823
22983
|
grid-row: 2/3;
|
|
22824
22984
|
grid-column: 1/2;
|
|
22825
22985
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
22826
|
-
|
|
22986
|
+
overflow-wrap: break-word;
|
|
22827
22987
|
}
|
|
22828
22988
|
|
|
22829
22989
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -22854,9 +23014,9 @@ ul.pf-v6-c-list {
|
|
|
22854
23014
|
padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
|
|
22855
23015
|
padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
|
|
22856
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);
|
|
22857
23018
|
background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
|
|
22858
23019
|
border: none;
|
|
22859
|
-
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
22860
23020
|
}
|
|
22861
23021
|
|
|
22862
23022
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
@@ -22868,7 +23028,7 @@ ul.pf-v6-c-list {
|
|
|
22868
23028
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
22869
23029
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
22870
23030
|
text-align: start;
|
|
22871
|
-
|
|
23031
|
+
overflow-wrap: break-word;
|
|
22872
23032
|
}
|
|
22873
23033
|
|
|
22874
23034
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -22945,11 +23105,6 @@ ul.pf-v6-c-list {
|
|
|
22945
23105
|
.pf-v6-c-page {
|
|
22946
23106
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
22947
23107
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
22948
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
22949
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
|
|
22950
|
-
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
22951
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
22952
|
-
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
22953
23108
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
22954
23109
|
--pf-v6-c-page__dock--Width: 15.625rem;
|
|
22955
23110
|
--pf-v6-c-page__dock--desktop--Width: auto;
|
|
@@ -22968,6 +23123,11 @@ ul.pf-v6-c-list {
|
|
|
22968
23123
|
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
|
|
22969
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));
|
|
22970
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;
|
|
22971
23131
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
22972
23132
|
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
22973
23133
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
@@ -23138,20 +23298,17 @@ ul.pf-v6-c-list {
|
|
|
23138
23298
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
23139
23299
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
23140
23300
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
23141
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
23142
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
23143
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23144
23301
|
--pf-v6-c-page--BackgroundColor--glass: transparent;
|
|
23145
23302
|
--pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
23146
|
-
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
23147
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--
|
|
23148
|
-
--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);
|
|
23149
23306
|
--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
23150
23307
|
--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
23151
23308
|
--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
23152
|
-
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--
|
|
23153
|
-
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--
|
|
23154
|
-
--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));
|
|
23155
23312
|
--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
23156
23313
|
--pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
23157
23314
|
--pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
@@ -23162,9 +23319,11 @@ ul.pf-v6-c-list {
|
|
|
23162
23319
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
|
|
23163
23320
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23164
23321
|
--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23165
|
-
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--
|
|
23166
|
-
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
23167
|
-
--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);
|
|
23168
23327
|
}
|
|
23169
23328
|
:where(.pf-v6-theme-glass) .pf-v6-c-page {
|
|
23170
23329
|
--pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
|
|
@@ -23187,6 +23346,8 @@ ul.pf-v6-c-list {
|
|
|
23187
23346
|
--pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
|
|
23188
23347
|
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
|
|
23189
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);
|
|
23190
23351
|
}
|
|
23191
23352
|
@media (min-width: 75rem) {
|
|
23192
23353
|
.pf-v6-c-page {
|
|
@@ -23338,10 +23499,11 @@ ul.pf-v6-c-list {
|
|
|
23338
23499
|
inset-inline-start: 0;
|
|
23339
23500
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
23340
23501
|
display: flex;
|
|
23502
|
+
visibility: hidden;
|
|
23341
23503
|
flex-direction: column;
|
|
23342
23504
|
grid-area: dock;
|
|
23343
23505
|
width: var(--pf-v6-c-page__dock--Width);
|
|
23344
|
-
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);
|
|
23345
23507
|
translate: -100% 0;
|
|
23346
23508
|
}
|
|
23347
23509
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
|
|
@@ -23350,7 +23512,9 @@ ul.pf-v6-c-list {
|
|
|
23350
23512
|
|
|
23351
23513
|
.pf-v6-c-page__dock.pf-m-expanded {
|
|
23352
23514
|
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
|
|
23515
|
+
visibility: visible;
|
|
23353
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;
|
|
23354
23518
|
}
|
|
23355
23519
|
@media (min-width: 62rem) {
|
|
23356
23520
|
.pf-v6-c-page__dock {
|
|
@@ -23358,6 +23522,7 @@ ul.pf-v6-c-list {
|
|
|
23358
23522
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
23359
23523
|
position: revert;
|
|
23360
23524
|
inset: revert;
|
|
23525
|
+
visibility: revert;
|
|
23361
23526
|
width: auto;
|
|
23362
23527
|
translate: 0;
|
|
23363
23528
|
}
|
|
@@ -23372,9 +23537,9 @@ ul.pf-v6-c-list {
|
|
|
23372
23537
|
.pf-v6-c-page__dock-main {
|
|
23373
23538
|
flex-grow: 1;
|
|
23374
23539
|
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
23375
|
-
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23376
23540
|
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
23377
23541
|
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
23542
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23378
23543
|
}
|
|
23379
23544
|
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
23380
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);
|
|
@@ -23456,10 +23621,10 @@ ul.pf-v6-c-list {
|
|
|
23456
23621
|
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
23457
23622
|
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
23458
23623
|
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
23459
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23460
23624
|
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
23461
23625
|
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
23462
23626
|
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
23627
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23463
23628
|
}
|
|
23464
23629
|
|
|
23465
23630
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -23825,7 +23990,6 @@ ul.pf-v6-c-list {
|
|
|
23825
23990
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
23826
23991
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
23827
23992
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
23828
|
-
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23829
23993
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
23830
23994
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
23831
23995
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
@@ -23833,6 +23997,7 @@ ul.pf-v6-c-list {
|
|
|
23833
23997
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
23834
23998
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
23835
23999
|
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
24000
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23836
24001
|
}
|
|
23837
24002
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
23838
24003
|
.pf-v6-c-page__main-container {
|
|
@@ -24857,7 +25022,7 @@ ul.pf-v6-c-list {
|
|
|
24857
25022
|
}
|
|
24858
25023
|
|
|
24859
25024
|
.pf-v6-c-popover__body {
|
|
24860
|
-
|
|
25025
|
+
overflow-wrap: break-word;
|
|
24861
25026
|
}
|
|
24862
25027
|
|
|
24863
25028
|
.pf-v6-c-popover__footer {
|
|
@@ -24902,7 +25067,7 @@ ul.pf-v6-c-list {
|
|
|
24902
25067
|
display: grid;
|
|
24903
25068
|
grid-template-rows: 1fr auto;
|
|
24904
25069
|
grid-template-columns: auto auto;
|
|
24905
|
-
|
|
25070
|
+
gap: var(--pf-v6-c-progress--GridGap);
|
|
24906
25071
|
align-items: end;
|
|
24907
25072
|
}
|
|
24908
25073
|
.pf-v6-c-progress.pf-m-sm {
|
|
@@ -24996,7 +25161,7 @@ ul.pf-v6-c-list {
|
|
|
24996
25161
|
|
|
24997
25162
|
.pf-v6-c-progress__description {
|
|
24998
25163
|
grid-column: 1/2;
|
|
24999
|
-
|
|
25164
|
+
overflow-wrap: break-word;
|
|
25000
25165
|
}
|
|
25001
25166
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
25002
25167
|
overflow: hidden;
|
|
@@ -25012,7 +25177,7 @@ ul.pf-v6-c-list {
|
|
|
25012
25177
|
align-items: flex-start;
|
|
25013
25178
|
justify-content: flex-end;
|
|
25014
25179
|
text-align: end;
|
|
25015
|
-
|
|
25180
|
+
overflow-wrap: break-word;
|
|
25016
25181
|
}
|
|
25017
25182
|
|
|
25018
25183
|
.pf-v6-c-progress__status-icon {
|
|
@@ -25275,9 +25440,9 @@ ul.pf-v6-c-list {
|
|
|
25275
25440
|
inset-block-start: 0;
|
|
25276
25441
|
inset-inline-start: 0;
|
|
25277
25442
|
overflow: hidden;
|
|
25278
|
-
clip: rect(0, 0, 0, 0);
|
|
25279
25443
|
white-space: nowrap;
|
|
25280
25444
|
border: 0;
|
|
25445
|
+
clip-path: inset(50%);
|
|
25281
25446
|
}
|
|
25282
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 {
|
|
25283
25448
|
grid-row: 1/2;
|
|
@@ -25699,7 +25864,7 @@ ul.pf-v6-c-list {
|
|
|
25699
25864
|
.pf-v6-c-radio {
|
|
25700
25865
|
display: grid;
|
|
25701
25866
|
grid-template-columns: auto 1fr;
|
|
25702
|
-
|
|
25867
|
+
gap: var(--pf-v6-c-radio--GridGap);
|
|
25703
25868
|
align-items: baseline;
|
|
25704
25869
|
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
25705
25870
|
}
|
|
@@ -25930,6 +26095,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25930
26095
|
--pf-v6-c-sidebar__panel--Position: static;
|
|
25931
26096
|
--pf-v6-c-sidebar__panel--InsetBlockStart: auto;
|
|
25932
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
|
+
}
|
|
25933
26101
|
.pf-v6-c-sidebar__panel.pf-m-secondary {
|
|
25934
26102
|
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
|
|
25935
26103
|
}
|
|
@@ -25949,7 +26117,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25949
26117
|
--pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
|
|
25950
26118
|
--pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
|
|
25951
26119
|
}
|
|
25952
|
-
.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) {
|
|
25953
26121
|
--pf-v6-c-sidebar__content--BackgroundColor: transparent;
|
|
25954
26122
|
}
|
|
25955
26123
|
.pf-v6-c-sidebar__content.pf-m-secondary {
|
|
@@ -25962,12 +26130,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25962
26130
|
--pf-v6-c-sidebar__content--Order: -1;
|
|
25963
26131
|
}
|
|
25964
26132
|
|
|
25965
|
-
.pf-v6-c-sidebar.pf-m-no-background,
|
|
25966
|
-
.pf-v6-c-sidebar__panel.pf-m-no-background,
|
|
25967
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
25968
|
-
background-color: transparent;
|
|
25969
|
-
}
|
|
25970
|
-
|
|
25971
26133
|
.pf-v6-c-sidebar__panel.pf-m-width-default {
|
|
25972
26134
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
25973
26135
|
}
|
|
@@ -26694,10 +26856,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26694
26856
|
width: 100%;
|
|
26695
26857
|
height: 100%;
|
|
26696
26858
|
stroke: var(--pf-v6-c-spinner--Color);
|
|
26859
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
26860
|
+
stroke-linecap: round;
|
|
26697
26861
|
stroke-dasharray: 283;
|
|
26698
26862
|
stroke-dashoffset: 280;
|
|
26699
|
-
stroke-linecap: round;
|
|
26700
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
26701
26863
|
transform-origin: 50% 50%;
|
|
26702
26864
|
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
26703
26865
|
}
|
|
@@ -26857,8 +27019,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26857
27019
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
26858
27020
|
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
26859
27021
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
26860
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
26861
27022
|
transform: translateY(-50%);
|
|
27023
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
26862
27024
|
}
|
|
26863
27025
|
.pf-v6-c-switch__toggle::after {
|
|
26864
27026
|
position: absolute;
|
|
@@ -28716,6 +28878,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28716
28878
|
--pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
28717
28879
|
--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
28718
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);
|
|
28719
28883
|
}
|
|
28720
28884
|
:where(.pf-v6-theme-glass) .pf-v6-c-table {
|
|
28721
28885
|
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
@@ -28785,6 +28949,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28785
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]) {
|
|
28786
28950
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
|
|
28787
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
|
+
}
|
|
28788
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),
|
|
28789
28973
|
.pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
28790
28974
|
.pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
@@ -28855,11 +29039,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28855
29039
|
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
28856
29040
|
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
28857
29041
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29042
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
28858
29043
|
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
28859
29044
|
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
28860
29045
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
28861
29046
|
color: var(--pf-v6-c-table--cell--Color);
|
|
28862
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
28863
29047
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
28864
29048
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
28865
29049
|
}
|
|
@@ -28965,24 +29149,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28965
29149
|
}
|
|
28966
29150
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
|
|
28967
29151
|
cursor: pointer;
|
|
28968
|
-
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
28969
29152
|
outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
|
|
29153
|
+
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
28970
29154
|
}
|
|
28971
29155
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
|
|
28972
29156
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
28973
29157
|
}
|
|
28974
29158
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
|
|
28975
29159
|
position: relative;
|
|
28976
|
-
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
28977
29160
|
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
|
|
29161
|
+
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
28978
29162
|
}
|
|
28979
29163
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
|
|
28980
29164
|
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
|
|
28981
29165
|
}
|
|
28982
29166
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
|
|
28983
29167
|
cursor: pointer;
|
|
28984
|
-
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
28985
29168
|
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
|
|
29169
|
+
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
28986
29170
|
}
|
|
28987
29171
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
|
|
28988
29172
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
@@ -28991,8 +29175,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28991
29175
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
|
|
28992
29176
|
}
|
|
28993
29177
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
|
|
28994
|
-
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
28995
29178
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
|
29179
|
+
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
28996
29180
|
}
|
|
28997
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) {
|
|
28998
29182
|
border: none;
|
|
@@ -29017,11 +29201,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29017
29201
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
29018
29202
|
visibility: hidden;
|
|
29019
29203
|
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
29204
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29020
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);
|
|
29021
29206
|
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
29022
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;
|
|
29023
29208
|
transition-property: opacity, translate, visibility, background-color;
|
|
29024
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29025
29209
|
}
|
|
29026
29210
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
29027
29211
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
@@ -29029,9 +29213,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29029
29213
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
29030
29214
|
visibility: visible;
|
|
29031
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);
|
|
29032
29217
|
transition-delay: 0s;
|
|
29033
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;
|
|
29034
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
29035
29219
|
}
|
|
29036
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 {
|
|
29037
29221
|
max-height: 99999px;
|
|
@@ -29097,8 +29281,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29097
29281
|
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
29098
29282
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
29099
29283
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29100
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29101
29284
|
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29285
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29102
29286
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
29103
29287
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
29104
29288
|
}
|
|
@@ -29127,10 +29311,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29127
29311
|
text-align: start;
|
|
29128
29312
|
white-space: inherit;
|
|
29129
29313
|
user-select: text;
|
|
29314
|
+
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29130
29315
|
background-color: var(--pf-v6-c-table__button--BackgroundColor);
|
|
29131
29316
|
border: 0;
|
|
29132
29317
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
29133
|
-
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29134
29318
|
}
|
|
29135
29319
|
.pf-v6-c-table__button::after {
|
|
29136
29320
|
position: absolute;
|
|
@@ -29224,10 +29408,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29224
29408
|
}
|
|
29225
29409
|
|
|
29226
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));
|
|
29227
29412
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
29228
29413
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
29229
29414
|
transition-property: transform;
|
|
29230
|
-
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29231
29415
|
}
|
|
29232
29416
|
.pf-v6-c-table__toggle svg {
|
|
29233
29417
|
pointer-events: none;
|
|
@@ -29519,6 +29703,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29519
29703
|
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
29520
29704
|
}
|
|
29521
29705
|
|
|
29706
|
+
.pf-v6-c-table__tfoot {
|
|
29707
|
+
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
|
29708
|
+
vertical-align: top;
|
|
29709
|
+
}
|
|
29710
|
+
|
|
29522
29711
|
.pf-v6-c-table__icon-inline {
|
|
29523
29712
|
display: flex;
|
|
29524
29713
|
align-items: center;
|
|
@@ -29783,8 +29972,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29783
29972
|
}
|
|
29784
29973
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
29785
29974
|
position: relative;
|
|
29786
|
-
border: none;
|
|
29787
29975
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
29976
|
+
border: none;
|
|
29788
29977
|
}
|
|
29789
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 {
|
|
29790
29979
|
position: absolute;
|
|
@@ -29822,7 +30011,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29822
30011
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
29823
30012
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
29824
30013
|
grid-column: 1;
|
|
29825
|
-
|
|
30014
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
29826
30015
|
align-items: start;
|
|
29827
30016
|
}
|
|
29828
30017
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -29925,8 +30114,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29925
30114
|
}
|
|
29926
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) {
|
|
29927
30116
|
position: relative;
|
|
29928
|
-
border: none;
|
|
29929
30117
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30118
|
+
border: none;
|
|
29930
30119
|
}
|
|
29931
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 {
|
|
29932
30121
|
position: absolute;
|
|
@@ -29964,7 +30153,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29964
30153
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
29965
30154
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
29966
30155
|
grid-column: 1;
|
|
29967
|
-
|
|
30156
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
29968
30157
|
align-items: start;
|
|
29969
30158
|
}
|
|
29970
30159
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30068,8 +30257,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30068
30257
|
}
|
|
30069
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) {
|
|
30070
30259
|
position: relative;
|
|
30071
|
-
border: none;
|
|
30072
30260
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30261
|
+
border: none;
|
|
30073
30262
|
}
|
|
30074
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 {
|
|
30075
30264
|
position: absolute;
|
|
@@ -30107,7 +30296,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30107
30296
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30108
30297
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30109
30298
|
grid-column: 1;
|
|
30110
|
-
|
|
30299
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30111
30300
|
align-items: start;
|
|
30112
30301
|
}
|
|
30113
30302
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30211,8 +30400,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30211
30400
|
}
|
|
30212
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) {
|
|
30213
30402
|
position: relative;
|
|
30214
|
-
border: none;
|
|
30215
30403
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30404
|
+
border: none;
|
|
30216
30405
|
}
|
|
30217
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 {
|
|
30218
30407
|
position: absolute;
|
|
@@ -30250,7 +30439,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30250
30439
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30251
30440
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30252
30441
|
grid-column: 1;
|
|
30253
|
-
|
|
30442
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30254
30443
|
align-items: start;
|
|
30255
30444
|
}
|
|
30256
30445
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30354,8 +30543,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30354
30543
|
}
|
|
30355
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) {
|
|
30356
30545
|
position: relative;
|
|
30357
|
-
border: none;
|
|
30358
30546
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30547
|
+
border: none;
|
|
30359
30548
|
}
|
|
30360
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 {
|
|
30361
30550
|
position: absolute;
|
|
@@ -30393,7 +30582,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30393
30582
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30394
30583
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30395
30584
|
grid-column: 1;
|
|
30396
|
-
|
|
30585
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30397
30586
|
align-items: start;
|
|
30398
30587
|
}
|
|
30399
30588
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30946,8 +31135,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30946
31135
|
|
|
30947
31136
|
.pf-v6-c-tabs__toggle-icon {
|
|
30948
31137
|
display: inline-block;
|
|
30949
|
-
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
30950
31138
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
31139
|
+
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
30951
31140
|
}
|
|
30952
31141
|
|
|
30953
31142
|
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
@@ -31111,8 +31300,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31111
31300
|
align-self: end;
|
|
31112
31301
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
31113
31302
|
color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
|
|
31114
|
-
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31115
31303
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
31304
|
+
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31116
31305
|
}
|
|
31117
31306
|
|
|
31118
31307
|
.pf-v6-c-tabs__item-action {
|
|
@@ -31375,10 +31564,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31375
31564
|
border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
|
|
31376
31565
|
border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
|
|
31377
31566
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
31567
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31378
31568
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
31379
31569
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
31380
31570
|
transition-property: width, height, translate;
|
|
31381
|
-
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31382
31571
|
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
31383
31572
|
}
|
|
31384
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 {
|
|
@@ -31584,9 +31773,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31584
31773
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
31585
31774
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
31586
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);
|
|
31587
31777
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
31588
31778
|
border: 0;
|
|
31589
|
-
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31590
31779
|
}
|
|
31591
31780
|
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
31592
31781
|
grid-area: text-input;
|
|
@@ -31794,7 +31983,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31794
31983
|
|
|
31795
31984
|
.pf-v6-c-title {
|
|
31796
31985
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
31797
|
-
|
|
31986
|
+
overflow-wrap: break-word;
|
|
31798
31987
|
}
|
|
31799
31988
|
.pf-v6-c-title.pf-m-4xl {
|
|
31800
31989
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -32577,10 +32766,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32577
32766
|
|
|
32578
32767
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
32579
32768
|
display: inline-flex;
|
|
32769
|
+
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32580
32770
|
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
32581
32771
|
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
32582
32772
|
transition-property: transform;
|
|
32583
|
-
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32584
32773
|
}
|
|
32585
32774
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
32586
32775
|
scale: -1 1;
|
|
@@ -34216,7 +34405,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34216
34405
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
34217
34406
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
34218
34407
|
text-align: center;
|
|
34219
|
-
|
|
34408
|
+
overflow-wrap: break-word;
|
|
34220
34409
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
34221
34410
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
34222
34411
|
}
|
|
@@ -34598,19 +34787,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34598
34787
|
display: inline-block;
|
|
34599
34788
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
34600
34789
|
text-align: center;
|
|
34601
|
-
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
34602
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);
|
|
34603
34792
|
}
|
|
34604
34793
|
|
|
34605
34794
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
34606
|
-
max-height: 0;
|
|
34607
34795
|
visibility: hidden;
|
|
34796
|
+
max-height: 0;
|
|
34608
34797
|
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
34798
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34609
34799
|
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
34610
34800
|
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
34611
34801
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
34612
34802
|
transition-property: opacity, translate, visibility, max-height;
|
|
34613
|
-
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34614
34803
|
}
|
|
34615
34804
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
34616
34805
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -34621,12 +34810,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34621
34810
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
34622
34811
|
}
|
|
34623
34812
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
34624
|
-
max-height: 99999px;
|
|
34625
34813
|
visibility: revert;
|
|
34814
|
+
max-height: 99999px;
|
|
34626
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);
|
|
34627
34817
|
transition-delay: 0s;
|
|
34628
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;
|
|
34629
|
-
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
34630
34819
|
}
|
|
34631
34820
|
|
|
34632
34821
|
.pf-v6-c-tree-view__node,
|
|
@@ -35065,7 +35254,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35065
35254
|
|
|
35066
35255
|
.pf-v6-c-wizard__title {
|
|
35067
35256
|
padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
|
|
35068
|
-
|
|
35257
|
+
overflow-wrap: break-word;
|
|
35069
35258
|
}
|
|
35070
35259
|
|
|
35071
35260
|
.pf-v6-c-wizard__title-text {
|
|
@@ -35128,7 +35317,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35128
35317
|
align-items: baseline;
|
|
35129
35318
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
35130
35319
|
text-align: start;
|
|
35131
|
-
|
|
35320
|
+
overflow-wrap: break-word;
|
|
35132
35321
|
}
|
|
35133
35322
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
35134
35323
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -35264,8 +35453,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35264
35453
|
padding-inline: 0;
|
|
35265
35454
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
35266
35455
|
text-align: start;
|
|
35456
|
+
overflow-wrap: break-word;
|
|
35267
35457
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
35268
|
-
word-break: break-word;
|
|
35269
35458
|
counter-increment: wizard-nav-count;
|
|
35270
35459
|
background-color: transparent;
|
|
35271
35460
|
border: none;
|
|
@@ -35370,10 +35559,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35370
35559
|
|
|
35371
35560
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
35372
35561
|
display: inline-block;
|
|
35562
|
+
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35373
35563
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
35374
35564
|
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
35375
35565
|
transition-property: transform;
|
|
35376
|
-
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35377
35566
|
}
|
|
35378
35567
|
|
|
35379
35568
|
.pf-v6-c-wizard__main {
|
|
@@ -35383,7 +35572,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35383
35572
|
flex-direction: column;
|
|
35384
35573
|
overflow-x: hidden;
|
|
35385
35574
|
overflow-y: auto;
|
|
35386
|
-
|
|
35575
|
+
overflow-wrap: break-word;
|
|
35387
35576
|
}
|
|
35388
35577
|
|
|
35389
35578
|
.pf-v6-c-wizard__main-body {
|
|
@@ -37820,7 +38009,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
37820
38009
|
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
37821
38010
|
}
|
|
37822
38011
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
37823
|
-
|
|
38012
|
+
gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
37824
38013
|
}
|
|
37825
38014
|
.pf-v6-l-gallery {
|
|
37826
38015
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
@@ -38813,7 +39002,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
38813
39002
|
}
|
|
38814
39003
|
}
|
|
38815
39004
|
.pf-v6-l-grid.pf-m-gutter {
|
|
38816
|
-
|
|
39005
|
+
gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
38817
39006
|
}
|
|
38818
39007
|
|
|
38819
39008
|
.pf-v6-l-level {
|