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

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.
@@ -1929,243 +1929,72 @@ 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-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;
1940
- }
1941
-
1942
- .pf-v6-u-visible {
1943
- position: static;
1944
- overflow: visible;
1945
- clip: auto;
1946
- white-space: normal;
1947
- border: inherit;
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);
1948
1946
  }
1949
1947
 
1950
- .pf-v6-u-hidden {
1951
- display: none !important;
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);
1952
1954
  }
1953
1955
 
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);
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;
2086
1961
  }
2087
1962
 
2088
- .pf-v6-c-inline-edit__group {
2089
- display: flex;
2090
- align-items: baseline;
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);
2091
1966
  }
2092
1967
 
2093
- .pf-v6-c-inline-edit__group > * {
2094
- margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
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);
2095
1971
  }
2096
1972
 
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);
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);
2099
1975
  }
2100
1976
 
2101
- .pf-v6-c-inline-edit__group.pf-m-footer {
2102
- margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
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);
2103
1979
  }
2104
1980
 
2105
- .pf-v6-c-inline-edit__group.pf-m-column {
2106
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
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;
2107
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;
2108
1990
  }
2109
1991
 
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;
1992
+ .pf-v6-c-scroll-inner-wrapper {
1993
+ display: flex;
1994
+ flex-direction: column;
1995
+ max-width: 100%;
1996
+ max-height: 100%;
1997
+ overflow: auto;
2169
1998
  }
2170
1999
 
2171
2000
  .pf-v6-c-table {
@@ -3844,787 +3673,1274 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3844
3673
  --pf-v6-c-table--cell--Width: auto;
3845
3674
  }
3846
3675
  }
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);
3676
+ .pf-v6-c-form {
3677
+ --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3678
+ --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
3679
+ --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
3680
+ --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
3681
+ --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
3682
+ --pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
3683
+ --pf-v6-c-form--m-limit-width--MaxWidth: 55rem;
3684
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: calc((((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) + (2 * var(--pf-t--global--border--width--control--default))) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)) - ((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) + var(--pf-t--global--border--width--control--default));
3685
+ --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3686
+ --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
3687
+ --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) - ((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)));
3688
+ --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
3689
+ --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
3690
+ --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
3691
+ --pf-v6-c-form__label--hover--Cursor: pointer;
3692
+ --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
3693
+ --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
3694
+ --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
3695
+ --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
3696
+ --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
3697
+ --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
3698
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
3699
+ --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
3700
+ --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
3701
+ --pf-v6-c-form__group-control--m-inline--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
3702
+ --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
3703
+ --pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--gap--group--vertical);
3704
+ --pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart: calc(var(--pf-v6-c-form__group-control--m-stack--Gap) * -1 + var(--pf-v6-c-form__helper-text--MarginBlockStart--base));
3705
+ --pf-v6-c-form__actions--child--MarginBlockStart: var(--pf-t--global--spacer--sm);
3706
+ --pf-v6-c-form__actions--child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
3707
+ --pf-v6-c-form__actions--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
3708
+ --pf-v6-c-form__actions--child--MarginInlineStart: var(--pf-t--global--spacer--sm);
3709
+ --pf-v6-c-form__actions--MarginBlockStart: calc(var(--pf-v6-c-form__actions--child--MarginBlockStart) * -1);
3710
+ --pf-v6-c-form__actions--MarginInlineEnd: calc(var(--pf-v6-c-form__actions--child--MarginInlineEnd) * -1);
3711
+ --pf-v6-c-form__actions--MarginBlockEnd: calc(var(--pf-v6-c-form__actions--child--MarginBlockEnd) * -1);
3712
+ --pf-v6-c-form__actions--MarginInlineStart: calc(var(--pf-v6-c-form__actions--child--MarginInlineStart) * -1);
3713
+ --pf-v6-c-form__helper-text--MarginBlockStart--base: var(--pf-t--global--spacer--xs);
3714
+ --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__helper-text--MarginBlockStart--base);
3715
+ --pf-v6-c-form__section--MarginBlockStart: var(--pf-t--global--spacer--xl);
3716
+ --pf-v6-c-form__section--Gap: var(--pf-v6-c-form--GridGap);
3717
+ --pf-v6-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
3718
+ --pf-v6-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
3719
+ --pf-v6-c-form__section-title--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
3720
+ --pf-v6-c-form__field-group--border-width-base: var(--pf-t--global--border--width--divider--default);
3721
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
3722
+ --pf-v6-c-form__field-group--BorderBlockStartColor: var(--pf-t--global--border--color--default);
3723
+ --pf-v6-c-form__field-group--BorderBlockEndWidth: var(--pf-v6-c-form__field-group--border-width-base);
3724
+ --pf-v6-c-form__field-group--BorderBlockEndColor: var(--pf-t--global--border--color--default);
3725
+ --pf-v6-c-form__field-group--field-group--MarginBlockStart: calc(var(--pf-v6-c-form--GridGap) * -1);
3726
+ --pf-v6-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
3727
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
3728
+ --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
3729
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
3730
+ --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
3731
+ --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
3732
+ --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3733
+ --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3734
+ --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
3735
+ --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
3736
+ --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
3737
+ --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
3738
+ --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
3739
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--md);
3740
+ --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3741
+ --pf-v6-c-form__field-group-header--GridColumn: 1 / 3;
3742
+ --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
3743
+ --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
3744
+ --pf-v6-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3;
3745
+ --pf-v6-c-form__field-group__field-group--field-group__field-group-header--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
3746
+ --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
3747
+ --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
3748
+ --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
3749
+ --pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3750
+ --pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3751
+ --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
3752
+ --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
3753
+ --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
3754
+ --pf-v6-c-form__field-group-body--GridColumn: 2 / 3;
3755
+ --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
3756
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
3757
+ --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
3758
+ --pf-v6-c-form__field-group-body--TranslateY: 0;
3759
+ --pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
3760
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
3761
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
3762
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
3763
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
3764
+ }
3765
+
3766
+ @media screen and (prefers-reduced-motion: no-preference) {
3767
+ .pf-v6-c-form {
3768
+ --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
3769
+ --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
3770
+ --pf-v6-c-form__field-group-body--TranslateY: -.5rem;
3771
+ }
3772
+ }
3773
+ .pf-v6-c-form {
3774
+ display: grid;
3775
+ gap: var(--pf-v6-c-form--GridGap);
3776
+ }
3777
+
3778
+ .pf-v6-c-form.pf-m-horizontal.pf-m-align-right .pf-v6-c-form__label {
3779
+ text-align: end;
3780
+ }
3781
+
3782
+ @media screen and (min-width: 48rem) {
3783
+ .pf-v6-c-form.pf-m-horizontal {
3784
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3785
+ }
3786
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
3787
+ display: grid;
3788
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
3789
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3790
+ }
3791
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
3792
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3793
+ }
3794
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-no-padding-top {
3795
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3796
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3797
+ }
3798
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
3799
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3800
+ flex-direction: column;
3801
+ align-items: flex-start;
3802
+ }
3803
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
3804
+ flex-grow: 0;
3805
+ }
3806
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-control {
3807
+ grid-column: 2;
3808
+ }
3809
+ }
3810
+ @media screen and (min-width: 0) {
3811
+ .pf-v6-c-form.pf-m-horizontal-on-xs {
3812
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3813
+ }
3814
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
3815
+ display: grid;
3816
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
3817
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3818
+ }
3819
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
3820
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3821
+ }
3822
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-no-padding-top {
3823
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3824
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3825
+ }
3826
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
3827
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3828
+ flex-direction: column;
3829
+ align-items: flex-start;
3830
+ }
3831
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
3832
+ flex-grow: 0;
3833
+ }
3834
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-control {
3835
+ grid-column: 2;
3836
+ }
3837
+ }
3838
+ @media (min-width: 36rem) {
3839
+ .pf-v6-c-form.pf-m-horizontal-on-sm {
3840
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3841
+ }
3842
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
3843
+ display: grid;
3844
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
3845
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3846
+ }
3847
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
3848
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3849
+ }
3850
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-no-padding-top {
3851
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3852
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3853
+ }
3854
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
3855
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3856
+ flex-direction: column;
3857
+ align-items: flex-start;
3858
+ }
3859
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
3860
+ flex-grow: 0;
3861
+ }
3862
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-control {
3863
+ grid-column: 2;
3864
+ }
3865
+ }
3866
+ @media (min-width: 48rem) {
3867
+ .pf-v6-c-form.pf-m-horizontal-on-md {
3868
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3869
+ }
3870
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
3871
+ display: grid;
3872
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
3873
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3874
+ }
3875
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
3876
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3877
+ }
3878
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-no-padding-top {
3879
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3880
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3881
+ }
3882
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
3883
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3884
+ flex-direction: column;
3885
+ align-items: flex-start;
3886
+ }
3887
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
3888
+ flex-grow: 0;
3889
+ }
3890
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-control {
3891
+ grid-column: 2;
3892
+ }
3893
+ }
3894
+ @media (min-width: 62rem) {
3895
+ .pf-v6-c-form.pf-m-horizontal-on-lg {
3896
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3897
+ }
3898
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
3899
+ display: grid;
3900
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
3901
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3902
+ }
3903
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
3904
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3905
+ }
3906
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-no-padding-top {
3907
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3908
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3909
+ }
3910
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
3911
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3912
+ flex-direction: column;
3913
+ align-items: flex-start;
3914
+ }
3915
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
3916
+ flex-grow: 0;
3917
+ }
3918
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-control {
3919
+ grid-column: 2;
3920
+ }
3921
+ }
3922
+ @media (min-width: 75rem) {
3923
+ .pf-v6-c-form.pf-m-horizontal-on-xl {
3924
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3925
+ }
3926
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
3927
+ display: grid;
3928
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
3929
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3930
+ }
3931
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
3932
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3933
+ }
3934
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
3935
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3936
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3937
+ }
3938
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
3939
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3940
+ flex-direction: column;
3941
+ align-items: flex-start;
3942
+ }
3943
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
3944
+ flex-grow: 0;
3945
+ }
3946
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-control {
3947
+ grid-column: 2;
3948
+ }
3949
+ }
3950
+ @media (min-width: 90.625rem) {
3951
+ .pf-v6-c-form.pf-m-horizontal-on-2xl {
3952
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3953
+ }
3954
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
3955
+ display: grid;
3956
+ grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
3957
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3958
+ }
3959
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
3960
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3961
+ }
3962
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
3963
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3964
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3965
+ }
3966
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
3967
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3968
+ flex-direction: column;
3969
+ align-items: flex-start;
3970
+ }
3971
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
3972
+ flex-grow: 0;
3973
+ }
3974
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-control {
3975
+ grid-column: 2;
3976
+ }
3977
+ }
3978
+ .pf-v6-c-form.pf-m-limit-width {
3979
+ max-width: var(--pf-v6-c-form--m-limit-width--MaxWidth);
3980
+ }
3981
+
3982
+ .pf-v6-c-form__group {
3983
+ display: flex;
3984
+ flex-direction: column;
3985
+ gap: var(--pf-v6-c-form__group--Gap);
3986
+ min-width: 0;
3987
+ }
3988
+
3989
+ .pf-v6-c-form__group.pf-m-action {
3990
+ margin-block-start: var(--pf-v6-c-form__group--m-action--MarginBlockStart);
3991
+ overflow: hidden;
3992
+ }
3993
+
3994
+ .pf-v6-c-form__section {
3995
+ display: grid;
3996
+ gap: var(--pf-v6-c-form__section--Gap);
3997
+ }
3998
+
3999
+ .pf-v6-c-form__section + .pf-v6-c-form__group:not(.pf-m-action), .pf-v6-c-form__section:not(:first-child) {
4000
+ margin-block-start: var(--pf-v6-c-form__section--MarginBlockStart);
4001
+ }
4002
+
4003
+ .pf-v6-c-form__section-title {
4004
+ margin-block-end: var(--pf-v6-c-form__section-title--MarginBlockEnd);
4005
+ font-size: var(--pf-v6-c-form__section-title--FontSize);
4006
+ font-weight: var(--pf-v6-c-form__section-title--FontWeight);
4007
+ }
4008
+
4009
+ .pf-v6-c-form__group-label {
4010
+ --pf-v6-c-form__helper-text--MarginBlockStart: 0;
4011
+ }
4012
+
4013
+ .pf-v6-c-form__group-label.pf-m-info {
4014
+ display: flex;
4015
+ gap: var(--pf-v6-c-form__group-label--m-info--Gap);
4016
+ align-items: flex-end;
4017
+ }
4018
+
4019
+ .pf-v6-c-form__group-label-main {
4020
+ flex-grow: 1;
4021
+ }
4022
+
4023
+ .pf-v6-c-form__group-label-info {
4024
+ font-size: var(--pf-v6-c-form__group-label-info--FontSize);
4025
+ }
4026
+
4027
+ .pf-v6-c-form__label {
4028
+ font-size: var(--pf-v6-c-form__label--FontSize);
4029
+ line-height: var(--pf-v6-c-form__label--LineHeight);
4030
+ }
4031
+
4032
+ .pf-v6-c-form__label:not(.pf-m-disabled):hover {
4033
+ cursor: var(--pf-v6-c-form__label--hover--Cursor);
4034
+ }
4035
+
4036
+ .pf-v6-c-form__label.pf-m-disabled {
4037
+ color: var(--pf-v6-c-form__label--m-disabled--Color);
4038
+ }
4039
+
4040
+ .pf-v6-c-form__label.pf-m-disabled:hover {
4041
+ cursor: var(--pf-v6-c-form__label--m-disabled--hover--Cursor);
4042
+ }
4043
+
4044
+ .pf-v6-c-form__label-text {
4045
+ font-weight: var(--pf-v6-c-form__label-text--FontWeight);
4046
+ }
4047
+
4048
+ .pf-v6-c-form__label-required {
4049
+ margin-inline-start: var(--pf-v6-c-form__label-required--MarginInlineStart);
4050
+ font-size: var(--pf-v6-c-form__label-required--FontSize);
4051
+ color: var(--pf-v6-c-form__label-required--Color);
4052
+ }
4053
+
4054
+ .pf-v6-c-form__group-label-help .pf-v6-c-button {
4055
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-form__group-label-help--FontSize);
4056
+ }
4057
+
4058
+ .pf-v6-c-form__group-control {
4059
+ min-width: 0;
4060
+ }
4061
+
4062
+ .pf-v6-c-form__group-control.pf-m-inline {
4063
+ display: flex;
4064
+ flex-flow: row wrap;
4065
+ gap: var(--pf-v6-c-form__group-control--m-inline--Gap);
4066
+ }
4067
+
4068
+ .pf-v6-c-form__group-control.pf-m-stack {
4069
+ --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart);
4070
+ display: grid;
4071
+ gap: var(--pf-v6-c-form__group-control--m-stack--Gap);
4072
+ }
4073
+
4074
+ .pf-v6-c-form__group-control .pf-v6-c-form__helper-text:first-child {
4075
+ --pf-v6-c-form__helper-text--MarginBlockStart: 0;
4076
+ margin-block-end: var(--pf-v6-c-form__group-control__helper-text--MarginBlockEnd);
4077
+ }
4078
+
4079
+ .pf-v6-c-form__helper-text {
4080
+ margin-block-start: var(--pf-v6-c-form__helper-text--MarginBlockStart);
4081
+ }
4082
+
4083
+ .pf-v6-c-form__helper-text.pf-m-inactive {
4084
+ display: none;
4085
+ }
4086
+
4087
+ .pf-v6-c-form__helper-text.pf-m-hidden {
4088
+ visibility: hidden;
4089
+ opacity: 0;
4090
+ }
4091
+
4092
+ .pf-v6-c-form__fieldset {
4093
+ border: 0;
4094
+ }
4095
+
4096
+ .pf-v6-c-form__actions {
4097
+ display: flex;
4098
+ flex-wrap: wrap;
4099
+ margin-block-start: var(--pf-v6-c-form__actions--MarginBlockStart);
4100
+ margin-block-end: var(--pf-v6-c-form__actions--MarginBlockEnd);
4101
+ margin-inline-start: var(--pf-v6-c-form__actions--MarginInlineStart);
4102
+ margin-inline-end: var(--pf-v6-c-form__actions--MarginInlineEnd);
4103
+ }
4104
+
4105
+ .pf-v6-c-form__actions > * {
4106
+ margin-block-start: var(--pf-v6-c-form__actions--child--MarginBlockStart);
4107
+ margin-block-end: var(--pf-v6-c-form__actions--child--MarginBlockEnd);
4108
+ margin-inline-start: var(--pf-v6-c-form__actions--child--MarginInlineStart);
4109
+ margin-inline-end: var(--pf-v6-c-form__actions--child--MarginInlineEnd);
4110
+ }
4111
+
4112
+ .pf-v6-c-form__field-group {
4113
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
4114
+ display: grid;
4115
+ grid-template-columns: minmax(var(--pf-v6-c-form__field-group--GridTemplateColumns--toggle), max-content) 1fr;
4116
+ border-block-start: var(--pf-v6-c-form__field-group--BorderBlockStartWidth) solid var(--pf-v6-c-form__field-group--BorderBlockStartColor);
4117
+ border-block-end: var(--pf-v6-c-form__field-group--BorderBlockEndWidth) solid var(--pf-v6-c-form__field-group--BorderBlockEndColor);
4118
+ }
4119
+
4120
+ .pf-v6-c-form__field-group:last-child {
4121
+ --pf-v6-c-form__field-group--BorderBlockEndWidth: 0;
4122
+ }
4123
+
4124
+ .pf-v6-c-form__field-group + .pf-v6-c-form__field-group, .pf-v6-c-form__field-group:first-child {
4125
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: 0;
4126
+ }
4127
+
4128
+ .pf-v6-c-form__field-group + .pf-v6-c-form__field-group {
4129
+ margin-block-start: var(--pf-v6-c-form__field-group--field-group--MarginBlockStart);
4130
+ }
4131
+
4132
+ .pf-v6-c-form__field-group .pf-v6-c-form__field-group {
4133
+ --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn);
4134
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart);
4135
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart);
4136
+ --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd);
4137
+ --pf-v6-c-form__field-group-body--PaddingBlockStart: 0;
4138
+ }
4139
+
4140
+ .pf-v6-c-form__field-group .pf-v6-c-form__field-group .pf-v6-c-form__field-group-toggle ~ .pf-v6-c-form__field-group-body {
4141
+ --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn);
4142
+ }
4143
+
4144
+ .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
4145
+ --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
4146
+ }
4147
+
4148
+ .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
4149
+ max-height: 99999px;
4150
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
4151
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
4152
+ visibility: visible;
4153
+ opacity: 1;
4154
+ transition-delay: 0s;
4155
+ transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
4156
+ translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
4157
+ }
4158
+
4159
+ .pf-v6-c-form__field-group-toggle {
4160
+ grid-row: 1/2;
4161
+ grid-column: 1/2;
4162
+ padding-block-start: var(--pf-v6-c-form__field-group-toggle--PaddingBlockStart);
4163
+ padding-inline-end: var(--pf-v6-c-form__field-group-toggle--PaddingInlineEnd);
4164
+ }
4165
+
4166
+ .pf-v6-c-form__field-group-toggle + .pf-v6-c-form__field-group-header {
4167
+ --pf-v6-c-form__field-group-header--GridColumn: var(--pf-v6-c-form__field-group-toggle--field-group-header--GridColumn);
4168
+ }
4169
+
4170
+ .pf-v6-c-form__field-group-toggle-button {
4171
+ margin-block-start: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockStart);
4172
+ margin-block-end: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd);
4173
+ }
4174
+
4175
+ .pf-v6-c-form__field-group-toggle-icon {
4176
+ display: inline-block;
4177
+ min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
4178
+ text-align: center;
4179
+ transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
4180
+ transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
4181
+ transition-property: transform;
4182
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
4183
+ }
4184
+
4185
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
4186
+ scale: -1 1;
4187
+ }
4188
+
4189
+ .pf-v6-c-form__field-group-header {
4190
+ display: flex;
4191
+ grid-row: 1/2;
4192
+ grid-column: var(--pf-v6-c-form__field-group-header--GridColumn);
4193
+ align-items: flex-start;
4194
+ padding-block-start: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
4195
+ padding-block-end: var(--pf-v6-c-form__field-group-header--PaddingBlockEnd);
3861
4196
  }
