@patternfly/patternfly 6.6.0-prerelease.2 → 6.6.0-prerelease.21

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 (106) hide show
  1. package/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
  2. package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
  3. package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
  4. package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
  5. package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
  6. package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
  7. package/assets/images/img_avatar-rhds.svg +22 -0
  8. package/assets/images/pf-logo-avatar.jpg +0 -0
  9. package/base/patternfly-fonts.css +4 -4
  10. package/base/patternfly-fonts.scss +4 -4
  11. package/base/patternfly-variables.css +8 -6
  12. package/base/tokens/tokens-charts-dark.scss +1 -1
  13. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  14. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  15. package/base/tokens/tokens-charts.scss +1 -1
  16. package/base/tokens/tokens-dark.scss +1 -1
  17. package/base/tokens/tokens-default.scss +4 -4
  18. package/base/tokens/tokens-felt-dark.scss +1 -1
  19. package/base/tokens/tokens-felt-glass-dark.scss +1 -1
  20. package/base/tokens/tokens-felt-glass.scss +3 -2
  21. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  22. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  23. package/base/tokens/tokens-felt.scss +1 -1
  24. package/base/tokens/tokens-glass-dark.scss +1 -1
  25. package/base/tokens/tokens-glass.scss +3 -2
  26. package/base/tokens/tokens-highcontrast-dark.scss +1 -1
  27. package/base/tokens/tokens-highcontrast.scss +4 -4
  28. package/base/tokens/tokens-palette.scss +1 -1
  29. package/base/tokens/tokens-redhat-highcontrast.scss +3 -3
  30. package/components/AboutModalBox/about-modal-box.css +1 -1
  31. package/components/AboutModalBox/about-modal-box.scss +1 -1
  32. package/components/Alert/alert.css +3 -2
  33. package/components/Alert/alert.scss +3 -2
  34. package/components/Avatar/avatar.css +144 -0
  35. package/components/Avatar/avatar.scss +161 -0
  36. package/components/Banner/banner.css +7 -0
  37. package/components/Banner/banner.scss +7 -0
  38. package/components/Breadcrumb/breadcrumb.css +1 -1
  39. package/components/Breadcrumb/breadcrumb.scss +1 -1
  40. package/components/Button/button.css +18 -1
  41. package/components/Button/button.scss +21 -1
  42. package/components/ClipboardCopy/clipboard-copy.css +1 -1
  43. package/components/ClipboardCopy/clipboard-copy.scss +1 -1
  44. package/components/Compass/compass.css +5 -1
  45. package/components/Compass/compass.scss +5 -1
  46. package/components/DragDrop/drag-drop.css +4 -0
  47. package/components/DragDrop/drag-drop.scss +4 -0
  48. package/components/DualListSelector/dual-list-selector.css +1 -1
  49. package/components/DualListSelector/dual-list-selector.scss +1 -1
  50. package/components/Masthead/masthead.css +1 -1
  51. package/components/Masthead/masthead.scss +1 -1
  52. package/components/Menu/menu.css +2 -2
  53. package/components/Menu/menu.scss +3 -3
  54. package/components/MenuToggle/menu-toggle.css +3 -0
  55. package/components/MenuToggle/menu-toggle.scss +4 -1
  56. package/components/ModalBox/modal-box.css +1 -1
  57. package/components/ModalBox/modal-box.scss +1 -1
  58. package/components/NotificationDrawer/notification-drawer.css +3 -3
  59. package/components/NotificationDrawer/notification-drawer.scss +3 -3
  60. package/components/Page/page.css +30 -23
  61. package/components/Page/page.scss +35 -29
  62. package/components/Panel/panel.css +1 -1
  63. package/components/Panel/panel.scss +2 -2
  64. package/components/Progress/progress.css +2 -2
  65. package/components/Progress/progress.scss +2 -2
  66. package/components/Sidebar/sidebar.css +4 -7
  67. package/components/Sidebar/sidebar.scss +9 -9
  68. package/components/Table/table-tree-view.css +3 -0
  69. package/components/Table/table-tree-view.scss +2 -0
  70. package/components/Table/table.css +53 -19
  71. package/components/Table/table.scss +80 -32
  72. package/components/Title/title.css +1 -1
  73. package/components/Title/title.scss +1 -1
  74. package/components/Tooltip/tooltip.css +1 -1
  75. package/components/Tooltip/tooltip.scss +1 -1
  76. package/components/TreeView/tree-view.css +1 -1
  77. package/components/TreeView/tree-view.scss +1 -1
  78. package/components/Wizard/wizard.css +3 -3
  79. package/components/Wizard/wizard.scss +3 -3
  80. package/components/_index.css +294 -73
  81. package/docs/components/Avatar/examples/Avatar.css +6 -0
  82. package/docs/components/Avatar/examples/Avatar.md +414 -40
  83. package/docs/components/Drawer/examples/Drawer.md +1 -1
  84. package/docs/components/DualListSelector/examples/DualListSelector.md +85 -85
  85. package/docs/components/InputGroup/examples/InputGroup.md +1 -1
  86. package/docs/components/MenuToggle/examples/MenuToggle.md +54 -15
  87. package/docs/components/Pagination/examples/Pagination.md +120 -120
  88. package/docs/components/Sidebar/examples/Sidebar.md +3 -1
  89. package/docs/components/Table/examples/Table.css +6 -0
  90. package/docs/components/Table/examples/Table.md +305 -18
  91. package/docs/components/Toolbar/examples/Toolbar.md +16 -16
  92. package/docs/components/TreeView/examples/TreeView.md +100 -100
  93. package/docs/demos/CardView/examples/CardView.md +12 -12
  94. package/docs/demos/Compass/examples/Compass.md +91 -35
  95. package/docs/demos/Dashboard/examples/Dashboard.md +27 -30
  96. package/docs/demos/DataList/examples/DataList.md +48 -48
  97. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +20 -20
  98. package/docs/demos/Table/examples/Table.md +160 -160
  99. package/docs/demos/Toolbar/examples/Toolbar.md +36 -36
  100. package/package.json +7 -7
  101. package/patternfly-base-no-globals.css +12 -10
  102. package/patternfly-base.css +12 -10
  103. package/patternfly-no-globals.css +306 -83
  104. package/patternfly.css +306 -83
  105. package/patternfly.min.css +1 -1
  106. package/patternfly.min.css.map +1 -1
