@patternfly/patternfly 6.0.0-alpha.184 → 6.0.0-alpha.186

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 (17) hide show
  1. package/base/patternfly-fonts.css +6 -6
  2. package/base/patternfly-fonts.scss +6 -6
  3. package/base/patternfly-variables.css +2 -18
  4. package/base/tokens/tokens-local.scss +4 -25
  5. package/components/Form/form.css +58 -1
  6. package/components/Form/form.scss +14 -2
  7. package/components/Icon/icon.css +4 -4
  8. package/components/Icon/icon.scss +4 -4
  9. package/components/_index.css +62 -5
  10. package/docs/components/Form/examples/Form.md +42 -1
  11. package/package.json +1 -1
  12. package/patternfly-base-no-globals.css +8 -24
  13. package/patternfly-base.css +8 -24
  14. package/patternfly-no-globals.css +70 -29
  15. package/patternfly.css +70 -29
  16. package/patternfly.min.css +1 -1
  17. package/patternfly.min.css.map +1 -1
package/patternfly-base.css CHANGED
@@ -179,42 +179,42 @@ button) {
179
179
  }
180
180
 
181
181
  @font-face {
182
- font-family: RedHatTextVF;
182
+ font-family: "Red Hat Text";
183
183
  font-style: normal;
184
184
  font-weight: 400 500;
185
185
  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
186
186
  font-display: fallback;
187
187
  }
188
188
  @font-face {
189
- font-family: RedHatTextVF;
189
+ font-family: "Red Hat Text";
190
190
  font-style: italic;
191
191
  font-weight: 400 500;
192
192
  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
193
193
  font-display: fallback;
194
194
  }
195
195
  @font-face {
196
- font-family: RedHatDisplayVF;
196
+ font-family: "Red Hat Display";
197
197
  font-style: normal;
198
198
  font-weight: 400 700;
199
199
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
200
200
  font-display: fallback;
201
201
  }
202
202
  @font-face {
203
- font-family: RedHatDisplayVF;
203
+ font-family: "Red Hat Display";
204
204
  font-style: italic;
205
205
  font-weight: 400 700;
206
206
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
207
207
  font-display: fallback;
208
208
  }
209
209
  @font-face {
210
- font-family: RedHatMonoVF;
210
+ font-family: "Red Hat Mono";
211
211
  font-style: normal;
212
212
  font-weight: 400;
213
213
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
214
214
  font-display: fallback;
215
215
  }
216
216
  @font-face {
217
- font-family: RedHatMonoVF;
217
+ font-family: "Red Hat Mono";
218
218
  font-style: italic;
219
219
  font-weight: 400;
220
220
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
@@ -5697,24 +5697,8 @@ button) {
5697
5697
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
5698
5698
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
5699
5699
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
5700
- --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
5701
- --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
5702
- --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
5703
- --pf-t--global--font--line-height--100: 1.3;
5704
- --pf-t--global--font--line-height--200: 1.5;
5705
- --pf-t--global--font--weight--body--100: 400;
5706
- --pf-t--global--font--weight--body--200: 500;
5707
- --pf-t--global--font--weight--heading--100: 700;
5708
- --pf-t--global--font--weight--heading--200: 700;
5709
- --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
5710
- --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
5711
- --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
5712
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
5713
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
5714
- --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
5715
- --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
5716
- --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
5717
- --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
5700
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
5701
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
5718
5702
  --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
5719
5703
  --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
5720
5704
  --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
package/patternfly-no-globals.css CHANGED
@@ -59,42 +59,42 @@
59
59
  }
60
60
 
61
61
  @font-face {
62
- font-family: RedHatTextVF;
62
+ font-family: "Red Hat Text";
63
63
  font-style: normal;
64
64
  font-weight: 400 500;
65
65
  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
66
66
  font-display: fallback;
67
67
  }
68
68
  @font-face {
69
- font-family: RedHatTextVF;
69
+ font-family: "Red Hat Text";
70
70
  font-style: italic;
71
71
  font-weight: 400 500;
72
72
  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
73
73
  font-display: fallback;
74
74
  }
75
75
  @font-face {
76
- font-family: RedHatDisplayVF;
76
+ font-family: "Red Hat Display";
77
77
  font-style: normal;
78
78
  font-weight: 400 700;
79
79
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
80
80
  font-display: fallback;
81
81
  }
