@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
package/patternfly.css CHANGED
@@ -299,28 +299,28 @@ button) {
299
299
  @font-face {
300
300
  font-family: "Red Hat Text";
301
301
  font-style: normal;
302
- font-weight: 400 500;
302
+ font-weight: 400 600;
303
303
  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
304
304
  font-display: fallback;
305
305
  }
306
306
  @font-face {
307
307
  font-family: "Red Hat Text";
308
308
  font-style: italic;
309
- font-weight: 400 500;
309
+ font-weight: 400 600;
310
310
  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
311
311
  font-display: fallback;
312
312
  }
313
313
  @font-face {
314
314
  font-family: "Red Hat Display";
315
315
  font-style: normal;
316
- font-weight: 400 700;
316
+ font-weight: 600 800;
317
317
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
318
318
  font-display: fallback;
319
319
  }
320
320
  @font-face {
321
321
  font-family: "Red Hat Display";
322
322
  font-style: italic;
323
- font-weight: 400 700;
323
+ font-weight: 600 800;
324
324
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
325
325
  font-display: fallback;
326
326
  }
@@ -6644,9 +6644,9 @@ button) {
6644
6644
  --pf-t--global--font--size--700: 1.75rem;
6645
6645
  --pf-t--global--font--size--800: 2.25rem;
6646
6646
  --pf-t--global--font--weight--100: 400;
6647
- --pf-t--global--font--weight--200: 500;
6648
- --pf-t--global--font--weight--300: 500;
6649
- --pf-t--global--font--weight--400: 700;
6647
+ --pf-t--global--font--weight--200: 600;
6648
+ --pf-t--global--font--weight--300: 600;
6649
+ --pf-t--global--font--weight--400: 800;
6650
6650
  --pf-t--global--icon--size--100: 0.75rem;
6651
6651
  --pf-t--global--icon--size--200: 0.875rem;
6652
6652
  --pf-t--global--icon--size--250: 1rem;
@@ -7544,9 +7544,9 @@ button) {
7544
7544
  --pf-t--global--font--size--700: 1.75rem;
7545
7545
  --pf-t--global--font--size--800: 2.25rem;
7546
7546
  --pf-t--global--font--weight--100: 400;
7547
- --pf-t--global--font--weight--200: 500;
7548
- --pf-t--global--font--weight--300: 500;
7549
- --pf-t--global--font--weight--400: 700;
7547
+ --pf-t--global--font--weight--200: 600;
7548
+ --pf-t--global--font--weight--300: 600;
7549
+ --pf-t--global--font--weight--400: 800;
7550
7550
  --pf-t--global--icon--size--100: 0.75rem;
7551
7551
  --pf-t--global--icon--size--200: 0.875rem;
7552
7552
  --pf-t--global--icon--size--250: 1rem;
@@ -8241,6 +8241,7 @@ button) {
8241
8241
  --pf-t--global--border--color--glass--default: var(--pf-t--global--border--color--alt);
8242
8242
  --pf-t--global--border--radius--glass--default: var(--pf-t--global--border--radius--medium);
8243
8243
  --pf-t--global--border--width--glass--default: var(--pf-t--global--border--width--regular);
8244
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
8244
8245
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
8245
8246
  --pf-t--global--background--image--default: var(--pf-t--global--background--image--glass, url("./assets/images/PF-Bkg-Generic-Light.svg"));
8246
8247
  --pf-t--global--box-shadow--glass--default: var(--pf-t--global--box-shadow--md);
@@ -8394,6 +8395,7 @@ button) {
8394
8395
  --pf-t--global--color--brand--accent--clicked: var(--pf-t--global--color--brand--accent--200);
8395
8396
  --pf-t--global--color--brand--accent--default: var(--pf-t--global--color--brand--accent--100);
8396
8397
  --pf-t--global--color--brand--accent--hover: var(--pf-t--global--color--brand--accent--200);
8398
+ --pf-t--global--spacer--inset--page-chrome: var(--pf-t--global--spacer--md);
8397
8399
  --pf-t--global--background--color--floating--secondary--default: var(--pf-t--global--background--color--floating--default);
8398
8400
  --pf-t--global--background--image--default: var(--pf-t--global--background--image--felt--glass, url("./assets/images/Felt-Bkg-Generic-Light.svg"));
8399
8401
  }
@@ -9573,7 +9575,7 @@ button) {
9573
9575
  overflow-x: hidden;
9574
9576
  overflow-y: auto;
9575
9577
  overscroll-behavior: contain;
9576
- overflow-wrap: break-word;
9578
+ overflow-wrap: anywhere;
9577
9579
  -webkit-overflow-scrolling: touch;
9578
9580
  }
