@patternfly/patternfly 6.0.0-alpha.205 → 6.0.0-alpha.207

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 (19) hide show
  1. package/components/Form/form.css +8 -8
  2. package/components/Form/form.scss +3 -2
  3. package/components/FormControl/form-control.css +10 -10
  4. package/components/FormControl/form-control.scss +11 -13
  5. package/components/MenuToggle/menu-toggle.scss +1 -1
  6. package/components/_index.css +18 -18
  7. package/docs/components/InlineEdit/examples/InlineEdit.md +18 -10
  8. package/docs/components/Panel/examples/Panel.md +2 -2
  9. package/docs/components/Sidebar/examples/Sidebar.css +4 -2
  10. package/docs/components/Sidebar/examples/Sidebar.md +3 -3
  11. package/docs/components/TreeView/examples/TreeView.md +615 -45
  12. package/package.json +5 -5
  13. package/patternfly-charts.css +6 -11
  14. package/patternfly-charts.scss +6 -13
  15. package/patternfly-no-globals.css +18 -18
  16. package/patternfly.css +18 -18
  17. package/patternfly.min.css +1 -1
  18. package/patternfly.min.css.map +1 -1
  19. package/assets/pficon/pf-v5-pficon.woff2 +0 -0
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly 4",
4
- "version": "6.0.0-alpha.205",
4
+ "version": "6.0.0-alpha.207",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
@@ -47,11 +47,11 @@
47
47
  "@commitlint/config-conventional": "^19.1.0",
48
48
  "@fortawesome/fontawesome": "^1.1.8",
49
49
  "@octokit/rest": "^20.1.0",
50
- "@patternfly/documentation-framework": "6.0.0-alpha.57",
50
+ "@patternfly/documentation-framework": "6.0.0-alpha.70",
51
51
  "@patternfly/patternfly-a11y": "4.3.1",
52
- "@patternfly/react-code-editor": "6.0.0-alpha.80",
53
- "@patternfly/react-core": "6.0.0-alpha.80",
54
- "@patternfly/react-table": "6.0.0-alpha.80",
52
+ "@patternfly/react-code-editor": "6.0.0-alpha.94",
53
+ "@patternfly/react-core": "6.0.0-alpha.94",
54
+ "@patternfly/react-table": "6.0.0-alpha.95",
55
55
  "@starptech/prettyhtml": "^0.10.0",
56
56
  "backstopjs": "^6.3.23",
57
57
  "cheerio": "^1.0.0-rc.12",
package/patternfly-charts.css CHANGED
@@ -373,11 +373,6 @@
373
373
  --pf-v6-chart-color-orange-300: var(--pf-t--chart--color--orange--300);
374
374
  --pf-v6-chart-color-orange-400: var(--pf-t--chart--color--orange--400);
375
375
  --pf-v6-chart-color-orange-500: var(--pf-t--chart--color--orange--500);
376
- --pf-v6-chart-color-red-100: var(--pf-t--chart--color--red--100);
377
- --pf-v6-chart-color-red-200: var(--pf-t--chart--color--red--200);
378
- --pf-v6-chart-color-red-300: var(--pf-t--chart--color--red--300);
379
- --pf-v6-chart-color-red-400: var(--pf-t--chart--color--red--400);
380
- --pf-v6-chart-color-red-500: var(--pf-t--chart--color--red--500);
381
376
  --pf-v6-chart-color-black-100: var(--pf-t--chart--color--black--100);
382
377
  --pf-v6-chart-color-black-200: var(--pf-t--chart--color--black--200);
383
378
  --pf-v6-chart-color-black-300: var(--pf-t--chart--color--black--300);
@@ -398,7 +393,7 @@
398
393
  --pf-v6-chart-global--label--Margin: var(--pf-t--chart--global--label--margin);
399
394
  --pf-v6-chart-global--label--stroke: var(--pf-t--chart--global--label--stroke);
400
395
  --pf-v6-chart-global--label--text-anchor: var(--pf-t--chart--global--label--text-anchor);
401
- --pf-v6-chart-global--label--stroke--Width: var(--pf-t--chart--global--label--stroke--width);
396
+ --pf-v6-chart-global--label--stroke--Width: 0;
402
397
  --pf-v6-chart-global--label--Fill: var(--pf-t--chart--global--label--fill);