82
82
  @font-face {
83
- font-family: RedHatDisplayVF;
83
+ font-family: "Red Hat Display";
84
84
  font-style: italic;
85
85
  font-weight: 400 700;
86
86
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
87
87
  font-display: fallback;
88
88
  }
89
89
  @font-face {
90
- font-family: RedHatMonoVF;
90
+ font-family: "Red Hat Mono";
91
91
  font-style: normal;
92
92
  font-weight: 400;
93
93
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
94
94
  font-display: fallback;
95
95
  }
96
96
  @font-face {
97
- font-family: RedHatMonoVF;
97
+ font-family: "Red Hat Mono";
98
98
  font-style: italic;
99
99
  font-weight: 400;
100
100
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
@@ -5577,24 +5577,8 @@
5577
5577
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
5578
5578
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
5579
5579
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
5580
- --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
5581
- --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
5582
- --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
5583
- --pf-t--global--font--line-height--100: 1.3;
5584
- --pf-t--global--font--line-height--200: 1.5;
5585
- --pf-t--global--font--weight--body--100: 400;
5586
- --pf-t--global--font--weight--body--200: 500;
5587
- --pf-t--global--font--weight--heading--100: 700;
5588
- --pf-t--global--font--weight--heading--200: 700;
5589
- --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
5590
- --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
5591
- --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
5592
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
5593
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
5594
- --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
5595
- --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
5596
- --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
5597
- --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
5580
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
5581
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
5598
5582
  --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
5599
5583
  --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
5600
5584
  --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
@@ -12388,8 +12372,9 @@ ul) {
12388
12372
  --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
12389
12373
  --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
12390
12374
  --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
12391
- --pf-v6-c-form__group-label-info--MarginInlineStart: var(--pf-t--global--spacer--sm);
12375
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--sm);
12392
12376
  --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
12377
+ --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--sm);
12393
12378
  --pf-v6-c-form__group-control--m-inline--child--MarginInlineEnd: var(--pf-t--global--spacer--lg);
12394
12379
  --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
12395
12380
  --pf-v6-c-form__group-control--Gap: var(--pf-t--global--spacer--sm);
@@ -12470,6 +12455,14 @@ ul) {
12470
12455
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
12471
12456
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12472
12457
  }
12458
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
12459
+ flex-direction: column;
12460
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12461
+ align-items: flex-start;
12462
+ }
12463
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
12464
+ flex-grow: 0;
12465
+ }
12473
12466
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-control {
12474
12467
  grid-column: 2;
12475
12468
  }
@@ -12490,6 +12483,14 @@ ul) {
12490
12483
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
12491
12484
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12492
12485
  }
12486
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
12487
+ flex-direction: column;
12488
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12489
+ align-items: flex-start;
12490
+ }
12491
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
12492
+ flex-grow: 0;
12493
+ }
12493
12494
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-control {
12494
12495
  grid-column: 2;
12495
12496
  }
@@ -12510,6 +12511,14 @@ ul) {
12510
12511
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
12511
12512
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12512
12513
  }
12514
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
12515
+ flex-direction: column;
12516
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12517
+ align-items: flex-start;
12518
+ }
12519
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
12520
+ flex-grow: 0;
12521
+ }
12513
12522
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-control {
12514
12523
  grid-column: 2;
12515
12524
  }
@@ -12530,6 +12539,14 @@ ul) {
12530
12539
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
12531
12540
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12532
12541
  }
12542
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
12543
+ flex-direction: column;
12544
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12545
+ align-items: flex-start;
12546
+ }
12547
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
12548
+ flex-grow: 0;
12549
+ }
12533
12550
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-control {
12534
12551
  grid-column: 2;
12535
12552
  }
@@ -12550,6 +12567,14 @@ ul) {
12550
12567
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
12551
12568
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12552
12569
  }
12570
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
12571
+ flex-direction: column;
12572
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12573
+ align-items: flex-start;
12574
+ }
12575
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
12576
+ flex-grow: 0;
12577
+ }
12553
12578
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-control {
12554
12579
  grid-column: 2;
12555
12580
  }
@@ -12570,6 +12595,14 @@ ul) {
12570
12595
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
12571
12596
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12572
12597
  }
