@patternfly/patternfly 6.6.0-prerelease.9 → 6.6.0

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 (60) 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/base/patternfly-fonts.css +4 -4
  8. package/base/patternfly-fonts.scss +4 -4
  9. package/base/patternfly-variables.css +6 -6
  10. package/base/tokens/tokens-charts-dark.scss +1 -1
  11. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  12. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  13. package/base/tokens/tokens-charts.scss +1 -1
  14. package/base/tokens/tokens-dark.scss +1 -1
  15. package/base/tokens/tokens-default.scss +4 -4
  16. package/base/tokens/tokens-felt-dark.scss +1 -1
  17. package/base/tokens/tokens-felt-glass-dark.scss +1 -1
  18. package/base/tokens/tokens-felt-glass.scss +1 -1
  19. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  20. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  21. package/base/tokens/tokens-felt.scss +1 -1
  22. package/base/tokens/tokens-glass-dark.scss +1 -1
  23. package/base/tokens/tokens-glass.scss +1 -1
  24. package/base/tokens/tokens-highcontrast-dark.scss +1 -1
  25. package/base/tokens/tokens-highcontrast.scss +4 -4
  26. package/base/tokens/tokens-palette.scss +1 -1
  27. package/base/tokens/tokens-redhat-highcontrast.scss +3 -3
  28. package/components/Alert/alert.css +1 -0
  29. package/components/Alert/alert.scss +1 -0
  30. package/components/Banner/banner.css +7 -0
  31. package/components/Banner/banner.scss +7 -0
  32. package/components/Button/button.css +15 -1
  33. package/components/Button/button.scss +17 -1
  34. package/components/DragDrop/drag-drop.css +4 -0
  35. package/components/DragDrop/drag-drop.scss +4 -0
  36. package/components/Page/page.css +7 -5
  37. package/components/Page/page.scss +9 -8
  38. package/components/Panel/panel.css +1 -1
  39. package/components/Panel/panel.scss +2 -2
  40. package/components/Table/table.css +26 -18
  41. package/components/Table/table.scss +37 -27
  42. package/components/_index.css +61 -25
  43. package/docs/components/DualListSelector/examples/DualListSelector.md +72 -72
  44. package/docs/components/Pagination/examples/Pagination.md +120 -120
  45. package/docs/components/Table/examples/Table.md +7 -0
  46. package/docs/components/Toolbar/examples/Toolbar.md +16 -16
  47. package/docs/demos/CardView/examples/CardView.md +12 -12
  48. package/docs/demos/Compass/examples/Compass.md +16 -16
  49. package/docs/demos/Dashboard/examples/Dashboard.md +27 -30
  50. package/docs/demos/DataList/examples/DataList.md +48 -48
  51. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +20 -20
  52. package/docs/demos/Table/examples/Table.md +160 -160
  53. package/docs/demos/Toolbar/examples/Toolbar.md +36 -36
  54. package/package.json +2 -2
  55. package/patternfly-base-no-globals.css +10 -10
  56. package/patternfly-base.css +10 -10
  57. package/patternfly-no-globals.css +71 -35
  58. package/patternfly.css +71 -35
  59. package/patternfly.min.css +1 -1
  60. package/patternfly.min.css.map +1 -1
package/patternfly-no-globals.css CHANGED
@@ -144,28 +144,28 @@
144
144
  @font-face {
145
145
  font-family: "Red Hat Text";
146
146
  font-style: normal;
147
- font-weight: 400 500;
147
+ font-weight: 400 600;
148
148
  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
149
149
  font-display: fallback;
150
150
  }
151
151
  @font-face {
152
152
  font-family: "Red Hat Text";
153
153
  font-style: italic;
154
- font-weight: 400 500;
154
+ font-weight: 400 600;
155
155
  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
156
156
  font-display: fallback;
157
157
  }
158
158
  @font-face {
159
159
  font-family: "Red Hat Display";
160
160
  font-style: normal;
161
- font-weight: 400 700;
161
+ font-weight: 600 800;
162
162
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
163
163
  font-display: fallback;
164
164
  }
165
165
  @font-face {
166
166
  font-family: "Red Hat Display";
167
167
  font-style: italic;
168
- font-weight: 400 700;
168
+ font-weight: 600 800;
169
169
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
170
170
  font-display: fallback;
171
171
  }
@@ -6489,9 +6489,9 @@
6489
6489
  --pf-t--global--font--size--700: 1.75rem;