3862
4197
 
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);
4198
+ .pf-v6-c-form__field-group-header-main {
4199
+ display: flex;
4200
+ flex-direction: column;
4201
+ flex-grow: 1;
3869
4202
  }
3870
4203
 
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;
4204
+ .pf-v6-c-form__field-group-header-title {
4205
+ display: flex;
3876
4206
  }
3877
4207
 
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);
4208
+ .pf-v6-c-form__field-group-header-title-text {
4209
+ flex-grow: 1;
3881
4210
  }
3882
4211
 
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);
4212
+ .pf-v6-c-form__field-group-header-description {
4213
+ margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
4214
+ color: var(--pf-v6-c-form__field-group-header-description--Color);
3886
4215
  }
3887
4216
 
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);
4217
+ .pf-v6-c-form__field-group-header-actions {
4218
+ margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
4219
+ margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
4220
+ margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
4221
+ white-space: nowrap;
3890
4222
  }
3891
4223
 
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);
4224
+ .pf-v6-c-form__field-group-body {
4225
+ display: grid;
4226
+ grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
4227
+ gap: var(--pf-v6-c-form__field-group-body--Gap);
4228
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
4229
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
3894
4230
  }
3895
4231
 
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;
4232
+ .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
4233
+ max-height: 0;
4234
+ padding-block-start: 0;
4235
+ padding-block-end: 0;
4236
+ visibility: hidden;
4237
+ opacity: 0;
4238
+ transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
4239
+ transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
4240
+ transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
4241
+ translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
3905
4242
  }
3906
4243
 
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;
4244
+ .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
4245
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
4246
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
3913
4247
  }
3914
4248
 
