@patternfly/react-table 6.4.1 → 6.4.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,95 +1,3 @@
1
- .pf-v6-c-inline-edit {
2
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
3
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
4
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
5
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
6
- --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
7
- --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
8
- }
9
-
10
- .pf-v6-c-inline-edit__group {
11
- display: flex;
12
- align-items: baseline;
13
- }
14
-
15
- .pf-v6-c-inline-edit__group > * {
16
- margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
17
- }
18
-
19
- .pf-v6-c-inline-edit__group.pf-m-icon-group {
20
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
21
- }
22
-
23
- .pf-v6-c-inline-edit__group.pf-m-footer {
24
- margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
25
- }
26
-
27
- .pf-v6-c-inline-edit__group.pf-m-column {
28
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
29
- flex-direction: column;
30
- }
31
-
32
- .pf-v6-c-inline-edit__group > :last-child {
33
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
34
- }
35
-
36
- .pf-v6-c-inline-edit__input {
37
- flex: 1;
38
- }
39
-
40
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
41
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
42
- }
43
-
44
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
45
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
46
- }
47
-
48
- .pf-v6-c-inline-edit__input,
49
- .pf-v6-c-inline-edit__action,
50
- .pf-v6-c-inline-edit__group.pf-m-action-group {
51
- display: none;
52
- }
53
-
54
- .pf-v6-c-inline-edit__action.pf-m-enable-editable {
55
- display: inline-block;
56
- }
57
-
58
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
59
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
60
- display: block;
61
- }
62
-
63
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
64
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
65
- display: inline-block;
66
- }
67
-
68
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
69
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
70
- display: inline-flex;
71
- }
72
-
73
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
74
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
75
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
76
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
77
- display: none;
78
- }
79
-
80
- .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
81
- margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
82
- margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
83
- }
84
-
85
- .pf-v6-c-inline-edit__label.pf-m-bold {
86
- font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
87
- }
88
-
89
- .pf-v6-c-inline-edit__editable-text br {
90
- display: none;
91
- }
92
-
93
1
  .pf-v6-c-table {
94
2
  --pf-v6-c-table--BackgroundColor: var(--pf-t--global--background--color--primary--default);
95
3
  --pf-v6-c-table--BorderColor: var(--pf-t--global--border--color--default);
@@ -2064,6 +1972,98 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
2064
1972
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
2065
1973
  }
2066
1974
  }
1975
+ .pf-v6-c-inline-edit {
1976
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
1977
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
1978
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
1979
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
1980
+ --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
1981
+ --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
1982
+ }
1983
+
1984
+ .pf-v6-c-inline-edit__group {
1985
+ display: flex;
1986
+ align-items: baseline;
1987
+ }
1988
+
1989
+ .pf-v6-c-inline-edit__group > * {
1990
+ margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
1991
+ }
1992
+
1993
+ .pf-v6-c-inline-edit__group.pf-m-icon-group {
1994
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
1995
+ }
1996
+
1997
+ .pf-v6-c-inline-edit__group.pf-m-footer {
1998
+ margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
1999
+ }
2000
+
2001
+ .pf-v6-c-inline-edit__group.pf-m-column {
2002
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
2003
+ flex-direction: column;
2004
+ }
2005
+
2006
+ .pf-v6-c-inline-edit__group > :last-child {
2007
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
2008
+ }
2009
+
2010
+ .pf-v6-c-inline-edit__input {
2011
+ flex: 1;
2012
+ }
2013
+
2014
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
2015
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
2016
+ }
2017
+
2018
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
2019
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
2020
+ }
2021
+
2022
+ .pf-v6-c-inline-edit__input,
2023
+ .pf-v6-c-inline-edit__action,
2024
+ .pf-v6-c-inline-edit__group.pf-m-action-group {
2025
+ display: none;
2026
+ }
2027
+
2028
+ .pf-v6-c-inline-edit__action.pf-m-enable-editable {
2029
+ display: inline-block;
2030
+ }
2031
+
2032
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
2033
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
2034
+ display: block;
2035
+ }
2036
+
2037
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
2038
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
2039
+ display: inline-block;
2040
+ }
2041
+
2042
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
2043
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
2044
+ display: inline-flex;
2045
+ }
2046
+
2047
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
2048
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
2049
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
2050
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
2051
+ display: none;
2052
+ }
2053
+
2054
+ .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
2055
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
2056
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
2057
+ }
2058
+
2059
+ .pf-v6-c-inline-edit__label.pf-m-bold {
2060
+ font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
2061
+ }
2062
+
2063
+ .pf-v6-c-inline-edit__editable-text br {
2064
+ display: none;
2065
+ }
2066
+
2067
2067
  .pf-v6-c-table {
2068
2068
  --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
2069
2069
  --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
@@ -3740,221 +3740,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3740
3740
  --pf-v6-c-table--cell--Width: auto;
3741
3741
  }
3742
3742
  }
3743
- .pf-v6-u-screen-reader {
3744
- position: fixed;
3745
- inset-block-start: 0;
3746
- inset-inline-start: 0;
3747
- overflow: hidden;
3748
- clip: rect(0, 0, 0, 0);
3749
- white-space: nowrap;
3750
- border: 0;
3751
- }
3752
-
3753
- .pf-v6-u-visible {
3754
- position: static;
3755
- overflow: visible;
3756
- clip: auto;
3757
- white-space: normal;
3758
- border: inherit;
3759
- }
3760
-
3761
- .pf-v6-u-hidden {
3762
- display: none !important;
3763
- }
3764
-
3765
- @media screen and (min-width: 36rem) {
3766
- .pf-v6-u-screen-reader-on-sm {
3767
- position: fixed;
3768
- inset-block-start: 0;
3769
- inset-inline-start: 0;
3770
- overflow: hidden;
3771
- clip: rect(0, 0, 0, 0);
3772
- white-space: nowrap;
3773
- border: 0;
3774
- }
3775
- }
3776
- @media screen and (min-width: 36rem) {
3777
- .pf-v6-u-visible-on-sm {
3778
- position: static;
3779
- overflow: visible;
3780
- clip: auto;
3781
- white-space: normal;
3782
- border: inherit;
3783
- }
3784
- }
3785
- @media screen and (min-width: 36rem) {
3786
- .pf-v6-u-hidden-on-sm {
3787
- display: none !important;
3788
- }
3789
- }
3790
- @media screen and (min-width: 48rem) {
3791
- .pf-v6-u-screen-reader-on-md {
3792
- position: fixed;
3793
- inset-block-start: 0;
3794
- inset-inline-start: 0;
3795
- overflow: hidden;
3796
- clip: rect(0, 0, 0, 0);
3797
- white-space: nowrap;
3798
- border: 0;
3799
- }
3800
- }
3801
- @media screen and (min-width: 48rem) {
3802
- .pf-v6-u-visible-on-md {
3803
- position: static;
3804
- overflow: visible;
3805
- clip: auto;
3806
- white-space: normal;
3807
- border: inherit;
3808
- }
3809
- }
3810
- @media screen and (min-width: 48rem) {
3811
- .pf-v6-u-hidden-on-md {
3812
- display: none !important;
3813
- }
3814
- }
3815
- @media screen and (min-width: 62rem) {
3816
- .pf-v6-u-screen-reader-on-lg {
3817
- position: fixed;
3818
- inset-block-start: 0;
3819
- inset-inline-start: 0;
3820
- overflow: hidden;
3821
- clip: rect(0, 0, 0, 0);
3822
- white-space: nowrap;
3823
- border: 0;
3824
- }
3825
- }
3826
- @media screen and (min-width: 62rem) {
3827
- .pf-v6-u-visible-on-lg {
3828
- position: static;
3829
- overflow: visible;
3830
- clip: auto;
3831
- white-space: normal;
3832
- border: inherit;
3833
- }
3834
- }
3835
- @media screen and (min-width: 62rem) {
3836
- .pf-v6-u-hidden-on-lg {
3837
- display: none !important;
3838
- }
3839
- }
3840
- @media screen and (min-width: 75rem) {
3841
- .pf-v6-u-screen-reader-on-xl {
3842
- position: fixed;
3843
- inset-block-start: 0;
3844
- inset-inline-start: 0;
3845
- overflow: hidden;
3846
- clip: rect(0, 0, 0, 0);
3847
- white-space: nowrap;
3848
- border: 0;
3849
- }
3850
- }
3851
- @media screen and (min-width: 75rem) {
3852
- .pf-v6-u-visible-on-xl {
3853
- position: static;
3854
- overflow: visible;
3855
- clip: auto;
3856
- white-space: normal;
3857
- border: inherit;
3858
- }
3859
- }
3860
- @media screen and (min-width: 75rem) {
3861
- .pf-v6-u-hidden-on-xl {
3862
- display: none !important;
3863
- }
3864
- }
3865
- @media screen and (min-width: 90.625rem) {
3866
- .pf-v6-u-screen-reader-on-2xl {
3867
- position: fixed;
3868
- inset-block-start: 0;
3869
- inset-inline-start: 0;
3870
- overflow: hidden;
3871
- clip: rect(0, 0, 0, 0);
3872
- white-space: nowrap;
3873
- border: 0;
3874
- }
3875
- }
3876
- @media screen and (min-width: 90.625rem) {
3877
- .pf-v6-u-visible-on-2xl {
3878
- position: static;
3879
- overflow: visible;
3880
- clip: auto;
3881
- white-space: normal;
3882
- border: inherit;
3883
- }
3884
- }
3885
- @media screen and (min-width: 90.625rem) {
3886
- .pf-v6-u-hidden-on-2xl {
3887
- display: none !important;
3888
- }
3889
- }
3890
- .pf-v6-c-table {
3891
- --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
3892
- --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
3893
- --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
3894
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
3895
- --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
3896
- --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
3897
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
3898
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
3899
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
3900
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
3901
- --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
3902
- --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
3903
- --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
3904
- }
3905
-
3906
- .pf-v6-c-table .pf-v6-c-table__sticky-cell {
3907
- position: sticky;
3908
- inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
3909
- inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
3910
- z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
3911
- min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
3912
- }
3913
-
3914
- .pf-v6-c-table__sticky-cell {
3915
- --pf-v6-c-table--cell--Overflow: visible;
3916
- --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
3917
- background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
3918
- background-clip: padding-box;
3919
- }
3920
-
3921
- .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
3922
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
3923
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
3924
- }
3925
-
3926
- .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
3927
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
3928
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
3929
- }
3930
-
3931
- .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
3932
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
3933
- }
3934
-
3935
- .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
3936
- --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
3937
- }
3938
-
3939
- .pf-v6-c-scroll-outer-wrapper {
3940
- --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
3941
- --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
3942
- display: flex;
3943
- flex-direction: column;
3944
- max-width: 100%;
3945
- min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
3946
- max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
3947
- overflow: hidden;
3948
- }
3949
-
3950
- .pf-v6-c-scroll-inner-wrapper {
3951
- display: flex;
3952
- flex-direction: column;
3953
- max-width: 100%;
3954
- max-height: 100%;
3955
- overflow: auto;
3956
- }
3957
-
3958
3743
  .pf-v6-c-form {
3959
3744
  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3960
3745
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -4532,90 +4317,305 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4532
4317
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
4533
4318
  }
4534
4319
 
4535
- .pf-v6-c-tooltip {
4536
- --pf-v6-c-tooltip--MaxWidth: 18.75rem;
4537
- --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
4538
- --pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
4539
- --pf-v6-c-tooltip__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
4540
- --pf-v6-c-tooltip__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
4541
- --pf-v6-c-tooltip__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
4542
- --pf-v6-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
4543
- --pf-v6-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4544
- --pf-v6-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
4545
- --pf-v6-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
4546
- --pf-v6-c-tooltip__arrow--Width: 0.9375rem;
4547
- --pf-v6-c-tooltip__arrow--Height: 0.9375rem;
4548
- --pf-v6-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4549
- --pf-v6-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
4550
- --pf-v6-c-tooltip__arrow--m-top--TranslateX: -50%;
4551
- --pf-v6-c-tooltip__arrow--m-top--TranslateY: 50%;
4552
- --pf-v6-c-tooltip__arrow--m-top--Rotate: 45deg;
4553
- --pf-v6-c-tooltip__arrow--m-right--TranslateX: -50%;
4554
- --pf-v6-c-tooltip__arrow--m-right--TranslateY: -50%;
4555
- --pf-v6-c-tooltip__arrow--m-right--Rotate: 45deg;
4556
- --pf-v6-c-tooltip__arrow--m-bottom--TranslateX: -50%;
4557
- --pf-v6-c-tooltip__arrow--m-bottom--TranslateY: -50%;
4558
- --pf-v6-c-tooltip__arrow--m-bottom--Rotate: 45deg;
4559
- --pf-v6-c-tooltip__arrow--m-left--TranslateX: 50%;
4560
- --pf-v6-c-tooltip__arrow--m-left--TranslateY: -50%;
4561
- --pf-v6-c-tooltip__arrow--m-left--Rotate: 45deg;
4562
- }
4563
-
4564
- .pf-v6-c-tooltip {
4565
- position: relative;
4566
- max-width: var(--pf-v6-c-tooltip--MaxWidth);
4567
- box-shadow: var(--pf-v6-c-tooltip--BoxShadow);
4320
+ .pf-v6-u-screen-reader {
4321
+ position: fixed;
4322
+ inset-block-start: 0;
4323
+ inset-inline-start: 0;
4324
+ overflow: hidden;
4325
+ clip: rect(0, 0, 0, 0);
4326
+ white-space: nowrap;
4327
+ border: 0;
4568
4328
  }
4569
4329
 
4570
- .pf-v6-c-tooltip:is(.pf-m-top,
4571
- .pf-m-top-left,
4572
- .pf-m-top-right) {
4573
- --pf-v6-c-tooltip__arrow--InsetBlockEnd: var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0);
4574
- --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%);
4575
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-top--TranslateX);
4576
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4577
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-top--Rotate);
4330
+ .pf-v6-u-visible {
4331
+ position: static;
4332
+ overflow: visible;
4333
+ clip: auto;
4334
+ white-space: normal;
4335
+ border: inherit;
4578
4336
  }
4579
4337
 
4580
- .pf-v6-c-tooltip:is(.pf-m-bottom,
4581
- .pf-m-bottom-left,
4582
- .pf-m-bottom-right) {
4583
- --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-bottom--InsetBlockStart, 0);
4584
- --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-bottom--InsetInlineStart, 50%);
4585
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateX);
4586
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateY);
4587
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-bottom--Rotate);
4338
+ .pf-v6-u-hidden {
4339
+ display: none !important;
4588
4340
  }
4589
4341
 
4590
- .pf-v6-c-tooltip:is(.pf-m-left,
4591
- .pf-m-left-top,
4592
- .pf-m-left-bottom) {
4593
- --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-left--InsetBlockStart, 50%);
4594
- --pf-v6-c-tooltip__arrow--InsetInlineEnd: var(--pf-v6-c-tooltip--m-left--InsetInlineEnd, 0);
4595
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
4596
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-left--TranslateY);
4597
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-left--Rotate);
4342
+ @media screen and (min-width: 36rem) {
4343
+ .pf-v6-u-screen-reader-on-sm {
4344
+ position: fixed;
4345
+ inset-block-start: 0;
4346
+ inset-inline-start: 0;
4347
+ overflow: hidden;
4348
+ clip: rect(0, 0, 0, 0);
4349
+ white-space: nowrap;
4350
+ border: 0;
4351
+ }
4598
4352
  }
4599
-
4600
- .pf-v6-c-tooltip:is(.pf-m-right,
4601
- .pf-m-right-top,
4602
- .pf-m-right-bottom) {
4603
- --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%);
4604
- --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0);
4605
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-right--TranslateX);
4606
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-right--TranslateY);
4607
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-right--Rotate);
4353
+ @media screen and (min-width: 36rem) {
4354
+ .pf-v6-u-visible-on-sm {
4355
+ position: static;
4356
+ overflow: visible;
4357
+ clip: auto;
4358
+ white-space: normal;
4359
+ border: inherit;
4360
+ }
4608
4361
  }
4609
-
4610
- .pf-v6-c-tooltip:is(.pf-m-left-top,
4611
- .pf-m-right-top) {
4612
- --pf-v6-c-tooltip__arrow--InsetBlockStart: 0;
4613
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4362
+ @media screen and (min-width: 36rem) {
4363
+ .pf-v6-u-hidden-on-sm {
4364
+ display: none !important;
4365
+ }
4614
4366
  }
4615
-
4616
- .pf-v6-c-tooltip:is(.pf-m-left-bottom,
4617
- .pf-m-right-bottom) {
4618
- --pf-v6-c-tooltip__arrow--InsetBlockStart: auto;
4367
+ @media screen and (min-width: 48rem) {
4368
+ .pf-v6-u-screen-reader-on-md {
4369
+ position: fixed;
4370
+ inset-block-start: 0;
4371
+ inset-inline-start: 0;
4372
+ overflow: hidden;
4373
+ clip: rect(0, 0, 0, 0);
4374
+ white-space: nowrap;
4375
+ border: 0;
4376
+ }
4377
+ }
4378
+ @media screen and (min-width: 48rem) {
4379
+ .pf-v6-u-visible-on-md {
4380
+ position: static;
4381
+ overflow: visible;
4382
+ clip: auto;
4383
+ white-space: normal;
4384
+ border: inherit;
4385
+ }
4386
+ }
4387
+ @media screen and (min-width: 48rem) {
4388
+ .pf-v6-u-hidden-on-md {
4389
+ display: none !important;
4390
+ }
4391
+ }
4392
+ @media screen and (min-width: 62rem) {
4393
+ .pf-v6-u-screen-reader-on-lg {
4394
+ position: fixed;
4395
+ inset-block-start: 0;
4396
+ inset-inline-start: 0;
4397
+ overflow: hidden;
4398
+ clip: rect(0, 0, 0, 0);
4399
+ white-space: nowrap;
4400
+ border: 0;
4401
+ }
4402
+ }
4403
+ @media screen and (min-width: 62rem) {
4404
+ .pf-v6-u-visible-on-lg {
4405
+ position: static;
4406
+ overflow: visible;
4407
+ clip: auto;
4408
+ white-space: normal;
4409
+ border: inherit;
4410
+ }
4411
+ }
4412
+ @media screen and (min-width: 62rem) {
4413
+ .pf-v6-u-hidden-on-lg {
4414
+ display: none !important;
4415
+ }
4416
+ }
4417
+ @media screen and (min-width: 75rem) {
4418
+ .pf-v6-u-screen-reader-on-xl {
4419
+ position: fixed;
4420
+ inset-block-start: 0;
4421
+ inset-inline-start: 0;
4422
+ overflow: hidden;
4423
+ clip: rect(0, 0, 0, 0);
4424
+ white-space: nowrap;
4425
+ border: 0;
4426
+ }
4427
+ }
4428
+ @media screen and (min-width: 75rem) {
4429
+ .pf-v6-u-visible-on-xl {
4430
+ position: static;
4431
+ overflow: visible;
4432
+ clip: auto;
4433
+ white-space: normal;
4434
+ border: inherit;
4435
+ }
4436
+ }
4437
+ @media screen and (min-width: 75rem) {
4438
+ .pf-v6-u-hidden-on-xl {
4439
+ display: none !important;
4440
+ }
4441
+ }
4442
+ @media screen and (min-width: 90.625rem) {
4443
+ .pf-v6-u-screen-reader-on-2xl {
4444
+ position: fixed;
4445
+ inset-block-start: 0;
4446
+ inset-inline-start: 0;
4447
+ overflow: hidden;
4448
+ clip: rect(0, 0, 0, 0);
4449
+ white-space: nowrap;
4450
+ border: 0;
4451
+ }
4452
+ }
4453
+ @media screen and (min-width: 90.625rem) {
4454
+ .pf-v6-u-visible-on-2xl {
4455
+ position: static;
4456
+ overflow: visible;
4457
+ clip: auto;
4458
+ white-space: normal;
4459
+ border: inherit;
4460
+ }
4461
+ }
4462
+ @media screen and (min-width: 90.625rem) {
4463
+ .pf-v6-u-hidden-on-2xl {
4464
+ display: none !important;
4465
+ }
4466
+ }
4467
+ .pf-v6-c-table {
4468
+ --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
4469
+ --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
4470
+ --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
4471
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
4472
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
4473
+ --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
4474
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
4475
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
4476
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
4477
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
4478
+ --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
4479
+ --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
4480
+ --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
4481
+ }
4482
+
4483
+ .pf-v6-c-table .pf-v6-c-table__sticky-cell {
4484
+ position: sticky;
4485
+ inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
4486
+ inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
4487
+ z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
4488
+ min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
4489
+ }
4490
+
4491
+ .pf-v6-c-table__sticky-cell {
4492
+ --pf-v6-c-table--cell--Overflow: visible;
4493
+ --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
4494
+ background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
4495
+ background-clip: padding-box;
4496
+ }
4497
+
4498
+ .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
4499
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
4500
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
4501
+ }
4502
+
4503
+ .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
4504
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
4505
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
4506
+ }
4507
+
4508
+ .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
4509
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
4510
+ }
4511
+
4512
+ .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
4513
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
4514
+ }
4515
+
4516
+ .pf-v6-c-scroll-outer-wrapper {
4517
+ --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
4518
+ --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
4519
+ display: flex;
4520
+ flex-direction: column;
4521
+ max-width: 100%;
4522
+ min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
4523
+ max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
4524
+ overflow: hidden;
4525
+ }
4526
+
4527
+ .pf-v6-c-scroll-inner-wrapper {
4528
+ display: flex;
4529
+ flex-direction: column;
4530
+ max-width: 100%;
4531
+ max-height: 100%;
4532
+ overflow: auto;
4533
+ }
4534
+
4535
+ .pf-v6-c-tooltip {
4536
+ --pf-v6-c-tooltip--MaxWidth: 18.75rem;
4537
+ --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
4538
+ --pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
4539
+ --pf-v6-c-tooltip__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
4540
+ --pf-v6-c-tooltip__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
4541
+ --pf-v6-c-tooltip__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
4542
+ --pf-v6-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
4543
+ --pf-v6-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4544
+ --pf-v6-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
4545
+ --pf-v6-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
4546
+ --pf-v6-c-tooltip__arrow--Width: 0.9375rem;
4547
+ --pf-v6-c-tooltip__arrow--Height: 0.9375rem;
4548
+ --pf-v6-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4549
+ --pf-v6-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
4550
+ --pf-v6-c-tooltip__arrow--m-top--TranslateX: -50%;
4551
+ --pf-v6-c-tooltip__arrow--m-top--TranslateY: 50%;
4552
+ --pf-v6-c-tooltip__arrow--m-top--Rotate: 45deg;
4553
+ --pf-v6-c-tooltip__arrow--m-right--TranslateX: -50%;
4554
+ --pf-v6-c-tooltip__arrow--m-right--TranslateY: -50%;
4555
+ --pf-v6-c-tooltip__arrow--m-right--Rotate: 45deg;
4556
+ --pf-v6-c-tooltip__arrow--m-bottom--TranslateX: -50%;
4557
+ --pf-v6-c-tooltip__arrow--m-bottom--TranslateY: -50%;
4558
+ --pf-v6-c-tooltip__arrow--m-bottom--Rotate: 45deg;
4559
+ --pf-v6-c-tooltip__arrow--m-left--TranslateX: 50%;
4560
+ --pf-v6-c-tooltip__arrow--m-left--TranslateY: -50%;
4561
+ --pf-v6-c-tooltip__arrow--m-left--Rotate: 45deg;
4562
+ }
4563
+
4564
+ .pf-v6-c-tooltip {
4565
+ position: relative;
4566
+ max-width: var(--pf-v6-c-tooltip--MaxWidth);
4567
+ box-shadow: var(--pf-v6-c-tooltip--BoxShadow);
4568
+ }
4569
+
4570
+ .pf-v6-c-tooltip:is(.pf-m-top,
4571
+ .pf-m-top-left,
4572
+ .pf-m-top-right) {
4573
+ --pf-v6-c-tooltip__arrow--InsetBlockEnd: var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0);
4574
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%);
4575
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-top--TranslateX);
4576
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4577
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-top--Rotate);
4578
+ }
4579
+
4580
+ .pf-v6-c-tooltip:is(.pf-m-bottom,
4581
+ .pf-m-bottom-left,
4582
+ .pf-m-bottom-right) {
4583
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-bottom--InsetBlockStart, 0);
4584
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-bottom--InsetInlineStart, 50%);
4585
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateX);
4586
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateY);
4587
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-bottom--Rotate);
4588
+ }
4589
+
4590
+ .pf-v6-c-tooltip:is(.pf-m-left,
4591
+ .pf-m-left-top,
4592
+ .pf-m-left-bottom) {
4593
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-left--InsetBlockStart, 50%);
4594
+ --pf-v6-c-tooltip__arrow--InsetInlineEnd: var(--pf-v6-c-tooltip--m-left--InsetInlineEnd, 0);
4595
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
4596
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-left--TranslateY);
4597
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-left--Rotate);
4598
+ }
4599
+
4600
+ .pf-v6-c-tooltip:is(.pf-m-right,
4601
+ .pf-m-right-top,
4602
+ .pf-m-right-bottom) {
4603
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%);
4604
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0);
4605
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-right--TranslateX);
4606
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-right--TranslateY);
4607
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-right--Rotate);
4608
+ }
4609
+
4610
+ .pf-v6-c-tooltip:is(.pf-m-left-top,
4611
+ .pf-m-right-top) {
4612
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: 0;
4613
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4614
+ }
4615
+
4616
+ .pf-v6-c-tooltip:is(.pf-m-left-bottom,
4617
+ .pf-m-right-bottom) {
4618
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: auto;
4619
4619
  --pf-v6-c-tooltip__arrow--InsetBlockEnd: 0;
4620
4620
  }
