@patternfly/react-table 6.5.0-prerelease.40 → 6.5.0-prerelease.41

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/CHANGELOG.md +4 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/Table/package.json +1 -1
  5. package/dist/dynamic/components/Table/utils/decorators/package.json +1 -1
  6. package/dist/dynamic/components/Table/utils/package.json +1 -1
  7. package/dist/dynamic/deprecated/components/Table/base/package.json +1 -1
  8. package/dist/dynamic/deprecated/components/Table/package.json +1 -1
  9. package/dist/dynamic/deprecated/components/package.json +1 -1
  10. package/dist/umd/assets/{output-CbkF5XBz.css → output-BwG9y--S.css} +1817 -1817
  11. package/dist/umd/react-table.min.js +2 -2
  12. package/package.json +3 -3
  13. package/src/components/Table/__tests__/__snapshots__/RowWrapper.test.tsx.snap +2 -2
  14. package/src/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +1 -1
  15. package/src/components/Table/__tests__/__snapshots__/Tr.test.tsx.snap +2 -2
  16. package/src/deprecated/components/Table/__tests__/__snapshots__/Table.test.tsx.snap +299 -299
package/dist/umd/assets/{output-CbkF5XBz.css → output-BwG9y--S.css} RENAMED
@@ -1125,6 +1125,98 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1125
1125
  --pf-v6-c-table--cell--Width: 100%;
1126
1126
  }
1127
1127
 
1128
+ .pf-v6-c-inline-edit {
1129
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
1130
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
1131
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
1132
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
1133
+ --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
1134
+ --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
1135
+ }
1136
+
1137
+ .pf-v6-c-inline-edit__group {
1138
+ display: flex;
1139
+ align-items: baseline;
1140
+ }
1141
+
1142
+ .pf-v6-c-inline-edit__group > * {
1143
+ margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
1144
+ }
1145
+
1146
+ .pf-v6-c-inline-edit__group.pf-m-icon-group {
1147
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
1148
+ }
1149
+
1150
+ .pf-v6-c-inline-edit__group.pf-m-footer {
1151
+ margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
1152
+ }
1153
+
1154
+ .pf-v6-c-inline-edit__group.pf-m-column {
1155
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
1156
+ flex-direction: column;
1157
+ }
1158
+
1159
+ .pf-v6-c-inline-edit__group > :last-child {
1160
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
1161
+ }
1162
+
1163
+ .pf-v6-c-inline-edit__input {
1164
+ flex: 1;
1165
+ }
1166
+
1167
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
1168
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
1169
+ }
1170
+
1171
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
1172
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
1173
+ }
1174
+
1175
+ .pf-v6-c-inline-edit__input,
1176
+ .pf-v6-c-inline-edit__action,
1177
+ .pf-v6-c-inline-edit__group.pf-m-action-group {
1178
+ display: none;
1179
+ }
1180
+
1181
+ .pf-v6-c-inline-edit__action.pf-m-enable-editable {
1182
+ display: inline-block;
1183
+ }
1184
+
1185
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
1186
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
1187
+ display: block;
1188
+ }
1189
+
1190
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
1191
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
1192
+ display: inline-block;
1193
+ }
1194
+
1195
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
1196
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
1197
+ display: inline-flex;
1198
+ }
1199
+
1200
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
1201
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
1202
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
1203
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
1204
+ display: none;
1205
+ }
1206
+
1207
+ .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
1208
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
1209
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
1210
+ }
1211
+
1212
+ .pf-v6-c-inline-edit__label.pf-m-bold {
1213
+ font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
1214
+ }
1215
+
1216
+ .pf-v6-c-inline-edit__editable-text br {
1217
+ display: none;
1218
+ }
1219
+
1128
1220
  .pf-v6-c-table {
1129
1221
  --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));
1130
1222
  --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));
@@ -3725,98 +3817,153 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3725
3817
  overflow: auto;
3726
3818
  }
3727
3819
 
3728
- .pf-v6-c-inline-edit {
3729
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
3730
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
3731
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
3732
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
3733
- --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
3734
- --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
3735
- }
3736
-
3737
- .pf-v6-c-inline-edit__group {
3738
- display: flex;
3739
- align-items: baseline;
3820
+ .pf-v6-u-screen-reader {
3821
+ position: fixed;
3822
+ inset-block-start: 0;
3823
+ inset-inline-start: 0;
3824
+ overflow: hidden;
3825
+ clip: rect(0, 0, 0, 0);
3826
+ white-space: nowrap;
3827
+ border: 0;
3740
3828
  }
3741
3829
 
3742
- .pf-v6-c-inline-edit__group > * {
3743
- margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
3830
+ .pf-v6-u-visible {
3831
+ position: static;
3832
+ overflow: visible;
3833
+ clip: auto;
3834
+ white-space: normal;
3835
+ border: inherit;
3744
3836
  }
3745
3837
 
3746
- .pf-v6-c-inline-edit__group.pf-m-icon-group {
3747
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
3838
+ .pf-v6-u-hidden {
3839
+ display: none !important;
3748
3840
  }
3749
3841
 
3750
- .pf-v6-c-inline-edit__group.pf-m-footer {
3751
- margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
3842
+ @media screen and (min-width: 36rem) {
3843
+ .pf-v6-u-screen-reader-on-sm {
3844
+ position: fixed;
3845
+ inset-block-start: 0;
3846
+ inset-inline-start: 0;
3847
+ overflow: hidden;
3848
+ clip: rect(0, 0, 0, 0);
3849
+ white-space: nowrap;
3850
+ border: 0;
3851
+ }
3752
3852
  }
3753
-
3754
- .pf-v6-c-inline-edit__group.pf-m-column {
3755
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
3756
- flex-direction: column;
3853
+ @media screen and (min-width: 36rem) {
3854
+ .pf-v6-u-visible-on-sm {
3855
+ position: static;
3856
+ overflow: visible;
3857
+ clip: auto;
3858
+ white-space: normal;
3859
+ border: inherit;
3860
+ }
3757
3861
  }
3758
-
3759
- .pf-v6-c-inline-edit__group > :last-child {
3760
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
3862
+ @media screen and (min-width: 36rem) {
3863
+ .pf-v6-u-hidden-on-sm {
3864
+ display: none !important;
3865
+ }
3761
3866
  }
3762
-
3763
- .pf-v6-c-inline-edit__input {
3764
- flex: 1;
3867
+ @media screen and (min-width: 48rem) {
3868
+ .pf-v6-u-screen-reader-on-md {
3869
+ position: fixed;
3870
+ inset-block-start: 0;
3871
+ inset-inline-start: 0;
3872
+ overflow: hidden;
3873
+ clip: rect(0, 0, 0, 0);
3874
+ white-space: nowrap;
3875
+ border: 0;
3876
+ }
3765
3877
  }
3766
-
3767
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
3768
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
3878
+ @media screen and (min-width: 48rem) {
3879
+ .pf-v6-u-visible-on-md {
3880
+ position: static;
3881
+ overflow: visible;
3882
+ clip: auto;
3883
+ white-space: normal;
3884
+ border: inherit;
3885
+ }
3769
3886
  }
3770
-
3771
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
3772
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
3887
+ @media screen and (min-width: 48rem) {
3888
+ .pf-v6-u-hidden-on-md {
3889
+ display: none !important;
3890
+ }
3773
3891
  }
3774
-
3775
- .pf-v6-c-inline-edit__input,
3776
- .pf-v6-c-inline-edit__action,
3777
- .pf-v6-c-inline-edit__group.pf-m-action-group {
3778
- display: none;
3892
+ @media screen and (min-width: 62rem) {
3893
+ .pf-v6-u-screen-reader-on-lg {
3894
+ position: fixed;
3895
+ inset-block-start: 0;
3896
+ inset-inline-start: 0;
3897
+ overflow: hidden;
3898
+ clip: rect(0, 0, 0, 0);
3899
+ white-space: nowrap;
3900
+ border: 0;
3901
+ }
3779
3902
  }
3780
-
3781
- .pf-v6-c-inline-edit__action.pf-m-enable-editable {
3782
- display: inline-block;
3903
+ @media screen and (min-width: 62rem) {
3904
+ .pf-v6-u-visible-on-lg {
3905
+ position: static;
3906
+ overflow: visible;
3907
+ clip: auto;
3908
+ white-space: normal;
3909
+ border: inherit;
3910
+ }
3783
3911
  }
3784
-
3785
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
3786
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
3787
- display: block;
3912
+ @media screen and (min-width: 62rem) {
3913
+ .pf-v6-u-hidden-on-lg {
3914
+ display: none !important;
3915
+ }
3788
3916
  }
3789
-
3790
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
3791
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
3792
- display: inline-block;
3917
+ @media screen and (min-width: 75rem) {
3918
+ .pf-v6-u-screen-reader-on-xl {
3919
+ position: fixed;
3920
+ inset-block-start: 0;
3921
+ inset-inline-start: 0;
3922
+ overflow: hidden;
3923
+ clip: rect(0, 0, 0, 0);
3924
+ white-space: nowrap;
3925
+ border: 0;
3926
+ }
3793
3927
  }
3794
-
3795
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
3796
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
3797
- display: inline-flex;
3928
+ @media screen and (min-width: 75rem) {
3929
+ .pf-v6-u-visible-on-xl {
3930
+ position: static;
3931
+ overflow: visible;
3932
+ clip: auto;
3933
+ white-space: normal;
3934
+ border: inherit;
3935
+ }
3798
3936
  }
3799
-
3800
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
3801
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
3802
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
3803
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
3804
- display: none;
3937
+ @media screen and (min-width: 75rem) {
3938
+ .pf-v6-u-hidden-on-xl {
3939
+ display: none !important;
3940
+ }
3805
3941
  }
3806
-
3807
- .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
3808
- margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
3809
- margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
3942
+ @media screen and (min-width: 90.625rem) {
3943
+ .pf-v6-u-screen-reader-on-2xl {
3944
+ position: fixed;
3945
+ inset-block-start: 0;
3946
+ inset-inline-start: 0;
3947
+ overflow: hidden;
3948
+ clip: rect(0, 0, 0, 0);
3949
+ white-space: nowrap;
3950
+ border: 0;
3951
+ }
3810
3952
  }
3811
-
3812
- .pf-v6-c-inline-edit__label.pf-m-bold {
3813
- font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
3953
+ @media screen and (min-width: 90.625rem) {
3954
+ .pf-v6-u-visible-on-2xl {
3955
+ position: static;
3956
+ overflow: visible;
3957
+ clip: auto;
3958
+ white-space: normal;
3959
+ border: inherit;
3960
+ }
3814
3961
  }
3815
-
3816
- .pf-v6-c-inline-edit__editable-text br {
3817
- display: none;
3962
+ @media screen and (min-width: 90.625rem) {
3963
+ .pf-v6-u-hidden-on-2xl {
3964
+ display: none !important;
3965
+ }
3818
3966
  }
3819
-
3820
3967
  .pf-v6-c-form {
3821
3968
  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3822
3969
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -4394,153 +4541,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4394
4541
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
4395
4542
  }
4396
4543
 
4397
- .pf-v6-u-screen-reader {
4398
- position: fixed;
4399
- inset-block-start: 0;
4400
- inset-inline-start: 0;
4401
- overflow: hidden;
4402
- clip: rect(0, 0, 0, 0);
4403
- white-space: nowrap;
4404
- border: 0;
4405
- }
4406
-
4407
- .pf-v6-u-visible {
4408
- position: static;
4409
- overflow: visible;
4410
- clip: auto;
4411
- white-space: normal;
4412
- border: inherit;
4413
- }
4414
-
4415
- .pf-v6-u-hidden {
4416
- display: none !important;
4417
- }
4418
-
4419
- @media screen and (min-width: 36rem) {
4420
- .pf-v6-u-screen-reader-on-sm {
4421
- position: fixed;
4422
- inset-block-start: 0;
4423
- inset-inline-start: 0;
4424
- overflow: hidden;
4425
- clip: rect(0, 0, 0, 0);
4426
- white-space: nowrap;
4427
- border: 0;
4428
- }
4429
- }
4430
- @media screen and (min-width: 36rem) {
4431
- .pf-v6-u-visible-on-sm {
4432
- position: static;
4433
- overflow: visible;
4434
- clip: auto;
4435
- white-space: normal;
4436
- border: inherit;
4437
- }
4438
- }
4439
- @media screen and (min-width: 36rem) {
4440
- .pf-v6-u-hidden-on-sm {
4441
- display: none !important;
4442
- }
4443
- }
4444
- @media screen and (min-width: 48rem) {
4445
- .pf-v6-u-screen-reader-on-md {
4446
- position: fixed;
4447
- inset-block-start: 0;
4448
- inset-inline-start: 0;
4449
- overflow: hidden;
4450
- clip: rect(0, 0, 0, 0);
4451
- white-space: nowrap;
4452
- border: 0;
4453
- }
4454
- }
4455
- @media screen and (min-width: 48rem) {
4456
- .pf-v6-u-visible-on-md {
4457
- position: static;
4458
- overflow: visible;
4459
- clip: auto;
4460
- white-space: normal;
4461
- border: inherit;
4462
- }
4463
- }
4464
- @media screen and (min-width: 48rem) {
4465
- .pf-v6-u-hidden-on-md {
4466
- display: none !important;
4467
- }
4468
- }
4469
- @media screen and (min-width: 62rem) {
4470
- .pf-v6-u-screen-reader-on-lg {
4471
- position: fixed;
4472
- inset-block-start: 0;
4473
- inset-inline-start: 0;
4474
- overflow: hidden;
4475
- clip: rect(0, 0, 0, 0);
4476
- white-space: nowrap;
4477
- border: 0;
4478
- }
4479
- }
4480
- @media screen and (min-width: 62rem) {
4481
- .pf-v6-u-visible-on-lg {
4482
- position: static;
4483
- overflow: visible;
4484
- clip: auto;
4485
- white-space: normal;
4486
- border: inherit;
4487
- }
4488
- }
4489
- @media screen and (min-width: 62rem) {
4490
- .pf-v6-u-hidden-on-lg {
4491
- display: none !important;
4492
- }
4493
- }
4494
- @media screen and (min-width: 75rem) {
4495
- .pf-v6-u-screen-reader-on-xl {
4496
- position: fixed;
4497
- inset-block-start: 0;
4498
- inset-inline-start: 0;
4499
- overflow: hidden;
4500
- clip: rect(0, 0, 0, 0);
4501
- white-space: nowrap;
4502
- border: 0;
4503
- }
4504
- }
4505
- @media screen and (min-width: 75rem) {
4506
- .pf-v6-u-visible-on-xl {
4507
- position: static;
4508
- overflow: visible;
4509
- clip: auto;
4510
- white-space: normal;
4511
- border: inherit;
4512
- }
4513
- }
4514
- @media screen and (min-width: 75rem) {
4515
- .pf-v6-u-hidden-on-xl {
4516
- display: none !important;
4517
- }
4518
- }
4519
- @media screen and (min-width: 90.625rem) {
4520
- .pf-v6-u-screen-reader-on-2xl {
4521
- position: fixed;
4522
- inset-block-start: 0;
4523
- inset-inline-start: 0;
4524
- overflow: hidden;
4525
- clip: rect(0, 0, 0, 0);
4526
- white-space: nowrap;
4527
- border: 0;
4528
- }
4529
- }
4530
- @media screen and (min-width: 90.625rem) {
4531
- .pf-v6-u-visible-on-2xl {
4532
- position: static;
4533
- overflow: visible;
4534
- clip: auto;
4535
- white-space: normal;
4536
- border: inherit;
4537
- }
4538
- }
4539
- @media screen and (min-width: 90.625rem) {
4540
- .pf-v6-u-hidden-on-2xl {
4541
- display: none !important;
4542
- }
4543
- }
4544
4544
  .pf-v6-c-tooltip {
4545
4545
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
4546
4546
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -5353,1799 +5353,1885 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
5353
5353
  color: var(--pf-v6-c-check__label-required--Color);
5354
5354
  }
5355
5355
 
5356
- .pf-v6-c-action-list {
5357
- --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
5358
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
5359
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
5360
- --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
5361
- --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
5362
- --pf-v6-c-action-list--m-vertical--m-icons--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
5356
+ .pf-v6-c-radio {
5357
+ --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
5358
+ --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
5359
+ --pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
5360
+ --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
5361
+ --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
5362
+ --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
5363
+ --pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
5364
+ --pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
5365
+ --pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
5366
+ --pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
5367
+ --pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
5368
+ --pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
5369
+ --pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
5370
+ --pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
5363
5371
  }
5364
5372
 
5365
- .pf-v6-c-action-list,
5366
- .pf-v6-c-action-list__group {
5367
- display: flex;
5368
- align-items: start;
5373
+ .pf-v6-c-radio {
5374
+ display: grid;
5375
+ grid-template-columns: auto 1fr;
5376
+ grid-gap: var(--pf-v6-c-radio--GridGap);
5377
+ align-items: baseline;
5378
+ accent-color: var(--pf-v6-c-radio--AccentColor);
5369
5379
  }
5370
5380
 
5371
- .pf-v6-c-action-list {
5372
- row-gap: var(--pf-v6-c-action-list--RowGap);
5373
- column-gap: var(--pf-v6-c-action-list--ColumnGap);
5381
+ .pf-v6-c-radio.pf-m-standalone {
5382
+ display: inline-grid;
5383
+ grid-template-columns: auto;
5384
+ min-height: var(--pf-v6-c-radio--m-standalone--MinHeight);
5374
5385
  }
5375
5386
 
5376
- .pf-v6-c-action-list.pf-m-icons {
5377
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5378
- --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-v6-c-action-list--m-vertical--m-icons--RowGap);
5379
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5387
+ .pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
5388
+ align-self: center;
5389
+ transform: none;
5380
5390
  }
5381
5391
 
5382
- .pf-v6-c-action-list.pf-m-vertical, .pf-v6-c-action-list.pf-m-vertical .pf-v6-c-action-list__group {
5383
- flex-direction: column;
5392
+ .pf-v6-c-radio__input {
5393
+ align-self: start;
5394
+ font-size: var(--pf-v6-c-radio__label--FontSize);
5395
+ line-height: var(--pf-v6-c-radio__label--LineHeight);
5396
+ transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
5384
5397
  }
5385
5398
 
5386
- .pf-v6-c-action-list.pf-m-vertical {
5387
- row-gap: var(--pf-v6-c-action-list--m-vertical--RowGap);
5399
+ .pf-v6-c-radio__input:first-child {
5400
+ margin-inline-start: var(--pf-v6-c-radio__input--first-child--MarginInlineStart);
5388
5401
  }
5389
5402
 
5390
- .pf-v6-c-action-list__group {
5391
- row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
5392
- column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
5403
+ .pf-v6-c-radio__input:last-child {
5404
+ margin-inline-end: var(--pf-v6-c-radio__input--last-child--MarginInlineEnd);
5393
5405
  }
5394
5406
 
5395
- .pf-v6-c-action-list__group.pf-m-icons {
5396
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5407
+ .pf-v6-c-radio__label {
5408
+ font-size: var(--pf-v6-c-radio__label--FontSize);
5409
+ font-weight: var(--pf-v6-c-radio__label--FontWeight);
5410
+ line-height: var(--pf-v6-c-radio__label--LineHeight);
5411
+ color: var(--pf-v6-c-radio__label--Color);
5397
5412
  }
5398
5413
 
5399
- .pf-v6-c-button {
5400
- --pf-v6-c-button--Display: inline-flex;
5401
- --pf-v6-c-button--AlignItems: baseline;
5402
- --pf-v6-c-button--JustifyContent: center;
5403
- --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
5404
- --pf-v6-c-button--MinWidth: initial;
5405
- --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
5406
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
5407
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
5408
- --pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
5409
- --pf-v6-c-button--Color: var(--pf-t--global--text--color--regular);
5410
- --pf-v6-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
5411
- --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
5412
- --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
5413
- --pf-v6-c-button--BackgroundColor: transparent;
5414
- --pf-v6-c-button--BorderColor: transparent;
5415
- --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
5416
- --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
5417
- --pf-v6-c-button--TextDecorationLine: none;
5418
- --pf-v6-c-button--TextDecorationStyle: none;
5419
- --pf-v6-c-button--TextDecorationColor: currentcolor;
5420
- --pf-v6-c-button--TransitionDelay: 0s;
5421
- --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
5422
- --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
5423
- --pf-v6-c-button--TransitionProperty: color, background, border-color;
5424
- --pf-v6-c-button--ScaleX: 1;
5425
- --pf-v6-c-button--ScaleY: 1;
5426
- --pf-v6-c-button--border--offset: 0;
5427
- --pf-v6-c-button--hover--BackgroundColor: transparent;
5428
- --pf-v6-c-button--hover--BorderColor: transparent;
5429
- --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
5430
- --pf-v6-c-button--hover--TextDecorationLine: none;
5431
- --pf-v6-c-button--hover--TextDecorationStyle: none;
5432
- --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
5433
- --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
5434
- --pf-v6-c-button--hover--ScaleX: 1;
5435
- --pf-v6-c-button--hover--ScaleY: 1;
5436
- --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
5437
- --pf-v6-c-button--m-clicked--BorderColor: transparent;
5438
- --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
5439
- --pf-v6-c-button--m-clicked--TextDecorationLine: none;
5440
- --pf-v6-c-button--m-clicked--TextDecorationStyle: none;
5441
- --pf-v6-c-button--m-clicked--TextDecorationColor: currentcolor;
5442
- --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--default);
5443
- --pf-v6-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
5444
- --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
5445
- --pf-v6-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
5446
- --pf-v6-c-button--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
5447
- --pf-v6-c-button--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
5448
- --pf-v6-c-button--m-primary--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
5449
- --pf-v6-c-button--m-primary--m-clicked--Color: var(--pf-t--global--text--color--on-brand--clicked);
5450
- --pf-v6-c-button--m-primary--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--clicked);
5451
- --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
5452
- --pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
5453
- --pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
5454
- --pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
5455
- --pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
5456
- --pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
5457
- --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
5458
- --pf-v6-c-button--m-secondary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
5459
- --pf-v6-c-button--m-secondary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
5460
- --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-t--global--border--color--brand--clicked);
5461
- --pf-v6-c-button--m-secondary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
5462
- --pf-v6-c-button--m-secondary--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
5463
- --pf-v6-c-button--m-secondary--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
5464
- --pf-v6-c-button--m-secondary--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5465
- --pf-v6-c-button--m-secondary--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
5466
- --pf-v6-c-button--m-secondary--m-danger--hover--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
5467
- --pf-v6-c-button--m-secondary--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--danger--hover);
5468
- --pf-v6-c-button--m-secondary--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
5469
- --pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor: var(--pf-t--global--border--color--status--danger--clicked);
5470
- --pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
5471
- --pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
5472
- --pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
5473
- --pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
5474
- --pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
5475
- --pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
5476
- --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
5477
- --pf-v6-c-button--m-tertiary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
5478
- --pf-v6-c-button--m-tertiary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
5479
- --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
5480
- --pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
5481
- --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
5482
- --pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
5483
- --pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
5484
- --pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
5485
- --pf-v6-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5486
- --pf-v6-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
5487
- --pf-v6-c-button--m-link--hover--Color: var(--pf-t--global--text--color--brand--hover);
5488
- --pf-v6-c-button--m-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
5489
- --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-t--global--text--color--brand--hover);
5490
- --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
5491
- --pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
5492
- --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
5493
- --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5494
- --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5495
- --pf-v6-c-button--m-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
5496
- --pf-v6-c-button--m-link--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
5497
- --pf-v6-c-button--m-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
5498
- --pf-v6-c-button--m-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
5499
- --pf-v6-c-button--m-link--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
5500
- --pf-v6-c-button--m-link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
5501
- --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
5502
- --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5503
- --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
5504
- --pf-v6-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
5505
- --pf-v6-c-button--m-link--m-danger--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
5506
- --pf-v6-c-button--m-link--m-danger--hover__icon--Color: var(--pf-t--global--text--color--status--danger--hover);
5507
- --pf-v6-c-button--m-link--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
5508
- --pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
5509
- --pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
5510
- --pf-v6-c-button--m-link--m-inline--Display: inline-flex;
5511
- --pf-v6-c-button--m-link--m-inline--JustifyContent: flex-start;
5512
- --pf-v6-c-button--m-link--m-inline--FontSize: initial;
5513
- --pf-v6-c-button--m-link--m-inline--LineHeight: initial;
5514
- --pf-v6-c-button--m-link--m-inline--FontWeight: initial;
5515
- --pf-v6-c-button--m-link--m-inline--PaddingBlockStart: 0;
5516
- --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
5517
- --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
5518
- --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
5519
- --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
5520
- --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
5521
- --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
5522
- --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--default);
5523
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
5524
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
5525
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
5526
- --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
5527
- --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
5528
- --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
5529
- --pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
5530
- --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
5531
- --pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
5532
- --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
5533
- --pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
5534
- --pf-v6-c-button--span--m-link--m-inline--Display: inline;
5535
- --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
5536
- --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
5537
- --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
5538
- --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
5539
- --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
5540
- --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
5541
- --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
5542
- --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
5543
- --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
5544
- --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
5545
- --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
5546
- --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5547
- --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
5548
- --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
5549
- --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
5550
- --pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
5551
- --pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
5552
- --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
5553
- --pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
5554
- --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5555
- --pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5556
- --pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
5557
- --pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
5558
- --pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
5559
- --pf-v6-c-button--m-plain--BorderColor: transparent;
5560
- --pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
5561
- --pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
5562
- --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
5563
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
5564
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
5565
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
5566
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
5567
- --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
5568
- --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
5569
- --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
5570
- --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
5571
- --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
5572
- --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
5573
- --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
5574
- --pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
5575
- --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
5576
- --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
5577
- --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
5578
- --pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
5579
- --pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
5580
- --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--control--default);
5581
- --pf-v6-c-button--m-control--BorderWidth: var(--pf-t--global--border--width--control--default);
5582
- --pf-v6-c-button--m-control__icon--Color: var(--pf-t--global--icon--color--regular);
5583
- --pf-v6-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
5584
- --pf-v6-c-button--m-control--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
5585
- --pf-v6-c-button--m-control--hover--BorderColor: var(--pf-t--global--border--color--hover);
5586
- --pf-v6-c-button--m-control--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
5587
- --pf-v6-c-button--m-control--hover__icon--Color: var(--pf-t--global--icon--color--regular);
5588
- --pf-v6-c-button--m-control--m-clicked--Color: var(--pf-t--global--text--color--regular);
5589
- --pf-v6-c-button--m-control--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
5590
- --pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
5591
- --pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
5592
- --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
5593
- --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
5594
- --pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
5595
- --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
5596
- --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
5597
- --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
5598
- --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
5599
- --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
5600
- --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
5601
- --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
5602
- --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
5603
- --pf-v6-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
5604
- --pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
5605
- --pf-v6-c-button--m-read--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
5606
- --pf-v6-c-button--m-unread--Color: var(--pf-t--global--text--color--status--unread--on-default--default);
5607
- --pf-v6-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default);
5608
- --pf-v6-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--default);
5609
- --pf-v6-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--status--unread--on-default--hover);
5610
- --pf-v6-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--hover);
5611
- --pf-v6-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--hover);
5612
- --pf-v6-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-default--clicked);
5613
- --pf-v6-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--clicked);
5614
- --pf-v6-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--clicked);
5615
- --pf-v6-c-button--m-attention--Color: var(--pf-t--global--text--color--status--unread--on-attention--default);
5616
- --pf-v6-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--unread--attention--default);
5617
- --pf-v6-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--default);
5618
- --pf-v6-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--unread--on-attention--hover);
5619
- --pf-v6-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--unread--attention--hover);
5620
- --pf-v6-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--hover);
5621
- --pf-v6-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-attention--clicked);
5622
- --pf-v6-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--attention--clicked);
5623
- --pf-v6-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--clicked);
5624
- --pf-v6-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
5625
- --pf-v6-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
5626
- --pf-v6-c-button--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
5627
- --pf-v6-c-button--m-warning--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
5628
- --pf-v6-c-button--m-warning--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
5629
- --pf-v6-c-button--m-warning--hover__icon--Color: var(--pf-t--global--icon--color--status--on-warning--hover);
5630
- --pf-v6-c-button--m-warning--m-clicked--Color: var(--pf-t--global--text--color--status--on-warning--clicked);
5631
- --pf-v6-c-button--m-warning--m-clicked--BackgroundColor: var(--pf-t--global--color--status--warning--clicked);
5632
- --pf-v6-c-button--m-warning--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-warning--clicked);
5633
- --pf-v6-c-button--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
5634
- --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
5635
- --pf-v6-c-button--m-danger__icon--Color: var(--pf-t--global--icon--color--status--on-danger--default);
5636
- --pf-v6-c-button--m-danger--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
5637
- --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
5638
- --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--on-danger--hover);
5639
- --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
5640
- --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
5641
- --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
5642
- --pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--spacious);
5643
- --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
5644
- --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
5645
- --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
5646
- --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
5647
- --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
5648
- --pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
5649
- --pf-v6-c-button--m-display-lg--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
5650
- --pf-v6-c-button--m-display-lg--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
5651
- --pf-v6-c-button--m-display-lg--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
5652
- --pf-v6-c-button--m-display-lg--m-clicked--TextDecorationColor: var(--pf-t--global--border--color--control--default);
5653
- --pf-v6-c-button--m-display-lg--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
5654
- --pf-v6-c-button--m-display-lg--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
5655
- --pf-v6-c-button--m-display-lg--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
5656
- --pf-v6-c-button--m-display-lg--m-primary--Color: var(--pf-t--global--text--color--on-brand--accent--default);
5657
- --pf-v6-c-button--m-display-lg--m-primary--BackgroundColor: var(--pf-t--global--color--brand--accent--default);
5658
- --pf-v6-c-button--m-display-lg--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--default);
5659
- --pf-v6-c-button--m-display-lg--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--accent--hover);
5660
- --pf-v6-c-button--m-display-lg--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--accent--hover);
5661
- --pf-v6-c-button--m-display-lg--m-primary--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--hover);
5662
- --pf-v6-c-button--m-display-lg--m-primary--m-clicked--Color: var(--pf-t--global--text--color--on-brand--accent--clicked);
5663
- --pf-v6-c-button--m-display-lg--m-primary--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--accent--clicked);
5664
- --pf-v6-c-button--m-display-lg--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--clicked);
5665
- --pf-v6-c-button--m-display-lg--m-primary--hover--TextDecorationColor: currentcolor;
5666
- --pf-v6-c-button--m-display-lg--m-primary--m-clicked--TextDecorationColor: currentcolor;
5667
- --pf-v6-c-button--m-display-lg--m-secondary--Color: var(--pf-t--global--text--color--regular);
5668
- --pf-v6-c-button--m-display-lg--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--accent--default);
5669
- --pf-v6-c-button--m-display-lg--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--accent--default);
5670
- --pf-v6-c-button--m-display-lg--m-secondary--hover--Color: var(--pf-t--global--text--color--regular);
5671
- --pf-v6-c-button--m-display-lg--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--accent--hover);
5672
- --pf-v6-c-button--m-display-lg--m-secondary--hover__icon--Color: var(--pf-t--global--icon--color--brand--accent--hover);
5673
- --pf-v6-c-button--m-display-lg--m-secondary--m-clicked--Color: var(--pf-t--global--text--color--regular);
5674
- --pf-v6-c-button--m-display-lg--m-secondary--m-clicked--BorderColor: var(--pf-t--global--border--color--brand--accent--clicked);
5675
- --pf-v6-c-button--m-display-lg--m-secondary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--accent--clicked);
5676
- --pf-v6-c-button--m-display-lg--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--default);
5677
- --pf-v6-c-button--m-display-lg--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--default);
5678
- --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
5679
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
5680
- --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
5681
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
5682
- --pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
5683
- --pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
5684
- --pf-v6-c-button--disabled--TextDecorationColor: currentcolor;
5685
- --pf-v6-c-button--disabled--BorderColor: transparent;
5686
- --pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
5687
- --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
5688
- --pf-v6-c-button--hover__icon--Color: var(--pf-t--global--icon--color--regular);
5689
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
5690
- --pf-v6-c-button__icon--MarginInlineStart: 0;
5691
- --pf-v6-c-button__icon--MarginInlineEnd: 0;
5692
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
5693
- --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
5694
- --pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
5695
- --pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
5696
- --pf-v6-c-button__icon--TransitionDelay: 0s;
5697
- --pf-v6-c-button__icon--TransitionTimingFunction: auto;
5698
- --pf-v6-c-button__icon--TransitionDuration: 0s;
5699
- --pf-v6-c-button__icon--TransitionProperty: none;
5700
- --pf-v6-c-button__icon--Rotate: 0deg;
5701
- --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
5702
- --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
5703
- --pf-v6-c-button--hover__icon--TransitionProperty: none;
5704
- --pf-v6-c-button--hover__icon--Rotate: 0deg;
5705
- --pf-v6-c-button__icon--ScaleX: 1;
5706
- --pf-v6-c-button__icon--ScaleY: 1;
5707
- --pf-v6-c-button--hover__icon--ScaleX: 1;
5708
- --pf-v6-c-button--hover__icon--ScaleY: 1;
5709
- --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
5710
- --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
5711
- --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
5712
- --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
5713
- --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
5714
- --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
5715
- --pf-v6-c-button__icon--favorite--Opacity: 1;
5716
- --pf-v6-c-button__icon--favorited--Opacity: 0;
5717
- --pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
5718
- --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
5719
- --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
5720
- --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
5721
- --pf-v6-c-button__progress--Opacity: 0;
5722
- --pf-v6-c-button__progress--TranslateY: -50%;
5723
- --pf-v6-c-button__progress--TranslateX: 0;
5724
- --pf-v6-c-button__progress--InsetBlockStart: 50%;
5725
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
5726
- --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
5727
- --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
5728
- --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
5729
- --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
5730
- --pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width));
5731
- --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
5732
- --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
5733
- --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
5734
- --pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
5735
- --pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
5736
- --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
5737
- --pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
5738
- --pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
5739
- --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--alt);
5740
- --pf-v6-c-button--m-block--Display: flex;
5741
- --pf-v6-c-button--m-block--Width: 100%;
5742
- --pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
5743
- --pf-v6-c-button--hamburger-icon--TransitionDuration: var(--pf-t--global--motion--duration--md);
5744
- --pf-v6-c-button--hamburger-icon--top--path--base: path("M1,1 L9,1");
5745
- --pf-v6-c-button--hamburger-icon--middle--path--base: path("M1,5 L9,5");
5746
- --pf-v6-c-button--hamburger-icon--arrow--path--base: path("M1,5 L1,5 L1,5");
5747
- --pf-v6-c-button--hamburger-icon--bottom--path--base: path("M9,9 L1,9");
5748
- --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
5749
- --pf-v6-c-button--hamburger-icon--middle--path: var(--pf-v6-c-button--hamburger-icon--middle--path--base);
5750
- --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
5751
- --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
5752
- --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
5753
- --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
5754
- --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
5755
- --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
5756
- --pf-v6-c-button--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
5414
+ .pf-v6-c-radio__description {
5415
+ grid-column: 2;
5416
+ font-size: var(--pf-v6-c-radio__description--FontSize);
5417
+ color: var(--pf-v6-c-radio__description--Color);
5757
5418
  }
