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

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 +1 -1
  53. package/components/Menu/menu.scss +1 -1
  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 +293 -72
  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 +6 -6
  101. package/patternfly-base-no-globals.css +12 -10
  102. package/patternfly-base.css +12 -10
  103. package/patternfly-no-globals.css +305 -82
  104. package/patternfly.css +305 -82
  105. package/patternfly.min.css +1 -1
  106. package/patternfly.min.css.map +1 -1
@@ -164,7 +164,7 @@
164
164
  overflow-x: hidden;
165
165
  overflow-y: auto;
166
166
  overscroll-behavior: contain;
167
- overflow-wrap: break-word;
167
+ overflow-wrap: anywhere;
168
168
  -webkit-overflow-scrolling: touch;
169
169
  }
170
170
  @media screen and (min-width: 36rem) {
@@ -659,6 +659,7 @@
659
659
 
660
660
  .pf-v6-c-alert__icon {
661
661
  grid-area: icon;
662
+ align-self: baseline;
662
663
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
663
664
  font-size: var(--pf-v6-c-alert__icon--FontSize);
664
665
  color: var(--pf-v6-c-alert__icon--Color);
@@ -669,7 +670,7 @@
669
670
  grid-area: title;
670
671
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
671
672
  color: var(--pf-v6-c-alert__title--Color);
672
- overflow-wrap: break-word;
673
+ overflow-wrap: anywhere;
673
674
  }
674
675
  .pf-v6-c-alert__title.pf-m-truncate {
675
676
  display: -webkit-box;
@@ -681,7 +682,7 @@
681
682
  .pf-v6-c-alert__description {
682
683
  grid-area: description;
683
684
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
684
- overflow-wrap: break-word;
685
+ overflow-wrap: anywhere;
685
686
  }
686
687
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
687
688
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -888,24 +889,87 @@
888
889
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
889
890
  --pf-v6-c-avatar--Width: 2.25rem;
890
891
  --pf-v6-c-avatar--Height: 2.25rem;
892
+ --pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
891
893
  --pf-v6-c-avatar--m-sm--Width: 1.5rem;
892
894
  --pf-v6-c-avatar--m-sm--Height: 1.5rem;
895
+ --pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
893
896
  --pf-v6-c-avatar--m-md--Width: 2.25rem;
894
897
  --pf-v6-c-avatar--m-md--Height: 2.25rem;
898
+ --pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
895
899
  --pf-v6-c-avatar--m-lg--Width: 4.5rem;
896
900
  --pf-v6-c-avatar--m-lg--Height: 4.5rem;
901
+ --pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
897
902
  --pf-v6-c-avatar--m-xl--Width: 8rem;
898
903
  --pf-v6-c-avatar--m-xl--Height: 8rem;
904
+ --pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
899
905
  --pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
900
906
  --pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
907
+ --pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
908
+ --pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
909
+ --pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
910
+ --pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
911
+ --pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
912
+ --pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
913
+ --pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
914
+ --pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
915
+ --pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
916
+ --pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
917
+ --pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
918
+ --pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
919
+ --pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
920
+ --pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
921
+ --pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
922
+ --pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
923
+ --pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
924
+ --pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
925
+ --pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
926
+ --pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
927
+ --pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
928
+ --pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
929
+ --pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
930
+ --pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
931
+ --pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
932
+ --pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
933
+ --pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
934
+ --pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
935
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
936
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
937
+ --pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
938
+ --pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
939
+ --pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
940
+ --pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
941
+ --pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
942
+ --pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
943
+ --pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
944
+ --pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
945
+ --pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
946
+ --pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
947
+ --pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
948
+ --pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
949
+ --pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
950
+ --pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
951
+ --pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
952
+ --pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
953
+ --pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
901
954
  }
902
955
 
903
956
  .pf-v6-c-avatar {
904
957
  width: var(--pf-v6-c-avatar--Width);
905
958
  height: var(--pf-v6-c-avatar--Height);
959
+ font-size: var(--pf-v6-c-avatar--FontSize);
960
+ color: var(--pf-v6-c-avatar--Color, inherit);
961
+ background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
906
962
  border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
907
963
  border-radius: var(--pf-v6-c-avatar--BorderRadius);
908
964
  }
965
+ div.pf-v6-c-avatar {
966
+ display: inline-flex;
967
+ align-items: center;
968
+ justify-content: center;
969
+ overflow: clip;
970
+ vertical-align: middle;
971
+ }
972
+
909
973
  .pf-v6-c-avatar.pf-m-bordered {
910
974
  --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
911
975
  --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
@@ -1134,6 +1198,87 @@
1134
1198
  --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))))));
