@patternfly/patternfly 6.0.0-alpha.56 → 6.0.0-alpha.58

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 (35) hide show
  1. package/components/Button/button.css +26 -11
  2. package/components/Button/button.scss +27 -12
  3. package/components/CodeBlock/code-block.css +18 -9
  4. package/components/CodeBlock/code-block.scss +18 -10
  5. package/components/DescriptionList/description-list.css +39 -34
  6. package/components/DescriptionList/description-list.scss +25 -25
  7. package/components/FileUpload/file-upload.css +28 -34
  8. package/components/FileUpload/file-upload.scss +30 -42
  9. package/components/Icon/icon.css +154 -18
  10. package/components/Icon/icon.scss +187 -20
  11. package/components/Label/label-group.css +39 -44
  12. package/components/Label/label-group.scss +39 -45
  13. package/components/Label/label.css +258 -355
  14. package/components/Label/label.scss +297 -347
  15. package/components/Sidebar/sidebar.css +20 -9
  16. package/components/Sidebar/sidebar.scss +23 -11
  17. package/components/SimpleList/simple-list.css +1 -1
  18. package/components/SimpleList/simple-list.scss +1 -1
  19. package/components/ToggleGroup/toggle-group.css +34 -47
  20. package/components/ToggleGroup/toggle-group.scss +34 -45
  21. package/docs/components/FileUpload/examples/FileUpload.md +112 -53
  22. package/docs/components/Icon/examples/Icon.md +82 -11
  23. package/docs/components/Label/examples/Label.css +4 -0
  24. package/docs/components/Label/examples/Label.md +999 -223
  25. package/docs/components/Sidebar/examples/Sidebar.md +19 -0
  26. package/docs/demos/Form/examples/BasicForms.md +2 -2
  27. package/package.json +1 -1
  28. package/patternfly-no-globals.css +701 -570
  29. package/patternfly-theme-dark-unversioned.css +701 -570
  30. package/patternfly.css +701 -570
  31. package/patternfly.min.css +1 -1
  32. package/patternfly.min.css.map +1 -1
  33. package/sass-utilities/mixins.scss +18 -0
  34. package/components/Label/themes/dark/label.scss +0 -53
  35. package/components/ToggleGroup/themes/dark/toggle-group.scss +0 -12
package/patternfly-no-globals.css CHANGED
@@ -7786,8 +7786,8 @@ button.pf-v5-c-breadcrumb__link {
7786
7786
  display: none;
7787
7787
  }
7788
7788
 
7789
- :root,
7790
- .pf-v5-c-button {
7789
+ :where(:root),
7790
+ :where(.pf-v5-c-button) {
7791
7791
  --pf-v5-c-button--Display: inline-block;
7792
7792
  --pf-v5-c-button--PaddingTop: var(--pf-t--global--spacer--sm);
7793
7793
  --pf-v5-c-button--PaddingRight: var(--pf-t--global--spacer--lg);
@@ -7886,20 +7886,29 @@ button.pf-v5-c-breadcrumb__link {
7886
7886
  --pf-v5-c-button--m-plain--PaddingRight: var(--pf-t--global--spacer--sm);
7887
7887
  --pf-v5-c-button--m-plain--PaddingBottom: var(--pf-t--global--spacer--sm);
7888
7888
  --pf-v5-c-button--m-plain--PaddingLeft: var(--pf-t--global--spacer--sm);
7889
- --pf-v5-c-button--m-plain--m-small--PaddingTop: var(--pf-t--global--spacer--xs);
7890
- --pf-v5-c-button--m-plain--m-small--PaddingRight: var(--pf-t--global--spacer--xs);
7891
- --pf-v5-c-button--m-plain--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
7892
- --pf-v5-c-button--m-plain--m-small--PaddingLeft: var(--pf-t--global--spacer--xs);
7893
7889
  --pf-v5-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
7894
7890
  --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
7891
+ --pf-v5-c-button--m-plain--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
7892
+ --pf-v5-c-button--m-plain--MinWidth: calc(1em * var(--pf-v5-c-button--LineHeight) + var(--pf-v5-c-button--m-plain--PaddingTop) + var(--pf-v5-c-button--m-plain--PaddingBottom));
7895
7893
  --pf-v5-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
7896
7894
  --pf-v5-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
7897
7895
  --pf-v5-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
7898
7896
  --pf-v5-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
7899
7897
  --pf-v5-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
7898
+ --pf-v5-c-button--m-plain--m-small--PaddingTop: var(--pf-t--global--spacer--xs);
7899
+ --pf-v5-c-button--m-plain--m-small--PaddingRight: var(--pf-t--global--spacer--xs);
7900
+ --pf-v5-c-button--m-plain--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
7901
+ --pf-v5-c-button--m-plain--m-small--PaddingLeft: var(--pf-t--global--spacer--xs);
7902
+ --pf-v5-c-button--m-plain--m-no-padding--MixBlendMode: normal;
7903
+ --pf-v5-c-button--m-plain--m-no-padding--MinWidth: auto;
7904
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingTop: 0;
7905
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingRight: 0;
7906
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingBottom: 0;
7907
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingLeft: 0;
7908
+ --pf-v5-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
7909
+ --pf-v5-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
7910
+ --pf-v5-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
7900
7911
  --pf-v5-c-button__progress--Color: var(--pf-v5-c-button__icon--Color);
7901
- --pf-v5-c-button--m-plain--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
7902
- --pf-v5-c-button--m-plain--MinWidth: calc(1em * var(--pf-v5-c-button--LineHeight) + var(--pf-v5-c-button--m-plain--PaddingTop) + var(--pf-v5-c-button--m-plain--PaddingBottom));
7903
7912
  --pf-v5-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
7904
7913
  --pf-v5-c-button--m-control--PaddingLeft: var(--pf-t--global--spacer--md);
7905
7914
  --pf-v5-c-button--m-control--PaddingRight: var(--pf-t--global--spacer--md);
@@ -8240,9 +8249,15 @@ button.pf-v5-c-breadcrumb__link {
8240
8249
  min-width: var(--pf-v5-c-button--m-plain--MinWidth);
8241
8250
  }
8242
8251
  .pf-v5-c-button.pf-m-plain.pf-m-no-padding {
8243
- min-width: auto;
8244
- padding: 0;
8245
- background-color: transparent;
8252
+ --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-plain--m-no-padding--BackgroundColor);
8253
+ --pf-v5-c-button--hover--BackgroundColor: var(--pf-v5-c-button--m-plain--m-no-padding--hover--BackgroundColor);
8254
+ --pf-v5-c-button--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
8255
+ --pf-v5-c-button--m-plain--PaddingTop: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingTop);
8256
+ --pf-v5-c-button--m-plain--PaddingRight: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingRight);
8257
+ --pf-v5-c-button--m-plain--PaddingBottom: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingBottom);
8258
+ --pf-v5-c-button--m-plain--PaddingLeft: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft);
8259
+ --pf-v5-c-button--m-plain--MixBlendMode: var(--pf-v5-c-button--m-plain--m-no-padding--MixBlendMode);
8260
+ min-width: var(--pf-v5-c-button--m-plain--m-no-padding--MinWidth);
8246
8261
  }
8247
8262
  .pf-v5-c-button.pf-m-block {
8248
8263
  display: block;
@@ -9375,21 +9390,30 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9375
9390
  border: 0;
9376
9391
  }
9377
9392
 
9393
+ :root, :where(.pf-v5-c-code-block) {
9394
+ --pf-v5-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
9395
+ --pf-v5-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
9396
+ --pf-v5-c-code-block__header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
9397
+ --pf-v5-c-code-block__header--BorderBottomColor: var(--pf-t--global--border--color--default);
9398
+ --pf-v5-c-code-block__header--PaddingRight: var(--pf-t--global--spacer--sm);
9399
+ --pf-v5-c-code-block__header--PaddingLeft: var(--pf-t--global--spacer--sm);
9400
+ --pf-v5-c-code-block__content--PaddingTop: var(--pf-t--global--spacer--md);
9401
+ --pf-v5-c-code-block__content--PaddingRight: var(--pf-t--global--spacer--md);
9402
+ --pf-v5-c-code-block__content--PaddingBottom: var(--pf-t--global--spacer--md);
9403
+ --pf-v5-c-code-block__content--PaddingLeft: var(--pf-t--global--spacer--md);
9404
+ --pf-v5-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
9405
+ --pf-v5-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
9406
+ }
9407
+
9378
9408
  .pf-v5-c-code-block {
9379
- --pf-v5-c-code-block--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
9380
- --pf-v5-c-code-block__header--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
9381
- --pf-v5-c-code-block__header--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
9382
- --pf-v5-c-code-block__content--PaddingTop: var(--pf-v5-global--spacer--md);
9383
- --pf-v5-c-code-block__content--PaddingRight: var(--pf-v5-global--spacer--md);
9384
- --pf-v5-c-code-block__content--PaddingBottom: var(--pf-v5-global--spacer--md);
9385
- --pf-v5-c-code-block__content--PaddingLeft: var(--pf-v5-global--spacer--md);
9386
- --pf-v5-c-code-block__pre--FontFamily: var(--pf-v5-global--FontFamily--monospace);
9387
- --pf-v5-c-code-block__pre--FontSize: var(--pf-v5-global--FontSize--sm);
9388
9409
  background-color: var(--pf-v5-c-code-block--BackgroundColor);
9410
+ border-radius: var(--pf-v5-c-code-block--BorderRadius);
9389
9411
  }
9390
9412
 
9391
9413
  .pf-v5-c-code-block__header {
9392
9414
  display: flex;
9415
+ padding-inline-start: var(--pf-v5-c-code-block__header--PaddingLeft);
9416
+ padding-inline-end: var(--pf-v5-c-code-block__header--PaddingRight);
9393
9417
  border-block-end: var(--pf-v5-c-code-block__header--BorderBottomWidth) solid var(--pf-v5-c-code-block__header--BorderBottomColor);
9394
9418
  }
9395
9419
 
@@ -10950,28 +10974,27 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10950
10974
  padding: 0;
10951
10975
  }
10952
10976
 
10953
- .pf-v5-c-description-list {
10954
- --pf-v5-c-description-list--RowGap: var(--pf-v5-global--gutter--md);
10955
- --pf-v5-c-description-list--ColumnGap: var(--pf-v5-global--spacer--lg);
10977
+ :where(:root), :where(.pf-v5-c-description-list) {
10978
+ --pf-v5-c-description-list--RowGap: var(--pf-t--global--spacer--lg);
10979
+ --pf-v5-c-description-list--ColumnGap: var(--pf-t--global--spacer--lg);
10956
10980
  --pf-v5-c-description-list--GridTemplateColumns--count: 1;
10957
10981
  --pf-v5-c-description-list--GridTemplateColumns--width: 1fr;
10958
10982
  --pf-v5-c-description-list--GridTemplateColumns--min: 0;
10959
- --pf-v5-c-description-list--GridTemplateColumns: repeat(var(--pf-v5-c-description-list--GridTemplateColumns--count), var(--pf-v5-c-description-list--GridTemplateColumns--width));
10960
- --pf-v5-c-description-list__group--RowGap: var(--pf-v5-global--spacer--sm);
10961
- --pf-v5-c-description-list__group--ColumnGap: var(--pf-v5-global--spacer--sm);
10983
+ --pf-v5-c-description-list__group--RowGap: var(--pf-t--global--spacer--sm);
10984
+ --pf-v5-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--sm);
10962
10985
  --pf-v5-c-description-list__group--GridTemplateColumns: auto;
10963
10986
  --pf-v5-c-description-list__group--GridTemplateRows: auto 1fr;
10964
10987
  --pf-v5-c-description-list__group--GridColumn: auto;
10965
- --pf-v5-c-description-list--m-compact--RowGap: var(--pf-v5-global--gutter);
10966
- --pf-v5-c-description-list--m-compact--ColumnGap: var(--pf-v5-global--spacer--sm);
10988
+ --pf-v5-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--md);
10989
+ --pf-v5-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--sm);
10967
10990
  --pf-v5-c-description-list__term--Display: inline;
10968
10991
  --pf-v5-c-description-list__term--sm--Display: flex;
10969
- --pf-v5-c-description-list__term--FontWeight: var(--pf-v5-global--FontWeight--bold);
10970
- --pf-v5-c-description-list__term--FontSize: var(--pf-v5-global--FontSize--sm);
10971
- --pf-v5-c-description-list__term--LineHeight: var(--pf-v5-global--LineHeight--sm);
10972
- --pf-v5-c-description-list__term-icon--MinWidth: var(--pf-v5-global--icon--FontSize--sm);
10973
- --pf-v5-c-description-list__term-icon--MarginRight: var(--pf-v5-global--spacer--sm);
10974
- --pf-v5-c-description-list__term-icon--Color: var(--pf-v5-global--icon--Color--light);
10992
+ --pf-v5-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
10993
+ --pf-v5-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--sm);
10994
+ --pf-v5-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
10995
+ --pf-v5-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
10996
+ --pf-v5-c-description-list__term-icon--MarginRight: var(--pf-t--global--spacer--sm);
10997
+ --pf-v5-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
10975
10998
  --pf-v5-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-v5-c-description-list--GridTemplateColumns--count));
