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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -971,6 +971,74 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
971
971
  --pf-v6-c-table--cell--Width: 100%;
972
972
  }
973
973
 
974
+ .pf-v6-c-table {
975
+ --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
976
+ --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
977
+ --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
978
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
979
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
980
+ --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
981
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
982
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
983
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
984
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
985
+ --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
986
+ --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
987
+ --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
988
+ }
989
+
990
+ .pf-v6-c-table .pf-v6-c-table__sticky-cell {
991
+ position: sticky;
992
+ inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
993
+ inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
994
+ z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
995
+ min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
996
+ }
997
+
998
+ .pf-v6-c-table__sticky-cell {
999
+ --pf-v6-c-table--cell--Overflow: visible;
1000
+ --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
1001
+ background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
1002
+ background-clip: padding-box;
1003
+ }
1004
+
1005
+ .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
1006
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
1007
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
1008
+ }
1009
+
1010
+ .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
1011
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
1012
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
1013
+ }
1014
+
1015
+ .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
1016
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
1017
+ }
1018
+
1019
+ .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
1020
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
1021
+ }
1022
+
1023
+ .pf-v6-c-scroll-outer-wrapper {
1024
+ --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
1025
+ --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
1026
+ display: flex;
1027
+ flex-direction: column;
1028
+ max-width: 100%;
1029
+ min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
1030
+ max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
1031
+ overflow: hidden;
1032
+ }
1033
+
1034
+ .pf-v6-c-scroll-inner-wrapper {
1035
+ display: flex;
1036
+ flex-direction: column;
1037
+ max-width: 100%;
1038
+ max-height: 100%;
1039
+ overflow: auto;
1040
+ }
1041
+
974
1042
  .pf-v6-c-table {
975
1043
  --pf-v6-c-table__tree-view-main--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-table__tree-view-icon--MinWidth));
976
1044
  --pf-v6-c-table__tree-view-main--nested-indent--base: calc(var(--pf-v6-c-table__tree-view-main--indent--base) - var(--pf-t--global--spacer--md));
@@ -1832,723 +1900,357 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1832
1900
  --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));
1833
1901
  }
1834
1902
  }
1835
- .pf-v6-c-table {
1836
- --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
1837
- --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
1838
- --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
1839
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
1840
- --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
1841
- --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
1842
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
1843
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
1844
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
1845
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
1846
- --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
1847
- --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
1848
- --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
1903
+ .pf-v6-c-inline-edit {
1904
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
1905
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
1906
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
1907
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
1908
+ --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
1909
+ --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
1849
1910
  }
1850
1911
 
1851
- .pf-v6-c-table .pf-v6-c-table__sticky-cell {
1852
- position: sticky;
1853
- inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
1854
- inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
1855
- z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
1856
- min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
1912
+ .pf-v6-c-inline-edit__group {
1913
+ display: flex;
1914
+ align-items: baseline;
1857
1915
  }
1858
1916
 
1859
- .pf-v6-c-table__sticky-cell {
1860
- --pf-v6-c-table--cell--Overflow: visible;
1861
- --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
1862
- background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
1863
- background-clip: padding-box;
1917
+ .pf-v6-c-inline-edit__group > * {
1918
+ margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
1864
1919
  }
1865
1920
 
1866
- .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
1867
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
1868
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
1921
+ .pf-v6-c-inline-edit__group.pf-m-icon-group {
1922
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
1869
1923
  }
1870
1924
 
1871
- .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
1872
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
1873
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
1925
+ .pf-v6-c-inline-edit__group.pf-m-footer {
1926
+ margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
1874
1927
  }
1875
1928
 
1876
- .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
1877
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
1929
+ .pf-v6-c-inline-edit__group.pf-m-column {
1930
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
1931
+ flex-direction: column;
1878
1932
  }
1879
1933
 
1880
- .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
1881
- --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
1934
+ .pf-v6-c-inline-edit__group > :last-child {
1935
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
1882
1936
  }
1883
1937
 
1884
- .pf-v6-c-scroll-outer-wrapper {
1885
- --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
1886
- --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
1887
- display: flex;
1888
- flex-direction: column;
1889
- max-width: 100%;
1890
- min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
1891
- max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
1892
- overflow: hidden;
1938
+ .pf-v6-c-inline-edit__input {
1939
+ flex: 1;
1893
1940
  }
1894
1941
 
1895
- .pf-v6-c-scroll-inner-wrapper {
1896
- display: flex;
1897
- flex-direction: column;
1898
- max-width: 100%;
1899
- max-height: 100%;
1900
- overflow: auto;
1942
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
1943
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
1901
1944
  }
1902
1945
 
1903
- .pf-v6-c-form {
1904
- --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
1905
- --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
1906
- --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
1907
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
1908
- --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
1909
- --pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
1910
- --pf-v6-c-form--m-limit-width--MaxWidth: 55rem;
1911
- --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));
1912
- --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
1913
- --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
1914
- --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)));
1915
- --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
1916
- --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
1917
- --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
1918
- --pf-v6-c-form__label--hover--Cursor: pointer;
1919
- --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
1920
- --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
1921
- --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
1922
- --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
1923
- --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
1924
- --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
1925
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
1926
- --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
1927
- --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
1928
- --pf-v6-c-form__group-control--m-inline--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
1929
- --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
1930
- --pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--gap--group--vertical);
1931
- --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));
1932
- --pf-v6-c-form__actions--child--MarginBlockStart: var(--pf-t--global--spacer--sm);
1933
- --pf-v6-c-form__actions--child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
1934
- --pf-v6-c-form__actions--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
1935
- --pf-v6-c-form__actions--child--MarginInlineStart: var(--pf-t--global--spacer--sm);
1936
- --pf-v6-c-form__actions--MarginBlockStart: calc(var(--pf-v6-c-form__actions--child--MarginBlockStart) * -1);
1937
- --pf-v6-c-form__actions--MarginInlineEnd: calc(var(--pf-v6-c-form__actions--child--MarginInlineEnd) * -1);
1938
- --pf-v6-c-form__actions--MarginBlockEnd: calc(var(--pf-v6-c-form__actions--child--MarginBlockEnd) * -1);
1939
- --pf-v6-c-form__actions--MarginInlineStart: calc(var(--pf-v6-c-form__actions--child--MarginInlineStart) * -1);
1940
- --pf-v6-c-form__helper-text--MarginBlockStart--base: var(--pf-t--global--spacer--xs);
1941
- --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__helper-text--MarginBlockStart--base);
1942
- --pf-v6-c-form__section--MarginBlockStart: var(--pf-t--global--spacer--xl);
1943
- --pf-v6-c-form__section--Gap: var(--pf-v6-c-form--GridGap);
1944
- --pf-v6-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
1945
- --pf-v6-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
1946
- --pf-v6-c-form__section-title--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
1947
- --pf-v6-c-form__field-group--border-width-base: var(--pf-t--global--border--width--divider--default);
1948
- --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
1949
- --pf-v6-c-form__field-group--BorderBlockStartColor: var(--pf-t--global--border--color--default);
1950
- --pf-v6-c-form__field-group--BorderBlockEndWidth: var(--pf-v6-c-form__field-group--border-width-base);
1951
- --pf-v6-c-form__field-group--BorderBlockEndColor: var(--pf-t--global--border--color--default);
1952
- --pf-v6-c-form__field-group--field-group--MarginBlockStart: calc(var(--pf-v6-c-form--GridGap) * -1);
1953
- --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));
1954
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
1955
- --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
1956
- --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
1957
- --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
1958
- --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);
1959
- --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
1960
- --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
1961
- --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
1962
- --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
1963
- --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
1964
- --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
1965
- --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
1966
- --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--md);
1967
- --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
1968
- --pf-v6-c-form__field-group-header--GridColumn: 1 / 3;
1969
- --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
1970
- --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
1971
- --pf-v6-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3;
1972
- --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);
1973
- --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
1974
- --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
1975
- --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
1976
- --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
1977
- --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
1978
- --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
1979
- --pf-v6-c-form__field-group-body--GridColumn: 2 / 3;
1980
- --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
1981
- --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
1982
- --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
1946
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
1947
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
1983
1948
  }
1984
1949
 
1985
- .pf-v6-c-form {
1986
- display: grid;
1987
- gap: var(--pf-v6-c-form--GridGap);
1950
+ .pf-v6-c-inline-edit__input,
1951
+ .pf-v6-c-inline-edit__action,
1952
+ .pf-v6-c-inline-edit__group.pf-m-action-group {
1953
+ display: none;
1988
1954
  }
1989
1955
 
1990
- .pf-v6-c-form.pf-m-horizontal.pf-m-align-right .pf-v6-c-form__label {
1991
- text-align: end;
1956
+ .pf-v6-c-inline-edit__action.pf-m-enable-editable {
1957
+ display: inline-block;
1992
1958
  }
1993
1959
 
1994
- @media screen and (min-width: 48rem) {
1995
- .pf-v6-c-form.pf-m-horizontal {
1996
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
1997
- }
1998
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
1999
- display: grid;
2000
- 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);
2001
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
2002
- }
2003
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
2004
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
2005
- }
2006
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-no-padding-top {
2007
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
2008
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
2009
- }
2010
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
2011
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
2012
- flex-direction: column;
2013
- align-items: flex-start;
2014
- }
2015
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
2016
- flex-grow: 0;
2017
- }
2018
- .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-control {
2019
- grid-column: 2;
2020
- }
2021
- }
2022
- @media screen and (min-width: 0) {
2023
- .pf-v6-c-form.pf-m-horizontal-on-xs {
2024
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
2025
- }
2026
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
2027
- display: grid;
2028
- 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);
2029
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
2030
- }
2031
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
2032
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
2033
- }
2034
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-no-padding-top {
2035
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
2036
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
2037
- }
2038
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
2039
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
2040
- flex-direction: column;
2041
- align-items: flex-start;
2042
- }
2043
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
2044
- flex-grow: 0;
2045
- }
2046
- .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-control {
2047
- grid-column: 2;
2048
- }
2049
- }
2050
- @media (min-width: 36rem) {
2051
- .pf-v6-c-form.pf-m-horizontal-on-sm {
2052
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
2053
- }
2054
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
2055
- display: grid;
2056
- 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);
2057
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
2058
- }
2059
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
2060
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
2061
- }
2062
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-no-padding-top {
2063
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
2064
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
2065
- }
2066
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
2067
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
2068
- flex-direction: column;
2069
- align-items: flex-start;
2070
- }
2071
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
2072
- flex-grow: 0;
2073
- }
2074
- .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-control {
2075
- grid-column: 2;
2076
- }
2077
- }
2078
- @media (min-width: 48rem) {
2079
- .pf-v6-c-form.pf-m-horizontal-on-md {
2080
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
2081
- }
2082
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
2083
- display: grid;
2084
- 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);
2085
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
2086
- }
2087
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
2088
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
2089
- }
2090
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-no-padding-top {
2091
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
2092
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
2093
- }
2094
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
2095
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
2096
- flex-direction: column;
2097
- align-items: flex-start;
2098
- }
2099
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
2100
- flex-grow: 0;
2101
- }
2102
- .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-control {
2103
- grid-column: 2;
2104
- }
2105
- }
2106
- @media (min-width: 62rem) {
2107
- .pf-v6-c-form.pf-m-horizontal-on-lg {
2108
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
2109
- }
2110
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
2111
- display: grid;
2112
- 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);
2113
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
2114
- }
2115
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
2116
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
2117
- }
2118
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-no-padding-top {
2119
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
2120
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
2121
- }
2122
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
2123
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
2124
- flex-direction: column;
2125
- align-items: flex-start;
2126
- }
2127
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
2128
- flex-grow: 0;
2129
- }
2130
- .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-control {
2131
- grid-column: 2;
2132
- }
2133
- }
2134
- @media (min-width: 75rem) {
2135
- .pf-v6-c-form.pf-m-horizontal-on-xl {
2136
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
2137
- }
2138
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
2139
- display: grid;
2140
- 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);
2141
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
2142
- }
2143
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
2144
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
2145
- }
2146
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
2147
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
2148
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
2149
- }
2150
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
2151
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
2152
- flex-direction: column;
2153
- align-items: flex-start;
2154
- }
2155
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
2156
- flex-grow: 0;
2157
- }
2158
- .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-control {
2159
- grid-column: 2;
2160
- }
2161
- }
2162
- @media (min-width: 90.625rem) {
2163
- .pf-v6-c-form.pf-m-horizontal-on-2xl {
2164
- --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
2165
- }
2166
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
2167
- display: grid;
2168
- 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);
2169
- grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
2170
- }
2171
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
2172
- padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
2173
- }
2174
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
2175
- --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
2176
- transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
2177
- }
2178
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
2179
- --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
2180
- flex-direction: column;
2181
- align-items: flex-start;
2182
- }
2183
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
2184
- flex-grow: 0;
2185
- }
2186
- .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-control {
2187
- grid-column: 2;
2188
- }
2189
- }
2190
- .pf-v6-c-form.pf-m-limit-width {
2191
- max-width: var(--pf-v6-c-form--m-limit-width--MaxWidth);
1960
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
1961
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
1962
+ display: block;
2192
1963
  }
2193
1964
 
2194
- .pf-v6-c-form__group {
2195
- display: flex;
2196
- flex-direction: column;
2197
- gap: var(--pf-v6-c-form__group--Gap);
2198
- min-width: 0;
1965
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
1966
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
1967
+ display: inline-block;
2199
1968
  }
2200
1969
 
2201
- .pf-v6-c-form__group.pf-m-action {
2202
- margin-block-start: var(--pf-v6-c-form__group--m-action--MarginBlockStart);
2203
- overflow: hidden;
1970
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
1971
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
1972
+ display: inline-flex;
2204
1973
  }
2205
1974
 
2206
- .pf-v6-c-form__section {
2207
- display: grid;
2208
- gap: var(--pf-v6-c-form__section--Gap);
1975
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
1976
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
1977
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
1978
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
1979
+ display: none;
2209
1980
  }
2210
1981
 
2211
- .pf-v6-c-form__section + .pf-v6-c-form__group:not(.pf-m-action), .pf-v6-c-form__section:not(:first-child) {
2212
- margin-block-start: var(--pf-v6-c-form__section--MarginBlockStart);
1982
+ .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
1983
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
1984
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
2213
1985
  }
2214
1986
 
