@patternfly/patternfly 4.181.0 → 4.182.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (17) hide show
  1. package/RELEASE-NOTES.md +31 -0
  2. package/components/Masthead/masthead.css +21 -27
  3. package/components/Masthead/masthead.scss +21 -27
  4. package/components/MenuToggle/menu-toggle.css +135 -1
  5. package/components/MenuToggle/menu-toggle.scss +201 -2
  6. package/docs/components/MenuToggle/examples/MenuToggle.md +552 -20
  7. package/docs/components/Table/examples/Table.md +137 -48
  8. package/docs/demos/ContextSelector/examples/ContextSelector.md +3 -3
  9. package/docs/demos/DescriptionList/examples/DescriptionList.md +3 -3
  10. package/docs/demos/Masthead/examples/Masthead.md +2 -2
  11. package/docs/demos/Page/examples/Page.md +7 -7
  12. package/docs/demos/Table/examples/Table.md +13 -13
  13. package/package.json +1 -1
  14. package/patternfly-no-reset.css +156 -28
  15. package/patternfly.css +156 -28
  16. package/patternfly.min.css +1 -1
  17. package/patternfly.min.css.map +1 -1
package/patternfly-no-reset.css CHANGED
@@ -15899,24 +15899,21 @@ ul.pf-c-list {
15899
15899
  --pf-c-masthead--c-toolbar__item--Display: flex;
15900
15900
  --pf-c-masthead--item-border-color--base: var(--pf-global--palette--black-800);
15901
15901
  --pf-c-masthead--c-context-selector--Width: auto;
15902
- --pf-c-masthead--c-context-selector__toggle--BorderTopColor: transparent;
15903
- --pf-c-masthead--c-context-selector__toggle--BorderRightColor: transparent;
15904
- --pf-c-masthead--c-context-selector__toggle--BorderBottomColor: transparent;
15905
- --pf-c-masthead--c-context-selector__toggle--BorderLeftColor: transparent;
15906
- --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
15907
- --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
15908
- --pf-c-masthead--c-dropdown__toggle--before--BorderTopColor: transparent;
15909
- --pf-c-masthead--c-dropdown__toggle--before--BorderRightColor: transparent;
15910
- --pf-c-masthead--c-dropdown__toggle--before--BorderBottomColor: transparent;
15911
- --pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor: transparent;
15912
- --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
15913
- --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
15914
- --pf-c-masthead--c-menu-toggle--before--BorderTopColor: transparent;
15915
- --pf-c-masthead--c-menu-toggle--before--BorderRightColor: transparent;
15916
- --pf-c-masthead--c-menu-toggle--before--BorderBottomColor: transparent;
15917
- --pf-c-masthead--c-menu-toggle--before--BorderLeftColor: transparent;
15918
- --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
15919
- --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
15902
+ --pf-c-masthead--c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
15903
+ --pf-c-masthead--c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
15904
+ --pf-c-masthead--c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
15905
+ --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderTopColor: transparent;
15906
+ --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderBottomColor: transparent;
15907
+ --pf-c-masthead--c-dropdown__toggle--before--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
15908
+ --pf-c-masthead--c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
15909
+ --pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
15910
+ --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderTopColor: transparent;
15911
+ --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderBottomColor: transparent;
15912
+ --pf-c-masthead--c-menu-toggle--before--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
15913
+ --pf-c-masthead--c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
15914
+ --pf-c-masthead--c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
15915
+ --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderTopColor: transparent;
15916
+ --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderBottomColor: transparent;
15920
15917
  --pf-c-masthead--c-toolbar__content--PaddingRight: 0;
15921
15918
  --pf-c-masthead--c-toolbar__content--PaddingLeft: 0;
15922
15919
  --pf-c-masthead--c-toolbar__expandable-content--PaddingTop: var(--pf-global--spacer--md);
@@ -16009,33 +16006,30 @@ ul.pf-c-list {
16009
16006
  .pf-c-masthead .pf-c-menu-toggle {
16010
16007
  --pf-c-menu-toggle--before--BorderTopColor: var(--pf-c-masthead--c-menu-toggle--before--BorderTopColor);
16011
16008
  --pf-c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--c-menu-toggle--before--BorderRightColor);
16012
- --pf-c-menu-toggle--before--BorderBottomColor: var(--pf-c-masthead--c-menu-toggle--before--BorderBottomColor);
16013
16009
  --pf-c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--c-menu-toggle--before--BorderLeftColor);
16014
16010
  }
