@bigbot-community/bigbot-ui 1.0.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/braip-ui.cjs +2 -0
- package/dist/braip-ui.cjs.map +1 -0
- package/dist/braip-ui.js +2502 -0
- package/dist/braip-ui.js.map +1 -0
- package/dist/style.css +1 -0
- package/dist/types/components/atoms/BrAvatar/BrAvatar.vue.d.ts +9 -0
- package/dist/types/components/atoms/BrAvatar/BrAvatar.vue.d.ts.map +1 -0
- package/dist/types/components/atoms/BrAvatar/index.d.ts +3 -0
- package/dist/types/components/atoms/BrAvatar/index.d.ts.map +1 -0
- package/dist/types/components/atoms/BrAvatar/types.d.ts +37 -0
- package/dist/types/components/atoms/BrAvatar/types.d.ts.map +1 -0
- package/dist/types/components/atoms/BrBadge/BrBadge.test.d.ts +2 -0
- package/dist/types/components/atoms/BrBadge/BrBadge.test.d.ts.map +1 -0
- package/dist/types/components/atoms/BrBadge/BrBadge.vue.d.ts +18 -0
- package/dist/types/components/atoms/BrBadge/BrBadge.vue.d.ts.map +1 -0
- package/dist/types/components/atoms/BrBadge/index.d.ts +3 -0
- package/dist/types/components/atoms/BrBadge/index.d.ts.map +1 -0
- package/dist/types/components/atoms/BrBadge/types.d.ts +20 -0
- package/dist/types/components/atoms/BrBadge/types.d.ts.map +1 -0
- package/dist/types/components/atoms/BrButton/BrButton.test.d.ts +2 -0
- package/dist/types/components/atoms/BrButton/BrButton.test.d.ts.map +1 -0
- package/dist/types/components/atoms/BrButton/BrButton.vue.d.ts +25 -0
- package/dist/types/components/atoms/BrButton/BrButton.vue.d.ts.map +1 -0
- package/dist/types/components/atoms/BrButton/index.d.ts +3 -0
- package/dist/types/components/atoms/BrButton/index.d.ts.map +1 -0
- package/dist/types/components/atoms/BrButton/types.d.ts +35 -0
- package/dist/types/components/atoms/BrButton/types.d.ts.map +1 -0
- package/dist/types/components/atoms/BrCheckbox/BrCheckbox.test.d.ts +2 -0
- package/dist/types/components/atoms/BrCheckbox/BrCheckbox.test.d.ts.map +1 -0
- package/dist/types/components/atoms/BrCheckbox/BrCheckbox.vue.d.ts +29 -0
- package/dist/types/components/atoms/BrCheckbox/BrCheckbox.vue.d.ts.map +1 -0
- package/dist/types/components/atoms/BrCheckbox/BrCheckboxGroup.vue.d.ts +17 -0
- package/dist/types/components/atoms/BrCheckbox/BrCheckboxGroup.vue.d.ts.map +1 -0
- package/dist/types/components/atoms/BrCheckbox/index.d.ts +4 -0
- package/dist/types/components/atoms/BrCheckbox/index.d.ts.map +1 -0
- package/dist/types/components/atoms/BrCheckbox/types.d.ts +86 -0
- package/dist/types/components/atoms/BrCheckbox/types.d.ts.map +1 -0
- package/dist/types/components/atoms/BrImage/BrImage.vue.d.ts +9 -0
- package/dist/types/components/atoms/BrImage/BrImage.vue.d.ts.map +1 -0
- package/dist/types/components/atoms/BrImage/index.d.ts +3 -0
- package/dist/types/components/atoms/BrImage/index.d.ts.map +1 -0
- package/dist/types/components/atoms/BrImage/types.d.ts +43 -0
- package/dist/types/components/atoms/BrImage/types.d.ts.map +1 -0
- package/dist/types/components/atoms/BrInput/BrInput.test.d.ts +2 -0
- package/dist/types/components/atoms/BrInput/BrInput.test.d.ts.map +1 -0
- package/dist/types/components/atoms/BrInput/BrInput.vue.d.ts +35 -0
- package/dist/types/components/atoms/BrInput/BrInput.vue.d.ts.map +1 -0
- package/dist/types/components/atoms/BrInput/index.d.ts +3 -0
- package/dist/types/components/atoms/BrInput/index.d.ts.map +1 -0
- package/dist/types/components/atoms/BrInput/types.d.ts +55 -0
- package/dist/types/components/atoms/BrInput/types.d.ts.map +1 -0
- package/dist/types/components/atoms/BrProgressbar/BrProgressbar.vue.d.ts +15 -0
- package/dist/types/components/atoms/BrProgressbar/BrProgressbar.vue.d.ts.map +1 -0
- package/dist/types/components/atoms/BrProgressbar/index.d.ts +3 -0
- package/dist/types/components/atoms/BrProgressbar/index.d.ts.map +1 -0
- package/dist/types/components/atoms/BrProgressbar/types.d.ts +55 -0
- package/dist/types/components/atoms/BrProgressbar/types.d.ts.map +1 -0
- package/dist/types/components/atoms/BrRadio/BrRadio.vue.d.ts +26 -0
- package/dist/types/components/atoms/BrRadio/BrRadio.vue.d.ts.map +1 -0
- package/dist/types/components/atoms/BrRadio/BrRadioGroup.vue.d.ts +17 -0
- package/dist/types/components/atoms/BrRadio/BrRadioGroup.vue.d.ts.map +1 -0
- package/dist/types/components/atoms/BrRadio/index.d.ts +4 -0
- package/dist/types/components/atoms/BrRadio/index.d.ts.map +1 -0
- package/dist/types/components/atoms/BrRadio/types.d.ts +77 -0
- package/dist/types/components/atoms/BrRadio/types.d.ts.map +1 -0
- package/dist/types/components/atoms/BrRating/BrRating.vue.d.ts +21 -0
- package/dist/types/components/atoms/BrRating/BrRating.vue.d.ts.map +1 -0
- package/dist/types/components/atoms/BrRating/index.d.ts +3 -0
- package/dist/types/components/atoms/BrRating/index.d.ts.map +1 -0
- package/dist/types/components/atoms/BrRating/types.d.ts +51 -0
- package/dist/types/components/atoms/BrRating/types.d.ts.map +1 -0
- package/dist/types/components/atoms/BrSelect/BrSelect.vue.d.ts +27 -0
- package/dist/types/components/atoms/BrSelect/BrSelect.vue.d.ts.map +1 -0
- package/dist/types/components/atoms/BrSelect/index.d.ts +3 -0
- package/dist/types/components/atoms/BrSelect/index.d.ts.map +1 -0
- package/dist/types/components/atoms/BrSelect/types.d.ts +52 -0
- package/dist/types/components/atoms/BrSelect/types.d.ts.map +1 -0
- package/dist/types/components/atoms/BrSpinner/BrSpinner.vue.d.ts +8 -0
- package/dist/types/components/atoms/BrSpinner/BrSpinner.vue.d.ts.map +1 -0
- package/dist/types/components/atoms/BrSpinner/index.d.ts +3 -0
- package/dist/types/components/atoms/BrSpinner/index.d.ts.map +1 -0
- package/dist/types/components/atoms/BrSpinner/types.d.ts +20 -0
- package/dist/types/components/atoms/BrSpinner/types.d.ts.map +1 -0
- package/dist/types/components/atoms/BrSwitch/BrSwitch.test.d.ts +2 -0
- package/dist/types/components/atoms/BrSwitch/BrSwitch.test.d.ts.map +1 -0
- package/dist/types/components/atoms/BrSwitch/BrSwitch.vue.d.ts +15 -0
- package/dist/types/components/atoms/BrSwitch/BrSwitch.vue.d.ts.map +1 -0
- package/dist/types/components/atoms/BrSwitch/index.d.ts +3 -0
- package/dist/types/components/atoms/BrSwitch/index.d.ts.map +1 -0
- package/dist/types/components/atoms/BrSwitch/types.d.ts +14 -0
- package/dist/types/components/atoms/BrSwitch/types.d.ts.map +1 -0
- package/dist/types/components/atoms/BrTextarea/BrTextarea.vue.d.ts +31 -0
- package/dist/types/components/atoms/BrTextarea/BrTextarea.vue.d.ts.map +1 -0
- package/dist/types/components/atoms/BrTextarea/index.d.ts +3 -0
- package/dist/types/components/atoms/BrTextarea/index.d.ts.map +1 -0
- package/dist/types/components/atoms/BrTextarea/types.d.ts +37 -0
- package/dist/types/components/atoms/BrTextarea/types.d.ts.map +1 -0
- package/dist/types/components/atoms/BrTitle/BrTitle.vue.d.ts +22 -0
- package/dist/types/components/atoms/BrTitle/BrTitle.vue.d.ts.map +1 -0
- package/dist/types/components/atoms/BrTitle/index.d.ts +3 -0
- package/dist/types/components/atoms/BrTitle/index.d.ts.map +1 -0
- package/dist/types/components/atoms/BrTitle/types.d.ts +41 -0
- package/dist/types/components/atoms/BrTitle/types.d.ts.map +1 -0
- package/dist/types/components/atoms/BrVideo/BrVideo.vue.d.ts +39 -0
- package/dist/types/components/atoms/BrVideo/BrVideo.vue.d.ts.map +1 -0
- package/dist/types/components/atoms/BrVideo/index.d.ts +3 -0
- package/dist/types/components/atoms/BrVideo/index.d.ts.map +1 -0
- package/dist/types/components/atoms/BrVideo/types.d.ts +48 -0
- package/dist/types/components/atoms/BrVideo/types.d.ts.map +1 -0
- package/dist/types/components/atoms/index.d.ts +16 -0
- package/dist/types/components/atoms/index.d.ts.map +1 -0
- package/dist/types/components/index.d.ts +4 -0
- package/dist/types/components/index.d.ts.map +1 -0
- package/dist/types/components/molecules/BrAccordion/BrAccordion.vue.d.ts +23 -0
- package/dist/types/components/molecules/BrAccordion/BrAccordion.vue.d.ts.map +1 -0
- package/dist/types/components/molecules/BrAccordion/BrAccordionItem.vue.d.ts +20 -0
- package/dist/types/components/molecules/BrAccordion/BrAccordionItem.vue.d.ts.map +1 -0
- package/dist/types/components/molecules/BrAccordion/index.d.ts +4 -0
- package/dist/types/components/molecules/BrAccordion/index.d.ts.map +1 -0
- package/dist/types/components/molecules/BrAccordion/types.d.ts +72 -0
- package/dist/types/components/molecules/BrAccordion/types.d.ts.map +1 -0
- package/dist/types/components/molecules/BrCalendar/BrCalendar.vue.d.ts +21 -0
- package/dist/types/components/molecules/BrCalendar/BrCalendar.vue.d.ts.map +1 -0
- package/dist/types/components/molecules/BrCalendar/index.d.ts +3 -0
- package/dist/types/components/molecules/BrCalendar/index.d.ts.map +1 -0
- package/dist/types/components/molecules/BrCalendar/types.d.ts +68 -0
- package/dist/types/components/molecules/BrCalendar/types.d.ts.map +1 -0
- package/dist/types/components/molecules/BrCard/BrCard.vue.d.ts +35 -0
- package/dist/types/components/molecules/BrCard/BrCard.vue.d.ts.map +1 -0
- package/dist/types/components/molecules/BrCard/index.d.ts +3 -0
- package/dist/types/components/molecules/BrCard/index.d.ts.map +1 -0
- package/dist/types/components/molecules/BrCard/types.d.ts +61 -0
- package/dist/types/components/molecules/BrCard/types.d.ts.map +1 -0
- package/dist/types/components/molecules/BrFormField/BrFormField.vue.d.ts +24 -0
- package/dist/types/components/molecules/BrFormField/BrFormField.vue.d.ts.map +1 -0
- package/dist/types/components/molecules/BrFormField/index.d.ts +3 -0
- package/dist/types/components/molecules/BrFormField/index.d.ts.map +1 -0
- package/dist/types/components/molecules/BrFormField/types.d.ts +55 -0
- package/dist/types/components/molecules/BrFormField/types.d.ts.map +1 -0
- package/dist/types/components/molecules/BrModal/BrModal.test.d.ts +2 -0
- package/dist/types/components/molecules/BrModal/BrModal.test.d.ts.map +1 -0
- package/dist/types/components/molecules/BrModal/BrModal.vue.d.ts +43 -0
- package/dist/types/components/molecules/BrModal/BrModal.vue.d.ts.map +1 -0
- package/dist/types/components/molecules/BrModal/index.d.ts +3 -0
- package/dist/types/components/molecules/BrModal/index.d.ts.map +1 -0
- package/dist/types/components/molecules/BrModal/types.d.ts +49 -0
- package/dist/types/components/molecules/BrModal/types.d.ts.map +1 -0
- package/dist/types/components/molecules/BrStepper/BrStepper.vue.d.ts +22 -0
- package/dist/types/components/molecules/BrStepper/BrStepper.vue.d.ts.map +1 -0
- package/dist/types/components/molecules/BrStepper/index.d.ts +3 -0
- package/dist/types/components/molecules/BrStepper/index.d.ts.map +1 -0
- package/dist/types/components/molecules/BrStepper/types.d.ts +65 -0
- package/dist/types/components/molecules/BrStepper/types.d.ts.map +1 -0
- package/dist/types/components/molecules/BrTabs/BrTab.vue.d.ts +23 -0
- package/dist/types/components/molecules/BrTabs/BrTab.vue.d.ts.map +1 -0
- package/dist/types/components/molecules/BrTabs/BrTabPanel.vue.d.ts +16 -0
- package/dist/types/components/molecules/BrTabs/BrTabPanel.vue.d.ts.map +1 -0
- package/dist/types/components/molecules/BrTabs/BrTabs.test.d.ts +2 -0
- package/dist/types/components/molecules/BrTabs/BrTabs.test.d.ts.map +1 -0
- package/dist/types/components/molecules/BrTabs/BrTabs.vue.d.ts +40 -0
- package/dist/types/components/molecules/BrTabs/BrTabs.vue.d.ts.map +1 -0
- package/dist/types/components/molecules/BrTabs/index.d.ts +5 -0
- package/dist/types/components/molecules/BrTabs/index.d.ts.map +1 -0
- package/dist/types/components/molecules/BrTabs/types.d.ts +116 -0
- package/dist/types/components/molecules/BrTabs/types.d.ts.map +1 -0
- package/dist/types/components/molecules/index.d.ts +8 -0
- package/dist/types/components/molecules/index.d.ts.map +1 -0
- package/dist/types/components/organisms/BrNavbar/BrNavbar.vue.d.ts +28 -0
- package/dist/types/components/organisms/BrNavbar/BrNavbar.vue.d.ts.map +1 -0
- package/dist/types/components/organisms/BrNavbar/index.d.ts +3 -0
- package/dist/types/components/organisms/BrNavbar/index.d.ts.map +1 -0
- package/dist/types/components/organisms/BrNavbar/types.d.ts +84 -0
- package/dist/types/components/organisms/BrNavbar/types.d.ts.map +1 -0
- package/dist/types/components/organisms/BrSidebar/BrSidebar.vue.d.ts +35 -0
- package/dist/types/components/organisms/BrSidebar/BrSidebar.vue.d.ts.map +1 -0
- package/dist/types/components/organisms/BrSidebar/index.d.ts +3 -0
- package/dist/types/components/organisms/BrSidebar/index.d.ts.map +1 -0
- package/dist/types/components/organisms/BrSidebar/types.d.ts +100 -0
- package/dist/types/components/organisms/BrSidebar/types.d.ts.map +1 -0
- package/dist/types/components/organisms/index.d.ts +3 -0
- package/dist/types/components/organisms/index.d.ts.map +1 -0
- package/dist/types/index.d.ts +5 -0
- package/dist/types/index.d.ts.map +1 -0
- package/dist/types/plugin.d.ts +9 -0
- package/dist/types/plugin.d.ts.map +1 -0
- package/dist/types/types/index.d.ts +48 -0
- package/dist/types/types/index.d.ts.map +1 -0
- package/package.json +77 -0
- package/src/assets/icons/airplane.svg +7 -0
- package/src/assets/icons/anchor.svg +6 -0
- package/src/assets/icons/arrow-bottom-right-o.svg +9 -0
- package/src/assets/icons/arrow-bottom-right-r.svg +9 -0
- package/src/assets/icons/arrow-bottom-right.svg +7 -0
- package/src/assets/icons/arrow-down-o.svg +9 -0
- package/src/assets/icons/arrow-down-r.svg +9 -0
- package/src/assets/icons/arrow-down.svg +7 -0
- package/src/assets/icons/arrow-left-o.svg +9 -0
- package/src/assets/icons/arrow-left-r.svg +9 -0
- package/src/assets/icons/arrow-left.svg +7 -0
- package/src/assets/icons/arrow-long-up.svg +7 -0
- package/src/assets/icons/arrow-right-o.svg +9 -0
- package/src/assets/icons/arrow-right-r.svg +9 -0
- package/src/assets/icons/arrow-right.svg +7 -0
- package/src/assets/icons/arrow-top-left-o.svg +9 -0
- package/src/assets/icons/arrow-top-left-r.svg +9 -0
- package/src/assets/icons/arrow-top-left.svg +7 -0
- package/src/assets/icons/arrow-top-right-o.svg +9 -0
- package/src/assets/icons/arrow-top-right-r.svg +9 -0
- package/src/assets/icons/arrow-top-right.svg +7 -0
- package/src/assets/icons/arrow-up-o.svg +9 -0
- package/src/assets/icons/arrow-up-r.svg +9 -0
- package/src/assets/icons/arrow-up.svg +7 -0
- package/src/assets/icons/awards.svg +6 -0
- package/src/assets/icons/band-aid.svg +21 -0
- package/src/assets/icons/bee.svg +7 -0
- package/src/assets/icons/bitbucket.svg +7 -0
- package/src/assets/icons/block.svg +11 -0
- package/src/assets/icons/bowl.svg +6 -0
- package/src/assets/icons/boy.svg +14 -0
- package/src/assets/icons/briefcase.svg +9 -0
- package/src/assets/icons/browse.svg +13 -0
- package/src/assets/icons/brush.svg +6 -0
- package/src/assets/icons/calibrate.svg +11 -0
- package/src/assets/icons/cap.svg +9 -0
- package/src/assets/icons/card-clubs.svg +17 -0
- package/src/assets/icons/card-diamonds.svg +9 -0
- package/src/assets/icons/card-hearts.svg +11 -0
- package/src/assets/icons/card-spades.svg +11 -0
- package/src/assets/icons/check-o.svg +9 -0
- package/src/assets/icons/check-r.svg +9 -0
- package/src/assets/icons/check.svg +3 -0
- package/src/assets/icons/chevron-double-down-o.svg +14 -0
- package/src/assets/icons/chevron-double-down-r.svg +14 -0
- package/src/assets/icons/chevron-double-down.svg +12 -0
- package/src/assets/icons/chevron-double-left-o.svg +14 -0
- package/src/assets/icons/chevron-double-left-r.svg +14 -0
- package/src/assets/icons/chevron-double-left.svg +12 -0
- package/src/assets/icons/chevron-double-right-o.svg +14 -0
- package/src/assets/icons/chevron-double-right-r.svg +14 -0
- package/src/assets/icons/chevron-double-right.svg +12 -0
- package/src/assets/icons/pix.svg +7 -0
- package/src/assets/icons/push-chevron-left-o.svg +12 -0
- package/src/assets/icons/push-chevron-left-r.svg +12 -0
- package/src/assets/icons/push-chevron-left.svg +10 -0
- package/src/assets/icons/push-chevron-right-o.svg +12 -0
- package/src/assets/icons/push-chevron-right-r.svg +12 -0
- package/src/assets/icons/push-chevron-right.svg +10 -0
- package/src/assets/icons/push-chevron-up-o.svg +6 -0
- package/src/assets/icons/push-chevron-up-r.svg +6 -0
- package/src/assets/icons/push-chevron-up.svg +10 -0
- package/src/assets/icons/sync.svg +12 -0
- package/src/assets/icons/trending-down.svg +7 -0
- package/src/assets/icons/trending.svg +7 -0
- package/src/components/atoms/BrAvatar/BrAvatar.vue +154 -0
- package/src/components/atoms/BrAvatar/index.ts +2 -0
- package/src/components/atoms/BrAvatar/types.ts +43 -0
- package/src/components/atoms/BrBadge/BrBadge.test.ts +61 -0
- package/src/components/atoms/BrBadge/BrBadge.vue +125 -0
- package/src/components/atoms/BrBadge/index.ts +2 -0
- package/src/components/atoms/BrBadge/types.ts +22 -0
- package/src/components/atoms/BrButton/BrButton.test.ts +79 -0
- package/src/components/atoms/BrButton/BrButton.vue +291 -0
- package/src/components/atoms/BrButton/index.ts +2 -0
- package/src/components/atoms/BrButton/types.ts +44 -0
- package/src/components/atoms/BrCheckbox/BrCheckbox.test.ts +132 -0
- package/src/components/atoms/BrCheckbox/BrCheckbox.vue +198 -0
- package/src/components/atoms/BrCheckbox/BrCheckboxGroup.vue +92 -0
- package/src/components/atoms/BrCheckbox/index.ts +3 -0
- package/src/components/atoms/BrCheckbox/types.ts +102 -0
- package/src/components/atoms/BrImage/BrImage.vue +134 -0
- package/src/components/atoms/BrImage/index.ts +2 -0
- package/src/components/atoms/BrImage/types.ts +51 -0
- package/src/components/atoms/BrInput/BrInput.test.ts +98 -0
- package/src/components/atoms/BrInput/BrInput.vue +215 -0
- package/src/components/atoms/BrInput/index.ts +2 -0
- package/src/components/atoms/BrInput/types.ts +65 -0
- package/src/components/atoms/BrProgressbar/BrProgressbar.vue +204 -0
- package/src/components/atoms/BrProgressbar/index.ts +2 -0
- package/src/components/atoms/BrProgressbar/types.ts +64 -0
- package/src/components/atoms/BrRadio/BrRadio.vue +175 -0
- package/src/components/atoms/BrRadio/BrRadioGroup.vue +77 -0
- package/src/components/atoms/BrRadio/index.ts +3 -0
- package/src/components/atoms/BrRadio/types.ts +91 -0
- package/src/components/atoms/BrRating/BrRating.vue +234 -0
- package/src/components/atoms/BrRating/index.ts +2 -0
- package/src/components/atoms/BrRating/types.ts +60 -0
- package/src/components/atoms/BrSelect/BrSelect.vue +408 -0
- package/src/components/atoms/BrSelect/index.ts +2 -0
- package/src/components/atoms/BrSelect/types.ts +61 -0
- package/src/components/atoms/BrSpinner/BrSpinner.vue +125 -0
- package/src/components/atoms/BrSpinner/index.ts +2 -0
- package/src/components/atoms/BrSpinner/types.ts +22 -0
- package/src/components/atoms/BrSwitch/BrSwitch.test.ts +81 -0
- package/src/components/atoms/BrSwitch/BrSwitch.vue +181 -0
- package/src/components/atoms/BrSwitch/index.ts +2 -0
- package/src/components/atoms/BrSwitch/types.ts +15 -0
- package/src/components/atoms/BrTextarea/BrTextarea.vue +179 -0
- package/src/components/atoms/BrTextarea/index.ts +2 -0
- package/src/components/atoms/BrTextarea/types.ts +43 -0
- package/src/components/atoms/BrTitle/BrTitle.vue +154 -0
- package/src/components/atoms/BrTitle/index.ts +2 -0
- package/src/components/atoms/BrTitle/types.ts +47 -0
- package/src/components/atoms/BrVideo/BrVideo.vue +135 -0
- package/src/components/atoms/BrVideo/index.ts +2 -0
- package/src/components/atoms/BrVideo/types.ts +56 -0
- package/src/components/atoms/index.ts +20 -0
- package/src/components/index.ts +7 -0
- package/src/components/molecules/BrAccordion/BrAccordion.vue +112 -0
- package/src/components/molecules/BrAccordion/BrAccordionItem.vue +168 -0
- package/src/components/molecules/BrAccordion/index.ts +3 -0
- package/src/components/molecules/BrAccordion/types.ts +85 -0
- package/src/components/molecules/BrCalendar/BrCalendar.vue +553 -0
- package/src/components/molecules/BrCalendar/index.ts +2 -0
- package/src/components/molecules/BrCalendar/types.ts +80 -0
- package/src/components/molecules/BrCard/BrCard.vue +262 -0
- package/src/components/molecules/BrCard/index.ts +2 -0
- package/src/components/molecules/BrCard/types.ts +72 -0
- package/src/components/molecules/BrFormField/BrFormField.vue +241 -0
- package/src/components/molecules/BrFormField/index.ts +2 -0
- package/src/components/molecules/BrFormField/types.ts +64 -0
- package/src/components/molecules/BrModal/BrModal.test.ts +212 -0
- package/src/components/molecules/BrModal/BrModal.vue +404 -0
- package/src/components/molecules/BrModal/index.ts +2 -0
- package/src/components/molecules/BrModal/types.ts +57 -0
- package/src/components/molecules/BrStepper/BrStepper.vue +302 -0
- package/src/components/molecules/BrStepper/index.ts +2 -0
- package/src/components/molecules/BrStepper/types.ts +77 -0
- package/src/components/molecules/BrTabs/BrTab.vue +69 -0
- package/src/components/molecules/BrTabs/BrTabPanel.vue +36 -0
- package/src/components/molecules/BrTabs/BrTabs.test.ts +168 -0
- package/src/components/molecules/BrTabs/BrTabs.vue +319 -0
- package/src/components/molecules/BrTabs/index.ts +4 -0
- package/src/components/molecules/BrTabs/types.ts +139 -0
- package/src/components/molecules/index.ts +11 -0
- package/src/components/organisms/BrNavbar/BrNavbar.vue +424 -0
- package/src/components/organisms/BrNavbar/index.ts +2 -0
- package/src/components/organisms/BrNavbar/types.ts +101 -0
- package/src/components/organisms/BrSidebar/BrSidebar.vue +382 -0
- package/src/components/organisms/BrSidebar/index.ts +2 -0
- package/src/components/organisms/BrSidebar/types.ts +121 -0
- package/src/components/organisms/index.ts +6 -0
- package/src/index.ts +32 -0
- package/src/plugin.ts +61 -0
- package/src/styles/base/_animations.scss +187 -0
- package/src/styles/base/_reset.scss +109 -0
- package/src/styles/base/index.scss +6 -0
- package/src/styles/main.scss +9 -0
- package/src/styles/tokens/_colors.scss +185 -0
- package/src/styles/tokens/_spacing.scss +88 -0
- package/src/styles/tokens/_typography.scss +77 -0
- package/src/styles/tokens/index.scss +7 -0
- package/src/types/index.ts +125 -0
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 16 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<g id="vector">
|
|
4
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
5
|
+
d="M10.364 12.1214C11.2876 13.045 11.4831 14.4211 10.9504 15.5362L12.4853 17.0711C12.8758 17.4616 12.8758 18.0948 12.4853 18.4853C12.0948 18.8758 11.4616 18.8758 11.0711 18.4853L9.53615 16.9504C8.42102 17.4831 7.04496 17.2876 6.12132 16.364C4.94975 15.1924 4.94975 13.2929 6.12132 12.1214C7.29289 10.9498 9.19239 10.9498 10.364 12.1214ZM8.94975 14.9498C9.34027 14.5593 9.34027 13.9261 8.94975 13.5356C8.55922 13.145 7.92606 13.145 7.53553 13.5356C7.14501 13.9261 7.14501 14.5593 7.53553 14.9498C7.92606 15.3403 8.55922 15.3403 8.94975 14.9498Z"
|
|
6
|
+
fill="currentColor" />
|
|
7
|
+
<path d="M4 4H12V6H4V4Z" fill="currentColor" />
|
|
8
|
+
<path d="M12 8H4V10H12V8Z" fill="currentColor" />
|
|
9
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
10
|
+
d="M0 3C0 1.34315 1.34315 0 3 0H13C14.6569 0 16 1.34315 16 3V19C16 20.6569 14.6569 22 13 22H3C1.34315 22 0 20.6569 0 19V3ZM3 2H13C13.5523 2 14 2.44772 14 3V19C14 19.5523 13.5523 20 13 20H3C2.44772 20 2 19.5523 2 19V3C2 2.44771 2 3 2Z"
|
|
11
|
+
fill="currentColor" />
|
|
12
|
+
</g>
|
|
13
|
+
</svg>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 14 18" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<path id="vector" fill-rule="evenodd" clip-rule="evenodd"
|
|
4
|
+
d="M10 8H13C13.5523 8 14 8.44772 14 9V15C14 16.6569 12.6569 18 11 18H3C1.34315 18 0 16.6569 0 15V9C0 8.44772 0.447715 8 1 8H4V3C4 1.34315 5.34315 0 7 0C8.65685 0 10 1.34315 10 3V8ZM8 3C8 2.44772 7.55228 2 7 2C6.44772 2 6 2.44772 6 3V10H2V15C2 15.5523 2.44772 16 3 16H4V13H6V16H8V13H10V16H11C11.5523 16 12 15.5523 12 15V10H8V3Z"
|
|
5
|
+
fill="currentColor" />
|
|
6
|
+
</svg>
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 12.7276 14" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<g id="vector">
|
|
4
|
+
<path
|
|
5
|
+
d="M6.41404 0C8.87377 0 11.103 0.986758 12.7276 2.58602L8.48455 6.82905C7.94613 6.3154 7.21692 6 6.41404 6C5.56004 6 4.78938 6.35684 4.24304 6.92954L0 2.68651C1.63248 1.0282 3.90318 0 6.41404 0Z"
|
|
6
|
+
fill="currentColor" />
|
|
7
|
+
<path
|
|
8
|
+
d="M6.41406 14C8.07092 14 9.41406 12.6569 9.41406 11C9.41406 9.34315 8.07092 8 6.41406 8C4.75721 8 3.41406 9.34315 3.41406 11C3.41406 12.6569 4.75721 14 6.41406 14Z"
|
|
9
|
+
fill="currentColor" />
|
|
10
|
+
</g>
|
|
11
|
+
</svg>
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<g id="vector">
|
|
4
|
+
<path d="M7 17V19H15V17H7Z" fill="currentColor" />
|
|
5
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
6
|
+
d="M12.988 2.2203C12.9959 2.14796 13 2.07446 13 2C13 0.895431 12.1046 0 11 0C9.89543 0 9 0.895431 9 2C9 2.07446 9.00407 2.14796 9.012 2.2203C4.99799 3.12533 2 6.71255 2 11C2 11.3883 2.02459 11.7709 2.0723 12.1462C0.869494 12.5369 0 13.6669 0 15V19C0 20.6569 1.34315 22 3 22H19C20.6569 22 22 20.6569 22 19V15C22 13.6669 21.1305 12.5369 19.9277 12.1462C19.9754 11.7709 20 11.3883 20 11C20 6.71255 17.002 3.12533 12.988 2.2203ZM11 4C7.13401 4 4 7.13401 4 11C4 11.3402 4.02412 11.674 4.07063 12H17.9294C17.9759 11.674 18 11.3402 18 11C18 7.13401 14.866 4 11 4ZM2 15C2 14.4477 2.44772 14 3 14H19C19.5523 14 20 14.4477 20 15V19C20 19.5523 19.5523 20 19 20H3C2.44772 20 2 19.5523 2 19V15Z"
|
|
7
|
+
fill="currentColor" />
|
|
8
|
+
</g>
|
|
9
|
+
</svg>
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<g id="vector">
|
|
4
|
+
<path
|
|
5
|
+
d="M9 10C10.1046 10 11 9.10457 11 8C11 6.89543 10.1046 6 9 6C7.89543 6 7 6.89543 7 8C7 9.10457 7.89543 10 9 10Z"
|
|
6
|
+
fill="currentColor" />
|
|
7
|
+
<path
|
|
8
|
+
d="M8 12C8 13.1046 7.10457 14 6 14C4.89543 14 4 13.1046 4 12C4 10.8954 4.89543 10 6 10C7.10457 10 8 10.8954 8 12Z"
|
|
9
|
+
fill="currentColor" />
|
|
10
|
+
<path
|
|
11
|
+
d="M12 14C13.1046 14 14 13.1046 14 12C14 10.8954 13.1046 10 12 10C10.8954 10 10 10.8954 10 12C10 13.1046 10.8954 14 12 14Z"
|
|
12
|
+
fill="currentColor" />
|
|
13
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
14
|
+
d="M0 3C0 1.34315 1.34315 0 3 0H15C16.6569 0 18 1.34315 18 3V19C18 20.6569 16.6569 22 15 22H3C1.34315 22 0 20.6569 0 19V3ZM3 2H15C15.5523 2 16 2.44772 16 3V19C16 19.5523 15.5523 20 15 20H3C2.44772 20 2 19.5523 2 19V3C2 2.44772 2.44772 2 3 2Z"
|
|
15
|
+
fill="currentColor" />
|
|
16
|
+
</g>
|
|
17
|
+
</svg>
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<g id="vector">
|
|
4
|
+
<path d="M9 6.75736L4.75736 11L9 15.2426L13.2426 11L9 6.75736Z" fill="currentColor" />
|
|
5
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
6
|
+
d="M0 3C0 1.34315 1.34315 0 3 0H15C16.6569 0 18 1.34315 18 3V19C18 20.6569 16.6569 22 15 22H3C1.34315 22 0 20.6569 0 19V3ZM3 2H15C15.5523 2 16 2.44772 16 3V19C16 19.5523 15.5523 20 15 20H3C2.44772 20 2 19.5523 2 19V3C2 2.44772 2.44772 2 3 2Z"
|
|
7
|
+
fill="currentColor" />
|
|
8
|
+
</g>
|
|
9
|
+
</svg>
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<g id="vector">
|
|
4
|
+
<path
|
|
5
|
+
d="M6.14648 11.2929C5.36544 10.5118 5.36544 9.24549 6.14648 8.46444C6.92753 7.68339 8.19386 7.68339 8.97491 8.46444L9.00003 8.48955L9.02509 8.46449C9.80614 7.68345 11.0725 7.68345 11.8535 8.46449C12.6346 9.24554 12.6346 10.5119 11.8535 11.2929L9.02509 14.1213L8.99997 14.0962L8.97491 14.1213L6.14648 11.2929Z"
|
|
6
|
+
fill="currentColor" />
|
|
7
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
8
|
+
d="M0 3C0 1.34315 1.34315 0 3 0H15C16.6569 0 18 1.34315 18 3V19C18 20.6569 16.6569 22 15 22H3C1.34315 22 0 20.6569 0 19V3ZM3 2H15C15.5523 2 16 2.44772 16 3V19C16 19.5523 15.5523 20 15 20H3C2.44772 20 2 19.5523 2 19V3C2 2.44772 2.44772 2 3 2Z"
|
|
9
|
+
fill="currentColor" />
|
|
10
|
+
</g>
|
|
11
|
+
</svg>
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 18 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<g id="vector">
|
|
4
|
+
<path
|
|
5
|
+
d="M6.14648 10.7071C5.36544 11.4882 5.36544 12.7545 6.14648 13.5356C6.92753 14.3166 8.19386 14.3166 8.97491 13.5356L9.00003 13.5104L9.02509 13.5355C9.80614 14.3166 11.0725 14.3166 11.8535 13.5355C12.6346 12.7545 12.6346 11.4881 11.8535 10.7071L9.02509 7.87865L8.99997 7.90377L8.97491 7.87871L6.14648 10.7071Z"
|
|
6
|
+
fill="currentColor" />
|
|
7
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
8
|
+
d="M0 19C0 20.6569 1.34315 22 3 22H15C16.6569 22 18 20.6569 18 19V3C18 1.34315 16.6569 0 15 0H3C1.34315 0 0 1.34315 0 3V19ZM3 20H15C15.5523 20 16 19.5523 16 19V3C16 2.44772 15.5523 2 15 2H3C2.44772 2 2 2.44772 2 3V19C2 19.5523 2.44772 20 3 20Z"
|
|
9
|
+
fill="currentColor" />
|
|
10
|
+
</g>
|
|
11
|
+
</svg>
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<path
|
|
4
|
+
d="M9.24264 15.3137L5 11.071L6.41421 9.65683L9.24264 12.4853L14.8995 6.8284L16.3137 8.24262L9.24264 15.3137Z"
|
|
5
|
+
fill="currentColor" />
|
|
6
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
7
|
+
d="M0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11ZM11 20C6.02944 20 2 15.9706 2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11C20 15.9706 15.9706 20 11 20Z"
|
|
8
|
+
fill="currentColor" />
|
|
9
|
+
</svg>
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<path
|
|
4
|
+
d="M9.24264 15.3137L5 11.071L6.41421 9.65683L9.24264 12.4853L14.8995 6.8284L16.3137 8.24262L9.24264 15.3137Z"
|
|
5
|
+
fill="currentColor" />
|
|
6
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
7
|
+
d="M0 4C0 1.79086 1.79086 0 4 0H18C20.2091 0 22 1.79086 22 4V18C22 20.2091 20.2091 22 18 22H4C1.79086 22 0 20.2091 0 18V4ZM4 2H18C19.1046 2 20 2.89543 20 4V18C20 19.1046 19.1046 20 18 20H4C2.89543 20 2 19.1046 2 18V4C2 2.89543 2.89543 2 4 2Z"
|
|
8
|
+
fill="currentColor" />
|
|
9
|
+
</svg>
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible" style="display: block;" viewBox="0 0 11.3137 8.48528" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
2
|
+
<path id="vector" d="M4.24264 5.65685L1.41421 2.82843L0 4.24264L4.24264 8.48528L11.3137 1.41421L9.8995 0L4.24264 5.65685Z" fill="currentColor"/>
|
|
3
|
+
</svg>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<g id="vector">
|
|
4
|
+
<path
|
|
5
|
+
d="M6.75732 7.46448L8.17154 6.05026L11 8.87869L13.8284 6.05029L15.2426 7.46451L11 11.7071L6.75732 7.46448Z"
|
|
6
|
+
fill="currentColor" />
|
|
7
|
+
<path
|
|
8
|
+
d="M8.17154 10.2929L6.75732 11.7071L10.9999 15.9498L15.2426 11.7071L13.8284 10.2929L11 13.1213L8.17154 10.2929Z"
|
|
9
|
+
fill="currentColor" />
|
|
10
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
11
|
+
d="M22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11ZM20 11C20 15.9706 15.9706 20 11 20C6.02944 20 2 15.9706 2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11Z"
|
|
12
|
+
fill="currentColor" />
|
|
13
|
+
</g>
|
|
14
|
+
</svg>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<g id="vector">
|
|
4
|
+
<path
|
|
5
|
+
d="M6.75732 7.46448L8.17154 6.05026L11 8.87869L13.8284 6.05029L15.2426 7.46451L11 11.7071L6.75732 7.46448Z"
|
|
6
|
+
fill="currentColor" />
|
|
7
|
+
<path
|
|
8
|
+
d="M8.17154 10.2929L6.75732 11.7071L10.9999 15.9498L15.2426 11.7071L13.8284 10.2929L11 13.1213L8.17154 10.2929Z"
|
|
9
|
+
fill="currentColor" />
|
|
10
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
11
|
+
d="M0 4C0 1.79086 1.79086 0 4 0H18C20.2091 0 22 1.79086 22 4V18C22 20.2091 20.2091 22 18 22H4C1.79086 22 0 20.2091 0 18V4ZM4 2H18C19.1046 2 20 2.89543 20 4V18C20 19.1046 19.1046 20 18 20H4C2.89543 20 2 19.1046 2 18V4C2 2.89543 2.89543 2 4 2Z"
|
|
12
|
+
fill="currentColor" />
|
|
13
|
+
</g>
|
|
14
|
+
</svg>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 11.3137 12.728" fill="none"
|
|
3
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
4
|
+
<g id="vector">
|
|
5
|
+
<path
|
|
6
|
+
d="M1.41421 0L0 1.41421L5.65685 7.07107L11.3137 1.41424L9.89954 2.90871e-05L5.65689 4.24268L1.41421 0Z"
|
|
7
|
+
fill="currentColor" />
|
|
8
|
+
<path
|
|
9
|
+
d="M0 7.07107L1.41421 5.65686L5.65689 9.89954L9.89954 5.65689L11.3137 7.0711L5.65689 12.728L0 7.07107Z"
|
|
10
|
+
fill="currentColor" />
|
|
11
|
+
</g>
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<g id="vector">
|
|
4
|
+
<path
|
|
5
|
+
d="M11.7071 8.1716L10.2929 6.75739L6.05024 11L10.2929 15.2426L11.7071 13.8284L8.87869 11L11.7071 8.1716Z"
|
|
6
|
+
fill="currentColor" />
|
|
7
|
+
<path
|
|
8
|
+
d="M14.5355 6.75739L15.9497 8.1716L13.1213 11L15.9497 13.8284L14.5355 15.2426L10.2929 11L14.5355 6.75739Z"
|
|
9
|
+
fill="currentColor" />
|
|
10
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
11
|
+
d="M22 11C22 17.0751 17.0751 22 11 22C4.92487 22 0 17.0751 0 11C0 4.92487 4.92487 0 11 0C17.0751 0 22 4.92487 22 11ZM20 11C20 15.9706 15.9706 20 11 20C6.02944 20 2 15.9706 2 11C2 6.02944 6.02944 2 11 2C15.9706 2 20 6.02944 20 11Z"
|
|
12
|
+
fill="currentColor" />
|
|
13
|
+
</g>
|
|
14
|
+
</svg>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<g id="vector">
|
|
4
|
+
<path
|
|
5
|
+
d="M11.7071 8.1716L10.2929 6.75739L6.05024 11L10.2929 15.2426L11.7071 13.8284L8.87869 11L11.7071 8.1716Z"
|
|
6
|
+
fill="currentColor" />
|
|
7
|
+
<path
|
|
8
|
+
d="M14.5355 6.75739L15.9497 8.1716L13.1213 11L15.9497 13.8284L14.5355 15.2426L10.2929 11L14.5355 6.75739Z"
|
|
9
|
+
fill="currentColor" />
|
|
10
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
11
|
+
d="M0 4C0 1.79086 1.79086 0 4 0H18C20.2091 0 22 1.79086 22 4V18C22 20.2091 20.2091 22 18 22H4C1.79086 22 0 20.2091 0 18V4ZM4 2H18C19.1046 2 20 2.89543 20 4V18C20 19.1046 19.1046 20 18 20H4C2.89543 20 2 19.1046 2 18V4C2 2.89543 2.89543 2 4 2Z"
|
|
12
|
+
fill="currentColor" />
|
|
13
|
+
</g>
|
|
14
|
+
</svg>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 12.7279 11.3137" fill="none"
|
|
3
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
4
|
+
<g id="vector">
|
|
5
|
+
<path
|
|
6
|
+
d="M12.7279 1.41421L11.3137 2.47268e-07L5.65683 5.65685L11.3137 11.3137L12.7279 9.8995L8.48526 5.65685L12.7279 1.41421Z"
|
|
7
|
+
fill="currentColor" />
|
|
8
|
+
<path
|
|
9
|
+
d="M5.65686 0L7.07107 1.41421L2.82842 5.65686L7.07104 9.89948L5.65683 11.3137L0 5.65685L5.65686 0Z"
|
|
10
|
+
fill="currentColor" />
|
|
11
|
+
</g>
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<g id="vector">
|
|
4
|
+
<path
|
|
5
|
+
d="M7.46448 6.75739L6.05026 8.1716L8.87869 11L6.05029 13.8284L7.46451 15.2426L11.7071 11L7.46448 6.75739Z"
|
|
6
|
+
fill="currentColor" />
|
|
7
|
+
<path
|
|
8
|
+
d="M10.2929 8.1716L11.7071 6.75739L15.9498 11L11.7071 15.2426L10.2929 13.8284L13.1213 11L10.2929 8.1716Z"
|
|
9
|
+
fill="currentColor" />
|
|
10
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
11
|
+
d="M0 11C0 17.0751 4.92487 22 11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0C4.92487 0 0 4.92487 0 11ZM2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11Z"
|
|
12
|
+
fill="currentColor" />
|
|
13
|
+
</g>
|
|
14
|
+
</svg>
|
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<g id="vector">
|
|
4
|
+
<path
|
|
5
|
+
d="M7.46448 6.75739L6.05026 8.1716L8.87869 11L6.05029 13.8284L7.46451 15.2426L11.7071 11L7.46448 6.75739Z"
|
|
6
|
+
fill="currentColor" />
|
|
7
|
+
<path
|
|
8
|
+
d="M10.2929 8.1716L11.7071 6.75739L15.9498 11L11.7071 15.2426L10.2929 13.8284L13.1213 11L10.2929 8.1716Z"
|
|
9
|
+
fill="currentColor" />
|
|
10
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
11
|
+
d="M22 4C22 1.79086 20.2091 0 18 0H4C1.79086 0 0 1.79086 0 4V18C0 20.2091 1.79086 22 4 22H18C20.2091 22 22 20.2091 22 18V4ZM18 2H4C2.89543 2 2 2.89543 2 4V18C2 19.1046 2.89543 20 4 20H18C19.1046 20 20 19.1046 20 18V4C20 2.89543 19.1046 2 18 2Z"
|
|
12
|
+
fill="currentColor" />
|
|
13
|
+
</g>
|
|
14
|
+
</svg>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 12.7279 11.3137" fill="none"
|
|
3
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
4
|
+
<g id="vector">
|
|
5
|
+
<path
|
|
6
|
+
d="M0 1.41421L1.41421 0L7.0711 5.65683L1.41424 11.3137L2.86102e-05 9.89948L4.24264 5.65686L0 1.41421Z"
|
|
7
|
+
fill="currentColor" />
|
|
8
|
+
<path
|
|
9
|
+
d="M7.07107 0L5.65686 1.41421L9.8995 5.65686L5.65689 9.89948L7.0711 11.3137L12.7279 5.65685L7.07107 0Z"
|
|
10
|
+
fill="currentColor" />
|
|
11
|
+
</g>
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 19.2005 19.1999" fill="none"
|
|
3
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
4
|
+
<path id="Vector" fill-rule="evenodd" clip-rule="evenodd"
|
|
5
|
+
d="M17.3772 6.33823C17.7382 6.69923 18.0702 7.03123 18.3252 7.33223C18.6002 7.65523 18.8712 8.03823 19.0302 8.52623C19.2572 9.2239 19.2572 9.97556 19.0302 10.6732C18.8712 11.1622 18.6002 11.5452 18.3252 11.8682C18.0702 12.1682 17.7382 12.5012 17.3772 12.8622L12.8622 17.3772C12.5431 17.7058 12.2115 18.022 11.8682 18.3252C11.5452 18.6002 11.1612 18.8712 10.6732 19.0302C9.97545 19.2565 9.22401 19.2565 8.52623 19.0302C8.03823 18.8712 7.65623 18.6002 7.33123 18.3252C7.03123 18.0702 6.69923 17.7382 6.33823 17.3772L1.82323 12.8622C1.4947 12.5431 1.17847 12.2115 0.875228 11.8682C0.600228 11.5452 0.329228 11.1622 0.170228 10.6732C-0.0567425 9.97556 -0.0567425 9.2239 0.170228 8.52623C0.329228 8.03823 0.600228 7.65623 0.875228 7.33223C1.12923 7.03223 1.46123 6.69923 1.82323 6.33823L6.33823 1.82323C6.69923 1.46223 7.03123 1.13023 7.33123 0.875228C7.65523 0.600228 8.03823 0.329228 8.52623 0.170228C9.2239 -0.0567425 9.97556 -0.0567425 10.6732 0.170228C11.1622 0.329228 11.5452 0.600228 11.8682 0.875228C12.1682 1.13023 12.5002 1.46123 12.8622 1.82323L17.3772 6.33823ZM15.0342 6.10123L16.2872 7.35423C17.0742 8.14023 17.4672 8.53423 17.6142 8.98723C17.7442 9.38523 17.7442 9.81523 17.6142 10.2132C17.4672 10.6672 17.0742 11.0602 16.2872 11.8462L15.0342 13.0992H13.5212C13.4074 13.0978 13.2951 13.0721 13.192 13.0238C13.0889 12.9755 12.9972 12.9058 12.9232 12.8192L10.9772 10.6792C10.8029 10.4872 10.5903 10.3338 10.3532 10.2288C10.116 10.1238 9.85957 10.0696 9.60023 10.0696C9.34089 10.0696 9.08441 10.1238 8.84727 10.2288C8.61013 10.3338 8.39757 10.4872 8.22323 10.6792L6.27623 12.8192C6.20233 12.9056 6.11086 12.9753 6.00792 13.0236C5.90497 13.0719 5.79292 13.0977 5.67923 13.0992H4.16523L2.91223 11.8462C2.12623 11.0602 1.73323 10.6662 1.58623 10.2132C1.45788 9.81464 1.45788 9.38582 1.58623 8.98723C1.73323 8.53323 2.12623 8.14023 2.91223 7.35423L4.16523 6.10123H5.68023C5.88923 6.10123 6.10623 6.19123 6.27723 6.38123L8.22423 8.52123C8.39857 8.71322 8.61113 8.86664 8.84827 8.97162C9.08541 9.07661 9.34189 9.13084 9.60123 9.13084C9.86057 9.13084 10.117 9.07661 10.3542 8.97162C10.5913 8.86664 10.8039 8.71322 10.9782 8.52123L12.9242 6.38123C12.9982 6.29469 13.0899 6.22494 13.193 6.17665C13.2961 6.12837 13.4084 6.10265 13.5222 6.10123H15.0342ZM13.5452 4.61223H13.5212C12.8692 4.61223 12.2592 4.89823 11.8212 5.37923L9.87623 7.52023C9.84153 7.55877 9.79912 7.58959 9.75175 7.61069C9.70437 7.63179 9.65309 7.64269 9.60123 7.64269C9.54937 7.64269 9.49809 7.63179 9.45071 7.61069C9.40333 7.58959 9.36092 7.55877 9.32623 7.52023L7.37823 5.38023C7.16423 5.14058 6.90239 4.94842 6.60958 4.81614C6.31678 4.68386 5.99952 4.6144 5.67823 4.61223H5.65423L7.35423 2.91223C8.14023 2.12623 8.53423 1.73323 8.98623 1.58623C9.38623 1.45623 9.81523 1.45623 10.2132 1.58623C10.6672 1.73323 11.0602 2.12623 11.8462 2.91323L13.5452 4.61223ZM13.5212 14.5882H13.5452L11.8452 16.2882C11.0602 17.0742 10.6672 17.4672 10.2132 17.6142C9.81523 17.7442 9.38523 17.7442 8.98623 17.6142C8.53323 17.4672 8.14023 17.0742 7.35423 16.2872L5.65423 14.5872H5.67923C6.33123 14.5872 6.94023 14.3022 7.37823 13.8212L9.32523 11.6802C9.35992 11.6417 9.40233 11.6109 9.44971 11.5898C9.49709 11.5687 9.54837 11.5578 9.60023 11.5578C9.65209 11.5578 9.70337 11.5687 9.75074 11.5898C9.79812 11.6109 9.84053 11.6417 9.87523 11.6802L11.8222 13.8202C12.0362 14.0599 12.2981 14.252 12.5909 14.3843C12.8837 14.5166 13.2009 14.5861 13.5222 14.5882"
|
|
6
|
+
fill="currentColor" />
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<g id="vector">
|
|
4
|
+
<path d="M9 15H7V7H9V15Z" fill="currentColor" />
|
|
5
|
+
<path
|
|
6
|
+
d="M14.2974 6.75732L15.7116 8.17153L12.8832 11L15.7116 13.8284L14.2974 15.2426L10.0547 10.9999L14.2974 6.75732Z"
|
|
7
|
+
fill="currentColor" />
|
|
8
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
9
|
+
d="M0 11C-2.65552e-07 17.0751 4.92487 22 11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 2.65552e-07 11 0C4.92487 -2.65552e-07 2.65552e-07 4.92487 0 11ZM2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11Z"
|
|
10
|
+
fill="currentColor" />
|
|
11
|
+
</g>
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<g id="vector">
|
|
4
|
+
<path
|
|
5
|
+
d="M15.6743 8.1716L14.26 6.75739L10.0174 11L14.26 15.2426L15.6742 13.8284L12.8458 11L15.6743 8.1716Z"
|
|
6
|
+
fill="currentColor" />
|
|
7
|
+
<path d="M8.96265 7.00007V15.0001H6.96265V7.00007H8.96265Z" fill="currentColor" />
|
|
8
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
9
|
+
d="M0 4C0 1.79086 1.79086 0 4 0H18C20.2091 0 22 1.79086 22 4V18C22 20.2091 20.2091 22 18 22H4C1.79086 22 0 20.2091 0 18V4ZM4 2H18C19.1046 2 20 2.89543 20 4V18C20 19.1046 19.1046 20 18 20H4C2.89543 20 2 19.1046 2 18V4C2 2.89543 2.89543 2 4 2Z"
|
|
10
|
+
fill="currentColor" />
|
|
11
|
+
</g>
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 12.3432 14.1421" fill="none"
|
|
3
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
4
|
+
<g id="vector">
|
|
5
|
+
<path
|
|
6
|
+
d="M10.929 0L12.3432 1.41421L6.68631 7.07107L12.3432 12.7279L10.929 14.1421L3.85789 7.07107L10.929 0Z"
|
|
7
|
+
fill="currentColor" />
|
|
8
|
+
<path d="M2 14V0H0V14H2Z" fill="currentColor" />
|
|
9
|
+
</g>
|
|
10
|
+
</svg>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<g id="vector">
|
|
4
|
+
<path d="M13 7H15V15H13V7Z" fill="currentColor" />
|
|
5
|
+
<path
|
|
6
|
+
d="M7.70261 15.2427L6.2884 13.8285L9.11683 11L6.28842 8.17164L7.70264 6.75743L11.9453 11.0001L7.70261 15.2427Z"
|
|
7
|
+
fill="currentColor" />
|
|
8
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
9
|
+
d="M22 11C22 4.92487 17.0751 2.65552e-07 11 0C4.92487 -2.65552e-07 2.65552e-07 4.92487 0 11C-2.65552e-07 17.0751 4.92487 22 11 22C17.0751 22 22 17.0751 22 11ZM20 11C20 6.02944 15.9706 2 11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11Z"
|
|
10
|
+
fill="currentColor" />
|
|
11
|
+
</g>
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<g id="vector">
|
|
4
|
+
<path
|
|
5
|
+
d="M6.64429 13.8284L8.0585 15.2426L12.3012 11L8.05853 6.75739L6.64432 8.1716L9.47272 11L6.64429 13.8284Z"
|
|
6
|
+
fill="currentColor" />
|
|
7
|
+
<path d="M13.3559 15L13.3559 6.99996H15.3559V15H13.3559Z" fill="currentColor" />
|
|
8
|
+
<path fill-rule="evenodd" clip-rule="evenodd"
|
|
9
|
+
d="M0 4C0 1.79086 1.79086 0 4 0H18C20.2091 0 22 1.79086 22 4V18C22 20.2091 20.2091 22 18 22H4C1.79086 22 0 20.2091 0 18V4ZM4 2H18C19.1046 2 20 2.89543 20 4V18C20 19.1046 19.1046 20 18 20H4C2.89543 20 2 19.1046 2 18V4C2 2.89543 2.89543 2 4 2Z"
|
|
10
|
+
fill="currentColor" />
|
|
11
|
+
</g>
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 12.3432 14.1421" fill="none"
|
|
3
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
4
|
+
<g id="vector">
|
|
5
|
+
<path
|
|
6
|
+
d="M1.41421 0L0 1.41421L5.65685 7.07107L0 12.7279L1.41421 14.1421L8.48528 7.07107L1.41421 0Z"
|
|
7
|
+
fill="currentColor" />
|
|
8
|
+
<path d="M10.3432 14V0H12.3432V14H10.3432Z" fill="currentColor" />
|
|
9
|
+
</g>
|
|
10
|
+
</svg>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<path id="vector" fill-rule="evenodd" clip-rule="evenodd"
|
|
4
|
+
d="M11 2C6.02944 2 2 6.02944 2 11C2 15.9706 6.02944 20 11 20C15.9706 20 20 15.9706 20 11C20 6.02944 15.9706 2 11 2ZM11 0C4.92487 0 0 4.92487 0 11C0 17.0751 4.92487 22 11 22C17.0751 22 22 17.0751 22 11C22 4.92487 17.0751 0 11 0ZM7 9V7H15V9H7ZM15.2427 14.2974L13.8285 15.7116L11 12.8832L8.17164 15.7116L6.75743 14.2974L11.0001 10.0547L15.2427 14.2974Z"
|
|
5
|
+
fill="currentColor" />
|
|
6
|
+
</svg>
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
|
|
3
|
+
<path id="vector" fill-rule="evenodd" clip-rule="evenodd"
|
|
4
|
+
d="M4 20H18C19.1046 20 20 19.1046 20 18V4C20 2.89543 19.1046 2 18 2H4C2.89543 2 2 2.89543 2 4V18C2 19.1046 2.89543 20 4 20ZM0 18C0 20.2091 1.79086 22 4 22H18C20.2091 22 22 20.2091 22 18V4C22 1.79086 20.2091 0 18 0H4C1.79086 0 0 1.79086 0 4V18ZM8.17154 15.7116L6.75732 14.2974L10.9999 10.0547L15.2426 14.2974L13.8284 15.7116L11 12.8832L8.17154 15.7116ZM7.00001 9H15V7H7.00001V9Z"
|
|
5
|
+
fill="currentColor" />
|
|
6
|
+
</svg>
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 14.1421 12.3432" fill="none"
|
|
3
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
4
|
+
<g id="vector">
|
|
5
|
+
<path
|
|
6
|
+
d="M0 10.929L1.41421 12.3432L7.07107 6.68631L12.7279 12.3432L14.1421 10.929L7.07107 3.85789L0 10.929Z"
|
|
7
|
+
fill="currentColor" />
|
|
8
|
+
<path d="M14 2H0V0H14V2Z" fill="currentColor" />
|
|
9
|
+
</g>
|
|
10
|
+
</svg>
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 14.8784 16.1005" fill="none"
|
|
3
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
4
|
+
<g id="vector">
|
|
5
|
+
<path
|
|
6
|
+
d="M0 6.69213L1.79315 0L3.69323 1.90008C7.17038 -0.290905 11.8206 0.127935 14.8492 3.1566L13.435 4.57081C11.1928 2.32856 7.80781 1.92548 5.15472 3.36157L6.69213 4.89898L0 6.69213Z"
|
|
7
|
+
fill="currentColor" />
|
|
8
|
+
<path
|
|
9
|
+
d="M14.8784 9.40839L13.0852 16.1005L11.1851 14.2004C7.70798 16.3914 3.05778 15.9726 0.0291222 12.9439L1.44334 11.5297C3.68559 13.772 7.07055 14.175 9.72364 12.7389L8.18623 11.2015L14.8784 9.40839Z"
|
|
10
|
+
fill="currentColor" />
|
|
11
|
+
</g>
|
|
12
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 22.6274 10.6066" fill="none"
|
|
3
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
4
|
+
<path id="vector"
|
|
5
|
+
d="M1.41421 0.707107L0 2.12132L7.07107 9.19239L13.435 2.82843L17.6777 7.07107L15.9353 8.81345L22.6274 10.6066L20.8343 3.91447L19.0919 5.65685L13.435 0L7.07107 6.36396L1.41421 0.707107Z"
|
|
6
|
+
fill="currentColor" />
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
<svg preserveAspectRatio="none" width="100%" height="100%" overflow="visible"
|
|
2
|
+
style="display: block;" viewBox="0 0 22.6274 10.6066" fill="none"
|
|
3
|
+
xmlns="http://www.w3.org/2000/svg">
|
|
4
|
+
<path id="vector"
|
|
5
|
+
d="M1.41421 9.8995L0 8.48528L7.07107 1.41421L13.435 7.77818L17.6777 3.53553L15.9353 1.79315L22.6274 0L20.8343 6.69213L19.0919 4.94975L13.435 10.6066L7.07107 4.24264L1.41421 9.8995Z"
|
|
6
|
+
fill="currentColor" />
|
|
7
|
+
</svg>
|
|
@@ -0,0 +1,154 @@
|
|
|
1
|
+
<script setup lang="ts">
|
|
2
|
+
import { computed, ref } from 'vue'
|
|
3
|
+
import type { AvatarProps } from './types'
|
|
4
|
+
|
|
5
|
+
const props = withDefaults(defineProps<AvatarProps>(), {
|
|
6
|
+
size: 'md',
|
|
7
|
+
shape: 'circle',
|
|
8
|
+
showStatus: false,
|
|
9
|
+
status: 'offline',
|
|
10
|
+
})
|
|
11
|
+
|
|
12
|
+
const imageError = ref(false)
|
|
13
|
+
|
|
14
|
+
const classes = computed(() => [
|
|
15
|
+
'br-avatar',
|
|
16
|
+
`br-avatar--${props.size}`,
|
|
17
|
+
`br-avatar--${props.shape}`,
|
|
18
|
+
])
|
|
19
|
+
|
|
20
|
+
const displayInitials = computed(() => {
|
|
21
|
+
if (props.initials) return props.initials.slice(0, 2).toUpperCase()
|
|
22
|
+
if (props.alt) {
|
|
23
|
+
const words = props.alt.split(' ')
|
|
24
|
+
if (words.length >= 2) {
|
|
25
|
+
return (words[0][0] + words[1][0]).toUpperCase()
|
|
26
|
+
}
|
|
27
|
+
return props.alt.slice(0, 2).toUpperCase()
|
|
28
|
+
}
|
|
29
|
+
return '?'
|
|
30
|
+
})
|
|
31
|
+
|
|
32
|
+
const showImage = computed(() => props.src && !imageError.value)
|
|
33
|
+
|
|
34
|
+
function handleImageError() {
|
|
35
|
+
imageError.value = true
|
|
36
|
+
}
|
|
37
|
+
</script>
|
|
38
|
+
|
|
39
|
+
<template>
|
|
40
|
+
<div :class="classes">
|
|
41
|
+
<img
|
|
42
|
+
v-if="showImage"
|
|
43
|
+
:src="src"
|
|
44
|
+
:alt="alt"
|
|
45
|
+
class="br-avatar__image"
|
|
46
|
+
@error="handleImageError"
|
|
47
|
+
/>
|
|
48
|
+
<span v-else class="br-avatar__initials">{{ displayInitials }}</span>
|
|
49
|
+
|
|
50
|
+
<span
|
|
51
|
+
v-if="showStatus"
|
|
52
|
+
class="br-avatar__status"
|
|
53
|
+
:class="`br-avatar__status--${status}`"
|
|
54
|
+
/>
|
|
55
|
+
</div>
|
|
56
|
+
</template>
|
|
57
|
+
|
|
58
|
+
<style lang="scss" scoped>
|
|
59
|
+
.br-avatar {
|
|
60
|
+
position: relative;
|
|
61
|
+
display: inline-flex;
|
|
62
|
+
align-items: center;
|
|
63
|
+
justify-content: center;
|
|
64
|
+
background: var(--br-primary-100);
|
|
65
|
+
color: var(--br-primary-600);
|
|
66
|
+
font-weight: var(--br-font-semibold);
|
|
67
|
+
overflow: hidden;
|
|
68
|
+
flex-shrink: 0;
|
|
69
|
+
|
|
70
|
+
// Sizes
|
|
71
|
+
&--xs {
|
|
72
|
+
width: 24px;
|
|
73
|
+
height: 24px;
|
|
74
|
+
font-size: var(--br-text-xs);
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
&--sm {
|
|
78
|
+
width: 32px;
|
|
79
|
+
height: 32px;
|
|
80
|
+
font-size: var(--br-text-sm);
|
|
81
|
+
}
|
|
82
|
+
|
|
83
|
+
&--md {
|
|
84
|
+
width: 40px;
|
|
85
|
+
height: 40px;
|
|
86
|
+
font-size: var(--br-text-base);
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
&--lg {
|
|
90
|
+
width: 48px;
|
|
91
|
+
height: 48px;
|
|
92
|
+
font-size: var(--br-text-lg);
|
|
93
|
+
}
|
|
94
|
+
|
|
95
|
+
&--xl {
|
|
96
|
+
width: 64px;
|
|
97
|
+
height: 64px;
|
|
98
|
+
font-size: var(--br-text-xl);
|
|
99
|
+
}
|
|
100
|
+
|
|
101
|
+
&--2xl {
|
|
102
|
+
width: 96px;
|
|
103
|
+
height: 96px;
|
|
104
|
+
font-size: var(--br-text-2xl);
|
|
105
|
+
}
|
|
106
|
+
|
|
107
|
+
// Shapes
|
|
108
|
+
&--circle {
|
|
109
|
+
border-radius: var(--br-radius-full);
|
|
110
|
+
}
|
|
111
|
+
|
|
112
|
+
&--square {
|
|
113
|
+
border-radius: var(--br-radius-lg);
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
&__image {
|
|
117
|
+
width: 100%;
|
|
118
|
+
height: 100%;
|
|
119
|
+
object-fit: cover;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
&__initials {
|
|
123
|
+
user-select: none;
|
|
124
|
+
}
|
|
125
|
+
|
|
126
|
+
&__status {
|
|
127
|
+
position: absolute;
|
|
128
|
+
bottom: 0;
|
|
129
|
+
right: 0;
|
|
130
|
+
width: 25%;
|
|
131
|
+
height: 25%;
|
|
132
|
+
min-width: 8px;
|
|
133
|
+
min-height: 8px;
|
|
134
|
+
border-radius: var(--br-radius-full);
|
|
135
|
+
border: 2px solid var(--br-light-0);
|
|
136
|
+
|
|
137
|
+
&--online {
|
|
138
|
+
background: var(--br-success-600);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
&--offline {
|
|
142
|
+
background: var(--br-dark-500);
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
&--away {
|
|
146
|
+
background: var(--br-warning-600);
|
|
147
|
+
}
|
|
148
|
+
|
|
149
|
+
&--busy {
|
|
150
|
+
background: var(--br-danger-600);
|
|
151
|
+
}
|
|
152
|
+
}
|
|
153
|
+
}
|
|
154
|
+
</style>
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
export type AvatarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl' | '2xl'
|
|
2
|
+
export type AvatarShape = 'circle' | 'square'
|
|
3
|
+
|
|
4
|
+
export interface AvatarProps {
|
|
5
|
+
/**
|
|
6
|
+
* Image source URL
|
|
7
|
+
*/
|
|
8
|
+
src?: string
|
|
9
|
+
|
|
10
|
+
/**
|
|
11
|
+
* Alt text for the image
|
|
12
|
+
*/
|
|
13
|
+
alt?: string
|
|
14
|
+
|
|
15
|
+
/**
|
|
16
|
+
* Initials to show when no image
|
|
17
|
+
*/
|
|
18
|
+
initials?: string
|
|
19
|
+
|
|
20
|
+
/**
|
|
21
|
+
* Avatar size
|
|
22
|
+
* @default 'md'
|
|
23
|
+
*/
|
|
24
|
+
size?: AvatarSize
|
|
25
|
+
|
|
26
|
+
/**
|
|
27
|
+
* Avatar shape
|
|
28
|
+
* @default 'circle'
|
|
29
|
+
*/
|
|
30
|
+
shape?: AvatarShape
|
|
31
|
+
|
|
32
|
+
/**
|
|
33
|
+
* Show online status indicator
|
|
34
|
+
* @default false
|
|
35
|
+
*/
|
|
36
|
+
showStatus?: boolean
|
|
37
|
+
|
|
38
|
+
/**
|
|
39
|
+
* Status indicator
|
|
40
|
+
* @default 'offline'
|
|
41
|
+
*/
|
|
42
|
+
status?: 'online' | 'offline' | 'away' | 'busy'
|
|
43
|
+
}
|