@mindlogic-ai/logician-ui 5.0.0-alpha.0 → 5.0.0-alpha.10
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/MIGRATION-5.0.md +18 -18
- package/codemods/5.0/button-variants.js +1 -0
- package/codemods/5.0/codemods.test.ts +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 +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.legacy.d.ts.map +1 -1
- package/dist/components/Button/Button.legacy.js +1 -0
- package/dist/components/Button/Button.legacy.js.map +1 -1
- package/dist/components/Button/Button.legacy.mjs +1 -0
- package/dist/components/Button/Button.legacy.mjs.map +1 -1
- package/dist/components/Button/Button.mjs +10 -2
- package/dist/components/Button/Button.mjs.map +1 -1
- package/dist/components/Button/Button.styles.d.ts.map +1 -1
- package/dist/components/Button/Button.styles.js +18 -0
- package/dist/components/Button/Button.styles.js.map +1 -1
- package/dist/components/Button/Button.styles.mjs +18 -0
- package/dist/components/Button/Button.styles.mjs.map +1 -1
- package/dist/components/Button/Button.types.d.ts +5 -3
- 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/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 +35 -0
- package/dist/components/Select/Select.styles.js.map +1 -1
- package/dist/components/Select/Select.styles.mjs +35 -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 +36 -2
- package/dist/theme/colors.js.map +1 -1
- package/dist/theme/colors.mjs +37 -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 +98 -0
- package/dist/theme/palette.generated.d.ts.map +1 -1
- package/dist/theme/palette.generated.js +99 -0
- package/dist/theme/palette.generated.js.map +1 -1
- package/dist/theme/palette.generated.mjs +99 -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/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.legacy.ts +1 -0
- package/src/components/Button/Button.stories.tsx +287 -3
- package/src/components/Button/Button.styles.ts +18 -0
- package/src/components/Button/Button.tsx +15 -2
- package/src/components/Button/Button.types.ts +5 -2
- package/src/components/Button/Button.usage.mdx +342 -0
- package/src/components/Button/Button.variants.test.tsx +9 -0
- 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 +209 -5
- package/src/components/IconButton/IconButton.usage.mdx +273 -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 +36 -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 +364 -0
- package/src/foundations/BrandColour.stories.tsx +334 -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 +51 -6
- package/src/theme/contrast.test.ts +59 -3
- package/src/theme/global.ts +19 -0
- package/src/theme/index.ts +2 -0
- package/src/theme/palette.generated.ts +99 -0
- package/src/theme/paletteSwatches.ts +35 -0
- package/src/theme/recipes/avatar.ts +92 -0
- package/src/translations/Defaults.translations.json +7 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormModalFooter.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAE3D,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,gBAAgB,EAChB,UAAU,GAAG,UAAU,GAAG,OAAO,CAClC;IACC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB,mCAAmC;IACnC,WAAW,EAAE,SAAS,CAAC;IACvB
|
|
1
|
+
{"version":3,"file":"FormModalFooter.types.d.ts","sourceRoot":"","sources":["../../../../src/components/Form/FormModalFooter/FormModalFooter.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElD,OAAO,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AACzD,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,KAAK,gBAAgB,GAAG,cAAc,CAAC,OAAO,WAAW,CAAC,CAAC;AAE3D,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAChD,gBAAgB,EAChB,UAAU,GAAG,UAAU,GAAG,OAAO,CAClC;IACC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,+EAA+E;IAC/E,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,8BAA8B;IAC9B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB;;;OAGG;IACH,WAAW,EAAE,SAAS,CAAC;IACvB,mCAAmC;IACnC,WAAW,EAAE,SAAS,CAAC;IACvB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,kBAAkB,CAAC;IACxC;;;OAGG;IACH,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB;;;;;OAKG;IACH,iBAAiB,CAAC,EAAE,SAAS,CAAC;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB;;;;;OAKG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
|
|
@@ -34,6 +34,7 @@ require('../../Badge/Badge.js');
|
|
|
34
34
|
require('../../Workflow/canvas/NodeShell/NodeShell.styles.js');
|
|
35
35
|
require('../../Workflow/graphObserver.js');
|
|
36
36
|
require('@dagrejs/dagre');
|
|
37
|
+
require('../../../hooks/useLanguage.js');
|
|
37
38
|
require('../../Workflow/canvas/Canvas/Canvas.js');
|
|
38
39
|
|
|
39
40
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleFormSection.js","sources":["../../../../src/components/Form/FormSection/CollapsibleFormSection.tsx"],"sourcesContent":[null],"names":["_jsx","CollapsibleSection","VStack"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CollapsibleFormSection.js","sources":["../../../../src/components/Form/FormSection/CollapsibleFormSection.tsx"],"sourcesContent":[null],"names":["_jsx","CollapsibleSection","VStack"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;AAIG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,MAAM,EACN,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,CAAC,EACP,QAAQ,GACoB,MAC5BA,cAAA,CAACC,qCAAkB,EAAA,EACjB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EAAA,QAAA,EAEpBD,eAACE,YAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EACvC,QAAQ,EAAA,CACF,EAAA,CACU;;;;"}
|
|
@@ -32,6 +32,7 @@ import '../../Badge/Badge.mjs';
|
|
|
32
32
|
import '../../Workflow/canvas/NodeShell/NodeShell.styles.mjs';
|
|
33
33
|
import '../../Workflow/graphObserver.mjs';
|
|
34
34
|
import '@dagrejs/dagre';
|
|
35
|
+
import '../../../hooks/useLanguage.mjs';
|
|
35
36
|
import '../../Workflow/canvas/Canvas/Canvas.mjs';
|
|
36
37
|
|
|
37
38
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CollapsibleFormSection.mjs","sources":["../../../../src/components/Form/FormSection/CollapsibleFormSection.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CollapsibleFormSection.mjs","sources":["../../../../src/components/Form/FormSection/CollapsibleFormSection.tsx"],"sourcesContent":[null],"names":["_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;AAIG;AACI,MAAM,sBAAsB,GAAG,CAAC,EACrC,KAAK,EACL,MAAM,EACN,WAAW,GAAG,IAAI,EAClB,QAAQ,GAAG,KAAK,EAChB,GAAG,GAAG,CAAC,EACP,QAAQ,GACoB,MAC5BA,GAAA,CAAC,kBAAkB,EAAA,EACjB,KAAK,EAAE,KAAK,IAAI,EAAE,EAClB,eAAe,EAAE,WAAW,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,EAAA,QAAA,EAEpBA,IAAC,MAAM,EAAA,EAAC,KAAK,EAAC,SAAS,EAAC,GAAG,EAAE,GAAG,EAAE,CAAC,EAAC,MAAM,EAAA,QAAA,EACvC,QAAQ,EAAA,CACF,EAAA,CACU;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineGraph.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAG9D,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,SAAS,EAAE,4CAK5C,cAAc,CAAC,CAAC,CAAC,
|
|
1
|
+
{"version":3,"file":"LineGraph.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"names":[],"mappings":"AAcA,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAG9D,eAAO,MAAM,SAAS,GAAI,CAAC,SAAS,SAAS,EAAE,4CAK5C,cAAc,CAAC,CAAC,CAAC,4CAuFnB,CAAC"}
|
|
@@ -10,10 +10,9 @@ var useColorMode = require('../ColorMode/useColorMode.js');
|
|
|
10
10
|
var seriesColors = require('./seriesColors.js');
|
|
11
11
|
|
|
12
12
|
const LineGraph = ({ data = [], dataKeys, displayLegend = true, ...rest }) => {
|
|
13
|
-
|
|
14
|
-
//
|
|
15
|
-
//
|
|
16
|
-
// directly because no semantic role fits a chart line.
|
|
13
|
+
// Series 1 is the data blue; further series cycle hues with no status
|
|
14
|
+
// meaning (see seriesColors.ts). Strokes read the generated palette directly
|
|
15
|
+
// because no semantic role fits a chart line.
|
|
17
16
|
const { colorMode } = useColorMode.useColorMode();
|
|
18
17
|
const isDark = colorMode === 'dark';
|
|
19
18
|
return (jsxRuntime.jsx(react.Box, { h: "400px", ...rest, children: jsxRuntime.jsx(recharts.ResponsiveContainer, { width: "100%", height: "100%", children: jsxRuntime.jsxs(recharts.LineChart, { data: data, margin: {
|
|
@@ -68,7 +67,7 @@ const LineGraph = ({ data = [], dataKeys, displayLegend = true, ...rest }) => {
|
|
|
68
67
|
color: 'var(--chakra-colors-fg-default)',
|
|
69
68
|
} }), displayLegend && (jsxRuntime.jsx(recharts.Legend, { wrapperStyle: {
|
|
70
69
|
bottom: -16,
|
|
71
|
-
} })), dataKeys.map(({ key, label, color }, index) => (jsxRuntime.jsx(recharts.Line, { type: "monotone", dataKey: key, name: label, stroke: color ?? seriesColors.seriesColor(index,
|
|
70
|
+
} })), dataKeys.map(({ key, label, color }, index) => (jsxRuntime.jsx(recharts.Line, { type: "monotone", dataKey: key, name: label, stroke: color ?? seriesColors.seriesColor(index, isDark), dot: { r: 0 } }, `line-${key}`)))] }) }) }));
|
|
72
71
|
};
|
|
73
72
|
|
|
74
73
|
exports.LineGraph = LineGraph;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineGraph.js","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"sourcesContent":[null],"names":["
|
|
1
|
+
{"version":3,"file":"LineGraph.js","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"sourcesContent":[null],"names":["useColorMode","_jsx","Box","ResponsiveContainer","_jsxs","LineChart","CartesianGrid","XAxis","useToken","YAxis","Tooltip","Legend","Line","seriesColor"],"mappings":";;;;;;;;;;;MAiBa,SAAS,GAAG,CAAsB,EAC7C,IAAI,GAAG,EAAE,EACT,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,GAAG,IAAI,EACW,KAAI;;;;AAItB,IAAA,MAAM,EAAE,SAAS,EAAE,GAAGA,yBAAY,EAAE;AACpC,IAAA,MAAM,MAAM,GAAG,SAAS,KAAK,MAAM;AACnC,IAAA,QACEC,cAAA,CAACC,SAAG,EAAA,EAAC,CAAC,EAAC,OAAO,EAAA,GAAK,IAAI,EAAA,QAAA,EACrBD,cAAA,CAACE,4BAAmB,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,QAAA,EAC7CC,eAAA,CAACC,kBAAS,EAAA,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE;AACN,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,KAAK,EAAE,EAAE;AACV,iBAAA,EAAA,QAAA,EAAA,CAEDJ,eAACK;;;;AAEC,wBAAA,eAAe,EAAC,EAAE,EAClB,QAAQ,EAAE,KAAK;;;wBAGf,MAAM,EAAC,qCAAqC,EAAA,CAC5C,EACFL,eAACM,cAAK,EAAA,EACJ,OAAO,EAAC,MAAM;;AAEd,wBAAA,MAAM,EAAC,aAAa;;;AAGpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAGC,cAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFP,eAACQ;;;;AAEC,wBAAA,MAAM,EAAC,aAAa;;AAEpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAGD,cAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFP,eAACS;;;;;;;;;;;;;;AAOC,wBAAA,YAAY,EAAE;AACZ,4BAAA,eAAe,EAAE,iCAAiC;AAClD,4BAAA,WAAW,EAAE,qCAAqC;AACnD,yBAAA,EACD,UAAU,EAAE;AACV,4BAAA,KAAK,EAAE,iCAAiC;AACzC,yBAAA,EACD,SAAS,EAAE;AACT,4BAAA,KAAK,EAAE,iCAAiC;yBACzC,EAAA,CACD,EACD,aAAa,KACZT,eAACU,eAAM,EAAA,EACL,YAAY,EAAE;4BACZ,MAAM,EAAE,GAAG;AACZ,yBAAA,EAAA,CACD,CACH,EACA,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,MACzCV,cAAA,CAACW,aAAI,EAAA,EAEH,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EACZ,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,KAAK,IAAIC,wBAAW,CAAC,KAAK,EAAE,MAAM,CAAC,EAC3C,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAA,EALR,CAAA,KAAA,EAAQ,GAAG,CAAA,CAAE,CAMlB,CACH,CAAC,CAAA,EAAA,CACQ,EAAA,CACQ,EAAA,CAClB;AAEV;;;;"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use client";
|
|
2
2
|
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
3
|
-
import {
|
|
3
|
+
import { Box, useToken } from '@chakra-ui/react';
|
|
4
4
|
import { ResponsiveContainer, LineChart, CartesianGrid, XAxis, YAxis, Tooltip, Legend, Line } from 'recharts';
|
|
5
5
|
import '../ColorMode/ColorModeProvider.mjs';
|
|
6
6
|
import '../ColorMode/ColorModeToggle.mjs';
|
|
@@ -8,10 +8,9 @@ import { useColorMode } from '../ColorMode/useColorMode.mjs';
|
|
|
8
8
|
import { seriesColor } from './seriesColors.mjs';
|
|
9
9
|
|
|
10
10
|
const LineGraph = ({ data = [], dataKeys, displayLegend = true, ...rest }) => {
|
|
11
|
-
|
|
12
|
-
//
|
|
13
|
-
//
|
|
14
|
-
// directly because no semantic role fits a chart line.
|
|
11
|
+
// Series 1 is the data blue; further series cycle hues with no status
|
|
12
|
+
// meaning (see seriesColors.ts). Strokes read the generated palette directly
|
|
13
|
+
// because no semantic role fits a chart line.
|
|
15
14
|
const { colorMode } = useColorMode();
|
|
16
15
|
const isDark = colorMode === 'dark';
|
|
17
16
|
return (jsx(Box, { h: "400px", ...rest, children: jsx(ResponsiveContainer, { width: "100%", height: "100%", children: jsxs(LineChart, { data: data, margin: {
|
|
@@ -66,7 +65,7 @@ const LineGraph = ({ data = [], dataKeys, displayLegend = true, ...rest }) => {
|
|
|
66
65
|
color: 'var(--chakra-colors-fg-default)',
|
|
67
66
|
} }), displayLegend && (jsx(Legend, { wrapperStyle: {
|
|
68
67
|
bottom: -16,
|
|
69
|
-
} })), dataKeys.map(({ key, label, color }, index) => (jsx(Line, { type: "monotone", dataKey: key, name: label, stroke: color ?? seriesColor(index,
|
|
68
|
+
} })), dataKeys.map(({ key, label, color }, index) => (jsx(Line, { type: "monotone", dataKey: key, name: label, stroke: color ?? seriesColor(index, isDark), dot: { r: 0 } }, `line-${key}`)))] }) }) }));
|
|
70
69
|
};
|
|
71
70
|
|
|
72
71
|
export { LineGraph };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineGraph.mjs","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;MAiBa,SAAS,GAAG,CAAsB,EAC7C,IAAI,GAAG,EAAE,EACT,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,GAAG,IAAI,EACW,KAAI
|
|
1
|
+
{"version":3,"file":"LineGraph.mjs","sources":["../../../src/components/LineGraph/LineGraph.tsx"],"sourcesContent":[null],"names":["_jsx","_jsxs"],"mappings":";;;;;;;;;MAiBa,SAAS,GAAG,CAAsB,EAC7C,IAAI,GAAG,EAAE,EACT,QAAQ,EACR,aAAa,GAAG,IAAI,EACpB,GAAG,IAAI,EACW,KAAI;;;;AAItB,IAAA,MAAM,EAAE,SAAS,EAAE,GAAG,YAAY,EAAE;AACpC,IAAA,MAAM,MAAM,GAAG,SAAS,KAAK,MAAM;AACnC,IAAA,QACEA,GAAA,CAAC,GAAG,EAAA,EAAC,CAAC,EAAC,OAAO,EAAA,GAAK,IAAI,EAAA,QAAA,EACrBA,GAAA,CAAC,mBAAmB,EAAA,EAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAA,QAAA,EAC7CC,IAAA,CAAC,SAAS,EAAA,EACR,IAAI,EAAE,IAAI,EACV,MAAM,EAAE;AACN,oBAAA,GAAG,EAAE,CAAC;AACN,oBAAA,MAAM,EAAE,CAAC;AACT,oBAAA,IAAI,EAAE,CAAC;AACP,oBAAA,KAAK,EAAE,EAAE;AACV,iBAAA,EAAA,QAAA,EAAA,CAEDD,IAAC;;;;AAEC,wBAAA,eAAe,EAAC,EAAE,EAClB,QAAQ,EAAE,KAAK;;;wBAGf,MAAM,EAAC,qCAAqC,EAAA,CAC5C,EACFA,IAAC,KAAK,EAAA,EACJ,OAAO,EAAC,MAAM;;AAEd,wBAAA,MAAM,EAAC,aAAa;;;AAGpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAG,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFA,IAAC;;;;AAEC,wBAAA,MAAM,EAAC,aAAa;;AAEpB,wBAAA,IAAI,EAAE;AACJ,4BAAA,IAAI,EAAE,+BAA+B;4BACrC,QAAQ,EAAE,GAAG,QAAQ,CAAC,WAAW,EAAE,IAAI,CAAC,CAAA,CAAE;AAC3C,yBAAA,EACD,UAAU,EAAE,CAAC,EAAA,CACb,EACFA,IAAC;;;;;;;;;;;;;;AAOC,wBAAA,YAAY,EAAE;AACZ,4BAAA,eAAe,EAAE,iCAAiC;AAClD,4BAAA,WAAW,EAAE,qCAAqC;AACnD,yBAAA,EACD,UAAU,EAAE;AACV,4BAAA,KAAK,EAAE,iCAAiC;AACzC,yBAAA,EACD,SAAS,EAAE;AACT,4BAAA,KAAK,EAAE,iCAAiC;yBACzC,EAAA,CACD,EACD,aAAa,KACZA,IAAC,MAAM,EAAA,EACL,YAAY,EAAE;4BACZ,MAAM,EAAE,GAAG;AACZ,yBAAA,EAAA,CACD,CACH,EACA,QAAQ,CAAC,GAAG,CAAC,CAAC,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,KAAK,MACzCA,GAAA,CAAC,IAAI,EAAA,EAEH,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EACZ,IAAI,EAAE,KAAK,EACX,MAAM,EAAE,KAAK,IAAI,WAAW,CAAC,KAAK,EAAE,MAAM,CAAC,EAC3C,GAAG,EAAE,EAAE,CAAC,EAAE,CAAC,EAAE,EAAA,EALR,CAAA,KAAA,EAAQ,GAAG,CAAA,CAAE,CAMlB,CACH,CAAC,CAAA,EAAA,CACQ,EAAA,CACQ,EAAA,CAClB;AAEV;;;;"}
|
|
@@ -1,8 +1,14 @@
|
|
|
1
1
|
import { BoxProps } from '@chakra-ui/react';
|
|
2
2
|
import { type DataKey as RechartsDataKey } from 'recharts/types/util/types.d';
|
|
3
3
|
export interface LineGraphProps<T extends DatumBase> extends BoxProps {
|
|
4
|
+
/** One object per point on the X axis; `name` is the axis label. */
|
|
4
5
|
data: Array<Datum<T>>;
|
|
6
|
+
/** The series to draw, in order. */
|
|
5
7
|
dataKeys: Array<DataKey<T>>;
|
|
8
|
+
/**
|
|
9
|
+
* Show the legend under the chart.
|
|
10
|
+
* @default true
|
|
11
|
+
*/
|
|
6
12
|
displayLegend?: boolean;
|
|
7
13
|
}
|
|
8
14
|
/**
|
|
@@ -26,11 +32,15 @@ export type DataKey<T extends DatumBase> = {
|
|
|
26
32
|
*/
|
|
27
33
|
key: RechartsDataKey<keyof T>;
|
|
28
34
|
/**
|
|
29
|
-
*
|
|
35
|
+
* Series name, shown in the legend and the tooltip.
|
|
30
36
|
*/
|
|
31
37
|
label: string;
|
|
32
38
|
/**
|
|
33
|
-
*
|
|
39
|
+
* Stroke colour for this series, passed straight to the SVG (recharts does
|
|
40
|
+
* not resolve Chakra tokens — use a CSS variable such as
|
|
41
|
+
* `var(--chakra-colors-category-teal-fg)`). Defaults: series 1 is
|
|
42
|
+
* `primary.main`, the rest cycle meaning-free category hues
|
|
43
|
+
* (`CHART_SERIES_HUES`).
|
|
34
44
|
*/
|
|
35
45
|
color?: string;
|
|
36
46
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineGraph.types.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/LineGraph.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,KAAK,OAAO,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9E,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,SAAS,CAAE,SAAQ,QAAQ;IACnE,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACtB,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5B,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,SAAS,IAAI;IACvC,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,CAAC,CAAC;AAEN;;GAEG;AACH,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,SAAS,IAAI;IACzC;;OAEG;IACH,GAAG,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAE9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd
|
|
1
|
+
{"version":3,"file":"LineGraph.types.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/LineGraph.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,KAAK,OAAO,IAAI,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE9E,MAAM,WAAW,cAAc,CAAC,CAAC,SAAS,SAAS,CAAE,SAAQ,QAAQ;IACnE,oEAAoE;IACpE,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC;IACtB,oCAAoC;IACpC,QAAQ,EAAE,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;IAC5B;;;OAGG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,CAAC,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC;CACnC,CAAC;AAEF;;GAEG;AACH,MAAM,MAAM,KAAK,CAAC,CAAC,SAAS,SAAS,IAAI;IACvC,IAAI,EAAE,MAAM,CAAC;CACd,GAAG,CAAC,CAAC;AAEN;;GAEG;AACH,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,SAAS,IAAI;IACzC;;OAEG;IACH,GAAG,EAAE,eAAe,CAAC,MAAM,CAAC,CAAC,CAAC;IAE9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IAEd;;;;;;OAMG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}
|
|
@@ -2,10 +2,16 @@ import type { SystemHue } from '@/theme/colors';
|
|
|
2
2
|
/**
|
|
3
3
|
* Default stroke order for multi-series charts.
|
|
4
4
|
*
|
|
5
|
-
* Series 1 is the
|
|
6
|
-
*
|
|
7
|
-
*
|
|
8
|
-
*
|
|
5
|
+
* Series 1 is the data blue (`blue.base`): blue means data (SemanticTokens.mdx,
|
|
6
|
+
* "Blue means data and links"), and a single-measure chart draws in the same
|
|
7
|
+
* blue, so adding a second series does not repaint the first. It used to be
|
|
8
|
+
* the ink `primary.main`, which read as body text rather than as data.
|
|
9
|
+
*
|
|
10
|
+
* The rest cycle hues that carry no meaning in the system, alternating cool
|
|
11
|
+
* and warm so neighbouring lines separate. Red, yellow and green are the
|
|
12
|
+
* danger, warning and success colours, so none of them may colour a series by
|
|
13
|
+
* default — a red "UV" line reads as an error. Brown comes late: next to the
|
|
14
|
+
* other dusty warm hues it reads as mud.
|
|
9
15
|
*
|
|
10
16
|
* Every stroke clears 3:1 against the page in both modes. Cyan, mint and
|
|
11
17
|
* orange are too light at their base value in light mode (≈1.9:1), so they
|
|
@@ -16,7 +22,7 @@ type SeriesHue = {
|
|
|
16
22
|
light: 'base' | 'hc';
|
|
17
23
|
};
|
|
18
24
|
export declare const CHART_SERIES_HUES: readonly SeriesHue[];
|
|
19
|
-
/** Stroke for series `index` (0-based); index 0 is the
|
|
20
|
-
export declare const seriesColor: (index: number,
|
|
25
|
+
/** Stroke for series `index` (0-based); index 0 is the data blue. */
|
|
26
|
+
export declare const seriesColor: (index: number, isDark: boolean) => string;
|
|
21
27
|
export {};
|
|
22
28
|
//# sourceMappingURL=seriesColors.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"seriesColors.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/seriesColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD
|
|
1
|
+
{"version":3,"file":"seriesColors.d.ts","sourceRoot":"","sources":["../../../src/components/LineGraph/seriesColors.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAGhD;;;;;;;;;;;;;;;;;GAiBG;AACH,KAAK,SAAS,GAAG;IACf,GAAG,EAAE,OAAO,CAAC,SAAS,EAAE,KAAK,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC,CAAC;IAC7D,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;CACtB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,SAAS,SAAS,EASjD,CAAC;AAEF,qEAAqE;AACrE,eAAO,MAAM,WAAW,GAAI,OAAO,MAAM,EAAE,QAAQ,OAAO,KAAG,MAO5D,CAAC"}
|
|
@@ -4,19 +4,20 @@
|
|
|
4
4
|
var palette_generated = require('../../theme/palette.generated.js');
|
|
5
5
|
|
|
6
6
|
const CHART_SERIES_HUES = [
|
|
7
|
-
{ hue: 'brown', light: 'base' },
|
|
8
|
-
{ hue: 'indigo', light: 'base' },
|
|
9
|
-
{ hue: 'pink', light: 'base' },
|
|
10
7
|
{ hue: 'teal', light: 'base' },
|
|
8
|
+
{ hue: 'pink', light: 'base' },
|
|
9
|
+
{ hue: 'indigo', light: 'base' },
|
|
11
10
|
{ hue: 'purple', light: 'base' },
|
|
11
|
+
{ hue: 'brown', light: 'base' },
|
|
12
12
|
{ hue: 'cyan', light: 'hc' },
|
|
13
13
|
{ hue: 'mint', light: 'hc' },
|
|
14
14
|
{ hue: 'orange', light: 'hc' },
|
|
15
15
|
];
|
|
16
|
-
/** Stroke for series `index` (0-based); index 0 is the
|
|
17
|
-
const seriesColor = (index,
|
|
18
|
-
if (index === 0)
|
|
19
|
-
return
|
|
16
|
+
/** Stroke for series `index` (0-based); index 0 is the data blue. */
|
|
17
|
+
const seriesColor = (index, isDark) => {
|
|
18
|
+
if (index === 0) {
|
|
19
|
+
return isDark ? palette_generated.SYSTEM_HUES.blue.baseDark : palette_generated.SYSTEM_HUES.blue.base;
|
|
20
|
+
}
|
|
20
21
|
const { hue, light } = CHART_SERIES_HUES[(index - 1) % CHART_SERIES_HUES.length];
|
|
21
22
|
return isDark ? palette_generated.SYSTEM_HUES[hue].baseDark : palette_generated.SYSTEM_HUES[hue][light];
|
|
22
23
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"seriesColors.js","sources":["../../../src/components/LineGraph/seriesColors.ts"],"sourcesContent":[null],"names":["SYSTEM_HUES"],"mappings":";;;;;
|
|
1
|
+
{"version":3,"file":"seriesColors.js","sources":["../../../src/components/LineGraph/seriesColors.ts"],"sourcesContent":[null],"names":["SYSTEM_HUES"],"mappings":";;;;;AA0BO,MAAM,iBAAiB,GAAyB;AACrD,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;AAC/B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;;AAGhC;MACa,WAAW,GAAG,CAAC,KAAa,EAAE,MAAe,KAAY;AACpE,IAAA,IAAI,KAAK,KAAK,CAAC,EAAE;AACf,QAAA,OAAO,MAAM,GAAGA,6BAAW,CAAC,IAAI,CAAC,QAAQ,GAAGA,6BAAW,CAAC,IAAI,CAAC,IAAI;IACnE;AACA,IAAA,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAClB,iBAAiB,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,iBAAiB,CAAC,MAAM,CAAC;IAC3D,OAAO,MAAM,GAAGA,6BAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAGA,6BAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;AACrE;;;;;"}
|
|
@@ -2,19 +2,20 @@
|
|
|
2
2
|
import { SYSTEM_HUES } from '../../theme/palette.generated.mjs';
|
|
3
3
|
|
|
4
4
|
const CHART_SERIES_HUES = [
|
|
5
|
-
{ hue: 'brown', light: 'base' },
|
|
6
|
-
{ hue: 'indigo', light: 'base' },
|
|
7
|
-
{ hue: 'pink', light: 'base' },
|
|
8
5
|
{ hue: 'teal', light: 'base' },
|
|
6
|
+
{ hue: 'pink', light: 'base' },
|
|
7
|
+
{ hue: 'indigo', light: 'base' },
|
|
9
8
|
{ hue: 'purple', light: 'base' },
|
|
9
|
+
{ hue: 'brown', light: 'base' },
|
|
10
10
|
{ hue: 'cyan', light: 'hc' },
|
|
11
11
|
{ hue: 'mint', light: 'hc' },
|
|
12
12
|
{ hue: 'orange', light: 'hc' },
|
|
13
13
|
];
|
|
14
|
-
/** Stroke for series `index` (0-based); index 0 is the
|
|
15
|
-
const seriesColor = (index,
|
|
16
|
-
if (index === 0)
|
|
17
|
-
return
|
|
14
|
+
/** Stroke for series `index` (0-based); index 0 is the data blue. */
|
|
15
|
+
const seriesColor = (index, isDark) => {
|
|
16
|
+
if (index === 0) {
|
|
17
|
+
return isDark ? SYSTEM_HUES.blue.baseDark : SYSTEM_HUES.blue.base;
|
|
18
|
+
}
|
|
18
19
|
const { hue, light } = CHART_SERIES_HUES[(index - 1) % CHART_SERIES_HUES.length];
|
|
19
20
|
return isDark ? SYSTEM_HUES[hue].baseDark : SYSTEM_HUES[hue][light];
|
|
20
21
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"seriesColors.mjs","sources":["../../../src/components/LineGraph/seriesColors.ts"],"sourcesContent":[null],"names":[],"mappings":";;;
|
|
1
|
+
{"version":3,"file":"seriesColors.mjs","sources":["../../../src/components/LineGraph/seriesColors.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AA0BO,MAAM,iBAAiB,GAAyB;AACrD,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE;AAC9B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,MAAM,EAAE;AAChC,IAAA,EAAE,GAAG,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE;AAC/B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE;AAC5B,IAAA,EAAE,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,IAAI,EAAE;;AAGhC;MACa,WAAW,GAAG,CAAC,KAAa,EAAE,MAAe,KAAY;AACpE,IAAA,IAAI,KAAK,KAAK,CAAC,EAAE;AACf,QAAA,OAAO,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,QAAQ,GAAG,WAAW,CAAC,IAAI,CAAC,IAAI;IACnE;AACA,IAAA,MAAM,EAAE,GAAG,EAAE,KAAK,EAAE,GAClB,iBAAiB,CAAC,CAAC,KAAK,GAAG,CAAC,IAAI,iBAAiB,CAAC,MAAM,CAAC;IAC3D,OAAO,MAAM,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,QAAQ,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC;AACrE;;;;"}
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { GridProps } from '@chakra-ui/react';
|
|
2
2
|
export interface MasonryProps extends Omit<GridProps, 'gap'> {
|
|
3
3
|
/**
|
|
4
|
-
* Number of columns
|
|
4
|
+
* Number of columns. A plain number, not a responsive object: for a
|
|
5
|
+
* responsive count, pass the result of `useBreakpointValue`.
|
|
5
6
|
*/
|
|
6
7
|
numCols: number;
|
|
7
8
|
/**
|
|
@@ -10,8 +11,12 @@ export interface MasonryProps extends Omit<GridProps, 'gap'> {
|
|
|
10
11
|
*/
|
|
11
12
|
gap?: number | string;
|
|
12
13
|
/**
|
|
13
|
-
*
|
|
14
|
-
*
|
|
14
|
+
* `false` (default): each item goes into the currently shortest column, so
|
|
15
|
+
* the column heights stay balanced. `true`: items are dealt round-robin
|
|
16
|
+
* across the columns (item 1 → column 1, item 2 → column 2, …), so the
|
|
17
|
+
* first row reads left to right. Either way the DOM order is column by
|
|
18
|
+
* column, which is the order keyboard and screen-reader users get.
|
|
19
|
+
* @default false
|
|
15
20
|
*/
|
|
16
21
|
horizontalArrangement?: boolean;
|
|
17
22
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Masonry.types.d.ts","sourceRoot":"","sources":["../../../src/components/Masonry/Masonry.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;IAC1D
|
|
1
|
+
{"version":3,"file":"Masonry.types.d.ts","sourceRoot":"","sources":["../../../src/components/Masonry/Masonry.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAE7C,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,SAAS,EAAE,KAAK,CAAC;IAC1D;;;OAGG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;;OAGG;IACH,GAAG,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACtB;;;;;;;OAOG;IACH,qBAAqB,CAAC,EAAE,OAAO,CAAC;CACjC"}
|
|
@@ -8,8 +8,16 @@ export declare const ItemVariant: {
|
|
|
8
8
|
export type ItemVariant = (typeof ItemVariant)[keyof typeof ItemVariant];
|
|
9
9
|
export type MenuItemOwnProps = Omit<ChakraMenuItemProps, 'as'> & {
|
|
10
10
|
value: string;
|
|
11
|
+
/**
|
|
12
|
+
* `'danger'`: an action that deletes or removes something and cannot be
|
|
13
|
+
* undone (삭제, 연결 해제). Text is `danger.fg`; the highlighted row is
|
|
14
|
+
* `danger.bg`. Everything else is `'default'`.
|
|
15
|
+
* @default 'default'
|
|
16
|
+
*/
|
|
11
17
|
variant?: ItemVariant | null;
|
|
18
|
+
/** Leading icon. Decorative: give it `aria-hidden`. */
|
|
12
19
|
icon?: React.ReactElement;
|
|
20
|
+
/** Trailing icon, pushed to the end of the row. Decorative: give it `aria-hidden`. */
|
|
13
21
|
rightIcon?: React.ReactElement;
|
|
14
22
|
};
|
|
15
23
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"MenuItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAKxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,eAAO,MAAM,WAAW;;;CAGd,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEzE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,GAAG;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAChC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,aAAa,CAAC,QAAQ,SAAS,WAAW,GAAG,KAAK,IAC5D,gBAAgB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"MenuItem.types.d.ts","sourceRoot":"","sources":["../../../src/components/Menu/MenuItem.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,aAAa,IAAI,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAKxE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAEhE,eAAO,MAAM,WAAW;;;CAGd,CAAC;AAEX,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEzE,MAAM,MAAM,gBAAgB,GAAG,IAAI,CAAC,mBAAmB,EAAE,IAAI,CAAC,GAAG;IAC/D,KAAK,EAAE,MAAM,CAAC;IACd;;;;;OAKG;IACH,OAAO,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC7B,uDAAuD;IACvD,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;IAC1B,sFAAsF;IACtF,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC;CAChC,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,aAAa,CAAC,QAAQ,SAAS,WAAW,GAAG,KAAK,IAC5D,gBAAgB,CAAC,QAAQ,EAAE,gBAAgB,CAAC,CAAC"}
|
|
@@ -6,8 +6,8 @@ import { Dialog } from '@chakra-ui/react';
|
|
|
6
6
|
* asChild 패턴과 함께 CloseButton 컴포넌트를 내부에 포함해야 X 아이콘이 정상적으로 렌더링됩니다.
|
|
7
7
|
*
|
|
8
8
|
* @example
|
|
9
|
+
* // `Modal` renders its own backdrop — no `ModalOverlay` here.
|
|
9
10
|
* <Modal open={isOpen} onOpenChange={(e) => setIsOpen(e.open)}>
|
|
10
|
-
* <ModalOverlay />
|
|
11
11
|
* <ModalContent>
|
|
12
12
|
* <ModalHeader>Title</ModalHeader>
|
|
13
13
|
* <ModalCloseButton />
|
|
@@ -13,8 +13,8 @@ require('../IconButton/IconButton.styles.js');
|
|
|
13
13
|
* asChild 패턴과 함께 CloseButton 컴포넌트를 내부에 포함해야 X 아이콘이 정상적으로 렌더링됩니다.
|
|
14
14
|
*
|
|
15
15
|
* @example
|
|
16
|
+
* // `Modal` renders its own backdrop — no `ModalOverlay` here.
|
|
16
17
|
* <Modal open={isOpen} onOpenChange={(e) => setIsOpen(e.open)}>
|
|
17
|
-
* <ModalOverlay />
|
|
18
18
|
* <ModalContent>
|
|
19
19
|
* <ModalHeader>Title</ModalHeader>
|
|
20
20
|
* <ModalCloseButton />
|
|
@@ -11,8 +11,8 @@ import '../IconButton/IconButton.styles.mjs';
|
|
|
11
11
|
* asChild 패턴과 함께 CloseButton 컴포넌트를 내부에 포함해야 X 아이콘이 정상적으로 렌더링됩니다.
|
|
12
12
|
*
|
|
13
13
|
* @example
|
|
14
|
+
* // `Modal` renders its own backdrop — no `ModalOverlay` here.
|
|
14
15
|
* <Modal open={isOpen} onOpenChange={(e) => setIsOpen(e.open)}>
|
|
15
|
-
* <ModalOverlay />
|
|
16
16
|
* <ModalContent>
|
|
17
17
|
* <ModalHeader>Title</ModalHeader>
|
|
18
18
|
* <ModalCloseButton />
|
|
@@ -1,17 +1,18 @@
|
|
|
1
1
|
import { PaginationProps } from './Pagination.types';
|
|
2
2
|
/**
|
|
3
|
-
*
|
|
4
|
-
*
|
|
5
|
-
*
|
|
3
|
+
* Previous / next page buttons with a "current / last" counter, and an
|
|
4
|
+
* optional page-size select. The last page is derived:
|
|
5
|
+
* `Math.ceil(numTotalItems / itemsPerPage)`; the buttons are hidden when there
|
|
6
|
+
* is only one page.
|
|
6
7
|
*
|
|
7
|
-
* - **Controlled
|
|
8
|
-
*
|
|
8
|
+
* - **Controlled:** pass `currentPage` and update it from `onBack` / `onNext`
|
|
9
|
+
* (and `onCurrentPageChange`, which fires when a larger page size puts the
|
|
10
|
+
* current page past the new last page).
|
|
11
|
+
* - **Uncontrolled:** leave `currentPage` out and the component keeps the page
|
|
12
|
+
* itself.
|
|
9
13
|
*
|
|
10
|
-
*
|
|
11
|
-
*
|
|
12
|
-
* @param {number} props.maxPage - The maximum number of pages available.
|
|
13
|
-
* @param {() => void} [props.onBack] - Callback triggered when the "Back" button is clicked.
|
|
14
|
-
* @param {() => void} [props.onNext] - Callback triggered when the "Next" button is clicked.
|
|
14
|
+
* `itemsPerPage` is always controlled: update it from
|
|
15
|
+
* `onItemsPerPageOptionChange`.
|
|
15
16
|
*/
|
|
16
17
|
export declare const Pagination: ({ currentPage: controlledCurrentPage, onCurrentPageChange, numTotalItems, onBack, onNext, itemsPerPageOptions, itemsPerPage, onItemsPerPageOptionChange, ...rest }: PaginationProps) => import("react/jsx-runtime").JSX.Element;
|
|
17
18
|
//# sourceMappingURL=Pagination.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD
|
|
1
|
+
{"version":3,"file":"Pagination.d.ts","sourceRoot":"","sources":["../../../src/components/Pagination/Pagination.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAErD;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,UAAU,GAAI,oKAUxB,eAAe,4CA+FjB,CAAC"}
|
|
@@ -24,18 +24,19 @@ require('../Select/Select.js');
|
|
|
24
24
|
var SelectField = require('../Select/SelectField.js');
|
|
25
25
|
|
|
26
26
|
/**
|
|
27
|
-
*
|
|
28
|
-
*
|
|
29
|
-
*
|
|
27
|
+
* Previous / next page buttons with a "current / last" counter, and an
|
|
28
|
+
* optional page-size select. The last page is derived:
|
|
29
|
+
* `Math.ceil(numTotalItems / itemsPerPage)`; the buttons are hidden when there
|
|
30
|
+
* is only one page.
|
|
30
31
|
*
|
|
31
|
-
* - **Controlled
|
|
32
|
-
*
|
|
32
|
+
* - **Controlled:** pass `currentPage` and update it from `onBack` / `onNext`
|
|
33
|
+
* (and `onCurrentPageChange`, which fires when a larger page size puts the
|
|
34
|
+
* current page past the new last page).
|
|
35
|
+
* - **Uncontrolled:** leave `currentPage` out and the component keeps the page
|
|
36
|
+
* itself.
|
|
33
37
|
*
|
|
34
|
-
*
|
|
35
|
-
*
|
|
36
|
-
* @param {number} props.maxPage - The maximum number of pages available.
|
|
37
|
-
* @param {() => void} [props.onBack] - Callback triggered when the "Back" button is clicked.
|
|
38
|
-
* @param {() => void} [props.onNext] - Callback triggered when the "Next" button is clicked.
|
|
38
|
+
* `itemsPerPage` is always controlled: update it from
|
|
39
|
+
* `onItemsPerPageOptionChange`.
|
|
39
40
|
*/
|
|
40
41
|
const Pagination = ({ currentPage: controlledCurrentPage, onCurrentPageChange, numTotalItems, onBack, onNext, itemsPerPageOptions, itemsPerPage, onItemsPerPageOptionChange, ...rest }) => {
|
|
41
42
|
const translate = useTranslate.useTranslate();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["useTranslate","useState","useMemo","_jsxs","Flex","_jsx","SelectField","Subtext","Subtitle","IconButton","ChevronLeftIcon","ChevronRightIcon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAWA
|
|
1
|
+
{"version":3,"file":"Pagination.js","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["useTranslate","useState","useMemo","_jsxs","Flex","_jsx","SelectField","Subtext","Subtitle","IconButton","ChevronLeftIcon","ChevronRightIcon"],"mappings":"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"}
|
|
@@ -22,18 +22,19 @@ import '../Select/Select.mjs';
|
|
|
22
22
|
import { SelectField } from '../Select/SelectField.mjs';
|
|
23
23
|
|
|
24
24
|
/**
|
|
25
|
-
*
|
|
26
|
-
*
|
|
27
|
-
*
|
|
25
|
+
* Previous / next page buttons with a "current / last" counter, and an
|
|
26
|
+
* optional page-size select. The last page is derived:
|
|
27
|
+
* `Math.ceil(numTotalItems / itemsPerPage)`; the buttons are hidden when there
|
|
28
|
+
* is only one page.
|
|
28
29
|
*
|
|
29
|
-
* - **Controlled
|
|
30
|
-
*
|
|
30
|
+
* - **Controlled:** pass `currentPage` and update it from `onBack` / `onNext`
|
|
31
|
+
* (and `onCurrentPageChange`, which fires when a larger page size puts the
|
|
32
|
+
* current page past the new last page).
|
|
33
|
+
* - **Uncontrolled:** leave `currentPage` out and the component keeps the page
|
|
34
|
+
* itself.
|
|
31
35
|
*
|
|
32
|
-
*
|
|
33
|
-
*
|
|
34
|
-
* @param {number} props.maxPage - The maximum number of pages available.
|
|
35
|
-
* @param {() => void} [props.onBack] - Callback triggered when the "Back" button is clicked.
|
|
36
|
-
* @param {() => void} [props.onNext] - Callback triggered when the "Next" button is clicked.
|
|
36
|
+
* `itemsPerPage` is always controlled: update it from
|
|
37
|
+
* `onItemsPerPageOptionChange`.
|
|
37
38
|
*/
|
|
38
39
|
const Pagination = ({ currentPage: controlledCurrentPage, onCurrentPageChange, numTotalItems, onBack, onNext, itemsPerPageOptions, itemsPerPage, onItemsPerPageOptionChange, ...rest }) => {
|
|
39
40
|
const translate = useTranslate();
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pagination.mjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAWA
|
|
1
|
+
{"version":3,"file":"Pagination.mjs","sources":["../../../src/components/Pagination/Pagination.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":"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"}
|
|
@@ -1,7 +1,16 @@
|
|
|
1
1
|
import { ProgressRootProps as ChakraProgressRootProps } from '@chakra-ui/react';
|
|
2
2
|
export type ProgressBarSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
|
|
3
3
|
export interface ProgressBarProps extends ChakraProgressRootProps {
|
|
4
|
+
/**
|
|
5
|
+
* Fill colour token. `danger.solid` only when the value means a problem
|
|
6
|
+
* (over a limit); otherwise leave the default.
|
|
7
|
+
* @default 'primary.main'
|
|
8
|
+
*/
|
|
4
9
|
filledTrackColor?: string;
|
|
10
|
+
/**
|
|
11
|
+
* Track height: `xs` 4px · `sm` 8px · `md` 16px · `lg` 24px · `xl` 32px.
|
|
12
|
+
* @default 'md'
|
|
13
|
+
*/
|
|
5
14
|
size?: ProgressBarSize;
|
|
6
15
|
/**
|
|
7
16
|
* Work whose length is not known yet: the bar slides across the track instead
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.types.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/D,MAAM,WAAW,gBAAiB,SAAQ,uBAAuB;IAC/D,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
|
|
1
|
+
{"version":3,"file":"ProgressBar.types.d.ts","sourceRoot":"","sources":["../../../src/components/ProgressBar/ProgressBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,kBAAkB,CAAC;AAEhF,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAE/D,MAAM,WAAW,gBAAiB,SAAQ,uBAAuB;IAC/D;;;;OAIG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;;;OAGG;IACH,IAAI,CAAC,EAAE,eAAe,CAAC;IACvB;;;;;;;;OAQG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB"}
|
|
@@ -1,14 +1,34 @@
|
|
|
1
1
|
import { BoxProps } from '@chakra-ui/react';
|
|
2
2
|
export interface Segment {
|
|
3
|
-
/**
|
|
3
|
+
/**
|
|
4
|
+
* Colour token for the arc. Categories take `category.{hue}.fg`; a status
|
|
5
|
+
* colour (`danger.solid`, …) only when the segment means that status. Hex and
|
|
6
|
+
* CSS colour names still render but skip the theme (no dark mode).
|
|
7
|
+
*/
|
|
4
8
|
color: string;
|
|
9
|
+
/** Amount, in the same unit as `total`. */
|
|
5
10
|
value: number;
|
|
6
11
|
}
|
|
7
12
|
export interface RadialProgressProps extends BoxProps {
|
|
13
|
+
/**
|
|
14
|
+
* Diameter in px; stroke, gaps and the centre text scale with it.
|
|
15
|
+
* @default 200
|
|
16
|
+
*/
|
|
8
17
|
size?: number;
|
|
18
|
+
/**
|
|
19
|
+
* The whole the segments are parts of, also shown as the centre number.
|
|
20
|
+
* Nothing renders when it is 0 or less.
|
|
21
|
+
* @default 100
|
|
22
|
+
*/
|
|
9
23
|
total?: number;
|
|
24
|
+
/** Unit after the centre number, e.g. `GB`. */
|
|
10
25
|
unit?: string;
|
|
26
|
+
/**
|
|
27
|
+
* Arcs in order, clockwise from the top. Whatever `total` leaves over is
|
|
28
|
+
* drawn as a `bg.track` arc.
|
|
29
|
+
*/
|
|
11
30
|
segments?: Segment[];
|
|
31
|
+
/** Formats the centre number, e.g. thousands separators. */
|
|
12
32
|
formatTotal?: (value: number) => string | number;
|
|
13
33
|
}
|
|
14
34
|
export interface ProcessedSegment extends Segment {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"RadialProgress.types.d.ts","sourceRoot":"","sources":["../../../src/components/RadialProgress/RadialProgress.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,WAAW,OAAO;IACtB
|
|
1
|
+
{"version":3,"file":"RadialProgress.types.d.ts","sourceRoot":"","sources":["../../../src/components/RadialProgress/RadialProgress.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,MAAM,WAAW,OAAO;IACtB;;;;OAIG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAAoB,SAAQ,QAAQ;IACnD;;;OAGG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,+CAA+C;IAC/C,IAAI,CAAC,EAAE,MAAM,CAAC;IACd;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,EAAE,CAAC;IACrB,4DAA4D;IAC5D,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,GAAG,MAAM,CAAC;CAClD;AAED,MAAM,WAAW,gBAAiB,SAAQ,OAAO;IAC/C,UAAU,EAAE,MAAM,CAAC;IACnB,YAAY,EAAE,OAAO,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,YAAY;IAC3B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;CACb"}
|
|
@@ -6,7 +6,15 @@ import type { ButtonOwnProps } from '../Button/Button.types';
|
|
|
6
6
|
* props minus the role (`variant` / `isDestructive`).
|
|
7
7
|
*/
|
|
8
8
|
export type SeeMoreButtonOwnProps = Omit<ButtonOwnProps, 'variant' | 'isDestructive'> & {
|
|
9
|
+
/**
|
|
10
|
+
* How many items the list shows now. Printed as the first number of
|
|
11
|
+
* `더보기 (currentCount/maxCount)`.
|
|
12
|
+
*/
|
|
9
13
|
currentCount: number;
|
|
14
|
+
/**
|
|
15
|
+
* How many items there are in total. The button does not disable or hide
|
|
16
|
+
* itself when `currentCount` reaches this; the caller does.
|
|
17
|
+
*/
|
|
10
18
|
maxCount: number;
|
|
11
19
|
};
|
|
12
20
|
/**
|