2215
- .pf-v6-c-form__section-title {
2216
- margin-block-end: var(--pf-v6-c-form__section-title--MarginBlockEnd);
2217
- font-size: var(--pf-v6-c-form__section-title--FontSize);
2218
- font-weight: var(--pf-v6-c-form__section-title--FontWeight);
1987
+ .pf-v6-c-inline-edit__label.pf-m-bold {
1988
+ font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
2219
1989
  }
2220
1990
 
2221
- .pf-v6-c-form__group-label {
2222
- --pf-v6-c-form__helper-text--MarginBlockStart: 0;
1991
+ .pf-v6-c-inline-edit__editable-text br {
1992
+ display: none;
2223
1993
  }
2224
1994
 
2225
- .pf-v6-c-form__group-label.pf-m-info {
2226
- display: flex;
2227
- gap: var(--pf-v6-c-form__group-label--m-info--Gap);
2228
- align-items: flex-end;
1995
+ .pf-v6-u-screen-reader {
1996
+ position: fixed;
1997
+ inset-block-start: 0;
1998
+ inset-inline-start: 0;
1999
+ overflow: hidden;
2000
+ clip: rect(0, 0, 0, 0);
2001
+ white-space: nowrap;
2002
+ border: 0;
2229
2003
  }
2230
2004
 
2231
- .pf-v6-c-form__group-label-main {
2232
- flex-grow: 1;
2005
+ .pf-v6-u-visible {
2006
+ position: static;
2007
+ overflow: visible;
2008
+ clip: auto;
2009
+ white-space: normal;
2010
+ border: inherit;
2233
2011
  }
2234
2012
 
2235
- .pf-v6-c-form__group-label-info {
2236
- font-size: var(--pf-v6-c-form__group-label-info--FontSize);
2013
+ .pf-v6-u-hidden {
2014
+ display: none !important;
2237
2015
  }
2238
2016
 
2239
- .pf-v6-c-form__label {
2240
- font-size: var(--pf-v6-c-form__label--FontSize);
2241
- line-height: var(--pf-v6-c-form__label--LineHeight);
2017
+ @media screen and (min-width: 36rem) {
2018
+ .pf-v6-u-screen-reader-on-sm {
2019
+ position: fixed;
2020
+ inset-block-start: 0;
2021
+ inset-inline-start: 0;
2022
+ overflow: hidden;
2023
+ clip: rect(0, 0, 0, 0);
2024
+ white-space: nowrap;
2025
+ border: 0;
2026
+ }
2242
2027
  }
2243
-
2244
- .pf-v6-c-form__label:not(.pf-m-disabled):hover {
2245
- cursor: var(--pf-v6-c-form__label--hover--Cursor);
2028
+ @media screen and (min-width: 36rem) {
2029
+ .pf-v6-u-visible-on-sm {
2030
+ position: static;
2031
+ overflow: visible;
2032
+ clip: auto;
2033
+ white-space: normal;
2034
+ border: inherit;
2035
+ }
2246
2036
  }
2247
-
2248
- .pf-v6-c-form__label.pf-m-disabled {
2249
- color: var(--pf-v6-c-form__label--m-disabled--Color);
2037
+ @media screen and (min-width: 36rem) {
2038
+ .pf-v6-u-hidden-on-sm {
2039
+ display: none !important;
2040
+ }
2250
2041
  }
2251
-
2252
- .pf-v6-c-form__label.pf-m-disabled:hover {
2253
- cursor: var(--pf-v6-c-form__label--m-disabled--hover--Cursor);
2042
+ @media screen and (min-width: 48rem) {
2043
+ .pf-v6-u-screen-reader-on-md {
2044
+ position: fixed;
2045
+ inset-block-start: 0;
2046
+ inset-inline-start: 0;
2047
+ overflow: hidden;
2048
+ clip: rect(0, 0, 0, 0);
2049
+ white-space: nowrap;
2050
+ border: 0;
2051
+ }
2254
2052
  }
2255
-
2256
- .pf-v6-c-form__label-text {
2257
- font-weight: var(--pf-v6-c-form__label-text--FontWeight);
2053
+ @media screen and (min-width: 48rem) {
2054
+ .pf-v6-u-visible-on-md {
2055
+ position: static;
2056
+ overflow: visible;
2057
+ clip: auto;
2058
+ white-space: normal;
2059
+ border: inherit;
2060
+ }
2258
2061
  }
2259
-
2260
- .pf-v6-c-form__label-required {
2261
- margin-inline-start: var(--pf-v6-c-form__label-required--MarginInlineStart);
2262
- font-size: var(--pf-v6-c-form__label-required--FontSize);
2263
- color: var(--pf-v6-c-form__label-required--Color);
2062
+ @media screen and (min-width: 48rem) {
2063
+ .pf-v6-u-hidden-on-md {
2064
+ display: none !important;
2065
+ }
2264
2066
  }
2265
-
2266
- .pf-v6-c-form__group-label-help .pf-v6-c-button {
2267
- --pf-v6-c-button--FontSize: var(--pf-v6-c-form__group-label-help--FontSize);
2067
+ @media screen and (min-width: 62rem) {
2068
+ .pf-v6-u-screen-reader-on-lg {
2069
+ position: fixed;
2070
+ inset-block-start: 0;
2071
+ inset-inline-start: 0;
2072
+ overflow: hidden;
2073
+ clip: rect(0, 0, 0, 0);
2074
+ white-space: nowrap;
2075
+ border: 0;
2076
+ }
2268
2077
  }
2269
-
2270
- .pf-v6-c-form__group-control {
2271
- min-width: 0;
2078
+ @media screen and (min-width: 62rem) {
2079
+ .pf-v6-u-visible-on-lg {
2080
+ position: static;
2081
+ overflow: visible;
2082
+ clip: auto;
2083
+ white-space: normal;
2084
+ border: inherit;
2085
+ }
2272
2086
  }
2273
-
2274
- .pf-v6-c-form__group-control.pf-m-inline {
2275
- display: flex;
2276
- flex-flow: row wrap;
2277
- gap: var(--pf-v6-c-form__group-control--m-inline--Gap);
2087
+ @media screen and (min-width: 62rem) {
2088
+ .pf-v6-u-hidden-on-lg {
2089
+ display: none !important;
2090
+ }
2091
+ }
2092
+ @media screen and (min-width: 75rem) {
2093
+ .pf-v6-u-screen-reader-on-xl {
2094
+ position: fixed;
2095
+ inset-block-start: 0;
2096
+ inset-inline-start: 0;
2097
+ overflow: hidden;
2098
+ clip: rect(0, 0, 0, 0);
2099
+ white-space: nowrap;
2100
+ border: 0;
2101
+ }
2102
+ }
2103
+ @media screen and (min-width: 75rem) {
2104
+ .pf-v6-u-visible-on-xl {
2105
+ position: static;
2106
+ overflow: visible;
2107
+ clip: auto;
2108
+ white-space: normal;
2109
+ border: inherit;
2110
+ }
2111
+ }
2112
+ @media screen and (min-width: 75rem) {
2113
+ .pf-v6-u-hidden-on-xl {
2114
+ display: none !important;
2115
+ }
2116
+ }
2117
+ @media screen and (min-width: 90.625rem) {
2118
+ .pf-v6-u-screen-reader-on-2xl {
2119
+ position: fixed;
2120
+ inset-block-start: 0;
2121
+ inset-inline-start: 0;
2122
+ overflow: hidden;
2123
+ clip: rect(0, 0, 0, 0);
2124
+ white-space: nowrap;
2125
+ border: 0;
2126
+ }
2127
+ }
2128
+ @media screen and (min-width: 90.625rem) {
2129
+ .pf-v6-u-visible-on-2xl {
2130
+ position: static;
2131
+ overflow: visible;
2132
+ clip: auto;
2133
+ white-space: normal;
2134
+ border: inherit;
2135
+ }
2136
+ }
2137
+ @media screen and (min-width: 90.625rem) {
2138
+ .pf-v6-u-hidden-on-2xl {
2139
+ display: none !important;
2140
+ }
2141
+ }
2142
+ .pf-v6-c-table {
2143
+ --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
2144
+ --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
2145
+ --pf-v6-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
2146
+ --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
2147
+ --pf-v6-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--clicked);
2148
+ --pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
2149
+ --pf-v6-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
2150
+ --pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth: var(--pf-v6-c-table__tbody--responsive--border-width--base);
2151
+ --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
2152
+ --pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
2153
+ --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
2154
+ --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
2155
+ --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2156
+ --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
2157
+ --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2158
+ --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
2159
+ --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
2160
+ --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart: var(--pf-t--global--spacer--lg);
2161
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: 0;
2162
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: transparent;
2163
+ --pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__expandable-row--after--border-width--base);
2164
+ --pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartColor: var(--pf-t--global--border--color--clicked);
2165
+ --pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__expandable-row--after--border-width--base);
2166
+ --pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartColor: var(--pf-t--global--border--color--clicked);
2167
+ --pf-v6-c-table--m-grid--cell--hidden-visible--Display: grid;
2168
+ --pf-v6-c-table--m-grid--cell--PaddingBlockStart: 0;
2169
+ --pf-v6-c-table--m-grid--cell--PaddingInlineEnd: 0;
2170
+ --pf-v6-c-table--m-grid--cell--PaddingBlockEnd: 0;
2171
+ --pf-v6-c-table--m-grid--cell--PaddingInlineStart: 0;
2172
+ --pf-v6-c-table-td--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
2173
+ --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
2174
+ --pf-v6-c-table--cell--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
2175
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
2176
+ --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
2177
+ --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
2178
+ --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
2179
+ --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
2180
+ --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
2181
+ --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
2182
+ --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
2183
+ --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
2184
+ --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
2185
+ --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
2186
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
2187
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
2188
+ --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2189
+ --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
2190
+ --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
2191
+ --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
2192
+ --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
2193
+ --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
2194
+ --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
2195
+ --pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
2196
+ --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
2197
+ --pf-v6-c-table__toggle__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
2198
+ --pf-v6-c-table__toggle__icon--Transition: transform var(--pf-v6-c-table__toggle__icon--TransitionDuration) var(--pf-v6-c-table__toggle__icon--TransitionTimingFunction);
2199
+ --pf-v6-c-table__toggle--m-expanded__icon--Rotate: 180deg;
2278
2200
  }
2279
2201
 
2280
- .pf-v6-c-form__group-control.pf-m-stack {
2281
- --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart);
2202
+ .pf-m-grid.pf-v6-c-table {
2203
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
2204
+ --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
2205
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
2206
+ --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
2207
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
2208
+ --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
2209
+ --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
2210
+ --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
2211
+ --pf-v6-c-table__favorite--c-button--MarginInlineStart: auto;
2282
2212
  display: grid;
2283
- gap: var(--pf-v6-c-form__group-control--m-stack--Gap);
2213
+ border: none;
2284
2214
  }
2285
2215
 
2286
- .pf-v6-c-form__group-control .pf-v6-c-form__helper-text:first-child {
2287
- --pf-v6-c-form__helper-text--MarginBlockStart: 0;
2288
- margin-block-end: var(--pf-v6-c-form__group-control__helper-text--MarginBlockEnd);
2216
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
2217
+ width: auto;
2218
+ min-width: 0;
2219
+ max-width: none;
2220
+ overflow: visible;
2221
+ text-overflow: clip;
2222
+ white-space: normal;
2289
2223
  }
2290
2224
 
2291
- .pf-v6-c-form__helper-text {
2292
- margin-block-start: var(--pf-v6-c-form__helper-text--MarginBlockStart);
2225
+ .pf-m-grid.pf-v6-c-table .pf-v6-c-table__text {
2226
+ position: relative;
2227
+ width: auto;
2228
+ min-width: 0;
2229
+ max-width: none;
2230
+ overflow: var(--pf-v6-c-table--cell--Overflow);
2231
+ text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
2232
+ white-space: var(--pf-v6-c-table--cell--WhiteSpace);
2293
2233
  }
2294
2234
 
2295
- .pf-v6-c-form__helper-text.pf-m-inactive {
2235
+ .pf-m-grid.pf-v6-c-table thead:where(.pf-v6-c-table__thead) {
2296
2236
  display: none;
2297
2237
  }
2298
2238
 
2299
- .pf-v6-c-form__helper-text.pf-m-hidden {
2300
- visibility: hidden;
2301
- opacity: 0;
2239
+ .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
2240
+ display: block;
2302
2241
  }
2303
2242
 
2304
- .pf-v6-c-form__fieldset {
2305
- border: 0;
2243
+ .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
2244
+ border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
2306
2245
  }
2307
2246
 
2308
- .pf-v6-c-form__actions {
2309
- display: flex;
2310
- flex-wrap: wrap;
2311
- margin-block-start: var(--pf-v6-c-form__actions--MarginBlockStart);
2312
- margin-block-end: var(--pf-v6-c-form__actions--MarginBlockEnd);
2313
- margin-inline-start: var(--pf-v6-c-form__actions--MarginInlineStart);
2314
- margin-inline-end: var(--pf-v6-c-form__actions--MarginInlineEnd);
2247
+ .pf-m-grid.pf-v6-c-table.pf-m-expandable {
2248
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
2315
2249
  }
2316
2250
 
2317
- .pf-v6-c-form__actions > * {
2318
- margin-block-start: var(--pf-v6-c-form__actions--child--MarginBlockStart);
2319
- margin-block-end: var(--pf-v6-c-form__actions--child--MarginBlockEnd);
2320
- margin-inline-start: var(--pf-v6-c-form__actions--child--MarginInlineStart);
2321
- margin-inline-end: var(--pf-v6-c-form__actions--child--MarginInlineEnd);
2322
- }
2323
-
2324
- .pf-v6-c-form__field-group {
2325
- --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
2326
- display: grid;
2327
- grid-template-columns: minmax(var(--pf-v6-c-form__field-group--GridTemplateColumns--toggle), max-content) 1fr;
2328
- border-block-start: var(--pf-v6-c-form__field-group--BorderBlockStartWidth) solid var(--pf-v6-c-form__field-group--BorderBlockStartColor);
2329
- border-block-end: var(--pf-v6-c-form__field-group--BorderBlockEndWidth) solid var(--pf-v6-c-form__field-group--BorderBlockEndColor);
2330
- }
2331
-
2332
- .pf-v6-c-form__field-group:last-child {
2333
- --pf-v6-c-form__field-group--BorderBlockEndWidth: 0;
2334
- }
2335
-
2336
- .pf-v6-c-form__field-group + .pf-v6-c-form__field-group, .pf-v6-c-form__field-group:first-child {
2337
- --pf-v6-c-form__field-group--BorderBlockStartWidth: 0;
2338
- }
2339
-
2340
- .pf-v6-c-form__field-group + .pf-v6-c-form__field-group {
2341
- margin-block-start: var(--pf-v6-c-form__field-group--field-group--MarginBlockStart);
2342
- }
2343
-
2344
- .pf-v6-c-form__field-group .pf-v6-c-form__field-group {
2345
- --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn);
2346
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart);
2347
- --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart);
2348
- --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd);
2349
- --pf-v6-c-form__field-group-body--PaddingBlockStart: 0;
2350
- }
2351
-
2352
- .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 {
2353
- --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn);
2354
- }
2355
-
2356
- .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
2357
- --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
2358
- }
2359
-
2360
- .pf-v6-c-form__field-group-toggle {
2361
- grid-row: 1/2;
2362
- grid-column: 1/2;
2363
- padding-block-start: var(--pf-v6-c-form__field-group-toggle--PaddingBlockStart);
2364
- padding-inline-end: var(--pf-v6-c-form__field-group-toggle--PaddingInlineEnd);
2365
- }
2366
-
2367
- .pf-v6-c-form__field-group-toggle + .pf-v6-c-form__field-group-header {
2368
- --pf-v6-c-form__field-group-header--GridColumn: var(--pf-v6-c-form__field-group-toggle--field-group-header--GridColumn);
2369
- }
2370
-
2371
- .pf-v6-c-form__field-group-toggle-button {
2372
- margin-block-start: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockStart);
2373
- margin-block-end: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd);
2374
- }
2375
-
2376
- .pf-v6-c-form__field-group-toggle-icon {
2377
- display: inline-block;
2378
- min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
2379
- text-align: center;
2380
- transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
2381
- transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
2382
- transition-property: transform;
2383
- transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
2384
- }
2385
-
2386
- :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
2387
- scale: -1 1;
2388
- }
2389
-
2390
- .pf-v6-c-form__field-group-header {
2391
- display: flex;
2392
- grid-row: 1/2;
2393
- grid-column: var(--pf-v6-c-form__field-group-header--GridColumn);
2394
- align-items: flex-start;
2395
- padding-block-start: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
2396
- padding-block-end: var(--pf-v6-c-form__field-group-header--PaddingBlockEnd);
2397
- }
2398
-
2399
- .pf-v6-c-form__field-group-header-main {
2400
- display: flex;
2401
- flex-direction: column;
2402
- flex-grow: 1;
2403
- }
2404
-
2405
- .pf-v6-c-form__field-group-header-title {
2406
- display: flex;
2407
- }
2408
-
2409
- .pf-v6-c-form__field-group-header-title-text {
2410
- flex-grow: 1;
2411
- }
2412
-
2413
- .pf-v6-c-form__field-group-header-description {
2414
- margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
2415
- color: var(--pf-v6-c-form__field-group-header-description--Color);
2416
- }
2417
-
2418
- .pf-v6-c-form__field-group-header-actions {
2419
- margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
2420
- white-space: nowrap;
2421
- }
2422
-
2423
- .pf-v6-c-form__field-group-body {
2424
- display: grid;
2425
- grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
2426
- gap: var(--pf-v6-c-form__field-group-body--Gap);
2427
- padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
2428
- padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
2429
- }
2430
-
2431
- .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
2432
- --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
2433
- --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
2434
- }
2435
-
2436
- .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
2437
- margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
2438
- }
2439
-
2440
- .pf-v6-c-table {
2441
- --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
2442
- --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
2443
- --pf-v6-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
2444
- --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
2445
- --pf-v6-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--clicked);
2446
- --pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
2447
- --pf-v6-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
2448
- --pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth: var(--pf-v6-c-table__tbody--responsive--border-width--base);
2449
- --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
2450
- --pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
2451
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
2452
- --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
2453
- --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2454
- --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
2455
- --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2456
- --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
2457
- --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
2458
- --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart: var(--pf-t--global--spacer--lg);
2459
- --pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: 0;
2460
- --pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: transparent;
2461
- --pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__expandable-row--after--border-width--base);
2462
- --pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartColor: var(--pf-t--global--border--color--clicked);
2463
- --pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__expandable-row--after--border-width--base);
2464
- --pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartColor: var(--pf-t--global--border--color--clicked);
2465
- --pf-v6-c-table--m-grid--cell--hidden-visible--Display: grid;
2466
- --pf-v6-c-table--m-grid--cell--PaddingBlockStart: 0;
2467
- --pf-v6-c-table--m-grid--cell--PaddingInlineEnd: 0;
2468
- --pf-v6-c-table--m-grid--cell--PaddingBlockEnd: 0;
2469
- --pf-v6-c-table--m-grid--cell--PaddingInlineStart: 0;
2470
- --pf-v6-c-table-td--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
2471
- --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
2472
- --pf-v6-c-table--cell--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
2473
- --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
2474
- --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
2475
- --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
2476
- --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
2477
- --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
2478
- --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
2479
- --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
2480
- --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
2481
- --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
2482
- --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
2483
- --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
2484
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
2485
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
2486
- --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2487
- --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
2488
- --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
2489
- --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
2490
- --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
2491
- --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
2492
- --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
2493
- --pf-v6-c-table--m-grid__check--favorite--action--MarginInlineStart: calc(var(--pf-v6-c-table--m-grid__check--favorite--MarginInlineStart) + var(--pf-v6-c-table--m-grid__favorite--action--MarginInlineStart));
2494
- --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
2495
- --pf-v6-c-table__toggle__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
2496
- --pf-v6-c-table__toggle__icon--Transition: transform var(--pf-v6-c-table__toggle__icon--TransitionDuration) var(--pf-v6-c-table__toggle__icon--TransitionTimingFunction);
2497
- --pf-v6-c-table__toggle--m-expanded__icon--Rotate: 180deg;
2498
- }
2499
-
2500
- .pf-m-grid.pf-v6-c-table {
2501
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
2502
- --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
2503
- --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
2504
- --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
2505
- --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
2506
- --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
2507
- --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
2508
- --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
2509
- --pf-v6-c-table__favorite--c-button--MarginInlineStart: auto;
2510
- display: grid;
2511
- border: none;
2512
- }
2513
-
2514
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
2515
- width: auto;
2516
- min-width: 0;
2517
- max-width: none;
2518
- overflow: visible;
2519
- text-overflow: clip;
2520
- white-space: normal;
2521
- }
2522
-
2523
- .pf-m-grid.pf-v6-c-table .pf-v6-c-table__text {
2524
- position: relative;
2525
- width: auto;
2526
- min-width: 0;
2527
- max-width: none;
2528
- overflow: var(--pf-v6-c-table--cell--Overflow);
2529
- text-overflow: var(--pf-v6-c-table--cell--TextOverflow);
2530
- white-space: var(--pf-v6-c-table--cell--WhiteSpace);
2531
- }
2532
-
2533
- .pf-m-grid.pf-v6-c-table thead:where(.pf-v6-c-table__thead) {
2534
- display: none;
2535
- }
2536
-
2537
- .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody) {
2538
- display: block;
2539
- }
2540
-
2541
- .pf-m-grid.pf-v6-c-table tbody:where(.pf-v6-c-table__tbody):first-of-type {
2542
- border-block-start: var(--pf-v6-c-table__tbody--responsive--border-width--base) solid var(--pf-v6-c-table--responsive--BorderColor);
2543
- }
2544
-
2545
- .pf-m-grid.pf-v6-c-table.pf-m-expandable {
2546
- --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
2547
- }
2548
-
2549
- .pf-m-grid.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
2550
- .pf-m-grid.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
2551
- border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
2251
+ .pf-m-grid.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody,
2252
+ .pf-m-grid.pf-v6-c-table.pf-m-expandable .pf-v6-c-table__tbody.pf-m-expanded {
2253
+ border-block-end: var(--pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth) solid var(--pf-v6-c-table--responsive--BorderColor);
2552
2254
  }
2553
2255
 
2554
2256
  .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr).pf-m-selected {
@@ -4064,1395 +3766,1473 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4064
3766
  --pf-v6-c-table--cell--Width: auto;
4065
3767
  }
4066
3768
  }
4067
- .pf-v6-c-inline-edit {
4068
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
4069
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
4070
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
4071
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
4072
- --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
4073
- --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
4074
- }
4075
-
4076
- .pf-v6-c-inline-edit__group {
4077
- display: flex;
4078
- align-items: baseline;
4079
- }
4080
-
4081
- .pf-v6-c-inline-edit__group > * {
4082
- margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
4083
- }
4084
-
4085
- .pf-v6-c-inline-edit__group.pf-m-icon-group {
4086
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
4087
- }
4088
-
4089
- .pf-v6-c-inline-edit__group.pf-m-footer {
4090
- margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
4091
- }
4092
-
4093
- .pf-v6-c-inline-edit__group.pf-m-column {
4094
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
4095
- flex-direction: column;
4096
- }
4097
-
4098
- .pf-v6-c-inline-edit__group > :last-child {
4099
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
4100
- }
4101
-
4102
- .pf-v6-c-inline-edit__input {
4103
- flex: 1;
4104
- }
4105
-
4106
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
4107
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
4108
- }
4109
-
4110
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
4111
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
4112
- }
4113
-
4114
- .pf-v6-c-inline-edit__input,
4115
- .pf-v6-c-inline-edit__action,
4116
- .pf-v6-c-inline-edit__group.pf-m-action-group {
4117
- display: none;
4118
- }
4119
-
4120
- .pf-v6-c-inline-edit__action.pf-m-enable-editable {
4121
- display: inline-block;
4122
- }
4123
-
4124
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
4125
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
4126
- display: block;
4127
- }
4128
-
4129
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
4130
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
4131
- display: inline-block;
4132
- }
4133
-
4134
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
4135
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
4136
- display: inline-flex;
4137
- }
4138
-
4139
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
4140
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
4141
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
4142
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
4143
- display: none;
4144
- }
4145
-
4146
- .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
4147
- margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
4148
- margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
4149
- }
4150
-
4151
- .pf-v6-c-inline-edit__label.pf-m-bold {
4152
- font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
4153
- }
4154
-
4155
- .pf-v6-c-inline-edit__editable-text br {
4156
- display: none;
4157
- }
4158
-
4159
- .pf-v6-u-screen-reader {
4160
- position: fixed;
4161
- inset-block-start: 0;
4162
- inset-inline-start: 0;
4163
- overflow: hidden;
4164
- clip: rect(0, 0, 0, 0);
4165
- white-space: nowrap;
4166
- border: 0;
3769
+ .pf-v6-c-form {
3770
+ --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3771
+ --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
3772
+ --pf-v6-c-form__group--m-action--MarginBlockStart: var(--pf-t--global--spacer--xl);
3773
+ --pf-v6-c-form--m-horizontal__group-label--md--GridColumnWidth: 9.375rem;
3774
+ --pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap: var(--pf-t--global--spacer--gap--group--horizontal);
3775
+ --pf-v6-c-form--m-horizontal__group-control--md--GridColumnWidth: 1fr;
3776
+ --pf-v6-c-form--m-limit-width--MaxWidth: 55rem;
3777
+ --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));
3778
+ --pf-v6-c-form__group-label--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
3779
+ --pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart: 0;
3780
+ --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)));
3781
+ --pf-v6-c-form__label--FontSize: var(--pf-t--global--font--size--body--default);
3782
+ --pf-v6-c-form__label--LineHeight: var(--pf-t--global--font--line-height--body);
3783
+ --pf-v6-c-form__label--m-disabled--Color: var(--pf-t--global--text--color--disabled);
3784
+ --pf-v6-c-form__label--hover--Cursor: pointer;
3785
+ --pf-v6-c-form__label--m-disabled--hover--Cursor: not-allowed;
3786
+ --pf-v6-c-form__label-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
3787
+ --pf-v6-c-form__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
3788
+ --pf-v6-c-form__label-required--FontSize: var(--pf-t--global--font--size--body--default);
3789
+ --pf-v6-c-form__label-required--Color: var(--pf-t--global--color--status--danger--default);
3790
+ --pf-v6-c-form__group-label-help--FontSize: var(--pf-t--global--font--size--body--default);
3791
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--horizontal);
3792
+ --pf-v6-c-form__group-label-info--FontSize: var(--pf-t--global--font--size--body--sm);
3793
+ --pf-v6-c-form--m-horizontal__group-label--m-info--Gap: var(--pf-t--global--spacer--gap--group--vertical);
3794
+ --pf-v6-c-form__group-control--m-inline--Gap: var(--pf-t--global--spacer--gap--group--horizontal);
3795
+ --pf-v6-c-form__group-control__helper-text--MarginBlockEnd: var(--pf-t--global--spacer--xs);
3796
+ --pf-v6-c-form__group-control--m-stack--Gap: var(--pf-t--global--spacer--gap--group--vertical);
3797
+ --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));
3798
+ --pf-v6-c-form__actions--child--MarginBlockStart: var(--pf-t--global--spacer--sm);
3799
+ --pf-v6-c-form__actions--child--MarginInlineEnd: var(--pf-t--global--spacer--sm);
3800
+ --pf-v6-c-form__actions--child--MarginBlockEnd: var(--pf-t--global--spacer--sm);
3801
+ --pf-v6-c-form__actions--child--MarginInlineStart: var(--pf-t--global--spacer--sm);
3802
+ --pf-v6-c-form__actions--MarginBlockStart: calc(var(--pf-v6-c-form__actions--child--MarginBlockStart) * -1);
3803
+ --pf-v6-c-form__actions--MarginInlineEnd: calc(var(--pf-v6-c-form__actions--child--MarginInlineEnd) * -1);
3804
+ --pf-v6-c-form__actions--MarginBlockEnd: calc(var(--pf-v6-c-form__actions--child--MarginBlockEnd) * -1);
3805
+ --pf-v6-c-form__actions--MarginInlineStart: calc(var(--pf-v6-c-form__actions--child--MarginInlineStart) * -1);
3806
+ --pf-v6-c-form__helper-text--MarginBlockStart--base: var(--pf-t--global--spacer--xs);
3807
+ --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__helper-text--MarginBlockStart--base);
3808
+ --pf-v6-c-form__section--MarginBlockStart: var(--pf-t--global--spacer--xl);
3809
+ --pf-v6-c-form__section--Gap: var(--pf-v6-c-form--GridGap);
3810
+ --pf-v6-c-form__section-title--FontSize: var(--pf-t--global--font--size--heading--xs);
3811
+ --pf-v6-c-form__section-title--FontWeight: var(--pf-t--global--font--weight--heading--default);
3812
+ --pf-v6-c-form__section-title--MarginBlockEnd: calc(var(--pf-t--global--spacer--sm) * -1);
3813
+ --pf-v6-c-form__field-group--border-width-base: var(--pf-t--global--border--width--divider--default);
3814
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
3815
+ --pf-v6-c-form__field-group--BorderBlockStartColor: var(--pf-t--global--border--color--default);
3816
+ --pf-v6-c-form__field-group--BorderBlockEndWidth: var(--pf-v6-c-form__field-group--border-width-base);
3817
+ --pf-v6-c-form__field-group--BorderBlockEndColor: var(--pf-t--global--border--color--default);
3818
+ --pf-v6-c-form__field-group--field-group--MarginBlockStart: calc(var(--pf-v6-c-form--GridGap) * -1);
3819
+ --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));
3820
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
3821
+ --pf-v6-c-form__field-group-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
3822
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart: var(--pf-t--global--spacer--md);
3823
+ --pf-v6-c-form__field-group-header-toggle--BorderWidth--base: var(--pf-t--global--border--width--divider--default);
3824
+ --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);
3825
+ --pf-v6-c-form__field-group-toggle-button--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3826
+ --pf-v6-c-form__field-group-toggle-button--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
3827
+ --pf-v6-c-form__field-group-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
3828
+ --pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
3829
+ --pf-v6-c-form__field-group-toggle-icon--MinWidth: var(--pf-t--global--font--size--body--default);
3830
+ --pf-v6-c-form__field-group-toggle-icon--Rotate: 0;
3831
+ --pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate: 90deg;
3832
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--md);
3833
+ --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
3834
+ --pf-v6-c-form__field-group-header--GridColumn: 1 / 3;
3835
+ --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart: var(--pf-t--global--spacer--lg);
3836
+ --pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
3837
+ --pf-v6-c-form__field-group-toggle--field-group-header--GridColumn: 2 / 3;
3838
+ --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);
3839
+ --pf-v6-c-form__field-group-header-description--MarginBlockStart: var(--pf-t--global--spacer--xs);
3840
+ --pf-v6-c-form__field-group-header-description--Color: var(--pf-t--global--text--color--subtle);
3841
+ --pf-v6-c-form__field-group-header-actions--MarginInlineStart: var(--pf-t--global--spacer--sm);
3842
+ --pf-v6-c-form__field-group-body--PaddingBlockStart: var(--pf-t--global--spacer--lg);
3843
+ --pf-v6-c-form__field-group-body--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
3844
+ --pf-v6-c-form__field-group-body--Gap: var(--pf-v6-c-form--GridGap);
3845
+ --pf-v6-c-form__field-group-body--GridColumn: 2 / 3;
3846
+ --pf-v6-c-form__field-group__field-group__field-group-body--GridColumn: 1 / 3;
3847
+ --pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn: 2 / 3;
3848
+ --pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd: calc(var(--pf-v6-c-form__field-group-body--PaddingBlockEnd) * -1);
4167
3849
  }