16015
16011
  .pf-c-masthead .pf-c-menu-toggle.pf-m-full-height {
16016
- --pf-c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderRightColor);
16017
- --pf-c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderLeftColor);
16012
+ --pf-c-menu-toggle--before--BorderTopColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderTopColor);
16013
+ --pf-c-menu-toggle--before--BorderBottomColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderBottomColor);
16018
16014
  }
16019
16015
  .pf-c-masthead .pf-c-context-selector {
16020
16016
  --pf-c-context-selector--Width: var(--pf-c-masthead--c-context-selector--Width);
16021
16017
  --pf-c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--c-context-selector__toggle--BorderTopColor);
16022
16018
  --pf-c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--c-context-selector__toggle--BorderRightColor);
16023
- --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-masthead--c-context-selector__toggle--BorderBottomColor);
16024
16019
  --pf-c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--c-context-selector__toggle--BorderLeftColor);
16025
16020
  }
16026
16021
  .pf-c-masthead .pf-c-context-selector.pf-m-full-height {
16027
- --pf-c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderRightColor);
16028
- --pf-c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderLeftColor);
16022
+ --pf-c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderTopColor);
16023
+ --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderBottomColor);
16029
16024
  }
16030
16025
  .pf-c-masthead .pf-c-dropdown {
16031
16026
  --pf-c-dropdown__toggle--before--BorderTopColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderTopColor);
16032
16027
  --pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderRightColor);
16033
- --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderBottomColor);
16034
16028
  --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor);
16035
16029
  }
16036
16030
  .pf-c-masthead .pf-c-dropdown.pf-m-full-height {
16037
- --pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor);
16038
- --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor);
16031
+ --pf-c-dropdown__toggle--before--BorderTopColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderTopColor);
16032
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderBottomColor);
16039
16033
  }
16040
16034
  .pf-c-masthead .pf-c-nav {
16041
16035
  align-self: stretch;
@@ -17107,6 +17101,33 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17107
17101
  --pf-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
17108
17102
  --pf-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
17109
17103
  --pf-c-menu-toggle--m-full-height--active--after--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
17104
+ --pf-c-menu-toggle--m-split-button--BackgroundColor: var(--pf-global--BackgroundColor--100);
17105
+ --pf-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-global--BackgroundColor--100);
17106
+ --pf-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-global--Color--dark-200);
17107
+ --pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
17108
+ --pf-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-global--spacer--sm);
17109
+ --pf-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
17110
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
17111
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-global--BorderColor--300);
17112
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--Left: 0;
17113
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
17114
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-global--BorderColor--200);
17115
+ --pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
17116
+ --pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomColor: var(--pf-global--active-color--100);
17117
+ --pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
17118
+ --pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor: var(--pf-global--active-color--100);
17119
+ --pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
17120
+ --pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor: var(--pf-global--active-color--100);
17121
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-global--BorderRadius--sm);
17122
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-global--primary-color--100);
17123
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-global--primary-color--200);
17124
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor: var(--pf-global--primary-color--200);
17125
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-global--primary-color--200);
17126
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
17127
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
17128
+ --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
17129
+ --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
17130
+ --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
17110
17131
  position: relative;
17111
17132
  display: inline-flex;
17112
17133
  align-items: center;
@@ -17218,7 +17239,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17218
17239
  --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color);
17219
17240
  --pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--m-expanded--Color);
17220
17241
  }
