@patternfly/patternfly 6.6.0-prerelease.1 → 6.6.0-prerelease.2
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/base/normalize.scss +2 -0
- package/base/patternfly-common.css +2 -2
- package/base/patternfly-common.scss +1 -1
- package/base/patternfly-fa-icons.css +3 -3
- package/base/patternfly-fa-icons.scss +3 -3
- package/base/patternfly-variables.css +56 -56
- package/base/reset.scss +2 -0
- package/base/tokens/tokens-charts-dark.scss +1 -1
- package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-charts-highcontrast.scss +1 -1
- package/base/tokens/tokens-charts.scss +1 -1
- package/base/tokens/tokens-dark.scss +9 -9
- package/base/tokens/tokens-default.scss +8 -8
- package/base/tokens/tokens-felt-dark.scss +1 -1
- package/base/tokens/tokens-felt-glass-dark.scss +8 -8
- package/base/tokens/tokens-felt-glass.scss +8 -8
- package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
- package/base/tokens/tokens-felt-highcontrast.scss +1 -1
- package/base/tokens/tokens-felt.scss +1 -1
- package/base/tokens/tokens-glass-dark.scss +8 -8
- package/base/tokens/tokens-glass.scss +8 -8
- package/base/tokens/tokens-highcontrast-dark.scss +8 -8
- package/base/tokens/tokens-highcontrast.scss +7 -7
- package/base/tokens/tokens-palette.scss +1 -1
- package/base/tokens/tokens-redhat-highcontrast.scss +6 -6
- package/components/AboutModalBox/about-modal-box.css +1 -1
- package/components/AboutModalBox/about-modal-box.scss +1 -1
- package/components/Accordion/accordion.css +3 -3
- package/components/Accordion/accordion.scss +3 -3
- package/components/Alert/alert-group.css +1 -1
- package/components/Alert/alert-group.scss +1 -1
- package/components/Alert/alert.css +3 -3
- package/components/Alert/alert.scss +3 -3
- package/components/Breadcrumb/breadcrumb.css +1 -1
- package/components/Breadcrumb/breadcrumb.scss +1 -1
- package/components/Button/button.css +6 -6
- package/components/Button/button.scss +6 -6
- package/components/Card/card.css +2 -2
- package/components/Card/card.scss +3 -3
- package/components/Check/check.css +1 -1
- package/components/Check/check.scss +1 -1
- package/components/ClipboardCopy/clipboard-copy.css +2 -2
- package/components/ClipboardCopy/clipboard-copy.scss +2 -2
- package/components/Compass/compass.css +3 -3
- package/components/Compass/compass.scss +3 -3
- package/components/Content/content.css +2 -2
- package/components/Content/content.scss +2 -2
- package/components/DataList/data-list.css +1 -1
- package/components/DataList/data-list.scss +1 -1
- package/components/DescriptionList/description-list.css +0 -1
- package/components/DescriptionList/description-list.scss +0 -1
- package/components/Drawer/drawer.css +2 -2
- package/components/Drawer/drawer.scss +2 -2
- package/components/DualListSelector/dual-list-selector.css +6 -6
- package/components/DualListSelector/dual-list-selector.scss +6 -6
- package/components/ExpandableSection/expandable-section.css +3 -3
- package/components/ExpandableSection/expandable-section.scss +3 -3
- package/components/Form/form.css +12 -12
- package/components/Form/form.scss +6 -6
- package/components/FormControl/form-control.css +1 -1
- package/components/FormControl/form-control.scss +3 -1
- package/components/Hero/hero.css +1 -1
- package/components/Hero/hero.scss +1 -1
- package/components/Hint/hint.css +1 -1
- package/components/Hint/hint.scss +1 -1
- package/components/InputGroup/input-group.css +5 -5
- package/components/InputGroup/input-group.scss +5 -5
- package/components/JumpLinks/jump-links.css +1 -1
- package/components/JumpLinks/jump-links.scss +1 -1
- package/components/Label/label.css +1 -1
- package/components/Label/label.scss +1 -1
- package/components/Login/login.css +2 -2
- package/components/Login/login.scss +2 -2
- package/components/Masthead/masthead.css +1 -1
- package/components/Masthead/masthead.scss +1 -1
- package/components/Menu/menu.css +4 -4
- package/components/Menu/menu.scss +4 -4
- package/components/MenuToggle/menu-toggle.css +1 -1
- package/components/MenuToggle/menu-toggle.scss +1 -1
- package/components/ModalBox/modal-box.css +1 -1
- package/components/ModalBox/modal-box.scss +1 -1
- package/components/Nav/nav.css +5 -5
- package/components/Nav/nav.scss +5 -5
- package/components/NotificationDrawer/notification-drawer.css +5 -5
- package/components/NotificationDrawer/notification-drawer.scss +5 -5
- package/components/Page/page.css +3 -3
- package/components/Page/page.scss +3 -3
- package/components/Popover/popover.css +1 -1
- package/components/Popover/popover.scss +2 -2
- package/components/Progress/progress.css +3 -3
- package/components/Progress/progress.scss +3 -6
- package/components/ProgressStepper/progress-stepper.css +1 -1
- package/components/Radio/radio.css +1 -1
- package/components/Radio/radio.scss +1 -1
- package/components/Spinner/spinner.css +2 -2
- package/components/Spinner/spinner.scss +2 -2
- package/components/Switch/switch.css +1 -1
- package/components/Switch/switch.scss +1 -1
- package/components/Table/table-tree-view.css +10 -10
- package/components/Table/table-tree-view.scss +2 -2
- package/components/Table/table.css +10 -10
- package/components/Table/table.scss +10 -10
- package/components/Tabs/tabs.css +3 -3
- package/components/Tabs/tabs.scss +3 -3
- package/components/TextInputGroup/text-input-group.css +1 -1
- package/components/TextInputGroup/text-input-group.scss +1 -1
- package/components/Title/title.css +1 -1
- package/components/Title/title.scss +1 -1
- package/components/Toolbar/toolbar.css +1 -1
- package/components/Toolbar/toolbar.scss +1 -1
- package/components/Tooltip/tooltip.css +1 -1
- package/components/Tooltip/tooltip.scss +2 -2
- package/components/TreeView/tree-view.css +5 -5
- package/components/TreeView/tree-view.scss +5 -5
- package/components/Wizard/wizard.css +5 -5
- package/components/Wizard/wizard.scss +5 -5
- package/components/_index.css +127 -128
- package/docs/components/AboutModalBox/examples/AboutModalBox.md +1 -1
- package/docs/components/Accordion/examples/Accordion.md +30 -30
- package/docs/components/ActionList/examples/ActionList.md +11 -11
- package/docs/components/Alert/examples/Alert.md +54 -54
- package/docs/components/BackToTop/examples/BackToTop.md +1 -1
- package/docs/components/Banner/examples/Banner.md +10 -10
- package/docs/components/Breadcrumb/examples/Breadcrumb.md +25 -25
- package/docs/components/Button/examples/Button.md +184 -184
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +16 -16
- package/docs/components/Card/examples/Card.md +14 -14
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +22 -22
- package/docs/components/CodeBlock/examples/CodeBlock.md +8 -8
- package/docs/components/CodeEditor/examples/CodeEditor.md +18 -18
- package/docs/components/DataList/examples/DataList.md +34 -34
- package/docs/components/DatePicker/examples/DatePicker.md +6 -6
- package/docs/components/DescriptionList/examples/DescriptionList.md +25 -25
- package/docs/components/Drawer/examples/Drawer.md +22 -22
- package/docs/components/DualListSelector/examples/DualListSelector.md +89 -89
- package/docs/components/EmptyState/examples/EmptyState.md +6 -6
- package/docs/components/ExpandableSection/examples/ExpandableSection.md +7 -7
- package/docs/components/Form/examples/Form.md +6 -6
- package/docs/components/Hint/examples/Hint.md +3 -3
- package/docs/components/Icon/examples/Icon.md +9 -9
- package/docs/components/InlineEdit/examples/InlineEdit.md +26 -26
- package/docs/components/InputGroup/examples/InputGroup.md +4 -4
- package/docs/components/JumpLinks/examples/JumpLinks.md +4 -4
- package/docs/components/Label/examples/Label.md +218 -218
- package/docs/components/Login/examples/Login.md +4 -4
- package/docs/components/Masthead/examples/masthead.md +1 -1
- package/docs/components/Menu/examples/Menu.md +129 -129
- package/docs/components/MenuToggle/examples/MenuToggle.md +217 -217
- package/docs/components/ModalBox/examples/ModalBox.md +24 -24
- package/docs/components/MultipleFileUpload/examples/MultipleFileUpload.md +12 -12
- package/docs/components/Nav/examples/Navigation.md +66 -66
- package/docs/components/NotificationDrawer/examples/NotificationDrawer.md +83 -83
- package/docs/components/OverflowMenu/examples/overflow-menu.md +11 -11
- package/docs/components/Page/examples/Page.md +1 -1
- package/docs/components/Pagination/examples/Pagination.md +92 -92
- package/docs/components/Popover/examples/Popover.md +22 -22
- package/docs/components/Progress/examples/Progress.md +7 -7
- package/docs/components/ProgressStepper/examples/ProgressStepper.md +21 -21
- package/docs/components/Slider/examples/Slider.md +4 -4
- package/docs/components/Table/examples/Table.md +479 -479
- package/docs/components/Tabs/examples/Tabs.md +378 -378
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +46 -46
- package/docs/components/ToggleGroup/examples/toggle-group.md +15 -15
- package/docs/components/Toolbar/examples/Toolbar.md +117 -117
- package/docs/components/TreeView/examples/TreeView.md +104 -104
- package/docs/components/Wizard/examples/Wizard.md +40 -40
- package/docs/demos/AboutModal/examples/AboutModal.md +9 -9
- package/docs/demos/Alert/examples/Alert.md +32 -32
- package/docs/demos/BackToTop/examples/BackToTop.md +9 -9
- package/docs/demos/Banner/examples/Banner.md +16 -16
- package/docs/demos/Button/examples/Button.md +1 -1
- package/docs/demos/Card/examples/Card.md +78 -78
- package/docs/demos/CardView/examples/CardView.md +38 -38
- package/docs/demos/Compass/examples/Compass.md +219 -219
- package/docs/demos/Dashboard/examples/Dashboard.md +48 -48
- package/docs/demos/DataList/examples/DataList.md +101 -101
- package/docs/demos/DescriptionList/examples/DescriptionList.md +26 -26
- package/docs/demos/Drawer/examples/Drawer.md +40 -40
- package/docs/demos/Form/examples/BasicForms.md +21 -21
- package/docs/demos/JumpLinks/examples/JumpLinks.md +49 -49
- package/docs/demos/Masthead/examples/Masthead.md +57 -57
- package/docs/demos/Modal/examples/Modal.md +54 -54
- package/docs/demos/Nav/examples/Nav.md +93 -93
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +173 -173
- package/docs/demos/Page/examples/Page.md +119 -119
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +142 -142
- package/docs/demos/Skeleton/examples/Skeleton.md +8 -8
- package/docs/demos/Table/examples/Table.md +630 -630
- package/docs/demos/Tabs/examples/Tabs.md +62 -62
- package/docs/demos/Toolbar/examples/Toolbar.md +161 -161
- package/docs/demos/Wizard/examples/Wizard.md +100 -100
- package/layouts/Gallery/gallery.css +1 -1
- package/layouts/Gallery/gallery.scss +1 -1
- package/layouts/Grid/grid.css +1 -1
- package/layouts/Grid/grid.scss +1 -1
- package/layouts/_index.css +2 -2
- package/package.json +11 -12
- package/patternfly-addons.css +12 -12
- package/patternfly-base-no-globals.css +61 -61
- package/patternfly-base.css +61 -61
- package/patternfly-no-globals.css +190 -191
- package/patternfly.css +190 -191
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +2 -2
- package/utilities/Accessibility/accessibility.css +12 -12
- package/utilities/_index.css +12 -12
package/components/_index.css
CHANGED
|
@@ -164,7 +164,7 @@
|
|
|
164
164
|
overflow-x: hidden;
|
|
165
165
|
overflow-y: auto;
|
|
166
166
|
overscroll-behavior: contain;
|
|
167
|
-
|
|
167
|
+
overflow-wrap: break-word;
|
|
168
168
|
-webkit-overflow-scrolling: touch;
|
|
169
169
|
}
|
|
170
170
|
@media screen and (min-width: 36rem) {
|
|
@@ -424,8 +424,8 @@
|
|
|
424
424
|
}
|
|
425
425
|
|
|
426
426
|
.pf-v6-c-accordion__toggle-icon {
|
|
427
|
-
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
428
427
|
transform: rotate(var(--pf-v6-c-accordion__toggle-icon--Rotate));
|
|
428
|
+
transition: var(--pf-v6-c-accordion__toggle-icon--Transition);
|
|
429
429
|
}
|
|
430
430
|
|
|
431
431
|
.pf-v6-c-accordion__expandable-content:where([hidden]) {
|
|
@@ -433,6 +433,7 @@
|
|
|
433
433
|
}
|
|
434
434
|
|
|
435
435
|
.pf-v6-c-accordion__expandable-content {
|
|
436
|
+
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
436
437
|
max-height: var(--pf-v6-c-accordion__expandable-content--MaxHeight);
|
|
437
438
|
margin-block-end: var(--pf-v6-c-accordion__expandable-content--MarginBlockEnd);
|
|
438
439
|
margin-inline-start: var(--pf-v6-c-accordion__expandable-content--MarginInlineStart);
|
|
@@ -440,16 +441,15 @@
|
|
|
440
441
|
overflow-y: var(--pf-v6-c-accordion__expandable-content--Overflow);
|
|
441
442
|
font-size: var(--pf-v6-c-accordion__expandable-content--FontSize);
|
|
442
443
|
color: var(--pf-v6-c-accordion__expandable-content--Color);
|
|
443
|
-
visibility: var(--pf-v6-c-accordion__expandable-content--Visibility);
|
|
444
444
|
background-color: var(--pf-v6-c-accordion__expandable-content--BackgroundColor);
|
|
445
445
|
border: var(--pf-v6-c-accordion__expandable-content--BorderWidth) solid var(--pf-v6-c-accordion__expandable-content--BorderColor);
|
|
446
446
|
border-radius: var(--pf-v6-c-accordion__expandable-content--BorderRadius);
|
|
447
447
|
opacity: var(--pf-v6-c-accordion__expandable-content--Opacity);
|
|
448
|
+
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
448
449
|
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);
|
|
449
450
|
transition-timing-function: var(--pf-v6-c-accordion__expandable-content--TransitionTimingFunction);
|
|
450
451
|
transition-duration: var(--pf-v6-c-accordion__expandable-content--TransitionDuration--fade), var(--pf-v6-c-accordion__expandable-content--TransitionDuration--slide), 0s, 0s, 0s;
|
|
451
452
|
transition-property: opacity, translate, visibility, max-height, margin-block-end;
|
|
452
|
-
translate: 0 var(--pf-v6-c-accordion__expandable-content--TranslateY);
|
|
453
453
|
}
|
|
454
454
|
.pf-v6-c-accordion__expandable-content.pf-m-fixed {
|
|
455
455
|
--pf-v6-c-accordion__expandable-content--Overflow: auto;
|
|
@@ -653,8 +653,8 @@
|
|
|
653
653
|
|
|
654
654
|
.pf-v6-c-alert__toggle-icon {
|
|
655
655
|
display: inline-block;
|
|
656
|
-
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
657
656
|
transform: rotate(var(--pf-v6-c-alert__toggle-icon--Rotate));
|
|
657
|
+
transition: transform var(--pf-v6-c-alert__toggle-icon--TransitionDuration) var(--pf-v6-c-alert__toggle-icon--TransitionTimingFunction);
|
|
658
658
|
}
|
|
659
659
|
|
|
660
660
|
.pf-v6-c-alert__icon {
|
|
@@ -669,7 +669,7 @@
|
|
|
669
669
|
grid-area: title;
|
|
670
670
|
font-weight: var(--pf-v6-c-alert__title--FontWeight);
|
|
671
671
|
color: var(--pf-v6-c-alert__title--Color);
|
|
672
|
-
|
|
672
|
+
overflow-wrap: break-word;
|
|
673
673
|
}
|
|
674
674
|
.pf-v6-c-alert__title.pf-m-truncate {
|
|
675
675
|
display: -webkit-box;
|
|
@@ -681,7 +681,7 @@
|
|
|
681
681
|
.pf-v6-c-alert__description {
|
|
682
682
|
grid-area: description;
|
|
683
683
|
padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
|
|
684
|
-
|
|
684
|
+
overflow-wrap: break-word;
|
|
685
685
|
}
|
|
686
686
|
.pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
|
|
687
687
|
--pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
|
|
@@ -831,8 +831,8 @@
|
|
|
831
831
|
display: grid;
|
|
832
832
|
grid-template-rows: 1fr;
|
|
833
833
|
opacity: 1;
|
|
834
|
-
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
835
834
|
transform: translateX(0) translateY(0);
|
|
835
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
836
836
|
}
|
|
837
837
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
838
838
|
.pf-v6-c-alert-group__item {
|
|
@@ -1577,10 +1577,10 @@
|
|
|
1577
1577
|
font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
|
|
1578
1578
|
line-height: inherit;
|
|
1579
1579
|
color: var(--pf-v6-c-breadcrumb__link--Color);
|
|
1580
|
+
overflow-wrap: break-word;
|
|
1580
1581
|
text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
|
|
1581
1582
|
text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
|
|
1582
1583
|
text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
|
|
1583
|
-
word-break: break-word;
|
|
1584
1584
|
background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
|
|
1585
1585
|
}
|
|
1586
1586
|
.pf-v6-c-breadcrumb__link:is(:hover, :focus) {
|
|
@@ -1998,10 +1998,10 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1998
1998
|
line-height: var(--pf-v6-c-button--LineHeight, inherit);
|
|
1999
1999
|
color: var(--pf-v6-c-button--Color);
|
|
2000
2000
|
text-align: center;
|
|
2001
|
+
white-space: nowrap;
|
|
2001
2002
|
text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
|
|
2002
2003
|
text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
|
|
2003
2004
|
text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
|
|
2004
|
-
white-space: nowrap;
|
|
2005
2005
|
cursor: pointer;
|
|
2006
2006
|
-webkit-user-select: none;
|
|
2007
2007
|
user-select: none;
|
|
@@ -2011,11 +2011,11 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
2011
2011
|
border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2012
2012
|
border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2013
2013
|
border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
|
|
2014
|
+
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
2014
2015
|
transition-delay: var(--pf-v6-c-button--TransitionDelay);
|
|
2015
2016
|
transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
|
|
2016
2017
|
transition-duration: var(--pf-v6-c-button--TransitionDuration);
|
|
2017
2018
|
transition-property: var(--pf-v6-c-button--TransitionProperty);
|
|
2018
|
-
scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
|
|
2019
2019
|
}
|
|
2020
2020
|
.pf-v6-c-button::after {
|
|
2021
2021
|
position: absolute;
|
|
@@ -2142,10 +2142,10 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2142
2142
|
--pf-v6-c-button--hover--BorderWidth: 0;
|
|
2143
2143
|
--pf-v6-c-button--m-clicked--BorderWidth: 0;
|
|
2144
2144
|
text-align: start;
|
|
2145
|
-
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
2146
2145
|
white-space: normal;
|
|
2147
|
-
|
|
2146
|
+
text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
|
|
2148
2147
|
outline-offset: 0.125rem;
|
|
2148
|
+
background: transparent;
|
|
2149
2149
|
}
|
|
2150
2150
|
.pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
|
|
2151
2151
|
--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
|
|
@@ -2503,12 +2503,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2503
2503
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
2504
2504
|
margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
|
|
2505
2505
|
color: var(--pf-v6-c-button__icon--Color);
|
|
2506
|
+
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
2507
|
+
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
2506
2508
|
transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
|
|
2507
2509
|
transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
|
|
2508
2510
|
transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
|
|
2509
2511
|
transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
|
|
2510
|
-
rotate: var(--pf-v6-c-button__icon--Rotate);
|
|
2511
|
-
scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
|
|
2512
2512
|
}
|
|
2513
2513
|
.pf-v6-c-button__icon.pf-m-start {
|
|
2514
2514
|
--pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
|
|
@@ -2935,8 +2935,8 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2935
2935
|
--pf-v6-c-card--BackgroundColor: var(--pf-v6-c-card--m-glass--BackgroundColor);
|
|
2936
2936
|
--pf-v6-c-card--BorderColor: var(--pf-v6-c-card--m-glass--BorderColor);
|
|
2937
2937
|
--pf-v6-c-card--BorderWidth: var(--pf-v6-c-card--m-glass--BorderWidth);
|
|
2938
|
-
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
2939
2938
|
box-shadow: var(--pf-v6-c-card--m-glass--BoxShadow);
|
|
2939
|
+
backdrop-filter: var(--pf-v6-c-card--m-glass--BackdropFilter);
|
|
2940
2940
|
}
|
|
2941
2941
|
.pf-v6-c-card.pf-m-selectable .pf-v6-c-card__selectable-actions :is(.pf-v6-c-check, .pf-v6-c-radio) {
|
|
2942
2942
|
gap: 0;
|
|
@@ -3178,9 +3178,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3178
3178
|
}
|
|
3179
3179
|
|
|
3180
3180
|
.pf-v6-c-card__clickable-action {
|
|
3181
|
+
outline: 0;
|
|
3181
3182
|
background: none;
|
|
3182
3183
|
border: 0;
|
|
3183
|
-
outline: 0;
|
|
3184
3184
|
}
|
|
3185
3185
|
.pf-v6-c-card__clickable-action:disabled, .pf-v6-c-card__clickable-action.pf-m-disabled {
|
|
3186
3186
|
pointer-events: none;
|
|
@@ -3248,7 +3248,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
3248
3248
|
.pf-v6-c-check {
|
|
3249
3249
|
display: grid;
|
|
3250
3250
|
grid-template-columns: auto 1fr;
|
|
3251
|
-
|
|
3251
|
+
gap: var(--pf-v6-c-check--GridGap);
|
|
3252
3252
|
accent-color: var(--pf-v6-c-check--AccentColor);
|
|
3253
3253
|
}
|
|
3254
3254
|
.pf-v6-c-check.pf-m-standalone {
|
|
@@ -3379,7 +3379,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3379
3379
|
padding-inline-start: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineStart);
|
|
3380
3380
|
padding-inline-end: var(--pf-v6-c-clipboard-copy__expandable-content--PaddingInlineEnd);
|
|
3381
3381
|
margin-block-start: var(--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart);
|
|
3382
|
-
|
|
3382
|
+
overflow-wrap: break-word;
|
|
3383
3383
|
background-color: var(--pf-v6-c-clipboard-copy__expandable-content--BackgroundColor);
|
|
3384
3384
|
background-clip: padding-box;
|
|
3385
3385
|
border: solid var(--pf-v6-c-clipboard-copy__expandable-content--BorderColor);
|
|
@@ -3395,7 +3395,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3395
3395
|
}
|
|
3396
3396
|
|
|
3397
3397
|
.pf-v6-c-clipboard-copy__text {
|
|
3398
|
-
|
|
3398
|
+
overflow-wrap: break-word;
|
|
3399
3399
|
white-space: normal;
|
|
3400
3400
|
}
|
|
3401
3401
|
.pf-v6-c-clipboard-copy__text.pf-m-code {
|
|
@@ -3884,8 +3884,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
3884
3884
|
.pf-v6-c-compass__sidebar:is(.pf-m-start, .pf-m-end),
|
|
3885
3885
|
.pf-v6-c-compass__main-footer,
|
|
3886
3886
|
.pf-v6-c-compass__footer {
|
|
3887
|
-
margin: 0;
|
|
3888
3887
|
visibility: hidden;
|
|
3888
|
+
margin: 0;
|
|
3889
3889
|
opacity: 0;
|
|
3890
3890
|
transition-delay: var(--pf-v6-c-compass--section--TransitionDelay);
|
|
3891
3891
|
transition-timing-function: var(--pf-v6-c-compass--section--TransitionTimingFunction);
|
|
@@ -4006,8 +4006,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4006
4006
|
flex-direction: column;
|
|
4007
4007
|
grid-area: dock;
|
|
4008
4008
|
width: var(--pf-v6-c-compass__dock--Width);
|
|
4009
|
-
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
4010
4009
|
translate: -100% 0;
|
|
4010
|
+
transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
|
|
4011
4011
|
}
|
|
4012
4012
|
.pf-v6-c-compass__dock.pf-m-expanded {
|
|
4013
4013
|
--pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
|
|
@@ -4033,9 +4033,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
4033
4033
|
.pf-v6-c-compass__dock-main {
|
|
4034
4034
|
flex-grow: 1;
|
|
4035
4035
|
background-color: var(--pf-v6-c-compass__dock-main--BackgroundColor);
|
|
4036
|
-
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
4037
4036
|
border-inline-end: var(--pf-v6-c-compass__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-compass__dock-main--BorderInlineEndColor);
|
|
4038
4037
|
box-shadow: var(--pf-v6-c-compass__dock-main--BoxShadow);
|
|
4038
|
+
backdrop-filter: var(--pf-v6-c-compass__dock-main--BackdropFilter);
|
|
4039
4039
|
}
|
|
4040
4040
|
.pf-v6-c-compass__dock.pf-m-expanded .pf-v6-c-compass__dock-main {
|
|
4041
4041
|
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);
|
|
@@ -4366,8 +4366,8 @@ ul) {
|
|
|
4366
4366
|
@media screen and (min-width: 36rem) {
|
|
4367
4367
|
:is(.pf-v6-c-content--dl, .pf-v6-c-content dl) {
|
|
4368
4368
|
grid-template: auto/var(--pf-v6-c-content--dl--GridTemplateColumns--dt) var(--pf-v6-c-content--dl--GridTemplateColumns--dd);
|
|
4369
|
-
|
|
4370
|
-
|
|
4369
|
+
row-gap: var(--pf-v6-c-content--dl--RowGap);
|
|
4370
|
+
column-gap: var(--pf-v6-c-content--dl--ColumnGap);
|
|
4371
4371
|
}
|
|
4372
4372
|
}
|
|
4373
4373
|
|
|
@@ -5156,8 +5156,8 @@ ul) {
|
|
|
5156
5156
|
.pf-v6-c-data-list__toggle-icon {
|
|
5157
5157
|
height: var(--pf-v6-c-data-list__toggle-icon--Height);
|
|
5158
5158
|
pointer-events: none;
|
|
5159
|
-
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
5160
5159
|
transform: rotate(var(--pf-v6-c-data-list__toggle-icon--Rotate));
|
|
5160
|
+
transition: var(--pf-v6-c-data-list__toggle-icon--Transition);
|
|
5161
5161
|
}
|
|
5162
5162
|
|
|
5163
5163
|
.pf-v6-c-data-list__item-content {
|
|
@@ -5374,7 +5374,6 @@ ul) {
|
|
|
5374
5374
|
width: 100%;
|
|
5375
5375
|
margin-block-end: var(--pf-v6-c-description-list--RowGap);
|
|
5376
5376
|
break-inside: avoid;
|
|
5377
|
-
page-break-inside: avoid;
|
|
5378
5377
|
-webkit-column-break-inside: avoid;
|
|
5379
5378
|
-moz-column-break-inside: avoid;
|
|
5380
5379
|
}
|
|
@@ -5782,9 +5781,9 @@ ul) {
|
|
|
5782
5781
|
max-height: var(--pf-v6-c-dual-list-selector__menu--MaxHeight);
|
|
5783
5782
|
margin-block-start: var(--pf-v6-c-dual-list-selector__menu--MarginBlockStart);
|
|
5784
5783
|
overflow: auto;
|
|
5784
|
+
outline-offset: 2px;
|
|
5785
5785
|
border: var(--pf-v6-c-dual-list-selector__menu--BorderWidth) solid var(--pf-v6-c-dual-list-selector__menu--BorderColor);
|
|
5786
5786
|
border-radius: var(--pf-v6-c-dual-list-selector__menu--BorderRadius);
|
|
5787
|
-
outline-offset: 2px;
|
|
5788
5787
|
}
|
|
5789
5788
|
|
|
5790
5789
|
.pf-v6-c-dual-list-selector__list {
|
|
@@ -5820,25 +5819,25 @@ ul) {
|
|
|
5820
5819
|
--pf-v6-c-dual-list-selector__item--PaddingInlineStart: var(--pf-v6-c-dual-list-selector__item--m-expandable--PaddingInlineStart);
|
|
5821
5820
|
}
|
|
5822
5821
|
.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 {
|
|
5823
|
-
max-height: 0;
|
|
5824
5822
|
visibility: hidden;
|
|
5823
|
+
max-height: 0;
|
|
5825
5824
|
opacity: var(--pf-v6-c-dual-list-selector__list--Opacity);
|
|
5825
|
+
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
5826
5826
|
transition-delay: 0s, 0s, var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade);
|
|
5827
5827
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__list--TransitionTimingFunction);
|
|
5828
5828
|
transition-duration: var(--pf-v6-c-dual-list-selector__list--TransitionDuration--fade), var(--pf-v6-c-dual-list-selector__list--TransitionDuration--slide), 0s, 0s;
|
|
5829
5829
|
transition-property: opacity, translate, visibility, max-height;
|
|
5830
|
-
translate: 0 var(--pf-v6-c-dual-list-selector__list--TranslateY);
|
|
5831
5830
|
}
|
|
5832
5831
|
.pf-v6-c-dual-list-selector__list-item.pf-m-expanded {
|
|
5833
5832
|
--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);
|
|
5834
5833
|
}
|
|
5835
5834
|
.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 {
|
|
5836
|
-
max-height: 99999px;
|
|
5837
5835
|
visibility: revert;
|
|
5836
|
+
max-height: 99999px;
|
|
5838
5837
|
opacity: var(--pf-v6-c-dual-list-selector--m-expanded__list--Opacity);
|
|
5838
|
+
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
5839
5839
|
transition-delay: 0s;
|
|
5840
5840
|
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;
|
|
5841
|
-
translate: 0 var(--pf-v6-c-dual-list-selector--m-expanded__list--TranslateY);
|
|
5842
5841
|
}
|
|
5843
5842
|
.pf-v6-c-dual-list-selector__list-item.pf-m-disabled {
|
|
5844
5843
|
--pf-v6-c-dual-list-selector__item-text--Color: var(--pf-v6-c-dual-list-selector__list-item--m-disabled__item-text--Color);
|
|
@@ -5973,10 +5972,10 @@ ul) {
|
|
|
5973
5972
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
5974
5973
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
5975
5974
|
text-align: center;
|
|
5975
|
+
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
5976
5976
|
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
5977
5977
|
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
5978
5978
|
transition-property: transform;
|
|
5979
|
-
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
5980
5979
|
}
|
|
5981
5980
|
|
|
5982
5981
|
.pf-v6-c-dual-list-selector__list-item .pf-v6-c-dual-list-selector__list-item {
|
|
@@ -6761,6 +6760,7 @@ ul) {
|
|
|
6761
6760
|
.pf-v6-c-drawer__panel {
|
|
6762
6761
|
position: relative;
|
|
6763
6762
|
z-index: var(--pf-v6-c-drawer__panel--ZIndex);
|
|
6763
|
+
visibility: hidden;
|
|
6764
6764
|
flex-basis: var(--pf-v6-c-drawer__panel--FlexBasis);
|
|
6765
6765
|
row-gap: var(--pf-v6-c-drawer__panel--RowGap);
|
|
6766
6766
|
order: 1;
|
|
@@ -6768,7 +6768,6 @@ ul) {
|
|
|
6768
6768
|
margin-block: var(--pf-v6-c-drawer__panel--MarginBlock, revert);
|
|
6769
6769
|
margin-inline: var(--pf-v6-c-drawer__panel--MarginInline, revert);
|
|
6770
6770
|
overflow: auto;
|
|
6771
|
-
visibility: hidden;
|
|
6772
6771
|
background-color: var(--pf-v6-c-drawer__panel--BackgroundColor);
|
|
6773
6772
|
border: solid var(--pf-v6-c-drawer__panel--BorderColor);
|
|
6774
6773
|
border-block-start-width: var(--pf-v6-c-drawer__panel--BorderBlockStartWidth);
|
|
@@ -6878,8 +6877,8 @@ ul) {
|
|
|
6878
6877
|
margin-block-start: var(--pf-v6-c-drawer__splitter--MarginBlockStart, 0);
|
|
6879
6878
|
margin-inline-start: var(--pf-v6-c-drawer__splitter--MarginInlineStart, 0);
|
|
6880
6879
|
cursor: var(--pf-v6-c-drawer__splitter--Cursor);
|
|
6881
|
-
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
6882
6880
|
outline-offset: var(--pf-v6-c-drawer__splitter--focus--OutlineOffset);
|
|
6881
|
+
background-color: var(--pf-v6-c-drawer__splitter--BackgroundColor);
|
|
6883
6882
|
}
|
|
6884
6883
|
.pf-v6-c-drawer__splitter.pf-m-vertical {
|
|
6885
6884
|
--pf-v6-c-drawer__splitter--Height: var(--pf-v6-c-drawer__splitter--m-vertical--Height);
|
|
@@ -7669,8 +7668,8 @@ ul) {
|
|
|
7669
7668
|
display: inline-block;
|
|
7670
7669
|
min-width: var(--pf-v6-c-expandable-section__toggle-icon--MinWidth);
|
|
7671
7670
|
color: var(--pf-v6-c-expandable-section__toggle-icon--Color);
|
|
7672
|
-
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
7673
7671
|
transform: rotate(var(--pf-v6-c-expandable-section__toggle-icon--Rotate));
|
|
7672
|
+
transition: var(--pf-v6-c-expandable-section__toggle-icon--Transition);
|
|
7674
7673
|
}
|
|
7675
7674
|
.pf-v6-c-expandable-section__toggle-icon.pf-m-expand-top {
|
|
7676
7675
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: var(--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate);
|
|
@@ -7685,15 +7684,15 @@ ul) {
|
|
|
7685
7684
|
display: revert;
|
|
7686
7685
|
}
|
|
7687
7686
|
.pf-v6-c-expandable-section:where(:not(.pf-m-truncate)) > .pf-v6-c-expandable-section__content {
|
|
7687
|
+
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
7688
7688
|
max-height: var(--pf-v6-c-expandable-section__content--MaxHeight, 0);
|
|
7689
7689
|
overflow: var(--pf-v6-c-expandable-section__content--Overflow, hidden);
|
|
7690
|
-
visibility: var(--pf-v6-c-expandable-section__content--Visibility, hidden);
|
|
7691
7690
|
opacity: var(--pf-v6-c-expandable-section__content--Opacity);
|
|
7691
|
+
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
7692
7692
|
transition-delay: 0s, 0s, var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s), var(--pf-v6-c-expandable-section__content--TransitionDelay--hide, 0s);
|
|
7693
7693
|
transition-timing-function: var(--pf-v6-c-expandable-section__content--TransitionTimingFunction);
|
|
7694
7694
|
transition-duration: var(--pf-v6-c-expandable-section__content--TransitionDuration--fade), var(--pf-v6-c-expandable-section__content--TransitionDuration--slide), 0s, 0s;
|
|
7695
7695
|
transition-property: opacity, translate, visibility, max-height;
|
|
7696
|
-
translate: 0 var(--pf-v6-c-expandable-section__content--TranslateY);
|
|
7697
7696
|
}
|
|
7698
7697
|
|
|
7699
7698
|
.pf-v6-c-file-upload {
|
|
@@ -7864,7 +7863,7 @@ ul) {
|
|
|
7864
7863
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
|
|
7865
7864
|
display: grid;
|
|
7866
7865
|
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);
|
|
7867
|
-
|
|
7866
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7868
7867
|
}
|
|
7869
7868
|
.pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
|
|
7870
7869
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7892,7 +7891,7 @@ ul) {
|
|
|
7892
7891
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
|
|
7893
7892
|
display: grid;
|
|
7894
7893
|
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);
|
|
7895
|
-
|
|
7894
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7896
7895
|
}
|
|
7897
7896
|
.pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
|
|
7898
7897
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7920,7 +7919,7 @@ ul) {
|
|
|
7920
7919
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
|
|
7921
7920
|
display: grid;
|
|
7922
7921
|
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);
|
|
7923
|
-
|
|
7922
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7924
7923
|
}
|
|
7925
7924
|
.pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
|
|
7926
7925
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7948,7 +7947,7 @@ ul) {
|
|
|
7948
7947
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
|
|
7949
7948
|
display: grid;
|
|
7950
7949
|
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);
|
|
7951
|
-
|
|
7950
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7952
7951
|
}
|
|
7953
7952
|
.pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
|
|
7954
7953
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -7976,7 +7975,7 @@ ul) {
|
|
|
7976
7975
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
|
|
7977
7976
|
display: grid;
|
|
7978
7977
|
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);
|
|
7979
|
-
|
|
7978
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
7980
7979
|
}
|
|
7981
7980
|
.pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
|
|
7982
7981
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8004,7 +8003,7 @@ ul) {
|
|
|
8004
8003
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
|
|
8005
8004
|
display: grid;
|
|
8006
8005
|
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);
|
|
8007
|
-
|
|
8006
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
8008
8007
|
}
|
|
8009
8008
|
.pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
|
|
8010
8009
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8032,7 +8031,7 @@ ul) {
|
|
|
8032
8031
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
|
|
8033
8032
|
display: grid;
|
|
8034
8033
|
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);
|
|
8035
|
-
|
|
8034
|
+
column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
|
|
8036
8035
|
}
|
|
8037
8036
|
.pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
|
|
8038
8037
|
padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
|
|
@@ -8205,14 +8204,14 @@ ul) {
|
|
|
8205
8204
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
|
|
8206
8205
|
}
|
|
8207
8206
|
.pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
8207
|
+
visibility: visible;
|
|
8208
8208
|
max-height: 99999px;
|
|
8209
8209
|
padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
|
|
8210
8210
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
8211
|
-
visibility: visible;
|
|
8212
8211
|
opacity: 1;
|
|
8212
|
+
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
8213
8213
|
transition-delay: 0s;
|
|
8214
8214
|
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;
|
|
8215
|
-
translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
|
|
8216
8215
|
}
|
|
8217
8216
|
|
|
8218
8217
|
.pf-v6-c-form__field-group-toggle {
|
|
@@ -8234,10 +8233,10 @@ ul) {
|
|
|
8234
8233
|
display: inline-block;
|
|
8235
8234
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
8236
8235
|
text-align: center;
|
|
8236
|
+
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
8237
8237
|
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
8238
8238
|
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
8239
8239
|
transition-property: transform;
|
|
8240
|
-
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
8241
8240
|
}
|
|
8242
8241
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
8243
8242
|
scale: -1 1;
|
|
@@ -8286,15 +8285,15 @@ ul) {
|
|
|
8286
8285
|
padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
|
|
8287
8286
|
}
|
|
8288
8287
|
.pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
|
|
8288
|
+
visibility: hidden;
|
|
8289
8289
|
max-height: 0;
|
|
8290
8290
|
padding-block-start: 0;
|
|
8291
8291
|
padding-block-end: 0;
|
|
8292
|
-
visibility: hidden;
|
|
8293
8292
|
opacity: 0;
|
|
8293
|
+
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
8294
8294
|
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);
|
|
8295
8295
|
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;
|
|
8296
8296
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
8297
|
-
translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
|
|
8298
8297
|
}
|
|
8299
8298
|
|
|
8300
8299
|
.pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
|
|
@@ -8454,10 +8453,10 @@ ul) {
|
|
|
8454
8453
|
padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
|
|
8455
8454
|
color: var(--pf-v6-c-form-control--Color);
|
|
8456
8455
|
appearance: none;
|
|
8456
|
+
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
8457
8457
|
background-color: transparent;
|
|
8458
8458
|
border: none;
|
|
8459
8459
|
border-radius: var(--pf-v6-c-form-control--BorderRadius);
|
|
8460
|
-
outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
|
|
8461
8460
|
}
|
|
8462
8461
|
.pf-v6-c-form-control > ::placeholder {
|
|
8463
8462
|
color: var(--pf-v6-c-form-control--m-placeholder--Color);
|
|
@@ -8823,8 +8822,8 @@ ul) {
|
|
|
8823
8822
|
:where(.pf-v6-theme-glass) .pf-v6-c-hero.pf-m-glass {
|
|
8824
8823
|
--pf-v6-c-hero--BorderColor: var(--pf-v6-c-hero--m-glass--BorderColor);
|
|
8825
8824
|
--pf-v6-c-hero--BackgroundColor: var(--pf-v6-c-hero--m-glass--BackgroundColor);
|
|
8826
|
-
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
8827
8825
|
box-shadow: var(--pf-v6-c-hero--m-glass--BoxShadow);
|
|
8826
|
+
backdrop-filter: var(--pf-v6-c-hero--m-glass--BackdropFilter);
|
|
8828
8827
|
}
|
|
8829
8828
|
:root:where(.pf-v6-theme-dark) .pf-v6-c-hero {
|
|
8830
8829
|
--pf-v6-c-hero--BackgroundImage: var(--pf-v6-c-hero--BackgroundImage--dark);
|
|
@@ -8860,7 +8859,7 @@ ul) {
|
|
|
8860
8859
|
.pf-v6-c-hint {
|
|
8861
8860
|
display: grid;
|
|
8862
8861
|
grid-template-columns: 1fr auto;
|
|
8863
|
-
|
|
8862
|
+
row-gap: var(--pf-v6-c-hint--GridRowGap);
|
|
8864
8863
|
padding-block-start: var(--pf-v6-c-hint--PaddingBlockStart);
|
|
8865
8864
|
padding-block-end: var(--pf-v6-c-hint--PaddingBlockEnd);
|
|
8866
8865
|
padding-inline-start: var(--pf-v6-c-hint--PaddingInlineStart);
|
|
@@ -9308,20 +9307,20 @@ ul) {
|
|
|
9308
9307
|
transition: gap 0s var(--pf-v6-c-input-group__item--m-search-text-input--TransitionDuration--fade);
|
|
9309
9308
|
}
|
|
9310
9309
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-input {
|
|
9310
|
+
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
9311
9311
|
flex-grow: 1;
|
|
9312
9312
|
max-width: var(--pf-v6-c-input-group__item--m-search-text-input--MaxWidth, 0);
|
|
9313
|
-
visibility: var(--pf-v6-c-input-group__item--m-search-text-input--Visibility, hidden);
|
|
9314
9313
|
opacity: var(--pf-v6-c-input-group__item--m-search-text-input--Opacity, 0);
|
|
9314
|
+
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
9315
|
+
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
9315
9316
|
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);
|
|
9316
9317
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-text-input--TransitionTimingFunction);
|
|
9317
9318
|
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;
|
|
9318
9319
|
transition-property: opacity, scale, visibility, max-width;
|
|
9319
|
-
transform-origin: var(--pf-v6-c-input-group__item--m-search-text-input--TransformOriginX) center;
|
|
9320
|
-
scale: var(--pf-v6-c-input-group__item--m-search-text-input--ScaleX) 1;
|
|
9321
9320
|
}
|
|
9322
9321
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-expand {
|
|
9323
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
9324
9322
|
visibility: var(--pf-v6-c-input-group__item--m-search-expand--Visibility, visible);
|
|
9323
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-expand--MaxWidth, 100%);
|
|
9325
9324
|
opacity: var(--pf-v6-c-input-group__item--m-search-expand--Opacity, 1);
|
|
9326
9325
|
transition-delay: var(--pf-v6-c-input-group__item--m-search-action--TransitionDuration--fade);
|
|
9327
9326
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-expand--TransitionTimingFunction);
|
|
@@ -9329,8 +9328,8 @@ ul) {
|
|
|
9329
9328
|
transition-property: opacity, visibility, max-width;
|
|
9330
9329
|
}
|
|
9331
9330
|
.pf-v6-c-input-group.pf-m-search-expandable .pf-v6-c-input-group__item.pf-m-search-action {
|
|
9332
|
-
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
9333
9331
|
visibility: var(--pf-v6-c-input-group__item--m-search-action--Visibility, hidden);
|
|
9332
|
+
max-width: var(--pf-v6-c-input-group__item--m-search-action--MaxWidth, 0);
|
|
9334
9333
|
opacity: var(--pf-v6-c-input-group__item--m-search-action--Opacity, 0);
|
|
9335
9334
|
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);
|
|
9336
9335
|
transition-timing-function: var(--pf-v6-c-input-group__item--m-search-action--TransitionTimingFunction);
|
|
@@ -9657,10 +9656,10 @@ label.pf-v6-c-input-group__text {
|
|
|
9657
9656
|
.pf-v6-c-jump-links__toggle-icon {
|
|
9658
9657
|
display: inline-block;
|
|
9659
9658
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
9659
|
+
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
9660
9660
|
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
9661
9661
|
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
9662
9662
|
transition-property: transform;
|
|
9663
|
-
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
9664
9663
|
}
|
|
9665
9664
|
|
|
9666
9665
|
.pf-v6-c-label {
|
|
@@ -9873,9 +9872,9 @@ label.pf-v6-c-input-group__text {
|
|
|
9873
9872
|
font-size: var(--pf-v6-c-label--FontSize);
|
|
9874
9873
|
white-space: nowrap;
|
|
9875
9874
|
background: transparent;
|
|
9876
|
-
isolation: isolate;
|
|
9877
9875
|
border: 0;
|
|
9878
9876
|
border-radius: var(--pf-v6-c-label--BorderRadius);
|
|
9877
|
+
isolation: isolate;
|
|
9879
9878
|
}
|
|
9880
9879
|
.pf-v6-c-label.pf-m-blue {
|
|
9881
9880
|
--pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-blue--BackgroundColor);
|
|
@@ -10533,7 +10532,7 @@ ul.pf-v6-c-list {
|
|
|
10533
10532
|
display: grid;
|
|
10534
10533
|
grid-template-areas: "main header" "main footer" "main .";
|
|
10535
10534
|
grid-template-columns: var(--pf-v6-c-login__container--xl--GridTemplateColumns);
|
|
10536
|
-
|
|
10535
|
+
column-gap: var(--pf-v6-c-login__container--xl--GridColumnGap);
|
|
10537
10536
|
justify-content: center;
|
|
10538
10537
|
padding-inline-start: var(--pf-v6-c-login__container--PaddingInlineStart);
|
|
10539
10538
|
padding-inline-end: var(--pf-v6-c-login__container--PaddingInlineEnd);
|
|
@@ -10559,10 +10558,10 @@ ul.pf-v6-c-list {
|
|
|
10559
10558
|
align-self: start;
|
|
10560
10559
|
margin-block-end: var(--pf-v6-c-login__main--MarginBlockEnd);
|
|
10561
10560
|
background-color: var(--pf-v6-c-login__main--BackgroundColor);
|
|
10562
|
-
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
10563
10561
|
border: var(--pf-v6-c-login__main--BorderWidth) solid var(--pf-v6-c-login__main--BorderColor);
|
|
10564
10562
|
border-radius: var(--pf-v6-c-login__main--BorderRadius);
|
|
10565
10563
|
box-shadow: var(--pf-v6-c-login__main--BoxShadow);
|
|
10564
|
+
backdrop-filter: var(--pf-v6-c-login__main--BackdropFilter);
|
|
10566
10565
|
}
|
|
10567
10566
|
.pf-v6-c-login__main > :first-child:not(.pf-v6-c-login__main-header) {
|
|
10568
10567
|
padding-block-start: var(--pf-v6-c-login__main-header--PaddingBlockStart);
|
|
@@ -10906,9 +10905,9 @@ ul.pf-v6-c-list {
|
|
|
10906
10905
|
}
|
|
10907
10906
|
:where(.pf-v6-theme-glass) .pf-v6-c-masthead:not(.pf-m-docked) {
|
|
10908
10907
|
background-color: var(--pf-t--global--background--color--glass--primary--default);
|
|
10909
|
-
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10910
10908
|
border-block-end: var(--pf-t--global--border--width--glass--default) solid var(--pf-t--global--border--color--glass--default);
|
|
10911
10909
|
box-shadow: var(--pf-t--global--box-shadow--glass--default);
|
|
10910
|
+
backdrop-filter: var(--pf-t--global--background--filter--glass--blur--primary);
|
|
10912
10911
|
}
|
|
10913
10912
|
|
|
10914
10913
|
.pf-v6-c-masthead__main {
|
|
@@ -11617,8 +11616,8 @@ ul.pf-v6-c-list {
|
|
|
11617
11616
|
}
|
|
11618
11617
|
|
|
11619
11618
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list {
|
|
11620
|
-
overflow: hidden;
|
|
11621
11619
|
visibility: visible;
|
|
11620
|
+
overflow: hidden;
|
|
11622
11621
|
transition: var(--pf-v6-c-menu--m-drilldown__list--Transition);
|
|
11623
11622
|
}
|
|
11624
11623
|
.pf-v6-c-menu.pf-m-drilldown .pf-v6-c-menu__list .pf-v6-c-menu__list {
|
|
@@ -11644,8 +11643,8 @@ ul.pf-v6-c-list {
|
|
|
11644
11643
|
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11645
11644
|
}
|
|
11646
11645
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list {
|
|
11647
|
-
overflow: visible;
|
|
11648
11646
|
visibility: hidden;
|
|
11647
|
+
overflow: visible;
|
|
11649
11648
|
}
|
|
11650
11649
|
.pf-v6-c-menu.pf-m-drilled-in > .pf-v6-c-menu__content > .pf-v6-c-menu__list > .pf-v6-c-divider,
|
|
11651
11650
|
.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) {
|
|
@@ -11786,10 +11785,10 @@ ul.pf-v6-c-list {
|
|
|
11786
11785
|
color: var(--pf-v6-c-menu__item--Color);
|
|
11787
11786
|
text-align: start;
|
|
11788
11787
|
text-decoration-line: none;
|
|
11788
|
+
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11789
11789
|
background-color: var(--pf-v6-c-menu__item--BackgroundColor);
|
|
11790
11790
|
border: 0;
|
|
11791
11791
|
border-radius: var(--pf-v6-c-menu__item--BorderRadius);
|
|
11792
|
-
outline-offset: var(--pf-v6-c-menu--OutlineOffset);
|
|
11793
11792
|
--pf-v6-hidden-visible--visible--Display: flex;
|
|
11794
11793
|
--pf-v6-hidden-visible--hidden--Display: none;
|
|
11795
11794
|
--pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
|
|
@@ -11883,7 +11882,7 @@ ul.pf-v6-c-list {
|
|
|
11883
11882
|
.pf-v6-c-menu__item-description {
|
|
11884
11883
|
font-size: var(--pf-v6-c-menu__item-description--FontSize);
|
|
11885
11884
|
color: var(--pf-v6-c-menu__item-description--Color);
|
|
11886
|
-
|
|
11885
|
+
overflow-wrap: break-word;
|
|
11887
11886
|
}
|
|
11888
11887
|
|
|
11889
11888
|
.pf-v6-c-menu__item-check .pf-v6-c-check {
|
|
@@ -12466,10 +12465,10 @@ ul.pf-v6-c-list {
|
|
|
12466
12465
|
|
|
12467
12466
|
.pf-v6-c-menu-toggle__icon {
|
|
12468
12467
|
flex-shrink: 0;
|
|
12468
|
+
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
12469
12469
|
transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
|
|
12470
12470
|
transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
|
|
12471
12471
|
transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
|
|
12472
|
-
rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
|
|
12473
12472
|
}
|
|
12474
12473
|
.pf-v6-c-menu-toggle__icon :where(picture, img) {
|
|
12475
12474
|
vertical-align: middle;
|
|
@@ -12677,7 +12676,7 @@ ul.pf-v6-c-list {
|
|
|
12677
12676
|
overflow-x: hidden;
|
|
12678
12677
|
overflow-y: auto;
|
|
12679
12678
|
overscroll-behavior: contain;
|
|
12680
|
-
|
|
12679
|
+
overflow-wrap: break-word;
|
|
12681
12680
|
-webkit-overflow-scrolling: touch;
|
|
12682
12681
|
}
|
|
12683
12682
|
.pf-v6-c-modal-box__body:last-child {
|
|
@@ -13126,17 +13125,17 @@ ul.pf-v6-c-list {
|
|
|
13126
13125
|
|
|
13127
13126
|
.pf-v6-c-nav__subnav {
|
|
13128
13127
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
13128
|
+
visibility: visible;
|
|
13129
13129
|
max-height: 99999px;
|
|
13130
13130
|
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
13131
13131
|
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
13132
13132
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
13133
13133
|
overflow-y: clip;
|
|
13134
|
-
|
|
13134
|
+
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
13135
13135
|
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);
|
|
13136
13136
|
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
13137
13137
|
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), var(--pf-v6-c-nav__subnav--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
|
|
13138
13138
|
transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
|
|
13139
|
-
translate: 0 var(--pf-v6-c-nav__subnav--TranslateY);
|
|
13140
13139
|
}
|
|
13141
13140
|
.pf-v6-c-nav__subnav[hidden] {
|
|
13142
13141
|
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
@@ -13146,8 +13145,8 @@ ul.pf-v6-c-list {
|
|
|
13146
13145
|
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
13147
13146
|
--pf-v6-c-nav__subnav--TranslateY: var(--pf-v6-c-nav__subnav--hidden--TranslateY);
|
|
13148
13147
|
display: grid;
|
|
13149
|
-
max-height: 0;
|
|
13150
13148
|
visibility: hidden;
|
|
13149
|
+
max-height: 0;
|
|
13151
13150
|
opacity: 0;
|
|
13152
13151
|
}
|
|
13153
13152
|
|
|
@@ -13165,10 +13164,10 @@ ul.pf-v6-c-list {
|
|
|
13165
13164
|
content: var(--pf-v6-c-nav__item--accent--content, "");
|
|
13166
13165
|
background-color: var(--pf-v6-c-nav__item--accent--color);
|
|
13167
13166
|
border-radius: var(--pf-v6-c-nav__item--accent--BorderRadius);
|
|
13167
|
+
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
13168
13168
|
transition-timing-function: var(--pf-v6-c-nav__item--accent--TransitionTimingFunction);
|
|
13169
13169
|
transition-duration: var(--pf-v6-c-nav__item--accent--TransitionDuration);
|
|
13170
13170
|
transition-property: scale;
|
|
13171
|
-
scale: 1 var(--pf-v6-c-nav__item--accent--ScaleY);
|
|
13172
13171
|
}
|
|
13173
13172
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
13174
13173
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
@@ -13256,10 +13255,10 @@ ul.pf-v6-c-list {
|
|
|
13256
13255
|
|
|
13257
13256
|
.pf-v6-c-nav__toggle-icon {
|
|
13258
13257
|
display: inline-block;
|
|
13258
|
+
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
13259
13259
|
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
13260
13260
|
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
13261
13261
|
transition-property: transform;
|
|
13262
|
-
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
13263
13262
|
}
|
|
13264
13263
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
13265
13264
|
scale: -1 1;
|
|
@@ -13492,9 +13491,9 @@ ul.pf-v6-c-list {
|
|
|
13492
13491
|
padding-block-end: var(--pf-v6-c-notification-drawer__list-item--PaddingBlockEnd);
|
|
13493
13492
|
padding-inline-start: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineStart);
|
|
13494
13493
|
padding-inline-end: var(--pf-v6-c-notification-drawer__list-item--PaddingInlineEnd);
|
|
13494
|
+
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
13495
13495
|
background-color: var(--pf-v6-c-notification-drawer__list-item--BackgroundColor);
|
|
13496
13496
|
border-radius: var(--pf-v6-c-notification-drawer__list-item--BorderRadius);
|
|
13497
|
-
outline-offset: var(--pf-v6-c-notification-drawer__list-item--OutlineOffset);
|
|
13498
13497
|
}
|
|
13499
13498
|
.pf-v6-c-notification-drawer__list-item::before {
|
|
13500
13499
|
position: absolute;
|
|
@@ -13551,7 +13550,7 @@ ul.pf-v6-c-list {
|
|
|
13551
13550
|
|
|
13552
13551
|
.pf-v6-c-notification-drawer__list-item-header-title {
|
|
13553
13552
|
font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
|
|
13554
|
-
|
|
13553
|
+
overflow-wrap: break-word;
|
|
13555
13554
|
}
|
|
13556
13555
|
.pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
|
|
13557
13556
|
display: -webkit-box;
|
|
@@ -13573,7 +13572,7 @@ ul.pf-v6-c-list {
|
|
|
13573
13572
|
grid-row: 2/3;
|
|
13574
13573
|
grid-column: 1/2;
|
|
13575
13574
|
margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
|
|
13576
|
-
|
|
13575
|
+
overflow-wrap: break-word;
|
|
13577
13576
|
}
|
|
13578
13577
|
|
|
13579
13578
|
.pf-v6-c-notification-drawer__list-item-timestamp {
|
|
@@ -13604,9 +13603,9 @@ ul.pf-v6-c-list {
|
|
|
13604
13603
|
padding-block-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingBlockEnd);
|
|
13605
13604
|
padding-inline-start: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineStart);
|
|
13606
13605
|
padding-inline-end: var(--pf-v6-c-notification-drawer__group-toggle--PaddingInlineEnd);
|
|
13606
|
+
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
13607
13607
|
background-color: var(--pf-v6-c-notification-drawer__group-toggle--BackgroundColor);
|
|
13608
13608
|
border: none;
|
|
13609
|
-
outline-offset: var(--pf-v6-c-notification-drawer__group-toggle--OutlineOffset);
|
|
13610
13609
|
}
|
|
13611
13610
|
|
|
13612
13611
|
.pf-v6-c-notification-drawer__group-toggle-title {
|
|
@@ -13618,7 +13617,7 @@ ul.pf-v6-c-list {
|
|
|
13618
13617
|
margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
|
|
13619
13618
|
font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
|
|
13620
13619
|
text-align: start;
|
|
13621
|
-
|
|
13620
|
+
overflow-wrap: break-word;
|
|
13622
13621
|
}
|
|
13623
13622
|
|
|
13624
13623
|
.pf-v6-c-notification-drawer__group-toggle-count {
|
|
@@ -14122,9 +14121,9 @@ ul.pf-v6-c-list {
|
|
|
14122
14121
|
.pf-v6-c-page__dock-main {
|
|
14123
14122
|
flex-grow: 1;
|
|
14124
14123
|
background-color: var(--pf-v6-c-page__dock-main--BackgroundColor);
|
|
14125
|
-
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
14126
14124
|
border-inline-end: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth) solid var(--pf-v6-c-page__dock-main--BorderInlineEndColor);
|
|
14127
14125
|
box-shadow: var(--pf-v6-c-page__dock-main--BoxShadow);
|
|
14126
|
+
backdrop-filter: var(--pf-v6-c-page__dock-main--BackdropFilter);
|
|
14128
14127
|
}
|
|
14129
14128
|
.pf-v6-c-page__dock.pf-m-expanded .pf-v6-c-page__dock-main {
|
|
14130
14129
|
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);
|
|
@@ -14206,10 +14205,10 @@ ul.pf-v6-c-list {
|
|
|
14206
14205
|
margin-inline-start: var(--pf-v6-c-page__sidebar-main--MarginInlineStart);
|
|
14207
14206
|
margin-inline-end: var(--pf-v6-c-page__sidebar-main--MarginInlineEnd);
|
|
14208
14207
|
background-color: var(--pf-v6-c-page__sidebar-main--BackgroundColor);
|
|
14209
|
-
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
14210
14208
|
border: var(--pf-v6-c-page__sidebar-main--BorderWidth) solid var(--pf-v6-c-page__sidebar-main--BorderColor);
|
|
14211
14209
|
border-radius: var(--pf-v6-c-page__sidebar-main--BorderRadius);
|
|
14212
14210
|
box-shadow: var(--pf-v6-c-page__sidebar-main--BoxShadow);
|
|
14211
|
+
backdrop-filter: var(--pf-v6-c-page__sidebar-main--BackdropFilter);
|
|
14213
14212
|
}
|
|
14214
14213
|
|
|
14215
14214
|
.pf-v6-c-page__sidebar-header {
|
|
@@ -14575,7 +14574,6 @@ ul.pf-v6-c-list {
|
|
|
14575
14574
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
14576
14575
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
14577
14576
|
background: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
14578
|
-
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
14579
14577
|
border: solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
14580
14578
|
border-block-start-width: var(--pf-v6-c-page__main-container--BorderBlockStartWidth);
|
|
14581
14579
|
border-block-end-width: var(--pf-v6-c-page__main-container--BorderBlockEndWidth);
|
|
@@ -14583,6 +14581,7 @@ ul.pf-v6-c-list {
|
|
|
14583
14581
|
border-inline-end-width: var(--pf-v6-c-page__main-container--BorderInlineEndWidth);
|
|
14584
14582
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
14585
14583
|
box-shadow: var(--pf-v6-c-page__main-container--BoxShadow);
|
|
14584
|
+
backdrop-filter: var(--pf-v6-c-page__main-container--BackdropFilter);
|
|
14586
14585
|
}
|
|
14587
14586
|
@media screen and (max-width: calc(48rem - 1px)) {
|
|
14588
14587
|
.pf-v6-c-page__main-container {
|
|
@@ -15607,7 +15606,7 @@ ul.pf-v6-c-list {
|
|
|
15607
15606
|
}
|
|
15608
15607
|
|
|
15609
15608
|
.pf-v6-c-popover__body {
|
|
15610
|
-
|
|
15609
|
+
overflow-wrap: break-word;
|
|
15611
15610
|
}
|
|
15612
15611
|
|
|
15613
15612
|
.pf-v6-c-popover__footer {
|
|
@@ -15652,7 +15651,7 @@ ul.pf-v6-c-list {
|
|
|
15652
15651
|
display: grid;
|
|
15653
15652
|
grid-template-rows: 1fr auto;
|
|
15654
15653
|
grid-template-columns: auto auto;
|
|
15655
|
-
|
|
15654
|
+
gap: var(--pf-v6-c-progress--GridGap);
|
|
15656
15655
|
align-items: end;
|
|
15657
15656
|
}
|
|
15658
15657
|
.pf-v6-c-progress.pf-m-sm {
|
|
@@ -15746,7 +15745,7 @@ ul.pf-v6-c-list {
|
|
|
15746
15745
|
|
|
15747
15746
|
.pf-v6-c-progress__description {
|
|
15748
15747
|
grid-column: 1/2;
|
|
15749
|
-
|
|
15748
|
+
overflow-wrap: break-word;
|
|
15750
15749
|
}
|
|
15751
15750
|
.pf-v6-c-progress__description.pf-m-truncate {
|
|
15752
15751
|
overflow: hidden;
|
|
@@ -15762,7 +15761,7 @@ ul.pf-v6-c-list {
|
|
|
15762
15761
|
align-items: flex-start;
|
|
15763
15762
|
justify-content: flex-end;
|
|
15764
15763
|
text-align: end;
|
|
15765
|
-
|
|
15764
|
+
overflow-wrap: break-word;
|
|
15766
15765
|
}
|
|
15767
15766
|
|
|
15768
15767
|
.pf-v6-c-progress__status-icon {
|
|
@@ -16025,9 +16024,9 @@ ul.pf-v6-c-list {
|
|
|
16025
16024
|
inset-block-start: 0;
|
|
16026
16025
|
inset-inline-start: 0;
|
|
16027
16026
|
overflow: hidden;
|
|
16028
|
-
clip: rect(0, 0, 0, 0);
|
|
16029
16027
|
white-space: nowrap;
|
|
16030
16028
|
border: 0;
|
|
16029
|
+
clip-path: inset(50%);
|
|
16031
16030
|
}
|
|
16032
16031
|
.pf-v6-c-progress-stepper.pf-m-compact .pf-v6-c-progress-stepper__step.pf-m-current .pf-v6-c-progress-stepper__step-main {
|
|
16033
16032
|
grid-row: 1/2;
|
|
@@ -16449,7 +16448,7 @@ ul.pf-v6-c-list {
|
|
|
16449
16448
|
.pf-v6-c-radio {
|
|
16450
16449
|
display: grid;
|
|
16451
16450
|
grid-template-columns: auto 1fr;
|
|
16452
|
-
|
|
16451
|
+
gap: var(--pf-v6-c-radio--GridGap);
|
|
16453
16452
|
align-items: baseline;
|
|
16454
16453
|
accent-color: var(--pf-v6-c-radio--AccentColor);
|
|
16455
16454
|
}
|
|
@@ -17444,10 +17443,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17444
17443
|
width: 100%;
|
|
17445
17444
|
height: 100%;
|
|
17446
17445
|
stroke: var(--pf-v6-c-spinner--Color);
|
|
17446
|
+
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
17447
|
+
stroke-linecap: round;
|
|
17447
17448
|
stroke-dasharray: 283;
|
|
17448
17449
|
stroke-dashoffset: 280;
|
|
17449
|
-
stroke-linecap: round;
|
|
17450
|
-
stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
|
|
17451
17450
|
transform-origin: 50% 50%;
|
|
17452
17451
|
animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
|
|
17453
17452
|
}
|
|
@@ -17607,8 +17606,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
17607
17606
|
background-color: var(--pf-v6-c-switch__input--not-checked__toggle--before--BackgroundColor);
|
|
17608
17607
|
border: var(--pf-v6-c-switch__toggle--before--BorderWidth) solid transparent;
|
|
17609
17608
|
border-radius: var(--pf-v6-c-switch__toggle--before--BorderRadius);
|
|
17610
|
-
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
17611
17609
|
transform: translateY(-50%);
|
|
17610
|
+
transition: var(--pf-v6-c-switch__toggle--before--Transition);
|
|
17612
17611
|
}
|
|
17613
17612
|
.pf-v6-c-switch__toggle::after {
|
|
17614
17613
|
position: absolute;
|
|
@@ -19605,11 +19604,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19605
19604
|
padding-inline-start: var(--pf-v6-c-table--cell--PaddingInlineStart);
|
|
19606
19605
|
padding-inline-end: var(--pf-v6-c-table--cell--PaddingInlineEnd);
|
|
19607
19606
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
19607
|
+
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
19608
19608
|
font-size: var(--pf-v6-c-table--cell--FontSize);
|
|
19609
19609
|
font-weight: var(--pf-v6-c-table--cell--FontWeight);
|
|
19610
19610
|
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19611
19611
|
color: var(--pf-v6-c-table--cell--Color);
|
|
19612
|
-
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
19613
19612
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
19614
19613
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
19615
19614
|
}
|
|
@@ -19715,24 +19714,24 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19715
19714
|
}
|
|
19716
19715
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable {
|
|
19717
19716
|
cursor: pointer;
|
|
19718
|
-
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
19719
19717
|
outline-offset: var(--pf-v6-c-table__tr--m-clickable--OutlineOffset);
|
|
19718
|
+
background-color: var(--pf-v6-c-table__tr--m-clickable--BackgroundColor);
|
|
19720
19719
|
}
|
|
19721
19720
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-clickable:is(:hover, :focus) {
|
|
19722
19721
|
--pf-v6-c-table__tr--m-clickable--BackgroundColor: var(--pf-v6-c-table__tr--m-clickable--hover--BackgroundColor);
|
|
19723
19722
|
}
|
|
19724
19723
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
|
|
19725
19724
|
position: relative;
|
|
19726
|
-
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
19727
19725
|
outline-offset: var(--pf-v6-c-table__tr--m-selected--OutlineOffset);
|
|
19726
|
+
background-color: var(--pf-v6-c-table__tr--m-selected--BackgroundColor);
|
|
19728
19727
|
}
|
|
19729
19728
|
.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-first-cell-offset-reset > :first-child {
|
|
19730
19729
|
padding-inline-start: var(--pf-v6-c-table__tr--m-first-cell-offset-reset--cell--PaddingInlineStart);
|
|
19731
19730
|
}
|
|
19732
19731
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable {
|
|
19733
19732
|
cursor: pointer;
|
|
19734
|
-
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
19735
19733
|
outline-offset: var(--pf-v6-c-table__tbody--m-clickable--OutlineOffset);
|
|
19734
|
+
background-color: var(--pf-v6-c-table__tbody--m-clickable--BackgroundColor);
|
|
19736
19735
|
}
|
|
19737
19736
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-clickable:is(:hover, :focus) {
|
|
19738
19737
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--hover--BackgroundColor);
|
|
@@ -19741,8 +19740,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19741
19740
|
--pf-v6-c-table__tbody--m-clickable--BackgroundColor: var(--pf-v6-c-table__tbody--m-clickable--m-expanded--BackgroundColor);
|
|
19742
19741
|
}
|
|
19743
19742
|
.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody).pf-m-selected {
|
|
19744
|
-
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
19745
19743
|
outline-offset: var(--pf-v6-c-table__tbody--m-selected--OutlineOffset);
|
|
19744
|
+
background-color: var(--pf-v6-c-table__tbody--m-selected--BackgroundColor);
|
|
19746
19745
|
}
|
|
19747
19746
|
.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) {
|
|
19748
19747
|
border: none;
|
|
@@ -19767,11 +19766,11 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19767
19766
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
19768
19767
|
visibility: hidden;
|
|
19769
19768
|
opacity: var(--pf-v6-c-table__expandable-row--Opacity);
|
|
19769
|
+
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
19770
19770
|
transition-delay: 0s, 0s, var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade);
|
|
19771
19771
|
transition-timing-function: var(--pf-v6-c-table__expandable-row--TransitionTimingFunction);
|
|
19772
19772
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--collapse--slide), 0s, 0s;
|
|
19773
19773
|
transition-property: opacity, translate, visibility, background-color;
|
|
19774
|
-
translate: 0 var(--pf-v6-c-table__expandable-row--TranslateY);
|
|
19775
19774
|
}
|
|
19776
19775
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row[hidden] {
|
|
19777
19776
|
display: var(--pf-v6-c-table__expandable-row--Display, revert);
|
|
@@ -19779,9 +19778,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19779
19778
|
.pf-v6-c-table.pf-m-animate-expand > .pf-v6-c-table__tbody > .pf-v6-c-table__expandable-row.pf-m-expanded {
|
|
19780
19779
|
visibility: visible;
|
|
19781
19780
|
opacity: var(--pf-v6-c-table__tbody--m-expanded__expandable-row--Opacity);
|
|
19781
|
+
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
19782
19782
|
transition-delay: 0s;
|
|
19783
19783
|
transition-duration: var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--fade), var(--pf-v6-c-table__expandable-row--TransitionDuration--expand--slide), 0s, 0s;
|
|
19784
|
-
translate: 0 var(--pf-v6-c-table__tbody--m-expanded__expandable-row--TranslateY);
|
|
19785
19784
|
}
|
|
19786
19785
|
.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 {
|
|
19787
19786
|
max-height: 99999px;
|
|
@@ -19847,8 +19846,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19847
19846
|
min-width: var(--pf-v6-c-table__text--MinWidth);
|
|
19848
19847
|
max-width: var(--pf-v6-c-table--cell--MaxWidth);
|
|
19849
19848
|
overflow: var(--pf-v6-c-table--cell--Overflow);
|
|
19850
|
-
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19851
19849
|
text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
|
|
19850
|
+
line-height: var(--pf-v6-c-table--cell--LineHeight);
|
|
19852
19851
|
word-break: var(--pf-v6-c-table--cell--WordBreak);
|
|
19853
19852
|
white-space: var(--pf-v6-c-table--cell--WhiteSpace);
|
|
19854
19853
|
}
|
|
@@ -19877,10 +19876,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19877
19876
|
text-align: start;
|
|
19878
19877
|
white-space: inherit;
|
|
19879
19878
|
user-select: text;
|
|
19879
|
+
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
19880
19880
|
background-color: var(--pf-v6-c-table__button--BackgroundColor);
|
|
19881
19881
|
border: 0;
|
|
19882
19882
|
border-radius: var(--pf-v6-c-table__button--BorderRadius);
|
|
19883
|
-
outline-offset: var(--pf-v6-c-table__button--OutlineOffset);
|
|
19884
19883
|
}
|
|
19885
19884
|
.pf-v6-c-table__button::after {
|
|
19886
19885
|
position: absolute;
|
|
@@ -19974,10 +19973,10 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
19974
19973
|
}
|
|
19975
19974
|
|
|
19976
19975
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
19976
|
+
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
19977
19977
|
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
19978
19978
|
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
19979
19979
|
transition-property: transform;
|
|
19980
|
-
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
19981
19980
|
}
|
|
19982
19981
|
.pf-v6-c-table__toggle svg {
|
|
19983
19982
|
pointer-events: none;
|
|
@@ -20533,8 +20532,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20533
20532
|
}
|
|
20534
20533
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20535
20534
|
position: relative;
|
|
20536
|
-
border: none;
|
|
20537
20535
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20536
|
+
border: none;
|
|
20538
20537
|
}
|
|
20539
20538
|
.pf-m-tree-view-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr)::before {
|
|
20540
20539
|
position: absolute;
|
|
@@ -20572,7 +20571,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20572
20571
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20573
20572
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20574
20573
|
grid-column: 1;
|
|
20575
|
-
|
|
20574
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20576
20575
|
align-items: start;
|
|
20577
20576
|
}
|
|
20578
20577
|
.pf-m-tree-view-grid.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20675,8 +20674,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20675
20674
|
}
|
|
20676
20675
|
.pf-m-tree-view-grid-md.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20677
20676
|
position: relative;
|
|
20678
|
-
border: none;
|
|
20679
20677
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20678
|
+
border: none;
|
|
20680
20679
|
}
|
|
20681
20680
|
.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 {
|
|
20682
20681
|
position: absolute;
|
|
@@ -20714,7 +20713,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20714
20713
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20715
20714
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20716
20715
|
grid-column: 1;
|
|
20717
|
-
|
|
20716
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20718
20717
|
align-items: start;
|
|
20719
20718
|
}
|
|
20720
20719
|
.pf-m-tree-view-grid-md.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20818,8 +20817,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20818
20817
|
}
|
|
20819
20818
|
.pf-m-tree-view-grid-lg.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20820
20819
|
position: relative;
|
|
20821
|
-
border: none;
|
|
20822
20820
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20821
|
+
border: none;
|
|
20823
20822
|
}
|
|
20824
20823
|
.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 {
|
|
20825
20824
|
position: absolute;
|
|
@@ -20857,7 +20856,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20857
20856
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
20858
20857
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
20859
20858
|
grid-column: 1;
|
|
20860
|
-
|
|
20859
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
20861
20860
|
align-items: start;
|
|
20862
20861
|
}
|
|
20863
20862
|
.pf-m-tree-view-grid-lg.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -20961,8 +20960,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
20961
20960
|
}
|
|
20962
20961
|
.pf-m-tree-view-grid-xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
20963
20962
|
position: relative;
|
|
20964
|
-
border: none;
|
|
20965
20963
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
20964
|
+
border: none;
|
|
20966
20965
|
}
|
|
20967
20966
|
.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 {
|
|
20968
20967
|
position: absolute;
|
|
@@ -21000,7 +20999,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21000
20999
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
21001
21000
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
21002
21001
|
grid-column: 1;
|
|
21003
|
-
|
|
21002
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
21004
21003
|
align-items: start;
|
|
21005
21004
|
}
|
|
21006
21005
|
.pf-m-tree-view-grid-xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -21104,8 +21103,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21104
21103
|
}
|
|
21105
21104
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) tr:where(.pf-v6-c-table__tr) {
|
|
21106
21105
|
position: relative;
|
|
21107
|
-
border: none;
|
|
21108
21106
|
outline-offset: var(--pf-v6-c-table--m-tree-view-grid--tr--OutlineOffset);
|
|
21107
|
+
border: none;
|
|
21109
21108
|
}
|
|
21110
21109
|
.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 {
|
|
21111
21110
|
position: absolute;
|
|
@@ -21143,7 +21142,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21143
21142
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] {
|
|
21144
21143
|
grid-template-columns: var(--pf-v6-c-table--m-tree-view-grid__td--data-label--GridTemplateColumns);
|
|
21145
21144
|
grid-column: 1;
|
|
21146
|
-
|
|
21145
|
+
column-gap: var(--pf-v6-c-table--m-tree-view-grid__tbody--cell--GridColumnGap);
|
|
21147
21146
|
align-items: start;
|
|
21148
21147
|
}
|
|
21149
21148
|
.pf-m-tree-view-grid-2xl.pf-v6-c-table td:where(.pf-v6-c-table__td)[data-label] > :where(th, td) {
|
|
@@ -21696,8 +21695,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21696
21695
|
|
|
21697
21696
|
.pf-v6-c-tabs__toggle-icon {
|
|
21698
21697
|
display: inline-block;
|
|
21699
|
-
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
21700
21698
|
transform: rotate(var(--pf-v6-c-tabs__toggle-icon--Rotate));
|
|
21699
|
+
transition: var(--pf-v6-c-tabs__toggle-icon--Transition);
|
|
21701
21700
|
}
|
|
21702
21701
|
|
|
21703
21702
|
.pf-v6-c-tabs__list::-webkit-scrollbar {
|
|
@@ -21861,8 +21860,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
21861
21860
|
align-self: end;
|
|
21862
21861
|
font-size: var(--pf-v6-c-tabs__link-toggle-icon--FontSize);
|
|
21863
21862
|
color: var(--pf-v6-c-tabs__link-toggle-icon--Color);
|
|
21864
|
-
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
21865
21863
|
transform: rotate(var(--pf-v6-c-tabs__link-toggle-icon--Rotate));
|
|
21864
|
+
transition: var(--pf-v6-c-tabs__link-toggle-icon--Transition);
|
|
21866
21865
|
}
|
|
21867
21866
|
|
|
21868
21867
|
.pf-v6-c-tabs__item-action {
|
|
@@ -22125,10 +22124,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22125
22124
|
border: 0 solid var(--pf-v6-c-tabs--link-accent--color);
|
|
22126
22125
|
border-block-end-width: var(--pf-v6-c-tabs--link-accent--BorderBlockEndWidth);
|
|
22127
22126
|
border-inline-start-width: var(--pf-v6-c-tabs--link-accent--BorderInlineStartWidth);
|
|
22127
|
+
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
22128
22128
|
transition-timing-function: var(--pf-v6-c-tabs--link-accent--TransitionTimingFunction);
|
|
22129
22129
|
transition-duration: var(--pf-v6-c-tabs--link-accent--TransitionDuration);
|
|
22130
22130
|
transition-property: width, height, translate;
|
|
22131
|
-
transform-origin: var(--pf-v6-c-tabs--link-accent--TransformOrigin);
|
|
22132
22131
|
translate: var(--pf-v6-c-tabs--link-accent--TranslateX) var(--pf-v6-c-tabs--link-accent--TranslateY);
|
|
22133
22132
|
}
|
|
22134
22133
|
: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 {
|
|
@@ -22334,9 +22333,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22334
22333
|
padding-inline-start: var(--pf-v6-c-text-input-group__text-input--PaddingInlineStart);
|
|
22335
22334
|
padding-inline-end: var(--pf-v6-c-text-input-group__text-input--PaddingInlineEnd);
|
|
22336
22335
|
color: var(--pf-v6-c-text-input-group__text-input--Color);
|
|
22336
|
+
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
22337
22337
|
background-color: var(--pf-v6-c-text-input-group__text-input--BackgroundColor);
|
|
22338
22338
|
border: 0;
|
|
22339
|
-
outline-offset: var(--pf-v6-c-text-input-group__text-input--OutlineOffset);
|
|
22340
22339
|
}
|
|
22341
22340
|
.pf-v6-c-text-input-group__text-input, .pf-v6-c-text-input-group__text-input.pf-m-hint {
|
|
22342
22341
|
grid-area: text-input;
|
|
@@ -22544,7 +22543,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
22544
22543
|
|
|
22545
22544
|
.pf-v6-c-title {
|
|
22546
22545
|
font-family: var(--pf-v6-c-title--FontFamily);
|
|
22547
|
-
|
|
22546
|
+
overflow-wrap: break-word;
|
|
22548
22547
|
}
|
|
22549
22548
|
.pf-v6-c-title.pf-m-4xl {
|
|
22550
22549
|
font-size: var(--pf-v6-c-title--m-4xl--FontSize);
|
|
@@ -23327,10 +23326,10 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
23327
23326
|
|
|
23328
23327
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
23329
23328
|
display: inline-flex;
|
|
23329
|
+
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
23330
23330
|
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
23331
23331
|
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
23332
23332
|
transition-property: transform;
|
|
23333
|
-
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
23334
23333
|
}
|
|
23335
23334
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
23336
23335
|
scale: -1 1;
|
|
@@ -24966,7 +24965,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
24966
24965
|
font-size: var(--pf-v6-c-tooltip__content--FontSize);
|
|
24967
24966
|
color: var(--pf-v6-c-tooltip__content--Color);
|
|
24968
24967
|
text-align: center;
|
|
24969
|
-
|
|
24968
|
+
overflow-wrap: break-word;
|
|
24970
24969
|
background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
|
|
24971
24970
|
border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
|
|
24972
24971
|
}
|
|
@@ -25348,19 +25347,19 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25348
25347
|
display: inline-block;
|
|
25349
25348
|
min-width: var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth);
|
|
25350
25349
|
text-align: center;
|
|
25351
|
-
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
25352
25350
|
transform: rotate(var(--pf-v6-c-tree-view__node-toggle-icon--Rotate));
|
|
25351
|
+
transition: transform var(--pf-v6-c-tree-view__node-toggle-icon--TransitionDuration) var(--pf-v6-c-tree-view__node-toggle-icon--TransitionTimingFunction);
|
|
25353
25352
|
}
|
|
25354
25353
|
|
|
25355
25354
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list {
|
|
25356
|
-
max-height: 0;
|
|
25357
25355
|
visibility: hidden;
|
|
25356
|
+
max-height: 0;
|
|
25358
25357
|
opacity: var(--pf-v6-c-tree-view__list--Opacity);
|
|
25358
|
+
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
25359
25359
|
transition-delay: 0s, 0s, var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--fade);
|
|
25360
25360
|
transition-timing-function: var(--pf-v6-c-tree-view__list--TransitionTimingFunction);
|
|
25361
25361
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--slide), 0s, 0s;
|
|
25362
25362
|
transition-property: opacity, translate, visibility, max-height;
|
|
25363
|
-
translate: 0 var(--pf-v6-c-tree-view__list--TranslateY);
|
|
25364
25363
|
}
|
|
25365
25364
|
.pf-v6-c-tree-view__list-item .pf-v6-c-tree-view__list-item {
|
|
25366
25365
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
|
|
@@ -25371,12 +25370,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
25371
25370
|
--pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate);
|
|
25372
25371
|
}
|
|
25373
25372
|
.pf-v6-c-tree-view__list-item.pf-m-expanded > .pf-v6-c-tree-view__list {
|
|
25374
|
-
max-height: 99999px;
|
|
25375
25373
|
visibility: revert;
|
|
25374
|
+
max-height: 99999px;
|
|
25376
25375
|
opacity: var(--pf-v6-c-tree-view--m-expanded__list--Opacity);
|
|
25376
|
+
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
25377
25377
|
transition-delay: 0s;
|
|
25378
25378
|
transition-duration: var(--pf-v6-c-tree-view__list--TransitionDuration--expand--fade), var(--pf-v6-c-tree-view__list--TransitionDuration--expand--slide), 0s, 0s;
|
|
25379
|
-
translate: 0 var(--pf-v6-c-tree-view--m-expanded__list--TranslateY);
|
|
25380
25379
|
}
|
|
25381
25380
|
|
|
25382
25381
|
.pf-v6-c-tree-view__node,
|
|
@@ -25815,7 +25814,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25815
25814
|
|
|
25816
25815
|
.pf-v6-c-wizard__title {
|
|
25817
25816
|
padding-inline-end: var(--pf-v6-c-wizard__title--PaddingInlineEnd);
|
|
25818
|
-
|
|
25817
|
+
overflow-wrap: break-word;
|
|
25819
25818
|
}
|
|
25820
25819
|
|
|
25821
25820
|
.pf-v6-c-wizard__title-text {
|
|
@@ -25878,7 +25877,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
25878
25877
|
align-items: baseline;
|
|
25879
25878
|
margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
|
|
25880
25879
|
text-align: start;
|
|
25881
|
-
|
|
25880
|
+
overflow-wrap: break-word;
|
|
25882
25881
|
}
|
|
25883
25882
|
.pf-v6-c-wizard__toggle-list-item:not(:last-child) {
|
|
25884
25883
|
margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
|
|
@@ -26014,8 +26013,8 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26014
26013
|
padding-inline: 0;
|
|
26015
26014
|
color: var(--pf-v6-c-wizard__nav-link--Color);
|
|
26016
26015
|
text-align: start;
|
|
26016
|
+
overflow-wrap: break-word;
|
|
26017
26017
|
text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
|
|
26018
|
-
word-break: break-word;
|
|
26019
26018
|
counter-increment: wizard-nav-count;
|
|
26020
26019
|
background-color: transparent;
|
|
26021
26020
|
border: none;
|
|
@@ -26120,10 +26119,10 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26120
26119
|
|
|
26121
26120
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
26122
26121
|
display: inline-block;
|
|
26122
|
+
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
26123
26123
|
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
26124
26124
|
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
26125
26125
|
transition-property: transform;
|
|
26126
|
-
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
26127
26126
|
}
|
|
26128
26127
|
|
|
26129
26128
|
.pf-v6-c-wizard__main {
|
|
@@ -26133,7 +26132,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
26133
26132
|
flex-direction: column;
|
|
26134
26133
|
overflow-x: hidden;
|
|
26135
26134
|
overflow-y: auto;
|
|
26136
|
-
|
|
26135
|
+
overflow-wrap: break-word;
|
|
26137
26136
|
}
|
|
26138
26137
|
|
|
26139
26138
|
.pf-v6-c-wizard__main-body {
|