@patternfly/patternfly 5.0.0-alpha.52 → 5.0.0-alpha.54

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 (47) hide show
  1. package/components/Divider/divider.css +12 -12
  2. package/components/FormControl/form-control.css +164 -214
  3. package/components/FormControl/form-control.scss +175 -281
  4. package/components/FormControl/themes/dark/form-control.scss +1 -2
  5. package/components/Masthead/masthead.css +12 -12
  6. package/components/NumberInput/number-input.css +0 -1
  7. package/components/NumberInput/number-input.scss +0 -1
  8. package/components/Pagination/pagination.css +12 -12
  9. package/components/Tabs/tabs.css +24 -24
  10. package/components/Toolbar/toolbar.css +54 -54
  11. package/docs/components/CalendarMonth/examples/CalendarMonth.md +32 -28
  12. package/docs/components/ClipboardCopy/examples/ClipboardCopy.md +52 -46
  13. package/docs/components/DatePicker/examples/DatePicker.md +55 -49
  14. package/docs/components/FileUpload/examples/FileUpload.md +105 -93
  15. package/docs/components/Form/examples/Form.md +165 -145
  16. package/docs/components/FormControl/examples/FormControl.md +439 -475
  17. package/docs/components/InlineEdit/examples/InlineEdit.md +87 -76
  18. package/docs/components/InputGroup/examples/InputGroup.md +84 -74
  19. package/docs/components/Login/examples/Login.md +92 -82
  20. package/docs/components/NumberInput/examples/NumberInput.md +99 -87
  21. package/docs/components/Pagination/examples/Pagination.md +100 -89
  22. package/docs/components/Select/examples/Select.md +77 -68
  23. package/docs/components/Slider/examples/Slider.md +31 -44
  24. package/docs/components/TextInputGroup/examples/TextInputGroup.md +60 -52
  25. package/docs/components/Toolbar/examples/Toolbar.md +18 -16
  26. package/docs/components/Wizard/examples/Wizard.md +280 -245
  27. package/docs/demos/Alert/examples/Alert.md +69 -57
  28. package/docs/demos/Button/examples/Button.md +54 -48
  29. package/docs/demos/CardView/examples/CardView.md +9 -8
  30. package/docs/demos/DataList/examples/DataList.md +36 -32
  31. package/docs/demos/Form/examples/BasicForms.md +247 -227
  32. package/docs/demos/HelperText/examples/HelperText.md +37 -33
  33. package/docs/demos/Modal/examples/Modal.md +14 -21
  34. package/docs/demos/PasswordGenerator/examples/PasswordGenerator.md +11 -10
  35. package/docs/demos/PasswordStrength/examples/PasswordStrength.md +44 -40
  36. package/docs/demos/Table/examples/Table.md +99 -88
  37. package/docs/demos/Toolbar/examples/Toolbar.md +28 -25
  38. package/docs/demos/Wizard/examples/Wizard.md +448 -392
  39. package/layouts/Flex/flex.css +60 -120
  40. package/layouts/Flex/flex.scss +1 -1
  41. package/package.json +3 -3
  42. package/patternfly-no-globals.css +335 -446
  43. package/patternfly.css +335 -446
  44. package/patternfly.min.css +1 -1
  45. package/patternfly.min.css.map +1 -1
  46. package/sass-utilities/functions.scss +6 -9
  47. package/docs/components/FormControl/examples/FormControl.css +0 -5
@@ -11471,10 +11471,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11471
11471
  flex-wrap: wrap;
11472
11472
  }
11473
11473
  }
