@patternfly/patternfly 6.6.0-prerelease.1 → 6.6.0-prerelease.11
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/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 +3 -3
- package/components/Accordion/accordion.scss +3 -3
- package/components/Alert/alert-group.css +1 -1
- package/components/Alert/alert-group.scss +1 -1
- package/components/Alert/alert.css +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/DragDrop/drag-drop.css +4 -0
- package/components/DragDrop/drag-drop.scss +4 -0
- 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 +341 -154
- 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 +406 -217
- package/patternfly.css +406 -217
- 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) {
|
|
@@ -9833,8 +9835,8 @@ button) {
|
|
|
9833
9835
|
}
|
|
9834
9836
|
|
|
9835
9837
|
.pf-v6-c-accordion__toggle-icon {
|
|
9836
|
-
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9837
9838
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
9839
|
+
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
9838
9840
|
}
|
|
9839
9841
|
|
|
9840
9842
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
@@ -9842,6 +9844,7 @@ button) {
|
|
|
9842
9844
|
}
|
|
9843
9845
|
|
|
9844
9846
|
.pf-v6-c-accordion__expandable-content {
|
|
9847
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9845
9848
|
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
|
9846
9849
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
9847
9850
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
@@ -9849,16 +9852,15 @@ button) {
|
|
|
9849
9852
|
overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
|
|
9850
9853
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
9851
9854
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
9852
|
-
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
9853
9855
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
9854
9856
|
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
9855
9857
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
9856
9858
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
9859
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9857
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);
|
|
9858
9861
|
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
9859
9862
|
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
|
9860
9863
|
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
|
9861
|
-
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
9862
9864
|
}
|
|
9863
9865
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
9864
9866
|
--pf-v6-c-accordion__expandable-content--Overflow: auto;
|
|
@@ -10062,12 +10064,13 @@ button) {
|
|
|
10062
10064
|
|
|
10063
10065
|
.pf-v6-c-alert__toggle-icon {
|
|
10064
10066
|
display: inline-block;
|
|
10065
|
-
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
10066
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);
|
|
10067
10069
|
}
|
|
10068
10070
|
|
|
10069
10071
|
.pf-v6-c-alert__icon {
|
|
10070
10072
|
grid-area: icon;
|
|
10073
|
+
align-self: baseline;
|
|
10071
10074
|
margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
|
|
10072
10075
|
font-size: var(--pf-v6-c-alert__icon--FontSize);
|
|
10073
10076
|
color: var(--pf-v6-c-alert__icon--Color);
|
|
@@ -10078,7 +10081,7 @@ button) {
|
|
|
10078
10081
|
grid-area: title;
|
|
10079
10082
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
10080
10083
|
color: var(--pf-v6-c-alert__title--Color);
|
|
10081
|
-
|
|
10084
|
+
overflow-wrap: break-word;
|
|
10082
10085
|
}
|
|
10083
10086
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
10084
10087
|
display: -webkit-box;
|
|
@@ -10090,7 +10093,7 @@ button) {
|
|
|
10090
10093
|
.pf-v6-c-alert__description {
|
|
10091
10094
|
grid-area: description;
|
|
10092
10095
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
10093
|
-
|
|
10096
|
+
overflow-wrap: break-word;
|
|
10094
10097
|
}
|
|
10095
10098
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
10096
10099
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -10240,8 +10243,8 @@ button) {
|
|
|
10240
10243
|
display: grid;
|
|
10241
10244
|
grid-template-rows: 1fr;
|
|
10242
10245
|
opacity: 1;
|
|
10243
|
-
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10244
10246
|
transform: translateX(0) translateY(0);
|
|
10247
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
10245
10248
|
}
|
|
10246
10249
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
10247
10250
|
.pf-v6-c-alert-group__item {
|
|
@@ -10297,24 +10300,87 @@ button) {
|
|
|
10297
10300
|
--pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
10298
10301
|
--pf-v6-c-avatar--Width: 2.25rem;
|
|
10299
10302
|
--pf-v6-c-avatar--Height: 2.25rem;
|
|
10303
|
+
--pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
|
|
10300
10304
|
--pf-v6-c-avatar--m-sm--Width: 1.5rem;
|
|
10301
10305
|
--pf-v6-c-avatar--m-sm--Height: 1.5rem;
|
|
10306
|
+
--pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
|
|
10302
10307
|
--pf-v6-c-avatar--m-md--Width: 2.25rem;
|
|
10303
10308
|
--pf-v6-c-avatar--m-md--Height: 2.25rem;
|
|
10309
|
+
--pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
|
|
10304
10310
|
--pf-v6-c-avatar--m-lg--Width: 4.5rem;
|
|
10305
10311
|
--pf-v6-c-avatar--m-lg--Height: 4.5rem;
|
|
10312
|
+
--pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
|
|
10306
10313
|
--pf-v6-c-avatar--m-xl--Width: 8rem;
|
|
10307
10314
|
--pf-v6-c-avatar--m-xl--Height: 8rem;
|
|
10315
|
+
--pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
|
|
10308
10316
|
--pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
|
|
10309
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);
|
|
10310
10365
|
}
|
|
10311
10366
|
|
|
10312
10367
|
.pf-v6-c-avatar {
|
|
10313
10368
|
width: var(--pf-v6-c-avatar--Width);
|
|
10314
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);
|
|
10315
10373
|
border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
|
|
10316
10374
|
border-radius: var(--pf-v6-c-avatar--BorderRadius);
|
|
10317
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
|
+
|
|
10318
10384
|
.pf-v6-c-avatar.pf-m-bordered {
|
|
10319
10385
|
--pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
|
|
10320
10386
|
--pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
|
|
@@ -10543,6 +10609,87 @@ button) {
|
|
|
10543
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))))));
|
|
10544
10610
|
}
|
|
10545
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
|
+
}
|
|
10546
10693
|
|
|
10547
10694
|
.pf-v6-c-backdrop {
|
|
10548
10695
|
--pf-v6-c-backdrop--Position: fixed;
|
|
@@ -10986,10 +11133,10 @@ button) {
|
|
|
10986
11133
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
10987
11134
|
line-height: inherit;
|
|
10988
11135
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
11136
|
+
overflow-wrap: break-word;
|
|
10989
11137
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
10990
11138
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
10991
11139
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
10992
|
-
word-break: break-word;
|
|
10993
11140
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
10994
11141
|
}
|
|
10995
11142
|
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
@@ -11407,10 +11554,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11407
11554
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
11408
11555
|
color: var(--pf-v6-c-button--Color);
|
|
11409
11556
|
text-align: center;
|
|
11557
|
+
white-space: nowrap;
|
|
11410
11558
|
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
|
11411
11559
|
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
|
11412
11560
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
11413
|
-
white-space: nowrap;
|
|
11414
11561
|
cursor: pointer;
|
|
11415
11562
|
-webkit-user-select: none;
|
|
11416
11563
|
user-select: none;
|
|
@@ -11420,11 +11567,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
11420
11567
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11421
11568
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
11422
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);
|
|
11423
11571
|
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
11424
11572
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
11425
11573
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
11426
11574
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
11427
|
-
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
11428
11575
|
}
|
|
11429
11576
|
.pf-v6-c-button::after {
|
|
11430
11577
|
position: absolute;
|
|
@@ -11551,10 +11698,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11551
11698
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
11552
11699
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
11553
11700
|
text-align: start;
|
|
11554
|
-
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11555
11701
|
white-space: normal;
|
|
11556
|
-
|
|
11702
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
11557
11703
|
outline-offset: 0.125rem;
|
|
11704
|
+
background: transparent;
|
|
11558
11705
|
}
|
|
11559
11706
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
11560
11707
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
@@ -11892,6 +12039,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11892
12039
|
justify-content: flex-start;
|
|
11893
12040
|
width: 100%;
|
|
11894
12041
|
}
|
|
12042
|
+
.pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
|
|
12043
|
+
min-width: 1lh;
|
|
12044
|
+
}
|
|
11895
12045
|
@media (min-width: 62rem) {
|
|
11896
12046
|
.pf-v6-c-button.pf-m-docked {
|
|
11897
12047
|
justify-content: center;
|
|
@@ -11912,12 +12062,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
11912
12062
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
11913
12063
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
11914
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);
|
|
11915
12067
|
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
11916
12068
|
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
11917
12069
|
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
11918
12070
|
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
|
11919
|
-
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
11920
|
-
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
11921
12071
|
}
|
|
11922
12072
|
.pf-v6-c-button__icon.pf-m-start {
|
|
11923
12073
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -12344,8 +12494,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12344
12494
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
|
|
12345
12495
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
|
|
12346
12496
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
|
|
12347
|
-
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
12348
12497
|
box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
|
|
12498
|
+
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
12349
12499
|
}
|
|
12350
12500
|
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
12351
12501
|
gap: 0;
|
|
@@ -12587,9 +12737,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12587
12737
|
}
|
|
12588
12738
|
|
|
12589
12739
|
.pf-v6-c-card__clickable-action {
|
|
12740
|
+
outline: 0;
|
|
12590
12741
|
background: none;
|
|
12591
12742
|
border: 0;
|
|
12592
|
-
outline: 0;
|
|
12593
12743
|
}
|
|
12594
12744
|
.pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
|
|
12595
12745
|
pointer-events: none;
|
|
@@ -12657,7 +12807,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
12657
12807
|
.pf-v6-c-check {
|
|
12658
12808
|
display: grid;
|
|
12659
12809
|
grid-template-columns: auto 1fr;
|
|
12660
|
-
|
|
12810
|
+
gap: var(--pf-v6-c-check--GridGap);
|
|
12661
12811
|
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
12662
12812
|
}
|
|
12663
12813
|
.pf-v6-c-check.pf-m-standalone {
|
|
@@ -12788,7 +12938,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12788
12938
|
padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
|
|
12789
12939
|
padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
|
|
12790
12940
|
margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
|
|
12791
|
-
|
|
12941
|
+
overflow-wrap: break-word;
|
|
12792
12942
|
background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
|
|
12793
12943
|
background-clip: padding-box;
|
|
12794
12944
|
border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
|
|
@@ -12804,7 +12954,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
12804
12954
|
}
|
|
12805
12955
|
|
|
12806
12956
|
.pf-v6-c-clipboard-copy__text {
|
|
12807
|
-
|
|
12957
|
+
overflow-wrap: break-word;
|
|
12808
12958
|
white-space: normal;
|
|
12809
12959
|
}
|
|
12810
12960
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -13293,8 +13443,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13293
13443
|
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
13294
13444
|
.pf-v6-c-compass__main-footer,
|
|
13295
13445
|
.pf-v6-c-compass__footer {
|
|
13296
|
-
margin: 0;
|
|
13297
13446
|
visibility: hidden;
|
|
13447
|
+
margin: 0;
|
|
13298
13448
|
opacity: 0;
|
|
13299
13449
|
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
13300
13450
|
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
@@ -13412,15 +13562,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13412
13562
|
inset-inline-start: 0;
|
|
13413
13563
|
z-index: var(--pf-v6-c-compass__dock--ZIndex);
|
|
13414
13564
|
display: flex;
|
|
13565
|
+
visibility: hidden;
|
|
13415
13566
|
flex-direction: column;
|
|
13416
13567
|
grid-area: dock;
|
|
13417
13568
|
width: var(--pf-v6-c-compass__dock--Width);
|
|
13418
|
-
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
13419
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);
|
|
13420
13571
|
}
|
|
13421
13572
|
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
13422
13573
|
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
13574
|
+
visibility: visible;
|
|
13423
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;
|
|
13424
13577
|
}
|
|
13425
13578
|
@media (min-width: 62rem) {
|
|
13426
13579
|
.pf-v6-c-compass__dock {
|
|
@@ -13428,6 +13581,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13428
13581
|
--pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
|
|
13429
13582
|
position: revert;
|
|
13430
13583
|
inset: revert;
|
|
13584
|
+
visibility: revert;
|
|
13431
13585
|
width: auto;
|
|
13432
13586
|
translate: 0;
|
|
13433
13587
|
}
|
|
@@ -13442,9 +13596,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
13442
13596
|
.pf-v6-c-compass__dock-main {
|
|
13443
13597
|
flex-grow: 1;
|
|
13444
13598
|
background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
|
|
13445
|
-
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13446
13599
|
border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
|
|
13447
13600
|
box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
|
|
13601
|
+
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
13448
13602
|
}
|
|
13449
13603
|
.pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
|
|
13450
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);
|
|
@@ -13775,8 +13929,8 @@ ul) {
|
|
|
13775
13929
|
@media screen and (min-width: 36rem) {
|
|
13776
13930
|
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
13777
13931
|
grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
|
|
13778
|
-
|
|
13779
|
-
|
|
13932
|
+
row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
13933
|
+
column-gap: var(--pf-v6-c-content--dl--ColumnGap);
|
|
13780
13934
|
}
|
|
13781
13935
|
}
|
|
13782
13936
|
|
|
@@ -14565,8 +14719,8 @@ ul) {
|
|
|
14565
14719
|
.pf-v6-c-data-list__toggle-icon {
|
|
14566
14720
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
14567
14721
|
pointer-events: none;
|
|
14568
|
-
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14569
14722
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
14723
|
+
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
14570
14724
|
}
|
|
14571
14725
|
|
|
14572
14726
|
.pf-v6-c-data-list__item-content {
|
|
@@ -14783,7 +14937,6 @@ ul) {
|
|
|
14783
14937
|
width: 100%;
|
|
14784
14938
|
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
14785
14939
|
break-inside: avoid;
|
|
14786
|
-
page-break-inside: avoid;
|
|
14787
14940
|
-webkit-column-break-inside: avoid;
|
|
14788
14941
|
-moz-column-break-inside: avoid;
|
|
14789
14942
|
}
|
|
@@ -14972,6 +15125,7 @@ ul) {
|
|
|
14972
15125
|
--pf-v6-c-draggable--m-dragging--Cursor: grabbing;
|
|
14973
15126
|
--pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
|
|
14974
15127
|
--pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
|
|
15128
|
+
--pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
14975
15129
|
--pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
|
|
14976
15130
|
--pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
14977
15131
|
--pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
@@ -14986,6 +15140,7 @@ ul) {
|
|
|
14986
15140
|
--pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
|
|
14987
15141
|
position: relative;
|
|
14988
15142
|
background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
|
|
15143
|
+
border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
|
|
14989
15144
|
box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
|
|
14990
15145
|
}
|
|
14991
15146
|
.pf-v6-c-draggable.pf-m-dragging::after {
|
|
@@ -15005,6 +15160,7 @@ ul) {
|
|
|
15005
15160
|
|
|
15006
15161
|
.pf-v6-c-droppable {
|
|
15007
15162
|
--pf-v6-c-droppable--before--BackgroundColor: transparent;
|
|
15163
|
+
--pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
15008
15164
|
--pf-v6-c-droppable--before--Opacity: 0;
|
|
15009
15165
|
--pf-v6-c-droppable--after--BorderWidth: 0;
|
|
15010
15166
|
--pf-v6-c-droppable--after--BorderColor: transparent;
|
|
@@ -15027,6 +15183,7 @@ ul) {
|
|
|
15027
15183
|
}
|
|
15028
15184
|
.pf-v6-c-droppable::before {
|
|
15029
15185
|
background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
|
|
15186
|
+
border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
|
|
15030
15187
|
opacity: var(--pf-v6-c-droppable--before--Opacity);
|
|
15031
15188
|
}
|
|
15032
15189
|
.pf-v6-c-droppable::after {
|
|
@@ -15191,9 +15348,9 @@ ul) {
|
|
|
15191
15348
|
max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
|
|
15192
15349
|
margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
|
|
15193
15350
|
overflow: auto;
|
|
15351
|
+
outline-offset: 2px;
|
|
15194
15352
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
15195
15353
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
15196
|
-
outline-offset: 2px;
|
|
15197
15354
|
}
|
|
15198
15355
|
|
|
15199
15356
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -15229,25 +15386,25 @@ ul) {
|
|
|
15229
15386
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
15230
15387
|
}
|
|
15231
15388
|
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
|
|
15232
|
-
max-height: 0;
|
|
15233
15389
|
visibility: hidden;
|
|
15390
|
+
max-height: 0;
|
|
15234
15391
|
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
15392
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15235
15393
|
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
|
15236
15394
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
15237
15395
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
|
15238
15396
|
transition-property: opacity, translate, visibility, max-height;
|
|
15239
|
-
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15240
15397
|
}
|
|
15241
15398
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
15242
15399
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
|
|
15243
15400
|
}
|
|
15244
15401
|
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
|
|
15245
|
-
max-height: 99999px;
|
|
15246
15402
|
visibility: revert;
|
|
15403
|
+
max-height: 99999px;
|
|
15247
15404
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
15405
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
15248
15406
|
transition-delay: 0s;
|
|
15249
15407
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
15250
|
-
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
15251
15408
|
}
|
|
15252
15409
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
15253
15410
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
@@ -15382,10 +15539,10 @@ ul) {
|
|
|
15382
15539
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
15383
15540
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
15384
15541
|
text-align: center;
|
|
15542
|
+
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15385
15543
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
15386
15544
|
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
15387
15545
|
transition-property: transform;
|
|
15388
|
-
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15389
15546
|
}
|
|
15390
15547
|
|
|
15391
15548
|
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
@@ -16170,6 +16327,7 @@ ul) {
|
|
|
16170
16327
|
.pf-v6-c-drawer__panel {
|
|
16171
16328
|
position: relative;
|
|
16172
16329
|
z-index: var(--pf-v6-c-drawer__panel--ZIndex);
|
|
16330
|
+
visibility: hidden;
|
|
16173
16331
|
flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
|
|
16174
16332
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
16175
16333
|
order: 1;
|
|
@@ -16177,7 +16335,6 @@ ul) {
|
|
|
16177
16335
|
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
16178
16336
|
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
16179
16337
|
overflow: auto;
|
|
16180
|
-
visibility: hidden;
|
|
16181
16338
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
16182
16339
|
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
16183
16340
|
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
@@ -16287,8 +16444,8 @@ ul) {
|
|
|
16287
16444
|
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
16288
16445
|
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
16289
16446
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
16290
|
-
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16291
16447
|
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
16448
|
+
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16292
16449
|
}
|
|
16293
16450
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
16294
16451
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -17078,8 +17235,8 @@ ul) {
|
|
|
17078
17235
|
display: inline-block;
|
|
17079
17236
|
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
17080
17237
|
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
17081
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
17082
17238
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
17239
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
17083
17240
|
}
|
|
17084
17241
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
17085
17242
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
@@ -17094,15 +17251,15 @@ ul) {
|
|
|
17094
17251
|
display: revert;
|
|
17095
17252
|
}
|
|
17096
17253
|
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
17254
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
17097
17255
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
17098
17256
|
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
17099
|
-
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
17100
17257
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
17258
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
17101
17259
|
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
17102
17260
|
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
17103
17261
|
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
17104
17262
|
transition-property: opacity, translate, visibility, max-height;
|
|
17105
|
-
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
17106
17263
|
}
|
|
17107
17264
|
|
|
17108
17265
|
.pf-v6-c-file-upload {
|
|
@@ -17273,7 +17430,7 @@ ul) {
|
|
|
17273
17430
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
|
|
17274
17431
|
display: grid;
|
|
17275
17432
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17276
|
-
|
|
17433
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17277
17434
|
}
|
|
17278
17435
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
|
|
17279
17436
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17301,7 +17458,7 @@ ul) {
|
|
|
17301
17458
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
|
|
17302
17459
|
display: grid;
|
|
17303
17460
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17304
|
-
|
|
17461
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17305
17462
|
}
|
|
17306
17463
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
|
|
17307
17464
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17329,7 +17486,7 @@ ul) {
|
|
|
17329
17486
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
|
|
17330
17487
|
display: grid;
|
|
17331
17488
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17332
|
-
|
|
17489
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17333
17490
|
}
|
|
17334
17491
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
|
|
17335
17492
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17357,7 +17514,7 @@ ul) {
|
|
|
17357
17514
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
|
|
17358
17515
|
display: grid;
|
|
17359
17516
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17360
|
-
|
|
17517
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17361
17518
|
}
|
|
17362
17519
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
|
|
17363
17520
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17385,7 +17542,7 @@ ul) {
|
|
|
17385
17542
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
|
|
17386
17543
|
display: grid;
|
|
17387
17544
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17388
|
-
|
|
17545
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17389
17546
|
}
|
|
17390
17547
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
|
|
17391
17548
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17413,7 +17570,7 @@ ul) {
|
|
|
17413
17570
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
|
|
17414
17571
|
display: grid;
|
|
17415
17572
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17416
|
-
|
|
17573
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17417
17574
|
}
|
|
17418
17575
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
|
|
17419
17576
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17441,7 +17598,7 @@ ul) {
|
|
|
17441
17598
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
|
|
17442
17599
|
display: grid;
|
|
17443
17600
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17444
|
-
|
|
17601
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17445
17602
|
}
|
|
17446
17603
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
|
|
17447
17604
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17614,14 +17771,14 @@ ul) {
|
|
|
17614
17771
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
17615
17772
|
}
|
|
17616
17773
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17774
|
+
visibility: visible;
|
|
17617
17775
|
max-height: 99999px;
|
|
17618
17776
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
17619
17777
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17620
|
-
visibility: visible;
|
|
17621
17778
|
opacity: 1;
|
|
17779
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17622
17780
|
transition-delay: 0s;
|
|
17623
17781
|
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
17624
|
-
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17625
17782
|
}
|
|
17626
17783
|
|
|
17627
17784
|
.pf-v6-c-form__field-group-toggle {
|
|
@@ -17643,10 +17800,10 @@ ul) {
|
|
|
17643
17800
|
display: inline-block;
|
|
17644
17801
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
17645
17802
|
text-align: center;
|
|
17803
|
+
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17646
17804
|
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
17647
17805
|
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
17648
17806
|
transition-property: transform;
|
|
17649
|
-
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17650
17807
|
}
|
|
17651
17808
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
17652
17809
|
scale: -1 1;
|
|
@@ -17695,15 +17852,15 @@ ul) {
|
|
|
17695
17852
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17696
17853
|
}
|
|
17697
17854
|
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17855
|
+
visibility: hidden;
|
|
17698
17856
|
max-height: 0;
|
|
17699
17857
|
padding-block-start: 0;
|
|
17700
17858
|
padding-block-end: 0;
|
|
17701
|
-
visibility: hidden;
|
|
17702
17859
|
opacity: 0;
|
|
17860
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17703
17861
|
transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
|
|
17704
17862
|
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
|
|
17705
17863
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
17706
|
-
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17707
17864
|
}
|
|
17708
17865
|
|
|
17709
17866
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
@@ -17863,10 +18020,10 @@ ul) {
|
|
|
17863
18020
|
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
17864
18021
|
color: var(--pf-v6-c-form-control--Color);
|
|
17865
18022
|
appearance: none;
|
|
18023
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17866
18024
|
background-color: transparent;
|
|
17867
18025
|
border: none;
|
|
17868
18026
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
17869
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17870
18027
|
}
|
|
17871
18028
|
.pf-v6-c-form-control > ::placeholder {
|
|
17872
18029
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
@@ -18232,8 +18389,8 @@ ul) {
|
|
|
18232
18389
|
:where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
|
|
18233
18390
|
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
18234
18391
|
--pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
|
|
18235
|
-
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18236
18392
|
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
18393
|
+
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18237
18394
|
}
|
|
18238
18395
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
18239
18396
|
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
@@ -18269,7 +18426,7 @@ ul) {
|
|
|
18269
18426
|
.pf-v6-c-hint {
|
|
18270
18427
|
display: grid;
|
|
18271
18428
|
grid-template-columns: 1fr auto;
|
|
18272
|
-
|
|
18429
|
+
row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
18273
18430
|
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
18274
18431
|
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
18275
18432
|
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
@@ -18717,20 +18874,20 @@ ul) {
|
|
|
18717
18874
|
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
18718
18875
|
}
|
|
18719
18876
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
|
|
18877
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
18720
18878
|
flex-grow: 1;
|
|
18721
18879
|
max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
|
|
18722
|
-
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
18723
18880
|
opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
|
|
18881
|
+
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
18882
|
+
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
18724
18883
|
transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
18725
18884
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
|
18726
18885
|
transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
|
|
18727
18886
|
transition-property: opacity, scale, visibility, max-width;
|
|
18728
|
-
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
18729
|
-
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
18730
18887
|
}
|
|
18731
18888
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
|
|
18732
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
18733
18889
|
visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
|
|
18890
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
18734
18891
|
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
|
18735
18892
|
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
18736
18893
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
|
@@ -18738,8 +18895,8 @@ ul) {
|
|
|
18738
18895
|
transition-property: opacity, visibility, max-width;
|
|
18739
18896
|
}
|
|
18740
18897
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
|
|
18741
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
18742
18898
|
visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
|
|
18899
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
18743
18900
|
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
|
18744
18901
|
transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
18745
18902
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
|
@@ -19066,10 +19223,10 @@ label.pf-v6-c-input-group__text {
|
|
|
19066
19223
|
.pf-v6-c-jump-links__toggle-icon {
|
|
19067
19224
|
display: inline-block;
|
|
19068
19225
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
19226
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
19069
19227
|
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
19070
19228
|
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
19071
19229
|
transition-property: transform;
|
|
19072
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
19073
19230
|
}
|
|
19074
19231
|
|
|
19075
19232
|
.pf-v6-c-label {
|
|
@@ -19282,9 +19439,9 @@ label.pf-v6-c-input-group__text {
|
|
|
19282
19439
|
font-size: var(--pf-v6-c-label--FontSize);
|
|
19283
19440
|
white-space: nowrap;
|
|
19284
19441
|
background: transparent;
|
|
19285
|
-
isolation: isolate;
|
|
19286
19442
|
border: 0;
|
|
19287
19443
|
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
19444
|
+
isolation: isolate;
|
|
19288
19445
|
}
|
|
19289
19446
|
.pf-v6-c-label.pf-m-blue {
|
|
19290
19447
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
|
@@ -19942,7 +20099,7 @@ ul.pf-v6-c-list {
|
|
|
19942
20099
|
display: grid;
|
|
19943
20100
|
grid-template-areas: "main header" "main footer" "main .";
|
|
19944
20101
|
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
19945
|
-
|
|
20102
|
+
column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
19946
20103
|
justify-content: center;
|
|
19947
20104
|
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
19948
20105
|
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
@@ -19968,10 +20125,10 @@ ul.pf-v6-c-list {
|
|
|
19968
20125
|
align-self: start;
|
|
19969
20126
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
19970
20127
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
19971
|
-
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19972
20128
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
19973
20129
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
19974
20130
|
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
20131
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19975
20132
|
}
|
|
19976
20133
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
19977
20134
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -20078,7 +20235,7 @@ ul.pf-v6-c-list {
|
|
|
20078
20235
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
20079
20236
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
20080
20237
|
--pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
|
|
20081
|
-
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--
|
|
20238
|
+
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
20082
20239
|
--pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
|
|
20083
20240
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
20084
20241
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
@@ -20315,9 +20472,9 @@ ul.pf-v6-c-list {
|
|
|
20315
20472
|
}
|
|
20316
20473
|
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
20317
20474
|
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
20318
|
-
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20319
20475
|
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
20320
20476
|
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
20477
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20321
20478
|
}
|
|
20322
20479
|
|
|
20323
20480
|
.pf-v6-c-masthead__main {
|
|
@@ -21026,8 +21183,8 @@ ul.pf-v6-c-list {
|
|
|
21026
21183
|
}
|
|
21027
21184
|
|
|
21028
21185
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
|
|
21029
|
-
overflow: hidden;
|
|
21030
21186
|
visibility: visible;
|
|
21187
|
+
overflow: hidden;
|
|
21031
21188
|
transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
|
|
21032
21189
|
}
|
|
21033
21190
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
|
|
@@ -21053,8 +21210,8 @@ ul.pf-v6-c-list {
|
|
|
21053
21210
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21054
21211
|
}
|
|
21055
21212
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
|
|
21056
|
-
overflow: visible;
|
|
21057
21213
|
visibility: hidden;
|
|
21214
|
+
overflow: visible;
|
|
21058
21215
|
}
|
|
21059
21216
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
|
|
21060
21217
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item:not(.pf-m-current-path) {
|
|
@@ -21195,10 +21352,10 @@ ul.pf-v6-c-list {
|
|
|
21195
21352
|
color: var(--pf-v6-c-menu__item--Color);
|
|
21196
21353
|
text-align: start;
|
|
21197
21354
|
text-decoration-line: none;
|
|
21355
|
+
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21198
21356
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
21199
21357
|
border: 0;
|
|
21200
21358
|
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
21201
|
-
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21202
21359
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
21203
21360
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
21204
21361
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
@@ -21292,7 +21449,7 @@ ul.pf-v6-c-list {
|
|
|
21292
21449
|
.pf-v6-c-menu__item-description {
|
|
21293
21450
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
21294
21451
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
21295
|
-
|
|
21452
|
+
overflow-wrap: break-word;
|
|
21296
21453
|
}
|
|
21297
21454
|
|
|
21298
21455
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -21709,6 +21866,9 @@ ul.pf-v6-c-list {
|
|
|
21709
21866
|
justify-content: flex-start;
|
|
21710
21867
|
width: 100%;
|
|
21711
21868
|
}
|
|
21869
|
+
.pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
|
|
21870
|
+
min-width: 1lh;
|
|
21871
|
+
}
|
|
21712
21872
|
@media (min-width: 62rem) {
|
|
21713
21873
|
.pf-v6-c-menu-toggle.pf-m-docked {
|
|
21714
21874
|
justify-content: center;
|
|
@@ -21875,10 +22035,10 @@ ul.pf-v6-c-list {
|
|
|
21875
22035
|
|
|
21876
22036
|
.pf-v6-c-menu-toggle__icon {
|
|
21877
22037
|
flex-shrink: 0;
|
|
22038
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21878
22039
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
21879
22040
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
21880
22041
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
21881
|
-
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21882
22042
|
}
|
|
21883
22043
|
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
21884
22044
|
vertical-align: middle;
|
|
@@ -22086,7 +22246,7 @@ ul.pf-v6-c-list {
|
|
|
22086
22246
|
overflow-x: hidden;
|
|
22087
22247
|
overflow-y: auto;
|
|
22088
22248
|
overscroll-behavior: contain;
|
|
22089
|
-
|
|
22249
|
+
overflow-wrap: break-word;
|
|
22090
22250
|
-webkit-overflow-scrolling: touch;
|
|
22091
22251
|
}
|
|
22092
22252
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -22535,17 +22695,17 @@ ul.pf-v6-c-list {
|
|
|
22535
22695
|
|
|
22536
22696
|
.pf-v6-c-nav__subnav {
|
|
22537
22697
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
22698
|
+
visibility: visible;
|
|
22538
22699
|
max-height: 99999px;
|
|
22539
22700
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
22540
22701
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
22541
22702
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
22542
22703
|
overflow-y: clip;
|
|
22543
|
-
|
|
22704
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22544
22705
|
transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
|
|
22545
22706
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
22546
22707
|
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
22547
22708
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
22548
|
-
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22549
22709
|
}
|
|
22550
22710
|
.pf-v6-c-nav__subnav[hidden] {
|
|
22551
22711
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
@@ -22555,8 +22715,8 @@ ul.pf-v6-c-list {
|
|
|
22555
22715
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
22556
22716
|
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
22557
22717
|
display: grid;
|
|
22558
|
-
max-height: 0;
|
|
22559
22718
|
visibility: hidden;
|
|
22719
|
+
max-height: 0;
|
|
22560
22720
|
opacity: 0;
|
|
22561
22721
|
}
|
|
22562
22722
|
|
|
@@ -22574,10 +22734,10 @@ ul.pf-v6-c-list {
|
|
|
22574
22734
|
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
22575
22735
|
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
22576
22736
|
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
22737
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22577
22738
|
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
22578
22739
|
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
22579
22740
|
transition-property: scale;
|
|
22580
|
-
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22581
22741
|
}
|
|
22582
22742
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
22583
22743
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
@@ -22665,10 +22825,10 @@ ul.pf-v6-c-list {
|
|
|
22665
22825
|
|
|
22666
22826
|
.pf-v6-c-nav__toggle-icon {
|
|
22667
22827
|
display: inline-block;
|
|
22828
|
+
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22668
22829
|
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
22669
22830
|
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
22670
22831
|
transition-property: transform;
|
|
22671
|
-
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22672
22832
|
}
|
|
22673
22833
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
22674
22834
|
scale: -1 1;
|
|
@@ -22901,9 +23061,9 @@ ul.pf-v6-c-list {
|
|
|
22901
23061
|
padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
|
|
22902
23062
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
22903
23063
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
23064
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22904
23065
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
22905
23066
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
22906
|
-
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22907
23067
|
}
|
|
22908
23068
|
.pf-v6-c-notification-drawer__list-item::before {
|
|
22909
23069
|
position: absolute;
|
|
@@ -22960,7 +23120,7 @@ ul.pf-v6-c-list {
|
|
|
22960
23120
|
|
|
22961
23121
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
22962
23122
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
22963
|
-
|
|
23123
|
+
overflow-wrap: break-word;
|
|
22964
23124
|
}
|
|
22965
23125
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
22966
23126
|
display: -webkit-box;
|
|
@@ -22982,7 +23142,7 @@ ul.pf-v6-c-list {
|
|
|
22982
23142
|
grid-row: 2/3;
|
|
22983
23143
|
grid-column: 1/2;
|
|
22984
23144
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
22985
|
-
|
|
23145
|
+
overflow-wrap: break-word;
|
|
22986
23146
|
}
|
|
22987
23147
|
|
|
22988
23148
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -23013,9 +23173,9 @@ ul.pf-v6-c-list {
|
|
|
23013
23173
|
padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
|
|
23014
23174
|
padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
|
|
23015
23175
|
padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
|
|
23176
|
+
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
23016
23177
|
background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
|
|
23017
23178
|
border: none;
|
|
23018
|
-
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
23019
23179
|
}
|
|
23020
23180
|
|
|
23021
23181
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
@@ -23027,7 +23187,7 @@ ul.pf-v6-c-list {
|
|
|
23027
23187
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
23028
23188
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
23029
23189
|
text-align: start;
|
|
23030
|
-
|
|
23190
|
+
overflow-wrap: break-word;
|
|
23031
23191
|
}
|
|
23032
23192
|
|
|
23033
23193
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -23104,11 +23264,6 @@ ul.pf-v6-c-list {
|
|
|
23104
23264
|
.pf-v6-c-page {
|
|
23105
23265
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
23106
23266
|
--pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23107
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
23108
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
|
|
23109
|
-
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
23110
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23111
|
-
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
23112
23267
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
23113
23268
|
--pf-v6-c-page__dock--Width: 15.625rem;
|
|
23114
23269
|
--pf-v6-c-page__dock--desktop--Width: auto;
|
|
@@ -23127,6 +23282,11 @@ ul.pf-v6-c-list {
|
|
|
23127
23282
|
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
|
|
23128
23283
|
--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));
|
|
23129
23284
|
--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));
|
|
23285
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
23286
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23287
|
+
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23288
|
+
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23289
|
+
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
23130
23290
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
23131
23291
|
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
23132
23292
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
@@ -23297,20 +23457,17 @@ ul.pf-v6-c-list {
|
|
|
23297
23457
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
23298
23458
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
23299
23459
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
|
|
23300
|
-
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
|
|
23301
|
-
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
|
|
23302
|
-
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23303
23460
|
--pf-v6-c-page--BackgroundColor--glass: transparent;
|
|
23304
23461
|
--pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
23305
|
-
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
23306
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--
|
|
23307
|
-
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--
|
|
23462
|
+
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23463
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
|
|
23464
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
23308
23465
|
--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
23309
23466
|
--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
23310
23467
|
--pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
|
|
23311
|
-
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--
|
|
23312
|
-
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--
|
|
23313
|
-
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--
|
|
23468
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
23469
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
23470
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
23314
23471
|
--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
23315
23472
|
--pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
23316
23473
|
--pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
@@ -23321,9 +23478,11 @@ ul.pf-v6-c-list {
|
|
|
23321
23478
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
|
|
23322
23479
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23323
23480
|
--pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23324
|
-
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--
|
|
23325
|
-
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--
|
|
23326
|
-
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome)
|
|
23481
|
+
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23482
|
+
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23483
|
+
--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));
|
|
23484
|
+
--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));
|
|
23485
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23327
23486
|
}
|
|
23328
23487
|
:where(.pf-v6-theme-glass) .pf-v6-c-page {
|
|
23329
23488
|
--pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
|
|
@@ -23346,6 +23505,8 @@ ul.pf-v6-c-list {
|
|
|
23346
23505
|
--pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
|
|
23347
23506
|
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
|
|
23348
23507
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
|
|
23508
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
|
|
23509
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
|
|
23349
23510
|
}
|
|
23350
23511
|
@media (min-width: 75rem) {
|
|
23351
23512
|
.pf-v6-c-page {
|
|
@@ -23497,10 +23658,11 @@ ul.pf-v6-c-list {
|
|
|
23497
23658
|
inset-inline-start: 0;
|
|
23498
23659
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
23499
23660
|
display: flex;
|
|
23661
|
+
visibility: hidden;
|
|
23500
23662
|
flex-direction: column;
|
|
23501
23663
|
grid-area: dock;
|
|
23502
23664
|
width: var(--pf-v6-c-page__dock--Width);
|
|
23503
|
-
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
|
|
23665
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
|
|
23504
23666
|
translate: -100% 0;
|
|
23505
23667
|
}
|
|
23506
23668
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
|
|
@@ -23509,7 +23671,9 @@ ul.pf-v6-c-list {
|
|
|
23509
23671
|
|
|
23510
23672
|
.pf-v6-c-page__dock.pf-m-expanded {
|
|
23511
23673
|
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
|
|
23674
|
+
visibility: visible;
|
|
23512
23675
|
translate: 0;
|
|
23676
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
23513
23677
|
}
|
|
23514
23678
|
@media (min-width: 62rem) {
|
|
23515
23679
|
.pf-v6-c-page__dock {
|
|
@@ -23517,6 +23681,7 @@ ul.pf-v6-c-list {
|
|
|
23517
23681
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
23518
23682
|
position: revert;
|
|
23519
23683
|
inset: revert;
|
|
23684
|
+
visibility: revert;
|
|
23520
23685
|
width: auto;
|
|
23521
23686
|
translate: 0;
|
|
23522
23687
|
}
|
|
@@ -23531,9 +23696,9 @@ ul.pf-v6-c-list {
|
|
|
23531
23696
|
.pf-v6-c-page__dock-main {
|
|
23532
23697
|
flex-grow: 1;
|
|
23533
23698
|
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
23534
|
-
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23535
23699
|
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
23536
23700
|
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
23701
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23537
23702
|
}
|
|
23538
23703
|
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
23539
23704
|
border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
|
|
@@ -23615,10 +23780,10 @@ ul.pf-v6-c-list {
|
|
|
23615
23780
|
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
23616
23781
|
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
23617
23782
|
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
23618
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23619
23783
|
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
23620
23784
|
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
23621
23785
|
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
23786
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23622
23787
|
}
|
|
23623
23788
|
|
|
23624
23789
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -23984,7 +24149,6 @@ ul.pf-v6-c-list {
|
|
|
23984
24149
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
23985
24150
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
23986
24151
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
23987
|
-
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23988
24152
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
23989
24153
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
23990
24154
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
@@ -23992,6 +24156,7 @@ ul.pf-v6-c-list {
|
|
|
23992
24156
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
23993
24157
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
23994
24158
|
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
24159
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23995
24160
|
}
|
|
23996
24161
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
23997
24162
|
.pf-v6-c-page__main-container {
|
|
@@ -25016,7 +25181,7 @@ ul.pf-v6-c-list {
|
|
|
25016
25181
|
}
|
|
25017
25182
|
|
|
25018
25183
|
.pf-v6-c-popover__body {
|
|
25019
|
-
|
|
25184
|
+
overflow-wrap: break-word;
|
|
25020
25185
|
}
|
|
25021
25186
|
|
|
25022
25187
|
.pf-v6-c-popover__footer {
|
|
@@ -25061,7 +25226,7 @@ ul.pf-v6-c-list {
|
|
|
25061
25226
|
display: grid;
|
|
25062
25227
|
grid-template-rows: 1fr auto;
|
|
25063
25228
|
grid-template-columns: auto auto;
|
|
25064
|
-
|
|
25229
|
+
gap: var(--pf-v6-c-progress--GridGap);
|
|
25065
25230
|
align-items: end;
|
|
25066
25231
|
}
|
|
25067
25232
|
.pf-v6-c-progress.pf-m-sm {
|
|
@@ -25155,7 +25320,7 @@ ul.pf-v6-c-list {
|
|
|
25155
25320
|
|
|
25156
25321
|
.pf-v6-c-progress__description {
|
|
25157
25322
|
grid-column: 1/2;
|
|
25158
|
-
|
|
25323
|
+
overflow-wrap: break-word;
|
|
25159
25324
|
}
|
|
25160
25325
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
25161
25326
|
overflow: hidden;
|
|
@@ -25171,7 +25336,7 @@ ul.pf-v6-c-list {
|
|
|
25171
25336
|
align-items: flex-start;
|
|
25172
25337
|
justify-content: flex-end;
|
|
25173
25338
|
text-align: end;
|
|
25174
|
-
|
|
25339
|
+
overflow-wrap: break-word;
|
|
25175
25340
|
}
|
|
25176
25341
|
|
|
25177
25342
|
.pf-v6-c-progress__status-icon {
|
|
@@ -25434,9 +25599,9 @@ ul.pf-v6-c-list {
|
|
|
25434
25599
|
inset-block-start: 0;
|
|
25435
25600
|
inset-inline-start: 0;
|
|
25436
25601
|
overflow: hidden;
|
|
25437
|
-
clip: rect(0, 0, 0, 0);
|
|
25438
25602
|
white-space: nowrap;
|
|
25439
25603
|
border: 0;
|
|
25604
|
+
clip-path: inset(50%);
|
|
25440
25605
|
}
|
|
25441
25606
|
.pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
|
|
25442
25607
|
grid-row: 1/2;
|
|
@@ -25858,7 +26023,7 @@ ul.pf-v6-c-list {
|
|
|
25858
26023
|
.pf-v6-c-radio {
|
|
25859
26024
|
display: grid;
|
|
25860
26025
|
grid-template-columns: auto 1fr;
|
|
25861
|
-
|
|
26026
|
+
gap: var(--pf-v6-c-radio--GridGap);
|
|
25862
26027
|
align-items: baseline;
|
|
25863
26028
|
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
25864
26029
|
}
|
|
@@ -26089,6 +26254,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26089
26254
|
--pf-v6-c-sidebar__panel--Position: static;
|
|
26090
26255
|
--pf-v6-c-sidebar__panel--InsetBlockStart: auto;
|
|
26091
26256
|
}
|
|
26257
|
+
.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) {
|
|
26258
|
+
--pf-v6-c-sidebar__panel--BackgroundColor: transparent;
|
|
26259
|
+
}
|
|
26092
26260
|
.pf-v6-c-sidebar__panel.pf-m-secondary {
|
|
26093
26261
|
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
|
|
26094
26262
|
}
|
|
@@ -26108,7 +26276,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26108
26276
|
--pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
|
|
26109
26277
|
--pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
|
|
26110
26278
|
}
|
|
26111
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
26279
|
+
.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) {
|
|
26112
26280
|
--pf-v6-c-sidebar__content--BackgroundColor: transparent;
|
|
26113
26281
|
}
|
|
26114
26282
|
.pf-v6-c-sidebar__content.pf-m-secondary {
|
|
@@ -26121,12 +26289,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26121
26289
|
--pf-v6-c-sidebar__content--Order: -1;
|
|
26122
26290
|
}
|
|
26123
26291
|
|
|
26124
|
-
.pf-v6-c-sidebar.pf-m-no-background,
|
|
26125
|
-
.pf-v6-c-sidebar__panel.pf-m-no-background,
|
|
26126
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
26127
|
-
background-color: transparent;
|
|
26128
|
-
}
|
|
26129
|
-
|
|
26130
26292
|
.pf-v6-c-sidebar__panel.pf-m-width-default {
|
|
26131
26293
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
26132
26294
|
}
|
|
@@ -26853,10 +27015,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26853
27015
|
width: 100%;
|
|
26854
27016
|
height: 100%;
|
|
26855
27017
|
stroke: var(--pf-v6-c-spinner--Color);
|
|
27018
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
27019
|
+
stroke-linecap: round;
|
|
26856
27020
|
stroke-dasharray: 283;
|
|
26857
27021
|
stroke-dashoffset: 280;
|
|
26858
|
-
stroke-linecap: round;
|
|
26859
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
26860
27022
|
transform-origin: 50% 50%;
|
|
26861
27023
|
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
26862
27024
|
}
|
|
@@ -27016,8 +27178,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27016
27178
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
27017
27179
|
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
27018
27180
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
27019
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
27020
27181
|
transform: translateY(-50%);
|
|
27182
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
27021
27183
|
}
|
|
27022
27184
|
.pf-v6-c-switch__toggle::after {
|
|
27023
27185
|
position: absolute;
|
|
@@ -28875,6 +29037,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28875
29037
|
--pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
28876
29038
|
--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
28877
29039
|
--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
|
|
29040
|
+
--pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
29041
|
+
--pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
28878
29042
|
}
|
|
28879
29043
|
:where(.pf-v6-theme-glass) .pf-v6-c-table {
|
|
28880
29044
|
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
@@ -28944,6 +29108,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28944
29108
|
.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]) {
|
|
28945
29109
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
|
|
28946
29110
|
}
|
|
29111
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
|
|
29112
|
+
position: sticky;
|
|
29113
|
+
inset-block-end: 0;
|
|
29114
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
|
|
29115
|
+
background: var(--pf-v6-c-table--BackgroundColor);
|
|
29116
|
+
}
|
|
29117
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
|
|
29118
|
+
position: absolute;
|
|
29119
|
+
inset: 0;
|
|
29120
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
|
|
29121
|
+
pointer-events: none;
|
|
29122
|
+
content: "";
|
|
29123
|
+
border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
29124
|
+
}
|
|
29125
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
|
|
29126
|
+
border-block-end: 0;
|
|
29127
|
+
}
|
|
29128
|
+
.pf-v6-c-table.pf-m-plain {
|
|
29129
|
+
--pf-v6-c-table--BackgroundColor: transparent;
|
|
29130
|
+
}
|
|
28947
29131
|
.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),
|
|
28948
29132
|
.pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
28949
29133
|
.pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
@@ -29014,11 +29198,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29014
29198
|
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
29015
29199
|
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
29016
29200
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29201
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29017
29202
|
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
29018
29203
|
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
29019
29204
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29020
29205
|
color: var(--pf-v6-c-table--cell--Color);
|
|
29021
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29022
29206
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
29023
29207
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
29024
29208
|
}
|
|
@@ -29124,24 +29308,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29124
29308
|
}
|
|
29125
29309
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
|
|
29126
29310
|
cursor: pointer;
|
|
29127
|
-
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
29128
29311
|
outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
|
|
29312
|
+
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
29129
29313
|
}
|
|
29130
29314
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
|
|
29131
29315
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
29132
29316
|
}
|
|
29133
29317
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
|
|
29134
29318
|
position: relative;
|
|
29135
|
-
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
29136
29319
|
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
|
|
29320
|
+
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
29137
29321
|
}
|
|
29138
29322
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
|
|
29139
29323
|
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
|
|
29140
29324
|
}
|
|
29141
29325
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
|
|
29142
29326
|
cursor: pointer;
|
|
29143
|
-
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
29144
29327
|
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
|
|
29328
|
+
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
29145
29329
|
}
|
|
29146
29330
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
|
|
29147
29331
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
@@ -29150,8 +29334,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29150
29334
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
|
|
29151
29335
|
}
|
|
29152
29336
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
|
|
29153
|
-
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
29154
29337
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
|
29338
|
+
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
29155
29339
|
}
|
|
29156
29340
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
|
|
29157
29341
|
border: none;
|
|
@@ -29176,11 +29360,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29176
29360
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
29177
29361
|
visibility: hidden;
|
|
29178
29362
|
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
29363
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29179
29364
|
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
29180
29365
|
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
29181
29366
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
|
|
29182
29367
|
transition-property: opacity, translate, visibility, background-color;
|
|
29183
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29184
29368
|
}
|
|
29185
29369
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
29186
29370
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
@@ -29188,9 +29372,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29188
29372
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
29189
29373
|
visibility: visible;
|
|
29190
29374
|
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
29375
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
29191
29376
|
transition-delay: 0s;
|
|
29192
29377
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
29193
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
29194
29378
|
}
|
|
29195
29379
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
29196
29380
|
max-height: 99999px;
|
|
@@ -29256,8 +29440,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29256
29440
|
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
29257
29441
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
29258
29442
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29259
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29260
29443
|
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29444
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29261
29445
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
29262
29446
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
29263
29447
|
}
|
|
@@ -29286,10 +29470,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29286
29470
|
text-align: start;
|
|
29287
29471
|
white-space: inherit;
|
|
29288
29472
|
user-select: text;
|
|
29473
|
+
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29289
29474
|
background-color: var(--pf-v6-c-table__button--BackgroundColor);
|
|
29290
29475
|
border: 0;
|
|
29291
29476
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
29292
|
-
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29293
29477
|
}
|
|
29294
29478
|
.pf-v6-c-table__button::after {
|
|
29295
29479
|
position: absolute;
|
|
@@ -29383,10 +29567,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29383
29567
|
}
|
|
29384
29568
|
|
|
29385
29569
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
29570
|
+
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29386
29571
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
29387
29572
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
29388
29573
|
transition-property: transform;
|
|
29389
|
-
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29390
29574
|
}
|
|
29391
29575
|
.pf-v6-c-table__toggle svg {
|
|
29392
29576
|
pointer-events: none;
|
|
@@ -29678,6 +29862,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29678
29862
|
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
29679
29863
|
}
|
|
29680
29864
|
|
|
29865
|
+
.pf-v6-c-table__tfoot {
|
|
29866
|
+
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
|
29867
|
+
vertical-align: top;
|
|
29868
|
+
}
|
|
29869
|
+
|
|
29681
29870
|
.pf-v6-c-table__icon-inline {
|
|
29682
29871
|
display: flex;
|
|
29683
29872
|
align-items: center;
|
|
@@ -29942,8 +30131,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29942
30131
|
}
|
|
29943
30132
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
29944
30133
|
position: relative;
|
|
29945
|
-
border: none;
|
|
29946
30134
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30135
|
+
border: none;
|
|
29947
30136
|
}
|
|
29948
30137
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
29949
30138
|
position: absolute;
|
|
@@ -29981,7 +30170,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29981
30170
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
29982
30171
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
29983
30172
|
grid-column: 1;
|
|
29984
|
-
|
|
30173
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
29985
30174
|
align-items: start;
|
|
29986
30175
|
}
|
|
29987
30176
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30084,8 +30273,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30084
30273
|
}
|
|
30085
30274
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30086
30275
|
position: relative;
|
|
30087
|
-
border: none;
|
|
30088
30276
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30277
|
+
border: none;
|
|
30089
30278
|
}
|
|
30090
30279
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
30091
30280
|
position: absolute;
|
|
@@ -30123,7 +30312,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30123
30312
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30124
30313
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30125
30314
|
grid-column: 1;
|
|
30126
|
-
|
|
30315
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30127
30316
|
align-items: start;
|
|
30128
30317
|
}
|
|
30129
30318
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30227,8 +30416,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30227
30416
|
}
|
|
30228
30417
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30229
30418
|
position: relative;
|
|
30230
|
-
border: none;
|
|
30231
30419
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30420
|
+
border: none;
|
|
30232
30421
|
}
|
|
30233
30422
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
30234
30423
|
position: absolute;
|
|
@@ -30266,7 +30455,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30266
30455
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30267
30456
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30268
30457
|
grid-column: 1;
|
|
30269
|
-
|
|
30458
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30270
30459
|
align-items: start;
|
|
30271
30460
|
}
|
|
30272
30461
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30370,8 +30559,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30370
30559
|
}
|
|
30371
30560
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30372
30561
|
position: relative;
|
|
30373
|
-
border: none;
|
|
30374
30562
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30563
|
+
border: none;
|
|
30375
30564
|
}
|
|
30376
30565
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
30377
30566
|
position: absolute;
|
|
@@ -30409,7 +30598,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30409
30598
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30410
30599
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30411
30600
|
grid-column: 1;
|
|
30412
|
-
|
|
30601
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30413
30602
|
align-items: start;
|
|
30414
30603
|
}
|
|
30415
30604
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30513,8 +30702,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30513
30702
|
}
|
|
30514
30703
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30515
30704
|
position: relative;
|
|
30516
|
-
border: none;
|
|
30517
30705
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30706
|
+
border: none;
|
|
30518
30707
|
}
|
|
30519
30708
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
30520
30709
|
position: absolute;
|
|
@@ -30552,7 +30741,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30552
30741
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30553
30742
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30554
30743
|
grid-column: 1;
|
|
30555
|
-
|
|
30744
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30556
30745
|
align-items: start;
|
|
30557
30746
|
}
|
|
30558
30747
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -31105,8 +31294,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31105
31294
|
|
|
31106
31295
|
.pf-v6-c-tabs__toggle-icon {
|
|
31107
31296
|
display: inline-block;
|
|
31108
|
-
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
31109
31297
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
31298
|
+
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
31110
31299
|
}
|
|
31111
31300
|
|
|
31112
31301
|
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
@@ -31270,8 +31459,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31270
31459
|
align-self: end;
|
|
31271
31460
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
31272
31461
|
color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
|
|
31273
|
-
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31274
31462
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
31463
|
+
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31275
31464
|
}
|
|
31276
31465
|
|
|
31277
31466
|
.pf-v6-c-tabs__item-action {
|
|
@@ -31534,10 +31723,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31534
31723
|
border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
|
|
31535
31724
|
border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
|
|
31536
31725
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
31726
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31537
31727
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
31538
31728
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
31539
31729
|
transition-property: width, height, translate;
|
|
31540
|
-
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31541
31730
|
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
31542
31731
|
}
|
|
31543
31732
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
@@ -31743,9 +31932,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31743
31932
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
31744
31933
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
31745
31934
|
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
31935
|
+
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31746
31936
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
31747
31937
|
border: 0;
|
|
31748
|
-
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31749
31938
|
}
|
|
31750
31939
|
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
31751
31940
|
grid-area: text-input;
|
|
@@ -31953,7 +32142,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31953
32142
|
|
|
31954
32143
|
.pf-v6-c-title {
|
|
31955
32144
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
31956
|
-
|
|
32145
|
+
overflow-wrap: break-word;
|
|
31957
32146
|
}
|
|
31958
32147
|
.pf-v6-c-title.pf-m-4xl {
|
|
31959
32148
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -32736,10 +32925,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32736
32925
|
|
|
32737
32926
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
32738
32927
|
display: inline-flex;
|
|
32928
|
+
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32739
32929
|
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
32740
32930
|
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
32741
32931
|
transition-property: transform;
|
|
32742
|
-
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32743
32932
|
}
|
|
32744
32933
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
32745
32934
|
scale: -1 1;
|
|
@@ -34375,7 +34564,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34375
34564
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
34376
34565
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
34377
34566
|
text-align: center;
|
|
34378
|
-
|
|
34567
|
+
overflow-wrap: break-word;
|
|
34379
34568
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
34380
34569
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
34381
34570
|
}
|
|
@@ -34757,19 +34946,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34757
34946
|
display: inline-block;
|
|
34758
34947
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
34759
34948
|
text-align: center;
|
|
34760
|
-
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
34761
34949
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
34950
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
34762
34951
|
}
|
|
34763
34952
|
|
|
34764
34953
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
34765
|
-
max-height: 0;
|
|
34766
34954
|
visibility: hidden;
|
|
34955
|
+
max-height: 0;
|
|
34767
34956
|
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
34957
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34768
34958
|
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
34769
34959
|
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
34770
34960
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
34771
34961
|
transition-property: opacity, translate, visibility, max-height;
|
|
34772
|
-
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34773
34962
|
}
|
|
34774
34963
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
34775
34964
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -34780,12 +34969,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34780
34969
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
34781
34970
|
}
|
|
34782
34971
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
34783
|
-
max-height: 99999px;
|
|
34784
34972
|
visibility: revert;
|
|
34973
|
+
max-height: 99999px;
|
|
34785
34974
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
34975
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
34786
34976
|
transition-delay: 0s;
|
|
34787
34977
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
34788
|
-
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
34789
34978
|
}
|
|
34790
34979
|
|
|
34791
34980
|
.pf-v6-c-tree-view__node,
|
|
@@ -35224,7 +35413,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35224
35413
|
|
|
35225
35414
|
.pf-v6-c-wizard__title {
|
|
35226
35415
|
padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
|
|
35227
|
-
|
|
35416
|
+
overflow-wrap: break-word;
|
|
35228
35417
|
}
|
|
35229
35418
|
|
|
35230
35419
|
.pf-v6-c-wizard__title-text {
|
|
@@ -35287,7 +35476,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35287
35476
|
align-items: baseline;
|
|
35288
35477
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
35289
35478
|
text-align: start;
|
|
35290
|
-
|
|
35479
|
+
overflow-wrap: break-word;
|
|
35291
35480
|
}
|
|
35292
35481
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
35293
35482
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -35423,8 +35612,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35423
35612
|
padding-inline: 0;
|
|
35424
35613
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
35425
35614
|
text-align: start;
|
|
35615
|
+
overflow-wrap: break-word;
|
|
35426
35616
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
35427
|
-
word-break: break-word;
|
|
35428
35617
|
counter-increment: wizard-nav-count;
|
|
35429
35618
|
background-color: transparent;
|
|
35430
35619
|
border: none;
|
|
@@ -35529,10 +35718,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35529
35718
|
|
|
35530
35719
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
35531
35720
|
display: inline-block;
|
|
35721
|
+
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35532
35722
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
35533
35723
|
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
35534
35724
|
transition-property: transform;
|
|
35535
|
-
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35536
35725
|
}
|
|
35537
35726
|
|
|
35538
35727
|
.pf-v6-c-wizard__main {
|
|
@@ -35542,7 +35731,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35542
35731
|
flex-direction: column;
|
|
35543
35732
|
overflow-x: hidden;
|
|
35544
35733
|
overflow-y: auto;
|
|
35545
|
-
|
|
35734
|
+
overflow-wrap: break-word;
|
|
35546
35735
|
}
|
|
35547
35736
|
|
|
35548
35737
|
.pf-v6-c-wizard__main-body {
|
|
@@ -37979,7 +38168,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
37979
38168
|
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
37980
38169
|
}
|
|
37981
38170
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
37982
|
-
|
|
38171
|
+
gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
37983
38172
|
}
|
|
37984
38173
|
.pf-v6-l-gallery {
|
|
37985
38174
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
@@ -38972,7 +39161,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
38972
39161
|
}
|
|
38973
39162
|
}
|
|
38974
39163
|
.pf-v6-l-grid.pf-m-gutter {
|
|
38975
|
-
|
|
39164
|
+
gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
38976
39165
|
}
|
|
38977
39166
|
|
|
38978
39167
|
.pf-v6-l-level {
|