10976
10999
  --pf-v5-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
10977
11000
  --pf-v5-c-description-list--m-horizontal__term--width: 12ch;
@@ -10983,52 +11006,58 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
10983
11006
  --pf-v5-c-description-list--m-3-col--GridTemplateColumns--count: 3;
10984
11007
  --pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
10985
11008
  --pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--min);
10986
- --pf-v5-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
10987
- --pf-v5-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
11009
+ --pf-v5-c-description-list__text--m-help-text--TextDecorationColor: currentcolor;
11010
+ --pf-v5-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
10988
11011
  --pf-v5-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
10989
- --pf-v5-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
10990
- --pf-v5-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
10991
- --pf-v5-c-description-list--m-display-lg__description--FontSize: var(--pf-v5-global--FontSize--lg);
10992
- --pf-v5-c-description-list--m-display-2xl__description--FontSize: var(--pf-v5-global--FontSize--2xl);
10993
- display: grid;
10994
- grid-template-columns: var(--pf-v5-c-description-list--GridTemplateColumns);
10995
- row-gap: var(--pf-v5-c-description-list--RowGap);
10996
- column-gap: var(--pf-v5-c-description-list--ColumnGap);
10997
- align-items: baseline;
11012
+ --pf-v5-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-t--global--border--color--hover);
11013
+ --pf-v5-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-t--global--border--color--hover);
11014
+ --pf-v5-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
11015
+ --pf-v5-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
11016
+ --pf-v5-c-description-list--m-horizontal__term--width-on-sm: inherit;
11017
+ --pf-v5-c-description-list--m-horizontal__term--width-on-md: inherit;
11018
+ --pf-v5-c-description-list--m-horizontal__term--width-on-lg: inherit;
11019
+ --pf-v5-c-description-list--m-horizontal__term--width-on-xl: inherit;
11020
+ --pf-v5-c-description-list--m-horizontal__term--width-on-2xl: inherit;
11021
+ --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width);
10998
11022
  }
10999
11023
  @media screen and (min-width: 576px) {
11000
- .pf-v5-c-description-list {
11024
+ :where(:root), :where(.pf-v5-c-description-list) {
11001
11025
  --pf-v5-c-description-list__term--Display: var(--pf-v5-c-description-list__term--sm--Display);
11002
11026
  }
11003
11027
  }
11004
- .pf-v5-c-description-list[class*=pf-m-horizontal] {
11005
- --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width);
11006
- }
11007
11028
  @media (min-width: 576px) {
11008
- .pf-v5-c-description-list[class*=pf-m-horizontal] {
11029
+ :where(:root), :where(.pf-v5-c-description-list) {
11009
11030
  --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width));
11010
11031
  }
11011
11032
  }
11012
11033
  @media (min-width: 768px) {
11013
- .pf-v5-c-description-list[class*=pf-m-horizontal] {
11034
+ :where(:root), :where(.pf-v5-c-description-list) {
11014
11035
  --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width)));
11015
11036
  }
11016
11037
  }
11017
11038
  @media (min-width: 992px) {
11018
- .pf-v5-c-description-list[class*=pf-m-horizontal] {
11039
+ :where(:root), :where(.pf-v5-c-description-list) {
11019
11040
  --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width))));
11020
11041
  }
11021
11042
  }
11022
11043
  @media (min-width: 1200px) {
11023
- .pf-v5-c-description-list[class*=pf-m-horizontal] {
11044
+ :where(:root), :where(.pf-v5-c-description-list) {
11024
11045
  --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v5-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width)))));
11025
11046
  }
11026
11047
  }
11027
11048
  @media (min-width: 1450px) {
11028
- .pf-v5-c-description-list[class*=pf-m-horizontal] {
11049
+ :where(:root), :where(.pf-v5-c-description-list) {
11029
11050
  --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width-on-2xl, var(--pf-v5-c-description-list--m-horizontal__term--width-on-xl, var(--pf-v5-c-description-list--m-horizontal__term--width-on-lg, var(--pf-v5-c-description-list--m-horizontal__term--width-on-md, var(--pf-v5-c-description-list--m-horizontal__term--width-on-sm, var(--pf-v5-c-description-list--m-horizontal__term--width))))));
11030
11051
  }
11031
11052
  }
11053
+
11054
+ .pf-v5-c-description-list {
11055
+ display: grid;
11056
+ grid-template-columns: repeat(var(--pf-v5-c-description-list--GridTemplateColumns--count), var(--pf-v5-c-description-list--GridTemplateColumns--width));
11057
+ row-gap: var(--pf-v5-c-description-list--RowGap);
11058
+ column-gap: var(--pf-v5-c-description-list--ColumnGap);
11059
+ align-items: baseline;
11060
+ }
11032
11061
  .pf-v5-c-description-list.pf-m-inline-grid {
11033
11062
  display: inline-grid;
11034
11063
  }
@@ -14998,48 +15027,42 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14998
15027
  padding-inline-end: var(--pf-v5-c-expandable-section__content--PaddingRight);
14999
15028
  }
15000
15029
 
15030
+ :where(:root),
15031
+ :where(.pf-v5-c-file-upload) {
15032
+ --pf-v5-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
15033
+ --pf-v5-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15034
+ --pf-v5-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
15035
+ --pf-v5-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
15036
+ --pf-v5-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
15037
+ --pf-v5-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
15038
+ --pf-v5-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
15039
+ --pf-v5-c-file-upload--BorderColor: transparent;
15040
+ --pf-v5-c-file-upload--BorderStyle: solid;
15041
+ --pf-v5-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
15042
+ --pf-v5-c-file-upload--m-drag-hover--BorderStyle: dashed;
15043
+ --pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
15044
+ --pf-v5-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
15045
+ }
15046
+
15001
15047
  .pf-v5-c-file-upload {
15002
- --pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
15003
- --pf-v5-c-file-upload--m-loading__file-details--before--Left: var(--pf-v5-global--BorderWidth--sm);
15004
- --pf-v5-c-file-upload--m-loading__file-details--before--Right: var(--pf-v5-global--BorderWidth--sm);
15005
- --pf-v5-c-file-upload--m-loading__file-details--before--Bottom: var(--pf-v5-global--BorderWidth--sm);
15006
- --pf-v5-c-file-upload--m-drag-hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
15007
- --pf-v5-c-file-upload--m-drag-hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
15008
- --pf-v5-c-file-upload--m-drag-hover--before--ZIndex: var(--pf-v5-global--ZIndex--xs);
15009
- --pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
15010
- --pf-v5-c-file-upload--m-drag-hover--after--Opacity: .1;
15011
- --pf-v5-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-v5-global--spacer--3xl) * 2);
15012
- --pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
15013
15048
  position: relative;
15014
15049
  display: flex;
15015
15050
  flex-direction: column;
15016
- }
15017
- .pf-v5-c-file-upload.pf-m-drag-hover::before {
15018
- position: absolute;
15019
- inset: 0;
15020
- z-index: var(--pf-v5-c-file-upload--m-drag-hover--before--ZIndex);
15021
- content: "";
15022
- border: var(--pf-v5-c-file-upload--m-drag-hover--before--BorderWidth) solid var(--pf-v5-c-file-upload--m-drag-hover--before--BorderColor);
15023
- }
15024
- .pf-v5-c-file-upload.pf-m-drag-hover::after {
15025
- position: absolute;
15026
- inset: 0;
15027
- content: "";
15028
- background-color: var(--pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor);
15029
- opacity: var(--pf-v5-c-file-upload--m-drag-hover--after--Opacity);
15051
+ row-gap: var(--pf-v5-c-file-upload--RowGap);
15052
+ padding-block-start: var(--pf-v5-c-file-upload--PaddingBlockStart);
15053
+ padding-block-end: var(--pf-v5-c-file-upload--PaddingBlockEnd);
15054
+ padding-inline-start: var(--pf-v5-c-file-upload--PaddingInlineStart);
15055
+ padding-inline-end: var(--pf-v5-c-file-upload--PaddingInlineEnd);
15056
+ border: var(--pf-v5-c-file-upload--BorderWidth) var(--pf-v5-c-file-upload--BorderStyle) var(--pf-v5-c-file-upload--BorderColor);
15057
+ border-radius: var(--pf-v5-c-file-upload--BorderRadius);
15058
+ }
15059
+ .pf-v5-c-file-upload.pf-m-drag-hover {
15060
+ --pf-v5-c-file-upload--BorderColor: var(--pf-v5-c-file-upload--m-drag-hover--BorderColor);
15061
+ --pf-v5-c-file-upload--BorderStyle: var(--pf-v5-c-file-upload--m-drag-hover--BorderStyle);
15030
15062
  }
15031
15063
  .pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details {
15032
15064
  position: relative;
15033
15065
  }
15034
- .pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details::before {
15035
- position: absolute;
15036
- inset-block-start: 0;
15037
- inset-block-end: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
15038
- inset-inline-start: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
15039
- inset-inline-end: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
15040
- content: "";
15041
- background-color: var(--pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor);
15042
- }
15043
15066
 
15044
15067
  .pf-v5-c-file-upload__file-select .pf-v5-c-button.pf-m-control {
15045
15068
  outline-offset: var(--pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset);
@@ -15946,33 +15969,70 @@ select ~ .pf-v5-c-form-control__utilities {
15946
15969
  color: var(--pf-v5-c-helper-text__item-text--Color);
15947
15970
  }
15948
15971
 
15949
- .pf-v5-c-icon {
15972
+ :root,
15973
+ :where(.pf-v5-c-icon) {
15950
15974
  --pf-v5-c-icon--Width: 1em;
15951
15975
  --pf-v5-c-icon--Height: 1em;
15952
- --pf-v5-c-icon--m-sm--Width: var(--pf-v5-global--icon--FontSize--sm);
15953
- --pf-v5-c-icon--m-sm--Height: var(--pf-v5-global--icon--FontSize--sm);
15954
- --pf-v5-c-icon--m-md--Width: var(--pf-v5-global--icon--FontSize--md);
15955
- --pf-v5-c-icon--m-md--Height: var(--pf-v5-global--icon--FontSize--md);
15956
- --pf-v5-c-icon--m-lg--Width: var(--pf-v5-global--icon--FontSize--lg);
15957
- --pf-v5-c-icon--m-lg--Height: var(--pf-v5-global--icon--FontSize--lg);
15958
- --pf-v5-c-icon--m-xl--Width: var(--pf-v5-global--icon--FontSize--xl);
15959
- --pf-v5-c-icon--m-xl--Height: var(--pf-v5-global--icon--FontSize--xl);
15976
+ --pf-v5-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
15977
+ --pf-v5-c-icon--m-sm--Height: var(--pf-t--global--icon--size--sm);
15978
+ --pf-v5-c-icon--m-md--Width: var(--pf-t--global--icon--size--md);
15979
+ --pf-v5-c-icon--m-md--Height: var(--pf-t--global--icon--size--md);
15980
+ --pf-v5-c-icon--m-lg--Width: var(--pf-t--global--icon--size--lg);
15981
+ --pf-v5-c-icon--m-lg--Height: var(--pf-t--global--icon--size--lg);
15982
+ --pf-v5-c-icon--m-xl--Width: var(--pf-t--global--icon--size--xl);
15983
+ --pf-v5-c-icon--m-xl--Height: var(--pf-t--global--icon--size--xl);
15984
+ --pf-v5-c-icon--m-2xl--Width: var(--pf-t--global--icon--size--2xl);
15985
+ --pf-v5-c-icon--m-2xl--Height: var(--pf-t--global--icon--size--2xl);
15986
+ --pf-v5-c-icon--m-3xl--Width: var(--pf-t--global--icon--size--3xl);
15987
+ --pf-v5-c-icon--m-3xl--Height: var(--pf-t--global--icon--size--3xl);
15988
+ --pf-v5-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--body--sm);
15989
+ --pf-v5-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--body--sm);
15990
+ --pf-v5-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--body--default);
15991
+ --pf-v5-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--body--default);
15992
+ --pf-v5-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--body--lg);
15993
+ --pf-v5-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--body--lg);
15994
+ --pf-v5-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--heading--h6);
15995
+ --pf-v5-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--heading--h6);
15996
+ --pf-v5-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--heading--h5);
15997
+ --pf-v5-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--heading--h5);
15998
+ --pf-v5-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--heading--h4);
15999
+ --pf-v5-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--heading--h4);
16000
+ --pf-v5-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--heading--h3);
16001
+ --pf-v5-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--heading--h3);
16002
+ --pf-v5-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--heading--h2);
16003
+ --pf-v5-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--heading--h2);
16004
+ --pf-v5-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--heading--h1);
16005
+ --pf-v5-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--heading--h1);
15960
16006
  --pf-v5-c-icon--m-inline--Width: 1em;