5758
5419
 
5759
- .pf-v6-c-button {
5760
- position: relative;
5761
- display: var(--pf-v6-c-button--Display);
5762
- gap: var(--pf-v6-c-button--Gap);
5763
- align-items: var(--pf-v6-c-button--AlignItems);
5764
- justify-content: var(--pf-v6-c-button--JustifyContent);
5765
- min-width: var(--pf-v6-c-button--MinWidth, revert);
5766
- padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
5767
- padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
5768
- padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
5769
- padding-inline-end: var(--pf-v6-c-button--PaddingInlineEnd);
5770
- font-size: var(--pf-v6-c-button--FontSize, inherit);
5771
- font-weight: var(--pf-v6-c-button--FontWeight, inherit);
5772
- line-height: var(--pf-v6-c-button--LineHeight, inherit);
5773
- color: var(--pf-v6-c-button--Color);
5774
- text-align: center;
5775
- text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
5776
- text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
5777
- text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
5778
- white-space: nowrap;
5779
- cursor: pointer;
5780
- -webkit-user-select: none;
5781
- user-select: none;
5782
- background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
5783
- border: 0;
5784
- border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
5785
- border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
5786
- border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
5787
- border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
5788
- transition-delay: var(--pf-v6-c-button--TransitionDelay);
5789
- transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
5790
- transition-duration: var(--pf-v6-c-button--TransitionDuration);
5791
- transition-property: var(--pf-v6-c-button--TransitionProperty);
5792
- scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
5420
+ .pf-v6-c-radio__body {
5421
+ grid-column: 2;
5422
+ margin-block-start: var(--pf-v6-c-radio__body--MarginBlockStart);
5793
5423
  }
5794
5424
 
5795
- .pf-v6-c-button::after {
5796
- position: absolute;
5797
- inset: var(--pf-v6-c-button--border--offset);
5798
- pointer-events: none;
5799
- content: "";
5800
- border: var(--pf-v6-c-button--BorderWidth) solid;
5801
- border-color: var(--pf-v6-c-button--BorderColor);
5802
- border-radius: inherit;
5803
- transition: inherit;
5425
+ .pf-v6-c-radio__label,
5426
+ .pf-v6-c-radio__input {
5427
+ justify-self: start;
5804
5428
  }
5805
5429
 
5806
- .pf-v6-c-button.pf-m-primary {
5807
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-primary--Color);
5808
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-primary--BackgroundColor);
5809
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-primary__icon--Color);
5810
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-primary--hover--Color);
5811
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-primary--hover--BackgroundColor);
5812
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-primary--hover__icon--Color);
5813
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-primary--m-clicked--Color);
5814
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-primary--m-clicked--BackgroundColor);
5815
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-primary--m-clicked__icon--Color);
5430
+ label.pf-v6-c-radio, .pf-v6-c-radio__label,
5431
+ .pf-v6-c-radio__input {
5432
+ cursor: pointer;
5816
5433
  }
5817
5434
 
