@adyen/bento-vue2 1.99.0 → 1.100.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (189) hide show
  1. package/dist/@types/index.d.ts +19 -13
  2. package/dist/action-bar.js +1 -1
  3. package/dist/ai-tag.js +1 -1
  4. package/dist/alert.js +1 -1
  5. package/dist/anchor-scroller.js +1 -1
  6. package/dist/assets/accordion-item.css +1 -1
  7. package/dist/assets/action-bar.css +1 -1
  8. package/dist/assets/base-modal.css +1 -1
  9. package/dist/assets/button-actions.css +1 -1
  10. package/dist/assets/button.css +1 -1
  11. package/dist/assets/card.css +1 -1
  12. package/dist/assets/data-grid.css +1 -1
  13. package/dist/assets/dialog-page.css +1 -1
  14. package/dist/assets/draggable-handle.css +1 -1
  15. package/dist/assets/dropdown.css +1 -1
  16. package/dist/assets/file-uploader.css +1 -1
  17. package/dist/assets/filter-bar.css +1 -1
  18. package/dist/assets/input-field.css +1 -1
  19. package/dist/assets/inspector.css +1 -1
  20. package/dist/assets/modal-fullscreen.css +1 -1
  21. package/dist/assets/navigation-menu-group.css +1 -1
  22. package/dist/assets/rich-text-editor.css +1 -1
  23. package/dist/assets/secondary-nav.css +1 -1
  24. package/dist/assets/selection-card-group.css +1 -1
  25. package/dist/assets/sidepanel.css +1 -1
  26. package/dist/assets/textarea.css +1 -1
  27. package/dist/button.js +3 -3
  28. package/dist/card.js +1 -1
  29. package/dist/chunks/{action-bar.X-dXuOcv.js → action-bar.DxZchfve.js} +4 -4
  30. package/dist/chunks/{action-bar.X-dXuOcv.js.map → action-bar.DxZchfve.js.map} +1 -1
  31. package/dist/chunks/{ai-button.DvOq4s2_.js → ai-button.y1t1nqpv.js} +2 -2
  32. package/dist/chunks/{ai-button.DvOq4s2_.js.map → ai-button.y1t1nqpv.js.map} +1 -1
  33. package/dist/chunks/{ai-tag.Cdn4JK1m.js → ai-tag.CD1eQnr_.js} +2 -2
  34. package/dist/chunks/{ai-tag.Cdn4JK1m.js.map → ai-tag.CD1eQnr_.js.map} +1 -1
  35. package/dist/chunks/{alert.BDkEbdf4.js → alert.DP17WjNE.js} +2 -2
  36. package/dist/chunks/{alert.BDkEbdf4.js.map → alert.DP17WjNE.js.map} +1 -1
  37. package/dist/chunks/{anchor-scroller.Bu7GtOqH.js → anchor-scroller.BiHtyUJz.js} +3 -3
  38. package/dist/chunks/{anchor-scroller.Bu7GtOqH.js.map → anchor-scroller.BiHtyUJz.js.map} +1 -1
  39. package/dist/chunks/{base-modal.DgMSsQf3.js → base-modal.BbMTTAi5.js} +5 -5
  40. package/dist/chunks/{base-modal.DgMSsQf3.js.map → base-modal.BbMTTAi5.js.map} +1 -1
  41. package/dist/chunks/{button-actions-with-menu.BV5aDUCD.js → button-actions-with-menu.CpqyoKG5.js} +2 -2
  42. package/dist/chunks/{button-actions-with-menu.BV5aDUCD.js.map → button-actions-with-menu.CpqyoKG5.js.map} +1 -1
  43. package/dist/chunks/{button-actions.BD4Dyp4U.js → button-actions.Dxez8SNL.js} +2 -2
  44. package/dist/chunks/{button-actions.BD4Dyp4U.js.map → button-actions.Dxez8SNL.js.map} +1 -1
  45. package/dist/chunks/button.Df_UH5wZ.js +112 -0
  46. package/dist/chunks/button.Df_UH5wZ.js.map +1 -0
  47. package/dist/chunks/{calendar.CmhzIZZM.js → calendar.BKddGc3j.js} +3 -3
  48. package/dist/chunks/{calendar.CmhzIZZM.js.map → calendar.BKddGc3j.js.map} +1 -1
  49. package/dist/chunks/{card.Bm7JEsCC.js → card.BzDmgKjO.js} +2 -2
  50. package/dist/chunks/{card.Bm7JEsCC.js.map → card.BzDmgKjO.js.map} +1 -1
  51. package/dist/chunks/{code-snippet.DuJAubi9.js → code-snippet.CY_C6Xyz.js} +5 -5
  52. package/dist/chunks/{code-snippet.DuJAubi9.js.map → code-snippet.CY_C6Xyz.js.map} +1 -1
  53. package/dist/chunks/{copy.CWKdfVcd.js → copy.DSFXER-x.js} +2 -2
  54. package/dist/chunks/{copy.CWKdfVcd.js.map → copy.DSFXER-x.js.map} +1 -1
  55. package/dist/chunks/{dashboard-section.CRn7tlX_.js → dashboard-section.BtqE_6Zy.js} +3 -3
  56. package/dist/chunks/{dashboard-section.CRn7tlX_.js.map → dashboard-section.BtqE_6Zy.js.map} +1 -1
  57. package/dist/chunks/{dashed-underline.BoHt4iGu.js → dashed-underline.Cl158pHL.js} +2 -2
  58. package/dist/chunks/{dashed-underline.BoHt4iGu.js.map → dashed-underline.Cl158pHL.js.map} +1 -1
  59. package/dist/chunks/{data-grid-template.BYMLOzkm.js → data-grid-template.yOSdF4nN.js} +4 -4
  60. package/dist/chunks/{data-grid-template.BYMLOzkm.js.map → data-grid-template.yOSdF4nN.js.map} +1 -1
  61. package/dist/chunks/{data-grid.D_Xu49bl.js → data-grid.D26rPQcn.js} +12 -12
  62. package/dist/chunks/{data-grid.D_Xu49bl.js.map → data-grid.D26rPQcn.js.map} +1 -1
  63. package/dist/chunks/{date-picker.bbVKo7JX.js → date-picker.nNtLItmg.js} +6 -6
  64. package/dist/chunks/{date-picker.bbVKo7JX.js.map → date-picker.nNtLItmg.js.map} +1 -1
  65. package/dist/chunks/{date-range-picker.AnFyWMCq.js → date-range-picker.DL-oePHl.js} +8 -8
  66. package/dist/chunks/{date-range-picker.AnFyWMCq.js.map → date-range-picker.DL-oePHl.js.map} +1 -1
  67. package/dist/chunks/{date-time-picker.Bpxfkj71.js → date-time-picker.D89IemgM.js} +5 -5
  68. package/dist/chunks/{date-time-picker.Bpxfkj71.js.map → date-time-picker.D89IemgM.js.map} +1 -1
  69. package/dist/chunks/{dialog-page.BendBRv6.js → dialog-page.D_m11exR.js} +2 -2
  70. package/dist/chunks/{dialog-page.BendBRv6.js.map → dialog-page.D_m11exR.js.map} +1 -1
  71. package/dist/chunks/{draggable-handle.BnRkhlee.js → draggable-handle.BDUQTWrd.js} +268 -263
  72. package/dist/chunks/{draggable-handle.BnRkhlee.js.map → draggable-handle.BDUQTWrd.js.map} +1 -1
  73. package/dist/chunks/{draggable.D5WFD5eX.js → draggable.Jqy1iXq_.js} +2 -2
  74. package/dist/chunks/{draggable.D5WFD5eX.js.map → draggable.Jqy1iXq_.js.map} +1 -1
  75. package/dist/chunks/{dropdown-tag.VcqAOFuG.js → dropdown-tag.CCItycfH.js} +2 -2
  76. package/dist/chunks/{dropdown-tag.VcqAOFuG.js.map → dropdown-tag.CCItycfH.js.map} +1 -1
  77. package/dist/chunks/{dropdown.B21PZqp4.js → dropdown.CLHXtH0r.js} +3 -3
  78. package/dist/chunks/{dropdown.B21PZqp4.js.map → dropdown.CLHXtH0r.js.map} +1 -1
  79. package/dist/chunks/{empty-state.Dttc-ZO_.js → empty-state.Be3Np0rd.js} +2 -2
  80. package/dist/chunks/{empty-state.Dttc-ZO_.js.map → empty-state.Be3Np0rd.js.map} +1 -1
  81. package/dist/chunks/{file-uploader.BLoJVqZQ.js → file-uploader.C1GuWVEI.js} +3 -3
  82. package/dist/chunks/{file-uploader.BLoJVqZQ.js.map → file-uploader.C1GuWVEI.js.map} +1 -1
  83. package/dist/chunks/{filter-bar.CY9xbtNy.js → filter-bar.Dq3fo3rZ.js} +1316 -1224
  84. package/dist/chunks/filter-bar.Dq3fo3rZ.js.map +1 -0
  85. package/dist/chunks/{fixed-scroller.4xAzt_OI.js → fixed-scroller.BFuYW-M3.js} +2 -2
  86. package/dist/chunks/{fixed-scroller.4xAzt_OI.js.map → fixed-scroller.BFuYW-M3.js.map} +1 -1
  87. package/dist/chunks/{footer-actions.C89dbDV4.js → footer-actions.BB94G3iB.js} +3 -3
  88. package/dist/chunks/{footer-actions.C89dbDV4.js.map → footer-actions.BB94G3iB.js.map} +1 -1
  89. package/dist/chunks/{form-layout-title.xrix5vY3.js → form-layout-title.DLvU9CD1.js} +2 -2
  90. package/dist/chunks/{form-layout-title.xrix5vY3.js.map → form-layout-title.DLvU9CD1.js.map} +1 -1
  91. package/dist/chunks/{header-meta.Cpk3Z8c2.js → header-meta.Bq8moJ6A.js} +2 -2
  92. package/dist/chunks/{header-meta.Cpk3Z8c2.js.map → header-meta.Bq8moJ6A.js.map} +1 -1
  93. package/dist/chunks/{header-with-views.BQEJxWz0.js → header-with-views.yjk4GuOn.js} +8 -8
  94. package/dist/chunks/{header-with-views.BQEJxWz0.js.map → header-with-views.yjk4GuOn.js.map} +1 -1
  95. package/dist/chunks/{header.BRBY9Ilh.js → header.C8dI-yo1.js} +3 -3
  96. package/dist/chunks/{header.BRBY9Ilh.js.map → header.C8dI-yo1.js.map} +1 -1
  97. package/dist/chunks/{input-field-password.WBxRJUhP.js → input-field-password.Dkty2s5M.js} +4 -4
  98. package/dist/chunks/{input-field-password.WBxRJUhP.js.map → input-field-password.Dkty2s5M.js.map} +1 -1
  99. package/dist/chunks/{input-field-phone-number.DR6dpYYz.js → input-field-phone-number.CdT4hLCR.js} +2 -2
  100. package/dist/chunks/{input-field-phone-number.DR6dpYYz.js.map → input-field-phone-number.CdT4hLCR.js.map} +1 -1
  101. package/dist/chunks/{input-field.y5qXcCAH.js → input-field.3BC9gdvi.js} +36 -26
  102. package/dist/chunks/{input-field.y5qXcCAH.js.map → input-field.3BC9gdvi.js.map} +1 -1
  103. package/dist/chunks/{input-time.DrJ3n7Cc.js → input-time.OTVaDCFj.js} +3 -3
  104. package/dist/chunks/{input-time.DrJ3n7Cc.js.map → input-time.OTVaDCFj.js.map} +1 -1
  105. package/dist/chunks/{inspector.8QKfd0HF.js → inspector.Cas-Z-VC.js} +2 -2
  106. package/dist/chunks/{inspector.8QKfd0HF.js.map → inspector.Cas-Z-VC.js.map} +1 -1
  107. package/dist/chunks/{list-item.BO75rSht.js → list-item.Cf3IFDnG.js} +2 -2
  108. package/dist/chunks/{list-item.BO75rSht.js.map → list-item.Cf3IFDnG.js.map} +1 -1
  109. package/dist/chunks/{modal-fullscreen.CH2wwAtk.js → modal-fullscreen.B1iYD7lc.js} +5 -5
  110. package/dist/chunks/{modal-fullscreen.CH2wwAtk.js.map → modal-fullscreen.B1iYD7lc.js.map} +1 -1
  111. package/dist/chunks/{modal.e1Ym209E.js → modal.Cp2cNQbD.js} +5 -5
  112. package/dist/chunks/{modal.e1Ym209E.js.map → modal.Cp2cNQbD.js.map} +1 -1
  113. package/dist/chunks/{navigation-menu-group.E1Oam9-n.js → navigation-menu-group.Dvs0wWHC.js} +2 -2
  114. package/dist/chunks/{navigation-menu-group.E1Oam9-n.js.map → navigation-menu-group.Dvs0wWHC.js.map} +1 -1
  115. package/dist/chunks/{pagination.CxW1zuWi.js → pagination.9fxG-UWo.js} +3 -3
  116. package/dist/chunks/{pagination.CxW1zuWi.js.map → pagination.9fxG-UWo.js.map} +1 -1
  117. package/dist/chunks/{promo-banner.BVBt9w4u.js → promo-banner.eVbU1xqj.js} +2 -2
  118. package/dist/chunks/{promo-banner.BVBt9w4u.js.map → promo-banner.eVbU1xqj.js.map} +1 -1
  119. package/dist/chunks/{rich-text-editor.VWCBSRmM.js → rich-text-editor.DYfdUHI6.js} +2 -2
  120. package/dist/chunks/{rich-text-editor.VWCBSRmM.js.map → rich-text-editor.DYfdUHI6.js.map} +1 -1
  121. package/dist/chunks/{search-bar.nRiF5eNx.js → search-bar.d8qlBngk.js} +3 -3
  122. package/dist/chunks/{search-bar.nRiF5eNx.js.map → search-bar.d8qlBngk.js.map} +1 -1
  123. package/dist/chunks/{secondary-nav.BlI1PBNr.js → secondary-nav.BQ6DM8_b.js} +3 -3
  124. package/dist/chunks/{secondary-nav.BlI1PBNr.js.map → secondary-nav.BQ6DM8_b.js.map} +1 -1
  125. package/dist/chunks/{sidepanel.CN_u-b5X.js → sidepanel.CUqjE_-9.js} +5 -5
  126. package/dist/chunks/{sidepanel.CN_u-b5X.js.map → sidepanel.CUqjE_-9.js.map} +1 -1
  127. package/dist/chunks/{structured-list-item.CL1jhdTX.js → structured-list-item.jO4KtMuc.js} +3 -3
  128. package/dist/chunks/{structured-list-item.CL1jhdTX.js.map → structured-list-item.jO4KtMuc.js.map} +1 -1
  129. package/dist/chunks/{summary-grid.types.Cjrwg4vd.js → summary-grid.types.BsjF5xAH.js} +3 -3
  130. package/dist/chunks/{summary-grid.types.Cjrwg4vd.js.map → summary-grid.types.BsjF5xAH.js.map} +1 -1
  131. package/dist/chunks/{tab.B2qRfTqx.js → tab.qhcMgSD1.js} +2 -2
  132. package/dist/chunks/{tab.B2qRfTqx.js.map → tab.qhcMgSD1.js.map} +1 -1
  133. package/dist/chunks/{textarea.CbCrtcQ2.js → textarea.BOQbOPm4.js} +2 -2
  134. package/dist/chunks/{textarea.CbCrtcQ2.js.map → textarea.BOQbOPm4.js.map} +1 -1
  135. package/dist/chunks/{timeline-item.BVOztUi9.js → timeline-item.DXhpupK_.js} +6 -6
  136. package/dist/chunks/{timeline-item.BVOztUi9.js.map → timeline-item.DXhpupK_.js.map} +1 -1
  137. package/dist/chunks/{toast.BMGR5QrI.js → toast.BDV4ab4e.js} +2 -2
  138. package/dist/chunks/{toast.BMGR5QrI.js.map → toast.BDV4ab4e.js.map} +1 -1
  139. package/dist/chunks/{tutorial.WeP9PjhU.js → tutorial.CAcBuXib.js} +2 -2
  140. package/dist/chunks/{tutorial.WeP9PjhU.js.map → tutorial.CAcBuXib.js.map} +1 -1
  141. package/dist/chunks/{use-date-input-formatter.DhduXYC3.js → use-date-input-formatter.BR_O2GeY.js} +2 -2
  142. package/dist/chunks/{use-date-input-formatter.DhduXYC3.js.map → use-date-input-formatter.BR_O2GeY.js.map} +1 -1
  143. package/dist/code-snippet.js +1 -1
  144. package/dist/dashboard-template.js +1 -1
  145. package/dist/dashed-underline.js +1 -1
  146. package/dist/data-grid-template.js +1 -1
  147. package/dist/data-grid.js +1 -1
  148. package/dist/date-picker.js +2 -2
  149. package/dist/date-range-picker.js +2 -2
  150. package/dist/date-time-picker.js +1 -1
  151. package/dist/draggable.js +2 -2
  152. package/dist/dropdown.js +2 -2
  153. package/dist/empty-state.js +1 -1
  154. package/dist/file-uploader.js +1 -1
  155. package/dist/filter-bar.js +1 -1
  156. package/dist/form-layout.js +1 -1
  157. package/dist/header-with-views.js +1 -1
  158. package/dist/header.js +1 -1
  159. package/dist/index.js +50 -50
  160. package/dist/input-field-password.js +1 -1
  161. package/dist/input-field-phone-number.js +1 -1
  162. package/dist/input-field.js +1 -1
  163. package/dist/input-time.js +1 -1
  164. package/dist/inspector.js +1 -1
  165. package/dist/internal.js +8 -8
  166. package/dist/list.js +1 -1
  167. package/dist/menu.js +1 -1
  168. package/dist/modal-fullscreen.js +1 -1
  169. package/dist/modal.js +2 -2
  170. package/dist/navigation-menu.js +1 -1
  171. package/dist/pagination.js +1 -1
  172. package/dist/popover.js +1 -1
  173. package/dist/promo-banner.js +1 -1
  174. package/dist/rich-text-editor.js +1 -1
  175. package/dist/search-bar.js +2 -2
  176. package/dist/secondary-nav.js +1 -1
  177. package/dist/sidepanel.js +1 -1
  178. package/dist/structured-list.js +1 -1
  179. package/dist/summary-grid.js +1 -1
  180. package/dist/tabs.js +1 -1
  181. package/dist/textarea.js +1 -1
  182. package/dist/timeline.js +1 -1
  183. package/dist/toast.js +1 -1
  184. package/dist/tutorial.js +1 -1
  185. package/dist/web-types.json +97 -76
  186. package/package.json +4 -4
  187. package/dist/chunks/button.DITA6YtS.js +0 -110
  188. package/dist/chunks/button.DITA6YtS.js.map +0 -1
  189. package/dist/chunks/filter-bar.CY9xbtNy.js.map +0 -1