15961
16007
  --pf-v5-c-icon--m-inline--Height: 1em;
15962
16008
  --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
15963
16009
  --pf-v5-c-icon__content--Color: initial;
15964
- --pf-v5-c-icon__content--m-danger--Color: var(--pf-v5-global--danger-color--100);
15965
- --pf-v5-c-icon__content--m-warning--Color: var(--pf-v5-global--warning-color--100);
15966
- --pf-v5-c-icon__content--m-success--Color: var(--pf-v5-global--success-color--100);
15967
- --pf-v5-c-icon__content--m-info--Color: var(--pf-v5-global--info-color--100);
15968
- --pf-v5-c-icon__content--m-custom--Color: var(--pf-v5-global--custom-color--100);
16010
+ --pf-v5-c-icon__content--m-danger--Color: var(--pf-t--global--color--status--danger--default);
16011
+ --pf-v5-c-icon__content--m-warning--Color: var(--pf-t--global--color--status--warning--default);
16012
+ --pf-v5-c-icon__content--m-success--Color: var(--pf-t--global--color--status--success--default);
16013
+ --pf-v5-c-icon__content--m-info--Color: var(--pf-t--global--color--status--info--default);
16014
+ --pf-v5-c-icon__content--m-custom--Color: var(--pf-t--global--color--status--custom--default);
15969
16015
  --pf-v5-c-icon--m-inline__content--Color: initial;
15970
16016
  --pf-v5-c-icon__content--FontSize: 1em;
15971
- --pf-v5-c-icon--m-sm__content--FontSize: var(--pf-v5-global--icon--FontSize--sm);
15972
- --pf-v5-c-icon--m-md__content--FontSize: var(--pf-v5-global--icon--FontSize--md);
15973
- --pf-v5-c-icon--m-lg__content--FontSize: var(--pf-v5-global--icon--FontSize--lg);
15974
- --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-v5-global--icon--FontSize--xl);
16017
+ --pf-v5-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
16018
+ --pf-v5-c-icon--m-md__content--FontSize: var(--pf-t--global--icon--size--md);
16019
+ --pf-v5-c-icon--m-lg__content--FontSize: var(--pf-t--global--icon--size--lg);
16020
+ --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-t--global--icon--size--xl);
16021
+ --pf-v5-c-icon--m-2xl__content--FontSize: var(--pf-t--global--icon--size--2xl);
16022
+ --pf-v5-c-icon--m-3xl__content--FontSize: var(--pf-t--global--icon--size--3xl);
16023
+ --pf-v5-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--body--sm);
16024
+ --pf-v5-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--body--default);
16025
+ --pf-v5-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--body--lg);
16026
+ --pf-v5-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--heading--h6);
16027
+ --pf-v5-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--heading--h5);
16028
+ --pf-v5-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--heading--h4);
16029
+ --pf-v5-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--heading--h3);
16030
+ --pf-v5-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--heading--h2);
16031
+ --pf-v5-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--heading--h1);
15975
16032
  --pf-v5-c-icon--m-inline__content--FontSize: 1em;
16033
+ }
16034
+
16035
+ .pf-v5-c-icon {
15976
16036
  position: relative;
15977
16037
  display: inline-flex;
15978
16038
  align-items: center;
@@ -16010,6 +16070,61 @@ select ~ .pf-v5-c-form-control__utilities {
16010
16070
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-xl--Height);
16011
16071
  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
16012
16072
  }
16073
+ .pf-v5-c-icon.pf-m-2xl {
16074
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-2xl--Width);
16075
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-2xl--Height);
16076
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-2xl__content--FontSize);
16077
+ }
16078
+ .pf-v5-c-icon.pf-m-3xl {
16079
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-3xl--Width);
16080
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-3xl--Height);
16081
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-3xl__content--FontSize);
16082
+ }
16083
+ .pf-v5-c-icon.pf-m-body-sm {
16084
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-body-sm--Width);
16085
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-body-sm--Height);
16086
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-body-sm__content--FontSize);
16087
+ }
16088
+ .pf-v5-c-icon.pf-m-body-default {
16089
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-body-default--Width);
16090
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-body-default--Height);
16091
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-body-default__content--FontSize);
16092
+ }
16093
+ .pf-v5-c-icon.pf-m-body-lg {
16094
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-body-lg--Width);
16095
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-body-lg--Height);
16096
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
16097
+ }
16098
+ .pf-v5-c-icon.pf-m-heading-sm {
16099
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-sm--Width);
16100
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-sm--Height);
16101
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-sm__content--FontSize);
16102
+ }
16103
+ .pf-v5-c-icon.pf-m-heading-md {
16104
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-md--Width);
16105
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-md--Height);
16106
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-md__content--FontSize);
16107
+ }
16108
+ .pf-v5-c-icon.pf-m-heading-lg {
16109
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-lg--Width);
16110
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-lg--Height);
16111
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-lg__content--FontSize);
16112
+ }
16113
+ .pf-v5-c-icon.pf-m-heading-xl {
16114
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-xl--Width);
16115
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-xl--Height);
16116
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-xl__content--FontSize);
16117
+ }
16118
+ .pf-v5-c-icon.pf-m-heading-2xl {
16119
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-2xl--Width);
16120
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-2xl--Height);
16121
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-2xl__content--FontSize);
16122
+ }
16123
+ .pf-v5-c-icon.pf-m-heading-3xl {
16124
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-3xl--Width);
16125
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-3xl--Height);
16126
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-3xl__content--FontSize);
16127
+ }
16013
16128
  .pf-v5-c-icon.pf-m-in-progress {
16014
16129
  --pf-v5-c-icon__content--Opacity: 0;
16015
16130
  --pf-v5-c-icon__progress--Opacity: 1;
@@ -16039,6 +16154,50 @@ select ~ .pf-v5-c-form-control__utilities {
16039
16154
  .pf-v5-c-icon__progress.pf-m-xl {
16040
16155
  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
16041
16156
  }
16157
+ .pf-v5-c-icon__content.pf-m-2xl,
16158
+ .pf-v5-c-icon__progress.pf-m-2xl {
16159
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-2xl__content--FontSize);
16160
+ }
16161
+ .pf-v5-c-icon__content.pf-m-3xl,
16162
+ .pf-v5-c-icon__progress.pf-m-3xl {
16163
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-3xl__content--FontSize);
16164
+ }
16165
+ .pf-v5-c-icon__content.pf-m-body-sm,
16166
+ .pf-v5-c-icon__progress.pf-m-body-sm {
16167
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-body-sm__content--FontSize);
16168
+ }
16169
+ .pf-v5-c-icon__content.pf-m-body-default,
16170
+ .pf-v5-c-icon__progress.pf-m-body-default {
16171
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md__content--FontSize);
16172
+ }
16173
+ .pf-v5-c-icon__content.pf-m-body-lg,
16174
+ .pf-v5-c-icon__progress.pf-m-body-lg {
16175
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
16176
+ }
16177
+ .pf-v5-c-icon__content.pf-m-heading-sm,
16178
+ .pf-v5-c-icon__progress.pf-m-heading-sm {
16179
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-sm__content--FontSize);
16180
+ }
16181
+ .pf-v5-c-icon__content.pf-m-heading-md,
16182
+ .pf-v5-c-icon__progress.pf-m-heading-md {
16183
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-md__content--FontSize);
16184
+ }
16185
+ .pf-v5-c-icon__content.pf-m-heading-lg,
16186
+ .pf-v5-c-icon__progress.pf-m-heading-lg {
16187
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-lg__content--FontSize);
16188
+ }
16189
+ .pf-v5-c-icon__content.pf-m-heading-xl,
16190
+ .pf-v5-c-icon__progress.pf-m-heading-xl {
16191
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-xl__content--FontSize);
16192
+ }
16193
+ .pf-v5-c-icon__content.pf-m-heading-2xl,
16194
+ .pf-v5-c-icon__progress.pf-m-heading-2xl {
16195
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-2xl__content--FontSize);
16196
+ }
16197
+ .pf-v5-c-icon__content.pf-m-heading-3xl,
16198
+ .pf-v5-c-icon__progress.pf-m-heading-3xl {
16199
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-3xl__content--FontSize);
16200
+ }
16042
16201
 