5818
- .pf-v6-c-button.pf-m-primary .pf-v6-c-badge.pf-m-unread {
5819
- --pf-v6-c-badge--BorderColor: var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
5435
+ .pf-v6-c-radio__label:disabled, .pf-v6-c-radio__label.pf-m-disabled,
5436
+ .pf-v6-c-radio__input:disabled,
5437
+ .pf-v6-c-radio__input.pf-m-disabled {
5438
+ --pf-v6-c-radio__label--Color: var(--pf-v6-c-radio__label--disabled--Color);
5439
+ cursor: not-allowed;
5820
5440
  }
5821
5441
 
5822
- .pf-v6-c-button.pf-m-secondary {
5823
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
5824
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
5825
- --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
5826
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
5827
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
5828
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
5829
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-secondary--hover__icon--Color);
5830
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-clicked--Color);
5831
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-clicked--BorderColor);
5832
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-clicked__icon--Color);
5833
- --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-secondary--m-danger--Color);
5834
- --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger__icon--Color);
5835
- --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover--Color);
5836
- --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover__icon--Color);
5837
- --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--Color);
5838
- --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color);
5442
+ .pf-v6-c-form-control {
5443
+ --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
5444
+ --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
5445
+ --pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
5446
+ --pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
5447
+ --pf-v6-c-form-control--Resize: none;
5448
+ --pf-v6-c-form-control--OutlineOffset: -6px;
5449
+ --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
5450
+ --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
5451
+ --pf-v6-c-form-control--before--BorderStyle: solid;
5452
+ --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--control--default);
5453
+ --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
5454
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
5455
+ --pf-v6-c-form-control--after--BorderStyle: solid;
5456
+ --pf-v6-c-form-control--after--BorderColor: transparent;
5457
+ --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
5458
+ --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
5459
+ --pf-v6-c-form-control--Width: 100%;
5460
+ --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
5461
+ --pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
5462
+ --pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
5463
+ --pf-v6-c-form-control--PaddingInlineEnd--base: var(--pf-v6-c-form-control--inset--base);
5464
+ --pf-v6-c-form-control--PaddingInlineStart--base: var(--pf-v6-c-form-control--inset--base);
5465
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
5466
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
5467
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
5468
+ --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
5469
+ --pf-v6-c-form-control__utilities--input--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
5470
+ --pf-v6-c-form-control__utilities--select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
5471
+ --pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd: var(--pf-v6-c-form-control__textarea--PaddingInlineEnd);
5472
+ --pf-v6-c-form-control__input--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
5473
+ --pf-v6-c-form-control__input--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
5474
+ --pf-v6-c-form-control__input--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
5475
+ --pf-v6-c-form-control__input--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
5476
+ --pf-v6-c-form-control__select--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
5477
+ --pf-v6-c-form-control__select--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
5478
+ --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
5479
+ --pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
5480
+ --pf-v6-c-form-control__textarea--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
5481
+ --pf-v6-c-form-control__textarea--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
5482
+ --pf-v6-c-form-control__textarea--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
5483
+ --pf-v6-c-form-control__textarea--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
5484
+ --pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
5485
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
5486
+ --pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
5487
+ --pf-v6-c-form-control--m-warning--hover--after--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
5488
+ --pf-v6-c-form-control--m-error--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
5489
+ --pf-v6-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
5490
+ --pf-v6-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
5491
+ --pf-v6-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
5492
+ --pf-v6-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
5493
+ --pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
5494
+ --pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
5495
+ --pf-v6-c-form-control--m-disabled--after--BorderColor: transparent;
5496
+ --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
5497
+ --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-t--global--border--color--control--read-only);
5498
+ --pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
5499
+ --pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
5500
+ --pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
5501
+ --pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
5502
+ --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
5503
+ --pf-v6-c-form-control--icon--width: var(--pf-v6-c-form-control--FontSize);
5504
+ --pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
5505
+ --pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
5506
+ --pf-v6-c-form-control--m-success--PaddingInlineEnd: initial;
5507
+ --pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: initial;
5508
+ --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));
5509
+ --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));
5510
+ --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));
5511
+ --pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
5512
+ --pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
5513
+ --pf-v6-c-form-control--m-warning--PaddingInlineEnd: initial;
5514
+ --pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: initial;
5515
+ --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));
5516
+ --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));
5517
+ --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));
5518
+ --pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
5519
+ --pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
5520
+ --pf-v6-c-form-control--m-error--PaddingInlineEnd: initial;
5521
+ --pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: initial;
5522
+ --pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
5523
+ --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));
5524
+ --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));
5525
+ --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));
5526
+ --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));
5527
+ --pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
5528
+ --pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
5529
+ --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));
5530
+ --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
5531
+ --pf-v6-c-form-control--textarea--Height: auto;
5532
+ --pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
5533
+ --pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
5534
+ --pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
5535
+ --pf-v6-c-form-control--textarea--PaddingInlineStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
5536
+ --pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
5537
+ --pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
5538
+ --pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
5539
+ --pf-v6-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
5540
+ --pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
5541
+ --pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
5542
+ --pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
5543
+ --pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart);
5544
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
5545
+ --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));
5546
+ --pf-v6-c-form-control__toggle-icon--PaddingInlineStart: 0;
5547
+ --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: 0;
5548
+ --pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
5549
+ --pf-v6-c-form-control__toggle-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
5550
+ --pf-v6-c-form-control--m-disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
5551
+ }
5552
+
5553
+ .pf-v6-c-form-control {
5554
+ position: relative;
5555
+ display: grid;
5556
+ grid-template-columns: 1fr auto;
5557
+ column-gap: var(--pf-v6-c-form-control--ColumnGap);
5558
+ align-items: start;
5559
+ width: var(--pf-v6-c-form-control--Width);
5560
+ font-size: var(--pf-v6-c-form-control--FontSize);
5561
+ line-height: var(--pf-v6-c-form-control--LineHeight);
5562
+ resize: var(--pf-v6-c-form-control--Resize);
5563
+ background-color: var(--pf-v6-c-form-control--BackgroundColor);
5564
+ border-radius: var(--pf-v6-c-form-control--BorderRadius);
5839
5565
  }
5840
5566
 
5841
- .pf-v6-c-button.pf-m-secondary.pf-m-danger {
5842
- --pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--BorderColor);
5843
- --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--hover--BorderColor);
5844
- --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor);
5845
- --pf-v6-c-button--m-danger--BackgroundColor: transparent;
5846
- --pf-v6-c-button--m-danger--hover--BackgroundColor: transparent;
5847
- --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: transparent;
5567
+ .pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
5568
+ position: absolute;
5569
+ inset: 0;
5570
+ pointer-events: none;
5571
+ content: "";
5848
5572
  }
5849
5573
 
5850
- .pf-v6-c-button.pf-m-tertiary {
5851
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
5852
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
5853
- --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
5854
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
5855
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
5856
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
5857
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-tertiary--hover__icon--Color);
5858
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-tertiary--m-clicked--Color);
5859
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-tertiary--m-clicked--BorderColor);
5860
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-tertiary--m-clicked__icon--Color);
5574
+ .pf-v6-c-form-control::before {
5575
+ border-color: var(--pf-v6-c-form-control--before--BorderColor);
5576
+ border-style: var(--pf-v6-c-form-control--before--BorderStyle);
5577
+ border-width: var(--pf-v6-c-form-control--before--BorderWidth);
5578
+ border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
5861
5579
  }
5862
5580
 
5863
- .pf-v6-c-button.pf-m-link {
5864
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
5865
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
5866
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
5867
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-link--BorderWidth);
5868
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-link--hover--BorderColor);
5869
- --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-link--hover--BorderWidth);
5870
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-link--m-clicked--BorderColor);
5871
- --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-link--m-clicked--BorderWidth);
5872
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-link--BorderColor);
5873
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
5874
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
5875
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
5876
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-link--hover--Color);
5877
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-link--hover--BackgroundColor);
5878
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-link--hover__icon--Color);
5879
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
5880
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
5881
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
5882
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
5883
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
5581
+ .pf-v6-c-form-control::after {
5582
+ 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);
5583
+ border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
5884
5584
  }
5885
5585
 
5886
- span.pf-v6-c-button.pf-m-link.pf-m-inline {
5887
- --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
5888
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
5889
- --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
5586
+ .pf-v6-c-form-control > :is(input, select, textarea) {
5587
+ grid-row: 1/2;
5588
+ grid-column: 1/-1;
5589
+ padding-block-start: var(--pf-v6-c-form-control--PaddingBlockStart);
5590
+ padding-block-end: var(--pf-v6-c-form-control--PaddingBlockEnd);
5591
+ padding-inline-start: var(--pf-v6-c-form-control--PaddingInlineStart);
5592
+ padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
5593
+ color: var(--pf-v6-c-form-control--Color);
5594
+ appearance: none;
5595
+ background-color: transparent;
5596
+ border: none;
5597
+ border-radius: var(--pf-v6-c-form-control--BorderRadius);
5598
+ outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
5890
5599
  }
5891
5600
 
5892
- .pf-v6-c-button.pf-m-link.pf-m-inline {
5893
- --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
5894
- --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
5895
- --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
5896
- --pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
5897
- --pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
5898
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockStart);
5899
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
5900
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
5901
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
5902
- --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-link--m-inline--TransitionDuration);
5903
- --pf-v6-c-button--TransitionTimingFunction: var(--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction);
5904
- --pf-v6-c-button--TransitionProperty: var(--pf-v6-c-button--m-link--m-inline--TransitionProperty);
5905
- --pf-v6-c-button--BackgroundColor: transparent;
5906
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
5907
- --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
5908
- --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
5909
- --pf-v6-c-button--hover--BackgroundColor: transparent;
5910
- --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
5911
- --pf-v6-c-button--disabled--BackgroundColor: transparent;
5912
- --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
5913
- --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
5914
- --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
5915
- --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
5916
- --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
5917
- --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
5918
- --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
5919
- --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
5920
- --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
5921
- --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
5922
- --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
5923
- --pf-v6-c-button--BorderWidth: 0;
5924
- --pf-v6-c-button--hover--BorderWidth: 0;
5925
- --pf-v6-c-button--m-clicked--BorderWidth: 0;
5926
- text-align: start;
5927
- text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
5928
- white-space: normal;
5929
- background: transparent;
5930
- outline-offset: 0.125rem;
5601
+ .pf-v6-c-form-control > ::placeholder {
5602
+ color: var(--pf-v6-c-form-control--m-placeholder--Color);
5931
5603
  }
5932
5604
 
5933
- .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
5934
- --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
5605
+ .pf-v6-c-form-control > :is(input, select) {
5606
+ text-overflow: ellipsis;
5935
5607
  }
5936
5608
 
5937
- .pf-v6-c-button.pf-m-link.pf-m-danger {
5938
- --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
5939
- --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
5940
- --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-link--m-danger__icon--Color);
5941
- --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-link--m-danger--hover--Color);
5942
- --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--hover--BackgroundColor);
5943
- --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-link--m-danger--hover__icon--Color);
5944
- --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked--Color);
5945
- --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor);
5946
- --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color);
5609
+ .pf-v6-c-form-control > select {
5610
+ background-color: var(--pf-v6-c-form-control--BackgroundColor);
5947
5611
  }
5948
5612
 
5949
- .pf-v6-c-button.pf-m-link.pf-m-display-lg {
5950
- --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-display-lg--FontSize);
5613
+ .pf-v6-c-form-control > select * {
5614
+ color: var(--pf-v6-c-form-control--Color);
5951
5615
  }
5952
5616
 
5953
- .pf-v6-c-button.pf-m-warning {
5954
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-warning--Color);
5955
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-warning--BackgroundColor);
5956
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-warning__icon--Color);
5957
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-warning--hover--Color);
5958
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-warning--hover--BackgroundColor);
5959
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-warning--hover__icon--Color);
5960
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-warning--m-clicked--Color);
5961
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-warning--m-clicked--BackgroundColor);
5962
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-warning--m-clicked__icon--Color);
5617
+ .pf-v6-c-form-control:has(input) {
5618
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
5619
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
5620
+ --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__input--PaddingInlineStart);
5621
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
5622
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd);
5963
5623
  }
5964
5624
 
5965
- .pf-v6-c-button.pf-m-danger {
5966
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-danger--Color);
5967
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-danger--BackgroundColor);
5968
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-danger__icon--Color);
5969
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-danger--hover--Color);
5970
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-danger--hover--BackgroundColor);
5971
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-danger--hover__icon--Color);
5972
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-danger--m-clicked--Color);
5973
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-danger--m-clicked--BackgroundColor);
5974
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-danger--m-clicked__icon--Color);
5625
+ .pf-v6-c-form-control.pf-m-textarea {
5626
+ padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
5627
+ padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
5628
+ padding-inline-start: var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset);
5629
+ padding-inline-end: var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset);
5975
5630
  }
5976
5631
 
5977
- .pf-v6-c-button.pf-m-control {
5978
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-control--BorderRadius);
5979
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-control--PaddingInlineStart);
5980
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-control--PaddingInlineEnd);
5981
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-control--Color);
5982
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-control--BackgroundColor);
5983
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-control--BorderColor);
5984
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-control--BorderWidth);
5985
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-control__icon--Color);
5986
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-control--hover--Color);
5987
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-control--hover--BackgroundColor);
5988
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-control--hover--BorderColor);
5989
- --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-control--hover--BorderWidth);
5990
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-control--hover__icon--Color);
5991
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-control--m-clicked--Color);
5992
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-control--m-clicked--BackgroundColor);
5993
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
5994
- --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
5995
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
5996
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
5997
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
5632
+ .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 {
5633
+ --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));
5998
5634
  }
5999
5635
 
6000
- .pf-v6-c-button.pf-m-stateful {
6001
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
6002
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
6003
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
6004
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
6005
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
5636
+ .pf-v6-c-form-control.pf-m-textarea:has(textarea) {
5637
+ --pf-v6-c-form-control--PaddingBlockStart: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
5638
+ --pf-v6-c-form-control--PaddingBlockEnd: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
5639
+ --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__textarea--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
5640
+ --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));
5641
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
6006
5642
  }
6007
5643
 
6008
- .pf-v6-c-button.pf-m-read {
6009
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
6010
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-read--BorderColor);
6011
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-read--hover--BackgroundColor);
6012
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-read--hover--BorderColor);
6013
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-read--m-clicked--BackgroundColor);
6014
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-read--m-clicked--BorderColor);
5644
+ .pf-v6-c-form-control.pf-m-textarea > textarea {
5645
+ scrollbar-gutter: stable;
5646
+ outline-offset: 0;
6015
5647
  }
6016
5648
 
6017
- .pf-v6-c-button.pf-m-unread {
6018
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-unread--Color);
6019
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-unread--BackgroundColor);
6020
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-unread__icon--Color);
6021
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-unread--hover--Color);
6022
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-unread--hover--BackgroundColor);
6023
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-unread--hover__icon--Color);
6024
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-unread--m-clicked--Color);
6025
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-unread--m-clicked--BackgroundColor);
6026
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-unread--m-clicked__icon--Color);
5649
+ .pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
5650
+ padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
6027
5651
  }
6028
5652
 
6029
- .pf-v6-c-button.pf-m-attention {
6030
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-attention--Color);
6031
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-attention--BackgroundColor);
6032
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-attention__icon--Color);
6033
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-attention--hover--Color);
6034
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-attention--hover--BackgroundColor);
6035
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-attention--hover__icon--Color);
6036
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-attention--m-clicked--Color);
6037
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-attention--m-clicked--BackgroundColor);
6038
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
5653
+ .pf-v6-c-form-control.pf-m-readonly {
5654
+ --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
5655
+ --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
6039
5656
  }
6040
5657
 
6041
- .pf-v6-c-button.pf-m-plain {
6042
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-plain--BorderWidth);
6043
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-plain--hover--BorderColor);
6044
- --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-plain--hover--BorderWidth);
6045
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-plain--m-clicked--BorderColor);
6046
- --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-plain--m-clicked--BorderWidth);
6047
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-plain--BorderColor);
6048
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
6049
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
6050
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
6051
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
6052
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
6053
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--PaddingInlineStart);
6054
- --pf-v6-c-button__progress--Color: var(--pf-v6-c-button--m-in-progress--m-plain--Color);
6055
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-plain--hover--Color);
6056
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--hover--BackgroundColor);
6057
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-plain--m-clicked--Color);
6058
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-clicked--BackgroundColor);
6059
- --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
6060
- --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
6061
- --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
6062
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
6063
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
5658
+ .pf-v6-c-form-control.pf-m-readonly:hover {
5659
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
6064
5660
  }
6065
5661
 
6066
- .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
6067
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
6068
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
6069
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
6070
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
6071
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
6072
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
6073
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
6074
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
6075
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
6076
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
6077
- --pf-v6-c-button--border--offset: var(--pf-v6-c-button--m-plain--m-no-padding--border--offset);
6078
- min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
6079
- background: var(--pf-v6-c-button--BackgroundColor);
5662
+ .pf-v6-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
5663
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
6080
5664
  }
6081
5665
 
6082
- .pf-v6-c-button.pf-m-block {
6083
- --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
6084
- width: var(--pf-v6-c-button--m-block--Width);
5666
+ .pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
5667
+ --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor);
5668
+ --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BorderColor);
5669
+ --pf-v6-c-form-control--inset--base: var(--pf-v6-c-form-control--m-readonly--m-plain--inset--base);
5670
+ --pf-v6-c-form-control--before--BorderStyle: none;
5671
+ --pf-v6-c-form-control--after--BorderStyle: none;
5672
+ --pf-v6-c-form-control--OutlineOffset: var(--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset);
6085
5673
  }
6086
5674
 
6087
- .pf-v6-c-button.pf-m-small {
6088
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
6089
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-small--PaddingInlineEnd);
6090
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-small--PaddingBlockEnd);
6091
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-small--PaddingInlineStart);
5675
+ .pf-v6-c-form-control.pf-m-expanded {
5676
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-expanded--after--BorderColor);
5677
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-expanded--after--BorderWidth);
6092
5678
  }
6093
5679
 
6094
- .pf-v6-c-button.pf-m-display-lg {
6095
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-display-lg--PaddingBlockStart);
6096
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-display-lg--PaddingInlineEnd);
6097
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
6098
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
6099
- --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
6100
- --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationColor);
6101
- --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationLine);
6102
- --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationStyle);
6103
- --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-display-lg--hover--TextUnderlineOffset);
6104
- --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationColor);
6105
- --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationLine);
6106
- --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationStyle);
6107
- --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-display-lg--m-clicked--TextUnderlineOffset);
6108
- --pf-v6-c-button--m-primary--Color: var(--pf-v6-c-button--m-display-lg--m-primary--Color);
6109
- --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--BackgroundColor);
6110
- --pf-v6-c-button--m-primary__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary__icon--Color);
6111
- --pf-v6-c-button--m-primary--hover--Color: var(--pf-v6-c-button--m-display-lg--m-primary--hover--Color);
6112
- --pf-v6-c-button--m-primary--hover--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--hover--BackgroundColor);
6113
- --pf-v6-c-button--m-primary--hover__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary--hover__icon--Color);
6114
- --pf-v6-c-button--m-primary--m-clicked--Color: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--Color);
6115
- --pf-v6-c-button--m-primary--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--BackgroundColor);
6116
- --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked__icon--Color);
6117
- --pf-v6-c-button--m-secondary--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--Color);
6118
- --pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--BorderColor);
6119
- --pf-v6-c-button--m-secondary__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary__icon--Color);
6120
- --pf-v6-c-button--m-secondary--hover--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--hover--Color);
6121
- --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--hover--BorderColor);
6122
- --pf-v6-c-button--m-secondary--hover__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--hover__icon--Color);
6123
- --pf-v6-c-button--m-secondary--m-clicked--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--Color);
6124
- --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--BorderColor);
6125
- --pf-v6-c-button--m-secondary--m-clicked__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked__icon--Color);
6126
- --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-v6-c-button--m-display-lg--m-tertiary--hover--BorderColor);
6127
- --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-v6-c-button--m-display-lg--m-tertiary--m-clicked--BorderColor);
5680
+ .pf-v6-c-form-control.pf-m-disabled {
5681
+ --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-disabled--BackgroundColor);
5682
+ --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
5683
+ --pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
5684
+ --pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
5685
+ --pf-v6-c-form-control--before--BorderStyle: none;
5686
+ --pf-v6-c-form-control--after--BorderStyle: none;
5687
+ cursor: not-allowed;
6128
5688
  }
6129
5689
 
6130
- .pf-v6-c-button.pf-m-display-lg.pf-m-primary {
6131
- --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-primary--hover--TextDecorationColor);
6132
- --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--TextDecorationColor);
5690
+ .pf-v6-c-form-control.pf-m-error {
5691
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
5692
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
5693
+ --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
5694
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
6133
5695
  }
6134
5696
 