3915
- .pf-v6-c-form {
3916
- --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3917
- --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
3918
- --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
3919
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
3920
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
3921
- --pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
3922
- --pf-v6-c-form--m-limit-width--MaxWidth: 55rem;
3923
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: calc((((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) + (2 * var(--pf-t--global--border--width--control--default))) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)) - ((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) + var(--pf-t--global--border--width--control--default));
3924
- --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3925
- --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
3926
- --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY: calc(((((var(--pf-t--global--font--size--body--sm) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--sm)) / 2) + var(--pf-t--global--font--size--body--sm)) - ((((var(--pf-t--global--font--size--body--default) * var(--pf-t--global--font--line-height--body)) - var(--pf-t--global--font--size--body--default)) / 2) + var(--pf-t--global--font--size--body--default)));
3927
- --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
3928
- --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
3929
- --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
3930
- --pf-v6-c-form__label--hover--Cursor: pointer;
3931
- --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
3932
- --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
3933
- --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
3934
- --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
3935
- --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
3936
- --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
3937
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
3938
- --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
3939
- --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
3940
- --pf-v6-c-form__group-control--m-inline--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
3941
- --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
3942
- --pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--gap--group--vertical);
3943
- --pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart: calc(var(--pf-v6-c-form__group-control--m-stack--Gap) * -1 + var(--pf-v6-c-form__helper-text--MarginBlockStart--base));
3944
- --pf-v6-c-form__actions--child--MarginBlockStart: var(--pf-t--global--spacer--sm);
3945
- --pf-v6-c-form__actions--child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
3946
- --pf-v6-c-form__actions--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
3947
- --pf-v6-c-form__actions--child--MarginInlineStart: var(--pf-t--global--spacer--sm);
3948
- --pf-v6-c-form__actions--MarginBlockStart: calc(var(--pf-v6-c-form__actions--child--MarginBlockStart) * -1);
3949
- --pf-v6-c-form__actions--MarginInlineEnd: calc(var(--pf-v6-c-form__actions--child--MarginInlineEnd) * -1);
3950
- --pf-v6-c-form__actions--MarginBlockEnd: calc(var(--pf-v6-c-form__actions--child--MarginBlockEnd) * -1);
3951
- --pf-v6-c-form__actions--MarginInlineStart: calc(var(--pf-v6-c-form__actions--child--MarginInlineStart) * -1);
3952
- --pf-v6-c-form__helper-text--MarginBlockStart--base: var(--pf-t--global--spacer--xs);
3953
- --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__helper-text--MarginBlockStart--base);
3954
- --pf-v6-c-form__section--MarginBlockStart: var(--pf-t--global--spacer--xl);
3955
- --pf-v6-c-form__section--Gap: var(--pf-v6-c-form--GridGap);
3956
- --pf-v6-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
3957
- --pf-v6-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
3958
- --pf-v6-c-form__section-title--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
3959
- --pf-v6-c-form__field-group--border-width-base: var(--pf-t--global--border--width--divider--default);
3960
- --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
3961
- --pf-v6-c-form__field-group--BorderBlockStartColor: var(--pf-t--global--border--color--default);
3962
- --pf-v6-c-form__field-group--BorderBlockEndWidth: var(--pf-v6-c-form__field-group--border-width-base);
3963
- --pf-v6-c-form__field-group--BorderBlockEndColor: var(--pf-t--global--border--color--default);
3964
- --pf-v6-c-form__field-group--field-group--MarginBlockStart: calc(var(--pf-v6-c-form--GridGap) * -1);
3965
- --pf-v6-c-form__field-group--GridTemplateColumns--toggle: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-form__field-group-toggle-icon--MinWidth) + var(--pf-t--global--spacer--xs));
3966
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
3967
- --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
3968
- --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--lg);
3969
- --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
3970
- --pf-v6-c-form__field-group__field-group--field-group__field-group-toggle--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
3971
- --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3972
- --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3973
- --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
3974
- --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
3975
- --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
3976
- --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
3977
- --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
3978
- --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--md);
3979
- --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3980
- --pf-v6-c-form__field-group-header--GridColumn: 1 / 3;
3981
- --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
3982
- --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
3983
- --pf-v6-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3;
3984
- --pf-v6-c-form__field-group__field-group--field-group__field-group-header--after--BorderBlockStartWidth: var(--pf-v6-c-form__field-group-header-toggle--BorderWidth--base);
3985
- --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
3986
- --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
3987
- --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
3988
- --pf-v6-c-form__field-group-header-actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3989
- --pf-v6-c-form__field-group-header-actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3990
- --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
3991
- --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
3992
- --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
3993
- --pf-v6-c-form__field-group-body--GridColumn: 2 / 3;
3994
- --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
3995
- --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
3996
- --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
3997
- --pf-v6-c-form__field-group-body--TranslateY: 0;
3998
- --pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY: 0;
3999
- --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: 0s;
4000
- --pf-v6-c-form__field-group-body--TransitionDuration--expand--fade: var(--pf-t--global--motion--duration--fade--default);
4001
- --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: 0s;
4002
- --pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade: var(--pf-t--global--motion--duration--fade--short);
4249
+ .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
4250
+ margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
4003
4251
  }
4004
4252
 
4005
- @media screen and (prefers-reduced-motion: no-preference) {
4006
- .pf-v6-c-form {
4007
- --pf-v6-c-form__field-group-body--TransitionDuration--expand--slide: var(--pf-t--global--motion--duration--fade--default);
4008
- --pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide: var(--pf-t--global--motion--duration--fade--short);
4009
- --pf-v6-c-form__field-group-body--TranslateY: -.5rem;
4010
- }
4011
- }
4012
- .pf-v6-c-form {
4013
- display: grid;
4014
- gap: var(--pf-v6-c-form--GridGap);
4253
+ .pf-v6-u-screen-reader {
4254
+ position: fixed;
4255
+ inset-block-start: 0;
4256
+ inset-inline-start: 0;
4257
+ overflow: hidden;
4258
+ clip: rect(0, 0, 0, 0);
4259
+ white-space: nowrap;
4260
+ border: 0;
4015
4261
  }
4016
4262
 
4017
- .pf-v6-c-form.pf-m-horizontal.pf-m-align-right .pf-v6-c-form__label {
4018
- text-align: end;
4263
+ .pf-v6-u-visible {
4264
+ position: static;
4265
+ overflow: visible;
4266
+ clip: auto;
4267
+ white-space: normal;
4268
+ border: inherit;
4019
4269
  }
4020
4270
 
4021
- @media screen and (min-width: 48rem) {
4022
- .pf-v6-c-form.pf-m-horizontal {
4023
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4024
- }
4025
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
4026
- display: grid;
4027
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
4028
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4029
- }
4030
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
4031
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4032
- }
4033
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-no-padding-top {
4034
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
4035
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4036
- }
4037
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
4038
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
4039
- flex-direction: column;
4040
- align-items: flex-start;
4041
- }
4042
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
4043
- flex-grow: 0;
4044
- }
4045
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-control {
4046
- grid-column: 2;
4047
- }
4271
+ .pf-v6-u-hidden {
4272
+ display: none !important;
4048
4273
  }
