@patternfly/patternfly 6.6.0-prerelease.8 → 6.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2 +0 -0
  2. package/assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2 +0 -0
  3. package/assets/fonts/RedHatMono/RedHatMonoVF-Italic.woff2 +0 -0
  4. package/assets/fonts/RedHatMono/RedHatMonoVF.woff2 +0 -0
  5. package/assets/fonts/RedHatText/RedHatTextVF-Italic.woff2 +0 -0
  6. package/assets/fonts/RedHatText/RedHatTextVF.woff2 +0 -0
  7. package/assets/images/pf-logo-avatar.jpg +0 -0
  8. package/base/patternfly-fonts.css +4 -4
  9. package/base/patternfly-fonts.scss +4 -4
  10. package/base/patternfly-variables.css +6 -6
  11. package/base/tokens/tokens-charts-dark.scss +1 -1
  12. package/base/tokens/tokens-charts-highcontrast-dark.scss +1 -1
  13. package/base/tokens/tokens-charts-highcontrast.scss +1 -1
  14. package/base/tokens/tokens-charts.scss +1 -1
  15. package/base/tokens/tokens-dark.scss +1 -1
  16. package/base/tokens/tokens-default.scss +4 -4
  17. package/base/tokens/tokens-felt-dark.scss +1 -1
  18. package/base/tokens/tokens-felt-glass-dark.scss +1 -1
  19. package/base/tokens/tokens-felt-glass.scss +1 -1
  20. package/base/tokens/tokens-felt-highcontrast-dark.scss +1 -1
  21. package/base/tokens/tokens-felt-highcontrast.scss +1 -1
  22. package/base/tokens/tokens-felt.scss +1 -1
  23. package/base/tokens/tokens-glass-dark.scss +1 -1
  24. package/base/tokens/tokens-glass.scss +1 -1
  25. package/base/tokens/tokens-highcontrast-dark.scss +1 -1
  26. package/base/tokens/tokens-highcontrast.scss +4 -4
  27. package/base/tokens/tokens-palette.scss +1 -1
  28. package/base/tokens/tokens-redhat-highcontrast.scss +3 -3
  29. package/components/Alert/alert.css +1 -0
  30. package/components/Alert/alert.scss +1 -0
  31. package/components/Avatar/avatar.css +54 -51
  32. package/components/Avatar/avatar.scss +82 -81
  33. package/components/Banner/banner.css +7 -0
  34. package/components/Banner/banner.scss +7 -0
  35. package/components/Button/button.css +15 -1
  36. package/components/Button/button.scss +17 -1
  37. package/components/DragDrop/drag-drop.css +4 -0
  38. package/components/DragDrop/drag-drop.scss +4 -0
  39. package/components/Page/page.css +7 -5
  40. package/components/Page/page.scss +9 -8
  41. package/components/Panel/panel.css +1 -1
  42. package/components/Panel/panel.scss +2 -2
  43. package/components/Table/table.css +26 -18
  44. package/components/Table/table.scss +37 -27
  45. package/components/_index.css +115 -76
  46. package/docs/components/Avatar/examples/Avatar.css +6 -0
  47. package/docs/components/Avatar/examples/Avatar.md +182 -121
  48. package/docs/components/DualListSelector/examples/DualListSelector.md +72 -72
  49. package/docs/components/MenuToggle/examples/MenuToggle.md +54 -15
  50. package/docs/components/Pagination/examples/Pagination.md +120 -120
  51. package/docs/components/Table/examples/Table.md +7 -0
  52. package/docs/components/Toolbar/examples/Toolbar.md +16 -16
  53. package/docs/demos/CardView/examples/CardView.md +12 -12
  54. package/docs/demos/Compass/examples/Compass.md +91 -35
  55. package/docs/demos/Dashboard/examples/Dashboard.md +27 -30
  56. package/docs/demos/DataList/examples/DataList.md +48 -48
  57. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +20 -20
  58. package/docs/demos/Table/examples/Table.md +160 -160
  59. package/docs/demos/Toolbar/examples/Toolbar.md +36 -36
  60. package/package.json +2 -2
  61. package/patternfly-base-no-globals.css +10 -10
  62. package/patternfly-base.css +10 -10
  63. package/patternfly-no-globals.css +125 -86
  64. package/patternfly.css +125 -86
  65. package/patternfly.min.css +1 -1
  66. package/patternfly.min.css.map +1 -1
