@patternfly/patternfly 6.0.0-alpha.159 → 6.0.0-alpha.160

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 (27) hide show
  1. package/base/patternfly-variables.css +216 -198
  2. package/base/patternfly-variables.scss +1 -1
  3. package/base/tokens/tokens-charts-dark.scss +1 -1
  4. package/base/tokens/tokens-charts.scss +1 -1
  5. package/base/tokens/tokens-dark.scss +31 -31
  6. package/base/tokens/tokens-default.scss +58 -40
  7. package/base/tokens/tokens-palette.scss +1 -1
  8. package/components/Banner/banner.css +10 -10
  9. package/components/Banner/banner.scss +10 -10
  10. package/components/Label/label.css +34 -34
  11. package/components/Label/label.scss +36 -36
  12. package/components/_index.css +44 -44
  13. package/docs/components/Banner/examples/Banner.md +6 -6
  14. package/docs/components/Content/examples/Content.md +1 -1
  15. package/docs/components/Label/examples/Label.md +193 -185
  16. package/docs/components/Table/examples/Table.md +40 -40
  17. package/docs/demos/Card/examples/Card.md +3 -3
  18. package/docs/demos/Dashboard/examples/Dashboard.md +1 -1
  19. package/docs/demos/DescriptionList/examples/DescriptionList.md +1 -1
  20. package/docs/demos/Tabs/examples/Tabs.md +2 -2
  21. package/package.json +1 -1
  22. package/patternfly-base-no-globals.css +216 -198
  23. package/patternfly-base.css +216 -198
  24. package/patternfly-no-globals.css +260 -242
  25. package/patternfly.css +260 -242
  26. package/patternfly.min.css +1 -1
  27. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -4952,135 +4952,6 @@ button) {
4952
4952
 
4953
4953
  :where(:root) {
4954
4954
  --pf-v6-global--inverse--multiplier: 1;
4955
- --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
4956
- --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
4957
- --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
4958
- --pf-t--global--font--line-height--100: 1.3;
4959
- --pf-t--global--font--line-height--200: 1.5;
4960
- --pf-t--global--font--weight--body--100: 400;
4961
- --pf-t--global--font--weight--body--200: 500;
4962
- --pf-t--global--font--weight--heading--100: 700;
4963
- --pf-t--global--font--weight--heading--200: 700;
4964
- --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
4965
- --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
4966
- --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
4967
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
4968
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
4969
- --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
4970
- --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
4971
- --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
4972
- --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
4973
- --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
4974
- --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
4975
- --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
4976
- --pf-t--global--font--size--heading--lg: var(--pf-t--global--font--size--2xl);
4977
- --pf-t--global--font--size--heading--xl: var(--pf-t--global--font--size--3xl);
4978
- --pf-t--global--font--size--heading--2xl: var(--pf-t--global--font--size--4xl);
4979
- --pf-t--global--font--family--body--legacy: redhattext, helvetica, arial, sans-serif;
4980
- --pf-t--global--font--family--heading--legacy: redhatdisplay, helvetica, arial, sans-serif;
4981
- --pf-t--global--font--family--mono--legacy: redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
4982
- --pf-t--global--font--weight--body--legacy: 400;
4983
- --pf-t--global--font--weight--body--bold--legacy: 700;
4984
- --pf-t--global--font--weight--heading--legacy: 400;
4985
- --pf-t--global--font--weight--heading--bold--legacy: 700;
4986
- --pf-t--global--text-decoration--100: none;
4987
- --pf-t--global--text-decoration--200: underline;
4988
- --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
4989
- --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
4990
- --pf-t--global--box-shadow--sm:
4991
- var(--pf-t--global--box-shadow--X--sm--default)
4992
- var(--pf-t--global--box-shadow--Y--sm--default)
4993
- var(--pf-t--global--box-shadow--blur--sm)
4994
- var(--pf-t--global--box-shadow--spread--sm)
4995
- var(--pf-t--global--box-shadow--color--sm);
4996
- --pf-t--global--box-shadow--sm--top:
4997
- var(--pf-t--global--box-shadow--X--sm--top)
4998
- var(--pf-t--global--box-shadow--Y--sm--top)
4999
- var(--pf-t--global--box-shadow--blur--sm)
5000
- var(--pf-t--global--box-shadow--spread--sm)
5001
- var(--pf-t--global--box-shadow--color--sm);
5002
- --pf-t--global--box-shadow--sm--bottom:
5003
- var(--pf-t--global--box-shadow--X--sm--bottom)
5004
- var(--pf-t--global--box-shadow--Y--sm--bottom)
5005
- var(--pf-t--global--box-shadow--blur--sm)
5006
- var(--pf-t--global--box-shadow--spread--sm)
5007
- var(--pf-t--global--box-shadow--color--sm);
5008
- --pf-t--global--box-shadow--sm--left:
5009
- var(--pf-t--global--box-shadow--X--sm--left)
5010
- var(--pf-t--global--box-shadow--Y--sm--left)
5011
- var(--pf-t--global--box-shadow--blur--sm)
5012
- var(--pf-t--global--box-shadow--spread--sm)
5013
- var(--pf-t--global--box-shadow--color--sm);
5014
- --pf-t--global--box-shadow--sm--right:
5015
- var(--pf-t--global--box-shadow--X--sm--right)
5016
- var(--pf-t--global--box-shadow--Y--sm--right)
5017
- var(--pf-t--global--box-shadow--blur--sm)
5018
- var(--pf-t--global--box-shadow--spread--sm)
5019
- var(--pf-t--global--box-shadow--color--sm);
5020
- --pf-t--global--box-shadow--md:
5021
- var(--pf-t--global--box-shadow--X--md--default)
5022
- var(--pf-t--global--box-shadow--Y--md--default)
5023
- var(--pf-t--global--box-shadow--blur--md)
5024
- var(--pf-t--global--box-shadow--spread--md)
5025
- var(--pf-t--global--box-shadow--color--md);
5026
- --pf-t--global--box-shadow--md--top:
5027
- var(--pf-t--global--box-shadow--X--md--top)
5028
- var(--pf-t--global--box-shadow--Y--md--top)
5029
- var(--pf-t--global--box-shadow--blur--md)
5030
- var(--pf-t--global--box-shadow--spread--md)
5031
- var(--pf-t--global--box-shadow--color--md);
5032
- --pf-t--global--box-shadow--md--bottom:
5033
- var(--pf-t--global--box-shadow--X--md--bottom)
5034
- var(--pf-t--global--box-shadow--Y--md--bottom)
5035
- var(--pf-t--global--box-shadow--blur--md)
5036
- var(--pf-t--global--box-shadow--spread--md)
5037
- var(--pf-t--global--box-shadow--color--md);
5038
- --pf-t--global--box-shadow--md--left:
5039
- var(--pf-t--global--box-shadow--X--md--left)
5040
- var(--pf-t--global--box-shadow--Y--md--left)
5041
- var(--pf-t--global--box-shadow--blur--md)
5042
- var(--pf-t--global--box-shadow--spread--md)
5043
- var(--pf-t--global--box-shadow--color--md);
5044
- --pf-t--global--box-shadow--md--right:
5045
- var(--pf-t--global--box-shadow--X--md--right)
5046
- var(--pf-t--global--box-shadow--Y--md--right)
5047
- var(--pf-t--global--box-shadow--blur--md)
5048
- var(--pf-t--global--box-shadow--spread--md)
5049
- var(--pf-t--global--box-shadow--color--md);
5050
- --pf-t--global--box-shadow--lg:
5051
- var(--pf-t--global--box-shadow--X--lg--default)
5052
- var(--pf-t--global--box-shadow--Y--lg--default)
5053
- var(--pf-t--global--box-shadow--blur--lg)
5054
- var(--pf-t--global--box-shadow--spread--lg)
5055
- var(--pf-t--global--box-shadow--color--lg);
5056
- --pf-t--global--box-shadow--lg--top:
5057
- var(--pf-t--global--box-shadow--X--lg--top)
5058
- var(--pf-t--global--box-shadow--Y--lg--top)
5059
- var(--pf-t--global--box-shadow--blur--lg)
5060
- var(--pf-t--global--box-shadow--spread--lg)
5061
- var(--pf-t--global--box-shadow--color--lg);
5062
- --pf-t--global--box-shadow--lg--bottom:
5063
- var(--pf-t--global--box-shadow--X--lg--bottom)
5064
- var(--pf-t--global--box-shadow--Y--lg--bottom)
5065
- var(--pf-t--global--box-shadow--blur--lg)
5066
- var(--pf-t--global--box-shadow--spread--lg)
5067
- var(--pf-t--global--box-shadow--color--lg);
5068
- --pf-t--global--box-shadow--lg--left:
5069
- var(--pf-t--global--box-shadow--X--lg--left)
5070
- var(--pf-t--global--box-shadow--Y--lg--left)
5071
- var(--pf-t--global--box-shadow--blur--lg)
5072
- var(--pf-t--global--box-shadow--spread--lg)
5073
- var(--pf-t--global--box-shadow--color--lg);
5074
- --pf-t--global--box-shadow--lg--right:
5075
- var(--pf-t--global--box-shadow--X--lg--right)
5076
- var(--pf-t--global--box-shadow--Y--lg--right)
5077
- var(--pf-t--global--box-shadow--blur--lg)
5078
- var(--pf-t--global--box-shadow--spread--lg)
5079
- var(--pf-t--global--box-shadow--color--lg);
5080
- --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
5081
- --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
5082
- --pf-t--global--transition--duration: 250ms;
5083
- --pf-t--global--list-style: disc outside;
5084
4955
  --pf-t--color--red--70: #5f0000;
5085
4956
  --pf-t--color--red--60: #a60000;
5086
4957
  --pf-t--color--red--50: #e00;
@@ -5180,7 +5051,7 @@ button) {
5180
5051
  --pf-t--global--box-shadow--spread--100: 0px;
5181
5052
  --pf-t--global--box-shadow--blur--300: 24px;
5182
5053
  --pf-t--global--box-shadow--blur--200: 8px;
5183
- --pf-t--global--box-shadow--blur--100: 2px;
5054
+ --pf-t--global--box-shadow--blur--100: 4px;
5184
5055
  --pf-t--global--box-shadow--Y--700: 8px;
5185
5056
  --pf-t--global--box-shadow--Y--600: 4px;
5186
5057
  --pf-t--global--box-shadow--Y--500: 1px;
@@ -5209,6 +5080,15 @@ button) {
5209
5080
  --pf-t--global--font--size--300: 16px;
5210
5081
  --pf-t--global--font--size--200: 14px;
5211
5082
  --pf-t--global--font--size--100: 12px;
5083
+ --pf-t--global--font--line-height--200: 1.5;
5084
+ --pf-t--global--font--line-height--100: 1.3;
5085
+ --pf-t--global--font--weight--400: 700;
5086
+ --pf-t--global--font--weight--300: 700;
5087
+ --pf-t--global--font--weight--200: 500;
5088
+ --pf-t--global--font--weight--100: 400;
5089
+ --pf-t--global--font--family--300: "Red Hat Mono VF";
5090
+ --pf-t--global--font--family--200: "Red Hat Display VF";
5091
+ --pf-t--global--font--family--100: "Red Hat Text VF";
5212
5092
  --pf-t--global--border--radius--500: 999px;
5213
5093
  --pf-t--global--border--radius--400: 24px;
5214
5094
  --pf-t--global--border--radius--300: 16px;
@@ -5252,7 +5132,7 @@ button) {
5252
5132
  --pf-t--global--text--color--400: var(--pf-t--color--red-orange--40);
5253
5133
  --pf-t--global--text--color--300: var(--pf-t--color--white);
5254
5134
  --pf-t--global--text--color--200: var(--pf-t--color--gray--60);
5255
- --pf-t--global--text--color--100: var(--pf-t--color--gray--90);
5135
+ --pf-t--global--text--color--100: var(--pf-t--color--gray--95);
5256
5136
  --pf-t--global--color--nonstatus--gray--300: var(--pf-t--color--gray--40);
5257
5137
  --pf-t--global--color--nonstatus--gray--200: var(--pf-t--color--gray--30);
5258
5138
  --pf-t--global--color--nonstatus--gray--100: var(--pf-t--color--gray--20);
@@ -5262,15 +5142,15 @@ button) {
5262
5142
  --pf-t--global--color--nonstatus--blue--300: var(--pf-t--color--blue--40);
5263
5143
  --pf-t--global--color--nonstatus--blue--200: var(--pf-t--color--blue--30);
5264
5144
  --pf-t--global--color--nonstatus--blue--100: var(--pf-t--color--blue--20);
5265
- --pf-t--global--color--nonstatus--cyan--300: var(--pf-t--color--teal--40);
5266
- --pf-t--global--color--nonstatus--cyan--200: var(--pf-t--color--teal--30);
5267
- --pf-t--global--color--nonstatus--cyan--100: var(--pf-t--color--teal--20);
5145
+ --pf-t--global--color--nonstatus--teal--300: var(--pf-t--color--teal--40);
5146
+ --pf-t--global--color--nonstatus--teal--200: var(--pf-t--color--teal--30);
5147
+ --pf-t--global--color--nonstatus--teal--100: var(--pf-t--color--teal--20);
5268
5148
  --pf-t--global--color--nonstatus--green--300: var(--pf-t--color--green--40);
5269
5149
  --pf-t--global--color--nonstatus--green--200: var(--pf-t--color--green--30);
5270
5150
  --pf-t--global--color--nonstatus--green--100: var(--pf-t--color--green--20);
5271
- --pf-t--global--color--nonstatus--gold--300: var(--pf-t--color--yellow--40);
5272
- --pf-t--global--color--nonstatus--gold--200: var(--pf-t--color--yellow--30);
5273
- --pf-t--global--color--nonstatus--gold--100: var(--pf-t--color--yellow--20);
5151
+ --pf-t--global--color--nonstatus--yellow--300: var(--pf-t--color--yellow--40);
5152
+ --pf-t--global--color--nonstatus--yellow--200: var(--pf-t--color--yellow--30);
5153
+ --pf-t--global--color--nonstatus--yellow--100: var(--pf-t--color--yellow--20);
5274
5154
  --pf-t--global--color--nonstatus--orange--300: var(--pf-t--color--orange--40);
5275
5155
  --pf-t--global--color--nonstatus--orange--200: var(--pf-t--color--orange--30);
5276
5156
  --pf-t--global--color--nonstatus--orange--100: var(--pf-t--color--orange--20);
@@ -5379,6 +5259,13 @@ button) {
5379
5259
  --pf-t--global--font--size--md: var(--pf-t--global--font--size--300);
5380
5260
  --pf-t--global--font--size--sm: var(--pf-t--global--font--size--200);
5381
5261
  --pf-t--global--font--size--xs: var(--pf-t--global--font--size--100);
5262
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--200);
5263
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--100);
5264
+ --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--300);
5265
+ --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--100);
5266
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
5267
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
5268
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
5382
5269
  --pf-t--global--border--color--300: var(--pf-t--color--gray--50);