11474
- .pf-v5-c-toolbar .pf-m-space-items-base > * {
11475
- --pf-v5-c-toolbar--spacer: ;
11474
+ .pf-v5-c-toolbar .pf-m-space-items-none > * {
11475
+ --pf-v5-c-toolbar--spacer: 0;
11476
11476
  }
11477
- .pf-v5-c-toolbar .pf-m-space-items-base > :last-child {
11477
+ .pf-v5-c-toolbar .pf-m-space-items-none > :last-child {
11478
11478
  --pf-v5-c-toolbar--spacer: 0;
11479
11479
  }
11480
11480
  .pf-v5-c-toolbar .pf-m-space-items-sm > * {
@@ -11496,10 +11496,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11496
11496
  --pf-v5-c-toolbar--spacer: 0;
11497
11497
  }
11498
11498
  @media (min-width: 576px) {
11499
- .pf-v5-c-toolbar .pf-m-space-items-base-on-sm > * {
11500
- --pf-v5-c-toolbar--spacer: ;
11499
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > * {
11500
+ --pf-v5-c-toolbar--spacer: 0;
11501
11501
  }
11502
- .pf-v5-c-toolbar .pf-m-space-items-base-on-sm > :last-child {
11502
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-sm > :last-child {
11503
11503
  --pf-v5-c-toolbar--spacer: 0;
11504
11504
  }
11505
11505
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-sm > * {
@@ -11522,10 +11522,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11522
11522
  }
11523
11523
  }
11524
11524
  @media (min-width: 768px) {
11525
- .pf-v5-c-toolbar .pf-m-space-items-base-on-md > * {
11526
- --pf-v5-c-toolbar--spacer: ;
11525
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-md > * {
11526
+ --pf-v5-c-toolbar--spacer: 0;
11527
11527
  }
11528
- .pf-v5-c-toolbar .pf-m-space-items-base-on-md > :last-child {
11528
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-md > :last-child {
11529
11529
  --pf-v5-c-toolbar--spacer: 0;
11530
11530
  }
11531
11531
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-md > * {
@@ -11548,10 +11548,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11548
11548
  }
11549
11549
  }
11550
11550
  @media (min-width: 992px) {
11551
- .pf-v5-c-toolbar .pf-m-space-items-base-on-lg > * {
11552
- --pf-v5-c-toolbar--spacer: ;
11551
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > * {
11552
+ --pf-v5-c-toolbar--spacer: 0;
11553
11553
  }
11554
- .pf-v5-c-toolbar .pf-m-space-items-base-on-lg > :last-child {
11554
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-lg > :last-child {
11555
11555
  --pf-v5-c-toolbar--spacer: 0;
11556
11556
  }
11557
11557
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-lg > * {
@@ -11574,10 +11574,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11574
11574
  }
11575
11575
  }
11576
11576
  @media (min-width: 1200px) {
11577
- .pf-v5-c-toolbar .pf-m-space-items-base-on-xl > * {
11578
- --pf-v5-c-toolbar--spacer: ;
11577
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > * {
11578
+ --pf-v5-c-toolbar--spacer: 0;
11579
11579
  }
11580
- .pf-v5-c-toolbar .pf-m-space-items-base-on-xl > :last-child {
11580
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-xl > :last-child {
11581
11581
  --pf-v5-c-toolbar--spacer: 0;
11582
11582
  }
11583
11583
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-xl > * {
@@ -11600,10 +11600,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11600
11600
  }
11601
11601
  }
11602
11602
  @media (min-width: 1450px) {
11603
- .pf-v5-c-toolbar .pf-m-space-items-base-on-2xl > * {
11604
- --pf-v5-c-toolbar--spacer: ;
11603
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > * {
11604
+ --pf-v5-c-toolbar--spacer: 0;
11605
11605
  }
11606
- .pf-v5-c-toolbar .pf-m-space-items-base-on-2xl > :last-child {
11606
+ .pf-v5-c-toolbar .pf-m-space-items-none-on-2xl > :last-child {
11607
11607
  --pf-v5-c-toolbar--spacer: 0;
11608
11608
  }
11609
11609
  .pf-v5-c-toolbar .pf-m-space-items-sm-on-2xl > * {
@@ -11625,11 +11625,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11625
11625
  --pf-v5-c-toolbar--spacer: 0;
11626
11626
  }
11627
11627
  }
11628
- .pf-v5-c-toolbar .pf-m-spacer-base {
11629
- --pf-v5-c-toolbar--spacer: ;
11628
+ .pf-v5-c-toolbar .pf-m-spacer-none {
11629
+ --pf-v5-c-toolbar--spacer: 0;
11630
11630
  }
11631
- .pf-v5-c-toolbar .pf-m-spacer-base:last-child {
11632
- --pf-v5-c-toolbar--spacer: ;
11631
+ .pf-v5-c-toolbar .pf-m-spacer-none:last-child {
11632
+ --pf-v5-c-toolbar--spacer: 0;
11633
11633
  }
11634
11634
  .pf-v5-c-toolbar .pf-m-spacer-sm {
11635
11635
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11650,11 +11650,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11650
11650
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
11651
11651
  }
11652
11652
  @media (min-width: 576px) {
11653
- .pf-v5-c-toolbar .pf-m-spacer-base-on-sm {
11654
- --pf-v5-c-toolbar--spacer: ;
11653
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-sm {
11654
+ --pf-v5-c-toolbar--spacer: 0;
11655
11655
  }
11656
- .pf-v5-c-toolbar .pf-m-spacer-base-on-sm:last-child {
11657
- --pf-v5-c-toolbar--spacer: ;
11656
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-sm:last-child {
11657
+ --pf-v5-c-toolbar--spacer: 0;
11658
11658
  }
11659
11659
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-sm {
11660
11660
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11676,11 +11676,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11676
11676
  }
11677
11677
  }
11678
11678
  @media (min-width: 768px) {
11679
- .pf-v5-c-toolbar .pf-m-spacer-base-on-md {
11680
- --pf-v5-c-toolbar--spacer: ;
11679
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-md {
11680
+ --pf-v5-c-toolbar--spacer: 0;
11681
11681
  }
11682
- .pf-v5-c-toolbar .pf-m-spacer-base-on-md:last-child {
11683
- --pf-v5-c-toolbar--spacer: ;
11682
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-md:last-child {
11683
+ --pf-v5-c-toolbar--spacer: 0;
11684
11684
  }
11685
11685
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-md {
11686
11686
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11702,11 +11702,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11702
11702
  }
11703
11703
  }
11704
11704
  @media (min-width: 992px) {
11705
- .pf-v5-c-toolbar .pf-m-spacer-base-on-lg {
11706
- --pf-v5-c-toolbar--spacer: ;
11705
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-lg {
11706
+ --pf-v5-c-toolbar--spacer: 0;
11707
11707
  }
11708
- .pf-v5-c-toolbar .pf-m-spacer-base-on-lg:last-child {
11709
- --pf-v5-c-toolbar--spacer: ;
11708
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-lg:last-child {
11709
+ --pf-v5-c-toolbar--spacer: 0;
11710
11710
  }
11711
11711
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-lg {
11712
11712
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11728,11 +11728,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11728
11728
  }
11729
11729
  }
11730
11730
  @media (min-width: 1200px) {
11731
- .pf-v5-c-toolbar .pf-m-spacer-base-on-xl {
11732
- --pf-v5-c-toolbar--spacer: ;
11731
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-xl {
11732
+ --pf-v5-c-toolbar--spacer: 0;
11733
11733
  }
11734
- .pf-v5-c-toolbar .pf-m-spacer-base-on-xl:last-child {
11735
- --pf-v5-c-toolbar--spacer: ;
11734
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-xl:last-child {
11735
+ --pf-v5-c-toolbar--spacer: 0;
11736
11736
  }
11737
11737
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-xl {
11738
11738
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11754,11 +11754,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11754
11754
  }
11755
11755
  }
11756
11756
  @media (min-width: 1450px) {
11757
- .pf-v5-c-toolbar .pf-m-spacer-base-on-2xl {
11758
- --pf-v5-c-toolbar--spacer: ;
11757
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl {
11758
+ --pf-v5-c-toolbar--spacer: 0;
11759
11759
  }
11760
- .pf-v5-c-toolbar .pf-m-spacer-base-on-2xl:last-child {
11761
- --pf-v5-c-toolbar--spacer: ;
11760
+ .pf-v5-c-toolbar .pf-m-spacer-none-on-2xl:last-child {
11761
+ --pf-v5-c-toolbar--spacer: 0;
11762
11762
  }
11763
11763
  .pf-v5-c-toolbar .pf-m-spacer-sm-on-2xl {
11764
11764
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--sm);
@@ -11779,8 +11779,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11779
11779
  --pf-v5-c-toolbar--spacer: var(--pf-v5-global--spacer--lg);
11780
11780
  }
11781
11781
  }
11782
- .pf-v5-c-toolbar.pf-m-inset-base {
11783
- --pf-v5-c-toolbar--inset: ;
11782
+ .pf-v5-c-toolbar.pf-m-inset-none {
11783
+ --pf-v5-c-toolbar--inset: 0;
11784
11784
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
11785
11785
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11786
11786
  }
@@ -11810,8 +11810,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11810
11810
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11811
11811
  }
11812
11812
  @media (min-width: 576px) {
11813
- .pf-v5-c-toolbar.pf-m-inset-base-on-sm {
11814
- --pf-v5-c-toolbar--inset: ;
11813
+ .pf-v5-c-toolbar.pf-m-inset-none-on-sm {
11814
+ --pf-v5-c-toolbar--inset: 0;
11815
11815
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
11816
11816
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11817
11817
  }
@@ -11842,8 +11842,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11842
11842
  }
11843
11843
  }
11844
11844
  @media (min-width: 768px) {
11845
- .pf-v5-c-toolbar.pf-m-inset-base-on-md {
11846
- --pf-v5-c-toolbar--inset: ;
11845
+ .pf-v5-c-toolbar.pf-m-inset-none-on-md {
11846
+ --pf-v5-c-toolbar--inset: 0;
11847
11847
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
11848
11848
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11849
11849
  }
@@ -11874,8 +11874,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11874
11874
  }
11875
11875
  }
11876
11876
  @media (min-width: 992px) {
11877
- .pf-v5-c-toolbar.pf-m-inset-base-on-lg {
11878
- --pf-v5-c-toolbar--inset: ;
11877
+ .pf-v5-c-toolbar.pf-m-inset-none-on-lg {
11878
+ --pf-v5-c-toolbar--inset: 0;
11879
11879
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
11880
11880
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11881
11881
  }
@@ -11906,8 +11906,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11906
11906
  }
11907
11907
  }
11908
11908
  @media (min-width: 1200px) {
11909
- .pf-v5-c-toolbar.pf-m-inset-base-on-xl {
11910
- --pf-v5-c-toolbar--inset: ;
11909
+ .pf-v5-c-toolbar.pf-m-inset-none-on-xl {
11910
+ --pf-v5-c-toolbar--inset: 0;
11911
11911
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
11912
11912
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11913
11913
  }
@@ -11938,8 +11938,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
11938
11938
  }
11939
11939
  }
11940
11940
  @media (min-width: 1450px) {
11941
- .pf-v5-c-toolbar.pf-m-inset-base-on-2xl {
11942
- --pf-v5-c-toolbar--inset: ;
11941
+ .pf-v5-c-toolbar.pf-m-inset-none-on-2xl {
11942
+ --pf-v5-c-toolbar--inset: 0;
11943
11943
  --pf-v5-c-toolbar__content--PaddingRight: var(--pf-v5-c-toolbar--inset);
11944
11944
  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-toolbar--inset);
11945
11945
  }
@@ -12100,8 +12100,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12100
12100
  .pf-v5-c-divider.pf-m-vertical::after {
12101
12101
  flex-basis: calc(var(--pf-v5-c-divider--m-vertical--after--FlexBasis) - var(--pf-v5-c-divider--after--Inset));
12102
12102
  }
12103
- .pf-v5-c-divider.pf-m-inset-base {
12104
- --pf-v5-c-divider--after--Inset: ;
12103
+ .pf-v5-c-divider.pf-m-inset-none {
12104
+ --pf-v5-c-divider--after--Inset: 0%;
12105
12105
  }
12106
12106
  .pf-v5-c-divider.pf-m-inset-xs {
12107
12107
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12151,8 +12151,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12151
12151
  }
12152
12152
  }
12153
12153
  @media (min-width: 576px) {
12154
- .pf-v5-c-divider.pf-m-inset-base-on-sm {
12155
- --pf-v5-c-divider--after--Inset: ;
12154
+ .pf-v5-c-divider.pf-m-inset-none-on-sm {
12155
+ --pf-v5-c-divider--after--Inset: 0%;
12156
12156
  }
12157
12157
  .pf-v5-c-divider.pf-m-inset-xs-on-sm {
12158
12158
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12203,8 +12203,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12203
12203
  }
12204
12204
  }
12205
12205
  @media (min-width: 768px) {
12206
- .pf-v5-c-divider.pf-m-inset-base-on-md {
12207
- --pf-v5-c-divider--after--Inset: ;
12206
+ .pf-v5-c-divider.pf-m-inset-none-on-md {
12207
+ --pf-v5-c-divider--after--Inset: 0%;
12208
12208
  }
12209
12209
  .pf-v5-c-divider.pf-m-inset-xs-on-md {
12210
12210
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12255,8 +12255,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12255
12255
  }
12256
12256
  }
12257
12257
  @media (min-width: 992px) {
12258
- .pf-v5-c-divider.pf-m-inset-base-on-lg {
12259
- --pf-v5-c-divider--after--Inset: ;
12258
+ .pf-v5-c-divider.pf-m-inset-none-on-lg {
12259
+ --pf-v5-c-divider--after--Inset: 0%;
12260
12260
  }
12261
12261
  .pf-v5-c-divider.pf-m-inset-xs-on-lg {
12262
12262
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12307,8 +12307,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12307
12307
  }
12308
12308
  }
12309
12309
  @media (min-width: 1200px) {
12310
- .pf-v5-c-divider.pf-m-inset-base-on-xl {
12311
- --pf-v5-c-divider--after--Inset: ;
12310
+ .pf-v5-c-divider.pf-m-inset-none-on-xl {
12311
+ --pf-v5-c-divider--after--Inset: 0%;
12312
12312
  }
12313
12313
  .pf-v5-c-divider.pf-m-inset-xs-on-xl {
12314
12314
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -12359,8 +12359,8 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
12359
12359
  }
12360
12360
  }
12361
12361
  @media (min-width: 1450px) {
12362
- .pf-v5-c-divider.pf-m-inset-base-on-2xl {
12363
- --pf-v5-c-divider--after--Inset: ;
12362
+ .pf-v5-c-divider.pf-m-inset-none-on-2xl {
12363
+ --pf-v5-c-divider--after--Inset: 0%;
12364
12364
  }
12365
12365
  .pf-v5-c-divider.pf-m-inset-xs-on-2xl {
12366
12366
  --pf-v5-c-divider--after--Inset: var(--pf-v5-global--spacer--xs);
@@ -14702,9 +14702,11 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14702
14702
  }
14703
14703
 
14704
14704
  .pf-v5-c-form-control {
14705
+ --pf-v5-c-form-control--ColumnGap: var(--pf-v5-global--spacer--sm);
14705
14706
  --pf-v5-c-form-control--Color: var(--pf-v5-global--Color--100);
14706
14707
  --pf-v5-c-form-control--FontSize: var(--pf-v5-global--FontSize--md);
14707
14708
  --pf-v5-c-form-control--LineHeight: var(--pf-v5-global--LineHeight--md);
14709
+ --pf-v5-c-form-control--Resize: none;
14708
14710
  --pf-v5-c-form-control--BorderWidth: var(--pf-v5-global--BorderWidth--sm);
14709
14711
  --pf-v5-c-form-control--BorderTopColor: var(--pf-v5-global--BorderColor--300);
14710
14712
  --pf-v5-c-form-control--BorderRightColor: var(--pf-v5-global--BorderColor--300);
@@ -14712,7 +14714,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14712
14714
  --pf-v5-c-form-control--BorderLeftColor: var(--pf-v5-global--BorderColor--300);
14713
14715
  --pf-v5-c-form-control--BorderRadius: 0;
14714
14716
  --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
14715
- --pf-v5-c-form-control--Width: 100%;
14717
+ --pf-v5-c-form-control--Width: auto;
14716
14718
  --pf-v5-c-form-control--Height: calc(var(--pf-v5-c-form-control--FontSize) * var(--pf-v5-c-form-control--LineHeight) + var(--pf-v5-c-form-control--BorderWidth) * 2 + var(--pf-v5-c-form-control--PaddingTop) + var(--pf-v5-c-form-control--PaddingBottom));
14717
14719
  --pf-v5-c-form-control--inset--base: var(--pf-v5-global--spacer--sm);
14718
14720
  --pf-v5-c-form-control--PaddingTop: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-global--BorderWidth--sm));
@@ -14726,134 +14728,101 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14726
14728
  --pf-v5-c-form-control--m-expanded--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
14727
14729
  --pf-v5-c-form-control--m-expanded--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-c-form-control--focus--BorderBottomWidth));
14728
14730
  --pf-v5-c-form-control--m-expanded--BorderBottomColor: var(--pf-v5-global--primary-color--100);
14729
- --pf-v5-c-form-control--placeholder--Color: var(--pf-v5-global--Color--dark-200);
14730
- --pf-v5-c-form-control--placeholder--child--Color: var(--pf-v5-global--Color--100);
14731
- --pf-v5-c-form-control--disabled--Color: var(--pf-v5-global--disabled-color--100);
14732
- --pf-v5-c-form-control--disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
14733
- --pf-v5-c-form-control--disabled--BorderColor: transparent;
14734
- --pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-global--disabled-color--300);
14735
- --pf-v5-c-form-control--readonly--hover--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
14736
- --pf-v5-c-form-control--readonly--focus--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-global--BorderWidth--sm));
14737
- --pf-v5-c-form-control--readonly--focus--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
14738
- --pf-v5-c-form-control--readonly--focus--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
14739
- --pf-v5-c-form-control--readonly--m-plain--BackgroundColor: transparent;
14740
- --pf-v5-c-form-control--readonly--m-plain--inset--base: 0;
14741
- --pf-v5-c-form-control--success--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
14742
- --pf-v5-c-form-control--success--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-c-form-control--success--BorderBottomWidth));
14743
- --pf-v5-c-form-control--success--BorderBottomColor: var(--pf-v5-global--success-color--100);
14744
- --pf-v5-c-form-control--success--PaddingRight: var(--pf-v5-global--spacer--xl);
14745
- --pf-v5-c-form-control--success--BackgroundPositionX: calc(100% - var(--pf-v5-c-form-control--PaddingLeft));
14746
- --pf-v5-c-form-control--success--BackgroundPositionY: center;
14747
- --pf-v5-c-form-control--success--BackgroundPosition: var(--pf-v5-c-form-control--success--BackgroundPositionX) var(--pf-v5-c-form-control--success--BackgroundPositionY);
14748
- --pf-v5-c-form-control--success--BackgroundSizeX: var(--pf-v5-c-form-control--FontSize);
14749
- --pf-v5-c-form-control--success--BackgroundSizeY: var(--pf-v5-c-form-control--FontSize);
14750
- --pf-v5-c-form-control--success--BackgroundSize: var(--pf-v5-c-form-control--success--BackgroundSizeX) var(--pf-v5-c-form-control--success--BackgroundSizeY);
14751
- --pf-v5-c-form-control--success--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235ba352' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
14731
+ --pf-v5-c-form-control--m-placeholder--Color: var(--pf-v5-global--Color--dark-200);
14732
+ --pf-v5-c-form-control--m-placeholder--child--Color: var(--pf-v5-global--Color--100);
14733
+ --pf-v5-c-form-control--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
14734
+ --pf-v5-c-form-control--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--300);
14735
+ --pf-v5-c-form-control--m-disabled--BorderColor: transparent;
14736
+ --pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-global--disabled-color--300);
14737
+ --pf-v5-c-form-control--m-readonly--hover--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
14738
+ --pf-v5-c-form-control--m-readonly--focus--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-global--BorderWidth--sm));
14739
+ --pf-v5-c-form-control--m-readonly--focus--BorderBottomWidth: var(--pf-v5-global--BorderWidth--sm);
14740
+ --pf-v5-c-form-control--m-readonly--focus--BorderBottomColor: var(--pf-v5-global--BorderColor--200);
14741
+ --pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
14742
+ --pf-v5-c-form-control--m-readonly--m-plain--inset--base: 0;
14743
+ --pf-v5-c-form-control--m-success--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
14744
+ --pf-v5-c-form-control--m-success--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-c-form-control--m-success--BorderBottomWidth));
14745
+ --pf-v5-c-form-control--m-success--BorderBottomColor: var(--pf-v5-global--success-color--100);
14746
+ --pf-v5-c-form-control--m-success--PaddingRight: var(--pf-v5-global--spacer--xl);
14752
14747
  --pf-v5-c-form-control--m-warning--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
14753
14748
  --pf-v5-c-form-control--m-warning--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-c-form-control--m-warning--BorderBottomWidth));
14754
14749
  --pf-v5-c-form-control--m-warning--BorderBottomColor: var(--pf-v5-global--warning-color--100);
14755
14750
  --pf-v5-c-form-control--m-warning--PaddingRight: var(--pf-v5-global--spacer--xl);
14756
- --pf-v5-c-form-control--m-warning--BackgroundPositionX: calc(100% - calc(var(--pf-v5-c-form-control--PaddingLeft) - 0.0625rem));
14757
- --pf-v5-c-form-control--m-warning--BackgroundPositionY: center;
14758
- --pf-v5-c-form-control--m-warning--BackgroundPosition: var(--pf-v5-c-form-control--m-warning--BackgroundPositionX) var(--pf-v5-c-form-control--m-warning--BackgroundPositionY);
14759
- --pf-v5-c-form-control--m-warning--BackgroundSizeX: 1.25rem;
14760
- --pf-v5-c-form-control--m-warning--BackgroundSizeY: var(--pf-v5-c-form-control--FontSize);
14761
- --pf-v5-c-form-control--m-warning--BackgroundSize: var(--pf-v5-c-form-control--m-warning--BackgroundSizeX) var(--pf-v5-c-form-control--m-warning--BackgroundSizeY);
14762
- --pf-v5-c-form-control--m-warning--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23f0ab00' d='M569.517 440.013C587.975 472.007 564.806 512 527.94 512H48.054c-36.937 0-59.999-40.055-41.577-71.987L246.423 23.985c18.467-32.009 64.72-31.951 83.154 0l239.94 416.028zM288 354c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
14763
- --pf-v5-c-form-control--invalid--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
14764
- --pf-v5-c-form-control--invalid--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-c-form-control--invalid--BorderBottomWidth));
14765
- --pf-v5-c-form-control--invalid--BorderBottomColor: var(--pf-v5-global--danger-color--100);
14766
- --pf-v5-c-form-control--invalid--PaddingRight: var(--pf-v5-global--spacer--xl);
14767
- --pf-v5-c-form-control--invalid--BackgroundPositionX: calc(100% - var(--pf-v5-c-form-control--PaddingLeft));
14768
- --pf-v5-c-form-control--invalid--BackgroundPositionY: center;
14769
- --pf-v5-c-form-control--invalid--BackgroundPosition: var(--pf-v5-c-form-control--invalid--BackgroundPositionX) var(--pf-v5-c-form-control--invalid--BackgroundPositionY);
14770
- --pf-v5-c-form-control--invalid--BackgroundSizeX: var(--pf-v5-c-form-control--FontSize);
14771
- --pf-v5-c-form-control--invalid--BackgroundSizeY: var(--pf-v5-c-form-control--FontSize);
14772
- --pf-v5-c-form-control--invalid--BackgroundSize: var(--pf-v5-c-form-control--invalid--BackgroundSizeX) var(--pf-v5-c-form-control--invalid--BackgroundSizeY);
14773
- --pf-v5-c-form-control--invalid--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23fe5142' d='M504 256c0 136.997-111.043 248-248 248S8 392.997 8 256C8 119.083 119.043 8 256 8s248 111.083 248 248zm-248 50c-25.405 0-46 20.595-46 46s20.595 46 46 46 46-20.595 46-46-20.595-46-46-46zm-43.673-165.346l7.418 136c.347 6.364 5.609 11.346 11.982 11.346h48.546c6.373 0 11.635-4.982 11.982-11.346l7.418-136c.375-6.874-5.098-12.654-11.982-12.654h-63.383c-6.884 0-12.356 5.78-11.981 12.654z'/%3E%3C/svg%3E");
14774
- --pf-v5-c-form-control--invalid--exclamation--Background: var(--pf-v5-c-form-control--invalid--BackgroundUrl) var(--pf-v5-c-form-control--invalid--BackgroundPosition) / var(--pf-v5-c-form-control--invalid--BackgroundSize) no-repeat;
14775
- --pf-v5-c-form-control--invalid--Background: var(--pf-v5-c-form-control--BackgroundColor) var(--pf-v5-c-form-control--invalid--exclamation--Background);
14776
- --pf-v5-c-form-control--m-search--PaddingLeft: var(--pf-v5-global--spacer--xl);
14777
- --pf-v5-c-form-control--m-search--BackgroundPosition: var(--pf-v5-c-form-control--PaddingRight);
14778
- --pf-v5-c-form-control--m-search--BackgroundSize: var(--pf-v5-c-form-control--FontSize) var(--pf-v5-c-form-control--FontSize);
14779
- --pf-v5-c-form-control--m-search--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M505 442.7L405.3 343c-4.5-4.5-10.6-7-17-7H372c27.6-35.3 44-79.7 44-128C416 93.1 322.9 0 208 0S0 93.1 0 208s93.1 208 208 208c48.3 0 92.7-16.4 128-44v16.3c0 6.4 2.5 12.5 7 17l99.7 99.7c9.4 9.4 24.6 9.4 33.9 0l28.3-28.3c9.4-9.4 9.4-24.6.1-34zM208 336c-70.7 0-128-57.2-128-128 0-70.7 57.2-128 128-128 70.7 0 128 57.2 128 128 0 70.7-57.2 128-128 128z'/%3E%3C/svg%3E");
14780
- --pf-v5-c-form-control--m-icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--m-icon--BackgroundSizeX) + var(--pf-v5-c-form-control--m-icon--icon--spacer));
14781
- --pf-v5-c-form-control--m-icon--BackgroundUrl: none;
14782
- --pf-v5-c-form-control--m-icon--BackgroundPositionX: calc(100% - var(--pf-v5-c-form-control--inset--base));
14783
- --pf-v5-c-form-control--m-icon--BackgroundPositionY: center;
14784
- --pf-v5-c-form-control--m-icon--BackgroundSizeX: var(--pf-v5-c-form-control--FontSize);
14785
- --pf-v5-c-form-control--m-icon--BackgroundSizeY: var(--pf-v5-c-form-control--FontSize);
14751
+ --pf-v5-c-form-control--m-error--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
14752
+ --pf-v5-c-form-control--m-error--PaddingBottom: calc(var(--pf-v5-global--spacer--form-element) - var(--pf-v5-c-form-control--m-error--BorderBottomWidth));
14753
+ --pf-v5-c-form-control--m-error--BorderBottomColor: var(--pf-v5-global--danger-color--100);
14754
+ --pf-v5-c-form-control--m-error--PaddingRight: var(--pf-v5-global--spacer--xl);
14755
+ --pf-v5-c-form-control--m-error--IconWidth: var(--pf-v5-c-form-control--FontSize);
14756
+ --pf-v5-c-form-control--m-icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--m-icon--IconWidth) + var(--pf-v5-c-form-control--m-icon--icon--spacer));
14757
+ --pf-v5-c-form-control--m-icon--IconWidth: var(--pf-v5-c-form-control--FontSize);
14786
14758
  --pf-v5-c-form-control--m-icon--icon--spacer: var(--pf-v5-global--spacer--sm);
14787
- --pf-v5-c-form-control--m-icon--icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--invalid--BackgroundSizeX) + var(--pf-v5-c-form-control--m-icon--icon--spacer) + var(--pf-v5-c-form-control--m-icon--BackgroundSizeX) + var(--pf-v5-c-form-control--m-icon--icon--spacer));
14788
- --pf-v5-c-form-control--m-icon--icon--BackgroundPositionX: calc(var(--pf-v5-c-form-control--m-icon--BackgroundPositionX) - var(--pf-v5-c-form-control--m-icon--icon--spacer) - var(--pf-v5-c-form-control--invalid--BackgroundSizeX));
14789
- --pf-v5-c-form-control--m-icon--invalid--BackgroundUrl: var(--pf-v5-c-form-control--invalid--BackgroundUrl), var(--pf-v5-c-form-control--m-icon--BackgroundUrl);
14790
- --pf-v5-c-form-control--m-icon--invalid--BackgroundPosition: var(--pf-v5-c-form-control--invalid--BackgroundPosition), var(--pf-v5-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-v5-c-form-control--m-icon--BackgroundPositionY);
14791
- --pf-v5-c-form-control--m-icon--invalid--BackgroundSize: var(--pf-v5-c-form-control--invalid--BackgroundSize), var(--pf-v5-c-form-control--m-icon--BackgroundSizeX) var(--pf-v5-c-form-control--m-icon--BackgroundSizeY);
14792
- --pf-v5-c-form-control--m-icon--success--BackgroundUrl: var(--pf-v5-c-form-control--success--BackgroundUrl), var(--pf-v5-c-form-control--m-icon--BackgroundUrl);
14793
- --pf-v5-c-form-control--m-icon--success--BackgroundPosition: var(--pf-v5-c-form-control--success--BackgroundPosition), var(--pf-v5-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-v5-c-form-control--m-icon--BackgroundPositionY);
14794
- --pf-v5-c-form-control--m-icon--success--BackgroundSize: var(--pf-v5-c-form-control--success--BackgroundSize), var(--pf-v5-c-form-control--m-icon--BackgroundSizeX) var(--pf-v5-c-form-control--m-icon--BackgroundSizeY);
14795
- --pf-v5-c-form-control--m-icon--m-warning--BackgroundUrl: var(--pf-v5-c-form-control--m-warning--BackgroundUrl), var(--pf-v5-c-form-control--m-icon--BackgroundUrl);
14796
- --pf-v5-c-form-control--m-icon--m-warning--BackgroundPosition: var(--pf-v5-c-form-control--m-warning--BackgroundPosition), var(--pf-v5-c-form-control--m-icon--icon--BackgroundPositionX) var(--pf-v5-c-form-control--m-icon--BackgroundPositionY);
14797
- --pf-v5-c-form-control--m-icon--m-warning--BackgroundSize: var(--pf-v5-c-form-control--m-warning--BackgroundSize), var(--pf-v5-c-form-control--m-icon--BackgroundSizeX) var(--pf-v5-c-form-control--m-icon--BackgroundSizeY);
14798
- --pf-v5-c-form-control--m-calendar--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M0 464c0 26.5 21.5 48 48 48h352c26.5 0 48-21.5 48-48V192H0v272zm320-196c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM192 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12h-40c-6.6 0-12-5.4-12-12v-40zM64 268c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zm0 128c0-6.6 5.4-12 12-12h40c6.6 0 12 5.4 12 12v40c0 6.6-5.4 12-12 12H76c-6.6 0-12-5.4-12-12v-40zM400 64h-48V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H160V16c0-8.8-7.2-16-16-16h-32c-8.8 0-16 7.2-16 16v48H48C21.5 64 0 85.5 0 112v48h448v-48c0-26.5-21.5-48-48-48z'/%3E%3C/svg%3E");
14799
- --pf-v5-c-form-control--m-clock--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%23aaabac' d='M256 8C119 8 8 119 8 256s111 248 248 248 248-111 248-248S393 8 256 8zm0 448c-110.5 0-200-89.5-200-200S145.5 56 256 56s200 89.5 200 200-89.5 200-200 200zm61.8-104.4l-84.9-61.7c-3.1-2.3-4.9-5.9-4.9-9.7V116c0-6.6 5.4-12 12-12h32c6.6 0 12 5.4 12 12v141.7l66.8 48.6c5.4 3.9 6.5 11.4 2.6 16.8L334.6 349c-3.9 5.3-11.4 6.5-16.8 2.6z'/%3E%3C/svg%3E");
14759
+ --pf-v5-c-form-control--m-icon--icon--PaddingRight: calc(var(--pf-v5-c-form-control--inset--base) + var(--pf-v5-c-form-control--m-error--IconWidth) + var(--pf-v5-c-form-control--m-icon--icon--spacer) + var(--pf-v5-c-form-control--m-icon--IconWidth) + var(--pf-v5-c-form-control--m-icon--icon--spacer));
14800
14760
  --pf-v5-c-form-control__select--PaddingRight: calc(var(--pf-v5-global--spacer--lg) + var(--pf-v5-c-form-control--BorderWidth) + var(--pf-v5-c-form-control--BorderWidth));
14801
14761
  --pf-v5-c-form-control__select--PaddingLeft: calc(var(--pf-v5-global--spacer--sm) - var(--pf-v5-c-form-control--BorderWidth));
14802
- --pf-v5-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23urrentColor' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
14803
- --pf-v5-c-form-control__select--BackgroundSize: .625em;
14804
- --pf-v5-c-form-control__select--BackgroundPositionX: calc(100% - var(--pf-v5-global--spacer--md) + 1px);
14805
- --pf-v5-c-form-control__select--BackgroundPositionY: center;
14806
- --pf-v5-c-form-control__select--BackgroundPosition: var(--pf-v5-c-form-control__select--BackgroundPositionX) var(--pf-v5-c-form-control__select--BackgroundPositionY);
14807
- --pf-v5-c-form-control__select--success--PaddingRight: var(--pf-v5-global--spacer--3xl);
14808
- --pf-v5-c-form-control__select--success--BackgroundPosition: calc(var(--pf-v5-c-form-control__select--BackgroundPositionX) - var(--pf-v5-global--spacer--lg));
14809
- --pf-v5-c-form-control__select--m-warning--PaddingRight: var(--pf-v5-global--spacer--3xl);
14810
- --pf-v5-c-form-control__select--m-warning--BackgroundPosition: calc(var(--pf-v5-c-form-control__select--BackgroundPositionX) - var(--pf-v5-global--spacer--lg) + 0.0625rem);
14811
- --pf-v5-c-form-control__select--invalid--PaddingRight: var(--pf-v5-global--spacer--3xl);
14812
- --pf-v5-c-form-control__select--invalid--BackgroundPosition: calc(var(--pf-v5-c-form-control__select--BackgroundPositionX) - var(--pf-v5-global--spacer--lg));
14762
+ --pf-v5-c-form-control__select--m-success--m-status--PaddingRight: var(--pf-v5-global--spacer--3xl);
14763
+ --pf-v5-c-form-control__select--m-warning--m-status--PaddingRight: var(--pf-v5-global--spacer--3xl);
14764
+ --pf-v5-c-form-control__select--m-error--m-status--PaddingRight: var(--pf-v5-global--spacer--3xl);
14813
14765
  --pf-v5-c-form-control--textarea--Width: var(--pf-v5-c-form-control--Width);
14814
14766
  --pf-v5-c-form-control--textarea--Height: auto;
14815
- --pf-v5-c-form-control--textarea--success--BackgroundPositionY: var(--pf-v5-c-form-control--PaddingLeft);
14816
- --pf-v5-c-form-control--textarea--m-warning--BackgroundPositionY: var(--pf-v5-c-form-control--PaddingLeft);
14817
- --pf-v5-c-form-control--textarea--invalid--BackgroundPositionY: var(--pf-v5-c-form-control--PaddingLeft);
14818
- --pf-v5-c-form-control--m-icon-sprite__select--BackgroundSize: var(--pf-v5-c-form-control--FontSize);
14819
- --pf-v5-c-form-control--m-icon-sprite__select--BackgroundPositionX: calc(100% - var(--pf-v5-global--spacer--md) + 7px);
14820
- --pf-v5-c-form-control--m-icon-sprite__select--success--BackgroundPosition: calc(100% - var(--pf-v5-global--spacer--md) + 1px - var(--pf-v5-global--spacer--lg));
14821
- --pf-v5-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition: calc(100% - var(--pf-v5-global--spacer--md) - var(--pf-v5-global--spacer--lg) + 0.0625rem);
14822
- --pf-v5-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition: calc(100% - var(--pf-v5-global--spacer--md) - var(--pf-v5-global--spacer--lg));
14767
+ --pf-v5-c-form-control__icon--Color: var(--pf-v5-global--icon--Color--light);
14768
+ --pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-global--icon--Color--light);
14769
+ --pf-v5-c-form-control--m-success__icon--m-status--Color: var(--pf-v5-global--success-color--100);
14770
+ --pf-v5-c-form-control--m-warning__icon--m-status--Color: var(--pf-v5-global--warning-color--100);
14771
+ --pf-v5-c-form-control--m-error__icon--m-status--Color: var(--pf-v5-global--danger-color--100);
14772
+ --pf-v5-c-form-control__icon--Height: calc(var(--pf-v5-c-form-control--Height) - (2 * var(--pf-v5-c-form-control--BorderWidth)));
14773
+ --pf-v5-c-form-control__utilities--Gap: var(--pf-v5-global--spacer--sm);
14774
+ --pf-v5-c-form-control__utilities--PaddingTop: var(--pf-v5-c-form-control--inset--base);
14775
+ --pf-v5-c-form-control__utilities--PaddingRight: var(--pf-v5-c-form-control--inset--base);
14776
+ --pf-v5-c-form-control__toggle-icon--PaddingRight: var(--pf-v5-c-form-control--inset--base);
14777
+ --pf-v5-c-form-control__toggle-icon--PaddingLeft: var(--pf-v5-c-form-control--inset--base);
14778
+ --pf-v5-c-form-control__toggle-icon--Height: calc(var(--pf-v5-c-form-control--Height) - (2 * var(--pf-v5-c-form-control--BorderWidth)));
14779
+ --pf-v5-c-form-control__toggle-icon--Color: var(--pf-v5-global--Color--100);
14780
+ --pf-v5-c-form-control--m-disabled__toggle-icon--Color: var(--pf-v5-global--disabled-color--100);
14823
14781
  color: var(--pf-v5-c-form-control--Color);
14782
+ position: relative;
14783
+ display: grid;
14784
+ grid-template-columns: 1fr auto;
14785
+ column-gap: var(--pf-v5-c-form-control--ColumnGap);
14786
+ align-items: start;
14824
14787
  width: var(--pf-v5-c-form-control--Width);
14825
- padding: var(--pf-v5-c-form-control--PaddingTop) var(--pf-v5-c-form-control--PaddingRight) var(--pf-v5-c-form-control--PaddingBottom) var(--pf-v5-c-form-control--PaddingLeft);
14826
14788
  font-size: var(--pf-v5-c-form-control--FontSize);
14827
14789
  line-height: var(--pf-v5-c-form-control--LineHeight);
14790
+ resize: var(--pf-v5-c-form-control--Resize);
14828
14791
  background-color: var(--pf-v5-c-form-control--BackgroundColor);
14829
- background-repeat: no-repeat;
14830
14792
  border: var(--pf-v5-c-form-control--BorderWidth) solid;
14831
14793
  border-color: var(--pf-v5-c-form-control--BorderTopColor) var(--pf-v5-c-form-control--BorderRightColor) var(--pf-v5-c-form-control--BorderBottomColor) var(--pf-v5-c-form-control--BorderLeftColor);
14832
14794
  border-radius: var(--pf-v5-c-form-control--BorderRadius);
14795
+ }
14796
+ .pf-v5-c-form-control > :is(input, select, textarea) {
14797
+ grid-row: 1/2;
14798
+ grid-column: 1/-1;
14799
+ padding: var(--pf-v5-c-form-control--PaddingTop) var(--pf-v5-c-form-control--PaddingRight) var(--pf-v5-c-form-control--PaddingBottom) var(--pf-v5-c-form-control--PaddingLeft);
14800
+ color: var(--pf-v5-c-form-control--Color);
14801
+ background-color: transparent;
14802
+ border: none;
14833
14803
  -moz-appearance: none;
14834
14804
  -webkit-appearance: none;
14835
14805
  }
14836
- .pf-v5-c-form-control::placeholder {
14837
- color: var(--pf-v5-c-form-control--placeholder--Color);
14806
+ .pf-v5-c-form-control > ::placeholder {
14807
+ color: var(--pf-v5-c-form-control--m-placeholder--Color);
14838
14808
  }
14839
- .pf-v5-c-form-control:not(textarea) {
14840
- height: var(--pf-v5-c-form-control--Height);
14809
+ .pf-v5-c-form-control > :is(input, select) {
14841
14810
  text-overflow: ellipsis;
14842
14811
  }
14843
- .pf-v5-c-form-control[readonly] {
14844
- background-color: var(--pf-v5-c-form-control--readonly--BackgroundColor);
14812
+ .pf-v5-c-form-control.pf-m-readonly {
14813
+ --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-readonly--BackgroundColor);
14845
14814
  }
14846
- .pf-v5-c-form-control[readonly]:not(.pf-m-success):not([aria-invalid=true]):hover {
14847
- --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--readonly--hover--BorderBottomColor);
14815
+ .pf-v5-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error):hover {
14816
+ --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--m-readonly--hover--BorderBottomColor);
14848
14817
  }
14849
- .pf-v5-c-form-control[readonly]:not(.pf-m-success):not([aria-invalid=true]):focus {
14850
- --pf-v5-c-form-control--focus--PaddingBottom: var(--pf-v5-c-form-control--readonly--focus--PaddingBottom);
14851
- --pf-v5-c-form-control--focus--BorderBottomWidth: var(--pf-v5-c-form-control--readonly--focus--BorderBottomWidth);
14852
- --pf-v5-c-form-control--focus--BorderBottomColor: var(--pf-v5-c-form-control--readonly--focus--BorderBottomColor);
14818
+ .pf-v5-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error):focus {
14819
+ --pf-v5-c-form-control--focus--PaddingBottom: var(--pf-v5-c-form-control--m-readonly--focus--PaddingBottom);
14820
+ --pf-v5-c-form-control--focus--BorderBottomWidth: var(--pf-v5-c-form-control--m-readonly--focus--BorderBottomWidth);
14821
+ --pf-v5-c-form-control--focus--BorderBottomColor: var(--pf-v5-c-form-control--m-readonly--focus--BorderBottomColor);
14853
14822
  }
14854
- .pf-v5-c-form-control[readonly].pf-m-plain {
14855
- --pf-v5-c-form-control--readonly--BackgroundColor: var(--pf-v5-c-form-control--readonly--m-plain--BackgroundColor);
14856
- --pf-v5-c-form-control--inset--base: var(--pf-v5-c-form-control--readonly--m-plain--inset--base);
14823
+ .pf-v5-c-form-control.pf-m-readonly.pf-m-plain {
14824
+ --pf-v5-c-form-control--m-readonly--BackgroundColor: var(--pf-v5-c-form-control--m-readonly--m-plain--BackgroundColor);
14825
+ --pf-v5-c-form-control--inset--base: var(--pf-v5-c-form-control--m-readonly--m-plain--inset--base);
14857
14826
  border-color: transparent;
14858
14827
  }
14859
14828
  .pf-v5-c-form-control:hover {
@@ -14861,154 +14830,136 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
14861
14830
  }
14862
14831
  .pf-v5-c-form-control:focus {
14863
14832
  --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--focus--BorderBottomColor);
14864
- padding-bottom: var(--pf-v5-c-form-control--focus--PaddingBottom);
14833
+ --pf-v5-c-form-control__icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--focus--BorderBottomWidth));
14834
+ --pf-v5-c-form-control__toggle-icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--focus--BorderBottomWidth));
14835
+ --pf-v5-c-form-control--PaddingBottom: var(--pf-v5-c-form-control--focus--PaddingBottom);
14865
14836
  border-bottom-width: var(--pf-v5-c-form-control--focus--BorderBottomWidth);
14866
14837
  }