17221
- .pf-c-menu-toggle:disabled {
17242
+ .pf-c-menu-toggle:disabled, .pf-c-menu-toggle.pf-m-disabled {
17222
17243
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--disabled--Color);
17223
17244
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--disabled--BackgroundColor);
17224
17245
  --pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--disabled--Color);
@@ -17237,6 +17258,113 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17237
17258
  --pf-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-full-height--active--after--BorderBottomWidth);
17238
17259
  height: 100%;
17239
17260
  }
17261
+ .pf-c-menu-toggle.pf-m-split-button {
17262
+ --pf-c-menu-toggle__toggle-icon--MarginRight: 0;
17263
+ padding: 0;
17264
+ }
17265
+ .pf-c-menu-toggle.pf-m-split-button > * {
17266
+ position: relative;
17267
+ padding: var(--pf-c-menu-toggle--PaddingTop) var(--pf-c-menu-toggle--PaddingRight) var(--pf-c-menu-toggle--PaddingBottom) var(--pf-c-menu-toggle--PaddingLeft);
17268
+ }
17269
+ .pf-c-menu-toggle.pf-m-split-button > *:first-child {
17270
+ padding-right: var(--pf-c-menu-toggle--m-split-button--first-child--PaddingRight);
17271
+ }
17272
+ .pf-c-menu-toggle.pf-m-split-button:where(:not(.pf-m-action)) > :last-child {
17273
+ padding-left: var(--pf-c-menu-toggle--m-split-button--last-child--PaddingLeft);
17274
+ }
17275
+ .pf-c-menu-toggle.pf-m-split-button > .pf-c-check {
17276
+ --pf-c-menu-toggle--PaddingRight: 0;
17277
+ --pf-c-check__input--MarginTop: 0;
17278
+ --pf-c-check__label--Color: var(--pf-c-check__label--Color, inherit);
17279
+ align-items: center;
17280
+ align-self: stretch;
17281
+ }
17282
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *::after {
17283
+ position: absolute;
17284
+ top: 0;
17285
+ right: 0;
17286
+ bottom: 0;
17287
+ left: var(--pf-c-menu-toggle--m-split-button--m-action--child--after--Left);
17288
+ pointer-events: none;
17289
+ content: "";
17290
+ border-bottom: var(--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth) solid var(--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor);
17291
+ }
17292
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:hover {
17293
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomWidth);
17294
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomColor);
17295
+ }
17296
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:focus {
17297
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomWidth);
17298
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor);
17299
+ }
17300
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:active, .pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *.pf-m-active {
17301
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomWidth);
17302
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor);
17303
+ }
17304
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
17305
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor);
17306
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: 0;
17307
+ }
17308
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])) {
17309
+ background-color: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor);
17310
+ }
17311
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):hover {
17312
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor);
17313
+ }
17314
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):focus {
17315
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor);
17316
+ }
17317
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):active, .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])).pf-m-active {
17318
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor);
17319
+ }
17320
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
17321
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor);
17322
+ }
17323
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
17324
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor);
17325
+ }
17326
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary, .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
17327
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: 0;
17328
+ }
17329
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :first-child, .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary > :first-child {
17330
+ border-top-left-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
17331
+ border-bottom-left-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
17332
+ }
17333
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :last-child, .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary > :last-child {
17334
+ border-top-right-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
17335
+ border-bottom-right-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
17336
+ }
17337
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
17338
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--Left: calc(var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth) * -1);
17339
+ border-left: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth) solid var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor);
17340
+ }
17341
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action:not(.pf-m-expanded) {
17342
+ --pf-c-menu-toggle--after--BorderBottomColor: transparent;
17343
+ }
17344
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-disabled, .pf-c-menu-toggle.pf-m-split-button:disabled {
17345
+ --pf-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
17346
+ --pf-c-menu-toggle--m-split-button--child--Color: var(--pf-c-menu-toggle--m-split-button--child--disabled--Color);
17347
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
17348
+ }
17349
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-disabled::before, .pf-c-menu-toggle.pf-m-split-button.pf-m-disabled::after, .pf-c-menu-toggle.pf-m-split-button:disabled::before, .pf-c-menu-toggle.pf-m-split-button:disabled::after {
17350
+ content: none;
17351
+ }
17352
+ .pf-c-menu-toggle.pf-m-split-button > .pf-m-disabled,
17353
+ .pf-c-menu-toggle.pf-m-split-button > :disabled {
17354
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
17355
+ color: var(--pf-c-menu-toggle--m-split-button--child--disabled--Color);
17356
+ background-color: var(--pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
17357
+ }
17358
+
17359
+ .pf-c-menu-toggle__button {
17360
+ color: inherit;
17361
+ border: 0;
17362
+ }
17363
+ .pf-c-menu-toggle__button .pf-c-menu-toggle__controls {
17364
+ padding-left: 0;
17365
+ margin-right: var(--pf-c-menu-toggle__button__controls--MarginRight);
17366
+ margin-left: var(--pf-c-menu-toggle__button__controls--MarginLeft);
17367
+ }
17240
17368
 
17241
17369
  .pf-c-menu-toggle__icon {
17242
17370
  display: inline-flex;
package/patternfly.css CHANGED
@@ -16021,24 +16021,21 @@ ul.pf-c-list {
16021
16021
  --pf-c-masthead--c-toolbar__item--Display: flex;
16022
16022
  --pf-c-masthead--item-border-color--base: var(--pf-global--palette--black-800);
16023
16023
  --pf-c-masthead--c-context-selector--Width: auto;
16024
- --pf-c-masthead--c-context-selector__toggle--BorderTopColor: transparent;
16025
- --pf-c-masthead--c-context-selector__toggle--BorderRightColor: transparent;
16026
- --pf-c-masthead--c-context-selector__toggle--BorderBottomColor: transparent;
16027
- --pf-c-masthead--c-context-selector__toggle--BorderLeftColor: transparent;
16028
- --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
16029
- --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
16030
- --pf-c-masthead--c-dropdown__toggle--before--BorderTopColor: transparent;
16031
- --pf-c-masthead--c-dropdown__toggle--before--BorderRightColor: transparent;
16032
- --pf-c-masthead--c-dropdown__toggle--before--BorderBottomColor: transparent;
16033
- --pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor: transparent;
16034
- --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
16035
- --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
16036
- --pf-c-masthead--c-menu-toggle--before--BorderTopColor: transparent;
16037
- --pf-c-masthead--c-menu-toggle--before--BorderRightColor: transparent;
16038
- --pf-c-masthead--c-menu-toggle--before--BorderBottomColor: transparent;
16039
- --pf-c-masthead--c-menu-toggle--before--BorderLeftColor: transparent;
16040
- --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
16041
- --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
16024
+ --pf-c-masthead--c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
16025
+ --pf-c-masthead--c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
16026
+ --pf-c-masthead--c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
16027
+ --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderTopColor: transparent;
16028
+ --pf-c-masthead--c-context-selector--m-full-height__toggle--BorderBottomColor: transparent;
16029
+ --pf-c-masthead--c-dropdown__toggle--before--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
16030
+ --pf-c-masthead--c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
16031
+ --pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
16032
+ --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderTopColor: transparent;
16033
+ --pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderBottomColor: transparent;
16034
+ --pf-c-masthead--c-menu-toggle--before--BorderTopColor: var(--pf-c-masthead--item-border-color--base);
16035
+ --pf-c-masthead--c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--item-border-color--base);
16036
+ --pf-c-masthead--c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--item-border-color--base);
16037
+ --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderTopColor: transparent;
16038
+ --pf-c-masthead--c-menu-toggle--m-full-height--before--BorderBottomColor: transparent;
16042
16039
  --pf-c-masthead--c-toolbar__content--PaddingRight: 0;
16043
16040
  --pf-c-masthead--c-toolbar__content--PaddingLeft: 0;
16044
16041
  --pf-c-masthead--c-toolbar__expandable-content--PaddingTop: var(--pf-global--spacer--md);
@@ -16131,33 +16128,30 @@ ul.pf-c-list {
16131
16128
  .pf-c-masthead .pf-c-menu-toggle {
16132
16129
  --pf-c-menu-toggle--before--BorderTopColor: var(--pf-c-masthead--c-menu-toggle--before--BorderTopColor);
16133
16130
  --pf-c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--c-menu-toggle--before--BorderRightColor);
16134
- --pf-c-menu-toggle--before--BorderBottomColor: var(--pf-c-masthead--c-menu-toggle--before--BorderBottomColor);
16135
16131
  --pf-c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--c-menu-toggle--before--BorderLeftColor);
16136
16132
  }