4168
3850
 
4169
- .pf-v6-u-visible {
4170
- position: static;
4171
- overflow: visible;
4172
- clip: auto;
4173
- white-space: normal;
4174
- border: inherit;
3851
+ .pf-v6-c-form {
3852
+ display: grid;
3853
+ gap: var(--pf-v6-c-form--GridGap);
4175
3854
  }
4176
3855
 
4177
- .pf-v6-u-hidden {
4178
- display: none !important;
3856
+ .pf-v6-c-form.pf-m-horizontal.pf-m-align-right .pf-v6-c-form__label {
3857
+ text-align: end;
4179
3858
  }
4180
3859
 
4181
- @media screen and (min-width: 36rem) {
4182
- .pf-v6-u-screen-reader-on-sm {
4183
- position: fixed;
4184
- inset-block-start: 0;
4185
- inset-inline-start: 0;
4186
- overflow: hidden;
4187
- clip: rect(0, 0, 0, 0);
4188
- white-space: nowrap;
4189
- border: 0;
3860
+ @media screen and (min-width: 48rem) {
3861
+ .pf-v6-c-form.pf-m-horizontal {
3862
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4190
3863
  }
4191
- }
4192
- @media screen and (min-width: 36rem) {
4193
- .pf-v6-u-visible-on-sm {
4194
- position: static;
4195
- overflow: visible;
4196
- clip: auto;
4197
- white-space: normal;
4198
- border: inherit;
3864
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group {
3865
+ display: grid;
3866
+ 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);
3867
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4199
3868
  }
4200
- }
4201
- @media screen and (min-width: 36rem) {
4202
- .pf-v6-u-hidden-on-sm {
4203
- display: none !important;
3869
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label {
3870
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4204
3871
  }
4205
- }
4206
- @media screen and (min-width: 48rem) {
4207
- .pf-v6-u-screen-reader-on-md {
4208
- position: fixed;
4209
- inset-block-start: 0;
4210
- inset-inline-start: 0;
4211
- overflow: hidden;
4212
- clip: rect(0, 0, 0, 0);
4213
- white-space: nowrap;
4214
- border: 0;
3872
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-no-padding-top {
3873
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3874
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4215
3875
  }
4216
- }
4217
- @media screen and (min-width: 48rem) {
4218
- .pf-v6-u-visible-on-md {
4219
- position: static;
4220
- overflow: visible;
4221
- clip: auto;
4222
- white-space: normal;
4223
- border: inherit;
3876
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label.pf-m-info {
3877
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3878
+ flex-direction: column;
3879
+ align-items: flex-start;
4224
3880
  }
4225
- }
4226
- @media screen and (min-width: 48rem) {
4227
- .pf-v6-u-hidden-on-md {
4228
- display: none !important;
3881
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-label-main {
3882
+ flex-grow: 0;
4229
3883
  }
4230
- }
4231
- @media screen and (min-width: 62rem) {
4232
- .pf-v6-u-screen-reader-on-lg {
4233
- position: fixed;
4234
- inset-block-start: 0;
4235
- inset-inline-start: 0;
4236
- overflow: hidden;
4237
- clip: rect(0, 0, 0, 0);
4238
- white-space: nowrap;
4239
- border: 0;
3884
+ .pf-v6-c-form.pf-m-horizontal .pf-v6-c-form__group-control {
3885
+ grid-column: 2;
4240
3886
  }
4241
3887
  }
4242
- @media screen and (min-width: 62rem) {
4243
- .pf-v6-u-visible-on-lg {
4244
- position: static;
4245
- overflow: visible;
4246
- clip: auto;
4247
- white-space: normal;
4248
- border: inherit;
3888
+ @media screen and (min-width: 0) {
3889
+ .pf-v6-c-form.pf-m-horizontal-on-xs {
3890
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4249
3891
  }
4250
- }
4251
- @media screen and (min-width: 62rem) {
4252
- .pf-v6-u-hidden-on-lg {
4253
- display: none !important;
3892
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group {
3893
+ display: grid;
3894
+ 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);
3895
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4254
3896
  }
4255
- }
4256
- @media screen and (min-width: 75rem) {
4257
- .pf-v6-u-screen-reader-on-xl {
4258
- position: fixed;
4259
- inset-block-start: 0;
4260
- inset-inline-start: 0;
4261
- overflow: hidden;
4262
- clip: rect(0, 0, 0, 0);
4263
- white-space: nowrap;
4264
- border: 0;
3897
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label {
3898
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3899
+ }
3900
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-no-padding-top {
3901
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3902
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3903
+ }
3904
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label.pf-m-info {
3905
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3906
+ flex-direction: column;
3907
+ align-items: flex-start;
3908
+ }
3909
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-label-main {
3910
+ flex-grow: 0;
3911
+ }
3912
+ .pf-v6-c-form.pf-m-horizontal-on-xs .pf-v6-c-form__group-control {
3913
+ grid-column: 2;
4265
3914
  }
4266
3915
  }
4267
- @media screen and (min-width: 75rem) {
4268
- .pf-v6-u-visible-on-xl {
4269
- position: static;
4270
- overflow: visible;
4271
- clip: auto;
4272
- white-space: normal;
4273
- border: inherit;
3916
+ @media (min-width: 36rem) {
3917
+ .pf-v6-c-form.pf-m-horizontal-on-sm {
3918
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3919
+ }
3920
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group {
3921
+ display: grid;
3922
+ 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);
3923
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3924
+ }
3925
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label {
3926
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3927
+ }
3928
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-no-padding-top {
3929
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3930
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3931
+ }
3932
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label.pf-m-info {
3933
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3934
+ flex-direction: column;
3935
+ align-items: flex-start;
3936
+ }
3937
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-label-main {
3938
+ flex-grow: 0;
3939
+ }
3940
+ .pf-v6-c-form.pf-m-horizontal-on-sm .pf-v6-c-form__group-control {
3941
+ grid-column: 2;
4274
3942
  }
4275
3943
  }
4276
- @media screen and (min-width: 75rem) {
4277
- .pf-v6-u-hidden-on-xl {
4278
- display: none !important;
3944
+ @media (min-width: 48rem) {
3945
+ .pf-v6-c-form.pf-m-horizontal-on-md {
3946
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3947
+ }
3948
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group {
3949
+ display: grid;
3950
+ 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);
3951
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3952
+ }
3953
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label {
3954
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3955
+ }
3956
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-no-padding-top {
3957
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3958
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3959
+ }
3960
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label.pf-m-info {
3961
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3962
+ flex-direction: column;
3963
+ align-items: flex-start;
3964
+ }
3965
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-label-main {
3966
+ flex-grow: 0;
3967
+ }
3968
+ .pf-v6-c-form.pf-m-horizontal-on-md .pf-v6-c-form__group-control {
3969
+ grid-column: 2;
4279
3970
  }
4280
3971
  }
4281
- @media screen and (min-width: 90.625rem) {
4282
- .pf-v6-u-screen-reader-on-2xl {
4283
- position: fixed;
4284
- inset-block-start: 0;
4285
- inset-inline-start: 0;
4286
- overflow: hidden;
4287
- clip: rect(0, 0, 0, 0);
4288
- white-space: nowrap;
4289
- border: 0;
3972
+ @media (min-width: 62rem) {
3973
+ .pf-v6-c-form.pf-m-horizontal-on-lg {
3974
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
3975
+ }
3976
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group {
3977
+ display: grid;
3978
+ 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);
3979
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
3980
+ }
3981
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label {
3982
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
3983
+ }
3984
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-no-padding-top {
3985
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
3986
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
3987
+ }
3988
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label.pf-m-info {
3989
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
3990
+ flex-direction: column;
3991
+ align-items: flex-start;
3992
+ }
3993
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-label-main {
3994
+ flex-grow: 0;
3995
+ }
3996
+ .pf-v6-c-form.pf-m-horizontal-on-lg .pf-v6-c-form__group-control {
3997
+ grid-column: 2;
4290
3998
  }
4291
3999
  }
4292
- @media screen and (min-width: 90.625rem) {
4293
- .pf-v6-u-visible-on-2xl {
4294
- position: static;
4295
- overflow: visible;
4296
- clip: auto;
4297
- white-space: normal;
4298
- border: inherit;
4000
+ @media (min-width: 75rem) {
4001
+ .pf-v6-c-form.pf-m-horizontal-on-xl {
4002
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4003
+ }
4004
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group {
4005
+ display: grid;
4006
+ 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);
4007
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4008
+ }
4009
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label {
4010
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4011
+ }
4012
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
4013
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
4014
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4015
+ }
4016
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label.pf-m-info {
4017
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
4018
+ flex-direction: column;
4019
+ align-items: flex-start;
4020
+ }
4021
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-label-main {
4022
+ flex-grow: 0;
4023
+ }
4024
+ .pf-v6-c-form.pf-m-horizontal-on-xl .pf-v6-c-form__group-control {
4025
+ grid-column: 2;
4299
4026
  }
4300
4027
  }
4301
- @media screen and (min-width: 90.625rem) {
4302
- .pf-v6-u-hidden-on-2xl {
4303
- display: none !important;
4028
+ @media (min-width: 90.625rem) {
4029
+ .pf-v6-c-form.pf-m-horizontal-on-2xl {
4030
+ --pf-v6-c-form__group-label--PaddingBlockEnd: 0;
4031
+ }
4032
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group {
4033
+ display: grid;
4034
+ 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);
4035
+ grid-column-gap: var(--pf-v6-c-form--m-horizontal__group-label--md--GridColumnGap);
4036
+ }
4037
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label {
4038
+ padding-block-start: var(--pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart);
4039
+ }
4040
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-no-padding-top {
4041
+ --pf-v6-c-form--m-horizontal__group-label--md--PaddingBlockStart: var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--PaddingBlockStart);
4042
+ transform: translateY(var(--pf-v6-c-form--m-horizontal__group-label--m-no-padding--md--TranslateY));
4043
+ }
4044
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label.pf-m-info {
4045
+ --pf-v6-c-form__group-label--m-info--Gap: var(--pf-v6-c-form--m-horizontal__group-label--m-info--Gap);
4046
+ flex-direction: column;
4047
+ align-items: flex-start;
4048
+ }
4049
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-label-main {
4050
+ flex-grow: 0;
4051
+ }
4052
+ .pf-v6-c-form.pf-m-horizontal-on-2xl .pf-v6-c-form__group-control {
4053
+ grid-column: 2;
4304
4054
  }
4305
4055
  }
4306
- .pf-v6-c-tooltip {
4307
- --pf-v6-c-tooltip--MaxWidth: 18.75rem;
4308
- --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
4309
- --pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
4310
- --pf-v6-c-tooltip__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
4311
- --pf-v6-c-tooltip__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
4312
- --pf-v6-c-tooltip__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
4313
- --pf-v6-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
4314
- --pf-v6-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4315
- --pf-v6-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
4316
- --pf-v6-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
4317
- --pf-v6-c-tooltip__arrow--Width: 0.9375rem;
4318
- --pf-v6-c-tooltip__arrow--Height: 0.9375rem;
4319
- --pf-v6-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4320
- --pf-v6-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
4321
- --pf-v6-c-tooltip__arrow--m-top--TranslateX: -50%;
4322
- --pf-v6-c-tooltip__arrow--m-top--TranslateY: 50%;
4323
- --pf-v6-c-tooltip__arrow--m-top--Rotate: 45deg;
4324
- --pf-v6-c-tooltip__arrow--m-right--TranslateX: -50%;
4325
- --pf-v6-c-tooltip__arrow--m-right--TranslateY: -50%;
4326
- --pf-v6-c-tooltip__arrow--m-right--Rotate: 45deg;
4327
- --pf-v6-c-tooltip__arrow--m-bottom--TranslateX: -50%;
4328
- --pf-v6-c-tooltip__arrow--m-bottom--TranslateY: -50%;
4329
- --pf-v6-c-tooltip__arrow--m-bottom--Rotate: 45deg;
4330
- --pf-v6-c-tooltip__arrow--m-left--TranslateX: 50%;
4331
- --pf-v6-c-tooltip__arrow--m-left--TranslateY: -50%;
4332
- --pf-v6-c-tooltip__arrow--m-left--Rotate: 45deg;
4056
+ .pf-v6-c-form.pf-m-limit-width {
4057
+ max-width: var(--pf-v6-c-form--m-limit-width--MaxWidth);
4333
4058
  }
4334
4059
 
4335
- .pf-v6-c-tooltip {
4336
- position: relative;
4337
- max-width: var(--pf-v6-c-tooltip--MaxWidth);
4338
- box-shadow: var(--pf-v6-c-tooltip--BoxShadow);
4060
+ .pf-v6-c-form__group {
4061
+ display: flex;
4062
+ flex-direction: column;
4063
+ gap: var(--pf-v6-c-form__group--Gap);
4064
+ min-width: 0;
4339
4065
  }
4340
4066
 
4341
- .pf-v6-c-tooltip:is(.pf-m-top,
4342
- .pf-m-top-left,
4343
- .pf-m-top-right) {
4344
- --pf-v6-c-tooltip__arrow--InsetBlockEnd: var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0);
4345
- --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%);
4346
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-top--TranslateX);
4347
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4348
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-top--Rotate);
4067
+ .pf-v6-c-form__group.pf-m-action {
4068
+ margin-block-start: var(--pf-v6-c-form__group--m-action--MarginBlockStart);
4069
+ overflow: hidden;
4349
4070
  }
4350
4071
 
4351
- .pf-v6-c-tooltip:is(.pf-m-bottom,
4352
- .pf-m-bottom-left,
4353
- .pf-m-bottom-right) {
4354
- --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-bottom--InsetBlockStart, 0);
4355
- --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-bottom--InsetInlineStart, 50%);
4356
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateX);
4357
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateY);
4358
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-bottom--Rotate);
4072
+ .pf-v6-c-form__section {
4073
+ display: grid;
4074
+ gap: var(--pf-v6-c-form__section--Gap);
4359
4075
  }
4360
4076
 
4361
- .pf-v6-c-tooltip:is(.pf-m-left,
4362
- .pf-m-left-top,
4363
- .pf-m-left-bottom) {
4364
- --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-left--InsetBlockStart, 50%);
4365
- --pf-v6-c-tooltip__arrow--InsetInlineEnd: var(--pf-v6-c-tooltip--m-left--InsetInlineEnd, 0);
4366
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
4367
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-left--TranslateY);
4368
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-left--Rotate);
4077
+ .pf-v6-c-form__section + .pf-v6-c-form__group:not(.pf-m-action), .pf-v6-c-form__section:not(:first-child) {
4078
+ margin-block-start: var(--pf-v6-c-form__section--MarginBlockStart);
4369
4079
  }
4370
4080
 
4371
- .pf-v6-c-tooltip:is(.pf-m-right,
4372
- .pf-m-right-top,
4373
- .pf-m-right-bottom) {
4374
- --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%);
4375
- --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0);
4376
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-right--TranslateX);
4377
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-right--TranslateY);
4378
- --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-right--Rotate);
4081
+ .pf-v6-c-form__section-title {
4082
+ margin-block-end: var(--pf-v6-c-form__section-title--MarginBlockEnd);
4083
+ font-size: var(--pf-v6-c-form__section-title--FontSize);
4084
+ font-weight: var(--pf-v6-c-form__section-title--FontWeight);
4379
4085
  }
4380
4086
 
4381
- .pf-v6-c-tooltip:is(.pf-m-left-top,
4382
- .pf-m-right-top) {
4383
- --pf-v6-c-tooltip__arrow--InsetBlockStart: 0;
4384
- --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4087
+ .pf-v6-c-form__group-label {
4088
+ --pf-v6-c-form__helper-text--MarginBlockStart: 0;
4385
4089
  }
4386
4090
 
4387
- .pf-v6-c-tooltip:is(.pf-m-left-bottom,
4388
- .pf-m-right-bottom) {
4389
- --pf-v6-c-tooltip__arrow--InsetBlockStart: auto;
4390
- --pf-v6-c-tooltip__arrow--InsetBlockEnd: 0;
4091
+ .pf-v6-c-form__group-label.pf-m-info {
4092
+ display: flex;
4093
+ gap: var(--pf-v6-c-form__group-label--m-info--Gap);
4094
+ align-items: flex-end;
4391
4095
  }
4392
4096
 
4393
- .pf-v6-c-tooltip:is(.pf-m-top-left,
4394
- .pf-m-bottom-left) {
4395
- --pf-v6-c-tooltip__arrow--InsetInlineStart: 0;
4396
- --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
4097
+ .pf-v6-c-form__group-label-main {
4098
+ flex-grow: 1;
4397
4099
  }
4398
4100
 
4399
- .pf-v6-c-tooltip:is(.pf-m-top-right,
4400
- .pf-m-bottom-right) {
4401
- --pf-v6-c-tooltip__arrow--InsetInlineEnd: 0;
4402
- --pf-v6-c-tooltip__arrow--InsetInlineStart: auto;
4101
+ .pf-v6-c-form__group-label-info {
4102
+ font-size: var(--pf-v6-c-form__group-label-info--FontSize);
4403
4103
  }
4404
4104
 
4405
- .pf-v6-c-tooltip__content {
4406
- position: relative;
4407
- padding-block-start: var(--pf-v6-c-tooltip__content--PaddingBlockStart);
4408
- padding-block-end: var(--pf-v6-c-tooltip__content--PaddingBlockEnd);
4409
- padding-inline-start: var(--pf-v6-c-tooltip__content--PaddingInlineStart);
4410
- padding-inline-end: var(--pf-v6-c-tooltip__content--PaddingInlineEnd);
4411
- font-size: var(--pf-v6-c-tooltip__content--FontSize);
4412
- color: var(--pf-v6-c-tooltip__content--Color);
4413
- text-align: center;
4414
- word-break: break-word;
4415
- background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
4416
- border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
4105
+ .pf-v6-c-form__label {
4106
+ font-size: var(--pf-v6-c-form__label--FontSize);
4107
+ line-height: var(--pf-v6-c-form__label--LineHeight);
4417
4108
  }
4418
4109
 
4419
- .pf-v6-c-tooltip__content.pf-m-text-align-left {
4420
- text-align: start;
4110
+ .pf-v6-c-form__label:not(.pf-m-disabled):hover {
4111
+ cursor: var(--pf-v6-c-form__label--hover--Cursor);
4421
4112
  }
4422
4113
 
4423
- .pf-v6-c-tooltip__arrow {
4424
- position: absolute;
4425
- top: var(--pf-v6-c-tooltip__arrow--InsetBlockStart, auto);
4426
- right: var(--pf-v6-c-tooltip__arrow--InsetInlineEnd, auto);
4427
- bottom: var(--pf-v6-c-tooltip__arrow--InsetBlockEnd, auto);
4428
- left: var(--pf-v6-c-tooltip__arrow--InsetInlineStart, auto);
4429
- width: var(--pf-v6-c-tooltip__arrow--Width);
4430
- height: var(--pf-v6-c-tooltip__arrow--Height);
4431
- pointer-events: none;
4432
- background-color: var(--pf-v6-c-tooltip__arrow--BackgroundColor);
4433
- box-shadow: var(--pf-v6-c-tooltip__arrow--BoxShadow);
4434
- 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));
4114
+ .pf-v6-c-form__label.pf-m-disabled {
4115
+ color: var(--pf-v6-c-form__label--m-disabled--Color);
4435
4116
  }
4436
4117
 
4437
- .pf-v6-c-popover[data-popper-reference-hidden=true] {
4118
+ .pf-v6-c-form__label.pf-m-disabled:hover {
4119
+ cursor: var(--pf-v6-c-form__label--m-disabled--hover--Cursor);
4120
+ }
4121
+
4122
+ .pf-v6-c-form__label-text {
4123
+ font-weight: var(--pf-v6-c-form__label-text--FontWeight);
4124
+ }
4125
+
4126
+ .pf-v6-c-form__label-required {
4127
+ margin-inline-start: var(--pf-v6-c-form__label-required--MarginInlineStart);
4128
+ font-size: var(--pf-v6-c-form__label-required--FontSize);
4129
+ color: var(--pf-v6-c-form__label-required--Color);
4130
+ }
4131
+
4132
+ .pf-v6-c-form__group-label-help .pf-v6-c-button {
4133
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-form__group-label-help--FontSize);
4134
+ }
4135
+
4136
+ .pf-v6-c-form__group-control {
4137
+ min-width: 0;
4138
+ }
4139
+
4140
+ .pf-v6-c-form__group-control.pf-m-inline {
4141
+ display: flex;
4142
+ flex-flow: row wrap;
4143
+ gap: var(--pf-v6-c-form__group-control--m-inline--Gap);
4144
+ }
4145
+
4146
+ .pf-v6-c-form__group-control.pf-m-stack {
4147
+ --pf-v6-c-form__helper-text--MarginBlockStart: var(--pf-v6-c-form__group-control--m-stack__helper-text--MarginBlockStart);
4148
+ display: grid;
4149
+ gap: var(--pf-v6-c-form__group-control--m-stack--Gap);
4150
+ }
4151
+
4152
+ .pf-v6-c-form__group-control .pf-v6-c-form__helper-text:first-child {
4153
+ --pf-v6-c-form__helper-text--MarginBlockStart: 0;
4154
+ margin-block-end: var(--pf-v6-c-form__group-control__helper-text--MarginBlockEnd);
4155
+ }
4156
+
4157
+ .pf-v6-c-form__helper-text {
4158
+ margin-block-start: var(--pf-v6-c-form__helper-text--MarginBlockStart);
4159
+ }
4160
+
4161
+ .pf-v6-c-form__helper-text.pf-m-inactive {
4162
+ display: none;
4163
+ }
4164
+
4165
+ .pf-v6-c-form__helper-text.pf-m-hidden {
4438
4166
  visibility: hidden;
4439
- pointer-events: none;
4167
+ opacity: 0;
4440
4168
  }
4441
4169
 
4442
- .pf-v6-c-button {
4443
- --pf-v6-c-button--Display: inline-flex;
4444
- --pf-v6-c-button--AlignItems: baseline;
4445
- --pf-v6-c-button--JustifyContent: center;
4446
- --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
4447
- --pf-v6-c-button--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
4448
- --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
4449
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
4450
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
4451
- --pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
4452
- --pf-v6-c-button--Color: var(--pf-t--global--text--color--regular);
4453
- --pf-v6-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
4454
- --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
4455
- --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
4456
- --pf-v6-c-button--BackgroundColor: transparent;
4457
- --pf-v6-c-button--BorderColor: transparent;
4458
- --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
4459
- --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
4460
- --pf-v6-c-button--TextDecorationLine: none;
4461
- --pf-v6-c-button--TextDecorationStyle: none;
4462
- --pf-v6-c-button--TextDecorationColor: currentcolor;
4463
- --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
4464
- --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
4465
- --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
4466
- --pf-v6-c-button--hover--BackgroundColor: transparent;
4467
- --pf-v6-c-button--hover--BorderColor: transparent;
4468
- --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
4469
- --pf-v6-c-button--hover--TextDecorationLine: none;
4470
- --pf-v6-c-button--hover--TextDecorationStyle: none;
4471
- --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
4472
- --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
4473
- --pf-v6-c-button--m-clicked--BorderColor: transparent;
4474
- --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
4475
- --pf-v6-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
4476
- --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
4477
- --pf-v6-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
4478
- --pf-v6-c-button--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
4479
- --pf-v6-c-button--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
4480
- --pf-v6-c-button--m-primary--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
4481
- --pf-v6-c-button--m-primary--m-clicked--Color: var(--pf-t--global--text--color--on-brand--clicked);
4482
- --pf-v6-c-button--m-primary--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--clicked);
4483
- --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
4484
- --pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
4485
- --pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
4486
- --pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
4487
- --pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
4488
- --pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
4489
- --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
4490
- --pf-v6-c-button--m-secondary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
4491
- --pf-v6-c-button--m-secondary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
4492
- --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-t--global--border--color--brand--clicked);
4493
- --pf-v6-c-button--m-secondary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
4494
- --pf-v6-c-button--m-secondary--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
4495
- --pf-v6-c-button--m-secondary--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
4496
- --pf-v6-c-button--m-secondary--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
4497
- --pf-v6-c-button--m-secondary--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
4498
- --pf-v6-c-button--m-secondary--m-danger--hover--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
4499
- --pf-v6-c-button--m-secondary--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--danger--hover);
4500
- --pf-v6-c-button--m-secondary--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
4501
- --pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor: var(--pf-t--global--border--color--status--danger--clicked);
4502
- --pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
4503
- --pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
4504
- --pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
4505
- --pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
4506
- --pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
4507
- --pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
4508
- --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
4509
- --pf-v6-c-button--m-tertiary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
4510
- --pf-v6-c-button--m-tertiary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
4511
- --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
4512
- --pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
4513
- --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--small);
4514
- --pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
4515
- --pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
4516
- --pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
4517
- --pf-v6-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
4518
- --pf-v6-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
4519
- --pf-v6-c-button--m-link--hover--Color: var(--pf-t--global--text--color--brand--hover);
4520
- --pf-v6-c-button--m-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
4521
- --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-t--global--text--color--brand--hover);
4522
- --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
4523
- --pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
4524
- --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
4525
- --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
4526
- --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
4527
- --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
4528
- --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
4529
- --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
4530
- --pf-v6-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
4531
- --pf-v6-c-button--m-link--m-danger--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
4532
- --pf-v6-c-button--m-link--m-danger--hover__icon--Color: var(--pf-t--global--text--color--status--danger--hover);
4533
- --pf-v6-c-button--m-link--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
4534
- --pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
4535
- --pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
4536
- --pf-v6-c-button--m-link--m-inline--Display: inline-flex;
4537
- --pf-v6-c-button--m-link--m-inline--JustifyContent: flex-start;
4538
- --pf-v6-c-button--m-link--m-inline--FontSize: initial;
4539
- --pf-v6-c-button--m-link--m-inline--LineHeight: initial;
4540
- --pf-v6-c-button--m-link--m-inline--FontWeight: initial;
4541
- --pf-v6-c-button--m-link--m-inline--PaddingBlockStart: 0;
4542
- --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
4543
- --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
4544
- --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
4545
- --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
4546
- --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
4547
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
4548
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
4549
- --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
4550
- --pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
4551
- --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
4552
- --pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
4553
- --pf-v6-c-button--span--m-link--m-inline--Display: inline;
4554
- --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
4555
- --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
4556
- --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
4557
- --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
4558
- --pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
4559
- --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
4560
- --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
4561
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
4562
- --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
4563
- --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
4564
- --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
4565
- --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
4566
- --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
4567
- --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
4568
- --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
4569
- --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
4570
- --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
4571
- --pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
4572
- --pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
4573
- --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
4574
- --pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
4575
- --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
4576
- --pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
4577
- --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
4578
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
4579
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
4580
- --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
4581
- --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
4582
- --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
4583
- --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
4584
- --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
4585
- --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
4586
- --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
4587
- --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
4588
- --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
4589
- --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
4590
- --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
4591
- --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
4592
- --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
4593
- --pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
4594
- --pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
4595
- --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
4596
- --pf-v6-c-button--m-control--BorderWidth: var(--pf-t--global--border--width--control--default);
4597
- --pf-v6-c-button--m-control__icon--Color: var(--pf-t--global--icon--color--regular);
4598
- --pf-v6-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
4599
- --pf-v6-c-button--m-control--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
4600
- --pf-v6-c-button--m-control--hover--BorderColor: var(--pf-t--global--border--color--hover);
4601
- --pf-v6-c-button--m-control--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
4602
- --pf-v6-c-button--m-control--hover__icon--Color: var(--pf-t--global--icon--color--regular);
4603
- --pf-v6-c-button--m-control--m-clicked--Color: var(--pf-t--global--text--color--regular);
4604
- --pf-v6-c-button--m-control--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
4605
- --pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
4606
- --pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
4607
- --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
4608
- --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
4609
- --pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
4610
- --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
4611
- --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
4612
- --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
4613
- --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
4614
- --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
4615
- --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
4616
- --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
4617
- --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
4618
- --pf-v6-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
4619
- --pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
4620
- --pf-v6-c-button--m-read--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
4621
- --pf-v6-c-button--m-unread--Color: var(--pf-t--global--text--color--status--unread--on-default--default);
4622
- --pf-v6-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default);
4623
- --pf-v6-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--default);
4624
- --pf-v6-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--status--unread--on-default--hover);
4625
- --pf-v6-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--hover);
4626
- --pf-v6-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--hover);
4627
- --pf-v6-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-default--clicked);
4628
- --pf-v6-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--clicked);
4629
- --pf-v6-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--clicked);
4630
- --pf-v6-c-button--m-attention--Color: var(--pf-t--global--text--color--status--unread--on-attention--default);
4631
- --pf-v6-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--unread--attention--default);
4632
- --pf-v6-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--default);
4633
- --pf-v6-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--unread--on-attention--hover);
4634
- --pf-v6-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--unread--attention--hover);
4635
- --pf-v6-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--hover);
4636
- --pf-v6-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-attention--clicked);
4637
- --pf-v6-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--attention--clicked);
4638
- --pf-v6-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--clicked);
4639
- --pf-v6-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
4640
- --pf-v6-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
4641
- --pf-v6-c-button--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
4642
- --pf-v6-c-button--m-warning--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
4643
- --pf-v6-c-button--m-warning--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
4644
- --pf-v6-c-button--m-warning--hover__icon--Color: var(--pf-t--global--icon--color--status--on-warning--hover);
4645
- --pf-v6-c-button--m-warning--m-clicked--Color: var(--pf-t--global--text--color--status--on-warning--clicked);
4646
- --pf-v6-c-button--m-warning--m-clicked--BackgroundColor: var(--pf-t--global--color--status--warning--clicked);
4647
- --pf-v6-c-button--m-warning--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-warning--clicked);
4648
- --pf-v6-c-button--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
4649
- --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
4650
- --pf-v6-c-button--m-danger__icon--Color: var(--pf-t--global--icon--color--status--on-danger--default);
4651
- --pf-v6-c-button--m-danger--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
4652
- --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
4653
- --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--on-danger--hover);
4654
- --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
4655
- --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
4656
- --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
4657
- --pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--spacious);
4658
- --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
4659
- --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
4660
- --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
4661
- --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
4662
- --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
4663
- --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
4664
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
4665
- --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
4666
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
4667
- --pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
4668
- --pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
4669
- --pf-v6-c-button--disabled--TextDecorationColor: currentcolor;
4670
- --pf-v6-c-button--disabled--BorderColor: transparent;
4671
- --pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
4672
- --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
4673
- --pf-v6-c-button--hover__icon--Color: var(--pf-t--global--icon--color--regular);
4674
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
4675
- --pf-v6-c-button__icon--MarginInlineStart: 0;
4676
- --pf-v6-c-button__icon--MarginInlineEnd: 0;
4677
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
4678
- --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
4679
- --pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
4680
- --pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
4681
- --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
4682
- --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
4683
- --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
4684
- --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
4685
- --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
4686
- --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
4687
- --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
4688
- --pf-v6-c-button__progress--Opacity: 0;
4689
- --pf-v6-c-button__progress--TranslateY: -50%;
4690
- --pf-v6-c-button__progress--TranslateX: 0;
4691
- --pf-v6-c-button__progress--InsetBlockStart: 50%;
4692
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
4693
- --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
4694
- --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
4695
- --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
4696
- --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
4697
- --pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width));
4698
- --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
4699
- --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
4700
- --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
4701
- --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
4702
- --pf-v6-c-button--m-block--Display: flex;
4703
- --pf-v6-c-button--m-block--Width: 100%;
4170
+ .pf-v6-c-form__fieldset {
4171
+ border: 0;
4704
4172
  }