14867
14838
  .pf-v5-c-form-control.pf-m-expanded {
14868
14839
  --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--m-expanded--BorderBottomColor);
14869
- padding-bottom: var(--pf-v5-c-form-control--m-expanded--PaddingBottom);
14840
+ --pf-v5-c-form-control__icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-expanded--BorderBottomWidth));
14841
+ --pf-v5-c-form-control__toggle-icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-expanded--BorderBottomWidth));
14842
+ --pf-v5-c-form-control--PaddingBottom: var(--pf-v5-c-form-control--m-expanded--PaddingBottom);
14870
14843
  border-bottom-width: var(--pf-v5-c-form-control--m-expanded--BorderBottomWidth);
14871
14844
  }
14872
- .pf-v5-c-form-control:disabled {
14873
- --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--disabled--BackgroundColor);
14874
- color: var(--pf-v5-c-form-control--disabled--Color);
14845
+ .pf-v5-c-form-control.pf-m-disabled {
14846
+ --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-disabled--BackgroundColor);
14847
+ --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-disabled--Color);
14848
+ --pf-v5-c-form-control__toggle-icon--Color: var(--pf-v5-c-form-control--m-disabled__toggle-icon--Color);
14875
14849
  cursor: not-allowed;
14876
- border-color: var(--pf-v5-c-form-control--disabled--BorderColor);
14877
- }
14878
- .pf-v5-c-form-control[aria-invalid=true] {
14879
- --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--invalid--PaddingRight);
14880
- --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--invalid--BorderBottomColor);
14881
- padding-bottom: var(--pf-v5-c-form-control--invalid--PaddingBottom);
14882
- background-image: var(--pf-v5-c-form-control--invalid--BackgroundUrl);
14883
- background-position: var(--pf-v5-c-form-control--invalid--BackgroundPosition);
14884
- background-size: var(--pf-v5-c-form-control--invalid--BackgroundSize);
14885
- border-bottom-width: var(--pf-v5-c-form-control--invalid--BorderBottomWidth);
14886
- }
14887
- .pf-v5-c-form-control[aria-invalid=true].pf-m-icon {
14850
+ border-color: var(--pf-v5-c-form-control--m-disabled--BorderColor);
14851
+ }
14852
+ .pf-v5-c-form-control.pf-m-error {
14853
+ --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-error--PaddingRight);
14854
+ --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--m-error--BorderBottomColor);
14855
+ --pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-error__icon--m-status--Color);
14856
+ --pf-v5-c-form-control__icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-error--BorderBottomWidth));
14857
+ --pf-v5-c-form-control__toggle-icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-error--BorderBottomWidth));
14858
+ --pf-v5-c-form-control--PaddingBottom: var(--pf-v5-c-form-control--m-error--PaddingBottom);
14859
+ --pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-error--m-status--PaddingRight);
14860
+ border-bottom-width: var(--pf-v5-c-form-control--m-error--BorderBottomWidth);
14861
+ }
14862
+ .pf-v5-c-form-control.pf-m-error.pf-m-icon {
14888
14863
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
14889
- background-image: var(--pf-v5-c-form-control--m-icon--invalid--BackgroundUrl);
14890
- background-position: var(--pf-v5-c-form-control--m-icon--invalid--BackgroundPosition);
14891
- background-size: var(--pf-v5-c-form-control--m-icon--invalid--BackgroundSize);
14892
14864
  }