1135
1199
  }
1136
1200
  }
1201
+ .pf-v6-c-avatar.pf-m-sm {
1202
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
1203
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
1204
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
1205
+ }
1206
+ .pf-v6-c-avatar.pf-m-lg {
1207
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
1208
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
1209
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
1210
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
1211
+ }
1212
+ .pf-v6-c-avatar.pf-m-xl {
1213
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
1214
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
1215
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
1216
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
1217
+ }
1218
+ .pf-v6-c-avatar.pf-m-colorful {
1219
+ --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
1220
+ }
1221
+ .pf-v6-c-avatar.pf-m-red {
1222
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
1223
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
1224
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
1225
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
1226
+ }
1227
+ .pf-v6-c-avatar.pf-m-orangered {
1228
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
1229
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
1230
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
1231
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
1232
+ }
1233
+ .pf-v6-c-avatar.pf-m-orange {
1234
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
1235
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
1236
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
1237
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
1238
+ }
1239
+ .pf-v6-c-avatar.pf-m-yellow {
1240
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
1241
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
1242
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
1243
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
1244
+ }
1245
+ .pf-v6-c-avatar.pf-m-green {
1246
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
1247
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
1248
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
1249
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
1250
+ }
1251
+ .pf-v6-c-avatar.pf-m-teal {
1252
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
1253
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
1254
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
1255
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
1256
+ }
1257
+ .pf-v6-c-avatar.pf-m-blue {
1258
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
1259
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
1260
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
1261
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
1262
+ }
1263
+ .pf-v6-c-avatar.pf-m-purple {
1264
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
1265
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
1266
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
1267
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
1268
+ }
1269
+ .pf-v6-c-avatar.pf-m-gray {
1270
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
1271
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
1272
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
1273
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
1274
+ }
1275
+
1276
+ .pf-v6-c-avatar__initials {
1277
+ font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
1278
+ font-size: var(--pf-v6-c-avatar__initials--FontSize);
1279
+ font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
1280
+ color: var(--pf-v6-c-avatar__initials--Color);
1281
+ }
1137
1282
 
1138
1283
  .pf-v6-c-backdrop {
1139
1284
  --pf-v6-c-backdrop--Position: fixed;
@@ -1312,7 +1457,9 @@
1312
1457
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
1313
1458
  --pf-v6-c-banner--link--TextDecoration: underline;
1314
1459
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
1460
+ --pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
1315
1461
  --pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
1462
+ --pf-v6-c-banner--link--TextDecorationColor: currentcolor;
1316
1463
  --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
1317
1464
  --pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
1318
1465
  --pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
@@ -1421,6 +1568,7 @@
1421
1568
  .pf-v6-c-banner a {
1422
1569
  color: var(--pf-v6-c-banner--link--Color);
1423
1570
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
1571
+ text-decoration-color: var(--pf-v6-c-banner--a--TextDecorationColor);
1424
1572
  }
1425
1573
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
1426
1574
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
@@ -1432,7 +1580,11 @@
1432
1580
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
1433
1581
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
1434
1582
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
1583
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
1435
1584
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
1585
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
1586
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
1587
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
1436
1588
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
1437
1589
  }
