@patternfly/patternfly 6.6.0-prerelease.9 → 6.6.1

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 (103) hide show
  1. package/README.md +1 -1
  2. package/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
  3. package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
  4. package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
  5. package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
  6. package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
  7. package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
  8. package/base/patternfly-fonts.css +4 -4
  9. package/base/patternfly-fonts.scss +4 -4
  10. package/base/patternfly-variables.css +6 -6
  11. package/base/tokens/tokens-charts-dark.scss +1 -1
  12. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  13. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  14. package/base/tokens/tokens-charts.scss +1 -1
  15. package/base/tokens/tokens-dark.scss +1 -1
  16. package/base/tokens/tokens-default.scss +4 -4
  17. package/base/tokens/tokens-felt-dark.scss +1 -1
  18. package/base/tokens/tokens-felt-glass-dark.scss +1 -1
  19. package/base/tokens/tokens-felt-glass.scss +1 -1
  20. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  21. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  22. package/base/tokens/tokens-felt.scss +1 -1
  23. package/base/tokens/tokens-glass-dark.scss +1 -1
  24. package/base/tokens/tokens-glass.scss +1 -1
  25. package/base/tokens/tokens-highcontrast-dark.scss +1 -1
  26. package/base/tokens/tokens-highcontrast.scss +4 -4
  27. package/base/tokens/tokens-palette.scss +1 -1
  28. package/base/tokens/tokens-redhat-highcontrast.scss +3 -3
  29. package/components/AboutModalBox/about-modal-box.css +1 -1
  30. package/components/AboutModalBox/about-modal-box.scss +1 -1
  31. package/components/Accordion/accordion.css +3 -3
  32. package/components/Accordion/accordion.scss +3 -3
  33. package/components/Alert/alert.css +8 -7
  34. package/components/Alert/alert.scss +8 -7
  35. package/components/Banner/banner.css +7 -0
  36. package/components/Banner/banner.scss +7 -0
  37. package/components/Breadcrumb/breadcrumb.css +3 -3
  38. package/components/Breadcrumb/breadcrumb.scss +3 -3
  39. package/components/Button/button.css +15 -1
  40. package/components/Button/button.scss +17 -1
  41. package/components/Card/card.css +4 -4
  42. package/components/Card/card.scss +4 -4
  43. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  44. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  45. package/components/DataList/data-list.css +5 -5
  46. package/components/DataList/data-list.scss +5 -5
  47. package/components/DragDrop/drag-drop.css +4 -0
  48. package/components/DragDrop/drag-drop.scss +4 -0
  49. package/components/DualListSelector/dual-list-selector.css +1 -1
  50. package/components/DualListSelector/dual-list-selector.scss +1 -1
  51. package/components/Hint/hint.css +2 -2
  52. package/components/Hint/hint.scss +2 -2
  53. package/components/Menu/menu.css +2 -2
  54. package/components/Menu/menu.scss +3 -3
  55. package/components/ModalBox/modal-box.css +4 -4
  56. package/components/ModalBox/modal-box.scss +5 -5
  57. package/components/Nav/nav.css +2 -2
  58. package/components/Nav/nav.scss +2 -2
  59. package/components/NotificationDrawer/notification-drawer.css +3 -3
  60. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  61. package/components/Page/page.css +7 -5
  62. package/components/Page/page.scss +9 -8
  63. package/components/Pagination/pagination.css +12 -7
  64. package/components/Pagination/pagination.scss +15 -12
  65. package/components/Panel/panel.css +1 -1
  66. package/components/Panel/panel.scss +2 -2
  67. package/components/Popover/popover.css +1 -1
  68. package/components/Popover/popover.scss +1 -1
  69. package/components/Progress/progress.css +2 -2
  70. package/components/Progress/progress.scss +2 -2
  71. package/components/Table/table-tree-view.css +3 -0
  72. package/components/Table/table-tree-view.scss +2 -0
  73. package/components/Table/table.css +28 -21
  74. package/components/Table/table.scss +39 -30
  75. package/components/Title/title.css +1 -1
  76. package/components/Title/title.scss +1 -1
  77. package/components/Tooltip/tooltip.css +1 -1
  78. package/components/Tooltip/tooltip.scss +1 -1
  79. package/components/TreeView/tree-view.css +7 -7
  80. package/components/TreeView/tree-view.scss +7 -7
  81. package/components/Wizard/wizard.css +3 -3
  82. package/components/Wizard/wizard.scss +3 -3
  83. package/components/_index.css +131 -88
  84. package/docs/components/DualListSelector/examples/DualListSelector.md +85 -85
  85. package/docs/components/InputGroup/examples/InputGroup.md +1 -1
  86. package/docs/components/Pagination/examples/Pagination.md +111 -273
  87. package/docs/components/Table/examples/Table.md +25 -18
  88. package/docs/components/Toolbar/examples/Toolbar.md +16 -16
  89. package/docs/components/TreeView/examples/TreeView.md +100 -100
  90. package/docs/demos/CardView/examples/CardView.md +12 -12
  91. package/docs/demos/Compass/examples/Compass.md +16 -16
  92. package/docs/demos/Dashboard/examples/Dashboard.md +27 -30
  93. package/docs/demos/DataList/examples/DataList.md +48 -48
  94. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +2568 -5014
  95. package/docs/demos/Table/examples/Table.md +160 -160
  96. package/docs/demos/Toolbar/examples/Toolbar.md +36 -36
  97. package/package.json +2 -2
  98. package/patternfly-base-no-globals.css +10 -10
  99. package/patternfly-base.css +10 -10
  100. package/patternfly-no-globals.css +141 -98
  101. package/patternfly.css +141 -98
  102. package/patternfly.min.css +1 -1
  103. package/patternfly.min.css.map +1 -1