5383
5270
  --pf-t--global--border--color--200: var(--pf-t--color--gray--40);
5384
5271
  --pf-t--global--border--color--100: var(--pf-t--color--gray--30);
@@ -5416,6 +5303,8 @@ button) {
5416
5303
  --pf-t--global--icon--size--sm: var(--pf-t--global--icon--size--100);
5417
5304
  --pf-t--global--spacer--button--vertical--compact: var(--pf-t--global--spacer--100);
5418
5305
  --pf-t--global--spacer--button--horizontal--compact: var(--pf-t--global--spacer--300);
5306
+ --pf-t--global--spacer--control--horizontal--compact: var(--pf-t--global--spacer--200);
5307
+ --pf-t--global--spacer--control--vertical--compact: var(--pf-t--global--spacer--100);
5419
5308
  --pf-t--global--spacer--4xl: var(--pf-t--global--spacer--800);
5420
5309
  --pf-t--global--spacer--3xl: var(--pf-t--global--spacer--700);
5421
5310
  --pf-t--global--spacer--2xl: var(--pf-t--global--spacer--600);
@@ -5458,15 +5347,15 @@ button) {
5458
5347
  --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--200);
5459
5348
  --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--200);
5460
5349
  --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--100);
5461
- --pf-t--global--color--nonstatus--cyan--clicked: var(--pf-t--global--color--nonstatus--cyan--200);
5462
- --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--200);
5463
- --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--100);
5350
+ --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--200);
5351
+ --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--200);
5352
+ --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--100);
5464
5353
  --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--200);