6490
6490
  --pf-t--global--font--size--800: 2.25rem;
6491
6491
  --pf-t--global--font--weight--100: 400;
6492
- --pf-t--global--font--weight--200: 500;
6493
- --pf-t--global--font--weight--300: 500;
6494
- --pf-t--global--font--weight--400: 700;
6492
+ --pf-t--global--font--weight--200: 600;
6493
+ --pf-t--global--font--weight--300: 600;
6494
+ --pf-t--global--font--weight--400: 800;
6495
6495
  --pf-t--global--icon--size--100: 0.75rem;
6496
6496
  --pf-t--global--icon--size--200: 0.875rem;
6497
6497
  --pf-t--global--icon--size--250: 1rem;
@@ -7389,9 +7389,9 @@
7389
7389
  --pf-t--global--font--size--700: 1.75rem;
7390
7390
  --pf-t--global--font--size--800: 2.25rem;
7391
7391
  --pf-t--global--font--weight--100: 400;
7392
- --pf-t--global--font--weight--200: 500;
7393
- --pf-t--global--font--weight--300: 500;
7394
- --pf-t--global--font--weight--400: 700;
7392
+ --pf-t--global--font--weight--200: 600;
7393
+ --pf-t--global--font--weight--300: 600;
7394
+ --pf-t--global--font--weight--400: 800;
7395
7395
  --pf-t--global--icon--size--100: 0.75rem;
7396
7396
  --pf-t--global--icon--size--200: 0.875rem;
7397
7397
  --pf-t--global--icon--size--250: 1rem;
@@ -9915,6 +9915,7 @@
9915
9915
 