@@ -144,28 +144,28 @@
144
144
  @font-face {
145
145
  font-family: "Red Hat Text";
146
146
  font-style: normal;
147
- font-weight: 400 500;
147
+ font-weight: 400 600;
148
148
  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
149
149
  font-display: fallback;
150
150
  }
151
151
  @font-face {
152
152
  font-family: "Red Hat Text";
153
153
  font-style: italic;
154
- font-weight: 400 500;
154
+ font-weight: 400 600;
155
155
  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
156
156
  font-display: fallback;
157
157
  }
158
158
  @font-face {
159
159
  font-family: "Red Hat Display";
160
160
  font-style: normal;
161
- font-weight: 400 700;
161
+ font-weight: 600 800;
162
162
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
163
163
  font-display: fallback;
164
164
  }
165
165
  @font-face {
166
166
  font-family: "Red Hat Display";
167
167
  font-style: italic;
168
- font-weight: 400 700;
168
+ font-weight: 600 800;
169
169
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
170
170
  font-display: fallback;
171
171
  }
@@ -6489,9 +6489,9 @@
6489
6489
  --pf-t--global--font--size--700: 1.75rem;
6490
6490
  --pf-t--global--font--size--800: 2.25rem;
6491
6491
  --pf-t--global--font--weight--100: 400;
6492
- --pf-t--global--font--weight--200: 500;
6493
- --pf-t--global--font--weight--300: 500;
6494
- --pf-t--global--font--weight--400: 700;
6492
+ --pf-t--global--font--weight--200: 600;
6493
+ --pf-t--global--font--weight--300: 600;
6494
+ --pf-t--global--font--weight--400: 800;
6495
6495
  --pf-t--global--icon--size--100: 0.75rem;
6496
6496
  --pf-t--global--icon--size--200: 0.875rem;
6497
6497
  --pf-t--global--icon--size--250: 1rem;
@@ -7389,9 +7389,9 @@
7389
7389
  --pf-t--global--font--size--700: 1.75rem;
7390
7390
  --pf-t--global--font--size--800: 2.25rem;
7391
7391
  --pf-t--global--font--weight--100: 400;
7392
- --pf-t--global--font--weight--200: 500;
7393
- --pf-t--global--font--weight--300: 500;
7394
- --pf-t--global--font--weight--400: 700;
7392
+ --pf-t--global--font--weight--200: 600;
7393
+ --pf-t--global--font--weight--300: 600;
7394
+ --pf-t--global--font--weight--400: 800;
7395
7395
  --pf-t--global--icon--size--100: 0.75rem;
7396
7396
  --pf-t--global--icon--size--200: 0.875rem;
7397
7397
  --pf-t--global--icon--size--250: 1rem;
@@ -8086,6 +8086,7 @@
8086
8086
  --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
8087
8087
  --pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium);
8088
8088
  --pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular);
8089
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
8089
8090
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
8090
8091
  --pf-t--global--background--image--default: var(--pf-t--global--background--image--glass, url("./assets/images/PF-Bkg-Generic-Light.svg"));
8091
8092
  --pf-t--global--box-shadow--glass--default: var(--pf-t--global--box-shadow--md);
@@ -8239,6 +8240,7 @@
8239
8240
  --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
8240
8241
  --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
8241
8242
  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
8243
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
8242
8244
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
8243
8245
  --pf-t--global--background--image--default: var(--pf-t--global--background--image--felt--glass, url("./assets/images/Felt-Bkg-Generic-Light.svg"));
