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

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 (19) 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/_index.css +18 -1
  6. package/docs/components/DualListSelector/examples/DualListSelector.md +72 -72
  7. package/docs/components/Pagination/examples/Pagination.md +120 -120
  8. package/docs/components/Toolbar/examples/Toolbar.md +16 -16
  9. package/docs/demos/CardView/examples/CardView.md +12 -12
  10. package/docs/demos/Compass/examples/Compass.md +16 -16
  11. package/docs/demos/DataList/examples/DataList.md +48 -48
  12. package/docs/demos/PrimaryDetail/examples/PrimaryDetail.md +20 -20
  13. package/docs/demos/Table/examples/Table.md +160 -160
  14. package/docs/demos/Toolbar/examples/Toolbar.md +36 -36
  15. package/package.json +1 -1
  16. package/patternfly-no-globals.css +18 -1
  17. package/patternfly.css +18 -1
  18. package/patternfly.min.css +1 -1
  19. 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.15",
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);
package/patternfly.css CHANGED
@@ -10868,6 +10868,7 @@ div.pf-v6-c-avatar {
10868
10868
  --pf-v6-c-banner--link--Color: var(--pf-v6-c-banner--Color);
10869
10869
  --pf-v6-c-banner--link--TextDecoration: underline;
10870
10870
  --pf-v6-c-banner--link--hover--Color: var(--pf-v6-c-banner--Color);
10871
+ --pf-v6-c-banner--link--clicked--Color: var(--pf-v6-c-banner--Color);
10871
10872
  --pf-v6-c-banner--link--disabled--Color: var(--pf-t--global--text--color--disabled);
10872
10873
  --pf-v6-c-banner--link--TextDecorationColor: currentcolor;
10873
10874
  --pf-v6-c-banner--m-sticky--ZIndex: var(--pf-t--global--z-index--md);
@@ -10990,9 +10991,11 @@ div.pf-v6-c-avatar {
10990
10991
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline {
10991
10992
  --pf-v6-c-button--m-link--m-inline--Color: var(--pf-v6-c-banner--link--Color);
10992
10993
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-v6-c-banner--link--hover--Color);
10994
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-v6-c-banner--link--clicked--Color);
10993
10995
  --pf-v6-c-button--disabled--Color: var(--pf-v6-c-banner--link--disabled--Color);
10994
10996
  --pf-v6-c-button--m-link--m-inline--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10995
10997
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10998
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-v6-c-banner--link--TextDecorationColor);
10996
10999
  text-decoration-line: var(--pf-v6-c-banner--link--TextDecoration);
10997
11000
  }
10998
11001
  .pf-v6-c-banner .pf-v6-c-button.pf-m-inline:disabled, .pf-v6-c-banner .pf-v6-c-button.pf-m-inline.pf-m-disabled {
@@ -11309,6 +11312,10 @@ button.pf-v6-c-breadcrumb__link {
11309
11312
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11310
11313
  --pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11311
11314
  --pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11315
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor: var(--pf-t--global--text-decoration--color--hover);
11316
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine: var(--pf-t--global--text-decoration--link--line--hover);
11317
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle: var(--pf-t--global--text-decoration--link--style--hover);
11318
+ --pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset: var(--pf-t--global--text-decoration--offset--hover);
11312
11319
  --pf-v6-c-button--m-link--m-inline--TransitionProperty: color, text-underline-offset;
11313
11320
  --pf-v6-c-button--m-link--m-inline--TransitionDuration: var(--pf-t--global--motion--duration--fade--default), var(--pf-t--global--motion--duration--lg);
11314
11321
  --pf-v6-c-button--m-link--m-inline--TransitionTimingFunction: var(--pf-t--global--motion--timing-function--accelerate), var(--pf-t--global--motion--timing-function--default);
@@ -11323,6 +11330,8 @@ button.pf-v6-c-breadcrumb__link {
11323
11330
  --pf-v6-c-button--m-link--m-inline__icon--Color: var(--pf-t--global--icon--color--brand--default);
11324
11331
  --pf-v6-c-button--m-link--m-inline--hover--Color: var(--pf-t--global--text--color--brand--hover);
11325
11332
  --pf-v6-c-button--m-link--m-inline--hover__icon--Color: var(--pf-t--global--icon--color--brand--hover);
11333
+ --pf-v6-c-button--m-link--m-inline--m-clicked--Color: var(--pf-t--global--text--color--brand--clicked);
11334
+ --pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color: var(--pf-t--global--icon--color--brand--clicked);
11326
11335
  --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--action--plain--default);
11327
11336
  --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--action--horizontal--plain--default);
11328
11337
  --pf-v6-c-button--m-plain--PaddingInlineStart: var(--pf-t--global--spacer--action--horizontal--plain--default);
@@ -11695,9 +11704,14 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11695
11704
  --pf-v6-c-button--hover--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationLine);
11696
11705
  --pf-v6-c-button--hover--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationStyle);
11697
11706
  --pf-v6-c-button--hover--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--hover--TextDecorationColor);
11698
- --pf-v6-c-button--hover--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--TextUnderlineOffset);
11707
+ --pf-v6-c-button--m-clicked--TextDecorationLine: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationLine);
11708
+ --pf-v6-c-button--m-clicked--TextDecorationStyle: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationStyle);
11709
+ --pf-v6-c-button--m-clicked--TextDecorationColor: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextDecorationColor);
11710
+ --pf-v6-c-button--m-clicked--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11699
11711
  --pf-v6-c-button--m-link--hover--Color: var(--pf-v6-c-button--m-link--m-inline--hover--Color);
11700
11712
  --pf-v6-c-button--m-link--hover__icon--Color: var(--pf-v6-c-button--m-link--m-inline--hover__icon--Color);
11713
+ --pf-v6-c-button--m-link--m-clicked--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked--Color);
11714
+ --pf-v6-c-button--m-link--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-inline--m-clicked__icon--Color);
11701
11715
  --pf-v6-c-button--BorderWidth: 0;
11702
11716
  --pf-v6-c-button--hover--BorderWidth: 0;
11703
11717
  --pf-v6-c-button--m-clicked--BorderWidth: 0;
@@ -11710,6 +11724,9 @@ span.pf-v6-c-button.pf-m-link.pf-m-inline {
11710
11724
  .pf-v6-c-button.pf-m-link.pf-m-inline:hover, .pf-v6-c-button.pf-m-link.pf-m-inline:focus {
11711
11725
  --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--hover--TextUnderlineOffset);
11712
11726
  }
11727
+ .pf-v6-c-button.pf-m-link.pf-m-inline:active, .pf-v6-c-button.pf-m-link.pf-m-inline.pf-m-clicked {
11728
+ --pf-v6-c-button--m-link--m-inline--TextUnderlineOffset: var(--pf-v6-c-button--m-link--m-inline--m-clicked--TextUnderlineOffset);
11729
+ }
11713
11730
  .pf-v6-c-button.pf-m-link.pf-m-danger {
11714
11731
  --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
11715
11732
  --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);