9579
9581
  @media screen and (min-width: 36rem) {
@@ -10068,6 +10070,7 @@ button) {
10068
10070
 
10069
10071
  .pf-v6-c-alert__icon {
10070
10072
  grid-area: icon;
10073
+ align-self: baseline;
10071
10074
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
10072
10075
  font-size: var(--pf-v6-c-alert__icon--FontSize);
10073
10076
  color: var(--pf-v6-c-alert__icon--Color);
@@ -10078,7 +10081,7 @@ button) {
10078
10081
  grid-area: title;
10079
10082
  font-weight: var(--pf-v6-c-alert__title--FontWeight);
10080
10083
  color: var(--pf-v6-c-alert__title--Color);
10081
- overflow-wrap: break-word;
10084
+ overflow-wrap: anywhere;
10082
10085
  }
10083
10086
  .pf-v6-c-alert__title.pf-m-truncate {
10084
10087
  display: -webkit-box;
@@ -10090,7 +10093,7 @@ button) {
10090
10093
  .pf-v6-c-alert__description {
10091
10094
  grid-area: description;
10092
10095
  padding-block-start: var(--pf-v6-c-alert__description--PaddingBlockStart);
10093
- overflow-wrap: break-word;
10096
+ overflow-wrap: anywhere;
10094
10097
  }
10095
10098
  .pf-v6-c-alert__description + .pf-v6-c-alert__action-group {
10096
10099
  --pf-v6-c-alert__action-group--PaddingBlockStart: var(--pf-v6-c-alert__description--action-group--PaddingBlockStart);
@@ -10297,24 +10300,87 @@ button) {
10297
10300
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
10298
10301
  --pf-v6-c-avatar--Width: 2.25rem;
10299
10302
  --pf-v6-c-avatar--Height: 2.25rem;
10303
+ --pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
10300
10304
  --pf-v6-c-avatar--m-sm--Width: 1.5rem;
10301
10305
  --pf-v6-c-avatar--m-sm--Height: 1.5rem;
10306
+ --pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
10302
10307
  --pf-v6-c-avatar--m-md--Width: 2.25rem;
10303
10308
  --pf-v6-c-avatar--m-md--Height: 2.25rem;
10309
+ --pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
10304
10310
  --pf-v6-c-avatar--m-lg--Width: 4.5rem;
10305
10311
  --pf-v6-c-avatar--m-lg--Height: 4.5rem;
10312
+ --pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
10306
10313
  --pf-v6-c-avatar--m-xl--Width: 8rem;
10307
10314
  --pf-v6-c-avatar--m-xl--Height: 8rem;
10315
+ --pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
10308
10316
  --pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
10309
10317
  --pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
10318
+ --pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
10319
+ --pf-v6-c-avatar--m-gray--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
10320
+ --pf-v6-c-avatar--m-gray--Color: var(--pf-t--global--icon--color--nonstatus--on-gray--hover);
10321
+ --pf-v6-c-avatar--m-gray--BorderColor: var(--pf-t--global--border--color--default);
10322
+ --pf-v6-c-avatar--m-red--BackgroundColor: var(--pf-t--global--color--nonstatus--red--default);
10323
+ --pf-v6-c-avatar--m-red--Color: var(--pf-t--global--icon--color--nonstatus--on-red--default);
10324
+ --pf-v6-c-avatar--m-red--BorderColor: var(--pf-t--global--border--color--nonstatus--red--default);
10325
+ --pf-v6-c-avatar--m-orangered--BackgroundColor: var(--pf-t--global--color--nonstatus--orangered--default);
10326
+ --pf-v6-c-avatar--m-orangered--Color: var(--pf-t--global--icon--color--nonstatus--on-orangered--default);
10327
+ --pf-v6-c-avatar--m-orangered--BorderColor: var(--pf-t--global--border--color--nonstatus--orangered--default);
10328
+ --pf-v6-c-avatar--m-orange--BackgroundColor: var(--pf-t--global--color--nonstatus--orange--default);
10329
+ --pf-v6-c-avatar--m-orange--Color: var(--pf-t--global--icon--color--nonstatus--on-orange--default);
10330
+ --pf-v6-c-avatar--m-orange--BorderColor: var(--pf-t--global--border--color--nonstatus--orange--default);
10331
+ --pf-v6-c-avatar--m-yellow--BackgroundColor: var(--pf-t--global--color--nonstatus--yellow--default);
10332
+ --pf-v6-c-avatar--m-yellow--Color: var(--pf-t--global--icon--color--nonstatus--on-yellow--default);
10333
+ --pf-v6-c-avatar--m-yellow--BorderColor: var(--pf-t--global--border--color--nonstatus--yellow--default);
10334
+ --pf-v6-c-avatar--m-green--BackgroundColor: var(--pf-t--global--color--nonstatus--green--default);
10335
+ --pf-v6-c-avatar--m-green--Color: var(--pf-t--global--icon--color--nonstatus--on-green--default);
10336
+ --pf-v6-c-avatar--m-green--BorderColor: var(--pf-t--global--border--color--nonstatus--green--default);
10337
+ --pf-v6-c-avatar--m-teal--BackgroundColor: var(--pf-t--global--color--nonstatus--teal--default);
10338
+ --pf-v6-c-avatar--m-teal--Color: var(--pf-t--global--icon--color--nonstatus--on-teal--default);
10339
+ --pf-v6-c-avatar--m-teal--BorderColor: var(--pf-t--global--border--color--nonstatus--teal--default);
10340
+ --pf-v6-c-avatar--m-blue--BackgroundColor: var(--pf-t--global--color--nonstatus--blue--default);
10341
+ --pf-v6-c-avatar--m-blue--Color: var(--pf-t--global--icon--color--nonstatus--on-blue--default);
10342
+ --pf-v6-c-avatar--m-blue--BorderColor: var(--pf-t--global--border--color--nonstatus--blue--default);
10343
+ --pf-v6-c-avatar--m-purple--BackgroundColor: var(--pf-t--global--color--nonstatus--purple--default);
10344
+ --pf-v6-c-avatar--m-purple--Color: var(--pf-t--global--icon--color--nonstatus--on-purple--default);
10345
+ --pf-v6-c-avatar--m-purple--BorderColor: var(--pf-t--global--border--color--nonstatus--purple--default);
10346
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-t--global--font--size--body--lg);
10347
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
10348
+ --pf-v6-c-avatar--m-sm__initials--FontSize: var(--pf-t--global--font--size--body--sm);
10349
+ --pf-v6-c-avatar--m-sm__initials--FontWeight: var(--pf-t--global--font--weight--body--bold);
10350
+ --pf-v6-c-avatar--m-lg__initials--FontSize: var(--pf-t--global--font--size--2xl);
10351
+ --pf-v6-c-avatar--m-lg__initials--FontWeight: var(--pf-t--global--font--weight--heading--bold);
10352
+ --pf-v6-c-avatar--m-lg__initials--FontFamily: var(--pf-t--global--font--family--heading);
10353
+ --pf-v6-c-avatar--m-xl__initials--FontSize: var(--pf-t--global--font--size--4xl);
10354
+ --pf-v6-c-avatar--m-xl__initials--FontWeight: var(--pf-t--global--font--weight--heading--default);
10355
+ --pf-v6-c-avatar--m-xl__initials--FontFamily: var(--pf-t--global--font--family--heading);
10356
+ --pf-v6-c-avatar--m-gray__initials--Color: var(--pf-t--global--text--color--nonstatus--on-gray--hover);
10357
+ --pf-v6-c-avatar--m-red__initials--Color: var(--pf-t--global--text--color--nonstatus--on-red--default);
10358
+ --pf-v6-c-avatar--m-orangered__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orangered--default);
10359
+ --pf-v6-c-avatar--m-orange__initials--Color: var(--pf-t--global--text--color--nonstatus--on-orange--default);
10360
+ --pf-v6-c-avatar--m-yellow__initials--Color: var(--pf-t--global--text--color--nonstatus--on-yellow--default);
10361
+ --pf-v6-c-avatar--m-green__initials--Color: var(--pf-t--global--text--color--nonstatus--on-green--default);
10362
+ --pf-v6-c-avatar--m-teal__initials--Color: var(--pf-t--global--text--color--nonstatus--on-teal--default);
10363
+ --pf-v6-c-avatar--m-blue__initials--Color: var(--pf-t--global--text--color--nonstatus--on-blue--default);
10364
+ --pf-v6-c-avatar--m-purple__initials--Color: var(--pf-t--global--text--color--nonstatus--on-purple--default);
10310
10365
  }
