@patternfly/react-table 6.3.1-prerelease.3 → 6.3.1-prerelease.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (12) hide show
  1. package/CHANGELOG.md +8 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/Table/package.json +1 -1
  5. package/dist/dynamic/components/Table/utils/decorators/package.json +1 -1
  6. package/dist/dynamic/components/Table/utils/package.json +1 -1
  7. package/dist/dynamic/deprecated/components/Table/base/package.json +1 -1
  8. package/dist/dynamic/deprecated/components/Table/package.json +1 -1
  9. package/dist/dynamic/deprecated/components/package.json +1 -1
  10. package/dist/umd/assets/{output--xKX0hMf.css → output-D-RGwbcZ.css} +850 -849
  11. package/dist/umd/react-table.min.js +1 -1
  12. package/package.json +3 -3
package/dist/umd/assets/{output--xKX0hMf.css → output-D-RGwbcZ.css} RENAMED
@@ -1929,72 +1929,243 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1929
1929
  --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));
1930
1930
  }
1931
1931
  }
1932
- .pf-v6-c-table {
1933
- --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
1934
- --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
1935
- --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
1936
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
1937
- --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
1938
- --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
1939
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
1940
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
1941
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
1942
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
1943
- --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
1944
- --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
1945
- --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
1932
+ .pf-v6-u-screen-reader {
1933
+ position: fixed;
1934
+ inset-block-start: 0;
1935
+ inset-inline-start: 0;
1936
+ overflow: hidden;
1937
+ clip: rect(0, 0, 0, 0);
1938
+ white-space: nowrap;
1939
+ border: 0;
1946
1940
  }
1947
1941
 
1948
- .pf-v6-c-table .pf-v6-c-table__sticky-cell {
1949
- position: sticky;
1950
- inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
1951
- inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
1952
- z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
1953
- min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
1942
+ .pf-v6-u-visible {
1943
+ position: static;
1944
+ overflow: visible;
1945
+ clip: auto;
1946
+ white-space: normal;
1947
+ border: inherit;
1954
1948
  }
1955
1949
 
1956
- .pf-v6-c-table__sticky-cell {
1957
- --pf-v6-c-table--cell--Overflow: visible;
1958
- --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
1959
- background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
1960
- background-clip: padding-box;
1950
+ .pf-v6-u-hidden {
1951
+ display: none !important;
1961
1952
  }
1962
1953
 
1963
- .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
1964
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
1965
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
1954
+ @media screen and (min-width: 36rem) {
1955
+ .pf-v6-u-screen-reader-on-sm {
1956
+ position: fixed;
1957
+ inset-block-start: 0;
1958
+ inset-inline-start: 0;
1959
+ overflow: hidden;
1960
+ clip: rect(0, 0, 0, 0);
1961
+ white-space: nowrap;
1962
+ border: 0;
1963
+ }
1964
+ }
1965
+ @media screen and (min-width: 36rem) {
1966
+ .pf-v6-u-visible-on-sm {
1967
+ position: static;
1968
+ overflow: visible;
1969
+ clip: auto;
1970
+ white-space: normal;
1971
+ border: inherit;
1972
+ }
1973
+ }
1974
+ @media screen and (min-width: 36rem) {
1975
+ .pf-v6-u-hidden-on-sm {
1976
+ display: none !important;
1977
+ }
1978
+ }
1979
+ @media screen and (min-width: 48rem) {
1980
+ .pf-v6-u-screen-reader-on-md {
1981
+ position: fixed;
1982
+ inset-block-start: 0;
1983
+ inset-inline-start: 0;
1984
+ overflow: hidden;
1985
+ clip: rect(0, 0, 0, 0);
1986
+ white-space: nowrap;
1987
+ border: 0;
1988
+ }
1989
+ }
1990
+ @media screen and (min-width: 48rem) {
1991
+ .pf-v6-u-visible-on-md {
1992
+ position: static;
1993
+ overflow: visible;
1994
+ clip: auto;
1995
+ white-space: normal;
1996
+ border: inherit;
1997
+ }
1998
+ }
1999
+ @media screen and (min-width: 48rem) {
2000
+ .pf-v6-u-hidden-on-md {
2001
+ display: none !important;
2002
+ }
2003
+ }
2004
+ @media screen and (min-width: 62rem) {
2005
+ .pf-v6-u-screen-reader-on-lg {
2006
+ position: fixed;
2007
+ inset-block-start: 0;
2008
+ inset-inline-start: 0;
2009
+ overflow: hidden;
2010
+ clip: rect(0, 0, 0, 0);
2011
+ white-space: nowrap;
2012
+ border: 0;
2013
+ }
2014
+ }
2015
+ @media screen and (min-width: 62rem) {
2016
+ .pf-v6-u-visible-on-lg {
2017
+ position: static;
2018
+ overflow: visible;
2019
+ clip: auto;
2020
+ white-space: normal;
2021
+ border: inherit;
2022
+ }
2023
+ }
2024
+ @media screen and (min-width: 62rem) {
2025
+ .pf-v6-u-hidden-on-lg {
2026
+ display: none !important;
2027
+ }
2028
+ }
2029
+ @media screen and (min-width: 75rem) {
2030
+ .pf-v6-u-screen-reader-on-xl {
2031
+ position: fixed;
2032
+ inset-block-start: 0;
2033
+ inset-inline-start: 0;
2034
+ overflow: hidden;
2035
+ clip: rect(0, 0, 0, 0);
2036
+ white-space: nowrap;
2037
+ border: 0;
2038
+ }
2039
+ }
2040
+ @media screen and (min-width: 75rem) {
2041
+ .pf-v6-u-visible-on-xl {
2042
+ position: static;
2043
+ overflow: visible;
2044
+ clip: auto;
2045
+ white-space: normal;
2046
+ border: inherit;
2047
+ }
2048
+ }
2049
+ @media screen and (min-width: 75rem) {
2050
+ .pf-v6-u-hidden-on-xl {
2051
+ display: none !important;
2052
+ }
2053
+ }
2054
+ @media screen and (min-width: 90.625rem) {
2055
+ .pf-v6-u-screen-reader-on-2xl {
2056
+ position: fixed;
2057
+ inset-block-start: 0;
2058
+ inset-inline-start: 0;
2059
+ overflow: hidden;
2060
+ clip: rect(0, 0, 0, 0);
2061
+ white-space: nowrap;
2062
+ border: 0;
2063
+ }
2064
+ }
2065
+ @media screen and (min-width: 90.625rem) {
2066
+ .pf-v6-u-visible-on-2xl {
2067
+ position: static;
2068
+ overflow: visible;
2069
+ clip: auto;
2070
+ white-space: normal;
2071
+ border: inherit;
2072
+ }
2073
+ }
2074
+ @media screen and (min-width: 90.625rem) {
2075
+ .pf-v6-u-hidden-on-2xl {
2076
+ display: none !important;
2077
+ }
2078
+ }
2079
+ .pf-v6-c-inline-edit {
2080
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
2081
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
2082
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
2083
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
2084
+ --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
2085
+ --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
1966
2086
  }
1967
2087
 
1968
- .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
1969
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
1970
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
2088
+ .pf-v6-c-inline-edit__group {
2089
+ display: flex;
2090
+ align-items: baseline;
1971
2091
  }
1972
2092
 
1973
- .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
1974
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
2093
+ .pf-v6-c-inline-edit__group > * {
2094
+ margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
1975
2095
  }
1976
2096
 
1977
- .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
1978
- --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
2097
+ .pf-v6-c-inline-edit__group.pf-m-icon-group {
2098
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
1979
2099
  }
1980
2100
 
1981
- .pf-v6-c-scroll-outer-wrapper {
1982
- --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
1983
- --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
1984
- display: flex;
1985
- flex-direction: column;
1986
- max-width: 100%;
1987
- min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
1988
- max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
1989
- overflow: hidden;
2101
+ .pf-v6-c-inline-edit__group.pf-m-footer {
2102
+ margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
1990
2103
  }
1991
2104
 
1992
- .pf-v6-c-scroll-inner-wrapper {
1993
- display: flex;
2105
+ .pf-v6-c-inline-edit__group.pf-m-column {
2106
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
1994
2107
  flex-direction: column;
1995
- max-width: 100%;
1996
- max-height: 100%;
1997
- overflow: auto;
2108
+ }
2109
+
2110
+ .pf-v6-c-inline-edit__group > :last-child {
2111
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
2112
+ }
2113
+
2114
+ .pf-v6-c-inline-edit__input {
2115
+ flex: 1;
2116
+ }
2117
+
2118
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
2119
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
2120
+ }
2121
+
2122
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
2123
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
2124
+ }
2125
+
2126
+ .pf-v6-c-inline-edit__input,
2127
+ .pf-v6-c-inline-edit__action,
2128
+ .pf-v6-c-inline-edit__group.pf-m-action-group {
2129
+ display: none;
2130
+ }
2131
+
2132
+ .pf-v6-c-inline-edit__action.pf-m-enable-editable {
2133
+ display: inline-block;
2134
+ }
2135
+
2136
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
2137
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
2138
+ display: block;
2139
+ }
2140
+
2141
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
2142
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
2143
+ display: inline-block;
2144
+ }
2145
+
2146
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
2147
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
2148
+ display: inline-flex;
2149
+ }
2150
+
2151
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
2152
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
2153
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
2154
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
2155
+ display: none;
2156
+ }
2157
+
2158
+ .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
2159
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
2160
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
2161
+ }
2162
+
2163
+ .pf-v6-c-inline-edit__label.pf-m-bold {
2164
+ font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
2165
+ }
2166
+
2167
+ .pf-v6-c-inline-edit__editable-text br {
2168
+ display: none;
1998
2169
  }