4049
- @media screen and (min-width: 0) {
4050
- .pf-v6-c-form.pf-m-horizontal-on-xs {
4051
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4052
- }
4053
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
4054
- display: grid;
4055
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
4056
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4057
- }
4058
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
4059
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4060
- }
4061
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-no-padding-top {
4062
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
4063
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4064
- }
4065
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
4066
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
4067
- flex-direction: column;
4068
- align-items: flex-start;
4069
- }
4070
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
4071
- flex-grow: 0;
4072
- }
4073
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-control {
4074
- grid-column: 2;
4274
+
4275
+ @media screen and (min-width: 36rem) {
4276
+ .pf-v6-u-screen-reader-on-sm {
4277
+ position: fixed;
4278
+ inset-block-start: 0;
4279
+ inset-inline-start: 0;
4280
+ overflow: hidden;
4281
+ clip: rect(0, 0, 0, 0);
4282
+ white-space: nowrap;
4283
+ border: 0;
4075
4284
  }
4076
4285
  }
4077
- @media (min-width: 36rem) {
4078
- .pf-v6-c-form.pf-m-horizontal-on-sm {
4079
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4080
- }
4081
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
4082
- display: grid;
4083
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
4084
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4085
- }
4086
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
4087
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4088
- }
4089
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-no-padding-top {
4090
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
4091
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4092
- }
4093
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
4094
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
4095
- flex-direction: column;
4096
- align-items: flex-start;
4097
- }
4098
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
4099
- flex-grow: 0;
4100
- }
4101
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-control {
4102
- grid-column: 2;
4286
+ @media screen and (min-width: 36rem) {
4287
+ .pf-v6-u-visible-on-sm {
4288
+ position: static;
4289
+ overflow: visible;
4290
+ clip: auto;
4291
+ white-space: normal;
4292
+ border: inherit;
4103
4293
  }
4104
4294
  }
4105
- @media (min-width: 48rem) {
4106
- .pf-v6-c-form.pf-m-horizontal-on-md {
4107
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4108
- }
4109
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
4110
- display: grid;
4111
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
4112
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4113
- }
4114
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
4115
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4116
- }
4117
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-no-padding-top {
4118
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
4119
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4120
- }
4121
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
4122
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
4123
- flex-direction: column;
4124
- align-items: flex-start;
4125
- }
4126
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
4127
- flex-grow: 0;
4128
- }
4129
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-control {
4130
- grid-column: 2;
4295
+ @media screen and (min-width: 36rem) {
4296
+ .pf-v6-u-hidden-on-sm {
4297
+ display: none !important;
4131
4298
  }
4132
4299
  }
4133
- @media (min-width: 62rem) {
4134
- .pf-v6-c-form.pf-m-horizontal-on-lg {
4135
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4136
- }
4137
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
4138
- display: grid;
4139
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
4140
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4141
- }
4142
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
4143
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4144
- }
4145
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-no-padding-top {
4146
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
4147
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4148
- }
4149
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
4150
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
4151
- flex-direction: column;
4152
- align-items: flex-start;
4153
- }
4154
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
4155
- flex-grow: 0;
4156
- }
4157
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-control {
4158
- grid-column: 2;
4300
+ @media screen and (min-width: 48rem) {
4301
+ .pf-v6-u-screen-reader-on-md {
4302
+ position: fixed;
4303
+ inset-block-start: 0;
4304
+ inset-inline-start: 0;
4305
+ overflow: hidden;
4306
+ clip: rect(0, 0, 0, 0);
4307
+ white-space: nowrap;
4308
+ border: 0;
4159
4309
  }
4160
4310
  }
4161
- @media (min-width: 75rem) {
4162
- .pf-v6-c-form.pf-m-horizontal-on-xl {
4163
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4164
- }
4165
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
4166
- display: grid;
4167
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
4168
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4169
- }
4170
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
4171
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4172
- }
4173
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
4174
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
4175
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4311
+ @media screen and (min-width: 48rem) {
4312
+ .pf-v6-u-visible-on-md {
4313
+ position: static;
4314
+ overflow: visible;
4315
+ clip: auto;
4316
+ white-space: normal;
4317
+ border: inherit;
4176
4318
  }
4177
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
4178
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
4179
- flex-direction: column;
4180
- align-items: flex-start;
4319
+ }
4320
+ @media screen and (min-width: 48rem) {
4321
+ .pf-v6-u-hidden-on-md {
4322
+ display: none !important;
4181
4323
  }
4182
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
4183
- flex-grow: 0;
4324
+ }
4325
+ @media screen and (min-width: 62rem) {
4326
+ .pf-v6-u-screen-reader-on-lg {
4327
+ position: fixed;
4328
+ inset-block-start: 0;
4329
+ inset-inline-start: 0;
4330
+ overflow: hidden;
4331
+ clip: rect(0, 0, 0, 0);
4332
+ white-space: nowrap;
4333
+ border: 0;
4184
4334
  }
4185
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-control {
4186
- grid-column: 2;
4335
+ }
4336
+ @media screen and (min-width: 62rem) {
4337
+ .pf-v6-u-visible-on-lg {
4338
+ position: static;
4339
+ overflow: visible;
4340
+ clip: auto;
4341
+ white-space: normal;
4342
+ border: inherit;
4187
4343
  }
4188
4344
  }
4189
- @media (min-width: 90.625rem) {
4190
- .pf-v6-c-form.pf-m-horizontal-on-2xl {
4191
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4345
+ @media screen and (min-width: 62rem) {
4346
+ .pf-v6-u-hidden-on-lg {
4347
+ display: none !important;
4192
4348
  }
4193
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
4194
- display: grid;
4195
- grid-template-columns: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth) var(--pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth);
4196
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4349
+ }
4350
+ @media screen and (min-width: 75rem) {
4351
+ .pf-v6-u-screen-reader-on-xl {
4352
+ position: fixed;
4353
+ inset-block-start: 0;
4354
+ inset-inline-start: 0;
4355
+ overflow: hidden;
4356
+ clip: rect(0, 0, 0, 0);
4357
+ white-space: nowrap;
4358
+ border: 0;
4197
4359
  }
4198
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
4199
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4360
+ }
4361
+ @media screen and (min-width: 75rem) {
4362
+ .pf-v6-u-visible-on-xl {
4363
+ position: static;
4364
+ overflow: visible;
4365
+ clip: auto;
4366
+ white-space: normal;
4367
+ border: inherit;
4200
4368
  }
4201
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
4202
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
4203
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4369
+ }
4370
+ @media screen and (min-width: 75rem) {
4371
+ .pf-v6-u-hidden-on-xl {
4372
+ display: none !important;
4204
4373
  }
4205
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
4206
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
4207
- flex-direction: column;
4208
- align-items: flex-start;
4374
+ }
4375
+ @media screen and (min-width: 90.625rem) {
4376
+ .pf-v6-u-screen-reader-on-2xl {
4377
+ position: fixed;
4378
+ inset-block-start: 0;
4379
+ inset-inline-start: 0;
4380
+ overflow: hidden;
4381
+ clip: rect(0, 0, 0, 0);
4382
+ white-space: nowrap;
4383
+ border: 0;
4209
4384
  }
4210
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
4211
- flex-grow: 0;
4385
+ }
4386
+ @media screen and (min-width: 90.625rem) {
4387
+ .pf-v6-u-visible-on-2xl {
4388
+ position: static;
4389
+ overflow: visible;
4390
+ clip: auto;
4391
+ white-space: normal;
4392
+ border: inherit;
4212
4393
  }
4213
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-control {
4214
- grid-column: 2;
4394
+ }
4395
+ @media screen and (min-width: 90.625rem) {
4396
+ .pf-v6-u-hidden-on-2xl {
4397
+ display: none !important;
4215
4398
  }
4216
4399
  }
4217
- .pf-v6-c-form.pf-m-limit-width {
4218
- max-width: var(--pf-v6-c-form--m-limit-width--MaxWidth);
4400
+ .pf-v6-c-inline-edit {
4401
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
4402
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
4403
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
4404
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
4405
+ --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
4406
+ --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
4219
4407
  }
4220
4408
 
4221
- .pf-v6-c-form__group {
4409
+ .pf-v6-c-inline-edit__group {
4222
4410
  display: flex;
4223
- flex-direction: column;
4224
- gap: var(--pf-v6-c-form__group--Gap);
4225
- min-width: 0;
4226
- }
4227
-
4228
- .pf-v6-c-form__group.pf-m-action {
4229
- margin-block-start: var(--pf-v6-c-form__group--m-action--MarginBlockStart);
4230
- overflow: hidden;
4411
+ align-items: baseline;
4231
4412
  }
4232
4413
 
4233
- .pf-v6-c-form__section {
4234
- display: grid;
4235
- gap: var(--pf-v6-c-form__section--Gap);
4414
+ .pf-v6-c-inline-edit__group > * {
4415
+ margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
4236
4416
  }
4237
4417
 
4238
- .pf-v6-c-form__section + .pf-v6-c-form__group:not(.pf-m-action), .pf-v6-c-form__section:not(:first-child) {
4239
- margin-block-start: var(--pf-v6-c-form__section--MarginBlockStart);
4418
+ .pf-v6-c-inline-edit__group.pf-m-icon-group {
4419
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
4240
4420
  }
4241
4421
 
4242
- .pf-v6-c-form__section-title {
4243
- margin-block-end: var(--pf-v6-c-form__section-title--MarginBlockEnd);
4244
- font-size: var(--pf-v6-c-form__section-title--FontSize);
4245
- font-weight: var(--pf-v6-c-form__section-title--FontWeight);
4422
+ .pf-v6-c-inline-edit__group.pf-m-footer {
4423
+ margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
4246
4424
  }
4247
4425
 
4248
- .pf-v6-c-form__group-label {
4249
- --pf-v6-c-form__helper-text--MarginBlockStart: 0;
4426
+ .pf-v6-c-inline-edit__group.pf-m-column {
4427
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
4428
+ flex-direction: column;
4250
4429
  }
4251
4430
 
4252
- .pf-v6-c-form__group-label.pf-m-info {
4253
- display: flex;
4254
- gap: var(--pf-v6-c-form__group-label--m-info--Gap);
4255
- align-items: flex-end;
4431
+ .pf-v6-c-inline-edit__group > :last-child {
4432
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
4256
4433
  }
4257
4434
 
4258
- .pf-v6-c-form__group-label-main {
4259
- flex-grow: 1;
4435
+ .pf-v6-c-inline-edit__input {
4436
+ flex: 1;
4260
4437
  }
4261
4438
 
4262
- .pf-v6-c-form__group-label-info {
4263
- font-size: var(--pf-v6-c-form__group-label-info--FontSize);
4439
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
4440
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
4264
4441
  }
4265
4442
 
4266
- .pf-v6-c-form__label {
4267
- font-size: var(--pf-v6-c-form__label--FontSize);
4268
- line-height: var(--pf-v6-c-form__label--LineHeight);
4443
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
4444
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
4269
4445
  }
4270
4446
 
4271
- .pf-v6-c-form__label:not(.pf-m-disabled):hover {
4272
- cursor: var(--pf-v6-c-form__label--hover--Cursor);
4447
+ .pf-v6-c-inline-edit__input,
4448
+ .pf-v6-c-inline-edit__action,
4449
+ .pf-v6-c-inline-edit__group.pf-m-action-group {
4450
+ display: none;
4273
4451
  }
4274
4452
 
4275
- .pf-v6-c-form__label.pf-m-disabled {
4276
- color: var(--pf-v6-c-form__label--m-disabled--Color);
4453
+ .pf-v6-c-inline-edit__action.pf-m-enable-editable {
4454
+ display: inline-block;
4277
4455
  }
4278
4456
 
4279
- .pf-v6-c-form__label.pf-m-disabled:hover {
4280
- cursor: var(--pf-v6-c-form__label--m-disabled--hover--Cursor);
4457
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
4458
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
4459
+ display: block;
4281
4460
  }
4282
4461
 
4283
- .pf-v6-c-form__label-text {
4284
- font-weight: var(--pf-v6-c-form__label-text--FontWeight);
4462
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
4463
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
4464
+ display: inline-block;
4285
4465
  }
4286
4466
 
4287
- .pf-v6-c-form__label-required {
4288
- margin-inline-start: var(--pf-v6-c-form__label-required--MarginInlineStart);
4289
- font-size: var(--pf-v6-c-form__label-required--FontSize);
4290
- color: var(--pf-v6-c-form__label-required--Color);
4467
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
4468
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
4469
+ display: inline-flex;
4291
4470
  }
4292
4471
 
4293
- .pf-v6-c-form__group-label-help .pf-v6-c-button {
4294
- --pf-v6-c-button--FontSize: var(--pf-v6-c-form__group-label-help--FontSize);
4472
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
4473
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
4474
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
4475
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
4476
+ display: none;
4295
4477
  }
4296
4478
 
4297
- .pf-v6-c-form__group-control {
4298
- min-width: 0;
4479
+ .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
4480
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
4481
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
4299
4482
  }
4300
4483
 
4301
- .pf-v6-c-form__group-control.pf-m-inline {
4302
- display: flex;
4303
- flex-flow: row wrap;
4304
- gap: var(--pf-v6-c-form__group-control--m-inline--Gap);
4484
+ .pf-v6-c-inline-edit__label.pf-m-bold {
4485
+ font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
4305
4486
  }
4306
4487
 
4307
- .pf-v6-c-form__group-control.pf-m-stack {
4308
- --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart);
4309
- display: grid;
4310
- gap: var(--pf-v6-c-form__group-control--m-stack--Gap);
4488
+ .pf-v6-c-inline-edit__editable-text br {
4489
+ display: none;
4311
4490
  }
4312
4491
 
4313
- .pf-v6-c-form__group-control .pf-v6-c-form__helper-text:first-child {
4314
- --pf-v6-c-form__helper-text--MarginBlockStart: 0;
4315
- margin-block-end: var(--pf-v6-c-form__group-control__helper-text--MarginBlockEnd);
4492
+ .pf-v6-c-tooltip {
4493
+ --pf-v6-c-tooltip--MaxWidth: 18.75rem;
4494
+ --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
4495
+ --pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
4496
+ --pf-v6-c-tooltip__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
4497
+ --pf-v6-c-tooltip__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
4498
+ --pf-v6-c-tooltip__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
4499
+ --pf-v6-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
4500
+ --pf-v6-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4501
+ --pf-v6-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
4502
+ --pf-v6-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
4503
+ --pf-v6-c-tooltip__arrow--Width: 0.9375rem;
4504
+ --pf-v6-c-tooltip__arrow--Height: 0.9375rem;
4505
+ --pf-v6-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4506
+ --pf-v6-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
4507
+ --pf-v6-c-tooltip__arrow--m-top--TranslateX: -50%;
4508
+ --pf-v6-c-tooltip__arrow--m-top--TranslateY: 50%;
4509
+ --pf-v6-c-tooltip__arrow--m-top--Rotate: 45deg;
4510
+ --pf-v6-c-tooltip__arrow--m-right--TranslateX: -50%;
4511
+ --pf-v6-c-tooltip__arrow--m-right--TranslateY: -50%;
4512
+ --pf-v6-c-tooltip__arrow--m-right--Rotate: 45deg;
4513
+ --pf-v6-c-tooltip__arrow--m-bottom--TranslateX: -50%;
4514
+ --pf-v6-c-tooltip__arrow--m-bottom--TranslateY: -50%;
4515
+ --pf-v6-c-tooltip__arrow--m-bottom--Rotate: 45deg;
4516
+ --pf-v6-c-tooltip__arrow--m-left--TranslateX: 50%;
4517
+ --pf-v6-c-tooltip__arrow--m-left--TranslateY: -50%;
4518
+ --pf-v6-c-tooltip__arrow--m-left--Rotate: 45deg;
4316
4519
  }
4317
4520
 
4318
- .pf-v6-c-form__helper-text {
4319
- margin-block-start: var(--pf-v6-c-form__helper-text--MarginBlockStart);
4521
+ .pf-v6-c-tooltip {
4522
+ position: relative;
4523
+ max-width: var(--pf-v6-c-tooltip--MaxWidth);
4524
+ box-shadow: var(--pf-v6-c-tooltip--BoxShadow);
4320
4525
  }
4321
4526
 
4322
- .pf-v6-c-form__helper-text.pf-m-inactive {
4323
- display: none;
4527
+ .pf-v6-c-tooltip:is(.pf-m-top,
4528
+ .pf-m-top-left,
4529
+ .pf-m-top-right) {
4530
+ --pf-v6-c-tooltip__arrow--InsetBlockEnd: var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0);
4531
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%);
4532
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-top--TranslateX);
4533
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4534
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-top--Rotate);
4324
4535
  }
4325
4536
 
4326
- .pf-v6-c-form__helper-text.pf-m-hidden {
4327
- visibility: hidden;
4328
- opacity: 0;
4537
+ .pf-v6-c-tooltip:is(.pf-m-bottom,
4538
+ .pf-m-bottom-left,
4539
+ .pf-m-bottom-right) {
4540
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-bottom--InsetBlockStart, 0);
4541
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-bottom--InsetInlineStart, 50%);
4542
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateX);
4543
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateY);
4544
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-bottom--Rotate);
4329
4545
  }
4330
4546
 
4331
- .pf-v6-c-form__fieldset {
4332
- border: 0;
4547
+ .pf-v6-c-tooltip:is(.pf-m-left,
4548
+ .pf-m-left-top,
4549
+ .pf-m-left-bottom) {
4550
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-left--InsetBlockStart, 50%);
4551
+ --pf-v6-c-tooltip__arrow--InsetInlineEnd: var(--pf-v6-c-tooltip--m-left--InsetInlineEnd, 0);
4552
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
4553
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-left--TranslateY);
4554
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-left--Rotate);
4333
4555
  }
4334
4556
 
4335
- .pf-v6-c-form__actions {
4336
- display: flex;
4337
- flex-wrap: wrap;
4338
- margin-block-start: var(--pf-v6-c-form__actions--MarginBlockStart);
4339
- margin-block-end: var(--pf-v6-c-form__actions--MarginBlockEnd);
4340
- margin-inline-start: var(--pf-v6-c-form__actions--MarginInlineStart);
4341
- margin-inline-end: var(--pf-v6-c-form__actions--MarginInlineEnd);
4557
+ .pf-v6-c-tooltip:is(.pf-m-right,
4558
+ .pf-m-right-top,
4559
+ .pf-m-right-bottom) {
4560
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%);
4561
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0);
4562
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-right--TranslateX);
4563
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-right--TranslateY);
4564
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-right--Rotate);
4342
4565
  }
4343
4566
 
4344
- .pf-v6-c-form__actions > * {
4345
- margin-block-start: var(--pf-v6-c-form__actions--child--MarginBlockStart);
4346
- margin-block-end: var(--pf-v6-c-form__actions--child--MarginBlockEnd);
4347
- margin-inline-start: var(--pf-v6-c-form__actions--child--MarginInlineStart);
4348
- margin-inline-end: var(--pf-v6-c-form__actions--child--MarginInlineEnd);
4567
+ .pf-v6-c-tooltip:is(.pf-m-left-top,
4568
+ .pf-m-right-top) {
4569
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: 0;
4570
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4349
4571
  }
4350
4572
 
4351
- .pf-v6-c-form__field-group {
4352
- --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
4353
- display: grid;
4354
- grid-template-columns: minmax(var(--pf-v6-c-form__field-group--GridTemplateColumns--toggle), max-content) 1fr;
4355
- border-block-start: var(--pf-v6-c-form__field-group--BorderBlockStartWidth) solid var(--pf-v6-c-form__field-group--BorderBlockStartColor);
4356
- border-block-end: var(--pf-v6-c-form__field-group--BorderBlockEndWidth) solid var(--pf-v6-c-form__field-group--BorderBlockEndColor);
4573
+ .pf-v6-c-tooltip:is(.pf-m-left-bottom,
4574
+ .pf-m-right-bottom) {
4575
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: auto;
4576
+ --pf-v6-c-tooltip__arrow--InsetBlockEnd: 0;
4357
4577
  }
4358
4578
 
4359
- .pf-v6-c-form__field-group:last-child {
4360
- --pf-v6-c-form__field-group--BorderBlockEndWidth: 0;
4579
+ .pf-v6-c-tooltip:is(.pf-m-top-left,
4580
+ .pf-m-bottom-left) {
4581
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: 0;
4582
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
4361
4583
  }
4362
4584
 
4363
- .pf-v6-c-form__field-group + .pf-v6-c-form__field-group, .pf-v6-c-form__field-group:first-child {
4364
- --pf-v6-c-form__field-group--BorderBlockStartWidth: 0;
4585
+ .pf-v6-c-tooltip:is(.pf-m-top-right,
4586
+ .pf-m-bottom-right) {
4587
+ --pf-v6-c-tooltip__arrow--InsetInlineEnd: 0;
4588
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: auto;
4365
4589
  }
4366
4590
 
4367
- .pf-v6-c-form__field-group + .pf-v6-c-form__field-group {
4368
- margin-block-start: var(--pf-v6-c-form__field-group--field-group--MarginBlockStart);
4591
+ .pf-v6-c-tooltip__content {
4592
+ position: relative;
4593
+ padding-block-start: var(--pf-v6-c-tooltip__content--PaddingBlockStart);
4594
+ padding-block-end: var(--pf-v6-c-tooltip__content--PaddingBlockEnd);
4595
+ padding-inline-start: var(--pf-v6-c-tooltip__content--PaddingInlineStart);
4596
+ padding-inline-end: var(--pf-v6-c-tooltip__content--PaddingInlineEnd);
4597
+ font-size: var(--pf-v6-c-tooltip__content--FontSize);
4598
+ color: var(--pf-v6-c-tooltip__content--Color);
4599
+ text-align: center;
4600
+ word-break: break-word;
4601
+ background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
4602
+ border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
4369
4603
  }
4370
4604
 
4371
- .pf-v6-c-form__field-group .pf-v6-c-form__field-group {
4372
- --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn);
4373
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart);
4374
- --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart);
4375
- --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd);
4376
- --pf-v6-c-form__field-group-body--PaddingBlockStart: 0;
4605
+ .pf-v6-c-tooltip__content.pf-m-text-align-left {
4606
+ text-align: start;
4377
4607
  }
4378
4608
 
4379
- .pf-v6-c-form__field-group .pf-v6-c-form__field-group .pf-v6-c-form__field-group-toggle ~ .pf-v6-c-form__field-group-body {
4380
- --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn);
4609
+ .pf-v6-c-tooltip__arrow {
4610
+ position: absolute;
4611
+ top: var(--pf-v6-c-tooltip__arrow--InsetBlockStart, auto);
4612
+ right: var(--pf-v6-c-tooltip__arrow--InsetInlineEnd, auto);
4613
+ bottom: var(--pf-v6-c-tooltip__arrow--InsetBlockEnd, auto);
4614
+ left: var(--pf-v6-c-tooltip__arrow--InsetInlineStart, auto);
4615
+ width: var(--pf-v6-c-tooltip__arrow--Width);
4616
+ height: var(--pf-v6-c-tooltip__arrow--Height);
4617
+ pointer-events: none;
4618
+ background-color: var(--pf-v6-c-tooltip__arrow--BackgroundColor);
4619
+ box-shadow: var(--pf-v6-c-tooltip__arrow--BoxShadow);
4620
+ transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
4381
4621
  }
4382
4622
 
4383
- .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
4384
- --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
4623
+ .pf-v6-c-popover[data-popper-reference-hidden=true] {
4624
+ visibility: hidden;
4625
+ pointer-events: none;
4385
4626
  }
4386
4627
 
4387
- .pf-v6-c-form__field-group.pf-m-expanded.pf-m-expandable > .pf-v6-c-form__field-group-body {
4388
- max-height: 99999px;
4389
- padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
4390
- padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
4391
- visibility: visible;
4392
- opacity: 1;
4393
- transition-delay: 0s;
4394
- transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--expand--slide), 0s, 0s, 0s, 0s;
4395
- translate: 0 var(--pf-v6-c-form__field-group--m-expanded__field-group-body--TranslateY);
4628
+ .pf-v6-c-divider {
4629
+ --pf-v6-c-divider--Display: flex;
4630
+ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
4631
+ --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
4632
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4396
4633
  }
4397
4634
 
4398
- .pf-v6-c-form__field-group-toggle {
4399
- grid-row: 1/2;
4400
- grid-column: 1/2;
4401
- padding-block-start: var(--pf-v6-c-form__field-group-toggle--PaddingBlockStart);
4402
- padding-inline-end: var(--pf-v6-c-form__field-group-toggle--PaddingInlineEnd);
4635
+ .pf-v6-c-divider {
4636
+ flex-direction: row;
4637
+ width: 100%;
4638
+ height: var(--pf-v6-c-divider--Size);
4639
+ --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
4640
+ --pf-v6-hidden-visible--hidden--Display: none;
4641
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4642
+ display: var(--pf-v6-hidden-visible--Display);
4643
+ flex-shrink: 0;
4644
+ align-items: stretch;
4645
+ align-self: stretch;
4646
+ justify-content: center;
4647
+ border: 0;
4403
4648
  }
4404
4649
 
4405
- .pf-v6-c-form__field-group-toggle + .pf-v6-c-form__field-group-header {
4406
- --pf-v6-c-form__field-group-header--GridColumn: var(--pf-v6-c-form__field-group-toggle--field-group-header--GridColumn);
4650
+ .pf-v6-c-divider.pf-m-hidden {
4651
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4407
4652
  }
4408
4653
 
4409
- .pf-v6-c-form__field-group-toggle-button {
4410
- margin-block-start: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockStart);
4411
- margin-block-end: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd);
4654
+ @media screen and (min-width: 36rem) {
4655
+ .pf-v6-c-divider.pf-m-hidden-on-sm {
4656
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4657
+ }
4658
+ .pf-v6-c-divider.pf-m-visible-on-sm {
4659
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4660
+ }
4412
4661
  }
4413
-
4414
- .pf-v6-c-form__field-group-toggle-icon {
4415
- display: inline-block;
4416
- min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
4417
- text-align: center;
4418
- transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
4419
- transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
4420
- transition-property: transform;
4421
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
4662
+ @media screen and (min-width: 48rem) {
4663
+ .pf-v6-c-divider.pf-m-hidden-on-md {
4664
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4665
+ }
4666
+ .pf-v6-c-divider.pf-m-visible-on-md {
4667
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4668
+ }
4422
4669
  }
4423
-
4424
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
4425
- scale: -1 1;
4670
+ @media screen and (min-width: 62rem) {
4671
+ .pf-v6-c-divider.pf-m-hidden-on-lg {
4672
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4673
+ }
4674
+ .pf-v6-c-divider.pf-m-visible-on-lg {
4675
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4676
+ }
4677
+ }
4678
+ @media screen and (min-width: 75rem) {
4679
+ .pf-v6-c-divider.pf-m-hidden-on-xl {
4680
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4681
+ }
4682
+ .pf-v6-c-divider.pf-m-visible-on-xl {
4683
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4684
+ }
4685
+ }
4686
+ @media screen and (min-width: 90.625rem) {
4687
+ .pf-v6-c-divider.pf-m-hidden-on-2xl {
4688
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4689
+ }
4690
+ .pf-v6-c-divider.pf-m-visible-on-2xl {
4691
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4692
+ }
4693
+ }
4694
+ .pf-v6-c-divider::before {
4695
+ flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
4696
+ content: "";
4697
+ background-color: var(--pf-v6-c-divider--Color);
4426
4698
  }
4427
4699
 
4428
- .pf-v6-c-form__field-group-header {
4429
- display: flex;
4430
- grid-row: 1/2;
4431
- grid-column: var(--pf-v6-c-form__field-group-header--GridColumn);
4432
- align-items: flex-start;
4433
- padding-block-start: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
4434
- padding-block-end: var(--pf-v6-c-form__field-group-header--PaddingBlockEnd);
4700
+ .pf-v6-c-divider.pf-m-horizontal {
4701
+ flex-direction: row;
4702
+ width: 100%;
4703
+ height: var(--pf-v6-c-divider--Size);
4435
4704
  }
4436
4705
 
4437
- .pf-v6-c-form__field-group-header-main {
4438
- display: flex;
4706
+ .pf-v6-c-divider.pf-m-vertical {
4439
4707
  flex-direction: column;
4440
- flex-grow: 1;
4708
+ width: var(--pf-v6-c-divider--Size);
4709
+ height: inherit;
4441
4710
  }
4442
4711
 
4443
- .pf-v6-c-form__field-group-header-title {
4444
- display: flex;
4712
+ .pf-v6-c-divider.pf-m-inset-none {
4713
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
4445
4714
  }
4446
4715
 
4447
- .pf-v6-c-form__field-group-header-title-text {
4448
- flex-grow: 1;
4716
+ .pf-v6-c-divider.pf-m-inset-xs {
4717
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4449
4718
  }
4450
4719
 
4451
- .pf-v6-c-form__field-group-header-description {
4452
- margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
4453
- color: var(--pf-v6-c-form__field-group-header-description--Color);
4720
+ .pf-v6-c-divider.pf-m-inset-sm {
4721
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4454
4722
  }
4455
4723
 
4456
- .pf-v6-c-form__field-group-header-actions {
4457
- margin-block-start: var(--pf-v6-c-form__field-group-header-actions--MarginBlockStart);
4458
- margin-block-end: var(--pf-v6-c-form__field-group-header-actions--MarginBlockEnd);
4459
- margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
4460
- white-space: nowrap;
4724
+ .pf-v6-c-divider.pf-m-inset-md {
4725
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4461
4726
  }
4462
4727
 
4463
- .pf-v6-c-form__field-group-body {
4464
- display: grid;
4465
- grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
4466
- gap: var(--pf-v6-c-form__field-group-body--Gap);
4467
- padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
4468
- padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
4728
+ .pf-v6-c-divider.pf-m-inset-lg {
4729
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4469
4730
  }
4470
4731
 
4471
- .pf-v6-c-form__field-group.pf-m-expandable > .pf-v6-c-form__field-group-body {
4472
- max-height: 0;
4473
- padding-block-start: 0;
4474
- padding-block-end: 0;
4475
- visibility: hidden;
4476
- opacity: 0;
4477
- transition-delay: 0s, 0s, var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade);
4478
- transition-duration: var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--fade), var(--pf-v6-c-form__field-group-body--TransitionDuration--collapse--slide), 0s, 0s, 0s, 0s;
4479
- transition-property: opacity, translate, visibility, max-height, padding-block-start, padding-block-end;
4480
- translate: 0 var(--pf-v6-c-form__field-group-body--TranslateY);
4732
+ .pf-v6-c-divider.pf-m-inset-xl {
4733
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4481
4734
  }
4482
4735
 
4483
- .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
4484
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
4485
- --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
4736
+ .pf-v6-c-divider.pf-m-inset-2xl {
4737
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4486
4738
  }
4487
4739
 
4488
- .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
4489
- margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
4740
+ .pf-v6-c-divider.pf-m-inset-3xl {
4741
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4490
4742
  }
4491
4743
 
4492
- .pf-v6-c-tooltip {
4493
- --pf-v6-c-tooltip--MaxWidth: 18.75rem;
4494
- --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
4495
- --pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
4496
- --pf-v6-c-tooltip__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
4497
- --pf-v6-c-tooltip__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
4498
- --pf-v6-c-tooltip__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
4499
- --pf-v6-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
4500
- --pf-v6-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4501
- --pf-v6-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
4502
- --pf-v6-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
4503
- --pf-v6-c-tooltip__arrow--Width: 0.9375rem;
4504
- --pf-v6-c-tooltip__arrow--Height: 0.9375rem;
4505
- --pf-v6-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4506
- --pf-v6-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
4507
- --pf-v6-c-tooltip__arrow--m-top--TranslateX: -50%;
4508
- --pf-v6-c-tooltip__arrow--m-top--TranslateY: 50%;
4509
- --pf-v6-c-tooltip__arrow--m-top--Rotate: 45deg;
4510
- --pf-v6-c-tooltip__arrow--m-right--TranslateX: -50%;
4511
- --pf-v6-c-tooltip__arrow--m-right--TranslateY: -50%;
4512
- --pf-v6-c-tooltip__arrow--m-right--Rotate: 45deg;
4513
- --pf-v6-c-tooltip__arrow--m-bottom--TranslateX: -50%;
4514
- --pf-v6-c-tooltip__arrow--m-bottom--TranslateY: -50%;
4515
- --pf-v6-c-tooltip__arrow--m-bottom--Rotate: 45deg;
4516
- --pf-v6-c-tooltip__arrow--m-left--TranslateX: 50%;
4517
- --pf-v6-c-tooltip__arrow--m-left--TranslateY: -50%;
4518
- --pf-v6-c-tooltip__arrow--m-left--Rotate: 45deg;
4744
+ @media (min-width: 36rem) {
4745
+ .pf-v6-c-divider.pf-m-horizontal-on-sm {
4746
+ flex-direction: row;
4747
+ width: 100%;
4748
+ height: var(--pf-v6-c-divider--Size);
4749
+ }
4519
4750
  }
4520
-
4521
- .pf-v6-c-tooltip {
4522
- position: relative;
4523
- max-width: var(--pf-v6-c-tooltip--MaxWidth);
4524
- box-shadow: var(--pf-v6-c-tooltip--BoxShadow);
4751
+ @media (min-width: 36rem) {
4752
+ .pf-v6-c-divider.pf-m-vertical-on-sm {
4753
+ flex-direction: column;
4754
+ width: var(--pf-v6-c-divider--Size);
4755
+ height: inherit;
4756
+ }
4525
4757
  }
4526
-
4527
- .pf-v6-c-tooltip:is(.pf-m-top,
4528
- .pf-m-top-left,
4529
- .pf-m-top-right) {
4530
- --pf-v6-c-tooltip__arrow--InsetBlockEnd: var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0);
4531
- --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%);
4532
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-top--TranslateX);
4533
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4534
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-top--Rotate);
4758
+ @media (min-width: 36rem) {
4759
+ .pf-v6-c-divider.pf-m-inset-none-on-sm {
4760
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4761
+ }
4762
+ .pf-v6-c-divider.pf-m-inset-xs-on-sm {
4763
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4764
+ }
4765
+ .pf-v6-c-divider.pf-m-inset-sm-on-sm {
4766
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4767
+ }
4768
+ .pf-v6-c-divider.pf-m-inset-md-on-sm {
4769
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4770
+ }
4771
+ .pf-v6-c-divider.pf-m-inset-lg-on-sm {
4772
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4773
+ }
4774
+ .pf-v6-c-divider.pf-m-inset-xl-on-sm {
4775
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4776
+ }
4777
+ .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
4778
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4779
+ }
4780
+ .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
4781
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4782
+ }
4535
4783
  }
4536
-
4537
- .pf-v6-c-tooltip:is(.pf-m-bottom,
4538
- .pf-m-bottom-left,
4539
- .pf-m-bottom-right) {
4540
- --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-bottom--InsetBlockStart, 0);
4541
- --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-bottom--InsetInlineStart, 50%);
4542
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateX);
4543
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateY);
4544
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-bottom--Rotate);
4784
+ @media (min-width: 48rem) {
4785
+ .pf-v6-c-divider.pf-m-horizontal-on-md {
4786
+ flex-direction: row;
4787
+ width: 100%;
4788
+ height: var(--pf-v6-c-divider--Size);
4789
+ }
4545
4790
  }
4546
-
4547
- .pf-v6-c-tooltip:is(.pf-m-left,
4548
- .pf-m-left-top,
4549
- .pf-m-left-bottom) {
4550
- --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-left--InsetBlockStart, 50%);
4551
- --pf-v6-c-tooltip__arrow--InsetInlineEnd: var(--pf-v6-c-tooltip--m-left--InsetInlineEnd, 0);
4552
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
4553
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-left--TranslateY);
4554
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-left--Rotate);
4791
+ @media (min-width: 48rem) {
4792
+ .pf-v6-c-divider.pf-m-vertical-on-md {
4793
+ flex-direction: column;
4794
+ width: var(--pf-v6-c-divider--Size);
4795
+ height: inherit;
4796
+ }
4797
+ }
4798
+ @media (min-width: 48rem) {
4799
+ .pf-v6-c-divider.pf-m-inset-none-on-md {
4800
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4801
+ }
4802
+ .pf-v6-c-divider.pf-m-inset-xs-on-md {
4803
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4804
+ }
4805
+ .pf-v6-c-divider.pf-m-inset-sm-on-md {
4806
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4807
+ }
4808
+ .pf-v6-c-divider.pf-m-inset-md-on-md {
4809
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4810
+ }
4811
+ .pf-v6-c-divider.pf-m-inset-lg-on-md {
4812
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4813
+ }
4814
+ .pf-v6-c-divider.pf-m-inset-xl-on-md {
4815
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4816
+ }
4817
+ .pf-v6-c-divider.pf-m-inset-2xl-on-md {
4818
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4819
+ }
4820
+ .pf-v6-c-divider.pf-m-inset-3xl-on-md {
4821
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4822
+ }
4555
4823
  }
4556
-
4557
- .pf-v6-c-tooltip:is(.pf-m-right,
4558
- .pf-m-right-top,
4559
- .pf-m-right-bottom) {
4560
- --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%);
4561
- --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0);
4562
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-right--TranslateX);
4563
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-right--TranslateY);
4564
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-right--Rotate);
4824
+ @media (min-width: 62rem) {
4825
+ .pf-v6-c-divider.pf-m-horizontal-on-lg {
4826
+ flex-direction: row;
4827
+ width: 100%;
4828
+ height: var(--pf-v6-c-divider--Size);
4829
+ }
4565
4830
  }