6135
- .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
6136
- display: grid;
6137
- transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
6138
- transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
6139
- transition-property: color;
5697
+ @media (prefers-reduced-motion: no-preference) {
5698
+ .pf-v6-c-form-control.pf-m-error {
5699
+ translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
5700
+ animation-name: pf-v6-global-danger-jiggle-motion;
5701
+ animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
5702
+ animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
5703
+ animation-fill-mode: both;
5704
+ }
5705
+ }
5706
+ .pf-v6-c-form-control.pf-m-error .pf-v6-c-form-control__icon.pf-m-status {
5707
+ --pf-v6-c-form-control--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
5708
+ --pf-v6-c-form-control--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
5709
+ animation-name: pf-v6-global-fade-in;
5710
+ animation-duration: var(--pf-v6-c-form-control--TransitionDuration--Opacity);
5711
+ animation-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction--Opacity);
6140
5712
  }
6141
5713
 
6142
- .pf-v6-c-button.pf-m-favorited {
6143
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
6144
- --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
6145
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
6146
- --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
6147
- --pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
6148
- --pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
5714
+ .pf-v6-c-form-control.pf-m-error > textarea {
5715
+ padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
6149
5716
  }
6150
5717
 
6151
- .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
6152
- animation-name: pf-v6-c-button-icon-favorited;
6153
- animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
6154
- animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
5718
+ .pf-v6-c-form-control.pf-m-error > input {
5719
+ padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-error--PaddingInlineEnd));
6155
5720
  }
6156
5721
 
6157
- .pf-v6-c-button.pf-m-settings {
6158
- --pf-v6-c-button__icon--TransitionProperty: rotate;
6159
- --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--m-settings__icon--TransitionDuration);
6160
- --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings__icon--TransitionTimingFunction);
6161
- --pf-v6-c-button--hover__icon--TransitionProperty: rotate;
6162
- --pf-v6-c-button--hover__icon--TransitionDuration: var(--pf-v6-c-button--m-settings--hover__icon--TransitionDuration);
6163
- --pf-v6-c-button--hover__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction);
6164
- --pf-v6-c-button--hover__icon--Rotate: var(--pf-v6-c-button--m-settings--hover__icon--Rotate);
5722
+ .pf-v6-c-form-control.pf-m-error > select {
5723
+ 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));
6165
5724
  }
6166
5725
 
6167
- .pf-v6-c-button.pf-m-hamburger {
6168
- --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
6169
- --pf-v6-c-button__icon--TransitionDuration: 0s;
6170
- --pf-v6-c-button__icon--TransitionProperty: scale;
6171
- --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
6172
- --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
6173
- --pf-v6-c-button--hover__icon--TransitionProperty: scale;
5726
+ .pf-v6-c-form-control.pf-m-error.pf-m-icon > :is(input) {
5727
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6174
5728
  }
6175
5729
 
6176
- .pf-v6-c-button.pf-m-hamburger.pf-m-expand {
6177
- --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
6178
- --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
6179
- --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
6180
- --pf-v6-c-button__icon--TransitionDelay: 0s;
6181
- --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
6182
- --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
6183
- --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
5730
+ .pf-v6-c-form-control.pf-m-success {
5731
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
5732
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
5733
+ --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
5734
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
6184
5735
  }
6185
5736
 
6186
- .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
6187
- --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
6188
- --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
6189
- --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
6190
- --pf-v6-c-button__icon--TransitionDelay: 0s;
6191
- --pf-v6-c-button__icon--ScaleX: 1;
6192
- --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
6193
- --pf-v6-c-button--hover__icon--ScaleX: 1;
5737
+ .pf-v6-c-form-control.pf-m-success > textarea {
5738
+ padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd));
6194
5739
  }
6195
5740
 
6196
- .pf-v6-c-button.pf-m-circle {
6197
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
5741
+ .pf-v6-c-form-control.pf-m-success > input {
5742
+ padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-success--PaddingInlineEnd));
6198
5743
  }
6199
5744
 
6200
- .pf-v6-c-button:hover, .pf-v6-c-button:focus {
6201
- --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
6202
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
6203
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
6204
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
6205
- --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
6206
- --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
6207
- --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
6208
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
6209
- --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
6210
- --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
6211
- --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
6212
- --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
6213
- --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
6214
- --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
6215
- text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
6216
- text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
6217
- text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
6218
- text-underline-offset: var(--pf-v6-c-button--hover--TextUnderlineOffset);
6219
- outline-offset: var(--pf-t--global--focus-ring--position--offset);
5745
+ .pf-v6-c-form-control.pf-m-success > select {
5746
+ 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));
6220
5747
  }
6221
5748
 
6222
- .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
6223
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
6224
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
6225
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
6226
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
6227
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
6228
- text-decoration-line: var(--pf-v6-c-button--m-clicked--TextDecorationLine);
6229
- text-decoration-style: var(--pf-v6-c-button--m-clicked--TextDecorationStyle);
6230
- text-decoration-color: var(--pf-v6-c-button--m-clicked--TextDecorationColor);
6231
- text-underline-offset: var(--pf-v6-c-button--m-clicked--TextUnderlineOffset);
5749
+ .pf-v6-c-form-control.pf-m-success.pf-m-icon > :is(input) {
5750
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6232
5751
  }
6233
5752
 
6234
- .pf-v6-c-button:active {
6235
- background-size: 100% 100%;
6236
- transition-duration: 0s;
5753
+ .pf-v6-c-form-control.pf-m-warning {
5754
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
5755
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
5756
+ --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
5757
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
6237
5758
  }
6238
5759
 
6239
- .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
6240
- pointer-events: none;
5760
+ .pf-v6-c-form-control.pf-m-warning > textarea {
5761
+ padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd));
6241
5762
  }
6242
5763
 
6243
- .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
6244
- color: var(--pf-v6-c-button--disabled--Color);
6245
- text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
6246
- background: var(--pf-v6-c-button--disabled--BackgroundColor);
5764
+ .pf-v6-c-form-control.pf-m-warning > input {
5765
+ padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd));
6247
5766
  }
6248
5767
 
6249
- .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
6250
- border-color: transparent;
5768
+ .pf-v6-c-form-control.pf-m-warning > select {
5769
+ 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));
6251
5770
  }
6252
5771
 
6253
- .pf-v6-c-button:disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-aria-disabled .pf-v6-c-button__icon {
6254
- color: var(--pf-v6-c-button--disabled__icon--Color);
5772
+ .pf-v6-c-form-control.pf-m-warning.pf-m-icon > :is(input) {
5773
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6255
5774
  }
6256
5775
 
6257
- .pf-v6-c-button.pf-m-aria-disabled {
6258
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
6259
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
6260
- cursor: default;
5776
+ .pf-v6-c-form-control:hover {
5777
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
5778
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
6261
5779
  }
6262
5780
 
6263
- .pf-v6-c-button.pf-m-progress {
6264
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
6265
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
5781
+ .pf-v6-c-form-control.pf-m-icon {
5782
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
6266
5783
  }
6267
5784
 
6268
- .pf-v6-c-button.pf-m-in-progress {
6269
- --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
5785
+ .pf-v6-c-form-control:has(select) {
5786
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__select--PaddingBlockStart);
5787
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__select--PaddingBlockEnd);
5788
+ --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
5789
+ --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
5790
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
6270
5791
  }
6271
5792
 
6272
- .pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
6273
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
6274
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
5793
+ .pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
5794
+ padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
6275
5795
  }
6276
5796
 
6277
- .pf-v6-c-button.pf-m-in-progress.pf-m-plain {
6278
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
6279
- --pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
5797
+ .pf-v6-c-form-control.pf-m-placeholder > select {
5798
+ --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
6280
5799
  }
6281
5800
 
6282
- .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
6283
- opacity: 0;
5801
+ .pf-v6-c-form-control.pf-m-placeholder > select * {
5802
+ color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
6284
5803
  }
6285
5804
 
6286
- .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
6287
- animation-name: pf-v6-c-button-icon-notify;
6288
- animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
6289
- animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
5805
+ .pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
5806
+ color: revert;
6290
5807
  }
6291
5808
 
6292
- .pf-v6-c-button.pf-m-dock {
6293
- justify-content: flex-start;
5809
+ .pf-v6-c-form-control > textarea {
6294
5810
  width: 100%;
5811
+ height: 100%;
5812
+ vertical-align: bottom;
5813
+ resize: none;
6295
5814
  }
6296
5815
 
6297
- @media (min-width: 62rem) {
6298
- .pf-v6-c-button.pf-m-dock {
6299
- justify-content: center;
6300
- }
6301
- .pf-v6-c-button.pf-m-dock .pf-v6-c-button__text {
6302
- display: none;
6303
- }
5816
+ .pf-v6-c-form-control.pf-m-resize-vertical {
5817
+ --pf-v6-c-form-control--Resize: vertical;
5818
+ overflow: auto;
6304
5819
  }
6305
- .pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-button, .pf-v6-c-button.pf-m-text-expanded {
6306
- justify-content: flex-start;
6307
- width: 100%;
5820
+
5821
+ .pf-v6-c-form-control.pf-m-resize-horizontal {
5822
+ --pf-v6-c-form-control--Resize: horizontal;
5823
+ overflow: auto;
6308
5824
  }
6309
5825
 
6310
- .pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-button .pf-v6-c-button__text, .pf-v6-c-button.pf-m-text-expanded .pf-v6-c-button__text {
6311
- display: revert;
5826
+ .pf-v6-c-form-control.pf-m-resize-both {
5827
+ --pf-v6-c-form-control--Resize: both;
5828
+ overflow: auto;
6312
5829
  }
6313
5830
 
6314
- .pf-v6-c-button__icon {
6315
- min-width: 1lh;
6316
- margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
6317
- margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
6318
- color: var(--pf-v6-c-button__icon--Color);
6319
- transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
6320
- transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
6321
- transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
6322
- transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
6323
- rotate: var(--pf-v6-c-button__icon--Rotate);
6324
- scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
5831
+ .pf-v6-c-form-control__icon {
5832
+ font-size: var(--pf-v6-c-form-control__icon--FontSize);
5833
+ color: var(--pf-v6-c-form-control__icon--Color);
6325
5834
  }
6326
5835
 
6327
- .pf-v6-c-button__icon.pf-m-start {
6328
- --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
5836
+ .pf-v6-c-form-control__icon.pf-m-status {
5837
+ --pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
6329
5838
  }
6330
5839
 
6331
- .pf-v6-c-button__icon.pf-m-end {
6332
- --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
5840
+ .pf-v6-c-form-control__toggle-icon {
5841
+ grid-row: 1/2;
5842
+ grid-column: 3;
5843
+ padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
5844
+ padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
5845
+ font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
5846
+ color: var(--pf-v6-c-form-control__toggle-icon--Color);
5847
+ pointer-events: none;
6333
5848
  }
6334
5849
 
6335
- .pf-v6-c-button__icon-favorite,
6336
- .pf-v6-c-button__icon-favorited {
6337
- grid-area: 1/1/1/1;
6338
- transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
6339
- transition-property: opacity;
5850
+ .pf-v6-c-form-control__utilities {
5851
+ display: flex;
5852
+ flex-wrap: nowrap;
5853
+ grid-row: 1/2;
5854
+ grid-column: 2;
5855
+ gap: var(--pf-v6-c-form-control__utilities--Gap);
5856
+ padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
5857
+ padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
5858
+ pointer-events: none;
6340
5859
  }
6341
5860
 
6342
- .pf-v6-c-button__icon-favorite {
6343
- opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
5861
+ .pf-v6-c-button {
5862
+ --pf-v6-c-button--Display: inline-flex;
5863
+ --pf-v6-c-button--AlignItems: baseline;
5864
+ --pf-v6-c-button--JustifyContent: center;
5865
+ --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
5866
+ --pf-v6-c-button--MinWidth: initial;
5867
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
5868
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
5869
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
5870
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
5871
+ --pf-v6-c-button--Color: var(--pf-t--global--text--color--regular);
5872
+ --pf-v6-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
5873
+ --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
5874
+ --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
5875
+ --pf-v6-c-button--BackgroundColor: transparent;
5876
+ --pf-v6-c-button--BorderColor: transparent;
5877
+ --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
5878
+ --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
5879
+ --pf-v6-c-button--TextDecorationLine: none;
5880
+ --pf-v6-c-button--TextDecorationStyle: none;
5881
+ --pf-v6-c-button--TextDecorationColor: currentcolor;
5882
+ --pf-v6-c-button--TransitionDelay: 0s;
5883
+ --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
5884
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
5885
+ --pf-v6-c-button--TransitionProperty: color, background, border-color;
5886
+ --pf-v6-c-button--ScaleX: 1;
5887
+ --pf-v6-c-button--ScaleY: 1;
5888
+ --pf-v6-c-button--border--offset: 0;
5889
+ --pf-v6-c-button--hover--BackgroundColor: transparent;
5890
+ --pf-v6-c-button--hover--BorderColor: transparent;
5891
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
5892
+ --pf-v6-c-button--hover--TextDecorationLine: none;
5893
+ --pf-v6-c-button--hover--TextDecorationStyle: none;
5894
+ --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
5895
+ --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
5896
+ --pf-v6-c-button--hover--ScaleX: 1;
5897
+ --pf-v6-c-button--hover--ScaleY: 1;
5898
+ --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
5899
+ --pf-v6-c-button--m-clicked--BorderColor: transparent;
5900
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
5901
+ --pf-v6-c-button--m-clicked--TextDecorationLine: none;
5902
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: none;
5903
+ --pf-v6-c-button--m-clicked--TextDecorationColor: currentcolor;
5904
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--default);
5905
+ --pf-v6-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
5906
+ --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
5907
+ --pf-v6-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
5908
+ --pf-v6-c-button--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
5909
+ --pf-v6-c-button--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
5910
+ --pf-v6-c-button--m-primary--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
5911
+ --pf-v6-c-button--m-primary--m-clicked--Color: var(--pf-t--global--text--color--on-brand--clicked);
5912
+ --pf-v6-c-button--m-primary--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--clicked);
5913
+ --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
5914
+ --pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
5915
+ --pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
5916
+ --pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
5917
+ --pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
5918
+ --pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
5919
+ --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
5920
+ --pf-v6-c-button--m-secondary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
5921
+ --pf-v6-c-button--m-secondary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
5922
+ --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-t--global--border--color--brand--clicked);
5923
+ --pf-v6-c-button--m-secondary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
5924
+ --pf-v6-c-button--m-secondary--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
5925
+ --pf-v6-c-button--m-secondary--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
5926
+ --pf-v6-c-button--m-secondary--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5927
+ --pf-v6-c-button--m-secondary--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
5928
+ --pf-v6-c-button--m-secondary--m-danger--hover--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
5929
+ --pf-v6-c-button--m-secondary--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--danger--hover);
5930
+ --pf-v6-c-button--m-secondary--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
5931
+ --pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor: var(--pf-t--global--border--color--status--danger--clicked);
5932
+ --pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
5933
+ --pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
5934
+ --pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
5935
+ --pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
5936
+ --pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
5937
+ --pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
5938
+ --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
5939
+ --pf-v6-c-button--m-tertiary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
5940
+ --pf-v6-c-button--m-tertiary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
5941
+ --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
5942
+ --pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
5943
+ --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
5944
+ --pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
5945
+ --pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
5946
+ --pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
5947
+ --pf-v6-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5948
+ --pf-v6-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
5949
+ --pf-v6-c-button--m-link--hover--Color: var(--pf-t--global--text--color--brand--hover);
5950
+ --pf-v6-c-button--m-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
5951
+ --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-t--global--text--color--brand--hover);
5952
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
5953
+ --pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
5954
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
5955
+ --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5956
+ --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5957
+ --pf-v6-c-button--m-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
5958
+ --pf-v6-c-button--m-link--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
5959
+ --pf-v6-c-button--m-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
5960
+ --pf-v6-c-button--m-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
5961
+ --pf-v6-c-button--m-link--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
5962
+ --pf-v6-c-button--m-link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
5963
+ --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
5964
+ --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5965
+ --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
5966
+ --pf-v6-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
5967
+ --pf-v6-c-button--m-link--m-danger--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
5968
+ --pf-v6-c-button--m-link--m-danger--hover__icon--Color: var(--pf-t--global--text--color--status--danger--hover);
5969
+ --pf-v6-c-button--m-link--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
5970
+ --pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
5971
+ --pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
5972
+ --pf-v6-c-button--m-link--m-inline--Display: inline-flex;
5973
+ --pf-v6-c-button--m-link--m-inline--JustifyContent: flex-start;
5974
+ --pf-v6-c-button--m-link--m-inline--FontSize: initial;
5975
+ --pf-v6-c-button--m-link--m-inline--LineHeight: initial;
5976
+ --pf-v6-c-button--m-link--m-inline--FontWeight: initial;
5977
+ --pf-v6-c-button--m-link--m-inline--PaddingBlockStart: 0;
5978
+ --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
5979
+ --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
5980
+ --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
5981
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-t--global--text-decoration--color--default);
5982
+ --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
5983
+ --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
5984
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--default);
5985
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
5986
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
5987
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
5988
+ --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
5989
+ --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
5990
+ --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
5991
+ --pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
5992
+ --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
5993
+ --pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
5994
+ --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
5995
+ --pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
5996
+ --pf-v6-c-button--span--m-link--m-inline--Display: inline;
5997
+ --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
5998
+ --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
5999
+ --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
6000
+ --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
6001
+ --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
6002
+ --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
6003
+ --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
6004
+ --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
6005
+ --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
6006
+ --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
6007
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
6008
+ --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
6009
+ --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
6010
+ --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
6011
+ --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
6012
+ --pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
6013
+ --pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
6014
+ --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
6015
+ --pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
6016
+ --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
6017
+ --pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
6018
+ --pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
6019
+ --pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
6020
+ --pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
6021
+ --pf-v6-c-button--m-plain--BorderColor: transparent;
6022
+ --pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
6023
+ --pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
6024
+ --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
6025
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
6026
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
6027
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
6028
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
6029
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
6030
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
6031
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
6032
+ --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
6033
+ --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
6034
+ --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
6035
+ --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
6036
+ --pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
6037
+ --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
6038
+ --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
6039
+ --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
6040
+ --pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
6041
+ --pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
6042
+ --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--control--default);
6043
+ --pf-v6-c-button--m-control--BorderWidth: var(--pf-t--global--border--width--control--default);
6044
+ --pf-v6-c-button--m-control__icon--Color: var(--pf-t--global--icon--color--regular);
6045
+ --pf-v6-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
6046
+ --pf-v6-c-button--m-control--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
6047
+ --pf-v6-c-button--m-control--hover--BorderColor: var(--pf-t--global--border--color--hover);
6048
+ --pf-v6-c-button--m-control--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
6049
+ --pf-v6-c-button--m-control--hover__icon--Color: var(--pf-t--global--icon--color--regular);
6050
+ --pf-v6-c-button--m-control--m-clicked--Color: var(--pf-t--global--text--color--regular);
6051
+ --pf-v6-c-button--m-control--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
6052
+ --pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
6053
+ --pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
6054
+ --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
6055
+ --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
6056
+ --pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
6057
+ --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
6058
+ --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
6059
+ --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
6060
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
6061
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
6062
+ --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
6063
+ --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
6064
+ --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
6065
+ --pf-v6-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
6066
+ --pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
6067
+ --pf-v6-c-button--m-read--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
6068
+ --pf-v6-c-button--m-unread--Color: var(--pf-t--global--text--color--status--unread--on-default--default);
6069
+ --pf-v6-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default);
6070
+ --pf-v6-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--default);
6071
+ --pf-v6-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--status--unread--on-default--hover);
6072
+ --pf-v6-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--hover);
6073
+ --pf-v6-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--hover);
6074
+ --pf-v6-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-default--clicked);
6075
+ --pf-v6-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--clicked);
6076
+ --pf-v6-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--clicked);
6077
+ --pf-v6-c-button--m-attention--Color: var(--pf-t--global--text--color--status--unread--on-attention--default);
6078
+ --pf-v6-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--unread--attention--default);
6079
+ --pf-v6-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--default);
6080
+ --pf-v6-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--unread--on-attention--hover);
6081
+ --pf-v6-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--unread--attention--hover);
6082
+ --pf-v6-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--hover);
6083
+ --pf-v6-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-attention--clicked);
6084
+ --pf-v6-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--attention--clicked);
6085
+ --pf-v6-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--clicked);
6086
+ --pf-v6-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
6087
+ --pf-v6-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
6088
+ --pf-v6-c-button--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
6089
+ --pf-v6-c-button--m-warning--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
6090
+ --pf-v6-c-button--m-warning--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
6091
+ --pf-v6-c-button--m-warning--hover__icon--Color: var(--pf-t--global--icon--color--status--on-warning--hover);
6092
+ --pf-v6-c-button--m-warning--m-clicked--Color: var(--pf-t--global--text--color--status--on-warning--clicked);
6093
+ --pf-v6-c-button--m-warning--m-clicked--BackgroundColor: var(--pf-t--global--color--status--warning--clicked);
6094
+ --pf-v6-c-button--m-warning--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-warning--clicked);
6095
+ --pf-v6-c-button--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
6096
+ --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
6097
+ --pf-v6-c-button--m-danger__icon--Color: var(--pf-t--global--icon--color--status--on-danger--default);
6098
+ --pf-v6-c-button--m-danger--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
6099
+ --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
6100
+ --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--on-danger--hover);
6101
+ --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
6102
+ --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
6103
+ --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
6104
+ --pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--spacious);
6105
+ --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
6106
+ --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
6107
+ --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
6108
+ --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
6109
+ --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
6110
+ --pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
6111
+ --pf-v6-c-button--m-display-lg--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
6112
+ --pf-v6-c-button--m-display-lg--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
6113
+ --pf-v6-c-button--m-display-lg--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
6114
+ --pf-v6-c-button--m-display-lg--m-clicked--TextDecorationColor: var(--pf-t--global--border--color--control--default);
6115
+ --pf-v6-c-button--m-display-lg--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
6116
+ --pf-v6-c-button--m-display-lg--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
6117
+ --pf-v6-c-button--m-display-lg--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
6118
+ --pf-v6-c-button--m-display-lg--m-primary--Color: var(--pf-t--global--text--color--on-brand--accent--default);
6119
+ --pf-v6-c-button--m-display-lg--m-primary--BackgroundColor: var(--pf-t--global--color--brand--accent--default);
6120
+ --pf-v6-c-button--m-display-lg--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--default);
6121
+ --pf-v6-c-button--m-display-lg--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--accent--hover);
6122
+ --pf-v6-c-button--m-display-lg--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--accent--hover);
6123
+ --pf-v6-c-button--m-display-lg--m-primary--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--hover);
6124
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked--Color: var(--pf-t--global--text--color--on-brand--accent--clicked);
6125
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--accent--clicked);
6126
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--accent--clicked);
6127
+ --pf-v6-c-button--m-display-lg--m-primary--hover--TextDecorationColor: currentcolor;
6128
+ --pf-v6-c-button--m-display-lg--m-primary--m-clicked--TextDecorationColor: currentcolor;
6129
+ --pf-v6-c-button--m-display-lg--m-secondary--Color: var(--pf-t--global--text--color--regular);
6130
+ --pf-v6-c-button--m-display-lg--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--accent--default);
6131
+ --pf-v6-c-button--m-display-lg--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--accent--default);
6132
+ --pf-v6-c-button--m-display-lg--m-secondary--hover--Color: var(--pf-t--global--text--color--regular);
6133
+ --pf-v6-c-button--m-display-lg--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--accent--hover);
6134
+ --pf-v6-c-button--m-display-lg--m-secondary--hover__icon--Color: var(--pf-t--global--icon--color--brand--accent--hover);
6135
+ --pf-v6-c-button--m-display-lg--m-secondary--m-clicked--Color: var(--pf-t--global--text--color--regular);
6136
+ --pf-v6-c-button--m-display-lg--m-secondary--m-clicked--BorderColor: var(--pf-t--global--border--color--brand--accent--clicked);
6137
+ --pf-v6-c-button--m-display-lg--m-secondary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--accent--clicked);
6138
+ --pf-v6-c-button--m-display-lg--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--default);
6139
+ --pf-v6-c-button--m-display-lg--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--default);
6140
+ --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
6141
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
6142
+ --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
6143
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
6144
+ --pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
6145
+ --pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
6146
+ --pf-v6-c-button--disabled--TextDecorationColor: currentcolor;
6147
+ --pf-v6-c-button--disabled--BorderColor: transparent;
6148
+ --pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
6149
+ --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
6150
+ --pf-v6-c-button--hover__icon--Color: var(--pf-t--global--icon--color--regular);
6151
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
6152
+ --pf-v6-c-button__icon--MarginInlineStart: 0;
6153
+ --pf-v6-c-button__icon--MarginInlineEnd: 0;
6154
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
6155
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
6156
+ --pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
6157
+ --pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
6158
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
6159
+ --pf-v6-c-button__icon--TransitionTimingFunction: auto;
6160
+ --pf-v6-c-button__icon--TransitionDuration: 0s;
6161
+ --pf-v6-c-button__icon--TransitionProperty: none;
6162
+ --pf-v6-c-button__icon--Rotate: 0deg;
6163
+ --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
6164
+ --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
6165
+ --pf-v6-c-button--hover__icon--TransitionProperty: none;
6166
+ --pf-v6-c-button--hover__icon--Rotate: 0deg;
6167
+ --pf-v6-c-button__icon--ScaleX: 1;
6168
+ --pf-v6-c-button__icon--ScaleY: 1;
6169
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
6170
+ --pf-v6-c-button--hover__icon--ScaleY: 1;
6171
+ --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
6172
+ --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
6173
+ --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
6174
+ --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
6175
+ --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
6176
+ --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
6177
+ --pf-v6-c-button__icon--favorite--Opacity: 1;
6178
+ --pf-v6-c-button__icon--favorited--Opacity: 0;
6179
+ --pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
6180
+ --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
6181
+ --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
6182
+ --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
6183
+ --pf-v6-c-button__progress--Opacity: 0;
6184
+ --pf-v6-c-button__progress--TranslateY: -50%;
6185
+ --pf-v6-c-button__progress--TranslateX: 0;
6186
+ --pf-v6-c-button__progress--InsetBlockStart: 50%;
6187
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
6188
+ --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
6189
+ --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
6190
+ --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
6191
+ --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
6192
+ --pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width));
6193
+ --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
6194
+ --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
6195
+ --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
6196
+ --pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
6197
+ --pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
6198
+ --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
6199
+ --pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
6200
+ --pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
6201
+ --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--alt);
6202
+ --pf-v6-c-button--m-block--Display: flex;
6203
+ --pf-v6-c-button--m-block--Width: 100%;
6204
+ --pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
6205
+ --pf-v6-c-button--hamburger-icon--TransitionDuration: var(--pf-t--global--motion--duration--md);
6206
+ --pf-v6-c-button--hamburger-icon--top--path--base: path("M1,1 L9,1");
6207
+ --pf-v6-c-button--hamburger-icon--middle--path--base: path("M1,5 L9,5");
6208
+ --pf-v6-c-button--hamburger-icon--arrow--path--base: path("M1,5 L1,5 L1,5");
6209
+ --pf-v6-c-button--hamburger-icon--bottom--path--base: path("M9,9 L1,9");
6210
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
6211
+ --pf-v6-c-button--hamburger-icon--middle--path: var(--pf-v6-c-button--hamburger-icon--middle--path--base);
6212
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
6213
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
6214
+ --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
6215
+ --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
6216
+ --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
6217
+ --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
6218
+ --pf-v6-c-button--m-circle--BorderRadius: var(--pf-t--global--border--radius--pill);
6344
6219
  }
