@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-theme-dark-unversioned.css CHANGED
@@ -7903,8 +7903,8 @@ button.pf-v5-c-breadcrumb__link {
7903
7903
  display: none;
7904
7904
  }
7905
7905
 
7906
- :root,
7907
- .pf-v5-c-button {
7906
+ :where(:root),
7907
+ :where(.pf-v5-c-button) {
7908
7908
  --pf-v5-c-button--Display: inline-block;
7909
7909
  --pf-v5-c-button--PaddingTop: var(--pf-t--global--spacer--sm);
7910
7910
  --pf-v5-c-button--PaddingRight: var(--pf-t--global--spacer--lg);
@@ -8003,20 +8003,29 @@ button.pf-v5-c-breadcrumb__link {
8003
8003
  --pf-v5-c-button--m-plain--PaddingRight: var(--pf-t--global--spacer--sm);
8004
8004
  --pf-v5-c-button--m-plain--PaddingBottom: var(--pf-t--global--spacer--sm);
8005
8005
  --pf-v5-c-button--m-plain--PaddingLeft: var(--pf-t--global--spacer--sm);
8006
- --pf-v5-c-button--m-plain--m-small--PaddingTop: var(--pf-t--global--spacer--xs);
8007
- --pf-v5-c-button--m-plain--m-small--PaddingRight: var(--pf-t--global--spacer--xs);
8008
- --pf-v5-c-button--m-plain--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
8009
- --pf-v5-c-button--m-plain--m-small--PaddingLeft: var(--pf-t--global--spacer--xs);
8010
8006
  --pf-v5-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
8011
8007
  --pf-v5-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
8008
+ --pf-v5-c-button--m-plain--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
8009
+ --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));
8012
8010
  --pf-v5-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
8013
8011
  --pf-v5-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
8014
8012
  --pf-v5-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
8015
8013
  --pf-v5-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
8016
8014
  --pf-v5-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--on-disabled);
8015
+ --pf-v5-c-button--m-plain--m-small--PaddingTop: var(--pf-t--global--spacer--xs);
8016
+ --pf-v5-c-button--m-plain--m-small--PaddingRight: var(--pf-t--global--spacer--xs);
8017
+ --pf-v5-c-button--m-plain--m-small--PaddingBottom: var(--pf-t--global--spacer--xs);
8018
+ --pf-v5-c-button--m-plain--m-small--PaddingLeft: var(--pf-t--global--spacer--xs);
8019
+ --pf-v5-c-button--m-plain--m-no-padding--MixBlendMode: normal;
8020
+ --pf-v5-c-button--m-plain--m-no-padding--MinWidth: auto;
8021
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingTop: 0;
8022
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingRight: 0;
8023
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingBottom: 0;
8024
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingLeft: 0;
8025
+ --pf-v5-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
8026
+ --pf-v5-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
8027
+ --pf-v5-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
8017
8028
  --pf-v5-c-button__progress--Color: var(--pf-v5-c-button__icon--Color);
8018
- --pf-v5-c-button--m-plain--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
8019
- --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));
8020
8029
  --pf-v5-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
8021
8030
  --pf-v5-c-button--m-control--PaddingLeft: var(--pf-t--global--spacer--md);
8022
8031
  --pf-v5-c-button--m-control--PaddingRight: var(--pf-t--global--spacer--md);
@@ -8357,9 +8366,15 @@ button.pf-v5-c-breadcrumb__link {
8357
8366
  min-width: var(--pf-v5-c-button--m-plain--MinWidth);
8358
8367
  }
8359
8368
  .pf-v5-c-button.pf-m-plain.pf-m-no-padding {
8360
- min-width: auto;
8361
- padding: 0;
8362
- background-color: transparent;
8369
+ --pf-v5-c-button--BackgroundColor: var(--pf-v5-c-button--m-plain--m-no-padding--BackgroundColor);
8370
+ --pf-v5-c-button--hover--BackgroundColor: var(--pf-v5-c-button--m-plain--m-no-padding--hover--BackgroundColor);
8371
+ --pf-v5-c-button--m-clicked--BackgroundColor: var(--pf-v5-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
8372
+ --pf-v5-c-button--m-plain--PaddingTop: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingTop);
8373
+ --pf-v5-c-button--m-plain--PaddingRight: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingRight);
8374
+ --pf-v5-c-button--m-plain--PaddingBottom: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingBottom);
8375
+ --pf-v5-c-button--m-plain--PaddingLeft: var(--pf-v5-c-button--m-plain--m-no-padding--PaddingLeft);
8376
+ --pf-v5-c-button--m-plain--MixBlendMode: var(--pf-v5-c-button--m-plain--m-no-padding--MixBlendMode);
8377
+ min-width: var(--pf-v5-c-button--m-plain--m-no-padding--MinWidth);
8363
8378
  }
8364
8379
  .pf-v5-c-button.pf-m-block {
8365
8380
  display: block;
@@ -9492,21 +9507,30 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
9492
9507
  border: 0;
9493
9508
  }
9494
9509
 
9510
+ :root, :where(.pf-v5-c-code-block) {
9511
+ --pf-v5-c-code-block--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
9512
+ --pf-v5-c-code-block--BorderRadius: var(--pf-t--global--border--radius--medium);
9513
+ --pf-v5-c-code-block__header--BorderBottomWidth: var(--pf-t--global--border--width--divider--default);
9514
+ --pf-v5-c-code-block__header--BorderBottomColor: var(--pf-t--global--border--color--default);
9515
+ --pf-v5-c-code-block__header--PaddingRight: var(--pf-t--global--spacer--sm);
9516
+ --pf-v5-c-code-block__header--PaddingLeft: var(--pf-t--global--spacer--sm);
9517
+ --pf-v5-c-code-block__content--PaddingTop: var(--pf-t--global--spacer--md);
9518
+ --pf-v5-c-code-block__content--PaddingRight: var(--pf-t--global--spacer--md);
9519
+ --pf-v5-c-code-block__content--PaddingBottom: var(--pf-t--global--spacer--md);
9520
+ --pf-v5-c-code-block__content--PaddingLeft: var(--pf-t--global--spacer--md);
9521
+ --pf-v5-c-code-block__pre--FontFamily: var(--pf-t--global--font--family--mono);
9522
+ --pf-v5-c-code-block__pre--FontSize: var(--pf-t--global--font--size--xs);
9523
+ }
9524
+
9495
9525
  .pf-v5-c-code-block {
9496
- --pf-v5-c-code-block--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
9497
- --pf-v5-c-code-block__header--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
9498
- --pf-v5-c-code-block__header--BorderBottomColor: var(--pf-v5-global--BorderColor--100);
9499
- --pf-v5-c-code-block__content--PaddingTop: var(--pf-v5-global--spacer--md);
9500
- --pf-v5-c-code-block__content--PaddingRight: var(--pf-v5-global--spacer--md);
9501
- --pf-v5-c-code-block__content--PaddingBottom: var(--pf-v5-global--spacer--md);
9502
- --pf-v5-c-code-block__content--PaddingLeft: var(--pf-v5-global--spacer--md);
9503
- --pf-v5-c-code-block__pre--FontFamily: var(--pf-v5-global--FontFamily--monospace);
9504
- --pf-v5-c-code-block__pre--FontSize: var(--pf-v5-global--FontSize--sm);
9505
9526
  background-color: var(--pf-v5-c-code-block--BackgroundColor);
9527
+ border-radius: var(--pf-v5-c-code-block--BorderRadius);
9506
9528
  }
9507
9529
 
9508
9530
  .pf-v5-c-code-block__header {
9509
9531
  display: flex;
9532
+ padding-inline-start: var(--pf-v5-c-code-block__header--PaddingLeft);
9533
+ padding-inline-end: var(--pf-v5-c-code-block__header--PaddingRight);
9510
9534
  border-block-end: var(--pf-v5-c-code-block__header--BorderBottomWidth) solid var(--pf-v5-c-code-block__header--BorderBottomColor);
9511
9535
  }
9512
9536
 
@@ -11067,28 +11091,27 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11067
11091
  padding: 0;
11068
11092
  }
11069
11093
 
11070
- .pf-v5-c-description-list {
11071
- --pf-v5-c-description-list--RowGap: var(--pf-v5-global--gutter--md);
11072
- --pf-v5-c-description-list--ColumnGap: var(--pf-v5-global--spacer--lg);
11094
+ :where(:root), :where(.pf-v5-c-description-list) {
11095
+ --pf-v5-c-description-list--RowGap: var(--pf-t--global--spacer--lg);
11096
+ --pf-v5-c-description-list--ColumnGap: var(--pf-t--global--spacer--lg);
11073
11097
  --pf-v5-c-description-list--GridTemplateColumns--count: 1;
11074
11098
  --pf-v5-c-description-list--GridTemplateColumns--width: 1fr;
11075
11099
  --pf-v5-c-description-list--GridTemplateColumns--min: 0;
11076
- --pf-v5-c-description-list--GridTemplateColumns: repeat(var(--pf-v5-c-description-list--GridTemplateColumns--count), var(--pf-v5-c-description-list--GridTemplateColumns--width));
11077
- --pf-v5-c-description-list__group--RowGap: var(--pf-v5-global--spacer--sm);
11078
- --pf-v5-c-description-list__group--ColumnGap: var(--pf-v5-global--spacer--sm);
11100
+ --pf-v5-c-description-list__group--RowGap: var(--pf-t--global--spacer--sm);
11101
+ --pf-v5-c-description-list__group--ColumnGap: var(--pf-t--global--spacer--sm);
11079
11102
  --pf-v5-c-description-list__group--GridTemplateColumns: auto;
11080
11103
  --pf-v5-c-description-list__group--GridTemplateRows: auto 1fr;
11081
11104
  --pf-v5-c-description-list__group--GridColumn: auto;
11082
- --pf-v5-c-description-list--m-compact--RowGap: var(--pf-v5-global--gutter);
11083
- --pf-v5-c-description-list--m-compact--ColumnGap: var(--pf-v5-global--spacer--sm);
11105
+ --pf-v5-c-description-list--m-compact--RowGap: var(--pf-t--global--spacer--md);
11106
+ --pf-v5-c-description-list--m-compact--ColumnGap: var(--pf-t--global--spacer--sm);
11084
11107
  --pf-v5-c-description-list__term--Display: inline;
11085
11108
  --pf-v5-c-description-list__term--sm--Display: flex;
11086
- --pf-v5-c-description-list__term--FontWeight: var(--pf-v5-global--FontWeight--bold);
11087
- --pf-v5-c-description-list__term--FontSize: var(--pf-v5-global--FontSize--sm);
11088
- --pf-v5-c-description-list__term--LineHeight: var(--pf-v5-global--LineHeight--sm);
11089
- --pf-v5-c-description-list__term-icon--MinWidth: var(--pf-v5-global--icon--FontSize--sm);
11090
- --pf-v5-c-description-list__term-icon--MarginRight: var(--pf-v5-global--spacer--sm);
11091
- --pf-v5-c-description-list__term-icon--Color: var(--pf-v5-global--icon--Color--light);
11109
+ --pf-v5-c-description-list__term--FontWeight: var(--pf-t--global--font--weight--body--bold);
11110
+ --pf-v5-c-description-list__term--FontSize: var(--pf-t--global--font--size--body--sm);
11111
+ --pf-v5-c-description-list__term--LineHeight: var(--pf-t--global--font--line-height--body);
11112
+ --pf-v5-c-description-list__term-icon--MinWidth: var(--pf-t--global--font--size--body--sm);
11113
+ --pf-v5-c-description-list__term-icon--MarginRight: var(--pf-t--global--spacer--sm);
11114
+ --pf-v5-c-description-list__term-icon--Color: var(--pf-t--global--icon--color--subtle);
11092
11115
  --pf-v5-c-description-list--m-vertical__group--GridTemplateColumns: repeat(var(--pf-v5-c-description-list--GridTemplateColumns--count));
11093
11116
  --pf-v5-c-description-list--m-vertical__group--GridTemplateRows: auto 1fr;
11094
11117
  --pf-v5-c-description-list--m-horizontal__term--width: 12ch;
@@ -11100,52 +11123,58 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11100
11123
  --pf-v5-c-description-list--m-3-col--GridTemplateColumns--count: 3;
11101
11124
  --pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--min: 15.625rem;
11102
11125
  --pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--minmax--min: var(--pf-v5-c-description-list--m-auto-fit--GridTemplateColumns--min);
11103
- --pf-v5-c-description-list__text--m-help-text--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
11104
- --pf-v5-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
11126
+ --pf-v5-c-description-list__text--m-help-text--TextDecorationColor: currentcolor;
11127
+ --pf-v5-c-description-list__text--m-help-text--TextDecorationThickness: var(--pf-t--global--border--width--regular);
11105
11128
  --pf-v5-c-description-list__text--m-help-text--TextDecorationOffset: 0.25rem;
11106
- --pf-v5-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
11107
- --pf-v5-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
11108
- --pf-v5-c-description-list--m-display-lg__description--FontSize: var(--pf-v5-global--FontSize--lg);
11109
- --pf-v5-c-description-list--m-display-2xl__description--FontSize: var(--pf-v5-global--FontSize--2xl);
11110
- display: grid;
11111
- grid-template-columns: var(--pf-v5-c-description-list--GridTemplateColumns);
11112
- row-gap: var(--pf-v5-c-description-list--RowGap);
11113
- column-gap: var(--pf-v5-c-description-list--ColumnGap);
11114
- align-items: baseline;
11129
+ --pf-v5-c-description-list__text--m-help-text--hover--TextDecorationColor: var(--pf-t--global--border--color--hover);
11130
+ --pf-v5-c-description-list__text--m-help-text--focus--TextDecorationColor: var(--pf-t--global--border--color--hover);
11131
+ --pf-v5-c-description-list--m-display-lg__description--FontSize: var(--pf-t--global--font--size--body--lg);
11132
+ --pf-v5-c-description-list--m-display-2xl__description--FontSize: var(--pf-t--global--font--size--heading--lg);
11133
+ --pf-v5-c-description-list--m-horizontal__term--width-on-sm: inherit;
11134
+ --pf-v5-c-description-list--m-horizontal__term--width-on-md: inherit;
11135
+ --pf-v5-c-description-list--m-horizontal__term--width-on-lg: inherit;
11136
+ --pf-v5-c-description-list--m-horizontal__term--width-on-xl: inherit;
11137
+ --pf-v5-c-description-list--m-horizontal__term--width-on-2xl: inherit;
11138
+ --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width);
11115
11139
  }