@@ -144,28 +144,28 @@
144
144
  @font-face {
145
145
  font-family: "Red Hat Text";
146
146
  font-style: normal;
147
- font-weight: 400 500;
147
+ font-weight: 400 600;
148
148
  src: url("./assets/fonts/RedHatText/RedHatTextVF.woff2") format("woff2-variations");
149
149
  font-display: fallback;
150
150
  }
151
151
  @font-face {
152
152
  font-family: "Red Hat Text";
153
153
  font-style: italic;
154
- font-weight: 400 500;
154
+ font-weight: 400 600;
155
155
  src: url("./assets/fonts/RedHatText/RedHatTextVF-Italic.woff2") format("woff2-variations");
156
156
  font-display: fallback;
157
157
  }
158
158
  @font-face {
159
159
  font-family: "Red Hat Display";
160
160
  font-style: normal;
161
- font-weight: 400 700;
161
+ font-weight: 600 800;
162
162
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF.woff2") format("woff2-variations");
163
163
  font-display: fallback;
164
164
  }
165
165
  @font-face {
166
166
  font-family: "Red Hat Display";
167
167
  font-style: italic;
168
- font-weight: 400 700;
168
+ font-weight: 600 800;
169
169
  src: url("./assets/fonts/RedHatDisplay/RedHatDisplayVF-Italic.woff2") format("woff2-variations");
170
170
  font-display: fallback;
171
171
  }
@@ -6489,9 +6489,9 @@
6489
6489
  --pf-t--global--font--size--700: 1.75rem;
6490
6490
  --pf-t--global--font--size--800: 2.25rem;
6491
6491
  --pf-t--global--font--weight--100: 400;
6492
- --pf-t--global--font--weight--200: 500;
6493
- --pf-t--global--font--weight--300: 500;
6494
- --pf-t--global--font--weight--400: 700;
6492
+ --pf-t--global--font--weight--200: 600;
6493
+ --pf-t--global--font--weight--300: 600;
6494
+ --pf-t--global--font--weight--400: 800;
6495
6495
  --pf-t--global--icon--size--100: 0.75rem;
6496
6496
  --pf-t--global--icon--size--200: 0.875rem;
6497
6497
  --pf-t--global--icon--size--250: 1rem;
@@ -7389,9 +7389,9 @@
7389
7389
  --pf-t--global--font--size--700: 1.75rem;
7390
7390
  --pf-t--global--font--size--800: 2.25rem;
7391
7391
  --pf-t--global--font--weight--100: 400;
7392
- --pf-t--global--font--weight--200: 500;
7393
- --pf-t--global--font--weight--300: 500;
7394
- --pf-t--global--font--weight--400: 700;
7392
+ --pf-t--global--font--weight--200: 600;
7393
+ --pf-t--global--font--weight--300: 600;
7394
+ --pf-t--global--font--weight--400: 800;
7395
7395
  --pf-t--global--icon--size--100: 0.75rem;
7396
7396
  --pf-t--global--icon--size--200: 0.875rem;
7397
7397
  --pf-t--global--icon--size--250: 1rem;
@@ -9915,6 +9915,7 @@
9915
9915
 
