@patternfly/react-styles 6.6.0-prerelease.2 → 6.6.0-prerelease.4

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,18 @@
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-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)
7
+
8
+ ### Features
9
+
10
+ - **ver:** bump to core prerelease.16 ([#12526](https://github.com/patternfly/patternfly-react/issues/12526)) ([894e315](https://github.com/patternfly/patternfly-react/commit/894e31584110cc21c8160ee35a8a9256fa50bb59))
11
+
12
+ # [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)
13
+
14
+ ### Features
15
+
16
+ - **Avatar:** support colorful ([#12460](https://github.com/patternfly/patternfly-react/issues/12460)) ([46d9e5a](https://github.com/patternfly/patternfly-react/commit/46d9e5a6b2781600d01378d9c26e74fb954437cb))
17
+
6
18
  # [6.6.0-prerelease.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@6.5.1-prerelease.0...@patternfly/react-styles@6.6.0-prerelease.1) (2026-05-26)
7
19
 
8
20
  ### Bug Fixes
package/LICENSE ADDED
@@ -0,0 +1,21 @@
1
+ MIT License
2
+
3
+ Copyright (c) 2019 Red Hat, Inc.
4
+
5
+ Permission is hereby granted, free of charge, to any person obtaining a copy
6
+ of this software and associated documentation files (the "Software"), to deal
7
+ in the Software without restriction, including without limitation the rights
8
+ to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
+ copies of the Software, and to permit persons to whom the Software is
10
+ furnished to do so, subject to the following conditions:
11
+
12
+ The above copyright notice and this permission notice shall be included in all
13
+ copies or substantial portions of the Software.
14
+
15
+ THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
+ IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
+ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
+ AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
+ LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
+ OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
+ SOFTWARE.
@@ -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.2",
3
+ "version": "6.6.0-prerelease.4",
4
4
  "main": "dist/js/index.js",
5
5
  "module": "dist/esm/index.js",
6
6
  "types": "dist/esm/index.d.ts",
@@ -19,9 +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-prerelease.16",
23
23
  "change-case": "^5.4.4",
24
24
  "fs-extra": "^11.3.3"
25
25
  },
26
- "license": "MIT"
26
+ "license": "MIT",
27
+ "gitHead": "8edf04a73a28f6f05243f7e40cc23e50185ce9bb"
27
28
  }