@patternfly/react-table 6.3.0-prerelease.16 → 6.3.0-prerelease.18

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.
@@ -1,3 +1,95 @@
1
+ .pf-v6-c-inline-edit {
2
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
3
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
4
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
5
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
6
+ --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
7
+ --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
8
+ }
9
+
10
+ .pf-v6-c-inline-edit__group {
11
+ display: flex;
12
+ align-items: baseline;
13
+ }
14
+
15
+ .pf-v6-c-inline-edit__group > * {
16
+ margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
17
+ }
18
+
19
+ .pf-v6-c-inline-edit__group.pf-m-icon-group {
20
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
21
+ }
22
+
23
+ .pf-v6-c-inline-edit__group.pf-m-footer {
24
+ margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
25
+ }
26
+
27
+ .pf-v6-c-inline-edit__group.pf-m-column {
28
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
29
+ flex-direction: column;
30
+ }
31
+
32
+ .pf-v6-c-inline-edit__group > :last-child {
33
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
34
+ }
35
+
36
+ .pf-v6-c-inline-edit__input {
37
+ flex: 1;
38
+ }
39
+
40
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
41
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
42
+ }
43
+
44
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
45
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
46
+ }
47
+
48
+ .pf-v6-c-inline-edit__input,
49
+ .pf-v6-c-inline-edit__action,
50
+ .pf-v6-c-inline-edit__group.pf-m-action-group {
51
+ display: none;
52
+ }
53
+
54
+ .pf-v6-c-inline-edit__action.pf-m-enable-editable {
55
+ display: inline-block;
56
+ }
57
+
58
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
59
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
60
+ display: block;
61
+ }
62
+
63
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
64
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
65
+ display: inline-block;
66
+ }
67
+
68
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
69
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
70
+ display: inline-flex;
71
+ }
72
+
73
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
74
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
75
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
76
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
77
+ display: none;
78
+ }
79
+
80
+ .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
81
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
82
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
83
+ }
84
+
85
+ .pf-v6-c-inline-edit__label.pf-m-bold {
86
+ font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
87
+ }
88
+
89
+ .pf-v6-c-inline-edit__editable-text br {
90
+ display: none;
91
+ }
92
+
1
93
  .pf-v6-c-table {
2
94
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
3
95
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
@@ -1004,153 +1096,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1004
1096
  --pf-v6-c-table--cell--Width: 100%;
1005
1097
  }
1006
1098
 
1007
- .pf-v6-u-screen-reader {
1008
- position: fixed;
1009
- inset-block-start: 0;
1010
- inset-inline-start: 0;
1011
- overflow: hidden;
1012
- clip: rect(0, 0, 0, 0);
1013
- white-space: nowrap;
1014
- border: 0;
1015
- }
1016
-
1017
- .pf-v6-u-visible {
1018
- position: static;
1019
- overflow: visible;
1020
- clip: auto;
1021
- white-space: normal;
1022
- border: inherit;
1023
- }
1024
-
1025
- .pf-v6-u-hidden {
1026
- display: none !important;
1027
- }
1028
-
1029
- @media screen and (min-width: 36rem) {
1030
- .pf-v6-u-screen-reader-on-sm {
1031
- position: fixed;
1032
- inset-block-start: 0;
1033
- inset-inline-start: 0;
1034
- overflow: hidden;
1035
- clip: rect(0, 0, 0, 0);
1036
- white-space: nowrap;
1037
- border: 0;
1038
- }
1039
- }
1040
- @media screen and (min-width: 36rem) {
1041
- .pf-v6-u-visible-on-sm {
1042
- position: static;
1043
- overflow: visible;
1044
- clip: auto;
1045
- white-space: normal;
1046
- border: inherit;
1047
- }
1048
- }
1049
- @media screen and (min-width: 36rem) {
1050
- .pf-v6-u-hidden-on-sm {
1051
- display: none !important;
1052
- }
1053
- }
1054
- @media screen and (min-width: 48rem) {
1055
- .pf-v6-u-screen-reader-on-md {
1056
- position: fixed;
1057
- inset-block-start: 0;
1058
- inset-inline-start: 0;
1059
- overflow: hidden;
1060
- clip: rect(0, 0, 0, 0);
1061
- white-space: nowrap;
1062
- border: 0;
1063
- }
1064
- }
1065
- @media screen and (min-width: 48rem) {
1066
- .pf-v6-u-visible-on-md {
1067
- position: static;
1068
- overflow: visible;
1069
- clip: auto;
1070
- white-space: normal;
1071
- border: inherit;
1072
- }
1073
- }
1074
- @media screen and (min-width: 48rem) {
1075
- .pf-v6-u-hidden-on-md {
1076
- display: none !important;
1077
- }
1078
- }
1079
- @media screen and (min-width: 62rem) {
1080
- .pf-v6-u-screen-reader-on-lg {
1081
- position: fixed;
1082
- inset-block-start: 0;
1083
- inset-inline-start: 0;
1084
- overflow: hidden;
1085
- clip: rect(0, 0, 0, 0);
1086
- white-space: nowrap;
1087
- border: 0;
1088
- }
1089
- }
1090
- @media screen and (min-width: 62rem) {
1091
- .pf-v6-u-visible-on-lg {
1092
- position: static;
1093
- overflow: visible;
1094
- clip: auto;
1095
- white-space: normal;
1096
- border: inherit;
1097
- }
1098
- }
1099
- @media screen and (min-width: 62rem) {
1100
- .pf-v6-u-hidden-on-lg {
1101
- display: none !important;
1102
- }
1103
- }
1104
- @media screen and (min-width: 75rem) {
1105
- .pf-v6-u-screen-reader-on-xl {
1106
- position: fixed;
1107
- inset-block-start: 0;
1108
- inset-inline-start: 0;
1109
- overflow: hidden;
1110
- clip: rect(0, 0, 0, 0);
1111
- white-space: nowrap;
1112
- border: 0;
1113
- }
1114
- }
1115
- @media screen and (min-width: 75rem) {
1116
- .pf-v6-u-visible-on-xl {
1117
- position: static;
1118
- overflow: visible;
1119
- clip: auto;
1120
- white-space: normal;
1121
- border: inherit;
1122
- }
1123
- }
1124
- @media screen and (min-width: 75rem) {
1125
- .pf-v6-u-hidden-on-xl {
1126
- display: none !important;
1127
- }
1128
- }
1129
- @media screen and (min-width: 90.625rem) {
1130
- .pf-v6-u-screen-reader-on-2xl {
1131
- position: fixed;
1132
- inset-block-start: 0;
1133
- inset-inline-start: 0;
1134
- overflow: hidden;
1135
- clip: rect(0, 0, 0, 0);
1136
- white-space: nowrap;
1137
- border: 0;
1138
- }
1139
- }
1140
- @media screen and (min-width: 90.625rem) {
1141
- .pf-v6-u-visible-on-2xl {
1142
- position: static;
1143
- overflow: visible;
1144
- clip: auto;
1145
- white-space: normal;
1146
- border: inherit;
1147
- }
1148
- }
1149
- @media screen and (min-width: 90.625rem) {
1150
- .pf-v6-u-hidden-on-2xl {
1151
- display: none !important;
1152
- }
1153
- }
1154
1099
  .pf-v6-c-table {
1155
1100
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
1156
1101
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -2779,74 +2724,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
2779
2724
  --pf-v6-c-table--cell--Width: auto;
2780
2725
  }
2781
2726
  }
2782
- .pf-v6-c-table {
2783
- --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
2784
- --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
2785
- --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
2786
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
2787
- --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
2788
- --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2789
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
2790
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
2791
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
2792
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
2793
- --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
2794
- --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
2795
- --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
2796
- }
2797
-
2798
- .pf-v6-c-table .pf-v6-c-table__sticky-cell {
2799
- position: sticky;
2800
- inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
2801
- inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
2802
- z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
2803
- min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
2804
- }
2805
-
2806
- .pf-v6-c-table__sticky-cell {
2807
- --pf-v6-c-table--cell--Overflow: visible;
2808
- --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
2809
- background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
2810
- background-clip: padding-box;
2811
- }
2812
-
2813
- .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
2814
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
2815
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
2816
- }
2817
-
2818
- .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
2819
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
2820
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
2821
- }
2822
-
2823
- .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
2824
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
2825
- }
2826
-
2827
- .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
2828
- --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
2829
- }
2830
-
2831
- .pf-v6-c-scroll-outer-wrapper {
2832
- --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
2833
- --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
2834
- display: flex;
2835
- flex-direction: column;
2836
- max-width: 100%;
2837
- min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
2838
- max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
2839
- overflow: hidden;
2840
- }
2841
-
2842
- .pf-v6-c-scroll-inner-wrapper {
2843
- display: flex;
2844
- flex-direction: column;
2845
- max-width: 100%;
2846
- max-height: 100%;
2847
- overflow: auto;
2848
- }
2849
-
2850
2727
  .pf-v6-c-table {
2851
2728
  --pf-v6-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-table__tree-view-icon--MinWidth));
2852
2729
  --pf-v6-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v6-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
@@ -3708,98 +3585,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3708
3585
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
3709
3586
  }
3710
3587
  }