10311
10366
 
10312
10367
  .pf-v6-c-avatar {
10313
10368
  width: var(--pf-v6-c-avatar--Width);
10314
10369
  height: var(--pf-v6-c-avatar--Height);
10370
+ font-size: var(--pf-v6-c-avatar--FontSize);
10371
+ color: var(--pf-v6-c-avatar--Color, inherit);
10372
+ background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
10315
10373
  border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
10316
10374
  border-radius: var(--pf-v6-c-avatar--BorderRadius);
10317
10375
  }
10376
+ div.pf-v6-c-avatar {
10377
+ display: inline-flex;
10378
+ align-items: center;
10379
+ justify-content: center;
10380
+ overflow: clip;
10381
+ vertical-align: middle;
10382
+ }
10383
+
10318
10384
  .pf-v6-c-avatar.pf-m-bordered {
10319
10385
  --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
10320
10386
  --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
@@ -10543,6 +10609,87 @@ button) {
10543
10609
  --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))))));
10544
10610
  }
10545
10611
  }
10612
+ .pf-v6-c-avatar.pf-m-sm {
10613
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-sm--FontSize);
10614
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-sm__initials--FontSize);
10615
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-sm__initials--FontWeight);
10616
+ }
10617
+ .pf-v6-c-avatar.pf-m-lg {
10618
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-lg--FontSize);
10619
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-lg__initials--FontSize);
10620
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-lg__initials--FontWeight);
10621
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-lg__initials--FontFamily);
10622
+ }
10623
+ .pf-v6-c-avatar.pf-m-xl {
10624
+ --pf-v6-c-avatar--FontSize: var(--pf-v6-c-avatar--m-xl--FontSize);
10625
+ --pf-v6-c-avatar__initials--FontSize: var(--pf-v6-c-avatar--m-xl__initials--FontSize);
10626
+ --pf-v6-c-avatar__initials--FontWeight: var(--pf-v6-c-avatar--m-xl__initials--FontWeight);
10627
+ --pf-v6-c-avatar__initials--FontFamily: var(--pf-v6-c-avatar--m-xl__initials--FontFamily);
10628
+ }
10629
+ .pf-v6-c-avatar.pf-m-colorful {
10630
+ --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
10631
+ }
10632
+ .pf-v6-c-avatar.pf-m-red {
10633
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
10634
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
10635
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
10636
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
10637
+ }
10638
+ .pf-v6-c-avatar.pf-m-orangered {
10639
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
10640
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
10641
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
10642
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
10643
+ }
10644
+ .pf-v6-c-avatar.pf-m-orange {
10645
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
10646
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
10647
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
10648
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
10649
+ }
10650
+ .pf-v6-c-avatar.pf-m-yellow {
10651
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
10652
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
10653
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
10654
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
10655
+ }
10656
+ .pf-v6-c-avatar.pf-m-green {
10657
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
10658
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
10659
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
10660
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
10661
+ }
10662
+ .pf-v6-c-avatar.pf-m-teal {
10663
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
10664
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
10665
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
10666
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
10667
+ }
10668
+ .pf-v6-c-avatar.pf-m-blue {
10669
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
10670
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
10671
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
10672
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
10673
+ }
10674
+ .pf-v6-c-avatar.pf-m-purple {
10675
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
10676
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
10677
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
10678
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
10679
+ }
10680
+ .pf-v6-c-avatar.pf-m-gray {
10681
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
10682
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
10683
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
10684
+ --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
10685
+ }
10686
+
10687
+ .pf-v6-c-avatar__initials {
10688
+ font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
10689
+ font-size: var(--pf-v6-c-avatar__initials--FontSize);
10690
+ font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
10691
+ color: var(--pf-v6-c-avatar__initials--Color);
10692
+ }
10546
10693
 
10547
10694
  .pf-v6-c-backdrop {
10548
10695
  --pf-v6-c-backdrop--Position: fixed;
@@ -10721,7 +10868,9 @@ button) {
10721
10868
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
10722
10869
  --pf-v6-c-banner--link--TextDecoration: underline;
10723
10870
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
10871
+ --pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
10724
10872
  --pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
10873
+ --pf-v6-c-banner--link--TextDecorationColor: currentcolor;
10725
10874
  --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
10726
10875
  --pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
10727
10876
  --pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
@@ -10830,6 +10979,7 @@ button) {
10830
10979
  .pf-v6-c-banner a {
10831
10980
  color: var(--pf-v6-c-banner--link--Color);
10832
10981
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
10982
+ text-decoration-color: var(--pf-v6-c-banner--a--TextDecorationColor);
10833
10983
  }
10834
10984
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
10835
10985
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
@@ -10841,7 +10991,11 @@ button) {
10841
10991
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
10842
10992
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
10843
10993
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
10994
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
10844
10995
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
10996
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10997
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10998
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10845
10999
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
10846
11000
  }