11116
11140
  @media screen and (min-width: 576px) {
11117
- .pf-v5-c-description-list {
11141
+ :where(:root), :where(.pf-v5-c-description-list) {
11118
11142
  --pf-v5-c-description-list__term--Display: var(--pf-v5-c-description-list__term--sm--Display);
11119
11143
  }
11120
11144
  }
11121
- .pf-v5-c-description-list[class*=pf-m-horizontal] {
11122
- --pf-v5-c-description-list__term--width: var(--pf-v5-c-description-list--m-horizontal__term--width);
11123
- }
11124
11145
  @media (min-width: 576px) {
11125
- .pf-v5-c-description-list[class*=pf-m-horizontal] {
11146
+ :where(:root), :where(.pf-v5-c-description-list) {
11126
11147
  --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));
11127
11148
  }
11128
11149
  }
11129
11150
  @media (min-width: 768px) {
11130
- .pf-v5-c-description-list[class*=pf-m-horizontal] {
11151
+ :where(:root), :where(.pf-v5-c-description-list) {
11131
11152
  --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)));
11132
11153
  }
11133
11154
  }
11134
11155
  @media (min-width: 992px) {
11135
- .pf-v5-c-description-list[class*=pf-m-horizontal] {
11156
+ :where(:root), :where(.pf-v5-c-description-list) {
11136
11157
  --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))));
11137
11158
  }
11138
11159
  }
11139
11160
  @media (min-width: 1200px) {
11140
- .pf-v5-c-description-list[class*=pf-m-horizontal] {
11161
+ :where(:root), :where(.pf-v5-c-description-list) {
11141
11162
  --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)))));
11142
11163
  }
11143
11164
  }
11144
11165
  @media (min-width: 1450px) {
11145
- .pf-v5-c-description-list[class*=pf-m-horizontal] {
11166
+ :where(:root), :where(.pf-v5-c-description-list) {
11146
11167
  --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))))));
11147
11168
  }
11148
11169
  }
11170
+
11171
+ .pf-v5-c-description-list {
11172
+ display: grid;
11173
+ grid-template-columns: repeat(var(--pf-v5-c-description-list--GridTemplateColumns--count), var(--pf-v5-c-description-list--GridTemplateColumns--width));
11174
+ row-gap: var(--pf-v5-c-description-list--RowGap);
11175
+ column-gap: var(--pf-v5-c-description-list--ColumnGap);
11176
+ align-items: baseline;
11177
+ }
11149
11178
  .pf-v5-c-description-list.pf-m-inline-grid {
11150
11179
  display: inline-grid;
11151
11180
  }
@@ -15115,48 +15144,42 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
15115
15144
  padding-inline-end: var(--pf-v5-c-expandable-section__content--PaddingRight);
15116
15145
  }
15117
15146
 
15147
+ :where(:root),
15148
+ :where(.pf-v5-c-file-upload) {
15149
+ --pf-v5-c-file-upload--RowGap: var(--pf-t--global--spacer--sm);
15150
+ --pf-v5-c-file-upload--PaddingBlockStart: var(--pf-t--global--spacer--sm);
15151
+ --pf-v5-c-file-upload--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
15152
+ --pf-v5-c-file-upload--PaddingInlineStart: var(--pf-t--global--spacer--sm);
15153
+ --pf-v5-c-file-upload--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
15154
+ --pf-v5-c-file-upload--BorderRadius: var(--pf-t--global--border--radius--small);
15155
+ --pf-v5-c-file-upload--BorderWidth: var(--pf-t--global--border--width--regular);
15156
+ --pf-v5-c-file-upload--BorderColor: transparent;
15157
+ --pf-v5-c-file-upload--BorderStyle: solid;
15158
+ --pf-v5-c-file-upload--m-drag-hover--BorderColor: var(--pf-t--global--icon--color--brand--default);
15159
+ --pf-v5-c-file-upload--m-drag-hover--BorderStyle: dashed;
15160
+ --pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
15161
+ --pf-v5-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-t--global--spacer--3xl) * 2);
15162
+ }
15163
+
15118
15164
  .pf-v5-c-file-upload {
15119
- --pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
15120
- --pf-v5-c-file-upload--m-loading__file-details--before--Left: var(--pf-v5-global--BorderWidth--sm);
15121
- --pf-v5-c-file-upload--m-loading__file-details--before--Right: var(--pf-v5-global--BorderWidth--sm);
15122
- --pf-v5-c-file-upload--m-loading__file-details--before--Bottom: var(--pf-v5-global--BorderWidth--sm);
15123
- --pf-v5-c-file-upload--m-drag-hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
15124
- --pf-v5-c-file-upload--m-drag-hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
15125
- --pf-v5-c-file-upload--m-drag-hover--before--ZIndex: var(--pf-v5-global--ZIndex--xs);
15126
- --pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor: var(--pf-v5-global--primary-color--100);
15127
- --pf-v5-c-file-upload--m-drag-hover--after--Opacity: .1;
15128
- --pf-v5-c-file-upload__file-details__c-form-control--MinHeight: calc(var(--pf-v5-global--spacer--3xl) * 2);
15129
- --pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset: calc(-1 * var(--pf-v5-global--spacer--xs));
15130
15165
  position: relative;
15131
15166
  display: flex;
15132
15167
  flex-direction: column;
15133
- }
15134
- .pf-v5-c-file-upload.pf-m-drag-hover::before {
15135
- position: absolute;
15136
- inset: 0;
15137
- z-index: var(--pf-v5-c-file-upload--m-drag-hover--before--ZIndex);
15138
- content: "";
15139
- border: var(--pf-v5-c-file-upload--m-drag-hover--before--BorderWidth) solid var(--pf-v5-c-file-upload--m-drag-hover--before--BorderColor);
15140
- }
15141
- .pf-v5-c-file-upload.pf-m-drag-hover::after {
15142
- position: absolute;
15143
- inset: 0;
15144
- content: "";
15145
- background-color: var(--pf-v5-c-file-upload--m-drag-hover--after--BackgroundColor);
15146
- opacity: var(--pf-v5-c-file-upload--m-drag-hover--after--Opacity);
15168
+ row-gap: var(--pf-v5-c-file-upload--RowGap);
15169
+ padding-block-start: var(--pf-v5-c-file-upload--PaddingBlockStart);
15170
+ padding-block-end: var(--pf-v5-c-file-upload--PaddingBlockEnd);
15171
+ padding-inline-start: var(--pf-v5-c-file-upload--PaddingInlineStart);
15172
+ padding-inline-end: var(--pf-v5-c-file-upload--PaddingInlineEnd);
15173
+ border: var(--pf-v5-c-file-upload--BorderWidth) var(--pf-v5-c-file-upload--BorderStyle) var(--pf-v5-c-file-upload--BorderColor);
15174
+ border-radius: var(--pf-v5-c-file-upload--BorderRadius);
15175
+ }
15176
+ .pf-v5-c-file-upload.pf-m-drag-hover {
15177
+ --pf-v5-c-file-upload--BorderColor: var(--pf-v5-c-file-upload--m-drag-hover--BorderColor);
15178
+ --pf-v5-c-file-upload--BorderStyle: var(--pf-v5-c-file-upload--m-drag-hover--BorderStyle);
15147
15179
  }
15148
15180
  .pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details {
15149
15181
  position: relative;
15150
15182
  }
15151
- .pf-v5-c-file-upload.pf-m-loading .pf-v5-c-file-upload__file-details::before {
15152
- position: absolute;
15153
- inset-block-start: 0;
15154
- inset-block-end: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
15155
- inset-inline-start: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
15156
- inset-inline-end: var(--pf-v5-c-file-upload--m-loading__file-details--before--Left);
15157
- content: "";
15158
- background-color: var(--pf-v5-c-file-upload--m-loading__file-details--before--BackgroundColor);
15159
- }
15160
15183
 