16043
16202
  .pf-v5-c-icon__content {
16044
16203
  color: var(--pf-v5-c-icon__content--Color, inherit);
@@ -16488,149 +16647,227 @@ label.pf-v5-c-input-group__text {
16488
16647
  color: var(--pf-v5-c-jump-links__toggle-text--Color);
16489
16648
  }
16490
16649
 
16491
- .pf-v5-c-label {
16492
- --pf-v5-c-label--PaddingTop: var(--pf-v5-global--spacer--xs);
16493
- --pf-v5-c-label--PaddingRight: var(--pf-v5-global--spacer--sm);
16494
- --pf-v5-c-label--PaddingBottom: var(--pf-v5-global--spacer--xs);
16495
- --pf-v5-c-label--PaddingLeft: var(--pf-v5-global--spacer--sm);
16650
+ .pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-menu, .pf-v5-t-light, .pf-v5-c-calendar-month, .pf-v5-c-chip, .pf-v5-c-chip-group, .pf-v5-c-context-selector__menu {
16651
+ --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
16652
+ --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
16653
+ --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
16654
+ --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
16655
+ --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
16656
+ --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
16657
+ --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
16658
+ --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
16659
+ --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
16660
+ }
16661
+
16662
+ .pf-v5-c-wizard__header, .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main, .pf-v5-t-dark {
16663
+ --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
16664
+ --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
16665
+ --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
16666
+ --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--light-100);
16667
+ --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--light);
16668
+ --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
16669
+ --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
16670
+ --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
16671
+ --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
16672
+ }
16673
+ .pf-v5-c-wizard__header .pf-v5-c-button, .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector .pf-v5-c-button, .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button, .pf-v5-t-dark .pf-v5-c-button {
16674
+ --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
16675
+ }
16676
+
16677
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > *, .pf-v5-c-page__header-tools-item, .pf-v5-c-page__header-tools-group, .pf-v5-c-menu__group, .pf-v5-c-menu__list-item, .pf-v5-c-menu__list, .pf-v5-c-data-list__item-action, .pf-v5-c-toolbar__group, .pf-v5-c-toolbar__item, .pf-v5-c-toolbar__content, .pf-v5-c-toolbar__content-section, .pf-v5-c-divider {
16678
+ --pf-v5-hidden-visible--hidden--Display: none;
16679
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16680
+ display: var(--pf-v5-hidden-visible--Display);
16681
+ }
16682
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden, .pf-m-hidden.pf-v5-c-page__header-tools-item, .pf-m-hidden.pf-v5-c-page__header-tools-group, .pf-m-hidden.pf-v5-c-menu__group, .pf-m-hidden.pf-v5-c-menu__list-item, .pf-m-hidden.pf-v5-c-menu__list, .pf-m-hidden.pf-v5-c-data-list__item-action, .pf-m-hidden.pf-v5-c-toolbar__group, .pf-m-hidden.pf-v5-c-toolbar__item, .pf-m-hidden.pf-v5-c-toolbar__content, .pf-m-hidden.pf-v5-c-toolbar__content-section, .pf-m-hidden.pf-v5-c-divider {
16683
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16684
+ }
16685
+ @media screen and (min-width: 576px) {
16686
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-sm, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-sm.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-sm.pf-v5-c-menu__group, .pf-m-hidden-on-sm.pf-v5-c-menu__list-item, .pf-m-hidden-on-sm.pf-v5-c-menu__list, .pf-m-hidden-on-sm.pf-v5-c-data-list__item-action, .pf-m-hidden-on-sm.pf-v5-c-toolbar__group, .pf-m-hidden-on-sm.pf-v5-c-toolbar__item, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content, .pf-m-hidden-on-sm.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-sm.pf-v5-c-divider {
16687
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16688
+ }
16689
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-sm, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-item, .pf-m-visible-on-sm.pf-v5-c-page__header-tools-group, .pf-m-visible-on-sm.pf-v5-c-menu__group, .pf-m-visible-on-sm.pf-v5-c-menu__list-item, .pf-m-visible-on-sm.pf-v5-c-menu__list, .pf-m-visible-on-sm.pf-v5-c-data-list__item-action, .pf-m-visible-on-sm.pf-v5-c-toolbar__group, .pf-m-visible-on-sm.pf-v5-c-toolbar__item, .pf-m-visible-on-sm.pf-v5-c-toolbar__content, .pf-m-visible-on-sm.pf-v5-c-toolbar__content-section, .pf-m-visible-on-sm.pf-v5-c-divider {
16690
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16691
+ }
16692
+ }
16693
+ @media screen and (min-width: 768px) {
16694
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-md, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-md.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-md.pf-v5-c-menu__group, .pf-m-hidden-on-md.pf-v5-c-menu__list-item, .pf-m-hidden-on-md.pf-v5-c-menu__list, .pf-m-hidden-on-md.pf-v5-c-data-list__item-action, .pf-m-hidden-on-md.pf-v5-c-toolbar__group, .pf-m-hidden-on-md.pf-v5-c-toolbar__item, .pf-m-hidden-on-md.pf-v5-c-toolbar__content, .pf-m-hidden-on-md.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-md.pf-v5-c-divider {
16695
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16696
+ }
16697
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-md, .pf-m-visible-on-md.pf-v5-c-page__header-tools-item, .pf-m-visible-on-md.pf-v5-c-page__header-tools-group, .pf-m-visible-on-md.pf-v5-c-menu__group, .pf-m-visible-on-md.pf-v5-c-menu__list-item, .pf-m-visible-on-md.pf-v5-c-menu__list, .pf-m-visible-on-md.pf-v5-c-data-list__item-action, .pf-m-visible-on-md.pf-v5-c-toolbar__group, .pf-m-visible-on-md.pf-v5-c-toolbar__item, .pf-m-visible-on-md.pf-v5-c-toolbar__content, .pf-m-visible-on-md.pf-v5-c-toolbar__content-section, .pf-m-visible-on-md.pf-v5-c-divider {
16698
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16699
+ }
16700
+ }
16701
+ @media screen and (min-width: 992px) {
16702
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-lg, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-lg.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-lg.pf-v5-c-menu__group, .pf-m-hidden-on-lg.pf-v5-c-menu__list-item, .pf-m-hidden-on-lg.pf-v5-c-menu__list, .pf-m-hidden-on-lg.pf-v5-c-data-list__item-action, .pf-m-hidden-on-lg.pf-v5-c-toolbar__group, .pf-m-hidden-on-lg.pf-v5-c-toolbar__item, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content, .pf-m-hidden-on-lg.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-lg.pf-v5-c-divider {
16703
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16704
+ }
16705
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-lg, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-item, .pf-m-visible-on-lg.pf-v5-c-page__header-tools-group, .pf-m-visible-on-lg.pf-v5-c-menu__group, .pf-m-visible-on-lg.pf-v5-c-menu__list-item, .pf-m-visible-on-lg.pf-v5-c-menu__list, .pf-m-visible-on-lg.pf-v5-c-data-list__item-action, .pf-m-visible-on-lg.pf-v5-c-toolbar__group, .pf-m-visible-on-lg.pf-v5-c-toolbar__item, .pf-m-visible-on-lg.pf-v5-c-toolbar__content, .pf-m-visible-on-lg.pf-v5-c-toolbar__content-section, .pf-m-visible-on-lg.pf-v5-c-divider {
16706
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16707
+ }
16708
+ }
16709
+ @media screen and (min-width: 1200px) {
16710
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-xl, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-xl.pf-v5-c-menu__group, .pf-m-hidden-on-xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-xl.pf-v5-c-menu__list, .pf-m-hidden-on-xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-xl.pf-v5-c-toolbar__group, .pf-m-hidden-on-xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-xl.pf-v5-c-divider {
16711
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16712
+ }
16713
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-xl, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-xl.pf-v5-c-menu__group, .pf-m-visible-on-xl.pf-v5-c-menu__list-item, .pf-m-visible-on-xl.pf-v5-c-menu__list, .pf-m-visible-on-xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-xl.pf-v5-c-toolbar__group, .pf-m-visible-on-xl.pf-v5-c-toolbar__item, .pf-m-visible-on-xl.pf-v5-c-toolbar__content, .pf-m-visible-on-xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-xl.pf-v5-c-divider {
16714
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16715
+ }
16716
+ }
16717
+ @media screen and (min-width: 1450px) {
16718
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-hidden-on-2xl, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-hidden-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-hidden-on-2xl.pf-v5-c-menu__group, .pf-m-hidden-on-2xl.pf-v5-c-menu__list-item, .pf-m-hidden-on-2xl.pf-v5-c-menu__list, .pf-m-hidden-on-2xl.pf-v5-c-data-list__item-action, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__group, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__item, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content, .pf-m-hidden-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-hidden-on-2xl.pf-v5-c-divider {
16719
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16720
+ }
16721
+ .pf-v5-c-table tr:where(.pf-v5-c-table__tr) > .pf-m-visible-on-2xl, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-item, .pf-m-visible-on-2xl.pf-v5-c-page__header-tools-group, .pf-m-visible-on-2xl.pf-v5-c-menu__group, .pf-m-visible-on-2xl.pf-v5-c-menu__list-item, .pf-m-visible-on-2xl.pf-v5-c-menu__list, .pf-m-visible-on-2xl.pf-v5-c-data-list__item-action, .pf-m-visible-on-2xl.pf-v5-c-toolbar__group, .pf-m-visible-on-2xl.pf-v5-c-toolbar__item, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content, .pf-m-visible-on-2xl.pf-v5-c-toolbar__content-section, .pf-m-visible-on-2xl.pf-v5-c-divider {
16722
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16723
+ }
16724
+ }
16725
+
16726
+ .pf-v5-c-number-input .pf-v5-c-form-control > :is(input), .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input) {
16727
+ appearance: textfield;
16728
+ }
16729
+ .pf-v5-c-number-input .pf-v5-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v5-c-number-input .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button {
16730
+ margin: 0;
16731
+ appearance: none;
16732
+ }
16733
+
16734
+ :where(:root),
16735
+ :where(.pf-v5-c-label) {
16736
+ --pf-v5-c-label--PaddingTop: var(--pf-t--global--spacer--xs);
16737
+ --pf-v5-c-label--PaddingRight: var(--pf-t--global--spacer--sm);
16738
+ --pf-v5-c-label--PaddingBottom: var(--pf-t--global--spacer--xs);
16739
+ --pf-v5-c-label--PaddingLeft: var(--pf-t--global--spacer--sm);
16496
16740
  --pf-v5-c-label--MaxWidth: 100%;
16497
- --pf-v5-c-label--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
16498
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-global--palette--black-150);
16499
- --pf-v5-c-label--Color: var(--pf-v5-global--Color--100);
16500
- --pf-v5-c-label--FontSize: var(--pf-v5-global--FontSize--sm);
16501
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
16502
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16503
- --pf-v5-c-label--m-outline--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
16504
- --pf-v5-c-label--m-outline__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
16505
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16506
- --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
16507
- --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
16508
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--200);
16509
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--200);
16510
- --pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
16511
- --pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
16512
- --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16513
- --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16514
- --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-v5-global--palette--blue-50);
16515
- --pf-v5-c-label--m-blue__icon--Color: var(--pf-v5-global--primary-color--100);
16516
- --pf-v5-c-label--m-blue__content--Color: var(--pf-v5-global--info-color--200);
16517
- --pf-v5-c-label--m-blue__content--before--BorderColor: var(--pf-v5-global--palette--blue-100);
16518
- --pf-v5-c-label--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
16519
- --pf-v5-c-label--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--primary-color--100);
16520
- --pf-v5-c-label--m-outline--m-blue__content--Color: var(--pf-v5-global--primary-color--100);
16521
- --pf-v5-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16522
- --pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16523
- --pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16524
- --pf-v5-c-label--m-green--BackgroundColor: var(--pf-v5-global--palette--green-50);
16525
- --pf-v5-c-label--m-green__icon--Color: var(--pf-v5-global--success-color--100);
16526
- --pf-v5-c-label--m-green__content--Color: var(--pf-v5-global--success-color--200);
16527
- --pf-v5-c-label--m-green__content--before--BorderColor: var(--pf-v5-global--palette--green-100);
16528
- --pf-v5-c-label--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--success-color--100);
16529
- --pf-v5-c-label--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--success-color--100);
16530
- --pf-v5-c-label--m-outline--m-green__content--Color: var(--pf-v5-global--success-color--100);
16531
- --pf-v5-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16532
- --pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16533
- --pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16534
- --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-v5-global--palette--orange-50);
16535
- --pf-v5-c-label--m-orange__icon--Color: var(--pf-v5-global--palette--orange-300);
16536
- --pf-v5-c-label--m-orange__content--Color: var(--pf-v5-global--palette--orange-700);
16537
- --pf-v5-c-label--m-orange__content--before--BorderColor: var(--pf-v5-global--palette--orange-100);
16538
- --pf-v5-c-label--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--orange-300);
16539
- --pf-v5-c-label--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--orange-300);
16540
- --pf-v5-c-label--m-outline--m-orange__content--Color: var(--pf-v5-global--palette--orange-500);
16541
- --pf-v5-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16542
- --pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16543
- --pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16544
- --pf-v5-c-label--m-red--BackgroundColor: var(--pf-v5-global--palette--red-50);
16545
- --pf-v5-c-label--m-red__icon--Color: var(--pf-v5-global--danger-color--100);
16546
- --pf-v5-c-label--m-red__content--Color: var(--pf-v5-global--palette--red-300);
16547
- --pf-v5-c-label--m-red__content--before--BorderColor: var(--pf-v5-global--palette--red-100);
16548
- --pf-v5-c-label--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--danger-color--100);
16549
- --pf-v5-c-label--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--danger-color--100);
16550
- --pf-v5-c-label--m-outline--m-red__content--Color: var(--pf-v5-global--danger-color--100);
16551
- --pf-v5-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16552
- --pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16553
- --pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16554
- --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-v5-global--palette--purple-50);
16555
- --pf-v5-c-label--m-purple__icon--Color: var(--pf-v5-global--palette--purple-500);
16556
- --pf-v5-c-label--m-purple__content--Color: var(--pf-v5-global--palette--purple-700);
16557
- --pf-v5-c-label--m-purple__content--before--BorderColor: var(--pf-v5-global--palette--purple-100);
16558
- --pf-v5-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-500);
16559
- --pf-v5-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-500);
16560
- --pf-v5-c-label--m-outline--m-purple__content--Color: var(--pf-v5-global--palette--purple-500);
16561
- --pf-v5-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16562
- --pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16563
- --pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16564
- --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-v5-global--palette--cyan-50);
16565
- --pf-v5-c-label--m-cyan__icon--Color: var(--pf-v5-global--custom-color--200);
16566
- --pf-v5-c-label--m-cyan__content--Color: var(--pf-v5-global--custom-color--300);
16567
- --pf-v5-c-label--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
16568
- --pf-v5-c-label--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--custom-color--200);
16569
- --pf-v5-c-label--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--custom-color--200);
16570
- --pf-v5-c-label--m-outline--m-cyan__content--Color: var(--pf-v5-global--palette--cyan-400);
16571
- --pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16572
- --pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16573
- --pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16574
- --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--palette--gold-50);
16575
- --pf-v5-c-label--m-gold__icon--Color: var(--pf-v5-global--palette--gold-400);
16576
- --pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-700);
16577
- --pf-v5-c-label--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
16578
- --pf-v5-c-label--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-300);
16579
- --pf-v5-c-label--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-300);
16580
- --pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-600);
16581
- --pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16582
- --pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16583
- --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16584
- --pf-v5-c-label--m-overflow__content--Color: var(--pf-v5-global--link--Color);
16585
- --pf-v5-c-label--m-overflow__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
16586
- --pf-v5-c-label--m-overflow__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
16587
- --pf-v5-c-label--m-overflow__content--before--BorderColor: var(--pf-v5-global--BorderColor--300);
16588
- --pf-v5-c-label--m-overflow__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
16589
- --pf-v5-c-label--m-overflow__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--300);
16590
- --pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
16591
- --pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--300);
16741
+ --pf-v5-c-label--BorderWidth: 0;
16742
+ --pf-v5-c-label--BorderColor: transparent;
16743
+ --pf-v5-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
16744
+ --pf-v5-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
16745
+ --pf-v5-c-label--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gray--default);
16746
+ --pf-v5-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
16747
+ --pf-v5-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
16748
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gray--hover);
16749
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
16750
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
16751
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gray--default);
16752
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gray--hover);
16753
+ --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-t--global--border--color--nonstatus--blue--default);
16754
+ --pf-v5-c-label--m-blue--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
16755
+ --pf-v5-c-label--m-blue__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
16756
+ --pf-v5-c-label--m-blue--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--blue--hover);
16757
+ --pf-v5-c-label--m-blue--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-blue--hover);
16758
+ --pf-v5-c-label--m-blue--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--hover);
16759
+ --pf-v5-c-label--m-blue--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
16760
+ --pf-v5-c-label--m-blue--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--hover);
16761
+ --pf-v5-c-label--m-red--BackgroundColor: var(--pf-t--global--border--color--nonstatus--red--default);
16762
+ --pf-v5-c-label--m-red--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
16763
+ --pf-v5-c-label--m-red__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
16764
+ --pf-v5-c-label--m-red--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--red--hover);
16765
+ --pf-v5-c-label--m-red--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-red--hover);
16766
+ --pf-v5-c-label--m-red--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-red--hover);
16767
+ --pf-v5-c-label--m-red--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
16768
+ --pf-v5-c-label--m-red--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--red--hover);
16769
+ --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orange--default);
16770
+ --pf-v5-c-label--m-orange--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
16771
+ --pf-v5-c-label--m-orange__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
16772
+ --pf-v5-c-label--m-orange--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orange--hover);
16773
+ --pf-v5-c-label--m-orange--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-orange--hover);
16774
+ --pf-v5-c-label--m-orange--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--hover);
16775
+ --pf-v5-c-label--m-orange--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
16776
+ --pf-v5-c-label--m-orange--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--hover);
16777
+ --pf-v5-c-label--m-orangered--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
16778
+ --pf-v5-c-label--m-orangered--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
16779
+ --pf-v5-c-label--m-orangered__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
16780
+ --pf-v5-c-label--m-orangered--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
16781
+ --pf-v5-c-label--m-orangered--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--hover);
16782
+ --pf-v5-c-label--m-orangered--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--hover);
16783
+ --pf-v5-c-label--m-orangered--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
16784
+ --pf-v5-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
16785
+ --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gold--default);
16786
+ --pf-v5-c-label--m-gold--Color: var(--pf-t--global--text--color--nonstatus--on-gold--default);
16787
+ --pf-v5-c-label--m-gold__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--default);
16788
+ --pf-v5-c-label--m-gold--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gold--hover);
16789
+ --pf-v5-c-label--m-gold--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gold--hover);
16790
+ --pf-v5-c-label--m-gold--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--hover);
16791
+ --pf-v5-c-label--m-gold--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--default);
16792
+ --pf-v5-c-label--m-gold--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--hover);
16793
+ --pf-v5-c-label--m-green--BackgroundColor: var(--pf-t--global--border--color--nonstatus--green--default);
16794
+ --pf-v5-c-label--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
16795
+ --pf-v5-c-label--m-green__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
16796
+ --pf-v5-c-label--m-green--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--green--hover);
16797
+ --pf-v5-c-label--m-green--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-green--hover);
16798
+ --pf-v5-c-label--m-green--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--hover);
16799
+ --pf-v5-c-label--m-green--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
16800
+ --pf-v5-c-label--m-green--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--green--hover);
16801
+ --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-t--global--border--color--nonstatus--cyan--default);
16802
+ --pf-v5-c-label--m-cyan--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--default);
16803
+ --pf-v5-c-label--m-cyan__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--default);
16804
+ --pf-v5-c-label--m-cyan--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--cyan--hover);
16805
+ --pf-v5-c-label--m-cyan--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--hover);
16806
+ --pf-v5-c-label--m-cyan--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--hover);
16807
+ --pf-v5-c-label--m-cyan--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--default);
16808
+ --pf-v5-c-label--m-cyan--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--hover);
16809
+ --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-t--global--border--color--nonstatus--purple--default);
16810
+ --pf-v5-c-label--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
16811
+ --pf-v5-c-label--m-purple__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
16812
+ --pf-v5-c-label--m-purple--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--purple--hover);
16813
+ --pf-v5-c-label--m-purple--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-purple--hover);
16814
+ --pf-v5-c-label--m-purple--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--hover);
16815
+ --pf-v5-c-label--m-purple--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
16816
+ --pf-v5-c-label--m-purple--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--hover);
16817
+ --pf-v5-c-label--m-clickable--hover--BorderWidth: 0;
16818
+ --pf-v5-c-label--m-clickable--hover--BorderColor: transparent;
16819
+ --pf-v5-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
16820
+ --pf-v5-c-label--m-outline--BackgroundColor: transparent;
16821
+ --pf-v5-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
16822
+ --pf-v5-c-label--m-outline__icon--Color: var(--pf-t--global--icon--color--regular);
16823
+ --pf-v5-c-label--m-outline--m-clickable--hover--BackgroundColor: transparent;
16824
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
16825
+ --pf-v5-c-label--m-outline--m-clickable--hover--Color: var(--pf-t--global--text--color--regular);
16826
+ --pf-v5-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
16827
+ --pf-v5-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
16828
+ --pf-v5-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
16829
+ --pf-v5-c-label--m-overflow--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
16830
+ --pf-v5-c-label--m-overflow--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
16831
+ --pf-v5-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
16832
+ --pf-v5-c-label--m-add--BackgroundColor: transparent;
16833
+ --pf-v5-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
16834
+ --pf-v5-c-label--m-add--BorderWidth: var(--pf-t--global--border--width--button--default);
16835
+ --pf-v5-c-label--m-add--hover--Color: var(--pf-t--global--text--color--brand--hover);
16836
+ --pf-v5-c-label--m-add--hover--BackgroundColor: transparent;
16837
+ --pf-v5-c-label--m-add--hover--BorderColor: var(--pf-t--global--border--color--hover);
16838
+ --pf-v5-c-label--m-add--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
16592
16839
  --pf-v5-c-label--m-compact--PaddingTop: 0;