9916
9916
  .pf-v6-c-alert__icon {
9917
9917
  grid-area: icon;
9918
+ align-self: baseline;
9918
9919
  margin-inline-end: var(--pf-v6-c-alert__icon--MarginInlineEnd);
9919
9920
  font-size: var(--pf-v6-c-alert__icon--FontSize);
9920
9921
  color: var(--pf-v6-c-alert__icon--Color);
@@ -10144,19 +10145,19 @@
10144
10145
  --pf-v6-c-avatar--BorderRadius: var(--pf-t--global--border--radius--pill);
10145
10146
  --pf-v6-c-avatar--Width: 2.25rem;
10146
10147
  --pf-v6-c-avatar--Height: 2.25rem;
10147
- --pf-v6-c-avatar--FontSize: 2.25rem;
10148
+ --pf-v6-c-avatar--FontSize: calc(2.25rem / 1.414);
10148
10149
  --pf-v6-c-avatar--m-sm--Width: 1.5rem;
10149
10150
  --pf-v6-c-avatar--m-sm--Height: 1.5rem;
10150
- --pf-v6-c-avatar--m-sm--FontSize: 1.5rem;
10151
+ --pf-v6-c-avatar--m-sm--FontSize: calc(1.5rem / 1.414);
10151
10152
  --pf-v6-c-avatar--m-md--Width: 2.25rem;
10152
10153
  --pf-v6-c-avatar--m-md--Height: 2.25rem;
10153
- --pf-v6-c-avatar--m-md--FontSize: 2.25rem;
10154
+ --pf-v6-c-avatar--m-md--FontSize: calc(2.25rem / 1.414);
10154
10155
  --pf-v6-c-avatar--m-lg--Width: 4.5rem;
10155
10156
  --pf-v6-c-avatar--m-lg--Height: 4.5rem;
10156
- --pf-v6-c-avatar--m-lg--FontSize: 4.5rem;
10157
+ --pf-v6-c-avatar--m-lg--FontSize: calc(4.5rem / 1.414);
10157
10158
  --pf-v6-c-avatar--m-xl--Width: 8rem;
10158
10159
  --pf-v6-c-avatar--m-xl--Height: 8rem;
10159
- --pf-v6-c-avatar--m-xl--FontSize: 8rem;
10160
+ --pf-v6-c-avatar--m-xl--FontSize: calc(8rem / 1.414);
10160
10161
  --pf-v6-c-avatar--m-bordered--BorderColor: var(--pf-t--global--border--color--default);
10161
10162
  --pf-v6-c-avatar--m-bordered--BorderWidth: var(--pf-t--global--border--width--box--default);
10162
10163
  --pf-v6-c-avatar--m-colorful--BorderWidth: var(--pf-t--global--border--width--box--default);
@@ -10212,9 +10213,19 @@
10212
10213
  width: var(--pf-v6-c-avatar--Width);
10213
10214
  height: var(--pf-v6-c-avatar--Height);
10214
10215
  font-size: var(--pf-v6-c-avatar--FontSize);
10216
+ color: var(--pf-v6-c-avatar--Color, inherit);
10217
+ background-color: var(--pf-v6-c-avatar--BackgroundColor, transparent);
10215
10218
  border: var(--pf-v6-c-avatar--BorderWidth) solid var(--pf-v6-c-avatar--BorderColor);
10216
10219
  border-radius: var(--pf-v6-c-avatar--BorderRadius);
10217
10220
  }
10221
+ div.pf-v6-c-avatar {
10222
+ display: inline-flex;
10223
+ align-items: center;
10224
+ justify-content: center;
10225
+ overflow: clip;
10226
+ vertical-align: middle;
10227
+ }
10228
+
10218
10229
  .pf-v6-c-avatar.pf-m-bordered {
10219
10230
  --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-bordered--BorderColor);
10220
10231
  --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-bordered--BorderWidth);
@@ -10462,70 +10473,63 @@
10462
10473
  }
10463
10474
  .pf-v6-c-avatar.pf-m-colorful {
10464
10475
  --pf-v6-c-avatar--BorderWidth: var(--pf-v6-c-avatar--m-colorful--BorderWidth);
10465
- display: inline-flex;
10466
- align-items: center;
10467
- justify-content: center;
10468
- overflow: clip;
10469
- vertical-align: middle;
10470
- color: var(--pf-v6-c-avatar--m-colorful--Color, inherit);
10471
- background-color: var(--pf-v6-c-avatar--m-colorful--BackgroundColor, transparent);
10472
- border-color: var(--pf-v6-c-avatar--m-colorful--BorderColor, transparent);
10473
- }
10474
- .pf-v6-c-avatar.pf-m-colorful.pf-m-red {
10475
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
10476
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-red--Color);
10477
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
10476
+ }
10477
+ .pf-v6-c-avatar.pf-m-red {
10478
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-red--BackgroundColor);
10479
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-red--Color);
10480
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-red--BorderColor);
10478
10481
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-red__initials--Color);
10479
10482
  }