3711
- .pf-v6-c-inline-edit {
3712
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
3713
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
3714
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
3715
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
3716
- --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
3717
- --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
3718
- }
3719
-
3720
- .pf-v6-c-inline-edit__group {
3721
- display: flex;
3722
- align-items: baseline;
3723
- }
3724
-
3725
- .pf-v6-c-inline-edit__group > * {
3726
- margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
3727
- }
3728
-
3729
- .pf-v6-c-inline-edit__group.pf-m-icon-group {
3730
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
3731
- }
3732
-
3733
- .pf-v6-c-inline-edit__group.pf-m-footer {
3734
- margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
3735
- }
3736
-
3737
- .pf-v6-c-inline-edit__group.pf-m-column {
3738
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
3739
- flex-direction: column;
3740
- }
3741
-
3742
- .pf-v6-c-inline-edit__group > :last-child {
3743
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
3744
- }
3745
-
3746
- .pf-v6-c-inline-edit__input {
3747
- flex: 1;
3748
- }
3749
-
3750
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
3751
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
3752
- }
3753
-
3754
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
3755
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
3756
- }
3757
-
3758
- .pf-v6-c-inline-edit__input,
3759
- .pf-v6-c-inline-edit__action,
3760
- .pf-v6-c-inline-edit__group.pf-m-action-group {
3761
- display: none;
3762
- }
3763
-
3764
- .pf-v6-c-inline-edit__action.pf-m-enable-editable {
3765
- display: inline-block;
3766
- }
3767
-
3768
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
3769
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
3770
- display: block;
3771
- }
3772
-
3773
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
3774
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
3775
- display: inline-block;
3776
- }
3777
-
3778
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
3779
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
3780
- display: inline-flex;
3781
- }
3782
-
3783
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
3784
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
3785
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
3786
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
3787
- display: none;
3788
- }
3789
-
3790
- .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
3791
- margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
3792
- margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
3793
- }
3794
-
3795
- .pf-v6-c-inline-edit__label.pf-m-bold {
3796
- font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
3797
- }
3798
-
3799
- .pf-v6-c-inline-edit__editable-text br {
3800
- display: none;
3801
- }
3802
-
3803
3588
  .pf-v6-c-form {
3804
3589
  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3805
3590
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -3880,8 +3665,21 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3880
3665
  --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
3881
3666
  --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
3882
3667
  --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
3668
+ --pf-v6-c-form__field-group-body--TranslateY: 0;
3669
+ --pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
3670
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
3671
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
3672
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
3673
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
3883
3674
  }
3884
3675
 
3676
+ @media screen and (prefers-reduced-motion: no-preference) {
3677
+ .pf-v6-c-form {
3678
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
3679
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
3680
+ --pf-v6-c-form__field-group-body--TranslateY: -.5rem;
3681
+ }
3682
+ }
3885
3683
  .pf-v6-c-form {
3886
3684
  display: grid;
3887
3685
  gap: var(--pf-v6-c-form--GridGap);
@@ -4257,6 +4055,17 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4257
4055
  --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
4258
4056
  }
4259
4057
 
4058
+ .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
4059
+ max-height: 9999px;
4060
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
4061
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
4062
+ visibility: visible;
4063
+ opacity: 1;
4064
+ transition-delay: 0s;
4065
+ transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
4066
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
4067
+ }
4068
+
4260
4069
  .pf-v6-c-form__field-group-toggle {
4261
4070
  grid-row: 1/2;
4262
4071
  grid-column: 1/2;
@@ -4324,8 +4133,16 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4324
4133
  display: grid;
4325
4134
  grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
4326
4135
  gap: var(--pf-v6-c-form__field-group-body--Gap);
4327
- padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
4328
- padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
4136
+ }
4137
+
4138
+ .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
4139
+ max-height: 0;
4140
+ visibility: hidden;
4141
+ opacity: 0;
4142
+ transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
4143
+ transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
4144
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
4145
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
4329
4146
  }
4330
4147
 
4331
4148
  .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
@@ -4337,78 +4154,293 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4337
4154
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
4338
4155
  }
4339
4156
 
4340
- .pf-v6-c-tooltip {
4341
- --pf-v6-c-tooltip--MaxWidth: 18.75rem;
4342
- --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
4343
- --pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
4344
- --pf-v6-c-tooltip__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
4345
- --pf-v6-c-tooltip__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
4346
- --pf-v6-c-tooltip__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
4347
- --pf-v6-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
4348
- --pf-v6-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4349
- --pf-v6-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
4350
- --pf-v6-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
4351
- --pf-v6-c-tooltip__arrow--Width: 0.9375rem;
4352
- --pf-v6-c-tooltip__arrow--Height: 0.9375rem;
4353
- --pf-v6-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4354
- --pf-v6-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
4355
- --pf-v6-c-tooltip__arrow--m-top--TranslateX: -50%;
4356
- --pf-v6-c-tooltip__arrow--m-top--TranslateY: 50%;
4357
- --pf-v6-c-tooltip__arrow--m-top--Rotate: 45deg;
4358
- --pf-v6-c-tooltip__arrow--m-right--TranslateX: -50%;
4359
- --pf-v6-c-tooltip__arrow--m-right--TranslateY: -50%;
4360
- --pf-v6-c-tooltip__arrow--m-right--Rotate: 45deg;
4361
- --pf-v6-c-tooltip__arrow--m-bottom--TranslateX: -50%;
4362
- --pf-v6-c-tooltip__arrow--m-bottom--TranslateY: -50%;
4363
- --pf-v6-c-tooltip__arrow--m-bottom--Rotate: 45deg;
4364
- --pf-v6-c-tooltip__arrow--m-left--TranslateX: 50%;
4365
- --pf-v6-c-tooltip__arrow--m-left--TranslateY: -50%;
4366
- --pf-v6-c-tooltip__arrow--m-left--Rotate: 45deg;
4157
+ .pf-v6-u-screen-reader {
4158
+ position: fixed;
4159
+ inset-block-start: 0;
4160
+ inset-inline-start: 0;
4161
+ overflow: hidden;
4162
+ clip: rect(0, 0, 0, 0);
4163
+ white-space: nowrap;
4164
+ border: 0;
4367
4165
  }
4368
4166
 
4369
- .pf-v6-c-tooltip {
4370
- position: relative;
4371
- max-width: var(--pf-v6-c-tooltip--MaxWidth);
4372
- box-shadow: var(--pf-v6-c-tooltip--BoxShadow);
4167
+ .pf-v6-u-visible {
4168
+ position: static;
4169
+ overflow: visible;
4170
+ clip: auto;
4171
+ white-space: normal;
4172
+ border: inherit;
4373
4173
  }
4374
4174
 
4375
- .pf-v6-c-tooltip:is(.pf-m-top,
4376
- .pf-m-top-left,
4377
- .pf-m-top-right) {
4378
- --pf-v6-c-tooltip__arrow--InsetBlockEnd: var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0);
4379
- --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%);
4380
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-top--TranslateX);
4381
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4382
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-top--Rotate);
4175
+ .pf-v6-u-hidden {
4176
+ display: none !important;
4383
4177
  }
4384
4178
 
4385
- .pf-v6-c-tooltip:is(.pf-m-bottom,
4386
- .pf-m-bottom-left,
4387
- .pf-m-bottom-right) {
4388
- --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-bottom--InsetBlockStart, 0);
4389
- --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-bottom--InsetInlineStart, 50%);
4390
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateX);
4391
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateY);
4392
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-bottom--Rotate);
4179
+ @media screen and (min-width: 36rem) {
4180
+ .pf-v6-u-screen-reader-on-sm {
4181
+ position: fixed;
4182
+ inset-block-start: 0;
4183
+ inset-inline-start: 0;
4184
+ overflow: hidden;
4185
+ clip: rect(0, 0, 0, 0);
4186
+ white-space: nowrap;
4187
+ border: 0;
4188
+ }
4393
4189
  }
4394
-
4395
- .pf-v6-c-tooltip:is(.pf-m-left,
4396
- .pf-m-left-top,
4397
- .pf-m-left-bottom) {
4398
- --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-left--InsetBlockStart, 50%);
4399
- --pf-v6-c-tooltip__arrow--InsetInlineEnd: var(--pf-v6-c-tooltip--m-left--InsetInlineEnd, 0);
4400
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
4401
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-left--TranslateY);
4402
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-left--Rotate);
4190
+ @media screen and (min-width: 36rem) {
4191
+ .pf-v6-u-visible-on-sm {
4192
+ position: static;
4193
+ overflow: visible;
4194
+ clip: auto;
4195
+ white-space: normal;
4196
+ border: inherit;
4197
+ }
4403
4198
  }