16137
16133
  .pf-c-masthead .pf-c-menu-toggle.pf-m-full-height {
16138
- --pf-c-menu-toggle--before--BorderRightColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderRightColor);
16139
- --pf-c-menu-toggle--before--BorderLeftColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderLeftColor);
16134
+ --pf-c-menu-toggle--before--BorderTopColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderTopColor);
16135
+ --pf-c-menu-toggle--before--BorderBottomColor: var(--pf-c-masthead--c-menu-toggle--m-full-height--before--BorderBottomColor);
16140
16136
  }
16141
16137
  .pf-c-masthead .pf-c-context-selector {
16142
16138
  --pf-c-context-selector--Width: var(--pf-c-masthead--c-context-selector--Width);
16143
16139
  --pf-c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--c-context-selector__toggle--BorderTopColor);
16144
16140
  --pf-c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--c-context-selector__toggle--BorderRightColor);
16145
- --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-masthead--c-context-selector__toggle--BorderBottomColor);
16146
16141
  --pf-c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--c-context-selector__toggle--BorderLeftColor);
16147
16142
  }
16148
16143
  .pf-c-masthead .pf-c-context-selector.pf-m-full-height {
16149
- --pf-c-context-selector__toggle--BorderRightColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderRightColor);
16150
- --pf-c-context-selector__toggle--BorderLeftColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderLeftColor);
16144
+ --pf-c-context-selector__toggle--BorderTopColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderTopColor);
16145
+ --pf-c-context-selector__toggle--BorderBottomColor: var(--pf-c-masthead--c-context-selector--m-full-height__toggle--BorderBottomColor);
16151
16146
  }
