@patternfly/patternfly 6.6.0-prerelease.1 → 6.6.0-prerelease.3
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/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 +56 -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 +8 -8
- 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 +8 -8
- 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 +3 -3
- package/components/Alert/alert.scss +3 -3
- package/components/Breadcrumb/breadcrumb.css +1 -1
- package/components/Breadcrumb/breadcrumb.scss +1 -1
- package/components/Button/button.css +6 -6
- package/components/Button/button.scss +6 -6
- package/components/Card/card.css +2 -2
- package/components/Card/card.scss +3 -3
- package/components/Check/check.css +1 -1
- package/components/Check/check.scss +1 -1
- package/components/ClipboardCopy/clipboard-copy.css +2 -2
- package/components/ClipboardCopy/clipboard-copy.scss +2 -2
- package/components/Compass/compass.css +7 -3
- package/components/Compass/compass.scss +7 -3
- package/components/Content/content.css +2 -2
- package/components/Content/content.scss +2 -2
- package/components/DataList/data-list.css +1 -1
- package/components/DataList/data-list.scss +1 -1
- package/components/DescriptionList/description-list.css +0 -1
- package/components/DescriptionList/description-list.scss +0 -1
- package/components/Drawer/drawer.css +2 -2
- package/components/Drawer/drawer.scss +2 -2
- package/components/DualListSelector/dual-list-selector.css +6 -6
- package/components/DualListSelector/dual-list-selector.scss +6 -6
- package/components/ExpandableSection/expandable-section.css +3 -3
- package/components/ExpandableSection/expandable-section.scss +3 -3
- package/components/Form/form.css +12 -12
- package/components/Form/form.scss +6 -6
- package/components/FormControl/form-control.css +1 -1
- package/components/FormControl/form-control.scss +3 -1
- package/components/Hero/hero.css +1 -1
- package/components/Hero/hero.scss +1 -1
- package/components/Hint/hint.css +1 -1
- package/components/Hint/hint.scss +1 -1
- package/components/InputGroup/input-group.css +5 -5
- package/components/InputGroup/input-group.scss +5 -5
- package/components/JumpLinks/jump-links.css +1 -1
- package/components/JumpLinks/jump-links.scss +1 -1
- package/components/Label/label.css +1 -1
- package/components/Label/label.scss +1 -1
- package/components/Login/login.css +2 -2
- package/components/Login/login.scss +2 -2
- package/components/Masthead/masthead.css +1 -1
- package/components/Masthead/masthead.scss +1 -1
- package/components/Menu/menu.css +4 -4
- package/components/Menu/menu.scss +4 -4
- package/components/MenuToggle/menu-toggle.css +1 -1
- package/components/MenuToggle/menu-toggle.scss +1 -1
- 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 +8 -4
- package/components/Page/page.scss +10 -4
- 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/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 +10 -10
- package/components/Table/table.scss +10 -10
- 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 +136 -129
- 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/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 +22 -22
- 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 +217 -217
- 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/Slider/examples/Slider.md +4 -4
- package/docs/components/Table/examples/Table.md +479 -479
- 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 +219 -219
- 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 +61 -61
- package/patternfly-base.css +61 -61
- package/patternfly-no-globals.css +199 -192
- package/patternfly.css +199 -192
- 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);
|
|
@@ -8217,13 +8217,13 @@
|
|
|
8217
8217
|
}
|
|
8218
8218
|
|
|
8219
8219
|
: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:
|
|
8220
|
+
--pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
|
|
8221
|
+
--pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
|
|
8222
|
+
--pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
|
|
8223
|
+
--pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
|
|
8224
|
+
--pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
|
|
8225
|
+
--pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
|
|
8226
|
+
--pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
|
|
8227
8227
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
8228
8228
|
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
|
|
8229
8229
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
|
|
@@ -8244,15 +8244,15 @@
|
|
|
8244
8244
|
}
|
|
8245
8245
|
|
|
8246
8246
|
:root:where(.pf-v6-theme-dark) {
|
|
8247
|
-
--pf-t--global--background--color--action--plain--default:
|
|
8248
|
-
--pf-t--global--background--color--striped--row--default:
|
|
8247
|
+
--pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
|
|
8248
|
+
--pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
|
|
8249
8249
|
--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:
|
|
8250
|
+
--pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
|
|
8251
|
+
--pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
|
|
8252
|
+
--pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
|
|
8253
|
+
--pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
|
|
8254
|
+
--pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
|
|
8255
|
+
--pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
|
|
8256
8256
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
8257
8257
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
8258
8258
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
@@ -8702,14 +8702,14 @@
|
|
|
8702
8702
|
}
|
|
8703
8703
|
|
|
8704
8704
|
: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:
|
|
8705
|
+
--pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
|
|
8706
|
+
--pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
|
|
8707
8707
|
--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:
|
|
8708
|
+
--pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
|
|
8709
|
+
--pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
|
|
8710
|
+
--pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
|
|
8711
|
+
--pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
|
|
8712
|
+
--pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
|
|
8713
8713
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
8714
8714
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
8715
8715
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9143,13 +9143,13 @@
|
|
|
9143
9143
|
}
|
|
9144
9144
|
|
|
9145
9145
|
: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:
|
|
9146
|
+
--pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9147
|
+
--pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
|
|
9148
|
+
--pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9149
|
+
--pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
|
|
9150
|
+
--pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
|
|
9151
|
+
--pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
|
|
9152
|
+
--pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
|
|
9153
9153
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
9154
9154
|
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
|
|
9155
9155
|
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9212,13 +9212,13 @@
|
|
|
9212
9212
|
}
|
|
9213
9213
|
|
|
9214
9214
|
: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:
|
|
9215
|
+
--pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9216
|
+
--pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
|
|
9217
|
+
--pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9218
|
+
--pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
|
|
9219
|
+
--pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
|
|
9220
|
+
--pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
|
|
9221
|
+
--pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
|
|
9222
9222
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
9223
9223
|
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
|
|
9224
9224
|
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9418,7 +9418,7 @@
|
|
|
9418
9418
|
overflow-x: hidden;
|
|
9419
9419
|
overflow-y: auto;
|
|
9420
9420
|
overscroll-behavior: contain;
|
|
9421
|
-
|
|
9421
|
+
overflow-wrap: break-word;
|
|
9422
9422
|
-webkit-overflow-scrolling: touch;
|
|
9423
9423
|
}
|
|
9424
9424
|
@media screen and (min-width: 36rem) {
|
|
@@ -9678,8 +9678,8 @@
|
|
|
9678
9678
|
}
|
|
9679
9679
|
|
|
9680
9680
|
.pf-v6-c-accordion__toggle-icon {
|
|
9681
|
-
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9682
9681
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
9682
|
+
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9683
9683
|
}
|
|
9684
9684
|
|
|
9685
9685
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
@@ -9687,6 +9687,7 @@
|
|
|
9687
9687
|
}
|
|
9688
9688
|
|
|
9689
9689
|
.pf-v6-c-accordion__expandable-content {
|
|
9690
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9690
9691
|
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
|
9691
9692
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
9692
9693
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
@@ -9694,16 +9695,15 @@
|
|
|
9694
9695
|
overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
|
|
9695
9696
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
9696
9697
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
9697
|
-
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9698
9698
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
9699
9699
|
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
9700
9700
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
9701
9701
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
9702
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9702
9703
|
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
9704
|
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
9704
9705
|
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
|
9705
9706
|
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
|
9706
|
-
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9707
9707
|
}
|
|
9708
9708
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
9709
9709
|
--pf-v6-c-accordion__expandable-content--Overflow: auto;
|
|
@@ -9907,8 +9907,8 @@
|
|
|
9907
9907
|
|
|
9908
9908
|
.pf-v6-c-alert__toggle-icon {
|
|
9909
9909
|
display: inline-block;
|
|
9910
|
-
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
9911
9910
|
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
9911
|
+
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
9912
9912
|
}
|
|
9913
9913
|
|
|
9914
9914
|
.pf-v6-c-alert__icon {
|
|
@@ -9923,7 +9923,7 @@
|
|
|
9923
9923
|
grid-area: title;
|
|
9924
9924
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
9925
9925
|
color: var(--pf-v6-c-alert__title--Color);
|
|
9926
|
-
|
|
9926
|
+
overflow-wrap: break-word;
|
|
9927
9927
|
}
|
|
9928
9928
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
9929
9929
|
display: -webkit-box;
|
|
@@ -9935,7 +9935,7 @@
|
|
|
9935
9935
|
.pf-v6-c-alert__description {
|
|
9936
9936
|
grid-area: description;
|
|
9937
9937
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
9938
|
-
|
|
9938
|
+
overflow-wrap: break-word;
|
|
9939
9939
|
}
|
|
9940
9940
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
9941
9941
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -10085,8 +10085,8 @@
|
|
|
10085
10085
|
display: grid;
|
|
10086
10086
|
grid-template-rows: 1fr;
|
|
10087
10087
|
opacity: 1;
|
|
10088
|
-
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10089
10088
|
transform: translateX(0) translateY(0);
|
|
10089
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10090
10090
|
}
|
|
10091
10091
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
10092
10092
|
.pf-v6-c-alert-group__item {
|
|
@@ -10831,10 +10831,10 @@
|
|
|
10831
10831
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
10832
10832
|
line-height: inherit;
|
|
10833
10833
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
10834
|
+
overflow-wrap: break-word;
|
|
10834
10835
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
10835
10836
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
10836
10837
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
10837
|
-
word-break: break-word;
|
|
10838
10838
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
10839
10839
|
}
|
|
10840
10840
|
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
@@ -11252,10 +11252,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11252
11252
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
11253
11253
|
color: var(--pf-v6-c-button--Color);
|
|
11254
11254
|
text-align: center;
|
|
11255
|
+
white-space: nowrap;
|
|
11255
11256
|
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
|
11256
11257
|
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
|
11257
11258
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
11258
|
-
white-space: nowrap;
|
|
11259
11259
|
cursor: pointer;
|
|
11260
11260
|
-webkit-user-select: none;
|
|
11261
11261
|
user-select: none;
|
|
@@ -11265,11 +11265,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11265
11265
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11266
11266
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11267
11267
|
border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11268
|
+
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
11268
11269
|
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
11269
11270
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
11270
11271
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
11271
11272
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
11272
|
-
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
11273
11273
|
}
|
|
11274
11274
|
.pf-v6-c-button::after {
|
|
11275
11275
|
position: absolute;
|
|
@@ -11396,10 +11396,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11396
11396
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
11397
11397
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
11398
11398
|
text-align: start;
|
|
11399
|
-
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11400
11399
|
white-space: normal;
|
|
11401
|
-
|
|
11400
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11402
11401
|
outline-offset: 0.125rem;
|
|
11402
|
+
background: transparent;
|
|
11403
11403
|
}
|
|
11404
11404
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
11405
11405
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
@@ -11757,12 +11757,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11757
11757
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
11758
11758
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
11759
11759
|
color: var(--pf-v6-c-button__icon--Color);
|
|
11760
|
+
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
11761
|
+
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
11760
11762
|
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
11761
11763
|
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
11762
11764
|
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
11763
11765
|
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
11766
|
}
|
|
11767
11767
|
.pf-v6-c-button__icon.pf-m-start {
|
|
11768
11768
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -12189,8 +12189,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12189
12189
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
|
|
12190
12190
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
|
|
12191
12191
|
--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
12192
|
box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
|
|
12193
|
+
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
12194
12194
|
}
|
|
12195
12195
|
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
12196
12196
|
gap: 0;
|
|
@@ -12432,9 +12432,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12432
12432
|
}
|
|
12433
12433
|
|
|
12434
12434
|
.pf-v6-c-card__clickable-action {
|
|
12435
|
+
outline: 0;
|
|
12435
12436
|
background: none;
|
|
12436
12437
|
border: 0;
|
|
12437
|
-
outline: 0;
|
|
12438
12438
|
}
|
|
12439
12439
|
.pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
|
|
12440
12440
|
pointer-events: none;
|
|
@@ -12502,7 +12502,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12502
12502
|
.pf-v6-c-check {
|
|
12503
12503
|
display: grid;
|
|
12504
12504
|
grid-template-columns: auto 1fr;
|
|
12505
|
-
|
|
12505
|
+
gap: var(--pf-v6-c-check--GridGap);
|
|
12506
12506
|
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
12507
12507
|
}
|
|
12508
12508
|
.pf-v6-c-check.pf-m-standalone {
|
|
@@ -12633,7 +12633,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12633
12633
|
padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
|
|
12634
12634
|
padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
|
|
12635
12635
|
margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
|
|
12636
|
-
|
|
12636
|
+
overflow-wrap: break-word;
|
|
12637
12637
|
background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
|
|
12638
12638
|
background-clip: padding-box;
|
|
12639
12639
|
border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
|
|
@@ -12649,7 +12649,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12649
12649
|
}
|
|
12650
12650
|
|
|
12651
12651
|
.pf-v6-c-clipboard-copy__text {
|
|
12652
|
-
|
|
12652
|
+
overflow-wrap: break-word;
|
|
12653
12653
|
white-space: normal;
|
|
12654
12654
|
}
|
|
12655
12655
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -13138,8 +13138,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13138
13138
|
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
13139
13139
|
.pf-v6-c-compass__main-footer,
|
|
13140
13140
|
.pf-v6-c-compass__footer {
|
|
13141
|
-
margin: 0;
|
|
13142
13141
|
visibility: hidden;
|
|
13142
|
+
margin: 0;
|
|
13143
13143
|
opacity: 0;
|
|
13144
13144
|
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
13145
13145
|
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
@@ -13257,15 +13257,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13257
13257
|
inset-inline-start: 0;
|
|
13258
13258
|
z-index: var(--pf-v6-c-compass__dock--ZIndex);
|
|
13259
13259
|
display: flex;
|
|
13260
|
+
visibility: hidden;
|
|
13260
13261
|
flex-direction: column;
|
|
13261
13262
|
grid-area: dock;
|
|
13262
13263
|
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
13264
|
translate: -100% 0;
|
|
13265
|
+
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
13266
|
}
|
|
13266
13267
|
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
13267
13268
|
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
13269
|
+
visibility: visible;
|
|
13268
13270
|
translate: 0;
|
|
13271
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
13269
13272
|
}
|
|
13270
13273
|
@media (min-width: 62rem) {
|
|
13271
13274
|
.pf-v6-c-compass__dock {
|
|
@@ -13273,6 +13276,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13273
13276
|
--pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
|
|
13274
13277
|
position: revert;
|
|
13275
13278
|
inset: revert;
|
|
13279
|
+
visibility: revert;
|
|
13276
13280
|
width: auto;
|
|
13277
13281
|
translate: 0;
|
|
13278
13282
|
}
|
|
@@ -13287,9 +13291,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13287
13291
|
.pf-v6-c-compass__dock-main {
|
|
13288
13292
|
flex-grow: 1;
|
|
13289
13293
|
background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
|
|
13290
|
-
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13291
13294
|
border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
|
|
13292
13295
|
box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
|
|
13296
|
+
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13293
13297
|
}
|
|
13294
13298
|
.pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
|
|
13295
13299
|
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 +13624,8 @@ ul) {
|
|
|
13620
13624
|
@media screen and (min-width: 36rem) {
|
|
13621
13625
|
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
13622
13626
|
grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
|
|
13623
|
-
|
|
13624
|
-
|
|
13627
|
+
row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
13628
|
+
column-gap: var(--pf-v6-c-content--dl--ColumnGap);
|
|
13625
13629
|
}
|
|
13626
13630
|
}
|
|
13627
13631
|
|
|
@@ -14410,8 +14414,8 @@ ul) {
|
|
|
14410
14414
|
.pf-v6-c-data-list__toggle-icon {
|
|
14411
14415
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
14412
14416
|
pointer-events: none;
|
|
14413
|
-
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14414
14417
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
14418
|
+
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14415
14419
|
}
|
|
14416
14420
|
|
|
14417
14421
|
.pf-v6-c-data-list__item-content {
|
|
@@ -14628,7 +14632,6 @@ ul) {
|
|
|
14628
14632
|
width: 100%;
|
|
14629
14633
|
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
14630
14634
|
break-inside: avoid;
|
|
14631
|
-
page-break-inside: avoid;
|
|
14632
14635
|
-webkit-column-break-inside: avoid;
|
|
14633
14636
|
-moz-column-break-inside: avoid;
|
|
14634
14637
|
}
|
|
@@ -15036,9 +15039,9 @@ ul) {
|
|
|
15036
15039
|
max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
|
|
15037
15040
|
margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
|
|
15038
15041
|
overflow: auto;
|
|
15042
|
+
outline-offset: 2px;
|
|
15039
15043
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
15040
15044
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
15041
|
-
outline-offset: 2px;
|
|
15042
15045
|
}
|
|
15043
15046
|
|
|
15044
15047
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -15074,25 +15077,25 @@ ul) {
|
|
|
15074
15077
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
15075
15078
|
}
|
|
15076
15079
|
.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
15080
|
visibility: hidden;
|
|
15081
|
+
max-height: 0;
|
|
15079
15082
|
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
15083
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15080
15084
|
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
15085
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
15082
15086
|
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
15087
|
transition-property: opacity, translate, visibility, max-height;
|
|
15084
|
-
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15085
15088
|
}
|
|
15086
15089
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
15087
15090
|
--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
15091
|
}
|
|
15089
15092
|
.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
15093
|
visibility: revert;
|
|
15094
|
+
max-height: 99999px;
|
|
15092
15095
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
15096
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
15093
15097
|
transition-delay: 0s;
|
|
15094
15098
|
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
15099
|
}
|
|
15097
15100
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
15098
15101
|
--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 +15230,10 @@ ul) {
|
|
|
15227
15230
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
15228
15231
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
15229
15232
|
text-align: center;
|
|
15233
|
+
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15230
15234
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
15231
15235
|
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
15232
15236
|
transition-property: transform;
|
|
15233
|
-
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15234
15237
|
}
|
|
15235
15238
|
|
|
15236
15239
|
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
@@ -16015,6 +16018,7 @@ ul) {
|
|
|
16015
16018
|
.pf-v6-c-drawer__panel {
|
|
16016
16019
|
position: relative;
|
|
16017
16020
|
z-index: var(--pf-v6-c-drawer__panel--ZIndex);
|
|
16021
|
+
visibility: hidden;
|
|
16018
16022
|
flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
|
|
16019
16023
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
16020
16024
|
order: 1;
|
|
@@ -16022,7 +16026,6 @@ ul) {
|
|
|
16022
16026
|
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
16023
16027
|
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
16024
16028
|
overflow: auto;
|
|
16025
|
-
visibility: hidden;
|
|
16026
16029
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
16027
16030
|
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
16028
16031
|
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
@@ -16132,8 +16135,8 @@ ul) {
|
|
|
16132
16135
|
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
16133
16136
|
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
16134
16137
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
16135
|
-
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16136
16138
|
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
16139
|
+
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16137
16140
|
}
|
|
16138
16141
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
16139
16142
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -16923,8 +16926,8 @@ ul) {
|
|
|
16923
16926
|
display: inline-block;
|
|
16924
16927
|
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
16925
16928
|
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
16926
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
16927
16929
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
16930
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
16928
16931
|
}
|
|
16929
16932
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
16930
16933
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
@@ -16939,15 +16942,15 @@ ul) {
|
|
|
16939
16942
|
display: revert;
|
|
16940
16943
|
}
|
|
16941
16944
|
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
16945
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
16942
16946
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
16943
16947
|
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
16944
|
-
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
16945
16948
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
16949
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
16946
16950
|
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
16951
|
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
16948
16952
|
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
16949
16953
|
transition-property: opacity, translate, visibility, max-height;
|
|
16950
|
-
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
16951
16954
|
}
|
|
16952
16955
|
|
|
16953
16956
|
.pf-v6-c-file-upload {
|
|
@@ -17118,7 +17121,7 @@ ul) {
|
|
|
17118
17121
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
|
|
17119
17122
|
display: grid;
|
|
17120
17123
|
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
|
-
|
|
17124
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17122
17125
|
}
|
|
17123
17126
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
|
|
17124
17127
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17146,7 +17149,7 @@ ul) {
|
|
|
17146
17149
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
|
|
17147
17150
|
display: grid;
|
|
17148
17151
|
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
|
-
|
|
17152
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17150
17153
|
}
|
|
17151
17154
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
|
|
17152
17155
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17174,7 +17177,7 @@ ul) {
|
|
|
17174
17177
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
|
|
17175
17178
|
display: grid;
|
|
17176
17179
|
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
|
-
|
|
17180
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17178
17181
|
}
|
|
17179
17182
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
|
|
17180
17183
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17202,7 +17205,7 @@ ul) {
|
|
|
17202
17205
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
|
|
17203
17206
|
display: grid;
|
|
17204
17207
|
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
|
-
|
|
17208
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17206
17209
|
}
|
|
17207
17210
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
|
|
17208
17211
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17230,7 +17233,7 @@ ul) {
|
|
|
17230
17233
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
|
|
17231
17234
|
display: grid;
|
|
17232
17235
|
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
|
-
|
|
17236
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17234
17237
|
}
|
|
17235
17238
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
|
|
17236
17239
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17258,7 +17261,7 @@ ul) {
|
|
|
17258
17261
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
|
|
17259
17262
|
display: grid;
|
|
17260
17263
|
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
|
-
|
|
17264
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17262
17265
|
}
|
|
17263
17266
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
|
|
17264
17267
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17286,7 +17289,7 @@ ul) {
|
|
|
17286
17289
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
|
|
17287
17290
|
display: grid;
|
|
17288
17291
|
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
|
-
|
|
17292
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17290
17293
|
}
|
|
17291
17294
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
|
|
17292
17295
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17459,14 +17462,14 @@ ul) {
|
|
|
17459
17462
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
17460
17463
|
}
|
|
17461
17464
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17465
|
+
visibility: visible;
|
|
17462
17466
|
max-height: 99999px;
|
|
17463
17467
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
17464
17468
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17465
|
-
visibility: visible;
|
|
17466
17469
|
opacity: 1;
|
|
17470
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17467
17471
|
transition-delay: 0s;
|
|
17468
17472
|
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
17473
|
}
|
|
17471
17474
|
|
|
17472
17475
|
.pf-v6-c-form__field-group-toggle {
|
|
@@ -17488,10 +17491,10 @@ ul) {
|
|
|
17488
17491
|
display: inline-block;
|
|
17489
17492
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
17490
17493
|
text-align: center;
|
|
17494
|
+
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17491
17495
|
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
17492
17496
|
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
17493
17497
|
transition-property: transform;
|
|
17494
|
-
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17495
17498
|
}
|
|
17496
17499
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
17497
17500
|
scale: -1 1;
|
|
@@ -17540,15 +17543,15 @@ ul) {
|
|
|
17540
17543
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17541
17544
|
}
|
|
17542
17545
|
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17546
|
+
visibility: hidden;
|
|
17543
17547
|
max-height: 0;
|
|
17544
17548
|
padding-block-start: 0;
|
|
17545
17549
|
padding-block-end: 0;
|
|
17546
|
-
visibility: hidden;
|
|
17547
17550
|
opacity: 0;
|
|
17551
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17548
17552
|
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
17553
|
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
17554
|
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
17555
|
}
|
|
17553
17556
|
|
|
17554
17557
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
@@ -17708,10 +17711,10 @@ ul) {
|
|
|
17708
17711
|
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
17709
17712
|
color: var(--pf-v6-c-form-control--Color);
|
|
17710
17713
|
appearance: none;
|
|
17714
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17711
17715
|
background-color: transparent;
|
|
17712
17716
|
border: none;
|
|
17713
17717
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
17714
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17715
17718
|
}
|
|
17716
17719
|
.pf-v6-c-form-control > ::placeholder {
|
|
17717
17720
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
@@ -18077,8 +18080,8 @@ ul) {
|
|
|
18077
18080
|
:where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
|
|
18078
18081
|
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
18079
18082
|
--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
18083
|
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
18084
|
+
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18082
18085
|
}
|
|
18083
18086
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
18084
18087
|
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
@@ -18114,7 +18117,7 @@ ul) {
|
|
|
18114
18117
|
.pf-v6-c-hint {
|
|
18115
18118
|
display: grid;
|
|
18116
18119
|
grid-template-columns: 1fr auto;
|
|
18117
|
-
|
|
18120
|
+
row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
18118
18121
|
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
18119
18122
|
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
18120
18123
|
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
@@ -18562,20 +18565,20 @@ ul) {
|
|
|
18562
18565
|
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
18563
18566
|
}
|
|
18564
18567
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
|
|
18568
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
18565
18569
|
flex-grow: 1;
|
|
18566
18570
|
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
18571
|
opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
|
|
18572
|
+
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
18573
|
+
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
18569
18574
|
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
18575
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
|
18571
18576
|
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
18577
|
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
18578
|
}
|
|
18576
18579
|
.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
18580
|
visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
|
|
18581
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
18579
18582
|
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
|
18580
18583
|
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
18581
18584
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
|
@@ -18583,8 +18586,8 @@ ul) {
|
|
|
18583
18586
|
transition-property: opacity, visibility, max-width;
|
|
18584
18587
|
}
|
|
18585
18588
|
.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
18589
|
visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
|
|
18590
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
18588
18591
|
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
|
18589
18592
|
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
18593
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
|
@@ -18911,10 +18914,10 @@ label.pf-v6-c-input-group__text {
|
|
|
18911
18914
|
.pf-v6-c-jump-links__toggle-icon {
|
|
18912
18915
|
display: inline-block;
|
|
18913
18916
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
18917
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
18914
18918
|
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
18915
18919
|
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
18916
18920
|
transition-property: transform;
|
|
18917
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
18918
18921
|
}
|
|
18919
18922
|
|
|
18920
18923
|
.pf-v6-c-label {
|
|
@@ -19127,9 +19130,9 @@ label.pf-v6-c-input-group__text {
|
|
|
19127
19130
|
font-size: var(--pf-v6-c-label--FontSize);
|
|
19128
19131
|
white-space: nowrap;
|
|
19129
19132
|
background: transparent;
|
|
19130
|
-
isolation: isolate;
|
|
19131
19133
|
border: 0;
|
|
19132
19134
|
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
19135
|
+
isolation: isolate;
|
|
19133
19136
|
}
|
|
19134
19137
|
.pf-v6-c-label.pf-m-blue {
|
|
19135
19138
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
|
@@ -19787,7 +19790,7 @@ ul.pf-v6-c-list {
|
|
|
19787
19790
|
display: grid;
|
|
19788
19791
|
grid-template-areas: "main header" "main footer" "main .";
|
|
19789
19792
|
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
19790
|
-
|
|
19793
|
+
column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
19791
19794
|
justify-content: center;
|
|
19792
19795
|
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
19793
19796
|
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
@@ -19813,10 +19816,10 @@ ul.pf-v6-c-list {
|
|
|
19813
19816
|
align-self: start;
|
|
19814
19817
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
19815
19818
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
19816
|
-
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19817
19819
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
19818
19820
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
19819
19821
|
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
19822
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19820
19823
|
}
|
|
19821
19824
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
19822
19825
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -20160,9 +20163,9 @@ ul.pf-v6-c-list {
|
|
|
20160
20163
|
}
|
|
20161
20164
|
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
20162
20165
|
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
20163
|
-
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20164
20166
|
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
20165
20167
|
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
20168
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20166
20169
|
}
|
|
20167
20170
|
|
|
20168
20171
|
.pf-v6-c-masthead__main {
|
|
@@ -20871,8 +20874,8 @@ ul.pf-v6-c-list {
|
|
|
20871
20874
|
}
|
|
20872
20875
|
|
|
20873
20876
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
|
|
20874
|
-
overflow: hidden;
|
|
20875
20877
|
visibility: visible;
|
|
20878
|
+
overflow: hidden;
|
|
20876
20879
|
transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
|
|
20877
20880
|
}
|
|
20878
20881
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
|
|
@@ -20898,8 +20901,8 @@ ul.pf-v6-c-list {
|
|
|
20898
20901
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
20899
20902
|
}
|
|
20900
20903
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
|
|
20901
|
-
overflow: visible;
|
|
20902
20904
|
visibility: hidden;
|
|
20905
|
+
overflow: visible;
|
|
20903
20906
|
}
|
|
20904
20907
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
|
|
20905
20908
|
.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 +21043,10 @@ ul.pf-v6-c-list {
|
|
|
21040
21043
|
color: var(--pf-v6-c-menu__item--Color);
|
|
21041
21044
|
text-align: start;
|
|
21042
21045
|
text-decoration-line: none;
|
|
21046
|
+
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21043
21047
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
21044
21048
|
border: 0;
|
|
21045
21049
|
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
21046
|
-
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21047
21050
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
21048
21051
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
21049
21052
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
@@ -21137,7 +21140,7 @@ ul.pf-v6-c-list {
|
|
|
21137
21140
|
.pf-v6-c-menu__item-description {
|
|
21138
21141
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
21139
21142
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
21140
|
-
|
|
21143
|
+
overflow-wrap: break-word;
|
|
21141
21144
|
}
|
|
21142
21145
|
|
|
21143
21146
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -21720,10 +21723,10 @@ ul.pf-v6-c-list {
|
|
|
21720
21723
|
|
|
21721
21724
|
.pf-v6-c-menu-toggle__icon {
|
|
21722
21725
|
flex-shrink: 0;
|
|
21726
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21723
21727
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
21724
21728
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
21725
21729
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
21726
|
-
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21727
21730
|
}
|
|
21728
21731
|
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
21729
21732
|
vertical-align: middle;
|
|
@@ -21931,7 +21934,7 @@ ul.pf-v6-c-list {
|
|
|
21931
21934
|
overflow-x: hidden;
|
|
21932
21935
|
overflow-y: auto;
|
|
21933
21936
|
overscroll-behavior: contain;
|
|
21934
|
-
|
|
21937
|
+
overflow-wrap: break-word;
|
|
21935
21938
|
-webkit-overflow-scrolling: touch;
|
|
21936
21939
|
}
|
|
21937
21940
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -22380,17 +22383,17 @@ ul.pf-v6-c-list {
|
|
|
22380
22383
|
|
|
22381
22384
|
.pf-v6-c-nav__subnav {
|
|
22382
22385
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
22386
|
+
visibility: visible;
|
|
22383
22387
|
max-height: 99999px;
|
|
22384
22388
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
22385
22389
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
22386
22390
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
22387
22391
|
overflow-y: clip;
|
|
22388
|
-
|
|
22392
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22389
22393
|
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
22394
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
22391
22395
|
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
22392
22396
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
22393
|
-
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22394
22397
|
}
|
|
22395
22398
|
.pf-v6-c-nav__subnav[hidden] {
|
|
22396
22399
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
@@ -22400,8 +22403,8 @@ ul.pf-v6-c-list {
|
|
|
22400
22403
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
22401
22404
|
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
22402
22405
|
display: grid;
|
|
22403
|
-
max-height: 0;
|
|
22404
22406
|
visibility: hidden;
|
|
22407
|
+
max-height: 0;
|
|
22405
22408
|
opacity: 0;
|
|
22406
22409
|
}
|
|
22407
22410
|
|
|
@@ -22419,10 +22422,10 @@ ul.pf-v6-c-list {
|
|
|
22419
22422
|
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
22420
22423
|
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
22421
22424
|
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
22425
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22422
22426
|
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
22423
22427
|
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
22424
22428
|
transition-property: scale;
|
|
22425
|
-
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22426
22429
|
}
|
|
22427
22430
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
22428
22431
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
@@ -22510,10 +22513,10 @@ ul.pf-v6-c-list {
|
|
|
22510
22513
|
|
|
22511
22514
|
.pf-v6-c-nav__toggle-icon {
|
|
22512
22515
|
display: inline-block;
|
|
22516
|
+
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22513
22517
|
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
22514
22518
|
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
22515
22519
|
transition-property: transform;
|
|
22516
|
-
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22517
22520
|
}
|
|
22518
22521
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
22519
22522
|
scale: -1 1;
|
|
@@ -22746,9 +22749,9 @@ ul.pf-v6-c-list {
|
|
|
22746
22749
|
padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
|
|
22747
22750
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
22748
22751
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
22752
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22749
22753
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
22750
22754
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
22751
|
-
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22752
22755
|
}
|
|
22753
22756
|
.pf-v6-c-notification-drawer__list-item::before {
|
|
22754
22757
|
position: absolute;
|
|
@@ -22805,7 +22808,7 @@ ul.pf-v6-c-list {
|
|
|
22805
22808
|
|
|
22806
22809
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
22807
22810
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
22808
|
-
|
|
22811
|
+
overflow-wrap: break-word;
|
|
22809
22812
|
}
|
|
22810
22813
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
22811
22814
|
display: -webkit-box;
|
|
@@ -22827,7 +22830,7 @@ ul.pf-v6-c-list {
|
|
|
22827
22830
|
grid-row: 2/3;
|
|
22828
22831
|
grid-column: 1/2;
|
|
22829
22832
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
22830
|
-
|
|
22833
|
+
overflow-wrap: break-word;
|
|
22831
22834
|
}
|
|
22832
22835
|
|
|
22833
22836
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -22858,9 +22861,9 @@ ul.pf-v6-c-list {
|
|
|
22858
22861
|
padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
|
|
22859
22862
|
padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
|
|
22860
22863
|
padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
|
|
22864
|
+
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
22861
22865
|
background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
|
|
22862
22866
|
border: none;
|
|
22863
|
-
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
22864
22867
|
}
|
|
22865
22868
|
|
|
22866
22869
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
@@ -22872,7 +22875,7 @@ ul.pf-v6-c-list {
|
|
|
22872
22875
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
22873
22876
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
22874
22877
|
text-align: start;
|
|
22875
|
-
|
|
22878
|
+
overflow-wrap: break-word;
|
|
22876
22879
|
}
|
|
22877
22880
|
|
|
22878
22881
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -23342,10 +23345,11 @@ ul.pf-v6-c-list {
|
|
|
23342
23345
|
inset-inline-start: 0;
|
|
23343
23346
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
23344
23347
|
display: flex;
|
|
23348
|
+
visibility: hidden;
|
|
23345
23349
|
flex-direction: column;
|
|
23346
23350
|
grid-area: dock;
|
|
23347
23351
|
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);
|
|
23352
|
+
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
23353
|
translate: -100% 0;
|
|
23350
23354
|
}
|
|
23351
23355
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
|
|
@@ -23354,7 +23358,9 @@ ul.pf-v6-c-list {
|
|
|
23354
23358
|
|
|
23355
23359
|
.pf-v6-c-page__dock.pf-m-expanded {
|
|
23356
23360
|
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
|
|
23361
|
+
visibility: visible;
|
|
23357
23362
|
translate: 0;
|
|
23363
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
23358
23364
|
}
|
|
23359
23365
|
@media (min-width: 62rem) {
|
|
23360
23366
|
.pf-v6-c-page__dock {
|
|
@@ -23362,6 +23368,7 @@ ul.pf-v6-c-list {
|
|
|
23362
23368
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
23363
23369
|
position: revert;
|
|
23364
23370
|
inset: revert;
|
|
23371
|
+
visibility: revert;
|
|
23365
23372
|
width: auto;
|
|
23366
23373
|
translate: 0;
|
|
23367
23374
|
}
|
|
@@ -23376,9 +23383,9 @@ ul.pf-v6-c-list {
|
|
|
23376
23383
|
.pf-v6-c-page__dock-main {
|
|
23377
23384
|
flex-grow: 1;
|
|
23378
23385
|
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
23379
|
-
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23380
23386
|
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
23381
23387
|
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
23388
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23382
23389
|
}
|
|
23383
23390
|
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
23384
23391
|
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 +23467,10 @@ ul.pf-v6-c-list {
|
|
|
23460
23467
|
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
23461
23468
|
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
23462
23469
|
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
23463
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23464
23470
|
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
23465
23471
|
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
23466
23472
|
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
23473
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23467
23474
|
}
|
|
23468
23475
|
|
|
23469
23476
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -23829,7 +23836,6 @@ ul.pf-v6-c-list {
|
|
|
23829
23836
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
23830
23837
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
23831
23838
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
23832
|
-
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23833
23839
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
23834
23840
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
23835
23841
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
@@ -23837,6 +23843,7 @@ ul.pf-v6-c-list {
|
|
|
23837
23843
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
23838
23844
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
23839
23845
|
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
23846
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23840
23847
|
}
|
|
23841
23848
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
23842
23849
|
.pf-v6-c-page__main-container {
|
|
@@ -24861,7 +24868,7 @@ ul.pf-v6-c-list {
|
|
|
24861
24868
|
}
|
|
24862
24869
|
|
|
24863
24870
|
.pf-v6-c-popover__body {
|
|
24864
|
-
|
|
24871
|
+
overflow-wrap: break-word;
|
|
24865
24872
|
}
|
|
24866
24873
|
|
|
24867
24874
|
.pf-v6-c-popover__footer {
|
|
@@ -24906,7 +24913,7 @@ ul.pf-v6-c-list {
|
|
|
24906
24913
|
display: grid;
|
|
24907
24914
|
grid-template-rows: 1fr auto;
|
|
24908
24915
|
grid-template-columns: auto auto;
|
|
24909
|
-
|
|
24916
|
+
gap: var(--pf-v6-c-progress--GridGap);
|
|
24910
24917
|
align-items: end;
|
|
24911
24918
|
}
|
|
24912
24919
|
.pf-v6-c-progress.pf-m-sm {
|
|
@@ -25000,7 +25007,7 @@ ul.pf-v6-c-list {
|
|
|
25000
25007
|
|
|
25001
25008
|
.pf-v6-c-progress__description {
|
|
25002
25009
|
grid-column: 1/2;
|
|
25003
|
-
|
|
25010
|
+
overflow-wrap: break-word;
|
|
25004
25011
|
}
|
|
25005
25012
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
25006
25013
|
overflow: hidden;
|
|
@@ -25016,7 +25023,7 @@ ul.pf-v6-c-list {
|
|
|
25016
25023
|
align-items: flex-start;
|
|
25017
25024
|
justify-content: flex-end;
|
|
25018
25025
|
text-align: end;
|
|
25019
|
-
|
|
25026
|
+
overflow-wrap: break-word;
|
|
25020
25027
|
}
|
|
25021
25028
|
|
|
25022
25029
|
.pf-v6-c-progress__status-icon {
|
|
@@ -25279,9 +25286,9 @@ ul.pf-v6-c-list {
|
|
|
25279
25286
|
inset-block-start: 0;
|
|
25280
25287
|
inset-inline-start: 0;
|
|
25281
25288
|
overflow: hidden;
|
|
25282
|
-
clip: rect(0, 0, 0, 0);
|
|
25283
25289
|
white-space: nowrap;
|
|
25284
25290
|
border: 0;
|
|
25291
|
+
clip-path: inset(50%);
|
|
25285
25292
|
}
|
|
25286
25293
|
.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
25294
|
grid-row: 1/2;
|
|
@@ -25703,7 +25710,7 @@ ul.pf-v6-c-list {
|
|
|
25703
25710
|
.pf-v6-c-radio {
|
|
25704
25711
|
display: grid;
|
|
25705
25712
|
grid-template-columns: auto 1fr;
|
|
25706
|
-
|
|
25713
|
+
gap: var(--pf-v6-c-radio--GridGap);
|
|
25707
25714
|
align-items: baseline;
|
|
25708
25715
|
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
25709
25716
|
}
|
|
@@ -26698,10 +26705,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26698
26705
|
width: 100%;
|
|
26699
26706
|
height: 100%;
|
|
26700
26707
|
stroke: var(--pf-v6-c-spinner--Color);
|
|
26708
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
26709
|
+
stroke-linecap: round;
|
|
26701
26710
|
stroke-dasharray: 283;
|
|
26702
26711
|
stroke-dashoffset: 280;
|
|
26703
|
-
stroke-linecap: round;
|
|
26704
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
26705
26712
|
transform-origin: 50% 50%;
|
|
26706
26713
|
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
26707
26714
|
}
|
|
@@ -26861,8 +26868,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26861
26868
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
26862
26869
|
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
26863
26870
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
26864
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
26865
26871
|
transform: translateY(-50%);
|
|
26872
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
26866
26873
|
}
|
|
26867
26874
|
.pf-v6-c-switch__toggle::after {
|
|
26868
26875
|
position: absolute;
|
|
@@ -28859,11 +28866,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28859
28866
|
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
28860
28867
|
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
28861
28868
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
28869
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
28862
28870
|
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
28863
28871
|
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
28864
28872
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
28865
28873
|
color: var(--pf-v6-c-table--cell--Color);
|
|
28866
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
28867
28874
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
28868
28875
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
28869
28876
|
}
|
|
@@ -28969,24 +28976,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28969
28976
|
}
|
|
28970
28977
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
|
|
28971
28978
|
cursor: pointer;
|
|
28972
|
-
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
28973
28979
|
outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
|
|
28980
|
+
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
28974
28981
|
}
|
|
28975
28982
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
|
|
28976
28983
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
28977
28984
|
}
|
|
28978
28985
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
|
|
28979
28986
|
position: relative;
|
|
28980
|
-
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
28981
28987
|
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
|
|
28988
|
+
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
28982
28989
|
}
|
|
28983
28990
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
|
|
28984
28991
|
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
|
|
28985
28992
|
}
|
|
28986
28993
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
|
|
28987
28994
|
cursor: pointer;
|
|
28988
|
-
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
28989
28995
|
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
|
|
28996
|
+
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
28990
28997
|
}
|
|
28991
28998
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
|
|
28992
28999
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
@@ -28995,8 +29002,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28995
29002
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
|
|
28996
29003
|
}
|
|
28997
29004
|
.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
29005
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
|
29006
|
+
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
29000
29007
|
}
|
|
29001
29008
|
.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
29009
|
border: none;
|
|
@@ -29021,11 +29028,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29021
29028
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
29022
29029
|
visibility: hidden;
|
|
29023
29030
|
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
29031
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29024
29032
|
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
29033
|
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
29026
29034
|
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
29035
|
transition-property: opacity, translate, visibility, background-color;
|
|
29028
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29029
29036
|
}
|
|
29030
29037
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
29031
29038
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
@@ -29033,9 +29040,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29033
29040
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
29034
29041
|
visibility: visible;
|
|
29035
29042
|
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
29043
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
29036
29044
|
transition-delay: 0s;
|
|
29037
29045
|
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
29046
|
}
|
|
29040
29047
|
.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
29048
|
max-height: 99999px;
|
|
@@ -29101,8 +29108,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29101
29108
|
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
29102
29109
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
29103
29110
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29104
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29105
29111
|
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29112
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29106
29113
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
29107
29114
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
29108
29115
|
}
|
|
@@ -29131,10 +29138,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29131
29138
|
text-align: start;
|
|
29132
29139
|
white-space: inherit;
|
|
29133
29140
|
user-select: text;
|
|
29141
|
+
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29134
29142
|
background-color: var(--pf-v6-c-table__button--BackgroundColor);
|
|
29135
29143
|
border: 0;
|
|
29136
29144
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
29137
|
-
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29138
29145
|
}
|
|
29139
29146
|
.pf-v6-c-table__button::after {
|
|
29140
29147
|
position: absolute;
|
|
@@ -29228,10 +29235,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29228
29235
|
}
|
|
29229
29236
|
|
|
29230
29237
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
29238
|
+
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29231
29239
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
29232
29240
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
29233
29241
|
transition-property: transform;
|
|
29234
|
-
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29235
29242
|
}
|
|
29236
29243
|
.pf-v6-c-table__toggle svg {
|
|
29237
29244
|
pointer-events: none;
|
|
@@ -29787,8 +29794,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29787
29794
|
}
|
|
29788
29795
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
29789
29796
|
position: relative;
|
|
29790
|
-
border: none;
|
|
29791
29797
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
29798
|
+
border: none;
|
|
29792
29799
|
}
|
|
29793
29800
|
.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
29801
|
position: absolute;
|
|
@@ -29826,7 +29833,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29826
29833
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
29827
29834
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
29828
29835
|
grid-column: 1;
|
|
29829
|
-
|
|
29836
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
29830
29837
|
align-items: start;
|
|
29831
29838
|
}
|
|
29832
29839
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -29929,8 +29936,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29929
29936
|
}
|
|
29930
29937
|
.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
29938
|
position: relative;
|
|
29932
|
-
border: none;
|
|
29933
29939
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
29940
|
+
border: none;
|
|
29934
29941
|
}
|
|
29935
29942
|
.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
29943
|
position: absolute;
|
|
@@ -29968,7 +29975,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29968
29975
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
29969
29976
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
29970
29977
|
grid-column: 1;
|
|
29971
|
-
|
|
29978
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
29972
29979
|
align-items: start;
|
|
29973
29980
|
}
|
|
29974
29981
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30072,8 +30079,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30072
30079
|
}
|
|
30073
30080
|
.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
30081
|
position: relative;
|
|
30075
|
-
border: none;
|
|
30076
30082
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30083
|
+
border: none;
|
|
30077
30084
|
}
|
|
30078
30085
|
.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
30086
|
position: absolute;
|
|
@@ -30111,7 +30118,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30111
30118
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30112
30119
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30113
30120
|
grid-column: 1;
|
|
30114
|
-
|
|
30121
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30115
30122
|
align-items: start;
|
|
30116
30123
|
}
|
|
30117
30124
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30215,8 +30222,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30215
30222
|
}
|
|
30216
30223
|
.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
30224
|
position: relative;
|
|
30218
|
-
border: none;
|
|
30219
30225
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30226
|
+
border: none;
|
|
30220
30227
|
}
|
|
30221
30228
|
.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
30229
|
position: absolute;
|
|
@@ -30254,7 +30261,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30254
30261
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30255
30262
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30256
30263
|
grid-column: 1;
|
|
30257
|
-
|
|
30264
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30258
30265
|
align-items: start;
|
|
30259
30266
|
}
|
|
30260
30267
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30358,8 +30365,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30358
30365
|
}
|
|
30359
30366
|
.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
30367
|
position: relative;
|
|
30361
|
-
border: none;
|
|
30362
30368
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30369
|
+
border: none;
|
|
30363
30370
|
}
|
|
30364
30371
|
.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
30372
|
position: absolute;
|
|
@@ -30397,7 +30404,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30397
30404
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30398
30405
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30399
30406
|
grid-column: 1;
|
|
30400
|
-
|
|
30407
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30401
30408
|
align-items: start;
|
|
30402
30409
|
}
|
|
30403
30410
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30950,8 +30957,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30950
30957
|
|
|
30951
30958
|
.pf-v6-c-tabs__toggle-icon {
|
|
30952
30959
|
display: inline-block;
|
|
30953
|
-
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
30954
30960
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
30961
|
+
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
30955
30962
|
}
|
|
30956
30963
|
|
|
30957
30964
|
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
@@ -31115,8 +31122,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31115
31122
|
align-self: end;
|
|
31116
31123
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
31117
31124
|
color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
|
|
31118
|
-
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31119
31125
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
31126
|
+
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31120
31127
|
}
|
|
31121
31128
|
|
|
31122
31129
|
.pf-v6-c-tabs__item-action {
|
|
@@ -31379,10 +31386,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31379
31386
|
border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
|
|
31380
31387
|
border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
|
|
31381
31388
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
31389
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31382
31390
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
31383
31391
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
31384
31392
|
transition-property: width, height, translate;
|
|
31385
|
-
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31386
31393
|
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
31387
31394
|
}
|
|
31388
31395
|
: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 +31595,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31588
31595
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
31589
31596
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
31590
31597
|
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
31598
|
+
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31591
31599
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
31592
31600
|
border: 0;
|
|
31593
|
-
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31594
31601
|
}
|
|
31595
31602
|
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
31596
31603
|
grid-area: text-input;
|
|
@@ -31798,7 +31805,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31798
31805
|
|
|
31799
31806
|
.pf-v6-c-title {
|
|
31800
31807
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
31801
|
-
|
|
31808
|
+
overflow-wrap: break-word;
|
|
31802
31809
|
}
|
|
31803
31810
|
.pf-v6-c-title.pf-m-4xl {
|
|
31804
31811
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -32581,10 +32588,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32581
32588
|
|
|
32582
32589
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
32583
32590
|
display: inline-flex;
|
|
32591
|
+
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32584
32592
|
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
32585
32593
|
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
32586
32594
|
transition-property: transform;
|
|
32587
|
-
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32588
32595
|
}
|
|
32589
32596
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
32590
32597
|
scale: -1 1;
|
|
@@ -34220,7 +34227,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34220
34227
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
34221
34228
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
34222
34229
|
text-align: center;
|
|
34223
|
-
|
|
34230
|
+
overflow-wrap: break-word;
|
|
34224
34231
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
34225
34232
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
34226
34233
|
}
|
|
@@ -34602,19 +34609,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34602
34609
|
display: inline-block;
|
|
34603
34610
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
34604
34611
|
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
34612
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
34613
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
34607
34614
|
}
|
|
34608
34615
|
|
|
34609
34616
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
34610
|
-
max-height: 0;
|
|
34611
34617
|
visibility: hidden;
|
|
34618
|
+
max-height: 0;
|
|
34612
34619
|
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
34620
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34613
34621
|
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
34614
34622
|
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
34615
34623
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
34616
34624
|
transition-property: opacity, translate, visibility, max-height;
|
|
34617
|
-
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34618
34625
|
}
|
|
34619
34626
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
34620
34627
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -34625,12 +34632,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34625
34632
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
34626
34633
|
}
|
|
34627
34634
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
34628
|
-
max-height: 99999px;
|
|
34629
34635
|
visibility: revert;
|
|
34636
|
+
max-height: 99999px;
|
|
34630
34637
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
34638
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
34631
34639
|
transition-delay: 0s;
|
|
34632
34640
|
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
34641
|
}
|
|
34635
34642
|
|
|
34636
34643
|
.pf-v6-c-tree-view__node,
|
|
@@ -35069,7 +35076,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35069
35076
|
|
|
35070
35077
|
.pf-v6-c-wizard__title {
|
|
35071
35078
|
padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
|
|
35072
|
-
|
|
35079
|
+
overflow-wrap: break-word;
|
|
35073
35080
|
}
|
|
35074
35081
|
|
|
35075
35082
|
.pf-v6-c-wizard__title-text {
|
|
@@ -35132,7 +35139,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35132
35139
|
align-items: baseline;
|
|
35133
35140
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
35134
35141
|
text-align: start;
|
|
35135
|
-
|
|
35142
|
+
overflow-wrap: break-word;
|
|
35136
35143
|
}
|
|
35137
35144
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
35138
35145
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -35268,8 +35275,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35268
35275
|
padding-inline: 0;
|
|
35269
35276
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
35270
35277
|
text-align: start;
|
|
35278
|
+
overflow-wrap: break-word;
|
|
35271
35279
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
35272
|
-
word-break: break-word;
|
|
35273
35280
|
counter-increment: wizard-nav-count;
|
|
35274
35281
|
background-color: transparent;
|
|
35275
35282
|
border: none;
|
|
@@ -35374,10 +35381,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35374
35381
|
|
|
35375
35382
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
35376
35383
|
display: inline-block;
|
|
35384
|
+
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35377
35385
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
35378
35386
|
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
35379
35387
|
transition-property: transform;
|
|
35380
|
-
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35381
35388
|
}
|
|
35382
35389
|
|
|
35383
35390
|
.pf-v6-c-wizard__main {
|
|
@@ -35387,7 +35394,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35387
35394
|
flex-direction: column;
|
|
35388
35395
|
overflow-x: hidden;
|
|
35389
35396
|
overflow-y: auto;
|
|
35390
|
-
|
|
35397
|
+
overflow-wrap: break-word;
|
|
35391
35398
|
}
|
|
35392
35399
|
|
|
35393
35400
|
.pf-v6-c-wizard__main-body {
|
|
@@ -37824,7 +37831,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
37824
37831
|
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
37825
37832
|
}
|
|
37826
37833
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
37827
|
-
|
|
37834
|
+
gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
37828
37835
|
}
|
|
37829
37836
|
.pf-v6-l-gallery {
|
|
37830
37837
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
@@ -38817,7 +38824,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
38817
38824
|
}
|
|
38818
38825
|
}
|
|
38819
38826
|
.pf-v6-l-grid.pf-m-gutter {
|
|
38820
|
-
|
|
38827
|
+
gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
38821
38828
|
}
|
|
38822
38829
|
|
|
38823
38830
|
.pf-v6-l-level {
|