4404
-
4405
- .pf-v6-c-tooltip:is(.pf-m-right,
4406
- .pf-m-right-top,
4407
- .pf-m-right-bottom) {
4408
- --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%);
4409
- --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0);
4410
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-right--TranslateX);
4411
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-right--TranslateY);
4199
+ @media screen and (min-width: 36rem) {
4200
+ .pf-v6-u-hidden-on-sm {
4201
+ display: none !important;
4202
+ }
4203
+ }
4204
+ @media screen and (min-width: 48rem) {
4205
+ .pf-v6-u-screen-reader-on-md {
4206
+ position: fixed;
4207
+ inset-block-start: 0;
4208
+ inset-inline-start: 0;
4209
+ overflow: hidden;
4210
+ clip: rect(0, 0, 0, 0);
4211
+ white-space: nowrap;
4212
+ border: 0;
4213
+ }
4214
+ }
4215
+ @media screen and (min-width: 48rem) {
4216
+ .pf-v6-u-visible-on-md {
4217
+ position: static;
4218
+ overflow: visible;
4219
+ clip: auto;
4220
+ white-space: normal;
4221
+ border: inherit;
4222
+ }
4223
+ }
4224
+ @media screen and (min-width: 48rem) {
4225
+ .pf-v6-u-hidden-on-md {
4226
+ display: none !important;
4227
+ }
4228
+ }
4229
+ @media screen and (min-width: 62rem) {
4230
+ .pf-v6-u-screen-reader-on-lg {
4231
+ position: fixed;
4232
+ inset-block-start: 0;
4233
+ inset-inline-start: 0;
4234
+ overflow: hidden;
4235
+ clip: rect(0, 0, 0, 0);
4236
+ white-space: nowrap;
4237
+ border: 0;
4238
+ }
4239
+ }
4240
+ @media screen and (min-width: 62rem) {
4241
+ .pf-v6-u-visible-on-lg {
4242
+ position: static;
4243
+ overflow: visible;
4244
+ clip: auto;
4245
+ white-space: normal;
4246
+ border: inherit;
4247
+ }
4248
+ }
4249
+ @media screen and (min-width: 62rem) {
4250
+ .pf-v6-u-hidden-on-lg {
4251
+ display: none !important;
4252
+ }
4253
+ }
4254
+ @media screen and (min-width: 75rem) {
4255
+ .pf-v6-u-screen-reader-on-xl {
4256
+ position: fixed;
4257
+ inset-block-start: 0;
4258
+ inset-inline-start: 0;
4259
+ overflow: hidden;
4260
+ clip: rect(0, 0, 0, 0);
4261
+ white-space: nowrap;
4262
+ border: 0;
4263
+ }
4264
+ }
4265
+ @media screen and (min-width: 75rem) {
4266
+ .pf-v6-u-visible-on-xl {
4267
+ position: static;
4268
+ overflow: visible;
4269
+ clip: auto;
4270
+ white-space: normal;
4271
+ border: inherit;
4272
+ }
4273
+ }
4274
+ @media screen and (min-width: 75rem) {
4275
+ .pf-v6-u-hidden-on-xl {
4276
+ display: none !important;
4277
+ }
4278
+ }
4279
+ @media screen and (min-width: 90.625rem) {
4280
+ .pf-v6-u-screen-reader-on-2xl {
4281
+ position: fixed;
4282
+ inset-block-start: 0;
4283
+ inset-inline-start: 0;
4284
+ overflow: hidden;
4285
+ clip: rect(0, 0, 0, 0);
4286
+ white-space: nowrap;
4287
+ border: 0;
4288
+ }
4289
+ }
4290
+ @media screen and (min-width: 90.625rem) {
4291
+ .pf-v6-u-visible-on-2xl {
4292
+ position: static;
4293
+ overflow: visible;
4294
+ clip: auto;
4295
+ white-space: normal;
4296
+ border: inherit;
4297
+ }
4298
+ }
4299
+ @media screen and (min-width: 90.625rem) {
4300
+ .pf-v6-u-hidden-on-2xl {
4301
+ display: none !important;
4302
+ }
4303
+ }
4304
+ .pf-v6-c-table {
4305
+ --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
4306
+ --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
4307
+ --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
4308
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
4309
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
4310
+ --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
4311
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
4312
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
4313
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
4314
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
4315
+ --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
4316
+ --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
4317
+ --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
4318
+ }
4319
+
4320
+ .pf-v6-c-table .pf-v6-c-table__sticky-cell {
4321
+ position: sticky;
4322
+ inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
4323
+ inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
4324
+ z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
4325
+ min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
4326
+ }
4327
+
4328
+ .pf-v6-c-table__sticky-cell {
4329
+ --pf-v6-c-table--cell--Overflow: visible;
4330
+ --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
4331
+ background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
4332
+ background-clip: padding-box;
4333
+ }
4334
+
4335
+ .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
4336
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
4337
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
4338
+ }
4339
+
4340
+ .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
4341
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
4342
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
4343
+ }
4344
+
4345
+ .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
4346
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
4347
+ }
4348
+
4349
+ .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
4350
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
4351
+ }
4352
+
4353
+ .pf-v6-c-scroll-outer-wrapper {
4354
+ --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
4355
+ --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
4356
+ display: flex;
4357
+ flex-direction: column;
4358
+ max-width: 100%;
4359
+ min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
4360
+ max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
4361
+ overflow: hidden;
4362
+ }
4363
+
4364
+ .pf-v6-c-scroll-inner-wrapper {
4365
+ display: flex;
4366
+ flex-direction: column;
4367
+ max-width: 100%;
4368
+ max-height: 100%;
4369
+ overflow: auto;
4370
+ }
4371
+
4372
+ .pf-v6-c-tooltip {
4373
+ --pf-v6-c-tooltip--MaxWidth: 18.75rem;
4374
+ --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
4375
+ --pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
4376
+ --pf-v6-c-tooltip__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
4377
+ --pf-v6-c-tooltip__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
4378
+ --pf-v6-c-tooltip__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
4379
+ --pf-v6-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
4380
+ --pf-v6-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4381
+ --pf-v6-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
4382
+ --pf-v6-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
4383
+ --pf-v6-c-tooltip__arrow--Width: 0.9375rem;
4384
+ --pf-v6-c-tooltip__arrow--Height: 0.9375rem;
4385
+ --pf-v6-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4386
+ --pf-v6-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
4387
+ --pf-v6-c-tooltip__arrow--m-top--TranslateX: -50%;
4388
+ --pf-v6-c-tooltip__arrow--m-top--TranslateY: 50%;
4389
+ --pf-v6-c-tooltip__arrow--m-top--Rotate: 45deg;
4390
+ --pf-v6-c-tooltip__arrow--m-right--TranslateX: -50%;
4391
+ --pf-v6-c-tooltip__arrow--m-right--TranslateY: -50%;
4392
+ --pf-v6-c-tooltip__arrow--m-right--Rotate: 45deg;
4393
+ --pf-v6-c-tooltip__arrow--m-bottom--TranslateX: -50%;
4394
+ --pf-v6-c-tooltip__arrow--m-bottom--TranslateY: -50%;
4395
+ --pf-v6-c-tooltip__arrow--m-bottom--Rotate: 45deg;
4396
+ --pf-v6-c-tooltip__arrow--m-left--TranslateX: 50%;
4397
+ --pf-v6-c-tooltip__arrow--m-left--TranslateY: -50%;
4398
+ --pf-v6-c-tooltip__arrow--m-left--Rotate: 45deg;
4399
+ }
4400
+
4401
+ .pf-v6-c-tooltip {
4402
+ position: relative;
4403
+ max-width: var(--pf-v6-c-tooltip--MaxWidth);
4404
+ box-shadow: var(--pf-v6-c-tooltip--BoxShadow);
4405
+ }
4406
+
4407
+ .pf-v6-c-tooltip:is(.pf-m-top,
4408
+ .pf-m-top-left,
4409
+ .pf-m-top-right) {
4410
+ --pf-v6-c-tooltip__arrow--InsetBlockEnd: var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0);
4411
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%);
4412
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-top--TranslateX);
4413
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4414
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-top--Rotate);
4415
+ }
4416
+
4417
+ .pf-v6-c-tooltip:is(.pf-m-bottom,
4418
+ .pf-m-bottom-left,
4419
+ .pf-m-bottom-right) {
4420
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-bottom--InsetBlockStart, 0);
4421
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-bottom--InsetInlineStart, 50%);
4422
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateX);
4423
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateY);
4424
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-bottom--Rotate);
4425
+ }
4426
+
4427
+ .pf-v6-c-tooltip:is(.pf-m-left,
4428
+ .pf-m-left-top,
4429
+ .pf-m-left-bottom) {
4430
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-left--InsetBlockStart, 50%);
4431
+ --pf-v6-c-tooltip__arrow--InsetInlineEnd: var(--pf-v6-c-tooltip--m-left--InsetInlineEnd, 0);
4432
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
4433
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-left--TranslateY);
4434
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-left--Rotate);
4435
+ }
4436
+
4437
+ .pf-v6-c-tooltip:is(.pf-m-right,
4438
+ .pf-m-right-top,
4439
+ .pf-m-right-bottom) {
4440
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%);
4441
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0);
4442
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-right--TranslateX);
4443
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-right--TranslateY);
4412
4444
  --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-right--Rotate);
4413
4445
  }
4414
4446
 
@@ -4473,88 +4505,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4473
4505
  pointer-events: none;
4474
4506
  }
4475
4507
 
4476
- .pf-v6-c-check {
4477
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
4478
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
4479
- --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
4480
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
4481
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
4482
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
4483
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
4484
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
4485
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
4486
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
4487
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
4488
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
4489
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
4490
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
4491
- }
4492
-
4493
- .pf-v6-c-check {
4494
- display: grid;
4495
- grid-template-columns: auto 1fr;
4496
- grid-gap: var(--pf-v6-c-check--GridGap);
4497
- accent-color: var(--pf-v6-c-check--AccentColor);
4498
- }
4499
-
4500
- .pf-v6-c-check.pf-m-standalone {
4501
- display: inline-grid;
4502
- grid-template-columns: auto;
4503
- min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
4504
- }
4505
-
4506
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
4507
- align-self: center;
4508
- transform: none;
4509
- }
4510
-
4511
- .pf-v6-c-check__input {
4512
- align-self: start;
4513
- font-size: var(--pf-v6-c-check__label--FontSize);
4514
- line-height: var(--pf-v6-c-check__label--LineHeight);
4515
- transform: translateY(var(--pf-v6-c-check__input--TranslateY));
4516
- }
4517
-
4518
- .pf-v6-c-check__label {
4519
- font-size: var(--pf-v6-c-check__label--FontSize);
4520
- font-weight: var(--pf-v6-c-check__label--FontWeight);
4521
- line-height: var(--pf-v6-c-check__label--LineHeight);
4522
- color: var(--pf-v6-c-check__label--Color);
4523
- }
4524
-
4525
- .pf-v6-c-check__description {
4526
- grid-column: 2;
4527
- font-size: var(--pf-v6-c-check__description--FontSize);
4528
- color: var(--pf-v6-c-check__description--Color);
4529
- }
4530
-
4531
- .pf-v6-c-check__body {
4532
- grid-column: 2;
4533
- }
4534
-
4535
- .pf-v6-c-check__label,
4536
- .pf-v6-c-check__input {
4537
- justify-self: start;
4538
- }
4539
-
4540
- label.pf-v6-c-check, .pf-v6-c-check__label,
4541
- .pf-v6-c-check__input {
4542
- cursor: pointer;
4543
- }
4544
-
4545
- .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
4546
- .pf-v6-c-check__input:disabled,
4547
- .pf-v6-c-check__input.pf-m-disabled {
4548
- --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
4549
- cursor: not-allowed;
4550
- }
4551
-
4552
- .pf-v6-c-check__label-required {
4553
- margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
4554
- font-size: var(--pf-v6-c-check__label-required--FontSize);
4555
- color: var(--pf-v6-c-check__label-required--Color);
4556
- }
4557
-
4558
4508
  .pf-v6-c-menu-toggle {
4559
4509
  --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
4560
4510
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
@@ -5079,405 +5029,86 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
5079
5029
  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
5080
5030
  }