1999
2170
 
2000
2171
  .pf-v6-c-table {
@@ -3638,278 +3809,107 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3638
3809
  margin-inline-start: var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart);
3639
3810
  }
3640
3811
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
3641
- text-align: end;
3642
- }
3643
- }
3644
- @media screen and (max-width: calc(90.625rem - 1px)) and (max-width: 36rem) {
3645
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
3646
- grid-row-start: 1;
3647
- grid-column-start: 2;
3648
- margin-inline-start: 0;
3649
- }
3650
- }
3651
- @media screen and (max-width: calc(90.625rem - 1px)) {
3652
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
3653
- grid-column: 2;
3654
- grid-row: 2;
3655
- }
3656
- .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__toggle-icon {
3657
- transition: var(--pf-v6-c-table__toggle__icon--Transition);
3658
- }
3659
- .pf-v6-c-button.pf-m-expanded > .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__toggle-icon {
3660
- transform: rotate(var(--pf-v6-c-table__toggle--m-expanded__icon--Rotate));
3661
- }
3662
- .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-nowrap {
3663
- --pf-v6-c-table--cell--Overflow: auto;
3664
- }
3665
- .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-fit-content {
3666
- width: auto;
3667
- white-space: normal;
3668
- }
3669
- .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-truncate {
3670
- --pf-v6-c-table--cell--MaxWidth: 100%;
3671
- }
3672
- .pf-m-grid-2xl.pf-v6-c-table [class*=pf-m-width] {
3673
- --pf-v6-c-table--cell--Width: auto;
3674
- }
3675
- }
3676
- .pf-v6-u-screen-reader {
3677
- position: fixed;
3678
- inset-block-start: 0;
3679
- inset-inline-start: 0;
3680
- overflow: hidden;
3681
- clip: rect(0, 0, 0, 0);
3682
- white-space: nowrap;
3683
- border: 0;
3684
- }
3685
-
3686
- .pf-v6-u-visible {
3687
- position: static;
3688
- overflow: visible;
3689
- clip: auto;
3690
- white-space: normal;
3691
- border: inherit;
3692
- }
3693
-
3694
- .pf-v6-u-hidden {
3695
- display: none !important;
3696
- }
3697
-
3698
- @media screen and (min-width: 36rem) {
3699
- .pf-v6-u-screen-reader-on-sm {
3700
- position: fixed;
3701
- inset-block-start: 0;
3702
- inset-inline-start: 0;
3703
- overflow: hidden;
3704
- clip: rect(0, 0, 0, 0);
3705
- white-space: nowrap;
3706
- border: 0;
3707
- }
3708
- }
3709
- @media screen and (min-width: 36rem) {
3710
- .pf-v6-u-visible-on-sm {
3711
- position: static;
3712
- overflow: visible;
3713
- clip: auto;
3714
- white-space: normal;
3715
- border: inherit;
3716
- }
3717
- }
3718
- @media screen and (min-width: 36rem) {
3719
- .pf-v6-u-hidden-on-sm {
3720
- display: none !important;
3721
- }
3722
- }
3723
- @media screen and (min-width: 48rem) {
3724
- .pf-v6-u-screen-reader-on-md {
3725
- position: fixed;
3726
- inset-block-start: 0;
3727
- inset-inline-start: 0;
3728
- overflow: hidden;
3729
- clip: rect(0, 0, 0, 0);
3730
- white-space: nowrap;
3731
- border: 0;
3732
- }
3733
- }
3734
- @media screen and (min-width: 48rem) {
3735
- .pf-v6-u-visible-on-md {
3736
- position: static;
3737
- overflow: visible;
3738
- clip: auto;
3739
- white-space: normal;
3740
- border: inherit;
3741
- }
3742
- }
3743
- @media screen and (min-width: 48rem) {
3744
- .pf-v6-u-hidden-on-md {
3745
- display: none !important;
3746
- }
3747
- }
3748
- @media screen and (min-width: 62rem) {
3749
- .pf-v6-u-screen-reader-on-lg {
3750
- position: fixed;
3751
- inset-block-start: 0;
3752
- inset-inline-start: 0;
3753
- overflow: hidden;
3754
- clip: rect(0, 0, 0, 0);
3755
- white-space: nowrap;
3756
- border: 0;
3757
- }
3758
- }
3759
- @media screen and (min-width: 62rem) {
3760
- .pf-v6-u-visible-on-lg {
3761
- position: static;
3762
- overflow: visible;
3763
- clip: auto;
3764
- white-space: normal;
3765
- border: inherit;
3766
- }
3767
- }
3768
- @media screen and (min-width: 62rem) {
3769
- .pf-v6-u-hidden-on-lg {
3770
- display: none !important;
3771
- }
3772
- }
3773
- @media screen and (min-width: 75rem) {
3774
- .pf-v6-u-screen-reader-on-xl {
3775
- position: fixed;
3776
- inset-block-start: 0;
3777
- inset-inline-start: 0;
3778
- overflow: hidden;
3779
- clip: rect(0, 0, 0, 0);
3780
- white-space: nowrap;
3781
- border: 0;
3782
- }
3783
- }
3784
- @media screen and (min-width: 75rem) {
3785
- .pf-v6-u-visible-on-xl {
3786
- position: static;
3787
- overflow: visible;
3788
- clip: auto;
3789
- white-space: normal;
3790
- border: inherit;
3812
+ text-align: end;
3791
3813
  }
3792
3814
  }
