@patternfly/patternfly 4.175.0 → 4.176.3

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 (33) hide show
  1. package/components/AlertGroup/alert-group.css +36 -0
  2. package/components/AlertGroup/alert-group.scss +41 -0
  3. package/components/Dropdown/dropdown.css +10 -9
  4. package/components/Dropdown/dropdown.scss +17 -16
  5. package/components/Label/label.css +43 -12
  6. package/components/Label/label.scss +45 -13
  7. package/components/Nav/nav.css +11 -0
  8. package/components/Nav/nav.scss +14 -0
  9. package/docs/components/AlertGroup/examples/AlertGroup.md +8 -3
  10. package/docs/components/Label/examples/Label.md +33 -67
  11. package/docs/components/LabelGroup/examples/LabelGroup.md +64 -107
  12. package/docs/components/LogViewer/examples/LogViewer.md +9 -9
  13. package/docs/components/Menu/examples/Menu.md +43 -42
  14. package/docs/components/Nav/examples/Navigation.md +23 -44
  15. package/docs/demos/Alert/examples/Alert.md +52 -359
  16. package/docs/demos/BackToTop/examples/BackToTop.md +5 -505
  17. package/docs/demos/Card/examples/Card.md +42 -36
  18. package/docs/demos/ContextSelector/examples/ContextSelector.md +46 -1051
  19. package/docs/demos/Drawer/examples/Drawer.md +3 -3
  20. package/docs/demos/JumpLinks/examples/JumpLinks.md +80 -1225
  21. package/docs/demos/Masthead/examples/Masthead.md +14 -6
  22. package/docs/demos/Nav/examples/Nav.md +9 -301
  23. package/docs/demos/NotificationDrawer/examples/NotificationDrawer.md +5 -5
  24. package/docs/demos/Page/examples/Page.md +162 -3084
  25. package/docs/demos/Table/examples/Table.md +183 -18031
  26. package/docs/demos/Tabs/examples/Tabs.md +686 -7389
  27. package/docs/demos/Toolbar/examples/Toolbar.md +44 -1027
  28. package/docs/demos/Wizard/examples/Wizard.md +2 -2
  29. package/package.json +1 -1
  30. package/patternfly-no-reset.css +100 -21
  31. package/patternfly.css +100 -21
  32. package/patternfly.min.css +1 -1
  33. package/patternfly.min.css.map +1 -1
@@ -715,7 +715,7 @@ wrapperTag: div
715
715
  <div class="pf-c-page__main-body">
716
716
  <div class="pf-c-content">
717
717
  <h1>Main title</h1>
718
- <p>This is a demo of the page component.</p>
718
+ <p>This is a full page demo.</p>
719
719
  </div>
720
720
  </div>
721
721
  </section>
@@ -1176,7 +1176,7 @@ wrapperTag: div
1176
1176
  <div class="pf-c-page__main-body">
1177
1177
  <div class="pf-c-content">
1178
1178
  <h1>Main title</h1>
1179
- <p>This is a demo of the page component.</p>
1179
+ <p>This is a full page demo.</p>
1180
1180
  </div>
1181
1181
  </div>
1182
1182
  </section>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "4.175.0",
4
+ "version": "4.176.3",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -6026,6 +6026,20 @@ html {
6026
6026
  --pf-c-alert-group--m-toast--Right: var(--pf-global--spacer--xl);
6027
6027
  --pf-c-alert-group--m-toast--MaxWidth: 37.5rem;
6028
6028
  --pf-c-alert-group--m-toast--ZIndex: var(--pf-global--ZIndex--2xl);
6029
+ --pf-c-alert-group__overflow-button--BorderWidth: 0;
6030
+ --pf-c-alert-group__overflow-button--PaddingTop: var(--pf-global--spacer--lg);
6031
+ --pf-c-alert-group__overflow-button--PaddingRight: var(--pf-global--spacer--md);
6032
+ --pf-c-alert-group__overflow-button--PaddingBottom: var(--pf-global--spacer--lg);
6033
+ --pf-c-alert-group__overflow-button--PaddingLeft: var(--pf-global--spacer--md);
6034
+ --pf-c-alert-group__overflow-button--Color: var(--pf-global--link--Color);
6035
+ --pf-c-alert-group__overflow-button--BoxShadow: var(--pf-global--BoxShadow--lg);
6036
+ --pf-c-alert-group__overflow-button--BackgroundColor: var(--pf-global--BackgroundColor--100);
6037
+ --pf-c-alert-group__overflow-button--hover--Color: var(--pf-global--link--Color--hover);
6038
+ --pf-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-global--BoxShadow--lg), var(--pf-global--BoxShadow--lg-bottom);
6039
+ --pf-c-alert-group__overflow-button--focus--Color: var(--pf-global--link--Color--hover);
6040
+ --pf-c-alert-group__overflow-button--focus--BoxShadow: var(--pf-global--BoxShadow--lg), var(--pf-global--BoxShadow--lg-bottom);
6041
+ --pf-c-alert-group__overflow-button--active--Color: var(--pf-global--link--Color--hover);
6042
+ --pf-c-alert-group__overflow-button--active--BoxShadow: var(--pf-global--BoxShadow--lg), var(--pf-global--BoxShadow--lg-bottom);
6029
6043
  }