16152
16147
  .pf-c-masthead .pf-c-dropdown {
16153
16148
  --pf-c-dropdown__toggle--before--BorderTopColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderTopColor);
16154
16149
  --pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderRightColor);
16155
- --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderBottomColor);
16156
16150
  --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown__toggle--before--BorderLeftColor);
16157
16151
  }
16158
16152
  .pf-c-masthead .pf-c-dropdown.pf-m-full-height {
16159
- --pf-c-dropdown__toggle--before--BorderRightColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderRightColor);
16160
- --pf-c-dropdown__toggle--before--BorderLeftColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderLeftColor);
16153
+ --pf-c-dropdown__toggle--before--BorderTopColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderTopColor);
16154
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-masthead--c-dropdown--m-full-height__toggle--before--BorderBottomColor);
16161
16155
  }
16162
16156
  .pf-c-masthead .pf-c-nav {
16163
16157
  align-self: stretch;
@@ -17229,6 +17223,33 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17229
17223
  --pf-c-menu-toggle--m-full-height--hover--after--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
17230
17224
  --pf-c-menu-toggle--m-full-height--focus--after--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
17231
17225
  --pf-c-menu-toggle--m-full-height--active--after--BorderBottomWidth: var(--pf-global--BorderWidth--xl);
17226
+ --pf-c-menu-toggle--m-split-button--BackgroundColor: var(--pf-global--BackgroundColor--100);
17227
+ --pf-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-global--BackgroundColor--100);
17228
+ --pf-c-menu-toggle--m-split-button--child--disabled--Color: var(--pf-global--Color--dark-200);
17229
+ --pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor: var(--pf-global--disabled-color--300);
17230
+ --pf-c-menu-toggle--m-split-button--first-child--PaddingRight: var(--pf-global--spacer--sm);
17231
+ --pf-c-menu-toggle--m-split-button--last-child--PaddingLeft: 0;
17232
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth: var(--pf-global--BorderWidth--sm);
17233
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-global--BorderColor--300);
17234
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--Left: 0;
17235
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
17236
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-global--BorderColor--200);
17237
+ --pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomWidth: var(--pf-global--BorderWidth--sm);
17238
+ --pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomColor: var(--pf-global--active-color--100);
17239
+ --pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
17240
+ --pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor: var(--pf-global--active-color--100);
17241
+ --pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomWidth: var(--pf-global--BorderWidth--md);
17242
+ --pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor: var(--pf-global--active-color--100);
17243
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius: var(--pf-global--BorderRadius--sm);
17244
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-global--primary-color--100);
17245
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor: var(--pf-global--primary-color--200);
17246
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor: var(--pf-global--primary-color--200);
17247
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor: var(--pf-global--primary-color--200);
17248
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor: var(--pf-global--primary-color--200);
17249
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor: var(--pf-global--primary-color--200);
17250
+ --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
17251
+ --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
17252
+ --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
17232
17253
  position: relative;