14893
14865
  .pf-v5-c-form-control.pf-m-success {
14894
- --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--success--PaddingRight);
14895
- --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--success--BorderBottomColor);
14896
- padding-bottom: var(--pf-v5-c-form-control--success--PaddingBottom);
14897
- background-image: var(--pf-v5-c-form-control--success--BackgroundUrl);
14898
- background-position: var(--pf-v5-c-form-control--success--BackgroundPosition);
14899
- background-size: var(--pf-v5-c-form-control--success--BackgroundSize);
14900
- border-bottom-width: var(--pf-v5-c-form-control--success--BorderBottomWidth);
14866
+ --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-success--PaddingRight);
14867
+ --pf-v5-c-form-control--PaddingBottom: var(--pf-v5-c-form-control--m-success--PaddingBottom);
14868
+ --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--m-success--BorderBottomColor);
14869
+ --pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-success__icon--m-status--Color);
14870
+ --pf-v5-c-form-control__icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-success--BorderBottomWidth));
14871
+ --pf-v5-c-form-control__toggle-icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-success--BorderBottomWidth));
14872
+ --pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-success--m-status--PaddingRight);
14873
+ border-bottom-width: var(--pf-v5-c-form-control--m-success--BorderBottomWidth);
14901
14874
  }
14902
14875
  .pf-v5-c-form-control.pf-m-success.pf-m-icon {
14903
14876
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
14904
- background-image: var(--pf-v5-c-form-control--m-icon--success--BackgroundUrl);
14905
- background-position: var(--pf-v5-c-form-control--m-icon--success--BackgroundPosition);
14906
- background-size: var(--pf-v5-c-form-control--m-icon--success--BackgroundSize);
14907
14877
  }
14908
14878
  .pf-v5-c-form-control.pf-m-warning {
14909
14879
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-warning--PaddingRight);
14880
+ --pf-v5-c-form-control--PaddingBottom: var(--pf-v5-c-form-control--m-warning--PaddingBottom);
14910
14881
  --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-c-form-control--m-warning--BorderBottomColor);
14911
- padding-bottom: var(--pf-v5-c-form-control--m-warning--PaddingBottom);
14912
- background-image: var(--pf-v5-c-form-control--m-warning--BackgroundUrl);
14913
- background-position: var(--pf-v5-c-form-control--m-warning--BackgroundPosition);
14914
- background-size: var(--pf-v5-c-form-control--m-warning--BackgroundSize);
14882
+ --pf-v5-c-form-control__icon--m-status--Color: var(--pf-v5-c-form-control--m-warning__icon--m-status--Color);
14883
+ --pf-v5-c-form-control__icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-warning--BorderBottomWidth));
14884
+ --pf-v5-c-form-control__toggle-icon--Height: calc(var(--pf-v5-c-form-control--Height) - var(--pf-v5-c-form-control--m-warning--BorderBottomWidth));
14885
+ --pf-v5-c-form-control__select--PaddingRight: var(--pf-v5-c-form-control__select--m-warning--m-status--PaddingRight);
14915
14886
  border-bottom-width: var(--pf-v5-c-form-control--m-warning--BorderBottomWidth);
14916
14887
  }
14917
14888
  .pf-v5-c-form-control.pf-m-warning.pf-m-icon {
14918
14889
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--icon--PaddingRight);
14919
- background-image: var(--pf-v5-c-form-control--m-icon--m-warning--BackgroundUrl);
14920
- background-position: var(--pf-v5-c-form-control--m-icon--m-warning--BackgroundPosition);
14921
- background-size: var(--pf-v5-c-form-control--m-icon--m-warning--BackgroundSize);
14922
- }
14923
- .pf-v5-c-form-control.pf-m-search {
14924
- --pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control--m-search--PaddingLeft);
14925
- background-image: var(--pf-v5-c-form-control--m-search--BackgroundUrl);
14926
- background-position: var(--pf-v5-c-form-control--m-search--BackgroundPosition);
14927
- background-size: var(--pf-v5-c-form-control--m-search--BackgroundSize);
14928
14890
  }
14929
14891
  .pf-v5-c-form-control.pf-m-icon {
14930
14892
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control--m-icon--PaddingRight);
14931
- background-image: var(--pf-v5-c-form-control--m-icon--BackgroundUrl);
14932
- background-position: var(--pf-v5-c-form-control--m-icon--BackgroundPositionX) var(--pf-v5-c-form-control--m-icon--BackgroundPositionY);
14933
- background-size: var(--pf-v5-c-form-control--m-icon--BackgroundSizeX) var(--pf-v5-c-form-control--m-icon--BackgroundSizeY);
14934
- }
14935
- .pf-v5-c-form-control.pf-m-icon.pf-m-calendar {
14936
- --pf-v5-c-form-control--m-icon--BackgroundUrl: var(--pf-v5-c-form-control--m-calendar--BackgroundUrl);
14937
- }
14938
- .pf-v5-c-form-control.pf-m-icon.pf-m-clock {
14939
- --pf-v5-c-form-control--m-icon--BackgroundUrl: var(--pf-v5-c-form-control--m-clock--BackgroundUrl);
14940
- }
14941
- .pf-v5-c-form-control.pf-m-icon-sprite {
14942
- --pf-v5-c-form-control--success--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--success--BackgroundUrl);
14943
- --pf-v5-c-form-control--m-warning--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--m-warning--BackgroundUrl);
14944
- --pf-v5-c-form-control--invalid--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--invalid--BackgroundUrl);
14945
- --pf-v5-c-form-control__select--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite__select--BackgroundUrl);
14946
- --pf-v5-c-form-control--m-search--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--m-search--BackgroundUrl);
14947
- --pf-v5-c-form-control--m-calendar--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--m-calendar--BackgroundUrl);
14948
- --pf-v5-c-form-control--m-clock--BackgroundUrl: var(--pf-v5-c-form-control--m-icon-sprite--m-clock--BackgroundUrl);
14949
- --pf-v5-c-form-control__select--BackgroundSize: var(--pf-v5-c-form-control--m-icon-sprite__select--BackgroundSize);
14950
- --pf-v5-c-form-control__select--BackgroundPositionX: var(--pf-v5-c-form-control--m-icon-sprite__select--BackgroundPositionX);
14951
- --pf-v5-c-form-control__select--success--BackgroundPosition: var(--pf-v5-c-form-control--m-icon-sprite__select--success--BackgroundPosition);
14952
- --pf-v5-c-form-control__select--m-warning--BackgroundPosition: var(--pf-v5-c-form-control--m-icon-sprite__select--m-warning--BackgroundPosition);
14953
- --pf-v5-c-form-control__select--invalid--BackgroundPosition: var(--pf-v5-c-form-control--m-icon-sprite__select--invalid--BackgroundPosition);
14954
- }
14955
- select.pf-v5-c-form-control {
14893
+ }
14894
+ .pf-v5-c-form-control > select {
14956
14895
  --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control__select--PaddingRight);