12598
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
12599
+ flex-direction: column;
12600
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12601
+ align-items: flex-start;
12602
+ }
12603
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
12604
+ flex-grow: 0;
12605
+ }
12573
12606
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-control {
12574
12607
  grid-column: 2;
12575
12608
  }
@@ -12590,6 +12623,14 @@ ul) {
12590
12623
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
12591
12624
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12592
12625
  }
12626
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
12627
+ flex-direction: column;
12628
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12629
+ align-items: flex-start;
12630
+ }
12631
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
12632
+ flex-grow: 0;
12633
+ }
12593
12634
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-control {
12594
12635
  grid-column: 2;
12595
12636
  }
@@ -13245,8 +13286,8 @@ select ~ .pf-v6-c-form-control__utilities {
13245
13286
  }
13246
13287
 
13247
13288
  :where(:root, .pf-v6-c-icon) {
13248
- --pf-v6-c-icon--Width: 1em;
13249
- --pf-v6-c-icon--Height: 1em;
13289
+ --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
13290
+ --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
13250
13291
  --pf-v6-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
13251
13292
  --pf-v6-c-icon--m-sm--Height: var(--pf-t--global--icon--size--sm);
13252
13293
  --pf-v6-c-icon--m-md--Width: var(--pf-t--global--icon--size--md);
@@ -13280,14 +13321,14 @@ select ~ .pf-v6-c-form-control__utilities {
13280
13321
  --pf-v6-c-icon--m-inline--Width: 1em;
13281
13322
  --pf-v6-c-icon--m-inline--Height: 1em;
13282
13323
  --pf-v6-c-icon__content--svg--VerticalAlign: -.125em;
13283
- --pf-v6-c-icon__content--Color: initial;
13324
+ --pf-v6-c-icon__content--Color: var(--pf-t--global--icon--color--regular);
13284
13325
  --pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
13285
13326
  --pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
13286
13327
  --pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
13287
13328
  --pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--icon--color--status--info--default);
13288
13329
  --pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--icon--color--status--custom--default);
13289
13330
  --pf-v6-c-icon--m-inline__content--Color: initial;
13290
- --pf-v6-c-icon__content--FontSize: 1em;
13331
+ --pf-v6-c-icon__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
13291
13332
  --pf-v6-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
13292
13333
  --pf-v6-c-icon--m-md__content--FontSize: var(--pf-t--global--icon--size--md);
13293
13334
  --pf-v6-c-icon--m-lg__content--FontSize: var(--pf-t--global--icon--size--lg);
package/patternfly.css CHANGED
@@ -180,42 +180,42 @@ button) {
180
180
  }
181
181
 
182
182
  @font-face {
183
- font-family: RedHatTextVF;
183
+ font-family: "Red Hat Text";
184
184
  font-style: normal;
185
185
  font-weight: 400 500;
186
186
  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
187
187
  font-display: fallback;
188
188
  }
189
189
  @font-face {
190
- font-family: RedHatTextVF;
190
+ font-family: "Red Hat Text";
191
191
  font-style: italic;
192
192
  font-weight: 400 500;
193
193
  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
194
194
  font-display: fallback;
195
195
  }
196
196
  @font-face {
197
- font-family: RedHatDisplayVF;
197
+ font-family: "Red Hat Display";
198
198
  font-style: normal;
199
199
  font-weight: 400 700;
200
200
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
201
201
  font-display: fallback;
202
202
  }
203
203
  @font-face {
204
- font-family: RedHatDisplayVF;
204
+ font-family: "Red Hat Display";
205
205
  font-style: italic;
206
206
  font-weight: 400 700;
207
207
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
208
208
  font-display: fallback;
209
209
  }
210
210
  @font-face {
211
- font-family: RedHatMonoVF;
211
+ font-family: "Red Hat Mono";
212
212
  font-style: normal;
213
213
  font-weight: 400;
214
214
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF.woff2") format("woff2-variations");
215
215
  font-display: fallback;
216
216
  }