5465
5354
  --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--200);
5466
5355
  --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--100);
5467
- --pf-t--global--color--nonstatus--gold--clicked: var(--pf-t--global--color--nonstatus--gold--200);
5468
- --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--200);
5469
- --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--100);
5356
+ --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--200);
5357
+ --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--200);
5358
+ --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--100);
5470
5359
  --pf-t--global--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--200);
5471
5360
  --pf-t--global--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--200);
5472
5361
  --pf-t--global--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--100);
@@ -5530,15 +5419,15 @@ button) {
5530
5419
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--color--nonstatus--blue--300);
5531
5420
  --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--color--nonstatus--blue--300);
5532
5421
  --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--color--nonstatus--blue--200);
5533
- --pf-t--global--border--color--nonstatus--cyan--clicked: var(--pf-t--global--color--nonstatus--cyan--300);
5534
- --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--color--nonstatus--cyan--300);
5535
- --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--color--nonstatus--cyan--200);
5422
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--color--nonstatus--teal--300);
5423
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--color--nonstatus--teal--300);
5424
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--color--nonstatus--teal--200);
5536
5425
  --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--color--nonstatus--green--300);
5537
5426
  --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--color--nonstatus--green--300);
5538
5427
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--color--nonstatus--green--200);
5539
- --pf-t--global--border--color--nonstatus--gold--clicked: var(--pf-t--global--color--nonstatus--gold--300);
5540
- --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--color--nonstatus--gold--300);
5541
- --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--color--nonstatus--gold--200);
5428
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--color--nonstatus--yellow--300);
5429
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--color--nonstatus--yellow--300);
5430
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--color--nonstatus--yellow--200);
5542
5431
  --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--color--nonstatus--orange--300);
5543
5432
  --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--color--nonstatus--orange--300);
5544
5433
  --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--color--nonstatus--orange--200);
@@ -5578,6 +5467,10 @@ button) {
5578
5467
  --pf-t--global--icon--size--font--md: var(--pf-t--global--font--size--md);
5579
5468
  --pf-t--global--icon--size--font--sm: var(--pf-t--global--font--size--sm);
5580
5469
  --pf-t--global--icon--size--font--xs: var(--pf-t--global--font--size--xs);
5470
+ --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
5471
+ --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
5472
+ --pf-t--global--spacer--action--vertical--plain: var(--pf-t--global--spacer--sm);
5473
+ --pf-t--global--spacer--action--vertical--default: var(--pf-t--global--spacer--sm);
5581
5474
  --pf-t--global--spacer--gap--action-to-action--plain: var(--pf-t--global--spacer--xs);
5582
5475
  --pf-t--global--spacer--gap--action-to-action--default: var(--pf-t--global--spacer--md);
5583
5476
  --pf-t--global--spacer--gap--group-to-group--vertical: var(--pf-t--global--spacer--lg);
@@ -5590,10 +5483,6 @@ button) {
5590
5483
  --pf-t--global--spacer--control--horizontal--default: var(--pf-t--global--spacer--md);
5591
5484
  --pf-t--global--spacer--control--vertical--plain: var(--pf-t--global--spacer--sm);
5592
5485
  --pf-t--global--spacer--control--vertical--default: var(--pf-t--global--spacer--sm);
5593
- --pf-t--global--spacer--action--horizontal--plain: var(--pf-t--global--spacer--sm);
5594
- --pf-t--global--spacer--action--horizontal--default: var(--pf-t--global--spacer--lg);
5595
- --pf-t--global--spacer--action--vertical--plain: var(--pf-t--global--spacer--sm);
5596
- --pf-t--global--spacer--action--vertical--default: var(--pf-t--global--spacer--sm);
5597
5486
  --pf-t--global--text--color--nonstatus--on-gray--clicked: var(--pf-t--global--text--color--regular);
5598
5487
  --pf-t--global--text--color--nonstatus--on-gray--hover: var(--pf-t--global--text--color--regular);
5599
5488
  --pf-t--global--text--color--nonstatus--on-gray--default: var(--pf-t--global--text--color--regular);
@@ -5603,15 +5492,15 @@ button) {
5603
5492
  --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--regular);