14957
14896
  --pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control__select--PaddingLeft);
14958
- background-image: var(--pf-v5-c-form-control__select--BackgroundUrl);
14959
- background-position: var(--pf-v5-c-form-control__select--BackgroundPosition);
14960
- background-size: var(--pf-v5-c-form-control__select--BackgroundSize);
14961
14897
  }
14962
14898
  @-moz-document url-prefix() {
14963
- select.pf-v5-c-form-control {
14899
+ .pf-v5-c-form-control > select {
14964
14900
  --pf-v5-c-form-control--PaddingRight: calc(var(--pf-v5-c-form-control__select--PaddingRight) - 1px);
14965
14901
  --pf-v5-c-form-control--PaddingLeft: calc(var(--pf-v5-c-form-control__select--PaddingLeft) - 4px);
14966
14902
  }
14967
14903
  }
14968
- select.pf-v5-c-form-control[aria-invalid=true] {
14969
- --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control__select--invalid--PaddingRight);
14970
- --pf-v5-c-form-control--invalid--BackgroundPosition: var(--pf-v5-c-form-control__select--invalid--BackgroundPosition);
14971
- background-image: var(--pf-v5-c-form-control__select--BackgroundUrl), var(--pf-v5-c-form-control--invalid--BackgroundUrl);
14972
- background-position: var(--pf-v5-c-form-control__select--BackgroundPosition), var(--pf-v5-c-form-control--invalid--BackgroundPosition);
14973
- background-size: var(--pf-v5-c-form-control__select--BackgroundSize), var(--pf-v5-c-form-control--invalid--BackgroundSize);
14904
+ .pf-v5-c-form-control.pf-m-placeholder > select {
14905
+ --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--Color);
14974
14906
  }
14975
- select.pf-v5-c-form-control.pf-m-success {
14976
- --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control__select--success--PaddingRight);
14977
- --pf-v5-c-form-control--success--BackgroundPosition: var(--pf-v5-c-form-control__select--success--BackgroundPosition);
14978
- background-image: var(--pf-v5-c-form-control__select--BackgroundUrl), var(--pf-v5-c-form-control--success--BackgroundUrl);
14979
- background-position: var(--pf-v5-c-form-control__select--BackgroundPosition), var(--pf-v5-c-form-control--success--BackgroundPosition);
14980
- background-size: var(--pf-v5-c-form-control__select--BackgroundSize), var(--pf-v5-c-form-control--success--BackgroundSize);
14907
+ .pf-v5-c-form-control.pf-m-placeholder > select > * {
14908
+ --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--child--Color);
14981
14909
  }
14982
- select.pf-v5-c-form-control.pf-m-warning {
14983
- --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control__select--m-warning--PaddingRight);
14984
- background-image: var(--pf-v5-c-form-control__select--BackgroundUrl), var(--pf-v5-c-form-control--m-warning--BackgroundUrl);
14985
- background-position: var(--pf-v5-c-form-control__select--BackgroundPosition), var(--pf-v5-c-form-control__select--m-warning--BackgroundPosition);
14986
- background-size: var(--pf-v5-c-form-control__select--BackgroundSize), var(--pf-v5-c-form-control--m-warning--BackgroundSize);
14910
+ .pf-v5-c-form-control.pf-m-placeholder > select > *:disabled {
14911
+ color: revert;
14987
14912
  }
