@patternfly/patternfly 6.6.0-prerelease.14 → 6.6.0-prerelease.16

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 (22) hide show
  1. package/components/Banner/banner.css +3 -0
  2. package/components/Banner/banner.scss +4 -1
  3. package/components/Button/button.css +15 -1
  4. package/components/Button/button.scss +17 -1
  5. package/components/Table/table.css +26 -18
  6. package/components/Table/table.scss +37 -27
  7. package/components/_index.css +44 -19
  8. package/docs/components/DualListSelector/examples/DualListSelector.md +72 -72
  9. package/docs/components/Pagination/examples/Pagination.md +120 -120
  10. package/docs/components/Table/examples/Table.md +7 -0
  11. package/docs/components/Toolbar/examples/Toolbar.md +16 -16
  12. package/docs/demos/CardView/examples/CardView.md +12 -12
  13. package/docs/demos/Compass/examples/Compass.md +16 -16
  14. package/docs/demos/DataList/examples/DataList.md +48 -48
  15. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +20 -20
  16. package/docs/demos/Table/examples/Table.md +160 -160
  17. package/docs/demos/Toolbar/examples/Toolbar.md +36 -36
  18. package/package.json +1 -1
  19. package/patternfly-no-globals.css +44 -19
  20. package/patternfly.css +44 -19
  21. package/patternfly.min.css +1 -1
  22. package/patternfly.min.css.map +1 -1
package/docs/demos/Toolbar/examples/Toolbar.md CHANGED
@@ -190,14 +190,14 @@ section: components
190
190
  <svg
191
191
  class="pf-v6-svg"
192
192
  fill="currentColor"
193
- viewBox="0 0 256 512"
193
+ viewBox="0 0 20 20"
194
194
  aria-hidden="true"
195
195
  role="img"
196
196
  width="1em"
197
197
  height="1em"
198
198
  >
199
199
  <path
200
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
200
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
201
201
  />
202
202
  </svg>
203
203
  </span>
@@ -213,14 +213,14 @@ section: components
213
213
  <svg
214
214
  class="pf-v6-svg"
215
215
  fill="currentColor"
216
- viewBox="0 0 256 512"
216
+ viewBox="0 0 20 20"
217
217
  aria-hidden="true"
218
218
  role="img"
219
219
  width="1em"
220
220
  height="1em"
221
221
  >
222
222
  <path
223
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
223
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
224
224
  />
225
225
  </svg>
226
226
  </span>
@@ -1791,14 +1791,14 @@ section: components
1791
1791
  <svg
1792
1792
  class="pf-v6-svg"
1793
1793
  fill="currentColor"
1794
- viewBox="0 0 256 512"
1794
+ viewBox="0 0 20 20"
1795
1795
  aria-hidden="true"
1796
1796
  role="img"
1797
1797
  width="1em"
1798
1798
  height="1em"
1799
1799
  >
1800
1800
  <path
1801
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
1801
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
1802
1802
  />
1803
1803
  </svg>
1804
1804
  </span>
@@ -1814,14 +1814,14 @@ section: components
1814
1814
  <svg
1815
1815
  class="pf-v6-svg"
1816
1816
  fill="currentColor"
1817
- viewBox="0 0 256 512"
1817
+ viewBox="0 0 20 20"
1818
1818
  aria-hidden="true"
1819
1819
  role="img"
1820
1820
  width="1em"
1821
1821
  height="1em"
1822
1822
  >
1823
1823
  <path
1824
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
1824
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
1825
1825
  />
1826
1826
  </svg>
1827
1827
  </span>
@@ -2057,14 +2057,14 @@ section: components
2057
2057
  <svg
2058
2058
  class="pf-v6-svg"
2059
2059
  fill="currentColor"
2060
- viewBox="0 0 256 512"
2060
+ viewBox="0 0 20 20"
2061
2061
  aria-hidden="true"
2062
2062
  role="img"
2063
2063
  width="1em"
2064
2064
  height="1em"
2065
2065
  >
2066
2066
  <path
2067
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2067
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
2068
2068
  />
2069
2069
  </svg>
2070
2070
  </span>
@@ -2080,14 +2080,14 @@ section: components
2080
2080
  <svg
2081
2081
  class="pf-v6-svg"