4621
4621
 
@@ -4668,10 +4668,92 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4668
4668
  pointer-events: none;
4669
4669
  }
4670
4670
 
4671
- .pf-v6-c-menu-toggle {
4672
- --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
4673
- --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
4674
- --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
4671
+ .pf-v6-c-check {
4672
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
4673
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
4674
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
4675
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
4676
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
4677
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
4678
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
4679
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
4680
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
4681
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
4682
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
4683
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
4684
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
4685
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
4686
+ }
4687
+
4688
+ .pf-v6-c-check {
4689
+ display: grid;
4690
+ grid-template-columns: auto 1fr;
4691
+ grid-gap: var(--pf-v6-c-check--GridGap);
4692
+ accent-color: var(--pf-v6-c-check--AccentColor);
4693
+ }
4694
+
4695
+ .pf-v6-c-check.pf-m-standalone {
4696
+ display: inline-grid;
4697
+ grid-template-columns: auto;
4698
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
4699
+ }
4700
+
4701
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
4702
+ align-self: center;
4703
+ transform: none;
4704
+ }
4705
+
4706
+ .pf-v6-c-check__input {
4707
+ align-self: start;
4708
+ font-size: var(--pf-v6-c-check__label--FontSize);
4709
+ line-height: var(--pf-v6-c-check__label--LineHeight);
4710
+ transform: translateY(var(--pf-v6-c-check__input--TranslateY));
4711
+ }
4712
+
4713
+ .pf-v6-c-check__label {
4714
+ font-size: var(--pf-v6-c-check__label--FontSize);
4715
+ font-weight: var(--pf-v6-c-check__label--FontWeight);
4716
+ line-height: var(--pf-v6-c-check__label--LineHeight);
4717
+ color: var(--pf-v6-c-check__label--Color);
4718
+ }
4719
+
4720
+ .pf-v6-c-check__description {
4721
+ grid-column: 2;
4722
+ font-size: var(--pf-v6-c-check__description--FontSize);
4723
+ color: var(--pf-v6-c-check__description--Color);
4724
+ }
4725
+
4726
+ .pf-v6-c-check__body {
4727
+ grid-column: 2;
4728
+ }
4729
+
4730
+ .pf-v6-c-check__label,
4731
+ .pf-v6-c-check__input {
4732
+ justify-self: start;
4733
+ }
4734
+
4735
+ label.pf-v6-c-check, .pf-v6-c-check__label,
4736
+ .pf-v6-c-check__input {
4737
+ cursor: pointer;
4738
+ }
4739
+
4740
+ .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
4741
+ .pf-v6-c-check__input:disabled,
4742
+ .pf-v6-c-check__input.pf-m-disabled {
4743
+ --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
4744
+ cursor: not-allowed;
4745
+ }
4746
+
4747
+ .pf-v6-c-check__label-required {
4748
+ margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
4749
+ font-size: var(--pf-v6-c-check__label-required--FontSize);
4750
+ color: var(--pf-v6-c-check__label-required--Color);
4751
+ }
4752
+
4753
+ .pf-v6-c-menu-toggle {
4754
+ --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
4755
+ --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
4756
+ --pf-v6-c-menu-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
4675
4757
  --pf-v6-c-menu-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
4676
4758
  --pf-v6-c-menu-toggle--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
4677
4759
  --pf-v6-c-menu-toggle--MinWidth: calc(var(--pf-v6-c-menu-toggle--FontSize) * var(--pf-v6-c-menu-toggle--LineHeight) + var(--pf-v6-c-menu-toggle--PaddingBlockStart) + var(--pf-v6-c-menu-toggle--PaddingBlockEnd));
@@ -5230,981 +5312,322 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
5230
5312
  color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
5231
5313
  }
5232
5314
 
