@patternfly/react-table 6.3.0-prerelease.1 → 6.3.0-prerelease.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/CHANGELOG.md +40 -0
  2. package/components/package.json +1 -1
  3. package/deprecated/package.json +1 -1
  4. package/dist/dynamic/components/Table/package.json +1 -1
  5. package/dist/dynamic/components/Table/utils/decorators/package.json +1 -1
  6. package/dist/dynamic/components/Table/utils/package.json +1 -1
  7. package/dist/dynamic/deprecated/components/Table/base/package.json +1 -1
  8. package/dist/dynamic/deprecated/components/Table/package.json +1 -1
  9. package/dist/dynamic/deprecated/components/package.json +1 -1
  10. package/dist/esm/demos/DashboardWrapper.js +1 -1
  11. package/dist/esm/demos/DashboardWrapper.js.map +1 -1
  12. package/dist/esm/demos/sampleData.d.ts.map +1 -1
  13. package/dist/esm/demos/sampleData.js +359 -360
  14. package/dist/esm/demos/sampleData.js.map +1 -1
  15. package/dist/js/demos/DashboardWrapper.js +1 -1
  16. package/dist/js/demos/DashboardWrapper.js.map +1 -1
  17. package/dist/js/demos/sampleData.d.ts.map +1 -1
  18. package/dist/js/demos/sampleData.js +359 -360
  19. package/dist/js/demos/sampleData.js.map +1 -1
  20. package/dist/umd/assets/{output-1dQkM85p.css → output-DYt1pkXO.css} +918 -918
  21. package/package.json +3 -3
  22. package/src/components/Table/examples/TableMisc.tsx +0 -1
  23. package/src/demos/DashboardWrapper.tsx +2 -2
  24. package/src/demos/examples/TableBulkSelect.tsx +1 -1
  25. package/src/demos/examples/TableColumnManagement.tsx +1 -1
  26. package/src/demos/examples/TableColumnManagementWithDraggable.tsx +1 -1
  27. package/src/demos/examples/TableCompact.tsx +1 -1
  28. package/src/demos/examples/TableCompoundExpansion.tsx +1 -1
  29. package/src/demos/examples/TableEmptyStateDefault.tsx +1 -1
  30. package/src/demos/examples/TableEmptyStateError.tsx +1 -1
  31. package/src/demos/examples/TableEmptyStateLoading.tsx +1 -1
  32. package/src/demos/examples/TableExpandCollapseAll.tsx +1 -0
  33. package/src/demos/examples/TableSortableResponsive.tsx +3 -2
  34. package/src/demos/examples/TableStaticBottomPagination.tsx +1 -1
  35. package/src/demos/examples/TableStickyFirstColumn.tsx +5 -1
  36. package/src/demos/examples/TableStickyHeader.tsx +1 -1
  37. package/src/demos/sampleData.tsx +359 -361
  38. package/src/deprecated/components/Table/examples/LegacyTableMisc.tsx +0 -1
@@ -971,166 +971,6 @@ 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-inline-edit {
975
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
976
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
977
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
978
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
979
- --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
980
- --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
981
- }
982
-
983
- .pf-v6-c-inline-edit__group {
984
- display: flex;
985
- align-items: baseline;
986
- }
987
-
988
- .pf-v6-c-inline-edit__group > * {
989
- margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
990
- }
991
-
992
- .pf-v6-c-inline-edit__group.pf-m-icon-group {
993
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
994
- }
995
-
996
- .pf-v6-c-inline-edit__group.pf-m-footer {
997
- margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
998
- }
999
-
1000
- .pf-v6-c-inline-edit__group.pf-m-column {
1001
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
1002
- flex-direction: column;
1003
- }
1004
-
1005
- .pf-v6-c-inline-edit__group > :last-child {
1006
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
1007
- }
1008
-
1009
- .pf-v6-c-inline-edit__input {
1010
- flex: 1;
1011
- }
1012
-
1013
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
1014
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
1015
- }
1016
-
1017
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
1018
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
1019
- }
1020
-
1021
- .pf-v6-c-inline-edit__input,
1022
- .pf-v6-c-inline-edit__action,
1023
- .pf-v6-c-inline-edit__group.pf-m-action-group {
1024
- display: none;
1025
- }
1026
-
1027
- .pf-v6-c-inline-edit__action.pf-m-enable-editable {
1028
- display: inline-block;
1029
- }
1030
-
1031
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
1032
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
1033
- display: block;
1034
- }
1035
-
1036
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
1037
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
1038
- display: inline-block;
1039
- }
1040
-
1041
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
1042
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
1043
- display: inline-flex;
1044
- }
1045
-
1046
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
1047
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
1048
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
1049
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
1050
- display: none;
1051
- }
1052
-
1053
- .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
1054
- margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
1055
- margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
1056
- }
1057
-
1058
- .pf-v6-c-inline-edit__label.pf-m-bold {
1059
- font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
1060
- }
1061
-
1062
- .pf-v6-c-inline-edit__editable-text br {
1063
- display: none;
1064
- }
1065
-
1066
- .pf-v6-c-table {
1067
- --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
1068
- --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
1069
- --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
1070
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
1071
- --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
1072
- --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
1073
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
1074
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
1075
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
1076
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
1077
- --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
1078
- --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
1079
- --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
1080
- }
1081
-
1082
- .pf-v6-c-table .pf-v6-c-table__sticky-cell {
1083
- position: sticky;
1084
- inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
1085
- inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
1086
- z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
1087
- min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
1088
- }
1089
-
1090
- .pf-v6-c-table__sticky-cell {
1091
- --pf-v6-c-table--cell--Overflow: visible;
1092
- --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
1093
- background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
1094
- background-clip: padding-box;
1095
- }
1096
-
1097
- .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
1098
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
1099
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
1100
- }
1101
-
1102
- .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
1103
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
1104
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
1105
- }
1106
-
1107
- .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
1108
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
1109
- }
1110
-
1111
- .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
1112
- --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
1113
- }
1114
-
1115
- .pf-v6-c-scroll-outer-wrapper {
1116
- --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
1117
- --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
1118
- display: flex;
1119
- flex-direction: column;
1120
- max-width: 100%;
1121
- min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
1122
- max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
1123
- overflow: hidden;
1124
- }
1125
-
1126
- .pf-v6-c-scroll-inner-wrapper {
1127
- display: flex;
1128
- flex-direction: column;
1129
- max-width: 100%;
1130
- max-height: 100%;
1131
- overflow: auto;
1132
- }
1133
-
1134
974
  .pf-v6-c-table {
1135
975
  --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));
1136
976
  --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));
@@ -2530,87 +2370,394 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
2530
2370
  }
2531
2371
 
2532
2372
  .pf-v6-c-table {
2533
- --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
2534
- --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
2535
- --pf-v6-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
2536
- --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
2537
- --pf-v6-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--clicked);
2538
- --pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
2539
- --pf-v6-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
2540
- --pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth: var(--pf-v6-c-table__tbody--responsive--border-width--base);
2541
- --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
2542
- --pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
2543
- --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
2544
- --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
2545
- --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2546
- --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
2547
- --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2548
- --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
2549
- --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
2550
- --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart: var(--pf-t--global--spacer--lg);
2551
- --pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: 0;
2552
- --pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: transparent;
2553
- --pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__expandable-row--after--border-width--base);
2554
- --pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartColor: var(--pf-t--global--border--color--clicked);
2555
- --pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__expandable-row--after--border-width--base);
2556
- --pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartColor: var(--pf-t--global--border--color--clicked);
2557
- --pf-v6-c-table--m-grid--cell--hidden-visible--Display: grid;
2558
- --pf-v6-c-table--m-grid--cell--PaddingBlockStart: 0;
2559
- --pf-v6-c-table--m-grid--cell--PaddingInlineEnd: 0;
2560
- --pf-v6-c-table--m-grid--cell--PaddingBlockEnd: 0;
2561
- --pf-v6-c-table--m-grid--cell--PaddingInlineStart: 0;
2562
- --pf-v6-c-table-td--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
2563
- --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
2564
- --pf-v6-c-table--cell--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
2565
- --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
2566
- --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
2567
- --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
2568
- --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
2569
- --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
2570
- --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
2571
- --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
2572
- --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
2573
- --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
2574
- --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
2575
- --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
2576
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
2577
- --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
2578
- --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2579
- --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
2580
- --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
2581
- --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
2582
- --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
2583
- --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
2584
- --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
2585
- --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));
2586
- --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
2587
- --pf-v6-c-table__toggle__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
2588
- --pf-v6-c-table__toggle__icon--Transition: transform var(--pf-v6-c-table__toggle__icon--TransitionDuration) var(--pf-v6-c-table__toggle__icon--TransitionTimingFunction);
2589
- --pf-v6-c-table__toggle--m-expanded__icon--Rotate: 180deg;
2373
+ --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
2374
+ --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
2375
+ --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
2376
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
2377
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
2378
+ --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2379
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
2380
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
2381
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
2382
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
2383
+ --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
2384
+ --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
2385
+ --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
2590
2386
  }