6030
6044
  .pf-c-alert-group > * + * {
6031
6045
  margin-top: var(--pf-c-alert-group__item--MarginTop);
@@ -6039,6 +6053,28 @@ html {
6039
6053
  max-width: var(--pf-c-alert-group--m-toast--MaxWidth);
6040
6054
  }
6041
6055
 
6056
+ .pf-c-alert-group__overflow-button {
6057
+ position: relative;
6058
+ width: 100%;
6059
+ padding: var(--pf-c-alert-group__overflow-button--PaddingTop) var(--pf-c-alert-group__overflow-button--PaddingRight) var(--pf-c-alert-group__overflow-button--PaddingBottom) var(--pf-c-alert-group__overflow-button--PaddingLeft);
6060
+ color: var(--pf-c-alert-group__overflow-button--Color);
6061
+ background-color: var(--pf-c-alert-group__overflow-button--BackgroundColor);
6062
+ border-width: var(--pf-c-alert-group__overflow-button--BorderWidth);
6063
+ box-shadow: var(--pf-c-alert-group__overflow-button--BoxShadow);
6064
+ }
6065
+ .pf-c-alert-group__overflow-button:hover {
6066
+ --pf-c-alert-group__overflow-button--Color: var(--pf-c-alert-group__overflow-button--hover--Color);
6067
+ --pf-c-alert-group__overflow-button--BoxShadow: var(--pf-c-alert-group__overflow-button--hover--BoxShadow);
6068
+ }
6069
+ .pf-c-alert-group__overflow-button:focus {
6070
+ --pf-c-alert-group__overflow-button--Color: var(--pf-c-alert-group__overflow-button--focus--Color);
6071
+ --pf-c-alert-group__overflow-button--BoxShadow: var(--pf-c-alert-group__overflow-button--focus--BoxShadow);
6072
+ }
6073
+ .pf-c-alert-group__overflow-button:active {
6074
+ --pf-c-alert-group__overflow-button--Color: var(--pf-c-alert-group__overflow-button--active--Color);
6075
+ --pf-c-alert-group__overflow-button--BoxShadow: var(--pf-c-alert-group__overflow-button--active--BoxShadow);
6076
+ }
6077
+
6042
6078
  .pf-c-app-launcher {
6043
6079
  --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
6044
6080
  --pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
@@ -12336,6 +12372,7 @@ label.pf-c-check, .pf-c-check__label,
12336
12372
  --pf-c-dropdown__toggle--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
12337
12373
  --pf-c-dropdown__toggle--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
12338
12374
  --pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--200);
12375
+ --pf-c-dropdown__toggle--m-primary--disabled--Color: var(--pf-global--Color--100);
12339
12376
  --pf-c-dropdown__toggle--m-secondary--Color: var(--pf-global--primary-color--100);
12340
12377
  --pf-c-dropdown__toggle--m-secondary--BorderRadius: var(--pf-global--BorderRadius--sm);
12341
12378
  --pf-c-dropdown__toggle--m-secondary--BackgroundColor: transparent;
@@ -12494,6 +12531,7 @@ label.pf-c-check, .pf-c-check__label,
12494
12531
  border-color: var(--pf-c-dropdown__toggle--before--BorderTopColor) var(--pf-c-dropdown__toggle--before--BorderRightColor) var(--pf-c-dropdown__toggle--before--BorderBottomColor) var(--pf-c-dropdown__toggle--before--BorderLeftColor);
12495
12532
  }
12496
12533
  .pf-c-dropdown__toggle.pf-m-disabled, .pf-c-dropdown__toggle:disabled {
12534
+ --pf-c-dropdown__toggle--m-primary--Color: var(--pf-c-dropdown__toggle--m-primary--disabled--Color);
12497
12535
  --pf-c-dropdown__toggle--before--BorderBottomColor: transparent;
12498
12536
  pointer-events: none;
12499
12537
  }
@@ -12586,14 +12624,14 @@ label.pf-c-check, .pf-c-check__label,
12586
12624
  .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):hover::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:hover::before {
12587
12625
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--hover--before--BorderBottomColor);
12588
12626
  }
12589
- .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
12590
- --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
12591
- border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
12592
- }
12593
12627
  .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:focus::before {
12594
12628
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--focus--before--BorderBottomColor);
12595
12629
  border-bottom-width: var(--pf-c-dropdown__toggle--focus--before--BorderBottomWidth);
12596
12630
  }
12631
+ .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
12632
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
12633
+ border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
12634
+ }
12597
12635
  .pf-m-expanded > .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary)::before, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button::before {
12598
12636
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
12599
12637
  border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
@@ -12621,14 +12659,13 @@ label.pf-c-check, .pf-c-check__label,
12621
12659
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
12622
12660
  }
12623
12661
  .pf-c-dropdown__toggle.pf-m-primary {
12624
- border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
12625
- }
12626
- .pf-c-dropdown__toggle.pf-m-primary:not(.pf-m-disabled):not([disabled]) {
12627
12662
  --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
12628
12663
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--BackgroundColor);
12629
12664
  --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
12665
+ border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
12630
12666
  }