10480
- .pf-v6-c-avatar.pf-m-colorful.pf-m-orangered {
10481
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
10482
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-orangered--Color);
10483
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
10483
+ .pf-v6-c-avatar.pf-m-orangered {
10484
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orangered--BackgroundColor);
10485
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orangered--Color);
10486
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orangered--BorderColor);
10484
10487
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orangered__initials--Color);
10485
10488
  }
10486
- .pf-v6-c-avatar.pf-m-colorful.pf-m-orange {
10487
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
10488
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-orange--Color);
10489
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
10489
+ .pf-v6-c-avatar.pf-m-orange {
10490
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-orange--BackgroundColor);
10491
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-orange--Color);
10492
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-orange--BorderColor);
10490
10493
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-orange__initials--Color);
10491
10494
  }
10492
- .pf-v6-c-avatar.pf-m-colorful.pf-m-yellow {
10493
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
10494
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-yellow--Color);
10495
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
10495
+ .pf-v6-c-avatar.pf-m-yellow {
10496
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-yellow--BackgroundColor);
10497
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-yellow--Color);
10498
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-yellow--BorderColor);
10496
10499
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-yellow__initials--Color);
10497
10500
  }
10498
- .pf-v6-c-avatar.pf-m-colorful.pf-m-green {
10499
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
10500
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-green--Color);
10501
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
10501
+ .pf-v6-c-avatar.pf-m-green {
10502
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-green--BackgroundColor);
10503
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-green--Color);
10504
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-green--BorderColor);
10502
10505
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-green__initials--Color);
10503
10506
  }
10504
- .pf-v6-c-avatar.pf-m-colorful.pf-m-teal {
10505
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
10506
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-teal--Color);
10507
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
10507
+ .pf-v6-c-avatar.pf-m-teal {
10508
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-teal--BackgroundColor);
10509
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-teal--Color);
10510
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-teal--BorderColor);
10508
10511
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-teal__initials--Color);
10509
10512
  }
10510
- .pf-v6-c-avatar.pf-m-colorful.pf-m-blue {
10511
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
10512
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-blue--Color);
10513
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
10513
+ .pf-v6-c-avatar.pf-m-blue {
10514
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-blue--BackgroundColor);
10515
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-blue--Color);
10516
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-blue--BorderColor);
10514
10517
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-blue__initials--Color);
10515
10518
  }
10516
- .pf-v6-c-avatar.pf-m-colorful.pf-m-purple {
10517
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
10518
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-purple--Color);
10519
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
10519
+ .pf-v6-c-avatar.pf-m-purple {
10520
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-purple--BackgroundColor);
10521
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-purple--Color);
10522
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-purple--BorderColor);
10520
10523
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-purple__initials--Color);
10521
10524
  }