2591
2387
 
2592
- .pf-m-grid.pf-v6-c-table {
2593
- --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
2594
- --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
2595
- --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
2596
- --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
2597
- --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
2598
- --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
2599
- --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
2600
- --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
2601
- --pf-v6-c-table__favorite--c-button--MarginInlineStart: auto;
2602
- display: grid;
2603
- border: none;
2388
+ .pf-v6-c-table .pf-v6-c-table__sticky-cell {
2389
+ position: sticky;
2390
+ inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
2391
+ inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
2392
+ z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
2393
+ min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
2604
2394
  }
2605
2395
 
2606
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
2607
- width: auto;
2608
- min-width: 0;
2609
- max-width: none;
2610
- overflow: visible;
2611
- text-overflow: clip;
2612
- white-space: normal;
2613
- }
2396
+ .pf-v6-c-table__sticky-cell {
2397
+ --pf-v6-c-table--cell--Overflow: visible;
2398
+ --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
2399
+ background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
2400
+ background-clip: padding-box;
2401
+ }
2402
+
2403
+ .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
2404
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
2405
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
2406
+ }
2407
+
2408
+ .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
2409
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
2410
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
2411
+ }
2412
+
2413
+ .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
2414
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
2415
+ }
2416
+
2417
+ .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
2418
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
2419
+ }
2420
+
2421
+ .pf-v6-c-scroll-outer-wrapper {
2422
+ --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
2423
+ --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
2424
+ display: flex;
2425
+ flex-direction: column;
2426
+ max-width: 100%;
2427
+ min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
2428
+ max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
2429
+ overflow: hidden;
2430
+ }
2431
+
2432
+ .pf-v6-c-scroll-inner-wrapper {
2433
+ display: flex;
2434
+ flex-direction: column;
2435
+ max-width: 100%;
2436
+ max-height: 100%;
2437
+ overflow: auto;
2438
+ }
2439
+
2440
+ .pf-v6-u-screen-reader {
2441
+ position: fixed;
2442
+ inset-block-start: 0;
2443
+ inset-inline-start: 0;
2444
+ overflow: hidden;
2445
+ clip: rect(0, 0, 0, 0);
2446
+ white-space: nowrap;
2447
+ border: 0;
2448
+ }
2449
+
2450
+ .pf-v6-u-visible {
2451
+ position: static;
2452
+ overflow: visible;
2453
+ clip: auto;
2454
+ white-space: normal;
2455
+ border: inherit;
2456
+ }
2457
+
2458
+ .pf-v6-u-hidden {
2459
+ display: none !important;
2460
+ }
2461
+
2462
+ @media screen and (min-width: 36rem) {
2463
+ .pf-v6-u-screen-reader-on-sm {
2464
+ position: fixed;
2465
+ inset-block-start: 0;
2466
+ inset-inline-start: 0;
2467
+ overflow: hidden;
2468
+ clip: rect(0, 0, 0, 0);
2469
+ white-space: nowrap;
2470
+ border: 0;
2471
+ }
2472
+ }
2473
+ @media screen and (min-width: 36rem) {
2474
+ .pf-v6-u-visible-on-sm {
2475
+ position: static;
2476
+ overflow: visible;
2477
+ clip: auto;
2478
+ white-space: normal;
2479
+ border: inherit;
2480
+ }
2481
+ }
2482
+ @media screen and (min-width: 36rem) {
2483
+ .pf-v6-u-hidden-on-sm {
2484
+ display: none !important;
2485
+ }
2486
+ }
2487
+ @media screen and (min-width: 48rem) {
2488
+ .pf-v6-u-screen-reader-on-md {
2489
+ position: fixed;
2490
+ inset-block-start: 0;
2491
+ inset-inline-start: 0;
2492
+ overflow: hidden;
2493
+ clip: rect(0, 0, 0, 0);
2494
+ white-space: nowrap;
2495
+ border: 0;
2496
+ }
2497
+ }
2498
+ @media screen and (min-width: 48rem) {
2499
+ .pf-v6-u-visible-on-md {
2500
+ position: static;
2501
+ overflow: visible;
2502
+ clip: auto;
2503
+ white-space: normal;
2504
+ border: inherit;
2505
+ }
2506
+ }
2507
+ @media screen and (min-width: 48rem) {
2508
+ .pf-v6-u-hidden-on-md {
2509
+ display: none !important;
2510
+ }
2511
+ }
2512
+ @media screen and (min-width: 62rem) {
2513
+ .pf-v6-u-screen-reader-on-lg {
2514
+ position: fixed;
2515
+ inset-block-start: 0;
2516
+ inset-inline-start: 0;
2517
+ overflow: hidden;
2518
+ clip: rect(0, 0, 0, 0);
2519
+ white-space: nowrap;
2520
+ border: 0;
2521
+ }
2522
+ }
2523
+ @media screen and (min-width: 62rem) {
2524
+ .pf-v6-u-visible-on-lg {
2525
+ position: static;
2526
+ overflow: visible;
2527
+ clip: auto;
2528
+ white-space: normal;
2529
+ border: inherit;
2530
+ }
2531
+ }
2532
+ @media screen and (min-width: 62rem) {
2533
+ .pf-v6-u-hidden-on-lg {
2534
+ display: none !important;
2535
+ }
2536
+ }
2537
+ @media screen and (min-width: 75rem) {
2538
+ .pf-v6-u-screen-reader-on-xl {
2539
+ position: fixed;
2540
+ inset-block-start: 0;
2541
+ inset-inline-start: 0;
2542
+ overflow: hidden;
2543
+ clip: rect(0, 0, 0, 0);
2544
+ white-space: nowrap;
2545
+ border: 0;
2546
+ }
2547
+ }
2548
+ @media screen and (min-width: 75rem) {
2549
+ .pf-v6-u-visible-on-xl {
2550
+ position: static;
2551
+ overflow: visible;
2552
+ clip: auto;
2553
+ white-space: normal;
2554
+ border: inherit;
2555
+ }
2556
+ }
2557
+ @media screen and (min-width: 75rem) {
2558
+ .pf-v6-u-hidden-on-xl {
2559
+ display: none !important;
2560
+ }
2561
+ }
2562
+ @media screen and (min-width: 90.625rem) {
2563
+ .pf-v6-u-screen-reader-on-2xl {
2564
+ position: fixed;
2565
+ inset-block-start: 0;
2566
+ inset-inline-start: 0;
2567
+ overflow: hidden;
2568
+ clip: rect(0, 0, 0, 0);
2569
+ white-space: nowrap;
2570
+ border: 0;
2571
+ }
2572
+ }
2573
+ @media screen and (min-width: 90.625rem) {
2574
+ .pf-v6-u-visible-on-2xl {
2575
+ position: static;
2576
+ overflow: visible;
2577
+ clip: auto;
2578
+ white-space: normal;
2579
+ border: inherit;
2580
+ }
2581
+ }
2582
+ @media screen and (min-width: 90.625rem) {
2583
+ .pf-v6-u-hidden-on-2xl {
2584
+ display: none !important;
2585
+ }
2586
+ }
2587
+ .pf-v6-c-inline-edit {
2588
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
2589
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
2590
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
2591
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
2592
+ --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
2593
+ --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
2594
+ }
2595
+
2596
+ .pf-v6-c-inline-edit__group {
2597
+ display: flex;
2598
+ align-items: baseline;
2599
+ }
2600
+
2601
+ .pf-v6-c-inline-edit__group > * {
2602
+ margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
2603
+ }
2604
+
2605
+ .pf-v6-c-inline-edit__group.pf-m-icon-group {
2606
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
2607
+ }
2608
+
2609
+ .pf-v6-c-inline-edit__group.pf-m-footer {
2610
+ margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
2611
+ }
2612
+
2613
+ .pf-v6-c-inline-edit__group.pf-m-column {
2614
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
2615
+ flex-direction: column;
2616
+ }
2617
+
2618
+ .pf-v6-c-inline-edit__group > :last-child {
2619
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
2620
+ }
2621
+
2622
+ .pf-v6-c-inline-edit__input {
2623
+ flex: 1;
2624
+ }
2625
+
2626
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
2627
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
2628
+ }
2629
+
2630
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
2631
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
2632
+ }
2633
+
2634
+ .pf-v6-c-inline-edit__input,
2635
+ .pf-v6-c-inline-edit__action,
2636
+ .pf-v6-c-inline-edit__group.pf-m-action-group {
2637
+ display: none;
2638
+ }
2639
+
2640
+ .pf-v6-c-inline-edit__action.pf-m-enable-editable {
2641
+ display: inline-block;
2642
+ }
2643
+
2644
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
2645
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
2646
+ display: block;
2647
+ }
2648
+
2649
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
2650
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
2651
+ display: inline-block;
2652
+ }
2653
+
2654
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
2655
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
2656
+ display: inline-flex;
2657
+ }
2658
+
2659
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
2660
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
2661
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
2662
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
2663
+ display: none;
2664
+ }
2665
+
2666
+ .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
2667
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
2668
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
2669
+ }
2670
+
2671
+ .pf-v6-c-inline-edit__label.pf-m-bold {
2672
+ font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
2673
+ }
2674
+
2675
+ .pf-v6-c-inline-edit__editable-text br {
2676
+ display: none;
2677
+ }
2678
+
2679
+ .pf-v6-c-table {
2680
+ --pf-v6-c-table--responsive--BorderColor: var(--pf-t--global--border--color--default);
2681
+ --pf-v6-c-table__tbody--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
2682
+ --pf-v6-c-table__tbody--after--border-width--base: var(--pf-t--global--border--width--extra-strong);
2683
+ --pf-v6-c-table__tbody--after--BorderInlineStartWidth: 0;
2684
+ --pf-v6-c-table__tbody--after--BorderColor: var(--pf-t--global--border--color--clicked);
2685
+ --pf-v6-c-table__tbody--responsive--m-expandable--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
2686
+ --pf-v6-c-table__tr--responsive--border-width--base: var(--pf-t--global--border--width--divider--default);
2687
+ --pf-v6-c-table__tr--responsive--last-child--BorderBlockEndWidth: var(--pf-v6-c-table__tbody--responsive--border-width--base);
2688
+ --pf-v6-c-table__tr--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
2689
+ --pf-v6-c-table__tr--responsive--MarginBlockStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
2690
+ --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
2691
+ --pf-v6-c-table__tr--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
2692
+ --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--md);
2693
+ --pf-v6-c-table__tr--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
2694
+ --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockStart: var(--pf-t--global--spacer--xl);
2695
+ --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
2696
+ --pf-v6-c-table__tr--responsive--nested-table--PaddingBlockEnd: var(--pf-t--global--spacer--xl);
2697
+ --pf-v6-c-table__tr--responsive--nested-table--PaddingInlineStart: var(--pf-t--global--spacer--lg);
2698
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartWidth: 0;
2699
+ --pf-v6-c-table__tbody--after__tr--BorderInlineStartColor: transparent;
2700
+ --pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__expandable-row--after--border-width--base);
2701
+ --pf-v6-c-table__tbody--m-expanded--after__tr--BorderInlineStartColor: var(--pf-t--global--border--color--clicked);
2702
+ --pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartWidth: var(--pf-v6-c-table__expandable-row--after--border-width--base);
2703
+ --pf-v6-c-table__tbody--m-selected--after__tr--BorderInlineStartColor: var(--pf-t--global--border--color--clicked);
2704
+ --pf-v6-c-table--m-grid--cell--hidden-visible--Display: grid;
2705
+ --pf-v6-c-table--m-grid--cell--PaddingBlockStart: 0;
2706
+ --pf-v6-c-table--m-grid--cell--PaddingInlineEnd: 0;
2707
+ --pf-v6-c-table--m-grid--cell--PaddingBlockEnd: 0;
2708
+ --pf-v6-c-table--m-grid--cell--PaddingInlineStart: 0;
2709
+ --pf-v6-c-table-td--responsive--GridColumnGap: var(--pf-t--global--spacer--md);
2710
+ --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-t--global--spacer--md);
2711
+ --pf-v6-c-table--cell--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
2712
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
2713
+ --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
2714
+ --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
2715
+ --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
2716
+ --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
2717
+ --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
2718
+ --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
2719
+ --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
2720
+ --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
2721
+ --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
2722
+ --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
2723
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
2724
+ --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
2725
+ --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
2726
+ --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
2727
+ --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
2728
+ --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
2729
+ --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
2730
+ --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
2731
+ --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
2732
+ --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));
2733
+ --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
2734
+ --pf-v6-c-table__toggle__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
2735
+ --pf-v6-c-table__toggle__icon--Transition: transform var(--pf-v6-c-table__toggle__icon--TransitionDuration) var(--pf-v6-c-table__toggle__icon--TransitionTimingFunction);
2736
+ --pf-v6-c-table__toggle--m-expanded__icon--Rotate: 180deg;
2737
+ }
2738
+
2739
+ .pf-m-grid.pf-v6-c-table {
2740
+ --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-grid--cell--PaddingBlockStart);
2741
+ --pf-v6-c-table--cell--PaddingInlineEnd: var(--pf-v6-c-table--m-grid--cell--PaddingInlineEnd);
2742
+ --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-grid--cell--PaddingBlockEnd);
2743
+ --pf-v6-c-table--cell--PaddingInlineStart: var(--pf-v6-c-table--m-grid--cell--PaddingInlineStart);
2744
+ --pf-v6-c-table--cell--first-last-child--PaddingInline: 0;
2745
+ --pf-v6-c-table__favorite--c-button--MarginBlockStart: auto;
2746
+ --pf-v6-c-table__favorite--c-button--MarginInlineEnd: auto;
2747
+ --pf-v6-c-table__favorite--c-button--MarginBlockEnd: auto;
2748
+ --pf-v6-c-table__favorite--c-button--MarginInlineStart: auto;
2749
+ display: grid;
2750
+ border: none;
2751
+ }
2752
+
2753
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr) > :where(th, td) {
2754
+ width: auto;
2755
+ min-width: 0;
2756
+ max-width: none;
2757
+ overflow: visible;
2758
+ text-overflow: clip;
2759
+ white-space: normal;
2760
+ }
2614
2761
 