15161
15184
  .pf-v5-c-file-upload__file-select .pf-v5-c-button.pf-m-control {
15162
15185
  outline-offset: var(--pf-v5-c-file-upload__file-select__c-button--m-control--OutlineOffset);
@@ -16063,33 +16086,70 @@ select ~ .pf-v5-c-form-control__utilities {
16063
16086
  color: var(--pf-v5-c-helper-text__item-text--Color);
16064
16087
  }
16065
16088
 
16066
- .pf-v5-c-icon {
16089
+ :root,
16090
+ :where(.pf-v5-c-icon) {
16067
16091
  --pf-v5-c-icon--Width: 1em;
16068
16092
  --pf-v5-c-icon--Height: 1em;
16069
- --pf-v5-c-icon--m-sm--Width: var(--pf-v5-global--icon--FontSize--sm);
16070
- --pf-v5-c-icon--m-sm--Height: var(--pf-v5-global--icon--FontSize--sm);
16071
- --pf-v5-c-icon--m-md--Width: var(--pf-v5-global--icon--FontSize--md);
16072
- --pf-v5-c-icon--m-md--Height: var(--pf-v5-global--icon--FontSize--md);
16073
- --pf-v5-c-icon--m-lg--Width: var(--pf-v5-global--icon--FontSize--lg);
16074
- --pf-v5-c-icon--m-lg--Height: var(--pf-v5-global--icon--FontSize--lg);
16075
- --pf-v5-c-icon--m-xl--Width: var(--pf-v5-global--icon--FontSize--xl);
16076
- --pf-v5-c-icon--m-xl--Height: var(--pf-v5-global--icon--FontSize--xl);
16093
+ --pf-v5-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
16094
+ --pf-v5-c-icon--m-sm--Height: var(--pf-t--global--icon--size--sm);
16095
+ --pf-v5-c-icon--m-md--Width: var(--pf-t--global--icon--size--md);
16096
+ --pf-v5-c-icon--m-md--Height: var(--pf-t--global--icon--size--md);
16097
+ --pf-v5-c-icon--m-lg--Width: var(--pf-t--global--icon--size--lg);
16098
+ --pf-v5-c-icon--m-lg--Height: var(--pf-t--global--icon--size--lg);
16099
+ --pf-v5-c-icon--m-xl--Width: var(--pf-t--global--icon--size--xl);
16100
+ --pf-v5-c-icon--m-xl--Height: var(--pf-t--global--icon--size--xl);
16101
+ --pf-v5-c-icon--m-2xl--Width: var(--pf-t--global--icon--size--2xl);
16102
+ --pf-v5-c-icon--m-2xl--Height: var(--pf-t--global--icon--size--2xl);
16103
+ --pf-v5-c-icon--m-3xl--Width: var(--pf-t--global--icon--size--3xl);
16104
+ --pf-v5-c-icon--m-3xl--Height: var(--pf-t--global--icon--size--3xl);
16105
+ --pf-v5-c-icon--m-body-sm--Width: var(--pf-t--global--icon--size--body--sm);
16106
+ --pf-v5-c-icon--m-body-sm--Height: var(--pf-t--global--icon--size--body--sm);
16107
+ --pf-v5-c-icon--m-body-default--Width: var(--pf-t--global--icon--size--body--default);
16108
+ --pf-v5-c-icon--m-body-default--Height: var(--pf-t--global--icon--size--body--default);
16109
+ --pf-v5-c-icon--m-body-lg--Width: var(--pf-t--global--icon--size--body--lg);
16110
+ --pf-v5-c-icon--m-body-lg--Height: var(--pf-t--global--icon--size--body--lg);
16111
+ --pf-v5-c-icon--m-heading-sm--Width: var(--pf-t--global--icon--size--heading--h6);
16112
+ --pf-v5-c-icon--m-heading-sm--Height: var(--pf-t--global--icon--size--heading--h6);
16113
+ --pf-v5-c-icon--m-heading-md--Width: var(--pf-t--global--icon--size--heading--h5);
16114
+ --pf-v5-c-icon--m-heading-md--Height: var(--pf-t--global--icon--size--heading--h5);
16115
+ --pf-v5-c-icon--m-heading-lg--Width: var(--pf-t--global--icon--size--heading--h4);
16116
+ --pf-v5-c-icon--m-heading-lg--Height: var(--pf-t--global--icon--size--heading--h4);
16117
+ --pf-v5-c-icon--m-heading-xl--Width: var(--pf-t--global--icon--size--heading--h3);
16118
+ --pf-v5-c-icon--m-heading-xl--Height: var(--pf-t--global--icon--size--heading--h3);
16119
+ --pf-v5-c-icon--m-heading-2xl--Width: var(--pf-t--global--icon--size--heading--h2);
16120
+ --pf-v5-c-icon--m-heading-2xl--Height: var(--pf-t--global--icon--size--heading--h2);
16121
+ --pf-v5-c-icon--m-heading-3xl--Width: var(--pf-t--global--icon--size--heading--h1);
16122
+ --pf-v5-c-icon--m-heading-3xl--Height: var(--pf-t--global--icon--size--heading--h1);
16077
16123
  --pf-v5-c-icon--m-inline--Width: 1em;
16078
16124
  --pf-v5-c-icon--m-inline--Height: 1em;
16079
16125
  --pf-v5-c-icon__content--svg--VerticalAlign: -.125em;
16080
16126
  --pf-v5-c-icon__content--Color: initial;
16081
- --pf-v5-c-icon__content--m-danger--Color: var(--pf-v5-global--danger-color--100);
16082
- --pf-v5-c-icon__content--m-warning--Color: var(--pf-v5-global--warning-color--100);
16083
- --pf-v5-c-icon__content--m-success--Color: var(--pf-v5-global--success-color--100);
16084
- --pf-v5-c-icon__content--m-info--Color: var(--pf-v5-global--info-color--100);
16085
- --pf-v5-c-icon__content--m-custom--Color: var(--pf-v5-global--custom-color--100);
16127
+ --pf-v5-c-icon__content--m-danger--Color: var(--pf-t--global--color--status--danger--default);
16128
+ --pf-v5-c-icon__content--m-warning--Color: var(--pf-t--global--color--status--warning--default);
16129
+ --pf-v5-c-icon__content--m-success--Color: var(--pf-t--global--color--status--success--default);
16130
+ --pf-v5-c-icon__content--m-info--Color: var(--pf-t--global--color--status--info--default);
16131
+ --pf-v5-c-icon__content--m-custom--Color: var(--pf-t--global--color--status--custom--default);
16086
16132
  --pf-v5-c-icon--m-inline__content--Color: initial;
16087
16133
  --pf-v5-c-icon__content--FontSize: 1em;
16088
- --pf-v5-c-icon--m-sm__content--FontSize: var(--pf-v5-global--icon--FontSize--sm);
16089
- --pf-v5-c-icon--m-md__content--FontSize: var(--pf-v5-global--icon--FontSize--md);
16090
- --pf-v5-c-icon--m-lg__content--FontSize: var(--pf-v5-global--icon--FontSize--lg);
16091
- --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-v5-global--icon--FontSize--xl);
16134
+ --pf-v5-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
16135
+ --pf-v5-c-icon--m-md__content--FontSize: var(--pf-t--global--icon--size--md);
16136
+ --pf-v5-c-icon--m-lg__content--FontSize: var(--pf-t--global--icon--size--lg);
16137
+ --pf-v5-c-icon--m-xl__content--FontSize: var(--pf-t--global--icon--size--xl);
16138
+ --pf-v5-c-icon--m-2xl__content--FontSize: var(--pf-t--global--icon--size--2xl);
16139
+ --pf-v5-c-icon--m-3xl__content--FontSize: var(--pf-t--global--icon--size--3xl);
16140
+ --pf-v5-c-icon--m-body-sm__content--FontSize: var(--pf-t--global--icon--size--body--sm);
16141
+ --pf-v5-c-icon--m-body-default__content--FontSize: var(--pf-t--global--icon--size--body--default);
16142
+ --pf-v5-c-icon--m-body-lg__content--FontSize: var(--pf-t--global--icon--size--body--lg);
16143
+ --pf-v5-c-icon--m-heading-sm__content--FontSize: var(--pf-t--global--icon--size--heading--h6);
16144
+ --pf-v5-c-icon--m-heading-md__content--FontSize: var(--pf-t--global--icon--size--heading--h5);
16145
+ --pf-v5-c-icon--m-heading-lg__content--FontSize: var(--pf-t--global--icon--size--heading--h4);
16146
+ --pf-v5-c-icon--m-heading-xl__content--FontSize: var(--pf-t--global--icon--size--heading--h3);
16147
+ --pf-v5-c-icon--m-heading-2xl__content--FontSize: var(--pf-t--global--icon--size--heading--h2);
16148
+ --pf-v5-c-icon--m-heading-3xl__content--FontSize: var(--pf-t--global--icon--size--heading--h1);
16092
16149
  --pf-v5-c-icon--m-inline__content--FontSize: 1em;
16150
+ }
16151
+
16152
+ .pf-v5-c-icon {
16093
16153
  position: relative;
16094
16154
  display: inline-flex;
16095
16155
  align-items: center;
@@ -16127,6 +16187,61 @@ select ~ .pf-v5-c-form-control__utilities {
16127
16187
  --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-xl--Height);
16128
16188
  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
16129
16189
  }
16190
+ .pf-v5-c-icon.pf-m-2xl {
16191
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-2xl--Width);
16192
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-2xl--Height);
16193
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-2xl__content--FontSize);
16194
+ }
16195
+ .pf-v5-c-icon.pf-m-3xl {
16196
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-3xl--Width);
16197
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-3xl--Height);
16198
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-3xl__content--FontSize);
16199
+ }
16200
+ .pf-v5-c-icon.pf-m-body-sm {
16201
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-body-sm--Width);
16202
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-body-sm--Height);
16203
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-body-sm__content--FontSize);
16204
+ }
16205
+ .pf-v5-c-icon.pf-m-body-default {
16206
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-body-default--Width);
16207
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-body-default--Height);
16208
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-body-default__content--FontSize);
16209
+ }
16210
+ .pf-v5-c-icon.pf-m-body-lg {
16211
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-body-lg--Width);
16212
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-body-lg--Height);
16213
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
16214
+ }
16215
+ .pf-v5-c-icon.pf-m-heading-sm {
16216
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-sm--Width);
16217
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-sm--Height);
16218
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-sm__content--FontSize);
16219
+ }
16220
+ .pf-v5-c-icon.pf-m-heading-md {
16221
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-md--Width);
16222
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-md--Height);
16223
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-md__content--FontSize);
16224
+ }
16225
+ .pf-v5-c-icon.pf-m-heading-lg {
16226
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-lg--Width);
16227
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-lg--Height);
16228
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-lg__content--FontSize);
16229
+ }
16230
+ .pf-v5-c-icon.pf-m-heading-xl {
16231
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-xl--Width);
16232
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-xl--Height);
16233
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-xl__content--FontSize);
16234
+ }
16235
+ .pf-v5-c-icon.pf-m-heading-2xl {
16236
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-2xl--Width);
16237
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-2xl--Height);
16238
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-2xl__content--FontSize);
16239
+ }
16240
+ .pf-v5-c-icon.pf-m-heading-3xl {
16241
+ --pf-v5-c-icon--Width: var(--pf-v5-c-icon--m-heading-3xl--Width);
16242
+ --pf-v5-c-icon--Height: var(--pf-v5-c-icon--m-heading-3xl--Height);
16243
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-3xl__content--FontSize);
16244
+ }
16130
16245
  .pf-v5-c-icon.pf-m-in-progress {
16131
16246
  --pf-v5-c-icon__content--Opacity: 0;
16132
16247
  --pf-v5-c-icon__progress--Opacity: 1;
@@ -16156,6 +16271,50 @@ select ~ .pf-v5-c-form-control__utilities {
16156
16271
  .pf-v5-c-icon__progress.pf-m-xl {
16157
16272
  --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-xl__content--FontSize);
16158
16273
  }
16274
+ .pf-v5-c-icon__content.pf-m-2xl,
16275
+ .pf-v5-c-icon__progress.pf-m-2xl {
16276
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-2xl__content--FontSize);
16277
+ }
16278
+ .pf-v5-c-icon__content.pf-m-3xl,
16279
+ .pf-v5-c-icon__progress.pf-m-3xl {
16280
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-3xl__content--FontSize);
16281
+ }
16282
+ .pf-v5-c-icon__content.pf-m-body-sm,
16283
+ .pf-v5-c-icon__progress.pf-m-body-sm {
16284
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-body-sm__content--FontSize);
16285
+ }
16286
+ .pf-v5-c-icon__content.pf-m-body-default,
16287
+ .pf-v5-c-icon__progress.pf-m-body-default {
16288
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-md__content--FontSize);
16289
+ }
16290
+ .pf-v5-c-icon__content.pf-m-body-lg,
16291
+ .pf-v5-c-icon__progress.pf-m-body-lg {
16292
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-lg__content--FontSize);
16293
+ }
16294
+ .pf-v5-c-icon__content.pf-m-heading-sm,
16295
+ .pf-v5-c-icon__progress.pf-m-heading-sm {
16296
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-sm__content--FontSize);
16297
+ }
16298
+ .pf-v5-c-icon__content.pf-m-heading-md,
16299
+ .pf-v5-c-icon__progress.pf-m-heading-md {
16300
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-md__content--FontSize);
16301
+ }
16302
+ .pf-v5-c-icon__content.pf-m-heading-lg,
16303
+ .pf-v5-c-icon__progress.pf-m-heading-lg {
16304
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-lg__content--FontSize);
16305
+ }
16306
+ .pf-v5-c-icon__content.pf-m-heading-xl,
16307
+ .pf-v5-c-icon__progress.pf-m-heading-xl {
16308
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-xl__content--FontSize);
16309
+ }
16310
+ .pf-v5-c-icon__content.pf-m-heading-2xl,
16311
+ .pf-v5-c-icon__progress.pf-m-heading-2xl {
16312
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-2xl__content--FontSize);
16313
+ }
16314
+ .pf-v5-c-icon__content.pf-m-heading-3xl,
16315
+ .pf-v5-c-icon__progress.pf-m-heading-3xl {
16316
+ --pf-v5-c-icon__content--FontSize: var(--pf-v5-c-icon--m-heading-3xl__content--FontSize);
16317
+ }
16159
16318
 