3793
- @media screen and (min-width: 75rem) {
3794
- .pf-v6-u-hidden-on-xl {
3795
- display: none !important;
3815
+ @media screen and (max-width: calc(90.625rem - 1px)) and (max-width: 36rem) {
3816
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
3817
+ grid-row-start: 1;
3818
+ grid-column-start: 2;
3819
+ margin-inline-start: 0;
3796
3820
  }
3797
3821
  }
3798
- @media screen and (min-width: 90.625rem) {
3799
- .pf-v6-u-screen-reader-on-2xl {
3800
- position: fixed;
3801
- inset-block-start: 0;
3802
- inset-inline-start: 0;
3803
- overflow: hidden;
3804
- clip: rect(0, 0, 0, 0);
3805
- white-space: nowrap;
3806
- border: 0;
3822
+ @media screen and (max-width: calc(90.625rem - 1px)) {
3823
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__inline-edit-action {
3824
+ grid-column: 2;
3825
+ grid-row: 2;
3807
3826
  }
3808
- }
3809
- @media screen and (min-width: 90.625rem) {
3810
- .pf-v6-u-visible-on-2xl {
3811
- position: static;
3812
- overflow: visible;
3813
- clip: auto;
3827
+ .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__toggle-icon {
3828
+ transition: var(--pf-v6-c-table__toggle__icon--Transition);
3829
+ }
3830
+ .pf-v6-c-button.pf-m-expanded > .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__toggle-icon {
3831
+ transform: rotate(var(--pf-v6-c-table__toggle--m-expanded__icon--Rotate));
3832
+ }
3833
+ .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-nowrap {
3834
+ --pf-v6-c-table--cell--Overflow: auto;
3835
+ }
3836
+ .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-fit-content {
3837
+ width: auto;
3814
3838
  white-space: normal;
3815
- border: inherit;
3816
3839
  }
3817
- }
3818
- @media screen and (min-width: 90.625rem) {
3819
- .pf-v6-u-hidden-on-2xl {
3820
- display: none !important;
3840
+ .pf-m-grid-2xl.pf-v6-c-table :where(.pf-v6-c-table, .pf-v6-c-table__thead, .pf-v6-c-table__tbody, .pf-v6-c-table__tr, .pf-v6-c-table__th, .pf-v6-c-table__td, .pf-v6-c-table__text).pf-m-truncate {
3841
+ --pf-v6-c-table--cell--MaxWidth: 100%;
3842
+ }
3843
+ .pf-m-grid-2xl.pf-v6-c-table [class*=pf-m-width] {
3844
+ --pf-v6-c-table--cell--Width: auto;
3821
3845
  }
3822
3846
  }
3823
- .pf-v6-c-inline-edit {
3824
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
3825
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
3826
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
3827
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
3828
- --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
3829
- --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
3830
- }
3831
-
3832
- .pf-v6-c-inline-edit__group {
3833
- display: flex;
3834
- align-items: baseline;
3835
- }
3836
-
3837
- .pf-v6-c-inline-edit__group > * {
3838
- margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
3839
- }
3840
-
3841
- .pf-v6-c-inline-edit__group.pf-m-icon-group {
3842
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
3843
- }
3844
-
3845
- .pf-v6-c-inline-edit__group.pf-m-footer {
3846
- margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
3847
- }
3848
-
3849
- .pf-v6-c-inline-edit__group.pf-m-column {
3850
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
3851
- flex-direction: column;
3852
- }
3853
-
3854
- .pf-v6-c-inline-edit__group > :last-child {
3855
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
3856
- }
3857
-
3858
- .pf-v6-c-inline-edit__input {
3859
- flex: 1;
3860
- }
3861
-
3862
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
3863
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
3864
- }
3865
-
3866
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
3867
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
3868
- }
3869
-
3870
- .pf-v6-c-inline-edit__input,
3871
- .pf-v6-c-inline-edit__action,
3872
- .pf-v6-c-inline-edit__group.pf-m-action-group {
3873
- display: none;
3847
+ .pf-v6-c-table {
3848
+ --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
3849
+ --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
3850
+ --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
3851
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
3852
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
3853
+ --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
3854
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
3855
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
3856
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
3857
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
3858
+ --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
3859
+ --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
3860
+ --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
3874
3861
  }
3875
3862
 
3876
- .pf-v6-c-inline-edit__action.pf-m-enable-editable {
3877
- display: inline-block;
3863
+ .pf-v6-c-table .pf-v6-c-table__sticky-cell {
3864
+ position: sticky;
3865
+ inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
3866
+ inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
3867
+ z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
3868
+ min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
3878
3869
  }
3879
3870
 
3880
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
3881
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
3882
- display: block;
3871
+ .pf-v6-c-table__sticky-cell {
3872
+ --pf-v6-c-table--cell--Overflow: visible;
3873
+ --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
3874
+ background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
3875
+ background-clip: padding-box;
3883
3876
  }
3884
3877
 
3885
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
3886
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
3887
- display: inline-block;
3878
+ .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
3879
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
3880
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
3888
3881
  }
3889
3882
 
3890
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
3891
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
3892
- display: inline-flex;
3883
+ .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
3884
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
3885
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
3893
3886
  }
3894
3887
 
3895
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
3896
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
3897
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
3898
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
3899
- display: none;
3888
+ .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
3889
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
3900
3890
  }
3901
3891
 
3902
- .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
3903
- margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
3904
- margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
3892
+ .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
3893
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
3905
3894
  }
3906
3895
 
3907
- .pf-v6-c-inline-edit__label.pf-m-bold {
3908
- font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
3896
+ .pf-v6-c-scroll-outer-wrapper {
3897
+ --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
3898
+ --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
3899
+ display: flex;
3900
+ flex-direction: column;
3901
+ max-width: 100%;
3902
+ min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
3903
+ max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
3904
+ overflow: hidden;
3909
3905
  }
3910
3906
 
3911
- .pf-v6-c-inline-edit__editable-text br {
3912
- display: none;
3907
+ .pf-v6-c-scroll-inner-wrapper {
3908
+ display: flex;
3909
+ flex-direction: column;
3910
+ max-width: 100%;
3911
+ max-height: 100%;
3912
+ overflow: auto;
3913
3913
  }
3914
3914
 
3915
3915
  .pf-v6-c-form {
@@ -5164,102 +5164,20 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
5164
5164
  }
5165
5165
 
5166
5166
  .pf-v6-c-menu-toggle__controls {
5167
- display: flex;
5168
- gap: var(--pf-v6-c-menu-toggle__controls--Gap);
5169
- align-items: center;
5170
- justify-content: center;
5171
- margin-inline-start: auto;
5172
- }
5173
-
5174
- .pf-v6-c-menu-toggle__toggle-icon {
5175
- min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
5176
- color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
5177
- }
5178
-
5179
- .pf-v6-c-menu-toggle__status-icon {
5180
- color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
5181
- }
5182
-
5183
- .pf-v6-c-check {
5184
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
5185
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
5186
- --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
5187
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
5188
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
5189
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
5190
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
5191
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
5192
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
5193
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
5194
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
5195
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
5196
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
5197
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
5198
- }
5199
-
5200
- .pf-v6-c-check {
5201
- display: grid;
5202
- grid-template-columns: auto 1fr;
5203
- grid-gap: var(--pf-v6-c-check--GridGap);
5204
- accent-color: var(--pf-v6-c-check--AccentColor);
5205
- }
5206
-
5207
- .pf-v6-c-check.pf-m-standalone {
5208
- display: inline-grid;
5209
- grid-template-columns: auto;
5210
- min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
5211
- }
5212
-
5213
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
5214
- align-self: center;
5215
- transform: none;
5216
- }
5217
-
5218
- .pf-v6-c-check__input {
5219
- align-self: start;
5220
- font-size: var(--pf-v6-c-check__label--FontSize);
5221
- line-height: var(--pf-v6-c-check__label--LineHeight);
5222
- transform: translateY(var(--pf-v6-c-check__input--TranslateY));
5223
- }
5224
-
5225
- .pf-v6-c-check__label {
5226
- font-size: var(--pf-v6-c-check__label--FontSize);
5227
- font-weight: var(--pf-v6-c-check__label--FontWeight);
5228
- line-height: var(--pf-v6-c-check__label--LineHeight);
5229
- color: var(--pf-v6-c-check__label--Color);
5230
- }
5231
-
5232
- .pf-v6-c-check__description {
5233
- grid-column: 2;
5234
- font-size: var(--pf-v6-c-check__description--FontSize);
5235
- color: var(--pf-v6-c-check__description--Color);
5236
- }
5237
-
5238
- .pf-v6-c-check__body {
5239
- grid-column: 2;
5240
- }
5241
-
5242
- .pf-v6-c-check__label,
5243
- .pf-v6-c-check__input {
5244
- justify-self: start;
5245
- }
5246
-
5247
- label.pf-v6-c-check, .pf-v6-c-check__label,
5248
- .pf-v6-c-check__input {
5249
- cursor: pointer;
5167
+ display: flex;
5168
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
5169
+ align-items: center;
5170
+ justify-content: center;
5171
+ margin-inline-start: auto;
5250
5172
  }
5251
5173
 
5252
- .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
5253
- .pf-v6-c-check__input:disabled,
5254
- .pf-v6-c-check__input.pf-m-disabled {
5255
- --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
5256
- cursor: not-allowed;
5174
+ .pf-v6-c-menu-toggle__toggle-icon {
5175
+ min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
5176
+ color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
5257
5177
  }
5258
5178
 
5259
- .pf-v6-c-check__label-required {
5260
- margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
5261
- font-size: var(--pf-v6-c-check__label-required--FontSize);
5262
- color: var(--pf-v6-c-check__label-required--Color);
5179
+ .pf-v6-c-menu-toggle__status-icon {
5180
+ color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
5263
5181
  }
5264
5182
 
5265
5183
  .pf-v6-c-button {
@@ -6064,69 +5982,499 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
6064
5982
  opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
6065
5983
  }
6066
5984
 
6067
- .pf-v6-c-button__icon-favorited {
6068
- opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
5985
+ .pf-v6-c-button__icon-favorited {
5986
+ opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
5987
+ }
5988
+
5989
+ .pf-v6-c-button__progress {
5990
+ position: absolute;
5991
+ inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
5992
+ inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
5993
+ line-height: 1;
5994
+ color: var(--pf-v6-c-button__progress--Color);
5995
+ transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
5996
+ }
5997
+
5998
+ .pf-v6-c-button__progress .pf-v6-c-spinner {
5999
+ --pf-v6-c-spinner--Color: currentcolor;
6000
+ }
6001
+
6002
+ .pf-v6-c-button__text {
6003
+ text-decoration: inherit;
6004
+ }
6005
+
6006
+ .pf-v6-c-button__count {
6007
+ display: inline-flex;
6008
+ align-items: center;
6009
+ }
6010
+
6011
+ .pf-v6-c-button--hamburger-icon path {
6012
+ fill: none;
6013
+ stroke: currentcolor;
6014
+ stroke-linecap: round;
6015
+ stroke-linejoin: round;
6016
+ transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
6017
+ }
6018
+
6019
+ .pf-v6-c-button--hamburger-icon--top {
6020
+ d: var(--pf-v6-c-button--hamburger-icon--top--path);
6021
+ }
6022
+
6023
+ .pf-v6-c-button--hamburger-icon--middle {
6024
+ d: var(--pf-v6-c-button--hamburger-icon--middle--path);
6025
+ }
6026
+
6027
+ .pf-v6-c-button--hamburger-icon--arrow {
6028
+ d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
6029
+ }
6030
+
6031
+ .pf-v6-c-button--hamburger-icon--bottom {
6032
+ d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
6033
+ }
6034
+
6035
+ @keyframes pf-v6-c-button-icon-notify {
6036
+ 33% {
6037
+ transform: rotate(30deg);
6038
+ }
6039
+ 66% {
6040
+ transform: rotate(-60deg);
6041
+ }
6042
+ }
6043
+ @keyframes pf-v6-c-button-icon-favorited {
6044
+ 50% {
6045
+ scale: 1.5;
6046
+ }
6047
+ }
6048
+ .pf-v6-c-check {
6049
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
6050
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
6051
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
6052
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
6053
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
6054
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
6055
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
6056
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
6057
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
6058
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
6059
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
6060
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
6061
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
6062
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
6063
+ }
6064
+
6065
+ .pf-v6-c-check {
6066
+ display: grid;
6067
+ grid-template-columns: auto 1fr;
6068
+ grid-gap: var(--pf-v6-c-check--GridGap);
6069
+ accent-color: var(--pf-v6-c-check--AccentColor);
6070
+ }
6071
+
6072
+ .pf-v6-c-check.pf-m-standalone {
6073
+ display: inline-grid;
6074
+ grid-template-columns: auto;
6075
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
6076
+ }
6077
+
6078
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
6079
+ align-self: center;
6080
+ transform: none;
6081
+ }
6082
+
6083
+ .pf-v6-c-check__input {
6084
+ align-self: start;
6085
+ font-size: var(--pf-v6-c-check__label--FontSize);
6086
+ line-height: var(--pf-v6-c-check__label--LineHeight);
6087
+ transform: translateY(var(--pf-v6-c-check__input--TranslateY));
6088
+ }
6089
+
6090
+ .pf-v6-c-check__label {
6091
+ font-size: var(--pf-v6-c-check__label--FontSize);
6092
+ font-weight: var(--pf-v6-c-check__label--FontWeight);
6093
+ line-height: var(--pf-v6-c-check__label--LineHeight);
6094
+ color: var(--pf-v6-c-check__label--Color);
6095
+ }
6096
+
6097
+ .pf-v6-c-check__description {
6098
+ grid-column: 2;
6099
+ font-size: var(--pf-v6-c-check__description--FontSize);
6100
+ color: var(--pf-v6-c-check__description--Color);
6101
+ }
6102
+
6103
+ .pf-v6-c-check__body {
6104
+ grid-column: 2;
6105
+ }
6106
+
6107
+ .pf-v6-c-check__label,
6108
+ .pf-v6-c-check__input {
6109
+ justify-self: start;
6110
+ }
6111
+
6112
+ label.pf-v6-c-check, .pf-v6-c-check__label,
6113
+ .pf-v6-c-check__input {
6114
+ cursor: pointer;
6115
+ }
6116
+
6117
+ .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
6118
+ .pf-v6-c-check__input:disabled,
6119
+ .pf-v6-c-check__input.pf-m-disabled {
6120
+ --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
6121
+ cursor: not-allowed;
6122
+ }
6123
+
6124
+ .pf-v6-c-check__label-required {
6125
+ margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
6126
+ font-size: var(--pf-v6-c-check__label-required--FontSize);
6127
+ color: var(--pf-v6-c-check__label-required--Color);
6128
+ }
6129
+
6130
+ .pf-v6-c-divider {
6131
+ --pf-v6-c-divider--Display: flex;
6132
+ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
6133
+ --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
6134
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6135
+ }
6136
+
6137
+ .pf-v6-c-divider {
6138
+ flex-direction: row;
6139
+ width: 100%;
6140
+ height: var(--pf-v6-c-divider--Size);
6141
+ --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
6142
+ --pf-v6-hidden-visible--hidden--Display: none;
6143
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6144
+ display: var(--pf-v6-hidden-visible--Display);
6145
+ flex-shrink: 0;
6146
+ align-items: stretch;
6147
+ align-self: stretch;
6148
+ justify-content: center;
6149
+ border: 0;
6150
+ }
6151
+
6152
+ .pf-v6-c-divider.pf-m-hidden {
6153
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6154
+ }
6155
+
6156
+ @media screen and (min-width: 36rem) {
6157
+ .pf-v6-c-divider.pf-m-hidden-on-sm {
6158
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6159
+ }
6160
+ .pf-v6-c-divider.pf-m-visible-on-sm {
6161
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6162
+ }
6163
+ }
6164
+ @media screen and (min-width: 48rem) {
6165
+ .pf-v6-c-divider.pf-m-hidden-on-md {
6166
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6167
+ }
6168
+ .pf-v6-c-divider.pf-m-visible-on-md {
6169
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6170
+ }
6171
+ }
6172
+ @media screen and (min-width: 62rem) {
6173
+ .pf-v6-c-divider.pf-m-hidden-on-lg {
6174
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6175
+ }
6176
+ .pf-v6-c-divider.pf-m-visible-on-lg {
6177
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6178
+ }
6179
+ }
6180
+ @media screen and (min-width: 75rem) {
6181
+ .pf-v6-c-divider.pf-m-hidden-on-xl {
6182
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6183
+ }
6184
+ .pf-v6-c-divider.pf-m-visible-on-xl {
6185
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6186
+ }
6187
+ }
6188
+ @media screen and (min-width: 90.625rem) {
6189
+ .pf-v6-c-divider.pf-m-hidden-on-2xl {
6190
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6191
+ }
6192
+ .pf-v6-c-divider.pf-m-visible-on-2xl {
6193
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6194
+ }
6195
+ }
6196
+ .pf-v6-c-divider::before {
6197
+ flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
6198
+ content: "";
6199
+ background-color: var(--pf-v6-c-divider--Color);
6200
+ }
6201
+
6202
+ .pf-v6-c-divider.pf-m-horizontal {
6203
+ flex-direction: row;
6204
+ width: 100%;
6205
+ height: var(--pf-v6-c-divider--Size);
6206
+ }
6207
+
6208
+ .pf-v6-c-divider.pf-m-vertical {
6209
+ flex-direction: column;
6210
+ width: var(--pf-v6-c-divider--Size);
6211
+ height: inherit;
6212
+ }
6213
+
6214
+ .pf-v6-c-divider.pf-m-inset-none {
6215
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
6216
+ }
6217
+
6218
+ .pf-v6-c-divider.pf-m-inset-xs {
6219
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6220
+ }
6221
+
6222
+ .pf-v6-c-divider.pf-m-inset-sm {
6223
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6069
6224
  }
6070
6225
 
6071
- .pf-v6-c-button__progress {
6072
- position: absolute;
6073
- inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
6074
- inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
6075
- line-height: 1;
6076
- color: var(--pf-v6-c-button__progress--Color);
6077
- transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
6226
+ .pf-v6-c-divider.pf-m-inset-md {
6227
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6078
6228
  }
6079
6229
 
6080
- .pf-v6-c-button__progress .pf-v6-c-spinner {
6081
- --pf-v6-c-spinner--Color: currentcolor;
6230
+ .pf-v6-c-divider.pf-m-inset-lg {
6231
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6082
6232
  }
6083
6233
 
6084
- .pf-v6-c-button__text {
6085
- text-decoration: inherit;
6234
+ .pf-v6-c-divider.pf-m-inset-xl {
6235
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6086
6236
  }
6087
6237
 
6088
- .pf-v6-c-button__count {
6089
- display: inline-flex;
6090
- align-items: center;
6238
+ .pf-v6-c-divider.pf-m-inset-2xl {
6239
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6091
6240
  }
6092
6241
 
6093
- .pf-v6-c-button--hamburger-icon path {
6094
- fill: none;
6095
- stroke: currentcolor;
6096
- stroke-linecap: round;
6097
- stroke-linejoin: round;
6098
- transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
6242
+ .pf-v6-c-divider.pf-m-inset-3xl {
6243
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6099
6244
  }
6100
6245
 
6101
- .pf-v6-c-button--hamburger-icon--top {
6102
- d: var(--pf-v6-c-button--hamburger-icon--top--path);
6246
+ @media (min-width: 36rem) {
6247
+ .pf-v6-c-divider.pf-m-horizontal-on-sm {
6248
+ flex-direction: row;
6249
+ width: 100%;
6250
+ height: var(--pf-v6-c-divider--Size);
6251
+ }
6252
+ }
6253
+ @media (min-width: 36rem) {
6254
+ .pf-v6-c-divider.pf-m-vertical-on-sm {
6255
+ flex-direction: column;
6256
+ width: var(--pf-v6-c-divider--Size);
6257
+ height: inherit;
6258
+ }
6259
+ }
6260
+ @media (min-width: 36rem) {
6261
+ .pf-v6-c-divider.pf-m-inset-none-on-sm {
6262
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6263
+ }
6264
+ .pf-v6-c-divider.pf-m-inset-xs-on-sm {
6265
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6266
+ }
6267
+ .pf-v6-c-divider.pf-m-inset-sm-on-sm {
6268
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6269
+ }
6270
+ .pf-v6-c-divider.pf-m-inset-md-on-sm {
6271
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6272
+ }
6273
+ .pf-v6-c-divider.pf-m-inset-lg-on-sm {
6274
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6275
+ }
6276
+ .pf-v6-c-divider.pf-m-inset-xl-on-sm {
6277
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6278
+ }
6279
+ .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
6280
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6281
+ }
6282
+ .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
6283
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6284
+ }
6285
+ }
6286
+ @media (min-width: 48rem) {
6287
+ .pf-v6-c-divider.pf-m-horizontal-on-md {
6288
+ flex-direction: row;
6289
+ width: 100%;
6290
+ height: var(--pf-v6-c-divider--Size);
6291
+ }
6292
+ }
6293
+ @media (min-width: 48rem) {
6294
+ .pf-v6-c-divider.pf-m-vertical-on-md {
6295
+ flex-direction: column;
6296
+ width: var(--pf-v6-c-divider--Size);
6297
+ height: inherit;
6298
+ }
6299
+ }
6300
+ @media (min-width: 48rem) {
6301
+ .pf-v6-c-divider.pf-m-inset-none-on-md {
6302
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6303
+ }
6304
+ .pf-v6-c-divider.pf-m-inset-xs-on-md {
6305
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6306
+ }
6307
+ .pf-v6-c-divider.pf-m-inset-sm-on-md {
6308
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6309
+ }
6310
+ .pf-v6-c-divider.pf-m-inset-md-on-md {
6311
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6312
+ }
6313
+ .pf-v6-c-divider.pf-m-inset-lg-on-md {
6314
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6315
+ }
6316
+ .pf-v6-c-divider.pf-m-inset-xl-on-md {
6317
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6318
+ }
6319
+ .pf-v6-c-divider.pf-m-inset-2xl-on-md {
6320
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6321
+ }
6322
+ .pf-v6-c-divider.pf-m-inset-3xl-on-md {
6323
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6324
+ }
6325
+ }
6326
+ @media (min-width: 62rem) {
6327
+ .pf-v6-c-divider.pf-m-horizontal-on-lg {
6328
+ flex-direction: row;
6329
+ width: 100%;
6330
+ height: var(--pf-v6-c-divider--Size);
6331
+ }
6332
+ }
6333
+ @media (min-width: 62rem) {
6334
+ .pf-v6-c-divider.pf-m-vertical-on-lg {
6335
+ flex-direction: column;
6336
+ width: var(--pf-v6-c-divider--Size);
6337
+ height: inherit;
6338
+ }
6339
+ }
6340
+ @media (min-width: 62rem) {
6341
+ .pf-v6-c-divider.pf-m-inset-none-on-lg {
6342
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6343
+ }
6344
+ .pf-v6-c-divider.pf-m-inset-xs-on-lg {
6345
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6346
+ }
6347
+ .pf-v6-c-divider.pf-m-inset-sm-on-lg {
6348
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6349
+ }
6350
+ .pf-v6-c-divider.pf-m-inset-md-on-lg {
6351
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6352
+ }
6353
+ .pf-v6-c-divider.pf-m-inset-lg-on-lg {
6354
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6355
+ }
6356
+ .pf-v6-c-divider.pf-m-inset-xl-on-lg {
6357
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6358
+ }
6359
+ .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
6360
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6361
+ }
6362
+ .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
6363
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6364
+ }
6365
+ }
6366
+ @media (min-width: 75rem) {
6367
+ .pf-v6-c-divider.pf-m-horizontal-on-xl {
6368
+ flex-direction: row;
6369
+ width: 100%;
6370
+ height: var(--pf-v6-c-divider--Size);
6371
+ }
6372
+ }
6373
+ @media (min-width: 75rem) {
6374
+ .pf-v6-c-divider.pf-m-vertical-on-xl {
6375
+ flex-direction: column;
6376
+ width: var(--pf-v6-c-divider--Size);
6377
+ height: inherit;
6378
+ }
6379
+ }
6380
+ @media (min-width: 75rem) {
6381
+ .pf-v6-c-divider.pf-m-inset-none-on-xl {
6382
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6383
+ }
6384
+ .pf-v6-c-divider.pf-m-inset-xs-on-xl {
6385
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6386
+ }
6387
+ .pf-v6-c-divider.pf-m-inset-sm-on-xl {
6388
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6389
+ }
6390
+ .pf-v6-c-divider.pf-m-inset-md-on-xl {
6391
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6392
+ }
6393
+ .pf-v6-c-divider.pf-m-inset-lg-on-xl {
6394
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6395
+ }
6396
+ .pf-v6-c-divider.pf-m-inset-xl-on-xl {
6397
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6398
+ }
6399
+ .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
6400
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6401
+ }
6402
+ .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
6403
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6404
+ }
6405
+ }
6406
+ @media (min-width: 90.625rem) {
6407
+ .pf-v6-c-divider.pf-m-horizontal-on-2xl {
6408
+ flex-direction: row;
6409
+ width: 100%;
6410
+ height: var(--pf-v6-c-divider--Size);
6411
+ }
6412
+ }
6413
+ @media (min-width: 90.625rem) {
6414
+ .pf-v6-c-divider.pf-m-vertical-on-2xl {
6415
+ flex-direction: column;
6416
+ width: var(--pf-v6-c-divider--Size);
6417
+ height: inherit;
6418
+ }
6419
+ }
6420
+ @media (min-width: 90.625rem) {
6421
+ .pf-v6-c-divider.pf-m-inset-none-on-2xl {
6422
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6423
+ }
6424
+ .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
6425
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6426
+ }
6427
+ .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
6428
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6429
+ }
6430
+ .pf-v6-c-divider.pf-m-inset-md-on-2xl {
6431
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6432
+ }
6433
+ .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
6434
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6435
+ }
6436
+ .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
6437
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6438
+ }
6439
+ .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
6440
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6441
+ }
6442
+ .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
6443
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6444
+ }
6445
+ }
6446
+ .pf-v6-c-action-list {
6447
+ --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6448
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
6449
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
6450
+ --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
6103
6451
  }