16593
- --pf-v5-c-label--m-compact--PaddingRight: var(--pf-v5-global--spacer--sm);
16840
+ --pf-v5-c-label--m-compact--PaddingRight: var(--pf-t--global--spacer--sm);
16594
16841
  --pf-v5-c-label--m-compact--PaddingBottom: 0;
16595
- --pf-v5-c-label--m-compact--PaddingLeft: var(--pf-v5-global--spacer--sm);
16596
- --pf-v5-c-label--m-compact--FontSize: var(--pf-v5-global--FontSize--xs);
16842
+ --pf-v5-c-label--m-compact--PaddingLeft: var(--pf-t--global--spacer--sm);
16843
+ --pf-v5-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
16597
16844
  --pf-v5-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
16598
- --pf-v5-c-label__content--Color: var(--pf-v5-global--Color--100);
16599
- --pf-v5-c-label__content--BackgroundColor: transparent;
16600
16845
  --pf-v5-c-label__content--MaxWidth: 100%;
16601
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-global--Color--100);
16602
- --pf-v5-c-label--m-editable__content--MaxWidth: 16ch;
16846
+ --pf-v5-c-label__content--Gap: var(--pf-t--global--spacer--xs);
16847
+ --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--body--sm);
16603
16848
  --pf-v5-c-label__text--MaxWidth: 100%;
16604
- --pf-v5-c-label__icon--Color: var(--pf-v5-global--Color--100);
16605
- --pf-v5-c-label__icon--MarginRight: var(--pf-v5-global--spacer--xs);
16606
- --pf-v5-c-label__actions--FontSize: var(--pf-v5-global--FontSize--xs);
16607
16849
  --pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
16608
- --pf-v5-c-label__actions--c-button--FontSize: var(--pf-v5-global--FontSize--xs);
16850
+ --pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
16851
+ --pf-v5-c-label__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
16852
+ --pf-v5-c-label__actions--c-button--OutlineOffset: -0.1875rem;
16609
16853
  --pf-v5-c-label__actions--c-button--MarginTop: calc(var(--pf-v5-c-label__actions--c-button--PaddingTop) * -1);
16610
16854
  --pf-v5-c-label__actions--c-button--MarginBottom: calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom) * -1);
16611
- --pf-v5-c-label__actions--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
16612
- --pf-v5-c-label__actions--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
16613
- --pf-v5-c-label__actions--c-button--PaddingBottom: var(--pf-v5-global--spacer--xs);
16614
- --pf-v5-c-label__actions--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
16615
- --pf-v5-c-label--m-editable--Cursor: pointer;
16855
+ --pf-v5-c-label__actions--c-button--PaddingTop: var(--pf-t--global--spacer--xs);
16856
+ --pf-v5-c-label__actions--c-button--PaddingRight: var(--pf-t--global--spacer--xs);
16857
+ --pf-v5-c-label__actions--c-button--PaddingBottom: var(--pf-t--global--spacer--xs);
16858
+ --pf-v5-c-label__actions--c-button--PaddingLeft: var(--pf-t--global--spacer--xs);
16616
16859
  --pf-v5-c-label--m-editable--TextDecoration: underline;
16617
16860
  --pf-v5-c-label--m-editable--TextDecorationStyle: dashed;
16618
- --pf-v5-c-label--m-editable--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
16861
+ --pf-v5-c-label--m-editable--TextDecorationThickness: var(--pf-t--global--border--width--regular);
16619
16862
  --pf-v5-c-label--m-editable--TextDecorationOffset: 0.25rem;
16620
- --pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
16621
- --pf-v5-c-label--m-editable--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
16622
- --pf-v5-c-label--m-editable--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
16623
- --pf-v5-c-label--m-editable__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
16624
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16625
- --pf-v5-c-label--m-editable__content--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
16626
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16627
- --pf-v5-c-label--m-editable__content--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
16628
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16629
- --pf-v5-c-label--m-editable--m-editable-active--Cursor: auto;
16863
+ --pf-v5-c-label--m-editable--TextDecorationColor: currentcolor;
16864
+ --pf-v5-c-label--m-editable__content--MaxWidth: 16ch;
16630
16865
  --pf-v5-c-label--m-editable--m-editable-active--TextDecoration: none;
16631
16866
  --pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
16632
- --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
16633
- --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
16867
+ --pf-v5-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
16868
+ }
16869
+
16870
+ .pf-v5-c-label {
16634
16871
  position: relative;
16635
16872
  max-width: var(--pf-v5-c-label--MaxWidth);
16636
16873
  padding-block-start: var(--pf-v5-c-label--PaddingTop);
@@ -16638,184 +16875,165 @@ label.pf-v5-c-input-group__text {
16638
16875
  padding-inline-start: var(--pf-v5-c-label--PaddingLeft);
16639
16876
  padding-inline-end: var(--pf-v5-c-label--PaddingRight);
16640
16877
  font-size: var(--pf-v5-c-label--FontSize);
16641
- color: var(--pf-v5-c-label--Color);
16642
16878
  white-space: nowrap;
16643
- background-color: var(--pf-v5-c-label--BackgroundColor);
16879
+ isolation: isolate;
16644
16880
  border: 0;
16645
16881
  border-radius: var(--pf-v5-c-label--BorderRadius);
16646
16882
  }
16647
- .pf-v5-c-label.pf-m-compact {
16648
- --pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
16649
- --pf-v5-c-label--PaddingRight: var(--pf-v5-c-label--m-compact--PaddingRight);
16650
- --pf-v5-c-label--PaddingBottom: var(--pf-v5-c-label--m-compact--PaddingBottom);
16651
- --pf-v5-c-label--PaddingLeft: var(--pf-v5-c-label--m-compact--PaddingLeft);
16652
- --pf-v5-c-label--FontSize: var(--pf-v5-c-label--m-compact--FontSize);
16653
- --pf-v5-c-label--m-editable--TextDecorationOffset: var(--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset);
16654
- }
16655
16883
  .pf-v5-c-label.pf-m-blue {
16656
16884
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-blue--BackgroundColor);
16885
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-blue--Color);
16657
16886
  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-blue__icon--Color);
16658
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-blue__content--Color);
16659
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
16660
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-blue__content--link--hover--before--BorderColor);
16661
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-blue__content--link--focus--before--BorderColor);
16662
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-blue__content--Color);
16663
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-blue__content--before--BorderColor);
16664
- --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor);
16665
- --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor);
16666
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
16667
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
16668
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
16887
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-blue--m-clickable--hover--BackgroundColor);
16888
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-blue--m-clickable--hover--Color);
16889
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-blue--m-clickable--hover__icon--Color);
16890
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-blue--m-outline--BorderColor);
16891
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-blue--m-outline--m-clickable--hover--BorderColor);
16669
16892
  }
16670
- .pf-v5-c-label.pf-m-green {
16671
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-green--BackgroundColor);
16672
- --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-green__icon--Color);
16673
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-green__content--Color);
16674
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
16675
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-green__content--link--hover--before--BorderColor);
16676
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-green__content--link--focus--before--BorderColor);
16677
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-green__content--Color);
16678
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-green__content--before--BorderColor);
16679
- --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor);
16680
- --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor);
16681
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
16682
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
16683
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
16893
+ .pf-v5-c-label.pf-m-red {
16894
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-red--BackgroundColor);
16895
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-red--Color);
16896
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-red__icon--Color);
16897
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-red--m-clickable--hover--BackgroundColor);
16898
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-red--m-clickable--hover--Color);
16899
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-red--m-clickable--hover__icon--Color);
16900
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-red--m-outline--BorderColor);
16901
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-red--m-outline--m-clickable--hover--BorderColor);
16684
16902
  }