5604
5493
  --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--regular);
5605
5494
  --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--regular);
5606
- --pf-t--global--text--color--nonstatus--on-cyan--clicked: var(--pf-t--global--text--color--regular);
5607
- --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--regular);
5608
- --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--regular);
5495
+ --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--regular);
5496
+ --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--regular);
5497
+ --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--regular);
5609
5498
  --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--regular);
5610
5499
  --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--regular);
5611
5500
  --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--regular);
5612
- --pf-t--global--text--color--nonstatus--on-gold--clicked: var(--pf-t--global--text--color--regular);
5613
- --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--regular);
5614
- --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--regular);
5501
+ --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--regular);
5502
+ --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--regular);
5503
+ --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--regular);
5615
5504
  --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--regular);
5616
5505
  --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--regular);
5617
5506
  --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--regular);
@@ -5694,15 +5583,15 @@ button) {
5694
5583
  --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--regular);
5695
5584
  --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--regular);
5696
5585
  --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--regular);
5697
- --pf-t--global--icon--color--nonstatus--on-cyan--clicked: var(--pf-t--global--icon--color--regular);
5698
- --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--regular);
5699
- --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--regular);
5586
+ --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--regular);
5587
+ --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--regular);
5588
+ --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--regular);
5700
5589
  --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--regular);
5701
5590
  --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--regular);
5702
5591
  --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--regular);
5703
- --pf-t--global--icon--color--nonstatus--on-gold--clicked: var(--pf-t--global--icon--color--regular);
5704
- --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--regular);
5705
- --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--regular);
5592
+ --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--regular);
5593
+ --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--regular);
5594
+ --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--regular);
5706
5595
  --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--regular);
5707
5596
  --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--regular);
5708
5597
  --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--regular);