6345
6220
 
6346
- .pf-v6-c-button__icon-favorited {
6347
- opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
6221
+ .pf-v6-c-button {
6222
+ position: relative;
6223
+ display: var(--pf-v6-c-button--Display);
6224
+ gap: var(--pf-v6-c-button--Gap);
6225
+ align-items: var(--pf-v6-c-button--AlignItems);
6226
+ justify-content: var(--pf-v6-c-button--JustifyContent);
6227
+ min-width: var(--pf-v6-c-button--MinWidth, revert);
6228
+ padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
6229
+ padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
6230
+ padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
6231
+ padding-inline-end: var(--pf-v6-c-button--PaddingInlineEnd);
6232
+ font-size: var(--pf-v6-c-button--FontSize, inherit);
6233
+ font-weight: var(--pf-v6-c-button--FontWeight, inherit);
6234
+ line-height: var(--pf-v6-c-button--LineHeight, inherit);
6235
+ color: var(--pf-v6-c-button--Color);
6236
+ text-align: center;
6237
+ text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
6238
+ text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
6239
+ text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
6240
+ white-space: nowrap;
6241
+ cursor: pointer;
6242
+ -webkit-user-select: none;
6243
+ user-select: none;
6244
+ background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
6245
+ border: 0;
6246
+ border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
6247
+ border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
6248
+ border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
6249
+ border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
6250
+ transition-delay: var(--pf-v6-c-button--TransitionDelay);
6251
+ transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
6252
+ transition-duration: var(--pf-v6-c-button--TransitionDuration);
6253
+ transition-property: var(--pf-v6-c-button--TransitionProperty);
6254
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
6348
6255
  }
6349
6256
 
6350
- .pf-v6-c-button__progress {
6257
+ .pf-v6-c-button::after {
6351
6258
  position: absolute;
6352
- inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
6353
- inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
6354
- line-height: 1;
6355
- color: var(--pf-v6-c-button__progress--Color);
6356
- transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
6357
- }
6358
-
6359
- .pf-v6-c-button__progress .pf-v6-c-spinner {
6360
- --pf-v6-c-spinner--Color: currentcolor;
6361
- }
6362
-
6363
- .pf-v6-c-button__text {
6364
- text-decoration: inherit;
6259
+ inset: var(--pf-v6-c-button--border--offset);
6260
+ pointer-events: none;
6261
+ content: "";
6262
+ border: var(--pf-v6-c-button--BorderWidth) solid;
6263
+ border-color: var(--pf-v6-c-button--BorderColor);
6264
+ border-radius: inherit;
6265
+ transition: inherit;
6365
6266
  }
6366
6267
 
6367
- .pf-v6-c-button__count {
6368
- display: inline-flex;
6369
- align-items: center;
6268
+ .pf-v6-c-button.pf-m-primary {
6269
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-primary--Color);
6270
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-primary--BackgroundColor);
6271
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-primary__icon--Color);
6272
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-primary--hover--Color);
6273
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-primary--hover--BackgroundColor);
6274
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-primary--hover__icon--Color);
6275
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-primary--m-clicked--Color);
6276
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-primary--m-clicked--BackgroundColor);
6277
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-primary--m-clicked__icon--Color);
6370
6278
  }
6371
6279
 
6372
- .pf-v6-c-button--hamburger-icon path {
6373
- fill: none;
6374
- stroke: currentcolor;
6375
- stroke-linecap: round;
6376
- stroke-linejoin: round;
6377
- transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
6280
+ .pf-v6-c-button.pf-m-primary .pf-v6-c-badge.pf-m-unread {
6281
+ --pf-v6-c-badge--BorderColor: var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
6378
6282
  }
6379
6283
 
6380
- .pf-v6-c-button--hamburger-icon--top {
6381
- d: var(--pf-v6-c-button--hamburger-icon--top--path);
6284
+ .pf-v6-c-button.pf-m-secondary {
6285
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
6286
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
6287
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
6288
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
6289
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
6290
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
6291
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-secondary--hover__icon--Color);
6292
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-clicked--Color);
6293
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-clicked--BorderColor);
6294
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-clicked__icon--Color);
6295
+ --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-secondary--m-danger--Color);
6296
+ --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger__icon--Color);
6297
+ --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover--Color);
6298
+ --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover__icon--Color);
6299
+ --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--Color);
6300
+ --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color);
6382
6301
  }
6383
6302
 
6384
- .pf-v6-c-button--hamburger-icon--middle {
6385
- d: var(--pf-v6-c-button--hamburger-icon--middle--path);
6303
+ .pf-v6-c-button.pf-m-secondary.pf-m-danger {
6304
+ --pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--BorderColor);
6305
+ --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--hover--BorderColor);
6306
+ --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor);
6307
+ --pf-v6-c-button--m-danger--BackgroundColor: transparent;
6308
+ --pf-v6-c-button--m-danger--hover--BackgroundColor: transparent;
6309
+ --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: transparent;
6386
6310
  }
6387
6311
 
6388
- .pf-v6-c-button--hamburger-icon--arrow {
6389
- d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
6312
+ .pf-v6-c-button.pf-m-tertiary {
6313
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
6314
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
6315
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
6316
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
6317
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
6318
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
6319
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-tertiary--hover__icon--Color);
6320
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-tertiary--m-clicked--Color);
6321
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-tertiary--m-clicked--BorderColor);
6322
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-tertiary--m-clicked__icon--Color);
6390
6323
  }
6391
6324
 
6392
- .pf-v6-c-button--hamburger-icon--bottom {
6393
- d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
6325
+ .pf-v6-c-button.pf-m-link {
6326
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
6327
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
6328
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
6329
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-link--BorderWidth);
6330
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-link--hover--BorderColor);
6331
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-link--hover--BorderWidth);
6332
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-link--m-clicked--BorderColor);
6333
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-link--m-clicked--BorderWidth);
6334
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-link--BorderColor);
6335
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
6336
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
6337
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
6338
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-link--hover--Color);
6339
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-link--hover--BackgroundColor);
6340
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-link--hover__icon--Color);
6341
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
6342
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
6343
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
6344
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
6345
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
6394
6346
  }
6395
6347
 
6396
- @keyframes pf-v6-c-button-icon-notify {
6397
- 33% {
6398
- transform: rotate(30deg);
6399
- }
6400
- 66% {
6401
- transform: rotate(-60deg);
6402
- }
6403
- }
6404
- @keyframes pf-v6-c-button-icon-favorited {
6405
- 50% {
6406
- scale: 1.5;
6407
- }
6408
- }
6409
- .pf-v6-c-divider {
6410
- --pf-v6-c-divider--Display: flex;
6411
- --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
6412
- --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
6413
- --pf-v6-c-divider--before--FlexBasis: 100%;
6348
+ span.pf-v6-c-button.pf-m-link.pf-m-inline {
6349
+ --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
6350
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
6351
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
6414
6352
  }
6415
6353
 
6416
- .pf-v6-c-divider {
6417
- flex-direction: row;
6418
- width: 100%;
6419
- height: var(--pf-v6-c-divider--Size);
6420
- --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
6421
- --pf-v6-hidden-visible--hidden--Display: none;
6422
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6423
- display: var(--pf-v6-hidden-visible--Display);
6354
+ .pf-v6-c-button.pf-m-link.pf-m-inline {
6355
+ --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
6356
+ --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
6357
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
6358
+ --pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
6359
+ --pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
6360
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockStart);
6361
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
6362
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
6363
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
6364
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-link--m-inline--TransitionDuration);
6365
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-v6-c-button--m-link--m-inline--TransitionTimingFunction);
6366
+ --pf-v6-c-button--TransitionProperty: var(--pf-v6-c-button--m-link--m-inline--TransitionProperty);
6367
+ --pf-v6-c-button--BackgroundColor: transparent;
6368
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
6369
+ --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
6370
+ --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
6371
+ --pf-v6-c-button--hover--BackgroundColor: transparent;
6372
+ --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
6373
+ --pf-v6-c-button--disabled--BackgroundColor: transparent;
6374
+ --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
6375
+ --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
6376
+ --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
6377
+ --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
6378
+ --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
6379
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
6380
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
6381
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
6382
+ --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
6383
+ --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
6384
+ --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
6385
+ --pf-v6-c-button--BorderWidth: 0;
6386
+ --pf-v6-c-button--hover--BorderWidth: 0;
6387
+ --pf-v6-c-button--m-clicked--BorderWidth: 0;
6388
+ text-align: start;
6389
+ text-underline-offset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
6390
+ white-space: normal;
6391
+ background: transparent;
6392
+ outline-offset: 0.125rem;
6424
6393
  }
6425
6394
 
6426
- .pf-v6-c-divider.pf-m-hidden {
6427
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6395
+ .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
6396
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
6428
6397
  }
6429
6398
 
6430
- @media screen and (min-width: 36rem) {
6431
- .pf-v6-c-divider.pf-m-hidden-on-sm {
6432
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6433
- }
6434
- .pf-v6-c-divider.pf-m-visible-on-sm {
6435
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6436
- }
6437
- }
6438
- @media screen and (min-width: 48rem) {
6439
- .pf-v6-c-divider.pf-m-hidden-on-md {
6440
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6441
- }
6442
- .pf-v6-c-divider.pf-m-visible-on-md {
6443
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6444
- }
6445
- }
6446
- @media screen and (min-width: 62rem) {
6447
- .pf-v6-c-divider.pf-m-hidden-on-lg {
6448
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6449
- }
6450
- .pf-v6-c-divider.pf-m-visible-on-lg {
6451
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6452
- }
6453
- }
6454
- @media screen and (min-width: 75rem) {
6455
- .pf-v6-c-divider.pf-m-hidden-on-xl {
6456
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6457
- }
6458
- .pf-v6-c-divider.pf-m-visible-on-xl {
6459
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6460
- }
6461
- }
6462
- @media screen and (min-width: 90.625rem) {
6463
- .pf-v6-c-divider.pf-m-hidden-on-2xl {
6464
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6465
- }
6466
- .pf-v6-c-divider.pf-m-visible-on-2xl {
6467
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6468
- }
6399
+ .pf-v6-c-button.pf-m-link.pf-m-danger {
6400
+ --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
6401
+ --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
6402
+ --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-link--m-danger__icon--Color);
6403
+ --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-link--m-danger--hover--Color);
6404
+ --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--hover--BackgroundColor);
6405
+ --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-link--m-danger--hover__icon--Color);
6406
+ --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked--Color);
6407
+ --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor);
6408
+ --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color);
6469
6409
  }
6470
- .pf-v6-c-divider {
6471
- flex-shrink: 0;
6472
- align-items: stretch;
6473
- align-self: stretch;
6474
- justify-content: center;
6475
- border: 0;
6410
+
6411
+ .pf-v6-c-button.pf-m-link.pf-m-display-lg {
6412
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-display-lg--FontSize);
6476
6413
  }
6477
6414
 
6478
- .pf-v6-c-divider::before {
6479
- flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
6480
- content: "";
6481
- background-color: var(--pf-v6-c-divider--Color);
6482
- border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
6483
- border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
6415
+ .pf-v6-c-button.pf-m-warning {
6416
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-warning--Color);
6417
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-warning--BackgroundColor);
6418
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-warning__icon--Color);
6419
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-warning--hover--Color);
6420
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-warning--hover--BackgroundColor);
6421
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-warning--hover__icon--Color);
6422
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-warning--m-clicked--Color);
6423
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-warning--m-clicked--BackgroundColor);
6424
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-warning--m-clicked__icon--Color);
6484
6425
  }
6485
6426
 
6486
- .pf-v6-c-divider.pf-m-horizontal {
6487
- flex-direction: row;
6488
- width: 100%;
6489
- height: var(--pf-v6-c-divider--Size);
6427
+ .pf-v6-c-button.pf-m-danger {
6428
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-danger--Color);
6429
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-danger--BackgroundColor);
6430
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-danger__icon--Color);
6431
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-danger--hover--Color);
6432
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-danger--hover--BackgroundColor);
6433
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-danger--hover__icon--Color);
6434
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-danger--m-clicked--Color);
6435
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-danger--m-clicked--BackgroundColor);
6436
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-danger--m-clicked__icon--Color);
6490
6437
  }
6491
6438
 