16685
16903
  .pf-v5-c-label.pf-m-orange {
16686
16904
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-orange--BackgroundColor);
16905
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-orange--Color);
16687
16906
  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-orange__icon--Color);
16688
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-orange__content--Color);
16689
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
16690
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-orange__content--link--hover--before--BorderColor);
16691
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-orange__content--link--focus--before--BorderColor);
16692
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-orange__content--Color);
16693
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-orange__content--before--BorderColor);
16694
- --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor);
16695
- --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor);
16696
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
16697
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
16698
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
16907
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-orange--m-clickable--hover--BackgroundColor);
16908
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-orange--m-clickable--hover--Color);
16909
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-orange--m-clickable--hover__icon--Color);
16910
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-orange--m-outline--BorderColor);
16911
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-orange--m-outline--m-clickable--hover--BorderColor);
16912
+ }
16913
+ .pf-v5-c-label.pf-m-orangered {
16914
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-orangered--BackgroundColor);
16915
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-orangered--Color);
16916
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-orangered__icon--Color);
16917
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-orangered--m-clickable--hover--BackgroundColor);
16918
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-orangered--m-clickable--hover--Color);
16919
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-orangered--m-clickable--hover__icon--Color);
16920
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-orangered--m-outline--BorderColor);
16921
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor);
16699
16922
  }
16700
- .pf-v5-c-label.pf-m-red {
16701
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-red--BackgroundColor);
16702
- --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-red__icon--Color);
16703
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-red__content--Color);
16704
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
16705
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-red__content--link--hover--before--BorderColor);
16706
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-red__content--link--focus--before--BorderColor);
16707
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-red__content--Color);
16708
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-red__content--before--BorderColor);
16709
- --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor);
16710
- --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor);
16711
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
16712
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
16713
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
16923
+ .pf-v5-c-label.pf-m-gold {
16924
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-gold--BackgroundColor);
16925
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-gold--Color);
16926
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-gold__icon--Color);
16927
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-gold--m-clickable--hover--BackgroundColor);
16928
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-gold--m-clickable--hover--Color);
16929
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-gold--m-clickable--hover__icon--Color);
16930
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-gold--m-outline--BorderColor);
16931
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-gold--m-outline--m-clickable--hover--BorderColor);
16714
16932
  }
16715
- .pf-v5-c-label.pf-m-purple {
16716
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-purple--BackgroundColor);
16717
- --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-purple__icon--Color);
16718
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-purple__content--Color);
16719
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
16720
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-purple__content--link--hover--before--BorderColor);
16721
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-purple__content--link--focus--before--BorderColor);
16722
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-purple__content--Color);
16723
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-purple__content--before--BorderColor);
16724
- --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor);
16725
- --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor);
16726
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
16727
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
16728
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
16933
+ .pf-v5-c-label.pf-m-green {
16934
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-green--BackgroundColor);
16935
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-green--Color);
16936
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-green__icon--Color);
16937
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-green--m-clickable--hover--BackgroundColor);
16938
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-green--m-clickable--hover--Color);
16939
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-green--m-clickable--hover__icon--Color);
16940
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-green--m-outline--BorderColor);
16941
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-green--m-outline--m-clickable--hover--BorderColor);
16729
16942
  }
16730
16943
  .pf-v5-c-label.pf-m-cyan {
16731
16944
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-cyan--BackgroundColor);
16945
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-cyan--Color);
16732
16946
  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-cyan__icon--Color);
16733
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-cyan__content--Color);
16734
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
16735
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--link--hover--before--BorderColor);
16736
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--link--focus--before--BorderColor);
16737
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-cyan__content--Color);
16738
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor);
16739
- --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor);
16740
- --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor);
16741
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
16742
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
16743
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
16947
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-cyan--m-clickable--hover--BackgroundColor);
16948
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-cyan--m-clickable--hover--Color);
16949
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-cyan--m-clickable--hover__icon--Color);
16950
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-cyan--m-outline--BorderColor);
16951
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-cyan--m-outline--m-clickable--hover--BorderColor);
16744
16952
  }
16745
- .pf-v5-c-label.pf-m-gold {
16746
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-gold--BackgroundColor);
16747
- --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-gold__icon--Color);
16748
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-gold__content--Color);
16749
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
16750
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-gold__content--link--hover--before--BorderColor);
16751
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-gold__content--link--focus--before--BorderColor);
16752
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-gold__content--Color);
16753
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-gold__content--before--BorderColor);
16754
- --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor);
16755
- --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor);
16756
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
16757
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
16758
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
16953
+ .pf-v5-c-label.pf-m-purple {
16954
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-purple--BackgroundColor);
16955
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-purple--Color);
16956
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-purple__icon--Color);
16957
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-purple--m-clickable--hover--BackgroundColor);
16958
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-purple--m-clickable--hover--Color);
16959
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-purple--m-clickable--hover__icon--Color);
16960
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-purple--m-outline--BorderColor);
16961
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-purple--m-outline--m-clickable--hover--BorderColor);
16962
+ }
16963
+ .pf-v5-c-label.pf-m-compact {
16964
+ --pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
16965
+ --pf-v5-c-label--PaddingRight: var(--pf-v5-c-label--m-compact--PaddingRight);
16966
+ --pf-v5-c-label--PaddingBottom: var(--pf-v5-c-label--m-compact--PaddingBottom);
16967
+ --pf-v5-c-label--PaddingLeft: var(--pf-v5-c-label--m-compact--PaddingLeft);
16968
+ --pf-v5-c-label--FontSize: var(--pf-v5-c-label--m-compact--FontSize);
16969
+ --pf-v5-c-label--m-editable--TextDecorationOffset: var(--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset);
16759
16970
  }
16760
16971
  .pf-v5-c-label.pf-m-outline {
16761
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-outline__content--Color);
16762
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--before--BorderWidth);
16763
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
16972
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-outline--Color);
16973
+ --pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-outline--BorderWidth);
16974
+ --pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-outline--BorderColor);
16764
16975
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-outline--BackgroundColor);
16765
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
16766
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
16767
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
16768
- }
16769
- .pf-v5-c-label.pf-m-overflow:hover,
16770
- .pf-v5-c-label.pf-m-add:hover, .pf-v5-c-label.pf-m-outline a.pf-v5-c-label__content:hover,
16771
- .pf-v5-c-label.pf-m-outline button.pf-v5-c-label__content:hover {
16772
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth);
16773
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor);
16774
- }
16775
- .pf-v5-c-label.pf-m-overflow:focus,
16776
- .pf-v5-c-label.pf-m-add:focus, .pf-v5-c-label.pf-m-outline a.pf-v5-c-label__content:focus,
16777
- .pf-v5-c-label.pf-m-outline button.pf-v5-c-label__content:focus {
16778
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth);
16779
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor);
16976
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BackgroundColor);
16977
+ --pf-v5-c-label--m-clickable--hover--BorderWidth: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth);
16978
+ --pf-v5-c-label--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor);
16979
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-outline--m-clickable--hover--Color);
16980
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-outline__icon--Color);
16780
16981
  }
16781
-
16782
16982
  .pf-v5-c-label.pf-m-editable {
16783
16983
  --pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
16784
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
16785
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-editable__content--before--BorderColor);
16786
- --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--hover--before--BorderWidth);
16787
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-editable__content--hover--before--BorderColor);
16788
- --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--focus--before--BorderWidth);
16789
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-editable__content--focus--before--BorderColor);
16790
- --pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
16791
- --pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
16984
+ }
16985
+ .pf-v5-c-label.pf-m-editable .pf-v5-c-label__text {
16792
16986
  text-decoration: var(--pf-v5-c-label--m-editable--TextDecoration);
16793
16987
  text-decoration-thickness: var(--pf-v5-c-label--m-editable--TextDecorationThickness);
16794
16988
  text-decoration-style: var(--pf-v5-c-label--m-editable--TextDecorationStyle);
16795
16989
  text-decoration-color: var(--pf-v5-c-label--m-editable--TextDecorationColor);
16796
16990
  text-underline-offset: var(--pf-v5-c-label--m-editable--TextDecorationOffset);
16797
- cursor: var(--pf-v5-c-label--m-editable--Cursor);
16798
- }
16799
- .pf-v5-c-label.pf-m-editable:hover {
16800
- --pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-c-label--m-editable--hover--TextDecorationColor);
16801
- }
16802
- .pf-v5-c-label.pf-m-editable:focus {
16803
- --pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-c-label--m-editable--focus--TextDecorationColor);
16804
16991
  }
16805
16992
  .pf-v5-c-label.pf-m-editable-active {
16806
- --pf-v5-c-label--m-editable--Cursor: var(--pf-v5-c-label--m-editable--m-editable-active--Cursor);
16807
16993
  --pf-v5-c-label--m-editable--TextDecoration: var(--pf-v5-c-label--m-editable--m-editable-active--TextDecoration);
16808
16994
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
16995
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-editable--m-editable-active--Color);
16996
+ }
16997
+ .pf-v5-c-label.pf-m-add, .pf-v5-c-label.pf-m-overflow {
16998
+ background: transparent;
16809
16999
  }
16810
- .pf-v5-c-label.pf-m-overflow, .pf-v5-c-label.pf-m-add {
16811
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-overflow__content--Color);
16812
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-overflow__content--BackgroundColor);
16813
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--before--BorderWidth);
16814
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--before--BorderColor);
16815
- --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--link--hover--before--BorderWidth);
16816
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--link--hover--before--BorderColor);
16817
- --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth);
16818
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor);
17000
+ .pf-v5-c-label.pf-m-overflow {
17001
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-overflow--Color);
17002
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-overflow--BackgroundColor);
17003
+ mix-blend-mode: var(--pf-v5-c-label--m-overflow--MixBlendMode);
17004
+ }
17005
+ .pf-v5-c-label.pf-m-overflow:is(:hover, :focus) {
17006
+ --pf-v5-c-label--m-overflow--Color: var(--pf-v5-c-label--m-overflow--hover--Color);
17007
+ --pf-v5-c-label--m-overflow--BackgroundColor: var(--pf-v5-c-label--m-overflow--hover--BackgroundColor);
17008
+ }
17009
+ .pf-v5-c-label.pf-m-add {
17010
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-add--Color);
17011
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-add--BackgroundColor);
17012
+ --pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-add--BorderColor);
17013
+ --pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-add--BorderWidth);
17014
+ }
17015
+ .pf-v5-c-label.pf-m-add:is(:hover, :focus) {
17016
+ --pf-v5-c-label--m-add--Color: var(--pf-v5-c-label--m-add--hover--Color);
17017
+ --pf-v5-c-label--m-add--BackgroundColor: var(--pf-v5-c-label--m-add--hover--BackgroundColor);
17018
+ --pf-v5-c-label--m-add--BorderColor: var(--pf-v5-c-label--m-add--hover--BorderColor);
17019
+ --pf-v5-c-label--m-add--BorderWidth: var(--pf-v5-c-label--m-add--hover--BorderWidth);
17020
+ }
17021
+ .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-editable .pf-v5-c-label__content {
17022
+ padding: 0;
17023
+ cursor: pointer;
17024
+ background-color: transparent;
17025
+ border: none;
17026
+ }
17027
+ .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) {
17028
+ text-decoration: none;
17029
+ }
17030
+ .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) {
17031
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-clickable--hover--Color);
17032
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-clickable--hover--BackgroundColor);
17033
+ --pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-clickable--hover--BorderWidth);
17034
+ --pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-clickable--hover--BorderColor);
17035
+ --pf-v5-c-label--m-outline--BorderWidth: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth);
17036
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor);
16819
17037
  }
16820
17038
 
16821
17039
  .pf-v5-c-label,
@@ -16832,18 +17050,20 @@ label.pf-v5-c-input-group__text {
16832
17050
  }
16833
17051
 
16834
17052
  .pf-v5-c-label__content {
17053
+ gap: var(--pf-v5-c-label__content--Gap);
16835
17054
  max-width: var(--pf-v5-c-label__content--MaxWidth);
16836
17055
  overflow: hidden;
16837
- color: var(--pf-v5-c-label__content--Color);
16838
- background-color: var(--pf-v5-c-label__content--BackgroundColor);
17056
+ color: var(--pf-v5-c-label--Color);
16839
17057
  border-width: 0;
16840
17058
  }
