@patternfly/react-styles 6.6.0-prerelease.3 → 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.
package/CHANGELOG.md CHANGED
@@ -3,6 +3,16 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ # [6.6.0](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.6.0-prerelease.4...@patternfly/react-styles@6.6.0) (2026-07-01)
7
+
8
+ **Note:** Version bump only for package @patternfly/react-styles
9
+
10
+ # [6.6.0-prerelease.4](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.6.0-prerelease.3...@patternfly/react-styles@6.6.0-prerelease.4) (2026-06-26)
11
+
12
+ ### Features
13
+
14
+ - **ver:** bump to core prerelease.16 ([#12526](https://github.com/patternfly/patternfly-react/issues/12526)) ([894e315](https://github.com/patternfly/patternfly-react/commit/894e31584110cc21c8160ee35a8a9256fa50bb59))
15
+
6
16
  # [6.6.0-prerelease.3](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.6.0-prerelease.1...@patternfly/react-styles@6.6.0-prerelease.3) (2026-06-24)
7
17
 
8
18
  ### Features
@@ -152,6 +152,7 @@
152
152
 
153
153
  .pf-v6-c-alert__icon {
154
154
  grid-area: icon;
155
+ align-self: baseline;
155
156
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
156
157
  font-size: var(--pf-v6-c-alert__icon--FontSize);
157
158
  color: var(--pf-v6-c-alert__icon--Color);
@@ -21,7 +21,9 @@
21
21
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
22
22
  --pf-v6-c-banner--link--TextDecoration: underline;
23
23
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
24
+ --pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
24
25
  --pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
26
+ --pf-v6-c-banner--link--TextDecorationColor: currentcolor;
25
27
  --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
26
28
  --pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
27
29
  --pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
@@ -130,6 +132,7 @@
130
132
  .pf-v6-c-banner a {
131
133
  color: var(--pf-v6-c-banner--link--Color);
132
134
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
135
+ text-decoration-color: var(--pf-v6-c-banner--a--TextDecorationColor);
133
136
  }
134
137
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
135
138
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
@@ -141,7 +144,11 @@
141
144
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
142
145
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
143
146
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
147
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
144
148
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
149
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
150
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
151
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
145
152
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
146
153
  }
147
154
  .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 {
@@ -126,6 +126,10 @@
126
126
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
127
127
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
128
128
  --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
129
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
130
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
131
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
132
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
129
133
  --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
130
134
  --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
131
135
  --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);
@@ -140,6 +144,8 @@
140
144
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
141
145
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
142
146
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
147
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
148
+ --pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
143
149
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
144
150
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
145
151
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -512,9 +518,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
512
518
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
513
519
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
514
520
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
515
- --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
521
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
522
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
523
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
524
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
516
525
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
517
526
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
527
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
528
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
518
529
  --pf-v6-c-button--BorderWidth: 0;
519
530
  --pf-v6-c-button--hover--BorderWidth: 0;
520
531
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
@@ -527,6 +538,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
527
538
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
528
539
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
529
540
  }
541
+ .pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
542
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
543
+ }
530
544
  .pf-v6-c-button.pf-m-link.pf-m-danger {
531
545
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
532
546
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -23,6 +23,7 @@ declare const _default: {
23
23
  "tertiary": "pf-m-tertiary",
24
24
  "link": "pf-m-link",
25
25
  "inline": "pf-m-inline",
26
+ "clicked": "pf-m-clicked",
26
27
  "displayLg": "pf-m-display-lg",
27
28
  "warning": "pf-m-warning",
28
29
  "control": "pf-m-control",
@@ -40,7 +41,6 @@ declare const _default: {
40
41
  "expand": "pf-m-expand",
41
42
  "collapse": "pf-m-collapse",
42
43
  "circle": "pf-m-circle",
43
- "clicked": "pf-m-clicked",
44
44
  "disabled": "pf-m-disabled",
45
45
  "ariaDisabled": "pf-m-aria-disabled",
46
46
  "progress": "pf-m-progress",
@@ -25,6 +25,7 @@ exports.default = {
25
25
  "tertiary": "pf-m-tertiary",
26
26
  "link": "pf-m-link",
27
27
  "inline": "pf-m-inline",
28
+ "clicked": "pf-m-clicked",
28
29
  "displayLg": "pf-m-display-lg",
29
30
  "warning": "pf-m-warning",
30
31
  "control": "pf-m-control",
@@ -42,7 +43,6 @@ exports.default = {
42
43
  "expand": "pf-m-expand",
43
44
  "collapse": "pf-m-collapse",
44
45
  "circle": "pf-m-circle",
45
- "clicked": "pf-m-clicked",
46
46
  "disabled": "pf-m-disabled",
47
47
  "ariaDisabled": "pf-m-aria-disabled",
48
48
  "progress": "pf-m-progress",
@@ -23,6 +23,7 @@ export default {
23
23
  "tertiary": "pf-m-tertiary",
24
24
  "link": "pf-m-link",
25
25
  "inline": "pf-m-inline",
26
+ "clicked": "pf-m-clicked",
26
27
  "displayLg": "pf-m-display-lg",
27
28
  "warning": "pf-m-warning",
28
29
  "control": "pf-m-control",
@@ -40,7 +41,6 @@ export default {
40
41
  "expand": "pf-m-expand",
41
42
  "collapse": "pf-m-collapse",
42
43
  "circle": "pf-m-circle",
43
- "clicked": "pf-m-clicked",
44
44
  "disabled": "pf-m-disabled",
45
45
  "ariaDisabled": "pf-m-aria-disabled",
46
46
  "progress": "pf-m-progress",
@@ -3,6 +3,7 @@
3
3
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
4
4
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
5
5
  --pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
6
+ --pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
6
7
  --pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
7
8
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
8
9
  --pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -17,6 +18,7 @@
17
18
  --pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
18
19
  position: relative;
19
20
  background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
21
+ border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
20
22
  box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
21
23
  }
22
24
  .pf-v6-c-draggable.pf-m-dragging::after {
@@ -36,6 +38,7 @@
36
38
 
37
39
  .pf-v6-c-droppable {
38
40
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
41
+ --pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
39
42
  --pf-v6-c-droppable--before--Opacity: 0;
40
43
  --pf-v6-c-droppable--after--BorderWidth: 0;
41
44
  --pf-v6-c-droppable--after--BorderColor: transparent;
@@ -58,6 +61,7 @@
58
61
  }
59
62
  .pf-v6-c-droppable::before {
60
63
  background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
64
+ border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
61
65
  opacity: var(--pf-v6-c-droppable--before--Opacity);
62
66
  }
63
67
  .pf-v6-c-droppable::after {
@@ -14,11 +14,12 @@
14
14
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
15
15
  --pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
16
16
  --pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
17
- --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
17
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
18
18
  --pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
19
- --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
19
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
20
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
20
21
  --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));
21
- --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));
22
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
22
23
  --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23
24
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
24
25
  --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
@@ -414,8 +415,6 @@
414
415
  }
415
416
  @media (min-width: 62rem) {
416
417
  .pf-v6-c-page__dock {
417
- --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
418
- --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
419
418
  position: revert;
420
419
  inset: revert;
421
420
  visibility: revert;
@@ -443,6 +442,9 @@
443
442
  }
444
443
  @media (min-width: 62rem) {
445
444
  .pf-v6-c-page__dock-main {
445
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
446
+ --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
447
+ --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
446
448
  --pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
447
449
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
448
450
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
@@ -5,7 +5,7 @@
5
5
  --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
6
6
  --pf-v6-c-panel--BoxShadow: none;
7
7
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
8
- --pf-v6-c-panel--before--BorderWidth: 0;
8
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
9
9
  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
10
10
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
11
11
  --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
@@ -155,7 +155,7 @@
155
155
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
156
156
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
157
157
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
158
- --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
158
+ --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
159
159
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
160
160
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
161
161
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -198,16 +198,13 @@
198
198
  .pf-v6-c-table.pf-m-fixed {
199
199
  table-layout: fixed;
200
200
  }
201
- .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 {
201
+ .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 {
202
202
  opacity: 0;
203
203
  transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
204
204
  transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
205
205
  transition-property: opacity;
206
206
  }
207
- .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
208
- --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
209
- }
210
- .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 {
207
+ .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 {
211
208
  opacity: 1;
212
209
  }
213
210
  .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
@@ -218,27 +215,39 @@
218
215
  inset-block-start: 0;
219
216
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
220
217
  }
221
- .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 {
218
+ .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 {
222
219
  position: absolute;
223
220
  inset: 0;
224
221
  z-index: -1;
225
222
  pointer-events: none;
226
223
  content: "";
227
- background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
228
224
  border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
229
225
  box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
230
226
  }
231
- .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) {
232
- z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
233
- }
234
- .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 {
227
+ .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 {
235
228
  position: absolute;
236
229
  inset: 0;
237
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
230
+ z-index: -1;
238
231
  pointer-events: none;
239
232
  content: "";
233
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
240
234
  border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
241
235
  }
236
+ .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 {
237
+ border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
238
+ border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
239
+ }
240
+ .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 {
241
+ border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
242
+ border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
243
+ }
244
+ .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) {
245
+ z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
246
+ }
247
+ :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 {
248
+ --pf-v6-c-table--m-sticky-header--BorderRadius: 0;
249
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
250
+ }
242
251
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
243
252
  border-block-end: 0;
244
253
  }
@@ -949,14 +958,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
949
958
  vertical-align: bottom;
950
959
  }
951
960
  .pf-v6-c-table__thead.pf-m-nested-column-header {
961
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
952
962
  position: relative;
953
963
  }
954
- .pf-v6-c-table__thead.pf-m-nested-column-header::after {
955
- position: absolute;
956
- inset: 0;
964
+ .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
957
965
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
958
966
  pointer-events: none;
959
- content: "";
960
967
  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);
961
968
  }
962
969
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -997,7 +1004,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
997
1004
  border-block-end: 0;
998
1005
  }
999
1006
  .pf-v6-c-table__tr.pf-m-border-row {
1000
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
1007
+ height: var(--pf-v6-c-table--border-width--base);
1008
+ background-color: var(--pf-v6-c-table--BorderColor);
1001
1009
  }
1002
1010
 
1003
1011
  .pf-v6-c-table__tfoot {
@@ -8,8 +8,8 @@ declare const _default: {
8
8
  "noPlainOnGlass": "pf-m-no-plain-on-glass",
9
9
  "fixed": "pf-m-fixed",
10
10
  "stickyHeaderBase": "pf-m-sticky-header-base",
11
- "stickyHeader": "pf-m-sticky-header",
12
11
  "stickyHeaderStuck": "pf-m-sticky-header-stuck",
12
+ "stickyHeader": "pf-m-sticky-header",
13
13
  "nestedColumnHeader": "pf-m-nested-column-header",
14
14
  "stickyFooter": "pf-m-sticky-footer",
15
15
  "striped": "pf-m-striped",
@@ -10,8 +10,8 @@ exports.default = {
10
10
  "noPlainOnGlass": "pf-m-no-plain-on-glass",
11
11
  "fixed": "pf-m-fixed",
12
12
  "stickyHeaderBase": "pf-m-sticky-header-base",
13
- "stickyHeader": "pf-m-sticky-header",
14
13
  "stickyHeaderStuck": "pf-m-sticky-header-stuck",
14
+ "stickyHeader": "pf-m-sticky-header",
15
15
  "nestedColumnHeader": "pf-m-nested-column-header",
16
16
  "stickyFooter": "pf-m-sticky-footer",
17
17
  "striped": "pf-m-striped",
@@ -8,8 +8,8 @@ export default {
8
8
  "noPlainOnGlass": "pf-m-no-plain-on-glass",
9
9
  "fixed": "pf-m-fixed",
10
10
  "stickyHeaderBase": "pf-m-sticky-header-base",
11
- "stickyHeader": "pf-m-sticky-header",
12
11
  "stickyHeaderStuck": "pf-m-sticky-header-stuck",
12
+ "stickyHeader": "pf-m-sticky-header",
13
13
  "nestedColumnHeader": "pf-m-nested-column-header",
14
14
  "stickyFooter": "pf-m-sticky-footer",
15
15
  "striped": "pf-m-striped",
@@ -659,6 +659,7 @@
659
659
 
660
660
  .pf-v6-c-alert__icon {
661
661
  grid-area: icon;
662
+ align-self: baseline;
662
663
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
663
664
  font-size: var(--pf-v6-c-alert__icon--FontSize);
664
665
  color: var(--pf-v6-c-alert__icon--Color);
@@ -1456,7 +1457,9 @@ div.pf-v6-c-avatar {
1456
1457
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
1457
1458
  --pf-v6-c-banner--link--TextDecoration: underline;
1458
1459
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
1460
+ --pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
1459
1461
  --pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
1462
+ --pf-v6-c-banner--link--TextDecorationColor: currentcolor;
1460
1463
  --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
1461
1464
  --pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
1462
1465
  --pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
@@ -1565,6 +1568,7 @@ div.pf-v6-c-avatar {
1565
1568
  .pf-v6-c-banner a {
1566
1569
  color: var(--pf-v6-c-banner--link--Color);
1567
1570
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
1571
+ text-decoration-color: var(--pf-v6-c-banner--a--TextDecorationColor);
1568
1572
  }
1569
1573
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
1570
1574
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
@@ -1576,7 +1580,11 @@ div.pf-v6-c-avatar {
1576
1580
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
1577
1581
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
1578
1582
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
1583
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
1579
1584
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
1585
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
1586
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
1587
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
1580
1588
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
1581
1589
  }
1582
1590
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
@@ -1893,6 +1901,10 @@ button.pf-v6-c-breadcrumb__link {
1893
1901
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
1894
1902
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
1895
1903
  --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
1904
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
1905
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
1906
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
1907
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
1896
1908
  --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
1897
1909
  --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
1898
1910
  --pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
@@ -1907,6 +1919,8 @@ button.pf-v6-c-breadcrumb__link {
1907
1919
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
1908
1920
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
1909
1921
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
1922
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
1923
+ --pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
1910
1924
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
1911
1925
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
1912
1926
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -2279,9 +2293,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2279
2293
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
2280
2294
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
2281
2295
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
2282
- --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
2296
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
2297
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
2298
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
2299
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
2283
2300
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
2284
2301
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
2302
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
2303
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
2285
2304
  --pf-v6-c-button--BorderWidth: 0;
2286
2305
  --pf-v6-c-button--hover--BorderWidth: 0;
2287
2306
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
@@ -2294,6 +2313,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
2294
2313
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
2295
2314
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
2296
2315
  }
2316
+ .pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
2317
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
2318
+ }
2297
2319
  .pf-v6-c-button.pf-m-link.pf-m-danger {
2298
2320
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
2299
2321
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -5713,6 +5735,7 @@ ul) {
5713
5735
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
5714
5736
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
5715
5737
  --pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
5738
+ --pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
5716
5739
  --pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
5717
5740
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
5718
5741
  --pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -5727,6 +5750,7 @@ ul) {
5727
5750
  --pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
5728
5751
  position: relative;
5729
5752
  background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
5753
+ border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
5730
5754
  box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
5731
5755
  }
5732
5756
  .pf-v6-c-draggable.pf-m-dragging::after {
@@ -5746,6 +5770,7 @@ ul) {
5746
5770
 
5747
5771
  .pf-v6-c-droppable {
5748
5772
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
5773
+ --pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
5749
5774
  --pf-v6-c-droppable--before--Opacity: 0;
5750
5775
  --pf-v6-c-droppable--after--BorderWidth: 0;
5751
5776
  --pf-v6-c-droppable--after--BorderColor: transparent;
@@ -5768,6 +5793,7 @@ ul) {
5768
5793
  }
5769
5794
  .pf-v6-c-droppable::before {
5770
5795
  background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
5796
+ border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
5771
5797
  opacity: var(--pf-v6-c-droppable--before--Opacity);
5772
5798
  }
5773
5799
  .pf-v6-c-droppable::after {
@@ -13861,11 +13887,12 @@ ul.pf-v6-c-list {
13861
13887
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
13862
13888
  --pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
13863
13889
  --pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
13864
- --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
13890
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
13865
13891
  --pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
13866
- --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
13892
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
13893
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
13867
13894
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
13868
- --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
13895
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
13869
13896
  --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
13870
13897
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
13871
13898
  --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
@@ -14261,8 +14288,6 @@ ul.pf-v6-c-list {
14261
14288
  }
14262
14289
  @media (min-width: 62rem) {
14263
14290
  .pf-v6-c-page__dock {
14264
- --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
14265
- --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
14266
14291
  position: revert;
14267
14292
  inset: revert;
14268
14293
  visibility: revert;
@@ -14290,6 +14315,9 @@ ul.pf-v6-c-list {
14290
14315
  }
14291
14316
  @media (min-width: 62rem) {
14292
14317
  .pf-v6-c-page__dock-main {
14318
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
14319
+ --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
14320
+ --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
14293
14321
  --pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
14294
14322
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
14295
14323
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
@@ -15423,7 +15451,7 @@ ul.pf-v6-c-list {
15423
15451
  --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
15424
15452
  --pf-v6-c-panel--BoxShadow: none;
15425
15453
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
15426
- --pf-v6-c-panel--before--BorderWidth: 0;
15454
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
15427
15455
  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
15428
15456
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
15429
15457
  --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
@@ -19601,7 +19629,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19601
19629
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
19602
19630
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
19603
19631
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
19604
- --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
19632
+ --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
19605
19633
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
19606
19634
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
19607
19635
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -19644,16 +19672,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19644
19672
  .pf-v6-c-table.pf-m-fixed {
19645
19673
  table-layout: fixed;
19646
19674
  }
19647
- .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
19675
+ .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
19648
19676
  opacity: 0;
19649
19677
  transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
19650
19678
  transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
19651
19679
  transition-property: opacity;
19652
19680
  }
19653
- .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
19654
- --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
19655
- }
19656
- .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after {
19681
+ .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
19657
19682
  opacity: 1;
19658
19683
  }
19659
19684
  .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
@@ -19664,27 +19689,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
19664
19689
  inset-block-start: 0;
19665
19690
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
19666
19691
  }
19667
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before {
19692
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
19668
19693
  position: absolute;
19669
19694
  inset: 0;
19670
19695
  z-index: -1;
19671
19696
  pointer-events: none;
19672
19697
  content: "";
19673
- background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
19674
19698
  border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19675
19699
  box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
19676
19700
  }
19677
- .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) {
19678
- z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
19679
- }
19680
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
19701
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
19681
19702
  position: absolute;
19682
19703
  inset: 0;
19683
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
19704
+ z-index: -1;
19684
19705
  pointer-events: none;
19685
19706
  content: "";
19707
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
19686
19708
  border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
19687
19709
  }
19710
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after {
19711
+ border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19712
+ border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19713
+ }
19714
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after {
19715
+ border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19716
+ border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
19717
+ }
19718
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead > :where(th, td), .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead > :where(th, td) {
19719
+ z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
19720
+ }
19721
+ :where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header .pf-m-nested-column-header, :where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header-base .pf-m-nested-column-header {
19722
+ --pf-v6-c-table--m-sticky-header--BorderRadius: 0;
19723
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
19724
+ }
19688
19725
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
19689
19726
  border-block-end: 0;
19690
19727
  }
@@ -20395,14 +20432,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20395
20432
  vertical-align: bottom;
20396
20433
  }
20397
20434
  .pf-v6-c-table__thead.pf-m-nested-column-header {
20435
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
20398
20436
  position: relative;
20399
20437
  }
20400
- .pf-v6-c-table__thead.pf-m-nested-column-header::after {
20401
- position: absolute;
20402
- inset: 0;
20438
+ .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
20403
20439
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
20404
20440
  pointer-events: none;
20405
- content: "";
20406
20441
  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);
20407
20442
  }
20408
20443
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -20443,7 +20478,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
20443
20478
  border-block-end: 0;
20444
20479
  }
20445
20480
  .pf-v6-c-table__tr.pf-m-border-row {
20446
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
20481
+ height: var(--pf-v6-c-table--border-width--base);
20482
+ background-color: var(--pf-v6-c-table--BorderColor);
20447
20483
  }
20448
20484
 
20449
20485
  .pf-v6-c-table__tfoot {
@@ -418,6 +418,7 @@ declare const _default: {
418
418
  "secondary": "pf-m-secondary",
419
419
  "tertiary": "pf-m-tertiary",
420
420
  "link": "pf-m-link",
421
+ "clicked": "pf-m-clicked",
421
422
  "control": "pf-m-control",
422
423
  "noPadding": "pf-m-no-padding",
423
424
  "stateful": "pf-m-stateful",
@@ -431,7 +432,6 @@ declare const _default: {
431
432
  "expand": "pf-m-expand",
432
433
  "collapse": "pf-m-collapse",
433
434
  "circle": "pf-m-circle",
434
- "clicked": "pf-m-clicked",
435
435
  "ariaDisabled": "pf-m-aria-disabled",
436
436
  "progress": "pf-m-progress",
437
437
  "inProgress": "pf-m-in-progress",
@@ -836,8 +836,8 @@ declare const _default: {
836
836
  "grid": "pf-m-grid",
837
837
  "fitContent": "pf-m-fit-content",
838
838
  "stickyHeaderBase": "pf-m-sticky-header-base",
839
- "stickyHeader": "pf-m-sticky-header",
840
839
  "stickyHeaderStuck": "pf-m-sticky-header-stuck",
840
+ "stickyHeader": "pf-m-sticky-header",
841
841
  "nestedColumnHeader": "pf-m-nested-column-header",
842
842
  "stickyFooter": "pf-m-sticky-footer",
843
843
  "striped": "pf-m-striped",
@@ -420,6 +420,7 @@ exports.default = {
420
420
  "secondary": "pf-m-secondary",
421
421
  "tertiary": "pf-m-tertiary",
422
422
  "link": "pf-m-link",
423
+ "clicked": "pf-m-clicked",
423
424
  "control": "pf-m-control",
424
425
  "noPadding": "pf-m-no-padding",
425
426
  "stateful": "pf-m-stateful",
@@ -433,7 +434,6 @@ exports.default = {
433
434
  "expand": "pf-m-expand",
434
435
  "collapse": "pf-m-collapse",
435
436
  "circle": "pf-m-circle",
436
- "clicked": "pf-m-clicked",
437
437
  "ariaDisabled": "pf-m-aria-disabled",
438
438
  "progress": "pf-m-progress",
439
439
  "inProgress": "pf-m-in-progress",
@@ -838,8 +838,8 @@ exports.default = {
838
838
  "grid": "pf-m-grid",
839
839
  "fitContent": "pf-m-fit-content",
840
840
  "stickyHeaderBase": "pf-m-sticky-header-base",
841
- "stickyHeader": "pf-m-sticky-header",
842
841
  "stickyHeaderStuck": "pf-m-sticky-header-stuck",
842
+ "stickyHeader": "pf-m-sticky-header",
843
843
  "nestedColumnHeader": "pf-m-nested-column-header",
844
844
  "stickyFooter": "pf-m-sticky-footer",
845
845
  "striped": "pf-m-striped",
@@ -418,6 +418,7 @@ export default {
418
418
  "secondary": "pf-m-secondary",
419
419
  "tertiary": "pf-m-tertiary",
420
420
  "link": "pf-m-link",
421
+ "clicked": "pf-m-clicked",
421
422
  "control": "pf-m-control",
422
423
  "noPadding": "pf-m-no-padding",
423
424
  "stateful": "pf-m-stateful",
@@ -431,7 +432,6 @@ export default {
431
432
  "expand": "pf-m-expand",
432
433
  "collapse": "pf-m-collapse",
433
434
  "circle": "pf-m-circle",
434
- "clicked": "pf-m-clicked",
435
435
  "ariaDisabled": "pf-m-aria-disabled",
436
436
  "progress": "pf-m-progress",
437
437
  "inProgress": "pf-m-in-progress",
@@ -836,8 +836,8 @@ export default {
836
836
  "grid": "pf-m-grid",
837
837
  "fitContent": "pf-m-fit-content",
838
838
  "stickyHeaderBase": "pf-m-sticky-header-base",
839
- "stickyHeader": "pf-m-sticky-header",
840
839
  "stickyHeaderStuck": "pf-m-sticky-header-stuck",
840
+ "stickyHeader": "pf-m-sticky-header",
841
841
  "nestedColumnHeader": "pf-m-nested-column-header",
842
842
  "stickyFooter": "pf-m-sticky-footer",
843
843
  "striped": "pf-m-striped",
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@patternfly/react-styles",
3
- "version": "6.6.0-prerelease.3",
3
+ "version": "6.6.0",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,10 +19,10 @@
19
19
  "clean": "rimraf dist css"
20
20
  },
21
21
  "devDependencies": {
22
- "@patternfly/patternfly": "6.6.0-prerelease.9",
22
+ "@patternfly/patternfly": "^6.6.0",
23
23
  "change-case": "^5.4.4",
24
24
  "fs-extra": "^11.3.3"
25
25
  },
26
26
  "license": "MIT",
27
- "gitHead": "6403b82a97c1ff1ec98902e3c6f1998233f88dbd"
27
+ "gitHead": "6f2385bbcc03de22a7ae8be506481e1b4d653200"
28
28
  }