@patternfly/react-table 6.6.1-prerelease.1 → 6.6.1-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 (46) hide show
  1. package/CHANGELOG.md +42 -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/dynamic-modules.json +2 -0
  11. package/dist/esm/components/Table/Table.d.ts +2 -0
  12. package/dist/esm/components/Table/Table.d.ts.map +1 -1
  13. package/dist/esm/components/Table/Table.js +3 -3
  14. package/dist/esm/components/Table/Table.js.map +1 -1
  15. package/dist/esm/components/Table/Tfoot.d.ts +11 -0
  16. package/dist/esm/components/Table/Tfoot.d.ts.map +1 -0
  17. package/dist/esm/components/Table/Tfoot.js +12 -0
  18. package/dist/esm/components/Table/Tfoot.js.map +1 -0
  19. package/dist/esm/components/Table/index.d.ts +1 -0
  20. package/dist/esm/components/Table/index.d.ts.map +1 -1
  21. package/dist/esm/components/Table/index.js +1 -0
  22. package/dist/esm/components/Table/index.js.map +1 -1
  23. package/dist/js/components/Table/Table.d.ts +2 -0
  24. package/dist/js/components/Table/Table.d.ts.map +1 -1
  25. package/dist/js/components/Table/Table.js +3 -3
  26. package/dist/js/components/Table/Table.js.map +1 -1
  27. package/dist/js/components/Table/Tfoot.d.ts +11 -0
  28. package/dist/js/components/Table/Tfoot.d.ts.map +1 -0
  29. package/dist/js/components/Table/Tfoot.js +15 -0
  30. package/dist/js/components/Table/Tfoot.js.map +1 -0
  31. package/dist/js/components/Table/index.d.ts +1 -0
  32. package/dist/js/components/Table/index.d.ts.map +1 -1
  33. package/dist/js/components/Table/index.js +1 -0
  34. package/dist/js/components/Table/index.js.map +1 -1
  35. package/dist/umd/assets/{output-BPuw_eqw.css → output-Ly-wiLto.css} +850 -810
  36. package/dist/umd/react-table.min.js +2 -2
  37. package/package.json +6 -6
  38. package/src/components/Table/Table.tsx +4 -0
  39. package/src/components/Table/Tfoot.tsx +23 -0
  40. package/src/components/Table/__tests__/Table.test.tsx +12 -0
  41. package/src/components/Table/__tests__/Tfoot.test.tsx +65 -0
  42. package/src/components/Table/examples/Table.md +9 -0
  43. package/src/components/Table/examples/TableEditable.tsx +34 -36
  44. package/src/components/Table/examples/TableStickyFooter.tsx +33 -0
  45. package/src/components/Table/index.ts +1 -0
  46. package/src/deprecated/components/Table/examples/Table.md +0 -1
@@ -54,8 +54,8 @@
54
54
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
55
55
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
56
56
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
57
- --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
58
- --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
57
+ --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
58
+ --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
59
59
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
60
60
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
61
61
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
@@ -142,6 +142,8 @@
142
142
  --pf-v6-c-table--m-compact__td--m-action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
143
143
  --pf-v6-c-table--m-compact__action--PaddingBlockStart: var(--pf-t--global--spacer--xs);
144
144
  --pf-v6-c-table--m-compact__action--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
145
+ --pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockStart: var(--pf-t--global--spacer--sm);
146
+ --pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
145
147
  --pf-v6-c-table__expandable-row--m-expanded--BorderBlockEndColor: var(--pf-t--global--border--color--default);
146
148
  --pf-v6-c-table__tr--m-clickable--BackgroundColor: transparent;
147
149
  --pf-v6-c-table__tr--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
@@ -1042,6 +1044,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1042
1044
  .pf-v6-c-table.pf-m-compact {
1043
1045
  --pf-v6-c-table--cell--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--PaddingBlockStart);
1044
1046
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table--m-compact--cell--PaddingBlockEnd);
1047
+ --pf-v6-c-table__expandable-row-content--PaddingBlockStart: var(--pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockStart);
1048
+ --pf-v6-c-table__expandable-row-content--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__expandable-row-content--PaddingBlockEnd);
1045
1049
  }
1046
1050
 
1047
1051
  .pf-v6-c-table.pf-m-compact tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) {
@@ -1247,22 +1251,24 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1247
1251
  --pf-v6-c-table--cell--responsive--PaddingInlineEnd: 0;
1248
1252
  --pf-v6-c-table--cell--responsive--PaddingInlineStart: 0;
1249
1253
  --pf-v6-c-table--cell--responsive--th--FontWeight: var(--pf-t--global--font--weight--body--bold);
1254
+ --pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
1250
1255
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart: var(--pf-t--global--spacer--sm);
1251
1256
  --pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
1252
1257
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart: var(--pf-t--global--spacer--xs);
1253
1258
  --pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
1254
- --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: 0.4375rem;
1255
- --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-t--global--spacer--xs) * -1);
1259
+ --pf-v6-c-table--m-compact__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
1260
+ --pf-v6-c-table--m-compact__action--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + var(--pf-t--global--spacer--control--vertical--compact) * -1);
1256
1261
  --pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
1257
1262
  --pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd: calc(var(--pf-t--global--spacer--xs) * -1);
1258
1263
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineEnd: var(--pf-t--global--spacer--inset--page-chrome);
1259
1264
  --pf-v6-c-table__expandable-row-content--responsive--PaddingInlineStart: var(--pf-t--global--spacer--inset--page-chrome);
1260
1265
  --pf-v6-c-table__expandable-row-content--BackgroundColor: var(--pf-t--global--background--color--primary--default);
1261
1266
  --pf-v6-c-table__check--responsive--MarginInlineStart: var(--pf-v6-c-table__tbody--responsive--border-width--base);
1262
- --pf-v6-c-table__check--responsive--MarginBlockStart: 0.875rem;
1263
- --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0.5rem;
1267
+ --pf-v6-c-table__check--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + 0.25rem);
1268
+ --pf-v6-c-table--m-grid__favorite--MarginBlockStart: 0;
1264
1269
  --pf-v6-c-table--m-grid__check--favorite--MarginInlineStart: var(--pf-t--global--spacer--xl);
1265
1270
  --pf-v6-c-table__action--responsive--MarginInlineStart: var(--pf-t--global--spacer--xl);
1271
+ --pf-v6-c-table__action--responsive--MarginBlockStart: calc(var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart) + var(--pf-t--global--spacer--control--vertical--plain) * -1);
1266
1272
  --pf-v6-c-table--m-grid__favorite--action--MarginInlineStart: var(--pf-t--global--spacer--2xl);
1267
1273
  --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));
1268
1274
  --pf-v6-c-table__toggle__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -1357,11 +1363,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1357
1363
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
1358
1364
  }
1359
1365
 
1360
- .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
1366
+ .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
1361
1367
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
1362
1368
  }
1363
1369
 
1364
1370
  .pf-m-grid.pf-v6-c-table.pf-m-compact {
1371
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
1365
1372
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
1366
1373
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
1367
1374
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -1372,7 +1379,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1372
1379
 
1373
1380
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
1374
1381
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
1375
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
1382
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
1376
1383
  }
1377
1384
 
1378
1385
  .pf-m-grid.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
@@ -1603,6 +1610,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1603
1610
 
1604
1611
  .pf-m-grid.pf-v6-c-table .pf-v6-c-table__action {
1605
1612
  text-align: end;
1613
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
1606
1614
  }
1607
1615
 
1608
1616
  @media screen and (max-width: 36rem) {
@@ -1716,10 +1724,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1716
1724
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
1717
1725
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
1718
1726
  }
1719
- .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
1727
+ .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-md.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
1720
1728
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
1721
1729
  }
1722
1730
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact {
1731
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
1723
1732
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
1724
1733
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
1725
1734
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -1729,7 +1738,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1729
1738
  }
1730
1739
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
1731
1740
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
1732
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
1741
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
1733
1742
  }
1734
1743
  .pf-m-grid-md.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
1735
1744
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -1919,6 +1928,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
1919
1928
  }
1920
1929
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
1921
1930
  text-align: end;
1931
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
1922
1932
  }
1923
1933
  @media screen and (max-width: 36rem) {
1924
1934
  .pf-m-grid-md.pf-v6-c-table .pf-v6-c-table__action {
@@ -2025,10 +2035,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
2025
2035
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
2026
2036
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
2027
2037
  }
2028
- .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
2038
+ .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-lg.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
2029
2039
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
2030
2040
  }
2031
2041
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact {
2042
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
2032
2043
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
2033
2044
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
2034
2045
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -2038,7 +2049,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
2038
2049
  }
2039
2050
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
2040
2051
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
2041
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
2052
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
2042
2053
  }
2043
2054
  .pf-m-grid-lg.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
2044
2055
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -2228,6 +2239,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
2228
2239
  }
2229
2240
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
2230
2241
  text-align: end;
2242
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
2231
2243
  }
2232
2244
  @media screen and (max-width: 36rem) {
2233
2245
  .pf-m-grid-lg.pf-v6-c-table .pf-v6-c-table__action {
@@ -2334,10 +2346,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
2334
2346
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
2335
2347
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
2336
2348
  }
2337
- .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
2349
+ .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
2338
2350
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
2339
2351
  }
2340
2352
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact {
2353
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
2341
2354
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
2342
2355
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
2343
2356
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -2347,7 +2360,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
2347
2360
  }
2348
2361
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
2349
2362
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
2350
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
2363
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
2351
2364
  }
2352
2365
  .pf-m-grid-xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
2353
2366
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -2537,6 +2550,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
2537
2550
  }
2538
2551
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
2539
2552
  text-align: end;
2553
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
2540
2554
  }
2541
2555
  @media screen and (max-width: 36rem) {
2542
2556
  .pf-m-grid-xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -2643,10 +2657,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
2643
2657
  padding-block-end: var(--pf-v6-c-table--cell--responsive--PaddingBlockEnd);
2644
2658
  padding-inline-start: var(--pf-v6-c-table--cell--responsive--PaddingInlineStart);
2645
2659
  }
2646
- .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child {
2660
+ .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):first-child, .pf-m-grid-2xl.pf-v6-c-table tr:where(.pf-v6-c-table__tr):not(.pf-v6-c-table__expandable-row) > :where(th, td):is(.pf-v6-c-table__toggle, .pf-v6-c-table__check, .pf-v6-c-table__favorite) + :where(th, td) {
2647
2661
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart);
2648
2662
  }
2649
2663
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact {
2664
+ --pf-v6-c-table--cell--first-child--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact--cell--first-child--responsive--PaddingBlockStart);
2650
2665
  --pf-v6-c-table__tr--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockStart);
2651
2666
  --pf-v6-c-table__tr--responsive--PaddingBlockEnd: var(--pf-v6-c-table--m-compact__tr--responsive--PaddingBlockEnd);
2652
2667
  --pf-v6-c-table--cell--responsive--PaddingBlockStart: var(--pf-v6-c-table--m-compact__tr__td--responsive--PaddingBlockStart);
@@ -2656,7 +2671,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
2656
2671
  }
2657
2672
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__action {
2658
2673
  margin-block-start: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
2659
- margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockStart);
2674
+ margin-block-end: var(--pf-v6-c-table--m-compact__action--responsive--MarginBlockEnd);
2660
2675
  }
2661
2676
  .pf-m-grid-2xl.pf-v6-c-table.pf-m-compact .pf-v6-c-table__toggle .pf-v6-c-button {
2662
2677
  margin-block-end: var(--pf-v6-c-table--m-compact__toggle--c-button--responsive--MarginBlockEnd);
@@ -2846,6 +2861,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
2846
2861
  }
2847
2862
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
2848
2863
  text-align: end;