16160
16319
  .pf-v5-c-icon__content {
16161
16320
  color: var(--pf-v5-c-icon__content--Color, inherit);
@@ -16605,149 +16764,227 @@ label.pf-v5-c-input-group__text {
16605
16764
  color: var(--pf-v5-c-jump-links__toggle-text--Color);
16606
16765
  }
16607
16766
 
16608
- .pf-v5-c-label {
16609
- --pf-v5-c-label--PaddingTop: var(--pf-v5-global--spacer--xs);
16610
- --pf-v5-c-label--PaddingRight: var(--pf-v5-global--spacer--sm);
16611
- --pf-v5-c-label--PaddingBottom: var(--pf-v5-global--spacer--xs);
16612
- --pf-v5-c-label--PaddingLeft: var(--pf-v5-global--spacer--sm);
16767
+ .pf-v5-c-table, .pf-v5-c-select, .pf-v5-c-menu, .pf-t-light, .pf-v5-c-calendar-month, .pf-v5-c-chip, .pf-v5-c-chip-group, .pf-v5-c-context-selector__menu {
16768
+ --pf-v5-global--Color--100: var(--pf-v5-global--Color--dark-100);
16769
+ --pf-v5-global--Color--200: var(--pf-v5-global--Color--dark-200);
16770
+ --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--dark-100);
16771
+ --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--dark-100);
16772
+ --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--dark);
16773
+ --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--dark--hover);
16774
+ --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--light-100);
16775
+ --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--dark);
16776
+ --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--dark);
16777
+ }
16778
+
16779
+ .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-t-dark {
16780
+ --pf-v5-global--Color--100: var(--pf-v5-global--Color--light-100);
16781
+ --pf-v5-global--Color--200: var(--pf-v5-global--Color--light-200);
16782
+ --pf-v5-global--BorderColor--100: var(--pf-v5-global--BorderColor--light-100);
16783
+ --pf-v5-global--primary-color--100: var(--pf-v5-global--primary-color--light-100);
16784
+ --pf-v5-global--link--Color: var(--pf-v5-global--link--Color--light);
16785
+ --pf-v5-global--link--Color--hover: var(--pf-v5-global--link--Color--light);
16786
+ --pf-v5-global--BackgroundColor--100: var(--pf-v5-global--BackgroundColor--dark-100);
16787
+ --pf-v5-global--icon--Color--light: var(--pf-v5-global--icon--Color--light--light);
16788
+ --pf-v5-global--icon--Color--dark: var(--pf-v5-global--icon--Color--dark--light);
16789
+ }
16790
+ .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-t-dark .pf-v5-c-button {
16791
+ --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--dark-100);
16792
+ }
16793
+
16794
+ .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 {
16795
+ --pf-v5-hidden-visible--hidden--Display: none;
16796
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16797
+ display: var(--pf-v5-hidden-visible--Display);
16798
+ }
16799
+ .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 {
16800
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16801
+ }
16802
+ @media screen and (min-width: 576px) {
16803
+ .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 {
16804
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16805
+ }
16806
+ .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 {
16807
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16808
+ }
16809
+ }
16810
+ @media screen and (min-width: 768px) {
16811
+ .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 {
16812
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16813
+ }
16814
+ .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 {
16815
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16816
+ }
16817
+ }
16818
+ @media screen and (min-width: 992px) {
16819
+ .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 {
16820
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16821
+ }
16822
+ .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 {
16823
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16824
+ }
16825
+ }
16826
+ @media screen and (min-width: 1200px) {
16827
+ .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 {
16828
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16829
+ }
16830
+ .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 {
16831
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16832
+ }
16833
+ }
16834
+ @media screen and (min-width: 1450px) {
16835
+ .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 {
16836
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--hidden--Display);
16837
+ }
16838
+ .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 {
16839
+ --pf-v5-hidden-visible--Display: var(--pf-v5-hidden-visible--visible--Display);
16840
+ }
16841
+ }
16842
+
16843
+ .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) {
16844
+ appearance: textfield;
16845
+ }
16846
+ .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 {
16847
+ margin: 0;
16848
+ appearance: none;
16849
+ }
16850
+
16851
+ :where(:root),
16852
+ :where(.pf-v5-c-label) {
16853
+ --pf-v5-c-label--PaddingTop: var(--pf-t--global--spacer--xs);
16854
+ --pf-v5-c-label--PaddingRight: var(--pf-t--global--spacer--sm);
16855
+ --pf-v5-c-label--PaddingBottom: var(--pf-t--global--spacer--xs);
16856
+ --pf-v5-c-label--PaddingLeft: var(--pf-t--global--spacer--sm);
16613
16857
  --pf-v5-c-label--MaxWidth: 100%;
16614
- --pf-v5-c-label--BorderRadius: var(--pf-v5-global--BorderRadius--lg);
16615
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-global--palette--black-150);
16616
- --pf-v5-c-label--Color: var(--pf-v5-global--Color--100);
16617
- --pf-v5-c-label--FontSize: var(--pf-v5-global--FontSize--sm);
16618
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
16619
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16620
- --pf-v5-c-label--m-outline--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
16621
- --pf-v5-c-label--m-outline__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
16622
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16623
- --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
16624
- --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
16625
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--200);
16626
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--200);
16627
- --pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
16628
- --pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
16629
- --pf-v5-c-label--m-outline__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16630
- --pf-v5-c-label--m-outline__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16631
- --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-v5-global--palette--blue-50);
16632
- --pf-v5-c-label--m-blue__icon--Color: var(--pf-v5-global--primary-color--100);
16633
- --pf-v5-c-label--m-blue__content--Color: var(--pf-v5-global--info-color--200);
16634
- --pf-v5-c-label--m-blue__content--before--BorderColor: var(--pf-v5-global--palette--blue-100);
16635
- --pf-v5-c-label--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--primary-color--100);
16636
- --pf-v5-c-label--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--primary-color--100);
16637
- --pf-v5-c-label--m-outline--m-blue__content--Color: var(--pf-v5-global--primary-color--100);
16638
- --pf-v5-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16639
- --pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16640
- --pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16641
- --pf-v5-c-label--m-green--BackgroundColor: var(--pf-v5-global--palette--green-50);
16642
- --pf-v5-c-label--m-green__icon--Color: var(--pf-v5-global--success-color--100);
16643
- --pf-v5-c-label--m-green__content--Color: var(--pf-v5-global--success-color--200);
16644
- --pf-v5-c-label--m-green__content--before--BorderColor: var(--pf-v5-global--palette--green-100);
16645
- --pf-v5-c-label--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--success-color--100);
16646
- --pf-v5-c-label--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--success-color--100);
16647
- --pf-v5-c-label--m-outline--m-green__content--Color: var(--pf-v5-global--success-color--100);
16648
- --pf-v5-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16649
- --pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16650
- --pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16651
- --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-v5-global--palette--orange-50);
16652
- --pf-v5-c-label--m-orange__icon--Color: var(--pf-v5-global--palette--orange-300);
16653
- --pf-v5-c-label--m-orange__content--Color: var(--pf-v5-global--palette--orange-700);
16654
- --pf-v5-c-label--m-orange__content--before--BorderColor: var(--pf-v5-global--palette--orange-100);
16655
- --pf-v5-c-label--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--orange-300);
16656
- --pf-v5-c-label--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--orange-300);
16657
- --pf-v5-c-label--m-outline--m-orange__content--Color: var(--pf-v5-global--palette--orange-500);
16658
- --pf-v5-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16659
- --pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16660
- --pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16661
- --pf-v5-c-label--m-red--BackgroundColor: var(--pf-v5-global--palette--red-50);
16662
- --pf-v5-c-label--m-red__icon--Color: var(--pf-v5-global--danger-color--100);
16663
- --pf-v5-c-label--m-red__content--Color: var(--pf-v5-global--palette--red-300);
16664
- --pf-v5-c-label--m-red__content--before--BorderColor: var(--pf-v5-global--palette--red-100);
16665
- --pf-v5-c-label--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--danger-color--100);
16666
- --pf-v5-c-label--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--danger-color--100);
16667
- --pf-v5-c-label--m-outline--m-red__content--Color: var(--pf-v5-global--danger-color--100);
16668
- --pf-v5-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16669
- --pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16670
- --pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16671
- --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-v5-global--palette--purple-50);
16672
- --pf-v5-c-label--m-purple__icon--Color: var(--pf-v5-global--palette--purple-500);
16673
- --pf-v5-c-label--m-purple__content--Color: var(--pf-v5-global--palette--purple-700);
16674
- --pf-v5-c-label--m-purple__content--before--BorderColor: var(--pf-v5-global--palette--purple-100);
16675
- --pf-v5-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-500);
16676
- --pf-v5-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-500);
16677
- --pf-v5-c-label--m-outline--m-purple__content--Color: var(--pf-v5-global--palette--purple-500);
16678
- --pf-v5-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16679
- --pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16680
- --pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16681
- --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-v5-global--palette--cyan-50);
16682
- --pf-v5-c-label--m-cyan__icon--Color: var(--pf-v5-global--custom-color--200);
16683
- --pf-v5-c-label--m-cyan__content--Color: var(--pf-v5-global--custom-color--300);
16684
- --pf-v5-c-label--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
16685
- --pf-v5-c-label--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--custom-color--200);
16686
- --pf-v5-c-label--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--custom-color--200);
16687
- --pf-v5-c-label--m-outline--m-cyan__content--Color: var(--pf-v5-global--palette--cyan-400);
16688
- --pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16689
- --pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16690
- --pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16691
- --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--palette--gold-50);
16692
- --pf-v5-c-label--m-gold__icon--Color: var(--pf-v5-global--palette--gold-400);
16693
- --pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-700);
16694
- --pf-v5-c-label--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
16695
- --pf-v5-c-label--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-300);
16696
- --pf-v5-c-label--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-300);
16697
- --pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-600);
16698
- --pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16699
- --pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16700
- --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16701
- --pf-v5-c-label--m-overflow__content--Color: var(--pf-v5-global--link--Color);
16702
- --pf-v5-c-label--m-overflow__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
16703
- --pf-v5-c-label--m-overflow__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
16704
- --pf-v5-c-label--m-overflow__content--before--BorderColor: var(--pf-v5-global--BorderColor--300);
16705
- --pf-v5-c-label--m-overflow__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
16706
- --pf-v5-c-label--m-overflow__content--link--hover--before--BorderColor: var(--pf-v5-global--BorderColor--300);
16707
- --pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--md);
16708
- --pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor: var(--pf-v5-global--BorderColor--300);
16858
+ --pf-v5-c-label--BorderWidth: 0;
16859
+ --pf-v5-c-label--BorderColor: transparent;
16860
+ --pf-v5-c-label--BorderRadius: var(--pf-t--global--border--radius--pill);
16861
+ --pf-v5-c-label--FontSize: var(--pf-t--global--font--size--body--sm);
16862
+ --pf-v5-c-label--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gray--default);
16863
+ --pf-v5-c-label--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
16864
+ --pf-v5-c-label__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
16865
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gray--hover);
16866
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
16867
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
16868
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gray--default);
16869
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gray--hover);
16870
+ --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-t--global--border--color--nonstatus--blue--default);
16871
+ --pf-v5-c-label--m-blue--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
16872
+ --pf-v5-c-label--m-blue__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
16873
+ --pf-v5-c-label--m-blue--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--blue--hover);
16874
+ --pf-v5-c-label--m-blue--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-blue--hover);
16875
+ --pf-v5-c-label--m-blue--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--hover);
16876
+ --pf-v5-c-label--m-blue--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
16877
+ --pf-v5-c-label--m-blue--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--hover);
16878
+ --pf-v5-c-label--m-red--BackgroundColor: var(--pf-t--global--border--color--nonstatus--red--default);
16879
+ --pf-v5-c-label--m-red--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
16880
+ --pf-v5-c-label--m-red__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
16881
+ --pf-v5-c-label--m-red--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--red--hover);
16882
+ --pf-v5-c-label--m-red--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-red--hover);
16883
+ --pf-v5-c-label--m-red--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-red--hover);
16884
+ --pf-v5-c-label--m-red--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
16885
+ --pf-v5-c-label--m-red--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--red--hover);
16886
+ --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orange--default);
16887
+ --pf-v5-c-label--m-orange--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
16888
+ --pf-v5-c-label--m-orange__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
16889
+ --pf-v5-c-label--m-orange--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orange--hover);
16890
+ --pf-v5-c-label--m-orange--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-orange--hover);
16891
+ --pf-v5-c-label--m-orange--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--hover);
16892
+ --pf-v5-c-label--m-orange--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
16893
+ --pf-v5-c-label--m-orange--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--hover);
16894
+ --pf-v5-c-label--m-orangered--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
16895
+ --pf-v5-c-label--m-orangered--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
16896
+ --pf-v5-c-label--m-orangered__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
16897
+ --pf-v5-c-label--m-orangered--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
16898
+ --pf-v5-c-label--m-orangered--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--hover);
16899
+ --pf-v5-c-label--m-orangered--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--hover);
16900
+ --pf-v5-c-label--m-orangered--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
16901
+ --pf-v5-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
16902
+ --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gold--default);
16903
+ --pf-v5-c-label--m-gold--Color: var(--pf-t--global--text--color--nonstatus--on-gold--default);
16904
+ --pf-v5-c-label--m-gold__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--default);
16905
+ --pf-v5-c-label--m-gold--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--gold--hover);
16906
+ --pf-v5-c-label--m-gold--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gold--hover);
16907
+ --pf-v5-c-label--m-gold--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--hover);
16908
+ --pf-v5-c-label--m-gold--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--default);
16909
+ --pf-v5-c-label--m-gold--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--hover);
16910
+ --pf-v5-c-label--m-green--BackgroundColor: var(--pf-t--global--border--color--nonstatus--green--default);
16911
+ --pf-v5-c-label--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
16912
+ --pf-v5-c-label--m-green__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
16913
+ --pf-v5-c-label--m-green--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--green--hover);
16914
+ --pf-v5-c-label--m-green--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-green--hover);
16915
+ --pf-v5-c-label--m-green--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--hover);
16916
+ --pf-v5-c-label--m-green--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
16917
+ --pf-v5-c-label--m-green--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--green--hover);
16918
+ --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-t--global--border--color--nonstatus--cyan--default);
16919
+ --pf-v5-c-label--m-cyan--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--default);
16920
+ --pf-v5-c-label--m-cyan__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--default);
16921
+ --pf-v5-c-label--m-cyan--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--cyan--hover);
16922
+ --pf-v5-c-label--m-cyan--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--hover);
16923
+ --pf-v5-c-label--m-cyan--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--hover);
16924
+ --pf-v5-c-label--m-cyan--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--default);
16925
+ --pf-v5-c-label--m-cyan--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--hover);
16926
+ --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-t--global--border--color--nonstatus--purple--default);
16927
+ --pf-v5-c-label--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
16928
+ --pf-v5-c-label--m-purple__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
16929
+ --pf-v5-c-label--m-purple--m-clickable--hover--BackgroundColor: var(--pf-t--global--border--color--nonstatus--purple--hover);
16930
+ --pf-v5-c-label--m-purple--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-purple--hover);
16931
+ --pf-v5-c-label--m-purple--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--hover);
16932
+ --pf-v5-c-label--m-purple--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
16933
+ --pf-v5-c-label--m-purple--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--hover);
16934
+ --pf-v5-c-label--m-clickable--hover--BorderWidth: 0;
16935
+ --pf-v5-c-label--m-clickable--hover--BorderColor: transparent;
16936
+ --pf-v5-c-label--m-outline--BorderWidth: var(--pf-t--global--border--width--button--default);
16937
+ --pf-v5-c-label--m-outline--BackgroundColor: transparent;
16938
+ --pf-v5-c-label--m-outline--Color: var(--pf-t--global--text--color--regular);
16939
+ --pf-v5-c-label--m-outline__icon--Color: var(--pf-t--global--icon--color--regular);
16940
+ --pf-v5-c-label--m-outline--m-clickable--hover--BackgroundColor: transparent;
16941
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
16942
+ --pf-v5-c-label--m-outline--m-clickable--hover--Color: var(--pf-t--global--text--color--regular);
16943
+ --pf-v5-c-label--m-overflow--Color: var(--pf-t--global--text--color--brand--default);
16944
+ --pf-v5-c-label--m-overflow--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
16945
+ --pf-v5-c-label--m-overflow--hover--Color: var(--pf-t--global--text--color--brand--hover);
16946
+ --pf-v5-c-label--m-overflow--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
16947
+ --pf-v5-c-label--m-overflow--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
16948
+ --pf-v5-c-label--m-add--Color: var(--pf-t--global--text--color--brand--default);
16949
+ --pf-v5-c-label--m-add--BackgroundColor: transparent;
16950
+ --pf-v5-c-label--m-add--BorderColor: var(--pf-t--global--border--color--default);
16951
+ --pf-v5-c-label--m-add--BorderWidth: var(--pf-t--global--border--width--button--default);
16952
+ --pf-v5-c-label--m-add--hover--Color: var(--pf-t--global--text--color--brand--hover);
16953
+ --pf-v5-c-label--m-add--hover--BackgroundColor: transparent;
16954
+ --pf-v5-c-label--m-add--hover--BorderColor: var(--pf-t--global--border--color--hover);
16955
+ --pf-v5-c-label--m-add--hover--BorderWidth: var(--pf-t--global--border--width--button--hover);
16709
16956
  --pf-v5-c-label--m-compact--PaddingTop: 0;
16710
- --pf-v5-c-label--m-compact--PaddingRight: var(--pf-v5-global--spacer--sm);
16957
+ --pf-v5-c-label--m-compact--PaddingRight: var(--pf-t--global--spacer--sm);
16711
16958
  --pf-v5-c-label--m-compact--PaddingBottom: 0;
16712
- --pf-v5-c-label--m-compact--PaddingLeft: var(--pf-v5-global--spacer--sm);
16713
- --pf-v5-c-label--m-compact--FontSize: var(--pf-v5-global--FontSize--xs);
16959
+ --pf-v5-c-label--m-compact--PaddingLeft: var(--pf-t--global--spacer--sm);
16960
+ --pf-v5-c-label--m-compact--FontSize: var(--pf-t--global--font--size--body--sm);
16714
16961
  --pf-v5-c-label--m-compact--m-editable--TextDecorationOffset: 0.0625rem;
16715
- --pf-v5-c-label__content--Color: var(--pf-v5-global--Color--100);
16716
- --pf-v5-c-label__content--BackgroundColor: transparent;
16717
16962
  --pf-v5-c-label__content--MaxWidth: 100%;