2082
2082
  fill="currentColor"
2083
- viewBox="0 0 256 512"
2083
+ viewBox="0 0 20 20"
2084
2084
  aria-hidden="true"
2085
2085
  role="img"
2086
2086
  width="1em"
2087
2087
  height="1em"
2088
2088
  >
2089
2089
  <path
2090
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2090
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2091
2091
  />
2092
2092
  </svg>
2093
2093
  </span>
@@ -2337,14 +2337,14 @@ section: components
2337
2337
  <svg
2338
2338
  class="pf-v6-svg"
2339
2339
  fill="currentColor"
2340
- viewBox="0 0 256 512"
2340
+ viewBox="0 0 20 20"
2341
2341
  aria-hidden="true"
2342
2342
  role="img"
2343
2343
  width="1em"
2344
2344
  height="1em"
2345
2345
  >
2346
2346
  <path
2347
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2347
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
2348
2348
  />
2349
2349
  </svg>
2350
2350
  </span>
@@ -2360,14 +2360,14 @@ section: components
2360
2360
  <svg
2361
2361
  class="pf-v6-svg"
2362
2362
  fill="currentColor"
2363
- viewBox="0 0 256 512"
2363
+ viewBox="0 0 20 20"
2364
2364
  aria-hidden="true"
2365
2365
  role="img"
2366
2366
  width="1em"
2367
2367
  height="1em"
2368
2368
  >
2369
2369
  <path
2370
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2370
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2371
2371
  />
2372
2372
  </svg>
2373
2373
  </span>
@@ -2606,14 +2606,14 @@ section: components
2606
2606
  <svg
2607
2607
  class="pf-v6-svg"
2608
2608
  fill="currentColor"
2609
- viewBox="0 0 256 512"
2609
+ viewBox="0 0 20 20"
2610
2610
  aria-hidden="true"
2611
2611
  role="img"
2612
2612
  width="1em"
2613
2613
  height="1em"
2614
2614
  >
2615
2615
  <path
2616
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
2616
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
2617
2617
  />
2618
2618
  </svg>
2619
2619
  </span>
@@ -2629,14 +2629,14 @@ section: components
2629
2629
  <svg
2630
2630
  class="pf-v6-svg"
2631
2631
  fill="currentColor"
2632
- viewBox="0 0 256 512"
2632
+ viewBox="0 0 20 20"
2633
2633
  aria-hidden="true"
2634
2634
  role="img"
2635
2635
  width="1em"
2636
2636
  height="1em"
2637
2637
  >
2638
2638
  <path
2639
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
2639
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
2640
2640
  />
2641
2641
  </svg>
2642
2642
  </span>
@@ -3162,14 +3162,14 @@ section: components
3162
3162
  <svg
3163
3163
  class="pf-v6-svg"
3164
3164
  fill="currentColor"
3165
- viewBox="0 0 256 512"
3165
+ viewBox="0 0 20 20"
3166
3166
  aria-hidden="true"
3167
3167
  role="img"
3168
3168
  width="1em"
3169
3169
  height="1em"
3170
3170
  >
3171
3171
  <path
3172
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
3172
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
3173
3173
  />
3174
3174
  </svg>
3175
3175
  </span>
@@ -3185,14 +3185,14 @@ section: components
3185
3185
  <svg
3186
3186
  class="pf-v6-svg"
3187
3187
  fill="currentColor"
3188
- viewBox="0 0 256 512"
3188
+ viewBox="0 0 20 20"
3189
3189
  aria-hidden="true"
3190
3190
  role="img"
3191
3191
  width="1em"
3192
3192
  height="1em"
3193
3193
  >
3194
3194
  <path
3195
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
3195
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
3196
3196
  />
3197
3197
  </svg>
3198
3198
  </span>
@@ -4095,14 +4095,14 @@ section: components
4095
4095
  <svg
4096
4096
  class="pf-v6-svg"
4097
4097
  fill="currentColor"
4098
- viewBox="0 0 256 512"
4098
+ viewBox="0 0 20 20"
4099
4099
  aria-hidden="true"
4100
4100
  role="img"
4101
4101
  width="1em"
4102
4102
  height="1em"
4103
4103
  >
4104
4104
  <path
