@patternfly/patternfly 6.0.0-alpha.4 → 6.0.0-alpha.5
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/_globals.scss +0 -2
- package/base/patternfly-globals.css +0 -1
- package/components/Content/content.css +67 -67
- package/components/Content/content.scss +68 -68
- package/components/MenuToggle/menu-toggle.css +57 -73
- package/components/MenuToggle/menu-toggle.scss +60 -82
- package/docs/components/MenuToggle/examples/MenuToggle.md +42 -42
- package/docs/demos/AboutModal/examples/AboutModal.md +1 -1
- package/docs/demos/Alert/examples/Alert.md +3 -3
- package/docs/demos/BackToTop/examples/BackToTop.md +1 -1
- package/docs/demos/Banner/examples/Banner.md +2 -2
- package/docs/demos/CardView/examples/CardView.md +1 -1
- package/docs/demos/ContextSelector/examples/ContextSelector.md +4 -4
- package/docs/demos/Dashboard/examples/Dashboard.md +1 -1
- package/docs/demos/DataList/examples/DataList.md +4 -4
- package/docs/demos/DescriptionList/examples/DescriptionList.md +3 -3
- package/docs/demos/Drawer/examples/Drawer.md +5 -5
- package/docs/demos/JumpLinks/examples/JumpLinks.md +6 -6
- package/docs/demos/Masthead/examples/Masthead.md +4 -4
- package/docs/demos/Modal/examples/Modal.md +6 -6
- package/docs/demos/Nav/examples/Nav.md +8 -8
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
- package/docs/demos/Page/examples/Page.md +9 -9
- package/docs/demos/Page/examples/Penta.md +4 -4
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +7 -7
- package/docs/demos/Skeleton/examples/Skeleton.md +1 -1
- package/docs/demos/Table/examples/Table.md +15 -15
- package/docs/demos/Tabs/examples/Tabs.md +6 -6
- package/docs/demos/Toolbar/examples/Toolbar.md +2 -2
- package/docs/demos/Wizard/examples/Wizard.md +9 -9
- package/package.json +1 -1
- package/patternfly-base-theme-dark-unversioned.css +0 -1
- package/patternfly-base.css +0 -1
- package/patternfly-no-globals.css +124 -140
- package/patternfly-theme-dark-unversioned.css +124 -141
- package/patternfly.css +124 -141
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
|
@@ -9395,75 +9395,75 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
|
|
|
9395
9395
|
}
|
|
9396
9396
|
|
|
9397
9397
|
.pf-v5-c-content {
|
|
9398
|
-
--pf-v5-c-content--MarginBottom: var(--pf-
|
|
9399
|
-
--pf-v5-c-content--LineHeight: var(--pf-
|
|
9400
|
-
--pf-v5-c-content--FontSize: var(--pf-
|
|
9401
|
-
--pf-v5-c-content--FontWeight: var(--pf-
|
|
9402
|
-
--pf-v5-c-content--Color: var(--pf-
|
|
9403
|
-
--pf-v5-c-content--heading--FontFamily: var(--pf-
|
|
9404
|
-
--pf-v5-c-content--h1--MarginTop: var(--pf-
|
|
9405
|
-
--pf-v5-c-content--h1--MarginBottom: var(--pf-
|
|
9406
|
-
--pf-v5-c-content--h1--LineHeight: var(--pf-
|
|
9407
|
-
--pf-v5-c-content--h1--FontSize: var(--pf-
|
|
9408
|
-
--pf-v5-c-content--h1--FontWeight: var(--pf-
|
|
9409
|
-
--pf-v5-c-content--h2--MarginTop: var(--pf-
|
|
9410
|
-
--pf-v5-c-content--h2--MarginBottom: var(--pf-
|
|
9411
|
-
--pf-v5-c-content--h2--LineHeight: var(--pf-
|
|
9412
|
-
--pf-v5-c-content--h2--FontSize: var(--pf-
|
|
9413
|
-
--pf-v5-c-content--h2--FontWeight: var(--pf-
|
|
9414
|
-
--pf-v5-c-content--h3--MarginTop: var(--pf-
|
|
9415
|
-
--pf-v5-c-content--h3--MarginBottom: var(--pf-
|
|
9416
|
-
--pf-v5-c-content--h3--LineHeight: var(--pf-
|
|
9417
|
-
--pf-v5-c-content--h3--FontSize: var(--pf-
|
|
9418
|
-
--pf-v5-c-content--h3--FontWeight: var(--pf-
|
|
9419
|
-
--pf-v5-c-content--h4--MarginTop: var(--pf-
|
|
9420
|
-
--pf-v5-c-content--h4--MarginBottom: var(--pf-
|
|
9421
|
-
--pf-v5-c-content--h4--LineHeight: var(--pf-
|
|
9422
|
-
--pf-v5-c-content--h4--FontSize: var(--pf-
|
|
9423
|
-
--pf-v5-c-content--h4--FontWeight: var(--pf-
|
|
9424
|
-
--pf-v5-c-content--h5--MarginTop: var(--pf-
|
|
9425
|
-
--pf-v5-c-content--h5--MarginBottom: var(--pf-
|
|
9426
|
-
--pf-v5-c-content--h5--LineHeight: var(--pf-
|
|
9427
|
-
--pf-v5-c-content--h5--FontSize: var(--pf-
|
|
9428
|
-
--pf-v5-c-content--h5--FontWeight: var(--pf-
|
|
9429
|
-
--pf-v5-c-content--h6--MarginTop: var(--pf-
|
|
9430
|
-
--pf-v5-c-content--h6--MarginBottom: var(--pf-
|
|
9431
|
-
--pf-v5-c-content--h6--LineHeight: var(--pf-
|
|
9432
|
-
--pf-v5-c-content--h6--FontSize: var(--pf-
|
|
9433
|
-
--pf-v5-c-content--h6--FontWeight: var(--pf-
|
|
9434
|
-
--pf-v5-c-content--small--MarginBottom: var(--pf-
|
|
9435
|
-
--pf-v5-c-content--small--LineHeight: var(--pf-
|
|
9436
|
-
--pf-v5-c-content--small--FontSize: var(--pf-
|
|
9437
|
-
--pf-v5-c-content--small--Color: var(--pf-
|
|
9438
|
-
--pf-v5-c-content--a--Color: var(--pf-
|
|
9439
|
-
--pf-v5-c-content--a--TextDecoration: var(--pf-
|
|
9440
|
-
--pf-v5-c-content--a--hover--Color: var(--pf-
|
|
9441
|
-
--pf-v5-c-content--a--hover--TextDecoration: var(--pf-
|
|
9442
|
-
--pf-v5-c-content--a--visited--Color: var(--pf-
|
|
9443
|
-
--pf-v5-c-content--blockquote--PaddingTop: var(--pf-
|
|
9444
|
-
--pf-v5-c-content--blockquote--PaddingRight: var(--pf-
|
|
9445
|
-
--pf-v5-c-content--blockquote--PaddingBottom: var(--pf-
|
|
9446
|
-
--pf-v5-c-content--blockquote--PaddingLeft: var(--pf-
|
|
9447
|
-
--pf-v5-c-content--blockquote--Color: var(--pf-
|
|
9448
|
-
--pf-v5-c-content--blockquote--BorderLeftColor: var(--pf-
|
|
9449
|
-
--pf-v5-c-content--blockquote--BorderLeftWidth: var(--pf-
|
|
9450
|
-
--pf-v5-c-content--ol--PaddingLeft: var(--pf-
|
|
9451
|
-
--pf-v5-c-content--ol--MarginLeft: var(--pf-
|
|
9452
|
-
--pf-v5-c-content--ol--nested--MarginTop: var(--pf-
|
|
9453
|
-
--pf-v5-c-content--ol--nested--MarginLeft: var(--pf-
|
|
9454
|
-
--pf-v5-c-content--ul--PaddingLeft: var(--pf-
|
|
9455
|
-
--pf-v5-c-content--ul--MarginLeft: var(--pf-
|
|
9456
|
-
--pf-v5-c-content--ul--nested--MarginTop: var(--pf-
|
|
9457
|
-
--pf-v5-c-content--ul--nested--MarginLeft: var(--pf-
|
|
9398
|
+
--pf-v5-c-content--MarginBottom: var(--pf-t--global--spacer--md);
|
|
9399
|
+
--pf-v5-c-content--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
9400
|
+
--pf-v5-c-content--FontSize: var(--pf-t--global--font--size--body);
|
|
9401
|
+
--pf-v5-c-content--FontWeight: var(--pf-t--global--font--weight--body);
|
|
9402
|
+
--pf-v5-c-content--Color: var(--pf-t--global--text--color--regular);
|
|
9403
|
+
--pf-v5-c-content--heading--FontFamily: var(--pf-t--global--font--family--heading);
|
|
9404
|
+
--pf-v5-c-content--h1--MarginTop: var(--pf-t--global--spacer--lg);
|
|
9405
|
+
--pf-v5-c-content--h1--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
9406
|
+
--pf-v5-c-content--h1--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
9407
|
+
--pf-v5-c-content--h1--FontSize: var(--pf-t--global--font--size--heading--lg);
|
|
9408
|
+
--pf-v5-c-content--h1--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
9409
|
+
--pf-v5-c-content--h2--MarginTop: var(--pf-t--global--spacer--lg);
|
|
9410
|
+
--pf-v5-c-content--h2--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
9411
|
+
--pf-v5-c-content--h2--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
9412
|
+
--pf-v5-c-content--h2--FontSize: var(--pf-t--global--font--size--heading--md);
|
|
9413
|
+
--pf-v5-c-content--h2--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
9414
|
+
--pf-v5-c-content--h3--MarginTop: var(--pf-t--global--spacer--lg);
|
|
9415
|
+
--pf-v5-c-content--h3--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
9416
|
+
--pf-v5-c-content--h3--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
9417
|
+
--pf-v5-c-content--h3--FontSize: var(--pf-t--global--font--size--heading--sm);
|
|
9418
|
+
--pf-v5-c-content--h3--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
9419
|
+
--pf-v5-c-content--h4--MarginTop: var(--pf-t--global--spacer--lg);
|
|
9420
|
+
--pf-v5-c-content--h4--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
9421
|
+
--pf-v5-c-content--h4--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
9422
|
+
--pf-v5-c-content--h4--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
9423
|
+
--pf-v5-c-content--h4--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
9424
|
+
--pf-v5-c-content--h5--MarginTop: var(--pf-t--global--spacer--lg);
|
|
9425
|
+
--pf-v5-c-content--h5--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
9426
|
+
--pf-v5-c-content--h5--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
9427
|
+
--pf-v5-c-content--h5--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
9428
|
+
--pf-v5-c-content--h5--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
9429
|
+
--pf-v5-c-content--h6--MarginTop: var(--pf-t--global--spacer--lg);
|
|
9430
|
+
--pf-v5-c-content--h6--MarginBottom: var(--pf-t--global--spacer--sm);
|
|
9431
|
+
--pf-v5-c-content--h6--LineHeight: var(--pf-t--global--font--line-height--heading);
|
|
9432
|
+
--pf-v5-c-content--h6--FontSize: var(--pf-t--global--font--size--heading--xs);
|
|
9433
|
+
--pf-v5-c-content--h6--FontWeight: var(--pf-t--global--font--weight--heading);
|
|
9434
|
+
--pf-v5-c-content--small--MarginBottom: var(--pf-t--global--spacer--md);
|
|
9435
|
+
--pf-v5-c-content--small--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
9436
|
+
--pf-v5-c-content--small--FontSize: var(--pf-t--global--font--size--body--sm);
|
|
9437
|
+
--pf-v5-c-content--small--Color: var(--pf-t--global--text--color--subtle);
|
|
9438
|
+
--pf-v5-c-content--a--Color: var(--pf-t--global--text--color--link--default);
|
|
9439
|
+
--pf-v5-c-content--a--TextDecoration: var(--pf-t--global--link--text-decoration);
|
|
9440
|
+
--pf-v5-c-content--a--hover--Color: var(--pf-t--global--text--color--link--hover);
|
|
9441
|
+
--pf-v5-c-content--a--hover--TextDecoration: var(--pf-t--global--link--text-decoration);
|
|
9442
|
+
--pf-v5-c-content--a--visited--Color: var(--pf-t--global--text--color--link--visited);
|
|
9443
|
+
--pf-v5-c-content--blockquote--PaddingTop: var(--pf-t--global--spacer--md);
|
|
9444
|
+
--pf-v5-c-content--blockquote--PaddingRight: var(--pf-t--global--spacer--md);
|
|
9445
|
+
--pf-v5-c-content--blockquote--PaddingBottom: var(--pf-t--global--spacer--md);
|
|
9446
|
+
--pf-v5-c-content--blockquote--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
9447
|
+
--pf-v5-c-content--blockquote--Color: var(--pf-t--global--text--color--subtle);
|
|
9448
|
+
--pf-v5-c-content--blockquote--BorderLeftColor: var(--pf-t--global--border--color--default);
|
|
9449
|
+
--pf-v5-c-content--blockquote--BorderLeftWidth: var(--pf-t--global--border--width--300);
|
|
9450
|
+
--pf-v5-c-content--ol--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
9451
|
+
--pf-v5-c-content--ol--MarginLeft: var(--pf-t--global--spacer--lg);
|
|
9452
|
+
--pf-v5-c-content--ol--nested--MarginTop: var(--pf-t--global--spacer--sm);
|
|
9453
|
+
--pf-v5-c-content--ol--nested--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
9454
|
+
--pf-v5-c-content--ul--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
9455
|
+
--pf-v5-c-content--ul--MarginLeft: var(--pf-t--global--spacer--lg);
|
|
9456
|
+
--pf-v5-c-content--ul--nested--MarginTop: var(--pf-t--global--spacer--sm);
|
|
9457
|
+
--pf-v5-c-content--ul--nested--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
9458
9458
|
--pf-v5-c-content--ul--ListStyle: var(--pf-v5-global--ListStyle);
|
|
9459
|
-
--pf-v5-c-content--li--MarginTop: var(--pf-
|
|
9460
|
-
--pf-v5-c-content--dl--ColumnGap: var(--pf-
|
|
9461
|
-
--pf-v5-c-content--dl--RowGap: var(--pf-
|
|
9462
|
-
--pf-v5-c-content--dt--FontWeight: var(--pf-
|
|
9463
|
-
--pf-v5-c-content--dt--MarginTop: var(--pf-
|
|
9459
|
+
--pf-v5-c-content--li--MarginTop: var(--pf-t--global--spacer--sm);
|
|
9460
|
+
--pf-v5-c-content--dl--ColumnGap: var(--pf-t--global--spacer--2xl);
|
|
9461
|
+
--pf-v5-c-content--dl--RowGap: var(--pf-t--global--spacer--md);
|
|
9462
|
+
--pf-v5-c-content--dt--FontWeight: var(--pf-t--global--font--weight--body--bold);
|
|
9463
|
+
--pf-v5-c-content--dt--MarginTop: var(--pf-t--global--spacer--md);
|
|
9464
9464
|
--pf-v5-c-content--dt--sm--MarginTop: 0;
|
|
9465
|
-
--pf-v5-c-content--hr--Height: var(--pf-
|
|
9466
|
-
--pf-v5-c-content--hr--BackgroundColor: var(--pf-
|
|
9465
|
+
--pf-v5-c-content--hr--Height: var(--pf-t--global--border--width--divider--default);
|
|
9466
|
+
--pf-v5-c-content--hr--BackgroundColor: var(--pf-t--global--border--color--default);
|
|
9467
9467
|
font-size: var(--pf-v5-c-content--FontSize);
|
|
9468
9468
|
line-height: var(--pf-v5-c-content--LineHeight);
|
|
9469
9469
|
color: var(--pf-v5-c-content--Color);
|
|
@@ -18755,38 +18755,42 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
18755
18755
|
}
|
|
18756
18756
|
|
|
18757
18757
|
.pf-v5-c-menu-toggle {
|
|
18758
|
-
--pf-v5-c-menu-toggle--BorderRadius:
|
|
18759
|
-
--pf-v5-c-menu-toggle--PaddingTop: var(--pf-
|
|
18760
|
-
--pf-v5-c-menu-toggle--PaddingRight: var(--pf-
|
|
18761
|
-
--pf-v5-c-menu-toggle--PaddingBottom: var(--pf-
|
|
18762
|
-
--pf-v5-c-menu-toggle--PaddingLeft: var(--pf-
|
|
18763
|
-
--pf-v5-c-menu-toggle--FontSize: var(--pf-
|
|
18764
|
-
--pf-v5-c-menu-toggle--Color: var(--pf-
|
|
18765
|
-
--pf-v5-c-menu-toggle--LineHeight: var(--pf-
|
|
18766
|
-
--pf-v5-c-menu-toggle--BackgroundColor:
|
|
18767
|
-
--pf-v5-c-menu-toggle--
|
|
18768
|
-
--pf-v5-c-menu-toggle--
|
|
18769
|
-
--pf-v5-c-menu-toggle--
|
|
18770
|
-
--pf-v5-c-menu-toggle--
|
|
18771
|
-
--pf-v5-c-menu-toggle--
|
|
18772
|
-
--pf-v5-c-menu-toggle--
|
|
18773
|
-
--pf-v5-c-menu-toggle--before--
|
|
18774
|
-
--pf-v5-c-menu-toggle--before--
|
|
18775
|
-
--pf-v5-c-menu-toggle--
|
|
18776
|
-
--pf-v5-c-menu-toggle--
|
|
18758
|
+
--pf-v5-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
18759
|
+
--pf-v5-c-menu-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
18760
|
+
--pf-v5-c-menu-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
18761
|
+
--pf-v5-c-menu-toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
18762
|
+
--pf-v5-c-menu-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
18763
|
+
--pf-v5-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--md);
|
|
18764
|
+
--pf-v5-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
|
|
18765
|
+
--pf-v5-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
18766
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
18767
|
+
--pf-v5-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--control--default);
|
|
18768
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
18769
|
+
--pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
|
|
18770
|
+
--pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
18771
|
+
--pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--control--active);
|
|
18772
|
+
--pf-v5-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--active);
|
|
18773
|
+
--pf-v5-c-menu-toggle--before--BorderTopWidth: var(--pf-t--global--border--width--control--default);
|
|
18774
|
+
--pf-v5-c-menu-toggle--before--BorderRightWidth: var(--pf-t--global--border--width--control--default);
|
|
18775
|
+
--pf-v5-c-menu-toggle--before--BorderBottomWidth: var(--pf-t--global--border--width--control--default);
|
|
18776
|
+
--pf-v5-c-menu-toggle--before--BorderLeftWidth: var(--pf-t--global--border--width--control--default);
|
|
18777
|
+
--pf-v5-c-menu-toggle--before--BorderTopColor: var(--pf-t--global--border--color--default);
|
|
18778
|
+
--pf-v5-c-menu-toggle--before--BorderRightColor: var(--pf-t--global--border--color--default);
|
|
18779
|
+
--pf-v5-c-menu-toggle--before--BorderBottomColor: var(--pf-t--global--border--color--default);
|
|
18780
|
+
--pf-v5-c-menu-toggle--before--BorderLeftColor: var(--pf-t--global--border--color--default);
|
|
18777
18781
|
--pf-v5-c-menu-toggle--hover--BackgroundColor: transparent;
|
|
18778
|
-
--pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-
|
|
18779
|
-
--pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-
|
|
18782
|
+
--pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-t--global--border--width--control--hover);
|
|
18783
|
+
--pf-v5-c-menu-toggle--hover--after--BorderBottomColor: var(--pf-t--global--border--color--hover);
|
|
18780
18784
|
--pf-v5-c-menu-toggle--focus--BackgroundColor: transparent;
|
|
18781
|
-
--pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-
|
|
18782
|
-
--pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-
|
|
18785
|
+
--pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
|
|
18786
|
+
--pf-v5-c-menu-toggle--focus--after--BorderBottomColor: var(--pf-t--global--border--color--active);
|
|
18783
18787
|
--pf-v5-c-menu-toggle--active--BackgroundColor: transparent;
|
|
18784
|
-
--pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-
|
|
18785
|
-
--pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-
|
|
18788
|
+
--pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
|
|
18789
|
+
--pf-v5-c-menu-toggle--active--after--BorderBottomColor: var(--pf-t--global--border--color--active);
|
|
18786
18790
|
--pf-v5-c-menu-toggle--m-expanded--Color: var(--pf-v5-global--Color--100);
|
|
18787
18791
|
--pf-v5-c-menu-toggle--m-expanded--BackgroundColor: transparent;
|
|
18788
|
-
--pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-
|
|
18789
|
-
--pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-
|
|
18792
|
+
--pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-t--global--border--width--control--active);
|
|
18793
|
+
--pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor: var(--pf-t--global--border--color--active);
|
|
18790
18794
|
--pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
18791
18795
|
--pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
|
|
18792
18796
|
--pf-v5-c-menu-toggle--m-primary--Color: var(--pf-v5-global--Color--light-100);
|
|
@@ -18819,20 +18823,19 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
18819
18823
|
--pf-v5-c-menu-toggle--m-plain--active--Color: var(--pf-v5-global--Color--100);
|
|
18820
18824
|
--pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-v5-global--disabled-color--200);
|
|
18821
18825
|
--pf-v5-c-menu-toggle--m-plain--m-expanded--Color: var(--pf-v5-global--Color--100);
|
|
18822
|
-
--pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-
|
|
18823
|
-
--pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-
|
|
18824
|
-
--pf-v5-c-menu-toggle__controls--PaddingLeft: var(--pf-
|
|
18826
|
+
--pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-t--global--spacer--sm);
|
|
18827
|
+
--pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
18828
|
+
--pf-v5-c-menu-toggle__controls--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
18825
18829
|
--pf-v5-c-menu-toggle__controls--MarginLeft: auto;
|
|
18826
18830
|
--pf-v5-c-menu-toggle__controls--MarginRight: 0;
|
|
18827
|
-
--pf-v5-c-menu-toggle__toggle-icon--MarginRight: var(--pf-
|
|
18828
|
-
--pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-
|
|
18831
|
+
--pf-v5-c-menu-toggle__toggle-icon--MarginRight: var(--pf-t--global--spacer--sm);
|
|
18832
|
+
--pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
18829
18833
|
--pf-v5-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-v5-global--Color--100);
|
|
18830
18834
|
--pf-v5-c-menu-toggle--m-plain--active__toggle-icon--Color: var(--pf-v5-global--Color--100);
|
|
18831
18835
|
--pf-v5-c-menu-toggle--m-plain--focus__toggle-icon--Color: var(--pf-v5-global--Color--100);
|
|
18832
18836
|
--pf-v5-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color: var(--pf-v5-global--Color--100);
|
|
18833
18837
|
--pf-v5-c-menu-toggle--m-full-height--PaddingRight: var(--pf-v5-global--spacer--lg);
|
|
18834
18838
|
--pf-v5-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-v5-global--spacer--lg);
|
|
18835
|
-
--pf-v5-c-menu-toggle--m-full-height__toggle--before--BorderTopWidth: 0;
|
|
18836
18839
|
--pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
18837
18840
|
--pf-v5-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
|
|
18838
18841
|
--pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
|
|
@@ -18842,7 +18845,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
18842
18845
|
--pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
18843
18846
|
--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
18844
18847
|
--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
|
|
18845
|
-
--pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-
|
|
18848
|
+
--pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
18846
18849
|
--pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
|
|
18847
18850
|
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
18848
18851
|
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
|
|
@@ -18865,13 +18868,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
18865
18868
|
--pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-v5-global--primary-color--100);
|
|
18866
18869
|
--pf-v5-c-menu-toggle__button--BackgroundColor: transparent;
|
|
18867
18870
|
--pf-v5-c-menu-toggle__button--AlignSelf: baseline;
|
|
18868
|
-
--pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-
|
|
18869
|
-
--pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-
|
|
18870
|
-
--pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-
|
|
18871
|
-
--pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-
|
|
18872
|
-
--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-
|
|
18873
|
-
--pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-
|
|
18874
|
-
--pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-
|
|
18871
|
+
--pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
18872
|
+
--pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
18873
|
+
--pf-v5-c-menu-toggle__button__controls--MarginRight: var(--pf-t--global--spacer--sm);
|
|
18874
|
+
--pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
18875
|
+
--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-t--global--spacer--sm);
|
|
18876
|
+
--pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
18877
|
+
--pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
18875
18878
|
--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: center;
|
|
18876
18879
|
position: relative;
|
|
18877
18880
|
display: inline-flex;
|
|
@@ -18884,9 +18887,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
18884
18887
|
cursor: pointer;
|
|
18885
18888
|
background-color: var(--pf-v5-c-menu-toggle--BackgroundColor);
|
|
18886
18889
|
border: 0;
|
|
18890
|
+
}
|
|
18891
|
+
.pf-v5-c-menu-toggle, .pf-v5-c-menu-toggle::before {
|
|
18887
18892
|
border-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
|
|
18888
18893
|
}
|
|
18889
|
-
.pf-v5-c-menu-toggle::before
|
|
18894
|
+
.pf-v5-c-menu-toggle::before {
|
|
18890
18895
|
position: absolute;
|
|
18891
18896
|
top: 0;
|
|
18892
18897
|
right: 0;
|
|
@@ -18894,14 +18899,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
18894
18899
|
left: 0;
|
|
18895
18900
|
pointer-events: none;
|
|
18896
18901
|
content: "";
|
|
18897
|
-
|
|
18898
|
-
.pf-v5-c-menu-toggle::before {
|
|
18899
|
-
border-color: var(--pf-v5-c-menu-toggle--before--BorderTopColor) var(--pf-v5-c-menu-toggle--before--BorderRightColor) var(--pf-v5-c-menu-toggle--before--BorderBottomColor) var(--pf-v5-c-menu-toggle--before--BorderLeftColor);
|
|
18900
|
-
border-style: solid;
|
|
18901
|
-
border-width: var(--pf-v5-c-menu-toggle--before--BorderTopWidth) var(--pf-v5-c-menu-toggle--before--BorderRightWidth) var(--pf-v5-c-menu-toggle--before--BorderBottomWidth) var(--pf-v5-c-menu-toggle--before--BorderLeftWidth);
|
|
18902
|
+
border: var(--pf-v5-c-menu-toggle--BorderWidth) solid var(--pf-v5-c-menu-toggle--BorderColor);
|
|
18902
18903
|
}
|
|
18903
18904
|
.pf-v5-c-menu-toggle::after {
|
|
18904
|
-
border-bottom: var(--pf-v5-c-menu-toggle--after--
|
|
18905
|
+
border-bottom: var(--pf-v5-c-menu-toggle--after--BorderWidth) solid var(--pf-v5-c-menu-toggle--after--BorderColor);
|
|
18905
18906
|
}
|
|
18906
18907
|
.pf-v5-c-menu-toggle.pf-m-primary {
|
|
18907
18908
|
--pf-v5-c-menu-toggle--BorderRadius: var(--pf-v5-c-menu-toggle--m-primary--BorderRadius);
|
|
@@ -18946,15 +18947,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
18946
18947
|
--pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
|
|
18947
18948
|
--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
|
|
18948
18949
|
}
|
|
18949
|
-
.pf-v5-c-menu-toggle.pf-m-plain {
|
|
18950
|
-
--pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain__toggle-icon--Color);
|
|
18951
|
-
}
|
|
18952
18950
|
.pf-v5-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
|
|
18953
18951
|
--pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-plain--PaddingRight);
|
|
18954
18952
|
--pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-plain--PaddingLeft);
|
|
18955
18953
|
--pf-v5-c-menu-toggle--disabled--BackgroundColor: transparent;
|
|
18956
18954
|
display: inline-block;
|
|
18957
|
-
color: var(--pf-v5-c-menu-toggle--m-plain--Color);
|
|
18958
18955
|
}
|
|
18959
18956
|
.pf-v5-c-menu-toggle.pf-m-full-height {
|
|
18960
18957
|
--pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-full-height--PaddingRight);
|
|
@@ -18969,25 +18966,12 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
18969
18966
|
height: 100%;
|
|
18970
18967
|
}
|
|
18971
18968
|
.pf-v5-c-menu-toggle:hover {
|
|
18972
|
-
--pf-v5-c-menu-toggle--
|
|
18973
|
-
--pf-v5-c-menu-toggle--
|
|
18974
|
-
|
|
18975
|
-
|
|
18976
|
-
--pf-v5-c-menu-toggle--
|
|
18977
|
-
|
|
18978
|
-
.pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:focus-within {
|
|
18979
|
-
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--focus--BackgroundColor);
|
|
18980
|
-
--pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--focus--after--BorderBottomWidth);
|
|
18981
|
-
--pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--focus--after--BorderBottomColor);
|
|
18982
|
-
--pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--focus__toggle-icon--Color);
|
|
18983
|
-
--pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--focus--Color);
|
|
18984
|
-
}
|
|
18985
|
-
.pf-v5-c-menu-toggle:active {
|
|
18986
|
-
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--active--BackgroundColor);
|
|
18987
|
-
--pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--active--after--BorderBottomWidth);
|
|
18988
|
-
--pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--active--after--BorderBottomColor);
|
|
18989
|
-
--pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--active__toggle-icon--Color);
|
|
18990
|
-
--pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--active--Color);
|
|
18969
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--hover--BorderColor);
|
|
18970
|
+
--pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--hover--BorderWidth);
|
|
18971
|
+
}
|
|
18972
|
+
.pf-v5-c-menu-toggle:focus, .pf-v5-c-menu-toggle:active {
|
|
18973
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--active--BorderColor);
|
|
18974
|
+
--pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--active--BorderWidth);
|
|
18991
18975
|
}
|
|
18992
18976
|
.pf-v5-c-menu-toggle.pf-m-expanded {
|
|
18993
18977
|
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-expanded--Color);
|
|
@@ -19003,7 +18987,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
19003
18987
|
--pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
|
|
19004
18988
|
pointer-events: none;
|
|
19005
18989
|
}
|
|
19006
|
-
.pf-v5-c-menu-toggle.pf-m-primary::before, .pf-v5-c-menu-toggle.pf-m-primary::after, .pf-v5-c-menu-toggle
|
|
18990
|
+
.pf-v5-c-menu-toggle.pf-m-primary::before, .pf-v5-c-menu-toggle.pf-m-primary::after, .pf-v5-c-menu-toggle:disabled::before, .pf-v5-c-menu-toggle:disabled::after {
|
|
19007
18991
|
border: 0;
|
|
19008
18992
|
}
|
|
19009
18993
|
.pf-v5-c-menu-toggle.pf-m-typeahead {
|
|
@@ -19163,7 +19147,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
19163
19147
|
|
|
19164
19148
|
.pf-v5-c-menu-toggle__toggle-icon {
|
|
19165
19149
|
margin-right: var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight);
|
|
19166
|
-
color: var(--pf-v5-c-menu-toggle__toggle-icon--Color
|
|
19150
|
+
color: var(--pf-v5-c-menu-toggle__toggle-icon--Color);
|
|
19167
19151
|
}
|
|
19168
19152
|
|
|
19169
19153
|
:where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
|