@dpa-id-components/dpa-shared-components 22.0.0-next.6 → 22.0.0-next.8

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 (192) hide show
  1. package/dist/{activities-Bvo5Tcpi.js → activities-CNONG76g.js} +1 -1
  2. package/dist/{ai-CAbOdJZ8.js → ai-BORdA1tP.js} +1 -1
  3. package/dist/{alert-WA0pKI_x.js → alert-CEh7TpHk.js} +1 -1
  4. package/dist/{alert-filled-FaMUUR6G.js → alert-filled-GUQ1sv5T.js} +1 -1
  5. package/dist/{alert-DBH5Lw4Q.js → alert-k4dRvZkA.js} +1 -1
  6. package/dist/{alert-octagon-BThdHdMx.js → alert-octagon-D6ymVrlL.js} +1 -1
  7. package/dist/{apps-BrHprahs.js → apps-31DLZEqJ.js} +1 -1
  8. package/dist/{archive-DBPHhVqZ.js → archive-DxH0AmUn.js} +1 -1
  9. package/dist/{arrow-down-9mspAtJH.js → arrow-down-B9xmpEKh.js} +1 -1
  10. package/dist/{arrow-left-hTN1YNGs.js → arrow-left-w89ZP810.js} +1 -1
  11. package/dist/{arrow-nav-left-NM47R1BA.js → arrow-nav-left-CsT11yHm.js} +1 -1
  12. package/dist/{arrow-nav-right-DBI84Ukd.js → arrow-nav-right-CauLQRaf.js} +1 -1
  13. package/dist/{arrow-right-Dc7c9oto.js → arrow-right-Dj7Me-mB.js} +1 -1
  14. package/dist/{arrow-up-CiiVaA-K.js → arrow-up-C7yQWUg5.js} +1 -1
  15. package/dist/{arrowhead-left-DAvzD9VP.js → arrowhead-left-D3prb6lT.js} +1 -1
  16. package/dist/{arrowhead-right-iQjcoNZb.js → arrowhead-right-DYkeDm5p.js} +1 -1
  17. package/dist/{arrowhead-top-DTp7fzfU.js → arrowhead-top-D6Yiw4OG.js} +1 -1
  18. package/dist/{atmo-BrG9pffw.js → atmo-BYdaOrhT.js} +1 -1
  19. package/dist/{audio-BqoT7-od.js → audio-BLhGEnZc.js} +1 -1
  20. package/dist/{audio-BnHB5z0H.js → audio-CaUo0DpR.js} +1 -1
  21. package/dist/{bag-eXRYZJ5d.js → bag-DfUnEdIG.js} +1 -1
  22. package/dist/{bell-BcqwMFZV.js → bell-BUoHDgUa.js} +1 -1
  23. package/dist/{bell-filled-CCmYyi8Z.js → bell-filled-9k1Rm3vh.js} +1 -1
  24. package/dist/{book-DiER4Xal.js → book-DJ-BeeEm.js} +1 -1
  25. package/dist/{bookmark-CwFo741C.js → bookmark-C6STJXUN.js} +1 -1
  26. package/dist/{bookmark-filled-AlwB_za3.js → bookmark-filled-CxwMfIfF.js} +1 -1
  27. package/dist/{box-P6SzKKRE.js → box-DFDPFTQ7.js} +1 -1
  28. package/dist/{bulb-BZmG8P4A.js → bulb-qwe4TWu7.js} +1 -1
  29. package/dist/{call-C4ZdCz85.js → call-CfOzRaYz.js} +1 -1
  30. package/dist/{camera-DW62puKy.js → camera-BCW_KVfC.js} +1 -1
  31. package/dist/{check-9wo51ATk.js → check-CiZxunah.js} +1 -1
  32. package/dist/{checklist-B9luxORW.js → checklist-CKV_EHso.js} +1 -1
  33. package/dist/{checkmark-BP702pIx.js → checkmark-BE0OoZGa.js} +1 -1
  34. package/dist/{checkmark-double-C059sbOk.js → checkmark-double-BJAvABOC.js} +1 -1
  35. package/dist/{chevron-down-BPdRPnuP.js → chevron-down-B5PIbEio.js} +1 -1
  36. package/dist/{chevron-left-DA6BCeyF.js → chevron-left-BPryaWHJ.js} +1 -1
  37. package/dist/{chevron-right-C1GSdP4O.js → chevron-right-CB2iqaCO.js} +1 -1
  38. package/dist/{chevron-up-CQEWqhSb.js → chevron-up-NvAEC--2.js} +1 -1
  39. package/dist/{clipboard-C_NHlsUb.js → clipboard-BsskWPLx.js} +1 -1
  40. package/dist/{clock-neZro3_P.js → clock-D3iR841r.js} +1 -1
  41. package/dist/{close-C9n_rCkw.js → close-BwgoeQAp.js} +1 -1
  42. package/dist/{cloud-save-JY1j-mAo.js → cloud-save-C1k851Z_.js} +1 -1
  43. package/dist/{code-Zpa3O6Dn.js → code-CbwDeiVM.js} +1 -1
  44. package/dist/{collapse-DJWRlvmL.js → collapse-BIUDbTyr.js} +1 -1
  45. package/dist/{color-palette-Cp5noKDc.js → color-palette-DUY9An-f.js} +1 -1
  46. package/dist/{comment-C2qDfTCg.js → comment-DUUDjk_v.js} +1 -1
  47. package/dist/{comment-filled-BTJgoypE.js → comment-filled-rvm3HWly.js} +1 -1
  48. package/dist/{copy-UeWQjnZS.js → copy-DIcAlkg5.js} +1 -1
  49. package/dist/{copy-link-DGyyBykG.js → copy-link-Dy9otjUI.js} +1 -1
  50. package/dist/{delete-B4tAjAEP.js → delete-BI38E8vg.js} +1 -1
  51. package/dist/{download-Cbbey3Xt.js → download-COkMFqqt.js} +1 -1
  52. package/dist/{dpa-id-WofmYqQY.js → dpa-id-lBIeVHgX.js} +1 -1
  53. package/dist/dpa-shared-components.d.ts +1 -1
  54. package/dist/dpa-shared-components.js +4492 -3257
  55. package/dist/{edit-DjkrcJP-.js → edit-DFZucLKb.js} +1 -1
  56. package/dist/{edit-add-B_lAB6lo.js → edit-add-Cx7x5gfl.js} +1 -1
  57. package/dist/{eil-DkVC34Lp.js → eil-BjfC8db7.js} +1 -1
  58. package/dist/{emoji-zfiF2uko.js → emoji-CZAa65rh.js} +1 -1
  59. package/dist/{emoji-add-D_YEHkA_.js → emoji-add-Bdw-xZuW.js} +1 -1
  60. package/dist/{envelope-9IVXijl6.js → envelope-BL-sHuqE.js} +1 -1
  61. package/dist/{event-Cfxumw-I.js → event-C6fYIB3A.js} +1 -1
  62. package/dist/{expand-Br6A7VrH.js → expand-CbaTiURl.js} +1 -1
  63. package/dist/{external-link-Bp0c-YfO.js → external-link-DKF31dpS.js} +1 -1
  64. package/dist/{file-ClbE8n4I.js → file-DWQzWW7U.js} +1 -1
  65. package/dist/{file-pdf-caXv18xm.js → file-pdf-C4WTAvL4.js} +1 -1
  66. package/dist/{filter-Cq2XEw3l.js → filter-kGJtnOhb.js} +1 -1
  67. package/dist/{flag-T1AIv4IV.js → flag-L7yd4mwV.js} +1 -1
  68. package/dist/{flag-filled-BZBPstZi.js → flag-filled-CTDa2efs.js} +1 -1
  69. package/dist/{flags-cjNp5ctY.js → flags-Dl7zJKmO.js} +1 -1
  70. package/dist/{flash-MJdJ-tB9.js → flash-DZhODZa2.js} +1 -1
  71. package/dist/{folder-L-kYlWI-.js → folder-9Uwlobw5.js} +1 -1
  72. package/dist/{folder-add-BcUtPV2p.js → folder-add-BTNpiyeV.js} +1 -1
  73. package/dist/{folder-filled-CL3WiS7M.js → folder-filled-VCsVbqgw.js} +1 -1
  74. package/dist/{gallery-01MqVCbs.js → gallery-CaJoU7iC.js} +1 -1
  75. package/dist/{gallery-D63957fL.js → gallery-D-A6Lk4l.js} +1 -1
  76. package/dist/{graphic-BET4N-Ym.js → graphic-BHfsGi2Y.js} +1 -1
  77. package/dist/{graphic-BpeZpley.js → graphic-BtBeBP53.js} +1 -1
  78. package/dist/{graphics-CYTosMI0.js → graphics-BQsurkrS.js} +1 -1
  79. package/dist/{grid-1-Dd_GXV5I.js → grid-1-CYbZv-UT.js} +1 -1
  80. package/dist/{grid-2-O6hEMs7P.js → grid-2-BTFSXvzD.js} +1 -1
  81. package/dist/{grid-3-Kk6KNP_U.js → grid-3-BjlnBMzz.js} +1 -1
  82. package/dist/{grid-4-DSJwHWUS.js → grid-4-BQUX0ES8.js} +1 -1
  83. package/dist/{grid-6-BE49yqiV.js → grid-6-CBmGEiqx.js} +1 -1
  84. package/dist/{grid-9-CLSHbY93.js → grid-9-B4NrxHyA.js} +1 -1
  85. package/dist/{grid-masonry-9-KXh2ZVtt.js → grid-masonry-9-5-pMpPJP.js} +1 -1
  86. package/dist/{grid-masonry-jDkWqFPf.js → grid-masonry-CQKadmp9.js} +1 -1
  87. package/dist/{help-DOkv1RLw.js → help-DRp9OUcp.js} +1 -1
  88. package/dist/{home-D0uqbu-I.js → home-BXPuwKXk.js} +1 -1
  89. package/dist/{image-DELKJAje.js → image-BuaeqPub.js} +1 -1
  90. package/dist/{image-focus-point-DBCuBJ6a.js → image-focus-point-TJFo_N1n.js} +1 -1
  91. package/dist/{impact-high-C3BKUG7I.js → impact-high-DVgcn-Ae.js} +1 -1
  92. package/dist/{impact-low-BgYzB929.js → impact-low-CsvuPmk_.js} +1 -1
  93. package/dist/{impact-medium-IB_zZvAq.js → impact-medium-GY_OHSc1.js} +1 -1
  94. package/dist/{impact-very-high-CSVkx_Lk.js → impact-very-high-B3en_oYR.js} +1 -1
  95. package/dist/{impact-very-low-DVh9ZGv0.js → impact-very-low-Bb-zEAGB.js} +1 -1
  96. package/dist/{info-DY1LCTZM.js → info-CaNyekC4.js} +1 -1
  97. package/dist/{info-filled-wA8TNuIY.js → info-filled-BMA19BzN.js} +1 -1
  98. package/dist/{label-CUYcUBlF.js → label-Bw1zj9W1.js} +1 -1
  99. package/dist/{label-filled-CBEnYqwR.js → label-filled-DrguwEbm.js} +1 -1
  100. package/dist/{language-CWzbNjpP.js → language-rz5Z2ZmC.js} +1 -1
  101. package/dist/{latest-DVsUYHxS.js → latest-ChE2cmSz.js} +1 -1
  102. package/dist/{lightbulb-XwSQilIh.js → lightbulb-DNR4PX3F.js} +1 -1
  103. package/dist/{list-DbykwfRA.js → list-Cz72rNRB.js} +1 -1
  104. package/dist/{list-search-Dj4jZY3K.js → list-search-BFpET5qV.js} +1 -1
  105. package/dist/{lock-DnV05zah.js → lock-DJTDJhgw.js} +1 -1
  106. package/dist/{lock-filled-cW6OXXef.js → lock-filled-DRjvJBj3.js} +1 -1
  107. package/dist/{mail-BcneuuIl.js → mail-Bkf5whgc.js} +1 -1
  108. package/dist/{map-filled-CQkoxsrX.js → map-filled-DOurRYP3.js} +1 -1
  109. package/dist/{map-1yvffq9F.js → map-xA3002JW.js} +1 -1
  110. package/dist/{menu-FljcRCEK.js → menu-2v2TRGv7.js} +1 -1
  111. package/dist/{minus-BJWsuEud.js → minus-BHrEG9BZ.js} +1 -1
  112. package/dist/{more-horizontal-lC-445EF.js → more-horizontal-BiLFHNjR.js} +1 -1
  113. package/dist/{more-vertical-DR-MEHQd.js → more-vertical-MHbB9_He.js} +1 -1
  114. package/dist/{move-Bw6x5pez.js → move-C2Mel2Fs.js} +1 -1
  115. package/dist/{move-up-down-B9uIynkw.js → move-up-down-CX9AFsb5.js} +1 -1
  116. package/dist/{navigation-B2HbKa58.js → navigation-BxUEjd2D.js} +1 -1
  117. package/dist/{note-BOjEWWmP.js → note-JDaeQ7KP.js} +1 -1
  118. package/dist/{offline-CRUg9Kez.js → offline-DTVkLzxG.js} +1 -1
  119. package/dist/{package-DhpGK_pI.js → package-Cqki3iBp.js} +1 -1
  120. package/dist/{package-BpXfEOmv.js → package-a6wVeuDo.js} +1 -1
  121. package/dist/{paper-plane-aEepIh1I.js → paper-plane-DAhJxCyF.js} +1 -1
  122. package/dist/{pause-Ml9ITr8H.js → pause-D9YWbY88.js} +1 -1
  123. package/dist/{pdf-Da1tJ5Hc.js → pdf-DYHgIGl5.js} +1 -1
  124. package/dist/{pen-BCtaAdok.js → pen-DpSe4QTA.js} +1 -1
  125. package/dist/{pen-check-ZZuT1W9y.js → pen-check-B6w-qyKk.js} +1 -1
  126. package/dist/{people-7gHfC0ry.js → people-L-RBpthJ.js} +1 -1
  127. package/dist/{phone-BMPeOmqG.js → phone-D9f_M1qn.js} +1 -1
  128. package/dist/{picture-6XSKueje.js → picture-CN4X8eKB.js} +1 -1
  129. package/dist/{picture-IdhoGdAy.js → picture-CmfKLBKL.js} +1 -1
  130. package/dist/{pin-B3mHPTM4.js → pin-BxwEBnT3.js} +1 -1
  131. package/dist/{planning-s97U_n6Z.js → planning-f_b-yvy0.js} +1 -1
  132. package/dist/{play-Bk3fFmpa.js → play-B3HQvb0Y.js} +1 -1
  133. package/dist/{play-filled-BR-RJd_N.js → play-filled-D5vhGrVt.js} +1 -1
  134. package/dist/{plus-Dw3nTb_J.js → plus-C8VUl4nl.js} +1 -1
  135. package/dist/{print-DPDfMQTz.js → print-l0oxfj0P.js} +1 -1
  136. package/dist/{refresh-1gzhEzRl.js → refresh-NFCjjw_E.js} +1 -1
  137. package/dist/{reset-Cqepci78.js → reset-ejMu30sL.js} +1 -1
  138. package/dist/{responsive-HisoeUq7.js → responsive-DxkuLBT-.js} +1 -1
  139. package/dist/{rubix-thema-D5jmA6bw.js → rubix-thema-C_AFU2TJ.js} +1 -1
  140. package/dist/{save-DoP23FsL.js → save-CXjuYnpN.js} +1 -1
  141. package/dist/{saved-search-BY5aeZXd.js → saved-search-CFvfKYcT.js} +1 -1
  142. package/dist/{saved-search-filled-D6t8P4EP.js → saved-search-filled-CzEFnSAz.js} +1 -1
  143. package/dist/{search-Bb5cl_0r.js → search-DCYa9f-a.js} +1 -1
  144. package/dist/{settings-CCxd6N9K.js → settings-D744QSWD.js} +1 -1
  145. package/dist/{share-Cpx2YjXm.js → share-D4fImRnp.js} +1 -1
  146. package/dist/{share-alternative-ZW-jTsIU.js → share-alternative-jYDTaOhB.js} +1 -1
  147. package/dist/{sidebar-DY7SHRNO.js → sidebar-CymSOARn.js} +1 -1
  148. package/dist/{sidebar-filled-gmJ2_ZY2.js → sidebar-filled-gWTXdyC3.js} +1 -1
  149. package/dist/{slack-OnnXQ7Rc.js → slack-CxvOlRRy.js} +1 -1
  150. package/dist/{slider-config-CPC1To1k.js → slider-config-D65lpbtz.js} +1 -1
  151. package/dist/{spellcheck-D3iOEOk5.js → spellcheck-CAd06Iwp.js} +1 -1
  152. package/dist/{spinner-DghFg6Uk.js → spinner-C2v5HebP.js} +1 -1
  153. package/dist/src/components/UiButton/UiButton.stories.ts +17 -0
  154. package/dist/src/components/UiButton/UiButton.vue +1 -1
  155. package/dist/src/components/UiIcon/UiIconLoading.vue +8 -1
  156. package/dist/src/components/UiMenu/UiMenu.spec.ts +4 -4
  157. package/dist/src/components/UiMenu/UiMenu.vue +3 -3
  158. package/dist/src/components/UiPopover/UiPopover.vue +18 -15
  159. package/dist/{standard-view-DfvAb3iJ.js → standard-view-BoYytoMT.js} +1 -1
  160. package/dist/{star-filled-ZgHiwVZ0.js → star-filled-CpCXunl1.js} +1 -1
  161. package/dist/{star-BdzEpiC-.js → star-h8P_5_mG.js} +1 -1
  162. package/dist/{stop-ugLlg2YL.js → stop-CUitimZI.js} +1 -1
  163. package/dist/{story-k_tWc66v.js → story-DHD4LNQr.js} +1 -1
  164. package/dist/{story-D7qk5t65.js → story-DRn-XI6F.js} +1 -1
  165. package/dist/style.css +1 -1
  166. package/dist/{sync-BEDhyvOB.js → sync-Y2eA3WT_.js} +1 -1
  167. package/dist/{tasks-CBoErOsR.js → tasks-C2MvrwpO.js} +1 -1
  168. package/dist/{text-CK3z1Tdh.js → text-C4wZ-s0Z.js} +1 -1
  169. package/dist/{text-BGlrNBVf.js → text-C7Bt0-5h.js} +1 -1
  170. package/dist/{thumbs-down-C41UiCJp.js → thumbs-down-DRz1ad6Z.js} +1 -1
  171. package/dist/{thumbs-up-k3-ZlCZB.js → thumbs-up-Tt4RC_93.js} +1 -1
  172. package/dist/{thumbs-up-double-Ciw7ATVE.js → thumbs-up-double-BiN5UiKl.js} +1 -1
  173. package/dist/{topic-CRJfSH7S.js → topic-D6_NwX-F.js} +1 -1
  174. package/dist/{union-hTKJU_qy.js → union-s1aVCIT5.js} +1 -1
  175. package/dist/{upload-BBn5ur6w.js → upload-Csz6PEGc.js} +1 -1
  176. package/dist/{user-need-divert-me-ChmAj7y-.js → user-need-divert-me-NGIF6wBc.js} +1 -1
  177. package/dist/{user-need-educate-me-DE4GpKkh.js → user-need-educate-me-B5uX-I2R.js} +1 -1
  178. package/dist/{user-need-give-me-perspective-cgRfVC26.js → user-need-give-me-perspective-D1ivktbZ.js} +1 -1
  179. package/dist/{user-need-help-me-CeEG1a-I.js → user-need-help-me-Re-fEjwm.js} +1 -1
  180. package/dist/{user-need-touch-me-DiUacvEH.js → user-need-touch-me-D025Uac5.js} +1 -1
  181. package/dist/{user-need-update-me-Tv7ZqZG9.js → user-need-update-me-DU3SfxYI.js} +1 -1
  182. package/dist/{video-C1tVlag5.js → video-07EjnCpD.js} +1 -1
  183. package/dist/{video-BV3VKnO_.js → video-B0IVRe8t.js} +1 -1
  184. package/dist/{video-overlay-D2YqsNV3.js → video-overlay-blAbosdl.js} +1 -1
  185. package/dist/{view-5sSg9uRD.js → view-BrJ61_ek.js} +1 -1
  186. package/dist/{view-off-CxEDQRkG.js → view-off-Chs7NQif.js} +1 -1
  187. package/dist/{volume-up-DmBpcesR.js → volume-up-BDZJhktI.js} +1 -1
  188. package/package.json +16 -16
  189. package/src/components/UiButton/UiButton.vue +1 -1
  190. package/src/components/UiIcon/UiIconLoading.vue +8 -1
  191. package/src/components/UiMenu/UiMenu.vue +3 -3
  192. package/src/components/UiPopover/UiPopover.vue +18 -15
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -10,6 +10,6 @@ var i = {}, a = {
10
10
  function o(e, i) {
11
11
  return r(), t("svg", a, [...i[0] ||= [n("path", { d: "M10.3488 5.89892L8.10292 3.65308L9.72625 2.02892L11.9713 4.27392L10.3488 5.89892ZM4.56625 11.6873L2.08542 11.9131L2.30542 9.44975L6.98625 4.76892L9.23292 7.01558L4.56625 11.6873ZM13.1696 3.11475L13.1688 3.11392L10.8871 0.832251C10.2696 0.216417 9.20875 0.18725 8.62375 0.77475L1.12709 8.27142C0.855421 8.54225 0.687088 8.90225 0.652088 9.28308L0.336254 12.7581C0.314588 13.0039 0.402088 13.2473 0.577088 13.4223C0.734588 13.5798 0.947088 13.6664 1.16625 13.6664C1.19209 13.6664 1.21709 13.6656 1.24209 13.6631L4.71709 13.3472C5.09875 13.3122 5.45792 13.1448 5.72875 12.8739L13.2263 5.37642C13.8329 4.76808 13.8071 3.75308 13.1696 3.11475Z" }, null, -1)]]);
12
12
  }
13
- var s = /* @__PURE__ */ e(i, [["render", o]]);
13
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
14
14
  //#endregion
15
15
  export { s as default };
@@ -10,6 +10,6 @@ var i = {}, a = {
10
10
  function o(e, i) {
11
11
  return r(), t("svg", a, [...i[0] ||= [n("path", { d: "M7.91741 0.718833C8.4899 0.146025 9.41831 0.145635 9.99129 0.717962L11.3716 2.09668C11.9448 2.66924 11.9452 3.59812 11.3724 4.17116L4.85665 10.6905C4.65237 10.8949 4.39226 11.0344 4.10898 11.0915L1.19832 11.678C0.979414 11.7221 0.752959 11.6536 0.595101 11.4957C0.437242 11.3378 0.36895 11.1113 0.413185 10.8924L1.00072 7.98514C1.05785 7.70244 1.19707 7.44286 1.40095 7.23887L7.91741 0.718833ZM9.04901 1.6613C8.99692 1.60927 8.91252 1.60931 8.86048 1.66138L2.34402 8.18142C2.32548 8.19996 2.31282 8.22356 2.30763 8.24926L1.91893 10.1726L3.84561 9.78442C3.87137 9.77923 3.89501 9.76655 3.91358 9.74797L10.4294 3.22861C10.4814 3.17652 10.4814 3.09207 10.4293 3.04002L9.04901 1.6613ZM13.405 8.37282C13.6653 8.63317 13.6653 9.05527 13.405 9.31563L10.205 12.5158C10.0799 12.6408 9.91038 12.711 9.73356 12.711C9.55675 12.711 9.38718 12.6408 9.26215 12.5158L7.79549 11.0491C7.53514 10.7888 7.53514 10.3666 7.79549 10.1063C8.05584 9.84594 8.47795 9.84594 8.7383 10.1063L9.73355 11.1015L12.4621 8.37284C12.7225 8.11248 13.1446 8.11248 13.405 8.37282Z" }, null, -1)]]);
12
12
  }
13
- var s = /* @__PURE__ */ e(i, [["render", o]]);
13
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
14
14
  //#endregion
15
15
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -14,6 +14,6 @@ function o(e, i) {
14
14
  fill: "currentColor"
15
15
  }, null, -1)]]);