2864
+ margin-block-start: var(--pf-v6-c-table__action--responsive--MarginBlockStart);
2849
2865
  }
2850
2866
  @media screen and (max-width: 36rem) {
2851
2867
  .pf-m-grid-2xl.pf-v6-c-table .pf-v6-c-table__action {
@@ -2878,166 +2894,6 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
2878
2894
  --pf-v6-c-table--cell--Width: auto;
2879
2895
  }
2880
2896
  }
2881
- .pf-v6-c-inline-edit {
2882
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
2883
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
2884
- --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
2885
- --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
2886
- --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
2887
- --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
2888
- }
2889
-
2890
- .pf-v6-c-inline-edit__group {
2891
- display: flex;
2892
- align-items: baseline;
2893
- }
2894
-
2895
- .pf-v6-c-inline-edit__group > * {
2896
- margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
2897
- }
2898
-
2899
- .pf-v6-c-inline-edit__group.pf-m-icon-group {
2900
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
2901
- }
2902
-
2903
- .pf-v6-c-inline-edit__group.pf-m-footer {
2904
- margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
2905
- }
2906
-
2907
- .pf-v6-c-inline-edit__group.pf-m-column {
2908
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
2909
- flex-direction: column;
2910
- }
2911
-
2912
- .pf-v6-c-inline-edit__group > :last-child {
2913
- --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
2914
- }
2915
-
2916
- .pf-v6-c-inline-edit__input {
2917
- flex: 1;
2918
- }
2919
-
2920
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
2921
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
2922
- }
2923
-
2924
- .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
2925
- --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
2926
- }
2927
-
2928
- .pf-v6-c-inline-edit__input,
2929
- .pf-v6-c-inline-edit__action,
2930
- .pf-v6-c-inline-edit__group.pf-m-action-group {
2931
- display: none;
2932
- }
2933
-
2934
- .pf-v6-c-inline-edit__action.pf-m-enable-editable {
2935
- display: inline-block;
2936
- }
2937
-
2938
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
2939
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
2940
- display: block;
2941
- }
2942
-
2943
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
2944
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
2945
- display: inline-block;
2946
- }
2947
-
2948
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
2949
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
2950
- display: inline-flex;
2951
- }
2952
-
2953
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
2954
- .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
2955
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
2956
- .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
2957
- display: none;
2958
- }
2959
-
2960
- .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
2961
- margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
2962
- margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
2963
- }
2964
-
2965
- .pf-v6-c-inline-edit__label.pf-m-bold {
2966
- font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
2967
- }
2968
-
2969
- .pf-v6-c-inline-edit__editable-text br {
2970
- display: none;
2971
- }
2972
-
2973
- .pf-v6-c-table {
2974
- --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
2975
- --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
2976
- --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
2977
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
2978
- --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
2979
- --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
2980
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
2981
- --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
2982
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
2983
- --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
2984
- --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
2985
- --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
2986
- --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
2987
- }
2988
-
2989
- .pf-v6-c-table .pf-v6-c-table__sticky-cell {
2990
- position: sticky;
2991
- inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
2992
- inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
2993
- z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
2994
- min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
2995
- }
2996
-
2997
- .pf-v6-c-table__sticky-cell {
2998
- --pf-v6-c-table--cell--Overflow: visible;
2999
- --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
3000
- background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
3001
- background-clip: padding-box;
3002
- }
3003
-
3004
- .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
3005
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
3006
- --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
3007
- }
3008
-
3009
- .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
3010
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
3011
- --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
3012
- }
3013
-
3014
- .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
3015
- --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
3016
- }
3017
-
3018
- .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
3019
- --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
3020
- }
3021
-
3022
- .pf-v6-c-scroll-outer-wrapper {
3023
- --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
3024
- --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
3025
- display: flex;
3026
- flex-direction: column;
3027
- max-width: 100%;
3028
- min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
3029
- max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
3030
- overflow: hidden;
3031
- }
3032
-
3033
- .pf-v6-c-scroll-inner-wrapper {
3034
- display: flex;
3035
- flex-direction: column;
3036
- max-width: 100%;
3037
- max-height: 100%;
3038
- overflow: auto;
3039
- }
3040
-
3041
2897
  .pf-v6-c-table {
3042
2898
  --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));
3043
2899
  --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));
@@ -3906,6 +3762,74 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
3906
3762
  --pf-v6-c-table--m-tree-view-grid__tbody--cell--PaddingInlineStart: calc(var(--pf-v6-c-table__tree-view-main--nested-indent--base) * 9 + var(--pf-v6-c-table__tree-view-main--indent--base));
3907
3763
  }
3908
3764
  }
3765
+ .pf-v6-c-table {
3766
+ --pf-v6-c-table__sticky-cell--MinWidth--base: 8.75rem;
3767
+ --pf-v6-c-table__sticky-cell--MinWidth: var(--pf-v6-c-table__sticky-cell--MinWidth--base);
3768
+ --pf-v6-c-table__sticky-cell--ZIndex: var(--pf-t--global--z-index--xs);
3769
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: auto;
3770
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: auto;
3771
+ --pf-v6-c-table__sticky-cell--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
3772
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth: var(--pf-t--global--border--width--divider--default);
3773
+ --pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor: var(--pf-t--global--border--color--default);
3774
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth: var(--pf-t--global--border--width--divider--default);
3775
+ --pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor: var(--pf-t--global--border--color--default);
3776
+ --pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd: 0;
3777
+ --pf-v6-c-table__sticky-cell--m-left--InsetInlineStart: 0;
3778
+ --pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex: calc(var(--pf-v6-c-table__sticky-cell--ZIndex) + 1);
3779
+ }
3780
+
3781
+ .pf-v6-c-table .pf-v6-c-table__sticky-cell {
3782
+ position: sticky;
3783
+ inset-inline-start: var(--pf-v6-c-table__sticky-cell--InsetInlineStart);
3784
+ inset-inline-end: var(--pf-v6-c-table__sticky-cell--InsetInlineEnd);
3785
+ z-index: var(--pf-v6-c-table__sticky-cell--ZIndex);
3786
+ min-width: var(--pf-v6-c-table__sticky-cell--MinWidth);
3787
+ }
3788
+
3789
+ .pf-v6-c-table__sticky-cell {
3790
+ --pf-v6-c-table--cell--Overflow: visible;
3791
+ --pf-v6-c-table--m-sticky-header--cell--ZIndex: var(--pf-v6-c-table--m-sticky-header__sticky-cell--ZIndex);
3792
+ background-color: var(--pf-v6-c-table__sticky-cell--BackgroundColor);
3793
+ background-clip: padding-box;
3794
+ }
3795
+
3796
+ .pf-v6-c-table__sticky-cell.pf-m-border-right::before {
3797
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndWidth: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndWidth);
3798
+ --pf-v6-c-table--cell--m-border-right--before--BorderInlineEndColor: var(--pf-v6-c-table__sticky-cell--m-border-right--before--BorderInlineEndColor);
3799
+ }
3800
+
3801
+ .pf-v6-c-table__sticky-cell.pf-m-border-left::before {
3802
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartWidth: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartWidth);
3803
+ --pf-v6-c-table--cell--m-border-left--before--BorderInlineStartColor: var(--pf-v6-c-table__sticky-cell--m-border-left--before--BorderInlineStartColor);
3804
+ }
3805
+
3806
+ .pf-v6-c-table__sticky-cell.pf-m-right, .pf-v6-c-table__sticky-cell.pf-m-inline-end {
3807
+ --pf-v6-c-table__sticky-cell--InsetInlineEnd: var(--pf-v6-c-table__sticky-cell--m-right--InsetInlineEnd);
3808
+ }
3809
+
3810
+ .pf-v6-c-table__sticky-cell.pf-m-left, .pf-v6-c-table__sticky-cell.pf-m-inline-start {
3811
+ --pf-v6-c-table__sticky-cell--InsetInlineStart: var(--pf-v6-c-table__sticky-cell--m-left--InsetInlineStart);
3812
+ }
3813
+
3814
+ .pf-v6-c-scroll-outer-wrapper {
3815
+ --pf-v6-c-scroll-outer-wrapper--MinHeight: 25rem;
3816
+ --pf-v6-c-scroll-outer-wrapper--MaxHeight: 100%;
3817
+ display: flex;
3818
+ flex-direction: column;
3819
+ max-width: 100%;
3820
+ min-height: var(--pf-v6-c-scroll-outer-wrapper--MinHeight);
3821
+ max-height: var(--pf-v6-c-scroll-outer-wrapper--MaxHeight);
3822
+ overflow: hidden;
3823
+ }
3824
+
3825
+ .pf-v6-c-scroll-inner-wrapper {
3826
+ display: flex;
3827
+ flex-direction: column;
3828
+ max-width: 100%;
3829
+ max-height: 100%;
3830
+ overflow: auto;
3831
+ }
3832
+
3909
3833
  .pf-v6-c-form {
3910
3834
  --pf-v6-c-form--GridGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
3911
3835
  --pf-v6-c-form__group--Gap: var(--pf-t--global--spacer--gap--group--vertical);
@@ -4483,26 +4407,118 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4483
4407
  margin-block-end: var(--pf-v6-c-form__field-group-body__field-group--last-child--MarginBlockEnd);
4484
4408
  }
4485
4409
 
4486
- .pf-v6-u-screen-reader {
4487
- position: fixed;
4488
- inset-block-start: 0;
4489
- inset-inline-start: 0;
4490
- overflow: hidden;
4491
- white-space: nowrap;
4492
- border: 0;
4493
- clip-path: inset(50%);
4410
+ .pf-v6-c-inline-edit {
4411
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
4412
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
4413
+ --pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color: var(--pf-t--global--icon--color--brand--hover);
4414
+ --pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--plain);
4415
+ --pf-v6-c-inline-edit__group--m-footer--MarginBlockStart: var(--pf-t--global--spacer--xl);
4416
+ --pf-v6-c-inline-edit__label--m-bold--FontWeight: var(--pf-t--global--font--weight--body--bold);
4494
4417
  }
4495
4418
 