10522
- .pf-v6-c-avatar.pf-m-colorful.pf-m-gray {
10523
- --pf-v6-c-avatar--m-colorful--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
10524
- --pf-v6-c-avatar--m-colorful--Color: var(--pf-v6-c-avatar--m-gray--Color);
10525
- --pf-v6-c-avatar--m-colorful--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
10525
+ .pf-v6-c-avatar.pf-m-gray {
10526
+ --pf-v6-c-avatar--BackgroundColor: var(--pf-v6-c-avatar--m-gray--BackgroundColor);
10527
+ --pf-v6-c-avatar--Color: var(--pf-v6-c-avatar--m-gray--Color);
10528
+ --pf-v6-c-avatar--BorderColor: var(--pf-v6-c-avatar--m-gray--BorderColor);
10526
10529
  --pf-v6-c-avatar__initials--Color: var(--pf-v6-c-avatar--m-gray__initials--Color);
10527
10530
  }
10528
- .pf-v6-c-avatar .pf-v6-c-avatar__initials {
10531
+
10532
+ .pf-v6-c-avatar__initials {
10529
10533
  font-family: var(--pf-v6-c-avatar__initials--FontFamily, revert);
10530
10534
  font-size: var(--pf-v6-c-avatar__initials--FontSize);
10531
10535
  font-weight: var(--pf-v6-c-avatar__initials--FontWeight);
@@ -10709,7 +10713,9 @@
10709
10713
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
10710
10714
  --pf-v6-c-banner--link--TextDecoration: underline;
10711
10715
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
10716
+ --pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
10712
10717
  --pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
10718
+ --pf-v6-c-banner--link--TextDecorationColor: currentcolor;
10713
10719
  --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
10714
10720
  --pf-v6-c-banner--m-sticky--BoxShadow: var(--pf-t--global--box-shadow--md);
10715
10721
  --pf-v6-c-banner--m-danger--BackgroundColor: var(--pf-t--global--color--status--danger--default);
@@ -10818,6 +10824,7 @@
10818
10824
  .pf-v6-c-banner a {
10819
10825
  color: var(--pf-v6-c-banner--link--Color);
10820
10826
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
10827
+ text-decoration-color: var(--pf-v6-c-banner--a--TextDecorationColor);
10821
10828
  }
10822
10829
  .pf-v6-c-banner a:hover:not(.pf-m-disabled) {
10823
10830
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--link--hover--Color);
@@ -10829,7 +10836,11 @@
10829
10836
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
10830
10837
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
10831
10838
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
10839
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
10832
10840
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
10841
+ --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10842
+ --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10843
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10833
10844
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
10834
10845
  }
10835
10846
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
@@ -11146,6 +11157,10 @@ button.pf-v6-c-breadcrumb__link {
11146
11157
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11147
11158
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11148
11159
  --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11160
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
11161
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11162
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11163
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11149
11164
  --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
11150
11165
  --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
11151
11166
  --pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
@@ -11160,6 +11175,8 @@ button.pf-v6-c-breadcrumb__link {
11160
11175
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
11161
11176
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
11162
11177
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
11178
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
11179
+ --pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
11163
11180
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
11164
11181
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
11165
11182
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -11532,9 +11549,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11532
11549
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11533
11550
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
11534
11551
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
11535
- --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11552
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
11553
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
11554
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
11555
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11536
11556
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
11537
11557
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
11558
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
11559
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
11538
11560
  --pf-v6-c-button--BorderWidth: 0;
11539
11561
  --pf-v6-c-button--hover--BorderWidth: 0;
11540
11562
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
@@ -11547,6 +11569,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11547
11569
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11548
11570
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
11549
11571
  }
11572
+ .pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
11573
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11574
+ }
11550
11575
  .pf-v6-c-button.pf-m-link.pf-m-danger {
11551
11576
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
11552
11577
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -14966,6 +14991,7 @@ ul) {
14966
14991
  --pf-v6-c-draggable--m-dragging--Cursor: grabbing;
14967
14992
  --pf-v6-c-draggable--m-dragging--BoxShadow: var(--pf-t--global--box-shadow--md);
14968
14993
  --pf-v6-c-draggable--m-dragging--BackgroundColor: transparent;
14994
+ --pf-v6-c-draggable--m-dragging--BorderRadius: var(--pf-t--global--border--radius--small);
14969
14995
  --pf-v6-c-draggable--m-dragging--after--BorderWidth: var(--pf-t--global--border--width--regular);
14970
14996
  --pf-v6-c-draggable--m-dragging--after--BorderColor: var(--pf-t--global--border--color--brand--default);
14971
14997
  --pf-v6-c-draggable--m-dragging--after--BorderRadius: var(--pf-t--global--border--radius--small);
@@ -14980,6 +15006,7 @@ ul) {
14980
15006
  --pf-v6-c-draggable--Cursor: var(--pf-v6-c-draggable--m-dragging--Cursor);
14981
15007
  position: relative;
14982
15008
  background-color: var(--pf-v6-c-draggable--m-dragging--BackgroundColor);
15009
+ border-radius: var(--pf-v6-c-draggable--m-dragging--BorderRadius);
14983
15010
  box-shadow: var(--pf-v6-c-draggable--m-dragging--BoxShadow);
14984
15011
  }
14985
15012
  .pf-v6-c-draggable.pf-m-dragging::after {
@@ -14999,6 +15026,7 @@ ul) {
14999
15026
 
15000
15027
  .pf-v6-c-droppable {
15001
15028
  --pf-v6-c-droppable--before--BackgroundColor: transparent;
15029
+ --pf-v6-c-droppable--before--BorderRadius: var(--pf-t--global--border--radius--small);
15002
15030
  --pf-v6-c-droppable--before--Opacity: 0;
15003
15031
  --pf-v6-c-droppable--after--BorderWidth: 0;
15004
15032
  --pf-v6-c-droppable--after--BorderColor: transparent;
@@ -15021,6 +15049,7 @@ ul) {
15021
15049
  }
15022
15050
  .pf-v6-c-droppable::before {
15023
15051
  background-color: var(--pf-v6-c-droppable--before--BackgroundColor);
15052
+ border-radius: var(--pf-v6-c-droppable--before--BorderRadius);
15024
15053
  opacity: var(--pf-v6-c-droppable--before--Opacity);
15025
15054
  }
15026
15055
  .pf-v6-c-droppable::after {
@@ -23114,11 +23143,12 @@ ul.pf-v6-c-list {
23114
23143
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-t--global--box-shadow--sm--right);
23115
23144
  --pf-v6-c-page__dock-main--desktop--BoxShadow: var(--pf-t--global--box-shadow--glass--default, none);
23116
23145
  --pf-v6-c-page__dock-main--BackdropFilter: var(--pf-t--global--background--filter--glass--blur--primary, revert);
23117
- --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, 0);
23146
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: 0;
23118
23147
  --pf-v6-c-page__dock-main--BorderInlineEndColor: transparent;
23119
- --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, transparent);
23148
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth: var(--pf-t--global--border--width--regular);
23149
+ --pf-v6-c-page__dock-main--desktop--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
23120
23150
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-t--global--border--width--glass--default, var(--pf-t--global--border--width--regular));
23121
- --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: var(--pf-t--global--border--color--glass--default, var(--pf-t--global--border--color--subtle));
23151
+ --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndColor: transparent;
23122
23152
  --pf-v6-c-page--m-dock__main-container--MaxHeight: calc(100% - var(--pf-t--global--spacer--inset--page-chrome) * 2);
23123
23153
  --pf-v6-c-page--m-dock__main-container--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
23124
23154
  --pf-v6-c-page--m-dock__main-container--desktop--MarginBlockStart: var(--pf-t--global--spacer--inset--page-chrome);
@@ -23514,8 +23544,6 @@ ul.pf-v6-c-list {
23514
23544
  }
23515
23545
  @media (min-width: 62rem) {
23516
23546
  .pf-v6-c-page__dock {
23517
- --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
23518
- --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23519
23547
  position: revert;
23520
23548
  inset: revert;
23521
23549
  visibility: revert;
@@ -23543,6 +23571,9 @@ ul.pf-v6-c-list {
23543
23571
  }
23544
23572
  @media (min-width: 62rem) {
23545
23573
  .pf-v6-c-page__dock-main {
23574
+ --pf-v6-c-page__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndWidth);
23575
+ --pf-v6-c-page__dock-main--BackgroundColor: var(--pf-v6-c-page__dock-main--desktop--BackgroundColor);
23576
+ --pf-v6-c-page__dock-main--BorderInlineEndColor: var(--pf-v6-c-page__dock-main--desktop--BorderInlineEndColor);
23546
23577
  --pf-v6-c-page__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23547
23578
  --pf-v6-c-page__dock--m-expanded__dock-main--BoxShadow: var(--pf-v6-c-page__dock-main--desktop--BoxShadow);
23548
23579
  --pf-v6-c-page__dock--m-expanded__dock-main--BorderInlineEndWidth: var(--pf-v6-c-page__dock-main--BorderInlineEndWidth);
@@ -24676,7 +24707,7 @@ ul.pf-v6-c-list {
24676
24707
  --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
24677
24708
  --pf-v6-c-panel--BoxShadow: none;
24678
24709
  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--medium);
24679
- --pf-v6-c-panel--before--BorderWidth: 0;
24710
+ --pf-v6-c-panel--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
24680
24711
  --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--high-contrast);
24681
24712
  --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
24682
24713
  --pf-v6-c-panel--m-secondary--before--BorderWidth: var(--pf-t--global--border--width--high-contrast--regular);
@@ -28854,7 +28885,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28854
28885
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28855
28886
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
28856
28887
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
28857
- --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: calc(var(--pf-t--global--z-index--xs) + 2);
28888
+ --pf-v6-c-table__thead--m-nested-column-header--after--ZIndex: initial;
28858
28889
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28859
28890
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
28860
28891
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -28897,16 +28928,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28897
28928
  .pf-v6-c-table.pf-m-fixed {
28898
28929
  table-layout: fixed;
28899
28930
  }
28900
- .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
28931
+ .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
28901
28932
  opacity: 0;
28902
28933
  transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
28903
28934
  transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
28904
28935
  transition-property: opacity;
28905
28936
  }
28906
- .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
28907
- --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
28908
- }
28909
- .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after {
28937
+ .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-stuck > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
28910
28938
  opacity: 1;
28911
28939
  }
28912
28940
  .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
@@ -28917,27 +28945,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28917
28945
  inset-block-start: 0;
28918
28946
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
28919
28947
  }
