@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
package/patternfly.css
CHANGED
|
@@ -158,9 +158,9 @@ button) {
|
|
|
158
158
|
inset-block-start: 0;
|
|
159
159
|
inset-inline-start: 0;
|
|
160
160
|
overflow: hidden;
|
|
161
|
-
clip: rect(0, 0, 0, 0);
|
|
162
161
|
white-space: nowrap;
|
|
163
162
|
border: 0;
|
|
163
|
+
clip-path: inset(50%);
|
|
164
164
|
}
|
|
165
165
|
.pf-v6-screen-reader.pf-m-full-size {
|
|
166
166
|
width: 100%;
|
|
@@ -263,8 +263,8 @@ button) {
|
|
|
263
263
|
}
|
|
264
264
|
}
|
|
265
265
|
:root {
|
|
266
|
-
container-type: inline-size;
|
|
267
266
|
container-name: pf-v6-contain-viewport pf-v6-contain-table;
|
|
267
|
+
container-type: inline-size;
|
|
268
268
|
}
|
|
269
269
|
|
|
270
270
|
@property --pf-v6-global--danger-jiggle--TranslateX {
|
|
@@ -5884,13 +5884,13 @@ button) {
|
|
|
5884
5884
|
.far,
|
|
5885
5885
|
.fal,
|
|
5886
5886
|
.fab {
|
|
5887
|
-
-moz-osx-font-smoothing: grayscale;
|
|
5888
|
-
-webkit-font-smoothing: antialiased;
|
|
5889
5887
|
display: inline-block;
|
|
5890
5888
|
font-style: normal;
|
|
5891
5889
|
font-variant: normal;
|
|
5892
|
-
text-rendering: auto;
|
|
5893
5890
|
line-height: 1;
|
|
5891
|
+
text-rendering: auto;
|
|
5892
|
+
-moz-osx-font-smoothing: grayscale;
|
|
5893
|
+
-webkit-font-smoothing: antialiased;
|
|
5894
5894
|
}
|
|
5895
5895
|
|
|
5896
5896
|
@font-face {
|
|
@@ -6555,12 +6555,12 @@ button) {
|
|
|
6555
6555
|
--pf-t--color--yellow--60: #96640f;
|
|
6556
6556
|
--pf-t--color--yellow--70: #73480b;
|
|
6557
6557
|
--pf-t--color--yellow--80: #54330b;
|
|
6558
|
-
--pf-t--global--background--color--500:
|
|
6559
|
-
--pf-t--global--background--color--600:
|
|
6560
|
-
--pf-t--global--background--color--700:
|
|
6561
|
-
--pf-t--global--background--color--action--plain--default:
|
|
6558
|
+
--pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
|
|
6559
|
+
--pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
|
|
6560
|
+
--pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
|
|
6561
|
+
--pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
|
|
6562
6562
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
6563
|
-
--pf-t--global--border--color--high-contrast:
|
|
6563
|
+
--pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
|
|
6564
6564
|
--pf-t--global--border--radius--0: 0px;
|
|
6565
6565
|
--pf-t--global--border--radius--100: 4px;
|
|
6566
6566
|
--pf-t--global--border--radius--200: 6px;
|
|
@@ -6598,8 +6598,8 @@ button) {
|
|
|
6598
6598
|
--pf-t--global--box-shadow--blur--100: 6px;
|
|
6599
6599
|
--pf-t--global--box-shadow--blur--200: 10px;
|
|
6600
6600
|
--pf-t--global--box-shadow--blur--300: 20px;
|
|
6601
|
-
--pf-t--global--box-shadow--color--100:
|
|
6602
|
-
--pf-t--global--box-shadow--color--200:
|
|
6601
|
+
--pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
|
|
6602
|
+
--pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
|
|
6603
6603
|
--pf-t--global--box-shadow--spread--100: 0px;
|
|
6604
6604
|
--pf-t--global--box-shadow--spread--200: -4px;
|
|
6605
6605
|
--pf-t--global--box-shadow--spread--300: -8px;
|
|
@@ -7472,10 +7472,10 @@ button) {
|
|
|
7472
7472
|
}
|
|
7473
7473
|
|
|
7474
7474
|
:root:where(.pf-v6-theme-high-contrast) {
|
|
7475
|
-
--pf-t--global--background--color--500:
|
|
7476
|
-
--pf-t--global--background--color--600:
|
|
7477
|
-
--pf-t--global--background--color--700:
|
|
7478
|
-
--pf-t--global--background--color--action--plain--default:
|
|
7475
|
+
--pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
|
|
7476
|
+
--pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
|
|
7477
|
+
--pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
|
|
7478
|
+
--pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
|
|
7479
7479
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
7480
7480
|
--pf-t--global--border--radius--0: 0px;
|
|
7481
7481
|
--pf-t--global--border--radius--100: 4px;
|
|
@@ -7509,8 +7509,8 @@ button) {
|
|
|
7509
7509
|
--pf-t--global--box-shadow--blur--100: 6px;
|
|
7510
7510
|
--pf-t--global--box-shadow--blur--200: 10px;
|
|
7511
7511
|
--pf-t--global--box-shadow--blur--300: 20px;
|
|
7512
|
-
--pf-t--global--box-shadow--color--100:
|
|
7513
|
-
--pf-t--global--box-shadow--color--200:
|
|
7512
|
+
--pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
|
|
7513
|
+
--pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
|
|
7514
7514
|
--pf-t--global--box-shadow--spread--100: 0px;
|
|
7515
7515
|
--pf-t--global--box-shadow--spread--200: -4px;
|
|
7516
7516
|
--pf-t--global--box-shadow--spread--300: -8px;
|
|
@@ -8227,13 +8227,13 @@ button) {
|
|
|
8227
8227
|
}
|
|
8228
8228
|
|
|
8229
8229
|
:root:where(.pf-v6-theme-glass) {
|
|
8230
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
8231
|
-
--pf-t--global--background--color--primary--clicked:
|
|
8232
|
-
--pf-t--global--background--color--primary--default:
|
|
8233
|
-
--pf-t--global--background--color--primary--hover:
|
|
8234
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
8235
|
-
--pf-t--global--background--color--secondary--default:
|
|
8236
|
-
--pf-t--global--background--color--secondary--hover:
|
|
8230
|
+
--pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
|
|
8231
|
+
--pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
|
|
8232
|
+
--pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
|
|
8233
|
+
--pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
|
|
8234
|
+
--pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
|
|
8235
|
+
--pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
|
|
8236
|
+
--pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
|
|
8237
8237
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
8238
8238
|
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
|
|
8239
8239
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
|
|
@@ -8372,13 +8372,13 @@ button) {
|
|
|
8372
8372
|
}
|
|
8373
8373
|
|
|
8374
8374
|
:root:where(.pf-v6-theme-felt.pf-v6-theme-glass) {
|
|
8375
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
8376
|
-
--pf-t--global--background--color--primary--clicked:
|
|
8377
|
-
--pf-t--global--background--color--primary--default:
|
|
8378
|
-
--pf-t--global--background--color--primary--hover:
|
|
8379
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
8380
|
-
--pf-t--global--background--color--secondary--default:
|
|
8381
|
-
--pf-t--global--background--color--secondary--hover:
|
|
8375
|
+
--pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
|
|
8376
|
+
--pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
|
|
8377
|
+
--pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
|
|
8378
|
+
--pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
|
|
8379
|
+
--pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
|
|
8380
|
+
--pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
|
|
8381
|
+
--pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
|
|
8382
8382
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
8383
8383
|
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
|
|
8384
8384
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
|
|
@@ -8399,15 +8399,15 @@ button) {
|
|
|
8399
8399
|
}
|
|
8400
8400
|
|
|
8401
8401
|
:root:where(.pf-v6-theme-dark) {
|
|
8402
|
-
--pf-t--global--background--color--action--plain--default:
|
|
8403
|
-
--pf-t--global--background--color--striped--row--default:
|
|
8402
|
+
--pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
|
|
8403
|
+
--pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
|
|
8404
8404
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
8405
|
-
--pf-t--global--border--color--high-contrast:
|
|
8406
|
-
--pf-t--global--dark--background--color--500:
|
|
8407
|
-
--pf-t--global--dark--background--color--600:
|
|
8408
|
-
--pf-t--global--dark--background--color--700:
|
|
8409
|
-
--pf-t--global--dark--box-shadow--color--100:
|
|
8410
|
-
--pf-t--global--dark--box-shadow--color--200:
|
|
8405
|
+
--pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
|
|
8406
|
+
--pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
|
|
8407
|
+
--pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
|
|
8408
|
+
--pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
|
|
8409
|
+
--pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
|
|
8410
|
+
--pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
|
|
8411
8411
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
8412
8412
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
8413
8413
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
@@ -8857,14 +8857,14 @@ button) {
|
|
|
8857
8857
|
}
|
|
8858
8858
|
|
|
8859
8859
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-high-contrast) {
|
|
8860
|
-
--pf-t--global--background--color--action--plain--default:
|
|
8861
|
-
--pf-t--global--background--color--striped--row--default:
|
|
8860
|
+
--pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
|
|
8861
|
+
--pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
|
|
8862
8862
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
8863
|
-
--pf-t--global--dark--background--color--500:
|
|
8864
|
-
--pf-t--global--dark--background--color--600:
|
|
8865
|
-
--pf-t--global--dark--background--color--700:
|
|
8866
|
-
--pf-t--global--dark--box-shadow--color--100:
|
|
8867
|
-
--pf-t--global--dark--box-shadow--color--200:
|
|
8863
|
+
--pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
|
|
8864
|
+
--pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
|
|
8865
|
+
--pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
|
|
8866
|
+
--pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
|
|
8867
|
+
--pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
|
|
8868
8868
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
8869
8869
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
8870
8870
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9298,13 +9298,13 @@ button) {
|
|
|
9298
9298
|
}
|
|
9299
9299
|
|
|
9300
9300
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-glass) {
|
|
9301
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
9302
|
-
--pf-t--global--background--color--primary--clicked:
|
|
9303
|
-
--pf-t--global--background--color--primary--default:
|
|
9304
|
-
--pf-t--global--background--color--primary--hover:
|
|
9305
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
9306
|
-
--pf-t--global--background--color--secondary--default:
|
|
9307
|
-
--pf-t--global--background--color--secondary--hover:
|
|
9301
|
+
--pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9302
|
+
--pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
|
|
9303
|
+
--pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9304
|
+
--pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
|
|
9305
|
+
--pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
|
|
9306
|
+
--pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
|
|
9307
|
+
--pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
|
|
9308
9308
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
9309
9309
|
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
|
|
9310
9310
|
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9367,13 +9367,13 @@ button) {
|
|
|
9367
9367
|
}
|
|
9368
9368
|
|
|
9369
9369
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-glass) {
|
|
9370
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
9371
|
-
--pf-t--global--background--color--primary--clicked:
|
|
9372
|
-
--pf-t--global--background--color--primary--default:
|
|
9373
|
-
--pf-t--global--background--color--primary--hover:
|
|
9374
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
9375
|
-
--pf-t--global--background--color--secondary--default:
|
|
9376
|
-
--pf-t--global--background--color--secondary--hover:
|
|
9370
|
+
--pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9371
|
+
--pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
|
|
9372
|
+
--pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9373
|
+
--pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
|
|
9374
|
+
--pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
|
|
9375
|
+
--pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
|
|
9376
|
+
--pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
|
|
9377
9377
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
9378
9378
|
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
|
|
9379
9379
|
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9573,7 +9573,7 @@ button) {
|
|
|
9573
9573
|
overflow-x: hidden;
|
|
9574
9574
|
overflow-y: auto;
|
|
9575
9575
|
overscroll-behavior: contain;
|
|
9576
|
-
|
|
9576
|
+
overflow-wrap: break-word;
|
|
9577
9577
|
-webkit-overflow-scrolling: touch;
|
|
9578
9578
|
}
|
|
9579
9579
|
@media screen and (min-width: 36rem) {
|
|
@@ -9833,8 +9833,8 @@ button) {
|
|
|
9833
9833
|
}
|
|
9834
9834
|
|
|
9835
9835
|
.pf-v6-c-accordion__toggle-icon {
|
|
9836
|
-
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9837
9836
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
9837
|
+
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9838
9838
|
}
|
|
9839
9839
|
|
|
9840
9840
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
@@ -9842,6 +9842,7 @@ button) {
|
|
|
9842
9842
|
}
|
|
9843
9843
|
|
|
9844
9844
|
.pf-v6-c-accordion__expandable-content {
|
|
9845
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9845
9846
|
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
|
9846
9847
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
9847
9848
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
@@ -9849,16 +9850,15 @@ button) {
|
|
|
9849
9850
|
overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
|
|
9850
9851
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
9851
9852
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
9852
|
-
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9853
9853
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
9854
9854
|
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
9855
9855
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
9856
9856
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
9857
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9857
9858
|
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);
|
|
9858
9859
|
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
9859
9860
|
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
|
9860
9861
|
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
|
9861
|
-
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9862
9862
|
}
|
|
9863
9863
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
9864
9864
|
--pf-v6-c-accordion__expandable-content--Overflow: auto;
|
|
@@ -10062,8 +10062,8 @@ button) {
|
|
|
10062
10062
|
|
|
10063
10063
|
.pf-v6-c-alert__toggle-icon {
|
|
10064
10064
|
display: inline-block;
|
|
10065
|
-
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
10066
10065
|
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
10066
|
+
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
10067
10067
|
}
|
|
10068
10068
|
|
|
10069
10069
|
.pf-v6-c-alert__icon {
|
|
@@ -10078,7 +10078,7 @@ button) {
|
|
|
10078
10078
|
grid-area: title;
|
|
10079
10079
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
10080
10080
|
color: var(--pf-v6-c-alert__title--Color);
|
|
10081
|
-
|
|
10081
|
+
overflow-wrap: break-word;
|
|
10082
10082
|
}
|
|
10083
10083
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
10084
10084
|
display: -webkit-box;
|
|
@@ -10090,7 +10090,7 @@ button) {
|
|
|
10090
10090
|
.pf-v6-c-alert__description {
|
|
10091
10091
|
grid-area: description;
|
|
10092
10092
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
10093
|
-
|
|
10093
|
+
overflow-wrap: break-word;
|
|
10094
10094
|
}
|
|
10095
10095
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
10096
10096
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -10240,8 +10240,8 @@ button) {
|
|
|
10240
10240
|
display: grid;
|
|
10241
10241
|
grid-template-rows: 1fr;
|
|
10242
10242
|
opacity: 1;
|
|
10243
|
-
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10244
10243
|
transform: translateX(0) translateY(0);
|
|
10244
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10245
10245
|
}
|
|
10246
10246
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
10247
10247
|
.pf-v6-c-alert-group__item {
|
|
@@ -10986,10 +10986,10 @@ button) {
|
|
|
10986
10986
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
10987
10987
|
line-height: inherit;
|
|
10988
10988
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
10989
|
+
overflow-wrap: break-word;
|
|
10989
10990
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
10990
10991
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
10991
10992
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
10992
|
-
word-break: break-word;
|
|
10993
10993
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
10994
10994
|
}
|
|
10995
10995
|
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
@@ -11407,10 +11407,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11407
11407
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
11408
11408
|
color: var(--pf-v6-c-button--Color);
|
|
11409
11409
|
text-align: center;
|
|
11410
|
+
white-space: nowrap;
|
|
11410
11411
|
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
|
11411
11412
|
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
|
11412
11413
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
11413
|
-
white-space: nowrap;
|
|
11414
11414
|
cursor: pointer;
|
|
11415
11415
|
-webkit-user-select: none;
|
|
11416
11416
|
user-select: none;
|
|
@@ -11420,11 +11420,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11420
11420
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11421
11421
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11422
11422
|
border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11423
|
+
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
11423
11424
|
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
11424
11425
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
11425
11426
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
11426
11427
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
11427
|
-
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
11428
11428
|
}
|
|
11429
11429
|
.pf-v6-c-button::after {
|
|
11430
11430
|
position: absolute;
|
|
@@ -11551,10 +11551,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11551
11551
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
11552
11552
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
11553
11553
|
text-align: start;
|
|
11554
|
-
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11555
11554
|
white-space: normal;
|
|
11556
|
-
|
|
11555
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11557
11556
|
outline-offset: 0.125rem;
|
|
11557
|
+
background: transparent;
|
|
11558
11558
|
}
|
|
11559
11559
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
11560
11560
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
@@ -11912,12 +11912,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11912
11912
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
11913
11913
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
11914
11914
|
color: var(--pf-v6-c-button__icon--Color);
|
|
11915
|
+
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
11916
|
+
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
11915
11917
|
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
11916
11918
|
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
11917
11919
|
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
11918
11920
|
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
|
11919
|
-
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
11920
|
-
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
11921
11921
|
}
|
|
11922
11922
|
.pf-v6-c-button__icon.pf-m-start {
|
|
11923
11923
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -12344,8 +12344,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12344
12344
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
|
|
12345
12345
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
|
|
12346
12346
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
|
|
12347
|
-
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
12348
12347
|
box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
|
|
12348
|
+
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
12349
12349
|
}
|
|
12350
12350
|
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
12351
12351
|
gap: 0;
|
|
@@ -12587,9 +12587,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12587
12587
|
}
|
|
12588
12588
|
|
|
12589
12589
|
.pf-v6-c-card__clickable-action {
|
|
12590
|
+
outline: 0;
|
|
12590
12591
|
background: none;
|
|
12591
12592
|
border: 0;
|
|
12592
|
-
outline: 0;
|
|
12593
12593
|
}
|
|
12594
12594
|
.pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
|
|
12595
12595
|
pointer-events: none;
|
|
@@ -12657,7 +12657,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12657
12657
|
.pf-v6-c-check {
|
|
12658
12658
|
display: grid;
|
|
12659
12659
|
grid-template-columns: auto 1fr;
|
|
12660
|
-
|
|
12660
|
+
gap: var(--pf-v6-c-check--GridGap);
|
|
12661
12661
|
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
12662
12662
|
}
|
|
12663
12663
|
.pf-v6-c-check.pf-m-standalone {
|
|
@@ -12788,7 +12788,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12788
12788
|
padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
|
|
12789
12789
|
padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
|
|
12790
12790
|
margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
|
|
12791
|
-
|
|
12791
|
+
overflow-wrap: break-word;
|
|
12792
12792
|
background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
|
|
12793
12793
|
background-clip: padding-box;
|
|
12794
12794
|
border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
|
|
@@ -12804,7 +12804,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12804
12804
|
}
|
|
12805
12805
|
|
|
12806
12806
|
.pf-v6-c-clipboard-copy__text {
|
|
12807
|
-
|
|
12807
|
+
overflow-wrap: break-word;
|
|
12808
12808
|
white-space: normal;
|
|
12809
12809
|
}
|
|
12810
12810
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -13293,8 +13293,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13293
13293
|
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
13294
13294
|
.pf-v6-c-compass__main-footer,
|
|
13295
13295
|
.pf-v6-c-compass__footer {
|
|
13296
|
-
margin: 0;
|
|
13297
13296
|
visibility: hidden;
|
|
13297
|
+
margin: 0;
|
|
13298
13298
|
opacity: 0;
|
|
13299
13299
|
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
13300
13300
|
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
@@ -13412,15 +13412,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13412
13412
|
inset-inline-start: 0;
|
|
13413
13413
|
z-index: var(--pf-v6-c-compass__dock--ZIndex);
|
|
13414
13414
|
display: flex;
|
|
13415
|
+
visibility: hidden;
|
|
13415
13416
|
flex-direction: column;
|
|
13416
13417
|
grid-area: dock;
|
|
13417
13418
|
width: var(--pf-v6-c-compass__dock--Width);
|
|
13418
|
-
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
13419
13419
|
translate: -100% 0;
|
|
13420
|
+
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);
|
|
13420
13421
|
}
|
|
13421
13422
|
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
13422
13423
|
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
13424
|
+
visibility: visible;
|
|
13423
13425
|
translate: 0;
|
|
13426
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
13424
13427
|
}
|
|
13425
13428
|
@media (min-width: 62rem) {
|
|
13426
13429
|
.pf-v6-c-compass__dock {
|
|
@@ -13428,6 +13431,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13428
13431
|
--pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
|
|
13429
13432
|
position: revert;
|
|
13430
13433
|
inset: revert;
|
|
13434
|
+
visibility: revert;
|
|
13431
13435
|
width: auto;
|
|
13432
13436
|
translate: 0;
|
|
13433
13437
|
}
|
|
@@ -13442,9 +13446,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13442
13446
|
.pf-v6-c-compass__dock-main {
|
|
13443
13447
|
flex-grow: 1;
|
|
13444
13448
|
background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
|
|
13445
|
-
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13446
13449
|
border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
|
|
13447
13450
|
box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
|
|
13451
|
+
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13448
13452
|
}
|
|
13449
13453
|
.pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
|
|
13450
13454
|
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);
|
|
@@ -13775,8 +13779,8 @@ ul) {
|
|
|
13775
13779
|
@media screen and (min-width: 36rem) {
|
|
13776
13780
|
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
13777
13781
|
grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
|
|
13778
|
-
|
|
13779
|
-
|
|
13782
|
+
row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
13783
|
+
column-gap: var(--pf-v6-c-content--dl--ColumnGap);
|
|
13780
13784
|
}
|
|
13781
13785
|
}
|
|
13782
13786
|
|
|
@@ -14565,8 +14569,8 @@ ul) {
|
|
|
14565
14569
|
.pf-v6-c-data-list__toggle-icon {
|
|
14566
14570
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
14567
14571
|
pointer-events: none;
|
|
14568
|
-
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14569
14572
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
14573
|
+
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14570
14574
|
}
|
|
14571
14575
|
|
|
14572
14576
|
.pf-v6-c-data-list__item-content {
|
|
@@ -14783,7 +14787,6 @@ ul) {
|
|
|
14783
14787
|
width: 100%;
|
|
14784
14788
|
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
14785
14789
|
break-inside: avoid;
|
|
14786
|
-
page-break-inside: avoid;
|
|
14787
14790
|
-webkit-column-break-inside: avoid;
|
|
14788
14791
|
-moz-column-break-inside: avoid;
|
|
14789
14792
|
}
|
|
@@ -15191,9 +15194,9 @@ ul) {
|
|
|
15191
15194
|
max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
|
|
15192
15195
|
margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
|
|
15193
15196
|
overflow: auto;
|
|
15197
|
+
outline-offset: 2px;
|
|
15194
15198
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
15195
15199
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
15196
|
-
outline-offset: 2px;
|
|
15197
15200
|
}
|
|
15198
15201
|
|
|
15199
15202
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -15229,25 +15232,25 @@ ul) {
|
|
|
15229
15232
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
15230
15233
|
}
|
|
15231
15234
|
.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 {
|
|
15232
|
-
max-height: 0;
|
|
15233
15235
|
visibility: hidden;
|
|
15236
|
+
max-height: 0;
|
|
15234
15237
|
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
15238
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15235
15239
|
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
|
15236
15240
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
15237
15241
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
|
15238
15242
|
transition-property: opacity, translate, visibility, max-height;
|
|
15239
|
-
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15240
15243
|
}
|
|
15241
15244
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
15242
15245
|
--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);
|
|
15243
15246
|
}
|
|
15244
15247
|
.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 {
|
|
15245
|
-
max-height: 99999px;
|
|
15246
15248
|
visibility: revert;
|
|
15249
|
+
max-height: 99999px;
|
|
15247
15250
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
15251
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
15248
15252
|
transition-delay: 0s;
|
|
15249
15253
|
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;
|
|
15250
|
-
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
15251
15254
|
}
|
|
15252
15255
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
15253
15256
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
@@ -15382,10 +15385,10 @@ ul) {
|
|
|
15382
15385
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
15383
15386
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
15384
15387
|
text-align: center;
|
|
15388
|
+
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15385
15389
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
15386
15390
|
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
15387
15391
|
transition-property: transform;
|
|
15388
|
-
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15389
15392
|
}
|
|
15390
15393
|
|
|
15391
15394
|
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
@@ -16170,6 +16173,7 @@ ul) {
|
|
|
16170
16173
|
.pf-v6-c-drawer__panel {
|
|
16171
16174
|
position: relative;
|
|
16172
16175
|
z-index: var(--pf-v6-c-drawer__panel--ZIndex);
|
|
16176
|
+
visibility: hidden;
|
|
16173
16177
|
flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
|
|
16174
16178
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
16175
16179
|
order: 1;
|
|
@@ -16177,7 +16181,6 @@ ul) {
|
|
|
16177
16181
|
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
16178
16182
|
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
16179
16183
|
overflow: auto;
|
|
16180
|
-
visibility: hidden;
|
|
16181
16184
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
16182
16185
|
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
16183
16186
|
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
@@ -16287,8 +16290,8 @@ ul) {
|
|
|
16287
16290
|
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
16288
16291
|
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
16289
16292
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
16290
|
-
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16291
16293
|
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
16294
|
+
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16292
16295
|
}
|
|
16293
16296
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
16294
16297
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -17078,8 +17081,8 @@ ul) {
|
|
|
17078
17081
|
display: inline-block;
|
|
17079
17082
|
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
17080
17083
|
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
17081
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
17082
17084
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
17085
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
17083
17086
|
}
|
|
17084
17087
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
17085
17088
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
@@ -17094,15 +17097,15 @@ ul) {
|
|
|
17094
17097
|
display: revert;
|
|
17095
17098
|
}
|
|
17096
17099
|
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
17100
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
17097
17101
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
17098
17102
|
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
17099
|
-
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
17100
17103
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
17104
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
17101
17105
|
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
17102
17106
|
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
17103
17107
|
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
17104
17108
|
transition-property: opacity, translate, visibility, max-height;
|
|
17105
|
-
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
17106
17109
|
}
|
|
17107
17110
|
|
|
17108
17111
|
.pf-v6-c-file-upload {
|
|
@@ -17273,7 +17276,7 @@ ul) {
|
|
|
17273
17276
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
|
|
17274
17277
|
display: grid;
|
|
17275
17278
|
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);
|
|
17276
|
-
|
|
17279
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17277
17280
|
}
|
|
17278
17281
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
|
|
17279
17282
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17301,7 +17304,7 @@ ul) {
|
|
|
17301
17304
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
|
|
17302
17305
|
display: grid;
|
|
17303
17306
|
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);
|
|
17304
|
-
|
|
17307
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17305
17308
|
}
|
|
17306
17309
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
|
|
17307
17310
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17329,7 +17332,7 @@ ul) {
|
|
|
17329
17332
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
|
|
17330
17333
|
display: grid;
|
|
17331
17334
|
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);
|
|
17332
|
-
|
|
17335
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17333
17336
|
}
|
|
17334
17337
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
|
|
17335
17338
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17357,7 +17360,7 @@ ul) {
|
|
|
17357
17360
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
|
|
17358
17361
|
display: grid;
|
|
17359
17362
|
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);
|
|
17360
|
-
|
|
17363
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17361
17364
|
}
|
|
17362
17365
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
|
|
17363
17366
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17385,7 +17388,7 @@ ul) {
|
|
|
17385
17388
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
|
|
17386
17389
|
display: grid;
|
|
17387
17390
|
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);
|
|
17388
|
-
|
|
17391
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17389
17392
|
}
|
|
17390
17393
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
|
|
17391
17394
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17413,7 +17416,7 @@ ul) {
|
|
|
17413
17416
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
|
|
17414
17417
|
display: grid;
|
|
17415
17418
|
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);
|
|
17416
|
-
|
|
17419
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17417
17420
|
}
|
|
17418
17421
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
|
|
17419
17422
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17441,7 +17444,7 @@ ul) {
|
|
|
17441
17444
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
|
|
17442
17445
|
display: grid;
|
|
17443
17446
|
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);
|
|
17444
|
-
|
|
17447
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17445
17448
|
}
|
|
17446
17449
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
|
|
17447
17450
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17614,14 +17617,14 @@ ul) {
|
|
|
17614
17617
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
17615
17618
|
}
|
|
17616
17619
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17620
|
+
visibility: visible;
|
|
17617
17621
|
max-height: 99999px;
|
|
17618
17622
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
17619
17623
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17620
|
-
visibility: visible;
|
|
17621
17624
|
opacity: 1;
|
|
17625
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17622
17626
|
transition-delay: 0s;
|
|
17623
17627
|
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;
|
|
17624
|
-
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17625
17628
|
}
|
|
17626
17629
|
|
|
17627
17630
|
.pf-v6-c-form__field-group-toggle {
|
|
@@ -17643,10 +17646,10 @@ ul) {
|
|
|
17643
17646
|
display: inline-block;
|
|
17644
17647
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
17645
17648
|
text-align: center;
|
|
17649
|
+
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17646
17650
|
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
17647
17651
|
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
17648
17652
|
transition-property: transform;
|
|
17649
|
-
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17650
17653
|
}
|
|
17651
17654
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
17652
17655
|
scale: -1 1;
|
|
@@ -17695,15 +17698,15 @@ ul) {
|
|
|
17695
17698
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17696
17699
|
}
|
|
17697
17700
|
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17701
|
+
visibility: hidden;
|
|
17698
17702
|
max-height: 0;
|
|
17699
17703
|
padding-block-start: 0;
|
|
17700
17704
|
padding-block-end: 0;
|
|
17701
|
-
visibility: hidden;
|
|
17702
17705
|
opacity: 0;
|
|
17706
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17703
17707
|
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);
|
|
17704
17708
|
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;
|
|
17705
17709
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
17706
|
-
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17707
17710
|
}
|
|
17708
17711
|
|
|
17709
17712
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
@@ -17863,10 +17866,10 @@ ul) {
|
|
|
17863
17866
|
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
17864
17867
|
color: var(--pf-v6-c-form-control--Color);
|
|
17865
17868
|
appearance: none;
|
|
17869
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17866
17870
|
background-color: transparent;
|
|
17867
17871
|
border: none;
|
|
17868
17872
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
17869
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17870
17873
|
}
|
|
17871
17874
|
.pf-v6-c-form-control > ::placeholder {
|
|
17872
17875
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
@@ -18232,8 +18235,8 @@ ul) {
|
|
|
18232
18235
|
:where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
|
|
18233
18236
|
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
18234
18237
|
--pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
|
|
18235
|
-
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18236
18238
|
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
18239
|
+
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18237
18240
|
}
|
|
18238
18241
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
18239
18242
|
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
@@ -18269,7 +18272,7 @@ ul) {
|
|
|
18269
18272
|
.pf-v6-c-hint {
|
|
18270
18273
|
display: grid;
|
|
18271
18274
|
grid-template-columns: 1fr auto;
|
|
18272
|
-
|
|
18275
|
+
row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
18273
18276
|
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
18274
18277
|
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
18275
18278
|
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
@@ -18717,20 +18720,20 @@ ul) {
|
|
|
18717
18720
|
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
18718
18721
|
}
|
|
18719
18722
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
|
|
18723
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
18720
18724
|
flex-grow: 1;
|
|
18721
18725
|
max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
|
|
18722
|
-
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
18723
18726
|
opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
|
|
18727
|
+
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
18728
|
+
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
18724
18729
|
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);
|
|
18725
18730
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
|
18726
18731
|
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;
|
|
18727
18732
|
transition-property: opacity, scale, visibility, max-width;
|
|
18728
|
-
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
18729
|
-
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
18730
18733
|
}
|
|
18731
18734
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
|
|
18732
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
18733
18735
|
visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
|
|
18736
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
18734
18737
|
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
|
18735
18738
|
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
18736
18739
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
|
@@ -18738,8 +18741,8 @@ ul) {
|
|
|
18738
18741
|
transition-property: opacity, visibility, max-width;
|
|
18739
18742
|
}
|
|
18740
18743
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
|
|
18741
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
18742
18744
|
visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
|
|
18745
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
18743
18746
|
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
|
18744
18747
|
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);
|
|
18745
18748
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
|
@@ -19066,10 +19069,10 @@ label.pf-v6-c-input-group__text {
|
|
|
19066
19069
|
.pf-v6-c-jump-links__toggle-icon {
|
|
19067
19070
|
display: inline-block;
|
|
19068
19071
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
19072
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
19069
19073
|
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
19070
19074
|
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
19071
19075
|
transition-property: transform;
|
|
19072
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
19073
19076
|
}
|
|
19074
19077
|
|
|
19075
19078
|
.pf-v6-c-label {
|
|
@@ -19282,9 +19285,9 @@ label.pf-v6-c-input-group__text {
|
|
|
19282
19285
|
font-size: var(--pf-v6-c-label--FontSize);
|
|
19283
19286
|
white-space: nowrap;
|
|
19284
19287
|
background: transparent;
|
|
19285
|
-
isolation: isolate;
|
|
19286
19288
|
border: 0;
|
|
19287
19289
|
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
19290
|
+
isolation: isolate;
|
|
19288
19291
|
}
|
|
19289
19292
|
.pf-v6-c-label.pf-m-blue {
|
|
19290
19293
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
|
@@ -19942,7 +19945,7 @@ ul.pf-v6-c-list {
|
|
|
19942
19945
|
display: grid;
|
|
19943
19946
|
grid-template-areas: "main header" "main footer" "main .";
|
|
19944
19947
|
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
19945
|
-
|
|
19948
|
+
column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
19946
19949
|
justify-content: center;
|
|
19947
19950
|
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
19948
19951
|
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
@@ -19968,10 +19971,10 @@ ul.pf-v6-c-list {
|
|
|
19968
19971
|
align-self: start;
|
|
19969
19972
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
19970
19973
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
19971
|
-
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19972
19974
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
19973
19975
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
19974
19976
|
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
19977
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19975
19978
|
}
|
|
19976
19979
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
19977
19980
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -20315,9 +20318,9 @@ ul.pf-v6-c-list {
|
|
|
20315
20318
|
}
|
|
20316
20319
|
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
20317
20320
|
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
20318
|
-
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20319
20321
|
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
20320
20322
|
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
20323
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20321
20324
|
}
|
|
20322
20325
|
|
|
20323
20326
|
.pf-v6-c-masthead__main {
|
|
@@ -21026,8 +21029,8 @@ ul.pf-v6-c-list {
|
|
|
21026
21029
|
}
|
|
21027
21030
|
|
|
21028
21031
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
|
|
21029
|
-
overflow: hidden;
|
|
21030
21032
|
visibility: visible;
|
|
21033
|
+
overflow: hidden;
|
|
21031
21034
|
transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
|
|
21032
21035
|
}
|
|
21033
21036
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
|
|
@@ -21053,8 +21056,8 @@ ul.pf-v6-c-list {
|
|
|
21053
21056
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21054
21057
|
}
|
|
21055
21058
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
|
|
21056
|
-
overflow: visible;
|
|
21057
21059
|
visibility: hidden;
|
|
21060
|
+
overflow: visible;
|
|
21058
21061
|
}
|
|
21059
21062
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
|
|
21060
21063
|
.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) {
|
|
@@ -21195,10 +21198,10 @@ ul.pf-v6-c-list {
|
|
|
21195
21198
|
color: var(--pf-v6-c-menu__item--Color);
|
|
21196
21199
|
text-align: start;
|
|
21197
21200
|
text-decoration-line: none;
|
|
21201
|
+
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21198
21202
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
21199
21203
|
border: 0;
|
|
21200
21204
|
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
21201
|
-
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21202
21205
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
21203
21206
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
21204
21207
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
@@ -21292,7 +21295,7 @@ ul.pf-v6-c-list {
|
|
|
21292
21295
|
.pf-v6-c-menu__item-description {
|
|
21293
21296
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
21294
21297
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
21295
|
-
|
|
21298
|
+
overflow-wrap: break-word;
|
|
21296
21299
|
}
|
|
21297
21300
|
|
|
21298
21301
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -21875,10 +21878,10 @@ ul.pf-v6-c-list {
|
|
|
21875
21878
|
|
|
21876
21879
|
.pf-v6-c-menu-toggle__icon {
|
|
21877
21880
|
flex-shrink: 0;
|
|
21881
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21878
21882
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
21879
21883
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
21880
21884
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
21881
|
-
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21882
21885
|
}
|
|
21883
21886
|
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
21884
21887
|
vertical-align: middle;
|
|
@@ -22086,7 +22089,7 @@ ul.pf-v6-c-list {
|
|
|
22086
22089
|
overflow-x: hidden;
|
|
22087
22090
|
overflow-y: auto;
|
|
22088
22091
|
overscroll-behavior: contain;
|
|
22089
|
-
|
|
22092
|
+
overflow-wrap: break-word;
|
|
22090
22093
|
-webkit-overflow-scrolling: touch;
|
|
22091
22094
|
}
|
|
22092
22095
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -22535,17 +22538,17 @@ ul.pf-v6-c-list {
|
|
|
22535
22538
|
|
|
22536
22539
|
.pf-v6-c-nav__subnav {
|
|
22537
22540
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
22541
|
+
visibility: visible;
|
|
22538
22542
|
max-height: 99999px;
|
|
22539
22543
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
22540
22544
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
22541
22545
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
22542
22546
|
overflow-y: clip;
|
|
22543
|
-
|
|
22547
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22544
22548
|
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);
|
|
22545
22549
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
22546
22550
|
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
22547
22551
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
22548
|
-
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22549
22552
|
}
|
|
22550
22553
|
.pf-v6-c-nav__subnav[hidden] {
|
|
22551
22554
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
@@ -22555,8 +22558,8 @@ ul.pf-v6-c-list {
|
|
|
22555
22558
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
22556
22559
|
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
22557
22560
|
display: grid;
|
|
22558
|
-
max-height: 0;
|
|
22559
22561
|
visibility: hidden;
|
|
22562
|
+
max-height: 0;
|
|
22560
22563
|
opacity: 0;
|
|
22561
22564
|
}
|
|
22562
22565
|
|
|
@@ -22574,10 +22577,10 @@ ul.pf-v6-c-list {
|
|
|
22574
22577
|
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
22575
22578
|
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
22576
22579
|
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
22580
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22577
22581
|
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
22578
22582
|
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
22579
22583
|
transition-property: scale;
|
|
22580
|
-
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22581
22584
|
}
|
|
22582
22585
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
22583
22586
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
@@ -22665,10 +22668,10 @@ ul.pf-v6-c-list {
|
|
|
22665
22668
|
|
|
22666
22669
|
.pf-v6-c-nav__toggle-icon {
|
|
22667
22670
|
display: inline-block;
|
|
22671
|
+
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22668
22672
|
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
22669
22673
|
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
22670
22674
|
transition-property: transform;
|
|
22671
|
-
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22672
22675
|
}
|
|
22673
22676
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
22674
22677
|
scale: -1 1;
|
|
@@ -22901,9 +22904,9 @@ ul.pf-v6-c-list {
|
|
|
22901
22904
|
padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
|
|
22902
22905
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
22903
22906
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
22907
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22904
22908
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
22905
22909
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
22906
|
-
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22907
22910
|
}
|
|
22908
22911
|
.pf-v6-c-notification-drawer__list-item::before {
|
|
22909
22912
|
position: absolute;
|
|
@@ -22960,7 +22963,7 @@ ul.pf-v6-c-list {
|
|
|
22960
22963
|
|
|
22961
22964
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
22962
22965
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
22963
|
-
|
|
22966
|
+
overflow-wrap: break-word;
|
|
22964
22967
|
}
|
|
22965
22968
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
22966
22969
|
display: -webkit-box;
|
|
@@ -22982,7 +22985,7 @@ ul.pf-v6-c-list {
|
|
|
22982
22985
|
grid-row: 2/3;
|
|
22983
22986
|
grid-column: 1/2;
|
|
22984
22987
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
22985
|
-
|
|
22988
|
+
overflow-wrap: break-word;
|
|
22986
22989
|
}
|
|
22987
22990
|
|
|
22988
22991
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -23013,9 +23016,9 @@ ul.pf-v6-c-list {
|
|
|
23013
23016
|
padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
|
|
23014
23017
|
padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
|
|
23015
23018
|
padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
|
|
23019
|
+
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
23016
23020
|
background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
|
|
23017
23021
|
border: none;
|
|
23018
|
-
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
23019
23022
|
}
|
|
23020
23023
|
|
|
23021
23024
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
@@ -23027,7 +23030,7 @@ ul.pf-v6-c-list {
|
|
|
23027
23030
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
23028
23031
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
23029
23032
|
text-align: start;
|
|
23030
|
-
|
|
23033
|
+
overflow-wrap: break-word;
|
|
23031
23034
|
}
|
|
23032
23035
|
|
|
23033
23036
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -23497,10 +23500,11 @@ ul.pf-v6-c-list {
|
|
|
23497
23500
|
inset-inline-start: 0;
|
|
23498
23501
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
23499
23502
|
display: flex;
|
|
23503
|
+
visibility: hidden;
|
|
23500
23504
|
flex-direction: column;
|
|
23501
23505
|
grid-area: dock;
|
|
23502
23506
|
width: var(--pf-v6-c-page__dock--Width);
|
|
23503
|
-
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
|
|
23507
|
+
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);
|
|
23504
23508
|
translate: -100% 0;
|
|
23505
23509
|
}
|
|
23506
23510
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
|
|
@@ -23509,7 +23513,9 @@ ul.pf-v6-c-list {
|
|
|
23509
23513
|
|
|
23510
23514
|
.pf-v6-c-page__dock.pf-m-expanded {
|
|
23511
23515
|
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
|
|
23516
|
+
visibility: visible;
|
|
23512
23517
|
translate: 0;
|
|
23518
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
23513
23519
|
}
|
|
23514
23520
|
@media (min-width: 62rem) {
|
|
23515
23521
|
.pf-v6-c-page__dock {
|
|
@@ -23517,6 +23523,7 @@ ul.pf-v6-c-list {
|
|
|
23517
23523
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
23518
23524
|
position: revert;
|
|
23519
23525
|
inset: revert;
|
|
23526
|
+
visibility: revert;
|
|
23520
23527
|
width: auto;
|
|
23521
23528
|
translate: 0;
|
|
23522
23529
|
}
|
|
@@ -23531,9 +23538,9 @@ ul.pf-v6-c-list {
|
|
|
23531
23538
|
.pf-v6-c-page__dock-main {
|
|
23532
23539
|
flex-grow: 1;
|
|
23533
23540
|
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
23534
|
-
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23535
23541
|
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
23536
23542
|
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
23543
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23537
23544
|
}
|
|
23538
23545
|
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
23539
23546
|
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);
|
|
@@ -23615,10 +23622,10 @@ ul.pf-v6-c-list {
|
|
|
23615
23622
|
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
23616
23623
|
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
23617
23624
|
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
23618
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23619
23625
|
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
23620
23626
|
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
23621
23627
|
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
23628
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23622
23629
|
}
|
|
23623
23630
|
|
|
23624
23631
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -23984,7 +23991,6 @@ ul.pf-v6-c-list {
|
|
|
23984
23991
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
23985
23992
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
23986
23993
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
23987
|
-
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23988
23994
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
23989
23995
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
23990
23996
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
@@ -23992,6 +23998,7 @@ ul.pf-v6-c-list {
|
|
|
23992
23998
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
23993
23999
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
23994
24000
|
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
24001
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23995
24002
|
}
|
|
23996
24003
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
23997
24004
|
.pf-v6-c-page__main-container {
|
|
@@ -25016,7 +25023,7 @@ ul.pf-v6-c-list {
|
|
|
25016
25023
|
}
|
|
25017
25024
|
|
|
25018
25025
|
.pf-v6-c-popover__body {
|
|
25019
|
-
|
|
25026
|
+
overflow-wrap: break-word;
|
|
25020
25027
|
}
|
|
25021
25028
|
|
|
25022
25029
|
.pf-v6-c-popover__footer {
|
|
@@ -25061,7 +25068,7 @@ ul.pf-v6-c-list {
|
|
|
25061
25068
|
display: grid;
|
|
25062
25069
|
grid-template-rows: 1fr auto;
|
|
25063
25070
|
grid-template-columns: auto auto;
|
|
25064
|
-
|
|
25071
|
+
gap: var(--pf-v6-c-progress--GridGap);
|
|
25065
25072
|
align-items: end;
|
|
25066
25073
|
}
|
|
25067
25074
|
.pf-v6-c-progress.pf-m-sm {
|
|
@@ -25155,7 +25162,7 @@ ul.pf-v6-c-list {
|
|
|
25155
25162
|
|
|
25156
25163
|
.pf-v6-c-progress__description {
|
|
25157
25164
|
grid-column: 1/2;
|
|
25158
|
-
|
|
25165
|
+
overflow-wrap: break-word;
|
|
25159
25166
|
}
|
|
25160
25167
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
25161
25168
|
overflow: hidden;
|
|
@@ -25171,7 +25178,7 @@ ul.pf-v6-c-list {
|
|
|
25171
25178
|
align-items: flex-start;
|
|
25172
25179
|
justify-content: flex-end;
|
|
25173
25180
|
text-align: end;
|
|
25174
|
-
|
|
25181
|
+
overflow-wrap: break-word;
|
|
25175
25182
|
}
|
|
25176
25183
|
|
|
25177
25184
|
.pf-v6-c-progress__status-icon {
|
|
@@ -25434,9 +25441,9 @@ ul.pf-v6-c-list {
|
|
|
25434
25441
|
inset-block-start: 0;
|
|
25435
25442
|
inset-inline-start: 0;
|
|
25436
25443
|
overflow: hidden;
|
|
25437
|
-
clip: rect(0, 0, 0, 0);
|
|
25438
25444
|
white-space: nowrap;
|
|
25439
25445
|
border: 0;
|
|
25446
|
+
clip-path: inset(50%);
|
|
25440
25447
|
}
|
|
25441
25448
|
.pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
|
|
25442
25449
|
grid-row: 1/2;
|
|
@@ -25858,7 +25865,7 @@ ul.pf-v6-c-list {
|
|
|
25858
25865
|
.pf-v6-c-radio {
|
|
25859
25866
|
display: grid;
|
|
25860
25867
|
grid-template-columns: auto 1fr;
|
|
25861
|
-
|
|
25868
|
+
gap: var(--pf-v6-c-radio--GridGap);
|
|
25862
25869
|
align-items: baseline;
|
|
25863
25870
|
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
25864
25871
|
}
|
|
@@ -26853,10 +26860,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26853
26860
|
width: 100%;
|
|
26854
26861
|
height: 100%;
|
|
26855
26862
|
stroke: var(--pf-v6-c-spinner--Color);
|
|
26863
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
26864
|
+
stroke-linecap: round;
|
|
26856
26865
|
stroke-dasharray: 283;
|
|
26857
26866
|
stroke-dashoffset: 280;
|
|
26858
|
-
stroke-linecap: round;
|
|
26859
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
26860
26867
|
transform-origin: 50% 50%;
|
|
26861
26868
|
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
26862
26869
|
}
|
|
@@ -27016,8 +27023,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27016
27023
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
27017
27024
|
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
27018
27025
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
27019
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
27020
27026
|
transform: translateY(-50%);
|
|
27027
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
27021
27028
|
}
|
|
27022
27029
|
.pf-v6-c-switch__toggle::after {
|
|
27023
27030
|
position: absolute;
|
|
@@ -29014,11 +29021,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29014
29021
|
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
29015
29022
|
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
29016
29023
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29024
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29017
29025
|
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
29018
29026
|
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
29019
29027
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29020
29028
|
color: var(--pf-v6-c-table--cell--Color);
|
|
29021
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29022
29029
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
29023
29030
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
29024
29031
|
}
|
|
@@ -29124,24 +29131,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29124
29131
|
}
|
|
29125
29132
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
|
|
29126
29133
|
cursor: pointer;
|
|
29127
|
-
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
29128
29134
|
outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
|
|
29135
|
+
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
29129
29136
|
}
|
|
29130
29137
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
|
|
29131
29138
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
29132
29139
|
}
|
|
29133
29140
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
|
|
29134
29141
|
position: relative;
|
|
29135
|
-
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
29136
29142
|
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
|
|
29143
|
+
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
29137
29144
|
}
|
|
29138
29145
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
|
|
29139
29146
|
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
|
|
29140
29147
|
}
|
|
29141
29148
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
|
|
29142
29149
|
cursor: pointer;
|
|
29143
|
-
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
29144
29150
|
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
|
|
29151
|
+
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
29145
29152
|
}
|
|
29146
29153
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
|
|
29147
29154
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
@@ -29150,8 +29157,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29150
29157
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
|
|
29151
29158
|
}
|
|
29152
29159
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
|
|
29153
|
-
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
29154
29160
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
|
29161
|
+
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
29155
29162
|
}
|
|
29156
29163
|
.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) {
|
|
29157
29164
|
border: none;
|
|
@@ -29176,11 +29183,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29176
29183
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
29177
29184
|
visibility: hidden;
|
|
29178
29185
|
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
29186
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29179
29187
|
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
29180
29188
|
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
29181
29189
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
|
|
29182
29190
|
transition-property: opacity, translate, visibility, background-color;
|
|
29183
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29184
29191
|
}
|
|
29185
29192
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
29186
29193
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
@@ -29188,9 +29195,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29188
29195
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
29189
29196
|
visibility: visible;
|
|
29190
29197
|
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
29198
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
29191
29199
|
transition-delay: 0s;
|
|
29192
29200
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
29193
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
29194
29201
|
}
|
|
29195
29202
|
.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 {
|
|
29196
29203
|
max-height: 99999px;
|
|
@@ -29256,8 +29263,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29256
29263
|
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
29257
29264
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
29258
29265
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29259
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29260
29266
|
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29267
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29261
29268
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
29262
29269
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
29263
29270
|
}
|
|
@@ -29286,10 +29293,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29286
29293
|
text-align: start;
|
|
29287
29294
|
white-space: inherit;
|
|
29288
29295
|
user-select: text;
|
|
29296
|
+
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29289
29297
|
background-color: var(--pf-v6-c-table__button--BackgroundColor);
|
|
29290
29298
|
border: 0;
|
|
29291
29299
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
29292
|
-
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29293
29300
|
}
|
|
29294
29301
|
.pf-v6-c-table__button::after {
|
|
29295
29302
|
position: absolute;
|
|
@@ -29383,10 +29390,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29383
29390
|
}
|
|
29384
29391
|
|
|
29385
29392
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
29393
|
+
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29386
29394
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
29387
29395
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
29388
29396
|
transition-property: transform;
|
|
29389
|
-
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29390
29397
|
}
|
|
29391
29398
|
.pf-v6-c-table__toggle svg {
|
|
29392
29399
|
pointer-events: none;
|
|
@@ -29942,8 +29949,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29942
29949
|
}
|
|
29943
29950
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
29944
29951
|
position: relative;
|
|
29945
|
-
border: none;
|
|
29946
29952
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
29953
|
+
border: none;
|
|
29947
29954
|
}
|
|
29948
29955
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
29949
29956
|
position: absolute;
|
|
@@ -29981,7 +29988,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29981
29988
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
29982
29989
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
29983
29990
|
grid-column: 1;
|
|
29984
|
-
|
|
29991
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
29985
29992
|
align-items: start;
|
|
29986
29993
|
}
|
|
29987
29994
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30084,8 +30091,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30084
30091
|
}
|
|
30085
30092
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30086
30093
|
position: relative;
|
|
30087
|
-
border: none;
|
|
30088
30094
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30095
|
+
border: none;
|
|
30089
30096
|
}
|
|
30090
30097
|
.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 {
|
|
30091
30098
|
position: absolute;
|
|
@@ -30123,7 +30130,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30123
30130
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30124
30131
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30125
30132
|
grid-column: 1;
|
|
30126
|
-
|
|
30133
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30127
30134
|
align-items: start;
|
|
30128
30135
|
}
|
|
30129
30136
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30227,8 +30234,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30227
30234
|
}
|
|
30228
30235
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30229
30236
|
position: relative;
|
|
30230
|
-
border: none;
|
|
30231
30237
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30238
|
+
border: none;
|
|
30232
30239
|
}
|
|
30233
30240
|
.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 {
|
|
30234
30241
|
position: absolute;
|
|
@@ -30266,7 +30273,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30266
30273
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30267
30274
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30268
30275
|
grid-column: 1;
|
|
30269
|
-
|
|
30276
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30270
30277
|
align-items: start;
|
|
30271
30278
|
}
|
|
30272
30279
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30370,8 +30377,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30370
30377
|
}
|
|
30371
30378
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30372
30379
|
position: relative;
|
|
30373
|
-
border: none;
|
|
30374
30380
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30381
|
+
border: none;
|
|
30375
30382
|
}
|
|
30376
30383
|
.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 {
|
|
30377
30384
|
position: absolute;
|
|
@@ -30409,7 +30416,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30409
30416
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30410
30417
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30411
30418
|
grid-column: 1;
|
|
30412
|
-
|
|
30419
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30413
30420
|
align-items: start;
|
|
30414
30421
|
}
|
|
30415
30422
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30513,8 +30520,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30513
30520
|
}
|
|
30514
30521
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30515
30522
|
position: relative;
|
|
30516
|
-
border: none;
|
|
30517
30523
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30524
|
+
border: none;
|
|
30518
30525
|
}
|
|
30519
30526
|
.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 {
|
|
30520
30527
|
position: absolute;
|
|
@@ -30552,7 +30559,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30552
30559
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30553
30560
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30554
30561
|
grid-column: 1;
|
|
30555
|
-
|
|
30562
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30556
30563
|
align-items: start;
|
|
30557
30564
|
}
|
|
30558
30565
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -31105,8 +31112,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31105
31112
|
|
|
31106
31113
|
.pf-v6-c-tabs__toggle-icon {
|
|
31107
31114
|
display: inline-block;
|
|
31108
|
-
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
31109
31115
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
31116
|
+
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
31110
31117
|
}
|
|
31111
31118
|
|
|
31112
31119
|
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
@@ -31270,8 +31277,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31270
31277
|
align-self: end;
|
|
31271
31278
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
31272
31279
|
color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
|
|
31273
|
-
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31274
31280
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
31281
|
+
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31275
31282
|
}
|
|
31276
31283
|
|
|
31277
31284
|
.pf-v6-c-tabs__item-action {
|
|
@@ -31534,10 +31541,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31534
31541
|
border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
|
|
31535
31542
|
border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
|
|
31536
31543
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
31544
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31537
31545
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
31538
31546
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
31539
31547
|
transition-property: width, height, translate;
|
|
31540
|
-
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31541
31548
|
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
31542
31549
|
}
|
|
31543
31550
|
: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 {
|
|
@@ -31743,9 +31750,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31743
31750
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
31744
31751
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
31745
31752
|
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
31753
|
+
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31746
31754
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
31747
31755
|
border: 0;
|
|
31748
|
-
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31749
31756
|
}
|
|
31750
31757
|
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
31751
31758
|
grid-area: text-input;
|
|
@@ -31953,7 +31960,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31953
31960
|
|
|
31954
31961
|
.pf-v6-c-title {
|
|
31955
31962
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
31956
|
-
|
|
31963
|
+
overflow-wrap: break-word;
|
|
31957
31964
|
}
|
|
31958
31965
|
.pf-v6-c-title.pf-m-4xl {
|
|
31959
31966
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -32736,10 +32743,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32736
32743
|
|
|
32737
32744
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
32738
32745
|
display: inline-flex;
|
|
32746
|
+
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32739
32747
|
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
32740
32748
|
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
32741
32749
|
transition-property: transform;
|
|
32742
|
-
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32743
32750
|
}
|
|
32744
32751
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
32745
32752
|
scale: -1 1;
|
|
@@ -34375,7 +34382,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34375
34382
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
34376
34383
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
34377
34384
|
text-align: center;
|
|
34378
|
-
|
|
34385
|
+
overflow-wrap: break-word;
|
|
34379
34386
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
34380
34387
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
34381
34388
|
}
|
|
@@ -34757,19 +34764,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34757
34764
|
display: inline-block;
|
|
34758
34765
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
34759
34766
|
text-align: center;
|
|
34760
|
-
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
34761
34767
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
34768
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
34762
34769
|
}
|
|
34763
34770
|
|
|
34764
34771
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
34765
|
-
max-height: 0;
|
|
34766
34772
|
visibility: hidden;
|
|
34773
|
+
max-height: 0;
|
|
34767
34774
|
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
34775
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34768
34776
|
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
34769
34777
|
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
34770
34778
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
34771
34779
|
transition-property: opacity, translate, visibility, max-height;
|
|
34772
|
-
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34773
34780
|
}
|
|
34774
34781
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
34775
34782
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -34780,12 +34787,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34780
34787
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
34781
34788
|
}
|
|
34782
34789
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
34783
|
-
max-height: 99999px;
|
|
34784
34790
|
visibility: revert;
|
|
34791
|
+
max-height: 99999px;
|
|
34785
34792
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
34793
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
34786
34794
|
transition-delay: 0s;
|
|
34787
34795
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
34788
|
-
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
34789
34796
|
}
|
|
34790
34797
|
|
|
34791
34798
|
.pf-v6-c-tree-view__node,
|
|
@@ -35224,7 +35231,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35224
35231
|
|
|
35225
35232
|
.pf-v6-c-wizard__title {
|
|
35226
35233
|
padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
|
|
35227
|
-
|
|
35234
|
+
overflow-wrap: break-word;
|
|
35228
35235
|
}
|
|
35229
35236
|
|
|
35230
35237
|
.pf-v6-c-wizard__title-text {
|
|
@@ -35287,7 +35294,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35287
35294
|
align-items: baseline;
|
|
35288
35295
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
35289
35296
|
text-align: start;
|
|
35290
|
-
|
|
35297
|
+
overflow-wrap: break-word;
|
|
35291
35298
|
}
|
|
35292
35299
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
35293
35300
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -35423,8 +35430,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35423
35430
|
padding-inline: 0;
|
|
35424
35431
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
35425
35432
|
text-align: start;
|
|
35433
|
+
overflow-wrap: break-word;
|
|
35426
35434
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
35427
|
-
word-break: break-word;
|
|
35428
35435
|
counter-increment: wizard-nav-count;
|
|
35429
35436
|
background-color: transparent;
|
|
35430
35437
|
border: none;
|
|
@@ -35529,10 +35536,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35529
35536
|
|
|
35530
35537
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
35531
35538
|
display: inline-block;
|
|
35539
|
+
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35532
35540
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
35533
35541
|
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
35534
35542
|
transition-property: transform;
|
|
35535
|
-
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35536
35543
|
}
|
|
35537
35544
|
|
|
35538
35545
|
.pf-v6-c-wizard__main {
|
|
@@ -35542,7 +35549,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35542
35549
|
flex-direction: column;
|
|
35543
35550
|
overflow-x: hidden;
|
|
35544
35551
|
overflow-y: auto;
|
|
35545
|
-
|
|
35552
|
+
overflow-wrap: break-word;
|
|
35546
35553
|
}
|
|
35547
35554
|
|
|
35548
35555
|
.pf-v6-c-wizard__main-body {
|
|
@@ -37979,7 +37986,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
37979
37986
|
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
37980
37987
|
}
|
|
37981
37988
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
37982
|
-
|
|
37989
|
+
gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
37983
37990
|
}
|
|
37984
37991
|
.pf-v6-l-gallery {
|
|
37985
37992
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
@@ -38972,7 +38979,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
38972
38979
|
}
|
|
38973
38980
|
}
|
|
38974
38981
|
.pf-v6-l-grid.pf-m-gutter {
|
|
38975
|
-
|
|
38982
|
+
gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
38976
38983
|
}
|
|
38977
38984
|
|
|
38978
38985
|
.pf-v6-l-level {
|