4496
- .pf-v6-u-visible {
4497
- position: static;
4498
- overflow: visible;
4499
- white-space: normal;
4500
- border: inherit;
4501
- clip-path: revert;
4419
+ .pf-v6-c-inline-edit__group {
4420
+ display: flex;
4421
+ align-items: baseline;
4502
4422
  }
4503
4423
 
4504
- .pf-v6-u-hidden {
4505
- display: none !important;
4424
+ .pf-v6-c-inline-edit__group > * {
4425
+ margin-inline-end: var(--pf-v6-c-inline-edit__group--item--MarginInlineEnd);
4426
+ }
4427
+
4428
+ .pf-v6-c-inline-edit__group.pf-m-icon-group {
4429
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: var(--pf-v6-c-inline-edit__action--m-icon-group--item--MarginInlineEnd);
4430
+ }
4431
+
4432
+ .pf-v6-c-inline-edit__group.pf-m-footer {
4433
+ margin-block-start: var(--pf-v6-c-inline-edit__group--m-footer--MarginBlockStart);
4434
+ }
4435
+
4436
+ .pf-v6-c-inline-edit__group.pf-m-column {
4437
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
4438
+ flex-direction: column;
4439
+ }
4440
+
4441
+ .pf-v6-c-inline-edit__group > :last-child {
4442
+ --pf-v6-c-inline-edit__group--item--MarginInlineEnd: 0;
4443
+ }
4444
+
4445
+ .pf-v6-c-inline-edit__input {
4446
+ flex: 1;
4447
+ }
4448
+
4449
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain {
4450
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--Color);
4451
+ }
4452
+
4453
+ .pf-v6-c-inline-edit__action.pf-m-valid .pf-v6-c-button.pf-m-plain:hover {
4454
+ --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-inline-edit__action--c-button--m-valid--m-plain--hover--Color);
4455
+ }
4456
+
4457
+ .pf-v6-c-inline-edit__input,
4458
+ .pf-v6-c-inline-edit__action,
4459
+ .pf-v6-c-inline-edit__group.pf-m-action-group {
4460
+ display: none;
4461
+ }
4462
+
4463
+ .pf-v6-c-inline-edit__action.pf-m-enable-editable {
4464
+ display: inline-block;
4465
+ }
4466
+
4467
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__input,
4468
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__input {
4469
+ display: block;
4470
+ }
4471
+
4472
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action,
4473
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action {
4474
+ display: inline-block;
4475
+ }
4476
+
4477
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group,
4478
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__group.pf-m-action-group {
4479
+ display: inline-flex;
4480
+ }
4481
+
4482
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__value,
4483
+ .pf-v6-c-inline-edit.pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable,
4484
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__value,
4485
+ .pf-v6-c-inline-edit .pf-m-inline-editable .pf-v6-c-inline-edit__action.pf-m-enable-editable {
4486
+ display: none;
4487
+ }
4488
+
4489
+ .pf-v6-c-inline-edit__label + .pf-v6-c-inline-edit__action.pf-m-enable > .pf-v6-c-button {
4490
+ margin-block-start: calc(var(--pf-v6-c-button--PaddingBlockStart) * -1);
4491
+ margin-block-end: calc(var(--pf-v6-c-button--PaddingBlockEnd) * -1);
4492
+ }
4493
+
4494
+ .pf-v6-c-inline-edit__label.pf-m-bold {
4495
+ font-weight: var(--pf-v6-c-inline-edit__label--m-bold--FontWeight);
4496
+ }
4497
+
4498
+ .pf-v6-c-inline-edit__editable-text br {
4499
+ display: none;
4500
+ }
4501
+
4502
+ .pf-v6-u-screen-reader {
4503
+ position: fixed;
4504
+ inset-block-start: 0;
4505
+ inset-inline-start: 0;
4506
+ overflow: hidden;
4507
+ white-space: nowrap;
4508
+ border: 0;
4509
+ clip-path: inset(50%);
4510
+ }
4511
+
4512
+ .pf-v6-u-visible {
4513
+ position: static;
4514
+ overflow: visible;
4515
+ white-space: normal;
4516
+ border: inherit;
4517
+ clip-path: revert;
4518
+ }
4519
+
4520
+ .pf-v6-u-hidden {
4521
+ display: none !important;
4506
4522
  }
4507
4523
 
4508
4524
  @media screen and (min-width: 36rem) {
@@ -4766,327 +4782,88 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
4766
4782
  pointer-events: none;
4767
4783
  }
4768
4784
 
4769
- .pf-v6-c-divider {
4770
- --pf-v6-c-divider--Display: flex;
4771
- --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
4772
- --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
4773
- --pf-v6-c-divider--before--FlexBasis: 100%;
4774
- }
4775
-
4776
- .pf-v6-c-divider {
4777
- flex-direction: row;
4778
- width: 100%;
4779
- height: var(--pf-v6-c-divider--Size);
4780
- --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
4781
- --pf-v6-hidden-visible--hidden--Display: none;
4782
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4783
- display: var(--pf-v6-hidden-visible--Display);
4784
- }
4785
-
4786
- .pf-v6-c-divider.pf-m-hidden {
4787
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4788
- }
4789
-
4790
- @media screen and (min-width: 36rem) {
4791
- .pf-v6-c-divider.pf-m-hidden-on-sm {
4792
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4793
- }
4794
- .pf-v6-c-divider.pf-m-visible-on-sm {
4795
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4796
- }
4797
- }
4798
- @media screen and (min-width: 48rem) {
4799
- .pf-v6-c-divider.pf-m-hidden-on-md {
4800
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4801
- }
4802
- .pf-v6-c-divider.pf-m-visible-on-md {
4803
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4804
- }
4805
- }
4806
- @media screen and (min-width: 62rem) {
4807
- .pf-v6-c-divider.pf-m-hidden-on-lg {
4808
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4809
- }
4810
- .pf-v6-c-divider.pf-m-visible-on-lg {
4811
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4812
- }
4813
- }
4814
- @media screen and (min-width: 75rem) {
4815
- .pf-v6-c-divider.pf-m-hidden-on-xl {
4816
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4817
- }
4818
- .pf-v6-c-divider.pf-m-visible-on-xl {
4819
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4820
- }
4821
- }
4822
- @media screen and (min-width: 90.625rem) {
4823
- .pf-v6-c-divider.pf-m-hidden-on-2xl {
4824
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
4825
- }
4826
- .pf-v6-c-divider.pf-m-visible-on-2xl {
4827
- --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
4828
- }
4829
- }
4830
- .pf-v6-c-divider {
4831
- flex-shrink: 0;
4832
- align-items: stretch;
4833
- align-self: stretch;
4834
- justify-content: center;
4835
- border: 0;
4785
+ .pf-v6-c-check {
4786
+ --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
4787
+ --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
4788
+ --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
4789
+ --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
4790
+ --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
4791
+ --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
4792
+ --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
4793
+ --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
4794
+ --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
4795
+ --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
4796
+ --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
4797
+ --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
4798
+ --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
4799
+ --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
4836
4800
  }
4837
4801
 
4838
- .pf-v6-c-divider::before {
4839
- flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
4840
- content: "";
4841
- background-color: var(--pf-v6-c-divider--Color);
4842
- border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
4843
- border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
4802
+ .pf-v6-c-check {
4803
+ display: grid;
4804
+ grid-template-columns: auto 1fr;
4805
+ gap: var(--pf-v6-c-check--GridGap);
4806
+ accent-color: var(--pf-v6-c-check--AccentColor);
4844
4807
  }
4845
4808
 
4846
- .pf-v6-c-divider.pf-m-horizontal {
4847
- flex-direction: row;
4848
- width: 100%;
4849
- height: var(--pf-v6-c-divider--Size);
4809
+ .pf-v6-c-check.pf-m-standalone {
4810
+ display: inline-grid;
4811
+ grid-template-columns: auto;
4812
+ min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
4850
4813
  }
4851
4814
 
4852
- .pf-v6-c-divider.pf-m-vertical {
4853
- flex-direction: column;
4854
- width: var(--pf-v6-c-divider--Size);
4855
- height: inherit;
4815
+ .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
4816
+ align-self: center;
4817
+ transform: none;
4856
4818
  }
4857
4819
 
4858
- .pf-v6-c-divider.pf-m-inset-none {
4859
- --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
4820
+ .pf-v6-c-check__input {
4821
+ align-self: start;
4822
+ font-size: var(--pf-v6-c-check__label--FontSize);
4823
+ line-height: var(--pf-v6-c-check__label--LineHeight);
4824
+ transform: translateY(var(--pf-v6-c-check__input--TranslateY));
4860
4825
  }
4861
4826
 
4862
- .pf-v6-c-divider.pf-m-inset-xs {
4863
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4827
+ .pf-v6-c-check__label {
4828
+ font-size: var(--pf-v6-c-check__label--FontSize);
4829
+ font-weight: var(--pf-v6-c-check__label--FontWeight);
4830
+ line-height: var(--pf-v6-c-check__label--LineHeight);
4831
+ color: var(--pf-v6-c-check__label--Color);
4864
4832
  }
4865
4833
 
4866
- .pf-v6-c-divider.pf-m-inset-sm {
4867
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4834
+ .pf-v6-c-check__description {
4835
+ grid-column: 2;
4836
+ font-size: var(--pf-v6-c-check__description--FontSize);
4837
+ color: var(--pf-v6-c-check__description--Color);
4868
4838
  }
4869
4839
 
4870
- .pf-v6-c-divider.pf-m-inset-md {
4871
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4840
+ .pf-v6-c-check__body {
4841
+ grid-column: 2;
4872
4842
  }
4873
4843
 
4874
- .pf-v6-c-divider.pf-m-inset-lg {
4875
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4844
+ .pf-v6-c-check__label,
4845
+ .pf-v6-c-check__input {
4846
+ justify-self: start;
4876
4847
  }
4877
4848
 
4878
- .pf-v6-c-divider.pf-m-inset-xl {
4879
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4849
+ label.pf-v6-c-check, .pf-v6-c-check__label,
4850
+ .pf-v6-c-check__input {
4851
+ cursor: pointer;
4880
4852
  }
4881
4853
 
4882
- .pf-v6-c-divider.pf-m-inset-2xl {
4883
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4854
+ .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
4855
+ .pf-v6-c-check__input:disabled,
4856
+ .pf-v6-c-check__input.pf-m-disabled {
4857
+ --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
4858
+ cursor: not-allowed;
4884
4859
  }
4885
4860
 
4886
- .pf-v6-c-divider.pf-m-inset-3xl {
4887
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4861
+ .pf-v6-c-check__label-required {
4862
+ margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
4863
+ font-size: var(--pf-v6-c-check__label-required--FontSize);
4864
+ color: var(--pf-v6-c-check__label-required--Color);
4888
4865
  }
4889
4866
 
4890
- @media (min-width: 36rem) {
4891
- .pf-v6-c-divider.pf-m-horizontal-on-sm {
4892
- flex-direction: row;
4893
- width: 100%;
4894
- height: var(--pf-v6-c-divider--Size);
4895
- }
4896
- }
4897
- @media (min-width: 36rem) {
4898
- .pf-v6-c-divider.pf-m-vertical-on-sm {
4899
- flex-direction: column;
4900
- width: var(--pf-v6-c-divider--Size);
4901
- height: inherit;
4902
- }
4903
- }
4904
- @media (min-width: 36rem) {
4905
- .pf-v6-c-divider.pf-m-inset-none-on-sm {
4906
- --pf-v6-c-divider--before--FlexBasis: 100%;
4907
- }
4908
- .pf-v6-c-divider.pf-m-inset-xs-on-sm {
4909
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4910
- }
4911
- .pf-v6-c-divider.pf-m-inset-sm-on-sm {
4912
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4913
- }
4914
- .pf-v6-c-divider.pf-m-inset-md-on-sm {
4915
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4916
- }
4917
- .pf-v6-c-divider.pf-m-inset-lg-on-sm {
4918
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4919
- }
4920
- .pf-v6-c-divider.pf-m-inset-xl-on-sm {
4921
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4922
- }
4923
- .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
4924
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4925
- }
4926
- .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
4927
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4928
- }
4929
- }
4930
- @media (min-width: 48rem) {
4931
- .pf-v6-c-divider.pf-m-horizontal-on-md {
4932
- flex-direction: row;
4933
- width: 100%;
4934
- height: var(--pf-v6-c-divider--Size);
4935
- }
4936
- }
4937
- @media (min-width: 48rem) {
4938
- .pf-v6-c-divider.pf-m-vertical-on-md {
4939
- flex-direction: column;
4940
- width: var(--pf-v6-c-divider--Size);
4941
- height: inherit;
4942
- }
4943
- }
4944
- @media (min-width: 48rem) {
4945
- .pf-v6-c-divider.pf-m-inset-none-on-md {
4946
- --pf-v6-c-divider--before--FlexBasis: 100%;
4947
- }
4948
- .pf-v6-c-divider.pf-m-inset-xs-on-md {
4949
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4950
- }
4951
- .pf-v6-c-divider.pf-m-inset-sm-on-md {
4952
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4953
- }
4954
- .pf-v6-c-divider.pf-m-inset-md-on-md {
4955
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4956
- }
4957
- .pf-v6-c-divider.pf-m-inset-lg-on-md {
4958
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4959
- }
4960
- .pf-v6-c-divider.pf-m-inset-xl-on-md {
4961
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
4962
- }
4963
- .pf-v6-c-divider.pf-m-inset-2xl-on-md {
4964
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
4965
- }
4966
- .pf-v6-c-divider.pf-m-inset-3xl-on-md {
4967
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
4968
- }
4969
- }
4970
- @media (min-width: 62rem) {
4971
- .pf-v6-c-divider.pf-m-horizontal-on-lg {
4972
- flex-direction: row;
4973
- width: 100%;
4974
- height: var(--pf-v6-c-divider--Size);
4975
- }
4976
- }
4977
- @media (min-width: 62rem) {
4978
- .pf-v6-c-divider.pf-m-vertical-on-lg {
4979
- flex-direction: column;
4980
- width: var(--pf-v6-c-divider--Size);
4981
- height: inherit;
4982
- }
4983
- }
4984
- @media (min-width: 62rem) {
4985
- .pf-v6-c-divider.pf-m-inset-none-on-lg {
4986
- --pf-v6-c-divider--before--FlexBasis: 100%;
4987
- }
4988
- .pf-v6-c-divider.pf-m-inset-xs-on-lg {
4989
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
4990
- }
4991
- .pf-v6-c-divider.pf-m-inset-sm-on-lg {
4992
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
4993
- }
4994
- .pf-v6-c-divider.pf-m-inset-md-on-lg {
4995
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
4996
- }
4997
- .pf-v6-c-divider.pf-m-inset-lg-on-lg {
4998
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
4999
- }
5000
- .pf-v6-c-divider.pf-m-inset-xl-on-lg {
5001
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5002
- }
5003
- .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
5004
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5005
- }
5006
- .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
5007
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5008
- }
5009
- }
5010
- @media (min-width: 75rem) {
5011
- .pf-v6-c-divider.pf-m-horizontal-on-xl {
5012
- flex-direction: row;
5013
- width: 100%;
5014
- height: var(--pf-v6-c-divider--Size);
5015
- }
5016
- }
5017
- @media (min-width: 75rem) {
5018
- .pf-v6-c-divider.pf-m-vertical-on-xl {
5019
- flex-direction: column;
5020
- width: var(--pf-v6-c-divider--Size);
5021
- height: inherit;
5022
- }
5023
- }
5024
- @media (min-width: 75rem) {
5025
- .pf-v6-c-divider.pf-m-inset-none-on-xl {
5026
- --pf-v6-c-divider--before--FlexBasis: 100%;
5027
- }
5028
- .pf-v6-c-divider.pf-m-inset-xs-on-xl {
5029
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5030
- }
5031
- .pf-v6-c-divider.pf-m-inset-sm-on-xl {
5032
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5033
- }
5034
- .pf-v6-c-divider.pf-m-inset-md-on-xl {
5035
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5036
- }
5037
- .pf-v6-c-divider.pf-m-inset-lg-on-xl {
5038
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5039
- }
5040
- .pf-v6-c-divider.pf-m-inset-xl-on-xl {
5041
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5042
- }
5043
- .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
5044
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5045
- }
5046
- .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
5047
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5048
- }
5049
- }
5050
- @media (min-width: 90.625rem) {
5051
- .pf-v6-c-divider.pf-m-horizontal-on-2xl {
5052
- flex-direction: row;
5053
- width: 100%;
5054
- height: var(--pf-v6-c-divider--Size);
5055
- }
5056
- }
5057
- @media (min-width: 90.625rem) {
5058
- .pf-v6-c-divider.pf-m-vertical-on-2xl {
5059
- flex-direction: column;
5060
- width: var(--pf-v6-c-divider--Size);
5061
- height: inherit;
5062
- }
5063
- }
5064
- @media (min-width: 90.625rem) {
5065
- .pf-v6-c-divider.pf-m-inset-none-on-2xl {
5066
- --pf-v6-c-divider--before--FlexBasis: 100%;
5067
- }
5068
- .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
5069
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
5070
- }
5071
- .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
5072
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
5073
- }
5074
- .pf-v6-c-divider.pf-m-inset-md-on-2xl {
5075
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
5076
- }
5077
- .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
5078
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
5079
- }
5080
- .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
5081
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
5082
- }
5083
- .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
5084
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
5085
- }
5086
- .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
5087
- --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
5088
- }
5089
- }
5090
4867
  .pf-v6-c-button {
5091
4868
  --pf-v6-c-button--Display: inline-flex;
5092
4869
  --pf-v6-c-button--AlignItems: baseline;
@@ -5102,6 +4879,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
5102
4879
  --pf-v6-c-button--FontWeight: var(--pf-t--global--font--weight--body--default);
5103
4880
  --pf-v6-c-button--FontSize: var(--pf-t--global--font--size--body--default);
5104
4881
  --pf-v6-c-button--BackgroundColor: transparent;
4882
+ --pf-v6-c-button--Background--click: radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
5105
4883
  --pf-v6-c-button--BorderColor: transparent;
5106
4884
  --pf-v6-c-button--BorderWidth: var(--pf-t--global--border--width--action--default);
5107
4885
  --pf-v6-c-button--BorderRadius: var(--pf-t--global--border--radius--pill);
@@ -5340,6 +5118,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
5340
5118
  --pf-v6-c-button--m-display-lg--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--spacious);
