@mindlogic-ai/logician-ui 5.0.0-alpha.1 → 5.0.0-alpha.11
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/components/Avatar/Avatar.d.ts +68 -11
- package/dist/components/Avatar/Avatar.d.ts.map +1 -1
- package/dist/components/Avatar/Avatar.js +38 -5
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/Avatar/Avatar.mjs +37 -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 +10 -2
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/Button/Button.mjs +10 -2
- package/dist/components/Button/Button.mjs.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/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/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 -6
- 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/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/Select.d.ts +5 -1
- package/dist/components/Select/Select.d.ts.map +1 -1
- package/dist/components/Select/Select.js +2 -2
- package/dist/components/Select/Select.js.map +1 -1
- package/dist/components/Select/Select.mjs +3 -3
- package/dist/components/Select/Select.mjs.map +1 -1
- package/dist/components/Select/Select.styles.d.ts +38 -0
- package/dist/components/Select/Select.styles.d.ts.map +1 -1
- package/dist/components/Select/Select.styles.js +40 -0
- package/dist/components/Select/Select.styles.js.map +1 -1
- package/dist/components/Select/Select.styles.mjs +40 -2
- package/dist/components/Select/Select.styles.mjs.map +1 -1
- package/dist/components/Select/Select.types.d.ts +10 -0
- package/dist/components/Select/Select.types.d.ts.map +1 -1
- package/dist/components/Select/SelectField.d.ts +1 -1
- package/dist/components/Select/SelectField.d.ts.map +1 -1
- package/dist/components/Select/SelectField.js +3 -2
- package/dist/components/Select/SelectField.js.map +1 -1
- package/dist/components/Select/SelectField.mjs +3 -2
- package/dist/components/Select/SelectField.mjs.map +1 -1
- package/dist/components/Select/index.d.ts +1 -0
- package/dist/components/Select/index.d.ts.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.js +1 -0
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +1 -1
- package/dist/theme/colors.d.ts +2 -2
- package/dist/theme/colors.d.ts.map +1 -1
- package/dist/theme/colors.js +37 -2
- package/dist/theme/colors.js.map +1 -1
- package/dist/theme/colors.mjs +38 -3
- package/dist/theme/colors.mjs.map +1 -1
- package/dist/theme/global.d.ts.map +1 -1
- package/dist/theme/global.js +18 -0
- package/dist/theme/global.js.map +1 -1
- package/dist/theme/global.mjs +18 -0
- 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 +106 -0
- package/dist/theme/palette.generated.d.ts.map +1 -1
- package/dist/theme/palette.generated.js +107 -0
- package/dist/theme/palette.generated.js.map +1 -1
- package/dist/theme/palette.generated.mjs +107 -1
- 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 +9 -0
- package/dist/translations/Defaults.translations.json.js.map +1 -1
- package/dist/translations/Defaults.translations.json.mjs +9 -1
- 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/package.json +1 -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 +171 -0
- package/src/components/Avatar/Avatar.stories.tsx +199 -24
- package/src/components/Avatar/Avatar.tsx +112 -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.stories.tsx +267 -3
- package/src/components/Button/Button.tsx +15 -2
- package/src/components/Button/Button.usage.mdx +344 -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.usage.mdx +187 -0
- package/src/components/CodeTabs/CodeTabs.stories.tsx +53 -0
- 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.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 +11 -10
- package/src/components/LineGraph/seriesColors.ts +18 -14
- 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 +230 -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/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/Comparison.stories.tsx +19 -0
- package/src/components/Select/Select.stories.tsx +264 -1
- package/src/components/Select/Select.styles.ts +41 -1
- package/src/components/Select/Select.tsx +13 -3
- package/src/components/Select/Select.types.ts +11 -0
- package/src/components/Select/Select.usage.mdx +278 -0
- package/src/components/Select/SelectField.tsx +7 -3
- package/src/components/Select/index.ts +1 -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/Tabs.stories.tsx +86 -0
- package/src/components/Tabs/Tabs.usage.mdx +219 -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.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 +211 -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/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/theme/BazePalette.stories.tsx +111 -1
- package/src/theme/Palette.stories.tsx +2 -2
- package/src/theme/SemanticTokens.mdx +87 -2
- package/src/theme/claude.md +16 -7
- package/src/theme/colors.ts +53 -7
- package/src/theme/contrast.test.ts +57 -0
- package/src/theme/global.ts +19 -0
- package/src/theme/index.ts +2 -0
- package/src/theme/palette.generated.ts +107 -0
- package/src/theme/paletteSwatches.ts +35 -0
- package/src/theme/recipes/avatar.ts +92 -0
- package/src/translations/Defaults.translations.json +7 -0
- package/src/utils/disabledControl.ts +8 -1
|
@@ -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;AAkDD,eAAO,MAAM,MAAM;IA3JjB;;;;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;;;;;;;CA8JzC,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,39 @@ 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 && (jsxRuntime.jsx(AvatarRoot, { colorPalette: "category.neutral", variant: "subtle", children: jsxRuntime.jsxs(react.AvatarFallback, { children: ["+", overflow] }) }))] }));
|
|
62
|
+
});
|
|
63
|
+
AvatarGroup.displayName = 'AvatarGroup';
|
|
34
64
|
const AvatarComponent = React.forwardRef((props, ref) => {
|
|
35
65
|
const { src, name, colorHue, ...rest } = props;
|
|
36
|
-
|
|
37
|
-
|
|
66
|
+
// Fill, text colour, border and the full-circle fallback all come from
|
|
67
|
+
// the avatar recipe (src/theme/recipes/avatar.ts); only the palette is
|
|
68
|
+
// chosen here. A caller's own `colorPalette` still wins.
|
|
69
|
+
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
70
|
});
|
|
39
71
|
AvatarComponent.displayName = 'Avatar';
|
|
40
72
|
const Avatar = Object.assign(AvatarComponent, {
|
|
41
|
-
Root:
|
|
42
|
-
RootProvider:
|
|
73
|
+
Root: AvatarRoot,
|
|
74
|
+
RootProvider: AvatarRootProvider,
|
|
43
75
|
Fallback: react.AvatarFallback,
|
|
44
76
|
Image: react.AvatarImage,
|
|
45
77
|
Icon: react.AvatarIcon,
|
|
46
|
-
Group:
|
|
78
|
+
Group: AvatarGroup,
|
|
47
79
|
Context: react.AvatarContext,
|
|
48
80
|
});
|
|
49
81
|
|
|
50
82
|
exports.Avatar = Avatar;
|
|
83
|
+
exports.avatarColorPalette = avatarColorPalette;
|
|
51
84
|
exports.avatarFallbackColors = avatarFallbackColors;
|
|
52
85
|
exports.hueForName = hueForName;
|
|
53
86
|
//# 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,25 @@ 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 && (jsx(AvatarRoot, { colorPalette: "category.neutral", variant: "subtle", children: jsxs(AvatarFallback, { children: ["+", overflow] }) }))] }));
|
|
60
|
+
});
|
|
61
|
+
AvatarGroup.displayName = 'AvatarGroup';
|
|
32
62
|
const AvatarComponent = forwardRef((props, ref) => {
|
|
33
63
|
const { src, name, colorHue, ...rest } = props;
|
|
34
|
-
|
|
35
|
-
|
|
64
|
+
// Fill, text colour, border and the full-circle fallback all come from
|
|
65
|
+
// the avatar recipe (src/theme/recipes/avatar.ts); only the palette is
|
|
66
|
+
// chosen here. A caller's own `colorPalette` still wins.
|
|
67
|
+
return (jsxs(AvatarRoot, { ref: ref, colorPalette: avatarColorPalette(name, colorHue), ...rest, children: [jsx(AvatarFallback, { name: name }), jsx(AvatarImage, { src: src })] }));
|
|
36
68
|
});
|
|
37
69
|
AvatarComponent.displayName = 'Avatar';
|
|
38
70
|
const Avatar = Object.assign(AvatarComponent, {
|
|
@@ -45,5 +77,5 @@ const Avatar = Object.assign(AvatarComponent, {
|
|
|
45
77
|
Context: AvatarContext,
|
|
46
78
|
});
|
|
47
79
|
|
|
48
|
-
export { Avatar, avatarFallbackColors, hueForName };
|
|
80
|
+
export { Avatar, avatarColorPalette, avatarFallbackColors, hueForName };
|
|
49
81
|
//# 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;AA0K5E,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');
|
|
@@ -31,7 +32,14 @@ const ButtonImpl = React.forwardRef(({ variant: variantProp, isDestructive: isDe
|
|
|
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)) {
|
|
@@ -104,7 +112,7 @@ const ButtonImpl = React.forwardRef(({ variant: variantProp, isDestructive: isDe
|
|
|
104
112
|
// Two clocks on one element — the press is faster than the colour
|
|
105
113
|
// change — so the shorthand is written out and only the reduced-motion
|
|
106
114
|
// guard comes from the vocabulary.
|
|
107
|
-
transition: Button_styles.buttonTransition, animationStyle: "composite", ref: ref, "data-variant": variant, "data-destructive": isDestructive || undefined, ...rest,
|
|
115
|
+
transition: Button_styles.buttonTransition, animationStyle: "composite", ref: ref, "data-variant": variant, "data-destructive": isDestructive || undefined, loadingText: loadingText, ...rest,
|
|
108
116
|
// The `action` icon rule lives in `css` (a nested selector cannot be a
|
|
109
117
|
// style prop); merged so a call site's `css` adds to it.
|
|
110
118
|
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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"}
|
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
import { jsx } from 'react/jsx-runtime';
|
|
3
3
|
import { forwardRef } from 'react';
|
|
4
4
|
import { Button as Button$1 } from '@chakra-ui/react';
|
|
5
|
+
import { useTranslate } from '../../hooks/useTranslate.mjs';
|
|
5
6
|
import { focusRing } from '../../utils/focusRing.mjs';
|
|
6
7
|
import { mergeCss } from '../../utils/mergeCss.mjs';
|
|
7
8
|
import { polymorphic } from '../../types/polymorphic.mjs';
|
|
@@ -29,7 +30,14 @@ const ButtonImpl = forwardRef(({ variant: variantProp, isDestructive: isDestruct
|
|
|
29
30
|
// 4.x callers (untyped JS, `as any`) can still hand us `colorPalette` and
|
|
30
31
|
// an old variant name. Strip it so it never reaches Chakra's own recipe,
|
|
31
32
|
// and map the pair onto a 5.0 role — see `Button.legacy.ts`.
|
|
32
|
-
const { colorPalette: legacyPalette, ...rest } = restWithLegacy;
|
|
33
|
+
const { colorPalette: legacyPalette, loadingText: loadingTextProp, ...rest } = restWithLegacy;
|
|
34
|
+
// A busy button says what it is doing: 처리 중 unless the call site names
|
|
35
|
+
// the verb (저장 중). `loadingText={null}` opts out — spinner only, and the
|
|
36
|
+
// button keeps its width.
|
|
37
|
+
const translate = useTranslate();
|
|
38
|
+
const loadingText = loadingTextProp === undefined
|
|
39
|
+
? translate('processing')
|
|
40
|
+
: (loadingTextProp ?? undefined);
|
|
33
41
|
let variant = variantProp ?? 'subtle';
|
|
34
42
|
let isDestructive = isDestructiveProp;
|
|
35
43
|
if (isLegacyButtonProps('button', legacyPalette, variantProp)) {
|
|
@@ -102,7 +110,7 @@ const ButtonImpl = forwardRef(({ variant: variantProp, isDestructive: isDestruct
|
|
|
102
110
|
// Two clocks on one element — the press is faster than the colour
|
|
103
111
|
// change — so the shorthand is written out and only the reduced-motion
|
|
104
112
|
// guard comes from the vocabulary.
|
|
105
|
-
transition: buttonTransition, animationStyle: "composite", ref: ref, "data-variant": variant, "data-destructive": isDestructive || undefined, ...rest,
|
|
113
|
+
transition: buttonTransition, animationStyle: "composite", ref: ref, "data-variant": variant, "data-destructive": isDestructive || undefined, loadingText: loadingText, ...rest,
|
|
106
114
|
// The `action` icon rule lives in `css` (a nested selector cannot be a
|
|
107
115
|
// style prop); merged so a call site's `css` adds to it.
|
|
108
116
|
css: mergeCss(base.css, cssProp), children: children }));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraButton"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Button.mjs","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":[null],"names":["_jsx","ChakraButton"],"mappings":"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"}
|
|
@@ -3,7 +3,19 @@ import { CardRootProps as ChakraCardRootProps } from '@chakra-ui/react';
|
|
|
3
3
|
import type { PolymorphicProps } from '../../types/polymorphic';
|
|
4
4
|
export type CardVariant = 'default' | 'wash' | 'elevated';
|
|
5
5
|
export type CardOwnProps = Omit<ChakraCardRootProps, 'as'> & {
|
|
6
|
+
/**
|
|
7
|
+
* The whole card is one target: pointer cursor, and on hover the ground
|
|
8
|
+
* steps to `bg.subtle` and the border to `border.strong`. Styling only —
|
|
9
|
+
* render it as the control with `as` (`as={NextLink}`, `as="button"`).
|
|
10
|
+
*/
|
|
6
11
|
clickable?: boolean;
|
|
12
|
+
/**
|
|
13
|
+
* `default`: `bg.surface` with a `border.subtle` hairline — most content.
|
|
14
|
+
* `wash`: `bg.muted`, no border — a block that summarises or concludes (an
|
|
15
|
+
* AI summary, a purchase total). `elevated`: a soft `sm` shadow — a
|
|
16
|
+
* standalone card that should read as a raised object.
|
|
17
|
+
* @default 'default'
|
|
18
|
+
*/
|
|
7
19
|
variant?: CardVariant;
|
|
8
20
|
};
|
|
9
21
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,GAAG;IAC3D,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,SAAS,CAAC,QAAQ,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAC5E,QAAQ,EACR,YAAY,CACb,CAAC"}
|
|
1
|
+
{"version":3,"file":"Card.types.d.ts","sourceRoot":"","sources":["../../../src/components/Card/Card.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAGxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,GAAG,UAAU,CAAC;AAE1D,MAAM,MAAM,YAAY,GAAG,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,GAAG;IAC3D;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;;;;OAMG;IACH,OAAO,CAAC,EAAE,WAAW,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;GAUG;AACH,MAAM,MAAM,SAAS,CAAC,QAAQ,SAAS,WAAW,GAAG,KAAK,IAAI,gBAAgB,CAC5E,QAAQ,EACR,YAAY,CACb,CAAC"}
|