5233
- .pf-v6-c-check {
5234
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
5235
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
5236
- --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
5237
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
5238
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
5239
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
5240
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
5241
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
5242
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
5243
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
5244
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
5245
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
5246
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
5247
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
5315
+ .pf-v6-c-divider {
5316
+ --pf-v6-c-divider--Display: flex;
5317
+ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
5318
+ --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
5319
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5248
5320
  }
5249
5321
 
5250
- .pf-v6-c-check {
5251
- display: grid;
5252
- grid-template-columns: auto 1fr;
5253
- grid-gap: var(--pf-v6-c-check--GridGap);
5254
- accent-color: var(--pf-v6-c-check--AccentColor);
5322
+ .pf-v6-c-divider {
5323
+ flex-direction: row;
5324
+ width: 100%;
5325
+ height: var(--pf-v6-c-divider--Size);
5326
+ --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
5327
+ --pf-v6-hidden-visible--hidden--Display: none;
5328
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5329
+ display: var(--pf-v6-hidden-visible--Display);
5330
+ flex-shrink: 0;
5331
+ align-items: stretch;
5332
+ align-self: stretch;
5333
+ justify-content: center;
5334
+ border: 0;
5255
5335
  }
5256
5336
 
5257
- .pf-v6-c-check.pf-m-standalone {
5258
- display: inline-grid;
5259
- grid-template-columns: auto;
5260
- min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
5337
+ .pf-v6-c-divider.pf-m-hidden {
5338
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5261
5339
  }
5262
5340
 
5263
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
5264
- align-self: center;
5265
- transform: none;
5341
+ @media screen and (min-width: 36rem) {
5342
+ .pf-v6-c-divider.pf-m-hidden-on-sm {
5343
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5344
+ }
5345
+ .pf-v6-c-divider.pf-m-visible-on-sm {
5346
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5347
+ }
5348
+ }
5349
+ @media screen and (min-width: 48rem) {
5350
+ .pf-v6-c-divider.pf-m-hidden-on-md {
5351
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5352
+ }
5353
+ .pf-v6-c-divider.pf-m-visible-on-md {
5354
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5355
+ }
5356
+ }
5357
+ @media screen and (min-width: 62rem) {
5358
+ .pf-v6-c-divider.pf-m-hidden-on-lg {
5359
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5360
+ }
5361
+ .pf-v6-c-divider.pf-m-visible-on-lg {
5362
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5363
+ }
5364
+ }
5365
+ @media screen and (min-width: 75rem) {
5366
+ .pf-v6-c-divider.pf-m-hidden-on-xl {
5367
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5368
+ }
5369
+ .pf-v6-c-divider.pf-m-visible-on-xl {
5370
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5371
+ }
5372
+ }
5373
+ @media screen and (min-width: 90.625rem) {
5374
+ .pf-v6-c-divider.pf-m-hidden-on-2xl {
5375
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
5376
+ }
5377
+ .pf-v6-c-divider.pf-m-visible-on-2xl {
5378
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
5379
+ }
5380
+ }
5381
+ .pf-v6-c-divider::before {
5382
+ flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
5383
+ content: "";
5384
+ background-color: var(--pf-v6-c-divider--Color);
5385
+ border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
5386
+ border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
5266
5387
  }
5267
5388
 
5268
- .pf-v6-c-check__input {
5269
- align-self: start;
5270
- font-size: var(--pf-v6-c-check__label--FontSize);
5271
- line-height: var(--pf-v6-c-check__label--LineHeight);
5272
- transform: translateY(var(--pf-v6-c-check__input--TranslateY));
5389
+ .pf-v6-c-divider.pf-m-horizontal {
5390
+ flex-direction: row;
5391
+ width: 100%;
5392
+ height: var(--pf-v6-c-divider--Size);
5273
5393
  }
5274
5394
 
5275
- .pf-v6-c-check__label {
5276
- font-size: var(--pf-v6-c-check__label--FontSize);
5277
- font-weight: var(--pf-v6-c-check__label--FontWeight);
5278
- line-height: var(--pf-v6-c-check__label--LineHeight);
5279
- color: var(--pf-v6-c-check__label--Color);
5395
+ .pf-v6-c-divider.pf-m-vertical {
5396
+ flex-direction: column;
5397
+ width: var(--pf-v6-c-divider--Size);
5398
+ height: inherit;
5280
5399
  }
5281
5400
 
5282
- .pf-v6-c-check__description {
5283
- grid-column: 2;
5284
- font-size: var(--pf-v6-c-check__description--FontSize);
5285
- color: var(--pf-v6-c-check__description--Color);
5401
+ .pf-v6-c-divider.pf-m-inset-none {
5402
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
5286
5403
  }
5287
5404
 
5288
- .pf-v6-c-check__body {
5289
- grid-column: 2;
5405
+ .pf-v6-c-divider.pf-m-inset-xs {
5406
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5290
5407
  }
5291
5408
 
5292
- .pf-v6-c-check__label,
5293
- .pf-v6-c-check__input {
5294
- justify-self: start;
5409
+ .pf-v6-c-divider.pf-m-inset-sm {
5410
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5295
5411
  }
5296
5412
 
5297
- label.pf-v6-c-check, .pf-v6-c-check__label,
5298
- .pf-v6-c-check__input {
5299
- cursor: pointer;
5413
+ .pf-v6-c-divider.pf-m-inset-md {
5414
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5300
5415
  }
5301
5416
 
5302
- .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
5303
- .pf-v6-c-check__input:disabled,
5304
- .pf-v6-c-check__input.pf-m-disabled {
5305
- --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
5306
- cursor: not-allowed;
5417
+ .pf-v6-c-divider.pf-m-inset-lg {
5418
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5307
5419
  }
5308
5420
 
5309
- .pf-v6-c-check__label-required {
5310
- margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
5311
- font-size: var(--pf-v6-c-check__label-required--FontSize);
5312
- color: var(--pf-v6-c-check__label-required--Color);
5421
+ .pf-v6-c-divider.pf-m-inset-xl {
5422
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5313
5423
  }
5314
5424
 
5315
- .pf-v6-c-button {
5316
- --pf-v6-c-button--Display: inline-flex;
5317
- --pf-v6-c-button--AlignItems: baseline;
5318
- --pf-v6-c-button--JustifyContent: center;
5319
- --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
5320
- --pf-v6-c-button--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
5321
- --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
5322
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
5323
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
5324
- --pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
5325
- --pf-v6-c-button--Color: var(--pf-t--global--text--color--regular);
5326
- --pf-v6-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
5327
- --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
5328
- --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
5329
- --pf-v6-c-button--BackgroundColor: transparent;
5330
- --pf-v6-c-button--BorderColor: transparent;
5331
- --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
5332
- --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
5333
- --pf-v6-c-button--TextDecorationLine: none;
5334
- --pf-v6-c-button--TextDecorationStyle: none;
5335
- --pf-v6-c-button--TextDecorationColor: currentcolor;
5336
- --pf-v6-c-button--TransitionDelay: 0s;
5337
- --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
5338
- --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
5339
- --pf-v6-c-button--TransitionProperty: color, background, border-color;
5340
- --pf-v6-c-button--ScaleX: 1;
5341
- --pf-v6-c-button--ScaleY: 1;
5342
- --pf-v6-c-button--border--offset: 0;
5343
- --pf-v6-c-button--hover--BackgroundColor: transparent;
5344
- --pf-v6-c-button--hover--BorderColor: transparent;
5345
- --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
5346
- --pf-v6-c-button--hover--TextDecorationLine: none;
5347
- --pf-v6-c-button--hover--TextDecorationStyle: none;
5348
- --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
5349
- --pf-v6-c-button--hover--ScaleX: 1;
5350
- --pf-v6-c-button--hover--ScaleY: 1;
5351
- --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
5352
- --pf-v6-c-button--m-clicked--BorderColor: transparent;
5353
- --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
5354
- --pf-v6-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
5355
- --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
5356
- --pf-v6-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
5357
- --pf-v6-c-button--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
5358
- --pf-v6-c-button--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
5359
- --pf-v6-c-button--m-primary--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
5360
- --pf-v6-c-button--m-primary--m-clicked--Color: var(--pf-t--global--text--color--on-brand--clicked);
5361
- --pf-v6-c-button--m-primary--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--clicked);
5362
- --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
5363
- --pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
5364
- --pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
5365
- --pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
5366
- --pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
5367
- --pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
5368
- --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
5369
- --pf-v6-c-button--m-secondary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
5370
- --pf-v6-c-button--m-secondary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
5371
- --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-t--global--border--color--brand--clicked);
5372
- --pf-v6-c-button--m-secondary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
5373
- --pf-v6-c-button--m-secondary--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
5374
- --pf-v6-c-button--m-secondary--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
5375
- --pf-v6-c-button--m-secondary--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5376
- --pf-v6-c-button--m-secondary--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
5377
- --pf-v6-c-button--m-secondary--m-danger--hover--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
5378
- --pf-v6-c-button--m-secondary--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--danger--hover);
5379
- --pf-v6-c-button--m-secondary--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
5380
- --pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor: var(--pf-t--global--border--color--status--danger--clicked);
5381
- --pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
5382
- --pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
5383
- --pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
5384
- --pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
5385
- --pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
5386
- --pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
5387
- --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
5388
- --pf-v6-c-button--m-tertiary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
5389
- --pf-v6-c-button--m-tertiary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
5390
- --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
5391
- --pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
5392
- --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--small);
5393
- --pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
5394
- --pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
5395
- --pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
5396
- --pf-v6-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5397
- --pf-v6-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
5398
- --pf-v6-c-button--m-link--hover--Color: var(--pf-t--global--text--color--brand--hover);
5399
- --pf-v6-c-button--m-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
5400
- --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-t--global--text--color--brand--hover);
5401
- --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
5402
- --pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
5403
- --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
5404
- --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5405
- --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5406
- --pf-v6-c-button--m-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
5407
- --pf-v6-c-button--m-link--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
5408
- --pf-v6-c-button--m-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
5409
- --pf-v6-c-button--m-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
5410
- --pf-v6-c-button--m-link--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
5411
- --pf-v6-c-button--m-link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
5412
- --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
5413
- --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5414
- --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
5415
- --pf-v6-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
5416
- --pf-v6-c-button--m-link--m-danger--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
5417
- --pf-v6-c-button--m-link--m-danger--hover__icon--Color: var(--pf-t--global--text--color--status--danger--hover);
5418
- --pf-v6-c-button--m-link--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
5419
- --pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
5420
- --pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
5421
- --pf-v6-c-button--m-link--m-inline--Display: inline-flex;
5422
- --pf-v6-c-button--m-link--m-inline--JustifyContent: flex-start;
5423
- --pf-v6-c-button--m-link--m-inline--FontSize: initial;
5424
- --pf-v6-c-button--m-link--m-inline--LineHeight: initial;
5425
- --pf-v6-c-button--m-link--m-inline--FontWeight: initial;
5426
- --pf-v6-c-button--m-link--m-inline--PaddingBlockStart: 0;
5427
- --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
5428
- --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
5429
- --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
5430
- --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
5431
- --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
5432
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
5433
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
5434
- --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
5435
- --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));
5436
- --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
5437
- --pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
5438
- --pf-v6-c-button--span--m-link--m-inline--Display: inline;
5439
- --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
5440
- --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
5441
- --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
5442
- --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
5443
- --pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
5444
- --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
5445
- --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
5446
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
5447
- --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
5448
- --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
5449
- --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
5450
- --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
5451
- --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
5452
- --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
5453
- --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
5454
- --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
5455
- --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
5456
- --pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
5457
- --pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
5458
- --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
5459
- --pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
5460
- --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5461
- --pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
5462
- --pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
5463
- --pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
5464
- --pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
5465
- --pf-v6-c-button--m-plain--BorderColor: transparent;
5466
- --pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
5467
- --pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
5468
- --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
5469
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
5470
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
5471
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
5472
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
5473
- --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
5474
- --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
5475
- --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
5476
- --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
5477
- --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
5478
- --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
5479
- --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
5480
- --pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
5481
- --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
5482
- --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
5483
- --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
5484
- --pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
5485
- --pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
5486
- --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
5487
- --pf-v6-c-button--m-control--BorderWidth: var(--pf-t--global--border--width--control--default);
5488
- --pf-v6-c-button--m-control__icon--Color: var(--pf-t--global--icon--color--regular);
5489
- --pf-v6-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
5490
- --pf-v6-c-button--m-control--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
5491
- --pf-v6-c-button--m-control--hover--BorderColor: var(--pf-t--global--border--color--hover);
5492
- --pf-v6-c-button--m-control--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
5493
- --pf-v6-c-button--m-control--hover__icon--Color: var(--pf-t--global--icon--color--regular);
5494
- --pf-v6-c-button--m-control--m-clicked--Color: var(--pf-t--global--text--color--regular);
5495
- --pf-v6-c-button--m-control--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
5496
- --pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
5497
- --pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
5498
- --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
5499
- --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
5500
- --pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
5501
- --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
5502
- --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
5503
- --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
5504
- --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
5505
- --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
5506
- --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
5507
- --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
5508
- --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
5509
- --pf-v6-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
5510
- --pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
5511
- --pf-v6-c-button--m-read--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
5512
- --pf-v6-c-button--m-unread--Color: var(--pf-t--global--text--color--status--unread--on-default--default);
5513
- --pf-v6-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default);
5514
- --pf-v6-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--default);
5515
- --pf-v6-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--status--unread--on-default--hover);
5516
- --pf-v6-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--hover);
5517
- --pf-v6-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--hover);
5518
- --pf-v6-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-default--clicked);
5519
- --pf-v6-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--clicked);
5520
- --pf-v6-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--clicked);
5521
- --pf-v6-c-button--m-attention--Color: var(--pf-t--global--text--color--status--unread--on-attention--default);
5522
- --pf-v6-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--unread--attention--default);
5523
- --pf-v6-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--default);
5524
- --pf-v6-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--unread--on-attention--hover);
5525
- --pf-v6-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--unread--attention--hover);
5526
- --pf-v6-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--hover);
5527
- --pf-v6-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-attention--clicked);
5528
- --pf-v6-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--attention--clicked);
5529
- --pf-v6-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--clicked);
5530
- --pf-v6-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
5531
- --pf-v6-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
5532
- --pf-v6-c-button--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
5533
- --pf-v6-c-button--m-warning--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
5534
- --pf-v6-c-button--m-warning--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
5535
- --pf-v6-c-button--m-warning--hover__icon--Color: var(--pf-t--global--icon--color--status--on-warning--hover);
5536
- --pf-v6-c-button--m-warning--m-clicked--Color: var(--pf-t--global--text--color--status--on-warning--clicked);
5537
- --pf-v6-c-button--m-warning--m-clicked--BackgroundColor: var(--pf-t--global--color--status--warning--clicked);
5538
- --pf-v6-c-button--m-warning--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-warning--clicked);
5539
- --pf-v6-c-button--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
5540
- --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
5541
- --pf-v6-c-button--m-danger__icon--Color: var(--pf-t--global--icon--color--status--on-danger--default);
5542
- --pf-v6-c-button--m-danger--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
5543
- --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
5544
- --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--on-danger--hover);
5545
- --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
5546
- --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
5547
- --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
5548
- --pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--spacious);
5549
- --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
5550
- --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
5551
- --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
5552
- --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
5553
- --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
5554
- --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
5555
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
5556
- --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
5557
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
5558
- --pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
5559
- --pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
5560
- --pf-v6-c-button--disabled--TextDecorationColor: currentcolor;
5561
- --pf-v6-c-button--disabled--BorderColor: transparent;
5562
- --pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
5563
- --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
5564
- --pf-v6-c-button--hover__icon--Color: var(--pf-t--global--icon--color--regular);
5565
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
5566
- --pf-v6-c-button__icon--MarginInlineStart: 0;
5567
- --pf-v6-c-button__icon--MarginInlineEnd: 0;
5568
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
5569
- --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
5570
- --pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
5571
- --pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
5572
- --pf-v6-c-button__icon--TransitionDelay: 0s;
5573
- --pf-v6-c-button__icon--TransitionTimingFunction: auto;
5574
- --pf-v6-c-button__icon--TransitionDuration: 0s;
5575
- --pf-v6-c-button__icon--TransitionProperty: none;
5576
- --pf-v6-c-button__icon--Rotate: 0deg;
5577
- --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
5578
- --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
5579
- --pf-v6-c-button--hover__icon--TransitionProperty: none;
5580
- --pf-v6-c-button--hover__icon--Rotate: 0deg;
5581
- --pf-v6-c-button__icon--ScaleX: 1;
5582
- --pf-v6-c-button__icon--ScaleY: 1;
5583
- --pf-v6-c-button--hover__icon--ScaleX: 1;
5584
- --pf-v6-c-button--hover__icon--ScaleY: 1;
5585
- --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
5586
- --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
5587
- --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
5588
- --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
5589
- --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
5590
- --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
5591
- --pf-v6-c-button__icon--favorite--Opacity: 1;
5592
- --pf-v6-c-button__icon--favorited--Opacity: 0;
5593
- --pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
5594
- --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
5595
- --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
5596
- --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
5597
- --pf-v6-c-button__progress--Opacity: 0;
5598
- --pf-v6-c-button__progress--TranslateY: -50%;
5599
- --pf-v6-c-button__progress--TranslateX: 0;
5600
- --pf-v6-c-button__progress--InsetBlockStart: 50%;
5601
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
5602
- --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
5603
- --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
5604
- --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
5605
- --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
5606
- --pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width));
5607
- --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
5608
- --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
5609
- --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
5610
- --pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
5611
- --pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
5612
- --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
5613
- --pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
5614
- --pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
5615
- --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--alt);
5616
- --pf-v6-c-button--m-block--Display: flex;
5617
- --pf-v6-c-button--m-block--Width: 100%;
5618
- --pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
5619
- --pf-v6-c-button--hamburger-icon--TransitionDuration: var(--pf-t--global--motion--duration--md);
5620
- --pf-v6-c-button--hamburger-icon--top--path--base: path("M1,1 L9,1");
5621
- --pf-v6-c-button--hamburger-icon--middle--path--base: path("M1,5 L9,5");
5622
- --pf-v6-c-button--hamburger-icon--arrow--path--base: path("M1,5 L1,5 L1,5");
5623
- --pf-v6-c-button--hamburger-icon--bottom--path--base: path("M9,9 L1,9");
5624
- --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
5625
- --pf-v6-c-button--hamburger-icon--middle--path: var(--pf-v6-c-button--hamburger-icon--middle--path--base);
5626
- --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
5627
- --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
5628
- --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
5629
- --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
5630
- --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
5631
- --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
5632
- }
5633
-
5634
- .pf-v6-c-button {
5635
- position: relative;
5636
- display: var(--pf-v6-c-button--Display);
5637
- gap: var(--pf-v6-c-button--Gap);
5638
- align-items: var(--pf-v6-c-button--AlignItems);
5639
- justify-content: var(--pf-v6-c-button--JustifyContent);
5640
- min-width: var(--pf-v6-c-button--MinWidth);
5641
- padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
5642
- padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
5643
- padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
5644
- padding-inline-end: var(--pf-v6-c-button--PaddingInlineEnd);
5645
- font-size: var(--pf-v6-c-button--FontSize, inherit);
5646
- font-weight: var(--pf-v6-c-button--FontWeight, inherit);
5647
- line-height: var(--pf-v6-c-button--LineHeight, inherit);
5648
- color: var(--pf-v6-c-button--Color);
5649
- text-align: center;
5650
- text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
5651
- text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
5652
- text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
5653
- white-space: nowrap;
5654
- cursor: pointer;
5655
- -webkit-user-select: none;
5656
- user-select: none;
5657
- background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
5658
- border: 0;
5659
- border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
5660
- border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
5661
- border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
5662
- border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
5663
- transition-delay: var(--pf-v6-c-button--TransitionDelay);
5664
- transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
5665
- transition-duration: var(--pf-v6-c-button--TransitionDuration);
5666
- transition-property: var(--pf-v6-c-button--TransitionProperty);
5667
- scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
5668
- }
5669
-
5670
- .pf-v6-c-button::after {
5671
- position: absolute;
5672
- inset: var(--pf-v6-c-button--border--offset);
5673
- pointer-events: none;
5674
- content: "";
5675
- border: var(--pf-v6-c-button--BorderWidth) solid;
5676
- border-color: var(--pf-v6-c-button--BorderColor);
5677
- border-radius: inherit;
5678
- transition: inherit;
5679
- }
5680
-
5681
- .pf-v6-c-button.pf-m-primary {
5682
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-primary--Color);
5683
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-primary--BackgroundColor);
5684
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-primary__icon--Color);
5685
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-primary--hover--Color);
5686
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-primary--hover--BackgroundColor);
5687
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-primary--hover__icon--Color);
5688
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-primary--m-clicked--Color);
5689
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-primary--m-clicked--BackgroundColor);
5690
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-primary--m-clicked__icon--Color);
5691
- }
5692
-
5693
- .pf-v6-c-button.pf-m-primary .pf-v6-c-badge.pf-m-unread {
5694
- --pf-v6-c-badge--BorderColor: var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
5695
- }
5696
-
5697
- .pf-v6-c-button.pf-m-secondary {
5698
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
5699
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
5700
- --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
5701
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
5702
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
5703
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
5704
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-secondary--hover__icon--Color);
5705
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-clicked--Color);
5706
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-clicked--BorderColor);
5707
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-clicked__icon--Color);
5708
- --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-secondary--m-danger--Color);
5709
- --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger__icon--Color);
5710
- --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover--Color);
5711
- --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover__icon--Color);
5712
- --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--Color);
5713
- --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color);
5714
- }
5715
-
5716
- .pf-v6-c-button.pf-m-secondary.pf-m-danger {
5717
- --pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--BorderColor);
5718
- --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--hover--BorderColor);
5719
- --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor);
5720
- --pf-v6-c-button--m-danger--BackgroundColor: transparent;
5721
- --pf-v6-c-button--m-danger--hover--BackgroundColor: transparent;
5722
- --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: transparent;
5723
- }
5724
-
5725
- .pf-v6-c-button.pf-m-tertiary {
5726
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
5727
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
5728
- --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
5729
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
5730
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
5731
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
5732
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-tertiary--hover__icon--Color);
5733
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-tertiary--m-clicked--Color);
5734
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-tertiary--m-clicked--BorderColor);
5735
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-tertiary--m-clicked__icon--Color);
5736
- }
5737
-
5738
- .pf-v6-c-button.pf-m-link {
5739
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
5740
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
5741
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
5742
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-link--BorderWidth);
5743
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-link--hover--BorderColor);
5744
- --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-link--hover--BorderWidth);
5745
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-link--m-clicked--BorderColor);
5746
- --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-link--m-clicked--BorderWidth);
5747
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-link--BorderColor);
5748
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
5749
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
5750
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
5751
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-link--hover--Color);
5752
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-link--hover--BackgroundColor);
5753
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-link--hover__icon--Color);
5754
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
5755
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
5756
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
5757
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
5758
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
5759
- }
5760
-
5761
- .pf-v6-c-button.pf-m-link.pf-m-inline {
5762
- --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
5763
- --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
5764
- --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
5765
- --pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
5766
- --pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
5767
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockStart);
5768
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
5769
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
5770
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
5771
- --pf-v6-c-button--BackgroundColor: transparent;
5772
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
5773
- --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
5774
- --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
5775
- --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
5776
- --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
5777
- --pf-v6-c-button--hover--BackgroundColor: transparent;
5778
- --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
5779
- --pf-v6-c-button--disabled--BackgroundColor: transparent;
5780
- --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
5781
- --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
5782
- --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
5783
- --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
5784
- --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
5785
- --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
5786
- --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
5787
- --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
5788
- --pf-v6-c-button--BorderWidth: 0;
5789
- --pf-v6-c-button--hover--BorderWidth: 0;
5790
- --pf-v6-c-button--m-clicked--BorderWidth: 0;
5791
- text-align: start;
5792
- white-space: normal;
5793
- background: transparent;
5794
- outline-offset: 0.125rem;
5795
- }
5796
-
5797
- span.pf-v6-c-button.pf-m-link.pf-m-inline {
5798
- --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
5799
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
5800
- --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
5801
- }
5802
-
5803
- .pf-v6-c-button.pf-m-link.pf-m-danger {
5804
- --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
5805
- --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
5806
- --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-link--m-danger__icon--Color);
5807
- --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-link--m-danger--hover--Color);
5808
- --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--hover--BackgroundColor);
5809
- --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-link--m-danger--hover__icon--Color);
5810
- --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked--Color);
5811
- --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor);
5812
- --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color);
5813
- }
5814
-
5815
- .pf-v6-c-button.pf-m-link.pf-m-display-lg {
5816
- --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-display-lg--FontSize);
5817
- }
5818
-
5819
- .pf-v6-c-button.pf-m-warning {
5820
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-warning--Color);
5821
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-warning--BackgroundColor);
5822
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-warning__icon--Color);
5823
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-warning--hover--Color);
5824
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-warning--hover--BackgroundColor);
5825
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-warning--hover__icon--Color);
5826
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-warning--m-clicked--Color);
5827
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-warning--m-clicked--BackgroundColor);
5828
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-warning--m-clicked__icon--Color);
5829
- }
5830
-
5831
- .pf-v6-c-button.pf-m-danger {
5832
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-danger--Color);
5833
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-danger--BackgroundColor);
5834
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-danger__icon--Color);
5835
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-danger--hover--Color);
5836
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-danger--hover--BackgroundColor);
5837
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-danger--hover__icon--Color);
5838
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-danger--m-clicked--Color);
5839
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-danger--m-clicked--BackgroundColor);
5840
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-danger--m-clicked__icon--Color);
5841
- }
5842
-
5843
- .pf-v6-c-button.pf-m-control {
5844
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-control--BorderRadius);
5845
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-control--PaddingInlineStart);
5846
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-control--PaddingInlineEnd);
5847
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-control--Color);
5848
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-control--BackgroundColor);
5849
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-control--BorderColor);
5850
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-control--BorderWidth);
5851
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-control__icon--Color);
5852
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-control--hover--Color);
5853
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-control--hover--BackgroundColor);
5854
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-control--hover--BorderColor);
5855
- --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-control--hover--BorderWidth);
5856
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-control--hover__icon--Color);
5857
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-control--m-clicked--Color);
5858
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-control--m-clicked--BackgroundColor);
5859
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
5860
- --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
5861
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
5862
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
5863
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
5864
- }
5865
-
5866
- .pf-v6-c-button.pf-m-stateful {
5867
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
5868
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
5869
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
5870
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
5871
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
5872
- }
5873
-
5874
- .pf-v6-c-button.pf-m-read {
5875
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
5876
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-read--BorderColor);
5877
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-read--hover--BackgroundColor);
5878
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-read--hover--BorderColor);
5879
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-read--m-clicked--BackgroundColor);
5880
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-read--m-clicked--BorderColor);
5881
- }
5882
-
5883
- .pf-v6-c-button.pf-m-unread {
5884
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-unread--Color);
5885
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-unread--BackgroundColor);
5886
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-unread__icon--Color);
5887
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-unread--hover--Color);
5888
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-unread--hover--BackgroundColor);
5889
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-unread--hover__icon--Color);
5890
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-unread--m-clicked--Color);
5891
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-unread--m-clicked--BackgroundColor);
5892
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-unread--m-clicked__icon--Color);
5893
- }
5894
-
5895
- .pf-v6-c-button.pf-m-attention {
5896
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-attention--Color);
5897
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-attention--BackgroundColor);
5898
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-attention__icon--Color);
5899
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-attention--hover--Color);
5900
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-attention--hover--BackgroundColor);
5901
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-attention--hover__icon--Color);
5902
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-attention--m-clicked--Color);
5903
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-attention--m-clicked--BackgroundColor);
5904
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
5905
- }
5906
-
5907
- .pf-v6-c-button.pf-m-plain {
5908
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-plain--BorderWidth);
5909
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-plain--hover--BorderColor);
5910
- --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-plain--hover--BorderWidth);
5911
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-plain--m-clicked--BorderColor);
5912
- --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-plain--m-clicked--BorderWidth);
5913
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-plain--BorderColor);
5914
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
5915
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
5916
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
5917
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
5918
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
5919
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--PaddingInlineStart);
5920
- --pf-v6-c-button__progress--Color: var(--pf-v6-c-button--m-in-progress--m-plain--Color);
5921
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-plain--hover--Color);
5922
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--hover--BackgroundColor);
5923
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-plain--m-clicked--Color);
5924
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-clicked--BackgroundColor);
5925
- --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
5926
- --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
5927
- --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
5928
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
5929
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
5930
- }
5931
-
5932
- .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
5933
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
5934
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
5935
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
5936
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
5937
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
5938
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
5939
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
5940
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
5941
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
5942
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
5943
- --pf-v6-c-button--border--offset: var(--pf-v6-c-button--m-plain--m-no-padding--border--offset);
5944
- min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
5945
- background: var(--pf-v6-c-button--BackgroundColor);
5946
- }
5947
-
5948
- .pf-v6-c-button.pf-m-block {
5949
- --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
5950
- width: var(--pf-v6-c-button--m-block--Width);
5951
- }
5952
-
5953
- .pf-v6-c-button.pf-m-small {
5954
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
5955
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-small--PaddingInlineEnd);
5956
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-small--PaddingBlockEnd);
5957
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-small--PaddingInlineStart);
5958
- }
5959
-
5960
- .pf-v6-c-button.pf-m-display-lg {
5961
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-display-lg--PaddingBlockStart);
5962
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-display-lg--PaddingInlineEnd);
5963
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
5964
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
5965
- --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
5966
- }
5967
-
5968
- .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
5969
- display: grid;
5970
- transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
5971
- transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
5972
- transition-property: color;
5973
- }
5974
-
5975
- .pf-v6-c-button.pf-m-favorited {
5976
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
5977
- --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
5978
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
5979
- --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
5980
- --pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
5981
- --pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
5982
- }
5983
-
5984
- .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
5985
- animation-name: pf-v6-c-button-icon-favorited;
5986
- animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
5987
- animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
5988
- }
5989
-
5990
- .pf-v6-c-button.pf-m-settings {
5991
- --pf-v6-c-button__icon--TransitionProperty: rotate;
5992
- --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--m-settings__icon--TransitionDuration);
5993
- --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings__icon--TransitionTimingFunction);
5994
- --pf-v6-c-button--hover__icon--TransitionProperty: rotate;
5995
- --pf-v6-c-button--hover__icon--TransitionDuration: var(--pf-v6-c-button--m-settings--hover__icon--TransitionDuration);
5996
- --pf-v6-c-button--hover__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction);
5997
- --pf-v6-c-button--hover__icon--Rotate: var(--pf-v6-c-button--m-settings--hover__icon--Rotate);
5998
- }
5999
-
6000
- .pf-v6-c-button.pf-m-hamburger {
6001
- --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
6002
- --pf-v6-c-button__icon--TransitionDuration: 0s;
6003
- --pf-v6-c-button__icon--TransitionProperty: scale;
6004
- --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
6005
- --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
6006
- --pf-v6-c-button--hover__icon--TransitionProperty: scale;
6007
- }
6008
-
6009
- .pf-v6-c-button.pf-m-hamburger.pf-m-expand {
6010
- --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
6011
- --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
6012
- --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
6013
- --pf-v6-c-button__icon--TransitionDelay: 0s;
6014
- --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
6015
- --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
6016
- --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
6017
- }
6018
-
6019
- .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
6020
- --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
6021
- --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
6022
- --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
6023
- --pf-v6-c-button__icon--TransitionDelay: 0s;
6024
- --pf-v6-c-button__icon--ScaleX: 1;
6025
- --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
6026
- --pf-v6-c-button--hover__icon--ScaleX: 1;
6027
- }
6028
-
6029
- .pf-v6-c-button:hover, .pf-v6-c-button:focus {
6030
- --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
6031
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
6032
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
6033
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
6034
- --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
6035
- --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
6036
- --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
6037
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
6038
- --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
6039
- --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
6040
- --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
6041
- --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
6042
- --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
6043
- --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
6044
- text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
6045
- text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
6046
- text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
6047
- outline-offset: var(--pf-t--global--focus-ring--position--offset);
6048
- }
6049
-
6050
- .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
6051
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
6052
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
6053
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
6054
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
6055
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
6056
- }
6057
-
6058
- .pf-v6-c-button:active {
6059
- background-size: 100% 100%;
6060
- transition-duration: 0s;
6061
- }
6062
-
6063
- .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
6064
- pointer-events: none;
6065
- }
6066
-
6067
- .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
6068
- color: var(--pf-v6-c-button--disabled--Color);
6069
- text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
6070
- background: var(--pf-v6-c-button--disabled--BackgroundColor);
6071
- }
6072
-
6073
- .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
6074
- border-color: transparent;
6075
- }
6076
-
6077
- .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 {
6078
- color: var(--pf-v6-c-button--disabled__icon--Color);
6079
- }
6080
-
6081
- .pf-v6-c-button.pf-m-aria-disabled {
6082
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
6083
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
6084
- cursor: default;
6085
- }
6086
-
6087
- .pf-v6-c-button.pf-m-progress {
6088
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
6089
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
6090
- }
6091
-
6092
- .pf-v6-c-button.pf-m-in-progress {
6093
- --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
6094
- }
6095
-
6096
- .pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
6097
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
6098
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
6099
- }
6100
-
6101
- .pf-v6-c-button.pf-m-in-progress.pf-m-plain {
6102
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
6103
- --pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
6104
- }
6105
-
6106
- .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
6107
- opacity: 0;
6108
- }
6109
-
6110
- .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
6111
- animation-name: pf-v6-c-button-icon-notify;
6112
- animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
6113
- animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
5425
+ .pf-v6-c-divider.pf-m-inset-2xl {
5426
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6114
5427
  }