16
16
  }
17
- var s = /* @__PURE__ */ e(i, [["render", o]]);
17
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
18
18
  //#endregion
19
19
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -14,6 +14,6 @@ function o(e, i) {
14
14
  fill: "currentColor"
15
15
  }, null, -1)]]);
16
16
  }
17
- var s = /* @__PURE__ */ e(i, [["render", o]]);
17
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
18
18
  //#endregion
19
19
  export { s as default };
@@ -16,6 +16,6 @@ function o(e, i) {
16
16
  fill: "currentColor"
17
17
  }, null, -1)]]);
18
18
  }
19
- var s = /* @__PURE__ */ e(i, [["render", o]]);
19
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
20
20
  //#endregion
21
21
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -10,6 +10,6 @@ var i = {}, a = {
10
10
  function o(e, i) {
11
11
  return r(), t("svg", a, [...i[0] ||= [n("<path fill-rule=\"evenodd\" d=\"M2 5C2 3.89543 2.89543 3 4 3H20C21.1046 3 22 3.89543 22 5V19C22 20.1046 21.1046 21 20 21H4C2.89543 21 2 20.1046 2 19V5ZM4 5H20V19H4V5Z\" fill=\"currentColor\"></path><path fill-rule=\"evenodd\" d=\"M11 19V5H13V19H11Z\" fill=\"currentColor\"></path><path fill-rule=\"evenodd\" d=\"M5 8.5C5 8.22386 5.22386 8 5.5 8H9.5C9.77614 8 10 8.22386 10 8.5C10 8.77614 9.77614 9 9.5 9H5.5C5.22386 9 5 8.77614 5 8.5Z\" fill=\"currentColor\"></path><path fill-rule=\"evenodd\" d=\"M5 10.9C5 10.6239 5.22386 10.4 5.5 10.4H9.5C9.77614 10.4 10 10.6239 10 10.9C10 11.1762 9.77614 11.4 9.5 11.4H5.5C5.22386 11.4 5 11.1762 5 10.9Z\" fill=\"currentColor\"></path><path fill-rule=\"evenodd\" d=\"M5 13.3C5 13.0239 5.22386 12.8 5.5 12.8H9.5C9.77614 12.8 10 13.0239 10 13.3C10 13.5762 9.77614 13.8 9.5 13.8H5.5C5.22386 13.8 5 13.5762 5 13.3Z\" fill=\"currentColor\"></path>", 5)]]);
12
12
  }
13
- var s = /* @__PURE__ */ e(i, [["render", o]]);
13
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
14
14
  //#endregion
15
15
  export { s as default };
@@ -14,6 +14,6 @@ function o(e, i) {
14
14
  fill: "currentColor"
15
15
  }, null, -1)]]);