package/patternfly.css CHANGED
@@ -299,28 +299,28 @@ button) {
299
299
  @font-face {
300
300
  font-family: "Red Hat Text";
301
301
  font-style: normal;
302
- font-weight: 400 500;
302
+ font-weight: 400 600;
303
303
  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
304
304
  font-display: fallback;
305
305
  }
306
306
  @font-face {
307
307
  font-family: "Red Hat Text";
308
308
  font-style: italic;
309
- font-weight: 400 500;
309
+ font-weight: 400 600;
310
310
  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
311
311
  font-display: fallback;
312
312
  }
313
313
  @font-face {
314
314
  font-family: "Red Hat Display";
315
315
  font-style: normal;
316
- font-weight: 400 700;
316
+ font-weight: 600 800;
317
317
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
318
318
  font-display: fallback;
319
319
  }
320
320
  @font-face {
321
321
  font-family: "Red Hat Display";
322
322
  font-style: italic;
323
- font-weight: 400 700;
323
+ font-weight: 600 800;
324
324
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
325
325
  font-display: fallback;
326
326
  }
@@ -6644,9 +6644,9 @@ button) {
6644
6644
  --pf-t--global--font--size--700: 1.75rem;
6645
6645
  --pf-t--global--font--size--800: 2.25rem;
6646
6646
  --pf-t--global--font--weight--100: 400;
6647
- --pf-t--global--font--weight--200: 500;
6648
- --pf-t--global--font--weight--300: 500;
6649
- --pf-t--global--font--weight--400: 700;
6647
+ --pf-t--global--font--weight--200: 600;
6648
+ --pf-t--global--font--weight--300: 600;
6649
+ --pf-t--global--font--weight--400: 800;
6650
6650
  --pf-t--global--icon--size--100: 0.75rem;
6651
6651
  --pf-t--global--icon--size--200: 0.875rem;
6652
6652
  --pf-t--global--icon--size--250: 1rem;
@@ -7544,9 +7544,9 @@ button) {
7544
7544
  --pf-t--global--font--size--700: 1.75rem;
7545
7545
  --pf-t--global--font--size--800: 2.25rem;
7546
7546
  --pf-t--global--font--weight--100: 400;
7547
- --pf-t--global--font--weight--200: 500;
7548
- --pf-t--global--font--weight--300: 500;
7549
- --pf-t--global--font--weight--400: 700;
7547
+ --pf-t--global--font--weight--200: 600;
7548
+ --pf-t--global--font--weight--300: 600;
7549
+ --pf-t--global--font--weight--400: 800;
7550
7550
  --pf-t--global--icon--size--100: 0.75rem;
7551
7551
  --pf-t--global--icon--size--200: 0.875rem;
7552
7552
  --pf-t--global--icon--size--250: 1rem;
@@ -9575,7 +9575,7 @@ button) {
9575
9575
  overflow-x: hidden;
9576
9576
  overflow-y: auto;
9577
9577
  overscroll-behavior: contain;
9578
- overflow-wrap: break-word;
9578
+ overflow-wrap: anywhere;
9579
9579
  -webkit-overflow-scrolling: touch;
9580
9580
  }
9581
9581
  @media screen and (min-width: 36rem) {
@@ -9617,10 +9617,10 @@ button) {
9617
9617
  --pf-v6-c-accordion__item--BorderRadius: var(--pf-t--global--border--radius--200);
9618
9618
  --pf-v6-c-accordion__item--m-expanded--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
9619
9619
  --pf-v6-c-accordion__toggle--ColumnGap: var(--pf-t--global--spacer--gap--text-to-element--default);
9620
- --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
9620
+ --pf-v6-c-accordion__toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
9621
9621
  --pf-v6-c-accordion__toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
9622
- --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9623
- --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
9622
+ --pf-v6-c-accordion__toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
9623
+ --pf-v6-c-accordion__toggle--m-expanded--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
9624
9624
  --pf-v6-c-accordion__toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
9625
9625
  --pf-v6-c-accordion__toggle--BackgroundColor: var(--pf-t--global--background--color--action--plain--default);
9626
9626
  --pf-v6-c-accordion__toggle--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
@@ -9932,9 +9932,9 @@ button) {
9932
9932
  --pf-v6-c-alert--PaddingBlockEnd: var(--pf-t--global--spacer--md);
9933
9933
  --pf-v6-c-alert--PaddingInlineStart: var(--pf-t--global--spacer--md);
9934
9934
  --pf-v6-c-alert--FontSize: var(--pf-t--global--font--size--body--default);
9935
- --pf-v6-c-alert__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
9936
- --pf-v6-c-alert__toggle--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--control--vertical--default));
9937
- --pf-v6-c-alert__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--action--horizontal--plain--default));
9935
+ --pf-v6-c-alert__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9936
+ --pf-v6-c-alert__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9937
+ --pf-v6-c-alert__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
9938
9938
  --pf-v6-c-alert__toggle--MarginInlineEnd: var(--pf-t--global--spacer--sm);
9939
9939
  --pf-v6-c-alert__toggle-icon--Rotate: 0;