6115
5428
 
6116
- .pf-v6-c-button__icon {
6117
- margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
6118
- margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
6119
- color: var(--pf-v6-c-button__icon--Color);
6120
- transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
6121
- transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
6122
- transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
6123
- transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
6124
- rotate: var(--pf-v6-c-button__icon--Rotate);
6125
- scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
5429
+ .pf-v6-c-divider.pf-m-inset-3xl {
5430
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6126
5431
  }
6127
5432
 
6128
- .pf-v6-c-button__icon.pf-m-start {
6129
- --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
5433
+ @media (min-width: 36rem) {
5434
+ .pf-v6-c-divider.pf-m-horizontal-on-sm {
5435
+ flex-direction: row;
5436
+ width: 100%;
5437
+ height: var(--pf-v6-c-divider--Size);
5438
+ }
6130
5439
  }
6131
-
6132
- .pf-v6-c-button__icon.pf-m-end {
6133
- --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
5440
+ @media (min-width: 36rem) {
5441
+ .pf-v6-c-divider.pf-m-vertical-on-sm {
5442
+ flex-direction: column;
5443
+ width: var(--pf-v6-c-divider--Size);
5444
+ height: inherit;
5445
+ }
6134
5446
  }
6135
-
6136
- .pf-v6-c-button__icon-favorite,
6137
- .pf-v6-c-button__icon-favorited {
6138
- grid-area: 1/1/1/1;
6139
- transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
6140
- transition-property: opacity;
5447
+ @media (min-width: 36rem) {
5448
+ .pf-v6-c-divider.pf-m-inset-none-on-sm {
5449
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5450
+ }
5451
+ .pf-v6-c-divider.pf-m-inset-xs-on-sm {
5452
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5453
+ }
5454
+ .pf-v6-c-divider.pf-m-inset-sm-on-sm {
5455
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5456
+ }
5457
+ .pf-v6-c-divider.pf-m-inset-md-on-sm {
5458
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5459
+ }
5460
+ .pf-v6-c-divider.pf-m-inset-lg-on-sm {
5461
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5462
+ }
5463
+ .pf-v6-c-divider.pf-m-inset-xl-on-sm {
5464
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5465
+ }
5466
+ .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
5467
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5468
+ }
5469
+ .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
5470
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5471
+ }
6141
5472
  }
6142
-
6143
- .pf-v6-c-button__icon-favorite {
6144
- opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
5473
+ @media (min-width: 48rem) {
5474
+ .pf-v6-c-divider.pf-m-horizontal-on-md {
5475
+ flex-direction: row;
5476
+ width: 100%;
5477
+ height: var(--pf-v6-c-divider--Size);
5478
+ }
6145
5479
  }
6146
-
6147
- .pf-v6-c-button__icon-favorited {
6148
- opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
5480
+ @media (min-width: 48rem) {
5481
+ .pf-v6-c-divider.pf-m-vertical-on-md {
5482
+ flex-direction: column;
5483
+ width: var(--pf-v6-c-divider--Size);
5484
+ height: inherit;
5485
+ }
6149
5486
  }
6150
-
6151
- .pf-v6-c-button__progress {
6152
- position: absolute;
6153
- inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
6154
- inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
6155
- line-height: 1;
6156
- color: var(--pf-v6-c-button__progress--Color);
6157
- transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
5487
+ @media (min-width: 48rem) {
5488
+ .pf-v6-c-divider.pf-m-inset-none-on-md {
5489
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5490
+ }
5491
+ .pf-v6-c-divider.pf-m-inset-xs-on-md {
5492
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5493
+ }
5494
+ .pf-v6-c-divider.pf-m-inset-sm-on-md {
5495
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5496
+ }
5497
+ .pf-v6-c-divider.pf-m-inset-md-on-md {
5498
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5499
+ }
5500
+ .pf-v6-c-divider.pf-m-inset-lg-on-md {
5501
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5502
+ }
5503
+ .pf-v6-c-divider.pf-m-inset-xl-on-md {
5504
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5505
+ }
5506
+ .pf-v6-c-divider.pf-m-inset-2xl-on-md {
5507
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5508
+ }
5509
+ .pf-v6-c-divider.pf-m-inset-3xl-on-md {
5510
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5511
+ }
6158
5512
  }
6159
-
6160
- .pf-v6-c-button__progress .pf-v6-c-spinner {
6161
- --pf-v6-c-spinner--Color: currentcolor;
5513
+ @media (min-width: 62rem) {
5514
+ .pf-v6-c-divider.pf-m-horizontal-on-lg {
5515
+ flex-direction: row;
5516
+ width: 100%;
5517
+ height: var(--pf-v6-c-divider--Size);
5518
+ }
6162
5519
  }
6163
-
6164
- .pf-v6-c-button__text {
6165
- text-decoration: inherit;
5520
+ @media (min-width: 62rem) {
5521
+ .pf-v6-c-divider.pf-m-vertical-on-lg {
5522
+ flex-direction: column;
5523
+ width: var(--pf-v6-c-divider--Size);
5524
+ height: inherit;
5525
+ }
6166
5526
  }
6167
-
6168
- .pf-v6-c-button__count {
6169
- display: inline-flex;
6170
- align-items: center;
5527
+ @media (min-width: 62rem) {
5528
+ .pf-v6-c-divider.pf-m-inset-none-on-lg {
5529
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5530
+ }
5531
+ .pf-v6-c-divider.pf-m-inset-xs-on-lg {
5532
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5533
+ }
5534
+ .pf-v6-c-divider.pf-m-inset-sm-on-lg {
5535
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5536
+ }
5537
+ .pf-v6-c-divider.pf-m-inset-md-on-lg {
5538
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5539
+ }
5540
+ .pf-v6-c-divider.pf-m-inset-lg-on-lg {
5541
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5542
+ }
5543
+ .pf-v6-c-divider.pf-m-inset-xl-on-lg {
5544
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5545
+ }
5546
+ .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
5547
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5548
+ }
5549
+ .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
5550
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5551
+ }
6171
5552
  }
6172
-
6173
- .pf-v6-c-button--hamburger-icon path {
6174
- fill: none;
6175
- stroke: currentcolor;
6176
- stroke-linecap: round;
6177
- stroke-linejoin: round;
6178
- transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
5553
+ @media (min-width: 75rem) {
5554
+ .pf-v6-c-divider.pf-m-horizontal-on-xl {
5555
+ flex-direction: row;
5556
+ width: 100%;
5557
+ height: var(--pf-v6-c-divider--Size);
5558
+ }
6179
5559
  }
6180
-
6181
- .pf-v6-c-button--hamburger-icon--top {
6182
- d: var(--pf-v6-c-button--hamburger-icon--top--path);
5560
+ @media (min-width: 75rem) {
5561
+ .pf-v6-c-divider.pf-m-vertical-on-xl {
5562
+ flex-direction: column;
5563
+ width: var(--pf-v6-c-divider--Size);
5564
+ height: inherit;
5565
+ }
6183
5566
  }
6184
-
6185
- .pf-v6-c-button--hamburger-icon--middle {
6186
- d: var(--pf-v6-c-button--hamburger-icon--middle--path);
5567
+ @media (min-width: 75rem) {
5568
+ .pf-v6-c-divider.pf-m-inset-none-on-xl {
5569
+ --pf-v6-c-divider--before--FlexBasis: 100%;
5570
+ }
5571
+ .pf-v6-c-divider.pf-m-inset-xs-on-xl {
5572
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5573
+ }
5574
+ .pf-v6-c-divider.pf-m-inset-sm-on-xl {
5575
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5576
+ }
5577
+ .pf-v6-c-divider.pf-m-inset-md-on-xl {
5578
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5579
+ }
5580
+ .pf-v6-c-divider.pf-m-inset-lg-on-xl {
5581
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5582
+ }
5583
+ .pf-v6-c-divider.pf-m-inset-xl-on-xl {
5584
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5585
+ }
5586
+ .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
5587
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5588
+ }
5589
+ .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
5590
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5591
+ }
6187
5592
  }
6188
-
6189
- .pf-v6-c-button--hamburger-icon--arrow {
6190
- d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
5593
+ @media (min-width: 90.625rem) {
5594
+ .pf-v6-c-divider.pf-m-horizontal-on-2xl {
5595
+ flex-direction: row;
5596
+ width: 100%;
5597
+ height: var(--pf-v6-c-divider--Size);
5598
+ }
6191
5599
  }
6192
-
6193
- .pf-v6-c-button--hamburger-icon--bottom {
6194
- d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
5600
+ @media (min-width: 90.625rem) {
5601
+ .pf-v6-c-divider.pf-m-vertical-on-2xl {
5602
+ flex-direction: column;
5603
+ width: var(--pf-v6-c-divider--Size);
5604
+ height: inherit;
5605
+ }
6195
5606
  }
6196
-
6197
- @keyframes pf-v6-c-button-icon-notify {
6198
- 33% {
6199
- transform: rotate(30deg);
5607
+ @media (min-width: 90.625rem) {
5608
+ .pf-v6-c-divider.pf-m-inset-none-on-2xl {
5609
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6200
5610
  }
6201
- 66% {
6202
- transform: rotate(-60deg);
5611
+ .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
5612
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6203
5613
  }
6204
- }
6205
- @keyframes pf-v6-c-button-icon-favorited {
6206
- 50% {
6207
- scale: 1.5;
5614
+ .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
5615
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5616
+ }
5617
+ .pf-v6-c-divider.pf-m-inset-md-on-2xl {
5618
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5619
+ }
5620
+ .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
5621
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5622
+ }
5623
+ .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
5624
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5625
+ }
5626
+ .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
5627
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5628
+ }
5629
+ .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
5630
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6208
5631
  }
6209
5632
  }
6210
5633
  .pf-v6-c-action-list {
@@ -6519,463 +5942,145 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
6519
5942
  padding-inline-end: var(--pf-v6-c-form-control--m-error--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-error--PaddingInlineEnd));
6520
5943
  }
6521
5944
 
6522
- .pf-v6-c-form-control.pf-m-error > select {
6523
- 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));
6524
- }
6525
-
6526
- .pf-v6-c-form-control.pf-m-error.pf-m-icon > :is(input) {
6527
- padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6528
- }
6529
-
6530
- .pf-v6-c-form-control.pf-m-success {
6531
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
6532
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
6533
- --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
6534
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
6535
- }
6536
-
6537
- .pf-v6-c-form-control.pf-m-success > textarea {
6538
- padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd));
6539
- }
6540
-
6541
- .pf-v6-c-form-control.pf-m-success > input {
6542
- padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-success--PaddingInlineEnd));
6543
- }
6544
-
6545
- .pf-v6-c-form-control.pf-m-success > select {
6546
- 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));
6547
- }
6548
-
6549
- .pf-v6-c-form-control.pf-m-success.pf-m-icon > :is(input) {
6550
- padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6551
- }
6552
-
6553
- .pf-v6-c-form-control.pf-m-warning {
6554
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
6555
- --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
6556
- --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
6557
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
6558
- }
6559
-
6560
- .pf-v6-c-form-control.pf-m-warning > textarea {
6561
- padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd));
6562
- }
6563
-
6564
- .pf-v6-c-form-control.pf-m-warning > input {
6565
- padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd));
6566
- }
6567
-
6568
- .pf-v6-c-form-control.pf-m-warning > select {
6569
- 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));
6570
- }
6571
-
6572
- .pf-v6-c-form-control.pf-m-warning.pf-m-icon > :is(input) {
6573
- padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6574
- }
6575
-
6576
- .pf-v6-c-form-control:hover {
6577
- --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
6578
- --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
6579
- }
6580
-
6581
- .pf-v6-c-form-control.pf-m-icon {
6582
- --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
6583
- }
6584
-
6585
- .pf-v6-c-form-control:has(select) {
6586
- --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__select--PaddingBlockStart);
6587
- --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__select--PaddingBlockEnd);
6588
- --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
6589
- --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
6590
- --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
6591
- }
6592
-
6593
- .pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
6594
- padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
6595
- }
6596
-
6597
- .pf-v6-c-form-control.pf-m-placeholder > select {
6598
- --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
6599
- }
6600
-
6601
- .pf-v6-c-form-control.pf-m-placeholder > select * {
6602
- color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
6603
- }
6604
-
6605
- .pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
6606
- color: revert;
6607
- }
6608
-
6609
- .pf-v6-c-form-control > textarea {
6610
- width: 100%;
6611
- height: 100%;
6612
- vertical-align: bottom;
6613
- resize: none;
6614
- }
6615
-
6616
- .pf-v6-c-form-control.pf-m-resize-vertical {
6617
- --pf-v6-c-form-control--Resize: vertical;
6618
- overflow: auto;
6619
- }
6620
-
6621
- .pf-v6-c-form-control.pf-m-resize-horizontal {
6622
- --pf-v6-c-form-control--Resize: horizontal;
6623
- overflow: auto;
6624
- }
6625
-
6626
- .pf-v6-c-form-control.pf-m-resize-both {
6627
- --pf-v6-c-form-control--Resize: both;
6628
- overflow: auto;
6629
- }
6630
-
6631
- .pf-v6-c-form-control__icon {
6632
- font-size: var(--pf-v6-c-form-control__icon--FontSize);
6633
- color: var(--pf-v6-c-form-control__icon--Color);
6634
- }
6635
-
6636
- .pf-v6-c-form-control__icon.pf-m-status {
6637
- --pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
6638
- }
6639
-
6640
- .pf-v6-c-form-control__toggle-icon {
6641
- grid-row: 1/2;
6642
- grid-column: 3;
6643
- padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
6644
- padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
6645
- font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
6646
- color: var(--pf-v6-c-form-control__toggle-icon--Color);
6647
- pointer-events: none;
6648
- }
6649
-
6650
- .pf-v6-c-form-control__utilities {
6651
- display: flex;
6652
- flex-wrap: nowrap;
6653
- grid-row: 1/2;
6654
- grid-column: 2;
6655
- gap: var(--pf-v6-c-form-control__utilities--Gap);
6656
- padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
6657
- padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
6658
- pointer-events: none;
6659
- }
6660
-
6661
- .pf-v6-c-divider {
6662
- --pf-v6-c-divider--Display: flex;
6663
- --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
6664
- --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
6665
- --pf-v6-c-divider--before--FlexBasis: 100%;
6666
- }
6667
-
6668
- .pf-v6-c-divider {
6669
- flex-direction: row;
6670
- width: 100%;
6671
- height: var(--pf-v6-c-divider--Size);
6672
- --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
6673
- --pf-v6-hidden-visible--hidden--Display: none;
6674
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6675
- display: var(--pf-v6-hidden-visible--Display);
6676
- flex-shrink: 0;
6677
- align-items: stretch;
6678
- align-self: stretch;
6679
- justify-content: center;
6680
- border: 0;
6681
- }
6682
-
6683
- .pf-v6-c-divider.pf-m-hidden {
6684
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6685
- }
6686
-
6687
- @media screen and (min-width: 36rem) {
6688
- .pf-v6-c-divider.pf-m-hidden-on-sm {
6689
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6690
- }
6691
- .pf-v6-c-divider.pf-m-visible-on-sm {
6692
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6693
- }
6694
- }
6695
- @media screen and (min-width: 48rem) {
6696
- .pf-v6-c-divider.pf-m-hidden-on-md {
6697
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6698
- }
6699
- .pf-v6-c-divider.pf-m-visible-on-md {
6700
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6701
- }
6702
- }
6703
- @media screen and (min-width: 62rem) {
6704
- .pf-v6-c-divider.pf-m-hidden-on-lg {
6705
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6706
- }
6707
- .pf-v6-c-divider.pf-m-visible-on-lg {
6708
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6709
- }
6710
- }
6711
- @media screen and (min-width: 75rem) {
6712
- .pf-v6-c-divider.pf-m-hidden-on-xl {
6713
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6714
- }
6715
- .pf-v6-c-divider.pf-m-visible-on-xl {
6716
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6717
- }
6718
- }
6719
- @media screen and (min-width: 90.625rem) {
6720
- .pf-v6-c-divider.pf-m-hidden-on-2xl {
6721
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6722
- }
6723
- .pf-v6-c-divider.pf-m-visible-on-2xl {
6724
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6725
- }
6726
- }
6727
- .pf-v6-c-divider::before {
6728
- flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
6729
- content: "";
6730
- background-color: var(--pf-v6-c-divider--Color);
6731
- border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
6732
- border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
6733
- }
6734
-
6735
- .pf-v6-c-divider.pf-m-horizontal {
6736
- flex-direction: row;
6737
- width: 100%;
6738
- height: var(--pf-v6-c-divider--Size);
5945
+ .pf-v6-c-form-control.pf-m-error > select {
5946
+ 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));
6739
5947
  }
6740
5948
 
6741
- .pf-v6-c-divider.pf-m-vertical {
6742
- flex-direction: column;
6743
- width: var(--pf-v6-c-divider--Size);
6744
- height: inherit;
5949
+ .pf-v6-c-form-control.pf-m-error.pf-m-icon > :is(input) {
5950
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6745
5951
  }
6746
5952
 
6747
- .pf-v6-c-divider.pf-m-inset-none {
6748
- --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
5953
+ .pf-v6-c-form-control.pf-m-success {
5954
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-success--after--BorderColor);
5955
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-success--hover--after--BorderColor);
5956
+ --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-success__icon--m-status--Color);
5957
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-success--after--BorderWidth);
6749
5958
  }
6750
5959
 
6751
- .pf-v6-c-divider.pf-m-inset-xs {
6752
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5960
+ .pf-v6-c-form-control.pf-m-success > textarea {
5961
+ padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-success--PaddingInlineEnd));
6753
5962
  }
6754
5963
 
6755
- .pf-v6-c-divider.pf-m-inset-sm {
6756
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5964
+ .pf-v6-c-form-control.pf-m-success > input {
5965
+ padding-inline-end: var(--pf-v6-c-form-control--m-success--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-success--PaddingInlineEnd));
6757
5966
  }
6758
5967
 
6759
- .pf-v6-c-divider.pf-m-inset-md {
6760
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5968
+ .pf-v6-c-form-control.pf-m-success > select {
5969
+ 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));
6761
5970
  }
6762
5971
 
6763
- .pf-v6-c-divider.pf-m-inset-lg {
6764
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5972
+ .pf-v6-c-form-control.pf-m-success.pf-m-icon > :is(input) {
5973
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6765
5974
  }
6766
5975
 
6767
- .pf-v6-c-divider.pf-m-inset-xl {
6768
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5976
+ .pf-v6-c-form-control.pf-m-warning {
5977
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-warning--after--BorderColor);
5978
+ --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-warning--hover--after--BorderColor);
5979
+ --pf-v6-c-form-control__icon--m-status--Color: var(--pf-v6-c-form-control--m-warning__icon--m-status--Color);
5980
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--m-warning--after--BorderWidth);
6769
5981
  }
6770
5982
 
6771
- .pf-v6-c-divider.pf-m-inset-2xl {
6772
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5983
+ .pf-v6-c-form-control.pf-m-warning > textarea {
5984
+ padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__textarea--m-warning--PaddingInlineEnd));
6773
5985
  }
6774
5986
 
6775
- .pf-v6-c-divider.pf-m-inset-3xl {
6776
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5987
+ .pf-v6-c-form-control.pf-m-warning > input {
5988
+ padding-inline-end: var(--pf-v6-c-form-control--m-warning--PaddingInlineEnd, var(--pf-v6-c-form-control__input--m-warning--PaddingInlineEnd));
6777
5989
  }
6778
5990
 
6779
- @media (min-width: 36rem) {
6780
- .pf-v6-c-divider.pf-m-horizontal-on-sm {
6781
- flex-direction: row;
6782
- width: 100%;
6783
- height: var(--pf-v6-c-divider--Size);
6784
- }
5991
+ .pf-v6-c-form-control.pf-m-warning > select {
5992
+ 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));
6785
5993
  }