8244
8246
  }
@@ -9418,7 +9420,7 @@
9418
9420
  overflow-x: hidden;
9419
9421
  overflow-y: auto;
9420
9422
  overscroll-behavior: contain;
9421
- overflow-wrap: break-word;
9423
+ overflow-wrap: anywhere;
9422
9424
  -webkit-overflow-scrolling: touch;
9423
9425
  }
9424
9426
  @media screen and (min-width: 36rem) {
@@ -9913,6 +9915,7 @@
9913
9915
 
9914
9916
  .pf-v6-c-alert__icon {
9915
9917
  grid-area: icon;
9918
+ align-self: baseline;
9916
9919
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
9917
9920
  font-size: var(--pf-v6-c-alert__icon--FontSize);
9918
9921
  color: var(--pf-v6-c-alert__icon--Color);
@@ -9923,7 +9926,7 @@
9923
9926
  grid-area: title;
9924
9927
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
9925
9928
  color: var(--pf-v6-c-alert__title--Color);
9926
- overflow-wrap: break-word;
9929
+ overflow-wrap: anywhere;
9927
9930
  }
9928
9931
  .pf-v6-c-alert__title.pf-m-truncate {
9929
9932
  display: -webkit-box;
@@ -9935,7 +9938,7 @@
9935
9938
  .pf-v6-c-alert__description {
9936
9939
  grid-area: description;
9937
9940
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
9938
- overflow-wrap: break-word;
9941
+ overflow-wrap: anywhere;
9939
9942
  }
9940
9943
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
9941
9944
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -10142,24 +10145,87 @@
10142
10145
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
10143
10146
  --pf-v6-c-avatar--Width: 2.25rem;
10144
10147
  --pf-v6-c-avatar--Height: 2.25rem;
10148
+ --pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
10145
10149
  --pf-v6-c-avatar--m-sm--Width: 1.5rem;
10146
10150
  --pf-v6-c-avatar--m-sm--Height: 1.5rem;
10151
+ --pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
10147
10152
  --pf-v6-c-avatar--m-md--Width: 2.25rem;
10148
10153
  --pf-v6-c-avatar--m-md--Height: 2.25rem;
10154
+ --pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
10149
10155
  --pf-v6-c-avatar--m-lg--Width: 4.5rem;
10150
10156
  --pf-v6-c-avatar--m-lg--Height: 4.5rem;
10157
+ --pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
10151
10158
  --pf-v6-c-avatar--m-xl--Width: 8rem;
10152
10159
  --pf-v6-c-avatar--m-xl--Height: 8rem;
10160
+ --pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
10153
10161
  --pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
10154
10162
  --pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
10163
+ --pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
10164
+ --pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10165
+ --pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
10166
+ --pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
10167
+ --pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
10168
+ --pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
10169
+ --pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
10170
+ --pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
10171
+ --pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
10172
+ --pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
10173
+ --pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
10174
+ --pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
10175
+ --pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
10176
+ --pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
10177
+ --pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
10178
+ --pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
10179
+ --pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
10180
+ --pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
10181
+ --pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
10182
+ --pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
10183
+ --pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
10184
+ --pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
10185
+ --pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
10186
+ --pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
10187
+ --pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
10188
+ --pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
10189
+ --pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
10190
+ --pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
10191
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
10192
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
10193
+ --pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
10194
+ --pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
10195
+ --pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
10196
+ --pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
10197
+ --pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
10198
+ --pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
10199
+ --pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
10200
+ --pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
10201
+ --pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
10202
+ --pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
10203
+ --pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
10204
+ --pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
10205
+ --pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
10206
+ --pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
10207
+ --pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
10208
+ --pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
10209
+ --pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
10155
10210
  }
10156
10211
 
10157
10212
  .pf-v6-c-avatar {
10158
10213
  width: var(--pf-v6-c-avatar--Width);
10159
10214
  height: var(--pf-v6-c-avatar--Height);
10215
+ font-size: var(--pf-v6-c-avatar--FontSize);
10216
+ color: var(--pf-v6-c-avatar--Color, inherit);
10217
+ background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
10160
10218
  border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
10161
10219
  border-radius: var(--pf-v6-c-avatar--BorderRadius);
10162
10220
  }
10221
+ div.pf-v6-c-avatar {
10222
+ display: inline-flex;
10223
+ align-items: center;
10224
+ justify-content: center;
10225
+ overflow: clip;
10226
+ vertical-align: middle;
10227
+ }
10228
+
10163
10229
  .pf-v6-c-avatar.pf-m-bordered {
10164
10230
  --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
10165
10231
  --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
@@ -10388,6 +10454,87 @@
10388
10454
  --pf-v6-c-avatar--Height: var(--pf-v6-c-avatar--m-xl--Height-on-2xl, var(--pf-v6-c-avatar--m-xl--Height-on-xl, var(--pf-v6-c-avatar--m-xl--Height-on-lg, var(--pf-v6-c-avatar--m-xl--Height-on-md, var(--pf-v6-c-avatar--m-xl--Height-on-sm, var(--pf-v6-c-avatar--m-xl--Height))))));
10389
10455
  }
10390
10456
  }