9940
9940
  --pf-v6-c-alert__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -9946,8 +9946,8 @@ button) {
9946
9946
  --pf-v6-c-alert__title--FontWeight: var(--pf-t--global--font--weight--body--bold);
9947
9947
  --pf-v6-c-alert__title--Color: var(--pf-t--global--text--color--regular);
9948
9948
  --pf-v6-c-alert__title--max-lines: 1;
9949
- --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9950
- --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
9949
+ --pf-v6-c-alert__action--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9950
+ --pf-v6-c-alert__action--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
9951
9951
  --pf-v6-c-alert__action--TranslateY: 0.125rem;
9952
9952
  --pf-v6-c-alert__action--MarginInlineEnd: calc(var(--pf-t--global--spacer--sm) * -1);
9953
9953
  --pf-v6-c-alert__description--PaddingBlockStart: var(--pf-t--global--spacer--xs);
@@ -10070,6 +10070,7 @@ button) {
10070
10070
 
10071
10071
  .pf-v6-c-alert__icon {
10072
10072
  grid-area: icon;
10073
+ align-self: baseline;
10073
10074
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
10074
10075
  font-size: var(--pf-v6-c-alert__icon--FontSize);
10075
10076
  color: var(--pf-v6-c-alert__icon--Color);
@@ -10080,7 +10081,7 @@ button) {
10080
10081
  grid-area: title;
10081
10082
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
10082
10083
  color: var(--pf-v6-c-alert__title--Color);
10083
- overflow-wrap: break-word;
10084
+ overflow-wrap: anywhere;
10084
10085
  }
10085
10086
  .pf-v6-c-alert__title.pf-m-truncate {
10086
10087
  display: -webkit-box;
@@ -10092,7 +10093,7 @@ button) {
10092
10093
  .pf-v6-c-alert__description {
10093
10094
  grid-area: description;
10094
10095
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
10095
- overflow-wrap: break-word;
10096
+ overflow-wrap: anywhere;
10096
10097
  }
10097
10098
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
10098
10099
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -10867,7 +10868,9 @@ div.pf-v6-c-avatar {
10867
10868
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
10868
10869
  --pf-v6-c-banner--link--TextDecoration: underline;
10869
10870
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
10871
+ --pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
10870
10872
  --pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
10873
+ --pf-v6-c-banner--link--TextDecorationColor: currentcolor;
10871
10874
  --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
10872
10875
  --pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
10873
10876
  --pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
@@ -10976,6 +10979,7 @@ div.pf-v6-c-avatar {
10976
10979
  .pf-v6-c-banner a {
10977
10980
  color: var(--pf-v6-c-banner--link--Color);
10978
10981
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
10982
+ text-decoration-color: var(--pf-v6-c-banner--a--TextDecorationColor);
10979
10983
  }
10980
10984
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
10981
10985
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
@@ -10987,7 +10991,11 @@ div.pf-v6-c-avatar {
10987
10991
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
10988
10992
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
10989
10993
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
10994
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
10990
10995
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
10996
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10997
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10998
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10991
10999
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
10992
11000
  }
10993
11001
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
@@ -11082,9 +11090,9 @@ div.pf-v6-c-avatar {
11082
11090
  --pf-v6-c-breadcrumb__link--m-current--Color: var(--pf-t--global--text--color--regular);
11083
11091
  --pf-v6-c-breadcrumb__link--BackgroundColor: transparent;
11084
11092
  --pf-v6-c-breadcrumb__heading--FontSize: var(--pf-v6-c-breadcrumb__item--FontSize);
11085
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
11093
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
11086
11094
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineEnd: var(--pf-t--global--spacer--xs);
11087
- --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
11095
+ --pf-v6-c-breadcrumb__menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
11088
11096
  --pf-v6-c-breadcrumb__menu-toggle--MarginInlineStart: var(--pf-t--global--spacer--xs);
11089
11097
  }
11090
11098
 
@@ -11132,7 +11140,7 @@ div.pf-v6-c-avatar {
11132
11140
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
11133
11141
  line-height: inherit;
11134
11142
  color: var(--pf-v6-c-breadcrumb__link--Color);
11135
- overflow-wrap: break-word;
11143
+ overflow-wrap: anywhere;
11136
11144
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
11137
11145
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
11138
11146
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
@@ -11304,6 +11312,10 @@ button.pf-v6-c-breadcrumb__link {
11304
11312
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11305
11313
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11306
11314
  --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11315
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
11316
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11317
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11318
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11307
11319
  --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
11308
11320
  --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
11309
11321
  --pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
@@ -11318,6 +11330,8 @@ button.pf-v6-c-breadcrumb__link {
11318
11330
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
11319
11331
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
11320
11332
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
11333
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
11334
+ --pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
11321
11335
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
11322
11336
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
11323
11337
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -11690,9 +11704,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11690
11704
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11691
11705
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
11692
11706
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
11693
- --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11707
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
11708
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
11709
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
11710
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11694
11711
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
11695
11712
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
11713
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
11714
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
11696
11715
  --pf-v6-c-button--BorderWidth: 0;
11697
11716
  --pf-v6-c-button--hover--BorderWidth: 0;
11698
11717
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
@@ -11705,6 +11724,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11705
11724
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11706
11725
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
11707
11726
  }
11727
+ .pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
11728
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11729
+ }
11708
11730
  .pf-v6-c-button.pf-m-link.pf-m-danger {
11709
11731
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
11710
11732
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -12409,13 +12431,13 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
12409
12431
  --pf-v6-c-card__footer--Color: var(--pf-t--global--text--color--subtle);
12410
12432
  --pf-v6-c-card__actions--PaddingInlineStart: var(--pf-t--global--spacer--md);
12411
12433
  --pf-v6-c-card__actions--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
12412
- --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12413
- --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12434
+ --pf-v6-c-card__actions--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12435
+ --pf-v6-c-card__actions--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12414
12436
  --pf-v6-c-card__header--m-wrap--RowGap: var(--pf-t--global--spacer--sm);
12415
12437
  --pf-v6-c-card__header--m-wrap--ColumnGap: var(--pf-t--global--spacer--md);
12416
- --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12438
+ --pf-v6-c-card__header-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12417
12439
  --pf-v6-c-card__header-toggle--MarginInlineEnd: var(--pf-t--global--spacer--gap--text-to-element--default);
12418
- --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
12440
+ --pf-v6-c-card__header-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
12419
12441
  --pf-v6-c-card__header-toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
12420
12442
  --pf-v6-c-card__header-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
12421
12443
  --pf-v6-c-card__header-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
@@ -12953,7 +12975,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12953
12975
  }
12954
12976
 
12955
12977
  .pf-v6-c-clipboard-copy__text {
12956
- overflow-wrap: break-word;
12978
+ overflow-wrap: anywhere;
12957
12979
  white-space: normal;
12958
12980
  }
12959
12981
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -14382,7 +14404,7 @@ ul) {
14382
14404
  --pf-v6-c-data-list--pf-m-plain__item--BackgroundColor: transparent;
14383
14405
  --pf-v6-c-data-list__item--hover--BackgroundColor: var(--pf-t--global--background--color--primary--hover);
14384
14406
  --pf-v6-c-data-list__item--m-selected--BackgroundColor: var(--pf-t--global--background--color--primary--clicked);
14385
- --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
14407
+ --pf-v6-c-data-list__item--m-clickable--OutlineOffset: calc(var(--pf-t--global--spacer--xs) * -1);
14386
14408
  --pf-v6-c-data-list__item--BorderBlockEndColor: var(--pf-t--global--border--color--default);
14387
14409
  --pf-v6-c-data-list__item--BorderBlockEndWidth: var(--pf-t--global--border--width--strong);
14388
14410
  --pf-v6-c-data-list__item--sm--BorderBlockEndWidth: var(--pf-t--global--border--width--divider--default);
@@ -14415,8 +14437,8 @@ ul) {
14415
14437
  --pf-v6-c-data-list--cell--WordBreak: normal;
14416
14438
  --pf-v6-c-data-list--cell--m-truncate--MinWidth: 5ch;
14417
14439
  --pf-v6-c-data-list__toggle--MarginInlineStart: calc(var(--pf-t--global--spacer--action--horizontal--plain--default) * -1);
14418
- --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
14419
- --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
14440
+ --pf-v6-c-data-list__toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14441
+ --pf-v6-c-data-list__toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
14420
14442
  --pf-v6-c-data-list__toggle-icon--Height: calc(var(--pf-v6-c-data-list--FontSize) * var(--pf-v6-c-data-list--LineHeight));
14421
14443
  --pf-v6-c-data-list__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
14422
14444
  --pf-v6-c-data-list__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
@@ -14447,8 +14469,8 @@ ul) {
14447
14469
  --pf-v6-c-data-list__item-action--Display: flex;
14448
14470
  --pf-v6-c-data-list__item-action--PaddingBlockStart: var(--pf-t--global--spacer--lg);
14449
14471
  --pf-v6-c-data-list__item-action--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
14450
- --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--default);
14451
- --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--default);
14472
+ --pf-v6-c-data-list__item-action--PaddingBlockStart--offset: var(--pf-t--global--spacer--control--vertical--plain);
14473
+ --pf-v6-c-data-list__item-action--PaddingBlockEnd--offset: var(--pf-t--global--spacer--control--vertical--plain);
14452
14474
  --pf-v6-c-data-list__item-action--MarginInlineStart: var(--pf-t--global--spacer--md);
14453
14475
  --pf-v6-c-data-list__item-action--md--MarginInlineStart: var(--pf-t--global--spacer--xl);
14454
14476
  --pf-v6-c-data-list__item-action--Gap: var(--pf-t--global--spacer--gap--action-to-action--default);
@@ -15124,6 +15146,7 @@ ul) {
15124
15146
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
15125
15147
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
15126
15148
  --pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
15149
+ --pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
15127
15150
  --pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
15128
15151
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
15129
15152
  --pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -15138,6 +15161,7 @@ ul) {
15138
15161
  --pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
15139
15162
  position: relative;
15140
15163
  background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
15164
+ border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
15141
15165
  box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
15142
15166
  }
15143
15167
  .pf-v6-c-draggable.pf-m-dragging::after {
@@ -15157,6 +15181,7 @@ ul) {
15157
15181
 
15158
15182
  .pf-v6-c-droppable {
15159
15183
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
15184
+ --pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
15160
15185
  --pf-v6-c-droppable--before--Opacity: 0;
15161
15186
  --pf-v6-c-droppable--after--BorderWidth: 0;
15162
15187
  --pf-v6-c-droppable--after--BorderColor: transparent;
@@ -15179,6 +15204,7 @@ ul) {
15179
15204
  }
15180
15205
  .pf-v6-c-droppable::before {
15181
15206
  background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
15207
+ border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
15182
15208
  opacity: var(--pf-v6-c-droppable--before--Opacity);
15183
15209
  }
15184
15210
  .pf-v6-c-droppable::after {
@@ -15274,7 +15300,7 @@ ul) {
15274
15300
  --pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
15275
15301
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
15276
15302
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
15277
- --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: -180deg;
15303
+ --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
15278
15304
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
15279
15305
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15280
15306
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
@@ -18414,8 +18440,8 @@ ul) {
18414
18440
  --pf-v6-c-hint__footer--MarginBlockStart: var(--pf-t--global--spacer--sm);
18415
18441
  --pf-v6-c-hint__footer--child--MarginInlineEnd: var(--pf-t--global--spacer--md);
18416
18442
  --pf-v6-c-hint__actions--MarginInlineStart: var(--pf-t--global--spacer--2xl);
18417
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
18418
- --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--default) * -1);
18443
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockStart: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18444
+ --pf-v6-c-hint__actions--c-menu-toggle--MarginBlockEnd: calc(var(--pf-t--global--spacer--control--vertical--plain) * -1);
18419
18445
  }
18420
18446
 
18421
18447
  .pf-v6-c-hint {
@@ -21077,7 +21103,7 @@ ul.pf-v6-c-list {
21077
21103
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
21078
21104
  --pf-v6-c-menu__item-external--Color: transparent;
21079
21105
  --pf-v6-c-menu__item-select-icon--Color: transparent;
21080
- --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
21106
+ --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
21081
21107
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
21082
21108
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
21083
21109
  --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
@@ -21444,7 +21470,7 @@ ul.pf-v6-c-list {
21444
21470
  .pf-v6-c-menu__item-description {
21445
21471
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21446
21472
  color: var(--pf-v6-c-menu__item-description--Color);
21447
- overflow-wrap: break-word;
21473
+ overflow-wrap: anywhere;
21448
21474
  }
21449
21475
 
21450
21476
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -22092,7 +22118,7 @@ ul.pf-v6-c-list {
22092
22118
  --pf-v6-c-modal-box__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22093
22119
  --pf-v6-c-modal-box__header--Gap: var(--pf-t--global--spacer--md);
22094
22120
  --pf-v6-c-modal-box__header-main--Gap: var(--pf-t--global--spacer--md);
22095
- --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--default);
22121
+ --pf-v6-c-modal-box__header-main--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
22096
22122
  --pf-v6-c-modal-box__title--LineHeight: var(--pf-t--global--font--line-height--heading);
22097
22123
  --pf-v6-c-modal-box__title--FontFamily: var(--pf-t--global--font--family--heading);
22098
22124
  --pf-v6-c-modal-box__title--FontWeight: var(--pf-t--global--font--weight--heading--default);
@@ -22114,8 +22140,8 @@ ul.pf-v6-c-list {
22114
22140
  --pf-v6-c-modal-box__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
22115
22141
  --pf-v6-c-modal-box__footer--PaddingBlockEnd: var(--pf-t--global--spacer--lg);
22116
22142
  --pf-v6-c-modal-box__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
22117
- --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--md);
22118
- --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: calc(var(--pf-v6-c-modal-box__footer--c-button--MarginInlineEnd) / 2);
22143
+ --pf-v6-c-modal-box__footer--c-button--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
22144
+ --pf-v6-c-modal-box__footer--c-button--sm--MarginInlineEnd: var(--pf-t--global--spacer--gap--action-to-action--default);
22119
22145
  }
22120
22146
 
22121
22147
  .pf-v6-c-modal-box {
@@ -22241,7 +22267,7 @@ ul.pf-v6-c-list {
22241
22267
  overflow-x: hidden;
22242
22268
  overflow-y: auto;
22243
22269
  overscroll-behavior: contain;
22244
- overflow-wrap: break-word;
22270
+ overflow-wrap: anywhere;
22245
22271
  -webkit-overflow-scrolling: touch;
22246
22272
  }
22247
22273
  .pf-v6-c-modal-box__body:last-child {
@@ -22477,8 +22503,8 @@ ul.pf-v6-c-list {
22477
22503
  }
22478
22504
 
22479
22505
  .pf-v6-c-nav {
22480
- --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--sm);
22481
- --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
22506
+ --pf-v6-c-nav__link--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
22507
+ --pf-v6-c-nav__link--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
22482
22508
  --pf-v6-c-nav__link--PaddingInlineStart: var(--pf-t--global--spacer--md);
22483
22509
  --pf-v6-c-nav__link--PaddingInlineEnd: var(--pf-t--global--spacer--md);
22484
22510
  --pf-v6-c-nav__list--RowGap: var(--pf-t--global--spacer--sm);
@@ -23115,7 +23141,7 @@ ul.pf-v6-c-list {
23115
23141
 
23116
23142
  .pf-v6-c-notification-drawer__list-item-header-title {
23117
23143
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
23118
- overflow-wrap: break-word;
23144
+ overflow-wrap: anywhere;
23119
23145
  }
23120
23146
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
23121
23147
  display: -webkit-box;
@@ -23137,7 +23163,7 @@ ul.pf-v6-c-list {
23137
23163
  grid-row: 2/3;
23138
23164
  grid-column: 1/2;
23139
23165
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
23140
- overflow-wrap: break-word;
23166
+ overflow-wrap: anywhere;
23141
23167
  }
23142
23168
 
23143
23169
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -23182,7 +23208,7 @@ ul.pf-v6-c-list {
23182
23208
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
23183
23209
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
23184
23210
  text-align: start;
23185
- overflow-wrap: break-word;
23211
+ overflow-wrap: anywhere;
23186
23212
  }
23187
23213
 
23188
23214
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -23272,11 +23298,12 @@ ul.pf-v6-c-list {
23272
23298
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
23273
23299
  --pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
23274
23300
  --pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
23275
- --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
23301
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
23276
23302
  --pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
23277
- --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
23303
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
23304
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
23278
23305
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
23279
- --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
23306
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
23280
23307
  --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23281
23308
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23282
23309
  --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
@@ -23672,8 +23699,6 @@ ul.pf-v6-c-list {
23672
23699
  }
23673
23700
  @media (min-width: 62rem) {
23674
23701
  .pf-v6-c-page__dock {
23675
- --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
23676
- --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23677
23702
  position: revert;
23678
23703
  inset: revert;
23679
23704
  visibility: revert;
@@ -23701,6 +23726,9 @@ ul.pf-v6-c-list {
23701
23726
  }
23702
23727
  @media (min-width: 62rem) {
23703
23728
  .pf-v6-c-page__dock-main {
23729
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
23730
+ --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
23731
+ --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23704
23732
  --pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23705
23733
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23706
23734
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
@@ -24434,7 +24462,8 @@ ul.pf-v6-c-list {
24434
24462
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-v6-c-pagination--m-sticky--BoxShadow);
24435
24463
  --pf-v6-c-pagination--m-sticky-stuck--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
24436
24464
  --pf-v6-c-pagination--m-sticky--BorderRadius--glass: var(--pf-t--global--border--radius--medium);
24437
- --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24465
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-t--global--background--color--sticky--default);
24466
+ --pf-v6-c-pagination--m-bottom--BorderRadius: 0;
24438
24467
  --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
24439
24468
  --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm--top);
24440
24469
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: 0;
@@ -24448,6 +24477,8 @@ ul.pf-v6-c-list {
24448
24477
  --pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd: 0;
24449
24478
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart: var(--pf-t--global--spacer--sm);
24450
24479
  --pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
24480
+ --pf-v6-c-pagination--m-bottom--m-static--BorderRadius: 0;
24481
+ --pf-v6-c-pagination--m-bottom--m-static--BackgroundColor: transparent;
24451
24482
  --pf-v6-c-pagination--m-bottom--m-sticky-base--InsetBlockEnd: 0;
24452
24483
  }
24453
24484
  :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination {
@@ -24455,6 +24486,9 @@ ul.pf-v6-c-list {
24455
24486
  --pf-v6-c-pagination--m-sticky-stuck--BoxShadow: var(--pf-t--global--box-shadow--sm);
24456
24487
  --pf-v6-c-pagination--m-sticky--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
24457
24488
  --pf-v6-c-pagination--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
24489
+ --pf-v6-c-pagination--m-bottom--BoxShadow: var(--pf-t--global--box-shadow--sm);
24490
+ --pf-v6-c-pagination--m-bottom--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--sm);
24491
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-sticky--BorderRadius--glass);
24458
24492
  }
24459
24493
  .pf-v6-c-pagination {
24460
24494
  --pf-v6-c-pagination__page-menu--Display--base: block;
@@ -24466,6 +24500,7 @@ ul.pf-v6-c-list {
24466
24500
  }
24467
24501
  @media screen and (min-width: 48rem) {
24468
24502
  .pf-v6-c-pagination {
24503
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24469
24504
  --pf-v6-c-pagination--m-bottom--BoxShadow: none;
24470
24505
  --pf-v6-c-pagination--m-bottom--BorderBlockStartWidth: 0;
24471
24506
  --pf-v6-c-pagination__page-menu--Display: var(--pf-v6-c-pagination__page-menu--md--Display);
@@ -24491,9 +24526,6 @@ ul.pf-v6-c-list {
24491
24526
  border-block-start-width: var(--pf-v6-c-pagination--BorderBlockStartWidth);
24492
24527
  border-block-end-width: var(--pf-v6-c-pagination--BorderBlockEndWidth);
24493
24528
  }
24494
- :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-pagination.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination:not(.pf-m-no-plain-on-glass) {
24495
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24496
- }
24497
24529
  .pf-v6-c-pagination .pf-v6-c-pagination__page-menu {
24498
24530
  display: var(--pf-v6-c-pagination__page-menu--Display);
24499
24531
  }
@@ -24509,11 +24541,9 @@ ul.pf-v6-c-list {
24509
24541
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineStart);
24510
24542
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-sticky--PaddingInlineEnd);
24511
24543
  background-color: var(--pf-v6-c-pagination--m-bottom--BackgroundColor);
24544
+ border-radius: var(--pf-v6-c-pagination--m-bottom--BorderRadius);
24512
24545
  box-shadow: var(--pf-v6-c-pagination--m-bottom--BoxShadow);
24513
24546
  }
24514
- :where(:root.pf-v6-theme-glass) .pf-v6-c-pagination.pf-m-bottom.pf-m-sticky-base:not(.pf-m-sticky-stuck) {
24515
- --pf-v6-c-pagination--m-bottom--BackgroundColor: transparent;
24516
- }
24517
24547
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-first,
24518
24548
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-control.pf-m-last,
24519
24549
  .pf-v6-c-pagination.pf-m-bottom .pf-v6-c-pagination__nav-page-select {
@@ -24532,6 +24562,7 @@ ul.pf-v6-c-list {
24532
24562
  .pf-v6-c-pagination.pf-m-bottom {
24533
24563
  --pf-v6-c-pagination--m-bottom--MarginBlockStart: 0;
24534
24564
  --pf-v6-c-pagination--m-bottom--InsetBlockEnd: auto;
24565
+ --pf-v6-c-pagination--m-bottom--BorderRadius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
24535
24566
  position: relative;
24536
24567
  justify-content: flex-end;
24537
24568
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
@@ -24556,12 +24587,14 @@ ul.pf-v6-c-list {
24556
24587
  }
24557
24588
  }
24558
24589
  .pf-v6-c-pagination.pf-m-static {
24590
+ --pf-v6-c-pagination--m-bottom--BackgroundColor: var(--pf-v6-c-pagination--m-bottom--m-static--BackgroundColor);
24559
24591
  position: relative;
24560
24592
  padding-block-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockStart);
24561
24593
  padding-block-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingBlockEnd);
24562
24594
  padding-inline-start: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineStart);
24563
24595
  padding-inline-end: var(--pf-v6-c-pagination--m-bottom--m-static--PaddingInlineEnd);
24564
24596
  border: 0;
24597
+ border-radius: var(--pf-v6-c-pagination--m-bottom--m-static--BorderRadius);
24565
24598
  box-shadow: none;
24566
24599
  }
24567
24600
  .pf-v6-c-pagination.pf-m-sticky {
@@ -24834,7 +24867,7 @@ ul.pf-v6-c-list {
24834
24867
  --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24835
24868
  --pf-v6-c-panel--BoxShadow: none;
24836
24869
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
24837
- --pf-v6-c-panel--before--BorderWidth: 0;
24870
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
24838
24871
  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
24839
24872
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
24840
24873
  --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
@@ -25014,7 +25047,7 @@ ul.pf-v6-c-list {
25014
25047
  --pf-v6-c-popover__arrow--m-inline-bottom--InsetBlockEnd: var(--pf-t--global--border--radius--medium);
25015
25048
  --pf-v6-c-popover__arrow--m-block-left--InsetInlineStart: var(--pf-t--global--border--radius--medium);
25016
25049
  --pf-v6-c-popover__arrow--m-block-right--InsetInlineEnd: var(--pf-t--global--border--radius--medium);
25017
- --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--default));
25050
+ --pf-v6-c-popover__close--InsetBlockStart: calc(var(--pf-v6-c-popover__content--PaddingBlockStart) - var(--pf-t--global--spacer--control--vertical--plain));
25018
25051
  --pf-v6-c-popover__close--InsetInlineEnd: var(--pf-v6-c-popover__content--PaddingInlineEnd);
25019
25052
  --pf-v6-c-popover__close--sibling--PaddingInlineEnd: var(--pf-t--global--spacer--2xl);
25020
25053
  --pf-v6-c-popover__header--MarginBlockEnd: var(--pf-t--global--spacer--sm);
@@ -25315,7 +25348,7 @@ ul.pf-v6-c-list {
25315
25348
 
25316
25349
  .pf-v6-c-progress__description {
25317
25350
  grid-column: 1/2;
25318
- overflow-wrap: break-word;
25351
+ overflow-wrap: anywhere;
25319
25352
  }
25320
25353
  .pf-v6-c-progress__description.pf-m-truncate {
25321
25354
  overflow: hidden;
@@ -25331,7 +25364,7 @@ ul.pf-v6-c-list {
25331
25364
  align-items: flex-start;
25332
25365
  justify-content: flex-end;
25333
25366
  text-align: end;
25334
- overflow-wrap: break-word;
25367
+ overflow-wrap: anywhere;
25335
25368
  }
25336
25369
 
25337
25370
  .pf-v6-c-progress__status-icon {
@@ -28911,8 +28944,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28911
28944
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
28912
28945
  --pf-v6-c-table__toggle--c-button__toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
28913
28946
  --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: -180deg;
28914
- --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
28915
- --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
28947
+ --pf-v6-c-table__button--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
28948
+ --pf-v6-c-table__button--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
28916
28949
  --pf-v6-c-table__button--PaddingInlineStart: var(--pf-t--global--spacer--md);
28917
28950
  --pf-v6-c-table__button--PaddingInlineEnd: var(--pf-t--global--spacer--md);
28918
28951
  --pf-v6-c-table__button--Color: var(--pf-t--global--text--color--regular);
@@ -29012,7 +29045,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29012
29045
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29013
29046
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
29014
29047
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
29015
- --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
29048
+ --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
29016
29049
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
29017
29050
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
29018
29051
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -29055,16 +29088,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29055
29088
  .pf-v6-c-table.pf-m-fixed {
29056
29089
  table-layout: fixed;
29057
29090
  }
29058
- .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
29091
+ .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
29059
29092
  opacity: 0;
29060
29093
  transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
29061
29094
  transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
29062
29095
  transition-property: opacity;
29063
29096
  }
29064
- .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
29065
- --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
29066
- }
29067
- .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after {
29097
+ .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
29068
29098
  opacity: 1;
29069
29099
  }
29070
29100
  .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
@@ -29075,27 +29105,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29075
29105
  inset-block-start: 0;
29076
29106
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
29077
29107
  }
29078
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before {
29108
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
29079
29109
  position: absolute;
29080
29110
  inset: 0;
29081
29111
  z-index: -1;
29082
29112
  pointer-events: none;
29083
29113
  content: "";
29084
- background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
29085
29114
  border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29086
29115
  box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
29087
29116
  }
29088
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead > :where(th, td), .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead > :where(th, td) {
29089
- z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
29090
- }
29091
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
29117
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
29092
29118
  position: absolute;
29093
29119
  inset: 0;
29094
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
29120
+ z-index: -1;
29095
29121
  pointer-events: none;
29096
29122
  content: "";
29123
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
29097
29124
  border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
29098
29125
  }
29126
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after {
29127
+ border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29128
+ border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29129
+ }
29130
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after {
29131
+ border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29132
+ border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29133
+ }
29134
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead > :where(th, td), .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead > :where(th, td) {
29135
+ z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
29136
+ }
29137
+ :where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header .pf-m-nested-column-header, :where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header-base .pf-m-nested-column-header {
29138
+ --pf-v6-c-table--m-sticky-header--BorderRadius: 0;
29139
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
29140
+ }
29099
29141
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
29100
29142
  border-block-end: 0;
29101
29143
  }
@@ -29806,14 +29848,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29806
29848
  vertical-align: bottom;
29807
29849
  }
29808
29850
  .pf-v6-c-table__thead.pf-m-nested-column-header {
29851
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
29809
29852
  position: relative;
29810
29853
  }
29811
- .pf-v6-c-table__thead.pf-m-nested-column-header::after {
29812
- position: absolute;
29813
- inset: 0;
29854
+ .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
29814
29855
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
29815
- pointer-events: none;
29816
- content: "";
29817
29856
  border-block-end: var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth) solid var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor);
29818
29857
  }
29819
29858
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -29854,7 +29893,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29854
29893
  border-block-end: 0;
29855
29894
  }
29856
29895
  .pf-v6-c-table__tr.pf-m-border-row {
29857
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29896
+ height: var(--pf-v6-c-table--border-width--base);
29897
+ background-color: var(--pf-v6-c-table--BorderColor);
29858
29898
  }
29859
29899
 
29860
29900
  .pf-v6-c-table__tfoot {
@@ -30008,6 +30048,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
30008
30048
  --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
30009
30049
  }
30010
30050
 
30051
+ .pf-v6-c-table.pf-m-tree-view {
30052
+ --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
30053
+ }
30011
30054
  .pf-v6-c-table.pf-m-tree-view > tbody > tr {
30012
30055
  --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
30013
30056
  }
@@ -32137,7 +32180,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
32137
32180
 
32138
32181
  .pf-v6-c-title {
32139
32182
  font-family: var(--pf-v6-c-title--FontFamily);
32140
- overflow-wrap: break-word;
32183
+ overflow-wrap: anywhere;
32141
32184
  }
32142
32185
  .pf-v6-c-title.pf-m-4xl {
32143
32186
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -34559,7 +34602,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34559
34602
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34560
34603
  color: var(--pf-v6-c-tooltip__content--Color);
34561
34604
  text-align: center;
34562
- overflow-wrap: break-word;
34605
+ overflow-wrap: anywhere;
34563
34606
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34564
34607
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34565
34608
  }
@@ -34673,12 +34716,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34673
34716
  }
34674
34717
 
34675
34718
  .pf-v6-c-tree-view {
34676
- --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-t--global--spacer--md) * 2 + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
34719
+ --pf-v6-c-tree-view__node--indent--base: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingInlineStart) + var(--pf-v6-c-tree-view__node-toggle--PaddingInlineEnd) + var(--pf-v6-c-tree-view__node-toggle-icon--MinWidth));
34677
34720
  --pf-v6-c-tree-view__node--nested-indent--base: calc(var(--pf-v6-c-tree-view__node--indent--base) - var(--pf-t--global--spacer--md));
