@patternfly/patternfly 6.6.0-prerelease.1 → 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/base/normalize.scss +2 -0
- package/base/patternfly-common.css +2 -2
- package/base/patternfly-common.scss +1 -1
- package/base/patternfly-fa-icons.css +3 -3
- package/base/patternfly-fa-icons.scss +3 -3
- package/base/patternfly-variables.css +56 -56
- package/base/reset.scss +2 -0
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-charts-highcontrast.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +9 -9
- package/base/tokens/tokens-default.scss +8 -8
- package/base/tokens/tokens-felt-dark.scss +1 -1
- package/base/tokens/tokens-felt-glass-dark.scss +8 -8
- package/base/tokens/tokens-felt-glass.scss +8 -8
- package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-felt-highcontrast.scss +1 -1
- package/base/tokens/tokens-felt.scss +1 -1
- package/base/tokens/tokens-glass-dark.scss +8 -8
- package/base/tokens/tokens-glass.scss +8 -8
- package/base/tokens/tokens-highcontrast-dark.scss +8 -8
- package/base/tokens/tokens-highcontrast.scss +7 -7
- package/base/tokens/tokens-palette.scss +1 -1
- package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
- package/components/AboutModalBox/about-modal-box.css +1 -1
- package/components/AboutModalBox/about-modal-box.scss +1 -1
- package/components/Accordion/accordion.css +3 -3
- package/components/Accordion/accordion.scss +3 -3
- package/components/Alert/alert-group.css +1 -1
- package/components/Alert/alert-group.scss +1 -1
- package/components/Alert/alert.css +3 -3
- package/components/Alert/alert.scss +3 -3
- package/components/Breadcrumb/breadcrumb.css +1 -1
- package/components/Breadcrumb/breadcrumb.scss +1 -1
- package/components/Button/button.css +6 -6
- package/components/Button/button.scss +6 -6
- package/components/Card/card.css +2 -2
- package/components/Card/card.scss +3 -3
- package/components/Check/check.css +1 -1
- package/components/Check/check.scss +1 -1
- package/components/ClipboardCopy/clipboard-copy.css +2 -2
- package/components/ClipboardCopy/clipboard-copy.scss +2 -2
- package/components/Compass/compass.css +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 +127 -128
- 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 +190 -191
- package/patternfly.css +190 -191
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +2 -2
- package/utilities/Accessibility/accessibility.css +12 -12
- package/utilities/_index.css +12 -12
package/patternfly.css
CHANGED
|
@@ -158,9 +158,9 @@ button) {
|
|
|
158
158
|
inset-block-start: 0;
|
|
159
159
|
inset-inline-start: 0;
|
|
160
160
|
overflow: hidden;
|
|
161
|
-
clip: rect(0, 0, 0, 0);
|
|
162
161
|
white-space: nowrap;
|
|
163
162
|
border: 0;
|
|
163
|
+
clip-path: inset(50%);
|
|
164
164
|
}
|
|
165
165
|
.pf-v6-screen-reader.pf-m-full-size {
|
|
166
166
|
width: 100%;
|
|
@@ -263,8 +263,8 @@ button) {
|
|
|
263
263
|
}
|
|
264
264
|
}
|
|
265
265
|
:root {
|
|
266
|
-
container-type: inline-size;
|
|
267
266
|
container-name: pf-v6-contain-viewport pf-v6-contain-table;
|
|
267
|
+
container-type: inline-size;
|
|
268
268
|
}
|
|
269
269
|
|
|
270
270
|
@property --pf-v6-global--danger-jiggle--TranslateX {
|
|
@@ -5884,13 +5884,13 @@ button) {
|
|
|
5884
5884
|
.far,
|
|
5885
5885
|
.fal,
|
|
5886
5886
|
.fab {
|
|
5887
|
-
-moz-osx-font-smoothing: grayscale;
|
|
5888
|
-
-webkit-font-smoothing: antialiased;
|
|
5889
5887
|
display: inline-block;
|
|
5890
5888
|
font-style: normal;
|
|
5891
5889
|
font-variant: normal;
|
|
5892
|
-
text-rendering: auto;
|
|
5893
5890
|
line-height: 1;
|
|
5891
|
+
text-rendering: auto;
|
|
5892
|
+
-moz-osx-font-smoothing: grayscale;
|
|
5893
|
+
-webkit-font-smoothing: antialiased;
|
|
5894
5894
|
}
|
|
5895
5895
|
|
|
5896
5896
|
@font-face {
|
|
@@ -6555,12 +6555,12 @@ button) {
|
|
|
6555
6555
|
--pf-t--color--yellow--60: #96640f;
|
|
6556
6556
|
--pf-t--color--yellow--70: #73480b;
|
|
6557
6557
|
--pf-t--color--yellow--80: #54330b;
|
|
6558
|
-
--pf-t--global--background--color--500:
|
|
6559
|
-
--pf-t--global--background--color--600:
|
|
6560
|
-
--pf-t--global--background--color--700:
|
|
6561
|
-
--pf-t--global--background--color--action--plain--default:
|
|
6558
|
+
--pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
|
|
6559
|
+
--pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
|
|
6560
|
+
--pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
|
|
6561
|
+
--pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
|
|
6562
6562
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
6563
|
-
--pf-t--global--border--color--high-contrast:
|
|
6563
|
+
--pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
|
|
6564
6564
|
--pf-t--global--border--radius--0: 0px;
|
|
6565
6565
|
--pf-t--global--border--radius--100: 4px;
|
|
6566
6566
|
--pf-t--global--border--radius--200: 6px;
|
|
@@ -6598,8 +6598,8 @@ button) {
|
|
|
6598
6598
|
--pf-t--global--box-shadow--blur--100: 6px;
|
|
6599
6599
|
--pf-t--global--box-shadow--blur--200: 10px;
|
|
6600
6600
|
--pf-t--global--box-shadow--blur--300: 20px;
|
|
6601
|
-
--pf-t--global--box-shadow--color--100:
|
|
6602
|
-
--pf-t--global--box-shadow--color--200:
|
|
6601
|
+
--pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
|
|
6602
|
+
--pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
|
|
6603
6603
|
--pf-t--global--box-shadow--spread--100: 0px;
|
|
6604
6604
|
--pf-t--global--box-shadow--spread--200: -4px;
|
|
6605
6605
|
--pf-t--global--box-shadow--spread--300: -8px;
|
|
@@ -7472,10 +7472,10 @@ button) {
|
|
|
7472
7472
|
}
|
|
7473
7473
|
|
|
7474
7474
|
:root:where(.pf-v6-theme-high-contrast) {
|
|
7475
|
-
--pf-t--global--background--color--500:
|
|
7476
|
-
--pf-t--global--background--color--600:
|
|
7477
|
-
--pf-t--global--background--color--700:
|
|
7478
|
-
--pf-t--global--background--color--action--plain--default:
|
|
7475
|
+
--pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
|
|
7476
|
+
--pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
|
|
7477
|
+
--pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
|
|
7478
|
+
--pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
|
|
7479
7479
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
7480
7480
|
--pf-t--global--border--radius--0: 0px;
|
|
7481
7481
|
--pf-t--global--border--radius--100: 4px;
|
|
@@ -7509,8 +7509,8 @@ button) {
|
|
|
7509
7509
|
--pf-t--global--box-shadow--blur--100: 6px;
|
|
7510
7510
|
--pf-t--global--box-shadow--blur--200: 10px;
|
|
7511
7511
|
--pf-t--global--box-shadow--blur--300: 20px;
|
|
7512
|
-
--pf-t--global--box-shadow--color--100:
|
|
7513
|
-
--pf-t--global--box-shadow--color--200:
|
|
7512
|
+
--pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
|
|
7513
|
+
--pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
|
|
7514
7514
|
--pf-t--global--box-shadow--spread--100: 0px;
|
|
7515
7515
|
--pf-t--global--box-shadow--spread--200: -4px;
|
|
7516
7516
|
--pf-t--global--box-shadow--spread--300: -8px;
|
|
@@ -8227,13 +8227,13 @@ button) {
|
|
|
8227
8227
|
}
|
|
8228
8228
|
|
|
8229
8229
|
:root:where(.pf-v6-theme-glass) {
|
|
8230
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
8231
|
-
--pf-t--global--background--color--primary--clicked:
|
|
8232
|
-
--pf-t--global--background--color--primary--default:
|
|
8233
|
-
--pf-t--global--background--color--primary--hover:
|
|
8234
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
8235
|
-
--pf-t--global--background--color--secondary--default:
|
|
8236
|
-
--pf-t--global--background--color--secondary--hover:
|
|
8230
|
+
--pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
|
|
8231
|
+
--pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
|
|
8232
|
+
--pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
|
|
8233
|
+
--pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
|
|
8234
|
+
--pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
|
|
8235
|
+
--pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
|
|
8236
|
+
--pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
|
|
8237
8237
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
8238
8238
|
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
|
|
8239
8239
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
|
|
@@ -8372,13 +8372,13 @@ button) {
|
|
|
8372
8372
|
}
|
|
8373
8373
|
|
|
8374
8374
|
:root:where(.pf-v6-theme-felt.pf-v6-theme-glass) {
|
|
8375
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
8376
|
-
--pf-t--global--background--color--primary--clicked:
|
|
8377
|
-
--pf-t--global--background--color--primary--default:
|
|
8378
|
-
--pf-t--global--background--color--primary--hover:
|
|
8379
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
8380
|
-
--pf-t--global--background--color--secondary--default:
|
|
8381
|
-
--pf-t--global--background--color--secondary--hover:
|
|
8375
|
+
--pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
|
|
8376
|
+
--pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
|
|
8377
|
+
--pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
|
|
8378
|
+
--pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
|
|
8379
|
+
--pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
|
|
8380
|
+
--pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
|
|
8381
|
+
--pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
|
|
8382
8382
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
8383
8383
|
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
|
|
8384
8384
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
|
|
@@ -8399,15 +8399,15 @@ button) {
|
|
|
8399
8399
|
}
|
|
8400
8400
|
|
|
8401
8401
|
:root:where(.pf-v6-theme-dark) {
|
|
8402
|
-
--pf-t--global--background--color--action--plain--default:
|
|
8403
|
-
--pf-t--global--background--color--striped--row--default:
|
|
8402
|
+
--pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
|
|
8403
|
+
--pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
|
|
8404
8404
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
8405
|
-
--pf-t--global--border--color--high-contrast:
|
|
8406
|
-
--pf-t--global--dark--background--color--500:
|
|
8407
|
-
--pf-t--global--dark--background--color--600:
|
|
8408
|
-
--pf-t--global--dark--background--color--700:
|
|
8409
|
-
--pf-t--global--dark--box-shadow--color--100:
|
|
8410
|
-
--pf-t--global--dark--box-shadow--color--200:
|
|
8405
|
+
--pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
|
|
8406
|
+
--pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
|
|
8407
|
+
--pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
|
|
8408
|
+
--pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
|
|
8409
|
+
--pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
|
|
8410
|
+
--pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
|
|
8411
8411
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
8412
8412
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
8413
8413
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
@@ -8857,14 +8857,14 @@ button) {
|
|
|
8857
8857
|
}
|
|
8858
8858
|
|
|
8859
8859
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-high-contrast) {
|
|
8860
|
-
--pf-t--global--background--color--action--plain--default:
|
|
8861
|
-
--pf-t--global--background--color--striped--row--default:
|
|
8860
|
+
--pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
|
|
8861
|
+
--pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
|
|
8862
8862
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
8863
|
-
--pf-t--global--dark--background--color--500:
|
|
8864
|
-
--pf-t--global--dark--background--color--600:
|
|
8865
|
-
--pf-t--global--dark--background--color--700:
|
|
8866
|
-
--pf-t--global--dark--box-shadow--color--100:
|
|
8867
|
-
--pf-t--global--dark--box-shadow--color--200:
|
|
8863
|
+
--pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
|
|
8864
|
+
--pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
|
|
8865
|
+
--pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
|
|
8866
|
+
--pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
|
|
8867
|
+
--pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
|
|
8868
8868
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
8869
8869
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
8870
8870
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9298,13 +9298,13 @@ button) {
|
|
|
9298
9298
|
}
|
|
9299
9299
|
|
|
9300
9300
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-glass) {
|
|
9301
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
9302
|
-
--pf-t--global--background--color--primary--clicked:
|
|
9303
|
-
--pf-t--global--background--color--primary--default:
|
|
9304
|
-
--pf-t--global--background--color--primary--hover:
|
|
9305
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
9306
|
-
--pf-t--global--background--color--secondary--default:
|
|
9307
|
-
--pf-t--global--background--color--secondary--hover:
|
|
9301
|
+
--pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9302
|
+
--pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
|
|
9303
|
+
--pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9304
|
+
--pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
|
|
9305
|
+
--pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
|
|
9306
|
+
--pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
|
|
9307
|
+
--pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
|
|
9308
9308
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
9309
9309
|
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
|
|
9310
9310
|
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9367,13 +9367,13 @@ button) {
|
|
|
9367
9367
|
}
|
|
9368
9368
|
|
|
9369
9369
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-glass) {
|
|
9370
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
9371
|
-
--pf-t--global--background--color--primary--clicked:
|
|
9372
|
-
--pf-t--global--background--color--primary--default:
|
|
9373
|
-
--pf-t--global--background--color--primary--hover:
|
|
9374
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
9375
|
-
--pf-t--global--background--color--secondary--default:
|
|
9376
|
-
--pf-t--global--background--color--secondary--hover:
|
|
9370
|
+
--pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9371
|
+
--pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
|
|
9372
|
+
--pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9373
|
+
--pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
|
|
9374
|
+
--pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
|
|
9375
|
+
--pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
|
|
9376
|
+
--pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
|
|
9377
9377
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
9378
9378
|
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
|
|
9379
9379
|
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9573,7 +9573,7 @@ button) {
|
|
|
9573
9573
|
overflow-x: hidden;
|
|
9574
9574
|
overflow-y: auto;
|
|
9575
9575
|
overscroll-behavior: contain;
|
|
9576
|
-
|
|
9576
|
+
overflow-wrap: break-word;
|
|
9577
9577
|
-webkit-overflow-scrolling: touch;
|
|
9578
9578
|
}
|
|
9579
9579
|
@media screen and (min-width: 36rem) {
|
|
@@ -9833,8 +9833,8 @@ button) {
|
|
|
9833
9833
|
}
|
|
9834
9834
|
|
|
9835
9835
|
.pf-v6-c-accordion__toggle-icon {
|
|
9836
|
-
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9837
9836
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
9837
|
+
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9838
9838
|
}
|
|
9839
9839
|
|
|
9840
9840
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
@@ -9842,6 +9842,7 @@ button) {
|
|
|
9842
9842
|
}
|
|
9843
9843
|
|
|
9844
9844
|
.pf-v6-c-accordion__expandable-content {
|
|
9845
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9845
9846
|
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
|
9846
9847
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
9847
9848
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
@@ -9849,16 +9850,15 @@ button) {
|
|
|
9849
9850
|
overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
|
|
9850
9851
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
9851
9852
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
9852
|
-
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9853
9853
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
9854
9854
|
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
9855
9855
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
9856
9856
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
9857
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9857
9858
|
transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
|
|
9858
9859
|
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
9859
9860
|
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
|
9860
9861
|
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
|
9861
|
-
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9862
9862
|
}
|
|
9863
9863
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
9864
9864
|
--pf-v6-c-accordion__expandable-content--Overflow: auto;
|
|
@@ -10062,8 +10062,8 @@ button) {
|
|
|
10062
10062
|
|
|
10063
10063
|
.pf-v6-c-alert__toggle-icon {
|
|
10064
10064
|
display: inline-block;
|
|
10065
|
-
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
10066
10065
|
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
10066
|
+
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
10067
10067
|
}
|
|
10068
10068
|
|
|
10069
10069
|
.pf-v6-c-alert__icon {
|
|
@@ -10078,7 +10078,7 @@ button) {
|
|
|
10078
10078
|
grid-area: title;
|
|
10079
10079
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
10080
10080
|
color: var(--pf-v6-c-alert__title--Color);
|
|
10081
|
-
|
|
10081
|
+
overflow-wrap: break-word;
|
|
10082
10082
|
}
|
|
10083
10083
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
10084
10084
|
display: -webkit-box;
|
|
@@ -10090,7 +10090,7 @@ button) {
|
|
|
10090
10090
|
.pf-v6-c-alert__description {
|
|
10091
10091
|
grid-area: description;
|
|
10092
10092
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
10093
|
-
|
|
10093
|
+
overflow-wrap: break-word;
|
|
10094
10094
|
}
|
|
10095
10095
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
10096
10096
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -10240,8 +10240,8 @@ button) {
|
|
|
10240
10240
|
display: grid;
|
|
10241
10241
|
grid-template-rows: 1fr;
|
|
10242
10242
|
opacity: 1;
|
|
10243
|
-
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10244
10243
|
transform: translateX(0) translateY(0);
|
|
10244
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10245
10245
|
}
|
|
10246
10246
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
10247
10247
|
.pf-v6-c-alert-group__item {
|
|
@@ -10986,10 +10986,10 @@ button) {
|
|
|
10986
10986
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
10987
10987
|
line-height: inherit;
|
|
10988
10988
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
10989
|
+
overflow-wrap: break-word;
|
|
10989
10990
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
10990
10991
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
10991
10992
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
10992
|
-
word-break: break-word;
|
|
10993
10993
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
10994
10994
|
}
|
|
10995
10995
|
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
@@ -11407,10 +11407,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11407
11407
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
11408
11408
|
color: var(--pf-v6-c-button--Color);
|
|
11409
11409
|
text-align: center;
|
|
11410
|
+
white-space: nowrap;
|
|
11410
11411
|
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
|
11411
11412
|
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
|
11412
11413
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
11413
|
-
white-space: nowrap;
|
|
11414
11414
|
cursor: pointer;
|
|
11415
11415
|
-webkit-user-select: none;
|
|
11416
11416
|
user-select: none;
|
|
@@ -11420,11 +11420,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11420
11420
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11421
11421
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11422
11422
|
border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11423
|
+
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
11423
11424
|
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
11424
11425
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
11425
11426
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
11426
11427
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
11427
|
-
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
11428
11428
|
}
|
|
11429
11429
|
.pf-v6-c-button::after {
|
|
11430
11430
|
position: absolute;
|
|
@@ -11551,10 +11551,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11551
11551
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
11552
11552
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
11553
11553
|
text-align: start;
|
|
11554
|
-
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11555
11554
|
white-space: normal;
|
|
11556
|
-
|
|
11555
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11557
11556
|
outline-offset: 0.125rem;
|
|
11557
|
+
background: transparent;
|
|
11558
11558
|
}
|
|
11559
11559
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
11560
11560
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
@@ -11912,12 +11912,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11912
11912
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
11913
11913
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
11914
11914
|
color: var(--pf-v6-c-button__icon--Color);
|
|
11915
|
+
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
11916
|
+
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
11915
11917
|
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
11916
11918
|
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
11917
11919
|
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
11918
11920
|
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
|
11919
|
-
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
11920
|
-
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
11921
11921
|
}
|
|
11922
11922
|
.pf-v6-c-button__icon.pf-m-start {
|
|
11923
11923
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -12344,8 +12344,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12344
12344
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
|
|
12345
12345
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
|
|
12346
12346
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
|
|
12347
|
-
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
12348
12347
|
box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
|
|
12348
|
+
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
12349
12349
|
}
|
|
12350
12350
|
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
12351
12351
|
gap: 0;
|
|
@@ -12587,9 +12587,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12587
12587
|
}
|
|
12588
12588
|
|
|
12589
12589
|
.pf-v6-c-card__clickable-action {
|
|
12590
|
+
outline: 0;
|
|
12590
12591
|
background: none;
|
|
12591
12592
|
border: 0;
|
|
12592
|
-
outline: 0;
|
|
12593
12593
|
}
|
|
12594
12594
|
.pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
|
|
12595
12595
|
pointer-events: none;
|
|
@@ -12657,7 +12657,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12657
12657
|
.pf-v6-c-check {
|
|
12658
12658
|
display: grid;
|
|
12659
12659
|
grid-template-columns: auto 1fr;
|
|
12660
|
-
|
|
12660
|
+
gap: var(--pf-v6-c-check--GridGap);
|
|
12661
12661
|
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
12662
12662
|
}
|
|
12663
12663
|
.pf-v6-c-check.pf-m-standalone {
|
|
@@ -12788,7 +12788,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12788
12788
|
padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
|
|
12789
12789
|
padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
|
|
12790
12790
|
margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
|
|
12791
|
-
|
|
12791
|
+
overflow-wrap: break-word;
|
|
12792
12792
|
background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
|
|
12793
12793
|
background-clip: padding-box;
|
|
12794
12794
|
border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
|
|
@@ -12804,7 +12804,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12804
12804
|
}
|
|
12805
12805
|
|
|
12806
12806
|
.pf-v6-c-clipboard-copy__text {
|
|
12807
|
-
|
|
12807
|
+
overflow-wrap: break-word;
|
|
12808
12808
|
white-space: normal;
|
|
12809
12809
|
}
|
|
12810
12810
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -13293,8 +13293,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13293
13293
|
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
13294
13294
|
.pf-v6-c-compass__main-footer,
|
|
13295
13295
|
.pf-v6-c-compass__footer {
|
|
13296
|
-
margin: 0;
|
|
13297
13296
|
visibility: hidden;
|
|
13297
|
+
margin: 0;
|
|
13298
13298
|
opacity: 0;
|
|
13299
13299
|
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
13300
13300
|
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
@@ -13415,8 +13415,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13415
13415
|
flex-direction: column;
|
|
13416
13416
|
grid-area: dock;
|
|
13417
13417
|
width: var(--pf-v6-c-compass__dock--Width);
|
|
13418
|
-
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
13419
13418
|
translate: -100% 0;
|
|
13419
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
13420
13420
|
}
|
|
13421
13421
|
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
13422
13422
|
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
@@ -13442,9 +13442,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13442
13442
|
.pf-v6-c-compass__dock-main {
|
|
13443
13443
|
flex-grow: 1;
|
|
13444
13444
|
background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
|
|
13445
|
-
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13446
13445
|
border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
|
|
13447
13446
|
box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
|
|
13447
|
+
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13448
13448
|
}
|
|
13449
13449
|
.pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
|
|
13450
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);
|
|
@@ -13775,8 +13775,8 @@ ul) {
|
|
|
13775
13775
|
@media screen and (min-width: 36rem) {
|
|
13776
13776
|
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
13777
13777
|
grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
|
|
13778
|
-
|
|
13779
|
-
|
|
13778
|
+
row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
13779
|
+
column-gap: var(--pf-v6-c-content--dl--ColumnGap);
|
|
13780
13780
|
}
|
|
13781
13781
|
}
|
|
13782
13782
|
|
|
@@ -14565,8 +14565,8 @@ ul) {
|
|
|
14565
14565
|
.pf-v6-c-data-list__toggle-icon {
|
|
14566
14566
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
14567
14567
|
pointer-events: none;
|
|
14568
|
-
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14569
14568
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
14569
|
+
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14570
14570
|
}
|
|
14571
14571
|
|
|
14572
14572
|
.pf-v6-c-data-list__item-content {
|
|
@@ -14783,7 +14783,6 @@ ul) {
|
|
|
14783
14783
|
width: 100%;
|
|
14784
14784
|
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
14785
14785
|
break-inside: avoid;
|
|
14786
|
-
page-break-inside: avoid;
|
|
14787
14786
|
-webkit-column-break-inside: avoid;
|
|
14788
14787
|
-moz-column-break-inside: avoid;
|
|
14789
14788
|
}
|
|
@@ -15191,9 +15190,9 @@ ul) {
|
|
|
15191
15190
|
max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
|
|
15192
15191
|
margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
|
|
15193
15192
|
overflow: auto;
|
|
15193
|
+
outline-offset: 2px;
|
|
15194
15194
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
15195
15195
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
15196
|
-
outline-offset: 2px;
|
|
15197
15196
|
}
|
|
15198
15197
|
|
|
15199
15198
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -15229,25 +15228,25 @@ ul) {
|
|
|
15229
15228
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
15230
15229
|
}
|
|
15231
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 {
|
|
15232
|
-
max-height: 0;
|
|
15233
15231
|
visibility: hidden;
|
|
15232
|
+
max-height: 0;
|
|
15234
15233
|
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
15234
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15235
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);
|
|
15236
15236
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
15237
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;
|
|
15238
15238
|
transition-property: opacity, translate, visibility, max-height;
|
|
15239
|
-
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15240
15239
|
}
|
|
15241
15240
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
15242
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);
|
|
15243
15242
|
}
|
|
15244
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 {
|
|
15245
|
-
max-height: 99999px;
|
|
15246
15244
|
visibility: revert;
|
|
15245
|
+
max-height: 99999px;
|
|
15247
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);
|
|
15248
15248
|
transition-delay: 0s;
|
|
15249
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;
|
|
15250
|
-
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
15251
15250
|
}
|
|
15252
15251
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
15253
15252
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
@@ -15382,10 +15381,10 @@ ul) {
|
|
|
15382
15381
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
15383
15382
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
15384
15383
|
text-align: center;
|
|
15384
|
+
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15385
15385
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
15386
15386
|
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
15387
15387
|
transition-property: transform;
|
|
15388
|
-
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15389
15388
|
}
|
|
15390
15389
|
|
|
15391
15390
|
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
@@ -16170,6 +16169,7 @@ ul) {
|
|
|
16170
16169
|
.pf-v6-c-drawer__panel {
|
|
16171
16170
|
position: relative;
|
|
16172
16171
|
z-index: var(--pf-v6-c-drawer__panel--ZIndex);
|
|
16172
|
+
visibility: hidden;
|
|
16173
16173
|
flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
|
|
16174
16174
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
16175
16175
|
order: 1;
|
|
@@ -16177,7 +16177,6 @@ ul) {
|
|
|
16177
16177
|
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
16178
16178
|
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
16179
16179
|
overflow: auto;
|
|
16180
|
-
visibility: hidden;
|
|
16181
16180
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
16182
16181
|
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
16183
16182
|
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
@@ -16287,8 +16286,8 @@ ul) {
|
|
|
16287
16286
|
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
16288
16287
|
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
16289
16288
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
16290
|
-
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16291
16289
|
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
16290
|
+
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16292
16291
|
}
|
|
16293
16292
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
16294
16293
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -17078,8 +17077,8 @@ ul) {
|
|
|
17078
17077
|
display: inline-block;
|
|
17079
17078
|
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
17080
17079
|
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
17081
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
17082
17080
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
17081
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
17083
17082
|
}
|
|
17084
17083
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
17085
17084
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
@@ -17094,15 +17093,15 @@ ul) {
|
|
|
17094
17093
|
display: revert;
|
|
17095
17094
|
}
|
|
17096
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);
|
|
17097
17097
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
17098
17098
|
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
17099
|
-
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
17100
17099
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
17100
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
17101
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);
|
|
17102
17102
|
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
17103
17103
|
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
17104
17104
|
transition-property: opacity, translate, visibility, max-height;
|
|
17105
|
-
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
17106
17105
|
}
|
|
17107
17106
|
|
|
17108
17107
|
.pf-v6-c-file-upload {
|
|
@@ -17273,7 +17272,7 @@ ul) {
|
|
|
17273
17272
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
|
|
17274
17273
|
display: grid;
|
|
17275
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);
|
|
17276
|
-
|
|
17275
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17277
17276
|
}
|
|
17278
17277
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
|
|
17279
17278
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17301,7 +17300,7 @@ ul) {
|
|
|
17301
17300
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
|
|
17302
17301
|
display: grid;
|
|
17303
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);
|
|
17304
|
-
|
|
17303
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17305
17304
|
}
|
|
17306
17305
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
|
|
17307
17306
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17329,7 +17328,7 @@ ul) {
|
|
|
17329
17328
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
|
|
17330
17329
|
display: grid;
|
|
17331
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);
|
|
17332
|
-
|
|
17331
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17333
17332
|
}
|
|
17334
17333
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
|
|
17335
17334
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17357,7 +17356,7 @@ ul) {
|
|
|
17357
17356
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
|
|
17358
17357
|
display: grid;
|
|
17359
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);
|
|
17360
|
-
|
|
17359
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17361
17360
|
}
|
|
17362
17361
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
|
|
17363
17362
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17385,7 +17384,7 @@ ul) {
|
|
|
17385
17384
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
|
|
17386
17385
|
display: grid;
|
|
17387
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);
|
|
17388
|
-
|
|
17387
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17389
17388
|
}
|
|
17390
17389
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
|
|
17391
17390
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17413,7 +17412,7 @@ ul) {
|
|
|
17413
17412
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
|
|
17414
17413
|
display: grid;
|
|
17415
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);
|
|
17416
|
-
|
|
17415
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17417
17416
|
}
|
|
17418
17417
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
|
|
17419
17418
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17441,7 +17440,7 @@ ul) {
|
|
|
17441
17440
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
|
|
17442
17441
|
display: grid;
|
|
17443
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);
|
|
17444
|
-
|
|
17443
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17445
17444
|
}
|
|
17446
17445
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
|
|
17447
17446
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17614,14 +17613,14 @@ ul) {
|
|
|
17614
17613
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
17615
17614
|
}
|
|
17616
17615
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17616
|
+
visibility: visible;
|
|
17617
17617
|
max-height: 99999px;
|
|
17618
17618
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
17619
17619
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17620
|
-
visibility: visible;
|
|
17621
17620
|
opacity: 1;
|
|
17621
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17622
17622
|
transition-delay: 0s;
|
|
17623
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;
|
|
17624
|
-
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17625
17624
|
}
|
|
17626
17625
|
|
|
17627
17626
|
.pf-v6-c-form__field-group-toggle {
|
|
@@ -17643,10 +17642,10 @@ ul) {
|
|
|
17643
17642
|
display: inline-block;
|
|
17644
17643
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
17645
17644
|
text-align: center;
|
|
17645
|
+
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17646
17646
|
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
17647
17647
|
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
17648
17648
|
transition-property: transform;
|
|
17649
|
-
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17650
17649
|
}
|
|
17651
17650
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
17652
17651
|
scale: -1 1;
|
|
@@ -17695,15 +17694,15 @@ ul) {
|
|
|
17695
17694
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17696
17695
|
}
|
|
17697
17696
|
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17697
|
+
visibility: hidden;
|
|
17698
17698
|
max-height: 0;
|
|
17699
17699
|
padding-block-start: 0;
|
|
17700
17700
|
padding-block-end: 0;
|
|
17701
|
-
visibility: hidden;
|
|
17702
17701
|
opacity: 0;
|
|
17702
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17703
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);
|
|
17704
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;
|
|
17705
17705
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
17706
|
-
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17707
17706
|
}
|
|
17708
17707
|
|
|
17709
17708
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
@@ -17863,10 +17862,10 @@ ul) {
|
|
|
17863
17862
|
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
17864
17863
|
color: var(--pf-v6-c-form-control--Color);
|
|
17865
17864
|
appearance: none;
|
|
17865
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17866
17866
|
background-color: transparent;
|
|
17867
17867
|
border: none;
|
|
17868
17868
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
17869
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17870
17869
|
}
|
|
17871
17870
|
.pf-v6-c-form-control > ::placeholder {
|
|
17872
17871
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
@@ -18232,8 +18231,8 @@ ul) {
|
|
|
18232
18231
|
:where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
|
|
18233
18232
|
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
18234
18233
|
--pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
|
|
18235
|
-
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18236
18234
|
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
18235
|
+
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18237
18236
|
}
|
|
18238
18237
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
18239
18238
|
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
@@ -18269,7 +18268,7 @@ ul) {
|
|
|
18269
18268
|
.pf-v6-c-hint {
|
|
18270
18269
|
display: grid;
|
|
18271
18270
|
grid-template-columns: 1fr auto;
|
|
18272
|
-
|
|
18271
|
+
row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
18273
18272
|
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
18274
18273
|
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
18275
18274
|
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
@@ -18717,20 +18716,20 @@ ul) {
|
|
|
18717
18716
|
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
18718
18717
|
}
|
|
18719
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);
|
|
18720
18720
|
flex-grow: 1;
|
|
18721
18721
|
max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
|
|
18722
|
-
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
18723
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;
|
|
18724
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);
|
|
18725
18726
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
|
18726
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;
|
|
18727
18728
|
transition-property: opacity, scale, visibility, max-width;
|
|
18728
|
-
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
18729
|
-
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
18730
18729
|
}
|
|
18731
18730
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
|
|
18732
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
18733
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%);
|
|
18734
18733
|
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
|
18735
18734
|
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
18736
18735
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
|
@@ -18738,8 +18737,8 @@ ul) {
|
|
|
18738
18737
|
transition-property: opacity, visibility, max-width;
|
|
18739
18738
|
}
|
|
18740
18739
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
|
|
18741
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
18742
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);
|
|
18743
18742
|
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
|
18744
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);
|
|
18745
18744
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
|
@@ -19066,10 +19065,10 @@ label.pf-v6-c-input-group__text {
|
|
|
19066
19065
|
.pf-v6-c-jump-links__toggle-icon {
|
|
19067
19066
|
display: inline-block;
|
|
19068
19067
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
19068
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
19069
19069
|
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
19070
19070
|
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
19071
19071
|
transition-property: transform;
|
|
19072
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
19073
19072
|
}
|
|
19074
19073
|
|
|
19075
19074
|
.pf-v6-c-label {
|
|
@@ -19282,9 +19281,9 @@ label.pf-v6-c-input-group__text {
|
|
|
19282
19281
|
font-size: var(--pf-v6-c-label--FontSize);
|
|
19283
19282
|
white-space: nowrap;
|
|
19284
19283
|
background: transparent;
|
|
19285
|
-
isolation: isolate;
|
|
19286
19284
|
border: 0;
|
|
19287
19285
|
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
19286
|
+
isolation: isolate;
|
|
19288
19287
|
}
|
|
19289
19288
|
.pf-v6-c-label.pf-m-blue {
|
|
19290
19289
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
|
@@ -19942,7 +19941,7 @@ ul.pf-v6-c-list {
|
|
|
19942
19941
|
display: grid;
|
|
19943
19942
|
grid-template-areas: "main header" "main footer" "main .";
|
|
19944
19943
|
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
19945
|
-
|
|
19944
|
+
column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
19946
19945
|
justify-content: center;
|
|
19947
19946
|
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
19948
19947
|
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
@@ -19968,10 +19967,10 @@ ul.pf-v6-c-list {
|
|
|
19968
19967
|
align-self: start;
|
|
19969
19968
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
19970
19969
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
19971
|
-
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19972
19970
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
19973
19971
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
19974
19972
|
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
19973
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19975
19974
|
}
|
|
19976
19975
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
19977
19976
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -20315,9 +20314,9 @@ ul.pf-v6-c-list {
|
|
|
20315
20314
|
}
|
|
20316
20315
|
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
20317
20316
|
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
20318
|
-
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20319
20317
|
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
20320
20318
|
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
20319
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20321
20320
|
}
|
|
20322
20321
|
|
|
20323
20322
|
.pf-v6-c-masthead__main {
|
|
@@ -21026,8 +21025,8 @@ ul.pf-v6-c-list {
|
|
|
21026
21025
|
}
|
|
21027
21026
|
|
|
21028
21027
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
|
|
21029
|
-
overflow: hidden;
|
|
21030
21028
|
visibility: visible;
|
|
21029
|
+
overflow: hidden;
|
|
21031
21030
|
transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
|
|
21032
21031
|
}
|
|
21033
21032
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
|
|
@@ -21053,8 +21052,8 @@ ul.pf-v6-c-list {
|
|
|
21053
21052
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21054
21053
|
}
|
|
21055
21054
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
|
|
21056
|
-
overflow: visible;
|
|
21057
21055
|
visibility: hidden;
|
|
21056
|
+
overflow: visible;
|
|
21058
21057
|
}
|
|
21059
21058
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
|
|
21060
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) {
|
|
@@ -21195,10 +21194,10 @@ ul.pf-v6-c-list {
|
|
|
21195
21194
|
color: var(--pf-v6-c-menu__item--Color);
|
|
21196
21195
|
text-align: start;
|
|
21197
21196
|
text-decoration-line: none;
|
|
21197
|
+
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21198
21198
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
21199
21199
|
border: 0;
|
|
21200
21200
|
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
21201
|
-
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21202
21201
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
21203
21202
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
21204
21203
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
@@ -21292,7 +21291,7 @@ ul.pf-v6-c-list {
|
|
|
21292
21291
|
.pf-v6-c-menu__item-description {
|
|
21293
21292
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
21294
21293
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
21295
|
-
|
|
21294
|
+
overflow-wrap: break-word;
|
|
21296
21295
|
}
|
|
21297
21296
|
|
|
21298
21297
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -21875,10 +21874,10 @@ ul.pf-v6-c-list {
|
|
|
21875
21874
|
|
|
21876
21875
|
.pf-v6-c-menu-toggle__icon {
|
|
21877
21876
|
flex-shrink: 0;
|
|
21877
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21878
21878
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
21879
21879
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
21880
21880
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
21881
|
-
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21882
21881
|
}
|
|
21883
21882
|
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
21884
21883
|
vertical-align: middle;
|
|
@@ -22086,7 +22085,7 @@ ul.pf-v6-c-list {
|
|
|
22086
22085
|
overflow-x: hidden;
|
|
22087
22086
|
overflow-y: auto;
|
|
22088
22087
|
overscroll-behavior: contain;
|
|
22089
|
-
|
|
22088
|
+
overflow-wrap: break-word;
|
|
22090
22089
|
-webkit-overflow-scrolling: touch;
|
|
22091
22090
|
}
|
|
22092
22091
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -22535,17 +22534,17 @@ ul.pf-v6-c-list {
|
|
|
22535
22534
|
|
|
22536
22535
|
.pf-v6-c-nav__subnav {
|
|
22537
22536
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
22537
|
+
visibility: visible;
|
|
22538
22538
|
max-height: 99999px;
|
|
22539
22539
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
22540
22540
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
22541
22541
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
22542
22542
|
overflow-y: clip;
|
|
22543
|
-
|
|
22543
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22544
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);
|
|
22545
22545
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
22546
22546
|
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
22547
22547
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
22548
|
-
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22549
22548
|
}
|
|
22550
22549
|
.pf-v6-c-nav__subnav[hidden] {
|
|
22551
22550
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
@@ -22555,8 +22554,8 @@ ul.pf-v6-c-list {
|
|
|
22555
22554
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
22556
22555
|
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
22557
22556
|
display: grid;
|
|
22558
|
-
max-height: 0;
|
|
22559
22557
|
visibility: hidden;
|
|
22558
|
+
max-height: 0;
|
|
22560
22559
|
opacity: 0;
|
|
22561
22560
|
}
|
|
22562
22561
|
|
|
@@ -22574,10 +22573,10 @@ ul.pf-v6-c-list {
|
|
|
22574
22573
|
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
22575
22574
|
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
22576
22575
|
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
22576
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22577
22577
|
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
22578
22578
|
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
22579
22579
|
transition-property: scale;
|
|
22580
|
-
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22581
22580
|
}
|
|
22582
22581
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
22583
22582
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
@@ -22665,10 +22664,10 @@ ul.pf-v6-c-list {
|
|
|
22665
22664
|
|
|
22666
22665
|
.pf-v6-c-nav__toggle-icon {
|
|
22667
22666
|
display: inline-block;
|
|
22667
|
+
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22668
22668
|
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
22669
22669
|
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
22670
22670
|
transition-property: transform;
|
|
22671
|
-
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22672
22671
|
}
|
|
22673
22672
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
22674
22673
|
scale: -1 1;
|
|
@@ -22901,9 +22900,9 @@ ul.pf-v6-c-list {
|
|
|
22901
22900
|
padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
|
|
22902
22901
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
22903
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);
|
|
22904
22904
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
22905
22905
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
22906
|
-
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22907
22906
|
}
|
|
22908
22907
|
.pf-v6-c-notification-drawer__list-item::before {
|
|
22909
22908
|
position: absolute;
|
|
@@ -22960,7 +22959,7 @@ ul.pf-v6-c-list {
|
|
|
22960
22959
|
|
|
22961
22960
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
22962
22961
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
22963
|
-
|
|
22962
|
+
overflow-wrap: break-word;
|
|
22964
22963
|
}
|
|
22965
22964
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
22966
22965
|
display: -webkit-box;
|
|
@@ -22982,7 +22981,7 @@ ul.pf-v6-c-list {
|
|
|
22982
22981
|
grid-row: 2/3;
|
|
22983
22982
|
grid-column: 1/2;
|
|
22984
22983
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
22985
|
-
|
|
22984
|
+
overflow-wrap: break-word;
|
|
22986
22985
|
}
|
|
22987
22986
|
|
|
22988
22987
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -23013,9 +23012,9 @@ ul.pf-v6-c-list {
|
|
|
23013
23012
|
padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
|
|
23014
23013
|
padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
|
|
23015
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);
|
|
23016
23016
|
background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
|
|
23017
23017
|
border: none;
|
|
23018
|
-
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
23019
23018
|
}
|
|
23020
23019
|
|
|
23021
23020
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
@@ -23027,7 +23026,7 @@ ul.pf-v6-c-list {
|
|
|
23027
23026
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
23028
23027
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
23029
23028
|
text-align: start;
|
|
23030
|
-
|
|
23029
|
+
overflow-wrap: break-word;
|
|
23031
23030
|
}
|
|
23032
23031
|
|
|
23033
23032
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -23531,9 +23530,9 @@ ul.pf-v6-c-list {
|
|
|
23531
23530
|
.pf-v6-c-page__dock-main {
|
|
23532
23531
|
flex-grow: 1;
|
|
23533
23532
|
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
23534
|
-
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23535
23533
|
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
23536
23534
|
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
23535
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23537
23536
|
}
|
|
23538
23537
|
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
23539
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);
|
|
@@ -23615,10 +23614,10 @@ ul.pf-v6-c-list {
|
|
|
23615
23614
|
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
23616
23615
|
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
23617
23616
|
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
23618
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23619
23617
|
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
23620
23618
|
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
23621
23619
|
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
23620
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23622
23621
|
}
|
|
23623
23622
|
|
|
23624
23623
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -23984,7 +23983,6 @@ ul.pf-v6-c-list {
|
|
|
23984
23983
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
23985
23984
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
23986
23985
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
23987
|
-
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23988
23986
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
23989
23987
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
23990
23988
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
@@ -23992,6 +23990,7 @@ ul.pf-v6-c-list {
|
|
|
23992
23990
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
23993
23991
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
23994
23992
|
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
23993
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23995
23994
|
}
|
|
23996
23995
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
23997
23996
|
.pf-v6-c-page__main-container {
|
|
@@ -25016,7 +25015,7 @@ ul.pf-v6-c-list {
|
|
|
25016
25015
|
}
|
|
25017
25016
|
|
|
25018
25017
|
.pf-v6-c-popover__body {
|
|
25019
|
-
|
|
25018
|
+
overflow-wrap: break-word;
|
|
25020
25019
|
}
|
|
25021
25020
|
|
|
25022
25021
|
.pf-v6-c-popover__footer {
|
|
@@ -25061,7 +25060,7 @@ ul.pf-v6-c-list {
|
|
|
25061
25060
|
display: grid;
|
|
25062
25061
|
grid-template-rows: 1fr auto;
|
|
25063
25062
|
grid-template-columns: auto auto;
|
|
25064
|
-
|
|
25063
|
+
gap: var(--pf-v6-c-progress--GridGap);
|
|
25065
25064
|
align-items: end;
|
|
25066
25065
|
}
|
|
25067
25066
|
.pf-v6-c-progress.pf-m-sm {
|
|
@@ -25155,7 +25154,7 @@ ul.pf-v6-c-list {
|
|
|
25155
25154
|
|
|
25156
25155
|
.pf-v6-c-progress__description {
|
|
25157
25156
|
grid-column: 1/2;
|
|
25158
|
-
|
|
25157
|
+
overflow-wrap: break-word;
|
|
25159
25158
|
}
|
|
25160
25159
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
25161
25160
|
overflow: hidden;
|
|
@@ -25171,7 +25170,7 @@ ul.pf-v6-c-list {
|
|
|
25171
25170
|
align-items: flex-start;
|
|
25172
25171
|
justify-content: flex-end;
|
|
25173
25172
|
text-align: end;
|
|
25174
|
-
|
|
25173
|
+
overflow-wrap: break-word;
|
|
25175
25174
|
}
|
|
25176
25175
|
|
|
25177
25176
|
.pf-v6-c-progress__status-icon {
|
|
@@ -25434,9 +25433,9 @@ ul.pf-v6-c-list {
|
|
|
25434
25433
|
inset-block-start: 0;
|
|
25435
25434
|
inset-inline-start: 0;
|
|
25436
25435
|
overflow: hidden;
|
|
25437
|
-
clip: rect(0, 0, 0, 0);
|
|
25438
25436
|
white-space: nowrap;
|
|
25439
25437
|
border: 0;
|
|
25438
|
+
clip-path: inset(50%);
|
|
25440
25439
|
}
|
|
25441
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 {
|
|
25442
25441
|
grid-row: 1/2;
|
|
@@ -25858,7 +25857,7 @@ ul.pf-v6-c-list {
|
|
|
25858
25857
|
.pf-v6-c-radio {
|
|
25859
25858
|
display: grid;
|
|
25860
25859
|
grid-template-columns: auto 1fr;
|
|
25861
|
-
|
|
25860
|
+
gap: var(--pf-v6-c-radio--GridGap);
|
|
25862
25861
|
align-items: baseline;
|
|
25863
25862
|
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
25864
25863
|
}
|
|
@@ -26853,10 +26852,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26853
26852
|
width: 100%;
|
|
26854
26853
|
height: 100%;
|
|
26855
26854
|
stroke: var(--pf-v6-c-spinner--Color);
|
|
26855
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
26856
|
+
stroke-linecap: round;
|
|
26856
26857
|
stroke-dasharray: 283;
|
|
26857
26858
|
stroke-dashoffset: 280;
|
|
26858
|
-
stroke-linecap: round;
|
|
26859
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
26860
26859
|
transform-origin: 50% 50%;
|
|
26861
26860
|
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
26862
26861
|
}
|
|
@@ -27016,8 +27015,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27016
27015
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
27017
27016
|
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
27018
27017
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
27019
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
27020
27018
|
transform: translateY(-50%);
|
|
27019
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
27021
27020
|
}
|
|
27022
27021
|
.pf-v6-c-switch__toggle::after {
|
|
27023
27022
|
position: absolute;
|
|
@@ -29014,11 +29013,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29014
29013
|
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
29015
29014
|
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
29016
29015
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29016
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29017
29017
|
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
29018
29018
|
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
29019
29019
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29020
29020
|
color: var(--pf-v6-c-table--cell--Color);
|
|
29021
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29022
29021
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
29023
29022
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
29024
29023
|
}
|
|
@@ -29124,24 +29123,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29124
29123
|
}
|
|
29125
29124
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
|
|
29126
29125
|
cursor: pointer;
|
|
29127
|
-
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
29128
29126
|
outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
|
|
29127
|
+
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
29129
29128
|
}
|
|
29130
29129
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
|
|
29131
29130
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
29132
29131
|
}
|
|
29133
29132
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
|
|
29134
29133
|
position: relative;
|
|
29135
|
-
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
29136
29134
|
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
|
|
29135
|
+
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
29137
29136
|
}
|
|
29138
29137
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
|
|
29139
29138
|
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
|
|
29140
29139
|
}
|
|
29141
29140
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
|
|
29142
29141
|
cursor: pointer;
|
|
29143
|
-
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
29144
29142
|
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
|
|
29143
|
+
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
29145
29144
|
}
|
|
29146
29145
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
|
|
29147
29146
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
@@ -29150,8 +29149,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29150
29149
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
|
|
29151
29150
|
}
|
|
29152
29151
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
|
|
29153
|
-
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
29154
29152
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
|
29153
|
+
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
29155
29154
|
}
|
|
29156
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) {
|
|
29157
29156
|
border: none;
|
|
@@ -29176,11 +29175,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29176
29175
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
29177
29176
|
visibility: hidden;
|
|
29178
29177
|
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
29178
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29179
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);
|
|
29180
29180
|
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
29181
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;
|
|
29182
29182
|
transition-property: opacity, translate, visibility, background-color;
|
|
29183
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29184
29183
|
}
|
|
29185
29184
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
29186
29185
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
@@ -29188,9 +29187,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29188
29187
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
29189
29188
|
visibility: visible;
|
|
29190
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);
|
|
29191
29191
|
transition-delay: 0s;
|
|
29192
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;
|
|
29193
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
29194
29193
|
}
|
|
29195
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 {
|
|
29196
29195
|
max-height: 99999px;
|
|
@@ -29256,8 +29255,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29256
29255
|
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
29257
29256
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
29258
29257
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29259
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29260
29258
|
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29259
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29261
29260
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
29262
29261
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
29263
29262
|
}
|
|
@@ -29286,10 +29285,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29286
29285
|
text-align: start;
|
|
29287
29286
|
white-space: inherit;
|
|
29288
29287
|
user-select: text;
|
|
29288
|
+
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29289
29289
|
background-color: var(--pf-v6-c-table__button--BackgroundColor);
|
|
29290
29290
|
border: 0;
|
|
29291
29291
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
29292
|
-
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29293
29292
|
}
|
|
29294
29293
|
.pf-v6-c-table__button::after {
|
|
29295
29294
|
position: absolute;
|
|
@@ -29383,10 +29382,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29383
29382
|
}
|
|
29384
29383
|
|
|
29385
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));
|
|
29386
29386
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
29387
29387
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
29388
29388
|
transition-property: transform;
|
|
29389
|
-
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29390
29389
|
}
|
|
29391
29390
|
.pf-v6-c-table__toggle svg {
|
|
29392
29391
|
pointer-events: none;
|
|
@@ -29942,8 +29941,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29942
29941
|
}
|
|
29943
29942
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
29944
29943
|
position: relative;
|
|
29945
|
-
border: none;
|
|
29946
29944
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
29945
|
+
border: none;
|
|
29947
29946
|
}
|
|
29948
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 {
|
|
29949
29948
|
position: absolute;
|
|
@@ -29981,7 +29980,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29981
29980
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
29982
29981
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
29983
29982
|
grid-column: 1;
|
|
29984
|
-
|
|
29983
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
29985
29984
|
align-items: start;
|
|
29986
29985
|
}
|
|
29987
29986
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30084,8 +30083,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30084
30083
|
}
|
|
30085
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) {
|
|
30086
30085
|
position: relative;
|
|
30087
|
-
border: none;
|
|
30088
30086
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30087
|
+
border: none;
|
|
30089
30088
|
}
|
|
30090
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 {
|
|
30091
30090
|
position: absolute;
|
|
@@ -30123,7 +30122,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30123
30122
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30124
30123
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30125
30124
|
grid-column: 1;
|
|
30126
|
-
|
|
30125
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30127
30126
|
align-items: start;
|
|
30128
30127
|
}
|
|
30129
30128
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30227,8 +30226,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30227
30226
|
}
|
|
30228
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) {
|
|
30229
30228
|
position: relative;
|
|
30230
|
-
border: none;
|
|
30231
30229
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30230
|
+
border: none;
|
|
30232
30231
|
}
|
|
30233
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 {
|
|
30234
30233
|
position: absolute;
|
|
@@ -30266,7 +30265,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30266
30265
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30267
30266
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30268
30267
|
grid-column: 1;
|
|
30269
|
-
|
|
30268
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30270
30269
|
align-items: start;
|
|
30271
30270
|
}
|
|
30272
30271
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30370,8 +30369,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30370
30369
|
}
|
|
30371
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) {
|
|
30372
30371
|
position: relative;
|
|
30373
|
-
border: none;
|
|
30374
30372
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30373
|
+
border: none;
|
|
30375
30374
|
}
|
|
30376
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 {
|
|
30377
30376
|
position: absolute;
|
|
@@ -30409,7 +30408,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30409
30408
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30410
30409
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30411
30410
|
grid-column: 1;
|
|
30412
|
-
|
|
30411
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30413
30412
|
align-items: start;
|
|
30414
30413
|
}
|
|
30415
30414
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30513,8 +30512,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30513
30512
|
}
|
|
30514
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) {
|
|
30515
30514
|
position: relative;
|
|
30516
|
-
border: none;
|
|
30517
30515
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30516
|
+
border: none;
|
|
30518
30517
|
}
|
|
30519
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 {
|
|
30520
30519
|
position: absolute;
|
|
@@ -30552,7 +30551,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30552
30551
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30553
30552
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30554
30553
|
grid-column: 1;
|
|
30555
|
-
|
|
30554
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30556
30555
|
align-items: start;
|
|
30557
30556
|
}
|
|
30558
30557
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -31105,8 +31104,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31105
31104
|
|
|
31106
31105
|
.pf-v6-c-tabs__toggle-icon {
|
|
31107
31106
|
display: inline-block;
|
|
31108
|
-
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
31109
31107
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
31108
|
+
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
31110
31109
|
}
|
|
31111
31110
|
|
|
31112
31111
|
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
@@ -31270,8 +31269,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31270
31269
|
align-self: end;
|
|
31271
31270
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
31272
31271
|
color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
|
|
31273
|
-
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31274
31272
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
31273
|
+
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31275
31274
|
}
|
|
31276
31275
|
|
|
31277
31276
|
.pf-v6-c-tabs__item-action {
|
|
@@ -31534,10 +31533,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31534
31533
|
border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
|
|
31535
31534
|
border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
|
|
31536
31535
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
31536
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31537
31537
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
31538
31538
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
31539
31539
|
transition-property: width, height, translate;
|
|
31540
|
-
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31541
31540
|
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
31542
31541
|
}
|
|
31543
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 {
|
|
@@ -31743,9 +31742,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31743
31742
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
31744
31743
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
31745
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);
|
|
31746
31746
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
31747
31747
|
border: 0;
|
|
31748
|
-
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31749
31748
|
}
|
|
31750
31749
|
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
31751
31750
|
grid-area: text-input;
|
|
@@ -31953,7 +31952,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31953
31952
|
|
|
31954
31953
|
.pf-v6-c-title {
|
|
31955
31954
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
31956
|
-
|
|
31955
|
+
overflow-wrap: break-word;
|
|
31957
31956
|
}
|
|
31958
31957
|
.pf-v6-c-title.pf-m-4xl {
|
|
31959
31958
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -32736,10 +32735,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32736
32735
|
|
|
32737
32736
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
32738
32737
|
display: inline-flex;
|
|
32738
|
+
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32739
32739
|
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
32740
32740
|
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
32741
32741
|
transition-property: transform;
|
|
32742
|
-
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32743
32742
|
}
|
|
32744
32743
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
32745
32744
|
scale: -1 1;
|
|
@@ -34375,7 +34374,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34375
34374
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
34376
34375
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
34377
34376
|
text-align: center;
|
|
34378
|
-
|
|
34377
|
+
overflow-wrap: break-word;
|
|
34379
34378
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
34380
34379
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
34381
34380
|
}
|
|
@@ -34757,19 +34756,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34757
34756
|
display: inline-block;
|
|
34758
34757
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
34759
34758
|
text-align: center;
|
|
34760
|
-
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
34761
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);
|
|
34762
34761
|
}
|
|
34763
34762
|
|
|
34764
34763
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
34765
|
-
max-height: 0;
|
|
34766
34764
|
visibility: hidden;
|
|
34765
|
+
max-height: 0;
|
|
34767
34766
|
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
34767
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34768
34768
|
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
34769
34769
|
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
34770
34770
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
34771
34771
|
transition-property: opacity, translate, visibility, max-height;
|
|
34772
|
-
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34773
34772
|
}
|
|
34774
34773
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
34775
34774
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -34780,12 +34779,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34780
34779
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
34781
34780
|
}
|
|
34782
34781
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
34783
|
-
max-height: 99999px;
|
|
34784
34782
|
visibility: revert;
|
|
34783
|
+
max-height: 99999px;
|
|
34785
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);
|
|
34786
34786
|
transition-delay: 0s;
|
|
34787
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;
|
|
34788
|
-
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
34789
34788
|
}
|
|
34790
34789
|
|
|
34791
34790
|
.pf-v6-c-tree-view__node,
|
|
@@ -35224,7 +35223,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35224
35223
|
|
|
35225
35224
|
.pf-v6-c-wizard__title {
|
|
35226
35225
|
padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
|
|
35227
|
-
|
|
35226
|
+
overflow-wrap: break-word;
|
|
35228
35227
|
}
|
|
35229
35228
|
|
|
35230
35229
|
.pf-v6-c-wizard__title-text {
|
|
@@ -35287,7 +35286,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35287
35286
|
align-items: baseline;
|
|
35288
35287
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
35289
35288
|
text-align: start;
|
|
35290
|
-
|
|
35289
|
+
overflow-wrap: break-word;
|
|
35291
35290
|
}
|
|
35292
35291
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
35293
35292
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -35423,8 +35422,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35423
35422
|
padding-inline: 0;
|
|
35424
35423
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
35425
35424
|
text-align: start;
|
|
35425
|
+
overflow-wrap: break-word;
|
|
35426
35426
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
35427
|
-
word-break: break-word;
|
|
35428
35427
|
counter-increment: wizard-nav-count;
|
|
35429
35428
|
background-color: transparent;
|
|
35430
35429
|
border: none;
|
|
@@ -35529,10 +35528,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35529
35528
|
|
|
35530
35529
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
35531
35530
|
display: inline-block;
|
|
35531
|
+
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35532
35532
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
35533
35533
|
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
35534
35534
|
transition-property: transform;
|
|
35535
|
-
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35536
35535
|
}
|
|
35537
35536
|
|
|
35538
35537
|
.pf-v6-c-wizard__main {
|
|
@@ -35542,7 +35541,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35542
35541
|
flex-direction: column;
|
|
35543
35542
|
overflow-x: hidden;
|
|
35544
35543
|
overflow-y: auto;
|
|
35545
|
-
|
|
35544
|
+
overflow-wrap: break-word;
|
|
35546
35545
|
}
|
|
35547
35546
|
|
|
35548
35547
|
.pf-v6-c-wizard__main-body {
|
|
@@ -37979,7 +37978,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
37979
37978
|
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
37980
37979
|
}
|
|
37981
37980
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
37982
|
-
|
|
37981
|
+
gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
37983
37982
|
}
|
|
37984
37983
|
.pf-v6-l-gallery {
|
|
37985
37984
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
@@ -38972,7 +38971,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
38972
38971
|
}
|
|
38973
38972
|
}
|
|
38974
38973
|
.pf-v6-l-grid.pf-m-gutter {
|
|
38975
|
-
|
|
38974
|
+
gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
38976
38975
|
}
|
|
38977
38976
|
|
|
38978
38977
|
.pf-v6-l-level {
|