10457
+ .pf-v6-c-avatar.pf-m-sm {
10458
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
10459
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
10460
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
10461
+ }
10462
+ .pf-v6-c-avatar.pf-m-lg {
10463
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
10464
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
10465
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
10466
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
10467
+ }
10468
+ .pf-v6-c-avatar.pf-m-xl {
10469
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
10470
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
10471
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
10472
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
10473
+ }
10474
+ .pf-v6-c-avatar.pf-m-colorful {
10475
+ --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
10476
+ }
10477
+ .pf-v6-c-avatar.pf-m-red {
10478
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
10479
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
10480
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
10481
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
10482
+ }
10483
+ .pf-v6-c-avatar.pf-m-orangered {
10484
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
10485
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
10486
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
10487
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
10488
+ }
10489
+ .pf-v6-c-avatar.pf-m-orange {
10490
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
10491
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
10492
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
10493
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
10494
+ }
10495
+ .pf-v6-c-avatar.pf-m-yellow {
10496
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
10497
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
10498
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
10499
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
10500
+ }
10501
+ .pf-v6-c-avatar.pf-m-green {
10502
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
10503
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
10504
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
10505
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
10506
+ }
10507
+ .pf-v6-c-avatar.pf-m-teal {
10508
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
10509
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
10510
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
10511
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
10512
+ }
10513
+ .pf-v6-c-avatar.pf-m-blue {
10514
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
10515
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
10516
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
10517
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
10518
+ }
10519
+ .pf-v6-c-avatar.pf-m-purple {
10520
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
10521
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
10522
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
10523
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
10524
+ }
10525
+ .pf-v6-c-avatar.pf-m-gray {
10526
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
10527
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
10528
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
10529
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
10530
+ }
10531
+
10532
+ .pf-v6-c-avatar__initials {
10533
+ font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
10534
+ font-size: var(--pf-v6-c-avatar__initials--FontSize);
10535
+ font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
10536
+ color: var(--pf-v6-c-avatar__initials--Color);
10537
+ }
10391
10538
 
10392
10539
  .pf-v6-c-backdrop {
10393
10540
  --pf-v6-c-backdrop--Position: fixed;
@@ -10566,7 +10713,9 @@
10566
10713
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
10567
10714
  --pf-v6-c-banner--link--TextDecoration: underline;
10568
10715
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
10716
+ --pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
10569
10717
  --pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
10718
+ --pf-v6-c-banner--link--TextDecorationColor: currentcolor;
10570
10719
  --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
10571
10720
  --pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
10572
10721
  --pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
@@ -10675,6 +10824,7 @@
10675
10824
  .pf-v6-c-banner a {
10676
10825
  color: var(--pf-v6-c-banner--link--Color);
10677
10826
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
10827
+ text-decoration-color: var(--pf-v6-c-banner--a--TextDecorationColor);
10678
10828
  }
10679
10829
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
10680
10830
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
@@ -10686,7 +10836,11 @@
10686
10836
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
10687
10837
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
10688
10838
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
10839
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
10689
10840
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
10841
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10842
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10843
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10690
10844
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
10691
10845
  }
10692
10846
  .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 {
@@ -10831,7 +10985,7 @@
10831
10985
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
10832
10986
  line-height: inherit;
10833
10987
  color: var(--pf-v6-c-breadcrumb__link--Color);
10834
- overflow-wrap: break-word;
10988
+ overflow-wrap: anywhere;
10835
10989
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
10836
10990
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
10837
10991
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
@@ -11003,6 +11157,10 @@ button.pf-v6-c-breadcrumb__link {
11003
11157
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11004
11158
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11005
11159
  --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11160
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
11161
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11162
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11163
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11006
11164
  --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
11007
11165
  --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
11008
11166
  --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);
@@ -11017,6 +11175,8 @@ button.pf-v6-c-breadcrumb__link {
11017
11175
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
11018
11176
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
11019
11177
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
11178
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
11179
+ --pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
11020
11180
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
11021
11181
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
11022
11182
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -11389,9 +11549,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11389
11549
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11390
11550
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
11391
11551
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
11392
- --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11552
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
11553
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
11554
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
11555
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11393
11556
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
11394
11557
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
11558
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
11559
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
11395
11560
  --pf-v6-c-button--BorderWidth: 0;
11396
11561
  --pf-v6-c-button--hover--BorderWidth: 0;
11397
11562
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
@@ -11404,6 +11569,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11404
11569
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11405
11570
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
11406
11571
  }
11572
+ .pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
11573
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11574
+ }
11407
11575
  .pf-v6-c-button.pf-m-link.pf-m-danger {
11408
11576
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
11409
11577
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -11737,6 +11905,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11737
11905
  justify-content: flex-start;
11738
11906
  width: 100%;
11739
11907
  }