5081
5031
 
5082
- .pf-v6-c-form-control {
5083
- --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
5084
- --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
5085
- --pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
5086
- --pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
5087
- --pf-v6-c-form-control--Resize: none;
5088
- --pf-v6-c-form-control--OutlineOffset: -6px;
5089
- --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
5090
- --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
5091
- --pf-v6-c-form-control--before--BorderStyle: solid;
5092
- --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
5093
- --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
5094
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
5095
- --pf-v6-c-form-control--after--BorderStyle: solid;
5096
- --pf-v6-c-form-control--after--BorderColor: transparent;
5097
- --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
5098
- --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
5099
- --pf-v6-c-form-control--Width: 100%;
5100
- --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
5101
- --pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
5102
- --pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
5103
- --pf-v6-c-form-control--PaddingInlineEnd--base: var(--pf-v6-c-form-control--inset--base);
5104
- --pf-v6-c-form-control--PaddingInlineStart--base: var(--pf-v6-c-form-control--inset--base);
5105
- --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
5106
- --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
5107
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
5108
- --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
5109
- --pf-v6-c-form-control__utilities--input--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
5110
- --pf-v6-c-form-control__utilities--select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
5111
- --pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd: var(--pf-v6-c-form-control__textarea--PaddingInlineEnd);
5112
- --pf-v6-c-form-control__input--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
5113
- --pf-v6-c-form-control__input--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
5114
- --pf-v6-c-form-control__input--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
5115
- --pf-v6-c-form-control__input--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
5116
- --pf-v6-c-form-control__select--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
5117
- --pf-v6-c-form-control__select--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
5118
- --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
5119
- --pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
5120
- --pf-v6-c-form-control__textarea--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
5121
- --pf-v6-c-form-control__textarea--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
5122
- --pf-v6-c-form-control__textarea--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
5123
- --pf-v6-c-form-control__textarea--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
5124
- --pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
5125
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
5126
- --pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
5127
- --pf-v6-c-form-control--m-warning--hover--after--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
5128
- --pf-v6-c-form-control--m-error--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
5129
- --pf-v6-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
5130
- --pf-v6-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
5131
- --pf-v6-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
5132
- --pf-v6-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
5133
- --pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
5134
- --pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
5135
- --pf-v6-c-form-control--m-disabled--after--BorderColor: transparent;
5136
- --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
5137
- --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-t--global--border--color--control--read-only);
5138
- --pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
5139
- --pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
5140
- --pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
5141
- --pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
5142
- --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
5143
- --pf-v6-c-form-control--icon--width: var(--pf-v6-c-form-control--FontSize);
5144
- --pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
5145
- --pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
5146
- --pf-v6-c-form-control--m-success--PaddingInlineEnd: initial;
5147
- --pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: initial;
5148
- --pf-v6-c-form-control__input--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
5149
- --pf-v6-c-form-control__select--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
5150
- --pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
5151
- --pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
5152
- --pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
5153
- --pf-v6-c-form-control--m-warning--PaddingInlineEnd: initial;
5154
- --pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: initial;
5155
- --pf-v6-c-form-control__input--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
5156
- --pf-v6-c-form-control__select--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
5157
- --pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
5158
- --pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
5159
- --pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
5160
- --pf-v6-c-form-control--m-error--PaddingInlineEnd: initial;
5161
- --pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: initial;
5162
- --pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
5163
- --pf-v6-c-form-control__input--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
5164
- --pf-v6-c-form-control__select--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
5165
- --pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
5166
- --pf-v6-c-form-control--m-icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
5167
- --pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
5168
- --pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
5169
- --pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--icon--width) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
5170
- --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
5171
- --pf-v6-c-form-control--textarea--Height: auto;
5172
- --pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
5173
- --pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
5174
- --pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
5175
- --pf-v6-c-form-control--textarea--PaddingInlineStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
5176
- --pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
5177
- --pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
5178
- --pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
5179
- --pf-v6-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
5180
- --pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
5181
- --pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
5182
- --pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
5183
- --pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart);
5184
- --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
5185
- --pf-v6-c-form-control__utilities--textarea--PaddingBlockStart: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
5186
- --pf-v6-c-form-control__toggle-icon--PaddingInlineStart: 0;
5187
- --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: 0;
5188
- --pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
5189
- --pf-v6-c-form-control__toggle-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
5190
- --pf-v6-c-form-control--m-disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
5032
+ .pf-v6-c-check {
5033
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
5034
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
5035
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
5036
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
5037
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
5038
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
5039
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
5040
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
5041
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
5042
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
5043
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
5044
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
5045
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
5046
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
5191
5047
  }
5192
5048
 
5193
- .pf-v6-c-form-control {
5194
- position: relative;
5049
+ .pf-v6-c-check {
5195
5050
  display: grid;
5196
- grid-template-columns: 1fr auto;
5197
- column-gap: var(--pf-v6-c-form-control--ColumnGap);
5198
- align-items: start;
5199
- width: var(--pf-v6-c-form-control--Width);
5200
- font-size: var(--pf-v6-c-form-control--FontSize);
5201
- line-height: var(--pf-v6-c-form-control--LineHeight);
5202
- resize: var(--pf-v6-c-form-control--Resize);
5203
- background-color: var(--pf-v6-c-form-control--BackgroundColor);
5204
- border-radius: var(--pf-v6-c-form-control--BorderRadius);
5051
+ grid-template-columns: auto 1fr;
5052
+ grid-gap: var(--pf-v6-c-check--GridGap);
5053
+ accent-color: var(--pf-v6-c-check--AccentColor);
5205
5054
  }
5206
5055
 
5207
- .pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
5208
- position: absolute;
5209
- inset: 0;
5210
- pointer-events: none;
5211
- content: "";
5056
+ .pf-v6-c-check.pf-m-standalone {
5057
+ display: inline-grid;
5058
+ grid-template-columns: auto;
5059
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
5212
5060
  }
5213
5061
 
5214
- .pf-v6-c-form-control::before {
5215
- border-color: var(--pf-v6-c-form-control--before--BorderColor);
5216
- border-style: var(--pf-v6-c-form-control--before--BorderStyle);
5217
- border-width: var(--pf-v6-c-form-control--before--BorderWidth);
5218
- border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
5062
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
5063
+ align-self: center;
5064
+ transform: none;
5219
5065
  }
5220
5066
 
5221
- .pf-v6-c-form-control::after {
5222
- border: var(--pf-v6-c-form-control--after--BorderWidth) var(--pf-v6-c-form-control--after--BorderStyle) var(--pf-v6-c-form-control--after--BorderColor);
5223
- border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
5067
+ .pf-v6-c-check__input {
5068
+ align-self: start;
5069
+ font-size: var(--pf-v6-c-check__label--FontSize);
5070
+ line-height: var(--pf-v6-c-check__label--LineHeight);
5071
+ transform: translateY(var(--pf-v6-c-check__input--TranslateY));
5224
5072
  }
5225
5073
 
5226
- .pf-v6-c-form-control > :is(input, select, textarea) {
5227
- grid-row: 1/2;
5228
- grid-column: 1/-1;
5229
- padding-block-start: var(--pf-v6-c-form-control--PaddingBlockStart);
5230
- padding-block-end: var(--pf-v6-c-form-control--PaddingBlockEnd);
5231
- padding-inline-start: var(--pf-v6-c-form-control--PaddingInlineStart);
5232
- padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
5233
- color: var(--pf-v6-c-form-control--Color);
5234
- appearance: none;
5235
- background-color: transparent;
5236
- border: none;
5237
- border-radius: var(--pf-v6-c-form-control--BorderRadius);
5238
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
5074
+ .pf-v6-c-check__label {
5075
+ font-size: var(--pf-v6-c-check__label--FontSize);
5076
+ font-weight: var(--pf-v6-c-check__label--FontWeight);
5077
+ line-height: var(--pf-v6-c-check__label--LineHeight);
5078
+ color: var(--pf-v6-c-check__label--Color);
5239
5079
  }
5240
5080
 
5241
- .pf-v6-c-form-control > ::placeholder {
5242
- color: var(--pf-v6-c-form-control--m-placeholder--Color);
5243
- }
5244
-
5245
- .pf-v6-c-form-control > :is(input, select) {
5246
- text-overflow: ellipsis;
5247
- }
5248
-
5249
- .pf-v6-c-form-control:has(input) {
5250
- --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
5251
- --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
5252
- --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__input--PaddingInlineStart);
5253
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
5254
- --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd);
5255
- }
5256
-
5257
- .pf-v6-c-form-control.pf-m-textarea {
5258
- padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
5259
- padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
5260
- padding-inline-start: var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset);
5261
- padding-inline-end: var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset);
5262
- }
5263
-
5264
- .pf-v6-c-form-control.pf-m-textarea.pf-m-success, .pf-v6-c-form-control.pf-m-textarea.pf-m-warning, .pf-v6-c-form-control.pf-m-textarea.pf-m-error {
5265
- --pf-v6-c-form-control--m-status--PaddingInlineEnd--offset: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--ColumnGap));
5266
- }
5267
-
5268
- .pf-v6-c-form-control.pf-m-textarea:has(textarea) {
5269
- --pf-v6-c-form-control--PaddingBlockStart: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
5270
- --pf-v6-c-form-control--PaddingBlockEnd: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
5271
- --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__textarea--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
5272
- --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__textarea--PaddingInlineEnd) - var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset) + var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset, 0px));
5273
- --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
5274
- }
5275
-
5276
- .pf-v6-c-form-control.pf-m-textarea > textarea {
5277
- outline-offset: 0;
5278
- scrollbar-gutter: stable;
5279
- }
5280
-
5281
- .pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
5282
- padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
5283
- }
5284
-
5285
- .pf-v6-c-form-control.pf-m-readonly {
5286
- --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
5287
- --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
5288
- }
5289
-
5290
- .pf-v6-c-form-control.pf-m-readonly:hover {
5291
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
5081
+ .pf-v6-c-check__description {
5082
+ grid-column: 2;
5083
+ font-size: var(--pf-v6-c-check__description--FontSize);
5084
+ color: var(--pf-v6-c-check__description--Color);
5292
5085
  }
5293
5086
 
5294
- .pf-v6-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
5295
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
5087
+ .pf-v6-c-check__body {
5088
+ grid-column: 2;
5296
5089
  }
5297
5090
 
5298
- .pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
5299
- --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor);
5300
- --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BorderColor);
5301
- --pf-v6-c-form-control--inset--base: var(--pf-v6-c-form-control--m-readonly--m-plain--inset--base);
5302
- --pf-v6-c-form-control--before--BorderStyle: none;
5303
- --pf-v6-c-form-control--after--BorderStyle: none;
5304
- --pf-v6-c-form-control--OutlineOffset: var(--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset);
5091
+ .pf-v6-c-check__label,
5092
+ .pf-v6-c-check__input {
5093
+ justify-self: start;
5305
5094
  }
