@makroz/web 1.1.0 → 1.2.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/context/MkAuthContext.d.ts +1 -2
- package/dist/context/MkAuthContext.d.ts.map +1 -1
- package/dist/context/MkConfirmContext.d.ts +1 -2
- package/dist/context/MkConfirmContext.d.ts.map +1 -1
- package/dist/context/MkToastContext.d.ts +1 -2
- package/dist/context/MkToastContext.d.ts.map +1 -1
- package/dist/hooks/useApi.d.ts +5 -6
- package/dist/hooks/useApi.d.ts.map +1 -1
- package/dist/hooks/useMkList.d.ts +7 -7
- package/package.json +2 -2
- package/dist/auth/MkAuthContext.d.ts +0 -43
- package/dist/auth/MkAuthContext.d.ts.map +0 -1
- package/dist/auth/MkAuthContext.js +0 -3
- package/dist/auth/MkAuthContext.js.map +0 -1
- package/dist/auth/MkAuthForm.d.ts +0 -42
- package/dist/auth/MkAuthForm.d.ts.map +0 -1
- package/dist/auth/MkAuthForm.js +0 -53
- package/dist/auth/MkAuthForm.js.map +0 -1
- package/dist/auth/MkAuthProvider.d.ts +0 -30
- package/dist/auth/MkAuthProvider.d.ts.map +0 -1
- package/dist/auth/MkAuthProvider.js +0 -317
- package/dist/auth/MkAuthProvider.js.map +0 -1
- package/dist/auth/types.d.ts +0 -63
- package/dist/auth/types.d.ts.map +0 -1
- package/dist/auth/types.js +0 -20
- package/dist/auth/types.js.map +0 -1
- package/dist/auth/useMkAuth.d.ts +0 -19
- package/dist/auth/useMkAuth.d.ts.map +0 -1
- package/dist/auth/useMkAuth.js +0 -26
- package/dist/auth/useMkAuth.js.map +0 -1
- package/dist/components/FormField.d.ts +0 -27
- package/dist/components/FormField.d.ts.map +0 -1
- package/dist/components/FormField.js +0 -18
- package/dist/components/FormField.js.map +0 -1
- package/dist/components/FormField.stories.d.ts +0 -11
- package/dist/components/FormField.stories.d.ts.map +0 -1
- package/dist/components/FormField.stories.js +0 -61
- package/dist/components/FormField.stories.js.map +0 -1
- package/dist/components/MkAccordion.d.ts +0 -36
- package/dist/components/MkAccordion.d.ts.map +0 -1
- package/dist/components/MkAccordion.js +0 -23
- package/dist/components/MkAccordion.js.map +0 -1
- package/dist/components/MkAccordion.module.css +0 -79
- package/dist/components/MkAccordion.stories.d.ts +0 -13
- package/dist/components/MkAccordion.stories.d.ts.map +0 -1
- package/dist/components/MkAccordion.stories.js +0 -76
- package/dist/components/MkAccordion.stories.js.map +0 -1
- package/dist/components/MkAccordion.stories.test.d.ts +0 -2
- package/dist/components/MkAccordion.stories.test.d.ts.map +0 -1
- package/dist/components/MkAccordion.stories.test.js +0 -18
- package/dist/components/MkAccordion.stories.test.js.map +0 -1
- package/dist/components/MkAlert.d.ts +0 -25
- package/dist/components/MkAlert.d.ts.map +0 -1
- package/dist/components/MkAlert.js +0 -21
- package/dist/components/MkAlert.js.map +0 -1
- package/dist/components/MkAlert.module.css +0 -103
- package/dist/components/MkAlert.stories.d.ts +0 -13
- package/dist/components/MkAlert.stories.d.ts.map +0 -1
- package/dist/components/MkAlert.stories.js +0 -75
- package/dist/components/MkAlert.stories.js.map +0 -1
- package/dist/components/MkAlert.stories.test.d.ts +0 -2
- package/dist/components/MkAlert.stories.test.d.ts.map +0 -1
- package/dist/components/MkAlert.stories.test.js +0 -16
- package/dist/components/MkAlert.stories.test.js.map +0 -1
- package/dist/components/MkAvatar.d.ts +0 -16
- package/dist/components/MkAvatar.d.ts.map +0 -1
- package/dist/components/MkAvatar.js +0 -23
- package/dist/components/MkAvatar.js.map +0 -1
- package/dist/components/MkAvatar.module.css +0 -62
- package/dist/components/MkAvatar.stories.d.ts +0 -14
- package/dist/components/MkAvatar.stories.d.ts.map +0 -1
- package/dist/components/MkAvatar.stories.js +0 -67
- package/dist/components/MkAvatar.stories.js.map +0 -1
- package/dist/components/MkAvatar.stories.test.d.ts +0 -2
- package/dist/components/MkAvatar.stories.test.d.ts.map +0 -1
- package/dist/components/MkAvatar.stories.test.js +0 -16
- package/dist/components/MkAvatar.stories.test.js.map +0 -1
- package/dist/components/MkBadge.d.ts +0 -15
- package/dist/components/MkBadge.d.ts.map +0 -1
- package/dist/components/MkBadge.js +0 -7
- package/dist/components/MkBadge.js.map +0 -1
- package/dist/components/MkBadge.module.css +0 -74
- package/dist/components/MkBadge.stories.d.ts +0 -15
- package/dist/components/MkBadge.stories.d.ts.map +0 -1
- package/dist/components/MkBadge.stories.js +0 -78
- package/dist/components/MkBadge.stories.js.map +0 -1
- package/dist/components/MkBadge.stories.test.d.ts +0 -2
- package/dist/components/MkBadge.stories.test.d.ts.map +0 -1
- package/dist/components/MkBadge.stories.test.js +0 -16
- package/dist/components/MkBadge.stories.test.js.map +0 -1
- package/dist/components/MkButton.d.ts +0 -11
- package/dist/components/MkButton.module.css +0 -85
- package/dist/components/MkButton.stories.d.ts +0 -12
- package/dist/components/MkButton.stories.d.ts.map +0 -1
- package/dist/components/MkButton.stories.js +0 -57
- package/dist/components/MkButton.stories.js.map +0 -1
- package/dist/components/MkButton.test.d.ts +0 -2
- package/dist/components/MkButton.test.d.ts.map +0 -1
- package/dist/components/MkButton.test.js +0 -56
- package/dist/components/MkButton.test.js.map +0 -1
- package/dist/components/MkCard.d.ts +0 -18
- package/dist/components/MkCard.d.ts.map +0 -1
- package/dist/components/MkCard.js +0 -6
- package/dist/components/MkCard.js.map +0 -1
- package/dist/components/MkCard.module.css +0 -63
- package/dist/components/MkCard.stories.d.ts +0 -11
- package/dist/components/MkCard.stories.d.ts.map +0 -1
- package/dist/components/MkCard.stories.js +0 -57
- package/dist/components/MkCard.stories.js.map +0 -1
- package/dist/components/MkCheck.d.ts +0 -32
- package/dist/components/MkCheck.d.ts.map +0 -1
- package/dist/components/MkCheck.js +0 -12
- package/dist/components/MkCheck.js.map +0 -1
- package/dist/components/MkCheck.module.css +0 -87
- package/dist/components/MkCheck.stories.d.ts +0 -13
- package/dist/components/MkCheck.stories.d.ts.map +0 -1
- package/dist/components/MkCheck.stories.js +0 -63
- package/dist/components/MkCheck.stories.js.map +0 -1
- package/dist/components/MkCheck.stories.test.d.ts +0 -2
- package/dist/components/MkCheck.stories.test.d.ts.map +0 -1
- package/dist/components/MkCheck.stories.test.js +0 -16
- package/dist/components/MkCheck.stories.test.js.map +0 -1
- package/dist/components/MkDatePicker.d.ts +0 -29
- package/dist/components/MkDatePicker.d.ts.map +0 -1
- package/dist/components/MkDatePicker.js +0 -10
- package/dist/components/MkDatePicker.js.map +0 -1
- package/dist/components/MkDatePicker.module.css +0 -77
- package/dist/components/MkDatePicker.stories.d.ts +0 -11
- package/dist/components/MkDatePicker.stories.d.ts.map +0 -1
- package/dist/components/MkDatePicker.stories.js +0 -47
- package/dist/components/MkDatePicker.stories.js.map +0 -1
- package/dist/components/MkDatePicker.stories.test.d.ts +0 -2
- package/dist/components/MkDatePicker.stories.test.d.ts.map +0 -1
- package/dist/components/MkDatePicker.stories.test.js +0 -16
- package/dist/components/MkDatePicker.stories.test.js.map +0 -1
- package/dist/components/MkDivider.d.ts +0 -14
- package/dist/components/MkDivider.d.ts.map +0 -1
- package/dist/components/MkDivider.js +0 -12
- package/dist/components/MkDivider.js.map +0 -1
- package/dist/components/MkDivider.module.css +0 -39
- package/dist/components/MkDivider.stories.d.ts +0 -12
- package/dist/components/MkDivider.stories.d.ts.map +0 -1
- package/dist/components/MkDivider.stories.js +0 -33
- package/dist/components/MkDivider.stories.js.map +0 -1
- package/dist/components/MkDivider.stories.test.d.ts +0 -2
- package/dist/components/MkDivider.stories.test.d.ts.map +0 -1
- package/dist/components/MkDivider.stories.test.js +0 -15
- package/dist/components/MkDivider.stories.test.js.map +0 -1
- package/dist/components/MkDropDown.d.ts +0 -22
- package/dist/components/MkDropDown.d.ts.map +0 -1
- package/dist/components/MkDropDown.js +0 -24
- package/dist/components/MkDropDown.js.map +0 -1
- package/dist/components/MkDropDown.module.css +0 -108
- package/dist/components/MkDropDown.stories.d.ts +0 -12
- package/dist/components/MkDropDown.stories.d.ts.map +0 -1
- package/dist/components/MkDropDown.stories.js +0 -76
- package/dist/components/MkDropDown.stories.js.map +0 -1
- package/dist/components/MkDropDown.stories.test.d.ts +0 -2
- package/dist/components/MkDropDown.stories.test.d.ts.map +0 -1
- package/dist/components/MkDropDown.stories.test.js +0 -18
- package/dist/components/MkDropDown.stories.test.js.map +0 -1
- package/dist/components/MkEmptyState.d.ts +0 -14
- package/dist/components/MkEmptyState.d.ts.map +0 -1
- package/dist/components/MkEmptyState.js +0 -6
- package/dist/components/MkEmptyState.js.map +0 -1
- package/dist/components/MkEmptyState.module.css +0 -35
- package/dist/components/MkEmptyState.stories.d.ts +0 -12
- package/dist/components/MkEmptyState.stories.d.ts.map +0 -1
- package/dist/components/MkEmptyState.stories.js +0 -44
- package/dist/components/MkEmptyState.stories.js.map +0 -1
- package/dist/components/MkEmptyState.stories.test.d.ts +0 -2
- package/dist/components/MkEmptyState.stories.test.d.ts.map +0 -1
- package/dist/components/MkEmptyState.stories.test.js +0 -15
- package/dist/components/MkEmptyState.stories.test.js.map +0 -1
- package/dist/components/MkFileUpload.d.ts +0 -36
- package/dist/components/MkFileUpload.d.ts.map +0 -1
- package/dist/components/MkFileUpload.js +0 -50
- package/dist/components/MkFileUpload.js.map +0 -1
- package/dist/components/MkFileUpload.module.css +0 -74
- package/dist/components/MkFileUpload.stories.d.ts +0 -12
- package/dist/components/MkFileUpload.stories.d.ts.map +0 -1
- package/dist/components/MkFileUpload.stories.js +0 -53
- package/dist/components/MkFileUpload.stories.js.map +0 -1
- package/dist/components/MkFileUpload.stories.test.d.ts +0 -2
- package/dist/components/MkFileUpload.stories.test.d.ts.map +0 -1
- package/dist/components/MkFileUpload.stories.test.js +0 -15
- package/dist/components/MkFileUpload.stories.test.js.map +0 -1
- package/dist/components/MkIcons.d.ts +0 -14
- package/dist/components/MkIcons.d.ts.map +0 -1
- package/dist/components/MkIcons.js +0 -36
- package/dist/components/MkIcons.js.map +0 -1
- package/dist/components/MkInfiniteList.d.ts +0 -15
- package/dist/components/MkInfiniteList.d.ts.map +0 -1
- package/dist/components/MkInfiniteList.js +0 -29
- package/dist/components/MkInfiniteList.js.map +0 -1
- package/dist/components/MkInfiniteList.module.css +0 -69
- package/dist/components/MkInfiniteList.stories.d.ts +0 -17
- package/dist/components/MkInfiniteList.stories.d.ts.map +0 -1
- package/dist/components/MkInfiniteList.stories.js +0 -90
- package/dist/components/MkInfiniteList.stories.js.map +0 -1
- package/dist/components/MkInfiniteList.stories.test.d.ts +0 -2
- package/dist/components/MkInfiniteList.stories.test.d.ts.map +0 -1
- package/dist/components/MkInfiniteList.stories.test.js +0 -24
- package/dist/components/MkInfiniteList.stories.test.js.map +0 -1
- package/dist/components/MkInput.d.ts +0 -13
- package/dist/components/MkInput.d.ts.map +0 -1
- package/dist/components/MkInput.js +0 -21
- package/dist/components/MkInput.js.map +0 -1
- package/dist/components/MkInput.module.css +0 -94
- package/dist/components/MkInput.stories.d.ts +0 -13
- package/dist/components/MkInput.stories.d.ts.map +0 -1
- package/dist/components/MkInput.stories.js +0 -75
- package/dist/components/MkInput.stories.js.map +0 -1
- package/dist/components/MkInput.stories.test.d.ts +0 -2
- package/dist/components/MkInput.stories.test.d.ts.map +0 -1
- package/dist/components/MkInput.stories.test.js +0 -16
- package/dist/components/MkInput.stories.test.js.map +0 -1
- package/dist/components/MkLoading.d.ts +0 -20
- package/dist/components/MkLoading.d.ts.map +0 -1
- package/dist/components/MkLoading.js +0 -14
- package/dist/components/MkLoading.js.map +0 -1
- package/dist/components/MkLoading.module.css +0 -39
- package/dist/components/MkLoading.stories.d.ts +0 -13
- package/dist/components/MkLoading.stories.d.ts.map +0 -1
- package/dist/components/MkLoading.stories.js +0 -35
- package/dist/components/MkLoading.stories.js.map +0 -1
- package/dist/components/MkLoading.stories.test.d.ts +0 -2
- package/dist/components/MkLoading.stories.test.d.ts.map +0 -1
- package/dist/components/MkLoading.stories.test.js +0 -15
- package/dist/components/MkLoading.stories.test.js.map +0 -1
- package/dist/components/MkModal.d.ts +0 -20
- package/dist/components/MkModal.d.ts.map +0 -1
- package/dist/components/MkModal.js +0 -31
- package/dist/components/MkModal.js.map +0 -1
- package/dist/components/MkModal.module.css +0 -107
- package/dist/components/MkModal.stories.d.ts +0 -13
- package/dist/components/MkModal.stories.d.ts.map +0 -1
- package/dist/components/MkModal.stories.js +0 -73
- package/dist/components/MkModal.stories.js.map +0 -1
- package/dist/components/MkProgressBar.d.ts +0 -17
- package/dist/components/MkProgressBar.d.ts.map +0 -1
- package/dist/components/MkProgressBar.js +0 -7
- package/dist/components/MkProgressBar.js.map +0 -1
- package/dist/components/MkProgressBar.module.css +0 -48
- package/dist/components/MkProgressBar.stories.d.ts +0 -13
- package/dist/components/MkProgressBar.stories.d.ts.map +0 -1
- package/dist/components/MkProgressBar.stories.js +0 -39
- package/dist/components/MkProgressBar.stories.js.map +0 -1
- package/dist/components/MkProgressBar.stories.test.d.ts +0 -2
- package/dist/components/MkProgressBar.stories.test.d.ts.map +0 -1
- package/dist/components/MkProgressBar.stories.test.js +0 -15
- package/dist/components/MkProgressBar.stories.test.js.map +0 -1
- package/dist/components/MkRadio.d.ts +0 -34
- package/dist/components/MkRadio.d.ts.map +0 -1
- package/dist/components/MkRadio.js +0 -19
- package/dist/components/MkRadio.js.map +0 -1
- package/dist/components/MkRadio.module.css +0 -74
- package/dist/components/MkRadio.stories.d.ts +0 -13
- package/dist/components/MkRadio.stories.d.ts.map +0 -1
- package/dist/components/MkRadio.stories.js +0 -55
- package/dist/components/MkRadio.stories.js.map +0 -1
- package/dist/components/MkRadio.stories.test.d.ts +0 -2
- package/dist/components/MkRadio.stories.test.d.ts.map +0 -1
- package/dist/components/MkRadio.stories.test.js +0 -18
- package/dist/components/MkRadio.stories.test.js.map +0 -1
- package/dist/components/MkSearchInput.d.ts +0 -30
- package/dist/components/MkSearchInput.d.ts.map +0 -1
- package/dist/components/MkSearchInput.js +0 -27
- package/dist/components/MkSearchInput.js.map +0 -1
- package/dist/components/MkSearchInput.module.css +0 -80
- package/dist/components/MkSearchInput.stories.d.ts +0 -13
- package/dist/components/MkSearchInput.stories.d.ts.map +0 -1
- package/dist/components/MkSearchInput.stories.js +0 -47
- package/dist/components/MkSearchInput.stories.js.map +0 -1
- package/dist/components/MkSearchInput.stories.test.d.ts +0 -2
- package/dist/components/MkSearchInput.stories.test.d.ts.map +0 -1
- package/dist/components/MkSearchInput.stories.test.js +0 -15
- package/dist/components/MkSearchInput.stories.test.js.map +0 -1
- package/dist/components/MkSelect.d.ts +0 -23
- package/dist/components/MkSelect.d.ts.map +0 -1
- package/dist/components/MkSelect.js +0 -59
- package/dist/components/MkSelect.js.map +0 -1
- package/dist/components/MkSelect.module.css +0 -177
- package/dist/components/MkSelect.stories.d.ts +0 -12
- package/dist/components/MkSelect.stories.d.ts.map +0 -1
- package/dist/components/MkSelect.stories.js +0 -84
- package/dist/components/MkSelect.stories.js.map +0 -1
- package/dist/components/MkSelect.stories.test.d.ts +0 -2
- package/dist/components/MkSelect.stories.test.d.ts.map +0 -1
- package/dist/components/MkSelect.stories.test.js +0 -21
- package/dist/components/MkSelect.stories.test.js.map +0 -1
- package/dist/components/MkSkeleton.d.ts +0 -22
- package/dist/components/MkSkeleton.d.ts.map +0 -1
- package/dist/components/MkSkeleton.js +0 -21
- package/dist/components/MkSkeleton.js.map +0 -1
- package/dist/components/MkSkeleton.module.css +0 -28
- package/dist/components/MkSkeleton.stories.d.ts +0 -12
- package/dist/components/MkSkeleton.stories.d.ts.map +0 -1
- package/dist/components/MkSkeleton.stories.js +0 -32
- package/dist/components/MkSkeleton.stories.js.map +0 -1
- package/dist/components/MkSkeleton.stories.test.d.ts +0 -2
- package/dist/components/MkSkeleton.stories.test.d.ts.map +0 -1
- package/dist/components/MkSkeleton.stories.test.js +0 -15
- package/dist/components/MkSkeleton.stories.test.js.map +0 -1
- package/dist/components/MkSwitch.d.ts +0 -22
- package/dist/components/MkSwitch.d.ts.map +0 -1
- package/dist/components/MkSwitch.js +0 -14
- package/dist/components/MkSwitch.js.map +0 -1
- package/dist/components/MkSwitch.module.css +0 -108
- package/dist/components/MkSwitch.stories.d.ts +0 -13
- package/dist/components/MkSwitch.stories.d.ts.map +0 -1
- package/dist/components/MkSwitch.stories.js +0 -37
- package/dist/components/MkSwitch.stories.js.map +0 -1
- package/dist/components/MkSwitch.stories.test.d.ts +0 -2
- package/dist/components/MkSwitch.stories.test.d.ts.map +0 -1
- package/dist/components/MkSwitch.stories.test.js +0 -15
- package/dist/components/MkSwitch.stories.test.js.map +0 -1
- package/dist/components/MkTable.d.ts +0 -27
- package/dist/components/MkTable.d.ts.map +0 -1
- package/dist/components/MkTable.js +0 -11
- package/dist/components/MkTable.js.map +0 -1
- package/dist/components/MkTable.module.css +0 -163
- package/dist/components/MkTable.stories.d.ts +0 -16
- package/dist/components/MkTable.stories.d.ts.map +0 -1
- package/dist/components/MkTable.stories.js +0 -65
- package/dist/components/MkTable.stories.js.map +0 -1
- package/dist/components/MkTable.stories.test.d.ts +0 -2
- package/dist/components/MkTable.stories.test.d.ts.map +0 -1
- package/dist/components/MkTable.stories.test.js +0 -25
- package/dist/components/MkTable.stories.test.js.map +0 -1
- package/dist/components/MkTabs.d.ts +0 -22
- package/dist/components/MkTabs.d.ts.map +0 -1
- package/dist/components/MkTabs.js +0 -17
- package/dist/components/MkTabs.js.map +0 -1
- package/dist/components/MkTabs.module.css +0 -117
- package/dist/components/MkTabs.stories.d.ts +0 -11
- package/dist/components/MkTabs.stories.d.ts.map +0 -1
- package/dist/components/MkTabs.stories.js +0 -73
- package/dist/components/MkTabs.stories.js.map +0 -1
- package/dist/components/MkTextArea.d.ts +0 -21
- package/dist/components/MkTextArea.d.ts.map +0 -1
- package/dist/components/MkTextArea.js +0 -8
- package/dist/components/MkTextArea.js.map +0 -1
- package/dist/components/MkTextArea.stories.d.ts +0 -13
- package/dist/components/MkTextArea.stories.d.ts.map +0 -1
- package/dist/components/MkTextArea.stories.js +0 -56
- package/dist/components/MkTextArea.stories.js.map +0 -1
- package/dist/components/MkTextArea.stories.test.d.ts +0 -2
- package/dist/components/MkTextArea.stories.test.d.ts.map +0 -1
- package/dist/components/MkTextArea.stories.test.js +0 -15
- package/dist/components/MkTextArea.stories.test.js.map +0 -1
- package/dist/components/MkThemeEditor.d.ts +0 -8
- package/dist/components/MkThemeEditor.module.css +0 -177
- package/dist/components/MkToastContainer.d.ts +0 -3
- package/dist/components/MkToastContainer.module.css +0 -95
- package/dist/components/MkToastContainer.stories.d.ts +0 -9
- package/dist/components/MkToastContainer.stories.js +0 -43
- package/dist/components/MkToastContainer.stories.js.map +0 -1
- package/dist/components/MkToastContainer.stories.test.d.ts +0 -2
- package/dist/components/MkToastContainer.stories.test.js +0 -29
- package/dist/components/MkToastContainer.stories.test.js.map +0 -1
- package/dist/components/MkTooltip.d.ts +0 -14
- package/dist/components/MkTooltip.d.ts.map +0 -1
- package/dist/components/MkTooltip.js +0 -17
- package/dist/components/MkTooltip.js.map +0 -1
- package/dist/components/MkTooltip.module.css +0 -43
- package/dist/components/MkTooltip.stories.d.ts +0 -13
- package/dist/components/MkTooltip.stories.d.ts.map +0 -1
- package/dist/components/MkTooltip.stories.js +0 -59
- package/dist/components/MkTooltip.stories.js.map +0 -1
- package/dist/components/MkTooltip.stories.test.d.ts +0 -2
- package/dist/components/MkTooltip.stories.test.d.ts.map +0 -1
- package/dist/components/MkTooltip.stories.test.js +0 -15
- package/dist/components/MkTooltip.stories.test.js.map +0 -1
- package/dist/components/MkWindowList.d.ts +0 -20
- package/dist/components/MkWindowList.d.ts.map +0 -1
- package/dist/components/MkWindowList.js +0 -59
- package/dist/components/MkWindowList.js.map +0 -1
- package/dist/components/MkWindowList.module.css +0 -59
- package/dist/components/MkWindowList.stories.d.ts +0 -16
- package/dist/components/MkWindowList.stories.d.ts.map +0 -1
- package/dist/components/MkWindowList.stories.js +0 -76
- package/dist/components/MkWindowList.stories.js.map +0 -1
- package/dist/components/MkWindowList.stories.test.d.ts +0 -2
- package/dist/components/MkWindowList.stories.test.d.ts.map +0 -1
- package/dist/components/MkWindowList.stories.test.js +0 -19
- package/dist/components/MkWindowList.stories.test.js.map +0 -1
- package/dist/components/index.d.ts +0 -31
- package/dist/components/index.js +0 -34
- package/dist/components/index.js.map +0 -1
- package/dist/context/MkApiContext.d.ts +0 -15
- package/dist/context/MkApiContext.d.ts.map +0 -1
- package/dist/context/MkApiContext.js +0 -28
- package/dist/context/MkApiContext.js.map +0 -1
- package/dist/hooks/useApi.test.d.ts +0 -2
- package/dist/hooks/useApi.test.js +0 -184
- package/dist/hooks/useApi.test.js.map +0 -1
- package/dist/hooks/useMkClickOutside.d.ts +0 -8
- package/dist/hooks/useMkClickOutside.d.ts.map +0 -1
- package/dist/hooks/useMkClickOutside.js +0 -24
- package/dist/hooks/useMkClickOutside.js.map +0 -1
- package/dist/hooks/useMkCrud.d.ts +0 -39
- package/dist/hooks/useMkCrud.test.d.ts +0 -2
- package/dist/hooks/useMkDebounce.d.ts +0 -24
- package/dist/hooks/useMkDebounce.d.ts.map +0 -1
- package/dist/hooks/useMkDebounce.js +0 -36
- package/dist/hooks/useMkDebounce.js.map +0 -1
- package/dist/hooks/useMkEffectDebug.d.ts +0 -7
- package/dist/hooks/useMkEffectDebug.d.ts.map +0 -1
- package/dist/hooks/useMkEffectDebug.js +0 -26
- package/dist/hooks/useMkEffectDebug.js.map +0 -1
- package/dist/hooks/useMkEvent.d.ts +0 -31
- package/dist/hooks/useMkEvent.d.ts.map +0 -1
- package/dist/hooks/useMkEvent.js +0 -56
- package/dist/hooks/useMkEvent.js.map +0 -1
- package/dist/hooks/useMkForm.d.ts +0 -43
- package/dist/hooks/useMkForm.test.d.ts +0 -2
- package/dist/hooks/useMkInViewPort.d.ts +0 -14
- package/dist/hooks/useMkInViewPort.d.ts.map +0 -1
- package/dist/hooks/useMkInViewPort.js +0 -31
- package/dist/hooks/useMkInViewPort.js.map +0 -1
- package/dist/hooks/useMkInfiniteList.d.ts +0 -15
- package/dist/hooks/useMkInfiniteList.js +0 -47
- package/dist/hooks/useMkInfiniteList.js.map +0 -1
- package/dist/hooks/useMkList.js +0 -53
- package/dist/hooks/useMkList.js.map +0 -1
- package/dist/hooks/useMkLocalStorage.d.ts +0 -6
- package/dist/hooks/useMkLocalStorage.d.ts.map +0 -1
- package/dist/hooks/useMkLocalStorage.js +0 -33
- package/dist/hooks/useMkLocalStorage.js.map +0 -1
- package/dist/hooks/useMkLongPress.d.ts +0 -37
- package/dist/hooks/useMkLongPress.d.ts.map +0 -1
- package/dist/hooks/useMkLongPress.js +0 -59
- package/dist/hooks/useMkLongPress.js.map +0 -1
- package/dist/hooks/useMkMediaQuery.d.ts +0 -14
- package/dist/hooks/useMkMediaQuery.d.ts.map +0 -1
- package/dist/hooks/useMkMediaQuery.js +0 -31
- package/dist/hooks/useMkMediaQuery.js.map +0 -1
- package/dist/hooks/useMkPrevious.d.ts +0 -7
- package/dist/hooks/useMkPrevious.d.ts.map +0 -1
- package/dist/hooks/useMkPrevious.js +0 -14
- package/dist/hooks/useMkPrevious.js.map +0 -1
- package/dist/hooks/useMkScreenSize.d.ts +0 -25
- package/dist/hooks/useMkScreenSize.d.ts.map +0 -1
- package/dist/hooks/useMkScreenSize.js +0 -42
- package/dist/hooks/useMkScreenSize.js.map +0 -1
- package/dist/hooks/useMkStore.d.ts +0 -22
- package/dist/hooks/useMkStore.d.ts.map +0 -1
- package/dist/hooks/useMkStore.js +0 -58
- package/dist/hooks/useMkStore.js.map +0 -1
- package/dist/hooks/useMkToggle.d.ts +0 -6
- package/dist/hooks/useMkToggle.d.ts.map +0 -1
- package/dist/hooks/useMkToggle.js +0 -13
- package/dist/hooks/useMkToggle.js.map +0 -1
- package/dist/index.d.ts +0 -33
- package/dist/index.js +0 -37
- package/dist/index.js.map +0 -1
- package/dist/styles/index.css +0 -124
- package/dist/test-setup.d.ts +0 -2
- package/dist/test-setup.d.ts.map +0 -1
- package/dist/test-setup.js +0 -31
- package/dist/test-setup.js.map +0 -1
- package/dist/theme/MkThemeProvider.d.ts +0 -20
- package/dist/utils/images.d.ts +0 -9
- package/dist/utils/images.d.ts.map +0 -1
- package/dist/utils/images.js +0 -50
- package/dist/utils/images.js.map +0 -1
|
@@ -1,117 +0,0 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
display: flex;
|
|
3
|
-
gap: 0;
|
|
4
|
-
overflow-x: auto;
|
|
5
|
-
--mk-tabs-active-color: var(--mk-primary);
|
|
6
|
-
--mk-tabs-inactive-color: var(--mk-muted-foreground);
|
|
7
|
-
--mk-tabs-hover-color: var(--mk-foreground);
|
|
8
|
-
--mk-tabs-active-bg: var(--mk-background);
|
|
9
|
-
--mk-tabs-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
:global([data-theme='dark']) .container {
|
|
13
|
-
--mk-tabs-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
|
|
14
|
-
}
|
|
15
|
-
|
|
16
|
-
/* ── Underline ── */
|
|
17
|
-
.underline {
|
|
18
|
-
border-bottom: 1px solid var(--mk-border);
|
|
19
|
-
}
|
|
20
|
-
.underline .tab {
|
|
21
|
-
padding: 0.625rem 1rem;
|
|
22
|
-
border-bottom: 2px solid transparent;
|
|
23
|
-
color: var(--mk-tabs-inactive-color);
|
|
24
|
-
transition: all 0.2s ease;
|
|
25
|
-
}
|
|
26
|
-
.underline .tab:hover {
|
|
27
|
-
color: var(--mk-tabs-hover-color);
|
|
28
|
-
}
|
|
29
|
-
.underline .active {
|
|
30
|
-
border-bottom-color: var(--mk-tabs-active-color);
|
|
31
|
-
color: var(--mk-tabs-active-color);
|
|
32
|
-
font-weight: 600;
|
|
33
|
-
}
|
|
34
|
-
|
|
35
|
-
/* ── Pills ── */
|
|
36
|
-
.pills {
|
|
37
|
-
gap: 0.375rem;
|
|
38
|
-
}
|
|
39
|
-
.pills .tab {
|
|
40
|
-
padding: 0.375rem 0.875rem;
|
|
41
|
-
border-radius: 999px;
|
|
42
|
-
color: var(--mk-tabs-inactive-color);
|
|
43
|
-
transition: all 0.2s ease;
|
|
44
|
-
}
|
|
45
|
-
.pills .tab:hover {
|
|
46
|
-
background: var(--mk-muted);
|
|
47
|
-
}
|
|
48
|
-
.pills .active {
|
|
49
|
-
background: var(--mk-primary);
|
|
50
|
-
color: var(--mk-primary-foreground, #fff);
|
|
51
|
-
}
|
|
52
|
-
|
|
53
|
-
/* ── Segmented ── */
|
|
54
|
-
.segmented {
|
|
55
|
-
background: var(--mk-muted);
|
|
56
|
-
border-radius: var(--mk-radius, 8px);
|
|
57
|
-
padding: 3px;
|
|
58
|
-
gap: 2px;
|
|
59
|
-
border: 1px solid var(--mk-border);
|
|
60
|
-
}
|
|
61
|
-
.segmented .tab {
|
|
62
|
-
padding: 0.375rem 0.875rem;
|
|
63
|
-
border-radius: calc(var(--mk-radius, 8px) - 2px);
|
|
64
|
-
color: var(--mk-muted-foreground);
|
|
65
|
-
transition: all 0.2s ease;
|
|
66
|
-
}
|
|
67
|
-
.segmented .active {
|
|
68
|
-
background: var(--mk-card);
|
|
69
|
-
color: var(--mk-foreground);
|
|
70
|
-
font-weight: 600;
|
|
71
|
-
box-shadow:
|
|
72
|
-
0 1px 3px rgba(0, 0, 0, 0.12),
|
|
73
|
-
0 1px 2px rgba(0, 0, 0, 0.06);
|
|
74
|
-
}
|
|
75
|
-
|
|
76
|
-
/* ── Shared ── */
|
|
77
|
-
.tab {
|
|
78
|
-
display: inline-flex;
|
|
79
|
-
align-items: center;
|
|
80
|
-
gap: 0.375rem;
|
|
81
|
-
border: none;
|
|
82
|
-
background: none;
|
|
83
|
-
cursor: pointer;
|
|
84
|
-
font-size: 0.875rem;
|
|
85
|
-
white-space: nowrap;
|
|
86
|
-
outline: none;
|
|
87
|
-
}
|
|
88
|
-
.tab:disabled {
|
|
89
|
-
opacity: 0.4;
|
|
90
|
-
cursor: not-allowed;
|
|
91
|
-
}
|
|
92
|
-
.tab:focus-visible {
|
|
93
|
-
box-shadow: 0 0 0 2px var(--mk-primary);
|
|
94
|
-
border-radius: 4px;
|
|
95
|
-
}
|
|
96
|
-
|
|
97
|
-
.sm .tab {
|
|
98
|
-
font-size: 0.8125rem;
|
|
99
|
-
padding: 0.375rem 0.75rem;
|
|
100
|
-
}
|
|
101
|
-
|
|
102
|
-
.icon {
|
|
103
|
-
display: flex;
|
|
104
|
-
font-size: 1rem;
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
.badge {
|
|
108
|
-
font-size: 0.625rem;
|
|
109
|
-
background: var(--mk-primary);
|
|
110
|
-
color: var(--mk-primary-foreground, #fff);
|
|
111
|
-
padding: 0 0.375rem;
|
|
112
|
-
border-radius: 999px;
|
|
113
|
-
font-weight: 600;
|
|
114
|
-
min-width: 18px;
|
|
115
|
-
text-align: center;
|
|
116
|
-
line-height: 1.4;
|
|
117
|
-
}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { MkTabs } from './MkTabs';
|
|
3
|
-
declare const meta: Meta<typeof MkTabs>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof MkTabs>;
|
|
6
|
-
export declare const TwoTabs: Story;
|
|
7
|
-
export declare const FourTabs: Story;
|
|
8
|
-
export declare const Pills: Story;
|
|
9
|
-
export declare const Segmented: Story;
|
|
10
|
-
export declare const WithDisabled: Story;
|
|
11
|
-
//# sourceMappingURL=MkTabs.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkTabs.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkTabs.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,KAQrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAUtB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAUnB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KASvB,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAU1B,CAAC"}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
import { MkTabs } from './MkTabs';
|
|
2
|
-
const meta = {
|
|
3
|
-
title: 'Components/MkTabs',
|
|
4
|
-
component: MkTabs,
|
|
5
|
-
parameters: {
|
|
6
|
-
layout: 'padded',
|
|
7
|
-
},
|
|
8
|
-
tags: ['autodocs'],
|
|
9
|
-
argTypes: {
|
|
10
|
-
variant: {
|
|
11
|
-
control: { type: 'select' },
|
|
12
|
-
options: ['underline', 'pills', 'segmented'],
|
|
13
|
-
},
|
|
14
|
-
size: {
|
|
15
|
-
control: { type: 'select' },
|
|
16
|
-
options: ['sm', 'md'],
|
|
17
|
-
},
|
|
18
|
-
},
|
|
19
|
-
};
|
|
20
|
-
export default meta;
|
|
21
|
-
export const TwoTabs = {
|
|
22
|
-
args: {
|
|
23
|
-
tabs: [
|
|
24
|
-
{ key: 'overview', label: 'Overview' },
|
|
25
|
-
{ key: 'details', label: 'Details' },
|
|
26
|
-
],
|
|
27
|
-
variant: 'underline',
|
|
28
|
-
},
|
|
29
|
-
};
|
|
30
|
-
export const FourTabs = {
|
|
31
|
-
args: {
|
|
32
|
-
tabs: [
|
|
33
|
-
{ key: 'all', label: 'All', badge: 42 },
|
|
34
|
-
{ key: 'unread', label: 'Unread', badge: 3 },
|
|
35
|
-
{ key: 'starred', label: 'Starred' },
|
|
36
|
-
{ key: 'archived', label: 'Archived' },
|
|
37
|
-
],
|
|
38
|
-
variant: 'underline',
|
|
39
|
-
},
|
|
40
|
-
};
|
|
41
|
-
export const Pills = {
|
|
42
|
-
args: {
|
|
43
|
-
tabs: [
|
|
44
|
-
{ key: 'day', label: 'Day' },
|
|
45
|
-
{ key: 'week', label: 'Week' },
|
|
46
|
-
{ key: 'month', label: 'Month' },
|
|
47
|
-
{ key: 'year', label: 'Year' },
|
|
48
|
-
],
|
|
49
|
-
variant: 'pills',
|
|
50
|
-
},
|
|
51
|
-
};
|
|
52
|
-
export const Segmented = {
|
|
53
|
-
args: {
|
|
54
|
-
tabs: [
|
|
55
|
-
{ key: 'list', label: 'List view' },
|
|
56
|
-
{ key: 'grid', label: 'Grid view' },
|
|
57
|
-
{ key: 'board', label: 'Board view' },
|
|
58
|
-
],
|
|
59
|
-
variant: 'segmented',
|
|
60
|
-
},
|
|
61
|
-
};
|
|
62
|
-
export const WithDisabled = {
|
|
63
|
-
args: {
|
|
64
|
-
tabs: [
|
|
65
|
-
{ key: 'profile', label: 'Profile' },
|
|
66
|
-
{ key: 'security', label: 'Security' },
|
|
67
|
-
{ key: 'billing', label: 'Billing', disabled: true },
|
|
68
|
-
{ key: 'team', label: 'Team' },
|
|
69
|
-
],
|
|
70
|
-
variant: 'underline',
|
|
71
|
-
},
|
|
72
|
-
};
|
|
73
|
-
//# sourceMappingURL=MkTabs.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkTabs.stories.js","sourceRoot":"","sources":["../../src/components/MkTabs.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,WAAW,EAAE,OAAO,EAAE,WAAW,CAAC;SAC/C;QACD,IAAI,EAAE;YACF,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE;YAC3B,OAAO,EAAE,CAAC,IAAI,EAAE,IAAI,CAAC;SACxB;KACJ;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE;QACF,IAAI,EAAE;YACF,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;YACtC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;SACvC;QACD,OAAO,EAAE,WAAW;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE;QACF,IAAI,EAAE;YACF,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;YACvC,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,CAAC,EAAE;YAC5C,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACpC,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;SACzC;QACD,OAAO,EAAE,WAAW;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IACxB,IAAI,EAAE;QACF,IAAI,EAAE;YACF,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE;YAC5B,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;YAC9B,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE;YAChC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;SACjC;QACD,OAAO,EAAE,OAAO;KACnB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,IAAI,EAAE;YACF,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE;YACnC,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,WAAW,EAAE;YACnC,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,YAAY,EAAE;SACxC;QACD,OAAO,EAAE,WAAW;KACvB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IAC/B,IAAI,EAAE;QACF,IAAI,EAAE;YACF,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE;YACpC,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE;YACtC,EAAE,GAAG,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,EAAE;YACpD,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;SACjC;QACD,OAAO,EAAE,WAAW;KACvB;CACJ,CAAC"}
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @module MkTextArea
|
|
4
|
-
* @description Multi-line text input. Inherits MkInput's styling.
|
|
5
|
-
* Same prop API as mk-mobile MkTextArea.
|
|
6
|
-
*/
|
|
7
|
-
export interface MkTextAreaProps {
|
|
8
|
-
label?: string;
|
|
9
|
-
error?: string;
|
|
10
|
-
helperText?: string;
|
|
11
|
-
placeholder?: string;
|
|
12
|
-
value?: string;
|
|
13
|
-
onChange?: (value: string) => void;
|
|
14
|
-
rows?: number;
|
|
15
|
-
maxLength?: number;
|
|
16
|
-
disabled?: boolean;
|
|
17
|
-
showCount?: boolean;
|
|
18
|
-
className?: string;
|
|
19
|
-
}
|
|
20
|
-
export declare const MkTextArea: React.FC<MkTextAreaProps>;
|
|
21
|
-
//# sourceMappingURL=MkTextArea.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkTextArea.d.ts","sourceRoot":"","sources":["../../src/components/MkTextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsB,MAAM,OAAO,CAAC;AAG3C;;;;GAIG;AAEH,MAAM,WAAW,eAAe;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CA6ChD,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
|
-
import { useCallback } from 'react';
|
|
3
|
-
import styles from './MkInput.module.css';
|
|
4
|
-
export const MkTextArea = ({ label, error, helperText, placeholder, value = '', onChange, rows = 4, maxLength, disabled = false, showCount = false, className, }) => {
|
|
5
|
-
const handleChange = useCallback((e) => { onChange === null || onChange === void 0 ? void 0 : onChange(e.target.value); }, [onChange]);
|
|
6
|
-
return (_jsxs("div", { className: styles.container, children: [label && _jsx("label", { className: styles.label, children: label }), _jsx("div", { className: `${styles.wrapper} ${error ? styles.wrapperError : ''}`, children: _jsx("textarea", { className: `${styles.input} ${className || ''}`, style: { resize: 'vertical', minHeight: `${rows * 1.5}rem` }, placeholder: placeholder, value: value, onChange: handleChange, rows: rows, maxLength: maxLength, disabled: disabled }) }), _jsxs("div", { style: { display: 'flex', justifyContent: 'space-between' }, children: [error ? (_jsx("span", { className: styles.errorText, children: error })) : helperText ? (_jsx("span", { className: styles.helperText, children: helperText })) : _jsx("span", {}), showCount && maxLength && (_jsxs("span", { className: styles.helperText, children: [value.length, "/", maxLength] }))] })] }));
|
|
7
|
-
};
|
|
8
|
-
//# sourceMappingURL=MkTextArea.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkTextArea.js","sourceRoot":"","sources":["../../src/components/MkTextArea.tsx"],"names":[],"mappings":";AAAA,OAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAC3C,OAAO,MAAM,MAAM,sBAAsB,CAAC;AAsB1C,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EAClD,KAAK,EACL,KAAK,EACL,UAAU,EACV,WAAW,EACX,KAAK,GAAG,EAAE,EACV,QAAQ,EACR,IAAI,GAAG,CAAC,EACR,SAAS,EACT,QAAQ,GAAG,KAAK,EAChB,SAAS,GAAG,KAAK,EACjB,SAAS,GACZ,EAAE,EAAE;IACD,MAAM,YAAY,GAAG,WAAW,CAC5B,CAAC,CAAyC,EAAE,EAAE,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAG,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAC9E,CAAC,QAAQ,CAAC,CACb,CAAC;IAEF,OAAO,CACH,eAAK,SAAS,EAAE,MAAM,CAAC,SAAS,aAC3B,KAAK,IAAI,gBAAO,SAAS,EAAE,MAAM,CAAC,KAAK,YAAG,KAAK,GAAS,EACzD,cAAK,SAAS,EAAE,GAAG,MAAM,CAAC,OAAO,IAAI,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,YAAY,CAAC,CAAC,CAAC,EAAE,EAAE,YACnE,mBACI,SAAS,EAAE,GAAG,MAAM,CAAC,KAAK,IAAI,SAAS,IAAI,EAAE,EAAE,EAC/C,KAAK,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,IAAI,GAAG,GAAG,KAAK,EAAE,EAC5D,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,GACpB,GACA,EACN,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,cAAc,EAAE,eAAe,EAAE,aAC3D,KAAK,CAAC,CAAC,CAAC,CACL,eAAM,SAAS,EAAE,MAAM,CAAC,SAAS,YAAG,KAAK,GAAQ,CACpD,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CACb,eAAM,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,UAAU,GAAQ,CAC1D,CAAC,CAAC,CAAC,gBAAQ,EACX,SAAS,IAAI,SAAS,IAAI,CACvB,gBAAM,SAAS,EAAE,MAAM,CAAC,UAAU,aAAG,KAAK,CAAC,MAAM,OAAG,SAAS,IAAQ,CACxE,IACC,IACJ,CACT,CAAC;AACN,CAAC,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { MkTextArea } from './MkTextArea';
|
|
3
|
-
declare const meta: Meta<typeof MkTextArea>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof MkTextArea>;
|
|
6
|
-
export declare const Default: Story;
|
|
7
|
-
export declare const WithLabel: Story;
|
|
8
|
-
export declare const WithValue: Story;
|
|
9
|
-
export declare const WithHelperText: Story;
|
|
10
|
-
export declare const WithError: Story;
|
|
11
|
-
export declare const Disabled: Story;
|
|
12
|
-
export declare const WithMaxLength: Story;
|
|
13
|
-
//# sourceMappingURL=MkTextArea.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkTextArea.stories.d.ts","sourceRoot":"","sources":["../../src/components/MkTextArea.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,UAAU,CAajC,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,UAAU,CAAC,CAAC;AAEzC,eAAO,MAAM,OAAO,EAAE,KAErB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAEvB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAKvB,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,KAQ5B,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAMvB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAEtB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAO3B,CAAC"}
|
|
@@ -1,56 +0,0 @@
|
|
|
1
|
-
import { MkTextArea } from './MkTextArea';
|
|
2
|
-
const meta = {
|
|
3
|
-
title: 'Components/MkTextArea',
|
|
4
|
-
component: MkTextArea,
|
|
5
|
-
parameters: { layout: 'centered' },
|
|
6
|
-
tags: ['autodocs'],
|
|
7
|
-
argTypes: {
|
|
8
|
-
label: { control: 'text' },
|
|
9
|
-
rows: { control: { type: 'number', min: 2, max: 20 } },
|
|
10
|
-
maxLength: { control: { type: 'number' } },
|
|
11
|
-
showCount: { control: 'boolean' },
|
|
12
|
-
disabled: { control: 'boolean' },
|
|
13
|
-
error: { control: 'text' },
|
|
14
|
-
},
|
|
15
|
-
};
|
|
16
|
-
export default meta;
|
|
17
|
-
export const Default = {
|
|
18
|
-
args: { placeholder: 'Escribe aquí...' },
|
|
19
|
-
};
|
|
20
|
-
export const WithLabel = {
|
|
21
|
-
args: { label: 'Descripción', placeholder: 'Cuéntanos más...' },
|
|
22
|
-
};
|
|
23
|
-
export const WithValue = {
|
|
24
|
-
args: {
|
|
25
|
-
label: 'Bio',
|
|
26
|
-
value: 'Software engineer with a passion for clean code.',
|
|
27
|
-
},
|
|
28
|
-
};
|
|
29
|
-
export const WithHelperText = {
|
|
30
|
-
args: {
|
|
31
|
-
label: 'Comentario',
|
|
32
|
-
placeholder: 'Tu comentario...',
|
|
33
|
-
helperText: 'Máximo 500 caracteres',
|
|
34
|
-
maxLength: 500,
|
|
35
|
-
showCount: true,
|
|
36
|
-
},
|
|
37
|
-
};
|
|
38
|
-
export const WithError = {
|
|
39
|
-
args: {
|
|
40
|
-
label: 'Required',
|
|
41
|
-
value: 'Texto muy corto',
|
|
42
|
-
error: 'La descripción debe tener al menos 20 caracteres',
|
|
43
|
-
},
|
|
44
|
-
};
|
|
45
|
-
export const Disabled = {
|
|
46
|
-
args: { label: 'Locked notes', value: 'Cannot edit', disabled: true },
|
|
47
|
-
};
|
|
48
|
-
export const WithMaxLength = {
|
|
49
|
-
args: {
|
|
50
|
-
label: 'Tweet',
|
|
51
|
-
placeholder: 'What is happening?',
|
|
52
|
-
maxLength: 280,
|
|
53
|
-
showCount: true,
|
|
54
|
-
},
|
|
55
|
-
};
|
|
56
|
-
//# sourceMappingURL=MkTextArea.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkTextArea.stories.js","sourceRoot":"","sources":["../../src/components/MkTextArea.stories.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,MAAM,IAAI,GAA4B;IAClC,KAAK,EAAE,uBAAuB;IAC9B,SAAS,EAAE,UAAU;IACrB,UAAU,EAAE,EAAE,MAAM,EAAE,UAAU,EAAE;IAClC,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACN,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;QAC1B,IAAI,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE,EAAE;QACtD,SAAS,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE;QAC1C,SAAS,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QACjC,QAAQ,EAAE,EAAE,OAAO,EAAE,SAAS,EAAE;QAChC,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE;KAC7B;CACJ,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC1B,IAAI,EAAE,EAAE,WAAW,EAAE,iBAAiB,EAAE;CAC3C,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,kBAAkB,EAAE;CAClE,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,KAAK;QACZ,KAAK,EAAE,kDAAkD;KAC5D;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACjC,IAAI,EAAE;QACF,KAAK,EAAE,YAAY;QACnB,WAAW,EAAE,kBAAkB;QAC/B,UAAU,EAAE,uBAAuB;QACnC,SAAS,EAAE,GAAG;QACd,SAAS,EAAE,IAAI;KAClB;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,SAAS,GAAU;IAC5B,IAAI,EAAE;QACF,KAAK,EAAE,UAAU;QACjB,KAAK,EAAE,iBAAiB;QACxB,KAAK,EAAE,kDAAkD;KAC5D;CACJ,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC3B,IAAI,EAAE,EAAE,KAAK,EAAE,cAAc,EAAE,KAAK,EAAE,aAAa,EAAE,QAAQ,EAAE,IAAI,EAAE;CACxE,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAU;IAChC,IAAI,EAAE;QACF,KAAK,EAAE,OAAO;QACd,WAAW,EAAE,oBAAoB;QACjC,SAAS,EAAE,GAAG;QACd,SAAS,EAAE,IAAI;KAClB;CACJ,CAAC"}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkTextArea.stories.test.d.ts","sourceRoot":"","sources":["../../src/components/MkTextArea.stories.test.tsx"],"names":[],"mappings":""}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
-
/**
|
|
3
|
-
* Smoke snapshot for MkTextArea — required by R-MK-002.
|
|
4
|
-
*/
|
|
5
|
-
import { describe, it, expect, afterEach } from 'vitest';
|
|
6
|
-
import { render, cleanup } from '@testing-library/react';
|
|
7
|
-
import { MkTextArea } from './MkTextArea';
|
|
8
|
-
describe('MkTextArea story smoke', () => {
|
|
9
|
-
afterEach(cleanup);
|
|
10
|
-
it('renders with label', () => {
|
|
11
|
-
const { container } = render(_jsx(MkTextArea, { label: "Description", value: "Some text content" }));
|
|
12
|
-
expect(container.firstChild).toMatchSnapshot();
|
|
13
|
-
});
|
|
14
|
-
});
|
|
15
|
-
//# sourceMappingURL=MkTextArea.stories.test.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"MkTextArea.stories.test.js","sourceRoot":"","sources":["../../src/components/MkTextArea.stories.test.tsx"],"names":[],"mappings":";AAAA;;GAEG;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,UAAU,EAAE,MAAM,cAAc,CAAC;AAE1C,QAAQ,CAAC,wBAAwB,EAAE,GAAG,EAAE;IACpC,SAAS,CAAC,OAAO,CAAC,CAAC;IAEnB,EAAE,CAAC,oBAAoB,EAAE,GAAG,EAAE;QAC1B,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CACxB,KAAC,UAAU,IAAC,KAAK,EAAC,aAAa,EAAC,KAAK,EAAC,mBAAmB,GAAG,CAC/D,CAAC;QACF,MAAM,CAAC,SAAS,CAAC,UAAU,CAAC,CAAC,eAAe,EAAE,CAAC;IACnD,CAAC,CAAC,CAAC;AACP,CAAC,CAAC,CAAC"}
|
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
/**
|
|
3
|
-
* @module MkThemeEditor
|
|
4
|
-
* @description Real-time Theme Editor for MK-Director.
|
|
5
|
-
* Allows visual modification of CSS variables during development.
|
|
6
|
-
*/
|
|
7
|
-
export declare function MkThemeEditor(): React.JSX.Element;
|
|
8
|
-
//# sourceMappingURL=MkThemeEditor.d.ts.map
|
|
@@ -1,177 +0,0 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
--mk-theme-editor-bg: var(--mk-card);
|
|
3
|
-
--mk-theme-editor-border: var(--mk-border);
|
|
4
|
-
--mk-theme-editor-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.2), 0 10px 10px -5px rgba(0, 0, 0, 0.1);
|
|
5
|
-
|
|
6
|
-
position: fixed;
|
|
7
|
-
bottom: 1.5rem;
|
|
8
|
-
right: 1.5rem;
|
|
9
|
-
width: 320px;
|
|
10
|
-
max-height: 500px;
|
|
11
|
-
background-color: var(--mk-theme-editor-bg);
|
|
12
|
-
border: 1px solid var(--mk-theme-editor-border);
|
|
13
|
-
border-radius: var(--mk-radius, 12px);
|
|
14
|
-
box-shadow: var(--mk-theme-editor-shadow);
|
|
15
|
-
z-index: 10000;
|
|
16
|
-
display: flex;
|
|
17
|
-
flex-direction: column;
|
|
18
|
-
overflow: hidden;
|
|
19
|
-
animation: slideUp 0.3s cubic-bezier(0.16, 1, 0.3, 1);
|
|
20
|
-
}
|
|
21
|
-
|
|
22
|
-
:global([data-theme='dark']) .container {
|
|
23
|
-
--mk-theme-editor-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.6), 0 10px 10px -5px rgba(0, 0, 0, 0.4);
|
|
24
|
-
}
|
|
25
|
-
|
|
26
|
-
@keyframes slideUp {
|
|
27
|
-
from {
|
|
28
|
-
opacity: 0;
|
|
29
|
-
transform: translateY(20px) scale(0.95);
|
|
30
|
-
}
|
|
31
|
-
to {
|
|
32
|
-
opacity: 1;
|
|
33
|
-
transform: translateY(0) scale(1);
|
|
34
|
-
}
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
.header {
|
|
38
|
-
display: flex;
|
|
39
|
-
align-items: center;
|
|
40
|
-
justify-content: space-between;
|
|
41
|
-
padding: 0.85rem 1rem;
|
|
42
|
-
background-color: var(--mk-muted);
|
|
43
|
-
border-bottom: 1px solid var(--mk-theme-editor-border);
|
|
44
|
-
}
|
|
45
|
-
|
|
46
|
-
.title {
|
|
47
|
-
font-size: 0.875rem;
|
|
48
|
-
font-weight: 700;
|
|
49
|
-
text-transform: uppercase;
|
|
50
|
-
letter-spacing: 0.05em;
|
|
51
|
-
color: var(--mk-foreground);
|
|
52
|
-
margin: 0;
|
|
53
|
-
display: flex;
|
|
54
|
-
align-items: center;
|
|
55
|
-
gap: 0.5rem;
|
|
56
|
-
}
|
|
57
|
-
|
|
58
|
-
.content {
|
|
59
|
-
flex: 1;
|
|
60
|
-
overflow-y: auto;
|
|
61
|
-
padding: 1rem;
|
|
62
|
-
display: flex;
|
|
63
|
-
flex-direction: column;
|
|
64
|
-
gap: 1.25rem;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
.section {
|
|
68
|
-
display: flex;
|
|
69
|
-
flex-direction: column;
|
|
70
|
-
gap: 0.75rem;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.sectionTitle {
|
|
74
|
-
font-size: 0.75rem;
|
|
75
|
-
font-weight: 600;
|
|
76
|
-
color: var(--mk-muted-foreground);
|
|
77
|
-
text-transform: uppercase;
|
|
78
|
-
letter-spacing: 0.025em;
|
|
79
|
-
}
|
|
80
|
-
|
|
81
|
-
.tokenRow {
|
|
82
|
-
display: flex;
|
|
83
|
-
align-items: center;
|
|
84
|
-
justify-content: space-between;
|
|
85
|
-
gap: 0.75rem;
|
|
86
|
-
}
|
|
87
|
-
|
|
88
|
-
.tokenInfo {
|
|
89
|
-
display: flex;
|
|
90
|
-
flex-direction: column;
|
|
91
|
-
gap: 0.125rem;
|
|
92
|
-
}
|
|
93
|
-
|
|
94
|
-
.tokenLabel {
|
|
95
|
-
font-size: 0.8125rem;
|
|
96
|
-
font-weight: 500;
|
|
97
|
-
color: var(--mk-foreground);
|
|
98
|
-
font-family: inherit;
|
|
99
|
-
}
|
|
100
|
-
|
|
101
|
-
.tokenValue {
|
|
102
|
-
font-size: 0.7rem;
|
|
103
|
-
color: var(--mk-muted-foreground);
|
|
104
|
-
font-family: var(--mk-font-mono, monospace);
|
|
105
|
-
}
|
|
106
|
-
|
|
107
|
-
.colorInput {
|
|
108
|
-
width: 28px;
|
|
109
|
-
height: 28px;
|
|
110
|
-
padding: 0;
|
|
111
|
-
border: 2px solid var(--mk-theme-editor-border);
|
|
112
|
-
border-radius: 4px;
|
|
113
|
-
cursor: pointer;
|
|
114
|
-
background: none;
|
|
115
|
-
flex-shrink: 0;
|
|
116
|
-
}
|
|
117
|
-
|
|
118
|
-
.colorInput::-webkit-color-swatch-wrapper {
|
|
119
|
-
padding: 0;
|
|
120
|
-
}
|
|
121
|
-
.colorInput::-webkit-color-swatch {
|
|
122
|
-
border: none;
|
|
123
|
-
border-radius: 2px;
|
|
124
|
-
}
|
|
125
|
-
|
|
126
|
-
.footer {
|
|
127
|
-
padding: 0.75rem 1rem;
|
|
128
|
-
border-top: 1px solid var(--mk-theme-editor-border);
|
|
129
|
-
display: flex;
|
|
130
|
-
gap: 0.5rem;
|
|
131
|
-
background-color: var(--mk-muted);
|
|
132
|
-
}
|
|
133
|
-
|
|
134
|
-
.controlButton {
|
|
135
|
-
flex: 1;
|
|
136
|
-
display: flex;
|
|
137
|
-
align-items: center;
|
|
138
|
-
justify-content: center;
|
|
139
|
-
gap: 0.375rem;
|
|
140
|
-
padding: 0.5rem;
|
|
141
|
-
border-radius: 6px;
|
|
142
|
-
font-size: 0.75rem;
|
|
143
|
-
font-weight: 600;
|
|
144
|
-
cursor: pointer;
|
|
145
|
-
transition: all 0.2s ease;
|
|
146
|
-
border: 1px solid var(--mk-theme-editor-border);
|
|
147
|
-
background-color: var(--mk-background);
|
|
148
|
-
color: var(--mk-foreground);
|
|
149
|
-
}
|
|
150
|
-
|
|
151
|
-
.controlButton:hover {
|
|
152
|
-
background-color: var(--mk-primary);
|
|
153
|
-
color: var(--mk-primary-foreground);
|
|
154
|
-
}
|
|
155
|
-
|
|
156
|
-
.minimized {
|
|
157
|
-
position: fixed;
|
|
158
|
-
bottom: 1.5rem;
|
|
159
|
-
right: 1.5rem;
|
|
160
|
-
width: 44px;
|
|
161
|
-
height: 44px;
|
|
162
|
-
border-radius: 50%;
|
|
163
|
-
background-color: var(--mk-primary);
|
|
164
|
-
color: white;
|
|
165
|
-
display: flex;
|
|
166
|
-
align-items: center;
|
|
167
|
-
justify-content: center;
|
|
168
|
-
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
|
|
169
|
-
cursor: pointer;
|
|
170
|
-
z-index: 10000;
|
|
171
|
-
transition: transform 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
|
|
172
|
-
border: none;
|
|
173
|
-
}
|
|
174
|
-
|
|
175
|
-
.minimized:hover {
|
|
176
|
-
transform: scale(1.1);
|
|
177
|
-
}
|
|
@@ -1,95 +0,0 @@
|
|
|
1
|
-
.container {
|
|
2
|
-
position: fixed;
|
|
3
|
-
z-index: 9999;
|
|
4
|
-
padding: 1rem;
|
|
5
|
-
pointer-events: none;
|
|
6
|
-
display: flex;
|
|
7
|
-
flex-direction: column;
|
|
8
|
-
gap: 0.75rem;
|
|
9
|
-
}
|
|
10
|
-
|
|
11
|
-
.toast {
|
|
12
|
-
--mk-toast-bg: var(--mk-popover);
|
|
13
|
-
--mk-toast-fg: var(--mk-popover-foreground);
|
|
14
|
-
--mk-toast-border: var(--mk-border);
|
|
15
|
-
--mk-toast-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
16
|
-
--mk-toast-color: var(--mk-foreground);
|
|
17
|
-
--mk-toast-radius: var(--mk-radius, 8px);
|
|
18
|
-
|
|
19
|
-
background-color: var(--mk-toast-bg);
|
|
20
|
-
color: var(--mk-toast-fg);
|
|
21
|
-
border: 1px solid var(--mk-toast-border);
|
|
22
|
-
border-radius: var(--mk-toast-radius);
|
|
23
|
-
padding: 0.85rem 1rem;
|
|
24
|
-
min-width: 280px;
|
|
25
|
-
max-width: 420px;
|
|
26
|
-
box-shadow: var(--mk-toast-shadow);
|
|
27
|
-
pointer-events: auto;
|
|
28
|
-
overflow: hidden;
|
|
29
|
-
position: relative;
|
|
30
|
-
display: flex;
|
|
31
|
-
flex-direction: column;
|
|
32
|
-
animation: mk-fade-in 0.3s var(--mk-ease-out) backwards;
|
|
33
|
-
transition: all 0.3s var(--mk-ease-out);
|
|
34
|
-
}
|
|
35
|
-
|
|
36
|
-
:global([data-theme='dark']) .toast {
|
|
37
|
-
--mk-toast-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.5), 0 4px 6px -2px rgba(0, 0, 0, 0.3);
|
|
38
|
-
}
|
|
39
|
-
|
|
40
|
-
.toast.exiting {
|
|
41
|
-
opacity: 0;
|
|
42
|
-
transform: scale(0.95);
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
.content {
|
|
46
|
-
display: flex;
|
|
47
|
-
align-items: center;
|
|
48
|
-
gap: 0.75rem;
|
|
49
|
-
}
|
|
50
|
-
|
|
51
|
-
.icon {
|
|
52
|
-
font-size: 1.2rem;
|
|
53
|
-
flex-shrink: 0;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
.text {
|
|
57
|
-
flex-grow: 1;
|
|
58
|
-
font-size: 0.95rem;
|
|
59
|
-
font-weight: 500;
|
|
60
|
-
}
|
|
61
|
-
|
|
62
|
-
.close {
|
|
63
|
-
background: none;
|
|
64
|
-
border: none;
|
|
65
|
-
font-size: 1.5rem;
|
|
66
|
-
cursor: pointer;
|
|
67
|
-
color: var(--mk-muted-foreground);
|
|
68
|
-
line-height: 1;
|
|
69
|
-
padding: 0;
|
|
70
|
-
transition: color 0.15s ease;
|
|
71
|
-
}
|
|
72
|
-
|
|
73
|
-
.close:hover {
|
|
74
|
-
color: var(--mk-foreground);
|
|
75
|
-
}
|
|
76
|
-
|
|
77
|
-
.progress {
|
|
78
|
-
position: absolute;
|
|
79
|
-
bottom: 0;
|
|
80
|
-
left: 0;
|
|
81
|
-
height: 3px;
|
|
82
|
-
opacity: 0.5;
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
/* Animations */
|
|
86
|
-
@keyframes slideIn {
|
|
87
|
-
from {
|
|
88
|
-
opacity: 0;
|
|
89
|
-
transform: translateY(10px) scale(0.95);
|
|
90
|
-
}
|
|
91
|
-
to {
|
|
92
|
-
opacity: 1;
|
|
93
|
-
transform: translateY(0) scale(1);
|
|
94
|
-
}
|
|
95
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import { MkToastContainer } from './MkToastContainer';
|
|
3
|
-
declare const meta: Meta<typeof MkToastContainer>;
|
|
4
|
-
export default meta;
|
|
5
|
-
type Story = StoryObj<typeof MkToastContainer>;
|
|
6
|
-
export declare const Empty: Story;
|
|
7
|
-
export declare const WithToasts: Story;
|
|
8
|
-
export declare const SingleToast: Story;
|
|
9
|
-
//# sourceMappingURL=MkToastContainer.stories.d.ts.map
|