12631
- .pf-c-dropdown__toggle.pf-m-primary::before {
12667
+ .pf-c-dropdown__toggle.pf-m-primary::before,
12668
+ .pf-c-dropdown__toggle.pf-m-primary .pf-c-dropdown__toggle-button::before {
12632
12669
  border: 0;
12633
12670
  }
12634
12671
  .pf-c-dropdown__toggle.pf-m-primary:hover {
@@ -12640,7 +12677,7 @@ label.pf-c-check, .pf-c-check__label,
12640
12677
  .pf-c-dropdown__toggle.pf-m-primary:active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-active {
12641
12678
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--active--BackgroundColor);
12642
12679
  }
12643
- .pf-c-dropdown__toggle.pf-m-primary .pf-m-expanded > :not(.pf-m-disabled):not([disabled]) {
12680
+ .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-primary {
12644
12681
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor);
12645
12682
  }
12646
12683
  .pf-c-dropdown__toggle.pf-m-secondary {
@@ -14635,7 +14672,9 @@ label.pf-c-input-group__text {
14635
14672
  --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
14636
14673
  --pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
14637
14674
  --pf-c-label__content--Color: var(--pf-global--Color--100);
14675
+ --pf-c-label__content--MaxWidth: 100%;
14638
14676
  --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
14677
+ --pf-c-label--m-editable__content--MaxWidth: 16ch;
14639
14678
  --pf-c-label__text--MaxWidth: 16ch;
14640
14679
  --pf-c-label__icon--Color: var(--pf-global--Color--100);
14641
14680
  --pf-c-label__icon--MarginRight: var(--pf-global--spacer--xs);
@@ -14648,8 +14687,6 @@ label.pf-c-input-group__text {
14648
14687
  --pf-c-label__c-button--PaddingRight: var(--pf-global--spacer--sm);
14649
14688
  --pf-c-label__c-button--PaddingBottom: var(--pf-global--spacer--xs);
14650
14689
  --pf-c-label__c-button--PaddingLeft: var(--pf-global--spacer--sm);
14651
- --pf-c-label__editable-text--MaxWidth: 16ch;
14652
- --pf-c-label__editable-text--BorderWidth: 0;
14653
14690
  --pf-c-label--m-editable--Cursor: pointer;
14654
14691
  --pf-c-label--m-editable--TextDecoration: underline;
14655
14692
  --pf-c-label--m-editable--TextDecorationStyle: dashed;
@@ -14658,6 +14695,12 @@ label.pf-c-input-group__text {
14658
14695
  --pf-c-label--m-editable--TextDecorationColor: var(--pf-global--BorderColor--200);
14659
14696
  --pf-c-label--m-editable--hover--TextDecorationColor: var(--pf-global--Color--100);
14660
14697
  --pf-c-label--m-editable--focus--TextDecorationColor: var(--pf-global--Color--100);
14698
+ --pf-c-label--m-editable__content--before--BorderWidth: var(--pf-global--BorderWidth--sm);
14699
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-global--BorderColor--100);
14700
+ --pf-c-label--m-editable__content--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
14701
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-global--BorderColor--100);
14702
+ --pf-c-label--m-editable__content--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
14703
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-global--BorderColor--100);
14661
14704
  --pf-c-label--m-editable--m-editable-active--Cursor: auto;
14662
14705
  --pf-c-label--m-editable--m-editable-active--TextDecoration: none;
14663
14706
  --pf-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
@@ -14691,6 +14734,9 @@ label.pf-c-input-group__text {
14691
14734
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-blue__content--before--BorderColor);
14692
14735
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor);
14693
14736
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor);
14737
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-blue__content--before--BorderColor);
14738
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-blue__content--before--BorderColor);
14739
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-blue__content--before--BorderColor);
14694
14740
  }
14695
14741
  .pf-c-label.pf-m-green {
14696
14742
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-green--BackgroundColor);
@@ -14703,6 +14749,9 @@ label.pf-c-input-group__text {
14703
14749
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-green__content--before--BorderColor);
14704
14750
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor);
14705
14751
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor);
14752
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-green__content--before--BorderColor);
14753
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-green__content--before--BorderColor);
14754
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-green__content--before--BorderColor);
14706
14755
  }
14707
14756
  .pf-c-label.pf-m-orange {
14708
14757
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-orange--BackgroundColor);
@@ -14715,6 +14764,9 @@ label.pf-c-input-group__text {
14715
14764
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-orange__content--before--BorderColor);
14716
14765
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor);
14717
14766
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor);
14767
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-orange__content--before--BorderColor);
14768
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-orange__content--before--BorderColor);
14769
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-orange__content--before--BorderColor);
14718
14770
  }
14719
14771
  .pf-c-label.pf-m-red {
14720
14772
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-red--BackgroundColor);
@@ -14727,6 +14779,9 @@ label.pf-c-input-group__text {
14727
14779
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-red__content--before--BorderColor);
14728
14780
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor);
14729
14781
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor);
14782
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-red__content--before--BorderColor);
14783
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-red__content--before--BorderColor);
14784
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-red__content--before--BorderColor);
14730
14785
  }
14731
14786
  .pf-c-label.pf-m-purple {
14732
14787
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-purple--BackgroundColor);
@@ -14739,6 +14794,9 @@ label.pf-c-input-group__text {
14739
14794
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-purple__content--before--BorderColor);
14740
14795
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor);
14741
14796
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor);
14797
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-purple__content--before--BorderColor);
14798
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-purple__content--before--BorderColor);
14799
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-purple__content--before--BorderColor);
14742
14800
  }
14743
14801
  .pf-c-label.pf-m-cyan {
14744
14802
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-cyan--BackgroundColor);
@@ -14751,12 +14809,18 @@ label.pf-c-input-group__text {
14751
14809
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-cyan__content--before--BorderColor);
14752
14810
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor);
14753
14811
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor);
14812
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
14813
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
14814
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
14754
14815
  }