11908
+ .pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
11909
+ min-width: 1lh;
11910
+ }
11740
11911
  @media (min-width: 62rem) {
11741
11912
  .pf-v6-c-button.pf-m-docked {
11742
11913
  justify-content: center;
@@ -12649,7 +12820,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12649
12820
  }
12650
12821
 
12651
12822
  .pf-v6-c-clipboard-copy__text {
12652
- overflow-wrap: break-word;
12823
+ overflow-wrap: anywhere;
12653
12824
  white-space: normal;
12654
12825
  }
12655
12826
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -13257,15 +13428,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13257
13428
  inset-inline-start: 0;
13258
13429
  z-index: var(--pf-v6-c-compass__dock--ZIndex);
13259
13430
  display: flex;
13431
+ visibility: hidden;
13260
13432
  flex-direction: column;
13261
13433
  grid-area: dock;
13262
13434
  width: var(--pf-v6-c-compass__dock--Width);
13263
13435
  translate: -100% 0;
13264
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
13436
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-compass__dock--TransitionDuration--slide);
13265
13437
  }
13266
13438
  .pf-v6-c-compass__dock.pf-m-expanded {
13267
13439
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
13440
+ visibility: visible;
13268
13441
  translate: 0;
13442
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
13269
13443
  }
13270
13444
  @media (min-width: 62rem) {
13271
13445
  .pf-v6-c-compass__dock {
@@ -13273,6 +13447,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13273
13447
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
13274
13448
  position: revert;
13275
13449
  inset: revert;
13450
+ visibility: revert;
13276
13451
  width: auto;
13277
13452
  translate: 0;
13278
13453
  }
@@ -14816,6 +14991,7 @@ ul) {
14816
14991
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
14817
14992
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
14818
14993
  --pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
14994
+ --pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
14819
14995
  --pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
14820
14996
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
14821
14997
  --pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -14830,6 +15006,7 @@ ul) {
14830
15006
  --pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
14831
15007
  position: relative;
14832
15008
  background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
15009
+ border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
14833
15010
  box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
14834
15011
  }