2615
2762
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__text {
2616
2763
  position: relative;
@@ -4156,153 +4303,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4156
4303
  --pf-v6-c-table--cell--Width: auto;
4157
4304
  }
4158
4305
  }
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;
4167
- }
4168
-
4169
- .pf-v6-u-visible {
4170
- position: static;
4171
- overflow: visible;
4172
- clip: auto;
4173
- white-space: normal;
4174
- border: inherit;
4175
- }
4176
-
4177
- .pf-v6-u-hidden {
4178
- display: none !important;
4179
- }
4180
-
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;
4190
- }
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;
4199
- }
4200
- }
4201
- @media screen and (min-width: 36rem) {
4202
- .pf-v6-u-hidden-on-sm {
4203
- display: none !important;
4204
- }
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;
4215
- }
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;
4224
- }
4225
- }
4226
- @media screen and (min-width: 48rem) {
4227
- .pf-v6-u-hidden-on-md {
4228
- display: none !important;
4229
- }
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;
4240
- }
4241
- }
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;
4249
- }
4250
- }
4251
- @media screen and (min-width: 62rem) {
4252
- .pf-v6-u-hidden-on-lg {
4253
- display: none !important;
4254
- }
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;
4265
- }
4266
- }
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;
4274
- }
4275
- }
4276
- @media screen and (min-width: 75rem) {
4277
- .pf-v6-u-hidden-on-xl {
4278
- display: none !important;
4279
- }
4280
- }
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;
4290
- }
4291
- }
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;
4299
- }
4300
- }
4301
- @media screen and (min-width: 90.625rem) {
4302
- .pf-v6-u-hidden-on-2xl {
4303
- display: none !important;
4304
- }
4305
- }
4306
4306
  .pf-v6-c-tooltip {
4307
4307
  --pf-v6-c-tooltip--MaxWidth: 18.75rem;
4308
4308
  --pf-v6-c-tooltip--BoxShadow: var(--pf-t--global--box-shadow--md);
@@ -4439,36 +4439,86 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4439
4439
  pointer-events: none;
4440
4440
  }
4441
4441
 
4442
- .pf-v6-c-action-list {
4443
- --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
4444
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
4445
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
4446
- --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
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%);
4457
+ }
4458
+
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);
4464
+ }
4465
+
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);
4470
+ }
4471
+
4472
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
4473
+ align-self: center;
4474
+ transform: none;
4475
+ }
4476
+
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));
4482
+ }
4483
+
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);
4489
+ }
4490
+
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);
4447
4495
  }
4448
4496
 
