@patternfly/patternfly 6.0.0-alpha.82 → 6.0.0-alpha.83
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/components/MenuToggle/menu-toggle.css +229 -265
- package/components/MenuToggle/menu-toggle.scss +330 -370
- package/components/TextInputGroup/text-input-group.css +0 -14
- package/components/TextInputGroup/text-input-group.scss +3 -16
- package/docs/components/Button/examples/Button.md +134 -134
- package/docs/components/CalendarMonth/examples/CalendarMonth.md +4 -4
- package/docs/components/Card/examples/Card.md +8 -8
- package/docs/components/DualListSelector/examples/DualListSelector.md +2 -2
- package/docs/components/Form/examples/Form.md +11 -11
- package/docs/components/Label/examples/Label.md +157 -157
- package/docs/components/MenuToggle/examples/MenuToggle.md +88 -51
- package/docs/components/Tabs/examples/Tabs.md +24 -24
- package/docs/components/Toolbar/examples/Toolbar.md +28 -28
- package/docs/demos/AboutModal/examples/AboutModal.md +2 -2
- package/docs/demos/Alert/examples/Alert.md +6 -6
- package/docs/demos/BackToTop/examples/BackToTop.md +2 -2
- package/docs/demos/Banner/examples/Banner.md +4 -4
- package/docs/demos/Button/examples/Button.md +1 -1
- package/docs/demos/CardView/examples/CardView.md +3 -3
- package/docs/demos/ContextSelector/examples/ContextSelector.md +7 -7
- package/docs/demos/Dashboard/examples/Dashboard.md +2 -2
- package/docs/demos/DataList/examples/DataList.md +13 -13
- package/docs/demos/DescriptionList/examples/DescriptionList.md +6 -6
- package/docs/demos/Drawer/examples/Drawer.md +10 -10
- package/docs/demos/Form/examples/BasicForms.md +12 -12
- package/docs/demos/JumpLinks/examples/JumpLinks.md +12 -12
- package/docs/demos/Masthead/examples/Masthead.md +9 -9
- package/docs/demos/Modal/examples/Modal.md +15 -15
- package/docs/demos/Nav/examples/Nav.md +12 -12
- package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +10 -10
- package/docs/demos/Page/examples/Page.md +18 -18
- package/docs/demos/Page/examples/Penta.md +4 -4
- package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +1 -1
- package/docs/demos/PasswordStrength/examples/PasswordStrength.md +4 -4
- package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +18 -18
- package/docs/demos/Skeleton/examples/Skeleton.md +2 -2
- package/docs/demos/Table/examples/Table.md +54 -54
- package/docs/demos/Tabs/examples/Tabs.md +12 -12
- package/docs/demos/Toolbar/examples/Toolbar.md +17 -17
- package/docs/demos/Wizard/examples/Wizard.md +18 -18
- package/package.json +1 -1
- package/patternfly-no-globals.css +229 -287
- package/patternfly-theme-dark-unversioned.css +229 -287
- package/patternfly.css +229 -287
- package/patternfly.min.css +1 -1
- package/patternfly.min.css.map +1 -1
- package/components/MenuToggle/themes/dark/menu-toggle.scss +0 -27
- package/components/TextInputGroup/themes/dark/text-input-group.scss +0 -11
|
@@ -20321,131 +20321,123 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20321
20321
|
--pf-v5-c-menu__list-item--focus-within--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
20322
20322
|
}
|
|
20323
20323
|
|
|
20324
|
-
|
|
20325
|
-
|
|
20324
|
+
:where(:root),
|
|
20325
|
+
:where(.pf-v5-c-menu-toggle) {
|
|
20326
|
+
--pf-v5-c-menu-toggle--ColumnGap: var(--pf-t--global--spacer--sm);
|
|
20326
20327
|
--pf-v5-c-menu-toggle--PaddingTop: var(--pf-t--global--spacer--sm);
|
|
20327
20328
|
--pf-v5-c-menu-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
20328
20329
|
--pf-v5-c-menu-toggle--PaddingBottom: var(--pf-t--global--spacer--sm);
|
|
20329
20330
|
--pf-v5-c-menu-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
20331
|
+
--pf-v5-c-menu-toggle--MinWidth: calc(var(--pf-v5-c-menu-toggle--FontSize) * var(--pf-v5-c-menu-toggle--LineHeight) + var(--pf-v5-c-menu-toggle--PaddingTop) + var(--pf-v5-c-menu-toggle--PaddingBottom));
|
|
20330
20332
|
--pf-v5-c-menu-toggle--FontSize: var(--pf-t--global--font--size--body--default);
|
|
20331
20333
|
--pf-v5-c-menu-toggle--Color: var(--pf-t--global--text--color--regular);
|
|
20332
20334
|
--pf-v5-c-menu-toggle--LineHeight: var(--pf-t--global--font--line-height--body);
|
|
20333
20335
|
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
20334
|
-
--pf-v5-c-menu-toggle--
|
|
20336
|
+
--pf-v5-c-menu-toggle--BorderRadius: var(--pf-t--global--border--radius--small);
|
|
20335
20337
|
--pf-v5-c-menu-toggle--BorderColor: var(--pf-t--global--border--color--default);
|
|
20336
|
-
--pf-v5-c-menu-toggle--
|
|
20338
|
+
--pf-v5-c-menu-toggle--BorderWidth: var(--pf-t--global--border--width--button--default);
|
|
20339
|
+
--pf-v5-c-menu-toggle--border--ZIndex: var(--pf-t--global--Zindex--xs);
|
|
20340
|
+
--pf-v5-c-menu-toggle--hover--Color: var(--pf-t--global--text--color--regular);
|
|
20341
|
+
--pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
20342
|
+
--pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-t--global--border--width--button--default);
|
|
20337
20343
|
--pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-t--global--border--color--hover);
|
|
20338
|
-
--pf-v5-c-menu-toggle--
|
|
20339
|
-
--pf-v5-c-menu-toggle--active--
|
|
20340
|
-
--pf-v5-c-menu-toggle--
|
|
20341
|
-
--pf-v5-c-menu-toggle--
|
|
20342
|
-
--pf-v5-c-menu-toggle--
|
|
20343
|
-
--pf-v5-c-menu-toggle--
|
|
20344
|
-
--pf-v5-c-menu-toggle--
|
|
20345
|
-
--pf-v5-c-menu-toggle--
|
|
20346
|
-
--pf-v5-c-menu-toggle--
|
|
20347
|
-
--pf-v5-c-menu-toggle--
|
|
20348
|
-
--pf-v5-c-menu-toggle--
|
|
20349
|
-
--pf-v5-c-menu-toggle--
|
|
20350
|
-
--pf-v5-c-menu-toggle--
|
|
20351
|
-
--pf-v5-c-menu-toggle--
|
|
20352
|
-
--pf-v5-c-menu-toggle--
|
|
20353
|
-
--pf-v5-c-menu-toggle--
|
|
20354
|
-
--pf-v5-c-menu-toggle--
|
|
20355
|
-
--pf-v5-c-menu-toggle--
|
|
20356
|
-
--pf-v5-c-menu-toggle--
|
|
20357
|
-
--pf-v5-c-menu-toggle--m-
|
|
20358
|
-
--pf-v5-c-menu-toggle--m-
|
|
20359
|
-
--pf-v5-c-menu-toggle--m-
|
|
20360
|
-
--pf-v5-c-menu-toggle--m-
|
|
20361
|
-
--pf-v5-c-menu-toggle--
|
|
20362
|
-
--pf-v5-c-menu-toggle--
|
|
20363
|
-
--pf-v5-c-menu-toggle--m-primary--
|
|
20364
|
-
--pf-v5-c-menu-toggle--m-primary--
|
|
20365
|
-
--pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--pf-
|
|
20366
|
-
--pf-v5-c-menu-toggle--m-primary--hover--
|
|
20367
|
-
--pf-v5-c-menu-toggle--m-primary--
|
|
20368
|
-
--pf-v5-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-
|
|
20369
|
-
--pf-v5-c-menu-toggle--m-primary--
|
|
20370
|
-
--pf-v5-c-menu-toggle--m-primary--
|
|
20371
|
-
--pf-v5-c-menu-toggle--m-
|
|
20372
|
-
--pf-v5-c-menu-toggle--m-
|
|
20373
|
-
--pf-v5-c-menu-toggle--m-
|
|
20374
|
-
--pf-v5-c-menu-toggle--m-
|
|
20375
|
-
--pf-v5-c-menu-toggle--m-
|
|
20376
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20377
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20378
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20379
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20380
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20381
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20382
|
-
--pf-v5-c-menu-toggle--m-secondary--
|
|
20383
|
-
--pf-v5-c-menu-toggle--m-
|
|
20384
|
-
--pf-v5-c-menu-toggle--m-
|
|
20385
|
-
--pf-v5-c-menu-toggle--m-
|
|
20386
|
-
--pf-v5-c-menu-toggle--m-
|
|
20387
|
-
--pf-v5-c-menu-toggle--m-
|
|
20388
|
-
--pf-v5-c-menu-toggle--m-
|
|
20389
|
-
--pf-v5-c-menu-toggle--m-
|
|
20390
|
-
--pf-v5-c-menu-toggle--m-
|
|
20391
|
-
--pf-v5-c-menu-toggle--m-
|
|
20392
|
-
--pf-v5-c-menu-toggle--m-
|
|
20344
|
+
--pf-v5-c-menu-toggle--hover__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
20345
|
+
--pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
20346
|
+
--pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
|
|
20347
|
+
--pf-v5-c-menu-toggle--active--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
20348
|
+
--pf-v5-c-menu-toggle--expanded--Color: var(--pf-t--global--text--color--regular);
|
|
20349
|
+
--pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-t--global--background--color--control--default);
|
|
20350
|
+
--pf-v5-c-menu-toggle--expanded--BorderWidth: var(--pf-t--global--border--width--button--clicked);
|
|
20351
|
+
--pf-v5-c-menu-toggle--expanded--BorderColor: var(--pf-t--global--border--color--clicked);
|
|
20352
|
+
--pf-v5-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
|
|
20353
|
+
--pf-v5-c-menu-toggle--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
20354
|
+
--pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
20355
|
+
--pf-v5-c-menu-toggle--m-button--PaddingLeft: var(--pf-t--global--spacer--md);
|
|
20356
|
+
--pf-v5-c-menu-toggle--m-button--PaddingRight: var(--pf-t--global--spacer--md);
|
|
20357
|
+
--pf-v5-c-menu-toggle--m-button--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
20358
|
+
--pf-v5-c-menu-toggle--m-control--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
20359
|
+
--pf-v5-c-menu-toggle--m-control--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
20360
|
+
--pf-v5-c-menu-toggle--m-control--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
20361
|
+
--pf-v5-c-menu-toggle--m-action--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
20362
|
+
--pf-v5-c-menu-toggle--m-action--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
20363
|
+
--pf-v5-c-menu-toggle--m-action--BorderRadius: var(--pf-t--global--border--radius--pill);
|
|
20364
|
+
--pf-v5-c-menu-toggle--m-primary--PaddingLeft: var(--pf-v5-c-menu-toggle--m-button--PaddingLeft);
|
|
20365
|
+
--pf-v5-c-menu-toggle--m-primary--PaddingRight: var(--pf-v5-c-menu-toggle--m-button--PaddingRight);
|
|
20366
|
+
--pf-v5-c-menu-toggle--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
|
|
20367
|
+
--pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
20368
|
+
--pf-v5-c-menu-toggle--m-primary--BorderRadius: var(--pf-v5-c-menu-toggle--m-button--BorderRadius);
|
|
20369
|
+
--pf-v5-c-menu-toggle--m-primary--BorderColor: transparent;
|
|
20370
|
+
--pf-v5-c-menu-toggle--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
|
|
20371
|
+
--pf-v5-c-menu-toggle--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
20372
|
+
--pf-v5-c-menu-toggle--m-primary--hover--BorderColor: transparent;
|
|
20373
|
+
--pf-v5-c-menu-toggle--m-primary--active--Color: var(--pf-t--global--text--color--on-brand--clicked);
|
|
20374
|
+
--pf-v5-c-menu-toggle--m-primary--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
20375
|
+
--pf-v5-c-menu-toggle--m-primary--active--BorderColor: transparent;
|
|
20376
|
+
--pf-v5-c-menu-toggle--m-primary--expanded--Color: var(--pf-t--global--text--color--on-brand--clicked);
|
|
20377
|
+
--pf-v5-c-menu-toggle--m-primary--expanded--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
20378
|
+
--pf-v5-c-menu-toggle--m-primary--expanded--BorderColor: transparent;
|
|
20379
|
+
--pf-v5-c-menu-toggle--m-primary__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
|
|
20380
|
+
--pf-v5-c-menu-toggle--m-primary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
|
|
20381
|
+
--pf-v5-c-menu-toggle--m-primary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
|
|
20382
|
+
--pf-v5-c-menu-toggle--m-secondary--PaddingLeft: var(--pf-v5-c-menu-toggle--m-button--PaddingLeft);
|
|
20383
|
+
--pf-v5-c-menu-toggle--m-secondary--PaddingRight: var(--pf-v5-c-menu-toggle--m-button--PaddingRight);
|
|
20384
|
+
--pf-v5-c-menu-toggle--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
|
|
20385
|
+
--pf-v5-c-menu-toggle--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
|
|
20386
|
+
--pf-v5-c-menu-toggle--m-secondary--BorderRadius: var(--pf-v5-c-menu-toggle--m-button--BorderRadius);
|
|
20387
|
+
--pf-v5-c-menu-toggle--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
|
|
20388
|
+
--pf-v5-c-menu-toggle--m-secondary--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
|
|
20389
|
+
--pf-v5-c-menu-toggle--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
|
|
20390
|
+
--pf-v5-c-menu-toggle--m-secondary--active--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
20391
|
+
--pf-v5-c-menu-toggle--m-secondary--active--BorderWidth: var(--pf-t--global--border--width--button--clicked);
|
|
20392
|
+
--pf-v5-c-menu-toggle--m-secondary--active--BorderColor: var(--pf-t--global--border--color--brand--clicked);
|
|
20393
|
+
--pf-v5-c-menu-toggle--m-secondary--expanded--Color: var(--pf-t--global--text--color--brand--clicked);
|
|
20394
|
+
--pf-v5-c-menu-toggle--m-secondary--expanded--BorderWidth: var(--pf-t--global--border--width--button--clicked);
|
|
20395
|
+
--pf-v5-c-menu-toggle--m-secondary--expanded--BorderColor: var(--pf-t--global--border--color--brand--clicked);
|
|
20396
|
+
--pf-v5-c-menu-toggle--m-secondary__toggle-icon--Color: var(--pf-t--global--icon--color--brand--default);
|
|
20397
|
+
--pf-v5-c-menu-toggle--m-secondary--hover__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
20398
|
+
--pf-v5-c-menu-toggle--m-secondary--expanded__toggle-icon--Color: var(--pf-t--global--icon--color--brand--clicked);
|
|
20393
20399
|
--pf-v5-c-menu-toggle__icon--MarginRight: var(--pf-t--global--spacer--sm);
|
|
20394
20400
|
--pf-v5-c-menu-toggle__count--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
20395
|
-
--pf-v5-c-menu-toggle__controls--
|
|
20396
|
-
--pf-v5-c-menu-
|
|
20397
|
-
--pf-v5-c-menu-
|
|
20398
|
-
--pf-v5-c-menu-
|
|
20399
|
-
--pf-v5-c-menu-toggle--m-
|
|
20400
|
-
--pf-v5-c-menu-toggle--m-
|
|
20401
|
-
--pf-v5-c-menu-toggle--m-
|
|
20402
|
-
--pf-v5-c-menu-toggle--m-
|
|
20403
|
-
--pf-v5-c-menu-toggle--m-
|
|
20404
|
-
--pf-v5-c-menu-toggle--m-
|
|
20405
|
-
--pf-v5-c-menu-toggle--m-
|
|
20406
|
-
--pf-v5-c-menu-toggle--m-
|
|
20407
|
-
--pf-v5-c-menu-toggle--m-
|
|
20408
|
-
--pf-v5-c-menu-toggle--m-
|
|
20409
|
-
--pf-v5-c-menu-toggle--m-
|
|
20410
|
-
--pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--xl);
|
|
20411
|
-
--pf-v5-c-menu-toggle--m-split-button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
20412
|
-
--pf-v5-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
|
|
20413
|
-
--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--100);
|
|
20414
|
-
--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
|
|
20415
|
-
--pf-v5-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
20416
|
-
--pf-v5-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
|
|
20417
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
20418
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
|
|
20419
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--Left: 0;
|
|
20420
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
20421
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
|
|
20422
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
|
|
20423
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
|
|
20424
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
20425
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
|
|
20426
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
|
|
20427
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor: var(--pf-v5-global--active-color--100);
|
|
20428
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
|
|
20429
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--100);
|
|
20430
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-v5-global--primary-color--200);
|
|
20431
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor: var(--pf-v5-global--primary-color--200);
|
|
20432
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-v5-global--primary-color--200);
|
|
20433
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-v5-global--primary-color--200);
|
|
20434
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-v5-global--primary-color--200);
|
|
20435
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-v5-global--primary-color--100);
|
|
20401
|
+
--pf-v5-c-menu-toggle__controls--MinWidth: calc(var(--pf-v5-c-menu-toggle--FontSize) + var(--pf-t--global--spacer--sm) + var(--pf-t--global--spacer--sm));
|
|
20402
|
+
--pf-v5-c-menu-toggle--m-full-height--PaddingRight: var(--pf-t--global--spacer--lg);
|
|
20403
|
+
--pf-v5-c-menu-toggle--m-full-height--PaddingLeft: var(--pf-t--global--spacer--lg);
|
|
20404
|
+
--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-t--global--text--color--on-disabled);
|
|
20405
|
+
--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
|
|
20406
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-t--global--border--width--button--default);
|
|
20407
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-t--global--border--color--default);
|
|
20408
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-v5-c-menu-toggle--m-button--BorderRadius);
|
|
20409
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--child--disabled--BorderLeftColor: var(--pf-t--global--icon--color--on-disabled);
|
|
20410
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-t--global--color--brand--default);
|
|
20411
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
|
|
20412
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
20413
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-t--global--border--color--default);
|
|
20414
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor: var(--pf-t--global--color--brand--clicked);
|
|
20415
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-t--global--color--brand--default);
|
|
20436
20416
|
--pf-v5-c-menu-toggle__button--BackgroundColor: transparent;
|
|
20437
20417
|
--pf-v5-c-menu-toggle__button--AlignSelf: baseline;
|
|
20438
20418
|
--pf-v5-c-menu-toggle__button--PaddingLeft: var(--pf-t--global--spacer--sm);
|
|
20439
20419
|
--pf-v5-c-menu-toggle__button--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
20440
|
-
--pf-v5-c-menu-
|
|
20441
|
-
--pf-v5-c-menu-
|
|
20420
|
+
--pf-v5-c-menu-toggle__button--MinWidth: calc(var(--pf-v5-c-menu-toggle--FontSize) * var(--pf-v5-c-menu-toggle--LineHeight) + var(--pf-v5-c-menu-toggle--PaddingTop) + var(--pf-v5-c-menu-toggle--PaddingBottom));
|
|
20421
|
+
--pf-v5-c-menu-toggle--m-plain--Color: var(--pf-t--global--icon--color--regular);
|
|
20422
|
+
--pf-v5-c-menu-toggle--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
|
|
20423
|
+
--pf-v5-c-menu-toggle--m-plain--BorderColor: transparent;
|
|
20424
|
+
--pf-v5-c-menu-toggle--m-plain--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
|
|
20425
|
+
--pf-v5-c-menu-toggle--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
|
|
20426
|
+
--pf-v5-c-menu-toggle--m-plain--active--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
20427
|
+
--pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
|
|
20428
|
+
--pf-v5-c-menu-toggle--m-plain--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
|
|
20442
20429
|
--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight: var(--pf-t--global--spacer--sm);
|
|
20443
20430
|
--pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-t--global--spacer--sm);
|
|
20444
20431
|
--pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
|
|
20445
|
-
--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf:
|
|
20432
|
+
--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: stretch;
|
|
20433
|
+
}
|
|
20434
|
+
|
|
20435
|
+
.pf-v5-c-menu-toggle {
|
|
20446
20436
|
position: relative;
|
|
20447
20437
|
display: inline-flex;
|
|
20448
20438
|
align-items: center;
|
|
20439
|
+
justify-content: center;
|
|
20440
|
+
min-width: var(--pf-v5-c-menu-toggle--MinWidth);
|
|
20449
20441
|
max-width: 100%;
|
|
20450
20442
|
padding-block-start: var(--pf-v5-c-menu-toggle--PaddingTop);
|
|
20451
20443
|
padding-block-end: var(--pf-v5-c-menu-toggle--PaddingBottom);
|
|
@@ -20467,111 +20459,118 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20467
20459
|
inset-block-end: 0;
|
|
20468
20460
|
inset-inline-start: 0;
|
|
20469
20461
|
inset-inline-end: 0;
|
|
20462
|
+
z-index: var(--pf-v5-c-menu-toggle--border--ZIndex);
|
|
20470
20463
|
pointer-events: none;
|
|
20471
20464
|
content: "";
|
|
20472
20465
|
border: var(--pf-v5-c-menu-toggle--BorderWidth) solid var(--pf-v5-c-menu-toggle--BorderColor);
|
|
20473
20466
|
}
|
|
20474
|
-
.pf-v5-c-menu-toggle::after {
|
|
20475
|
-
border-block-end: var(--pf-v5-c-menu-toggle--after--BorderWidth) solid var(--pf-v5-c-menu-toggle--after--BorderColor);
|
|
20476
|
-
}
|
|
20477
20467
|
.pf-v5-c-menu-toggle.pf-m-primary {
|
|
20478
|
-
--pf-v5-c-menu-toggle--
|
|
20468
|
+
--pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-primary--PaddingLeft);
|
|
20469
|
+
--pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-primary--PaddingRight);
|
|
20479
20470
|
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-primary--Color);
|
|
20480
20471
|
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--BackgroundColor);
|
|
20472
|
+
--pf-v5-c-menu-toggle--BorderRadius: var(--pf-v5-c-menu-toggle--m-primary--BorderRadius);
|
|
20473
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--BorderColor);
|
|
20474
|
+
--pf-v5-c-menu-toggle--hover--Color: var(--pf-v5-c-menu-toggle--m-primary--hover--Color);
|
|
20481
20475
|
--pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--hover--BackgroundColor);
|
|
20482
|
-
--pf-v5-c-menu-toggle--
|
|
20476
|
+
--pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--hover--BorderColor);
|
|
20477
|
+
--pf-v5-c-menu-toggle--active--Color: var(--pf-v5-c-menu-toggle--m-primary--active--Color);
|
|
20483
20478
|
--pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--active--BackgroundColor);
|
|
20484
|
-
--pf-v5-c-menu-toggle--
|
|
20485
|
-
--pf-v5-c-menu-toggle--
|
|
20486
|
-
|
|
20487
|
-
|
|
20488
|
-
|
|
20479
|
+
--pf-v5-c-menu-toggle--active--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--active--BorderColor);
|
|
20480
|
+
--pf-v5-c-menu-toggle--expanded--Color: var(--pf-v5-c-menu-toggle--m-primary--expanded--Color);
|
|
20481
|
+
--pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-primary--expanded--BackgroundColor);
|
|
20482
|
+
--pf-v5-c-menu-toggle--expanded--BorderColor: var(--pf-v5-c-menu-toggle--m-primary--expanded--BorderColor);
|
|
20483
|
+
--pf-v5-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-primary--hover__toggle-icon--Color);
|
|
20484
|
+
--pf-v5-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-primary--expanded__toggle-icon--Color);
|
|
20489
20485
|
}
|
|
20490
20486
|
.pf-v5-c-menu-toggle.pf-m-secondary {
|
|
20487
|
+
--pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-secondary--PaddingLeft);
|
|
20488
|
+
--pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-secondary--PaddingRight);
|
|
20491
20489
|
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-secondary--Color);
|
|
20492
|
-
--pf-v5-c-menu-toggle--
|
|
20493
|
-
|
|
20494
|
-
|
|
20495
|
-
|
|
20496
|
-
|
|
20497
|
-
|
|
20498
|
-
|
|
20499
|
-
|
|
20500
|
-
|
|
20501
|
-
|
|
20502
|
-
|
|
20503
|
-
|
|
20504
|
-
.pf-v5-c-menu-toggle.pf-m-secondary:hover {
|
|
20505
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderColor);
|
|
20506
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--hover--before--BorderWidth);
|
|
20507
|
-
}
|
|
20508
|
-
.pf-v5-c-menu-toggle.pf-m-secondary:focus {
|
|
20509
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderColor);
|
|
20510
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--focus--before--BorderWidth);
|
|
20511
|
-
}
|
|
20512
|
-
.pf-v5-c-menu-toggle.pf-m-secondary:active {
|
|
20513
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--active--before--BorderColor);
|
|
20514
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--active--before--BorderWidth);
|
|
20515
|
-
}
|
|
20516
|
-
.pf-v5-c-menu-toggle.pf-m-secondary.pf-m-expanded {
|
|
20517
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderColor: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderColor);
|
|
20518
|
-
--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth: var(--pf-v5-c-menu-toggle--m-expanded__toggle--m-secondary--before--BorderWidth);
|
|
20519
|
-
}
|
|
20520
|
-
.pf-v5-c-menu-toggle.pf-m-plain:not(.pf-m-text) {
|
|
20521
|
-
--pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-plain--PaddingRight);
|
|
20522
|
-
--pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-plain--PaddingLeft);
|
|
20523
|
-
--pf-v5-c-menu-toggle--disabled--BackgroundColor: transparent;
|
|
20524
|
-
display: inline-block;
|
|
20490
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--BorderColor);
|
|
20491
|
+
--pf-v5-c-menu-toggle--BorderRadius: var(--pf-v5-c-menu-toggle--m-secondary--BorderRadius);
|
|
20492
|
+
--pf-v5-c-menu-toggle--hover--Color: var(--pf-v5-c-menu-toggle--m-secondary--hover--Color);
|
|
20493
|
+
--pf-v5-c-menu-toggle--hover--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--hover--BorderWidth);
|
|
20494
|
+
--pf-v5-c-menu-toggle--hover--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--hover--BorderColor);
|
|
20495
|
+
--pf-v5-c-menu-toggle--active--Color: var(--pf-v5-c-menu-toggle--m-secondary--active--Color);
|
|
20496
|
+
--pf-v5-c-menu-toggle--active--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--active--BorderWidth);
|
|
20497
|
+
--pf-v5-c-menu-toggle--active--BorderColor: var(--pf-v5-c-menu-toggle--m-secondary--active--BorderColor);
|
|
20498
|
+
--pf-v5-c-menu-toggle--expanded--Color: var(--pf-v5-c-menu-toggle--m-secondary--expanded--Color);
|
|
20499
|
+
--pf-v5-c-menu-toggle--expanded--BorderWidth: var(--pf-v5-c-menu-toggle--m-secondary--expanded--BorderWidth);
|
|
20500
|
+
--pf-v5-c-menu-toggle--hover__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-secondary--hover__toggle-icon--Color);
|
|
20501
|
+
--pf-v5-c-menu-toggle--expanded__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-secondary--expanded__toggle-icon--Color);
|
|
20525
20502
|
}
|
|
20526
20503
|
.pf-v5-c-menu-toggle.pf-m-full-height {
|
|
20527
20504
|
--pf-v5-c-menu-toggle--PaddingRight: var(--pf-v5-c-menu-toggle--m-full-height--PaddingRight);
|
|
20528
20505
|
--pf-v5-c-menu-toggle--PaddingLeft: var(--pf-v5-c-menu-toggle--m-full-height--PaddingLeft);
|
|
20529
|
-
--pf-v5-c-menu-toggle--
|
|
20530
|
-
--pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height__toggle--after--BorderBottomWidth);
|
|
20531
|
-
--pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--m-expanded--after--BorderBottomWidth);
|
|
20532
|
-
--pf-v5-c-menu-toggle--hover--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth);
|
|
20533
|
-
--pf-v5-c-menu-toggle--focus--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth);
|
|
20534
|
-
--pf-v5-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-full-height--active--after--BorderBottomWidth);
|
|
20506
|
+
--pf-v5-c-menu-toggle--BorderTopWidth: var(--pf-v5-c-menu-toggle--m-full-height__toggle--BorderTopWidth);
|
|
20535
20507
|
align-items: center;
|
|
20536
20508
|
height: 100%;
|
|
20537
20509
|
}
|
|
20538
|
-
.pf-v5-c-menu-toggle
|
|
20539
|
-
|
|
20540
|
-
--pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--hover--BorderWidth);
|
|
20510
|
+
.pf-v5-c-menu-toggle.pf-m-full-width {
|
|
20511
|
+
width: 100%;
|
|
20541
20512
|
}
|
|
20542
|
-
.pf-v5-c-menu-toggle
|
|
20543
|
-
--pf-v5-c-menu-toggle--
|
|
20544
|
-
--pf-v5-c-menu-toggle--
|
|
20513
|
+
.pf-v5-c-menu-toggle.pf-m-plain {
|
|
20514
|
+
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--m-plain--Color);
|
|
20515
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--BackgroundColor);
|
|
20516
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--m-plain--BorderColor);
|
|
20517
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--BackgroundColor);
|
|
20518
|
+
--pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--hover--BackgroundColor);
|
|
20519
|
+
--pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--active--BackgroundColor);
|
|
20520
|
+
--pf-v5-c-menu-toggle--expanded--BackgroundColor: var(--pf-v5-c-menu-toggle--m-plain--expanded--BackgroundColor);
|
|
20521
|
+
--pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-c-menu-toggle--m-plain--disabled--Color);
|
|
20522
|
+
mix-blend-mode: var(--pf-v5-c-menu-toggle--m-plain--MixBlendMode);
|
|
20523
|
+
}
|
|
20524
|
+
.pf-v5-c-menu-toggle.pf-m-plain::before {
|
|
20525
|
+
border: none;
|
|
20545
20526
|
}
|
|
20546
|
-
.pf-v5-c-menu-toggle.pf-
|
|
20547
|
-
|
|
20548
|
-
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--m-expanded--BackgroundColor);
|
|
20549
|
-
--pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-expanded--after--BorderBottomWidth);
|
|
20550
|
-
--pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-expanded--after--BorderBottomColor);
|
|
20551
|
-
--pf-v5-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-v5-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color);
|
|
20552
|
-
--pf-v5-c-menu-toggle--m-plain--Color: var(--pf-v5-c-menu-toggle--m-plain--m-expanded--Color);
|
|
20527
|
+
.pf-v5-c-menu-toggle:has(.pf-v5-c-button:only-child) {
|
|
20528
|
+
padding: revert;
|
|
20553
20529
|
}
|
|
20554
|
-
.pf-v5-c-menu-toggle:
|
|
20530
|
+
.pf-v5-c-menu-toggle:is(button),
|
|
20531
|
+
.pf-v5-c-menu-toggle .pf-v5-c-button {
|
|
20532
|
+
background-color: var(--pf-v5-c-menu-toggle--BackgroundColor);
|
|
20533
|
+
}
|
|
20534
|
+
.pf-v5-c-menu-toggle:is(button):has(> i:only-child),
|
|
20535
|
+
.pf-v5-c-menu-toggle .pf-v5-c-button:has(> i:only-child) {
|
|
20536
|
+
aspect-ratio: 1/1;
|
|
20537
|
+
}
|
|
20538
|
+
.pf-v5-c-menu-toggle:is(:hover, :focus) {
|
|
20539
|
+
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--hover--Color);
|
|
20540
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--hover--BackgroundColor);
|
|
20541
|
+
--pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--hover--BorderWidth);
|
|
20542
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--hover--BorderColor);
|
|
20543
|
+
--pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--hover__toggle-icon--Color);
|
|
20544
|
+
}
|
|
20545
|
+
.pf-v5-c-menu-toggle:is(.pf-m-expanded, [aria-expanded=true]) {
|
|
20546
|
+
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--expanded--Color);
|
|
20547
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--expanded--BackgroundColor);
|
|
20548
|
+
--pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--expanded--BorderWidth);
|
|
20549
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--expanded--BorderColor);
|
|
20550
|
+
--pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--expanded__toggle-icon--Color);
|
|
20551
|
+
}
|
|
20552
|
+
.pf-v5-c-menu-toggle:is(:active, .pf-m-active) {
|
|
20553
|
+
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--active--Color);
|
|
20554
|
+
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--active--BackgroundColor);
|
|
20555
|
+
--pf-v5-c-menu-toggle--BorderWidth: var(--pf-v5-c-menu-toggle--active--BorderWidth);
|
|
20556
|
+
--pf-v5-c-menu-toggle--BorderColor: var(--pf-v5-c-menu-toggle--active--BorderColor);
|
|
20557
|
+
--pf-v5-c-menu-toggle__toggle-icon--Color: var(--pf-v5-c-menu-toggle--active__toggle-icon--Color);
|
|
20558
|
+
}
|
|
20559
|
+
.pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled) {
|
|
20555
20560
|
--pf-v5-c-menu-toggle--Color: var(--pf-v5-c-menu-toggle--disabled--Color);
|
|
20556
20561
|
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-c-menu-toggle--disabled--BackgroundColor);
|
|
20557
|
-
|
|
20562
|
+
}
|
|
20563
|
+
.pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled),
|
|
20564
|
+
.pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled) .pf-v5-c-button {
|
|
20558
20565
|
pointer-events: none;
|
|
20559
20566
|
}
|
|
20560
|
-
.pf-v5-c-menu-toggle.pf-m-primary::before, .pf-v5-c-menu-toggle
|
|
20567
|
+
.pf-v5-c-menu-toggle.pf-m-primary::before, .pf-v5-c-menu-toggle:is(:disabled, .pf-m-disabled)::before {
|
|
20561
20568
|
border: 0;
|
|
20562
20569
|
}
|
|
20563
|
-
.pf-v5-c-menu-toggle.pf-
|
|
20564
|
-
|
|
20565
|
-
--pf-v5-c-menu-toggle__button__controls--MarginLeft: var(--pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft);
|
|
20566
|
-
--pf-v5-c-menu-toggle__button--AlignSelf: var(--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf);
|
|
20567
|
-
align-items: stretch;
|
|
20568
|
-
padding: 0;
|
|
20569
|
-
}
|
|
20570
|
-
.pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-text-input-group {
|
|
20571
|
-
--pf-v5-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight);
|
|
20572
|
-
--pf-v5-c-text-input-group__utilities--MarginRight: 0;
|
|
20573
|
-
flex: 1;
|
|
20570
|
+
.pf-v5-c-menu-toggle:has(.pf-v5-c-button) {
|
|
20571
|
+
background-color: transparent;
|
|
20574
20572
|
}
|
|
20573
|
+
|
|
20575
20574
|
.pf-v5-c-menu-toggle.pf-m-split-button {
|
|
20576
20575
|
padding: 0;
|
|
20577
20576
|
}
|
|
@@ -20582,11 +20581,13 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20582
20581
|
padding-inline-start: var(--pf-v5-c-menu-toggle--PaddingLeft);
|
|
20583
20582
|
padding-inline-end: var(--pf-v5-c-menu-toggle--PaddingRight);
|
|
20584
20583
|
}
|
|
20585
|
-
.pf-v5-c-menu-toggle.pf-m-split-button >
|
|
20586
|
-
|
|
20584
|
+
.pf-v5-c-menu-toggle.pf-m-split-button > :first-child {
|
|
20585
|
+
border-start-start-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
|
|
20586
|
+
border-end-start-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
|
|
20587
20587
|
}
|
|
20588
|
-
.pf-v5-c-menu-toggle.pf-m-split-button
|
|
20589
|
-
|
|
20588
|
+
.pf-v5-c-menu-toggle.pf-m-split-button > :last-child {
|
|
20589
|
+
border-start-end-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
|
|
20590
|
+
border-end-end-radius: var(--pf-v5-c-menu-toggle--BorderRadius);
|
|
20590
20591
|
}
|
|
20591
20592
|
.pf-v5-c-menu-toggle.pf-m-split-button > .pf-v5-c-check {
|
|
20592
20593
|
--pf-v5-c-menu-toggle--PaddingRight: 0;
|
|
@@ -20599,98 +20600,82 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20599
20600
|
--pf-v5-c-check__input--TranslateY: 0;
|
|
20600
20601
|
align-self: center;
|
|
20601
20602
|
}
|
|
20602
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-
|
|
20603
|
-
|
|
20604
|
-
inset-block-start: 0;
|
|
20605
|
-
inset-block-end: 0;
|
|
20606
|
-
inset-inline-start: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--Left);
|
|
20607
|
-
inset-inline-end: 0;
|
|
20608
|
-
pointer-events: none;
|
|
20609
|
-
content: "";
|
|
20610
|
-
border-block-end: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth) solid var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor);
|
|
20603
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-plain {
|
|
20604
|
+
--pf-v5-c-menu-toggle--BorderColor: transparent;
|
|
20611
20605
|
}
|
|
20612
|
-
|
|
20613
|
-
|
|
20614
|
-
--pf-v5-c-menu-toggle--
|
|
20606
|
+
|
|
20607
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action {
|
|
20608
|
+
--pf-v5-c-menu-toggle--ColumnGap: 0;
|
|
20609
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--BorderColor);
|
|
20615
20610
|
}
|
|
20616
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:
|
|
20617
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--
|
|
20618
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor);
|
|
20611
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
|
|
20612
|
+
border-inline-start: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth) solid var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor);
|
|
20619
20613
|
}
|
|
20620
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action
|
|
20621
|
-
|
|
20622
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor);
|
|
20614
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :has(.pf-v5-c-menu-toggle__controls) {
|
|
20615
|
+
padding-inline-end: 0;
|
|
20623
20616
|
}
|
|
20624
20617
|
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
|
|
20625
20618
|
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor);
|
|
20626
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: 0;
|
|
20627
20619
|
}
|
|
20628
20620
|
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])) {
|
|
20629
20621
|
background-color: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor);
|
|
20630
20622
|
}
|
|
20631
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):hover {
|
|
20623
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:hover, :focus) {
|
|
20632
20624
|
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor);
|
|
20633
20625
|
}
|
|
20634
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):
|
|
20635
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor);
|
|
20636
|
-
}
|
|
20637
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):active, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])).pf-m-active {
|
|
20626
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):is(:active, .pf-m-active) {
|
|
20638
20627
|
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor);
|
|
20639
20628
|
}
|
|
20640
20629
|
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
|
|
20641
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--
|
|
20630
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--expanded--child--BackgroundColor);
|
|
20642
20631
|
}
|
|
20643
20632
|
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
|
|
20644
20633
|
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor);
|
|
20645
20634
|
}
|
|
20646
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-
|
|
20647
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--
|
|
20648
|
-
}
|
|
20649
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :first-child, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary > :first-child {
|
|
20650
|
-
border-start-start-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
|
|
20651
|
-
border-end-start-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
|
|
20652
|
-
}
|
|
20653
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :last-child, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary > :last-child {
|
|
20654
|
-
border-start-end-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
|
|
20655
|
-
border-end-end-radius: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
|
|
20656
|
-
}
|
|
20657
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
|
|
20658
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--after--Left: calc(var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth) * -1);
|
|
20659
|
-
border-inline-start: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth) solid var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor);
|
|
20660
|
-
}
|
|
20661
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:not(.pf-m-expanded) {
|
|
20662
|
-
--pf-v5-c-menu-toggle--after--BorderBottomColor: transparent;
|
|
20635
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled) {
|
|
20636
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--disabled--BorderLeftColor);
|
|
20663
20637
|
}
|
|
20664
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-
|
|
20665
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
|
|
20666
|
-
}
|
|
20667
|
-
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled::before, .pf-v5-c-menu-toggle.pf-m-split-button.pf-m-disabled::after, .pf-v5-c-menu-toggle.pf-m-split-button:disabled::before, .pf-v5-c-menu-toggle.pf-m-split-button:disabled::after {
|
|
20638
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action:is(.pf-m-disabled, :disabled)::before {
|
|
20668
20639
|
content: none;
|
|
20669
20640
|
}
|
|
20670
|
-
.pf-v5-c-menu-toggle.pf-m-split-button > .pf-m-disabled,
|
|
20671
|
-
|
|
20672
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
|
|
20641
|
+
.pf-v5-c-menu-toggle.pf-m-split-button.pf-m-action > :is(.pf-m-disabled, :disabled) {
|
|
20642
|
+
--pf-v5-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-v5-c-menu-toggle--m-split-button--m-action--child--disabled--BorderLeftColor);
|
|
20673
20643
|
color: var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color);
|
|
20674
20644
|
background-color: var(--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
|
|
20675
20645
|
}
|
|
20676
|
-
|
|
20677
|
-
|
|
20646
|
+
|
|
20647
|
+
.pf-v5-c-menu-toggle.pf-m-typeahead {
|
|
20648
|
+
--pf-v5-c-menu-toggle__button--AlignSelf: var(--pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf);
|
|
20649
|
+
align-items: stretch;
|
|
20650
|
+
padding: 0;
|
|
20678
20651
|
}
|
|
20679
|
-
.pf-v5-c-menu-toggle.pf-m-
|
|
20680
|
-
|
|
20652
|
+
.pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-menu-toggle__button {
|
|
20653
|
+
--pf-v5-c-menu-toggle__button--PaddingRight: 0;
|
|
20654
|
+
}
|
|
20655
|
+
.pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-menu-toggle__controls {
|
|
20656
|
+
--pf-v5-c-menu-toggle--ColumnGap: 0;
|
|
20657
|
+
--pf-v5-c-menu-toggle__button--PaddingRight: 0;
|
|
20658
|
+
display: flex;
|
|
20659
|
+
align-items: stretch;
|
|
20660
|
+
}
|
|
20661
|
+
.pf-v5-c-menu-toggle.pf-m-typeahead .pf-v5-c-text-input-group {
|
|
20662
|
+
--pf-v5-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight);
|
|
20663
|
+
--pf-v5-c-text-input-group__utilities--MarginRight: 0;
|
|
20664
|
+
flex: 1;
|
|
20681
20665
|
}
|
|
20682
20666
|
|
|
20683
20667
|
.pf-v5-c-menu-toggle__button {
|
|
20684
|
-
--pf-v5-c-menu-toggle__controls--PaddingLeft: 0;
|
|
20685
|
-
--pf-v5-c-menu-toggle__controls--MarginRight: var(--pf-v5-c-menu-toggle__button__controls--MarginRight);
|
|
20686
|
-
--pf-v5-c-menu-toggle__controls--MarginLeft: var(--pf-v5-c-menu-toggle__button__controls--MarginLeft);
|
|
20687
20668
|
align-self: var(--pf-v5-c-menu-toggle__button--AlignSelf);
|
|
20669
|
+
min-width: var(--pf-v5-c-menu-toggle__button--MinWidth);
|
|
20688
20670
|
padding-inline-start: var(--pf-v5-c-menu-toggle__button--PaddingLeft);
|
|
20689
20671
|
padding-inline-end: var(--pf-v5-c-menu-toggle__button--PaddingRight);
|
|
20690
20672
|
color: inherit;
|
|
20691
20673
|
background-color: var(--pf-v5-c-menu-toggle__button--BackgroundColor);
|
|
20692
20674
|
border: 0;
|
|
20693
20675
|
}
|
|
20676
|
+
.pf-v5-c-menu-toggle__button:has(.pf-v5-c-menu-toggle__controls) {
|
|
20677
|
+
padding-inline-start: 0;
|
|
20678
|
+
}
|
|
20694
20679
|
|
|
20695
20680
|
.pf-v5-c-menu-toggle__icon {
|
|
20696
20681
|
flex-shrink: 0;
|
|
@@ -20713,42 +20698,17 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
|
|
|
20713
20698
|
}
|
|
20714
20699
|
|
|
20715
20700
|
.pf-v5-c-menu-toggle__controls {
|
|
20716
|
-
|
|
20717
|
-
|
|
20718
|
-
|
|
20701
|
+
display: flex;
|
|
20702
|
+
align-items: center;
|
|
20703
|
+
justify-content: center;
|
|
20704
|
+
min-width: var(--pf-v5-c-menu-toggle__controls--MinWidth);
|
|
20705
|
+
margin-inline-start: var(--pf-v5-c-menu-toggle--ColumnGap);
|
|
20719
20706
|
}
|
|
20720
20707
|
|
|
20721
20708
|
.pf-v5-c-menu-toggle__toggle-icon {
|
|
20722
|
-
margin-inline-end: var(--pf-v5-c-menu-toggle__toggle-icon--MarginRight);
|
|
20723
20709
|
color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
|
|
20724
20710
|
}
|
|
20725
20711
|
|
|
20726
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
20727
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
20728
|
-
}
|
|
20729
|
-
|
|
20730
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle {
|
|
20731
|
-
--pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
20732
|
-
--pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
20733
|
-
--pf-v5-c-menu-toggle--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
20734
|
-
--pf-v5-c-menu-toggle--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
20735
|
-
--pf-v5-c-menu-toggle--m-expanded--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
20736
|
-
--pf-v5-c-menu-toggle--before--BorderTopColor: transparent;
|
|
20737
|
-
--pf-v5-c-menu-toggle--before--BorderRightColor: transparent;
|
|
20738
|
-
--pf-v5-c-menu-toggle--before--BorderBottomColor: transparent;
|
|
20739
|
-
--pf-v5-c-menu-toggle--before--BorderLeftColor: transparent;
|
|
20740
|
-
--pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
20741
|
-
--pf-v5-c-menu-toggle--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
20742
|
-
--pf-v5-c-menu-toggle--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
20743
|
-
--pf-v5-c-menu-toggle--disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
20744
|
-
--pf-v5-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
20745
|
-
--pf-v5-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
20746
|
-
--pf-v5-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
20747
|
-
}
|
|
20748
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-plain, :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle.pf-m-full-height {
|
|
20749
|
-
background: transparent;
|
|
20750
|
-
}
|
|
20751
|
-
|
|
20752
20712
|
:root {
|
|
20753
20713
|
--pf-v5-c-modal-box--BackgroundColor: var(--pf-t--global--background--color--floating--default);
|
|
20754
20714
|
--pf-v5-c-modal-box--BorderRadius: var(--pf-t--global--border--radius--large);
|
|
@@ -30637,8 +30597,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
30637
30597
|
--pf-v5-c-text-input-group__icon--Left: var(--pf-v5-global--spacer--sm);
|
|
30638
30598
|
--pf-v5-c-text-input-group__icon--Color: var(--pf-v5-global--icon--Color--dark);
|
|
30639
30599
|
--pf-v5-c-text-input-group__icon--TranslateY: -50%;
|
|
30640
|
-
--pf-v5-c-text-input-group__utilities--MarginRight: var(--pf-v5-global--spacer--sm);
|
|
30641
|
-
--pf-v5-c-text-input-group__utilities--MarginLeft: var(--pf-v5-global--spacer--xs);
|
|
30642
30600
|
--pf-v5-c-text-input-group__utilities--child--MarginLeft: var(--pf-v5-global--spacer--xs);
|
|
30643
30601
|
--pf-v5-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--xs);
|
|
30644
30602
|
--pf-v5-c-text-input-group__utilities--c-button--PaddingLeft: var(--pf-v5-global--spacer--xs);
|
|
@@ -30751,27 +30709,11 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
|
|
|
30751
30709
|
.pf-v5-c-text-input-group__utilities > * + * {
|
|
30752
30710
|
margin-inline-start: var(--pf-v5-c-text-input-group__utilities--child--MarginLeft);
|
|
30753
30711
|
}
|
|
30754
|
-
.pf-v5-c-text-input-group__utilities .pf-v5-c-button {
|
|
30755
|
-
--pf-v5-c-button--PaddingRight: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingRight);
|
|
30756
|
-
--pf-v5-c-button--PaddingLeft: var(--pf-v5-c-text-input-group__utilities--c-button--PaddingLeft);
|
|
30757
|
-
}
|
|
30758
30712
|
|
|
30759
30713
|
.pf-v5-c-text-input-group__group {
|
|
30760
30714
|
display: flex;
|
|
30761
30715
|
}
|
|
30762
30716
|
|
|
30763
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
|
|
30764
|
-
--pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
|
|
30765
|
-
}
|
|
30766
|
-
|
|
30767
|
-
:where(.pf-v5-theme-dark) .pf-v5-c-text-input-group {
|
|
30768
|
-
--pf-v5-c-text-input-group--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
|
|
30769
|
-
--pf-v5-c-text-input-group--m-disabled--Color: var(--pf-v5-global--disabled-color--300);
|
|
30770
|
-
--pf-v5-c-text-input-group--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
|
|
30771
|
-
--pf-v5-c-text-input-group__text--before--BorderWidth: 0;
|
|
30772
|
-
--pf-v5-c-text-input-group__text--after--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
|
|
30773
|
-
}
|
|
30774
|
-
|
|
30775
30717
|
:where(:root),
|
|
30776
30718
|
:where(.pf-v5-c-tile) {
|
|
30777
30719
|
--pf-v5-c-tile--PaddingTop: var(--pf-t--global--spacer--lg);
|