17233
17254
  display: inline-flex;
17234
17255
  align-items: center;
@@ -17340,7 +17361,7 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17340
17361
  --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--m-expanded__toggle-icon--Color);
17341
17362
  --pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--m-expanded--Color);
17342
17363
  }
17343
- .pf-c-menu-toggle:disabled {
17364
+ .pf-c-menu-toggle:disabled, .pf-c-menu-toggle.pf-m-disabled {
17344
17365
  --pf-c-menu-toggle--Color: var(--pf-c-menu-toggle--disabled--Color);
17345
17366
  --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--disabled--BackgroundColor);
17346
17367
  --pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--disabled--Color);
@@ -17359,6 +17380,113 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
17359
17380
  --pf-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-full-height--active--after--BorderBottomWidth);
17360
17381
  height: 100%;
17361
17382
  }
17383
+ .pf-c-menu-toggle.pf-m-split-button {
17384
+ --pf-c-menu-toggle__toggle-icon--MarginRight: 0;
17385
+ padding: 0;
17386
+ }
17387
+ .pf-c-menu-toggle.pf-m-split-button > * {
17388
+ position: relative;
17389
+ padding: var(--pf-c-menu-toggle--PaddingTop) var(--pf-c-menu-toggle--PaddingRight) var(--pf-c-menu-toggle--PaddingBottom) var(--pf-c-menu-toggle--PaddingLeft);
17390
+ }
17391
+ .pf-c-menu-toggle.pf-m-split-button > *:first-child {
17392
+ padding-right: var(--pf-c-menu-toggle--m-split-button--first-child--PaddingRight);
17393
+ }
17394
+ .pf-c-menu-toggle.pf-m-split-button:where(:not(.pf-m-action)) > :last-child {
17395
+ padding-left: var(--pf-c-menu-toggle--m-split-button--last-child--PaddingLeft);
17396
+ }
17397
+ .pf-c-menu-toggle.pf-m-split-button > .pf-c-check {
17398
+ --pf-c-menu-toggle--PaddingRight: 0;
17399
+ --pf-c-check__input--MarginTop: 0;
17400
+ --pf-c-check__label--Color: var(--pf-c-check__label--Color, inherit);
17401
+ align-items: center;
17402
+ align-self: stretch;
17403
+ }
17404
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *::after {
17405
+ position: absolute;
17406
+ top: 0;
17407
+ right: 0;
17408
+ bottom: 0;
17409
+ left: var(--pf-c-menu-toggle--m-split-button--m-action--child--after--Left);
17410
+ pointer-events: none;
17411
+ content: "";
17412
+ border-bottom: var(--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth) solid var(--pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor);
17413
+ }
17414
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:hover {
17415
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomWidth);
17416
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-c-menu-toggle--m-split-button--m-action--child--hover--after--BorderBottomColor);
17417
+ }
17418
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:focus {
17419
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomWidth);
17420
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-c-menu-toggle--m-split-button--m-action--child--focus--after--BorderBottomColor);
17421
+ }
17422
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *:active, .pf-c-menu-toggle.pf-m-split-button.pf-m-action:where(:not(.pf-m-primary, .pf-m-secondary, .pf-m-disabled)) > *.pf-m-active {
17423
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomWidth);
17424
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomColor: var(--pf-c-menu-toggle--m-split-button--m-action--child--active--after--BorderBottomColor);
17425
+ }
17426
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary {
17427
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BorderLeftColor);
17428
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: 0;
17429
+ }
17430
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])) {
17431
+ background-color: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor);
17432
+ }
17433
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):hover {
17434
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--hover--BackgroundColor);
17435
+ }
17436
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):focus {
17437
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--focus--BackgroundColor);
17438
+ }
17439
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])):active, .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :where(:not(.pf-m-disabled):not([disabled])).pf-m-active {
17440
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--child--active--BackgroundColor);
17441
+ }
17442
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary.pf-m-expanded {
17443
+ --pf-c-menu-toggle--m-split-button--m-action--m-primary--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-primary--m-expanded--child--BackgroundColor);
17444
+ }
17445
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
17446
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: var(--pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor);
17447
+ }
17448
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary, .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary {
17449
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--BorderBottomWidth: 0;
17450
+ }
17451
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :first-child, .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary > :first-child {
17452
+ border-top-left-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
17453
+ border-bottom-left-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
17454
+ }
17455
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-primary > :last-child, .pf-c-menu-toggle.pf-m-split-button.pf-m-action.pf-m-secondary > :last-child {
17456
+ border-top-right-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
17457
+ border-bottom-right-radius: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderRadius);
17458
+ }
17459
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action > :not(:first-child) {
17460
+ --pf-c-menu-toggle--m-split-button--m-action--child--after--Left: calc(var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth) * -1);
17461
+ border-left: var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftWidth) solid var(--pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor);
17462
+ }
17463
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-action:not(.pf-m-expanded) {
17464
+ --pf-c-menu-toggle--after--BorderBottomColor: transparent;
17465
+ }
17466
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-disabled, .pf-c-menu-toggle.pf-m-split-button:disabled {
17467
+ --pf-c-menu-toggle--m-split-button--child--BackgroundColor: var(--pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
17468
+ --pf-c-menu-toggle--m-split-button--child--Color: var(--pf-c-menu-toggle--m-split-button--child--disabled--Color);
17469
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
17470
+ }
17471
+ .pf-c-menu-toggle.pf-m-split-button.pf-m-disabled::before, .pf-c-menu-toggle.pf-m-split-button.pf-m-disabled::after, .pf-c-menu-toggle.pf-m-split-button:disabled::before, .pf-c-menu-toggle.pf-m-split-button:disabled::after {
17472
+ content: none;
17473
+ }
17474
+ .pf-c-menu-toggle.pf-m-split-button > .pf-m-disabled,
17475
+ .pf-c-menu-toggle.pf-m-split-button > :disabled {
17476
+ --pf-c-menu-toggle--m-split-button--m-action--child--BorderLeftColor: transparent;
17477
+ color: var(--pf-c-menu-toggle--m-split-button--child--disabled--Color);
17478
+ background-color: var(--pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
17479
+ }
17480
+
17481
+ .pf-c-menu-toggle__button {
17482
+ color: inherit;
17483
+ border: 0;
17484
+ }
17485
+ .pf-c-menu-toggle__button .pf-c-menu-toggle__controls {
17486
+ padding-left: 0;
17487
+ margin-right: var(--pf-c-menu-toggle__button__controls--MarginRight);
17488
+ margin-left: var(--pf-c-menu-toggle__button__controls--MarginLeft);
17489
+ }
17362
17490
 
17363
17491
  .pf-c-menu-toggle__icon {
17364
17492
  display: inline-flex;