4449
- .pf-v6-c-action-list,
4450
- .pf-v6-c-action-list__group {
4451
- display: flex;
4452
- align-items: start;
4497
+ .pf-v6-c-check__body {
4498
+ grid-column: 2;
4453
4499
  }
4454
4500
 
4455
- .pf-v6-c-action-list {
4456
- row-gap: var(--pf-v6-c-action-list--RowGap);
4457
- column-gap: var(--pf-v6-c-action-list--ColumnGap);
4501
+ .pf-v6-c-check__label,
4502
+ .pf-v6-c-check__input {
4503
+ justify-self: start;
4458
4504
  }
4459
4505
 
4460
- .pf-v6-c-action-list.pf-m-icons {
4461
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
4462
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
4506
+ label.pf-v6-c-check, .pf-v6-c-check__label,
4507
+ .pf-v6-c-check__input {
4508
+ cursor: pointer;
4463
4509
  }
4464
4510
 
4465
- .pf-v6-c-action-list__group {
4466
- row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
4467
- column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
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;
4468
4516
  }
4469
4517
 
4470
- .pf-v6-c-action-list__group.pf-m-icons {
4471
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
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);
4472
4522
  }
4473
4523
 
4474
4524
  .pf-v6-c-menu-toggle {
@@ -5550,459 +5600,189 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5550
5600
 
5551
5601
  .pf-v6-c-button.pf-m-block {
5552
5602
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
5553
- width: var(--pf-v6-c-button--m-block--Width);
5554
- }
5555
-
5556
- .pf-v6-c-button.pf-m-small {
5557
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
5558
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-small--PaddingInlineEnd);
5559
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-small--PaddingBlockEnd);
5560
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-small--PaddingInlineStart);
5561
- }
5562
-
5563
- .pf-v6-c-button.pf-m-display-lg {
5564
- --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-display-lg--PaddingBlockStart);
5565
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-display-lg--PaddingInlineEnd);
5566
- --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
5567
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
5568
- --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
5569
- }
5570
-
5571
- .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
5572
- transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
5573
- transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
5574
- transition-property: color;
5575
- }
5576
-
5577
- .pf-v6-c-button.pf-m-favorited {
5578
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
5579
- --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
5580
- }
5581
-
5582
- .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
5583
- animation-name: pf-v6-c-button-icon-favorited;
5584
- animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
5585
- animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
5586
- }
5587
-
5588
- .pf-v6-c-button:hover, .pf-v6-c-button:focus {
5589
- --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
5590
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
5591
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
5592
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
5593
- --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
5594
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
5595
- text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
5596
- text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
5597
- text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
5598
- }
5599
-
5600
- .pf-v6-c-button.pf-m-clicked {
5601
- --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
5602
- --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
5603
- --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
5604
- --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
5605
- --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
5606
- }
5607
-
5608
- .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
5609
- pointer-events: none;
5610
- }
5611
-
5612
- .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
5613
- color: var(--pf-v6-c-button--disabled--Color);
5614
- text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
5615
- background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
5616
- }
5617
-
5618
- .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
5619
- border-color: transparent;
5620
- }
5621
-
5622
- .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 {
5623
- color: var(--pf-v6-c-button--disabled__icon--Color);
5624
- }
5625
-
5626
- .pf-v6-c-button.pf-m-aria-disabled {
5627
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
5628
- --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
5629
- cursor: default;
5630
- }
5631
-
5632
- .pf-v6-c-button.pf-m-progress {
5633
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
5634
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
5635
- }
5636
-
5637
- .pf-v6-c-button.pf-m-in-progress {
5638
- --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
5639
- }
5640
-
5641
- .pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
5642
- --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
5643
- --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
5644
- }
5645
-
5646
- .pf-v6-c-button.pf-m-in-progress.pf-m-plain {
5647
- --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
5648
- --pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
5649
- }
5650
-
5651
- .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
5652
- opacity: 0;
5653
- }
5654
-
5655
- .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
5656
- animation-name: pf-v6-c-button-icon-notify;
5657
- animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
5658
- animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
5659
- }
5660
-
5661
- .pf-v6-c-button__icon {
5662
- margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
5663
- margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
5664
- color: var(--pf-v6-c-button__icon--Color);
5665
- }
5666
-
5667
- .pf-v6-c-button__icon.pf-m-start {
5668
- --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
5669
- }
5670
-
5671
- .pf-v6-c-button__icon.pf-m-end {
5672
- --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
5673
- }
5674
-
5675
- .pf-v6-c-button__progress {
5676
- position: absolute;
5677
- inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
5678
- inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
5679
- line-height: 1;
5680
- color: var(--pf-v6-c-button__progress--Color);
5681
- transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
5682
- }
5683
-
5684
- .pf-v6-c-button__progress .pf-v6-c-spinner {
5685
- --pf-v6-c-spinner--Color: currentcolor;
5686
- }
5687
-
5688
- .pf-v6-c-button__count {
5689
- display: inline-flex;
5690
- align-items: center;
5691
- }
5692
-
5693
- @keyframes pf-v6-c-button-icon-notify {
5694
- 33% {
5695
- transform: rotate(30deg);
5696
- }
5697
- 66% {
5698
- transform: rotate(-60deg);
5699
- }
5700
- }
5701
- @keyframes pf-v6-c-button-icon-favorited {
5702
- 50% {
5703
- transform: scale(1.5);
5704
- }
5705
- }
5706
- .pf-v6-c-check {
5707
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
5708
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
5709
- --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
5710
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
5711
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
5712
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
5713
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
5714
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
5715
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
5716
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
5717
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
5718
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
5719
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
5720
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
5721
- }
5722
-
5723
- .pf-v6-c-check {
5724
- display: grid;
5725
- grid-template-columns: auto 1fr;
5726
- grid-gap: var(--pf-v6-c-check--GridGap);
5727
- accent-color: var(--pf-v6-c-check--AccentColor);
5728
- }
5729
-
5730
- .pf-v6-c-check.pf-m-standalone {
5731
- display: inline-grid;
5732
- grid-template-columns: auto;
5733
- min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
5734
- }
5735
-
5736
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
5737
- align-self: center;
5738
- transform: none;
5739
- }
5740
-
5741
- .pf-v6-c-check__input {
5742
- align-self: start;
5743
- font-size: var(--pf-v6-c-check__label--FontSize);
5744
- line-height: var(--pf-v6-c-check__label--LineHeight);
5745
- transform: translateY(var(--pf-v6-c-check__input--TranslateY));
5746
- }
5747
-
5748
- .pf-v6-c-check__label {
5749
- font-size: var(--pf-v6-c-check__label--FontSize);
5750
- font-weight: var(--pf-v6-c-check__label--FontWeight);
5751
- line-height: var(--pf-v6-c-check__label--LineHeight);
5752
- color: var(--pf-v6-c-check__label--Color);
5753
- }
5754
-
5755
- .pf-v6-c-check__description {
5756
- grid-column: 2;
5757
- font-size: var(--pf-v6-c-check__description--FontSize);
5758
- color: var(--pf-v6-c-check__description--Color);
5759
- }
5760
-
5761
- .pf-v6-c-check__body {
5762
- grid-column: 2;
5603
+ width: var(--pf-v6-c-button--m-block--Width);
5763
5604
  }
5764
5605
 
5765
- .pf-v6-c-check__label,
5766
- .pf-v6-c-check__input {
5767
- justify-self: start;
5606
+ .pf-v6-c-button.pf-m-small {
5607
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
5608
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-small--PaddingInlineEnd);
5609
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-small--PaddingBlockEnd);
5610
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-small--PaddingInlineStart);
5768
5611
  }
5769
5612
 
5770
- label.pf-v6-c-check, .pf-v6-c-check__label,
5771
- .pf-v6-c-check__input {
5772
- cursor: pointer;
5613
+ .pf-v6-c-button.pf-m-display-lg {
5614
+ --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-display-lg--PaddingBlockStart);
5615
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-display-lg--PaddingInlineEnd);
5616
+ --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-button--m-display-lg--PaddingBlockEnd);
5617
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-display-lg--PaddingInlineStart);
5618
+ --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-display-lg--FontSize);
5773
5619
  }
5774
5620
 