package/dist/assets/input-field.css CHANGED
@@ -1 +1 @@
1
- @charset "UTF-8";.b-input-field[data-v-bf8c230f]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-input-field[data-v-bf8c230f],.b-input-field[data-v-bf8c230f]:before,.b-input-field[data-v-bf8c230f]:after{box-sizing:border-box}.b-input-field *[data-v-bf8c230f],.b-input-field *[data-v-bf8c230f]:before,.b-input-field *[data-v-bf8c230f]:after{box-sizing:border-box}.b-input-field[data-v-bf8c230f] ::-webkit-scrollbar{height:14px;width:14px}.b-input-field[data-v-bf8c230f] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-field--condensed .b-input-field__input-box[data-v-bf8c230f]{height:28px}.b-input-field--condensed .b-input-field__icon-before[data-v-bf8c230f]{margin-left:var(--b-spacer-050)}.b-input-field--condensed .b-input-field__icon-after[data-v-bf8c230f]{margin-right:var(--b-spacer-050)}.b-input-field--condensed .b-input-field__input[data-v-bf8c230f]{margin:var(--b-spacer-020) var(--b-spacer-050)}.b-input-field--condensed .b-input-field__payment-method[data-v-bf8c230f]{margin-left:var(--b-spacer-030)}.b-input-field--condensed .b-input-field__static-value[data-v-bf8c230f]{height:20px;word-break:keep-all}.b-input-field--condensed .b-input-field__static-value--end[data-v-bf8c230f]{margin-right:var(--b-spacer-020)}.b-input-field--condensed .b-input-field__static-value--start[data-v-bf8c230f]{margin-left:var(--b-spacer-020)}.b-input-field--condensed[data-v-bf8c230f] .b-dropdown-small-textbox{height:20px}.b-input-field--condensed[data-v-bf8c230f] .b-dropdown-small-textbox__textbox{padding:0 var(--b-spacer-030)}.b-input-field--condensed[data-v-bf8c230f] .b-dropdown-base-textbox{height:100%}.b-input-field--disabled *[data-v-bf8c230f]{cursor:not-allowed}.b-input-field--disabled .b-input-field__input-box[data-v-bf8c230f]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled)}.b-input-field--disabled .b-input-field__input-box[data-v-bf8c230f]:hover{border-color:var(--b-color-outline-disabled)}.b-input-field--disabled .b-input-field__icon-before[data-v-bf8c230f],.b-input-field--disabled .b-input-field__icon-after[data-v-bf8c230f],.b-input-field--disabled .b-input-field__static-value[data-v-bf8c230f]{background-color:var(--b-color-background-disabled);color:var(--b-color-label-disabled)}.b-input-field--disabled .b-input-field__payment-method[data-v-bf8c230f]{opacity:.3}.b-input-field--readonly .b-input-field__input-box[data-v-bf8c230f]{overflow:hidden}.b-input-field--readonly .b-input-field__input-box[data-v-bf8c230f],.b-input-field--readonly .b-input-field__input-box *[data-v-bf8c230f]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled);cursor:unset}.b-input-field--readonly .b-input-field__input-box[data-v-bf8c230f]:focus-within,.b-input-field--readonly .b-input-field__input-box[data-v-bf8c230f]:hover,.b-input-field--readonly .b-input-field__input-box *[data-v-bf8c230f]:focus-within,.b-input-field--readonly .b-input-field__input-box *[data-v-bf8c230f]:hover{border-color:var(--b-color-outline-disabled);outline:unset}.b-input-field--readonly .b-input-field__static-value[data-v-bf8c230f]{background-color:var(--b-color-background-disabled)}.b-input-field--error .b-input-field__input-box[data-v-bf8c230f]{border-color:var(--b-color-outline-critical);outline:.5px solid var(--b-color-outline-critical)}.b-input-field--slashed-zero .b-input-field__input-box *[data-v-bf8c230f],.b-input-field--slashed-zero[data-v-bf8c230f] .b-dropdown *{font-variant-numeric:slashed-zero}.b-input-field__input-box[data-v-bf8c230f]{align-items:center;background-color:var(--b-color-background-primary);border:1px var(--b-color-outline-tertiary) solid;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);display:flex;flex-direction:row;height:36px;outline:none}.b-input-field__input-box[data-v-bf8c230f]:hover{border-color:var(--b-color-outline-tertiary-active);outline-color:var(--b-color-outline-tertiary-active)}.b-input-field__input-box[data-v-bf8c230f]:focus-within{border-color:var(--b-color-outline-tertiary-active);outline:.5px solid var(--b-color-outline-tertiary-active)}.b-input-field__input-box>*[data-v-bf8c230f]{background-color:var(--b-color-background-primary)}.b-input-field__static-value[data-v-bf8c230f]{align-items:center;background-color:var(--b-color-background-secondary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-primary);display:flex;height:28px;padding:var(--b-spacer-020) var(--b-spacer-030)}.b-input-field__static-value--start[data-v-bf8c230f]{margin-left:var(--b-spacer-020)}.b-input-field__static-value--end[data-v-bf8c230f]{margin-right:var(--b-spacer-020)}.b-input-field__input-container[data-v-bf8c230f]{align-items:center;background:transparent;display:flex;flex-direction:row;width:100%}.b-input-field__hint[data-v-bf8c230f]{color:var(--b-color-label-secondary);margin-right:var(--b-spacer-060);max-width:100%;text-align:right;white-space:nowrap}.b-input-field__payment-method[data-v-bf8c230f]{height:16px;margin-left:var(--b-spacer-030)}.b-input-field__dropdown[data-v-bf8c230f] .b-dropdown-small-textbox{border-radius:var(--b-border-radius-s);min-width:70px}.b-input-field__dropdown--start[data-v-bf8c230f]{margin-left:var(--b-spacer-020)}.b-input-field__dropdown--end[data-v-bf8c230f]{margin-right:var(--b-spacer-020)}.b-input-field__input[data-v-bf8c230f]{background-color:transparent;border:0;color:var(--b-color-label-primary);font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:var(--b-spacer-040) var(--b-spacer-060);overflow:hidden;padding:0;width:100%}.b-input-field__input[type=search][data-v-bf8c230f]::-ms-clear,.b-input-field__input[type=search][data-v-bf8c230f]::-ms-reveal{display:none;height:0;width:0}.b-input-field__input[type=search][data-v-bf8c230f]::-webkit-search-decoration,.b-input-field__input[type=search][data-v-bf8c230f]::-webkit-search-cancel-button,.b-input-field__input[type=search][data-v-bf8c230f]::-webkit-search-results-button,.b-input-field__input[type=search][data-v-bf8c230f]::-webkit-search-results-decoration{display:none}.b-input-field__input[type=number][data-v-bf8c230f]::-webkit-outer-spin-button,.b-input-field__input[type=number][data-v-bf8c230f]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.b-input-field__input[data-v-bf8c230f]::placeholder{color:var(--b-color-label-secondary);opacity:1}.b-input-field__input[data-v-bf8c230f]:focus-visible{box-shadow:none;outline:none}.b-input-field__input[data-v-bf8c230f]:disabled{background-color:var(--b-color-background-disabled);color:var(--b-color-label-disabled)}.b-input-field__input[data-v-bf8c230f]:disabled::placeholder{background-color:var(--b-color-background-disabled)}.b-input-field__input[type=number][data-v-bf8c230f]{-moz-appearance:textfield}.b-input-field__description[data-v-bf8c230f]{color:var(--b-color-label-secondary);display:block;margin-top:var(--b-spacer-040)}.b-input-field__error-message[data-v-bf8c230f]{margin-bottom:-4px;margin-top:var(--b-spacer-040)}.b-input-field__icon-before[data-v-bf8c230f]{display:flex;margin-left:var(--b-spacer-060)}.b-input-field__icon-after[data-v-bf8c230f]{display:flex;margin-right:var(--b-spacer-060)}
1
+ @charset "UTF-8";.b-input-field[data-v-0a17c0b3]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column}.b-input-field[data-v-0a17c0b3],.b-input-field[data-v-0a17c0b3]:before,.b-input-field[data-v-0a17c0b3]:after{box-sizing:border-box}.b-input-field *[data-v-0a17c0b3],.b-input-field *[data-v-0a17c0b3]:before,.b-input-field *[data-v-0a17c0b3]:after{box-sizing:border-box}.b-input-field[data-v-0a17c0b3] ::-webkit-scrollbar{height:14px;width:14px}.b-input-field[data-v-0a17c0b3] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-input-field--condensed .b-input-field__input-box[data-v-0a17c0b3]{height:28px}.b-input-field--condensed .b-input-field__icon-before[data-v-0a17c0b3]{margin-left:var(--b-spacer-050)}.b-input-field--condensed .b-input-field__icon-after[data-v-0a17c0b3]{margin-right:var(--b-spacer-050)}.b-input-field--condensed .b-input-field__input[data-v-0a17c0b3]{margin:var(--b-spacer-020) var(--b-spacer-050)}.b-input-field--condensed .b-input-field__payment-method[data-v-0a17c0b3]{margin-left:var(--b-spacer-030)}.b-input-field--condensed .b-input-field__static-value[data-v-0a17c0b3]{height:20px;word-break:keep-all}.b-input-field--condensed .b-input-field__static-value--end[data-v-0a17c0b3]{margin-right:var(--b-spacer-020)}.b-input-field--condensed .b-input-field__static-value--start[data-v-0a17c0b3]{margin-left:var(--b-spacer-020)}.b-input-field--condensed[data-v-0a17c0b3] .b-dropdown-small-textbox{height:20px}.b-input-field--condensed[data-v-0a17c0b3] .b-dropdown-small-textbox__textbox{padding:0 var(--b-spacer-030)}.b-input-field--condensed[data-v-0a17c0b3] .b-dropdown-base-textbox{height:100%}.b-input-field--disabled *[data-v-0a17c0b3]{cursor:not-allowed}.b-input-field--disabled .b-input-field__input-box[data-v-0a17c0b3]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled)}.b-input-field--disabled .b-input-field__input-box[data-v-0a17c0b3]:hover{border-color:var(--b-color-outline-disabled)}.b-input-field--disabled .b-input-field__icon-before[data-v-0a17c0b3],.b-input-field--disabled .b-input-field__icon-after[data-v-0a17c0b3],.b-input-field--disabled .b-input-field__static-value[data-v-0a17c0b3]{background-color:var(--b-color-background-disabled);color:var(--b-color-label-disabled)}.b-input-field--disabled .b-input-field__payment-method[data-v-0a17c0b3]{opacity:.3}.b-input-field--readonly .b-input-field__input-box[data-v-0a17c0b3]{overflow:hidden}.b-input-field--readonly .b-input-field__input-box[data-v-0a17c0b3],.b-input-field--readonly .b-input-field__input-box *[data-v-0a17c0b3]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled);cursor:unset}.b-input-field--readonly .b-input-field__input-box[data-v-0a17c0b3]:focus-within,.b-input-field--readonly .b-input-field__input-box[data-v-0a17c0b3]:hover,.b-input-field--readonly .b-input-field__input-box *[data-v-0a17c0b3]:focus-within,.b-input-field--readonly .b-input-field__input-box *[data-v-0a17c0b3]:hover{border-color:var(--b-color-outline-disabled);outline:unset}.b-input-field--readonly .b-input-field__static-value[data-v-0a17c0b3]{background-color:var(--b-color-background-disabled)}.b-input-field--error .b-input-field__input-box[data-v-0a17c0b3]{border-color:var(--b-color-outline-critical);outline:calc(var(--b-border-width-attention) - var(--b-border-width-s)) solid var(--b-color-outline-critical)}.b-input-field--slashed-zero .b-input-field__input-box *[data-v-0a17c0b3],.b-input-field--slashed-zero[data-v-0a17c0b3] .b-dropdown *{font-variant-numeric:slashed-zero}.b-input-field__input-box[data-v-0a17c0b3]{align-items:center;background-color:var(--b-color-background-primary);border:1px var(--b-color-outline-tertiary) solid;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);display:flex;flex-direction:row;height:36px;outline:none}.b-input-field__input-box[data-v-0a17c0b3]:hover{border-color:var(--b-color-outline-tertiary-active);outline-color:var(--b-color-outline-tertiary-active)}.b-input-field__input-box[data-v-0a17c0b3]:focus-within{border-color:var(--b-color-outline-tertiary-active);outline:.5px solid var(--b-color-outline-tertiary-active)}.b-input-field__input-box>*[data-v-0a17c0b3]{background-color:var(--b-color-background-primary)}.b-input-field__static-value[data-v-0a17c0b3]{align-items:center;background-color:var(--b-color-background-secondary);border-radius:var(--b-border-radius-s);color:var(--b-color-label-primary);display:flex;height:28px;padding:var(--b-spacer-020) var(--b-spacer-030)}.b-input-field__static-value--start[data-v-0a17c0b3]{margin-left:var(--b-spacer-020)}.b-input-field__static-value--end[data-v-0a17c0b3]{margin-right:var(--b-spacer-020)}.b-input-field__input-container[data-v-0a17c0b3]{align-items:center;background:transparent;display:flex;flex-direction:row;width:100%}.b-input-field__hint[data-v-0a17c0b3]{color:var(--b-color-label-secondary);margin-right:var(--b-spacer-060);max-width:100%;text-align:right;white-space:nowrap}.b-input-field__payment-method[data-v-0a17c0b3]{height:16px;margin-left:var(--b-spacer-030)}.b-input-field__dropdown[data-v-0a17c0b3] .b-dropdown-small-textbox{border-radius:var(--b-border-radius-s);min-width:70px}.b-input-field__dropdown--start[data-v-0a17c0b3]{margin-left:var(--b-spacer-020)}.b-input-field__dropdown--end[data-v-0a17c0b3]{margin-right:var(--b-spacer-020)}.b-input-field__input[data-v-0a17c0b3]{background-color:transparent;border:0;color:var(--b-color-label-primary);font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:var(--b-spacer-040) var(--b-spacer-060);overflow:hidden;padding:0;width:100%}.b-input-field__input[type=search][data-v-0a17c0b3]::-ms-clear,.b-input-field__input[type=search][data-v-0a17c0b3]::-ms-reveal{display:none;height:0;width:0}.b-input-field__input[type=search][data-v-0a17c0b3]::-webkit-search-decoration,.b-input-field__input[type=search][data-v-0a17c0b3]::-webkit-search-cancel-button,.b-input-field__input[type=search][data-v-0a17c0b3]::-webkit-search-results-button,.b-input-field__input[type=search][data-v-0a17c0b3]::-webkit-search-results-decoration{display:none}.b-input-field__input[type=number][data-v-0a17c0b3]::-webkit-outer-spin-button,.b-input-field__input[type=number][data-v-0a17c0b3]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.b-input-field__input[data-v-0a17c0b3]::placeholder{color:var(--b-color-label-secondary);opacity:1}.b-input-field__input[data-v-0a17c0b3]:focus-visible{box-shadow:none;outline:none}.b-input-field__input[data-v-0a17c0b3]:disabled{background-color:var(--b-color-background-disabled);color:var(--b-color-label-disabled)}.b-input-field__input[data-v-0a17c0b3]:disabled::placeholder{background-color:var(--b-color-background-disabled)}.b-input-field__input[type=number][data-v-0a17c0b3]{-moz-appearance:textfield}.b-input-field__description[data-v-0a17c0b3]{color:var(--b-color-label-secondary);display:block;margin-top:var(--b-spacer-040)}.b-input-field__error-message[data-v-0a17c0b3]{margin-bottom:-4px;margin-top:var(--b-spacer-040)}.b-input-field__icon-before[data-v-0a17c0b3]{display:flex;margin-left:var(--b-spacer-060)}.b-input-field__icon-after[data-v-0a17c0b3]{display:flex;margin-right:var(--b-spacer-060)}
package/dist/assets/inspector.css CHANGED
@@ -1 +1 @@
1
- .b-inspector[data-v-62a28c4d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;height:100%;position:relative}.b-inspector[data-v-62a28c4d],.b-inspector[data-v-62a28c4d]:before,.b-inspector[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector *[data-v-62a28c4d],.b-inspector *[data-v-62a28c4d]:before,.b-inspector *[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector[data-v-62a28c4d] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-62a28c4d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-inspector--overlay-content .b-inspector__container-wrapper[data-v-62a28c4d]{box-shadow:var(--b-shadow-medium);position:absolute;right:0;z-index:var(--b-z-index-global-elevated)}.b-inspector__page-wrapper[data-v-62a28c4d]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-62a28c4d]{height:100%}.b-inspector__container-wrapper[data-v-62a28c4d]{background-color:var(--b-color-background-primary);border-left:1px solid var(--b-color-separator-secondary);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-62a28c4d]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-070) var(--b-spacer-090)}.b-inspector__header[data-v-62a28c4d]{color:var(--b-color-label-primary);display:flex;gap:var(--b-spacer-060);padding-bottom:var(--b-spacer-070)}.b-inspector__title[data-v-62a28c4d]{flex-grow:1}.b-inspector__icons[data-v-62a28c4d]{display:flex;flex-shrink:0;gap:var(--b-spacer-050)}.b-inspector__content[data-v-62a28c4d]{flex-grow:1}.b-inspector__loading-indicator[data-v-62a28c4d]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-62a28c4d]{clip-path:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-62a28c4d]:focus-visible{clip-path:auto;height:auto;opacity:1;right:var(--b-spacer-040);width:auto;z-index:1}.b-inspector__return-content-description[data-v-62a28c4d]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-62a28c4d]{width:420px}.b-inspector--small .b-inspector__container[data-v-62a28c4d]{width:419px}@keyframes expand-small-62a28c4d{0%{width:0}to{width:420px}}@keyframes shrink-small-62a28c4d{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--small .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-ua1vcps-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-ua1vcps-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-ua1vcq8-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-ua1vcq8-62a28c4d{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-62a28c4d]{width:595px}.b-inspector--large .b-inspector__container[data-v-62a28c4d]{width:594px}@keyframes expand-large-62a28c4d{0%{width:0}to{width:595px}}@keyframes shrink-large-62a28c4d{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-large-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--large .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-large-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-ua1vcr7-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-ua1vcr7-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-ua1vcs7-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-ua1vcs7-62a28c4d{0%{translate:0 0}to{translate:100% 0}}
1
+ .b-inspector[data-v-62a28c4d]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;height:100%;position:relative}.b-inspector[data-v-62a28c4d],.b-inspector[data-v-62a28c4d]:before,.b-inspector[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector *[data-v-62a28c4d],.b-inspector *[data-v-62a28c4d]:before,.b-inspector *[data-v-62a28c4d]:after{box-sizing:border-box}.b-inspector[data-v-62a28c4d] ::-webkit-scrollbar{height:14px;width:14px}.b-inspector[data-v-62a28c4d] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-inspector--overlay-content .b-inspector__container-wrapper[data-v-62a28c4d]{box-shadow:var(--b-shadow-medium);position:absolute;right:0;z-index:var(--b-z-index-global-elevated)}.b-inspector__page-wrapper[data-v-62a28c4d]{flex-grow:1;height:100%;overflow:auto}.b-inspector__page[data-v-62a28c4d]{height:100%}.b-inspector__container-wrapper[data-v-62a28c4d]{background-color:var(--b-color-background-primary);border-left:1px solid var(--b-color-separator-secondary);flex-shrink:0;height:100%;overflow-x:hidden}.b-inspector__container[data-v-62a28c4d]{display:flex;flex-direction:column;height:100%;padding:var(--b-spacer-070) var(--b-spacer-090)}.b-inspector__header[data-v-62a28c4d]{color:var(--b-color-label-primary);display:flex;gap:var(--b-spacer-060);padding-bottom:var(--b-spacer-070)}.b-inspector__title[data-v-62a28c4d]{flex-grow:1}.b-inspector__icons[data-v-62a28c4d]{display:flex;flex-shrink:0;gap:var(--b-spacer-050)}.b-inspector__content[data-v-62a28c4d]{flex-grow:1}.b-inspector__loading-indicator[data-v-62a28c4d]{top:50%;right:50%;bottom:50%;left:50%;transform:translate(-50%,-50%)}.b-inspector__return-content[data-v-62a28c4d]{clip-path:rect(0,0,0,0);height:1px;opacity:0;overflow:hidden;position:absolute;right:0;width:1px}.b-inspector__return-content[data-v-62a28c4d]:focus-visible{clip-path:auto;height:auto;opacity:1;right:var(--b-spacer-040);width:auto;z-index:1}.b-inspector__return-content-description[data-v-62a28c4d]{display:none}.b-inspector--small .b-inspector__container-wrapper[data-v-62a28c4d]{width:420px}.b-inspector--small .b-inspector__container[data-v-62a28c4d]{width:419px}@keyframes expand-small-62a28c4d{0%{width:0}to{width:420px}}@keyframes shrink-small-62a28c4d{0%{width:420px}to{width:0}}.b-inspector--small .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--small .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-small-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--small.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--small.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-u37k2rk-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-u37k2rk-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--small.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-u37k2sd-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-u37k2sd-62a28c4d{0%{translate:0 0}to{translate:100% 0}}.b-inspector--large .b-inspector__container-wrapper[data-v-62a28c4d]{width:595px}.b-inspector--large .b-inspector__container[data-v-62a28c4d]{width:594px}@keyframes expand-large-62a28c4d{0%{width:0}to{width:595px}}@keyframes shrink-large-62a28c4d{0%{width:595px}to{width:0}}.b-inspector--large .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:expand-large-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}.b-inspector--large .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:shrink-large-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}.b-inspector--large.b-inspector--is-compact .b-inspector__container-wrapper[data-v-62a28c4d]{border-left:0;position:absolute;width:100%;z-index:var(--b-z-index-global-elevated)}.b-inspector--large.b-inspector--is-compact .b-inspector__container[data-v-62a28c4d]{width:100%}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-enter-active[data-v-62a28c4d]{animation:enter-u37k2t6-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-enter)}@keyframes enter-u37k2t6-62a28c4d{0%{translate:100% 0}to{translate:0 0}}.b-inspector--large.b-inspector--is-compact .b-inspector__animation-leave-active[data-v-62a28c4d]{animation:exit-u37k2tt-62a28c4d var(--b-animation-duration-slow) var(--b-animation-easing-exit)}@keyframes exit-u37k2tt-62a28c4d{0%{translate:0 0}to{translate:100% 0}}
package/dist/assets/modal-fullscreen.css CHANGED
@@ -1 +1 @@
1
- .b-modal-fullscreen-page[data-v-50f40dc1]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-50f40dc1],.b-modal-fullscreen-page[data-v-50f40dc1]:before,.b-modal-fullscreen-page[data-v-50f40dc1]:after{box-sizing:border-box}.b-modal-fullscreen-page *[data-v-50f40dc1],.b-modal-fullscreen-page *[data-v-50f40dc1]:before,.b-modal-fullscreen-page *[data-v-50f40dc1]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-50f40dc1] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-50f40dc1] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen-page__header[data-v-50f40dc1]{align-items:center;display:flex;flex-grow:1;gap:var(--b-spacer-090);height:64px;overflow:auto hidden;padding:var(--b-spacer-060) var(--b-spacer-090)}.b-modal-fullscreen-page__header:not(:has(.b-modal-fullscreen-page__actions)) .b-modal-fullscreen-page__header-section--slot[data-v-50f40dc1]{flex:0 1 auto}.b-modal-fullscreen-page__header-section[data-v-50f40dc1]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-50f40dc1]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-50f40dc1]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-50f40dc1]{align-items:center;gap:var(--b-spacer-090);justify-content:end}.b-modal-fullscreen-page__title[data-v-50f40dc1]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-50f40dc1]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-50f40dc1]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-50f40dc1] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-50f40dc1]{border-left:var(--b-border-width-s) solid var(--b-color-separator-primary);height:26px;margin-right:var(--b-spacer-110)}.b-modal-fullscreen-page__close-button[data-v-50f40dc1]{align-items:center;background-color:var(--b-color-background-primary);display:flex;height:64px;padding-inline:var(--b-spacer-090);position:absolute;right:0;z-index:var(--b-z-index-local-tier-1)}.b-modal-fullscreen[data-v-9349b04a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-primary);border:0;color:var(--b-color-label-primary);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-9349b04a],.b-modal-fullscreen[data-v-9349b04a]:before,.b-modal-fullscreen[data-v-9349b04a]:after{box-sizing:border-box}.b-modal-fullscreen *[data-v-9349b04a],.b-modal-fullscreen *[data-v-9349b04a]:before,.b-modal-fullscreen *[data-v-9349b04a]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-9349b04a] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-9349b04a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen__wrapper[data-v-9349b04a]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen[data-v-9349b04a]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-9349b04a]{animation:fade-in-ua1vc4l-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-ua1vc4l-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-ua1vc4l-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-ua1vc4l-9349b04a{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ua1vc4l-9349b04a{0%{scale:1}to{scale:1}}@keyframes enter-ua1vc4l-9349b04a{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-9349b04a]{animation:fade-out-ua1vc6o-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-ua1vc6o-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-ua1vc6o-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-ua1vc6o-9349b04a{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ua1vc6o-9349b04a{0%{scale:1}to{scale:1}}@keyframes exit-ua1vc6o-9349b04a{0%{translate:0 0}to{translate:0 64px}}
1
+ .b-modal-fullscreen-page[data-v-50f40dc1]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;overflow:hidden;position:absolute;width:100%}.b-modal-fullscreen-page[data-v-50f40dc1],.b-modal-fullscreen-page[data-v-50f40dc1]:before,.b-modal-fullscreen-page[data-v-50f40dc1]:after{box-sizing:border-box}.b-modal-fullscreen-page *[data-v-50f40dc1],.b-modal-fullscreen-page *[data-v-50f40dc1]:before,.b-modal-fullscreen-page *[data-v-50f40dc1]:after{box-sizing:border-box}.b-modal-fullscreen-page[data-v-50f40dc1] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen-page[data-v-50f40dc1] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen-page__header[data-v-50f40dc1]{align-items:center;display:flex;flex-grow:1;gap:var(--b-spacer-090);height:64px;overflow:auto hidden;padding:var(--b-spacer-060) var(--b-spacer-090)}.b-modal-fullscreen-page__header:not(:has(.b-modal-fullscreen-page__actions)) .b-modal-fullscreen-page__header-section--slot[data-v-50f40dc1]{flex:0 1 auto}.b-modal-fullscreen-page__header-section[data-v-50f40dc1]{display:flex;flex:1 1 0}.b-modal-fullscreen-page__header-section--title[data-v-50f40dc1]{min-width:150px;overflow:hidden}.b-modal-fullscreen-page__header-section--slot[data-v-50f40dc1]{flex-grow:0;justify-content:center}.b-modal-fullscreen-page__header-section--actions[data-v-50f40dc1]{align-items:center;gap:var(--b-spacer-090);justify-content:end}.b-modal-fullscreen-page__title[data-v-50f40dc1]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-modal-fullscreen-page__contextual-label[data-v-50f40dc1]{-webkit-box-orient:vertical;display:-webkit-box;-webkit-line-clamp:2;overflow:hidden}.b-modal-fullscreen-page__actions[data-v-50f40dc1]{container-type:normal;flex-grow:unset}.b-modal-fullscreen-page__actions[data-v-50f40dc1] .b-button-actions__container-wrapper{flex-direction:row}.b-modal-fullscreen-page__separator[data-v-50f40dc1]{border-left:var(--b-border-width-s) solid var(--b-color-separator-primary);height:26px;margin-right:var(--b-spacer-110)}.b-modal-fullscreen-page__close-button[data-v-50f40dc1]{align-items:center;background-color:var(--b-color-background-primary);display:flex;height:64px;padding-inline:var(--b-spacer-090);position:absolute;right:0;z-index:var(--b-z-index-local-tier-1)}.b-modal-fullscreen[data-v-9349b04a]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-primary);border:0;color:var(--b-color-label-primary);height:100%;max-height:100%;max-width:100%;overflow:hidden;padding:0;width:100%}.b-modal-fullscreen[data-v-9349b04a],.b-modal-fullscreen[data-v-9349b04a]:before,.b-modal-fullscreen[data-v-9349b04a]:after{box-sizing:border-box}.b-modal-fullscreen *[data-v-9349b04a],.b-modal-fullscreen *[data-v-9349b04a]:before,.b-modal-fullscreen *[data-v-9349b04a]:after{box-sizing:border-box}.b-modal-fullscreen[data-v-9349b04a] ::-webkit-scrollbar{height:14px;width:14px}.b-modal-fullscreen[data-v-9349b04a] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-modal-fullscreen__wrapper[data-v-9349b04a]{display:flex;flex-direction:column;height:100%}.b-modal-fullscreen[data-v-9349b04a]::backdrop{background-color:transparent}.b-modal-fullscreen[open][data-v-9349b04a]{animation:fade-in-u37k22d-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-u37k22d-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-u37k22d-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-in-u37k22d-9349b04a{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u37k22d-9349b04a{0%{scale:1}to{scale:1}}@keyframes enter-u37k22d-9349b04a{0%{translate:0 64px}to{translate:0 0}}.b-modal-fullscreen--hide[open][data-v-9349b04a]{animation:fade-out-u37k23n-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-u37k23n-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-u37k23n-9349b04a var(--b-animation-duration-moderate) var(--b-animation-easing-linear)}@keyframes fade-out-u37k23n-9349b04a{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u37k23n-9349b04a{0%{scale:1}to{scale:1}}@keyframes exit-u37k23n-9349b04a{0%{translate:0 0}to{translate:0 64px}}
package/dist/assets/navigation-menu-group.css CHANGED
@@ -1 +1 @@
1
- .b-navigation-menu[data-v-2ed5fb08]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;padding:var(--b-spacer-020) var(--b-spacer-040) var(--b-spacer-040)}.b-navigation-menu[data-v-2ed5fb08],.b-navigation-menu[data-v-2ed5fb08]:before,.b-navigation-menu[data-v-2ed5fb08]:after{box-sizing:border-box}.b-navigation-menu *[data-v-2ed5fb08],.b-navigation-menu *[data-v-2ed5fb08]:before,.b-navigation-menu *[data-v-2ed5fb08]:after{box-sizing:border-box}.b-navigation-menu[data-v-2ed5fb08] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu[data-v-2ed5fb08] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-navigation-menu__header[data-v-2ed5fb08]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030) var(--b-spacer-010) var(--b-spacer-060)}.b-navigation-menu__title[data-v-2ed5fb08]{color:var(--b-color-label-secondary);font-family:var(--b-text-caption-font-family-secondary);font-variant-numeric:slashed-zero;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.b-navigation-menu__actions-container[data-v-2ed5fb08],.b-navigation-menu__actions[data-v-2ed5fb08]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-navigation-menu__actions-container[data-v-2ed5fb08] .b-button--icon-only{padding:var(--b-spacer-030)}.b-navigation-menu__content[data-v-2ed5fb08]{display:flex;flex-direction:column;gap:var(--b-spacer-010);list-style:none;margin:0;padding:0}.b-navigation-menu__content[data-v-2ed5fb08] a{text-decoration:none}.b-navigation-menu-item[data-v-2a8e67a7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;border-radius:var(--b-border-radius-m);display:flex;min-height:32px;opacity:1;padding-right:var(--b-spacer-030)}.b-navigation-menu-item[data-v-2a8e67a7],.b-navigation-menu-item[data-v-2a8e67a7]:before,.b-navigation-menu-item[data-v-2a8e67a7]:after{box-sizing:border-box}.b-navigation-menu-item *[data-v-2a8e67a7],.b-navigation-menu-item *[data-v-2a8e67a7]:before,.b-navigation-menu-item *[data-v-2a8e67a7]:after{box-sizing:border-box}.b-navigation-menu-item[data-v-2a8e67a7] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-item[data-v-2a8e67a7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-navigation-menu-item--no-icon .b-navigation-menu-item__link[data-v-2a8e67a7]{padding-left:var(--b-spacer-060)}.b-navigation-menu-item[data-v-2a8e67a7]:hover{background-color:var(--b-color-background-modal-hover)}.b-navigation-menu-item[data-v-2a8e67a7]:active{background-color:var(--b-color-background-modal-active)}.b-navigation-menu-item__link[data-v-2a8e67a7]{align-items:center;cursor:pointer;display:flex;flex:1;gap:var(--b-spacer-020);min-height:32px;min-width:0;padding:var(--b-spacer-010) 0 var(--b-spacer-010) var(--b-spacer-020);text-decoration:none}.b-navigation-menu-item__link[data-v-2a8e67a7]:focus-visible{border-radius:var(--b-border-radius-m)}.b-navigation-menu-item__icon[data-v-2a8e67a7]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item__label[data-v-2a8e67a7]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-item__icon[data-v-2a8e67a7],.b-navigation-menu-item__label[data-v-2a8e67a7]{color:var(--b-color-label-primary)}.b-navigation-menu-item__action[data-v-2a8e67a7]{display:none;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-2a8e67a7]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-2a8e67a7]{animation:fade-in-ua1vci5-2a8e67a7 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-ua1vci5-2a8e67a7{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-item--selected[data-v-2a8e67a7]{background-color:var(--b-color-background-navigation)}.b-navigation-menu-item--selected[data-v-2a8e67a7]:hover{background-color:var(--b-color-background-navigation-hover)}.b-navigation-menu-item--selected[data-v-2a8e67a7]:active{background-color:var(--b-color-background-navigation-active)}.b-navigation-menu-item--nested[data-v-2a8e67a7]{margin-top:var(--b-spacer-010)}.b-navigation-menu-item--nested .b-navigation-menu-item__link[data-v-2a8e67a7]{padding-left:36px}.b-navigation-menu-item--nested .b-navigation-menu-item__label[data-v-2a8e67a7]{color:var(--b-color-label-secondary)}.b-navigation-menu-item--nested:hover .b-navigation-menu-item__label[data-v-2a8e67a7],.b-navigation-menu-item--nested:active .b-navigation-menu-item__label[data-v-2a8e67a7],.b-navigation-menu-item--nested.b-navigation-menu-item--selected .b-navigation-menu-item__label[data-v-2a8e67a7]{color:var(--b-color-label-primary)}.b-navigation-menu-item--hidden[data-v-2a8e67a7]{margin-top:0;max-height:0;min-height:0;opacity:0}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item--hidden[data-v-2a8e67a7]{transition:all var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-item--hidden .b-navigation-menu-item__link[data-v-2a8e67a7]{padding-bottom:0;padding-top:0}.b-navigation-menu-group[data-v-1199c152]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-navigation-menu-group[data-v-1199c152],.b-navigation-menu-group[data-v-1199c152]:before,.b-navigation-menu-group[data-v-1199c152]:after{box-sizing:border-box}.b-navigation-menu-group *[data-v-1199c152],.b-navigation-menu-group *[data-v-1199c152]:before,.b-navigation-menu-group *[data-v-1199c152]:after{box-sizing:border-box}.b-navigation-menu-group[data-v-1199c152] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-group[data-v-1199c152] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-navigation-menu-group button[data-v-1199c152]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-navigation-menu-group button[data-v-1199c152]:focus-visible{outline:none}.b-navigation-menu-group__header[data-v-1199c152]{align-items:center;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;gap:var(--b-spacer-020);min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030);padding-left:var(--b-spacer-020);position:relative;width:100%}.b-navigation-menu-group__header[data-v-1199c152]:hover{background-color:var(--b-color-background-modal-hover)}.b-navigation-menu-group__header[data-v-1199c152]:active{background-color:var(--b-color-background-modal-active)}.b-navigation-menu-group__header[data-v-1199c152]:focus-visible{animation:outer-ring-default-1199c152 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none}@keyframes outer-ring-default-1199c152{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-navigation-menu-group__header--no-icon[data-v-1199c152]{padding-left:var(--b-spacer-050)}.b-navigation-menu-group__icon[data-v-1199c152]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-group__icon--chevron[data-v-1199c152]{display:none}.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-1199c152],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-1199c152]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-1199c152],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-1199c152]{animation:fade-in-ua1vckt-1199c152 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-ua1vckt-1199c152{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-group__label[data-v-1199c152]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-group__content-wrapper[data-v-1199c152]{overflow:clip;overflow-clip-margin:var(--b-spacer-020)}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__content-wrapper[data-v-1199c152]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-group__content[data-v-1199c152]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.b-navigation-menu-group__animation--content-enter-active[data-v-1199c152]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-enter-active[data-v-1199c152]{animation:fade-in-ua1vcl7-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-ua1vcl7-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-ua1vcl7-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-in-ua1vcl7-1199c152{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ua1vcl7-1199c152{0%{scale:1}to{scale:1}}@keyframes enter-ua1vcl7-1199c152{0%{translate:0 -8px}to{translate:0 0}}}.b-navigation-menu-group__animation--content-leave-active[data-v-1199c152]{max-height:0!important;overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-leave-active[data-v-1199c152]{animation:fade-out-ua1vcl8-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-ua1vcl8-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-ua1vcl8-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-out-ua1vcl8-1199c152{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ua1vcl8-1199c152{0%{scale:1}to{scale:1}}@keyframes exit-ua1vcl8-1199c152{0%{translate:0 0}to{translate:0 -8px}}}
1
+ .b-navigation-menu[data-v-2ed5fb08]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;padding:var(--b-spacer-020) var(--b-spacer-040) var(--b-spacer-040)}.b-navigation-menu[data-v-2ed5fb08],.b-navigation-menu[data-v-2ed5fb08]:before,.b-navigation-menu[data-v-2ed5fb08]:after{box-sizing:border-box}.b-navigation-menu *[data-v-2ed5fb08],.b-navigation-menu *[data-v-2ed5fb08]:before,.b-navigation-menu *[data-v-2ed5fb08]:after{box-sizing:border-box}.b-navigation-menu[data-v-2ed5fb08] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu[data-v-2ed5fb08] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-navigation-menu__header[data-v-2ed5fb08]{align-items:center;display:flex;gap:var(--b-spacer-070);justify-content:space-between;min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030) var(--b-spacer-010) var(--b-spacer-060)}.b-navigation-menu__title[data-v-2ed5fb08]{color:var(--b-color-label-secondary);font-family:var(--b-text-caption-font-family-secondary);font-variant-numeric:slashed-zero;overflow:hidden;text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap}.b-navigation-menu__actions-container[data-v-2ed5fb08],.b-navigation-menu__actions[data-v-2ed5fb08]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-navigation-menu__actions-container[data-v-2ed5fb08] .b-button--icon-only{padding:var(--b-spacer-030)}.b-navigation-menu__content[data-v-2ed5fb08]{display:flex;flex-direction:column;gap:var(--b-spacer-010);list-style:none;margin:0;padding:0}.b-navigation-menu__content[data-v-2ed5fb08] a{text-decoration:none}.b-navigation-menu-item[data-v-2a8e67a7]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;align-items:center;border-radius:var(--b-border-radius-m);display:flex;min-height:32px;opacity:1;padding-right:var(--b-spacer-030)}.b-navigation-menu-item[data-v-2a8e67a7],.b-navigation-menu-item[data-v-2a8e67a7]:before,.b-navigation-menu-item[data-v-2a8e67a7]:after{box-sizing:border-box}.b-navigation-menu-item *[data-v-2a8e67a7],.b-navigation-menu-item *[data-v-2a8e67a7]:before,.b-navigation-menu-item *[data-v-2a8e67a7]:after{box-sizing:border-box}.b-navigation-menu-item[data-v-2a8e67a7] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-item[data-v-2a8e67a7] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-navigation-menu-item--no-icon .b-navigation-menu-item__link[data-v-2a8e67a7]{padding-left:var(--b-spacer-060)}.b-navigation-menu-item[data-v-2a8e67a7]:hover{background-color:var(--b-color-background-tertiary-hover)}.b-navigation-menu-item[data-v-2a8e67a7]:active{background-color:var(--b-color-background-tertiary-active)}.b-navigation-menu-item__link[data-v-2a8e67a7]{align-items:center;cursor:pointer;display:flex;flex:1;gap:var(--b-spacer-020);min-height:32px;min-width:0;padding:var(--b-spacer-010) 0 var(--b-spacer-010) var(--b-spacer-020);text-decoration:none}.b-navigation-menu-item__link[data-v-2a8e67a7]:focus-visible{border-radius:var(--b-border-radius-m)}.b-navigation-menu-item__icon[data-v-2a8e67a7]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item__label[data-v-2a8e67a7]{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-item__icon[data-v-2a8e67a7],.b-navigation-menu-item__label[data-v-2a8e67a7]{color:var(--b-color-label-primary)}.b-navigation-menu-item__action[data-v-2a8e67a7]{display:none;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-2a8e67a7]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item:hover .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item:focus-within .b-navigation-menu-item__action[data-v-2a8e67a7],.b-navigation-menu-item--always-show-actions .b-navigation-menu-item__action[data-v-2a8e67a7]{animation:fade-in-u37k2ih-2a8e67a7 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-u37k2ih-2a8e67a7{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-item--selected[data-v-2a8e67a7]{background-color:var(--b-color-background-navigation)}.b-navigation-menu-item--selected[data-v-2a8e67a7]:hover{background-color:var(--b-color-background-navigation-hover)}.b-navigation-menu-item--selected[data-v-2a8e67a7]:active{background-color:var(--b-color-background-navigation-active)}.b-navigation-menu-item--nested[data-v-2a8e67a7]{margin-top:var(--b-spacer-010)}.b-navigation-menu-item--nested .b-navigation-menu-item__link[data-v-2a8e67a7]{padding-left:36px}.b-navigation-menu-item--nested .b-navigation-menu-item__label[data-v-2a8e67a7]{color:var(--b-color-label-secondary)}.b-navigation-menu-item--nested:hover .b-navigation-menu-item__label[data-v-2a8e67a7],.b-navigation-menu-item--nested:active .b-navigation-menu-item__label[data-v-2a8e67a7],.b-navigation-menu-item--nested.b-navigation-menu-item--selected .b-navigation-menu-item__label[data-v-2a8e67a7]{color:var(--b-color-label-primary)}.b-navigation-menu-item--hidden[data-v-2a8e67a7]{margin-top:0;max-height:0;min-height:0;opacity:0}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-item--hidden[data-v-2a8e67a7]{transition:all var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-item--hidden .b-navigation-menu-item__link[data-v-2a8e67a7]{padding-bottom:0;padding-top:0}.b-navigation-menu-group[data-v-1199c152]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-navigation-menu-group[data-v-1199c152],.b-navigation-menu-group[data-v-1199c152]:before,.b-navigation-menu-group[data-v-1199c152]:after{box-sizing:border-box}.b-navigation-menu-group *[data-v-1199c152],.b-navigation-menu-group *[data-v-1199c152]:before,.b-navigation-menu-group *[data-v-1199c152]:after{box-sizing:border-box}.b-navigation-menu-group[data-v-1199c152] ::-webkit-scrollbar{height:14px;width:14px}.b-navigation-menu-group[data-v-1199c152] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-navigation-menu-group button[data-v-1199c152]{background-color:transparent;border:0;font:inherit;text-align:inherit}.b-navigation-menu-group button[data-v-1199c152]:focus-visible{outline:none}.b-navigation-menu-group__header[data-v-1199c152]{align-items:center;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;gap:var(--b-spacer-020);min-height:32px;padding:var(--b-spacer-010) var(--b-spacer-030);padding-left:var(--b-spacer-020);position:relative;width:100%}.b-navigation-menu-group__header[data-v-1199c152]:hover{background-color:var(--b-color-background-tertiary-hover)}.b-navigation-menu-group__header[data-v-1199c152]:active{background-color:var(--b-color-background-tertiary-active)}.b-navigation-menu-group__header[data-v-1199c152]:focus-visible{animation:outer-ring-default-1199c152 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color);outline:none}@keyframes outer-ring-default-1199c152{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-navigation-menu-group__header--no-icon[data-v-1199c152]{padding-left:var(--b-spacer-050)}.b-navigation-menu-group__icon[data-v-1199c152]{display:flex;flex-shrink:0;padding:var(--b-spacer-030)}.b-navigation-menu-group__icon--chevron[data-v-1199c152]{display:none}.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-1199c152],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-1199c152]{display:flex}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__header:hover .b-navigation-menu-group__icon--chevron[data-v-1199c152],.b-navigation-menu-group__header:focus-visible .b-navigation-menu-group__icon--chevron[data-v-1199c152]{animation:fade-in-u37k2le-1199c152 var(--b-animation-duration-fast) var(--b-animation-easing-linear)}@keyframes fade-in-u37k2le-1199c152{0%{opacity:0}to{opacity:1}}}.b-navigation-menu-group__label[data-v-1199c152]{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.b-navigation-menu-group__content-wrapper[data-v-1199c152]{overflow:clip;overflow-clip-margin:var(--b-spacer-020)}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__content-wrapper[data-v-1199c152]{transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}}.b-navigation-menu-group__content[data-v-1199c152]{display:flex;flex-direction:column;list-style:none;margin:0;padding:0}.b-navigation-menu-group__animation--content-enter-active[data-v-1199c152]{overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-enter-active[data-v-1199c152]{animation:fade-in-u37k2m9-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-u37k2m9-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-u37k2m9-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-in-u37k2m9-1199c152{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u37k2m9-1199c152{0%{scale:1}to{scale:1}}@keyframes enter-u37k2m9-1199c152{0%{translate:0 -8px}to{translate:0 0}}}.b-navigation-menu-group__animation--content-leave-active[data-v-1199c152]{max-height:0!important;overflow:hidden}@media(prefers-reduced-motion:no-preference){.b-navigation-menu-group__animation--content-leave-active[data-v-1199c152]{animation:fade-out-u37k2mg-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-u37k2mg-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-u37k2mg-1199c152 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-out-u37k2mg-1199c152{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u37k2mg-1199c152{0%{scale:1}to{scale:1}}@keyframes exit-u37k2mg-1199c152{0%{translate:0 0}to{translate:0 -8px}}}
package/dist/assets/rich-text-editor.css CHANGED
@@ -1 +1 @@
1
- .b-rich-text-editor-content-area[data-v-c67b6a8d]{min-height:80px;padding:var(--b-spacer-040) var(--b-spacer-060);white-space:pre-wrap}.b-rich-text-editor-content-area--disabled[data-v-c67b6a8d]{background:var(--b-color-background-disabled);pointer-events:none}.b-rich-text-editor-content-area[data-v-c67b6a8d]:focus{outline:none}.b-rich-text-editor[data-v-10650419]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-color-label-primary);white-space:pre-wrap}.b-rich-text-editor[data-v-10650419],.b-rich-text-editor[data-v-10650419]:before,.b-rich-text-editor[data-v-10650419]:after{box-sizing:border-box}.b-rich-text-editor *[data-v-10650419],.b-rich-text-editor *[data-v-10650419]:before,.b-rich-text-editor *[data-v-10650419]:after{box-sizing:border-box}.b-rich-text-editor[data-v-10650419] ::-webkit-scrollbar{height:14px;width:14px}.b-rich-text-editor[data-v-10650419] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-rich-text-editor__error-message[data-v-10650419]{margin-top:var(--b-spacer-040)}.b-rich-text-editor__description[data-v-10650419]{color:var(--b-color-label-secondary);display:block;margin-top:var(--b-spacer-040)}.b-rich-text-editor__container[data-v-10650419]{border:var(--b-border-width-s) solid var(--b-color-outline-tertiary);border-radius:var(--b-border-radius-m)}.b-rich-text-editor__container[data-v-10650419]:hover{border-color:var(--b-color-outline-primary-active)}.b-rich-text-editor__container[data-v-10650419]:active,.b-rich-text-editor__container[data-v-10650419]:focus-within{border-color:var(--b-color-outline-primary-active)}.b-rich-text-editor__container--error[data-v-10650419]{border:var(--b-border-width-attention) solid var(--b-color-outline-critical)}.b-rich-text-editor__container--disabled[data-v-10650419],.b-rich-text-editor__container--disabled[data-v-10650419]:hover{background-color:var(--b-color-background-disabled);border:var(--b-border-width-s) solid var(--b-color-outline-disabled);color:var(--b-color-label-disabled)}.b-rich-text-editor__toolbar[data-v-10650419]{border-bottom:var(--b-border-width-s) solid var(--b-color-outline-primary);display:flex;justify-content:flex-end;padding:var(--b-spacer-040) var(--b-spacer-060)}.b-rich-text-editor__renderer[data-v-10650419]{min-height:80px;padding:var(--b-spacer-040) var(--b-spacer-060);white-space:pre-wrap}.b-rich-text-editor__renderer--disabled[data-v-10650419]{color:var(--b-color-label-disabled)}
1
+ .b-rich-text-editor-content-area[data-v-c67b6a8d]{min-height:80px;padding:var(--b-spacer-040) var(--b-spacer-060);white-space:pre-wrap}.b-rich-text-editor-content-area--disabled[data-v-c67b6a8d]{background:var(--b-color-background-disabled);pointer-events:none}.b-rich-text-editor-content-area[data-v-c67b6a8d]:focus{outline:none}.b-rich-text-editor[data-v-10650419]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--b-color-label-primary);white-space:pre-wrap}.b-rich-text-editor[data-v-10650419],.b-rich-text-editor[data-v-10650419]:before,.b-rich-text-editor[data-v-10650419]:after{box-sizing:border-box}.b-rich-text-editor *[data-v-10650419],.b-rich-text-editor *[data-v-10650419]:before,.b-rich-text-editor *[data-v-10650419]:after{box-sizing:border-box}.b-rich-text-editor[data-v-10650419] ::-webkit-scrollbar{height:14px;width:14px}.b-rich-text-editor[data-v-10650419] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-rich-text-editor__error-message[data-v-10650419]{margin-top:var(--b-spacer-040)}.b-rich-text-editor__description[data-v-10650419]{color:var(--b-color-label-secondary);display:block;margin-top:var(--b-spacer-040)}.b-rich-text-editor__container[data-v-10650419]{border:var(--b-border-width-s) solid var(--b-color-outline-tertiary);border-radius:var(--b-border-radius-m)}.b-rich-text-editor__container[data-v-10650419]:hover{border-color:var(--b-color-outline-primary-active);outline:unset}.b-rich-text-editor__container[data-v-10650419]:active,.b-rich-text-editor__container[data-v-10650419]:focus-within{border-color:var(--b-color-outline-primary-active)}.b-rich-text-editor__container--error[data-v-10650419]{border-color:var(--b-color-outline-critical);outline:calc(var(--b-border-width-attention) - var(--b-border-width-s)) solid var(--b-color-outline-critical)}.b-rich-text-editor__container--disabled[data-v-10650419],.b-rich-text-editor__container--disabled[data-v-10650419]:hover{background-color:var(--b-color-background-disabled);border:var(--b-border-width-s) solid var(--b-color-outline-disabled);color:var(--b-color-label-disabled)}.b-rich-text-editor__toolbar[data-v-10650419]{border-bottom:var(--b-border-width-s) solid var(--b-color-outline-primary);display:flex;justify-content:flex-end;padding:var(--b-spacer-040) var(--b-spacer-060)}.b-rich-text-editor__renderer[data-v-10650419]{min-height:80px;padding:var(--b-spacer-040) var(--b-spacer-060);white-space:pre-wrap}.b-rich-text-editor__renderer--disabled[data-v-10650419]{color:var(--b-color-label-disabled)}
package/dist/assets/secondary-nav.css CHANGED
@@ -1 +1 @@
1
- button[data-v-14334916]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-14334916]:focus-visible{outline:none}.b-secondary-nav-item[data-v-14334916]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:var(--b-spacer-020)}.b-secondary-nav-item[data-v-14334916],.b-secondary-nav-item[data-v-14334916]:before,.b-secondary-nav-item[data-v-14334916]:after{box-sizing:border-box}.b-secondary-nav-item *[data-v-14334916],.b-secondary-nav-item *[data-v-14334916]:before,.b-secondary-nav-item *[data-v-14334916]:after{box-sizing:border-box}.b-secondary-nav-item[data-v-14334916] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-item[data-v-14334916] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-secondary-nav-item__wrapper[data-v-14334916]{position:relative}.b-secondary-nav-item__option[data-v-14334916]{align-items:center;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;justify-content:space-between;padding:var(--b-spacer-040) var(--b-spacer-050);width:100%}@media(hover:hover){.b-secondary-nav-item__option[data-v-14334916]:hover{background-color:var(--b-color-background-primary-hover)}}.b-secondary-nav-item__option[data-v-14334916]:active,.b-secondary-nav-item__option--active[data-v-14334916]{background-color:var(--b-color-background-primary-active)}.b-secondary-nav-item__option[data-v-14334916]:focus-visible{animation:outer-ring-default-14334916 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-14334916{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-secondary-nav-item__option--sub-item[data-v-14334916]{padding-left:var(--b-spacer-080)}.b-secondary-nav-item__option--expandable[data-v-14334916]{padding-right:var(--b-spacer-100)}.b-secondary-nav-item__toggle[data-v-14334916]{position:absolute;right:var(--b-spacer-050);top:50%;transform:translateY(-50%)}.b-secondary-nav-item__toggle[data-v-14334916]:after{content:"";display:block;inset:calc(var(--b-spacer-050) * -1);position:absolute}.b-secondary-nav-item__visually-hidden[data-v-14334916]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.b-secondary-nav-item__sub-items[data-v-14334916]{list-style:none;padding:0}.b-secondary-nav-item__animation--content-enter-active[data-v-14334916]{animation:fade-in-ua1vcsx-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-ua1vcsx-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-ua1vcsx-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-in-ua1vcsx-14334916{0%{opacity:0}to{opacity:1}}@keyframes scale-up-ua1vcsx-14334916{0%{scale:1}to{scale:1}}@keyframes enter-ua1vcsx-14334916{0%{translate:0 -8px}to{translate:0 0}}.b-secondary-nav-item__animation--content-leave-active[data-v-14334916]{animation:fade-out-ua1vcta-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-ua1vcta-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-ua1vcta-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-out-ua1vcta-14334916{0%{opacity:1}to{opacity:0}}@keyframes scale-down-ua1vcta-14334916{0%{scale:1}to{scale:1}}@keyframes exit-ua1vcta-14334916{0%{translate:0 0}to{translate:0 -8px}}.b-secondary-nav-category[data-v-777b2ce6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-spacer-080)}.b-secondary-nav-category[data-v-777b2ce6],.b-secondary-nav-category[data-v-777b2ce6]:before,.b-secondary-nav-category[data-v-777b2ce6]:after{box-sizing:border-box}.b-secondary-nav-category *[data-v-777b2ce6],.b-secondary-nav-category *[data-v-777b2ce6]:before,.b-secondary-nav-category *[data-v-777b2ce6]:after{box-sizing:border-box}.b-secondary-nav-category[data-v-777b2ce6] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-category[data-v-777b2ce6] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-secondary-nav-category__label[data-v-777b2ce6]{color:var(--b-color-label-secondary);padding:0 var(--b-spacer-050) var(--b-spacer-020) var(--b-spacer-050)}.b-secondary-nav[data-v-900dc964]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-secondary-nav[data-v-900dc964],.b-secondary-nav[data-v-900dc964]:before,.b-secondary-nav[data-v-900dc964]:after{box-sizing:border-box}.b-secondary-nav *[data-v-900dc964],.b-secondary-nav *[data-v-900dc964]:before,.b-secondary-nav *[data-v-900dc964]:after{box-sizing:border-box}.b-secondary-nav[data-v-900dc964] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav[data-v-900dc964] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-secondary-nav[data-v-900dc964]{max-width:250px}}.b-secondary-nav[data-v-900dc964] .b-secondary-nav__list{list-style:none;margin:0;padding:0}.b-secondary-nav__option[data-v-900dc964]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-secondary-nav__nested-option[data-v-900dc964]{padding-left:var(--b-spacer-070)}.b-secondary-nav__visually-hidden[data-v-900dc964]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
1
+ button[data-v-14334916]{background-color:transparent;border:0;font:inherit;text-align:inherit}button[data-v-14334916]:focus-visible{outline:none}.b-secondary-nav-item[data-v-14334916]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-top:var(--b-spacer-020)}.b-secondary-nav-item[data-v-14334916],.b-secondary-nav-item[data-v-14334916]:before,.b-secondary-nav-item[data-v-14334916]:after{box-sizing:border-box}.b-secondary-nav-item *[data-v-14334916],.b-secondary-nav-item *[data-v-14334916]:before,.b-secondary-nav-item *[data-v-14334916]:after{box-sizing:border-box}.b-secondary-nav-item[data-v-14334916] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-item[data-v-14334916] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-secondary-nav-item__wrapper[data-v-14334916]{position:relative}.b-secondary-nav-item__option[data-v-14334916]{align-items:center;border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);cursor:pointer;display:flex;justify-content:space-between;padding:var(--b-spacer-040) var(--b-spacer-050);width:100%}@media(hover:hover){.b-secondary-nav-item__option[data-v-14334916]:hover{background-color:var(--b-color-background-primary-hover)}}.b-secondary-nav-item__option[data-v-14334916]:active,.b-secondary-nav-item__option--active[data-v-14334916]{background-color:var(--b-color-background-primary-active)}.b-secondary-nav-item__option[data-v-14334916]:focus-visible{animation:outer-ring-default-14334916 var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-14334916{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-secondary-nav-item__option--sub-item[data-v-14334916]{padding-left:var(--b-spacer-080)}.b-secondary-nav-item__option--expandable[data-v-14334916]{padding-right:var(--b-spacer-100)}.b-secondary-nav-item__toggle[data-v-14334916]{position:absolute;right:var(--b-spacer-050);top:50%;transform:translateY(-50%)}.b-secondary-nav-item__toggle[data-v-14334916]:after{content:"";display:block;inset:calc(var(--b-spacer-050) * -1);position:absolute}.b-secondary-nav-item__visually-hidden[data-v-14334916]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.b-secondary-nav-item__sub-items[data-v-14334916]{list-style:none;padding:0}.b-secondary-nav-item__animation--content-enter-active[data-v-14334916]{animation:fade-in-u37k2tz-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),enter-u37k2tz-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-enter),scale-up-u37k2tz-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-in-u37k2tz-14334916{0%{opacity:0}to{opacity:1}}@keyframes scale-up-u37k2tz-14334916{0%{scale:1}to{scale:1}}@keyframes enter-u37k2tz-14334916{0%{translate:0 -8px}to{translate:0 0}}.b-secondary-nav-item__animation--content-leave-active[data-v-14334916]{animation:fade-out-u37k2uc-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear),exit-u37k2uc-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-exit),scale-down-u37k2uc-14334916 var(--b-animation-duration-moderate) var(--b-animation-easing-linear);max-height:0!important;overflow:hidden;transition:max-height var(--b-animation-duration-moderate) var(--b-animation-easing-standard)}@keyframes fade-out-u37k2uc-14334916{0%{opacity:1}to{opacity:0}}@keyframes scale-down-u37k2uc-14334916{0%{scale:1}to{scale:1}}@keyframes exit-u37k2uc-14334916{0%{translate:0 0}to{translate:0 -8px}}.b-secondary-nav-category[data-v-777b2ce6]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin-bottom:var(--b-spacer-080)}.b-secondary-nav-category[data-v-777b2ce6],.b-secondary-nav-category[data-v-777b2ce6]:before,.b-secondary-nav-category[data-v-777b2ce6]:after{box-sizing:border-box}.b-secondary-nav-category *[data-v-777b2ce6],.b-secondary-nav-category *[data-v-777b2ce6]:before,.b-secondary-nav-category *[data-v-777b2ce6]:after{box-sizing:border-box}.b-secondary-nav-category[data-v-777b2ce6] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav-category[data-v-777b2ce6] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-secondary-nav-category__label[data-v-777b2ce6]{color:var(--b-color-label-secondary);padding:0 var(--b-spacer-050) var(--b-spacer-020) var(--b-spacer-050)}.b-secondary-nav[data-v-900dc964]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-secondary-nav[data-v-900dc964],.b-secondary-nav[data-v-900dc964]:before,.b-secondary-nav[data-v-900dc964]:after{box-sizing:border-box}.b-secondary-nav *[data-v-900dc964],.b-secondary-nav *[data-v-900dc964]:before,.b-secondary-nav *[data-v-900dc964]:after{box-sizing:border-box}.b-secondary-nav[data-v-900dc964] ::-webkit-scrollbar{height:14px;width:14px}.b-secondary-nav[data-v-900dc964] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-secondary-nav[data-v-900dc964]{max-width:250px}}.b-secondary-nav[data-v-900dc964] .b-secondary-nav__list{list-style:none;margin:0;padding:0}.b-secondary-nav__option[data-v-900dc964]{align-items:center;display:flex;gap:var(--b-spacer-040)}.b-secondary-nav__nested-option[data-v-900dc964]{padding-left:var(--b-spacer-070)}.b-secondary-nav__visually-hidden[data-v-900dc964]{border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}
package/dist/assets/selection-card-group.css CHANGED
@@ -1 +1 @@
1
- .b-selection-card[data-v-6a98f99e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;cursor:pointer}.b-selection-card[data-v-6a98f99e],.b-selection-card[data-v-6a98f99e]:before,.b-selection-card[data-v-6a98f99e]:after{box-sizing:border-box}.b-selection-card *[data-v-6a98f99e],.b-selection-card *[data-v-6a98f99e]:before,.b-selection-card *[data-v-6a98f99e]:after{box-sizing:border-box}.b-selection-card[data-v-6a98f99e] ::-webkit-scrollbar{height:14px;width:14px}.b-selection-card[data-v-6a98f99e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-selection-card--fully-clickable .b-selection-card__slot[data-v-6a98f99e]{cursor:pointer}.b-selection-card__container[data-v-6a98f99e]{background-color:var(--b-color-background-primary);border:var(--b-border-width-s) solid var(--b-color-outline-primary);border-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);display:flex;flex-direction:column;gap:var(--b-spacer-060);padding:var(--b-spacer-060) var(--b-spacer-070);position:relative;width:100%}.b-selection-card__container[data-v-6a98f99e]:after{border:var(--b-border-width-attention) solid transparent;border-radius:var(--b-border-radius-l);content:"";top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;position:absolute}.b-selection-card__container[data-v-6a98f99e]:focus-within:has(input:focus-visible){animation:outer-ring-default-6a98f99e var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-6a98f99e{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-selection-card__container[data-v-6a98f99e]:hover{border-color:var(--b-color-outline-primary-hover)}.b-selection-card__container *[data-v-6a98f99e]{cursor:pointer}.b-selection-card__checkbox-container[data-v-6a98f99e]{align-items:start;display:flex;flex-direction:row;gap:var(--b-spacer-060);justify-content:space-between;width:100%}.b-selection-card__checkbox-container--center-aligned[data-v-6a98f99e]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container--center-aligned[data-v-6a98f99e]:has(.b-selection-card__icon){align-items:start}}.b-selection-card__checkbox-container-text[data-v-6a98f99e]{align-items:start;display:flex;flex-direction:row;gap:var(--b-spacer-060)}@container (max-width: 320px){.b-selection-card__checkbox-container-text[data-v-6a98f99e]{flex-direction:column}}.b-selection-card__checkbox-container-text--center-aligned[data-v-6a98f99e]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container-text--center-aligned[data-v-6a98f99e]{align-items:start}}.b-selection-card__description[data-v-6a98f99e]{color:var(--b-color-label-secondary)}.b-selection-card__icon[data-v-6a98f99e]{align-items:center;background-color:var(--b-color-background-secondary);border-radius:50%;display:flex;flex-grow:1;height:48px;justify-content:center;min-width:48px}.b-selection-card__slot[data-v-6a98f99e]{cursor:default}@container (min-width: 320px){.b-selection-card__slot--with-icon[data-v-6a98f99e]{margin-left:calc(48px + var(--b-spacer-060))}}.b-selection-card__subtitle[data-v-6a98f99e]{color:var(--b-color-label-secondary)}.b-selection-card__text[data-v-6a98f99e]{display:flex;flex-direction:column;gap:var(--b-spacer-020)}.b-selection-card--error[data-v-6a98f99e]:after{border-color:var(--b-color-outline-critical);border-width:var(--b-border-width-attention)}.b-selection-card--disabled[data-v-6a98f99e]{border-color:var(--b-color-outline-disabled);cursor:not-allowed}component-root .b-selection-card--disabled *[data-v-6a98f99e]{cursor:not-allowed}.b-selection-card--disabled *[data-v-6a98f99e]{cursor:not-allowed}.b-selection-card--readonly[data-v-6a98f99e]{border-color:var(--b-color-outline-disabled)}.b-selection-card--checked .b-selection-card__container[data-v-6a98f99e]:after{border-color:var(--b-color-outline-selected)}.b-selection-card--checked .b-selection-card--disabled[data-v-6a98f99e]:after{border-color:var(--b-color-outline-selected)}.b-selection-card--checked .b-selection-card--error[data-v-6a98f99e]:after{border-color:var(--b-color-outline-critical)}.b-selection-card--checked .b-selection-card--readonl[data-v-6a98f99e]:after{border-color:var(--b-color-outline-selected)}.b-selection-card-group[data-v-f5ed58f5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%}.b-selection-card-group[data-v-f5ed58f5],.b-selection-card-group[data-v-f5ed58f5]:before,.b-selection-card-group[data-v-f5ed58f5]:after{box-sizing:border-box}.b-selection-card-group *[data-v-f5ed58f5],.b-selection-card-group *[data-v-f5ed58f5]:before,.b-selection-card-group *[data-v-f5ed58f5]:after{box-sizing:border-box}.b-selection-card-group[data-v-f5ed58f5] ::-webkit-scrollbar{height:14px;width:14px}.b-selection-card-group[data-v-f5ed58f5] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-selection-card-group__items[data-v-f5ed58f5]{display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-selection-card-group__items--horizontal[data-v-f5ed58f5]{flex-direction:row}.b-selection-card-group__items--wrap[data-v-f5ed58f5]:not(:last-child){margin-bottom:var(--b-spacer-040)}.b-selection-card-group__item[data-v-f5ed58f5]{align-items:stretch;display:flex;flex:1 1}.b-selection-card-group__item--full-height[data-v-f5ed58f5]{height:100%}.b-selection-card-group__error-message[data-v-f5ed58f5]{margin-top:var(--b-spacer-060)}
1
+ .b-selection-card[data-v-6a98f99e]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;container-type:inline-size;cursor:pointer}.b-selection-card[data-v-6a98f99e],.b-selection-card[data-v-6a98f99e]:before,.b-selection-card[data-v-6a98f99e]:after{box-sizing:border-box}.b-selection-card *[data-v-6a98f99e],.b-selection-card *[data-v-6a98f99e]:before,.b-selection-card *[data-v-6a98f99e]:after{box-sizing:border-box}.b-selection-card[data-v-6a98f99e] ::-webkit-scrollbar{height:14px;width:14px}.b-selection-card[data-v-6a98f99e] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-selection-card--fully-clickable .b-selection-card__slot[data-v-6a98f99e]{cursor:pointer}.b-selection-card__container[data-v-6a98f99e]{background-color:var(--b-color-background-primary);border:var(--b-border-width-s) solid var(--b-color-outline-primary);border-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);display:flex;flex-direction:column;gap:var(--b-spacer-060);padding:var(--b-spacer-060) var(--b-spacer-070);position:relative;width:100%}.b-selection-card__container[data-v-6a98f99e]:after{border:var(--b-border-width-attention) solid transparent;border-radius:var(--b-border-radius-l);content:"";top:-1px;right:-1px;bottom:-1px;left:-1px;pointer-events:none;position:absolute}.b-selection-card__container[data-v-6a98f99e]:focus-within:has(input:focus-visible){animation:outer-ring-default-6a98f99e var(--b-animation-duration-fast) var(--b-animation-easing-standard);box-shadow:0 0 0 var(--b-focus-ring-spacer) var(--b-color-background-primary),0 0 0 var(--b-focus-ring-outline) var(--b-focus-ring-color)}@keyframes outer-ring-default-6a98f99e{0%{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 0 var(--b-focus-ring-color)}to{box-shadow:0 0 0 var(--b-border-width-s) var(--b-color-background-primary),0 0 0 var(--b-border-width-l) var(--b-focus-ring-color)}}.b-selection-card__container[data-v-6a98f99e]:hover{border-color:var(--b-color-outline-primary-hover)}.b-selection-card__container *[data-v-6a98f99e]{cursor:pointer}.b-selection-card__checkbox-container[data-v-6a98f99e]{align-items:start;display:flex;flex-direction:row;gap:var(--b-spacer-060);justify-content:space-between;width:100%}.b-selection-card__checkbox-container--center-aligned[data-v-6a98f99e]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container--center-aligned[data-v-6a98f99e]:has(.b-selection-card__icon){align-items:start}}.b-selection-card__checkbox-container-text[data-v-6a98f99e]{align-items:start;display:flex;flex-direction:row;gap:var(--b-spacer-060)}@container (max-width: 320px){.b-selection-card__checkbox-container-text[data-v-6a98f99e]{flex-direction:column}}.b-selection-card__checkbox-container-text--center-aligned[data-v-6a98f99e]{align-items:center}@container (max-width: 320px){.b-selection-card__checkbox-container-text--center-aligned[data-v-6a98f99e]{align-items:start}}.b-selection-card__description[data-v-6a98f99e]{color:var(--b-color-label-secondary)}.b-selection-card__icon[data-v-6a98f99e]{align-items:center;background-color:var(--b-color-background-secondary);border-radius:50%;display:flex;flex-grow:1;height:48px;justify-content:center;min-width:48px}.b-selection-card__slot[data-v-6a98f99e]{cursor:default}@container (min-width: 320px){.b-selection-card__slot--with-icon[data-v-6a98f99e]{margin-left:calc(48px + var(--b-spacer-060))}}.b-selection-card__subtitle[data-v-6a98f99e]{color:var(--b-color-label-secondary)}.b-selection-card__text[data-v-6a98f99e]{display:flex;flex-direction:column;gap:var(--b-spacer-020)}.b-selection-card--error[data-v-6a98f99e]:after{border-color:var(--b-color-outline-critical);outline:calc(var(--b-border-width-attention) - var(--b-border-width-s)) solid var(--b-color-outline-critical)}.b-selection-card--disabled[data-v-6a98f99e]{border-color:var(--b-color-outline-disabled);cursor:not-allowed}component-root .b-selection-card--disabled *[data-v-6a98f99e]{cursor:not-allowed}.b-selection-card--disabled *[data-v-6a98f99e]{cursor:not-allowed}.b-selection-card--readonly[data-v-6a98f99e]{border-color:var(--b-color-outline-disabled)}.b-selection-card--checked .b-selection-card__container[data-v-6a98f99e]:after{border-color:var(--b-color-outline-selected)}.b-selection-card--checked .b-selection-card--disabled[data-v-6a98f99e]:after{border-color:var(--b-color-outline-selected)}.b-selection-card--checked .b-selection-card--error[data-v-6a98f99e]:after{border-color:var(--b-color-outline-critical)}.b-selection-card--checked .b-selection-card--readonl[data-v-6a98f99e]:after{border-color:var(--b-color-outline-selected)}.b-selection-card-group[data-v-f5ed58f5]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;width:100%}.b-selection-card-group[data-v-f5ed58f5],.b-selection-card-group[data-v-f5ed58f5]:before,.b-selection-card-group[data-v-f5ed58f5]:after{box-sizing:border-box}.b-selection-card-group *[data-v-f5ed58f5],.b-selection-card-group *[data-v-f5ed58f5]:before,.b-selection-card-group *[data-v-f5ed58f5]:after{box-sizing:border-box}.b-selection-card-group[data-v-f5ed58f5] ::-webkit-scrollbar{height:14px;width:14px}.b-selection-card-group[data-v-f5ed58f5] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-selection-card-group__items[data-v-f5ed58f5]{display:flex;flex-direction:column;gap:var(--b-spacer-040)}.b-selection-card-group__items--horizontal[data-v-f5ed58f5]{flex-direction:row}.b-selection-card-group__items--wrap[data-v-f5ed58f5]:not(:last-child){margin-bottom:var(--b-spacer-040)}.b-selection-card-group__item[data-v-f5ed58f5]{align-items:stretch;display:flex;flex:1 1}.b-selection-card-group__item--full-height[data-v-f5ed58f5]{height:100%}.b-selection-card-group__error-message[data-v-f5ed58f5]{margin-top:var(--b-spacer-060)}
package/dist/assets/sidepanel.css CHANGED
@@ -1 +1 @@
1
- .b-sidepanel-page[data-v-12d4c262]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-12d4c262],.b-sidepanel-page[data-v-12d4c262]:before,.b-sidepanel-page[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-12d4c262],.b-sidepanel-page *[data-v-12d4c262]:before,.b-sidepanel-page *[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-12d4c262]{align-items:center;background-color:var(--b-color-background-modal);border-top-left-radius:var(--b-border-radius-l);display:flex;overflow:hidden;padding:var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-12d4c262]{background-color:var(--b-color-background-modal);border-bottom-left-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);padding:var(--b-spacer-070) var(--b-spacer-090)}.b-sidepanel[data-v-e2c7d722]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-modal);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-e2c7d722],.b-sidepanel[data-v-e2c7d722]:before,.b-sidepanel[data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel *[data-v-e2c7d722],.b-sidepanel *[data-v-e2c7d722]:before,.b-sidepanel *[data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel[data-v-e2c7d722] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-e2c7d722] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-sidepanel[data-v-e2c7d722]{border-radius:var(--b-border-radius-l) 0 0 var(--b-border-radius-l);margin:0 0 0 auto;width:480px}}@media(min-width:768px){.b-sidepanel[data-v-e2c7d722]{max-width:680px;min-width:480px;width:33%}}.b-sidepanel__close-button[data-v-e2c7d722]{align-items:center;display:flex;height:64px;position:absolute;right:var(--b-spacer-090);z-index:var(--b-z-index-local-tier-1)}.b-sidepanel--animation[data-v-e2c7d722]{overflow:hidden}.b-sidepanel[data-v-e2c7d722]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-sidepanel[open][data-v-e2c7d722]{animation:enter-ua1vcip-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-ua1vcip-e2c7d722{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-e2c7d722]::backdrop{animation:fade-in-ua1vcj8-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-ua1vcj8-e2c7d722{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-e2c7d722]{animation:exit-ua1vcjh-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-ua1vcjh-e2c7d722{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-e2c7d722]::backdrop{animation:fade-out-ua1vckh-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-ua1vckh-e2c7d722{0%{opacity:.5}to{opacity:0}}
1
+ .b-sidepanel-page[data-v-12d4c262]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;display:flex;flex-direction:column;height:100%;position:absolute;width:100%}.b-sidepanel-page[data-v-12d4c262],.b-sidepanel-page[data-v-12d4c262]:before,.b-sidepanel-page[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page *[data-v-12d4c262],.b-sidepanel-page *[data-v-12d4c262]:before,.b-sidepanel-page *[data-v-12d4c262]:after{box-sizing:border-box}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel-page[data-v-12d4c262] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-sidepanel-page__header[data-v-12d4c262]{align-items:center;background-color:var(--b-color-background-modal);border-top-left-radius:var(--b-border-radius-l);display:flex;overflow:hidden;padding:var(--b-spacer-070) var(--b-spacer-130) var(--b-spacer-070) var(--b-spacer-090);position:sticky;white-space:nowrap;width:100%}.b-sidepanel-page__title[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:hidden;text-overflow:ellipsis}.b-sidepanel-page__content[data-v-12d4c262]{color:var(--b-color-label-primary);flex-grow:1;overflow:auto;padding:0 var(--b-spacer-090)}.b-sidepanel-page__actions[data-v-12d4c262]{background-color:var(--b-color-background-modal);border-bottom-left-radius:var(--b-border-radius-l);color:var(--b-color-label-primary);padding:var(--b-spacer-070) var(--b-spacer-090)}.b-sidepanel[data-v-e2c7d722]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--b-color-background-modal);border:0;height:100%;max-height:100%;max-width:100%;overflow:visible;padding:0;width:100%}.b-sidepanel[data-v-e2c7d722],.b-sidepanel[data-v-e2c7d722]:before,.b-sidepanel[data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel *[data-v-e2c7d722],.b-sidepanel *[data-v-e2c7d722]:before,.b-sidepanel *[data-v-e2c7d722]:after{box-sizing:border-box}.b-sidepanel[data-v-e2c7d722] ::-webkit-scrollbar{height:14px;width:14px}.b-sidepanel[data-v-e2c7d722] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}@media(min-width:500px){.b-sidepanel[data-v-e2c7d722]{border-radius:var(--b-border-radius-l) 0 0 var(--b-border-radius-l);margin:0 0 0 auto;width:480px}}@media(min-width:768px){.b-sidepanel[data-v-e2c7d722]{max-width:680px;min-width:480px;width:33%}}.b-sidepanel__close-button[data-v-e2c7d722]{align-items:center;display:flex;height:64px;position:absolute;right:var(--b-spacer-090);z-index:var(--b-z-index-local-tier-1)}.b-sidepanel--animation[data-v-e2c7d722]{overflow:hidden}.b-sidepanel[data-v-e2c7d722]::backdrop{background-color:var(--b-color-support-overlay, #00112c);opacity:.5}.b-sidepanel[open][data-v-e2c7d722]{animation:enter-u37k2ir-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-enter)}@keyframes enter-u37k2ir-e2c7d722{0%{translate:100% 0}to{translate:0 0}}.b-sidepanel[open][data-v-e2c7d722]::backdrop{animation:fade-in-u37k2jc-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-in-u37k2jc-e2c7d722{0%{opacity:0}to{opacity:.5}}.b-sidepanel--hide[open][data-v-e2c7d722]{animation:exit-u37k2k8-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-exit)}@keyframes exit-u37k2k8-e2c7d722{0%{translate:0 0}to{translate:100% 0}}.b-sidepanel--hide[open][data-v-e2c7d722]::backdrop{animation:fade-out-u37k2l2-e2c7d722 var(--b-animation-duration-slow, .25s) var(--b-animation-easing-linear)}@keyframes fade-out-u37k2l2-e2c7d722{0%{opacity:.5}to{opacity:0}}
package/dist/assets/textarea.css CHANGED
@@ -1 +1 @@
1
- .b-textarea[data-v-a10ed22b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-textarea[data-v-a10ed22b],.b-textarea[data-v-a10ed22b]:before,.b-textarea[data-v-a10ed22b]:after{box-sizing:border-box}.b-textarea *[data-v-a10ed22b],.b-textarea *[data-v-a10ed22b]:before,.b-textarea *[data-v-a10ed22b]:after{box-sizing:border-box}.b-textarea[data-v-a10ed22b] ::-webkit-scrollbar{height:14px;width:14px}.b-textarea[data-v-a10ed22b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-textarea__label-box[data-v-a10ed22b]{display:flex;justify-content:space-between;min-width:200px}.b-textarea__label-box--no-label[data-v-a10ed22b]{justify-content:flex-end}.b-textarea__label-item[data-v-a10ed22b]{color:var(--b-color-label-secondary)}.b-textarea__label-item--error[data-v-a10ed22b]{color:var(--b-color-label-critical)}.b-textarea__input-box[data-v-a10ed22b]{margin-bottom:var(--b-spacer-040);position:relative}.b-textarea__input[data-v-a10ed22b]{background-color:var(--b-color-background-primary);border:var(--b-border-width-s) solid var(--b-color-outline-tertiary);border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);display:block;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;min-height:44px;min-width:200px;padding:var(--b-spacer-060) var(--b-spacer-060) var(--b-spacer-040) var(--b-spacer-060);width:100%}.b-textarea__input--dynamic-height[data-v-a10ed22b]{scrollbar-width:none}.b-textarea__input--error[data-v-a10ed22b]{border-color:var(--b-color-outline-critical)}.b-textarea__input[data-v-a10ed22b]:focus{border-color:var(--b-color-outline-tertiary-active);border-width:var(--b-border-width-attention)}.b-textarea__input[data-v-a10ed22b]:focus-visible{box-shadow:none;outline:none}.b-textarea__input[data-v-a10ed22b]:hover:enabled{border-color:var(--b-color-outline-tertiary-active)}.b-textarea__input[data-v-a10ed22b]:disabled{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled);color:var(--b-color-label-disabled)}.b-textarea__input[data-v-a10ed22b]:disabled::placeholder{background:transparent}.b-textarea__input[data-v-a10ed22b]::placeholder{color:var(--b-color-label-tertiary);opacity:1}.b-textarea__input--readonly[data-v-a10ed22b]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled)}.b-textarea__input--readonly[data-v-a10ed22b]:hover:enabled{border-color:var(--b-color-outline-disabled)}.b-textarea__input--clearable[data-v-a10ed22b]{padding:var(--b-spacer-060) var(--b-spacer-110) var(--b-spacer-040) var(--b-spacer-060)}.b-textarea__clear-button[data-v-a10ed22b]{position:absolute;right:12px;top:12px}.b-textarea__description[data-v-a10ed22b]{color:var(--b-color-label-secondary);display:flex;margin-top:var(--b-spacer-020)}.b-textarea--disabled *[data-v-a10ed22b]{cursor:not-allowed}
1
+ .b-textarea[data-v-a10ed22b]{scrollbar-color:var(--b-color-background-quaternary) transparent;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.b-textarea[data-v-a10ed22b],.b-textarea[data-v-a10ed22b]:before,.b-textarea[data-v-a10ed22b]:after{box-sizing:border-box}.b-textarea *[data-v-a10ed22b],.b-textarea *[data-v-a10ed22b]:before,.b-textarea *[data-v-a10ed22b]:after{box-sizing:border-box}.b-textarea[data-v-a10ed22b] ::-webkit-scrollbar{height:14px;width:14px}.b-textarea[data-v-a10ed22b] ::-webkit-scrollbar-thumb{background-clip:padding-box;background-color:var(--b-color-background-quaternary);border:3px solid transparent;border-radius:var(--b-border-radius-l)}.b-textarea__label-box[data-v-a10ed22b]{display:flex;justify-content:space-between;min-width:200px}.b-textarea__label-box--no-label[data-v-a10ed22b]{justify-content:flex-end}.b-textarea__label-item[data-v-a10ed22b]{color:var(--b-color-label-secondary)}.b-textarea__label-item--error[data-v-a10ed22b]{color:var(--b-color-label-critical)}.b-textarea__input-box[data-v-a10ed22b]{margin-bottom:var(--b-spacer-040);position:relative}.b-textarea__input[data-v-a10ed22b]{background-color:var(--b-color-background-primary);border:var(--b-border-width-s) solid var(--b-color-outline-tertiary);border-radius:var(--b-border-radius-m);color:var(--b-color-label-primary);display:block;font-family:inherit;font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;min-height:44px;min-width:200px;padding:var(--b-spacer-060) var(--b-spacer-060) var(--b-spacer-040) var(--b-spacer-060);width:100%}.b-textarea__input--dynamic-height[data-v-a10ed22b]{scrollbar-width:none}.b-textarea__input--error[data-v-a10ed22b]{border-color:var(--b-color-outline-critical);outline:calc(var(--b-border-width-attention) - var(--b-border-width-s)) solid var(--b-color-outline-critical)}.b-textarea__input[data-v-a10ed22b]:focus{border-color:var(--b-color-outline-tertiary-active);border-width:var(--b-border-width-attention)}.b-textarea__input[data-v-a10ed22b]:focus-visible{box-shadow:none;outline:none}.b-textarea__input[data-v-a10ed22b]:hover:enabled{border-color:var(--b-color-outline-tertiary-active);outline:unset}.b-textarea__input[data-v-a10ed22b]:disabled{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled);color:var(--b-color-label-disabled)}.b-textarea__input[data-v-a10ed22b]:disabled::placeholder{background:transparent}.b-textarea__input[data-v-a10ed22b]::placeholder{color:var(--b-color-label-tertiary);opacity:1}.b-textarea__input--readonly[data-v-a10ed22b]{background-color:var(--b-color-background-disabled);border-color:var(--b-color-outline-disabled)}.b-textarea__input--readonly[data-v-a10ed22b]:hover:enabled{border-color:var(--b-color-outline-disabled)}.b-textarea__input--clearable[data-v-a10ed22b]{padding:var(--b-spacer-060) var(--b-spacer-110) var(--b-spacer-040) var(--b-spacer-060)}.b-textarea__clear-button[data-v-a10ed22b]{position:absolute;right:12px;top:12px}.b-textarea__description[data-v-a10ed22b]{color:var(--b-color-label-secondary);display:flex;margin-top:var(--b-spacer-020)}.b-textarea--disabled *[data-v-a10ed22b]{cursor:not-allowed}
package/dist/button.js CHANGED
@@ -1,6 +1,6 @@
1
- import { B as n, a as B, b as a } from "./chunks/button.DITA6YtS.js";
2
- import { a as s } from "./chunks/ai-button.DvOq4s2_.js";
3
- import { B as r, a as i, b as c, c as p } from "./chunks/button-actions.BD4Dyp4U.js";
1
+ import { B as n, a as B, b as a } from "./chunks/button.Df_UH5wZ.js";
2
+ import { a as s } from "./chunks/ai-button.y1t1nqpv.js";
3
+ import { B as r, a as i, b as c, c as p } from "./chunks/button-actions.Dxez8SNL.js";
4
4
  import { B as A, a as L, b as d } from "./chunks/button-actions.types.BptAXjD8.js";
5
5
  export {
6
6
  s as BentoAiButton,
package/dist/card.js CHANGED
@@ -1,4 +1,4 @@
1
- import { c as o, B as r, a as t } from "./chunks/card.Bm7JEsCC.js";
1
+ import { c as o, B as r, a as t } from "./chunks/card.BzDmgKjO.js";
2
2
  export {
3
3
  o as BentoCard,
4
4
  r as BentoCardBackground,
package/dist/chunks/{action-bar.X-dXuOcv.js → action-bar.DxZchfve.js} RENAMED
@@ -1,14 +1,14 @@
1
1
  import { defineComponent as D, computed as s, ref as c, toRefs as G, watch as w, provide as j, nextTick as b } from "vue";
2
- import { B as J } from "./button.DITA6YtS.js";
2
+ import { B as J } from "./button.Df_UH5wZ.js";
3
3
  import { B as K } from "./typography.C8lPlsbD.js";
4
4
  import { B as q } from "./loading-indicator.PxbRzshH.js";
5
- import { B as Q } from "./button-actions-with-menu.BV5aDUCD.js";
5
+ import { B as Q } from "./button-actions-with-menu.CpqyoKG5.js";
6
6
  import { C as X } from "./cross.CC_B-vG-.js";
7
7
  import { C as Y } from "./checkmark-circle-fill.BttTCjrM.js";
8
8
  import { C as Z } from "./cross-circle-fill.DTDtgLMf.js";
9
9
  import { u as H } from "./index.B6WW_F-J.js";
10
10
  import { a as ee } from "./index.BPUMyryR.js";
11
- import { P as ne, B as te } from "./button-actions.BD4Dyp4U.js";
11
+ import { P as ne, B as te } from "./button-actions.Dxez8SNL.js";
12
12
  import { n as ae } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
13
13
  import "../assets/action-bar.css";
14
14
  const se = {
@@ -331,4 +331,4 @@ const Be = le.exports;
331
331
  export {
332
332
  Be as B
333
333
  };
334
- //# sourceMappingURL=action-bar.X-dXuOcv.js.map
334
+ //# sourceMappingURL=action-bar.DxZchfve.js.map
package/dist/chunks/{action-bar.X-dXuOcv.js.map → action-bar.DxZchfve.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"action-bar.X-dXuOcv.js","sources":["../../src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n <Transition name=\"b-action-bar__animation\" appear>\n <section\n class=\"b-action-bar\"\n :class=\"conditionalClasses\"\n :aria-label=\"t('actionBar')\"\n @animationend=\"onAnimationEnd\"\n >\n <Transition\n :name=\"`b-action-bar__state-animation--${state}`\"\n :mode=\"stateTransitionMode\"\n @before-leave=\"onBeforeLeave\"\n @enter=\"onEnter\"\n @after-enter=\"onAfterEnter\"\n >\n <div\n ref=\"actionBar\"\n :key=\"state\"\n class=\"b-action-bar__container\"\n :class=\"containerClasses\"\n :style=\"{ width: containerWidth, maxWidth: containerMaxWidth }\"\n >\n <div v-if=\"state === 'start'\" class=\"b-action-bar__container-inner\">\n <div v-if=\"!isConfirmationVariant\" class=\"b-action-bar__close-button\">\n <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n </bento-button>\n </div>\n <bento-typography el=\"span\" stronger class=\"b-action-bar__selection\">\n <template v-if=\"isConfirmationVariant && noItemCounter\">\n {{ tc('unsavedChanges', 0) }}\n </template>\n <template v-else>\n {{ n(itemCounter) }}\n {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n </template>\n </bento-typography>\n <bento-button-actions\n v-if=\"isConfirmationVariant\"\n :actions=\"confirmationActions\"\n class=\"b-action-bar__actions\"\n inverse\n />\n <button-actions-with-menu\n v-else\n :actions=\"actionsInternal\"\n class=\"b-action-bar__actions\"\n :displayed-actions=\"internalDisplayedActions\"\n menu-position=\"top-end\"\n disable-responsive-behavior\n inverse\n />\n </div>\n <div v-else class=\"b-action-bar__container-inner\">\n <div class=\"b-action-bar__state-icon\">\n <bento-loading-indicator v-if=\"state === 'loading'\" small inverse />\n <checkmark-circle-fill v-if=\"state === 'success'\" :aria-hidden=\"true\" />\n <cross-circle-fill v-if=\"state === 'fail'\" :aria-hidden=\"true\" />\n </div>\n <bento-typography stronger>\n <slot name=\"stateLabel\">{{ defaultStateLabel }}</slot>\n </bento-typography>\n <div v-if=\"!hideStateActions\" class=\"b-action-bar__state-actions\">\n <bento-button\n v-if=\"state === 'success' && showUndoAction\"\n variant=\"tertiary\"\n inverse\n @click=\"emit('undo-action')\"\n >{{ t('undo') }}</bento-button\n >\n <bento-button\n v-if=\"state === 'fail' && showRetryAction\"\n variant=\"tertiary\"\n inverse\n @click=\"emit('retry-action')\"\n >{{ t('retry') }}</bento-button\n >\n <bento-button\n v-if=\"state === 'fail'\"\n variant=\"tertiary\"\n inverse\n @click=\"emit('cancel-action')\"\n >{{ t('cancel') }}</bento-button\n >\n </div>\n </div>\n </div>\n </Transition>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, type PropType, provide, ref, toRefs, type TransitionProps, watch } from 'vue';\n import { BentoButton, BentoButtonActions, type BentoButtonActionsList } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n import { BentoLoadingIndicator } from '@/components/loading-indicator';\n\n import { type BentoActionBarState, type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n import CheckmarkCircleFill from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import CrossCircleFill from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { useWindowSize } from '@vueuse/core';\n\n import messages from './messages.json';\n import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n // Constants\n const AVERAGE_BUTTON_SIZE = 100;\n const MENU_OFFSET = 7;\n const RESPONSIVE_BREAKPOINT = 500;\n const SPACING = 32;\n\n const props = defineProps({\n /**\n * List of actions that will be used to render the buttons.\n * Required and used for the `default` variant.\n *\n * Each object in the list should have a `title`, an `event` and,\n * optionally, an `icon`.\n *\n * The component will display 4 actions and the hide the rest inside a menu.\n *\n * @see BentoButton for a list of all the other props supported by each button action.\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: () => [],\n },\n /**\n * How many actions should be visible outside the menu, cannot be more than 4\n */\n visibleActions: {\n type: Number,\n default: 4,\n validator: (value: number) => value > 0 && value <= 4,\n },\n /**\n * Use when there are sticky elements at the bottom, like sticky pagination\n */\n extraBottomSpacing: {\n type: Boolean,\n default: false,\n },\n /**\n * Show how many items are selected.\n * When omitted in the `confirmation` variant, a generic \"Unsaved changes\" label is displayed.\n */\n itemCounter: {\n type: Number,\n default: null,\n },\n /**\n * Label for the selection, e.g. 'selected'/'changed'\n */\n selectionLabel: {\n type: String,\n default: null,\n },\n /**\n * State of the action bar.\n * @values start, loading, success, fail\n */\n state: {\n type: String as PropType<BentoActionBarState>,\n default: 'start',\n },\n /**\n * Displays the undo action button in `success` state.\n */\n showUndoAction: {\n type: Boolean,\n default: false,\n },\n /**\n * Displays the retry action button in `fail` state.\n */\n showRetryAction: {\n type: Boolean,\n default: false,\n },\n /**\n * Variant for the action bar\n * @values default, confirmation\n */\n variant: {\n type: String as PropType<BentoActionBarVariant>,\n default: 'default',\n },\n });\n\n const emit = defineEmits([\"close\", \"cancel\", \"save\", \"undo-action\", \"retry-action\", \"cancel-action\"]);\n\n const { t, tc, n } = useI18n<{ message: MessageSchema }>({ messages });\n const label = computed(() => (props.selectionLabel ? props.selectionLabel : t('selected')));\n\n const defaultStateLabel = computed(() => {\n switch (props.state) {\n case 'loading':\n return t('applying');\n case 'success':\n return t('success');\n case 'fail':\n return t('somethingWentWrong');\n default:\n return '';\n }\n });\n\n // Refs\n const actionBar = ref<HTMLDivElement>(null);\n const containerMaxWidth = ref<string | null>(null);\n const containerWidth = ref<string | null>(null);\n const isShaking = ref(false);\n\n const stateTransitionMode = computed(\n () => (props.state === 'loading' ? 'out-in' : undefined) as TransitionProps['mode']\n );\n\n const hideStateActions = computed(\n () => props.state === 'loading' || (props.state === 'success' && !props.showUndoAction)\n );\n\n const onBeforeLeave = (el: HTMLElement) => {\n if (props.state !== 'loading') {\n return;\n }\n\n containerMaxWidth.value = `${el.offsetWidth}px`;\n containerWidth.value = '100%';\n };\n\n const onEnter = (el: HTMLElement) => {\n if (props.state !== 'loading') {\n return;\n }\n\n // Reset styles to get natural width\n Object.assign(el.style, { width: 'auto', maxWidth: 'none' });\n const newWidth = el.offsetWidth;\n\n // Reset it back to the original values\n Object.assign(el.style, { width: '100%', maxWidth: containerMaxWidth.value });\n\n requestAnimationFrame(() => {\n containerMaxWidth.value = `${newWidth}px`;\n });\n };\n\n const onAfterEnter = () => {\n containerMaxWidth.value = null;\n containerWidth.value = null;\n\n if (props.state === 'fail') {\n isShaking.value = true;\n }\n };\n\n const onAnimationEnd = (event: AnimationEvent) => {\n if (event.animationName.startsWith('shake-')) {\n isShaking.value = false;\n }\n };\n\n const { extraBottomSpacing, visibleActions } = toRefs(props);\n const { width } = useWindowSize();\n const internalDisplayedActions = ref(null);\n const internalVisibleActions = ref(null);\n\n const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n\n watch(\n () => visibleActions.value,\n value => {\n internalVisibleActions.value = value <= 4 ? value : 4;\n internalDisplayedActions.value = internalVisibleActions.value;\n },\n { immediate: true }\n );\n\n // Styling\n const conditionalClasses = computed(() => ({\n 'b-action-bar--extra-spacing': extraBottomSpacing.value,\n 'b-action-bar--confirmation': isConfirmationVariant.value,\n 'b-action-bar__state-animation--shake': isShaking.value,\n }));\n\n const containerClasses = computed(() => ({\n [`b-action-bar__container--${props.state}`]: props.state !== 'start',\n }));\n\n // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n // Manipulate actions array to display as intended\n const actionsInternal = computed(() => {\n // All buttons should be of type secondary in the action bar\n const actions = props.actions.map(action => ({\n ...action,\n variant: 'secondary',\n })) as BentoButtonActionsList;\n // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n return [...shownActions, ...hiddenActions];\n });\n\n const confirmationActions = computed<BentoButtonActionsList>(() => [\n {\n title: t('save'),\n event: () => emit('save'),\n },\n {\n title: t('cancel'),\n variant: 'secondary',\n event: () => emit('cancel'),\n },\n ]);\n\n const noItemCounter = computed(() => {\n return props.itemCounter == null || props.itemCounter < 1;\n });\n\n // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n const showActions = async () => {\n await nextTick();\n if (\n width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n internalDisplayedActions.value < internalVisibleActions.value\n ) {\n internalDisplayedActions.value += 1;\n showActions();\n }\n };\n\n const hideActions = async () => {\n await nextTick();\n if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n internalDisplayedActions.value -= 1;\n hideActions();\n }\n };\n\n // Screen width watcher to toggle hidden/visible actions\n watch(\n () => width.value,\n async (newValue, oldValue) => {\n await nextTick();\n if (!actionBar.value) {\n return;\n }\n const isIncreasing = newValue > oldValue;\n if (width.value < RESPONSIVE_BREAKPOINT) {\n internalDisplayedActions.value = 0;\n } else if (isIncreasing) {\n showActions();\n } else {\n hideActions();\n }\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n *\n * @example\n * import { BentoActionBar } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoActionBar },\n * template: `\n * <bento-action-bar\n * :actions='[\n * {\n * title: 'Delete',\n * critical: true,\n * icon: BinIcon,\n * event: () => true,\n * },\n * {\n * title: 'Edit',\n * icon: EditIcon,\n * event: () => true,\n * }\n * ]'\n * @close=\"closeAction\"\n * :item-counter=\"5\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","AVERAGE_BUTTON_SIZE","MENU_OFFSET","RESPONSIVE_BREAKPOINT","SPACING","t","tc","n","useI18n","label","computed","props","defaultStateLabel","actionBar","ref","containerMaxWidth","containerWidth","isShaking","stateTransitionMode","hideStateActions","onBeforeLeave","el","onEnter","newWidth","onAfterEnter","onAnimationEnd","event","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","containerClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","emit","noItemCounter","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgZIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,GAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAjSAC,IAAA,KACAC,IAAA,GACAC,IAAA,KACAC,IAAA,IAkFA,EAAA,GAAAC,GAAA,IAAAC,GAAA,GAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAC,EAAA,iBAAAA,EAAA,iBAAAN,EAAA,UAAA,CAAA,GAEAO,IAAAF,EAAA,MAAA;AACI,cAAAC,EAAA,OAAA;AAAA,QAAqB,KAAA;AAEb,iBAAAN,EAAA,UAAA;AAAA,QAAmB,KAAA;AAEnB,iBAAAA,EAAA,SAAA;AAAA,QAAkB,KAAA;AAElB,iBAAAA,EAAA,oBAAA;AAAA,QAA6B;AAE7B,iBAAA;AAAA,MAAO;AAAA,IACf,CAAA,GAIJQ,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GACAG,IAAAH,EAAA,EAAA,GAEAI,IAAAR;AAAA,MAA4B,MAAAC,EAAA,UAAA,YAAA,WAAA;AAAA,IACsB,GAGlDQ,IAAAT;AAAA,MAAyB,MAAAC,EAAA,UAAA,aAAAA,EAAA,UAAA,aAAA,CAAAA,EAAA;AAAA,IACmD,GAG5ES,IAAA,CAAAC,MAAA;AACI,MAAAV,EAAA,UAAA,cAIAI,EAAA,QAAA,GAAAM,EAAA,WAAA,MACAL,EAAA,QAAA;AAAA,IAAuB,GAG3BM,IAAA,CAAAD,MAAA;AACI,UAAAV,EAAA,UAAA;AACI;AAIJ,aAAA,OAAAU,EAAA,OAAA,EAAA,OAAA,QAAA,UAAA,OAAA,CAAA;AACA,YAAAE,IAAAF,EAAA;AAGA,aAAA,OAAAA,EAAA,OAAA,EAAA,OAAA,QAAA,UAAAN,EAAA,MAAA,CAAA,GAEA,sBAAA,MAAA;AACI,QAAAA,EAAA,QAAA,GAAAQ,CAAA;AAAA,MAAqC,CAAA;AAAA,IACxC,GAGLC,IAAA,MAAA;AACI,MAAAT,EAAA,QAAA,MACAC,EAAA,QAAA,MAEAL,EAAA,UAAA,WACIM,EAAA,QAAA;AAAA,IACJ,GAGJQ,IAAA,CAAAC,MAAA;AACI,MAAAA,EAAA,cAAA,WAAA,QAAA,MACIT,EAAA,QAAA;AAAA,IACJ,GAGJ,EAAA,oBAAAU,GAAA,gBAAAC,EAAA,IAAAC,EAAAlB,CAAA,GACA,EAAA,OAAAmB,EAAA,IAAAC,GAAA,GACAC,IAAAlB,EAAA,IAAA,GACAmB,IAAAnB,EAAA,IAAA,GAEAoB,IAAAxB,EAAA,MAAAC,EAAA,YAAA,cAAA;AAEA,IAAAwB;AAAA,MAAA,MAAAP,EAAA;AAAA,MACyB,CAAAQ,MAAA;AAEjB,QAAAH,EAAA,QAAAG,KAAA,IAAAA,IAAA,GACAJ,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAI,IAAA3B,EAAA,OAAA;AAAA,MAA2C,+BAAAiB,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,MACE,wCAAAjB,EAAA;AAAA,IACF,EAAA,GAGtDqB,IAAA5B,EAAA,OAAA;AAAA,MAAyC,CAAA,4BAAAC,EAAA,KAAA,EAAA,GAAAA,EAAA,UAAA;AAAA,IACwB,EAAA;AAIjE,IAAA4B,EAAAC,IAAAtC,CAAA;AAGA,UAAAuC,IAAA/B,EAAA,MAAA;AAEI,YAAAgC,IAAA/B,EAAA,QAAA,IAAA,CAAAgC,OAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAV,EAAA,KAAA,EAAA,QAAA,GACAa,IAAAH,EAAA,MAAAV,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAY,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,IAAApC,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAL,EAAA,MAAA;AAAA,QACmB,OAAA,MAAA0C,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAA1C,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAA0C,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAGJC,IAAAtC,EAAA,MACIC,EAAA,eAAA,QAAAA,EAAA,cAAA,CAAwD,GAI5DsC,IAAA,YAAA;AACI,YAAAC,EAAA,GACApB,EAAA,QAAAjB,EAAA,MAAA,cAAAT,IAAAH,KAAA+B,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAiB,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACApB,EAAA,QAAAjB,EAAA,MAAA,cAAAT,KAAA4B,EAAA,QAAA,MACIA,EAAA,SAAA,GACAmB,EAAA;AAAA,IACJ;AAIJ,WAAAhB;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAsB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAArC,EAAA;AACI;AAEJ,cAAAyC,IAAAF,IAAAC;AACA,QAAAvB,EAAA,QAAA3B,IACI6B,EAAA,QAAA,IAAiCsB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"action-bar.DxZchfve.js","sources":["../../src/components/action-bar/action-bar.vue"],"sourcesContent":["<template>\n <Transition name=\"b-action-bar__animation\" appear>\n <section\n class=\"b-action-bar\"\n :class=\"conditionalClasses\"\n :aria-label=\"t('actionBar')\"\n @animationend=\"onAnimationEnd\"\n >\n <Transition\n :name=\"`b-action-bar__state-animation--${state}`\"\n :mode=\"stateTransitionMode\"\n @before-leave=\"onBeforeLeave\"\n @enter=\"onEnter\"\n @after-enter=\"onAfterEnter\"\n >\n <div\n ref=\"actionBar\"\n :key=\"state\"\n class=\"b-action-bar__container\"\n :class=\"containerClasses\"\n :style=\"{ width: containerWidth, maxWidth: containerMaxWidth }\"\n >\n <div v-if=\"state === 'start'\" class=\"b-action-bar__container-inner\">\n <div v-if=\"!isConfirmationVariant\" class=\"b-action-bar__close-button\">\n <bento-button variant=\"tertiary\" inverse :aria-label=\"t('close')\" @click=\"emit('close')\">\n <template #iconLeft><cross-icon :aria-hidden=\"true\" /></template>\n </bento-button>\n </div>\n <bento-typography el=\"span\" stronger class=\"b-action-bar__selection\">\n <template v-if=\"isConfirmationVariant && noItemCounter\">\n {{ tc('unsavedChanges', 0) }}\n </template>\n <template v-else>\n {{ n(itemCounter) }}\n {{ isConfirmationVariant ? tc('unsavedChanges', itemCounter) : label }}\n </template>\n </bento-typography>\n <bento-button-actions\n v-if=\"isConfirmationVariant\"\n :actions=\"confirmationActions\"\n class=\"b-action-bar__actions\"\n inverse\n />\n <button-actions-with-menu\n v-else\n :actions=\"actionsInternal\"\n class=\"b-action-bar__actions\"\n :displayed-actions=\"internalDisplayedActions\"\n menu-position=\"top-end\"\n disable-responsive-behavior\n inverse\n />\n </div>\n <div v-else class=\"b-action-bar__container-inner\">\n <div class=\"b-action-bar__state-icon\">\n <bento-loading-indicator v-if=\"state === 'loading'\" small inverse />\n <checkmark-circle-fill v-if=\"state === 'success'\" :aria-hidden=\"true\" />\n <cross-circle-fill v-if=\"state === 'fail'\" :aria-hidden=\"true\" />\n </div>\n <bento-typography stronger>\n <slot name=\"stateLabel\">{{ defaultStateLabel }}</slot>\n </bento-typography>\n <div v-if=\"!hideStateActions\" class=\"b-action-bar__state-actions\">\n <bento-button\n v-if=\"state === 'success' && showUndoAction\"\n variant=\"tertiary\"\n inverse\n @click=\"emit('undo-action')\"\n >{{ t('undo') }}</bento-button\n >\n <bento-button\n v-if=\"state === 'fail' && showRetryAction\"\n variant=\"tertiary\"\n inverse\n @click=\"emit('retry-action')\"\n >{{ t('retry') }}</bento-button\n >\n <bento-button\n v-if=\"state === 'fail'\"\n variant=\"tertiary\"\n inverse\n @click=\"emit('cancel-action')\"\n >{{ t('cancel') }}</bento-button\n >\n </div>\n </div>\n </div>\n </Transition>\n </section>\n </Transition>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, nextTick, type PropType, provide, ref, toRefs, type TransitionProps, watch } from 'vue';\n import { BentoButton, BentoButtonActions, type BentoButtonActionsList } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n import { BentoLoadingIndicator } from '@/components/loading-indicator';\n\n import { type BentoActionBarState, type BentoActionBarVariant } from '@/components/action-bar/action-bar.types';\n import ButtonActionsWithMenu from '@/components/internal/button-actions-with-menu/button-actions-with-menu.vue';\n import CrossIcon from '@adyen/ui-assets-icons-16/vue/cross';\n import CheckmarkCircleFill from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import CrossCircleFill from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n\n import { useI18n } from '@/utils/ts/i18n';\n import { useWindowSize } from '@vueuse/core';\n\n import messages from './messages.json';\n import { POPOVER_OFFSET_INJECTION_KEY } from '@/components/popover/popover.keys';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n // Constants\n const AVERAGE_BUTTON_SIZE = 100;\n const MENU_OFFSET = 7;\n const RESPONSIVE_BREAKPOINT = 500;\n const SPACING = 32;\n\n const props = defineProps({\n /**\n * List of actions that will be used to render the buttons.\n * Required and used for the `default` variant.\n *\n * Each object in the list should have a `title`, an `event` and,\n * optionally, an `icon`.\n *\n * The component will display 4 actions and the hide the rest inside a menu.\n *\n * @see BentoButton for a list of all the other props supported by each button action.\n */\n actions: {\n type: Array as PropType<BentoButtonActionsList>,\n default: () => [],\n },\n /**\n * How many actions should be visible outside the menu, cannot be more than 4\n */\n visibleActions: {\n type: Number,\n default: 4,\n validator: (value: number) => value > 0 && value <= 4,\n },\n /**\n * Use when there are sticky elements at the bottom, like sticky pagination\n */\n extraBottomSpacing: {\n type: Boolean,\n default: false,\n },\n /**\n * Show how many items are selected.\n * When omitted in the `confirmation` variant, a generic \"Unsaved changes\" label is displayed.\n */\n itemCounter: {\n type: Number,\n default: null,\n },\n /**\n * Label for the selection, e.g. 'selected'/'changed'\n */\n selectionLabel: {\n type: String,\n default: null,\n },\n /**\n * State of the action bar.\n * @values start, loading, success, fail\n */\n state: {\n type: String as PropType<BentoActionBarState>,\n default: 'start',\n },\n /**\n * Displays the undo action button in `success` state.\n */\n showUndoAction: {\n type: Boolean,\n default: false,\n },\n /**\n * Displays the retry action button in `fail` state.\n */\n showRetryAction: {\n type: Boolean,\n default: false,\n },\n /**\n * Variant for the action bar\n * @values default, confirmation\n */\n variant: {\n type: String as PropType<BentoActionBarVariant>,\n default: 'default',\n },\n });\n\n const emit = defineEmits([\"close\", \"cancel\", \"save\", \"undo-action\", \"retry-action\", \"cancel-action\"]);\n\n const { t, tc, n } = useI18n<{ message: MessageSchema }>({ messages });\n const label = computed(() => (props.selectionLabel ? props.selectionLabel : t('selected')));\n\n const defaultStateLabel = computed(() => {\n switch (props.state) {\n case 'loading':\n return t('applying');\n case 'success':\n return t('success');\n case 'fail':\n return t('somethingWentWrong');\n default:\n return '';\n }\n });\n\n // Refs\n const actionBar = ref<HTMLDivElement>(null);\n const containerMaxWidth = ref<string | null>(null);\n const containerWidth = ref<string | null>(null);\n const isShaking = ref(false);\n\n const stateTransitionMode = computed(\n () => (props.state === 'loading' ? 'out-in' : undefined) as TransitionProps['mode']\n );\n\n const hideStateActions = computed(\n () => props.state === 'loading' || (props.state === 'success' && !props.showUndoAction)\n );\n\n const onBeforeLeave = (el: HTMLElement) => {\n if (props.state !== 'loading') {\n return;\n }\n\n containerMaxWidth.value = `${el.offsetWidth}px`;\n containerWidth.value = '100%';\n };\n\n const onEnter = (el: HTMLElement) => {\n if (props.state !== 'loading') {\n return;\n }\n\n // Reset styles to get natural width\n Object.assign(el.style, { width: 'auto', maxWidth: 'none' });\n const newWidth = el.offsetWidth;\n\n // Reset it back to the original values\n Object.assign(el.style, { width: '100%', maxWidth: containerMaxWidth.value });\n\n requestAnimationFrame(() => {\n containerMaxWidth.value = `${newWidth}px`;\n });\n };\n\n const onAfterEnter = () => {\n containerMaxWidth.value = null;\n containerWidth.value = null;\n\n if (props.state === 'fail') {\n isShaking.value = true;\n }\n };\n\n const onAnimationEnd = (event: AnimationEvent) => {\n if (event.animationName.startsWith('shake-')) {\n isShaking.value = false;\n }\n };\n\n const { extraBottomSpacing, visibleActions } = toRefs(props);\n const { width } = useWindowSize();\n const internalDisplayedActions = ref(null);\n const internalVisibleActions = ref(null);\n\n const isConfirmationVariant = computed(() => props.variant === 'confirmation');\n\n watch(\n () => visibleActions.value,\n value => {\n internalVisibleActions.value = value <= 4 ? value : 4;\n internalDisplayedActions.value = internalVisibleActions.value;\n },\n { immediate: true }\n );\n\n // Styling\n const conditionalClasses = computed(() => ({\n 'b-action-bar--extra-spacing': extraBottomSpacing.value,\n 'b-action-bar--confirmation': isConfirmationVariant.value,\n 'b-action-bar__state-animation--shake': isShaking.value,\n }));\n\n const containerClasses = computed(() => ({\n [`b-action-bar__container--${props.state}`]: props.state !== 'start',\n }));\n\n // Provide POPOVER_OFFSET_INJECTION_KEY to change the value of the popover offset\n provide(POPOVER_OFFSET_INJECTION_KEY, MENU_OFFSET);\n\n // Manipulate actions array to display as intended\n const actionsInternal = computed(() => {\n // All buttons should be of type secondary in the action bar\n const actions = props.actions.map(action => ({\n ...action,\n variant: 'secondary',\n })) as BentoButtonActionsList;\n // Shown actions should display from left to right in action bar, instead of right to left which is the button actions default\n const shownActions = actions.slice(0, internalDisplayedActions.value).reverse();\n const hiddenActions = actions.slice(internalDisplayedActions.value);\n\n return [...shownActions, ...hiddenActions];\n });\n\n const confirmationActions = computed<BentoButtonActionsList>(() => [\n {\n title: t('save'),\n event: () => emit('save'),\n },\n {\n title: t('cancel'),\n variant: 'secondary',\n event: () => emit('cancel'),\n },\n ]);\n\n const noItemCounter = computed(() => {\n return props.itemCounter == null || props.itemCounter < 1;\n });\n\n // Recursive functions to determine how many actions should be visible/hidden based on the screens width\n const showActions = async () => {\n await nextTick();\n if (\n width.value > actionBar.value.clientWidth + SPACING + AVERAGE_BUTTON_SIZE &&\n internalDisplayedActions.value < internalVisibleActions.value\n ) {\n internalDisplayedActions.value += 1;\n showActions();\n }\n };\n\n const hideActions = async () => {\n await nextTick();\n if (width.value < actionBar.value.clientWidth + SPACING && internalDisplayedActions.value > 0) {\n internalDisplayedActions.value -= 1;\n hideActions();\n }\n };\n\n // Screen width watcher to toggle hidden/visible actions\n watch(\n () => width.value,\n async (newValue, oldValue) => {\n await nextTick();\n if (!actionBar.value) {\n return;\n }\n const isIncreasing = newValue > oldValue;\n if (width.value < RESPONSIVE_BREAKPOINT) {\n internalDisplayedActions.value = 0;\n } else if (isIncreasing) {\n showActions();\n } else {\n hideActions();\n }\n },\n { immediate: true }\n );\n</script>\n\n<script lang=\"ts\">\n /**\n * Action bar is a floating bar that provides users with quick access to key actions that can be applied to one or multiple items.\n *\n * @example\n * import { BentoActionBar } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoActionBar },\n * template: `\n * <bento-action-bar\n * :actions='[\n * {\n * title: 'Delete',\n * critical: true,\n * icon: BinIcon,\n * event: () => true,\n * },\n * {\n * title: 'Edit',\n * icon: EditIcon,\n * event: () => true,\n * }\n * ]'\n * @close=\"closeAction\"\n * :item-counter=\"5\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./action-bar.scss\" />\n"],"names":["__default__","messages","AVERAGE_BUTTON_SIZE","MENU_OFFSET","RESPONSIVE_BREAKPOINT","SPACING","t","tc","n","useI18n","label","computed","props","defaultStateLabel","actionBar","ref","containerMaxWidth","containerWidth","isShaking","stateTransitionMode","hideStateActions","onBeforeLeave","el","onEnter","newWidth","onAfterEnter","onAnimationEnd","event","extraBottomSpacing","visibleActions","toRefs","width","useWindowSize","internalDisplayedActions","internalVisibleActions","isConfirmationVariant","watch","value","conditionalClasses","containerClasses","provide","POPOVER_OFFSET_INJECTION_KEY","actionsInternal","actions","action","shownActions","hiddenActions","confirmationActions","emit","noItemCounter","showActions","nextTick","hideActions","newValue","oldValue","isIncreasing"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgZIA,KAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,GAAA;AAEf;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iBAjSAC,IAAA,KACAC,IAAA,GACAC,IAAA,KACAC,IAAA,IAkFA,EAAA,GAAAC,GAAA,IAAAC,GAAA,GAAAC,EAAA,IAAAC,EAAA,GACAC,IAAAC,EAAA,MAAAC,EAAA,iBAAAA,EAAA,iBAAAN,EAAA,UAAA,CAAA,GAEAO,IAAAF,EAAA,MAAA;AACI,cAAAC,EAAA,OAAA;AAAA,QAAqB,KAAA;AAEb,iBAAAN,EAAA,UAAA;AAAA,QAAmB,KAAA;AAEnB,iBAAAA,EAAA,SAAA;AAAA,QAAkB,KAAA;AAElB,iBAAAA,EAAA,oBAAA;AAAA,QAA6B;AAE7B,iBAAA;AAAA,MAAO;AAAA,IACf,CAAA,GAIJQ,IAAAC,EAAA,IAAA,GACAC,IAAAD,EAAA,IAAA,GACAE,IAAAF,EAAA,IAAA,GACAG,IAAAH,EAAA,EAAA,GAEAI,IAAAR;AAAA,MAA4B,MAAAC,EAAA,UAAA,YAAA,WAAA;AAAA,IACsB,GAGlDQ,IAAAT;AAAA,MAAyB,MAAAC,EAAA,UAAA,aAAAA,EAAA,UAAA,aAAA,CAAAA,EAAA;AAAA,IACmD,GAG5ES,IAAA,CAAAC,MAAA;AACI,MAAAV,EAAA,UAAA,cAIAI,EAAA,QAAA,GAAAM,EAAA,WAAA,MACAL,EAAA,QAAA;AAAA,IAAuB,GAG3BM,IAAA,CAAAD,MAAA;AACI,UAAAV,EAAA,UAAA;AACI;AAIJ,aAAA,OAAAU,EAAA,OAAA,EAAA,OAAA,QAAA,UAAA,OAAA,CAAA;AACA,YAAAE,IAAAF,EAAA;AAGA,aAAA,OAAAA,EAAA,OAAA,EAAA,OAAA,QAAA,UAAAN,EAAA,MAAA,CAAA,GAEA,sBAAA,MAAA;AACI,QAAAA,EAAA,QAAA,GAAAQ,CAAA;AAAA,MAAqC,CAAA;AAAA,IACxC,GAGLC,IAAA,MAAA;AACI,MAAAT,EAAA,QAAA,MACAC,EAAA,QAAA,MAEAL,EAAA,UAAA,WACIM,EAAA,QAAA;AAAA,IACJ,GAGJQ,IAAA,CAAAC,MAAA;AACI,MAAAA,EAAA,cAAA,WAAA,QAAA,MACIT,EAAA,QAAA;AAAA,IACJ,GAGJ,EAAA,oBAAAU,GAAA,gBAAAC,EAAA,IAAAC,EAAAlB,CAAA,GACA,EAAA,OAAAmB,EAAA,IAAAC,GAAA,GACAC,IAAAlB,EAAA,IAAA,GACAmB,IAAAnB,EAAA,IAAA,GAEAoB,IAAAxB,EAAA,MAAAC,EAAA,YAAA,cAAA;AAEA,IAAAwB;AAAA,MAAA,MAAAP,EAAA;AAAA,MACyB,CAAAQ,MAAA;AAEjB,QAAAH,EAAA,QAAAG,KAAA,IAAAA,IAAA,GACAJ,EAAA,QAAAC,EAAA;AAAA,MAAwD;AAAA,MAC5D,EAAA,WAAA,GAAA;AAAA,IACkB;AAItB,UAAAI,IAAA3B,EAAA,OAAA;AAAA,MAA2C,+BAAAiB,EAAA;AAAA,MACW,8BAAAO,EAAA;AAAA,MACE,wCAAAjB,EAAA;AAAA,IACF,EAAA,GAGtDqB,IAAA5B,EAAA,OAAA;AAAA,MAAyC,CAAA,4BAAAC,EAAA,KAAA,EAAA,GAAAA,EAAA,UAAA;AAAA,IACwB,EAAA;AAIjE,IAAA4B,EAAAC,IAAAtC,CAAA;AAGA,UAAAuC,IAAA/B,EAAA,MAAA;AAEI,YAAAgC,IAAA/B,EAAA,QAAA,IAAA,CAAAgC,OAAA;AAAA,QAA6C,GAAAA;AAAA,QACtC,SAAA;AAAA,MACM,EAAA,GAGbC,IAAAF,EAAA,MAAA,GAAAV,EAAA,KAAA,EAAA,QAAA,GACAa,IAAAH,EAAA,MAAAV,EAAA,KAAA;AAEA,aAAA,CAAA,GAAAY,GAAA,GAAAC,CAAA;AAAA,IAAyC,CAAA,GAG7CC,IAAApC,EAAA,MAAA;AAAA,MAAmE;AAAA,QAC/D,OAAAL,EAAA,MAAA;AAAA,QACmB,OAAA,MAAA0C,EAAA,MAAA;AAAA,MACS;AAAA,MAC5B;AAAA,QACA,OAAA1C,EAAA,QAAA;AAAA,QACqB,SAAA;AAAA,QACR,OAAA,MAAA0C,EAAA,QAAA;AAAA,MACiB;AAAA,IAC9B,CAAA,GAGJC,IAAAtC,EAAA,MACIC,EAAA,eAAA,QAAAA,EAAA,cAAA,CAAwD,GAI5DsC,IAAA,YAAA;AACI,YAAAC,EAAA,GACApB,EAAA,QAAAjB,EAAA,MAAA,cAAAT,IAAAH,KAAA+B,EAAA,QAAAC,EAAA,UAIID,EAAA,SAAA,GACAiB,EAAA;AAAA,IACJ,GAGJE,IAAA,YAAA;AACI,YAAAD,EAAA,GACApB,EAAA,QAAAjB,EAAA,MAAA,cAAAT,KAAA4B,EAAA,QAAA,MACIA,EAAA,SAAA,GACAmB,EAAA;AAAA,IACJ;AAIJ,WAAAhB;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,OAAAsB,GAAAC,MAAA;AAGR,YADA,MAAAH,EAAA,GACA,CAAArC,EAAA;AACI;AAEJ,cAAAyC,IAAAF,IAAAC;AACA,QAAAvB,EAAA,QAAA3B,IACI6B,EAAA,QAAA,IAAiCsB,IAEjCL,EAAA,IAEAE,EAAA;AAAA,MACJ;AAAA,MACJ,EAAA,WAAA,GAAA;AAAA,IACkB;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/chunks/{ai-button.DvOq4s2_.js → ai-button.y1t1nqpv.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as r, useSlots as c, computed as u, onMounted as d } from "vue";
2
- import { B as p } from "./button.DITA6YtS.js";
2
+ import { B as p } from "./button.Df_UH5wZ.js";
3
3
  import { A as f } from "./artificial-intelligence-ai-filled.C6TMsiHK.js";
4
4
  import { u as _ } from "./use-has-slot.C9lQZ6nz.js";
5
5
  import { p as m } from "./typography.C8lPlsbD.js";
@@ -47,4 +47,4 @@ const F = k.exports;
47
47
  export {
48
48
  F as a
49
49
  };
50
- //# sourceMappingURL=ai-button.DvOq4s2_.js.map
50
+ //# sourceMappingURL=ai-button.y1t1nqpv.js.map
package/dist/chunks/{ai-button.DvOq4s2_.js.map → ai-button.y1t1nqpv.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"ai-button.DvOq4s2_.js","sources":["../../src/components/button/components/ai-button/ai-button.vue"],"sourcesContent":["<template>\n <div class=\"b-ai-button\" :class=\"conditionalClass\">\n <div class=\"b-ai-button__animation\" />\n\n <bento-button\n class=\"b-ai-button__button\"\n :condensed=\"condensed\"\n :disabled=\"disabled\"\n :inverse=\"inverse\"\n variant=\"secondary\"\n @click.capture.stop=\"onClick\"\n >\n <template #iconLeft>\n <ai-filled-icon aria-hidden=\"true\" class=\"b-ai-button__icon\" />\n </template>\n\n <slot></slot>\n </bento-button>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, useSlots } from 'vue';\n import BentoButton from '../../button.vue';\n import AiFilledIcon from '@adyen/ui-assets-icons-16/vue/artificial-intelligence-ai-filled';\n import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n import { type BentoAiButtonProps } from './ai-button.types';\n\n const props = defineProps({\n condensed: { type: Boolean, default: false },\n disabled: { type: Boolean, default: false },\n inverse: { type: Boolean, default: false },\n link: { default: undefined },\n type: { default: 'button' }\n});\n\n const emit = defineEmits([\"click\"]);\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const conditionalClass = computed(() => ({\n 'b-ai-button--disabled': props.disabled,\n }));\n\n const onClick = (e: MouseEvent) => {\n // Prevent Vue3 from triggering event twice\n e.stopPropagation();\n\n emit('click', e);\n };\n\n onMounted(() => {\n if (!hasSlot('default')) {\n printDevelopmentWarning('An icon-only button cannot be a AI button');\n }\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * AI Button component is used for cases where pressing a button starts an AI-related action.\n *\n * @example\n * import { BentoAiButton } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAiButton },\n * template: `\n * <bento-ai-button @click=\"onClick\">Generate with AI</bento-ai-button>\n * `\n * }\n */\n export default {\n name: 'bento-ai-button',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./ai-button.scss\" />\n"],"names":["__default__","slots","useSlots","hasSlot","useHasSlot","conditionalClass","computed","props","onClick","e","emit","onMounted","printDevelopmentWarning"],"mappings":";;;;;;;AA0EI,MAAAA,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;iBArCAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,OAAA;AAAA,MAAyC,yBAAAC,EAAA;AAAA,IACN,EAAA,GAGnCC,IAAA,CAAAC,MAAA;AAEI,MAAAA,EAAA,gBAAA,GAEAC,EAAA,SAAAD,CAAA;AAAA,IAAe;AAGnB,WAAAE,EAAA,MAAA;AACI,MAAAR,EAAA,SAAA,KACIS,EAAA,2CAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ai-button.y1t1nqpv.js","sources":["../../src/components/button/components/ai-button/ai-button.vue"],"sourcesContent":["<template>\n <div class=\"b-ai-button\" :class=\"conditionalClass\">\n <div class=\"b-ai-button__animation\" />\n\n <bento-button\n class=\"b-ai-button__button\"\n :condensed=\"condensed\"\n :disabled=\"disabled\"\n :inverse=\"inverse\"\n variant=\"secondary\"\n @click.capture.stop=\"onClick\"\n >\n <template #iconLeft>\n <ai-filled-icon aria-hidden=\"true\" class=\"b-ai-button__icon\" />\n </template>\n\n <slot></slot>\n </bento-button>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, useSlots } from 'vue';\n import BentoButton from '../../button.vue';\n import AiFilledIcon from '@adyen/ui-assets-icons-16/vue/artificial-intelligence-ai-filled';\n import { useHasSlot } from '@/composables/use-has-slot/use-has-slot';\n import { printDevelopmentWarning } from '@/utils/ts/print-development-warning';\n import { type BentoAiButtonProps } from './ai-button.types';\n\n const props = defineProps({\n condensed: { type: Boolean, default: false },\n disabled: { type: Boolean, default: false },\n inverse: { type: Boolean, default: false },\n link: { default: undefined },\n type: { default: 'button' }\n});\n\n const emit = defineEmits([\"click\"]);\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const conditionalClass = computed(() => ({\n 'b-ai-button--disabled': props.disabled,\n }));\n\n const onClick = (e: MouseEvent) => {\n // Prevent Vue3 from triggering event twice\n e.stopPropagation();\n\n emit('click', e);\n };\n\n onMounted(() => {\n if (!hasSlot('default')) {\n printDevelopmentWarning('An icon-only button cannot be a AI button');\n }\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * AI Button component is used for cases where pressing a button starts an AI-related action.\n *\n * @example\n * import { BentoAiButton } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAiButton },\n * template: `\n * <bento-ai-button @click=\"onClick\">Generate with AI</bento-ai-button>\n * `\n * }\n */\n export default {\n name: 'bento-ai-button',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./ai-button.scss\" />\n"],"names":["__default__","slots","useSlots","hasSlot","useHasSlot","conditionalClass","computed","props","onClick","e","emit","onMounted","printDevelopmentWarning"],"mappings":";;;;;;;AA0EI,MAAAA,IAAA;AAAA,EAAe,MAAA;AAEf;;;;;;;;;;;iBArCAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAEAI,IAAAC,EAAA,OAAA;AAAA,MAAyC,yBAAAC,EAAA;AAAA,IACN,EAAA,GAGnCC,IAAA,CAAAC,MAAA;AAEI,MAAAA,EAAA,gBAAA,GAEAC,EAAA,SAAAD,CAAA;AAAA,IAAe;AAGnB,WAAAE,EAAA,MAAA;AACI,MAAAR,EAAA,SAAA,KACIS,EAAA,2CAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;;;;;"}
package/dist/chunks/{ai-tag.Cdn4JK1m.js → ai-tag.CD1eQnr_.js} RENAMED
@@ -1,5 +1,5 @@
1
1
  import { defineComponent as u, ref as n, watch as f, computed as _ } from "vue";
2
- import { u as v, c as m, h as I } from "./button-actions.BD4Dyp4U.js";
2
+ import { u as v, c as m, h as I } from "./button-actions.Dxez8SNL.js";
3
3
  import { B as A } from "./typography.C8lPlsbD.js";
4
4
  import "./index.Cl4_42j5.js";
5
5
  import { u as x } from "./index.B6WW_F-J.js";
@@ -107,4 +107,4 @@ const F = P.exports;
107
107
  export {
108
108
  F as a
109
109
  };
110
- //# sourceMappingURL=ai-tag.Cdn4JK1m.js.map
110
+ //# sourceMappingURL=ai-tag.CD1eQnr_.js.map
package/dist/chunks/{ai-tag.Cdn4JK1m.js.map → ai-tag.CD1eQnr_.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"ai-tag.Cdn4JK1m.js","sources":["../../src/components/ai-tag/ai-tag.vue"],"sourcesContent":["<template>\n <div ref=\"aiTagRef\" class=\"b-ai-tag\" @keydown.esc=\"closePopover\">\n <bento-toggle-button\n ref=\"targetElement\"\n :toggled=\"toggled\"\n :aria-controls=\"popoverId\"\n variant=\"secondary\"\n condensed\n class=\"b-ai-tag__trigger\"\n @update:toggled=\"onToggle\"\n >\n <template #iconLeft>\n <artificial-intelligence-ai-icon class=\"b-ai-tag__trigger-icon\" :aria-hidden=\"true\" />\n </template>\n {{ t('ai') }}\n </bento-toggle-button>\n\n <bento-popover\n v-if=\"targetElement\"\n :id=\"popoverId\"\n :open=\"toggled\"\n :target-element=\"targetElement\"\n :actions=\"popoverActions\"\n actions-layout=\"fill-container\"\n :title=\"t('aiExplained')\"\n trap-all\n :trap-all-options=\"{ onDeactivate: closePopover, allowOutsideClick: true }\"\n fixed-positioning\n overflow-visible\n @dismiss=\"closePopover\"\n >\n <template #headerIcon>\n <artificial-intelligence-ai-icon class=\"b-ai-tag__popover-header-icon\" :aria-hidden=\"true\" />\n </template>\n <div class=\"b-ai-tag__popover-content\">\n <bento-typography v-if=\"influencedValue\" variant=\"title\" medium class=\"b-ai-tag__influenced-value\">\n {{ influencedValue }}\n </bento-typography>\n\n <bento-typography variant=\"title\">\n {{ title }}\n </bento-typography>\n\n <bento-typography>\n {{ description }}\n </bento-typography>\n </div>\n </bento-popover>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, ref, watch } from 'vue';\n import { BentoPopover } from '@/components/popover';\n import { BentoToggleButton } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n import { useClickOutside } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n import { generateUid } from '@/core/utils/ts';\n import type { BentoButtonActionsList } from '@/components/button/components/button-actions/button-actions.types';\n import ArtificialIntelligenceAiIcon from '@adyen/ui-assets-icons-16/vue/artificial-intelligence-ai-filled';\n import type { BentoAiTagProps } from './ai-tag.types';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const props = defineProps({\n title: null,\n description: null,\n influencedValue: { default: undefined },\n toggled: { type: Boolean, default: false },\n action: { default: undefined }\n});\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const toggled = ref(props.toggled);\n const aiTagRef = ref<HTMLElement | null>(null);\n const targetElement = ref<InstanceType<typeof BentoToggleButton> | null>(null);\n const popoverId = generateUid('b-ai-tag-popover');\n\n watch(\n () => props.toggled,\n value => {\n toggled.value = value;\n }\n );\n\n useClickOutside(aiTagRef, () => {\n closePopover();\n });\n\n const popoverActions = computed<BentoButtonActionsList>(() =>\n props.action\n ? [\n {\n ...props.action,\n variant: 'secondary',\n },\n ]\n : undefined\n );\n\n const emit = defineEmits([\"update:toggled\"]);\n\n const onToggle = (value: boolean) => {\n toggled.value = value;\n emit('update:toggled', value);\n };\n\n const closePopover = () => {\n if (toggled.value) {\n onToggle(false);\n }\n };\n</script>\n\n<script lang=\"ts\">\n /**\n * The AI tag is a component used to transparently identify content, data, or experiences that have been generated or\n * enhanced by artificial intelligence.\n *\n * @example\n * import { BentoAiTag } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAiTag },\n * template: `\n * <bento-ai-tag\n * title=\"Input fields auto-filled by AI\"\n * description=\"Based on your documents uploaded, AI has auto-filled some information for you.\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./ai-tag.scss\" />\n"],"names":["__default__","messages","useI18n","toggled","ref","props","aiTagRef","targetElement","popoverId","generateUid","watch","value","useClickOutside","closePopover","popoverActions","computed","onToggle","emit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuIIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;iBA/DA,EAAA,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAAC,EAAA,OAAA,GACAC,IAAAF,EAAA,IAAA,GACAG,IAAAH,EAAA,IAAA,GACAI,IAAAC,EAAA,kBAAA;AAEA,IAAAC;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,CAAAM,MAAA;AAER,QAAAR,EAAA,QAAAQ;AAAA,MAAgB;AAAA,IACpB,GAGJC,EAAAN,GAAA,MAAA;AACI,MAAAO,EAAA;AAAA,IAAa,CAAA;AAGjB,UAAAC,IAAAC;AAAA,MAAuB,MAAAV,EAAA,SAAA;AAAA,QAEb;AAAA,UACI,GAAAA,EAAA;AAAA,UACa,SAAA;AAAA,QACA;AAAA,MACb,IAAA;AAAA,IAEJ,GAKVW,IAAA,CAAAL,MAAA;AACI,MAAAR,EAAA,QAAAQ,GACAM,EAAA,kBAAAN,CAAA;AAAA,IAA4B,GAGhCE,IAAA,MAAA;AACI,MAAAV,EAAA,SACIa,EAAA,EAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"ai-tag.CD1eQnr_.js","sources":["../../src/components/ai-tag/ai-tag.vue"],"sourcesContent":["<template>\n <div ref=\"aiTagRef\" class=\"b-ai-tag\" @keydown.esc=\"closePopover\">\n <bento-toggle-button\n ref=\"targetElement\"\n :toggled=\"toggled\"\n :aria-controls=\"popoverId\"\n variant=\"secondary\"\n condensed\n class=\"b-ai-tag__trigger\"\n @update:toggled=\"onToggle\"\n >\n <template #iconLeft>\n <artificial-intelligence-ai-icon class=\"b-ai-tag__trigger-icon\" :aria-hidden=\"true\" />\n </template>\n {{ t('ai') }}\n </bento-toggle-button>\n\n <bento-popover\n v-if=\"targetElement\"\n :id=\"popoverId\"\n :open=\"toggled\"\n :target-element=\"targetElement\"\n :actions=\"popoverActions\"\n actions-layout=\"fill-container\"\n :title=\"t('aiExplained')\"\n trap-all\n :trap-all-options=\"{ onDeactivate: closePopover, allowOutsideClick: true }\"\n fixed-positioning\n overflow-visible\n @dismiss=\"closePopover\"\n >\n <template #headerIcon>\n <artificial-intelligence-ai-icon class=\"b-ai-tag__popover-header-icon\" :aria-hidden=\"true\" />\n </template>\n <div class=\"b-ai-tag__popover-content\">\n <bento-typography v-if=\"influencedValue\" variant=\"title\" medium class=\"b-ai-tag__influenced-value\">\n {{ influencedValue }}\n </bento-typography>\n\n <bento-typography variant=\"title\">\n {{ title }}\n </bento-typography>\n\n <bento-typography>\n {{ description }}\n </bento-typography>\n </div>\n </bento-popover>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, ref, watch } from 'vue';\n import { BentoPopover } from '@/components/popover';\n import { BentoToggleButton } from '@/components/button';\n import { BentoTypography } from '@/components/typography';\n import { useClickOutside } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n import { generateUid } from '@/core/utils/ts';\n import type { BentoButtonActionsList } from '@/components/button/components/button-actions/button-actions.types';\n import ArtificialIntelligenceAiIcon from '@adyen/ui-assets-icons-16/vue/artificial-intelligence-ai-filled';\n import type { BentoAiTagProps } from './ai-tag.types';\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const props = defineProps({\n title: null,\n description: null,\n influencedValue: { default: undefined },\n toggled: { type: Boolean, default: false },\n action: { default: undefined }\n});\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const toggled = ref(props.toggled);\n const aiTagRef = ref<HTMLElement | null>(null);\n const targetElement = ref<InstanceType<typeof BentoToggleButton> | null>(null);\n const popoverId = generateUid('b-ai-tag-popover');\n\n watch(\n () => props.toggled,\n value => {\n toggled.value = value;\n }\n );\n\n useClickOutside(aiTagRef, () => {\n closePopover();\n });\n\n const popoverActions = computed<BentoButtonActionsList>(() =>\n props.action\n ? [\n {\n ...props.action,\n variant: 'secondary',\n },\n ]\n : undefined\n );\n\n const emit = defineEmits([\"update:toggled\"]);\n\n const onToggle = (value: boolean) => {\n toggled.value = value;\n emit('update:toggled', value);\n };\n\n const closePopover = () => {\n if (toggled.value) {\n onToggle(false);\n }\n };\n</script>\n\n<script lang=\"ts\">\n /**\n * The AI tag is a component used to transparently identify content, data, or experiences that have been generated or\n * enhanced by artificial intelligence.\n *\n * @example\n * import { BentoAiTag } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAiTag },\n * template: `\n * <bento-ai-tag\n * title=\"Input fields auto-filled by AI\"\n * description=\"Based on your documents uploaded, AI has auto-filled some information for you.\"\n * />\n * `\n * }\n */\n export default {\n i18n: { messages },\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./ai-tag.scss\" />\n"],"names":["__default__","messages","useI18n","toggled","ref","props","aiTagRef","targetElement","popoverId","generateUid","watch","value","useClickOutside","closePopover","popoverActions","computed","onToggle","emit"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuIIA,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAEf;;;;;;;;;;;;iBA/DA,EAAA,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAAC,EAAA,OAAA,GACAC,IAAAF,EAAA,IAAA,GACAG,IAAAH,EAAA,IAAA,GACAI,IAAAC,EAAA,kBAAA;AAEA,IAAAC;AAAA,MAAA,MAAAL,EAAA;AAAA,MACgB,CAAAM,MAAA;AAER,QAAAR,EAAA,QAAAQ;AAAA,MAAgB;AAAA,IACpB,GAGJC,EAAAN,GAAA,MAAA;AACI,MAAAO,EAAA;AAAA,IAAa,CAAA;AAGjB,UAAAC,IAAAC;AAAA,MAAuB,MAAAV,EAAA,SAAA;AAAA,QAEb;AAAA,UACI,GAAAA,EAAA;AAAA,UACa,SAAA;AAAA,QACA;AAAA,MACb,IAAA;AAAA,IAEJ,GAKVW,IAAA,CAAAL,MAAA;AACI,MAAAR,EAAA,QAAAQ,GACAM,EAAA,kBAAAN,CAAA;AAAA,IAA4B,GAGhCE,IAAA,MAAA;AACI,MAAAV,EAAA,SACIa,EAAA,EAAA;AAAA,IACJ;;;;;;;;;;;;;;;;;;;;;;"}
package/dist/chunks/{alert.BDkEbdf4.js → alert.DP17WjNE.js} RENAMED
@@ -1,6 +1,6 @@
1
1
  import { defineComponent as y, useSlots as b, computed as i, onMounted as w } from "vue";
2
2
  import { c as C, a as S, B as T } from "./typography.C8lPlsbD.js";
3
- import { B as H } from "./button.DITA6YtS.js";
3
+ import { B as H } from "./button.Df_UH5wZ.js";
4
4
  import { C as L } from "./cross-small.CoQUe8SS.js";
5
5
  /* empty css */
6
6
  import { n as r } from "./_plugin-vue2_normalizer.CeySl7Fu.js";
@@ -175,4 +175,4 @@ export {
175
175
  n as b,
176
176
  c
177
177
  };
178
- //# sourceMappingURL=alert.BDkEbdf4.js.map
178
+ //# sourceMappingURL=alert.DP17WjNE.js.map
package/dist/chunks/{alert.BDkEbdf4.js.map → alert.DP17WjNE.js.map} RENAMED
@@ -1 +1 @@
1
- {"version":3,"file":"alert.BDkEbdf4.js","sources":["../../src/components/alert/alert.types.ts","../../../ui-assets/icons-16/dist/vue/warning-filled.vue","../../../ui-assets/icons-16/dist/vue/info-filled.vue","../../src/components/alert/alert.vue"],"sourcesContent":["/**\n * @deprecated Since v2.0.0. Use string literal instead.\n */\nexport enum BentoAlertVariant {\n DEFAULT = 'default',\n TIP = 'tip',\n}\n\n/**\n * @deprecated Since v2.0.0. Use string literal instead.\n */\nexport enum BentoAlertTypeOption {\n WARNING = 'warning',\n CRITICAL = 'critical',\n HIGHLIGHT = 'highlight',\n SUCCESS = 'success',\n}\n\n/**\n * @deprecated Since v2.0.0. Use `@close-alert` instead.\n */\nexport enum BentoAlertEvent {\n CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M5.72456 2.45856C6.84306 0.797505 9.35301 0.852915 10.3789 2.62457L15 10.6246C16.0585 12.4537 14.7382 14.7493 12.6201 14.7496H3.37984C1.26177 14.7493 -0.0573711 12.4537 1.00093 10.6246L5.62105 2.62457L5.72456 2.45856ZM8.20991 10.3492C8.02 10.3092 7.80975 10.3298 7.62984 10.4097C7.44993 10.4897 7.28964 10.61 7.17964 10.7798C7.06984 10.9397 7.00984 11.1397 7.00972 11.3394C7.00972 11.6092 7.11997 11.8594 7.29976 12.0494C7.48973 12.2394 7.73976 12.3394 8.00972 12.3394L7.99995 12.3297C8.19979 12.3296 8.38964 12.2696 8.55952 12.1597C8.71947 12.0497 8.84966 11.8895 8.92964 11.7095C9.00952 11.5296 9.03016 11.3293 8.99019 11.1295C8.95014 10.9396 8.85955 10.7596 8.71968 10.6197C8.57975 10.4799 8.39975 10.3792 8.20991 10.3492ZM7.24995 4.57965V9.07965H8.74995V4.57965H7.24995Z\"/></svg>\n</template>\n<script>\n import '../css/main.css';\n\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n","\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-ui-assets/icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#001222\" fill-rule=\"evenodd\" d=\"M5.03418 0.839544C6.45015 0.253058 8.00853 0.0992122 9.51172 0.398138C11.015 0.697159 12.3966 1.43547 13.4805 2.51923C14.5642 3.60301 15.3025 4.98476 15.6016 6.48798C15.9005 7.99113 15.7466 9.54958 15.1602 10.9655C14.5736 12.3816 13.5801 13.5925 12.3057 14.444C11.1109 15.2423 9.71924 15.6917 8.28711 15.7448L8 15.7497C5.94458 15.7497 3.97294 14.9336 2.51953 13.4802C1.06623 12.0268 0.250005 10.055 0.25 7.9997C0.250066 6.4671 0.70424 4.96838 1.55566 3.69404C2.40724 2.41967 3.61814 1.42609 5.03418 0.839544ZM6.25 6.2497V7.7497H7.25V10.2497H6.25V11.7497H9.75V10.2497H8.75V6.2497H6.25ZM7.75 3.4997C7.58674 3.4997 7.42763 3.54211 7.28418 3.61786C7.25386 3.63389 7.22303 3.64949 7.19434 3.66865L7.07812 3.75947C7.04744 3.78732 7.01817 3.817 6.99121 3.84833C6.97917 3.86236 6.96827 3.8776 6.95703 3.89228C6.93942 3.91522 6.9228 3.93915 6.90723 3.96357C6.90005 3.97485 6.89248 3.98618 6.88574 3.99775C6.86351 4.03594 6.84324 4.07574 6.82617 4.11689L6.78027 4.25751C6.77017 4.29795 6.7628 4.33927 6.75781 4.38056C6.75552 4.39961 6.75411 4.41902 6.75293 4.43818C6.75166 4.45856 6.75196 4.47926 6.75195 4.4997C6.75195 4.52207 6.75144 4.54472 6.75293 4.56708C6.75579 4.60979 6.76114 4.65273 6.76953 4.69501L6.80859 4.83661C6.82299 4.87685 6.84098 4.91584 6.86035 4.9538C6.86847 4.96971 6.87775 4.98522 6.88672 5.00068C6.89748 5.01922 6.90895 5.03753 6.9209 5.05536C6.93323 5.07376 6.94544 5.09248 6.95898 5.11005C6.98495 5.14371 7.01269 5.17643 7.04297 5.20673L7.1543 5.30341C7.19021 5.33003 7.2285 5.35325 7.26758 5.3747C7.27775 5.38031 7.28847 5.38508 7.29883 5.39033C7.32903 5.40554 7.35995 5.41924 7.3916 5.43134C7.40264 5.43559 7.41361 5.44018 7.4248 5.44404C7.46721 5.45855 7.51041 5.47134 7.55469 5.48017C7.59672 5.48853 7.63919 5.49291 7.68164 5.49579C7.70021 5.49707 7.71872 5.49751 7.7373 5.49775C7.76179 5.49804 7.78614 5.49729 7.81055 5.49579C7.82982 5.49462 7.84899 5.4932 7.86816 5.49091C7.90982 5.48592 7.95139 5.47962 7.99219 5.46943L8.13281 5.42353C8.1739 5.40649 8.21283 5.38517 8.25098 5.36298C8.2626 5.35623 8.27383 5.3487 8.28516 5.3415C8.30964 5.32589 8.33345 5.30934 8.35645 5.29169C8.37116 5.28043 8.38633 5.26958 8.40039 5.25751C8.43176 5.23053 8.46235 5.20229 8.49023 5.17158L8.58105 5.05536C8.69084 4.89096 8.75 4.6974 8.75 4.4997C8.74992 4.2346 8.64449 3.98013 8.45703 3.79267C8.26951 3.60523 8.01514 3.4997 7.75 3.4997Z\" clip-rule=\"evenodd\"/></g><defs><clipPath :id=\"'uia-ui-assets/icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n import '../css/main.css';\n\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n","<template>\n <div class=\"b-alert\" :role=\"computedRole\">\n <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n <div class=\"b-alert__icon\">\n <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n </div>\n\n <div class=\"b-alert__content\">\n <bento-typography\n v-if=\"hasSlot('default') && !isTipVariant\"\n class=\"b-alert__title\"\n el=\"div\"\n variant=\"body\"\n strongest\n wide\n >\n <slot />\n </bento-typography>\n\n <bento-typography\n v-if=\"hasSlot('description')\"\n class=\"b-alert__description\"\n v-bind=\"descriptionTypography\"\n data-testid=\"alert-description\"\n >\n <slot name=\"description\" />\n </bento-typography>\n\n <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <bento-button\n v-if=\"closeButton\"\n class=\"b-alert__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n @click=\"onCloseButtonClick\"\n >\n <cross-small :svg-title=\"t('close')\" />\n </bento-button>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, useSlots } from 'vue';\n\n // Component\n import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n import { BentoButton } from '@/components/button';\n\n import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n // Utils\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const emit = defineEmits([\"close-alert\"]);\n\n const props = defineProps({\n closeButton: { type: Boolean, default: false },\n type: { default: BentoAlertTypeOption.HIGHLIGHT },\n variant: { default: BentoAlertVariant.DEFAULT }\n});\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n const alertConditionalClasses = computed(() => ({\n [`b-alert--${props.type}`]: props.type,\n [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n }));\n\n const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n const iconComponent = computed(() => {\n switch (props.type) {\n case BentoAlertTypeOption.CRITICAL:\n return CrossCircle;\n case BentoAlertTypeOption.SUCCESS:\n return CheckedCircle;\n case BentoAlertTypeOption.WARNING:\n return Warning;\n case BentoAlertTypeOption.HIGHLIGHT:\n default:\n return Info;\n }\n });\n\n const descriptionTypography = computed(() => ({\n el: BentoTypographyElement.DIV,\n variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n wide: true,\n }));\n\n const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n const onCloseButtonClick = () => {\n emit(BentoAlertEvent.CLOSE_ALERT);\n };\n\n onMounted(() => {\n if (!slots.default && !slots.description) {\n throw new Error('Alert Component requires a title or a description');\n }\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * An Alert component is used to display a persistent\n * notification containing information important to the user\n *\n * @example\n * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAlert },\n * template: `\n * <bento-alert type=\"highlight\">\n * Title of the Alert\n * </bento-alert>\n * `\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-alert',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid$1","_sfc_main$2","uuid","_sfc_main$1","__default__","messages","slots","useSlots","hasSlot","useHasSlot","t","useI18n","isTipVariant","computed","props","alertConditionalClasses","iconSvgTitle","iconComponent","CrossCircleFillIcon","CheckmarkCircleFillIcon","WarningFilledIcon","Info","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","emit","onMounted"],"mappings":";;;;;;;;;;;AAGO,IAAAA,IAAA,kBAAAC,OACHA,EAAA,UAAA,WACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAQLE,IAAA,kBAAAC,OACHA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WAJQA,IAAAD,KAAA,CAAA,CAAA,GAULE,IAAA,kBAAAC,OACHA,EAAA,cAAA,eADQA,IAAAD,KAAA,CAAA,CAAA;ACdZ,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;ACPA,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GC8HIE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;iBA3EAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAUA,EAAA,GAAAI,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAA,MAAAC,EAAA,YAAApB,EAAA,GAAA,GAEAqB,IAAAF,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAC,EAAA,IAAA,EAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAApB,EAAA,GAAA,EAAA,GAAAkB,EAAA;AAAA,IACkB,EAAA,GAGxDI,IAAAH,EAAA,MAAAH,EAAA,GAAAI,EAAA,IAAA,MAAA,CAAA,GAEAG,IAAAJ,EAAA,MAAA;AACI,cAAAC,EAAA,MAAA;AAAA,QAAoB,KAAAlB,EAAA;AAEZ,iBAAAsB;AAAA,QAAO,KAAAtB,EAAA;AAEP,iBAAAuB;AAAA,QAAO,KAAAvB,EAAA;AAEP,iBAAAwB;AAAA,QAAO,KAAAxB,EAAA;AAAA,QACe;AAEtB,iBAAAyB;AAAA,MAAO;AAAA,IACf,CAAA,GAGJC,IAAAT,EAAA,OAAA;AAAA,MAA8C,IAAAU,EAAA;AAAA,MACf,SAAAX,EAAA,QAAAY,EAAA,UAAAA,EAAA;AAAA,MAC2D,MAAA;AAAA,IAChF,EAAA,GAGVC,IAAAZ,EAAA,MAAAC,EAAA,SAAAlB,EAAA,YAAA,WAAA,OAAA,GAEA8B,IAAA,MAAA;AACI,MAAAC,EAAA7B,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAA8B,EAAA,MAAA;AACI,UAAA,CAAAtB,EAAA,WAAA,CAAAA,EAAA;AACI,cAAA,IAAA,MAAA,mDAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"alert.DP17WjNE.js","sources":["../../src/components/alert/alert.types.ts","../../../ui-assets/icons-16/dist/vue/warning-filled.vue","../../../ui-assets/icons-16/dist/vue/info-filled.vue","../../src/components/alert/alert.vue"],"sourcesContent":["/**\n * @deprecated Since v2.0.0. Use string literal instead.\n */\nexport enum BentoAlertVariant {\n DEFAULT = 'default',\n TIP = 'tip',\n}\n\n/**\n * @deprecated Since v2.0.0. Use string literal instead.\n */\nexport enum BentoAlertTypeOption {\n WARNING = 'warning',\n CRITICAL = 'critical',\n HIGHLIGHT = 'highlight',\n SUCCESS = 'success',\n}\n\n/**\n * @deprecated Since v2.0.0. Use `@close-alert` instead.\n */\nexport enum BentoAlertEvent {\n CLOSE_ALERT = 'close-alert',\n}\n","\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><path fill=\"#001222\" d=\"M5.72456 2.45856C6.84306 0.797505 9.35301 0.852915 10.3789 2.62457L15 10.6246C16.0585 12.4537 14.7382 14.7493 12.6201 14.7496H3.37984C1.26177 14.7493 -0.0573711 12.4537 1.00093 10.6246L5.62105 2.62457L5.72456 2.45856ZM8.20991 10.3492C8.02 10.3092 7.80975 10.3298 7.62984 10.4097C7.44993 10.4897 7.28964 10.61 7.17964 10.7798C7.06984 10.9397 7.00984 11.1397 7.00972 11.3394C7.00972 11.6092 7.11997 11.8594 7.29976 12.0494C7.48973 12.2394 7.73976 12.3394 8.00972 12.3394L7.99995 12.3297C8.19979 12.3296 8.38964 12.2696 8.55952 12.1597C8.71947 12.0497 8.84966 11.8895 8.92964 11.7095C9.00952 11.5296 9.03016 11.3293 8.99019 11.1295C8.95014 10.9396 8.85955 10.7596 8.71968 10.6197C8.57975 10.4799 8.39975 10.3792 8.20991 10.3492ZM7.24995 4.57965V9.07965H8.74995V4.57965H7.24995Z\"/></svg>\n</template>\n<script>\n import '../css/main.css';\n\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n","\n<template>\n <svg role=\"img\" v-bind=\"$attrs\" class=\"ui-assets-icons-16\" xmlns=\"http://www.w3.org/2000/svg\" width=\"16\" height=\"16\" fill=\"none\"><title v-if=\"$attrs['svg-title']\">{{ $attrs['svg-title'] }}</title><g :clip-path=\"'url(#uia-ui-assets/icons-16-info_filled__a' + uuid + ')'\"><path fill=\"#001222\" fill-rule=\"evenodd\" d=\"M5.03418 0.839544C6.45015 0.253058 8.00853 0.0992122 9.51172 0.398138C11.015 0.697159 12.3966 1.43547 13.4805 2.51923C14.5642 3.60301 15.3025 4.98476 15.6016 6.48798C15.9005 7.99113 15.7466 9.54958 15.1602 10.9655C14.5736 12.3816 13.5801 13.5925 12.3057 14.444C11.1109 15.2423 9.71924 15.6917 8.28711 15.7448L8 15.7497C5.94458 15.7497 3.97294 14.9336 2.51953 13.4802C1.06623 12.0268 0.250005 10.055 0.25 7.9997C0.250066 6.4671 0.70424 4.96838 1.55566 3.69404C2.40724 2.41967 3.61814 1.42609 5.03418 0.839544ZM6.25 6.2497V7.7497H7.25V10.2497H6.25V11.7497H9.75V10.2497H8.75V6.2497H6.25ZM7.75 3.4997C7.58674 3.4997 7.42763 3.54211 7.28418 3.61786C7.25386 3.63389 7.22303 3.64949 7.19434 3.66865L7.07812 3.75947C7.04744 3.78732 7.01817 3.817 6.99121 3.84833C6.97917 3.86236 6.96827 3.8776 6.95703 3.89228C6.93942 3.91522 6.9228 3.93915 6.90723 3.96357C6.90005 3.97485 6.89248 3.98618 6.88574 3.99775C6.86351 4.03594 6.84324 4.07574 6.82617 4.11689L6.78027 4.25751C6.77017 4.29795 6.7628 4.33927 6.75781 4.38056C6.75552 4.39961 6.75411 4.41902 6.75293 4.43818C6.75166 4.45856 6.75196 4.47926 6.75195 4.4997C6.75195 4.52207 6.75144 4.54472 6.75293 4.56708C6.75579 4.60979 6.76114 4.65273 6.76953 4.69501L6.80859 4.83661C6.82299 4.87685 6.84098 4.91584 6.86035 4.9538C6.86847 4.96971 6.87775 4.98522 6.88672 5.00068C6.89748 5.01922 6.90895 5.03753 6.9209 5.05536C6.93323 5.07376 6.94544 5.09248 6.95898 5.11005C6.98495 5.14371 7.01269 5.17643 7.04297 5.20673L7.1543 5.30341C7.19021 5.33003 7.2285 5.35325 7.26758 5.3747C7.27775 5.38031 7.28847 5.38508 7.29883 5.39033C7.32903 5.40554 7.35995 5.41924 7.3916 5.43134C7.40264 5.43559 7.41361 5.44018 7.4248 5.44404C7.46721 5.45855 7.51041 5.47134 7.55469 5.48017C7.59672 5.48853 7.63919 5.49291 7.68164 5.49579C7.70021 5.49707 7.71872 5.49751 7.7373 5.49775C7.76179 5.49804 7.78614 5.49729 7.81055 5.49579C7.82982 5.49462 7.84899 5.4932 7.86816 5.49091C7.90982 5.48592 7.95139 5.47962 7.99219 5.46943L8.13281 5.42353C8.1739 5.40649 8.21283 5.38517 8.25098 5.36298C8.2626 5.35623 8.27383 5.3487 8.28516 5.3415C8.30964 5.32589 8.33345 5.30934 8.35645 5.29169C8.37116 5.28043 8.38633 5.26958 8.40039 5.25751C8.43176 5.23053 8.46235 5.20229 8.49023 5.17158L8.58105 5.05536C8.69084 4.89096 8.75 4.6974 8.75 4.4997C8.74992 4.2346 8.64449 3.98013 8.45703 3.79267C8.26951 3.60523 8.01514 3.4997 7.75 3.4997Z\" clip-rule=\"evenodd\"/></g><defs><clipPath :id=\"'uia-ui-assets/icons-16-info_filled__a' + uuid\"><rect width=\"16\" height=\"16\" fill=\"#fff\"/></clipPath></defs></svg>\n</template>\n<script>\n import '../css/main.css';\n\n let uuid = 0;\n\n export default {\n beforeCreate() {\n this.uuid = uuid.toString();\n uuid += 1;\n },\n };\n</script>\n","<template>\n <div class=\"b-alert\" :role=\"computedRole\">\n <div class=\"b-alert__inner-container\" :class=\"alertConditionalClasses\">\n <div class=\"b-alert__icon\">\n <component :is=\"iconComponent\" aria-hidden=\"true\" :svg-title=\"iconSvgTitle\" />\n </div>\n\n <div class=\"b-alert__content\">\n <bento-typography\n v-if=\"hasSlot('default') && !isTipVariant\"\n class=\"b-alert__title\"\n el=\"div\"\n variant=\"body\"\n strongest\n wide\n >\n <slot />\n </bento-typography>\n\n <bento-typography\n v-if=\"hasSlot('description')\"\n class=\"b-alert__description\"\n v-bind=\"descriptionTypography\"\n data-testid=\"alert-description\"\n >\n <slot name=\"description\" />\n </bento-typography>\n\n <div v-if=\"hasSlot('actions') && !isTipVariant\" class=\"b-alert__actions\" data-testid=\"alert-actions\">\n <slot name=\"actions\" />\n </div>\n </div>\n\n <bento-button\n v-if=\"closeButton\"\n class=\"b-alert__close-button\"\n variant=\"tertiary\"\n type=\"button\"\n @click=\"onCloseButtonClick\"\n >\n <cross-small :svg-title=\"t('close')\" />\n </bento-button>\n </div>\n </div>\n</template>\n\n<script setup lang=\"ts\">\n import { computed, onMounted, useSlots } from 'vue';\n\n // Component\n import { BentoAlertEvent, BentoAlertTypeOption, BentoAlertVariant } from '@/components/alert/alert.types';\n import { BentoTypography, BentoTypographyElement, BentoTypographyVariant } from '@/components/typography';\n import { BentoButton } from '@/components/button';\n\n import CrossSmall from '@adyen/ui-assets-icons-16/vue/cross-small';\n import Warning from '@adyen/ui-assets-icons-16/vue/warning-filled';\n import CrossCircle from '@adyen/ui-assets-icons-16/vue/cross-circle-fill';\n import CheckedCircle from '@adyen/ui-assets-icons-16/vue/checkmark-circle-fill';\n import Info from '@adyen/ui-assets-icons-16/vue/info-filled';\n\n // Utils\n import { useHasSlot } from '@/composables';\n import { useI18n } from '@/utils/ts/i18n';\n\n import messages from './messages.json';\n\n type MessageSchema = (typeof messages)['en-US'];\n\n const slots = useSlots();\n const hasSlot = useHasSlot(slots);\n\n const emit = defineEmits([\"close-alert\"]);\n\n const props = defineProps({\n closeButton: { type: Boolean, default: false },\n type: { default: BentoAlertTypeOption.HIGHLIGHT },\n variant: { default: BentoAlertVariant.DEFAULT }\n});\n\n const { t } = useI18n<{ message: MessageSchema }>({ messages });\n\n const isTipVariant = computed(() => props.variant === BentoAlertVariant.TIP);\n\n const alertConditionalClasses = computed(() => ({\n [`b-alert--${props.type}`]: props.type,\n [`b-alert--${BentoAlertVariant.TIP}`]: isTipVariant.value,\n }));\n\n const iconSvgTitle = computed(() => t(`${props.type}Icon`));\n\n const iconComponent = computed(() => {\n switch (props.type) {\n case BentoAlertTypeOption.CRITICAL:\n return CrossCircle;\n case BentoAlertTypeOption.SUCCESS:\n return CheckedCircle;\n case BentoAlertTypeOption.WARNING:\n return Warning;\n case BentoAlertTypeOption.HIGHLIGHT:\n default:\n return Info;\n }\n });\n\n const descriptionTypography = computed(() => ({\n el: BentoTypographyElement.DIV,\n variant: isTipVariant.value ? BentoTypographyVariant.CAPTION : BentoTypographyVariant.BODY,\n wide: true,\n }));\n\n const computedRole = computed(() => (props.type === BentoAlertTypeOption.HIGHLIGHT ? 'status' : 'alert'));\n\n const onCloseButtonClick = () => {\n emit(BentoAlertEvent.CLOSE_ALERT);\n };\n\n onMounted(() => {\n if (!slots.default && !slots.description) {\n throw new Error('Alert Component requires a title or a description');\n }\n });\n</script>\n\n<script lang=\"ts\">\n /**\n * An Alert component is used to display a persistent\n * notification containing information important to the user\n *\n * @example\n * import { BentoAlert, BentoAlertTypeOption } from '@adyen/bento-vue2';\n *\n * export default {\n * components: { BentoAlert },\n * template: `\n * <bento-alert type=\"highlight\">\n * Title of the Alert\n * </bento-alert>\n * `\n * }\n */\n export default {\n i18n: { messages },\n name: 'bento-alert',\n };\n</script>\n\n<style lang=\"scss\" scoped src=\"./alert.scss\" />\n"],"names":["BentoAlertVariant","BentoAlertVariant2","BentoAlertTypeOption","BentoAlertTypeOption2","BentoAlertEvent","BentoAlertEvent2","uuid$1","_sfc_main$2","uuid","_sfc_main$1","__default__","messages","slots","useSlots","hasSlot","useHasSlot","t","useI18n","isTipVariant","computed","props","alertConditionalClasses","iconSvgTitle","iconComponent","CrossCircleFillIcon","CheckmarkCircleFillIcon","WarningFilledIcon","Info","descriptionTypography","BentoTypographyElement","BentoTypographyVariant","computedRole","onCloseButtonClick","emit","onMounted"],"mappings":";;;;;;;;;;;AAGO,IAAAA,IAAA,kBAAAC,OACHA,EAAA,UAAA,WACAA,EAAA,MAAA,OAFQA,IAAAD,KAAA,CAAA,CAAA,GAQLE,IAAA,kBAAAC,OACHA,EAAA,UAAA,WACAA,EAAA,WAAA,YACAA,EAAA,YAAA,aACAA,EAAA,UAAA,WAJQA,IAAAD,KAAA,CAAA,CAAA,GAULE,IAAA,kBAAAC,OACHA,EAAA,cAAA,eADQA,IAAAD,KAAA,CAAA,CAAA;ACdZ,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;ACPA,IAAAE,IAAA;AAEA,MAAAC,IAAA;AAAA,EACA,eAAA;AACA,SAAA,OAAAD,EAAA,SAAA,GACAA,KAAA;AAAA,EACA;AACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GC8HIE,IAAA;AAAA,EAAe,MAAA,EAAA,UAAAC,EAAA;AAAA,EACM,MAAA;AAErB;;;;;;;;;iBA3EAC,IAAAC,EAAA,GACAC,IAAAC,EAAAH,CAAA,GAUA,EAAA,GAAAI,EAAA,IAAAC,EAAA,GAEAC,IAAAC,EAAA,MAAAC,EAAA,YAAApB,EAAA,GAAA,GAEAqB,IAAAF,EAAA,OAAA;AAAA,MAAgD,CAAA,YAAAC,EAAA,IAAA,EAAA,GAAAA,EAAA;AAAA,MACV,CAAA,YAAApB,EAAA,GAAA,EAAA,GAAAkB,EAAA;AAAA,IACkB,EAAA,GAGxDI,IAAAH,EAAA,MAAAH,EAAA,GAAAI,EAAA,IAAA,MAAA,CAAA,GAEAG,IAAAJ,EAAA,MAAA;AACI,cAAAC,EAAA,MAAA;AAAA,QAAoB,KAAAlB,EAAA;AAEZ,iBAAAsB;AAAA,QAAO,KAAAtB,EAAA;AAEP,iBAAAuB;AAAA,QAAO,KAAAvB,EAAA;AAEP,iBAAAwB;AAAA,QAAO,KAAAxB,EAAA;AAAA,QACe;AAEtB,iBAAAyB;AAAA,MAAO;AAAA,IACf,CAAA,GAGJC,IAAAT,EAAA,OAAA;AAAA,MAA8C,IAAAU,EAAA;AAAA,MACf,SAAAX,EAAA,QAAAY,EAAA,UAAAA,EAAA;AAAA,MAC2D,MAAA;AAAA,IAChF,EAAA,GAGVC,IAAAZ,EAAA,MAAAC,EAAA,SAAAlB,EAAA,YAAA,WAAA,OAAA,GAEA8B,IAAA,MAAA;AACI,MAAAC,EAAA7B,EAAA,WAAA;AAAA,IAAgC;AAGpC,WAAA8B,EAAA,MAAA;AACI,UAAA,CAAAtB,EAAA,WAAA,CAAAA,EAAA;AACI,cAAA,IAAA,MAAA,mDAAA;AAAA,IACJ,CAAA;;;;;;;;;;;;;;;"}