1438
1590
  .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 {
@@ -1577,7 +1729,7 @@
1577
1729
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
1578
1730
  line-height: inherit;
1579
1731
  color: var(--pf-v6-c-breadcrumb__link--Color);
1580
- overflow-wrap: break-word;
1732
+ overflow-wrap: anywhere;
1581
1733
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
1582
1734
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
1583
1735
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
@@ -1749,6 +1901,10 @@ button.pf-v6-c-breadcrumb__link {
1749
1901
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
1750
1902
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
1751
1903
  --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
1904
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
1905
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
1906
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
1907
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
1752
1908
  --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
1753
1909
  --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
1754
1910
  --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);
@@ -1763,6 +1919,8 @@ button.pf-v6-c-breadcrumb__link {
1763
1919
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
1764
1920
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
1765
1921
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
1922
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
1923
+ --pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
1766
1924
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
1767
1925
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
1768
1926
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -2135,9 +2293,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2135
2293
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
2136
2294
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
2137
2295
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
2138
- --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
2296
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
2297
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
2298
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
2299
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
2139
2300
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
2140
2301
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
2302
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
2303
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
2141
2304
  --pf-v6-c-button--BorderWidth: 0;
2142
2305
  --pf-v6-c-button--hover--BorderWidth: 0;
2143
2306
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
@@ -2150,6 +2313,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2150
2313
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
2151
2314
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
2152
2315
  }
2316
+ .pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
2317
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
2318
+ }
2153
2319
  .pf-v6-c-button.pf-m-link.pf-m-danger {
2154
2320
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
2155
2321
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -2483,6 +2649,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2483
2649
  justify-content: flex-start;
2484
2650
  width: 100%;
2485
2651
  }
2652
+ .pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
2653
+ min-width: 1lh;
2654
+ }
2486
2655
  @media (min-width: 62rem) {
2487
2656
  .pf-v6-c-button.pf-m-docked {
2488
2657
  justify-content: center;
@@ -3395,7 +3564,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
3395
3564
  }
3396
3565
 
3397
3566
  .pf-v6-c-clipboard-copy__text {
3398
- overflow-wrap: break-word;
3567
+ overflow-wrap: anywhere;
3399
3568
  white-space: normal;
3400
3569
  }
3401
3570
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -4003,15 +4172,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4003
4172
  inset-inline-start: 0;
4004
4173
  z-index: var(--pf-v6-c-compass__dock--ZIndex);
4005
4174
  display: flex;
4175
+ visibility: hidden;
4006
4176
  flex-direction: column;
4007
4177
  grid-area: dock;
4008
4178
  width: var(--pf-v6-c-compass__dock--Width);
4009
4179
  translate: -100% 0;
4010
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
4180
+ 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);
4011
4181
  }
4012
4182
  .pf-v6-c-compass__dock.pf-m-expanded {
4013
4183
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
4184
+ visibility: visible;
4014
4185
  translate: 0;
4186
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
4015
4187
  }
4016
4188
  @media (min-width: 62rem) {
4017
4189
  .pf-v6-c-compass__dock {
@@ -4019,6 +4191,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
4019
4191
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
4020
4192
  position: revert;
4021
4193
  inset: revert;
4194
+ visibility: revert;
4022
4195
  width: auto;
4023
4196
  translate: 0;
4024
4197
  }
@@ -5562,6 +5735,7 @@ ul) {
5562
5735
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
5563
5736
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
5564
5737
  --pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
5738
+ --pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
5565
5739
  --pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
5566
5740
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
5567
5741
  --pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -5576,6 +5750,7 @@ ul) {
5576
5750
  --pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
5577
5751
  position: relative;
5578
5752
  background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
5753
+ border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
5579
5754
  box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
5580
5755
  }