5341
5119
  --pf-v6-c-button--m-display-lg--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--spacious);
5342
5120
  --pf-v6-c-button--m-display-lg--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--spacious);
5121
+ --pf-v6-c-button--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
5343
5122
  --pf-v6-c-button--m-display-lg--FontWeight: var(--pf-t--global--font--weight--body--bold);
5344
5123
  --pf-v6-c-button--m-link--m-display-lg--FontSize: var(--pf-t--global--font--size--body--default);
5345
5124
  --pf-v6-c-button--m-display-lg--hover--TextDecorationColor: var(--pf-t--global--border--color--control--default);
@@ -5415,12 +5194,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
5415
5194
  --pf-v6-c-button--m-favorited__icon--favorited--Opacity: 1;
5416
5195
  --pf-v6-c-button__icon--favorite--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
5417
5196
  --pf-v6-c-button__progress--width: calc(var(--pf-t--global--icon--size--lg) + var(--pf-t--global--spacer--sm));
5418
- --pf-v6-c-button__progress--Opacity: 0;
5419
5197
  --pf-v6-c-button__progress--TranslateY: -50%;
5420
5198
  --pf-v6-c-button__progress--TranslateX: 0;
5421
5199
  --pf-v6-c-button__progress--InsetBlockStart: 50%;
5422
5200
  --pf-v6-c-button__progress--InsetInlineStart: var(--pf-t--global--spacer--control--horizontal--default);
5423
5201
  --pf-v6-c-button__progress--Color: var(--pf-v6-c-button__icon--Color);
5202
+ --pf-v6-c-button__progress--Position: absolute;
5424
5203
  --pf-v6-c-button--m-progress--PaddingInlineEnd: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
5425
5204
  --pf-v6-c-button--m-progress--PaddingInlineStart: calc(var(--pf-t--global--spacer--control--horizontal--default) + var(--pf-v6-c-button__progress--width) / 2);
5426
5205
  --pf-v6-c-button--m-in-progress--PaddingInlineEnd: var(--pf-t--global--spacer--control--horizontal--default);
@@ -5428,6 +5207,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
5428
5207
  --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-t--global--icon--color--brand--default);
5429
5208
  --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
5430
5209
  --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
5210
+ --pf-v6-c-button--m-progress--TransitionDuration: var(--pf-v6-c-button--TransitionDuration);
5211
+ --pf-v6-c-button--m-progress--TransitionProperty: var(--pf-v6-c-button--TransitionProperty), padding;
5431
5212
  --pf-v6-c-button--m-settings__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
5432
5213
  --pf-v6-c-button--m-settings__icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
5433
5214
  --pf-v6-c-button--m-settings--hover__icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--long);
@@ -5477,7 +5258,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
5477
5258
  cursor: pointer;
5478
5259
  -webkit-user-select: none;
5479
5260
  user-select: none;
5480
- background: var(--pf-v6-c-button--BackgroundColor) radial-gradient(circle, transparent 1%, color-mix(in srgb, currentcolor 15%, transparent) 2%) center/15000% 15000%;
5261
+ background: var(--pf-v6-c-button--BackgroundColor) var(--pf-v6-c-button--Background--click);
5481
5262
  border: 0;
5482
5263
  border-start-start-radius: var(--pf-v6-c-button--BorderStartStartRadius, var(--pf-v6-c-button--BorderRadius));
5483
5264
  border-start-end-radius: var(--pf-v6-c-button--BorderStartEndRadius, var(--pf-v6-c-button--BorderRadius));
@@ -5793,7 +5574,17 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5793
5574
 
5794
5575
  .pf-v6-c-button.pf-m-block {
5795
5576
  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
5577
+ --pf-v6-c-button__progress--Position: relative;
5578
+ --pf-v6-c-button__progress--InsetBlockStart: 0;
5579
+ --pf-v6-c-button__progress--InsetInlineStart: 0;
5580
+ --pf-v6-c-button__progress--TranslateY: 0;
5796
5581
  width: var(--pf-v6-c-button--m-block--Width);
5582
+ transition-duration: var(--pf-v6-c-button--m-progress--TransitionDuration);
5583
+ transition-property: var(--pf-v6-c-button--m-progress--TransitionProperty);
5584
+ }
5585
+
5586
+ .pf-v6-c-button.pf-m-block .pf-v6-c-button__progress {
5587
+ align-self: center;
5797
5588
  }
5798
5589
 
5799
5590
  .pf-v6-c-button.pf-m-small {
@@ -5880,7 +5671,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5880
5671
  --pf-v6-c-button__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
5881
5672
  --pf-v6-c-button__icon--TransitionDuration: 0s;
5882
5673
  --pf-v6-c-button__icon--TransitionProperty: scale;
5883
- --pf-v6-c-button--hover__icon--TransitionDelay: var(--pf-v6-c-button--hamburger-icon--TransitionDuration);
5884
5674
  --pf-v6-c-button--hover__icon--TransitionDuration: 0s;
5885
5675
  --pf-v6-c-button--hover__icon--TransitionProperty: scale;
5886
5676
  }
@@ -5961,11 +5751,11 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
5961
5751
  .pf-v6-c-button:disabled, .pf-v6-c-button.pf-m-disabled, .pf-v6-c-button.pf-m-aria-disabled {
5962
5752
  color: var(--pf-v6-c-button--disabled--Color);
5963
5753
  text-decoration-color: var(--pf-v6-c-button--disabled--TextDecorationColor);
5964
- background: var(--pf-v6-c-button--disabled--BackgroundColor);
5754
+ background: var(--pf-v6-c-button--disabled--BackgroundColor) var(--pf-v6-c-button--Background--click);
5965
5755
  }
5966
5756
 
5967
5757
  .pf-v6-c-button:disabled::after, .pf-v6-c-button.pf-m-disabled::after, .pf-v6-c-button.pf-m-aria-disabled::after {
5968
- border-color: transparent;
5758
+ border-color: var(--pf-v6-c-button--disabled--BorderColor);
5969
5759
  }
5970
5760
 
5971
5761
  .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 {
@@ -6024,12 +5814,12 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
6024
5814
  display: none;
6025
5815
  }
6026
5816
  }