16841
17059
  .pf-v5-c-label__content::before {
16842
17060
  position: absolute;
16843
17061
  inset: 0;
17062
+ z-index: -1;
16844
17063
  pointer-events: none;
16845
17064
  content: "";
16846
- border: var(--pf-v5-c-label__content--before--BorderWidth) solid var(--pf-v5-c-label__content--before--BorderColor);
17065
+ background-color: var(--pf-v5-c-label--BackgroundColor);
17066
+ border: var(--pf-v5-c-label--BorderWidth) solid var(--pf-v5-c-label--BorderColor);
16847
17067
  border-radius: var(--pf-v5-c-label--BorderRadius);
16848
17068
  }
16849
17069
  input.pf-v5-c-label__content {
@@ -16852,138 +17072,61 @@ input.pf-v5-c-label__content {
16852
17072
  white-space: nowrap;
16853
17073
  }
16854
17074
 
16855
- a.pf-v5-c-label__content,
16856
- button.pf-v5-c-label__content {
16857
- padding: 0;
16858
- cursor: pointer;
16859
- background-color: transparent;
16860
- border: none;
16861
- }
16862
- a.pf-v5-c-label__content, a.pf-v5-c-label__content:hover, a.pf-v5-c-label__content:focus,
16863
- button.pf-v5-c-label__content,
16864
- button.pf-v5-c-label__content:hover,
16865
- button.pf-v5-c-label__content:focus {
16866
- text-decoration: none;
16867
- }
16868
- a.pf-v5-c-label__content:hover,
16869
- button.pf-v5-c-label__content:hover {
16870
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--hover--before--BorderWidth);
16871
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--hover--before--BorderColor);
16872
- }
16873
- a.pf-v5-c-label__content:focus,
16874
- button.pf-v5-c-label__content:focus {
16875
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--focus--before--BorderWidth);
16876
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--focus--before--BorderColor);
16877
- }
16878
-
16879
17075
  .pf-v5-c-label__icon {
16880
- margin-inline-end: var(--pf-v5-c-label__icon--MarginRight);
16881
17076
  color: var(--pf-v5-c-label__icon--Color);
16882
17077
  }
16883
17078
 
16884
17079
  .pf-v5-c-label__actions {
16885
17080
  margin-inline-end: var(--pf-v5-c-label__actions--MarginRight);
16886
- font-size: var(--pf-v5-c-label__actions--FontSize);
16887
17081
  }
16888
17082
  .pf-v5-c-label__actions .pf-v5-c-button {
17083
+ --pf-v5-c-button--Color: var(--pf-v5-c-label__actions--c-button--Color);
16889
17084
  --pf-v5-c-button--FontSize: var(--pf-v5-c-label__actions--c-button--FontSize);
16890
- --pf-v5-c-button--PaddingTop: var(--pf-v5-c-label__actions--c-button--PaddingTop);
16891
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);
16892
- --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-label__actions--c-button--PaddingBottom);
16893
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label__actions--c-button--PaddingLeft);
17085
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingTop: var(--pf-v5-c-label__actions--c-button--PaddingTop);
17086
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);
17087
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingBottom: var(--pf-v5-c-label__actions--c-button--PaddingBottom);
17088
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingLeft: var(--pf-v5-c-label__actions--c-button--PaddingLeft);
16894
17089
  margin-block-start: var(--pf-v5-c-label__actions--c-button--MarginTop);
16895
17090
  margin-block-end: var(--pf-v5-c-label__actions--c-button--MarginBottom);
17091
+ outline-offset: var(--pf-v5-c-label__actions--c-button--OutlineOffset);
16896
17092
  }
16897
17093
 
16898
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .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 {
16899
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
16900
- }
16901
-
16902
- :where(.pf-v5-theme-dark) .pf-v5-c-label {
16903
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16904
- --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16905
- --pf-v5-c-label--m-green--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16906
- --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16907
- --pf-v5-c-label--m-red--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16908
- --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16909
- --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16910
- --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
16911
- --pf-v5-c-label__content--before--BorderWidth: 0;
16912
- --pf-v5-c-label__content--before--BorderColor: transparent;
16913
- --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
16914
- --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
16915
- --pf-v5-c-label--m-blue__content--Color: var(--pf-v5-global--primary-color--100);
16916
- --pf-v5-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-v5-global--active-color--200);
16917
- --pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--active-color--200);
16918
- --pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--active-color--200);
16919
- --pf-v5-c-label--m-green__content--Color: var(--pf-v5-global--success-color--100);
16920
- --pf-v5-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-v5-global--palette--green-100);
16921
- --pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--green-100);
16922
- --pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--green-100);
16923
- --pf-v5-c-label--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
16924
- --pf-v5-c-label--m-outline--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
16925
- --pf-v5-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
16926
- --pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
16927
- --pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
16928
- --pf-v5-c-label--m-red__content--Color: var(--pf-v5-global--danger-color--100);
16929
- --pf-v5-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-v5-global--danger-color--100);
16930
- --pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--danger-color--100);
16931
- --pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--danger-color--100);
16932
- --pf-v5-c-label--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
16933
- --pf-v5-c-label--m-purple__icon--Color: var(--pf-v5-global--palette--purple-300);
16934
- --pf-v5-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-300);
16935
- --pf-v5-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-300);
16936
- --pf-v5-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-v5-global--palette--purple-100);
16937
- --pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-100);
16938
- --pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-100);
16939
- --pf-v5-c-label--m-outline--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
16940
- --pf-v5-c-label--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
16941
- --pf-v5-c-label--m-outline--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
16942
- --pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
16943
- --pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
16944
- --pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
16945
- --pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
16946
- --pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
16947
- --pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
16948
- --pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
16949
- --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
16950
- }
16951
-
16952
- .pf-v5-c-label-group {
16953
- --pf-v5-c-label-group--RowGap: var(--pf-v5-global--spacer--sm);
16954
- --pf-v5-c-label-group--ColumnGap: 0;
16955
- --pf-v5-c-label-group--m-vertical--RowGap: var(--pf-v5-global--spacer--sm);
16956
- --pf-v5-c-label-group--m-vertical--ColumnGap: var(--pf-v5-global--spacer--sm);
16957
- --pf-v5-c-label-group__main--RowGap: var(--pf-v5-global--spacer--xs);
16958
- --pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
16959
- --pf-v5-c-label-group--m-vertical__main--RowGap: var(--pf-v5-global--spacer--sm);
16960
- --pf-v5-c-label-group--m-vertical__main--ColumnGap: var(--pf-v5-global--spacer--xs);
16961
- --pf-v5-c-label-group__list--RowGap: var(--pf-v5-global--spacer--xs);
16962
- --pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
16963
- --pf-v5-c-label-group--m-vertical__list--RowGap: var(--pf-v5-global--spacer--xs);
16964
- --pf-v5-c-label-group--m-vertical__list--ColumnGap: var(--pf-v5-global--spacer--xs);
16965
- --pf-v5-c-label-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
16966
- --pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
16967
- --pf-v5-c-label-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
16968
- --pf-v5-c-label-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
16969
- --pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-v5-global--spacer--sm);
16970
- --pf-v5-c-label-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
16971
- --pf-v5-c-label-group--m-category--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
16972
- --pf-v5-c-label-group--m-category--BorderColor: var(--pf-v5-global--BorderColor--300);
16973
- --pf-v5-c-label-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
16974
- --pf-v5-c-label-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
17094
+ :where(:root),
17095
+ :where(.pf-v5-c-label-group) {
17096
+ --pf-v5-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
17097
+ --pf-v5-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
17098
+ --pf-v5-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
17099
+ --pf-v5-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
17100
+ --pf-v5-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
17101
+ --pf-v5-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
17102
+ --pf-v5-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
17103
+ --pf-v5-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
17104
+ --pf-v5-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
17105
+ --pf-v5-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
17106
+ --pf-v5-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
17107
+ --pf-v5-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
17108
+ --pf-v5-c-label-group--m-category--PaddingTop: var(--pf-t--global--spacer--xs);
17109
+ --pf-v5-c-label-group--m-category--PaddingRight: var(--pf-t--global--spacer--sm);
17110
+ --pf-v5-c-label-group--m-category--PaddingBottom: var(--pf-t--global--spacer--xs);
17111
+ --pf-v5-c-label-group--m-category--PaddingLeft: var(--pf-t--global--spacer--sm);
17112
+ --pf-v5-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
17113
+ --pf-v5-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
17114
+ --pf-v5-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
17115
+ --pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-t--global--spacer--sm);
16975
17116
  --pf-v5-c-label-group__label--MaxWidth: 18ch;
16976
- --pf-v5-c-label-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
16977
- --pf-v5-c-label-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
16978
- --pf-v5-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
16979
- --pf-v5-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
16980
- --pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
16981
- --pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
17117
+ --pf-v5-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
17118
+ --pf-v5-c-label-group__close--c-button--PaddingTop: var(--pf-t--global--spacer--xs);
17119
+ --pf-v5-c-label-group__close--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
17120
+ --pf-v5-c-label-group__close--c-button--PaddingBottom: var(--pf-t--global--spacer--xs);
17121
+ --pf-v5-c-label-group__close--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
16982
17122
  --pf-v5-c-label-group__textarea--MinWidth: 12.5rem;
16983
17123
  --pf-v5-c-label-group__textarea--PaddingTop: 0.125rem;
16984
- --pf-v5-c-label-group__textarea--PaddingRight: var(--pf-v5-global--spacer--xs);
17124
+ --pf-v5-c-label-group__textarea--PaddingRight: var(--pf-t--global--spacer--xs);
16985
17125
  --pf-v5-c-label-group__textarea--PaddingBottom: 0;
16986
- --pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-v5-global--spacer--xs);
17126
+ --pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-t--global--spacer--xs);
17127
+ }
17128
+
17129
+ .pf-v5-c-label-group {
16987
17130
  display: inline-flex;
16988
17131
  row-gap: var(--pf-v5-c-label-group--RowGap);
16989
17132
  column-gap: var(--pf-v5-c-label-group--ColumnGap);
@@ -17005,10 +17148,6 @@ button.pf-v5-c-label__content:focus {
17005
17148
  --pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-c-label-group--m-vertical__main--ColumnGap);
17006
17149
  --pf-v5-c-label-group__list--RowGap: var(--pf-v5-c-label-group--m-vertical__list--RowGap);
17007
17150
  --pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-c-label-group--m-vertical__list--ColumnGap);
17008
- --pf-v5-c-label-group__close--MarginTop: var(--pf-v5-c-label-group--m-vertical__close--MarginTop);
17009
- --pf-v5-c-label-group__close--MarginLeft: var(--pf-v5-c-label-group--m-vertical__close--MarginLeft);
17010
- --pf-v5-c-label-group__close--MarginBottom: 0;
17011
- --pf-v5-c-label-group__close--MarginRight: var(--pf-v5-c-label-group--m-vertical__close--MarginRight);
17012
17151
  --pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-c-label-group--m-vertical--m-category--PaddingRight);
17013
17152
  }
17014
17153
  .pf-v5-c-label-group.pf-m-vertical.pf-v5-c-label-group {
@@ -17021,10 +17160,6 @@ button.pf-v5-c-label__content:focus {
17021
17160
  .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__main {
17022
17161
  flex-direction: column;
17023
17162
  }
17024
- .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__close .pf-v5-c-button {
17025
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft);
17026
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight);
17027
- }
17028
17163
  .pf-v5-c-label-group.pf-m-editable,
17029
17164
  .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