28920
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::before, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::before {
28948
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
28921
28949
  position: absolute;
28922
28950
  inset: 0;
28923
28951
  z-index: -1;
28924
28952
  pointer-events: none;
28925
28953
  content: "";
28926
- background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28927
28954
  border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28928
28955
  box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
28929
28956
  }
28930
- .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) {
28931
- z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
28932
- }
28933
- .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead::after {
28957
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th::after {
28934
28958
  position: absolute;
28935
28959
  inset: 0;
28936
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
28960
+ z-index: -1;
28937
28961
  pointer-events: none;
28938
28962
  content: "";
28963
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28939
28964
  border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
28940
28965
  }
28966
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:first-child::after {
28967
+ border-start-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28968
+ border-end-start-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28969
+ }
28970
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after, .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead .pf-v6-c-table__th:last-child::after {
28971
+ border-start-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28972
+ border-end-end-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28973
+ }
28974
+ .pf-v6-c-table.pf-m-sticky-header > .pf-v6-c-table__thead > :where(th, td), .pf-v6-c-table.pf-m-sticky-header-base > .pf-v6-c-table__thead > :where(th, td) {
28975
+ z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
28976
+ }
28977
+ :where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header .pf-m-nested-column-header, :where(.pf-v6-theme-glass) .pf-v6-c-table.pf-m-sticky-header-base .pf-m-nested-column-header {
28978
+ --pf-v6-c-table--m-sticky-header--BorderRadius: 0;
28979
+ --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
28980
+ }
28941
28981
  .pf-v6-c-table:not(.pf-m-sticky-header) > .pf-m-nested-column-header tr:where(.pf-v6-c-table__tr):not(:last-child) {
28942
28982
  border-block-end: 0;
28943
28983
  }
@@ -29648,14 +29688,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29648
29688
  vertical-align: bottom;
29649
29689
  }
29650
29690
  .pf-v6-c-table__thead.pf-m-nested-column-header {
29691
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
29651
29692
  position: relative;
29652
29693
  }
29653
- .pf-v6-c-table__thead.pf-m-nested-column-header::after {
29654
- position: absolute;
29655
- inset: 0;
29694
+ .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__tr:last-child:not(.pf-m-border-row) {
29656
29695
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
29657
29696
  pointer-events: none;
29658
- content: "";
29659
29697
  border-block-end: var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth) solid var(--pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor);
29660
29698
  }
29661
29699
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -29696,7 +29734,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29696
29734
  border-block-end: 0;
29697
29735
  }
29698
29736
  .pf-v6-c-table__tr.pf-m-border-row {
29699
- border-block-end: var(--pf-v6-c-table--border-width--base) solid var(--pf-v6-c-table--BorderColor);
29737
+ height: var(--pf-v6-c-table--border-width--base);
29738
+ background-color: var(--pf-v6-c-table--BorderColor);
29700
29739
  }
29701
29740
 
29702
29741
  .pf-v6-c-table__tfoot {