403
398
  --pf-v6-chart-global--layout--Padding: var(--pf-t--chart--global--layout--padding);
404
399
  --pf-v6-chart-global--layout--Height: var(--pf-t--chart--global--layout--height);
@@ -478,11 +473,11 @@
478
473
  --pf-v6-chart-bullet--label--subtitle--Fill: var(--pf-v6-chart-global--Fill--Color--400);
479
474
  --pf-v6-chart-bullet--primary-measure--dot--size: 6;
480
475
  --pf-v6-chart-bullet--primary-measure--segmented--Width: 9;
481
- --pf-v6-chart-bullet--negative-measure--ColorScale--100: var(--pf-v6-chart-color-red-100);
482
- --pf-v6-chart-bullet--negative-measure--ColorScale--200: var(--pf-v6-chart-color-red-200);
483
- --pf-v6-chart-bullet--negative-measure--ColorScale--300: var(--pf-v6-chart-color-red-300);
484
- --pf-v6-chart-bullet--negative-measure--ColorScale--400: var(--pf-v6-chart-color-red-400);
485
- --pf-v6-chart-bullet--negative-measure--ColorScale--500: var(--pf-v6-chart-color-red-500);
476
+ --pf-v6-chart-bullet--negative-measure--ColorScale--100: var(--pf-v6-chart-color-red-orange-100);
477
+ --pf-v6-chart-bullet--negative-measure--ColorScale--200: var(--pf-v6-chart-color-red-orange-200);
478
+ --pf-v6-chart-bullet--negative-measure--ColorScale--300: var(--pf-v6-chart-color-red-orange-300);
479
+ --pf-v6-chart-bullet--negative-measure--ColorScale--400: var(--pf-v6-chart-color-red-orange-400);
480
+ --pf-v6-chart-bullet--negative-measure--ColorScale--500: var(--pf-v6-chart-color-red-orange-500);
486
481
  --pf-v6-chart-bullet--qualitative-range--Width: 30;
487
482
  --pf-v6-chart-bullet--qualitative-range--ColorScale--100: var(--pf-v6-chart-color-black-100);
488
483
  --pf-v6-chart-bullet--qualitative-range--ColorScale--200: var(--pf-v6-chart-color-black-200);
package/patternfly-charts.scss CHANGED
@@ -68,13 +68,6 @@ $chart: #{$pf-prefix} + 'chart';
68
68
  --#{$chart}-color-orange-400: var(--pf-t--chart--color--orange--400);
69
69
  --#{$chart}-color-orange-500: var(--pf-t--chart--color--orange--500);
70
70
 
71
- // red
72
- --#{$chart}-color-red-100: var(--pf-t--chart--color--red--100);
73
- --#{$chart}-color-red-200: var(--pf-t--chart--color--red--200);
74
- --#{$chart}-color-red-300: var(--pf-t--chart--color--red--300);
75
- --#{$chart}-color-red-400: var(--pf-t--chart--color--red--400);
76
- --#{$chart}-color-red-500: var(--pf-t--chart--color--red--500);
77
-
78
71
  // black
79
72
  --#{$chart}-color-black-100: var(--pf-t--chart--color--black--100);
80
73
  --#{$chart}-color-black-200: var(--pf-t--chart--color--black--200);
@@ -102,7 +95,7 @@ $chart: #{$pf-prefix} + 'chart';
102
95
  --#{$chart}-global--label--Margin: var(--pf-t--chart--global--label--margin);
103
96
  --#{$chart}-global--label--stroke: var(--pf-t--chart--global--label--stroke);
104
97
  --#{$chart}-global--label--text-anchor: var(--pf-t--chart--global--label--text-anchor);
105
- --#{$chart}-global--label--stroke--Width: var(--pf-t--chart--global--label--stroke--width);
98
+ --#{$chart}-global--label--stroke--Width: 0;
106
99
  --#{$chart}-global--label--Fill: var(--pf-t--chart--global--label--fill);
107
100
 
108
101
  // Layout Props
@@ -202,11 +195,11 @@ $chart: #{$pf-prefix} + 'chart';
202
195
  --#{$chart}-bullet--label--subtitle--Fill: var(--#{$chart}-global--Fill--Color--400);
203
196
  --#{$chart}-bullet--primary-measure--dot--size: 6;
204
197
  --#{$chart}-bullet--primary-measure--segmented--Width: 9;