34678
34721
  --pf-v6-c-tree-view__content--BorderRadius: var(--pf-t--global--border--radius--small);
34679
- --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--sm);
34680
- --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
34681
- --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
34722
+ --pf-v6-c-tree-view__node--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
34723
+ --pf-v6-c-tree-view__node--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--default);
34724
+ --pf-v6-c-tree-view__node--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
34682
34725
  --pf-v6-c-tree-view__node--PaddingInlineStart: var(--pf-v6-c-tree-view__node--indent--base);
34683
34726
  --pf-v6-c-tree-view__node--Color: var(--pf-t--global--text--color--subtle);
34684
34727
  --pf-v6-c-tree-view__node--BackgroundColor: transparent;
@@ -34722,9 +34765,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34722
34765
  --pf-v6-c-tree-view__node-toggle--BackgroundColor: transparent;
34723
34766
  --pf-v6-c-tree-view__list-item--m-expanded__node-toggle--Color: var(--pf-t--global--icon--color--regular);
34724
34767
  --pf-v6-c-tree-view__node-toggle-icon--MinWidth: var(--pf-t--global--icon--size--font--body--default);
34725
- --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--sm);
34768
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockStart: var(--pf-t--global--spacer--control--vertical--plain);
34726
34769
  --pf-v6-c-tree-view__node-toggle--PaddingInlineEnd: var(--pf-t--global--spacer--md);