@@ -5754,16 +5643,145 @@ button) {
5754
5643
  --pf-t--global--icon--color--brand--clicked: var(--pf-t--global--color--brand--clicked);
5755
5644
  --pf-t--global--icon--color--brand--hover: var(--pf-t--global--color--brand--hover);
5756
5645
  --pf-t--global--icon--color--brand--default: var(--pf-t--global--color--brand--default);
5757
- --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5758
- --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5759
- --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5760
5646
  --pf-t--global--icon--size--font--heading--h6: var(--pf-t--global--font--size--heading--h6);
5761
5647
  --pf-t--global--icon--size--font--heading--h5: var(--pf-t--global--font--size--heading--h5);
5762
5648
  --pf-t--global--icon--size--font--heading--h4: var(--pf-t--global--font--size--heading--h4);
5763
5649
  --pf-t--global--icon--size--font--heading--h3: var(--pf-t--global--font--size--heading--h3);
5764
5650
  --pf-t--global--icon--size--font--heading--h2: var(--pf-t--global--font--size--heading--h2);
5765
5651
  --pf-t--global--icon--size--font--heading--h1: var(--pf-t--global--font--size--heading--h1);
5652
+ --pf-t--global--icon--size--font--body--lg: var(--pf-t--global--font--size--body--lg);
5653
+ --pf-t--global--icon--size--font--body--default: var(--pf-t--global--font--size--body--default);
5654
+ --pf-t--global--icon--size--font--body--sm: var(--pf-t--global--font--size--body--sm);
5766
5655
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
5656
+ --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
5657
+ --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
5658
+ --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
5659
+ --pf-t--global--font--line-height--100: 1.3;
5660
+ --pf-t--global--font--line-height--200: 1.5;
5661
+ --pf-t--global--font--weight--body--100: 400;
5662
+ --pf-t--global--font--weight--body--200: 500;
5663
+ --pf-t--global--font--weight--heading--100: 700;
5664
+ --pf-t--global--font--weight--heading--200: 700;
5665
+ --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
5666
+ --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
5667
+ --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
5668
+ --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
5669
+ --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
5670
+ --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
5671
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
5672
+ --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
5673
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
5674
+ --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
5675
+ --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
5676
+ --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
5677
+ --pf-t--global--font--size--heading--lg: var(--pf-t--global--font--size--2xl);
5678
+ --pf-t--global--font--size--heading--xl: var(--pf-t--global--font--size--3xl);
5679
+ --pf-t--global--font--size--heading--2xl: var(--pf-t--global--font--size--4xl);
5680
+ --pf-t--global--font--family--body--legacy: redhattext, helvetica, arial, sans-serif;
5681
+ --pf-t--global--font--family--heading--legacy: redhatdisplay, helvetica, arial, sans-serif;
5682
+ --pf-t--global--font--family--mono--legacy: redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
5683
+ --pf-t--global--font--weight--body--legacy: 400;
5684
+ --pf-t--global--font--weight--body--bold--legacy: 700;
5685
+ --pf-t--global--font--weight--heading--legacy: 400;
5686
+ --pf-t--global--font--weight--heading--bold--legacy: 700;
5687
+ --pf-t--global--text-decoration--100: none;
5688
+ --pf-t--global--text-decoration--200: underline;
5689
+ --pf-t--global--link--text-decoration: var(--pf-t--global--text-decoration--100);
5690
+ --pf-t--global--link--text-decoration--hover: var(--pf-t--global--text-decoration--200);
5691
+ --pf-t--global--box-shadow--sm:
5692
+ var(--pf-t--global--box-shadow--X--sm--default)
5693
+ var(--pf-t--global--box-shadow--Y--sm--default)
5694
+ var(--pf-t--global--box-shadow--blur--sm)
5695
+ var(--pf-t--global--box-shadow--spread--sm)
5696
+ var(--pf-t--global--box-shadow--color--sm);
5697
+ --pf-t--global--box-shadow--sm--top:
5698
+ var(--pf-t--global--box-shadow--X--sm--top)
5699
+ var(--pf-t--global--box-shadow--Y--sm--top)
5700
+ var(--pf-t--global--box-shadow--blur--sm)
5701
+ var(--pf-t--global--box-shadow--spread--sm)
5702
+ var(--pf-t--global--box-shadow--color--sm);
5703
+ --pf-t--global--box-shadow--sm--bottom:
5704
+ var(--pf-t--global--box-shadow--X--sm--bottom)
5705
+ var(--pf-t--global--box-shadow--Y--sm--bottom)
5706
+ var(--pf-t--global--box-shadow--blur--sm)
5707
+ var(--pf-t--global--box-shadow--spread--sm)
5708
+ var(--pf-t--global--box-shadow--color--sm);
5709
+ --pf-t--global--box-shadow--sm--left:
5710
+ var(--pf-t--global--box-shadow--X--sm--left)
5711
+ var(--pf-t--global--box-shadow--Y--sm--left)
5712
+ var(--pf-t--global--box-shadow--blur--sm)
5713
+ var(--pf-t--global--box-shadow--spread--sm)
5714
+ var(--pf-t--global--box-shadow--color--sm);
5715
+ --pf-t--global--box-shadow--sm--right:
5716
+ var(--pf-t--global--box-shadow--X--sm--right)
5717
+ var(--pf-t--global--box-shadow--Y--sm--right)
5718
+ var(--pf-t--global--box-shadow--blur--sm)
5719
+ var(--pf-t--global--box-shadow--spread--sm)
5720
+ var(--pf-t--global--box-shadow--color--sm);
5721
+ --pf-t--global--box-shadow--md:
5722
+ var(--pf-t--global--box-shadow--X--md--default)
5723
+ var(--pf-t--global--box-shadow--Y--md--default)
5724
+ var(--pf-t--global--box-shadow--blur--md)
5725
+ var(--pf-t--global--box-shadow--spread--md)
5726
+ var(--pf-t--global--box-shadow--color--md);
5727
+ --pf-t--global--box-shadow--md--top:
5728
+ var(--pf-t--global--box-shadow--X--md--top)
5729
+ var(--pf-t--global--box-shadow--Y--md--top)
5730
+ var(--pf-t--global--box-shadow--blur--md)
5731
+ var(--pf-t--global--box-shadow--spread--md)
5732
+ var(--pf-t--global--box-shadow--color--md);
5733
+ --pf-t--global--box-shadow--md--bottom:
5734
+ var(--pf-t--global--box-shadow--X--md--bottom)
5735
+ var(--pf-t--global--box-shadow--Y--md--bottom)
5736
+ var(--pf-t--global--box-shadow--blur--md)
5737
+ var(--pf-t--global--box-shadow--spread--md)
5738
+ var(--pf-t--global--box-shadow--color--md);
5739
+ --pf-t--global--box-shadow--md--left:
5740
+ var(--pf-t--global--box-shadow--X--md--left)
5741
+ var(--pf-t--global--box-shadow--Y--md--left)
5742
+ var(--pf-t--global--box-shadow--blur--md)
5743
+ var(--pf-t--global--box-shadow--spread--md)
5744
+ var(--pf-t--global--box-shadow--color--md);
5745
+ --pf-t--global--box-shadow--md--right:
5746
+ var(--pf-t--global--box-shadow--X--md--right)
5747
+ var(--pf-t--global--box-shadow--Y--md--right)
5748
+ var(--pf-t--global--box-shadow--blur--md)
5749
+ var(--pf-t--global--box-shadow--spread--md)
5750
+ var(--pf-t--global--box-shadow--color--md);
5751
+ --pf-t--global--box-shadow--lg:
5752
+ var(--pf-t--global--box-shadow--X--lg--default)
5753
+ var(--pf-t--global--box-shadow--Y--lg--default)
5754
+ var(--pf-t--global--box-shadow--blur--lg)
5755
+ var(--pf-t--global--box-shadow--spread--lg)
5756
+ var(--pf-t--global--box-shadow--color--lg);
5757
+ --pf-t--global--box-shadow--lg--top:
5758
+ var(--pf-t--global--box-shadow--X--lg--top)
5759
+ var(--pf-t--global--box-shadow--Y--lg--top)
5760
+ var(--pf-t--global--box-shadow--blur--lg)
5761
+ var(--pf-t--global--box-shadow--spread--lg)
5762
+ var(--pf-t--global--box-shadow--color--lg);
5763
+ --pf-t--global--box-shadow--lg--bottom:
5764
+ var(--pf-t--global--box-shadow--X--lg--bottom)
5765
+ var(--pf-t--global--box-shadow--Y--lg--bottom)
5766
+ var(--pf-t--global--box-shadow--blur--lg)
5767
+ var(--pf-t--global--box-shadow--spread--lg)
5768
+ var(--pf-t--global--box-shadow--color--lg);
5769
+ --pf-t--global--box-shadow--lg--left:
5770
+ var(--pf-t--global--box-shadow--X--lg--left)
5771
+ var(--pf-t--global--box-shadow--Y--lg--left)
5772
+ var(--pf-t--global--box-shadow--blur--lg)
5773
+ var(--pf-t--global--box-shadow--spread--lg)
5774
+ var(--pf-t--global--box-shadow--color--lg);
5775
+ --pf-t--global--box-shadow--lg--right:
5776
+ var(--pf-t--global--box-shadow--X--lg--right)
5777
+ var(--pf-t--global--box-shadow--Y--lg--right)
5778
+ var(--pf-t--global--box-shadow--blur--lg)
5779
+ var(--pf-t--global--box-shadow--spread--lg)
5780
+ var(--pf-t--global--box-shadow--color--lg);
5781
+ --pf-t--global--transition: all 250ms cubic-bezier(.42, 0, .58, 1);
5782
+ --pf-t--global--transition--timing-function: cubic-bezier(.645, .045, .355, 1);
5783
+ --pf-t--global--transition--duration: 250ms;
5784
+ --pf-t--global--list-style: disc outside;
5767
5785
  }
5768
5786
 