6027
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-button.pf-m-docked, .pf-v6-c-button.pf-m-text-expanded {
5817
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-button.pf-m-docked, .pf-v6-c-button:is(.pf-m-text-expanded, .pf-m-expandable-expanded) {
6028
5818
  justify-content: flex-start;
6029
5819
  width: 100%;
6030
5820
  }
6031
5821
 
6032
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-button.pf-m-docked .pf-v6-c-button__text, .pf-v6-c-button.pf-m-text-expanded .pf-v6-c-button__text {
5822
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-button.pf-m-docked .pf-v6-c-button__text, .pf-v6-c-button:is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-button__text {
6033
5823
  display: revert;
6034
5824
  }
6035
5825
 
@@ -6069,7 +5859,7 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
6069
5859
  }
6070
5860
 
6071
5861
  .pf-v6-c-button__progress {
6072
- position: absolute;
5862
+ position: var(--pf-v6-c-button__progress--Position);
6073
5863
  inset-block-start: var(--pf-v6-c-button__progress--InsetBlockStart);
6074
5864
  inset-inline-start: var(--pf-v6-c-button__progress--InsetInlineStart);
6075
5865
  line-height: 1;
@@ -6127,88 +5917,6 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
6127
5917
  scale: 1.5;
6128
5918
  }
6129
5919
  }
6130
- .pf-v6-c-check {
6131
- --pf-v6-c-check--GridGap: var(--pf-t--global--spacer--gap--group--vertical) var(--pf-t--global--spacer--gap--text-to-element--default);
6132
- --pf-v6-c-check--AccentColor: var(--pf-t--global--color--brand--default);
6133
- --pf-v6-c-check--m-standalone--MinHeight: calc(var(--pf-v6-c-check__label--FontSize) * var(--pf-v6-c-check__label--LineHeight));
6134
- --pf-v6-c-check__label--disabled--Color: var(--pf-t--global--text--color--disabled);
6135
- --pf-v6-c-check__label--Color: var(--pf-t--global--text--color--regular);
6136
- --pf-v6-c-check__label--FontWeight: var(--pf-t--global--font--weight--body--default);
6137
- --pf-v6-c-check__label--FontSize: var(--pf-t--global--font--size--body--default);
6138
- --pf-v6-c-check__label--LineHeight: var(--pf-t--global--font--line-height--body);
6139
- --pf-v6-c-check__description--FontSize: var(--pf-t--global--font--size--body--sm);
6140
- --pf-v6-c-check__description--Color: var(--pf-t--global--text--color--subtle);
6141
- --pf-v6-c-check__label-required--MarginInlineStart: var(--pf-t--global--spacer--xs);
6142
- --pf-v6-c-check__label-required--FontSize: var(--pf-t--global--font--size--body--sm);
6143
- --pf-v6-c-check__label-required--Color: var(--pf-t--global--color--status--danger--default);
6144
- --pf-v6-c-check__input--TranslateY: calc((var(--pf-v6-c-check__label--LineHeight) * var(--pf-v6-c-check__label--FontSize) / 2 ) - 50%);
6145
- }
6146
-
6147
- .pf-v6-c-check {
6148
- display: grid;
6149
- grid-template-columns: auto 1fr;
6150
- gap: var(--pf-v6-c-check--GridGap);
6151
- accent-color: var(--pf-v6-c-check--AccentColor);
6152
- }
6153
-
6154
- .pf-v6-c-check.pf-m-standalone {
6155
- display: inline-grid;
6156
- grid-template-columns: auto;
6157
- min-height: var(--pf-v6-c-check--m-standalone--MinHeight);
6158
- }
6159
-
6160
- .pf-v6-c-check.pf-m-standalone .pf-v6-c-check__input {
6161
- align-self: center;
6162
- transform: none;
6163
- }
6164
-
6165
- .pf-v6-c-check__input {
6166
- align-self: start;
6167
- font-size: var(--pf-v6-c-check__label--FontSize);
6168
- line-height: var(--pf-v6-c-check__label--LineHeight);
6169
- transform: translateY(var(--pf-v6-c-check__input--TranslateY));
6170
- }
6171
-
6172
- .pf-v6-c-check__label {
6173
- font-size: var(--pf-v6-c-check__label--FontSize);
6174
- font-weight: var(--pf-v6-c-check__label--FontWeight);
6175
- line-height: var(--pf-v6-c-check__label--LineHeight);
6176
- color: var(--pf-v6-c-check__label--Color);
6177
- }
6178
-
6179
- .pf-v6-c-check__description {
6180
- grid-column: 2;
6181
- font-size: var(--pf-v6-c-check__description--FontSize);
6182
- color: var(--pf-v6-c-check__description--Color);
6183
- }
6184
-
6185
- .pf-v6-c-check__body {
6186
- grid-column: 2;
6187
- }
6188
-
6189
- .pf-v6-c-check__label,
6190
- .pf-v6-c-check__input {
6191
- justify-self: start;
6192
- }
6193
-
6194
- label.pf-v6-c-check, .pf-v6-c-check__label,
6195
- .pf-v6-c-check__input {
6196
- cursor: pointer;
6197
- }
6198
-
6199
- .pf-v6-c-check__label:disabled, .pf-v6-c-check__label.pf-m-disabled,
6200
- .pf-v6-c-check__input:disabled,
6201
- .pf-v6-c-check__input.pf-m-disabled {
6202
- --pf-v6-c-check__label--Color: var(--pf-v6-c-check__label--disabled--Color);
6203
- cursor: not-allowed;
6204
- }
6205
-
6206
- .pf-v6-c-check__label-required {
6207
- margin-inline-start: var(--pf-v6-c-check__label-required--MarginInlineStart);
6208
- font-size: var(--pf-v6-c-check__label-required--FontSize);
6209
- color: var(--pf-v6-c-check__label-required--Color);
6210
- }
6211
-
6212
5920
  .pf-v6-c-menu-toggle {
6213
5921
  --pf-v6-c-menu-toggle--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
6214
5922
  --pf-v6-c-menu-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
@@ -6606,14 +6314,14 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6606
6314
  display: none;
6607
6315
  }
6608
6316
  }
6609
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle.pf-m-docked, .pf-v6-c-menu-toggle.pf-m-text-expanded {
6317
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-menu-toggle.pf-m-docked, .pf-v6-c-menu-toggle:is(.pf-m-text-expanded, .pf-m-expandable-expanded) {
6610
6318
  justify-content: flex-start;
6611
6319
  width: 100%;
6612
6320
  }
6613
6321
 
6614
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__text,
6615
- :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock).pf-m-text-expanded .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__controls, .pf-v6-c-menu-toggle.pf-m-text-expanded .pf-v6-c-menu-toggle__text,
6616
- .pf-v6-c-menu-toggle.pf-m-text-expanded .pf-v6-c-menu-toggle__controls {
6322
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__text,
6323
+ :is(.pf-v6-c-page__dock, .pf-v6-c-compass__dock):is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__controls, .pf-v6-c-menu-toggle:is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-menu-toggle__text,
6324
+ .pf-v6-c-menu-toggle:is(.pf-m-text-expanded, .pf-m-expandable-expanded) .pf-v6-c-menu-toggle__controls {
6617
6325
  display: revert;
6618
6326
  }
6619
6327
 
@@ -6769,48 +6477,369 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6769
6477
  white-space: nowrap;
6770
6478
  min-width: 0;
6771
6479
  }