4566
-
4567
- .pf-v6-c-tooltip:is(.pf-m-left-top,
4568
- .pf-m-right-top) {
4569
- --pf-v6-c-tooltip__arrow--InsetBlockStart: 0;
4570
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4831
+ @media (min-width: 62rem) {
4832
+ .pf-v6-c-divider.pf-m-vertical-on-lg {
4833
+ flex-direction: column;
4834
+ width: var(--pf-v6-c-divider--Size);
4835
+ height: inherit;
4836
+ }
4571
4837
  }
4572
-
4573
- .pf-v6-c-tooltip:is(.pf-m-left-bottom,
4574
- .pf-m-right-bottom) {
4575
- --pf-v6-c-tooltip__arrow--InsetBlockStart: auto;
4576
- --pf-v6-c-tooltip__arrow--InsetBlockEnd: 0;
4838
+ @media (min-width: 62rem) {
4839
+ .pf-v6-c-divider.pf-m-inset-none-on-lg {
4840
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4841
+ }
4842
+ .pf-v6-c-divider.pf-m-inset-xs-on-lg {
4843
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4844
+ }
4845
+ .pf-v6-c-divider.pf-m-inset-sm-on-lg {
4846
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4847
+ }
4848
+ .pf-v6-c-divider.pf-m-inset-md-on-lg {
4849
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4850
+ }
4851
+ .pf-v6-c-divider.pf-m-inset-lg-on-lg {
4852
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4853
+ }
4854
+ .pf-v6-c-divider.pf-m-inset-xl-on-lg {
4855
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4856
+ }
4857
+ .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
4858
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4859
+ }
4860
+ .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
4861
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4862
+ }
4577
4863
  }