5581
5756
  .pf-v6-c-draggable.pf-m-dragging::after {
@@ -5595,6 +5770,7 @@ ul) {
5595
5770
 
5596
5771
  .pf-v6-c-droppable {
5597
5772
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
5773
+ --pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
5598
5774
  --pf-v6-c-droppable--before--Opacity: 0;
5599
5775
  --pf-v6-c-droppable--after--BorderWidth: 0;
5600
5776
  --pf-v6-c-droppable--after--BorderColor: transparent;
@@ -5617,6 +5793,7 @@ ul) {
5617
5793
  }
5618
5794
  .pf-v6-c-droppable::before {
5619
5795
  background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
5796
+ border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
5620
5797
  opacity: var(--pf-v6-c-droppable--before--Opacity);
5621
5798
  }
5622
5799
  .pf-v6-c-droppable::after {
@@ -5712,7 +5889,7 @@ ul) {
5712
5889
  --pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
5713
5890
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
5714
5891
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
5715
- --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: -180deg;
5892
+ --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
5716
5893
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
5717
5894
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
5718
5895
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
@@ -10668,7 +10845,7 @@ ul.pf-v6-c-list {
10668
10845
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
10669
10846
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
10670
10847
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
10671
- --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
10848
+ --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
10672
10849
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
10673
10850
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10674
10851
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
@@ -11882,7 +12059,7 @@ ul.pf-v6-c-list {
11882
12059
  .pf-v6-c-menu__item-description {
11883
12060
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
11884
12061
  color: var(--pf-v6-c-menu__item-description--Color);
11885
- overflow-wrap: break-word;
12062
+ overflow-wrap: anywhere;
11886
12063
  }
11887
12064
 
11888
12065
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -12299,6 +12476,9 @@ ul.pf-v6-c-list {
12299
12476
  justify-content: flex-start;
12300
12477
  width: 100%;
12301
12478
  }
12479
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
12480
+ min-width: 1lh;
12481
+ }
12302
12482
  @media (min-width: 62rem) {
12303
12483
  .pf-v6-c-menu-toggle.pf-m-docked {
12304
12484
  justify-content: center;
@@ -12676,7 +12856,7 @@ ul.pf-v6-c-list {
12676
12856
  overflow-x: hidden;
12677
12857
  overflow-y: auto;
12678
12858
  overscroll-behavior: contain;
12679
- overflow-wrap: break-word;
12859
+ overflow-wrap: anywhere;
12680
12860
  -webkit-overflow-scrolling: touch;
12681
12861
  }
12682
12862
  .pf-v6-c-modal-box__body:last-child {
@@ -13550,7 +13730,7 @@ ul.pf-v6-c-list {
13550
13730
 
13551
13731
  .pf-v6-c-notification-drawer__list-item-header-title {
13552
13732
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
13553
- overflow-wrap: break-word;
13733
+ overflow-wrap: anywhere;
13554
13734
  }
13555
13735
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
13556
13736
  display: -webkit-box;
@@ -13572,7 +13752,7 @@ ul.pf-v6-c-list {
13572
13752
  grid-row: 2/3;
13573
13753
  grid-column: 1/2;
13574
13754
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
13575
- overflow-wrap: break-word;
13755
+ overflow-wrap: anywhere;
13576
13756
  }
13577
13757
 
13578
13758
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -13617,7 +13797,7 @@ ul.pf-v6-c-list {
13617
13797
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
13618
13798
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
13619
13799
  text-align: start;
13620
- overflow-wrap: break-word;
13800
+ overflow-wrap: anywhere;
13621
13801
  }
13622
13802
 
13623
13803
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -13694,11 +13874,6 @@ ul.pf-v6-c-list {
13694
13874
  .pf-v6-c-page {
13695
13875
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
13696
13876
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
13697
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
13698
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
13699
- --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
13700
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
13701
- --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
13702
13877
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
13703
13878
  --pf-v6-c-page__dock--Width: 15.625rem;
13704
13879
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -13712,11 +13887,17 @@ ul.pf-v6-c-list {
13712
13887
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
13713
13888
  --pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
13714
13889
  --pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
13715
- --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
13890
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
13716
13891
  --pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
13717
- --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
13892
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
13893
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
13718
13894
  --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));
13719
- --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));
13895
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
13896
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
13897
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
13898
+ --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
13899
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
13900
+ --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
13720
13901
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
13721
13902
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
13722
13903
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -13887,20 +14068,17 @@ ul.pf-v6-c-list {
13887
14068
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
13888
14069
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
13889
14070
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
13890
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
13891
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
13892
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
13893
14071
  --pf-v6-c-page--BackgroundColor--glass: transparent;
13894
14072
  --pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
13895
- --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
13896
- --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--lg);
13897
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--lg);
14073
+ --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
14074
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
14075
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
13898
14076
  --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
13899
14077
  --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
13900
14078
  --pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
13901
- --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--sm) * -1);
13902
- --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--md);
13903
- --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--md);
14079
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
14080
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
14081
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
13904
14082
  --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
13905
14083
  --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
13906
14084
  --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
@@ -13911,9 +14089,11 @@ ul.pf-v6-c-list {
13911
14089
  --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
13912
14090
  --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
13913
14091
  --pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
13914
- --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
13915
- --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
13916
- --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
14092
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
14093
+ --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
14094
+ --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));
14095
+ --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));
14096
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
13917
14097
  }