16
16
  }
17
- var s = /* @__PURE__ */ e(i, [["render", o]]);
17
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
18
18
  //#endregion
19
19
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -27,6 +27,6 @@ function o(e, i) {
27
27
  "stroke-linecap": "square"
28
28
  }, null, -1)]]);
29
29
  }
30
- var s = /* @__PURE__ */ e(i, [["render", o]]);
30
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
31
31
  //#endregion
32
32
  export { s as default };
@@ -1,4 +1,5 @@
1
1
  import type { Meta, StoryObj } from "@storybook/vue3-vite";
2
+ import { ref } from "vue";
2
3
 
3
4
  import UiIcon from "../UiIcon/UiIcon.vue";
4
5
 
@@ -76,3 +77,19 @@ export const IconOnlyAndAriaLabel: Story = {
76
77
  `,
77
78
  }),
78
79
  };
80
+
81
+ export const ToggleIcon: Story = {
82
+ render: (args) => ({
83
+ setup() {
84
+ const isVisible = ref(false);
85
+
86
+ return { args, isVisible };
87
+ },
88
+ components: { UiButton, UiIcon },
89
+ template: /*html*/ `
90
+ <UiButton v-bind="args" aria-label="Is visible" @click="isVisible = !isVisible">
91
+ <UiIcon :name="isVisible ? 'view' : 'view-off'" />
92
+ </UiButton>
93
+ `,
94
+ }),
95
+ };
@@ -74,7 +74,7 @@ const appearanceClasses = computed(
74
74
  secondary:
75
75
  "border-neutral-faint bg-transparent text-primary-emphasis not-disabled:hover:border-neutral-subtle not-disabled:hover:text-primary-hover disabled:text-neutral-faint",
76
76
  "secondary-alt":
77
- "border-neutral-faint bg-neutral text-neutral-emphasis not-disabled:hover:border-neutral-subtle not-disabled:hover:text-neutral-primary disabled:text-neutral-faint",
77
+ "border-neutral-faint bg-transparent text-neutral-emphasis not-disabled:hover:border-neutral-subtle not-disabled:hover:text-neutral-primary disabled:text-neutral-faint",
78
78
  tertiary:
79
79
  "border-transparent bg-neutral-subtle text-neutral not-disabled:hover:bg-neutral-emphasis disabled:bg-neutral-faint disabled:text-neutral-soft",
80
80
  ghost:
@@ -1 +1,8 @@
1
- <template><div></div></template>
1
+ <template>
2
+ <svg
3
+ width="24"
4
+ height="24"
5
+ viewBox="0 0 24 24"
6
+ xmlns="http://www.w3.org/2000/svg"
7
+ ></svg>
8
+ </template>
@@ -40,7 +40,7 @@ describe("UiMenu", () => {
40
40
  options,
41
41
  },
42
42
  });
43
- expect(wrapper.find('[data-testid="menu-option-list"]').isVisible()).toBe(
43
+ expect(wrapper.find('[data-testid="menu-option-list"]').exists()).toBe(
44
44
  false,
45
45
  );
46
46
  });
@@ -126,7 +126,7 @@ describe("UiMenu", () => {
126
126
  ],
127
127
  },
128
128
  });
129
- expect(wrapper.find('[data-testid="menu-option-list"]').isVisible()).toBe(
129
+ expect(wrapper.find('[data-testid="menu-option-list"]').exists()).toBe(
130
130
  false,
131
131
  );
132
132
  const toggleButton = wrapper.find<HTMLButtonElement>(
@@ -206,7 +206,7 @@ describe("UiMenu", () => {
206
206
  ],
207
207
  },
208
208
  });
209
- expect(wrapper.find('[data-testid="menu-option-list"]').isVisible()).toBe(
209
+ expect(wrapper.find('[data-testid="menu-option-list"]').exists()).toBe(
210
210
  false,
211
211
  );
212
212
  const toggleButton = wrapper.find<HTMLButtonElement>(
@@ -282,7 +282,7 @@ describe("UiMenu", () => {
282
282
  },
283
283
  });
284
284
 
285
- expect(wrapper.find('[data-testid="menu-option-list"]').isVisible()).toBe(
285
+ expect(wrapper.find('[data-testid="menu-option-list"]').exists()).toBe(
286
286
  false,
287
287
  );
288
288
 
@@ -30,7 +30,7 @@
30
30
  >
31
31
  <div
32
32
  v-if="hasSearch"
33
- class="flex items-center gap-2 rounded-t-lg px-4 py-1.5 text-neutral-primary [&:has(>input:focus-visible)]:focus-outline [&:has(>input:focus-visible)]:-outline-offset-2"
33
+ class="flex items-center gap-2 rounded-t-lg px-4 pt-2.5 pb-1.5 text-neutral-primary [&:has(>input:focus-visible)]:focus-outline [&:has(>input:focus-visible)]:-outline-offset-2"
34
34
  >
35
35
  <UiIcon
36
36
  class="shrink-0 text-neutral-emphasis"
@@ -70,7 +70,7 @@
70
70
  <template v-if="group.options.length > 0">
71
71
  <li
72
72
  v-if="group.groupLabel"
73
- class="flex h-6 items-center bg-neutral-whisper px-4 text-xs font-semibold tracking-wider text-neutral-subtle uppercase"
73
+ class="flex h-6 items-center bg-neutral-faint px-4 text-xs font-semibold tracking-wider text-neutral-subtle uppercase"
74
74
  >
75
75
  {{ group.groupLabel }}
76
76
  </li>
@@ -100,7 +100,7 @@
100
100
  </ul>
101
101
  </slot>
102
102
 
103
- <div v-if="hasResetOption" class="px-4 py-1.5 text-neutral-primary">
103
+ <div v-if="hasResetOption" class="px-2 pt-1.5 pb-2 text-neutral-primary">
104
104
  <UiButton
105
105
  appearance="secondary"
106
106
  :disabled="disabledReset"
@@ -1,21 +1,10 @@
1
1
  <template>
2
- <div
3
- ref="reference"
4
- v-click-away="
5
- () => {
6
- if (isOpen) {
7
- close();
8
- }
9
- }
10
- "
11
- class="w-fit"
12
- @click="update"
13
- >
2
+ <div ref="reference" class="w-fit" @click="update">
14
3
  <slot name="button" v-bind="{ open, close, toggle, isOpen }" />
15
4
 
16
5
  <Transition :name="animate ? 'fade-up' : 'none'">
17
6
  <div
18
- v-show="isOpen"
7
+ v-if="isOpen"
19
8
  ref="floating"
20
9
  :style="floatingStyles"
21
10
  class="z-10 w-fit [text-align:initial] [--transition-close-duration:100ms] [--transition-duration:200ms]"
@@ -36,10 +25,9 @@ import {
36
25
  shift,
37
26
  useFloating,
38
27
  } from "@floating-ui/vue";
28
+ import { onClickOutside } from "@vueuse/core";
39
29
  import { ref, useTemplateRef, watch } from "vue";
40
30
 
41
- import { vClickAway } from "../../directives/vClickAway.ts";
42
-
43
31
  defineSlots<{
44
32
  button: (props: {
45
33
  open: typeof open;
@@ -103,6 +91,21 @@ function toggle() {
103
91
  isOpen.value = !isOpen.value;
104
92
  }
105
93
 
94
+ onClickOutside(
95
+ floating,
96
+ () => {
97
+ if (isOpen.value) {
98
+ close();
99
+ }
100
+ },
101
+ {
102
+ ignore: [
103
+ // Ignore clicks on the reference element
104
+ reference,
105
+ ],
106
+ },
107
+ );
108
+
106
109
  defineExpose({ open, close });
107
110
  </script>
108
111
 
@@ -10,6 +10,6 @@ var i = {}, a = {
10
10
  function o(e, i) {
11
11
  return r(), t("svg", a, [...i[0] ||= [n("path", { d: "M2 16V12H16L16.001 16H2ZM16 10H2C0.897 10 0 10.897 0 12V16C0 17.103 0.897 18 2 18H16C17.103 18 18 17.103 18 16V12C18 10.897 17.103 10 16 10ZM2 6V2H16L16.001 6H2ZM16 0H2C0.897 0 0 0.897 0 2V6C0 7.103 0.897 8 2 8H16C17.103 8 18 7.103 18 6V2C18 0.897 17.103 0 16 0Z" }, null, -1)]]);
12
12
  }
13
- var s = /* @__PURE__ */ e(i, [["render", o]]);
13
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
14
14
  //#endregion
15
15
  export { s as default };
@@ -10,6 +10,6 @@ var i = {}, a = {
10
10
  function o(e, i) {
11
11
  return r(), t("svg", a, [...i[0] ||= [n("path", { d: "M17.5614 20.955C17.4034 20.955 17.2444 20.918 17.0984 20.842L11.9994 18.178L6.90138 20.842C6.56338 21.017 6.15538 20.987 5.84938 20.763C5.54138 20.539 5.38838 20.16 5.45338 19.785L6.42438 14.157L2.30438 10.172C2.03038 9.907 1.93138 9.509 2.04838 9.145C2.16538 8.783 2.47838 8.518 2.85638 8.464L8.55638 7.636L11.1044 2.51C11.4424 1.83 12.5574 1.83 12.8954 2.51L15.4434 7.636L21.1434 8.464C21.5214 8.518 21.8344 8.783 21.9514 9.145C22.0684 9.509 21.9694 9.907 21.6954 10.172L17.5754 14.157L18.5464 19.785C18.6114 20.16 18.4574 20.539 18.1504 20.763C17.9764 20.891 17.7694 20.955 17.5614 20.955Z" }, null, -1)]]);
12
12
  }
13
- var s = /* @__PURE__ */ e(i, [["render", o]]);
13
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
14
14
  //#endregion
15
15
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };
@@ -13,6 +13,6 @@ function o(e, i) {
13
13
  fill: "currentColor"
14
14
  }, null, -1)]]);
15
15
  }
16
- var s = /* @__PURE__ */ e(i, [["render", o]]);
16
+ var s = /*#__PURE__*/ e(i, [["render", o]]);
17
17
  //#endregion
18
18
  export { s as default };