6786
- @media (min-width: 36rem) {
6787
- .pf-v6-c-divider.pf-m-vertical-on-sm {
6788
- flex-direction: column;
6789
- width: var(--pf-v6-c-divider--Size);
6790
- height: inherit;
6791
- }
5994
+
5995
+ .pf-v6-c-form-control.pf-m-warning.pf-m-icon > :is(input) {
5996
+ padding-inline-end: var(--pf-v6-c-form-control--m-icon--icon--PaddingInlineEnd);
6792
5997
  }
6793
- @media (min-width: 36rem) {
6794
- .pf-v6-c-divider.pf-m-inset-none-on-sm {
6795
- --pf-v6-c-divider--before--FlexBasis: 100%;
6796
- }
6797
- .pf-v6-c-divider.pf-m-inset-xs-on-sm {
6798
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6799
- }
6800
- .pf-v6-c-divider.pf-m-inset-sm-on-sm {
6801
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6802
- }
6803
- .pf-v6-c-divider.pf-m-inset-md-on-sm {
6804
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6805
- }
6806
- .pf-v6-c-divider.pf-m-inset-lg-on-sm {
6807
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6808
- }
6809
- .pf-v6-c-divider.pf-m-inset-xl-on-sm {
6810
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6811
- }
6812
- .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
6813
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6814
- }
6815
- .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
6816
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6817
- }
5998
+
5999
+ .pf-v6-c-form-control:hover {
6000
+ --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--hover--after--BorderColor);
6001
+ --pf-v6-c-form-control--after--BorderWidth: var(--pf-v6-c-form-control--hover--after--BorderWidth);
6818
6002
  }
6819
- @media (min-width: 48rem) {
6820
- .pf-v6-c-divider.pf-m-horizontal-on-md {
6821
- flex-direction: row;
6822
- width: 100%;
6823
- height: var(--pf-v6-c-divider--Size);
6824
- }
6003
+
6004
+ .pf-v6-c-form-control.pf-m-icon {
6005
+ --pf-v6-c-form-control--PaddingInlineEnd: var(--pf-v6-c-form-control--m-icon--PaddingInlineEnd);
6825
6006
  }
6826
- @media (min-width: 48rem) {
6827
- .pf-v6-c-divider.pf-m-vertical-on-md {
6828
- flex-direction: column;
6829
- width: var(--pf-v6-c-divider--Size);
6830
- height: inherit;
6831
- }
6007
+
6008
+ .pf-v6-c-form-control:has(select) {
6009
+ --pf-v6-c-form-control--PaddingBlockStart: var(--pf-v6-c-form-control__select--PaddingBlockStart);
6010
+ --pf-v6-c-form-control--PaddingBlockEnd: var(--pf-v6-c-form-control__select--PaddingBlockEnd);
6011
+ --pf-v6-c-form-control--PaddingInlineStart: var(--pf-v6-c-form-control__select--PaddingInlineStart);
6012
+ --pf-v6-c-form-control--PaddingInlineEnd: calc(var(--pf-v6-c-form-control__select--PaddingInlineEnd) + var(--pf-v6-c-form-control__icon--FontSize));
6013
+ --pf-v6-c-form-control__utilities--PaddingInlineEnd: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
6832
6014
  }
6833
- @media (min-width: 48rem) {
6834
- .pf-v6-c-divider.pf-m-inset-none-on-md {
6835
- --pf-v6-c-divider--before--FlexBasis: 100%;
6836
- }
6837
- .pf-v6-c-divider.pf-m-inset-xs-on-md {
6838
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6839
- }
6840
- .pf-v6-c-divider.pf-m-inset-sm-on-md {
6841
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6842
- }
6843
- .pf-v6-c-divider.pf-m-inset-md-on-md {
6844
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6845
- }
6846
- .pf-v6-c-divider.pf-m-inset-lg-on-md {
6847
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6848
- }
6849
- .pf-v6-c-divider.pf-m-inset-xl-on-md {
6850
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6851
- }
6852
- .pf-v6-c-divider.pf-m-inset-2xl-on-md {
6853
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6854
- }
6855
- .pf-v6-c-divider.pf-m-inset-3xl-on-md {
6856
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6857
- }
6015
+
6016
+ .pf-v6-c-form-control:has(select) .pf-v6-c-form-control__utilities {
6017
+ padding-inline-end: var(--pf-v6-c-form-control__utilities--select--PaddingInlineEnd);
6858
6018
  }
6859
- @media (min-width: 62rem) {
6860
- .pf-v6-c-divider.pf-m-horizontal-on-lg {
6861
- flex-direction: row;
6862
- width: 100%;
6863
- height: var(--pf-v6-c-divider--Size);
6864
- }
6019
+
6020
+ .pf-v6-c-form-control.pf-m-placeholder > select {
6021
+ --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
6865
6022
  }
6866
- @media (min-width: 62rem) {
6867
- .pf-v6-c-divider.pf-m-vertical-on-lg {
6868
- flex-direction: column;
6869
- width: var(--pf-v6-c-divider--Size);
6870
- height: inherit;
6871
- }
6023
+
6024
+ .pf-v6-c-form-control.pf-m-placeholder > select * {
6025
+ color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
6872
6026
  }
6873
- @media (min-width: 62rem) {
6874
- .pf-v6-c-divider.pf-m-inset-none-on-lg {
6875
- --pf-v6-c-divider--before--FlexBasis: 100%;
6876
- }
6877
- .pf-v6-c-divider.pf-m-inset-xs-on-lg {
6878
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6879
- }
6880
- .pf-v6-c-divider.pf-m-inset-sm-on-lg {
6881
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6882
- }
6883
- .pf-v6-c-divider.pf-m-inset-md-on-lg {
6884
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6885
- }
6886
- .pf-v6-c-divider.pf-m-inset-lg-on-lg {
6887
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6888
- }
6889
- .pf-v6-c-divider.pf-m-inset-xl-on-lg {
6890
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6891
- }
6892
- .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
6893
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6894
- }
6895
- .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
6896
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6897
- }
6027
+
6028
+ .pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
6029
+ color: revert;
6898
6030
  }
6899
- @media (min-width: 75rem) {
6900
- .pf-v6-c-divider.pf-m-horizontal-on-xl {
6901
- flex-direction: row;
6902
- width: 100%;
6903
- height: var(--pf-v6-c-divider--Size);
6904
- }
6031
+
6032
+ .pf-v6-c-form-control > textarea {
6033
+ width: 100%;
6034
+ height: 100%;
6035
+ vertical-align: bottom;
6036
+ resize: none;
6905
6037
  }
6906
- @media (min-width: 75rem) {
6907
- .pf-v6-c-divider.pf-m-vertical-on-xl {
6908
- flex-direction: column;
6909
- width: var(--pf-v6-c-divider--Size);
6910
- height: inherit;
6911
- }
6038
+
6039
+ .pf-v6-c-form-control.pf-m-resize-vertical {
6040
+ --pf-v6-c-form-control--Resize: vertical;
6041
+ overflow: auto;
6912
6042
  }
6913
- @media (min-width: 75rem) {
6914
- .pf-v6-c-divider.pf-m-inset-none-on-xl {
6915
- --pf-v6-c-divider--before--FlexBasis: 100%;
6916
- }
6917
- .pf-v6-c-divider.pf-m-inset-xs-on-xl {
6918
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6919
- }
6920
- .pf-v6-c-divider.pf-m-inset-sm-on-xl {
6921
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6922
- }
6923
- .pf-v6-c-divider.pf-m-inset-md-on-xl {
6924
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6925
- }
6926
- .pf-v6-c-divider.pf-m-inset-lg-on-xl {
6927
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6928
- }
6929
- .pf-v6-c-divider.pf-m-inset-xl-on-xl {
6930
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6931
- }
6932
- .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
6933
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6934
- }
6935
- .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
6936
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6937
- }
6043
+
6044
+ .pf-v6-c-form-control.pf-m-resize-horizontal {
6045
+ --pf-v6-c-form-control--Resize: horizontal;
6046
+ overflow: auto;
6938
6047
  }
6939
- @media (min-width: 90.625rem) {
6940
- .pf-v6-c-divider.pf-m-horizontal-on-2xl {
6941
- flex-direction: row;
6942
- width: 100%;
6943
- height: var(--pf-v6-c-divider--Size);
6944
- }
6048
+
6049
+ .pf-v6-c-form-control.pf-m-resize-both {
6050
+ --pf-v6-c-form-control--Resize: both;
6051
+ overflow: auto;
6052
+ }
6053
+
6054
+ .pf-v6-c-form-control__icon {
6055
+ font-size: var(--pf-v6-c-form-control__icon--FontSize);
6056
+ color: var(--pf-v6-c-form-control__icon--Color);
6945
6057
  }
6946
- @media (min-width: 90.625rem) {
6947
- .pf-v6-c-divider.pf-m-vertical-on-2xl {
6948
- flex-direction: column;
6949
- width: var(--pf-v6-c-divider--Size);
6950
- height: inherit;
6951
- }
6058
+
6059
+ .pf-v6-c-form-control__icon.pf-m-status {
6060
+ --pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
6952
6061
  }
6953
- @media (min-width: 90.625rem) {
6954
- .pf-v6-c-divider.pf-m-inset-none-on-2xl {
6955
- --pf-v6-c-divider--before--FlexBasis: 100%;
6956
- }
6957
- .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
6958
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6959
- }
6960
- .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
6961
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6962
- }
6963
- .pf-v6-c-divider.pf-m-inset-md-on-2xl {
6964
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6965
- }
6966
- .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
6967
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6968
- }
6969
- .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
6970
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6971
- }
6972
- .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
6973
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6974
- }
6975
- .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
6976
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6977
- }
6062
+
6063
+ .pf-v6-c-form-control__toggle-icon {
6064
+ grid-row: 1/2;
6065
+ grid-column: 3;
6066
+ padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
6067
+ padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
6068
+ font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
6069
+ color: var(--pf-v6-c-form-control__toggle-icon--Color);
6070
+ pointer-events: none;
6071
+ }
6072
+
6073
+ .pf-v6-c-form-control__utilities {
6074
+ display: flex;
6075
+ flex-wrap: nowrap;
6076
+ grid-row: 1/2;
6077
+ grid-column: 2;
6078
+ gap: var(--pf-v6-c-form-control__utilities--Gap);
6079
+ padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
6080
+ padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
6081
+ pointer-events: none;
6978
6082
  }
6083
+
6979
6084
  .pf-v6-c-popover {
6980
6085
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
6981
6086
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -7028,456 +6133,1073 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
7028
6133
  --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
7029
6134
  }
7030
6135
 
7031
- .pf-v6-c-popover {
6136
+ .pf-v6-c-popover {
6137
+ position: relative;
6138
+ min-width: var(--pf-v6-c-popover--MinWidth);
6139
+ max-width: var(--pf-v6-c-popover--MaxWidth);
6140
+ font-size: var(--pf-v6-c-popover--FontSize);
6141
+ border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
6142
+ border-radius: var(--pf-v6-c-popover--BorderRadius);
6143
+ box-shadow: var(--pf-v6-c-popover--BoxShadow);
6144
+ }
6145
+
6146
+ .pf-v6-c-popover.pf-m-no-padding {
6147
+ --pf-v6-c-popover__content--PaddingBlockStart: 0px;
6148
+ --pf-v6-c-popover__content--PaddingInlineEnd: 0px;
6149
+ --pf-v6-c-popover__content--PaddingBlockEnd: 0px;
6150
+ --pf-v6-c-popover__content--PaddingInlineStart: 0px;
6151
+ }
6152
+
6153
+ .pf-v6-c-popover.pf-m-width-auto {
6154
+ --pf-v6-c-popover--MinWidth: auto;
6155
+ --pf-v6-c-popover--MaxWidth: none;
6156
+ }
6157
+
6158
+ .pf-v6-c-popover:is(.pf-m-top,
6159
+ .pf-m-top-left,
6160
+ .pf-m-top-right) {
6161
+ --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover--m-top--InsetBlockEnd, 0);
6162
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-top--InsetInlineStart, 50%);
6163
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-top--TranslateX);
6164
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
6165
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-top--Rotate);
6166
+ }
6167
+
6168
+ .pf-v6-c-popover:is(.pf-m-bottom,
6169
+ .pf-m-bottom-left,
6170
+ .pf-m-bottom-right) {
6171
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-bottom--InsetBlockStart, 0);
6172
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-bottom--InsetInlineStart, 50%);
6173
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-bottom--TranslateX);
6174
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-bottom--TranslateY);
6175
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-bottom--Rotate);
6176
+ }
6177
+
6178
+ .pf-v6-c-popover:is(.pf-m-left,
6179
+ .pf-m-left-top,
6180
+ .pf-m-left-bottom) {
6181
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-left--InsetBlockStart, 50%);
6182
+ --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover--m-left--InsetInlineEnd, 0);
6183
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
6184
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-left--TranslateY);
6185
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-left--Rotate);
6186
+ }
6187
+
6188
+ .pf-v6-c-popover:is(.pf-m-right,
6189
+ .pf-m-right-top,
6190
+ .pf-m-right-bottom) {
6191
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-right--InsetBlockStart, 50%);
6192
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-right--InsetInlineStart, 0);
6193
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-right--TranslateX);
6194
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-right--TranslateY);
6195
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-right--Rotate);
6196
+ }
6197
+
6198
+ .pf-v6-c-popover:is(.pf-m-left-top,
6199
+ .pf-m-right-top) {
6200
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart);
6201
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
6202
+ }
6203
+
6204
+ .pf-v6-c-popover:is(.pf-m-left-bottom,
6205
+ .pf-m-right-bottom) {
6206
+ --pf-v6-c-popover__arrow--InsetBlockStart: auto;
6207
+ --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd);
6208
+ }
6209
+
6210
+ .pf-v6-c-popover:is(.pf-m-top-left,
6211
+ .pf-m-bottom-left) {
6212
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
6213
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
6214
+ }
6215
+
6216
+ .pf-v6-c-popover:is(.pf-m-top-right,
6217
+ .pf-m-bottom-right) {
6218
+ --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
6219
+ --pf-v6-c-popover__arrow--InsetInlineStart: auto;
6220
+ }
6221
+
6222
+ .pf-v6-c-popover.pf-m-danger {
6223
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
6224
+ }
6225
+
6226
+ .pf-v6-c-popover.pf-m-warning {
6227
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
6228
+ }
6229
+
6230
+ .pf-v6-c-popover.pf-m-success {
6231
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
6232
+ }
6233
+
6234
+ .pf-v6-c-popover.pf-m-custom {
6235
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
6236
+ }
6237
+
6238
+ .pf-v6-c-popover.pf-m-info {
6239
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
6240
+ }
6241
+
6242
+ .pf-v6-c-popover__content {
6243
+ position: relative;
6244
+ padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
6245
+ padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
6246
+ padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
6247
+ padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
6248
+ background-color: var(--pf-v6-c-popover__content--BackgroundColor);
6249
+ border-radius: var(--pf-v6-c-popover__content--BorderRadius);
6250
+ }
6251
+
6252
+ .pf-v6-c-popover__close {
6253
+ position: absolute;
6254
+ inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
6255
+ inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
6256
+ }
6257
+
6258
+ .pf-v6-c-popover__close + * {
6259
+ padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
6260
+ }
6261
+
6262
+ .pf-v6-c-popover__arrow {
6263
+ position: absolute;
6264
+ top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
6265
+ right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
6266
+ bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
6267
+ left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
6268
+ width: var(--pf-v6-c-popover__arrow--Width);
6269
+ height: var(--pf-v6-c-popover__arrow--Height);
6270
+ pointer-events: none;
6271
+ background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
6272
+ border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
6273
+ box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
6274
+ transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
6275
+ }
6276
+
6277
+ .pf-v6-c-popover__header {
6278
+ margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
6279
+ }
6280
+
6281
+ .pf-v6-c-popover__title {
6282
+ display: flex;
6283
+ flex: 0 0 auto;
6284
+ }
6285
+
6286
+ .pf-v6-c-popover__title-icon {
6287
+ margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
6288
+ font-size: var(--pf-v6-c-popover__title-icon--FontSize);
6289
+ color: var(--pf-v6-c-popover__title-icon--Color);
6290
+ }
6291
+
6292
+ .pf-v6-c-popover__title-text {
6293
+ min-width: 0;
6294
+ font-size: var(--pf-v6-c-popover__title-text--FontSize);
6295
+ font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
6296
+ color: var(--pf-v6-c-popover__title-text--Color);
6297
+ overflow-wrap: break-word;
6298
+ }
6299
+
6300
+ .pf-v6-c-popover__body {
6301
+ word-wrap: break-word;
6302
+ }
6303
+
6304
+ .pf-v6-c-popover__footer {
6305
+ margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
6306
+ }
6307
+
6308
+ .pf-v6-c-button {
6309
+ --pf-v6-c-button--Display: inline-flex;
6310
+ --pf-v6-c-button--AlignItems: baseline;
6311
+ --pf-v6-c-button--JustifyContent: center;
6312
+ --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
6313
+ --pf-v6-c-button--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
6314
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
6315
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
6316
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
6317
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
6318
+ --pf-v6-c-button--Color: var(--pf-t--global--text--color--regular);
6319
+ --pf-v6-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
6320
+ --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
6321
+ --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
6322
+ --pf-v6-c-button--BackgroundColor: transparent;
6323
+ --pf-v6-c-button--BorderColor: transparent;
6324
+ --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
6325
+ --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
6326
+ --pf-v6-c-button--TextDecorationLine: none;
6327
+ --pf-v6-c-button--TextDecorationStyle: none;
6328
+ --pf-v6-c-button--TextDecorationColor: currentcolor;
6329
+ --pf-v6-c-button--TransitionDelay: 0s;
6330
+ --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
6331
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
6332
+ --pf-v6-c-button--TransitionProperty: color, background, border-color;
6333
+ --pf-v6-c-button--ScaleX: 1;
6334
+ --pf-v6-c-button--ScaleY: 1;
6335
+ --pf-v6-c-button--border--offset: 0;
6336
+ --pf-v6-c-button--hover--BackgroundColor: transparent;
6337
+ --pf-v6-c-button--hover--BorderColor: transparent;
6338
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
6339
+ --pf-v6-c-button--hover--TextDecorationLine: none;
6340
+ --pf-v6-c-button--hover--TextDecorationStyle: none;
6341
+ --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
6342
+ --pf-v6-c-button--hover--ScaleX: 1;
6343
+ --pf-v6-c-button--hover--ScaleY: 1;
6344
+ --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
6345
+ --pf-v6-c-button--m-clicked--BorderColor: transparent;
6346
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
6347
+ --pf-v6-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
6348
+ --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
6349
+ --pf-v6-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
6350
+ --pf-v6-c-button--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
6351
+ --pf-v6-c-button--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
6352
+ --pf-v6-c-button--m-primary--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
6353
+ --pf-v6-c-button--m-primary--m-clicked--Color: var(--pf-t--global--text--color--on-brand--clicked);
6354
+ --pf-v6-c-button--m-primary--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--clicked);
6355
+ --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
6356
+ --pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
6357
+ --pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
6358
+ --pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
6359
+ --pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
6360
+ --pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
6361
+ --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
6362
+ --pf-v6-c-button--m-secondary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
6363
+ --pf-v6-c-button--m-secondary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
6364
+ --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-t--global--border--color--brand--clicked);
6365
+ --pf-v6-c-button--m-secondary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
6366
+ --pf-v6-c-button--m-secondary--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
6367
+ --pf-v6-c-button--m-secondary--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
6368
+ --pf-v6-c-button--m-secondary--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
6369
+ --pf-v6-c-button--m-secondary--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
6370
+ --pf-v6-c-button--m-secondary--m-danger--hover--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
6371
+ --pf-v6-c-button--m-secondary--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--danger--hover);
6372
+ --pf-v6-c-button--m-secondary--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
6373
+ --pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor: var(--pf-t--global--border--color--status--danger--clicked);
6374
+ --pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
6375
+ --pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
6376
+ --pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
6377
+ --pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
6378
+ --pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
6379
+ --pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
6380
+ --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
6381
+ --pf-v6-c-button--m-tertiary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
6382
+ --pf-v6-c-button--m-tertiary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
6383
+ --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
6384
+ --pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
6385
+ --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--small);
6386
+ --pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
6387
+ --pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
6388
+ --pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
6389
+ --pf-v6-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
6390
+ --pf-v6-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
6391
+ --pf-v6-c-button--m-link--hover--Color: var(--pf-t--global--text--color--brand--hover);
6392
+ --pf-v6-c-button--m-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
6393
+ --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-t--global--text--color--brand--hover);
6394
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
6395
+ --pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
6396
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
6397
+ --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
6398
+ --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
6399
+ --pf-v6-c-button--m-link--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
6400
+ --pf-v6-c-button--m-link--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
6401
+ --pf-v6-c-button--m-link--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
6402
+ --pf-v6-c-button--m-link--BorderColor: var(--pf-t--global--border--color--high-contrast);
6403
+ --pf-v6-c-button--m-link--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
6404
+ --pf-v6-c-button--m-link--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
6405
+ --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
6406
+ --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
6407
+ --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
6408
+ --pf-v6-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
6409
+ --pf-v6-c-button--m-link--m-danger--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
6410
+ --pf-v6-c-button--m-link--m-danger--hover__icon--Color: var(--pf-t--global--text--color--status--danger--hover);
6411
+ --pf-v6-c-button--m-link--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
6412
+ --pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
6413
+ --pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
6414
+ --pf-v6-c-button--m-link--m-inline--Display: inline-flex;
6415
+ --pf-v6-c-button--m-link--m-inline--JustifyContent: flex-start;
6416
+ --pf-v6-c-button--m-link--m-inline--FontSize: initial;
6417
+ --pf-v6-c-button--m-link--m-inline--LineHeight: initial;
6418
+ --pf-v6-c-button--m-link--m-inline--FontWeight: initial;
6419
+ --pf-v6-c-button--m-link--m-inline--PaddingBlockStart: 0;
6420
+ --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
6421
+ --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
6422
+ --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
6423
+ --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
6424
+ --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
6425
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
6426
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
6427
+ --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
6428
+ --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));
6429
+ --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
6430
+ --pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
6431
+ --pf-v6-c-button--span--m-link--m-inline--Display: inline;
6432
+ --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
6433
+ --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
6434
+ --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
6435
+ --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
6436
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
6437
+ --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
6438
+ --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
6439
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
6440
+ --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
6441
+ --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
6442
+ --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
6443
+ --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
6444
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
6445
+ --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
6446
+ --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
6447
+ --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
6448
+ --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
6449
+ --pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
6450
+ --pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
6451
+ --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
6452
+ --pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
6453
+ --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
6454
+ --pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
6455
+ --pf-v6-c-button--m-plain--BorderWidth: var(--pf-t--global--border--width--action--plain--default);
6456
+ --pf-v6-c-button--m-plain--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--plain--clicked);
6457
+ --pf-v6-c-button--m-plain--hover--BorderWidth: var(--pf-t--global--border--width--action--plain--hover);
6458
+ --pf-v6-c-button--m-plain--BorderColor: transparent;
6459
+ --pf-v6-c-button--m-plain--m-clicked--BorderColor: var(--pf-t--global--border--color--high-contrast);
6460
+ --pf-v6-c-button--m-plain--hover--BorderColor: var(--pf-t--global--border--color--high-contrast);
6461
+ --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
6462
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
6463
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
6464
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
6465
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
6466
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
6467
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
6468
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
6469
+ --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
6470
+ --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
6471
+ --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
6472
+ --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
6473
+ --pf-v6-c-button--m-plain--m-no-padding--border--offset: calc(0.125rem * -1);
6474
+ --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
6475
+ --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
6476
+ --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
6477
+ --pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
6478
+ --pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
6479
+ --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
6480
+ --pf-v6-c-button--m-control--BorderWidth: var(--pf-t--global--border--width--control--default);
6481
+ --pf-v6-c-button--m-control__icon--Color: var(--pf-t--global--icon--color--regular);
6482
+ --pf-v6-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
6483
+ --pf-v6-c-button--m-control--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
6484
+ --pf-v6-c-button--m-control--hover--BorderColor: var(--pf-t--global--border--color--hover);
6485
+ --pf-v6-c-button--m-control--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
6486
+ --pf-v6-c-button--m-control--hover__icon--Color: var(--pf-t--global--icon--color--regular);
6487
+ --pf-v6-c-button--m-control--m-clicked--Color: var(--pf-t--global--text--color--regular);
6488
+ --pf-v6-c-button--m-control--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
6489
+ --pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
6490
+ --pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
6491
+ --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
6492
+ --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
6493
+ --pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
6494
+ --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
6495
+ --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
6496
+ --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
6497
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
6498
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
6499
+ --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
6500
+ --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
6501
+ --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
6502
+ --pf-v6-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
6503
+ --pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
6504
+ --pf-v6-c-button--m-read--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
6505
+ --pf-v6-c-button--m-unread--Color: var(--pf-t--global--text--color--status--unread--on-default--default);
6506
+ --pf-v6-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default);
6507
+ --pf-v6-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--default);
6508
+ --pf-v6-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--status--unread--on-default--hover);
6509
+ --pf-v6-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--hover);
6510
+ --pf-v6-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--hover);
6511
+ --pf-v6-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-default--clicked);
6512
+ --pf-v6-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--clicked);
6513
+ --pf-v6-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--clicked);
6514
+ --pf-v6-c-button--m-attention--Color: var(--pf-t--global--text--color--status--unread--on-attention--default);
6515
+ --pf-v6-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--unread--attention--default);
6516
+ --pf-v6-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--default);
6517
+ --pf-v6-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--unread--on-attention--hover);
6518
+ --pf-v6-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--unread--attention--hover);
6519
+ --pf-v6-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--hover);
6520
+ --pf-v6-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-attention--clicked);
6521
+ --pf-v6-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--attention--clicked);
6522
+ --pf-v6-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--clicked);
6523
+ --pf-v6-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
6524
+ --pf-v6-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
6525
+ --pf-v6-c-button--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
6526
+ --pf-v6-c-button--m-warning--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
6527
+ --pf-v6-c-button--m-warning--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
6528
+ --pf-v6-c-button--m-warning--hover__icon--Color: var(--pf-t--global--icon--color--status--on-warning--hover);
6529
+ --pf-v6-c-button--m-warning--m-clicked--Color: var(--pf-t--global--text--color--status--on-warning--clicked);
6530
+ --pf-v6-c-button--m-warning--m-clicked--BackgroundColor: var(--pf-t--global--color--status--warning--clicked);
6531
+ --pf-v6-c-button--m-warning--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-warning--clicked);
6532
+ --pf-v6-c-button--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
6533
+ --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
6534
+ --pf-v6-c-button--m-danger__icon--Color: var(--pf-t--global--icon--color--status--on-danger--default);
6535
+ --pf-v6-c-button--m-danger--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
6536
+ --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
6537
+ --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--on-danger--hover);
6538
+ --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
6539
+ --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
6540
+ --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
6541
+ --pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--spacious);
6542
+ --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
6543
+ --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
6544
+ --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
6545
+ --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
6546
+ --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
6547
+ --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
6548
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
6549
+ --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
6550
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
6551
+ --pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
6552
+ --pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
6553
+ --pf-v6-c-button--disabled--TextDecorationColor: currentcolor;
6554
+ --pf-v6-c-button--disabled--BorderColor: transparent;
6555
+ --pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
6556
+ --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
6557
+ --pf-v6-c-button--hover__icon--Color: var(--pf-t--global--icon--color--regular);
6558
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
6559
+ --pf-v6-c-button__icon--MarginInlineStart: 0;
6560
+ --pf-v6-c-button__icon--MarginInlineEnd: 0;
6561
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
6562
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
6563
+ --pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
6564
+ --pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
6565
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
6566
+ --pf-v6-c-button__icon--TransitionTimingFunction: auto;
6567
+ --pf-v6-c-button__icon--TransitionDuration: 0s;
6568
+ --pf-v6-c-button__icon--TransitionProperty: none;
6569
+ --pf-v6-c-button__icon--Rotate: 0deg;
6570
+ --pf-v6-c-button--hover__icon--TransitionTimingFunction: auto;
6571
+ --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
6572
+ --pf-v6-c-button--hover__icon--TransitionProperty: none;
6573
+ --pf-v6-c-button--hover__icon--Rotate: 0deg;
6574
+ --pf-v6-c-button__icon--ScaleX: 1;
6575
+ --pf-v6-c-button__icon--ScaleY: 1;
6576
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
6577
+ --pf-v6-c-button--hover__icon--ScaleY: 1;
6578
+ --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
6579
+ --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
6580
+ --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
6581
+ --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
6582
+ --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
6583
+ --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
6584
+ --pf-v6-c-button__icon--favorite--Opacity: 1;
6585
+ --pf-v6-c-button__icon--favorited--Opacity: 0;
6586
+ --pf-v6-c-button--m-favorited__icon--favorite--Opacity: 0;
6587
+ --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
6588
+ --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
6589
+ --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
6590
+ --pf-v6-c-button__progress--Opacity: 0;
6591
+ --pf-v6-c-button__progress--TranslateY: -50%;
6592
+ --pf-v6-c-button__progress--TranslateX: 0;
6593
+ --pf-v6-c-button__progress--InsetBlockStart: 50%;
6594
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
6595
+ --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
6596
+ --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
6597
+ --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
6598
+ --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
6599
+ --pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width));
6600
+ --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
6601
+ --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
6602
+ --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
6603
+ --pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
6604
+ --pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
6605
+ --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
6606
+ --pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
6607
+ --pf-v6-c-button--m-settings--hover__icon--Rotate: 60deg;
6608
+ --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--alt);
6609
+ --pf-v6-c-button--m-block--Display: flex;
6610
+ --pf-v6-c-button--m-block--Width: 100%;
6611
+ --pf-v6-c-button--hamburger-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--decelerate);
6612
+ --pf-v6-c-button--hamburger-icon--TransitionDuration: var(--pf-t--global--motion--duration--md);
6613
+ --pf-v6-c-button--hamburger-icon--top--path--base: path("M1,1 L9,1");
6614
+ --pf-v6-c-button--hamburger-icon--middle--path--base: path("M1,5 L9,5");
6615
+ --pf-v6-c-button--hamburger-icon--arrow--path--base: path("M1,5 L1,5 L1,5");
6616
+ --pf-v6-c-button--hamburger-icon--bottom--path--base: path("M9,9 L1,9");
6617
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--path--base);
6618
+ --pf-v6-c-button--hamburger-icon--middle--path: var(--pf-v6-c-button--hamburger-icon--middle--path--base);
6619
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--path--base);
6620
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--path--base);
6621
+ --pf-v6-c-button--hamburger-icon--top--collapse--path: path("M5,1 L9,1");
6622
+ --pf-v6-c-button--hamburger-icon--arrow--collapse--path: path("M3,7 L1,5 L3,3");
6623
+ --pf-v6-c-button--hamburger-icon--bottom--collapse--path: path("M9,9 L5,9");
6624
+ --pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX: -1;
6625
+ }
6626
+
6627
+ .pf-v6-c-button {
7032
6628
  position: relative;
7033
- min-width: var(--pf-v6-c-popover--MinWidth);
7034
- max-width: var(--pf-v6-c-popover--MaxWidth);
7035
- font-size: var(--pf-v6-c-popover--FontSize);
7036
- border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
7037
- border-radius: var(--pf-v6-c-popover--BorderRadius);
7038
- box-shadow: var(--pf-v6-c-popover--BoxShadow);
6629
+ display: var(--pf-v6-c-button--Display);
6630
+ gap: var(--pf-v6-c-button--Gap);
6631
+ align-items: var(--pf-v6-c-button--AlignItems);
6632
+ justify-content: var(--pf-v6-c-button--JustifyContent);
6633
+ min-width: var(--pf-v6-c-button--MinWidth);
6634
+ padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
6635
+ padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
6636
+ padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
6637
+ padding-inline-end: var(--pf-v6-c-button--PaddingInlineEnd);
6638
+ font-size: var(--pf-v6-c-button--FontSize, inherit);
6639
+ font-weight: var(--pf-v6-c-button--FontWeight, inherit);
6640
+ line-height: var(--pf-v6-c-button--LineHeight, inherit);
6641
+ color: var(--pf-v6-c-button--Color);
6642
+ text-align: center;
6643
+ text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
6644
+ text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
6645
+ text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
6646
+ white-space: nowrap;
6647
+ cursor: pointer;
6648
+ -webkit-user-select: none;
6649
+ user-select: none;
6650
+ background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
6651
+ border: 0;
6652
+ border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
6653
+ border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
6654
+ border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
6655
+ border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
6656
+ transition-delay: var(--pf-v6-c-button--TransitionDelay);
6657
+ transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
6658
+ transition-duration: var(--pf-v6-c-button--TransitionDuration);
6659
+ transition-property: var(--pf-v6-c-button--TransitionProperty);
6660
+ scale: var(--pf-v6-c-button--ScaleX) var(--pf-v6-c-button--ScaleY);
7039
6661
  }