5306
5095
 
5307
- .pf-v6-c-form-control.pf-m-expanded {
5308
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-expanded--after--BorderColor);
5309
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-expanded--after--BorderWidth);
5096
+ label.pf-v6-c-check, .pf-v6-c-check__label,
5097
+ .pf-v6-c-check__input {
5098
+ cursor: pointer;
5310
5099
  }
5311
5100
 
5312
- .pf-v6-c-form-control.pf-m-disabled {
5313
- --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-disabled--BackgroundColor);
5314
- --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
5315
- --pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
5316
- --pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
5317
- --pf-v6-c-form-control--before--BorderStyle: none;
5318
- --pf-v6-c-form-control--after--BorderStyle: none;
5101
+ .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
5102
+ .pf-v6-c-check__input:disabled,
5103
+ .pf-v6-c-check__input.pf-m-disabled {
5104
+ --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
5319
5105
  cursor: not-allowed;
5320
5106
  }
5321
5107
 
5322
- .pf-v6-c-form-control.pf-m-error {
5323
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
5324
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
5325
- --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
5326
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
5327
- }
5328
-
5329
- .pf-v6-c-form-control.pf-m-error > textarea {
5330
- padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
5331
- }
5332
-
5333
- .pf-v6-c-form-control.pf-m-error > input {
5334
- padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-error--PaddingInlineEnd));
5335
- }
5336
-
5337
- .pf-v6-c-form-control.pf-m-error > select {
5338
- padding-inline-end: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-error--PaddingInlineEnd));
5339
- }
5340
-
5341
- .pf-v6-c-form-control.pf-m-error.pf-m-icon > :is(input) {
5342
- padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
5343
- }
5344
-
5345
- .pf-v6-c-form-control.pf-m-success {
5346
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
5347
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
5348
- --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
5349
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
5350
- }
5351
-
5352
- .pf-v6-c-form-control.pf-m-success > textarea {
5353
- padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd));
5354
- }
5355
-
5356
- .pf-v6-c-form-control.pf-m-success > input {
5357
- padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-success--PaddingInlineEnd));
5358
- }
5359
-
5360
- .pf-v6-c-form-control.pf-m-success > select {
5361
- padding-inline-end: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-success--PaddingInlineEnd));
5362
- }
5363
-
5364
- .pf-v6-c-form-control.pf-m-success.pf-m-icon > :is(input) {
5365
- padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
5366
- }
5367
-
5368
- .pf-v6-c-form-control.pf-m-warning {
5369
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
5370
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
5371
- --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
5372
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
5373
- }
5374
-
5375
- .pf-v6-c-form-control.pf-m-warning > textarea {
5376
- padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd));
5377
- }
5378
-
5379
- .pf-v6-c-form-control.pf-m-warning > input {
5380
- padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd));
5381
- }
5382
-
5383
- .pf-v6-c-form-control.pf-m-warning > select {
5384
- padding-inline-end: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-warning--PaddingInlineEnd));
5385
- }
5386
-
5387
- .pf-v6-c-form-control.pf-m-warning.pf-m-icon > :is(input) {
5388
- padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
5389
- }
5390
-
5391
- .pf-v6-c-form-control:hover {
5392
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
5393
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
5394
- }
5395
-
5396
- .pf-v6-c-form-control.pf-m-icon {
5397
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
5398
- }
5399
-
5400
- .pf-v6-c-form-control:has(select) {
5401
- --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__select--PaddingBlockStart);
5402
- --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__select--PaddingBlockEnd);
5403
- --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
5404
- --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
5405
- --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
5406
- background-color: var(--pf-v6-c-form-control--BackgroundColor);
5407
- }
5408
-
5409
- .pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
5410
- padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
5411
- }
5412
-
5413
- @-moz-document url-prefix() {
5414
- .pf-v6-c-form-control:has(select) {
5415
- --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
5416
- --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
5417
- }
5418
- }
5419
- .pf-v6-c-form-control.pf-m-placeholder > select {
5420
- --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
5421
- }
5422
-
5423
- .pf-v6-c-form-control.pf-m-placeholder > select * {
5424
- color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
5425
- }
5426
-
5427
- .pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
5428
- color: revert;
5429
- }
5430
-
5431
- .pf-v6-c-form-control > textarea {
5432
- width: 100%;
5433
- height: 100%;
5434
- vertical-align: bottom;
5435
- resize: none;
5436
- }
5437
-
5438
- .pf-v6-c-form-control.pf-m-resize-vertical {
5439
- --pf-v6-c-form-control--Resize: vertical;
5440
- overflow: auto;
5441
- }
5442
-
5443
- .pf-v6-c-form-control.pf-m-resize-horizontal {
5444
- --pf-v6-c-form-control--Resize: horizontal;
5445
- overflow: auto;
5446
- }
5447
-
5448
- .pf-v6-c-form-control.pf-m-resize-both {
5449
- --pf-v6-c-form-control--Resize: both;
5450
- overflow: auto;
5451
- }
5452
-
5453
- .pf-v6-c-form-control__icon {
5454
- font-size: var(--pf-v6-c-form-control__icon--FontSize);
5455
- color: var(--pf-v6-c-form-control__icon--Color);
5456
- }
5457
-
5458
- .pf-v6-c-form-control__icon.pf-m-status {
5459
- --pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
5460
- }
5461
-
5462
- .pf-v6-c-form-control__toggle-icon {
5463
- grid-row: 1/2;
5464
- grid-column: 3;
5465
- padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
5466
- padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
5467
- font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
5468
- color: var(--pf-v6-c-form-control__toggle-icon--Color);
5469
- pointer-events: none;
5470
- }
5471
-
5472
- .pf-v6-c-form-control__utilities {
5473
- display: flex;
5474
- flex-wrap: nowrap;
5475
- grid-row: 1/2;
5476
- grid-column: 2;
5477
- gap: var(--pf-v6-c-form-control__utilities--Gap);
5478
- padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
5479
- padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
5480
- pointer-events: none;
5108
+ .pf-v6-c-check__label-required {
5109
+ margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
5110
+ font-size: var(--pf-v6-c-check__label-required--FontSize);
5111
+ color: var(--pf-v6-c-check__label-required--Color);
5481
5112
  }
5482
5113
 
5483
5114
  .pf-v6-c-button {
@@ -6535,38 +6166,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
6535
6166
  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6536
6167
  }
6537
6168
  }
6538
- .pf-v6-c-action-list {
6539
- --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6540
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
6541
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
6542
- --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
6543
- }
6544
-
6545
- .pf-v6-c-action-list,
6546
- .pf-v6-c-action-list__group {
6547
- display: flex;
6548
- align-items: start;
6549
- }
6550
-
6551
- .pf-v6-c-action-list {
6552
- row-gap: var(--pf-v6-c-action-list--RowGap);
6553
- column-gap: var(--pf-v6-c-action-list--ColumnGap);
6554
- }
6555
-
6556
- .pf-v6-c-action-list.pf-m-icons {
6557
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6558
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6559
- }
6560
-
6561
- .pf-v6-c-action-list__group {
6562
- row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
6563
- column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
6564
- }
6565
-
6566
- .pf-v6-c-action-list__group.pf-m-icons {
6567
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6568
- }
6569
-
6570
6169
  .pf-v6-c-popover {
6571
6170
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
6572
6171
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -6690,103 +6289,623 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
6690
6289
  --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd);