14835
15012
  .pf-v6-c-draggable.pf-m-dragging::after {
@@ -14849,6 +15026,7 @@ ul) {
14849
15026
 
14850
15027
  .pf-v6-c-droppable {
14851
15028
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
15029
+ --pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
14852
15030
  --pf-v6-c-droppable--before--Opacity: 0;
14853
15031
  --pf-v6-c-droppable--after--BorderWidth: 0;
14854
15032
  --pf-v6-c-droppable--after--BorderColor: transparent;
@@ -14871,6 +15049,7 @@ ul) {
14871
15049
  }
14872
15050
  .pf-v6-c-droppable::before {
14873
15051
  background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
15052
+ border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
14874
15053
  opacity: var(--pf-v6-c-droppable--before--Opacity);
14875
15054
  }
14876
15055
  .pf-v6-c-droppable::after {
@@ -14966,7 +15145,7 @@ ul) {
14966
15145
  --pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
14967
15146
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
14968
15147
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
14969
- --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: -180deg;
15148
+ --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
14970
15149
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
14971
15150
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
14972
15151
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
@@ -19922,7 +20101,7 @@ ul.pf-v6-c-list {
19922
20101
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
19923
20102
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
19924
20103
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
19925
- --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
20104
+ --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
19926
20105
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
19927
20106
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
19928
20107
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
@@ -20769,7 +20948,7 @@ ul.pf-v6-c-list {
20769
20948
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
20770
20949
  --pf-v6-c-menu__item-external--Color: transparent;
20771
20950
  --pf-v6-c-menu__item-select-icon--Color: transparent;
20772
- --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
20951
+ --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
20773
20952
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
20774
20953
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
20775
20954
  --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
@@ -21136,7 +21315,7 @@ ul.pf-v6-c-list {
21136
21315
  .pf-v6-c-menu__item-description {
21137
21316
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21138
21317
  color: var(--pf-v6-c-menu__item-description--Color);
21139
- overflow-wrap: break-word;
21318
+ overflow-wrap: anywhere;
21140
21319
  }
21141
21320
 
21142
21321
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -21553,6 +21732,9 @@ ul.pf-v6-c-list {
21553
21732
  justify-content: flex-start;
21554
21733
  width: 100%;
21555
21734
  }
21735
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
21736
+ min-width: 1lh;
21737
+ }
21556
21738
  @media (min-width: 62rem) {
21557
21739
  .pf-v6-c-menu-toggle.pf-m-docked {
21558
21740
  justify-content: center;
@@ -21930,7 +22112,7 @@ ul.pf-v6-c-list {
21930
22112
  overflow-x: hidden;
21931
22113
  overflow-y: auto;
21932
22114
  overscroll-behavior: contain;
21933
- overflow-wrap: break-word;
22115
+ overflow-wrap: anywhere;
21934
22116
  -webkit-overflow-scrolling: touch;
21935
22117
  }
21936
22118
  .pf-v6-c-modal-box__body:last-child {
@@ -22804,7 +22986,7 @@ ul.pf-v6-c-list {
22804
22986
 
22805
22987
  .pf-v6-c-notification-drawer__list-item-header-title {
22806
22988
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
22807
- overflow-wrap: break-word;
22989
+ overflow-wrap: anywhere;
22808
22990
  }
22809
22991
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
22810
22992
  display: -webkit-box;
@@ -22826,7 +23008,7 @@ ul.pf-v6-c-list {
22826
23008
  grid-row: 2/3;
22827
23009
  grid-column: 1/2;
22828
23010
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
22829
- overflow-wrap: break-word;
23011
+ overflow-wrap: anywhere;
22830
23012
  }
22831
23013
 
22832
23014
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -22871,7 +23053,7 @@ ul.pf-v6-c-list {
22871
23053
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
22872
23054
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
22873
23055
  text-align: start;
22874
- overflow-wrap: break-word;
23056
+ overflow-wrap: anywhere;
22875
23057
  }
22876
23058
 
22877
23059
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -22948,11 +23130,6 @@ ul.pf-v6-c-list {
22948
23130
  .pf-v6-c-page {
22949
23131
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
22950
23132
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
22951
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
22952
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
22953
- --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
22954
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
22955
- --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
22956
23133
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
22957
23134
  --pf-v6-c-page__dock--Width: 15.625rem;
22958
23135
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -22966,11 +23143,17 @@ ul.pf-v6-c-list {
22966
23143
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
22967
23144
  --pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
22968
23145
  --pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
22969
- --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
23146
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
22970
23147
  --pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
22971
- --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
23148
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
23149
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
22972
23150
  --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));
22973
- --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));
23151
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
23152
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23153
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23154
+ --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23155
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23156
+ --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
22974
23157
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
22975
23158
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
22976
23159
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -23141,20 +23324,17 @@ ul.pf-v6-c-list {
23141
23324
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
23142
23325
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
23143
23326
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
23144
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
23145
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
23146
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23147
23327
  --pf-v6-c-page--BackgroundColor--glass: transparent;
23148
23328
  --pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
23149
- --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23150
- --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--lg);
23151
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--lg);
23329
+ --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23330
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
23331
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
23152
23332
  --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
23153
23333
  --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
23154
23334
  --pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
23155
- --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--sm) * -1);
23156
- --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--md);
23157
- --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--md);
23335
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
23336
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23337
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23158
23338
  --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
23159
23339
  --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
23160
23340
  --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
@@ -23165,9 +23345,11 @@ ul.pf-v6-c-list {
23165
23345
  --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
23166
23346
  --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23167
23347
  --pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23168
- --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23169
- --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23170
- --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23348
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
23349
+ --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23350
+ --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
23351
+ --pf-v6-c-page--m-dock__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--gutter--default));
23352
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23171
23353
  }
23172
23354
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
23173
23355
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -23190,6 +23372,8 @@ ul.pf-v6-c-list {
23190
23372
  --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
23191
23373
  --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
23192
23374
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
23375
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
23376
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
23193
23377
  }