4705
4173
 
4706
- .pf-v6-c-button {
4707
- position: relative;
4708
- display: var(--pf-v6-c-button--Display);
4709
- gap: var(--pf-v6-c-button--Gap);
4710
- align-items: var(--pf-v6-c-button--AlignItems);
4711
- justify-content: var(--pf-v6-c-button--JustifyContent);
4712
- min-width: var(--pf-v6-c-button--MinWidth);
4713
- padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
4714
- padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
4715
- padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
4716
- padding-inline-end: var(--pf-v6-c-button--PaddingInlineEnd);
4717
- font-size: var(--pf-v6-c-button--FontSize, inherit);
4718
- font-weight: var(--pf-v6-c-button--FontWeight, inherit);
4719
- line-height: var(--pf-v6-c-button--LineHeight, inherit);
4720
- color: var(--pf-v6-c-button--Color);
4721
- text-align: center;
4722
- text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
4723
- text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
4724
- text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
4725
- white-space: nowrap;
4726
- cursor: pointer;
4727
- user-select: none;
4728
- background-color: var(--pf-v6-c-button--BackgroundColor);
4729
- border: 0;
4730
- border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
4731
- border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
4732
- border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
4733
- border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
4734
- transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
4735
- transition-duration: var(--pf-v6-c-button--TransitionDuration);
4736
- transition-property: var(--pf-v6-c-button--TransitionProperty);
4174
+ .pf-v6-c-form__actions {
4175
+ display: flex;
4176
+ flex-wrap: wrap;
4177
+ margin-block-start: var(--pf-v6-c-form__actions--MarginBlockStart);
4178
+ margin-block-end: var(--pf-v6-c-form__actions--MarginBlockEnd);
4179
+ margin-inline-start: var(--pf-v6-c-form__actions--MarginInlineStart);
4180
+ margin-inline-end: var(--pf-v6-c-form__actions--MarginInlineEnd);
4737
4181
  }
4738
4182
 
4739
- .pf-v6-c-button::after {
4740
- position: absolute;
4741
- inset: 0;
4742
- pointer-events: none;
4743
- content: "";
4744
- border: var(--pf-v6-c-button--BorderWidth) solid;
4745
- border-color: var(--pf-v6-c-button--BorderColor);
4746
- border-radius: inherit;
4747
- transition: inherit;
4183
+ .pf-v6-c-form__actions > * {
4184
+ margin-block-start: var(--pf-v6-c-form__actions--child--MarginBlockStart);
4185
+ margin-block-end: var(--pf-v6-c-form__actions--child--MarginBlockEnd);
4186
+ margin-inline-start: var(--pf-v6-c-form__actions--child--MarginInlineStart);
4187
+ margin-inline-end: var(--pf-v6-c-form__actions--child--MarginInlineEnd);
4748
4188
  }
4749
4189
 
4750
- .pf-v6-c-button.pf-m-primary {
4751
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-primary--Color);
4752
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-primary--BackgroundColor);
4753
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-primary__icon--Color);
4754
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-primary--hover--Color);
4755
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-primary--hover--BackgroundColor);
4756
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-primary--hover__icon--Color);
4757
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-primary--m-clicked--Color);
4758
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-primary--m-clicked--BackgroundColor);
4759
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-primary--m-clicked__icon--Color);
4190
+ .pf-v6-c-form__field-group {
4191
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: var(--pf-v6-c-form__field-group--border-width-base);
4192
+ display: grid;
4193
+ grid-template-columns: minmax(var(--pf-v6-c-form__field-group--GridTemplateColumns--toggle), max-content) 1fr;
4194
+ border-block-start: var(--pf-v6-c-form__field-group--BorderBlockStartWidth) solid var(--pf-v6-c-form__field-group--BorderBlockStartColor);
4195
+ border-block-end: var(--pf-v6-c-form__field-group--BorderBlockEndWidth) solid var(--pf-v6-c-form__field-group--BorderBlockEndColor);
4760
4196
  }
4761
4197
 
4762
- .pf-v6-c-button.pf-m-primary .pf-v6-c-badge.pf-m-unread {
4763
- --pf-v6-c-badge--BorderColor: var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
4198
+ .pf-v6-c-form__field-group:last-child {
4199
+ --pf-v6-c-form__field-group--BorderBlockEndWidth: 0;
4764
4200
  }
4765
4201
 
4766
- .pf-v6-c-button.pf-m-secondary {
4767
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
4768
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
4769
- --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
4770
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
4771
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
4772
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
4773
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-secondary--hover__icon--Color);
4774
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-clicked--Color);
4775
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-clicked--BorderColor);
4776
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-clicked__icon--Color);
4777
- --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-secondary--m-danger--Color);
4778
- --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger__icon--Color);
4779
- --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover--Color);
4780
- --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover__icon--Color);
4781
- --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--Color);
4782
- --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color);
4202
+ .pf-v6-c-form__field-group + .pf-v6-c-form__field-group, .pf-v6-c-form__field-group:first-child {
4203
+ --pf-v6-c-form__field-group--BorderBlockStartWidth: 0;
4783
4204
  }
4784
4205
 
4785
- .pf-v6-c-button.pf-m-secondary.pf-m-danger {
4786
- --pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--BorderColor);
4787
- --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--hover--BorderColor);
4788
- --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor);
4789
- --pf-v6-c-button--m-danger--BackgroundColor: transparent;
4790
- --pf-v6-c-button--m-danger--hover--BackgroundColor: transparent;
4791
- --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: transparent;
4206
+ .pf-v6-c-form__field-group + .pf-v6-c-form__field-group {
4207
+ margin-block-start: var(--pf-v6-c-form__field-group--field-group--MarginBlockStart);
4792
4208
  }
4793
4209
 
4794
- .pf-v6-c-button.pf-m-tertiary {
4795
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
4796
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
4797
- --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
4798
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
4799
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
4800
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
4801
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-tertiary--hover__icon--Color);
4802
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-tertiary--m-clicked--Color);
4803
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-tertiary--m-clicked--BorderColor);
4804
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-tertiary--m-clicked__icon--Color);
4210
+ .pf-v6-c-form__field-group .pf-v6-c-form__field-group {
4211
+ --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-body--GridColumn);
4212
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--PaddingBlockStart);
4213
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockStart);
4214
+ --pf-v6-c-form__field-group-header--PaddingBlockEnd: var(--pf-v6-c-form__field-group__field-group__field-group-header--PaddingBlockEnd);
4215
+ --pf-v6-c-form__field-group-body--PaddingBlockStart: 0;
4805
4216
  }
4806
4217
 
4807
- .pf-v6-c-button.pf-m-link {
4808
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
4809
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
4810
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
4811
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
4812
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
4813
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
4814
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-link--hover--Color);
4815
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-link--hover--BackgroundColor);
4816
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-link--hover__icon--Color);
4817
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
4818
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
4819
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
4820
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
4821
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
4218
+ .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 {
4219
+ --pf-v6-c-form__field-group-body--GridColumn: var(--pf-v6-c-form__field-group__field-group__field-group-toggle--field-group-body--GridColumn);
4822
4220
  }
4823
4221
 
4824
- .pf-v6-c-button.pf-m-link.pf-m-inline {
4825
- --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
4826
- --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
4827
- --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
4828
- --pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
4829
- --pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
4830
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockStart);
4831
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
4832
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
4833
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
4834
- --pf-v6-c-button--BackgroundColor: transparent;
4835
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
4836
- --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
4837
- --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
4838
- --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
4839
- --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
4840
- --pf-v6-c-button--hover--BackgroundColor: transparent;
4841
- --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
4842
- --pf-v6-c-button--disabled--BackgroundColor: transparent;
4843
- --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
4844
- --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
4845
- --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
4846
- --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
4847
- --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
4848
- --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
4849
- --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
4850
- --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
4851
- text-align: start;
4852
- white-space: normal;
4853
- outline-offset: 0.125rem;
4222
+ .pf-v6-c-form__field-group.pf-m-expanded > .pf-v6-c-form__field-group-toggle {
4223
+ --pf-v6-c-form__field-group-toggle-icon--Rotate: var(--pf-v6-c-form__field-group--m-expanded__toggle-icon--Rotate);
4854
4224
  }
4855
4225
 
4856
- span.pf-v6-c-button.pf-m-link.pf-m-inline {
4857
- --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
4858
- --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
4859
- --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
4226
+ .pf-v6-c-form__field-group-toggle {
4227
+ grid-row: 1/2;
4228
+ grid-column: 1/2;
4229
+ padding-block-start: var(--pf-v6-c-form__field-group-toggle--PaddingBlockStart);
4230
+ padding-inline-end: var(--pf-v6-c-form__field-group-toggle--PaddingInlineEnd);
4860
4231
  }
4861
4232
 
4862
- .pf-v6-c-button.pf-m-link.pf-m-danger {
4863
- --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
4864
- --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
4865
- --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-link--m-danger__icon--Color);
4866
- --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-link--m-danger--hover--Color);
4867
- --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--hover--BackgroundColor);
4868
- --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-link--m-danger--hover__icon--Color);
4869
- --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked--Color);
4870
- --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor);
4871
- --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color);
4233
+ .pf-v6-c-form__field-group-toggle + .pf-v6-c-form__field-group-header {
4234
+ --pf-v6-c-form__field-group-header--GridColumn: var(--pf-v6-c-form__field-group-toggle--field-group-header--GridColumn);
4872
4235
  }
4873
4236
 
4874
- .pf-v6-c-button.pf-m-link.pf-m-display-lg {
4875
- --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-display-lg--FontSize);
4237
+ .pf-v6-c-form__field-group-toggle-button {
4238
+ margin-block-start: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockStart);
4239
+ margin-block-end: var(--pf-v6-c-form__field-group-toggle-button--MarginBlockEnd);
4876
4240
  }
4877
4241
 
4878
- .pf-v6-c-button.pf-m-warning {
4879
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-warning--Color);
4880
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-warning--BackgroundColor);
4881
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-warning__icon--Color);
4882
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-warning--hover--Color);
4883
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-warning--hover--BackgroundColor);
4884
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-warning--hover__icon--Color);
4885
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-warning--m-clicked--Color);
4886
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-warning--m-clicked--BackgroundColor);
4887
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-warning--m-clicked__icon--Color);
4242
+ .pf-v6-c-form__field-group-toggle-icon {
4243
+ display: inline-block;
4244
+ min-width: var(--pf-v6-c-form__field-group-toggle-icon--MinWidth);
4245
+ text-align: center;
4246
+ transition-timing-function: var(--pf-v6-c-form__field-group-toggle-icon--TransitionTimingFunction);
4247
+ transition-duration: var(--pf-v6-c-form__field-group-toggle-icon--TransitionDuration);
4248
+ transition-property: transform;
4249
+ transform: rotate(var(--pf-v6-c-form__field-group-toggle-icon--Rotate));
4888
4250
  }
4889
4251
 
4890
- .pf-v6-c-button.pf-m-danger {
4891
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-danger--Color);
4892
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-danger--BackgroundColor);
4893
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-danger__icon--Color);
4894
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-danger--hover--Color);
4895
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-danger--hover--BackgroundColor);
4896
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-danger--hover__icon--Color);
4897
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-danger--m-clicked--Color);
4898
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-danger--m-clicked--BackgroundColor);
4899
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-danger--m-clicked__icon--Color);
4252
+ :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-form__field-group-toggle-icon {
4253
+ scale: -1 1;
4900
4254
  }
4901
4255
 
4902
- .pf-v6-c-button.pf-m-control {
4903
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-control--BorderRadius);
4904
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-control--PaddingInlineStart);
4905
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-control--PaddingInlineEnd);
4906
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-control--Color);
4907
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-control--BackgroundColor);
4908
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-control--BorderColor);
4909
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-control--BorderWidth);
4910
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-control__icon--Color);
4911
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-control--hover--Color);
4912
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-control--hover--BackgroundColor);
4913
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-control--hover--BorderColor);
4914
- --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-control--hover--BorderWidth);
4915
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-control--hover__icon--Color);
4916
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-control--m-clicked--Color);
4917
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-control--m-clicked--BackgroundColor);
4918
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
4919
- --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
4920
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
4921
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
4922
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
4256
+ .pf-v6-c-form__field-group-header {
4257
+ display: flex;
4258
+ grid-row: 1/2;
4259
+ grid-column: var(--pf-v6-c-form__field-group-header--GridColumn);
4260
+ align-items: flex-start;
4261
+ padding-block-start: var(--pf-v6-c-form__field-group-header--PaddingBlockStart);
4262
+ padding-block-end: var(--pf-v6-c-form__field-group-header--PaddingBlockEnd);
4923
4263
  }
4924
4264
 
4925
- .pf-v6-c-button.pf-m-stateful {
4926
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
4927
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
4928
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
4929
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
4930
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
4265
+ .pf-v6-c-form__field-group-header-main {
4266
+ display: flex;
4267
+ flex-direction: column;
4268
+ flex-grow: 1;
4931
4269
  }
4932
4270
 
4933
- .pf-v6-c-button.pf-m-read {
4934
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
4935
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-read--BorderColor);
4936
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-read--hover--BackgroundColor);
4937
- --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-read--hover--BorderColor);
4938
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-read--m-clicked--BackgroundColor);
4939
- --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-read--m-clicked--BorderColor);
4271
+ .pf-v6-c-form__field-group-header-title {
4272
+ display: flex;
4940
4273
  }