6691
6290
  }
6692
6291
 
6693
- .pf-v6-c-popover:is(.pf-m-top-left,
6694
- .pf-m-bottom-left) {
6695
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
6696
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
6292
+ .pf-v6-c-popover:is(.pf-m-top-left,
6293
+ .pf-m-bottom-left) {
6294
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
6295
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
6296
+ }
6297
+
6298
+ .pf-v6-c-popover:is(.pf-m-top-right,
6299
+ .pf-m-bottom-right) {
6300
+ --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
6301
+ --pf-v6-c-popover__arrow--InsetInlineStart: auto;
6302
+ }
6303
+
6304
+ .pf-v6-c-popover.pf-m-danger {
6305
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
6306
+ }
6307
+
6308
+ .pf-v6-c-popover.pf-m-warning {
6309
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
6310
+ }
6311
+
6312
+ .pf-v6-c-popover.pf-m-success {
6313
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
6314
+ }
6315
+
6316
+ .pf-v6-c-popover.pf-m-custom {
6317
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
6318
+ }
6319
+
6320
+ .pf-v6-c-popover.pf-m-info {
6321
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
6322
+ }
6323
+
6324
+ .pf-v6-c-popover__content {
6325
+ position: relative;
6326
+ padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
6327
+ padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
6328
+ padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
6329
+ padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
6330
+ background-color: var(--pf-v6-c-popover__content--BackgroundColor);
6331
+ border-radius: var(--pf-v6-c-popover__content--BorderRadius);
6332
+ }
6333
+
6334
+ .pf-v6-c-popover__close {
6335
+ position: absolute;
6336
+ inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
6337
+ inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
6338
+ }
6339
+
6340
+ .pf-v6-c-popover__close + * {
6341
+ padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
6342
+ }
6343
+
6344
+ .pf-v6-c-popover__arrow {
6345
+ position: absolute;
6346
+ top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
6347
+ right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
6348
+ bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
6349
+ left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
6350
+ width: var(--pf-v6-c-popover__arrow--Width);
6351
+ height: var(--pf-v6-c-popover__arrow--Height);
6352
+ pointer-events: none;
6353
+ background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
6354
+ box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
6355
+ transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
6356
+ }
6357
+
6358
+ .pf-v6-c-popover__header {
6359
+ margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
6360
+ }
6361
+
6362
+ .pf-v6-c-popover__title {
6363
+ display: flex;
6364
+ flex: 0 0 auto;
6365
+ }
6366
+
6367
+ .pf-v6-c-popover__title-icon {
6368
+ margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
6369
+ font-size: var(--pf-v6-c-popover__title-icon--FontSize);
6370
+ color: var(--pf-v6-c-popover__title-icon--Color);
6371
+ }
6372
+
6373
+ .pf-v6-c-popover__title-text {
6374
+ min-width: 0;
6375
+ font-size: var(--pf-v6-c-popover__title-text--FontSize);
6376
+ font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
6377
+ color: var(--pf-v6-c-popover__title-text--Color);
6378
+ overflow-wrap: break-word;
6379
+ }
6380
+
6381
+ .pf-v6-c-popover__body {
6382
+ word-wrap: break-word;
6383
+ }
6384
+
6385
+ .pf-v6-c-popover__footer {
6386
+ margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
6387
+ }
6388
+
6389
+ .pf-v6-c-action-list {
6390
+ --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6391
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
6392
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
6393
+ --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
6394
+ }
6395
+
6396
+ .pf-v6-c-action-list,
6397
+ .pf-v6-c-action-list__group {
6398
+ display: flex;
6399
+ align-items: start;
6400
+ }
6401
+
6402
+ .pf-v6-c-action-list {
6403
+ row-gap: var(--pf-v6-c-action-list--RowGap);
6404
+ column-gap: var(--pf-v6-c-action-list--ColumnGap);
6405
+ }
6406
+
6407
+ .pf-v6-c-action-list.pf-m-icons {
6408
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6409
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6410
+ }
6411
+
6412
+ .pf-v6-c-action-list__group {
6413
+ row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
6414
+ column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
6415
+ }
6416
+
6417
+ .pf-v6-c-action-list__group.pf-m-icons {
6418
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6419
+ }
6420
+
6421
+ .pf-v6-c-form-control {
6422
+ --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
6423
+ --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
6424
+ --pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
6425
+ --pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
6426
+ --pf-v6-c-form-control--Resize: none;
6427
+ --pf-v6-c-form-control--OutlineOffset: -6px;
6428
+ --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--small);
6429
+ --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
6430
+ --pf-v6-c-form-control--before--BorderStyle: solid;
6431
+ --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--default);
6432
+ --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6433
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6434
+ --pf-v6-c-form-control--after--BorderStyle: solid;
6435
+ --pf-v6-c-form-control--after--BorderColor: transparent;
6436
+ --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6437
+ --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
6438
+ --pf-v6-c-form-control--Width: 100%;
6439
+ --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
6440
+ --pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
6441
+ --pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
6442
+ --pf-v6-c-form-control--PaddingInlineEnd--base: var(--pf-v6-c-form-control--inset--base);
6443
+ --pf-v6-c-form-control--PaddingInlineStart--base: var(--pf-v6-c-form-control--inset--base);
6444
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
6445
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
6446
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
6447
+ --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
6448
+ --pf-v6-c-form-control__utilities--input--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
6449
+ --pf-v6-c-form-control__utilities--select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
6450
+ --pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd: var(--pf-v6-c-form-control__textarea--PaddingInlineEnd);
6451
+ --pf-v6-c-form-control__input--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
6452
+ --pf-v6-c-form-control__input--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
6453
+ --pf-v6-c-form-control__input--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
6454
+ --pf-v6-c-form-control__input--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
6455
+ --pf-v6-c-form-control__select--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
6456
+ --pf-v6-c-form-control__select--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
6457
+ --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
6458
+ --pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
6459
+ --pf-v6-c-form-control__textarea--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
6460
+ --pf-v6-c-form-control__textarea--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
6461
+ --pf-v6-c-form-control__textarea--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
6462
+ --pf-v6-c-form-control__textarea--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
6463
+ --pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
6464
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
6465
+ --pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
6466
+ --pf-v6-c-form-control--m-warning--hover--after--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
6467
+ --pf-v6-c-form-control--m-error--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
6468
+ --pf-v6-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
6469
+ --pf-v6-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
6470
+ --pf-v6-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
6471
+ --pf-v6-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
6472
+ --pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
6473
+ --pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
6474
+ --pf-v6-c-form-control--m-disabled--after--BorderColor: transparent;
6475
+ --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
6476
+ --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-t--global--border--color--control--read-only);
6477
+ --pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
6478
+ --pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
6479
+ --pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
6480
+ --pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
6481
+ --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
6482
+ --pf-v6-c-form-control--icon--width: var(--pf-v6-c-form-control--FontSize);
6483
+ --pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6484
+ --pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
6485
+ --pf-v6-c-form-control--m-success--PaddingInlineEnd: initial;
6486
+ --pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: initial;
6487
+ --pf-v6-c-form-control__input--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
6488
+ --pf-v6-c-form-control__select--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
6489
+ --pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
6490
+ --pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6491
+ --pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
6492
+ --pf-v6-c-form-control--m-warning--PaddingInlineEnd: initial;
6493
+ --pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: initial;
6494
+ --pf-v6-c-form-control__input--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
6495
+ --pf-v6-c-form-control__select--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
6496
+ --pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
6497
+ --pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6498
+ --pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
6499
+ --pf-v6-c-form-control--m-error--PaddingInlineEnd: initial;
6500
+ --pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: initial;
6501
+ --pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
6502
+ --pf-v6-c-form-control__input--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
6503
+ --pf-v6-c-form-control__select--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--m-icon--icon--spacer) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd));
6504
+ --pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd));
6505
+ --pf-v6-c-form-control--m-icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
6506
+ --pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
6507
+ --pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
6508
+ --pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd: calc(var(--pf-v6-c-form-control--icon--width) + var(--pf-v6-c-form-control__utilities--Gap) + var(--pf-v6-c-form-control--m-icon--icon--width) + var(--pf-v6-c-form-control--ColumnGap) + var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd));
6509
+ --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
6510
+ --pf-v6-c-form-control--textarea--Height: auto;
6511
+ --pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
6512
+ --pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
6513
+ --pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
6514
+ --pf-v6-c-form-control--textarea--PaddingInlineStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
6515
+ --pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
6516
+ --pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
6517
+ --pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
6518
+ --pf-v6-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
6519
+ --pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
6520
+ --pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
6521
+ --pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
6522
+ --pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart);
6523
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
6524
+ --pf-v6-c-form-control__utilities--textarea--PaddingBlockStart: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
6525
+ --pf-v6-c-form-control__toggle-icon--PaddingInlineStart: 0;
6526
+ --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: 0;
6527
+ --pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
6528
+ --pf-v6-c-form-control__toggle-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
6529
+ --pf-v6-c-form-control--m-disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
6530
+ }
6531
+
6532
+ .pf-v6-c-form-control {
6533
+ position: relative;
6534
+ display: grid;
6535
+ grid-template-columns: 1fr auto;
6536
+ column-gap: var(--pf-v6-c-form-control--ColumnGap);
6537
+ align-items: start;
6538
+ width: var(--pf-v6-c-form-control--Width);
6539
+ font-size: var(--pf-v6-c-form-control--FontSize);
6540
+ line-height: var(--pf-v6-c-form-control--LineHeight);
6541
+ resize: var(--pf-v6-c-form-control--Resize);
6542
+ background-color: var(--pf-v6-c-form-control--BackgroundColor);
6543
+ border-radius: var(--pf-v6-c-form-control--BorderRadius);
6544
+ }
6545
+
6546
+ .pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
6547
+ position: absolute;
6548
+ inset: 0;
6549
+ pointer-events: none;
6550
+ content: "";
6551
+ }
6552
+
6553
+ .pf-v6-c-form-control::before {
6554
+ border-color: var(--pf-v6-c-form-control--before--BorderColor);
6555
+ border-style: var(--pf-v6-c-form-control--before--BorderStyle);
6556
+ border-width: var(--pf-v6-c-form-control--before--BorderWidth);
6557
+ border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
6558
+ }
6559
+
6560
+ .pf-v6-c-form-control::after {
6561
+ border: var(--pf-v6-c-form-control--after--BorderWidth) var(--pf-v6-c-form-control--after--BorderStyle) var(--pf-v6-c-form-control--after--BorderColor);
6562
+ border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
6563
+ }
6564
+
6565
+ .pf-v6-c-form-control > :is(input, select, textarea) {
6566
+ grid-row: 1/2;
6567
+ grid-column: 1/-1;
6568
+ padding-block-start: var(--pf-v6-c-form-control--PaddingBlockStart);
6569
+ padding-block-end: var(--pf-v6-c-form-control--PaddingBlockEnd);
6570
+ padding-inline-start: var(--pf-v6-c-form-control--PaddingInlineStart);
6571
+ padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
6572
+ color: var(--pf-v6-c-form-control--Color);
6573
+ appearance: none;
6574
+ background-color: transparent;
6575
+ border: none;
6576
+ border-radius: var(--pf-v6-c-form-control--BorderRadius);
6577
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
6578
+ }
6579
+
6580
+ .pf-v6-c-form-control > ::placeholder {
6581
+ color: var(--pf-v6-c-form-control--m-placeholder--Color);
6582
+ }
6583
+
6584
+ .pf-v6-c-form-control > :is(input, select) {
6585
+ text-overflow: ellipsis;
6586
+ }
6587
+
6588
+ .pf-v6-c-form-control:has(input) {
6589
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
6590
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
6591
+ --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__input--PaddingInlineStart);
6592
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
6593
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd);
6594
+ }
6595
+
6596
+ .pf-v6-c-form-control.pf-m-textarea {
6597
+ padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
6598
+ padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
6599
+ padding-inline-start: var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset);
6600
+ padding-inline-end: var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset);
6601
+ }
6602
+
6603
+ .pf-v6-c-form-control.pf-m-textarea.pf-m-success, .pf-v6-c-form-control.pf-m-textarea.pf-m-warning, .pf-v6-c-form-control.pf-m-textarea.pf-m-error {
6604
+ --pf-v6-c-form-control--m-status--PaddingInlineEnd--offset: calc(var(--pf-v6-c-form-control__icon--FontSize) + var(--pf-v6-c-form-control--ColumnGap));
6605
+ }
6606
+
6607
+ .pf-v6-c-form-control.pf-m-textarea:has(textarea) {
6608
+ --pf-v6-c-form-control--PaddingBlockStart: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
6609
+ --pf-v6-c-form-control--PaddingBlockEnd: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
6610
+ --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__textarea--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
6611
+ --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__textarea--PaddingInlineEnd) - var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset) + var(--pf-v6-c-form-control--m-status--PaddingInlineEnd--offset, 0px));
6612
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
6613
+ }
6614
+
6615
+ .pf-v6-c-form-control.pf-m-textarea > textarea {
6616
+ outline-offset: 0;
6617
+ scrollbar-gutter: stable;
6618
+ }
6619
+
6620
+ .pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
6621
+ padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
6622
+ }
6623
+
6624
+ .pf-v6-c-form-control.pf-m-readonly {
6625
+ --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
6626
+ --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
6627
+ }
6628
+
6629
+ .pf-v6-c-form-control.pf-m-readonly:hover {
6630
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
6631
+ }
6632
+
6633
+ .pf-v6-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
6634
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
6635
+ }
6636
+
6637
+ .pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
6638
+ --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor);
6639
+ --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BorderColor);
6640
+ --pf-v6-c-form-control--inset--base: var(--pf-v6-c-form-control--m-readonly--m-plain--inset--base);
6641
+ --pf-v6-c-form-control--before--BorderStyle: none;
6642
+ --pf-v6-c-form-control--after--BorderStyle: none;
6643
+ --pf-v6-c-form-control--OutlineOffset: var(--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset);
6644
+ }
6645
+
6646
+ .pf-v6-c-form-control.pf-m-expanded {
6647
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-expanded--after--BorderColor);
6648
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-expanded--after--BorderWidth);
6649
+ }
6650
+
6651
+ .pf-v6-c-form-control.pf-m-disabled {
6652
+ --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-disabled--BackgroundColor);
6653
+ --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
6654
+ --pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
6655
+ --pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
6656
+ --pf-v6-c-form-control--before--BorderStyle: none;
6657
+ --pf-v6-c-form-control--after--BorderStyle: none;
6658
+ cursor: not-allowed;
6659
+ }
6660
+
6661
+ .pf-v6-c-form-control.pf-m-error {
6662
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
6663
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
6664
+ --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
6665
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
6666
+ }
6667
+
6668
+ .pf-v6-c-form-control.pf-m-error > textarea {
6669
+ padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
6670
+ }
6671
+
6672
+ .pf-v6-c-form-control.pf-m-error > input {
6673
+ padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-error--PaddingInlineEnd));
6674
+ }
6675
+
6676
+ .pf-v6-c-form-control.pf-m-error > select {
6677
+ padding-inline-end: var(--pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-error--PaddingInlineEnd));
6678
+ }
6679
+
6680
+ .pf-v6-c-form-control.pf-m-error.pf-m-icon > :is(input) {
6681
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6682
+ }
6683
+
6684
+ .pf-v6-c-form-control.pf-m-success {
6685
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
6686
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
6687
+ --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
6688
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
6689
+ }
6690
+
6691
+ .pf-v6-c-form-control.pf-m-success > textarea {
6692
+ padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd));
6693
+ }
6694
+
6695
+ .pf-v6-c-form-control.pf-m-success > input {
6696
+ padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-success--PaddingInlineEnd));
6697
+ }
6698
+
6699
+ .pf-v6-c-form-control.pf-m-success > select {
6700
+ padding-inline-end: var(--pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-success--PaddingInlineEnd));
6701
+ }
6702
+
6703
+ .pf-v6-c-form-control.pf-m-success.pf-m-icon > :is(input) {
6704
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6705
+ }
6706
+
6707
+ .pf-v6-c-form-control.pf-m-warning {
6708
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
6709
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
6710
+ --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
6711
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
6712
+ }
6713
+
6714
+ .pf-v6-c-form-control.pf-m-warning > textarea {
6715
+ padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd));
6716
+ }
6717
+
6718
+ .pf-v6-c-form-control.pf-m-warning > input {
6719
+ padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd));
6720
+ }
6721
+
6722
+ .pf-v6-c-form-control.pf-m-warning > select {
6723
+ padding-inline-end: var(--pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd, var(--pf-v6-c-form-control__select--m-warning--PaddingInlineEnd));
6724
+ }
6725
+
6726
+ .pf-v6-c-form-control.pf-m-warning.pf-m-icon > :is(input) {
6727
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6728
+ }
6729
+
6730
+ .pf-v6-c-form-control:hover {
6731
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
6732
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
6733
+ }
6734
+
6735
+ .pf-v6-c-form-control.pf-m-icon {
6736
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
6737
+ }
6738
+
6739
+ .pf-v6-c-form-control:has(select) {
6740
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__select--PaddingBlockStart);
6741
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__select--PaddingBlockEnd);
6742
+ --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
6743
+ --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
6744
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
6745
+ background-color: var(--pf-v6-c-form-control--BackgroundColor);
6746
+ }
6747
+
6748
+ .pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
6749
+ padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
6750
+ }
6751
+
6752
+ @-moz-document url-prefix() {
6753
+ .pf-v6-c-form-control:has(select) {
6754
+ --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) - 1px);
6755
+ --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
6756
+ }
6757
+ }
6758
+ .pf-v6-c-form-control.pf-m-placeholder > select {
6759
+ --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
6760
+ }
6761
+
6762
+ .pf-v6-c-form-control.pf-m-placeholder > select * {
6763
+ color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
6764
+ }
6765
+
6766
+ .pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
6767
+ color: revert;
6768
+ }
6769
+
6770
+ .pf-v6-c-form-control > textarea {
6771
+ width: 100%;
6772
+ height: 100%;
6773
+ vertical-align: bottom;
6774
+ resize: none;
6697
6775
  }