6492
- .pf-v6-c-divider.pf-m-vertical {
6493
- flex-direction: column;
6494
- width: var(--pf-v6-c-divider--Size);
6495
- height: inherit;
6439
+ .pf-v6-c-button.pf-m-control {
6440
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-control--BorderRadius);
6441
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-control--PaddingInlineStart);
6442
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-control--PaddingInlineEnd);
6443
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-control--Color);
6444
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-control--BackgroundColor);
6445
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-control--BorderColor);
6446
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-control--BorderWidth);
6447
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-control__icon--Color);
6448
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-control--hover--Color);
6449
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-control--hover--BackgroundColor);
6450
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-control--hover--BorderColor);
6451
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-control--hover--BorderWidth);
6452
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-control--hover__icon--Color);
6453
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-control--m-clicked--Color);
6454
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-control--m-clicked--BackgroundColor);
6455
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
6456
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
6457
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
6458
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
6459
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
6496
6460
  }
6497
6461
 
6498
- .pf-v6-c-divider.pf-m-inset-none {
6499
- --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
6462
+ .pf-v6-c-button.pf-m-stateful {
6463
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
6464
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
6465
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
6466
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
6467
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
6500
6468
  }
6501
6469
 
6502
- .pf-v6-c-divider.pf-m-inset-xs {
6503
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6470
+ .pf-v6-c-button.pf-m-read {
6471
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
6472
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-read--BorderColor);
6473
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-read--hover--BackgroundColor);
6474
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-read--hover--BorderColor);
6475
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-read--m-clicked--BackgroundColor);
6476
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-read--m-clicked--BorderColor);
6504
6477
  }
6505
6478
 
6506
- .pf-v6-c-divider.pf-m-inset-sm {
6507
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6479
+ .pf-v6-c-button.pf-m-unread {
6480
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-unread--Color);
6481
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-unread--BackgroundColor);
6482
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-unread__icon--Color);
6483
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-unread--hover--Color);
6484
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-unread--hover--BackgroundColor);
6485
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-unread--hover__icon--Color);
6486
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-unread--m-clicked--Color);
6487
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-unread--m-clicked--BackgroundColor);
6488
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-unread--m-clicked__icon--Color);
6508
6489
  }
6509
6490
 
6510
- .pf-v6-c-divider.pf-m-inset-md {
6511
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6491
+ .pf-v6-c-button.pf-m-attention {
6492
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-attention--Color);
6493
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-attention--BackgroundColor);
6494
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-attention__icon--Color);
6495
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-attention--hover--Color);
6496
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-attention--hover--BackgroundColor);
6497
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-attention--hover__icon--Color);
6498
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-attention--m-clicked--Color);
6499
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-attention--m-clicked--BackgroundColor);
6500
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
6512
6501
  }
6513
6502
 
6514
- .pf-v6-c-divider.pf-m-inset-lg {
6515
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6503
+ .pf-v6-c-button.pf-m-plain {
6504
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-plain--BorderWidth);
6505
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-plain--hover--BorderColor);
6506
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-plain--hover--BorderWidth);
6507
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-plain--m-clicked--BorderColor);
6508
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-plain--m-clicked--BorderWidth);
6509
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-plain--BorderColor);
6510
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
6511
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
6512
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
6513
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
6514
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
6515
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--PaddingInlineStart);
6516
+ --pf-v6-c-button__progress--Color: var(--pf-v6-c-button--m-in-progress--m-plain--Color);
6517
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-plain--hover--Color);
6518
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--hover--BackgroundColor);
6519
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-plain--m-clicked--Color);
6520
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-clicked--BackgroundColor);
6521
+ --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
6522
+ --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
6523
+ --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
6524
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
6525
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
6516
6526
  }
6517
6527
 
6518
- .pf-v6-c-divider.pf-m-inset-xl {
6519
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6528
+ .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
6529
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
6530
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
6531
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
6532
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
6533
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
6534
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
6535
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
6536
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
6537
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
6538
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
6539
+ --pf-v6-c-button--border--offset: var(--pf-v6-c-button--m-plain--m-no-padding--border--offset);
6540
+ min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
6541
+ background: var(--pf-v6-c-button--BackgroundColor);
6520
6542
  }
6521
6543
 
6522
- .pf-v6-c-divider.pf-m-inset-2xl {
6523
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6544
+ .pf-v6-c-button.pf-m-block {
6545
+ --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
6546
+ width: var(--pf-v6-c-button--m-block--Width);
6524
6547
  }
6525
6548
 
6526
- .pf-v6-c-divider.pf-m-inset-3xl {
6527
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6549
+ .pf-v6-c-button.pf-m-small {
6550
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
6551
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-small--PaddingInlineEnd);
6552
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-small--PaddingBlockEnd);
6553
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-small--PaddingInlineStart);
6528
6554
  }
6529
6555
 
6530
- @media (min-width: 36rem) {
6531
- .pf-v6-c-divider.pf-m-horizontal-on-sm {
6532
- flex-direction: row;
6533
- width: 100%;
6534
- height: var(--pf-v6-c-divider--Size);
6535
- }
6536
- }
6537
- @media (min-width: 36rem) {
6538
- .pf-v6-c-divider.pf-m-vertical-on-sm {
6539
- flex-direction: column;
6540
- width: var(--pf-v6-c-divider--Size);
6541
- height: inherit;
6542
- }
6543
- }
6544
- @media (min-width: 36rem) {
6545
- .pf-v6-c-divider.pf-m-inset-none-on-sm {
6546
- --pf-v6-c-divider--before--FlexBasis: 100%;
6547
- }
6548
- .pf-v6-c-divider.pf-m-inset-xs-on-sm {
6549
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6550
- }
6551
- .pf-v6-c-divider.pf-m-inset-sm-on-sm {
6552
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6553
- }
6554
- .pf-v6-c-divider.pf-m-inset-md-on-sm {
6555
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6556
- }
6557
- .pf-v6-c-divider.pf-m-inset-lg-on-sm {
6558
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6559
- }
6560
- .pf-v6-c-divider.pf-m-inset-xl-on-sm {
6561
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6562
- }
6563
- .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
6564
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6565
- }
6566
- .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
6567
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6568
- }
6569
- }
6570
- @media (min-width: 48rem) {
6571
- .pf-v6-c-divider.pf-m-horizontal-on-md {
6572
- flex-direction: row;
6573
- width: 100%;
6574
- height: var(--pf-v6-c-divider--Size);
6575
- }
6576
- }
6577
- @media (min-width: 48rem) {
6578
- .pf-v6-c-divider.pf-m-vertical-on-md {
6579
- flex-direction: column;
6580
- width: var(--pf-v6-c-divider--Size);
6581
- height: inherit;
6582
- }
6583
- }
6584
- @media (min-width: 48rem) {
6585
- .pf-v6-c-divider.pf-m-inset-none-on-md {
6586
- --pf-v6-c-divider--before--FlexBasis: 100%;
6587
- }
6588
- .pf-v6-c-divider.pf-m-inset-xs-on-md {
6589
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6590
- }
6591
- .pf-v6-c-divider.pf-m-inset-sm-on-md {
6592
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6593
- }
6594
- .pf-v6-c-divider.pf-m-inset-md-on-md {
6595
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6596
- }
6597
- .pf-v6-c-divider.pf-m-inset-lg-on-md {
6598
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6599
- }
6600
- .pf-v6-c-divider.pf-m-inset-xl-on-md {
6601
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6602
- }
6603
- .pf-v6-c-divider.pf-m-inset-2xl-on-md {
6604
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6605
- }
6606
- .pf-v6-c-divider.pf-m-inset-3xl-on-md {
6607
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6608
- }
6609
- }
6610
- @media (min-width: 62rem) {
6611
- .pf-v6-c-divider.pf-m-horizontal-on-lg {
6612
- flex-direction: row;
6613
- width: 100%;
6614
- height: var(--pf-v6-c-divider--Size);
6615
- }
6556
+ .pf-v6-c-button.pf-m-display-lg {
6557
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-display-lg--PaddingBlockStart);
6558
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-display-lg--PaddingInlineEnd);
6559
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
6560
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
6561
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
6562
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationColor);
6563
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationLine);
6564
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-display-lg--hover--TextDecorationStyle);
6565
+ --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-display-lg--hover--TextUnderlineOffset);
6566
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationColor);
6567
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationLine);
6568
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-display-lg--m-clicked--TextDecorationStyle);
6569
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-display-lg--m-clicked--TextUnderlineOffset);
6570
+ --pf-v6-c-button--m-primary--Color: var(--pf-v6-c-button--m-display-lg--m-primary--Color);
6571
+ --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--BackgroundColor);
6572
+ --pf-v6-c-button--m-primary__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary__icon--Color);
6573
+ --pf-v6-c-button--m-primary--hover--Color: var(--pf-v6-c-button--m-display-lg--m-primary--hover--Color);
6574
+ --pf-v6-c-button--m-primary--hover--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--hover--BackgroundColor);
6575
+ --pf-v6-c-button--m-primary--hover__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary--hover__icon--Color);
6576
+ --pf-v6-c-button--m-primary--m-clicked--Color: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--Color);
6577
+ --pf-v6-c-button--m-primary--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--BackgroundColor);
6578
+ --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked__icon--Color);
6579
+ --pf-v6-c-button--m-secondary--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--Color);
6580
+ --pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--BorderColor);
6581
+ --pf-v6-c-button--m-secondary__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary__icon--Color);
6582
+ --pf-v6-c-button--m-secondary--hover--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--hover--Color);
6583
+ --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--hover--BorderColor);
6584
+ --pf-v6-c-button--m-secondary--hover__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--hover__icon--Color);
6585
+ --pf-v6-c-button--m-secondary--m-clicked--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--Color);
6586
+ --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked--BorderColor);
6587
+ --pf-v6-c-button--m-secondary--m-clicked__icon--Color: var(--pf-v6-c-button--m-display-lg--m-secondary--m-clicked__icon--Color);
6588
+ --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-v6-c-button--m-display-lg--m-tertiary--hover--BorderColor);
6589
+ --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-v6-c-button--m-display-lg--m-tertiary--m-clicked--BorderColor);
6616
6590
  }
6617
- @media (min-width: 62rem) {
6618
- .pf-v6-c-divider.pf-m-vertical-on-lg {
6619
- flex-direction: column;
6620
- width: var(--pf-v6-c-divider--Size);
6621
- height: inherit;
6622
- }
6591
+
6592
+ .pf-v6-c-button.pf-m-display-lg.pf-m-primary {
6593
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-primary--hover--TextDecorationColor);
6594
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-display-lg--m-primary--m-clicked--TextDecorationColor);
6623
6595
  }
6624
- @media (min-width: 62rem) {
6625
- .pf-v6-c-divider.pf-m-inset-none-on-lg {
6626
- --pf-v6-c-divider--before--FlexBasis: 100%;
6627
- }
6628
- .pf-v6-c-divider.pf-m-inset-xs-on-lg {
6629
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6630
- }
6631
- .pf-v6-c-divider.pf-m-inset-sm-on-lg {
6632
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6633
- }
6634
- .pf-v6-c-divider.pf-m-inset-md-on-lg {
6635
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6636
- }
6637
- .pf-v6-c-divider.pf-m-inset-lg-on-lg {
6638
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6639
- }
6640
- .pf-v6-c-divider.pf-m-inset-xl-on-lg {
6641
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6642
- }
6643
- .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
6644
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6645
- }
6646
- .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
6647
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6648
- }
6596
+
6597
+ .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
6598
+ display: grid;
6599
+ transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
6600
+ transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
6601
+ transition-property: color;
6649
6602
  }
6650
- @media (min-width: 75rem) {
6651
- .pf-v6-c-divider.pf-m-horizontal-on-xl {
6652
- flex-direction: row;
6653
- width: 100%;
6654
- height: var(--pf-v6-c-divider--Size);
6655
- }
6603
+
6604
+ .pf-v6-c-button.pf-m-favorited {
6605
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
6606
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
6607
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
6608
+ --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
6609
+ --pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
6610
+ --pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
6656
6611
  }
6657
- @media (min-width: 75rem) {
6658
- .pf-v6-c-divider.pf-m-vertical-on-xl {
6659
- flex-direction: column;
6660
- width: var(--pf-v6-c-divider--Size);
6661
- height: inherit;
6662
- }
6612
+
6613
+ .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
6614
+ animation-name: pf-v6-c-button-icon-favorited;
6615
+ animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
6616
+ animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
6663
6617
  }
6664
- @media (min-width: 75rem) {
6665
- .pf-v6-c-divider.pf-m-inset-none-on-xl {
6666
- --pf-v6-c-divider--before--FlexBasis: 100%;
6667
- }
6668
- .pf-v6-c-divider.pf-m-inset-xs-on-xl {
6669
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6670
- }
6671
- .pf-v6-c-divider.pf-m-inset-sm-on-xl {
6672
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6673
- }
6674
- .pf-v6-c-divider.pf-m-inset-md-on-xl {
6675
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6676
- }
6677
- .pf-v6-c-divider.pf-m-inset-lg-on-xl {
6678
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6679
- }
6680
- .pf-v6-c-divider.pf-m-inset-xl-on-xl {
6681
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6682
- }
6683
- .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
6684
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6685
- }
6686
- .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
6687
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6688
- }
6618
+
6619
+ .pf-v6-c-button.pf-m-settings {
6620
+ --pf-v6-c-button__icon--TransitionProperty: rotate;
6621
+ --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--m-settings__icon--TransitionDuration);
6622
+ --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings__icon--TransitionTimingFunction);
6623
+ --pf-v6-c-button--hover__icon--TransitionProperty: rotate;
6624
+ --pf-v6-c-button--hover__icon--TransitionDuration: var(--pf-v6-c-button--m-settings--hover__icon--TransitionDuration);
6625
+ --pf-v6-c-button--hover__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction);
6626
+ --pf-v6-c-button--hover__icon--Rotate: var(--pf-v6-c-button--m-settings--hover__icon--Rotate);
6689
6627
  }
6690
- @media (min-width: 90.625rem) {
6691
- .pf-v6-c-divider.pf-m-horizontal-on-2xl {
6692
- flex-direction: row;
6693
- width: 100%;
6694
- height: var(--pf-v6-c-divider--Size);
6695
- }
6628
+
6629
+ .pf-v6-c-button.pf-m-hamburger {
6630
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
6631
+ --pf-v6-c-button__icon--TransitionDuration: 0s;
6632
+ --pf-v6-c-button__icon--TransitionProperty: scale;
6633
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
6634
+ --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
6635
+ --pf-v6-c-button--hover__icon--TransitionProperty: scale;
6696
6636
  }
6697
- @media (min-width: 90.625rem) {
6698
- .pf-v6-c-divider.pf-m-vertical-on-2xl {
6699
- flex-direction: column;
6700
- width: var(--pf-v6-c-divider--Size);
6701
- height: inherit;
6702
- }
6637
+
6638
+ .pf-v6-c-button.pf-m-hamburger.pf-m-expand {
6639
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
6640
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
6641
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
6642
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
6643
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
6644
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
6645
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
6703
6646
  }
6704
- @media (min-width: 90.625rem) {
6705
- .pf-v6-c-divider.pf-m-inset-none-on-2xl {
6706
- --pf-v6-c-divider--before--FlexBasis: 100%;
6707
- }
6708
- .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
6709
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6710
- }
6711
- .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
6712
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6713
- }
6714
- .pf-v6-c-divider.pf-m-inset-md-on-2xl {
6715
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6716
- }
6717
- .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
6718
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6719
- }
6720
- .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
6721
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6722
- }
6723
- .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
6724
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6725
- }
6726
- .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
6727
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6728
- }
6647
+
6648
+ .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
6649
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
6650
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
6651
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
6652
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
6653
+ --pf-v6-c-button__icon--ScaleX: 1;
6654
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
6655
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
6729
6656
  }