13918
14098
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
13919
14099
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -13936,6 +14116,8 @@ ul.pf-v6-c-list {
13936
14116
  --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
13937
14117
  --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
13938
14118
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
14119
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
14120
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
13939
14121
  }
13940
14122
  @media (min-width: 75rem) {
13941
14123
  .pf-v6-c-page {
@@ -14087,10 +14269,11 @@ ul.pf-v6-c-list {
14087
14269
  inset-inline-start: 0;
14088
14270
  z-index: var(--pf-v6-c-page__dock--ZIndex);
14089
14271
  display: flex;
14272
+ visibility: hidden;
14090
14273
  flex-direction: column;
14091
14274
  grid-area: dock;
14092
14275
  width: var(--pf-v6-c-page__dock--Width);
14093
- transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
14276
+ 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);
14094
14277
  translate: -100% 0;
14095
14278
  }
14096
14279
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
@@ -14099,14 +14282,15 @@ ul.pf-v6-c-list {
14099
14282
 
14100
14283
  .pf-v6-c-page__dock.pf-m-expanded {
14101
14284
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
14285
+ visibility: visible;
14102
14286
  translate: 0;
14287
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
14103
14288
  }
14104
14289
  @media (min-width: 62rem) {
14105
14290
  .pf-v6-c-page__dock {
14106
- --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
14107
- --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
14108
14291
  position: revert;
14109
14292
  inset: revert;
14293
+ visibility: revert;
14110
14294
  width: auto;
14111
14295
  translate: 0;
14112
14296
  }
@@ -14131,6 +14315,9 @@ ul.pf-v6-c-list {
14131
14315
  }
14132
14316
  @media (min-width: 62rem) {
14133
14317
  .pf-v6-c-page__dock-main {
14318
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
14319
+ --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
14320
+ --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
14134
14321
  --pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
14135
14322
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
14136
14323
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
@@ -15264,7 +15451,7 @@ ul.pf-v6-c-list {
15264
15451
  --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
15265
15452
  --pf-v6-c-panel--BoxShadow: none;
15266
15453
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
15267
- --pf-v6-c-panel--before--BorderWidth: 0;
15454
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15268
15455
  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
15269
15456
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
15270
15457
  --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
@@ -15745,7 +15932,7 @@ ul.pf-v6-c-list {
15745
15932
 
15746
15933
  .pf-v6-c-progress__description {
15747
15934
  grid-column: 1/2;
15748
- overflow-wrap: break-word;
15935
+ overflow-wrap: anywhere;
15749
15936
  }
15750
15937
  .pf-v6-c-progress__description.pf-m-truncate {
15751
15938
  overflow: hidden;
@@ -15761,7 +15948,7 @@ ul.pf-v6-c-list {
15761
15948
  align-items: flex-start;
15762
15949
  justify-content: flex-end;
15763
15950
  text-align: end;
15764
- overflow-wrap: break-word;
15951
+ overflow-wrap: anywhere;
15765
15952
  }
15766
15953
 
15767
15954
  .pf-v6-c-progress__status-icon {
@@ -16679,6 +16866,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16679
16866
  --pf-v6-c-sidebar__panel--Position: static;
16680
16867
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
16681
16868
  }
16869
+ .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) {
16870
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
16871
+ }
16682
16872
  .pf-v6-c-sidebar__panel.pf-m-secondary {
16683
16873
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
16684
16874
  }
@@ -16698,7 +16888,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16698
16888
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
16699
16889
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
16700
16890
  }
16701
- .pf-v6-c-sidebar__content.pf-m-no-background {
16891
+ .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) {
16702
16892
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
16703
16893
  }
16704
16894
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -16711,12 +16901,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
16711
16901
  --pf-v6-c-sidebar__content--Order: -1;
16712
16902
  }
16713
16903
 
16714
- .pf-v6-c-sidebar.pf-m-no-background,
16715
- .pf-v6-c-sidebar__panel.pf-m-no-background,
16716
- .pf-v6-c-sidebar__content.pf-m-no-background {
16717
- background-color: transparent;
16718
- }
16719
-
16720
16904
  .pf-v6-c-sidebar__panel.pf-m-width-default {
16721
16905
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
16722
16906
  }
@@ -19445,7 +19629,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19445
19629
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
19446
19630
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
19447
19631
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
19448
- --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
19632
+ --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
19449
19633
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
19450
19634
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
19451
19635
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -19465,6 +19649,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19465
19649
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
19466
19650
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
19467
19651
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
19652
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
19653
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
19468
19654
  }
19469
19655
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
19470
19656
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -19486,16 +19672,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19486
19672
  .pf-v6-c-table.pf-m-fixed {
19487
19673
  table-layout: fixed;
19488
19674
  }
19489
- .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 {
19675
+ .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 {
19490
19676
  opacity: 0;
19491
19677
  transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
19492
19678
  transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
19493
19679
  transition-property: opacity;
19494
19680
  }
19495
- .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
19496
- --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
19497
- }
19498
- .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 {
19681
+ .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 {
19499
19682
  opacity: 1;
19500
19683
  }
19501
19684
  .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
@@ -19506,27 +19689,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19506
19689
  inset-block-start: 0;
19507
19690
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
19508
19691
  }
19509
- .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 {
19692
+ .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 {
19510
19693
  position: absolute;
19511
19694
  inset: 0;
19512
19695
  z-index: -1;
19513
19696
  pointer-events: none;
19514
19697
  content: "";
19515
- background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
19516
19698
  border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19517
19699
  box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
19518
19700
  }
19519
- .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) {
19520
- z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
19521
- }
19522
- .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 {
19701
+ .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 {
19523
19702
  position: absolute;
19524
19703
  inset: 0;
19525
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
19704
+ z-index: -1;
19526
19705
  pointer-events: none;
19527
19706
  content: "";
19707
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
19528
19708
  border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
19529
19709
  }
19710
+ .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 {
19711
+ border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19712
+ border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19713
+ }
19714
+ .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 {
19715
+ border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19716
+ border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19717
+ }
19718
+ .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) {
19719
+ z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
19720
+ }
19721
+ :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 {
19722
+ --pf-v6-c-table--m-sticky-header--BorderRadius: 0;
19723
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
19724
+ }
19530
19725
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
19531
19726
  border-block-end: 0;
19532
19727
  }
@@ -19534,6 +19729,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19534
19729
  .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]) {
19535
19730
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
19536
19731
  }
19732
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
19733
+ position: sticky;
19734
+ inset-block-end: 0;
19735
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
19736
+ background: var(--pf-v6-c-table--BackgroundColor);
19737
+ }
19738
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
19739
+ position: absolute;
19740
+ inset: 0;
19741
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
19742
+ pointer-events: none;
19743
+ content: "";
19744
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
19745
+ }
19746
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
19747
+ border-block-end: 0;
19748
+ }
19749
+ .pf-v6-c-table.pf-m-plain {
19750
+ --pf-v6-c-table--BackgroundColor: transparent;
19751
+ }
19537
19752
  .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),