34727
- --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
34770
+ --pf-v6-c-tree-view__node-toggle--PaddingBlockEnd: var(--pf-t--global--spacer--control--vertical--plain);
34728
34771
  --pf-v6-c-tree-view__node-toggle--PaddingInlineStart: var(--pf-t--global--spacer--md);
34729
34772
  --pf-v6-c-tree-view__node-toggle--MarginBlockStart: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
34730
34773
  --pf-v6-c-tree-view__node-toggle--MarginBlockEnd: calc(var(--pf-v6-c-tree-view__node-toggle--PaddingBlockStart) * -1);
@@ -34740,7 +34783,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34740
34783
  --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
34741
34784
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
34742
34785
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
34743
- --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: -180deg;
34786
+ --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
34744
34787
  --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
34745
34788
  --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
34746
34789
  --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
@@ -35471,7 +35514,7 @@ label.pf-v6-c-tree-view__node-text {
35471
35514
  align-items: baseline;
35472
35515
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35473
35516
  text-align: start;
35474
- overflow-wrap: break-word;
35517
+ overflow-wrap: anywhere;
35475
35518
  }
35476
35519
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35477
35520
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35607,7 +35650,7 @@ label.pf-v6-c-tree-view__node-text {
35607
35650
  padding-inline: 0;
35608
35651
  color: var(--pf-v6-c-wizard__nav-link--Color);
35609
35652
  text-align: start;
35610
- overflow-wrap: break-word;
35653
+ overflow-wrap: anywhere;
35611
35654
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35612
35655
  counter-increment: wizard-nav-count;
35613
35656
  background-color: transparent;
@@ -35726,7 +35769,7 @@ label.pf-v6-c-tree-view__node-text {
35726
35769
  flex-direction: column;
35727
35770
  overflow-x: hidden;
35728
35771
  overflow-y: auto;
35729
- overflow-wrap: break-word;
35772
+ overflow-wrap: anywhere;
35730
35773
  }
35731
35774
 
35732
35775
  .pf-v6-c-wizard__main-body {