5769
5787
  :where(.pf-v6-theme-dark) {
@@ -5798,15 +5816,15 @@ button) {
5798
5816
  --pf-t--global--dark--color--nonstatus--blue--300: var(--pf-t--color--blue--10);
5799
5817
  --pf-t--global--dark--color--nonstatus--blue--200: var(--pf-t--color--blue--20);
5800
5818
  --pf-t--global--dark--color--nonstatus--blue--100: var(--pf-t--color--blue--30);
5801
- --pf-t--global--dark--color--nonstatus--cyan--300: var(--pf-t--color--teal--10);
5802
- --pf-t--global--dark--color--nonstatus--cyan--200: var(--pf-t--color--teal--20);
5803
- --pf-t--global--dark--color--nonstatus--cyan--100: var(--pf-t--color--teal--30);
5819
+ --pf-t--global--dark--color--nonstatus--teal--300: var(--pf-t--color--teal--10);
5820
+ --pf-t--global--dark--color--nonstatus--teal--200: var(--pf-t--color--teal--20);
5821
+ --pf-t--global--dark--color--nonstatus--teal--100: var(--pf-t--color--teal--30);
5804
5822
  --pf-t--global--dark--color--nonstatus--green--300: var(--pf-t--color--green--10);
5805
5823
  --pf-t--global--dark--color--nonstatus--green--200: var(--pf-t--color--green--20);
5806
5824
  --pf-t--global--dark--color--nonstatus--green--100: var(--pf-t--color--green--30);
5807
- --pf-t--global--dark--color--nonstatus--gold--300: var(--pf-t--color--yellow--10);
5808
- --pf-t--global--dark--color--nonstatus--gold--200: var(--pf-t--color--yellow--20);
5809
- --pf-t--global--dark--color--nonstatus--gold--100: var(--pf-t--color--yellow--30);
5825
+ --pf-t--global--dark--color--nonstatus--yellow--300: var(--pf-t--color--yellow--10);
5826
+ --pf-t--global--dark--color--nonstatus--yellow--200: var(--pf-t--color--yellow--20);
5827
+ --pf-t--global--dark--color--nonstatus--yellow--100: var(--pf-t--color--yellow--30);
5810
5828
  --pf-t--global--dark--color--nonstatus--orange--300: var(--pf-t--color--orange--10);
5811
5829
  --pf-t--global--dark--color--nonstatus--orange--200: var(--pf-t--color--orange--20);
5812
5830
  --pf-t--global--dark--color--nonstatus--orange--100: var(--pf-t--color--orange--30);
@@ -5873,15 +5891,15 @@ button) {
5873
5891
  --pf-t--global--border--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
5874
5892
  --pf-t--global--border--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
5875
5893
  --pf-t--global--border--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
5876
- --pf-t--global--border--color--nonstatus--cyan--clicked: var(--pf-t--global--dark--color--nonstatus--cyan--200);
5877
- --pf-t--global--border--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
5878
- --pf-t--global--border--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
5894
+ --pf-t--global--border--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
5895
+ --pf-t--global--border--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
5896
+ --pf-t--global--border--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
5879
5897
  --pf-t--global--border--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
5880
5898
  --pf-t--global--border--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
5881
5899
  --pf-t--global--border--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
5882
- --pf-t--global--border--color--nonstatus--gold--clicked: var(--pf-t--global--dark--color--nonstatus--gold--200);
5883
- --pf-t--global--border--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
5884
- --pf-t--global--border--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
5900
+ --pf-t--global--border--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
5901
+ --pf-t--global--border--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
5902
+ --pf-t--global--border--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
5885
5903
  --pf-t--global--border--color--nonstatus--orange--clicked: var(--pf-t--global--dark--color--nonstatus--orange--200);
5886
5904
  --pf-t--global--border--color--nonstatus--orange--hover: var(--pf-t--global--dark--color--nonstatus--orange--200);
5887
5905
  --pf-t--global--border--color--nonstatus--orange--default: var(--pf-t--global--dark--color--nonstatus--orange--100);
@@ -5919,15 +5937,15 @@ button) {
5919
5937
  --pf-t--global--color--nonstatus--blue--clicked: var(--pf-t--global--dark--color--nonstatus--blue--200);
5920
5938
  --pf-t--global--color--nonstatus--blue--hover: var(--pf-t--global--dark--color--nonstatus--blue--200);
5921
5939
  --pf-t--global--color--nonstatus--blue--default: var(--pf-t--global--dark--color--nonstatus--blue--100);
5922
- --pf-t--global--color--nonstatus--cyan--clicked: var(--pf-t--global--dark--color--nonstatus--cyan--200);
5923
- --pf-t--global--color--nonstatus--cyan--hover: var(--pf-t--global--dark--color--nonstatus--cyan--200);
5924
- --pf-t--global--color--nonstatus--cyan--default: var(--pf-t--global--dark--color--nonstatus--cyan--100);
5940
+ --pf-t--global--color--nonstatus--teal--clicked: var(--pf-t--global--dark--color--nonstatus--teal--200);
5941
+ --pf-t--global--color--nonstatus--teal--hover: var(--pf-t--global--dark--color--nonstatus--teal--200);
5942
+ --pf-t--global--color--nonstatus--teal--default: var(--pf-t--global--dark--color--nonstatus--teal--100);
5925
5943
  --pf-t--global--color--nonstatus--green--clicked: var(--pf-t--global--dark--color--nonstatus--green--200);
5926
5944
  --pf-t--global--color--nonstatus--green--hover: var(--pf-t--global--dark--color--nonstatus--green--200);
5927
5945
  --pf-t--global--color--nonstatus--green--default: var(--pf-t--global--dark--color--nonstatus--green--100);
5928
- --pf-t--global--color--nonstatus--gold--clicked: var(--pf-t--global--dark--color--nonstatus--gold--200);
5929
- --pf-t--global--color--nonstatus--gold--hover: var(--pf-t--global--dark--color--nonstatus--gold--200);
5930
- --pf-t--global--color--nonstatus--gold--default: var(--pf-t--global--dark--color--nonstatus--gold--100);
5946
+ --pf-t--global--color--nonstatus--yellow--clicked: var(--pf-t--global--dark--color--nonstatus--yellow--200);
5947
+ --pf-t--global--color--nonstatus--yellow--hover: var(--pf-t--global--dark--color--nonstatus--yellow--200);
5948
+ --pf-t--global--color--nonstatus--yellow--default: var(--pf-t--global--dark--color--nonstatus--yellow--100);
5931
5949
  --pf-t--global--color--nonstatus--orangered--clicked: var(--pf-t--global--dark--color--nonstatus--orangered--200);
5932
5950
  --pf-t--global--color--nonstatus--orangered--hover: var(--pf-t--global--dark--color--nonstatus--orangered--200);
5933
5951
  --pf-t--global--color--nonstatus--orangered--default: var(--pf-t--global--dark--color--nonstatus--orangered--100);
@@ -5983,15 +6001,15 @@ button) {
5983
6001
  --pf-t--global--text--color--nonstatus--on-blue--clicked: var(--pf-t--global--text--color--inverse);
5984
6002
  --pf-t--global--text--color--nonstatus--on-blue--hover: var(--pf-t--global--text--color--inverse);
5985
6003
  --pf-t--global--text--color--nonstatus--on-blue--default: var(--pf-t--global--text--color--inverse);
5986
- --pf-t--global--text--color--nonstatus--on-cyan--clicked: var(--pf-t--global--text--color--inverse);
5987
- --pf-t--global--text--color--nonstatus--on-cyan--hover: var(--pf-t--global--text--color--inverse);
5988
- --pf-t--global--text--color--nonstatus--on-cyan--default: var(--pf-t--global--text--color--inverse);
6004
+ --pf-t--global--text--color--nonstatus--on-teal--clicked: var(--pf-t--global--text--color--inverse);
6005
+ --pf-t--global--text--color--nonstatus--on-teal--hover: var(--pf-t--global--text--color--inverse);
6006
+ --pf-t--global--text--color--nonstatus--on-teal--default: var(--pf-t--global--text--color--inverse);
5989
6007
  --pf-t--global--text--color--nonstatus--on-green--clicked: var(--pf-t--global--text--color--inverse);
5990
6008
  --pf-t--global--text--color--nonstatus--on-green--hover: var(--pf-t--global--text--color--inverse);
5991
6009
  --pf-t--global--text--color--nonstatus--on-green--default: var(--pf-t--global--text--color--inverse);
5992
- --pf-t--global--text--color--nonstatus--on-gold--clicked: var(--pf-t--global--text--color--inverse);
5993
- --pf-t--global--text--color--nonstatus--on-gold--hover: var(--pf-t--global--text--color--inverse);
5994
- --pf-t--global--text--color--nonstatus--on-gold--default: var(--pf-t--global--text--color--inverse);
6010
+ --pf-t--global--text--color--nonstatus--on-yellow--clicked: var(--pf-t--global--text--color--inverse);
6011
+ --pf-t--global--text--color--nonstatus--on-yellow--hover: var(--pf-t--global--text--color--inverse);
6012
+ --pf-t--global--text--color--nonstatus--on-yellow--default: var(--pf-t--global--text--color--inverse);
5995
6013
  --pf-t--global--text--color--nonstatus--on-orange--clicked: var(--pf-t--global--text--color--inverse);
5996
6014
  --pf-t--global--text--color--nonstatus--on-orange--hover: var(--pf-t--global--text--color--inverse);
5997
6015
  --pf-t--global--text--color--nonstatus--on-orange--default: var(--pf-t--global--text--color--inverse);
@@ -6066,15 +6084,15 @@ button) {
6066
6084
  --pf-t--global--icon--color--nonstatus--on-blue--clicked: var(--pf-t--global--icon--color--inverse);
6067
6085
  --pf-t--global--icon--color--nonstatus--on-blue--hover: var(--pf-t--global--icon--color--inverse);
6068
6086
  --pf-t--global--icon--color--nonstatus--on-blue--default: var(--pf-t--global--icon--color--inverse);
6069
- --pf-t--global--icon--color--nonstatus--on-cyan--clicked: var(--pf-t--global--icon--color--inverse);
6070
- --pf-t--global--icon--color--nonstatus--on-cyan--hover: var(--pf-t--global--icon--color--inverse);
6071
- --pf-t--global--icon--color--nonstatus--on-cyan--default: var(--pf-t--global--icon--color--inverse);
6087
+ --pf-t--global--icon--color--nonstatus--on-teal--clicked: var(--pf-t--global--icon--color--inverse);
6088
+ --pf-t--global--icon--color--nonstatus--on-teal--hover: var(--pf-t--global--icon--color--inverse);
6089
+ --pf-t--global--icon--color--nonstatus--on-teal--default: var(--pf-t--global--icon--color--inverse);
6072
6090
  --pf-t--global--icon--color--nonstatus--on-green--clicked: var(--pf-t--global--icon--color--inverse);
6073
6091
  --pf-t--global--icon--color--nonstatus--on-green--hover: var(--pf-t--global--icon--color--inverse);
6074
6092
  --pf-t--global--icon--color--nonstatus--on-green--default: var(--pf-t--global--icon--color--inverse);
6075
- --pf-t--global--icon--color--nonstatus--on-gold--clicked: var(--pf-t--global--icon--color--inverse);
6076
- --pf-t--global--icon--color--nonstatus--on-gold--hover: var(--pf-t--global--icon--color--inverse);
6077
- --pf-t--global--icon--color--nonstatus--on-gold--default: var(--pf-t--global--icon--color--inverse);
6093
+ --pf-t--global--icon--color--nonstatus--on-yellow--clicked: var(--pf-t--global--icon--color--inverse);
6094
+ --pf-t--global--icon--color--nonstatus--on-yellow--hover: var(--pf-t--global--icon--color--inverse);
6095
+ --pf-t--global--icon--color--nonstatus--on-yellow--default: var(--pf-t--global--icon--color--inverse);
6078
6096
  --pf-t--global--icon--color--nonstatus--on-orange--clicked: var(--pf-t--global--icon--color--inverse);
6079
6097
  --pf-t--global--icon--color--nonstatus--on-orange--hover: var(--pf-t--global--icon--color--inverse);
6080
6098
  --pf-t--global--icon--color--nonstatus--on-orange--default: var(--pf-t--global--icon--color--inverse);
@@ -7214,12 +7232,12 @@ button) {
7214
7232
  --pf-v6-c-banner--m-orangered--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
7215
7233
  --pf-v6-c-banner--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
7216
7234
  --pf-v6-c-banner--m-orange--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
7217
- --pf-v6-c-banner--m-gold--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--default);
7218
- --pf-v6-c-banner--m-gold--Color: var(--pf-t--global--text--color--nonstatus--on-gold--default);
7235
+ --pf-v6-c-banner--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
7236
+ --pf-v6-c-banner--m-yellow--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
7219
7237
  --pf-v6-c-banner--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