205
- --#{$chart}-bullet--negative-measure--ColorScale--100: var(--#{$chart}-color-red-100);
206
- --#{$chart}-bullet--negative-measure--ColorScale--200: var(--#{$chart}-color-red-200);
207
- --#{$chart}-bullet--negative-measure--ColorScale--300: var(--#{$chart}-color-red-300);
208
- --#{$chart}-bullet--negative-measure--ColorScale--400: var(--#{$chart}-color-red-400);
209
- --#{$chart}-bullet--negative-measure--ColorScale--500: var(--#{$chart}-color-red-500);
198
+ --#{$chart}-bullet--negative-measure--ColorScale--100: var(--#{$chart}-color-red-orange-100);
199
+ --#{$chart}-bullet--negative-measure--ColorScale--200: var(--#{$chart}-color-red-orange-200);
200
+ --#{$chart}-bullet--negative-measure--ColorScale--300: var(--#{$chart}-color-red-orange-300);
201
+ --#{$chart}-bullet--negative-measure--ColorScale--400: var(--#{$chart}-color-red-orange-400);
202
+ --#{$chart}-bullet--negative-measure--ColorScale--500: var(--#{$chart}-color-red-orange-500);
210
203
  --#{$chart}-bullet--qualitative-range--Width: 30;
211
204
  --#{$chart}-bullet--qualitative-range--ColorScale--100: var(--#{$chart}-color-black-100);
212
205
  --#{$chart}-bullet--qualitative-range--ColorScale--200: var(--#{$chart}-color-black-200);
package/patternfly-no-globals.css CHANGED
@@ -12450,8 +12450,8 @@ ul) {
12450
12450
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12451
12451
  }
12452
12452
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
12453
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12453
12454
  flex-direction: column;
12454
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12455
12455
  align-items: flex-start;
12456
12456
  }
12457
12457
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
@@ -12478,8 +12478,8 @@ ul) {
12478
12478
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12479
12479
  }
12480
12480
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
12481
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12481
12482
  flex-direction: column;
12482
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12483
12483
  align-items: flex-start;
12484
12484
  }
12485
12485
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
@@ -12506,8 +12506,8 @@ ul) {
12506
12506
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12507
12507
  }
12508
12508
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
12509
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12509
12510
  flex-direction: column;
12510
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12511
12511
  align-items: flex-start;
12512
12512
  }
12513
12513
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
@@ -12534,8 +12534,8 @@ ul) {
12534
12534
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12535
12535
  }
12536
12536
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
12537
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12537
12538
  flex-direction: column;
12538
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12539
12539
  align-items: flex-start;
12540
12540
  }
12541
12541
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
@@ -12562,8 +12562,8 @@ ul) {
12562
12562
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12563
12563
  }
12564
12564
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
12565
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12565
12566
  flex-direction: column;
12566
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12567
12567
  align-items: flex-start;
12568
12568
  }
12569
12569
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
@@ -12590,8 +12590,8 @@ ul) {
12590
12590
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12591
12591
  }
12592
12592
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
12593
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12593
12594
  flex-direction: column;
12594
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12595
12595
  align-items: flex-start;
12596
12596
  }
12597
12597
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
@@ -12618,8 +12618,8 @@ ul) {
12618
12618
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12619
12619
  }
12620
12620
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
12621
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12621
12622
  flex-direction: column;
12622
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12623
12623
  align-items: flex-start;
12624
12624
  }
12625
12625
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
@@ -12663,6 +12663,7 @@ ul) {
12663
12663
  }
12664
12664
  .pf-v6-c-form__group-label.pf-m-info {
12665
12665
  display: flex;
12666
+ gap: var(--pf-v6-c-form__group-label--m-info--Gap);
12666
12667
  align-items: flex-end;
12667
12668
  }
12668
12669
 
@@ -12671,7 +12672,6 @@ ul) {
12671
12672
  }
12672
12673
 
12673
12674
  .pf-v6-c-form__group-label-info {
12674
- margin-inline-start: var(--pf-v6-c-form__group-label-info--MarginInlineStart);
12675
12675
  font-size: var(--pf-v6-c-form__group-label-info--FontSize);
12676
12676
  }
12677
12677
 