7040
6662
 
7041
- .pf-v6-c-popover.pf-m-no-padding {
7042
- --pf-v6-c-popover__content--PaddingBlockStart: 0px;
7043
- --pf-v6-c-popover__content--PaddingInlineEnd: 0px;
7044
- --pf-v6-c-popover__content--PaddingBlockEnd: 0px;
7045
- --pf-v6-c-popover__content--PaddingInlineStart: 0px;
6663
+ .pf-v6-c-button::after {
6664
+ position: absolute;
6665
+ inset: var(--pf-v6-c-button--border--offset);
6666
+ pointer-events: none;
6667
+ content: "";
6668
+ border: var(--pf-v6-c-button--BorderWidth) solid;
6669
+ border-color: var(--pf-v6-c-button--BorderColor);
6670
+ border-radius: inherit;
6671
+ transition: inherit;
7046
6672
  }
7047
6673
 
7048
- .pf-v6-c-popover.pf-m-width-auto {
7049
- --pf-v6-c-popover--MinWidth: auto;
7050
- --pf-v6-c-popover--MaxWidth: none;
6674
+ .pf-v6-c-button.pf-m-primary {
6675
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-primary--Color);
6676
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-primary--BackgroundColor);
6677
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-primary__icon--Color);
6678
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-primary--hover--Color);
6679
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-primary--hover--BackgroundColor);
6680
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-primary--hover__icon--Color);
6681
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-primary--m-clicked--Color);
6682
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-primary--m-clicked--BackgroundColor);
6683
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-primary--m-clicked__icon--Color);
7051
6684
  }
7052
6685
 
7053
- .pf-v6-c-popover:is(.pf-m-top,
7054
- .pf-m-top-left,
7055
- .pf-m-top-right) {
7056
- --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover--m-top--InsetBlockEnd, 0);
7057
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-top--InsetInlineStart, 50%);
7058
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-top--TranslateX);
7059
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
7060
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-top--Rotate);
6686
+ .pf-v6-c-button.pf-m-primary .pf-v6-c-badge.pf-m-unread {
6687
+ --pf-v6-c-badge--BorderColor: var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
7061
6688
  }
7062
6689
 
7063
- .pf-v6-c-popover:is(.pf-m-bottom,
7064
- .pf-m-bottom-left,
7065
- .pf-m-bottom-right) {
7066
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-bottom--InsetBlockStart, 0);
7067
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-bottom--InsetInlineStart, 50%);
7068
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-bottom--TranslateX);
7069
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-bottom--TranslateY);
7070
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-bottom--Rotate);
6690
+ .pf-v6-c-button.pf-m-secondary {
6691
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
6692
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
6693
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
6694
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
6695
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
6696
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
6697
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-secondary--hover__icon--Color);
6698
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-clicked--Color);
6699
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-clicked--BorderColor);
6700
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-clicked__icon--Color);
6701
+ --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-secondary--m-danger--Color);
6702
+ --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger__icon--Color);
6703
+ --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover--Color);
6704
+ --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover__icon--Color);
6705
+ --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--Color);
6706
+ --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color);
7071
6707
  }
7072
6708
 
7073
- .pf-v6-c-popover:is(.pf-m-left,
7074
- .pf-m-left-top,
7075
- .pf-m-left-bottom) {
7076
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-left--InsetBlockStart, 50%);
7077
- --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover--m-left--InsetInlineEnd, 0);
7078
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
7079
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-left--TranslateY);
7080
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-left--Rotate);
6709
+ .pf-v6-c-button.pf-m-secondary.pf-m-danger {
6710
+ --pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--BorderColor);
6711
+ --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--hover--BorderColor);
6712
+ --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor);
6713
+ --pf-v6-c-button--m-danger--BackgroundColor: transparent;
6714
+ --pf-v6-c-button--m-danger--hover--BackgroundColor: transparent;
6715
+ --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: transparent;
7081
6716
  }
7082
6717
 
7083
- .pf-v6-c-popover:is(.pf-m-right,
7084
- .pf-m-right-top,
7085
- .pf-m-right-bottom) {
7086
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-right--InsetBlockStart, 50%);
7087
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-right--InsetInlineStart, 0);
7088
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-right--TranslateX);
7089
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-right--TranslateY);
7090
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-right--Rotate);
6718
+ .pf-v6-c-button.pf-m-tertiary {
6719
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
6720
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
6721
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
6722
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
6723
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
6724
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
6725
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-tertiary--hover__icon--Color);
6726
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-tertiary--m-clicked--Color);
6727
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-tertiary--m-clicked--BorderColor);
6728
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-tertiary--m-clicked__icon--Color);
7091
6729
  }
7092
6730
 
7093
- .pf-v6-c-popover:is(.pf-m-left-top,
7094
- .pf-m-right-top) {
7095
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart);
7096
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
6731
+ .pf-v6-c-button.pf-m-link {
6732
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
6733
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
6734
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
6735
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-link--BorderWidth);
6736
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-link--hover--BorderColor);
6737
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-link--hover--BorderWidth);
6738
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-link--m-clicked--BorderColor);
6739
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-link--m-clicked--BorderWidth);
6740
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-link--BorderColor);
6741
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
6742
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
6743
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
6744
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-link--hover--Color);
6745
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-link--hover--BackgroundColor);
6746
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-link--hover__icon--Color);
6747
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
6748
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
6749
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
6750
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
6751
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
7097
6752
  }
7098
6753
 
7099
- .pf-v6-c-popover:is(.pf-m-left-bottom,
7100
- .pf-m-right-bottom) {
7101
- --pf-v6-c-popover__arrow--InsetBlockStart: auto;
7102
- --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd);
6754
+ .pf-v6-c-button.pf-m-link.pf-m-inline {
6755
+ --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
6756
+ --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
6757
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
6758
+ --pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
6759
+ --pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
6760
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockStart);
6761
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
6762
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
6763
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
6764
+ --pf-v6-c-button--BackgroundColor: transparent;
6765
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
6766
+ --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
6767
+ --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
6768
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
6769
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
6770
+ --pf-v6-c-button--hover--BackgroundColor: transparent;
6771
+ --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
6772
+ --pf-v6-c-button--disabled--BackgroundColor: transparent;
6773
+ --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
6774
+ --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
6775
+ --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
6776
+ --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
6777
+ --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
6778
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
6779
+ --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
6780
+ --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
6781
+ --pf-v6-c-button--BorderWidth: 0;
6782
+ --pf-v6-c-button--hover--BorderWidth: 0;
6783
+ --pf-v6-c-button--m-clicked--BorderWidth: 0;
6784
+ text-align: start;
6785
+ white-space: normal;
6786
+ background: transparent;
6787
+ outline-offset: 0.125rem;
7103
6788
  }
7104
6789
 
7105
- .pf-v6-c-popover:is(.pf-m-top-left,
7106
- .pf-m-bottom-left) {
7107
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
7108
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
6790
+ span.pf-v6-c-button.pf-m-link.pf-m-inline {
6791
+ --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
6792
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
6793
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
6794
+ }
6795
+
6796
+ .pf-v6-c-button.pf-m-link.pf-m-danger {
6797
+ --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
6798
+ --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
6799
+ --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-link--m-danger__icon--Color);
6800
+ --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-link--m-danger--hover--Color);
6801
+ --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--hover--BackgroundColor);
6802
+ --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-link--m-danger--hover__icon--Color);
6803
+ --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked--Color);
6804
+ --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor);
6805
+ --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color);
6806
+ }
6807
+
6808
+ .pf-v6-c-button.pf-m-link.pf-m-display-lg {
6809
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-display-lg--FontSize);
7109
6810
  }
7110
6811
 
7111
- .pf-v6-c-popover:is(.pf-m-top-right,
7112
- .pf-m-bottom-right) {
7113
- --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
7114
- --pf-v6-c-popover__arrow--InsetInlineStart: auto;
6812
+ .pf-v6-c-button.pf-m-warning {
6813
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-warning--Color);
6814
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-warning--BackgroundColor);
6815
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-warning__icon--Color);
6816
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-warning--hover--Color);
6817
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-warning--hover--BackgroundColor);
6818
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-warning--hover__icon--Color);
6819
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-warning--m-clicked--Color);
6820
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-warning--m-clicked--BackgroundColor);
6821
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-warning--m-clicked__icon--Color);
7115
6822
  }
7116
6823
 
7117
- .pf-v6-c-popover.pf-m-danger {
7118
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
6824
+ .pf-v6-c-button.pf-m-danger {
6825
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-danger--Color);
6826
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-danger--BackgroundColor);
6827
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-danger__icon--Color);
6828
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-danger--hover--Color);
6829
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-danger--hover--BackgroundColor);
6830
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-danger--hover__icon--Color);
6831
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-danger--m-clicked--Color);
6832
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-danger--m-clicked--BackgroundColor);
6833
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-danger--m-clicked__icon--Color);
7119
6834
  }
7120
6835
 