4578
-
4579
- .pf-v6-c-tooltip:is(.pf-m-top-left,
4580
- .pf-m-bottom-left) {
4581
- --pf-v6-c-tooltip__arrow--InsetInlineStart: 0;
4582
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
4864
+ @media (min-width: 75rem) {
4865
+ .pf-v6-c-divider.pf-m-horizontal-on-xl {
4866
+ flex-direction: row;
4867
+ width: 100%;
4868
+ height: var(--pf-v6-c-divider--Size);
4869
+ }
4583
4870
  }
4584
-
4585
- .pf-v6-c-tooltip:is(.pf-m-top-right,
4586
- .pf-m-bottom-right) {
4587
- --pf-v6-c-tooltip__arrow--InsetInlineEnd: 0;
4588
- --pf-v6-c-tooltip__arrow--InsetInlineStart: auto;
4871
+ @media (min-width: 75rem) {
4872
+ .pf-v6-c-divider.pf-m-vertical-on-xl {
4873
+ flex-direction: column;
4874
+ width: var(--pf-v6-c-divider--Size);
4875
+ height: inherit;
4876
+ }
4589
4877
  }
4590
-
4591
- .pf-v6-c-tooltip__content {
4592
- position: relative;
4593
- padding-block-start: var(--pf-v6-c-tooltip__content--PaddingBlockStart);
4594
- padding-block-end: var(--pf-v6-c-tooltip__content--PaddingBlockEnd);
4595
- padding-inline-start: var(--pf-v6-c-tooltip__content--PaddingInlineStart);
4596
- padding-inline-end: var(--pf-v6-c-tooltip__content--PaddingInlineEnd);
4597
- font-size: var(--pf-v6-c-tooltip__content--FontSize);
4598
- color: var(--pf-v6-c-tooltip__content--Color);
4599
- text-align: center;
4600
- word-break: break-word;
4601
- background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
4602
- border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
4878
+ @media (min-width: 75rem) {
4879
+ .pf-v6-c-divider.pf-m-inset-none-on-xl {
4880
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4881
+ }
4882
+ .pf-v6-c-divider.pf-m-inset-xs-on-xl {
4883
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4884
+ }
4885
+ .pf-v6-c-divider.pf-m-inset-sm-on-xl {
4886
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4887
+ }
4888
+ .pf-v6-c-divider.pf-m-inset-md-on-xl {
4889
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4890
+ }
4891
+ .pf-v6-c-divider.pf-m-inset-lg-on-xl {
4892
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4893
+ }
4894
+ .pf-v6-c-divider.pf-m-inset-xl-on-xl {
4895
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4896
+ }
4897
+ .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
4898
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4899
+ }
4900
+ .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
4901
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4902
+ }
4603
4903
  }
4604
-
4605
- .pf-v6-c-tooltip__content.pf-m-text-align-left {
4606
- text-align: start;
4904
+ @media (min-width: 90.625rem) {
4905
+ .pf-v6-c-divider.pf-m-horizontal-on-2xl {
4906
+ flex-direction: row;
4907
+ width: 100%;
4908
+ height: var(--pf-v6-c-divider--Size);
4909
+ }
4607
4910
  }
4608
-
4609
- .pf-v6-c-tooltip__arrow {
4610
- position: absolute;
4611
- top: var(--pf-v6-c-tooltip__arrow--InsetBlockStart, auto);
4612
- right: var(--pf-v6-c-tooltip__arrow--InsetInlineEnd, auto);
4613
- bottom: var(--pf-v6-c-tooltip__arrow--InsetBlockEnd, auto);
4614
- left: var(--pf-v6-c-tooltip__arrow--InsetInlineStart, auto);
4615
- width: var(--pf-v6-c-tooltip__arrow--Width);
4616
- height: var(--pf-v6-c-tooltip__arrow--Height);
4617
- pointer-events: none;
4618
- background-color: var(--pf-v6-c-tooltip__arrow--BackgroundColor);
4619
- box-shadow: var(--pf-v6-c-tooltip__arrow--BoxShadow);
4620
- transform: translateX(var(--pf-v6-c-tooltip__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-tooltip__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-tooltip__arrow--Rotate, 0));
4911
+ @media (min-width: 90.625rem) {
4912
+ .pf-v6-c-divider.pf-m-vertical-on-2xl {
4913
+ flex-direction: column;
4914
+ width: var(--pf-v6-c-divider--Size);
4915
+ height: inherit;
4916
+ }
4621
4917
  }
4622
-
4623
- .pf-v6-c-popover[data-popper-reference-hidden=true] {
4624
- visibility: hidden;
4625
- pointer-events: none;
4918
+ @media (min-width: 90.625rem) {
4919
+ .pf-v6-c-divider.pf-m-inset-none-on-2xl {
4920
+ --pf-v6-c-divider--before--FlexBasis: 100%;
4921
+ }
4922
+ .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
4923
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4924
+ }
4925
+ .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
4926
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4927
+ }
4928
+ .pf-v6-c-divider.pf-m-inset-md-on-2xl {
4929
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4930
+ }
4931
+ .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
4932
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4933
+ }
4934
+ .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
4935
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4936
+ }
4937
+ .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
4938
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4939
+ }
4940
+ .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
4941
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4942
+ }
4626
4943
  }