7220
7238
  --pf-v6-c-banner--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
7221
- --pf-v6-c-banner--m-cyan--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--default);
7222
- --pf-v6-c-banner--m-cyan--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--default);
7239
+ --pf-v6-c-banner--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
7240
+ --pf-v6-c-banner--m-teal--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
7223
7241
  --pf-v6-c-banner--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
7224
7242
  --pf-v6-c-banner--m-blue--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
7225
7243
  --pf-v6-c-banner--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
@@ -7275,17 +7293,17 @@ button) {
7275
7293
  --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-orange--BackgroundColor);
7276
7294
  --pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-orange--Color);
7277
7295
  }
7278
- .pf-v6-c-banner.pf-m-gold {
7279
- --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-gold--BackgroundColor);
7280
- --pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-gold--Color);
7296
+ .pf-v6-c-banner.pf-m-yellow {
7297
+ --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-yellow--BackgroundColor);
7298
+ --pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-yellow--Color);
7281
7299
  }
7282
7300
  .pf-v6-c-banner.pf-m-green {
7283
7301
  --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-green--BackgroundColor);
7284
7302
  --pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-green--Color);
7285
7303
  }
7286
- .pf-v6-c-banner.pf-m-cyan {
7287
- --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-cyan--BackgroundColor);
7288
- --pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-cyan--Color);
7304
+ .pf-v6-c-banner.pf-m-teal {
7305
+ --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-teal--BackgroundColor);
7306
+ --pf-v6-c-banner--Color: var(--pf-v6-c-banner--m-teal--Color);
7289
7307
  }
7290
7308
  .pf-v6-c-banner.pf-m-blue {
7291
7309
  --pf-v6-c-banner--BackgroundColor: var(--pf-v6-c-banner--m-blue--BackgroundColor);
@@ -13999,14 +14017,14 @@ label.pf-v6-c-input-group__text {
13999
14017
  --pf-v6-c-label--m-orangered--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--hover);
14000
14018
  --pf-v6-c-label--m-orangered--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
14001
14019
  --pf-v6-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--hover);