16718
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-global--Color--100);
16719
- --pf-v5-c-label--m-editable__content--MaxWidth: 16ch;
16963
+ --pf-v5-c-label__content--Gap: var(--pf-t--global--spacer--xs);
16964
+ --pf-v5-c-label__icon--FontSize: var(--pf-t--global--icon--size--body--sm);
16720
16965
  --pf-v5-c-label__text--MaxWidth: 100%;
16721
- --pf-v5-c-label__icon--Color: var(--pf-v5-global--Color--100);
16722
- --pf-v5-c-label__icon--MarginRight: var(--pf-v5-global--spacer--xs);
16723
- --pf-v5-c-label__actions--FontSize: var(--pf-v5-global--FontSize--xs);
16724
16966
  --pf-v5-c-label__actions--MarginRight: calc(var(--pf-v5-c-label__actions--c-button--PaddingRight) * -1);
16725
- --pf-v5-c-label__actions--c-button--FontSize: var(--pf-v5-global--FontSize--xs);
16967
+ --pf-v5-c-label__actions--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
16968
+ --pf-v5-c-label__actions--c-button--Color: var(--pf-v5-c-label__icon--Color);
16969
+ --pf-v5-c-label__actions--c-button--OutlineOffset: -0.1875rem;
16726
16970
  --pf-v5-c-label__actions--c-button--MarginTop: calc(var(--pf-v5-c-label__actions--c-button--PaddingTop) * -1);
16727
16971
  --pf-v5-c-label__actions--c-button--MarginBottom: calc(var(--pf-v5-c-label__actions--c-button--PaddingBottom) * -1);
16728
- --pf-v5-c-label__actions--c-button--PaddingTop: var(--pf-v5-global--spacer--xs);
16729
- --pf-v5-c-label__actions--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
16730
- --pf-v5-c-label__actions--c-button--PaddingBottom: var(--pf-v5-global--spacer--xs);
16731
- --pf-v5-c-label__actions--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
16732
- --pf-v5-c-label--m-editable--Cursor: pointer;
16972
+ --pf-v5-c-label__actions--c-button--PaddingTop: var(--pf-t--global--spacer--xs);
16973
+ --pf-v5-c-label__actions--c-button--PaddingRight: var(--pf-t--global--spacer--xs);
16974
+ --pf-v5-c-label__actions--c-button--PaddingBottom: var(--pf-t--global--spacer--xs);
16975
+ --pf-v5-c-label__actions--c-button--PaddingLeft: var(--pf-t--global--spacer--xs);
16733
16976
  --pf-v5-c-label--m-editable--TextDecoration: underline;
16734
16977
  --pf-v5-c-label--m-editable--TextDecorationStyle: dashed;
16735
- --pf-v5-c-label--m-editable--TextDecorationThickness: var(--pf-v5-global--BorderWidth--sm);
16978
+ --pf-v5-c-label--m-editable--TextDecorationThickness: var(--pf-t--global--border--width--regular);
16736
16979
  --pf-v5-c-label--m-editable--TextDecorationOffset: 0.25rem;
16737
- --pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-global--BorderColor--200);
16738
- --pf-v5-c-label--m-editable--hover--TextDecorationColor: var(--pf-v5-global--Color--100);
16739
- --pf-v5-c-label--m-editable--focus--TextDecorationColor: var(--pf-v5-global--Color--100);
16740
- --pf-v5-c-label--m-editable__content--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
16741
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16742
- --pf-v5-c-label--m-editable__content--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
16743
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16744
- --pf-v5-c-label--m-editable__content--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
16745
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-global--BorderColor--100);
16746
- --pf-v5-c-label--m-editable--m-editable-active--Cursor: auto;
16980
+ --pf-v5-c-label--m-editable--TextDecorationColor: currentcolor;
16981
+ --pf-v5-c-label--m-editable__content--MaxWidth: 16ch;
16747
16982
  --pf-v5-c-label--m-editable--m-editable-active--TextDecoration: none;
16748
16983
  --pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
16749
- --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
16750
- --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
16984
+ --pf-v5-c-label--m-editable--m-editable-active--Color: var(--pf-t--global--text--color--regular);
16985
+ }
16986
+
16987
+ .pf-v5-c-label {
16751
16988
  position: relative;
16752
16989
  max-width: var(--pf-v5-c-label--MaxWidth);
16753
16990
  padding-block-start: var(--pf-v5-c-label--PaddingTop);
@@ -16755,184 +16992,165 @@ label.pf-v5-c-input-group__text {
16755
16992
  padding-inline-start: var(--pf-v5-c-label--PaddingLeft);
16756
16993
  padding-inline-end: var(--pf-v5-c-label--PaddingRight);
16757
16994
  font-size: var(--pf-v5-c-label--FontSize);
16758
- color: var(--pf-v5-c-label--Color);
16759
16995
  white-space: nowrap;
16760
- background-color: var(--pf-v5-c-label--BackgroundColor);
16996
+ isolation: isolate;
16761
16997
  border: 0;
16762
16998
  border-radius: var(--pf-v5-c-label--BorderRadius);
16763
16999
  }
16764
- .pf-v5-c-label.pf-m-compact {
16765
- --pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
16766
- --pf-v5-c-label--PaddingRight: var(--pf-v5-c-label--m-compact--PaddingRight);
16767
- --pf-v5-c-label--PaddingBottom: var(--pf-v5-c-label--m-compact--PaddingBottom);
16768
- --pf-v5-c-label--PaddingLeft: var(--pf-v5-c-label--m-compact--PaddingLeft);
16769
- --pf-v5-c-label--FontSize: var(--pf-v5-c-label--m-compact--FontSize);
16770
- --pf-v5-c-label--m-editable--TextDecorationOffset: var(--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset);
16771
- }
16772
17000
  .pf-v5-c-label.pf-m-blue {
16773
17001
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-blue--BackgroundColor);
17002
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-blue--Color);
16774
17003
  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-blue__icon--Color);
16775
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-blue__content--Color);
16776
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
16777
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-blue__content--link--hover--before--BorderColor);
16778
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-blue__content--link--focus--before--BorderColor);
16779
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-blue__content--Color);
16780
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-blue__content--before--BorderColor);
16781
- --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);
16782
- --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);
16783
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
16784
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
16785
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-blue__content--before--BorderColor);
17004
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-blue--m-clickable--hover--BackgroundColor);
17005
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-blue--m-clickable--hover--Color);
17006
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-blue--m-clickable--hover__icon--Color);
17007
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-blue--m-outline--BorderColor);
17008
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-blue--m-outline--m-clickable--hover--BorderColor);
16786
17009
  }
16787
- .pf-v5-c-label.pf-m-green {
16788
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-green--BackgroundColor);
16789
- --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-green__icon--Color);
16790
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-green__content--Color);
16791
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
16792
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-green__content--link--hover--before--BorderColor);
16793
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-green__content--link--focus--before--BorderColor);
16794
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-green__content--Color);
16795
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-green__content--before--BorderColor);
16796
- --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);
16797
- --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);
16798
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
16799
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
16800
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-green__content--before--BorderColor);
17010
+ .pf-v5-c-label.pf-m-red {
17011
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-red--BackgroundColor);
17012
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-red--Color);
17013
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-red__icon--Color);
17014
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-red--m-clickable--hover--BackgroundColor);
17015
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-red--m-clickable--hover--Color);
17016
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-red--m-clickable--hover__icon--Color);
17017
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-red--m-outline--BorderColor);
17018
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-red--m-outline--m-clickable--hover--BorderColor);
16801
17019
  }
16802
17020
  .pf-v5-c-label.pf-m-orange {
16803
17021
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-orange--BackgroundColor);
17022
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-orange--Color);
16804
17023
  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-orange__icon--Color);
16805
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-orange__content--Color);
16806
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
16807
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-orange__content--link--hover--before--BorderColor);
16808
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-orange__content--link--focus--before--BorderColor);
16809
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-orange__content--Color);
16810
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-orange__content--before--BorderColor);
16811
- --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);
16812
- --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);
16813
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
16814
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
16815
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-orange__content--before--BorderColor);
17024
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-orange--m-clickable--hover--BackgroundColor);
17025
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-orange--m-clickable--hover--Color);
17026
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-orange--m-clickable--hover__icon--Color);
17027
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-orange--m-outline--BorderColor);
17028
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-orange--m-outline--m-clickable--hover--BorderColor);
17029
+ }
17030
+ .pf-v5-c-label.pf-m-orangered {
17031
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-orangered--BackgroundColor);
17032
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-orangered--Color);
17033
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-orangered__icon--Color);
17034
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-orangered--m-clickable--hover--BackgroundColor);
17035
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-orangered--m-clickable--hover--Color);
17036
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-orangered--m-clickable--hover__icon--Color);
17037
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-orangered--m-outline--BorderColor);
17038
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor);
16816
17039
  }
16817
- .pf-v5-c-label.pf-m-red {
16818
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-red--BackgroundColor);
16819
- --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-red__icon--Color);
16820
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-red__content--Color);
16821
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
16822
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-red__content--link--hover--before--BorderColor);
16823
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-red__content--link--focus--before--BorderColor);
16824
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-red__content--Color);
16825
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-red__content--before--BorderColor);
16826
- --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);
16827
- --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);
16828
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
16829
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
16830
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-red__content--before--BorderColor);
17040
+ .pf-v5-c-label.pf-m-gold {
17041
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-gold--BackgroundColor);
17042
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-gold--Color);
17043
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-gold__icon--Color);
17044
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-gold--m-clickable--hover--BackgroundColor);
17045
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-gold--m-clickable--hover--Color);
17046
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-gold--m-clickable--hover__icon--Color);
17047
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-gold--m-outline--BorderColor);
17048
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-gold--m-outline--m-clickable--hover--BorderColor);
16831
17049
  }
16832
- .pf-v5-c-label.pf-m-purple {
16833
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-purple--BackgroundColor);
16834
- --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-purple__icon--Color);
16835
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-purple__content--Color);
16836
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
16837
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-purple__content--link--hover--before--BorderColor);
16838
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-purple__content--link--focus--before--BorderColor);
16839
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-purple__content--Color);
16840
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-purple__content--before--BorderColor);
16841
- --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);
16842
- --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);
16843
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
16844
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
16845
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-purple__content--before--BorderColor);
17050
+ .pf-v5-c-label.pf-m-green {
17051
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-green--BackgroundColor);
17052
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-green--Color);
17053
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-green__icon--Color);
17054
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-green--m-clickable--hover--BackgroundColor);
17055
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-green--m-clickable--hover--Color);
17056
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-green--m-clickable--hover__icon--Color);
17057
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-green--m-outline--BorderColor);
17058
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-green--m-outline--m-clickable--hover--BorderColor);
16846
17059
  }
16847
17060
  .pf-v5-c-label.pf-m-cyan {
16848
17061
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-cyan--BackgroundColor);
17062
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-cyan--Color);
16849
17063
  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-cyan__icon--Color);
16850
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-cyan__content--Color);
16851
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
16852
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--link--hover--before--BorderColor);
16853
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--link--focus--before--BorderColor);
16854
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-cyan__content--Color);
16855
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor);
16856
- --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);
16857
- --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);
16858
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
16859
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
16860
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-cyan__content--before--BorderColor);
17064
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-cyan--m-clickable--hover--BackgroundColor);
17065
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-cyan--m-clickable--hover--Color);
17066
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-cyan--m-clickable--hover__icon--Color);
17067
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-cyan--m-outline--BorderColor);
17068
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-cyan--m-outline--m-clickable--hover--BorderColor);
16861
17069
  }
16862
- .pf-v5-c-label.pf-m-gold {
16863
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-gold--BackgroundColor);
16864
- --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-gold__icon--Color);
16865
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-gold__content--Color);
16866
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
16867
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-gold__content--link--hover--before--BorderColor);
16868
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-gold__content--link--focus--before--BorderColor);
16869
- --pf-v5-c-label--m-outline__content--Color: var(--pf-v5-c-label--m-outline--m-gold__content--Color);
16870
- --pf-v5-c-label--m-outline__content--before--BorderColor: var(--pf-v5-c-label--m-outline--m-gold__content--before--BorderColor);
16871
- --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);
16872
- --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);
16873
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
16874
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
16875
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-gold__content--before--BorderColor);
17070
+ .pf-v5-c-label.pf-m-purple {
17071
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-purple--BackgroundColor);
17072
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-purple--Color);
17073
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-purple__icon--Color);
17074
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-purple--m-clickable--hover--BackgroundColor);
17075
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-purple--m-clickable--hover--Color);
17076
+ --pf-v5-c-label--m-clickable--hover__icon--Color: var(--pf-v5-c-label--m-purple--m-clickable--hover__icon--Color);
17077
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-purple--m-outline--BorderColor);
17078
+ --pf-v5-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-purple--m-outline--m-clickable--hover--BorderColor);
17079
+ }
17080
+ .pf-v5-c-label.pf-m-compact {
17081
+ --pf-v5-c-label--PaddingTop: var(--pf-v5-c-label--m-compact--PaddingTop);
17082
+ --pf-v5-c-label--PaddingRight: var(--pf-v5-c-label--m-compact--PaddingRight);
17083
+ --pf-v5-c-label--PaddingBottom: var(--pf-v5-c-label--m-compact--PaddingBottom);
17084
+ --pf-v5-c-label--PaddingLeft: var(--pf-v5-c-label--m-compact--PaddingLeft);
17085
+ --pf-v5-c-label--FontSize: var(--pf-v5-c-label--m-compact--FontSize);
17086
+ --pf-v5-c-label--m-editable--TextDecorationOffset: var(--pf-v5-c-label--m-compact--m-editable--TextDecorationOffset);
16876
17087
  }