4627
-
4628
4944
  .pf-v6-c-menu-toggle {
4629
4945
  --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
4630
4946
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
@@ -5171,13 +5487,95 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
5171
5487
  margin-inline-start: auto;
5172
5488
  }
5173
5489
 
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);
5490
+ .pf-v6-c-menu-toggle__toggle-icon {
5491
+ min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
5492
+ color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
5493
+ }
5494
+
5495
+ .pf-v6-c-menu-toggle__status-icon {
5496
+ color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
5497
+ }
5498
+
5499
+ .pf-v6-c-check {
5500
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
5501
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
5502
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
5503
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
5504
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
5505
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
5506
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
5507
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
5508
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
5509
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
5510
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
5511
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
5512
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
5513
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
5514
+ }
5515
+
5516
+ .pf-v6-c-check {
5517
+ display: grid;
5518
+ grid-template-columns: auto 1fr;
5519
+ grid-gap: var(--pf-v6-c-check--GridGap);
5520
+ accent-color: var(--pf-v6-c-check--AccentColor);
5521
+ }
5522
+
5523
+ .pf-v6-c-check.pf-m-standalone {
5524
+ display: inline-grid;
5525
+ grid-template-columns: auto;
5526
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
5527
+ }
5528
+
5529
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
5530
+ align-self: center;
5531
+ transform: none;
5532
+ }
5533
+
5534
+ .pf-v6-c-check__input {
5535
+ align-self: start;
5536
+ font-size: var(--pf-v6-c-check__label--FontSize);
5537
+ line-height: var(--pf-v6-c-check__label--LineHeight);
5538
+ transform: translateY(var(--pf-v6-c-check__input--TranslateY));
5539
+ }
5540
+
5541
+ .pf-v6-c-check__label {
5542
+ font-size: var(--pf-v6-c-check__label--FontSize);
5543
+ font-weight: var(--pf-v6-c-check__label--FontWeight);
5544
+ line-height: var(--pf-v6-c-check__label--LineHeight);
5545
+ color: var(--pf-v6-c-check__label--Color);
5546
+ }
5547
+
5548
+ .pf-v6-c-check__description {
5549
+ grid-column: 2;
5550
+ font-size: var(--pf-v6-c-check__description--FontSize);
5551
+ color: var(--pf-v6-c-check__description--Color);
5552
+ }
5553
+
5554
+ .pf-v6-c-check__body {
5555
+ grid-column: 2;
5556
+ }
5557
+
5558
+ .pf-v6-c-check__label,
5559
+ .pf-v6-c-check__input {
5560
+ justify-self: start;
5561
+ }
5562
+
5563
+ label.pf-v6-c-check, .pf-v6-c-check__label,
5564
+ .pf-v6-c-check__input {
5565
+ cursor: pointer;
5566
+ }
5567
+
5568
+ .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
5569
+ .pf-v6-c-check__input:disabled,
5570
+ .pf-v6-c-check__input.pf-m-disabled {
5571
+ --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
5572
+ cursor: not-allowed;
5177
5573
  }
5178
5574
 
5179
- .pf-v6-c-menu-toggle__status-icon {
5180
- color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
5575
+ .pf-v6-c-check__label-required {
5576
+ margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
5577
+ font-size: var(--pf-v6-c-check__label-required--FontSize);
5578
+ color: var(--pf-v6-c-check__label-required--Color);
5181
5579
  }
5182
5580
 
5183
5581
  .pf-v6-c-button {
@@ -5956,491 +6354,93 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5956
6354
  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
5957
6355
  color: var(--pf-v6-c-button__icon--Color);
5958
6356
  transition-delay: var(--pf-v6-c-button__icon--TransitionDelay);
5959
- transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
5960
- transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
5961
- transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
5962
- rotate: var(--pf-v6-c-button__icon--Rotate);
5963
- scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
5964
- }
5965
-
5966
- .pf-v6-c-button__icon.pf-m-start {
5967
- --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
5968
- }
5969
-
5970
- .pf-v6-c-button__icon.pf-m-end {
5971
- --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
5972
- }
5973
-
5974
- .pf-v6-c-button__icon-favorite,
5975
- .pf-v6-c-button__icon-favorited {
5976
- grid-area: 1/1/1/1;
5977
- transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
5978
- transition-property: opacity;
5979
- }
5980
-
5981
- .pf-v6-c-button__icon-favorite {
5982
- opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
5983
- }
5984
-
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);
6357
+ transition-timing-function: var(--pf-v6-c-button__icon--TransitionTimingFunction);
6358
+ transition-duration: var(--pf-v6-c-button__icon--TransitionDuration);
6359
+ transition-property: var(--pf-v6-c-button__icon--TransitionProperty);
6360
+ rotate: var(--pf-v6-c-button__icon--Rotate);
6361
+ scale: var(--pf-v6-c-button__icon--ScaleX) var(--pf-v6-c-button__icon--ScaleY);
6200
6362
  }
6201
6363
 
6202
- .pf-v6-c-divider.pf-m-horizontal {
6203
- flex-direction: row;
6204
- width: 100%;
6205
- height: var(--pf-v6-c-divider--Size);
6364
+ .pf-v6-c-button__icon.pf-m-start {
6365
+ --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
6206
6366
  }
6207
6367
 
6208
- .pf-v6-c-divider.pf-m-vertical {
6209
- flex-direction: column;
6210
- width: var(--pf-v6-c-divider--Size);
6211
- height: inherit;
6368
+ .pf-v6-c-button__icon.pf-m-end {
6369
+ --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
6212
6370
  }
6213
6371
 
6214
- .pf-v6-c-divider.pf-m-inset-none {
6215
- --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
6372
+ .pf-v6-c-button__icon-favorite,
6373
+ .pf-v6-c-button__icon-favorited {
6374
+ grid-area: 1/1/1/1;
6375
+ transition-duration: var(--pf-v6-c-button__icon--favorite--TransitionDuration);
6376
+ transition-property: opacity;
6216
6377
  }
6217
6378
 
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);
6379
+ .pf-v6-c-button__icon-favorite {
6380
+ opacity: var(--pf-v6-c-button__icon--favorite--Opacity);
6220
6381
  }
6221
6382
 
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);
6383
+ .pf-v6-c-button__icon-favorited {
6384
+ opacity: var(--pf-v6-c-button__icon--favorited--Opacity);
6224
6385
  }
6225
6386
 
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);
6387
+ .pf-v6-c-button__progress {
6388
+ position: absolute;
6389
+ inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
6390
+ inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
6391
+ line-height: 1;
6392
+ color: var(--pf-v6-c-button__progress--Color);
6393
+ transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
6228
6394
  }
