@makroz/web 1.0.1 → 1.1.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/auth/MkAuthProvider.js +2 -4
- package/dist/auth/MkAuthProvider.js.map +1 -1
- package/dist/auth/types.d.ts +1 -1
- package/dist/auth/types.js +1 -1
- package/dist/components/FormField.d.ts +27 -0
- package/dist/components/FormField.d.ts.map +1 -0
- package/dist/components/FormField.js +18 -0
- package/dist/components/FormField.js.map +1 -0
- package/dist/components/FormField.stories.d.ts +11 -0
- package/dist/components/FormField.stories.d.ts.map +1 -0
- package/dist/components/FormField.stories.js +61 -0
- package/dist/components/FormField.stories.js.map +1 -0
- package/dist/components/MkAccordion.d.ts.map +1 -1
- package/dist/components/MkAccordion.js +0 -2
- package/dist/components/MkAccordion.js.map +1 -1
- package/dist/components/MkAccordion.stories.d.ts +13 -0
- package/dist/components/MkAccordion.stories.d.ts.map +1 -0
- package/dist/components/MkAccordion.stories.js +76 -0
- package/dist/components/MkAccordion.stories.js.map +1 -0
- package/dist/components/MkAccordion.stories.test.d.ts +2 -0
- package/dist/components/MkAccordion.stories.test.d.ts.map +1 -0
- package/dist/components/MkAccordion.stories.test.js +18 -0
- package/dist/components/MkAccordion.stories.test.js.map +1 -0
- package/dist/components/MkAlert.d.ts.map +1 -1
- package/dist/components/MkAlert.js +0 -2
- package/dist/components/MkAlert.js.map +1 -1
- package/dist/components/MkAlert.stories.d.ts +13 -0
- package/dist/components/MkAlert.stories.d.ts.map +1 -0
- package/dist/components/MkAlert.stories.js +75 -0
- package/dist/components/MkAlert.stories.js.map +1 -0
- package/dist/components/MkAlert.stories.test.d.ts +2 -0
- package/dist/components/MkAlert.stories.test.d.ts.map +1 -0
- package/dist/components/MkAlert.stories.test.js +16 -0
- package/dist/components/MkAlert.stories.test.js.map +1 -0
- package/dist/components/MkAvatar.d.ts.map +1 -1
- package/dist/components/MkAvatar.js +0 -2
- package/dist/components/MkAvatar.js.map +1 -1
- package/dist/components/MkAvatar.stories.d.ts +14 -0
- package/dist/components/MkAvatar.stories.d.ts.map +1 -0
- package/dist/components/MkAvatar.stories.js +67 -0
- package/dist/components/MkAvatar.stories.js.map +1 -0
- package/dist/components/MkAvatar.stories.test.d.ts +2 -0
- package/dist/components/MkAvatar.stories.test.d.ts.map +1 -0
- package/dist/components/MkAvatar.stories.test.js +16 -0
- package/dist/components/MkAvatar.stories.test.js.map +1 -0
- package/dist/components/MkBadge.d.ts.map +1 -1
- package/dist/components/MkBadge.js +0 -2
- package/dist/components/MkBadge.js.map +1 -1
- package/dist/components/MkBadge.stories.d.ts +15 -0
- package/dist/components/MkBadge.stories.d.ts.map +1 -0
- package/dist/components/MkBadge.stories.js +78 -0
- package/dist/components/MkBadge.stories.js.map +1 -0
- package/dist/components/MkBadge.stories.test.d.ts +2 -0
- package/dist/components/MkBadge.stories.test.d.ts.map +1 -0
- package/dist/components/MkBadge.stories.test.js +16 -0
- package/dist/components/MkBadge.stories.test.js.map +1 -0
- package/dist/components/MkButton.d.ts +1 -1
- package/dist/components/MkButton.d.ts.map +1 -1
- package/dist/components/MkButton.js +0 -2
- package/dist/components/MkButton.js.map +1 -1
- package/dist/components/MkButton.stories.d.ts +12 -0
- package/dist/components/MkButton.stories.d.ts.map +1 -0
- package/dist/components/MkButton.stories.js +57 -0
- package/dist/components/MkButton.stories.js.map +1 -0
- package/dist/components/MkButton.test.js +2 -4
- package/dist/components/MkButton.test.js.map +1 -1
- package/dist/components/MkCard.d.ts.map +1 -1
- package/dist/components/MkCard.js +0 -2
- package/dist/components/MkCard.js.map +1 -1
- package/dist/components/MkCard.stories.d.ts +11 -0
- package/dist/components/MkCard.stories.d.ts.map +1 -0
- package/dist/components/MkCard.stories.js +57 -0
- package/dist/components/MkCard.stories.js.map +1 -0
- package/dist/components/MkCheck.d.ts.map +1 -1
- package/dist/components/MkCheck.js +0 -2
- package/dist/components/MkCheck.js.map +1 -1
- package/dist/components/MkCheck.stories.d.ts +13 -0
- package/dist/components/MkCheck.stories.d.ts.map +1 -0
- package/dist/components/MkCheck.stories.js +63 -0
- package/dist/components/MkCheck.stories.js.map +1 -0
- package/dist/components/MkCheck.stories.test.d.ts +2 -0
- package/dist/components/MkCheck.stories.test.d.ts.map +1 -0
- package/dist/components/MkCheck.stories.test.js +16 -0
- package/dist/components/MkCheck.stories.test.js.map +1 -0
- package/dist/components/MkDatePicker.d.ts.map +1 -1
- package/dist/components/MkDatePicker.js +0 -2
- package/dist/components/MkDatePicker.js.map +1 -1
- package/dist/components/MkDatePicker.stories.d.ts +11 -0
- package/dist/components/MkDatePicker.stories.d.ts.map +1 -0
- package/dist/components/MkDatePicker.stories.js +47 -0
- package/dist/components/MkDatePicker.stories.js.map +1 -0
- package/dist/components/MkDatePicker.stories.test.d.ts +2 -0
- package/dist/components/MkDatePicker.stories.test.d.ts.map +1 -0
- package/dist/components/MkDatePicker.stories.test.js +16 -0
- package/dist/components/MkDatePicker.stories.test.js.map +1 -0
- package/dist/components/MkDivider.d.ts.map +1 -1
- package/dist/components/MkDivider.js +0 -2
- package/dist/components/MkDivider.js.map +1 -1
- package/dist/components/MkDivider.stories.d.ts +12 -0
- package/dist/components/MkDivider.stories.d.ts.map +1 -0
- package/dist/components/MkDivider.stories.js +33 -0
- package/dist/components/MkDivider.stories.js.map +1 -0
- package/dist/components/MkDivider.stories.test.d.ts +2 -0
- package/dist/components/MkDivider.stories.test.d.ts.map +1 -0
- package/dist/components/MkDivider.stories.test.js +15 -0
- package/dist/components/MkDivider.stories.test.js.map +1 -0
- package/dist/components/MkDropDown.d.ts.map +1 -1
- package/dist/components/MkDropDown.js +0 -2
- package/dist/components/MkDropDown.js.map +1 -1
- package/dist/components/MkDropDown.stories.d.ts +12 -0
- package/dist/components/MkDropDown.stories.d.ts.map +1 -0
- package/dist/components/MkDropDown.stories.js +76 -0
- package/dist/components/MkDropDown.stories.js.map +1 -0
- package/dist/components/MkDropDown.stories.test.d.ts +2 -0
- package/dist/components/MkDropDown.stories.test.d.ts.map +1 -0
- package/dist/components/MkDropDown.stories.test.js +18 -0
- package/dist/components/MkDropDown.stories.test.js.map +1 -0
- package/dist/components/MkEmptyState.d.ts.map +1 -1
- package/dist/components/MkEmptyState.js +0 -2
- package/dist/components/MkEmptyState.js.map +1 -1
- package/dist/components/MkEmptyState.stories.d.ts +12 -0
- package/dist/components/MkEmptyState.stories.d.ts.map +1 -0
- package/dist/components/MkEmptyState.stories.js +44 -0
- package/dist/components/MkEmptyState.stories.js.map +1 -0
- package/dist/components/MkEmptyState.stories.test.d.ts +2 -0
- package/dist/components/MkEmptyState.stories.test.d.ts.map +1 -0
- package/dist/components/MkEmptyState.stories.test.js +15 -0
- package/dist/components/MkEmptyState.stories.test.js.map +1 -0
- package/dist/components/MkFileUpload.d.ts.map +1 -1
- package/dist/components/MkFileUpload.js +0 -2
- package/dist/components/MkFileUpload.js.map +1 -1
- package/dist/components/MkFileUpload.stories.d.ts +12 -0
- package/dist/components/MkFileUpload.stories.d.ts.map +1 -0
- package/dist/components/MkFileUpload.stories.js +53 -0
- package/dist/components/MkFileUpload.stories.js.map +1 -0
- package/dist/components/MkFileUpload.stories.test.d.ts +2 -0
- package/dist/components/MkFileUpload.stories.test.d.ts.map +1 -0
- package/dist/components/MkFileUpload.stories.test.js +15 -0
- package/dist/components/MkFileUpload.stories.test.js.map +1 -0
- package/dist/components/MkIcons.d.ts +6 -6
- package/dist/components/MkIcons.d.ts.map +1 -1
- package/dist/components/MkIcons.js +0 -2
- package/dist/components/MkIcons.js.map +1 -1
- package/dist/components/MkInfiniteList.d.ts +1 -1
- package/dist/components/MkInfiniteList.d.ts.map +1 -1
- package/dist/components/MkInfiniteList.js +0 -2
- package/dist/components/MkInfiniteList.js.map +1 -1
- package/dist/components/MkInfiniteList.stories.d.ts +17 -0
- package/dist/components/MkInfiniteList.stories.d.ts.map +1 -0
- package/dist/components/MkInfiniteList.stories.js +90 -0
- package/dist/components/MkInfiniteList.stories.js.map +1 -0
- package/dist/components/MkInfiniteList.stories.test.d.ts +2 -0
- package/dist/components/MkInfiniteList.stories.test.d.ts.map +1 -0
- package/dist/components/MkInfiniteList.stories.test.js +24 -0
- package/dist/components/MkInfiniteList.stories.test.js.map +1 -0
- package/dist/components/MkInput.d.ts.map +1 -1
- package/dist/components/MkInput.js +0 -2
- package/dist/components/MkInput.js.map +1 -1
- package/dist/components/MkInput.stories.d.ts +13 -0
- package/dist/components/MkInput.stories.d.ts.map +1 -0
- package/dist/components/MkInput.stories.js +75 -0
- package/dist/components/MkInput.stories.js.map +1 -0
- package/dist/components/MkInput.stories.test.d.ts +2 -0
- package/dist/components/MkInput.stories.test.d.ts.map +1 -0
- package/dist/components/MkInput.stories.test.js +16 -0
- package/dist/components/MkInput.stories.test.js.map +1 -0
- package/dist/components/MkLoading.d.ts.map +1 -1
- package/dist/components/MkLoading.js +0 -2
- package/dist/components/MkLoading.js.map +1 -1
- package/dist/components/MkLoading.stories.d.ts +13 -0
- package/dist/components/MkLoading.stories.d.ts.map +1 -0
- package/dist/components/MkLoading.stories.js +35 -0
- package/dist/components/MkLoading.stories.js.map +1 -0
- package/dist/components/MkLoading.stories.test.d.ts +2 -0
- package/dist/components/MkLoading.stories.test.d.ts.map +1 -0
- package/dist/components/MkLoading.stories.test.js +15 -0
- package/dist/components/MkLoading.stories.test.js.map +1 -0
- package/dist/components/MkModal.d.ts.map +1 -1
- package/dist/components/MkModal.js +0 -2
- package/dist/components/MkModal.js.map +1 -1
- package/dist/components/MkModal.stories.d.ts +13 -0
- package/dist/components/MkModal.stories.d.ts.map +1 -0
- package/dist/components/MkModal.stories.js +73 -0
- package/dist/components/MkModal.stories.js.map +1 -0
- package/dist/components/MkProgressBar.d.ts.map +1 -1
- package/dist/components/MkProgressBar.js +0 -2
- package/dist/components/MkProgressBar.js.map +1 -1
- package/dist/components/MkProgressBar.stories.d.ts +13 -0
- package/dist/components/MkProgressBar.stories.d.ts.map +1 -0
- package/dist/components/MkProgressBar.stories.js +39 -0
- package/dist/components/MkProgressBar.stories.js.map +1 -0
- package/dist/components/MkProgressBar.stories.test.d.ts +2 -0
- package/dist/components/MkProgressBar.stories.test.d.ts.map +1 -0
- package/dist/components/MkProgressBar.stories.test.js +15 -0
- package/dist/components/MkProgressBar.stories.test.js.map +1 -0
- package/dist/components/MkRadio.d.ts.map +1 -1
- package/dist/components/MkRadio.js +0 -2
- package/dist/components/MkRadio.js.map +1 -1
- package/dist/components/MkRadio.stories.d.ts +13 -0
- package/dist/components/MkRadio.stories.d.ts.map +1 -0
- package/dist/components/MkRadio.stories.js +55 -0
- package/dist/components/MkRadio.stories.js.map +1 -0
- package/dist/components/MkRadio.stories.test.d.ts +2 -0
- package/dist/components/MkRadio.stories.test.d.ts.map +1 -0
- package/dist/components/MkRadio.stories.test.js +18 -0
- package/dist/components/MkRadio.stories.test.js.map +1 -0
- package/dist/components/MkSearchInput.d.ts.map +1 -1
- package/dist/components/MkSearchInput.js +0 -2
- package/dist/components/MkSearchInput.js.map +1 -1
- package/dist/components/MkSearchInput.stories.d.ts +13 -0
- package/dist/components/MkSearchInput.stories.d.ts.map +1 -0
- package/dist/components/MkSearchInput.stories.js +47 -0
- package/dist/components/MkSearchInput.stories.js.map +1 -0
- package/dist/components/MkSearchInput.stories.test.d.ts +2 -0
- package/dist/components/MkSearchInput.stories.test.d.ts.map +1 -0
- package/dist/components/MkSearchInput.stories.test.js +15 -0
- package/dist/components/MkSearchInput.stories.test.js.map +1 -0
- package/dist/components/MkSelect.d.ts.map +1 -1
- package/dist/components/MkSelect.js +0 -2
- package/dist/components/MkSelect.js.map +1 -1
- package/dist/components/MkSelect.stories.d.ts +12 -0
- package/dist/components/MkSelect.stories.d.ts.map +1 -0
- package/dist/components/MkSelect.stories.js +84 -0
- package/dist/components/MkSelect.stories.js.map +1 -0
- package/dist/components/MkSelect.stories.test.d.ts +2 -0
- package/dist/components/MkSelect.stories.test.d.ts.map +1 -0
- package/dist/components/MkSelect.stories.test.js +21 -0
- package/dist/components/MkSelect.stories.test.js.map +1 -0
- package/dist/components/MkSkeleton.d.ts.map +1 -1
- package/dist/components/MkSkeleton.js +0 -2
- package/dist/components/MkSkeleton.js.map +1 -1
- package/dist/components/MkSkeleton.stories.d.ts +12 -0
- package/dist/components/MkSkeleton.stories.d.ts.map +1 -0
- package/dist/components/MkSkeleton.stories.js +32 -0
- package/dist/components/MkSkeleton.stories.js.map +1 -0
- package/dist/components/MkSkeleton.stories.test.d.ts +2 -0
- package/dist/components/MkSkeleton.stories.test.d.ts.map +1 -0
- package/dist/components/MkSkeleton.stories.test.js +15 -0
- package/dist/components/MkSkeleton.stories.test.js.map +1 -0
- package/dist/components/MkSwitch.d.ts.map +1 -1
- package/dist/components/MkSwitch.js +0 -2
- package/dist/components/MkSwitch.js.map +1 -1
- package/dist/components/MkSwitch.stories.d.ts +13 -0
- package/dist/components/MkSwitch.stories.d.ts.map +1 -0
- package/dist/components/MkSwitch.stories.js +37 -0
- package/dist/components/MkSwitch.stories.js.map +1 -0
- package/dist/components/MkSwitch.stories.test.d.ts +2 -0
- package/dist/components/MkSwitch.stories.test.d.ts.map +1 -0
- package/dist/components/MkSwitch.stories.test.js +15 -0
- package/dist/components/MkSwitch.stories.test.js.map +1 -0
- package/dist/components/MkTable.d.ts +1 -1
- package/dist/components/MkTable.d.ts.map +1 -1
- package/dist/components/MkTable.js +0 -2
- package/dist/components/MkTable.js.map +1 -1
- package/dist/components/MkTable.stories.d.ts +16 -0
- package/dist/components/MkTable.stories.d.ts.map +1 -0
- package/dist/components/MkTable.stories.js +65 -0
- package/dist/components/MkTable.stories.js.map +1 -0
- package/dist/components/MkTable.stories.test.d.ts +2 -0
- package/dist/components/MkTable.stories.test.d.ts.map +1 -0
- package/dist/components/MkTable.stories.test.js +25 -0
- package/dist/components/MkTable.stories.test.js.map +1 -0
- package/dist/components/MkTabs.d.ts.map +1 -1
- package/dist/components/MkTabs.js +0 -2
- package/dist/components/MkTabs.js.map +1 -1
- package/dist/components/MkTabs.stories.d.ts +11 -0
- package/dist/components/MkTabs.stories.d.ts.map +1 -0
- package/dist/components/MkTabs.stories.js +73 -0
- package/dist/components/MkTabs.stories.js.map +1 -0
- package/dist/components/MkTextArea.d.ts.map +1 -1
- package/dist/components/MkTextArea.js +0 -2
- package/dist/components/MkTextArea.js.map +1 -1
- package/dist/components/MkTextArea.stories.d.ts +13 -0
- package/dist/components/MkTextArea.stories.d.ts.map +1 -0
- package/dist/components/MkTextArea.stories.js +56 -0
- package/dist/components/MkTextArea.stories.js.map +1 -0
- package/dist/components/MkTextArea.stories.test.d.ts +2 -0
- package/dist/components/MkTextArea.stories.test.d.ts.map +1 -0
- package/dist/components/MkTextArea.stories.test.js +15 -0
- package/dist/components/MkTextArea.stories.test.js.map +1 -0
- package/dist/components/MkThemeEditor.js +1 -1
- package/dist/components/MkThemeEditor.js.map +1 -1
- package/dist/components/MkToastContainer.d.ts.map +1 -1
- package/dist/components/MkToastContainer.js +0 -2
- package/dist/components/MkToastContainer.js.map +1 -1
- package/dist/components/MkToastContainer.stories.d.ts +9 -0
- package/dist/components/MkToastContainer.stories.d.ts.map +1 -0
- package/dist/components/MkToastContainer.stories.js +43 -0
- package/dist/components/MkToastContainer.stories.js.map +1 -0
- package/dist/components/MkToastContainer.stories.test.d.ts +2 -0
- package/dist/components/MkToastContainer.stories.test.d.ts.map +1 -0
- package/dist/components/MkToastContainer.stories.test.js +29 -0
- package/dist/components/MkToastContainer.stories.test.js.map +1 -0
- package/dist/components/MkTooltip.d.ts.map +1 -1
- package/dist/components/MkTooltip.js +0 -2
- package/dist/components/MkTooltip.js.map +1 -1
- package/dist/components/MkTooltip.stories.d.ts +13 -0
- package/dist/components/MkTooltip.stories.d.ts.map +1 -0
- package/dist/components/MkTooltip.stories.js +59 -0
- package/dist/components/MkTooltip.stories.js.map +1 -0
- package/dist/components/MkTooltip.stories.test.d.ts +2 -0
- package/dist/components/MkTooltip.stories.test.d.ts.map +1 -0
- package/dist/components/MkTooltip.stories.test.js +15 -0
- package/dist/components/MkTooltip.stories.test.js.map +1 -0
- package/dist/components/MkWindowList.d.ts +1 -1
- package/dist/components/MkWindowList.d.ts.map +1 -1
- package/dist/components/MkWindowList.js +0 -2
- package/dist/components/MkWindowList.js.map +1 -1
- package/dist/components/MkWindowList.stories.d.ts +16 -0
- package/dist/components/MkWindowList.stories.d.ts.map +1 -0
- package/dist/components/MkWindowList.stories.js +76 -0
- package/dist/components/MkWindowList.stories.js.map +1 -0
- package/dist/components/MkWindowList.stories.test.d.ts +2 -0
- package/dist/components/MkWindowList.stories.test.d.ts.map +1 -0
- package/dist/components/MkWindowList.stories.test.js +19 -0
- package/dist/components/MkWindowList.stories.test.js.map +1 -0
- package/dist/context/MkApiContext.d.ts.map +1 -1
- package/dist/context/MkApiContext.js +0 -2
- package/dist/context/MkApiContext.js.map +1 -1
- package/dist/context/MkAuthContext.d.ts +1 -1
- package/dist/context/MkAuthContext.d.ts.map +1 -1
- package/dist/context/MkAuthContext.js +1 -3
- package/dist/context/MkAuthContext.js.map +1 -1
- package/dist/context/MkConfirmContext.d.ts +1 -1
- package/dist/context/MkConfirmContext.d.ts.map +1 -1
- package/dist/context/MkConfirmContext.js +0 -2
- package/dist/context/MkConfirmContext.js.map +1 -1
- package/dist/context/MkToastContext.d.ts +1 -1
- package/dist/context/MkToastContext.d.ts.map +1 -1
- package/dist/context/MkToastContext.js +0 -2
- package/dist/context/MkToastContext.js.map +1 -1
- package/dist/hooks/useApi.d.ts +1 -1
- package/dist/hooks/useApi.d.ts.map +1 -1
- package/dist/hooks/useApi.js +0 -2
- package/dist/hooks/useApi.js.map +1 -1
- package/dist/hooks/useApi.test.js +0 -2
- package/dist/hooks/useApi.test.js.map +1 -1
- package/dist/hooks/useMkClickOutside.d.ts.map +1 -1
- package/dist/hooks/useMkClickOutside.js +0 -2
- package/dist/hooks/useMkClickOutside.js.map +1 -1
- package/dist/hooks/useMkCrud.d.ts +1 -1
- package/dist/hooks/useMkCrud.d.ts.map +1 -1
- package/dist/hooks/useMkCrud.js +0 -2
- package/dist/hooks/useMkCrud.js.map +1 -1
- package/dist/hooks/useMkCrud.test.js +0 -2
- package/dist/hooks/useMkCrud.test.js.map +1 -1
- package/dist/hooks/useMkDebounce.d.ts.map +1 -1
- package/dist/hooks/useMkDebounce.js +0 -2
- package/dist/hooks/useMkDebounce.js.map +1 -1
- package/dist/hooks/useMkEvent.d.ts +1 -1
- package/dist/hooks/useMkEvent.js +1 -1
- package/dist/hooks/useMkForm.d.ts +1 -1
- package/dist/hooks/useMkForm.d.ts.map +1 -1
- package/dist/hooks/useMkForm.js +1 -1
- package/dist/hooks/useMkForm.js.map +1 -1
- package/dist/hooks/useMkList.d.ts +7 -7
- package/dist/hooks/useMkList.js +0 -1
- package/dist/hooks/useMkList.js.map +1 -1
- package/dist/hooks/useMkScreenSize.js +0 -1
- package/dist/hooks/useMkScreenSize.js.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/test-setup.js +29 -0
- package/dist/test-setup.js.map +1 -1
- package/dist/theme/MkThemeProvider.d.ts +3 -3
- package/dist/theme/MkThemeProvider.d.ts.map +1 -1
- package/dist/theme/MkThemeProvider.js +2 -2
- package/dist/theme/MkThemeProvider.js.map +1 -1
- package/eslint-plugin-mk/README.md +167 -0
- package/package.json +16 -4
- package/dist/auth/auth/MkAuthContext.d.ts +0 -42
- package/dist/auth/auth/MkAuthForm.d.ts +0 -41
- package/dist/auth/auth/MkAuthProvider.d.ts +0 -29
- package/dist/auth/auth/types.d.ts +0 -62
- package/dist/auth/auth/useMkAuth.d.ts +0 -18
- package/dist/auth/components/MkButton.d.ts +0 -10
- package/dist/auth/components/MkInput.d.ts +0 -12
|
@@ -0,0 +1,67 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { MkAvatar } from './MkAvatar';
|
|
3
|
+
const meta = {
|
|
4
|
+
title: 'Components/MkAvatar',
|
|
5
|
+
component: MkAvatar,
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: 'centered',
|
|
8
|
+
},
|
|
9
|
+
tags: ['autodocs'],
|
|
10
|
+
argTypes: {
|
|
11
|
+
name: { control: 'text' },
|
|
12
|
+
size: {
|
|
13
|
+
control: { type: 'select' },
|
|
14
|
+
options: ['xs', 'sm', 'md', 'lg', 'xl'],
|
|
15
|
+
},
|
|
16
|
+
status: {
|
|
17
|
+
control: { type: 'select' },
|
|
18
|
+
options: [null, 'online', 'offline', 'away', 'busy'],
|
|
19
|
+
},
|
|
20
|
+
},
|
|
21
|
+
};
|
|
22
|
+
export default meta;
|
|
23
|
+
export const WithInitials = {
|
|
24
|
+
args: {
|
|
25
|
+
name: 'Mario Guzman',
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
export const WithImage = {
|
|
29
|
+
args: {
|
|
30
|
+
name: 'Mario Guzman',
|
|
31
|
+
src: 'https://i.pravatar.cc/150?img=12',
|
|
32
|
+
},
|
|
33
|
+
};
|
|
34
|
+
export const Sizes = {
|
|
35
|
+
render: () => (_jsxs("div", { style: { display: 'flex', gap: 16, alignItems: 'center' }, children: [_jsx(MkAvatar, { name: "XS", size: "xs" }), _jsx(MkAvatar, { name: "SM", size: "sm" }), _jsx(MkAvatar, { name: "MD", size: "md" }), _jsx(MkAvatar, { name: "LG", size: "lg" }), _jsx(MkAvatar, { name: "XL", size: "xl" })] })),
|
|
36
|
+
};
|
|
37
|
+
export const Online = {
|
|
38
|
+
args: {
|
|
39
|
+
name: 'Ana López',
|
|
40
|
+
status: 'online',
|
|
41
|
+
},
|
|
42
|
+
};
|
|
43
|
+
export const Away = {
|
|
44
|
+
args: {
|
|
45
|
+
name: 'Carlos Pérez',
|
|
46
|
+
status: 'away',
|
|
47
|
+
},
|
|
48
|
+
};
|
|
49
|
+
export const Busy = {
|
|
50
|
+
args: {
|
|
51
|
+
name: 'Diana Ruiz',
|
|
52
|
+
status: 'busy',
|
|
53
|
+
},
|
|
54
|
+
};
|
|
55
|
+
export const Offline = {
|
|
56
|
+
args: {
|
|
57
|
+
name: 'Eduardo Vega',
|
|
58
|
+
status: 'offline',
|
|
59
|
+
},
|
|
60
|
+
};
|
|
61
|
+
export const Clickable = {
|
|
62
|
+
args: {
|
|
63
|
+
name: 'Click me',
|
|
64
|
+
onClick: () => alert('Avatar clicked'),
|
|
65
|
+
},
|
|
66
|
+
};
|
|
67
|
+
//# sourceMappingURL=MkAvatar.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkAvatar.stories.js","sourceRoot":"","sources":["../../src/components/MkAvatar.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,IAAI,GAA0B;IAChC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,IAAI,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QACzB,IAAI,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;SAC1C;QACD,MAAM,EAAE;YACJ,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,CAAC;SACvD;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,YAAY,GAAU;IAC/B,IAAI,EAAE;QACF,IAAI,EAAE,cAAc;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,GAAG,EAAE,kCAAkC;KAC1C;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,aAC1D,KAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAG,EAChC,KAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAG,EAChC,KAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAG,EAChC,KAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAG,EAChC,KAAC,QAAQ,IAAC,IAAI,EAAC,IAAI,EAAC,IAAI,EAAC,IAAI,GAAG,IAC9B,CACT;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE;QACF,IAAI,EAAE,WAAW;QACjB,MAAM,EAAE,QAAQ;KACnB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACvB,IAAI,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,MAAM;KACjB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACvB,IAAI,EAAE;QACF,IAAI,EAAE,YAAY;QAClB,MAAM,EAAE,MAAM;KACjB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,IAAI,EAAE,cAAc;QACpB,MAAM,EAAE,SAAS;KACpB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,IAAI,EAAE,UAAU;QAChB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC;KACzC;CACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkAvatar.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkAvatar.stories.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Smoke snapshot for MkAvatar — generates `__snapshots__/MkAvatar.stories.snap`.
|
|
4
|
+
* Required by R-MK-002 stories coverage rule (mk:lint:stories).
|
|
5
|
+
*/
|
|
6
|
+
import { describe, it, expect, afterEach } from 'vitest';
|
|
7
|
+
import { render, cleanup } from '@testing-library/react';
|
|
8
|
+
import { MkAvatar } from './MkAvatar';
|
|
9
|
+
describe('MkAvatar story smoke', () => {
|
|
10
|
+
afterEach(cleanup);
|
|
11
|
+
it('renders with initials', () => {
|
|
12
|
+
const { container } = render(_jsx(MkAvatar, { name: "Mario Guzman" }));
|
|
13
|
+
expect(container.firstChild).toMatchSnapshot();
|
|
14
|
+
});
|
|
15
|
+
});
|
|
16
|
+
//# sourceMappingURL=MkAvatar.stories.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkAvatar.stories.test.js","sourceRoot":"","sources":["../../src/components/MkAvatar.stories.test.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAQ,CAAC,sBAAsB,EAAE,GAAG,EAAE;IAClC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,uBAAuB,EAAE,GAAG,EAAE;QAC7B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,QAAQ,IAAC,IAAI,EAAC,cAAc,GAAG,CAAC,CAAC;QAC/D,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkBadge.d.ts","sourceRoot":"","sources":["../../src/components/MkBadge.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MkBadge.d.ts","sourceRoot":"","sources":["../../src/components/MkBadge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AAEH,MAAM,WAAW,YAAY;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,MAAM,CAAC;IAC3E,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAC;IACnB,GAAG,CAAC,EAAE,OAAO,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC/B;AAED,wBAAgB,OAAO,CAAC,EACpB,QAAQ,EACR,OAAmB,EACnB,IAAW,EACX,GAAW,EACX,SAAS,EACT,KAAK,GACR,EAAE,YAAY,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAUlC"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
use;
|
|
3
|
-
client;
|
|
4
2
|
import styles from './MkBadge.module.css';
|
|
5
3
|
export function MkBadge({ children, variant = 'default', size = 'sm', dot = false, className, style, }) {
|
|
6
4
|
return (_jsxs("span", { className: `${styles.badge} ${styles[variant]} ${styles[size]} ${className || ''}`, style: style, children: [dot && _jsx("span", { className: styles.dot }), children] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkBadge.js","sourceRoot":"","sources":["../../src/components/MkBadge.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"MkBadge.js","sourceRoot":"","sources":["../../src/components/MkBadge.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAgB1C,MAAM,UAAU,OAAO,CAAC,EACpB,QAAQ,EACR,OAAO,GAAG,SAAS,EACnB,IAAI,GAAG,IAAI,EACX,GAAG,GAAG,KAAK,EACX,SAAS,EACT,KAAK,GACM;IACX,OAAO,CACH,gBACI,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,EAClF,KAAK,EAAE,KAAK,aAEX,GAAG,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,GAAG,GAAI,EACtC,QAAQ,IACN,CACV,CAAC;AACN,CAAC;AAAA,CAAC"}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { MkBadge } from './MkBadge';
|
|
3
|
+
declare const meta: Meta<typeof MkBadge>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof MkBadge>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Primary: Story;
|
|
8
|
+
export declare const Success: Story;
|
|
9
|
+
export declare const Warning: Story;
|
|
10
|
+
export declare const Error: Story;
|
|
11
|
+
export declare const Info: Story;
|
|
12
|
+
export declare const WithDot: Story;
|
|
13
|
+
export declare const SizeMd: Story;
|
|
14
|
+
export declare const WithCount: Story;
|
|
15
|
+
//# sourceMappingURL=MkBadge.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkBadge.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkBadge.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAkB9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAKlB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAMpB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC"}
|
|
@@ -0,0 +1,78 @@
|
|
|
1
|
+
import { MkBadge } from './MkBadge';
|
|
2
|
+
const meta = {
|
|
3
|
+
title: 'Components/MkBadge',
|
|
4
|
+
component: MkBadge,
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: 'centered',
|
|
7
|
+
},
|
|
8
|
+
tags: ['autodocs'],
|
|
9
|
+
argTypes: {
|
|
10
|
+
variant: {
|
|
11
|
+
control: { type: 'select' },
|
|
12
|
+
options: ['default', 'primary', 'success', 'warning', 'error', 'info'],
|
|
13
|
+
},
|
|
14
|
+
size: {
|
|
15
|
+
control: { type: 'select' },
|
|
16
|
+
options: ['sm', 'md'],
|
|
17
|
+
},
|
|
18
|
+
dot: { control: 'boolean' },
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
export default meta;
|
|
22
|
+
export const Default = {
|
|
23
|
+
args: {
|
|
24
|
+
children: 'Default',
|
|
25
|
+
},
|
|
26
|
+
};
|
|
27
|
+
export const Primary = {
|
|
28
|
+
args: {
|
|
29
|
+
children: 'Primary',
|
|
30
|
+
variant: 'primary',
|
|
31
|
+
},
|
|
32
|
+
};
|
|
33
|
+
export const Success = {
|
|
34
|
+
args: {
|
|
35
|
+
children: 'Active',
|
|
36
|
+
variant: 'success',
|
|
37
|
+
},
|
|
38
|
+
};
|
|
39
|
+
export const Warning = {
|
|
40
|
+
args: {
|
|
41
|
+
children: 'Pending',
|
|
42
|
+
variant: 'warning',
|
|
43
|
+
},
|
|
44
|
+
};
|
|
45
|
+
export const Error = {
|
|
46
|
+
args: {
|
|
47
|
+
children: 'Failed',
|
|
48
|
+
variant: 'error',
|
|
49
|
+
},
|
|
50
|
+
};
|
|
51
|
+
export const Info = {
|
|
52
|
+
args: {
|
|
53
|
+
children: 'New',
|
|
54
|
+
variant: 'info',
|
|
55
|
+
},
|
|
56
|
+
};
|
|
57
|
+
export const WithDot = {
|
|
58
|
+
args: {
|
|
59
|
+
children: 'Live',
|
|
60
|
+
variant: 'success',
|
|
61
|
+
dot: true,
|
|
62
|
+
},
|
|
63
|
+
};
|
|
64
|
+
export const SizeMd = {
|
|
65
|
+
args: {
|
|
66
|
+
children: 'Medium badge',
|
|
67
|
+
variant: 'primary',
|
|
68
|
+
size: 'md',
|
|
69
|
+
},
|
|
70
|
+
};
|
|
71
|
+
export const WithCount = {
|
|
72
|
+
args: {
|
|
73
|
+
children: '12',
|
|
74
|
+
variant: 'primary',
|
|
75
|
+
size: 'sm',
|
|
76
|
+
},
|
|
77
|
+
};
|
|
78
|
+
//# sourceMappingURL=MkBadge.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkBadge.stories.js","sourceRoot":"","sources":["../../src/components/MkBadge.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,IAAI,GAAyB;IAC/B,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,CAAC;SACzE;QACD,IAAI,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;SACxB;QACD,GAAG,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KAC9B;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,QAAQ,EAAE,SAAS;KACtB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,SAAS;KACrB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,SAAS;KACrB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,QAAQ,EAAE,SAAS;QACnB,OAAO,EAAE,SAAS;KACrB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,QAAQ,EAAE,QAAQ;QAClB,OAAO,EAAE,OAAO;KACnB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IACvB,IAAI,EAAE;QACF,QAAQ,EAAE,KAAK;QACf,OAAO,EAAE,MAAM;KAClB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,QAAQ,EAAE,MAAM;QAChB,OAAO,EAAE,SAAS;QAClB,GAAG,EAAE,IAAI;KACZ;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IACzB,IAAI,EAAE;QACF,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACb;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,SAAS;QAClB,IAAI,EAAE,IAAI;KACb;CACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkBadge.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkBadge.stories.test.tsx"],"names":[],"mappings":""}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
/**
|
|
3
|
+
* Smoke snapshot for MkBadge — generates `__snapshots__/MkBadge.stories.snap`.
|
|
4
|
+
* Required by R-MK-002 stories coverage rule (mk:lint:stories).
|
|
5
|
+
*/
|
|
6
|
+
import { describe, it, expect, afterEach } from 'vitest';
|
|
7
|
+
import { render, cleanup } from '@testing-library/react';
|
|
8
|
+
import { MkBadge } from './MkBadge';
|
|
9
|
+
describe('MkBadge story smoke', () => {
|
|
10
|
+
afterEach(cleanup);
|
|
11
|
+
it('renders with dot', () => {
|
|
12
|
+
const { container } = render(_jsx(MkBadge, { variant: "success", dot: true, children: "Live" }));
|
|
13
|
+
expect(container.firstChild).toMatchSnapshot();
|
|
14
|
+
});
|
|
15
|
+
});
|
|
16
|
+
//# sourceMappingURL=MkBadge.stories.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkBadge.stories.test.js","sourceRoot":"","sources":["../../src/components/MkBadge.stories.test.tsx"],"names":[],"mappings":";AAAA;;;GAGG;AACH,OAAO,EAAE,QAAQ,EAAE,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAC;AACzD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAQ,CAAC,qBAAqB,EAAE,GAAG,EAAE;IACjC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,kBAAkB,EAAE,GAAG,EAAE;QACxB,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,OAAO,IAAC,OAAO,EAAC,SAAS,EAAC,GAAG,2BAAe,CAAC,CAAC;QAC5E,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { MkTheme } from '@
|
|
2
|
+
import type { MkTheme } from '@makroz/core';
|
|
3
3
|
interface MkButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
|
|
4
4
|
variant?: 'primary' | 'outline' | 'ghost' | 'error';
|
|
5
5
|
loading?: boolean;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkButton.d.ts","sourceRoot":"","sources":["../../src/components/MkButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MkButton.d.ts","sourceRoot":"","sources":["../../src/components/MkButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAE5C,UAAU,aAAc,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IACzE,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;IACpD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,4DAA4D;IAC5D,MAAM,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,QAAQ,EAAE,KAAK,CAAC,EAAE,CAAC,aAAa,CAuB5C,CAAC"}
|
|
@@ -10,8 +10,6 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
|
10
10
|
return t;
|
|
11
11
|
};
|
|
12
12
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
13
|
-
use;
|
|
14
|
-
client;
|
|
15
13
|
import styles from './MkButton.module.css';
|
|
16
14
|
export const MkButton = (_a) => {
|
|
17
15
|
var { variant = 'primary', loading, children, className, _theme: _theme, style } = _a, props = __rest(_a, ["variant", "loading", "children", "className", "_theme", "style"]);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkButton.js","sourceRoot":"","sources":["../../src/components/MkButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;
|
|
1
|
+
{"version":3,"file":"MkButton.js","sourceRoot":"","sources":["../../src/components/MkButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,OAAO,MAAM,MAAM,uBAAuB,CAAC;AAU3C,MAAM,CAAC,MAAM,QAAQ,GAA4B,CAAC,EAQjD,EAAE,EAAE;QAR6C,EAC9C,OAAO,GAAG,SAAS,EACnB,OAAO,EACP,QAAQ,EACR,SAAS,EACT,MAAM,EAAE,MAAM,EACd,KAAK,OAER,EADM,KAAK,cAPsC,kEAQjD,CADW;IAER,OAAO,CACH,+BACI,SAAS,EAAE,GAAG,MAAM,CAAC,MAAM,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,SAAS,IAAI,EAAE,EAAE,EACnE,QAAQ,EAAE,OAAO,IAAI,KAAK,CAAC,QAAQ,EACnC,KAAK,kBACD,YAAY,EAAE,kBAAkB,EAChC,UAAU,EAAE,eAAe,IACxB,KAAK,KAER,KAAK,cAER,OAAO,CAAC,CAAC,CAAC,eAAM,SAAS,EAAE,MAAM,CAAC,MAAM,GAAS,CAAC,CAAC,CAAC,QAAQ,IACxD,CACZ,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { MkButton } from './MkButton';
|
|
3
|
+
declare const meta: Meta<typeof MkButton>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof MkButton>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const Outline: Story;
|
|
8
|
+
export declare const Ghost: Story;
|
|
9
|
+
export declare const Error: Story;
|
|
10
|
+
export declare const Loading: Story;
|
|
11
|
+
export declare const Disabled: Story;
|
|
12
|
+
//# sourceMappingURL=MkButton.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkButton.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkButton.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAe/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAKnB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { MkButton } from './MkButton';
|
|
2
|
+
const meta = {
|
|
3
|
+
title: 'Components/MkButton',
|
|
4
|
+
component: MkButton,
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: 'centered',
|
|
7
|
+
},
|
|
8
|
+
tags: ['autodocs'],
|
|
9
|
+
argTypes: {
|
|
10
|
+
variant: {
|
|
11
|
+
control: { type: 'select' },
|
|
12
|
+
options: ['primary', 'outline', 'ghost', 'error'],
|
|
13
|
+
},
|
|
14
|
+
loading: { control: 'boolean' },
|
|
15
|
+
disabled: { control: 'boolean' },
|
|
16
|
+
},
|
|
17
|
+
};
|
|
18
|
+
export default meta;
|
|
19
|
+
export const Primary = {
|
|
20
|
+
args: {
|
|
21
|
+
variant: 'primary',
|
|
22
|
+
children: 'Primary Button',
|
|
23
|
+
},
|
|
24
|
+
};
|
|
25
|
+
export const Outline = {
|
|
26
|
+
args: {
|
|
27
|
+
variant: 'outline',
|
|
28
|
+
children: 'Outline Button',
|
|
29
|
+
},
|
|
30
|
+
};
|
|
31
|
+
export const Ghost = {
|
|
32
|
+
args: {
|
|
33
|
+
variant: 'ghost',
|
|
34
|
+
children: 'Ghost Button',
|
|
35
|
+
},
|
|
36
|
+
};
|
|
37
|
+
export const Error = {
|
|
38
|
+
args: {
|
|
39
|
+
variant: 'error',
|
|
40
|
+
children: 'Error Button',
|
|
41
|
+
},
|
|
42
|
+
};
|
|
43
|
+
export const Loading = {
|
|
44
|
+
args: {
|
|
45
|
+
variant: 'primary',
|
|
46
|
+
loading: true,
|
|
47
|
+
children: 'Loading...',
|
|
48
|
+
},
|
|
49
|
+
};
|
|
50
|
+
export const Disabled = {
|
|
51
|
+
args: {
|
|
52
|
+
variant: 'primary',
|
|
53
|
+
disabled: true,
|
|
54
|
+
children: 'Disabled',
|
|
55
|
+
},
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=MkButton.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkButton.stories.js","sourceRoot":"","sources":["../../src/components/MkButton.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AAEtC,MAAM,IAAI,GAA0B;IAChC,KAAK,EAAE,qBAAqB;IAC5B,SAAS,EAAE,QAAQ;IACnB,UAAU,EAAE;QACR,MAAM,EAAE,UAAU;KACrB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,CAAC;SACpD;QACD,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;KACnC;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,gBAAgB;KAC7B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,gBAAgB;KAC7B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,OAAO,EAAE,OAAO;QAChB,QAAQ,EAAE,cAAc;KAC3B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,OAAO,EAAE,OAAO;QAChB,QAAQ,EAAE,cAAc;KAC3B;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,OAAO,EAAE,SAAS;QAClB,OAAO,EAAE,IAAI;QACb,QAAQ,EAAE,YAAY;KACzB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,OAAO,EAAE,SAAS;QAClB,QAAQ,EAAE,IAAI;QACd,QAAQ,EAAE,UAAU;KACvB;CACJ,CAAC"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
use;
|
|
3
|
-
client;
|
|
4
2
|
import { describe, it, expect, vi } from 'vitest';
|
|
5
3
|
import { render, screen, fireEvent } from '@testing-library/react';
|
|
6
4
|
import { MkButton } from '../components/MkButton';
|
|
@@ -30,9 +28,9 @@ describe('MkButton', () => {
|
|
|
30
28
|
it('shows loading spinner and disables button', () => {
|
|
31
29
|
render(_jsx(MkButton, { loading: true, children: "Click me" }));
|
|
32
30
|
const button = screen.getByRole('button');
|
|
33
|
-
expect(button.disabled).toBe(true);
|
|
31
|
+
expect(button === null || button === void 0 ? void 0 : button.disabled).toBe(true);
|
|
34
32
|
// When loading, children are replaced with spinner
|
|
35
|
-
expect(button.querySelector('span')).not.toBeNull();
|
|
33
|
+
expect(button === null || button === void 0 ? void 0 : button.querySelector('span')).not.toBeNull();
|
|
36
34
|
});
|
|
37
35
|
it('does not render children when loading', () => {
|
|
38
36
|
render(_jsx(MkButton, { loading: true, children: "Submit Form" }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkButton.test.js","sourceRoot":"","sources":["../../src/components/MkButton.test.tsx"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"MkButton.test.js","sourceRoot":"","sources":["../../src/components/MkButton.test.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkCard.d.ts","sourceRoot":"","sources":["../../src/components/MkCard.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MkCard.d.ts","sourceRoot":"","sources":["../../src/components/MkCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B;;;GAGG;AAEH,MAAM,WAAW,WAAW;IACxB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC9B,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,GAAG,UAAU,CAAC;IAC9C,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,WAAW,CA+BxC,CAAC"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
use;
|
|
3
|
-
client;
|
|
4
2
|
import styles from './MkCard.module.css';
|
|
5
3
|
export const MkCard = ({ children, title, subtitle, headerRight, footer, variant = 'default', padding = 'md', onClick, className, }) => {
|
|
6
4
|
return (_jsxs("div", { className: `${styles.card} ${styles[variant]} ${styles[`pad-${padding}`]} ${onClick ? styles.clickable : ''} ${className || ''}`, onClick: onClick, role: onClick ? 'button' : undefined, tabIndex: onClick ? 0 : undefined, children: [(title || headerRight) && (_jsxs("div", { className: styles.header, children: [_jsxs("div", { children: [title && _jsx("h3", { className: styles.title, children: title }), subtitle && _jsx("p", { className: styles.subtitle, children: subtitle })] }), headerRight && _jsx("div", { className: styles.headerRight, children: headerRight })] })), _jsx("div", { className: styles.body, children: children }), footer && _jsx("div", { className: styles.footer, children: footer })] }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkCard.js","sourceRoot":"","sources":["../../src/components/MkCard.tsx"],"names":[],"mappings":";
|
|
1
|
+
{"version":3,"file":"MkCard.js","sourceRoot":"","sources":["../../src/components/MkCard.tsx"],"names":[],"mappings":";AACA,OAAO,MAAM,MAAM,qBAAqB,CAAC;AAmBzC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC1C,QAAQ,EACR,KAAK,EACL,QAAQ,EACR,WAAW,EACX,MAAM,EACN,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,IAAI,EACd,OAAO,EACP,SAAS,GACZ,EAAE,EAAE;IACD,OAAO,CACH,eACI,SAAS,EAAE,GAAG,MAAM,CAAC,IAAI,IAAI,MAAM,CAAC,OAAO,CAAC,IAAI,MAAM,CAAC,OAAO,OAAO,EAAE,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,SAAS,IAAI,EAAE,EAAE,EAChI,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,EACpC,QAAQ,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,aAEhC,CAAC,KAAK,IAAI,WAAW,CAAC,IAAI,CACvB,eAAK,SAAS,EAAE,MAAM,CAAC,MAAM,aACzB,0BACK,KAAK,IAAI,aAAI,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAM,EAClD,QAAQ,IAAI,YAAG,SAAS,EAAE,MAAM,CAAC,QAAQ,YAAG,QAAQ,GAAK,IACxD,EACL,WAAW,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,WAAW,GAAO,IACrE,CACT,EACD,cAAK,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,QAAQ,GAAO,EAC5C,MAAM,IAAI,cAAK,SAAS,EAAE,MAAM,CAAC,MAAM,YAAG,MAAM,GAAO,IACtD,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { MkCard } from './MkCard';
|
|
3
|
+
declare const meta: Meta<typeof MkCard>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof MkCard>;
|
|
6
|
+
export declare const Default: Story;
|
|
7
|
+
export declare const Outlined: Story;
|
|
8
|
+
export declare const Elevated: Story;
|
|
9
|
+
export declare const WithFooter: Story;
|
|
10
|
+
export declare const Clickable: Story;
|
|
11
|
+
//# sourceMappingURL=MkCard.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkCard.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkCard.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,MAAM,CAiB7B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,MAAM,CAAC,CAAC;AAErC,eAAO,MAAM,OAAO,EAAE,KAMrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAOxB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC"}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { MkCard } from './MkCard';
|
|
2
|
+
const meta = {
|
|
3
|
+
title: 'Components/MkCard',
|
|
4
|
+
component: MkCard,
|
|
5
|
+
parameters: {
|
|
6
|
+
layout: 'padded',
|
|
7
|
+
},
|
|
8
|
+
tags: ['autodocs'],
|
|
9
|
+
argTypes: {
|
|
10
|
+
variant: {
|
|
11
|
+
control: { type: 'select' },
|
|
12
|
+
options: ['default', 'outlined', 'elevated'],
|
|
13
|
+
},
|
|
14
|
+
padding: {
|
|
15
|
+
control: { type: 'select' },
|
|
16
|
+
options: ['none', 'sm', 'md', 'lg'],
|
|
17
|
+
},
|
|
18
|
+
},
|
|
19
|
+
};
|
|
20
|
+
export default meta;
|
|
21
|
+
export const Default = {
|
|
22
|
+
args: {
|
|
23
|
+
title: 'Default Card',
|
|
24
|
+
subtitle: 'A simple card with title and body',
|
|
25
|
+
children: 'This is the body content of the card. Cards are flexible containers.',
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
export const Outlined = {
|
|
29
|
+
args: {
|
|
30
|
+
title: 'Outlined Card',
|
|
31
|
+
variant: 'outlined',
|
|
32
|
+
children: 'Outlined cards have a thin border and no shadow.',
|
|
33
|
+
},
|
|
34
|
+
};
|
|
35
|
+
export const Elevated = {
|
|
36
|
+
args: {
|
|
37
|
+
title: 'Elevated Card',
|
|
38
|
+
variant: 'elevated',
|
|
39
|
+
children: 'Elevated cards have a strong drop shadow to lift off the page.',
|
|
40
|
+
},
|
|
41
|
+
};
|
|
42
|
+
export const WithFooter = {
|
|
43
|
+
args: {
|
|
44
|
+
title: 'Card with Footer',
|
|
45
|
+
subtitle: 'Useful for actions',
|
|
46
|
+
children: 'Main content of the card.',
|
|
47
|
+
footer: 'Last updated: 2026-06-13',
|
|
48
|
+
},
|
|
49
|
+
};
|
|
50
|
+
export const Clickable = {
|
|
51
|
+
args: {
|
|
52
|
+
title: 'Clickable Card',
|
|
53
|
+
children: 'Click anywhere on this card to trigger an action.',
|
|
54
|
+
onClick: () => alert('Card clicked!'),
|
|
55
|
+
},
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=MkCard.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkCard.stories.js","sourceRoot":"","sources":["../../src/components/MkCard.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC,MAAM,IAAI,GAAwB;IAC9B,KAAK,EAAE,mBAAmB;IAC1B,SAAS,EAAE,MAAM;IACjB,UAAU,EAAE;QACR,MAAM,EAAE,QAAQ;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,OAAO,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,SAAS,EAAE,UAAU,EAAE,UAAU,CAAC;SAC/C;QACD,OAAO,EAAE;YACL,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;SACtC;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,KAAK,EAAE,cAAc;QACrB,QAAQ,EAAE,mCAAmC;QAC7C,QAAQ,EAAE,sEAAsE;KACnF;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,KAAK,EAAE,eAAe;QACtB,OAAO,EAAE,UAAU;QACnB,QAAQ,EAAE,kDAAkD;KAC/D;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,KAAK,EAAE,eAAe;QACtB,OAAO,EAAE,UAAU;QACnB,QAAQ,EAAE,gEAAgE;KAC7E;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAC7B,IAAI,EAAE;QACF,KAAK,EAAE,kBAAkB;QACzB,QAAQ,EAAE,oBAAoB;QAC9B,QAAQ,EAAE,2BAA2B;QACrC,MAAM,EAAE,0BAA0B;KACrC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EAAE,mDAAmD;QAC7D,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,eAAe,CAAC;KACxC;CACJ,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkCheck.d.ts","sourceRoot":"","sources":["../../src/components/MkCheck.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"MkCheck.d.ts","sourceRoot":"","sources":["../../src/components/MkCheck.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C;;;;;;;;;;GAUG;AAEH,MAAM,WAAW,YAAY;IACzB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,uBAAuB;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,+CAA+C;IAC/C,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,mCAAmC;IACnC,QAAQ,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACtC,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oBAAoB;IACpB,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1B,4BAA4B;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA0C1C,CAAC"}
|
|
@@ -1,6 +1,4 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
use;
|
|
3
|
-
client;
|
|
4
2
|
import { useCallback } from 'react';
|
|
5
3
|
import styles from './MkCheck.module.css';
|
|
6
4
|
export const MkCheck = ({ label, checked = false, indeterminate = false, onChange, disabled = false, error, size = 'md', className, }) => {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MkCheck.js","sourceRoot":"","sources":["../../src/components/MkCheck.tsx"],"names":[],"mappings":";AAAA,
|
|
1
|
+
{"version":3,"file":"MkCheck.js","sourceRoot":"","sources":["../../src/components/MkCheck.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAiC1C,MAAM,CAAC,MAAM,OAAO,GAA2B,CAAC,EAC5C,KAAK,EACL,OAAO,GAAG,KAAK,EACf,aAAa,GAAG,KAAK,EACrB,QAAQ,EACR,QAAQ,GAAG,KAAK,EAChB,KAAK,EACL,IAAI,GAAG,IAAI,EACX,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,YAAY,GAAG,WAAW,CAAC,GAAG,EAAE;QAClC,IAAI,CAAC,QAAQ;YAAE,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,OAAO,CAAC,CAAC;IACxC,CAAC,EAAE,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC;IAElC,OAAO,CACH,eAAK,SAAS,EAAE,GAAG,MAAM,CAAC,SAAS,IAAI,SAAS,IAAI,EAAE,EAAE,aACpD,iBAAO,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,EAAE,aAClE,eACI,SAAS,EAAE,GAAG,MAAM,CAAC,QAAQ,IAAI,MAAM,CAAC,IAAI,CAAC,IAAI,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAAE,IAAI,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,aAAa,CAAC,CAAC,CAAC,EAAE,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,EAAE,EAC1J,OAAO,EAAE,YAAY,EACrB,IAAI,EAAC,UAAU,kBACD,aAAa,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,OAAO,mBAChC,QAAQ,EACvB,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAC3B,SAAS,EAAE,CAAC,CAAC,EAAE,EAAE,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,GAAG,IAAI,CAAC,CAAC,GAAG,KAAK,OAAO;4BAAE,YAAY,EAAE,CAAC,CAAC,CAAC,aAE5E,OAAO,IAAI,CACR,cAAK,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,YAC3C,mBAAU,MAAM,EAAC,oBAAoB,EAAC,IAAI,EAAC,MAAM,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,EAAC,cAAc,EAAC,OAAO,GAAG,GACrI,CACT,EACA,aAAa,IAAI,CAAC,OAAO,IAAI,CAC1B,cAAK,OAAO,EAAC,WAAW,EAAC,SAAS,EAAE,MAAM,CAAC,IAAI,YAC3C,eAAM,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,EAAE,EAAC,KAAK,EAAC,EAAE,EAAC,GAAG,EAAC,MAAM,EAAC,cAAc,EAAC,WAAW,EAAC,GAAG,EAAC,aAAa,EAAC,OAAO,GAAG,GAClG,CACT,IACC,EACL,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,IAAI,YAAG,KAAK,GAAQ,IAClD,EACP,KAAK,IAAI,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,GAAQ,IACzD,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import { MkCheck } from './MkCheck';
|
|
3
|
+
declare const meta: Meta<typeof MkCheck>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof MkCheck>;
|
|
6
|
+
export declare const Unchecked: Story;
|
|
7
|
+
export declare const Checked: Story;
|
|
8
|
+
export declare const Indeterminate: Story;
|
|
9
|
+
export declare const Disabled: Story;
|
|
10
|
+
export declare const DisabledChecked: Story;
|
|
11
|
+
export declare const WithError: Story;
|
|
12
|
+
export declare const Sizes: Story;
|
|
13
|
+
//# sourceMappingURL=MkCheck.stories.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkCheck.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkCheck.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,OAAO,CAiB9B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,OAAO,CAAC,CAAC;AAEtC,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAK3B,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAM7B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAQnB,CAAC"}
|
|
@@ -0,0 +1,63 @@
|
|
|
1
|
+
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
+
import { MkCheck } from './MkCheck';
|
|
3
|
+
const meta = {
|
|
4
|
+
title: 'Components/MkCheck',
|
|
5
|
+
component: MkCheck,
|
|
6
|
+
parameters: {
|
|
7
|
+
layout: 'padded',
|
|
8
|
+
},
|
|
9
|
+
tags: ['autodocs'],
|
|
10
|
+
argTypes: {
|
|
11
|
+
label: { control: 'text' },
|
|
12
|
+
checked: { control: 'boolean' },
|
|
13
|
+
indeterminate: { control: 'boolean' },
|
|
14
|
+
disabled: { control: 'boolean' },
|
|
15
|
+
size: {
|
|
16
|
+
control: { type: 'select' },
|
|
17
|
+
options: ['sm', 'md', 'lg'],
|
|
18
|
+
},
|
|
19
|
+
},
|
|
20
|
+
};
|
|
21
|
+
export default meta;
|
|
22
|
+
export const Unchecked = {
|
|
23
|
+
args: {
|
|
24
|
+
label: 'Accept terms and conditions',
|
|
25
|
+
checked: false,
|
|
26
|
+
},
|
|
27
|
+
};
|
|
28
|
+
export const Checked = {
|
|
29
|
+
args: {
|
|
30
|
+
label: 'I agree',
|
|
31
|
+
checked: true,
|
|
32
|
+
},
|
|
33
|
+
};
|
|
34
|
+
export const Indeterminate = {
|
|
35
|
+
args: {
|
|
36
|
+
label: 'Select all (some selected)',
|
|
37
|
+
indeterminate: true,
|
|
38
|
+
},
|
|
39
|
+
};
|
|
40
|
+
export const Disabled = {
|
|
41
|
+
args: {
|
|
42
|
+
label: 'Locked option',
|
|
43
|
+
disabled: true,
|
|
44
|
+
checked: false,
|
|
45
|
+
},
|
|
46
|
+
};
|
|
47
|
+
export const DisabledChecked = {
|
|
48
|
+
args: {
|
|
49
|
+
label: 'Pre-selected (locked)',
|
|
50
|
+
disabled: true,
|
|
51
|
+
checked: true,
|
|
52
|
+
},
|
|
53
|
+
};
|
|
54
|
+
export const WithError = {
|
|
55
|
+
args: {
|
|
56
|
+
label: 'You must accept to continue',
|
|
57
|
+
error: 'This field is required',
|
|
58
|
+
},
|
|
59
|
+
};
|
|
60
|
+
export const Sizes = {
|
|
61
|
+
render: () => (_jsxs("div", { style: { display: 'flex', flexDirection: 'column', gap: 12 }, children: [_jsx(MkCheck, { label: "Small", size: "sm", checked: true }), _jsx(MkCheck, { label: "Medium", size: "md", checked: true }), _jsx(MkCheck, { label: "Large", size: "lg", checked: true })] })),
|
|
62
|
+
};
|
|
63
|
+
//# sourceMappingURL=MkCheck.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MkCheck.stories.js","sourceRoot":"","sources":["../../src/components/MkCheck.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC,MAAM,IAAI,GAAyB;IAC/B,KAAK,EAAE,oBAAoB;IAC3B,SAAS,EAAE,OAAO;IAClB,UAAU,EAAE;QACR,MAAM,EAAE,QAAQ;KACnB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,OAAO,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAC/B,aAAa,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACrC,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,IAAI,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,IAAI,CAAC;SAC9B;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,6BAA6B;QACpC,OAAO,EAAE,KAAK;KACjB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,KAAK,EAAE,SAAS;QAChB,OAAO,EAAE,IAAI;KAChB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAChC,IAAI,EAAE;QACF,KAAK,EAAE,4BAA4B;QACnC,aAAa,EAAE,IAAI;KACtB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,KAAK,EAAE,eAAe;QACtB,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,KAAK;KACjB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IAClC,IAAI,EAAE;QACF,KAAK,EAAE,uBAAuB;QAC9B,QAAQ,EAAE,IAAI;QACd,OAAO,EAAE,IAAI;KAChB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,6BAA6B;QACpC,KAAK,EAAE,wBAAwB;KAClC;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,MAAM,EAAE,GAAG,EAAE,CAAC,CACV,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,aAAa,EAAE,QAAQ,EAAE,GAAG,EAAE,EAAE,EAAE,aAC7D,KAAC,OAAO,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,SAAG,EAC3C,KAAC,OAAO,IAAC,KAAK,EAAC,QAAQ,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,SAAG,EAC5C,KAAC,OAAO,IAAC,KAAK,EAAC,OAAO,EAAC,IAAI,EAAC,IAAI,EAAC,OAAO,SAAG,IACzC,CACT;CACJ,CAAC"}
|