@mindlogic-ai/logician-ui 5.0.0-alpha.3 → 5.0.0-alpha.4
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/Banner/Banner.types.d.ts +24 -1
- package/dist/components/Banner/Banner.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.types.d.ts +4 -1
- package/dist/components/Form/FormModalFooter/FormModalFooter.types.d.ts.map +1 -1
- package/dist/components/LineGraph/LineGraph.d.ts.map +1 -1
- package/dist/components/LineGraph/LineGraph.js +4 -5
- package/dist/components/LineGraph/LineGraph.js.map +1 -1
- package/dist/components/LineGraph/LineGraph.mjs +5 -6
- package/dist/components/LineGraph/LineGraph.mjs.map +1 -1
- package/dist/components/LineGraph/LineGraph.types.d.ts +12 -2
- package/dist/components/LineGraph/LineGraph.types.d.ts.map +1 -1
- package/dist/components/LineGraph/seriesColors.d.ts +12 -8
- package/dist/components/LineGraph/seriesColors.d.ts.map +1 -1
- package/dist/components/LineGraph/seriesColors.js +8 -7
- package/dist/components/LineGraph/seriesColors.js.map +1 -1
- package/dist/components/LineGraph/seriesColors.mjs +8 -7
- package/dist/components/LineGraph/seriesColors.mjs.map +1 -1
- package/dist/components/Masonry/Masonry.types.d.ts +8 -3
- package/dist/components/Masonry/Masonry.types.d.ts.map +1 -1
- package/dist/components/Menu/MenuItem.types.d.ts +8 -0
- package/dist/components/Menu/MenuItem.types.d.ts.map +1 -1
- package/dist/components/Modal/ModalCloseButton.d.ts +1 -1
- package/dist/components/Modal/ModalCloseButton.js +1 -1
- package/dist/components/Modal/ModalCloseButton.mjs +1 -1
- package/dist/components/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/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/theme/colors.d.ts +2 -2
- package/dist/theme/colors.d.ts.map +1 -1
- package/dist/theme/colors.js +22 -2
- package/dist/theme/colors.js.map +1 -1
- package/dist/theme/colors.mjs +23 -3
- package/dist/theme/colors.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/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.stories.tsx +71 -1
- package/src/components/Avatar/Avatar.usage.mdx +166 -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.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 +263 -3
- package/src/components/Button/Button.usage.mdx +342 -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 +201 -0
- package/src/components/Form/FormModalFooter/FormModalFooter.types.ts +4 -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 -16
- package/src/components/Loaders/Loaders.stories.tsx +93 -0
- package/src/components/Loaders/Loaders.usage.mdx +180 -0
- package/src/components/LogicianProvider/LogicianProvider.usage.mdx +98 -0
- package/src/components/Markdown/Markdown.stories.tsx +53 -0
- package/src/components/Markdown/Markdown.usage.mdx +182 -0
- package/src/components/Masonry/Masonry.stories.tsx +63 -1
- package/src/components/Masonry/Masonry.types.ts +8 -3
- package/src/components/Masonry/Masonry.usage.mdx +142 -0
- package/src/components/MaxLengthIndicator/MaxLengthIndicator.stories.tsx +57 -0
- package/src/components/MaxLengthIndicator/MaxLengthIndicator.usage.mdx +125 -0
- package/src/components/Menu/Menu.stories.tsx +146 -2
- package/src/components/Menu/Menu.usage.mdx +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/Select.stories.tsx +209 -1
- package/src/components/Select/Select.usage.mdx +278 -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/Typography.stories.tsx +117 -0
- package/src/components/Typography/Typography.usage.mdx +251 -0
- package/src/components/Workflow/Workflow.usage.mdx +199 -0
- package/src/components/noRawScales.test.ts +5 -1
- package/src/foundations/BrandColour.mdx +65 -2
- package/src/theme/BazePalette.stories.tsx +111 -1
- package/src/theme/Palette.stories.tsx +2 -2
- package/src/theme/SemanticTokens.mdx +75 -16
- package/src/theme/claude.md +15 -9
- package/src/theme/colors.ts +33 -3
- package/src/theme/contrast.test.ts +32 -0
- package/src/theme/palette.generated.ts +99 -0
- package/src/theme/paletteSwatches.ts +35 -0
|
@@ -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":";;;;;;;;;;;;;;;;;;;;;;;;;AAWA;;;;;;;;;;;;;;AAcG;AACI,MAAM,UAAU,GAAG,CAAC,EACzB,WAAW,EAAE,qBAAqB,EAClC,mBAAmB,EACnB,aAAa,EACb,MAAM,EACN,MAAM,EACN,mBAAmB,EACnB,YAAY,EACZ,0BAA0B,EAC1B,GAAG,IAAI,EACS,KAAI;AACpB,IAAA,MAAM,SAAS,GAAGA,yBAAY,EAAE;IAChC,MAAM,CAAC,uBAAuB,EAAE,0BAA0B,CAAC,GACzDC,cAAQ,CAAS,CAAC,CAAC;IACrB,MAAM,OAAO,GAAGC,aAAO,CACrB,MAAM,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,YAAY,CAAC,EAC7C,CAAC,aAAa,EAAE,YAAY,CAAC,CAC9B;AAED,IAAA,MAAM,WAAW,GAAG,qBAAqB,IAAI,uBAAuB,CAAC;IACrE,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,0BAA0B,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC;AAC3D,QAAA,IAAI,MAAM,IAAI,WAAW,GAAG,CAAC,EAAE;;AAE7B,YAAA,MAAM,EAAE;QACV;AACF,IAAA,CAAC;IAED,MAAM,UAAU,GAAG,MAAK;AACtB,QAAA,0BAA0B,CAAC,CAAC,IAAI,KAAK,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,OAAO,CAAC,CAAC;AACjE,QAAA,IAAI,MAAM,IAAI,WAAW,GAAG,OAAO,EAAE;;AAEnC,YAAA,MAAM,EAAE;QACV;AACF,IAAA,CAAC;AAED,IAAA,MAAM,8BAA8B,GAAG,CAAC,eAA8B,KAAI;AACxE,QAAA,IAAI,eAAe,IAAI,IAAI,EAAE;AAC3B,YAAA,0BAA0B,GAAG,eAAe,CAAC;YAE7C,MAAM,UAAU,GAAG,IAAI,CAAC,IAAI,CAAC,aAAa,GAAG,eAAe,CAAC;;AAG7D,YAAA,IAAI,WAAW,GAAG,UAAU,EAAE;gBAC5B,0BAA0B,CAAC,UAAU,CAAC;AACtC,gBAAA,mBAAmB,GAAG,UAAU,CAAC;YACnC;QACF;AACF,IAAA,CAAC;IAED,QACEC,eAAA,CAACC,UAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,OAAO,EAAC,eAAe,EAAC,CAAC,EAAC,MAAM,EAAA,GAAK,IAAI,EAAA,QAAA,EAAA,CAC5DC,cAAA,CAACD,UAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EACxB,mBAAmB,KAClBD,eAAA,CAACC,UAAI,EAAA,EAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CACzBC,cAAA,CAACC,uBAAW,EAAA,EACV,IAAI,EAAC,IAAI,EACT,KAAK,EAAC,QAAQ;;;;;AAKd,4BAAA,SAAS,EAAE,SAAS,CAAC,2BAA2B,CAAW,EAC3D,OAAO,EAAE,mBAAmB,CAAC,GAAG,CAAC,CAAC,MAAM,MAAM;AAC5C,gCAAA,KAAK,EAAE,MAAM,CAAC,QAAQ,EAAE;AACxB,gCAAA,KAAK,EAAE,MAAM;AACd,6BAAA,CAAC,CAAC,EACH,KAAK,EAAE,YAAY,EACnB,QAAQ,EAAE,8BAA8B,GACxC,EACFD,cAAA,CAACE,eAAO,EAAA,EAAC,UAAU,EAAC,QAAQ,EAAA,QAAA,EACzB,SAAS,CAAC,2BAA2B,CAAC,EAAA,CAC/B,CAAA,EAAA,CACL,CACR,EAAA,CACI,EACPJ,eAAA,CAACC,UAAI,IAAC,KAAK,EAAC,QAAQ,EAAC,GAAG,EAAE,CAAC,EAAA,QAAA,EAAA,CACzBD,eAAA,CAACK,iBAAQ,EAAA,EAAA,QAAA,EAAA,CACN,WAAW,EAAA,KAAA,EAAK,OAAO,CAAA,EAAA,CACf,EACV,OAAO,GAAG,CAAC,KACVL,eAAA,CAACC,UAAI,IAAC,KAAK,EAAC,QAAQ,EAAA,QAAA,EAAA,CAClBC,eAACI,qBAAU,EAAA,EACT,OAAO,EAAC,OAAO,EAAA,YAAA,EACH,SAAS,CAAC,UAAU,CAAW,EAC3C,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,WAAW,IAAI,CAAC,EAC1B,KAAK,EAAE,WAAW,KAAK,CAAC,GAAG,WAAW,GAAG,UAAU,EAAA,QAAA,EAEnDJ,cAAA,CAACK,qBAAe,EAAA,EAAC,OAAO,EAAC,IAAI,EAAA,CAAG,EAAA,CACrB,EACbL,cAAA,CAACI,qBAAU,EAAA,EACT,OAAO,EAAC,OAAO,EAAA,YAAA,EACH,SAAS,CAAC,qBAAqB,CAAW,EACtD,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,WAAW,IAAI,OAAO,EAChC,KAAK,EAAE,WAAW,KAAK,OAAO,GAAG,WAAW,GAAG,UAAU,EAAA,QAAA,EAEzDJ,cAAA,CAACM,sBAAgB,IAAC,OAAO,EAAC,IAAI,EAAA,CAAG,GACtB,CAAA,EAAA,CACR,CACR,CAAA,EAAA,CACI,CAAA,EAAA,CACF;AAEX;;;;"}
|
|
@@ -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
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SeeMoreButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,cAAc,EACd,SAAS,GAAG,eAAe,CAC5B,GAAG;IACF,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,kBAAkB,CAAC,QAAQ,SAAS,WAAW,GAAG,QAAQ,IACpE,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC"}
|
|
1
|
+
{"version":3,"file":"SeeMoreButton.types.d.ts","sourceRoot":"","sources":["../../../src/components/SeeMoreButton/SeeMoreButton.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;AAGzC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAChE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,wBAAwB,CAAC;AAE7D;;;GAGG;AACH,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,cAAc,EACd,SAAS,GAAG,eAAe,CAC5B,GAAG;IACF;;;OAGG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;;OAGG;IACH,QAAQ,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,kBAAkB,CAAC,QAAQ,SAAS,WAAW,GAAG,QAAQ,IACpE,gBAAgB,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKhD,OAAO,EACL,sBAAsB,EAEvB,MAAM,0BAA0B,CAAC;AAkBlC,eAAO,MAAM,gBAAgB;;;;
|
|
1
|
+
{"version":3,"file":"SegmentedControl.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAKhD,OAAO,EACL,sBAAsB,EAEvB,MAAM,0BAA0B,CAAC;AAkBlC,eAAO,MAAM,gBAAgB;;;;kDAkI3B,CAAC"}
|
|
@@ -40,18 +40,17 @@ const SegmentedControl = React.forwardRef(function SegmentedControl(props, ref)
|
|
|
40
40
|
onSelect(details.value);
|
|
41
41
|
}
|
|
42
42
|
}, size: size,
|
|
43
|
-
// Track is bg.subtle
|
|
44
|
-
//
|
|
45
|
-
//
|
|
46
|
-
// above the track in both modes
|
|
47
|
-
// darker than the track). The indicator also gains a shadow: an md drop
|
|
43
|
+
// Track is bg.subtle and the selected indicator rides on `bg.raised` — a
|
|
44
|
+
// raised neutral surface that resolves white in light and a lighter
|
|
45
|
+
// neutral than the track in dark, so the thumb reads as lifted
|
|
46
|
+
// above the track in both modes. The indicator also gains a shadow: an md drop
|
|
48
47
|
// shadow in light, and in dark — where a drop shadow is invisible on a
|
|
49
48
|
// dark canvas — a soft ambient shadow + a translucent-white hairline edge.
|
|
50
49
|
//
|
|
51
50
|
// The track itself only contrasts where the page wash is darker (light) or
|
|
52
51
|
// lighter (dark) than the fill. It vanishes when the page matches the
|
|
53
|
-
// track: a `bg.sunken` list/overview page
|
|
54
|
-
//
|
|
52
|
+
// track: a `bg.sunken` list/overview page has the same light value as
|
|
53
|
+
// the bg.subtle track — and a `bg.surface` card is lighter than the
|
|
55
54
|
// track in dark. In either case the control would read as floating text,
|
|
56
55
|
// so a hairline ring defines its bounds on *any* background: a neutral
|
|
57
56
|
// `border.default` ring in light, a translucent-white ring in dark. (The
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","SegmentGroup","mergeCss","_jsx","indicatorTravel"],"mappings":";;;;;;;;;AAWA;AACA,MAAM,cAAc,GAA2B;AAC7C,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;CACT;AAED;AACA,MAAM,gBAAgB,GAA2B;IAC/C,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR;AAEM,MAAM,gBAAgB,GAAGA,gBAAU,CAGxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAA;IACpC,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,IAAI,EACnB,GAAG,EACH,GAAG,IAAI,EACR,GAAG,KAAK;IAET,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAc,CAAC,IAAI,IAAI;IACvD,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAc,CAAC,IAAI,GAAG;;IAG1D,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAA8B,MAAM;QAC7D,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;AAC1B,KAAA,CAAC,CAAC;;AAGH,IAAA,MAAM,eAAe,GACnB,OAAO,YAAY,KAAK;UACpB,CAAA,mBAAA,EAAsB,YAAY,CAAA,CAAA;UAClC,YAAY;AAElB,IAAA,QACEC,eAAA,CAACC,kBAAY,CAAC,IAAI,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAC/C,aAAa,EAAE,CAAC,OAA0B,KAAI;YAC5C,IAAI,QAAQ,EAAE;AACZ,gBAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;YACzB;QACF,CAAC,EACD,IAAI,EAAE,IAAI
|
|
1
|
+
{"version":3,"file":"SegmentedControl.js","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["forwardRef","_jsxs","SegmentGroup","mergeCss","_jsx","indicatorTravel"],"mappings":"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"}
|
|
@@ -38,18 +38,17 @@ const SegmentedControl = forwardRef(function SegmentedControl(props, ref) {
|
|
|
38
38
|
onSelect(details.value);
|
|
39
39
|
}
|
|
40
40
|
}, size: size,
|
|
41
|
-
// Track is bg.subtle
|
|
42
|
-
//
|
|
43
|
-
//
|
|
44
|
-
// above the track in both modes
|
|
45
|
-
// darker than the track). The indicator also gains a shadow: an md drop
|
|
41
|
+
// Track is bg.subtle and the selected indicator rides on `bg.raised` — a
|
|
42
|
+
// raised neutral surface that resolves white in light and a lighter
|
|
43
|
+
// neutral than the track in dark, so the thumb reads as lifted
|
|
44
|
+
// above the track in both modes. The indicator also gains a shadow: an md drop
|
|
46
45
|
// shadow in light, and in dark — where a drop shadow is invisible on a
|
|
47
46
|
// dark canvas — a soft ambient shadow + a translucent-white hairline edge.
|
|
48
47
|
//
|
|
49
48
|
// The track itself only contrasts where the page wash is darker (light) or
|
|
50
49
|
// lighter (dark) than the fill. It vanishes when the page matches the
|
|
51
|
-
// track: a `bg.sunken` list/overview page
|
|
52
|
-
//
|
|
50
|
+
// track: a `bg.sunken` list/overview page has the same light value as
|
|
51
|
+
// the bg.subtle track — and a `bg.surface` card is lighter than the
|
|
53
52
|
// track in dark. In either case the control would read as floating text,
|
|
54
53
|
// so a hairline ring defines its bounds on *any* background: a neutral
|
|
55
54
|
// `border.default` ring in light, a translucent-white ring in dark. (The
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedControl.mjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAWA;AACA,MAAM,cAAc,GAA2B;AAC7C,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;CACT;AAED;AACA,MAAM,gBAAgB,GAA2B;IAC/C,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR;AAEM,MAAM,gBAAgB,GAAG,UAAU,CAGxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAA;IACpC,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,IAAI,EACnB,GAAG,EACH,GAAG,IAAI,EACR,GAAG,KAAK;IAET,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAc,CAAC,IAAI,IAAI;IACvD,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAc,CAAC,IAAI,GAAG;;IAG1D,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAA8B,MAAM;QAC7D,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;AAC1B,KAAA,CAAC,CAAC;;AAGH,IAAA,MAAM,eAAe,GACnB,OAAO,YAAY,KAAK;UACpB,CAAA,mBAAA,EAAsB,YAAY,CAAA,CAAA;UAClC,YAAY;AAElB,IAAA,QACEA,IAAA,CAAC,YAAY,CAAC,IAAI,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAC/C,aAAa,EAAE,CAAC,OAA0B,KAAI;YAC5C,IAAI,QAAQ,EAAE;AACZ,gBAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;YACzB;QACF,CAAC,EACD,IAAI,EAAE,IAAI
|
|
1
|
+
{"version":3,"file":"SegmentedControl.mjs","sources":["../../../src/components/SegmentedControl/SegmentedControl.tsx"],"sourcesContent":[null],"names":["_jsxs","_jsx"],"mappings":";;;;;;;AAWA;AACA,MAAM,cAAc,GAA2B;AAC7C,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;AACR,IAAA,EAAE,EAAE,IAAI;CACT;AAED;AACA,MAAM,gBAAgB,GAA2B;IAC/C,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;IACP,EAAE,EAAE,GAAG;CACR;AAEM,MAAM,gBAAgB,GAAG,UAAU,CAGxC,SAAS,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAA;IACpC,MAAM,EACJ,OAAO,EACP,KAAK,EACL,QAAQ,EACR,YAAY,EACZ,IAAI,GAAG,IAAI,EACX,YAAY,GAAG,IAAI,EACnB,GAAG,EACH,GAAG,IAAI,EACR,GAAG,KAAK;IAET,MAAM,QAAQ,GAAG,cAAc,CAAC,IAAc,CAAC,IAAI,IAAI;IACvD,MAAM,UAAU,GAAG,gBAAgB,CAAC,IAAc,CAAC,IAAI,GAAG;;IAG1D,MAAM,KAAK,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,MAA8B,MAAM;QAC7D,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,KAAK,EAAE,MAAM,CAAC,KAAK;QACnB,QAAQ,EAAE,MAAM,CAAC,QAAQ;AAC1B,KAAA,CAAC,CAAC;;AAGH,IAAA,MAAM,eAAe,GACnB,OAAO,YAAY,KAAK;UACpB,CAAA,mBAAA,EAAsB,YAAY,CAAA,CAAA;UAClC,YAAY;AAElB,IAAA,QACEA,IAAA,CAAC,YAAY,CAAC,IAAI,EAAA,EAChB,GAAG,EAAE,GAAG,EACR,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,IAAI,OAAO,CAAC,CAAC,CAAC,EAAE,KAAK,EAC/C,aAAa,EAAE,CAAC,OAA0B,KAAI;YAC5C,IAAI,QAAQ,EAAE;AACZ,gBAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,CAAC;YACzB;QACF,CAAC,EACD,IAAI,EAAE,IAAI;;;;;;;;;;;;;;;;;;;;;;QAsBV,EAAE,EAAC,WAAW,EACd,CAAC,EAAC,GAAG,EACL,YAAY,EAAE,YAAY,EAC1B,CAAC,EAAC,aAAa,EAAA,GACX,IAAI,EACR,GAAG,EAAE,QAAQ,CACX;AACE,YAAA,wBAAwB,EAAE,CAAA,8BAAA,CAAgC;AAC1D,YAAA,4BAA4B,EAAE,CAAA,wBAAA,CAA0B;AACxD,YAAA,SAAS,EAAE,+CAA+C;AAC1D,YAAA,SAAS,EAAE;AACT,gBAAA,4BAA4B,EAC1B,oEAAoE;AACtE,gBAAA,SAAS,EAAE,qCAAqC;AACjD,aAAA;SACF,EACD,GAAG,CACJ,EAAA,QAAA,EAAA,CAEDC,GAAA,CAAC,YAAY,CAAC,SAAS,EAAA,EACrB,YAAY,EAAE,eAAe;;;gBAG7B,GAAG,EAAE,eAAe,EAAA,CACpB,EACD,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,MACdD,IAAA,CAAC,YAAY,CAAC,IAAI,EAAA,EAEhB,KAAK,EAAE,IAAI,CAAC,KAAK,EACjB,QAAQ,EAAE,IAAI,CAAC,QAAQ,EACvB,MAAM,EAAE,IAAI,CAAC,QAAQ,GAAG,aAAa,GAAG,SAAS,EACjD,IAAI,EAAC,GAAG,EACR,MAAM,EAAE,UAAU,EAClB,MAAM,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE,EAAA,QAAA,EAAA,CAE7BC,GAAA,CAAC,YAAY,CAAC,QAAQ,EAAA,EAAA,WAAA,EACT,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,GAAG,IAAI,CAAC,KAAK,GAAG,SAAS,EAClE,KAAK,EAAC,UAAU,EAChB,UAAU,EAAC,KAAK,EAChB,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAC,QAAQ,EACnB,OAAO,EAAC,aAAa,EACrB,aAAa,EAAC,QAAQ,EACtB,UAAU,EAAC,QAAQ,EACnB,GAAG,EAAE;AACH,4BAAA,UAAU,EAAE;AACV,gCAAA,OAAO,EAAE,iBAAiB;AAC1B,gCAAA,UAAU,EAAE,KAAK;AACjB,gCAAA,MAAM,EAAE,GAAG;AACX,gCAAA,UAAU,EAAE,QAAQ;AACpB,gCAAA,QAAQ,EAAE,QAAQ;AAClB,gCAAA,UAAU,EAAE,MAAM;AAClB,gCAAA,aAAa,EAAE,MAAM;AACtB,6BAAA;AACD,4BAAA,0BAA0B,EAAE;AAC1B,gCAAA,KAAK,EAAE,iCAAiC;AACxC,gCAAA,UAAU,EAAE,KAAK;AAClB,6BAAA;AACF,yBAAA,EAAA,QAAA,EAEA,IAAI,CAAC,KAAK,GACW,EACxBA,GAAA,CAAC,YAAY,CAAC,eAAe,KAAG,CAAA,EAAA,EAnC3B,IAAI,CAAC,KAAK,CAoCG,CACrB,CAAC,CAAA,EAAA,CACgB;AAExB,CAAC;AAED,gBAAgB,CAAC,WAAW,GAAG,kBAAkB;;;;"}
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { BoxProps } from '@chakra-ui/react';
|
|
2
2
|
import { ProgressBarProps } from '../ProgressBar/ProgressBar.types';
|
|
3
3
|
export type SegmentedProgressBarProps = BoxProps & {
|
|
4
|
+
/** The whole; each segment's width is `value / max`. */
|
|
4
5
|
max: number;
|
|
5
6
|
};
|
|
6
7
|
export type ProgressSegmentProps = ProgressBarProps & {
|
|
8
|
+
/** This part's amount, in the same unit as the bar's `max`. */
|
|
7
9
|
value: number;
|
|
8
10
|
};
|
|
9
11
|
//# sourceMappingURL=SegmentedProgressBar.types.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SegmentedProgressBar.types.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedProgressBar/SegmentedProgressBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG;IACjD,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IACpD,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}
|
|
1
|
+
{"version":3,"file":"SegmentedProgressBar.types.d.ts","sourceRoot":"","sources":["../../../src/components/SegmentedProgressBar/SegmentedProgressBar.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kCAAkC,CAAC;AAEpE,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG;IACjD,wDAAwD;IACxD,GAAG,EAAE,MAAM,CAAC;CACb,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG,gBAAgB,GAAG;IACpD,+DAA+D;IAC/D,KAAK,EAAE,MAAM,CAAC;CACf,CAAC"}
|
|
@@ -5,8 +5,12 @@ import type { ToastStatus } from './Toast.types';
|
|
|
5
5
|
*
|
|
6
6
|
* Each status is bg `{s}.bg` + text `{s}.fg` + a 1px `{s}.border` outline —
|
|
7
7
|
* `info` reads its own `info.*` family instead of borrowing `primary.*`.
|
|
8
|
-
* `neutral` carries no status (it is the default when none is given)
|
|
9
|
-
* `
|
|
8
|
+
* `neutral` carries no status (it is the default when none is given) and is
|
|
9
|
+
* inverted: the tooltip pair `tooltip.bg` / `tooltip.fg`. A `bg.surface` toast
|
|
10
|
+
* was white on a white canvas in light mode, set apart only by a 1px border
|
|
11
|
+
* and the shadow — a "링크를 복사했어요" confirmation was easy to miss. The
|
|
12
|
+
* tooltip pair already flips per mode (ink in light, cream in dark), so the
|
|
13
|
+
* toast stays the highest-contrast thing on the page in both.
|
|
10
14
|
*/
|
|
11
15
|
export declare const toastStyles: Record<ToastStatus, BoxProps>;
|
|
12
16
|
/**
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD
|
|
1
|
+
{"version":3,"file":"Toast.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Toast/Toast.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAE5C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAEjD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,WAAW,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CA0BrD,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,iBAAiB,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAiC3D,CAAC;AA0BF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,WAAW,EAAE,QAAQ,CAiCtD,CAAC;AAEF,6EAA6E;AAC7E,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAE3C;;;GAGG;AACH,eAAO,MAAM,qBAAqB,OAAO,CAAC"}
|
|
@@ -6,8 +6,12 @@
|
|
|
6
6
|
*
|
|
7
7
|
* Each status is bg `{s}.bg` + text `{s}.fg` + a 1px `{s}.border` outline —
|
|
8
8
|
* `info` reads its own `info.*` family instead of borrowing `primary.*`.
|
|
9
|
-
* `neutral` carries no status (it is the default when none is given)
|
|
10
|
-
* `
|
|
9
|
+
* `neutral` carries no status (it is the default when none is given) and is
|
|
10
|
+
* inverted: the tooltip pair `tooltip.bg` / `tooltip.fg`. A `bg.surface` toast
|
|
11
|
+
* was white on a white canvas in light mode, set apart only by a 1px border
|
|
12
|
+
* and the shadow — a "링크를 복사했어요" confirmation was easy to miss. The
|
|
13
|
+
* tooltip pair already flips per mode (ink in light, cream in dark), so the
|
|
14
|
+
* toast stays the highest-contrast thing on the page in both.
|
|
11
15
|
*/
|
|
12
16
|
const toastStyles = {
|
|
13
17
|
info: {
|
|
@@ -31,9 +35,9 @@ const toastStyles = {
|
|
|
31
35
|
borderColor: 'danger.border',
|
|
32
36
|
},
|
|
33
37
|
neutral: {
|
|
34
|
-
bg: 'bg
|
|
35
|
-
color: 'fg
|
|
36
|
-
borderColor: '
|
|
38
|
+
bg: 'tooltip.bg',
|
|
39
|
+
color: 'tooltip.fg',
|
|
40
|
+
borderColor: 'tooltip.bg',
|
|
37
41
|
},
|
|
38
42
|
};
|
|
39
43
|
/**
|
|
@@ -67,9 +71,11 @@ const closeButtonStyles = {
|
|
|
67
71
|
},
|
|
68
72
|
},
|
|
69
73
|
neutral: {
|
|
70
|
-
color: 'fg
|
|
74
|
+
color: 'tooltip.fg',
|
|
71
75
|
_hover: {
|
|
72
|
-
|
|
76
|
+
// A tint of the toast's own text colour: no surface token sits on the
|
|
77
|
+
// inverted ground in both modes.
|
|
78
|
+
bg: 'color-mix(in srgb, var(--chakra-colors-tooltip-fg) 16%, transparent)',
|
|
73
79
|
},
|
|
74
80
|
},
|
|
75
81
|
};
|
|
@@ -123,9 +129,11 @@ const actionStyles = {
|
|
|
123
129
|
},
|
|
124
130
|
neutral: {
|
|
125
131
|
...actionBase,
|
|
126
|
-
color: 'fg
|
|
127
|
-
_hover: {
|
|
128
|
-
|
|
132
|
+
color: 'tooltip.fg',
|
|
133
|
+
_hover: {
|
|
134
|
+
bg: 'color-mix(in srgb, var(--chakra-colors-tooltip-fg) 16%, transparent)',
|
|
135
|
+
},
|
|
136
|
+
_focusVisible: { outline: '2px solid', outlineColor: 'tooltip.fg' },
|
|
129
137
|
},
|
|
130
138
|
};
|
|
131
139
|
/** Default duration (ms) of a toast without an action, when none is given */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.styles.js","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA
|
|
1
|
+
{"version":3,"file":"Toast.styles.js","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";;;AAIA;;;;;;;;;;;AAWG;AACI,MAAM,WAAW,GAAkC;AACxD,IAAA,IAAI,EAAE;AACJ,QAAA,EAAE,EAAE,SAAS;AACb,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,WAAW,EAAE,aAAa;AAC3B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,YAAY;AAChB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,WAAW,EAAE,gBAAgB;AAC9B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,YAAY;AAChB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,WAAW,EAAE,gBAAgB;AAC9B,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,EAAE,EAAE,WAAW;AACf,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,WAAW,EAAE,eAAe;AAC7B,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,EAAE,EAAE,YAAY;AAChB,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,WAAW,EAAE,YAAY;AAC1B,KAAA;;AAGH;;;;AAIG;AACI,MAAM,iBAAiB,GAAkC;AAC9D,IAAA,IAAI,EAAE;AACJ,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,aAAa;AAClB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,gBAAgB;AACrB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,gBAAgB;AACrB,SAAA;AACF,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,eAAe;AACpB,SAAA;AACF,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,MAAM,EAAE;;;AAGN,YAAA,EAAE,EAAE,sEAAsE;AAC3E,SAAA;AACF,KAAA;;AAGH;;;;;;;;;;AAUG;AACH,MAAM,UAAU,GAAa;AAC3B,IAAA,UAAU,EAAE,MAAM;AAClB,IAAA,EAAE,EAAE,CAAC;AACL,IAAA,EAAE,EAAE,CAAC;IACL,EAAE,EAAE,EAAE;AACN,IAAA,MAAM,EAAE,MAAM;AACd,IAAA,SAAS,EAAE,YAAY;AACvB,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,WAAW,EAAE,CAAC;AACd,IAAA,EAAE,EAAE,aAAa;AACjB,IAAA,MAAM,EAAE,SAAS;CAClB;AAEM,MAAM,YAAY,GAAkC;AACzD,IAAA,IAAI,EAAE;AACJ,QAAA,GAAG,UAAU;AACb,QAAA,KAAK,EAAE,SAAS;AAChB,QAAA,MAAM,EAAE,EAAE,EAAE,EAAE,aAAa,EAAE;QAC7B,aAAa,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,SAAS,EAAE;AACjE,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,GAAG,UAAU;AACb,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,MAAM,EAAE,EAAE,EAAE,EAAE,gBAAgB,EAAE;QAChC,aAAa,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE;AACpE,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,GAAG,UAAU;AACb,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,MAAM,EAAE,EAAE,EAAE,EAAE,gBAAgB,EAAE;QAChC,aAAa,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE;AACpE,KAAA;AACD,IAAA,KAAK,EAAE;AACL,QAAA,GAAG,UAAU;AACb,QAAA,KAAK,EAAE,WAAW;AAClB,QAAA,MAAM,EAAE,EAAE,EAAE,EAAE,eAAe,EAAE;QAC/B,aAAa,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,WAAW,EAAE;AACnE,KAAA;AACD,IAAA,OAAO,EAAE;AACP,QAAA,GAAG,UAAU;AACb,QAAA,KAAK,EAAE,YAAY;AACnB,QAAA,MAAM,EAAE;AACN,YAAA,EAAE,EAAE,sEAAsE;AAC3E,SAAA;QACD,aAAa,EAAE,EAAE,OAAO,EAAE,WAAW,EAAE,YAAY,EAAE,YAAY,EAAE;AACpE,KAAA;;AAGH;AACO,MAAM,sBAAsB,GAAG;AAEtC;;;AAGG;AACI,MAAM,qBAAqB,GAAG;;;;;;;;"}
|
|
@@ -4,8 +4,12 @@
|
|
|
4
4
|
*
|
|
5
5
|
* Each status is bg `{s}.bg` + text `{s}.fg` + a 1px `{s}.border` outline —
|
|
6
6
|
* `info` reads its own `info.*` family instead of borrowing `primary.*`.
|
|
7
|
-
* `neutral` carries no status (it is the default when none is given)
|
|
8
|
-
* `
|
|
7
|
+
* `neutral` carries no status (it is the default when none is given) and is
|
|
8
|
+
* inverted: the tooltip pair `tooltip.bg` / `tooltip.fg`. A `bg.surface` toast
|
|
9
|
+
* was white on a white canvas in light mode, set apart only by a 1px border
|
|
10
|
+
* and the shadow — a "링크를 복사했어요" confirmation was easy to miss. The
|
|
11
|
+
* tooltip pair already flips per mode (ink in light, cream in dark), so the
|
|
12
|
+
* toast stays the highest-contrast thing on the page in both.
|
|
9
13
|
*/
|
|
10
14
|
const toastStyles = {
|
|
11
15
|
info: {
|
|
@@ -29,9 +33,9 @@ const toastStyles = {
|
|
|
29
33
|
borderColor: 'danger.border',
|
|
30
34
|
},
|
|
31
35
|
neutral: {
|
|
32
|
-
bg: 'bg
|
|
33
|
-
color: 'fg
|
|
34
|
-
borderColor: '
|
|
36
|
+
bg: 'tooltip.bg',
|
|
37
|
+
color: 'tooltip.fg',
|
|
38
|
+
borderColor: 'tooltip.bg',
|
|
35
39
|
},
|
|
36
40
|
};
|
|
37
41
|
/**
|
|
@@ -65,9 +69,11 @@ const closeButtonStyles = {
|
|
|
65
69
|
},
|
|
66
70
|
},
|
|
67
71
|
neutral: {
|
|
68
|
-
color: 'fg
|
|
72
|
+
color: 'tooltip.fg',
|
|
69
73
|
_hover: {
|
|
70
|
-
|
|
74
|
+
// A tint of the toast's own text colour: no surface token sits on the
|
|
75
|
+
// inverted ground in both modes.
|
|
76
|
+
bg: 'color-mix(in srgb, var(--chakra-colors-tooltip-fg) 16%, transparent)',
|
|
71
77
|
},
|
|
72
78
|
},
|
|
73
79
|
};
|
|
@@ -121,9 +127,11 @@ const actionStyles = {
|
|
|
121
127
|
},
|
|
122
128
|
neutral: {
|
|
123
129
|
...actionBase,
|
|
124
|
-
color: 'fg
|
|
125
|
-
_hover: {
|
|
126
|
-
|
|
130
|
+
color: 'tooltip.fg',
|
|
131
|
+
_hover: {
|
|
132
|
+
bg: 'color-mix(in srgb, var(--chakra-colors-tooltip-fg) 16%, transparent)',
|
|
133
|
+
},
|
|
134
|
+
_focusVisible: { outline: '2px solid', outlineColor: 'tooltip.fg' },
|
|
127
135
|
},
|
|
128
136
|
};
|
|
129
137
|
/** Default duration (ms) of a toast without an action, when none is given */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toast.styles.mjs","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":";AAIA
|
|
1
|
+
{"version":3,"file":"Toast.styles.mjs","sources":["../../../src/components/Toast/Toast.styles.ts"],"sourcesContent":[null],"names":[],"mappings":"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"}
|
package/dist/theme/colors.d.ts
CHANGED
|
@@ -24,7 +24,7 @@ type TokenTree = {
|
|
|
24
24
|
*/
|
|
25
25
|
export declare const colors: Record<string, Record<string, TokenValue> | TokenValue>;
|
|
26
26
|
/** Exposed for tests and docs: every role token generated from the scheme table. */
|
|
27
|
-
export declare const ROLE_TOKEN_PATHS: Record<"track" | "bg-canvas" | "layer-1" | "layer-1-hover" | "layer-1-active" | "layer-2" | "layer-2-hover" | "layer-2-active" | "layer-3" | "layer-3-hover" | "layer-3-active" | "bg-subtle" | "bg-surface" | "bg-muted" | "border-subtle" | "border-default" | "border-strong" | "fg-default" | "fg-muted" | "fg-subtle" | "fg-icon" | "fg-placeholder" | "fg-onPrimary" | "primary-main" | "primary-hover" | "primary-active" | "primary-wash" | "primary-washActive" | "primary-selected" | "secondary-surface" | "secondary-surfaceStrong" | "secondary-border" | "secondary-fg" | "secondary-fgStrong" | "action-mark" | "action-iconOnSolid" | "action-bg" | "action-bgHover" | "action-bgActive" | "action-fg" | "action-border" | "send-bg" | "send-bgHover" | "send-bgActive" | "send-fg" | "count-bg" | "count-fg" | "disabled-bg" | "disabled-fg" | "fg-link" | "fg-linkHover" | "focus" | "danger-bg" | "danger-border" | "danger-fg" | "danger-solid" | "danger-solidHover" | "danger-solidActive" | "danger-onSolid" | "success-bg" | "success-border" | "success-fg" | "success-solid" | "success-onSolid" | "warning-bg" | "warning-border" | "warning-fg" | "warning-solid" | "warning-onSolid" | "info-bg" | "info-border" | "info-fg" | "info-solid" | "info-onSolid" | "tooltip-bg" | "tooltip-fg" | "border-control", string>;
|
|
27
|
+
export declare const ROLE_TOKEN_PATHS: Record<"track" | "bg-canvas" | "layer-1" | "layer-1-hover" | "layer-1-active" | "layer-2" | "layer-2-hover" | "layer-2-active" | "layer-3" | "layer-3-hover" | "layer-3-active" | "bg-subtle" | "bg-surface" | "bg-muted" | "border-subtle" | "border-default" | "border-strong" | "fg-default" | "fg-muted" | "fg-subtle" | "fg-icon" | "fg-placeholder" | "fg-onPrimary" | "primary-main" | "primary-hover" | "primary-active" | "primary-wash" | "primary-washActive" | "primary-selected" | "secondary-surface" | "secondary-surfaceStrong" | "secondary-border" | "secondary-fg" | "secondary-fgStrong" | "action-mark" | "action-iconOnSolid" | "action-bg" | "action-bgHover" | "action-bgActive" | "action-fg" | "action-border" | "send-bg" | "send-bgHover" | "send-bgActive" | "send-fg" | "count-bg" | "count-fg" | "disabled-bg" | "disabled-fg" | "fg-link" | "fg-linkHover" | "focus" | "danger-bg" | "danger-border" | "danger-fg" | "danger-solid" | "danger-solidHover" | "danger-solidActive" | "danger-onSolid" | "success-bg" | "success-border" | "success-fg" | "success-solid" | "success-onSolid" | "warning-bg" | "warning-border" | "warning-fg" | "warning-solid" | "warning-onSolid" | "info-bg" | "info-border" | "info-fg" | "info-solid" | "info-onSolid" | "tooltip-bg" | "tooltip-fg" | "data-1" | "data-2" | "data-3" | "data-4" | "diverging-pos-1" | "diverging-pos-2" | "diverging-pos-3" | "diverging-neg-1" | "diverging-neg-2" | "diverging-neg-3" | "diverging-mid" | "border-control", string>;
|
|
28
28
|
/**
|
|
29
29
|
* Build the semantic colour tokens for one neutral/secondary choice.
|
|
30
30
|
* `createLogicianTheme` calls this; the default export below is BAZE.
|
|
@@ -45,7 +45,7 @@ type StatusFamily = 'danger' | 'success' | 'warning' | 'info';
|
|
|
45
45
|
* beside `PATHS` so a rename is a visible diff. Internal `scheme.*` helpers and
|
|
46
46
|
* the bare `bg`/`fg`/`border` DEFAULTs are deliberately absent.
|
|
47
47
|
*/
|
|
48
|
-
export type SemanticColorToken = `neutral.${Step}` | `secondary.${Step}` | `bg.${'canvas' | 'surface' | 'raised' | 'subtle' | 'muted' | 'sunken' | 'track' | 'inverse' | 'panel' | 'highlighted'}` | 'bg.invalid.subtle' | `layer.${1 | 2 | 3}` | `layer.${1 | 2 | 3}.${'hover' | 'active'}` | `fg.${'default' | 'emphasized' | 'muted' | 'subtle' | 'icon' | 'placeholder' | 'onPrimary' | 'link' | 'linkHover' | 'inverse'}` | `border.${'subtle' | 'default' | 'strong' | 'control'}` | `primary.${'main' | 'hover' | 'active' | 'wash' | 'washActive' | 'selected'}` | `secondary.${'surface' | 'surfaceStrong' | 'border' | 'fg' | 'fgStrong'}` | `action.${'mark' | 'iconOnSolid' | 'bg' | 'bgHover' | 'bgActive' | 'fg' | 'border'}` | `send.${'bg' | 'bgHover' | 'bgActive' | 'fg'}` | `count.${'bg' | 'fg'}` | `disabled.${'bg' | 'fg'}` | 'focus.ring' | `${StatusFamily}.${'bg' | 'border' | 'fg' | 'solid' | 'onSolid'}` | `danger.${'solidHover' | 'solidActive'}` | `tooltip.${'bg' | 'fg'}` | `category.${Hue}.${'surface' | 'fg'}` | DeprecatedSemanticColorToken;
|
|
48
|
+
export type SemanticColorToken = `neutral.${Step}` | `secondary.${Step}` | `bg.${'canvas' | 'surface' | 'raised' | 'subtle' | 'muted' | 'sunken' | 'track' | 'inverse' | 'panel' | 'highlighted'}` | 'bg.invalid.subtle' | `layer.${1 | 2 | 3}` | `layer.${1 | 2 | 3}.${'hover' | 'active'}` | `fg.${'default' | 'emphasized' | 'muted' | 'subtle' | 'icon' | 'placeholder' | 'onPrimary' | 'link' | 'linkHover' | 'inverse'}` | `border.${'subtle' | 'default' | 'strong' | 'control'}` | `primary.${'main' | 'hover' | 'active' | 'wash' | 'washActive' | 'selected'}` | `secondary.${'surface' | 'surfaceStrong' | 'border' | 'fg' | 'fgStrong'}` | `action.${'mark' | 'iconOnSolid' | 'bg' | 'bgHover' | 'bgActive' | 'fg' | 'border'}` | `send.${'bg' | 'bgHover' | 'bgActive' | 'fg'}` | `count.${'bg' | 'fg'}` | `disabled.${'bg' | 'fg'}` | 'focus.ring' | `${StatusFamily}.${'bg' | 'border' | 'fg' | 'solid' | 'onSolid'}` | `danger.${'solidHover' | 'solidActive'}` | `tooltip.${'bg' | 'fg'}` | `category.${Hue}.${'surface' | 'fg'}` | `data.${1 | 2 | 3 | 4}` | `diverging.${'pos' | 'neg'}.${1 | 2 | 3}` | 'diverging.mid' | DeprecatedSemanticColorToken;
|
|
49
49
|
/**
|
|
50
50
|
* @deprecated 4.x names kept as aliases in 5.0 — see `DEPRECATED_COLOR_TOKENS`
|
|
51
51
|
* for the replacement. Removed in 6.0.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"colors.d.ts","sourceRoot":"","sources":["../../src/theme/colors.ts"],"names":[],"mappings":"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"}
|