16877
17088
  .pf-v5-c-label.pf-m-outline {
16878
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-outline__content--Color);
16879
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--before--BorderWidth);
16880
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
17089
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-outline--Color);
17090
+ --pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-outline--BorderWidth);
17091
+ --pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-outline--BorderColor);
16881
17092
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-outline--BackgroundColor);
16882
- --pf-v5-c-label--m-editable__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
16883
- --pf-v5-c-label--m-editable__content--hover--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
16884
- --pf-v5-c-label--m-editable__content--focus--before--BorderColor: var(--pf-v5-c-label--m-outline__content--before--BorderColor);
16885
- }
16886
- .pf-v5-c-label.pf-m-overflow:hover,
16887
- .pf-v5-c-label.pf-m-add:hover, .pf-v5-c-label.pf-m-outline a.pf-v5-c-label__content:hover,
16888
- .pf-v5-c-label.pf-m-outline button.pf-v5-c-label__content:hover {
16889
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth);
16890
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--link--hover--before--BorderColor);
16891
- }
16892
- .pf-v5-c-label.pf-m-overflow:focus,
16893
- .pf-v5-c-label.pf-m-add:focus, .pf-v5-c-label.pf-m-outline a.pf-v5-c-label__content:focus,
16894
- .pf-v5-c-label.pf-m-outline button.pf-v5-c-label__content:focus {
16895
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth);
16896
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-outline__content--link--focus--before--BorderColor);
17093
+ --pf-v5-c-label--m-clickable--hover--BackgroundColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BackgroundColor);
17094
+ --pf-v5-c-label--m-clickable--hover--BorderWidth: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth);
17095
+ --pf-v5-c-label--m-clickable--hover--BorderColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor);
17096
+ --pf-v5-c-label--m-clickable--hover--Color: var(--pf-v5-c-label--m-outline--m-clickable--hover--Color);
17097
+ --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-outline__icon--Color);
16897
17098
  }
16898
-
16899
17099
  .pf-v5-c-label.pf-m-editable {
16900
17100
  --pf-v5-c-label__content--MaxWidth: var(--pf-v5-c-label--m-editable__content--MaxWidth);
16901
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
16902
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-editable__content--before--BorderColor);
16903
- --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--hover--before--BorderWidth);
16904
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-editable__content--hover--before--BorderColor);
16905
- --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--focus--before--BorderWidth);
16906
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-editable__content--focus--before--BorderColor);
16907
- --pf-v5-c-label--m-outline__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
16908
- --pf-v5-c-label--m-outline__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-editable__content--before--BorderWidth);
17101
+ }
17102
+ .pf-v5-c-label.pf-m-editable .pf-v5-c-label__text {
16909
17103
  text-decoration: var(--pf-v5-c-label--m-editable--TextDecoration);
16910
17104
  text-decoration-thickness: var(--pf-v5-c-label--m-editable--TextDecorationThickness);
16911
17105
  text-decoration-style: var(--pf-v5-c-label--m-editable--TextDecorationStyle);
16912
17106
  text-decoration-color: var(--pf-v5-c-label--m-editable--TextDecorationColor);
16913
17107
  text-underline-offset: var(--pf-v5-c-label--m-editable--TextDecorationOffset);
16914
- cursor: var(--pf-v5-c-label--m-editable--Cursor);
16915
- }
16916
- .pf-v5-c-label.pf-m-editable:hover {
16917
- --pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-c-label--m-editable--hover--TextDecorationColor);
16918
- }
16919
- .pf-v5-c-label.pf-m-editable:focus {
16920
- --pf-v5-c-label--m-editable--TextDecorationColor: var(--pf-v5-c-label--m-editable--focus--TextDecorationColor);
16921
17108
  }
16922
17109
  .pf-v5-c-label.pf-m-editable-active {
16923
- --pf-v5-c-label--m-editable--Cursor: var(--pf-v5-c-label--m-editable--m-editable-active--Cursor);
16924
17110
  --pf-v5-c-label--m-editable--TextDecoration: var(--pf-v5-c-label--m-editable--m-editable-active--TextDecoration);
16925
17111
  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-editable--m-editable-active--BackgroundColor);
17112
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-editable--m-editable-active--Color);
17113
+ }
17114
+ .pf-v5-c-label.pf-m-add, .pf-v5-c-label.pf-m-overflow {
17115
+ background: transparent;
16926
17116
  }
16927
- .pf-v5-c-label.pf-m-overflow, .pf-v5-c-label.pf-m-add {
16928
- --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-overflow__content--Color);
16929
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-overflow__content--BackgroundColor);
16930
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--before--BorderWidth);
16931
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--before--BorderColor);
16932
- --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--link--hover--before--BorderWidth);
16933
- --pf-v5-c-label__content--link--hover--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--link--hover--before--BorderColor);
16934
- --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth);
16935
- --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor);
17117
+ .pf-v5-c-label.pf-m-overflow {
17118
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-overflow--Color);
17119
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-overflow--BackgroundColor);
17120
+ mix-blend-mode: var(--pf-v5-c-label--m-overflow--MixBlendMode);
17121
+ }
17122
+ .pf-v5-c-label.pf-m-overflow:is(:hover, :focus) {
17123
+ --pf-v5-c-label--m-overflow--Color: var(--pf-v5-c-label--m-overflow--hover--Color);
17124
+ --pf-v5-c-label--m-overflow--BackgroundColor: var(--pf-v5-c-label--m-overflow--hover--BackgroundColor);
17125
+ }
17126
+ .pf-v5-c-label.pf-m-add {
17127
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-add--Color);
17128
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-add--BackgroundColor);
17129
+ --pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-add--BorderColor);
17130
+ --pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-add--BorderWidth);
17131
+ }
17132
+ .pf-v5-c-label.pf-m-add:is(:hover, :focus) {
17133
+ --pf-v5-c-label--m-add--Color: var(--pf-v5-c-label--m-add--hover--Color);
17134
+ --pf-v5-c-label--m-add--BackgroundColor: var(--pf-v5-c-label--m-add--hover--BackgroundColor);
17135
+ --pf-v5-c-label--m-add--BorderColor: var(--pf-v5-c-label--m-add--hover--BorderColor);
17136
+ --pf-v5-c-label--m-add--BorderWidth: var(--pf-v5-c-label--m-add--hover--BorderWidth);
17137
+ }
17138
+ .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content, .pf-v5-c-label.pf-m-editable .pf-v5-c-label__content {
17139
+ padding: 0;
17140
+ cursor: pointer;
17141
+ background-color: transparent;
17142
+ border: none;
17143
+ }
17144
+ .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) {
17145
+ text-decoration: none;
17146
+ }
17147
+ .pf-v5-c-label.pf-m-clickable .pf-v5-c-label__content:is(:hover, :focus) {
17148
+ --pf-v5-c-label--Color: var(--pf-v5-c-label--m-clickable--hover--Color);
17149
+ --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-clickable--hover--BackgroundColor);
17150
+ --pf-v5-c-label--BorderWidth: var(--pf-v5-c-label--m-clickable--hover--BorderWidth);
17151
+ --pf-v5-c-label--BorderColor: var(--pf-v5-c-label--m-clickable--hover--BorderColor);
17152
+ --pf-v5-c-label--m-outline--BorderWidth: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderWidth);
17153
+ --pf-v5-c-label--m-outline--BorderColor: var(--pf-v5-c-label--m-outline--m-clickable--hover--BorderColor);
16936
17154
  }
16937
17155
 
16938
17156
  .pf-v5-c-label,
@@ -16949,18 +17167,20 @@ label.pf-v5-c-input-group__text {
16949
17167
  }
16950
17168
 
16951
17169
  .pf-v5-c-label__content {
17170
+ gap: var(--pf-v5-c-label__content--Gap);
16952
17171
  max-width: var(--pf-v5-c-label__content--MaxWidth);
16953
17172
  overflow: hidden;
16954
- color: var(--pf-v5-c-label__content--Color);
16955
- background-color: var(--pf-v5-c-label__content--BackgroundColor);
17173
+ color: var(--pf-v5-c-label--Color);
16956
17174
  border-width: 0;
16957
17175
  }
16958
17176
  .pf-v5-c-label__content::before {
16959
17177
  position: absolute;
16960
17178
  inset: 0;
17179
+ z-index: -1;
16961
17180
  pointer-events: none;
16962
17181
  content: "";
16963
- border: var(--pf-v5-c-label__content--before--BorderWidth) solid var(--pf-v5-c-label__content--before--BorderColor);
17182
+ background-color: var(--pf-v5-c-label--BackgroundColor);
17183
+ border: var(--pf-v5-c-label--BorderWidth) solid var(--pf-v5-c-label--BorderColor);
16964
17184
  border-radius: var(--pf-v5-c-label--BorderRadius);
16965
17185
  }
16966
17186
  input.pf-v5-c-label__content {
@@ -16969,138 +17189,61 @@ input.pf-v5-c-label__content {
16969
17189
  white-space: nowrap;
16970
17190
  }
16971
17191
 
16972
- a.pf-v5-c-label__content,
16973
- button.pf-v5-c-label__content {
16974
- padding: 0;
16975
- cursor: pointer;
16976
- background-color: transparent;
16977
- border: none;
16978
- }
16979
- a.pf-v5-c-label__content, a.pf-v5-c-label__content:hover, a.pf-v5-c-label__content:focus,
16980
- button.pf-v5-c-label__content,
16981
- button.pf-v5-c-label__content:hover,
16982
- button.pf-v5-c-label__content:focus {
16983
- text-decoration: none;
16984
- }
16985
- a.pf-v5-c-label__content:hover,
16986
- button.pf-v5-c-label__content:hover {
16987
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--hover--before--BorderWidth);
16988
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--hover--before--BorderColor);
16989
- }
16990
- a.pf-v5-c-label__content:focus,
16991
- button.pf-v5-c-label__content:focus {
16992
- --pf-v5-c-label__content--before--BorderWidth: var(--pf-v5-c-label__content--link--focus--before--BorderWidth);
16993
- --pf-v5-c-label__content--before--BorderColor: var(--pf-v5-c-label__content--link--focus--before--BorderColor);
16994
- }
16995
-
16996
17192
  .pf-v5-c-label__icon {
16997
- margin-inline-end: var(--pf-v5-c-label__icon--MarginRight);
16998
17193
  color: var(--pf-v5-c-label__icon--Color);
16999
17194
  }
17000
17195
 
17001
17196
  .pf-v5-c-label__actions {
17002
17197
  margin-inline-end: var(--pf-v5-c-label__actions--MarginRight);
17003
- font-size: var(--pf-v5-c-label__actions--FontSize);
17004
17198
  }
17005
17199
  .pf-v5-c-label__actions .pf-v5-c-button {
17200
+ --pf-v5-c-button--Color: var(--pf-v5-c-label__actions--c-button--Color);
17006
17201
  --pf-v5-c-button--FontSize: var(--pf-v5-c-label__actions--c-button--FontSize);
17007
- --pf-v5-c-button--PaddingTop: var(--pf-v5-c-label__actions--c-button--PaddingTop);
17008
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);
17009
- --pf-v5-c-button--PaddingBottom: var(--pf-v5-c-label__actions--c-button--PaddingBottom);
17010
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label__actions--c-button--PaddingLeft);
17202
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingTop: var(--pf-v5-c-label__actions--c-button--PaddingTop);
17203
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingRight: var(--pf-v5-c-label__actions--c-button--PaddingRight);
17204
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingBottom: var(--pf-v5-c-label__actions--c-button--PaddingBottom);
17205
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingLeft: var(--pf-v5-c-label__actions--c-button--PaddingLeft);
17011
17206
  margin-block-start: var(--pf-v5-c-label__actions--c-button--MarginTop);
17012
17207
  margin-block-end: var(--pf-v5-c-label__actions--c-button--MarginBottom);
17208
+ outline-offset: var(--pf-v5-c-label__actions--c-button--OutlineOffset);
17013
17209
  }
17014
17210
 