6730
- .pf-v6-c-form-control {
6731
- --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
6732
- --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
6733
- --pf-v6-c-form-control--FontSize: var(--pf-t--global--font--size--body--default);
6734
- --pf-v6-c-form-control--LineHeight: var(--pf-t--global--font--line-height--body);
6735
- --pf-v6-c-form-control--Resize: none;
6736
- --pf-v6-c-form-control--OutlineOffset: -6px;
6737
- --pf-v6-c-form-control--BorderRadius: var(--pf-t--global--border--radius--control--form-element);
6738
- --pf-v6-c-form-control--before--BorderWidth: var(--pf-t--global--border--width--control--default);
6739
- --pf-v6-c-form-control--before--BorderStyle: solid;
6740
- --pf-v6-c-form-control--before--BorderColor: var(--pf-t--global--border--color--control--default);
6741
- --pf-v6-c-form-control--before--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6742
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6743
- --pf-v6-c-form-control--after--BorderStyle: solid;
6744
- --pf-v6-c-form-control--after--BorderColor: transparent;
6745
- --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6746
- --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
6747
- --pf-v6-c-form-control--Width: 100%;
6748
- --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
6749
- --pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
6750
- --pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
6751
- --pf-v6-c-form-control--PaddingInlineEnd--base: var(--pf-v6-c-form-control--inset--base);
6752
- --pf-v6-c-form-control--PaddingInlineStart--base: var(--pf-v6-c-form-control--inset--base);
6753
- --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
6754
- --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
6755
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
6756
- --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
6757
- --pf-v6-c-form-control__utilities--input--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
6758
- --pf-v6-c-form-control__utilities--select--PaddingInlineEnd: var(--pf-v6-c-form-control__select--PaddingInlineEnd);
6759
- --pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd: var(--pf-v6-c-form-control__textarea--PaddingInlineEnd);
6760
- --pf-v6-c-form-control__input--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
6761
- --pf-v6-c-form-control__input--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
6762
- --pf-v6-c-form-control__input--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
6763
- --pf-v6-c-form-control__input--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
6764
- --pf-v6-c-form-control__select--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
6765
- --pf-v6-c-form-control__select--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
6766
- --pf-v6-c-form-control__select--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
6767
- --pf-v6-c-form-control__select--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
6768
- --pf-v6-c-form-control__textarea--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart--base);
6769
- --pf-v6-c-form-control__textarea--PaddingBlockEnd: var(--pf-v6-c-form-control--PaddingBlockEnd--base);
6770
- --pf-v6-c-form-control__textarea--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
6771
- --pf-v6-c-form-control__textarea--PaddingInlineStart: var(--pf-v6-c-form-control--PaddingInlineStart--base);
6772
- --pf-v6-c-form-control--hover--after--BorderWidth: var(--pf-t--global--border--width--control--hover);
6773
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-t--global--border--color--hover);
6774
- --pf-v6-c-form-control--m-success--hover--after--BorderColor: var(--pf-t--global--border--color--status--success--hover);
6775
- --pf-v6-c-form-control--m-warning--hover--after--BorderColor: var(--pf-t--global--border--color--status--warning--hover);
6776
- --pf-v6-c-form-control--m-error--hover--after--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
6777
- --pf-v6-c-form-control--m-expanded--after--BorderWidth: var(--pf-t--global--border--width--control--clicked);
6778
- --pf-v6-c-form-control--m-expanded--after--BorderColor: var(--pf-t--global--border--color--clicked);
6779
- --pf-v6-c-form-control--m-placeholder--Color: var(--pf-t--global--text--color--placeholder);
6780
- --pf-v6-c-form-control--m-placeholder--child--Color: var(--pf-t--global--text--color--regular);
6781
- --pf-v6-c-form-control--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
6782
- --pf-v6-c-form-control--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
6783
- --pf-v6-c-form-control--m-disabled--after--BorderColor: transparent;
6784
- --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-t--global--background--color--control--read-only);
6785
- --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-t--global--border--color--control--read-only);
6786
- --pf-v6-c-form-control--m-readonly--hover--after--BorderColor: revert;
6787
- --pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor: transparent;
6788
- --pf-v6-c-form-control--m-readonly--m-plain--BorderColor: transparent;
6789
- --pf-v6-c-form-control--m-readonly--m-plain--inset--base: 0;
6790
- --pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset: 0;
6791
- --pf-v6-c-form-control--icon--width: var(--pf-v6-c-form-control--FontSize);
6792
- --pf-v6-c-form-control--m-success--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6793
- --pf-v6-c-form-control--m-success--after--BorderColor: var(--pf-t--global--border--color--status--success--default);
6794
- --pf-v6-c-form-control--m-success--PaddingInlineEnd: initial;
6795
- --pf-v6-c-form-control__select--m-success--m-status--PaddingInlineEnd: initial;
6796
- --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));
6797
- --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));
6798
- --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));
6799
- --pf-v6-c-form-control--m-warning--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6800
- --pf-v6-c-form-control--m-warning--after--BorderColor: var(--pf-t--global--border--color--status--warning--default);
6801
- --pf-v6-c-form-control--m-warning--PaddingInlineEnd: initial;
6802
- --pf-v6-c-form-control__select--m-warning--m-status--PaddingInlineEnd: initial;
6803
- --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));
6804
- --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));
6805
- --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));
6806
- --pf-v6-c-form-control--m-error--after--BorderWidth: var(--pf-t--global--border--width--control--default);
6807
- --pf-v6-c-form-control--m-error--after--BorderColor: var(--pf-t--global--border--color--status--danger--default);
6808
- --pf-v6-c-form-control--m-error--PaddingInlineEnd: initial;
6809
- --pf-v6-c-form-control__select--m-error--m-status--PaddingInlineEnd: initial;
6810
- --pf-v6-c-form-control--m-error--icon--width: var(--pf-v6-c-form-control--FontSize);
6811
- --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));
6812
- --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));
6813
- --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));
6814
- --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));
6815
- --pf-v6-c-form-control--m-icon--icon--width: var(--pf-v6-c-form-control--FontSize);
6816
- --pf-v6-c-form-control--m-icon--icon--spacer: calc(var(--pf-t--global--spacer--control--horizontal--default) / 2);
6817
- --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));
6818
- --pf-v6-c-form-control--textarea--Width: var(--pf-v6-c-form-control--Width);
6819
- --pf-v6-c-form-control--textarea--Height: auto;
6820
- --pf-v6-c-form-control--textarea--PaddingBlockStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
6821
- --pf-v6-c-form-control--textarea--PaddingBlockEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
6822
- --pf-v6-c-form-control--textarea--PaddingInlineEnd--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
6823
- --pf-v6-c-form-control--textarea--PaddingInlineStart--offset: calc(-1 * var(--pf-v6-c-form-control--OutlineOffset));
6824
- --pf-v6-c-form-control__icon--Color: var(--pf-t--global--icon--color--regular);
6825
- --pf-v6-c-form-control__icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
6826
- --pf-v6-c-form-control__icon--m-status--Color: var(--pf-t--global--icon--color--regular);
6827
- --pf-v6-c-form-control--m-success__icon--m-status--Color: var(--pf-t--global--icon--color--status--success--default);
6828
- --pf-v6-c-form-control--m-warning__icon--m-status--Color: var(--pf-t--global--icon--color--status--warning--default);
6829
- --pf-v6-c-form-control--m-error__icon--m-status--Color: var(--pf-t--global--icon--color--status--danger--default);
6830
- --pf-v6-c-form-control__utilities--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
6831
- --pf-v6-c-form-control__utilities--PaddingBlockStart: var(--pf-v6-c-form-control--PaddingBlockStart);
6832
- --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control--PaddingInlineEnd--base);
6833
- --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));
6834
- --pf-v6-c-form-control__toggle-icon--PaddingInlineStart: 0;
6835
- --pf-v6-c-form-control__toggle-icon--PaddingInlineEnd: 0;
6836
- --pf-v6-c-form-control__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
6837
- --pf-v6-c-form-control__toggle-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
6838
- --pf-v6-c-form-control--m-disabled__toggle-icon--Color: var(--pf-t--global--icon--color--disabled);
6657
+
6658
+ .pf-v6-c-button.pf-m-circle {
6659
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-circle--BorderRadius);
6660
+ }
6661
+
6662
+ .pf-v6-c-button:hover, .pf-v6-c-button:focus {
6663
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
6664
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
6665
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
6666
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
6667
+ --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
6668
+ --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
6669
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
6670
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
6671
+ --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
6672
+ --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
6673
+ --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
6674
+ --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
6675
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
6676
+ --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
6677
+ text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
6678
+ text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
6679
+ text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
6680
+ text-underline-offset: var(--pf-v6-c-button--hover--TextUnderlineOffset);
6681
+ outline-offset: var(--pf-t--global--focus-ring--position--offset);
6839
6682
  }
6840
6683
 
6841
- .pf-v6-c-form-control {
6842
- position: relative;
6843
- display: grid;
6844
- grid-template-columns: 1fr auto;
6845
- column-gap: var(--pf-v6-c-form-control--ColumnGap);
6846
- align-items: start;
6847
- width: var(--pf-v6-c-form-control--Width);
6848
- font-size: var(--pf-v6-c-form-control--FontSize);
6849
- line-height: var(--pf-v6-c-form-control--LineHeight);
6850
- resize: var(--pf-v6-c-form-control--Resize);
6851
- background-color: var(--pf-v6-c-form-control--BackgroundColor);
6852
- border-radius: var(--pf-v6-c-form-control--BorderRadius);
6684
+ .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
6685
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
6686
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
6687
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
6688
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
6689
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
6690
+ text-decoration-line: var(--pf-v6-c-button--m-clicked--TextDecorationLine);
6691
+ text-decoration-style: var(--pf-v6-c-button--m-clicked--TextDecorationStyle);
6692
+ text-decoration-color: var(--pf-v6-c-button--m-clicked--TextDecorationColor);
6693
+ text-underline-offset: var(--pf-v6-c-button--m-clicked--TextUnderlineOffset);
6853
6694
  }
6854
6695
 
6855
- .pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
6856
- position: absolute;
6857
- inset: 0;
6696
+ .pf-v6-c-button:active {
6697
+ background-size: 100% 100%;
6698
+ transition-duration: 0s;
6699
+ }
6700
+
6701
+ .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
6858
6702
  pointer-events: none;
6859
- content: "";
6860
6703
  }
6861
6704
 
6862
- .pf-v6-c-form-control::before {
6863
- border-color: var(--pf-v6-c-form-control--before--BorderColor);
6864
- border-style: var(--pf-v6-c-form-control--before--BorderStyle);
6865
- border-width: var(--pf-v6-c-form-control--before--BorderWidth);
6866
- border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
6705
+ .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
6706
+ color: var(--pf-v6-c-button--disabled--Color);
6707
+ text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
6708
+ background: var(--pf-v6-c-button--disabled--BackgroundColor);
6867
6709
  }
6868
6710
 
6869
- .pf-v6-c-form-control::after {
6870
- 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);
6871
- border-radius: var(--pf-v6-c-form-control--before--BorderRadius);
6711
+ .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
6712
+ border-color: transparent;
6872
6713
  }
6873
6714
 
6874
- .pf-v6-c-form-control > :is(input, select, textarea) {
6875
- grid-row: 1/2;
6876
- grid-column: 1/-1;
6877
- padding-block-start: var(--pf-v6-c-form-control--PaddingBlockStart);
6878
- padding-block-end: var(--pf-v6-c-form-control--PaddingBlockEnd);
6879
- padding-inline-start: var(--pf-v6-c-form-control--PaddingInlineStart);
6880
- padding-inline-end: var(--pf-v6-c-form-control--PaddingInlineEnd);
6881
- color: var(--pf-v6-c-form-control--Color);
6882
- appearance: none;
6883
- background-color: transparent;
6884
- border: none;
6885
- border-radius: var(--pf-v6-c-form-control--BorderRadius);
6886
- outline-offset: var(--pf-v6-c-form-control--OutlineOffset);
6715
+ .pf-v6-c-button:disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-aria-disabled .pf-v6-c-button__icon {
6716
+ color: var(--pf-v6-c-button--disabled__icon--Color);
6887
6717
  }
6888
6718
 
6889
- .pf-v6-c-form-control > ::placeholder {
6890
- color: var(--pf-v6-c-form-control--m-placeholder--Color);
6719
+ .pf-v6-c-button.pf-m-aria-disabled {
6720
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
6721
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
6722
+ cursor: default;
6891
6723
  }
6892
6724
 
6893
- .pf-v6-c-form-control > :is(input, select) {
6894
- text-overflow: ellipsis;
6725
+ .pf-v6-c-button.pf-m-progress {
6726
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
6727
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
6895
6728
  }
6896
6729
 
6897
- .pf-v6-c-form-control > select {
6898
- background-color: var(--pf-v6-c-form-control--BackgroundColor);
6730
+ .pf-v6-c-button.pf-m-in-progress {
6731
+ --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
6899
6732
  }
6900
6733
 
6901
- .pf-v6-c-form-control > select * {
6902
- color: var(--pf-v6-c-form-control--Color);
6734
+ .pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
6735
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
6736
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
6903
6737
  }
6904
6738
 
6905
- .pf-v6-c-form-control:has(input) {
6906
- --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__input--PaddingBlockStart);
6907
- --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__input--PaddingBlockEnd);
6908
- --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__input--PaddingInlineStart);
6909
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control__input--PaddingInlineEnd);
6910
- --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--input--PaddingInlineEnd);
6739
+ .pf-v6-c-button.pf-m-in-progress.pf-m-plain {
6740
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
6741
+ --pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
6911
6742
  }
6912
6743
 
6913
- .pf-v6-c-form-control.pf-m-textarea {
6914
- padding-block-start: var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset);
6915
- padding-block-end: var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset);
6916
- padding-inline-start: var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset);
6917
- padding-inline-end: var(--pf-v6-c-form-control--textarea--PaddingInlineEnd--offset);
6744
+ .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
6745
+ opacity: 0;
6918
6746
  }
6919
6747
 
6920
- .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 {
6921
- --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));
6748
+ .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
6749
+ animation-name: pf-v6-c-button-icon-notify;
6750
+ animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
6751
+ animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
6922
6752
  }
6923
6753
 
6924
- .pf-v6-c-form-control.pf-m-textarea:has(textarea) {
6925
- --pf-v6-c-form-control--PaddingBlockStart: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockStart) - var(--pf-v6-c-form-control--textarea--PaddingBlockStart--offset));
6926
- --pf-v6-c-form-control--PaddingBlockEnd: calc(var(--pf-v6-c-form-control__textarea--PaddingBlockEnd) - var(--pf-v6-c-form-control--textarea--PaddingBlockEnd--offset));
6927
- --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__textarea--PaddingInlineStart) - var(--pf-v6-c-form-control--textarea--PaddingInlineStart--offset));
6928
- --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));
6929
- --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--textarea--PaddingInlineEnd);
6754
+ .pf-v6-c-button.pf-m-dock {
6755
+ justify-content: flex-start;
6756
+ width: 100%;
6930
6757
  }
6931
6758
 
6932
- .pf-v6-c-form-control.pf-m-textarea > textarea {
6933
- scrollbar-gutter: stable;
6934
- outline-offset: 0;
6759
+ @media (min-width: 62rem) {
6760
+ .pf-v6-c-button.pf-m-dock {
6761
+ justify-content: center;
6762
+ }
6763
+ .pf-v6-c-button.pf-m-dock .pf-v6-c-button__text {
6764
+ display: none;
6765
+ }
6766
+ }
6767
+ .pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-button, .pf-v6-c-button.pf-m-text-expanded {
6768
+ justify-content: flex-start;
6769
+ width: 100%;
6935
6770
  }
6936
6771
 
6937
- .pf-v6-c-form-control.pf-m-textarea .pf-v6-c-form-control__utilities {
6938
- padding-block-start: var(--pf-v6-c-form-control__utilities--textarea--PaddingBlockStart);
6772
+ .pf-v6-c-page__dock.pf-m-text-expanded .pf-v6-c-button .pf-v6-c-button__text, .pf-v6-c-button.pf-m-text-expanded .pf-v6-c-button__text {
6773
+ display: revert;
6939
6774
  }
6940
6775
 
6941
- .pf-v6-c-form-control.pf-m-readonly {
6942
- --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--BackgroundColor);
6943
- --pf-v6-c-form-control--before--BorderColor: var(--pf-v6-c-form-control--m-readonly--BorderColor);
6776
+ .pf-v6-c-button__icon {
6777
+ min-width: 1lh;
6778
+ margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
6779
+ margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
6780
+ color: var(--pf-v6-c-button__icon--Color);
6781
+ transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
6782
+ transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
6783
+ transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
6784
+ transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
6785
+ rotate: var(--pf-v6-c-button__icon--Rotate);
6786
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
6787
+ }
6788
+
6789
+ .pf-v6-c-button__icon.pf-m-start {
6790
+ --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
6791
+ }
6792
+
6793
+ .pf-v6-c-button__icon.pf-m-end {
6794
+ --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
6795
+ }
6796
+
6797
+ .pf-v6-c-button__icon-favorite,
6798
+ .pf-v6-c-button__icon-favorited {
6799
+ grid-area: 1/1/1/1;
6800
+ transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
6801
+ transition-property: opacity;
6802
+ }
6803
+
6804
+ .pf-v6-c-button__icon-favorite {
6805
+ opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
6806
+ }
6807
+
6808
+ .pf-v6-c-button__icon-favorited {
6809
+ opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
6810
+ }
6811
+
6812
+ .pf-v6-c-button__progress {
6813
+ position: absolute;
6814
+ inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
6815
+ inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
6816
+ line-height: 1;
6817
+ color: var(--pf-v6-c-button__progress--Color);
6818
+ transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
6819
+ }
6820
+
6821
+ .pf-v6-c-button__progress .pf-v6-c-spinner {
6822
+ --pf-v6-c-spinner--Color: currentcolor;
6823
+ }
6824
+
6825
+ .pf-v6-c-button__text {
6826
+ text-decoration: inherit;
6827
+ }
6828
+
6829
+ .pf-v6-c-button__count {
6830
+ display: inline-flex;
6831
+ align-items: center;
6832
+ }
6833
+
6834
+ .pf-v6-c-button--hamburger-icon path {
6835
+ fill: none;
6836
+ stroke: currentcolor;
6837
+ stroke-linecap: round;
6838
+ stroke-linejoin: round;
6839
+ transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
6840
+ }
6841
+
6842
+ .pf-v6-c-button--hamburger-icon--top {
6843
+ d: var(--pf-v6-c-button--hamburger-icon--top--path);
6844
+ }
6845
+
6846
+ .pf-v6-c-button--hamburger-icon--middle {
6847
+ d: var(--pf-v6-c-button--hamburger-icon--middle--path);
6848
+ }
6849
+
6850
+ .pf-v6-c-button--hamburger-icon--arrow {
6851
+ d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
6852
+ }
6853
+
6854
+ .pf-v6-c-button--hamburger-icon--bottom {
6855
+ d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
6856
+ }
6857
+
6858
+ @keyframes pf-v6-c-button-icon-notify {
6859
+ 33% {
6860
+ transform: rotate(30deg);
6861
+ }
6862
+ 66% {
6863
+ transform: rotate(-60deg);
6864
+ }
6865
+ }
6866
+ @keyframes pf-v6-c-button-icon-favorited {
6867
+ 50% {
6868
+ scale: 1.5;
6869
+ }
6870
+ }
6871
+ .pf-v6-c-action-list {
6872
+ --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6873
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
6874
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
6875
+ --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
6876
+ --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
6877
+ --pf-v6-c-action-list--m-vertical--m-icons--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
6878
+ }
6879
+
6880
+ .pf-v6-c-action-list,
6881
+ .pf-v6-c-action-list__group {
6882
+ display: flex;
6883
+ align-items: start;
6884
+ }
6885
+
6886
+ .pf-v6-c-action-list {
6887
+ row-gap: var(--pf-v6-c-action-list--RowGap);
6888
+ column-gap: var(--pf-v6-c-action-list--ColumnGap);
6889
+ }
6890
+
6891
+ .pf-v6-c-action-list.pf-m-icons {
6892
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6893
+ --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-v6-c-action-list--m-vertical--m-icons--RowGap);
6894
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6895
+ }
6896
+
6897
+ .pf-v6-c-action-list.pf-m-vertical, .pf-v6-c-action-list.pf-m-vertical .pf-v6-c-action-list__group {
6898
+ flex-direction: column;
6944
6899
  }
6945
6900
 
6946
- .pf-v6-c-form-control.pf-m-readonly:hover {
6947
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
6901
+ .pf-v6-c-action-list.pf-m-vertical {
6902
+ row-gap: var(--pf-v6-c-action-list--m-vertical--RowGap);
6948
6903
  }
6949
6904
 
6950
- .pf-v6-c-form-control.pf-m-readonly:not(.pf-m-success, .pf-m-warning, .pf-m-error) {
6951
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-readonly--hover--after--BorderColor);
6905
+ .pf-v6-c-action-list__group {
6906
+ row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
6907
+ column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
6952
6908
  }
6953
6909
 
6954
- .pf-v6-c-form-control.pf-m-readonly.pf-m-plain {
6955
- --pf-v6-c-form-control--m-readonly--BackgroundColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BackgroundColor);
6956
- --pf-v6-c-form-control--m-readonly--BorderColor: var(--pf-v6-c-form-control--m-readonly--m-plain--BorderColor);
6957
- --pf-v6-c-form-control--inset--base: var(--pf-v6-c-form-control--m-readonly--m-plain--inset--base);
6958
- --pf-v6-c-form-control--before--BorderStyle: none;
6959
- --pf-v6-c-form-control--after--BorderStyle: none;
6960
- --pf-v6-c-form-control--OutlineOffset: var(--pf-v6-c-form-control--m-readonly--m-plain--OutlineOffset);
6910
+ .pf-v6-c-action-list__group.pf-m-icons {
6911
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6961
6912
  }
6962
6913
 
6963
- .pf-v6-c-form-control.pf-m-expanded {
6964
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-expanded--after--BorderColor);
6965
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-expanded--after--BorderWidth);
6914
+ .pf-v6-c-divider {
6915
+ --pf-v6-c-divider--Display: flex;
6916
+ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
6917
+ --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
6918
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6966
6919
  }
6967
6920
 
6968
- .pf-v6-c-form-control.pf-m-disabled {
6969
- --pf-v6-c-form-control--BackgroundColor: var(--pf-v6-c-form-control--m-disabled--BackgroundColor);
6970
- --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
6971
- --pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
6972
- --pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
6973
- --pf-v6-c-form-control--before--BorderStyle: none;
6974
- --pf-v6-c-form-control--after--BorderStyle: none;
6975
- cursor: not-allowed;
6921
+ .pf-v6-c-divider {
6922
+ flex-direction: row;
6923
+ width: 100%;
6924
+ height: var(--pf-v6-c-divider--Size);
6925
+ --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
6926
+ --pf-v6-hidden-visible--hidden--Display: none;
6927
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6928
+ display: var(--pf-v6-hidden-visible--Display);
6976
6929
  }
6977
6930
 
6978
- .pf-v6-c-form-control.pf-m-error {
6979
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
6980
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
6981
- --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-error__icon--m-status--Color);
6982
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-error--after--BorderWidth);
6931
+ .pf-v6-c-divider.pf-m-hidden {
6932
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6983
6933
  }
6984
6934
 
6985
- @media (prefers-reduced-motion: no-preference) {
6986
- .pf-v6-c-form-control.pf-m-error {
6987
- translate: var(--pf-v6-global--danger-jiggle--TranslateX, 0);
6988
- animation-name: pf-v6-global-danger-jiggle-motion;
6989
- animation-duration: var(--pf-v6-global--danger-jiggle--AnimationDuration--Transform);
6990
- animation-timing-function: var(--pf-v6-global--danger-jiggle--AnimationTimingFunction--Transform);
6991
- animation-fill-mode: both;
6935
+ @media screen and (min-width: 36rem) {
6936
+ .pf-v6-c-divider.pf-m-hidden-on-sm {
6937
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6938
+ }
6939
+ .pf-v6-c-divider.pf-m-visible-on-sm {
6940
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6992
6941
  }
6993
6942
  }
6994
- .pf-v6-c-form-control.pf-m-error .pf-v6-c-form-control__icon.pf-m-status {
6995
- --pf-v6-c-form-control--TransitionDuration--Opacity: var(--pf-t--global--motion--duration--fade--default);
6996
- --pf-v6-c-form-control--TransitionTimingFunction--Opacity: var(--pf-t--global--motion--timing-function--default);
6997
- animation-name: pf-v6-global-fade-in;
6998
- animation-duration: var(--pf-v6-c-form-control--TransitionDuration--Opacity);
6999
- animation-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction--Opacity);
6943
+ @media screen and (min-width: 48rem) {
6944
+ .pf-v6-c-divider.pf-m-hidden-on-md {
6945
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6946
+ }
6947
+ .pf-v6-c-divider.pf-m-visible-on-md {
6948
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6949
+ }
7000
6950
  }
7001
-
7002
- .pf-v6-c-form-control.pf-m-error > textarea {
7003
- padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-error--PaddingInlineEnd));
6951
+ @media screen and (min-width: 62rem) {
6952
+ .pf-v6-c-divider.pf-m-hidden-on-lg {
6953
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6954
+ }
6955
+ .pf-v6-c-divider.pf-m-visible-on-lg {
6956
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6957
+ }
7004
6958
  }
7005
-
7006
- .pf-v6-c-form-control.pf-m-error > input {
7007
- padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-error--PaddingInlineEnd));
6959
+ @media screen and (min-width: 75rem) {
6960
+ .pf-v6-c-divider.pf-m-hidden-on-xl {
6961
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6962
+ }
6963
+ .pf-v6-c-divider.pf-m-visible-on-xl {
6964
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6965
+ }
7008
6966
  }
7009
-
7010
- .pf-v6-c-form-control.pf-m-error > select {
7011
- 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));
6967
+ @media screen and (min-width: 90.625rem) {
6968
+ .pf-v6-c-divider.pf-m-hidden-on-2xl {
6969
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6970
+ }
6971
+ .pf-v6-c-divider.pf-m-visible-on-2xl {
6972
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6973
+ }
7012
6974
  }
