@patternfly/patternfly 6.6.0-prerelease.1 → 6.6.0-prerelease.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/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/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 +337 -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 +402 -217
- package/patternfly.css +402 -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
|
}
|
|
@@ -15191,9 +15344,9 @@ ul) {
|
|
|
15191
15344
|
max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
|
|
15192
15345
|
margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
|
|
15193
15346
|
overflow: auto;
|
|
15347
|
+
outline-offset: 2px;
|
|
15194
15348
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
15195
15349
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
15196
|
-
outline-offset: 2px;
|
|
15197
15350
|
}
|
|
15198
15351
|
|
|
15199
15352
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -15229,25 +15382,25 @@ ul) {
|
|
|
15229
15382
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
15230
15383
|
}
|
|
15231
15384
|
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expandable > .pf-v6-c-dual-list-selector__list {
|
|
15232
|
-
max-height: 0;
|
|
15233
15385
|
visibility: hidden;
|
|
15386
|
+
max-height: 0;
|
|
15234
15387
|
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
15388
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15235
15389
|
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
|
15236
15390
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
15237
15391
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
|
15238
15392
|
transition-property: opacity, translate, visibility, max-height;
|
|
15239
|
-
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
15240
15393
|
}
|
|
15241
15394
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
15242
15395
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: var(--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate);
|
|
15243
15396
|
}
|
|
15244
15397
|
.pf-v6-c-dual-list-selector.pf-m-animate-expand .pf-v6-c-dual-list-selector__list-item.pf-m-expanded > .pf-v6-c-dual-list-selector__list {
|
|
15245
|
-
max-height: 99999px;
|
|
15246
15398
|
visibility: revert;
|
|
15399
|
+
max-height: 99999px;
|
|
15247
15400
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
15401
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
15248
15402
|
transition-delay: 0s;
|
|
15249
15403
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
15250
|
-
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
15251
15404
|
}
|
|
15252
15405
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
15253
15406
|
--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 +15535,10 @@ ul) {
|
|
|
15382
15535
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
15383
15536
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
15384
15537
|
text-align: center;
|
|
15538
|
+
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15385
15539
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
15386
15540
|
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
15387
15541
|
transition-property: transform;
|
|
15388
|
-
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
15389
15542
|
}
|
|
15390
15543
|
|
|
15391
15544
|
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
@@ -16170,6 +16323,7 @@ ul) {
|
|
|
16170
16323
|
.pf-v6-c-drawer__panel {
|
|
16171
16324
|
position: relative;
|
|
16172
16325
|
z-index: var(--pf-v6-c-drawer__panel--ZIndex);
|
|
16326
|
+
visibility: hidden;
|
|
16173
16327
|
flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
|
|
16174
16328
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
16175
16329
|
order: 1;
|
|
@@ -16177,7 +16331,6 @@ ul) {
|
|
|
16177
16331
|
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
16178
16332
|
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
16179
16333
|
overflow: auto;
|
|
16180
|
-
visibility: hidden;
|
|
16181
16334
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
16182
16335
|
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
16183
16336
|
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
@@ -16287,8 +16440,8 @@ ul) {
|
|
|
16287
16440
|
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
16288
16441
|
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
16289
16442
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
16290
|
-
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16291
16443
|
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
16444
|
+
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
16292
16445
|
}
|
|
16293
16446
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
16294
16447
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -17078,8 +17231,8 @@ ul) {
|
|
|
17078
17231
|
display: inline-block;
|
|
17079
17232
|
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
17080
17233
|
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
17081
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
17082
17234
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
17235
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
17083
17236
|
}
|
|
17084
17237
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
17085
17238
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
@@ -17094,15 +17247,15 @@ ul) {
|
|
|
17094
17247
|
display: revert;
|
|
17095
17248
|
}
|
|
17096
17249
|
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
17250
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
17097
17251
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
17098
17252
|
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
17099
|
-
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
17100
17253
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
17254
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
17101
17255
|
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
17102
17256
|
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
17103
17257
|
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
17104
17258
|
transition-property: opacity, translate, visibility, max-height;
|
|
17105
|
-
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
17106
17259
|
}
|
|
17107
17260
|
|
|
17108
17261
|
.pf-v6-c-file-upload {
|
|
@@ -17273,7 +17426,7 @@ ul) {
|
|
|
17273
17426
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
|
|
17274
17427
|
display: grid;
|
|
17275
17428
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17276
|
-
|
|
17429
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17277
17430
|
}
|
|
17278
17431
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
|
|
17279
17432
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17301,7 +17454,7 @@ ul) {
|
|
|
17301
17454
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
|
|
17302
17455
|
display: grid;
|
|
17303
17456
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17304
|
-
|
|
17457
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17305
17458
|
}
|
|
17306
17459
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
|
|
17307
17460
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17329,7 +17482,7 @@ ul) {
|
|
|
17329
17482
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
|
|
17330
17483
|
display: grid;
|
|
17331
17484
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17332
|
-
|
|
17485
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17333
17486
|
}
|
|
17334
17487
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
|
|
17335
17488
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17357,7 +17510,7 @@ ul) {
|
|
|
17357
17510
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
|
|
17358
17511
|
display: grid;
|
|
17359
17512
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17360
|
-
|
|
17513
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17361
17514
|
}
|
|
17362
17515
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
|
|
17363
17516
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17385,7 +17538,7 @@ ul) {
|
|
|
17385
17538
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
|
|
17386
17539
|
display: grid;
|
|
17387
17540
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17388
|
-
|
|
17541
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17389
17542
|
}
|
|
17390
17543
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
|
|
17391
17544
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17413,7 +17566,7 @@ ul) {
|
|
|
17413
17566
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
|
|
17414
17567
|
display: grid;
|
|
17415
17568
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17416
|
-
|
|
17569
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17417
17570
|
}
|
|
17418
17571
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
|
|
17419
17572
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17441,7 +17594,7 @@ ul) {
|
|
|
17441
17594
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
|
|
17442
17595
|
display: grid;
|
|
17443
17596
|
grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
|
|
17444
|
-
|
|
17597
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
17445
17598
|
}
|
|
17446
17599
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
|
|
17447
17600
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -17614,14 +17767,14 @@ ul) {
|
|
|
17614
17767
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
17615
17768
|
}
|
|
17616
17769
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17770
|
+
visibility: visible;
|
|
17617
17771
|
max-height: 99999px;
|
|
17618
17772
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
17619
17773
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17620
|
-
visibility: visible;
|
|
17621
17774
|
opacity: 1;
|
|
17775
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17622
17776
|
transition-delay: 0s;
|
|
17623
17777
|
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
17624
|
-
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
17625
17778
|
}
|
|
17626
17779
|
|
|
17627
17780
|
.pf-v6-c-form__field-group-toggle {
|
|
@@ -17643,10 +17796,10 @@ ul) {
|
|
|
17643
17796
|
display: inline-block;
|
|
17644
17797
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
17645
17798
|
text-align: center;
|
|
17799
|
+
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17646
17800
|
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
17647
17801
|
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
17648
17802
|
transition-property: transform;
|
|
17649
|
-
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
17650
17803
|
}
|
|
17651
17804
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
17652
17805
|
scale: -1 1;
|
|
@@ -17695,15 +17848,15 @@ ul) {
|
|
|
17695
17848
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
17696
17849
|
}
|
|
17697
17850
|
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
17851
|
+
visibility: hidden;
|
|
17698
17852
|
max-height: 0;
|
|
17699
17853
|
padding-block-start: 0;
|
|
17700
17854
|
padding-block-end: 0;
|
|
17701
|
-
visibility: hidden;
|
|
17702
17855
|
opacity: 0;
|
|
17856
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
17703
17857
|
transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
|
|
17704
17858
|
transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
|
|
17705
17859
|
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
17860
|
}
|
|
17708
17861
|
|
|
17709
17862
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
@@ -17863,10 +18016,10 @@ ul) {
|
|
|
17863
18016
|
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
17864
18017
|
color: var(--pf-v6-c-form-control--Color);
|
|
17865
18018
|
appearance: none;
|
|
18019
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17866
18020
|
background-color: transparent;
|
|
17867
18021
|
border: none;
|
|
17868
18022
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
17869
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
17870
18023
|
}
|
|
17871
18024
|
.pf-v6-c-form-control > ::placeholder {
|
|
17872
18025
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
@@ -18232,8 +18385,8 @@ ul) {
|
|
|
18232
18385
|
:where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
|
|
18233
18386
|
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
18234
18387
|
--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
18388
|
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
18389
|
+
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
18237
18390
|
}
|
|
18238
18391
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
18239
18392
|
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
@@ -18269,7 +18422,7 @@ ul) {
|
|
|
18269
18422
|
.pf-v6-c-hint {
|
|
18270
18423
|
display: grid;
|
|
18271
18424
|
grid-template-columns: 1fr auto;
|
|
18272
|
-
|
|
18425
|
+
row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
18273
18426
|
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
18274
18427
|
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
18275
18428
|
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
@@ -18717,20 +18870,20 @@ ul) {
|
|
|
18717
18870
|
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
18718
18871
|
}
|
|
18719
18872
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
|
|
18873
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
18720
18874
|
flex-grow: 1;
|
|
18721
18875
|
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
18876
|
opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
|
|
18877
|
+
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
18878
|
+
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
18724
18879
|
transition-delay: 0s, 0s, var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
18725
18880
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
|
18726
18881
|
transition-duration: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--slide), 0s, 0s;
|
|
18727
18882
|
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
18883
|
}
|
|
18731
18884
|
.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
18885
|
visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
|
|
18886
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
18734
18887
|
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
|
18735
18888
|
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
18736
18889
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
|
@@ -18738,8 +18891,8 @@ ul) {
|
|
|
18738
18891
|
transition-property: opacity, visibility, max-width;
|
|
18739
18892
|
}
|
|
18740
18893
|
.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
18894
|
visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
|
|
18895
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
18743
18896
|
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
|
18744
18897
|
transition-delay: 0s, var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade), var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
18745
18898
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
|
@@ -19066,10 +19219,10 @@ label.pf-v6-c-input-group__text {
|
|
|
19066
19219
|
.pf-v6-c-jump-links__toggle-icon {
|
|
19067
19220
|
display: inline-block;
|
|
19068
19221
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
19222
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
19069
19223
|
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
19070
19224
|
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
19071
19225
|
transition-property: transform;
|
|
19072
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
19073
19226
|
}
|
|
19074
19227
|
|
|
19075
19228
|
.pf-v6-c-label {
|
|
@@ -19282,9 +19435,9 @@ label.pf-v6-c-input-group__text {
|
|
|
19282
19435
|
font-size: var(--pf-v6-c-label--FontSize);
|
|
19283
19436
|
white-space: nowrap;
|
|
19284
19437
|
background: transparent;
|
|
19285
|
-
isolation: isolate;
|
|
19286
19438
|
border: 0;
|
|
19287
19439
|
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
19440
|
+
isolation: isolate;
|
|
19288
19441
|
}
|
|
19289
19442
|
.pf-v6-c-label.pf-m-blue {
|
|
19290
19443
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
|
@@ -19942,7 +20095,7 @@ ul.pf-v6-c-list {
|
|
|
19942
20095
|
display: grid;
|
|
19943
20096
|
grid-template-areas: "main header" "main footer" "main .";
|
|
19944
20097
|
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
19945
|
-
|
|
20098
|
+
column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
19946
20099
|
justify-content: center;
|
|
19947
20100
|
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
19948
20101
|
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
@@ -19968,10 +20121,10 @@ ul.pf-v6-c-list {
|
|
|
19968
20121
|
align-self: start;
|
|
19969
20122
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
19970
20123
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
19971
|
-
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19972
20124
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
19973
20125
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
19974
20126
|
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
20127
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
19975
20128
|
}
|
|
19976
20129
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
19977
20130
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -20078,7 +20231,7 @@ ul.pf-v6-c-list {
|
|
|
20078
20231
|
--pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
|
|
20079
20232
|
--pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
20080
20233
|
--pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
|
|
20081
|
-
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--
|
|
20234
|
+
--pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
|
|
20082
20235
|
--pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
|
|
20083
20236
|
--pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
20084
20237
|
--pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
|
|
@@ -20315,9 +20468,9 @@ ul.pf-v6-c-list {
|
|
|
20315
20468
|
}
|
|
20316
20469
|
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
20317
20470
|
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
20318
|
-
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20319
20471
|
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
20320
20472
|
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
20473
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
20321
20474
|
}
|
|
20322
20475
|
|
|
20323
20476
|
.pf-v6-c-masthead__main {
|
|
@@ -21026,8 +21179,8 @@ ul.pf-v6-c-list {
|
|
|
21026
21179
|
}
|
|
21027
21180
|
|
|
21028
21181
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
|
|
21029
|
-
overflow: hidden;
|
|
21030
21182
|
visibility: visible;
|
|
21183
|
+
overflow: hidden;
|
|
21031
21184
|
transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
|
|
21032
21185
|
}
|
|
21033
21186
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
|
|
@@ -21053,8 +21206,8 @@ ul.pf-v6-c-list {
|
|
|
21053
21206
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21054
21207
|
}
|
|
21055
21208
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
|
|
21056
|
-
overflow: visible;
|
|
21057
21209
|
visibility: hidden;
|
|
21210
|
+
overflow: visible;
|
|
21058
21211
|
}
|
|
21059
21212
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
|
|
21060
21213
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-menu__list-item:not(.pf-m-current-path) {
|
|
@@ -21195,10 +21348,10 @@ ul.pf-v6-c-list {
|
|
|
21195
21348
|
color: var(--pf-v6-c-menu__item--Color);
|
|
21196
21349
|
text-align: start;
|
|
21197
21350
|
text-decoration-line: none;
|
|
21351
|
+
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21198
21352
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
21199
21353
|
border: 0;
|
|
21200
21354
|
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
21201
|
-
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
21202
21355
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
21203
21356
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
21204
21357
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
@@ -21292,7 +21445,7 @@ ul.pf-v6-c-list {
|
|
|
21292
21445
|
.pf-v6-c-menu__item-description {
|
|
21293
21446
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
21294
21447
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
21295
|
-
|
|
21448
|
+
overflow-wrap: break-word;
|
|
21296
21449
|
}
|
|
21297
21450
|
|
|
21298
21451
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -21709,6 +21862,9 @@ ul.pf-v6-c-list {
|
|
|
21709
21862
|
justify-content: flex-start;
|
|
21710
21863
|
width: 100%;
|
|
21711
21864
|
}
|
|
21865
|
+
.pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
|
|
21866
|
+
min-width: 1lh;
|
|
21867
|
+
}
|
|
21712
21868
|
@media (min-width: 62rem) {
|
|
21713
21869
|
.pf-v6-c-menu-toggle.pf-m-docked {
|
|
21714
21870
|
justify-content: center;
|
|
@@ -21875,10 +22031,10 @@ ul.pf-v6-c-list {
|
|
|
21875
22031
|
|
|
21876
22032
|
.pf-v6-c-menu-toggle__icon {
|
|
21877
22033
|
flex-shrink: 0;
|
|
22034
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21878
22035
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
21879
22036
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
21880
22037
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
21881
|
-
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
21882
22038
|
}
|
|
21883
22039
|
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
21884
22040
|
vertical-align: middle;
|
|
@@ -22086,7 +22242,7 @@ ul.pf-v6-c-list {
|
|
|
22086
22242
|
overflow-x: hidden;
|
|
22087
22243
|
overflow-y: auto;
|
|
22088
22244
|
overscroll-behavior: contain;
|
|
22089
|
-
|
|
22245
|
+
overflow-wrap: break-word;
|
|
22090
22246
|
-webkit-overflow-scrolling: touch;
|
|
22091
22247
|
}
|
|
22092
22248
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -22535,17 +22691,17 @@ ul.pf-v6-c-list {
|
|
|
22535
22691
|
|
|
22536
22692
|
.pf-v6-c-nav__subnav {
|
|
22537
22693
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
22694
|
+
visibility: visible;
|
|
22538
22695
|
max-height: 99999px;
|
|
22539
22696
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
22540
22697
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
22541
22698
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
22542
22699
|
overflow-y: clip;
|
|
22543
|
-
|
|
22700
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22544
22701
|
transition-delay: 0s, 0s, var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s), var(--pf-v6-c-nav__subnav--TransitionDelay--expand--focus, 0s);
|
|
22545
22702
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
22546
22703
|
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
22547
22704
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
22548
|
-
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
22549
22705
|
}
|
|
22550
22706
|
.pf-v6-c-nav__subnav[hidden] {
|
|
22551
22707
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
@@ -22555,8 +22711,8 @@ ul.pf-v6-c-list {
|
|
|
22555
22711
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
22556
22712
|
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
22557
22713
|
display: grid;
|
|
22558
|
-
max-height: 0;
|
|
22559
22714
|
visibility: hidden;
|
|
22715
|
+
max-height: 0;
|
|
22560
22716
|
opacity: 0;
|
|
22561
22717
|
}
|
|
22562
22718
|
|
|
@@ -22574,10 +22730,10 @@ ul.pf-v6-c-list {
|
|
|
22574
22730
|
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
22575
22731
|
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
22576
22732
|
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
22733
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22577
22734
|
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
22578
22735
|
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
22579
22736
|
transition-property: scale;
|
|
22580
|
-
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
22581
22737
|
}
|
|
22582
22738
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
22583
22739
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
@@ -22665,10 +22821,10 @@ ul.pf-v6-c-list {
|
|
|
22665
22821
|
|
|
22666
22822
|
.pf-v6-c-nav__toggle-icon {
|
|
22667
22823
|
display: inline-block;
|
|
22824
|
+
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22668
22825
|
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
22669
22826
|
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
22670
22827
|
transition-property: transform;
|
|
22671
|
-
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
22672
22828
|
}
|
|
22673
22829
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
22674
22830
|
scale: -1 1;
|
|
@@ -22901,9 +23057,9 @@ ul.pf-v6-c-list {
|
|
|
22901
23057
|
padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
|
|
22902
23058
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
22903
23059
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
23060
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22904
23061
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
22905
23062
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
22906
|
-
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
22907
23063
|
}
|
|
22908
23064
|
.pf-v6-c-notification-drawer__list-item::before {
|
|
22909
23065
|
position: absolute;
|
|
@@ -22960,7 +23116,7 @@ ul.pf-v6-c-list {
|
|
|
22960
23116
|
|
|
22961
23117
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
22962
23118
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
22963
|
-
|
|
23119
|
+
overflow-wrap: break-word;
|
|
22964
23120
|
}
|
|
22965
23121
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
22966
23122
|
display: -webkit-box;
|
|
@@ -22982,7 +23138,7 @@ ul.pf-v6-c-list {
|
|
|
22982
23138
|
grid-row: 2/3;
|
|
22983
23139
|
grid-column: 1/2;
|
|
22984
23140
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
22985
|
-
|
|
23141
|
+
overflow-wrap: break-word;
|
|
22986
23142
|
}
|
|
22987
23143
|
|
|
22988
23144
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -23013,9 +23169,9 @@ ul.pf-v6-c-list {
|
|
|
23013
23169
|
padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
|
|
23014
23170
|
padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
|
|
23015
23171
|
padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
|
|
23172
|
+
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
23016
23173
|
background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
|
|
23017
23174
|
border: none;
|
|
23018
|
-
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
23019
23175
|
}
|
|
23020
23176
|
|
|
23021
23177
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
@@ -23027,7 +23183,7 @@ ul.pf-v6-c-list {
|
|
|
23027
23183
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
23028
23184
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
23029
23185
|
text-align: start;
|
|
23030
|
-
|
|
23186
|
+
overflow-wrap: break-word;
|
|
23031
23187
|
}
|
|
23032
23188
|
|
|
23033
23189
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -23104,11 +23260,6 @@ ul.pf-v6-c-list {
|
|
|
23104
23260
|
.pf-v6-c-page {
|
|
23105
23261
|
--pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
|
|
23106
23262
|
--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
23263
|
--pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
|
|
23113
23264
|
--pf-v6-c-page__dock--Width: 15.625rem;
|
|
23114
23265
|
--pf-v6-c-page__dock--desktop--Width: auto;
|
|
@@ -23127,6 +23278,11 @@ ul.pf-v6-c-list {
|
|
|
23127
23278
|
--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
|
|
23128
23279
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
|
|
23129
23280
|
--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
|
|
23281
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
|
|
23282
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23283
|
+
--pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23284
|
+
--pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23285
|
+
--pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
|
|
23130
23286
|
--pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
|
|
23131
23287
|
--pf-v6-c-page__sidebar--Width--base: 18.125rem;
|
|
23132
23288
|
--pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
|
|
@@ -23297,20 +23453,17 @@ ul.pf-v6-c-list {
|
|
|
23297
23453
|
--pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
|
|
23298
23454
|
--pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
|
|
23299
23455
|
--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
23456
|
--pf-v6-c-page--BackgroundColor--glass: transparent;
|
|
23304
23457
|
--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--
|
|
23458
|
+
--pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23459
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
|
|
23460
|
+
--pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
23308
23461
|
--pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
|
|
23309
23462
|
--pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
|
|
23310
23463
|
--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--
|
|
23464
|
+
--pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
|
|
23465
|
+
--pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
23466
|
+
--pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
|
|
23314
23467
|
--pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
|
|
23315
23468
|
--pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
|
|
23316
23469
|
--pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
|
|
@@ -23321,9 +23474,11 @@ ul.pf-v6-c-list {
|
|
|
23321
23474
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
|
|
23322
23475
|
--pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
|
|
23323
23476
|
--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)
|
|
23477
|
+
--pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23478
|
+
--pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23479
|
+
--pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
|
|
23480
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
|
|
23481
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
|
|
23327
23482
|
}
|
|
23328
23483
|
:where(.pf-v6-theme-glass) .pf-v6-c-page {
|
|
23329
23484
|
--pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
|
|
@@ -23346,6 +23501,8 @@ ul.pf-v6-c-list {
|
|
|
23346
23501
|
--pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
|
|
23347
23502
|
--pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
|
|
23348
23503
|
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
|
|
23504
|
+
--pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
|
|
23505
|
+
--pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
|
|
23349
23506
|
}
|
|
23350
23507
|
@media (min-width: 75rem) {
|
|
23351
23508
|
.pf-v6-c-page {
|
|
@@ -23497,10 +23654,11 @@ ul.pf-v6-c-list {
|
|
|
23497
23654
|
inset-inline-start: 0;
|
|
23498
23655
|
z-index: var(--pf-v6-c-page__dock--ZIndex);
|
|
23499
23656
|
display: flex;
|
|
23657
|
+
visibility: hidden;
|
|
23500
23658
|
flex-direction: column;
|
|
23501
23659
|
grid-area: dock;
|
|
23502
23660
|
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);
|
|
23661
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
|
|
23504
23662
|
translate: -100% 0;
|
|
23505
23663
|
}
|
|
23506
23664
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
|
|
@@ -23509,7 +23667,9 @@ ul.pf-v6-c-list {
|
|
|
23509
23667
|
|
|
23510
23668
|
.pf-v6-c-page__dock.pf-m-expanded {
|
|
23511
23669
|
--pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
|
|
23670
|
+
visibility: visible;
|
|
23512
23671
|
translate: 0;
|
|
23672
|
+
transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
|
|
23513
23673
|
}
|
|
23514
23674
|
@media (min-width: 62rem) {
|
|
23515
23675
|
.pf-v6-c-page__dock {
|
|
@@ -23517,6 +23677,7 @@ ul.pf-v6-c-list {
|
|
|
23517
23677
|
--pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
|
|
23518
23678
|
position: revert;
|
|
23519
23679
|
inset: revert;
|
|
23680
|
+
visibility: revert;
|
|
23520
23681
|
width: auto;
|
|
23521
23682
|
translate: 0;
|
|
23522
23683
|
}
|
|
@@ -23531,9 +23692,9 @@ ul.pf-v6-c-list {
|
|
|
23531
23692
|
.pf-v6-c-page__dock-main {
|
|
23532
23693
|
flex-grow: 1;
|
|
23533
23694
|
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
23534
|
-
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23535
23695
|
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
23536
23696
|
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
23697
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
23537
23698
|
}
|
|
23538
23699
|
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
23539
23700
|
border-inline-end: var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor);
|
|
@@ -23615,10 +23776,10 @@ ul.pf-v6-c-list {
|
|
|
23615
23776
|
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
23616
23777
|
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
23617
23778
|
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
23618
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23619
23779
|
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
23620
23780
|
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
23621
23781
|
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
23782
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
23622
23783
|
}
|
|
23623
23784
|
|
|
23624
23785
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -23984,7 +24145,6 @@ ul.pf-v6-c-list {
|
|
|
23984
24145
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
23985
24146
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
23986
24147
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
23987
|
-
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23988
24148
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
23989
24149
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
23990
24150
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
@@ -23992,6 +24152,7 @@ ul.pf-v6-c-list {
|
|
|
23992
24152
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
23993
24153
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
23994
24154
|
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
24155
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
23995
24156
|
}
|
|
23996
24157
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
23997
24158
|
.pf-v6-c-page__main-container {
|
|
@@ -25016,7 +25177,7 @@ ul.pf-v6-c-list {
|
|
|
25016
25177
|
}
|
|
25017
25178
|
|
|
25018
25179
|
.pf-v6-c-popover__body {
|
|
25019
|
-
|
|
25180
|
+
overflow-wrap: break-word;
|
|
25020
25181
|
}
|
|
25021
25182
|
|
|
25022
25183
|
.pf-v6-c-popover__footer {
|
|
@@ -25061,7 +25222,7 @@ ul.pf-v6-c-list {
|
|
|
25061
25222
|
display: grid;
|
|
25062
25223
|
grid-template-rows: 1fr auto;
|
|
25063
25224
|
grid-template-columns: auto auto;
|
|
25064
|
-
|
|
25225
|
+
gap: var(--pf-v6-c-progress--GridGap);
|
|
25065
25226
|
align-items: end;
|
|
25066
25227
|
}
|
|
25067
25228
|
.pf-v6-c-progress.pf-m-sm {
|
|
@@ -25155,7 +25316,7 @@ ul.pf-v6-c-list {
|
|
|
25155
25316
|
|
|
25156
25317
|
.pf-v6-c-progress__description {
|
|
25157
25318
|
grid-column: 1/2;
|
|
25158
|
-
|
|
25319
|
+
overflow-wrap: break-word;
|
|
25159
25320
|
}
|
|
25160
25321
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
25161
25322
|
overflow: hidden;
|
|
@@ -25171,7 +25332,7 @@ ul.pf-v6-c-list {
|
|
|
25171
25332
|
align-items: flex-start;
|
|
25172
25333
|
justify-content: flex-end;
|
|
25173
25334
|
text-align: end;
|
|
25174
|
-
|
|
25335
|
+
overflow-wrap: break-word;
|
|
25175
25336
|
}
|
|
25176
25337
|
|
|
25177
25338
|
.pf-v6-c-progress__status-icon {
|
|
@@ -25434,9 +25595,9 @@ ul.pf-v6-c-list {
|
|
|
25434
25595
|
inset-block-start: 0;
|
|
25435
25596
|
inset-inline-start: 0;
|
|
25436
25597
|
overflow: hidden;
|
|
25437
|
-
clip: rect(0, 0, 0, 0);
|
|
25438
25598
|
white-space: nowrap;
|
|
25439
25599
|
border: 0;
|
|
25600
|
+
clip-path: inset(50%);
|
|
25440
25601
|
}
|
|
25441
25602
|
.pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
|
|
25442
25603
|
grid-row: 1/2;
|
|
@@ -25858,7 +26019,7 @@ ul.pf-v6-c-list {
|
|
|
25858
26019
|
.pf-v6-c-radio {
|
|
25859
26020
|
display: grid;
|
|
25860
26021
|
grid-template-columns: auto 1fr;
|
|
25861
|
-
|
|
26022
|
+
gap: var(--pf-v6-c-radio--GridGap);
|
|
25862
26023
|
align-items: baseline;
|
|
25863
26024
|
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
25864
26025
|
}
|
|
@@ -26089,6 +26250,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26089
26250
|
--pf-v6-c-sidebar__panel--Position: static;
|
|
26090
26251
|
--pf-v6-c-sidebar__panel--InsetBlockStart: auto;
|
|
26091
26252
|
}
|
|
26253
|
+
.pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
|
|
26254
|
+
--pf-v6-c-sidebar__panel--BackgroundColor: transparent;
|
|
26255
|
+
}
|
|
26092
26256
|
.pf-v6-c-sidebar__panel.pf-m-secondary {
|
|
26093
26257
|
--pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
|
|
26094
26258
|
}
|
|
@@ -26108,7 +26272,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26108
26272
|
--pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
|
|
26109
26273
|
--pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
|
|
26110
26274
|
}
|
|
26111
|
-
.pf-v6-c-sidebar__content.pf-m-no-background {
|
|
26275
|
+
.pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
|
|
26112
26276
|
--pf-v6-c-sidebar__content--BackgroundColor: transparent;
|
|
26113
26277
|
}
|
|
26114
26278
|
.pf-v6-c-sidebar__content.pf-m-secondary {
|
|
@@ -26121,12 +26285,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26121
26285
|
--pf-v6-c-sidebar__content--Order: -1;
|
|
26122
26286
|
}
|
|
26123
26287
|
|
|
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
26288
|
.pf-v6-c-sidebar__panel.pf-m-width-default {
|
|
26131
26289
|
--pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
|
|
26132
26290
|
}
|
|
@@ -26853,10 +27011,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
26853
27011
|
width: 100%;
|
|
26854
27012
|
height: 100%;
|
|
26855
27013
|
stroke: var(--pf-v6-c-spinner--Color);
|
|
27014
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
27015
|
+
stroke-linecap: round;
|
|
26856
27016
|
stroke-dasharray: 283;
|
|
26857
27017
|
stroke-dashoffset: 280;
|
|
26858
|
-
stroke-linecap: round;
|
|
26859
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
26860
27018
|
transform-origin: 50% 50%;
|
|
26861
27019
|
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
26862
27020
|
}
|
|
@@ -27016,8 +27174,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
27016
27174
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
27017
27175
|
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
27018
27176
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
27019
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
27020
27177
|
transform: translateY(-50%);
|
|
27178
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
27021
27179
|
}
|
|
27022
27180
|
.pf-v6-c-switch__toggle::after {
|
|
27023
27181
|
position: absolute;
|
|
@@ -28875,6 +29033,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28875
29033
|
--pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
|
|
28876
29034
|
--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
|
|
28877
29035
|
--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
|
|
29036
|
+
--pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
|
|
29037
|
+
--pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
|
|
28878
29038
|
}
|
|
28879
29039
|
:where(.pf-v6-theme-glass) .pf-v6-c-table {
|
|
28880
29040
|
--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
|
|
@@ -28944,6 +29104,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
28944
29104
|
.pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
|
|
28945
29105
|
--pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
|
|
28946
29106
|
}
|
|
29107
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
|
|
29108
|
+
position: sticky;
|
|
29109
|
+
inset-block-end: 0;
|
|
29110
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
|
|
29111
|
+
background: var(--pf-v6-c-table--BackgroundColor);
|
|
29112
|
+
}
|
|
29113
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
|
|
29114
|
+
position: absolute;
|
|
29115
|
+
inset: 0;
|
|
29116
|
+
z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
|
|
29117
|
+
pointer-events: none;
|
|
29118
|
+
content: "";
|
|
29119
|
+
border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
29120
|
+
}
|
|
29121
|
+
.pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
|
|
29122
|
+
border-block-end: 0;
|
|
29123
|
+
}
|
|
29124
|
+
.pf-v6-c-table.pf-m-plain {
|
|
29125
|
+
--pf-v6-c-table--BackgroundColor: transparent;
|
|
29126
|
+
}
|
|
28947
29127
|
.pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
|
|
28948
29128
|
.pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
|
|
28949
29129
|
.pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
|
|
@@ -29014,11 +29194,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29014
29194
|
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
29015
29195
|
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
29016
29196
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29197
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29017
29198
|
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
29018
29199
|
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
29019
29200
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29020
29201
|
color: var(--pf-v6-c-table--cell--Color);
|
|
29021
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29022
29202
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
29023
29203
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
29024
29204
|
}
|
|
@@ -29124,24 +29304,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29124
29304
|
}
|
|
29125
29305
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
|
|
29126
29306
|
cursor: pointer;
|
|
29127
|
-
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
29128
29307
|
outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
|
|
29308
|
+
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
29129
29309
|
}
|
|
29130
29310
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
|
|
29131
29311
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
29132
29312
|
}
|
|
29133
29313
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
|
|
29134
29314
|
position: relative;
|
|
29135
|
-
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
29136
29315
|
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
|
|
29316
|
+
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
29137
29317
|
}
|
|
29138
29318
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
|
|
29139
29319
|
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
|
|
29140
29320
|
}
|
|
29141
29321
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
|
|
29142
29322
|
cursor: pointer;
|
|
29143
|
-
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
29144
29323
|
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
|
|
29324
|
+
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
29145
29325
|
}
|
|
29146
29326
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
|
|
29147
29327
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
@@ -29150,8 +29330,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29150
29330
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
|
|
29151
29331
|
}
|
|
29152
29332
|
.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
29333
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
|
29334
|
+
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
29155
29335
|
}
|
|
29156
29336
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected .pf-v6-c-table__tr.pf-m-expanded:not(.pf-v6-c-table__expandable-row) {
|
|
29157
29337
|
border: none;
|
|
@@ -29176,11 +29356,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29176
29356
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
29177
29357
|
visibility: hidden;
|
|
29178
29358
|
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
29359
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29179
29360
|
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
29180
29361
|
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
29181
29362
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
|
|
29182
29363
|
transition-property: opacity, translate, visibility, background-color;
|
|
29183
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
29184
29364
|
}
|
|
29185
29365
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
29186
29366
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
@@ -29188,9 +29368,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29188
29368
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
29189
29369
|
visibility: visible;
|
|
29190
29370
|
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
29371
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
29191
29372
|
transition-delay: 0s;
|
|
29192
29373
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
29193
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
29194
29374
|
}
|
|
29195
29375
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded > :is(.pf-v6-c-table__td, .pf-v6-c-table__th) > .pf-v6-c-table__expandable-row-content {
|
|
29196
29376
|
max-height: 99999px;
|
|
@@ -29256,8 +29436,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29256
29436
|
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
29257
29437
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
29258
29438
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
29259
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29260
29439
|
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
29440
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
29261
29441
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
29262
29442
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
29263
29443
|
}
|
|
@@ -29286,10 +29466,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29286
29466
|
text-align: start;
|
|
29287
29467
|
white-space: inherit;
|
|
29288
29468
|
user-select: text;
|
|
29469
|
+
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29289
29470
|
background-color: var(--pf-v6-c-table__button--BackgroundColor);
|
|
29290
29471
|
border: 0;
|
|
29291
29472
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
29292
|
-
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
29293
29473
|
}
|
|
29294
29474
|
.pf-v6-c-table__button::after {
|
|
29295
29475
|
position: absolute;
|
|
@@ -29383,10 +29563,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
29383
29563
|
}
|
|
29384
29564
|
|
|
29385
29565
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
29566
|
+
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29386
29567
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
29387
29568
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
29388
29569
|
transition-property: transform;
|
|
29389
|
-
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
29390
29570
|
}
|
|
29391
29571
|
.pf-v6-c-table__toggle svg {
|
|
29392
29572
|
pointer-events: none;
|
|
@@ -29678,6 +29858,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29678
29858
|
border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
|
|
29679
29859
|
}
|
|
29680
29860
|
|
|
29861
|
+
.pf-v6-c-table__tfoot {
|
|
29862
|
+
--pf-v6-c-table__tr--BorderBlockEndWidth: 0;
|
|
29863
|
+
vertical-align: top;
|
|
29864
|
+
}
|
|
29865
|
+
|
|
29681
29866
|
.pf-v6-c-table__icon-inline {
|
|
29682
29867
|
display: flex;
|
|
29683
29868
|
align-items: center;
|
|
@@ -29942,8 +30127,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29942
30127
|
}
|
|
29943
30128
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
29944
30129
|
position: relative;
|
|
29945
|
-
border: none;
|
|
29946
30130
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30131
|
+
border: none;
|
|
29947
30132
|
}
|
|
29948
30133
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
29949
30134
|
position: absolute;
|
|
@@ -29981,7 +30166,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
29981
30166
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
29982
30167
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
29983
30168
|
grid-column: 1;
|
|
29984
|
-
|
|
30169
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
29985
30170
|
align-items: start;
|
|
29986
30171
|
}
|
|
29987
30172
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30084,8 +30269,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30084
30269
|
}
|
|
30085
30270
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30086
30271
|
position: relative;
|
|
30087
|
-
border: none;
|
|
30088
30272
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30273
|
+
border: none;
|
|
30089
30274
|
}
|
|
30090
30275
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
30091
30276
|
position: absolute;
|
|
@@ -30123,7 +30308,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30123
30308
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30124
30309
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30125
30310
|
grid-column: 1;
|
|
30126
|
-
|
|
30311
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30127
30312
|
align-items: start;
|
|
30128
30313
|
}
|
|
30129
30314
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30227,8 +30412,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30227
30412
|
}
|
|
30228
30413
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30229
30414
|
position: relative;
|
|
30230
|
-
border: none;
|
|
30231
30415
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30416
|
+
border: none;
|
|
30232
30417
|
}
|
|
30233
30418
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
30234
30419
|
position: absolute;
|
|
@@ -30266,7 +30451,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30266
30451
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30267
30452
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30268
30453
|
grid-column: 1;
|
|
30269
|
-
|
|
30454
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30270
30455
|
align-items: start;
|
|
30271
30456
|
}
|
|
30272
30457
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30370,8 +30555,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30370
30555
|
}
|
|
30371
30556
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30372
30557
|
position: relative;
|
|
30373
|
-
border: none;
|
|
30374
30558
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30559
|
+
border: none;
|
|
30375
30560
|
}
|
|
30376
30561
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
30377
30562
|
position: absolute;
|
|
@@ -30409,7 +30594,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30409
30594
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30410
30595
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30411
30596
|
grid-column: 1;
|
|
30412
|
-
|
|
30597
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30413
30598
|
align-items: start;
|
|
30414
30599
|
}
|
|
30415
30600
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -30513,8 +30698,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30513
30698
|
}
|
|
30514
30699
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
30515
30700
|
position: relative;
|
|
30516
|
-
border: none;
|
|
30517
30701
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
30702
|
+
border: none;
|
|
30518
30703
|
}
|
|
30519
30704
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
30520
30705
|
position: absolute;
|
|
@@ -30552,7 +30737,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
30552
30737
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
30553
30738
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
30554
30739
|
grid-column: 1;
|
|
30555
|
-
|
|
30740
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
30556
30741
|
align-items: start;
|
|
30557
30742
|
}
|
|
30558
30743
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -31105,8 +31290,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31105
31290
|
|
|
31106
31291
|
.pf-v6-c-tabs__toggle-icon {
|
|
31107
31292
|
display: inline-block;
|
|
31108
|
-
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
31109
31293
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
31294
|
+
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
31110
31295
|
}
|
|
31111
31296
|
|
|
31112
31297
|
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
@@ -31270,8 +31455,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31270
31455
|
align-self: end;
|
|
31271
31456
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
31272
31457
|
color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
|
|
31273
|
-
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31274
31458
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
31459
|
+
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
31275
31460
|
}
|
|
31276
31461
|
|
|
31277
31462
|
.pf-v6-c-tabs__item-action {
|
|
@@ -31534,10 +31719,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31534
31719
|
border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
|
|
31535
31720
|
border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
|
|
31536
31721
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
31722
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31537
31723
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
31538
31724
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
31539
31725
|
transition-property: width, height, translate;
|
|
31540
|
-
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
31541
31726
|
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
31542
31727
|
}
|
|
31543
31728
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-tabs.pf-m-animate-current:not(.pf-m-box) .pf-v6-c-tabs__list::after {
|
|
@@ -31743,9 +31928,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31743
31928
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
31744
31929
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
31745
31930
|
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
31931
|
+
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31746
31932
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
31747
31933
|
border: 0;
|
|
31748
|
-
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
31749
31934
|
}
|
|
31750
31935
|
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
31751
31936
|
grid-area: text-input;
|
|
@@ -31953,7 +32138,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
31953
32138
|
|
|
31954
32139
|
.pf-v6-c-title {
|
|
31955
32140
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
31956
|
-
|
|
32141
|
+
overflow-wrap: break-word;
|
|
31957
32142
|
}
|
|
31958
32143
|
.pf-v6-c-title.pf-m-4xl {
|
|
31959
32144
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -32736,10 +32921,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
32736
32921
|
|
|
32737
32922
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
32738
32923
|
display: inline-flex;
|
|
32924
|
+
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32739
32925
|
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
32740
32926
|
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
32741
32927
|
transition-property: transform;
|
|
32742
|
-
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
32743
32928
|
}
|
|
32744
32929
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
32745
32930
|
scale: -1 1;
|
|
@@ -34375,7 +34560,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34375
34560
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
34376
34561
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
34377
34562
|
text-align: center;
|
|
34378
|
-
|
|
34563
|
+
overflow-wrap: break-word;
|
|
34379
34564
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
34380
34565
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
34381
34566
|
}
|
|
@@ -34757,19 +34942,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34757
34942
|
display: inline-block;
|
|
34758
34943
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
34759
34944
|
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
34945
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
34946
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
34762
34947
|
}
|
|
34763
34948
|
|
|
34764
34949
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
34765
|
-
max-height: 0;
|
|
34766
34950
|
visibility: hidden;
|
|
34951
|
+
max-height: 0;
|
|
34767
34952
|
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
34953
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34768
34954
|
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
34769
34955
|
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
34770
34956
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
34771
34957
|
transition-property: opacity, translate, visibility, max-height;
|
|
34772
|
-
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
34773
34958
|
}
|
|
34774
34959
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
34775
34960
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -34780,12 +34965,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
34780
34965
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
34781
34966
|
}
|
|
34782
34967
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
34783
|
-
max-height: 99999px;
|
|
34784
34968
|
visibility: revert;
|
|
34969
|
+
max-height: 99999px;
|
|
34785
34970
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
34971
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
34786
34972
|
transition-delay: 0s;
|
|
34787
34973
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
34788
|
-
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
34789
34974
|
}
|
|
34790
34975
|
|
|
34791
34976
|
.pf-v6-c-tree-view__node,
|
|
@@ -35224,7 +35409,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35224
35409
|
|
|
35225
35410
|
.pf-v6-c-wizard__title {
|
|
35226
35411
|
padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
|
|
35227
|
-
|
|
35412
|
+
overflow-wrap: break-word;
|
|
35228
35413
|
}
|
|
35229
35414
|
|
|
35230
35415
|
.pf-v6-c-wizard__title-text {
|
|
@@ -35287,7 +35472,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35287
35472
|
align-items: baseline;
|
|
35288
35473
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
35289
35474
|
text-align: start;
|
|
35290
|
-
|
|
35475
|
+
overflow-wrap: break-word;
|
|
35291
35476
|
}
|
|
35292
35477
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
35293
35478
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -35423,8 +35608,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35423
35608
|
padding-inline: 0;
|
|
35424
35609
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
35425
35610
|
text-align: start;
|
|
35611
|
+
overflow-wrap: break-word;
|
|
35426
35612
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
35427
|
-
word-break: break-word;
|
|
35428
35613
|
counter-increment: wizard-nav-count;
|
|
35429
35614
|
background-color: transparent;
|
|
35430
35615
|
border: none;
|
|
@@ -35529,10 +35714,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35529
35714
|
|
|
35530
35715
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
35531
35716
|
display: inline-block;
|
|
35717
|
+
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35532
35718
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
35533
35719
|
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
35534
35720
|
transition-property: transform;
|
|
35535
|
-
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
35536
35721
|
}
|
|
35537
35722
|
|
|
35538
35723
|
.pf-v6-c-wizard__main {
|
|
@@ -35542,7 +35727,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
35542
35727
|
flex-direction: column;
|
|
35543
35728
|
overflow-x: hidden;
|
|
35544
35729
|
overflow-y: auto;
|
|
35545
|
-
|
|
35730
|
+
overflow-wrap: break-word;
|
|
35546
35731
|
}
|
|
35547
35732
|
|
|
35548
35733
|
.pf-v6-c-wizard__main-body {
|
|
@@ -37979,7 +38164,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
37979
38164
|
grid-template-columns: var(--pf-v6-l-gallery--GridTemplateColumns);
|
|
37980
38165
|
}
|
|
37981
38166
|
.pf-v6-l-gallery.pf-m-gutter {
|
|
37982
|
-
|
|
38167
|
+
gap: var(--pf-v6-l-gallery--m-gutter--GridGap);
|
|
37983
38168
|
}
|
|
37984
38169
|
.pf-v6-l-gallery {
|
|
37985
38170
|
--pf-v6-l-gallery--GridTemplateColumns--minmax--min: var(--pf-v6-l-gallery--GridTemplateColumns--min);
|
|
@@ -38972,7 +39157,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
38972
39157
|
}
|
|
38973
39158
|
}
|
|
38974
39159
|
.pf-v6-l-grid.pf-m-gutter {
|
|
38975
|
-
|
|
39160
|
+
gap: var(--pf-v6-l-grid--m-gutter--GridGap);
|
|
38976
39161
|
}
|
|
38977
39162
|
|
|
38978
39163
|
.pf-v6-l-level {
|