17015
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
17016
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
17017
- }
17018
-
17019
- :where(.pf-theme-dark) .pf-v5-c-label {
17020
- --pf-v5-c-label--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
17021
- --pf-v5-c-label--m-blue--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
17022
- --pf-v5-c-label--m-green--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
17023
- --pf-v5-c-label--m-orange--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
17024
- --pf-v5-c-label--m-red--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
17025
- --pf-v5-c-label--m-purple--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
17026
- --pf-v5-c-label--m-cyan--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
17027
- --pf-v5-c-label--m-gold--BackgroundColor: var(--pf-v5-global--BackgroundColor--300);
17028
- --pf-v5-c-label__content--before--BorderWidth: 0;
17029
- --pf-v5-c-label__content--before--BorderColor: transparent;
17030
- --pf-v5-c-label__content--link--hover--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
17031
- --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
17032
- --pf-v5-c-label--m-blue__content--Color: var(--pf-v5-global--primary-color--100);
17033
- --pf-v5-c-label--m-outline--m-blue__content--before--BorderColor: var(--pf-v5-global--active-color--200);
17034
- --pf-v5-c-label--m-outline--m-blue__content--link--hover--before--BorderColor: var(--pf-v5-global--active-color--200);
17035
- --pf-v5-c-label--m-outline--m-blue__content--link--focus--before--BorderColor: var(--pf-v5-global--active-color--200);
17036
- --pf-v5-c-label--m-green__content--Color: var(--pf-v5-global--success-color--100);
17037
- --pf-v5-c-label--m-outline--m-green__content--before--BorderColor: var(--pf-v5-global--palette--green-100);
17038
- --pf-v5-c-label--m-outline--m-green__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--green-100);
17039
- --pf-v5-c-label--m-outline--m-green__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--green-100);
17040
- --pf-v5-c-label--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
17041
- --pf-v5-c-label--m-outline--m-orange__content--Color: var(--pf-v5-global--palette--orange-300);
17042
- --pf-v5-c-label--m-outline--m-orange__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
17043
- --pf-v5-c-label--m-outline--m-orange__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
17044
- --pf-v5-c-label--m-outline--m-orange__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
17045
- --pf-v5-c-label--m-red__content--Color: var(--pf-v5-global--danger-color--100);
17046
- --pf-v5-c-label--m-outline--m-red__content--before--BorderColor: var(--pf-v5-global--danger-color--100);
17047
- --pf-v5-c-label--m-outline--m-red__content--link--hover--before--BorderColor: var(--pf-v5-global--danger-color--100);
17048
- --pf-v5-c-label--m-outline--m-red__content--link--focus--before--BorderColor: var(--pf-v5-global--danger-color--100);
17049
- --pf-v5-c-label--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
17050
- --pf-v5-c-label--m-purple__icon--Color: var(--pf-v5-global--palette--purple-300);
17051
- --pf-v5-c-label--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-300);
17052
- --pf-v5-c-label--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-300);
17053
- --pf-v5-c-label--m-outline--m-purple__content--before--BorderColor: var(--pf-v5-global--palette--purple-100);
17054
- --pf-v5-c-label--m-outline--m-purple__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--purple-100);
17055
- --pf-v5-c-label--m-outline--m-purple__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--purple-100);
17056
- --pf-v5-c-label--m-outline--m-purple__content--Color: var(--pf-v5-global--palette--purple-300);
17057
- --pf-v5-c-label--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
17058
- --pf-v5-c-label--m-outline--m-cyan__content--Color: var(--pf-v5-global--custom-color--200);
17059
- --pf-v5-c-label--m-outline--m-cyan__content--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
17060
- --pf-v5-c-label--m-outline--m-cyan__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
17061
- --pf-v5-c-label--m-outline--m-cyan__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--cyan-100);
17062
- --pf-v5-c-label--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
17063
- --pf-v5-c-label--m-outline--m-gold__content--Color: var(--pf-v5-global--palette--gold-300);
17064
- --pf-v5-c-label--m-outline--m-gold__content--before--BorderColor: var(--pf-v5-global--palette--gold-100);
17065
- --pf-v5-c-label--m-outline--m-gold__content--link--hover--before--BorderColor: var(--pf-v5-global--palette--gold-100);
17066
- --pf-v5-c-label--m-outline--m-gold__content--link--focus--before--BorderColor: var(--pf-v5-global--palette--gold-100);
17067
- }
17068
-
17069
- .pf-v5-c-label-group {
17070
- --pf-v5-c-label-group--RowGap: var(--pf-v5-global--spacer--sm);
17071
- --pf-v5-c-label-group--ColumnGap: 0;
17072
- --pf-v5-c-label-group--m-vertical--RowGap: var(--pf-v5-global--spacer--sm);
17073
- --pf-v5-c-label-group--m-vertical--ColumnGap: var(--pf-v5-global--spacer--sm);
17074
- --pf-v5-c-label-group__main--RowGap: var(--pf-v5-global--spacer--xs);
17075
- --pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-global--spacer--sm);
17076
- --pf-v5-c-label-group--m-vertical__main--RowGap: var(--pf-v5-global--spacer--sm);
17077
- --pf-v5-c-label-group--m-vertical__main--ColumnGap: var(--pf-v5-global--spacer--xs);
17078
- --pf-v5-c-label-group__list--RowGap: var(--pf-v5-global--spacer--xs);
17079
- --pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-global--spacer--xs);
17080
- --pf-v5-c-label-group--m-vertical__list--RowGap: var(--pf-v5-global--spacer--xs);
17081
- --pf-v5-c-label-group--m-vertical__list--ColumnGap: var(--pf-v5-global--spacer--xs);
17082
- --pf-v5-c-label-group--m-category--PaddingTop: var(--pf-v5-global--spacer--xs);
17083
- --pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-global--spacer--xs);
17084
- --pf-v5-c-label-group--m-category--PaddingBottom: var(--pf-v5-global--spacer--xs);
17085
- --pf-v5-c-label-group--m-category--PaddingLeft: var(--pf-v5-global--spacer--sm);
17086
- --pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-v5-global--spacer--sm);
17087
- --pf-v5-c-label-group--m-category--BorderRadius: var(--pf-v5-global--BorderRadius--sm);
17088
- --pf-v5-c-label-group--m-category--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
17089
- --pf-v5-c-label-group--m-category--BorderColor: var(--pf-v5-global--BorderColor--300);
17090
- --pf-v5-c-label-group--m-category--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
17091
- --pf-v5-c-label-group__label--FontSize: var(--pf-v5-global--FontSize--sm);
17211
+ :where(:root),
17212
+ :where(.pf-v5-c-label-group) {
17213
+ --pf-v5-c-label-group--RowGap: var(--pf-t--global--spacer--sm);
17214
+ --pf-v5-c-label-group--ColumnGap: var(--pf-t--global--spacer--xs);
17215
+ --pf-v5-c-label-group--m-vertical--RowGap: var(--pf-t--global--spacer--sm);
17216
+ --pf-v5-c-label-group--m-vertical--ColumnGap: var(--pf-t--global--spacer--sm);
17217
+ --pf-v5-c-label-group__main--RowGap: var(--pf-t--global--spacer--xs);
17218
+ --pf-v5-c-label-group__main--ColumnGap: var(--pf-t--global--spacer--sm);
17219
+ --pf-v5-c-label-group--m-vertical__main--RowGap: var(--pf-t--global--spacer--sm);
17220
+ --pf-v5-c-label-group--m-vertical__main--ColumnGap: var(--pf-t--global--spacer--xs);
17221
+ --pf-v5-c-label-group__list--RowGap: var(--pf-t--global--spacer--xs);
17222
+ --pf-v5-c-label-group__list--ColumnGap: var(--pf-t--global--spacer--xs);
17223
+ --pf-v5-c-label-group--m-vertical__list--RowGap: var(--pf-t--global--spacer--xs);
17224
+ --pf-v5-c-label-group--m-vertical__list--ColumnGap: var(--pf-t--global--spacer--xs);
17225
+ --pf-v5-c-label-group--m-category--PaddingTop: var(--pf-t--global--spacer--xs);
17226
+ --pf-v5-c-label-group--m-category--PaddingRight: var(--pf-t--global--spacer--sm);
17227
+ --pf-v5-c-label-group--m-category--PaddingBottom: var(--pf-t--global--spacer--xs);
17228
+ --pf-v5-c-label-group--m-category--PaddingLeft: var(--pf-t--global--spacer--sm);
17229
+ --pf-v5-c-label-group--m-category--BorderRadius: var(--pf-t--global--border--radius--small);
17230
+ --pf-v5-c-label-group--m-category--BorderWidth: var(--pf-t--global--border--width--regular);
17231
+ --pf-v5-c-label-group--m-category--BorderColor: var(--pf-t--global--border--color--default);
17232
+ --pf-v5-c-label-group--m-vertical--m-category--PaddingRight: var(--pf-t--global--spacer--sm);
17092
17233
  --pf-v5-c-label-group__label--MaxWidth: 18ch;
17093
- --pf-v5-c-label-group__close--MarginTop: calc(var(--pf-v5-global--spacer--xs) * -1);
17094
- --pf-v5-c-label-group__close--MarginBottom: calc(var(--pf-v5-global--spacer--xs) * -1);
17095
- --pf-v5-c-label-group--m-vertical__close--MarginTop: calc(var(--pf-v5-global--spacer--form-element) * -1);
17096
- --pf-v5-c-label-group--m-vertical__close--MarginRight: calc(var(--pf-v5-global--spacer--form-element) * -1);
17097
- --pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
17098
- --pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft: var(--pf-v5-global--spacer--sm);
17234
+ --pf-v5-c-label-group__close--c-button--FontSize: var(--pf-t--global--icon--size--body--sm);
17235
+ --pf-v5-c-label-group__close--c-button--PaddingTop: var(--pf-t--global--spacer--xs);
17236
+ --pf-v5-c-label-group__close--c-button--PaddingRight: var(--pf-t--global--spacer--sm);
17237
+ --pf-v5-c-label-group__close--c-button--PaddingBottom: var(--pf-t--global--spacer--xs);
17238
+ --pf-v5-c-label-group__close--c-button--PaddingLeft: var(--pf-t--global--spacer--sm);
17099
17239
  --pf-v5-c-label-group__textarea--MinWidth: 12.5rem;
17100
17240
  --pf-v5-c-label-group__textarea--PaddingTop: 0.125rem;
17101
- --pf-v5-c-label-group__textarea--PaddingRight: var(--pf-v5-global--spacer--xs);
17241
+ --pf-v5-c-label-group__textarea--PaddingRight: var(--pf-t--global--spacer--xs);
17102
17242
  --pf-v5-c-label-group__textarea--PaddingBottom: 0;
17103
- --pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-v5-global--spacer--xs);
17243
+ --pf-v5-c-label-group__textarea--PaddingLeft: var(--pf-t--global--spacer--xs);
17244
+ }
17245
+
17246
+ .pf-v5-c-label-group {
17104
17247
  display: inline-flex;
17105
17248
  row-gap: var(--pf-v5-c-label-group--RowGap);
17106
17249
  column-gap: var(--pf-v5-c-label-group--ColumnGap);
@@ -17122,10 +17265,6 @@ button.pf-v5-c-label__content:focus {
17122
17265
  --pf-v5-c-label-group__main--ColumnGap: var(--pf-v5-c-label-group--m-vertical__main--ColumnGap);
17123
17266
  --pf-v5-c-label-group__list--RowGap: var(--pf-v5-c-label-group--m-vertical__list--RowGap);
17124
17267
  --pf-v5-c-label-group__list--ColumnGap: var(--pf-v5-c-label-group--m-vertical__list--ColumnGap);
17125
- --pf-v5-c-label-group__close--MarginTop: var(--pf-v5-c-label-group--m-vertical__close--MarginTop);
17126
- --pf-v5-c-label-group__close--MarginLeft: var(--pf-v5-c-label-group--m-vertical__close--MarginLeft);
17127
- --pf-v5-c-label-group__close--MarginBottom: 0;
17128
- --pf-v5-c-label-group__close--MarginRight: var(--pf-v5-c-label-group--m-vertical__close--MarginRight);
17129
17268
  --pf-v5-c-label-group--m-category--PaddingRight: var(--pf-v5-c-label-group--m-vertical--m-category--PaddingRight);
17130
17269
  }
17131
17270
  .pf-v5-c-label-group.pf-m-vertical.pf-v5-c-label-group {
@@ -17138,10 +17277,6 @@ button.pf-v5-c-label__content:focus {
17138
17277
  .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__main {
17139
17278
  flex-direction: column;
17140
17279
  }
17141
- .pf-v5-c-label-group.pf-m-vertical .pf-v5-c-label-group__close .pf-v5-c-button {
17142
- --pf-v5-c-button--PaddingLeft: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingLeft);
17143
- --pf-v5-c-button--PaddingRight: var(--pf-v5-c-label-group--m-vertical__close--c-button--PaddingRight);
17144
- }
17145
17280
  .pf-v5-c-label-group.pf-m-editable,
17146
17281
  .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__main,
17147
17282
  .pf-v5-c-label-group.pf-m-editable .pf-v5-c-label-group__list {
@@ -17179,16 +17314,18 @@ button.pf-v5-c-label__content:focus {
17179
17314
  text-overflow: ellipsis;
17180
17315
  white-space: nowrap;
17181
17316
  max-width: var(--pf-v5-c-label-group__label--MaxWidth);
17182
- font-size: var(--pf-v5-c-label-group__label--FontSize);
17183
17317
  }
17184
17318
 
17185
17319
  .pf-v5-c-label-group__close {
17186
17320
  display: flex;
17187
17321
  align-self: flex-start;
17188
- margin-block-start: var(--pf-v5-c-label-group__close--MarginTop);
17189
- margin-block-end: var(--pf-v5-c-label-group__close--MarginBottom);
17190
- margin-inline-start: var(--pf-v5-c-label-group__close--MarginLeft);
17191
- margin-inline-end: var(--pf-v5-c-label-group__close--MarginRight);
17322
+ }
17323
+ .pf-v5-c-label-group__close .pf-v5-c-button {
17324
+ --pf-v5-c-button--FontSize: var(--pf-v5-c-label-group__close--c-button--FontSize);
17325
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingTop: var(--pf-v5-c-label-group__close--c-button--PaddingTop);
17326
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingRight: var(--pf-v5-c-label-group__close--c-button--PaddingRight);
17327
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingBottom: var(--pf-v5-c-label-group__close--c-button--PaddingBottom);
17328
+ --pf-v5-c-button--m-plain--m-no-padding--PaddingLeft: var(--pf-v5-c-label-group__close--c-button--PaddingLeft);
17192
17329
  }
17193
17330
 
17194
17331
  .pf-v5-c-label-group__textarea {
@@ -23611,12 +23748,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23611
23748
  color: var(--pf-v5-global--palette--black-100);
23612
23749
  }
23613
23750
 
23614
- .pf-v5-c-sidebar {
23615
- --pf-v5-c-sidebar--inset: var(--pf-v5-global--spacer--md);
23616
- --pf-v5-c-sidebar--xl--inset: var(--pf-v5-global--spacer--lg);
23617
- --pf-v5-c-sidebar--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
23618
- --pf-v5-c-sidebar--BorderWidth--base: var(--pf-v5-global--BorderWidth--sm);
23619
- --pf-v5-c-sidebar--BorderColor--base: var(--pf-v5-global--BorderColor--100);
23751
+ :root,
23752
+ :where(.pf-v5-c-sidebar) {
23753
+ --pf-v5-c-sidebar--inset: var(--pf-t--global--spacer--md);
23754
+ --pf-v5-c-sidebar--xl--inset: var(--pf-t--global--spacer--lg);
23755
+ --pf-v5-c-sidebar--BorderWidth--base: var(--pf-t--global--border--width--regular);
23756
+ --pf-v5-c-sidebar--BorderColor--base: var(--pf-t--global--border--color--default);
23620
23757
  --pf-v5-c-sidebar__panel--PaddingTop: 0;
23621
23758
  --pf-v5-c-sidebar__panel--PaddingRight: 0;
23622
23759
  --pf-v5-c-sidebar__panel--PaddingBottom: 0;
@@ -23672,11 +23809,16 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23672
23809
  --pf-v5-c-sidebar__panel--md--FlexBasis: 15.625rem;
23673
23810
  --pf-v5-c-sidebar__panel--m-split--FlexBasis: 15.625rem;
23674
23811
  --pf-v5-c-sidebar__panel--m-stack--FlexBasis: auto;
23675
- --pf-v5-c-sidebar__panel--ZIndex: var(--pf-v5-global--ZIndex--xs);
23676
- --pf-v5-c-sidebar__panel--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
23677
- --pf-v5-c-sidebar__content--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
23812
+ --pf-v5-c-sidebar__panel--ZIndex: var(--pf-t--global--Zindex--xs);
23813
+ --pf-v5-c-sidebar__panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
23814
+ --pf-v5-c-sidebar__panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23815
+ --pf-v5-c-sidebar__content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
23816
+ --pf-v5-c-sidebar__content--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23678
23817
  --pf-v5-c-sidebar__panel--m-sticky--Top: 0;
23679
23818
  --pf-v5-c-sidebar__panel--m-sticky--Position: sticky;
23819
+ }
23820
+
23821
+ .pf-v5-c-sidebar {
23680
23822
  height: 100%;
23681
23823
  }
23682
23824
  @media (min-width: 768px) {
@@ -23770,6 +23912,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23770
23912
  --pf-v5-c-sidebar__panel--Position: static;
23771
23913
  --pf-v5-c-sidebar__panel--Top: auto;
23772
23914
  }
23915
+ .pf-v5-c-sidebar__panel.pf-m-secondary {
23916
+ --pf-v5-c-sidebar__panel--BackgroundColor: var(--pf-v5-c-sidebar__panel--m-secondary--BackgroundColor);
23917
+ }
23773
23918
 
23774
23919
  .pf-v5-c-sidebar__content {
23775
23920
  flex-grow: 1;
@@ -23789,6 +23934,9 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23789
23934
  .pf-v5-c-sidebar__content.pf-m-no-background {
23790
23935
  --pf-v5-c-sidebar__content--BackgroundColor: transparent;
23791
23936
  }
23937
+ .pf-v5-c-sidebar__content.pf-m-secondary {
23938
+ --pf-v5-c-sidebar__content--BackgroundColor: var(--pf-v5-c-sidebar__content--m-secondary--BackgroundColor);
23939
+ }
23792
23940
  .pf-v5-c-sidebar__content + .pf-v5-c-sidebar__panel {
23793
23941
  --pf-v5-c-sidebar__panel--Order: 1;
23794
23942
  }
@@ -23954,7 +24102,7 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
23954
24102
  --pf-v5-c-simple-list__item-link--Color: var(--pf-t--global--text--color--subtle);
23955
24103
  --pf-v5-c-simple-list__item-link--FontSize: var(--pf-t--global--font--size--body--default);
23956
24104
  --pf-v5-c-simple-list__item-link--m-current--Color: var(--pf-t--global--text--color--regular);
23957
- --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--selected);
24105
+ --pf-v5-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
23958
24106
  --pf-v5-c-simple-list__item-link--hover--Color: var(--pf-t--global--text--color--subtle);
23959
24107
  --pf-v5-c-simple-list__item-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
23960
24108
  --pf-v5-c-simple-list__item-link--MixBlendMode: var(--pf-t--global--background--color--action--plain--hover--blend);
@@ -29543,41 +29691,42 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29543
29691
  line-height: var(--pf-v5-c-title--m-h6--LineHeight);
29544
29692
  }
29545
29693
 
29546
- .pf-v5-c-toggle-group {
29547
- --pf-v5-c-toggle-group__button--PaddingTop: var(--pf-v5-global--spacer--form-element);
29548
- --pf-v5-c-toggle-group__button--PaddingRight: var(--pf-v5-global--spacer--md);
29549
- --pf-v5-c-toggle-group__button--PaddingBottom: var(--pf-v5-global--spacer--form-element);
29550
- --pf-v5-c-toggle-group__button--PaddingLeft: var(--pf-v5-global--spacer--md);
29551
- --pf-v5-c-toggle-group__button--FontSize: var(--pf-v5-global--FontSize--sm);
29552
- --pf-v5-c-toggle-group__button--LineHeight: calc(var(--pf-v5-global--FontSize--md) * var(--pf-v5-global--LineHeight--md));
29553
- --pf-v5-c-toggle-group__button--Color: var(--pf-v5-global--Color--100);
29554
- --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
29694
+ :where(:root),
29695
+ :where(.pf-v5-c-toggle-group) {
29696
+ --pf-v5-c-toggle-group__button--PaddingTop: var(--pf-t--global--spacer--sm);
29697
+ --pf-v5-c-toggle-group__button--PaddingRight: var(--pf-t--global--spacer--md);
29698
+ --pf-v5-c-toggle-group__button--PaddingBottom: var(--pf-t--global--spacer--sm);
29699
+ --pf-v5-c-toggle-group__button--PaddingLeft: var(--pf-t--global--spacer--md);
29700
+ --pf-v5-c-toggle-group__button--FontSize: var(--pf-t--global--font--size--body--default);
29701
+ --pf-v5-c-toggle-group__button--LineHeight: var(--pf-t--global--font--line-height--body);
29702
+ --pf-v5-c-toggle-group__button--Color: var(--pf-t--global--text--color--regular);
29703
+ --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
29555
29704
  --pf-v5-c-toggle-group__button--ZIndex: auto;
29556
- --pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
29557
- --pf-v5-c-toggle-group__button--hover--ZIndex: var(--pf-v5-global--ZIndex--xs);
29558
- --pf-v5-c-toggle-group__button--hover--before--BorderColor: var(--pf-v5-global--BorderColor--200);
29559
- --pf-v5-c-toggle-group__button--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
29560
- --pf-v5-c-toggle-group__button--focus--ZIndex: var(--pf-v5-global--ZIndex--xs);
29561
- --pf-v5-c-toggle-group__button--focus--before--BorderColor: var(--pf-v5-global--BorderColor--200);
29562
- --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
29563
- --pf-v5-c-toggle-group__button--disabled--Color: var(--pf-v5-global--disabled-color--100);
29564
- --pf-v5-c-toggle-group__button--before--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
29565
- --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-v5-global--BorderColor--100);
29566
- --pf-v5-c-toggle-group__item--item--MarginLeft: calc(-1 * var(--pf-v5-global--BorderWidth--sm));
29567
- --pf-v5-c-toggle-group__item--first-child__button--BorderTopLeftRadius: var(--pf-v5-global--BorderRadius--sm);
29568
- --pf-v5-c-toggle-group__item--first-child__button--BorderBottomLeftRadius: var(--pf-v5-global--BorderRadius--sm);
29569
- --pf-v5-c-toggle-group__item--last-child__button--BorderTopRightRadius: var(--pf-v5-global--BorderRadius--sm);
29570
- --pf-v5-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-v5-global--BorderRadius--sm);
29571
- --pf-v5-c-toggle-group__icon--text--MarginLeft: var(--pf-v5-global--spacer--sm);
29572
- --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--palette--blue-50);
29573
- --pf-v5-c-toggle-group__button--m-selected--Color: initial;
29574
- --pf-v5-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-v5-global--primary-color--100);
29575
- --pf-v5-c-toggle-group__button--m-selected--ZIndex: var(--pf-v5-global--ZIndex--xs);
29705
+ --pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
29706
+ --pf-v5-c-toggle-group__button--hover--ZIndex: var(--pf-t--global--Zindex--xs);
29707
+ --pf-v5-c-toggle-group__button--hover--before--BorderColor: var(--pf-t--global--border--color--default);
29708
+ --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
29709
+ --pf-v5-c-toggle-group__button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
29710
+ --pf-v5-c-toggle-group__button--before--BorderWidth: var(--pf-t--global--border--width--control--default);
29711
+ --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-t--global--border--color--default);
29712
+ --pf-v5-c-toggle-group__item--item--MarginLeft: calc(-1 * var(--pf-t--global--border--width--control--default));
29713
+ --pf-v5-c-toggle-group__item--first-child__button--BorderTopLeftRadius: var(--pf-t--global--border--radius--tiny);
29714
+ --pf-v5-c-toggle-group__item--first-child__button--BorderBottomLeftRadius: var(--pf-t--global--border--radius--tiny);
29715
+ --pf-v5-c-toggle-group__item--last-child__button--BorderTopRightRadius: var(--pf-t--global--border--radius--tiny);
29716
+ --pf-v5-c-toggle-group__item--last-child__button--BorderBottomRightRadius: var(--pf-t--global--border--radius--tiny);
29717
+ --pf-v5-c-toggle-group__icon--text--MarginLeft: var(--pf-t--global--spacer--sm);
29718
+ --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-t--global--color--brand--default);
29719
+ --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-t--global--text--color--on-brand--default);
29720
+ --pf-v5-c-toggle-group__button--m-selected--before--BorderColor: var(--pf-t--global--border--color--clicked);
29721
+ --pf-v5-c-toggle-group__button--m-selected--ZIndex: var(--pf-t--global--Zindex--xs);
29576
29722
  --pf-v5-c-toggle-group--m-compact__button--PaddingTop: 0;