6772
-
6773
- .pf-v6-c-menu-toggle__count {
6774
- display: flex;
6775
- flex-wrap: nowrap;
6480
+
6481
+ .pf-v6-c-menu-toggle__count {
6482
+ display: flex;
6483
+ flex-wrap: nowrap;
6484
+ }
6485
+
6486
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
6487
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
6488
+ .pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
6489
+ margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
6490
+ margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
6491
+ }
6492
+
6493
+ .pf-v6-c-menu-toggle__icon {
6494
+ flex-shrink: 0;
6495
+ rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
6496
+ transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
6497
+ transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
6498
+ transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
6499
+ }
6500
+
6501
+ .pf-v6-c-menu-toggle__icon :where(picture, img) {
6502
+ vertical-align: middle;
6503
+ }
6504
+
6505
+ .pf-v6-c-menu-toggle__controls {
6506
+ display: flex;
6507
+ gap: var(--pf-v6-c-menu-toggle__controls--Gap);
6508
+ align-items: center;
6509
+ justify-content: center;
6510
+ margin-inline-start: auto;
6511
+ }
6512
+
6513
+ .pf-v6-c-menu-toggle__toggle-icon {
6514
+ min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
6515
+ color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
6516
+ }
6517
+
6518
+ .pf-v6-c-menu-toggle__status-icon {
6519
+ color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
6520
+ }
6521
+
6522
+ .pf-v6-c-divider {
6523
+ --pf-v6-c-divider--Display: flex;
6524
+ --pf-v6-c-divider--Color: var(--pf-t--global--border--color--default);
6525
+ --pf-v6-c-divider--Size: var(--pf-t--global--border--width--divider--default);
6526
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6527
+ }
6528
+
6529
+ .pf-v6-c-divider {
6530
+ flex-direction: row;
6531
+ width: 100%;
6532
+ height: var(--pf-v6-c-divider--Size);
6533
+ --pf-v6-hidden-visible--visible--Display: var(--pf-v6-c-divider--Display);
6534
+ --pf-v6-hidden-visible--hidden--Display: none;
6535
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6536
+ display: var(--pf-v6-hidden-visible--Display);
6537
+ }
6538
+
6539
+ .pf-v6-c-divider.pf-m-hidden {
6540
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6541
+ }
6542
+
6543
+ @media screen and (min-width: 36rem) {
6544
+ .pf-v6-c-divider.pf-m-hidden-on-sm {
6545
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6546
+ }
6547
+ .pf-v6-c-divider.pf-m-visible-on-sm {
6548
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6549
+ }
6550
+ }
6551
+ @media screen and (min-width: 48rem) {
6552
+ .pf-v6-c-divider.pf-m-hidden-on-md {
6553
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6554
+ }
6555
+ .pf-v6-c-divider.pf-m-visible-on-md {
6556
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6557
+ }
6558
+ }
6559
+ @media screen and (min-width: 62rem) {
6560
+ .pf-v6-c-divider.pf-m-hidden-on-lg {
6561
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6562
+ }
6563
+ .pf-v6-c-divider.pf-m-visible-on-lg {
6564
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6565
+ }
6566
+ }
6567
+ @media screen and (min-width: 75rem) {
6568
+ .pf-v6-c-divider.pf-m-hidden-on-xl {
6569
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6570
+ }
6571
+ .pf-v6-c-divider.pf-m-visible-on-xl {
6572
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6573
+ }
6574
+ }
6575
+ @media screen and (min-width: 90.625rem) {
6576
+ .pf-v6-c-divider.pf-m-hidden-on-2xl {
6577
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--hidden--Display);
6578
+ }
6579
+ .pf-v6-c-divider.pf-m-visible-on-2xl {
6580
+ --pf-v6-hidden-visible--Display: var(--pf-v6-hidden-visible--visible--Display);
6581
+ }
6582
+ }
6583
+ .pf-v6-c-divider {
6584
+ flex-shrink: 0;
6585
+ align-items: stretch;
6586
+ align-self: stretch;
6587
+ justify-content: center;
6588
+ border: 0;
6589
+ }
6590
+
6591
+ .pf-v6-c-divider::before {
6592
+ flex-basis: var(--pf-v6-c-divider--before--FlexBasis);
6593
+ content: "";
6594
+ background-color: var(--pf-v6-c-divider--Color);
6595
+ border-block-start: var(--pf-v6-c-divider--Size) solid transparent;
6596
+ border-inline-start: var(--pf-v6-c-divider--Size) solid transparent;
6597
+ }
6598
+
6599
+ .pf-v6-c-divider.pf-m-horizontal {
6600
+ flex-direction: row;
6601
+ width: 100%;
6602
+ height: var(--pf-v6-c-divider--Size);
6603
+ }
6604
+
6605
+ .pf-v6-c-divider.pf-m-vertical {
6606
+ flex-direction: column;
6607
+ width: var(--pf-v6-c-divider--Size);
6608
+ height: inherit;
6609
+ }
6610
+
6611
+ .pf-v6-c-divider.pf-m-inset-none {
6612
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - 0% * 2);
6613
+ }
6614
+
6615
+ .pf-v6-c-divider.pf-m-inset-xs {
6616
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6617
+ }
6618
+
6619
+ .pf-v6-c-divider.pf-m-inset-sm {
6620
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6621
+ }
6622
+
6623
+ .pf-v6-c-divider.pf-m-inset-md {
6624
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6625
+ }
6626
+
6627
+ .pf-v6-c-divider.pf-m-inset-lg {
6628
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6629
+ }
6630
+
6631
+ .pf-v6-c-divider.pf-m-inset-xl {
6632
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6633
+ }
6634
+
6635
+ .pf-v6-c-divider.pf-m-inset-2xl {
6636
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6637
+ }
6638
+
6639
+ .pf-v6-c-divider.pf-m-inset-3xl {
6640
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6641
+ }
6642
+
6643
+ @media (min-width: 36rem) {
6644
+ .pf-v6-c-divider.pf-m-horizontal-on-sm {
6645
+ flex-direction: row;
6646
+ width: 100%;
6647
+ height: var(--pf-v6-c-divider--Size);
6648
+ }
6649
+ }
6650
+ @media (min-width: 36rem) {
6651
+ .pf-v6-c-divider.pf-m-vertical-on-sm {
6652
+ flex-direction: column;
6653
+ width: var(--pf-v6-c-divider--Size);
6654
+ height: inherit;
6655
+ }
6656
+ }
6657
+ @media (min-width: 36rem) {
6658
+ .pf-v6-c-divider.pf-m-inset-none-on-sm {
6659
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6660
+ }
6661
+ .pf-v6-c-divider.pf-m-inset-xs-on-sm {
6662
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6663
+ }
6664
+ .pf-v6-c-divider.pf-m-inset-sm-on-sm {
6665
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6666
+ }
6667
+ .pf-v6-c-divider.pf-m-inset-md-on-sm {
6668
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6669
+ }
6670
+ .pf-v6-c-divider.pf-m-inset-lg-on-sm {
6671
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6672
+ }
6673
+ .pf-v6-c-divider.pf-m-inset-xl-on-sm {
6674
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6675
+ }
6676
+ .pf-v6-c-divider.pf-m-inset-2xl-on-sm {
6677
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6678
+ }
6679
+ .pf-v6-c-divider.pf-m-inset-3xl-on-sm {
6680
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6681
+ }
6682
+ }
6683
+ @media (min-width: 48rem) {
6684
+ .pf-v6-c-divider.pf-m-horizontal-on-md {
6685
+ flex-direction: row;
6686
+ width: 100%;
6687
+ height: var(--pf-v6-c-divider--Size);
6688
+ }
6689
+ }
6690
+ @media (min-width: 48rem) {
6691
+ .pf-v6-c-divider.pf-m-vertical-on-md {
6692
+ flex-direction: column;
6693
+ width: var(--pf-v6-c-divider--Size);
6694
+ height: inherit;
6695
+ }
6696
+ }
6697
+ @media (min-width: 48rem) {
6698
+ .pf-v6-c-divider.pf-m-inset-none-on-md {
6699
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6700
+ }
6701
+ .pf-v6-c-divider.pf-m-inset-xs-on-md {
6702
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6703
+ }
6704
+ .pf-v6-c-divider.pf-m-inset-sm-on-md {
6705
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6706
+ }
6707
+ .pf-v6-c-divider.pf-m-inset-md-on-md {
6708
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6709
+ }
6710
+ .pf-v6-c-divider.pf-m-inset-lg-on-md {
6711
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6712
+ }
6713
+ .pf-v6-c-divider.pf-m-inset-xl-on-md {
6714
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6715
+ }
6716
+ .pf-v6-c-divider.pf-m-inset-2xl-on-md {
6717
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6718
+ }
6719
+ .pf-v6-c-divider.pf-m-inset-3xl-on-md {
6720
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6721
+ }
6722
+ }
6723
+ @media (min-width: 62rem) {
6724
+ .pf-v6-c-divider.pf-m-horizontal-on-lg {
6725
+ flex-direction: row;
6726
+ width: 100%;
6727
+ height: var(--pf-v6-c-divider--Size);
6728
+ }
6729
+ }
6730
+ @media (min-width: 62rem) {
6731
+ .pf-v6-c-divider.pf-m-vertical-on-lg {
6732
+ flex-direction: column;
6733
+ width: var(--pf-v6-c-divider--Size);
6734
+ height: inherit;
6735
+ }
6736
+ }
6737
+ @media (min-width: 62rem) {
6738
+ .pf-v6-c-divider.pf-m-inset-none-on-lg {
6739
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6740
+ }
6741
+ .pf-v6-c-divider.pf-m-inset-xs-on-lg {
6742
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6743
+ }
6744
+ .pf-v6-c-divider.pf-m-inset-sm-on-lg {
6745
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6746
+ }
6747
+ .pf-v6-c-divider.pf-m-inset-md-on-lg {
6748
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6749
+ }
6750
+ .pf-v6-c-divider.pf-m-inset-lg-on-lg {
6751
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6752
+ }
6753
+ .pf-v6-c-divider.pf-m-inset-xl-on-lg {
6754
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6755
+ }
6756
+ .pf-v6-c-divider.pf-m-inset-2xl-on-lg {
6757
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6758
+ }
6759
+ .pf-v6-c-divider.pf-m-inset-3xl-on-lg {
6760
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6761
+ }
6776
6762
  }
6777
-
6778
- .pf-v6-c-menu-toggle__icon.pf-m-avatar .pf-v6-c-avatar,
6779
- .pf-v6-c-menu-toggle__icon.pf-m-avatar img,
6780
- .pf-v6-c-menu-toggle__icon.pf-m-avatar svg, .pf-v6-c-menu-toggle:not(.pf-m-plain) .pf-v6-c-menu-toggle__icon {
6781
- margin-block-start: calc(var(--pf-v6-c-menu-toggle--PaddingBlockStart) * -1);
6782
- margin-block-end: calc(var(--pf-v6-c-menu-toggle--PaddingBlockEnd) * -1);
6763
+ @media (min-width: 75rem) {
6764
+ .pf-v6-c-divider.pf-m-horizontal-on-xl {
6765
+ flex-direction: row;
6766
+ width: 100%;
6767
+ height: var(--pf-v6-c-divider--Size);
6768
+ }
6783
6769
  }
6784
-
6785
- .pf-v6-c-menu-toggle__icon {
6786
- flex-shrink: 0;
6787
- rotate: var(--pf-v6-c-menu-toggle__icon--Rotate);
6788
- transition-delay: var(--pf-v6-c-menu-toggle__icon--TransitionDelay);
6789
- transition-duration: var(--pf-v6-c-menu-toggle__icon--TransitionDuration);
6790
- transition-property: var(--pf-v6-c-menu-toggle__icon--TransitionProperty);
6770
+ @media (min-width: 75rem) {
6771
+ .pf-v6-c-divider.pf-m-vertical-on-xl {
6772
+ flex-direction: column;
6773
+ width: var(--pf-v6-c-divider--Size);
6774
+ height: inherit;
6775
+ }
6791
6776
  }
6792
-
6793
- .pf-v6-c-menu-toggle__icon :where(picture, img) {
6794
- vertical-align: middle;
6777
+ @media (min-width: 75rem) {
6778
+ .pf-v6-c-divider.pf-m-inset-none-on-xl {
6779
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6780
+ }
6781
+ .pf-v6-c-divider.pf-m-inset-xs-on-xl {
6782
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6783
+ }
6784
+ .pf-v6-c-divider.pf-m-inset-sm-on-xl {
6785
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6786
+ }
6787
+ .pf-v6-c-divider.pf-m-inset-md-on-xl {
6788
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6789
+ }
6790
+ .pf-v6-c-divider.pf-m-inset-lg-on-xl {
6791
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6792
+ }
6793
+ .pf-v6-c-divider.pf-m-inset-xl-on-xl {
6794
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6795
+ }
6796
+ .pf-v6-c-divider.pf-m-inset-2xl-on-xl {
6797
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6798
+ }
6799
+ .pf-v6-c-divider.pf-m-inset-3xl-on-xl {
6800
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6801
+ }
6795
6802
  }
6796
-
6797
- .pf-v6-c-menu-toggle__controls {
6798
- display: flex;
6799
- gap: var(--pf-v6-c-menu-toggle__controls--Gap);
6800
- align-items: center;
6801
- justify-content: center;
6802
- margin-inline-start: auto;
6803
+ @media (min-width: 90.625rem) {
6804
+ .pf-v6-c-divider.pf-m-horizontal-on-2xl {
6805
+ flex-direction: row;
6806
+ width: 100%;
6807
+ height: var(--pf-v6-c-divider--Size);
6808
+ }
6803
6809
  }
6804
-
6805
- .pf-v6-c-menu-toggle__toggle-icon {
6806
- min-height: var(--pf-v6-c-menu-toggle__toggle-icon--MinHeight);
6807
- color: var(--pf-v6-c-menu-toggle__toggle-icon--Color, inherit);
6810
+ @media (min-width: 90.625rem) {
6811
+ .pf-v6-c-divider.pf-m-vertical-on-2xl {
6812
+ flex-direction: column;
6813
+ width: var(--pf-v6-c-divider--Size);
6814
+ height: inherit;
6815
+ }
6808
6816
  }
6809
-
6810
- .pf-v6-c-menu-toggle__status-icon {
6811
- color: var(--pf-v6-c-menu-toggle__status-icon--Color, inherit);
6817
+ @media (min-width: 90.625rem) {
6818
+ .pf-v6-c-divider.pf-m-inset-none-on-2xl {
6819
+ --pf-v6-c-divider--before--FlexBasis: 100%;
6820
+ }
6821
+ .pf-v6-c-divider.pf-m-inset-xs-on-2xl {
6822
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xs) * 2);
6823
+ }
6824
+ .pf-v6-c-divider.pf-m-inset-sm-on-2xl {
6825
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--sm) * 2);
6826
+ }
6827
+ .pf-v6-c-divider.pf-m-inset-md-on-2xl {
6828
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--md) * 2);
6829
+ }
6830
+ .pf-v6-c-divider.pf-m-inset-lg-on-2xl {
6831
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--lg) * 2);
6832
+ }
6833
+ .pf-v6-c-divider.pf-m-inset-xl-on-2xl {
6834
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--xl) * 2);
6835
+ }
6836
+ .pf-v6-c-divider.pf-m-inset-2xl-on-2xl {
6837
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--2xl) * 2);
6838
+ }
6839
+ .pf-v6-c-divider.pf-m-inset-3xl-on-2xl {
6840
+ --pf-v6-c-divider--before--FlexBasis: calc(100% - var(--pf-t--global--spacer--3xl) * 2);
6841
+ }
6812
6842
  }
6813
-
6814
6843
  .pf-v6-c-form-control {
6815
6844
  --pf-v6-c-form-control--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
6816
6845
  --pf-v6-c-form-control--Color: var(--pf-t--global--text--color--regular);
@@ -6829,6 +6858,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6829
6858
  --pf-v6-c-form-control--after--BorderRadius: var(--pf-v6-c-form-control--BorderRadius);
6830
6859
  --pf-v6-c-form-control--BackgroundColor: var(--pf-t--global--background--color--control--default);
6831
6860
  --pf-v6-c-form-control--Width: 100%;
6861
+ --pf-v6-c-form-control--TransitionDelay: 0s;
6862
+ --pf-v6-c-form-control--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate);
6863
+ --pf-v6-c-form-control--TransitionDuration: var(--pf-t--global--motion--duration--fade--default);
6864
+ --pf-v6-c-form-control--TransitionProperty: color, background-color, border-color;
6832
6865
  --pf-v6-c-form-control--inset--base: var(--pf-t--global--spacer--control--horizontal--default);