7121
- .pf-v6-c-popover.pf-m-warning {
7122
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
6836
+ .pf-v6-c-button.pf-m-control {
6837
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-control--BorderRadius);
6838
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-control--PaddingInlineStart);
6839
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-control--PaddingInlineEnd);
6840
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-control--Color);
6841
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-control--BackgroundColor);
6842
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-control--BorderColor);
6843
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-control--BorderWidth);
6844
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-control__icon--Color);
6845
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-control--hover--Color);
6846
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-control--hover--BackgroundColor);
6847
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-control--hover--BorderColor);
6848
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-control--hover--BorderWidth);
6849
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-control--hover__icon--Color);
6850
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-control--m-clicked--Color);
6851
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-control--m-clicked--BackgroundColor);
6852
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
6853
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
6854
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
6855
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
6856
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
7123
6857
  }
7124
6858
 
7125
- .pf-v6-c-popover.pf-m-success {
7126
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
6859
+ .pf-v6-c-button.pf-m-stateful {
6860
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
6861
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
6862
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
6863
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
6864
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
7127
6865
  }
7128
6866
 
7129
- .pf-v6-c-popover.pf-m-custom {
7130
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
6867
+ .pf-v6-c-button.pf-m-read {
6868
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
6869
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-read--BorderColor);
6870
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-read--hover--BackgroundColor);
6871
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-read--hover--BorderColor);
6872
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-read--m-clicked--BackgroundColor);
6873
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-read--m-clicked--BorderColor);
7131
6874
  }
7132
6875
 
7133
- .pf-v6-c-popover.pf-m-info {
7134
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
6876
+ .pf-v6-c-button.pf-m-unread {
6877
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-unread--Color);
6878
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-unread--BackgroundColor);
6879
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-unread__icon--Color);
6880
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-unread--hover--Color);
6881
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-unread--hover--BackgroundColor);
6882
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-unread--hover__icon--Color);
6883
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-unread--m-clicked--Color);
6884
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-unread--m-clicked--BackgroundColor);
6885
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-unread--m-clicked__icon--Color);
7135
6886
  }
7136
6887
 
7137
- .pf-v6-c-popover__content {
7138
- position: relative;
7139
- padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
7140
- padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
7141
- padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
7142
- padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
7143
- background-color: var(--pf-v6-c-popover__content--BackgroundColor);
7144
- border-radius: var(--pf-v6-c-popover__content--BorderRadius);
6888
+ .pf-v6-c-button.pf-m-attention {
6889
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-attention--Color);
6890
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-attention--BackgroundColor);
6891
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-attention__icon--Color);
6892
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-attention--hover--Color);
6893
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-attention--hover--BackgroundColor);
6894
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-attention--hover__icon--Color);
6895
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-attention--m-clicked--Color);
6896
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-attention--m-clicked--BackgroundColor);
6897
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
7145
6898
  }
7146
6899
 
7147
- .pf-v6-c-popover__close {
7148
- position: absolute;
7149
- inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
7150
- inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
6900
+ .pf-v6-c-button.pf-m-plain {
6901
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-plain--BorderWidth);
6902
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-plain--hover--BorderColor);
6903
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-plain--hover--BorderWidth);
6904
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-plain--m-clicked--BorderColor);
6905
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-plain--m-clicked--BorderWidth);
6906
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-plain--BorderColor);
6907
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
6908
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
6909
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
6910
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
6911
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
6912
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--PaddingInlineStart);
6913
+ --pf-v6-c-button__progress--Color: var(--pf-v6-c-button--m-in-progress--m-plain--Color);
6914
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-plain--hover--Color);
6915
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--hover--BackgroundColor);
6916
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-plain--m-clicked--Color);
6917
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-clicked--BackgroundColor);
6918
+ --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
6919
+ --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
6920
+ --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
6921
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
6922
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
7151
6923
  }
7152
6924
 
7153
- .pf-v6-c-popover__close + * {
7154
- padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
6925
+ .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
6926
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
6927
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
6928
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
6929
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
6930
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
6931
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
6932
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
6933
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
6934
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
6935
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
6936
+ --pf-v6-c-button--border--offset: var(--pf-v6-c-button--m-plain--m-no-padding--border--offset);
6937
+ min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
6938
+ background: var(--pf-v6-c-button--BackgroundColor);
7155
6939
  }
7156
6940
 
7157
- .pf-v6-c-popover__arrow {
7158
- position: absolute;
7159
- top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
7160
- right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
7161
- bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
7162
- left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
7163
- width: var(--pf-v6-c-popover__arrow--Width);
7164
- height: var(--pf-v6-c-popover__arrow--Height);
7165
- pointer-events: none;
7166
- background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
7167
- border: var(--pf-v6-c-popover--BorderWidth) solid var(--pf-v6-c-popover--BorderColor);
7168
- box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
7169
- transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
6941
+ .pf-v6-c-button.pf-m-block {
6942
+ --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
6943
+ width: var(--pf-v6-c-button--m-block--Width);
7170
6944
  }
7171
6945
 
7172
- .pf-v6-c-popover__header {
7173
- margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
6946
+ .pf-v6-c-button.pf-m-small {
6947
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
6948
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-small--PaddingInlineEnd);
6949
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-small--PaddingBlockEnd);
6950
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-small--PaddingInlineStart);
7174
6951
  }
7175
6952
 
7176
- .pf-v6-c-popover__title {
7177
- display: flex;
7178
- flex: 0 0 auto;
6953
+ .pf-v6-c-button.pf-m-display-lg {
6954
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-display-lg--PaddingBlockStart);
6955
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-display-lg--PaddingInlineEnd);
6956
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
6957
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
6958
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
7179
6959
  }
7180
6960
 
7181
- .pf-v6-c-popover__title-icon {
7182
- margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
7183
- font-size: var(--pf-v6-c-popover__title-icon--FontSize);
7184
- color: var(--pf-v6-c-popover__title-icon--Color);
6961
+ .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
6962
+ display: grid;
6963
+ transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
6964
+ transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
6965
+ transition-property: color;
7185
6966
  }
7186
6967
 
7187
- .pf-v6-c-popover__title-text {
7188
- min-width: 0;
7189
- font-size: var(--pf-v6-c-popover__title-text--FontSize);
7190
- font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
7191
- color: var(--pf-v6-c-popover__title-text--Color);
7192
- overflow-wrap: break-word;
6968
+ .pf-v6-c-button.pf-m-favorited {
6969
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
6970
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
6971
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
6972
+ --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
6973
+ --pf-v6-c-button__icon--favorite--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorite--Opacity);
6974
+ --pf-v6-c-button__icon--favorited--Opacity: var(--pf-v6-c-button--m-favorited__icon--favorited--Opacity);
7193
6975
  }
7194
6976
 
7195
- .pf-v6-c-popover__body {
7196
- word-wrap: break-word;
6977
+ .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
6978
+ animation-name: pf-v6-c-button-icon-favorited;
6979
+ animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
6980
+ animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
7197
6981
  }
7198
6982
 
7199
- .pf-v6-c-popover__footer {
7200
- margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
6983
+ .pf-v6-c-button.pf-m-settings {
6984
+ --pf-v6-c-button__icon--TransitionProperty: rotate;
6985
+ --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--m-settings__icon--TransitionDuration);
6986
+ --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings__icon--TransitionTimingFunction);
6987
+ --pf-v6-c-button--hover__icon--TransitionProperty: rotate;
6988
+ --pf-v6-c-button--hover__icon--TransitionDuration: var(--pf-v6-c-button--m-settings--hover__icon--TransitionDuration);
6989
+ --pf-v6-c-button--hover__icon--TransitionTimingFunction: var(--pf-v6-c-button--m-settings--hover__icon--TransitionTimingFunction);
6990
+ --pf-v6-c-button--hover__icon--Rotate: var(--pf-v6-c-button--m-settings--hover__icon--Rotate);
7201
6991
  }
7202
6992
 
