@patternfly/patternfly 6.5.2 → 6.6.0-prerelease.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/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 +8 -4
- package/components/Accordion/accordion.scss +9 -4
- package/components/Alert/alert-group.css +1 -1
- package/components/Alert/alert-group.scss +1 -1
- package/components/Alert/alert.css +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 +3 -3
- package/components/Compass/compass.scss +3 -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 +3 -3
- package/components/Page/page.scss +3 -3
- 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 +132 -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 +195 -192
- package/patternfly.css +195 -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) {
|
|
@@ -9650,7 +9650,9 @@ button) {
|
|
|
9650
9650
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
|
|
9651
9651
|
--pf-v6-c-accordion__expandable-content--MaxHeight: 0;
|
|
9652
9652
|
--pf-v6-c-accordion__expandable-content--Visibility: hidden;
|
|
9653
|
+
--pf-v6-c-accordion__expandable-content--Overflow: hidden;
|
|
9653
9654
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
|
|
9655
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow: visible;
|
|
9654
9656
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
|
|
9655
9657
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
9656
9658
|
--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
@@ -9783,6 +9785,7 @@ button) {
|
|
|
9783
9785
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
|
|
9784
9786
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
9785
9787
|
--pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
|
|
9788
|
+
--pf-v6-c-accordion__expandable-content--Overflow: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow);
|
|
9786
9789
|
}
|
|
9787
9790
|
|
|
9788
9791
|
.pf-v6-c-accordion__toggle {
|
|
@@ -9830,8 +9833,8 @@ button) {
|
|
|
9830
9833
|
}
|
|
9831
9834
|
|
|
9832
9835
|
.pf-v6-c-accordion__toggle-icon {
|
|
9833
|
-
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9834
9836
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
9837
|
+
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9835
9838
|
}
|
|
9836
9839
|
|
|
9837
9840
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
@@ -9839,26 +9842,27 @@ button) {
|
|
|
9839
9842
|
}
|
|
9840
9843
|
|
|
9841
9844
|
.pf-v6-c-accordion__expandable-content {
|
|
9845
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9842
9846
|
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
|
9843
9847
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
9844
9848
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
9845
9849
|
margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
|
|
9850
|
+
overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
|
|
9846
9851
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
9847
9852
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
9848
|
-
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9849
9853
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
9850
9854
|
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
9851
9855
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
9852
9856
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
9857
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9853
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);
|
|
9854
9859
|
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
9855
9860
|
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
|
9856
9861
|
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
|
9857
|
-
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9858
9862
|
}
|
|
9859
9863
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
9864
|
+
--pf-v6-c-accordion__expandable-content--Overflow: auto;
|
|
9860
9865
|
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
|
|
9861
|
-
overflow-y: auto;
|
|
9862
9866
|
}
|
|
9863
9867
|
|
|
9864
9868
|
.pf-v6-c-accordion__expandable-content-body {
|
|
@@ -10058,8 +10062,8 @@ button) {
|
|
|
10058
10062
|
|
|
10059
10063
|
.pf-v6-c-alert__toggle-icon {
|
|
10060
10064
|
display: inline-block;
|
|
10061
|
-
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
10062
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);
|
|
10063
10067
|
}
|
|
10064
10068
|
|
|
10065
10069
|
.pf-v6-c-alert__icon {
|
|
@@ -10074,7 +10078,7 @@ button) {
|
|
|
10074
10078
|
grid-area: title;
|
|
10075
10079
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
10076
10080
|
color: var(--pf-v6-c-alert__title--Color);
|
|
10077
|
-
|
|
10081
|
+
overflow-wrap: break-word;
|
|
10078
10082
|
}
|
|
10079
10083
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
10080
10084
|
display: -webkit-box;
|
|
@@ -10086,7 +10090,7 @@ button) {
|
|
|
10086
10090
|
.pf-v6-c-alert__description {
|
|
10087
10091
|
grid-area: description;
|
|
10088
10092
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
10089
|
-
|
|
10093
|
+
overflow-wrap: break-word;
|
|
10090
10094
|
}
|
|
10091
10095
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
10092
10096
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -10236,8 +10240,8 @@ button) {
|
|
|
10236
10240
|
display: grid;
|
|
10237
10241
|
grid-template-rows: 1fr;
|
|
10238
10242
|
opacity: 1;
|
|
10239
|
-
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10240
10243
|
transform: translateX(0) translateY(0);
|
|
10244
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10241
10245
|
}
|
|
10242
10246
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
10243
10247
|
.pf-v6-c-alert-group__item {
|
|
@@ -10982,10 +10986,10 @@ button) {
|
|
|
10982
10986
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
10983
10987
|
line-height: inherit;
|
|
10984
10988
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
10989
|
+
overflow-wrap: break-word;
|
|
10985
10990
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
10986
10991
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
10987
10992
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
10988
|
-
word-break: break-word;
|
|
10989
10993
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
10990
10994
|
}
|
|
10991
10995
|
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
@@ -11403,10 +11407,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11403
11407
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
11404
11408
|
color: var(--pf-v6-c-button--Color);
|
|
11405
11409
|
text-align: center;
|
|
11410
|
+
white-space: nowrap;
|
|
11406
11411
|
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
|
11407
11412
|
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
|
11408
11413
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
11409
|
-
white-space: nowrap;
|
|
11410
11414
|
cursor: pointer;
|
|
11411
11415
|
-webkit-user-select: none;
|
|
11412
11416
|
user-select: none;
|
|
@@ -11416,11 +11420,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11416
11420
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11417
11421
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11418
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);
|
|
11419
11424
|
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
11420
11425
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
11421
11426
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
11422
11427
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
11423
|
-
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
11424
11428
|
}
|
|
11425
11429
|
.pf-v6-c-button::after {
|
|
11426
11430
|
position: absolute;
|
|
@@ -11547,10 +11551,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11547
11551
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
11548
11552
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
11549
11553
|
text-align: start;
|
|
11550
|
-
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11551
11554
|
white-space: normal;
|
|
11552
|
-
|
|
11555
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11553
11556
|
outline-offset: 0.125rem;
|
|
11557
|
+
background: transparent;
|
|
11554
11558
|
}
|
|
11555
11559
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
11556
11560
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
@@ -11908,12 +11912,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11908
11912
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
11909
11913
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
11910
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);
|
|
11911
11917
|
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
11912
11918
|
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
11913
11919
|
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
11914
11920
|
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
|
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);
|
|
11917
11921
|
}
|
|
11918
11922
|
.pf-v6-c-button__icon.pf-m-start {
|
|
11919
11923
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -12340,8 +12344,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12340
12344
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
|
|
12341
12345
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
|
|
12342
12346
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
|
|
12343
|
-
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
12344
12347
|
box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
|
|
12348
|
+
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
12345
12349
|
}
|
|
12346
12350
|
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
12347
12351
|
gap: 0;
|
|
@@ -12583,9 +12587,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12583
12587
|
}
|
|
12584
12588
|
|
|
12585
12589
|
.pf-v6-c-card__clickable-action {
|
|
12590
|
+
outline: 0;
|
|
12586
12591
|
background: none;
|
|
12587
12592
|
border: 0;
|
|
12588
|
-
outline: 0;
|
|
12589
12593
|
}
|
|
12590
12594
|
.pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
|
|
12591
12595
|
pointer-events: none;
|
|
@@ -12653,7 +12657,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12653
12657
|
.pf-v6-c-check {
|
|
12654
12658
|
display: grid;
|
|
12655
12659
|
grid-template-columns: auto 1fr;
|
|
12656
|
-
|
|
12660
|
+
gap: var(--pf-v6-c-check--GridGap);
|
|
12657
12661
|
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
12658
12662
|
}
|
|
12659
12663
|
.pf-v6-c-check.pf-m-standalone {
|
|
@@ -12784,7 +12788,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12784
12788
|
padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
|
|
12785
12789
|
padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
|
|
12786
12790
|
margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
|
|
12787
|
-
|
|
12791
|
+
overflow-wrap: break-word;
|
|
12788
12792
|
background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
|
|
12789
12793
|
background-clip: padding-box;
|
|
12790
12794
|
border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
|
|
@@ -12800,7 +12804,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12800
12804
|
}
|
|
12801
12805
|
|
|
12802
12806
|
.pf-v6-c-clipboard-copy__text {
|
|
12803
|
-
|
|
12807
|
+
overflow-wrap: break-word;
|
|
12804
12808
|
white-space: normal;
|
|
12805
12809
|
}
|
|
12806
12810
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -13289,8 +13293,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13289
13293
|
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
13290
13294
|
.pf-v6-c-compass__main-footer,
|
|
13291
13295
|
.pf-v6-c-compass__footer {
|
|
13292
|
-
margin: 0;
|
|
13293
13296
|
visibility: hidden;
|
|
13297
|
+
margin: 0;
|
|
13294
13298
|
opacity: 0;
|
|
13295
13299
|
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
13296
13300
|
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
@@ -13411,8 +13415,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13411
13415
|
flex-direction: column;
|
|
13412
13416
|
grid-area: dock;
|
|
13413
13417
|
width: var(--pf-v6-c-compass__dock--Width);
|
|
13414
|
-
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
13415
13418
|
translate: -100% 0;
|
|
13419
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
13416
13420
|
}
|
|
13417
13421
|
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
13418
13422
|
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
@@ -13438,9 +13442,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13438
13442
|
.pf-v6-c-compass__dock-main {
|
|
13439
13443
|
flex-grow: 1;
|
|
13440
13444
|
background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
|
|
13441
|
-
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13442
13445
|
border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
|
|
13443
13446
|
box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
|
|
13447
|
+
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13444
13448
|
}
|
|
13445
13449
|
.pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
|
|
13446
13450
|
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);
|
|
@@ -13771,8 +13775,8 @@ ul) {
|
|
|
13771
13775
|
@media screen and (min-width: 36rem) {
|
|
13772
13776
|
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
13773
13777
|
grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
|
|
13774
|
-
|
|
13775
|
-
|
|
13778
|
+
row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
13779
|
+
column-gap: var(--pf-v6-c-content--dl--ColumnGap);
|
|
13776
13780
|
}
|
|
13777
13781
|
}
|
|
13778
13782
|
|
|
@@ -14561,8 +14565,8 @@ ul) {
|
|
|
14561
14565
|
.pf-v6-c-data-list__toggle-icon {
|
|
14562
14566
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
14563
14567
|
pointer-events: none;
|
|
14564
|
-
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14565
14568
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
14569
|
+
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14566
14570
|
}
|
|
14567
14571
|
|
|
14568
14572
|
.pf-v6-c-data-list__item-content {
|
|
@@ -14779,7 +14783,6 @@ ul) {
|
|
|
14779
14783
|
width: 100%;
|
|
14780
14784
|
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
14781
14785
|
break-inside: avoid;
|
|
14782
|
-
page-break-inside: avoid;
|
|
14783
14786
|
-webkit-column-break-inside: avoid;
|
|
14784
14787
|
-moz-column-break-inside: avoid;
|
|
14785
14788
|
}
|
|
@@ -15187,9 +15190,9 @@ ul) {
|
|
|
15187
15190
|
max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
|
|
15188
15191
|
margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
|
|
15189
15192
|
overflow: auto;
|
|
15193
|
+
outline-offset: 2px;
|
|
15190
15194
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
15191
15195
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
15192
|
-
outline-offset: 2px;
|
|
15193
15196
|
}
|
|
15194
15197
|
|
|
15195
15198
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -15225,25 +15228,25 @@ ul) {
|
|
|
15225
15228
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
15226
15229
|
}
|
|
15227
15230
|
.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 {
|
|
15228
|
-
max-height: 0;
|
|
15229
15231
|
visibility: hidden;
|
|
15232
|
+
max-height: 0;
|
|
15230
15233
|
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
15234
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15231
15235
|
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
|
15232
15236
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
15233
15237
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
|
15234
15238
|
transition-property: opacity, translate, visibility, max-height;
|
|
15235
|
-
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15236
15239
|
}
|
|
15237
15240
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
15238
15241
|
--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);
|
|
15239
15242
|
}
|
|
15240
15243
|
.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 {
|
|
15241
|
-
max-height: 99999px;
|
|
15242
15244
|
visibility: revert;
|
|
15245
|
+
max-height: 99999px;
|
|
15243
15246
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
15247
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
15244
15248
|
transition-delay: 0s;
|
|
15245
15249
|
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;
|
|
15246
|
-
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
15247
15250
|
}
|
|
15248
15251
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
15249
15252
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
@@ -15378,10 +15381,10 @@ ul) {
|
|
|
15378
15381
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
15379
15382
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
15380
15383
|
text-align: center;
|
|
15384
|
+
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15381
15385
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
15382
15386
|
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
15383
15387
|
transition-property: transform;
|
|
15384
|
-
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15385
15388
|
}
|
|
15386
15389
|
|
|
15387
15390
|
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
@@ -16166,6 +16169,7 @@ ul) {
|
|
|
16166
16169
|
.pf-v6-c-drawer__panel {
|
|
16167
16170
|
position: relative;
|
|
16168
16171
|
z-index: var(--pf-v6-c-drawer__panel--ZIndex);
|
|
16172
|
+
visibility: hidden;
|
|
16169
16173
|
flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
|
|
16170
16174
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
16171
16175
|
order: 1;
|
|
@@ -16173,7 +16177,6 @@ ul) {
|
|
|
16173
16177
|
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
16174
16178
|
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
16175
16179
|
overflow: auto;
|
|
16176
|
-
visibility: hidden;
|
|
16177
16180
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
16178
16181
|
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
16179
16182
|
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
@@ -16283,8 +16286,8 @@ ul) {
|
|
|
16283
16286
|
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
16284
16287
|
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
16285
16288
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
16286
|
-
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16287
16289
|
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
16290
|
+
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16288
16291
|
}
|
|
16289
16292
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
16290
16293
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -17074,8 +17077,8 @@ ul) {
|
|
|
17074
17077
|
display: inline-block;
|
|
17075
17078
|
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
17076
17079
|
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
17077
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
17078
17080
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
17081
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
17079
17082
|
}
|
|
17080
17083
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
17081
17084
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
@@ -17090,15 +17093,15 @@ ul) {
|
|
|
17090
17093
|
display: revert;
|
|
17091
17094
|
}
|
|
17092
17095
|
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
17096
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
17093
17097
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
17094
17098
|
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
17095
|
-
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
17096
17099
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
17100
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
17097
17101
|
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
17098
17102
|
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
17099
17103
|
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
17100
17104
|
transition-property: opacity, translate, visibility, max-height;
|
|
17101
|
-
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
17102
17105
|
}
|
|
17103
17106
|
|
|
17104
17107
|
.pf-v6-c-file-upload {
|
|
@@ -17269,7 +17272,7 @@ ul) {
|
|
|
17269
17272
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
|
|
17270
17273
|
display: grid;
|
|
17271
17274
|
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);
|
|
17272
|
-
|
|
17275
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17273
17276
|
}
|
|
17274
17277
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
|
|
17275
17278
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17297,7 +17300,7 @@ ul) {
|
|
|
17297
17300
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
|
|
17298
17301
|
display: grid;
|
|
17299
17302
|
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);
|
|
17300
|
-
|
|
17303
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17301
17304
|
}
|
|
17302
17305
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
|
|
17303
17306
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17325,7 +17328,7 @@ ul) {
|
|
|
17325
17328
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
|
|
17326
17329
|
display: grid;
|
|
17327
17330
|
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);
|
|
17328
|
-
|
|
17331
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17329
17332
|
}
|
|
17330
17333
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
|
|
17331
17334
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17353,7 +17356,7 @@ ul) {
|
|
|
17353
17356
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
|
|
17354
17357
|
display: grid;
|
|
17355
17358
|
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);
|
|
17356
|
-
|
|
17359
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17357
17360
|
}
|
|
17358
17361
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
|
|
17359
17362
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17381,7 +17384,7 @@ ul) {
|
|
|
17381
17384
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
|
|
17382
17385
|
display: grid;
|
|
17383
17386
|
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);
|
|
17384
|
-
|
|
17387
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17385
17388
|
}
|
|
17386
17389
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
|
|
17387
17390
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17409,7 +17412,7 @@ ul) {
|
|
|
17409
17412
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
|
|
17410
17413
|
display: grid;
|
|
17411
17414
|
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);
|
|
17412
|
-
|
|
17415
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17413
17416
|
}
|
|
17414
17417
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
|
|
17415
17418
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17437,7 +17440,7 @@ ul) {
|
|
|
17437
17440
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
|
|
17438
17441
|
display: grid;
|
|
17439
17442
|
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);
|
|
17440
|
-
|
|
17443
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17441
17444
|
}
|
|
17442
17445
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
|
|
17443
17446
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17610,14 +17613,14 @@ ul) {
|
|
|
17610
17613
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
17611
17614
|
}
|
|
17612
17615
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17616
|
+
visibility: visible;
|
|
17613
17617
|
max-height: 99999px;
|
|
17614
17618
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
17615
17619
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17616
|
-
visibility: visible;
|
|
17617
17620
|
opacity: 1;
|
|
17621
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17618
17622
|
transition-delay: 0s;
|
|
17619
17623
|
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;
|
|
17620
|
-
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17621
17624
|
}
|
|
17622
17625
|
|
|
17623
17626
|
.pf-v6-c-form__field-group-toggle {
|
|
@@ -17639,10 +17642,10 @@ ul) {
|
|
|
17639
17642
|
display: inline-block;
|
|
17640
17643
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
17641
17644
|
text-align: center;
|
|
17645
|
+
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17642
17646
|
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
17643
17647
|
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
17644
17648
|
transition-property: transform;
|
|
17645
|
-
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17646
17649
|
}
|
|
17647
17650
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
17648
17651
|
scale: -1 1;
|
|
@@ -17691,15 +17694,15 @@ ul) {
|
|
|
17691
17694
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17692
17695
|
}
|
|
17693
17696
|
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17697
|
+
visibility: hidden;
|
|
17694
17698
|
max-height: 0;
|
|
17695
17699
|
padding-block-start: 0;
|
|
17696
17700
|
padding-block-end: 0;
|
|
17697
|
-
visibility: hidden;
|
|
17698
17701
|
opacity: 0;
|
|
17702
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17699
17703
|
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);
|
|
17700
17704
|
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;
|
|
17701
17705
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
17702
|
-
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17703
17706
|
}
|
|
17704
17707
|
|
|
17705
17708
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
@@ -17859,10 +17862,10 @@ ul) {
|
|
|
17859
17862
|
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
17860
17863
|
color: var(--pf-v6-c-form-control--Color);
|
|
17861
17864
|
appearance: none;
|
|
17865
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17862
17866
|
background-color: transparent;
|
|
17863
17867
|
border: none;
|
|
17864
17868
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
17865
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17866
17869
|
}
|
|
17867
17870
|
.pf-v6-c-form-control > ::placeholder {
|
|
17868
17871
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
@@ -18228,8 +18231,8 @@ ul) {
|
|
|
18228
18231
|
:where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
|
|
18229
18232
|
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
18230
18233
|
--pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
|
|
18231
|
-
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18232
18234
|
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
18235
|
+
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18233
18236
|
}
|
|
18234
18237
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
18235
18238
|
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
@@ -18265,7 +18268,7 @@ ul) {
|
|
|
18265
18268
|
.pf-v6-c-hint {
|
|
18266
18269
|
display: grid;
|
|
18267
18270
|
grid-template-columns: 1fr auto;
|
|
18268
|
-
|
|
18271
|
+
row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
18269
18272
|
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
18270
18273
|
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
18271
18274
|
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
@@ -18713,20 +18716,20 @@ ul) {
|
|
|
18713
18716
|
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
18714
18717
|
}
|
|
18715
18718
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
|
|
18719
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
18716
18720
|
flex-grow: 1;
|
|
18717
18721
|
max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
|
|
18718
|
-
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
18719
18722
|
opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
|
|
18723
|
+
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
18724
|
+
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
18720
18725
|
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);
|
|
18721
18726
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
|
18722
18727
|
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;
|
|
18723
18728
|
transition-property: opacity, scale, visibility, max-width;
|
|
18724
|
-
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
18725
|
-
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
18726
18729
|
}
|
|
18727
18730
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
|
|
18728
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
18729
18731
|
visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
|
|
18732
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
18730
18733
|
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
|
18731
18734
|
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
18732
18735
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
|
@@ -18734,8 +18737,8 @@ ul) {
|
|
|
18734
18737
|
transition-property: opacity, visibility, max-width;
|
|
18735
18738
|
}
|
|
18736
18739
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
|
|
18737
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
18738
18740
|
visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
|
|
18741
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
18739
18742
|
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
|
18740
18743
|
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);
|
|
18741
18744
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
|
@@ -19062,10 +19065,10 @@ label.pf-v6-c-input-group__text {
|
|
|
19062
19065
|
.pf-v6-c-jump-links__toggle-icon {
|
|
19063
19066
|
display: inline-block;
|
|
19064
19067
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
19068
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
19065
19069
|
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
19066
19070
|
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
19067
19071
|
transition-property: transform;
|
|
19068
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
19069
19072
|
}
|
|
19070
19073
|
|
|
19071
19074
|
.pf-v6-c-label {
|
|
@@ -19278,9 +19281,9 @@ label.pf-v6-c-input-group__text {
|
|
|
19278
19281
|
font-size: var(--pf-v6-c-label--FontSize);
|
|
19279
19282
|
white-space: nowrap;
|
|
19280
19283
|
background: transparent;
|
|
19281
|
-
isolation: isolate;
|
|
19282
19284
|
border: 0;
|
|
19283
19285
|
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
19286
|
+
isolation: isolate;
|
|
19284
19287
|
}
|
|
19285
19288
|
.pf-v6-c-label.pf-m-blue {
|
|
19286
19289
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
|
@@ -19938,7 +19941,7 @@ ul.pf-v6-c-list {
|
|
|
19938
19941
|
display: grid;
|
|
19939
19942
|
grid-template-areas: "main header" "main footer" "main .";
|
|
19940
19943
|
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
19941
|
-
|
|
19944
|
+
column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
19942
19945
|
justify-content: center;
|
|
19943
19946
|
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
19944
19947
|
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
@@ -19964,10 +19967,10 @@ ul.pf-v6-c-list {
|
|
|
19964
19967
|
align-self: start;
|
|
19965
19968
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
19966
19969
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
19967
|
-
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19968
19970
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
19969
19971
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
19970
19972
|
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
19973
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19971
19974
|
}
|
|
19972
19975
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
19973
19976
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -20311,9 +20314,9 @@ ul.pf-v6-c-list {
|
|
|
20311
20314
|
}
|
|
20312
20315
|
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
20313
20316
|
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
20314
|
-
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20315
20317
|
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
20316
20318
|
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
20319
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20317
20320
|
}
|
|
20318
20321
|
|
|
20319
20322
|
.pf-v6-c-masthead__main {
|
|
@@ -21022,8 +21025,8 @@ ul.pf-v6-c-list {
|
|
|
21022
21025
|
}
|
|
21023
21026
|
|
|
21024
21027
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
|
|
21025
|
-
overflow: hidden;
|
|
21026
21028
|
visibility: visible;
|
|
21029
|
+
overflow: hidden;
|
|
21027
21030
|
transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
|
|
21028
21031
|
}
|
|
21029
21032
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
|
|
@@ -21049,8 +21052,8 @@ ul.pf-v6-c-list {
|
|
|
21049
21052
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21050
21053
|
}
|
|
21051
21054
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
|
|
21052
|
-
overflow: visible;
|
|
21053
21055
|
visibility: hidden;
|
|
21056
|
+
overflow: visible;
|
|
21054
21057
|
}
|
|
21055
21058
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
|
|
21056
21059
|
.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) {
|
|
@@ -21191,10 +21194,10 @@ ul.pf-v6-c-list {
|
|
|
21191
21194
|
color: var(--pf-v6-c-menu__item--Color);
|
|
21192
21195
|
text-align: start;
|
|
21193
21196
|
text-decoration-line: none;
|
|
21197
|
+
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21194
21198
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
21195
21199
|
border: 0;
|
|
21196
21200
|
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
21197
|
-
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21198
21201
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
21199
21202
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
21200
21203
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
@@ -21288,7 +21291,7 @@ ul.pf-v6-c-list {
|
|
|
21288
21291
|
.pf-v6-c-menu__item-description {
|
|
21289
21292
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
21290
21293
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
21291
|
-
|
|
21294
|
+
overflow-wrap: break-word;
|
|
21292
21295
|
}
|
|
21293
21296
|
|
|
21294
21297
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -21871,10 +21874,10 @@ ul.pf-v6-c-list {
|
|
|
21871
21874
|
|
|
21872
21875
|
.pf-v6-c-menu-toggle__icon {
|
|
21873
21876
|
flex-shrink: 0;
|
|
21877
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21874
21878
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
21875
21879
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
21876
21880
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
21877
|
-
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21878
21881
|
}
|
|
21879
21882
|
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
21880
21883
|
vertical-align: middle;
|
|
@@ -22082,7 +22085,7 @@ ul.pf-v6-c-list {
|
|
|
22082
22085
|
overflow-x: hidden;
|
|
22083
22086
|
overflow-y: auto;
|
|
22084
22087
|
overscroll-behavior: contain;
|
|
22085
|
-
|
|
22088
|
+
overflow-wrap: break-word;
|
|
22086
22089
|
-webkit-overflow-scrolling: touch;
|
|
22087
22090
|
}
|
|
22088
22091
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -22531,17 +22534,17 @@ ul.pf-v6-c-list {
|
|
|
22531
22534
|
|
|
22532
22535
|
.pf-v6-c-nav__subnav {
|
|
22533
22536
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
22537
|
+
visibility: visible;
|
|
22534
22538
|
max-height: 99999px;
|
|
22535
22539
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
22536
22540
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
22537
22541
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
22538
22542
|
overflow-y: clip;
|
|
22539
|
-
|
|
22543
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22540
22544
|
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);
|
|
22541
22545
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
22542
22546
|
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
22543
22547
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
22544
|
-
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22545
22548
|
}
|
|
22546
22549
|
.pf-v6-c-nav__subnav[hidden] {
|
|
22547
22550
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
@@ -22551,8 +22554,8 @@ ul.pf-v6-c-list {
|
|
|
22551
22554
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
22552
22555
|
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
22553
22556
|
display: grid;
|
|
22554
|
-
max-height: 0;
|
|
22555
22557
|
visibility: hidden;
|
|
22558
|
+
max-height: 0;
|
|
22556
22559
|
opacity: 0;
|
|
22557
22560
|
}
|
|
22558
22561
|
|
|
@@ -22570,10 +22573,10 @@ ul.pf-v6-c-list {
|
|
|
22570
22573
|
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
22571
22574
|
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
22572
22575
|
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
22576
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22573
22577
|
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
22574
22578
|
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
22575
22579
|
transition-property: scale;
|
|
22576
|
-
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22577
22580
|
}
|
|
22578
22581
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
22579
22582
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
@@ -22661,10 +22664,10 @@ ul.pf-v6-c-list {
|
|
|
22661
22664
|
|
|
22662
22665
|
.pf-v6-c-nav__toggle-icon {
|
|
22663
22666
|
display: inline-block;
|
|
22667
|
+
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22664
22668
|
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
22665
22669
|
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
22666
22670
|
transition-property: transform;
|
|
22667
|
-
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22668
22671
|
}
|
|
22669
22672
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
22670
22673
|
scale: -1 1;
|
|
@@ -22897,9 +22900,9 @@ ul.pf-v6-c-list {
|
|
|
22897
22900
|
padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
|
|
22898
22901
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
22899
22902
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
22903
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22900
22904
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
22901
22905
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
22902
|
-
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22903
22906
|
}
|
|
22904
22907
|
.pf-v6-c-notification-drawer__list-item::before {
|
|
22905
22908
|
position: absolute;
|
|
@@ -22956,7 +22959,7 @@ ul.pf-v6-c-list {
|
|
|
22956
22959
|
|
|
22957
22960
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
22958
22961
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
22959
|
-
|
|
22962
|
+
overflow-wrap: break-word;
|
|
22960
22963
|
}
|
|
22961
22964
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
22962
22965
|
display: -webkit-box;
|
|
@@ -22978,7 +22981,7 @@ ul.pf-v6-c-list {
|
|
|
22978
22981
|
grid-row: 2/3;
|
|
22979
22982
|
grid-column: 1/2;
|
|
22980
22983
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
22981
|
-
|
|
22984
|
+
overflow-wrap: break-word;
|
|
22982
22985
|
}
|
|
22983
22986
|
|
|
22984
22987
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -23009,9 +23012,9 @@ ul.pf-v6-c-list {
|
|
|
23009
23012
|
padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
|
|
23010
23013
|
padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
|
|
23011
23014
|
padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
|
|
23015
|
+
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
23012
23016
|
background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
|
|
23013
23017
|
border: none;
|
|
23014
|
-
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
23015
23018
|
}
|
|
23016
23019
|
|
|
23017
23020
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
@@ -23023,7 +23026,7 @@ ul.pf-v6-c-list {
|
|
|
23023
23026
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
23024
23027
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
23025
23028
|
text-align: start;
|
|
23026
|
-
|
|
23029
|
+
overflow-wrap: break-word;
|
|
23027
23030
|
}
|
|
23028
23031
|
|
|
23029
23032
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -23527,9 +23530,9 @@ ul.pf-v6-c-list {
|
|
|
23527
23530
|
.pf-v6-c-page__dock-main {
|
|
23528
23531
|
flex-grow: 1;
|
|
23529
23532
|
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
23530
|
-
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23531
23533
|
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
23532
23534
|
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
23535
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23533
23536
|
}
|
|
23534
23537
|
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
23535
23538
|
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);
|
|
@@ -23611,10 +23614,10 @@ ul.pf-v6-c-list {
|
|
|
23611
23614
|
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
23612
23615
|
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
23613
23616
|
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
23614
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23615
23617
|
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
23616
23618
|
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
23617
23619
|
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
23620
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23618
23621
|
}
|
|
23619
23622
|
|
|
23620
23623
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -23980,7 +23983,6 @@ ul.pf-v6-c-list {
|
|
|
23980
23983
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
23981
23984
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
23982
23985
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
23983
|
-
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23984
23986
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
23985
23987
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
23986
23988
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
@@ -23988,6 +23990,7 @@ ul.pf-v6-c-list {
|
|
|
23988
23990
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
23989
23991
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
23990
23992
|
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
23993
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23991
23994
|
}
|
|
23992
23995
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
23993
23996
|
.pf-v6-c-page__main-container {
|
|
@@ -25012,7 +25015,7 @@ ul.pf-v6-c-list {
|
|
|
25012
25015
|
}
|
|
25013
25016
|
|
|
25014
25017
|
.pf-v6-c-popover__body {
|
|
25015
|
-
|
|
25018
|
+
overflow-wrap: break-word;
|
|
25016
25019
|
}
|
|
25017
25020
|
|
|
25018
25021
|
.pf-v6-c-popover__footer {
|
|
@@ -25057,7 +25060,7 @@ ul.pf-v6-c-list {
|
|
|
25057
25060
|
display: grid;
|
|
25058
25061
|
grid-template-rows: 1fr auto;
|
|
25059
25062
|
grid-template-columns: auto auto;
|
|
25060
|
-
|
|
25063
|
+
gap: var(--pf-v6-c-progress--GridGap);
|
|
25061
25064
|
align-items: end;
|
|
25062
25065
|
}
|
|
25063
25066
|
.pf-v6-c-progress.pf-m-sm {
|
|
@@ -25151,7 +25154,7 @@ ul.pf-v6-c-list {
|
|
|
25151
25154
|
|
|
25152
25155
|
.pf-v6-c-progress__description {
|
|
25153
25156
|
grid-column: 1/2;
|
|
25154
|
-
|
|
25157
|
+
overflow-wrap: break-word;
|
|
25155
25158
|
}
|
|
25156
25159
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
25157
25160
|
overflow: hidden;
|
|
@@ -25167,7 +25170,7 @@ ul.pf-v6-c-list {
|
|
|
25167
25170
|
align-items: flex-start;
|
|
25168
25171
|
justify-content: flex-end;
|
|
25169
25172
|
text-align: end;
|
|
25170
|
-
|
|
25173
|
+
overflow-wrap: break-word;
|
|
25171
25174
|
}
|
|
25172
25175
|
|
|
25173
25176
|
.pf-v6-c-progress__status-icon {
|
|
@@ -25430,9 +25433,9 @@ ul.pf-v6-c-list {
|
|
|
25430
25433
|
inset-block-start: 0;
|
|
25431
25434
|
inset-inline-start: 0;
|
|
25432
25435
|
overflow: hidden;
|
|
25433
|
-
clip: rect(0, 0, 0, 0);
|
|
25434
25436
|
white-space: nowrap;
|
|
25435
25437
|
border: 0;
|
|
25438
|
+
clip-path: inset(50%);
|
|
25436
25439
|
}
|
|
25437
25440
|
.pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
|
|
25438
25441
|
grid-row: 1/2;
|
|
@@ -25854,7 +25857,7 @@ ul.pf-v6-c-list {
|
|
|
25854
25857
|
.pf-v6-c-radio {
|
|
25855
25858
|
display: grid;
|
|
25856
25859
|
grid-template-columns: auto 1fr;
|
|
25857
|
-
|
|
25860
|
+
gap: var(--pf-v6-c-radio--GridGap);
|
|
25858
25861
|
align-items: baseline;
|
|
25859
25862
|
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
25860
25863
|
}
|
|
@@ -26849,10 +26852,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26849
26852
|
width: 100%;
|
|
26850
26853
|
height: 100%;
|
|
26851
26854
|
stroke: var(--pf-v6-c-spinner--Color);
|
|
26855
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
26856
|
+
stroke-linecap: round;
|
|
26852
26857
|
stroke-dasharray: 283;
|
|
26853
26858
|
stroke-dashoffset: 280;
|
|
26854
|
-
stroke-linecap: round;
|
|
26855
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
26856
26859
|
transform-origin: 50% 50%;
|
|
26857
26860
|
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
26858
26861
|
}
|
|
@@ -27012,8 +27015,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27012
27015
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
27013
27016
|
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
27014
27017
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
27015
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
27016
27018
|
transform: translateY(-50%);
|
|
27019
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
27017
27020
|
}
|
|
27018
27021
|
.pf-v6-c-switch__toggle::after {
|
|
27019
27022
|
position: absolute;
|
|
@@ -29010,11 +29013,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29010
29013
|
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
29011
29014
|
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
29012
29015
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29016
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29013
29017
|
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
29014
29018
|
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
29015
29019
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29016
29020
|
color: var(--pf-v6-c-table--cell--Color);
|
|
29017
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29018
29021
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
29019
29022
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
29020
29023
|
}
|
|
@@ -29120,24 +29123,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29120
29123
|
}
|
|
29121
29124
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
|
|
29122
29125
|
cursor: pointer;
|
|
29123
|
-
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
29124
29126
|
outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
|
|
29127
|
+
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
29125
29128
|
}
|
|
29126
29129
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
|
|
29127
29130
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
29128
29131
|
}
|
|
29129
29132
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
|
|
29130
29133
|
position: relative;
|
|
29131
|
-
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
29132
29134
|
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
|
|
29135
|
+
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
29133
29136
|
}
|
|
29134
29137
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
|
|
29135
29138
|
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
|
|
29136
29139
|
}
|
|
29137
29140
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
|
|
29138
29141
|
cursor: pointer;
|
|
29139
|
-
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
29140
29142
|
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
|
|
29143
|
+
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
29141
29144
|
}
|
|
29142
29145
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
|
|
29143
29146
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
@@ -29146,8 +29149,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29146
29149
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
|
|
29147
29150
|
}
|
|
29148
29151
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
|
|
29149
|
-
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
29150
29152
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
|
29153
|
+
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
29151
29154
|
}
|
|
29152
29155
|
.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) {
|
|
29153
29156
|
border: none;
|
|
@@ -29172,11 +29175,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29172
29175
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
29173
29176
|
visibility: hidden;
|
|
29174
29177
|
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
29178
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29175
29179
|
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
29176
29180
|
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
29177
29181
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
|
|
29178
29182
|
transition-property: opacity, translate, visibility, background-color;
|
|
29179
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29180
29183
|
}
|
|
29181
29184
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
29182
29185
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
@@ -29184,9 +29187,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29184
29187
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
29185
29188
|
visibility: visible;
|
|
29186
29189
|
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
29190
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
29187
29191
|
transition-delay: 0s;
|
|
29188
29192
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
29189
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
29190
29193
|
}
|
|
29191
29194
|
.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 {
|
|
29192
29195
|
max-height: 99999px;
|
|
@@ -29252,8 +29255,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29252
29255
|
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
29253
29256
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
29254
29257
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29255
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29256
29258
|
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29259
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29257
29260
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
29258
29261
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
29259
29262
|
}
|
|
@@ -29282,10 +29285,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29282
29285
|
text-align: start;
|
|
29283
29286
|
white-space: inherit;
|
|
29284
29287
|
user-select: text;
|
|
29288
|
+
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29285
29289
|
background-color: var(--pf-v6-c-table__button--BackgroundColor);
|
|
29286
29290
|
border: 0;
|
|
29287
29291
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
29288
|
-
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29289
29292
|
}
|
|
29290
29293
|
.pf-v6-c-table__button::after {
|
|
29291
29294
|
position: absolute;
|
|
@@ -29379,10 +29382,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29379
29382
|
}
|
|
29380
29383
|
|
|
29381
29384
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
29385
|
+
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29382
29386
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
29383
29387
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
29384
29388
|
transition-property: transform;
|
|
29385
|
-
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29386
29389
|
}
|
|
29387
29390
|
.pf-v6-c-table__toggle svg {
|
|
29388
29391
|
pointer-events: none;
|
|
@@ -29938,8 +29941,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29938
29941
|
}
|
|
29939
29942
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
29940
29943
|
position: relative;
|
|
29941
|
-
border: none;
|
|
29942
29944
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
29945
|
+
border: none;
|
|
29943
29946
|
}
|
|
29944
29947
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
29945
29948
|
position: absolute;
|
|
@@ -29977,7 +29980,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29977
29980
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
29978
29981
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
29979
29982
|
grid-column: 1;
|
|
29980
|
-
|
|
29983
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
29981
29984
|
align-items: start;
|
|
29982
29985
|
}
|
|
29983
29986
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30080,8 +30083,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30080
30083
|
}
|
|
30081
30084
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30082
30085
|
position: relative;
|
|
30083
|
-
border: none;
|
|
30084
30086
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30087
|
+
border: none;
|
|
30085
30088
|
}
|
|
30086
30089
|
.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 {
|
|
30087
30090
|
position: absolute;
|
|
@@ -30119,7 +30122,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30119
30122
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30120
30123
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30121
30124
|
grid-column: 1;
|
|
30122
|
-
|
|
30125
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30123
30126
|
align-items: start;
|
|
30124
30127
|
}
|
|
30125
30128
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30223,8 +30226,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30223
30226
|
}
|
|
30224
30227
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30225
30228
|
position: relative;
|
|
30226
|
-
border: none;
|
|
30227
30229
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30230
|
+
border: none;
|
|
30228
30231
|
}
|
|
30229
30232
|
.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 {
|
|
30230
30233
|
position: absolute;
|
|
@@ -30262,7 +30265,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30262
30265
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30263
30266
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30264
30267
|
grid-column: 1;
|
|
30265
|
-
|
|
30268
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30266
30269
|
align-items: start;
|
|
30267
30270
|
}
|
|
30268
30271
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30366,8 +30369,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30366
30369
|
}
|
|
30367
30370
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30368
30371
|
position: relative;
|
|
30369
|
-
border: none;
|
|
30370
30372
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30373
|
+
border: none;
|
|
30371
30374
|
}
|
|
30372
30375
|
.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 {
|
|
30373
30376
|
position: absolute;
|
|
@@ -30405,7 +30408,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30405
30408
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30406
30409
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30407
30410
|
grid-column: 1;
|
|
30408
|
-
|
|
30411
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30409
30412
|
align-items: start;
|
|
30410
30413
|
}
|
|
30411
30414
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30509,8 +30512,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30509
30512
|
}
|
|
30510
30513
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30511
30514
|
position: relative;
|
|
30512
|
-
border: none;
|
|
30513
30515
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30516
|
+
border: none;
|
|
30514
30517
|
}
|
|
30515
30518
|
.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 {
|
|
30516
30519
|
position: absolute;
|
|
@@ -30548,7 +30551,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30548
30551
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30549
30552
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30550
30553
|
grid-column: 1;
|
|
30551
|
-
|
|
30554
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30552
30555
|
align-items: start;
|
|
30553
30556
|
}
|
|
30554
30557
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -31101,8 +31104,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31101
31104
|
|
|
31102
31105
|
.pf-v6-c-tabs__toggle-icon {
|
|
31103
31106
|
display: inline-block;
|
|
31104
|
-
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
31105
31107
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
31108
|
+
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
31106
31109
|
}
|
|
31107
31110
|
|
|
31108
31111
|
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
@@ -31266,8 +31269,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31266
31269
|
align-self: end;
|
|
31267
31270
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
31268
31271
|
color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
|
|
31269
|
-
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31270
31272
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
31273
|
+
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31271
31274
|
}
|
|
31272
31275
|
|
|
31273
31276
|
.pf-v6-c-tabs__item-action {
|
|
@@ -31530,10 +31533,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31530
31533
|
border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
|
|
31531
31534
|
border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
|
|
31532
31535
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
31536
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31533
31537
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
31534
31538
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
31535
31539
|
transition-property: width, height, translate;
|
|
31536
|
-
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31537
31540
|
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
31538
31541
|
}
|
|
31539
31542
|
: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 {
|
|
@@ -31739,9 +31742,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31739
31742
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
31740
31743
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
31741
31744
|
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
31745
|
+
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31742
31746
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
31743
31747
|
border: 0;
|
|
31744
|
-
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31745
31748
|
}
|
|
31746
31749
|
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
31747
31750
|
grid-area: text-input;
|
|
@@ -31949,7 +31952,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31949
31952
|
|
|
31950
31953
|
.pf-v6-c-title {
|
|
31951
31954
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
31952
|
-
|
|
31955
|
+
overflow-wrap: break-word;
|
|
31953
31956
|
}
|
|
31954
31957
|
.pf-v6-c-title.pf-m-4xl {
|
|
31955
31958
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -32732,10 +32735,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32732
32735
|
|
|
32733
32736
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
32734
32737
|
display: inline-flex;
|
|
32738
|
+
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32735
32739
|
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
32736
32740
|
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
32737
32741
|
transition-property: transform;
|
|
32738
|
-
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32739
32742
|
}
|
|
32740
32743
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
32741
32744
|
scale: -1 1;
|
|
@@ -34371,7 +34374,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34371
34374
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
34372
34375
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
34373
34376
|
text-align: center;
|
|
34374
|
-
|
|
34377
|
+
overflow-wrap: break-word;
|
|
34375
34378
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
34376
34379
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
34377
34380
|
}
|
|
@@ -34753,19 +34756,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34753
34756
|
display: inline-block;
|
|
34754
34757
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
34755
34758
|
text-align: center;
|
|
34756
|
-
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
34757
34759
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
34760
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
34758
34761
|
}
|
|
34759
34762
|
|
|
34760
34763
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
34761
|
-
max-height: 0;
|
|
34762
34764
|
visibility: hidden;
|
|
34765
|
+
max-height: 0;
|
|
34763
34766
|
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
34767
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34764
34768
|
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
34765
34769
|
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
34766
34770
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
34767
34771
|
transition-property: opacity, translate, visibility, max-height;
|
|
34768
|
-
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34769
34772
|
}
|
|
34770
34773
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
34771
34774
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -34776,12 +34779,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34776
34779
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
34777
34780
|
}
|
|
34778
34781
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
34779
|
-
max-height: 99999px;
|
|
34780
34782
|
visibility: revert;
|
|
34783
|
+
max-height: 99999px;
|
|
34781
34784
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
34785
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
34782
34786
|
transition-delay: 0s;
|
|
34783
34787
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
34784
|
-
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
34785
34788
|
}
|
|
34786
34789
|
|
|
34787
34790
|
.pf-v6-c-tree-view__node,
|
|
@@ -35220,7 +35223,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35220
35223
|
|
|
35221
35224
|
.pf-v6-c-wizard__title {
|
|
35222
35225
|
padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
|
|
35223
|
-
|
|
35226
|
+
overflow-wrap: break-word;
|
|
35224
35227
|
}
|
|
35225
35228
|
|
|
35226
35229
|
.pf-v6-c-wizard__title-text {
|
|
@@ -35283,7 +35286,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35283
35286
|
align-items: baseline;
|
|
35284
35287
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
35285
35288
|
text-align: start;
|
|
35286
|
-
|
|
35289
|
+
overflow-wrap: break-word;
|
|
35287
35290
|
}
|
|
35288
35291
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
35289
35292
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -35419,8 +35422,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35419
35422
|
padding-inline: 0;
|
|
35420
35423
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
35421
35424
|
text-align: start;
|
|
35425
|
+
overflow-wrap: break-word;
|
|
35422
35426
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
35423
|
-
word-break: break-word;
|
|
35424
35427
|
counter-increment: wizard-nav-count;
|
|
35425
35428
|
background-color: transparent;
|
|
35426
35429
|
border: none;
|
|
@@ -35525,10 +35528,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35525
35528
|
|
|
35526
35529
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
35527
35530
|
display: inline-block;
|
|
35531
|
+
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35528
35532
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
35529
35533
|
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
35530
35534
|
transition-property: transform;
|
|
35531
|
-
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35532
35535
|
}
|
|
35533
35536
|
|
|
35534
35537
|
.pf-v6-c-wizard__main {
|
|
@@ -35538,7 +35541,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35538
35541
|
flex-direction: column;
|
|
35539
35542
|
overflow-x: hidden;
|
|
35540
35543
|
overflow-y: auto;
|
|
35541
|
-
|
|
35544
|
+
overflow-wrap: break-word;
|
|
35542
35545
|
}
|
|
35543
35546
|
|
|
35544
35547
|
.pf-v6-c-wizard__main-body {
|
|
@@ -37975,7 +37978,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
37975
37978
|
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
37976
37979
|
}
|
|
37977
37980
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
37978
|
-
|
|
37981
|
+
gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
37979
37982
|
}
|
|
37980
37983
|
.pf-v6-l-gallery {
|
|
37981
37984
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
@@ -38968,7 +38971,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
38968
38971
|
}
|
|
38969
38972
|
}
|
|
38970
38973
|
.pf-v6-l-grid.pf-m-gutter {
|
|
38971
|
-
|
|
38974
|
+
gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
38972
38975
|
}
|
|
38973
38976
|
|
|
38974
38977
|
.pf-v6-l-level {
|