6104
6452
 
6105
- .pf-v6-c-button--hamburger-icon--middle {
6106
- d: var(--pf-v6-c-button--hamburger-icon--middle--path);
6453
+ .pf-v6-c-action-list,
6454
+ .pf-v6-c-action-list__group {
6455
+ display: flex;
6456
+ align-items: start;
6107
6457
  }
6108
6458
 
6109
- .pf-v6-c-button--hamburger-icon--arrow {
6110
- d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
6459
+ .pf-v6-c-action-list {
6460
+ row-gap: var(--pf-v6-c-action-list--RowGap);
6461
+ column-gap: var(--pf-v6-c-action-list--ColumnGap);
6111
6462
  }
6112
6463
 
6113
- .pf-v6-c-button--hamburger-icon--bottom {
6114
- d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
6464
+ .pf-v6-c-action-list.pf-m-icons {
6465
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6466
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6115
6467
  }
6116
6468
 
6117
- @keyframes pf-v6-c-button-icon-notify {
6118
- 33% {
6119
- transform: rotate(30deg);
6120
- }
6121
- 66% {
6122
- transform: rotate(-60deg);
6123
- }
6469
+ .pf-v6-c-action-list__group {
6470
+ row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
6471
+ column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
6124
6472
  }
6125
- @keyframes pf-v6-c-button-icon-favorited {
6126
- 50% {
6127
- scale: 1.5;
6128
- }
6473
+
6474
+ .pf-v6-c-action-list__group.pf-m-icons {
6475
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6129
6476
  }
6477
+
6130
6478
  .pf-v6-c-form-control {
6131
6479
  --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
6132
6480
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
@@ -6545,38 +6893,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
6545
6893
  pointer-events: none;
6546
6894
  }
6547
6895
 
6548
- .pf-v6-c-action-list {
6549
- --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6550
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
6551
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
6552
- --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
6553
- }
6554
-
6555
- .pf-v6-c-action-list,
6556
- .pf-v6-c-action-list__group {
6557
- display: flex;
6558
- align-items: start;
6559
- }
6560
-
6561
- .pf-v6-c-action-list {
6562
- row-gap: var(--pf-v6-c-action-list--RowGap);
6563
- column-gap: var(--pf-v6-c-action-list--ColumnGap);
6564
- }
6565
-
6566
- .pf-v6-c-action-list.pf-m-icons {
6567
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6568
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6569
- }
6570
-
6571
- .pf-v6-c-action-list__group {
6572
- row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
6573
- column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
6574
- }
6575
-
6576
- .pf-v6-c-action-list__group.pf-m-icons {
6577
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6578
- }
6579
-
6580
6896
  .pf-v6-c-popover {
6581
6897
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
6582
6898
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -6788,331 +7104,88 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
6788
7104
  color: var(--pf-v6-c-popover__title-text--Color);
6789
7105
  overflow-wrap: break-word;
6790
7106
  }
6791
-
6792
- .pf-v6-c-popover__body {
6793
- word-wrap: break-word;
6794
- }
6795
-
6796
- .pf-v6-c-popover__footer {
6797
- margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
6798
- }
6799
-
6800
- .pf-v6-c-divider {
6801
- --pf-v6-c-divider--Display: flex;
6802
- --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
6803
- --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
6804
- --pf-v6-c-divider--before--FlexBasis: 100%;
6805
- }
6806
-
6807
- .pf-v6-c-divider {
6808
- flex-direction: row;
6809
- width: 100%;
6810
- height: var(--pf-v6-c-divider--Size);
6811
- --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
6812
- --pf-v6-hidden-visible--hidden--Display: none;
6813
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6814
- display: var(--pf-v6-hidden-visible--Display);
6815
- flex-shrink: 0;
6816
- align-items: stretch;
6817
- align-self: stretch;
6818
- justify-content: center;
6819
- border: 0;
6820
- }
6821
-
6822
- .pf-v6-c-divider.pf-m-hidden {
6823
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6824
- }
6825
-
6826
- @media screen and (min-width: 36rem) {
6827
- .pf-v6-c-divider.pf-m-hidden-on-sm {
6828
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6829
- }
6830
- .pf-v6-c-divider.pf-m-visible-on-sm {
6831
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6832
- }
6833
- }
6834
- @media screen and (min-width: 48rem) {
6835
- .pf-v6-c-divider.pf-m-hidden-on-md {
6836
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6837
- }
6838
- .pf-v6-c-divider.pf-m-visible-on-md {
6839
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6840
- }
6841
- }
6842
- @media screen and (min-width: 62rem) {
6843
- .pf-v6-c-divider.pf-m-hidden-on-lg {
6844
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6845
- }
6846
- .pf-v6-c-divider.pf-m-visible-on-lg {
6847
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6848
- }
6849
- }
6850
- @media screen and (min-width: 75rem) {
6851
- .pf-v6-c-divider.pf-m-hidden-on-xl {
6852
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6853
- }
6854
- .pf-v6-c-divider.pf-m-visible-on-xl {
6855
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6856
- }
6857
- }
6858
- @media screen and (min-width: 90.625rem) {
6859
- .pf-v6-c-divider.pf-m-hidden-on-2xl {
6860
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6861
- }
6862
- .pf-v6-c-divider.pf-m-visible-on-2xl {
6863
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6864
- }
6865
- }
6866
- .pf-v6-c-divider::before {
6867
- flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
6868
- content: "";
6869
- background-color: var(--pf-v6-c-divider--Color);
6870
- }
6871
-
6872
- .pf-v6-c-divider.pf-m-horizontal {
6873
- flex-direction: row;
6874
- width: 100%;
6875
- height: var(--pf-v6-c-divider--Size);
6876
- }
6877
-
6878
- .pf-v6-c-divider.pf-m-vertical {
6879
- flex-direction: column;
6880
- width: var(--pf-v6-c-divider--Size);
6881
- height: inherit;
6882
- }
6883
-
6884
- .pf-v6-c-divider.pf-m-inset-none {
6885
- --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
6886
- }
6887
-
6888
- .pf-v6-c-divider.pf-m-inset-xs {
6889
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6890
- }
6891
-
6892
- .pf-v6-c-divider.pf-m-inset-sm {
6893
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6894
- }
6895
-
6896
- .pf-v6-c-divider.pf-m-inset-md {
6897
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6898
- }
6899
-
6900
- .pf-v6-c-divider.pf-m-inset-lg {
6901
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6902
- }
6903
-
6904
- .pf-v6-c-divider.pf-m-inset-xl {
6905
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6906
- }
6907
-
6908
- .pf-v6-c-divider.pf-m-inset-2xl {
6909
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6910
- }
6911
-
6912
- .pf-v6-c-divider.pf-m-inset-3xl {
6913
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6914
- }
6915
-
6916
- @media (min-width: 36rem) {
6917
- .pf-v6-c-divider.pf-m-horizontal-on-sm {
6918
- flex-direction: row;
6919
- width: 100%;
6920
- height: var(--pf-v6-c-divider--Size);
6921
- }
6922
- }
6923
- @media (min-width: 36rem) {
6924
- .pf-v6-c-divider.pf-m-vertical-on-sm {
6925
- flex-direction: column;
6926
- width: var(--pf-v6-c-divider--Size);
6927
- height: inherit;
6928
- }
6929
- }
6930
- @media (min-width: 36rem) {
6931
- .pf-v6-c-divider.pf-m-inset-none-on-sm {
6932
- --pf-v6-c-divider--before--FlexBasis: 100%;
6933
- }
6934
- .pf-v6-c-divider.pf-m-inset-xs-on-sm {
6935
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6936
- }
6937
- .pf-v6-c-divider.pf-m-inset-sm-on-sm {
6938
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6939
- }
6940
- .pf-v6-c-divider.pf-m-inset-md-on-sm {
6941
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6942
- }
6943
- .pf-v6-c-divider.pf-m-inset-lg-on-sm {
6944
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6945
- }
6946
- .pf-v6-c-divider.pf-m-inset-xl-on-sm {
6947
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6948
- }
6949
- .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
6950
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6951
- }
6952
- .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
6953
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6954
- }
6955
- }
6956
- @media (min-width: 48rem) {
6957
- .pf-v6-c-divider.pf-m-horizontal-on-md {
6958
- flex-direction: row;
6959
- width: 100%;
6960
- height: var(--pf-v6-c-divider--Size);
6961
- }
6962
- }
6963
- @media (min-width: 48rem) {
6964
- .pf-v6-c-divider.pf-m-vertical-on-md {
6965
- flex-direction: column;
6966
- width: var(--pf-v6-c-divider--Size);
6967
- height: inherit;
6968
- }
6969
- }
6970
- @media (min-width: 48rem) {
6971
- .pf-v6-c-divider.pf-m-inset-none-on-md {
6972
- --pf-v6-c-divider--before--FlexBasis: 100%;
6973
- }
6974
- .pf-v6-c-divider.pf-m-inset-xs-on-md {
6975
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6976
- }
6977
- .pf-v6-c-divider.pf-m-inset-sm-on-md {
6978
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6979
- }
6980
- .pf-v6-c-divider.pf-m-inset-md-on-md {
6981
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6982
- }
6983
- .pf-v6-c-divider.pf-m-inset-lg-on-md {
6984
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6985
- }
6986
- .pf-v6-c-divider.pf-m-inset-xl-on-md {
6987
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6988
- }
6989
- .pf-v6-c-divider.pf-m-inset-2xl-on-md {
6990
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6991
- }
6992
- .pf-v6-c-divider.pf-m-inset-3xl-on-md {
6993
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6994
- }
6995
- }
6996
- @media (min-width: 62rem) {
6997
- .pf-v6-c-divider.pf-m-horizontal-on-lg {
6998
- flex-direction: row;
6999
- width: 100%;
7000
- height: var(--pf-v6-c-divider--Size);
7001
- }
7107
+
7108
+ .pf-v6-c-popover__body {
7109
+ word-wrap: break-word;
7002
7110
  }
7003
- @media (min-width: 62rem) {
7004
- .pf-v6-c-divider.pf-m-vertical-on-lg {
7005
- flex-direction: column;
7006
- width: var(--pf-v6-c-divider--Size);
7007
- height: inherit;
7008
- }
7111
+
7112
+ .pf-v6-c-popover__footer {
7113
+ margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
7009
7114
  }
7010
- @media (min-width: 62rem) {
7011
- .pf-v6-c-divider.pf-m-inset-none-on-lg {
7012
- --pf-v6-c-divider--before--FlexBasis: 100%;
7013
- }
7014
- .pf-v6-c-divider.pf-m-inset-xs-on-lg {
7015
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7016
- }
7017
- .pf-v6-c-divider.pf-m-inset-sm-on-lg {
7018
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7019
- }
7020
- .pf-v6-c-divider.pf-m-inset-md-on-lg {
7021
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7022
- }
7023
- .pf-v6-c-divider.pf-m-inset-lg-on-lg {
7024
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7025
- }
7026
- .pf-v6-c-divider.pf-m-inset-xl-on-lg {
7027
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7028
- }
7029
- .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
7030
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7031
- }
7032
- .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
7033
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7034
- }
7115
+
7116
+ .pf-v6-c-badge {
7117
+ --pf-v6-c-badge--BorderColor: transparent;
7118
+ --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7119
+ --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
7120
+ --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
7121
+ --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
7122
+ --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7123
+ --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7124
+ --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7125
+ --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
7126
+ --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
7127
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7128
+ --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
7129
+ --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7130
+ --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7131
+ --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
7132
+ --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
7133
+ --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
7134
+ --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
7135
+ --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
7136
+ --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7035
7137
  }
7036
- @media (min-width: 75rem) {
7037
- .pf-v6-c-divider.pf-m-horizontal-on-xl {
7038
- flex-direction: row;
7039
- width: 100%;
7040
- height: var(--pf-v6-c-divider--Size);
7041
- }
7138
+
7139
+ .pf-v6-c-badge {
7140
+ position: relative;
7141
+ display: inline-block;
7142
+ min-width: var(--pf-v6-c-badge--MinWidth);
7143
+ padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
7144
+ padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
7145
+ font-size: var(--pf-v6-c-badge--FontSize);
7146
+ font-weight: var(--pf-v6-c-badge--FontWeight);
7147
+ color: var(--pf-v6-c-badge--Color);
7148
+ text-align: center;
7149
+ white-space: nowrap;
7150
+ background-color: var(--pf-v6-c-badge--BackgroundColor);
7151
+ border-radius: var(--pf-v6-c-badge--BorderRadius);
7042
7152
  }
7043
- @media (min-width: 75rem) {
7044
- .pf-v6-c-divider.pf-m-vertical-on-xl {
7045
- flex-direction: column;
7046
- width: var(--pf-v6-c-divider--Size);
7047
- height: inherit;
7048
- }
7153
+
7154
+ .pf-v6-c-badge::after {
7155
+ position: absolute;
7156
+ inset: 0;
7157
+ pointer-events: none;
7158
+ content: "";
7159
+ border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
7160
+ border-radius: inherit;
7049
7161
  }
7050
- @media (min-width: 75rem) {
7051
- .pf-v6-c-divider.pf-m-inset-none-on-xl {
7052
- --pf-v6-c-divider--before--FlexBasis: 100%;
7053
- }
7054
- .pf-v6-c-divider.pf-m-inset-xs-on-xl {
7055
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7056
- }
7057
- .pf-v6-c-divider.pf-m-inset-sm-on-xl {
7058
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7059
- }
7060
- .pf-v6-c-divider.pf-m-inset-md-on-xl {
7061
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7062
- }
7063
- .pf-v6-c-divider.pf-m-inset-lg-on-xl {
7064
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7065
- }
7066
- .pf-v6-c-divider.pf-m-inset-xl-on-xl {
7067
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7068
- }
7069
- .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
7070
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7071
- }
7072
- .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
7073
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7074
- }
7162
+
7163
+ .pf-v6-c-badge.pf-m-read {
7164
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
7165
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
7166
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
7075
7167
  }
7076
- @media (min-width: 90.625rem) {
7077
- .pf-v6-c-divider.pf-m-horizontal-on-2xl {
7078
- flex-direction: row;
7079
- width: 100%;
7080
- height: var(--pf-v6-c-divider--Size);
7081
- }
7168
+
7169
+ .pf-v6-c-badge.pf-m-unread {
7170
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
7171
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
7172
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
7082
7173
  }
7083
- @media (min-width: 90.625rem) {
7084
- .pf-v6-c-divider.pf-m-vertical-on-2xl {
7085
- flex-direction: column;
7086
- width: var(--pf-v6-c-divider--Size);
7087
- height: inherit;
7088
- }
7174
+
7175
+ .pf-v6-c-badge.pf-m-disabled {
7176
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
7177
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
7089
7178
  }
7090
- @media (min-width: 90.625rem) {
7091
- .pf-v6-c-divider.pf-m-inset-none-on-2xl {
7092
- --pf-v6-c-divider--before--FlexBasis: 100%;
7093
- }
7094
- .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
7095
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
7096
- }
7097
- .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
7098
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
7099
- }
7100
- .pf-v6-c-divider.pf-m-inset-md-on-2xl {
7101
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
7102
- }
7103
- .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
7104
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
7105
- }
7106
- .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
7107
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
7108
- }
7109
- .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
7110
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
7111
- }
7112
- .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
7113
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
7114
- }
7179
+
7180
+ .pf-v6-c-badge.pf-m-disabled::after {
7181
+ border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
7182
+ }
7183
+
7184
+ .pf-v6-c-badge__toggle-icon {
7185
+ margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
7186
+ color: var(--pf-v6-c-badge__toggle-icon--Color);
7115
7187
  }
7188
+
7116
7189
  .pf-v6-c-breadcrumb {
7117
7190
  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
7118
7191
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -7981,76 +8054,4 @@ button.pf-v6-c-breadcrumb__link {
7981
8054
  stroke-dashoffset: 280;
7982
8055
  transform: rotate(720deg);
7983
8056
  }
7984
- }
7985
- .pf-v6-c-badge {
7986
- --pf-v6-c-badge--BorderColor: transparent;
7987
- --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7988
- --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
7989
- --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
7990
- --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
7991
- --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7992
- --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7993
- --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7994
- --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
7995
- --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
7996
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7997
- --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
7998
- --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7999
- --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
8000
- --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
8001
- --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
8002
- --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
8003
- --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
8004
- --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
8005
- --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8006
- }
8007
-
8008
- .pf-v6-c-badge {
8009
- position: relative;
8010
- display: inline-block;
8011
- min-width: var(--pf-v6-c-badge--MinWidth);
8012
- padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
8013
- padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
8014
- font-size: var(--pf-v6-c-badge--FontSize);
8015
- font-weight: var(--pf-v6-c-badge--FontWeight);
8016
- color: var(--pf-v6-c-badge--Color);
8017
- text-align: center;
8018
- white-space: nowrap;
8019
- background-color: var(--pf-v6-c-badge--BackgroundColor);
8020
- border-radius: var(--pf-v6-c-badge--BorderRadius);
8021
- }
8022
-
8023
- .pf-v6-c-badge::after {
8024
- position: absolute;
8025
- inset: 0;
8026
- pointer-events: none;
8027
- content: "";
8028
- border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
8029
- border-radius: inherit;
8030
- }
8031
-
8032
- .pf-v6-c-badge.pf-m-read {
8033
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
8034
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
8035
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
8036
- }
8037
-
8038
- .pf-v6-c-badge.pf-m-unread {
8039
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
8040
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
8041
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
8042
- }
8043
-
8044
- .pf-v6-c-badge.pf-m-disabled {
8045
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
8046
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
8047
- }
8048
-
8049
- .pf-v6-c-badge.pf-m-disabled::after {
8050
- border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
8051
- }
8052
-
8053
- .pf-v6-c-badge__toggle-icon {
8054
- margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
8055
- color: var(--pf-v6-c-badge__toggle-icon--Color);
8056
8057
  }