6833
6866
  --pf-v6-c-form-control--PaddingBlockStart--base: var(--pf-t--global--spacer--control--vertical--default);
6834
6867
  --pf-v6-c-form-control--PaddingBlockEnd--base: var(--pf-t--global--spacer--control--vertical--default);
@@ -6934,6 +6967,10 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6934
6967
  resize: var(--pf-v6-c-form-control--Resize);
6935
6968
  background-color: var(--pf-v6-c-form-control--BackgroundColor);
6936
6969
  border-radius: var(--pf-v6-c-form-control--BorderRadius);
6970
+ transition-delay: var(--pf-v6-c-form-control--TransitionDelay);
6971
+ transition-timing-function: var(--pf-v6-c-form-control--TransitionTimingFunction);
6972
+ transition-duration: var(--pf-v6-c-form-control--TransitionDuration);
6973
+ transition-property: var(--pf-v6-c-form-control--TransitionProperty);
6937
6974
  }
6938
6975
 
6939
6976
  .pf-v6-c-form-control::before, .pf-v6-c-form-control::after {
@@ -6941,6 +6978,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
6941
6978
  inset: 0;
6942
6979
  pointer-events: none;
6943
6980
  content: "";
6981
+ transition: inherit;
6944
6982
  }
6945
6983
 
6946
6984
  .pf-v6-c-form-control::before {
@@ -7054,11 +7092,13 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
7054
7092
  --pf-v6-c-form-control--Color: var(--pf-v6-c-form-control--m-disabled--Color);
7055
7093
  --pf-v6-c-form-control--m-placeholder--Color: var(--pf-v6-c-form-control--m-disabled--Color);
7056
7094
  --pf-v6-c-form-control__toggle-icon--Color: var(--pf-v6-c-form-control--m-disabled__toggle-icon--Color);
7057
- --pf-v6-c-form-control--before--BorderStyle: none;
7058
- --pf-v6-c-form-control--after--BorderStyle: none;
7059
7095
  cursor: not-allowed;
7060
7096
  }
7061
7097
 
7098
+ .pf-v6-c-form-control.pf-m-disabled::before, .pf-v6-c-form-control.pf-m-disabled::after {
7099
+ border-color: transparent;
7100
+ }
7101
+
7062
7102
  .pf-v6-c-form-control.pf-m-error {
7063
7103
  --pf-v6-c-form-control--after--BorderColor: var(--pf-v6-c-form-control--m-error--after--BorderColor);
7064
7104
  --pf-v6-c-form-control--hover--after--BorderColor: var(--pf-v6-c-form-control--m-error--hover--after--BorderColor);
@@ -7230,49 +7270,6 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
7230
7270
  pointer-events: none;
7231
7271
  }
7232
7272
 
7233
- .pf-v6-c-action-list {
7234
- --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
7235
- --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
7236
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
7237
- --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
7238
- --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
7239
- --pf-v6-c-action-list--m-vertical--m-icons--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
7240
- }
7241
-
7242
- .pf-v6-c-action-list,
7243
- .pf-v6-c-action-list__group {
7244
- display: flex;
7245
- align-items: start;
7246
- }
7247
-
7248
- .pf-v6-c-action-list {
7249
- row-gap: var(--pf-v6-c-action-list--RowGap);
7250
- column-gap: var(--pf-v6-c-action-list--ColumnGap);
7251
- }
7252
-
7253
- .pf-v6-c-action-list.pf-m-icons {
7254
- --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
7255
- --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-v6-c-action-list--m-vertical--m-icons--RowGap);
7256
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
7257
- }
7258
-
7259
- .pf-v6-c-action-list.pf-m-vertical, .pf-v6-c-action-list.pf-m-vertical .pf-v6-c-action-list__group {
7260
- flex-direction: column;
7261
- }
7262
-
7263
- .pf-v6-c-action-list.pf-m-vertical {
7264
- row-gap: var(--pf-v6-c-action-list--m-vertical--RowGap);
7265
- }
7266
-
7267
- .pf-v6-c-action-list__group {
7268
- row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
7269
- column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
7270
- }
7271
-
7272
- .pf-v6-c-action-list__group.pf-m-icons {
7273
- column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
7274
- }
7275
-
7276
7273
  .pf-v6-c-popover {
7277
7274
  --pf-v6-c-popover--FontSize: var(--pf-t--global--font--size--body--sm);
7278
7275
  --pf-v6-c-popover--MinWidth: calc(var(--pf-v6-c-popover__content--PaddingInlineStart) + var(--pf-v6-c-popover__content--PaddingInlineEnd) + 18.75rem);
@@ -7312,7 +7309,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
7312
7309
  --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
7313
7310
  --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
7314
7311
  --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
7315
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
7312
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
7316
7313
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
7317
7314
  --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
7318
7315
  --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
@@ -7571,93 +7568,152 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
7571
7568
  justify-self: start;
7572
7569
  }
7573
7570
 
7574
- label.pf-v6-c-radio, .pf-v6-c-radio__label,
7575
- .pf-v6-c-radio__input {
7576
- cursor: pointer;
7571
+ label.pf-v6-c-radio, .pf-v6-c-radio__label,
7572
+ .pf-v6-c-radio__input {
7573
+ cursor: pointer;
7574
+ }
7575
+
7576
+ .pf-v6-c-radio__label:disabled, .pf-v6-c-radio__label.pf-m-disabled,
7577
+ .pf-v6-c-radio__input:disabled,
7578
+ .pf-v6-c-radio__input.pf-m-disabled {
7579
+ --pf-v6-c-radio__label--Color: var(--pf-v6-c-radio__label--disabled--Color);
7580
+ cursor: not-allowed;
7581
+ }
7582
+
7583
+ .pf-v6-c-action-list {
7584
+ --pf-v6-c-action-list--RowGap: var(--pf-t--global--spacer--gap--group--vertical);
7585
+ --pf-v6-c-action-list--ColumnGap: var(--pf-t--global--spacer--gap--group-to-group--horizontal--default);
7586
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--default);
7587
+ --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-t--global--spacer--gap--group-to-group--vertical--default);
7588
+ --pf-v6-c-action-list--m-icons--ColumnGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
7589
+ --pf-v6-c-action-list--m-vertical--m-icons--RowGap: var(--pf-t--global--spacer--gap--action-to-action--plain);
7590
+ }
7591
+
7592
+ .pf-v6-c-action-list,
7593
+ .pf-v6-c-action-list__group {
7594
+ display: flex;
7595
+ align-items: start;
7596
+ }
7597
+
7598
+ .pf-v6-c-action-list {
7599
+ row-gap: var(--pf-v6-c-action-list--RowGap);
7600
+ column-gap: var(--pf-v6-c-action-list--ColumnGap);
7601
+ }
7602
+
7603
+ .pf-v6-c-action-list.pf-m-icons {
7604
+ --pf-v6-c-action-list__group--ColumnGap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
7605
+ --pf-v6-c-action-list--m-vertical--RowGap: var(--pf-v6-c-action-list--m-vertical--m-icons--RowGap);
7606
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
7607
+ }
7608
+
7609
+ .pf-v6-c-action-list.pf-m-vertical, .pf-v6-c-action-list.pf-m-vertical .pf-v6-c-action-list__group {
7610
+ flex-direction: column;
7611
+ }
7612
+
7613
+ .pf-v6-c-action-list.pf-m-vertical {
7614
+ row-gap: var(--pf-v6-c-action-list--m-vertical--RowGap);
7615
+ }
7616
+
7617
+ .pf-v6-c-action-list__group {
7618
+ row-gap: var(--pf-v6-c-action-list__group--RowGap, var(--pf-v6-c-action-list--RowGap));
7619
+ column-gap: var(--pf-v6-c-action-list__group--ColumnGap);
7620
+ }
7621
+
7622
+ .pf-v6-c-action-list__group.pf-m-icons {
7623
+ column-gap: var(--pf-v6-c-action-list--m-icons--ColumnGap);
7624
+ }
7625
+
7626
+ .pf-v6-c-spinner {
7627
+ --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
7628
+ --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
7629
+ --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
7630
+ --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
7631
+ --pf-v6-c-spinner--AnimationDuration: 1.4s;
7632
+ --pf-v6-c-spinner--AnimationTimingFunction: linear;
7633
+ --pf-v6-c-spinner--StrokeWidth: 10;
7634
+ --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
7635
+ --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
7636
+ --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
7637
+ --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
7638
+ --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
7639
+ --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
7640
+ --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
7641
+ --pf-v6-c-spinner--m-inline--diameter: 1em;
7642
+ }
7643
+
7644
+ .pf-v6-c-spinner {
7645
+ width: var(--pf-v6-c-spinner--Width);
7646
+ height: var(--pf-v6-c-spinner--Height);
7647
+ overflow: hidden;
7648
+ animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
7577
7649
  }
7578
7650
 