7013
-
7014
- .pf-v6-c-form-control.pf-m-error.pf-m-icon > :is(input) {
7015
- padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6975
+ .pf-v6-c-divider {
6976
+ flex-shrink: 0;
6977
+ align-items: stretch;
6978
+ align-self: stretch;
6979
+ justify-content: center;
6980
+ border: 0;
7016
6981
  }
7017
6982
 
7018
- .pf-v6-c-form-control.pf-m-success {
7019
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
7020
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
7021
- --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
7022
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
6983
+ .pf-v6-c-divider::before {
6984
+ flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
6985
+ content: "";
6986
+ background-color: var(--pf-v6-c-divider--Color);
6987
+ border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
6988
+ border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
7023
6989
  }
7024
6990
 
7025
- .pf-v6-c-form-control.pf-m-success > textarea {
7026
- padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd));
6991
+ .pf-v6-c-divider.pf-m-horizontal {
6992
+ flex-direction: row;
6993
+ width: 100%;
6994
+ height: var(--pf-v6-c-divider--Size);
7027
6995
  }
7028
6996
 
7029
- .pf-v6-c-form-control.pf-m-success > input {
7030
- padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-success--PaddingInlineEnd));
6997
+ .pf-v6-c-divider.pf-m-vertical {
6998
+ flex-direction: column;
6999
+ width: var(--pf-v6-c-divider--Size);
7000
+ height: inherit;
7031
7001
  }
7032
7002
 
7033
- .pf-v6-c-form-control.pf-m-success > select {
7034
- 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));
7003
+ .pf-v6-c-divider.pf-m-inset-none {
7004
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
7035
7005
  }
7036
7006
 
7037
- .pf-v6-c-form-control.pf-m-success.pf-m-icon > :is(input) {
7038
- padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
7007
+ .pf-v6-c-divider.pf-m-inset-xs {
7008
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7039
7009
  }
7040
7010
 
7041
- .pf-v6-c-form-control.pf-m-warning {
7042
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
7043
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
7044
- --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
7045
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
7011
+ .pf-v6-c-divider.pf-m-inset-sm {
7012
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7046
7013
  }
7047
7014
 
7048
- .pf-v6-c-form-control.pf-m-warning > textarea {
7049
- padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd));
7015
+ .pf-v6-c-divider.pf-m-inset-md {
7016
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7050
7017
  }
7051
7018
 
7052
- .pf-v6-c-form-control.pf-m-warning > input {
7053
- padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd));
7019
+ .pf-v6-c-divider.pf-m-inset-lg {
7020
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7054
7021
  }
7055
7022
 
7056
- .pf-v6-c-form-control.pf-m-warning > select {
7057
- 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));
7023
+ .pf-v6-c-divider.pf-m-inset-xl {
7024
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7058
7025
  }
7059
7026
 
7060
- .pf-v6-c-form-control.pf-m-warning.pf-m-icon > :is(input) {
7061
- padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
7027
+ .pf-v6-c-divider.pf-m-inset-2xl {
7028
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7062
7029
  }
7063
7030
 
7064
- .pf-v6-c-form-control:hover {
7065
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
7066
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
7031
+ .pf-v6-c-divider.pf-m-inset-3xl {
7032
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7067
7033
  }
7068
7034
 
7069
- .pf-v6-c-form-control.pf-m-icon {
7070
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
7035
+ @media (min-width: 36rem) {
7036
+ .pf-v6-c-divider.pf-m-horizontal-on-sm {
7037
+ flex-direction: row;
7038
+ width: 100%;
7039
+ height: var(--pf-v6-c-divider--Size);
7040
+ }
7071
7041
  }
7072
-
7073
- .pf-v6-c-form-control:has(select) {
7074
- --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__select--PaddingBlockStart);
7075
- --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__select--PaddingBlockEnd);
7076
- --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
7077
- --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
7078
- --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
7042
+ @media (min-width: 36rem) {
7043
+ .pf-v6-c-divider.pf-m-vertical-on-sm {
7044
+ flex-direction: column;
7045
+ width: var(--pf-v6-c-divider--Size);
7046
+ height: inherit;
7047
+ }
7079
7048
  }
7080
-
7081
- .pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
7082
- padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
7049
+ @media (min-width: 36rem) {
7050
+ .pf-v6-c-divider.pf-m-inset-none-on-sm {
7051
+ --pf-v6-c-divider--before--FlexBasis: 100%;
7052
+ }
7053
+ .pf-v6-c-divider.pf-m-inset-xs-on-sm {
7054
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7055
+ }
7056
+ .pf-v6-c-divider.pf-m-inset-sm-on-sm {
7057
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7058
+ }
7059
+ .pf-v6-c-divider.pf-m-inset-md-on-sm {
7060
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7061
+ }
7062
+ .pf-v6-c-divider.pf-m-inset-lg-on-sm {
7063
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7064
+ }
7065
+ .pf-v6-c-divider.pf-m-inset-xl-on-sm {
7066
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7067
+ }
7068
+ .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
7069
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7070
+ }
7071
+ .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
7072
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7073
+ }
7083
7074
  }
7084
-
7085
- .pf-v6-c-form-control.pf-m-placeholder > select {
7086
- --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
7075
+ @media (min-width: 48rem) {
7076
+ .pf-v6-c-divider.pf-m-horizontal-on-md {
7077
+ flex-direction: row;
7078
+ width: 100%;
7079
+ height: var(--pf-v6-c-divider--Size);
7080
+ }
7087
7081
  }
7088
-
7089
- .pf-v6-c-form-control.pf-m-placeholder > select * {
7090
- color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
7082
+ @media (min-width: 48rem) {
7083
+ .pf-v6-c-divider.pf-m-vertical-on-md {
7084
+ flex-direction: column;
7085
+ width: var(--pf-v6-c-divider--Size);
7086
+ height: inherit;
7087
+ }
7088
+ }
7089
+ @media (min-width: 48rem) {
7090
+ .pf-v6-c-divider.pf-m-inset-none-on-md {
7091
+ --pf-v6-c-divider--before--FlexBasis: 100%;
7092
+ }
7093
+ .pf-v6-c-divider.pf-m-inset-xs-on-md {
7094
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7095
+ }
7096
+ .pf-v6-c-divider.pf-m-inset-sm-on-md {
7097
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7098
+ }
7099
+ .pf-v6-c-divider.pf-m-inset-md-on-md {
7100
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7101
+ }
7102
+ .pf-v6-c-divider.pf-m-inset-lg-on-md {
7103
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7104
+ }
7105
+ .pf-v6-c-divider.pf-m-inset-xl-on-md {
7106
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7107
+ }
7108
+ .pf-v6-c-divider.pf-m-inset-2xl-on-md {
7109
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7110
+ }
7111
+ .pf-v6-c-divider.pf-m-inset-3xl-on-md {
7112
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7113
+ }
7091
7114
  }
7092
-
7093
- .pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
7094
- color: revert;
7115
+ @media (min-width: 62rem) {
7116
+ .pf-v6-c-divider.pf-m-horizontal-on-lg {
7117
+ flex-direction: row;
7118
+ width: 100%;
7119
+ height: var(--pf-v6-c-divider--Size);
7120
+ }
7095
7121
  }
7096
-
7097
- .pf-v6-c-form-control > textarea {
7098
- width: 100%;
7099
- height: 100%;
7100
- vertical-align: bottom;
7101
- resize: none;
7122
+ @media (min-width: 62rem) {
7123
+ .pf-v6-c-divider.pf-m-vertical-on-lg {
7124
+ flex-direction: column;
7125
+ width: var(--pf-v6-c-divider--Size);
7126
+ height: inherit;
7127
+ }
7102
7128
  }
7103
-
7104
- .pf-v6-c-form-control.pf-m-resize-vertical {
7105
- --pf-v6-c-form-control--Resize: vertical;
7106
- overflow: auto;
7129
+ @media (min-width: 62rem) {
7130
+ .pf-v6-c-divider.pf-m-inset-none-on-lg {
7131
+ --pf-v6-c-divider--before--FlexBasis: 100%;
7132
+ }
7133
+ .pf-v6-c-divider.pf-m-inset-xs-on-lg {
7134
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7135
+ }
7136
+ .pf-v6-c-divider.pf-m-inset-sm-on-lg {
7137
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7138
+ }
7139
+ .pf-v6-c-divider.pf-m-inset-md-on-lg {
7140
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7141
+ }
7142
+ .pf-v6-c-divider.pf-m-inset-lg-on-lg {
7143
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7144
+ }
7145
+ .pf-v6-c-divider.pf-m-inset-xl-on-lg {
7146
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7147
+ }
7148
+ .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
7149
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7150
+ }
7151
+ .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
7152
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7153
+ }
7107
7154
  }
7108
-
7109
- .pf-v6-c-form-control.pf-m-resize-horizontal {
7110
- --pf-v6-c-form-control--Resize: horizontal;
7111
- overflow: auto;
7155
+ @media (min-width: 75rem) {
7156
+ .pf-v6-c-divider.pf-m-horizontal-on-xl {
7157
+ flex-direction: row;
7158
+ width: 100%;
7159
+ height: var(--pf-v6-c-divider--Size);
7160
+ }
7112
7161
  }
7113
-
7114
- .pf-v6-c-form-control.pf-m-resize-both {
7115
- --pf-v6-c-form-control--Resize: both;
7116
- overflow: auto;
7162
+ @media (min-width: 75rem) {
7163
+ .pf-v6-c-divider.pf-m-vertical-on-xl {
7164
+ flex-direction: column;
7165
+ width: var(--pf-v6-c-divider--Size);
7166
+ height: inherit;
7167
+ }
7117
7168
  }
7118
-
7119
- .pf-v6-c-form-control__icon {
7120
- font-size: var(--pf-v6-c-form-control__icon--FontSize);
7121
- color: var(--pf-v6-c-form-control__icon--Color);
7169
+ @media (min-width: 75rem) {
7170
+ .pf-v6-c-divider.pf-m-inset-none-on-xl {
7171
+ --pf-v6-c-divider--before--FlexBasis: 100%;
7172
+ }
7173
+ .pf-v6-c-divider.pf-m-inset-xs-on-xl {
7174
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7175
+ }
7176
+ .pf-v6-c-divider.pf-m-inset-sm-on-xl {
7177
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7178
+ }
7179
+ .pf-v6-c-divider.pf-m-inset-md-on-xl {
7180
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7181
+ }
7182
+ .pf-v6-c-divider.pf-m-inset-lg-on-xl {
7183
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7184
+ }
7185
+ .pf-v6-c-divider.pf-m-inset-xl-on-xl {
7186
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7187
+ }
7188
+ .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
7189
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7190
+ }
7191
+ .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
7192
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7193
+ }
7122
7194
  }
7123
-
7124
- .pf-v6-c-form-control__icon.pf-m-status {
7125
- --pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
7195
+ @media (min-width: 90.625rem) {
7196
+ .pf-v6-c-divider.pf-m-horizontal-on-2xl {
7197
+ flex-direction: row;
7198
+ width: 100%;
7199
+ height: var(--pf-v6-c-divider--Size);
7200
+ }
7126
7201
  }
7127
-
7128
- .pf-v6-c-form-control__toggle-icon {
7129
- grid-row: 1/2;
7130
- grid-column: 3;
7131
- padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
7132
- padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
7133
- font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
7134
- color: var(--pf-v6-c-form-control__toggle-icon--Color);
7135
- pointer-events: none;
7202
+ @media (min-width: 90.625rem) {
7203
+ .pf-v6-c-divider.pf-m-vertical-on-2xl {
7204
+ flex-direction: column;
7205
+ width: var(--pf-v6-c-divider--Size);
7206
+ height: inherit;
7207
+ }
7136
7208
  }
7137
-
7138
- .pf-v6-c-form-control__utilities {
7139
- display: flex;
7140
- flex-wrap: nowrap;
7141
- grid-row: 1/2;
7142
- grid-column: 2;
7143
- gap: var(--pf-v6-c-form-control__utilities--Gap);
7144
- padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
7145
- padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
7146
- pointer-events: none;
7209
+ @media (min-width: 90.625rem) {
7210
+ .pf-v6-c-divider.pf-m-inset-none-on-2xl {
7211
+ --pf-v6-c-divider--before--FlexBasis: 100%;
7212
+ }
7213
+ .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
7214
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7215
+ }
7216
+ .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
7217
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7218
+ }
7219
+ .pf-v6-c-divider.pf-m-inset-md-on-2xl {
7220
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7221
+ }
7222
+ .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
7223
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7224
+ }
7225
+ .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
7226
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7227
+ }
7228
+ .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
7229
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7230
+ }
7231
+ .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
7232
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7233
+ }
7147
7234
  }
7148
-
7149
7235
  .pf-v6-c-popover {
7150
7236
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
7151
7237
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -7370,92 +7456,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
7370
7456
  margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
7371
7457
  }
7372
7458
 
7373
- .pf-v6-c-radio {
7374
- --pf-v6-c-radio--GridGap: var(--pf-t--global--spacer--sm) var(--pf-t--global--spacer--sm);
7375
- --pf-v6-c-radio--AccentColor: var(--pf-t--global--icon--color--brand--default);
7376
- --pf-v6-c-radio--m-standalone--MinHeight: calc(var(--pf-v6-c-radio__label--FontSize) * var(--pf-v6-c-radio__label--LineHeight));
7377
- --pf-v6-c-radio__label--disabled--Color: var(--pf-t--global--text--color--disabled);
7378
- --pf-v6-c-radio__label--Color: var(--pf-t--global--text--color--regular);
7379
- --pf-v6-c-radio__label--FontWeight: var(--pf-t--global--font--weight--body--default);
7380
- --pf-v6-c-radio__label--FontSize: var(--pf-t--global--font--size--body--default);
7381
- --pf-v6-c-radio__label--LineHeight: var(--pf-t--global--font--line-height--body);
7382
- --pf-v6-c-radio__description--FontSize: var(--pf-t--global--font--size--body--sm);
7383
- --pf-v6-c-radio__description--Color: var(--pf-t--global--text--color--subtle);
7384
- --pf-v6-c-radio__input--first-child--MarginInlineStart: 0.0625rem;
7385
- --pf-v6-c-radio__input--last-child--MarginInlineEnd: 0.0625rem;
7386
- --pf-v6-c-radio__body--MarginBlockStart: var(--pf-t--global--spacer--sm);
7387
- --pf-v6-c-radio__input--TranslateY: calc((var(--pf-v6-c-radio__label--LineHeight) * var(--pf-v6-c-radio__label--FontSize) / 2 ) - 50%);
7388
- }
7389
-
7390
- .pf-v6-c-radio {
7391
- display: grid;
7392
- grid-template-columns: auto 1fr;
7393
- grid-gap: var(--pf-v6-c-radio--GridGap);
7394
- align-items: baseline;
7395
- accent-color: var(--pf-v6-c-radio--AccentColor);
7396
- }
7397
-
7398
- .pf-v6-c-radio.pf-m-standalone {
7399
- display: inline-grid;
7400
- grid-template-columns: auto;
7401
- min-height: var(--pf-v6-c-radio--m-standalone--MinHeight);
7402
- }
7403
-
7404
- .pf-v6-c-radio.pf-m-standalone .pf-v6-c-radio__input {
7405
- align-self: center;
7406
- transform: none;
7407
- }
7408
-
7409
- .pf-v6-c-radio__input {
7410
- align-self: start;
7411
- font-size: var(--pf-v6-c-radio__label--FontSize);
7412
- line-height: var(--pf-v6-c-radio__label--LineHeight);
7413
- transform: translateY(var(--pf-v6-c-radio__input--TranslateY));
7414
- }
7415
-
7416
- .pf-v6-c-radio__input:first-child {
7417
- margin-inline-start: var(--pf-v6-c-radio__input--first-child--MarginInlineStart);
7418
- }
7419
-
7420
- .pf-v6-c-radio__input:last-child {
7421
- margin-inline-end: var(--pf-v6-c-radio__input--last-child--MarginInlineEnd);
7422
- }
7423
-
7424
- .pf-v6-c-radio__label {
7425
- font-size: var(--pf-v6-c-radio__label--FontSize);
7426
- font-weight: var(--pf-v6-c-radio__label--FontWeight);
7427
- line-height: var(--pf-v6-c-radio__label--LineHeight);
7428
- color: var(--pf-v6-c-radio__label--Color);
7429
- }
7430
-
7431
- .pf-v6-c-radio__description {
7432
- grid-column: 2;
7433
- font-size: var(--pf-v6-c-radio__description--FontSize);
7434
- color: var(--pf-v6-c-radio__description--Color);
7435
- }
7436
-
7437
- .pf-v6-c-radio__body {
7438
- grid-column: 2;
7439
- margin-block-start: var(--pf-v6-c-radio__body--MarginBlockStart);
7440
- }
7441
-
7442
- .pf-v6-c-radio__label,
7443
- .pf-v6-c-radio__input {
7444
- justify-self: start;
7445
- }
7446
-
7447
- label.pf-v6-c-radio, .pf-v6-c-radio__label,
7448
- .pf-v6-c-radio__input {
7449
- cursor: pointer;
7450
- }
7451
-
7452
- .pf-v6-c-radio__label:disabled, .pf-v6-c-radio__label.pf-m-disabled,
7453
- .pf-v6-c-radio__input:disabled,
7454
- .pf-v6-c-radio__input.pf-m-disabled {
7455
- --pf-v6-c-radio__label--Color: var(--pf-v6-c-radio__label--disabled--Color);
7456
- cursor: not-allowed;
7457
- }
7458
-
7459
7459
  .pf-v6-c-badge {
7460
7460
  --pf-v6-c-badge--BorderColor: transparent;
7461
7461
  --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);