4941
4274
 
4942
- .pf-v6-c-button.pf-m-unread {
4943
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-unread--Color);
4944
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-unread--BackgroundColor);
4945
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-unread__icon--Color);
4946
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-unread--hover--Color);
4947
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-unread--hover--BackgroundColor);
4948
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-unread--hover__icon--Color);
4949
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-unread--m-clicked--Color);
4950
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-unread--m-clicked--BackgroundColor);
4951
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-unread--m-clicked__icon--Color);
4275
+ .pf-v6-c-form__field-group-header-title-text {
4276
+ flex-grow: 1;
4952
4277
  }
4953
4278
 
4954
- .pf-v6-c-button.pf-m-attention {
4955
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-attention--Color);
4956
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-attention--BackgroundColor);
4957
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-attention__icon--Color);
4958
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-attention--hover--Color);
4959
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-attention--hover--BackgroundColor);
4960
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-attention--hover__icon--Color);
4961
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-attention--m-clicked--Color);
4962
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-attention--m-clicked--BackgroundColor);
4963
- --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
4279
+ .pf-v6-c-form__field-group-header-description {
4280
+ margin-block-start: var(--pf-v6-c-form__field-group-header-description--MarginBlockStart);
4281
+ color: var(--pf-v6-c-form__field-group-header-description--Color);
4964
4282
  }
4965
4283
 
4966
- .pf-v6-c-button.pf-m-plain {
4967
- --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
4968
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
4969
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
4970
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
4971
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
4972
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--PaddingInlineStart);
4973
- --pf-v6-c-button__progress--Color: var(--pf-v6-c-button--m-in-progress--m-plain--Color);
4974
- --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-plain--hover--Color);
4975
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--hover--BackgroundColor);
4976
- --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-plain--m-clicked--Color);
4977
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-clicked--BackgroundColor);
4978
- --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
4979
- --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
4980
- --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
4981
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
4982
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
4284
+ .pf-v6-c-form__field-group-header-actions {
4285
+ margin-inline-start: var(--pf-v6-c-form__field-group-header-actions--MarginInlineStart);
4286
+ white-space: nowrap;
4983
4287
  }
4984
4288
 
4985
- .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
4986
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
4987
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
4988
- --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
4989
- --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
4990
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
4991
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
4992
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
4993
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
4994
- --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
4995
- --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
4996
- min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
4289
+ .pf-v6-c-form__field-group-body {
4290
+ display: grid;
4291
+ grid-column: var(--pf-v6-c-form__field-group-body--GridColumn);
4292
+ gap: var(--pf-v6-c-form__field-group-body--Gap);
4293
+ padding-block-start: var(--pf-v6-c-form__field-group-body--PaddingBlockStart);
4294
+ padding-block-end: var(--pf-v6-c-form__field-group-body--PaddingBlockEnd);
4997
4295
  }
4998
4296
 
4999
- .pf-v6-c-button.pf-m-block {
5000
- --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
5001
- width: var(--pf-v6-c-button--m-block--Width);
4297
+ .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:first-child {
4298
+ --pf-v6-c-form__field-group-toggle--PaddingBlockStart: 0;
4299
+ --pf-v6-c-form__field-group-header--PaddingBlockStart: 0;
5002
4300
  }
5003
4301
 
5004
- .pf-v6-c-button.pf-m-small {
5005
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
5006
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-small--PaddingInlineEnd);
5007
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-small--PaddingBlockEnd);
5008
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-small--PaddingInlineStart);
4302
+ .pf-v6-c-form__field-group-body > .pf-v6-c-form__field-group:last-child {
4303
+ margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
5009
4304
  }
5010
4305
 
5011
- .pf-v6-c-button.pf-m-display-lg {
5012
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-display-lg--PaddingBlockStart);
5013
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-display-lg--PaddingInlineEnd);
5014
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
5015
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
5016
- --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
4306
+ .pf-v6-c-tooltip {
4307
+ --pf-v6-c-tooltip--MaxWidth: 18.75rem;
4308
+ --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
4309
+ --pf-v6-c-tooltip__content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
4310
+ --pf-v6-c-tooltip__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
4311
+ --pf-v6-c-tooltip__content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
4312
+ --pf-v6-c-tooltip__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
4313
+ --pf-v6-c-tooltip__content--Color: var(--pf-t--global--text--color--inverse);
4314
+ --pf-v6-c-tooltip__content--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4315
+ --pf-v6-c-tooltip__content--FontSize: var(--pf-t--global--font--size--body--sm);
4316
+ --pf-v6-c-tooltip__content--BorderRadius: var(--pf-t--global--border--radius--small);
4317
+ --pf-v6-c-tooltip__arrow--Width: 0.9375rem;
4318
+ --pf-v6-c-tooltip__arrow--Height: 0.9375rem;
4319
+ --pf-v6-c-tooltip__arrow--BackgroundColor: var(--pf-t--global--background--color--inverse--default);
4320
+ --pf-v6-c-tooltip__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
4321
+ --pf-v6-c-tooltip__arrow--m-top--TranslateX: -50%;
4322
+ --pf-v6-c-tooltip__arrow--m-top--TranslateY: 50%;
4323
+ --pf-v6-c-tooltip__arrow--m-top--Rotate: 45deg;
4324
+ --pf-v6-c-tooltip__arrow--m-right--TranslateX: -50%;
4325
+ --pf-v6-c-tooltip__arrow--m-right--TranslateY: -50%;
4326
+ --pf-v6-c-tooltip__arrow--m-right--Rotate: 45deg;
4327
+ --pf-v6-c-tooltip__arrow--m-bottom--TranslateX: -50%;
4328
+ --pf-v6-c-tooltip__arrow--m-bottom--TranslateY: -50%;
4329
+ --pf-v6-c-tooltip__arrow--m-bottom--Rotate: 45deg;
4330
+ --pf-v6-c-tooltip__arrow--m-left--TranslateX: 50%;
4331
+ --pf-v6-c-tooltip__arrow--m-left--TranslateY: -50%;
4332
+ --pf-v6-c-tooltip__arrow--m-left--Rotate: 45deg;
5017
4333
  }
5018
4334
 
5019
- .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
5020
- transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
5021
- transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
5022
- transition-property: color;
4335
+ .pf-v6-c-tooltip {
4336
+ position: relative;
4337
+ max-width: var(--pf-v6-c-tooltip--MaxWidth);
4338
+ box-shadow: var(--pf-v6-c-tooltip--BoxShadow);
5023
4339
  }
5024
4340
 
5025
- .pf-v6-c-button.pf-m-favorited {
5026
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
5027
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
4341
+ .pf-v6-c-tooltip:is(.pf-m-top,
4342
+ .pf-m-top-left,
4343
+ .pf-m-top-right) {
4344
+ --pf-v6-c-tooltip__arrow--InsetBlockEnd: var(--pf-v6-c-tooltip--m-top--InsetBlockEnd, 0);
4345
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-top--InsetInlineStart, 50%);
4346
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-top--TranslateX);
4347
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4348
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-top--Rotate);
5028
4349
  }
5029
4350
 
5030
- .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
5031
- animation-name: pf-v6-c-button-icon-favorited;
5032
- animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
5033
- animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
4351
+ .pf-v6-c-tooltip:is(.pf-m-bottom,
4352
+ .pf-m-bottom-left,
4353
+ .pf-m-bottom-right) {
4354
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-bottom--InsetBlockStart, 0);
4355
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-bottom--InsetInlineStart, 50%);
4356
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateX);
4357
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-bottom--TranslateY);
4358
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-bottom--Rotate);
5034
4359
  }
5035
4360
 
5036
- .pf-v6-c-button:hover, .pf-v6-c-button:focus {
5037
- --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
5038
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
5039
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
5040
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
5041
- --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
5042
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
5043
- text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
5044
- text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
5045
- text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
4361
+ .pf-v6-c-tooltip:is(.pf-m-left,
4362
+ .pf-m-left-top,
4363
+ .pf-m-left-bottom) {
4364
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-left--InsetBlockStart, 50%);
4365
+ --pf-v6-c-tooltip__arrow--InsetInlineEnd: var(--pf-v6-c-tooltip--m-left--InsetInlineEnd, 0);
4366
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
4367
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-left--TranslateY);
4368
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-left--Rotate);
5046
4369
  }
5047
4370
 
5048
- .pf-v6-c-button.pf-m-clicked {
5049
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
5050
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
5051
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
5052
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
5053
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
4371
+ .pf-v6-c-tooltip:is(.pf-m-right,
4372
+ .pf-m-right-top,
4373
+ .pf-m-right-bottom) {
4374
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: var(--pf-v6-c-tooltip--m-right--InsetBlockStart, 50%);
4375
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: var(--pf-v6-c-tooltip--m-right--InsetInlineStart, 0);
4376
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-right--TranslateX);
4377
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-right--TranslateY);
4378
+ --pf-v6-c-tooltip__arrow--Rotate: var(--pf-v6-c-tooltip__arrow--m-right--Rotate);
5054
4379
  }
5055
4380
 
5056
- .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
4381
+ .pf-v6-c-tooltip:is(.pf-m-left-top,
4382
+ .pf-m-right-top) {
4383
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: 0;
4384
+ --pf-v6-c-tooltip__arrow--TranslateY: var(--pf-v6-c-tooltip__arrow--m-top--TranslateY);
4385
+ }
4386
+
4387
+ .pf-v6-c-tooltip:is(.pf-m-left-bottom,
4388
+ .pf-m-right-bottom) {
4389
+ --pf-v6-c-tooltip__arrow--InsetBlockStart: auto;
4390
+ --pf-v6-c-tooltip__arrow--InsetBlockEnd: 0;
4391
+ }
4392
+
4393
+ .pf-v6-c-tooltip:is(.pf-m-top-left,
4394
+ .pf-m-bottom-left) {
4395
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: 0;
4396
+ --pf-v6-c-tooltip__arrow--TranslateX: var(--pf-v6-c-tooltip__arrow--m-left--TranslateX);
4397
+ }
4398
+
4399
+ .pf-v6-c-tooltip:is(.pf-m-top-right,
4400
+ .pf-m-bottom-right) {
4401
+ --pf-v6-c-tooltip__arrow--InsetInlineEnd: 0;
4402
+ --pf-v6-c-tooltip__arrow--InsetInlineStart: auto;
4403
+ }
4404
+
4405
+ .pf-v6-c-tooltip__content {
4406
+ position: relative;
4407
+ padding-block-start: var(--pf-v6-c-tooltip__content--PaddingBlockStart);
4408
+ padding-block-end: var(--pf-v6-c-tooltip__content--PaddingBlockEnd);
4409
+ padding-inline-start: var(--pf-v6-c-tooltip__content--PaddingInlineStart);
4410
+ padding-inline-end: var(--pf-v6-c-tooltip__content--PaddingInlineEnd);
4411
+ font-size: var(--pf-v6-c-tooltip__content--FontSize);
4412
+ color: var(--pf-v6-c-tooltip__content--Color);
4413
+ text-align: center;
4414
+ word-break: break-word;
4415
+ background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
4416
+ border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
4417
+ }
4418
+
4419
+ .pf-v6-c-tooltip__content.pf-m-text-align-left {
4420
+ text-align: start;
4421
+ }
4422
+
4423
+ .pf-v6-c-tooltip__arrow {
4424
+ position: absolute;
4425
+ top: var(--pf-v6-c-tooltip__arrow--InsetBlockStart, auto);
4426
+ right: var(--pf-v6-c-tooltip__arrow--InsetInlineEnd, auto);
4427
+ bottom: var(--pf-v6-c-tooltip__arrow--InsetBlockEnd, auto);
4428
+ left: var(--pf-v6-c-tooltip__arrow--InsetInlineStart, auto);
4429
+ width: var(--pf-v6-c-tooltip__arrow--Width);
4430
+ height: var(--pf-v6-c-tooltip__arrow--Height);
5057
4431
  pointer-events: none;
4432
+ background-color: var(--pf-v6-c-tooltip__arrow--BackgroundColor);
4433
+ box-shadow: var(--pf-v6-c-tooltip__arrow--BoxShadow);
4434
+ 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));
5058
4435
  }
5059
4436
 
5060
- .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
5061
- color: var(--pf-v6-c-button--disabled--Color);
5062
- text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
5063
- background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
4437
+ .pf-v6-c-popover[data-popper-reference-hidden=true] {
4438
+ visibility: hidden;
4439
+ pointer-events: none;
5064
4440
  }
5065
4441
 
5066
- .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
5067
- border-color: transparent;
4442
+ .pf-v6-c-check {
4443
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
4444
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
4445
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
4446
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
4447
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
4448
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
4449
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
4450
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
4451
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
4452
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
4453
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
4454
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
4455
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
4456
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
5068
4457
  }
5069
4458
 