10847
11001
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
@@ -10986,7 +11140,7 @@ button) {
10986
11140
  font-weight: var(--pf-v6-c-breadcrumb__link--FontWeight);
10987
11141
  line-height: inherit;
10988
11142
  color: var(--pf-v6-c-breadcrumb__link--Color);
10989
- overflow-wrap: break-word;
11143
+ overflow-wrap: anywhere;
10990
11144
  text-decoration-line: var(--pf-v6-c-breadcrumb__link--TextDecorationLine);
10991
11145
  text-decoration-style: var(--pf-v6-c-breadcrumb__link--TextDecorationStyle);
10992
11146
  text-decoration-color: var(--pf-v6-c-breadcrumb__link--TextDecorationColor);
@@ -11158,6 +11312,10 @@ button.pf-v6-c-breadcrumb__link {
11158
11312
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11159
11313
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11160
11314
  --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11315
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
11316
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11317
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11318
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11161
11319
  --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
11162
11320
  --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
11163
11321
  --pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
@@ -11172,6 +11330,8 @@ button.pf-v6-c-breadcrumb__link {
11172
11330
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
11173
11331
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
11174
11332
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
11333
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
11334
+ --pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
11175
11335
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
11176
11336
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
11177
11337
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -11544,9 +11704,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11544
11704
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11545
11705
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
11546
11706
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
11547
- --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11707
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
11708
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
11709
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
11710
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11548
11711
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
11549
11712
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
11713
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
11714
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
11550
11715
  --pf-v6-c-button--BorderWidth: 0;
11551
11716
  --pf-v6-c-button--hover--BorderWidth: 0;
11552
11717
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
@@ -11559,6 +11724,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11559
11724
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11560
11725
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
11561
11726
  }
11727
+ .pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
11728
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11729
+ }
11562
11730
  .pf-v6-c-button.pf-m-link.pf-m-danger {
11563
11731
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
11564
11732
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -11892,6 +12060,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11892
12060
  justify-content: flex-start;
11893
12061
  width: 100%;
11894
12062
  }
12063
+ .pf-v6-c-button.pf-m-docked .pf-v6-c-button__icon {
12064
+ min-width: 1lh;
12065
+ }
11895
12066
  @media (min-width: 62rem) {
11896
12067
  .pf-v6-c-button.pf-m-docked {
11897
12068
  justify-content: center;
@@ -12804,7 +12975,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
12804
12975
  }
12805
12976
 
12806
12977
  .pf-v6-c-clipboard-copy__text {
12807
- overflow-wrap: break-word;
12978
+ overflow-wrap: anywhere;
12808
12979
  white-space: normal;
12809
12980
  }
12810
12981
  .pf-v6-c-clipboard-copy__text.pf-m-code {
@@ -13412,15 +13583,18 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13412
13583
  inset-inline-start: 0;
13413
13584
  z-index: var(--pf-v6-c-compass__dock--ZIndex);
13414
13585
  display: flex;
13586
+ visibility: hidden;
13415
13587
  flex-direction: column;
13416
13588
  grid-area: dock;
13417
13589
  width: var(--pf-v6-c-compass__dock--Width);
13418
13590
  translate: -100% 0;
13419
- transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide);
13591
+ 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);
13420
13592
  }
13421
13593
  .pf-v6-c-compass__dock.pf-m-expanded {
13422
13594
  --pf-v6-c-compass__dock--TransitionDuration--slide: var(--pf-v6-c-compass__dock--m-expanded--TransitionDuration--slide);
13595
+ visibility: visible;
13423
13596
  translate: 0;
13597
+ transition: translate var(--pf-v6-c-compass__dock--TransitionDuration--slide) var(--pf-v6-c-compass__dock--TransitionTimingFunction--slide), visibility 0s 0s;
13424
13598
  }
13425
13599
  @media (min-width: 62rem) {
13426
13600
  .pf-v6-c-compass__dock {
@@ -13428,6 +13602,7 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
13428
13602
  --pf-v6-c-compass__dock-main--BorderInlineEndColor: var(--pf-v6-c-compass__dock-main--desktop--BorderInlineEndColor);
13429
13603
  position: revert;
13430
13604
  inset: revert;
13605
+ visibility: revert;
13431
13606
  width: auto;
13432
13607
  translate: 0;
13433
13608
  }
@@ -14971,6 +15146,7 @@ ul) {
14971
15146
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
14972
15147
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
14973
15148
  --pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
15149
+ --pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
14974
15150
  --pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
14975
15151
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
14976
15152
  --pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -14985,6 +15161,7 @@ ul) {
14985
15161
  --pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
14986
15162
  position: relative;
14987
15163
  background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
15164
+ border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
14988
15165
  box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
14989
15166
  }