23194
23378
  @media (min-width: 75rem) {
23195
23379
  .pf-v6-c-page {
@@ -23341,10 +23525,11 @@ ul.pf-v6-c-list {
23341
23525
  inset-inline-start: 0;
23342
23526
  z-index: var(--pf-v6-c-page__dock--ZIndex);
23343
23527
  display: flex;
23528
+ visibility: hidden;
23344
23529
  flex-direction: column;
23345
23530
  grid-area: dock;
23346
23531
  width: var(--pf-v6-c-page__dock--Width);
23347
- transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
23532
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s var(--pf-v6-c-page__dock--TransitionDuration--slide);
23348
23533
  translate: -100% 0;
23349
23534
  }
23350
23535
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
@@ -23353,14 +23538,15 @@ ul.pf-v6-c-list {
23353
23538
 
23354
23539
  .pf-v6-c-page__dock.pf-m-expanded {
23355
23540
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
23541
+ visibility: visible;
23356
23542
  translate: 0;
23543
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
23357
23544
  }
23358
23545
  @media (min-width: 62rem) {
23359
23546
  .pf-v6-c-page__dock {
23360
- --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
23361
- --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23362
23547
  position: revert;
23363
23548
  inset: revert;
23549
+ visibility: revert;
23364
23550
  width: auto;
23365
23551
  translate: 0;
23366
23552
  }
@@ -23385,6 +23571,9 @@ ul.pf-v6-c-list {
23385
23571
  }
23386
23572
  @media (min-width: 62rem) {
23387
23573
  .pf-v6-c-page__dock-main {
23574
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
23575
+ --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
23576
+ --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23388
23577
  --pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23389
23578
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23390
23579
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
@@ -24518,7 +24707,7 @@ ul.pf-v6-c-list {
24518
24707
  --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24519
24708
  --pf-v6-c-panel--BoxShadow: none;
24520
24709
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
24521
- --pf-v6-c-panel--before--BorderWidth: 0;
24710
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
24522
24711
  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
24523
24712
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
24524
24713
  --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
@@ -24999,7 +25188,7 @@ ul.pf-v6-c-list {
24999
25188
 
25000
25189
  .pf-v6-c-progress__description {
25001
25190
  grid-column: 1/2;
25002
- overflow-wrap: break-word;
25191
+ overflow-wrap: anywhere;
25003
25192
  }
25004
25193
  .pf-v6-c-progress__description.pf-m-truncate {
25005
25194
  overflow: hidden;
@@ -25015,7 +25204,7 @@ ul.pf-v6-c-list {
25015
25204
  align-items: flex-start;
25016
25205
  justify-content: flex-end;
25017
25206
  text-align: end;
25018
- overflow-wrap: break-word;
25207
+ overflow-wrap: anywhere;
25019
25208
  }
25020
25209
 
25021
25210
  .pf-v6-c-progress__status-icon {
@@ -25933,6 +26122,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25933
26122
  --pf-v6-c-sidebar__panel--Position: static;
25934
26123
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
25935
26124
  }
26125
+ .pf-v6-c-sidebar__panel.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__panel.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__panel:not(.pf-m-no-plain-on-glass) {
26126
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
26127
+ }
25936
26128
  .pf-v6-c-sidebar__panel.pf-m-secondary {
25937
26129
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
25938
26130
  }
@@ -25952,7 +26144,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25952
26144
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
25953
26145
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
25954
26146
  }
25955
- .pf-v6-c-sidebar__content.pf-m-no-background {
26147
+ .pf-v6-c-sidebar__content.pf-m-no-background, :where(:root:not(.pf-v6-theme-glass)) .pf-v6-c-sidebar__content.pf-m-plain, :where(:root.pf-v6-theme-glass) .pf-v6-c-sidebar__content:not(.pf-m-no-plain-on-glass) {
25956
26148
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
25957
26149
  }
25958
26150
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -25965,12 +26157,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
25965
26157
  --pf-v6-c-sidebar__content--Order: -1;
25966
26158
  }
25967
26159
 
25968
- .pf-v6-c-sidebar.pf-m-no-background,
25969
- .pf-v6-c-sidebar__panel.pf-m-no-background,
25970
- .pf-v6-c-sidebar__content.pf-m-no-background {
25971
- background-color: transparent;
25972
- }
25973
-
25974
26160
  .pf-v6-c-sidebar__panel.pf-m-width-default {
25975
26161
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
25976
26162
  }
@@ -28699,7 +28885,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28699
28885
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28700
28886
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
28701
28887
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
28702
- --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28888
+ --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
28703
28889
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28704
28890
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
28705
28891
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -28719,6 +28905,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28719
28905
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
28720
28906
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
28721
28907
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
28908
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
28909
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28722
28910
  }
28723
28911
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
28724
28912
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -28740,16 +28928,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28740
28928
  .pf-v6-c-table.pf-m-fixed {
28741
28929
  table-layout: fixed;
28742
28930
  }
28743
- .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 {
28931
+ .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 {
28744
28932
  opacity: 0;
28745
28933
  transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
28746
28934
  transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
28747
28935
  transition-property: opacity;
28748
28936
  }
28749
- .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
28750
- --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
28751
- }
28752
- .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 {
28937
+ .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 {
28753
28938
  opacity: 1;
28754
28939
  }
28755
28940
  .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
@@ -28760,27 +28945,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28760
28945
  inset-block-start: 0;
28761
28946
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
28762
28947
  }
28763
- .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 {
28948
+ .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 {
28764
28949
  position: absolute;
28765
28950
  inset: 0;
28766
28951
  z-index: -1;
28767
28952
  pointer-events: none;
28768
28953
  content: "";
28769
- background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28770
28954
  border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28771
28955
  box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
28772
28956
  }
28773
- .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) {
28774
- z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
28775
- }
28776
- .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 {
28957
+ .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 {
28777
28958
  position: absolute;
28778
28959
  inset: 0;
28779
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
28960
+ z-index: -1;
28780
28961
  pointer-events: none;
28781
28962
  content: "";
28963
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28782
28964
  border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
28783
28965
  }
28966
+ .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 {
28967
+ border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28968
+ border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28969
+ }
28970
+ .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 {
28971
+ border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28972
+ border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28973
+ }
28974
+ .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) {
28975
+ z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
28976
+ }
28977
+ :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 {
28978
+ --pf-v6-c-table--m-sticky-header--BorderRadius: 0;
28979
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
28980
+ }
28784
28981
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
28785
28982
  border-block-end: 0;
28786
28983
  }
@@ -28788,6 +28985,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28788
28985
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) td:where(.pf-v6-c-table__td):not([rowspan]) {
28789
28986
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
28790
28987
  }
28988
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
28989
+ position: sticky;
28990
+ inset-block-end: 0;
28991
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
28992
+ background: var(--pf-v6-c-table--BackgroundColor);
28993
+ }
28994
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
28995
+ position: absolute;
28996
+ inset: 0;
28997
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
28998
+ pointer-events: none;
28999
+ content: "";
29000
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29001
+ }
29002
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
29003
+ border-block-end: 0;
29004
+ }
29005
+ .pf-v6-c-table.pf-m-plain {
29006
+ --pf-v6-c-table--BackgroundColor: transparent;
29007
+ }
28791
29008
  .pf-v6-c-table.pf-m-striped:not(.pf-m-expandable) > tbody:where(.pf-v6-c-table__tbody) > tr:where(.pf-v6-c-table__tr):nth-child(odd), .pf-v6-c-table.pf-m-striped.pf-m-expandable > tbody:where(.pf-v6-c-table__tbody):nth-of-type(odd) > tr:where(.pf-v6-c-table__tr),
28792
29009
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
28793
29010
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -29471,14 +29688,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29471
29688
  vertical-align: bottom;
29472
29689
  }
29473
29690
  .pf-v6-c-table__thead.pf-m-nested-column-header {
29691
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
29474
29692
  position: relative;
29475
29693
  }
29476
- .pf-v6-c-table__thead.pf-m-nested-column-header::after {
29477
- position: absolute;
29478
- inset: 0;
29694
+ .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
29479
29695
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
29480
- pointer-events: none;
29481
- content: "";
29482
29696
  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);
29483
29697
  }
