@patternfly/patternfly 6.6.0-prerelease.1 → 6.6.0-prerelease.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/assets/images/img_avatar-rhds.svg +22 -0
- package/assets/images/pf-logo-avatar.jpg +0 -0
- package/base/normalize.scss +2 -0
- package/base/patternfly-common.css +2 -2
- package/base/patternfly-common.scss +1 -1
- package/base/patternfly-fa-icons.css +3 -3
- package/base/patternfly-fa-icons.scss +3 -3
- package/base/patternfly-variables.css +58 -56
- package/base/reset.scss +2 -0
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-charts-highcontrast.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +9 -9
- package/base/tokens/tokens-default.scss +8 -8
- package/base/tokens/tokens-felt-dark.scss +1 -1
- package/base/tokens/tokens-felt-glass-dark.scss +8 -8
- package/base/tokens/tokens-felt-glass.scss +10 -9
- package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-felt-highcontrast.scss +1 -1
- package/base/tokens/tokens-felt.scss +1 -1
- package/base/tokens/tokens-glass-dark.scss +8 -8
- package/base/tokens/tokens-glass.scss +10 -9
- package/base/tokens/tokens-highcontrast-dark.scss +8 -8
- package/base/tokens/tokens-highcontrast.scss +7 -7
- package/base/tokens/tokens-palette.scss +1 -1
- package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
- package/components/AboutModalBox/about-modal-box.css +1 -1
- package/components/AboutModalBox/about-modal-box.scss +1 -1
- package/components/Accordion/accordion.css +3 -3
- package/components/Accordion/accordion.scss +3 -3
- package/components/Alert/alert-group.css +1 -1
- package/components/Alert/alert-group.scss +1 -1
- package/components/Alert/alert.css +4 -3
- package/components/Alert/alert.scss +4 -3
- package/components/Avatar/avatar.css +144 -0
- package/components/Avatar/avatar.scss +161 -0
- package/components/Breadcrumb/breadcrumb.css +1 -1
- package/components/Breadcrumb/breadcrumb.scss +1 -1
- package/components/Button/button.css +9 -6
- package/components/Button/button.scss +10 -6
- package/components/Card/card.css +2 -2
- package/components/Card/card.scss +3 -3
- package/components/Check/check.css +1 -1
- package/components/Check/check.scss +1 -1
- package/components/ClipboardCopy/clipboard-copy.css +2 -2
- package/components/ClipboardCopy/clipboard-copy.scss +2 -2
- package/components/Compass/compass.css +7 -3
- package/components/Compass/compass.scss +7 -3
- package/components/Content/content.css +2 -2
- package/components/Content/content.scss +2 -2
- package/components/DataList/data-list.css +1 -1
- package/components/DataList/data-list.scss +1 -1
- package/components/DescriptionList/description-list.css +0 -1
- package/components/DescriptionList/description-list.scss +0 -1
- package/components/DragDrop/drag-drop.css +4 -0
- package/components/DragDrop/drag-drop.scss +4 -0
- 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 +341 -154
- package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
- package/docs/components/Accordion/examples/Accordion.md +30 -30
- package/docs/components/ActionList/examples/ActionList.md +11 -11
- package/docs/components/Alert/examples/Alert.md +54 -54
- package/docs/components/Avatar/examples/Avatar.css +6 -0
- package/docs/components/Avatar/examples/Avatar.md +414 -40
- package/docs/components/BackToTop/examples/BackToTop.md +1 -1
- package/docs/components/Banner/examples/Banner.md +10 -10
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
- package/docs/components/Button/examples/Button.md +184 -184
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
- package/docs/components/Card/examples/Card.md +14 -14
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
- package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
- package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
- package/docs/components/DataList/examples/DataList.md +34 -34
- package/docs/components/DatePicker/examples/DatePicker.md +6 -6
- package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
- package/docs/components/Drawer/examples/Drawer.md +23 -23
- package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
- package/docs/components/EmptyState/examples/EmptyState.md +6 -6
- package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
- package/docs/components/Form/examples/Form.md +6 -6
- package/docs/components/Hint/examples/Hint.md +3 -3
- package/docs/components/Icon/examples/Icon.md +9 -9
- package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
- package/docs/components/InputGroup/examples/InputGroup.md +4 -4
- package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
- package/docs/components/Label/examples/Label.md +218 -218
- package/docs/components/Login/examples/Login.md +4 -4
- package/docs/components/Masthead/examples/masthead.md +1 -1
- package/docs/components/Menu/examples/Menu.md +129 -129
- package/docs/components/MenuToggle/examples/MenuToggle.md +271 -232
- package/docs/components/ModalBox/examples/ModalBox.md +24 -24
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
- package/docs/components/Nav/examples/Navigation.md +66 -66
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
- package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
- package/docs/components/Page/examples/Page.md +1 -1
- package/docs/components/Pagination/examples/Pagination.md +92 -92
- package/docs/components/Popover/examples/Popover.md +22 -22
- package/docs/components/Progress/examples/Progress.md +7 -7
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
- package/docs/components/Sidebar/examples/Sidebar.md +3 -1
- package/docs/components/Slider/examples/Slider.md +4 -4
- package/docs/components/Table/examples/Table.css +6 -0
- package/docs/components/Table/examples/Table.md +807 -527
- package/docs/components/Tabs/examples/Tabs.md +378 -378
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
- package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
- package/docs/components/Toolbar/examples/Toolbar.md +117 -117
- package/docs/components/TreeView/examples/TreeView.md +104 -104
- package/docs/components/Wizard/examples/Wizard.md +40 -40
- package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
- package/docs/demos/Alert/examples/Alert.md +32 -32
- package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
- package/docs/demos/Banner/examples/Banner.md +16 -16
- package/docs/demos/Button/examples/Button.md +1 -1
- package/docs/demos/Card/examples/Card.md +78 -78
- package/docs/demos/CardView/examples/CardView.md +38 -38
- package/docs/demos/Compass/examples/Compass.md +294 -238
- package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
- package/docs/demos/DataList/examples/DataList.md +101 -101
- package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
- package/docs/demos/Drawer/examples/Drawer.md +40 -40
- package/docs/demos/Form/examples/BasicForms.md +21 -21
- package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
- package/docs/demos/Masthead/examples/Masthead.md +57 -57
- package/docs/demos/Modal/examples/Modal.md +54 -54
- package/docs/demos/Nav/examples/Nav.md +93 -93
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
- package/docs/demos/Page/examples/Page.md +119 -119
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
- package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
- package/docs/demos/Table/examples/Table.md +630 -630
- package/docs/demos/Tabs/examples/Tabs.md +62 -62
- package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
- package/docs/demos/Wizard/examples/Wizard.md +100 -100
- package/layouts/Gallery/gallery.css +1 -1
- package/layouts/Gallery/gallery.scss +1 -1
- package/layouts/Grid/grid.css +1 -1
- package/layouts/Grid/grid.scss +1 -1
- package/layouts/_index.css +2 -2
- package/package.json +11 -12
- package/patternfly-addons.css +12 -12
- package/patternfly-base-no-globals.css +63 -61
- package/patternfly-base.css +63 -61
- package/patternfly-no-globals.css +406 -217
- package/patternfly.css +406 -217
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +2 -2
- package/utilities/Accessibility/accessibility.css +12 -12
- package/utilities/_index.css +12 -12
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
inset-block-start: 0;
|
|
4
4
|
inset-inline-start: 0;
|
|
5
5
|
overflow: hidden;
|
|
6
|
-
clip: rect(0, 0, 0, 0);
|
|
7
6
|
white-space: nowrap;
|
|
8
7
|
border: 0;
|
|
8
|
+
clip-path: inset(50%);
|
|
9
9
|
}
|
|
10
10
|
.pf-v6-screen-reader.pf-m-full-size {
|
|
11
11
|
width: 100%;
|
|
@@ -108,8 +108,8 @@
|
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
110
|
:root {
|
|
111
|
-
container-type: inline-size;
|
|
112
111
|
container-name: pf-v6-contain-viewport pf-v6-contain-table;
|
|
112
|
+
container-type: inline-size;
|
|
113
113
|
}
|
|
114
114
|
|
|
115
115
|
@property --pf-v6-global--danger-jiggle--TranslateX {
|
|
@@ -5729,13 +5729,13 @@
|
|
|
5729
5729
|
.far,
|
|
5730
5730
|
.fal,
|
|
5731
5731
|
.fab {
|
|
5732
|
-
-moz-osx-font-smoothing: grayscale;
|
|
5733
|
-
-webkit-font-smoothing: antialiased;
|
|
5734
5732
|
display: inline-block;
|
|
5735
5733
|
font-style: normal;
|
|
5736
5734
|
font-variant: normal;
|
|
5737
|
-
text-rendering: auto;
|
|
5738
5735
|
line-height: 1;
|
|
5736
|
+
text-rendering: auto;
|
|
5737
|
+
-moz-osx-font-smoothing: grayscale;
|
|
5738
|
+
-webkit-font-smoothing: antialiased;
|
|
5739
5739
|
}
|
|
5740
5740
|
|
|
5741
5741
|
@font-face {
|
|
@@ -6400,12 +6400,12 @@
|
|
|
6400
6400
|
--pf-t--color--yellow--60: #96640f;
|
|
6401
6401
|
--pf-t--color--yellow--70: #73480b;
|
|
6402
6402
|
--pf-t--color--yellow--80: #54330b;
|
|
6403
|
-
--pf-t--global--background--color--500:
|
|
6404
|
-
--pf-t--global--background--color--600:
|
|
6405
|
-
--pf-t--global--background--color--700:
|
|
6406
|
-
--pf-t--global--background--color--action--plain--default:
|
|
6403
|
+
--pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
|
|
6404
|
+
--pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
|
|
6405
|
+
--pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
|
|
6406
|
+
--pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
|
|
6407
6407
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
6408
|
-
--pf-t--global--border--color--high-contrast:
|
|
6408
|
+
--pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
|
|
6409
6409
|
--pf-t--global--border--radius--0: 0px;
|
|
6410
6410
|
--pf-t--global--border--radius--100: 4px;
|
|
6411
6411
|
--pf-t--global--border--radius--200: 6px;
|
|
@@ -6443,8 +6443,8 @@
|
|
|
6443
6443
|
--pf-t--global--box-shadow--blur--100: 6px;
|
|
6444
6444
|
--pf-t--global--box-shadow--blur--200: 10px;
|
|
6445
6445
|
--pf-t--global--box-shadow--blur--300: 20px;
|
|
6446
|
-
--pf-t--global--box-shadow--color--100:
|
|
6447
|
-
--pf-t--global--box-shadow--color--200:
|
|
6446
|
+
--pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
|
|
6447
|
+
--pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
|
|
6448
6448
|
--pf-t--global--box-shadow--spread--100: 0px;
|
|
6449
6449
|
--pf-t--global--box-shadow--spread--200: -4px;
|
|
6450
6450
|
--pf-t--global--box-shadow--spread--300: -8px;
|
|
@@ -7317,10 +7317,10 @@
|
|
|
7317
7317
|
}
|
|
7318
7318
|
|
|
7319
7319
|
:root:where(.pf-v6-theme-high-contrast) {
|
|
7320
|
-
--pf-t--global--background--color--500:
|
|
7321
|
-
--pf-t--global--background--color--600:
|
|
7322
|
-
--pf-t--global--background--color--700:
|
|
7323
|
-
--pf-t--global--background--color--action--plain--default:
|
|
7320
|
+
--pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
|
|
7321
|
+
--pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
|
|
7322
|
+
--pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
|
|
7323
|
+
--pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
|
|
7324
7324
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
7325
7325
|
--pf-t--global--border--radius--0: 0px;
|
|
7326
7326
|
--pf-t--global--border--radius--100: 4px;
|
|
@@ -7354,8 +7354,8 @@
|
|
|
7354
7354
|
--pf-t--global--box-shadow--blur--100: 6px;
|
|
7355
7355
|
--pf-t--global--box-shadow--blur--200: 10px;
|
|
7356
7356
|
--pf-t--global--box-shadow--blur--300: 20px;
|
|
7357
|
-
--pf-t--global--box-shadow--color--100:
|
|
7358
|
-
--pf-t--global--box-shadow--color--200:
|
|
7357
|
+
--pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
|
|
7358
|
+
--pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
|
|
7359
7359
|
--pf-t--global--box-shadow--spread--100: 0px;
|
|
7360
7360
|
--pf-t--global--box-shadow--spread--200: -4px;
|
|
7361
7361
|
--pf-t--global--box-shadow--spread--300: -8px;
|
|
@@ -8072,13 +8072,13 @@
|
|
|
8072
8072
|
}
|
|
8073
8073
|
|
|
8074
8074
|
:root:where(.pf-v6-theme-glass) {
|
|
8075
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
8076
|
-
--pf-t--global--background--color--primary--clicked:
|
|
8077
|
-
--pf-t--global--background--color--primary--default:
|
|
8078
|
-
--pf-t--global--background--color--primary--hover:
|
|
8079
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
8080
|
-
--pf-t--global--background--color--secondary--default:
|
|
8081
|
-
--pf-t--global--background--color--secondary--hover:
|
|
8075
|
+
--pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
|
|
8076
|
+
--pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
|
|
8077
|
+
--pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
|
|
8078
|
+
--pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
|
|
8079
|
+
--pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
|
|
8080
|
+
--pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
|
|
8081
|
+
--pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
|
|
8082
8082
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
8083
8083
|
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
|
|
8084
8084
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
|
|
@@ -8086,6 +8086,7 @@
|
|
|
8086
8086
|
--pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
|
|
8087
8087
|
--pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium);
|
|
8088
8088
|
--pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular);
|
|
8089
|
+
--pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
|
|
8089
8090
|
--pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
|
|
8090
8091
|
--pf-t--global--background--image--default: var(--pf-t--global--background--image--glass, url("./assets/images/PF-Bkg-Generic-Light.svg"));
|
|
8091
8092
|
--pf-t--global--box-shadow--glass--default: var(--pf-t--global--box-shadow--md);
|
|
@@ -8217,13 +8218,13 @@
|
|
|
8217
8218
|
}
|
|
8218
8219
|
|
|
8219
8220
|
:root:where(.pf-v6-theme-felt.pf-v6-theme-glass) {
|
|
8220
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
8221
|
-
--pf-t--global--background--color--primary--clicked:
|
|
8222
|
-
--pf-t--global--background--color--primary--default:
|
|
8223
|
-
--pf-t--global--background--color--primary--hover:
|
|
8224
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
8225
|
-
--pf-t--global--background--color--secondary--default:
|
|
8226
|
-
--pf-t--global--background--color--secondary--hover:
|
|
8221
|
+
--pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
|
|
8222
|
+
--pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
|
|
8223
|
+
--pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
|
|
8224
|
+
--pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
|
|
8225
|
+
--pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
|
|
8226
|
+
--pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
|
|
8227
|
+
--pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
|
|
8227
8228
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
8228
8229
|
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
|
|
8229
8230
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
|
|
@@ -8239,20 +8240,21 @@
|
|
|
8239
8240
|
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
|
|
8240
8241
|
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
|
|
8241
8242
|
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
|
|
8243
|
+
--pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
|
|
8242
8244
|
--pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
|
|
8243
8245
|
--pf-t--global--background--image--default: var(--pf-t--global--background--image--felt--glass, url("./assets/images/Felt-Bkg-Generic-Light.svg"));
|
|
8244
8246
|
}
|
|
8245
8247
|
|
|
8246
8248
|
:root:where(.pf-v6-theme-dark) {
|
|
8247
|
-
--pf-t--global--background--color--action--plain--default:
|
|
8248
|
-
--pf-t--global--background--color--striped--row--default:
|
|
8249
|
+
--pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
|
|
8250
|
+
--pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
|
|
8249
8251
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
8250
|
-
--pf-t--global--border--color--high-contrast:
|
|
8251
|
-
--pf-t--global--dark--background--color--500:
|
|
8252
|
-
--pf-t--global--dark--background--color--600:
|
|
8253
|
-
--pf-t--global--dark--background--color--700:
|
|
8254
|
-
--pf-t--global--dark--box-shadow--color--100:
|
|
8255
|
-
--pf-t--global--dark--box-shadow--color--200:
|
|
8252
|
+
--pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
|
|
8253
|
+
--pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
|
|
8254
|
+
--pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
|
|
8255
|
+
--pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
|
|
8256
|
+
--pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
|
|
8257
|
+
--pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
|
|
8256
8258
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
8257
8259
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
8258
8260
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
@@ -8702,14 +8704,14 @@
|
|
|
8702
8704
|
}
|
|
8703
8705
|
|
|
8704
8706
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-high-contrast) {
|
|
8705
|
-
--pf-t--global--background--color--action--plain--default:
|
|
8706
|
-
--pf-t--global--background--color--striped--row--default:
|
|
8707
|
+
--pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
|
|
8708
|
+
--pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
|
|
8707
8709
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
8708
|
-
--pf-t--global--dark--background--color--500:
|
|
8709
|
-
--pf-t--global--dark--background--color--600:
|
|
8710
|
-
--pf-t--global--dark--background--color--700:
|
|
8711
|
-
--pf-t--global--dark--box-shadow--color--100:
|
|
8712
|
-
--pf-t--global--dark--box-shadow--color--200:
|
|
8710
|
+
--pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
|
|
8711
|
+
--pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
|
|
8712
|
+
--pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
|
|
8713
|
+
--pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
|
|
8714
|
+
--pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
|
|
8713
8715
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
8714
8716
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
8715
8717
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9143,13 +9145,13 @@
|
|
|
9143
9145
|
}
|
|
9144
9146
|
|
|
9145
9147
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-glass) {
|
|
9146
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
9147
|
-
--pf-t--global--background--color--primary--clicked:
|
|
9148
|
-
--pf-t--global--background--color--primary--default:
|
|
9149
|
-
--pf-t--global--background--color--primary--hover:
|
|
9150
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
9151
|
-
--pf-t--global--background--color--secondary--default:
|
|
9152
|
-
--pf-t--global--background--color--secondary--hover:
|
|
9148
|
+
--pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9149
|
+
--pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
|
|
9150
|
+
--pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9151
|
+
--pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
|
|
9152
|
+
--pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
|
|
9153
|
+
--pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
|
|
9154
|
+
--pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
|
|
9153
9155
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
9154
9156
|
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
|
|
9155
9157
|
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9212,13 +9214,13 @@
|
|
|
9212
9214
|
}
|
|
9213
9215
|
|
|
9214
9216
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-glass) {
|
|
9215
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
9216
|
-
--pf-t--global--background--color--primary--clicked:
|
|
9217
|
-
--pf-t--global--background--color--primary--default:
|
|
9218
|
-
--pf-t--global--background--color--primary--hover:
|
|
9219
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
9220
|
-
--pf-t--global--background--color--secondary--default:
|
|
9221
|
-
--pf-t--global--background--color--secondary--hover:
|
|
9217
|
+
--pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9218
|
+
--pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
|
|
9219
|
+
--pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9220
|
+
--pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
|
|
9221
|
+
--pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
|
|
9222
|
+
--pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
|
|
9223
|
+
--pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
|
|
9222
9224
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
9223
9225
|
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
|
|
9224
9226
|
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9418,7 +9420,7 @@
|
|
|
9418
9420
|
overflow-x: hidden;
|
|
9419
9421
|
overflow-y: auto;
|
|
9420
9422
|
overscroll-behavior: contain;
|
|
9421
|
-
|
|
9423
|
+
overflow-wrap: break-word;
|
|
9422
9424
|
-webkit-overflow-scrolling: touch;
|
|
9423
9425
|
}
|
|
9424
9426
|
@media screen and (min-width: 36rem) {
|
|
@@ -9678,8 +9680,8 @@
|
|
|
9678
9680
|
}
|
|
9679
9681
|
|
|
9680
9682
|
.pf-v6-c-accordion__toggle-icon {
|
|
9681
|
-
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9682
9683
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
9684
|
+
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9683
9685
|
}
|
|
9684
9686
|
|
|
9685
9687
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
@@ -9687,6 +9689,7 @@
|
|
|
9687
9689
|
}
|
|
9688
9690
|
|
|
9689
9691
|
.pf-v6-c-accordion__expandable-content {
|
|
9692
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9690
9693
|
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
|
9691
9694
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
9692
9695
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
@@ -9694,16 +9697,15 @@
|
|
|
9694
9697
|
overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
|
|
9695
9698
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
9696
9699
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
9697
|
-
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9698
9700
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
9699
9701
|
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
9700
9702
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
9701
9703
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
9704
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9702
9705
|
transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
|
|
9703
9706
|
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
9704
9707
|
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
|
9705
9708
|
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
|
9706
|
-
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9707
9709
|
}
|
|
9708
9710
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
9709
9711
|
--pf-v6-c-accordion__expandable-content--Overflow: auto;
|
|
@@ -9907,12 +9909,13 @@
|
|
|
9907
9909
|
|
|
9908
9910
|
.pf-v6-c-alert__toggle-icon {
|
|
9909
9911
|
display: inline-block;
|
|
9910
|
-
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
9911
9912
|
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
9913
|
+
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
9912
9914
|
}
|
|
9913
9915
|
|
|
9914
9916
|
.pf-v6-c-alert__icon {
|
|
9915
9917
|
grid-area: icon;
|
|
9918
|
+
align-self: baseline;
|
|
9916
9919
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
9917
9920
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
9918
9921
|
color: var(--pf-v6-c-alert__icon--Color);
|
|
@@ -9923,7 +9926,7 @@
|
|
|
9923
9926
|
grid-area: title;
|
|
9924
9927
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
9925
9928
|
color: var(--pf-v6-c-alert__title--Color);
|
|
9926
|
-
|
|
9929
|
+
overflow-wrap: break-word;
|
|
9927
9930
|
}
|
|
9928
9931
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
9929
9932
|
display: -webkit-box;
|
|
@@ -9935,7 +9938,7 @@
|
|
|
9935
9938
|
.pf-v6-c-alert__description {
|
|
9936
9939
|
grid-area: description;
|
|
9937
9940
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
9938
|
-
|
|
9941
|
+
overflow-wrap: break-word;
|
|
9939
9942
|
}
|
|
9940
9943
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
9941
9944
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -10085,8 +10088,8 @@
|
|
|
10085
10088
|
display: grid;
|
|
10086
10089
|
grid-template-rows: 1fr;
|
|
10087
10090
|
opacity: 1;
|
|
10088
|
-
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10089
10091
|
transform: translateX(0) translateY(0);
|
|
10092
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10090
10093
|
}
|
|
10091
10094
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
10092
10095
|
.pf-v6-c-alert-group__item {
|
|
@@ -10142,24 +10145,87 @@
|
|
|
10142
10145
|
--pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
10143
10146
|
--pf-v6-c-avatar--Width: 2.25rem;
|
|
10144
10147
|
--pf-v6-c-avatar--Height: 2.25rem;
|
|
10148
|
+
--pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
|
|
10145
10149
|
--pf-v6-c-avatar--m-sm--Width: 1.5rem;
|
|
10146
10150
|
--pf-v6-c-avatar--m-sm--Height: 1.5rem;
|
|
10151
|
+
--pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
|
|
10147
10152
|
--pf-v6-c-avatar--m-md--Width: 2.25rem;
|
|
10148
10153
|
--pf-v6-c-avatar--m-md--Height: 2.25rem;
|
|
10154
|
+
--pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
|
|
10149
10155
|
--pf-v6-c-avatar--m-lg--Width: 4.5rem;
|
|
10150
10156
|
--pf-v6-c-avatar--m-lg--Height: 4.5rem;
|
|
10157
|
+
--pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
|
|
10151
10158
|
--pf-v6-c-avatar--m-xl--Width: 8rem;
|
|
10152
10159
|
--pf-v6-c-avatar--m-xl--Height: 8rem;
|
|
10160
|
+
--pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
|
|
10153
10161
|
--pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
|
|
10154
10162
|
--pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
10163
|
+
--pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
10164
|
+
--pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10165
|
+
--pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
|
|
10166
|
+
--pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
|
|
10167
|
+
--pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
|
|
10168
|
+
--pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
|
|
10169
|
+
--pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
|
|
10170
|
+
--pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
|
|
10171
|
+
--pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
|
|
10172
|
+
--pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
|
|
10173
|
+
--pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
|
|
10174
|
+
--pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
|
|
10175
|
+
--pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
|
|
10176
|
+
--pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
|
|
10177
|
+
--pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
|
|
10178
|
+
--pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
|
|
10179
|
+
--pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
|
|
10180
|
+
--pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
|
|
10181
|
+
--pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
|
|
10182
|
+
--pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
|
|
10183
|
+
--pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
|
|
10184
|
+
--pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
|
|
10185
|
+
--pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
|
|
10186
|
+
--pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
|
|
10187
|
+
--pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
|
|
10188
|
+
--pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
10189
|
+
--pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
|
|
10190
|
+
--pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
|
|
10191
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
10192
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
10193
|
+
--pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
10194
|
+
--pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
10195
|
+
--pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
|
|
10196
|
+
--pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
10197
|
+
--pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
10198
|
+
--pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
|
|
10199
|
+
--pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
10200
|
+
--pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
10201
|
+
--pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
|
|
10202
|
+
--pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
|
|
10203
|
+
--pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
|
|
10204
|
+
--pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
|
|
10205
|
+
--pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
|
|
10206
|
+
--pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
|
10207
|
+
--pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
|
|
10208
|
+
--pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
|
|
10209
|
+
--pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
10155
10210
|
}
|
|
10156
10211
|
|
|
10157
10212
|
.pf-v6-c-avatar {
|
|
10158
10213
|
width: var(--pf-v6-c-avatar--Width);
|
|
10159
10214
|
height: var(--pf-v6-c-avatar--Height);
|
|
10215
|
+
font-size: var(--pf-v6-c-avatar--FontSize);
|
|
10216
|
+
color: var(--pf-v6-c-avatar--Color, inherit);
|
|
10217
|
+
background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
|
|
10160
10218
|
border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
|
|
10161
10219
|
border-radius: var(--pf-v6-c-avatar--BorderRadius);
|
|
10162
10220
|
}
|
|
10221
|
+
div.pf-v6-c-avatar {
|
|
10222
|
+
display: inline-flex;
|
|
10223
|
+
align-items: center;
|
|
10224
|
+
justify-content: center;
|
|
10225
|
+
overflow: clip;
|
|
10226
|
+
vertical-align: middle;
|
|
10227
|
+
}
|
|
10228
|
+
|
|
10163
10229
|
.pf-v6-c-avatar.pf-m-bordered {
|
|
10164
10230
|
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
|
|
10165
10231
|
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
|
|
@@ -10388,6 +10454,87 @@
|
|
|
10388
10454
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
|
|
10389
10455
|
}
|
|
10390
10456
|
}
|
|
10457
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
10458
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
|
|
10459
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
|
|
10460
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
|
|
10461
|
+
}
|
|
10462
|
+
.pf-v6-c-avatar.pf-m-lg {
|
|
10463
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
|
|
10464
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
|
|
10465
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
|
|
10466
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
|
|
10467
|
+
}
|
|
10468
|
+
.pf-v6-c-avatar.pf-m-xl {
|
|
10469
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
|
|
10470
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
|
|
10471
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
|
|
10472
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
|
|
10473
|
+
}
|
|
10474
|
+
.pf-v6-c-avatar.pf-m-colorful {
|
|
10475
|
+
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
|
|
10476
|
+
}
|
|
10477
|
+
.pf-v6-c-avatar.pf-m-red {
|
|
10478
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
|
|
10479
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
|
|
10480
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
|
|
10481
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
|
|
10482
|
+
}
|
|
10483
|
+
.pf-v6-c-avatar.pf-m-orangered {
|
|
10484
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
|
|
10485
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
|
|
10486
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
|
|
10487
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
|
|
10488
|
+
}
|
|
10489
|
+
.pf-v6-c-avatar.pf-m-orange {
|
|
10490
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
|
|
10491
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
|
|
10492
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
|
|
10493
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
|
|
10494
|
+
}
|
|
10495
|
+
.pf-v6-c-avatar.pf-m-yellow {
|
|
10496
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
|
|
10497
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
|
|
10498
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
|
|
10499
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
|
|
10500
|
+
}
|
|
10501
|
+
.pf-v6-c-avatar.pf-m-green {
|
|
10502
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
|
|
10503
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
|
|
10504
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
|
|
10505
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
|
|
10506
|
+
}
|
|
10507
|
+
.pf-v6-c-avatar.pf-m-teal {
|
|
10508
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
|
|
10509
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
|
|
10510
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
|
|
10511
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
|
|
10512
|
+
}
|
|
10513
|
+
.pf-v6-c-avatar.pf-m-blue {
|
|
10514
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
|
|
10515
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
|
|
10516
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
|
|
10517
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
|
|
10518
|
+
}
|
|
10519
|
+
.pf-v6-c-avatar.pf-m-purple {
|
|
10520
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
|
|
10521
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
|
|
10522
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
|
|
10523
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
|
|
10524
|
+
}
|
|
10525
|
+
.pf-v6-c-avatar.pf-m-gray {
|
|
10526
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
|
|
10527
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
|
|
10528
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
|
|
10529
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
|
|
10530
|
+
}
|
|
10531
|
+
|
|
10532
|
+
.pf-v6-c-avatar__initials {
|
|
10533
|
+
font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
|
|
10534
|
+
font-size: var(--pf-v6-c-avatar__initials--FontSize);
|
|
10535
|
+
font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
|
|
10536
|
+
color: var(--pf-v6-c-avatar__initials--Color);
|
|
10537
|
+
}
|
|
10391
10538
|
|
|
10392
10539
|
.pf-v6-c-backdrop {
|
|
10393
10540
|
--pf-v6-c-backdrop--Position: fixed;
|
|
@@ -10831,10 +10978,10 @@
|
|
|
10831
10978
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
10832
10979
|
line-height: inherit;
|
|
10833
10980
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
10981
|
+
overflow-wrap: break-word;
|
|
10834
10982
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
10835
10983
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
10836
10984
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
10837
|
-
word-break: break-word;
|
|
10838
10985
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
10839
10986
|
}
|
|
10840
10987
|
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
@@ -11252,10 +11399,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11252
11399
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
11253
11400
|
color: var(--pf-v6-c-button--Color);
|
|
11254
11401
|
text-align: center;
|
|
11402
|
+
white-space: nowrap;
|
|
11255
11403
|
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
|
11256
11404
|
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
|
11257
11405
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
11258
|
-
white-space: nowrap;
|
|
11259
11406
|
cursor: pointer;
|
|
11260
11407
|
-webkit-user-select: none;
|
|
11261
11408
|
user-select: none;
|
|
@@ -11265,11 +11412,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11265
11412
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11266
11413
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11267
11414
|
border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11415
|
+
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
11268
11416
|
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
11269
11417
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
11270
11418
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
11271
11419
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
11272
|
-
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
11273
11420
|
}
|
|
11274
11421
|
.pf-v6-c-button::after {
|
|
11275
11422
|
position: absolute;
|
|
@@ -11396,10 +11543,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11396
11543
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
11397
11544
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
11398
11545
|
text-align: start;
|
|
11399
|
-
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11400
11546
|
white-space: normal;
|
|
11401
|
-
|
|
11547
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11402
11548
|
outline-offset: 0.125rem;
|
|
11549
|
+
background: transparent;
|
|
11403
11550
|
}
|
|
11404
11551
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
11405
11552
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
@@ -11737,6 +11884,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11737
11884
|
justify-content: flex-start;
|
|
11738
11885
|
width: 100%;
|
|
11739
11886
|
}
|
|
11887
|
+
.pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
|
|
11888
|
+
min-width: 1lh;
|
|
11889
|
+
}
|
|
11740
11890
|
@media (min-width: 62rem) {
|
|
11741
11891
|
.pf-v6-c-button.pf-m-docked {
|
|
11742
11892
|
justify-content: center;
|
|
@@ -11757,12 +11907,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11757
11907
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
11758
11908
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
11759
11909
|
color: var(--pf-v6-c-button__icon--Color);
|
|
11910
|
+
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
11911
|
+
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
11760
11912
|
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
11761
11913
|
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
11762
11914
|
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
11763
11915
|
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
|
11764
|
-
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
11765
|
-
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
11766
11916
|
}
|
|
11767
11917
|
.pf-v6-c-button__icon.pf-m-start {
|
|
11768
11918
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -12189,8 +12339,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12189
12339
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
|
|
12190
12340
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
|
|
12191
12341
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
|
|
12192
|
-
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
12193
12342
|
box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
|
|
12343
|
+
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
12194
12344
|
}
|
|
12195
12345
|
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
12196
12346
|
gap: 0;
|
|
@@ -12432,9 +12582,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12432
12582
|
}
|
|
12433
12583
|
|
|
12434
12584
|
.pf-v6-c-card__clickable-action {
|
|
12585
|
+
outline: 0;
|
|
12435
12586
|
background: none;
|
|
12436
12587
|
border: 0;
|
|
12437
|
-
outline: 0;
|
|
12438
12588
|
}
|
|
12439
12589
|
.pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
|
|
12440
12590
|
pointer-events: none;
|
|
@@ -12502,7 +12652,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12502
12652
|
.pf-v6-c-check {
|
|
12503
12653
|
display: grid;
|
|
12504
12654
|
grid-template-columns: auto 1fr;
|
|
12505
|
-
|
|
12655
|
+
gap: var(--pf-v6-c-check--GridGap);
|
|
12506
12656
|
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
12507
12657
|
}
|
|
12508
12658
|
.pf-v6-c-check.pf-m-standalone {
|
|
@@ -12633,7 +12783,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12633
12783
|
padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
|
|
12634
12784
|
padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
|
|
12635
12785
|
margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
|
|
12636
|
-
|
|
12786
|
+
overflow-wrap: break-word;
|
|
12637
12787
|
background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
|
|
12638
12788
|
background-clip: padding-box;
|
|
12639
12789
|
border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
|
|
@@ -12649,7 +12799,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12649
12799
|
}
|
|
12650
12800
|
|
|
12651
12801
|
.pf-v6-c-clipboard-copy__text {
|
|
12652
|
-
|
|
12802
|
+
overflow-wrap: break-word;
|
|
12653
12803
|
white-space: normal;
|
|
12654
12804
|
}
|
|
12655
12805
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -13138,8 +13288,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13138
13288
|
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
13139
13289
|
.pf-v6-c-compass__main-footer,
|
|
13140
13290
|
.pf-v6-c-compass__footer {
|
|
13141
|
-
margin: 0;
|
|
13142
13291
|
visibility: hidden;
|
|
13292
|
+
margin: 0;
|
|
13143
13293
|
opacity: 0;
|
|
13144
13294
|
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
13145
13295
|
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
@@ -13257,15 +13407,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13257
13407
|
inset-inline-start: 0;
|
|
13258
13408
|
z-index: var(--pf-v6-c-compass__dock--ZIndex);
|
|
13259
13409
|
display: flex;
|
|
13410
|
+
visibility: hidden;
|
|
13260
13411
|
flex-direction: column;
|
|
13261
13412
|
grid-area: dock;
|
|
13262
13413
|
width: var(--pf-v6-c-compass__dock--Width);
|
|
13263
|
-
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
13264
13414
|
translate: -100% 0;
|
|
13415
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
|
|
13265
13416
|
}
|
|
13266
13417
|
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
13267
13418
|
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
13419
|
+
visibility: visible;
|
|
13268
13420
|
translate: 0;
|
|
13421
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
13269
13422
|
}
|
|
13270
13423
|
@media (min-width: 62rem) {
|
|
13271
13424
|
.pf-v6-c-compass__dock {
|
|
@@ -13273,6 +13426,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13273
13426
|
--pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
|
|
13274
13427
|
position: revert;
|
|
13275
13428
|
inset: revert;
|
|
13429
|
+
visibility: revert;
|
|
13276
13430
|
width: auto;
|
|
13277
13431
|
translate: 0;
|
|
13278
13432
|
}
|
|
@@ -13287,9 +13441,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13287
13441
|
.pf-v6-c-compass__dock-main {
|
|
13288
13442
|
flex-grow: 1;
|
|
13289
13443
|
background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
|
|
13290
|
-
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13291
13444
|
border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
|
|
13292
13445
|
box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
|
|
13446
|
+
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13293
13447
|
}
|
|
13294
13448
|
.pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
|
|
13295
13449
|
border-inline-end: var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndColor);
|
|
@@ -13620,8 +13774,8 @@ ul) {
|
|
|
13620
13774
|
@media screen and (min-width: 36rem) {
|
|
13621
13775
|
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
13622
13776
|
grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
|
|
13623
|
-
|
|
13624
|
-
|
|
13777
|
+
row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
13778
|
+
column-gap: var(--pf-v6-c-content--dl--ColumnGap);
|
|
13625
13779
|
}
|
|
13626
13780
|
}
|
|
13627
13781
|
|
|
@@ -14410,8 +14564,8 @@ ul) {
|
|
|
14410
14564
|
.pf-v6-c-data-list__toggle-icon {
|
|
14411
14565
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
14412
14566
|
pointer-events: none;
|
|
14413
|
-
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14414
14567
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
14568
|
+
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14415
14569
|
}
|
|
14416
14570
|
|
|
14417
14571
|
.pf-v6-c-data-list__item-content {
|
|
@@ -14628,7 +14782,6 @@ ul) {
|
|
|
14628
14782
|
width: 100%;
|
|
14629
14783
|
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
14630
14784
|
break-inside: avoid;
|
|
14631
|
-
page-break-inside: avoid;
|
|
14632
14785
|
-webkit-column-break-inside: avoid;
|
|
14633
14786
|
-moz-column-break-inside: avoid;
|
|
14634
14787
|
}
|
|
@@ -14817,6 +14970,7 @@ ul) {
|
|
|
14817
14970
|
--pf-v6-c-draggable--m-dragging--Cursor: grabbing;
|
|
14818
14971
|
--pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
14819
14972
|
--pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
|
|
14973
|
+
--pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
14820
14974
|
--pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
14821
14975
|
--pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
14822
14976
|
--pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
@@ -14831,6 +14985,7 @@ ul) {
|
|
|
14831
14985
|
--pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
|
|
14832
14986
|
position: relative;
|
|
14833
14987
|
background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
|
|
14988
|
+
border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
|
|
14834
14989
|
box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
|
|
14835
14990
|
}
|
|
14836
14991
|
.pf-v6-c-draggable.pf-m-dragging::after {
|
|
@@ -14850,6 +15005,7 @@ ul) {
|
|
|
14850
15005
|
|
|
14851
15006
|
.pf-v6-c-droppable {
|
|
14852
15007
|
--pf-v6-c-droppable--before--BackgroundColor: transparent;
|
|
15008
|
+
--pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
14853
15009
|
--pf-v6-c-droppable--before--Opacity: 0;
|
|
14854
15010
|
--pf-v6-c-droppable--after--BorderWidth: 0;
|
|
14855
15011
|
--pf-v6-c-droppable--after--BorderColor: transparent;
|
|
@@ -14872,6 +15028,7 @@ ul) {
|
|
|
14872
15028
|
}
|
|
14873
15029
|
.pf-v6-c-droppable::before {
|
|
14874
15030
|
background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
|
|
15031
|
+
border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
|
|
14875
15032
|
opacity: var(--pf-v6-c-droppable--before--Opacity);
|
|
14876
15033
|
}
|
|
14877
15034
|
.pf-v6-c-droppable::after {
|
|
@@ -15036,9 +15193,9 @@ ul) {
|
|
|
15036
15193
|
max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
|
|
15037
15194
|
margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
|
|
15038
15195
|
overflow: auto;
|
|
15196
|
+
outline-offset: 2px;
|
|
15039
15197
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
15040
15198
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
15041
|
-
outline-offset: 2px;
|
|
15042
15199
|
}
|
|
15043
15200
|
|
|
15044
15201
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -15074,25 +15231,25 @@ ul) {
|
|
|
15074
15231
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
15075
15232
|
}
|
|
15076
15233
|
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
|
|
15077
|
-
max-height: 0;
|
|
15078
15234
|
visibility: hidden;
|
|
15235
|
+
max-height: 0;
|
|
15079
15236
|
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
15237
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15080
15238
|
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
|
15081
15239
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
15082
15240
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
|
15083
15241
|
transition-property: opacity, translate, visibility, max-height;
|
|
15084
|
-
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15085
15242
|
}
|
|
15086
15243
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
15087
15244
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
|
|
15088
15245
|
}
|
|
15089
15246
|
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
|
|
15090
|
-
max-height: 99999px;
|
|
15091
15247
|
visibility: revert;
|
|
15248
|
+
max-height: 99999px;
|
|
15092
15249
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
15250
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
15093
15251
|
transition-delay: 0s;
|
|
15094
15252
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
15095
|
-
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
15096
15253
|
}
|
|
15097
15254
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
15098
15255
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
@@ -15227,10 +15384,10 @@ ul) {
|
|
|
15227
15384
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
15228
15385
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
15229
15386
|
text-align: center;
|
|
15387
|
+
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15230
15388
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
15231
15389
|
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
15232
15390
|
transition-property: transform;
|
|
15233
|
-
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15234
15391
|
}
|
|
15235
15392
|
|
|
15236
15393
|
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
@@ -16015,6 +16172,7 @@ ul) {
|
|
|
16015
16172
|
.pf-v6-c-drawer__panel {
|
|
16016
16173
|
position: relative;
|
|
16017
16174
|
z-index: var(--pf-v6-c-drawer__panel--ZIndex);
|
|
16175
|
+
visibility: hidden;
|
|
16018
16176
|
flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
|
|
16019
16177
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
16020
16178
|
order: 1;
|
|
@@ -16022,7 +16180,6 @@ ul) {
|
|
|
16022
16180
|
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
16023
16181
|
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
16024
16182
|
overflow: auto;
|
|
16025
|
-
visibility: hidden;
|
|
16026
16183
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
16027
16184
|
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
16028
16185
|
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
@@ -16132,8 +16289,8 @@ ul) {
|
|
|
16132
16289
|
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
16133
16290
|
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
16134
16291
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
16135
|
-
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16136
16292
|
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
16293
|
+
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16137
16294
|
}
|
|
16138
16295
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
16139
16296
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -16923,8 +17080,8 @@ ul) {
|
|
|
16923
17080
|
display: inline-block;
|
|
16924
17081
|
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
16925
17082
|
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
16926
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
16927
17083
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
17084
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
16928
17085
|
}
|
|
16929
17086
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
16930
17087
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
@@ -16939,15 +17096,15 @@ ul) {
|
|
|
16939
17096
|
display: revert;
|
|
16940
17097
|
}
|
|
16941
17098
|
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
17099
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
16942
17100
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
16943
17101
|
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
16944
|
-
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
16945
17102
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
17103
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
16946
17104
|
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
16947
17105
|
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
16948
17106
|
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
16949
17107
|
transition-property: opacity, translate, visibility, max-height;
|
|
16950
|
-
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
16951
17108
|
}
|
|
16952
17109
|
|
|
16953
17110
|
.pf-v6-c-file-upload {
|
|
@@ -17118,7 +17275,7 @@ ul) {
|
|
|
17118
17275
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
|
|
17119
17276
|
display: grid;
|
|
17120
17277
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17121
|
-
|
|
17278
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17122
17279
|
}
|
|
17123
17280
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
|
|
17124
17281
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17146,7 +17303,7 @@ ul) {
|
|
|
17146
17303
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
|
|
17147
17304
|
display: grid;
|
|
17148
17305
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17149
|
-
|
|
17306
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17150
17307
|
}
|
|
17151
17308
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
|
|
17152
17309
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17174,7 +17331,7 @@ ul) {
|
|
|
17174
17331
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
|
|
17175
17332
|
display: grid;
|
|
17176
17333
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17177
|
-
|
|
17334
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17178
17335
|
}
|
|
17179
17336
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
|
|
17180
17337
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17202,7 +17359,7 @@ ul) {
|
|
|
17202
17359
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
|
|
17203
17360
|
display: grid;
|
|
17204
17361
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17205
|
-
|
|
17362
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17206
17363
|
}
|
|
17207
17364
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
|
|
17208
17365
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17230,7 +17387,7 @@ ul) {
|
|
|
17230
17387
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
|
|
17231
17388
|
display: grid;
|
|
17232
17389
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17233
|
-
|
|
17390
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17234
17391
|
}
|
|
17235
17392
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
|
|
17236
17393
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17258,7 +17415,7 @@ ul) {
|
|
|
17258
17415
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
|
|
17259
17416
|
display: grid;
|
|
17260
17417
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17261
|
-
|
|
17418
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17262
17419
|
}
|
|
17263
17420
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
|
|
17264
17421
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17286,7 +17443,7 @@ ul) {
|
|
|
17286
17443
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
|
|
17287
17444
|
display: grid;
|
|
17288
17445
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17289
|
-
|
|
17446
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17290
17447
|
}
|
|
17291
17448
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
|
|
17292
17449
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17459,14 +17616,14 @@ ul) {
|
|
|
17459
17616
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
17460
17617
|
}
|
|
17461
17618
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17619
|
+
visibility: visible;
|
|
17462
17620
|
max-height: 99999px;
|
|
17463
17621
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
17464
17622
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17465
|
-
visibility: visible;
|
|
17466
17623
|
opacity: 1;
|
|
17624
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17467
17625
|
transition-delay: 0s;
|
|
17468
17626
|
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
17469
|
-
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17470
17627
|
}
|
|
17471
17628
|
|
|
17472
17629
|
.pf-v6-c-form__field-group-toggle {
|
|
@@ -17488,10 +17645,10 @@ ul) {
|
|
|
17488
17645
|
display: inline-block;
|
|
17489
17646
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
17490
17647
|
text-align: center;
|
|
17648
|
+
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17491
17649
|
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
17492
17650
|
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
17493
17651
|
transition-property: transform;
|
|
17494
|
-
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17495
17652
|
}
|
|
17496
17653
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
17497
17654
|
scale: -1 1;
|
|
@@ -17540,15 +17697,15 @@ ul) {
|
|
|
17540
17697
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17541
17698
|
}
|
|
17542
17699
|
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17700
|
+
visibility: hidden;
|
|
17543
17701
|
max-height: 0;
|
|
17544
17702
|
padding-block-start: 0;
|
|
17545
17703
|
padding-block-end: 0;
|
|
17546
|
-
visibility: hidden;
|
|
17547
17704
|
opacity: 0;
|
|
17705
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17548
17706
|
transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
|
|
17549
17707
|
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
|
|
17550
17708
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
17551
|
-
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17552
17709
|
}
|
|
17553
17710
|
|
|
17554
17711
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
@@ -17708,10 +17865,10 @@ ul) {
|
|
|
17708
17865
|
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
17709
17866
|
color: var(--pf-v6-c-form-control--Color);
|
|
17710
17867
|
appearance: none;
|
|
17868
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17711
17869
|
background-color: transparent;
|
|
17712
17870
|
border: none;
|
|
17713
17871
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
17714
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17715
17872
|
}
|
|
17716
17873
|
.pf-v6-c-form-control > ::placeholder {
|
|
17717
17874
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
@@ -18077,8 +18234,8 @@ ul) {
|
|
|
18077
18234
|
:where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
|
|
18078
18235
|
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
18079
18236
|
--pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
|
|
18080
|
-
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18081
18237
|
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
18238
|
+
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18082
18239
|
}
|
|
18083
18240
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
18084
18241
|
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
@@ -18114,7 +18271,7 @@ ul) {
|
|
|
18114
18271
|
.pf-v6-c-hint {
|
|
18115
18272
|
display: grid;
|
|
18116
18273
|
grid-template-columns: 1fr auto;
|
|
18117
|
-
|
|
18274
|
+
row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
18118
18275
|
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
18119
18276
|
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
18120
18277
|
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
@@ -18562,20 +18719,20 @@ ul) {
|
|
|
18562
18719
|
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
18563
18720
|
}
|
|
18564
18721
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
|
|
18722
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
18565
18723
|
flex-grow: 1;
|
|
18566
18724
|
max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
|
|
18567
|
-
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
18568
18725
|
opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
|
|
18726
|
+
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
18727
|
+
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
18569
18728
|
transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
18570
18729
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
|
18571
18730
|
transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
|
|
18572
18731
|
transition-property: opacity, scale, visibility, max-width;
|
|
18573
|
-
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
18574
|
-
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
18575
18732
|
}
|
|
18576
18733
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
|
|
18577
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
18578
18734
|
visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
|
|
18735
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
18579
18736
|
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
|
18580
18737
|
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
18581
18738
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
|
@@ -18583,8 +18740,8 @@ ul) {
|
|
|
18583
18740
|
transition-property: opacity, visibility, max-width;
|
|
18584
18741
|
}
|
|
18585
18742
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
|
|
18586
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
18587
18743
|
visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
|
|
18744
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
18588
18745
|
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
|
18589
18746
|
transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
18590
18747
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
|
@@ -18911,10 +19068,10 @@ label.pf-v6-c-input-group__text {
|
|
|
18911
19068
|
.pf-v6-c-jump-links__toggle-icon {
|
|
18912
19069
|
display: inline-block;
|
|
18913
19070
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
19071
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
18914
19072
|
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
18915
19073
|
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
18916
19074
|
transition-property: transform;
|
|
18917
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
18918
19075
|
}
|
|
18919
19076
|
|
|
18920
19077
|
.pf-v6-c-label {
|
|
@@ -19127,9 +19284,9 @@ label.pf-v6-c-input-group__text {
|
|
|
19127
19284
|
font-size: var(--pf-v6-c-label--FontSize);
|
|
19128
19285
|
white-space: nowrap;
|
|
19129
19286
|
background: transparent;
|
|
19130
|
-
isolation: isolate;
|
|
19131
19287
|
border: 0;
|
|
19132
19288
|
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
19289
|
+
isolation: isolate;
|
|
19133
19290
|
}
|
|
19134
19291
|
.pf-v6-c-label.pf-m-blue {
|
|
19135
19292
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
|
@@ -19787,7 +19944,7 @@ ul.pf-v6-c-list {
|
|
|
19787
19944
|
display: grid;
|
|
19788
19945
|
grid-template-areas: "main header" "main footer" "main .";
|
|
19789
19946
|
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
19790
|
-
|
|
19947
|
+
column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
19791
19948
|
justify-content: center;
|
|
19792
19949
|
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
19793
19950
|
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
@@ -19813,10 +19970,10 @@ ul.pf-v6-c-list {
|
|
|
19813
19970
|
align-self: start;
|
|
19814
19971
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
19815
19972
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
19816
|
-
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19817
19973
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
19818
19974
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
19819
19975
|
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
19976
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19820
19977
|
}
|
|
19821
19978
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
19822
19979
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -19923,7 +20080,7 @@ ul.pf-v6-c-list {
|
|
|
19923
20080
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
19924
20081
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
19925
20082
|
--pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
|
|
19926
|
-
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--
|
|
20083
|
+
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
19927
20084
|
--pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
|
|
19928
20085
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
19929
20086
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
@@ -20160,9 +20317,9 @@ ul.pf-v6-c-list {
|
|
|
20160
20317
|
}
|
|
20161
20318
|
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
20162
20319
|
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
20163
|
-
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20164
20320
|
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
20165
20321
|
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
20322
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20166
20323
|
}
|
|
20167
20324
|
|
|
20168
20325
|
.pf-v6-c-masthead__main {
|
|
@@ -20871,8 +21028,8 @@ ul.pf-v6-c-list {
|
|
|
20871
21028
|
}
|
|
20872
21029
|
|
|
20873
21030
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
|
|
20874
|
-
overflow: hidden;
|
|
20875
21031
|
visibility: visible;
|
|
21032
|
+
overflow: hidden;
|
|
20876
21033
|
transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
|
|
20877
21034
|
}
|
|
20878
21035
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
|
|
@@ -20898,8 +21055,8 @@ ul.pf-v6-c-list {
|
|
|
20898
21055
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
20899
21056
|
}
|
|
20900
21057
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
|
|
20901
|
-
overflow: visible;
|
|
20902
21058
|
visibility: hidden;
|
|
21059
|
+
overflow: visible;
|
|
20903
21060
|
}
|
|
20904
21061
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
|
|
20905
21062
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item:not(.pf-m-current-path) {
|
|
@@ -21040,10 +21197,10 @@ ul.pf-v6-c-list {
|
|
|
21040
21197
|
color: var(--pf-v6-c-menu__item--Color);
|
|
21041
21198
|
text-align: start;
|
|
21042
21199
|
text-decoration-line: none;
|
|
21200
|
+
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21043
21201
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
21044
21202
|
border: 0;
|
|
21045
21203
|
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
21046
|
-
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21047
21204
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
21048
21205
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
21049
21206
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
@@ -21137,7 +21294,7 @@ ul.pf-v6-c-list {
|
|
|
21137
21294
|
.pf-v6-c-menu__item-description {
|
|
21138
21295
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
21139
21296
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
21140
|
-
|
|
21297
|
+
overflow-wrap: break-word;
|
|
21141
21298
|
}
|
|
21142
21299
|
|
|
21143
21300
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -21554,6 +21711,9 @@ ul.pf-v6-c-list {
|
|
|
21554
21711
|
justify-content: flex-start;
|
|
21555
21712
|
width: 100%;
|
|
21556
21713
|
}
|
|
21714
|
+
.pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
|
|
21715
|
+
min-width: 1lh;
|
|
21716
|
+
}
|
|
21557
21717
|
@media (min-width: 62rem) {
|
|
21558
21718
|
.pf-v6-c-menu-toggle.pf-m-docked {
|
|
21559
21719
|
justify-content: center;
|
|
@@ -21720,10 +21880,10 @@ ul.pf-v6-c-list {
|
|
|
21720
21880
|
|
|
21721
21881
|
.pf-v6-c-menu-toggle__icon {
|
|
21722
21882
|
flex-shrink: 0;
|
|
21883
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21723
21884
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
21724
21885
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
21725
21886
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
21726
|
-
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21727
21887
|
}
|
|
21728
21888
|
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
21729
21889
|
vertical-align: middle;
|
|
@@ -21931,7 +22091,7 @@ ul.pf-v6-c-list {
|
|
|
21931
22091
|
overflow-x: hidden;
|
|
21932
22092
|
overflow-y: auto;
|
|
21933
22093
|
overscroll-behavior: contain;
|
|
21934
|
-
|
|
22094
|
+
overflow-wrap: break-word;
|
|
21935
22095
|
-webkit-overflow-scrolling: touch;
|
|
21936
22096
|
}
|
|
21937
22097
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -22380,17 +22540,17 @@ ul.pf-v6-c-list {
|
|
|
22380
22540
|
|
|
22381
22541
|
.pf-v6-c-nav__subnav {
|
|
22382
22542
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
22543
|
+
visibility: visible;
|
|
22383
22544
|
max-height: 99999px;
|
|
22384
22545
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
22385
22546
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
22386
22547
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
22387
22548
|
overflow-y: clip;
|
|
22388
|
-
|
|
22549
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22389
22550
|
transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
|
|
22390
22551
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
22391
22552
|
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
22392
22553
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
22393
|
-
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22394
22554
|
}
|
|
22395
22555
|
.pf-v6-c-nav__subnav[hidden] {
|
|
22396
22556
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
@@ -22400,8 +22560,8 @@ ul.pf-v6-c-list {
|
|
|
22400
22560
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
22401
22561
|
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
22402
22562
|
display: grid;
|
|
22403
|
-
max-height: 0;
|
|
22404
22563
|
visibility: hidden;
|
|
22564
|
+
max-height: 0;
|
|
22405
22565
|
opacity: 0;
|
|
22406
22566
|
}
|
|
22407
22567
|
|
|
@@ -22419,10 +22579,10 @@ ul.pf-v6-c-list {
|
|
|
22419
22579
|
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
22420
22580
|
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
22421
22581
|
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
22582
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22422
22583
|
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
22423
22584
|
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
22424
22585
|
transition-property: scale;
|
|
22425
|
-
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22426
22586
|
}
|
|
22427
22587
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
22428
22588
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
@@ -22510,10 +22670,10 @@ ul.pf-v6-c-list {
|
|
|
22510
22670
|
|
|
22511
22671
|
.pf-v6-c-nav__toggle-icon {
|
|
22512
22672
|
display: inline-block;
|
|
22673
|
+
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22513
22674
|
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
22514
22675
|
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
22515
22676
|
transition-property: transform;
|
|
22516
|
-
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22517
22677
|
}
|
|
22518
22678
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
22519
22679
|
scale: -1 1;
|
|
@@ -22746,9 +22906,9 @@ ul.pf-v6-c-list {
|
|
|
22746
22906
|
padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
|
|
22747
22907
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
22748
22908
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
22909
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22749
22910
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
22750
22911
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
22751
|
-
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22752
22912
|
}
|
|
22753
22913
|
.pf-v6-c-notification-drawer__list-item::before {
|
|
22754
22914
|
position: absolute;
|
|
@@ -22805,7 +22965,7 @@ ul.pf-v6-c-list {
|
|
|
22805
22965
|
|
|
22806
22966
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
22807
22967
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
22808
|
-
|
|
22968
|
+
overflow-wrap: break-word;
|
|
22809
22969
|
}
|
|
22810
22970
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
22811
22971
|
display: -webkit-box;
|
|
@@ -22827,7 +22987,7 @@ ul.pf-v6-c-list {
|
|
|
22827
22987
|
grid-row: 2/3;
|
|
22828
22988
|
grid-column: 1/2;
|
|
22829
22989
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
22830
|
-
|
|
22990
|
+
overflow-wrap: break-word;
|
|
22831
22991
|
}
|
|
22832
22992
|
|
|
22833
22993
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -22858,9 +23018,9 @@ ul.pf-v6-c-list {
|
|
|
22858
23018
|
padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
|
|
22859
23019
|
padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
|
|
22860
23020
|
padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
|
|
23021
|
+
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
22861
23022
|
background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
|
|
22862
23023
|
border: none;
|
|
22863
|
-
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
22864
23024
|
}
|
|
22865
23025
|
|
|
22866
23026
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
@@ -22872,7 +23032,7 @@ ul.pf-v6-c-list {
|
|
|
22872
23032
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
22873
23033
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
22874
23034
|
text-align: start;
|
|
22875
|
-
|
|
23035
|
+
overflow-wrap: break-word;
|
|
22876
23036
|
}
|
|
22877
23037
|
|
|
22878
23038
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -22949,11 +23109,6 @@ ul.pf-v6-c-list {
|
|
|
22949
23109
|
.pf-v6-c-page {
|
|
22950
23110
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
22951
23111
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
22952
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
22953
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
|
|
22954
|
-
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
22955
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
22956
|
-
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
22957
23112
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
22958
23113
|
--pf-v6-c-page__dock--Width: 15.625rem;
|
|
22959
23114
|
--pf-v6-c-page__dock--desktop--Width: auto;
|
|
@@ -22972,6 +23127,11 @@ ul.pf-v6-c-list {
|
|
|
22972
23127
|
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
|
|
22973
23128
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
|
|
22974
23129
|
--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));
|
|
23130
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
23131
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23132
|
+
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23133
|
+
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23134
|
+
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
22975
23135
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
22976
23136
|
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
22977
23137
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
@@ -23142,20 +23302,17 @@ ul.pf-v6-c-list {
|
|
|
23142
23302
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
23143
23303
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
23144
23304
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
23145
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
23146
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
23147
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23148
23305
|
--pf-v6-c-page--BackgroundColor--glass: transparent;
|
|
23149
23306
|
--pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
23150
|
-
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
23151
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--
|
|
23152
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--
|
|
23307
|
+
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23308
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
|
|
23309
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
23153
23310
|
--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
23154
23311
|
--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
23155
23312
|
--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
23156
|
-
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--
|
|
23157
|
-
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--
|
|
23158
|
-
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--
|
|
23313
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
23314
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
23315
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
23159
23316
|
--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
23160
23317
|
--pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
23161
23318
|
--pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
@@ -23166,9 +23323,11 @@ ul.pf-v6-c-list {
|
|
|
23166
23323
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
|
|
23167
23324
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23168
23325
|
--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23169
|
-
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--
|
|
23170
|
-
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
23171
|
-
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome)
|
|
23326
|
+
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23327
|
+
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23328
|
+
--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));
|
|
23329
|
+
--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));
|
|
23330
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23172
23331
|
}
|
|
23173
23332
|
:where(.pf-v6-theme-glass) .pf-v6-c-page {
|
|
23174
23333
|
--pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
|
|
@@ -23191,6 +23350,8 @@ ul.pf-v6-c-list {
|
|
|
23191
23350
|
--pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
|
|
23192
23351
|
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
|
|
23193
23352
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
|
|
23353
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
|
|
23354
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
|
|
23194
23355
|
}
|
|
23195
23356
|
@media (min-width: 75rem) {
|
|
23196
23357
|
.pf-v6-c-page {
|
|
@@ -23342,10 +23503,11 @@ ul.pf-v6-c-list {
|
|
|
23342
23503
|
inset-inline-start: 0;
|
|
23343
23504
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
23344
23505
|
display: flex;
|
|
23506
|
+
visibility: hidden;
|
|
23345
23507
|
flex-direction: column;
|
|
23346
23508
|
grid-area: dock;
|
|
23347
23509
|
width: var(--pf-v6-c-page__dock--Width);
|
|
23348
|
-
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
|
|
23510
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
|
|
23349
23511
|
translate: -100% 0;
|
|
23350
23512
|
}
|
|
23351
23513
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
|
|
@@ -23354,7 +23516,9 @@ ul.pf-v6-c-list {
|
|
|
23354
23516
|
|
|
23355
23517
|
.pf-v6-c-page__dock.pf-m-expanded {
|
|
23356
23518
|
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
|
|
23519
|
+
visibility: visible;
|
|
23357
23520
|
translate: 0;
|
|
23521
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
23358
23522
|
}
|
|
23359
23523
|
@media (min-width: 62rem) {
|
|
23360
23524
|
.pf-v6-c-page__dock {
|
|
@@ -23362,6 +23526,7 @@ ul.pf-v6-c-list {
|
|
|
23362
23526
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
23363
23527
|
position: revert;
|
|
23364
23528
|
inset: revert;
|
|
23529
|
+
visibility: revert;
|
|
23365
23530
|
width: auto;
|
|
23366
23531
|
translate: 0;
|
|
23367
23532
|
}
|
|
@@ -23376,9 +23541,9 @@ ul.pf-v6-c-list {
|
|
|
23376
23541
|
.pf-v6-c-page__dock-main {
|
|
23377
23542
|
flex-grow: 1;
|
|
23378
23543
|
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
23379
|
-
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23380
23544
|
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
23381
23545
|
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
23546
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23382
23547
|
}
|
|
23383
23548
|
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
23384
23549
|
border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
|
|
@@ -23460,10 +23625,10 @@ ul.pf-v6-c-list {
|
|
|
23460
23625
|
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
23461
23626
|
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
23462
23627
|
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
23463
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23464
23628
|
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
23465
23629
|
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
23466
23630
|
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
23631
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23467
23632
|
}
|
|
23468
23633
|
|
|
23469
23634
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -23829,7 +23994,6 @@ ul.pf-v6-c-list {
|
|
|
23829
23994
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
23830
23995
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
23831
23996
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
23832
|
-
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23833
23997
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
23834
23998
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
23835
23999
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
@@ -23837,6 +24001,7 @@ ul.pf-v6-c-list {
|
|
|
23837
24001
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
23838
24002
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
23839
24003
|
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
24004
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23840
24005
|
}
|
|
23841
24006
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
23842
24007
|
.pf-v6-c-page__main-container {
|
|
@@ -24861,7 +25026,7 @@ ul.pf-v6-c-list {
|
|
|
24861
25026
|
}
|
|
24862
25027
|
|
|
24863
25028
|
.pf-v6-c-popover__body {
|
|
24864
|
-
|
|
25029
|
+
overflow-wrap: break-word;
|
|
24865
25030
|
}
|
|
24866
25031
|
|
|
24867
25032
|
.pf-v6-c-popover__footer {
|
|
@@ -24906,7 +25071,7 @@ ul.pf-v6-c-list {
|
|
|
24906
25071
|
display: grid;
|
|
24907
25072
|
grid-template-rows: 1fr auto;
|
|
24908
25073
|
grid-template-columns: auto auto;
|
|
24909
|
-
|
|
25074
|
+
gap: var(--pf-v6-c-progress--GridGap);
|
|
24910
25075
|
align-items: end;
|
|
24911
25076
|
}
|
|
24912
25077
|
.pf-v6-c-progress.pf-m-sm {
|
|
@@ -25000,7 +25165,7 @@ ul.pf-v6-c-list {
|
|
|
25000
25165
|
|
|
25001
25166
|
.pf-v6-c-progress__description {
|
|
25002
25167
|
grid-column: 1/2;
|
|
25003
|
-
|
|
25168
|
+
overflow-wrap: break-word;
|
|
25004
25169
|
}
|
|
25005
25170
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
25006
25171
|
overflow: hidden;
|
|
@@ -25016,7 +25181,7 @@ ul.pf-v6-c-list {
|
|
|
25016
25181
|
align-items: flex-start;
|
|
25017
25182
|
justify-content: flex-end;
|
|
25018
25183
|
text-align: end;
|
|
25019
|
-
|
|
25184
|
+
overflow-wrap: break-word;
|
|
25020
25185
|
}
|
|
25021
25186
|
|
|
25022
25187
|
.pf-v6-c-progress__status-icon {
|
|
@@ -25279,9 +25444,9 @@ ul.pf-v6-c-list {
|
|
|
25279
25444
|
inset-block-start: 0;
|
|
25280
25445
|
inset-inline-start: 0;
|
|
25281
25446
|
overflow: hidden;
|
|
25282
|
-
clip: rect(0, 0, 0, 0);
|
|
25283
25447
|
white-space: nowrap;
|
|
25284
25448
|
border: 0;
|
|
25449
|
+
clip-path: inset(50%);
|
|
25285
25450
|
}
|
|
25286
25451
|
.pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
|
|
25287
25452
|
grid-row: 1/2;
|
|
@@ -25703,7 +25868,7 @@ ul.pf-v6-c-list {
|
|
|
25703
25868
|
.pf-v6-c-radio {
|
|
25704
25869
|
display: grid;
|
|
25705
25870
|
grid-template-columns: auto 1fr;
|
|
25706
|
-
|
|
25871
|
+
gap: var(--pf-v6-c-radio--GridGap);
|
|
25707
25872
|
align-items: baseline;
|
|
25708
25873
|
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
25709
25874
|
}
|
|
@@ -25934,6 +26099,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25934
26099
|
--pf-v6-c-sidebar__panel--Position: static;
|
|
25935
26100
|
--pf-v6-c-sidebar__panel--InsetBlockStart: auto;
|
|
25936
26101
|
}
|
|
26102
|
+
.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) {
|
|
26103
|
+
--pf-v6-c-sidebar__panel--BackgroundColor: transparent;
|
|
26104
|
+
}
|
|
25937
26105
|
.pf-v6-c-sidebar__panel.pf-m-secondary {
|
|
25938
26106
|
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
|
|
25939
26107
|
}
|
|
@@ -25953,7 +26121,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25953
26121
|
--pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
|
|
25954
26122
|
--pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
|
|
25955
26123
|
}
|
|
25956
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
26124
|
+
.pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
|
|
25957
26125
|
--pf-v6-c-sidebar__content--BackgroundColor: transparent;
|
|
25958
26126
|
}
|
|
25959
26127
|
.pf-v6-c-sidebar__content.pf-m-secondary {
|
|
@@ -25966,12 +26134,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
25966
26134
|
--pf-v6-c-sidebar__content--Order: -1;
|
|
25967
26135
|
}
|
|
25968
26136
|
|
|
25969
|
-
.pf-v6-c-sidebar.pf-m-no-background,
|
|
25970
|
-
.pf-v6-c-sidebar__panel.pf-m-no-background,
|
|
25971
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
25972
|
-
background-color: transparent;
|
|
25973
|
-
}
|
|
25974
|
-
|
|
25975
26137
|
.pf-v6-c-sidebar__panel.pf-m-width-default {
|
|
25976
26138
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
25977
26139
|
}
|
|
@@ -26698,10 +26860,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26698
26860
|
width: 100%;
|
|
26699
26861
|
height: 100%;
|
|
26700
26862
|
stroke: var(--pf-v6-c-spinner--Color);
|
|
26863
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
26864
|
+
stroke-linecap: round;
|
|
26701
26865
|
stroke-dasharray: 283;
|
|
26702
26866
|
stroke-dashoffset: 280;
|
|
26703
|
-
stroke-linecap: round;
|
|
26704
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
26705
26867
|
transform-origin: 50% 50%;
|
|
26706
26868
|
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
26707
26869
|
}
|
|
@@ -26861,8 +27023,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26861
27023
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
26862
27024
|
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
26863
27025
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
26864
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
26865
27026
|
transform: translateY(-50%);
|
|
27027
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
26866
27028
|
}
|
|
26867
27029
|
.pf-v6-c-switch__toggle::after {
|
|
26868
27030
|
position: absolute;
|
|
@@ -28720,6 +28882,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28720
28882
|
--pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
28721
28883
|
--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
28722
28884
|
--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
|
|
28885
|
+
--pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
28886
|
+
--pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
28723
28887
|
}
|
|
28724
28888
|
:where(.pf-v6-theme-glass) .pf-v6-c-table {
|
|
28725
28889
|
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
@@ -28789,6 +28953,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28789
28953
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
|
|
28790
28954
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
|
|
28791
28955
|
}
|
|
28956
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
|
|
28957
|
+
position: sticky;
|
|
28958
|
+
inset-block-end: 0;
|
|
28959
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
|
|
28960
|
+
background: var(--pf-v6-c-table--BackgroundColor);
|
|
28961
|
+
}
|
|
28962
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
|
|
28963
|
+
position: absolute;
|
|
28964
|
+
inset: 0;
|
|
28965
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
|
|
28966
|
+
pointer-events: none;
|
|
28967
|
+
content: "";
|
|
28968
|
+
border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
28969
|
+
}
|
|
28970
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
|
|
28971
|
+
border-block-end: 0;
|
|
28972
|
+
}
|
|
28973
|
+
.pf-v6-c-table.pf-m-plain {
|
|
28974
|
+
--pf-v6-c-table--BackgroundColor: transparent;
|
|
28975
|
+
}
|
|
28792
28976
|
.pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
|
|
28793
28977
|
.pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
28794
28978
|
.pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
@@ -28859,11 +29043,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28859
29043
|
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
28860
29044
|
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
28861
29045
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29046
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
28862
29047
|
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
28863
29048
|
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
28864
29049
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
28865
29050
|
color: var(--pf-v6-c-table--cell--Color);
|
|
28866
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
28867
29051
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
28868
29052
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
28869
29053
|
}
|
|
@@ -28969,24 +29153,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28969
29153
|
}
|
|
28970
29154
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
|
|
28971
29155
|
cursor: pointer;
|
|
28972
|
-
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
28973
29156
|
outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
|
|
29157
|
+
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
28974
29158
|
}
|
|
28975
29159
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
|
|
28976
29160
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
28977
29161
|
}
|
|
28978
29162
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
|
|
28979
29163
|
position: relative;
|
|
28980
|
-
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
28981
29164
|
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
|
|
29165
|
+
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
28982
29166
|
}
|
|
28983
29167
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
|
|
28984
29168
|
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
|
|
28985
29169
|
}
|
|
28986
29170
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
|
|
28987
29171
|
cursor: pointer;
|
|
28988
|
-
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
28989
29172
|
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
|
|
29173
|
+
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
28990
29174
|
}
|
|
28991
29175
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
|
|
28992
29176
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
@@ -28995,8 +29179,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28995
29179
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
|
|
28996
29180
|
}
|
|
28997
29181
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
|
|
28998
|
-
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
28999
29182
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
|
29183
|
+
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
29000
29184
|
}
|
|
29001
29185
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
|
|
29002
29186
|
border: none;
|
|
@@ -29021,11 +29205,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29021
29205
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
29022
29206
|
visibility: hidden;
|
|
29023
29207
|
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
29208
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29024
29209
|
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
29025
29210
|
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
29026
29211
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
|
|
29027
29212
|
transition-property: opacity, translate, visibility, background-color;
|
|
29028
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29029
29213
|
}
|
|
29030
29214
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
29031
29215
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
@@ -29033,9 +29217,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29033
29217
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
29034
29218
|
visibility: visible;
|
|
29035
29219
|
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
29220
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
29036
29221
|
transition-delay: 0s;
|
|
29037
29222
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
29038
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
29039
29223
|
}
|
|
29040
29224
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
29041
29225
|
max-height: 99999px;
|
|
@@ -29101,8 +29285,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29101
29285
|
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
29102
29286
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
29103
29287
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29104
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29105
29288
|
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29289
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29106
29290
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
29107
29291
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
29108
29292
|
}
|
|
@@ -29131,10 +29315,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29131
29315
|
text-align: start;
|
|
29132
29316
|
white-space: inherit;
|
|
29133
29317
|
user-select: text;
|
|
29318
|
+
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29134
29319
|
background-color: var(--pf-v6-c-table__button--BackgroundColor);
|
|
29135
29320
|
border: 0;
|
|
29136
29321
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
29137
|
-
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29138
29322
|
}
|
|
29139
29323
|
.pf-v6-c-table__button::after {
|
|
29140
29324
|
position: absolute;
|
|
@@ -29228,10 +29412,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29228
29412
|
}
|
|
29229
29413
|
|
|
29230
29414
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
29415
|
+
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29231
29416
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
29232
29417
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
29233
29418
|
transition-property: transform;
|
|
29234
|
-
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29235
29419
|
}
|
|
29236
29420
|
.pf-v6-c-table__toggle svg {
|
|
29237
29421
|
pointer-events: none;
|
|
@@ -29523,6 +29707,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29523
29707
|
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
29524
29708
|
}
|
|
29525
29709
|
|
|
29710
|
+
.pf-v6-c-table__tfoot {
|
|
29711
|
+
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
|
29712
|
+
vertical-align: top;
|
|
29713
|
+
}
|
|
29714
|
+
|
|
29526
29715
|
.pf-v6-c-table__icon-inline {
|
|
29527
29716
|
display: flex;
|
|
29528
29717
|
align-items: center;
|
|
@@ -29787,8 +29976,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29787
29976
|
}
|
|
29788
29977
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
29789
29978
|
position: relative;
|
|
29790
|
-
border: none;
|
|
29791
29979
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
29980
|
+
border: none;
|
|
29792
29981
|
}
|
|
29793
29982
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
29794
29983
|
position: absolute;
|
|
@@ -29826,7 +30015,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29826
30015
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
29827
30016
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
29828
30017
|
grid-column: 1;
|
|
29829
|
-
|
|
30018
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
29830
30019
|
align-items: start;
|
|
29831
30020
|
}
|
|
29832
30021
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -29929,8 +30118,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29929
30118
|
}
|
|
29930
30119
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
29931
30120
|
position: relative;
|
|
29932
|
-
border: none;
|
|
29933
30121
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30122
|
+
border: none;
|
|
29934
30123
|
}
|
|
29935
30124
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
29936
30125
|
position: absolute;
|
|
@@ -29968,7 +30157,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29968
30157
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
29969
30158
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
29970
30159
|
grid-column: 1;
|
|
29971
|
-
|
|
30160
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
29972
30161
|
align-items: start;
|
|
29973
30162
|
}
|
|
29974
30163
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30072,8 +30261,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30072
30261
|
}
|
|
30073
30262
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30074
30263
|
position: relative;
|
|
30075
|
-
border: none;
|
|
30076
30264
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30265
|
+
border: none;
|
|
30077
30266
|
}
|
|
30078
30267
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
30079
30268
|
position: absolute;
|
|
@@ -30111,7 +30300,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30111
30300
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30112
30301
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30113
30302
|
grid-column: 1;
|
|
30114
|
-
|
|
30303
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30115
30304
|
align-items: start;
|
|
30116
30305
|
}
|
|
30117
30306
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30215,8 +30404,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30215
30404
|
}
|
|
30216
30405
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30217
30406
|
position: relative;
|
|
30218
|
-
border: none;
|
|
30219
30407
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30408
|
+
border: none;
|
|
30220
30409
|
}
|
|
30221
30410
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
30222
30411
|
position: absolute;
|
|
@@ -30254,7 +30443,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30254
30443
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30255
30444
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30256
30445
|
grid-column: 1;
|
|
30257
|
-
|
|
30446
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30258
30447
|
align-items: start;
|
|
30259
30448
|
}
|
|
30260
30449
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30358,8 +30547,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30358
30547
|
}
|
|
30359
30548
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30360
30549
|
position: relative;
|
|
30361
|
-
border: none;
|
|
30362
30550
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30551
|
+
border: none;
|
|
30363
30552
|
}
|
|
30364
30553
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
30365
30554
|
position: absolute;
|
|
@@ -30397,7 +30586,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30397
30586
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30398
30587
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30399
30588
|
grid-column: 1;
|
|
30400
|
-
|
|
30589
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30401
30590
|
align-items: start;
|
|
30402
30591
|
}
|
|
30403
30592
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30950,8 +31139,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30950
31139
|
|
|
30951
31140
|
.pf-v6-c-tabs__toggle-icon {
|
|
30952
31141
|
display: inline-block;
|
|
30953
|
-
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
30954
31142
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
31143
|
+
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
30955
31144
|
}
|
|
30956
31145
|
|
|
30957
31146
|
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
@@ -31115,8 +31304,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31115
31304
|
align-self: end;
|
|
31116
31305
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
31117
31306
|
color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
|
|
31118
|
-
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31119
31307
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
31308
|
+
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31120
31309
|
}
|
|
31121
31310
|
|
|
31122
31311
|
.pf-v6-c-tabs__item-action {
|
|
@@ -31379,10 +31568,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31379
31568
|
border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
|
|
31380
31569
|
border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
|
|
31381
31570
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
31571
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31382
31572
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
31383
31573
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
31384
31574
|
transition-property: width, height, translate;
|
|
31385
|
-
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31386
31575
|
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
31387
31576
|
}
|
|
31388
31577
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
@@ -31588,9 +31777,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31588
31777
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
31589
31778
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
31590
31779
|
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
31780
|
+
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31591
31781
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
31592
31782
|
border: 0;
|
|
31593
|
-
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31594
31783
|
}
|
|
31595
31784
|
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
31596
31785
|
grid-area: text-input;
|
|
@@ -31798,7 +31987,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31798
31987
|
|
|
31799
31988
|
.pf-v6-c-title {
|
|
31800
31989
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
31801
|
-
|
|
31990
|
+
overflow-wrap: break-word;
|
|
31802
31991
|
}
|
|
31803
31992
|
.pf-v6-c-title.pf-m-4xl {
|
|
31804
31993
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -32581,10 +32770,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32581
32770
|
|
|
32582
32771
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
32583
32772
|
display: inline-flex;
|
|
32773
|
+
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32584
32774
|
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
32585
32775
|
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
32586
32776
|
transition-property: transform;
|
|
32587
|
-
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32588
32777
|
}
|
|
32589
32778
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
32590
32779
|
scale: -1 1;
|
|
@@ -34220,7 +34409,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34220
34409
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
34221
34410
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
34222
34411
|
text-align: center;
|
|
34223
|
-
|
|
34412
|
+
overflow-wrap: break-word;
|
|
34224
34413
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
34225
34414
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
34226
34415
|
}
|
|
@@ -34602,19 +34791,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34602
34791
|
display: inline-block;
|
|
34603
34792
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
34604
34793
|
text-align: center;
|
|
34605
|
-
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
34606
34794
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
34795
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
34607
34796
|
}
|
|
34608
34797
|
|
|
34609
34798
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
34610
|
-
max-height: 0;
|
|
34611
34799
|
visibility: hidden;
|
|
34800
|
+
max-height: 0;
|
|
34612
34801
|
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
34802
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34613
34803
|
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
34614
34804
|
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
34615
34805
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
34616
34806
|
transition-property: opacity, translate, visibility, max-height;
|
|
34617
|
-
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34618
34807
|
}
|
|
34619
34808
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
34620
34809
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -34625,12 +34814,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34625
34814
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
34626
34815
|
}
|
|
34627
34816
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
34628
|
-
max-height: 99999px;
|
|
34629
34817
|
visibility: revert;
|
|
34818
|
+
max-height: 99999px;
|
|
34630
34819
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
34820
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
34631
34821
|
transition-delay: 0s;
|
|
34632
34822
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
34633
|
-
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
34634
34823
|
}
|
|
34635
34824
|
|
|
34636
34825
|
.pf-v6-c-tree-view__node,
|
|
@@ -35069,7 +35258,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35069
35258
|
|
|
35070
35259
|
.pf-v6-c-wizard__title {
|
|
35071
35260
|
padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
|
|
35072
|
-
|
|
35261
|
+
overflow-wrap: break-word;
|
|
35073
35262
|
}
|
|
35074
35263
|
|
|
35075
35264
|
.pf-v6-c-wizard__title-text {
|
|
@@ -35132,7 +35321,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35132
35321
|
align-items: baseline;
|
|
35133
35322
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
35134
35323
|
text-align: start;
|
|
35135
|
-
|
|
35324
|
+
overflow-wrap: break-word;
|
|
35136
35325
|
}
|
|
35137
35326
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
35138
35327
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -35268,8 +35457,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35268
35457
|
padding-inline: 0;
|
|
35269
35458
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
35270
35459
|
text-align: start;
|
|
35460
|
+
overflow-wrap: break-word;
|
|
35271
35461
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
35272
|
-
word-break: break-word;
|
|
35273
35462
|
counter-increment: wizard-nav-count;
|
|
35274
35463
|
background-color: transparent;
|
|
35275
35464
|
border: none;
|
|
@@ -35374,10 +35563,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35374
35563
|
|
|
35375
35564
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
35376
35565
|
display: inline-block;
|
|
35566
|
+
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35377
35567
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
35378
35568
|
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
35379
35569
|
transition-property: transform;
|
|
35380
|
-
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35381
35570
|
}
|
|
35382
35571
|
|
|
35383
35572
|
.pf-v6-c-wizard__main {
|
|
@@ -35387,7 +35576,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35387
35576
|
flex-direction: column;
|
|
35388
35577
|
overflow-x: hidden;
|
|
35389
35578
|
overflow-y: auto;
|
|
35390
|
-
|
|
35579
|
+
overflow-wrap: break-word;
|
|
35391
35580
|
}
|
|
35392
35581
|
|
|
35393
35582
|
.pf-v6-c-wizard__main-body {
|
|
@@ -37824,7 +38013,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
37824
38013
|
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
37825
38014
|
}
|
|
37826
38015
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
37827
|
-
|
|
38016
|
+
gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
37828
38017
|
}
|
|
37829
38018
|
.pf-v6-l-gallery {
|
|
37830
38019
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
@@ -38817,7 +39006,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
38817
39006
|
}
|
|
38818
39007
|
}
|
|
38819
39008
|
.pf-v6-l-grid.pf-m-gutter {
|
|
38820
|
-
|
|
39009
|
+
gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
38821
39010
|
}
|
|
38822
39011
|
|
|
38823
39012
|
.pf-v6-l-level {
|