14755
14816
  .pf-c-label.pf-m-outline {
14756
14817
  --pf-c-label__content--Color: var(--pf-c-label--m-outline__content--Color);
14757
14818
  --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-outline__content--before--BorderWidth);
14758
14819
  --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
14759
14820
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-outline--BackgroundColor);
14821
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
14822
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
14823
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
14760
14824
  }
14761
14825
  .pf-c-label.pf-m-overflow:hover, .pf-c-label.pf-m-outline a.pf-c-label__content:hover,
14762
14826
  .pf-c-label.pf-m-outline button.pf-c-label__content:hover {
@@ -14776,6 +14840,15 @@ label.pf-c-input-group__text {
14776
14840
  text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
14777
14841
  text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
14778
14842
  text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
14843
+ --pf-c-label__content--MaxWidth: var(--pf-c-label--m-editable__content--MaxWidth);
14844
+ --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
14845
+ --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable__content--before--BorderColor);
14846
+ --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--hover--before--BorderWidth);
14847
+ --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-editable__content--hover--before--BorderColor);
14848
+ --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--focus--before--BorderWidth);
14849
+ --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-editable__content--focus--before--BorderColor);
14850
+ --pf-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
14851
+ --pf-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
14779
14852
  }
14780
14853
  .pf-c-label.pf-m-editable:hover {
14781
14854
  --pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--hover--TextDecorationColor);
@@ -14787,19 +14860,10 @@ label.pf-c-input-group__text {
14787
14860
  --pf-c-label--m-editable--Cursor: var(--pf-c-label--m-editable--m-editable-active--Cursor);
14788
14861
  --pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
14789
14862
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
14790
- --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable--m-editable-active__content--before--BorderWidth);
14791
- --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable--m-editable-active__content--before--BorderColor);
14792
14863
  }
14793
14864
  .pf-c-label.pf-m-editable-active .pf-c-button {
14794
14865
  visibility: hidden;
14795
14866
  }