5775
- .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
5776
- .pf-v6-c-check__input:disabled,
5777
- .pf-v6-c-check__input.pf-m-disabled {
5778
- --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
5779
- cursor: not-allowed;
5621
+ .pf-v6-c-button.pf-m-favorite .pf-v6-c-button__icon {
5622
+ transition-timing-function: var(--pf-v6-c-button--m-favorite__icon--TransitionTimingFunction);
5623
+ transition-duration: var(--pf-v6-c-button--m-favorite__icon--TransitionDuration);
5624
+ transition-property: color;
5780
5625
  }
5781
5626
 
5782
- .pf-v6-c-check__label-required {
5783
- margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
5784
- font-size: var(--pf-v6-c-check__label-required--FontSize);
5785
- color: var(--pf-v6-c-check__label-required--Color);
5627
+ .pf-v6-c-button.pf-m-favorited {
5628
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-favorited__icon--Color);
5629
+ --pf-v6-c-button--hover__icon--Color: var(--pf-v6-c-button--m-favorited--hover__icon--Color);
5786
5630
  }
5787
5631
 
5788
- .pf-v6-c-popover {
5789
- --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
5790
- --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
5791
- --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
5792
- --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
5793
- --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
5794
- --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
5795
- --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
5796
- --pf-v6-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
5797
- --pf-v6-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
5798
- --pf-v6-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
5799
- --pf-v6-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5800
- --pf-v6-c-popover__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
5801
- --pf-v6-c-popover__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
5802
- --pf-v6-c-popover__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
5803
- --pf-v6-c-popover__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
5804
- --pf-v6-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
5805
- --pf-v6-c-popover__arrow--Width: 0.9375rem;
5806
- --pf-v6-c-popover__arrow--Height: 0.9375rem;
5807
- --pf-v6-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
5808
- --pf-v6-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
5809
- --pf-v6-c-popover__arrow--m-top--TranslateX: -50%;
5810
- --pf-v6-c-popover__arrow--m-top--TranslateY: 50%;
5811
- --pf-v6-c-popover__arrow--m-top--Rotate: 45deg;
5812
- --pf-v6-c-popover__arrow--m-right--TranslateX: -50%;
5813
- --pf-v6-c-popover__arrow--m-right--TranslateY: -50%;
5814
- --pf-v6-c-popover__arrow--m-right--Rotate: 45deg;
5815
- --pf-v6-c-popover__arrow--m-bottom--TranslateX: -50%;
5816
- --pf-v6-c-popover__arrow--m-bottom--TranslateY: -50%;
5817
- --pf-v6-c-popover__arrow--m-bottom--Rotate: 45deg;
5818
- --pf-v6-c-popover__arrow--m-left--TranslateX: 50%;
5819
- --pf-v6-c-popover__arrow--m-left--TranslateY: -50%;
5820
- --pf-v6-c-popover__arrow--m-left--Rotate: 45deg;
5821
- --pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart: var(--pf-t--global--border--radius--medium);
5822
- --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
5823
- --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
5824
- --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
5825
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
5826
- --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
5827
- --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
5828
- --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
5829
- --pf-v6-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
5830
- --pf-v6-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
5831
- --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--default);
5832
- --pf-v6-c-popover__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
5833
- --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
5834
- --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
5835
- --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
5632
+ .pf-v6-c-button.pf-m-favorited .pf-v6-c-button__icon {
5633
+ animation-name: pf-v6-c-button-icon-favorited;
5634
+ animation-duration: var(--pf-v6-c-button--m-favorited__icon--AnimationDuration);
5635
+ animation-timing-function: var(--pf-v6-c-button--m-favorited__icon--AnimationTimingFunction);
5836
5636
  }
5837
5637
 
5838
- .pf-v6-c-popover {
5839
- position: relative;
5840
- min-width: var(--pf-v6-c-popover--MinWidth);
5841
- max-width: var(--pf-v6-c-popover--MaxWidth);
5842
- font-size: var(--pf-v6-c-popover--FontSize);
5843
- border-radius: var(--pf-v6-c-popover--BorderRadius);
5844
- box-shadow: var(--pf-v6-c-popover--BoxShadow);
5638
+ .pf-v6-c-button:hover, .pf-v6-c-button:focus {
5639
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--hover--Color);
5640
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--hover--BackgroundColor);
5641
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--hover--BorderColor);
5642
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--hover--BorderWidth);
5643
+ --pf-v6-c-button--m-plain--m-no-padding__icon--Color: var(--pf-v6-c-button--m-plain--m-no-padding--hover__icon--Color);
5644
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--hover__icon--Color);
5645
+ text-decoration-line: var(--pf-v6-c-button--hover--TextDecorationLine);
5646
+ text-decoration-style: var(--pf-v6-c-button--hover--TextDecorationStyle);
5647
+ text-decoration-color: var(--pf-v6-c-button--hover--TextDecorationColor);
5845
5648
  }
5846
5649
 
5847
- .pf-v6-c-popover.pf-m-no-padding {
5848
- --pf-v6-c-popover__content--PaddingBlockStart: 0px;
5849
- --pf-v6-c-popover__content--PaddingInlineEnd: 0px;
5850
- --pf-v6-c-popover__content--PaddingBlockEnd: 0px;
5851
- --pf-v6-c-popover__content--PaddingInlineStart: 0px;
5650
+ .pf-v6-c-button.pf-m-clicked {
5651
+ --pf-v6-c-button--Color: var(--pf-v6-c-button--m-clicked--Color);
5652
+ --pf-v6-c-button--BackgroundColor: var(--pf-v6-c-button--m-clicked--BackgroundColor);
5653
+ --pf-v6-c-button--BorderWidth: var(--pf-v6-c-button--m-clicked--BorderWidth);
5654
+ --pf-v6-c-button--BorderColor: var(--pf-v6-c-button--m-clicked--BorderColor);
5655
+ --pf-v6-c-button__icon--Color: var(--pf-v6-c-button--m-clicked__icon--Color);
5852
5656
  }
5853
5657
 
5854
- .pf-v6-c-popover.pf-m-width-auto {
5855
- --pf-v6-c-popover--MinWidth: auto;
5856
- --pf-v6-c-popover--MaxWidth: none;
5658
+ .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled {
5659
+ pointer-events: none;
5857
5660
  }
5858
5661
 
5859
- .pf-v6-c-popover:is(.pf-m-top,
5860
- .pf-m-top-left,
5861
- .pf-m-top-right) {
5862
- --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover--m-top--InsetBlockEnd, 0);
5863
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-top--InsetInlineStart, 50%);
5864
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-top--TranslateX);
5865
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
5866
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-top--Rotate);
5662
+ .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
5663
+ color: var(--pf-v6-c-button--disabled--Color);
5664
+ text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
5665
+ background-color: var(--pf-v6-c-button--disabled--BackgroundColor);
5867
5666
  }
5868
5667
 
5869
- .pf-v6-c-popover:is(.pf-m-bottom,
5870
- .pf-m-bottom-left,
5871
- .pf-m-bottom-right) {
5872
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-bottom--InsetBlockStart, 0);
5873
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-bottom--InsetInlineStart, 50%);
5874
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-bottom--TranslateX);
5875
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-bottom--TranslateY);
5876
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-bottom--Rotate);
5668
+ .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
5669
+ border-color: transparent;
5877
5670
  }
5878
5671
 
5879
- .pf-v6-c-popover:is(.pf-m-left,
5880
- .pf-m-left-top,
5881
- .pf-m-left-bottom) {
5882
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-left--InsetBlockStart, 50%);
5883
- --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover--m-left--InsetInlineEnd, 0);
5884
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
5885
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-left--TranslateY);
5886
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-left--Rotate);
5672
+ .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 {
5673
+ color: var(--pf-v6-c-button--disabled__icon--Color);
5887
5674
  }
5888
5675
 
5889
- .pf-v6-c-popover:is(.pf-m-right,
5890
- .pf-m-right-top,
5891
- .pf-m-right-bottom) {
5892
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-right--InsetBlockStart, 50%);
5893
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-right--InsetInlineStart, 0);
5894
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-right--TranslateX);
5895
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-right--TranslateY);
5896
- --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-right--Rotate);
5676
+ .pf-v6-c-button.pf-m-aria-disabled {
5677
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-v6-c-button--TextDecorationLine);
5678
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-v6-c-button--TextDecorationStyle);
5679
+ cursor: default;
5897
5680
  }
5898
5681
 
5899
- .pf-v6-c-popover:is(.pf-m-left-top,
5900
- .pf-m-right-top) {
5901
- --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart);
5902
- --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
5682
+ .pf-v6-c-button.pf-m-progress {
5683
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-progress--PaddingInlineEnd);
5684
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-progress--PaddingInlineStart);
5903
5685
  }
5904
5686
 
5905
- .pf-v6-c-popover:is(.pf-m-left-bottom,
5906
- .pf-m-right-bottom) {
5907
- --pf-v6-c-popover__arrow--InsetBlockStart: auto;
5908
- --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd);
5687
+ .pf-v6-c-button.pf-m-in-progress {
5688
+ --pf-v6-c-button--m-link--m-inline--PaddingInlineStart: var(--pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart);
5909
5689
  }
5910
5690
 
5911
- .pf-v6-c-popover:is(.pf-m-top-left,
5912
- .pf-m-bottom-left) {
5913
- --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
5914
- --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
5691
+ .pf-v6-c-button.pf-m-in-progress:not(.pf-m-plain) {
5692
+ --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-button--m-in-progress--PaddingInlineEnd);
5693
+ --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-button--m-in-progress--PaddingInlineStart);
5915
5694
  }
5916
5695
 