6698
6776
 
6699
- .pf-v6-c-popover:is(.pf-m-top-right,
6700
- .pf-m-bottom-right) {
6701
- --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
6702
- --pf-v6-c-popover__arrow--InsetInlineStart: auto;
6777
+ .pf-v6-c-form-control.pf-m-resize-vertical {
6778
+ --pf-v6-c-form-control--Resize: vertical;
6779
+ overflow: auto;
6703
6780
  }
6704
6781
 
6705
- .pf-v6-c-popover.pf-m-danger {
6706
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
6782
+ .pf-v6-c-form-control.pf-m-resize-horizontal {
6783
+ --pf-v6-c-form-control--Resize: horizontal;
6784
+ overflow: auto;
6707
6785
  }
6708
6786
 
6709
- .pf-v6-c-popover.pf-m-warning {
6710
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
6787
+ .pf-v6-c-form-control.pf-m-resize-both {
6788
+ --pf-v6-c-form-control--Resize: both;
6789
+ overflow: auto;
6711
6790
  }
6712
6791
 
6713
- .pf-v6-c-popover.pf-m-success {
6714
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
6792
+ .pf-v6-c-form-control__icon {
6793
+ font-size: var(--pf-v6-c-form-control__icon--FontSize);
6794
+ color: var(--pf-v6-c-form-control__icon--Color);
6715
6795
  }
6716
6796
 
6717
- .pf-v6-c-popover.pf-m-custom {
6718
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
6797
+ .pf-v6-c-form-control__icon.pf-m-status {
6798
+ --pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
6719
6799
  }
6720
6800
 
6721
- .pf-v6-c-popover.pf-m-info {
6722
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
6801
+ .pf-v6-c-form-control__toggle-icon {
6802
+ grid-row: 1/2;
6803
+ grid-column: 3;
6804
+ padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
6805
+ padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
6806
+ font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
6807
+ color: var(--pf-v6-c-form-control__toggle-icon--Color);
6808
+ pointer-events: none;
6723
6809
  }
6724
6810
 
6725
- .pf-v6-c-popover__content {
6726
- position: relative;
6727
- padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
6728
- padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
6729
- padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
6730
- padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
6731
- background-color: var(--pf-v6-c-popover__content--BackgroundColor);
6732
- border-radius: var(--pf-v6-c-popover__content--BorderRadius);
6811
+ .pf-v6-c-form-control__utilities {
6812
+ display: flex;
6813
+ flex-wrap: nowrap;
6814
+ grid-row: 1/2;
6815
+ grid-column: 2;
6816
+ gap: var(--pf-v6-c-form-control__utilities--Gap);
6817
+ padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
6818
+ padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
6819
+ pointer-events: none;
6733
6820
  }
6734
6821
 
6735
- .pf-v6-c-popover__close {
6736
- position: absolute;
6737
- inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
6738
- inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
6822
+ .pf-v6-c-spinner {
6823
+ --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
6824
+ --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
6825
+ --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
6826
+ --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
6827
+ --pf-v6-c-spinner--AnimationDuration: 1.4s;
6828
+ --pf-v6-c-spinner--AnimationTimingFunction: linear;
6829
+ --pf-v6-c-spinner--StrokeWidth: 10;
6830
+ --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
6831
+ --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
6832
+ --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
6833
+ --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
6834
+ --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
6835
+ --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
6836
+ --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
6837
+ --pf-v6-c-spinner--m-inline--diameter: 1em;
6739
6838
  }
6740
6839
 
6741
- .pf-v6-c-popover__close + * {
6742
- padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
6840
+ .pf-v6-c-spinner {
6841
+ width: var(--pf-v6-c-spinner--Width);
6842
+ height: var(--pf-v6-c-spinner--Height);
6843
+ overflow: hidden;
6844
+ animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
6743
6845
  }
6744
6846
 
6745
- .pf-v6-c-popover__arrow {
6746
- position: absolute;
6747
- top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
6748
- right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
6749
- bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
6750
- left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
6751
- width: var(--pf-v6-c-popover__arrow--Width);
6752
- height: var(--pf-v6-c-popover__arrow--Height);
6753
- pointer-events: none;
6754
- background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
6755
- box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
6756
- transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
6847
+ .pf-v6-c-spinner.pf-m-inline {
6848
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
6757
6849
  }
6758
6850
 
6759
- .pf-v6-c-popover__header {
6760
- margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
6851
+ .pf-v6-c-spinner.pf-m-xs {
6852
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
6853
+ --pf-v6-c-spinner--StrokeWidth: 15;
6761
6854
  }
6762
6855
 
6763
- .pf-v6-c-popover__title {
6764
- display: flex;
6765
- flex: 0 0 auto;
6856
+ .pf-v6-c-spinner.pf-m-sm {
6857
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
6766
6858
  }
6767
6859
 
6768
- .pf-v6-c-popover__title-icon {
6769
- margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
6770
- font-size: var(--pf-v6-c-popover__title-icon--FontSize);
6771
- color: var(--pf-v6-c-popover__title-icon--Color);
6860
+ .pf-v6-c-spinner.pf-m-md {
6861
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
6772
6862
  }
6773
6863
 
6774
- .pf-v6-c-popover__title-text {
6775
- min-width: 0;
6776
- font-size: var(--pf-v6-c-popover__title-text--FontSize);
6777
- font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
6778
- color: var(--pf-v6-c-popover__title-text--Color);
6779
- overflow-wrap: break-word;
6864
+ .pf-v6-c-spinner.pf-m-lg {
6865
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
6780
6866
  }
6781
6867
 
6782
- .pf-v6-c-popover__body {
6783
- word-wrap: break-word;
6868
+ .pf-v6-c-spinner.pf-m-xl {
6869
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
6784
6870
  }
6785
6871
 
6786
- .pf-v6-c-popover__footer {
6787
- margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
6872
+ .pf-v6-c-spinner__path {
6873
+ width: 100%;
6874
+ height: 100%;
6875
+ stroke: var(--pf-v6-c-spinner--Color);
6876
+ stroke-dasharray: 283;
6877
+ stroke-dashoffset: 280;
6878
+ stroke-linecap: round;
6879
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
6880
+ transform-origin: 50% 50%;
6881
+ animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
6788
6882
  }
6789
6883
 
6884
+ @keyframes pf-v6-c-spinner-animation-rotate {
6885
+ 0% {
6886
+ transform: rotate(0deg);
6887
+ }
6888
+ 100% {
6889
+ transform: rotate(360deg);
6890
+ }
6891
+ }
6892
+ @keyframes pf-v6-c-spinner-animation-dash {
6893
+ 0% {
6894
+ stroke-dashoffset: 280;
6895
+ transform: rotate(0);
6896
+ }
6897
+ 15% {
6898
+ stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
6899
+ }
6900
+ 40% {
6901
+ stroke-dasharray: 220;
6902
+ stroke-dashoffset: 150;
6903
+ }
6904
+ 100% {
6905
+ stroke-dashoffset: 280;
6906
+ transform: rotate(720deg);
6907
+ }
6908
+ }
6790
6909
  .pf-v6-c-breadcrumb {
6791
6910
  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
6792
6911
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -7549,93 +7668,6 @@ button.pf-v6-c-breadcrumb__link {
7549
7668
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
7550
7669
  }
7551
7670
 
7552
- .pf-v6-c-spinner {
7553
- --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
7554
- --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
7555
- --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
7556
- --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
7557
- --pf-v6-c-spinner--AnimationDuration: 1.4s;
7558
- --pf-v6-c-spinner--AnimationTimingFunction: linear;
7559
- --pf-v6-c-spinner--StrokeWidth: 10;
7560
- --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
7561
- --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
7562
- --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
7563
- --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
7564
- --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
7565
- --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
7566
- --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
7567
- --pf-v6-c-spinner--m-inline--diameter: 1em;
7568
- }
7569
-
7570
- .pf-v6-c-spinner {
7571
- width: var(--pf-v6-c-spinner--Width);
7572
- height: var(--pf-v6-c-spinner--Height);
7573
- overflow: hidden;
7574
- animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
7575
- }
7576
-
7577
- .pf-v6-c-spinner.pf-m-inline {
7578
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
7579
- }
7580
-
7581
- .pf-v6-c-spinner.pf-m-xs {
7582
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
7583
- --pf-v6-c-spinner--StrokeWidth: 15;
7584
- }
7585
-
7586
- .pf-v6-c-spinner.pf-m-sm {
7587
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
7588
- }
7589
-
7590
- .pf-v6-c-spinner.pf-m-md {
7591
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
7592
- }
7593
-
7594
- .pf-v6-c-spinner.pf-m-lg {
7595
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
7596
- }
7597
-
7598
- .pf-v6-c-spinner.pf-m-xl {
7599
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
7600
- }
7601
-
7602
- .pf-v6-c-spinner__path {
7603
- width: 100%;
7604
- height: 100%;
7605
- stroke: var(--pf-v6-c-spinner--Color);
7606
- stroke-dasharray: 283;
7607
- stroke-dashoffset: 280;
7608
- stroke-linecap: round;
7609
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
7610
- transform-origin: 50% 50%;
7611
- animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
7612
- }
7613
-
7614
- @keyframes pf-v6-c-spinner-animation-rotate {
7615
- 0% {
7616
- transform: rotate(0deg);
7617
- }
7618
- 100% {
7619
- transform: rotate(360deg);
7620
- }
7621
- }
7622
- @keyframes pf-v6-c-spinner-animation-dash {
7623
- 0% {
7624
- stroke-dashoffset: 280;
7625
- transform: rotate(0);
7626
- }
7627
- 15% {
7628
- stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
7629
- }
7630
- 40% {
7631
- stroke-dasharray: 220;
7632
- stroke-dashoffset: 150;
7633
- }
7634
- 100% {
7635
- stroke-dashoffset: 280;
7636
- transform: rotate(720deg);
7637
- }
7638
- }
7639
7671
  .pf-v6-c-badge {
7640
7672
  --pf-v6-c-badge--BorderColor: transparent;
7641
7673
  --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);