7579
- .pf-v6-c-radio__label:disabled, .pf-v6-c-radio__label.pf-m-disabled,
7580
- .pf-v6-c-radio__input:disabled,
7581
- .pf-v6-c-radio__input.pf-m-disabled {
7582
- --pf-v6-c-radio__label--Color: var(--pf-v6-c-radio__label--disabled--Color);
7583
- cursor: not-allowed;
7651
+ .pf-v6-c-spinner.pf-m-inline {
7652
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
7584
7653
  }
7585
7654
 
7586
- .pf-v6-c-badge {
7587
- --pf-v6-c-badge--BorderColor: transparent;
7588
- --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
7589
- --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
7590
- --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
7591
- --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
7592
- --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
7593
- --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
7594
- --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7595
- --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
7596
- --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
7597
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7598
- --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
7599
- --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
7600
- --pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
7601
- --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
7602
- --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
7603
- --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
7604
- --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
7605
- --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
7606
- --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
7607
- --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
7655
+ .pf-v6-c-spinner.pf-m-xs {
7656
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
7657
+ --pf-v6-c-spinner--StrokeWidth: 15;
7608
7658
  }
7609
7659
 
7610
- .pf-v6-c-badge {
7611
- position: relative;
7612
- display: inline-block;
7613
- min-width: var(--pf-v6-c-badge--MinWidth);
7614
- padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
7615
- padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
7616
- font-size: var(--pf-v6-c-badge--FontSize);
7617
- font-weight: var(--pf-v6-c-badge--FontWeight);
7618
- color: var(--pf-v6-c-badge--Color);
7619
- text-align: center;
7620
- white-space: nowrap;
7621
- background-color: var(--pf-v6-c-badge--BackgroundColor);
7622
- border-radius: var(--pf-v6-c-badge--BorderRadius);
7660
+ .pf-v6-c-spinner.pf-m-sm {
7661
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
7623
7662
  }
7624
7663
 
7625
- .pf-v6-c-badge::after {
7626
- position: absolute;
7627
- inset: 0;
7628
- pointer-events: none;
7629
- content: "";
7630
- border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
7631
- border-radius: inherit;
7664
+ .pf-v6-c-spinner.pf-m-md {
7665
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
7632
7666
  }
7633
7667
 
7634
- .pf-v6-c-badge.pf-m-read {
7635
- --pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
7636
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
7637
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
7638
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
7668
+ .pf-v6-c-spinner.pf-m-lg {
7669
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
7639
7670
  }
7640
7671
 
7641
- .pf-v6-c-badge.pf-m-unread {
7642
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
7643
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
7644
- --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
7672
+ .pf-v6-c-spinner.pf-m-xl {
7673
+ --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
7645
7674
  }
7646
7675
 
7647
- .pf-v6-c-badge.pf-m-disabled {
7648
- --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
7649
- --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
7676
+ .pf-v6-m-no-motion .pf-v6-c-spinner {
7677
+ --pf-v6-c-spinner--AnimationDuration: 0s;
7650
7678
  }
7651
7679
 
7652
- .pf-v6-c-badge.pf-m-disabled::after {
7653
- border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
7680
+ .pf-v6-c-spinner__path {
7681
+ width: 100%;
7682
+ height: 100%;
7683
+ stroke: var(--pf-v6-c-spinner--Color);
7684
+ stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
7685
+ stroke-linecap: round;
7686
+ stroke-dasharray: 283;
7687
+ stroke-dashoffset: 280;
7688
+ transform-origin: 50% 50%;
7689
+ animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
7654
7690
  }
7655
7691
 
7656
- .pf-v6-c-badge__toggle-icon {
7657
- margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
7658
- color: var(--pf-v6-c-badge__toggle-icon--Color);
7692
+ @keyframes pf-v6-c-spinner-animation-rotate {
7693
+ 0% {
7694
+ transform: rotate(0deg);
7695
+ }
7696
+ 100% {
7697
+ transform: rotate(360deg);
7698
+ }
7699
+ }
7700
+ @keyframes pf-v6-c-spinner-animation-dash {
7701
+ 0% {
7702
+ stroke-dashoffset: 280;
7703
+ transform: rotate(0);
7704
+ }
7705
+ 15% {
7706
+ stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
7707
+ }
7708
+ 40% {
7709
+ stroke-dasharray: 220;
7710
+ stroke-dashoffset: 150;
7711
+ }
7712
+ 100% {
7713
+ stroke-dashoffset: 280;
7714
+ transform: rotate(720deg);
7715
+ }
7659
7716
  }
7660
-
7661
7717
  .pf-v6-c-menu {
7662
7718
  --pf-v6-c-menu--RowGap: var(--pf-t--global--spacer--xs);
7663
7719
  --pf-v6-c-menu--Width: auto;
@@ -7885,7 +7941,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
7885
7941
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
7886
7942
  --pf-v6-c-menu__item-external--Color: transparent;
7887
7943
  --pf-v6-c-menu__item-select-icon--Color: transparent;
7888
- --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
7944
+ --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
7889
7945
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
7890
7946
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
7891
7947
  --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
@@ -8361,97 +8417,81 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
8361
8417
  outline-offset: var(--pf-v6-c-menu--OutlineOffset);
8362
8418
  }
8363
8419
 
8364
- .pf-v6-c-spinner {
8365
- --pf-v6-c-spinner--diameter: var(--pf-t--global--icon--size--2xl);
8366
- --pf-v6-c-spinner--Width: var(--pf-v6-c-spinner--diameter);
8367
- --pf-v6-c-spinner--Height: var(--pf-v6-c-spinner--diameter);
8368
- --pf-v6-c-spinner--Color: var(--pf-t--global--icon--color--brand--default);
8369
- --pf-v6-c-spinner--AnimationDuration: 1.4s;
8370
- --pf-v6-c-spinner--AnimationTimingFunction: linear;
8371
- --pf-v6-c-spinner--StrokeWidth: 10;
8372
- --pf-v6-c-spinner__path--StrokeWidth: var(--pf-v6-c-spinner--StrokeWidth);
8373
- --pf-v6-c-spinner__path--AnimationTimingFunction: ease-in-out;
8374
- --pf-v6-c-spinner--m-xs--diameter: var(--pf-t--global--icon--size--sm);
8375
- --pf-v6-c-spinner--m-sm--diameter: var(--pf-t--global--icon--size--md);
8376
- --pf-v6-c-spinner--m-md--diameter: var(--pf-t--global--icon--size--lg);
8377
- --pf-v6-c-spinner--m-lg--diameter: var(--pf-t--global--icon--size--xl);
8378
- --pf-v6-c-spinner--m-xl--diameter: var(--pf-t--global--icon--size--2xl);
8379
- --pf-v6-c-spinner--m-inline--diameter: 1em;
8380
- }
8381
-
8382
- .pf-v6-c-spinner {
8383
- width: var(--pf-v6-c-spinner--Width);
8384
- height: var(--pf-v6-c-spinner--Height);
8385
- overflow: hidden;
8386
- animation: pf-v6-c-spinner-animation-rotate calc(var(--pf-v6-c-spinner--AnimationDuration) * 2) var(--pf-v6-c-spinner--AnimationTimingFunction) infinite;
8387
- }
8388
-
8389
- .pf-v6-c-spinner.pf-m-inline {
8390
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-inline--diameter);
8420
+ .pf-v6-c-badge {
8421
+ --pf-v6-c-badge--BorderColor: transparent;
8422
+ --pf-v6-c-badge--BorderWidth: var(--pf-t--global--border--width--regular);
8423
+ --pf-v6-c-badge--BorderRadius: var(--pf-t--global--border--radius--pill);
8424
+ --pf-v6-c-badge--FontSize: var(--pf-t--global--font--size--body--sm);
8425
+ --pf-v6-c-badge--FontWeight: var(--pf-t--global--font--weight--body--bold);
8426
+ --pf-v6-c-badge--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
8427
+ --pf-v6-c-badge--PaddingInlineStart: var(--pf-t--global--spacer--sm);
8428
+ --pf-v6-c-badge--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
8429
+ --pf-v6-c-badge--MinWidth: var(--pf-t--global--spacer--xl);
8430
+ --pf-v6-c-badge__toggle-icon--MarginInlineStart: var(--pf-t--global--spacer--xs);
8431
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
8432
+ --pf-v6-c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
8433
+ --pf-v6-c-badge--m-read--Color: var(--pf-t--global--text--color--nonstatus--on-gray--default);
8434
+ --pf-v6-c-badge--m-read--BorderColor: var(--pf-t--global--border--color--high-contrast);
8435
+ --pf-v6-c-badge--m-read__toggle-icon--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--default);
8436
+ --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-t--global--color--brand--default);
8437
+ --pf-v6-c-badge--m-unread--Color: var(--pf-t--global--text--color--on-brand--default);
8438
+ --pf-v6-c-badge--m-unread__toggle-icon--Color: var(--pf-t--global--icon--color--on-brand--default);
8439
+ --pf-v6-c-badge--m-disabled--Color: var(--pf-t--global--text--color--on-disabled);
8440
+ --pf-v6-c-badge--m-disabled--BorderColor: var(--pf-t--global--border--color--disabled);
8441
+ --pf-v6-c-badge--m-disabled--BackgroundColor: var(--pf-t--global--background--color--disabled--default);
8391
8442
  }
8392
8443
 
8393
- .pf-v6-c-spinner.pf-m-xs {
8394
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xs--diameter);
8395
- --pf-v6-c-spinner--StrokeWidth: 15;
8444
+ .pf-v6-c-badge {
8445
+ position: relative;
8446
+ display: inline-block;
8447
+ min-width: var(--pf-v6-c-badge--MinWidth);
8448
+ padding-inline-start: var(--pf-v6-c-badge--PaddingInlineStart);
8449
+ padding-inline-end: var(--pf-v6-c-badge--PaddingInlineEnd);
8450
+ font-size: var(--pf-v6-c-badge--FontSize);
8451
+ font-weight: var(--pf-v6-c-badge--FontWeight);
8452
+ color: var(--pf-v6-c-badge--Color);
8453
+ text-align: center;
8454
+ white-space: nowrap;
8455
+ background-color: var(--pf-v6-c-badge--BackgroundColor);
8456
+ border-radius: var(--pf-v6-c-badge--BorderRadius);
8396
8457
  }
8397
8458
 
8398
- .pf-v6-c-spinner.pf-m-sm {
8399
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-sm--diameter);
8459
+ .pf-v6-c-badge::after {
8460
+ position: absolute;
8461
+ inset: 0;
8462
+ pointer-events: none;
8463
+ content: "";
8464
+ border: var(--pf-v6-c-badge--BorderWidth) solid var(--pf-v6-c-badge--BorderColor);
8465
+ border-radius: inherit;
8400
8466
  }
8401
8467
 
8402
- .pf-v6-c-spinner.pf-m-md {
8403
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-md--diameter);
8468
+ .pf-v6-c-badge.pf-m-read {
8469
+ --pf-v6-c-badge--BorderColor: var(--pf-v6-c-badge--m-read--BorderColor);
8470
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-read--Color);
8471
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-read--BackgroundColor);
8472
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-read__toggle-icon--Color);
8404
8473
  }
8405
8474
 
8406
- .pf-v6-c-spinner.pf-m-lg {
8407
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-lg--diameter);
8475
+ .pf-v6-c-badge.pf-m-unread {
8476
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-unread--Color);
8477
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-unread--BackgroundColor);
8478
+ --pf-v6-c-badge__toggle-icon--Color: var(--pf-v6-c-badge--m-unread__toggle-icon--Color);
8408
8479
  }
8409
8480
 
8410
- .pf-v6-c-spinner.pf-m-xl {
8411
- --pf-v6-c-spinner--diameter: var(--pf-v6-c-spinner--m-xl--diameter);
8481
+ .pf-v6-c-badge.pf-m-disabled {
8482
+ --pf-v6-c-badge--Color: var(--pf-v6-c-badge--m-disabled--Color);
8483
+ --pf-v6-c-badge--BackgroundColor: var(--pf-v6-c-badge--m-disabled--BackgroundColor);
8412
8484
  }
8413
8485
 
8414
- .pf-v6-m-no-motion .pf-v6-c-spinner {
8415
- --pf-v6-c-spinner--AnimationDuration: 0s;
8486
+ .pf-v6-c-badge.pf-m-disabled::after {
8487
+ border-color: var(--pf-v6-c-badge--m-disabled--BorderColor);
8416
8488
  }
8417
8489
 
8418
- .pf-v6-c-spinner__path {
8419
- width: 100%;
8420
- height: 100%;
8421
- stroke: var(--pf-v6-c-spinner--Color);
8422
- stroke-width: var(--pf-v6-c-spinner--StrokeWidth);
8423
- stroke-linecap: round;
8424
- stroke-dasharray: 283;
8425
- stroke-dashoffset: 280;
8426
- transform-origin: 50% 50%;
8427
- animation: pf-v6-c-spinner-animation-dash var(--pf-v6-c-spinner--AnimationDuration) var(--pf-v6-c-spinner__path--AnimationTimingFunction) infinite;
8490
+ .pf-v6-c-badge__toggle-icon {
8491
+ margin-inline-start: var(--pf-v6-c-badge__toggle-icon--MarginInlineStart);
8492
+ color: var(--pf-v6-c-badge__toggle-icon--Color);
8428
8493
  }
8429
8494
 
8430
- @keyframes pf-v6-c-spinner-animation-rotate {
8431
- 0% {
8432
- transform: rotate(0deg);
8433
- }
8434
- 100% {
8435
- transform: rotate(360deg);
8436
- }
8437
- }
8438
- @keyframes pf-v6-c-spinner-animation-dash {
8439
- 0% {
8440
- stroke-dashoffset: 280;
8441
- transform: rotate(0);
8442
- }
8443
- 15% {
8444
- stroke-width: calc(var(--pf-v6-c-spinner__path--StrokeWidth) - 4);
8445
- }
8446
- 40% {
8447
- stroke-dasharray: 220;
8448
- stroke-dashoffset: 150;
8449
- }
8450
- 100% {
8451
- stroke-dashoffset: 280;
8452
- transform: rotate(720deg);
8453
- }
8454
- }
8455
8495
  .pf-v6-c-breadcrumb {
8456
8496
  --pf-v6-c-breadcrumb__item--FontSize: var(--pf-t--global--font--size--body--default);
8457
8497
  --pf-v6-c-breadcrumb__item--LineHeight: var(--pf-t--global--font--line-height--body);
@@ -8472,9 +8512,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
8472
8512
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
8473
8513
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
8474
8514
  --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
8475
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8515
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
8476
8516
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
8477
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
8517
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
8478
8518
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
8479
8519
  }
8480
8520