14988
- select.pf-v5-c-form-control.pf-m-placeholder {
14989
- color: var(--pf-v5-c-form-control--placeholder--Color);
14913
+ .pf-v5-c-form-control > textarea {
14914
+ width: 100%;
14915
+ height: 100%;
14916
+ vertical-align: bottom;
14917
+ resize: none;
14990
14918
  }
14991
- select.pf-v5-c-form-control.pf-m-placeholder * {
14992
- color: var(--pf-v5-c-form-control--placeholder--child--Color);
14919
+ .pf-v5-c-form-control.pf-m-resize-vertical {
14920
+ --pf-v5-c-form-control--Resize: vertical;
14921
+ overflow: auto;
14993
14922
  }
14994
- select.pf-v5-c-form-control.pf-m-placeholder *:disabled {
14995
- color: revert;
14923
+ .pf-v5-c-form-control.pf-m-resize-horizontal {
14924
+ --pf-v5-c-form-control--Resize: horizontal;
14925
+ overflow: auto;
14926
+ }
14927
+ .pf-v5-c-form-control.pf-m-resize-both {
14928
+ --pf-v5-c-form-control--Resize: both;
14929
+ overflow: auto;
14996
14930
  }
14997
14931
 
14998
- textarea.pf-v5-c-form-control {
14999
- --pf-v5-c-form-control--success--BackgroundPositionY: var(--pf-v5-c-form-control--textarea--success--BackgroundPositionY);
15000
- --pf-v5-c-form-control--invalid--BackgroundPositionY: var(--pf-v5-c-form-control--textarea--invalid--BackgroundPositionY);
15001
- --pf-v5-c-form-control--m-warning--BackgroundPositionY: var(--pf-v5-c-form-control--textarea--m-warning--BackgroundPositionY);
15002
- width: var(--pf-v5-c-form-control--textarea--Width);
15003
- height: var(--pf-v5-c-form-control--textarea--Height);
15004
- vertical-align: bottom;
14932
+ .pf-v5-c-form-control__icon {
14933
+ display: flex;
14934
+ align-items: center;
14935
+ height: var(--pf-v5-c-form-control__icon--Height);
14936
+ color: var(--pf-v5-c-form-control__icon--Color);
14937
+ }
14938
+ .pf-v5-c-form-control__icon.pf-m-status {
14939
+ --pf-v5-c-form-control__icon--Color: var(--pf-v5-c-form-control__icon--m-status--Color);
15005
14940
  }
15006
14941
 
15007
- .pf-v5-c-form-control.pf-m-resize-vertical {
15008
- resize: vertical;
14942
+ .pf-v5-c-form-control__toggle-icon {
14943
+ display: flex;
14944
+ grid-row: 1/2;
14945
+ grid-column: 3;
14946
+ align-items: center;
14947
+ height: var(--pf-v5-c-form-control__toggle-icon--Height);
14948
+ padding-right: var(--pf-v5-c-form-control__toggle-icon--PaddingRight);
14949
+ padding-left: var(--pf-v5-c-form-control__toggle-icon--PaddingLeft);
14950
+ color: var(--pf-v5-c-form-control__toggle-icon--Color);
14951
+ pointer-events: none;
15009
14952
  }
15010
- .pf-v5-c-form-control.pf-m-resize-horizontal {
15011
- resize: horizontal;
14953
+
14954
+ .pf-v5-c-form-control__utilities {
14955
+ display: flex;
14956
+ flex-wrap: nowrap;
14957
+ grid-row: 1/2;
14958
+ grid-column: 2;
14959
+ gap: var(--pf-v5-c-form-control__utilities--Gap);
14960
+ align-items: flex-start;
14961
+ padding-right: var(--pf-v5-c-form-control__utilities--PaddingRight);
14962
+ pointer-events: none;
15012
14963
  }
15013
14964
 
15014
14965
  :where(.pf-v5-theme-dark) .pf-v5-c-wizard__header, :where(.pf-v5-theme-dark) .pf-v5-c-page__sidebar-body.pf-m-menu .pf-v5-c-context-selector,
@@ -15025,7 +14976,6 @@ textarea.pf-v5-c-form-control {
15025
14976
  }
15026
14977
 
15027
14978
  :where(.pf-v5-theme-dark) .pf-v5-c-form-control {
15028
- --pf-v5-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23e0e0e0' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
15029
14979
  --pf-v5-c-form-control--BorderTopColor: transparent;
15030
14980
  --pf-v5-c-form-control--BorderRightColor: transparent;
15031
14981
  --pf-v5-c-form-control--BorderBottomColor: var(--pf-v5-global--BorderColor--400);
@@ -15039,7 +14989,7 @@ textarea.pf-v5-c-form-control {
15039
14989
  :where(.pf-v5-theme-dark) .pf-v5-c-form-control::-webkit-calendar-picker-indicator {
15040
14990
  filter: invert(1);
15041
14991
  }
15042
- :where(.pf-v5-theme-dark) .pf-v5-c-form-control[readonly] {
14992
+ :where(.pf-v5-theme-dark) .pf-v5-c-form-control.pf-m-readonly {
15043
14993
  border-bottom-color: var(--pf-v5-global--palette--black-700);
15044
14994
  }
15045
14995
 
@@ -17231,8 +17181,8 @@ ul.pf-v5-c-list {
17231
17181
  --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginRight: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginRight);
17232
17182
  --pf-v5-c-masthead__content--c-nav--m-horizontal--MarginLeft: var(--pf-v5-c-masthead--m-display-inline__content--c-nav--m-horizontal--MarginLeft);
17233
17183
  }
17234
- .pf-v5-c-masthead.pf-m-inset-base {
17235
- --pf-v5-c-masthead--inset: ;
17184
+ .pf-v5-c-masthead.pf-m-inset-none {
17185
+ --pf-v5-c-masthead--inset: 0;
17236
17186
  }
17237
17187
  .pf-v5-c-masthead.pf-m-inset-sm {
17238
17188
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17290,8 +17240,8 @@ ul.pf-v5-c-list {
17290
17240
  }
17291
17241
  }
17292
17242
  @media (min-width: 576px) {
17293
- .pf-v5-c-masthead.pf-m-inset-base-on-sm {
17294
- --pf-v5-c-masthead--inset: ;
17243
+ .pf-v5-c-masthead.pf-m-inset-none-on-sm {
17244
+ --pf-v5-c-masthead--inset: 0;
17295
17245
  }
17296
17246
  .pf-v5-c-masthead.pf-m-inset-sm-on-sm {
17297
17247
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17350,8 +17300,8 @@ ul.pf-v5-c-list {
17350
17300
  }
17351
17301
  }
17352
17302
  @media (min-width: 768px) {
17353
- .pf-v5-c-masthead.pf-m-inset-base-on-md {
17354
- --pf-v5-c-masthead--inset: ;
17303
+ .pf-v5-c-masthead.pf-m-inset-none-on-md {
17304
+ --pf-v5-c-masthead--inset: 0;
17355
17305
  }
17356
17306
  .pf-v5-c-masthead.pf-m-inset-sm-on-md {
17357
17307
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17410,8 +17360,8 @@ ul.pf-v5-c-list {
17410
17360
  }
17411
17361
  }
17412
17362
  @media (min-width: 992px) {
17413
- .pf-v5-c-masthead.pf-m-inset-base-on-lg {
17414
- --pf-v5-c-masthead--inset: ;
17363
+ .pf-v5-c-masthead.pf-m-inset-none-on-lg {
17364
+ --pf-v5-c-masthead--inset: 0;
17415
17365
  }
17416
17366
  .pf-v5-c-masthead.pf-m-inset-sm-on-lg {
17417
17367
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17470,8 +17420,8 @@ ul.pf-v5-c-list {
17470
17420
  }
17471
17421
  }
17472
17422
  @media (min-width: 1200px) {
17473
- .pf-v5-c-masthead.pf-m-inset-base-on-xl {
17474
- --pf-v5-c-masthead--inset: ;
17423
+ .pf-v5-c-masthead.pf-m-inset-none-on-xl {
17424
+ --pf-v5-c-masthead--inset: 0;
17475
17425
  }
17476
17426
  .pf-v5-c-masthead.pf-m-inset-sm-on-xl {
17477
17427
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -17530,8 +17480,8 @@ ul.pf-v5-c-list {
17530
17480
  }
17531
17481
  }
17532
17482
  @media (min-width: 1450px) {
17533
- .pf-v5-c-masthead.pf-m-inset-base-on-2xl {
17534
- --pf-v5-c-masthead--inset: ;
17483
+ .pf-v5-c-masthead.pf-m-inset-none-on-2xl {
17484
+ --pf-v5-c-masthead--inset: 0;
17535
17485
  }
17536
17486
  .pf-v5-c-masthead.pf-m-inset-sm-on-2xl {
17537
17487
  --pf-v5-c-masthead--inset: var(--pf-v5-global--spacer--sm);
@@ -21854,8 +21804,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21854
21804
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
21855
21805
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
21856
21806
  }
21857
- .pf-v5-c-pagination.pf-m-inset-base {
21858
- --pf-v5-c-pagination--inset: ;
21807
+ .pf-v5-c-pagination.pf-m-inset-none {
21808
+ --pf-v5-c-pagination--inset: 0;
21859
21809
  }
21860
21810
  .pf-v5-c-pagination.pf-m-inset-sm {
21861
21811
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -21883,8 +21833,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21883
21833
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
21884
21834
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
21885
21835
  }
21886
- .pf-v5-c-pagination.pf-m-inset-base-on-sm {
21887
- --pf-v5-c-pagination--inset: ;
21836
+ .pf-v5-c-pagination.pf-m-inset-none-on-sm {
21837
+ --pf-v5-c-pagination--inset: 0;
21888
21838
  }
21889
21839
  .pf-v5-c-pagination.pf-m-inset-sm-on-sm {
21890
21840
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -21913,8 +21863,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21913
21863
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
21914
21864
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
21915
21865
  }
21916
- .pf-v5-c-pagination.pf-m-inset-base-on-md {
21917
- --pf-v5-c-pagination--inset: ;
21866
+ .pf-v5-c-pagination.pf-m-inset-none-on-md {
21867
+ --pf-v5-c-pagination--inset: 0;
21918
21868
  }
21919
21869
  .pf-v5-c-pagination.pf-m-inset-sm-on-md {
21920
21870
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -21943,8 +21893,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21943
21893
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
21944
21894
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
21945
21895
  }
21946
- .pf-v5-c-pagination.pf-m-inset-base-on-lg {
21947
- --pf-v5-c-pagination--inset: ;
21896
+ .pf-v5-c-pagination.pf-m-inset-none-on-lg {
21897
+ --pf-v5-c-pagination--inset: 0;
21948
21898
  }
21949
21899
  .pf-v5-c-pagination.pf-m-inset-sm-on-lg {
21950
21900
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -21973,8 +21923,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
21973
21923
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
21974
21924
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
21975
21925
  }
21976
- .pf-v5-c-pagination.pf-m-inset-base-on-xl {
21977
- --pf-v5-c-pagination--inset: ;
21926
+ .pf-v5-c-pagination.pf-m-inset-none-on-xl {
21927
+ --pf-v5-c-pagination--inset: 0;
21978
21928
  }
21979
21929
  .pf-v5-c-pagination.pf-m-inset-sm-on-xl {
21980
21930
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -22003,8 +21953,8 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
22003
21953
  --pf-v5-c-pagination--c-options-menu--Display: var(--pf-v5-c-pagination--m-display-full--c-options-menu--Display);
22004
21954
  --pf-v5-c-pagination__total-items--Display: var(--pf-v5-c-pagination--m-display-full__total-items--Display);
22005
21955
  }
22006
- .pf-v5-c-pagination.pf-m-inset-base-on-2xl {
22007
- --pf-v5-c-pagination--inset: ;
21956
+ .pf-v5-c-pagination.pf-m-inset-none-on-2xl {
21957
+ --pf-v5-c-pagination--inset: 0;
22008
21958
  }
22009
21959
  .pf-v5-c-pagination.pf-m-inset-sm-on-2xl {
22010
21960
  --pf-v5-c-pagination--inset: var(--pf-v5-global--spacer--sm);
@@ -29039,10 +28989,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29039
28989
  outline-offset: var(--pf-v5-c-tabs__add--c-button--OutlineOffset);
29040
28990
  }
29041
28991
 
29042
- .pf-v5-c-tabs.pf-m-inset-base {
29043
- --pf-v5-c-tabs--inset: ;
29044
- --pf-v5-c-tabs--m-vertical--inset: ;
29045
- --pf-v5-c-tabs--m-vertical--m-box--inset: ;
28992
+ .pf-v5-c-tabs.pf-m-inset-none {
28993
+ --pf-v5-c-tabs--inset: 0;
28994
+ --pf-v5-c-tabs--m-vertical--inset: 0;
28995
+ --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29046
28996
  }
29047
28997
  .pf-v5-c-tabs.pf-m-inset-sm {
29048
28998
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29070,10 +29020,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29070
29020
  --pf-v5-c-tabs--m-vertical--m-box--inset: var(--pf-v5-global--spacer--2xl);
29071
29021
  }
29072
29022
  @media (min-width: 576px) {
29073
- .pf-v5-c-tabs.pf-m-inset-base-on-sm {
29074
- --pf-v5-c-tabs--inset: ;
29075
- --pf-v5-c-tabs--m-vertical--inset: ;
29076
- --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29023
+ .pf-v5-c-tabs.pf-m-inset-none-on-sm {
29024
+ --pf-v5-c-tabs--inset: 0;
29025
+ --pf-v5-c-tabs--m-vertical--inset: 0;
29026
+ --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29077
29027
  }
29078
29028
  .pf-v5-c-tabs.pf-m-inset-sm-on-sm {
29079
29029
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29102,10 +29052,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29102
29052
  }
29103
29053
  }
29104
29054
  @media (min-width: 768px) {
29105
- .pf-v5-c-tabs.pf-m-inset-base-on-md {
29106
- --pf-v5-c-tabs--inset: ;
29107
- --pf-v5-c-tabs--m-vertical--inset: ;
29108
- --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29055
+ .pf-v5-c-tabs.pf-m-inset-none-on-md {
29056
+ --pf-v5-c-tabs--inset: 0;
29057
+ --pf-v5-c-tabs--m-vertical--inset: 0;
29058
+ --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29109
29059
  }
29110
29060
  .pf-v5-c-tabs.pf-m-inset-sm-on-md {
29111
29061
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29134,10 +29084,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29134
29084
  }
29135
29085
  }
29136
29086
  @media (min-width: 992px) {
29137
- .pf-v5-c-tabs.pf-m-inset-base-on-lg {
29138
- --pf-v5-c-tabs--inset: ;
29139
- --pf-v5-c-tabs--m-vertical--inset: ;
29140
- --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29087
+ .pf-v5-c-tabs.pf-m-inset-none-on-lg {
29088
+ --pf-v5-c-tabs--inset: 0;
29089
+ --pf-v5-c-tabs--m-vertical--inset: 0;
29090
+ --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29141
29091
  }
29142
29092
  .pf-v5-c-tabs.pf-m-inset-sm-on-lg {
29143
29093
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29166,10 +29116,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29166
29116
  }
29167
29117
  }
29168
29118
  @media (min-width: 1200px) {
29169
- .pf-v5-c-tabs.pf-m-inset-base-on-xl {
29170
- --pf-v5-c-tabs--inset: ;
29171
- --pf-v5-c-tabs--m-vertical--inset: ;
29172
- --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29119
+ .pf-v5-c-tabs.pf-m-inset-none-on-xl {
29120
+ --pf-v5-c-tabs--inset: 0;
29121
+ --pf-v5-c-tabs--m-vertical--inset: 0;
29122
+ --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29173
29123
  }
29174
29124
  .pf-v5-c-tabs.pf-m-inset-sm-on-xl {
29175
29125
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29198,10 +29148,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
29198
29148
  }
29199
29149
  }
29200
29150
  @media (min-width: 1450px) {
29201
- .pf-v5-c-tabs.pf-m-inset-base-on-2xl {
29202
- --pf-v5-c-tabs--inset: ;
29203
- --pf-v5-c-tabs--m-vertical--inset: ;
29204
- --pf-v5-c-tabs--m-vertical--m-box--inset: ;
29151
+ .pf-v5-c-tabs.pf-m-inset-none-on-2xl {
29152
+ --pf-v5-c-tabs--inset: 0;
29153
+ --pf-v5-c-tabs--m-vertical--inset: 0;
29154
+ --pf-v5-c-tabs--m-vertical--m-box--inset: 0;
29205
29155
  }
29206
29156
  .pf-v5-c-tabs.pf-m-inset-sm-on-2xl {
29207
29157
  --pf-v5-c-tabs--inset: var(--pf-v5-global--spacer--sm);
@@ -29930,7 +29880,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
29930
29880
  --pf-v5-c-number-input--c-form-control--width-icon: var(--pf-v5-c-number-input--m-status--c-form-control--width-icon);
29931
29881
  }
29932
29882
  .pf-v5-c-number-input .pf-v5-c-form-control {
29933
- display: inline-flex;
29934
29883
  width: var(--pf-v5-c-number-input--c-form-control--Width);
29935
29884
  text-align: right;
29936
29885
  }
@@ -32548,18 +32497,14 @@ label.pf-v5-c-tree-view__node-text {
32548
32497
  --pf-v5-l-flex--spacer: var(--pf-v5-l-flex--spacer--4xl);
32549
32498
  }
32550
32499
  }
32551
- .pf-v5-l-flex.pf-m-gap {
32552
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32553
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32500
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base {
32501
+ --pf-v5-l-flex--RowGap: ;
32502
+ --pf-v5-l-flex--ColumnGap: ;
32554
32503
  }
32555
32504
  .pf-v5-l-flex.pf-m-gap-none {
32556
32505
  --pf-v5-l-flex--RowGap: 0;
32557
32506
  --pf-v5-l-flex--ColumnGap: 0;
32558
32507
  }
32559
- .pf-v5-l-flex.pf-m-gap-xs {
32560
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32561
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32562
- }
32563
32508
  .pf-v5-l-flex.pf-m-gap-sm {
32564
32509
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32565
32510
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32588,23 +32533,19 @@ label.pf-v5-c-tree-view__node-text {
32588
32533
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32589
32534
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32590
32535
  }
32591
- .pf-v5-l-flex:is(.pf-m-gap, .pf-m-gap-none, .pf-m-gap-xs, .pf-m-gap-sm, .pf-m-gap-md, .pf-m-gap-lg, .pf-m-gap-xl, .pf-m-gap-2xl, .pf-m-gap-3xl, .pf-m-gap-4xl) > * {
32536
+ .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base, .pf-m-gap-none, .pf-m-gap-sm, .pf-m-gap-md, .pf-m-gap-lg, .pf-m-gap-xl, .pf-m-gap-2xl, .pf-m-gap-3xl, .pf-m-gap-4xl) > * {
32592
32537
  --pf-v5-l-flex--spacer--row: 0;
32593
32538
  --pf-v5-l-flex--spacer--column: 0;
32594
32539
  }
32595
32540
  @media (min-width: 576px) {
32596
- .pf-v5-l-flex.pf-m-gap-on-sm {
32597
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32598
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32541
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-sm {
32542
+ --pf-v5-l-flex--RowGap: ;
32543
+ --pf-v5-l-flex--ColumnGap: ;
32599
32544
  }
32600
32545
  .pf-v5-l-flex.pf-m-gap-none-on-sm {
32601
32546
  --pf-v5-l-flex--RowGap: 0;
32602
32547
  --pf-v5-l-flex--ColumnGap: 0;
32603
32548
  }
32604
- .pf-v5-l-flex.pf-m-gap-xs-on-sm {
32605
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32606
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32607
- }
32608
32549
  .pf-v5-l-flex.pf-m-gap-sm-on-sm {
32609
32550
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32610
32551
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32633,24 +32574,20 @@ label.pf-v5-c-tree-view__node-text {
32633
32574
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32634
32575
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32635
32576
  }
32636
- .pf-v5-l-flex:is(.pf-m-gap-on-sm, .pf-m-gap-none-on-sm, .pf-m-gap-xs-on-sm, .pf-m-gap-sm-on-sm, .pf-m-gap-md-on-sm, .pf-m-gap-lg-on-sm, .pf-m-gap-xl-on-sm, .pf-m-gap-2xl-on-sm, .pf-m-gap-3xl-on-sm, .pf-m-gap-4xl-on-sm) > * {
32577
+ .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-sm, .pf-m-gap-none-on-sm, .pf-m-gap-sm-on-sm, .pf-m-gap-md-on-sm, .pf-m-gap-lg-on-sm, .pf-m-gap-xl-on-sm, .pf-m-gap-2xl-on-sm, .pf-m-gap-3xl-on-sm, .pf-m-gap-4xl-on-sm) > * {
32637
32578
  --pf-v5-l-flex--spacer--row: 0;
32638
32579
  --pf-v5-l-flex--spacer--column: 0;
32639
32580
  }
32640
32581
  }
32641
32582
  @media (min-width: 768px) {
32642
- .pf-v5-l-flex.pf-m-gap-on-md {
32643
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32644
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32583
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-md {
32584
+ --pf-v5-l-flex--RowGap: ;
32585
+ --pf-v5-l-flex--ColumnGap: ;
32645
32586
  }
32646
32587
  .pf-v5-l-flex.pf-m-gap-none-on-md {
32647
32588
  --pf-v5-l-flex--RowGap: 0;
32648
32589
  --pf-v5-l-flex--ColumnGap: 0;
32649
32590
  }
32650
- .pf-v5-l-flex.pf-m-gap-xs-on-md {
32651
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32652
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32653
- }
32654
32591
  .pf-v5-l-flex.pf-m-gap-sm-on-md {
32655
32592
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32656
32593
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32679,24 +32616,20 @@ label.pf-v5-c-tree-view__node-text {
32679
32616
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32680
32617
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32681
32618
  }
32682
- .pf-v5-l-flex:is(.pf-m-gap-on-md, .pf-m-gap-none-on-md, .pf-m-gap-xs-on-md, .pf-m-gap-sm-on-md, .pf-m-gap-md-on-md, .pf-m-gap-lg-on-md, .pf-m-gap-xl-on-md, .pf-m-gap-2xl-on-md, .pf-m-gap-3xl-on-md, .pf-m-gap-4xl-on-md) > * {
32619
+ .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-md, .pf-m-gap-none-on-md, .pf-m-gap-sm-on-md, .pf-m-gap-md-on-md, .pf-m-gap-lg-on-md, .pf-m-gap-xl-on-md, .pf-m-gap-2xl-on-md, .pf-m-gap-3xl-on-md, .pf-m-gap-4xl-on-md) > * {
32683
32620
  --pf-v5-l-flex--spacer--row: 0;
32684
32621
  --pf-v5-l-flex--spacer--column: 0;
32685
32622
  }
32686
32623
  }
32687
32624
  @media (min-width: 992px) {
32688
- .pf-v5-l-flex.pf-m-gap-on-lg {
32689
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32690
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32625
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-lg {
32626
+ --pf-v5-l-flex--RowGap: ;
32627
+ --pf-v5-l-flex--ColumnGap: ;
32691
32628
  }
32692
32629
  .pf-v5-l-flex.pf-m-gap-none-on-lg {
32693
32630
  --pf-v5-l-flex--RowGap: 0;
32694
32631
  --pf-v5-l-flex--ColumnGap: 0;
32695
32632
  }
32696
- .pf-v5-l-flex.pf-m-gap-xs-on-lg {
32697
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32698
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32699
- }
32700
32633
  .pf-v5-l-flex.pf-m-gap-sm-on-lg {
32701
32634
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32702
32635
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32725,24 +32658,20 @@ label.pf-v5-c-tree-view__node-text {
32725
32658
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32726
32659
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32727
32660
  }
32728
- .pf-v5-l-flex:is(.pf-m-gap-on-lg, .pf-m-gap-none-on-lg, .pf-m-gap-xs-on-lg, .pf-m-gap-sm-on-lg, .pf-m-gap-md-on-lg, .pf-m-gap-lg-on-lg, .pf-m-gap-xl-on-lg, .pf-m-gap-2xl-on-lg, .pf-m-gap-3xl-on-lg, .pf-m-gap-4xl-on-lg) > * {
32661
+ .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-lg, .pf-m-gap-none-on-lg, .pf-m-gap-sm-on-lg, .pf-m-gap-md-on-lg, .pf-m-gap-lg-on-lg, .pf-m-gap-xl-on-lg, .pf-m-gap-2xl-on-lg, .pf-m-gap-3xl-on-lg, .pf-m-gap-4xl-on-lg) > * {
32729
32662
  --pf-v5-l-flex--spacer--row: 0;
32730
32663
  --pf-v5-l-flex--spacer--column: 0;
32731
32664
  }
32732
32665
  }
32733
32666
  @media (min-width: 1200px) {
32734
- .pf-v5-l-flex.pf-m-gap-on-xl {
32735
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32736
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32667
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-xl {
32668
+ --pf-v5-l-flex--RowGap: ;
32669
+ --pf-v5-l-flex--ColumnGap: ;
32737
32670
  }
32738
32671
  .pf-v5-l-flex.pf-m-gap-none-on-xl {
32739
32672
  --pf-v5-l-flex--RowGap: 0;
32740
32673
  --pf-v5-l-flex--ColumnGap: 0;
32741
32674
  }
32742
- .pf-v5-l-flex.pf-m-gap-xs-on-xl {
32743
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32744
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32745
- }
32746
32675
  .pf-v5-l-flex.pf-m-gap-sm-on-xl {
32747
32676
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32748
32677
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32771,24 +32700,20 @@ label.pf-v5-c-tree-view__node-text {
32771
32700
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32772
32701
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32773
32702
  }
32774
- .pf-v5-l-flex:is(.pf-m-gap-on-xl, .pf-m-gap-none-on-xl, .pf-m-gap-xs-on-xl, .pf-m-gap-sm-on-xl, .pf-m-gap-md-on-xl, .pf-m-gap-lg-on-xl, .pf-m-gap-xl-on-xl, .pf-m-gap-2xl-on-xl, .pf-m-gap-3xl-on-xl, .pf-m-gap-4xl-on-xl) > * {
32703
+ .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-xl, .pf-m-gap-none-on-xl, .pf-m-gap-sm-on-xl, .pf-m-gap-md-on-xl, .pf-m-gap-lg-on-xl, .pf-m-gap-xl-on-xl, .pf-m-gap-2xl-on-xl, .pf-m-gap-3xl-on-xl, .pf-m-gap-4xl-on-xl) > * {
32775
32704
  --pf-v5-l-flex--spacer--row: 0;
32776
32705
  --pf-v5-l-flex--spacer--column: 0;
32777
32706
  }
32778
32707
  }
32779
32708
  @media (min-width: 1450px) {
32780
- .pf-v5-l-flex.pf-m-gap-on-2xl {
32781
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-gap--RowGap);
32782
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-gap--ColumnGap);
32709
+ .pf-v5-l-flex.pf-m-gap-invalid spacer base-on-2xl {
32710
+ --pf-v5-l-flex--RowGap: ;
32711
+ --pf-v5-l-flex--ColumnGap: ;
32783
32712
  }
32784
32713
  .pf-v5-l-flex.pf-m-gap-none-on-2xl {
32785
32714
  --pf-v5-l-flex--RowGap: 0;
32786
32715
  --pf-v5-l-flex--ColumnGap: 0;
32787
32716
  }
32788
- .pf-v5-l-flex.pf-m-gap-xs-on-2xl {
32789
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32790
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
32791
- }
32792
32717
  .pf-v5-l-flex.pf-m-gap-sm-on-2xl {
32793
32718
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32794
32719
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
@@ -32817,20 +32742,17 @@ label.pf-v5-c-tree-view__node-text {
32817
32742
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32818
32743
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
32819
32744
  }
32820
- .pf-v5-l-flex:is(.pf-m-gap-on-2xl, .pf-m-gap-none-on-2xl, .pf-m-gap-xs-on-2xl, .pf-m-gap-sm-on-2xl, .pf-m-gap-md-on-2xl, .pf-m-gap-lg-on-2xl, .pf-m-gap-xl-on-2xl, .pf-m-gap-2xl-on-2xl, .pf-m-gap-3xl-on-2xl, .pf-m-gap-4xl-on-2xl) > * {
32745
+ .pf-v5-l-flex:is(.pf-m-gap-invalid spacer base-on-2xl, .pf-m-gap-none-on-2xl, .pf-m-gap-sm-on-2xl, .pf-m-gap-md-on-2xl, .pf-m-gap-lg-on-2xl, .pf-m-gap-xl-on-2xl, .pf-m-gap-2xl-on-2xl, .pf-m-gap-3xl-on-2xl, .pf-m-gap-4xl-on-2xl) > * {
32821
32746
  --pf-v5-l-flex--spacer--row: 0;
32822
32747
  --pf-v5-l-flex--spacer--column: 0;
32823
32748
  }
32824
32749
  }
32825
- .pf-v5-l-flex.pf-m-row-gap {
32826
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32750
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base {
32751
+ --pf-v5-l-flex--RowGap: ;
32827
32752
  }
32828
32753
  .pf-v5-l-flex.pf-m-row-gap-none {
32829
32754
  --pf-v5-l-flex--RowGap: 0;
32830
32755
  }
32831
- .pf-v5-l-flex.pf-m-row-gap-xs {
32832
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32833
- }
32834
32756
  .pf-v5-l-flex.pf-m-row-gap-sm {
32835
32757
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32836
32758
  }
@@ -32852,19 +32774,16 @@ label.pf-v5-c-tree-view__node-text {
32852
32774
  .pf-v5-l-flex.pf-m-row-gap-4xl {
32853
32775
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32854
32776
  }
32855
- .pf-v5-l-flex:is(.pf-m-row-gap, .pf-m-row-gap-none, .pf-m-row-gap-xs, .pf-m-row-gap-sm, .pf-m-row-gap-md, .pf-m-row-gap-lg, .pf-m-row-gap-xl, .pf-m-row-gap-2xl, .pf-m-row-gap-3xl, .pf-m-row-gap-4xl) > * {
32777
+ .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base, .pf-m-row-gap-none, .pf-m-row-gap-sm, .pf-m-row-gap-md, .pf-m-row-gap-lg, .pf-m-row-gap-xl, .pf-m-row-gap-2xl, .pf-m-row-gap-3xl, .pf-m-row-gap-4xl) > * {
32856
32778
  --pf-v5-l-flex--spacer--row: 0;
32857
32779
  }
32858
32780
  @media (min-width: 576px) {
32859
- .pf-v5-l-flex.pf-m-row-gap-on-sm {
32860
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32781
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-sm {
32782
+ --pf-v5-l-flex--RowGap: ;
32861
32783
  }
32862
32784
  .pf-v5-l-flex.pf-m-row-gap-none-on-sm {
32863
32785
  --pf-v5-l-flex--RowGap: 0;
32864
32786
  }
32865
- .pf-v5-l-flex.pf-m-row-gap-xs-on-sm {
32866
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32867
- }
32868
32787
  .pf-v5-l-flex.pf-m-row-gap-sm-on-sm {
32869
32788
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32870
32789
  }
@@ -32886,20 +32805,17 @@ label.pf-v5-c-tree-view__node-text {
32886
32805
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-sm {
32887
32806
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32888
32807
  }
32889
- .pf-v5-l-flex:is(.pf-m-row-gap-on-sm, .pf-m-row-gap-none-on-sm, .pf-m-row-gap-xs-on-sm, .pf-m-row-gap-sm-on-sm, .pf-m-row-gap-md-on-sm, .pf-m-row-gap-lg-on-sm, .pf-m-row-gap-xl-on-sm, .pf-m-row-gap-2xl-on-sm, .pf-m-row-gap-3xl-on-sm, .pf-m-row-gap-4xl-on-sm) > * {
32808
+ .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-sm, .pf-m-row-gap-none-on-sm, .pf-m-row-gap-sm-on-sm, .pf-m-row-gap-md-on-sm, .pf-m-row-gap-lg-on-sm, .pf-m-row-gap-xl-on-sm, .pf-m-row-gap-2xl-on-sm, .pf-m-row-gap-3xl-on-sm, .pf-m-row-gap-4xl-on-sm) > * {
32890
32809
  --pf-v5-l-flex--spacer--row: 0;
32891
32810
  }
32892
32811
  }
32893
32812
  @media (min-width: 768px) {
32894
- .pf-v5-l-flex.pf-m-row-gap-on-md {
32895
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32813
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-md {
32814
+ --pf-v5-l-flex--RowGap: ;
32896
32815
  }
32897
32816
  .pf-v5-l-flex.pf-m-row-gap-none-on-md {
32898
32817
  --pf-v5-l-flex--RowGap: 0;
32899
32818
  }
32900
- .pf-v5-l-flex.pf-m-row-gap-xs-on-md {
32901
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32902
- }
32903
32819
  .pf-v5-l-flex.pf-m-row-gap-sm-on-md {
32904
32820
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32905
32821
  }
@@ -32921,20 +32837,17 @@ label.pf-v5-c-tree-view__node-text {
32921
32837
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-md {
32922
32838
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32923
32839
  }
32924
- .pf-v5-l-flex:is(.pf-m-row-gap-on-md, .pf-m-row-gap-none-on-md, .pf-m-row-gap-xs-on-md, .pf-m-row-gap-sm-on-md, .pf-m-row-gap-md-on-md, .pf-m-row-gap-lg-on-md, .pf-m-row-gap-xl-on-md, .pf-m-row-gap-2xl-on-md, .pf-m-row-gap-3xl-on-md, .pf-m-row-gap-4xl-on-md) > * {
32840
+ .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-md, .pf-m-row-gap-none-on-md, .pf-m-row-gap-sm-on-md, .pf-m-row-gap-md-on-md, .pf-m-row-gap-lg-on-md, .pf-m-row-gap-xl-on-md, .pf-m-row-gap-2xl-on-md, .pf-m-row-gap-3xl-on-md, .pf-m-row-gap-4xl-on-md) > * {
32925
32841
  --pf-v5-l-flex--spacer--row: 0;
32926
32842
  }
32927
32843
  }
32928
32844
  @media (min-width: 992px) {
32929
- .pf-v5-l-flex.pf-m-row-gap-on-lg {
32930
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32845
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-lg {
32846
+ --pf-v5-l-flex--RowGap: ;
32931
32847
  }
32932
32848
  .pf-v5-l-flex.pf-m-row-gap-none-on-lg {
32933
32849
  --pf-v5-l-flex--RowGap: 0;
32934
32850
  }
32935
- .pf-v5-l-flex.pf-m-row-gap-xs-on-lg {
32936
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32937
- }
32938
32851
  .pf-v5-l-flex.pf-m-row-gap-sm-on-lg {
32939
32852
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32940
32853
  }
@@ -32956,20 +32869,17 @@ label.pf-v5-c-tree-view__node-text {
32956
32869
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-lg {
32957
32870
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32958
32871
  }
32959
- .pf-v5-l-flex:is(.pf-m-row-gap-on-lg, .pf-m-row-gap-none-on-lg, .pf-m-row-gap-xs-on-lg, .pf-m-row-gap-sm-on-lg, .pf-m-row-gap-md-on-lg, .pf-m-row-gap-lg-on-lg, .pf-m-row-gap-xl-on-lg, .pf-m-row-gap-2xl-on-lg, .pf-m-row-gap-3xl-on-lg, .pf-m-row-gap-4xl-on-lg) > * {
32872
+ .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-lg, .pf-m-row-gap-none-on-lg, .pf-m-row-gap-sm-on-lg, .pf-m-row-gap-md-on-lg, .pf-m-row-gap-lg-on-lg, .pf-m-row-gap-xl-on-lg, .pf-m-row-gap-2xl-on-lg, .pf-m-row-gap-3xl-on-lg, .pf-m-row-gap-4xl-on-lg) > * {
32960
32873
  --pf-v5-l-flex--spacer--row: 0;
32961
32874
  }
32962
32875
  }
32963
32876
  @media (min-width: 1200px) {
32964
- .pf-v5-l-flex.pf-m-row-gap-on-xl {
32965
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32877
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-xl {
32878
+ --pf-v5-l-flex--RowGap: ;
32966
32879
  }
32967
32880
  .pf-v5-l-flex.pf-m-row-gap-none-on-xl {
32968
32881
  --pf-v5-l-flex--RowGap: 0;
32969
32882
  }
32970
- .pf-v5-l-flex.pf-m-row-gap-xs-on-xl {
32971
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
32972
- }
32973
32883
  .pf-v5-l-flex.pf-m-row-gap-sm-on-xl {
32974
32884
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
32975
32885
  }
@@ -32991,20 +32901,17 @@ label.pf-v5-c-tree-view__node-text {
32991
32901
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-xl {
32992
32902
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
32993
32903
  }
32994
- .pf-v5-l-flex:is(.pf-m-row-gap-on-xl, .pf-m-row-gap-none-on-xl, .pf-m-row-gap-xs-on-xl, .pf-m-row-gap-sm-on-xl, .pf-m-row-gap-md-on-xl, .pf-m-row-gap-lg-on-xl, .pf-m-row-gap-xl-on-xl, .pf-m-row-gap-2xl-on-xl, .pf-m-row-gap-3xl-on-xl, .pf-m-row-gap-4xl-on-xl) > * {
32904
+ .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-xl, .pf-m-row-gap-none-on-xl, .pf-m-row-gap-sm-on-xl, .pf-m-row-gap-md-on-xl, .pf-m-row-gap-lg-on-xl, .pf-m-row-gap-xl-on-xl, .pf-m-row-gap-2xl-on-xl, .pf-m-row-gap-3xl-on-xl, .pf-m-row-gap-4xl-on-xl) > * {
32995
32905
  --pf-v5-l-flex--spacer--row: 0;
32996
32906
  }
32997
32907
  }
32998
32908
  @media (min-width: 1450px) {
32999
- .pf-v5-l-flex.pf-m-row-gap-on-2xl {
33000
- --pf-v5-l-flex--RowGap: var(--pf-v5-l-flex--m-row-gap--RowGap);
32909
+ .pf-v5-l-flex.pf-m-row-gap-invalid spacer base-on-2xl {
32910
+ --pf-v5-l-flex--RowGap: ;
33001
32911
  }
33002
32912
  .pf-v5-l-flex.pf-m-row-gap-none-on-2xl {
33003
32913
  --pf-v5-l-flex--RowGap: 0;
33004
32914
  }
33005
- .pf-v5-l-flex.pf-m-row-gap-xs-on-2xl {
33006
- --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--xs);
33007
- }
33008
32915
  .pf-v5-l-flex.pf-m-row-gap-sm-on-2xl {
33009
32916
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--sm);
33010
32917
  }
@@ -33026,19 +32933,16 @@ label.pf-v5-c-tree-view__node-text {
33026
32933
  .pf-v5-l-flex.pf-m-row-gap-4xl-on-2xl {
33027
32934
  --pf-v5-l-flex--RowGap: var(--pf-v5-global--spacer--4xl);
33028
32935
  }
33029
- .pf-v5-l-flex:is(.pf-m-row-gap-on-2xl, .pf-m-row-gap-none-on-2xl, .pf-m-row-gap-xs-on-2xl, .pf-m-row-gap-sm-on-2xl, .pf-m-row-gap-md-on-2xl, .pf-m-row-gap-lg-on-2xl, .pf-m-row-gap-xl-on-2xl, .pf-m-row-gap-2xl-on-2xl, .pf-m-row-gap-3xl-on-2xl, .pf-m-row-gap-4xl-on-2xl) > * {
32936
+ .pf-v5-l-flex:is(.pf-m-row-gap-invalid spacer base-on-2xl, .pf-m-row-gap-none-on-2xl, .pf-m-row-gap-sm-on-2xl, .pf-m-row-gap-md-on-2xl, .pf-m-row-gap-lg-on-2xl, .pf-m-row-gap-xl-on-2xl, .pf-m-row-gap-2xl-on-2xl, .pf-m-row-gap-3xl-on-2xl, .pf-m-row-gap-4xl-on-2xl) > * {
33030
32937
  --pf-v5-l-flex--spacer--row: 0;
33031
32938
  }
33032
32939
  }
33033
- .pf-v5-l-flex.pf-m-column-gap {
33034
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
32940
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base {
32941
+ --pf-v5-l-flex--ColumnGap: ;
33035
32942
  }
33036
32943
  .pf-v5-l-flex.pf-m-column-gap-none {
33037
32944
  --pf-v5-l-flex--ColumnGap: 0;
33038
32945
  }
33039
- .pf-v5-l-flex.pf-m-column-gap-xs {
33040
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33041
- }
33042
32946
  .pf-v5-l-flex.pf-m-column-gap-sm {
33043
32947
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33044
32948
  }
@@ -33060,19 +32964,16 @@ label.pf-v5-c-tree-view__node-text {
33060
32964
  .pf-v5-l-flex.pf-m-column-gap-4xl {
33061
32965
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33062
32966
  }
33063
- .pf-v5-l-flex:is(.pf-m-column-gap, .pf-m-column-gap-none, .pf-m-column-gap-xs, .pf-m-column-gap-sm, .pf-m-column-gap-md, .pf-m-column-gap-lg, .pf-m-column-gap-xl, .pf-m-column-gap-2xl, .pf-m-column-gap-3xl, .pf-m-column-gap-4xl) > * {
32967
+ .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base, .pf-m-column-gap-none, .pf-m-column-gap-sm, .pf-m-column-gap-md, .pf-m-column-gap-lg, .pf-m-column-gap-xl, .pf-m-column-gap-2xl, .pf-m-column-gap-3xl, .pf-m-column-gap-4xl) > * {
33064
32968
  --pf-v5-l-flex--spacer--column: 0;
33065
32969
  }
33066
32970
  @media (min-width: 576px) {
33067
- .pf-v5-l-flex.pf-m-column-gap-on-sm {
33068
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
32971
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-sm {
32972
+ --pf-v5-l-flex--ColumnGap: ;
33069
32973
  }
33070
32974
  .pf-v5-l-flex.pf-m-column-gap-none-on-sm {
33071
32975
  --pf-v5-l-flex--ColumnGap: 0;
33072
32976
  }
33073
- .pf-v5-l-flex.pf-m-column-gap-xs-on-sm {
33074
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33075
- }
33076
32977
  .pf-v5-l-flex.pf-m-column-gap-sm-on-sm {
33077
32978
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33078
32979
  }
@@ -33094,20 +32995,17 @@ label.pf-v5-c-tree-view__node-text {
33094
32995
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-sm {
33095
32996
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33096
32997
  }
33097
- .pf-v5-l-flex:is(.pf-m-column-gap-on-sm, .pf-m-column-gap-none-on-sm, .pf-m-column-gap-xs-on-sm, .pf-m-column-gap-sm-on-sm, .pf-m-column-gap-md-on-sm, .pf-m-column-gap-lg-on-sm, .pf-m-column-gap-xl-on-sm, .pf-m-column-gap-2xl-on-sm, .pf-m-column-gap-3xl-on-sm, .pf-m-column-gap-4xl-on-sm) > * {
32998
+ .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-sm, .pf-m-column-gap-none-on-sm, .pf-m-column-gap-sm-on-sm, .pf-m-column-gap-md-on-sm, .pf-m-column-gap-lg-on-sm, .pf-m-column-gap-xl-on-sm, .pf-m-column-gap-2xl-on-sm, .pf-m-column-gap-3xl-on-sm, .pf-m-column-gap-4xl-on-sm) > * {
33098
32999
  --pf-v5-l-flex--spacer--column: 0;
33099
33000
  }
33100
33001
  }
33101
33002
  @media (min-width: 768px) {
33102
- .pf-v5-l-flex.pf-m-column-gap-on-md {
33103
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33003
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-md {
33004
+ --pf-v5-l-flex--ColumnGap: ;
33104
33005
  }
33105
33006
  .pf-v5-l-flex.pf-m-column-gap-none-on-md {
33106
33007
  --pf-v5-l-flex--ColumnGap: 0;
33107
33008
  }
33108
- .pf-v5-l-flex.pf-m-column-gap-xs-on-md {
33109
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33110
- }
33111
33009
  .pf-v5-l-flex.pf-m-column-gap-sm-on-md {
33112
33010
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33113
33011
  }
@@ -33129,20 +33027,17 @@ label.pf-v5-c-tree-view__node-text {
33129
33027
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-md {
33130
33028
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33131
33029
  }
33132
- .pf-v5-l-flex:is(.pf-m-column-gap-on-md, .pf-m-column-gap-none-on-md, .pf-m-column-gap-xs-on-md, .pf-m-column-gap-sm-on-md, .pf-m-column-gap-md-on-md, .pf-m-column-gap-lg-on-md, .pf-m-column-gap-xl-on-md, .pf-m-column-gap-2xl-on-md, .pf-m-column-gap-3xl-on-md, .pf-m-column-gap-4xl-on-md) > * {
33030
+ .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-md, .pf-m-column-gap-none-on-md, .pf-m-column-gap-sm-on-md, .pf-m-column-gap-md-on-md, .pf-m-column-gap-lg-on-md, .pf-m-column-gap-xl-on-md, .pf-m-column-gap-2xl-on-md, .pf-m-column-gap-3xl-on-md, .pf-m-column-gap-4xl-on-md) > * {
33133
33031
  --pf-v5-l-flex--spacer--column: 0;
33134
33032
  }
33135
33033
  }
33136
33034
  @media (min-width: 992px) {
33137
- .pf-v5-l-flex.pf-m-column-gap-on-lg {
33138
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33035
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-lg {
33036
+ --pf-v5-l-flex--ColumnGap: ;
33139
33037
  }
33140
33038
  .pf-v5-l-flex.pf-m-column-gap-none-on-lg {
33141
33039
  --pf-v5-l-flex--ColumnGap: 0;
33142
33040
  }
33143
- .pf-v5-l-flex.pf-m-column-gap-xs-on-lg {
33144
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33145
- }
33146
33041
  .pf-v5-l-flex.pf-m-column-gap-sm-on-lg {
33147
33042
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33148
33043
  }
@@ -33164,20 +33059,17 @@ label.pf-v5-c-tree-view__node-text {
33164
33059
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-lg {
33165
33060
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33166
33061
  }
33167
- .pf-v5-l-flex:is(.pf-m-column-gap-on-lg, .pf-m-column-gap-none-on-lg, .pf-m-column-gap-xs-on-lg, .pf-m-column-gap-sm-on-lg, .pf-m-column-gap-md-on-lg, .pf-m-column-gap-lg-on-lg, .pf-m-column-gap-xl-on-lg, .pf-m-column-gap-2xl-on-lg, .pf-m-column-gap-3xl-on-lg, .pf-m-column-gap-4xl-on-lg) > * {
33062
+ .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-lg, .pf-m-column-gap-none-on-lg, .pf-m-column-gap-sm-on-lg, .pf-m-column-gap-md-on-lg, .pf-m-column-gap-lg-on-lg, .pf-m-column-gap-xl-on-lg, .pf-m-column-gap-2xl-on-lg, .pf-m-column-gap-3xl-on-lg, .pf-m-column-gap-4xl-on-lg) > * {
33168
33063
  --pf-v5-l-flex--spacer--column: 0;
33169
33064
  }
33170
33065
  }
33171
33066
  @media (min-width: 1200px) {
33172
- .pf-v5-l-flex.pf-m-column-gap-on-xl {
33173
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33067
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-xl {
33068
+ --pf-v5-l-flex--ColumnGap: ;
33174
33069
  }
33175
33070
  .pf-v5-l-flex.pf-m-column-gap-none-on-xl {
33176
33071
  --pf-v5-l-flex--ColumnGap: 0;
33177
33072
  }
33178
- .pf-v5-l-flex.pf-m-column-gap-xs-on-xl {
33179
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33180
- }
33181
33073
  .pf-v5-l-flex.pf-m-column-gap-sm-on-xl {
33182
33074
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33183
33075
  }
@@ -33199,20 +33091,17 @@ label.pf-v5-c-tree-view__node-text {
33199
33091
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-xl {
33200
33092
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33201
33093
  }
33202
- .pf-v5-l-flex:is(.pf-m-column-gap-on-xl, .pf-m-column-gap-none-on-xl, .pf-m-column-gap-xs-on-xl, .pf-m-column-gap-sm-on-xl, .pf-m-column-gap-md-on-xl, .pf-m-column-gap-lg-on-xl, .pf-m-column-gap-xl-on-xl, .pf-m-column-gap-2xl-on-xl, .pf-m-column-gap-3xl-on-xl, .pf-m-column-gap-4xl-on-xl) > * {
33094
+ .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-xl, .pf-m-column-gap-none-on-xl, .pf-m-column-gap-sm-on-xl, .pf-m-column-gap-md-on-xl, .pf-m-column-gap-lg-on-xl, .pf-m-column-gap-xl-on-xl, .pf-m-column-gap-2xl-on-xl, .pf-m-column-gap-3xl-on-xl, .pf-m-column-gap-4xl-on-xl) > * {
33203
33095
  --pf-v5-l-flex--spacer--column: 0;
33204
33096
  }
33205
33097
  }
33206
33098
  @media (min-width: 1450px) {
33207
- .pf-v5-l-flex.pf-m-column-gap-on-2xl {
33208
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-l-flex--m-column-gap--ColumnGap);
33099
+ .pf-v5-l-flex.pf-m-column-gap-invalid spacer base-on-2xl {
33100
+ --pf-v5-l-flex--ColumnGap: ;
33209
33101
  }
33210
33102
  .pf-v5-l-flex.pf-m-column-gap-none-on-2xl {
33211
33103
  --pf-v5-l-flex--ColumnGap: 0;
33212
33104
  }
33213
- .pf-v5-l-flex.pf-m-column-gap-xs-on-2xl {
33214
- --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--xs);
33215
- }
33216
33105
  .pf-v5-l-flex.pf-m-column-gap-sm-on-2xl {
33217
33106
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--sm);
33218
33107
  }
@@ -33234,7 +33123,7 @@ label.pf-v5-c-tree-view__node-text {
33234
33123
  .pf-v5-l-flex.pf-m-column-gap-4xl-on-2xl {
33235
33124
  --pf-v5-l-flex--ColumnGap: var(--pf-v5-global--spacer--4xl);
33236
33125
  }
33237
- .pf-v5-l-flex:is(.pf-m-column-gap-on-2xl, .pf-m-column-gap-none-on-2xl, .pf-m-column-gap-xs-on-2xl, .pf-m-column-gap-sm-on-2xl, .pf-m-column-gap-md-on-2xl, .pf-m-column-gap-lg-on-2xl, .pf-m-column-gap-xl-on-2xl, .pf-m-column-gap-2xl-on-2xl, .pf-m-column-gap-3xl-on-2xl, .pf-m-column-gap-4xl-on-2xl) > * {
33126
+ .pf-v5-l-flex:is(.pf-m-column-gap-invalid spacer base-on-2xl, .pf-m-column-gap-none-on-2xl, .pf-m-column-gap-sm-on-2xl, .pf-m-column-gap-md-on-2xl, .pf-m-column-gap-lg-on-2xl, .pf-m-column-gap-xl-on-2xl, .pf-m-column-gap-2xl-on-2xl, .pf-m-column-gap-3xl-on-2xl, .pf-m-column-gap-4xl-on-2xl) > * {
33238
33127
  --pf-v5-l-flex--spacer--column: 0;
33239
33128
  }
33240
33129
  }