14990
15167
  .pf-v6-c-draggable.pf-m-dragging::after {
@@ -15004,6 +15181,7 @@ ul) {
15004
15181
 
15005
15182
  .pf-v6-c-droppable {
15006
15183
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
15184
+ --pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
15007
15185
  --pf-v6-c-droppable--before--Opacity: 0;
15008
15186
  --pf-v6-c-droppable--after--BorderWidth: 0;
15009
15187
  --pf-v6-c-droppable--after--BorderColor: transparent;
@@ -15026,6 +15204,7 @@ ul) {
15026
15204
  }
15027
15205
  .pf-v6-c-droppable::before {
15028
15206
  background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
15207
+ border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
15029
15208
  opacity: var(--pf-v6-c-droppable--before--Opacity);
15030
15209
  }
15031
15210
  .pf-v6-c-droppable::after {
@@ -15121,7 +15300,7 @@ ul) {
15121
15300
  --pf-v6-c-dual-list-selector__item-count--MarginInlineStart: var(--pf-t--global--spacer--sm);
15122
15301
  --pf-v6-c-dual-list-selector__item--c-badge--m-read--BackgroundColor: var(--pf-t--global--color--nonstatus--gray--default);
15123
15302
  --pf-v6-c-dual-list-selector__item-toggle-icon--Rotate: 0;
15124
- --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: -180deg;
15303
+ --pf-v6-c-dual-list-selector__list-item--m-expanded__item-toggle-icon--Rotate: 90deg;
15125
15304
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionDuration: var(--pf-t--global--motion--duration--icon--default);
15126
15305
  --pf-v6-c-dual-list-selector__item-toggle-icon--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--default);
15127
15306
  --pf-v6-c-dual-list-selector__item-toggle-icon--MinWidth: var(--pf-v6-c-dual-list-selector__list-item-row--FontSize);
@@ -20077,7 +20256,7 @@ ul.pf-v6-c-list {
20077
20256
  --pf-v6-c-masthead--ColumnGap: var(--pf-t--global--spacer--gutter--default);
20078
20257
  --pf-v6-c-masthead--BorderWidth: var(--pf-t--global--border--width--divider--default);
20079
20258
  --pf-v6-c-masthead--PaddingBlock: var(--pf-t--global--spacer--md);
20080
- --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--lg);
20259
+ --pf-v6-c-masthead--PaddingInline: var(--pf-t--global--spacer--inset--page-chrome);
20081
20260
  --pf-v6-c-masthead--BorderColor: var(--pf-t--global--border--color--default);
20082
20261
  --pf-v6-c-masthead--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
20083
20262
  --pf-v6-c-masthead__main--ColumnGap: var(--pf-t--global--spacer--md);
@@ -20924,7 +21103,7 @@ ul.pf-v6-c-list {
20924
21103
  --pf-v6-c-menu__item-toggle-icon--Color: var(--pf-v6-c-menu--icon--disabled--Color);
20925
21104
  --pf-v6-c-menu__item-external--Color: transparent;
20926
21105
  --pf-v6-c-menu__item-select-icon--Color: transparent;
20927
- --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu--icon--disabled--Color);
21106
+ --pf-v6-c-menu__item-description--Color: var(--pf-v6-c-menu__item--m-disabled--Color);
20928
21107
  --pf-v6-c-menu__list-item--BackgroundColor: transparent;
20929
21108
  --pf-v6-c-menu__list-item--hover--BackgroundColor: transparent;
20930
21109
  --pf-v6-c-menu__list-item--hover--BorderColor: transparent;
@@ -21291,7 +21470,7 @@ ul.pf-v6-c-list {
21291
21470
  .pf-v6-c-menu__item-description {
21292
21471
  font-size: var(--pf-v6-c-menu__item-description--FontSize);
21293
21472
  color: var(--pf-v6-c-menu__item-description--Color);
21294
- overflow-wrap: break-word;
21473
+ overflow-wrap: anywhere;
21295
21474
  }
21296
21475
 
21297
21476
  .pf-v6-c-menu__item-check .pf-v6-c-check {
@@ -21708,6 +21887,9 @@ ul.pf-v6-c-list {
21708
21887
  justify-content: flex-start;
21709
21888
  width: 100%;
21710
21889
  }
21890
+ .pf-v6-c-menu-toggle.pf-m-docked .pf-v6-c-menu-toggle__icon {
21891
+ min-width: 1lh;
21892
+ }
21711
21893
  @media (min-width: 62rem) {
21712
21894
  .pf-v6-c-menu-toggle.pf-m-docked {
21713
21895
  justify-content: center;
@@ -22085,7 +22267,7 @@ ul.pf-v6-c-list {
22085
22267
  overflow-x: hidden;
22086
22268
  overflow-y: auto;
22087
22269
  overscroll-behavior: contain;
22088
- overflow-wrap: break-word;
22270
+ overflow-wrap: anywhere;
22089
22271
  -webkit-overflow-scrolling: touch;
22090
22272
  }
22091
22273
  .pf-v6-c-modal-box__body:last-child {
@@ -22959,7 +23141,7 @@ ul.pf-v6-c-list {
22959
23141
 
22960
23142
  .pf-v6-c-notification-drawer__list-item-header-title {
22961
23143
  font-weight: var(--pf-v6-c-notification-drawer__list-item-header-title--FontWeight);
22962
- overflow-wrap: break-word;
23144
+ overflow-wrap: anywhere;
22963
23145
  }
22964
23146
  .pf-v6-c-notification-drawer__list-item-header-title.pf-m-truncate {
22965
23147
  display: -webkit-box;
@@ -22981,7 +23163,7 @@ ul.pf-v6-c-list {
22981
23163
  grid-row: 2/3;
22982
23164
  grid-column: 1/2;
22983
23165
  margin-block-end: var(--pf-v6-c-notification-drawer__list-item-description--MarginBlockEnd);
22984
- overflow-wrap: break-word;
23166
+ overflow-wrap: anywhere;
22985
23167
  }
22986
23168
 
22987
23169
  .pf-v6-c-notification-drawer__list-item-timestamp {
@@ -23026,7 +23208,7 @@ ul.pf-v6-c-list {
23026
23208
  margin-inline-end: var(--pf-v6-c-notification-drawer__group-toggle-title--MarginInlineEnd);
23027
23209
  font-size: var(--pf-v6-c-notification-drawer__group-toggle-title--FontSize);
23028
23210
  text-align: start;
23029
- overflow-wrap: break-word;
23211
+ overflow-wrap: anywhere;
23030
23212
  }
23031
23213
 
23032
23214
  .pf-v6-c-notification-drawer__group-toggle-count {
@@ -23103,11 +23285,6 @@ ul.pf-v6-c-list {
23103
23285
  .pf-v6-c-page {
23104
23286
  --pf-v6-c-page--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
23105
23287
  --pf-v6-c-page--inset: var(--pf-t--global--spacer--inset--page-chrome);
23106
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
23107
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: 0;
23108
- --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--lg);
23109
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23110
- --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
23111
23288
  --pf-v6-c-page--c-masthead--ZIndex: var(--pf-t--global--z-index--md);
23112
23289
  --pf-v6-c-page__dock--Width: 15.625rem;
23113
23290
  --pf-v6-c-page__dock--desktop--Width: auto;
@@ -23121,11 +23298,17 @@ ul.pf-v6-c-list {
23121
23298
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
23122
23299
  --pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
23123
23300
  --pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
23124
- --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
23301
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
23125
23302
  --pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
23126
- --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
23303
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
23304
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
23127
23305
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
23128
- --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
23306
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
23307
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23308
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23309
+ --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23310
+ --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23311
+ --pf-v6-c-page--m-dock--c-masthead--m-display-inline--GridTemplateColumns: min-content 1fr;
23129
23312
  --pf-v6-c-page__sidebar--ZIndex: var(--pf-t--global--z-index--sm);
23130
23313
  --pf-v6-c-page__sidebar--Width--base: 18.125rem;
23131
23314
  --pf-v6-c-page__sidebar--Width: var(--pf-v6-c-page__sidebar--Width--base);
@@ -23296,20 +23479,17 @@ ul.pf-v6-c-list {
23296
23479
  --pf-v6-c-page__main-wizard--BorderBlockStartWidth: var(--pf-t--global--border--width--action--default);
23297
23480
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartWidth: var(--pf-t--global--border--width--high-contrast--regular);
23298
23481
  --pf-v6-c-page__drawer--c-drawer--BorderBlockStartColor: var(--pf-t--global--border--color--high-contrast);
23299
- --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--lg) * 2);
23300
- --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--lg);
23301
- --pf-v6-c-page--m-dock--ColumnGap: var(--pf-t--global--spacer--inset--page-chrome);
23302
23482
  --pf-v6-c-page--BackgroundColor--glass: transparent;
23303
23483
  --pf-v6-c-page__sidebar--Width--base--glass: calc(18.125rem + var(--pf-t--global--spacer--inset--page-chrome) * 2);
23304
- --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23305
- --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--lg);
23306
- --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--lg);
23484
+ --pf-v6-c-page__sidebar--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23485
+ --pf-v6-c-page__sidebar-body--PaddingInlineStart--glass: var(--pf-t--global--spacer--md);
23486
+ --pf-v6-c-page__sidebar-body--PaddingInlineEnd--glass: var(--pf-t--global--spacer--md);
23307
23487
  --pf-v6-c-page__sidebar-main--PaddingBlockEnd--glass: var(--pf-v6-c-page__sidebar--PaddingBlockEnd);
23308
23488
  --pf-v6-c-page__sidebar-main--PaddingInlineStart--glass: var(--pf-v6-c-page__sidebar--PaddingInlineStart);
23309
23489
  --pf-v6-c-page__sidebar-main--PaddingInlineEnd--glass: var(--pf-v6-c-page__sidebar--PaddingInlineEnd);
23310
- --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--sm) * -1);
23311
- --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: var(--pf-t--global--spacer--md);
23312
- --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: var(--pf-t--global--spacer--md);
23490
+ --pf-v6-c-page__sidebar-main--MarginBlockStart--glass: calc(var(--pf-t--global--spacer--xs) * -1);
23491
+ --pf-v6-c-page__sidebar-main--MarginBlockEnd--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23492
+ --pf-v6-c-page__sidebar-main--MarginInlineStart--glass: calc(var(--pf-t--global--spacer--inset--page-chrome) - var(--pf-t--global--spacer--xs));
23313
23493
  --pf-v6-c-page__sidebar-main--MarginInlineEnd--glass: var(--pf-t--global--spacer--md);
23314
23494
  --pf-v6-c-page__sidebar-main--BackgroundColor--glass: var(--pf-v6-c-page__sidebar--BackgroundColor);
23315
23495
  --pf-v6-c-page__sidebar-main--BackdropFilter--glass: var(--pf-v6-c-page__sidebar--BackdropFilter);
@@ -23320,9 +23500,11 @@ ul.pf-v6-c-list {
23320
23500
  --pf-v6-c-page__sidebar-main--xl--MarginBlockStart--glass: 0;
23321
23501
  --pf-v6-c-page__sidebar-main--xl--MarginBlockEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23322
23502
  --pf-v6-c-page__sidebar-main--xl--MarginInlineStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23323
- --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--inset--page-chrome);
23324
- --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--inset--page-chrome);
23325
- --pf-v6-c-page__main-container--MaxHeight--glass: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23503
+ --pf-v6-c-page__sidebar-main--xl--MarginInlineEnd--glass: var(--pf-t--global--spacer--gutter--default);
23504
+ --pf-v6-c-page__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23505
+ --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));
23506
+ --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));
23507
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass: var(--pf-t--global--spacer--gutter--default);
23326
23508
  }