7203
- .pf-v6-c-spinner {
7204
- --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
7205
- --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
7206
- --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
7207
- --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
7208
- --pf-v6-c-spinner--AnimationDuration: 1.4s;
7209
- --pf-v6-c-spinner--AnimationTimingFunction: linear;
7210
- --pf-v6-c-spinner--StrokeWidth: 10;
7211
- --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
7212
- --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
7213
- --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
7214
- --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
7215
- --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
7216
- --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
7217
- --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
7218
- --pf-v6-c-spinner--m-inline--diameter: 1em;
6993
+ .pf-v6-c-button.pf-m-hamburger {
6994
+ --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
6995
+ --pf-v6-c-button__icon--TransitionDuration: 0s;
6996
+ --pf-v6-c-button__icon--TransitionProperty: scale;
6997
+ --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
6998
+ --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
6999
+ --pf-v6-c-button--hover__icon--TransitionProperty: scale;
7219
7000
  }
7220
7001
 
7221
- .pf-v6-c-spinner {
7222
- width: var(--pf-v6-c-spinner--Width);
7223
- height: var(--pf-v6-c-spinner--Height);
7224
- overflow: hidden;
7225
- animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
7002
+ .pf-v6-c-button.pf-m-hamburger.pf-m-expand {
7003
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
7004
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
7005
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
7006
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
7007
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
7008
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
7009
+ --pf-v6-c-button--hover__icon--ScaleX: var(--pf-v6-c-button--m-hamburger__icon--m-expand--ScaleX);
7226
7010
  }
7227
7011
 
7228
- .pf-v6-c-spinner.pf-m-inline {
7229
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
7012
+ .pf-v6-c-button.pf-m-hamburger.pf-m-collapse {
7013
+ --pf-v6-c-button--hamburger-icon--top--path: var(--pf-v6-c-button--hamburger-icon--top--collapse--path);
7014
+ --pf-v6-c-button--hamburger-icon--arrow--path: var(--pf-v6-c-button--hamburger-icon--arrow--collapse--path);
7015
+ --pf-v6-c-button--hamburger-icon--bottom--path: var(--pf-v6-c-button--hamburger-icon--bottom--collapse--path);
7016
+ --pf-v6-c-button__icon--TransitionDelay: 0s;
7017
+ --pf-v6-c-button__icon--ScaleX: 1;
7018
+ --pf-v6-c-button--hover__icon--TransitionDelay: 0s;
7019
+ --pf-v6-c-button--hover__icon--ScaleX: 1;
7230
7020
  }
7231
7021
 
7232
- .pf-v6-c-spinner.pf-m-xs {
7233
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
7234
- --pf-v6-c-spinner--StrokeWidth: 15;
7022
+ .pf-v6-c-button:hover, .pf-v6-c-button:focus {
7023
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
7024
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
7025
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
7026
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
7027
+ --pf-v6-c-button--ScaleX: var(--pf-v6-c-button--hover--ScaleX);
7028
+ --pf-v6-c-button--ScaleY: var(--pf-v6-c-button--hover--ScaleY);
7029
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
7030
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
7031
+ --pf-v6-c-button__icon--TransitionTimingFunction: var(--pf-v6-c-button--hover__icon--TransitionTimingFunction);
7032
+ --pf-v6-c-button__icon--TransitionDuration: var(--pf-v6-c-button--hover__icon--TransitionDuration);
7033
+ --pf-v6-c-button__icon--TransitionProperty: var(--pf-v6-c-button--hover__icon--TransitionProperty);
7034
+ --pf-v6-c-button__icon--Rotate: var(--pf-v6-c-button--hover__icon--Rotate);
7035
+ --pf-v6-c-button__icon--ScaleX: var(--pf-v6-c-button--hover__icon--ScaleX);
7036
+ --pf-v6-c-button__icon--ScaleY: var(--pf-v6-c-button--hover__icon--ScaleY);
7037
+ text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
7038
+ text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
7039
+ text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
7040
+ outline-offset: var(--pf-t--global--focus-ring--position--offset);
7235
7041
  }
7236
7042
 
7237
- .pf-v6-c-spinner.pf-m-sm {
7238
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
7043
+ .pf-v6-c-button:active, .pf-v6-c-button.pf-m-clicked {
7044
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
7045
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
7046
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
7047
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
7048
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
7239
7049
  }
7240
7050
 
7241
- .pf-v6-c-spinner.pf-m-md {
7242
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
7051
+ .pf-v6-c-button:active {
7052
+ background-size: 100% 100%;
7053
+ transition-duration: 0s;
7243
7054
  }
7244
7055
 
7245
- .pf-v6-c-spinner.pf-m-lg {
7246
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
7056
+ .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
7057
+ pointer-events: none;
7247
7058
  }
7248
7059
 
7249
- .pf-v6-c-spinner.pf-m-xl {
7250
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
7060
+ .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
7061
+ color: var(--pf-v6-c-button--disabled--Color);
7062
+ text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
7063
+ background: var(--pf-v6-c-button--disabled--BackgroundColor);
7251
7064
  }
7252
7065
 
7253
- .pf-v6-c-spinner__path {
7254
- width: 100%;
7255
- height: 100%;
7256
- stroke: var(--pf-v6-c-spinner--Color);
7257
- stroke-dasharray: 283;
7258
- stroke-dashoffset: 280;
7259
- stroke-linecap: round;
7260
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
7261
- transform-origin: 50% 50%;
7262
- animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
7066
+ .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
7067
+ border-color: transparent;
7263
7068
  }
7264
7069
 
7265
- @keyframes pf-v6-c-spinner-animation-rotate {
7266
- 0% {
7267
- transform: rotate(0deg);
7268
- }
7269
- 100% {
7270
- transform: rotate(360deg);
7271
- }
7272
- }
7273
- @keyframes pf-v6-c-spinner-animation-dash {
7274
- 0% {
7275
- stroke-dashoffset: 280;
7276
- transform: rotate(0);
7277
- }
7278
- 15% {
7279
- stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
7280
- }
7281
- 40% {
7282
- stroke-dasharray: 220;
7283
- stroke-dashoffset: 150;
7284
- }
7285
- 100% {
7286
- stroke-dashoffset: 280;
7287
- transform: rotate(720deg);
7288
- }
7289
- }
7290
- .pf-v6-c-badge {
7291
- --pf-v6-c-badge--BorderColor: transparent;
7292
- --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7293
- --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
7294
- --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
7295
- --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
7296
- --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7297
- --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7298
- --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7299
- --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
7300
- --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
7301
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7302
- --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
7303
- --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7304
- --pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
7305
- --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7306
- --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
7307
- --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
7308
- --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
7309
- --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
7310
- --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
7311
- --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7070
+ .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 {
7071
+ color: var(--pf-v6-c-button--disabled__icon--Color);
7312
7072
  }
7313
7073
 
7314
- .pf-v6-c-badge {
7315
- position: relative;
7316
- display: inline-block;
7317
- min-width: var(--pf-v6-c-badge--MinWidth);
7318
- padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
7319
- padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
7320
- font-size: var(--pf-v6-c-badge--FontSize);
7321
- font-weight: var(--pf-v6-c-badge--FontWeight);
7322
- color: var(--pf-v6-c-badge--Color);
7323
- text-align: center;
7324
- white-space: nowrap;
7325
- background-color: var(--pf-v6-c-badge--BackgroundColor);
7326
- border-radius: var(--pf-v6-c-badge--BorderRadius);
7074
+ .pf-v6-c-button.pf-m-aria-disabled {
7075
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
7076
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
7077
+ cursor: default;
7327
7078
  }
7328
7079
 
7329
- .pf-v6-c-badge::after {
7330
- position: absolute;
7331
- inset: 0;
7332
- pointer-events: none;
7333
- content: "";
7334
- border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
7335
- border-radius: inherit;
7080
+ .pf-v6-c-button.pf-m-progress {
7081
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
7082
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
7336
7083
  }
7337
7084
 
7338
- .pf-v6-c-badge.pf-m-read {
7339
- --pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
7340
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
7341
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
7342
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
7085
+ .pf-v6-c-button.pf-m-in-progress {
7086
+ --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
7343
7087
  }
7344
7088
 
7345
- .pf-v6-c-badge.pf-m-unread {
7346
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
7347
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
7348
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
7089
+ .pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
7090
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
7091
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
7349
7092
  }
7350
7093
 
7351
- .pf-v6-c-badge.pf-m-disabled {
7352
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
7353
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
7094
+ .pf-v6-c-button.pf-m-in-progress.pf-m-plain {
7095
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
7096
+ --pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
7354
7097
  }
7355
7098
 
7356
- .pf-v6-c-badge.pf-m-disabled::after {
7357
- border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
7099
+ .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
7100
+ opacity: 0;
7358
7101
  }
7359
7102
 
7360
- .pf-v6-c-badge__toggle-icon {
7361
- margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
7362
- color: var(--pf-v6-c-badge__toggle-icon--Color);
7103
+ .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
7104
+ animation-name: pf-v6-c-button-icon-notify;
7105
+ animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
7106
+ animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
7363
7107
  }
7364
7108
 
7365
- .pf-v6-c-breadcrumb {
7366
- --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
7367
- --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
7368
- --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7369
- --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
7370
- --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7371
- --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
7372
- --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7373
- --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7374
- --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
7375
- --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
7376
- --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
7377
- --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
7378
- --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
7379
- --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
7380
- --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
7381
- --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
7382
- --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
7383
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7384
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
7385
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7386
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
7109
+ .pf-v6-c-button__icon {
7110
+ margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
7111
+ margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
7112
+ color: var(--pf-v6-c-button__icon--Color);
7113
+ transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
7114
+ transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
7115
+ transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
7116
+ transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
7117
+ rotate: var(--pf-v6-c-button__icon--Rotate);
7118
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
7387
7119
  }
7388
7120
 
7389
- .pf-v6-c-breadcrumb {
7390
- display: inline-flex;
7121
+ .pf-v6-c-button__icon.pf-m-start {
7122
+ --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
7391
7123
  }
7392
7124
 
7393
- .pf-v6-c-breadcrumb__list {
7394
- display: flex;
7395
- flex-wrap: wrap;
7396
- align-items: center;
7125
+ .pf-v6-c-button__icon.pf-m-end {
7126
+ --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
7397
7127
  }
7398
7128
 
7399
- .pf-v6-c-breadcrumb__item {
7400
- display: flex;
7401
- align-items: baseline;
7402
- font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
7403
- font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
7404
- line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
7405
- white-space: nowrap;
7406
- list-style: none;
7129
+ .pf-v6-c-button__icon-favorite,
7130
+ .pf-v6-c-button__icon-favorited {
7131
+ grid-area: 1/1/1/1;
7132
+ transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
7133
+ transition-property: opacity;
7407
7134
  }
7408
7135
 
7409
- .pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
7410
- --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
7136
+ .pf-v6-c-button__icon-favorite {
7137
+ opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
7411
7138
  }
7412
7139
 
7413
- .pf-v6-c-breadcrumb__item:not(:last-child) {
7414
- margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
7140
+ .pf-v6-c-button__icon-favorited {
7141
+ opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
7415
7142
  }
7416
7143
 
7417
- .pf-v6-c-breadcrumb__item-divider {
7418
- margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
7419
- font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
7144
+ .pf-v6-c-button__progress {
7145
+ position: absolute;
7146
+ inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
7147
+ inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
7420
7148
  line-height: 1;
7421
- color: var(--pf-v6-c-breadcrumb__item-divider--Color);
7422
- }
7423
-
7424
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
7425
- scale: -1 1;
7149
+ color: var(--pf-v6-c-button__progress--Color);
7150
+ transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
7426
7151
  }
7427
7152
 
7428
- .pf-v6-c-breadcrumb__link {
7429
- padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
7430
- padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
7431
- font-size: inherit;
7432
- font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
7433
- line-height: inherit;
7434
- color: var(--pf-v6-c-breadcrumb__link--Color);
7435
- text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
7436
- text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
7437
- word-break: break-word;
7438
- background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
7153
+ .pf-v6-c-button__progress .pf-v6-c-spinner {
7154
+ --pf-v6-c-spinner--Color: currentcolor;
7439
7155
  }
7440
7156
 
7441
- .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
7442
- --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
7443
- --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
7444
- --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
7157
+ .pf-v6-c-button__text {
7158
+ text-decoration: inherit;
7445
7159
  }
7446
7160
 
7447
- .pf-v6-c-breadcrumb__link.pf-m-current {
7448
- cursor: default;
7161
+ .pf-v6-c-button__count {
7162
+ display: inline-flex;
7163
+ align-items: center;
7449
7164
  }
7450
7165
 
7451
- .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
7452
- color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
7453
- text-decoration-line: none;
7166
+ .pf-v6-c-button--hamburger-icon path {
7167
+ fill: none;
7168
+ stroke: currentcolor;
7169
+ stroke-linecap: round;
7170
+ stroke-linejoin: round;
7171
+ transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
7454
7172
  }
7455
7173
 
7456
- button.pf-v6-c-breadcrumb__link {
7457
- border: none;
7174
+ .pf-v6-c-button--hamburger-icon--top {
7175
+ d: var(--pf-v6-c-button--hamburger-icon--top--path);
7458
7176
  }
7459
7177
 
7460
- .pf-v6-c-breadcrumb__dropdown {
7461
- margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
7462
- margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
7463
- margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
7464
- margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
7178
+ .pf-v6-c-button--hamburger-icon--middle {
7179
+ d: var(--pf-v6-c-button--hamburger-icon--middle--path);
7465
7180
  }
7466
7181
 
7467
- .pf-v6-c-breadcrumb__heading {
7468
- display: inline;
7469
- font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
7182
+ .pf-v6-c-button--hamburger-icon--arrow {
7183
+ d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
7470
7184
  }
7471
7185
 
7472
- .pf-v6-c-breadcrumb__link,
7473
- .pf-v6-c-breadcrumb__heading {
7474
- white-space: normal;
7186
+ .pf-v6-c-button--hamburger-icon--bottom {
7187
+ d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
7475
7188
  }
7476
7189
 
7477
- .pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
7478
- display: none;
7190
+ @keyframes pf-v6-c-button-icon-notify {
7191
+ 33% {
7192
+ transform: rotate(30deg);
7193
+ }
7194
+ 66% {
7195
+ transform: rotate(-60deg);
7196
+ }
7197
+ }
7198
+ @keyframes pf-v6-c-button-icon-favorited {
7199
+ 50% {
7200
+ scale: 1.5;
7201
+ }
7479
7202
  }
7480
-
7481
7203
  .pf-v6-c-menu {
7482
7204
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
7483
7205
  --pf-v6-c-menu--Width: auto;
@@ -8029,135 +7751,413 @@ button.pf-v6-c-breadcrumb__link {
8029
7751
  --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
8030
7752
  }
8031
7753
  }
8032
- @media screen and (min-width: 62rem) {
8033
- .pf-v6-c-menu__item.pf-m-hidden-on-lg {
8034
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
8035
- }
8036
- .pf-v6-c-menu__item.pf-m-visible-on-lg {
8037
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
8038
- }
7754
+ @media screen and (min-width: 62rem) {
7755
+ .pf-v6-c-menu__item.pf-m-hidden-on-lg {
7756
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
7757
+ }
7758
+ .pf-v6-c-menu__item.pf-m-visible-on-lg {
7759
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
7760
+ }
7761
+ }
7762
+ @media screen and (min-width: 75rem) {
7763
+ .pf-v6-c-menu__item.pf-m-hidden-on-xl {
7764
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
7765
+ }
7766
+ .pf-v6-c-menu__item.pf-m-visible-on-xl {
7767
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
7768
+ }
7769
+ }
7770
+ @media screen and (min-width: 90.625rem) {
7771
+ .pf-v6-c-menu__item.pf-m-hidden-on-2xl {
7772
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
7773
+ }
7774
+ .pf-v6-c-menu__item.pf-m-visible-on-2xl {
7775
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
7776
+ }
7777
+ }
7778
+ :where(label).pf-v6-c-menu__item {
7779
+ cursor: pointer;
7780
+ }
7781
+
7782
+ .pf-v6-c-menu__item.pf-m-selected {
7783
+ --pf-v6-c-menu__item-select-icon--Color: var(--pf-v6-c-menu__item--m-selected__item-select-icon--Color);
7784
+ }
7785
+
7786
+ .pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-select-icon,
7787
+ .pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-external-icon {
7788
+ opacity: 1;
7789
+ }
7790
+
7791
+ .pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-external-icon {
7792
+ color: var(--pf-v6-c-menu__item-external--Color);
7793
+ }
7794
+
7795
+ .pf-v6-c-menu__item-select-icon {
7796
+ color: var(--pf-v6-c-menu__item-select-icon--Color);
7797
+ }
7798
+
7799
+ .pf-v6-c-menu__item-main {
7800
+ column-gap: var(--pf-v6-c-menu__item-main--ColumnGap);
7801
+ align-items: center;
7802
+ width: 100%;
7803
+ }
7804
+
7805
+ .pf-v6-c-menu__item-text {
7806
+ overflow: hidden;
7807
+ text-overflow: ellipsis;
7808
+ white-space: nowrap;
7809
+ flex-grow: 1;
7810
+ }
7811
+
7812
+ .pf-v6-c-menu__group-title {
7813
+ padding-block-start: var(--pf-v6-c-menu__group-title--PaddingBlockStart);
7814
+ padding-block-end: var(--pf-v6-c-menu__group-title--PaddingBlockEnd);
7815
+ padding-inline-start: var(--pf-v6-c-menu__group-title--PaddingInlineStart);
7816
+ padding-inline-end: var(--pf-v6-c-menu__group-title--PaddingInlineEnd);
7817
+ font-size: var(--pf-v6-c-menu__group-title--FontSize, inherit);
7818
+ font-weight: var(--pf-v6-c-menu__group-title--FontWeight, inherit);
7819
+ color: var(--pf-v6-c-menu__group-title--Color);
7820
+ }
7821
+
7822
+ .pf-v6-c-menu__item-description {
7823
+ font-size: var(--pf-v6-c-menu__item-description--FontSize);
7824
+ color: var(--pf-v6-c-menu__item-description--Color);
7825
+ word-break: break-word;
7826
+ }
7827
+
7828
+ .pf-v6-c-menu__item-check .pf-v6-c-check {
7829
+ --pf-v6-c-check__input--TranslateY: none;
7830
+ }
7831
+
7832
+ .pf-v6-c-menu__item-toggle-icon {
7833
+ color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
7834
+ }
7835
+
7836
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
7837
+ scale: -1 1;
7838
+ }
7839
+
7840
+ .pf-v6-c-menu__item-icon {
7841
+ color: var(--pf-v6-c-menu__item--icon--Color, inherit);
7842
+ }
7843
+
7844
+ .pf-v6-c-menu__item-select-icon,
7845
+ .pf-v6-c-menu__item-external-icon {
7846
+ opacity: 0;
7847
+ }
7848
+
7849
+ .pf-v6-c-menu__item-toggle-icon.pf-m-favorited, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited),
7850
+ .pf-v6-c-menu__item-action.pf-m-favorited,
7851
+ .pf-v6-c-menu__item-action.pf-m-favorited:hover,
7852
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
7853
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
7854
+ }
7855
+
7856
+ .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus),
7857
+ .pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
7858
+ .pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
7859
+ .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
7860
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
7861
+ }
7862
+
7863
+ .pf-v6-c-menu__breadcrumb {
7864
+ --pf-v6-c-breadcrumb__item--FontSize: var(--pf-v6-c-menu__breadcrumb--FontSize);
7865
+ padding-block-start: var(--pf-v6-c-menu__breadcrumb--PaddingBlockStart);
7866
+ padding-block-end: var(--pf-v6-c-menu__breadcrumb--PaddingBlockEnd);
7867
+ padding-inline-start: var(--pf-v6-c-menu__breadcrumb--PaddingInlineStart);
7868
+ padding-inline-end: var(--pf-v6-c-menu__breadcrumb--PaddingInlineEnd);
7869
+ }
7870
+
7871
+ .pf-v6-c-menu__breadcrumb .pf-v6-c-menu {
7872
+ min-width: auto;
7873
+ padding-block-start: var(--pf-v6-c-menu--PaddingBlockStart);
7874
+ padding-block-end: var(--pf-v6-c-menu--PaddingBlockEnd);
7875
+ }
7876
+
7877
+ .pf-v6-c-menu__breadcrumb .pf-v6-c-menu__content {
7878
+ height: auto;
7879
+ }
7880
+
7881
+ .pf-v6-c-menu__breadcrumb .pf-v6-c-menu-toggle {
7882
+ --pf-v6-c-menu-toggle--BorderWidth: 0;
7883
+ --pf-v6-c-menu-toggle--BorderColor: transparent;
7884
+ outline-offset: var(--pf-v6-c-menu--OutlineOffset);
7885
+ }
7886
+
7887
+ .pf-v6-c-breadcrumb {
7888
+ --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
7889
+ --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
7890
+ --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7891
+ --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
7892
+ --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7893
+ --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
7894
+ --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7895
+ --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7896
+ --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
7897
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
7898
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
7899
+ --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
7900
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
7901
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
7902
+ --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
7903
+ --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
7904
+ --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
7905
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7906
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
7907
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7908
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
7909
+ }
7910
+
7911
+ .pf-v6-c-breadcrumb {
7912
+ display: inline-flex;
7913
+ }
7914
+
7915
+ .pf-v6-c-breadcrumb__list {
7916
+ display: flex;
7917
+ flex-wrap: wrap;
7918
+ align-items: center;
7919
+ }
7920
+
7921
+ .pf-v6-c-breadcrumb__item {
7922
+ display: flex;
7923
+ align-items: baseline;
7924
+ font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
7925
+ font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
7926
+ line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
7927
+ white-space: nowrap;
7928
+ list-style: none;
7929
+ }
7930
+
7931
+ .pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
7932
+ --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
7933
+ }
7934
+
7935
+ .pf-v6-c-breadcrumb__item:not(:last-child) {
7936
+ margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
7937
+ }
7938
+
7939
+ .pf-v6-c-breadcrumb__item-divider {
7940
+ margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
7941
+ font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
7942
+ line-height: 1;
7943
+ color: var(--pf-v6-c-breadcrumb__item-divider--Color);
7944
+ }
7945
+
7946
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
7947
+ scale: -1 1;
7948
+ }
7949
+
7950
+ .pf-v6-c-breadcrumb__link {
7951
+ padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
7952
+ padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
7953
+ font-size: inherit;
7954
+ font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
7955
+ line-height: inherit;
7956
+ color: var(--pf-v6-c-breadcrumb__link--Color);
7957
+ text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
7958
+ text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
7959
+ word-break: break-word;
7960
+ background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
7961
+ }
7962
+
7963
+ .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
7964
+ --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
7965
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
7966
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
8039
7967
  }
8040
- @media screen and (min-width: 75rem) {
8041
- .pf-v6-c-menu__item.pf-m-hidden-on-xl {
8042
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
8043
- }
8044
- .pf-v6-c-menu__item.pf-m-visible-on-xl {
8045
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
8046
- }
7968
+
7969
+ .pf-v6-c-breadcrumb__link.pf-m-current {
7970
+ cursor: default;
8047
7971
  }
8048
- @media screen and (min-width: 90.625rem) {
8049
- .pf-v6-c-menu__item.pf-m-hidden-on-2xl {
8050
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
8051
- }
8052
- .pf-v6-c-menu__item.pf-m-visible-on-2xl {
8053
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
8054
- }
7972
+
7973
+ .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
7974
+ color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
7975
+ text-decoration-line: none;
8055
7976
  }
8056
- :where(label).pf-v6-c-menu__item {
8057
- cursor: pointer;
7977
+
7978
+ button.pf-v6-c-breadcrumb__link {
7979
+ border: none;
8058
7980
  }
8059
7981
 
8060
- .pf-v6-c-menu__item.pf-m-selected {
8061
- --pf-v6-c-menu__item-select-icon--Color: var(--pf-v6-c-menu__item--m-selected__item-select-icon--Color);
7982
+ .pf-v6-c-breadcrumb__dropdown {
7983
+ margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
7984
+ margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
7985
+ margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
7986
+ margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
8062
7987
  }
8063
7988
 
8064
- .pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-select-icon,
8065
- .pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-external-icon {
8066
- opacity: 1;
7989
+ .pf-v6-c-breadcrumb__heading {
7990
+ display: inline;
7991
+ font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
8067
7992
  }
8068
7993
 
8069
- .pf-v6-c-menu__item:is(:hover, :focus, .pf-m-selected) .pf-v6-c-menu__item-external-icon {
8070
- color: var(--pf-v6-c-menu__item-external--Color);
7994
+ .pf-v6-c-breadcrumb__link,
7995
+ .pf-v6-c-breadcrumb__heading {
7996
+ white-space: normal;
8071
7997
  }
8072
7998
 
8073
- .pf-v6-c-menu__item-select-icon {
8074
- color: var(--pf-v6-c-menu__item-select-icon--Color);
7999
+ .pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
8000
+ display: none;
8075
8001
  }
8076
8002
 
8077
- .pf-v6-c-menu__item-main {
8078
- column-gap: var(--pf-v6-c-menu__item-main--ColumnGap);
8079
- align-items: center;
8080
- width: 100%;
8003
+ .pf-v6-c-spinner {
8004
+ --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
8005
+ --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
8006
+ --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
8007
+ --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
8008
+ --pf-v6-c-spinner--AnimationDuration: 1.4s;
8009
+ --pf-v6-c-spinner--AnimationTimingFunction: linear;
8010
+ --pf-v6-c-spinner--StrokeWidth: 10;
8011
+ --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
8012
+ --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
8013
+ --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
8014
+ --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
8015
+ --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
8016
+ --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
8017
+ --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
8018
+ --pf-v6-c-spinner--m-inline--diameter: 1em;
8081
8019
  }
8082
8020
 
8083
- .pf-v6-c-menu__item-text {
8021
+ .pf-v6-c-spinner {
8022
+ width: var(--pf-v6-c-spinner--Width);
8023
+ height: var(--pf-v6-c-spinner--Height);
8084
8024
  overflow: hidden;
8085
- text-overflow: ellipsis;
8086
- white-space: nowrap;
8087
- flex-grow: 1;
8025
+ animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
8088
8026
  }
8089
8027
 
8090
- .pf-v6-c-menu__group-title {
8091
- padding-block-start: var(--pf-v6-c-menu__group-title--PaddingBlockStart);
8092
- padding-block-end: var(--pf-v6-c-menu__group-title--PaddingBlockEnd);
8093
- padding-inline-start: var(--pf-v6-c-menu__group-title--PaddingInlineStart);
8094
- padding-inline-end: var(--pf-v6-c-menu__group-title--PaddingInlineEnd);
8095
- font-size: var(--pf-v6-c-menu__group-title--FontSize, inherit);
8096
- font-weight: var(--pf-v6-c-menu__group-title--FontWeight, inherit);
8097
- color: var(--pf-v6-c-menu__group-title--Color);
8028
+ .pf-v6-c-spinner.pf-m-inline {
8029
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
8098
8030
  }
8099
8031
 
8100
- .pf-v6-c-menu__item-description {
8101
- font-size: var(--pf-v6-c-menu__item-description--FontSize);
8102
- color: var(--pf-v6-c-menu__item-description--Color);
8103
- word-break: break-word;
8032
+ .pf-v6-c-spinner.pf-m-xs {
8033
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
8034
+ --pf-v6-c-spinner--StrokeWidth: 15;
8104
8035
  }
8105
8036
 
8106
- .pf-v6-c-menu__item-check .pf-v6-c-check {
8107
- --pf-v6-c-check__input--TranslateY: none;
8037
+ .pf-v6-c-spinner.pf-m-sm {
8038
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
8108
8039
  }
8109
8040
 
8110
- .pf-v6-c-menu__item-toggle-icon {
8111
- color: var(--pf-v6-c-menu__item-toggle-icon--Color, inherit);
8041
+ .pf-v6-c-spinner.pf-m-md {
8042
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
8112
8043
  }
8113
8044
 
8114
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-menu__item-toggle-icon {
8115
- scale: -1 1;
8045
+ .pf-v6-c-spinner.pf-m-lg {
8046
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
8116
8047
  }
8117
8048
 
8118
- .pf-v6-c-menu__item-icon {
8119
- color: var(--pf-v6-c-menu__item--icon--Color, inherit);
8049
+ .pf-v6-c-spinner.pf-m-xl {
8050
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
8120
8051
  }
8121
8052
 
8122
- .pf-v6-c-menu__item-select-icon,
8123
- .pf-v6-c-menu__item-external-icon {
8124
- opacity: 0;
8053
+ .pf-v6-c-spinner__path {
8054
+ width: 100%;
8055
+ height: 100%;
8056
+ stroke: var(--pf-v6-c-spinner--Color);
8057
+ stroke-dasharray: 283;
8058
+ stroke-dashoffset: 280;
8059
+ stroke-linecap: round;
8060
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
8061
+ transform-origin: 50% 50%;
8062
+ animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
8125
8063
  }
8126
8064
 
8127
- .pf-v6-c-menu__item-toggle-icon.pf-m-favorited, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover, .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited),
8128
- .pf-v6-c-menu__item-action.pf-m-favorited,
8129
- .pf-v6-c-menu__item-action.pf-m-favorited:hover,
8130
- .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited) {
8131
- --pf-v6-c-button--m-plain__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
8065
+ @keyframes pf-v6-c-spinner-animation-rotate {
8066
+ 0% {
8067
+ transform: rotate(0deg);
8068
+ }
8069
+ 100% {
8070
+ transform: rotate(360deg);
8071
+ }
8072
+ }
8073
+ @keyframes pf-v6-c-spinner-animation-dash {
8074
+ 0% {
8075
+ stroke-dashoffset: 280;
8076
+ transform: rotate(0);
8077
+ }
8078
+ 15% {
8079
+ stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
8080
+ }
8081
+ 40% {
8082
+ stroke-dasharray: 220;
8083
+ stroke-dashoffset: 150;
8084
+ }
8085
+ 100% {
8086
+ stroke-dashoffset: 280;
8087
+ transform: rotate(720deg);
8088
+ }
8089
+ }
8090
+ .pf-v6-c-badge {
8091
+ --pf-v6-c-badge--BorderColor: transparent;
8092
+ --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
8093
+ --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
8094
+ --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
8095
+ --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
8096
+ --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8097
+ --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8098
+ --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
8099
+ --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
8100
+ --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
8101
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
8102
+ --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
8103
+ --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
8104
+ --pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
8105
+ --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
8106
+ --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
8107
+ --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
8108
+ --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
8109
+ --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
8110
+ --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
8111
+ --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8132
8112
  }
8133
8113
 
8134
- .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited:hover:is(:hover, :focus), .pf-v6-c-menu__item-toggle-icon.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus),
8135
- .pf-v6-c-menu__item-action.pf-m-favorited:is(:hover, :focus),
8136
- .pf-v6-c-menu__item-action.pf-m-favorited:hover:is(:hover, :focus),
8137
- .pf-v6-c-menu__item-action.pf-m-favorited .pf-v6-c-button:not(.pf-m-favorited):is(:hover, :focus) {
8138
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-menu__item-action--m-favorited--Color);
8114
+ .pf-v6-c-badge {
8115
+ position: relative;
8116
+ display: inline-block;
8117
+ min-width: var(--pf-v6-c-badge--MinWidth);
8118
+ padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
8119
+ padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
8120
+ font-size: var(--pf-v6-c-badge--FontSize);
8121
+ font-weight: var(--pf-v6-c-badge--FontWeight);
8122
+ color: var(--pf-v6-c-badge--Color);
8123
+ text-align: center;
8124
+ white-space: nowrap;
8125
+ background-color: var(--pf-v6-c-badge--BackgroundColor);
8126
+ border-radius: var(--pf-v6-c-badge--BorderRadius);
8139
8127
  }
8140
8128
 
8141
- .pf-v6-c-menu__breadcrumb {
8142
- --pf-v6-c-breadcrumb__item--FontSize: var(--pf-v6-c-menu__breadcrumb--FontSize);
8143
- padding-block-start: var(--pf-v6-c-menu__breadcrumb--PaddingBlockStart);
8144
- padding-block-end: var(--pf-v6-c-menu__breadcrumb--PaddingBlockEnd);
8145
- padding-inline-start: var(--pf-v6-c-menu__breadcrumb--PaddingInlineStart);
8146
- padding-inline-end: var(--pf-v6-c-menu__breadcrumb--PaddingInlineEnd);
8129
+ .pf-v6-c-badge::after {
8130
+ position: absolute;
8131
+ inset: 0;
8132
+ pointer-events: none;
8133
+ content: "";
8134
+ border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
8135
+ border-radius: inherit;
8147
8136
  }
8148
8137
 
8149
- .pf-v6-c-menu__breadcrumb .pf-v6-c-menu {
8150
- min-width: auto;
8151
- padding-block-start: var(--pf-v6-c-menu--PaddingBlockStart);
8152
- padding-block-end: var(--pf-v6-c-menu--PaddingBlockEnd);
8138
+ .pf-v6-c-badge.pf-m-read {
8139
+ --pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
8140
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
8141
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
8142
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
8153
8143
  }
8154
8144
 
8155
- .pf-v6-c-menu__breadcrumb .pf-v6-c-menu__content {
8156
- height: auto;
8145
+ .pf-v6-c-badge.pf-m-unread {
8146
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
8147
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
8148
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
8157
8149
  }
8158
8150
 
8159
- .pf-v6-c-menu__breadcrumb .pf-v6-c-menu-toggle {
8160
- --pf-v6-c-menu-toggle--BorderWidth: 0;
8161
- --pf-v6-c-menu-toggle--BorderColor: transparent;
8162
- outline-offset: var(--pf-v6-c-menu--OutlineOffset);
8151
+ .pf-v6-c-badge.pf-m-disabled {
8152
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
8153
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
8154
+ }
8155
+
8156
+ .pf-v6-c-badge.pf-m-disabled::after {
8157
+ border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
8158
+ }
8159
+
8160
+ .pf-v6-c-badge__toggle-icon {
8161
+ margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
8162
+ color: var(--pf-v6-c-badge__toggle-icon--Color);
8163
8163
  }