14002
- --pf-v6-c-label--m-gold--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--default);
14003
- --pf-v6-c-label--m-gold--Color: var(--pf-t--global--text--color--nonstatus--on-gold--default);
14004
- --pf-v6-c-label--m-gold__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--default);
14005
- --pf-v6-c-label--m-gold--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--gold--hover);
14006
- --pf-v6-c-label--m-gold--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-gold--hover);
14007
- --pf-v6-c-label--m-gold--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gold--hover);
14008
- --pf-v6-c-label--m-gold--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--default);
14009
- --pf-v6-c-label--m-gold--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--gold--hover);
14020
+ --pf-v6-c-label--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
14021
+ --pf-v6-c-label--m-yellow--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
14022
+ --pf-v6-c-label--m-yellow__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
14023
+ --pf-v6-c-label--m-yellow--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--hover);
14024
+ --pf-v6-c-label--m-yellow--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--hover);
14025
+ --pf-v6-c-label--m-yellow--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--hover);
14026
+ --pf-v6-c-label--m-yellow--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
14027
+ --pf-v6-c-label--m-yellow--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--hover);
14010
14028
  --pf-v6-c-label--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
14011
14029
  --pf-v6-c-label--m-green--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
14012
14030
  --pf-v6-c-label--m-green__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
@@ -14015,14 +14033,14 @@ label.pf-v6-c-input-group__text {
14015
14033
  --pf-v6-c-label--m-green--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-green--hover);
14016
14034
  --pf-v6-c-label--m-green--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
14017
14035
  --pf-v6-c-label--m-green--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--green--hover);
14018
- --pf-v6-c-label--m-cyan--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--default);
14019
- --pf-v6-c-label--m-cyan--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--default);
14020
- --pf-v6-c-label--m-cyan__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--default);
14021
- --pf-v6-c-label--m-cyan--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--cyan--hover);
14022
- --pf-v6-c-label--m-cyan--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-cyan--hover);
14023
- --pf-v6-c-label--m-cyan--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-cyan--hover);
14024
- --pf-v6-c-label--m-cyan--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--default);
14025
- --pf-v6-c-label--m-cyan--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--cyan--hover);
14036
+ --pf-v6-c-label--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
14037
+ --pf-v6-c-label--m-teal--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
14038
+ --pf-v6-c-label--m-teal__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
14039
+ --pf-v6-c-label--m-teal--m-clickable--hover--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--hover);
14040
+ --pf-v6-c-label--m-teal--m-clickable--hover--Color: var(--pf-t--global--text--color--nonstatus--on-teal--hover);
14041
+ --pf-v6-c-label--m-teal--m-clickable--hover__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--hover);
14042
+ --pf-v6-c-label--m-teal--m-outline--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
14043
+ --pf-v6-c-label--m-teal--m-outline--m-clickable--hover--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--hover);
14026
14044
  --pf-v6-c-label--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
14027
14045
  --pf-v6-c-label--m-purple--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
14028
14046
  --pf-v6-c-label--m-purple__icon--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
@@ -14196,15 +14214,15 @@ label.pf-v6-c-input-group__text {
14196
14214
  --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-orangered--m-outline--BorderColor);
14197
14215
  --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-orangered--m-outline--m-clickable--hover--BorderColor);
14198
14216
  }
14199
- .pf-v6-c-label.pf-m-gold {
14200
- --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-gold--BackgroundColor);
14201
- --pf-v6-c-label--Color: var(--pf-v6-c-label--m-gold--Color);
14202
- --pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-gold__icon--Color);
14203
- --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-gold--m-clickable--hover--BackgroundColor);
14204
- --pf-v6-c-label--m-clickable--hover--Color: var(--pf-v6-c-label--m-gold--m-clickable--hover--Color);
14205
- --pf-v6-c-label--m-clickable--hover__icon--Color: var(--pf-v6-c-label--m-gold--m-clickable--hover__icon--Color);
14206
- --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-gold--m-outline--BorderColor);
14207
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-gold--m-outline--m-clickable--hover--BorderColor);
14217
+ .pf-v6-c-label.pf-m-yellow {
14218
+ --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-yellow--BackgroundColor);
14219
+ --pf-v6-c-label--Color: var(--pf-v6-c-label--m-yellow--Color);
14220
+ --pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-yellow__icon--Color);
14221
+ --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-yellow--m-clickable--hover--BackgroundColor);
14222
+ --pf-v6-c-label--m-clickable--hover--Color: var(--pf-v6-c-label--m-yellow--m-clickable--hover--Color);
14223
+ --pf-v6-c-label--m-clickable--hover__icon--Color: var(--pf-v6-c-label--m-yellow--m-clickable--hover__icon--Color);
14224
+ --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-yellow--m-outline--BorderColor);
14225
+ --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-yellow--m-outline--m-clickable--hover--BorderColor);
14208
14226
  }
14209
14227
  .pf-v6-c-label.pf-m-green {
14210
14228
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-green--BackgroundColor);
@@ -14216,15 +14234,15 @@ label.pf-v6-c-input-group__text {
14216
14234
  --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-green--m-outline--BorderColor);
14217
14235
  --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-green--m-outline--m-clickable--hover--BorderColor);
14218
14236
  }
14219
- .pf-v6-c-label.pf-m-cyan {
14220
- --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-cyan--BackgroundColor);
14221
- --pf-v6-c-label--Color: var(--pf-v6-c-label--m-cyan--Color);
14222
- --pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-cyan__icon--Color);
14223
- --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-cyan--m-clickable--hover--BackgroundColor);
14224
- --pf-v6-c-label--m-clickable--hover--Color: var(--pf-v6-c-label--m-cyan--m-clickable--hover--Color);
14225
- --pf-v6-c-label--m-clickable--hover__icon--Color: var(--pf-v6-c-label--m-cyan--m-clickable--hover__icon--Color);
14226
- --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-cyan--m-outline--BorderColor);
14227
- --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-cyan--m-outline--m-clickable--hover--BorderColor);
14237
+ .pf-v6-c-label.pf-m-teal {
14238
+ --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-teal--BackgroundColor);
14239
+ --pf-v6-c-label--Color: var(--pf-v6-c-label--m-teal--Color);
14240
+ --pf-v6-c-label__icon--Color: var(--pf-v6-c-label--m-teal__icon--Color);
14241
+ --pf-v6-c-label--m-clickable--hover--BackgroundColor: var(--pf-v6-c-label--m-teal--m-clickable--hover--BackgroundColor);
14242
+ --pf-v6-c-label--m-clickable--hover--Color: var(--pf-v6-c-label--m-teal--m-clickable--hover--Color);
14243
+ --pf-v6-c-label--m-clickable--hover__icon--Color: var(--pf-v6-c-label--m-teal--m-clickable--hover__icon--Color);
14244
+ --pf-v6-c-label--m-outline--BorderColor: var(--pf-v6-c-label--m-teal--m-outline--BorderColor);
14245
+ --pf-v6-c-label--m-outline--m-clickable--hover--BorderColor: var(--pf-v6-c-label--m-teal--m-outline--m-clickable--hover--BorderColor);
14228
14246
  }
14229
14247
  .pf-v6-c-label.pf-m-purple {
14230
14248
  --pf-v6-c-label--BackgroundColor: var(--pf-v6-c-label--m-purple--BackgroundColor);