@patternfly/patternfly 6.5.2 → 6.6.0-prerelease.10
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/assets/images/img_avatar-rhds.svg +22 -0
- package/assets/images/pf-logo-avatar.jpg +0 -0
- 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 +58 -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 +10 -9
- 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 +10 -9
- 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 +4 -3
- package/components/Alert/alert.scss +4 -3
- package/components/Avatar/avatar.css +144 -0
- package/components/Avatar/avatar.scss +161 -0
- package/components/Breadcrumb/breadcrumb.css +1 -1
- package/components/Breadcrumb/breadcrumb.scss +1 -1
- package/components/Button/button.css +9 -6
- package/components/Button/button.scss +10 -6
- package/components/Card/card.css +2 -2
- package/components/Card/card.scss +3 -3
- package/components/Check/check.css +1 -1
- package/components/Check/check.scss +1 -1
- package/components/ClipboardCopy/clipboard-copy.css +2 -2
- package/components/ClipboardCopy/clipboard-copy.scss +2 -2
- package/components/Compass/compass.css +7 -3
- package/components/Compass/compass.scss +7 -3
- package/components/Content/content.css +2 -2
- package/components/Content/content.scss +2 -2
- package/components/DataList/data-list.css +1 -1
- package/components/DataList/data-list.scss +1 -1
- package/components/DescriptionList/description-list.css +0 -1
- package/components/DescriptionList/description-list.scss +0 -1
- package/components/Drawer/drawer.css +2 -2
- package/components/Drawer/drawer.scss +2 -2
- package/components/DualListSelector/dual-list-selector.css +6 -6
- package/components/DualListSelector/dual-list-selector.scss +6 -6
- package/components/ExpandableSection/expandable-section.css +3 -3
- package/components/ExpandableSection/expandable-section.scss +3 -3
- package/components/Form/form.css +12 -12
- package/components/Form/form.scss +6 -6
- package/components/FormControl/form-control.css +1 -1
- package/components/FormControl/form-control.scss +3 -1
- package/components/Hero/hero.css +1 -1
- package/components/Hero/hero.scss +1 -1
- package/components/Hint/hint.css +1 -1
- package/components/Hint/hint.scss +1 -1
- package/components/InputGroup/input-group.css +5 -5
- package/components/InputGroup/input-group.scss +5 -5
- package/components/JumpLinks/jump-links.css +1 -1
- package/components/JumpLinks/jump-links.scss +1 -1
- package/components/Label/label.css +1 -1
- package/components/Label/label.scss +1 -1
- package/components/Login/login.css +2 -2
- package/components/Login/login.scss +2 -2
- package/components/Masthead/masthead.css +2 -2
- package/components/Masthead/masthead.scss +2 -2
- package/components/Menu/menu.css +4 -4
- package/components/Menu/menu.scss +4 -4
- package/components/MenuToggle/menu-toggle.css +4 -1
- package/components/MenuToggle/menu-toggle.scss +5 -2
- 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 +26 -21
- package/components/Page/page.scss +30 -25
- 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/Sidebar/sidebar.css +4 -7
- package/components/Sidebar/sidebar.scss +9 -9
- 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 +37 -10
- package/components/Table/table.scss +53 -14
- 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 +342 -155
- 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/Avatar/examples/Avatar.css +6 -0
- package/docs/components/Avatar/examples/Avatar.md +414 -40
- 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 +23 -23
- 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 +271 -232
- 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/Sidebar/examples/Sidebar.md +3 -1
- package/docs/components/Slider/examples/Slider.md +4 -4
- package/docs/components/Table/examples/Table.css +6 -0
- package/docs/components/Table/examples/Table.md +807 -527
- 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 +294 -238
- 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 +63 -61
- package/patternfly-base.css +63 -61
- package/patternfly-no-globals.css +407 -218
- package/patternfly.css +407 -218
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +2 -2
- package/utilities/Accessibility/accessibility.css +12 -12
- package/utilities/_index.css +12 -12
package/patternfly.css
CHANGED
|
@@ -158,9 +158,9 @@ button) {
|
|
|
158
158
|
inset-block-start: 0;
|
|
159
159
|
inset-inline-start: 0;
|
|
160
160
|
overflow: hidden;
|
|
161
|
-
clip: rect(0, 0, 0, 0);
|
|
162
161
|
white-space: nowrap;
|
|
163
162
|
border: 0;
|
|
163
|
+
clip-path: inset(50%);
|
|
164
164
|
}
|
|
165
165
|
.pf-v6-screen-reader.pf-m-full-size {
|
|
166
166
|
width: 100%;
|
|
@@ -263,8 +263,8 @@ button) {
|
|
|
263
263
|
}
|
|
264
264
|
}
|
|
265
265
|
:root {
|
|
266
|
-
container-type: inline-size;
|
|
267
266
|
container-name: pf-v6-contain-viewport pf-v6-contain-table;
|
|
267
|
+
container-type: inline-size;
|
|
268
268
|
}
|
|
269
269
|
|
|
270
270
|
@property --pf-v6-global--danger-jiggle--TranslateX {
|
|
@@ -5884,13 +5884,13 @@ button) {
|
|
|
5884
5884
|
.far,
|
|
5885
5885
|
.fal,
|
|
5886
5886
|
.fab {
|
|
5887
|
-
-moz-osx-font-smoothing: grayscale;
|
|
5888
|
-
-webkit-font-smoothing: antialiased;
|
|
5889
5887
|
display: inline-block;
|
|
5890
5888
|
font-style: normal;
|
|
5891
5889
|
font-variant: normal;
|
|
5892
|
-
text-rendering: auto;
|
|
5893
5890
|
line-height: 1;
|
|
5891
|
+
text-rendering: auto;
|
|
5892
|
+
-moz-osx-font-smoothing: grayscale;
|
|
5893
|
+
-webkit-font-smoothing: antialiased;
|
|
5894
5894
|
}
|
|
5895
5895
|
|
|
5896
5896
|
@font-face {
|
|
@@ -6555,12 +6555,12 @@ button) {
|
|
|
6555
6555
|
--pf-t--color--yellow--60: #96640f;
|
|
6556
6556
|
--pf-t--color--yellow--70: #73480b;
|
|
6557
6557
|
--pf-t--color--yellow--80: #54330b;
|
|
6558
|
-
--pf-t--global--background--color--500:
|
|
6559
|
-
--pf-t--global--background--color--600:
|
|
6560
|
-
--pf-t--global--background--color--700:
|
|
6561
|
-
--pf-t--global--background--color--action--plain--default:
|
|
6558
|
+
--pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
|
|
6559
|
+
--pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
|
|
6560
|
+
--pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
|
|
6561
|
+
--pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
|
|
6562
6562
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
6563
|
-
--pf-t--global--border--color--high-contrast:
|
|
6563
|
+
--pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
|
|
6564
6564
|
--pf-t--global--border--radius--0: 0px;
|
|
6565
6565
|
--pf-t--global--border--radius--100: 4px;
|
|
6566
6566
|
--pf-t--global--border--radius--200: 6px;
|
|
@@ -6598,8 +6598,8 @@ button) {
|
|
|
6598
6598
|
--pf-t--global--box-shadow--blur--100: 6px;
|
|
6599
6599
|
--pf-t--global--box-shadow--blur--200: 10px;
|
|
6600
6600
|
--pf-t--global--box-shadow--blur--300: 20px;
|
|
6601
|
-
--pf-t--global--box-shadow--color--100:
|
|
6602
|
-
--pf-t--global--box-shadow--color--200:
|
|
6601
|
+
--pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
|
|
6602
|
+
--pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
|
|
6603
6603
|
--pf-t--global--box-shadow--spread--100: 0px;
|
|
6604
6604
|
--pf-t--global--box-shadow--spread--200: -4px;
|
|
6605
6605
|
--pf-t--global--box-shadow--spread--300: -8px;
|
|
@@ -7472,10 +7472,10 @@ button) {
|
|
|
7472
7472
|
}
|
|
7473
7473
|
|
|
7474
7474
|
:root:where(.pf-v6-theme-high-contrast) {
|
|
7475
|
-
--pf-t--global--background--color--500:
|
|
7476
|
-
--pf-t--global--background--color--600:
|
|
7477
|
-
--pf-t--global--background--color--700:
|
|
7478
|
-
--pf-t--global--background--color--action--plain--default:
|
|
7475
|
+
--pf-t--global--background--color--500: rgb(21, 21, 21, 0.4000);
|
|
7476
|
+
--pf-t--global--background--color--600: rgb(199, 199, 199, 0.2500);
|
|
7477
|
+
--pf-t--global--background--color--700: rgb(199, 199, 199, 0.1000);
|
|
7478
|
+
--pf-t--global--background--color--action--plain--default: rgb(255, 255, 255, 0.0000);
|
|
7479
7479
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
7480
7480
|
--pf-t--global--border--radius--0: 0px;
|
|
7481
7481
|
--pf-t--global--border--radius--100: 4px;
|
|
@@ -7509,8 +7509,8 @@ button) {
|
|
|
7509
7509
|
--pf-t--global--box-shadow--blur--100: 6px;
|
|
7510
7510
|
--pf-t--global--box-shadow--blur--200: 10px;
|
|
7511
7511
|
--pf-t--global--box-shadow--blur--300: 20px;
|
|
7512
|
-
--pf-t--global--box-shadow--color--100:
|
|
7513
|
-
--pf-t--global--box-shadow--color--200:
|
|
7512
|
+
--pf-t--global--box-shadow--color--100: rgb(41, 41, 41, 0.1500);
|
|
7513
|
+
--pf-t--global--box-shadow--color--200: rgb(41, 41, 41, 0.2000);
|
|
7514
7514
|
--pf-t--global--box-shadow--spread--100: 0px;
|
|
7515
7515
|
--pf-t--global--box-shadow--spread--200: -4px;
|
|
7516
7516
|
--pf-t--global--box-shadow--spread--300: -8px;
|
|
@@ -8227,13 +8227,13 @@ button) {
|
|
|
8227
8227
|
}
|
|
8228
8228
|
|
|
8229
8229
|
:root:where(.pf-v6-theme-glass) {
|
|
8230
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
8231
|
-
--pf-t--global--background--color--primary--clicked:
|
|
8232
|
-
--pf-t--global--background--color--primary--default:
|
|
8233
|
-
--pf-t--global--background--color--primary--hover:
|
|
8234
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
8235
|
-
--pf-t--global--background--color--secondary--default:
|
|
8236
|
-
--pf-t--global--background--color--secondary--hover:
|
|
8230
|
+
--pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
|
|
8231
|
+
--pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
|
|
8232
|
+
--pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
|
|
8233
|
+
--pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
|
|
8234
|
+
--pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
|
|
8235
|
+
--pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
|
|
8236
|
+
--pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
|
|
8237
8237
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
8238
8238
|
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
|
|
8239
8239
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
|
|
@@ -8241,6 +8241,7 @@ button) {
|
|
|
8241
8241
|
--pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
|
|
8242
8242
|
--pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium);
|
|
8243
8243
|
--pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular);
|
|
8244
|
+
--pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
|
|
8244
8245
|
--pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
|
|
8245
8246
|
--pf-t--global--background--image--default: var(--pf-t--global--background--image--glass, url("./assets/images/PF-Bkg-Generic-Light.svg"));
|
|
8246
8247
|
--pf-t--global--box-shadow--glass--default: var(--pf-t--global--box-shadow--md);
|
|
@@ -8372,13 +8373,13 @@ button) {
|
|
|
8372
8373
|
}
|
|
8373
8374
|
|
|
8374
8375
|
:root:where(.pf-v6-theme-felt.pf-v6-theme-glass) {
|
|
8375
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
8376
|
-
--pf-t--global--background--color--primary--clicked:
|
|
8377
|
-
--pf-t--global--background--color--primary--default:
|
|
8378
|
-
--pf-t--global--background--color--primary--hover:
|
|
8379
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
8380
|
-
--pf-t--global--background--color--secondary--default:
|
|
8381
|
-
--pf-t--global--background--color--secondary--hover:
|
|
8376
|
+
--pf-t--global--background--color--glass--primary--default: rgb(255, 255, 255, 0.5000);
|
|
8377
|
+
--pf-t--global--background--color--primary--clicked: rgb(199, 199, 199, 0.3000);
|
|
8378
|
+
--pf-t--global--background--color--primary--default: rgb(255, 255, 255, 0.6000);
|
|
8379
|
+
--pf-t--global--background--color--primary--hover: rgb(199, 199, 199, 0.3000);
|
|
8380
|
+
--pf-t--global--background--color--secondary--clicked: rgb(163, 163, 163, 0.3000);
|
|
8381
|
+
--pf-t--global--background--color--secondary--default: rgb(199, 199, 199, 0.3000);
|
|
8382
|
+
--pf-t--global--background--color--secondary--hover: rgb(163, 163, 163, 0.3000);
|
|
8382
8383
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
8383
8384
|
--pf-t--global--border--width--main--default: var(--pf-t--global--border--width--100);
|
|
8384
8385
|
--pf-t--global--background--color--action--plain--alt--clicked: var(--pf-t--global--background--color--action--plain--clicked);
|
|
@@ -8394,20 +8395,21 @@ button) {
|
|
|
8394
8395
|
--pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
|
|
8395
8396
|
--pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
|
|
8396
8397
|
--pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
|
|
8398
|
+
--pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
|
|
8397
8399
|
--pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
|
|
8398
8400
|
--pf-t--global--background--image--default: var(--pf-t--global--background--image--felt--glass, url("./assets/images/Felt-Bkg-Generic-Light.svg"));
|
|
8399
8401
|
}
|
|
8400
8402
|
|
|
8401
8403
|
:root:where(.pf-v6-theme-dark) {
|
|
8402
|
-
--pf-t--global--background--color--action--plain--default:
|
|
8403
|
-
--pf-t--global--background--color--striped--row--default:
|
|
8404
|
+
--pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
|
|
8405
|
+
--pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
|
|
8404
8406
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
8405
|
-
--pf-t--global--border--color--high-contrast:
|
|
8406
|
-
--pf-t--global--dark--background--color--500:
|
|
8407
|
-
--pf-t--global--dark--background--color--600:
|
|
8408
|
-
--pf-t--global--dark--background--color--700:
|
|
8409
|
-
--pf-t--global--dark--box-shadow--color--100:
|
|
8410
|
-
--pf-t--global--dark--box-shadow--color--200:
|
|
8407
|
+
--pf-t--global--border--color--high-contrast: rgb(255, 255, 255, 0.0000);
|
|
8408
|
+
--pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
|
|
8409
|
+
--pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
|
|
8410
|
+
--pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
|
|
8411
|
+
--pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
|
|
8412
|
+
--pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
|
|
8411
8413
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
8412
8414
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
8413
8415
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
@@ -8857,14 +8859,14 @@ button) {
|
|
|
8857
8859
|
}
|
|
8858
8860
|
|
|
8859
8861
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-high-contrast) {
|
|
8860
|
-
--pf-t--global--background--color--action--plain--default:
|
|
8861
|
-
--pf-t--global--background--color--striped--row--default:
|
|
8862
|
+
--pf-t--global--background--color--action--plain--default: rgb(0, 0, 0, 0.0000);
|
|
8863
|
+
--pf-t--global--background--color--striped--row--default: rgb(21, 21, 21, 0.3000);
|
|
8862
8864
|
--pf-t--global--background--filter--glass--blur--primary: initial;
|
|
8863
|
-
--pf-t--global--dark--background--color--500:
|
|
8864
|
-
--pf-t--global--dark--background--color--600:
|
|
8865
|
-
--pf-t--global--dark--background--color--700:
|
|
8866
|
-
--pf-t--global--dark--box-shadow--color--100:
|
|
8867
|
-
--pf-t--global--dark--box-shadow--color--200:
|
|
8865
|
+
--pf-t--global--dark--background--color--500: rgb(21, 21, 21, 0.8000);
|
|
8866
|
+
--pf-t--global--dark--background--color--600: rgb(199, 199, 199, 0.1500);
|
|
8867
|
+
--pf-t--global--dark--background--color--700: rgb(199, 199, 199, 0.2500);
|
|
8868
|
+
--pf-t--global--dark--box-shadow--color--100: rgb(0, 0, 0, 0.5000);
|
|
8869
|
+
--pf-t--global--dark--box-shadow--color--200: rgb(0, 0, 0, 0.6000);
|
|
8868
8870
|
--pf-t--global--background--color--action--plain--clicked: var(--pf-t--global--dark--background--color--600);
|
|
8869
8871
|
--pf-t--global--background--color--action--plain--hover: var(--pf-t--global--dark--background--color--600);
|
|
8870
8872
|
--pf-t--global--background--color--backdrop--default: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9298,13 +9300,13 @@ button) {
|
|
|
9298
9300
|
}
|
|
9299
9301
|
|
|
9300
9302
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-glass) {
|
|
9301
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
9302
|
-
--pf-t--global--background--color--primary--clicked:
|
|
9303
|
-
--pf-t--global--background--color--primary--default:
|
|
9304
|
-
--pf-t--global--background--color--primary--hover:
|
|
9305
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
9306
|
-
--pf-t--global--background--color--secondary--default:
|
|
9307
|
-
--pf-t--global--background--color--secondary--hover:
|
|
9303
|
+
--pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9304
|
+
--pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
|
|
9305
|
+
--pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9306
|
+
--pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
|
|
9307
|
+
--pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
|
|
9308
|
+
--pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
|
|
9309
|
+
--pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
|
|
9308
9310
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
9309
9311
|
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
|
|
9310
9312
|
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9367,13 +9369,13 @@ button) {
|
|
|
9367
9369
|
}
|
|
9368
9370
|
|
|
9369
9371
|
:root:where(.pf-v6-theme-dark.pf-v6-theme-felt.pf-v6-theme-glass) {
|
|
9370
|
-
--pf-t--global--background--color--glass--primary--default:
|
|
9371
|
-
--pf-t--global--background--color--primary--clicked:
|
|
9372
|
-
--pf-t--global--background--color--primary--default:
|
|
9373
|
-
--pf-t--global--background--color--primary--hover:
|
|
9374
|
-
--pf-t--global--background--color--secondary--clicked:
|
|
9375
|
-
--pf-t--global--background--color--secondary--default:
|
|
9376
|
-
--pf-t--global--background--color--secondary--hover:
|
|
9372
|
+
--pf-t--global--background--color--glass--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9373
|
+
--pf-t--global--background--color--primary--clicked: rgb(56, 56, 56, 0.5000);
|
|
9374
|
+
--pf-t--global--background--color--primary--default: rgb(41, 41, 41, 0.5000);
|
|
9375
|
+
--pf-t--global--background--color--primary--hover: rgb(56, 56, 56, 0.5000);
|
|
9376
|
+
--pf-t--global--background--color--secondary--clicked: rgb(41, 41, 41, 0.6000);
|
|
9377
|
+
--pf-t--global--background--color--secondary--default: rgb(21, 21, 21, 0.6000);
|
|
9378
|
+
--pf-t--global--background--color--secondary--hover: rgb(41, 41, 41, 0.6000);
|
|
9377
9379
|
--pf-t--global--background--filter--glass--blur--primary: blur(16px);
|
|
9378
9380
|
--pf-t--global--background--color--control--default: var(--pf-t--global--dark--background--color--500);
|
|
9379
9381
|
--pf-t--global--background--color--control--read-only: var(--pf-t--global--dark--background--color--500);
|
|
@@ -9573,7 +9575,7 @@ button) {
|
|
|
9573
9575
|
overflow-x: hidden;
|
|
9574
9576
|
overflow-y: auto;
|
|
9575
9577
|
overscroll-behavior: contain;
|
|
9576
|
-
|
|
9578
|
+
overflow-wrap: break-word;
|
|
9577
9579
|
-webkit-overflow-scrolling: touch;
|
|
9578
9580
|
}
|
|
9579
9581
|
@media screen and (min-width: 36rem) {
|
|
@@ -9650,7 +9652,9 @@ button) {
|
|
|
9650
9652
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight: 9.375rem;
|
|
9651
9653
|
--pf-v6-c-accordion__expandable-content--MaxHeight: 0;
|
|
9652
9654
|
--pf-v6-c-accordion__expandable-content--Visibility: hidden;
|
|
9655
|
+
--pf-v6-c-accordion__expandable-content--Overflow: hidden;
|
|
9653
9656
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--Visibility: visible;
|
|
9657
|
+
--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow: visible;
|
|
9654
9658
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--MaxHeight: 99999px;
|
|
9655
9659
|
--pf-v6-c-accordion__item--m-expanded__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
9656
9660
|
--pf-v6-c-accordion__item--before--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
|
|
@@ -9783,6 +9787,7 @@ button) {
|
|
|
9783
9787
|
--pf-v6-c-accordion__expandable-content--TransitionDuration--fade: 0s;
|
|
9784
9788
|
--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight);
|
|
9785
9789
|
--pf-v6-c-accordion__expandable-content--BorderWidth: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--BorderWidth);
|
|
9790
|
+
--pf-v6-c-accordion__expandable-content--Overflow: var(--pf-v6-c-accordion__item--m-expanded__expandable-content--Overflow);
|
|
9786
9791
|
}
|
|
9787
9792
|
|
|
9788
9793
|
.pf-v6-c-accordion__toggle {
|
|
@@ -9830,8 +9835,8 @@ button) {
|
|
|
9830
9835
|
}
|
|
9831
9836
|
|
|
9832
9837
|
.pf-v6-c-accordion__toggle-icon {
|
|
9833
|
-
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9834
9838
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
9839
|
+
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9835
9840
|
}
|
|
9836
9841
|
|
|
9837
9842
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
@@ -9839,26 +9844,27 @@ button) {
|
|
|
9839
9844
|
}
|
|
9840
9845
|
|
|
9841
9846
|
.pf-v6-c-accordion__expandable-content {
|
|
9847
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9842
9848
|
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
|
9843
9849
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
9844
9850
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
9845
9851
|
margin-inline-end: var(--pf-v6-c-accordion__expandable-content--MarginInlineEnd);
|
|
9852
|
+
overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
|
|
9846
9853
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
9847
9854
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
9848
|
-
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9849
9855
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
9850
9856
|
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
9851
9857
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
9852
9858
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
9859
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9853
9860
|
transition-delay: 0s, 0s, var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade);
|
|
9854
9861
|
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
9855
9862
|
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
|
9856
9863
|
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
|
9857
|
-
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9858
9864
|
}
|
|
9859
9865
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
9866
|
+
--pf-v6-c-accordion__expandable-content--Overflow: auto;
|
|
9860
9867
|
max-height: var(--pf-v6-c-accordion__expandable-content--m-fixed--MaxHeight--base);
|
|
9861
|
-
overflow-y: auto;
|
|
9862
9868
|
}
|
|
9863
9869
|
|
|
9864
9870
|
.pf-v6-c-accordion__expandable-content-body {
|
|
@@ -10058,12 +10064,13 @@ button) {
|
|
|
10058
10064
|
|
|
10059
10065
|
.pf-v6-c-alert__toggle-icon {
|
|
10060
10066
|
display: inline-block;
|
|
10061
|
-
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
10062
10067
|
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
10068
|
+
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
10063
10069
|
}
|
|
10064
10070
|
|
|
10065
10071
|
.pf-v6-c-alert__icon {
|
|
10066
10072
|
grid-area: icon;
|
|
10073
|
+
align-self: baseline;
|
|
10067
10074
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
10068
10075
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
10069
10076
|
color: var(--pf-v6-c-alert__icon--Color);
|
|
@@ -10074,7 +10081,7 @@ button) {
|
|
|
10074
10081
|
grid-area: title;
|
|
10075
10082
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
10076
10083
|
color: var(--pf-v6-c-alert__title--Color);
|
|
10077
|
-
|
|
10084
|
+
overflow-wrap: break-word;
|
|
10078
10085
|
}
|
|
10079
10086
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
10080
10087
|
display: -webkit-box;
|
|
@@ -10086,7 +10093,7 @@ button) {
|
|
|
10086
10093
|
.pf-v6-c-alert__description {
|
|
10087
10094
|
grid-area: description;
|
|
10088
10095
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
10089
|
-
|
|
10096
|
+
overflow-wrap: break-word;
|
|
10090
10097
|
}
|
|
10091
10098
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
10092
10099
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -10236,8 +10243,8 @@ button) {
|
|
|
10236
10243
|
display: grid;
|
|
10237
10244
|
grid-template-rows: 1fr;
|
|
10238
10245
|
opacity: 1;
|
|
10239
|
-
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10240
10246
|
transform: translateX(0) translateY(0);
|
|
10247
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10241
10248
|
}
|
|
10242
10249
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
10243
10250
|
.pf-v6-c-alert-group__item {
|
|
@@ -10293,24 +10300,87 @@ button) {
|
|
|
10293
10300
|
--pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
10294
10301
|
--pf-v6-c-avatar--Width: 2.25rem;
|
|
10295
10302
|
--pf-v6-c-avatar--Height: 2.25rem;
|
|
10303
|
+
--pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
|
|
10296
10304
|
--pf-v6-c-avatar--m-sm--Width: 1.5rem;
|
|
10297
10305
|
--pf-v6-c-avatar--m-sm--Height: 1.5rem;
|
|
10306
|
+
--pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
|
|
10298
10307
|
--pf-v6-c-avatar--m-md--Width: 2.25rem;
|
|
10299
10308
|
--pf-v6-c-avatar--m-md--Height: 2.25rem;
|
|
10309
|
+
--pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
|
|
10300
10310
|
--pf-v6-c-avatar--m-lg--Width: 4.5rem;
|
|
10301
10311
|
--pf-v6-c-avatar--m-lg--Height: 4.5rem;
|
|
10312
|
+
--pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
|
|
10302
10313
|
--pf-v6-c-avatar--m-xl--Width: 8rem;
|
|
10303
10314
|
--pf-v6-c-avatar--m-xl--Height: 8rem;
|
|
10315
|
+
--pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
|
|
10304
10316
|
--pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
|
|
10305
10317
|
--pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
10318
|
+
--pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
|
|
10319
|
+
--pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
10320
|
+
--pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
|
|
10321
|
+
--pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
|
|
10322
|
+
--pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
|
|
10323
|
+
--pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
|
|
10324
|
+
--pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
|
|
10325
|
+
--pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
|
|
10326
|
+
--pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
|
|
10327
|
+
--pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
|
|
10328
|
+
--pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
|
|
10329
|
+
--pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
|
|
10330
|
+
--pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
|
|
10331
|
+
--pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
|
|
10332
|
+
--pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
|
|
10333
|
+
--pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
|
|
10334
|
+
--pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
|
|
10335
|
+
--pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
|
|
10336
|
+
--pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
|
|
10337
|
+
--pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
|
|
10338
|
+
--pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
|
|
10339
|
+
--pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
|
|
10340
|
+
--pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
|
|
10341
|
+
--pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
|
|
10342
|
+
--pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
|
|
10343
|
+
--pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
|
|
10344
|
+
--pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
|
|
10345
|
+
--pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
|
|
10346
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
|
|
10347
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
10348
|
+
--pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
10349
|
+
--pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
10350
|
+
--pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
|
|
10351
|
+
--pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
|
|
10352
|
+
--pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
10353
|
+
--pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
|
|
10354
|
+
--pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
10355
|
+
--pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
|
|
10356
|
+
--pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
|
|
10357
|
+
--pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
|
|
10358
|
+
--pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
|
|
10359
|
+
--pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
|
|
10360
|
+
--pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
|
|
10361
|
+
--pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
|
|
10362
|
+
--pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
|
|
10363
|
+
--pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
|
|
10364
|
+
--pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
|
|
10306
10365
|
}
|
|
10307
10366
|
|
|
10308
10367
|
.pf-v6-c-avatar {
|
|
10309
10368
|
width: var(--pf-v6-c-avatar--Width);
|
|
10310
10369
|
height: var(--pf-v6-c-avatar--Height);
|
|
10370
|
+
font-size: var(--pf-v6-c-avatar--FontSize);
|
|
10371
|
+
color: var(--pf-v6-c-avatar--Color, inherit);
|
|
10372
|
+
background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
|
|
10311
10373
|
border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
|
|
10312
10374
|
border-radius: var(--pf-v6-c-avatar--BorderRadius);
|
|
10313
10375
|
}
|
|
10376
|
+
div.pf-v6-c-avatar {
|
|
10377
|
+
display: inline-flex;
|
|
10378
|
+
align-items: center;
|
|
10379
|
+
justify-content: center;
|
|
10380
|
+
overflow: clip;
|
|
10381
|
+
vertical-align: middle;
|
|
10382
|
+
}
|
|
10383
|
+
|
|
10314
10384
|
.pf-v6-c-avatar.pf-m-bordered {
|
|
10315
10385
|
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
|
|
10316
10386
|
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
|
|
@@ -10539,6 +10609,87 @@ button) {
|
|
|
10539
10609
|
--pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
|
|
10540
10610
|
}
|
|
10541
10611
|
}
|
|
10612
|
+
.pf-v6-c-avatar.pf-m-sm {
|
|
10613
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
|
|
10614
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
|
|
10615
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
|
|
10616
|
+
}
|
|
10617
|
+
.pf-v6-c-avatar.pf-m-lg {
|
|
10618
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
|
|
10619
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
|
|
10620
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
|
|
10621
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
|
|
10622
|
+
}
|
|
10623
|
+
.pf-v6-c-avatar.pf-m-xl {
|
|
10624
|
+
--pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
|
|
10625
|
+
--pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
|
|
10626
|
+
--pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
|
|
10627
|
+
--pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
|
|
10628
|
+
}
|
|
10629
|
+
.pf-v6-c-avatar.pf-m-colorful {
|
|
10630
|
+
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
|
|
10631
|
+
}
|
|
10632
|
+
.pf-v6-c-avatar.pf-m-red {
|
|
10633
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
|
|
10634
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
|
|
10635
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
|
|
10636
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
|
|
10637
|
+
}
|
|
10638
|
+
.pf-v6-c-avatar.pf-m-orangered {
|
|
10639
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
|
|
10640
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
|
|
10641
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
|
|
10642
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
|
|
10643
|
+
}
|
|
10644
|
+
.pf-v6-c-avatar.pf-m-orange {
|
|
10645
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
|
|
10646
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
|
|
10647
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
|
|
10648
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
|
|
10649
|
+
}
|
|
10650
|
+
.pf-v6-c-avatar.pf-m-yellow {
|
|
10651
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
|
|
10652
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
|
|
10653
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
|
|
10654
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
|
|
10655
|
+
}
|
|
10656
|
+
.pf-v6-c-avatar.pf-m-green {
|
|
10657
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
|
|
10658
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
|
|
10659
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
|
|
10660
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
|
|
10661
|
+
}
|
|
10662
|
+
.pf-v6-c-avatar.pf-m-teal {
|
|
10663
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
|
|
10664
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
|
|
10665
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
|
|
10666
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
|
|
10667
|
+
}
|
|
10668
|
+
.pf-v6-c-avatar.pf-m-blue {
|
|
10669
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
|
|
10670
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
|
|
10671
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
|
|
10672
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
|
|
10673
|
+
}
|
|
10674
|
+
.pf-v6-c-avatar.pf-m-purple {
|
|
10675
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
|
|
10676
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
|
|
10677
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
|
|
10678
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
|
|
10679
|
+
}
|
|
10680
|
+
.pf-v6-c-avatar.pf-m-gray {
|
|
10681
|
+
--pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
|
|
10682
|
+
--pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
|
|
10683
|
+
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
|
|
10684
|
+
--pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
|
|
10685
|
+
}
|
|
10686
|
+
|
|
10687
|
+
.pf-v6-c-avatar__initials {
|
|
10688
|
+
font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
|
|
10689
|
+
font-size: var(--pf-v6-c-avatar__initials--FontSize);
|
|
10690
|
+
font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
|
|
10691
|
+
color: var(--pf-v6-c-avatar__initials--Color);
|
|
10692
|
+
}
|
|
10542
10693
|
|
|
10543
10694
|
.pf-v6-c-backdrop {
|
|
10544
10695
|
--pf-v6-c-backdrop--Position: fixed;
|
|
@@ -10982,10 +11133,10 @@ button) {
|
|
|
10982
11133
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
10983
11134
|
line-height: inherit;
|
|
10984
11135
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
11136
|
+
overflow-wrap: break-word;
|
|
10985
11137
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
10986
11138
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
10987
11139
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
10988
|
-
word-break: break-word;
|
|
10989
11140
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
10990
11141
|
}
|
|
10991
11142
|
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
@@ -11403,10 +11554,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11403
11554
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
11404
11555
|
color: var(--pf-v6-c-button--Color);
|
|
11405
11556
|
text-align: center;
|
|
11557
|
+
white-space: nowrap;
|
|
11406
11558
|
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
|
11407
11559
|
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
|
11408
11560
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
11409
|
-
white-space: nowrap;
|
|
11410
11561
|
cursor: pointer;
|
|
11411
11562
|
-webkit-user-select: none;
|
|
11412
11563
|
user-select: none;
|
|
@@ -11416,11 +11567,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11416
11567
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11417
11568
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11418
11569
|
border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11570
|
+
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
11419
11571
|
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
11420
11572
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
11421
11573
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
11422
11574
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
11423
|
-
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
11424
11575
|
}
|
|
11425
11576
|
.pf-v6-c-button::after {
|
|
11426
11577
|
position: absolute;
|
|
@@ -11547,10 +11698,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11547
11698
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
11548
11699
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
11549
11700
|
text-align: start;
|
|
11550
|
-
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11551
11701
|
white-space: normal;
|
|
11552
|
-
|
|
11702
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11553
11703
|
outline-offset: 0.125rem;
|
|
11704
|
+
background: transparent;
|
|
11554
11705
|
}
|
|
11555
11706
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
11556
11707
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
@@ -11888,6 +12039,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11888
12039
|
justify-content: flex-start;
|
|
11889
12040
|
width: 100%;
|
|
11890
12041
|
}
|
|
12042
|
+
.pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
|
|
12043
|
+
min-width: 1lh;
|
|
12044
|
+
}
|
|
11891
12045
|
@media (min-width: 62rem) {
|
|
11892
12046
|
.pf-v6-c-button.pf-m-docked {
|
|
11893
12047
|
justify-content: center;
|
|
@@ -11908,12 +12062,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11908
12062
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
11909
12063
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
11910
12064
|
color: var(--pf-v6-c-button__icon--Color);
|
|
12065
|
+
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
12066
|
+
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
11911
12067
|
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
11912
12068
|
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
11913
12069
|
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
11914
12070
|
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
|
11915
|
-
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
11916
|
-
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
11917
12071
|
}
|
|
11918
12072
|
.pf-v6-c-button__icon.pf-m-start {
|
|
11919
12073
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -12340,8 +12494,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12340
12494
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
|
|
12341
12495
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
|
|
12342
12496
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
|
|
12343
|
-
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
12344
12497
|
box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
|
|
12498
|
+
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
12345
12499
|
}
|
|
12346
12500
|
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
12347
12501
|
gap: 0;
|
|
@@ -12583,9 +12737,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12583
12737
|
}
|
|
12584
12738
|
|
|
12585
12739
|
.pf-v6-c-card__clickable-action {
|
|
12740
|
+
outline: 0;
|
|
12586
12741
|
background: none;
|
|
12587
12742
|
border: 0;
|
|
12588
|
-
outline: 0;
|
|
12589
12743
|
}
|
|
12590
12744
|
.pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
|
|
12591
12745
|
pointer-events: none;
|
|
@@ -12653,7 +12807,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12653
12807
|
.pf-v6-c-check {
|
|
12654
12808
|
display: grid;
|
|
12655
12809
|
grid-template-columns: auto 1fr;
|
|
12656
|
-
|
|
12810
|
+
gap: var(--pf-v6-c-check--GridGap);
|
|
12657
12811
|
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
12658
12812
|
}
|
|
12659
12813
|
.pf-v6-c-check.pf-m-standalone {
|
|
@@ -12784,7 +12938,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12784
12938
|
padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
|
|
12785
12939
|
padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
|
|
12786
12940
|
margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
|
|
12787
|
-
|
|
12941
|
+
overflow-wrap: break-word;
|
|
12788
12942
|
background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
|
|
12789
12943
|
background-clip: padding-box;
|
|
12790
12944
|
border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
|
|
@@ -12800,7 +12954,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12800
12954
|
}
|
|
12801
12955
|
|
|
12802
12956
|
.pf-v6-c-clipboard-copy__text {
|
|
12803
|
-
|
|
12957
|
+
overflow-wrap: break-word;
|
|
12804
12958
|
white-space: normal;
|
|
12805
12959
|
}
|
|
12806
12960
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -13289,8 +13443,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13289
13443
|
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
13290
13444
|
.pf-v6-c-compass__main-footer,
|
|
13291
13445
|
.pf-v6-c-compass__footer {
|
|
13292
|
-
margin: 0;
|
|
13293
13446
|
visibility: hidden;
|
|
13447
|
+
margin: 0;
|
|
13294
13448
|
opacity: 0;
|
|
13295
13449
|
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
13296
13450
|
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
@@ -13408,15 +13562,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13408
13562
|
inset-inline-start: 0;
|
|
13409
13563
|
z-index: var(--pf-v6-c-compass__dock--ZIndex);
|
|
13410
13564
|
display: flex;
|
|
13565
|
+
visibility: hidden;
|
|
13411
13566
|
flex-direction: column;
|
|
13412
13567
|
grid-area: dock;
|
|
13413
13568
|
width: var(--pf-v6-c-compass__dock--Width);
|
|
13414
|
-
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
13415
13569
|
translate: -100% 0;
|
|
13570
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
|
|
13416
13571
|
}
|
|
13417
13572
|
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
13418
13573
|
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
13574
|
+
visibility: visible;
|
|
13419
13575
|
translate: 0;
|
|
13576
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
13420
13577
|
}
|
|
13421
13578
|
@media (min-width: 62rem) {
|
|
13422
13579
|
.pf-v6-c-compass__dock {
|
|
@@ -13424,6 +13581,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13424
13581
|
--pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
|
|
13425
13582
|
position: revert;
|
|
13426
13583
|
inset: revert;
|
|
13584
|
+
visibility: revert;
|
|
13427
13585
|
width: auto;
|
|
13428
13586
|
translate: 0;
|
|
13429
13587
|
}
|
|
@@ -13438,9 +13596,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13438
13596
|
.pf-v6-c-compass__dock-main {
|
|
13439
13597
|
flex-grow: 1;
|
|
13440
13598
|
background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
|
|
13441
|
-
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13442
13599
|
border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
|
|
13443
13600
|
box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
|
|
13601
|
+
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13444
13602
|
}
|
|
13445
13603
|
.pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
|
|
13446
13604
|
border-inline-end: var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock--m-expanded__dock-main--BorderInlineEndColor);
|
|
@@ -13771,8 +13929,8 @@ ul) {
|
|
|
13771
13929
|
@media screen and (min-width: 36rem) {
|
|
13772
13930
|
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
13773
13931
|
grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
|
|
13774
|
-
|
|
13775
|
-
|
|
13932
|
+
row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
13933
|
+
column-gap: var(--pf-v6-c-content--dl--ColumnGap);
|
|
13776
13934
|
}
|
|
13777
13935
|
}
|
|
13778
13936
|
|
|
@@ -14561,8 +14719,8 @@ ul) {
|
|
|
14561
14719
|
.pf-v6-c-data-list__toggle-icon {
|
|
14562
14720
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
14563
14721
|
pointer-events: none;
|
|
14564
|
-
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14565
14722
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
14723
|
+
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14566
14724
|
}
|
|
14567
14725
|
|
|
14568
14726
|
.pf-v6-c-data-list__item-content {
|
|
@@ -14779,7 +14937,6 @@ ul) {
|
|
|
14779
14937
|
width: 100%;
|
|
14780
14938
|
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
14781
14939
|
break-inside: avoid;
|
|
14782
|
-
page-break-inside: avoid;
|
|
14783
14940
|
-webkit-column-break-inside: avoid;
|
|
14784
14941
|
-moz-column-break-inside: avoid;
|
|
14785
14942
|
}
|
|
@@ -15187,9 +15344,9 @@ ul) {
|
|
|
15187
15344
|
max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
|
|
15188
15345
|
margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
|
|
15189
15346
|
overflow: auto;
|
|
15347
|
+
outline-offset: 2px;
|
|
15190
15348
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
15191
15349
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
15192
|
-
outline-offset: 2px;
|
|
15193
15350
|
}
|
|
15194
15351
|
|
|
15195
15352
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -15225,25 +15382,25 @@ ul) {
|
|
|
15225
15382
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
15226
15383
|
}
|
|
15227
15384
|
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
|
|
15228
|
-
max-height: 0;
|
|
15229
15385
|
visibility: hidden;
|
|
15386
|
+
max-height: 0;
|
|
15230
15387
|
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
15388
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15231
15389
|
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
|
15232
15390
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
15233
15391
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
|
15234
15392
|
transition-property: opacity, translate, visibility, max-height;
|
|
15235
|
-
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15236
15393
|
}
|
|
15237
15394
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
15238
15395
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
|
|
15239
15396
|
}
|
|
15240
15397
|
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
|
|
15241
|
-
max-height: 99999px;
|
|
15242
15398
|
visibility: revert;
|
|
15399
|
+
max-height: 99999px;
|
|
15243
15400
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
15401
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
15244
15402
|
transition-delay: 0s;
|
|
15245
15403
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
15246
|
-
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
15247
15404
|
}
|
|
15248
15405
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
15249
15406
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
@@ -15378,10 +15535,10 @@ ul) {
|
|
|
15378
15535
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
15379
15536
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
15380
15537
|
text-align: center;
|
|
15538
|
+
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15381
15539
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
15382
15540
|
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
15383
15541
|
transition-property: transform;
|
|
15384
|
-
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15385
15542
|
}
|
|
15386
15543
|
|
|
15387
15544
|
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
@@ -16166,6 +16323,7 @@ ul) {
|
|
|
16166
16323
|
.pf-v6-c-drawer__panel {
|
|
16167
16324
|
position: relative;
|
|
16168
16325
|
z-index: var(--pf-v6-c-drawer__panel--ZIndex);
|
|
16326
|
+
visibility: hidden;
|
|
16169
16327
|
flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
|
|
16170
16328
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
16171
16329
|
order: 1;
|
|
@@ -16173,7 +16331,6 @@ ul) {
|
|
|
16173
16331
|
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
16174
16332
|
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
16175
16333
|
overflow: auto;
|
|
16176
|
-
visibility: hidden;
|
|
16177
16334
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
16178
16335
|
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
16179
16336
|
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
@@ -16283,8 +16440,8 @@ ul) {
|
|
|
16283
16440
|
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
16284
16441
|
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
16285
16442
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
16286
|
-
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16287
16443
|
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
16444
|
+
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16288
16445
|
}
|
|
16289
16446
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
16290
16447
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -17074,8 +17231,8 @@ ul) {
|
|
|
17074
17231
|
display: inline-block;
|
|
17075
17232
|
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
17076
17233
|
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
17077
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
17078
17234
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
17235
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
17079
17236
|
}
|
|
17080
17237
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
17081
17238
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
@@ -17090,15 +17247,15 @@ ul) {
|
|
|
17090
17247
|
display: revert;
|
|
17091
17248
|
}
|
|
17092
17249
|
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
17250
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
17093
17251
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
17094
17252
|
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
17095
|
-
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
17096
17253
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
17254
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
17097
17255
|
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
17098
17256
|
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
17099
17257
|
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
17100
17258
|
transition-property: opacity, translate, visibility, max-height;
|
|
17101
|
-
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
17102
17259
|
}
|
|
17103
17260
|
|
|
17104
17261
|
.pf-v6-c-file-upload {
|
|
@@ -17269,7 +17426,7 @@ ul) {
|
|
|
17269
17426
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
|
|
17270
17427
|
display: grid;
|
|
17271
17428
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17272
|
-
|
|
17429
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17273
17430
|
}
|
|
17274
17431
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
|
|
17275
17432
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17297,7 +17454,7 @@ ul) {
|
|
|
17297
17454
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
|
|
17298
17455
|
display: grid;
|
|
17299
17456
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17300
|
-
|
|
17457
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17301
17458
|
}
|
|
17302
17459
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
|
|
17303
17460
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17325,7 +17482,7 @@ ul) {
|
|
|
17325
17482
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
|
|
17326
17483
|
display: grid;
|
|
17327
17484
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17328
|
-
|
|
17485
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17329
17486
|
}
|
|
17330
17487
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
|
|
17331
17488
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17353,7 +17510,7 @@ ul) {
|
|
|
17353
17510
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
|
|
17354
17511
|
display: grid;
|
|
17355
17512
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17356
|
-
|
|
17513
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17357
17514
|
}
|
|
17358
17515
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
|
|
17359
17516
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17381,7 +17538,7 @@ ul) {
|
|
|
17381
17538
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
|
|
17382
17539
|
display: grid;
|
|
17383
17540
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17384
|
-
|
|
17541
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17385
17542
|
}
|
|
17386
17543
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
|
|
17387
17544
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17409,7 +17566,7 @@ ul) {
|
|
|
17409
17566
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
|
|
17410
17567
|
display: grid;
|
|
17411
17568
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17412
|
-
|
|
17569
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17413
17570
|
}
|
|
17414
17571
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
|
|
17415
17572
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17437,7 +17594,7 @@ ul) {
|
|
|
17437
17594
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
|
|
17438
17595
|
display: grid;
|
|
17439
17596
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17440
|
-
|
|
17597
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17441
17598
|
}
|
|
17442
17599
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
|
|
17443
17600
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17610,14 +17767,14 @@ ul) {
|
|
|
17610
17767
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
17611
17768
|
}
|
|
17612
17769
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17770
|
+
visibility: visible;
|
|
17613
17771
|
max-height: 99999px;
|
|
17614
17772
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
17615
17773
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17616
|
-
visibility: visible;
|
|
17617
17774
|
opacity: 1;
|
|
17775
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17618
17776
|
transition-delay: 0s;
|
|
17619
17777
|
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
17620
|
-
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17621
17778
|
}
|
|
17622
17779
|
|
|
17623
17780
|
.pf-v6-c-form__field-group-toggle {
|
|
@@ -17639,10 +17796,10 @@ ul) {
|
|
|
17639
17796
|
display: inline-block;
|
|
17640
17797
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
17641
17798
|
text-align: center;
|
|
17799
|
+
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17642
17800
|
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
17643
17801
|
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
17644
17802
|
transition-property: transform;
|
|
17645
|
-
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17646
17803
|
}
|
|
17647
17804
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
17648
17805
|
scale: -1 1;
|
|
@@ -17691,15 +17848,15 @@ ul) {
|
|
|
17691
17848
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17692
17849
|
}
|
|
17693
17850
|
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17851
|
+
visibility: hidden;
|
|
17694
17852
|
max-height: 0;
|
|
17695
17853
|
padding-block-start: 0;
|
|
17696
17854
|
padding-block-end: 0;
|
|
17697
|
-
visibility: hidden;
|
|
17698
17855
|
opacity: 0;
|
|
17856
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17699
17857
|
transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
|
|
17700
17858
|
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
|
|
17701
17859
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
17702
|
-
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17703
17860
|
}
|
|
17704
17861
|
|
|
17705
17862
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
@@ -17859,10 +18016,10 @@ ul) {
|
|
|
17859
18016
|
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
17860
18017
|
color: var(--pf-v6-c-form-control--Color);
|
|
17861
18018
|
appearance: none;
|
|
18019
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17862
18020
|
background-color: transparent;
|
|
17863
18021
|
border: none;
|
|
17864
18022
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
17865
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17866
18023
|
}
|
|
17867
18024
|
.pf-v6-c-form-control > ::placeholder {
|
|
17868
18025
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
@@ -18228,8 +18385,8 @@ ul) {
|
|
|
18228
18385
|
:where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
|
|
18229
18386
|
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
18230
18387
|
--pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
|
|
18231
|
-
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18232
18388
|
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
18389
|
+
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18233
18390
|
}
|
|
18234
18391
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
18235
18392
|
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
@@ -18265,7 +18422,7 @@ ul) {
|
|
|
18265
18422
|
.pf-v6-c-hint {
|
|
18266
18423
|
display: grid;
|
|
18267
18424
|
grid-template-columns: 1fr auto;
|
|
18268
|
-
|
|
18425
|
+
row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
18269
18426
|
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
18270
18427
|
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
18271
18428
|
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
@@ -18713,20 +18870,20 @@ ul) {
|
|
|
18713
18870
|
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
18714
18871
|
}
|
|
18715
18872
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
|
|
18873
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
18716
18874
|
flex-grow: 1;
|
|
18717
18875
|
max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
|
|
18718
|
-
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
18719
18876
|
opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
|
|
18877
|
+
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
18878
|
+
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
18720
18879
|
transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
18721
18880
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
|
18722
18881
|
transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
|
|
18723
18882
|
transition-property: opacity, scale, visibility, max-width;
|
|
18724
|
-
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
18725
|
-
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
18726
18883
|
}
|
|
18727
18884
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
|
|
18728
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
18729
18885
|
visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
|
|
18886
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
18730
18887
|
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
|
18731
18888
|
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
18732
18889
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
|
@@ -18734,8 +18891,8 @@ ul) {
|
|
|
18734
18891
|
transition-property: opacity, visibility, max-width;
|
|
18735
18892
|
}
|
|
18736
18893
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
|
|
18737
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
18738
18894
|
visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
|
|
18895
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
18739
18896
|
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
|
18740
18897
|
transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
18741
18898
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
|
@@ -19062,10 +19219,10 @@ label.pf-v6-c-input-group__text {
|
|
|
19062
19219
|
.pf-v6-c-jump-links__toggle-icon {
|
|
19063
19220
|
display: inline-block;
|
|
19064
19221
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
19222
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
19065
19223
|
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
19066
19224
|
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
19067
19225
|
transition-property: transform;
|
|
19068
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
19069
19226
|
}
|
|
19070
19227
|
|
|
19071
19228
|
.pf-v6-c-label {
|
|
@@ -19278,9 +19435,9 @@ label.pf-v6-c-input-group__text {
|
|
|
19278
19435
|
font-size: var(--pf-v6-c-label--FontSize);
|
|
19279
19436
|
white-space: nowrap;
|
|
19280
19437
|
background: transparent;
|
|
19281
|
-
isolation: isolate;
|
|
19282
19438
|
border: 0;
|
|
19283
19439
|
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
19440
|
+
isolation: isolate;
|
|
19284
19441
|
}
|
|
19285
19442
|
.pf-v6-c-label.pf-m-blue {
|
|
19286
19443
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
|
@@ -19938,7 +20095,7 @@ ul.pf-v6-c-list {
|
|
|
19938
20095
|
display: grid;
|
|
19939
20096
|
grid-template-areas: "main header" "main footer" "main .";
|
|
19940
20097
|
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
19941
|
-
|
|
20098
|
+
column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
19942
20099
|
justify-content: center;
|
|
19943
20100
|
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
19944
20101
|
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
@@ -19964,10 +20121,10 @@ ul.pf-v6-c-list {
|
|
|
19964
20121
|
align-self: start;
|
|
19965
20122
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
19966
20123
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
19967
|
-
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19968
20124
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
19969
20125
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
19970
20126
|
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
20127
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19971
20128
|
}
|
|
19972
20129
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
19973
20130
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -20074,7 +20231,7 @@ ul.pf-v6-c-list {
|
|
|
20074
20231
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
20075
20232
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
20076
20233
|
--pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
|
|
20077
|
-
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--
|
|
20234
|
+
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
20078
20235
|
--pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
|
|
20079
20236
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
20080
20237
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
@@ -20311,9 +20468,9 @@ ul.pf-v6-c-list {
|
|
|
20311
20468
|
}
|
|
20312
20469
|
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
20313
20470
|
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
20314
|
-
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20315
20471
|
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
20316
20472
|
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
20473
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20317
20474
|
}
|
|
20318
20475
|
|
|
20319
20476
|
.pf-v6-c-masthead__main {
|
|
@@ -21022,8 +21179,8 @@ ul.pf-v6-c-list {
|
|
|
21022
21179
|
}
|
|
21023
21180
|
|
|
21024
21181
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
|
|
21025
|
-
overflow: hidden;
|
|
21026
21182
|
visibility: visible;
|
|
21183
|
+
overflow: hidden;
|
|
21027
21184
|
transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
|
|
21028
21185
|
}
|
|
21029
21186
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
|
|
@@ -21049,8 +21206,8 @@ ul.pf-v6-c-list {
|
|
|
21049
21206
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21050
21207
|
}
|
|
21051
21208
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
|
|
21052
|
-
overflow: visible;
|
|
21053
21209
|
visibility: hidden;
|
|
21210
|
+
overflow: visible;
|
|
21054
21211
|
}
|
|
21055
21212
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
|
|
21056
21213
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item:not(.pf-m-current-path) {
|
|
@@ -21191,10 +21348,10 @@ ul.pf-v6-c-list {
|
|
|
21191
21348
|
color: var(--pf-v6-c-menu__item--Color);
|
|
21192
21349
|
text-align: start;
|
|
21193
21350
|
text-decoration-line: none;
|
|
21351
|
+
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21194
21352
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
21195
21353
|
border: 0;
|
|
21196
21354
|
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
21197
|
-
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21198
21355
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
21199
21356
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
21200
21357
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
@@ -21288,7 +21445,7 @@ ul.pf-v6-c-list {
|
|
|
21288
21445
|
.pf-v6-c-menu__item-description {
|
|
21289
21446
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
21290
21447
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
21291
|
-
|
|
21448
|
+
overflow-wrap: break-word;
|
|
21292
21449
|
}
|
|
21293
21450
|
|
|
21294
21451
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -21705,6 +21862,9 @@ ul.pf-v6-c-list {
|
|
|
21705
21862
|
justify-content: flex-start;
|
|
21706
21863
|
width: 100%;
|
|
21707
21864
|
}
|
|
21865
|
+
.pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
|
|
21866
|
+
min-width: 1lh;
|
|
21867
|
+
}
|
|
21708
21868
|
@media (min-width: 62rem) {
|
|
21709
21869
|
.pf-v6-c-menu-toggle.pf-m-docked {
|
|
21710
21870
|
justify-content: center;
|
|
@@ -21871,10 +22031,10 @@ ul.pf-v6-c-list {
|
|
|
21871
22031
|
|
|
21872
22032
|
.pf-v6-c-menu-toggle__icon {
|
|
21873
22033
|
flex-shrink: 0;
|
|
22034
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21874
22035
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
21875
22036
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
21876
22037
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
21877
|
-
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21878
22038
|
}
|
|
21879
22039
|
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
21880
22040
|
vertical-align: middle;
|
|
@@ -22082,7 +22242,7 @@ ul.pf-v6-c-list {
|
|
|
22082
22242
|
overflow-x: hidden;
|
|
22083
22243
|
overflow-y: auto;
|
|
22084
22244
|
overscroll-behavior: contain;
|
|
22085
|
-
|
|
22245
|
+
overflow-wrap: break-word;
|
|
22086
22246
|
-webkit-overflow-scrolling: touch;
|
|
22087
22247
|
}
|
|
22088
22248
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -22531,17 +22691,17 @@ ul.pf-v6-c-list {
|
|
|
22531
22691
|
|
|
22532
22692
|
.pf-v6-c-nav__subnav {
|
|
22533
22693
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
22694
|
+
visibility: visible;
|
|
22534
22695
|
max-height: 99999px;
|
|
22535
22696
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
22536
22697
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
22537
22698
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
22538
22699
|
overflow-y: clip;
|
|
22539
|
-
|
|
22700
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22540
22701
|
transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
|
|
22541
22702
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
22542
22703
|
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
22543
22704
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
22544
|
-
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22545
22705
|
}
|
|
22546
22706
|
.pf-v6-c-nav__subnav[hidden] {
|
|
22547
22707
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
@@ -22551,8 +22711,8 @@ ul.pf-v6-c-list {
|
|
|
22551
22711
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
22552
22712
|
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
22553
22713
|
display: grid;
|
|
22554
|
-
max-height: 0;
|
|
22555
22714
|
visibility: hidden;
|
|
22715
|
+
max-height: 0;
|
|
22556
22716
|
opacity: 0;
|
|
22557
22717
|
}
|
|
22558
22718
|
|
|
@@ -22570,10 +22730,10 @@ ul.pf-v6-c-list {
|
|
|
22570
22730
|
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
22571
22731
|
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
22572
22732
|
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
22733
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22573
22734
|
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
22574
22735
|
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
22575
22736
|
transition-property: scale;
|
|
22576
|
-
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22577
22737
|
}
|
|
22578
22738
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
22579
22739
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
@@ -22661,10 +22821,10 @@ ul.pf-v6-c-list {
|
|
|
22661
22821
|
|
|
22662
22822
|
.pf-v6-c-nav__toggle-icon {
|
|
22663
22823
|
display: inline-block;
|
|
22824
|
+
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22664
22825
|
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
22665
22826
|
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
22666
22827
|
transition-property: transform;
|
|
22667
|
-
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22668
22828
|
}
|
|
22669
22829
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
22670
22830
|
scale: -1 1;
|
|
@@ -22897,9 +23057,9 @@ ul.pf-v6-c-list {
|
|
|
22897
23057
|
padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
|
|
22898
23058
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
22899
23059
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
23060
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22900
23061
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
22901
23062
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
22902
|
-
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22903
23063
|
}
|
|
22904
23064
|
.pf-v6-c-notification-drawer__list-item::before {
|
|
22905
23065
|
position: absolute;
|
|
@@ -22956,7 +23116,7 @@ ul.pf-v6-c-list {
|
|
|
22956
23116
|
|
|
22957
23117
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
22958
23118
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
22959
|
-
|
|
23119
|
+
overflow-wrap: break-word;
|
|
22960
23120
|
}
|
|
22961
23121
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
22962
23122
|
display: -webkit-box;
|
|
@@ -22978,7 +23138,7 @@ ul.pf-v6-c-list {
|
|
|
22978
23138
|
grid-row: 2/3;
|
|
22979
23139
|
grid-column: 1/2;
|
|
22980
23140
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
22981
|
-
|
|
23141
|
+
overflow-wrap: break-word;
|
|
22982
23142
|
}
|
|
22983
23143
|
|
|
22984
23144
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -23009,9 +23169,9 @@ ul.pf-v6-c-list {
|
|
|
23009
23169
|
padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
|
|
23010
23170
|
padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
|
|
23011
23171
|
padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
|
|
23172
|
+
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
23012
23173
|
background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
|
|
23013
23174
|
border: none;
|
|
23014
|
-
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
23015
23175
|
}
|
|
23016
23176
|
|
|
23017
23177
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
@@ -23023,7 +23183,7 @@ ul.pf-v6-c-list {
|
|
|
23023
23183
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
23024
23184
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
23025
23185
|
text-align: start;
|
|
23026
|
-
|
|
23186
|
+
overflow-wrap: break-word;
|
|
23027
23187
|
}
|
|
23028
23188
|
|
|
23029
23189
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -23100,11 +23260,6 @@ ul.pf-v6-c-list {
|
|
|
23100
23260
|
.pf-v6-c-page {
|
|
23101
23261
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
23102
23262
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23103
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
23104
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
|
|
23105
|
-
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
23106
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23107
|
-
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
23108
23263
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
23109
23264
|
--pf-v6-c-page__dock--Width: 15.625rem;
|
|
23110
23265
|
--pf-v6-c-page__dock--desktop--Width: auto;
|
|
@@ -23123,6 +23278,11 @@ ul.pf-v6-c-list {
|
|
|
23123
23278
|
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
|
|
23124
23279
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
|
|
23125
23280
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
|
|
23281
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
23282
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23283
|
+
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23284
|
+
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23285
|
+
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
23126
23286
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
23127
23287
|
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
23128
23288
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
@@ -23293,20 +23453,17 @@ ul.pf-v6-c-list {
|
|
|
23293
23453
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
23294
23454
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
23295
23455
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
23296
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
23297
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
23298
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23299
23456
|
--pf-v6-c-page--BackgroundColor--glass: transparent;
|
|
23300
23457
|
--pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
23301
|
-
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
23302
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--
|
|
23303
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--
|
|
23458
|
+
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23459
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
|
|
23460
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
23304
23461
|
--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
23305
23462
|
--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
23306
23463
|
--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
23307
|
-
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--
|
|
23308
|
-
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--
|
|
23309
|
-
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--
|
|
23464
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
23465
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
23466
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
23310
23467
|
--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
23311
23468
|
--pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
23312
23469
|
--pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
@@ -23317,9 +23474,11 @@ ul.pf-v6-c-list {
|
|
|
23317
23474
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
|
|
23318
23475
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23319
23476
|
--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23320
|
-
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--
|
|
23321
|
-
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
23322
|
-
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome)
|
|
23477
|
+
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23478
|
+
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23479
|
+
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
|
|
23480
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
|
|
23481
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23323
23482
|
}
|
|
23324
23483
|
:where(.pf-v6-theme-glass) .pf-v6-c-page {
|
|
23325
23484
|
--pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
|
|
@@ -23342,6 +23501,8 @@ ul.pf-v6-c-list {
|
|
|
23342
23501
|
--pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
|
|
23343
23502
|
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
|
|
23344
23503
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
|
|
23504
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
|
|
23505
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
|
|
23345
23506
|
}
|
|
23346
23507
|
@media (min-width: 75rem) {
|
|
23347
23508
|
.pf-v6-c-page {
|
|
@@ -23493,10 +23654,11 @@ ul.pf-v6-c-list {
|
|
|
23493
23654
|
inset-inline-start: 0;
|
|
23494
23655
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
23495
23656
|
display: flex;
|
|
23657
|
+
visibility: hidden;
|
|
23496
23658
|
flex-direction: column;
|
|
23497
23659
|
grid-area: dock;
|
|
23498
23660
|
width: var(--pf-v6-c-page__dock--Width);
|
|
23499
|
-
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
|
|
23661
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
|
|
23500
23662
|
translate: -100% 0;
|
|
23501
23663
|
}
|
|
23502
23664
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
|
|
@@ -23505,7 +23667,9 @@ ul.pf-v6-c-list {
|
|
|
23505
23667
|
|
|
23506
23668
|
.pf-v6-c-page__dock.pf-m-expanded {
|
|
23507
23669
|
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
|
|
23670
|
+
visibility: visible;
|
|
23508
23671
|
translate: 0;
|
|
23672
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
23509
23673
|
}
|
|
23510
23674
|
@media (min-width: 62rem) {
|
|
23511
23675
|
.pf-v6-c-page__dock {
|
|
@@ -23513,6 +23677,7 @@ ul.pf-v6-c-list {
|
|
|
23513
23677
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
23514
23678
|
position: revert;
|
|
23515
23679
|
inset: revert;
|
|
23680
|
+
visibility: revert;
|
|
23516
23681
|
width: auto;
|
|
23517
23682
|
translate: 0;
|
|
23518
23683
|
}
|
|
@@ -23527,9 +23692,9 @@ ul.pf-v6-c-list {
|
|
|
23527
23692
|
.pf-v6-c-page__dock-main {
|
|
23528
23693
|
flex-grow: 1;
|
|
23529
23694
|
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
23530
|
-
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23531
23695
|
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
23532
23696
|
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
23697
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23533
23698
|
}
|
|
23534
23699
|
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
23535
23700
|
border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
|
|
@@ -23611,10 +23776,10 @@ ul.pf-v6-c-list {
|
|
|
23611
23776
|
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
23612
23777
|
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
23613
23778
|
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
23614
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23615
23779
|
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
23616
23780
|
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
23617
23781
|
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
23782
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23618
23783
|
}
|
|
23619
23784
|
|
|
23620
23785
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -23980,7 +24145,6 @@ ul.pf-v6-c-list {
|
|
|
23980
24145
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
23981
24146
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
23982
24147
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
23983
|
-
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23984
24148
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
23985
24149
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
23986
24150
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
@@ -23988,6 +24152,7 @@ ul.pf-v6-c-list {
|
|
|
23988
24152
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
23989
24153
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
23990
24154
|
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
24155
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23991
24156
|
}
|
|
23992
24157
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
23993
24158
|
.pf-v6-c-page__main-container {
|
|
@@ -25012,7 +25177,7 @@ ul.pf-v6-c-list {
|
|
|
25012
25177
|
}
|
|
25013
25178
|
|
|
25014
25179
|
.pf-v6-c-popover__body {
|
|
25015
|
-
|
|
25180
|
+
overflow-wrap: break-word;
|
|
25016
25181
|
}
|
|
25017
25182
|
|
|
25018
25183
|
.pf-v6-c-popover__footer {
|
|
@@ -25057,7 +25222,7 @@ ul.pf-v6-c-list {
|
|
|
25057
25222
|
display: grid;
|
|
25058
25223
|
grid-template-rows: 1fr auto;
|
|
25059
25224
|
grid-template-columns: auto auto;
|
|
25060
|
-
|
|
25225
|
+
gap: var(--pf-v6-c-progress--GridGap);
|
|
25061
25226
|
align-items: end;
|
|
25062
25227
|
}
|
|
25063
25228
|
.pf-v6-c-progress.pf-m-sm {
|
|
@@ -25151,7 +25316,7 @@ ul.pf-v6-c-list {
|
|
|
25151
25316
|
|
|
25152
25317
|
.pf-v6-c-progress__description {
|
|
25153
25318
|
grid-column: 1/2;
|
|
25154
|
-
|
|
25319
|
+
overflow-wrap: break-word;
|
|
25155
25320
|
}
|
|
25156
25321
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
25157
25322
|
overflow: hidden;
|
|
@@ -25167,7 +25332,7 @@ ul.pf-v6-c-list {
|
|
|
25167
25332
|
align-items: flex-start;
|
|
25168
25333
|
justify-content: flex-end;
|
|
25169
25334
|
text-align: end;
|
|
25170
|
-
|
|
25335
|
+
overflow-wrap: break-word;
|
|
25171
25336
|
}
|
|
25172
25337
|
|
|
25173
25338
|
.pf-v6-c-progress__status-icon {
|
|
@@ -25430,9 +25595,9 @@ ul.pf-v6-c-list {
|
|
|
25430
25595
|
inset-block-start: 0;
|
|
25431
25596
|
inset-inline-start: 0;
|
|
25432
25597
|
overflow: hidden;
|
|
25433
|
-
clip: rect(0, 0, 0, 0);
|
|
25434
25598
|
white-space: nowrap;
|
|
25435
25599
|
border: 0;
|
|
25600
|
+
clip-path: inset(50%);
|
|
25436
25601
|
}
|
|
25437
25602
|
.pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
|
|
25438
25603
|
grid-row: 1/2;
|
|
@@ -25854,7 +26019,7 @@ ul.pf-v6-c-list {
|
|
|
25854
26019
|
.pf-v6-c-radio {
|
|
25855
26020
|
display: grid;
|
|
25856
26021
|
grid-template-columns: auto 1fr;
|
|
25857
|
-
|
|
26022
|
+
gap: var(--pf-v6-c-radio--GridGap);
|
|
25858
26023
|
align-items: baseline;
|
|
25859
26024
|
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
25860
26025
|
}
|
|
@@ -26085,6 +26250,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26085
26250
|
--pf-v6-c-sidebar__panel--Position: static;
|
|
26086
26251
|
--pf-v6-c-sidebar__panel--InsetBlockStart: auto;
|
|
26087
26252
|
}
|
|
26253
|
+
.pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
|
|
26254
|
+
--pf-v6-c-sidebar__panel--BackgroundColor: transparent;
|
|
26255
|
+
}
|
|
26088
26256
|
.pf-v6-c-sidebar__panel.pf-m-secondary {
|
|
26089
26257
|
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
|
|
26090
26258
|
}
|
|
@@ -26104,7 +26272,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26104
26272
|
--pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
|
|
26105
26273
|
--pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
|
|
26106
26274
|
}
|
|
26107
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
26275
|
+
.pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
|
|
26108
26276
|
--pf-v6-c-sidebar__content--BackgroundColor: transparent;
|
|
26109
26277
|
}
|
|
26110
26278
|
.pf-v6-c-sidebar__content.pf-m-secondary {
|
|
@@ -26117,12 +26285,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26117
26285
|
--pf-v6-c-sidebar__content--Order: -1;
|
|
26118
26286
|
}
|
|
26119
26287
|
|
|
26120
|
-
.pf-v6-c-sidebar.pf-m-no-background,
|
|
26121
|
-
.pf-v6-c-sidebar__panel.pf-m-no-background,
|
|
26122
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
26123
|
-
background-color: transparent;
|
|
26124
|
-
}
|
|
26125
|
-
|
|
26126
26288
|
.pf-v6-c-sidebar__panel.pf-m-width-default {
|
|
26127
26289
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
26128
26290
|
}
|
|
@@ -26849,10 +27011,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26849
27011
|
width: 100%;
|
|
26850
27012
|
height: 100%;
|
|
26851
27013
|
stroke: var(--pf-v6-c-spinner--Color);
|
|
27014
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
27015
|
+
stroke-linecap: round;
|
|
26852
27016
|
stroke-dasharray: 283;
|
|
26853
27017
|
stroke-dashoffset: 280;
|
|
26854
|
-
stroke-linecap: round;
|
|
26855
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
26856
27018
|
transform-origin: 50% 50%;
|
|
26857
27019
|
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
26858
27020
|
}
|
|
@@ -27012,8 +27174,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27012
27174
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
27013
27175
|
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
27014
27176
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
27015
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
27016
27177
|
transform: translateY(-50%);
|
|
27178
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
27017
27179
|
}
|
|
27018
27180
|
.pf-v6-c-switch__toggle::after {
|
|
27019
27181
|
position: absolute;
|
|
@@ -28871,6 +29033,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28871
29033
|
--pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
28872
29034
|
--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
28873
29035
|
--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
|
|
29036
|
+
--pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
29037
|
+
--pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
28874
29038
|
}
|
|
28875
29039
|
:where(.pf-v6-theme-glass) .pf-v6-c-table {
|
|
28876
29040
|
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
@@ -28940,6 +29104,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28940
29104
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
|
|
28941
29105
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
|
|
28942
29106
|
}
|
|
29107
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
|
|
29108
|
+
position: sticky;
|
|
29109
|
+
inset-block-end: 0;
|
|
29110
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
|
|
29111
|
+
background: var(--pf-v6-c-table--BackgroundColor);
|
|
29112
|
+
}
|
|
29113
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
|
|
29114
|
+
position: absolute;
|
|
29115
|
+
inset: 0;
|
|
29116
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
|
|
29117
|
+
pointer-events: none;
|
|
29118
|
+
content: "";
|
|
29119
|
+
border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
29120
|
+
}
|
|
29121
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
|
|
29122
|
+
border-block-end: 0;
|
|
29123
|
+
}
|
|
29124
|
+
.pf-v6-c-table.pf-m-plain {
|
|
29125
|
+
--pf-v6-c-table--BackgroundColor: transparent;
|
|
29126
|
+
}
|
|
28943
29127
|
.pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
|
|
28944
29128
|
.pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
28945
29129
|
.pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
@@ -29010,11 +29194,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29010
29194
|
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
29011
29195
|
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
29012
29196
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29197
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29013
29198
|
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
29014
29199
|
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
29015
29200
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29016
29201
|
color: var(--pf-v6-c-table--cell--Color);
|
|
29017
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29018
29202
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
29019
29203
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
29020
29204
|
}
|
|
@@ -29120,24 +29304,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29120
29304
|
}
|
|
29121
29305
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
|
|
29122
29306
|
cursor: pointer;
|
|
29123
|
-
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
29124
29307
|
outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
|
|
29308
|
+
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
29125
29309
|
}
|
|
29126
29310
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
|
|
29127
29311
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
29128
29312
|
}
|
|
29129
29313
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
|
|
29130
29314
|
position: relative;
|
|
29131
|
-
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
29132
29315
|
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
|
|
29316
|
+
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
29133
29317
|
}
|
|
29134
29318
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
|
|
29135
29319
|
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
|
|
29136
29320
|
}
|
|
29137
29321
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
|
|
29138
29322
|
cursor: pointer;
|
|
29139
|
-
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
29140
29323
|
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
|
|
29324
|
+
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
29141
29325
|
}
|
|
29142
29326
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
|
|
29143
29327
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
@@ -29146,8 +29330,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29146
29330
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
|
|
29147
29331
|
}
|
|
29148
29332
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
|
|
29149
|
-
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
29150
29333
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
|
29334
|
+
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
29151
29335
|
}
|
|
29152
29336
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
|
|
29153
29337
|
border: none;
|
|
@@ -29172,11 +29356,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29172
29356
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
29173
29357
|
visibility: hidden;
|
|
29174
29358
|
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
29359
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29175
29360
|
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
29176
29361
|
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
29177
29362
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
|
|
29178
29363
|
transition-property: opacity, translate, visibility, background-color;
|
|
29179
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29180
29364
|
}
|
|
29181
29365
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
29182
29366
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
@@ -29184,9 +29368,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29184
29368
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
29185
29369
|
visibility: visible;
|
|
29186
29370
|
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
29371
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
29187
29372
|
transition-delay: 0s;
|
|
29188
29373
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
29189
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
29190
29374
|
}
|
|
29191
29375
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
29192
29376
|
max-height: 99999px;
|
|
@@ -29252,8 +29436,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29252
29436
|
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
29253
29437
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
29254
29438
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29255
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29256
29439
|
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29440
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29257
29441
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
29258
29442
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
29259
29443
|
}
|
|
@@ -29282,10 +29466,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29282
29466
|
text-align: start;
|
|
29283
29467
|
white-space: inherit;
|
|
29284
29468
|
user-select: text;
|
|
29469
|
+
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29285
29470
|
background-color: var(--pf-v6-c-table__button--BackgroundColor);
|
|
29286
29471
|
border: 0;
|
|
29287
29472
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
29288
|
-
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29289
29473
|
}
|
|
29290
29474
|
.pf-v6-c-table__button::after {
|
|
29291
29475
|
position: absolute;
|
|
@@ -29379,10 +29563,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29379
29563
|
}
|
|
29380
29564
|
|
|
29381
29565
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
29566
|
+
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29382
29567
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
29383
29568
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
29384
29569
|
transition-property: transform;
|
|
29385
|
-
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29386
29570
|
}
|
|
29387
29571
|
.pf-v6-c-table__toggle svg {
|
|
29388
29572
|
pointer-events: none;
|
|
@@ -29674,6 +29858,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29674
29858
|
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
29675
29859
|
}
|
|
29676
29860
|
|
|
29861
|
+
.pf-v6-c-table__tfoot {
|
|
29862
|
+
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
|
29863
|
+
vertical-align: top;
|
|
29864
|
+
}
|
|
29865
|
+
|
|
29677
29866
|
.pf-v6-c-table__icon-inline {
|
|
29678
29867
|
display: flex;
|
|
29679
29868
|
align-items: center;
|
|
@@ -29938,8 +30127,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29938
30127
|
}
|
|
29939
30128
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
29940
30129
|
position: relative;
|
|
29941
|
-
border: none;
|
|
29942
30130
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30131
|
+
border: none;
|
|
29943
30132
|
}
|
|
29944
30133
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
29945
30134
|
position: absolute;
|
|
@@ -29977,7 +30166,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29977
30166
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
29978
30167
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
29979
30168
|
grid-column: 1;
|
|
29980
|
-
|
|
30169
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
29981
30170
|
align-items: start;
|
|
29982
30171
|
}
|
|
29983
30172
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30080,8 +30269,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30080
30269
|
}
|
|
30081
30270
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30082
30271
|
position: relative;
|
|
30083
|
-
border: none;
|
|
30084
30272
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30273
|
+
border: none;
|
|
30085
30274
|
}
|
|
30086
30275
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
30087
30276
|
position: absolute;
|
|
@@ -30119,7 +30308,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30119
30308
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30120
30309
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30121
30310
|
grid-column: 1;
|
|
30122
|
-
|
|
30311
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30123
30312
|
align-items: start;
|
|
30124
30313
|
}
|
|
30125
30314
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30223,8 +30412,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30223
30412
|
}
|
|
30224
30413
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30225
30414
|
position: relative;
|
|
30226
|
-
border: none;
|
|
30227
30415
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30416
|
+
border: none;
|
|
30228
30417
|
}
|
|
30229
30418
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
30230
30419
|
position: absolute;
|
|
@@ -30262,7 +30451,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30262
30451
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30263
30452
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30264
30453
|
grid-column: 1;
|
|
30265
|
-
|
|
30454
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30266
30455
|
align-items: start;
|
|
30267
30456
|
}
|
|
30268
30457
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30366,8 +30555,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30366
30555
|
}
|
|
30367
30556
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30368
30557
|
position: relative;
|
|
30369
|
-
border: none;
|
|
30370
30558
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30559
|
+
border: none;
|
|
30371
30560
|
}
|
|
30372
30561
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
30373
30562
|
position: absolute;
|
|
@@ -30405,7 +30594,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30405
30594
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30406
30595
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30407
30596
|
grid-column: 1;
|
|
30408
|
-
|
|
30597
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30409
30598
|
align-items: start;
|
|
30410
30599
|
}
|
|
30411
30600
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30509,8 +30698,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30509
30698
|
}
|
|
30510
30699
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30511
30700
|
position: relative;
|
|
30512
|
-
border: none;
|
|
30513
30701
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30702
|
+
border: none;
|
|
30514
30703
|
}
|
|
30515
30704
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
30516
30705
|
position: absolute;
|
|
@@ -30548,7 +30737,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30548
30737
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30549
30738
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30550
30739
|
grid-column: 1;
|
|
30551
|
-
|
|
30740
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30552
30741
|
align-items: start;
|
|
30553
30742
|
}
|
|
30554
30743
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -31101,8 +31290,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31101
31290
|
|
|
31102
31291
|
.pf-v6-c-tabs__toggle-icon {
|
|
31103
31292
|
display: inline-block;
|
|
31104
|
-
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
31105
31293
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
31294
|
+
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
31106
31295
|
}
|
|
31107
31296
|
|
|
31108
31297
|
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
@@ -31266,8 +31455,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31266
31455
|
align-self: end;
|
|
31267
31456
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
31268
31457
|
color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
|
|
31269
|
-
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31270
31458
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
31459
|
+
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31271
31460
|
}
|
|
31272
31461
|
|
|
31273
31462
|
.pf-v6-c-tabs__item-action {
|
|
@@ -31530,10 +31719,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31530
31719
|
border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
|
|
31531
31720
|
border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
|
|
31532
31721
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
31722
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31533
31723
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
31534
31724
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
31535
31725
|
transition-property: width, height, translate;
|
|
31536
|
-
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31537
31726
|
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
31538
31727
|
}
|
|
31539
31728
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
@@ -31739,9 +31928,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31739
31928
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
31740
31929
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
31741
31930
|
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
31931
|
+
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31742
31932
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
31743
31933
|
border: 0;
|
|
31744
|
-
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31745
31934
|
}
|
|
31746
31935
|
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
31747
31936
|
grid-area: text-input;
|
|
@@ -31949,7 +32138,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31949
32138
|
|
|
31950
32139
|
.pf-v6-c-title {
|
|
31951
32140
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
31952
|
-
|
|
32141
|
+
overflow-wrap: break-word;
|
|
31953
32142
|
}
|
|
31954
32143
|
.pf-v6-c-title.pf-m-4xl {
|
|
31955
32144
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -32732,10 +32921,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32732
32921
|
|
|
32733
32922
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
32734
32923
|
display: inline-flex;
|
|
32924
|
+
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32735
32925
|
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
32736
32926
|
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
32737
32927
|
transition-property: transform;
|
|
32738
|
-
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32739
32928
|
}
|
|
32740
32929
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
32741
32930
|
scale: -1 1;
|
|
@@ -34371,7 +34560,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34371
34560
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
34372
34561
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
34373
34562
|
text-align: center;
|
|
34374
|
-
|
|
34563
|
+
overflow-wrap: break-word;
|
|
34375
34564
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
34376
34565
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
34377
34566
|
}
|
|
@@ -34753,19 +34942,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34753
34942
|
display: inline-block;
|
|
34754
34943
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
34755
34944
|
text-align: center;
|
|
34756
|
-
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
34757
34945
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
34946
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
34758
34947
|
}
|
|
34759
34948
|
|
|
34760
34949
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
34761
|
-
max-height: 0;
|
|
34762
34950
|
visibility: hidden;
|
|
34951
|
+
max-height: 0;
|
|
34763
34952
|
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
34953
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34764
34954
|
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
34765
34955
|
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
34766
34956
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
34767
34957
|
transition-property: opacity, translate, visibility, max-height;
|
|
34768
|
-
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34769
34958
|
}
|
|
34770
34959
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
34771
34960
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -34776,12 +34965,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34776
34965
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
34777
34966
|
}
|
|
34778
34967
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
34779
|
-
max-height: 99999px;
|
|
34780
34968
|
visibility: revert;
|
|
34969
|
+
max-height: 99999px;
|
|
34781
34970
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
34971
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
34782
34972
|
transition-delay: 0s;
|
|
34783
34973
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
34784
|
-
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
34785
34974
|
}
|
|
34786
34975
|
|
|
34787
34976
|
.pf-v6-c-tree-view__node,
|
|
@@ -35220,7 +35409,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35220
35409
|
|
|
35221
35410
|
.pf-v6-c-wizard__title {
|
|
35222
35411
|
padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
|
|
35223
|
-
|
|
35412
|
+
overflow-wrap: break-word;
|
|
35224
35413
|
}
|
|
35225
35414
|
|
|
35226
35415
|
.pf-v6-c-wizard__title-text {
|
|
@@ -35283,7 +35472,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35283
35472
|
align-items: baseline;
|
|
35284
35473
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
35285
35474
|
text-align: start;
|
|
35286
|
-
|
|
35475
|
+
overflow-wrap: break-word;
|
|
35287
35476
|
}
|
|
35288
35477
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
35289
35478
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -35419,8 +35608,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35419
35608
|
padding-inline: 0;
|
|
35420
35609
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
35421
35610
|
text-align: start;
|
|
35611
|
+
overflow-wrap: break-word;
|
|
35422
35612
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
35423
|
-
word-break: break-word;
|
|
35424
35613
|
counter-increment: wizard-nav-count;
|
|
35425
35614
|
background-color: transparent;
|
|
35426
35615
|
border: none;
|
|
@@ -35525,10 +35714,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35525
35714
|
|
|
35526
35715
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
35527
35716
|
display: inline-block;
|
|
35717
|
+
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35528
35718
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
35529
35719
|
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
35530
35720
|
transition-property: transform;
|
|
35531
|
-
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35532
35721
|
}
|
|
35533
35722
|
|
|
35534
35723
|
.pf-v6-c-wizard__main {
|
|
@@ -35538,7 +35727,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35538
35727
|
flex-direction: column;
|
|
35539
35728
|
overflow-x: hidden;
|
|
35540
35729
|
overflow-y: auto;
|
|
35541
|
-
|
|
35730
|
+
overflow-wrap: break-word;
|
|
35542
35731
|
}
|
|
35543
35732
|
|
|
35544
35733
|
.pf-v6-c-wizard__main-body {
|
|
@@ -37975,7 +38164,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
37975
38164
|
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
37976
38165
|
}
|
|
37977
38166
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
37978
|
-
|
|
38167
|
+
gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
37979
38168
|
}
|
|
37980
38169
|
.pf-v6-l-gallery {
|
|
37981
38170
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
@@ -38968,7 +39157,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
38968
39157
|
}
|
|
38969
39158
|
}
|
|
38970
39159
|
.pf-v6-l-grid.pf-m-gutter {
|
|
38971
|
-
|
|
39160
|
+
gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
38972
39161
|
}
|
|
38973
39162
|
|
|
38974
39163
|
.pf-v6-l-level {
|