14796
- .pf-c-label .pf-c-label__editable-text {
14797
- overflow: hidden;
14798
- text-overflow: ellipsis;
14799
- white-space: nowrap;
14800
- max-width: var(--pf-c-label__editable-text--MaxWidth);
14801
- border-width: var(--pf-c-label__editable-text--BorderWidth);
14802
- }
14803
14867
  .pf-c-label .pf-c-button {
14804
14868
  --pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
14805
14869
  --pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
@@ -14836,8 +14900,12 @@ label.pf-c-input-group__text {
14836
14900
  }
14837
14901
 
14838
14902
  .pf-c-label__content {
14903
+ overflow: hidden;
14904
+ text-overflow: ellipsis;
14905
+ white-space: nowrap;
14906
+ max-width: var(--pf-c-label__content--MaxWidth);
14839
14907
  color: var(--pf-c-label__content--Color);
14840
- border: 0;
14908
+ border-width: 0;
14841
14909
  }
14842
14910
  .pf-c-label__content::before {
14843
14911
  position: absolute;
@@ -17565,6 +17633,8 @@ ul.pf-c-list {
17565
17633
  --pf-c-nav--c-menu__list-item--focus-within--Color: var(--pf-global--Color--light-100);
17566
17634
  --pf-c-nav--c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
17567
17635
  --pf-c-nav--c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
17636
+ --pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth: var(--pf-global--BorderWidth--lg);
17637
+ --pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight: var(--pf-global--FontWeight--bold);
17568
17638
  --pf-c-nav--c-menu__item--PaddingTop: var(--pf-global--spacer--md);
17569
17639
  --pf-c-nav--c-menu__item--PaddingRight: var(--pf-global--spacer--md);
17570
17640
  --pf-c-nav--c-menu__item--PaddingBottom: var(--pf-global--spacer--md);
@@ -17693,6 +17763,15 @@ ul.pf-c-list {
17693
17763
  --pf-c-nav--c-menu__item--after--BorderLeftColor: var(--pf-c-nav--c-menu__item--m-current--after--BorderColor);
17694
17764
  background-color: var(--pf-c-nav--c-menu__item--m-current--BackgroundColor);
17695
17765
  }
17766
+ .pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) {
17767
+ --pf-c-nav--c-menu__item--before--BorderBottomWidth: var(--pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth);
17768
+ }
17769
+ .pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) > .pf-c-menu__item {
17770
+ --pf-c-menu__item--FontWeight: var(--pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight);
17771
+ }
17772
+ .pf-c-nav .pf-c-menu__item-toggle-icon {
17773
+ margin-left: calc(var(--pf-c-menu__item-toggle-icon--PaddingLeft) * -1);
17774
+ }
17696
17775
  .pf-c-nav.pf-m-horizontal .pf-c-nav__link::after, .pf-c-nav.pf-m-tertiary .pf-c-nav__link::after {
17697
17776
  content: none;
17698
17777
  }
package/patternfly.css CHANGED
@@ -6148,6 +6148,20 @@ a {
6148
6148
  --pf-c-alert-group--m-toast--Right: var(--pf-global--spacer--xl);
6149
6149
  --pf-c-alert-group--m-toast--MaxWidth: 37.5rem;
6150
6150
  --pf-c-alert-group--m-toast--ZIndex: var(--pf-global--ZIndex--2xl);
6151
+ --pf-c-alert-group__overflow-button--BorderWidth: 0;
6152
+ --pf-c-alert-group__overflow-button--PaddingTop: var(--pf-global--spacer--lg);
6153
+ --pf-c-alert-group__overflow-button--PaddingRight: var(--pf-global--spacer--md);
6154
+ --pf-c-alert-group__overflow-button--PaddingBottom: var(--pf-global--spacer--lg);
6155
+ --pf-c-alert-group__overflow-button--PaddingLeft: var(--pf-global--spacer--md);
6156
+ --pf-c-alert-group__overflow-button--Color: var(--pf-global--link--Color);
6157
+ --pf-c-alert-group__overflow-button--BoxShadow: var(--pf-global--BoxShadow--lg);
6158
+ --pf-c-alert-group__overflow-button--BackgroundColor: var(--pf-global--BackgroundColor--100);
6159
+ --pf-c-alert-group__overflow-button--hover--Color: var(--pf-global--link--Color--hover);
6160
+ --pf-c-alert-group__overflow-button--hover--BoxShadow: var(--pf-global--BoxShadow--lg), var(--pf-global--BoxShadow--lg-bottom);
6161
+ --pf-c-alert-group__overflow-button--focus--Color: var(--pf-global--link--Color--hover);
6162
+ --pf-c-alert-group__overflow-button--focus--BoxShadow: var(--pf-global--BoxShadow--lg), var(--pf-global--BoxShadow--lg-bottom);
6163
+ --pf-c-alert-group__overflow-button--active--Color: var(--pf-global--link--Color--hover);
6164
+ --pf-c-alert-group__overflow-button--active--BoxShadow: var(--pf-global--BoxShadow--lg), var(--pf-global--BoxShadow--lg-bottom);
6151
6165
  }
6152
6166
  .pf-c-alert-group > * + * {
6153
6167
  margin-top: var(--pf-c-alert-group__item--MarginTop);
@@ -6161,6 +6175,28 @@ a {
6161
6175
  max-width: var(--pf-c-alert-group--m-toast--MaxWidth);
6162
6176
  }
6163
6177
 
6178
+ .pf-c-alert-group__overflow-button {
6179
+ position: relative;
6180
+ width: 100%;
6181
+ padding: var(--pf-c-alert-group__overflow-button--PaddingTop) var(--pf-c-alert-group__overflow-button--PaddingRight) var(--pf-c-alert-group__overflow-button--PaddingBottom) var(--pf-c-alert-group__overflow-button--PaddingLeft);
6182
+ color: var(--pf-c-alert-group__overflow-button--Color);
6183
+ background-color: var(--pf-c-alert-group__overflow-button--BackgroundColor);
6184
+ border-width: var(--pf-c-alert-group__overflow-button--BorderWidth);
6185
+ box-shadow: var(--pf-c-alert-group__overflow-button--BoxShadow);
6186
+ }
6187
+ .pf-c-alert-group__overflow-button:hover {
6188
+ --pf-c-alert-group__overflow-button--Color: var(--pf-c-alert-group__overflow-button--hover--Color);
6189
+ --pf-c-alert-group__overflow-button--BoxShadow: var(--pf-c-alert-group__overflow-button--hover--BoxShadow);
6190
+ }
6191
+ .pf-c-alert-group__overflow-button:focus {
6192
+ --pf-c-alert-group__overflow-button--Color: var(--pf-c-alert-group__overflow-button--focus--Color);
6193
+ --pf-c-alert-group__overflow-button--BoxShadow: var(--pf-c-alert-group__overflow-button--focus--BoxShadow);
6194
+ }
6195
+ .pf-c-alert-group__overflow-button:active {
6196
+ --pf-c-alert-group__overflow-button--Color: var(--pf-c-alert-group__overflow-button--active--Color);
6197
+ --pf-c-alert-group__overflow-button--BoxShadow: var(--pf-c-alert-group__overflow-button--active--BoxShadow);
6198
+ }
6199
+
6164
6200
  .pf-c-app-launcher {
6165
6201
  --pf-c-app-launcher__menu--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
6166
6202
  --pf-c-app-launcher__menu--BoxShadow: var(--pf-global--BoxShadow--md);
@@ -12458,6 +12494,7 @@ label.pf-c-check, .pf-c-check__label,
12458
12494
  --pf-c-dropdown__toggle--m-primary--focus--BackgroundColor: var(--pf-global--primary-color--200);
12459
12495
  --pf-c-dropdown__toggle--m-primary--active--BackgroundColor: var(--pf-global--primary-color--200);
12460
12496
  --pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor: var(--pf-global--primary-color--200);
12497
+ --pf-c-dropdown__toggle--m-primary--disabled--Color: var(--pf-global--Color--100);
12461
12498
  --pf-c-dropdown__toggle--m-secondary--Color: var(--pf-global--primary-color--100);
12462
12499
  --pf-c-dropdown__toggle--m-secondary--BorderRadius: var(--pf-global--BorderRadius--sm);
12463
12500
  --pf-c-dropdown__toggle--m-secondary--BackgroundColor: transparent;
@@ -12616,6 +12653,7 @@ label.pf-c-check, .pf-c-check__label,
12616
12653
  border-color: var(--pf-c-dropdown__toggle--before--BorderTopColor) var(--pf-c-dropdown__toggle--before--BorderRightColor) var(--pf-c-dropdown__toggle--before--BorderBottomColor) var(--pf-c-dropdown__toggle--before--BorderLeftColor);
12617
12654
  }
12618
12655
  .pf-c-dropdown__toggle.pf-m-disabled, .pf-c-dropdown__toggle:disabled {
12656
+ --pf-c-dropdown__toggle--m-primary--Color: var(--pf-c-dropdown__toggle--m-primary--disabled--Color);
12619
12657
  --pf-c-dropdown__toggle--before--BorderBottomColor: transparent;
12620
12658
  pointer-events: none;
12621
12659
  }
@@ -12708,14 +12746,14 @@ label.pf-c-check, .pf-c-check__label,
12708
12746
  .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):hover::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:hover::before {
12709
12747
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--hover--before--BorderBottomColor);
12710
12748
  }