@@ -12886,8 +12886,9 @@ ul) {
12886
12886
  --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
12887
12887
  --pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
12888
12888
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
12889
- --pf-v6-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
12890
- --pf-v6-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
12889
+ --pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
12890
+ --pf-v6-c-form-control--m-warning--hover--after--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
12891
+ --pf-v6-c-form-control--m-error--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
12891
12892
  --pf-v6-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
12892
12893
  --pf-v6-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
12893
12894
  --pf-v6-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
@@ -12898,8 +12899,6 @@ ul) {
12898
12899
  --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
12899
12900
  --pf-v6-c-form-control--m-readonly--BorderColor: transparent;
12900
12901
  --pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
12901
- --pf-v6-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
12902
- --pf-v6-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
12903
12902
  --pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
12904
12903
  --pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
12905
12904
  --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
@@ -13000,8 +12999,6 @@ ul) {
13000
12999
  }
13001
13000
  .pf-v6-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
13002
13001
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
13003
- --pf-v6-c-form-control--focus--after--BorderWidth: var(--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth);
13004
- --pf-v6-c-form-control--focus--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--focus--after--BorderColor);
13005
13002
  }
13006
13003
  .pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
13007
13004
  --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor);
@@ -13010,10 +13007,6 @@ ul) {
13010
13007
  --pf-v6-c-form-control--after--BorderStyle: none;
13011
13008
  --pf-v6-c-form-control--OutlineOffset: var(--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset);
13012
13009
  }
13013
- .pf-v6-c-form-control:hover {
13014
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
13015
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
13016
- }
13017
13010
  .pf-v6-c-form-control.pf-m-expanded {
13018
13011
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-expanded--after--BorderColor);
13019
13012
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-expanded--after--BorderWidth);
@@ -13030,6 +13023,7 @@ ul) {
13030
13023
  .pf-v6-c-form-control.pf-m-error {
13031
13024
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd);
13032
13025
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
13026
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
13033
13027
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
13034
13028
  --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd);
13035
13029
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
@@ -13040,6 +13034,7 @@ ul) {
13040
13034
  .pf-v6-c-form-control.pf-m-success {
13041
13035
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd);
13042
13036
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
13037
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
13043
13038
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
13044
13039
  --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd);
13045
13040
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
@@ -13050,6 +13045,7 @@ ul) {
13050
13045
  .pf-v6-c-form-control.pf-m-warning {
13051
13046
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd);
13052
13047
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
13048
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
13053
13049
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
13054
13050
  --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd);
13055
13051
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
@@ -13057,6 +13053,10 @@ ul) {
13057
13053
  .pf-v6-c-form-control.pf-m-warning.pf-m-icon {
13058
13054
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
13059
13055
  }
13056
+ .pf-v6-c-form-control:hover {
13057
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
13058
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
13059
+ }
13060
13060
  .pf-v6-c-form-control.pf-m-icon {
13061
13061
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
13062
13062
  }
package/patternfly.css CHANGED
@@ -12571,8 +12571,8 @@ ul) {
12571
12571
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12572
12572
  }
12573
12573
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
12574
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12574
12575
  flex-direction: column;
12575
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12576
12576
  align-items: flex-start;
12577
12577
  }
12578
12578
  .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
@@ -12599,8 +12599,8 @@ ul) {
12599
12599
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12600
12600
  }
12601
12601
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
12602
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12602
12603
  flex-direction: column;
12603
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12604
12604
  align-items: flex-start;
12605
12605
  }
12606
12606
  .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
@@ -12627,8 +12627,8 @@ ul) {
12627
12627
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12628
12628
  }
12629
12629
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
12630
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12630
12631
  flex-direction: column;
12631
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12632
12632
  align-items: flex-start;
12633
12633
  }
12634
12634
  .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
@@ -12655,8 +12655,8 @@ ul) {
12655
12655
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12656
12656
  }
12657
12657
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
12658
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12658
12659
  flex-direction: column;
12659
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12660
12660
  align-items: flex-start;
12661
12661
  }
12662
12662
  .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
@@ -12683,8 +12683,8 @@ ul) {
12683
12683
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12684
12684
  }
12685
12685
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
12686
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12686
12687
  flex-direction: column;
12687
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12688
12688
  align-items: flex-start;
12689
12689
  }
12690
12690
  .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
@@ -12711,8 +12711,8 @@ ul) {
12711
12711
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12712
12712
  }
12713
12713
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
12714
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12714
12715
  flex-direction: column;
