bonkers-ui 1.0.61 → 1.0.63
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/.eslintrc.js +1 -0
- package/CONSTANTS.d.ts +1 -0
- package/README.md +135 -21
- package/_types/align.js +5 -0
- package/_types/align.js.map +1 -0
- package/_types/colors.js +5 -0
- package/_types/colors.js.map +1 -0
- package/_types/sizing.js +5 -0
- package/_types/sizing.js.map +1 -0
- package/_virtual/_plugin-vue_export-helper.js +10 -0
- package/_virtual/_plugin-vue_export-helper.js.map +1 -0
- package/bonkers-ui.umd.js +12 -0
- package/bonkers-ui.umd.js.map +1 -0
- package/components/ui-alert/_types.d.ts +6 -0
- package/components/ui-alert/_types.js +5 -0
- package/components/ui-alert/_types.js.map +1 -0
- package/components/ui-alert/index.d.ts +92 -0
- package/components/ui-alert/index.js +9 -0
- package/components/ui-alert/index.js.map +1 -0
- package/components/ui-alert/ui-alert.vue.d.ts +27 -0
- package/components/ui-alert/ui-alert.vue.js +47 -0
- package/components/ui-alert/ui-alert.vue.js.map +1 -0
- package/components/ui-alert/ui-alert.vue2.js +5 -0
- package/components/ui-alert/ui-alert.vue2.js.map +1 -0
- package/components/ui-badge/_typings.d.ts +10 -0
- package/components/ui-badge/_typings.js +6 -0
- package/components/ui-badge/_typings.js.map +1 -0
- package/components/ui-badge/index.d.ts +114 -0
- package/components/ui-badge/index.js +10 -0
- package/components/ui-badge/index.js.map +1 -0
- package/components/ui-badge/ui-badge.vue.d.ts +31 -0
- package/components/ui-badge/ui-badge.vue.js +62 -0
- package/components/ui-badge/ui-badge.vue.js.map +1 -0
- package/components/ui-badge/ui-badge.vue2.js +5 -0
- package/components/ui-badge/ui-badge.vue2.js.map +1 -0
- package/components/ui-ber-rank/_types.d.ts +61 -0
- package/components/ui-ber-rank/_types.js +74 -0
- package/components/ui-ber-rank/_types.js.map +1 -0
- package/components/ui-ber-rank/index.d.ts +30 -0
- package/components/ui-ber-rank/index.js +11 -0
- package/components/ui-ber-rank/index.js.map +1 -0
- package/components/ui-ber-rank/ui-ber-rank.vue.d.ts +33 -0
- package/components/ui-ber-rank/ui-ber-rank.vue.js +101 -0
- package/components/ui-ber-rank/ui-ber-rank.vue.js.map +1 -0
- package/components/ui-ber-rank/ui-ber-rank.vue3.js +7 -0
- package/components/ui-ber-rank/ui-ber-rank.vue3.js.map +1 -0
- package/components/ui-button/_typings.d.ts +17 -0
- package/components/ui-button/_typings.js +6 -0
- package/components/ui-button/_typings.js.map +1 -0
- package/components/ui-button/index.d.ts +146 -0
- package/components/ui-button/index.js +10 -0
- package/components/ui-button/index.js.map +1 -0
- package/components/ui-button/ui-button.vue.d.ts +51 -0
- package/components/ui-button/ui-button.vue.js +51 -0
- package/components/ui-button/ui-button.vue.js.map +1 -0
- package/components/ui-button/ui-button.vue2.js +5 -0
- package/components/ui-button/ui-button.vue2.js.map +1 -0
- package/components/ui-card-cta/index.d.ts +127 -0
- package/components/ui-card-cta/index.js +7 -0
- package/components/ui-card-cta/index.js.map +1 -0
- package/components/ui-card-cta/ui-card-cta.vue.d.ts +34 -0
- package/components/ui-card-cta/ui-card-cta.vue.js +76 -0
- package/components/ui-card-cta/ui-card-cta.vue.js.map +1 -0
- package/components/ui-card-cta/ui-card-cta.vue2.js +5 -0
- package/components/ui-card-cta/ui-card-cta.vue2.js.map +1 -0
- package/components/ui-card-result/index.d.ts +125 -0
- package/components/ui-card-result/index.js +7 -0
- package/components/ui-card-result/index.js.map +1 -0
- package/components/ui-card-result/ui-card-result.vue.d.ts +32 -0
- package/components/ui-card-result/ui-card-result.vue.js +9 -0
- package/components/ui-card-result/ui-card-result.vue.js.map +1 -0
- package/components/ui-card-result/ui-card-result.vue2.js +82 -0
- package/components/ui-card-result/ui-card-result.vue2.js.map +1 -0
- package/components/ui-card-simple/index.d.ts +56 -0
- package/components/ui-card-simple/index.js +7 -0
- package/components/ui-card-simple/index.js.map +1 -0
- package/components/ui-card-simple/ui-card-simple.vue.d.ts +12 -0
- package/components/ui-card-simple/ui-card-simple.vue.js +36 -0
- package/components/ui-card-simple/ui-card-simple.vue.js.map +1 -0
- package/components/ui-card-simple/ui-card-simple.vue2.js +5 -0
- package/components/ui-card-simple/ui-card-simple.vue2.js.map +1 -0
- package/components/ui-checkbox/index.d.ts +142 -0
- package/components/ui-checkbox/index.js +7 -0
- package/components/ui-checkbox/index.js.map +1 -0
- package/components/ui-checkbox/ui-checkbox.vue.d.ts +36 -0
- package/components/ui-checkbox/ui-checkbox.vue.js +9 -0
- package/components/ui-checkbox/ui-checkbox.vue.js.map +1 -0
- package/components/ui-checkbox/ui-checkbox.vue2.js +74 -0
- package/components/ui-checkbox/ui-checkbox.vue2.js.map +1 -0
- package/components/ui-dropdown/_typings.d.ts +4 -0
- package/components/ui-dropdown/_typings.js +5 -0
- package/components/ui-dropdown/_typings.js.map +1 -0
- package/components/ui-dropdown/index.d.ts +148 -0
- package/components/ui-dropdown/index.js +9 -0
- package/components/ui-dropdown/index.js.map +1 -0
- package/components/ui-dropdown/ui-dropdown.vue.d.ts +50 -0
- package/components/ui-dropdown/ui-dropdown.vue.js +82 -0
- package/components/ui-dropdown/ui-dropdown.vue.js.map +1 -0
- package/components/ui-dropdown/ui-dropdown.vue2.js +5 -0
- package/components/ui-dropdown/ui-dropdown.vue2.js.map +1 -0
- package/components/ui-icon/_typings.d.ts +10 -0
- package/components/ui-icon/_typings.js +5 -0
- package/components/ui-icon/_typings.js.map +1 -0
- package/components/ui-icon/index.d.ts +33 -0
- package/components/ui-icon/index.js +11 -0
- package/components/ui-icon/index.js.map +1 -0
- package/components/ui-icon/ui-icon.vue.d.ts +34 -0
- package/components/ui-icon/ui-icon.vue.js +30 -0
- package/components/ui-icon/ui-icon.vue.js.map +1 -0
- package/components/ui-icon/ui-icon.vue2.js +5 -0
- package/components/ui-icon/ui-icon.vue2.js.map +1 -0
- package/components/ui-icon-wrapper/_typings.d.ts +11 -0
- package/components/ui-icon-wrapper/_typings.js +6 -0
- package/components/ui-icon-wrapper/_typings.js.map +1 -0
- package/components/ui-icon-wrapper/index.d.ts +104 -0
- package/components/ui-icon-wrapper/index.js +10 -0
- package/components/ui-icon-wrapper/index.js.map +1 -0
- package/components/ui-icon-wrapper/ui-icon-wrapper.vue.d.ts +41 -0
- package/components/ui-icon-wrapper/ui-icon-wrapper.vue.js +9 -0
- package/components/ui-icon-wrapper/ui-icon-wrapper.vue.js.map +1 -0
- package/components/ui-icon-wrapper/ui-icon-wrapper.vue2.js +28 -0
- package/components/ui-icon-wrapper/ui-icon-wrapper.vue2.js.map +1 -0
- package/components/ui-input/_typings.d.ts +70 -0
- package/components/ui-input/_typings.js +7 -0
- package/components/ui-input/_typings.js.map +1 -0
- package/components/ui-input/index.d.ts +337 -0
- package/components/ui-input/index.js +11 -0
- package/components/ui-input/index.js.map +1 -0
- package/components/ui-input/ui-input.vue.d.ts +102 -0
- package/components/ui-input/ui-input.vue.js +97 -0
- package/components/ui-input/ui-input.vue.js.map +1 -0
- package/components/ui-input/ui-input.vue2.js +5 -0
- package/components/ui-input/ui-input.vue2.js.map +1 -0
- package/components/ui-input-range/index.d.ts +46 -0
- package/components/ui-input-range/index.js +7 -0
- package/components/ui-input-range/index.js.map +1 -0
- package/components/ui-input-range/ui-input-range.vue.d.ts +26 -0
- package/components/ui-input-range/ui-input-range.vue.js +9 -0
- package/components/ui-input-range/ui-input-range.vue.js.map +1 -0
- package/components/ui-input-range/ui-input-range.vue2.js +71 -0
- package/components/ui-input-range/ui-input-range.vue2.js.map +1 -0
- package/components/ui-list-item/_types.d.ts +12 -0
- package/components/ui-list-item/_types.js +7 -0
- package/components/ui-list-item/_types.js.map +1 -0
- package/components/ui-list-item/index.d.ts +186 -0
- package/components/ui-list-item/index.js +11 -0
- package/components/ui-list-item/index.js.map +1 -0
- package/components/ui-list-item/ui-list-item.vue.d.ts +65 -0
- package/components/ui-list-item/ui-list-item.vue.js +65 -0
- package/components/ui-list-item/ui-list-item.vue.js.map +1 -0
- package/components/ui-list-item/ui-list-item.vue2.js +5 -0
- package/components/ui-list-item/ui-list-item.vue2.js.map +1 -0
- package/components/ui-modal/_typings.d.ts +6 -0
- package/components/ui-modal/_typings.js +5 -0
- package/components/ui-modal/_typings.js.map +1 -0
- package/components/ui-modal/index.d.ts +107 -0
- package/components/ui-modal/index.js +9 -0
- package/components/ui-modal/index.js.map +1 -0
- package/components/ui-modal/ui-backdrop/index.d.ts +54 -0
- package/components/ui-modal/ui-backdrop/index.js +7 -0
- package/components/ui-modal/ui-backdrop/index.js.map +1 -0
- package/components/ui-modal/ui-backdrop/ui-backdrop.vue.d.ts +10 -0
- package/components/ui-modal/ui-backdrop/ui-backdrop.vue.js +16 -0
- package/components/ui-modal/ui-backdrop/ui-backdrop.vue.js.map +1 -0
- package/components/ui-modal/ui-modal.vue.d.ts +46 -0
- package/components/ui-modal/ui-modal.vue.js +9 -0
- package/components/ui-modal/ui-modal.vue.js.map +1 -0
- package/components/ui-modal/ui-modal.vue2.js +65 -0
- package/components/ui-modal/ui-modal.vue2.js.map +1 -0
- package/components/ui-notification-badge/_types.d.ts +10 -0
- package/components/ui-notification-badge/_types.js +5 -0
- package/components/ui-notification-badge/_types.js.map +1 -0
- package/components/ui-notification-badge/index.d.ts +84 -0
- package/components/ui-notification-badge/index.js +11 -0
- package/components/ui-notification-badge/index.js.map +1 -0
- package/components/ui-notification-badge/ui-notification-badge.vue.d.ts +38 -0
- package/components/ui-notification-badge/ui-notification-badge.vue.js +22 -0
- package/components/ui-notification-badge/ui-notification-badge.vue.js.map +1 -0
- package/components/ui-notification-badge/ui-notification-badge.vue3.js +7 -0
- package/components/ui-notification-badge/ui-notification-badge.vue3.js.map +1 -0
- package/components/ui-order-card/_types.d.ts +4 -0
- package/components/ui-order-card/_types.js +5 -0
- package/components/ui-order-card/_types.js.map +1 -0
- package/components/ui-order-card/index.d.ts +103 -0
- package/components/ui-order-card/index.js +7 -0
- package/components/ui-order-card/index.js.map +1 -0
- package/components/ui-order-card/ui-order-card.vue.d.ts +43 -0
- package/components/ui-order-card/ui-order-card.vue.js +86 -0
- package/components/ui-order-card/ui-order-card.vue.js.map +1 -0
- package/components/ui-order-card/ui-order-card.vue2.js +5 -0
- package/components/ui-order-card/ui-order-card.vue2.js.map +1 -0
- package/components/ui-plain-radio/index.d.ts +163 -0
- package/components/ui-plain-radio/index.js +7 -0
- package/components/ui-plain-radio/index.js.map +1 -0
- package/components/ui-plain-radio/ui-plain-radio.vue.d.ts +38 -0
- package/components/ui-plain-radio/ui-plain-radio.vue.js +85 -0
- package/components/ui-plain-radio/ui-plain-radio.vue.js.map +1 -0
- package/components/ui-plain-radio/ui-plain-radio.vue2.js +5 -0
- package/components/ui-plain-radio/ui-plain-radio.vue2.js.map +1 -0
- package/components/ui-progress/_types.d.ts +1 -0
- package/components/ui-progress/index.d.ts +44 -0
- package/components/ui-progress/index.js +7 -0
- package/components/ui-progress/index.js.map +1 -0
- package/components/ui-progress/ui-progress.vue.d.ts +40 -0
- package/components/ui-progress/ui-progress.vue.js +26 -0
- package/components/ui-progress/ui-progress.vue.js.map +1 -0
- package/components/ui-progress/ui-progress.vue2.js +5 -0
- package/components/ui-progress/ui-progress.vue2.js.map +1 -0
- package/components/ui-radio/index.d.ts +163 -0
- package/components/ui-radio/index.js +7 -0
- package/components/ui-radio/index.js.map +1 -0
- package/components/ui-radio/ui-radio.vue.d.ts +38 -0
- package/components/ui-radio/ui-radio.vue.js +9 -0
- package/components/ui-radio/ui-radio.vue.js.map +1 -0
- package/components/ui-radio/ui-radio.vue2.js +58 -0
- package/components/ui-radio/ui-radio.vue2.js.map +1 -0
- package/components/ui-radio-compact/index.d.ts +136 -0
- package/components/ui-radio-compact/index.js +7 -0
- package/components/ui-radio-compact/index.js.map +1 -0
- package/components/ui-radio-compact/ui-radio-compact.vue.d.ts +33 -0
- package/components/ui-radio-compact/ui-radio-compact.vue.js +52 -0
- package/components/ui-radio-compact/ui-radio-compact.vue.js.map +1 -0
- package/components/ui-radio-compact/ui-radio-compact.vue2.js +5 -0
- package/components/ui-radio-compact/ui-radio-compact.vue2.js.map +1 -0
- package/components/ui-radio-fancy/_typings.d.ts +5 -0
- package/components/ui-radio-fancy/_typings.js +5 -0
- package/components/ui-radio-fancy/_typings.js.map +1 -0
- package/components/ui-radio-fancy/index.d.ts +181 -0
- package/components/ui-radio-fancy/index.js +7 -0
- package/components/ui-radio-fancy/index.js.map +1 -0
- package/components/ui-radio-fancy/ui-radio-fancy.vue.d.ts +56 -0
- package/components/ui-radio-fancy/ui-radio-fancy.vue.js +86 -0
- package/components/ui-radio-fancy/ui-radio-fancy.vue.js.map +1 -0
- package/components/ui-radio-fancy/ui-radio-fancy.vue2.js +5 -0
- package/components/ui-radio-fancy/ui-radio-fancy.vue2.js.map +1 -0
- package/components/ui-result-card-range/_types.d.ts +7 -0
- package/components/ui-result-card-range/index.d.ts +112 -0
- package/components/ui-result-card-range/index.js +7 -0
- package/components/ui-result-card-range/index.js.map +1 -0
- package/components/ui-result-card-range/ui-result-card-range.vue.d.ts +30 -0
- package/components/ui-result-card-range/ui-result-card-range.vue.js +41 -0
- package/components/ui-result-card-range/ui-result-card-range.vue.js.map +1 -0
- package/components/ui-result-card-range/ui-result-card-range.vue2.js +5 -0
- package/components/ui-result-card-range/ui-result-card-range.vue2.js.map +1 -0
- package/components/ui-ripple/index.d.ts +54 -0
- package/components/ui-ripple/index.js +9 -0
- package/components/ui-ripple/index.js.map +1 -0
- package/components/ui-ripple/ui-ripple.vue.d.ts +10 -0
- package/components/ui-ripple/ui-ripple.vue.js +52 -0
- package/components/ui-ripple/ui-ripple.vue.js.map +1 -0
- package/components/ui-ripple/ui-ripple.vue3.js +7 -0
- package/components/ui-ripple/ui-ripple.vue3.js.map +1 -0
- package/components/ui-select/index.d.ts +131 -0
- package/components/ui-select/index.js +7 -0
- package/components/ui-select/index.js.map +1 -0
- package/components/ui-select/ui-select.vue.d.ts +36 -0
- package/components/ui-select/ui-select.vue.js +83 -0
- package/components/ui-select/ui-select.vue.js.map +1 -0
- package/components/ui-select/ui-select.vue2.js +5 -0
- package/components/ui-select/ui-select.vue2.js.map +1 -0
- package/components/ui-skeleton/_typings.d.ts +4 -0
- package/components/ui-skeleton/_typings.js +5 -0
- package/components/ui-skeleton/_typings.js.map +1 -0
- package/components/ui-skeleton/index.d.ts +21 -0
- package/components/ui-skeleton/index.js +7 -0
- package/components/ui-skeleton/index.js.map +1 -0
- package/components/ui-skeleton/ui-skeleton.vue.d.ts +31 -0
- package/components/ui-skeleton/ui-skeleton.vue.js +43 -0
- package/components/ui-skeleton/ui-skeleton.vue.js.map +1 -0
- package/components/ui-skeleton/ui-skeleton.vue2.js +5 -0
- package/components/ui-skeleton/ui-skeleton.vue2.js.map +1 -0
- package/components/ui-snackbar/_types.d.ts +7 -0
- package/components/ui-snackbar/_types.js +5 -0
- package/components/ui-snackbar/_types.js.map +1 -0
- package/components/ui-snackbar/index.d.ts +103 -0
- package/components/ui-snackbar/index.js +9 -0
- package/components/ui-snackbar/index.js.map +1 -0
- package/components/ui-snackbar/ui-snackbar.vue.d.ts +42 -0
- package/components/ui-snackbar/ui-snackbar.vue.js +49 -0
- package/components/ui-snackbar/ui-snackbar.vue.js.map +1 -0
- package/components/ui-snackbar/ui-snackbar.vue2.js +5 -0
- package/components/ui-snackbar/ui-snackbar.vue2.js.map +1 -0
- package/components/ui-table/_types.d.ts +5 -0
- package/components/ui-table/_types.js +5 -0
- package/components/ui-table/_types.js.map +1 -0
- package/components/ui-table/index.d.ts +87 -0
- package/components/ui-table/index.js +19 -0
- package/components/ui-table/index.js.map +1 -0
- package/components/ui-table/ui-table-cell/index.d.ts +87 -0
- package/components/ui-table/ui-table-cell/index.js +7 -0
- package/components/ui-table/ui-table-cell/index.js.map +1 -0
- package/components/ui-table/ui-table-cell/ui-table-cell.vue.d.ts +27 -0
- package/components/ui-table/ui-table-cell/ui-table-cell.vue.js +41 -0
- package/components/ui-table/ui-table-cell/ui-table-cell.vue.js.map +1 -0
- package/components/ui-table/ui-table-cell/ui-table-cell.vue2.js +5 -0
- package/components/ui-table/ui-table-cell/ui-table-cell.vue2.js.map +1 -0
- package/components/ui-table/ui-table-row/_typings.d.ts +3 -0
- package/components/ui-table/ui-table-row/_typings.js +5 -0
- package/components/ui-table/ui-table-row/_typings.js.map +1 -0
- package/components/ui-table/ui-table-row/index.d.ts +74 -0
- package/components/ui-table/ui-table-row/index.js +9 -0
- package/components/ui-table/ui-table-row/index.js.map +1 -0
- package/components/ui-table/ui-table-row/ui-table-row.vue.d.ts +24 -0
- package/components/ui-table/ui-table-row/ui-table-row.vue.js +9 -0
- package/components/ui-table/ui-table-row/ui-table-row.vue.js.map +1 -0
- package/components/ui-table/ui-table-row/ui-table-row.vue3.js +19 -0
- package/components/ui-table/ui-table-row/ui-table-row.vue3.js.map +1 -0
- package/components/ui-table/ui-table.vue.d.ts +38 -0
- package/components/ui-table/ui-table.vue.js +9 -0
- package/components/ui-table/ui-table.vue.js.map +1 -0
- package/components/ui-table/ui-table.vue2.js +23 -0
- package/components/ui-table/ui-table.vue2.js.map +1 -0
- package/components/ui-tabs/index.d.ts +40 -0
- package/components/ui-tabs/index.js +7 -0
- package/components/ui-tabs/index.js.map +1 -0
- package/components/ui-tabs/ui-tabs.vue.d.ts +38 -0
- package/components/ui-tabs/ui-tabs.vue.js +9 -0
- package/components/ui-tabs/ui-tabs.vue.js.map +1 -0
- package/components/ui-tabs/ui-tabs.vue2.js +56 -0
- package/components/ui-tabs/ui-tabs.vue2.js.map +1 -0
- package/components/ui-toggle/index.d.ts +168 -0
- package/components/ui-toggle/index.js +7 -0
- package/components/ui-toggle/index.js.map +1 -0
- package/components/ui-toggle/ui-toggle.vue.d.ts +40 -0
- package/components/ui-toggle/ui-toggle.vue.js +9 -0
- package/components/ui-toggle/ui-toggle.vue.js.map +1 -0
- package/components/ui-toggle/ui-toggle.vue2.js +94 -0
- package/components/ui-toggle/ui-toggle.vue2.js.map +1 -0
- package/components/ui-typography/_typings.d.ts +69 -0
- package/components/ui-typography/_typings.js +8 -0
- package/components/ui-typography/_typings.js.map +1 -0
- package/components/ui-typography/index.d.ts +167 -0
- package/components/ui-typography/index.js +14 -0
- package/components/ui-typography/index.js.map +1 -0
- package/components/ui-typography/ui-typography.vue.d.ts +39 -0
- package/components/ui-typography/ui-typography.vue.js +101 -0
- package/components/ui-typography/ui-typography.vue.js.map +1 -0
- package/components/ui-typography/ui-typography.vue2.js +5 -0
- package/components/ui-typography/ui-typography.vue2.js.map +1 -0
- package/components/ui-verification-input/index.d.ts +102 -0
- package/components/ui-verification-input/index.js +7 -0
- package/components/ui-verification-input/index.js.map +1 -0
- package/components/ui-verification-input/ui-verification-input.vue.d.ts +27 -0
- package/components/ui-verification-input/ui-verification-input.vue.js +9 -0
- package/components/ui-verification-input/ui-verification-input.vue.js.map +1 -0
- package/components/ui-verification-input/ui-verification-input.vue2.js +53 -0
- package/components/ui-verification-input/ui-verification-input.vue2.js.map +1 -0
- package/index.d.ts +40 -0
- package/index.js +203 -0
- package/index.js.map +1 -0
- package/package.json +71 -42
- package/plugin.ts +129 -0
- package/postcss.config.js +3 -0
- package/tailwind.config.ts +13 -0
- package/tsconfig.json +32 -19
- package/tsconfig.node.json +4 -2
- package/types.d.ts +20 -0
- package/types.js +77 -0
- package/types.js.map +1 -0
- package/.editorconfig +0 -14
- package/.github/workflows/deploy-beta.yaml +0 -31
- package/.github/workflows/deploy.yaml +0 -28
- package/.github/workflows/linting.yaml +0 -28
- package/.storybook/BonkersTheme.js +0 -32
- package/.storybook/main.js +0 -29
- package/.storybook/manager.js +0 -7
- package/.storybook/preview-head.html +0 -3
- package/.storybook/preview.js +0 -56
- package/LICENCE +0 -21
- package/publish.js +0 -45
- package/src/CONSTANTS.ts +0 -1
- package/src/_samples/check-icon.vue +0 -22
- package/src/_samples/icon.vue +0 -19
- package/src/_styles/variables/colors.css +0 -75
- package/src/_styles/variables/font-sizes.css +0 -15
- package/src/_styles/variables/shadow.css +0 -11
- package/src/_styles/variables/spacing.css +0 -15
- package/src/_types/align.ts +0 -8
- package/src/_types/colors.ts +0 -58
- package/src/_types/sizing.ts +0 -9
- package/src/components/ui-alert/_types.ts +0 -6
- package/src/components/ui-alert/index.ts +0 -2
- package/src/components/ui-alert/ui-alert.stories.ts +0 -31
- package/src/components/ui-alert/ui-alert.vue +0 -40
- package/src/components/ui-badge/_typings.ts +0 -11
- package/src/components/ui-badge/index.ts +0 -2
- package/src/components/ui-badge/ui-badge.stories.ts +0 -49
- package/src/components/ui-badge/ui-badge.vue +0 -65
- package/src/components/ui-ber-rank/_types.ts +0 -82
- package/src/components/ui-ber-rank/index.ts +0 -2
- package/src/components/ui-ber-rank/ui-ber-rank.stories.ts +0 -29
- package/src/components/ui-ber-rank/ui-ber-rank.vue +0 -96
- package/src/components/ui-button/_typings.ts +0 -17
- package/src/components/ui-button/index.ts +0 -2
- package/src/components/ui-button/ui-button.stories.ts +0 -143
- package/src/components/ui-button/ui-button.test.ts +0 -9
- package/src/components/ui-button/ui-button.vue +0 -79
- package/src/components/ui-card-cta/index.ts +0 -1
- package/src/components/ui-card-cta/ui-card-cta.stories.ts +0 -20
- package/src/components/ui-card-cta/ui-card-cta.vue +0 -83
- package/src/components/ui-card-result/index.ts +0 -1
- package/src/components/ui-card-result/ui-card-result.stories.ts +0 -167
- package/src/components/ui-card-result/ui-card-result.vue +0 -97
- package/src/components/ui-card-simple/index.ts +0 -1
- package/src/components/ui-card-simple/ui-card-simple.stories.ts +0 -40
- package/src/components/ui-card-simple/ui-card-simple.vue +0 -30
- package/src/components/ui-checkbox/index.ts +0 -1
- package/src/components/ui-checkbox/ui-checkbox.stories.ts +0 -71
- package/src/components/ui-checkbox/ui-checkbox.vue +0 -173
- package/src/components/ui-icon/_typings.ts +0 -11
- package/src/components/ui-icon/index.ts +0 -3
- package/src/components/ui-icon/ui-icon.stories.ts +0 -43
- package/src/components/ui-icon/ui-icon.vue +0 -27
- package/src/components/ui-icon-wrapper/_typings.ts +0 -11
- package/src/components/ui-icon-wrapper/index.ts +0 -2
- package/src/components/ui-icon-wrapper/ui-icon-wrapper.stories.ts +0 -69
- package/src/components/ui-icon-wrapper/ui-icon-wrapper.vue +0 -44
- package/src/components/ui-input/_typings.ts +0 -74
- package/src/components/ui-input/index.ts +0 -2
- package/src/components/ui-input/ui-input.stories.ts +0 -111
- package/src/components/ui-input/ui-input.vue +0 -100
- package/src/components/ui-input-range/index.ts +0 -1
- package/src/components/ui-input-range/ui-input-range.stories.ts +0 -57
- package/src/components/ui-input-range/ui-input-range.vue +0 -138
- package/src/components/ui-list-item/_types.ts +0 -13
- package/src/components/ui-list-item/index.ts +0 -2
- package/src/components/ui-list-item/ui-list-item.stories.ts +0 -77
- package/src/components/ui-list-item/ui-list-item.vue +0 -79
- package/src/components/ui-modal/_typings.ts +0 -6
- package/src/components/ui-modal/index.ts +0 -2
- package/src/components/ui-modal/ui-backdrop/index.ts +0 -1
- package/src/components/ui-modal/ui-backdrop/ui-backdrop.vue +0 -22
- package/src/components/ui-modal/ui-modal.stories.ts +0 -85
- package/src/components/ui-modal/ui-modal.vue +0 -90
- package/src/components/ui-notification-badge/_types.ts +0 -11
- package/src/components/ui-notification-badge/index.ts +0 -2
- package/src/components/ui-notification-badge/ui-notification-badge.stories.ts +0 -44
- package/src/components/ui-notification-badge/ui-notification-badge.vue +0 -42
- package/src/components/ui-order-card/_types.ts +0 -4
- package/src/components/ui-order-card/index.ts +0 -1
- package/src/components/ui-order-card/ui-order-card.stories.ts +0 -57
- package/src/components/ui-order-card/ui-order-card.vue +0 -83
- package/src/components/ui-plain-radio/index.ts +0 -1
- package/src/components/ui-plain-radio/ui-plain-radio.stories.ts +0 -74
- package/src/components/ui-plain-radio/ui-plain-radio.vue +0 -119
- package/src/components/ui-progress/_types.ts +0 -0
- package/src/components/ui-progress/index.ts +0 -1
- package/src/components/ui-progress/ui-progress.stories.ts +0 -40
- package/src/components/ui-progress/ui-progress.vue +0 -43
- package/src/components/ui-radio/index.ts +0 -1
- package/src/components/ui-radio/ui-radio.stories.ts +0 -74
- package/src/components/ui-radio/ui-radio.vue +0 -108
- package/src/components/ui-radio-compact/index.ts +0 -1
- package/src/components/ui-radio-compact/ui-radio-compact.stories.ts +0 -51
- package/src/components/ui-radio-compact/ui-radio-compact.vue +0 -92
- package/src/components/ui-radio-fancy/_typings.ts +0 -5
- package/src/components/ui-radio-fancy/index.ts +0 -1
- package/src/components/ui-radio-fancy/ui-radio-fancy.stories.ts +0 -81
- package/src/components/ui-radio-fancy/ui-radio-fancy.vue +0 -132
- package/src/components/ui-result-card-range/_types.ts +0 -8
- package/src/components/ui-result-card-range/index.ts +0 -1
- package/src/components/ui-result-card-range/ui-result-card-range.stories.ts +0 -78
- package/src/components/ui-result-card-range/ui-result-card-range.vue +0 -46
- package/src/components/ui-ripple/index.ts +0 -1
- package/src/components/ui-ripple/ui-ripple.stories.ts +0 -61
- package/src/components/ui-ripple/ui-ripple.vue +0 -83
- package/src/components/ui-select/index.ts +0 -1
- package/src/components/ui-select/ui-select.stories.ts +0 -49
- package/src/components/ui-select/ui-select.vue +0 -85
- package/src/components/ui-skeleton/_typings.ts +0 -4
- package/src/components/ui-skeleton/index.ts +0 -1
- package/src/components/ui-skeleton/ui-skeleton.stories.ts +0 -42
- package/src/components/ui-skeleton/ui-skeleton.vue +0 -61
- package/src/components/ui-snackbar/_types.ts +0 -7
- package/src/components/ui-snackbar/index.ts +0 -2
- package/src/components/ui-snackbar/ui-snackbar.stories.ts +0 -30
- package/src/components/ui-snackbar/ui-snackbar.vue +0 -42
- package/src/components/ui-table/_types.ts +0 -5
- package/src/components/ui-table/index.ts +0 -5
- package/src/components/ui-table/ui-table-cell/index.ts +0 -1
- package/src/components/ui-table/ui-table-cell/ui-table-cell.vue +0 -33
- package/src/components/ui-table/ui-table-row/_typings.ts +0 -3
- package/src/components/ui-table/ui-table-row/index.ts +0 -2
- package/src/components/ui-table/ui-table-row/ui-table-row.vue +0 -31
- package/src/components/ui-table/ui-table.stories.ts +0 -86
- package/src/components/ui-table/ui-table.vue +0 -31
- package/src/components/ui-tabs/index.ts +0 -1
- package/src/components/ui-tabs/ui-tabs.stories.ts +0 -33
- package/src/components/ui-tabs/ui-tabs.vue +0 -60
- package/src/components/ui-toggle/index.ts +0 -1
- package/src/components/ui-toggle/ui-toggle.stories.ts +0 -55
- package/src/components/ui-toggle/ui-toggle.vue +0 -149
- package/src/components/ui-typography/_typings.ts +0 -30
- package/src/components/ui-typography/index.ts +0 -3
- package/src/components/ui-typography/ui-typography.stories.ts +0 -101
- package/src/components/ui-typography/ui-typography.vue +0 -110
- package/src/components/ui-verification-input/index.ts +0 -1
- package/src/components/ui-verification-input/ui-verification-input.stories.ts +0 -48
- package/src/components/ui-verification-input/ui-verification-input.vue +0 -126
- package/src/main.css +0 -34
- package/src/shims-vue.d.ts +0 -5
- package/src/stories/Introduction.stories.mdx +0 -131
- package/src/stories/assets/code-brackets.svg +0 -1
- package/src/stories/colors/colors.stories.ts +0 -15
- package/src/stories/colors/ui-colors.vue +0 -96
- package/src/stories/font-sizes/font-sizes.stories.ts +0 -15
- package/src/stories/font-sizes/ui-font-sizes.vue +0 -28
- package/src/stories/helper.ts +0 -5
- package/src/stories/spacings/spacings.stories.ts +0 -15
- package/src/stories/spacings/ui-spacings.vue +0 -50
- package/tailwind.config.js +0 -30
- package/vite.config.ts +0 -14
- package/vitest.config.ts +0 -17
- /package/src/_styles/{classTypes/_colors.json → _colors.json} +0 -0
- /package/src/_styles/{classTypes/_font-sizes.json → _font-sizes.json} +0 -0
- /package/src/_styles/{classTypes/_shadow.json → _shadow.json} +0 -0
- /package/src/_styles/{classTypes/_spacing.json → _spacing.json} +0 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui-result-card-range.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui-result-card-range.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,54 @@
|
|
|
1
|
+
import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
|
|
2
|
+
import UiRipple from "./ui-ripple.vue";
|
|
3
|
+
export { UiRipple };
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
|
|
6
|
+
*/
|
|
7
|
+
declare const deprecatedDefault: {
|
|
8
|
+
new (...args: any[]): {
|
|
9
|
+
$: ComponentInternalInstance;
|
|
10
|
+
$data: {};
|
|
11
|
+
$props: Partial<{}> & Omit<{} & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{}>>, never>;
|
|
12
|
+
$attrs: {
|
|
13
|
+
[x: string]: unknown;
|
|
14
|
+
};
|
|
15
|
+
$refs: {
|
|
16
|
+
[x: string]: unknown;
|
|
17
|
+
};
|
|
18
|
+
$slots: Readonly<{
|
|
19
|
+
[name: string]: Slot<any> | undefined;
|
|
20
|
+
}>;
|
|
21
|
+
$root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
22
|
+
$parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
23
|
+
$emit: (event: string, ...args: any[]) => void;
|
|
24
|
+
$el: any;
|
|
25
|
+
$options: ComponentOptionsBase<Readonly<ExtractPropTypes<{}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
|
|
26
|
+
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
27
|
+
created?: ((() => void) | (() => void)[]) | undefined;
|
|
28
|
+
beforeMount?: ((() => void) | (() => void)[]) | undefined;
|
|
29
|
+
mounted?: ((() => void) | (() => void)[]) | undefined;
|
|
30
|
+
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
|
|
31
|
+
updated?: ((() => void) | (() => void)[]) | undefined;
|
|
32
|
+
activated?: ((() => void) | (() => void)[]) | undefined;
|
|
33
|
+
deactivated?: ((() => void) | (() => void)[]) | undefined;
|
|
34
|
+
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
|
|
35
|
+
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
|
|
36
|
+
destroyed?: ((() => void) | (() => void)[]) | undefined;
|
|
37
|
+
unmounted?: ((() => void) | (() => void)[]) | undefined;
|
|
38
|
+
renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
|
|
39
|
+
renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
|
|
40
|
+
errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
|
|
41
|
+
};
|
|
42
|
+
$forceUpdate: () => void;
|
|
43
|
+
$nextTick: typeof nextTick;
|
|
44
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
|
|
45
|
+
} & Readonly<ExtractPropTypes<{}>> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
|
|
46
|
+
__isFragment?: undefined;
|
|
47
|
+
__isTeleport?: undefined;
|
|
48
|
+
__isSuspense?: undefined;
|
|
49
|
+
} & ComponentOptionsBase<Readonly<ExtractPropTypes<{}>>, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
50
|
+
$slots: {
|
|
51
|
+
default?(_: {}): any;
|
|
52
|
+
};
|
|
53
|
+
});
|
|
54
|
+
export default deprecatedDefault;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ui-ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.ripple{position:absolute;will-change:transform,opacity;transform:translate3d(-50%,-50%,0) scale(0);mix-blend-mode:screen;animation:ripple 1s ease-out forwards,fade 1s ease-out forwards;z-index:1}@keyframes ripple{0%{transform:translate3d(-50%,-50%,0) scale(0)}80%{transform:translate3d(-50%,-50%,0) scale(10)}to{transform:translate3d(-50%,-50%,0) scale(10)}}@keyframes fade{0%{opacity:1}to{opacity:0}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
+
import e from "./ui-ripple.vue.js";
|
|
3
|
+
|
|
4
|
+
const p = e;
|
|
5
|
+
export {
|
|
6
|
+
e as UiRipple,
|
|
7
|
+
p as default
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/ui-ripple/index.ts"],"sourcesContent":["import UiRipple from \"./ui-ripple.vue\";\n\nexport { UiRipple };\n\n/**\n * @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n */\n\nconst deprecatedDefault = UiRipple;\nexport default deprecatedDefault;\n"],"names":["deprecatedDefault","UiRipple"],"mappings":";;AAQA,MAAMA,IAAoBC;"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
|
|
2
|
+
declare const _default: __VLS_WithTemplateSlots<DefineComponent<{}, {}, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{}>>, {}, {}>, {
|
|
3
|
+
default?(_: {}): any;
|
|
4
|
+
}>;
|
|
5
|
+
export default _default;
|
|
6
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
7
|
+
new (): {
|
|
8
|
+
$slots: S;
|
|
9
|
+
};
|
|
10
|
+
};
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { defineComponent as a, ref as i, openBlock as l, createElementBlock as s, renderSlot as d, createVNode as f, TransitionGroup as _, withCtx as m, Fragment as v, renderList as x, normalizeStyle as h, createElementVNode as g } from "vue";
|
|
2
|
+
const y = ["onAnimationend"], w = /* @__PURE__ */ g("circle", {
|
|
3
|
+
cx: "50",
|
|
4
|
+
cy: "50",
|
|
5
|
+
r: "50"
|
|
6
|
+
}, null, -1), B = [
|
|
7
|
+
w
|
|
8
|
+
], R = /* @__PURE__ */ a({
|
|
9
|
+
__name: "ui-ripple",
|
|
10
|
+
setup(k) {
|
|
11
|
+
const n = i([]), r = i(), c = i(), p = (e) => {
|
|
12
|
+
if (r.value) {
|
|
13
|
+
const t = r.value.getBoundingClientRect();
|
|
14
|
+
n.value.push({
|
|
15
|
+
x: e.clientX - t.left,
|
|
16
|
+
y: e.clientY - t.top,
|
|
17
|
+
id: Math.random().toString(36).substr(2, 9)
|
|
18
|
+
});
|
|
19
|
+
}
|
|
20
|
+
}, u = (e) => {
|
|
21
|
+
n.value = n.value.filter((t) => t.id !== e);
|
|
22
|
+
};
|
|
23
|
+
return (e, t) => (l(), s("div", {
|
|
24
|
+
ref_key: "tiBtn",
|
|
25
|
+
ref: r,
|
|
26
|
+
class: "ui-ripple",
|
|
27
|
+
onClick: p
|
|
28
|
+
}, [
|
|
29
|
+
d(e.$slots, "default"),
|
|
30
|
+
f(_, null, {
|
|
31
|
+
default: m(() => [
|
|
32
|
+
(l(!0), s(v, null, x(n.value, (o) => (l(), s("svg", {
|
|
33
|
+
ref_for: !0,
|
|
34
|
+
ref: c.value,
|
|
35
|
+
key: o.id,
|
|
36
|
+
viewBox: "0 0 100 100",
|
|
37
|
+
xmlns: "http://www.w3.org/2000/svg",
|
|
38
|
+
class: "ripple",
|
|
39
|
+
style: h({ top: o.y + "px", left: o.x + "px" }),
|
|
40
|
+
fill: "currentColor",
|
|
41
|
+
onAnimationend: (C) => u(o.id)
|
|
42
|
+
}, B, 44, y))), 128))
|
|
43
|
+
]),
|
|
44
|
+
_: 1
|
|
45
|
+
})
|
|
46
|
+
], 512));
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
export {
|
|
50
|
+
R as default
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=ui-ripple.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui-ripple.vue.js","sources":["../../../src/components/ui-ripple/ui-ripple.vue"],"sourcesContent":["<template>\n\t<div\n\t\tref=\"tiBtn\"\n\t\tclass=\"ui-ripple\"\n\t\t@click=\"animateRipple\"\n\t>\n\t\t<slot />\n\n\t\t<transition-group>\n\t\t\t<svg\n\t\t\t\tv-for=\"val in ripples\"\n\t\t\t\t:ref=\"inputsRefs\"\n\t\t\t\t:key=\"val.id\"\n\t\t\t\tviewBox=\"0 0 100 100\"\n\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\tclass=\"ripple\"\n\t\t\t\t:style=\"{'top': val.y + 'px', 'left': val.x + 'px'}\"\n\t\t\t\tfill=\"currentColor\"\n\t\t\t\t@animationend=\"rippleEnd(val.id)\"\n\t\t\t>\n\t\t\t\t<circle\n\t\t\t\t\tcx=\"50\"\n\t\t\t\t\tcy=\"50\"\n\t\t\t\t\tr=\"50\"\n\t\t\t\t/>\n\t\t\t</svg>\n\t\t</transition-group>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { ref, type VNodeRef } from \"vue\";\n\n\tconst ripples = ref<{x:number, y:number, id:string}[]>([]);\n\tconst tiBtn = ref<HTMLDivElement>();\n\tconst inputsRefs = ref<VNodeRef>();\n\n\tconst animateRipple = (e:MouseEvent)=> {\n\t\tif (tiBtn.value) {\n\t\t\tconst pos = tiBtn.value.getBoundingClientRect();\n\n\t\t\tripples.value.push({\n\t\t\t\tx: e.clientX - pos.left,\n\t\t\t\ty: e.clientY - pos.top,\n\t\t\t\tid: Math.random().toString(36).substr(2, 9)\n\t\t\t});\n\t\t}\n\t};\n\tconst rippleEnd = (i: string)=> {\n\t\tripples.value = ripples.value.filter(val=>val.id !== i);\n\t};\n</script>\n\n<style>\n\t.ui-ripple {\n\t\tposition: absolute;\n\t\ttop: 0;\n\t\tleft: 0;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\toverflow: hidden;\n\t}\n\n\t.ripple {\n\t\tposition: absolute;\n\t\twill-change: transform, opacity;\n\t\ttransform: translate3d(-50%, -50%, 0) scale(0);\n\t\tmix-blend-mode: screen;\n\t\tanimation: ripple 1s ease-out forwards, fade 1s ease-out forwards;\n\t\tz-index: 1;\n\t}\n\n\t@keyframes ripple {\n\t\t0% { transform: translate3d(-50%, -50%, 0) scale(0); }\n\t\t80% { transform: translate3d(-50%, -50%, 0) scale(10); }\n\t\t100% { transform: translate3d(-50%, -50%, 0) scale(10); }\n\t}\n\n\t@keyframes fade {\n\t\t0% { opacity: 1; }\n\t\t100% { opacity: 0; }\n\t}\n</style>\n"],"names":["ripples","ref","tiBtn","inputsRefs","animateRipple","pos","rippleEnd","i","val"],"mappings":";;;;;;;;;;AAiCO,UAAAA,IAAUC,EAAuC,CAAA,CAAE,GACnDC,IAAQD,KACRE,IAAaF,KAEbG,IAAgB,CAAC,MAAgB;AACtC,UAAIF,EAAM,OAAO;AACV,cAAAG,IAAMH,EAAM,MAAM,sBAAsB;AAE9C,QAAAF,EAAQ,MAAM,KAAK;AAAA,UAClB,GAAG,EAAE,UAAUK,EAAI;AAAA,UACnB,GAAG,EAAE,UAAUA,EAAI;AAAA,UACnB,IAAI,KAAK,SAAS,SAAS,EAAE,EAAE,OAAO,GAAG,CAAC;AAAA,QAAA,CAC1C;AAAA,MACF;AAAA,IAAA,GAEKC,IAAY,CAACC,MAAa;AAC/B,MAAAP,EAAQ,QAAQA,EAAQ,MAAM,OAAO,CAAKQ,MAAAA,EAAI,OAAOD,CAAC;AAAA,IAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
(function(){"use strict";try{if(typeof document<"u"){var e=document.createElement("style");e.appendChild(document.createTextNode(".ui-ripple{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden}.ripple{position:absolute;will-change:transform,opacity;transform:translate3d(-50%,-50%,0) scale(0);mix-blend-mode:screen;animation:ripple 1s ease-out forwards,fade 1s ease-out forwards;z-index:1}@keyframes ripple{0%{transform:translate3d(-50%,-50%,0) scale(0)}80%{transform:translate3d(-50%,-50%,0) scale(10)}to{transform:translate3d(-50%,-50%,0) scale(10)}}@keyframes fade{0%{opacity:1}to{opacity:0}}")),document.head.appendChild(e)}}catch(t){console.error("vite-plugin-css-injected-by-js",t)}})();
|
|
2
|
+
import o from "./ui-ripple.vue.js";
|
|
3
|
+
|
|
4
|
+
export {
|
|
5
|
+
o as default
|
|
6
|
+
};
|
|
7
|
+
//# sourceMappingURL=ui-ripple.vue3.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui-ripple.vue3.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;"}
|
|
@@ -0,0 +1,131 @@
|
|
|
1
|
+
import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
|
|
2
|
+
import UiSelect from "./ui-select.vue";
|
|
3
|
+
export { UiSelect };
|
|
4
|
+
/**
|
|
5
|
+
* @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
|
|
6
|
+
*/
|
|
7
|
+
declare const deprecatedDefault: {
|
|
8
|
+
new (...args: any[]): {
|
|
9
|
+
$: ComponentInternalInstance;
|
|
10
|
+
$data: {};
|
|
11
|
+
$props: Partial<{}> & Omit<{
|
|
12
|
+
readonly modelValue: string | number;
|
|
13
|
+
readonly disabled?: boolean | undefined;
|
|
14
|
+
readonly heading?: string | undefined;
|
|
15
|
+
readonly subLabel?: string | undefined;
|
|
16
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
17
|
+
} & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
|
|
18
|
+
modelValue: {
|
|
19
|
+
type: PropType<string | number>;
|
|
20
|
+
required: true;
|
|
21
|
+
};
|
|
22
|
+
heading: {
|
|
23
|
+
type: PropType<string>;
|
|
24
|
+
};
|
|
25
|
+
subLabel: {
|
|
26
|
+
type: PropType<string>;
|
|
27
|
+
};
|
|
28
|
+
disabled: {
|
|
29
|
+
type: PropType<boolean>;
|
|
30
|
+
};
|
|
31
|
+
}>> & {
|
|
32
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
33
|
+
}, never>;
|
|
34
|
+
$attrs: {
|
|
35
|
+
[x: string]: unknown;
|
|
36
|
+
};
|
|
37
|
+
$refs: {
|
|
38
|
+
[x: string]: unknown;
|
|
39
|
+
};
|
|
40
|
+
$slots: Readonly<{
|
|
41
|
+
[name: string]: Slot<any> | undefined;
|
|
42
|
+
}>;
|
|
43
|
+
$root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
44
|
+
$parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
45
|
+
$emit: (event: "update:modelValue", ...args: any[]) => void;
|
|
46
|
+
$el: any;
|
|
47
|
+
$options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
|
|
48
|
+
modelValue: {
|
|
49
|
+
type: PropType<string | number>;
|
|
50
|
+
required: true;
|
|
51
|
+
};
|
|
52
|
+
heading: {
|
|
53
|
+
type: PropType<string>;
|
|
54
|
+
};
|
|
55
|
+
subLabel: {
|
|
56
|
+
type: PropType<string>;
|
|
57
|
+
};
|
|
58
|
+
disabled: {
|
|
59
|
+
type: PropType<boolean>;
|
|
60
|
+
};
|
|
61
|
+
}>> & {
|
|
62
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
63
|
+
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
64
|
+
"update:modelValue": (...args: any[]) => void;
|
|
65
|
+
}, string, {}, {}, string, {}> & {
|
|
66
|
+
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
67
|
+
created?: ((() => void) | (() => void)[]) | undefined;
|
|
68
|
+
beforeMount?: ((() => void) | (() => void)[]) | undefined;
|
|
69
|
+
mounted?: ((() => void) | (() => void)[]) | undefined;
|
|
70
|
+
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
|
|
71
|
+
updated?: ((() => void) | (() => void)[]) | undefined;
|
|
72
|
+
activated?: ((() => void) | (() => void)[]) | undefined;
|
|
73
|
+
deactivated?: ((() => void) | (() => void)[]) | undefined;
|
|
74
|
+
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
|
|
75
|
+
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
|
|
76
|
+
destroyed?: ((() => void) | (() => void)[]) | undefined;
|
|
77
|
+
unmounted?: ((() => void) | (() => void)[]) | undefined;
|
|
78
|
+
renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
|
|
79
|
+
renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
|
|
80
|
+
errorCaptured?: (((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void) | ((err: unknown, instance: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null, info: string) => boolean | void)[]) | undefined;
|
|
81
|
+
};
|
|
82
|
+
$forceUpdate: () => void;
|
|
83
|
+
$nextTick: typeof nextTick;
|
|
84
|
+
$watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: WatchOptions<boolean> | undefined): WatchStopHandle;
|
|
85
|
+
} & Readonly<ExtractPropTypes<{
|
|
86
|
+
modelValue: {
|
|
87
|
+
type: PropType<string | number>;
|
|
88
|
+
required: true;
|
|
89
|
+
};
|
|
90
|
+
heading: {
|
|
91
|
+
type: PropType<string>;
|
|
92
|
+
};
|
|
93
|
+
subLabel: {
|
|
94
|
+
type: PropType<string>;
|
|
95
|
+
};
|
|
96
|
+
disabled: {
|
|
97
|
+
type: PropType<boolean>;
|
|
98
|
+
};
|
|
99
|
+
}>> & {
|
|
100
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
101
|
+
} & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
|
|
102
|
+
__isFragment?: undefined;
|
|
103
|
+
__isTeleport?: undefined;
|
|
104
|
+
__isSuspense?: undefined;
|
|
105
|
+
} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
|
|
106
|
+
modelValue: {
|
|
107
|
+
type: PropType<string | number>;
|
|
108
|
+
required: true;
|
|
109
|
+
};
|
|
110
|
+
heading: {
|
|
111
|
+
type: PropType<string>;
|
|
112
|
+
};
|
|
113
|
+
subLabel: {
|
|
114
|
+
type: PropType<string>;
|
|
115
|
+
};
|
|
116
|
+
disabled: {
|
|
117
|
+
type: PropType<boolean>;
|
|
118
|
+
};
|
|
119
|
+
}>> & {
|
|
120
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
121
|
+
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
122
|
+
"update:modelValue": (...args: any[]) => void;
|
|
123
|
+
}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
124
|
+
$slots: {
|
|
125
|
+
heading?(_: {}): any;
|
|
126
|
+
default?(_: {}): any;
|
|
127
|
+
"postfix-icon"?(_: {}): any;
|
|
128
|
+
subLabel?(_: {}): any;
|
|
129
|
+
};
|
|
130
|
+
});
|
|
131
|
+
export default deprecatedDefault;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/ui-select/index.ts"],"sourcesContent":["import UiSelect from \"./ui-select.vue\";\n\nexport { UiSelect };\n\n/**\n * @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n */\nconst deprecatedDefault = UiSelect;\nexport default deprecatedDefault;\n"],"names":["deprecatedDefault","UiSelect"],"mappings":";AAOA,MAAMA,IAAoBC;"}
|
|
@@ -0,0 +1,36 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
|
|
2
|
+
declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
|
3
|
+
modelValue: string | number;
|
|
4
|
+
heading?: string | undefined;
|
|
5
|
+
subLabel?: string | undefined;
|
|
6
|
+
disabled?: boolean | undefined;
|
|
7
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {
|
|
8
|
+
"update:modelValue": (...args: any[]) => void;
|
|
9
|
+
}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
10
|
+
modelValue: string | number;
|
|
11
|
+
heading?: string | undefined;
|
|
12
|
+
subLabel?: string | undefined;
|
|
13
|
+
disabled?: boolean | undefined;
|
|
14
|
+
}>>> & {
|
|
15
|
+
"onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
|
|
16
|
+
}, {}, {}>, {
|
|
17
|
+
heading?(_: {}): any;
|
|
18
|
+
default?(_: {}): any;
|
|
19
|
+
"postfix-icon"?(_: {}): any;
|
|
20
|
+
subLabel?(_: {}): any;
|
|
21
|
+
}>;
|
|
22
|
+
export default _default;
|
|
23
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
24
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
25
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
26
|
+
type: PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
27
|
+
} : {
|
|
28
|
+
type: PropType<T[K]>;
|
|
29
|
+
required: true;
|
|
30
|
+
};
|
|
31
|
+
};
|
|
32
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
33
|
+
new (): {
|
|
34
|
+
$slots: S;
|
|
35
|
+
};
|
|
36
|
+
};
|
|
@@ -0,0 +1,83 @@
|
|
|
1
|
+
import { defineComponent as C, computed as y, openBlock as l, createElementBlock as w, renderSlot as s, createBlock as n, unref as t, withCtx as d, createTextVNode as i, toDisplayString as u, createCommentVNode as m, createElementVNode as o, normalizeClass as L, withDirectives as V, vModelSelect as k } from "vue";
|
|
2
|
+
import p from "../ui-typography/index.js";
|
|
3
|
+
import { ETypographySizes as c } from "../ui-typography/_typings.js";
|
|
4
|
+
import { EColors as z } from "../../_types/colors.js";
|
|
5
|
+
const S = { class: "ui-select" }, B = { class: "absolute right-sm top-1/2 -translate-y-1/2" }, D = /* @__PURE__ */ o("svg", {
|
|
6
|
+
width: "16",
|
|
7
|
+
height: "16",
|
|
8
|
+
viewBox: "0 0 16 16",
|
|
9
|
+
fill: "none",
|
|
10
|
+
xmlns: "http://www.w3.org/2000/svg"
|
|
11
|
+
}, [
|
|
12
|
+
/* @__PURE__ */ o("path", {
|
|
13
|
+
d: "M13.25 6.8125L8.5 11.2812C8.34375 11.4375 8.15625 11.5 8 11.5C7.8125 11.5 7.625 11.4375 7.46875 11.3125L2.71875 6.8125C2.40625 6.53125 2.40625 6.0625 2.6875 5.75C2.96875 5.4375 3.4375 5.4375 3.75 5.71875L8 9.71875L12.2188 5.71875C12.5312 5.4375 13 5.4375 13.2812 5.75C13.5625 6.0625 13.5625 6.53125 13.25 6.8125Z",
|
|
14
|
+
fill: "currentColor"
|
|
15
|
+
})
|
|
16
|
+
], -1), $ = /* @__PURE__ */ C({
|
|
17
|
+
__name: "ui-select",
|
|
18
|
+
props: {
|
|
19
|
+
modelValue: {},
|
|
20
|
+
heading: {},
|
|
21
|
+
subLabel: {},
|
|
22
|
+
disabled: { type: Boolean }
|
|
23
|
+
},
|
|
24
|
+
emits: ["update:modelValue"],
|
|
25
|
+
setup(b, { emit: h }) {
|
|
26
|
+
const f = b, g = h, a = y({
|
|
27
|
+
get() {
|
|
28
|
+
return f.modelValue;
|
|
29
|
+
},
|
|
30
|
+
set(e) {
|
|
31
|
+
g("update:modelValue", e);
|
|
32
|
+
}
|
|
33
|
+
});
|
|
34
|
+
return (e, r) => (l(), w("div", S, [
|
|
35
|
+
s(e.$slots, "heading", {}, () => [
|
|
36
|
+
e.heading ? (l(), n(t(p), {
|
|
37
|
+
key: 0,
|
|
38
|
+
class: "mb-xs",
|
|
39
|
+
size: t(c).MD
|
|
40
|
+
}, {
|
|
41
|
+
default: d(() => [
|
|
42
|
+
i(u(e.heading), 1)
|
|
43
|
+
]),
|
|
44
|
+
_: 1
|
|
45
|
+
}, 8, ["size"])) : m("", !0)
|
|
46
|
+
]),
|
|
47
|
+
o("div", {
|
|
48
|
+
class: L(["relative rounded-lg border border-secondary-alt-500 bg-white hover:border-secondary-alt-700", [e.disabled && "pointer-events-none border-secondary-alt-300 bg-secondary-alt-200"]])
|
|
49
|
+
}, [
|
|
50
|
+
V(o("select", {
|
|
51
|
+
"onUpdate:modelValue": r[0] || (r[0] = (v) => a.value = v),
|
|
52
|
+
class: "m-0 w-full cursor-pointer appearance-none border-0 bg-transparent p-sm italic text-secondary-alt outline-0"
|
|
53
|
+
}, [
|
|
54
|
+
s(e.$slots, "default")
|
|
55
|
+
], 512), [
|
|
56
|
+
[k, a.value]
|
|
57
|
+
]),
|
|
58
|
+
o("div", B, [
|
|
59
|
+
s(e.$slots, "postfix-icon", {}, () => [
|
|
60
|
+
D
|
|
61
|
+
])
|
|
62
|
+
])
|
|
63
|
+
], 2),
|
|
64
|
+
s(e.$slots, "subLabel", {}, () => [
|
|
65
|
+
e.subLabel ? (l(), n(t(p), {
|
|
66
|
+
key: 0,
|
|
67
|
+
size: t(c).SM,
|
|
68
|
+
kind: t(z).SECONDARY_ALT,
|
|
69
|
+
class: "mt-xs"
|
|
70
|
+
}, {
|
|
71
|
+
default: d(() => [
|
|
72
|
+
i(u(e.subLabel), 1)
|
|
73
|
+
]),
|
|
74
|
+
_: 1
|
|
75
|
+
}, 8, ["size", "kind"])) : m("", !0)
|
|
76
|
+
])
|
|
77
|
+
]));
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
export {
|
|
81
|
+
$ as default
|
|
82
|
+
};
|
|
83
|
+
//# sourceMappingURL=ui-select.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui-select.vue.js","sources":["../../../src/components/ui-select/ui-select.vue"],"sourcesContent":["<template>\n\t<div class=\"ui-select\">\n\t\t<slot name=\"heading\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"heading\"\n\t\t\t\tclass=\"mb-xs\"\n\t\t\t\t:size=\"ETypographySizes.MD\"\n\t\t\t>\n\t\t\t\t{{ heading }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t\t<div\n\t\t\tclass=\"relative rounded-lg border border-secondary-alt-500 bg-white hover:border-secondary-alt-700\"\n\t\t\t:class=\"[disabled && 'pointer-events-none border-secondary-alt-300 bg-secondary-alt-200']\"\n\t\t>\n\t\t\t<select\n\t\t\t\tv-model=\"radioModel\"\n\t\t\t\tclass=\"\n\t\t\t\t\tm-0\n\t\t\t\t\tw-full\n\t\t\t\t\tcursor-pointer\n\t\t\t\t\tappearance-none\n\t\t\t\t\tborder-0\n\t\t\t\t\tbg-transparent\n\t\t\t\t\tp-sm\n\t\t\t\t\titalic\n\t\t\t\t\ttext-secondary-alt\n\t\t\t\t\toutline-0\n\t\t\t\t\"\n\t\t\t>\n\t\t\t\t<slot />\n\t\t\t</select>\n\n\t\t\t<div class=\"absolute right-sm top-1/2 -translate-y-1/2\">\n\t\t\t\t<slot name=\"postfix-icon\">\n\t\t\t\t\t<svg\n\t\t\t\t\t\twidth=\"16\"\n\t\t\t\t\t\theight=\"16\"\n\t\t\t\t\t\tviewBox=\"0 0 16 16\"\n\t\t\t\t\t\tfill=\"none\"\n\t\t\t\t\t\txmlns=\"http://www.w3.org/2000/svg\"\n\t\t\t\t\t>\n\t\t\t\t\t\t<path\n\t\t\t\t\t\t\td=\"M13.25 6.8125L8.5 11.2812C8.34375 11.4375 8.15625 11.5 8 11.5C7.8125 11.5 7.625 11.4375 7.46875 11.3125L2.71875 6.8125C2.40625 6.53125 2.40625 6.0625 2.6875 5.75C2.96875 5.4375 3.4375 5.4375 3.75 5.71875L8 9.71875L12.2188 5.71875C12.5312 5.4375 13 5.4375 13.2812 5.75C13.5625 6.0625 13.5625 6.53125 13.25 6.8125Z\"\n\t\t\t\t\t\t\tfill=\"currentColor\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</svg>\n\t\t\t\t</slot>\n\t\t\t</div>\n\t\t</div>\n\t\t<slot name=\"subLabel\">\n\t\t\t<ui-typography\n\t\t\t\tv-if=\"subLabel\"\n\t\t\t\t:size=\"ETypographySizes.SM\"\n\t\t\t\t:kind=\"EColors.SECONDARY_ALT\"\n\t\t\t\tclass=\"mt-xs\"\n\t\t\t>\n\t\t\t\t{{ subLabel }}\n\t\t\t</ui-typography>\n\t\t</slot>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { computed } from \"vue\";\n\timport UiTypography, { ETypographySizes, EColors } from \"../ui-typography\";\n\n\tconst props = defineProps<{\n\t\tmodelValue: string | number;\n\t\theading?: string;\n\t\tsubLabel?: string;\n\t\tdisabled?: boolean;\n\t}>();\n\n\tconst emit = defineEmits([\"update:modelValue\"]);\n\n\tconst radioModel = computed({\n\t\tget() {\n\t\t\treturn props.modelValue;\n\t\t},\n\t\tset(value) {\n\t\t\temit(\"update:modelValue\", value);\n\t\t}\n\t});\n</script>\n"],"names":["props","__props","emit","__emit","radioModel","computed","value"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAmEC,UAAMA,IAAQC,GAORC,IAAOC,GAEPC,IAAaC,EAAS;AAAA,MAC3B,MAAM;AACL,eAAOL,EAAM;AAAA,MACd;AAAA,MACA,IAAIM,GAAO;AACV,QAAAJ,EAAK,qBAAqBI,CAAK;AAAA,MAChC;AAAA,IAAA,CACA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui-select.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"_typings.js","sources":["../../../src/components/ui-skeleton/_typings.ts"],"sourcesContent":["export enum ESkeletonKind {\n\tRESULT_CARD = \"RESULT_CARD\",\n\tFILTER_MENU = \"FILTER_MENU\"\n}\n"],"names":["ESkeletonKind"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,cAAc,eACdA,EAAA,cAAc,eAFHA,IAAAA,KAAA,CAAA,CAAA;"}
|
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import { ESkeletonKind } from './_typings';
|
|
2
|
+
import { DefineComponent, PropType, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes } from 'vue';
|
|
3
|
+
import UiSkeleton from "./ui-skeleton.vue";
|
|
4
|
+
export { UiSkeleton };
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
|
|
7
|
+
*/
|
|
8
|
+
declare const deprecatedDefault: DefineComponent<{
|
|
9
|
+
kind: {
|
|
10
|
+
type: PropType<ESkeletonKind>;
|
|
11
|
+
default: ESkeletonKind;
|
|
12
|
+
};
|
|
13
|
+
}, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<{
|
|
14
|
+
kind: {
|
|
15
|
+
type: PropType<ESkeletonKind>;
|
|
16
|
+
default: ESkeletonKind;
|
|
17
|
+
};
|
|
18
|
+
}>>, {
|
|
19
|
+
kind: ESkeletonKind;
|
|
20
|
+
}, {}>;
|
|
21
|
+
export default deprecatedDefault;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/ui-skeleton/index.ts"],"sourcesContent":["import UiSkeleton from \"./ui-skeleton.vue\";\nexport { UiSkeleton };\n\n/**\n * @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n */\nconst deprecatedDefault = UiSkeleton;\nexport default deprecatedDefault;\n"],"names":["deprecatedDefault","UiSkeleton"],"mappings":";AAMA,MAAMA,IAAoBC;"}
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
|
|
2
|
+
import { ESkeletonKind } from "./_typings";
|
|
3
|
+
declare const _default: DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
4
|
+
kind?: ESkeletonKind | undefined;
|
|
5
|
+
}>, {
|
|
6
|
+
kind: ESkeletonKind;
|
|
7
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
|
|
8
|
+
kind?: ESkeletonKind | undefined;
|
|
9
|
+
}>, {
|
|
10
|
+
kind: ESkeletonKind;
|
|
11
|
+
}>>>, {
|
|
12
|
+
kind: ESkeletonKind;
|
|
13
|
+
}, {}>;
|
|
14
|
+
export default _default;
|
|
15
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
16
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
17
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
18
|
+
type: PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
19
|
+
} : {
|
|
20
|
+
type: PropType<T[K]>;
|
|
21
|
+
required: true;
|
|
22
|
+
};
|
|
23
|
+
};
|
|
24
|
+
type __VLS_WithDefaults<P, D> = {
|
|
25
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
26
|
+
default: D[K];
|
|
27
|
+
}> : P[K];
|
|
28
|
+
};
|
|
29
|
+
type __VLS_Prettify<T> = {
|
|
30
|
+
[K in keyof T]: T[K];
|
|
31
|
+
} & {};
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { defineComponent as i, unref as c, openBlock as s, createElementBlock as l, createElementVNode as e, Fragment as d, renderList as n, normalizeClass as _, createStaticVNode as u } from "vue";
|
|
2
|
+
import { ESkeletonKind as o } from "./_typings.js";
|
|
3
|
+
const m = {
|
|
4
|
+
key: 0,
|
|
5
|
+
class: "ui-skeleton-card animate-pulse rounded-2xl border-2 border-secondary-alt-300 p-xs"
|
|
6
|
+
}, x = /* @__PURE__ */ u('<div class="ui-skeleton-card__header flex items-center justify-between rounded-lg bg-secondary-alt-200 p-xs"><div class="flex w-full flex-col items-start"><div class="ui-skeleton-card__content__text my-xs h-md w-full rounded-md bg-secondary-alt-300"></div><div class="ui-skeleton-card__content__text h-md w-5/6 rounded-md bg-secondary-alt-300"></div></div><div class="ui-skeleton-card__header__image my-xxs ml-sm h-xl w-xxl rounded-xl bg-secondary-alt-300"></div></div>', 1), f = { class: "ui-skeleton-card__content flex flex-col items-start justify-start rounded-lg pt-sm" }, k = /* @__PURE__ */ e("div", { class: "ui-skeleton-card__footer flex flex-row justify-between" }, [
|
|
7
|
+
/* @__PURE__ */ e("div", { class: "ui-skeleton-card__footer__text h-md w-1/4 self-end rounded-lg bg-secondary-alt-300" }),
|
|
8
|
+
/* @__PURE__ */ e("div", { class: "ui-skeleton-card__footer__text h-lg w-1/4 rounded-lg bg-secondary-alt-300" })
|
|
9
|
+
], -1), v = /* @__PURE__ */ e("div", { class: "ui-skeleton-card__button mt-xs flex h-md w-full items-center justify-center rounded-lg bg-secondary-alt-300 py-md" }, null, -1), y = {
|
|
10
|
+
key: 1,
|
|
11
|
+
class: "ui-skeleton-menu mb-sm flex animate-pulse flex-row items-center justify-between"
|
|
12
|
+
}, w = /* @__PURE__ */ e("div", { class: "ui-skeleton-menu__result-count h-sm w-full max-w-xxl rounded-md bg-secondary-alt-300" }, null, -1), g = { class: "ui-skeleton-menu__filters relative flex h-lg w-xxl flex-row gap-x-sm" }, E = /* @__PURE__ */ i({
|
|
13
|
+
__name: "ui-skeleton",
|
|
14
|
+
props: {
|
|
15
|
+
kind: { default: o.RESULT_CARD }
|
|
16
|
+
},
|
|
17
|
+
setup(r) {
|
|
18
|
+
const a = r;
|
|
19
|
+
return (h, b) => a.kind === c(o).RESULT_CARD ? (s(), l("div", m, [
|
|
20
|
+
x,
|
|
21
|
+
e("div", f, [
|
|
22
|
+
(s(), l(d, null, n(["w-1/2", "w-1/3", "w-2/3", "w-3/4"], (t) => e("div", {
|
|
23
|
+
key: t,
|
|
24
|
+
class: _([`${t}`, "ui-skeleton-card__content__text mb-xs h-md rounded-md bg-secondary-alt-300"])
|
|
25
|
+
}, null, 2)), 64))
|
|
26
|
+
]),
|
|
27
|
+
k,
|
|
28
|
+
v
|
|
29
|
+
])) : (s(), l("div", y, [
|
|
30
|
+
w,
|
|
31
|
+
e("div", g, [
|
|
32
|
+
(s(), l(d, null, n(2, (t) => e("div", {
|
|
33
|
+
key: t,
|
|
34
|
+
class: "ui-skeleton-menu__filters__item relative w-xl rounded-md bg-secondary-alt-300"
|
|
35
|
+
})), 64))
|
|
36
|
+
])
|
|
37
|
+
]));
|
|
38
|
+
}
|
|
39
|
+
});
|
|
40
|
+
export {
|
|
41
|
+
E as default
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=ui-skeleton.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui-skeleton.vue.js","sources":["../../../src/components/ui-skeleton/ui-skeleton.vue"],"sourcesContent":["<template>\n\t<div\n\t\tv-if=\"props.kind === ESkeletonKind.RESULT_CARD\"\n\t\tclass=\"ui-skeleton-card animate-pulse rounded-2xl border-2 border-secondary-alt-300 p-xs\"\n\t>\n\t\t<div\n\t\t\tclass=\"ui-skeleton-card__header flex items-center\n\t\t\tjustify-between rounded-lg bg-secondary-alt-200 p-xs\"\n\t\t>\n\t\t\t<div class=\"flex w-full flex-col items-start\">\n\t\t\t\t<div class=\"ui-skeleton-card__content__text my-xs h-md w-full rounded-md bg-secondary-alt-300\" />\n\t\t\t\t<div class=\"ui-skeleton-card__content__text h-md w-5/6 rounded-md bg-secondary-alt-300\" />\n\t\t\t</div>\n\t\t\t<div class=\"ui-skeleton-card__header__image my-xxs ml-sm h-xl w-xxl rounded-xl bg-secondary-alt-300\" />\n\t\t</div>\n\n\t\t<div class=\"ui-skeleton-card__content flex flex-col items-start justify-start rounded-lg pt-sm\">\n\t\t\t<div\n\t\t\t\tv-for=\"i in ['w-1/2', 'w-1/3', 'w-2/3', 'w-3/4']\"\n\t\t\t\t:key=\"i\"\n\t\t\t\t:class=\"`${i}`\"\n\t\t\t\tclass=\"ui-skeleton-card__content__text mb-xs h-md rounded-md bg-secondary-alt-300\"\n\t\t\t/>\n\t\t</div>\n\n\t\t<div class=\"ui-skeleton-card__footer flex flex-row justify-between\">\n\t\t\t<div class=\"ui-skeleton-card__footer__text h-md w-1/4 self-end rounded-lg bg-secondary-alt-300\" />\n\t\t\t<div class=\"ui-skeleton-card__footer__text h-lg w-1/4 rounded-lg bg-secondary-alt-300\" />\n\t\t</div>\n\n\t\t<div\n\t\t\tclass=\"ui-skeleton-card__button mt-xs flex h-md w-full items-center\n\t\tjustify-center rounded-lg bg-secondary-alt-300 py-md\"\n\t\t/>\n\t</div>\n\t<div\n\t\tv-else\n\t\tclass=\"ui-skeleton-menu mb-sm flex animate-pulse flex-row items-center justify-between\"\n\t>\n\t\t<div class=\"ui-skeleton-menu__result-count h-sm w-full max-w-xxl rounded-md bg-secondary-alt-300\" />\n\t\t<div class=\"ui-skeleton-menu__filters relative flex h-lg w-xxl flex-row gap-x-sm\">\n\t\t\t<div\n\t\t\t\tv-for=\"i in 2\"\n\t\t\t\t:key=\"i\"\n\t\t\t\tclass=\"ui-skeleton-menu__filters__item relative w-xl rounded-md bg-secondary-alt-300\"\n\t\t\t/>\n\t\t</div>\n\t</div>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { ESkeletonKind } from \"./_typings\";\n\n\tconst props = withDefaults(\n\t\tdefineProps<{\n\t\t\tkind?: ESkeletonKind\n\t\t}>(),\n\t\t{\n\t\t\tkind: ESkeletonKind.RESULT_CARD,\n\t\t});\n</script>\n"],"names":["props","__props"],"mappings":";;;;;;;;;;;;;;;;;AAqDC,UAAMA,IAAQC;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui-skeleton.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"_types.js","sources":["../../../src/components/ui-snackbar/_types.ts"],"sourcesContent":["export enum ESnackbarTypes {\n\tDEFAULT = \"default\",\n\tPRIMARY = \"primary\",\n\tWARNING = \"warning\",\n\tERROR = \"error\",\n\tSECONDARY = \"secondary\",\n}\n"],"names":["ESnackbarTypes"],"mappings":"AAAY,IAAAA,sBAAAA,OACXA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,UAAU,WACVA,EAAA,QAAQ,SACRA,EAAA,YAAY,aALDA,IAAAA,KAAA,CAAA,CAAA;"}
|