12711
- .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
12712
- --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
12713
- border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
12714
- }
12715
12749
  .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):focus::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:focus::before {
12716
12750
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--focus--before--BorderBottomColor);
12717
12751
  border-bottom-width: var(--pf-c-dropdown__toggle--focus--before--BorderBottomWidth);
12718
12752
  }
12753
+ .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary):active::before, .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary).pf-m-active::before, .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button:active::before {
12754
+ --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown__toggle--active--before--BorderBottomColor);
12755
+ border-bottom-width: var(--pf-c-dropdown__toggle--active--before--BorderBottomWidth);
12756
+ }
12719
12757
  .pf-m-expanded > .pf-c-dropdown__toggle:not(.pf-m-action):not(.pf-m-secondary)::before, .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-action .pf-c-dropdown__toggle-button::before {
12720
12758
  --pf-c-dropdown__toggle--before--BorderBottomColor: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomColor);
12721
12759
  border-bottom-width: var(--pf-c-dropdown--m-expanded__toggle--before--BorderBottomWidth);
@@ -12743,14 +12781,13 @@ label.pf-c-check, .pf-c-check__label,
12743
12781
  --pf-c-dropdown__toggle--m-plain--Color: var(--pf-c-dropdown__toggle--m-plain--disabled--Color);
12744
12782
  }
12745
12783
  .pf-c-dropdown__toggle.pf-m-primary {
12746
- border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
12747
- }
12748
- .pf-c-dropdown__toggle.pf-m-primary:not(.pf-m-disabled):not([disabled]) {
12749
12784
  --pf-c-dropdown__toggle--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
12750
12785
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--BackgroundColor);
12751
12786
  --pf-c-dropdown__toggle-button--Color: var(--pf-c-dropdown__toggle--m-primary--Color);
12787
+ border-radius: var(--pf-c-dropdown__toggle--m-primary--BorderRadius);
12752
12788
  }
12753
- .pf-c-dropdown__toggle.pf-m-primary::before {
12789
+ .pf-c-dropdown__toggle.pf-m-primary::before,
12790
+ .pf-c-dropdown__toggle.pf-m-primary .pf-c-dropdown__toggle-button::before {
12754
12791
  border: 0;
12755
12792
  }
12756
12793
  .pf-c-dropdown__toggle.pf-m-primary:hover {
@@ -12762,7 +12799,7 @@ label.pf-c-check, .pf-c-check__label,
12762
12799
  .pf-c-dropdown__toggle.pf-m-primary:active, .pf-c-dropdown__toggle.pf-m-primary.pf-m-active {
12763
12800
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown__toggle--m-primary--active--BackgroundColor);
12764
12801
  }
12765
- .pf-c-dropdown__toggle.pf-m-primary .pf-m-expanded > :not(.pf-m-disabled):not([disabled]) {
12802
+ .pf-m-expanded > .pf-c-dropdown__toggle.pf-m-primary {
12766
12803
  --pf-c-dropdown__toggle--BackgroundColor: var(--pf-c-dropdown--m-expanded__toggle--m-primary--BackgroundColor);
12767
12804
  }
12768
12805
  .pf-c-dropdown__toggle.pf-m-secondary {
@@ -14757,7 +14794,9 @@ label.pf-c-input-group__text {
14757
14794
  --pf-c-label--m-compact--FontSize: var(--pf-global--FontSize--xs);
14758
14795
  --pf-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
14759
14796
  --pf-c-label__content--Color: var(--pf-global--Color--100);
14797
+ --pf-c-label__content--MaxWidth: 100%;
14760
14798
  --pf-c-label--m-outline__content--Color: var(--pf-global--Color--100);
14799
+ --pf-c-label--m-editable__content--MaxWidth: 16ch;
14761
14800
  --pf-c-label__text--MaxWidth: 16ch;
14762
14801
  --pf-c-label__icon--Color: var(--pf-global--Color--100);
14763
14802
  --pf-c-label__icon--MarginRight: var(--pf-global--spacer--xs);
@@ -14770,8 +14809,6 @@ label.pf-c-input-group__text {
14770
14809
  --pf-c-label__c-button--PaddingRight: var(--pf-global--spacer--sm);
14771
14810
  --pf-c-label__c-button--PaddingBottom: var(--pf-global--spacer--xs);
14772
14811
  --pf-c-label__c-button--PaddingLeft: var(--pf-global--spacer--sm);
14773
- --pf-c-label__editable-text--MaxWidth: 16ch;
14774
- --pf-c-label__editable-text--BorderWidth: 0;
14775
14812
  --pf-c-label--m-editable--Cursor: pointer;
14776
14813
  --pf-c-label--m-editable--TextDecoration: underline;
14777
14814
  --pf-c-label--m-editable--TextDecorationStyle: dashed;
@@ -14780,6 +14817,12 @@ label.pf-c-input-group__text {
14780
14817
  --pf-c-label--m-editable--TextDecorationColor: var(--pf-global--BorderColor--200);
14781
14818
  --pf-c-label--m-editable--hover--TextDecorationColor: var(--pf-global--Color--100);
14782
14819
  --pf-c-label--m-editable--focus--TextDecorationColor: var(--pf-global--Color--100);
14820
+ --pf-c-label--m-editable__content--before--BorderWidth: var(--pf-global--BorderWidth--sm);
14821
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-global--BorderColor--100);
14822
+ --pf-c-label--m-editable__content--hover--before--BorderWidth: var(--pf-global--BorderWidth--sm);
14823
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-global--BorderColor--100);
14824
+ --pf-c-label--m-editable__content--focus--before--BorderWidth: var(--pf-global--BorderWidth--sm);
14825
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-global--BorderColor--100);
14783
14826
  --pf-c-label--m-editable--m-editable-active--Cursor: auto;
14784
14827
  --pf-c-label--m-editable--m-editable-active--TextDecoration: none;
14785
14828
  --pf-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
@@ -14813,6 +14856,9 @@ label.pf-c-input-group__text {
14813
14856
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-blue__content--before--BorderColor);
14814
14857
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-blue__content--link--hover--before--BorderColor);
14815
14858
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-blue__content--link--focus--before--BorderColor);
14859
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-blue__content--before--BorderColor);
14860
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-blue__content--before--BorderColor);
14861
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-blue__content--before--BorderColor);
14816
14862
  }