4105
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
4105
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
4106
4106
  />
4107
4107
  </svg>
4108
4108
  </span>
@@ -4118,14 +4118,14 @@ section: components
4118
4118
  <svg
4119
4119
  class="pf-v6-svg"
4120
4120
  fill="currentColor"
4121
- viewBox="0 0 256 512"
4121
+ viewBox="0 0 20 20"
4122
4122
  aria-hidden="true"
4123
4123
  role="img"
4124
4124
  width="1em"
4125
4125
  height="1em"
4126
4126
  >
4127
4127
  <path
4128
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
4128
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
4129
4129
  />
4130
4130
  </svg>
4131
4131
  </span>
@@ -4880,14 +4880,14 @@ section: components
4880
4880
  <svg
4881
4881
  class="pf-v6-svg"
4882
4882
  fill="currentColor"
4883
- viewBox="0 0 448 512"
4883
+ viewBox="0 0 20 20"
4884
4884
  aria-hidden="true"
4885
4885
  role="img"
4886
4886
  width="1em"
4887
4887
  height="1em"
4888
4888
  >
4889
4889
  <path
4890
- d="M223.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L319.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L393.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34zm-192 34l136 136c9.4 9.4 24.6 9.4 33.9 0l22.6-22.6c9.4-9.4 9.4-24.6 0-33.9L127.9 256l96.4-96.4c9.4-9.4 9.4-24.6 0-33.9L201.7 103c-9.4-9.4-24.6-9.4-33.9 0l-136 136c-9.5 9.4-9.5 24.6-.1 34z"
4890
+ d="M10 19a.997.997 0 0 1-.707-.293l-7.647-7.646c-.283-.284-.439-.66-.439-1.061s.156-.777.44-1.06l7.646-7.647a1 1 0 1 1 1.414 1.414L3.414 10l7.293 7.293A1 1 0 0 1 10 19Zm8.707-.293a1 1 0 0 0 0-1.414L11.414 10l7.293-7.293a1 1 0 1 0-1.414-1.414L9.646 8.939c-.283.284-.439.66-.439 1.061s.156.777.44 1.06l7.646 7.647a.997.997 0 0 0 1.414 0Z"
4891
4891
  />
4892
4892
  </svg>
4893
4893
  </span>
@@ -4904,14 +4904,14 @@ section: components
4904
4904
  <svg
4905
4905
  class="pf-v6-svg"
4906
4906
  fill="currentColor"
4907
- viewBox="0 0 256 512"
4907
+ viewBox="0 0 20 20"
4908
4908
  aria-hidden="true"
4909
4909
  role="img"
4910
4910
  width="1em"
4911
4911
  height="1em"
4912
4912
  >
4913
4913
  <path
4914
- d="M31.7 239l136-136c9.4-9.4 24.6-9.4 33.9 0l22.6 22.6c9.4 9.4 9.4 24.6 0 33.9L127.9 256l96.4 96.4c9.4 9.4 9.4 24.6 0 33.9L201.7 409c-9.4 9.4-24.6 9.4-33.9 0l-136-136c-9.5-9.4-9.5-24.6-.1-34z"
4914
+ d="m6.41 10 7.29-7.29.02-.02c.38-.4.37-1.03-.02-1.41-.4-.38-1.03-.37-1.41.02L4.64 8.95a1.49 1.49 0 0 0 0 2.12l7.65 7.65c.19.19.44.29.71.29.27 0 .52-.11.71-.29a.996.996 0 0 0 0-1.41l-7.29-7.29Z"
4915
4915
  />
4916
4916
  </svg>
4917
4917
  </span>
@@ -4939,14 +4939,14 @@ section: components
4939
4939
  <svg
4940
4940
  class="pf-v6-svg"
4941
4941
  fill="currentColor"
4942
- viewBox="0 0 256 512"
4942
+ viewBox="0 0 20 20"
4943
4943
  aria-hidden="true"
4944
4944
  role="img"
4945
4945
  width="1em"
4946
4946
  height="1em"
4947
4947
  >
4948
4948
  <path