5917
- .pf-v6-c-popover:is(.pf-m-top-right,
5918
- .pf-m-bottom-right) {
5919
- --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
5920
- --pf-v6-c-popover__arrow--InsetInlineStart: auto;
5696
+ .pf-v6-c-button.pf-m-in-progress.pf-m-plain {
5697
+ --pf-v6-c-button__progress--InsetInlineStart: var(--pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart);
5698
+ --pf-v6-c-button__progress--TranslateX: var(--pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX);
5921
5699
  }
5922
5700
 
5923
- .pf-v6-c-popover.pf-m-danger {
5924
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
5701
+ .pf-v6-c-button.pf-m-in-progress.pf-m-plain > :not(.pf-v6-c-button__progress) {
5702
+ opacity: 0;
5925
5703
  }
5926
5704
 
5927
- .pf-v6-c-popover.pf-m-warning {
5928
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
5705
+ .pf-v6-c-button.pf-m-notify .pf-v6-c-button__icon {
5706
+ animation-name: pf-v6-c-button-icon-notify;
5707
+ animation-duration: var(--pf-v6-c-button--m-notify__icon--AnimationDuration--notify);
5708
+ animation-timing-function: var(--pf-v6-c-button--m-notify__icon--AnimationTimingFunction--notify);
5929
5709
  }
5930
5710
 
5931
- .pf-v6-c-popover.pf-m-success {
5932
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
5711
+ .pf-v6-c-button__icon {
5712
+ margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
5713
+ margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
5714
+ color: var(--pf-v6-c-button__icon--Color);
5933
5715
  }
5934
5716
 
5935
- .pf-v6-c-popover.pf-m-custom {
5936
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
5717
+ .pf-v6-c-button__icon.pf-m-start {
5718
+ --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
5937
5719
  }
5938
5720
 
5939
- .pf-v6-c-popover.pf-m-info {
5940
- --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
5721
+ .pf-v6-c-button__icon.pf-m-end {
5722
+ --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
5941
5723
  }
5942
5724
 
5943
- .pf-v6-c-popover__content {
5944
- position: relative;
5945
- padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
5946
- padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
5947
- padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
5948
- padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
5949
- background-color: var(--pf-v6-c-popover__content--BackgroundColor);
5950
- border-radius: var(--pf-v6-c-popover__content--BorderRadius);
5725
+ .pf-v6-c-button__progress {
5726
+ position: absolute;
5727
+ inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
5728
+ inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
5729
+ line-height: 1;
5730
+ color: var(--pf-v6-c-button__progress--Color);
5731
+ transform: translate(var(--pf-v6-c-button__progress--TranslateX), var(--pf-v6-c-button__progress--TranslateY));
5951
5732
  }
5952
5733
 
5953
- .pf-v6-c-popover__close {
5954
- position: absolute;
5955
- inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
5956
- inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
5734
+ .pf-v6-c-button__progress .pf-v6-c-spinner {
5735
+ --pf-v6-c-spinner--Color: currentcolor;
5957
5736
  }
5958
5737
 
5959
- .pf-v6-c-popover__close + * {
5960
- padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
5738
+ .pf-v6-c-button__count {
5739
+ display: inline-flex;
5740
+ align-items: center;
5961
5741
  }
5962
5742
 
5963
- .pf-v6-c-popover__arrow {
5964
- position: absolute;
5965
- top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
5966
- right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
5967
- bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
5968
- left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
5969
- width: var(--pf-v6-c-popover__arrow--Width);
5970
- height: var(--pf-v6-c-popover__arrow--Height);
5971
- pointer-events: none;
5972
- background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
5973
- box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
5974
- 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));
5743
+ @keyframes pf-v6-c-button-icon-notify {
5744
+ 33% {
5745
+ transform: rotate(30deg);
5746
+ }
5747
+ 66% {
5748
+ transform: rotate(-60deg);
5749
+ }
5975
5750
  }
5976
-
5977
- .pf-v6-c-popover__header {
5978
- margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
5751
+ @keyframes pf-v6-c-button-icon-favorited {
5752
+ 50% {
5753
+ transform: scale(1.5);
5754
+ }
5755
+ }
5756
+ .pf-v6-c-action-list {
5757
+ --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
5758
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
5759
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
5760
+ --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
5979
5761
  }
5980
5762
 
5981
- .pf-v6-c-popover__title {
5763
+ .pf-v6-c-action-list,
5764
+ .pf-v6-c-action-list__group {
5982
5765
  display: flex;
5983
- flex: 0 0 auto;
5766
+ align-items: start;
5984
5767
  }
5985
5768
 
5986
- .pf-v6-c-popover__title-icon {
5987
- margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
5988
- font-size: var(--pf-v6-c-popover__title-icon--FontSize);
5989
- color: var(--pf-v6-c-popover__title-icon--Color);
5769
+ .pf-v6-c-action-list {
5770
+ row-gap: var(--pf-v6-c-action-list--RowGap);
5771
+ column-gap: var(--pf-v6-c-action-list--ColumnGap);
5990
5772
  }
5991
5773
 
5992
- .pf-v6-c-popover__title-text {
5993
- min-width: 0;
5994
- font-size: var(--pf-v6-c-popover__title-text--FontSize);
5995
- font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
5996
- color: var(--pf-v6-c-popover__title-text--Color);
5997
- overflow-wrap: break-word;
5774
+ .pf-v6-c-action-list.pf-m-icons {
5775
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5776
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
5998
5777
  }
5999
5778
 
6000
- .pf-v6-c-popover__body {
6001
- word-wrap: break-word;
5779
+ .pf-v6-c-action-list__group {
5780
+ row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
5781
+ column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
6002
5782
  }
6003
5783
 
6004
- .pf-v6-c-popover__footer {
6005
- margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
5784
+ .pf-v6-c-action-list__group.pf-m-icons {
5785
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
6006
5786
  }
6007
5787
 
6008
5788
  .pf-v6-c-form-control {
@@ -6342,68 +6122,288 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6342
6122
  --pf-v6-c-form-control--PaddingInlineStart: calc(var(--pf-v6-c-form-control__select--PaddingInlineStart) - 4px);
6343
6123
  }
6344
6124
  }
6345
- .pf-v6-c-form-control.pf-m-placeholder > select {
6346
- --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
6125
+ .pf-v6-c-form-control.pf-m-placeholder > select {
6126
+ --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-placeholder--Color);
6127
+ }
6128
+
6129
+ .pf-v6-c-form-control.pf-m-placeholder > select * {
6130
+ color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
6131
+ }
6132
+
6133
+ .pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
6134
+ color: revert;
6135
+ }
6136
+
6137
+ .pf-v6-c-form-control > textarea {
6138
+ width: 100%;
6139
+ height: 100%;
6140
+ vertical-align: bottom;
6141
+ resize: none;
6142
+ }
6143
+
6144
+ .pf-v6-c-form-control.pf-m-resize-vertical {
6145
+ --pf-v6-c-form-control--Resize: vertical;
6146
+ overflow: auto;
6147
+ }
6148
+
6149
+ .pf-v6-c-form-control.pf-m-resize-horizontal {
6150
+ --pf-v6-c-form-control--Resize: horizontal;
6151
+ overflow: auto;
6152
+ }
6153
+
6154
+ .pf-v6-c-form-control.pf-m-resize-both {
6155
+ --pf-v6-c-form-control--Resize: both;
6156
+ overflow: auto;
6157
+ }
6158
+
6159
+ .pf-v6-c-form-control__icon {
6160
+ font-size: var(--pf-v6-c-form-control__icon--FontSize);
6161
+ color: var(--pf-v6-c-form-control__icon--Color);
6162
+ }
6163
+
6164
+ .pf-v6-c-form-control__icon.pf-m-status {
6165
+ --pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
6166
+ }
6167
+
6168
+ .pf-v6-c-form-control__toggle-icon {
6169
+ grid-row: 1/2;
6170
+ grid-column: 3;
6171
+ padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
6172
+ padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
6173
+ font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
6174
+ color: var(--pf-v6-c-form-control__toggle-icon--Color);
6175
+ pointer-events: none;
6176
+ }
6177
+
6178
+ .pf-v6-c-form-control__utilities {
6179
+ display: flex;
6180
+ flex-wrap: nowrap;
6181
+ grid-row: 1/2;
6182
+ grid-column: 2;
6183
+ gap: var(--pf-v6-c-form-control__utilities--Gap);
6184
+ padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
6185
+ padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
6186
+ pointer-events: none;
6187
+ }
6188
+
6189
+ .pf-v6-c-popover {
6190
+ --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
6191
+ --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
6192
+ --pf-v6-c-popover--MaxWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
6193
+ --pf-v6-c-popover--BoxShadow: var(--pf-t--global--box-shadow--md);
6194
+ --pf-v6-c-popover--BorderRadius: var(--pf-t--global--border--radius--medium);
6195
+ --pf-v6-c-popover--m-danger__title-icon--Color: var(--pf-t--global--icon--color--status--danger--default);
6196
+ --pf-v6-c-popover--m-warning__title-icon--Color: var(--pf-t--global--icon--color--status--warning--default);
6197
+ --pf-v6-c-popover--m-success__title-icon--Color: var(--pf-t--global--icon--color--status--success--default);
6198
+ --pf-v6-c-popover--m-info__title-icon--Color: var(--pf-t--global--icon--color--status--info--default);
6199
+ --pf-v6-c-popover--m-custom__title-icon--Color: var(--pf-t--global--icon--color--status--custom--default);
6200
+ --pf-v6-c-popover__content--BackgroundColor: var(--pf-t--global--background--color--floating--default);
6201
+ --pf-v6-c-popover__content--PaddingBlockStart: var(--pf-t--global--spacer--md);
6202
+ --pf-v6-c-popover__content--PaddingInlineEnd: var(--pf-t--global--spacer--md);
6203
+ --pf-v6-c-popover__content--PaddingBlockEnd: var(--pf-t--global--spacer--md);
6204
+ --pf-v6-c-popover__content--PaddingInlineStart: var(--pf-t--global--spacer--md);
6205
+ --pf-v6-c-popover__content--BorderRadius: var(--pf-t--global--border--radius--medium);
6206
+ --pf-v6-c-popover__arrow--Width: 0.9375rem;
6207
+ --pf-v6-c-popover__arrow--Height: 0.9375rem;
6208
+ --pf-v6-c-popover__arrow--BoxShadow: var(--pf-t--global--box-shadow--md);
6209
+ --pf-v6-c-popover__arrow--BackgroundColor: var(--pf-t--global--background--color--floating--default);
6210
+ --pf-v6-c-popover__arrow--m-top--TranslateX: -50%;
6211
+ --pf-v6-c-popover__arrow--m-top--TranslateY: 50%;
6212
+ --pf-v6-c-popover__arrow--m-top--Rotate: 45deg;
6213
+ --pf-v6-c-popover__arrow--m-right--TranslateX: -50%;
6214
+ --pf-v6-c-popover__arrow--m-right--TranslateY: -50%;
6215
+ --pf-v6-c-popover__arrow--m-right--Rotate: 45deg;
6216
+ --pf-v6-c-popover__arrow--m-bottom--TranslateX: -50%;
6217
+ --pf-v6-c-popover__arrow--m-bottom--TranslateY: -50%;
6218
+ --pf-v6-c-popover__arrow--m-bottom--Rotate: 45deg;
6219
+ --pf-v6-c-popover__arrow--m-left--TranslateX: 50%;
6220
+ --pf-v6-c-popover__arrow--m-left--TranslateY: -50%;
6221
+ --pf-v6-c-popover__arrow--m-left--Rotate: 45deg;
6222
+ --pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart: var(--pf-t--global--border--radius--medium);
6223
+ --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
6224
+ --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
6225
+ --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
6226
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
6227
+ --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
6228
+ --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
6229
+ --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
6230
+ --pf-v6-c-popover__title-text--Color: var(--pf-t--global--text--color--regular);
6231
+ --pf-v6-c-popover__title-text--FontWeight: var(--pf-t--global--font--weight--body--bold);
6232
+ --pf-v6-c-popover__title-text--FontSize: var(--pf-t--global--font--size--body--default);
6233
+ --pf-v6-c-popover__title-icon--MarginInlineEnd: var(--pf-t--global--spacer--sm);
6234
+ --pf-v6-c-popover__title-icon--Color: var(--pf-t--global--icon--color--regular);
6235
+ --pf-v6-c-popover__title-icon--FontSize: var(--pf-t--global--icon--size--font--body--default);
6236
+ --pf-v6-c-popover__footer--MarginBlockStart: var(--pf-t--global--spacer--md);
6237
+ }
6238
+
6239
+ .pf-v6-c-popover {
6240
+ position: relative;
6241
+ min-width: var(--pf-v6-c-popover--MinWidth);
6242
+ max-width: var(--pf-v6-c-popover--MaxWidth);
6243
+ font-size: var(--pf-v6-c-popover--FontSize);
6244
+ border-radius: var(--pf-v6-c-popover--BorderRadius);
6245
+ box-shadow: var(--pf-v6-c-popover--BoxShadow);
6246
+ }
6247
+
6248
+ .pf-v6-c-popover.pf-m-no-padding {
6249
+ --pf-v6-c-popover__content--PaddingBlockStart: 0px;
6250
+ --pf-v6-c-popover__content--PaddingInlineEnd: 0px;
6251
+ --pf-v6-c-popover__content--PaddingBlockEnd: 0px;
6252
+ --pf-v6-c-popover__content--PaddingInlineStart: 0px;
6253
+ }
6254
+
6255
+ .pf-v6-c-popover.pf-m-width-auto {
6256
+ --pf-v6-c-popover--MinWidth: auto;
6257
+ --pf-v6-c-popover--MaxWidth: none;
6258
+ }
6259
+
6260
+ .pf-v6-c-popover:is(.pf-m-top,
6261
+ .pf-m-top-left,
6262
+ .pf-m-top-right) {
6263
+ --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover--m-top--InsetBlockEnd, 0);
6264
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-top--InsetInlineStart, 50%);
6265
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-top--TranslateX);
6266
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
6267
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-top--Rotate);
6268
+ }
6269
+
6270
+ .pf-v6-c-popover:is(.pf-m-bottom,
6271
+ .pf-m-bottom-left,
6272
+ .pf-m-bottom-right) {
6273
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-bottom--InsetBlockStart, 0);
6274
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-bottom--InsetInlineStart, 50%);
6275
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-bottom--TranslateX);
6276
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-bottom--TranslateY);
6277
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-bottom--Rotate);
6278
+ }
6279
+
6280
+ .pf-v6-c-popover:is(.pf-m-left,
6281
+ .pf-m-left-top,
6282
+ .pf-m-left-bottom) {
6283
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-left--InsetBlockStart, 50%);
6284
+ --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover--m-left--InsetInlineEnd, 0);
6285
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
6286
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-left--TranslateY);
6287
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-left--Rotate);
6288
+ }
6289
+
6290
+ .pf-v6-c-popover:is(.pf-m-right,
6291
+ .pf-m-right-top,
6292
+ .pf-m-right-bottom) {
6293
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover--m-right--InsetBlockStart, 50%);
6294
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover--m-right--InsetInlineStart, 0);
6295
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-right--TranslateX);
6296
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-right--TranslateY);
6297
+ --pf-v6-c-popover__arrow--Rotate: var(--pf-v6-c-popover__arrow--m-right--Rotate);
6298
+ }
6299
+
6300
+ .pf-v6-c-popover:is(.pf-m-left-top,
6301
+ .pf-m-right-top) {
6302
+ --pf-v6-c-popover__arrow--InsetBlockStart: var(--pf-v6-c-popover__arrow--m-inline-top--InsetBlockStart);
6303
+ --pf-v6-c-popover__arrow--TranslateY: var(--pf-v6-c-popover__arrow--m-top--TranslateY);
6304
+ }
6305
+
6306
+ .pf-v6-c-popover:is(.pf-m-left-bottom,
6307
+ .pf-m-right-bottom) {
6308
+ --pf-v6-c-popover__arrow--InsetBlockStart: auto;
6309
+ --pf-v6-c-popover__arrow--InsetBlockEnd: var(--pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd);
6310
+ }
6311
+
6312
+ .pf-v6-c-popover:is(.pf-m-top-left,
6313
+ .pf-m-bottom-left) {
6314
+ --pf-v6-c-popover__arrow--InsetInlineStart: var(--pf-v6-c-popover__arrow--m-block-left--InsetInlineStart);
6315
+ --pf-v6-c-popover__arrow--TranslateX: var(--pf-v6-c-popover__arrow--m-left--TranslateX);
6316
+ }
6317
+
6318
+ .pf-v6-c-popover:is(.pf-m-top-right,
6319
+ .pf-m-bottom-right) {
6320
+ --pf-v6-c-popover__arrow--InsetInlineEnd: var(--pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd);
6321
+ --pf-v6-c-popover__arrow--InsetInlineStart: auto;
6322
+ }
6323
+
6324
+ .pf-v6-c-popover.pf-m-danger {
6325
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-danger__title-icon--Color);
6326
+ }
6327
+
6328
+ .pf-v6-c-popover.pf-m-warning {
6329
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-warning__title-icon--Color);
6330
+ }
6331
+
6332
+ .pf-v6-c-popover.pf-m-success {
6333
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-success__title-icon--Color);
6334
+ }
6335
+
6336
+ .pf-v6-c-popover.pf-m-custom {
6337
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-custom__title-icon--Color);
6347
6338
  }