14817
14863
  .pf-c-label.pf-m-green {
14818
14864
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-green--BackgroundColor);
@@ -14825,6 +14871,9 @@ label.pf-c-input-group__text {
14825
14871
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-green__content--before--BorderColor);
14826
14872
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-green__content--link--hover--before--BorderColor);
14827
14873
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-green__content--link--focus--before--BorderColor);
14874
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-green__content--before--BorderColor);
14875
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-green__content--before--BorderColor);
14876
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-green__content--before--BorderColor);
14828
14877
  }
14829
14878
  .pf-c-label.pf-m-orange {
14830
14879
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-orange--BackgroundColor);
@@ -14837,6 +14886,9 @@ label.pf-c-input-group__text {
14837
14886
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-orange__content--before--BorderColor);
14838
14887
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-orange__content--link--hover--before--BorderColor);
14839
14888
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-orange__content--link--focus--before--BorderColor);
14889
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-orange__content--before--BorderColor);
14890
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-orange__content--before--BorderColor);
14891
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-orange__content--before--BorderColor);
14840
14892
  }
14841
14893
  .pf-c-label.pf-m-red {
14842
14894
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-red--BackgroundColor);
@@ -14849,6 +14901,9 @@ label.pf-c-input-group__text {
14849
14901
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-red__content--before--BorderColor);
14850
14902
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-red__content--link--hover--before--BorderColor);
14851
14903
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-red__content--link--focus--before--BorderColor);
14904
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-red__content--before--BorderColor);
14905
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-red__content--before--BorderColor);
14906
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-red__content--before--BorderColor);
14852
14907
  }
14853
14908
  .pf-c-label.pf-m-purple {
14854
14909
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-purple--BackgroundColor);
@@ -14861,6 +14916,9 @@ label.pf-c-input-group__text {
14861
14916
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-purple__content--before--BorderColor);
14862
14917
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-purple__content--link--hover--before--BorderColor);
14863
14918
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-purple__content--link--focus--before--BorderColor);
14919
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-purple__content--before--BorderColor);
14920
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-purple__content--before--BorderColor);
14921
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-purple__content--before--BorderColor);
14864
14922
  }
14865
14923
  .pf-c-label.pf-m-cyan {
14866
14924
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-cyan--BackgroundColor);
@@ -14873,12 +14931,18 @@ label.pf-c-input-group__text {
14873
14931
  --pf-c-label--m-outline__content--before--BorderColor: var(--pf-c-label--m-outline--m-cyan__content--before--BorderColor);
14874
14932
  --pf-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor);
14875
14933
  --pf-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor);
14934
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
14935
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
14936
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-cyan__content--before--BorderColor);
14876
14937
  }
14877
14938
  .pf-c-label.pf-m-outline {
14878
14939
  --pf-c-label__content--Color: var(--pf-c-label--m-outline__content--Color);
14879
14940
  --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-outline__content--before--BorderWidth);
14880
14941
  --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
14881
14942
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-outline--BackgroundColor);
14943
+ --pf-c-label--m-editable__content--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
14944
+ --pf-c-label--m-editable__content--hover--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
14945
+ --pf-c-label--m-editable__content--focus--before--BorderColor: var(--pf-c-label--m-outline__content--before--BorderColor);
14882
14946
  }
14883
14947
  .pf-c-label.pf-m-overflow:hover, .pf-c-label.pf-m-outline a.pf-c-label__content:hover,