6229
6395
 
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);
6396
+ .pf-v6-c-button__progress .pf-v6-c-spinner {
6397
+ --pf-v6-c-spinner--Color: currentcolor;
6232
6398
  }
6233
6399
 
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);
6400
+ .pf-v6-c-button__text {
6401
+ text-decoration: inherit;
6236
6402
  }
6237
6403
 
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);
6404
+ .pf-v6-c-button__count {
6405
+ display: inline-flex;
6406
+ align-items: center;
6240
6407
  }
6241
6408
 
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);
6409
+ .pf-v6-c-button--hamburger-icon path {
6410
+ fill: none;
6411
+ stroke: currentcolor;
6412
+ stroke-linecap: round;
6413
+ stroke-linejoin: round;
6414
+ transition: d var(--pf-v6-c-button--hamburger-icon--TransitionDuration) var(--pf-v6-c-button--hamburger-icon--TransitionTimingFunction);
6244
6415
  }
6245
6416
 
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
- }
6417
+ .pf-v6-c-button--hamburger-icon--top {
6418
+ d: var(--pf-v6-c-button--hamburger-icon--top--path);
6419
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);
6420
+
6421
+ .pf-v6-c-button--hamburger-icon--middle {
6422
+ d: var(--pf-v6-c-button--hamburger-icon--middle--path);
6423
+ }
6424
+
6425
+ .pf-v6-c-button--hamburger-icon--arrow {
6426
+ d: var(--pf-v6-c-button--hamburger-icon--arrow--path);
6427
+ }
6428
+
6429
+ .pf-v6-c-button--hamburger-icon--bottom {
6430
+ d: var(--pf-v6-c-button--hamburger-icon--bottom--path);
6431
+ }
6432
+
6433
+ @keyframes pf-v6-c-button-icon-notify {
6434
+ 33% {
6435
+ transform: rotate(30deg);
6438
6436
  }
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);
6437
+ 66% {
6438
+ transform: rotate(-60deg);
6441
6439
  }
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);
6440
+ }
6441
+ @keyframes pf-v6-c-button-icon-favorited {
6442
+ 50% {
6443
+ scale: 1.5;
6444
6444
  }
6445
6445
  }
6446
6446
  .pf-v6-c-action-list {
@@ -7186,122 +7186,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
7186
7186
  color: var(--pf-v6-c-badge__toggle-icon--Color);
7187
7187
  }
7188
7188
 
7189
- .pf-v6-c-breadcrumb {
7190
- --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
7191
- --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
7192
- --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7193
- --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
7194
- --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7195
- --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
7196
- --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7197
- --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7198
- --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
7199
- --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
7200
- --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
7201
- --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
7202
- --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
7203
- --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
7204
- --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
7205
- --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
7206
- --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
7207
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7208
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
7209
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7210
- --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
7211
- }
7212
-
7213
- .pf-v6-c-breadcrumb {
7214
- display: inline-flex;
7215
- }
7216
-
7217
- .pf-v6-c-breadcrumb__list {
7218
- display: flex;
7219
- flex-wrap: wrap;
7220
- align-items: center;
7221
- }
7222
-
7223
- .pf-v6-c-breadcrumb__item {
7224
- display: flex;
7225
- align-items: baseline;
7226
- font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
7227
- font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
7228
- line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
7229
- white-space: nowrap;
7230
- list-style: none;
7231
- }
7232
-
7233
- .pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
7234
- --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
7235
- }
7236
-
7237
- .pf-v6-c-breadcrumb__item:not(:last-child) {
7238
- margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
7239
- }
7240
-
7241
- .pf-v6-c-breadcrumb__item-divider {
7242
- margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
7243
- font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
7244
- line-height: 1;
7245
- color: var(--pf-v6-c-breadcrumb__item-divider--Color);
7246
- }
7247
-
7248
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
7249
- scale: -1 1;
7250
- }
7251
-
7252
- .pf-v6-c-breadcrumb__link {
7253
- padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
7254
- padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
7255
- font-size: inherit;
7256
- font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
7257
- line-height: inherit;
7258
- color: var(--pf-v6-c-breadcrumb__link--Color);
7259
- text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
7260
- text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
7261
- word-break: break-word;
7262
- background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
7263
- }
7264
-
7265
- .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
7266
- --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
7267
- --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
7268
- --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
7269
- }
7270
-
7271
- .pf-v6-c-breadcrumb__link.pf-m-current {
7272
- cursor: default;
7273
- }
7274
-
7275
- .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
7276
- color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
7277
- text-decoration-line: none;
7278
- }
7279
-
7280
- button.pf-v6-c-breadcrumb__link {
7281
- border: none;
7282
- }
7283
-
7284
- .pf-v6-c-breadcrumb__dropdown {
7285
- margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
7286
- margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
7287
- margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
7288
- margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
7289
- }
7290
-
7291
- .pf-v6-c-breadcrumb__heading {
7292
- display: inline;
7293
- font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
7294
- }
7295
-
7296
- .pf-v6-c-breadcrumb__link,
7297
- .pf-v6-c-breadcrumb__heading {
7298
- white-space: normal;
7299
- }
7300
-
7301
- .pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
7302
- display: none;
7303
- }
7304
-
7305
7189
  .pf-v6-c-menu {
7306
7190
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--sm);
7307
7191
  --pf-v6-c-menu--Width: auto;
@@ -8054,4 +7938,119 @@ button.pf-v6-c-breadcrumb__link {
8054
7938
  stroke-dashoffset: 280;
8055
7939
  transform: rotate(720deg);
8056
7940
  }
7941
+ }
7942
+ .pf-v6-c-breadcrumb {
7943
+ --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
7944
+ --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
7945
+ --pf-v6-c-breadcrumb__item--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7946
+ --pf-v6-c-breadcrumb__item-divider--Color: var(--pf-t--global--icon--color--regular);
7947
+ --pf-v6-c-breadcrumb__item-divider--MarginInlineEnd: var(--pf-t--global--spacer--sm);
7948
+ --pf-v6-c-breadcrumb__item-divider--FontSize: var( --pf-t--global--font--size--body--sm);
7949
+ --pf-v6-c-breadcrumb__link--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7950
+ --pf-v6-c-breadcrumb__link--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7951
+ --pf-v6-c-breadcrumb__link--Color: var(--pf-t--global--text--color--link--default);
7952
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
7953
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
7954
+ --pf-v6-c-breadcrumb__link--hover--Color: var(--pf-t--global--text--color--link--hover);
7955
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
7956
+ --pf-v6-c-breadcrumb__link--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
7957
+ --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
7958
+ --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
7959
+ --pf-v6-c-breadcrumb__heading--FontSize: var( --pf-t--global--font--size--body--sm);
7960
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7961
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
7962
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
7963
+ --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
7964
+ }
7965
+
7966
+ .pf-v6-c-breadcrumb {
7967
+ display: inline-flex;
7968
+ }
7969
+
7970
+ .pf-v6-c-breadcrumb__list {
7971
+ display: flex;
7972
+ flex-wrap: wrap;
7973
+ align-items: center;
7974
+ }
7975
+
7976
+ .pf-v6-c-breadcrumb__item {
7977
+ display: flex;
7978
+ align-items: baseline;
7979
+ font-size: var(--pf-v6-c-breadcrumb__item--FontSize);
7980
+ font-weight: var(--pf-v6-c-breadcrumb__item--FontWeight);
7981
+ line-height: var(--pf-v6-c-breadcrumb__item--LineHeight);
7982
+ white-space: nowrap;
7983
+ list-style: none;
7984
+ }
7985
+
7986
+ .pf-v6-c-breadcrumb__item:first-child:has(.pf-v6-c-breadcrumb__link) {
7987
+ --pf-v6-c-breadcrumb__link--PaddingInlineStart: 0;
7988
+ }
7989
+
7990
+ .pf-v6-c-breadcrumb__item:not(:last-child) {
7991
+ margin-inline-end: var(--pf-v6-c-breadcrumb__item--MarginInlineEnd);
7992
+ }
7993
+
7994
+ .pf-v6-c-breadcrumb__item-divider {
7995
+ margin-inline-end: var(--pf-v6-c-breadcrumb__item-divider--MarginInlineEnd);
7996
+ font-size: var(--pf-v6-c-breadcrumb__item-divider--FontSize);
7997
+ line-height: 1;
7998
+ color: var(--pf-v6-c-breadcrumb__item-divider--Color);
7999
+ }
8000
+
8001
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-breadcrumb__item-divider {
8002
+ scale: -1 1;
8003
+ }
8004
+
8005
+ .pf-v6-c-breadcrumb__link {
8006
+ padding-inline-start: var(--pf-v6-c-breadcrumb__link--PaddingInlineStart);
8007
+ padding-inline-end: var(--pf-v6-c-breadcrumb__link--PaddingInlineEnd);
8008
+ font-size: inherit;
8009
+ font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
8010
+ line-height: inherit;
8011
+ color: var(--pf-v6-c-breadcrumb__link--Color);
8012
+ text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
8013
+ text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
8014
+ word-break: break-word;
8015
+ background-color: var(--pf-v6-c-breadcrumb__link--BackgroundColor);
8016
+ }
8017
+
8018
+ .pf-v6-c-breadcrumb__link:is(:hover, :focus) {
8019
+ --pf-v6-c-breadcrumb__link--Color: var(--pf-v6-c-breadcrumb__link--hover--Color);
8020
+ --pf-v6-c-breadcrumb__link--TextDecorationLine: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationLine);
8021
+ --pf-v6-c-breadcrumb__link--TextDecorationStyle: var(--pf-v6-c-breadcrumb__link--hover--TextDecorationStyle);
8022
+ }
8023
+
8024
+ .pf-v6-c-breadcrumb__link.pf-m-current {
8025
+ cursor: default;
8026
+ }
8027
+
8028
+ .pf-v6-c-breadcrumb__link.pf-m-current, .pf-v6-c-breadcrumb__link.pf-m-current:is(:hover, :focus) {
8029
+ color: var(--pf-v6-c-breadcrumb__link--m-current--Color);
8030
+ text-decoration-line: none;
8031
+ }
8032
+
8033
+ button.pf-v6-c-breadcrumb__link {
8034
+ border: none;
8035
+ }
8036
+
8037
+ .pf-v6-c-breadcrumb__dropdown {
8038
+ margin-block-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart);
8039
+ margin-block-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd);
8040
+ margin-inline-start: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart);
8041
+ margin-inline-end: var(--pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd);
8042
+ }
8043
+
8044
+ .pf-v6-c-breadcrumb__heading {
8045
+ display: inline;
8046
+ font-size: var(--pf-v6-c-breadcrumb__heading--FontSize);
8047
+ }
8048
+
8049
+ .pf-v6-c-breadcrumb__link,
8050
+ .pf-v6-c-breadcrumb__heading {
8051
+ white-space: normal;
8052
+ }
8053
+
8054
+ .pf-v6-c-breadcrumb__list > :first-child .pf-v6-c-breadcrumb__item-divider {
8055
+ display: none;
8057
8056
  }