19538
19753
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
19539
19754
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -20217,14 +20432,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20217
20432
  vertical-align: bottom;
20218
20433
  }
20219
20434
  .pf-v6-c-table__thead.pf-m-nested-column-header {
20435
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
20220
20436
  position: relative;
20221
20437
  }
20222
- .pf-v6-c-table__thead.pf-m-nested-column-header::after {
20223
- position: absolute;
20224
- inset: 0;
20438
+ .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
20225
20439
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
20226
- pointer-events: none;
20227
- content: "";
20228
20440
  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);
20229
20441
  }
20230
20442
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -20265,7 +20477,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20265
20477
  border-block-end: 0;
20266
20478
  }
20267
20479
  .pf-v6-c-table__tr.pf-m-border-row {
20268
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
20480
+ height: var(--pf-v6-c-table--border-width--base);
20481
+ background-color: var(--pf-v6-c-table--BorderColor);
20482
+ }
20483
+
20484
+ .pf-v6-c-table__tfoot {
20485
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
20486
+ vertical-align: top;
20269
20487
  }
20270
20488
 
20271
20489
  .pf-v6-c-table__icon-inline {
@@ -20414,6 +20632,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20414
20632
  --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
20415
20633
  }
20416
20634
 
20635
+ .pf-v6-c-table.pf-m-tree-view {
20636
+ --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
20637
+ }
20417
20638
  .pf-v6-c-table.pf-m-tree-view > tbody > tr {
20418
20639
  --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
20419
20640
  }