29484
29698
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -29519,7 +29733,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29519
29733
  border-block-end: 0;
29520
29734
  }
29521
29735
  .pf-v6-c-table__tr.pf-m-border-row {
29522
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29736
+ height: var(--pf-v6-c-table--border-width--base);
29737
+ background-color: var(--pf-v6-c-table--BorderColor);
29738
+ }
29739
+
29740
+ .pf-v6-c-table__tfoot {
29741
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
29742
+ vertical-align: top;
29523
29743
  }
29524
29744
 
29525
29745
  .pf-v6-c-table__icon-inline {
@@ -29668,6 +29888,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29668
29888
  --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
29669
29889
  }
29670
29890
 
29891
+ .pf-v6-c-table.pf-m-tree-view {
29892
+ --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
29893
+ }
29671
29894
  .pf-v6-c-table.pf-m-tree-view > tbody > tr {
29672
29895
  --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
29673
29896
  }
@@ -31797,7 +32020,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31797
32020
 
31798
32021
  .pf-v6-c-title {
31799
32022
  font-family: var(--pf-v6-c-title--FontFamily);
31800
- overflow-wrap: break-word;
32023
+ overflow-wrap: anywhere;
31801
32024
  }
31802
32025
  .pf-v6-c-title.pf-m-4xl {
31803
32026
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -34219,7 +34442,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34219
34442
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34220
34443
  color: var(--pf-v6-c-tooltip__content--Color);
34221
34444
  text-align: center;
34222
- overflow-wrap: break-word;
34445
+ overflow-wrap: anywhere;
34223
34446
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34224
34447
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34225
34448
  }
@@ -34400,7 +34623,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34400
34623
  --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
34401
34624
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
34402
34625
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
34403
- --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: -180deg;
34626
+ --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
34404
34627
  --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
34405
34628
  --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
34406
34629
  --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
@@ -35131,7 +35354,7 @@ label.pf-v6-c-tree-view__node-text {
35131
35354
  align-items: baseline;
35132
35355
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35133
35356
  text-align: start;
35134
- overflow-wrap: break-word;
35357
+ overflow-wrap: anywhere;
35135
35358
  }
35136
35359
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35137
35360
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35267,7 +35490,7 @@ label.pf-v6-c-tree-view__node-text {
35267
35490
  padding-inline: 0;
35268
35491
  color: var(--pf-v6-c-wizard__nav-link--Color);
35269
35492
  text-align: start;
35270
- overflow-wrap: break-word;
35493
+ overflow-wrap: anywhere;
35271
35494
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35272
35495
  counter-increment: wizard-nav-count;
35273
35496
  background-color: transparent;
@@ -35386,7 +35609,7 @@ label.pf-v6-c-tree-view__node-text {
35386
35609
  flex-direction: column;
35387
35610
  overflow-x: hidden;
35388
35611
  overflow-y: auto;
35389
- overflow-wrap: break-word;
35612
+ overflow-wrap: anywhere;
35390
35613
  }
35391
35614
 
35392
35615
  .pf-v6-c-wizard__main-body {