@mindlogic-ai/logician-ui 5.0.0-alpha.2 → 5.0.0-alpha.21
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/README.md +1 -0
- package/dist/components/Avatar/Avatar.d.ts +68 -11
- package/dist/components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar/Avatar.js +41 -5
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Avatar/Avatar.mjs +40 -5
- package/dist/components/Avatar/Avatar.mjs.map +1 -1
- package/dist/components/Avatar/index.d.ts +2 -2
- package/dist/components/Avatar/index.d.ts.map +1 -1
- package/dist/components/Badge/Badge.d.ts.map +1 -1
- package/dist/components/Badge/Badge.js +5 -3
- package/dist/components/Badge/Badge.js.map +1 -1
- package/dist/components/Badge/Badge.mjs +5 -3
- package/dist/components/Badge/Badge.mjs.map +1 -1
- package/dist/components/Badge/Badge.types.d.ts +7 -5
- package/dist/components/Badge/Badge.types.d.ts.map +1 -1
- package/dist/components/Banner/Banner.types.d.ts +24 -1
- package/dist/components/Banner/Banner.types.d.ts.map +1 -1
- package/dist/components/BottomSheet/BottomSheet.styles.d.ts +2 -2
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +31 -3
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.mjs +31 -3
- package/dist/components/Button/Button.mjs.map +1 -1
- package/dist/components/Button/Button.types.d.ts +38 -1
- package/dist/components/Button/Button.types.d.ts.map +1 -1
- package/dist/components/Card/Card.types.d.ts +12 -0
- package/dist/components/Card/Card.types.d.ts.map +1 -1
- package/dist/components/Code/shikiAdapter.d.ts +3 -1
- package/dist/components/Code/shikiAdapter.d.ts.map +1 -1
- package/dist/components/Code/shikiAdapter.js +29 -8
- package/dist/components/Code/shikiAdapter.js.map +1 -1
- package/dist/components/Code/shikiAdapter.mjs +29 -8
- package/dist/components/Code/shikiAdapter.mjs.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.styles.d.ts +6 -5
- package/dist/components/CodeTabs/CodeTabs.styles.d.ts.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.styles.js +6 -5
- package/dist/components/CodeTabs/CodeTabs.styles.js.map +1 -1
- package/dist/components/CodeTabs/CodeTabs.styles.mjs +6 -5
- package/dist/components/CodeTabs/CodeTabs.styles.mjs.map +1 -1
- package/dist/components/ColorMode/ColorModeToggle.d.ts +7 -2
- package/dist/components/ColorMode/ColorModeToggle.d.ts.map +1 -1
- package/dist/components/ColorMode/ColorModeToggle.js +8 -3
- package/dist/components/ColorMode/ColorModeToggle.js.map +1 -1
- package/dist/components/ColorMode/ColorModeToggle.mjs +8 -3
- package/dist/components/ColorMode/ColorModeToggle.mjs.map +1 -1
- package/dist/components/Confetti/Confetti.types.d.ts +5 -1
- package/dist/components/Confetti/Confetti.types.d.ts.map +1 -1
- package/dist/components/Confetti/confettiColors.d.ts +5 -5
- package/dist/components/Confetti/confettiColors.js +5 -5
- package/dist/components/Confetti/confettiColors.mjs +5 -5
- package/dist/components/ErrorFallback/ErrorFallback.types.d.ts +6 -0
- package/dist/components/ErrorFallback/ErrorFallback.types.d.ts.map +1 -1
- package/dist/components/Form/FormModalFooter/FormModalFooter.d.ts +1 -1
- package/dist/components/Form/FormModalFooter/FormModalFooter.d.ts.map +1 -1
- package/dist/components/Form/FormModalFooter/FormModalFooter.js +2 -2
- package/dist/components/Form/FormModalFooter/FormModalFooter.js.map +1 -1
- package/dist/components/Form/FormModalFooter/FormModalFooter.mjs +2 -2
- package/dist/components/Form/FormModalFooter/FormModalFooter.mjs.map +1 -1
- package/dist/components/Form/FormModalFooter/FormModalFooter.types.d.ts +11 -1
- package/dist/components/Form/FormModalFooter/FormModalFooter.types.d.ts.map +1 -1
- package/dist/components/Form/FormSection/CollapsibleFormSection.js +1 -0
- package/dist/components/Form/FormSection/CollapsibleFormSection.js.map +1 -1
- package/dist/components/Form/FormSection/CollapsibleFormSection.mjs +1 -0
- package/dist/components/Form/FormSection/CollapsibleFormSection.mjs.map +1 -1
- package/dist/components/Input/Input.d.ts.map +1 -1
- package/dist/components/Input/Input.js +4 -0
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/Input.mjs +4 -0
- package/dist/components/Input/Input.mjs.map +1 -1
- package/dist/components/LineGraph/LineGraph.d.ts.map +1 -1
- package/dist/components/LineGraph/LineGraph.js +4 -5
- package/dist/components/LineGraph/LineGraph.js.map +1 -1
- package/dist/components/LineGraph/LineGraph.mjs +5 -6
- package/dist/components/LineGraph/LineGraph.mjs.map +1 -1
- package/dist/components/LineGraph/LineGraph.types.d.ts +12 -2
- package/dist/components/LineGraph/LineGraph.types.d.ts.map +1 -1
- package/dist/components/LineGraph/seriesColors.d.ts +12 -8
- package/dist/components/LineGraph/seriesColors.d.ts.map +1 -1
- package/dist/components/LineGraph/seriesColors.js +8 -7
- package/dist/components/LineGraph/seriesColors.js.map +1 -1
- package/dist/components/LineGraph/seriesColors.mjs +8 -7
- package/dist/components/LineGraph/seriesColors.mjs.map +1 -1
- package/dist/components/Masonry/Masonry.types.d.ts +8 -3
- package/dist/components/Masonry/Masonry.types.d.ts.map +1 -1
- package/dist/components/Menu/MenuItem.types.d.ts +8 -0
- package/dist/components/Menu/MenuItem.types.d.ts.map +1 -1
- package/dist/components/Modal/ModalCloseButton.d.ts +1 -1
- package/dist/components/Modal/ModalCloseButton.js +1 -1
- package/dist/components/Modal/ModalCloseButton.mjs +1 -1
- package/dist/components/NavList/NavList.d.ts +35 -0
- package/dist/components/NavList/NavList.d.ts.map +1 -0
- package/dist/components/NavList/NavList.js +113 -0
- package/dist/components/NavList/NavList.js.map +1 -0
- package/dist/components/NavList/NavList.mjs +111 -0
- package/dist/components/NavList/NavList.mjs.map +1 -0
- package/dist/components/NavList/NavList.styles.d.ts +90 -0
- package/dist/components/NavList/NavList.styles.d.ts.map +1 -0
- package/dist/components/NavList/NavList.styles.js +104 -0
- package/dist/components/NavList/NavList.styles.js.map +1 -0
- package/dist/components/NavList/NavList.styles.mjs +97 -0
- package/dist/components/NavList/NavList.styles.mjs.map +1 -0
- package/dist/components/NavList/NavList.translations.json.js +19 -0
- package/dist/components/NavList/NavList.translations.json.js.map +1 -0
- package/dist/components/NavList/NavList.translations.json.mjs +14 -0
- package/dist/components/NavList/NavList.translations.json.mjs.map +1 -0
- package/dist/components/NavList/NavList.types.d.ts +140 -0
- package/dist/components/NavList/NavList.types.d.ts.map +1 -0
- package/dist/components/NavList/NavListContext.d.ts +30 -0
- package/dist/components/NavList/NavListContext.d.ts.map +1 -0
- package/dist/components/NavList/NavListContext.js +16 -0
- package/dist/components/NavList/NavListContext.js.map +1 -0
- package/dist/components/NavList/NavListContext.mjs +13 -0
- package/dist/components/NavList/NavListContext.mjs.map +1 -0
- package/dist/components/NavList/NavListGroup.d.ts +31 -0
- package/dist/components/NavList/NavListGroup.d.ts.map +1 -0
- package/dist/components/NavList/NavListGroup.js +115 -0
- package/dist/components/NavList/NavListGroup.js.map +1 -0
- package/dist/components/NavList/NavListGroup.mjs +113 -0
- package/dist/components/NavList/NavListGroup.mjs.map +1 -0
- package/dist/components/NavList/NavListItem.d.ts +16 -0
- package/dist/components/NavList/NavListItem.d.ts.map +1 -0
- package/dist/components/NavList/NavListItem.js +284 -0
- package/dist/components/NavList/NavListItem.js.map +1 -0
- package/dist/components/NavList/NavListItem.mjs +282 -0
- package/dist/components/NavList/NavListItem.mjs.map +1 -0
- package/dist/components/NavList/NavListSkeleton.d.ts +17 -0
- package/dist/components/NavList/NavListSkeleton.d.ts.map +1 -0
- package/dist/components/NavList/NavListSkeleton.js +33 -0
- package/dist/components/NavList/NavListSkeleton.js.map +1 -0
- package/dist/components/NavList/NavListSkeleton.mjs +31 -0
- package/dist/components/NavList/NavListSkeleton.mjs.map +1 -0
- package/dist/components/NavList/index.d.ts +7 -0
- package/dist/components/NavList/index.d.ts.map +1 -0
- package/dist/components/Pagination/Pagination.d.ts +11 -10
- package/dist/components/Pagination/Pagination.d.ts.map +1 -1
- package/dist/components/Pagination/Pagination.js +11 -10
- package/dist/components/Pagination/Pagination.js.map +1 -1
- package/dist/components/Pagination/Pagination.mjs +11 -10
- package/dist/components/Pagination/Pagination.mjs.map +1 -1
- package/dist/components/ProgressBar/ProgressBar.types.d.ts +9 -0
- package/dist/components/ProgressBar/ProgressBar.types.d.ts.map +1 -1
- package/dist/components/RadialProgress/RadialProgress.types.d.ts +21 -1
- package/dist/components/RadialProgress/RadialProgress.types.d.ts.map +1 -1
- package/dist/components/SeeMoreButton/SeeMoreButton.types.d.ts +8 -0
- package/dist/components/SeeMoreButton/SeeMoreButton.types.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.d.ts.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.js +6 -7
- package/dist/components/SegmentedControl/SegmentedControl.js.map +1 -1
- package/dist/components/SegmentedControl/SegmentedControl.mjs +6 -7
- package/dist/components/SegmentedControl/SegmentedControl.mjs.map +1 -1
- package/dist/components/SegmentedProgressBar/SegmentedProgressBar.types.d.ts +2 -0
- package/dist/components/SegmentedProgressBar/SegmentedProgressBar.types.d.ts.map +1 -1
- package/dist/components/Select/Combobox.d.ts +1 -1
- package/dist/components/Select/Combobox.d.ts.map +1 -1
- package/dist/components/Select/Combobox.js +9 -2
- package/dist/components/Select/Combobox.js.map +1 -1
- package/dist/components/Select/Combobox.mjs +10 -3
- package/dist/components/Select/Combobox.mjs.map +1 -1
- package/dist/components/Select/Select.d.ts +1 -1
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.js +14 -2
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/Select.mjs +15 -3
- package/dist/components/Select/Select.mjs.map +1 -1
- package/dist/components/Select/Select.styles.d.ts +97 -1
- package/dist/components/Select/Select.styles.d.ts.map +1 -1
- package/dist/components/Select/Select.styles.js +83 -0
- package/dist/components/Select/Select.styles.js.map +1 -1
- package/dist/components/Select/Select.styles.mjs +82 -1
- package/dist/components/Select/Select.styles.mjs.map +1 -1
- package/dist/components/Tabs/Tab/Tab.styles.d.ts +1 -1
- package/dist/components/Tabs/Tab/Tab.styles.js +1 -1
- package/dist/components/Tabs/Tab/Tab.styles.mjs +1 -1
- package/dist/components/Textarea/Textarea.d.ts.map +1 -1
- package/dist/components/Textarea/Textarea.js +4 -0
- package/dist/components/Textarea/Textarea.js.map +1 -1
- package/dist/components/Textarea/Textarea.mjs +4 -0
- package/dist/components/Textarea/Textarea.mjs.map +1 -1
- package/dist/components/Toast/Toast.styles.d.ts +6 -2
- package/dist/components/Toast/Toast.styles.d.ts.map +1 -1
- package/dist/components/Toast/Toast.styles.js +18 -10
- package/dist/components/Toast/Toast.styles.js.map +1 -1
- package/dist/components/Toast/Toast.styles.mjs +18 -10
- package/dist/components/Toast/Toast.styles.mjs.map +1 -1
- package/dist/components/Typography/Caption.d.ts.map +1 -1
- package/dist/components/Typography/Caption.js +1 -1
- package/dist/components/Typography/Caption.js.map +1 -1
- package/dist/components/Typography/Caption.mjs +1 -1
- package/dist/components/Typography/Caption.mjs.map +1 -1
- package/dist/components/Typography/H1.d.ts.map +1 -1
- package/dist/components/Typography/H1.js +1 -1
- package/dist/components/Typography/H1.js.map +1 -1
- package/dist/components/Typography/H1.mjs +1 -1
- package/dist/components/Typography/H1.mjs.map +1 -1
- package/dist/components/Typography/H2.d.ts.map +1 -1
- package/dist/components/Typography/H2.js +1 -1
- package/dist/components/Typography/H2.js.map +1 -1
- package/dist/components/Typography/H2.mjs +1 -1
- package/dist/components/Typography/H2.mjs.map +1 -1
- package/dist/components/Typography/H3.d.ts.map +1 -1
- package/dist/components/Typography/H3.js +1 -1
- package/dist/components/Typography/H3.js.map +1 -1
- package/dist/components/Typography/H3.mjs +1 -1
- package/dist/components/Typography/H3.mjs.map +1 -1
- package/dist/components/Typography/H4.d.ts.map +1 -1
- package/dist/components/Typography/H4.js +1 -1
- package/dist/components/Typography/H4.js.map +1 -1
- package/dist/components/Typography/H4.mjs +1 -1
- package/dist/components/Typography/H4.mjs.map +1 -1
- package/dist/components/Typography/H5.d.ts.map +1 -1
- package/dist/components/Typography/H5.js +1 -1
- package/dist/components/Typography/H5.js.map +1 -1
- package/dist/components/Typography/H5.mjs +1 -1
- package/dist/components/Typography/H5.mjs.map +1 -1
- package/dist/components/Typography/Link.d.ts.map +1 -1
- package/dist/components/Typography/Link.js +1 -1
- package/dist/components/Typography/Link.js.map +1 -1
- package/dist/components/Typography/Link.mjs +1 -1
- package/dist/components/Typography/Link.mjs.map +1 -1
- package/dist/components/Typography/Overline.d.ts.map +1 -1
- package/dist/components/Typography/Overline.js +1 -1
- package/dist/components/Typography/Overline.js.map +1 -1
- package/dist/components/Typography/Overline.mjs +1 -1
- package/dist/components/Typography/Overline.mjs.map +1 -1
- package/dist/components/Typography/Subtext.d.ts.map +1 -1
- package/dist/components/Typography/Subtext.js +1 -1
- package/dist/components/Typography/Subtext.js.map +1 -1
- package/dist/components/Typography/Subtext.mjs +1 -1
- package/dist/components/Typography/Subtext.mjs.map +1 -1
- package/dist/components/Typography/Subtitle.d.ts.map +1 -1
- package/dist/components/Typography/Subtitle.js +1 -1
- package/dist/components/Typography/Subtitle.js.map +1 -1
- package/dist/components/Typography/Subtitle.mjs +1 -1
- package/dist/components/Typography/Subtitle.mjs.map +1 -1
- package/dist/components/Typography/Text.d.ts.map +1 -1
- package/dist/components/Typography/Text.js +1 -1
- package/dist/components/Typography/Text.js.map +1 -1
- package/dist/components/Typography/Text.mjs +1 -1
- package/dist/components/Typography/Text.mjs.map +1 -1
- package/dist/hooks/useLanguage.d.ts +5 -0
- package/dist/hooks/useLanguage.d.ts.map +1 -1
- package/dist/hooks/useLanguage.js +7 -3
- package/dist/hooks/useLanguage.js.map +1 -1
- package/dist/hooks/useLanguage.mjs +7 -4
- package/dist/hooks/useLanguage.mjs.map +1 -1
- package/dist/hooks/useTranslate.d.ts.map +1 -1
- package/dist/hooks/useTranslate.js +8 -5
- package/dist/hooks/useTranslate.js.map +1 -1
- package/dist/hooks/useTranslate.mjs +8 -5
- package/dist/hooks/useTranslate.mjs.map +1 -1
- package/dist/index.d.ts +2 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +13 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +7 -2
- package/dist/index.mjs.map +1 -1
- package/dist/theme/colors.d.ts +2 -2
- package/dist/theme/colors.d.ts.map +1 -1
- package/dist/theme/colors.js +54 -18
- package/dist/theme/colors.js.map +1 -1
- package/dist/theme/colors.mjs +55 -19
- package/dist/theme/colors.mjs.map +1 -1
- package/dist/theme/global.d.ts.map +1 -1
- package/dist/theme/global.js +19 -1
- package/dist/theme/global.js.map +1 -1
- package/dist/theme/global.mjs +19 -1
- package/dist/theme/global.mjs.map +1 -1
- package/dist/theme/index.d.ts.map +1 -1
- package/dist/theme/index.js +2 -0
- package/dist/theme/index.js.map +1 -1
- package/dist/theme/index.mjs +2 -0
- package/dist/theme/index.mjs.map +1 -1
- package/dist/theme/palette.generated.d.ts +232 -123
- package/dist/theme/palette.generated.d.ts.map +1 -1
- package/dist/theme/palette.generated.js +233 -123
- package/dist/theme/palette.generated.js.map +1 -1
- package/dist/theme/palette.generated.mjs +233 -124
- package/dist/theme/palette.generated.mjs.map +1 -1
- package/dist/theme/paletteSwatches.d.ts +20 -0
- package/dist/theme/paletteSwatches.d.ts.map +1 -1
- package/dist/theme/recipes/avatar.d.ts +30 -0
- package/dist/theme/recipes/avatar.d.ts.map +1 -0
- package/dist/theme/recipes/avatar.js +96 -0
- package/dist/theme/recipes/avatar.js.map +1 -0
- package/dist/theme/recipes/avatar.mjs +94 -0
- package/dist/theme/recipes/avatar.mjs.map +1 -0
- package/dist/translations/Defaults.translations.json.js +19 -1
- package/dist/translations/Defaults.translations.json.js.map +1 -1
- package/dist/translations/Defaults.translations.json.mjs +18 -2
- package/dist/translations/Defaults.translations.json.mjs.map +1 -1
- package/dist/utils/disabledControl.d.ts +8 -1
- package/dist/utils/disabledControl.d.ts.map +1 -1
- package/dist/utils/disabledControl.js +8 -1
- package/dist/utils/disabledControl.js.map +1 -1
- package/dist/utils/disabledControl.mjs +8 -1
- package/dist/utils/disabledControl.mjs.map +1 -1
- package/dist/utils/focusRing.d.ts +22 -0
- package/dist/utils/focusRing.d.ts.map +1 -1
- package/dist/utils/focusRing.js +22 -0
- package/dist/utils/focusRing.js.map +1 -1
- package/dist/utils/focusRing.mjs +21 -1
- package/dist/utils/focusRing.mjs.map +1 -1
- package/package.json +2 -1
- package/src/components/Accordion/Accordion.stories.tsx +85 -0
- package/src/components/Accordion/Accordion.usage.mdx +200 -0
- package/src/components/Appear/Appear.usage.mdx +107 -0
- package/src/components/Avatar/Avatar.recipe.test.tsx +176 -0
- package/src/components/Avatar/Avatar.stories.tsx +199 -24
- package/src/components/Avatar/Avatar.tsx +118 -21
- package/src/components/Avatar/Avatar.usage.mdx +185 -0
- package/src/components/Avatar/index.tsx +8 -1
- package/src/components/Badge/Badge.stories.tsx +193 -3
- package/src/components/Badge/Badge.tsx +5 -3
- package/src/components/Badge/Badge.types.ts +7 -5
- package/src/components/Badge/Badge.usage.mdx +265 -0
- package/src/components/Banner/Banner.stories.tsx +152 -2
- package/src/components/Banner/Banner.types.ts +30 -1
- package/src/components/Banner/Banner.usage.mdx +233 -0
- package/src/components/BottomSheet/BottomSheet.stories.tsx +168 -1
- package/src/components/BottomSheet/BottomSheet.test.tsx +2 -1
- package/src/components/BottomSheet/BottomSheet.usage.mdx +216 -0
- package/src/components/Breadcrumb/Breadcrumb.stories.tsx +59 -0
- package/src/components/Breadcrumb/Breadcrumb.usage.mdx +181 -0
- package/src/components/Button/Button.focusableWhenDisabled.test.tsx +218 -0
- package/src/components/Button/Button.stories.tsx +332 -3
- package/src/components/Button/Button.tsx +46 -3
- package/src/components/Button/Button.types.ts +38 -1
- package/src/components/Button/Button.usage.mdx +358 -0
- package/src/components/Button/Button.variants.test.tsx +13 -1
- package/src/components/Card/Card.stories.tsx +106 -0
- package/src/components/Card/Card.types.ts +12 -0
- package/src/components/Card/Card.usage.mdx +216 -0
- package/src/components/Checkbox/Checkbox.stories.tsx +140 -13
- package/src/components/Checkbox/Checkbox.usage.mdx +214 -0
- package/src/components/Chip/Chip.usage.mdx +78 -0
- package/src/components/Code/Code.stories.tsx +60 -0
- package/src/components/Code/Code.test.tsx +116 -0
- package/src/components/Code/Code.usage.mdx +187 -0
- package/src/components/Code/shikiAdapter.ts +38 -9
- package/src/components/CodeTabs/CodeTabs.stories.tsx +53 -0
- package/src/components/CodeTabs/CodeTabs.styles.ts +6 -5
- package/src/components/CodeTabs/CodeTabs.usage.mdx +176 -0
- package/src/components/Collapsible/Collapsible.stories.tsx +58 -0
- package/src/components/Collapsible/Collapsible.usage.mdx +173 -0
- package/src/components/ColorMode/ColorMode.stories.tsx +50 -0
- package/src/components/ColorMode/ColorMode.usage.mdx +135 -0
- package/src/components/ColorMode/ColorModeToggle.tsx +10 -3
- package/src/components/Confetti/Confetti.types.ts +5 -1
- package/src/components/Confetti/Confetti.usage.mdx +111 -0
- package/src/components/Confetti/confettiColors.ts +5 -5
- package/src/components/Container/Container.stories.tsx +32 -0
- package/src/components/Container/Container.usage.mdx +130 -0
- package/src/components/CopyableCode/CopyableCode.stories.tsx +62 -0
- package/src/components/CopyableCode/CopyableCode.usage.mdx +168 -0
- package/src/components/CountBadge/CountBadge.stories.tsx +69 -0
- package/src/components/CountBadge/CountBadge.usage.mdx +215 -0
- package/src/components/CountUp/CountUp.usage.mdx +107 -0
- package/src/components/DatePicker/DatePicker.usage.mdx +177 -0
- package/src/components/DatePicker/RangeDatePicker.stories.tsx +87 -3
- package/src/components/ErrorFallback/ErrorFallback.types.ts +6 -0
- package/src/components/ErrorFallback/ErrorFallback.usage.mdx +127 -0
- package/src/components/ExpandableText/ExpandableText.stories.tsx +55 -0
- package/src/components/ExpandableText/ExpandableText.usage.mdx +176 -0
- package/src/components/FileInput/FileInput.stories.tsx +38 -1
- package/src/components/FileInput/FileInput.usage.mdx +178 -0
- package/src/components/FileItem/FileItem.stories.tsx +71 -0
- package/src/components/FileItem/FileItem.usage.mdx +180 -0
- package/src/components/FileList/FileList.stories.tsx +25 -0
- package/src/components/FileList/FileList.usage.mdx +165 -0
- package/src/components/FlyTo/FlyTo.usage.mdx +99 -0
- package/src/components/Form/Form.stories.tsx +149 -0
- package/src/components/Form/Form.usage.mdx +203 -0
- package/src/components/Form/FormModalFooter/FormModalFooter.stories.tsx +1 -1
- package/src/components/Form/FormModalFooter/FormModalFooter.test.tsx +19 -1
- package/src/components/Form/FormModalFooter/FormModalFooter.tsx +2 -0
- package/src/components/Form/FormModalFooter/FormModalFooter.types.ts +11 -1
- package/src/components/FormControl/FormControl.stories.tsx +35 -0
- package/src/components/FormControl/FormControl.usage.mdx +128 -0
- package/src/components/FormIntegration/FormIntegration.usage.mdx +158 -0
- package/src/components/FormLabel/FormLabel.stories.tsx +71 -0
- package/src/components/FormLabel/FormLabel.usage.mdx +125 -0
- package/src/components/Icon/Icon.stories.tsx +61 -1
- package/src/components/Icon/Icon.usage.mdx +158 -0
- package/src/components/IconButton/IconButton.stories.tsx +213 -5
- package/src/components/IconButton/IconButton.usage.mdx +275 -0
- package/src/components/InfoSprinkle/InfoSprinkle.stories.tsx +77 -1
- package/src/components/InfoSprinkle/InfoSprinkle.usage.mdx +189 -0
- package/src/components/InlineCode/InlineCode.stories.tsx +75 -0
- package/src/components/InlineCode/InlineCode.usage.mdx +142 -0
- package/src/components/Input/Input.stories.tsx +180 -0
- package/src/components/Input/Input.tsx +4 -0
- package/src/components/Input/Input.usage.mdx +278 -0
- package/src/components/LineGraph/LineGraph.stories.tsx +112 -0
- package/src/components/LineGraph/LineGraph.tsx +4 -5
- package/src/components/LineGraph/LineGraph.types.ts +12 -2
- package/src/components/LineGraph/LineGraph.usage.mdx +186 -0
- package/src/components/LineGraph/seriesColors.test.ts +10 -9
- package/src/components/LineGraph/seriesColors.ts +18 -16
- package/src/components/Loaders/Loaders.stories.tsx +93 -0
- package/src/components/Loaders/Loaders.usage.mdx +180 -0
- package/src/components/LogicianProvider/LogicianProvider.usage.mdx +98 -0
- package/src/components/Markdown/Markdown.stories.tsx +53 -0
- package/src/components/Markdown/Markdown.usage.mdx +182 -0
- package/src/components/Masonry/Masonry.stories.tsx +63 -1
- package/src/components/Masonry/Masonry.types.ts +8 -3
- package/src/components/Masonry/Masonry.usage.mdx +142 -0
- package/src/components/MaxLengthIndicator/MaxLengthIndicator.stories.tsx +57 -0
- package/src/components/MaxLengthIndicator/MaxLengthIndicator.usage.mdx +125 -0
- package/src/components/Menu/Menu.stories.tsx +146 -2
- package/src/components/Menu/Menu.usage.mdx +238 -0
- package/src/components/Menu/MenuItem.types.ts +8 -0
- package/src/components/Modal/Modal.stories.tsx +177 -1
- package/src/components/Modal/Modal.usage.mdx +262 -0
- package/src/components/Modal/ModalCloseButton.tsx +1 -1
- package/src/components/MonthPicker/MonthPicker.stories.tsx +30 -0
- package/src/components/MonthPicker/MonthPicker.usage.mdx +191 -0
- package/src/components/NavList/NavList.stories.tsx +927 -0
- package/src/components/NavList/NavList.styles.ts +114 -0
- package/src/components/NavList/NavList.test.tsx +1306 -0
- package/src/components/NavList/NavList.translations.json +9 -0
- package/src/components/NavList/NavList.tsx +160 -0
- package/src/components/NavList/NavList.types.ts +155 -0
- package/src/components/NavList/NavList.usage.mdx +545 -0
- package/src/components/NavList/NavListContext.ts +25 -0
- package/src/components/NavList/NavListGroup.tsx +243 -0
- package/src/components/NavList/NavListItem.tsx +543 -0
- package/src/components/NavList/NavListSkeleton.tsx +57 -0
- package/src/components/NavList/index.ts +15 -0
- package/src/components/Pagination/Pagination.stories.tsx +90 -1
- package/src/components/Pagination/Pagination.tsx +11 -10
- package/src/components/Pagination/Pagination.usage.mdx +186 -0
- package/src/components/PasswordInput/PasswordInput.stories.tsx +51 -0
- package/src/components/PasswordInput/PasswordInput.usage.mdx +193 -0
- package/src/components/PinInput/PinInput.stories.tsx +91 -0
- package/src/components/PinInput/PinInput.usage.mdx +194 -0
- package/src/components/Popover/Popover.stories.tsx +104 -1
- package/src/components/Popover/Popover.usage.mdx +197 -0
- package/src/components/ProgressBar/ProgressBar.stories.tsx +92 -1
- package/src/components/ProgressBar/ProgressBar.types.ts +9 -0
- package/src/components/ProgressBar/ProgressBar.usage.mdx +210 -0
- package/src/components/Pulse/Pulse.usage.mdx +102 -0
- package/src/components/RadialProgress/RadialProgress.stories.tsx +74 -1
- package/src/components/RadialProgress/RadialProgress.types.ts +21 -1
- package/src/components/RadialProgress/RadialProgress.usage.mdx +153 -0
- package/src/components/Radio/Radio.stories.tsx +119 -0
- package/src/components/Radio/Radio.usage.mdx +187 -0
- package/src/components/Reveal/Reveal.usage.mdx +105 -0
- package/src/components/ScaledContext/ScaledContext.usage.mdx +111 -0
- package/src/components/SeeMoreButton/SeeMoreButton.stories.tsx +146 -2
- package/src/components/SeeMoreButton/SeeMoreButton.types.ts +8 -0
- package/src/components/SeeMoreButton/SeeMoreButton.usage.mdx +213 -0
- package/src/components/SegmentedControl/SegmentedControl.stories.tsx +69 -0
- package/src/components/SegmentedControl/SegmentedControl.tsx +6 -7
- package/src/components/SegmentedControl/SegmentedControl.usage.mdx +209 -0
- package/src/components/SegmentedProgressBar/SegmentedProgressBar.stories.tsx +54 -0
- package/src/components/SegmentedProgressBar/SegmentedProgressBar.types.ts +2 -0
- package/src/components/SegmentedProgressBar/SegmentedProgressBar.usage.mdx +145 -0
- package/src/components/Select/Combobox.tsx +28 -3
- package/src/components/Select/Select.clearTrigger.test.tsx +76 -0
- package/src/components/Select/Select.stories.tsx +290 -1
- package/src/components/Select/Select.styles.ts +89 -0
- package/src/components/Select/Select.tsx +28 -2
- package/src/components/Select/Select.usage.mdx +341 -0
- package/src/components/Shake/Shake.usage.mdx +107 -0
- package/src/components/Slider/Slider.stories.tsx +116 -0
- package/src/components/Slider/Slider.usage.mdx +179 -0
- package/src/components/Spinner/Spinner.stories.tsx +64 -0
- package/src/components/Spinner/Spinner.usage.mdx +136 -0
- package/src/components/SwapTransition/SwapTransition.usage.mdx +102 -0
- package/src/components/Switch/Switch.stories.tsx +131 -6
- package/src/components/Switch/Switch.usage.mdx +199 -0
- package/src/components/Table/Table.stories.tsx +159 -1
- package/src/components/Table/Table.usage.mdx +235 -0
- package/src/components/Tabs/Tab/Tab.styles.ts +1 -1
- package/src/components/Tabs/Tabs.stories.tsx +86 -0
- package/src/components/Tabs/Tabs.usage.mdx +263 -0
- package/src/components/Tag/Tag.stories.tsx +181 -4
- package/src/components/Tag/Tag.usage.mdx +257 -0
- package/src/components/Textarea/Textarea.stories.tsx +113 -0
- package/src/components/Textarea/Textarea.tsx +4 -0
- package/src/components/Textarea/Textarea.usage.mdx +186 -0
- package/src/components/Toast/Toast.stories.tsx +185 -3
- package/src/components/Toast/Toast.styles.ts +18 -10
- package/src/components/Toast/Toast.usage.mdx +265 -0
- package/src/components/Tooltip/Tooltip.stories.tsx +86 -1
- package/src/components/Tooltip/Tooltip.usage.mdx +219 -0
- package/src/components/Tree/Tree.stories.tsx +89 -0
- package/src/components/Tree/Tree.usage.mdx +207 -0
- package/src/components/Typography/Caption.tsx +0 -1
- package/src/components/Typography/H1.tsx +0 -1
- package/src/components/Typography/H2.tsx +0 -1
- package/src/components/Typography/H3.tsx +0 -1
- package/src/components/Typography/H4.tsx +0 -1
- package/src/components/Typography/H5.tsx +0 -1
- package/src/components/Typography/Link.tsx +0 -1
- package/src/components/Typography/Overline.tsx +0 -1
- package/src/components/Typography/Subtext.tsx +0 -1
- package/src/components/Typography/Subtitle.tsx +0 -1
- package/src/components/Typography/Text.tsx +0 -1
- package/src/components/Typography/Typography.stories.tsx +117 -0
- package/src/components/Typography/Typography.usage.mdx +257 -0
- package/src/components/Workflow/Workflow.usage.mdx +199 -0
- package/src/components/a11y.kwcag.test.tsx +66 -0
- package/src/components/claude.md +1 -1
- package/src/components/noRawScales.test.ts +5 -1
- package/src/foundations/BrandAssets.mdx +637 -0
- package/src/foundations/BrandAssets.stories.tsx +680 -0
- package/src/foundations/BrandColour.mdx +366 -0
- package/src/foundations/BrandColour.stories.tsx +343 -0
- package/src/guidelines/ComponentPageTemplate.mdx +84 -0
- package/src/guidelines/FeedbackActions.mdx +162 -23
- package/src/guidelines/_components/Lang.tsx +175 -0
- package/src/guidelines/_components/TokenTable.tsx +136 -0
- package/src/hooks/useLanguage.ts +8 -3
- package/src/hooks/useTranslate.test.tsx +46 -0
- package/src/hooks/useTranslate.ts +7 -5
- package/src/index.ts +7 -1
- package/src/theme/BazePalette.stories.tsx +111 -1
- package/src/theme/Palette.stories.tsx +2 -2
- package/src/theme/SemanticTokens.mdx +76 -17
- package/src/theme/claude.md +23 -9
- package/src/theme/colors.ts +71 -18
- package/src/theme/contrast.test.ts +57 -0
- package/src/theme/global.ts +20 -1
- package/src/theme/index.ts +2 -0
- package/src/theme/palette.generated.ts +233 -123
- package/src/theme/paletteSwatches.test.ts +1 -1
- package/src/theme/paletteSwatches.ts +35 -0
- package/src/theme/recipes/avatar.ts +92 -0
- package/src/translations/Defaults.translations.json +14 -0
- package/src/utils/disabledControl.ts +8 -1
- package/src/utils/focusRing.ts +23 -0
package/README.md
CHANGED
|
@@ -1,7 +1,24 @@
|
|
|
1
|
-
import {
|
|
1
|
+
import { type ComponentProps, type ForwardRefExoticComponent, type ReactNode, type RefAttributes } from 'react';
|
|
2
|
+
import { AvatarGroupProps as ChakraAvatarGroupProps, AvatarRootProps as ChakraAvatarRootProps, AvatarRootProvider as ChakraAvatarRootProvider, type ConditionalValue } from '@chakra-ui/react';
|
|
2
3
|
import { SystemHue } from '@/theme/colors';
|
|
3
|
-
export type { AvatarFallbackProps,
|
|
4
|
-
|
|
4
|
+
export type { AvatarFallbackProps, AvatarIconProps, AvatarImageProps, } from '@chakra-ui/react';
|
|
5
|
+
/**
|
|
6
|
+
* Chakra's variants plus Logician's `logo`. Chakra types `variant` from its
|
|
7
|
+
* own recipe, so the theme-level `logo` variant needs widening here.
|
|
8
|
+
*/
|
|
9
|
+
export type AvatarVariant = 'subtle' | 'solid' | 'outline' | 'logo';
|
|
10
|
+
/** `P` with `variant` widened to {@link AvatarVariant}. */
|
|
11
|
+
type WithAvatarVariant<P> = Omit<P, 'variant'> & {
|
|
12
|
+
/**
|
|
13
|
+
* `subtle` (default): the `colorPalette` fill — a person's category hue, or
|
|
14
|
+
* the neutral pair. `logo`: the light `bg.logo` tile for model, chatbot and
|
|
15
|
+
* brand marks, the same in both modes.
|
|
16
|
+
*/
|
|
17
|
+
variant?: ConditionalValue<AvatarVariant>;
|
|
18
|
+
};
|
|
19
|
+
export type AvatarRootProps = WithAvatarVariant<ChakraAvatarRootProps>;
|
|
20
|
+
export type AvatarRootProviderProps = WithAvatarVariant<ComponentProps<typeof ChakraAvatarRootProvider>>;
|
|
21
|
+
export type AvatarProps = AvatarRootProps & {
|
|
5
22
|
src?: string;
|
|
6
23
|
name?: string;
|
|
7
24
|
/**
|
|
@@ -14,6 +31,15 @@ export type AvatarProps = ChakraAvatarRootProps & {
|
|
|
14
31
|
*/
|
|
15
32
|
colorHue?: SystemHue;
|
|
16
33
|
};
|
|
34
|
+
export interface AvatarGroupProps extends Omit<WithAvatarVariant<ChakraAvatarGroupProps>, 'children'> {
|
|
35
|
+
children?: ReactNode;
|
|
36
|
+
/**
|
|
37
|
+
* Show at most this many avatars; the rest collapse into a trailing "+N"
|
|
38
|
+
* counter in the neutral pair. Omit to show all. Chakra 3 dropped 2.x's
|
|
39
|
+
* `max`; this restores it.
|
|
40
|
+
*/
|
|
41
|
+
max?: number;
|
|
42
|
+
}
|
|
17
43
|
/**
|
|
18
44
|
* A stable hash of `name` into one of `SYSTEM_HUE_NAMES`, so a given name
|
|
19
45
|
* always lands on the same hue (no lookup table, nothing to keep in sync) and
|
|
@@ -24,15 +50,32 @@ export type AvatarProps = ChakraAvatarRootProps & {
|
|
|
24
50
|
*/
|
|
25
51
|
export declare function hueForName(name: string): SystemHue;
|
|
26
52
|
export declare function hueForName(name: string | undefined): SystemHue | undefined;
|
|
53
|
+
/**
|
|
54
|
+
* The `colorPalette` an avatar paints with: `category.<hue>` for a person
|
|
55
|
+
* (`colorHue`, else {@link hueForName}), `category.neutral` with no name. The
|
|
56
|
+
* avatar recipe maps `colorPalette.surface` / `colorPalette.fg` onto it.
|
|
57
|
+
*/
|
|
58
|
+
export declare function avatarColorPalette(name: string | undefined, colorHue?: SystemHue): `category.${SystemHue | 'neutral'}`;
|
|
27
59
|
/**
|
|
28
60
|
* Fallback (initials / icon) colours: the person's hue when there is one,
|
|
29
61
|
* otherwise the neutral pair Badge `neutral` uses.
|
|
62
|
+
*
|
|
63
|
+
* @deprecated The avatar recipe now paints the root from `colorPalette` (see
|
|
64
|
+
* {@link avatarColorPalette}); `Avatar` no longer calls this. Kept for
|
|
65
|
+
* callers that colour a non-avatar element to match a person. Removed in 6.0.
|
|
30
66
|
*/
|
|
31
67
|
export declare function avatarFallbackColors(name: string | undefined, colorHue?: SystemHue): {
|
|
32
68
|
bg: string;
|
|
33
69
|
color: string;
|
|
34
70
|
};
|
|
35
|
-
export declare const Avatar:
|
|
71
|
+
export declare const Avatar: ForwardRefExoticComponent<Omit<ChakraAvatarRootProps, "variant"> & {
|
|
72
|
+
/**
|
|
73
|
+
* `subtle` (default): the `colorPalette` fill — a person's category hue, or
|
|
74
|
+
* the neutral pair. `logo`: the light `bg.logo` tile for model, chatbot and
|
|
75
|
+
* brand marks, the same in both modes.
|
|
76
|
+
*/
|
|
77
|
+
variant?: ConditionalValue<AvatarVariant>;
|
|
78
|
+
} & {
|
|
36
79
|
src?: string;
|
|
37
80
|
name?: string;
|
|
38
81
|
/**
|
|
@@ -44,13 +87,27 @@ export declare const Avatar: import("react").ForwardRefExoticComponent<ChakraAva
|
|
|
44
87
|
* (`bg.muted` / `secondary.fgStrong`), not a hue.
|
|
45
88
|
*/
|
|
46
89
|
colorHue?: SystemHue;
|
|
47
|
-
} &
|
|
48
|
-
Root:
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
90
|
+
} & RefAttributes<HTMLDivElement>> & {
|
|
91
|
+
Root: ForwardRefExoticComponent<Omit<ChakraAvatarRootProps, "variant"> & {
|
|
92
|
+
/**
|
|
93
|
+
* `subtle` (default): the `colorPalette` fill — a person's category hue, or
|
|
94
|
+
* the neutral pair. `logo`: the light `bg.logo` tile for model, chatbot and
|
|
95
|
+
* brand marks, the same in both modes.
|
|
96
|
+
*/
|
|
97
|
+
variant?: ConditionalValue<AvatarVariant>;
|
|
98
|
+
} & RefAttributes<HTMLDivElement>>;
|
|
99
|
+
RootProvider: ForwardRefExoticComponent<Omit<import("node_modules/@chakra-ui/react/dist/types/components/avatar/avatar").AvatarRootProviderProps & RefAttributes<HTMLDivElement>, "variant"> & {
|
|
100
|
+
/**
|
|
101
|
+
* `subtle` (default): the `colorPalette` fill — a person's category hue, or
|
|
102
|
+
* the neutral pair. `logo`: the light `bg.logo` tile for model, chatbot and
|
|
103
|
+
* brand marks, the same in both modes.
|
|
104
|
+
*/
|
|
105
|
+
variant?: ConditionalValue<AvatarVariant>;
|
|
106
|
+
} & RefAttributes<HTMLDivElement>>;
|
|
107
|
+
Fallback: ForwardRefExoticComponent<import("@chakra-ui/react").AvatarFallbackProps & RefAttributes<HTMLDivElement>>;
|
|
108
|
+
Image: ForwardRefExoticComponent<import("@chakra-ui/react").AvatarImageProps & RefAttributes<HTMLImageElement>>;
|
|
109
|
+
Icon: ForwardRefExoticComponent<import("@chakra-ui/react").AvatarIconProps & RefAttributes<SVGElement>>;
|
|
110
|
+
Group: ForwardRefExoticComponent<AvatarGroupProps & RefAttributes<HTMLDivElement>>;
|
|
54
111
|
Context: (props: import("@ark-ui/react").AvatarContextProps) => import("react").ReactNode;
|
|
55
112
|
};
|
|
56
113
|
//# sourceMappingURL=Avatar.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Avatar.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/Avatar.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,cAAc,EAEnB,KAAK,yBAAyB,EAC9B,KAAK,SAAS,EACd,KAAK,aAAa,EACnB,MAAM,OAAO,CAAC;AACf,OAAO,EAIL,gBAAgB,IAAI,sBAAsB,EAI1C,eAAe,IAAI,qBAAqB,EACxC,kBAAkB,IAAI,wBAAwB,EAC9C,KAAK,gBAAgB,EACtB,MAAM,kBAAkB,CAAC;AAE1B,OAAO,EAAoB,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE7D,YAAY,EACV,mBAAmB,EACnB,eAAe,EACf,gBAAgB,GACjB,MAAM,kBAAkB,CAAC;AAE1B;;;GAGG;AACH,MAAM,MAAM,aAAa,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;AAEpE,2DAA2D;AAC3D,KAAK,iBAAiB,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,SAAS,CAAC,GAAG;IAC/C;;;;OAIG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAC,aAAa,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG,iBAAiB,CAAC,qBAAqB,CAAC,CAAC;AACvE,MAAM,MAAM,uBAAuB,GAAG,iBAAiB,CACrD,cAAc,CAAC,OAAO,wBAAwB,CAAC,CAChD,CAAC;AAcF,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG;IAC1C,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;;;;OAOG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB,CAAC;AAEF,MAAM,WAAW,gBAAiB,SAAQ,IAAI,CAC5C,iBAAiB,CAAC,sBAAsB,CAAC,EACzC,UAAU,CACX;IACC,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;;;OAIG;IACH,GAAG,CAAC,EAAE,MAAM,CAAC;CACd;AAED;;;;;;;GAOG;AACH,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAC;AACpD,wBAAgB,UAAU,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,SAAS,CAAC;AAgB5E;;;;GAIG;AACH,wBAAgB,kBAAkB,CAChC,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,QAAQ,CAAC,EAAE,SAAS,GACnB,YAAY,SAAS,GAAG,SAAS,EAAE,CAGrC;AAED;;;;;;;GAOG;AACH,wBAAgB,oBAAoB,CAClC,IAAI,EAAE,MAAM,GAAG,SAAS,EACxB,QAAQ,CAAC,EAAE,SAAS,GACnB;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAI/B;AAwDD,eAAO,MAAM,MAAM;IAjKjB;;;;OAIG;cACO,gBAAgB,CAAC,aAAa,CAAC;;UAqBnC,MAAM;WACL,MAAM;IACb;;;;;;;OAOG;eACQ,SAAS;;;QApCpB;;;;WAIG;kBACO,gBAAgB,CAAC,aAAa,CAAC;;;QALzC;;;;WAIG;kBACO,gBAAgB,CAAC,aAAa,CAAC;;;;;;;CAoKzC,CAAC"}
|
|
@@ -6,6 +6,10 @@ var React = require('react');
|
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
7
|
var colors = require('../../theme/colors.js');
|
|
8
8
|
|
|
9
|
+
// Chakra's parts, typed for the `logo` variant.
|
|
10
|
+
const AvatarRoot = react.AvatarRoot;
|
|
11
|
+
const AvatarRootProvider = react.AvatarRootProvider;
|
|
12
|
+
const ChakraAvatarGroupTyped = react.AvatarGroup;
|
|
9
13
|
function hueForName(name) {
|
|
10
14
|
// No name, no identity to colour: `undefined` so the caller falls back to
|
|
11
15
|
// the neutral pair. `SYSTEM_HUE_NAMES[0]` is red, and a red placeholder
|
|
@@ -21,9 +25,22 @@ function hueForName(name) {
|
|
|
21
25
|
const index = Math.abs(hash) % colors.SYSTEM_HUE_NAMES.length;
|
|
22
26
|
return colors.SYSTEM_HUE_NAMES[index];
|
|
23
27
|
}
|
|
28
|
+
/**
|
|
29
|
+
* The `colorPalette` an avatar paints with: `category.<hue>` for a person
|
|
30
|
+
* (`colorHue`, else {@link hueForName}), `category.neutral` with no name. The
|
|
31
|
+
* avatar recipe maps `colorPalette.surface` / `colorPalette.fg` onto it.
|
|
32
|
+
*/
|
|
33
|
+
function avatarColorPalette(name, colorHue) {
|
|
34
|
+
const hue = colorHue ?? hueForName(name);
|
|
35
|
+
return hue ? `category.${hue}` : 'category.neutral';
|
|
36
|
+
}
|
|
24
37
|
/**
|
|
25
38
|
* Fallback (initials / icon) colours: the person's hue when there is one,
|
|
26
39
|
* otherwise the neutral pair Badge `neutral` uses.
|
|
40
|
+
*
|
|
41
|
+
* @deprecated The avatar recipe now paints the root from `colorPalette` (see
|
|
42
|
+
* {@link avatarColorPalette}); `Avatar` no longer calls this. Kept for
|
|
43
|
+
* callers that colour a non-avatar element to match a person. Removed in 6.0.
|
|
27
44
|
*/
|
|
28
45
|
function avatarFallbackColors(name, colorHue) {
|
|
29
46
|
const hue = colorHue ?? hueForName(name);
|
|
@@ -31,23 +48,42 @@ function avatarFallbackColors(name, colorHue) {
|
|
|
31
48
|
return { bg: 'bg.muted', color: 'secondary.fgStrong' };
|
|
32
49
|
return { bg: `category.${hue}.surface`, color: `category.${hue}.fg` };
|
|
33
50
|
}
|
|
51
|
+
/**
|
|
52
|
+
* Chakra's `AvatarGroup` (overlapping avatars; `size` / `variant` reach every
|
|
53
|
+
* child through the recipe props context) with the `max` overflow cap. The
|
|
54
|
+
* counter is always the neutral `subtle` pair, whatever the group's variant:
|
|
55
|
+
* it is a count, not a person or a logo.
|
|
56
|
+
*/
|
|
57
|
+
const AvatarGroup = React.forwardRef(({ max, children, ...rest }, ref) => {
|
|
58
|
+
const items = React.Children.toArray(children);
|
|
59
|
+
const visible = typeof max === 'number' ? items.slice(0, Math.max(0, max)) : items;
|
|
60
|
+
const overflow = items.length - visible.length;
|
|
61
|
+
return (jsxRuntime.jsxs(ChakraAvatarGroupTyped, { ref: ref, ...rest, children: [visible, overflow > 0 && (
|
|
62
|
+
// Spans so a group inside a button (a popover trigger) stays phrasing
|
|
63
|
+
// content; the recipe sets the display, so nothing else changes.
|
|
64
|
+
jsxRuntime.jsx(AvatarRoot, { as: "span", colorPalette: "category.neutral", variant: "subtle", children: jsxRuntime.jsxs(react.AvatarFallback, { as: "span", children: ["+", overflow] }) }))] }));
|
|
65
|
+
});
|
|
66
|
+
AvatarGroup.displayName = 'AvatarGroup';
|
|
34
67
|
const AvatarComponent = React.forwardRef((props, ref) => {
|
|
35
68
|
const { src, name, colorHue, ...rest } = props;
|
|
36
|
-
|
|
37
|
-
|
|
69
|
+
// Fill, text colour, border and the full-circle fallback all come from
|
|
70
|
+
// the avatar recipe (src/theme/recipes/avatar.ts); only the palette is
|
|
71
|
+
// chosen here. A caller's own `colorPalette` still wins.
|
|
72
|
+
return (jsxRuntime.jsxs(AvatarRoot, { ref: ref, colorPalette: avatarColorPalette(name, colorHue), ...rest, children: [jsxRuntime.jsx(react.AvatarFallback, { name: name }), jsxRuntime.jsx(react.AvatarImage, { src: src })] }));
|
|
38
73
|
});
|
|
39
74
|
AvatarComponent.displayName = 'Avatar';
|
|
40
75
|
const Avatar = Object.assign(AvatarComponent, {
|
|
41
|
-
Root:
|
|
42
|
-
RootProvider:
|
|
76
|
+
Root: AvatarRoot,
|
|
77
|
+
RootProvider: AvatarRootProvider,
|
|
43
78
|
Fallback: react.AvatarFallback,
|
|
44
79
|
Image: react.AvatarImage,
|
|
45
80
|
Icon: react.AvatarIcon,
|
|
46
|
-
Group:
|
|
81
|
+
Group: AvatarGroup,
|
|
47
82
|
Context: react.AvatarContext,
|
|
48
83
|
});
|
|
49
84
|
|
|
50
85
|
exports.Avatar = Avatar;
|
|
86
|
+
exports.avatarColorPalette = avatarColorPalette;
|
|
51
87
|
exports.avatarFallbackColors = avatarFallbackColors;
|
|
52
88
|
exports.hueForName = hueForName;
|
|
53
89
|
//# sourceMappingURL=Avatar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":["ChakraAvatarRoot","ChakraAvatarRootProvider","ChakraAvatarGroup","SYSTEM_HUE_NAMES","forwardRef","Children","_jsxs","_jsx","AvatarFallback","AvatarImage","AvatarIcon","AvatarContext"],"mappings":"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"}
|
|
@@ -1,9 +1,13 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
-
import { forwardRef } from 'react';
|
|
4
|
-
import {
|
|
3
|
+
import { forwardRef, Children } from 'react';
|
|
4
|
+
import { AvatarGroup as AvatarGroup$1, AvatarRoot as AvatarRoot$1, AvatarFallback, AvatarImage, AvatarContext, AvatarIcon, AvatarRootProvider as AvatarRootProvider$1 } from '@chakra-ui/react';
|
|
5
5
|
import { SYSTEM_HUE_NAMES } from '../../theme/colors.mjs';
|
|
6
6
|
|
|
7
|
+
// Chakra's parts, typed for the `logo` variant.
|
|
8
|
+
const AvatarRoot = AvatarRoot$1;
|
|
9
|
+
const AvatarRootProvider = AvatarRootProvider$1;
|
|
10
|
+
const ChakraAvatarGroupTyped = AvatarGroup$1;
|
|
7
11
|
function hueForName(name) {
|
|
8
12
|
// No name, no identity to colour: `undefined` so the caller falls back to
|
|
9
13
|
// the neutral pair. `SYSTEM_HUE_NAMES[0]` is red, and a red placeholder
|
|
@@ -19,9 +23,22 @@ function hueForName(name) {
|
|
|
19
23
|
const index = Math.abs(hash) % SYSTEM_HUE_NAMES.length;
|
|
20
24
|
return SYSTEM_HUE_NAMES[index];
|
|
21
25
|
}
|
|
26
|
+
/**
|
|
27
|
+
* The `colorPalette` an avatar paints with: `category.<hue>` for a person
|
|
28
|
+
* (`colorHue`, else {@link hueForName}), `category.neutral` with no name. The
|
|
29
|
+
* avatar recipe maps `colorPalette.surface` / `colorPalette.fg` onto it.
|
|
30
|
+
*/
|
|
31
|
+
function avatarColorPalette(name, colorHue) {
|
|
32
|
+
const hue = colorHue ?? hueForName(name);
|
|
33
|
+
return hue ? `category.${hue}` : 'category.neutral';
|
|
34
|
+
}
|
|
22
35
|
/**
|
|
23
36
|
* Fallback (initials / icon) colours: the person's hue when there is one,
|
|
24
37
|
* otherwise the neutral pair Badge `neutral` uses.
|
|
38
|
+
*
|
|
39
|
+
* @deprecated The avatar recipe now paints the root from `colorPalette` (see
|
|
40
|
+
* {@link avatarColorPalette}); `Avatar` no longer calls this. Kept for
|
|
41
|
+
* callers that colour a non-avatar element to match a person. Removed in 6.0.
|
|
25
42
|
*/
|
|
26
43
|
function avatarFallbackColors(name, colorHue) {
|
|
27
44
|
const hue = colorHue ?? hueForName(name);
|
|
@@ -29,10 +46,28 @@ function avatarFallbackColors(name, colorHue) {
|
|
|
29
46
|
return { bg: 'bg.muted', color: 'secondary.fgStrong' };
|
|
30
47
|
return { bg: `category.${hue}.surface`, color: `category.${hue}.fg` };
|
|
31
48
|
}
|
|
49
|
+
/**
|
|
50
|
+
* Chakra's `AvatarGroup` (overlapping avatars; `size` / `variant` reach every
|
|
51
|
+
* child through the recipe props context) with the `max` overflow cap. The
|
|
52
|
+
* counter is always the neutral `subtle` pair, whatever the group's variant:
|
|
53
|
+
* it is a count, not a person or a logo.
|
|
54
|
+
*/
|
|
55
|
+
const AvatarGroup = forwardRef(({ max, children, ...rest }, ref) => {
|
|
56
|
+
const items = Children.toArray(children);
|
|
57
|
+
const visible = typeof max === 'number' ? items.slice(0, Math.max(0, max)) : items;
|
|
58
|
+
const overflow = items.length - visible.length;
|
|
59
|
+
return (jsxs(ChakraAvatarGroupTyped, { ref: ref, ...rest, children: [visible, overflow > 0 && (
|
|
60
|
+
// Spans so a group inside a button (a popover trigger) stays phrasing
|
|
61
|
+
// content; the recipe sets the display, so nothing else changes.
|
|
62
|
+
jsx(AvatarRoot, { as: "span", colorPalette: "category.neutral", variant: "subtle", children: jsxs(AvatarFallback, { as: "span", children: ["+", overflow] }) }))] }));
|
|
63
|
+
});
|
|
64
|
+
AvatarGroup.displayName = 'AvatarGroup';
|
|
32
65
|
const AvatarComponent = forwardRef((props, ref) => {
|
|
33
66
|
const { src, name, colorHue, ...rest } = props;
|
|
34
|
-
|
|
35
|
-
|
|
67
|
+
// Fill, text colour, border and the full-circle fallback all come from
|
|
68
|
+
// the avatar recipe (src/theme/recipes/avatar.ts); only the palette is
|
|
69
|
+
// chosen here. A caller's own `colorPalette` still wins.
|
|
70
|
+
return (jsxs(AvatarRoot, { ref: ref, colorPalette: avatarColorPalette(name, colorHue), ...rest, children: [jsx(AvatarFallback, { name: name }), jsx(AvatarImage, { src: src })] }));
|
|
36
71
|
});
|
|
37
72
|
AvatarComponent.displayName = 'Avatar';
|
|
38
73
|
const Avatar = Object.assign(AvatarComponent, {
|
|
@@ -45,5 +80,5 @@ const Avatar = Object.assign(AvatarComponent, {
|
|
|
45
80
|
Context: AvatarContext,
|
|
46
81
|
});
|
|
47
82
|
|
|
48
|
-
export { Avatar, avatarFallbackColors, hueForName };
|
|
83
|
+
export { Avatar, avatarColorPalette, avatarFallbackColors, hueForName };
|
|
49
84
|
//# sourceMappingURL=Avatar.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.mjs","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"Avatar.mjs","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":[null],"names":["ChakraAvatarRoot","ChakraAvatarRootProvider","ChakraAvatarGroup","_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
export type { AvatarFallbackProps, AvatarGroupProps, AvatarIconProps, AvatarImageProps, AvatarProps, AvatarRootProps, } from './Avatar';
|
|
2
|
-
export { Avatar, avatarFallbackColors, hueForName } from './Avatar';
|
|
1
|
+
export type { AvatarFallbackProps, AvatarGroupProps, AvatarIconProps, AvatarImageProps, AvatarProps, AvatarRootProps, AvatarRootProviderProps, AvatarVariant, } from './Avatar';
|
|
2
|
+
export { Avatar, avatarColorPalette, avatarFallbackColors, hueForName, } from './Avatar';
|
|
3
3
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAAA,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,eAAe,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Avatar/index.tsx"],"names":[],"mappings":"AAAA,YAAY,EACV,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EACf,gBAAgB,EAChB,WAAW,EACX,eAAe,EACf,uBAAuB,EACvB,aAAa,GACd,MAAM,UAAU,CAAC;AAClB,OAAO,EACL,MAAM,EACN,kBAAkB,EAClB,oBAAoB,EACpB,UAAU,GACX,MAAM,UAAU,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;
|
|
1
|
+
{"version":3,"file":"Badge.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAE,aAAa,EAAE,MAAM,eAAe,CAAC;AA0C9C,eAAO,MAAM,KAAK,6DAAgD,CAAC"}
|
|
@@ -10,9 +10,11 @@ var Badge_styles = require('./Badge.styles.js');
|
|
|
10
10
|
/**
|
|
11
11
|
* Badge — a small, non-interactive label.
|
|
12
12
|
*
|
|
13
|
-
* `neutral` (default) is the
|
|
14
|
-
* `danger` / `info`
|
|
15
|
-
*
|
|
13
|
+
* `neutral` (default) is the everyday badge; `success` / `warning` /
|
|
14
|
+
* `danger` / `info` carry a well-defined meaning (a status, or for `info` a
|
|
15
|
+
* system fact such as scope or permission). For an unread/notification number
|
|
16
|
+
* use `CountBadge`; for a removable, selectable or category-only label use
|
|
17
|
+
* `Tag`.
|
|
16
18
|
*
|
|
17
19
|
* @example
|
|
18
20
|
* ```tsx
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":[null],"names":["forwardRef","resolveBadgeVariant","_jsx","ChakraBadge","baseStyles","variantStyles","polymorphic"],"mappings":";;;;;;;;;AAOA
|
|
1
|
+
{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":[null],"names":["forwardRef","resolveBadgeVariant","_jsx","ChakraBadge","baseStyles","variantStyles","polymorphic"],"mappings":";;;;;;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACH,MAAM,SAAS,GAAGA,gBAAU,CAC1B,CACE,EAAE,aAAa,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAiB,EAC3D,GAAqC,KACnC;AACF,IAAA,MAAM,QAAQ,GAAGC,gCAAmB,CAAC,OAAO,CAAC;IAC7C,QACEC,cAAA,CAACC,WAAW,EAAA,EAAA,GACNC,uBAAU,EAAA,GACVC,0BAAa,CAAC,QAAQ,CAAC,EAC3B,CAAC,EAAC,aAAa,EACf,aAAa,EAAE,aAAa,EAAA,GACxB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC,CACF;AAED;AACA,SAAS,CAAC,WAAW,GAAG,OAAO;MAElB,KAAK,GAAGC,uBAAW,CAAwB,SAAS;;;;"}
|
|
@@ -8,9 +8,11 @@ import { resolveBadgeVariant, variantStyles, baseStyles } from './Badge.styles.m
|
|
|
8
8
|
/**
|
|
9
9
|
* Badge — a small, non-interactive label.
|
|
10
10
|
*
|
|
11
|
-
* `neutral` (default) is the
|
|
12
|
-
* `danger` / `info`
|
|
13
|
-
*
|
|
11
|
+
* `neutral` (default) is the everyday badge; `success` / `warning` /
|
|
12
|
+
* `danger` / `info` carry a well-defined meaning (a status, or for `info` a
|
|
13
|
+
* system fact such as scope or permission). For an unread/notification number
|
|
14
|
+
* use `CountBadge`; for a removable, selectable or category-only label use
|
|
15
|
+
* `Tag`.
|
|
14
16
|
*
|
|
15
17
|
* @example
|
|
16
18
|
* ```tsx
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.mjs","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraBadge"],"mappings":";;;;;;;AAOA
|
|
1
|
+
{"version":3,"file":"Badge.mjs","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraBadge"],"mappings":";;;;;;;AAOA;;;;;;;;;;;;;;;;;AAiBG;AACH,MAAM,SAAS,GAAG,UAAU,CAC1B,CACE,EAAE,aAAa,GAAG,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,EAAiB,EAC3D,GAAqC,KACnC;AACF,IAAA,MAAM,QAAQ,GAAG,mBAAmB,CAAC,OAAO,CAAC;IAC7C,QACEA,GAAA,CAACC,OAAW,EAAA,EAAA,GACN,UAAU,EAAA,GACV,aAAa,CAAC,QAAQ,CAAC,EAC3B,CAAC,EAAC,aAAa,EACf,aAAa,EAAE,aAAa,EAAA,GACxB,IAAI,EACR,GAAG,EAAE,GAAG,EAAA,CACR;AAEN,CAAC,CACF;AAED;AACA,SAAS,CAAC,WAAW,GAAG,OAAO;MAElB,KAAK,GAAG,WAAW,CAAwB,SAAS;;;;"}
|
|
@@ -4,11 +4,13 @@ import type { PolymorphicProps } from '../../types/polymorphic';
|
|
|
4
4
|
/**
|
|
5
5
|
* Badge variants (5.0).
|
|
6
6
|
*
|
|
7
|
-
* - `neutral` (default):
|
|
8
|
-
*
|
|
9
|
-
* - `success` / `warning` / `danger` / `info`:
|
|
10
|
-
*
|
|
11
|
-
*
|
|
7
|
+
* - `neutral` (default): `bg.muted` + `secondary.fgStrong` — an attribute
|
|
8
|
+
* with no state ("Pro", "Beta", "Draft").
|
|
9
|
+
* - `success` / `warning` / `danger` / `info`: `{status}.bg` + `{status}.fg`,
|
|
10
|
+
* for a meaning every user shares and that is well defined. `info` is a
|
|
11
|
+
* non-error system fact: scope ("이 그룹만"), permission, read-only, "New".
|
|
12
|
+
* A label that only classifies or groups is a `Tag` with `category`, never
|
|
13
|
+
* a status colour. The same label gets the same variant on every screen.
|
|
12
14
|
*
|
|
13
15
|
* **Breaking in 5.0:** `primary` and `secondary` were removed. At runtime they
|
|
14
16
|
* still render (as `neutral`) and warn once in development.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGlE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE
|
|
1
|
+
{"version":3,"file":"Badge.types.d.ts","sourceRoot":"","sources":["../../../src/components/Badge/Badge.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AAGlE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,YAAY,GACpB,SAAS,GACT,SAAS,GACT,SAAS,GACT,QAAQ,GACR,MAAM,CAAC;AAEX;;;GAGG;AACH,MAAM,MAAM,kBAAkB,GAAG,SAAS,GAAG,WAAW,CAAC;AAEzD,MAAM,MAAM,aAAa,GAAG,IAAI,CAAC,gBAAgB,EAAE,SAAS,GAAG,IAAI,CAAC,GAAG;IACrE;;;OAGG;IACH,OAAO,CAAC,EAAE,YAAY,CAAC;CACxB,CAAC;AAEF;;;;;;;;;GASG;AACH,MAAM,MAAM,UAAU,CAAC,QAAQ,SAAS,WAAW,GAAG,MAAM,IAC1D,gBAAgB,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC"}
|
|
@@ -1,8 +1,31 @@
|
|
|
1
1
|
import { BoxProps } from '@chakra-ui/react';
|
|
2
2
|
export type BannerSize = 'sm' | 'md' | 'lg';
|
|
3
|
+
/**
|
|
4
|
+
* Banner variants (5.0).
|
|
5
|
+
*
|
|
6
|
+
* - `info` (default): a system fact the reader should know before acting
|
|
7
|
+
* (a setting that is locked, where a value comes from). Nothing is wrong.
|
|
8
|
+
* - `success`: something finished and the result stays relevant on this
|
|
9
|
+
* screen.
|
|
10
|
+
* - `warning`: it still works, but read this first (irreversible step,
|
|
11
|
+
* something expiring).
|
|
12
|
+
* - `danger`: it failed or is blocked, and the reader has to do something.
|
|
13
|
+
* - `neutral`: a brand notice with no status (`primary.main` accent bar).
|
|
14
|
+
*/
|
|
15
|
+
export type BannerVariant = 'info' | 'success' | 'warning' | 'danger' | 'neutral';
|
|
3
16
|
export interface BannerProps extends BoxProps {
|
|
4
|
-
|
|
17
|
+
/**
|
|
18
|
+
* Meaning of the message. Status variants only for a status every reader
|
|
19
|
+
* shares; `neutral` for a notice with none.
|
|
20
|
+
* @default 'info'
|
|
21
|
+
*/
|
|
22
|
+
variant?: BannerVariant;
|
|
23
|
+
/** Hide the leading status icon. The text must still say the status. */
|
|
5
24
|
hideIcon?: boolean;
|
|
25
|
+
/**
|
|
26
|
+
* `sm` = subtext, `md` = body text, `lg` = h5 text style.
|
|
27
|
+
* @default 'md'
|
|
28
|
+
*/
|
|
6
29
|
size?: BannerSize;
|
|
7
30
|
}
|
|
8
31
|
//# sourceMappingURL=Banner.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Banner.types.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C,MAAM,
|
|
1
|
+
{"version":3,"file":"Banner.types.d.ts","sourceRoot":"","sources":["../../../src/components/Banner/Banner.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,MAAM,UAAU,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE5C;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,aAAa,GACrB,MAAM,GACN,SAAS,GACT,SAAS,GACT,QAAQ,GACR,SAAS,CAAC;AAEd,MAAM,WAAW,WAAY,SAAQ,QAAQ;IAC3C;;;;OAIG;IACH,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,wEAAwE;IACxE,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,UAAU,CAAC;CACnB"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
* (`header` / `body` / `footer`) that have no machine behaviour of their own —
|
|
4
4
|
* the same extension Chakra makes for its dialog-backed `Drawer`.
|
|
5
5
|
*/
|
|
6
|
-
export declare const bottomSheetAnatomy: import("@zag-js/anatomy").AnatomyInstance<"content" | "body" | "footer" | "header" | "title" | "
|
|
6
|
+
export declare const bottomSheetAnatomy: import("@zag-js/anatomy").AnatomyInstance<"content" | "body" | "footer" | "header" | "title" | "description" | "positioner" | "trigger" | "backdrop" | "grabber" | "grabberIndicator" | "closeTrigger" | "swipeArea">;
|
|
7
7
|
/**
|
|
8
8
|
* The BottomSheet's slot recipe.
|
|
9
9
|
*
|
|
@@ -28,5 +28,5 @@ export declare const bottomSheetAnatomy: import("@zag-js/anatomy").AnatomyInstan
|
|
|
28
28
|
* drops to `motion.instant` so the sheet lands on its snap point without
|
|
29
29
|
* travelling there.
|
|
30
30
|
*/
|
|
31
|
-
export declare const bottomSheetSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "
|
|
31
|
+
export declare const bottomSheetSlotRecipe: import("@chakra-ui/react").SlotRecipeDefinition<"content" | "body" | "footer" | "header" | "title" | "description" | "positioner" | "trigger" | "backdrop" | "grabber" | "grabberIndicator" | "closeTrigger" | "swipeArea", import("@chakra-ui/react").SlotRecipeVariantRecord<"content" | "body" | "footer" | "header" | "title" | "description" | "positioner" | "trigger" | "backdrop" | "grabber" | "grabberIndicator" | "closeTrigger" | "swipeArea">>;
|
|
32
32
|
//# sourceMappingURL=BottomSheet.styles.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,cAAc,EAA8B,MAAM,gBAAgB,CAAC;AAwM5E,eAAO,MAAM,MAAM,gEAA0C,CAAC"}
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
var jsxRuntime = require('react/jsx-runtime');
|
|
5
5
|
var React = require('react');
|
|
6
6
|
var react = require('@chakra-ui/react');
|
|
7
|
+
var useTranslate = require('../../hooks/useTranslate.js');
|
|
7
8
|
var focusRing = require('../../utils/focusRing.js');
|
|
8
9
|
var mergeCss = require('../../utils/mergeCss.js');
|
|
9
10
|
var polymorphic = require('../../types/polymorphic.js');
|
|
@@ -27,11 +28,18 @@ var Button_styles = require('./Button.styles.js');
|
|
|
27
28
|
* <Button as="a" href="/docs" target="_blank">문서</Button>
|
|
28
29
|
* ```
|
|
29
30
|
*/
|
|
30
|
-
const ButtonImpl = React.forwardRef(({ variant: variantProp, isDestructive: isDestructiveProp = false, size, lift, children, _hover: hoverProp, _active: activeProp, _disabled: disabledProp, css: cssProp, ...restWithLegacy }, ref) => {
|
|
31
|
+
const ButtonImpl = React.forwardRef(({ variant: variantProp, isDestructive: isDestructiveProp = false, size, lift, disabled, focusableWhenDisabled = false, onDisabledClick, onClick, children, _hover: hoverProp, _active: activeProp, _disabled: disabledProp, css: cssProp, ...restWithLegacy }, ref) => {
|
|
31
32
|
// 4.x callers (untyped JS, `as any`) can still hand us `colorPalette` and
|
|
32
33
|
// an old variant name. Strip it so it never reaches Chakra's own recipe,
|
|
33
34
|
// and map the pair onto a 5.0 role — see `Button.legacy.ts`.
|
|
34
|
-
const { colorPalette: legacyPalette, ...rest } = restWithLegacy;
|
|
35
|
+
const { colorPalette: legacyPalette, loadingText: loadingTextProp, ...rest } = restWithLegacy;
|
|
36
|
+
// A busy button says what it is doing: 처리 중 unless the call site names
|
|
37
|
+
// the verb (저장 중). `loadingText={null}` opts out — spinner only, and the
|
|
38
|
+
// button keeps its width.
|
|
39
|
+
const translate = useTranslate.useTranslate();
|
|
40
|
+
const loadingText = loadingTextProp === undefined
|
|
41
|
+
? translate('processing')
|
|
42
|
+
: (loadingTextProp ?? undefined);
|
|
35
43
|
let variant = variantProp ?? 'subtle';
|
|
36
44
|
let isDestructive = isDestructiveProp;
|
|
37
45
|
if (Button_legacy.isLegacyButtonProps('button', legacyPalette, variantProp)) {
|
|
@@ -41,6 +49,23 @@ const ButtonImpl = React.forwardRef(({ variant: variantProp, isDestructive: isDe
|
|
|
41
49
|
isDestructive = isDestructive || resolved.isDestructive;
|
|
42
50
|
}
|
|
43
51
|
const base = Button_styles.getButtonStyles(variant, isDestructive);
|
|
52
|
+
// `focusableWhenDisabled`: disabled by ARIA, not by the attribute, so the
|
|
53
|
+
// button stays focusable and can answer a press. `aria-disabled=true` is
|
|
54
|
+
// in Chakra's `_disabled` condition, so the disabled colours and cursor
|
|
55
|
+
// still apply; `data-disabled` is what `_hover` / `_active` exclude, so
|
|
56
|
+
// without it the button would still react to the pointer. `loading` keeps
|
|
57
|
+
// the native attribute (Chakra sets it) — see `focusableWhenDisabled`.
|
|
58
|
+
const softDisabled = !!disabled && focusableWhenDisabled && !rest.loading;
|
|
59
|
+
const handleClick = softDisabled
|
|
60
|
+
? (event) => {
|
|
61
|
+
// Also what stops a `type="submit"` button from submitting.
|
|
62
|
+
event.preventDefault();
|
|
63
|
+
// A native disabled button sends no click to its ancestors either —
|
|
64
|
+
// a clickable row around it must not run its own action.
|
|
65
|
+
event.stopPropagation();
|
|
66
|
+
onDisabledClick?.(event);
|
|
67
|
+
}
|
|
68
|
+
: onClick;
|
|
44
69
|
// Merged rather than spread after: each variant already owns `_hover` and
|
|
45
70
|
// `_active` for its colours, and replacing either would drop them.
|
|
46
71
|
const styles = lift
|
|
@@ -104,7 +129,10 @@ const ButtonImpl = React.forwardRef(({ variant: variantProp, isDestructive: isDe
|
|
|
104
129
|
// Two clocks on one element — the press is faster than the colour
|
|
105
130
|
// change — so the shorthand is written out and only the reduced-motion
|
|
106
131
|
// guard comes from the vocabulary.
|
|
107
|
-
transition: Button_styles.buttonTransition, animationStyle: "composite", ref: ref, "data-variant": variant, "data-destructive": isDestructive || undefined, ...rest,
|
|
132
|
+
transition: Button_styles.buttonTransition, animationStyle: "composite", ref: ref, "data-variant": variant, "data-destructive": isDestructive || undefined, loadingText: loadingText, disabled: softDisabled ? undefined : disabled, onClick: handleClick, ...rest, ...(softDisabled && {
|
|
133
|
+
'aria-disabled': true,
|
|
134
|
+
'data-disabled': '',
|
|
135
|
+
}),
|
|
108
136
|
// The `action` icon rule lives in `css` (a nested selector cannot be a
|
|
109
137
|
// style prop); merged so a call site's `css` adds to it.
|
|
110
138
|
css: mergeCss.mergeCss(base.css, cssProp), children: children }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["forwardRef","isLegacyButtonProps","resolveLegacyButtonVariant","warnLegacyButtonProps","getButtonStyles","_jsx","ChakraButton","mergeCss","focusRing","buttonTransition","polymorphic"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["forwardRef","useTranslate","isLegacyButtonProps","resolveLegacyButtonVariant","warnLegacyButtonProps","getButtonStyles","_jsx","ChakraButton","mergeCss","focusRing","buttonTransition","polymorphic"],"mappings":"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"}
|