@@ -22543,7 +22764,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
22543
22764
 
22544
22765
  .pf-v6-c-title {
22545
22766
  font-family: var(--pf-v6-c-title--FontFamily);
22546
- overflow-wrap: break-word;
22767
+ overflow-wrap: anywhere;
22547
22768
  }
22548
22769
  .pf-v6-c-title.pf-m-4xl {
22549
22770
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -24965,7 +25186,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
24965
25186
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
24966
25187
  color: var(--pf-v6-c-tooltip__content--Color);
24967
25188
  text-align: center;
24968
- overflow-wrap: break-word;
25189
+ overflow-wrap: anywhere;
24969
25190
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
24970
25191
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
24971
25192
  }
@@ -25146,7 +25367,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
25146
25367
  --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
25147
25368
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
25148
25369
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
25149
- --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: -180deg;
25370
+ --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
25150
25371
  --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
25151
25372
  --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
25152
25373
  --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
@@ -25877,7 +26098,7 @@ label.pf-v6-c-tree-view__node-text {
25877
26098
  align-items: baseline;
25878
26099
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
25879
26100
  text-align: start;
25880
- overflow-wrap: break-word;
26101
+ overflow-wrap: anywhere;
25881
26102
  }
25882
26103
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
25883
26104
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -26013,7 +26234,7 @@ label.pf-v6-c-tree-view__node-text {
26013
26234
  padding-inline: 0;
26014
26235
  color: var(--pf-v6-c-wizard__nav-link--Color);
26015
26236
  text-align: start;
26016
- overflow-wrap: break-word;
26237
+ overflow-wrap: anywhere;
26017
26238
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
26018
26239
  counter-increment: wizard-nav-count;
26019
26240
  background-color: transparent;
@@ -26132,7 +26353,7 @@ label.pf-v6-c-tree-view__node-text {
26132
26353
  flex-direction: column;
26133
26354
  overflow-x: hidden;
26134
26355
  overflow-y: auto;
26135
- overflow-wrap: break-word;
26356
+ overflow-wrap: anywhere;
26136
26357
  }
26137
26358
 
26138
26359
  .pf-v6-c-wizard__main-body {