4949
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34z"
4949
+ d="M14.35 8.94 6.71 1.29l-.02-.02c-.4-.38-1.03-.37-1.41.02-.38.4-.37 1.03.02 1.41l7.29 7.29-7.29 7.29a1.003 1.003 0 0 0 1.42 1.42l7.65-7.65c.59-.59.59-1.54 0-2.12Z"
4950
4950
  />
4951
4951
  </svg>
4952
4952
  </span>
@@ -4963,14 +4963,14 @@ section: components
4963
4963
  <svg
4964
4964
  class="pf-v6-svg"
4965
4965
  fill="currentColor"
4966
- viewBox="0 0 448 512"
4966
+ viewBox="0 0 20 20"
4967
4967
  aria-hidden="true"
4968
4968
  role="img"
4969
4969
  width="1em"
4970
4970
  height="1em"
4971
4971
  >
4972
4972
  <path
4973
- d="M224.3 273l-136 136c-9.4 9.4-24.6 9.4-33.9 0l-22.6-22.6c-9.4-9.4-9.4-24.6 0-33.9l96.4-96.4-96.4-96.4c-9.4-9.4-9.4-24.6 0-33.9L54.3 103c9.4-9.4 24.6-9.4 33.9 0l136 136c9.5 9.4 9.5 24.6.1 34zm192-34l-136-136c-9.4-9.4-24.6-9.4-33.9 0l-22.6 22.6c-9.4 9.4-9.4 24.6 0 33.9l96.4 96.4-96.4 96.4c-9.4 9.4-9.4 24.6 0 33.9l22.6 22.6c9.4 9.4 24.6 9.4 33.9 0l136-136c9.4-9.2 9.4-24.4 0-33.8z"
4973
+ d="M10 19a1 1 0 0 1-.707-1.707L16.586 10 9.293 2.707a1 1 0 1 1 1.414-1.414l7.647 7.646c.283.284.439.66.439 1.061s-.156.777-.44 1.06l-7.646 7.647A.997.997 0 0 1 10 19Zm-7.293-.293 7.647-7.646c.283-.284.439-.66.439-1.061s-.156-.777-.44-1.06L2.708 1.292a1 1 0 1 0-1.414 1.414L8.586 10l-7.293 7.293a1 1 0 1 0 1.414 1.414Z"
4974
4974
  />
4975
4975
  </svg>
4976
4976
  </span>
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@patternfly/patternfly",
3
3
  "description": "Assets, source, tooling, and content for PatternFly",
4
- "version": "6.6.0-prerelease.14",
4
+ "version": "6.6.0-prerelease.16",
5
5
  "keywords": [],
6
6
  "license": "MIT",
7
7
  "scripts": {
package/patternfly-no-globals.css CHANGED
@@ -10713,6 +10713,7 @@ div.pf-v6-c-avatar {
10713
10713
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
10714
10714
  --pf-v6-c-banner--link--TextDecoration: underline;
10715
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);
10716
10717
  --pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
10717
10718
  --pf-v6-c-banner--link--TextDecorationColor: currentcolor;
10718
10719
  --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
@@ -10835,9 +10836,11 @@ div.pf-v6-c-avatar {
10835
10836
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
10836
10837
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
10837
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);
10838
10840
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
10839
10841
  --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10840
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);
10841
10844
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
10842
10845
  }
10843
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 {
@@ -11154,6 +11157,10 @@ button.pf-v6-c-breadcrumb__link {
11154
11157
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11155
11158
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11156
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);
11157
11164
  --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
11158
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);
11159
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);
@@ -11168,6 +11175,8 @@ button.pf-v6-c-breadcrumb__link {
11168
11175
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
11169
11176
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
11170
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);
11171
11180
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
11172
11181
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
11173
11182
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -11540,9 +11549,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11540
11549
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11541
11550
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
11542
11551
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
11543
- --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);
11544
11556
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
11545
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);
11546
11560
  --pf-v6-c-button--BorderWidth: 0;
11547
11561
  --pf-v6-c-button--hover--BorderWidth: 0;