217
217
  @font-face {
218
- font-family: RedHatMonoVF;
218
+ font-family: "Red Hat Mono";
219
219
  font-style: italic;
220
220
  font-weight: 400;
221
221
  src: url("./assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2") format("woff2-variations");
@@ -5698,24 +5698,8 @@ button) {
5698
5698
  --pf-t--global--text--color--status--unread--on-default--default: var(--pf-t--global--text--color--inverse);
5699
5699
  --pf-t--global--text--color--status--unread--on-default--hover: var(--pf-t--global--text--color--inverse);
5700
5700
  --pf-t--global--color--status--read--on-secondary: var(--pf-t--global--background--color--control--default);
5701
- --pf-t--global--font--family--100: redhattextvf, redhattext, helvetica, arial, sans-serif;
5702
- --pf-t--global--font--family--200: redhatdisplayvf, redhatdisplay, helvetica, arial, sans-serif;
5703
- --pf-t--global--font--family--300: redhatmonovf, redhatmono, liberationmono, consolas, sfmono-regular, menlo, monaco, courier new, monospace;
5704
- --pf-t--global--font--line-height--100: 1.3;
5705
- --pf-t--global--font--line-height--200: 1.5;
5706
- --pf-t--global--font--weight--body--100: 400;
5707
- --pf-t--global--font--weight--body--200: 500;
5708
- --pf-t--global--font--weight--heading--100: 700;
5709
- --pf-t--global--font--weight--heading--200: 700;
5710
- --pf-t--global--font--family--body: var(--pf-t--global--font--family--100);
5711
- --pf-t--global--font--family--heading: var(--pf-t--global--font--family--200);
5712
- --pf-t--global--font--family--mono: var(--pf-t--global--font--family--300);
5713
- --pf-t--global--font--line-height--body: var(--pf-t--global--font--line-height--200);
5714
- --pf-t--global--font--line-height--heading: var(--pf-t--global--font--line-height--100);
5715
- --pf-t--global--font--weight--body: var(--pf-t--global--font--weight--body--100);
5716
- --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--body--200);
5717
- --pf-t--global--font--weight--heading: var(--pf-t--global--font--weight--heading--100);
5718
- --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--heading--200);
5701
+ --pf-t--global--font--weight--body--bold: var(--pf-t--global--font--weight--200);
5702
+ --pf-t--global--font--weight--heading--bold: var(--pf-t--global--font--weight--400);
5719
5703
  --pf-t--global--font--size--heading--xs: var(--pf-t--global--font--size--md);
5720
5704
  --pf-t--global--font--size--heading--sm: var(--pf-t--global--font--size--lg);
5721
5705
  --pf-t--global--font--size--heading--md: var(--pf-t--global--font--size--xl);
@@ -12509,8 +12493,9 @@ ul) {
12509
12493
  --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
12510
12494
  --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
12511
12495
  --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--sm);
12512
- --pf-v6-c-form__group-label-info--MarginInlineStart: var(--pf-t--global--spacer--sm);
12496
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--sm);
12513
12497
  --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
12498
+ --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--sm);
12514
12499
  --pf-v6-c-form__group-control--m-inline--child--MarginInlineEnd: var(--pf-t--global--spacer--lg);
12515
12500
  --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
12516
12501
  --pf-v6-c-form__group-control--Gap: var(--pf-t--global--spacer--sm);
@@ -12591,6 +12576,14 @@ ul) {
12591
12576
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
12592
12577
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12593
12578
  }
12579
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
12580
+ flex-direction: column;
12581
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12582
+ align-items: flex-start;
12583
+ }
12584
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
12585
+ flex-grow: 0;
12586
+ }
12594
12587
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-control {
12595
12588
  grid-column: 2;
12596
12589
  }
@@ -12611,6 +12604,14 @@ ul) {
12611
12604
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
12612
12605
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12613
12606
  }
12607
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
12608
+ flex-direction: column;
12609
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12610
+ align-items: flex-start;
12611
+ }
12612
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
12613
+ flex-grow: 0;
12614
+ }
12614
12615
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-control {
12615
12616
  grid-column: 2;
12616
12617
  }
@@ -12631,6 +12632,14 @@ ul) {
12631
12632
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
12632
12633
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12633
12634
  }
12635
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
12636
+ flex-direction: column;
12637
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12638
+ align-items: flex-start;
12639
+ }
12640
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
12641
+ flex-grow: 0;
12642
+ }
12634
12643
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-control {
12635
12644
  grid-column: 2;
12636
12645
  }
