@patternfly/patternfly 6.5.2 → 6.6.0-prerelease.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +1 -1
- package/base/normalize.scss +2 -0
- package/base/patternfly-common.css +2 -2
- package/base/patternfly-common.scss +1 -1
- package/base/patternfly-fa-icons.css +3 -3
- package/base/patternfly-fa-icons.scss +3 -3
- package/base/patternfly-variables.css +56 -56
- package/base/reset.scss +2 -0
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-charts-highcontrast.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +9 -9
- package/base/tokens/tokens-default.scss +8 -8
- package/base/tokens/tokens-felt-dark.scss +1 -1
- package/base/tokens/tokens-felt-glass-dark.scss +8 -8
- package/base/tokens/tokens-felt-glass.scss +8 -8
- package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-felt-highcontrast.scss +1 -1
- package/base/tokens/tokens-felt.scss +1 -1
- package/base/tokens/tokens-glass-dark.scss +8 -8
- package/base/tokens/tokens-glass.scss +8 -8
- package/base/tokens/tokens-highcontrast-dark.scss +8 -8
- package/base/tokens/tokens-highcontrast.scss +7 -7
- package/base/tokens/tokens-palette.scss +1 -1
- package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
- package/components/AboutModalBox/about-modal-box.css +1 -1
- package/components/AboutModalBox/about-modal-box.scss +1 -1
- package/components/Accordion/accordion.css +8 -4
- package/components/Accordion/accordion.scss +9 -4
- package/components/Alert/alert-group.css +1 -1
- package/components/Alert/alert-group.scss +1 -1
- package/components/Alert/alert.css +3 -3
- package/components/Alert/alert.scss +3 -3
- package/components/Breadcrumb/breadcrumb.css +1 -1
- package/components/Breadcrumb/breadcrumb.scss +1 -1
- package/components/Button/button.css +6 -6
- package/components/Button/button.scss +6 -6
- package/components/Card/card.css +2 -2
- package/components/Card/card.scss +3 -3
- package/components/Check/check.css +1 -1
- package/components/Check/check.scss +1 -1
- package/components/ClipboardCopy/clipboard-copy.css +2 -2
- package/components/ClipboardCopy/clipboard-copy.scss +2 -2
- package/components/Compass/compass.css +3 -3
- package/components/Compass/compass.scss +3 -3
- package/components/Content/content.css +2 -2
- package/components/Content/content.scss +2 -2
- package/components/DataList/data-list.css +1 -1
- package/components/DataList/data-list.scss +1 -1
- package/components/DescriptionList/description-list.css +0 -1
- package/components/DescriptionList/description-list.scss +0 -1
- package/components/Drawer/drawer.css +2 -2
- package/components/Drawer/drawer.scss +2 -2
- package/components/DualListSelector/dual-list-selector.css +6 -6
- package/components/DualListSelector/dual-list-selector.scss +6 -6
- package/components/ExpandableSection/expandable-section.css +3 -3
- package/components/ExpandableSection/expandable-section.scss +3 -3
- package/components/Form/form.css +12 -12
- package/components/Form/form.scss +6 -6
- package/components/FormControl/form-control.css +1 -1
- package/components/FormControl/form-control.scss +3 -1
- package/components/Hero/hero.css +1 -1
- package/components/Hero/hero.scss +1 -1
- package/components/Hint/hint.css +1 -1
- package/components/Hint/hint.scss +1 -1
- package/components/InputGroup/input-group.css +5 -5
- package/components/InputGroup/input-group.scss +5 -5
- package/components/JumpLinks/jump-links.css +1 -1
- package/components/JumpLinks/jump-links.scss +1 -1
- package/components/Label/label.css +1 -1
- package/components/Label/label.scss +1 -1
- package/components/Login/login.css +2 -2
- package/components/Login/login.scss +2 -2
- package/components/Masthead/masthead.css +1 -1
- package/components/Masthead/masthead.scss +1 -1
- package/components/Menu/menu.css +4 -4
- package/components/Menu/menu.scss +4 -4
- package/components/MenuToggle/menu-toggle.css +1 -1
- package/components/MenuToggle/menu-toggle.scss +1 -1
- package/components/ModalBox/modal-box.css +1 -1
- package/components/ModalBox/modal-box.scss +1 -1
- package/components/Nav/nav.css +5 -5
- package/components/Nav/nav.scss +5 -5
- package/components/NotificationDrawer/notification-drawer.css +5 -5
- package/components/NotificationDrawer/notification-drawer.scss +5 -5
- package/components/Page/page.css +3 -3
- package/components/Page/page.scss +3 -3
- package/components/Popover/popover.css +1 -1
- package/components/Popover/popover.scss +2 -2
- package/components/Progress/progress.css +3 -3
- package/components/Progress/progress.scss +3 -6
- package/components/ProgressStepper/progress-stepper.css +1 -1
- package/components/Radio/radio.css +1 -1
- package/components/Radio/radio.scss +1 -1
- package/components/Spinner/spinner.css +2 -2
- package/components/Spinner/spinner.scss +2 -2
- package/components/Switch/switch.css +1 -1
- package/components/Switch/switch.scss +1 -1
- package/components/Table/table-tree-view.css +10 -10
- package/components/Table/table-tree-view.scss +2 -2
- package/components/Table/table.css +10 -10
- package/components/Table/table.scss +10 -10
- package/components/Tabs/tabs.css +3 -3
- package/components/Tabs/tabs.scss +3 -3
- package/components/TextInputGroup/text-input-group.css +1 -1
- package/components/TextInputGroup/text-input-group.scss +1 -1
- package/components/Title/title.css +1 -1
- package/components/Title/title.scss +1 -1
- package/components/Toolbar/toolbar.css +1 -1
- package/components/Toolbar/toolbar.scss +1 -1
- package/components/Tooltip/tooltip.css +1 -1
- package/components/Tooltip/tooltip.scss +2 -2
- package/components/TreeView/tree-view.css +5 -5
- package/components/TreeView/tree-view.scss +5 -5
- package/components/Wizard/wizard.css +5 -5
- package/components/Wizard/wizard.scss +5 -5
- package/components/_index.css +132 -129
- package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
- package/docs/components/Accordion/examples/Accordion.md +30 -30
- package/docs/components/ActionList/examples/ActionList.md +11 -11
- package/docs/components/Alert/examples/Alert.md +54 -54
- package/docs/components/BackToTop/examples/BackToTop.md +1 -1
- package/docs/components/Banner/examples/Banner.md +10 -10
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
- package/docs/components/Button/examples/Button.md +184 -184
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
- package/docs/components/Card/examples/Card.md +14 -14
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
- package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
- package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
- package/docs/components/DataList/examples/DataList.md +34 -34
- package/docs/components/DatePicker/examples/DatePicker.md +6 -6
- package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
- package/docs/components/Drawer/examples/Drawer.md +22 -22
- package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
- package/docs/components/EmptyState/examples/EmptyState.md +6 -6
- package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
- package/docs/components/Form/examples/Form.md +6 -6
- package/docs/components/Hint/examples/Hint.md +3 -3
- package/docs/components/Icon/examples/Icon.md +9 -9
- package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
- package/docs/components/InputGroup/examples/InputGroup.md +4 -4
- package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
- package/docs/components/Label/examples/Label.md +218 -218
- package/docs/components/Login/examples/Login.md +4 -4
- package/docs/components/Masthead/examples/masthead.md +1 -1
- package/docs/components/Menu/examples/Menu.md +129 -129
- package/docs/components/MenuToggle/examples/MenuToggle.md +217 -217
- package/docs/components/ModalBox/examples/ModalBox.md +24 -24
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
- package/docs/components/Nav/examples/Navigation.md +66 -66
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
- package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
- package/docs/components/Page/examples/Page.md +1 -1
- package/docs/components/Pagination/examples/Pagination.md +92 -92
- package/docs/components/Popover/examples/Popover.md +22 -22
- package/docs/components/Progress/examples/Progress.md +7 -7
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
- package/docs/components/Slider/examples/Slider.md +4 -4
- package/docs/components/Table/examples/Table.md +479 -479
- package/docs/components/Tabs/examples/Tabs.md +378 -378
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
- package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
- package/docs/components/Toolbar/examples/Toolbar.md +117 -117
- package/docs/components/TreeView/examples/TreeView.md +104 -104
- package/docs/components/Wizard/examples/Wizard.md +40 -40
- package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
- package/docs/demos/Alert/examples/Alert.md +32 -32
- package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
- package/docs/demos/Banner/examples/Banner.md +16 -16
- package/docs/demos/Button/examples/Button.md +1 -1
- package/docs/demos/Card/examples/Card.md +78 -78
- package/docs/demos/CardView/examples/CardView.md +38 -38
- package/docs/demos/Compass/examples/Compass.md +219 -219
- package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
- package/docs/demos/DataList/examples/DataList.md +101 -101
- package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
- package/docs/demos/Drawer/examples/Drawer.md +40 -40
- package/docs/demos/Form/examples/BasicForms.md +21 -21
- package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
- package/docs/demos/Masthead/examples/Masthead.md +57 -57
- package/docs/demos/Modal/examples/Modal.md +54 -54
- package/docs/demos/Nav/examples/Nav.md +93 -93
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
- package/docs/demos/Page/examples/Page.md +119 -119
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
- package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
- package/docs/demos/Table/examples/Table.md +630 -630
- package/docs/demos/Tabs/examples/Tabs.md +62 -62
- package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
- package/docs/demos/Wizard/examples/Wizard.md +100 -100
- package/layouts/Gallery/gallery.css +1 -1
- package/layouts/Gallery/gallery.scss +1 -1
- package/layouts/Grid/grid.css +1 -1
- package/layouts/Grid/grid.scss +1 -1
- package/layouts/_index.css +2 -2
- package/package.json +11 -12
- package/patternfly-addons.css +12 -12
- package/patternfly-base-no-globals.css +61 -61
- package/patternfly-base.css +61 -61
- package/patternfly-no-globals.css +195 -192
- package/patternfly.css +195 -192
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +2 -2
- package/utilities/Accessibility/accessibility.css +12 -12
- package/utilities/_index.css +12 -12
|
@@ -3,9 +3,9 @@
|
|
|
3
3
|
inset-block-start: 0;
|
|
4
4
|
inset-inline-start: 0;
|
|
5
5
|
overflow: hidden;
|
|
6
|
-
clip: rect(0, 0, 0, 0);
|
|
7
6
|
white-space: nowrap;
|
|
8
7
|
border: 0;
|
|
8
|
+
clip-path: inset(50%);
|
|
9
9
|
}
|
|
10
10
|
.pf-v6-screen-reader.pf-m-full-size {
|
|
11
11
|
width: 100%;
|
|
@@ -108,8 +108,8 @@
|
|
|
108
108
|
}
|
|
109
109
|
}
|
|
110
110
|
:root {
|
|
111
|
-
container-type: inline-size;
|
|
112
111
|
container-name: pf-v6-contain-viewport pf-v6-contain-table;
|
|
112
|
+
container-type: inline-size;
|
|
113
113
|
}
|
|
114
114
|
|
|
115
115
|
@property --pf-v6-global--danger-jiggle--TranslateX {
|
|
@@ -5729,13 +5729,13 @@
|
|
|
5729
5729
|
.far,
|
|
5730
5730
|
.fal,
|
|
5731
5731
|
.fab {
|
|
5732
|
-
-moz-osx-font-smoothing: grayscale;
|
|
5733
|
-
-webkit-font-smoothing: antialiased;
|
|
5734
5732
|
display: inline-block;
|
|
5735
5733
|
font-style: normal;
|
|
5736
5734
|
font-variant: normal;
|
|
5737
|
-
text-rendering: auto;
|
|
5738
5735
|
line-height: 1;
|
|
5736
|
+
text-rendering: auto;
|
|
5737
|
+
-moz-osx-font-smoothing: grayscale;
|
|
5738
|
+
-webkit-font-smoothing: antialiased;
|
|
5739
5739
|
}
|
|
5740
5740
|
|
|
5741
5741
|
@font-face {
|
|
@@ -6400,12 +6400,12 @@
|
|
|
6400
6400
|
--pf-t--color--yellow--60: #96640f;
|
|
6401
6401
|
--pf-t--color--yellow--70: #73480b;
|
|
6402
6402
|
--pf-t--color--yellow--80: #54330b;
|
|
6403
|
-
--pf-t--global--background--color--500:
|
|
6404
|
-
--pf-t--global--background--color--600:
|
|
6405
|
-
--pf-t--global--background--color--700:
|
|
6406
|
-
--pf-t--global--background--color--action--plain--default:
|
|
6403
|
+
--pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
|
|
6404
|
+
--pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
|
|
6405
|
+
--pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
|
|
6406
|
+
--pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
|
|
6407
6407
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
6408
|
-
--pf-t--global--border--color--high-contrast:
|
|
6408
|
+
--pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
|
|
6409
6409
|
--pf-t--global--border--radius--0: 0px;
|
|
6410
6410
|
--pf-t--global--border--radius--100: 4px;
|
|
6411
6411
|
--pf-t--global--border--radius--200: 6px;
|
|
@@ -6443,8 +6443,8 @@
|
|
|
6443
6443
|
--pf-t--global--box-shadow--blur--100: 6px;
|
|
6444
6444
|
--pf-t--global--box-shadow--blur--200: 10px;
|
|
6445
6445
|
--pf-t--global--box-shadow--blur--300: 20px;
|
|
6446
|
-
--pf-t--global--box-shadow--color--100:
|
|
6447
|
-
--pf-t--global--box-shadow--color--200:
|
|
6446
|
+
--pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
|
|
6447
|
+
--pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
|
|
6448
6448
|
--pf-t--global--box-shadow--spread--100: 0px;
|
|
6449
6449
|
--pf-t--global--box-shadow--spread--200: -4px;
|
|
6450
6450
|
--pf-t--global--box-shadow--spread--300: -8px;
|
|
@@ -7317,10 +7317,10 @@
|
|
|
7317
7317
|
}
|
|
7318
7318
|
|
|
7319
7319
|
:root:where(.pf-v6-theme-high-contrast) {
|
|
7320
|
-
--pf-t--global--background--color--500:
|
|
7321
|
-
--pf-t--global--background--color--600:
|
|
7322
|
-
--pf-t--global--background--color--700:
|
|
7323
|
-
--pf-t--global--background--color--action--plain--default:
|
|
7320
|
+
--pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
|
|
7321
|
+
--pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
|
|
7322
|
+
--pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
|
|
7323
|
+
--pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
|
|
7324
7324
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
7325
7325
|
--pf-t--global--border--radius--0: 0px;
|
|
7326
7326
|
--pf-t--global--border--radius--100: 4px;
|
|
@@ -7354,8 +7354,8 @@
|
|
|
7354
7354
|
--pf-t--global--box-shadow--blur--100: 6px;
|
|
7355
7355
|
--pf-t--global--box-shadow--blur--200: 10px;
|
|
7356
7356
|
--pf-t--global--box-shadow--blur--300: 20px;
|
|
7357
|
-
--pf-t--global--box-shadow--color--100:
|
|
7358
|
-
--pf-t--global--box-shadow--color--200:
|
|
7357
|
+
--pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
|
|
7358
|
+
--pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
|
|
7359
7359
|
--pf-t--global--box-shadow--spread--100: 0px;
|
|
7360
7360
|
--pf-t--global--box-shadow--spread--200: -4px;
|
|
7361
7361
|
--pf-t--global--box-shadow--spread--300: -8px;
|
|
@@ -8072,13 +8072,13 @@
|
|
|
8072
8072
|
}
|
|
8073
8073
|
|
|
8074
8074
|
:root:where(.pf-v6-theme-glass) {
|
|
8075
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
8076
|
-
--pf-t--global--background--color--primary--clicked:
|
|
8077
|
-
--pf-t--global--background--color--primary--default:
|
|
8078
|
-
--pf-t--global--background--color--primary--hover:
|
|
8079
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
8080
|
-
--pf-t--global--background--color--secondary--default:
|
|
8081
|
-
--pf-t--global--background--color--secondary--hover:
|
|
8075
|
+
--pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
|
|
8076
|
+
--pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
|
|
8077
|
+
--pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
|
|
8078
|
+
--pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
|
|
8079
|
+
--pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
|
|
8080
|
+
--pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
|
|
8081
|
+
--pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
|
|
8082
8082
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
8083
8083
|
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
|
|
8084
8084
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
|
|
@@ -8217,13 +8217,13 @@
|
|
|
8217
8217
|
}
|
|
8218
8218
|
|
|
8219
8219
|
:root:where(.pf-v6-theme-felt.pf-v6-theme-glass) {
|
|
8220
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
8221
|
-
--pf-t--global--background--color--primary--clicked:
|
|
8222
|
-
--pf-t--global--background--color--primary--default:
|
|
8223
|
-
--pf-t--global--background--color--primary--hover:
|
|
8224
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
8225
|
-
--pf-t--global--background--color--secondary--default:
|
|
8226
|
-
--pf-t--global--background--color--secondary--hover:
|
|
8220
|
+
--pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
|
|
8221
|
+
--pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
|
|
8222
|
+
--pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
|
|
8223
|
+
--pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
|
|
8224
|
+
--pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
|
|
8225
|
+
--pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
|
|
8226
|
+
--pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
|
|
8227
8227
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
8228
8228
|
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
|
|
8229
8229
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
|
|
@@ -8244,15 +8244,15 @@
|
|
|
8244
8244
|
}
|
|
8245
8245
|
|
|
8246
8246
|
:root:where(.pf-v6-theme-dark) {
|
|
8247
|
-
--pf-t--global--background--color--action--plain--default:
|
|
8248
|
-
--pf-t--global--background--color--striped--row--default:
|
|
8247
|
+
--pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
|
|
8248
|
+
--pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
|
|
8249
8249
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
8250
|
-
--pf-t--global--border--color--high-contrast:
|
|
8251
|
-
--pf-t--global--dark--background--color--500:
|
|
8252
|
-
--pf-t--global--dark--background--color--600:
|
|
8253
|
-
--pf-t--global--dark--background--color--700:
|
|
8254
|
-
--pf-t--global--dark--box-shadow--color--100:
|
|
8255
|
-
--pf-t--global--dark--box-shadow--color--200:
|
|
8250
|
+
--pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
|
|
8251
|
+
--pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
|
|
8252
|
+
--pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
|
|
8253
|
+
--pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
|
|
8254
|
+
--pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
|
|
8255
|
+
--pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
|
|
8256
8256
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
8257
8257
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
8258
8258
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
@@ -8702,14 +8702,14 @@
|
|
|
8702
8702
|
}
|
|
8703
8703
|
|
|
8704
8704
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-high-contrast) {
|
|
8705
|
-
--pf-t--global--background--color--action--plain--default:
|
|
8706
|
-
--pf-t--global--background--color--striped--row--default:
|
|
8705
|
+
--pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
|
|
8706
|
+
--pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
|
|
8707
8707
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
8708
|
-
--pf-t--global--dark--background--color--500:
|
|
8709
|
-
--pf-t--global--dark--background--color--600:
|
|
8710
|
-
--pf-t--global--dark--background--color--700:
|
|
8711
|
-
--pf-t--global--dark--box-shadow--color--100:
|
|
8712
|
-
--pf-t--global--dark--box-shadow--color--200:
|
|
8708
|
+
--pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
|
|
8709
|
+
--pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
|
|
8710
|
+
--pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
|
|
8711
|
+
--pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
|
|
8712
|
+
--pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
|
|
8713
8713
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
8714
8714
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
8715
8715
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9143,13 +9143,13 @@
|
|
|
9143
9143
|
}
|
|
9144
9144
|
|
|
9145
9145
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-glass) {
|
|
9146
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
9147
|
-
--pf-t--global--background--color--primary--clicked:
|
|
9148
|
-
--pf-t--global--background--color--primary--default:
|
|
9149
|
-
--pf-t--global--background--color--primary--hover:
|
|
9150
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
9151
|
-
--pf-t--global--background--color--secondary--default:
|
|
9152
|
-
--pf-t--global--background--color--secondary--hover:
|
|
9146
|
+
--pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9147
|
+
--pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
|
|
9148
|
+
--pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9149
|
+
--pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
|
|
9150
|
+
--pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
|
|
9151
|
+
--pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
|
|
9152
|
+
--pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
|
|
9153
9153
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
9154
9154
|
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
|
|
9155
9155
|
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9212,13 +9212,13 @@
|
|
|
9212
9212
|
}
|
|
9213
9213
|
|
|
9214
9214
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-glass) {
|
|
9215
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
9216
|
-
--pf-t--global--background--color--primary--clicked:
|
|
9217
|
-
--pf-t--global--background--color--primary--default:
|
|
9218
|
-
--pf-t--global--background--color--primary--hover:
|
|
9219
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
9220
|
-
--pf-t--global--background--color--secondary--default:
|
|
9221
|
-
--pf-t--global--background--color--secondary--hover:
|
|
9215
|
+
--pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9216
|
+
--pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
|
|
9217
|
+
--pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9218
|
+
--pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
|
|
9219
|
+
--pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
|
|
9220
|
+
--pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
|
|
9221
|
+
--pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
|
|
9222
9222
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
9223
9223
|
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
|
|
9224
9224
|
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9418,7 +9418,7 @@
|
|
|
9418
9418
|
overflow-x: hidden;
|
|
9419
9419
|
overflow-y: auto;
|
|
9420
9420
|
overscroll-behavior: contain;
|
|
9421
|
-
|
|
9421
|
+
overflow-wrap: break-word;
|
|
9422
9422
|
-webkit-overflow-scrolling: touch;
|
|
9423
9423
|
}
|
|
9424
9424
|
@media screen and (min-width: 36rem) {
|
|
@@ -9495,7 +9495,9 @@
|
|
|
9495
9495
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
|
|
9496
9496
|
--pf-v6-c-accordion__expandable-content--MaxHeight: 0;
|
|
9497
9497
|
--pf-v6-c-accordion__expandable-content--Visibility: hidden;
|
|
9498
|
+
--pf-v6-c-accordion__expandable-content--Overflow: hidden;
|
|
9498
9499
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
|
|
9500
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow: visible;
|
|
9499
9501
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
|
|
9500
9502
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
9501
9503
|
--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
@@ -9628,6 +9630,7 @@
|
|
|
9628
9630
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
|
|
9629
9631
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
9630
9632
|
--pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
|
|
9633
|
+
--pf-v6-c-accordion__expandable-content--Overflow: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow);
|
|
9631
9634
|
}
|
|
9632
9635
|
|
|
9633
9636
|
.pf-v6-c-accordion__toggle {
|
|
@@ -9675,8 +9678,8 @@
|
|
|
9675
9678
|
}
|
|
9676
9679
|
|
|
9677
9680
|
.pf-v6-c-accordion__toggle-icon {
|
|
9678
|
-
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9679
9681
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
9682
|
+
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9680
9683
|
}
|
|
9681
9684
|
|
|
9682
9685
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
@@ -9684,26 +9687,27 @@
|
|
|
9684
9687
|
}
|
|
9685
9688
|
|
|
9686
9689
|
.pf-v6-c-accordion__expandable-content {
|
|
9690
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9687
9691
|
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
|
9688
9692
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
9689
9693
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
9690
9694
|
margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
|
|
9695
|
+
overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
|
|
9691
9696
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
9692
9697
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
9693
|
-
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9694
9698
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
9695
9699
|
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
9696
9700
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
9697
9701
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
9702
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9698
9703
|
transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
|
|
9699
9704
|
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
9700
9705
|
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
|
9701
9706
|
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
|
9702
|
-
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9703
9707
|
}
|
|
9704
9708
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
9709
|
+
--pf-v6-c-accordion__expandable-content--Overflow: auto;
|
|
9705
9710
|
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
|
|
9706
|
-
overflow-y: auto;
|
|
9707
9711
|
}
|
|
9708
9712
|
|
|
9709
9713
|
.pf-v6-c-accordion__expandable-content-body {
|
|
@@ -9903,8 +9907,8 @@
|
|
|
9903
9907
|
|
|
9904
9908
|
.pf-v6-c-alert__toggle-icon {
|
|
9905
9909
|
display: inline-block;
|
|
9906
|
-
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
9907
9910
|
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
9911
|
+
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
9908
9912
|
}
|
|
9909
9913
|
|
|
9910
9914
|
.pf-v6-c-alert__icon {
|
|
@@ -9919,7 +9923,7 @@
|
|
|
9919
9923
|
grid-area: title;
|
|
9920
9924
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
9921
9925
|
color: var(--pf-v6-c-alert__title--Color);
|
|
9922
|
-
|
|
9926
|
+
overflow-wrap: break-word;
|
|
9923
9927
|
}
|
|
9924
9928
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
9925
9929
|
display: -webkit-box;
|
|
@@ -9931,7 +9935,7 @@
|
|
|
9931
9935
|
.pf-v6-c-alert__description {
|
|
9932
9936
|
grid-area: description;
|
|
9933
9937
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
9934
|
-
|
|
9938
|
+
overflow-wrap: break-word;
|
|
9935
9939
|
}
|
|
9936
9940
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
9937
9941
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -10081,8 +10085,8 @@
|
|
|
10081
10085
|
display: grid;
|
|
10082
10086
|
grid-template-rows: 1fr;
|
|
10083
10087
|
opacity: 1;
|
|
10084
|
-
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10085
10088
|
transform: translateX(0) translateY(0);
|
|
10089
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10086
10090
|
}
|
|
10087
10091
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
10088
10092
|
.pf-v6-c-alert-group__item {
|
|
@@ -10827,10 +10831,10 @@
|
|
|
10827
10831
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
10828
10832
|
line-height: inherit;
|
|
10829
10833
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
10834
|
+
overflow-wrap: break-word;
|
|
10830
10835
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
10831
10836
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
10832
10837
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
10833
|
-
word-break: break-word;
|
|
10834
10838
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
10835
10839
|
}
|
|
10836
10840
|
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
@@ -11248,10 +11252,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11248
11252
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
11249
11253
|
color: var(--pf-v6-c-button--Color);
|
|
11250
11254
|
text-align: center;
|
|
11255
|
+
white-space: nowrap;
|
|
11251
11256
|
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
|
11252
11257
|
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
|
11253
11258
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
11254
|
-
white-space: nowrap;
|
|
11255
11259
|
cursor: pointer;
|
|
11256
11260
|
-webkit-user-select: none;
|
|
11257
11261
|
user-select: none;
|
|
@@ -11261,11 +11265,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11261
11265
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11262
11266
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11263
11267
|
border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11268
|
+
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
11264
11269
|
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
11265
11270
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
11266
11271
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
11267
11272
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
11268
|
-
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
11269
11273
|
}
|
|
11270
11274
|
.pf-v6-c-button::after {
|
|
11271
11275
|
position: absolute;
|
|
@@ -11392,10 +11396,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11392
11396
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
11393
11397
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
11394
11398
|
text-align: start;
|
|
11395
|
-
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11396
11399
|
white-space: normal;
|
|
11397
|
-
|
|
11400
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11398
11401
|
outline-offset: 0.125rem;
|
|
11402
|
+
background: transparent;
|
|
11399
11403
|
}
|
|
11400
11404
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
11401
11405
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
@@ -11753,12 +11757,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11753
11757
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
11754
11758
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
11755
11759
|
color: var(--pf-v6-c-button__icon--Color);
|
|
11760
|
+
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
11761
|
+
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
11756
11762
|
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
11757
11763
|
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
11758
11764
|
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
11759
11765
|
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
|
11760
|
-
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
11761
|
-
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
11762
11766
|
}
|
|
11763
11767
|
.pf-v6-c-button__icon.pf-m-start {
|
|
11764
11768
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -12185,8 +12189,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12185
12189
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
|
|
12186
12190
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
|
|
12187
12191
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
|
|
12188
|
-
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
12189
12192
|
box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
|
|
12193
|
+
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
12190
12194
|
}
|
|
12191
12195
|
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
12192
12196
|
gap: 0;
|
|
@@ -12428,9 +12432,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12428
12432
|
}
|
|
12429
12433
|
|
|
12430
12434
|
.pf-v6-c-card__clickable-action {
|
|
12435
|
+
outline: 0;
|
|
12431
12436
|
background: none;
|
|
12432
12437
|
border: 0;
|
|
12433
|
-
outline: 0;
|
|
12434
12438
|
}
|
|
12435
12439
|
.pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
|
|
12436
12440
|
pointer-events: none;
|
|
@@ -12498,7 +12502,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12498
12502
|
.pf-v6-c-check {
|
|
12499
12503
|
display: grid;
|
|
12500
12504
|
grid-template-columns: auto 1fr;
|
|
12501
|
-
|
|
12505
|
+
gap: var(--pf-v6-c-check--GridGap);
|
|
12502
12506
|
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
12503
12507
|
}
|
|
12504
12508
|
.pf-v6-c-check.pf-m-standalone {
|
|
@@ -12629,7 +12633,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12629
12633
|
padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
|
|
12630
12634
|
padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
|
|
12631
12635
|
margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
|
|
12632
|
-
|
|
12636
|
+
overflow-wrap: break-word;
|
|
12633
12637
|
background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
|
|
12634
12638
|
background-clip: padding-box;
|
|
12635
12639
|
border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
|
|
@@ -12645,7 +12649,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12645
12649
|
}
|
|
12646
12650
|
|
|
12647
12651
|
.pf-v6-c-clipboard-copy__text {
|
|
12648
|
-
|
|
12652
|
+
overflow-wrap: break-word;
|
|
12649
12653
|
white-space: normal;
|
|
12650
12654
|
}
|
|
12651
12655
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -13134,8 +13138,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13134
13138
|
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
13135
13139
|
.pf-v6-c-compass__main-footer,
|
|
13136
13140
|
.pf-v6-c-compass__footer {
|
|
13137
|
-
margin: 0;
|
|
13138
13141
|
visibility: hidden;
|
|
13142
|
+
margin: 0;
|
|
13139
13143
|
opacity: 0;
|
|
13140
13144
|
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
13141
13145
|
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
@@ -13256,8 +13260,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13256
13260
|
flex-direction: column;
|
|
13257
13261
|
grid-area: dock;
|
|
13258
13262
|
width: var(--pf-v6-c-compass__dock--Width);
|
|
13259
|
-
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
13260
13263
|
translate: -100% 0;
|
|
13264
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
13261
13265
|
}
|
|
13262
13266
|
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
13263
13267
|
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
@@ -13283,9 +13287,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13283
13287
|
.pf-v6-c-compass__dock-main {
|
|
13284
13288
|
flex-grow: 1;
|
|
13285
13289
|
background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
|
|
13286
|
-
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13287
13290
|
border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
|
|
13288
13291
|
box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
|
|
13292
|
+
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13289
13293
|
}
|
|
13290
13294
|
.pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
|
|
13291
13295
|
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);
|
|
@@ -13616,8 +13620,8 @@ ul) {
|
|
|
13616
13620
|
@media screen and (min-width: 36rem) {
|
|
13617
13621
|
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
13618
13622
|
grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
|
|
13619
|
-
|
|
13620
|
-
|
|
13623
|
+
row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
13624
|
+
column-gap: var(--pf-v6-c-content--dl--ColumnGap);
|
|
13621
13625
|
}
|
|
13622
13626
|
}
|
|
13623
13627
|
|
|
@@ -14406,8 +14410,8 @@ ul) {
|
|
|
14406
14410
|
.pf-v6-c-data-list__toggle-icon {
|
|
14407
14411
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
14408
14412
|
pointer-events: none;
|
|
14409
|
-
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14410
14413
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
14414
|
+
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14411
14415
|
}
|
|
14412
14416
|
|
|
14413
14417
|
.pf-v6-c-data-list__item-content {
|
|
@@ -14624,7 +14628,6 @@ ul) {
|
|
|
14624
14628
|
width: 100%;
|
|
14625
14629
|
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
14626
14630
|
break-inside: avoid;
|
|
14627
|
-
page-break-inside: avoid;
|
|
14628
14631
|
-webkit-column-break-inside: avoid;
|
|
14629
14632
|
-moz-column-break-inside: avoid;
|
|
14630
14633
|
}
|
|
@@ -15032,9 +15035,9 @@ ul) {
|
|
|
15032
15035
|
max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
|
|
15033
15036
|
margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
|
|
15034
15037
|
overflow: auto;
|
|
15038
|
+
outline-offset: 2px;
|
|
15035
15039
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
15036
15040
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
15037
|
-
outline-offset: 2px;
|
|
15038
15041
|
}
|
|
15039
15042
|
|
|
15040
15043
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -15070,25 +15073,25 @@ ul) {
|
|
|
15070
15073
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
15071
15074
|
}
|
|
15072
15075
|
.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 {
|
|
15073
|
-
max-height: 0;
|
|
15074
15076
|
visibility: hidden;
|
|
15077
|
+
max-height: 0;
|
|
15075
15078
|
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
15079
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15076
15080
|
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
|
15077
15081
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
15078
15082
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
|
15079
15083
|
transition-property: opacity, translate, visibility, max-height;
|
|
15080
|
-
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15081
15084
|
}
|
|
15082
15085
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
15083
15086
|
--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);
|
|
15084
15087
|
}
|
|
15085
15088
|
.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 {
|
|
15086
|
-
max-height: 99999px;
|
|
15087
15089
|
visibility: revert;
|
|
15090
|
+
max-height: 99999px;
|
|
15088
15091
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
15092
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
15089
15093
|
transition-delay: 0s;
|
|
15090
15094
|
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;
|
|
15091
|
-
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
15092
15095
|
}
|
|
15093
15096
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
15094
15097
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
@@ -15223,10 +15226,10 @@ ul) {
|
|
|
15223
15226
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
15224
15227
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
15225
15228
|
text-align: center;
|
|
15229
|
+
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15226
15230
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
15227
15231
|
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
15228
15232
|
transition-property: transform;
|
|
15229
|
-
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15230
15233
|
}
|
|
15231
15234
|
|
|
15232
15235
|
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
@@ -16011,6 +16014,7 @@ ul) {
|
|
|
16011
16014
|
.pf-v6-c-drawer__panel {
|
|
16012
16015
|
position: relative;
|
|
16013
16016
|
z-index: var(--pf-v6-c-drawer__panel--ZIndex);
|
|
16017
|
+
visibility: hidden;
|
|
16014
16018
|
flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
|
|
16015
16019
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
16016
16020
|
order: 1;
|
|
@@ -16018,7 +16022,6 @@ ul) {
|
|
|
16018
16022
|
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
16019
16023
|
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
16020
16024
|
overflow: auto;
|
|
16021
|
-
visibility: hidden;
|
|
16022
16025
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
16023
16026
|
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
16024
16027
|
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
@@ -16128,8 +16131,8 @@ ul) {
|
|
|
16128
16131
|
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
16129
16132
|
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
16130
16133
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
16131
|
-
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16132
16134
|
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
16135
|
+
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16133
16136
|
}
|
|
16134
16137
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
16135
16138
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -16919,8 +16922,8 @@ ul) {
|
|
|
16919
16922
|
display: inline-block;
|
|
16920
16923
|
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
16921
16924
|
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
16922
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
16923
16925
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
16926
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
16924
16927
|
}
|
|
16925
16928
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
16926
16929
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
@@ -16935,15 +16938,15 @@ ul) {
|
|
|
16935
16938
|
display: revert;
|
|
16936
16939
|
}
|
|
16937
16940
|
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
16941
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
16938
16942
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
16939
16943
|
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
16940
|
-
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
16941
16944
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
16945
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
16942
16946
|
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
16943
16947
|
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
16944
16948
|
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
16945
16949
|
transition-property: opacity, translate, visibility, max-height;
|
|
16946
|
-
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
16947
16950
|
}
|
|
16948
16951
|
|
|
16949
16952
|
.pf-v6-c-file-upload {
|
|
@@ -17114,7 +17117,7 @@ ul) {
|
|
|
17114
17117
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
|
|
17115
17118
|
display: grid;
|
|
17116
17119
|
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);
|
|
17117
|
-
|
|
17120
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17118
17121
|
}
|
|
17119
17122
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
|
|
17120
17123
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17142,7 +17145,7 @@ ul) {
|
|
|
17142
17145
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
|
|
17143
17146
|
display: grid;
|
|
17144
17147
|
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);
|
|
17145
|
-
|
|
17148
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17146
17149
|
}
|
|
17147
17150
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
|
|
17148
17151
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17170,7 +17173,7 @@ ul) {
|
|
|
17170
17173
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
|
|
17171
17174
|
display: grid;
|
|
17172
17175
|
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);
|
|
17173
|
-
|
|
17176
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17174
17177
|
}
|
|
17175
17178
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
|
|
17176
17179
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17198,7 +17201,7 @@ ul) {
|
|
|
17198
17201
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
|
|
17199
17202
|
display: grid;
|
|
17200
17203
|
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);
|
|
17201
|
-
|
|
17204
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17202
17205
|
}
|
|
17203
17206
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
|
|
17204
17207
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17226,7 +17229,7 @@ ul) {
|
|
|
17226
17229
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
|
|
17227
17230
|
display: grid;
|
|
17228
17231
|
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);
|
|
17229
|
-
|
|
17232
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17230
17233
|
}
|
|
17231
17234
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
|
|
17232
17235
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17254,7 +17257,7 @@ ul) {
|
|
|
17254
17257
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
|
|
17255
17258
|
display: grid;
|
|
17256
17259
|
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);
|
|
17257
|
-
|
|
17260
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17258
17261
|
}
|
|
17259
17262
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
|
|
17260
17263
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17282,7 +17285,7 @@ ul) {
|
|
|
17282
17285
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
|
|
17283
17286
|
display: grid;
|
|
17284
17287
|
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);
|
|
17285
|
-
|
|
17288
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17286
17289
|
}
|
|
17287
17290
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
|
|
17288
17291
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17455,14 +17458,14 @@ ul) {
|
|
|
17455
17458
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
17456
17459
|
}
|
|
17457
17460
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17461
|
+
visibility: visible;
|
|
17458
17462
|
max-height: 99999px;
|
|
17459
17463
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
17460
17464
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17461
|
-
visibility: visible;
|
|
17462
17465
|
opacity: 1;
|
|
17466
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17463
17467
|
transition-delay: 0s;
|
|
17464
17468
|
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;
|
|
17465
|
-
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17466
17469
|
}
|
|
17467
17470
|
|
|
17468
17471
|
.pf-v6-c-form__field-group-toggle {
|
|
@@ -17484,10 +17487,10 @@ ul) {
|
|
|
17484
17487
|
display: inline-block;
|
|
17485
17488
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
17486
17489
|
text-align: center;
|
|
17490
|
+
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17487
17491
|
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
17488
17492
|
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
17489
17493
|
transition-property: transform;
|
|
17490
|
-
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17491
17494
|
}
|
|
17492
17495
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
17493
17496
|
scale: -1 1;
|
|
@@ -17536,15 +17539,15 @@ ul) {
|
|
|
17536
17539
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17537
17540
|
}
|
|
17538
17541
|
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17542
|
+
visibility: hidden;
|
|
17539
17543
|
max-height: 0;
|
|
17540
17544
|
padding-block-start: 0;
|
|
17541
17545
|
padding-block-end: 0;
|
|
17542
|
-
visibility: hidden;
|
|
17543
17546
|
opacity: 0;
|
|
17547
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17544
17548
|
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);
|
|
17545
17549
|
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;
|
|
17546
17550
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
17547
|
-
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17548
17551
|
}
|
|
17549
17552
|
|
|
17550
17553
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
@@ -17704,10 +17707,10 @@ ul) {
|
|
|
17704
17707
|
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
17705
17708
|
color: var(--pf-v6-c-form-control--Color);
|
|
17706
17709
|
appearance: none;
|
|
17710
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17707
17711
|
background-color: transparent;
|
|
17708
17712
|
border: none;
|
|
17709
17713
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
17710
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17711
17714
|
}
|
|
17712
17715
|
.pf-v6-c-form-control > ::placeholder {
|
|
17713
17716
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
@@ -18073,8 +18076,8 @@ ul) {
|
|
|
18073
18076
|
:where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
|
|
18074
18077
|
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
18075
18078
|
--pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
|
|
18076
|
-
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18077
18079
|
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
18080
|
+
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18078
18081
|
}
|
|
18079
18082
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
18080
18083
|
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
@@ -18110,7 +18113,7 @@ ul) {
|
|
|
18110
18113
|
.pf-v6-c-hint {
|
|
18111
18114
|
display: grid;
|
|
18112
18115
|
grid-template-columns: 1fr auto;
|
|
18113
|
-
|
|
18116
|
+
row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
18114
18117
|
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
18115
18118
|
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
18116
18119
|
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
@@ -18558,20 +18561,20 @@ ul) {
|
|
|
18558
18561
|
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
18559
18562
|
}
|
|
18560
18563
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
|
|
18564
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
18561
18565
|
flex-grow: 1;
|
|
18562
18566
|
max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
|
|
18563
|
-
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
18564
18567
|
opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
|
|
18568
|
+
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
18569
|
+
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
18565
18570
|
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);
|
|
18566
18571
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
|
18567
18572
|
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;
|
|
18568
18573
|
transition-property: opacity, scale, visibility, max-width;
|
|
18569
|
-
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
18570
|
-
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
18571
18574
|
}
|
|
18572
18575
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
|
|
18573
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
18574
18576
|
visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
|
|
18577
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
18575
18578
|
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
|
18576
18579
|
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
18577
18580
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
|
@@ -18579,8 +18582,8 @@ ul) {
|
|
|
18579
18582
|
transition-property: opacity, visibility, max-width;
|
|
18580
18583
|
}
|
|
18581
18584
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
|
|
18582
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
18583
18585
|
visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
|
|
18586
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
18584
18587
|
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
|
18585
18588
|
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);
|
|
18586
18589
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
|
@@ -18907,10 +18910,10 @@ label.pf-v6-c-input-group__text {
|
|
|
18907
18910
|
.pf-v6-c-jump-links__toggle-icon {
|
|
18908
18911
|
display: inline-block;
|
|
18909
18912
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
18913
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
18910
18914
|
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
18911
18915
|
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
18912
18916
|
transition-property: transform;
|
|
18913
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
18914
18917
|
}
|
|
18915
18918
|
|
|
18916
18919
|
.pf-v6-c-label {
|
|
@@ -19123,9 +19126,9 @@ label.pf-v6-c-input-group__text {
|
|
|
19123
19126
|
font-size: var(--pf-v6-c-label--FontSize);
|
|
19124
19127
|
white-space: nowrap;
|
|
19125
19128
|
background: transparent;
|
|
19126
|
-
isolation: isolate;
|
|
19127
19129
|
border: 0;
|
|
19128
19130
|
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
19131
|
+
isolation: isolate;
|
|
19129
19132
|
}
|
|
19130
19133
|
.pf-v6-c-label.pf-m-blue {
|
|
19131
19134
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
|
@@ -19783,7 +19786,7 @@ ul.pf-v6-c-list {
|
|
|
19783
19786
|
display: grid;
|
|
19784
19787
|
grid-template-areas: "main header" "main footer" "main .";
|
|
19785
19788
|
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
19786
|
-
|
|
19789
|
+
column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
19787
19790
|
justify-content: center;
|
|
19788
19791
|
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
19789
19792
|
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
@@ -19809,10 +19812,10 @@ ul.pf-v6-c-list {
|
|
|
19809
19812
|
align-self: start;
|
|
19810
19813
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
19811
19814
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
19812
|
-
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19813
19815
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
19814
19816
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
19815
19817
|
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
19818
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19816
19819
|
}
|
|
19817
19820
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
19818
19821
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -20156,9 +20159,9 @@ ul.pf-v6-c-list {
|
|
|
20156
20159
|
}
|
|
20157
20160
|
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
20158
20161
|
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
20159
|
-
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20160
20162
|
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
20161
20163
|
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
20164
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20162
20165
|
}
|
|
20163
20166
|
|
|
20164
20167
|
.pf-v6-c-masthead__main {
|
|
@@ -20867,8 +20870,8 @@ ul.pf-v6-c-list {
|
|
|
20867
20870
|
}
|
|
20868
20871
|
|
|
20869
20872
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
|
|
20870
|
-
overflow: hidden;
|
|
20871
20873
|
visibility: visible;
|
|
20874
|
+
overflow: hidden;
|
|
20872
20875
|
transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
|
|
20873
20876
|
}
|
|
20874
20877
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
|
|
@@ -20894,8 +20897,8 @@ ul.pf-v6-c-list {
|
|
|
20894
20897
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
20895
20898
|
}
|
|
20896
20899
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
|
|
20897
|
-
overflow: visible;
|
|
20898
20900
|
visibility: hidden;
|
|
20901
|
+
overflow: visible;
|
|
20899
20902
|
}
|
|
20900
20903
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
|
|
20901
20904
|
.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) {
|
|
@@ -21036,10 +21039,10 @@ ul.pf-v6-c-list {
|
|
|
21036
21039
|
color: var(--pf-v6-c-menu__item--Color);
|
|
21037
21040
|
text-align: start;
|
|
21038
21041
|
text-decoration-line: none;
|
|
21042
|
+
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21039
21043
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
21040
21044
|
border: 0;
|
|
21041
21045
|
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
21042
|
-
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21043
21046
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
21044
21047
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
21045
21048
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
@@ -21133,7 +21136,7 @@ ul.pf-v6-c-list {
|
|
|
21133
21136
|
.pf-v6-c-menu__item-description {
|
|
21134
21137
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
21135
21138
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
21136
|
-
|
|
21139
|
+
overflow-wrap: break-word;
|
|
21137
21140
|
}
|
|
21138
21141
|
|
|
21139
21142
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -21716,10 +21719,10 @@ ul.pf-v6-c-list {
|
|
|
21716
21719
|
|
|
21717
21720
|
.pf-v6-c-menu-toggle__icon {
|
|
21718
21721
|
flex-shrink: 0;
|
|
21722
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21719
21723
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
21720
21724
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
21721
21725
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
21722
|
-
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21723
21726
|
}
|
|
21724
21727
|
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
21725
21728
|
vertical-align: middle;
|
|
@@ -21927,7 +21930,7 @@ ul.pf-v6-c-list {
|
|
|
21927
21930
|
overflow-x: hidden;
|
|
21928
21931
|
overflow-y: auto;
|
|
21929
21932
|
overscroll-behavior: contain;
|
|
21930
|
-
|
|
21933
|
+
overflow-wrap: break-word;
|
|
21931
21934
|
-webkit-overflow-scrolling: touch;
|
|
21932
21935
|
}
|
|
21933
21936
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -22376,17 +22379,17 @@ ul.pf-v6-c-list {
|
|
|
22376
22379
|
|
|
22377
22380
|
.pf-v6-c-nav__subnav {
|
|
22378
22381
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
22382
|
+
visibility: visible;
|
|
22379
22383
|
max-height: 99999px;
|
|
22380
22384
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
22381
22385
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
22382
22386
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
22383
22387
|
overflow-y: clip;
|
|
22384
|
-
|
|
22388
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22385
22389
|
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);
|
|
22386
22390
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
22387
22391
|
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
22388
22392
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
22389
|
-
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22390
22393
|
}
|
|
22391
22394
|
.pf-v6-c-nav__subnav[hidden] {
|
|
22392
22395
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
@@ -22396,8 +22399,8 @@ ul.pf-v6-c-list {
|
|
|
22396
22399
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
22397
22400
|
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
22398
22401
|
display: grid;
|
|
22399
|
-
max-height: 0;
|
|
22400
22402
|
visibility: hidden;
|
|
22403
|
+
max-height: 0;
|
|
22401
22404
|
opacity: 0;
|
|
22402
22405
|
}
|
|
22403
22406
|
|
|
@@ -22415,10 +22418,10 @@ ul.pf-v6-c-list {
|
|
|
22415
22418
|
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
22416
22419
|
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
22417
22420
|
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
22421
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22418
22422
|
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
22419
22423
|
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
22420
22424
|
transition-property: scale;
|
|
22421
|
-
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22422
22425
|
}
|
|
22423
22426
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
22424
22427
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
@@ -22506,10 +22509,10 @@ ul.pf-v6-c-list {
|
|
|
22506
22509
|
|
|
22507
22510
|
.pf-v6-c-nav__toggle-icon {
|
|
22508
22511
|
display: inline-block;
|
|
22512
|
+
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22509
22513
|
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
22510
22514
|
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
22511
22515
|
transition-property: transform;
|
|
22512
|
-
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22513
22516
|
}
|
|
22514
22517
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
22515
22518
|
scale: -1 1;
|
|
@@ -22742,9 +22745,9 @@ ul.pf-v6-c-list {
|
|
|
22742
22745
|
padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
|
|
22743
22746
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
22744
22747
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
22748
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22745
22749
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
22746
22750
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
22747
|
-
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22748
22751
|
}
|
|
22749
22752
|
.pf-v6-c-notification-drawer__list-item::before {
|
|
22750
22753
|
position: absolute;
|
|
@@ -22801,7 +22804,7 @@ ul.pf-v6-c-list {
|
|
|
22801
22804
|
|
|
22802
22805
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
22803
22806
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
22804
|
-
|
|
22807
|
+
overflow-wrap: break-word;
|
|
22805
22808
|
}
|
|
22806
22809
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
22807
22810
|
display: -webkit-box;
|
|
@@ -22823,7 +22826,7 @@ ul.pf-v6-c-list {
|
|
|
22823
22826
|
grid-row: 2/3;
|
|
22824
22827
|
grid-column: 1/2;
|
|
22825
22828
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
22826
|
-
|
|
22829
|
+
overflow-wrap: break-word;
|
|
22827
22830
|
}
|
|
22828
22831
|
|
|
22829
22832
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -22854,9 +22857,9 @@ ul.pf-v6-c-list {
|
|
|
22854
22857
|
padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
|
|
22855
22858
|
padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
|
|
22856
22859
|
padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
|
|
22860
|
+
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
22857
22861
|
background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
|
|
22858
22862
|
border: none;
|
|
22859
|
-
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
22860
22863
|
}
|
|
22861
22864
|
|
|
22862
22865
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
@@ -22868,7 +22871,7 @@ ul.pf-v6-c-list {
|
|
|
22868
22871
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
22869
22872
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
22870
22873
|
text-align: start;
|
|
22871
|
-
|
|
22874
|
+
overflow-wrap: break-word;
|
|
22872
22875
|
}
|
|
22873
22876
|
|
|
22874
22877
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -23372,9 +23375,9 @@ ul.pf-v6-c-list {
|
|
|
23372
23375
|
.pf-v6-c-page__dock-main {
|
|
23373
23376
|
flex-grow: 1;
|
|
23374
23377
|
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
23375
|
-
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23376
23378
|
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
23377
23379
|
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
23380
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23378
23381
|
}
|
|
23379
23382
|
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
23380
23383
|
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);
|
|
@@ -23456,10 +23459,10 @@ ul.pf-v6-c-list {
|
|
|
23456
23459
|
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
23457
23460
|
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
23458
23461
|
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
23459
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23460
23462
|
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
23461
23463
|
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
23462
23464
|
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
23465
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23463
23466
|
}
|
|
23464
23467
|
|
|
23465
23468
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -23825,7 +23828,6 @@ ul.pf-v6-c-list {
|
|
|
23825
23828
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
23826
23829
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
23827
23830
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
23828
|
-
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23829
23831
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
23830
23832
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
23831
23833
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
@@ -23833,6 +23835,7 @@ ul.pf-v6-c-list {
|
|
|
23833
23835
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
23834
23836
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
23835
23837
|
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
23838
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23836
23839
|
}
|
|
23837
23840
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
23838
23841
|
.pf-v6-c-page__main-container {
|
|
@@ -24857,7 +24860,7 @@ ul.pf-v6-c-list {
|
|
|
24857
24860
|
}
|
|
24858
24861
|
|
|
24859
24862
|
.pf-v6-c-popover__body {
|
|
24860
|
-
|
|
24863
|
+
overflow-wrap: break-word;
|
|
24861
24864
|
}
|
|
24862
24865
|
|
|
24863
24866
|
.pf-v6-c-popover__footer {
|
|
@@ -24902,7 +24905,7 @@ ul.pf-v6-c-list {
|
|
|
24902
24905
|
display: grid;
|
|
24903
24906
|
grid-template-rows: 1fr auto;
|
|
24904
24907
|
grid-template-columns: auto auto;
|
|
24905
|
-
|
|
24908
|
+
gap: var(--pf-v6-c-progress--GridGap);
|
|
24906
24909
|
align-items: end;
|
|
24907
24910
|
}
|
|
24908
24911
|
.pf-v6-c-progress.pf-m-sm {
|
|
@@ -24996,7 +24999,7 @@ ul.pf-v6-c-list {
|
|
|
24996
24999
|
|
|
24997
25000
|
.pf-v6-c-progress__description {
|
|
24998
25001
|
grid-column: 1/2;
|
|
24999
|
-
|
|
25002
|
+
overflow-wrap: break-word;
|
|
25000
25003
|
}
|
|
25001
25004
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
25002
25005
|
overflow: hidden;
|
|
@@ -25012,7 +25015,7 @@ ul.pf-v6-c-list {
|
|
|
25012
25015
|
align-items: flex-start;
|
|
25013
25016
|
justify-content: flex-end;
|
|
25014
25017
|
text-align: end;
|
|
25015
|
-
|
|
25018
|
+
overflow-wrap: break-word;
|
|
25016
25019
|
}
|
|
25017
25020
|
|
|
25018
25021
|
.pf-v6-c-progress__status-icon {
|
|
@@ -25275,9 +25278,9 @@ ul.pf-v6-c-list {
|
|
|
25275
25278
|
inset-block-start: 0;
|
|
25276
25279
|
inset-inline-start: 0;
|
|
25277
25280
|
overflow: hidden;
|
|
25278
|
-
clip: rect(0, 0, 0, 0);
|
|
25279
25281
|
white-space: nowrap;
|
|
25280
25282
|
border: 0;
|
|
25283
|
+
clip-path: inset(50%);
|
|
25281
25284
|
}
|
|
25282
25285
|
.pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
|
|
25283
25286
|
grid-row: 1/2;
|
|
@@ -25699,7 +25702,7 @@ ul.pf-v6-c-list {
|
|
|
25699
25702
|
.pf-v6-c-radio {
|
|
25700
25703
|
display: grid;
|
|
25701
25704
|
grid-template-columns: auto 1fr;
|
|
25702
|
-
|
|
25705
|
+
gap: var(--pf-v6-c-radio--GridGap);
|
|
25703
25706
|
align-items: baseline;
|
|
25704
25707
|
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
25705
25708
|
}
|
|
@@ -26694,10 +26697,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26694
26697
|
width: 100%;
|
|
26695
26698
|
height: 100%;
|
|
26696
26699
|
stroke: var(--pf-v6-c-spinner--Color);
|
|
26700
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
26701
|
+
stroke-linecap: round;
|
|
26697
26702
|
stroke-dasharray: 283;
|
|
26698
26703
|
stroke-dashoffset: 280;
|
|
26699
|
-
stroke-linecap: round;
|
|
26700
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
26701
26704
|
transform-origin: 50% 50%;
|
|
26702
26705
|
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
26703
26706
|
}
|
|
@@ -26857,8 +26860,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26857
26860
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
26858
26861
|
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
26859
26862
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
26860
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
26861
26863
|
transform: translateY(-50%);
|
|
26864
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
26862
26865
|
}
|
|
26863
26866
|
.pf-v6-c-switch__toggle::after {
|
|
26864
26867
|
position: absolute;
|
|
@@ -28855,11 +28858,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28855
28858
|
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
28856
28859
|
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
28857
28860
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
28861
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
28858
28862
|
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
28859
28863
|
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
28860
28864
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
28861
28865
|
color: var(--pf-v6-c-table--cell--Color);
|
|
28862
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
28863
28866
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
28864
28867
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
28865
28868
|
}
|
|
@@ -28965,24 +28968,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28965
28968
|
}
|
|
28966
28969
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
|
|
28967
28970
|
cursor: pointer;
|
|
28968
|
-
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
28969
28971
|
outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
|
|
28972
|
+
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
28970
28973
|
}
|
|
28971
28974
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
|
|
28972
28975
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
28973
28976
|
}
|
|
28974
28977
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
|
|
28975
28978
|
position: relative;
|
|
28976
|
-
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
28977
28979
|
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
|
|
28980
|
+
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
28978
28981
|
}
|
|
28979
28982
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
|
|
28980
28983
|
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
|
|
28981
28984
|
}
|
|
28982
28985
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
|
|
28983
28986
|
cursor: pointer;
|
|
28984
|
-
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
28985
28987
|
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
|
|
28988
|
+
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
28986
28989
|
}
|
|
28987
28990
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
|
|
28988
28991
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
@@ -28991,8 +28994,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28991
28994
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
|
|
28992
28995
|
}
|
|
28993
28996
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
|
|
28994
|
-
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
28995
28997
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
|
28998
|
+
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
28996
28999
|
}
|
|
28997
29000
|
.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) {
|
|
28998
29001
|
border: none;
|
|
@@ -29017,11 +29020,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29017
29020
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
29018
29021
|
visibility: hidden;
|
|
29019
29022
|
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
29023
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29020
29024
|
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
29021
29025
|
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
29022
29026
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
|
|
29023
29027
|
transition-property: opacity, translate, visibility, background-color;
|
|
29024
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29025
29028
|
}
|
|
29026
29029
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
29027
29030
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
@@ -29029,9 +29032,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29029
29032
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
29030
29033
|
visibility: visible;
|
|
29031
29034
|
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
29035
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
29032
29036
|
transition-delay: 0s;
|
|
29033
29037
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
29034
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
29035
29038
|
}
|
|
29036
29039
|
.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 {
|
|
29037
29040
|
max-height: 99999px;
|
|
@@ -29097,8 +29100,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29097
29100
|
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
29098
29101
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
29099
29102
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29100
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29101
29103
|
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29104
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29102
29105
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
29103
29106
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
29104
29107
|
}
|
|
@@ -29127,10 +29130,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29127
29130
|
text-align: start;
|
|
29128
29131
|
white-space: inherit;
|
|
29129
29132
|
user-select: text;
|
|
29133
|
+
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29130
29134
|
background-color: var(--pf-v6-c-table__button--BackgroundColor);
|
|
29131
29135
|
border: 0;
|
|
29132
29136
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
29133
|
-
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29134
29137
|
}
|
|
29135
29138
|
.pf-v6-c-table__button::after {
|
|
29136
29139
|
position: absolute;
|
|
@@ -29224,10 +29227,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29224
29227
|
}
|
|
29225
29228
|
|
|
29226
29229
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
29230
|
+
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29227
29231
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
29228
29232
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
29229
29233
|
transition-property: transform;
|
|
29230
|
-
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29231
29234
|
}
|
|
29232
29235
|
.pf-v6-c-table__toggle svg {
|
|
29233
29236
|
pointer-events: none;
|
|
@@ -29783,8 +29786,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29783
29786
|
}
|
|
29784
29787
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
29785
29788
|
position: relative;
|
|
29786
|
-
border: none;
|
|
29787
29789
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
29790
|
+
border: none;
|
|
29788
29791
|
}
|
|
29789
29792
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
29790
29793
|
position: absolute;
|
|
@@ -29822,7 +29825,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29822
29825
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
29823
29826
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
29824
29827
|
grid-column: 1;
|
|
29825
|
-
|
|
29828
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
29826
29829
|
align-items: start;
|
|
29827
29830
|
}
|
|
29828
29831
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -29925,8 +29928,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29925
29928
|
}
|
|
29926
29929
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
29927
29930
|
position: relative;
|
|
29928
|
-
border: none;
|
|
29929
29931
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
29932
|
+
border: none;
|
|
29930
29933
|
}
|
|
29931
29934
|
.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 {
|
|
29932
29935
|
position: absolute;
|
|
@@ -29964,7 +29967,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29964
29967
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
29965
29968
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
29966
29969
|
grid-column: 1;
|
|
29967
|
-
|
|
29970
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
29968
29971
|
align-items: start;
|
|
29969
29972
|
}
|
|
29970
29973
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30068,8 +30071,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30068
30071
|
}
|
|
30069
30072
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30070
30073
|
position: relative;
|
|
30071
|
-
border: none;
|
|
30072
30074
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30075
|
+
border: none;
|
|
30073
30076
|
}
|
|
30074
30077
|
.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 {
|
|
30075
30078
|
position: absolute;
|
|
@@ -30107,7 +30110,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30107
30110
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30108
30111
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30109
30112
|
grid-column: 1;
|
|
30110
|
-
|
|
30113
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30111
30114
|
align-items: start;
|
|
30112
30115
|
}
|
|
30113
30116
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30211,8 +30214,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30211
30214
|
}
|
|
30212
30215
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30213
30216
|
position: relative;
|
|
30214
|
-
border: none;
|
|
30215
30217
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30218
|
+
border: none;
|
|
30216
30219
|
}
|
|
30217
30220
|
.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 {
|
|
30218
30221
|
position: absolute;
|
|
@@ -30250,7 +30253,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30250
30253
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30251
30254
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30252
30255
|
grid-column: 1;
|
|
30253
|
-
|
|
30256
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30254
30257
|
align-items: start;
|
|
30255
30258
|
}
|
|
30256
30259
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30354,8 +30357,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30354
30357
|
}
|
|
30355
30358
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30356
30359
|
position: relative;
|
|
30357
|
-
border: none;
|
|
30358
30360
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30361
|
+
border: none;
|
|
30359
30362
|
}
|
|
30360
30363
|
.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 {
|
|
30361
30364
|
position: absolute;
|
|
@@ -30393,7 +30396,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30393
30396
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30394
30397
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30395
30398
|
grid-column: 1;
|
|
30396
|
-
|
|
30399
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30397
30400
|
align-items: start;
|
|
30398
30401
|
}
|
|
30399
30402
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30946,8 +30949,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30946
30949
|
|
|
30947
30950
|
.pf-v6-c-tabs__toggle-icon {
|
|
30948
30951
|
display: inline-block;
|
|
30949
|
-
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
30950
30952
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
30953
|
+
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
30951
30954
|
}
|
|
30952
30955
|
|
|
30953
30956
|
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
@@ -31111,8 +31114,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31111
31114
|
align-self: end;
|
|
31112
31115
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
31113
31116
|
color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
|
|
31114
|
-
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31115
31117
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
31118
|
+
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31116
31119
|
}
|
|
31117
31120
|
|
|
31118
31121
|
.pf-v6-c-tabs__item-action {
|
|
@@ -31375,10 +31378,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31375
31378
|
border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
|
|
31376
31379
|
border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
|
|
31377
31380
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
31381
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31378
31382
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
31379
31383
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
31380
31384
|
transition-property: width, height, translate;
|
|
31381
|
-
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31382
31385
|
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
31383
31386
|
}
|
|
31384
31387
|
: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 {
|
|
@@ -31584,9 +31587,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31584
31587
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
31585
31588
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
31586
31589
|
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
31590
|
+
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31587
31591
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
31588
31592
|
border: 0;
|
|
31589
|
-
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31590
31593
|
}
|
|
31591
31594
|
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
31592
31595
|
grid-area: text-input;
|
|
@@ -31794,7 +31797,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31794
31797
|
|
|
31795
31798
|
.pf-v6-c-title {
|
|
31796
31799
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
31797
|
-
|
|
31800
|
+
overflow-wrap: break-word;
|
|
31798
31801
|
}
|
|
31799
31802
|
.pf-v6-c-title.pf-m-4xl {
|
|
31800
31803
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -32577,10 +32580,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32577
32580
|
|
|
32578
32581
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
32579
32582
|
display: inline-flex;
|
|
32583
|
+
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32580
32584
|
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
32581
32585
|
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
32582
32586
|
transition-property: transform;
|
|
32583
|
-
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32584
32587
|
}
|
|
32585
32588
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
32586
32589
|
scale: -1 1;
|
|
@@ -34216,7 +34219,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34216
34219
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
34217
34220
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
34218
34221
|
text-align: center;
|
|
34219
|
-
|
|
34222
|
+
overflow-wrap: break-word;
|
|
34220
34223
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
34221
34224
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
34222
34225
|
}
|
|
@@ -34598,19 +34601,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34598
34601
|
display: inline-block;
|
|
34599
34602
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
34600
34603
|
text-align: center;
|
|
34601
|
-
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
34602
34604
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
34605
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
34603
34606
|
}
|
|
34604
34607
|
|
|
34605
34608
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
34606
|
-
max-height: 0;
|
|
34607
34609
|
visibility: hidden;
|
|
34610
|
+
max-height: 0;
|
|
34608
34611
|
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
34612
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34609
34613
|
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
34610
34614
|
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
34611
34615
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
34612
34616
|
transition-property: opacity, translate, visibility, max-height;
|
|
34613
|
-
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34614
34617
|
}
|
|
34615
34618
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
34616
34619
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -34621,12 +34624,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34621
34624
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
34622
34625
|
}
|
|
34623
34626
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
34624
|
-
max-height: 99999px;
|
|
34625
34627
|
visibility: revert;
|
|
34628
|
+
max-height: 99999px;
|
|
34626
34629
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
34630
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
34627
34631
|
transition-delay: 0s;
|
|
34628
34632
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
34629
|
-
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
34630
34633
|
}
|
|
34631
34634
|
|
|
34632
34635
|
.pf-v6-c-tree-view__node,
|
|
@@ -35065,7 +35068,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35065
35068
|
|
|
35066
35069
|
.pf-v6-c-wizard__title {
|
|
35067
35070
|
padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
|
|
35068
|
-
|
|
35071
|
+
overflow-wrap: break-word;
|
|
35069
35072
|
}
|
|
35070
35073
|
|
|
35071
35074
|
.pf-v6-c-wizard__title-text {
|
|
@@ -35128,7 +35131,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35128
35131
|
align-items: baseline;
|
|
35129
35132
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
35130
35133
|
text-align: start;
|
|
35131
|
-
|
|
35134
|
+
overflow-wrap: break-word;
|
|
35132
35135
|
}
|
|
35133
35136
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
35134
35137
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -35264,8 +35267,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35264
35267
|
padding-inline: 0;
|
|
35265
35268
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
35266
35269
|
text-align: start;
|
|
35270
|
+
overflow-wrap: break-word;
|
|
35267
35271
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
35268
|
-
word-break: break-word;
|
|
35269
35272
|
counter-increment: wizard-nav-count;
|
|
35270
35273
|
background-color: transparent;
|
|
35271
35274
|
border: none;
|
|
@@ -35370,10 +35373,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35370
35373
|
|
|
35371
35374
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
35372
35375
|
display: inline-block;
|
|
35376
|
+
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35373
35377
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
35374
35378
|
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
35375
35379
|
transition-property: transform;
|
|
35376
|
-
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35377
35380
|
}
|
|
35378
35381
|
|
|
35379
35382
|
.pf-v6-c-wizard__main {
|
|
@@ -35383,7 +35386,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35383
35386
|
flex-direction: column;
|
|
35384
35387
|
overflow-x: hidden;
|
|
35385
35388
|
overflow-y: auto;
|
|
35386
|
-
|
|
35389
|
+
overflow-wrap: break-word;
|
|
35387
35390
|
}
|
|
35388
35391
|
|
|
35389
35392
|
.pf-v6-c-wizard__main-body {
|
|
@@ -37820,7 +37823,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
37820
37823
|
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
37821
37824
|
}
|
|
37822
37825
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
37823
|
-
|
|
37826
|
+
gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
37824
37827
|
}
|
|
37825
37828
|
.pf-v6-l-gallery {
|
|
37826
37829
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
@@ -38813,7 +38816,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
38813
38816
|
}
|
|
38814
38817
|
}
|
|
38815
38818
|
.pf-v6-l-grid.pf-m-gutter {
|
|
38816
|
-
|
|
38819
|
+
gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
38817
38820
|
}
|
|
38818
38821
|
|
|
38819
38822
|
.pf-v6-l-level {
|