@onereach/ui-components 2.69.7-beta.2186.0 → 2.69.7
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.
- package/dist/bundled/v2/{OrCardCollection-aa6b8553.js → OrCardCollection-754aa36f.js} +2 -2
- package/dist/bundled/v2/{OrCheckbox-4f665252.js → OrCheckbox-dbef9f9a.js} +3 -3
- package/dist/bundled/v2/{OrConfirm-dc704484.js → OrConfirm-cf334659.js} +1 -1
- package/dist/bundled/v2/{OrIconButton-a215104c.js → OrIconButton-a2ba92df.js} +4 -4
- package/dist/bundled/v2/{OrInlineInput-6af4fe07.js → OrInlineInput-87589946.js} +3 -3
- package/dist/bundled/v2/{OrInlineTextarea-ddf84267.js → OrInlineTextarea-21b0e6fc.js} +3 -3
- package/dist/bundled/v2/{OrInput-e7b864c1.js → OrInput-82ccfe00.js} +14 -21
- package/dist/bundled/v2/{OrInputBox-de8ce3ac.js → OrInputBox-79ec54ad.js} +12 -2
- package/dist/bundled/v2/{OrModal-f89de11f.js → OrModal-af6677fd.js} +3 -12
- package/dist/bundled/v2/{OrNotification-d76a062d.js → OrNotification-3250f58b.js} +5 -13
- package/dist/bundled/v2/{OrRadio-a60fc5c0.js → OrRadio-cd39b20b.js} +3 -3
- package/dist/bundled/v2/{OrSearch-ad84b460.js → OrSearch-53470b0e.js} +2 -2
- package/dist/bundled/v2/{OrSelect-b393f564.js → OrSelect-2e48be47.js} +5 -13
- package/dist/bundled/v2/{OrSwitch-fe9b7de7.js → OrSwitch-237a2081.js} +3 -3
- package/dist/bundled/v2/{OrTag-6440aa89.js → OrTag-e3e6fdd6.js} +6 -6
- package/dist/bundled/v2/{OrTextarea-59fba95c.js → OrTextarea-5593fbe9.js} +11 -14
- package/dist/bundled/v2/components/index.js +17 -18
- package/dist/bundled/v2/components/or-card-collection-v3/index.js +5 -6
- package/dist/bundled/v2/components/or-checkbox-v3/index.js +1 -1
- package/dist/bundled/v2/components/or-confirm-v3/index.js +4 -5
- package/dist/bundled/v2/components/or-icon-button-v3/index.js +1 -1
- package/dist/bundled/v2/components/or-icon-button-v3/props.d.ts +1 -1
- package/dist/bundled/v2/components/or-inline-input-v3/index.js +2 -2
- package/dist/bundled/v2/components/or-inline-textarea-v3/index.js +2 -2
- package/dist/bundled/v2/components/or-input-box-v3/index.js +1 -2
- package/dist/bundled/v2/components/or-input-v3/index.js +3 -4
- package/dist/bundled/v2/components/or-modal-v3/OrModal.vue.d.ts +0 -2
- package/dist/bundled/v2/components/or-modal-v3/index.js +2 -2
- package/dist/bundled/v2/components/or-modal-v3/styles.d.ts +0 -1
- package/dist/bundled/v2/components/or-notification-v3/OrNotification.vue.d.ts +0 -2
- package/dist/bundled/v2/components/or-notification-v3/index.js +2 -2
- package/dist/bundled/v2/components/or-notification-v3/styles.d.ts +0 -1
- package/dist/bundled/v2/components/or-radio-v3/index.js +1 -1
- package/dist/bundled/v2/components/or-search-v3/index.js +4 -5
- package/dist/bundled/v2/components/or-select-v3/OrSelect.vue.d.ts +0 -11
- package/dist/bundled/v2/components/or-select-v3/index.js +6 -7
- package/dist/bundled/v2/components/or-switch-v3/index.js +1 -1
- package/dist/bundled/v2/components/or-tag-v3/index.js +2 -2
- package/dist/bundled/v2/components/or-tag-v3/props.d.ts +1 -1
- package/dist/bundled/v2/components/or-textarea-v3/index.js +2 -3
- package/dist/bundled/v2/components/or-toast-v3/OrToast.vue.d.ts +0 -2
- package/dist/bundled/v2/components/or-toast-v3/index.js +2 -2
- package/dist/bundled/v2/components/or-toast-v3/styles.d.ts +0 -1
- package/dist/bundled/v2/index.js +18 -19
- package/dist/bundled/v2/{types-fdd34542.js → types-8fe4e345.js} +8 -17
- package/dist/bundled/v3/{OrCardCollection.vue_vue_type_script_lang-ece2eab6.js → OrCardCollection.vue_vue_type_script_lang-365741ae.js} +3 -3
- package/dist/bundled/v3/{OrConfirm.vue_vue_type_script_lang-fcbdf2c6.js → OrConfirm.vue_vue_type_script_lang-68329ca1.js} +2 -2
- package/dist/bundled/v3/{OrIconButton-1581013c.js → OrIconButton-cd62526d.js} +1 -1
- package/dist/bundled/v3/{OrIconButton.vue_vue_type_script_lang-f6f801ff.js → OrIconButton.vue_vue_type_script_lang-aefcf30d.js} +4 -4
- package/dist/bundled/v3/{OrInlineInput.vue_vue_type_script_lang-84c521f9.js → OrInlineInput.vue_vue_type_script_lang-67218502.js} +4 -4
- package/dist/bundled/v3/{OrInlineTextarea.vue_vue_type_script_lang-9c58faeb.js → OrInlineTextarea.vue_vue_type_script_lang-a1831ab8.js} +4 -4
- package/dist/bundled/v3/{OrInput-4ccc2c7b.js → OrInput-a4f220ed.js} +14 -17
- package/dist/bundled/v3/{OrInput.vue_vue_type_script_lang-96ce8121.js → OrInput.vue_vue_type_script_lang-607d79d4.js} +6 -7
- package/dist/bundled/v3/{OrInputBox-27aa1cec.js → OrInputBox-eb54d73d.js} +1 -1
- package/dist/{esm/v2/OrInputBox.vue_rollup-plugin-vue_script-328ae841.js → bundled/v3/OrInputBox.vue_vue_type_script_lang-5ee4ee45.js} +2 -3
- package/dist/bundled/v3/{OrModal.vue_vue_type_script_lang-80a7b906.js → OrModal.vue_vue_type_script_lang-55c864d1.js} +2 -9
- package/dist/bundled/v3/{OrNotification.vue_vue_type_script_lang-fbb35355.js → OrNotification.vue_vue_type_script_lang-c886ae51.js} +2 -9
- package/dist/bundled/v3/{OrSearch.vue_vue_type_script_lang-71fbb2fc.js → OrSearch.vue_vue_type_script_lang-06f318ca.js} +3 -3
- package/dist/bundled/v3/{OrSelect.vue_vue_type_script_lang-363605c5.js → OrSelect.vue_vue_type_script_lang-a5ecc5ed.js} +9 -17
- package/dist/bundled/v3/{OrTag.vue_vue_type_script_lang-dc6a4011.js → OrTag.vue_vue_type_script_lang-e45c345b.js} +6 -6
- package/dist/bundled/v3/{OrTextarea.vue_vue_type_script_lang-9f2a0234.js → OrTextarea.vue_vue_type_script_lang-8e3531cd.js} +4 -5
- package/dist/bundled/v3/{OrToastContainer-7c3c0b12.js → OrToastContainer-34389303.js} +1 -1
- package/dist/bundled/v3/components/index.js +17 -18
- package/dist/bundled/v3/components/or-card-collection-v3/index.js +8 -9
- package/dist/bundled/v3/components/or-confirm-v3/index.js +7 -8
- package/dist/bundled/v3/components/or-icon-button-v3/index.js +1 -1
- package/dist/bundled/v3/components/or-icon-button-v3/props.d.ts +1 -1
- package/dist/bundled/v3/components/or-inline-input-v3/index.js +3 -3
- package/dist/bundled/v3/components/or-inline-textarea-v3/index.js +3 -3
- package/dist/bundled/v3/components/or-input-box-v3/index.js +1 -2
- package/dist/bundled/v3/components/or-input-v3/index.js +5 -6
- package/dist/bundled/v3/components/or-modal-v3/OrModal.vue.d.ts +0 -2
- package/dist/bundled/v3/components/or-modal-v3/index.js +3 -3
- package/dist/bundled/v3/components/or-modal-v3/styles.d.ts +0 -1
- package/dist/bundled/v3/components/or-notification-v3/OrNotification.vue.d.ts +0 -2
- package/dist/bundled/v3/components/or-notification-v3/index.js +3 -3
- package/dist/bundled/v3/components/or-notification-v3/styles.d.ts +0 -1
- package/dist/bundled/v3/components/or-search-v3/index.js +7 -8
- package/dist/bundled/v3/components/or-select-v3/OrSelect.vue.d.ts +0 -11
- package/dist/bundled/v3/components/or-select-v3/index.js +8 -9
- package/dist/bundled/v3/components/or-tag-v3/index.js +3 -3
- package/dist/bundled/v3/components/or-tag-v3/props.d.ts +1 -1
- package/dist/bundled/v3/components/or-textarea-v3/index.js +3 -4
- package/dist/bundled/v3/components/or-toast-v3/OrToast.vue.d.ts +0 -2
- package/dist/bundled/v3/components/or-toast-v3/index.js +4 -4
- package/dist/bundled/v3/components/or-toast-v3/styles.d.ts +0 -1
- package/dist/bundled/v3/index.js +49 -57
- package/dist/bundled/v3/{types-dcc78caa.js → types-f53434f2.js} +7 -16
- package/dist/esm/v2/{OrCardCollection-fe34fef3.js → OrCardCollection-153b0179.js} +3 -3
- package/dist/esm/v2/{OrCheckbox-ea48d156.js → OrCheckbox-567e387c.js} +3 -3
- package/dist/esm/v2/{OrConfirm-3bead0be.js → OrConfirm-d67d5c00.js} +1 -1
- package/dist/esm/v2/{OrIconButton-e17e4944.js → OrIconButton-b3779042.js} +4 -4
- package/dist/esm/v2/{OrInlineInput-e32f322f.js → OrInlineInput-10205811.js} +3 -3
- package/dist/esm/v2/{OrInlineTextarea-7296fbdb.js → OrInlineTextarea-7658611e.js} +3 -3
- package/dist/esm/v2/{OrInput-db0e2368.js → OrInput-ada3a970.js} +14 -21
- package/dist/{bundled/v3/OrInputBox.vue_vue_type_script_lang-28353c10.js → esm/v2/OrInputBox-4d5a318d.js} +55 -4
- package/dist/esm/v2/{OrModal-5b37a50a.js → OrModal-a7719843.js} +3 -12
- package/dist/esm/v2/{OrNotification-c765f111.js → OrNotification-8a4830a3.js} +5 -13
- package/dist/esm/v2/{OrRadio-6e10f071.js → OrRadio-848ce55d.js} +3 -3
- package/dist/esm/v2/{OrSearch-9d9459f5.js → OrSearch-0f08f2f5.js} +2 -2
- package/dist/esm/v2/{OrSelect-e6aa1b2a.js → OrSelect-b3794fd3.js} +5 -13
- package/dist/esm/v2/{OrSwitch-c628d2c5.js → OrSwitch-13b6a7ee.js} +3 -3
- package/dist/esm/v2/{OrTag-cf9c6195.js → OrTag-52e4cc94.js} +6 -6
- package/dist/esm/v2/{OrTextarea-52354386.js → OrTextarea-6712a150.js} +11 -14
- package/dist/esm/v2/components/index.js +17 -18
- package/dist/esm/v2/components/or-card-collection-v3/index.js +5 -6
- package/dist/esm/v2/components/or-checkbox-v3/index.js +1 -1
- package/dist/esm/v2/components/or-confirm-v3/index.js +4 -5
- package/dist/esm/v2/components/or-icon-button-v3/index.js +1 -1
- package/dist/esm/v2/components/or-icon-button-v3/props.d.ts +1 -1
- package/dist/esm/v2/components/or-inline-input-v3/index.js +2 -2
- package/dist/esm/v2/components/or-inline-textarea-v3/index.js +2 -2
- package/dist/esm/v2/components/or-input-box-v3/index.js +2 -3
- package/dist/esm/v2/components/or-input-v3/index.js +3 -4
- package/dist/esm/v2/components/or-modal-v3/OrModal.vue.d.ts +0 -2
- package/dist/esm/v2/components/or-modal-v3/index.js +2 -2
- package/dist/esm/v2/components/or-modal-v3/styles.d.ts +0 -1
- package/dist/esm/v2/components/or-notification-v3/OrNotification.vue.d.ts +0 -2
- package/dist/esm/v2/components/or-notification-v3/index.js +2 -2
- package/dist/esm/v2/components/or-notification-v3/styles.d.ts +0 -1
- package/dist/esm/v2/components/or-radio-v3/index.js +1 -1
- package/dist/esm/v2/components/or-search-v3/index.js +4 -5
- package/dist/esm/v2/components/or-select-v3/OrSelect.vue.d.ts +0 -11
- package/dist/esm/v2/components/or-select-v3/index.js +6 -7
- package/dist/esm/v2/components/or-switch-v3/index.js +1 -1
- package/dist/esm/v2/components/or-tag-v3/index.js +2 -2
- package/dist/esm/v2/components/or-tag-v3/props.d.ts +1 -1
- package/dist/esm/v2/components/or-textarea-v3/index.js +2 -3
- package/dist/esm/v2/components/or-toast-v3/OrToast.vue.d.ts +0 -2
- package/dist/esm/v2/components/or-toast-v3/index.js +2 -2
- package/dist/esm/v2/components/or-toast-v3/styles.d.ts +0 -1
- package/dist/esm/v2/index.js +17 -18
- package/dist/esm/v2/{types-8d58d7b5.js → types-6c742e07.js} +8 -17
- package/dist/esm/v3/{OrCardCollection-8a84f69c.js → OrCardCollection-a09ad585.js} +2 -2
- package/dist/esm/v3/{OrCheckbox-d1b516c8.js → OrCheckbox-3e139eac.js} +2 -3
- package/dist/esm/v3/{OrConfirm-5bd1f4db.js → OrConfirm-b93b5131.js} +1 -1
- package/dist/esm/v3/{OrIconButton-1eebcafc.js → OrIconButton-1a89fbf9.js} +4 -4
- package/dist/esm/v3/{OrInlineInput-00f0d1b8.js → OrInlineInput-507fc99c.js} +3 -3
- package/dist/esm/v3/{OrInlineTextarea-c1babfda.js → OrInlineTextarea-53a9e027.js} +3 -3
- package/dist/esm/v3/{OrInput-2b447f81.js → OrInput-9c0426b9.js} +16 -19
- package/dist/esm/v3/{OrModal-381554a6.js → OrModal-7878cc39.js} +3 -12
- package/dist/esm/v3/{OrNotification-34d9c99b.js → OrNotification-e1383681.js} +4 -12
- package/dist/esm/v3/{OrRadio-ef9d4c6e.js → OrRadio-54b6d0de.js} +2 -3
- package/dist/esm/v3/{OrSearch-d72cfc74.js → OrSearch-9885d178.js} +1 -1
- package/dist/esm/v3/{OrSelect-e6e006d5.js → OrSelect-a0718c44.js} +5 -12
- package/dist/esm/v3/{OrSwitch-cc797a48.js → OrSwitch-cca30aa0.js} +3 -3
- package/dist/esm/v3/{OrTag-c0bbaa58.js → OrTag-efa7578f.js} +6 -6
- package/dist/esm/v3/{OrTextarea-ed35cd0b.js → OrTextarea-bb9ef3f2.js} +14 -16
- package/dist/esm/v3/components/index.js +16 -16
- package/dist/esm/v3/components/or-card-collection-v3/index.js +4 -4
- package/dist/esm/v3/components/or-checkbox-v3/index.js +1 -1
- package/dist/esm/v3/components/or-confirm-v3/index.js +3 -3
- package/dist/esm/v3/components/or-icon-button-v3/index.js +1 -1
- package/dist/esm/v3/components/or-icon-button-v3/props.d.ts +1 -1
- package/dist/esm/v3/components/or-inline-input-v3/index.js +2 -2
- package/dist/esm/v3/components/or-inline-textarea-v3/index.js +2 -2
- package/dist/esm/v3/components/or-input-v3/index.js +2 -2
- package/dist/esm/v3/components/or-modal-v3/OrModal.vue.d.ts +0 -2
- package/dist/esm/v3/components/or-modal-v3/index.js +2 -2
- package/dist/esm/v3/components/or-modal-v3/styles.d.ts +0 -1
- package/dist/esm/v3/components/or-notification-v3/OrNotification.vue.d.ts +0 -2
- package/dist/esm/v3/components/or-notification-v3/index.js +2 -2
- package/dist/esm/v3/components/or-notification-v3/styles.d.ts +0 -1
- package/dist/esm/v3/components/or-radio-v3/index.js +1 -1
- package/dist/esm/v3/components/or-search-v3/index.js +3 -3
- package/dist/esm/v3/components/or-select-v3/OrSelect.vue.d.ts +0 -11
- package/dist/esm/v3/components/or-select-v3/index.js +5 -5
- package/dist/esm/v3/components/or-switch-v3/index.js +1 -1
- package/dist/esm/v3/components/or-tag-v3/index.js +2 -2
- package/dist/esm/v3/components/or-tag-v3/props.d.ts +1 -1
- package/dist/esm/v3/components/or-textarea-v3/index.js +1 -1
- package/dist/esm/v3/components/or-toast-v3/OrToast.vue.d.ts +0 -2
- package/dist/esm/v3/components/or-toast-v3/index.js +2 -2
- package/dist/esm/v3/components/or-toast-v3/styles.d.ts +0 -1
- package/dist/esm/v3/index.js +16 -16
- package/dist/esm/v3/{types-8a338300.js → types-2692e337.js} +6 -15
- package/package.json +4 -3
- package/src/components/or-checkbox-v3/OrCheckbox.vue +1 -1
- package/src/components/or-icon-button-v3/OrIconButton.vue +1 -1
- package/src/components/or-icon-button-v3/props.ts +1 -1
- package/src/components/or-icon-button-v3/styles.ts +4 -1
- package/src/components/or-inline-input-v3/styles.ts +2 -2
- package/src/components/or-inline-textarea-v3/styles.ts +2 -2
- package/src/components/or-input-v3/OrInput.vue +22 -28
- package/src/components/or-input-v3/styles.ts +2 -2
- package/src/components/or-modal-v3/OrModal.vue +6 -13
- package/src/components/or-modal-v3/styles.ts +0 -9
- package/src/components/or-notification-v3/OrNotification.vue +6 -12
- package/src/components/or-notification-v3/styles.ts +0 -9
- package/src/components/or-radio-v3/OrRadio.vue +1 -1
- package/src/components/or-select-v3/OrSelect.stories3.ts +0 -4
- package/src/components/or-select-v3/OrSelect.vue +0 -6
- package/src/components/or-select-v3/styles.ts +1 -4
- package/src/components/or-switch-v3/OrSwitch.vue +1 -1
- package/src/components/or-tag-v3/OrTag.vue +3 -3
- package/src/components/or-tag-v3/props.ts +1 -1
- package/src/components/or-tag-v3/styles.ts +1 -1
- package/src/components/or-textarea-v3/OrTextarea.vue +1 -5
- package/src/components/or-textarea-v3/styles.ts +2 -2
- package/src/components/or-toast-v3/OrToast.vue +6 -13
- package/src/components/or-toast-v3/styles.ts +0 -9
- package/dist/bundled/v2/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +0 -27
- package/dist/bundled/v2/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -98
- package/dist/bundled/v2/components/or-combined-input-v3/index.d.ts +0 -2
- package/dist/bundled/v2/components/or-combined-input-v3/index.js +0 -149
- package/dist/bundled/v2/components/or-combined-input-v3/props.d.ts +0 -1
- package/dist/bundled/v2/components/or-combined-input-v3/styles.d.ts +0 -2
- package/dist/bundled/v2/props-78496a2d.js +0 -12
- package/dist/bundled/v3/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +0 -27
- package/dist/bundled/v3/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -98
- package/dist/bundled/v3/components/or-combined-input-v3/index.d.ts +0 -2
- package/dist/bundled/v3/components/or-combined-input-v3/index.js +0 -132
- package/dist/bundled/v3/components/or-combined-input-v3/props.d.ts +0 -1
- package/dist/bundled/v3/components/or-combined-input-v3/styles.d.ts +0 -2
- package/dist/bundled/v3/props-78496a2d.js +0 -12
- package/dist/esm/v2/OrInputBox-9d1193b5.js +0 -43
- package/dist/esm/v2/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +0 -27
- package/dist/esm/v2/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -98
- package/dist/esm/v2/components/or-combined-input-v3/index.d.ts +0 -2
- package/dist/esm/v2/components/or-combined-input-v3/index.js +0 -147
- package/dist/esm/v2/components/or-combined-input-v3/props.d.ts +0 -1
- package/dist/esm/v2/components/or-combined-input-v3/styles.d.ts +0 -2
- package/dist/esm/v3/components/or-combined-input-v3/OrCombinedInput.stories3.d.ts +0 -27
- package/dist/esm/v3/components/or-combined-input-v3/OrCombinedInput.vue.d.ts +0 -98
- package/dist/esm/v3/components/or-combined-input-v3/index.d.ts +0 -2
- package/dist/esm/v3/components/or-combined-input-v3/index.js +0 -132
- package/dist/esm/v3/components/or-combined-input-v3/props.d.ts +0 -1
- package/dist/esm/v3/components/or-combined-input-v3/styles.d.ts +0 -2
- package/src/components/or-combined-input-v3/OrCombinedInput.docs.mdx +0 -7
- package/src/components/or-combined-input-v3/OrCombinedInput.stories3.ts +0 -202
- package/src/components/or-combined-input-v3/OrCombinedInput.vue +0 -134
- package/src/components/or-combined-input-v3/index.ts +0 -2
- package/src/components/or-combined-input-v3/props.ts +0 -1
- package/src/components/or-combined-input-v3/styles.ts +0 -25
|
@@ -44,13 +44,11 @@
|
|
|
44
44
|
</template>
|
|
45
45
|
|
|
46
46
|
<template v-if="dismissible">
|
|
47
|
-
<
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
/>
|
|
53
|
-
</div>
|
|
47
|
+
<OrIconButton
|
|
48
|
+
:icon="'close'"
|
|
49
|
+
:size="'m'"
|
|
50
|
+
@click.stop="onClose()"
|
|
51
|
+
/>
|
|
54
52
|
</template>
|
|
55
53
|
</div>
|
|
56
54
|
</div>
|
|
@@ -63,7 +61,7 @@ import successPng from '../../assets/success.png';
|
|
|
63
61
|
import { OrIconButtonV3 as OrIconButton } from '../or-icon-button-v3';
|
|
64
62
|
import { OrLoaderV3 as OrLoader } from '../or-loader-v3';
|
|
65
63
|
import { ToastType } from './props';
|
|
66
|
-
import { messageStyleVariant,
|
|
64
|
+
import { messageStyleVariant, ToastRoot } from './styles';
|
|
67
65
|
import { ToastLink } from './types';
|
|
68
66
|
|
|
69
67
|
export default defineComponent({
|
|
@@ -134,10 +132,6 @@ export default defineComponent({
|
|
|
134
132
|
'dark:text-inverse-primary-dark',
|
|
135
133
|
]);
|
|
136
134
|
|
|
137
|
-
const actionButtonStyle = computed(() => [
|
|
138
|
-
...ToastActionButton,
|
|
139
|
-
]);
|
|
140
|
-
|
|
141
135
|
// State
|
|
142
136
|
const emojiSrc = computed(() => {
|
|
143
137
|
switch (props.toastType) {
|
|
@@ -168,7 +162,6 @@ export default defineComponent({
|
|
|
168
162
|
|
|
169
163
|
return {
|
|
170
164
|
root,
|
|
171
|
-
actionButtonStyle,
|
|
172
165
|
toastIconStyle,
|
|
173
166
|
rootStyles,
|
|
174
167
|
loaderStyle,
|
|
@@ -35,15 +35,6 @@ export const ToastRoot: string[] = [
|
|
|
35
35
|
'dark:shadow-card-dark',
|
|
36
36
|
];
|
|
37
37
|
|
|
38
|
-
export const ToastActionButton: string[] = [
|
|
39
|
-
// Layout
|
|
40
|
-
'contents',
|
|
41
|
-
|
|
42
|
-
// Theme
|
|
43
|
-
'theme-foreground-outline',
|
|
44
|
-
'dark:theme-foreground-outline-dark',
|
|
45
|
-
];
|
|
46
|
-
|
|
47
38
|
export const ToastContainer: string[] = [
|
|
48
39
|
// Position
|
|
49
40
|
'absolute',
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryFn } from '@storybook/vue3';
|
|
2
|
-
declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
3
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
4
|
-
} | string[], {} & {}, {
|
|
5
|
-
[x: number]: string;
|
|
6
|
-
} | {}, true>)>;
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
9
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
10
|
-
} | string[], {} & {}, {
|
|
11
|
-
[x: number]: string;
|
|
12
|
-
} | {}, true>)>;
|
|
13
|
-
export declare const Addon: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
14
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
15
|
-
} | string[], {} & {}, {
|
|
16
|
-
[x: number]: string;
|
|
17
|
-
} | {}, true>)>;
|
|
18
|
-
export declare const Hint: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
19
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
20
|
-
} | string[], {} & {}, {
|
|
21
|
-
[x: number]: string;
|
|
22
|
-
} | {}, true>)>;
|
|
23
|
-
export declare const Error: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
24
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
25
|
-
} | string[], {} & {}, {
|
|
26
|
-
[x: number]: string;
|
|
27
|
-
} | {}, true>)>;
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import { PropType } from 'vue-demi';
|
|
2
|
-
import { CombinedInputSize } from './props';
|
|
3
|
-
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
4
|
-
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
5
|
-
rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
|
|
6
|
-
controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
|
|
7
|
-
invalid: import("@vue/composition-api").ComputedRef<boolean>;
|
|
8
|
-
readonly: import("@vue/composition-api").ComputedRef<boolean>;
|
|
9
|
-
}> & import("@vue/composition-api").Data, {}, {}, {
|
|
10
|
-
size: {
|
|
11
|
-
type: PropType<CombinedInputSize>;
|
|
12
|
-
default: CombinedInputSize;
|
|
13
|
-
};
|
|
14
|
-
label: {
|
|
15
|
-
type: StringConstructor;
|
|
16
|
-
default: undefined;
|
|
17
|
-
};
|
|
18
|
-
hint: {
|
|
19
|
-
type: StringConstructor;
|
|
20
|
-
default: undefined;
|
|
21
|
-
};
|
|
22
|
-
error: {
|
|
23
|
-
type: StringConstructor;
|
|
24
|
-
default: undefined;
|
|
25
|
-
};
|
|
26
|
-
required: {
|
|
27
|
-
type: BooleanConstructor;
|
|
28
|
-
default: boolean;
|
|
29
|
-
};
|
|
30
|
-
disabled: {
|
|
31
|
-
type: BooleanConstructor;
|
|
32
|
-
default: boolean;
|
|
33
|
-
};
|
|
34
|
-
disableDefaultStyles: {
|
|
35
|
-
type: BooleanConstructor;
|
|
36
|
-
default: boolean;
|
|
37
|
-
};
|
|
38
|
-
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
39
|
-
size: {
|
|
40
|
-
type: PropType<CombinedInputSize>;
|
|
41
|
-
default: CombinedInputSize;
|
|
42
|
-
};
|
|
43
|
-
label: {
|
|
44
|
-
type: StringConstructor;
|
|
45
|
-
default: undefined;
|
|
46
|
-
};
|
|
47
|
-
hint: {
|
|
48
|
-
type: StringConstructor;
|
|
49
|
-
default: undefined;
|
|
50
|
-
};
|
|
51
|
-
error: {
|
|
52
|
-
type: StringConstructor;
|
|
53
|
-
default: undefined;
|
|
54
|
-
};
|
|
55
|
-
required: {
|
|
56
|
-
type: BooleanConstructor;
|
|
57
|
-
default: boolean;
|
|
58
|
-
};
|
|
59
|
-
disabled: {
|
|
60
|
-
type: BooleanConstructor;
|
|
61
|
-
default: boolean;
|
|
62
|
-
};
|
|
63
|
-
disableDefaultStyles: {
|
|
64
|
-
type: BooleanConstructor;
|
|
65
|
-
default: boolean;
|
|
66
|
-
};
|
|
67
|
-
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
68
|
-
size: CombinedInputSize;
|
|
69
|
-
label: string;
|
|
70
|
-
hint: string;
|
|
71
|
-
error: string;
|
|
72
|
-
required: boolean;
|
|
73
|
-
disabled: boolean;
|
|
74
|
-
disableDefaultStyles: boolean;
|
|
75
|
-
} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
76
|
-
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
77
|
-
rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
|
|
78
|
-
controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
|
|
79
|
-
invalid: import("@vue/composition-api").ComputedRef<boolean>;
|
|
80
|
-
readonly: import("@vue/composition-api").ComputedRef<boolean>;
|
|
81
|
-
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
|
|
82
|
-
size: CombinedInputSize;
|
|
83
|
-
label: string;
|
|
84
|
-
hint: string;
|
|
85
|
-
error: string;
|
|
86
|
-
required: boolean;
|
|
87
|
-
disabled: boolean;
|
|
88
|
-
disableDefaultStyles: boolean;
|
|
89
|
-
} & {}, {
|
|
90
|
-
size: CombinedInputSize;
|
|
91
|
-
label: string;
|
|
92
|
-
hint: string;
|
|
93
|
-
error: string;
|
|
94
|
-
required: boolean;
|
|
95
|
-
disabled: boolean;
|
|
96
|
-
disableDefaultStyles: boolean;
|
|
97
|
-
}, true>);
|
|
98
|
-
export default _default;
|
|
@@ -1,149 +0,0 @@
|
|
|
1
|
-
import '../../index-fa6eb4ca.js';
|
|
2
|
-
import { O as OrError } from '../../OrError-aad17598.js';
|
|
3
|
-
import { O as OrHint } from '../../OrHint-f38a1940.js';
|
|
4
|
-
import { O as OrLabel } from '../../OrLabel-172c4b89.js';
|
|
5
|
-
import { u as useClassAttribute } from '../../useClassAttribute-9bf33346.js';
|
|
6
|
-
import { defineComponent, ref, computed } from '@vue/composition-api/dist/vue-composition-api.mjs';
|
|
7
|
-
import { a as InputBoxSize } from '../../props-78496a2d.js';
|
|
8
|
-
export { a as CombinedInputSize } from '../../props-78496a2d.js';
|
|
9
|
-
import { n as normalizeComponent } from '../../normalize-component-6e8e3d80.js';
|
|
10
|
-
import 'vue';
|
|
11
|
-
|
|
12
|
-
const CombinedInputRoot = [
|
|
13
|
-
// Layout
|
|
14
|
-
'layout-column',
|
|
15
|
-
// Spacing
|
|
16
|
-
'gap-xs'];
|
|
17
|
-
const CombinedInputControlGroup = [
|
|
18
|
-
// Layout
|
|
19
|
-
'layout-row',
|
|
20
|
-
// Box
|
|
21
|
-
'w-full',
|
|
22
|
-
// Shape (.or-input-box)
|
|
23
|
-
'[&_.or-input-box]:first-child:rounded-r-0', '[&_.or-input-box]:intermediate-child:rounded-0', '[&_.or-input-box]:last-child:rounded-l-0',
|
|
24
|
-
// Spacing (.or-input-box)
|
|
25
|
-
'[&_.or-input-box]:first-child:mr-[-1px]', '[&_.or-input-box]:intermediate-child:border-x-0', '[&_.or-input-box]:last-child:ml-[-1px]'];
|
|
26
|
-
|
|
27
|
-
var script = defineComponent({
|
|
28
|
-
name: 'OrCombinedInput',
|
|
29
|
-
components: {
|
|
30
|
-
OrError,
|
|
31
|
-
OrHint,
|
|
32
|
-
OrLabel
|
|
33
|
-
},
|
|
34
|
-
inheritAttrs: false,
|
|
35
|
-
props: {
|
|
36
|
-
size: {
|
|
37
|
-
type: String,
|
|
38
|
-
default: InputBoxSize.M
|
|
39
|
-
},
|
|
40
|
-
label: {
|
|
41
|
-
type: String,
|
|
42
|
-
default: undefined
|
|
43
|
-
},
|
|
44
|
-
hint: {
|
|
45
|
-
type: String,
|
|
46
|
-
default: undefined
|
|
47
|
-
},
|
|
48
|
-
error: {
|
|
49
|
-
type: String,
|
|
50
|
-
default: undefined
|
|
51
|
-
},
|
|
52
|
-
required: {
|
|
53
|
-
type: Boolean,
|
|
54
|
-
default: false
|
|
55
|
-
},
|
|
56
|
-
disabled: {
|
|
57
|
-
type: Boolean,
|
|
58
|
-
default: false
|
|
59
|
-
},
|
|
60
|
-
disableDefaultStyles: {
|
|
61
|
-
type: Boolean,
|
|
62
|
-
default: false
|
|
63
|
-
}
|
|
64
|
-
},
|
|
65
|
-
setup(props, context) {
|
|
66
|
-
// Refs
|
|
67
|
-
const root = ref();
|
|
68
|
-
// Styles
|
|
69
|
-
const classAttribute = useClassAttribute();
|
|
70
|
-
const rootStyles = computed(() => ['or-combined-input', ...CombinedInputRoot, classAttribute.value]);
|
|
71
|
-
const controlGroup = computed(() => [...CombinedInputControlGroup]);
|
|
72
|
-
// State
|
|
73
|
-
const invalid = computed(() => !!props.error);
|
|
74
|
-
const readonly = computed(() => context.attrs.readonly);
|
|
75
|
-
return {
|
|
76
|
-
root,
|
|
77
|
-
rootStyles,
|
|
78
|
-
controlGroup,
|
|
79
|
-
invalid,
|
|
80
|
-
readonly
|
|
81
|
-
};
|
|
82
|
-
}
|
|
83
|
-
});
|
|
84
|
-
|
|
85
|
-
/* script */
|
|
86
|
-
const __vue_script__ = script;
|
|
87
|
-
|
|
88
|
-
/* template */
|
|
89
|
-
var __vue_render__ = function () {
|
|
90
|
-
var _vm = this;
|
|
91
|
-
var _h = _vm.$createElement;
|
|
92
|
-
var _c = _vm._self._c || _h;
|
|
93
|
-
return _c('div', _vm._b({
|
|
94
|
-
ref: "root",
|
|
95
|
-
class: _vm.rootStyles
|
|
96
|
-
}, 'div', _vm.$attrs, false), [_vm.label ? [_c('OrLabel', {
|
|
97
|
-
attrs: {
|
|
98
|
-
"variant": 'input',
|
|
99
|
-
"required": _vm.required,
|
|
100
|
-
"disabled": _vm.disabled
|
|
101
|
-
},
|
|
102
|
-
scopedSlots: _vm._u([{
|
|
103
|
-
key: "addon",
|
|
104
|
-
fn: function () {
|
|
105
|
-
return [_vm._t("addon")];
|
|
106
|
-
},
|
|
107
|
-
proxy: true
|
|
108
|
-
}], null, true)
|
|
109
|
-
}, [_vm._v("\n " + _vm._s(_vm.label) + "\n\n ")])] : _vm._e(), _vm._v(" "), _c('div', {
|
|
110
|
-
class: _vm.controlGroup
|
|
111
|
-
}, [_vm._t("default", null, {
|
|
112
|
-
"size": _vm.size,
|
|
113
|
-
"required": _vm.required,
|
|
114
|
-
"readonly": _vm.readonly,
|
|
115
|
-
"disabled": _vm.disabled,
|
|
116
|
-
"disableDefaultStyles": _vm.disableDefaultStyles
|
|
117
|
-
})], 2), _vm._v(" "), !_vm.invalid ? [_vm.hint ? [_c('OrHint', {
|
|
118
|
-
attrs: {
|
|
119
|
-
"disabled": _vm.disabled
|
|
120
|
-
}
|
|
121
|
-
}, [_vm._v("\n " + _vm._s(_vm.hint) + "\n ")])] : _vm._e()] : [_c('OrError', {
|
|
122
|
-
attrs: {
|
|
123
|
-
"disabled": _vm.disabled
|
|
124
|
-
}
|
|
125
|
-
}, [_vm._v("\n " + _vm._s(_vm.error) + "\n ")])]], 2);
|
|
126
|
-
};
|
|
127
|
-
var __vue_staticRenderFns__ = [];
|
|
128
|
-
|
|
129
|
-
/* style */
|
|
130
|
-
const __vue_inject_styles__ = undefined;
|
|
131
|
-
/* scoped */
|
|
132
|
-
const __vue_scope_id__ = undefined;
|
|
133
|
-
/* module identifier */
|
|
134
|
-
const __vue_module_identifier__ = undefined;
|
|
135
|
-
/* functional template */
|
|
136
|
-
const __vue_is_functional_template__ = false;
|
|
137
|
-
/* style inject */
|
|
138
|
-
|
|
139
|
-
/* style inject SSR */
|
|
140
|
-
|
|
141
|
-
/* style inject shadow dom */
|
|
142
|
-
|
|
143
|
-
const __vue_component__ = /*#__PURE__*/normalizeComponent({
|
|
144
|
-
render: __vue_render__,
|
|
145
|
-
staticRenderFns: __vue_staticRenderFns__
|
|
146
|
-
}, __vue_inject_styles__, __vue_script__, __vue_scope_id__, __vue_is_functional_template__, __vue_module_identifier__, false, undefined, undefined, undefined);
|
|
147
|
-
var __vue_component__$1 = __vue_component__;
|
|
148
|
-
|
|
149
|
-
export { __vue_component__$1 as OrCombinedInputV3 };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { InputBoxSize as CombinedInputSize } from '../or-input-box-v3';
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
var InputBoxVariant;
|
|
2
|
-
(function (InputBoxVariant) {
|
|
3
|
-
InputBoxVariant["Styled"] = "styled";
|
|
4
|
-
InputBoxVariant["Unstyled"] = "unstyled";
|
|
5
|
-
})(InputBoxVariant || (InputBoxVariant = {}));
|
|
6
|
-
var InputBoxSize;
|
|
7
|
-
(function (InputBoxSize) {
|
|
8
|
-
InputBoxSize["M"] = "m";
|
|
9
|
-
InputBoxSize["S"] = "s";
|
|
10
|
-
})(InputBoxSize || (InputBoxSize = {}));
|
|
11
|
-
|
|
12
|
-
export { InputBoxVariant as I, InputBoxSize as a };
|
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { Meta, StoryFn } from '@storybook/vue3';
|
|
2
|
-
declare const _default: Meta<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
3
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
4
|
-
} | string[], {} & {}, {
|
|
5
|
-
[x: number]: string;
|
|
6
|
-
} | {}, true>)>;
|
|
7
|
-
export default _default;
|
|
8
|
-
export declare const Default: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
9
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
10
|
-
} | string[], {} & {}, {
|
|
11
|
-
[x: number]: string;
|
|
12
|
-
} | {}, true>)>;
|
|
13
|
-
export declare const Addon: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
14
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
15
|
-
} | string[], {} & {}, {
|
|
16
|
-
[x: number]: string;
|
|
17
|
-
} | {}, true>)>;
|
|
18
|
-
export declare const Hint: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
19
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
20
|
-
} | string[], {} & {}, {
|
|
21
|
-
[x: number]: string;
|
|
22
|
-
} | {}, true>)>;
|
|
23
|
-
export declare const Error: StoryFn<import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<unknown>, import("@vue/composition-api").MethodOptions, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>, import("@vue/composition-api").ExtractPropTypes<import("@vue/composition-api").ComponentPropsOptions<import("@vue/composition-api").Data>>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{} & {}, import("@vue/composition-api").ShallowUnwrapRef<unknown>, unknown, import("@vue/composition-api").ComputedOptions, import("@vue/composition-api").MethodOptions, unknown, unknown, {
|
|
24
|
-
[x: string]: ((...args: any[]) => any) | null;
|
|
25
|
-
} | string[], {} & {}, {
|
|
26
|
-
[x: number]: string;
|
|
27
|
-
} | {}, true>)>;
|
|
@@ -1,98 +0,0 @@
|
|
|
1
|
-
import { PropType } from 'vue-demi';
|
|
2
|
-
import { CombinedInputSize } from './props';
|
|
3
|
-
declare const _default: import("vue").ComponentOptions<import("vue").default, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
4
|
-
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
5
|
-
rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
|
|
6
|
-
controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
|
|
7
|
-
invalid: import("@vue/composition-api").ComputedRef<boolean>;
|
|
8
|
-
readonly: import("@vue/composition-api").ComputedRef<boolean>;
|
|
9
|
-
}> & import("@vue/composition-api").Data, {}, {}, {
|
|
10
|
-
size: {
|
|
11
|
-
type: PropType<CombinedInputSize>;
|
|
12
|
-
default: CombinedInputSize;
|
|
13
|
-
};
|
|
14
|
-
label: {
|
|
15
|
-
type: StringConstructor;
|
|
16
|
-
default: undefined;
|
|
17
|
-
};
|
|
18
|
-
hint: {
|
|
19
|
-
type: StringConstructor;
|
|
20
|
-
default: undefined;
|
|
21
|
-
};
|
|
22
|
-
error: {
|
|
23
|
-
type: StringConstructor;
|
|
24
|
-
default: undefined;
|
|
25
|
-
};
|
|
26
|
-
required: {
|
|
27
|
-
type: BooleanConstructor;
|
|
28
|
-
default: boolean;
|
|
29
|
-
};
|
|
30
|
-
disabled: {
|
|
31
|
-
type: BooleanConstructor;
|
|
32
|
-
default: boolean;
|
|
33
|
-
};
|
|
34
|
-
disableDefaultStyles: {
|
|
35
|
-
type: BooleanConstructor;
|
|
36
|
-
default: boolean;
|
|
37
|
-
};
|
|
38
|
-
}, import("@vue/composition-api").ExtractPropTypes<{
|
|
39
|
-
size: {
|
|
40
|
-
type: PropType<CombinedInputSize>;
|
|
41
|
-
default: CombinedInputSize;
|
|
42
|
-
};
|
|
43
|
-
label: {
|
|
44
|
-
type: StringConstructor;
|
|
45
|
-
default: undefined;
|
|
46
|
-
};
|
|
47
|
-
hint: {
|
|
48
|
-
type: StringConstructor;
|
|
49
|
-
default: undefined;
|
|
50
|
-
};
|
|
51
|
-
error: {
|
|
52
|
-
type: StringConstructor;
|
|
53
|
-
default: undefined;
|
|
54
|
-
};
|
|
55
|
-
required: {
|
|
56
|
-
type: BooleanConstructor;
|
|
57
|
-
default: boolean;
|
|
58
|
-
};
|
|
59
|
-
disabled: {
|
|
60
|
-
type: BooleanConstructor;
|
|
61
|
-
default: boolean;
|
|
62
|
-
};
|
|
63
|
-
disableDefaultStyles: {
|
|
64
|
-
type: BooleanConstructor;
|
|
65
|
-
default: boolean;
|
|
66
|
-
};
|
|
67
|
-
}>> & Omit<import("vue").VueConstructor<import("vue").default>, never> & (new (...args: any[]) => import("@vue/composition-api").ComponentRenderProxy<{
|
|
68
|
-
size: CombinedInputSize;
|
|
69
|
-
label: string;
|
|
70
|
-
hint: string;
|
|
71
|
-
error: string;
|
|
72
|
-
required: boolean;
|
|
73
|
-
disabled: boolean;
|
|
74
|
-
disableDefaultStyles: boolean;
|
|
75
|
-
} & {}, import("@vue/composition-api").ShallowUnwrapRef<{
|
|
76
|
-
root: import("@vue/composition-api").Ref<HTMLElement | undefined>;
|
|
77
|
-
rootStyles: import("@vue/composition-api").ComputedRef<(string | undefined)[]>;
|
|
78
|
-
controlGroup: import("@vue/composition-api").ComputedRef<string[]>;
|
|
79
|
-
invalid: import("@vue/composition-api").ComputedRef<boolean>;
|
|
80
|
-
readonly: import("@vue/composition-api").ComputedRef<boolean>;
|
|
81
|
-
}>, import("@vue/composition-api").Data, {}, {}, {}, {}, {}, {
|
|
82
|
-
size: CombinedInputSize;
|
|
83
|
-
label: string;
|
|
84
|
-
hint: string;
|
|
85
|
-
error: string;
|
|
86
|
-
required: boolean;
|
|
87
|
-
disabled: boolean;
|
|
88
|
-
disableDefaultStyles: boolean;
|
|
89
|
-
} & {}, {
|
|
90
|
-
size: CombinedInputSize;
|
|
91
|
-
label: string;
|
|
92
|
-
hint: string;
|
|
93
|
-
error: string;
|
|
94
|
-
required: boolean;
|
|
95
|
-
disabled: boolean;
|
|
96
|
-
disableDefaultStyles: boolean;
|
|
97
|
-
}, true>);
|
|
98
|
-
export default _default;
|
|
@@ -1,132 +0,0 @@
|
|
|
1
|
-
import { defineComponent, ref, computed, resolveComponent, openBlock, createElementBlock, mergeProps, createBlock, withCtx, renderSlot, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, normalizeClass, Fragment } from 'vue';
|
|
2
|
-
import '../../OrHint-9592499e.js';
|
|
3
|
-
import '../../OrLabel-c6873e79.js';
|
|
4
|
-
import { u as useClassAttribute } from '../../useClassAttribute-00888f78.js';
|
|
5
|
-
import { s as script$1 } from '../../OrError.vue_vue_type_script_lang-cc6c135f.js';
|
|
6
|
-
import { s as script$2 } from '../../OrHint.vue_vue_type_script_lang-8e657168.js';
|
|
7
|
-
import { s as script$3 } from '../../OrLabel.vue_vue_type_script_lang-96f94c4e.js';
|
|
8
|
-
import { a as InputBoxSize } from '../../props-78496a2d.js';
|
|
9
|
-
export { a as CombinedInputSize } from '../../props-78496a2d.js';
|
|
10
|
-
|
|
11
|
-
const CombinedInputRoot = [
|
|
12
|
-
// Layout
|
|
13
|
-
'layout-column',
|
|
14
|
-
// Spacing
|
|
15
|
-
'gap-xs'];
|
|
16
|
-
const CombinedInputControlGroup = [
|
|
17
|
-
// Layout
|
|
18
|
-
'layout-row',
|
|
19
|
-
// Box
|
|
20
|
-
'w-full',
|
|
21
|
-
// Shape (.or-input-box)
|
|
22
|
-
'[&_.or-input-box]:first-child:rounded-r-0', '[&_.or-input-box]:intermediate-child:rounded-0', '[&_.or-input-box]:last-child:rounded-l-0',
|
|
23
|
-
// Spacing (.or-input-box)
|
|
24
|
-
'[&_.or-input-box]:first-child:mr-[-1px]', '[&_.or-input-box]:intermediate-child:border-x-0', '[&_.or-input-box]:last-child:ml-[-1px]'];
|
|
25
|
-
|
|
26
|
-
var script = defineComponent({
|
|
27
|
-
name: 'OrCombinedInput',
|
|
28
|
-
components: {
|
|
29
|
-
OrError: script$1,
|
|
30
|
-
OrHint: script$2,
|
|
31
|
-
OrLabel: script$3
|
|
32
|
-
},
|
|
33
|
-
inheritAttrs: false,
|
|
34
|
-
props: {
|
|
35
|
-
size: {
|
|
36
|
-
type: String,
|
|
37
|
-
default: InputBoxSize.M
|
|
38
|
-
},
|
|
39
|
-
label: {
|
|
40
|
-
type: String,
|
|
41
|
-
default: undefined
|
|
42
|
-
},
|
|
43
|
-
hint: {
|
|
44
|
-
type: String,
|
|
45
|
-
default: undefined
|
|
46
|
-
},
|
|
47
|
-
error: {
|
|
48
|
-
type: String,
|
|
49
|
-
default: undefined
|
|
50
|
-
},
|
|
51
|
-
required: {
|
|
52
|
-
type: Boolean,
|
|
53
|
-
default: false
|
|
54
|
-
},
|
|
55
|
-
disabled: {
|
|
56
|
-
type: Boolean,
|
|
57
|
-
default: false
|
|
58
|
-
},
|
|
59
|
-
disableDefaultStyles: {
|
|
60
|
-
type: Boolean,
|
|
61
|
-
default: false
|
|
62
|
-
}
|
|
63
|
-
},
|
|
64
|
-
setup(props, context) {
|
|
65
|
-
// Refs
|
|
66
|
-
const root = ref();
|
|
67
|
-
// Styles
|
|
68
|
-
const classAttribute = useClassAttribute();
|
|
69
|
-
const rootStyles = computed(() => ['or-combined-input', ...CombinedInputRoot, classAttribute.value]);
|
|
70
|
-
const controlGroup = computed(() => [...CombinedInputControlGroup]);
|
|
71
|
-
// State
|
|
72
|
-
const invalid = computed(() => !!props.error);
|
|
73
|
-
const readonly = computed(() => context.attrs.readonly);
|
|
74
|
-
return {
|
|
75
|
-
root,
|
|
76
|
-
rootStyles,
|
|
77
|
-
controlGroup,
|
|
78
|
-
invalid,
|
|
79
|
-
readonly
|
|
80
|
-
};
|
|
81
|
-
}
|
|
82
|
-
});
|
|
83
|
-
|
|
84
|
-
function render(_ctx, _cache, $props, $setup, $data, $options) {
|
|
85
|
-
const _component_OrLabel = resolveComponent("OrLabel");
|
|
86
|
-
const _component_OrHint = resolveComponent("OrHint");
|
|
87
|
-
const _component_OrError = resolveComponent("OrError");
|
|
88
|
-
return openBlock(), createElementBlock("div", mergeProps({
|
|
89
|
-
ref: "root"
|
|
90
|
-
}, _ctx.$attrs, {
|
|
91
|
-
class: _ctx.rootStyles
|
|
92
|
-
}), [_ctx.label ? (openBlock(), createBlock(_component_OrLabel, {
|
|
93
|
-
key: 0,
|
|
94
|
-
variant: 'input',
|
|
95
|
-
required: _ctx.required,
|
|
96
|
-
disabled: _ctx.disabled
|
|
97
|
-
}, {
|
|
98
|
-
addon: withCtx(() => [renderSlot(_ctx.$slots, "addon")]),
|
|
99
|
-
default: withCtx(() => [createTextVNode(toDisplayString(_ctx.label) + " ", 1 /* TEXT */)]),
|
|
100
|
-
|
|
101
|
-
_: 3 /* FORWARDED */
|
|
102
|
-
}, 8 /* PROPS */, ["required", "disabled"])) : createCommentVNode("v-if", true), createElementVNode("div", {
|
|
103
|
-
class: normalizeClass(_ctx.controlGroup)
|
|
104
|
-
}, [renderSlot(_ctx.$slots, "default", {
|
|
105
|
-
size: _ctx.size,
|
|
106
|
-
required: _ctx.required,
|
|
107
|
-
readonly: _ctx.readonly,
|
|
108
|
-
disabled: _ctx.disabled,
|
|
109
|
-
disableDefaultStyles: _ctx.disableDefaultStyles
|
|
110
|
-
})], 2 /* CLASS */), !_ctx.invalid ? (openBlock(), createElementBlock(Fragment, {
|
|
111
|
-
key: 1
|
|
112
|
-
}, [_ctx.hint ? (openBlock(), createBlock(_component_OrHint, {
|
|
113
|
-
key: 0,
|
|
114
|
-
disabled: _ctx.disabled
|
|
115
|
-
}, {
|
|
116
|
-
default: withCtx(() => [createTextVNode(toDisplayString(_ctx.hint), 1 /* TEXT */)]),
|
|
117
|
-
|
|
118
|
-
_: 1 /* STABLE */
|
|
119
|
-
}, 8 /* PROPS */, ["disabled"])) : createCommentVNode("v-if", true)], 64 /* STABLE_FRAGMENT */)) : (openBlock(), createBlock(_component_OrError, {
|
|
120
|
-
key: 2,
|
|
121
|
-
disabled: _ctx.disabled
|
|
122
|
-
}, {
|
|
123
|
-
default: withCtx(() => [createTextVNode(toDisplayString(_ctx.error), 1 /* TEXT */)]),
|
|
124
|
-
|
|
125
|
-
_: 1 /* STABLE */
|
|
126
|
-
}, 8 /* PROPS */, ["disabled"]))], 16 /* FULL_PROPS */);
|
|
127
|
-
}
|
|
128
|
-
|
|
129
|
-
script.render = render;
|
|
130
|
-
script.__file = "src/components/or-combined-input-v3/OrCombinedInput.vue";
|
|
131
|
-
|
|
132
|
-
export { script as OrCombinedInputV3 };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { InputBoxSize as CombinedInputSize } from '../or-input-box-v3';
|
|
@@ -1,12 +0,0 @@
|
|
|
1
|
-
var InputBoxVariant;
|
|
2
|
-
(function (InputBoxVariant) {
|
|
3
|
-
InputBoxVariant["Styled"] = "styled";
|
|
4
|
-
InputBoxVariant["Unstyled"] = "unstyled";
|
|
5
|
-
})(InputBoxVariant || (InputBoxVariant = {}));
|
|
6
|
-
var InputBoxSize;
|
|
7
|
-
(function (InputBoxSize) {
|
|
8
|
-
InputBoxSize["M"] = "m";
|
|
9
|
-
InputBoxSize["S"] = "s";
|
|
10
|
-
})(InputBoxSize || (InputBoxSize = {}));
|
|
11
|
-
|
|
12
|
-
export { InputBoxVariant as I, InputBoxSize as a };
|