5070
- .pf-v6-c-button:disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-aria-disabled .pf-v6-c-button__icon {
5071
- color: var(--pf-v6-c-button--disabled__icon--Color);
4459
+ .pf-v6-c-check {
4460
+ display: grid;
4461
+ grid-template-columns: auto 1fr;
4462
+ grid-gap: var(--pf-v6-c-check--GridGap);
4463
+ accent-color: var(--pf-v6-c-check--AccentColor);
5072
4464
  }
5073
4465
 
5074
- .pf-v6-c-button.pf-m-aria-disabled {
5075
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
5076
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
5077
- cursor: default;
4466
+ .pf-v6-c-check.pf-m-standalone {
4467
+ display: inline-grid;
4468
+ grid-template-columns: auto;
4469
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
5078
4470
  }
5079
4471
 
5080
- .pf-v6-c-button.pf-m-progress {
5081
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
5082
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
4472
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
4473
+ align-self: center;
4474
+ transform: none;
5083
4475
  }
5084
4476
 
5085
- .pf-v6-c-button.pf-m-in-progress {
5086
- --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
4477
+ .pf-v6-c-check__input {
4478
+ align-self: start;
4479
+ font-size: var(--pf-v6-c-check__label--FontSize);
4480
+ line-height: var(--pf-v6-c-check__label--LineHeight);
4481
+ transform: translateY(var(--pf-v6-c-check__input--TranslateY));
5087
4482
  }
5088
4483
 
5089
- .pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
5090
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
5091
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
4484
+ .pf-v6-c-check__label {
4485
+ font-size: var(--pf-v6-c-check__label--FontSize);
4486
+ font-weight: var(--pf-v6-c-check__label--FontWeight);
4487
+ line-height: var(--pf-v6-c-check__label--LineHeight);
4488
+ color: var(--pf-v6-c-check__label--Color);
5092
4489
  }
5093
4490
 
5094
- .pf-v6-c-button.pf-m-in-progress.pf-m-plain {
5095
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
5096
- --pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
4491
+ .pf-v6-c-check__description {
4492
+ grid-column: 2;
4493
+ font-size: var(--pf-v6-c-check__description--FontSize);
4494
+ color: var(--pf-v6-c-check__description--Color);
5097
4495
  }
5098
4496
 
5099
- .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
5100
- opacity: 0;
4497
+ .pf-v6-c-check__body {
4498
+ grid-column: 2;
5101
4499
  }
5102
4500
 
5103
- .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
5104
- animation-name: pf-v6-c-button-icon-notify;
5105
- animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
5106
- animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
4501
+ .pf-v6-c-check__label,
4502
+ .pf-v6-c-check__input {
4503
+ justify-self: start;
5107
4504
  }
5108
4505
 
5109
- .pf-v6-c-button__icon {
5110
- margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
5111
- margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
5112
- color: var(--pf-v6-c-button__icon--Color);
4506
+ label.pf-v6-c-check, .pf-v6-c-check__label,
4507
+ .pf-v6-c-check__input {
4508
+ cursor: pointer;
5113
4509
  }
5114
4510
 
5115
- .pf-v6-c-button__icon.pf-m-start {
5116
- --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
4511
+ .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
4512
+ .pf-v6-c-check__input:disabled,
4513
+ .pf-v6-c-check__input.pf-m-disabled {
4514
+ --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
4515
+ cursor: not-allowed;
5117
4516
  }
5118
4517
 
5119
- .pf-v6-c-button__icon.pf-m-end {
5120
- --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
4518
+ .pf-v6-c-check__label-required {
4519
+ margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
4520
+ font-size: var(--pf-v6-c-check__label-required--FontSize);
4521
+ color: var(--pf-v6-c-check__label-required--Color);
5121
4522
  }
5122
4523
 
5123
- .pf-v6-c-button__progress {
5124
- position: absolute;
5125
- inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
5126
- inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
5127
- line-height: 1;
5128
- color: var(--pf-v6-c-button__progress--Color);
5129
- transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
4524
+ .pf-v6-c-button {
4525
+ --pf-v6-c-button--Display: inline-flex;
4526
+ --pf-v6-c-button--AlignItems: baseline;
4527
+ --pf-v6-c-button--JustifyContent: center;
4528
+ --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
4529
+ --pf-v6-c-button--MinWidth: calc(1em * var(--pf-v6-c-button--LineHeight) + var(--pf-v6-c-button--PaddingBlockStart) + var(--pf-v6-c-button--PaddingBlockEnd));
4530
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
4531
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
4532
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--default);
4533
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--default);
4534
+ --pf-v6-c-button--Color: var(--pf-t--global--text--color--regular);
4535
+ --pf-v6-c-button--LineHeight: var(--pf-t--global--font--line-height--body);
4536
+ --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
4537
+ --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
4538
+ --pf-v6-c-button--BackgroundColor: transparent;
4539
+ --pf-v6-c-button--BorderColor: transparent;
4540
+ --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
4541
+ --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
4542
+ --pf-v6-c-button--TextDecorationLine: none;
4543
+ --pf-v6-c-button--TextDecorationStyle: none;
4544
+ --pf-v6-c-button--TextDecorationColor: currentcolor;
4545
+ --pf-v6-c-button--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
4546
+ --pf-v6-c-button--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
4547
+ --pf-v6-c-button--TransitionProperty: color, background-color, border-width, border-color, padding;
4548
+ --pf-v6-c-button--hover--BackgroundColor: transparent;
4549
+ --pf-v6-c-button--hover--BorderColor: transparent;
4550
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-t--global--border--width--action--hover);
4551
+ --pf-v6-c-button--hover--TextDecorationLine: none;
4552
+ --pf-v6-c-button--hover--TextDecorationStyle: none;
4553
+ --pf-v6-c-button--hover--TextDecorationColor: currentcolor;
4554
+ --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
4555
+ --pf-v6-c-button--m-clicked--BorderColor: transparent;
4556
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-t--global--border--width--action--clicked);
4557
+ --pf-v6-c-button--m-primary--Color: var(--pf-t--global--text--color--on-brand--default);
4558
+ --pf-v6-c-button--m-primary--BackgroundColor: var(--pf-t--global--color--brand--default);
4559
+ --pf-v6-c-button--m-primary__icon--Color: var(--pf-t--global--icon--color--on-brand--default);
4560
+ --pf-v6-c-button--m-primary--hover--Color: var(--pf-t--global--text--color--on-brand--hover);
4561
+ --pf-v6-c-button--m-primary--hover--BackgroundColor: var(--pf-t--global--color--brand--hover);
4562
+ --pf-v6-c-button--m-primary--hover__icon--Color: var(--pf-t--global--icon--color--on-brand--hover);
4563
+ --pf-v6-c-button--m-primary--m-clicked--Color: var(--pf-t--global--text--color--on-brand--clicked);
4564
+ --pf-v6-c-button--m-primary--m-clicked--BackgroundColor: var(--pf-t--global--color--brand--clicked);
4565
+ --pf-v6-c-button--m-primary--m-clicked__icon--Color: var(--pf-t--global--icon--color--on-brand--clicked);
4566
+ --pf-v6-c-button--m-secondary--Color: var(--pf-t--global--text--color--brand--default);
4567
+ --pf-v6-c-button--m-secondary--BorderColor: var(--pf-t--global--border--color--brand--default);
4568
+ --pf-v6-c-button--m-secondary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
4569
+ --pf-v6-c-button--m-secondary__icon--Color: var(--pf-t--global--icon--color--brand--default);
4570
+ --pf-v6-c-button--m-secondary--hover--Color: var(--pf-t--global--text--color--brand--hover);
4571
+ --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-t--global--border--color--brand--hover);
4572
+ --pf-v6-c-button--m-secondary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
4573
+ --pf-v6-c-button--m-secondary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
4574
+ --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-t--global--border--color--brand--clicked);
4575
+ --pf-v6-c-button--m-secondary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
4576
+ --pf-v6-c-button--m-secondary--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
4577
+ --pf-v6-c-button--m-secondary--m-danger--BorderColor: var(--pf-t--global--border--color--status--danger--default);
4578
+ --pf-v6-c-button--m-secondary--m-danger__icon--Color: var(--pf-t--global--icon--color--status--danger--default);
4579
+ --pf-v6-c-button--m-secondary--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
4580
+ --pf-v6-c-button--m-secondary--m-danger--hover--BorderColor: var(--pf-t--global--border--color--status--danger--hover);
4581
+ --pf-v6-c-button--m-secondary--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--danger--hover);
4582
+ --pf-v6-c-button--m-secondary--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
4583
+ --pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor: var(--pf-t--global--border--color--status--danger--clicked);
4584
+ --pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--danger--clicked);
4585
+ --pf-v6-c-button--m-tertiary--Color: var(--pf-t--global--text--color--brand--default);
4586
+ --pf-v6-c-button--m-tertiary--BorderColor: var(--pf-t--global--border--color--default);
4587
+ --pf-v6-c-button--m-tertiary--TransitionDuration: var(--pf-t--global--motion--duration--fade--short);
4588
+ --pf-v6-c-button--m-tertiary__icon--Color: var(--pf-t--global--icon--color--brand--default);
4589
+ --pf-v6-c-button--m-tertiary--hover--Color: var(--pf-t--global--text--color--brand--hover);
4590
+ --pf-v6-c-button--m-tertiary--hover--BorderColor: var(--pf-t--global--border--color--hover);
4591
+ --pf-v6-c-button--m-tertiary--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
4592
+ --pf-v6-c-button--m-tertiary--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
4593
+ --pf-v6-c-button--m-tertiary--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
4594
+ --pf-v6-c-button--m-tertiary--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
4595
+ --pf-v6-c-button--m-link--BorderRadius: var(--pf-t--global--border--radius--small);
4596
+ --pf-v6-c-button--m-link--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
4597
+ --pf-v6-c-button--m-link--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
4598
+ --pf-v6-c-button--m-link--Color: var(--pf-t--global--text--color--brand--default);
4599
+ --pf-v6-c-button--m-link--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
4600
+ --pf-v6-c-button--m-link__icon--Color: var(--pf-t--global--icon--color--brand--default);
4601
+ --pf-v6-c-button--m-link--hover--Color: var(--pf-t--global--text--color--brand--hover);
4602
+ --pf-v6-c-button--m-link--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
4603
+ --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-t--global--text--color--brand--hover);
4604
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
4605
+ --pf-v6-c-button--m-link--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
4606
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-t--global--text--color--brand--clicked);
4607
+ --pf-v6-c-button--m-link--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
4608
+ --pf-v6-c-button--m-link--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
4609
+ --pf-v6-c-button--m-link--m-danger--Color: var(--pf-t--global--text--color--status--danger--default);
4610
+ --pf-v6-c-button--m-link--m-danger--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
4611
+ --pf-v6-c-button--m-link--m-danger__icon--Color: var(--pf-t--global--text--color--status--danger--default);
4612
+ --pf-v6-c-button--m-link--m-danger--hover--Color: var(--pf-t--global--text--color--status--danger--hover);
4613
+ --pf-v6-c-button--m-link--m-danger--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
4614
+ --pf-v6-c-button--m-link--m-danger--hover__icon--Color: var(--pf-t--global--text--color--status--danger--hover);
4615
+ --pf-v6-c-button--m-link--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
4616
+ --pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
4617
+ --pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
4618
+ --pf-v6-c-button--m-link--m-inline--Display: inline-flex;
4619
+ --pf-v6-c-button--m-link--m-inline--JustifyContent: flex-start;
4620
+ --pf-v6-c-button--m-link--m-inline--FontSize: initial;
4621
+ --pf-v6-c-button--m-link--m-inline--LineHeight: initial;
4622
+ --pf-v6-c-button--m-link--m-inline--FontWeight: initial;
4623
+ --pf-v6-c-button--m-link--m-inline--PaddingBlockStart: 0;
4624
+ --pf-v6-c-button--m-link--m-inline--PaddingInlineEnd: 0;
4625
+ --pf-v6-c-button--m-link--m-inline--PaddingBlockEnd: 0;
4626
+ --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: 0;
4627
+ --pf-v6-c-button--m-link--m-inline--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--default);
4628
+ --pf-v6-c-button--m-link--m-inline--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--default);
4629
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
4630
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
4631
+ --pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart: var(--pf-t--global--spacer--xs);
4632
+ --pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
4633
+ --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
4634
+ --pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
4635
+ --pf-v6-c-button--span--m-link--m-inline--Display: inline;
4636
+ --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
4637
+ --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
4638
+ --pf-v6-c-button--m-link--m-inline--Color: var(--pf-t--global--text--color--brand--default);
4639
+ --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
4640
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: currentcolor;
4641
+ --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
4642
+ --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
4643
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: currentcolor;
4644
+ --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
4645
+ --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
4646
+ --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
4647
+ --pf-v6-c-button--m-plain--Color: var(--pf-t--global--icon--color--regular);
4648
+ --pf-v6-c-button--m-plain__icon--Color: var(--pf-t--global--text--color--regular);
4649
+ --pf-v6-c-button--m-plain--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
4650
+ --pf-v6-c-button--m-plain--hover--Color: var(--pf-t--global--icon--color--regular);
4651
+ --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
4652
+ --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
4653
+ --pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
4654
+ --pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
4655
+ --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
4656
+ --pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
4657
+ --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--compact);
4658
+ --pf-v6-c-button--m-plain--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--compact);
4659
+ --pf-v6-c-button--m-plain--m-no-padding--MinWidth: auto;
4660
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart: 0;
4661
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd: 0;
4662
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd: 0;
4663
+ --pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart: 0;
4664
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart: 0;
4665
+ --pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd: 0;
4666
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-t--global--icon--color--subtle);
4667
+ --pf-v6-c-button--m-plain--m-no-padding--BackgroundColor: transparent;
4668
+ --pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color: var(--pf-t--global--icon--color--regular);
4669
+ --pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor: transparent;
4670
+ --pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor: transparent;
4671
+ --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
4672
+ --pf-v6-c-button--m-control--BorderRadius: var(--pf-t--global--border--radius--small);
4673
+ --pf-v6-c-button--m-control--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
4674
+ --pf-v6-c-button--m-control--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
4675
+ --pf-v6-c-button--m-control--Color: var(--pf-t--global--text--color--regular);
4676
+ --pf-v6-c-button--m-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
4677
+ --pf-v6-c-button--m-control--BorderColor: var(--pf-t--global--border--color--default);
4678
+ --pf-v6-c-button--m-control--BorderWidth: var(--pf-t--global--border--width--control--default);
4679
+ --pf-v6-c-button--m-control__icon--Color: var(--pf-t--global--icon--color--regular);
4680
+ --pf-v6-c-button--m-control--hover--Color: var(--pf-t--global--text--color--regular);
4681
+ --pf-v6-c-button--m-control--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
4682
+ --pf-v6-c-button--m-control--hover--BorderColor: var(--pf-t--global--border--color--hover);
4683
+ --pf-v6-c-button--m-control--hover--BorderWidth: var(--pf-t--global--border--width--control--hover);
4684
+ --pf-v6-c-button--m-control--hover__icon--Color: var(--pf-t--global--icon--color--regular);
4685
+ --pf-v6-c-button--m-control--m-clicked--Color: var(--pf-t--global--text--color--regular);
4686
+ --pf-v6-c-button--m-control--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
4687
+ --pf-v6-c-button--m-control--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
4688
+ --pf-v6-c-button--m-control--m-clicked--BorderWidth: var(--pf-t--global--border--width--control--clicked);
4689
+ --pf-v6-c-button--m-control--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
4690
+ --pf-v6-c-button--m-control--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
4691
+ --pf-v6-c-button--m-control--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
4692
+ --pf-v6-c-button--m-stateful--BorderRadius: var(--pf-t--global--border--radius--small);
4693
+ --pf-v6-c-button--m-stateful--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
4694
+ --pf-v6-c-button--m-stateful--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
4695
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--compact);
4696
+ --pf-v6-c-button--m-stateful--m-small--PaddingInlineStart: var(--pf-t--global--spacer--control--horizontal--compact);
4697
+ --pf-v6-c-button--m-read--BackgroundColor: var(--pf-t--global--background--color--control--default);
4698
+ --pf-v6-c-button--m-read--BorderColor: var(--pf-t--global--border--color--default);
4699
+ --pf-v6-c-button--m-read--hover--BackgroundColor: var(--pf-t--global--background--color--control--default);
4700
+ --pf-v6-c-button--m-read--hover--BorderColor: var(--pf-t--global--border--color--hover);
4701
+ --pf-v6-c-button--m-read--m-clicked--BackgroundColor: var(--pf-t--global--background--color--control--default);
4702
+ --pf-v6-c-button--m-read--m-clicked--BorderColor: var(--pf-t--global--border--color--clicked);
4703
+ --pf-v6-c-button--m-unread--Color: var(--pf-t--global--text--color--status--unread--on-default--default);
4704
+ --pf-v6-c-button--m-unread--BackgroundColor: var(--pf-t--global--color--status--unread--default);
4705
+ --pf-v6-c-button--m-unread__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--default);
4706
+ --pf-v6-c-button--m-unread--hover--Color: var(--pf-t--global--text--color--status--unread--on-default--hover);
4707
+ --pf-v6-c-button--m-unread--hover--BackgroundColor: var(--pf-t--global--color--status--unread--hover);
4708
+ --pf-v6-c-button--m-unread--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--hover);
4709
+ --pf-v6-c-button--m-unread--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-default--clicked);
4710
+ --pf-v6-c-button--m-unread--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--clicked);
4711
+ --pf-v6-c-button--m-unread--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-default--clicked);
4712
+ --pf-v6-c-button--m-attention--Color: var(--pf-t--global--text--color--status--unread--on-attention--default);
4713
+ --pf-v6-c-button--m-attention--BackgroundColor: var(--pf-t--global--color--status--unread--attention--default);
4714
+ --pf-v6-c-button--m-attention__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--default);
4715
+ --pf-v6-c-button--m-attention--hover--Color: var(--pf-t--global--text--color--status--unread--on-attention--hover);
4716
+ --pf-v6-c-button--m-attention--hover--BackgroundColor: var(--pf-t--global--color--status--unread--attention--hover);
4717
+ --pf-v6-c-button--m-attention--hover__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--hover);
4718
+ --pf-v6-c-button--m-attention--m-clicked--Color: var(--pf-t--global--text--color--status--unread--on-attention--clicked);
4719
+ --pf-v6-c-button--m-attention--m-clicked--BackgroundColor: var(--pf-t--global--color--status--unread--attention--clicked);
4720
+ --pf-v6-c-button--m-attention--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--unread--on-attention--clicked);
4721
+ --pf-v6-c-button--m-warning--Color: var(--pf-t--global--text--color--status--on-warning--default);
4722
+ --pf-v6-c-button--m-warning--BackgroundColor: var(--pf-t--global--color--status--warning--default);
4723
+ --pf-v6-c-button--m-warning__icon--Color: var(--pf-t--global--icon--color--status--on-warning--default);
4724
+ --pf-v6-c-button--m-warning--hover--Color: var(--pf-t--global--text--color--status--on-warning--hover);
4725
+ --pf-v6-c-button--m-warning--hover--BackgroundColor: var(--pf-t--global--color--status--warning--hover);
4726
+ --pf-v6-c-button--m-warning--hover__icon--Color: var(--pf-t--global--icon--color--status--on-warning--hover);
4727
+ --pf-v6-c-button--m-warning--m-clicked--Color: var(--pf-t--global--text--color--status--on-warning--clicked);
4728
+ --pf-v6-c-button--m-warning--m-clicked--BackgroundColor: var(--pf-t--global--color--status--warning--clicked);
4729
+ --pf-v6-c-button--m-warning--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-warning--clicked);
4730
+ --pf-v6-c-button--m-danger--Color: var(--pf-t--global--text--color--status--on-danger--default);
4731
+ --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
4732
+ --pf-v6-c-button--m-danger__icon--Color: var(--pf-t--global--icon--color--status--on-danger--default);
4733
+ --pf-v6-c-button--m-danger--hover--Color: var(--pf-t--global--text--color--status--on-danger--hover);
4734
+ --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-t--global--color--status--danger--hover);
4735
+ --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-t--global--icon--color--status--on-danger--hover);
4736
+ --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--on-danger--clicked);
4737
+ --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--color--status--danger--clicked);
4738
+ --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-t--global--icon--color--status--on-danger--clicked);
4739
+ --pf-v6-c-button--m-display-lg--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--spacious);
4740
+ --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
4741
+ --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
4742
+ --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
4743
+ --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
4744
+ --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--lg);
4745
+ --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--compact);
4746
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--compact);
4747
+ --pf-v6-c-button--m-small--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--compact);
4748
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--compact);
4749
+ --pf-v6-c-button--disabled--Color: var(--pf-t--global--text--color--on-disabled);
4750
+ --pf-v6-c-button--disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
4751
+ --pf-v6-c-button--disabled--TextDecorationColor: currentcolor;
4752
+ --pf-v6-c-button--disabled--BorderColor: transparent;
4753
+ --pf-v6-c-button--disabled__icon--Color: var(--pf-t--global--icon--color--on-disabled);
4754
+ --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
4755
+ --pf-v6-c-button--hover__icon--Color: var(--pf-t--global--icon--color--regular);
4756
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
4757
+ --pf-v6-c-button__icon--MarginInlineStart: 0;
4758
+ --pf-v6-c-button__icon--MarginInlineEnd: 0;
4759
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
4760
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
4761
+ --pf-v6-c-button--m-notify__icon--AnimationDuration--notify: var(--pf-t--global--motion--duration--3xl);
4762
+ --pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify: var(--pf-t--global--motion--timing-function--default);
4763
+ --pf-v6-c-button--m-favorite__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
4764
+ --pf-v6-c-button--m-favorite__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
4765
+ --pf-v6-c-button--m-favorited__icon--Color: var(--pf-t--global--color--favorite--default);
4766
+ --pf-v6-c-button--m-favorited--hover__icon--Color: var(--pf-t--global--color--favorite--hover);
4767
+ --pf-v6-c-button--m-favorited__icon--AnimationDuration: var(--pf-t--global--motion--duration--icon--long);
4768
+ --pf-v6-c-button--m-favorited__icon--AnimationTimingFunction: var(--pf-t--global--motion--timing-function--default);
4769
+ --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
4770
+ --pf-v6-c-button__progress--Opacity: 0;
4771
+ --pf-v6-c-button__progress--TranslateY: -50%;
4772
+ --pf-v6-c-button__progress--TranslateX: 0;
4773
+ --pf-v6-c-button__progress--InsetBlockStart: 50%;
4774
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
4775
+ --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
4776
+ --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
4777
+ --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
4778
+ --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
4779
+ --pf-v6-c-button--m-in-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width));
4780
+ --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
4781
+ --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
4782
+ --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
4783
+ --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
4784
+ --pf-v6-c-button--m-block--Display: flex;
4785
+ --pf-v6-c-button--m-block--Width: 100%;
4786
+ }
4787
+
4788
+ .pf-v6-c-button {
4789
+ position: relative;
4790
+ display: var(--pf-v6-c-button--Display);
4791
+ gap: var(--pf-v6-c-button--Gap);
4792
+ align-items: var(--pf-v6-c-button--AlignItems);
4793
+ justify-content: var(--pf-v6-c-button--JustifyContent);
4794
+ min-width: var(--pf-v6-c-button--MinWidth);
4795
+ padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
4796
+ padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
4797
+ padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
4798
+ padding-inline-end: var(--pf-v6-c-button--PaddingInlineEnd);
4799
+ font-size: var(--pf-v6-c-button--FontSize, inherit);
4800
+ font-weight: var(--pf-v6-c-button--FontWeight, inherit);
4801
+ line-height: var(--pf-v6-c-button--LineHeight, inherit);
4802
+ color: var(--pf-v6-c-button--Color);
4803
+ text-align: center;
4804
+ text-decoration-line: var(--pf-v6-c-button--TextDecorationLine);
4805
+ text-decoration-style: var(--pf-v6-c-button--TextDecorationStyle);
4806
+ text-decoration-color: var(--pf-v6-c-button--TextDecorationColor);
4807
+ white-space: nowrap;
4808
+ cursor: pointer;
4809
+ user-select: none;
4810
+ background-color: var(--pf-v6-c-button--BackgroundColor);
4811
+ border: 0;
4812
+ border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
4813
+ border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
4814
+ border-end-start-radius: var(--pf-v6-c-button--BorderEndStartRadius, var(--pf-v6-c-button--BorderRadius));
4815
+ border-end-end-radius: var(--pf-v6-c-button--BorderEndEndRadius, var(--pf-v6-c-button--BorderRadius));
4816
+ transition-timing-function: var(--pf-v6-c-button--TransitionTimingFunction);
4817
+ transition-duration: var(--pf-v6-c-button--TransitionDuration);
4818
+ transition-property: var(--pf-v6-c-button--TransitionProperty);
4819
+ }
4820
+
4821
+ .pf-v6-c-button::after {
4822
+ position: absolute;
4823
+ inset: 0;
4824
+ pointer-events: none;
4825
+ content: "";
4826
+ border: var(--pf-v6-c-button--BorderWidth) solid;
4827
+ border-color: var(--pf-v6-c-button--BorderColor);
4828
+ border-radius: inherit;
4829
+ transition: inherit;
4830
+ }
4831
+
4832
+ .pf-v6-c-button.pf-m-primary {
4833
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-primary--Color);
4834
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-primary--BackgroundColor);
4835
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-primary__icon--Color);
4836
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-primary--hover--Color);
4837
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-primary--hover--BackgroundColor);
4838
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-primary--hover__icon--Color);
4839
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-primary--m-clicked--Color);
4840
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-primary--m-clicked--BackgroundColor);
4841
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-primary--m-clicked__icon--Color);
5130
4842
  }
5131
4843
 
5132
- .pf-v6-c-button__progress .pf-v6-c-spinner {
5133
- --pf-v6-c-spinner--Color: currentcolor;
4844
+ .pf-v6-c-button.pf-m-primary .pf-v6-c-badge.pf-m-unread {
4845
+ --pf-v6-c-badge--BorderColor: var(--pf-v6-c-button--m-primary__c-badge--BorderColor);
5134
4846
  }
5135
4847
 
5136
- .pf-v6-c-button__count {
5137
- display: inline-flex;
5138
- align-items: center;
4848
+ .pf-v6-c-button.pf-m-secondary {
4849
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-secondary--Color);
4850
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-secondary--BorderColor);
4851
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-secondary--TransitionDuration);
4852
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-secondary__icon--Color);
4853
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-secondary--hover--Color);
4854
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-secondary--hover--BorderColor);
4855
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-secondary--hover__icon--Color);
4856
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-clicked--Color);
4857
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-clicked--BorderColor);
4858
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-clicked__icon--Color);
4859
+ --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-secondary--m-danger--Color);
4860
+ --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger__icon--Color);
4861
+ --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover--Color);
4862
+ --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--hover__icon--Color);
4863
+ --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--Color);
4864
+ --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked__icon--Color);
5139
4865
  }
5140
4866
 
5141
- @keyframes pf-v6-c-button-icon-notify {
5142
- 33% {
5143
- transform: rotate(30deg);
5144
- }
5145
- 66% {
5146
- transform: rotate(-60deg);
5147
- }
5148
- }
5149
- @keyframes pf-v6-c-button-icon-favorited {
5150
- 50% {
5151
- transform: scale(1.5);
5152
- }
4867
+ .pf-v6-c-button.pf-m-secondary.pf-m-danger {
4868
+ --pf-v6-c-button--m-secondary--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--BorderColor);
4869
+ --pf-v6-c-button--m-secondary--hover--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--hover--BorderColor);
4870
+ --pf-v6-c-button--m-secondary--m-clicked--BorderColor: var(--pf-v6-c-button--m-secondary--m-danger--m-clicked--BorderColor);
4871
+ --pf-v6-c-button--m-danger--BackgroundColor: transparent;
4872
+ --pf-v6-c-button--m-danger--hover--BackgroundColor: transparent;
4873
+ --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: transparent;
5153
4874
  }
5154
- .pf-v6-c-popover {
5155
- --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
5156
- --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
5157
- --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
5158
- --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
5159
- --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
5160
- --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5161
- --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
5162
- --pf-v6-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
5163
- --pf-v6-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
5164
- --pf-v6-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
5165
- --pf-v6-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5166
- --pf-v6-c-popover__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
5167
- --pf-v6-c-popover__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5168
- --pf-v6-c-popover__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
5169
- --pf-v6-c-popover__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
5170
- --pf-v6-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
5171
- --pf-v6-c-popover__arrow--Width: 0.9375rem;
5172
- --pf-v6-c-popover__arrow--Height: 0.9375rem;
5173
- --pf-v6-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
5174
- --pf-v6-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5175
- --pf-v6-c-popover__arrow--m-top--TranslateX: -50%;
5176
- --pf-v6-c-popover__arrow--m-top--TranslateY: 50%;
5177
- --pf-v6-c-popover__arrow--m-top--Rotate: 45deg;
5178
- --pf-v6-c-popover__arrow--m-right--TranslateX: -50%;
5179
- --pf-v6-c-popover__arrow--m-right--TranslateY: -50%;
5180
- --pf-v6-c-popover__arrow--m-right--Rotate: 45deg;
5181
- --pf-v6-c-popover__arrow--m-bottom--TranslateX: -50%;
5182
- --pf-v6-c-popover__arrow--m-bottom--TranslateY: -50%;
5183
- --pf-v6-c-popover__arrow--m-bottom--Rotate: 45deg;
5184
- --pf-v6-c-popover__arrow--m-left--TranslateX: 50%;
5185
- --pf-v6-c-popover__arrow--m-left--TranslateY: -50%;
5186
- --pf-v6-c-popover__arrow--m-left--Rotate: 45deg;
5187
- --pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart: var(--pf-t--global--border--radius--medium);
5188
- --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
5189
- --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
5190
- --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
5191
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
5192
- --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
5193
- --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
5194
- --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
5195
- --pf-v6-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
5196
- --pf-v6-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
5197
- --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--default);
5198
- --pf-v6-c-popover__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
5199
- --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
5200
- --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
5201
- --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
4875
+
4876
+ .pf-v6-c-button.pf-m-tertiary {
4877
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-tertiary--Color);
4878
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-tertiary--BorderColor);
4879
+ --pf-v6-c-button--TransitionDuration: var(--pf-v6-c-button--m-tertiary--TransitionDuration);
4880
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-tertiary__icon--Color);
4881
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-tertiary--hover--Color);
4882
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-tertiary--hover--BorderColor);
4883
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-tertiary--hover__icon--Color);
4884
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-tertiary--m-clicked--Color);
4885
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-tertiary--m-clicked--BorderColor);
4886
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-tertiary--m-clicked__icon--Color);
5202
4887
  }
5203
4888
 
5204
- .pf-v6-c-popover {
5205
- position: relative;
5206
- min-width: var(--pf-v6-c-popover--MinWidth);
5207
- max-width: var(--pf-v6-c-popover--MaxWidth);
5208
- font-size: var(--pf-v6-c-popover--FontSize);
5209
- border-radius: var(--pf-v6-c-popover--BorderRadius);
5210
- box-shadow: var(--pf-v6-c-popover--BoxShadow);
4889
+ .pf-v6-c-button.pf-m-link {
4890
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--PaddingInlineEnd);
4891
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--PaddingInlineStart);
4892
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-link--Color);
4893
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-link--BorderRadius);
4894
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-link--BackgroundColor);
4895
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-link__icon--Color);
4896
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-link--hover--Color);
4897
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-link--hover--BackgroundColor);
4898
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-link--hover__icon--Color);
4899
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-link--m-clicked--Color);
4900
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-clicked--BackgroundColor);
4901
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
4902
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-small--PaddingInlineEnd);
4903
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-small--PaddingInlineStart);
5211
4904
  }
5212
4905
 