23327
23509
  :where(.pf-v6-theme-glass) .pf-v6-c-page {
23328
23510
  --pf-v6-c-page--BackgroundColor: var(--pf-v6-c-page--BackgroundColor--glass);
@@ -23345,6 +23527,8 @@ ul.pf-v6-c-list {
23345
23527
  --pf-v6-c-page__sidebar-main--BoxShadow: var(--pf-v6-c-page__sidebar-main--BoxShadow--glass);
23346
23528
  --pf-v6-c-page__main-container--MarginBlockStart: var(--pf-v6-c-page__main-container--MarginBlockStart--glass);
23347
23529
  --pf-v6-c-page__main-container--MaxHeight: var(--pf-v6-c-page__main-container--MaxHeight--glass);
23530
+ --pf-v6-c-page--m-dock__main-container--MaxHeight: var(--pf-v6-c-page--m-dock__main-container--MaxHeight--glass);
23531
+ --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart--glass);
23348
23532
  }
23349
23533
  @media (min-width: 75rem) {
23350
23534
  .pf-v6-c-page {
@@ -23496,10 +23680,11 @@ ul.pf-v6-c-list {
23496
23680
  inset-inline-start: 0;
23497
23681
  z-index: var(--pf-v6-c-page__dock--ZIndex);
23498
23682
  display: flex;
23683
+ visibility: hidden;
23499
23684
  flex-direction: column;
23500
23685
  grid-area: dock;
23501
23686
  width: var(--pf-v6-c-page__dock--Width);
23502
- transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide);
23687
+ 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);
23503
23688
  translate: -100% 0;
23504
23689
  }