9916
9916
  .pf-v6-c-alert__icon {
9917
9917
  grid-area: icon;
9918
+ align-self: baseline;
9918
9919
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
9919
9920
  font-size: var(--pf-v6-c-alert__icon--FontSize);
9920
9921
  color: var(--pf-v6-c-alert__icon--Color);
@@ -10712,7 +10713,9 @@ div.pf-v6-c-avatar {
10712
10713
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
10713
10714
  --pf-v6-c-banner--link--TextDecoration: underline;
10714
10715
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
10716
+ --pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
10715
10717
  --pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
10718
+ --pf-v6-c-banner--link--TextDecorationColor: currentcolor;
10716
10719
  --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
10717
10720
  --pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
10718
10721
  --pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
@@ -10821,6 +10824,7 @@ div.pf-v6-c-avatar {
10821
10824
  .pf-v6-c-banner a {
10822
10825
  color: var(--pf-v6-c-banner--link--Color);
10823
10826
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
10827
+ text-decoration-color: var(--pf-v6-c-banner--a--TextDecorationColor);
10824
10828
  }
10825
10829
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
10826
10830
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
@@ -10832,7 +10836,11 @@ div.pf-v6-c-avatar {
10832
10836
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
10833
10837
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
10834
10838
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
10839
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
10835
10840
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
10841
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10842
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10843
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10836
10844
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
10837
10845
  }
10838
10846
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
@@ -11149,6 +11157,10 @@ button.pf-v6-c-breadcrumb__link {
11149
11157
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11150
11158
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11151
11159
  --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11160
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
11161
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11162
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11163
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11152
11164
  --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
11153
11165
  --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
11154
11166
  --pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
@@ -11163,6 +11175,8 @@ button.pf-v6-c-breadcrumb__link {
11163
11175
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
11164
11176
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
11165
11177
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
11178
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
11179
+ --pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
11166
11180
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
11167
11181
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
11168
11182
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -11535,9 +11549,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11535
11549
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11536
11550
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
11537
11551
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
11538
- --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11552
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
11553
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
11554
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
11555
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11539
11556
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
11540
11557
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
11558
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
11559
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
11541
11560
  --pf-v6-c-button--BorderWidth: 0;
11542
11561
  --pf-v6-c-button--hover--BorderWidth: 0;
11543
11562
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
@@ -11550,6 +11569,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11550
11569
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11551
11570
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
11552
11571
  }
11572
+ .pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
11573
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11574
+ }
11553
11575
  .pf-v6-c-button.pf-m-link.pf-m-danger {
11554
11576
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
11555
11577
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -14969,6 +14991,7 @@ ul) {
14969
14991
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
14970
14992
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
14971
14993
  --pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
14994
+ --pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
14972
14995
  --pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
14973
14996
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
14974
14997
  --pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -14983,6 +15006,7 @@ ul) {
14983
15006
  --pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
14984
15007
  position: relative;
14985
15008
  background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
15009
+ border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
14986
15010
  box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
14987
15011
  }
14988
15012
  .pf-v6-c-draggable.pf-m-dragging::after {
@@ -15002,6 +15026,7 @@ ul) {
15002
15026
 
15003
15027
  .pf-v6-c-droppable {
15004
15028
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
15029
+ --pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
15005
15030
  --pf-v6-c-droppable--before--Opacity: 0;
15006
15031
  --pf-v6-c-droppable--after--BorderWidth: 0;
15007
15032
  --pf-v6-c-droppable--after--BorderColor: transparent;
@@ -15024,6 +15049,7 @@ ul) {
15024
15049
  }
15025
15050
  .pf-v6-c-droppable::before {
15026
15051
  background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
15052
+ border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
15027
15053
  opacity: var(--pf-v6-c-droppable--before--Opacity);
15028
15054
  }
15029
15055
  .pf-v6-c-droppable::after {
@@ -23117,11 +23143,12 @@ ul.pf-v6-c-list {
23117
23143
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
23118
23144
  --pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
23119
23145
  --pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
23120
- --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
23146
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
23121
23147
  --pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
23122
- --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
23148
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
23149
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
23123
23150
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
23124
- --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
23151
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
23125
23152
  --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23126
23153
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23127
23154
  --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
@@ -23517,8 +23544,6 @@ ul.pf-v6-c-list {
23517
23544
  }
23518
23545
  @media (min-width: 62rem) {
23519
23546
  .pf-v6-c-page__dock {
23520
- --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
23521
- --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23522
23547
  position: revert;
23523
23548
  inset: revert;
23524
23549
  visibility: revert;
@@ -23546,6 +23571,9 @@ ul.pf-v6-c-list {
23546
23571
  }
23547
23572
  @media (min-width: 62rem) {
23548
23573
  .pf-v6-c-page__dock-main {
23574
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
23575
+ --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
23576
+ --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23549
23577
  --pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23550
23578
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23551
23579
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
@@ -24679,7 +24707,7 @@ ul.pf-v6-c-list {
24679
24707
  --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24680
24708
  --pf-v6-c-panel--BoxShadow: none;
24681
24709
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
24682
- --pf-v6-c-panel--before--BorderWidth: 0;
24710
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
24683
24711
  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
24684
24712
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
24685
24713
  --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
@@ -28857,7 +28885,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28857
28885
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28858
28886
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
28859
28887
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
28860
- --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28888
+ --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
28861
28889
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28862
28890
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
28863
28891
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -28900,16 +28928,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28900
28928
  .pf-v6-c-table.pf-m-fixed {
28901
28929
  table-layout: fixed;
28902
28930
  }
28903
- .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
28931
+ .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
28904
28932
  opacity: 0;
28905
28933
  transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
28906
28934
  transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
28907
28935
  transition-property: opacity;
28908
28936
  }
28909
- .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
28910
- --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
28911
- }
28912
- .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after {
28937
+ .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
28913
28938
  opacity: 1;
28914
28939
  }
28915
28940
  .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
@@ -28920,27 +28945,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28920
28945
  inset-block-start: 0;
28921
28946
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
28922
28947
  }
28923
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before {
28948
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
28924
28949
  position: absolute;
28925
28950
  inset: 0;
28926
28951
  z-index: -1;
28927
28952
  pointer-events: none;
28928
28953
  content: "";
28929
- background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28930
28954
  border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28931
28955
  box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
28932
28956
  }
28933
- .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) {
28934
- z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
28935
- }
28936
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
28957
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
28937
28958
  position: absolute;
28938
28959
  inset: 0;
28939
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
28960
+ z-index: -1;
28940
28961
  pointer-events: none;
28941
28962
  content: "";
28963
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28942
28964
  border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
28943
28965
  }
28966
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after {
28967
+ border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28968
+ border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28969
+ }
28970
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after {
28971
+ border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28972
+ border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28973
+ }
28974
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead > :where(th, td), .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead > :where(th, td) {
28975
+ z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
28976
+ }
28977
+ :where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header .pf-m-nested-column-header, :where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header-base .pf-m-nested-column-header {
28978
+ --pf-v6-c-table--m-sticky-header--BorderRadius: 0;
28979
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
28980
+ }
28944
28981
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
28945
28982
  border-block-end: 0;
28946
28983
  }
@@ -29651,14 +29688,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29651
29688
  vertical-align: bottom;
29652
29689
  }
29653
29690
  .pf-v6-c-table__thead.pf-m-nested-column-header {
29691
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
29654
29692
  position: relative;
29655
29693
  }
29656
- .pf-v6-c-table__thead.pf-m-nested-column-header::after {
29657
- position: absolute;
29658
- inset: 0;
29694
+ .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
29659
29695
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
29660
29696
  pointer-events: none;
29661
- content: "";
29662
29697
  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);
29663
29698
  }
29664
29699
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -29699,7 +29734,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29699
29734
  border-block-end: 0;
29700
29735
  }
29701
29736
  .pf-v6-c-table__tr.pf-m-border-row {
29702
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29737
+ height: var(--pf-v6-c-table--border-width--base);
29738
+ background-color: var(--pf-v6-c-table--BorderColor);
29703
29739
  }
29704
29740
 
29705
29741
  .pf-v6-c-table__tfoot {
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;
@@ -10070,6 +10070,7 @@ button) {
10070
10070
 
10071
10071
  .pf-v6-c-alert__icon {
10072
10072
  grid-area: icon;
10073
+ align-self: baseline;
10073
10074
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
10074
10075
  font-size: var(--pf-v6-c-alert__icon--FontSize);
10075
10076
  color: var(--pf-v6-c-alert__icon--Color);
@@ -10867,7 +10868,9 @@ div.pf-v6-c-avatar {
10867
10868
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
10868
10869
  --pf-v6-c-banner--link--TextDecoration: underline;
10869
10870
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
10871
+ --pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
10870
10872
  --pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
10873
+ --pf-v6-c-banner--link--TextDecorationColor: currentcolor;
10871
10874
  --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
10872
10875
  --pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
10873
10876
  --pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
@@ -10976,6 +10979,7 @@ div.pf-v6-c-avatar {
10976
10979
  .pf-v6-c-banner a {
10977
10980
  color: var(--pf-v6-c-banner--link--Color);
10978
10981
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
10982
+ text-decoration-color: var(--pf-v6-c-banner--a--TextDecorationColor);
10979
10983
  }
10980
10984
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
10981
10985
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
@@ -10987,7 +10991,11 @@ div.pf-v6-c-avatar {
10987
10991
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
10988
10992
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
10989
10993
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
10994
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
10990
10995
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
10996
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10997
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10998
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10991
10999
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
10992
11000
  }
10993
11001
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
@@ -11304,6 +11312,10 @@ button.pf-v6-c-breadcrumb__link {
11304
11312
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11305
11313
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11306
11314
  --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11315
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
11316
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11317
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11318
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11307
11319
  --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
11308
11320
  --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
11309
11321
  --pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
@@ -11318,6 +11330,8 @@ button.pf-v6-c-breadcrumb__link {
11318
11330
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
11319
11331
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
11320
11332
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
11333
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
11334
+ --pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
11321
11335
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
11322
11336
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
11323
11337
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -11690,9 +11704,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11690
11704
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11691
11705
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
11692
11706
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
11693
- --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11707
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
11708
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
11709
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
11710
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11694
11711
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
11695
11712
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
11713
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
11714
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
11696
11715
  --pf-v6-c-button--BorderWidth: 0;
11697
11716
  --pf-v6-c-button--hover--BorderWidth: 0;
11698
11717
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
@@ -11705,6 +11724,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11705
11724
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11706
11725
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
11707
11726
  }
11727
+ .pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
11728
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11729
+ }
11708
11730
  .pf-v6-c-button.pf-m-link.pf-m-danger {
11709
11731
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
11710
11732
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -15124,6 +15146,7 @@ ul) {
15124
15146
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
15125
15147
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
15126
15148
  --pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
15149
+ --pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
15127
15150
  --pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
15128
15151
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
15129
15152
  --pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -15138,6 +15161,7 @@ ul) {
15138
15161
  --pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
15139
15162
  position: relative;
15140
15163
  background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
15164
+ border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
15141
15165
  box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
15142
15166
  }
15143
15167
  .pf-v6-c-draggable.pf-m-dragging::after {
@@ -15157,6 +15181,7 @@ ul) {
15157
15181
 
15158
15182
  .pf-v6-c-droppable {
15159
15183
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
15184
+ --pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
15160
15185
  --pf-v6-c-droppable--before--Opacity: 0;
15161
15186
  --pf-v6-c-droppable--after--BorderWidth: 0;
15162
15187
  --pf-v6-c-droppable--after--BorderColor: transparent;
@@ -15179,6 +15204,7 @@ ul) {
15179
15204
  }
15180
15205
  .pf-v6-c-droppable::before {
15181
15206
  background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
15207
+ border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
15182
15208
  opacity: var(--pf-v6-c-droppable--before--Opacity);
15183
15209
  }
15184
15210
  .pf-v6-c-droppable::after {
@@ -23272,11 +23298,12 @@ ul.pf-v6-c-list {
23272
23298
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
23273
23299
  --pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
23274
23300
  --pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
23275
- --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
23301
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
23276
23302
  --pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
23277
- --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
23303
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
23304
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
23278
23305
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
23279
- --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
23306
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
23280
23307
  --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23281
23308
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23282
23309
  --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
@@ -23672,8 +23699,6 @@ ul.pf-v6-c-list {
23672
23699
  }
23673
23700
  @media (min-width: 62rem) {
23674
23701
  .pf-v6-c-page__dock {
23675
- --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
23676
- --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23677
23702
  position: revert;
23678
23703
  inset: revert;
23679
23704
  visibility: revert;
@@ -23701,6 +23726,9 @@ ul.pf-v6-c-list {
23701
23726
  }
23702
23727
  @media (min-width: 62rem) {
23703
23728
  .pf-v6-c-page__dock-main {
23729
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
23730
+ --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
23731
+ --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23704
23732
  --pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23705
23733
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23706
23734
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
@@ -24834,7 +24862,7 @@ ul.pf-v6-c-list {
24834
24862
  --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24835
24863
  --pf-v6-c-panel--BoxShadow: none;
24836
24864
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
24837
- --pf-v6-c-panel--before--BorderWidth: 0;
24865
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
24838
24866
  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
24839
24867
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
24840
24868
  --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
@@ -29012,7 +29040,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29012
29040
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
29013
29041
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
29014
29042
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
29015
- --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
29043
+ --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
29016
29044
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
29017
29045
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
29018
29046
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -29055,16 +29083,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29055
29083
  .pf-v6-c-table.pf-m-fixed {
29056
29084
  table-layout: fixed;
29057
29085
  }
29058
- .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
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 {
29059
29087
  opacity: 0;
29060
29088
  transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
29061
29089
  transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
29062
29090
  transition-property: opacity;
29063
29091
  }
29064
- .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
29065
- --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
29066
- }
29067
- .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after {
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 {
29068
29093
  opacity: 1;
29069
29094
  }
29070
29095
  .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
@@ -29075,27 +29100,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
29075
29100
  inset-block-start: 0;
29076
29101
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
29077
29102
  }
29078
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before {
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 {
29079
29104
  position: absolute;
29080
29105
  inset: 0;
29081
29106
  z-index: -1;
29082
29107
  pointer-events: none;
29083
29108
  content: "";
29084
- background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
29085
29109
  border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
29086
29110
  box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
29087
29111
  }
29088
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead > :where(th, td), .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead > :where(th, td) {
29089
- z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
29090
- }
29091
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
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 {
29092
29113
  position: absolute;
29093
29114
  inset: 0;
29094
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
29115
+ z-index: -1;
29095
29116
  pointer-events: none;
29096
29117
  content: "";
29118
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
29097
29119
  border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
29098
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
+ }
29099
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) {
29100
29137
  border-block-end: 0;
29101
29138
  }
@@ -29806,14 +29843,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29806
29843
  vertical-align: bottom;
29807
29844
  }
29808
29845
  .pf-v6-c-table__thead.pf-m-nested-column-header {
29846
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
29809
29847
  position: relative;
29810
29848
  }
29811
- .pf-v6-c-table__thead.pf-m-nested-column-header::after {
29812
- position: absolute;
29813
- 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) {
29814
29850
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
29815
29851
  pointer-events: none;
29816
- content: "";
29817
29852
  border-block-end: var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth) solid var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor);
29818
29853
  }
29819
29854
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -29854,7 +29889,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29854
29889
  border-block-end: 0;
29855
29890
  }
29856
29891
  .pf-v6-c-table__tr.pf-m-border-row {
29857
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29892
+ height: var(--pf-v6-c-table--border-width--base);
29893
+ background-color: var(--pf-v6-c-table--BorderColor);
29858
29894
  }
29859
29895
 
29860
29896
  .pf-v6-c-table__tfoot {