12715
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12716
12716
  align-items: flex-start;
12717
12717
  }
12718
12718
  .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
@@ -12739,8 +12739,8 @@ ul) {
12739
12739
  transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
12740
12740
  }
12741
12741
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
12742
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12742
12743
  flex-direction: column;
12743
- gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
12744
12744
  align-items: flex-start;
12745
12745
  }
12746
12746
  .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
@@ -12784,6 +12784,7 @@ ul) {
12784
12784
  }
12785
12785
  .pf-v6-c-form__group-label.pf-m-info {
12786
12786
  display: flex;
12787
+ gap: var(--pf-v6-c-form__group-label--m-info--Gap);
12787
12788
  align-items: flex-end;
12788
12789
  }
12789
12790
 
@@ -12792,7 +12793,6 @@ ul) {
12792
12793
  }
12793
12794
 
12794
12795
  .pf-v6-c-form__group-label-info {
12795
- margin-inline-start: var(--pf-v6-c-form__group-label-info--MarginInlineStart);
12796
12796
  font-size: var(--pf-v6-c-form__group-label-info--FontSize);
12797
12797
  }
12798
12798
 
@@ -13007,8 +13007,9 @@ ul) {
13007
13007
  --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--inset--base);
13008
13008
  --pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
13009
13009
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
13010
- --pf-v6-c-form-control--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
13011
- --pf-v6-c-form-control--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
13010
+ --pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
13011
+ --pf-v6-c-form-control--m-warning--hover--after--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
13012
+ --pf-v6-c-form-control--m-error--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
13012
13013
  --pf-v6-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
13013
13014
  --pf-v6-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
13014
13015
  --pf-v6-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
@@ -13019,8 +13020,6 @@ ul) {
13019
13020
  --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13020
13021
  --pf-v6-c-form-control--m-readonly--BorderColor: transparent;
13021
13022
  --pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
13022
- --pf-v6-c-form-control--m-readonly--focus--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
13023
- --pf-v6-c-form-control--m-readonly--focus--after--BorderColor: var(--pf-t--global--border--color--clicked);
13024
13023
  --pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
13025
13024
  --pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
13026
13025
  --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
@@ -13121,8 +13120,6 @@ ul) {
13121
13120
  }
13122
13121
  .pf-v6-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
13123
13122
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
13124
- --pf-v6-c-form-control--focus--after--BorderWidth: var(--pf-v6-c-form-control--m-readonly--focus--after--BorderWidth);
13125
- --pf-v6-c-form-control--focus--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--focus--after--BorderColor);
13126
13123
  }
13127
13124
  .pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
13128
13125
  --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor);
@@ -13131,10 +13128,6 @@ ul) {
13131
13128
  --pf-v6-c-form-control--after--BorderStyle: none;
13132
13129
  --pf-v6-c-form-control--OutlineOffset: var(--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset);
13133
13130
  }
13134
- .pf-v6-c-form-control:hover {
13135
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
13136
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
13137
- }
13138
13131
  .pf-v6-c-form-control.pf-m-expanded {
13139
13132
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-expanded--after--BorderColor);
13140
13133
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-expanded--after--BorderWidth);
@@ -13151,6 +13144,7 @@ ul) {
13151
13144
  .pf-v6-c-form-control.pf-m-error {
13152
13145
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd);
13153
13146
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
13147
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
13154
13148
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
13155
13149
  --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd);
13156
13150
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
@@ -13161,6 +13155,7 @@ ul) {
13161
13155
  .pf-v6-c-form-control.pf-m-success {
13162
13156
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd);
13163
13157
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
13158
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
13164
13159
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
13165
13160
  --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd);
13166
13161
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
@@ -13171,6 +13166,7 @@ ul) {
13171
13166
  .pf-v6-c-form-control.pf-m-warning {
13172
13167
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd);
13173
13168
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
13169
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
13174
13170
  --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
13175
13171
  --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd);
13176
13172
  --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
@@ -13178,6 +13174,10 @@ ul) {
13178
13174
  .pf-v6-c-form-control.pf-m-warning.pf-m-icon {
13179
13175
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
13180
13176
  }
13177
+ .pf-v6-c-form-control:hover {
13178
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
13179
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
13180
+ }
13181
13181
  .pf-v6-c-form-control.pf-m-icon {
13182
13182
  --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
13183
13183
  }