5213
- .pf-v6-c-popover.pf-m-no-padding {
5214
- --pf-v6-c-popover__content--PaddingBlockStart: 0px;
5215
- --pf-v6-c-popover__content--PaddingInlineEnd: 0px;
5216
- --pf-v6-c-popover__content--PaddingBlockEnd: 0px;
5217
- --pf-v6-c-popover__content--PaddingInlineStart: 0px;
4906
+ .pf-v6-c-button.pf-m-link.pf-m-inline {
4907
+ --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
4908
+ --pf-v6-c-button--JustifyContent: var(--pf-v6-c-button--m-link--m-inline--JustifyContent);
4909
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
4910
+ --pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
4911
+ --pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
4912
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockStart);
4913
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineEnd);
4914
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-link--m-inline--PaddingBlockEnd);
4915
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--PaddingInlineStart);
4916
+ --pf-v6-c-button--BackgroundColor: transparent;
4917
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart);
4918
+ --pf-v6-c-button--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--TextDecorationLine);
4919
+ --pf-v6-c-button--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--TextDecorationStyle);
4920
+ --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
4921
+ --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
4922
+ --pf-v6-c-button--hover--BackgroundColor: transparent;
4923
+ --pf-v6-c-button--m-clicked--BackgroundColor: transparent;
4924
+ --pf-v6-c-button--disabled--BackgroundColor: transparent;
4925
+ --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
4926
+ --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
4927
+ --pf-v6-c-button--m-link--Color: var(--pf-v6-c-button--m-link--m-inline--Color);
4928
+ --pf-v6-c-button--m-link__icon--Color: var(--pf-v6-c-button--m-link--m-inline__icon--Color);
4929
+ --pf-v6-c-button--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--TextDecorationColor);
4930
+ --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
4931
+ --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
4932
+ --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
4933
+ text-align: start;
4934
+ white-space: normal;
4935
+ outline-offset: 0.125rem;
5218
4936
  }
5219
4937
 
5220
- .pf-v6-c-popover.pf-m-width-auto {
5221
- --pf-v6-c-popover--MinWidth: auto;
5222
- --pf-v6-c-popover--MaxWidth: none;
4938
+ span.pf-v6-c-button.pf-m-link.pf-m-inline {
4939
+ --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
4940
+ --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
4941
+ --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
5223
4942
  }
5224
4943
 
5225
- .pf-v6-c-popover:is(.pf-m-top,
5226
- .pf-m-top-left,
5227
- .pf-m-top-right) {
5228
- --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover--m-top--InsetBlockEnd, 0);
5229
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-top--InsetInlineStart, 50%);
5230
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-top--TranslateX);
5231
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
5232
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-top--Rotate);
4944
+ .pf-v6-c-button.pf-m-link.pf-m-danger {
4945
+ --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
4946
+ --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
4947
+ --pf-v6-c-button--m-danger__icon--Color: var(--pf-v6-c-button--m-link--m-danger__icon--Color);
4948
+ --pf-v6-c-button--m-danger--hover--Color: var(--pf-v6-c-button--m-link--m-danger--hover--Color);
4949
+ --pf-v6-c-button--m-danger--hover--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--hover--BackgroundColor);
4950
+ --pf-v6-c-button--m-danger--hover__icon--Color: var(--pf-v6-c-button--m-link--m-danger--hover__icon--Color);
4951
+ --pf-v6-c-button--m-danger--m-clicked--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked--Color);
4952
+ --pf-v6-c-button--m-danger--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor);
4953
+ --pf-v6-c-button--m-danger--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color);
5233
4954
  }
5234
4955
 
5235
- .pf-v6-c-popover:is(.pf-m-bottom,
5236
- .pf-m-bottom-left,
5237
- .pf-m-bottom-right) {
5238
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-bottom--InsetBlockStart, 0);
5239
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-bottom--InsetInlineStart, 50%);
5240
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-bottom--TranslateX);
5241
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-bottom--TranslateY);
5242
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-bottom--Rotate);
4956
+ .pf-v6-c-button.pf-m-link.pf-m-display-lg {
4957
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-display-lg--FontSize);
5243
4958
  }
5244
4959
 
5245
- .pf-v6-c-popover:is(.pf-m-left,
5246
- .pf-m-left-top,
5247
- .pf-m-left-bottom) {
5248
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-left--InsetBlockStart, 50%);
5249
- --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover--m-left--InsetInlineEnd, 0);
5250
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
5251
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-left--TranslateY);
5252
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-left--Rotate);
4960
+ .pf-v6-c-button.pf-m-warning {
4961
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-warning--Color);
4962
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-warning--BackgroundColor);
4963
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-warning__icon--Color);
4964
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-warning--hover--Color);
4965
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-warning--hover--BackgroundColor);
4966
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-warning--hover__icon--Color);
4967
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-warning--m-clicked--Color);
4968
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-warning--m-clicked--BackgroundColor);
4969
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-warning--m-clicked__icon--Color);
5253
4970
  }
5254
4971
 
5255
- .pf-v6-c-popover:is(.pf-m-right,
5256
- .pf-m-right-top,
5257
- .pf-m-right-bottom) {
5258
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-right--InsetBlockStart, 50%);
5259
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-right--InsetInlineStart, 0);
5260
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-right--TranslateX);
5261
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-right--TranslateY);
5262
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-right--Rotate);
4972
+ .pf-v6-c-button.pf-m-danger {
4973
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-danger--Color);
4974
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-danger--BackgroundColor);
4975
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-danger__icon--Color);
4976
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-danger--hover--Color);
4977
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-danger--hover--BackgroundColor);
4978
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-danger--hover__icon--Color);
4979
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-danger--m-clicked--Color);
4980
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-danger--m-clicked--BackgroundColor);
4981
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-danger--m-clicked__icon--Color);
5263
4982
  }
5264
4983
 
5265
- .pf-v6-c-popover:is(.pf-m-left-top,
5266
- .pf-m-right-top) {
5267
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart);
5268
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
4984
+ .pf-v6-c-button.pf-m-control {
4985
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-control--BorderRadius);
4986
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-control--PaddingInlineStart);
4987
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-control--PaddingInlineEnd);
4988
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-control--Color);
4989
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-control--BackgroundColor);
4990
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-control--BorderColor);
4991
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-control--BorderWidth);
4992
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-control__icon--Color);
4993
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-control--hover--Color);
4994
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-control--hover--BackgroundColor);
4995
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-control--hover--BorderColor);
4996
+ --pf-v6-c-button--hover--BorderWidth: var(--pf-v6-c-button--m-control--hover--BorderWidth);
4997
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-control--hover__icon--Color);
4998
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-control--m-clicked--Color);
4999
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-control--m-clicked--BackgroundColor);
5000
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-control--m-clicked--BorderColor);
5001
+ --pf-v6-c-button--m-clicked--BorderWidth: var(--pf-v6-c-button--m-control--m-clicked--BorderWidth);
5002
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-control--m-clicked__icon--Color);
5003
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-control--m-small--PaddingInlineEnd);
5004
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-control--m-small--PaddingInlineStart);
5269
5005
  }
5270
5006
 
5271
- .pf-v6-c-popover:is(.pf-m-left-bottom,
5272
- .pf-m-right-bottom) {
5273
- --pf-v6-c-popover__arrow--InsetBlockStart: auto;
5274
- --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd);
5007
+ .pf-v6-c-button.pf-m-stateful {
5008
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-stateful--BorderRadius);
5009
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--PaddingInlineStart);
5010
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--PaddingInlineEnd);
5011
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineEnd);
5012
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-stateful--m-small--PaddingInlineStart);
5275
5013
  }
5276
5014
 
5277
- .pf-v6-c-popover:is(.pf-m-top-left,
5278
- .pf-m-bottom-left) {
5279
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
5280
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
5015
+ .pf-v6-c-button.pf-m-read {
5016
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-read--BackgroundColor);
5017
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-read--BorderColor);
5018
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-read--hover--BackgroundColor);
5019
+ --pf-v6-c-button--hover--BorderColor: var(--pf-v6-c-button--m-read--hover--BorderColor);
5020
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-read--m-clicked--BackgroundColor);
5021
+ --pf-v6-c-button--m-clicked--BorderColor: var(--pf-v6-c-button--m-read--m-clicked--BorderColor);
5281
5022
  }
5282
5023
 
5283
- .pf-v6-c-popover:is(.pf-m-top-right,
5284
- .pf-m-bottom-right) {
5285
- --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
5286
- --pf-v6-c-popover__arrow--InsetInlineStart: auto;
5024
+ .pf-v6-c-button.pf-m-unread {
5025
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-unread--Color);
5026
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-unread--BackgroundColor);
5027
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-unread__icon--Color);
5028
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-unread--hover--Color);
5029
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-unread--hover--BackgroundColor);
5030
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-unread--hover__icon--Color);
5031
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-unread--m-clicked--Color);
5032
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-unread--m-clicked--BackgroundColor);
5033
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-unread--m-clicked__icon--Color);
5287
5034
  }
5288
5035
 
5289
- .pf-v6-c-popover.pf-m-danger {
5290
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
5036
+ .pf-v6-c-button.pf-m-attention {
5037
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-attention--Color);
5038
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-attention--BackgroundColor);
5039
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-attention__icon--Color);
5040
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-attention--hover--Color);
5041
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-attention--hover--BackgroundColor);
5042
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-attention--hover__icon--Color);
5043
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-attention--m-clicked--Color);
5044
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-attention--m-clicked--BackgroundColor);
5045
+ --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-attention--m-clicked__icon--Color);
5291
5046
  }
5292
5047
 
5293
- .pf-v6-c-popover.pf-m-warning {
5294
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
5048
+ .pf-v6-c-button.pf-m-plain {
5049
+ --pf-v6-c-button--BorderRadius: var(--pf-v6-c-button--m-plain--BorderRadius);
5050
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-plain--Color);
5051
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain__icon--Color);
5052
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--BackgroundColor);
5053
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--PaddingInlineEnd);
5054
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--PaddingInlineStart);
5055
+ --pf-v6-c-button__progress--Color: var(--pf-v6-c-button--m-in-progress--m-plain--Color);
5056
+ --pf-v6-c-button--hover--Color: var(--pf-v6-c-button--m-plain--hover--Color);
5057
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--hover--BackgroundColor);
5058
+ --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-plain--m-clicked--Color);
5059
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-clicked--BackgroundColor);
5060
+ --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
5061
+ --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
5062
+ --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
5063
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
5064
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineStart);
5295
5065
  }
5296
5066
 
5297
- .pf-v6-c-popover.pf-m-success {
5298
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
5067
+ .pf-v6-c-button.pf-m-plain.pf-m-no-padding {
5068
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding__icon--Color);
5069
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--BackgroundColor);
5070
+ --pf-v6-c-button--hover--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--hover--BackgroundColor);
5071
+ --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-no-padding--m-clicked--BackgroundColor);
5072
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockStart);
5073
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingBlockEnd);
5074
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineEnd);
5075
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--PaddingInlineStart);
5076
+ --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineEnd);
5077
+ --pf-v6-c-button--m-small--PaddingInlineStart: var(--pf-v6-c-button--m-plain--m-no-padding--m-small--PaddingInlineStart);
5078
+ min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
5299
5079
  }
5300
5080
 
5301
- .pf-v6-c-popover.pf-m-custom {
5302
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
5081
+ .pf-v6-c-button.pf-m-block {
5082
+ --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
5083
+ width: var(--pf-v6-c-button--m-block--Width);
5303
5084
  }
5304
5085
 
5305
- .pf-v6-c-popover.pf-m-info {
5306
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
5086
+ .pf-v6-c-button.pf-m-small {
5087
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
5088
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-small--PaddingInlineEnd);
5089
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-small--PaddingBlockEnd);
5090
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-small--PaddingInlineStart);
5307
5091
  }
5308
5092
 
5309
- .pf-v6-c-popover__content {
5310
- position: relative;
5311
- padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
5312
- padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
5313
- padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
5314
- padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
5315
- background-color: var(--pf-v6-c-popover__content--BackgroundColor);
5316
- border-radius: var(--pf-v6-c-popover__content--BorderRadius);
5093
+ .pf-v6-c-button.pf-m-display-lg {
5094
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-display-lg--PaddingBlockStart);
5095
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-display-lg--PaddingInlineEnd);
5096
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
5097
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
5098
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
5317
5099
  }
5318
5100
 
5319
- .pf-v6-c-popover__close {
5320
- position: absolute;
5321
- inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
5322
- inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
5101
+ .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
5102
+ transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
5103
+ transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
5104
+ transition-property: color;
5323
5105
  }
5324
5106
 
5325
- .pf-v6-c-popover__close + * {
5326
- padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
5107
+ .pf-v6-c-button.pf-m-favorited {
5108
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
5109
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
5327
5110
  }
5328
5111
 
5329
- .pf-v6-c-popover__arrow {
5330
- position: absolute;
5331
- top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
5332
- right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
5333
- bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
5334
- left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
5335
- width: var(--pf-v6-c-popover__arrow--Width);
5336
- height: var(--pf-v6-c-popover__arrow--Height);
5337
- pointer-events: none;
5338
- background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
5339
- box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
5340
- transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
5112
+ .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
5113
+ animation-name: pf-v6-c-button-icon-favorited;
5114
+ animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
5115
+ animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
5341
5116
  }
5342
5117
 
5343
- .pf-v6-c-popover__header {
5344
- margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
5118
+ .pf-v6-c-button:hover, .pf-v6-c-button:focus {
5119
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
5120
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
5121
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
5122
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
5123
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
5124
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
5125
+ text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
5126
+ text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
5127
+ text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
5345
5128
  }
5346
5129
 
5347
- .pf-v6-c-popover__title {
5348
- display: flex;
5349
- flex: 0 0 auto;
5130
+ .pf-v6-c-button.pf-m-clicked {
5131
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
5132
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
5133
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
5134
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
5135
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
5350
5136
  }
5351
5137
 
5352
- .pf-v6-c-popover__title-icon {
5353
- margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
5354
- font-size: var(--pf-v6-c-popover__title-icon--FontSize);
5355
- color: var(--pf-v6-c-popover__title-icon--Color);
5138
+ .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
5139
+ pointer-events: none;
5356
5140
  }
5357
5141
 
5358
- .pf-v6-c-popover__title-text {
5359
- min-width: 0;
5360
- font-size: var(--pf-v6-c-popover__title-text--FontSize);
5361
- font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
5362
- color: var(--pf-v6-c-popover__title-text--Color);
5363
- overflow-wrap: break-word;
5142
+ .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
5143
+ color: var(--pf-v6-c-button--disabled--Color);
5144
+ text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
5145
+ background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
5364
5146
  }
5365
5147
 
5366
- .pf-v6-c-popover__body {
5367
- word-wrap: break-word;
5148
+ .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
5149
+ border-color: transparent;
5368
5150
  }
5369
5151
 
5370
- .pf-v6-c-popover__footer {
5371
- margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
5152
+ .pf-v6-c-button:disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-disabled .pf-v6-c-button__icon, .pf-v6-c-button.pf-m-aria-disabled .pf-v6-c-button__icon {
5153
+ color: var(--pf-v6-c-button--disabled__icon--Color);
5372
5154
  }
5373
5155
 
5374
- .pf-v6-c-check {
5375
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
5376
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
5377
- --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
5378
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
5379
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
5380
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
5381
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
5382
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
5383
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
5384
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
5385
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
5386
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
5387
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
5388
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
5156
+ .pf-v6-c-button.pf-m-aria-disabled {
5157
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
5158
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
5159
+ cursor: default;
5389
5160
  }
5390
5161
 
5391
- .pf-v6-c-check {
5392
- display: grid;
5393
- grid-template-columns: auto 1fr;
5394
- grid-gap: var(--pf-v6-c-check--GridGap);
5395
- accent-color: var(--pf-v6-c-check--AccentColor);
5162
+ .pf-v6-c-button.pf-m-progress {
5163
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
5164
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
5396
5165
  }
5397
5166
 
5398
- .pf-v6-c-check.pf-m-standalone {
5399
- display: inline-grid;
5400
- grid-template-columns: auto;
5401
- min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
5167
+ .pf-v6-c-button.pf-m-in-progress {
5168
+ --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
5402
5169
  }
5403
5170
 
5404
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
5405
- align-self: center;
5406
- transform: none;
5171
+ .pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
5172
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
5173
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
5407
5174
  }
5408
5175
 
5409
- .pf-v6-c-check__input {
5410
- align-self: start;
5411
- font-size: var(--pf-v6-c-check__label--FontSize);
5412
- line-height: var(--pf-v6-c-check__label--LineHeight);
5413
- transform: translateY(var(--pf-v6-c-check__input--TranslateY));
5176
+ .pf-v6-c-button.pf-m-in-progress.pf-m-plain {
5177
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
5178
+ --pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
5414
5179
  }
5415
5180
 
5416
- .pf-v6-c-check__label {
5417
- font-size: var(--pf-v6-c-check__label--FontSize);
5418
- font-weight: var(--pf-v6-c-check__label--FontWeight);
5419
- line-height: var(--pf-v6-c-check__label--LineHeight);
5420
- color: var(--pf-v6-c-check__label--Color);
5181
+ .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
5182
+ opacity: 0;
5421
5183
  }
5422
5184
 
5423
- .pf-v6-c-check__description {
5424
- grid-column: 2;
5425
- font-size: var(--pf-v6-c-check__description--FontSize);
5426
- color: var(--pf-v6-c-check__description--Color);
5185
+ .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
5186
+ animation-name: pf-v6-c-button-icon-notify;
5187
+ animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
5188
+ animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
5427
5189
  }
5428
5190
 
5429
- .pf-v6-c-check__body {
5430
- grid-column: 2;
5191
+ .pf-v6-c-button__icon {
5192
+ margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
5193
+ margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
5194
+ color: var(--pf-v6-c-button__icon--Color);
5431
5195
  }
5432
5196
 
5433
- .pf-v6-c-check__label,
5434
- .pf-v6-c-check__input {
5435
- justify-self: start;
5197
+ .pf-v6-c-button__icon.pf-m-start {
5198
+ --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
5199
+ }
5200
+
5201
+ .pf-v6-c-button__icon.pf-m-end {
5202
+ --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
5436
5203
  }
5437
5204
 
5438
- label.pf-v6-c-check, .pf-v6-c-check__label,
5439
- .pf-v6-c-check__input {
5440
- cursor: pointer;
5205
+ .pf-v6-c-button__progress {
5206
+ position: absolute;
5207
+ inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
5208
+ inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
5209
+ line-height: 1;
5210
+ color: var(--pf-v6-c-button__progress--Color);
5211
+ transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
5441
5212
  }
5442
5213
 
5443
- .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
5444
- .pf-v6-c-check__input:disabled,
5445
- .pf-v6-c-check__input.pf-m-disabled {
5446
- --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
5447
- cursor: not-allowed;
5214
+ .pf-v6-c-button__progress .pf-v6-c-spinner {
5215
+ --pf-v6-c-spinner--Color: currentcolor;
5448
5216
  }
5449
5217
 
5450
- .pf-v6-c-check__label-required {
5451
- margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
5452
- font-size: var(--pf-v6-c-check__label-required--FontSize);
5453
- color: var(--pf-v6-c-check__label-required--Color);
5218
+ .pf-v6-c-button__count {
5219
+ display: inline-flex;
5220
+ align-items: center;
5454
5221
  }
5455
5222
 
5223
+ @keyframes pf-v6-c-button-icon-notify {
5224
+ 33% {
5225
+ transform: rotate(30deg);
5226
+ }
5227
+ 66% {
5228
+ transform: rotate(-60deg);
5229
+ }
5230
+ }
5231
+ @keyframes pf-v6-c-button-icon-favorited {
5232
+ 50% {
5233
+ transform: scale(1.5);
5234
+ }
5235
+ }
5456
5236
  .pf-v6-c-menu-toggle {
5457
5237
  --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
5458
5238
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
@@ -6216,109 +5996,297 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6216
5996
  height: var(--pf-v6-c-divider--Size);
6217
5997
  }
6218
5998
  }
6219
- @media (min-width: 75rem) {
6220
- .pf-v6-c-divider.pf-m-vertical-on-xl {
6221
- flex-direction: column;
6222
- width: var(--pf-v6-c-divider--Size);
6223
- height: inherit;
6224
- }
5999
+ @media (min-width: 75rem) {
6000
+ .pf-v6-c-divider.pf-m-vertical-on-xl {
6001
+ flex-direction: column;
6002
+ width: var(--pf-v6-c-divider--Size);
6003
+ height: inherit;
6004
+ }
6005
+ }
6006
+ @media (min-width: 75rem) {
6007
+ .pf-v6-c-divider.pf-m-inset-none-on-xl {
6008
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6009
+ }
6010
+ .pf-v6-c-divider.pf-m-inset-xs-on-xl {
6011
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6012
+ }
6013
+ .pf-v6-c-divider.pf-m-inset-sm-on-xl {
6014
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6015
+ }
6016
+ .pf-v6-c-divider.pf-m-inset-md-on-xl {
6017
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6018
+ }
6019
+ .pf-v6-c-divider.pf-m-inset-lg-on-xl {
6020
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6021
+ }
6022
+ .pf-v6-c-divider.pf-m-inset-xl-on-xl {
6023
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6024
+ }
6025
+ .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
6026
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6027
+ }
6028
+ .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
6029
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6030
+ }
6031
+ }
6032
+ @media (min-width: 90.625rem) {
6033
+ .pf-v6-c-divider.pf-m-horizontal-on-2xl {
6034
+ flex-direction: row;
6035
+ width: 100%;
6036
+ height: var(--pf-v6-c-divider--Size);
6037
+ }
6038
+ }
6039
+ @media (min-width: 90.625rem) {
6040
+ .pf-v6-c-divider.pf-m-vertical-on-2xl {
6041
+ flex-direction: column;
6042
+ width: var(--pf-v6-c-divider--Size);
6043
+ height: inherit;
6044
+ }
6045
+ }
6046
+ @media (min-width: 90.625rem) {
6047
+ .pf-v6-c-divider.pf-m-inset-none-on-2xl {
6048
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6049
+ }
6050
+ .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
6051
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6052
+ }
6053
+ .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
6054
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6055
+ }
6056
+ .pf-v6-c-divider.pf-m-inset-md-on-2xl {
6057
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6058
+ }
6059
+ .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
6060
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6061
+ }
6062
+ .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
6063
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6064
+ }
6065
+ .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
6066
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6067
+ }
6068
+ .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
6069
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6070
+ }
6071
+ }
6072
+ .pf-v6-c-popover {
6073
+ --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
6074
+ --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
6075
+ --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
6076
+ --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
6077
+ --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
6078
+ --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
6079
+ --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
6080
+ --pf-v6-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
6081
+ --pf-v6-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
6082
+ --pf-v6-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
6083
+ --pf-v6-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
6084
+ --pf-v6-c-popover__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
6085
+ --pf-v6-c-popover__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
6086
+ --pf-v6-c-popover__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
6087
+ --pf-v6-c-popover__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
6088
+ --pf-v6-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
6089
+ --pf-v6-c-popover__arrow--Width: 0.9375rem;
6090
+ --pf-v6-c-popover__arrow--Height: 0.9375rem;
6091
+ --pf-v6-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
6092
+ --pf-v6-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
6093
+ --pf-v6-c-popover__arrow--m-top--TranslateX: -50%;
6094
+ --pf-v6-c-popover__arrow--m-top--TranslateY: 50%;
6095
+ --pf-v6-c-popover__arrow--m-top--Rotate: 45deg;
6096
+ --pf-v6-c-popover__arrow--m-right--TranslateX: -50%;
6097
+ --pf-v6-c-popover__arrow--m-right--TranslateY: -50%;
6098
+ --pf-v6-c-popover__arrow--m-right--Rotate: 45deg;
6099
+ --pf-v6-c-popover__arrow--m-bottom--TranslateX: -50%;
6100
+ --pf-v6-c-popover__arrow--m-bottom--TranslateY: -50%;
6101
+ --pf-v6-c-popover__arrow--m-bottom--Rotate: 45deg;
6102
+ --pf-v6-c-popover__arrow--m-left--TranslateX: 50%;
6103
+ --pf-v6-c-popover__arrow--m-left--TranslateY: -50%;
6104
+ --pf-v6-c-popover__arrow--m-left--Rotate: 45deg;
6105
+ --pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart: var(--pf-t--global--border--radius--medium);
6106
+ --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
6107
+ --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
6108
+ --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
6109
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
6110
+ --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
6111
+ --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
6112
+ --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
6113
+ --pf-v6-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
6114
+ --pf-v6-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
6115
+ --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--default);
6116
+ --pf-v6-c-popover__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
6117
+ --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
6118
+ --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
6119
+ --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
6120
+ }
6121
+
6122
+ .pf-v6-c-popover {
6123
+ position: relative;
6124
+ min-width: var(--pf-v6-c-popover--MinWidth);
6125
+ max-width: var(--pf-v6-c-popover--MaxWidth);
6126
+ font-size: var(--pf-v6-c-popover--FontSize);
6127
+ border-radius: var(--pf-v6-c-popover--BorderRadius);
6128
+ box-shadow: var(--pf-v6-c-popover--BoxShadow);
6129
+ }
6130
+
6131
+ .pf-v6-c-popover.pf-m-no-padding {
6132
+ --pf-v6-c-popover__content--PaddingBlockStart: 0px;
6133
+ --pf-v6-c-popover__content--PaddingInlineEnd: 0px;
6134
+ --pf-v6-c-popover__content--PaddingBlockEnd: 0px;
6135
+ --pf-v6-c-popover__content--PaddingInlineStart: 0px;
6136
+ }
6137
+
6138
+ .pf-v6-c-popover.pf-m-width-auto {
6139
+ --pf-v6-c-popover--MinWidth: auto;
6140
+ --pf-v6-c-popover--MaxWidth: none;
6141
+ }
6142
+
6143
+ .pf-v6-c-popover:is(.pf-m-top,
6144
+ .pf-m-top-left,
6145
+ .pf-m-top-right) {
6146
+ --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover--m-top--InsetBlockEnd, 0);
6147
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-top--InsetInlineStart, 50%);
6148
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-top--TranslateX);
6149
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
6150
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-top--Rotate);
6151
+ }
6152
+
6153
+ .pf-v6-c-popover:is(.pf-m-bottom,
6154
+ .pf-m-bottom-left,
6155
+ .pf-m-bottom-right) {
6156
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-bottom--InsetBlockStart, 0);
6157
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-bottom--InsetInlineStart, 50%);
6158
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-bottom--TranslateX);
6159
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-bottom--TranslateY);
6160
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-bottom--Rotate);
6161
+ }
6162
+
6163
+ .pf-v6-c-popover:is(.pf-m-left,
6164
+ .pf-m-left-top,
6165
+ .pf-m-left-bottom) {
6166
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-left--InsetBlockStart, 50%);
6167
+ --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover--m-left--InsetInlineEnd, 0);
6168
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
6169
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-left--TranslateY);
6170
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-left--Rotate);
6171
+ }
6172
+
6173
+ .pf-v6-c-popover:is(.pf-m-right,
6174
+ .pf-m-right-top,
6175
+ .pf-m-right-bottom) {
6176
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-right--InsetBlockStart, 50%);
6177
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-right--InsetInlineStart, 0);
6178
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-right--TranslateX);
6179
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-right--TranslateY);
6180
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-right--Rotate);
6181
+ }
6182
+
6183
+ .pf-v6-c-popover:is(.pf-m-left-top,
6184
+ .pf-m-right-top) {
6185
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart);
6186
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
6187
+ }
6188
+
6189
+ .pf-v6-c-popover:is(.pf-m-left-bottom,
6190
+ .pf-m-right-bottom) {
6191
+ --pf-v6-c-popover__arrow--InsetBlockStart: auto;
6192
+ --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd);
6193
+ }
6194
+
6195
+ .pf-v6-c-popover:is(.pf-m-top-left,
6196
+ .pf-m-bottom-left) {
6197
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
6198
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
6199
+ }
6200
+
6201
+ .pf-v6-c-popover:is(.pf-m-top-right,
6202
+ .pf-m-bottom-right) {
6203
+ --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
6204
+ --pf-v6-c-popover__arrow--InsetInlineStart: auto;
6205
+ }
6206
+
6207
+ .pf-v6-c-popover.pf-m-danger {
6208
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
6209
+ }
6210
+
6211
+ .pf-v6-c-popover.pf-m-warning {
6212
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
6213
+ }
6214
+
6215
+ .pf-v6-c-popover.pf-m-success {
6216
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
6217
+ }
6218
+
6219
+ .pf-v6-c-popover.pf-m-custom {
6220
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
6225
6221
  }
