@patternfly/patternfly 6.2.0-prerelease.8 → 6.2.0
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/patternfly-variables.css +1 -1
- package/base/patternfly-variables.scss +1 -1
- package/components/Accordion/accordion.css +3 -1
- package/components/Accordion/accordion.scss +4 -2
- package/components/Alert/alert-group.css +52 -9
- package/components/Alert/alert-group.scss +116 -29
- package/components/Banner/banner.css +2 -2
- package/components/Banner/banner.scss +2 -2
- package/components/Button/button.css +41 -0
- package/components/Button/button.scss +52 -0
- package/components/Card/card.css +21 -2
- package/components/Card/card.scss +26 -2
- package/components/ClipboardCopy/clipboard-copy.css +6 -1
- package/components/ClipboardCopy/clipboard-copy.scss +8 -2
- package/components/DataList/data-list.css +3 -1
- package/components/DataList/data-list.scss +4 -2
- package/components/DescriptionList/description-list.css +1 -1
- package/components/DescriptionList/description-list.scss +1 -1
- package/components/DualListSelector/dual-list-selector.css +4 -2
- package/components/DualListSelector/dual-list-selector.scss +4 -2
- package/components/ExpandableSection/expandable-section.css +3 -1
- package/components/ExpandableSection/expandable-section.scss +4 -2
- package/components/Form/form.css +7 -5
- package/components/Form/form.scss +7 -5
- package/components/FormControl/form-control.css +108 -41
- package/components/FormControl/form-control.scss +138 -49
- package/components/HelperText/helper-text.css +13 -0
- package/components/HelperText/helper-text.scss +16 -1
- package/components/JumpLinks/jump-links.css +4 -2
- package/components/JumpLinks/jump-links.scss +4 -2
- package/components/Masthead/masthead.css +1 -1
- package/components/Masthead/masthead.scss +1 -1
- package/components/Menu/menu.css +4 -5
- package/components/Menu/menu.scss +2 -3
- package/components/MenuToggle/menu-toggle.css +42 -1
- package/components/MenuToggle/menu-toggle.scss +50 -1
- package/components/Nav/nav.css +41 -11
- package/components/Nav/nav.scss +52 -15
- package/components/NotificationDrawer/notification-drawer.css +3 -1
- package/components/NotificationDrawer/notification-drawer.scss +4 -2
- package/components/Page/page.css +16 -1
- package/components/Page/page.scss +17 -3
- package/components/Popover/popover.css +2 -0
- package/components/Popover/popover.scss +2 -0
- package/components/Switch/switch.css +3 -1
- package/components/Switch/switch.scss +4 -2
- package/components/Table/table-grid.css +3 -1
- package/components/Table/table-grid.scss +4 -2
- package/components/Table/table.css +7 -5
- package/components/Table/table.scss +7 -4
- package/components/Tabs/tabs.css +6 -2
- package/components/Tabs/tabs.scss +8 -4
- package/components/Toolbar/toolbar.css +10 -3
- package/components/Toolbar/toolbar.scss +11 -3
- package/components/Wizard/wizard.css +4 -2
- package/components/Wizard/wizard.scss +4 -2
- package/components/_index.css +409 -102
- package/docs/components/Alert/examples/Alert.md +6 -0
- package/docs/components/Button/examples/Button.md +29 -0
- package/docs/components/Card/examples/Card.md +30 -0
- package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +29 -0
- package/docs/components/DataList/examples/DataList.md +1 -1
- package/docs/components/Menu/examples/Menu.md +6 -6
- package/docs/components/Nav/examples/Navigation.md +3 -0
- package/docs/components/Table/examples/Table.md +14 -26
- package/docs/components/Tabs/examples/Tabs.md +145 -3
- package/docs/components/TextInputGroup/examples/TextInputGroup.md +10 -0
- package/docs/components/Toolbar/examples/Toolbar.css +3 -0
- package/docs/components/Toolbar/examples/Toolbar.md +28 -0
- package/docs/demos/Card/examples/Card.md +32 -24
- package/docs/demos/CardView/examples/CardView.md +2 -0
- package/docs/demos/Nav/examples/Nav.md +2 -0
- package/package.json +2 -2
- package/patternfly-base-no-globals.css +1 -1
- package/patternfly-base.css +1 -1
- package/patternfly-charts.css +3 -3
- package/patternfly-charts.scss +3 -3
- package/patternfly-no-globals.css +410 -103
- package/patternfly.css +410 -103
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/sass-utilities/mixins.scss +8 -4
- package/docs/components/TabContent/examples/TabContent.md +0 -153
package/components/_index.css
CHANGED
|
@@ -210,7 +210,9 @@
|
|
|
210
210
|
--pf-v6-c-accordion__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--default);
|
|
211
211
|
--pf-v6-c-accordion__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
212
212
|
--pf-v6-c-accordion--m-display-lg__toggle--m-expanded__toggle-text--FontWeight: var(--pf-t--global--font--weight--heading--default);
|
|
213
|
-
--pf-v6-c-accordion__toggle-icon--
|
|
213
|
+
--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
214
|
+
--pf-v6-c-accordion__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
215
|
+
--pf-v6-c-accordion__toggle-icon--Transition: transform var(--pf-v6-c-accordion__toggle-icon--TransitionDuration) var(--pf-v6-c-accordion__toggle-icon--TransitionTimingFunction);
|
|
214
216
|
--pf-v6-c-accordion__toggle--m-expanded__toggle-icon--Rotate: 90deg;
|
|
215
217
|
--pf-v6-c-accordion__expandable-content--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
216
218
|
--pf-v6-c-accordion__expandable-content--MarginBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -574,6 +576,48 @@
|
|
|
574
576
|
--pf-v6-c-alert-group--m-toast--InsetInlineEnd: var(--pf-t--global--spacer--xl);
|
|
575
577
|
--pf-v6-c-alert-group--m-toast--MaxWidth: 37.5rem;
|
|
576
578
|
--pf-v6-c-alert-group--m-toast--ZIndex: var(--pf-t--global--z-index--2xl);
|
|
579
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
|
|
580
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--decelerate);
|
|
581
|
+
--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default: var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity--default)
|
|
582
|
+
var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity--default)
|
|
583
|
+
0s;
|
|
584
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity: var(--pf-t--global--motion--duration--fade--default);
|
|
585
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--decelerate);
|
|
586
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDelay--opacity: var(--pf-t--global--motion--delay--none);
|
|
587
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-in--default);
|
|
588
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--decelerate);
|
|
589
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDelay--transform: var(--pf-t--global--motion--delay--none);
|
|
590
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--default);
|
|
591
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--decelerate);
|
|
592
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--slide-in--default);
|
|
593
|
+
--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--decelerate);
|
|
594
|
+
--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-in--default);
|
|
595
|
+
--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
|
|
596
|
+
--pf-v6-c-alert-group--m-toast__item--c-alert--Transition: all
|
|
597
|
+
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionDuration)
|
|
598
|
+
var(--pf-v6-c-alert-group--m-toast__item--c-alert--TransitionTimingFunction)
|
|
599
|
+
0s;
|
|
600
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default: var(--pf-t--global--motion--duration--fade--default);
|
|
601
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default: var(--pf-t--global--motion--timing-function--accelerate);
|
|
602
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default: var(--pf-t--global--motion--duration--fade--default);
|
|
603
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default: var(--pf-t--global--motion--duration--fade--default);
|
|
604
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default: var(--pf-t--global--motion--duration--fade--default);
|
|
605
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform: var(--pf-t--global--motion--duration--slide-out--short);
|
|
606
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--accelerate);
|
|
607
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity: var(--pf-t--global--motion--duration--slide-out--short);
|
|
608
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity: var(--pf-t--global--motion--timing-function--accelerate);
|
|
609
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block: var(--pf-t--global--motion--duration--fade--short);
|
|
610
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block: var(--pf-t--global--motion--timing-function--accelerate);
|
|
611
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block: var(--pf-t--global--motion--duration--slide-out--short);
|
|
612
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows: var(--pf-t--global--motion--duration--slide-in--short);
|
|
613
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows: var(--pf-t--global--motion--timing-function--accelerate);
|
|
614
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows: var(--pf-t--global--motion--duration--slide-out--short);
|
|
615
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration: var(--pf-t--global--motion--duration--slide-out--short);
|
|
616
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
|
|
617
|
+
--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition: all
|
|
618
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration)
|
|
619
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionTimingFunction)
|
|
620
|
+
var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDuration);
|
|
577
621
|
--pf-v6-c-alert-group__overflow-button--BorderWidth: 0;
|
|
578
622
|
--pf-v6-c-alert-group__overflow-button--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
579
623
|
--pf-v6-c-alert-group__overflow-button--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -622,25 +666,25 @@
|
|
|
622
666
|
display: grid;
|
|
623
667
|
grid-template-rows: 1fr;
|
|
624
668
|
opacity: 1;
|
|
625
|
-
transition: opacity var(--pf-
|
|
669
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--Transition--opacity--default);
|
|
626
670
|
transform: translateX(0) translateY(0);
|
|
627
671
|
}
|
|
628
672
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
629
673
|
.pf-v6-c-alert-group__item {
|
|
630
|
-
transition: opacity var(--pf-
|
|
674
|
+
transition: opacity var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--opacity) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--opacity) var(--pf-v6-c-alert-group--m-toast__item--TransitionDelay--opacity), transform var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--transform) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--transform) var(--pf-v6-c-alert-group--m-toast__item--TransitionDelay--transform), grid-template-rows var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--grid-template-rows), margin-block var(--pf-v6-c-alert-group--m-toast__item--TransitionDuration--margin-block) var(--pf-v6-c-alert-group--m-toast__item--TransitionTimingFunction--margin-block);
|
|
631
675
|
}
|
|
632
676
|
.pf-v6-c-alert-group__item .pf-v6-c-alert {
|
|
633
|
-
transition:
|
|
677
|
+
transition: var(--pf-v6-c-alert-group--m-toast__item--c-alert--Transition);
|
|
634
678
|
}
|
|
635
679
|
}
|
|
636
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top {
|
|
680
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child {
|
|
637
681
|
grid-template-rows: 0fr;
|
|
638
682
|
margin-block: 0;
|
|
639
683
|
overflow: hidden;
|
|
640
684
|
opacity: 0;
|
|
641
685
|
transform: translateY(-100%);
|
|
642
686
|
}
|
|
643
|
-
.pf-v6-c-alert-group__item.pf-m-offstage-top .pf-v6-c-alert {
|
|
687
|
+
.pf-v6-c-alert-group__item.pf-m-offstage-top:first-child .pf-v6-c-alert {
|
|
644
688
|
min-height: 0;
|
|
645
689
|
padding-block-start: 0;
|
|
646
690
|
padding-block-end: 0;
|
|
@@ -651,21 +695,22 @@
|
|
|
651
695
|
margin-block: 0;
|
|
652
696
|
overflow: hidden;
|
|
653
697
|
opacity: 0;
|
|
654
|
-
transition:
|
|
655
|
-
transform: translateX(100%);
|
|
698
|
+
transition: grid-template-rows 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows--default), margin-block 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block--default), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity--default) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity--default);
|
|
656
699
|
}
|
|
657
700
|
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
658
701
|
min-height: 0;
|
|
659
702
|
padding-block-start: 0;
|
|
660
703
|
padding-block-end: 0;
|
|
661
704
|
border-width: 0;
|
|
705
|
+
transition: all 0s var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--TransitionDelay--default);
|
|
662
706
|
}
|
|
663
707
|
@media screen and (prefers-reduced-motion: no-preference) {
|
|
664
708
|
.pf-v6-c-alert-group__item.pf-m-offstage-right {
|
|
665
|
-
transition: transform var(--pf-
|
|
709
|
+
transition: transform var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--transform) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--transform), opacity var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--opacity) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--opacity), margin-block var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--margin-block) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--margin-block) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--margin-block), grid-template-rows var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDuration--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionTimingFunction--grid-template-rows) var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--TransitionDelay--grid-template-rows);
|
|
710
|
+
transform: translateX(100%);
|
|
666
711
|
}
|
|
667
712
|
.pf-v6-c-alert-group__item.pf-m-offstage-right .pf-v6-c-alert {
|
|
668
|
-
transition:
|
|
713
|
+
transition: var(--pf-v6-c-alert-group--m-toast__item--m-offstage-right--c-alert--Transition);
|
|
669
714
|
}
|
|
670
715
|
}
|
|
671
716
|
.pf-v6-c-alert-group__item:hover {
|
|
@@ -1207,8 +1252,8 @@
|
|
|
1207
1252
|
cursor: not-allowed;
|
|
1208
1253
|
}
|
|
1209
1254
|
.pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
|
|
1210
|
-
--pf-v6-c-button--m-link--Color: var(--pf-v6-c-banner--link--Color);
|
|
1211
|
-
--pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
1255
|
+
--pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
|
|
1256
|
+
--pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
|
|
1212
1257
|
--pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
|
|
1213
1258
|
text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
|
|
1214
1259
|
}
|
|
@@ -1628,6 +1673,14 @@ button.pf-v6-c-breadcrumb__link {
|
|
|
1628
1673
|
--pf-v6-c-button__icon--MarginInlineEnd: 0;
|
|
1629
1674
|
--pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
|
|
1630
1675
|
--pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
|
|
1676
|
+
--pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
|
|
1677
|
+
--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
|
|
1678
|
+
--pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
1679
|
+
--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
1680
|
+
--pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
|
|
1681
|
+
--pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
|
|
1682
|
+
--pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
|
|
1683
|
+
--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
1631
1684
|
--pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
|
|
1632
1685
|
--pf-v6-c-button__progress--Opacity: 0;
|
|
1633
1686
|
--pf-v6-c-button__progress--TranslateY: -50%;
|
|
@@ -1937,6 +1990,20 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
1937
1990
|
--pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
|
|
1938
1991
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
|
|
1939
1992
|
}
|
|
1993
|
+
.pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
|
|
1994
|
+
transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
|
|
1995
|
+
transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
|
|
1996
|
+
transition-property: color;
|
|
1997
|
+
}
|
|
1998
|
+
.pf-v6-c-button.pf-m-favorited {
|
|
1999
|
+
--pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
|
|
2000
|
+
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
|
|
2001
|
+
}
|
|
2002
|
+
.pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
|
|
2003
|
+
animation-name: pf-v6-c-button-icon-favorited;
|
|
2004
|
+
animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
|
|
2005
|
+
animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
|
|
2006
|
+
}
|
|
1940
2007
|
.pf-v6-c-button:hover, .pf-v6-c-button:focus {
|
|
1941
2008
|
--pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
|
|
1942
2009
|
--pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
|
|
@@ -1992,6 +2059,11 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
1992
2059
|
.pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
|
|
1993
2060
|
opacity: 0;
|
|
1994
2061
|
}
|
|
2062
|
+
.pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
|
|
2063
|
+
animation-name: pf-v6-c-button-icon-notify;
|
|
2064
|
+
animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
|
|
2065
|
+
animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
|
|
2066
|
+
}
|
|
1995
2067
|
|
|
1996
2068
|
.pf-v6-c-button__icon {
|
|
1997
2069
|
margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
|
|
@@ -2022,6 +2094,19 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2022
2094
|
align-items: center;
|
|
2023
2095
|
}
|
|
2024
2096
|
|
|
2097
|
+
@keyframes pf-v6-c-button-icon-notify {
|
|
2098
|
+
33% {
|
|
2099
|
+
transform: rotate(30deg);
|
|
2100
|
+
}
|
|
2101
|
+
66% {
|
|
2102
|
+
transform: rotate(-60deg);
|
|
2103
|
+
}
|
|
2104
|
+
}
|
|
2105
|
+
@keyframes pf-v6-c-button-icon-favorited {
|
|
2106
|
+
50% {
|
|
2107
|
+
transform: scale(1.5);
|
|
2108
|
+
}
|
|
2109
|
+
}
|
|
2025
2110
|
.pf-v6-c-calendar-month {
|
|
2026
2111
|
--pf-v6-c-calendar-month--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
2027
2112
|
--pf-v6-c-calendar-month--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
@@ -2252,12 +2337,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2252
2337
|
--pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
|
|
2253
2338
|
--pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2254
2339
|
--pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2340
|
+
--pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
|
|
2341
|
+
--pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
|
|
2255
2342
|
--pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2256
2343
|
--pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
|
|
2257
2344
|
--pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
2258
2345
|
--pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
|
|
2259
2346
|
--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
2260
|
-
--pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--
|
|
2347
|
+
--pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
2261
2348
|
--pf-v6-c-card--m-expanded__header-toggle-icon--Rotate: 90deg;
|
|
2262
2349
|
--pf-v6-c-card--m-selectable--BorderWidth: var(--pf-v6-c-card--BorderWidth);
|
|
2263
2350
|
--pf-v6-c-card--m-clickable--m-current--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
@@ -2415,6 +2502,21 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2415
2502
|
.pf-v6-c-card__header.pf-m-toggle-right .pf-v6-c-card__header-toggle {
|
|
2416
2503
|
order: 2;
|
|
2417
2504
|
}
|
|
2505
|
+
.pf-v6-c-card__header.pf-m-wrap {
|
|
2506
|
+
--pf-v6-c-card__actions--PaddingInlineStart: 0;
|
|
2507
|
+
gap: var(--pf-v6-c-card__header--m-wrap--RowGap) var(--pf-v6-c-card__header--m-wrap--ColumnGap);
|
|
2508
|
+
}
|
|
2509
|
+
.pf-v6-c-card__header.pf-m-wrap,
|
|
2510
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
2511
|
+
flex-wrap: wrap;
|
|
2512
|
+
row-gap: var(--pf-v6-c-card__header--m-wrap--RowGap);
|
|
2513
|
+
}
|
|
2514
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions {
|
|
2515
|
+
margin-inline-start: 0;
|
|
2516
|
+
}
|
|
2517
|
+
.pf-v6-c-card__header.pf-m-wrap .pf-v6-c-card__actions + * {
|
|
2518
|
+
margin-inline-end: auto;
|
|
2519
|
+
}
|
|
2418
2520
|
|
|
2419
2521
|
.pf-v6-c-card__header-main {
|
|
2420
2522
|
flex-grow: 1;
|
|
@@ -2430,7 +2532,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
|
|
|
2430
2532
|
|
|
2431
2533
|
.pf-v6-c-card__header-toggle-icon {
|
|
2432
2534
|
display: inline-block;
|
|
2433
|
-
transition
|
|
2535
|
+
transition-timing-function: var(--pf-v6-c-card__header-toggle-icon--TransitionTimingFunction);
|
|
2536
|
+
transition-duration: var(--pf-v6-c-card__header-toggle-icon--TransitionDuration);
|
|
2537
|
+
transition-property: transform;
|
|
2434
2538
|
}
|
|
2435
2539
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-card__header-toggle-icon {
|
|
2436
2540
|
scale: -1 1;
|
|
@@ -2641,7 +2745,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2641
2745
|
}
|
|
2642
2746
|
|
|
2643
2747
|
.pf-v6-c-clipboard-copy {
|
|
2644
|
-
--pf-v6-c-clipboard-copy__toggle-icon--
|
|
2748
|
+
--pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
2749
|
+
--pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
2750
|
+
--pf-v6-c-clipboard-copy__toggle-icon--Transition: transform var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionDuration) var(--pf-v6-c-clipboard-copy__toggle-icon--TransitionTimingFunction);
|
|
2645
2751
|
--pf-v6-c-clipboard-copy--m-expanded__toggle-icon--Rotate: 90deg;
|
|
2646
2752
|
--pf-v6-c-clipboard-copy__expandable-content--MarginBlockStart: var(--pf-t--global--spacer--xs);
|
|
2647
2753
|
--pf-v6-c-clipboard-copy__expandable-content--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
@@ -2681,6 +2787,9 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
|
|
|
2681
2787
|
.pf-v6-c-clipboard-copy.pf-m-inline.pf-m-block {
|
|
2682
2788
|
display: block;
|
|
2683
2789
|
}
|
|
2790
|
+
.pf-v6-c-clipboard-copy.pf-m-inline.pf-m-truncate {
|
|
2791
|
+
display: inline-flex;
|
|
2792
|
+
}
|
|
2684
2793
|
|
|
2685
2794
|
.pf-v6-c-clipboard-copy__group {
|
|
2686
2795
|
display: flex;
|
|
@@ -3706,7 +3815,9 @@ ul) {
|
|
|
3706
3815
|
--pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
3707
3816
|
--pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
|
|
3708
3817
|
--pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
|
|
3709
|
-
--pf-v6-c-data-list__toggle-icon--
|
|
3818
|
+
--pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
3819
|
+
--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
3820
|
+
--pf-v6-c-data-list__toggle-icon--Transition: transform var(--pf-v6-c-data-list__toggle-icon--TransitionDuration) var(--pf-v6-c-data-list__toggle-icon--TransitionTimingFunction);
|
|
3710
3821
|
--pf-v6-c-data-list__toggle-icon--Rotate: 0;
|
|
3711
3822
|
--pf-v6-c-data-list__item--m-expanded__toggle-icon--Rotate: 90deg;
|
|
3712
3823
|
--pf-v6-c-data-list__item-draggable-button--BackgroundColor: transparent;
|
|
@@ -4105,7 +4216,7 @@ ul) {
|
|
|
4105
4216
|
--pf-v6-c-description-list__term--Display: inline;
|
|
4106
4217
|
--pf-v6-c-description-list__term--sm--Display: flex;
|
|
4107
4218
|
--pf-v6-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
4108
|
-
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--
|
|
4219
|
+
--pf-v6-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--default);
|
|
4109
4220
|
--pf-v6-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
4110
4221
|
--pf-v6-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
|
|
4111
4222
|
--pf-v6-c-description-list__term-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
|
|
@@ -4542,7 +4653,7 @@ ul) {
|
|
|
4542
4653
|
--pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
|
|
4543
4654
|
--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
|
|
4544
4655
|
--pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
|
|
4545
|
-
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--
|
|
4656
|
+
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
4546
4657
|
--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
4547
4658
|
--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
|
|
4548
4659
|
--pf-v6-c-dual-list-selector__list-item--m-disabled__item-toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
@@ -4766,7 +4877,9 @@ ul) {
|
|
|
4766
4877
|
min-width: var(--pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth);
|
|
4767
4878
|
color: var(--pf-v6-c-dual-list-selector__item-toggle-icon--Color, inherit);
|
|
4768
4879
|
text-align: center;
|
|
4769
|
-
transition
|
|
4880
|
+
transition-timing-function: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction);
|
|
4881
|
+
transition-duration: var(--pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration);
|
|
4882
|
+
transition-property: transform;
|
|
4770
4883
|
transform: rotate(var(--pf-v6-c-dual-list-selector__item-toggle-icon--Rotate));
|
|
4771
4884
|
}
|
|
4772
4885
|
|
|
@@ -6157,7 +6270,9 @@ ul) {
|
|
|
6157
6270
|
--pf-v6-c-expandable-section--Gap: var(--pf-t--global--spacer--sm);
|
|
6158
6271
|
--pf-v6-c-expandable-section__toggle-icon--MinWidth: 1em;
|
|
6159
6272
|
--pf-v6-c-expandable-section__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
6160
|
-
--pf-v6-c-expandable-section__toggle-icon--
|
|
6273
|
+
--pf-v6-c-expandable-section__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
6274
|
+
--pf-v6-c-expandable-section__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
6275
|
+
--pf-v6-c-expandable-section__toggle-icon--Transition: transform var(--pf-v6-c-expandable-section__toggle-icon--TransitionDuration) var(--pf-v6-c-expandable-section__toggle-icon--TransitionTimingFunction);
|
|
6161
6276
|
--pf-v6-c-expandable-section__toggle-icon--Rotate: 0;
|
|
6162
6277
|
--pf-v6-c-expandable-section__toggle-icon--m-expand-top--Rotate: 0;
|
|
6163
6278
|
--pf-v6-c-expandable-section--m-expanded__toggle-icon--Rotate: 90deg;
|
|
@@ -6303,16 +6418,16 @@ ul) {
|
|
|
6303
6418
|
--pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
|
|
6304
6419
|
--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
|
|
6305
6420
|
--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) - ((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)));
|
|
6306
|
-
--pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--
|
|
6421
|
+
--pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
|
|
6307
6422
|
--pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
6308
6423
|
--pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
6309
6424
|
--pf-v6-c-form__label--hover--Cursor: pointer;
|
|
6310
6425
|
--pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
|
|
6311
6426
|
--pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
6312
6427
|
--pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
|
|
6313
|
-
--pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--
|
|
6428
|
+
--pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
|
|
6314
6429
|
--pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
|
|
6315
|
-
--pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--
|
|
6430
|
+
--pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
|
|
6316
6431
|
--pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
|
|
6317
6432
|
--pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
6318
6433
|
--pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
|
|
@@ -6349,7 +6464,7 @@ ul) {
|
|
|
6349
6464
|
--pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
|
|
6350
6465
|
--pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
6351
6466
|
--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
|
|
6352
|
-
--pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--
|
|
6467
|
+
--pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
6353
6468
|
--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
6354
6469
|
--pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
|
|
6355
6470
|
--pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
|
|
@@ -6747,7 +6862,9 @@ ul) {
|
|
|
6747
6862
|
display: inline-block;
|
|
6748
6863
|
min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
|
|
6749
6864
|
text-align: center;
|
|
6750
|
-
transition
|
|
6865
|
+
transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
|
|
6866
|
+
transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
|
|
6867
|
+
transition-property: transform;
|
|
6751
6868
|
transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
|
|
6752
6869
|
}
|
|
6753
6870
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
|
|
@@ -6821,10 +6938,29 @@ ul) {
|
|
|
6821
6938
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
6822
6939
|
--pf-v6-c-form-control--Width: 100%;
|
|
6823
6940
|
--pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
|
|
6824
|
-
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
|
|
6825
|
-
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
|
|
6826
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
6827
|
-
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
6941
|
+
--pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
6942
|
+
--pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
|
|
6943
|
+
--pf-v6-c-form-control--PaddingInlineEnd--base: var(--pf-v6-c-form-control--inset--base);
|
|
6944
|
+
--pf-v6-c-form-control--PaddingInlineStart--base: var(--pf-v6-c-form-control--inset--base);
|
|
6945
|
+
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
|
|
6946
|
+
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
|
|
6947
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
|
|
6948
|
+
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
|
|
6949
|
+
--pf-v6-c-form-control__utilities--input--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
|
|
6950
|
+
--pf-v6-c-form-control__utilities--select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
|
|
6951
|
+
--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd: var(--pf-v6-c-form-control__textarea--PaddingInlineEnd);
|
|
6952
|
+
--pf-v6-c-form-control__input--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
|
|
6953
|
+
--pf-v6-c-form-control__input--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
|
|
6954
|
+
--pf-v6-c-form-control__input--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
|
|
6955
|
+
--pf-v6-c-form-control__input--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
|
|
6956
|
+
--pf-v6-c-form-control__select--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
|
|
6957
|
+
--pf-v6-c-form-control__select--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
|
|
6958
|
+
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
|
|
6959
|
+
--pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
|
|
6960
|
+
--pf-v6-c-form-control__textarea--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
|
|
6961
|
+
--pf-v6-c-form-control__textarea--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
|
|
6962
|
+
--pf-v6-c-form-control__textarea--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
|
|
6963
|
+
--pf-v6-c-form-control__textarea--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
|
|
6828
6964
|
--pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
6829
6965
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
|
|
6830
6966
|
--pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
|
|
@@ -6844,25 +6980,33 @@ ul) {
|
|
|
6844
6980
|
--pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
|
|
6845
6981
|
--pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
|
|
6846
6982
|
--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
|
|
6983
|
+
--pf-v6-c-form-control--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
6847
6984
|
--pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6848
6985
|
--pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
6849
|
-
--pf-v6-c-form-control--m-success--PaddingInlineEnd:
|
|
6986
|
+
--pf-v6-c-form-control--m-success--PaddingInlineEnd: initial;
|
|
6987
|
+
--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: initial;
|
|
6988
|
+
--pf-v6-c-form-control__input--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
|
|
6989
|
+
--pf-v6-c-form-control__select--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
|
|
6990
|
+
--pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
|
|
6850
6991
|
--pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6851
6992
|
--pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
6852
|
-
--pf-v6-c-form-control--m-warning--PaddingInlineEnd:
|
|
6993
|
+
--pf-v6-c-form-control--m-warning--PaddingInlineEnd: initial;
|
|
6994
|
+
--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: initial;
|
|
6995
|
+
--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
|
|
6996
|
+
--pf-v6-c-form-control__select--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
|
|
6997
|
+
--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
|
|
6853
6998
|
--pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
6854
6999
|
--pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
6855
|
-
--pf-v6-c-form-control--m-error--PaddingInlineEnd:
|
|
7000
|
+
--pf-v6-c-form-control--m-error--PaddingInlineEnd: initial;
|
|
7001
|
+
--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: initial;
|
|
6856
7002
|
--pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
6857
|
-
--pf-v6-c-form-
|
|
7003
|
+
--pf-v6-c-form-control__input--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
|
|
7004
|
+
--pf-v6-c-form-control__select--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
|
|
7005
|
+
--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
|
|
7006
|
+
--pf-v6-c-form-control--m-icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
|
|
6858
7007
|
--pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
|
|
6859
7008
|
--pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
|
|
6860
|
-
--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--
|
|
6861
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--inset--base);
|
|
6862
|
-
--pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
|
|
6863
|
-
--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
|
|
6864
|
-
--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
|
|
6865
|
-
--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: calc((var(--pf-v6-c-form-control__icon--FontSize) * 2) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd) + var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart));
|
|
7009
|
+
--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--icon--width) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
|
|
6866
7010
|
--pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
|
|
6867
7011
|
--pf-v6-c-form-control--textarea--Height: auto;
|
|
6868
7012
|
--pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
|
|
@@ -6876,11 +7020,13 @@ ul) {
|
|
|
6876
7020
|
--pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
6877
7021
|
--pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
6878
7022
|
--pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
|
|
6879
|
-
--pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-
|
|
6880
|
-
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--
|
|
6881
|
-
--pf-v6-c-form-
|
|
6882
|
-
--pf-v6-c-form-control__toggle-icon--PaddingInlineStart:
|
|
7023
|
+
--pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart);
|
|
7024
|
+
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
|
|
7025
|
+
--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
|
|
7026
|
+
--pf-v6-c-form-control__toggle-icon--PaddingInlineStart: 0;
|
|
7027
|
+
--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: 0;
|
|
6883
7028
|
--pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7029
|
+
--pf-v6-c-form-control__toggle-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
|
|
6884
7030
|
--pf-v6-c-form-control--m-disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
|
|
6885
7031
|
}
|
|
6886
7032
|
|
|
@@ -6934,6 +7080,14 @@ ul) {
|
|
|
6934
7080
|
.pf-v6-c-form-control > :is(input, select) {
|
|
6935
7081
|
text-overflow: ellipsis;
|
|
6936
7082
|
}
|
|
7083
|
+
.pf-v6-c-form-control:has(input) {
|
|
7084
|
+
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
|
|
7085
|
+
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
|
|
7086
|
+
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__input--PaddingInlineStart);
|
|
7087
|
+
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
|
|
7088
|
+
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd);
|
|
7089
|
+
}
|
|
7090
|
+
|
|
6937
7091
|
.pf-v6-c-form-control.pf-m-textarea {
|
|
6938
7092
|
padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
|
|
6939
7093
|
padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
|
|
@@ -6943,14 +7097,20 @@ ul) {
|
|
|
6943
7097
|
.pf-v6-c-form-control.pf-m-textarea.pf-m-success, .pf-v6-c-form-control.pf-m-textarea.pf-m-warning, .pf-v6-c-form-control.pf-m-textarea.pf-m-error {
|
|
6944
7098
|
--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--ColumnGap));
|
|
6945
7099
|
}
|
|
7100
|
+
.pf-v6-c-form-control.pf-m-textarea:has(textarea) {
|
|
7101
|
+
--pf-v6-c-form-control--PaddingBlockStart: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
|
|
7102
|
+
--pf-v6-c-form-control--PaddingBlockEnd: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
|
|
7103
|
+
--pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__textarea--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
|
|
7104
|
+
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__textarea--PaddingInlineEnd) - var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset) + var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset, 0px));
|
|
7105
|
+
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
|
|
7106
|
+
}
|
|
6946
7107
|
.pf-v6-c-form-control.pf-m-textarea > textarea {
|
|
6947
|
-
padding-block-start: calc(var(--pf-v6-c-form-control--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
|
|
6948
|
-
padding-block-end: calc(var(--pf-v6-c-form-control--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
|
|
6949
|
-
padding-inline-start: calc(var(--pf-v6-c-form-control--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
|
|
6950
|
-
padding-inline-end: calc(var(--pf-v6-c-form-control--PaddingInlineEnd) - var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset) + var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset, 0));
|
|
6951
7108
|
outline-offset: 0;
|
|
6952
7109
|
scrollbar-gutter: stable;
|
|
6953
7110
|
}
|
|
7111
|
+
.pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
|
|
7112
|
+
padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
|
|
7113
|
+
}
|
|
6954
7114
|
.pf-v6-c-form-control.pf-m-readonly {
|
|
6955
7115
|
--pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
|
|
6956
7116
|
--pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
|
|
@@ -6983,37 +7143,58 @@ ul) {
|
|
|
6983
7143
|
cursor: not-allowed;
|
|
6984
7144
|
}
|
|
6985
7145
|
.pf-v6-c-form-control.pf-m-error {
|
|
6986
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd);
|
|
6987
7146
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
|
|
6988
7147
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
|
|
6989
7148
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
|
|
6990
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd);
|
|
6991
7149
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
|
|
6992
7150
|
}
|
|
6993
|
-
.pf-v6-c-form-control.pf-m-error
|
|
6994
|
-
--pf-v6-c-form-control--PaddingInlineEnd
|
|
7151
|
+
.pf-v6-c-form-control.pf-m-error > textarea {
|
|
7152
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
|
|
7153
|
+
}
|
|
7154
|
+
.pf-v6-c-form-control.pf-m-error > input {
|
|
7155
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-error--PaddingInlineEnd));
|
|
7156
|
+
}
|
|
7157
|
+
.pf-v6-c-form-control.pf-m-error > select {
|
|
7158
|
+
padding-inline-end: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-error--PaddingInlineEnd));
|
|
7159
|
+
}
|
|
7160
|
+
.pf-v6-c-form-control.pf-m-error.pf-m-icon > :is(input) {
|
|
7161
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
6995
7162
|
}
|
|
6996
7163
|
.pf-v6-c-form-control.pf-m-success {
|
|
6997
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd);
|
|
6998
7164
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
|
|
6999
7165
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
|
|
7000
7166
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
|
|
7001
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd);
|
|
7002
7167
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
|
|
7003
7168
|
}
|
|
7004
|
-
.pf-v6-c-form-control.pf-m-success
|
|
7005
|
-
--pf-v6-c-form-control--PaddingInlineEnd
|
|
7169
|
+
.pf-v6-c-form-control.pf-m-success > textarea {
|
|
7170
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd));
|
|
7171
|
+
}
|
|
7172
|
+
.pf-v6-c-form-control.pf-m-success > input {
|
|
7173
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-success--PaddingInlineEnd));
|
|
7174
|
+
}
|
|
7175
|
+
.pf-v6-c-form-control.pf-m-success > select {
|
|
7176
|
+
padding-inline-end: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-success--PaddingInlineEnd));
|
|
7177
|
+
}
|
|
7178
|
+
.pf-v6-c-form-control.pf-m-success.pf-m-icon > :is(input) {
|
|
7179
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
7006
7180
|
}
|
|
7007
7181
|
.pf-v6-c-form-control.pf-m-warning {
|
|
7008
|
-
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd);
|
|
7009
7182
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
|
|
7010
7183
|
--pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
|
|
7011
7184
|
--pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
|
|
7012
|
-
--pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd);
|
|
7013
7185
|
--pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
|
|
7014
7186
|
}
|
|
7015
|
-
.pf-v6-c-form-control.pf-m-warning
|
|
7016
|
-
--pf-v6-c-form-control--PaddingInlineEnd
|
|
7187
|
+
.pf-v6-c-form-control.pf-m-warning > textarea {
|
|
7188
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd));
|
|
7189
|
+
}
|
|
7190
|
+
.pf-v6-c-form-control.pf-m-warning > input {
|
|
7191
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd));
|
|
7192
|
+
}
|
|
7193
|
+
.pf-v6-c-form-control.pf-m-warning > select {
|
|
7194
|
+
padding-inline-end: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-warning--PaddingInlineEnd));
|
|
7195
|
+
}
|
|
7196
|
+
.pf-v6-c-form-control.pf-m-warning.pf-m-icon > :is(input) {
|
|
7197
|
+
padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
|
|
7017
7198
|
}
|
|
7018
7199
|
.pf-v6-c-form-control:hover {
|
|
7019
7200
|
--pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
|
|
@@ -7022,13 +7203,19 @@ ul) {
|
|
|
7022
7203
|
.pf-v6-c-form-control.pf-m-icon {
|
|
7023
7204
|
--pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
|
|
7024
7205
|
}
|
|
7025
|
-
.pf-v6-c-form-control
|
|
7026
|
-
--pf-v6-c-form-control--
|
|
7206
|
+
.pf-v6-c-form-control:has(select) {
|
|
7207
|
+
--pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__select--PaddingBlockStart);
|
|
7208
|
+
--pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__select--PaddingBlockEnd);
|
|
7027
7209
|
--pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
|
|
7210
|
+
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
|
|
7211
|
+
--pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
|
|
7028
7212
|
background-color: var(--pf-v6-c-form-control--BackgroundColor);
|
|
7029
7213
|
}
|
|
7214
|
+
.pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
|
|
7215
|
+
padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
|
|
7216
|
+
}
|
|
7030
7217
|
@-moz-document url-prefix() {
|
|
7031
|
-
.pf-v6-c-form-control
|
|
7218
|
+
.pf-v6-c-form-control:has(select) {
|
|
7032
7219
|
--pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
|
|
7033
7220
|
--pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
|
|
7034
7221
|
}
|
|
@@ -7074,6 +7261,7 @@ ul) {
|
|
|
7074
7261
|
grid-column: 3;
|
|
7075
7262
|
padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
|
|
7076
7263
|
padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
|
|
7264
|
+
font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
|
|
7077
7265
|
color: var(--pf-v6-c-form-control__toggle-icon--Color);
|
|
7078
7266
|
pointer-events: none;
|
|
7079
7267
|
}
|
|
@@ -7089,10 +7277,6 @@ ul) {
|
|
|
7089
7277
|
pointer-events: none;
|
|
7090
7278
|
}
|
|
7091
7279
|
|
|
7092
|
-
select ~ .pf-v6-c-form-control__utilities {
|
|
7093
|
-
--pf-v6-c-form-control__utilities--PaddingInlineEnd: 0;
|
|
7094
|
-
}
|
|
7095
|
-
|
|
7096
7280
|
.pf-v6-c-hint {
|
|
7097
7281
|
--pf-v6-c-hint--GridRowGap: var(--pf-t--global--spacer--sm);
|
|
7098
7282
|
--pf-v6-c-hint--PaddingBlockStart: var(--pf-t--global--spacer--lg);
|
|
@@ -7182,6 +7366,8 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7182
7366
|
--pf-v6-c-helper-text__item-text--m-success--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7183
7367
|
--pf-v6-c-helper-text__item-icon--m-error--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
7184
7368
|
--pf-v6-c-helper-text__item-text--m-error--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
7369
|
+
--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
|
|
7370
|
+
--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
7185
7371
|
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7186
7372
|
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
7187
7373
|
--pf-v6-c-helper-text--m-dynamic--m-indeterminate__item-text--Color: var(--pf-t--global--text--color--subtle);
|
|
@@ -7226,6 +7412,17 @@ select ~ .pf-v6-c-form-control__utilities {
|
|
|
7226
7412
|
--pf-v6-c-helper-text__item-text--FontWeight: var(--pf-v6-c-helper-text__item-text--m-error--FontWeight);
|
|
7227
7413
|
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text__item-icon--m-error--Color);
|
|
7228
7414
|
--pf-v6-c-helper-text--m-dynamic__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic--m-error__item-icon--Color);
|
|
7415
|
+
animation-name: pf-v6-c-helper-text-item-fade-in;
|
|
7416
|
+
animation-duration: var(--pf-v6-c-helper-text__item--m-error--TransitionDuration--Opacity);
|
|
7417
|
+
animation-timing-function: var(--pf-v6-c-helper-text__item--m-error--TransitionTimingFunction--Opacity);
|
|
7418
|
+
}
|
|
7419
|
+
@keyframes pf-v6-c-helper-text-item-fade-in {
|
|
7420
|
+
from {
|
|
7421
|
+
opacity: 0;
|
|
7422
|
+
}
|
|
7423
|
+
to {
|
|
7424
|
+
opacity: 1;
|
|
7425
|
+
}
|
|
7229
7426
|
}
|
|
7230
7427
|
.pf-v6-c-helper-text__item.pf-m-dynamic {
|
|
7231
7428
|
--pf-v6-c-helper-text__item-icon--Color: var(--pf-v6-c-helper-text--m-dynamic__item-icon--Color);
|
|
@@ -7699,7 +7896,7 @@ label.pf-v6-c-input-group__text {
|
|
|
7699
7896
|
--pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
|
|
7700
7897
|
--pf-v6-c-jump-links__toggle--Display: none;
|
|
7701
7898
|
--pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
7702
|
-
--pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--
|
|
7899
|
+
--pf-v6-c-jump-links__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
7703
7900
|
--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
7704
7901
|
--pf-v6-c-jump-links__toggle-icon--Rotate: 0;
|
|
7705
7902
|
--pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
|
|
@@ -7891,7 +8088,9 @@ label.pf-v6-c-input-group__text {
|
|
|
7891
8088
|
.pf-v6-c-jump-links__toggle-icon {
|
|
7892
8089
|
display: inline-block;
|
|
7893
8090
|
color: var(--pf-v6-c-jump-links__toggle-icon--Color);
|
|
7894
|
-
transition
|
|
8091
|
+
transition-timing-function: var(--pf-v6-c-jump-links__toggle-icon--TransitionTimingFunction);
|
|
8092
|
+
transition-duration: var(--pf-v6-c-jump-links__toggle-icon--TransitionDuration);
|
|
8093
|
+
transition-property: transform;
|
|
7895
8094
|
transform: rotate(var(--pf-v6-c-jump-links__toggle-icon--Rotate));
|
|
7896
8095
|
}
|
|
7897
8096
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-jump-links__toggle-icon {
|
|
@@ -9055,7 +9254,7 @@ ul.pf-v6-c-list {
|
|
|
9055
9254
|
grid-column-end: -1;
|
|
9056
9255
|
row-gap: var(--pf-v6-c-masthead__content-RowGap, var(--pf-v6-c-masthead--RowGap));
|
|
9057
9256
|
column-gap: var(--pf-v6-c-masthead__content--ColumnGap, var(--pf-v6-c-masthead--ColumnGap));
|
|
9058
|
-
align-self:
|
|
9257
|
+
align-self: center;
|
|
9059
9258
|
order: var(--pf-v6-c-masthead__content--Order);
|
|
9060
9259
|
min-width: 0.25rem;
|
|
9061
9260
|
}
|
|
@@ -9739,7 +9938,6 @@ ul.pf-v6-c-list {
|
|
|
9739
9938
|
z-index: var(--pf-v6-c-menu--ZIndex);
|
|
9740
9939
|
margin-block-start: calc(var(--pf-v6-c-menu--RowGap) * -1);
|
|
9741
9940
|
margin-block-end: calc(var(--pf-v6-c-menu--RowGap) * -1);
|
|
9742
|
-
overflow: hidden;
|
|
9743
9941
|
}
|
|
9744
9942
|
.pf-v6-c-menu.pf-m-scrollable .pf-v6-c-menu__list {
|
|
9745
9943
|
padding-block-start: var(--pf-v6-c-menu--RowGap);
|
|
@@ -9963,16 +10161,16 @@ ul.pf-v6-c-list {
|
|
|
9963
10161
|
opacity: 0;
|
|
9964
10162
|
}
|
|
9965
10163
|
|
|
9966
|
-
.pf-v6-c-menu__item-toggle-icon.pf-m-favorited, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button,
|
|
10164
|
+
.pf-v6-c-menu__item-toggle-icon.pf-m-favorited, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited),
|
|
9967
10165
|
.pf-v6-c-menu__item-action.pf-m-favorited,
|
|
9968
10166
|
.pf-v6-c-menu__item-action.pf-m-favorited:hover,
|
|
9969
|
-
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button {
|
|
10167
|
+
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
|
|
9970
10168
|
--pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
|
|
9971
10169
|
}
|
|
9972
|
-
.pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:is(:hover, :focus),
|
|
10170
|
+
.pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus),
|
|
9973
10171
|
.pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
|
|
9974
10172
|
.pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
|
|
9975
|
-
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
|
|
10173
|
+
.pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
|
|
9976
10174
|
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
|
|
9977
10175
|
}
|
|
9978
10176
|
|
|
@@ -10102,7 +10300,7 @@ ul.pf-v6-c-list {
|
|
|
10102
10300
|
--pf-v6-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
10103
10301
|
--pf-v6-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
10104
10302
|
--pf-v6-c-menu-toggle--m-plain--BorderColor: transparent;
|
|
10105
|
-
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-
|
|
10303
|
+
--pf-v6-c-menu-toggle--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
10106
10304
|
--pf-v6-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
10107
10305
|
--pf-v6-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
10108
10306
|
--pf-v6-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
|
|
@@ -10117,12 +10315,16 @@ ul.pf-v6-c-list {
|
|
|
10117
10315
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10118
10316
|
--pf-v6-c-menu-toggle--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
|
|
10119
10317
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10318
|
+
--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--icon--default);
|
|
10319
|
+
--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
|
|
10120
10320
|
--pf-v6-c-menu-toggle--m-success--BorderColor: var(--pf-t--global--border--color--status--success--default);
|
|
10121
10321
|
--pf-v6-c-menu-toggle--m-success__status-icon--Color: var(--pf-t--global--icon--color--status--success--default);
|
|
10122
10322
|
--pf-v6-c-menu-toggle--m-warning--BorderColor: var(--pf-t--global--border--color--status--warning--default);
|
|
10123
10323
|
--pf-v6-c-menu-toggle--m-warning__status-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
|
|
10124
10324
|
--pf-v6-c-menu-toggle--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
|
|
10125
10325
|
--pf-v6-c-menu-toggle--m-danger__status-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
|
|
10326
|
+
--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform: var(--pf-t--global--motion--duration--fade--default);
|
|
10327
|
+
--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform: var(--pf-t--global--motion--timing-function--default);
|
|
10126
10328
|
--pf-v6-c-menu-toggle--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
|
|
10127
10329
|
--pf-v6-c-menu-toggle__controls--Gap: var(--pf-t--global--spacer--sm);
|
|
10128
10330
|
}
|
|
@@ -10271,6 +10473,28 @@ ul.pf-v6-c-list {
|
|
|
10271
10473
|
--pf-v6-c-menu-toggle--BorderColor: var(--pf-v6-c-menu-toggle--m-danger--BorderColor);
|
|
10272
10474
|
--pf-v6-c-menu-toggle__status-icon--Color: var(--pf-v6-c-menu-toggle--m-danger__status-icon--Color);
|
|
10273
10475
|
}
|
|
10476
|
+
@media screen and (prefers-reduced-motion: no-preference) {
|
|
10477
|
+
.pf-v6-c-menu-toggle.pf-m-danger {
|
|
10478
|
+
transform: translateX(var(--pf-v6-c-menu-toggle--m-danger--TranslateX, 0));
|
|
10479
|
+
animation-name: pf-v6-c-menu-toggle-m-danger-motion;
|
|
10480
|
+
animation-duration: var(--pf-v6-c-menu-toggle--m-danger--AnimationDuration--Transform);
|
|
10481
|
+
animation-timing-function: var(--pf-v6-c-menu-toggle--m-danger--AnimationTimingFunction--Transform);
|
|
10482
|
+
animation-fill-mode: both;
|
|
10483
|
+
}
|
|
10484
|
+
}
|
|
10485
|
+
.pf-v6-c-menu-toggle.pf-m-danger .pf-v6-c-menu-toggle__status-icon {
|
|
10486
|
+
animation-name: pf-v6-c-menu-toggle-status-icon-fade-in;
|
|
10487
|
+
animation-duration: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionDuration--Opacity);
|
|
10488
|
+
animation-timing-function: var(--pf-v6-c-menu-toggle__status-icon--m-danger--TransitionTimingFunction--Opacity);
|
|
10489
|
+
}
|
|
10490
|
+
@keyframes pf-v6-c-menu-toggle-status-icon-fade-in {
|
|
10491
|
+
from {
|
|
10492
|
+
opacity: 0;
|
|
10493
|
+
}
|
|
10494
|
+
to {
|
|
10495
|
+
opacity: 1;
|
|
10496
|
+
}
|
|
10497
|
+
}
|
|
10274
10498
|
.pf-v6-c-menu-toggle.pf-m-placeholder {
|
|
10275
10499
|
--pf-v6-c-menu-toggle--Color: var(--pf-v6-c-menu-toggle--m-placeholder--Color);
|
|
10276
10500
|
}
|
|
@@ -10286,6 +10510,21 @@ ul.pf-v6-c-list {
|
|
|
10286
10510
|
pointer-events: none;
|
|
10287
10511
|
}
|
|
10288
10512
|
|
|
10513
|
+
@property --pf-v6-c-menu-toggle--m-danger--TranslateX {
|
|
10514
|
+
syntax: "<length>";
|
|
10515
|
+
inherits: false;
|
|
10516
|
+
initial-value: 0;
|
|
10517
|
+
}
|
|
10518
|
+
@media (prefers-reduced-motion: no-preference) {
|
|
10519
|
+
@keyframes pf-v6-c-menu-toggle-m-danger-motion {
|
|
10520
|
+
33% {
|
|
10521
|
+
--pf-v6-c-menu-toggle--m-danger--TranslateX: -2px;
|
|
10522
|
+
}
|
|
10523
|
+
66% {
|
|
10524
|
+
--pf-v6-c-menu-toggle--m-danger--TranslateX: 3px;
|
|
10525
|
+
}
|
|
10526
|
+
}
|
|
10527
|
+
}
|
|
10289
10528
|
.pf-v6-c-menu-toggle.pf-m-split-button {
|
|
10290
10529
|
--pf-v6-c-menu-toggle--Gap: 0;
|
|
10291
10530
|
--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor: var(--pf-v6-c-menu-toggle--BorderColor);
|
|
@@ -10875,13 +11114,15 @@ ul.pf-v6-c-list {
|
|
|
10875
11114
|
--pf-v6-c-nav__item--ScrollSnapAlign: end;
|
|
10876
11115
|
--pf-v6-c-nav__section-title--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
10877
11116
|
--pf-v6-c-nav__section-title--Color: var(--pf-t--global--text--color--regular);
|
|
10878
|
-
--pf-v6-c-nav__section-title--PaddingBlockStart:
|
|
10879
|
-
--pf-v6-c-nav__section-title--PaddingBlockEnd:
|
|
11117
|
+
--pf-v6-c-nav__section-title--PaddingBlockStart: 0;
|
|
11118
|
+
--pf-v6-c-nav__section-title--PaddingBlockEnd: 0;
|
|
10880
11119
|
--pf-v6-c-nav__section-title--PaddingInlineStart: var(--pf-v6-c-nav__link--PaddingInlineStart);
|
|
10881
11120
|
--pf-v6-c-nav__section-title--PaddingInlineEnd: var(--pf-v6-c-nav__link--PaddingInlineEnd);
|
|
10882
11121
|
--pf-v6-c-nav__item--RowGap: var(--pf-v6-c-nav__list--RowGap);
|
|
10883
11122
|
--pf-v6-c-nav__item__toggle-icon--Rotate: 0;
|
|
10884
11123
|
--pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate: 90deg;
|
|
11124
|
+
--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform: var(--pf-t--global--motion--duration--icon--default);
|
|
11125
|
+
--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform: var(--pf-t--global--motion--timing-function--default);
|
|
10885
11126
|
--pf-v6-c-nav__link--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
10886
11127
|
--pf-v6-c-nav__link--AlignItems: baseline;
|
|
10887
11128
|
--pf-v6-c-nav__link--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
@@ -10892,10 +11133,19 @@ ul.pf-v6-c-list {
|
|
|
10892
11133
|
--pf-v6-c-nav__link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--hover);
|
|
10893
11134
|
--pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--alt--clicked);
|
|
10894
11135
|
--pf-v6-c-nav__link--m-current--Color: var(--pf-t--global--text--color--regular);
|
|
11136
|
+
--pf-v6-c-nav__link--TransitionDuration--background-color: var(--pf-t--global--motion--duration--fade--default);
|
|
11137
|
+
--pf-v6-c-nav__link--TransitionTimingFunction--background-color: var(--pf-t--global--motion--timing-function--default);
|
|
11138
|
+
--pf-v6-c-nav__link--m-current--TransitionDuration--color: var(--pf-t--global--motion--duration--fade--short);
|
|
11139
|
+
--pf-v6-c-nav__link--m-current--TransitionTimingFunction--color: var(--pf-t--global--motion--timing-function--default);
|
|
10895
11140
|
--pf-v6-c-nav__link-icon--Color: var(--pf-t--global--icon--color--subtle);
|
|
10896
11141
|
--pf-v6-c-nav__link--m-current__link-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
10897
11142
|
--pf-v6-c-nav__subnav--RowGap: var(--pf-t--global--border--width--extra-strong);
|
|
11143
|
+
--pf-v6-c-nav__subnav--PaddingBlockStart: var(--pf-v6-c-nav__item--RowGap);
|
|
11144
|
+
--pf-v6-c-nav__subnav--PaddingBlockEnd: var(--pf-v6-c-nav__item--RowGap);
|
|
10898
11145
|
--pf-v6-c-nav__subnav--PaddingInlineStart: var(--pf-t--global--spacer--md);
|
|
11146
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-t--global--motion--duration--slide-in--default);
|
|
11147
|
+
--pf-v6-c-nav__subnav--TransitionDuration--collapse: var(--pf-t--global--motion--duration--slide-in--short);
|
|
11148
|
+
--pf-v6-c-nav__subnav--TransitionTimingFunction--expand: var(--pf-t--global--motion--timing-function--default);
|
|
10899
11149
|
--pf-v6-c-nav__scroll-button--BorderColor: var(--pf-t--global--border--color--default);
|
|
10900
11150
|
--pf-v6-c-nav__scroll-button--BorderWidth: var(--pf-t--global--border--width--divider--default);
|
|
10901
11151
|
--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius: var(--pf-t--global--border--radius--pill);
|
|
@@ -10989,25 +11239,41 @@ ul.pf-v6-c-list {
|
|
|
10989
11239
|
.pf-v6-c-nav__list {
|
|
10990
11240
|
row-gap: var(--pf-v6-c-nav__list--RowGap);
|
|
10991
11241
|
column-gap: var(--pf-v6-c-nav__list--ColumnGap);
|
|
11242
|
+
min-height: 0;
|
|
10992
11243
|
}
|
|
10993
11244
|
|
|
10994
11245
|
.pf-v6-c-nav__subnav {
|
|
10995
11246
|
--pf-v6-c-nav__list--RowGap: var(--pf-v6-c-nav__subnav--RowGap);
|
|
11247
|
+
grid-template-rows: 1fr;
|
|
11248
|
+
min-height: 0;
|
|
11249
|
+
padding-block-start: var(--pf-v6-c-nav__subnav--PaddingBlockStart);
|
|
11250
|
+
padding-block-end: var(--pf-v6-c-nav__subnav--PaddingBlockEnd);
|
|
10996
11251
|
padding-inline-start: var(--pf-v6-c-nav__subnav--PaddingInlineStart);
|
|
11252
|
+
overflow-y: clip;
|
|
11253
|
+
transition-delay: 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);
|
|
11254
|
+
transition-timing-function: var(--pf-v6-c-nav__subnav--TransitionTimingFunction--expand);
|
|
11255
|
+
transition-duration: var(--pf-v6-c-nav__subnav--TransitionDuration--expand), 0s, 0s, 0s, 0s;
|
|
11256
|
+
transition-property: opacity, visibility, grid-template-rows, padding-block-start, padding-block-end;
|
|
11257
|
+
}
|
|
11258
|
+
.pf-v6-c-nav__subnav[hidden] {
|
|
11259
|
+
--pf-v6-c-nav__subnav--TransitionDelay--expand--focus: var(--pf-v6-c-nav__subnav--TransitionDuration--expand);
|
|
11260
|
+
--pf-v6-c-nav__subnav--TransitionDuration--expand: var(--pf-v6-c-nav__subnav--TransitionDuration--collapse);
|
|
11261
|
+
--pf-v6-c-nav__subnav--PaddingBlockStart: 0;
|
|
11262
|
+
--pf-v6-c-nav__subnav--PaddingBlockEnd: 0;
|
|
11263
|
+
display: grid;
|
|
11264
|
+
grid-template-rows: 0fr;
|
|
11265
|
+
visibility: hidden;
|
|
11266
|
+
opacity: 0;
|
|
10997
11267
|
}
|
|
10998
11268
|
|
|
10999
11269
|
.pf-v6-c-nav__item {
|
|
11000
|
-
row-gap: var(--pf-v6-c-nav__item--RowGap);
|
|
11001
11270
|
scroll-snap-align: var(--pf-v6-c-nav__item--ScrollSnapAlign);
|
|
11002
11271
|
}
|
|
11003
11272
|
.pf-v6-c-nav__item > .pf-v6-c-nav__link[button] {
|
|
11004
11273
|
margin-block-end: var(--pf-v6-c-nav__button--RowGap--row-offset);
|
|
11005
11274
|
}
|
|
11006
|
-
.pf-v6-c-nav__item.pf-m-expanded:
|
|
11007
|
-
margin-block-end: var(--pf-v6-c-
|
|
11008
|
-
}
|
|
11009
|
-
.pf-v6-c-nav__item.pf-m-expanded:is(:not(:only-child, :last-child)) + .pf-v6-c-nav__item > .pf-v6-c-nav__link::before {
|
|
11010
|
-
inset-block-start: calc(var(--pf-v6-c-nav__item--RowGap) * -1 - var(--pf-v6-c-nav__list--RowGap));
|
|
11275
|
+
.pf-v6-c-nav__item.pf-m-expanded:last-child > .pf-v6-c-nav__subnav {
|
|
11276
|
+
margin-block-end: calc(var(--pf-v6-c-nav__subnav--PaddingBlockEnd) * -1);
|
|
11011
11277
|
}
|
|
11012
11278
|
|
|
11013
11279
|
.pf-v6-c-nav__section {
|
|
@@ -11042,9 +11308,9 @@ ul.pf-v6-c-list {
|
|
|
11042
11308
|
background-color: var(--pf-v6-c-nav__link--BackgroundColor);
|
|
11043
11309
|
border: none;
|
|
11044
11310
|
border-radius: var(--pf-v6-c-nav__link--BorderRadius);
|
|
11045
|
-
|
|
11046
|
-
|
|
11047
|
-
|
|
11311
|
+
transition-timing-function: var(--pf-v6-c-nav__link--TransitionTimingFunction--background-color), var(--pf-v6-c-nav__link--m-current--TransitionTimingFunction--color);
|
|
11312
|
+
transition-duration: var(--pf-v6-c-nav__link--TransitionDuration--background-color), var(--pf-v6-c-nav__link--m-current--TransitionDuration--color);
|
|
11313
|
+
transition-property: background-color, color;
|
|
11048
11314
|
}
|
|
11049
11315
|
.pf-v6-c-nav__link:hover, .pf-v6-c-nav__link.pf-m-hover, .pf-v6-c-nav__link:focus {
|
|
11050
11316
|
color: var(--pf-v6-c-nav__link--hover--Color);
|
|
@@ -11069,6 +11335,9 @@ ul.pf-v6-c-list {
|
|
|
11069
11335
|
|
|
11070
11336
|
.pf-v6-c-nav__toggle-icon {
|
|
11071
11337
|
display: inline-block;
|
|
11338
|
+
transition-timing-function: var(--pf-v6-c-nav__item__toggle-icon--TransitionTimingFunction--transform);
|
|
11339
|
+
transition-duration: var(--pf-v6-c-nav__item__toggle-icon--TransitionDuration--transform);
|
|
11340
|
+
transition-property: transform;
|
|
11072
11341
|
transform: rotate(var(--pf-v6-c-nav__item__toggle-icon--Rotate));
|
|
11073
11342
|
}
|
|
11074
11343
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-nav__toggle-icon {
|
|
@@ -11226,7 +11495,9 @@ ul.pf-v6-c-list {
|
|
|
11226
11495
|
--pf-v6-c-notification-drawer__group-toggle-count--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
11227
11496
|
--pf-v6-c-notification-drawer__group-toggle-icon--MarginInlineEnd: var(--pf-t--global--spacer--md);
|
|
11228
11497
|
--pf-v6-c-notification-drawer__group-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
11229
|
-
--pf-v6-c-notification-drawer__group-toggle-icon--
|
|
11498
|
+
--pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
11499
|
+
--pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
11500
|
+
--pf-v6-c-notification-drawer__group-toggle-icon--Transition: transform var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionDuration) var(--pf-v6-c-notification-drawer__group-toggle-icon--TransitionTimingFunction);
|
|
11230
11501
|
--pf-v6-c-notification-drawer__group--m-expanded__group-toggle-icon--Rotate: 90deg;
|
|
11231
11502
|
}
|
|
11232
11503
|
|
|
@@ -11508,12 +11779,18 @@ ul.pf-v6-c-list {
|
|
|
11508
11779
|
--pf-v6-c-page__main-container--GridArea: main;
|
|
11509
11780
|
--pf-v6-c-page--masthead--main-container--GridArea: sidebar / sidebar / main / main;
|
|
11510
11781
|
--pf-v6-c-page__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg));
|
|
11782
|
+
--pf-v6-c-page__main-container--AlignSelf: start;
|
|
11511
11783
|
--pf-v6-c-page__main-container--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
11512
11784
|
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page--inset);
|
|
11513
11785
|
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page--inset);
|
|
11514
11786
|
--pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--medium);
|
|
11515
11787
|
--pf-v6-c-page__main-container--BorderWidth: 0.25rem;
|
|
11516
11788
|
--pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
|
|
11789
|
+
--pf-v6-c-page__main-container--xs--AlignSelf: stretch;
|
|
11790
|
+
--pf-v6-c-page__main-container--xs--BorderRadius: 0;
|
|
11791
|
+
--pf-v6-c-page__main-container--xs--MarginInlineStart: 0;
|
|
11792
|
+
--pf-v6-c-page__main-container--xs--MaxHeight: 100%;
|
|
11793
|
+
--pf-v6-c-page__main-container--xs--MarginInlineEnd: 0;
|
|
11517
11794
|
--pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
|
|
11518
11795
|
--pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
|
|
11519
11796
|
--pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
|
|
@@ -11871,7 +12148,7 @@ ul.pf-v6-c-list {
|
|
|
11871
12148
|
.pf-v6-c-page__main-container {
|
|
11872
12149
|
display: flex;
|
|
11873
12150
|
flex-direction: column;
|
|
11874
|
-
align-self:
|
|
12151
|
+
align-self: var(--pf-v6-c-page__main-container--AlignSelf);
|
|
11875
12152
|
max-height: var(--pf-v6-c-page__main-container--MaxHeight);
|
|
11876
12153
|
margin-inline-start: var(--pf-v6-c-page__main-container--MarginInlineStart);
|
|
11877
12154
|
margin-inline-end: var(--pf-v6-c-page__main-container--MarginInlineEnd);
|
|
@@ -11879,6 +12156,15 @@ ul.pf-v6-c-list {
|
|
|
11879
12156
|
border: var(--pf-v6-c-page__main-container--BorderWidth) solid var(--pf-v6-c-page__main-container--BorderColor);
|
|
11880
12157
|
border-radius: var(--pf-v6-c-page__main-container--BorderRadius);
|
|
11881
12158
|
}
|
|
12159
|
+
@media screen and (max-width: calc(48rem - 1px)) {
|
|
12160
|
+
.pf-v6-c-page__main-container {
|
|
12161
|
+
--pf-v6-c-page__main-container--AlignSelf: var(--pf-v6-c-page__main-container--xs--AlignSelf);
|
|
12162
|
+
--pf-v6-c-page__main-container--MarginInlineStart: var(--pf-v6-c-page__main-container--xs--MarginInlineStart);
|
|
12163
|
+
--pf-v6-c-page__main-container--MarginInlineEnd: var(--pf-v6-c-page__main-container--xs--MarginInlineEnd);
|
|
12164
|
+
--pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--xs--MaxHeight);
|
|
12165
|
+
--pf-v6-c-page__main-container--BorderRadius: var(--pf-v6-c-page__main-container--xs--BorderRadius);
|
|
12166
|
+
}
|
|
12167
|
+
}
|
|
11882
12168
|
|
|
11883
12169
|
.pf-v6-c-page__main-container,
|
|
11884
12170
|
.pf-v6-c-page__drawer {
|
|
@@ -12741,9 +13027,11 @@ ul.pf-v6-c-list {
|
|
|
12741
13027
|
}
|
|
12742
13028
|
|
|
12743
13029
|
.pf-v6-c-popover__title-text {
|
|
13030
|
+
min-width: 0;
|
|
12744
13031
|
font-size: var(--pf-v6-c-popover__title-text--FontSize);
|
|
12745
13032
|
font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
|
|
12746
13033
|
color: var(--pf-v6-c-popover__title-text--Color);
|
|
13034
|
+
overflow-wrap: break-word;
|
|
12747
13035
|
}
|
|
12748
13036
|
|
|
12749
13037
|
.pf-v6-c-popover__body {
|
|
@@ -14537,7 +14825,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14537
14825
|
--pf-v6-c-switch__toggle--before--Height: var(--pf-v6-c-switch__toggle--before--Width);
|
|
14538
14826
|
--pf-v6-c-switch__toggle--before--InsetInlineStart: calc((var(--pf-v6-c-switch__toggle--Height) - var(--pf-v6-c-switch__toggle--before--Height)) / 2);
|
|
14539
14827
|
--pf-v6-c-switch__toggle--before--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
14540
|
-
--pf-v6-c-switch__toggle--before--
|
|
14828
|
+
--pf-v6-c-switch__toggle--before--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
14829
|
+
--pf-v6-c-switch__toggle--before--TransitionDuration: var(--pf-t--global--motion--duration--md);
|
|
14830
|
+
--pf-v6-c-switch__toggle--before--Transition: transform var(--pf-v6-c-switch__toggle--before--TransitionTimingFunction) var(--pf-v6-c-switch__toggle--before--TransitionDuration), background-color var(--pf-v6-c-switch__toggle--before--TransitionTimingFunction) var(--pf-v6-c-switch__toggle--before--TransitionDuration);
|
|
14541
14831
|
--pf-v6-c-switch__toggle--Width: calc(var(--pf-v6-c-switch__toggle--Height) + var(--pf-v6-c-switch__toggle-icon--Offset) + var(--pf-v6-c-switch__toggle--before--Width));
|
|
14542
14832
|
}
|
|
14543
14833
|
|
|
@@ -14752,7 +15042,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
14752
15042
|
--pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
|
|
14753
15043
|
--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
|
|
14754
15044
|
--pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
|
|
14755
|
-
--pf-v6-c-table__toggle__icon--
|
|
15045
|
+
--pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
15046
|
+
--pf-v6-c-table__toggle__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
15047
|
+
--pf-v6-c-table__toggle__icon--Transition: transform var(--pf-v6-c-table__toggle__icon--TransitionDuration) var(--pf-v6-c-table__toggle__icon--TransitionTimingFunction);
|
|
14756
15048
|
--pf-v6-c-table__toggle--m-expanded__icon--Rotate: 180deg;
|
|
14757
15049
|
}
|
|
14758
15050
|
|
|
@@ -16319,7 +16611,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16319
16611
|
--pf-v6-c-table__toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
16320
16612
|
--pf-v6-c-table__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
16321
16613
|
--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate: 270deg;
|
|
16322
|
-
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--
|
|
16614
|
+
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
16323
16615
|
--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
16324
16616
|
--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 360deg;
|
|
16325
16617
|
--pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
|
|
@@ -16817,7 +17109,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
|
|
|
16817
17109
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate));
|
|
16818
17110
|
}
|
|
16819
17111
|
.pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
16820
|
-
transition
|
|
17112
|
+
transition-timing-function: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction);
|
|
17113
|
+
transition-duration: var(--pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration);
|
|
17114
|
+
transition-property: transform;
|
|
16821
17115
|
transform: rotate(var(--pf-v6-c-table__toggle--c-button__toggle-icon--Rotate));
|
|
16822
17116
|
}
|
|
16823
17117
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-table__toggle .pf-v6-c-table__toggle-icon {
|
|
@@ -16852,13 +17146,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
16852
17146
|
vertical-align: baseline;
|
|
16853
17147
|
}
|
|
16854
17148
|
|
|
16855
|
-
.pf-v6-c-table__favorite .pf-v6-c-button {
|
|
17149
|
+
.pf-v6-c-table__favorite .pf-v6-c-button:not(.pf-m-favorite) {
|
|
16856
17150
|
--pf-v6-c-button--FontSize: var(--pf-v6-c-table__favorite--c-button--FontSize);
|
|
16857
17151
|
}
|
|
16858
|
-
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button {
|
|
17152
|
+
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
|
|
16859
17153
|
--pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
|
|
16860
17154
|
}
|
|
16861
|
-
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:is(:hover, :focus) {
|
|
17155
|
+
.pf-v6-c-table__favorite.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
|
|
16862
17156
|
--pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-table__favorite--m-favorited--c-button--Color);
|
|
16863
17157
|
}
|
|
16864
17158
|
|
|
@@ -18125,7 +18419,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18125
18419
|
--pf-v6-c-tabs__item--ScrollSnapAlign: end;
|
|
18126
18420
|
--pf-v6-c-tabs--m-vertical__list--ScrollSnapTypeAxis: y;
|
|
18127
18421
|
--pf-v6-c-tabs__toggle--Display: flex;
|
|
18128
|
-
--pf-v6-c-tabs__toggle-icon--
|
|
18422
|
+
--pf-v6-c-tabs__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
18423
|
+
--pf-v6-c-tabs__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
18424
|
+
--pf-v6-c-tabs__toggle-icon--Transition: transform var(--pf-v6-c-tabs__toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__toggle-icon--TransitionTimingFunction);
|
|
18129
18425
|
--pf-v6-c-tabs__toggle-icon--Rotate: 0;
|
|
18130
18426
|
--pf-v6-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
|
|
18131
18427
|
--pf-v6-c-tabs--m-expandable--RowGap: var(--pf-t--global--spacer--sm);
|
|
@@ -18145,7 +18441,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
18145
18441
|
--pf-v6-c-tabs__add--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
18146
18442
|
--pf-v6-c-tabs__add--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
18147
18443
|
--pf-v6-c-tabs__link-toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18148
|
-
--pf-v6-c-tabs__link-toggle-icon--
|
|
18444
|
+
--pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
18445
|
+
--pf-v6-c-tabs__link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
18446
|
+
--pf-v6-c-tabs__link-toggle-icon--Transition: transform var(--pf-v6-c-tabs__link-toggle-icon--TransitionDuration) var(--pf-v6-c-tabs__link-toggle-icon--TransitionTimingFunction);
|
|
18149
18447
|
--pf-v6-c-tabs__link-toggle-icon--Rotate: 0;
|
|
18150
18448
|
--pf-v6-c-tabs__link-toggle-icon--FontSize: var(--pf-t--global--font--size--sm);
|
|
18151
18449
|
--pf-v6-c-tabs__link--m-expanded__toggle-icon--Rotate: 90deg;
|
|
@@ -19440,7 +19738,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19440
19738
|
--pf-v6-c-toolbar--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
|
|
19441
19739
|
--pf-v6-c-toolbar--m-sticky--BackgroundColor: var(--pf-t--global--background--color--primary--default);
|
|
19442
19740
|
--pf-v6-c-toolbar__expand-all-icon--Rotate: 0;
|
|
19443
|
-
--pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--
|
|
19741
|
+
--pf-v6-c-toolbar__expand-all-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
19444
19742
|
--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
19445
19743
|
--pf-v6-c-toolbar__item--m-expand-all--m-expanded__expand-all-icon--Rotate: 90deg;
|
|
19446
19744
|
--pf-v6-c-toolbar__group--m-filter-group--ColumnGap: var(--pf-t--global--spacer--gap--control-to-control--default);
|
|
@@ -19620,13 +19918,18 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19620
19918
|
}
|
|
19621
19919
|
.pf-v6-c-toolbar.pf-m-full-height {
|
|
19622
19920
|
--pf-v6-c-toolbar--PaddingBlockStart: 0;
|
|
19623
|
-
--pf-v6-c-toolbar--
|
|
19921
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
19624
19922
|
}
|
|
19625
19923
|
.pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__group,
|
|
19626
19924
|
.pf-v6-c-toolbar.pf-m-full-height .pf-v6-c-toolbar__item {
|
|
19627
19925
|
align-items: stretch;
|
|
19628
19926
|
align-self: stretch;
|
|
19629
19927
|
}
|
|
19928
|
+
.pf-v6-c-toolbar.pf-m-no-padding {
|
|
19929
|
+
--pf-v6-c-toolbar--PaddingBlockEnd: 0;
|
|
19930
|
+
--pf-v6-c-toolbar--m-sticky--PaddingBlockStart: 0;
|
|
19931
|
+
--pf-v6-c-toolbar--m-sticky--PaddingBlockEnd: 0;
|
|
19932
|
+
}
|
|
19630
19933
|
.pf-v6-c-toolbar.pf-m-primary {
|
|
19631
19934
|
--pf-v6-c-toolbar--BackgroundColor: var(--pf-v6-c-toolbar--m-primary--BackgroundColor);
|
|
19632
19935
|
}
|
|
@@ -19773,7 +20076,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
|
|
|
19773
20076
|
|
|
19774
20077
|
.pf-v6-c-toolbar__expand-all-icon {
|
|
19775
20078
|
display: inline-flex;
|
|
19776
|
-
transition
|
|
20079
|
+
transition-timing-function: var(--pf-v6-c-toolbar__expand-all-icon--TransitionTimingFunction);
|
|
20080
|
+
transition-duration: var(--pf-v6-c-toolbar__expand-all-icon--TransitionDuration);
|
|
20081
|
+
transition-property: transform;
|
|
19777
20082
|
transform: rotate(var(--pf-v6-c-toolbar__expand-all-icon--Rotate));
|
|
19778
20083
|
}
|
|
19779
20084
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-toolbar__expand-all-icon {
|
|
@@ -22005,7 +22310,7 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
22005
22310
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
|
|
22006
22311
|
--pf-v6-c-wizard__nav-link-toggle--PaddingInlineStart: var(--pf-t--global--spacer--sm);
|
|
22007
22312
|
--pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
|
|
22008
|
-
--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--
|
|
22313
|
+
--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
|
|
22009
22314
|
--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
|
|
22010
22315
|
--pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
|
|
22011
22316
|
--pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
|
|
@@ -22411,7 +22716,9 @@ label.pf-v6-c-tree-view__node-text {
|
|
|
22411
22716
|
|
|
22412
22717
|
.pf-v6-c-wizard__nav-link-toggle-icon {
|
|
22413
22718
|
display: inline-block;
|
|
22414
|
-
transition
|
|
22719
|
+
transition-timing-function: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionTimingFunction);
|
|
22720
|
+
transition-duration: var(--pf-v6-c-wizard__nav-link-toggle-icon--TransitionDuration);
|
|
22721
|
+
transition-property: transform;
|
|
22415
22722
|
transform: rotate(var(--pf-v6-c-wizard__nav-link-toggle-icon--Rotate));
|
|
22416
22723
|
}
|
|
22417
22724
|
:where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-wizard__nav-link-toggle-icon {
|