23505
23690
  :where(.pf-v6-m-dir-rtl, [dir=rtl]) .pf-v6-c-page__dock {
@@ -23508,14 +23693,15 @@ ul.pf-v6-c-list {
23508
23693
 
23509
23694
  .pf-v6-c-page__dock.pf-m-expanded {
23510
23695
  --pf-v6-c-page__dock--TransitionDuration--slide: var(--pf-v6-c-page__dock--m-expanded--TransitionDuration--slide);
23696
+ visibility: visible;
23511
23697
  translate: 0;
23698
+ transition: translate var(--pf-v6-c-page__dock--TransitionDuration--slide) var(--pf-v6-c-page__dock--TransitionTimingFunction--slide), visibility 0s 0s;
23512
23699
  }
23513
23700
  @media (min-width: 62rem) {
23514
23701
  .pf-v6-c-page__dock {
23515
- --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
23516
- --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23517
23702
  position: revert;
23518
23703
  inset: revert;
23704
+ visibility: revert;
23519
23705
  width: auto;
23520
23706
  translate: 0;
23521
23707
  }
@@ -23540,6 +23726,9 @@ ul.pf-v6-c-list {
23540
23726
  }
23541
23727
  @media (min-width: 62rem) {
23542
23728
  .pf-v6-c-page__dock-main {
23729
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
23730
+ --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
23731
+ --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23543
23732
  --pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23544
23733
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23545
23734
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
@@ -24673,7 +24862,7 @@ ul.pf-v6-c-list {
24673
24862
  --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24674
24863
  --pf-v6-c-panel--BoxShadow: none;
24675
24864
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
24676
- --pf-v6-c-panel--before--BorderWidth: 0;
24865
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
24677
24866
  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
24678
24867
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
24679
24868
  --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
@@ -25154,7 +25343,7 @@ ul.pf-v6-c-list {
25154
25343
 
25155
25344
  .pf-v6-c-progress__description {
25156
25345
  grid-column: 1/2;
25157
- overflow-wrap: break-word;
25346
+ overflow-wrap: anywhere;
25158
25347
  }
25159
25348
  .pf-v6-c-progress__description.pf-m-truncate {
25160
25349
  overflow: hidden;
@@ -25170,7 +25359,7 @@ ul.pf-v6-c-list {
25170
25359
  align-items: flex-start;
25171
25360
  justify-content: flex-end;
25172
25361
  text-align: end;
25173
- overflow-wrap: break-word;
25362
+ overflow-wrap: anywhere;
25174
25363
  }
25175
25364
 
25176
25365
  .pf-v6-c-progress__status-icon {
@@ -26088,6 +26277,9 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26088
26277
  --pf-v6-c-sidebar__panel--Position: static;
26089
26278
  --pf-v6-c-sidebar__panel--InsetBlockStart: auto;
26090
26279
  }
26280
+ .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) {
26281
+ --pf-v6-c-sidebar__panel--BackgroundColor: transparent;
26282
+ }
26091
26283
  .pf-v6-c-sidebar__panel.pf-m-secondary {
26092
26284
  --pf-v6-c-sidebar__panel--BackgroundColor: var(--pf-v6-c-sidebar__panel--m-secondary--BackgroundColor);
26093
26285
  }
@@ -26107,7 +26299,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26107
26299
  --pf-v6-c-sidebar__content--PaddingBlockEnd: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockEnd);
26108
26300
  --pf-v6-c-sidebar__content--PaddingInlineStart: var(--pf-v6-c-sidebar__content--m-padding--PaddingBlockStart);
26109
26301
  }
26110
- .pf-v6-c-sidebar__content.pf-m-no-background {
26302
+ .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) {
26111
26303
  --pf-v6-c-sidebar__content--BackgroundColor: transparent;
26112
26304
  }
26113
26305
  .pf-v6-c-sidebar__content.pf-m-secondary {
@@ -26120,12 +26312,6 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
26120
26312
  --pf-v6-c-sidebar__content--Order: -1;
26121
26313
  }
26122
26314
 
26123
- .pf-v6-c-sidebar.pf-m-no-background,
26124
- .pf-v6-c-sidebar__panel.pf-m-no-background,
26125
- .pf-v6-c-sidebar__content.pf-m-no-background {
26126
- background-color: transparent;
26127
- }
26128
-
26129
26315
  .pf-v6-c-sidebar__panel.pf-m-width-default {
26130
26316
  --pf-v6-c-sidebar__panel--FlexBasis: var(--pf-v6-c-sidebar__panel--FlexBasis--base);
26131
26317
  }
@@ -28854,7 +29040,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28854
29040
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28855
29041
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
28856
29042
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
28857
- --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
29043
+ --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
28858
29044
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28859
29045
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
28860
29046
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -28874,6 +29060,8 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28874
29060
  --pf-v6-c-table--m-sticky-header--BoxShadow--glass: var(--pf-t--global--box-shadow--sm);
28875
29061
  --pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor: var(--pf-t--global--motion--timing-function--default);
28876
29062
  --pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor: var(--pf-t--global--motion--duration--fade--default);
29063
+ --pf-v6-c-table--m-sticky-footer--ZIndex: calc(var(--pf-t--global--z-index--xs) + 1);
29064
+ --pf-v6-c-table--m-sticky-footer--border--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28877
29065
  }
28878
29066
  :where(.pf-v6-theme-glass) .pf-v6-c-table {
28879
29067
  --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
@@ -28895,16 +29083,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28895
29083
  .pf-v6-c-table.pf-m-fixed {
28896
29084
  table-layout: fixed;
28897
29085
  }
28898
- .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 {
29086
+ .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 {
28899
29087
  opacity: 0;
28900
29088
  transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
28901
29089
  transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
28902
29090
  transition-property: opacity;
28903
29091
  }
28904
- .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
28905
- --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
28906
- }
28907
- .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 {
29092
+ .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 {
28908
29093
  opacity: 1;
28909
29094
  }
28910
29095
  .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
@@ -28915,27 +29100,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28915
29100
  inset-block-start: 0;
28916
29101
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
28917
29102
  }
28918
- .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 {
29103
+ .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 {
28919
29104
  position: absolute;
28920
29105
  inset: 0;
28921
29106
  z-index: -1;
28922
29107
  pointer-events: none;
28923
29108
  content: "";
28924
- background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28925
29109
  border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28926
29110
  box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
28927
29111
  }
28928
- .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) {
28929
- z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
28930
- }
28931
- .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 {
29112
+ .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 {
28932
29113
  position: absolute;
28933
29114
  inset: 0;
28934
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
29115
+ z-index: -1;
28935
29116
  pointer-events: none;
28936
29117
  content: "";
29118
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28937
29119
  border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
28938
29120
  }
29121
+ .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 {
29122
+ border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29123
+ border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29124
+ }
29125
+ .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 {
29126
+ border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29127
+ border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29128
+ }
29129
+ .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) {
29130
+ z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
29131
+ }
29132
+ :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 {
29133
+ --pf-v6-c-table--m-sticky-header--BorderRadius: 0;
29134
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
29135
+ }
28939
29136
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
28940
29137
  border-block-end: 0;
28941
29138
  }
@@ -28943,6 +29140,26 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28943
29140
  .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]) {
28944
29141
  --pf-v6-c-table--cell--PaddingBlockEnd: var(--pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd);
28945
29142
  }
29143
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot {
29144
+ position: sticky;
29145
+ inset-block-end: 0;
29146
+ z-index: var(--pf-v6-c-table--m-sticky-footer--ZIndex);
29147
+ background: var(--pf-v6-c-table--BackgroundColor);
29148
+ }
29149
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tfoot::before {
29150
+ position: absolute;
29151
+ inset: 0;
29152
+ z-index: var(--pf-v6-c-table--m-sticky-footer--border--ZIndex);
29153
+ pointer-events: none;
29154
+ content: "";
29155
+ border-block-start: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29156
+ }
29157
+ .pf-v6-c-table.pf-m-sticky-footer > .pf-v6-c-table__tbody:last-of-type > .pf-v6-c-table__tr:last-of-type {
29158
+ border-block-end: 0;
29159
+ }
29160
+ .pf-v6-c-table.pf-m-plain {
29161
+ --pf-v6-c-table--BackgroundColor: transparent;
29162
+ }
28946
29163
  .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),
28947
29164
  .pf-v6-c-table > .pf-m-striped > tr:nth-child(odd),
28948
29165
  .pf-v6-c-table > .pf-m-striped-even > tr:nth-child(even),
@@ -29626,14 +29843,11 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29626
29843
  vertical-align: bottom;
29627
29844
  }