@@ -12651,6 +12660,14 @@ ul) {
12651
12660
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
12652
12661
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12653
12662
  }
12663
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
12664
+ flex-direction: column;
12665
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12666
+ align-items: flex-start;
12667
+ }
12668
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
12669
+ flex-grow: 0;
12670
+ }
12654
12671
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-control {
12655
12672
  grid-column: 2;
12656
12673
  }
@@ -12671,6 +12688,14 @@ ul) {
12671
12688
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
12672
12689
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12673
12690
  }
12691
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
12692
+ flex-direction: column;
12693
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12694
+ align-items: flex-start;
12695
+ }
12696
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
12697
+ flex-grow: 0;
12698
+ }
12674
12699
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-control {
12675
12700
  grid-column: 2;
12676
12701
  }
@@ -12691,6 +12716,14 @@ ul) {
12691
12716
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
12692
12717
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12693
12718
  }
12719
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
12720
+ flex-direction: column;
12721
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12722
+ align-items: flex-start;
12723
+ }
12724
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
12725
+ flex-grow: 0;
12726
+ }
12694
12727
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-control {
12695
12728
  grid-column: 2;
12696
12729
  }
@@ -12711,6 +12744,14 @@ ul) {
12711
12744
  --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
12712
12745
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12713
12746
  }
12747
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
12748
+ flex-direction: column;
12749
+ gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12750
+ align-items: flex-start;
12751
+ }
12752
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
12753
+ flex-grow: 0;
12754
+ }
12714
12755
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-control {
12715
12756
  grid-column: 2;
12716
12757
  }
@@ -13366,8 +13407,8 @@ select ~ .pf-v6-c-form-control__utilities {
13366
13407
  }
13367
13408
 
13368
13409
  :where(:root, .pf-v6-c-icon) {
13369
- --pf-v6-c-icon--Width: 1em;
13370
- --pf-v6-c-icon--Height: 1em;
13410
+ --pf-v6-c-icon--Width: var(--pf-t--global--icon--size--font--body--default);
13411
+ --pf-v6-c-icon--Height: var(--pf-t--global--icon--size--font--body--default);
13371
13412
  --pf-v6-c-icon--m-sm--Width: var(--pf-t--global--icon--size--sm);
13372
13413
  --pf-v6-c-icon--m-sm--Height: var(--pf-t--global--icon--size--sm);
13373
13414
  --pf-v6-c-icon--m-md--Width: var(--pf-t--global--icon--size--md);
@@ -13401,14 +13442,14 @@ select ~ .pf-v6-c-form-control__utilities {
13401
13442
  --pf-v6-c-icon--m-inline--Width: 1em;
13402
13443
  --pf-v6-c-icon--m-inline--Height: 1em;
13403
13444
  --pf-v6-c-icon__content--svg--VerticalAlign: -.125em;
13404
- --pf-v6-c-icon__content--Color: initial;
13445
+ --pf-v6-c-icon__content--Color: var(--pf-t--global--icon--color--regular);
13405
13446
  --pf-v6-c-icon__content--m-danger--Color: var(--pf-t--global--icon--color--status--danger--default);
13406
13447
  --pf-v6-c-icon__content--m-warning--Color: var(--pf-t--global--icon--color--status--warning--default);
13407
13448
  --pf-v6-c-icon__content--m-success--Color: var(--pf-t--global--icon--color--status--success--default);
13408
13449
  --pf-v6-c-icon__content--m-info--Color: var(--pf-t--global--icon--color--status--info--default);
13409
13450
  --pf-v6-c-icon__content--m-custom--Color: var(--pf-t--global--icon--color--status--custom--default);
13410
13451
  --pf-v6-c-icon--m-inline__content--Color: initial;
13411
- --pf-v6-c-icon__content--FontSize: 1em;
13452
+ --pf-v6-c-icon__content--FontSize: var(--pf-t--global--icon--size--font--body--default);
13412
13453
  --pf-v6-c-icon--m-sm__content--FontSize: var(--pf-t--global--icon--size--sm);
13413
13454
  --pf-v6-c-icon--m-md__content--FontSize: var(--pf-t--global--icon--size--md);
13414
13455
  --pf-v6-c-icon--m-lg__content--FontSize: var(--pf-t--global--icon--size--lg);