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,146 @@
|
|
|
1
|
+
import { EButtonSizes, EButtonTypes } from './_typings';
|
|
2
|
+
import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
|
|
3
|
+
import UiButton from "./ui-button.vue";
|
|
4
|
+
export { UiButton };
|
|
5
|
+
export { EButtonSizes, EButtonTypes } from "./_typings";
|
|
6
|
+
/**
|
|
7
|
+
* @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
|
|
8
|
+
*/
|
|
9
|
+
declare const deprecatedDefault: {
|
|
10
|
+
new (...args: any[]): {
|
|
11
|
+
$: ComponentInternalInstance;
|
|
12
|
+
$data: {};
|
|
13
|
+
$props: Partial<{
|
|
14
|
+
size: EButtonSizes;
|
|
15
|
+
kind: EButtonTypes;
|
|
16
|
+
fullWidth: boolean;
|
|
17
|
+
disabled: boolean;
|
|
18
|
+
}> & Omit<{
|
|
19
|
+
readonly size: EButtonSizes;
|
|
20
|
+
readonly kind: EButtonTypes;
|
|
21
|
+
readonly fullWidth: boolean;
|
|
22
|
+
readonly disabled: boolean;
|
|
23
|
+
} & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
|
|
24
|
+
size: {
|
|
25
|
+
type: PropType<EButtonSizes>;
|
|
26
|
+
default: EButtonSizes;
|
|
27
|
+
};
|
|
28
|
+
kind: {
|
|
29
|
+
type: PropType<EButtonTypes>;
|
|
30
|
+
default: EButtonTypes;
|
|
31
|
+
};
|
|
32
|
+
fullWidth: {
|
|
33
|
+
type: PropType<boolean>;
|
|
34
|
+
default: boolean;
|
|
35
|
+
};
|
|
36
|
+
disabled: {
|
|
37
|
+
type: PropType<boolean>;
|
|
38
|
+
default: boolean;
|
|
39
|
+
};
|
|
40
|
+
}>>, "size" | "kind" | "fullWidth" | "disabled">;
|
|
41
|
+
$attrs: {
|
|
42
|
+
[x: string]: unknown;
|
|
43
|
+
};
|
|
44
|
+
$refs: {
|
|
45
|
+
[x: string]: unknown;
|
|
46
|
+
};
|
|
47
|
+
$slots: Readonly<{
|
|
48
|
+
[name: string]: Slot<any> | undefined;
|
|
49
|
+
}>;
|
|
50
|
+
$root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
51
|
+
$parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
52
|
+
$emit: (event: string, ...args: any[]) => void;
|
|
53
|
+
$el: any;
|
|
54
|
+
$options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
|
|
55
|
+
size: {
|
|
56
|
+
type: PropType<EButtonSizes>;
|
|
57
|
+
default: EButtonSizes;
|
|
58
|
+
};
|
|
59
|
+
kind: {
|
|
60
|
+
type: PropType<EButtonTypes>;
|
|
61
|
+
default: EButtonTypes;
|
|
62
|
+
};
|
|
63
|
+
fullWidth: {
|
|
64
|
+
type: PropType<boolean>;
|
|
65
|
+
default: boolean;
|
|
66
|
+
};
|
|
67
|
+
disabled: {
|
|
68
|
+
type: PropType<boolean>;
|
|
69
|
+
default: boolean;
|
|
70
|
+
};
|
|
71
|
+
}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
|
|
72
|
+
size: EButtonSizes;
|
|
73
|
+
kind: EButtonTypes;
|
|
74
|
+
fullWidth: boolean;
|
|
75
|
+
disabled: boolean;
|
|
76
|
+
}, {}, string, {}> & {
|
|
77
|
+
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
78
|
+
created?: ((() => void) | (() => void)[]) | undefined;
|
|
79
|
+
beforeMount?: ((() => void) | (() => void)[]) | undefined;
|
|
80
|
+
mounted?: ((() => void) | (() => void)[]) | undefined;
|
|
81
|
+
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
|
|
82
|
+
updated?: ((() => void) | (() => void)[]) | undefined;
|
|
83
|
+
activated?: ((() => void) | (() => void)[]) | undefined;
|
|
84
|
+
deactivated?: ((() => void) | (() => void)[]) | undefined;
|
|
85
|
+
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
|
|
86
|
+
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
|
|
87
|
+
destroyed?: ((() => void) | (() => void)[]) | undefined;
|
|
88
|
+
unmounted?: ((() => void) | (() => void)[]) | undefined;
|
|
89
|
+
renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
|
|
90
|
+
renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
|
|
91
|
+
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;
|
|
92
|
+
};
|
|
93
|
+
$forceUpdate: () => void;
|
|
94
|
+
$nextTick: typeof nextTick;
|
|
95
|
+
$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;
|
|
96
|
+
} & Readonly<ExtractPropTypes<{
|
|
97
|
+
size: {
|
|
98
|
+
type: PropType<EButtonSizes>;
|
|
99
|
+
default: EButtonSizes;
|
|
100
|
+
};
|
|
101
|
+
kind: {
|
|
102
|
+
type: PropType<EButtonTypes>;
|
|
103
|
+
default: EButtonTypes;
|
|
104
|
+
};
|
|
105
|
+
fullWidth: {
|
|
106
|
+
type: PropType<boolean>;
|
|
107
|
+
default: boolean;
|
|
108
|
+
};
|
|
109
|
+
disabled: {
|
|
110
|
+
type: PropType<boolean>;
|
|
111
|
+
default: boolean;
|
|
112
|
+
};
|
|
113
|
+
}>> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
|
|
114
|
+
__isFragment?: undefined;
|
|
115
|
+
__isTeleport?: undefined;
|
|
116
|
+
__isSuspense?: undefined;
|
|
117
|
+
} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
|
|
118
|
+
size: {
|
|
119
|
+
type: PropType<EButtonSizes>;
|
|
120
|
+
default: EButtonSizes;
|
|
121
|
+
};
|
|
122
|
+
kind: {
|
|
123
|
+
type: PropType<EButtonTypes>;
|
|
124
|
+
default: EButtonTypes;
|
|
125
|
+
};
|
|
126
|
+
fullWidth: {
|
|
127
|
+
type: PropType<boolean>;
|
|
128
|
+
default: boolean;
|
|
129
|
+
};
|
|
130
|
+
disabled: {
|
|
131
|
+
type: PropType<boolean>;
|
|
132
|
+
default: boolean;
|
|
133
|
+
};
|
|
134
|
+
}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {
|
|
135
|
+
size: EButtonSizes;
|
|
136
|
+
kind: EButtonTypes;
|
|
137
|
+
fullWidth: boolean;
|
|
138
|
+
disabled: boolean;
|
|
139
|
+
}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
140
|
+
$slots: {
|
|
141
|
+
prefix?(_: {}): any;
|
|
142
|
+
default?(_: {}): any;
|
|
143
|
+
postfix?(_: {}): any;
|
|
144
|
+
};
|
|
145
|
+
});
|
|
146
|
+
export default deprecatedDefault;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/ui-button/index.ts"],"sourcesContent":["import UiButton from \"./ui-button.vue\";\n\nexport { UiButton };\nexport { EButtonSizes, EButtonTypes } from \"./_typings\";\n\n/**\n * @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n */\nconst deprecatedDefault = UiButton;\nexport default deprecatedDefault;\n"],"names":["deprecatedDefault","UiButton"],"mappings":";;AAQA,MAAMA,IAAoBC;"}
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
|
|
2
|
+
import { EButtonSizes, EButtonTypes } from "./_typings";
|
|
3
|
+
type TProps = {
|
|
4
|
+
kind?: EButtonTypes;
|
|
5
|
+
size?: EButtonSizes;
|
|
6
|
+
fullWidth?: boolean;
|
|
7
|
+
disabled?: boolean;
|
|
8
|
+
};
|
|
9
|
+
declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TProps>, {
|
|
10
|
+
kind: EButtonTypes;
|
|
11
|
+
size: EButtonSizes;
|
|
12
|
+
fullWidth: boolean;
|
|
13
|
+
disabled: boolean;
|
|
14
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<TProps>, {
|
|
15
|
+
kind: EButtonTypes;
|
|
16
|
+
size: EButtonSizes;
|
|
17
|
+
fullWidth: boolean;
|
|
18
|
+
disabled: boolean;
|
|
19
|
+
}>>>, {
|
|
20
|
+
size: EButtonSizes;
|
|
21
|
+
kind: EButtonTypes;
|
|
22
|
+
fullWidth: boolean;
|
|
23
|
+
disabled: boolean;
|
|
24
|
+
}, {}>, {
|
|
25
|
+
prefix?(_: {}): any;
|
|
26
|
+
default?(_: {}): any;
|
|
27
|
+
postfix?(_: {}): any;
|
|
28
|
+
}>;
|
|
29
|
+
export default _default;
|
|
30
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
31
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
32
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
33
|
+
type: PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
34
|
+
} : {
|
|
35
|
+
type: PropType<T[K]>;
|
|
36
|
+
required: true;
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
type __VLS_WithDefaults<P, D> = {
|
|
40
|
+
[K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
|
|
41
|
+
default: D[K];
|
|
42
|
+
}> : P[K];
|
|
43
|
+
};
|
|
44
|
+
type __VLS_Prettify<T> = {
|
|
45
|
+
[K in keyof T]: T[K];
|
|
46
|
+
} & {};
|
|
47
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
48
|
+
new (): {
|
|
49
|
+
$slots: S;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
@@ -0,0 +1,51 @@
|
|
|
1
|
+
import { defineComponent as o, openBlock as n, createElementBlock as d, normalizeClass as s, unref as r, renderSlot as i } from "vue";
|
|
2
|
+
import { EButtonTypes as t, EButtonSizes as a } from "./_typings.js";
|
|
3
|
+
const b = ["disabled"], l = "text-white bg-primary disabled:bg-primary-300", p = "hover:bg-primary-600 ", g = "active:bg-primary-700 ", y = /* @__PURE__ */ o({
|
|
4
|
+
__name: "ui-button",
|
|
5
|
+
props: {
|
|
6
|
+
kind: { default: t.PRIMARY },
|
|
7
|
+
size: { default: a.DEFAULT },
|
|
8
|
+
fullWidth: { type: Boolean, default: !1 },
|
|
9
|
+
disabled: { type: Boolean, default: !1 }
|
|
10
|
+
},
|
|
11
|
+
setup(v) {
|
|
12
|
+
return (e, h) => (n(), d("button", {
|
|
13
|
+
class: s(["ui-button text-base grid touch-manipulation grid-flow-col items-center justify-center whitespace-nowrap rounded-lg font-bold leading-none", [
|
|
14
|
+
(!e.kind || e.kind === r(t).PRIMARY) && [l, p, g].join(" "),
|
|
15
|
+
e.kind === r(t).SECONDARY && "bg-secondary text-white hover:bg-secondary-600 active:bg-secondary-700 disabled:bg-secondary-300",
|
|
16
|
+
e.kind === r(t).WARNING && "bg-warning text-white hover:bg-warning-600 active:bg-warning-700 disabled:bg-warning-300",
|
|
17
|
+
e.kind === r(t).ERROR && "bg-error text-white hover:bg-error-600 active:bg-error-700 disabled:bg-error-300",
|
|
18
|
+
e.kind === r(t).PRIMARY_OVERLAY && `border border-primary text-primary hover:border-transparent hover:bg-primary-600
|
|
19
|
+
hover:text-white active:border-transparent active:bg-primary-700
|
|
20
|
+
active:text-white disabled:border-primary-300 disabled:text-primary-300`,
|
|
21
|
+
e.kind === r(t).SECONDARY_OVERLAY && `border border-secondary text-secondary hover:border-transparent hover:bg-secondary-600
|
|
22
|
+
hover:text-white active:border-transparent active:bg-secondary-700
|
|
23
|
+
active:text-white disabled:border-secondary-300 disabled:text-secondary-300`,
|
|
24
|
+
e.kind === r(t).WARNING_OVERLAY && `border border-warning text-warning hover:border-transparent hover:bg-warning-600
|
|
25
|
+
hover:text-white active:border-transparent active:bg-warning-700
|
|
26
|
+
active:text-white disabled:border-warning-300 disabled:text-warning-300`,
|
|
27
|
+
e.kind === r(t).ERROR_OVERLAY && `border border-error text-error hover:border-transparent hover:bg-error-600
|
|
28
|
+
hover:text-white active:border-transparent active:bg-error-700
|
|
29
|
+
active:text-white disabled:border-error-300 disabled:text-error-300`,
|
|
30
|
+
e.kind === r(t).LINK && `hover:text-accent-alt-600 active:text-accent-alt-700
|
|
31
|
+
disabled:text-accent-alt-300 text-accent-alt`,
|
|
32
|
+
(!e.size || e.size === r(a).DEFAULT) && "px-md py-sm",
|
|
33
|
+
e.size === r(a).SMALL && "px-md py-xs",
|
|
34
|
+
e.size === r(a).MEDIUM && "p-sm",
|
|
35
|
+
e.size === r(a).LARGE && "p-md",
|
|
36
|
+
(e.$slots.default || e.$slots.postfix) && "gap-sm",
|
|
37
|
+
e.fullWidth && "w-full",
|
|
38
|
+
e.disabled && "pointer-events-none"
|
|
39
|
+
]]),
|
|
40
|
+
disabled: e.disabled
|
|
41
|
+
}, [
|
|
42
|
+
i(e.$slots, "prefix"),
|
|
43
|
+
i(e.$slots, "default"),
|
|
44
|
+
i(e.$slots, "postfix")
|
|
45
|
+
], 10, b));
|
|
46
|
+
}
|
|
47
|
+
});
|
|
48
|
+
export {
|
|
49
|
+
y as default
|
|
50
|
+
};
|
|
51
|
+
//# sourceMappingURL=ui-button.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui-button.vue.js","sources":["../../../src/components/ui-button/ui-button.vue"],"sourcesContent":["<template>\n\t<button\n\t\tclass=\"ui-button\n\t\t\ttext-base\n\t\t\tgrid\n\t\t\ttouch-manipulation\n\t\t\tgrid-flow-col\n\t\t\titems-center\n\t\t\tjustify-center\n\t\t\twhitespace-nowrap\n\t\t\trounded-lg\n\t\t\tfont-bold\n\t\t\tleading-none\n\t\t\t\"\n\t\t:disabled=\"disabled\"\n\t\t:class=\"[\n\t\t\t(!kind || kind === EButtonTypes.PRIMARY) && [primaryColor, primaryColorHover, primaryColorActive].join(' '),\n\t\t\tkind === EButtonTypes.SECONDARY\n\t\t\t\t&& 'bg-secondary text-white hover:bg-secondary-600 active:bg-secondary-700 disabled:bg-secondary-300',\n\t\t\tkind === EButtonTypes.WARNING\n\t\t\t\t&& 'bg-warning text-white hover:bg-warning-600 active:bg-warning-700 disabled:bg-warning-300',\n\t\t\tkind === EButtonTypes.ERROR\n\t\t\t\t&& 'bg-error text-white hover:bg-error-600 active:bg-error-700 disabled:bg-error-300',\n\t\t\tkind === EButtonTypes.PRIMARY_OVERLAY\n\t\t\t\t&& `border border-primary text-primary hover:border-transparent hover:bg-primary-600\n\t\t\t\t\thover:text-white active:border-transparent active:bg-primary-700\n\t\t\t\t\tactive:text-white disabled:border-primary-300 disabled:text-primary-300`,\n\t\t\tkind === EButtonTypes.SECONDARY_OVERLAY\n\t\t\t\t&& `border border-secondary text-secondary hover:border-transparent hover:bg-secondary-600\n\t\t\t\t\thover:text-white active:border-transparent active:bg-secondary-700\n\t\t\t\t\tactive:text-white disabled:border-secondary-300 disabled:text-secondary-300`,\n\t\t\tkind === EButtonTypes.WARNING_OVERLAY\n\t\t\t\t&& `border border-warning text-warning hover:border-transparent hover:bg-warning-600\n\t\t\t\t\thover:text-white active:border-transparent active:bg-warning-700\n\t\t\t\t\tactive:text-white disabled:border-warning-300 disabled:text-warning-300`,\n\t\t\tkind === EButtonTypes.ERROR_OVERLAY\n\t\t\t\t&& `border border-error text-error hover:border-transparent hover:bg-error-600\n\t\t\t\t\thover:text-white active:border-transparent active:bg-error-700\n\t\t\t\t\tactive:text-white disabled:border-error-300 disabled:text-error-300`,\n\t\t\tkind === EButtonTypes.LINK && `hover:text-accent-alt-600 active:text-accent-alt-700\n\t\t\t\tdisabled:text-accent-alt-300 text-accent-alt`,\n\t\t\t(!size || size === EButtonSizes.DEFAULT) && 'px-md py-sm',\n\t\t\tsize === EButtonSizes.SMALL && 'px-md py-xs',\n\t\t\tsize === EButtonSizes.MEDIUM && 'p-sm',\n\t\t\tsize === EButtonSizes.LARGE && 'p-md',\n\t\t\t($slots.default || $slots.postfix) && 'gap-sm',\n\t\t\tfullWidth && 'w-full',\n\t\t\tdisabled && 'pointer-events-none',\n\t\t]\"\n\t>\n\t\t<slot name=\"prefix\" />\n\n\t\t<slot />\n\n\t\t<slot name=\"postfix\" />\n\t</button>\n</template>\n\n<script lang=\"ts\" setup>\n\timport { EButtonSizes, EButtonTypes } from \"./_typings\";\n\n\ttype TProps = {\n\t\tkind?: EButtonTypes;\n\t\tsize?: EButtonSizes;\n\t\tfullWidth?: boolean;\n\t\tdisabled?: boolean;\n\t}\n\n\tconst primaryColor = \"text-white bg-primary disabled:bg-primary-300\";\n\tconst primaryColorHover = \"hover:bg-primary-600 \";\n\tconst primaryColorActive = \"active:bg-primary-700 \";\n\n\twithDefaults( defineProps<TProps>(), {\n\t\tkind: EButtonTypes.PRIMARY,\n\t\tsize: EButtonSizes.DEFAULT,\n\t\tfullWidth: false,\n\t\tdisabled: false,\n\t});\n</script>\n"],"names":["primaryColor","primaryColorHover","primaryColorActive"],"mappings":";;wBAoEOA,IAAe,iDACfC,IAAoB,yBACpBC,IAAqB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui-button.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
import { TIconName } from '../ui-icon';
|
|
2
|
+
import { ComponentInternalInstance, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType, Slot, ComponentPublicInstance, ComponentOptionsBase, ComponentOptionsMixin, DebuggerEvent, nextTick, WatchOptions, WatchStopHandle, ShallowUnwrapRef, ComponentCustomProperties } from 'vue';
|
|
3
|
+
import UiCardCta from "./ui-card-cta.vue";
|
|
4
|
+
export { UiCardCta };
|
|
5
|
+
/**
|
|
6
|
+
* @deprecated The default should not be used - use named import as - import {[name]} from "ui/[name]"
|
|
7
|
+
*/
|
|
8
|
+
declare const deprecatedDefault: {
|
|
9
|
+
new (...args: any[]): {
|
|
10
|
+
$: ComponentInternalInstance;
|
|
11
|
+
$data: {};
|
|
12
|
+
$props: Partial<{}> & Omit<{
|
|
13
|
+
readonly title?: string | undefined;
|
|
14
|
+
readonly iconName?: TIconName | undefined;
|
|
15
|
+
readonly disabled?: boolean | undefined;
|
|
16
|
+
readonly invertOrder?: boolean | undefined;
|
|
17
|
+
readonly description?: string | undefined;
|
|
18
|
+
} & VNodeProps & AllowedComponentProps & ComponentCustomProps & Readonly<ExtractPropTypes<{
|
|
19
|
+
invertOrder: {
|
|
20
|
+
type: PropType<boolean>;
|
|
21
|
+
};
|
|
22
|
+
disabled: {
|
|
23
|
+
type: PropType<boolean>;
|
|
24
|
+
};
|
|
25
|
+
iconName: {
|
|
26
|
+
type: PropType<TIconName>;
|
|
27
|
+
};
|
|
28
|
+
title: {
|
|
29
|
+
type: PropType<string>;
|
|
30
|
+
};
|
|
31
|
+
description: {
|
|
32
|
+
type: PropType<string>;
|
|
33
|
+
};
|
|
34
|
+
}>>, never>;
|
|
35
|
+
$attrs: {
|
|
36
|
+
[x: string]: unknown;
|
|
37
|
+
};
|
|
38
|
+
$refs: {
|
|
39
|
+
[x: string]: unknown;
|
|
40
|
+
};
|
|
41
|
+
$slots: Readonly<{
|
|
42
|
+
[name: string]: Slot<any> | undefined;
|
|
43
|
+
}>;
|
|
44
|
+
$root: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
45
|
+
$parent: ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string, {}>, {}, {}> | null;
|
|
46
|
+
$emit: (event: string, ...args: any[]) => void;
|
|
47
|
+
$el: any;
|
|
48
|
+
$options: ComponentOptionsBase<Readonly<ExtractPropTypes<{
|
|
49
|
+
invertOrder: {
|
|
50
|
+
type: PropType<boolean>;
|
|
51
|
+
};
|
|
52
|
+
disabled: {
|
|
53
|
+
type: PropType<boolean>;
|
|
54
|
+
};
|
|
55
|
+
iconName: {
|
|
56
|
+
type: PropType<TIconName>;
|
|
57
|
+
};
|
|
58
|
+
title: {
|
|
59
|
+
type: PropType<string>;
|
|
60
|
+
};
|
|
61
|
+
description: {
|
|
62
|
+
type: PropType<string>;
|
|
63
|
+
};
|
|
64
|
+
}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & {
|
|
65
|
+
beforeCreate?: ((() => void) | (() => void)[]) | undefined;
|
|
66
|
+
created?: ((() => void) | (() => void)[]) | undefined;
|
|
67
|
+
beforeMount?: ((() => void) | (() => void)[]) | undefined;
|
|
68
|
+
mounted?: ((() => void) | (() => void)[]) | undefined;
|
|
69
|
+
beforeUpdate?: ((() => void) | (() => void)[]) | undefined;
|
|
70
|
+
updated?: ((() => void) | (() => void)[]) | undefined;
|
|
71
|
+
activated?: ((() => void) | (() => void)[]) | undefined;
|
|
72
|
+
deactivated?: ((() => void) | (() => void)[]) | undefined;
|
|
73
|
+
beforeDestroy?: ((() => void) | (() => void)[]) | undefined;
|
|
74
|
+
beforeUnmount?: ((() => void) | (() => void)[]) | undefined;
|
|
75
|
+
destroyed?: ((() => void) | (() => void)[]) | undefined;
|
|
76
|
+
unmounted?: ((() => void) | (() => void)[]) | undefined;
|
|
77
|
+
renderTracked?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
|
|
78
|
+
renderTriggered?: (((e: DebuggerEvent) => void) | ((e: DebuggerEvent) => void)[]) | undefined;
|
|
79
|
+
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;
|
|
80
|
+
};
|
|
81
|
+
$forceUpdate: () => void;
|
|
82
|
+
$nextTick: typeof nextTick;
|
|
83
|
+
$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;
|
|
84
|
+
} & Readonly<ExtractPropTypes<{
|
|
85
|
+
invertOrder: {
|
|
86
|
+
type: PropType<boolean>;
|
|
87
|
+
};
|
|
88
|
+
disabled: {
|
|
89
|
+
type: PropType<boolean>;
|
|
90
|
+
};
|
|
91
|
+
iconName: {
|
|
92
|
+
type: PropType<TIconName>;
|
|
93
|
+
};
|
|
94
|
+
title: {
|
|
95
|
+
type: PropType<string>;
|
|
96
|
+
};
|
|
97
|
+
description: {
|
|
98
|
+
type: PropType<string>;
|
|
99
|
+
};
|
|
100
|
+
}>> & ShallowUnwrapRef<{}> & {} & ComponentCustomProperties & {};
|
|
101
|
+
__isFragment?: undefined;
|
|
102
|
+
__isTeleport?: undefined;
|
|
103
|
+
__isSuspense?: undefined;
|
|
104
|
+
} & ComponentOptionsBase<Readonly<ExtractPropTypes<{
|
|
105
|
+
invertOrder: {
|
|
106
|
+
type: PropType<boolean>;
|
|
107
|
+
};
|
|
108
|
+
disabled: {
|
|
109
|
+
type: PropType<boolean>;
|
|
110
|
+
};
|
|
111
|
+
iconName: {
|
|
112
|
+
type: PropType<TIconName>;
|
|
113
|
+
};
|
|
114
|
+
title: {
|
|
115
|
+
type: PropType<string>;
|
|
116
|
+
};
|
|
117
|
+
description: {
|
|
118
|
+
type: PropType<string>;
|
|
119
|
+
};
|
|
120
|
+
}>>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, {}, {}, string, {}> & VNodeProps & AllowedComponentProps & ComponentCustomProps & (new () => {
|
|
121
|
+
$slots: {
|
|
122
|
+
iconSlot?(_: {}): any;
|
|
123
|
+
titleSlot?(_: {}): any;
|
|
124
|
+
descriptionSlot?(_: {}): any;
|
|
125
|
+
};
|
|
126
|
+
});
|
|
127
|
+
export default deprecatedDefault;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":["../../../src/components/ui-card-cta/index.ts"],"sourcesContent":["import UiCardCta from \"./ui-card-cta.vue\";\n\nexport { UiCardCta };\n/**\n * @deprecated The default should not be used - use named import as - import {[name]} from \"ui/[name]\"\n */\nconst deprecatedDefault = UiCardCta;\nexport default deprecatedDefault;\n"],"names":["deprecatedDefault","UiCardCta"],"mappings":";AAMA,MAAMA,IAAoBC;"}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
import { DefineComponent, ComponentOptionsMixin, VNodeProps, AllowedComponentProps, ComponentCustomProps, ExtractPropTypes, PropType } from 'vue';
|
|
2
|
+
import type { TIconName } from "../ui-icon";
|
|
3
|
+
declare const _default: __VLS_WithTemplateSlots<DefineComponent<__VLS_TypePropsToRuntimeProps<{
|
|
4
|
+
invertOrder?: boolean | undefined;
|
|
5
|
+
disabled?: boolean | undefined;
|
|
6
|
+
iconName?: TIconName | undefined;
|
|
7
|
+
title?: string | undefined;
|
|
8
|
+
description?: string | undefined;
|
|
9
|
+
}>, {}, unknown, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, VNodeProps & AllowedComponentProps & ComponentCustomProps, Readonly<ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
|
|
10
|
+
invertOrder?: boolean | undefined;
|
|
11
|
+
disabled?: boolean | undefined;
|
|
12
|
+
iconName?: TIconName | undefined;
|
|
13
|
+
title?: string | undefined;
|
|
14
|
+
description?: string | undefined;
|
|
15
|
+
}>>>, {}, {}>, {
|
|
16
|
+
iconSlot?(_: {}): any;
|
|
17
|
+
titleSlot?(_: {}): any;
|
|
18
|
+
descriptionSlot?(_: {}): any;
|
|
19
|
+
}>;
|
|
20
|
+
export default _default;
|
|
21
|
+
type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
|
|
22
|
+
type __VLS_TypePropsToRuntimeProps<T> = {
|
|
23
|
+
[K in keyof T]-?: {} extends Pick<T, K> ? {
|
|
24
|
+
type: PropType<__VLS_NonUndefinedable<T[K]>>;
|
|
25
|
+
} : {
|
|
26
|
+
type: PropType<T[K]>;
|
|
27
|
+
required: true;
|
|
28
|
+
};
|
|
29
|
+
};
|
|
30
|
+
type __VLS_WithTemplateSlots<T, S> = T & {
|
|
31
|
+
new (): {
|
|
32
|
+
$slots: S;
|
|
33
|
+
};
|
|
34
|
+
};
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { defineComponent as m, openBlock as a, createElementBlock as u, createElementVNode as d, normalizeClass as s, renderSlot as o, createVNode as t, unref as r, withCtx as i, createBlock as f, createCommentVNode as b, createTextVNode as l, toDisplayString as n } from "vue";
|
|
2
|
+
import c from "../ui-typography/index.js";
|
|
3
|
+
import g from "../ui-icon/index.js";
|
|
4
|
+
import y from "../ui-icon-wrapper/index.js";
|
|
5
|
+
import { EColors as p } from "../../_types/colors.js";
|
|
6
|
+
import { ESize as h } from "../../_types/sizing.js";
|
|
7
|
+
import { ETypographySizes as S } from "../ui-typography/_typings.js";
|
|
8
|
+
const N = ["disabled"], $ = /* @__PURE__ */ m({
|
|
9
|
+
__name: "ui-card-cta",
|
|
10
|
+
props: {
|
|
11
|
+
invertOrder: { type: Boolean },
|
|
12
|
+
disabled: { type: Boolean },
|
|
13
|
+
iconName: {},
|
|
14
|
+
title: {},
|
|
15
|
+
description: {}
|
|
16
|
+
},
|
|
17
|
+
setup(k) {
|
|
18
|
+
return (e, v) => (a(), u("button", {
|
|
19
|
+
class: "ui-card-cta group w-full rounded-2xl border border-secondary-alt-500 bg-white p-sm text-left shadow-md outline-0 hover:border-secondary-700 focus:shadow-border-primary active:bg-secondary-alt-200 disabled:pointer-events-none disabled:bg-secondary-alt-200",
|
|
20
|
+
disabled: e.disabled
|
|
21
|
+
}, [
|
|
22
|
+
d("span", {
|
|
23
|
+
class: s(["group-disabled:opcity-50 grid w-full items-center gap-sm", {
|
|
24
|
+
"grid-cols-[auto,1fr]": !e.invertOrder,
|
|
25
|
+
"grid-cols-[1fr,auto]": e.invertOrder
|
|
26
|
+
}])
|
|
27
|
+
}, [
|
|
28
|
+
o(e.$slots, "iconSlot", {}, () => [
|
|
29
|
+
t(r(y), null, {
|
|
30
|
+
default: i(() => [
|
|
31
|
+
e.iconName ? (a(), f(r(g), {
|
|
32
|
+
key: 0,
|
|
33
|
+
"icon-name": e.iconName,
|
|
34
|
+
size: r(h).SM,
|
|
35
|
+
class: "text-secondary-400"
|
|
36
|
+
}, null, 8, ["icon-name", "size"])) : b("", !0)
|
|
37
|
+
]),
|
|
38
|
+
_: 1
|
|
39
|
+
})
|
|
40
|
+
]),
|
|
41
|
+
d("span", {
|
|
42
|
+
class: s(["w-full", e.invertOrder && "order-first"])
|
|
43
|
+
}, [
|
|
44
|
+
o(e.$slots, "titleSlot", {}, () => [
|
|
45
|
+
t(r(c), {
|
|
46
|
+
kind: r(p).SECONDARY_400,
|
|
47
|
+
class: "mb-xxs",
|
|
48
|
+
"line-height": ""
|
|
49
|
+
}, {
|
|
50
|
+
default: i(() => [
|
|
51
|
+
l(n(e.title), 1)
|
|
52
|
+
]),
|
|
53
|
+
_: 1
|
|
54
|
+
}, 8, ["kind"])
|
|
55
|
+
]),
|
|
56
|
+
o(e.$slots, "descriptionSlot", {}, () => [
|
|
57
|
+
t(r(c), {
|
|
58
|
+
kind: r(p).SECONDARY_300,
|
|
59
|
+
size: r(S).SM,
|
|
60
|
+
"line-height": ""
|
|
61
|
+
}, {
|
|
62
|
+
default: i(() => [
|
|
63
|
+
l(n(e.description), 1)
|
|
64
|
+
]),
|
|
65
|
+
_: 1
|
|
66
|
+
}, 8, ["kind", "size"])
|
|
67
|
+
])
|
|
68
|
+
], 2)
|
|
69
|
+
], 2)
|
|
70
|
+
], 8, N));
|
|
71
|
+
}
|
|
72
|
+
});
|
|
73
|
+
export {
|
|
74
|
+
$ as default
|
|
75
|
+
};
|
|
76
|
+
//# sourceMappingURL=ui-card-cta.vue.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui-card-cta.vue.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ui-card-cta.vue2.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|