6348
6339
 
6349
- .pf-v6-c-form-control.pf-m-placeholder > select * {
6350
- color: var(--pf-v6-c-form-control--m-placeholder--child--Color);
6340
+ .pf-v6-c-popover.pf-m-info {
6341
+ --pf-v6-c-popover__title-icon--Color: var(--pf-v6-c-popover--m-info__title-icon--Color);
6351
6342
  }
6352
6343
 
6353
- .pf-v6-c-form-control.pf-m-placeholder > select *:disabled {
6354
- color: revert;
6344
+ .pf-v6-c-popover__content {
6345
+ position: relative;
6346
+ padding-block-start: var(--pf-v6-c-popover__content--PaddingBlockStart);
6347
+ padding-block-end: var(--pf-v6-c-popover__content--PaddingBlockEnd);
6348
+ padding-inline-start: var(--pf-v6-c-popover__content--PaddingInlineStart);
6349
+ padding-inline-end: var(--pf-v6-c-popover__content--PaddingInlineEnd);
6350
+ background-color: var(--pf-v6-c-popover__content--BackgroundColor);
6351
+ border-radius: var(--pf-v6-c-popover__content--BorderRadius);
6355
6352
  }
6356
6353
 
6357
- .pf-v6-c-form-control > textarea {
6358
- width: 100%;
6359
- height: 100%;
6360
- vertical-align: bottom;
6361
- resize: none;
6354
+ .pf-v6-c-popover__close {
6355
+ position: absolute;
6356
+ inset-block-start: var(--pf-v6-c-popover__close--InsetBlockStart);
6357
+ inset-inline-end: var(--pf-v6-c-popover__close--InsetInlineEnd);
6362
6358
  }
6363
6359
 
6364
- .pf-v6-c-form-control.pf-m-resize-vertical {
6365
- --pf-v6-c-form-control--Resize: vertical;
6366
- overflow: auto;
6360
+ .pf-v6-c-popover__close + * {
6361
+ padding-inline-end: var(--pf-v6-c-popover__close--sibling--PaddingInlineEnd);
6367
6362
  }
6368
6363
 
6369
- .pf-v6-c-form-control.pf-m-resize-horizontal {
6370
- --pf-v6-c-form-control--Resize: horizontal;
6371
- overflow: auto;
6364
+ .pf-v6-c-popover__arrow {
6365
+ position: absolute;
6366
+ top: var(--pf-v6-c-popover__arrow--InsetBlockStart, auto);
6367
+ right: var(--pf-v6-c-popover__arrow--InsetInlineEnd, auto);
6368
+ bottom: var(--pf-v6-c-popover__arrow--InsetBlockEnd, auto);
6369
+ left: var(--pf-v6-c-popover__arrow--InsetInlineStart, auto);
6370
+ width: var(--pf-v6-c-popover__arrow--Width);
6371
+ height: var(--pf-v6-c-popover__arrow--Height);
6372
+ pointer-events: none;
6373
+ background-color: var(--pf-v6-c-popover__arrow--BackgroundColor);
6374
+ box-shadow: var(--pf-v6-c-popover__arrow--BoxShadow);
6375
+ 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));
6372
6376
  }
6373
6377
 
6374
- .pf-v6-c-form-control.pf-m-resize-both {
6375
- --pf-v6-c-form-control--Resize: both;
6376
- overflow: auto;
6378
+ .pf-v6-c-popover__header {
6379
+ margin-block-end: var(--pf-v6-c-popover__header--MarginBlockEnd);
6377
6380
  }
6378
6381
 
6379
- .pf-v6-c-form-control__icon {
6380
- font-size: var(--pf-v6-c-form-control__icon--FontSize);
6381
- color: var(--pf-v6-c-form-control__icon--Color);
6382
+ .pf-v6-c-popover__title {
6383
+ display: flex;
6384
+ flex: 0 0 auto;
6382
6385
  }
6383
6386
 
6384
- .pf-v6-c-form-control__icon.pf-m-status {
6385
- --pf-v6-c-form-control__icon--Color: var(--pf-v6-c-form-control__icon--m-status--Color);
6387
+ .pf-v6-c-popover__title-icon {
6388
+ margin-inline-end: var(--pf-v6-c-popover__title-icon--MarginInlineEnd);
6389
+ font-size: var(--pf-v6-c-popover__title-icon--FontSize);
6390
+ color: var(--pf-v6-c-popover__title-icon--Color);
6386
6391
  }
6387
6392
 
6388
- .pf-v6-c-form-control__toggle-icon {
6389
- grid-row: 1/2;
6390
- grid-column: 3;
6391
- padding-inline-start: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineStart);
6392
- padding-inline-end: var(--pf-v6-c-form-control__toggle-icon--PaddingInlineEnd);
6393
- font-size: var(--pf-v6-c-form-control__toggle-icon--FontSize);
6394
- color: var(--pf-v6-c-form-control__toggle-icon--Color);
6395
- pointer-events: none;
6393
+ .pf-v6-c-popover__title-text {
6394
+ min-width: 0;
6395
+ font-size: var(--pf-v6-c-popover__title-text--FontSize);
6396
+ font-weight: var(--pf-v6-c-popover__title-text--FontWeight);
6397
+ color: var(--pf-v6-c-popover__title-text--Color);
6398
+ overflow-wrap: break-word;
6396
6399
  }
6397
6400
 
6398
- .pf-v6-c-form-control__utilities {
6399
- display: flex;
6400
- flex-wrap: nowrap;
6401
- grid-row: 1/2;
6402
- grid-column: 2;
6403
- gap: var(--pf-v6-c-form-control__utilities--Gap);
6404
- padding-block-start: var(--pf-v6-c-form-control__utilities--PaddingBlockStart);
6405
- padding-inline-end: var(--pf-v6-c-form-control__utilities--PaddingInlineEnd);
6406
- pointer-events: none;
6401
+ .pf-v6-c-popover__body {
6402
+ word-wrap: break-word;
6403
+ }
6404
+
6405
+ .pf-v6-c-popover__footer {
6406
+ margin-block-start: var(--pf-v6-c-popover__footer--MarginBlockStart);
6407
6407
  }
6408
6408
 
6409
6409
  .pf-v6-c-divider {
@@ -6722,87 +6722,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6722
6722
  --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6723
6723
  }
6724
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
6725
  .pf-v6-c-badge {
6807
6726
  --pf-v6-c-badge--BorderColor: transparent;
6808
6727
  --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
@@ -7522,6 +7441,87 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
7522
7441
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
7523
7442
  }
7524
7443
 
7444
+ .pf-v6-c-spinner {
7445
+ --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
7446
+ --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
7447
+ --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
7448
+ --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
7449
+ --pf-v6-c-spinner--AnimationDuration: 1.4s;
7450
+ --pf-v6-c-spinner--AnimationTimingFunction: linear;
7451
+ --pf-v6-c-spinner--StrokeWidth: 10;
7452
+ --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
7453
+ --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
7454
+ --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
7455
+ --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
7456
+ --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
7457
+ --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
7458
+ --pf-v6-c-spinner--m-inline--diameter: 1em;
7459
+ }
7460
+
7461
+ .pf-v6-c-spinner {
7462
+ width: var(--pf-v6-c-spinner--Width);
7463
+ height: var(--pf-v6-c-spinner--Height);
7464
+ overflow: hidden;
7465
+ animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
7466
+ }
7467
+
7468
+ .pf-v6-c-spinner.pf-m-inline {
7469
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
7470
+ }
7471
+
7472
+ .pf-v6-c-spinner.pf-m-sm {
7473
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
7474
+ }
7475
+
7476
+ .pf-v6-c-spinner.pf-m-md {
7477
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
7478
+ }
7479
+
7480
+ .pf-v6-c-spinner.pf-m-lg {
7481
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
7482
+ }
7483
+
7484
+ .pf-v6-c-spinner.pf-m-xl {
7485
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
7486
+ }
7487
+
7488
+ .pf-v6-c-spinner__path {
7489
+ width: 100%;
7490
+ height: 100%;
7491
+ stroke: var(--pf-v6-c-spinner--Color);
7492
+ stroke-dasharray: 283;
7493
+ stroke-dashoffset: 280;
7494
+ stroke-linecap: round;
7495
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
7496
+ transform-origin: 50% 50%;
7497
+ animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
7498
+ }
7499
+
7500
+ @keyframes pf-v6-c-spinner-animation-rotate {
7501
+ 0% {
7502
+ transform: rotate(0deg);
7503
+ }
7504
+ 100% {
7505
+ transform: rotate(360deg);
7506
+ }
7507
+ }
7508
+ @keyframes pf-v6-c-spinner-animation-dash {
7509
+ 0% {
7510
+ stroke-dashoffset: 280;
7511
+ transform: rotate(0);
7512
+ }
7513
+ 15% {
7514
+ stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
7515
+ }
7516
+ 40% {
7517
+ stroke-dasharray: 220;
7518
+ stroke-dashoffset: 150;
7519
+ }
7520
+ 100% {
7521
+ stroke-dashoffset: 280;
7522
+ transform: rotate(720deg);
7523
+ }
7524
+ }
7525
7525
  .pf-v6-c-breadcrumb {
7526
7526
  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--sm);
7527
7527
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);