29577
- --pf-v5-c-toggle-group--m-compact__button--PaddingRight: var(--pf-v5-global--spacer--sm);
29723
+ --pf-v5-c-toggle-group--m-compact__button--PaddingRight: var(--pf-t--global--spacer--sm);
29578
29724
  --pf-v5-c-toggle-group--m-compact__button--PaddingBottom: 0;
29579
- --pf-v5-c-toggle-group--m-compact__button--PaddingLeft: var(--pf-v5-global--spacer--sm);
29580
- --pf-v5-c-toggle-group--m-compact__button--FontSize: var(--pf-v5-global--FontSize--xs);
29725
+ --pf-v5-c-toggle-group--m-compact__button--PaddingLeft: var(--pf-t--global--spacer--sm);
29726
+ --pf-v5-c-toggle-group--m-compact__button--FontSize: var(--pf-t--global--font--size--body--default);
29727
+ }
29728
+
29729
+ .pf-v5-c-toggle-group {
29581
29730
  display: flex;
29582
29731
  }
29583
29732
  .pf-v5-c-toggle-group.pf-m-compact {
@@ -29624,17 +29773,12 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29624
29773
  content: "";
29625
29774
  border: var(--pf-v5-c-toggle-group__button--before--BorderWidth) solid var(--pf-v5-c-toggle-group__button--before--BorderColor);
29626
29775
  }
29627
- .pf-v5-c-toggle-group__button:hover {
29776
+ .pf-v5-c-toggle-group__button:hover, .pf-v5-c-toggle-group__button:focus {
29628
29777
  --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--hover--BackgroundColor);
29629
29778
  --pf-v5-c-toggle-group__button--ZIndex: var(--pf-v5-c-toggle-group__button--hover--ZIndex);
29630
29779
  --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-v5-c-toggle-group__button--hover--before--BorderColor);
29631
29780
  text-decoration: none;
29632
29781
  }
29633
- .pf-v5-c-toggle-group__button:focus {
29634
- --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--focus--BackgroundColor);
29635
- --pf-v5-c-toggle-group__button--ZIndex: var(--pf-v5-c-toggle-group__button--focus--ZIndex);
29636
- --pf-v5-c-toggle-group__button--before--BorderColor: var(--pf-v5-c-toggle-group__button--focus--before--BorderColor);
29637
- }
29638
29782
  .pf-v5-c-toggle-group__button.pf-m-selected {
29639
29783
  --pf-v5-c-toggle-group__button--BackgroundColor: var(--pf-v5-c-toggle-group__button--m-selected--BackgroundColor);
29640
29784
  --pf-v5-c-toggle-group__button--Color: var(--pf-v5-c-toggle-group__button--m-selected--Color, inherit);
@@ -29652,19 +29796,6 @@ label.pf-v5-c-radio, .pf-v5-c-radio__label,
29652
29796
  margin-inline-start: var(--pf-v5-c-toggle-group__icon--text--MarginLeft);
29653
29797
  }
29654
29798
 
29655
- :where(.pf-theme-dark) .pf-v5-c-wizard__header .pf-v5-c-button, :where(.pf-theme-dark) .pf-v5-c-log-viewer.pf-m-dark .pf-v5-c-log-viewer__main .pf-v5-c-button {
29656
- --pf-v5-c-button--m-primary--BackgroundColor: var(--pf-v5-global--primary-color--300);
29657
- }
29658
-
29659
- :where(.pf-theme-dark) .pf-v5-c-toggle-group {
29660
- --pf-v5-c-toggle-group__button--hover--BackgroundColor: var(--pf-v5-global--palette--black-700);
29661
- --pf-v5-c-toggle-group__button--focus--BackgroundColor: var(--pf-v5-global--palette--black-700);
29662
- --pf-v5-c-toggle-group__button--disabled--BackgroundColor: var(--pf-v5-global--palette--black-600);
29663
- --pf-v5-c-toggle-group__button--disabled--Color: var(--pf-v5-global--palette--black-100);
29664
- --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--primary-color--300);
29665
- --pf-v5-c-toggle-group__button--m-selected--Color: var(--pf-v5-global--primary-color--400);
29666
- }
29667
-
29668
29799
  :root {
29669
29800
  --pf-v5-c-tooltip--MaxWidth: 18.75rem;
29670
29801
  --pf-v5-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);