11548
11562
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
@@ -11555,6 +11569,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11555
11569
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11556
11570
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
11557
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
+ }
11558
11575
  .pf-v6-c-button.pf-m-link.pf-m-danger {
11559
11576
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
11560
11577
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -28868,7 +28885,7 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28868
28885
  --pf-v6-c-table__tbody--m-selected--OutlineOffset: calc(-1 * var(--pf-t--global--spacer--xs));
28869
28886
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: var(--pf-v6-c-table--border-width--base);
28870
28887
  --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndColor: var(--pf-v6-c-table--BorderColor);
28871
- --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;
28872
28889
  --pf-v6-c-table__thead--m-nested-column-header--button--OutlineOffset: -0.1875rem;
28873
28890
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockStart: var(--pf-t--global--spacer--xs);
28874
28891
  --pf-v6-c-table__thead--m-nested-column-header__tr--PaddingBlockEnd: var(--pf-t--global--spacer--md);
@@ -28911,16 +28928,13 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28911
28928
  .pf-v6-c-table.pf-m-fixed {
28912
28929
  table-layout: fixed;
28913
28930
  }
28914
- .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 {
28915
28932
  opacity: 0;
28916
28933
  transition-timing-function: var(--pf-v6-c-table--m-sticky-header--TransitionTimingFunction--BackgroundColor);
28917
28934
  transition-duration: var(--pf-v6-c-table--m-sticky-header--TransitionDuration--BackgroundColor);
28918
28935
  transition-property: opacity;
28919
28936
  }
28920
- .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-stuck {
28921
- --pf-v6-c-table__thead--m-nested-column-header--BorderBlockEndWidth: 0;
28922
- }
28923
- .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 {
28924
28938
  opacity: 1;
28925
28939
  }
28926
28940
  .pf-v6-c-table.pf-m-sticky-header, .pf-v6-c-table.pf-m-sticky-header-base {
@@ -28931,27 +28945,39 @@ label.pf-v6-c-radio, .pf-v6-c-radio__label,
28931
28945
  inset-block-start: 0;
28932
28946
  z-index: var(--pf-v6-c-table--m-sticky-header--ZIndex);
28933
28947
  }
28934
- .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 {
28935
28949
  position: absolute;
28936
28950
  inset: 0;
28937
28951
  z-index: -1;
28938
28952
  pointer-events: none;
28939
28953
  content: "";
28940
- background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28941
28954
  border-radius: var(--pf-v6-c-table--m-sticky-header--BorderRadius);
28942
28955
  box-shadow: var(--pf-v6-c-table--m-sticky-header--BoxShadow);
28943
28956
  }
28944
- .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) {
28945
- z-index: var(--pf-v6-c-table--m-sticky-header--cell--ZIndex);
28946
- }
28947
- .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 {
28948
28958
  position: absolute;
28949
28959
  inset: 0;
28950
- z-index: var(--pf-v6-c-table--m-sticky-header--border--ZIndex);
28960
+ z-index: -1;
28951
28961
  pointer-events: none;
28952
28962
  content: "";
28963
+ background-color: var(--pf-v6-c-table--m-sticky-header--BackgroundColor);
28953
28964
  border-block-end: var(--pf-v6-c-table--m-sticky-header--BorderBlockEndWidth) solid var(--pf-v6-c-table--m-sticky-header--BorderBlockEndColor);
28954
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
+ }
28955
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) {
28956
28982
  border-block-end: 0;
28957
28983
  }
@@ -29662,14 +29688,12 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29662
29688
  vertical-align: bottom;
29663
29689
  }
29664
29690
  .pf-v6-c-table__thead.pf-m-nested-column-header {
29691
+ --pf-v6-c-table--m-sticky-header--BorderBlockEndWidth: 0;
29665
29692
  position: relative;
29666
29693
  }
29667
- .pf-v6-c-table__thead.pf-m-nested-column-header::after {
29668
- position: absolute;
29669
- 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) {
29670
29695
  z-index: var(--pf-v6-c-table__thead--m-nested-column-header--after--ZIndex);
29671
29696
  pointer-events: none;
29672
- content: "";
29673
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);
29674
29698
  }
29675
29699
  .pf-v6-c-table__thead.pf-m-nested-column-header .pf-v6-c-table__button {
@@ -29710,7 +29734,8 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
29710
29734
  border-block-end: 0;
29711
29735
  }
29712
29736
  .pf-v6-c-table__tr.pf-m-border-row {
29713
- 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);
29714
29739
  }
29715
29740
 
29716
29741
  .pf-v6-c-table__tfoot {