@patternfly/patternfly 5.3.0-prerelease.3 → 5.3.0-prerelease.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/components/Label/label.css +14 -0
  2. package/components/Label/label.scss +19 -0
  3. package/components/MenuToggle/menu-toggle.css +31 -0
  4. package/components/MenuToggle/menu-toggle.scss +42 -0
  5. package/docs/components/Label/examples/Label.md +1119 -13
  6. package/docs/components/MenuToggle/examples/MenuToggle.md +64 -0
  7. package/package.json +5 -5
  8. package/patternfly-no-globals.css +45 -0
  9. package/patternfly-theme-dark-unversioned.css +45 -0
  10. package/patternfly.css +45 -0
  11. package/patternfly.min.css +1 -1
  12. package/patternfly.min.css.map +1 -1
package/docs/components/MenuToggle/examples/MenuToggle.md CHANGED
@@ -981,6 +981,67 @@ cssPrefix: pf-v5-c-menu-toggle
981
981
 
982
982
  ```
983
983
 
984
+ ### Status
985
+
986
+ ```html isBeta
987
+ <button
988
+ class="pf-v5-c-menu-toggle pf-m-success"
989
+ type="button"
990
+ aria-expanded="false"
991
+ >
992
+ <span class="pf-v5-c-menu-toggle__text">Success</span>
993
+ <span class="pf-v5-c-menu-toggle__controls">
994
+ <span class="pf-v5-c-menu-toggle__status-icon">
995
+ <i class="fas fa-check-circle" aria-hidden="true"></i>
996
+ </span>
997
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
998
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
999
+ </span>
1000
+ </span>
1001
+ </button>
1002
+
1003
+ <br />
1004
+ <br />
1005
+
1006
+ <button
1007
+ class="pf-v5-c-menu-toggle pf-m-warning"
1008
+ type="button"
1009
+ aria-expanded="false"
1010
+ >
1011
+ <span class="pf-v5-c-menu-toggle__text">Warning</span>
1012
+ <span class="pf-v5-c-menu-toggle__controls">
1013
+ <span class="pf-v5-c-menu-toggle__status-icon">
1014
+ <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
1015
+ </span>
1016
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1017
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1018
+ </span>
1019
+ </span>
1020
+ </button>
1021
+
1022
+ <br />
1023
+ <br />
1024
+
1025
+ <button
1026
+ class="pf-v5-c-menu-toggle pf-m-danger"
1027
+ type="button"
1028
+ aria-expanded="false"
1029
+ >
1030
+ <span class="pf-v5-c-menu-toggle__text">Danger</span>
1031
+ <span class="pf-v5-c-menu-toggle__controls">
1032
+ <span class="pf-v5-c-menu-toggle__status-icon">
1033
+ <i class="fas fa-exclamation-circle" aria-hidden="true"></i>
1034
+ </span>
1035
+ <span class="pf-v5-c-menu-toggle__toggle-icon">
1036
+ <i class="fas fa-caret-down" aria-hidden="true"></i>
1037
+ </span>
1038
+ </span>
1039
+ </button>
1040
+
1041
+ ```
1042
+
1043
+ ## Documentation
1044
+
984
1045
  ### Accessibility
985
1046
 
986
1047
  | Class | Applied to | Outcome |
@@ -1010,3 +1071,6 @@ cssPrefix: pf-v5-c-menu-toggle
1010
1071
  | `.pf-m-plain` | `.pf-v5-c-menu-toggle` | Modifies the menu toggle component for the plain variation. |
1011
1072
  | `.pf-m-expanded` | `.pf-v5-c-menu-toggle` | Modifies the menu toggle component for the expanded state. |
1012
1073
  | `.pf-m-full-height` | `.pf-v5-c-menu-toggle` | Modifies the menu toggle component to full height of parent. |
1074
+ | `.pf-m-success` | `.pf-v5-c-menu-toggle` | Modifies the menu toggle component for the success state. |
1075
+ | `.pf-m-warning` | `.pf-v5-c-menu-toggle` | Modifies the menu toggle component for the warning state. |
1076
+ | `.pf-m-danger` | `.pf-v5-c-menu-toggle` | Modifies the menu toggle component for the danger state. |
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": "5.3.0-prerelease.3",
4
+ "version": "5.3.0-prerelease.5",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -46,11 +46,11 @@
46
46
  "@commitlint/config-conventional": "^18.4.3",
47
47
  "@fortawesome/fontawesome": "^1.1.8",
48
48
  "@octokit/rest": "^20.0.2",
49
- "@patternfly/documentation-framework": "5.4.3",
49
+ "@patternfly/documentation-framework": "5.8.2",
50
50
  "@patternfly/patternfly-a11y": "4.3.1",
51
- "@patternfly/react-code-editor": "5.2.1",
52
- "@patternfly/react-core": "5.2.1",
53
- "@patternfly/react-table": "5.2.1",
51
+ "@patternfly/react-code-editor": "5.2.3",
52
+ "@patternfly/react-core": "5.2.3",
53
+ "@patternfly/react-table": "5.2.4",
54
54
  "@starptech/prettyhtml": "^0.10.0",
55
55
  "backstopjs": "^6.2.2",
56
56
  "cheerio": "^1.0.0-rc.12",
package/patternfly-no-globals.css CHANGED
@@ -16104,6 +16104,10 @@ label.pf-v5-c-input-group__text {
16104
16104
  --pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
16105
16105
  --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
16106
16106
  --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
16107
+ --pf-v5-c-label--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
16108
+ --pf-v5-c-label--m-disabled__content--Color: var(--pf-v5-global--disabled-color--100);
16109
+ --pf-v5-c-label--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--100);
16110
+ --pf-v5-c-label--c-button--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
16107
16111
  position: relative;
16108
16112
  max-width: var(--pf-v5-c-label--MaxWidth);
16109
16113
  padding-block-start: var(--pf-v5-c-label--PaddingTop);
@@ -16290,6 +16294,16 @@ label.pf-v5-c-input-group__text {
16290
16294
  --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth);
16291
16295
  --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor);
16292
16296
  }
16297
+ .pf-v5-c-label.pf-m-disabled {
16298
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-disabled--BackgroundColor);
16299
+ --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-disabled__content--Color);
16300
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-disabled__icon--Color);
16301
+ --pf-v5-c-label__content--before--BorderWidth: 0;
16302
+ pointer-events: none;
16303
+ }
16304
+ .pf-v5-c-label.pf-m-disabled .pf-v5-c-button {
16305
+ --pf-v5-c-button--m-plain--disabled--Color: var(--pf-v5-c-label--c-button--m-disabled--Color);
16306
+ }
16293
16307
 
16294
16308
  .pf-v5-c-label,
16295
16309
  .pf-v5-c-label__content {
@@ -18475,6 +18489,16 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18475
18489
  --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18476
18490
  --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
18477
18491
  --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: center;
18492
+ --pf-v5-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-v5-global--spacer--md);
18493
+ --pf-v5-c-menu-toggle--m-success--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18494
+ --pf-v5-c-menu-toggle--m-success--after--BorderBottomColor: var(--pf-v5-global--success-color--100);
18495
+ --pf-v5-c-menu-toggle--m-success__status-icon--Color: var(--pf-v5-global--success-color--100);
18496
+ --pf-v5-c-menu-toggle--m-warning--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18497
+ --pf-v5-c-menu-toggle--m-warning--after--BorderBottomColor: var(--pf-v5-global--warning-color--100);
18498
+ --pf-v5-c-menu-toggle--m-warning__status-icon--Color: var(--pf-v5-global--warning-color--100);
18499
+ --pf-v5-c-menu-toggle--m-danger--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18500
+ --pf-v5-c-menu-toggle--m-danger--after--BorderBottomColor: var(--pf-v5-global--danger-color--100);
18501
+ --pf-v5-c-menu-toggle--m-danger__status-icon--Color: var(--pf-v5-global--danger-color--100);
18478
18502
  position: relative;
18479
18503
  display: inline-flex;
18480
18504
  align-items: center;
@@ -18736,6 +18760,21 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18736
18760
  .pf-v5-c-menu-toggle.pf-m-full-width {
18737
18761
  width: 100%;
18738
18762
  }
18763
+ .pf-v5-c-menu-toggle.pf-m-success {
18764
+ --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-success--after--BorderBottomWidth);
18765
+ --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-success--after--BorderBottomColor);
18766
+ --pf-v5-c-menu-toggle__status-icon--Color: var(--pf-v5-c-menu-toggle--m-success__status-icon--Color);
18767
+ }
18768
+ .pf-v5-c-menu-toggle.pf-m-warning {
18769
+ --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-warning--after--BorderBottomWidth);
18770
+ --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-warning--after--BorderBottomColor);
18771
+ --pf-v5-c-menu-toggle__status-icon--Color: var(--pf-v5-c-menu-toggle--m-warning__status-icon--Color);
18772
+ }
18773
+ .pf-v5-c-menu-toggle.pf-m-danger {
18774
+ --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-danger--after--BorderBottomWidth);
18775
+ --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-danger--after--BorderBottomColor);
18776
+ --pf-v5-c-menu-toggle__status-icon--Color: var(--pf-v5-c-menu-toggle--m-danger__status-icon--Color);
18777
+ }
18739
18778
 
18740
18779
  .pf-v5-c-menu-toggle__button {
18741
18780
  --pf-v5-c-menu-toggle__controls--PaddingLeft: 0;
@@ -18770,6 +18809,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18770
18809
  }
18771
18810
 
18772
18811
  .pf-v5-c-menu-toggle__controls {
18812
+ display: flex;
18773
18813
  padding-inline-start: var(--pf-v5-c-menu-toggle__controls--PaddingLeft);
18774
18814
  margin-inline-start: var(--pf-v5-c-menu-toggle__controls--MarginLeft);
18775
18815
  margin-inline-end: var(--pf-v5-c-menu-toggle__controls--MarginRight);
@@ -18780,6 +18820,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18780
18820
  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
18781
18821
  }
18782
18822
 
18823
+ .pf-v5-c-menu-toggle__status-icon {
18824
+ margin-inline-end: var(--pf-v5-c-menu-toggle__status-icon--MarginInlineEnd);
18825
+ color: var(--pf-v5-c-menu-toggle__status-icon--Color, inherit);
18826
+ }
18827
+
18783
18828
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
18784
18829
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
18785
18830
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
package/patternfly-theme-dark-unversioned.css CHANGED
@@ -16221,6 +16221,10 @@ label.pf-v5-c-input-group__text {
16221
16221
  --pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
16222
16222
  --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
16223
16223
  --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
16224
+ --pf-v5-c-label--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
16225
+ --pf-v5-c-label--m-disabled__content--Color: var(--pf-v5-global--disabled-color--100);
16226
+ --pf-v5-c-label--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--100);
16227
+ --pf-v5-c-label--c-button--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
16224
16228
  position: relative;
16225
16229
  max-width: var(--pf-v5-c-label--MaxWidth);
16226
16230
  padding-block-start: var(--pf-v5-c-label--PaddingTop);
@@ -16407,6 +16411,16 @@ label.pf-v5-c-input-group__text {
16407
16411
  --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth);
16408
16412
  --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor);
16409
16413
  }
16414
+ .pf-v5-c-label.pf-m-disabled {
16415
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-disabled--BackgroundColor);
16416
+ --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-disabled__content--Color);
16417
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-disabled__icon--Color);
16418
+ --pf-v5-c-label__content--before--BorderWidth: 0;
16419
+ pointer-events: none;
16420
+ }
16421
+ .pf-v5-c-label.pf-m-disabled .pf-v5-c-button {
16422
+ --pf-v5-c-button--m-plain--disabled--Color: var(--pf-v5-c-label--c-button--m-disabled--Color);
16423
+ }
16410
16424
 
16411
16425
  .pf-v5-c-label,
16412
16426
  .pf-v5-c-label__content {
@@ -18592,6 +18606,16 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18592
18606
  --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18593
18607
  --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
18594
18608
  --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: center;
18609
+ --pf-v5-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-v5-global--spacer--md);
18610
+ --pf-v5-c-menu-toggle--m-success--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18611
+ --pf-v5-c-menu-toggle--m-success--after--BorderBottomColor: var(--pf-v5-global--success-color--100);
18612
+ --pf-v5-c-menu-toggle--m-success__status-icon--Color: var(--pf-v5-global--success-color--100);
18613
+ --pf-v5-c-menu-toggle--m-warning--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18614
+ --pf-v5-c-menu-toggle--m-warning--after--BorderBottomColor: var(--pf-v5-global--warning-color--100);
18615
+ --pf-v5-c-menu-toggle--m-warning__status-icon--Color: var(--pf-v5-global--warning-color--100);
18616
+ --pf-v5-c-menu-toggle--m-danger--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18617
+ --pf-v5-c-menu-toggle--m-danger--after--BorderBottomColor: var(--pf-v5-global--danger-color--100);
18618
+ --pf-v5-c-menu-toggle--m-danger__status-icon--Color: var(--pf-v5-global--danger-color--100);
18595
18619
  position: relative;
18596
18620
  display: inline-flex;
18597
18621
  align-items: center;
@@ -18853,6 +18877,21 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18853
18877
  .pf-v5-c-menu-toggle.pf-m-full-width {
18854
18878
  width: 100%;
18855
18879
  }
18880
+ .pf-v5-c-menu-toggle.pf-m-success {
18881
+ --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-success--after--BorderBottomWidth);
18882
+ --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-success--after--BorderBottomColor);
18883
+ --pf-v5-c-menu-toggle__status-icon--Color: var(--pf-v5-c-menu-toggle--m-success__status-icon--Color);
18884
+ }
18885
+ .pf-v5-c-menu-toggle.pf-m-warning {
18886
+ --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-warning--after--BorderBottomWidth);
18887
+ --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-warning--after--BorderBottomColor);
18888
+ --pf-v5-c-menu-toggle__status-icon--Color: var(--pf-v5-c-menu-toggle--m-warning__status-icon--Color);
18889
+ }
18890
+ .pf-v5-c-menu-toggle.pf-m-danger {
18891
+ --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-danger--after--BorderBottomWidth);
18892
+ --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-danger--after--BorderBottomColor);
18893
+ --pf-v5-c-menu-toggle__status-icon--Color: var(--pf-v5-c-menu-toggle--m-danger__status-icon--Color);
18894
+ }
18856
18895
 
18857
18896
  .pf-v5-c-menu-toggle__button {
18858
18897
  --pf-v5-c-menu-toggle__controls--PaddingLeft: 0;
@@ -18887,6 +18926,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18887
18926
  }
18888
18927
 
18889
18928
  .pf-v5-c-menu-toggle__controls {
18929
+ display: flex;
18890
18930
  padding-inline-start: var(--pf-v5-c-menu-toggle__controls--PaddingLeft);
18891
18931
  margin-inline-start: var(--pf-v5-c-menu-toggle__controls--MarginLeft);
18892
18932
  margin-inline-end: var(--pf-v5-c-menu-toggle__controls--MarginRight);
@@ -18897,6 +18937,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18897
18937
  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
18898
18938
  }
18899
18939
 
18940
+ .pf-v5-c-menu-toggle__status-icon {
18941
+ margin-inline-end: var(--pf-v5-c-menu-toggle__status-icon--MarginInlineEnd);
18942
+ color: var(--pf-v5-c-menu-toggle__status-icon--Color, inherit);
18943
+ }
18944
+
18900
18945
  :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
18901
18946
  :where(.pf-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
18902
18947
  :where(.pf-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,
package/patternfly.css CHANGED
@@ -16221,6 +16221,10 @@ label.pf-v5-c-input-group__text {
16221
16221
  --pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
16222
16222
  --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
16223
16223
  --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
16224
+ --pf-v5-c-label--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
16225
+ --pf-v5-c-label--m-disabled__content--Color: var(--pf-v5-global--disabled-color--100);
16226
+ --pf-v5-c-label--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--100);
16227
+ --pf-v5-c-label--c-button--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
16224
16228
  position: relative;
16225
16229
  max-width: var(--pf-v5-c-label--MaxWidth);
16226
16230
  padding-block-start: var(--pf-v5-c-label--PaddingTop);
@@ -16407,6 +16411,16 @@ label.pf-v5-c-input-group__text {
16407
16411
  --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth);
16408
16412
  --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor);
16409
16413
  }
16414
+ .pf-v5-c-label.pf-m-disabled {
16415
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-disabled--BackgroundColor);
16416
+ --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-disabled__content--Color);
16417
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-disabled__icon--Color);
16418
+ --pf-v5-c-label__content--before--BorderWidth: 0;
16419
+ pointer-events: none;
16420
+ }
16421
+ .pf-v5-c-label.pf-m-disabled .pf-v5-c-button {
16422
+ --pf-v5-c-button--m-plain--disabled--Color: var(--pf-v5-c-label--c-button--m-disabled--Color);
16423
+ }
16410
16424
 
16411
16425
  .pf-v5-c-label,
16412
16426
  .pf-v5-c-label__content {
@@ -18592,6 +18606,16 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18592
18606
  --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
18593
18607
  --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
18594
18608
  --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: center;
18609
+ --pf-v5-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-v5-global--spacer--md);
18610
+ --pf-v5-c-menu-toggle--m-success--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18611
+ --pf-v5-c-menu-toggle--m-success--after--BorderBottomColor: var(--pf-v5-global--success-color--100);
18612
+ --pf-v5-c-menu-toggle--m-success__status-icon--Color: var(--pf-v5-global--success-color--100);
18613
+ --pf-v5-c-menu-toggle--m-warning--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18614
+ --pf-v5-c-menu-toggle--m-warning--after--BorderBottomColor: var(--pf-v5-global--warning-color--100);
18615
+ --pf-v5-c-menu-toggle--m-warning__status-icon--Color: var(--pf-v5-global--warning-color--100);
18616
+ --pf-v5-c-menu-toggle--m-danger--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
18617
+ --pf-v5-c-menu-toggle--m-danger--after--BorderBottomColor: var(--pf-v5-global--danger-color--100);
18618
+ --pf-v5-c-menu-toggle--m-danger__status-icon--Color: var(--pf-v5-global--danger-color--100);
18595
18619
  position: relative;
18596
18620
  display: inline-flex;
18597
18621
  align-items: center;
@@ -18853,6 +18877,21 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18853
18877
  .pf-v5-c-menu-toggle.pf-m-full-width {
18854
18878
  width: 100%;
18855
18879
  }
18880
+ .pf-v5-c-menu-toggle.pf-m-success {
18881
+ --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-success--after--BorderBottomWidth);
18882
+ --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-success--after--BorderBottomColor);
18883
+ --pf-v5-c-menu-toggle__status-icon--Color: var(--pf-v5-c-menu-toggle--m-success__status-icon--Color);
18884
+ }
18885
+ .pf-v5-c-menu-toggle.pf-m-warning {
18886
+ --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-warning--after--BorderBottomWidth);
18887
+ --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-warning--after--BorderBottomColor);
18888
+ --pf-v5-c-menu-toggle__status-icon--Color: var(--pf-v5-c-menu-toggle--m-warning__status-icon--Color);
18889
+ }
18890
+ .pf-v5-c-menu-toggle.pf-m-danger {
18891
+ --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-danger--after--BorderBottomWidth);
18892
+ --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-danger--after--BorderBottomColor);
18893
+ --pf-v5-c-menu-toggle__status-icon--Color: var(--pf-v5-c-menu-toggle--m-danger__status-icon--Color);
18894
+ }
18856
18895
 
18857
18896
  .pf-v5-c-menu-toggle__button {
18858
18897
  --pf-v5-c-menu-toggle__controls--PaddingLeft: 0;
@@ -18887,6 +18926,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18887
18926
  }
18888
18927
 
18889
18928
  .pf-v5-c-menu-toggle__controls {
18929
+ display: flex;
18890
18930
  padding-inline-start: var(--pf-v5-c-menu-toggle__controls--PaddingLeft);
18891
18931
  margin-inline-start: var(--pf-v5-c-menu-toggle__controls--MarginLeft);
18892
18932
  margin-inline-end: var(--pf-v5-c-menu-toggle__controls--MarginRight);
@@ -18897,6 +18937,11 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
18897
18937
  color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
18898
18938
  }
18899
18939
 
18940
+ .pf-v5-c-menu-toggle__status-icon {
18941
+ margin-inline-end: var(--pf-v5-c-menu-toggle__status-icon--MarginInlineEnd);
18942
+ color: var(--pf-v5-c-menu-toggle__status-icon--Color, inherit);
18943
+ }
18944
+
18900
18945
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button,
18901
18946
  :where(.pf-v5-theme-dark) .pf-v5-c-page__main-section[class*=pf-m-dark-] .pf-v5-c-button,
18902
18947
  :where(.pf-v5-theme-dark) .pf-v5-c-page__header .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-about-modal-box .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-banner .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, :where(.pf-v5-theme-dark) .pf-v5-c-login__header .pf-v5-c-button,