14884
14948
  .pf-c-label.pf-m-outline button.pf-c-label__content:hover {
@@ -14898,6 +14962,15 @@ label.pf-c-input-group__text {
14898
14962
  text-decoration-thickness: var(--pf-c-label--m-editable--TextDecorationThickness);
14899
14963
  text-underline-offset: var(--pf-c-label--m-editable--TextDecorationOffset);
14900
14964
  text-decoration-color: var(--pf-c-label--m-editable--TextDecorationColor);
14965
+ --pf-c-label__content--MaxWidth: var(--pf-c-label--m-editable__content--MaxWidth);
14966
+ --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
14967
+ --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable__content--before--BorderColor);
14968
+ --pf-c-label__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--hover--before--BorderWidth);
14969
+ --pf-c-label__content--link--hover--before--BorderColor: var(--pf-c-label--m-editable__content--hover--before--BorderColor);
14970
+ --pf-c-label__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--focus--before--BorderWidth);
14971
+ --pf-c-label__content--link--focus--before--BorderColor: var(--pf-c-label--m-editable__content--focus--before--BorderColor);
14972
+ --pf-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
14973
+ --pf-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-c-label--m-editable__content--before--BorderWidth);
14901
14974
  }
14902
14975
  .pf-c-label.pf-m-editable:hover {
14903
14976
  --pf-c-label--m-editable--TextDecorationColor: var(--pf-c-label--m-editable--hover--TextDecorationColor);
@@ -14909,19 +14982,10 @@ label.pf-c-input-group__text {
14909
14982
  --pf-c-label--m-editable--Cursor: var(--pf-c-label--m-editable--m-editable-active--Cursor);
14910
14983
  --pf-c-label--m-editable--TextDecoration: var(--pf-c-label--m-editable--m-editable-active--TextDecoration);
14911
14984
  --pf-c-label--BackgroundColor: var(--pf-c-label--m-editable--m-editable-active--BackgroundColor);
14912
- --pf-c-label__content--before--BorderWidth: var(--pf-c-label--m-editable--m-editable-active__content--before--BorderWidth);
14913
- --pf-c-label__content--before--BorderColor: var(--pf-c-label--m-editable--m-editable-active__content--before--BorderColor);
14914
14985
  }
14915
14986
  .pf-c-label.pf-m-editable-active .pf-c-button {
14916
14987
  visibility: hidden;
14917
14988
  }
14918
- .pf-c-label .pf-c-label__editable-text {
14919
- overflow: hidden;
14920
- text-overflow: ellipsis;
14921
- white-space: nowrap;
14922
- max-width: var(--pf-c-label__editable-text--MaxWidth);
14923
- border-width: var(--pf-c-label__editable-text--BorderWidth);
14924
- }
14925
14989
  .pf-c-label .pf-c-button {
14926
14990
  --pf-c-button--FontSize: var(--pf-c-label__c-button--FontSize);
14927
14991
  --pf-c-button--PaddingTop: var(--pf-c-label__c-button--PaddingTop);
@@ -14958,8 +15022,12 @@ label.pf-c-input-group__text {
14958
15022
  }
14959
15023
 
14960
15024
  .pf-c-label__content {
15025
+ overflow: hidden;
15026
+ text-overflow: ellipsis;
15027
+ white-space: nowrap;
15028
+ max-width: var(--pf-c-label__content--MaxWidth);
14961
15029
  color: var(--pf-c-label__content--Color);
14962
- border: 0;
15030
+ border-width: 0;
14963
15031
  }
14964
15032
  .pf-c-label__content::before {
14965
15033
  position: absolute;
@@ -17687,6 +17755,8 @@ ul.pf-c-list {
17687
17755
  --pf-c-nav--c-menu__list-item--focus-within--Color: var(--pf-global--Color--light-100);
17688
17756
  --pf-c-nav--c-menu__list-item--hover--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
17689
17757
  --pf-c-nav--c-menu__list-item--focus-within--BackgroundColor: var(--pf-global--BackgroundColor--dark-200);
17758
+ --pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth: var(--pf-global--BorderWidth--lg);
17759
+ --pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight: var(--pf-global--FontWeight--bold);
17690
17760
  --pf-c-nav--c-menu__item--PaddingTop: var(--pf-global--spacer--md);
17691
17761
  --pf-c-nav--c-menu__item--PaddingRight: var(--pf-global--spacer--md);
17692
17762
  --pf-c-nav--c-menu__item--PaddingBottom: var(--pf-global--spacer--md);
@@ -17815,6 +17885,15 @@ ul.pf-c-list {
17815
17885
  --pf-c-nav--c-menu__item--after--BorderLeftColor: var(--pf-c-nav--c-menu__item--m-current--after--BorderColor);
17816
17886
  background-color: var(--pf-c-nav--c-menu__item--m-current--BackgroundColor);
17817
17887
  }
17888
+ .pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) {
17889
+ --pf-c-nav--c-menu__item--before--BorderBottomWidth: var(--pf-c-nav--c-menu__list-item--m-drill-up--before--BorderBottomWidth);
17890
+ }
17891
+ .pf-c-nav .pf-c-menu__list-item:where(.pf-m-drill-up) > .pf-c-menu__item {
17892
+ --pf-c-menu__item--FontWeight: var(--pf-c-nav--c-menu__list-item--m-drill-up__item--FontWeight);
17893
+ }
17894
+ .pf-c-nav .pf-c-menu__item-toggle-icon {
17895
+ margin-left: calc(var(--pf-c-menu__item-toggle-icon--PaddingLeft) * -1);
17896
+ }
17818
17897
  .pf-c-nav.pf-m-horizontal .pf-c-nav__link::after, .pf-c-nav.pf-m-tertiary .pf-c-nav__link::after {
17819
17898
  content: none;
17820
17899
  }