29628
29845
  .pf-v6-c-table__thead.pf-m-nested-column-header {
29846
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
29629
29847
  position: relative;
29630
29848
  }
29631
- .pf-v6-c-table__thead.pf-m-nested-column-header::after {
29632
- position: absolute;
29633
- inset: 0;
29849
+ .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
29634
29850
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
29635
- pointer-events: none;
29636
- content: "";
29637
29851
  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);
29638
29852
  }
29639
29853
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -29674,7 +29888,13 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29674
29888
  border-block-end: 0;
29675
29889
  }
29676
29890
  .pf-v6-c-table__tr.pf-m-border-row {
29677
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29891
+ height: var(--pf-v6-c-table--border-width--base);
29892
+ background-color: var(--pf-v6-c-table--BorderColor);
29893
+ }
29894
+
29895
+ .pf-v6-c-table__tfoot {
29896
+ --pf-v6-c-table__tr--BorderBlockEndWidth: 0;
29897
+ vertical-align: top;
29678
29898
  }
29679
29899
 
29680
29900
  .pf-v6-c-table__icon-inline {
@@ -29823,6 +30043,9 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29823
30043
  --pf-v6-c-table--m-no-inset__tree-view-main--MarginInlineStart: 0;
29824
30044
  }
29825
30045
 
30046
+ .pf-v6-c-table.pf-m-tree-view {
30047
+ --pf-v6-c-table__toggle--c-button--m-expanded__toggle-icon--Rotate: 90deg;
30048
+ }
29826
30049
  .pf-v6-c-table.pf-m-tree-view > tbody > tr {
29827
30050
  --pf-v6-c-table--m-tree-view__toggle--InsetInlineStart: var(--pf-v6-c-table__tree-view-main--PaddingInlineStart);
29828
30051
  }
@@ -31952,7 +32175,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
31952
32175
 
31953
32176
  .pf-v6-c-title {
31954
32177
  font-family: var(--pf-v6-c-title--FontFamily);
31955
- overflow-wrap: break-word;
32178
+ overflow-wrap: anywhere;
31956
32179
  }
31957
32180
  .pf-v6-c-title.pf-m-4xl {
31958
32181
  font-size: var(--pf-v6-c-title--m-4xl--FontSize);
@@ -34374,7 +34597,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34374
34597
  font-size: var(--pf-v6-c-tooltip__content--FontSize);
34375
34598
  color: var(--pf-v6-c-tooltip__content--Color);
34376
34599
  text-align: center;
34377
- overflow-wrap: break-word;
34600
+ overflow-wrap: anywhere;
34378
34601
  background-color: var(--pf-v6-c-tooltip__content--BackgroundColor);
34379
34602
  border-radius: var(--pf-v6-c-tooltip__content--BorderRadius);
34380
34603
  }
@@ -34555,7 +34778,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
34555
34778
  --pf-v6-c-tree-view__node-icon--Color: var(--pf-t--global--icon--color--subtle);
34556
34779
  --pf-v6-c-tree-view__node-toggle-icon--base--Rotate: 0;
34557
34780
  --pf-v6-c-tree-view__node-toggle-icon--Rotate: var(--pf-v6-c-tree-view__node-toggle-icon--base--Rotate);
34558
- --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: -180deg;
34781
+ --pf-v6-c-tree-view__list-item--m-expanded__node-toggle-icon--Rotate: 90deg;
34559
34782
  --pf-v6-c-tree-view__node--m-disabled--Color: var(--pf-t--global--text--color--disabled);
34560
34783
  --pf-v6-c-tree-view__node-icon--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
34561
34784
  --pf-v6-c-tree-view__node-toggle--m-disabled--Color: var(--pf-t--global--icon--color--disabled);
@@ -35286,7 +35509,7 @@ label.pf-v6-c-tree-view__node-text {
35286
35509
  align-items: baseline;
35287
35510
  margin-block-end: var(--pf-v6-c-wizard__toggle-list-item--MarginBlockEnd);
35288
35511
  text-align: start;
35289
- overflow-wrap: break-word;
35512
+ overflow-wrap: anywhere;
35290
35513
  }
35291
35514
  .pf-v6-c-wizard__toggle-list-item:not(:last-child) {
35292
35515
  margin-inline-end: var(--pf-v6-c-wizard__toggle-list-item--not-last-child--MarginInlineEnd);
@@ -35422,7 +35645,7 @@ label.pf-v6-c-tree-view__node-text {
35422
35645
  padding-inline: 0;
35423
35646
  color: var(--pf-v6-c-wizard__nav-link--Color);
35424
35647
  text-align: start;
35425
- overflow-wrap: break-word;
35648
+ overflow-wrap: anywhere;
35426
35649
  text-decoration-line: var(--pf-v6-c-wizard__nav-link--TextDecoration);
35427
35650
  counter-increment: wizard-nav-count;
35428
35651
  background-color: transparent;
@@ -35541,7 +35764,7 @@ label.pf-v6-c-tree-view__node-text {
35541
35764
  flex-direction: column;
35542
35765
  overflow-x: hidden;
35543
35766
  overflow-y: auto;
35544
- overflow-wrap: break-word;
35767
+ overflow-wrap: anywhere;
35545
35768
  }
35546
35769
 
35547
35770
  .pf-v6-c-wizard__main-body {