17030
17165
  .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list {
@@ -17062,16 +17197,18 @@ button.pf-v5-c-label__content:focus {
17062
17197
  text-overflow: ellipsis;
17063
17198
  white-space: nowrap;
17064
17199
  max-width: var(--pf-v5-c-label-group__label--MaxWidth);
17065
- font-size: var(--pf-v5-c-label-group__label--FontSize);
17066
17200
  }
17067
17201
 
17068
17202
  .pf-v5-c-label-group__close {
17069
17203
  display: flex;
17070
17204
  align-self: flex-start;
17071
- margin-block-start: var(--pf-v5-c-label-group__close--MarginTop);
17072
- margin-block-end: var(--pf-v5-c-label-group__close--MarginBottom);
17073
- margin-inline-start: var(--pf-v5-c-label-group__close--MarginLeft);
17074
- margin-inline-end: var(--pf-v5-c-label-group__close--MarginRight);
17205
+ }
17206
+ .pf-v5-c-label-group__close .pf-v5-c-button {
17207
+ --pf-v5-c-button--FontSize: var(--pf-v5-c-label-group__close--c-button--FontSize);
17208
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingTop: var(--pf-v5-c-label-group__close--c-button--PaddingTop);
17209
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingRight: var(--pf-v5-c-label-group__close--c-button--PaddingRight);
17210
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingBottom: var(--pf-v5-c-label-group__close--c-button--PaddingBottom);
17211
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingLeft: var(--pf-v5-c-label-group__close--c-button--PaddingLeft);
17075
17212
  }
17076
17213
 
17077
17214
  .pf-v5-c-label-group__textarea {
@@ -23494,12 +23631,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23494
23631
  color: var(--pf-v5-global--palette--black-100);
23495
23632
  }
23496
23633
 
23497
- .pf-v5-c-sidebar {
23498
- --pf-v5-c-sidebar--inset: var(--pf-v5-global--spacer--md);
23499
- --pf-v5-c-sidebar--xl--inset: var(--pf-v5-global--spacer--lg);
23500
- --pf-v5-c-sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
23501
- --pf-v5-c-sidebar--BorderWidth--base: var(--pf-v5-global--BorderWidth--sm);
23502
- --pf-v5-c-sidebar--BorderColor--base: var(--pf-v5-global--BorderColor--100);
23634
+ :root,
23635
+ :where(.pf-v5-c-sidebar) {
23636
+ --pf-v5-c-sidebar--inset: var(--pf-t--global--spacer--md);
23637
+ --pf-v5-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
23638
+ --pf-v5-c-sidebar--BorderWidth--base: var(--pf-t--global--border--width--regular);
23639
+ --pf-v5-c-sidebar--BorderColor--base: var(--pf-t--global--border--color--default);
23503
23640
  --pf-v5-c-sidebar__panel--PaddingTop: 0;
23504
23641
  --pf-v5-c-sidebar__panel--PaddingRight: 0;
23505
23642
  --pf-v5-c-sidebar__panel--PaddingBottom: 0;
@@ -23555,11 +23692,16 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23555
23692
  --pf-v5-c-sidebar__panel--md--FlexBasis: 15.625rem;
23556
23693
  --pf-v5-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
23557
23694
  --pf-v5-c-sidebar__panel--m-stack--FlexBasis: auto;
23558
- --pf-v5-c-sidebar__panel--ZIndex: var(--pf-v5-global--ZIndex--xs);
23559
- --pf-v5-c-sidebar__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
23560
- --pf-v5-c-sidebar__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
23695
+ --pf-v5-c-sidebar__panel--ZIndex: var(--pf-t--global--Zindex--xs);
23696
+ --pf-v5-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
23697
+ --pf-v5-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23698
+ --pf-v5-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
23699
+ --pf-v5-c-sidebar__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23561
23700
  --pf-v5-c-sidebar__panel--m-sticky--Top: 0;
23562
23701
  --pf-v5-c-sidebar__panel--m-sticky--Position: sticky;
23702
+ }
23703
+
23704
+ .pf-v5-c-sidebar {
23563
23705
  height: 100%;
23564
23706
  }
23565
23707
  @media (min-width: 768px) {
@@ -23653,6 +23795,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23653
23795
  --pf-v5-c-sidebar__panel--Position: static;
23654
23796
  --pf-v5-c-sidebar__panel--Top: auto;
23655
23797
  }
23798
+ .pf-v5-c-sidebar__panel.pf-m-secondary {
23799
+ --pf-v5-c-sidebar__panel--BackgroundColor: var(--pf-v5-c-sidebar__panel--m-secondary--BackgroundColor);
23800
+ }
23656
23801
 
23657
23802
  .pf-v5-c-sidebar__content {
23658
23803
  flex-grow: 1;
@@ -23672,6 +23817,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23672
23817
  .pf-v5-c-sidebar__content.pf-m-no-background {
23673
23818
  --pf-v5-c-sidebar__content--BackgroundColor: transparent;
23674
23819
  }
23820
+ .pf-v5-c-sidebar__content.pf-m-secondary {
23821
+ --pf-v5-c-sidebar__content--BackgroundColor: var(--pf-v5-c-sidebar__content--m-secondary--BackgroundColor);
23822
+ }
23675
23823
  .pf-v5-c-sidebar__content + .pf-v5-c-sidebar__panel {
23676
23824
  --pf-v5-c-sidebar__panel--Order: 1;
23677
23825
  }
@@ -23837,7 +23985,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23837
23985
  --pf-v5-c-simple-list__item-link--Color: var(--pf-t--global--text--color--subtle);
23838
23986
  --pf-v5-c-simple-list__item-link--FontSize: var(--pf-t--global--font--size--body--default);
23839
23987
  --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-t--global--text--color--regular);
23840
- --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--selected);
23988
+ --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
23841
23989
  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
23842
23990
  --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
23843
23991
  --pf-v5-c-simple-list__item-link--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
@@ -29426,41 +29574,42 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29426
29574
  line-height: var(--pf-v5-c-title--m-h6--LineHeight);
29427
29575
  }
29428
29576
 
29429
- .pf-v5-c-toggle-group {
29430
- --pf-v5-c-toggle-group__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
29431
- --pf-v5-c-toggle-group__button--PaddingRight: var(--pf-v5-global--spacer--md);
29432
- --pf-v5-c-toggle-group__button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
29433
- --pf-v5-c-toggle-group__button--PaddingLeft: var(--pf-v5-global--spacer--md);
29434
- --pf-v5-c-toggle-group__button--FontSize: var(--pf-v5-global--FontSize--sm);
29435
- --pf-v5-c-toggle-group__button--LineHeight: calc(var(--pf-v5-global--FontSize--md) * var(--pf-v5-global--LineHeight--md));
29436
- --pf-v5-c-toggle-group__button--Color: var(--pf-v5-global--Color--100);
29437
- --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
29577
+ :where(:root),
29578
+ :where(.pf-v5-c-toggle-group) {
29579
+ --pf-v5-c-toggle-group__button--PaddingTop: var(--pf-t--global--spacer--sm);
29580
+ --pf-v5-c-toggle-group__button--PaddingRight: var(--pf-t--global--spacer--md);
29581
+ --pf-v5-c-toggle-group__button--PaddingBottom: var(--pf-t--global--spacer--sm);
29582
+ --pf-v5-c-toggle-group__button--PaddingLeft: var(--pf-t--global--spacer--md);
29583
+ --pf-v5-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
29584
+ --pf-v5-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
29585
+ --pf-v5-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
29586
+ --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29438
29587
  --pf-v5-c-toggle-group__button--ZIndex: auto;
29439
- --pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
29440
- --pf-v5-c-toggle-group__button--hover--ZIndex: var(--pf-v5-global--ZIndex--xs);
29441
- --pf-v5-c-toggle-group__button--hover--before--BorderColor: var(--pf-v5-global--BorderColor--200);
29442
- --pf-v5-c-toggle-group__button--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
29443
- --pf-v5-c-toggle-group__button--focus--ZIndex: var(--pf-v5-global--ZIndex--xs);
29444
- --pf-v5-c-toggle-group__button--focus--before--BorderColor: var(--pf-v5-global--BorderColor--200);
29445
- --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29446
- --pf-v5-c-toggle-group__button--disabled--Color: var(--pf-v5-global--disabled-color--100);
29447
- --pf-v5-c-toggle-group__button--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
29448
- --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-v5-global--BorderColor--100);
29449
- --pf-v5-c-toggle-group__item--item--MarginLeft: calc(-1 * var(--pf-v5-global--BorderWidth--sm));
29450
- --pf-v5-c-toggle-group__item--first-child__button--BorderTopLeftRadius: var(--pf-v5-global--BorderRadius--sm);
29451
- --pf-v5-c-toggle-group__item--first-child__button--BorderBottomLeftRadius: var(--pf-v5-global--BorderRadius--sm);
29452
- --pf-v5-c-toggle-group__item--last-child__button--BorderTopRightRadius: var(--pf-v5-global--BorderRadius--sm);
29453
- --pf-v5-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-v5-global--BorderRadius--sm);
29454
- --pf-v5-c-toggle-group__icon--text--MarginLeft: var(--pf-v5-global--spacer--sm);
29455
- --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--palette--blue-50);
29456
- --pf-v5-c-toggle-group__button--m-selected--Color: initial;
29457
- --pf-v5-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-v5-global--primary-color--100);
29458
- --pf-v5-c-toggle-group__button--m-selected--ZIndex: var(--pf-v5-global--ZIndex--xs);
29588
+ --pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
29589
+ --pf-v5-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--Zindex--xs);
29590
+ --pf-v5-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
29591
+ --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29592
+ --pf-v5-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
29593
+ --pf-v5-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
29594
+ --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
29595
+ --pf-v5-c-toggle-group__item--item--MarginLeft: calc(-1 * var(--pf-t--global--border--width--control--default));
29596
+ --pf-v5-c-toggle-group__item--first-child__button--BorderTopLeftRadius: var(--pf-t--global--border--radius--tiny);
29597
+ --pf-v5-c-toggle-group__item--first-child__button--BorderBottomLeftRadius: var(--pf-t--global--border--radius--tiny);
29598
+ --pf-v5-c-toggle-group__item--last-child__button--BorderTopRightRadius: var(--pf-t--global--border--radius--tiny);
29599
+ --pf-v5-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-t--global--border--radius--tiny);
29600
+ --pf-v5-c-toggle-group__icon--text--MarginLeft: var(--pf-t--global--spacer--sm);
29601
+ --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
29602
+ --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
29603
+ --pf-v5-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
29604
+ --pf-v5-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--Zindex--xs);
29459
29605
  --pf-v5-c-toggle-group--m-compact__button--PaddingTop: 0;
29460
- --pf-v5-c-toggle-group--m-compact__button--PaddingRight: var(--pf-v5-global--spacer--sm);
29606
+ --pf-v5-c-toggle-group--m-compact__button--PaddingRight: var(--pf-t--global--spacer--sm);
29461
29607
  --pf-v5-c-toggle-group--m-compact__button--PaddingBottom: 0;
29462
- --pf-v5-c-toggle-group--m-compact__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
29463
- --pf-v5-c-toggle-group--m-compact__button--FontSize: var(--pf-v5-global--FontSize--xs);
29608
+ --pf-v5-c-toggle-group--m-compact__button--PaddingLeft: var(--pf-t--global--spacer--sm);
29609
+ --pf-v5-c-toggle-group--m-compact__button--FontSize: var(--pf-t--global--font--size--body--default);
29610
+ }
29611
+
29612
+ .pf-v5-c-toggle-group {
29464
29613
  display: flex;
29465
29614
  }
29466
29615
  .pf-v5-c-toggle-group.pf-m-compact {
@@ -29507,17 +29656,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29507
29656
  content: "";
29508
29657
  border: var(--pf-v5-c-toggle-group__button--before--BorderWidth) solid var(--pf-v5-c-toggle-group__button--before--BorderColor);
29509
29658
  }
29510
- .pf-v5-c-toggle-group__button:hover {
29659
+ .pf-v5-c-toggle-group__button:hover, .pf-v5-c-toggle-group__button:focus {
29511
29660
  --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--hover--BackgroundColor);
29512
29661
  --pf-v5-c-toggle-group__button--ZIndex: var(--pf-v5-c-toggle-group__button--hover--ZIndex);
29513
29662
  --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-v5-c-toggle-group__button--hover--before--BorderColor);
29514
29663
  text-decoration: none;
29515
29664
  }
29516
- .pf-v5-c-toggle-group__button:focus {
29517
- --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--focus--BackgroundColor);
29518
- --pf-v5-c-toggle-group__button--ZIndex: var(--pf-v5-c-toggle-group__button--focus--ZIndex);
29519
- --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-v5-c-toggle-group__button--focus--before--BorderColor);
29520
- }
29521
29665
  .pf-v5-c-toggle-group__button.pf-m-selected {
29522
29666
  --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--m-selected--BackgroundColor);
29523
29667
  --pf-v5-c-toggle-group__button--Color: var(--pf-v5-c-toggle-group__button--m-selected--Color, inherit);
@@ -29535,19 +29679,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29535
29679
  margin-inline-start: var(--pf-v5-c-toggle-group__icon--text--MarginLeft);
29536
29680
  }
29537
29681
 
29538
- :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header .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 {
29539
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
29540
- }
29541
-
29542
- :where(.pf-v5-theme-dark) .pf-v5-c-toggle-group {
29543
- --pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-v5-global--palette--black-700);
29544
- --pf-v5-c-toggle-group__button--focus--BackgroundColor: var(--pf-v5-global--palette--black-700);
29545
- --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-v5-global--palette--black-600);
29546
- --pf-v5-c-toggle-group__button--disabled--Color: var(--pf-v5-global--palette--black-100);
29547
- --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--primary-color--300);
29548
- --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
29549
- }
29550
-
29551
29682
  :root {
29552
29683
  --pf-v5-c-tooltip--MaxWidth: 18.75rem;
29553
29684
  --pf-v5-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);