6226
- @media (min-width: 75rem) {
6227
- .pf-v6-c-divider.pf-m-inset-none-on-xl {
6228
- --pf-v6-c-divider--before--FlexBasis: 100%;
6229
- }
6230
- .pf-v6-c-divider.pf-m-inset-xs-on-xl {
6231
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6232
- }
6233
- .pf-v6-c-divider.pf-m-inset-sm-on-xl {
6234
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6235
- }
6236
- .pf-v6-c-divider.pf-m-inset-md-on-xl {
6237
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6238
- }
6239
- .pf-v6-c-divider.pf-m-inset-lg-on-xl {
6240
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6241
- }
6242
- .pf-v6-c-divider.pf-m-inset-xl-on-xl {
6243
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6244
- }
6245
- .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
6246
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6247
- }
6248
- .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
6249
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6250
- }
6222
+
6223
+ .pf-v6-c-popover.pf-m-info {
6224
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
6251
6225
  }
6252
- @media (min-width: 90.625rem) {
6253
- .pf-v6-c-divider.pf-m-horizontal-on-2xl {
6254
- flex-direction: row;
6255
- width: 100%;
6256
- height: var(--pf-v6-c-divider--Size);
6257
- }
6226
+
6227
+ .pf-v6-c-popover__content {
6228
+ position: relative;
6229
+ padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
6230
+ padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
6231
+ padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
6232
+ padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
6233
+ background-color: var(--pf-v6-c-popover__content--BackgroundColor);
6234
+ border-radius: var(--pf-v6-c-popover__content--BorderRadius);
6258
6235
  }
6259
- @media (min-width: 90.625rem) {
6260
- .pf-v6-c-divider.pf-m-vertical-on-2xl {
6261
- flex-direction: column;
6262
- width: var(--pf-v6-c-divider--Size);
6263
- height: inherit;
6264
- }
6236
+
6237
+ .pf-v6-c-popover__close {
6238
+ position: absolute;
6239
+ inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
6240
+ inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
6265
6241
  }
6266
- @media (min-width: 90.625rem) {
6267
- .pf-v6-c-divider.pf-m-inset-none-on-2xl {
6268
- --pf-v6-c-divider--before--FlexBasis: 100%;
6269
- }
6270
- .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
6271
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6272
- }
6273
- .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
6274
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6275
- }
6276
- .pf-v6-c-divider.pf-m-inset-md-on-2xl {
6277
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6278
- }
6279
- .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
6280
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6281
- }
6282
- .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
6283
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6284
- }
6285
- .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
6286
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6287
- }
6288
- .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
6289
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6290
- }
6242
+
6243
+ .pf-v6-c-popover__close + * {
6244
+ padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
6291
6245
  }
6292
- .pf-v6-c-action-list {
6293
- --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6294
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
6295
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
6296
- --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
6246
+
6247
+ .pf-v6-c-popover__arrow {
6248
+ position: absolute;
6249
+ top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
6250
+ right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
6251
+ bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
6252
+ left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
6253
+ width: var(--pf-v6-c-popover__arrow--Width);
6254
+ height: var(--pf-v6-c-popover__arrow--Height);
6255
+ pointer-events: none;
6256
+ background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
6257
+ box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
6258
+ transform: translateX(var(--pf-v6-c-popover__arrow--TranslateX, 0)) translateY(var(--pf-v6-c-popover__arrow--TranslateY, 0)) rotate(var(--pf-v6-c-popover__arrow--Rotate, 0));
6297
6259
  }
6298
6260
 
6299
- .pf-v6-c-action-list,
6300
- .pf-v6-c-action-list__group {
6261
+ .pf-v6-c-popover__header {
6262
+ margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
6263
+ }
6264
+
6265
+ .pf-v6-c-popover__title {
6301
6266
  display: flex;
6302
- align-items: start;
6267
+ flex: 0 0 auto;
6303
6268
  }
6304
6269
 
6305
- .pf-v6-c-action-list {
6306
- row-gap: var(--pf-v6-c-action-list--RowGap);
6307
- column-gap: var(--pf-v6-c-action-list--ColumnGap);
6270
+ .pf-v6-c-popover__title-icon {
6271
+ margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
6272
+ font-size: var(--pf-v6-c-popover__title-icon--FontSize);
6273
+ color: var(--pf-v6-c-popover__title-icon--Color);
6308
6274
  }
6309
6275
 
6310
- .pf-v6-c-action-list.pf-m-icons {
6311
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6312
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6276
+ .pf-v6-c-popover__title-text {
6277
+ min-width: 0;
6278
+ font-size: var(--pf-v6-c-popover__title-text--FontSize);
6279
+ font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
6280
+ color: var(--pf-v6-c-popover__title-text--Color);
6281
+ overflow-wrap: break-word;
6313
6282
  }
6314
6283
 
6315
- .pf-v6-c-action-list__group {
6316
- row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
6317
- column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
6284
+ .pf-v6-c-popover__body {
6285
+ word-wrap: break-word;
6318
6286
  }
6319
6287
 
6320
- .pf-v6-c-action-list__group.pf-m-icons {
6321
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6288
+ .pf-v6-c-popover__footer {
6289
+ margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
6322
6290
  }
6323
6291
 
6324
6292
  .pf-v6-c-form-control {
@@ -6691,189 +6659,67 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6691
6659
  --pf-v6-c-form-control--Resize: both;
6692
6660
  overflow: auto;
6693
6661
  }
6694
-
6695
- .pf-v6-c-form-control__icon {
6696
- font-size: var(--pf-v6-c-form-control__icon--FontSize);
6697
- color: var(--pf-v6-c-form-control__icon--Color);
6698
- }
6699
-
6700
- .pf-v6-c-form-control__icon.pf-m-status {
6701
- --pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
6702
- }
6703
-
6704
- .pf-v6-c-form-control__toggle-icon {
6705
- grid-row: 1/2;
6706
- grid-column: 3;
6707
- padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
6708
- padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
6709
- font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
6710
- color: var(--pf-v6-c-form-control__toggle-icon--Color);
6711
- pointer-events: none;
6712
- }
6713
-
6714
- .pf-v6-c-form-control__utilities {
6715
- display: flex;
6716
- flex-wrap: nowrap;
6717
- grid-row: 1/2;
6718
- grid-column: 2;
6719
- gap: var(--pf-v6-c-form-control__utilities--Gap);
6720
- padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
6721
- padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
6722
- pointer-events: none;
6723
- }
6724
-
6725
- .pf-v6-c-spinner {
6726
- --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
6727
- --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
6728
- --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
6729
- --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
6730
- --pf-v6-c-spinner--AnimationDuration: 1.4s;
6731
- --pf-v6-c-spinner--AnimationTimingFunction: linear;
6732
- --pf-v6-c-spinner--StrokeWidth: 10;
6733
- --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
6734
- --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
6735
- --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
6736
- --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
6737
- --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
6738
- --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
6739
- --pf-v6-c-spinner--m-inline--diameter: 1em;
6740
- }
6741
-
6742
- .pf-v6-c-spinner {
6743
- width: var(--pf-v6-c-spinner--Width);
6744
- height: var(--pf-v6-c-spinner--Height);
6745
- overflow: hidden;
6746
- animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
6747
- }
6748
-
6749
- .pf-v6-c-spinner.pf-m-inline {
6750
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
6751
- }
6752
-
6753
- .pf-v6-c-spinner.pf-m-sm {
6754
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
6755
- }
6756
-
6757
- .pf-v6-c-spinner.pf-m-md {
6758
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
6759
- }
6760
-
6761
- .pf-v6-c-spinner.pf-m-lg {
6762
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
6763
- }
6764
-
6765
- .pf-v6-c-spinner.pf-m-xl {
6766
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
6767
- }
6768
-
6769
- .pf-v6-c-spinner__path {
6770
- width: 100%;
6771
- height: 100%;
6772
- stroke: var(--pf-v6-c-spinner--Color);
6773
- stroke-dasharray: 283;
6774
- stroke-dashoffset: 280;
6775
- stroke-linecap: round;
6776
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
6777
- transform-origin: 50% 50%;
6778
- animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
6779
- }
6780
-
6781
- @keyframes pf-v6-c-spinner-animation-rotate {
6782
- 0% {
6783
- transform: rotate(0deg);
6784
- }
6785
- 100% {
6786
- transform: rotate(360deg);
6787
- }
6788
- }
6789
- @keyframes pf-v6-c-spinner-animation-dash {
6790
- 0% {
6791
- stroke-dashoffset: 280;
6792
- transform: rotate(0);
6793
- }
6794
- 15% {
6795
- stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
6796
- }
6797
- 40% {
6798
- stroke-dasharray: 220;
6799
- stroke-dashoffset: 150;
6800
- }
6801
- 100% {
6802
- stroke-dashoffset: 280;
6803
- transform: rotate(720deg);
6804
- }
6805
- }
6806
- .pf-v6-c-badge {
6807
- --pf-v6-c-badge--BorderColor: transparent;
6808
- --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
6809
- --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
6810
- --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
6811
- --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
6812
- --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
6813
- --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
6814
- --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
6815
- --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
6816
- --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
6817
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
6818
- --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
6819
- --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
6820
- --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
6821
- --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
6822
- --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
6823
- --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
6824
- --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
6825
- --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
6826
- --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
6662
+
6663
+ .pf-v6-c-form-control__icon {
6664
+ font-size: var(--pf-v6-c-form-control__icon--FontSize);
6665
+ color: var(--pf-v6-c-form-control__icon--Color);
6827
6666
  }
6828
6667
 
6829
- .pf-v6-c-badge {
6830
- position: relative;
6831
- display: inline-block;
6832
- min-width: var(--pf-v6-c-badge--MinWidth);
6833
- padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
6834
- padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
6835
- font-size: var(--pf-v6-c-badge--FontSize);
6836
- font-weight: var(--pf-v6-c-badge--FontWeight);
6837
- color: var(--pf-v6-c-badge--Color);
6838
- text-align: center;
6839
- white-space: nowrap;
6840
- background-color: var(--pf-v6-c-badge--BackgroundColor);
6841
- border-radius: var(--pf-v6-c-badge--BorderRadius);
6668
+ .pf-v6-c-form-control__icon.pf-m-status {
6669
+ --pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
6842
6670
  }
6843
6671
 
6844
- .pf-v6-c-badge::after {
6845
- position: absolute;
6846
- inset: 0;
6672
+ .pf-v6-c-form-control__toggle-icon {
6673
+ grid-row: 1/2;
6674
+ grid-column: 3;
6675
+ padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
6676
+ padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
6677
+ font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
6678
+ color: var(--pf-v6-c-form-control__toggle-icon--Color);
6847
6679
  pointer-events: none;
6848
- content: "";
6849
- border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
6850
- border-radius: inherit;
6851
6680
  }
6852
6681
 
6853
- .pf-v6-c-badge.pf-m-read {
6854
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
6855
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
6856
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
6682
+ .pf-v6-c-form-control__utilities {
6683
+ display: flex;
6684
+ flex-wrap: nowrap;
6685
+ grid-row: 1/2;
6686
+ grid-column: 2;
6687
+ gap: var(--pf-v6-c-form-control__utilities--Gap);
6688
+ padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
6689
+ padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
6690
+ pointer-events: none;
6857
6691
  }
6858
6692
 
6859
- .pf-v6-c-badge.pf-m-unread {
6860
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
6861
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
6862
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
6693
+ .pf-v6-c-action-list {
6694
+ --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
6695
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
6696
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
6697
+ --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
6863
6698
  }
6864
6699
 
6865
- .pf-v6-c-badge.pf-m-disabled {
6866
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
6867
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
6700
+ .pf-v6-c-action-list,
6701
+ .pf-v6-c-action-list__group {
6702
+ display: flex;
6703
+ align-items: start;
6868
6704
  }
6869
6705
 
6870
- .pf-v6-c-badge.pf-m-disabled::after {
6871
- border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
6706
+ .pf-v6-c-action-list {
6707
+ row-gap: var(--pf-v6-c-action-list--RowGap);
6708
+ column-gap: var(--pf-v6-c-action-list--ColumnGap);
6872
6709
  }
6873
6710
 
6874
- .pf-v6-c-badge__toggle-icon {
6875
- margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
6876
- color: var(--pf-v6-c-badge__toggle-icon--Color);
6711
+ .pf-v6-c-action-list.pf-m-icons {
6712
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6713
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6714
+ }
6715
+
6716
+ .pf-v6-c-action-list__group {
6717
+ row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
6718
+ column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
6719
+ }
6720
+
6721
+ .pf-v6-c-action-list__group.pf-m-icons {
6722
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6877
6723
  }
6878
6724
 
6879
6725
  .pf-v6-c-breadcrumb {
@@ -7636,4 +7482,158 @@ button.pf-v6-c-breadcrumb__link {
7636
7482
  --pf-v6-c-menu-toggle--BorderWidth: 0;
7637
7483
  --pf-v6-c-menu-toggle--BorderColor: transparent;
7638
7484
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
7485
+ }
7486
+
7487
+ .pf-v6-c-spinner {
7488
+ --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
7489
+ --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
7490
+ --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
7491
+ --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
7492
+ --pf-v6-c-spinner--AnimationDuration: 1.4s;
7493
+ --pf-v6-c-spinner--AnimationTimingFunction: linear;
7494
+ --pf-v6-c-spinner--StrokeWidth: 10;
7495
+ --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
7496
+ --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
7497
+ --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
7498
+ --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
7499
+ --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
7500
+ --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
7501
+ --pf-v6-c-spinner--m-inline--diameter: 1em;
7502
+ }
7503
+
7504
+ .pf-v6-c-spinner {
7505
+ width: var(--pf-v6-c-spinner--Width);
7506
+ height: var(--pf-v6-c-spinner--Height);
7507
+ overflow: hidden;
7508
+ animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
7509
+ }
7510
+
7511
+ .pf-v6-c-spinner.pf-m-inline {
7512
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
7513
+ }
7514
+
7515
+ .pf-v6-c-spinner.pf-m-sm {
7516
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
7517
+ }
7518
+
7519
+ .pf-v6-c-spinner.pf-m-md {
7520
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
7521
+ }
7522
+
7523
+ .pf-v6-c-spinner.pf-m-lg {
7524
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
7525
+ }
7526
+
7527
+ .pf-v6-c-spinner.pf-m-xl {
7528
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
7529
+ }
7530
+
7531
+ .pf-v6-c-spinner__path {
7532
+ width: 100%;
7533
+ height: 100%;
7534
+ stroke: var(--pf-v6-c-spinner--Color);
7535
+ stroke-dasharray: 283;
7536
+ stroke-dashoffset: 280;
7537
+ stroke-linecap: round;
7538
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
7539
+ transform-origin: 50% 50%;
7540
+ animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
7541
+ }
7542
+
7543
+ @keyframes pf-v6-c-spinner-animation-rotate {
7544
+ 0% {
7545
+ transform: rotate(0deg);
7546
+ }
7547
+ 100% {
7548
+ transform: rotate(360deg);
7549
+ }
7550
+ }
7551
+ @keyframes pf-v6-c-spinner-animation-dash {
7552
+ 0% {
7553
+ stroke-dashoffset: 280;
7554
+ transform: rotate(0);
7555
+ }
7556
+ 15% {
7557
+ stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
7558
+ }
7559
+ 40% {
7560
+ stroke-dasharray: 220;
7561
+ stroke-dashoffset: 150;
7562
+ }
7563
+ 100% {
7564
+ stroke-dashoffset: 280;
7565
+ transform: rotate(720deg);
7566
+ }
7567
+ }
7568
+ .pf-v6-c-badge {
7569
+ --pf-v6-c-badge--BorderColor: transparent;
7570
+ --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7571
+ --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
7572
+ --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
7573
+ --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
7574
+ --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7575
+ --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7576
+ --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7577
+ --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
7578
+ --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
7579
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7580
+ --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
7581
+ --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7582
+ --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7583
+ --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
7584
+ --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
7585
+ --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
7586
+ --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
7587
+ --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
7588
+ --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7589
+ }
7590
+
7591
+ .pf-v6-c-badge {
7592
+ position: relative;
7593
+ display: inline-block;
7594
+ min-width: var(--pf-v6-c-badge--MinWidth);
7595
+ padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
7596
+ padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
7597
+ font-size: var(--pf-v6-c-badge--FontSize);
7598
+ font-weight: var(--pf-v6-c-badge--FontWeight);
7599
+ color: var(--pf-v6-c-badge--Color);
7600
+ text-align: center;
7601
+ white-space: nowrap;
7602
+ background-color: var(--pf-v6-c-badge--BackgroundColor);
7603
+ border-radius: var(--pf-v6-c-badge--BorderRadius);
7604
+ }
7605
+
7606
+ .pf-v6-c-badge::after {
7607
+ position: absolute;
7608
+ inset: 0;
7609
+ pointer-events: none;
7610
+ content: "";
7611
+ border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
7612
+ border-radius: inherit;
7613
+ }
7614
+
7615
+ .pf-v6-c-badge.pf-m-read {
7616
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
7617
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
7618
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
7619
+ }
7620
+
7621
+ .pf-v6-c-badge.pf-m-unread {
7622
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
7623
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
7624
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
7625
+ }
7626
+
7627
+ .pf-v6-c-badge.pf-m-disabled {
7628
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
7629
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
7630
+ }
7631
+
7632
+ .pf-v6-c-badge.pf-m-disabled::after {
7633
+ border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
7634
+ }
7635
+
7636
+ .pf-v6-c-badge__toggle-icon {
7637
+ margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
7638
+ color: var(--pf-v6-c-badge__toggle-icon--Color);
7639
7639
  }