@causw/core 0.0.15 → 0.0.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +123 -0
- package/dist/components/Avatar/Avatar.d.cts +3 -2
- package/dist/components/Avatar/Avatar.d.cts.map +1 -1
- package/dist/components/Avatar/Avatar.d.mts +2 -2
- package/dist/components/Avatar/Avatar.styles.d.cts +3 -3
- package/dist/components/Avatar/Avatar.styles.d.mts +3 -3
- package/dist/components/Avatar/index.d.cts +2 -0
- package/dist/components/BottomNavigation/BottomNavigation.d.cts +6 -5
- package/dist/components/BottomNavigation/BottomNavigation.d.cts.map +1 -1
- package/dist/components/BottomNavigation/BottomNavigation.d.mts +5 -5
- package/dist/components/BottomNavigation/BottomNavigation.styles.d.mts +3 -3
- package/dist/components/BottomNavigation/index.d.cts +1 -0
- package/dist/components/BottomSheet/BottomSheet.d.cts +6 -6
- package/dist/components/BottomSheet/BottomSheet.d.mts +6 -6
- package/dist/components/BottomSheet/BottomSheet.styles.d.cts +3 -3
- package/dist/components/BottomSheet/BottomSheet.styles.d.mts +3 -3
- package/dist/components/BottomSheet/index.d.cts +1 -0
- package/dist/components/Box/Box.d.cts +1 -0
- package/dist/components/Box/Box.d.cts.map +1 -1
- package/dist/components/Box/index.d.cts +2 -0
- package/dist/components/Button/Button.d.cts +3 -2
- package/dist/components/Button/Button.d.cts.map +1 -1
- package/dist/components/Button/Button.d.mts +2 -2
- package/dist/components/Button/Button.d.mts.map +1 -1
- package/dist/components/Button/Button.styles.cjs +1 -1
- package/dist/components/Button/Button.styles.d.cts +5 -5
- package/dist/components/Button/Button.styles.d.mts +5 -5
- package/dist/components/Button/Button.styles.mjs +1 -1
- package/dist/components/Button/Button.styles.mjs.map +1 -1
- package/dist/components/Button/index.d.cts +1 -0
- package/dist/components/CTAButton/CTAButton.d.cts +3 -2
- package/dist/components/CTAButton/CTAButton.d.cts.map +1 -1
- package/dist/components/CTAButton/CTAButton.styles.cjs +1 -1
- package/dist/components/CTAButton/CTAButton.styles.d.cts +5 -5
- package/dist/components/CTAButton/CTAButton.styles.d.mts +5 -5
- package/dist/components/CTAButton/CTAButton.styles.mjs +1 -1
- package/dist/components/CTAButton/CTAButton.styles.mjs.map +1 -1
- package/dist/components/CTAButton/index.d.cts +1 -0
- package/dist/components/Calendar/Calendar.cjs +2 -2
- package/dist/components/Calendar/Calendar.d.cts +4 -2
- package/dist/components/Calendar/Calendar.d.cts.map +1 -1
- package/dist/components/Calendar/Calendar.d.mts +4 -2
- package/dist/components/Calendar/Calendar.d.mts.map +1 -1
- package/dist/components/Calendar/Calendar.mjs +2 -2
- package/dist/components/Calendar/Calendar.mjs.map +1 -1
- package/dist/components/Calendar/Calendar.styles.d.cts +3 -3
- package/dist/components/Calendar/Calendar.styles.d.mts +3 -3
- package/dist/components/Checkbox/Checkbox.d.cts +6 -4
- package/dist/components/Checkbox/Checkbox.d.cts.map +1 -1
- package/dist/components/Checkbox/Checkbox.d.mts +4 -4
- package/dist/components/Checkbox/Checkbox.styles.d.cts +3 -3
- package/dist/components/Checkbox/index.d.cts +1 -0
- package/dist/components/Chip/Chip.d.cts +3 -2
- package/dist/components/Chip/Chip.d.cts.map +1 -1
- package/dist/components/Chip/Chip.d.mts +2 -2
- package/dist/components/Chip/Chip.styles.cjs +1 -1
- package/dist/components/Chip/Chip.styles.d.cts +3 -3
- package/dist/components/Chip/Chip.styles.d.mts +3 -3
- package/dist/components/Chip/Chip.styles.mjs +1 -1
- package/dist/components/Chip/Chip.styles.mjs.map +1 -1
- package/dist/components/Chip/index.d.cts +2 -0
- package/dist/components/DatePicker/DatePicker.cjs +93 -0
- package/dist/components/DatePicker/DatePicker.d.cts +40 -0
- package/dist/components/DatePicker/DatePicker.d.cts.map +1 -0
- package/dist/components/DatePicker/DatePicker.d.mts +41 -0
- package/dist/components/DatePicker/DatePicker.d.mts.map +1 -0
- package/dist/components/DatePicker/DatePicker.mjs +92 -0
- package/dist/components/DatePicker/DatePicker.mjs.map +1 -0
- package/dist/components/DatePicker/DatePicker.styles.cjs +33 -0
- package/dist/components/DatePicker/DatePicker.styles.d.cts +84 -0
- package/dist/components/DatePicker/DatePicker.styles.d.cts.map +1 -0
- package/dist/components/DatePicker/DatePicker.styles.d.mts +84 -0
- package/dist/components/DatePicker/DatePicker.styles.d.mts.map +1 -0
- package/dist/components/DatePicker/DatePicker.styles.mjs +33 -0
- package/dist/components/DatePicker/DatePicker.styles.mjs.map +1 -0
- package/dist/components/DatePicker/index.d.cts +2 -0
- package/dist/components/DatePicker/index.d.mts +2 -0
- package/dist/components/Dialog/Dialog.d.cts +9 -8
- package/dist/components/Dialog/Dialog.d.cts.map +1 -1
- package/dist/components/Dialog/Dialog.d.mts +5 -5
- package/dist/components/Dialog/Dialog.styles.d.cts +3 -3
- package/dist/components/Dialog/Dialog.styles.d.mts +3 -3
- package/dist/components/Dialog/index.d.cts +2 -0
- package/dist/components/Drawer/Drawer.d.cts +11 -11
- package/dist/components/Drawer/Drawer.d.cts.map +1 -1
- package/dist/components/Drawer/Drawer.d.mts +3 -3
- package/dist/components/Drawer/Drawer.styles.d.cts +3 -3
- package/dist/components/Drawer/Drawer.styles.d.mts +3 -3
- package/dist/components/Drawer/index.d.cts +1 -0
- package/dist/components/Dropdown/Dropdown.d.mts +3 -3
- package/dist/components/Dropdown/Dropdown.styles.d.cts +3 -3
- package/dist/components/Dropdown/Dropdown.styles.d.mts +3 -3
- package/dist/components/Dropdown/Dropdown.styles.d.mts.map +1 -1
- package/dist/components/Dropdown/index.d.cts +2 -0
- package/dist/components/Field/Field.d.cts +6 -5
- package/dist/components/Field/Field.d.cts.map +1 -1
- package/dist/components/Field/Field.d.mts +5 -5
- package/dist/components/Field/index.d.cts +1 -0
- package/dist/components/Flex/Flex.d.cts +1 -0
- package/dist/components/Flex/Flex.d.cts.map +1 -1
- package/dist/components/Flex/index.d.cts +2 -0
- package/dist/components/Float/Float.d.cts +1 -0
- package/dist/components/Float/Float.d.cts.map +1 -1
- package/dist/components/Float/Float.styles.d.mts +3 -3
- package/dist/components/Float/index.d.cts +1 -0
- package/dist/components/FloatingActionButton/FloatingActionButton.d.cts +3 -2
- package/dist/components/FloatingActionButton/FloatingActionButton.d.cts.map +1 -1
- package/dist/components/FloatingActionButton/FloatingActionButton.d.mts +2 -2
- package/dist/components/FloatingActionButton/FloatingActionButton.styles.d.cts +3 -3
- package/dist/components/FloatingActionButton/FloatingActionButton.styles.d.mts +3 -3
- package/dist/components/FloatingActionButton/index.d.cts +1 -0
- package/dist/components/Grid/Grid.d.cts +1 -0
- package/dist/components/Grid/Grid.d.cts.map +1 -1
- package/dist/components/Grid/Grid.styles.d.mts +3 -3
- package/dist/components/Grid/index.d.cts +1 -0
- package/dist/components/HStack/HStack.d.cts +3 -2
- package/dist/components/HStack/HStack.d.cts.map +1 -1
- package/dist/components/HStack/HStack.d.mts +2 -2
- package/dist/components/HStack/index.d.cts +1 -0
- package/dist/components/Modal/Modal.cjs +4 -7
- package/dist/components/Modal/Modal.d.cts +14 -15
- package/dist/components/Modal/Modal.d.cts.map +1 -1
- package/dist/components/Modal/Modal.d.mts +10 -12
- package/dist/components/Modal/Modal.d.mts.map +1 -1
- package/dist/components/Modal/Modal.mjs +4 -7
- package/dist/components/Modal/Modal.mjs.map +1 -1
- package/dist/components/Modal/Modal.styles.cjs +15 -26
- package/dist/components/Modal/Modal.styles.d.cts +3 -39
- package/dist/components/Modal/Modal.styles.d.cts.map +1 -1
- package/dist/components/Modal/Modal.styles.d.mts +0 -36
- package/dist/components/Modal/Modal.styles.d.mts.map +1 -1
- package/dist/components/Modal/Modal.styles.mjs +15 -26
- package/dist/components/Modal/Modal.styles.mjs.map +1 -1
- package/dist/components/Modal/index.d.cts +2 -0
- package/dist/components/Primitive/Primitive.d.cts +16 -16
- package/dist/components/Primitive/Primitive.d.mts +16 -16
- package/dist/components/Primitive/index.d.cts +1 -0
- package/dist/components/PullToRefresh/PullToRefresh.cjs +79 -0
- package/dist/components/PullToRefresh/PullToRefresh.d.cts +20 -0
- package/dist/components/PullToRefresh/PullToRefresh.d.cts.map +1 -0
- package/dist/components/PullToRefresh/PullToRefresh.d.mts +20 -0
- package/dist/components/PullToRefresh/PullToRefresh.d.mts.map +1 -0
- package/dist/components/PullToRefresh/PullToRefresh.mjs +78 -0
- package/dist/components/PullToRefresh/PullToRefresh.mjs.map +1 -0
- package/dist/components/PullToRefresh/PullToRefresh.styles.cjs +12 -0
- package/dist/components/PullToRefresh/PullToRefresh.styles.d.cts +46 -0
- package/dist/components/PullToRefresh/PullToRefresh.styles.d.cts.map +1 -0
- package/dist/components/PullToRefresh/PullToRefresh.styles.d.mts +46 -0
- package/dist/components/PullToRefresh/PullToRefresh.styles.d.mts.map +1 -0
- package/dist/components/PullToRefresh/PullToRefresh.styles.mjs +12 -0
- package/dist/components/PullToRefresh/PullToRefresh.styles.mjs.map +1 -0
- package/dist/components/PullToRefresh/index.d.cts +1 -0
- package/dist/components/PullToRefresh/index.d.mts +1 -0
- package/dist/components/Radio/Radio.d.cts +4 -3
- package/dist/components/Radio/Radio.d.cts.map +1 -1
- package/dist/components/Radio/index.d.cts +1 -0
- package/dist/components/RatioChart/RatioChart.d.cts +5 -5
- package/dist/components/RatioChart/RatioChart.d.mts +5 -5
- package/dist/components/RatioChart/RatioChartEditor.d.cts +2 -2
- package/dist/components/RatioChart/RatioChartEditor.d.mts +2 -2
- package/dist/components/RatioChart/index.d.cts +2 -0
- package/dist/components/Select/Select.d.mts +5 -5
- package/dist/components/Select/Select.styles.d.cts +3 -3
- package/dist/components/Select/index.d.cts +2 -0
- package/dist/components/Separator/Separator.d.cts +1 -0
- package/dist/components/Separator/Separator.d.cts.map +1 -1
- package/dist/components/Separator/Separator.styles.cjs +1 -1
- package/dist/components/Separator/Separator.styles.d.mts +3 -3
- package/dist/components/Separator/Separator.styles.mjs +1 -1
- package/dist/components/Separator/Separator.styles.mjs.map +1 -1
- package/dist/components/Separator/index.d.cts +2 -0
- package/dist/components/Sidebar/Sidebar.d.cts +9 -8
- package/dist/components/Sidebar/Sidebar.d.cts.map +1 -1
- package/dist/components/Sidebar/Sidebar.d.mts +8 -8
- package/dist/components/Sidebar/Sidebar.styles.d.mts +3 -3
- package/dist/components/Sidebar/hooks/useSidebarContext.d.cts +2 -0
- package/dist/components/Sidebar/hooks/useSidebarContext.d.cts.map +1 -1
- package/dist/components/Sidebar/index.d.cts +2 -0
- package/dist/components/Skeleton/Skeleton.cjs +34 -0
- package/dist/components/Skeleton/Skeleton.d.cts +25 -0
- package/dist/components/Skeleton/Skeleton.d.cts.map +1 -0
- package/dist/components/Skeleton/Skeleton.d.mts +25 -0
- package/dist/components/Skeleton/Skeleton.d.mts.map +1 -0
- package/dist/components/Skeleton/Skeleton.mjs +33 -0
- package/dist/components/Skeleton/Skeleton.mjs.map +1 -0
- package/dist/components/Skeleton/Skeleton.styles.cjs +40 -0
- package/dist/components/Skeleton/Skeleton.styles.d.cts +50 -0
- package/dist/components/Skeleton/Skeleton.styles.d.cts.map +1 -0
- package/dist/components/Skeleton/Skeleton.styles.d.mts +50 -0
- package/dist/components/Skeleton/Skeleton.styles.d.mts.map +1 -0
- package/dist/components/Skeleton/Skeleton.styles.mjs +39 -0
- package/dist/components/Skeleton/Skeleton.styles.mjs.map +1 -0
- package/dist/components/Skeleton/index.d.cts +1 -0
- package/dist/components/Skeleton/index.d.mts +1 -0
- package/dist/components/Spacer/Spacer.d.cts +1 -0
- package/dist/components/Spacer/Spacer.d.cts.map +1 -1
- package/dist/components/Spacer/Spacer.styles.d.mts +3 -3
- package/dist/components/Spacer/Spacer.styles.d.mts.map +1 -1
- package/dist/components/Spacer/index.d.cts +2 -0
- package/dist/components/Spinner/Spinner.cjs +38 -0
- package/dist/components/Spinner/Spinner.d.cts +17 -0
- package/dist/components/Spinner/Spinner.d.cts.map +1 -0
- package/dist/components/Spinner/Spinner.d.mts +17 -0
- package/dist/components/Spinner/Spinner.d.mts.map +1 -0
- package/dist/components/Spinner/Spinner.mjs +37 -0
- package/dist/components/Spinner/Spinner.mjs.map +1 -0
- package/dist/components/Spinner/Spinner.styles.cjs +34 -0
- package/dist/components/Spinner/Spinner.styles.d.cts +63 -0
- package/dist/components/Spinner/Spinner.styles.d.cts.map +1 -0
- package/dist/components/Spinner/Spinner.styles.d.mts +63 -0
- package/dist/components/Spinner/Spinner.styles.d.mts.map +1 -0
- package/dist/components/Spinner/Spinner.styles.mjs +34 -0
- package/dist/components/Spinner/Spinner.styles.mjs.map +1 -0
- package/dist/components/Spinner/index.d.mts +1 -0
- package/dist/components/Stack/Stack.d.cts +1 -0
- package/dist/components/Stack/Stack.d.cts.map +1 -1
- package/dist/components/Stack/Stack.styles.d.mts +3 -3
- package/dist/components/Stack/index.d.cts +2 -0
- package/dist/components/Tab/Tab.d.cts +7 -6
- package/dist/components/Tab/Tab.d.cts.map +1 -1
- package/dist/components/Tab/Tab.d.mts +6 -6
- package/dist/components/Tab/Tab.styles.d.cts +3 -3
- package/dist/components/Tab/index.d.cts +2 -0
- package/dist/components/Text/Text.d.cts +2 -1
- package/dist/components/Text/Text.d.cts.map +1 -1
- package/dist/components/Text/Text.d.mts +1 -1
- package/dist/components/Text/index.d.cts +2 -0
- package/dist/components/TextArea/TextArea.d.cts +5 -4
- package/dist/components/TextArea/TextArea.d.cts.map +1 -1
- package/dist/components/TextArea/TextArea.d.mts +4 -4
- package/dist/components/TextArea/TextArea.styles.d.cts +3 -3
- package/dist/components/TextArea/TextArea.styles.d.mts +3 -3
- package/dist/components/TextArea/index.d.cts +1 -0
- package/dist/components/TextInput/TextInput.d.cts +3 -2
- package/dist/components/TextInput/TextInput.d.cts.map +1 -1
- package/dist/components/TextInput/TextInput.d.mts +2 -2
- package/dist/components/TextInput/index.d.cts +2 -0
- package/dist/components/Toast/Toast.d.cts +5 -5
- package/dist/components/Toast/Toast.d.cts.map +1 -1
- package/dist/components/Toast/Toast.d.mts +3 -3
- package/dist/components/Toast/Toast.styles.d.cts +3 -3
- package/dist/components/Toast/Toast.styles.d.mts +3 -3
- package/dist/components/Toast/index.d.cts +3 -0
- package/dist/components/Toast/index.d.mts +2 -1
- package/dist/components/Toast/toastStore.cjs +38 -0
- package/dist/components/Toast/toastStore.d.cts +19 -0
- package/dist/components/Toast/toastStore.d.cts.map +1 -0
- package/dist/components/Toast/toastStore.d.mts +19 -0
- package/dist/components/Toast/toastStore.d.mts.map +1 -0
- package/dist/components/Toast/toastStore.mjs +39 -0
- package/dist/components/Toast/toastStore.mjs.map +1 -0
- package/dist/components/Toggle/Toggle.d.cts +6 -4
- package/dist/components/Toggle/Toggle.d.cts.map +1 -1
- package/dist/components/Toggle/Toggle.d.mts +4 -4
- package/dist/components/Toggle/Toggle.d.mts.map +1 -1
- package/dist/components/Toggle/Toggle.styles.d.cts +3 -3
- package/dist/components/Toggle/index.d.cts +1 -0
- package/dist/components/VStack/VStack.d.cts +3 -2
- package/dist/components/VStack/VStack.d.cts.map +1 -1
- package/dist/components/VStack/VStack.d.mts +2 -2
- package/dist/components/VStack/index.d.cts +1 -0
- package/dist/components/index.d.cts +93 -0
- package/dist/components/index.d.mts +11 -1
- package/dist/index.cjs +10 -0
- package/dist/index.d.cts +9 -1
- package/dist/index.d.mts +7 -1
- package/dist/index.mjs +6 -1
- package/dist/utils/index.d.cts +5 -0
- package/dist/utils/polymorphic/index.d.cts +1 -0
- package/package.json +3 -3
- package/src/styles/global.css +32 -0
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { PrimitiveProps } from "../Primitive/Primitive.cjs";
|
|
2
|
+
import "../Primitive/index.cjs";
|
|
2
3
|
import { CTAButtonVariants } from "./CTAButton.styles.cjs";
|
|
3
4
|
import { ComponentProps } from "react";
|
|
4
|
-
import * as
|
|
5
|
+
import * as react_jsx_runtime0 from "react/jsx-runtime";
|
|
5
6
|
|
|
6
7
|
//#region src/components/CTAButton/CTAButton.d.ts
|
|
7
8
|
interface CTAButtonProps extends Omit<ComponentProps<'button'>, 'color'>, PrimitiveProps, CTAButtonVariants {}
|
|
@@ -12,7 +13,7 @@ declare function CTAButton({
|
|
|
12
13
|
className,
|
|
13
14
|
children,
|
|
14
15
|
...props
|
|
15
|
-
}: CTAButtonProps):
|
|
16
|
+
}: CTAButtonProps): react_jsx_runtime0.JSX.Element;
|
|
16
17
|
//#endregion
|
|
17
18
|
export { CTAButton, CTAButtonProps };
|
|
18
19
|
//# sourceMappingURL=CTAButton.d.cts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTAButton.d.cts","names":[],"sources":["../../../src/components/CTAButton/CTAButton.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"CTAButton.d.cts","names":[],"sources":["../../../src/components/CTAButton/CTAButton.tsx"],"mappings":";;;;;;;UAKiB,cAAA,SAEb,IAAA,CAAK,cAAA,sBACL,cAAA,EACA,iBAAA;AAAA,iBAEY,SAAA,CAAA;EACd,KAAA;EACA,SAAA;EACA,QAAA;EACA,SAAA;EACA,QAAA;EAAA,GACG;AAAA,GACF,cAAA,GAAc,kBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -3,7 +3,7 @@ let tailwind_variants = require("tailwind-variants");
|
|
|
3
3
|
|
|
4
4
|
//#region src/components/CTAButton/CTAButton.styles.ts
|
|
5
5
|
const ctaButton = (0, tailwind_variants.tv)({
|
|
6
|
-
base: "inline-flex items-center justify-center h-[3.375rem]
|
|
6
|
+
base: "inline-flex items-center justify-center h-[3.375rem] px-[0.5rem] py-[0.875rem] rounded-[0.75rem] typo-body-15-semibold whitespace-nowrap select-none transition-colors cursor-pointer",
|
|
7
7
|
variants: {
|
|
8
8
|
color: {
|
|
9
9
|
blue: "bg-blue-100 text-blue-700 enabled:hover:bg-blue-200 enabled:active:bg-blue-200 enabled:data-[active]:bg-blue-200",
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as tailwind_variants31 from "tailwind-variants";
|
|
2
2
|
import { VariantProps } from "tailwind-variants";
|
|
3
3
|
|
|
4
4
|
//#region src/components/CTAButton/CTAButton.styles.d.ts
|
|
5
|
-
declare const ctaButton:
|
|
5
|
+
declare const ctaButton: tailwind_variants31.TVReturnType<{
|
|
6
6
|
color: {
|
|
7
7
|
blue: string;
|
|
8
8
|
red: string;
|
|
@@ -18,7 +18,7 @@ declare const ctaButton: tailwind_variants39.TVReturnType<{
|
|
|
18
18
|
true: string;
|
|
19
19
|
false: string;
|
|
20
20
|
};
|
|
21
|
-
}, undefined, "inline-flex items-center justify-center h-[3.375rem]
|
|
21
|
+
}, undefined, "inline-flex items-center justify-center h-[3.375rem] px-[0.5rem] py-[0.875rem] rounded-[0.75rem] typo-body-15-semibold whitespace-nowrap select-none transition-colors cursor-pointer", {
|
|
22
22
|
color: {
|
|
23
23
|
blue: string;
|
|
24
24
|
red: string;
|
|
@@ -34,7 +34,7 @@ declare const ctaButton: tailwind_variants39.TVReturnType<{
|
|
|
34
34
|
true: string;
|
|
35
35
|
false: string;
|
|
36
36
|
};
|
|
37
|
-
}, undefined,
|
|
37
|
+
}, undefined, tailwind_variants31.TVReturnType<{
|
|
38
38
|
color: {
|
|
39
39
|
blue: string;
|
|
40
40
|
red: string;
|
|
@@ -50,7 +50,7 @@ declare const ctaButton: tailwind_variants39.TVReturnType<{
|
|
|
50
50
|
true: string;
|
|
51
51
|
false: string;
|
|
52
52
|
};
|
|
53
|
-
}, undefined, "inline-flex items-center justify-center h-[3.375rem]
|
|
53
|
+
}, undefined, "inline-flex items-center justify-center h-[3.375rem] px-[0.5rem] py-[0.875rem] rounded-[0.75rem] typo-body-15-semibold whitespace-nowrap select-none transition-colors cursor-pointer", unknown, unknown, undefined>>;
|
|
54
54
|
type CTAButtonVariants = VariantProps<typeof ctaButton>;
|
|
55
55
|
//#endregion
|
|
56
56
|
export { CTAButtonVariants };
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as tailwind_variants39 from "tailwind-variants";
|
|
2
2
|
import { VariantProps } from "tailwind-variants";
|
|
3
3
|
|
|
4
4
|
//#region src/components/CTAButton/CTAButton.styles.d.ts
|
|
5
|
-
declare const ctaButton:
|
|
5
|
+
declare const ctaButton: tailwind_variants39.TVReturnType<{
|
|
6
6
|
color: {
|
|
7
7
|
blue: string;
|
|
8
8
|
red: string;
|
|
@@ -18,7 +18,7 @@ declare const ctaButton: tailwind_variants37.TVReturnType<{
|
|
|
18
18
|
true: string;
|
|
19
19
|
false: string;
|
|
20
20
|
};
|
|
21
|
-
}, undefined, "inline-flex items-center justify-center h-[3.375rem]
|
|
21
|
+
}, undefined, "inline-flex items-center justify-center h-[3.375rem] px-[0.5rem] py-[0.875rem] rounded-[0.75rem] typo-body-15-semibold whitespace-nowrap select-none transition-colors cursor-pointer", {
|
|
22
22
|
color: {
|
|
23
23
|
blue: string;
|
|
24
24
|
red: string;
|
|
@@ -34,7 +34,7 @@ declare const ctaButton: tailwind_variants37.TVReturnType<{
|
|
|
34
34
|
true: string;
|
|
35
35
|
false: string;
|
|
36
36
|
};
|
|
37
|
-
}, undefined,
|
|
37
|
+
}, undefined, tailwind_variants39.TVReturnType<{
|
|
38
38
|
color: {
|
|
39
39
|
blue: string;
|
|
40
40
|
red: string;
|
|
@@ -50,7 +50,7 @@ declare const ctaButton: tailwind_variants37.TVReturnType<{
|
|
|
50
50
|
true: string;
|
|
51
51
|
false: string;
|
|
52
52
|
};
|
|
53
|
-
}, undefined, "inline-flex items-center justify-center h-[3.375rem]
|
|
53
|
+
}, undefined, "inline-flex items-center justify-center h-[3.375rem] px-[0.5rem] py-[0.875rem] rounded-[0.75rem] typo-body-15-semibold whitespace-nowrap select-none transition-colors cursor-pointer", unknown, unknown, undefined>>;
|
|
54
54
|
type CTAButtonVariants = VariantProps<typeof ctaButton>;
|
|
55
55
|
//#endregion
|
|
56
56
|
export { CTAButtonVariants };
|
|
@@ -2,7 +2,7 @@ import { tv } from "tailwind-variants";
|
|
|
2
2
|
|
|
3
3
|
//#region src/components/CTAButton/CTAButton.styles.ts
|
|
4
4
|
const ctaButton = tv({
|
|
5
|
-
base: "inline-flex items-center justify-center h-[3.375rem]
|
|
5
|
+
base: "inline-flex items-center justify-center h-[3.375rem] px-[0.5rem] py-[0.875rem] rounded-[0.75rem] typo-body-15-semibold whitespace-nowrap select-none transition-colors cursor-pointer",
|
|
6
6
|
variants: {
|
|
7
7
|
color: {
|
|
8
8
|
blue: "bg-blue-100 text-blue-700 enabled:hover:bg-blue-200 enabled:active:bg-blue-200 enabled:data-[active]:bg-blue-200",
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CTAButton.styles.mjs","names":[],"sources":["../../../src/components/CTAButton/CTAButton.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const ctaButton = tv({\n base: 'inline-flex items-center justify-center h-[3.375rem]
|
|
1
|
+
{"version":3,"file":"CTAButton.styles.mjs","names":[],"sources":["../../../src/components/CTAButton/CTAButton.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const ctaButton = tv({\n base: 'inline-flex items-center justify-center h-[3.375rem] px-[0.5rem] py-[0.875rem] rounded-[0.75rem] typo-body-15-semibold whitespace-nowrap select-none transition-colors cursor-pointer',\n variants: {\n color: {\n blue: 'bg-blue-100 text-blue-700 enabled:hover:bg-blue-200 enabled:active:bg-blue-200 enabled:data-[active]:bg-blue-200',\n red: 'bg-red-400 text-white enabled:hover:bg-red-500 enabled:active:bg-red-500 enabled:data-[active]:bg-red-500',\n dark: 'bg-gray-700 text-white enabled:hover:text-gray-300 enabled:hover:bg-gray-800 enabled:active:bg-gray-800 enabled:data-[active]:bg-gray-800',\n light:\n 'bg-gray-100 text-gray-500 enabled:hover:bg-gray-200 enabled:active:bg-gray-200 enabled:data-[active]:bg-gray-200',\n white:\n 'bg-white text-gray-500 enabled:hover:bg-gray-100 enabled:active:bg-gray-100 enabled:data-[active]:bg-gray-100',\n },\n fullWidth: {\n true: 'w-full',\n false: 'w-[18rem]',\n },\n disabled: {\n true: 'bg-gray-200 text-gray-300 cursor-not-allowed',\n false: '',\n },\n },\n defaultVariants: {\n color: 'light',\n fullWidth: false,\n disabled: false,\n },\n});\n\nexport type CTAButtonVariants = VariantProps<typeof ctaButton>;\n"],"mappings":";;;AAEA,MAAa,YAAY,GAAG;CAC1B,MAAM;CACN,UAAU;EACR,OAAO;GACL,MAAM;GACN,KAAK;GACL,MAAM;GACN,OACE;GACF,OACE;GACH;EACD,WAAW;GACT,MAAM;GACN,OAAO;GACR;EACD,UAAU;GACR,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,OAAO;EACP,WAAW;EACX,UAAU;EACX;CACF,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import { CTAButton, CTAButtonProps } from "./CTAButton.cjs";
|
|
@@ -24,7 +24,7 @@ const getEventRange = (event) => {
|
|
|
24
24
|
end: event.endDate ? parseDateStr(event.endDate) : start
|
|
25
25
|
};
|
|
26
26
|
};
|
|
27
|
-
const Calendar = ({ className, events = [], defaultMonth = /* @__PURE__ */ new Date(), today = /* @__PURE__ */ new Date(), size, selectedStartDate, selectedEndDate, onDateClick, onEventClick, enableHover = false }) => {
|
|
27
|
+
const Calendar = ({ className, events = [], defaultMonth = /* @__PURE__ */ new Date(), today = /* @__PURE__ */ new Date(), showToday = true, size, selectedStartDate, selectedEndDate, onDateClick, onEventClick, enableHover = false }) => {
|
|
28
28
|
const { wrapper, layoutContainer, header, navContainerLeft, navContainerRight, navButton, navIcon, caption, gridHeader, weekday, gridBody, cell, cellEmpty, eventList, eventItemHeight } = require_Calendar_styles.calendar({
|
|
29
29
|
size,
|
|
30
30
|
hoverEffect: enableHover
|
|
@@ -118,7 +118,7 @@ const Calendar = ({ className, events = [], defaultMonth = /* @__PURE__ */ new D
|
|
|
118
118
|
const currentDate = new Date(currentMonth.getFullYear(), currentMonth.getMonth(), day);
|
|
119
119
|
const dateKey = formatDateStr(currentDate);
|
|
120
120
|
const daysEvents = eventsByDate.get(dateKey) || [];
|
|
121
|
-
const isToday = (0, date_fns.isSameDay)(currentDate, today);
|
|
121
|
+
const isToday = showToday && (0, date_fns.isSameDay)(currentDate, today);
|
|
122
122
|
const isStart = selectedStartDate && (0, date_fns.isSameDay)(currentDate, selectedStartDate);
|
|
123
123
|
const isEnd = selectedEndDate && (0, date_fns.isSameDay)(currentDate, selectedEndDate);
|
|
124
124
|
const isBetween = selectedStartDate && selectedEndDate && (0, date_fns.isWithinInterval)(currentDate, {
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CalendarVariants, eventBarStyles } from "./Calendar.styles.cjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime80 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/Calendar/Calendar.d.ts
|
|
5
5
|
type CalendarEvent = {
|
|
@@ -14,6 +14,7 @@ interface CalendarProps extends CalendarVariants {
|
|
|
14
14
|
events?: CalendarEvent[];
|
|
15
15
|
defaultMonth?: Date;
|
|
16
16
|
today?: Date;
|
|
17
|
+
showToday?: boolean;
|
|
17
18
|
selectedStartDate?: Date;
|
|
18
19
|
selectedEndDate?: Date;
|
|
19
20
|
onDateClick?: (date: Date) => void;
|
|
@@ -26,13 +27,14 @@ declare const Calendar: {
|
|
|
26
27
|
events,
|
|
27
28
|
defaultMonth,
|
|
28
29
|
today,
|
|
30
|
+
showToday,
|
|
29
31
|
size,
|
|
30
32
|
selectedStartDate,
|
|
31
33
|
selectedEndDate,
|
|
32
34
|
onDateClick,
|
|
33
35
|
onEventClick,
|
|
34
36
|
enableHover
|
|
35
|
-
}: CalendarProps):
|
|
37
|
+
}: CalendarProps): react_jsx_runtime80.JSX.Element;
|
|
36
38
|
displayName: string;
|
|
37
39
|
};
|
|
38
40
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.d.cts","names":[],"sources":["../../../src/components/Calendar/Calendar.tsx"],"mappings":";;;;KA6BY,aAAA;EACV,EAAA;EACA,KAAA;EACA,SAAA;EACA,OAAA;EACA,IAAA,eAAmB,cAAA,CAAe,QAAA;AAAA;AAAA,UAGnB,aAAA,SAAsB,gBAAA;EACrC,SAAA;EACA,MAAA,GAAS,aAAA;EACT,YAAA,GAAe,IAAA;EACf,KAAA,GAAQ,IAAA;EACR,iBAAA,GAAoB,IAAA;EACpB,eAAA,GAAkB,IAAA;EAClB,WAAA,IAAe,IAAA,EAAM,IAAA;EACrB,YAAA,IAAgB,KAAA,EAAO,aAAA;EACvB,WAAA;AAAA;AAAA,cAeW,QAAA;EAAA
|
|
1
|
+
{"version":3,"file":"Calendar.d.cts","names":[],"sources":["../../../src/components/Calendar/Calendar.tsx"],"mappings":";;;;KA6BY,aAAA;EACV,EAAA;EACA,KAAA;EACA,SAAA;EACA,OAAA;EACA,IAAA,eAAmB,cAAA,CAAe,QAAA;AAAA;AAAA,UAGnB,aAAA,SAAsB,gBAAA;EACrC,SAAA;EACA,MAAA,GAAS,aAAA;EACT,YAAA,GAAe,IAAA;EACf,KAAA,GAAQ,IAAA;EACR,SAAA;EACA,iBAAA,GAAoB,IAAA;EACpB,eAAA,GAAkB,IAAA;EAClB,WAAA,IAAe,IAAA,EAAM,IAAA;EACrB,YAAA,IAAgB,KAAA,EAAO,aAAA;EACvB,WAAA;AAAA;AAAA,cAeW,QAAA;EAAA;;;;;;;;;;;;KAYV,aAAA,GAAa,mBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { CalendarVariants, eventBarStyles } from "./Calendar.styles.mjs";
|
|
2
|
-
import * as
|
|
2
|
+
import * as react_jsx_runtime77 from "react/jsx-runtime";
|
|
3
3
|
|
|
4
4
|
//#region src/components/Calendar/Calendar.d.ts
|
|
5
5
|
type CalendarEvent = {
|
|
@@ -14,6 +14,7 @@ interface CalendarProps extends CalendarVariants {
|
|
|
14
14
|
events?: CalendarEvent[];
|
|
15
15
|
defaultMonth?: Date;
|
|
16
16
|
today?: Date;
|
|
17
|
+
showToday?: boolean;
|
|
17
18
|
selectedStartDate?: Date;
|
|
18
19
|
selectedEndDate?: Date;
|
|
19
20
|
onDateClick?: (date: Date) => void;
|
|
@@ -26,13 +27,14 @@ declare const Calendar: {
|
|
|
26
27
|
events,
|
|
27
28
|
defaultMonth,
|
|
28
29
|
today,
|
|
30
|
+
showToday,
|
|
29
31
|
size,
|
|
30
32
|
selectedStartDate,
|
|
31
33
|
selectedEndDate,
|
|
32
34
|
onDateClick,
|
|
33
35
|
onEventClick,
|
|
34
36
|
enableHover
|
|
35
|
-
}: CalendarProps):
|
|
37
|
+
}: CalendarProps): react_jsx_runtime77.JSX.Element;
|
|
36
38
|
displayName: string;
|
|
37
39
|
};
|
|
38
40
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.d.mts","names":[],"sources":["../../../src/components/Calendar/Calendar.tsx"],"mappings":";;;;KA6BY,aAAA;EACV,EAAA;EACA,KAAA;EACA,SAAA;EACA,OAAA;EACA,IAAA,eAAmB,cAAA,CAAe,QAAA;AAAA;AAAA,UAGnB,aAAA,SAAsB,gBAAA;EACrC,SAAA;EACA,MAAA,GAAS,aAAA;EACT,YAAA,GAAe,IAAA;EACf,KAAA,GAAQ,IAAA;EACR,iBAAA,GAAoB,IAAA;EACpB,eAAA,GAAkB,IAAA;EAClB,WAAA,IAAe,IAAA,EAAM,IAAA;EACrB,YAAA,IAAgB,KAAA,EAAO,aAAA;EACvB,WAAA;AAAA;AAAA,cAeW,QAAA;EAAA
|
|
1
|
+
{"version":3,"file":"Calendar.d.mts","names":[],"sources":["../../../src/components/Calendar/Calendar.tsx"],"mappings":";;;;KA6BY,aAAA;EACV,EAAA;EACA,KAAA;EACA,SAAA;EACA,OAAA;EACA,IAAA,eAAmB,cAAA,CAAe,QAAA;AAAA;AAAA,UAGnB,aAAA,SAAsB,gBAAA;EACrC,SAAA;EACA,MAAA,GAAS,aAAA;EACT,YAAA,GAAe,IAAA;EACf,KAAA,GAAQ,IAAA;EACR,SAAA;EACA,iBAAA,GAAoB,IAAA;EACpB,eAAA,GAAkB,IAAA;EAClB,WAAA,IAAe,IAAA,EAAM,IAAA;EACrB,YAAA,IAAgB,KAAA,EAAO,aAAA;EACvB,WAAA;AAAA;AAAA,cAeW,QAAA;EAAA;;;;;;;;;;;;KAYV,aAAA,GAAa,mBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -22,7 +22,7 @@ const getEventRange = (event) => {
|
|
|
22
22
|
end: event.endDate ? parseDateStr(event.endDate) : start
|
|
23
23
|
};
|
|
24
24
|
};
|
|
25
|
-
const Calendar = ({ className, events = [], defaultMonth = /* @__PURE__ */ new Date(), today = /* @__PURE__ */ new Date(), size, selectedStartDate, selectedEndDate, onDateClick, onEventClick, enableHover = false }) => {
|
|
25
|
+
const Calendar = ({ className, events = [], defaultMonth = /* @__PURE__ */ new Date(), today = /* @__PURE__ */ new Date(), showToday = true, size, selectedStartDate, selectedEndDate, onDateClick, onEventClick, enableHover = false }) => {
|
|
26
26
|
const { wrapper, layoutContainer, header, navContainerLeft, navContainerRight, navButton, navIcon, caption, gridHeader, weekday, gridBody, cell, cellEmpty, eventList, eventItemHeight } = calendar({
|
|
27
27
|
size,
|
|
28
28
|
hoverEffect: enableHover
|
|
@@ -116,7 +116,7 @@ const Calendar = ({ className, events = [], defaultMonth = /* @__PURE__ */ new D
|
|
|
116
116
|
const currentDate = new Date(currentMonth.getFullYear(), currentMonth.getMonth(), day);
|
|
117
117
|
const dateKey = formatDateStr(currentDate);
|
|
118
118
|
const daysEvents = eventsByDate.get(dateKey) || [];
|
|
119
|
-
const isToday = isSameDay(currentDate, today);
|
|
119
|
+
const isToday = showToday && isSameDay(currentDate, today);
|
|
120
120
|
const isStart = selectedStartDate && isSameDay(currentDate, selectedStartDate);
|
|
121
121
|
const isEnd = selectedEndDate && isSameDay(currentDate, selectedEndDate);
|
|
122
122
|
const isBetween = selectedStartDate && selectedEndDate && isWithinInterval(currentDate, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Calendar.mjs","names":[],"sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n format,\n addMonths,\n subMonths,\n startOfMonth,\n endOfMonth,\n addDays,\n subDays,\n getDay,\n getDaysInMonth,\n isSameDay,\n isWithinInterval,\n differenceInCalendarDays,\n} from 'date-fns';\nimport { ko } from 'date-fns/locale';\n\nimport { Box } from '../Box';\nimport { Flex } from '../Flex';\nimport { Grid } from '../Grid';\nimport { ChevronLeft, ChevronRight } from '@causw/icons';\n\nimport {\n calendar,\n eventBarStyles,\n type CalendarVariants,\n} from './Calendar.styles';\nimport { mergeStyles } from '../../utils';\n\nexport type CalendarEvent = {\n id: string | number;\n title: string;\n startDate: string;\n endDate?: string;\n type: keyof typeof eventBarStyles.variants;\n};\n\nexport interface CalendarProps extends CalendarVariants {\n className?: string;\n events?: CalendarEvent[];\n defaultMonth?: Date;\n today?: Date;\n selectedStartDate?: Date;\n selectedEndDate?: Date;\n onDateClick?: (date: Date) => void;\n onEventClick?: (event: CalendarEvent) => void;\n enableHover?: boolean;\n}\n\nconst parseDateStr = (dateStr: string) => {\n const [y, m, d] = dateStr.split('-').map(Number);\n return new Date(y, m - 1, d);\n};\nconst formatDateStr = (date: Date) => format(date, 'yyyy-MM-dd');\n\nconst getEventRange = (event: CalendarEvent) => {\n const start = parseDateStr(event.startDate);\n const end = event.endDate ? parseDateStr(event.endDate) : start;\n return { start, end };\n};\n\nexport const Calendar = ({\n className,\n events = [],\n defaultMonth = new Date(),\n today = new Date(),\n size,\n selectedStartDate,\n selectedEndDate,\n onDateClick,\n onEventClick,\n enableHover = false,\n}: CalendarProps) => {\n const {\n wrapper,\n layoutContainer,\n header,\n navContainerLeft,\n navContainerRight,\n navButton,\n navIcon,\n caption,\n gridHeader,\n weekday,\n gridBody,\n cell,\n cellEmpty,\n eventList,\n eventItemHeight,\n } = calendar({ size, hoverEffect: enableHover });\n\n const [currentMonth, setCurrentMonth] = useState(defaultMonth);\n const totalDays = getDaysInMonth(currentMonth);\n const startDayIndex = getDay(startOfMonth(currentMonth));\n const weekDays = ['일', '월', '화', '수', '목', '금', '토'];\n\n const handlePrevMonth = () => setCurrentMonth((prev) => subMonths(prev, 1));\n const handleNextMonth = () => setCurrentMonth((prev) => addMonths(prev, 1));\n\n const eventsByDate = useMemo(() => {\n const map = new Map<string, CalendarEvent[]>();\n const mStart = startOfMonth(currentMonth);\n const mEnd = endOfMonth(currentMonth);\n\n const relevantEvents = events.filter((event) => {\n const { start, end } = getEventRange(event);\n return start <= mEnd && end >= mStart;\n });\n\n for (const event of relevantEvents) {\n const { start, end } = getEventRange(event);\n let d = start < mStart ? mStart : start;\n const eventEndDate = end > mEnd ? mEnd : end;\n\n while (d <= eventEndDate) {\n const dateKey = formatDateStr(d);\n const dailyEvents = map.get(dateKey) ?? [];\n map.set(dateKey, [...dailyEvents, event]);\n d = addDays(d, 1);\n }\n }\n return map;\n }, [currentMonth, events]);\n\n return (\n <Box className={wrapper({ className })}>\n <Box className={layoutContainer()}>\n <Grid columns={7} className={header()}>\n <Flex className={navContainerLeft()}>\n <button\n onClick={handlePrevMonth}\n className={navButton()}\n type=\"button\"\n >\n <ChevronLeft className={navIcon()} />\n </button>\n </Flex>\n <Box className=\"col-span-5 flex items-center justify-center\">\n <span className={caption()}>\n {format(currentMonth, 'yyyy년 M월', { locale: ko })}\n </span>\n </Box>\n <Flex className={navContainerRight()}>\n <button\n onClick={handleNextMonth}\n className={navButton()}\n type=\"button\"\n >\n <ChevronRight className={navIcon()} />\n </button>\n </Flex>\n </Grid>\n\n <Grid columns={7} className={gridHeader()}>\n {weekDays.map((day) => (\n <Flex\n key={day}\n justify=\"center\"\n align=\"center\"\n className={weekday()}\n >\n {day}\n </Flex>\n ))}\n </Grid>\n\n <Grid columns={7} className={gridBody()}>\n {Array.from({ length: startDayIndex }).map((_, i) => (\n <Box key={`empty-${i}`} className={cellEmpty()} />\n ))}\n\n {Array.from({ length: totalDays }).map((_, i) => {\n const day = i + 1;\n const currentDate = new Date(\n currentMonth.getFullYear(),\n currentMonth.getMonth(),\n day,\n );\n const dateKey = formatDateStr(currentDate);\n\n const daysEvents = eventsByDate.get(dateKey) || [];\n\n const isToday = isSameDay(currentDate, today);\n const isStart =\n selectedStartDate && isSameDay(currentDate, selectedStartDate);\n const isEnd =\n selectedEndDate && isSameDay(currentDate, selectedEndDate);\n const isBetween =\n selectedStartDate &&\n selectedEndDate &&\n isWithinInterval(currentDate, {\n start: selectedStartDate,\n end: selectedEndDate,\n }) &&\n !isStart &&\n !isEnd;\n\n let selectionState:\n | 'none'\n | 'today'\n | 'selected'\n | 'range'\n | 'rangeStart'\n | 'rangeEnd' = 'none';\n if (isStart) selectionState = 'selected';\n else if (isEnd) selectionState = 'selected';\n else if (isBetween) selectionState = 'range';\n else if (isToday) selectionState = 'today';\n\n return (\n <Flex\n key={day}\n direction=\"column\"\n align=\"center\"\n justify=\"start\"\n className={cell()}\n onClick={() => onDateClick?.(currentDate)}\n >\n <span className={calendar({ selectionState }).dayNumber()}>\n {day}\n </span>\n <Flex className={eventList()}>\n {daysEvents.map((ev, idx) => {\n const { start, end } = getEventRange(ev);\n\n const currentDayIndex = getDay(currentDate);\n const weekStart = subDays(currentDate, currentDayIndex);\n const weekEnd = addDays(currentDate, 6 - currentDayIndex);\n\n const segmentStart = start < weekStart ? weekStart : start;\n const segmentEnd = end > weekEnd ? weekEnd : end;\n const segmentDuration =\n differenceInCalendarDays(segmentEnd, segmentStart) + 1;\n const indexInSegment = differenceInCalendarDays(\n currentDate,\n segmentStart,\n );\n\n const targetIndex = Math.floor((segmentDuration - 1) / 2);\n const isRenderCell = indexInSegment === targetIndex;\n\n const startDateKey = formatDateStr(start);\n const endDateKey = formatDateStr(end);\n const isStartEvent = dateKey === startDateKey;\n const isEndEvent = dateKey === endDateKey;\n const isSingleDay = startDateKey === endDateKey;\n\n return (\n <div\n key={`${ev.id}-${idx}`}\n className={mergeStyles([\n 'relative w-full',\n eventItemHeight(),\n eventBarStyles.variants[ev.type],\n isSingleDay\n ? 'mx-[2px] !w-[calc(100%-4px)] rounded-[4px]'\n : '',\n !isSingleDay && isStartEvent\n ? 'mr-0 ml-[2px] !w-[calc(100%-2px)] rounded-l-[4px] rounded-r-none'\n : '',\n !isSingleDay && isEndEvent\n ? 'mr-[2px] ml-0 !w-[calc(100%-2px)] rounded-l-none rounded-r-[4px]'\n : '',\n !isSingleDay && !isStartEvent && !isEndEvent\n ? 'mx-0 w-full rounded-none'\n : '',\n ])}\n onClick={(e) => {\n e.stopPropagation();\n onEventClick?.(ev);\n }}\n >\n {isRenderCell && (\n <div className={eventBarStyles.textWrapper}>\n <span className=\"block w-full truncate px-1 text-center\">\n {ev.title}\n </span>\n </div>\n )}\n </div>\n );\n })}\n </Flex>\n </Flex>\n );\n })}\n </Grid>\n </Box>\n </Box>\n );\n};\nCalendar.displayName = 'Calendar';\n"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"Calendar.mjs","names":[],"sources":["../../../src/components/Calendar/Calendar.tsx"],"sourcesContent":["import React, { useMemo, useState } from 'react';\nimport {\n format,\n addMonths,\n subMonths,\n startOfMonth,\n endOfMonth,\n addDays,\n subDays,\n getDay,\n getDaysInMonth,\n isSameDay,\n isWithinInterval,\n differenceInCalendarDays,\n} from 'date-fns';\nimport { ko } from 'date-fns/locale';\n\nimport { Box } from '../Box';\nimport { Flex } from '../Flex';\nimport { Grid } from '../Grid';\nimport { ChevronLeft, ChevronRight } from '@causw/icons';\n\nimport {\n calendar,\n eventBarStyles,\n type CalendarVariants,\n} from './Calendar.styles';\nimport { mergeStyles } from '../../utils';\n\nexport type CalendarEvent = {\n id: string | number;\n title: string;\n startDate: string;\n endDate?: string;\n type: keyof typeof eventBarStyles.variants;\n};\n\nexport interface CalendarProps extends CalendarVariants {\n className?: string;\n events?: CalendarEvent[];\n defaultMonth?: Date;\n today?: Date;\n showToday?: boolean;\n selectedStartDate?: Date;\n selectedEndDate?: Date;\n onDateClick?: (date: Date) => void;\n onEventClick?: (event: CalendarEvent) => void;\n enableHover?: boolean;\n}\n\nconst parseDateStr = (dateStr: string) => {\n const [y, m, d] = dateStr.split('-').map(Number);\n return new Date(y, m - 1, d);\n};\nconst formatDateStr = (date: Date) => format(date, 'yyyy-MM-dd');\n\nconst getEventRange = (event: CalendarEvent) => {\n const start = parseDateStr(event.startDate);\n const end = event.endDate ? parseDateStr(event.endDate) : start;\n return { start, end };\n};\n\nexport const Calendar = ({\n className,\n events = [],\n defaultMonth = new Date(),\n today = new Date(),\n showToday = true,\n size,\n selectedStartDate,\n selectedEndDate,\n onDateClick,\n onEventClick,\n enableHover = false,\n}: CalendarProps) => {\n const {\n wrapper,\n layoutContainer,\n header,\n navContainerLeft,\n navContainerRight,\n navButton,\n navIcon,\n caption,\n gridHeader,\n weekday,\n gridBody,\n cell,\n cellEmpty,\n eventList,\n eventItemHeight,\n } = calendar({ size, hoverEffect: enableHover });\n\n const [currentMonth, setCurrentMonth] = useState(defaultMonth);\n const totalDays = getDaysInMonth(currentMonth);\n const startDayIndex = getDay(startOfMonth(currentMonth));\n const weekDays = ['일', '월', '화', '수', '목', '금', '토'];\n\n const handlePrevMonth = () => setCurrentMonth((prev) => subMonths(prev, 1));\n const handleNextMonth = () => setCurrentMonth((prev) => addMonths(prev, 1));\n\n const eventsByDate = useMemo(() => {\n const map = new Map<string, CalendarEvent[]>();\n const mStart = startOfMonth(currentMonth);\n const mEnd = endOfMonth(currentMonth);\n\n const relevantEvents = events.filter((event) => {\n const { start, end } = getEventRange(event);\n return start <= mEnd && end >= mStart;\n });\n\n for (const event of relevantEvents) {\n const { start, end } = getEventRange(event);\n let d = start < mStart ? mStart : start;\n const eventEndDate = end > mEnd ? mEnd : end;\n\n while (d <= eventEndDate) {\n const dateKey = formatDateStr(d);\n const dailyEvents = map.get(dateKey) ?? [];\n map.set(dateKey, [...dailyEvents, event]);\n d = addDays(d, 1);\n }\n }\n return map;\n }, [currentMonth, events]);\n\n return (\n <Box className={wrapper({ className })}>\n <Box className={layoutContainer()}>\n <Grid columns={7} className={header()}>\n <Flex className={navContainerLeft()}>\n <button\n onClick={handlePrevMonth}\n className={navButton()}\n type=\"button\"\n >\n <ChevronLeft className={navIcon()} />\n </button>\n </Flex>\n <Box className=\"col-span-5 flex items-center justify-center\">\n <span className={caption()}>\n {format(currentMonth, 'yyyy년 M월', { locale: ko })}\n </span>\n </Box>\n <Flex className={navContainerRight()}>\n <button\n onClick={handleNextMonth}\n className={navButton()}\n type=\"button\"\n >\n <ChevronRight className={navIcon()} />\n </button>\n </Flex>\n </Grid>\n\n <Grid columns={7} className={gridHeader()}>\n {weekDays.map((day) => (\n <Flex\n key={day}\n justify=\"center\"\n align=\"center\"\n className={weekday()}\n >\n {day}\n </Flex>\n ))}\n </Grid>\n\n <Grid columns={7} className={gridBody()}>\n {Array.from({ length: startDayIndex }).map((_, i) => (\n <Box key={`empty-${i}`} className={cellEmpty()} />\n ))}\n\n {Array.from({ length: totalDays }).map((_, i) => {\n const day = i + 1;\n const currentDate = new Date(\n currentMonth.getFullYear(),\n currentMonth.getMonth(),\n day,\n );\n const dateKey = formatDateStr(currentDate);\n\n const daysEvents = eventsByDate.get(dateKey) || [];\n\n const isToday = showToday && isSameDay(currentDate, today);\n const isStart =\n selectedStartDate && isSameDay(currentDate, selectedStartDate);\n const isEnd =\n selectedEndDate && isSameDay(currentDate, selectedEndDate);\n const isBetween =\n selectedStartDate &&\n selectedEndDate &&\n isWithinInterval(currentDate, {\n start: selectedStartDate,\n end: selectedEndDate,\n }) &&\n !isStart &&\n !isEnd;\n\n let selectionState:\n | 'none'\n | 'today'\n | 'selected'\n | 'range'\n | 'rangeStart'\n | 'rangeEnd' = 'none';\n if (isStart) selectionState = 'selected';\n else if (isEnd) selectionState = 'selected';\n else if (isBetween) selectionState = 'range';\n else if (isToday) selectionState = 'today';\n\n return (\n <Flex\n key={day}\n direction=\"column\"\n align=\"center\"\n justify=\"start\"\n className={cell()}\n onClick={() => onDateClick?.(currentDate)}\n >\n <span className={calendar({ selectionState }).dayNumber()}>\n {day}\n </span>\n <Flex className={eventList()}>\n {daysEvents.map((ev, idx) => {\n const { start, end } = getEventRange(ev);\n\n const currentDayIndex = getDay(currentDate);\n const weekStart = subDays(currentDate, currentDayIndex);\n const weekEnd = addDays(currentDate, 6 - currentDayIndex);\n\n const segmentStart = start < weekStart ? weekStart : start;\n const segmentEnd = end > weekEnd ? weekEnd : end;\n const segmentDuration =\n differenceInCalendarDays(segmentEnd, segmentStart) + 1;\n const indexInSegment = differenceInCalendarDays(\n currentDate,\n segmentStart,\n );\n\n const targetIndex = Math.floor((segmentDuration - 1) / 2);\n const isRenderCell = indexInSegment === targetIndex;\n\n const startDateKey = formatDateStr(start);\n const endDateKey = formatDateStr(end);\n const isStartEvent = dateKey === startDateKey;\n const isEndEvent = dateKey === endDateKey;\n const isSingleDay = startDateKey === endDateKey;\n\n return (\n <div\n key={`${ev.id}-${idx}`}\n className={mergeStyles([\n 'relative w-full',\n eventItemHeight(),\n eventBarStyles.variants[ev.type],\n isSingleDay\n ? 'mx-[2px] !w-[calc(100%-4px)] rounded-[4px]'\n : '',\n !isSingleDay && isStartEvent\n ? 'mr-0 ml-[2px] !w-[calc(100%-2px)] rounded-l-[4px] rounded-r-none'\n : '',\n !isSingleDay && isEndEvent\n ? 'mr-[2px] ml-0 !w-[calc(100%-2px)] rounded-l-none rounded-r-[4px]'\n : '',\n !isSingleDay && !isStartEvent && !isEndEvent\n ? 'mx-0 w-full rounded-none'\n : '',\n ])}\n onClick={(e) => {\n e.stopPropagation();\n onEventClick?.(ev);\n }}\n >\n {isRenderCell && (\n <div className={eventBarStyles.textWrapper}>\n <span className=\"block w-full truncate px-1 text-center\">\n {ev.title}\n </span>\n </div>\n )}\n </div>\n );\n })}\n </Flex>\n </Flex>\n );\n })}\n </Grid>\n </Box>\n </Box>\n );\n};\nCalendar.displayName = 'Calendar';\n"],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as tailwind_variants53 from "tailwind-variants";
|
|
2
2
|
import { VariantProps } from "tailwind-variants";
|
|
3
3
|
|
|
4
4
|
//#region src/components/Calendar/Calendar.styles.d.ts
|
|
5
|
-
declare const calendar:
|
|
5
|
+
declare const calendar: tailwind_variants53.TVReturnType<{
|
|
6
6
|
size: {
|
|
7
7
|
sm: {
|
|
8
8
|
wrapper: string;
|
|
@@ -170,7 +170,7 @@ declare const calendar: tailwind_variants49.TVReturnType<{
|
|
|
170
170
|
dayNumber: string;
|
|
171
171
|
eventList: string[];
|
|
172
172
|
eventItemHeight: string;
|
|
173
|
-
},
|
|
173
|
+
}, tailwind_variants53.TVReturnType<{
|
|
174
174
|
size: {
|
|
175
175
|
sm: {
|
|
176
176
|
wrapper: string;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as tailwind_variants49 from "tailwind-variants";
|
|
2
2
|
import { VariantProps } from "tailwind-variants";
|
|
3
3
|
|
|
4
4
|
//#region src/components/Calendar/Calendar.styles.d.ts
|
|
5
|
-
declare const calendar:
|
|
5
|
+
declare const calendar: tailwind_variants49.TVReturnType<{
|
|
6
6
|
size: {
|
|
7
7
|
sm: {
|
|
8
8
|
wrapper: string;
|
|
@@ -170,7 +170,7 @@ declare const calendar: tailwind_variants51.TVReturnType<{
|
|
|
170
170
|
dayNumber: string;
|
|
171
171
|
eventList: string[];
|
|
172
172
|
eventItemHeight: string;
|
|
173
|
-
},
|
|
173
|
+
}, tailwind_variants49.TVReturnType<{
|
|
174
174
|
size: {
|
|
175
175
|
sm: {
|
|
176
176
|
wrapper: string;
|
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
import { TextVariants } from "../Text/Text.styles.cjs";
|
|
2
2
|
import { PolymorphicProps } from "../../utils/polymorphic/polymorphic.cjs";
|
|
3
3
|
import { TextElement } from "../Text/Text.cjs";
|
|
4
|
+
import "../Text/index.cjs";
|
|
5
|
+
import "../../utils/index.cjs";
|
|
4
6
|
import { CheckboxVariants } from "./Checkbox.styles.cjs";
|
|
5
7
|
import React from "react";
|
|
6
|
-
import * as
|
|
8
|
+
import * as react_jsx_runtime13 from "react/jsx-runtime";
|
|
7
9
|
|
|
8
10
|
//#region src/components/Checkbox/Checkbox.d.ts
|
|
9
11
|
interface CheckboxRootProps extends Omit<React.ComponentProps<'label'>, 'onChange'>, CheckboxVariants {
|
|
@@ -21,11 +23,11 @@ declare const Checkbox: {
|
|
|
21
23
|
children,
|
|
22
24
|
className,
|
|
23
25
|
...props
|
|
24
|
-
}: CheckboxRootProps):
|
|
26
|
+
}: CheckboxRootProps): react_jsx_runtime13.JSX.Element;
|
|
25
27
|
displayName: string;
|
|
26
28
|
} & {
|
|
27
29
|
Indicator: {
|
|
28
|
-
():
|
|
30
|
+
(): react_jsx_runtime13.JSX.Element;
|
|
29
31
|
displayName: string;
|
|
30
32
|
};
|
|
31
33
|
Label: {
|
|
@@ -35,7 +37,7 @@ declare const Checkbox: {
|
|
|
35
37
|
textColor,
|
|
36
38
|
className,
|
|
37
39
|
...props
|
|
38
|
-
}: CheckboxLabelProps<E>):
|
|
40
|
+
}: CheckboxLabelProps<E>): react_jsx_runtime13.JSX.Element;
|
|
39
41
|
displayName: string;
|
|
40
42
|
};
|
|
41
43
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.d.cts","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Checkbox.d.cts","names":[],"sources":["../../../src/components/Checkbox/Checkbox.tsx"],"mappings":";;;;;;;;;;UAyBiB,iBAAA,SACP,IAAA,CAAK,KAAA,CAAM,cAAA,wBAAsC,gBAAA;EACzD,cAAA;EACA,eAAA,IAAmB,OAAA;EACnB,QAAA,GAAW,KAAA,CAAM,SAAA;AAAA;AAAA,KAoEP,kBAAA,WAA6B,WAAA,aACvC,gBAAA,CAAiB,CAAA,EAAG,YAAA;AAAA,cA6BT,QAAA;EAAA;;;;;;;;KAvFV,iBAAA,GAAiB,mBAAA,CAAA,GAAA,CAAA,OAAA;;;;;;;;eA4Da,WAAA;MAAW,QAAA;MAAA,UAAA;MAAA,SAAA;MAAA,SAAA;MAAA,GAAA;IAAA,GAMzC,kBAAA,CAAmB,CAAA,IAAE,mBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -5,7 +5,7 @@ import "../Text/index.mjs";
|
|
|
5
5
|
import "../../utils/index.mjs";
|
|
6
6
|
import { CheckboxVariants } from "./Checkbox.styles.mjs";
|
|
7
7
|
import React from "react";
|
|
8
|
-
import * as
|
|
8
|
+
import * as react_jsx_runtime12 from "react/jsx-runtime";
|
|
9
9
|
|
|
10
10
|
//#region src/components/Checkbox/Checkbox.d.ts
|
|
11
11
|
interface CheckboxRootProps extends Omit<React.ComponentProps<'label'>, 'onChange'>, CheckboxVariants {
|
|
@@ -23,11 +23,11 @@ declare const Checkbox: {
|
|
|
23
23
|
children,
|
|
24
24
|
className,
|
|
25
25
|
...props
|
|
26
|
-
}: CheckboxRootProps):
|
|
26
|
+
}: CheckboxRootProps): react_jsx_runtime12.JSX.Element;
|
|
27
27
|
displayName: string;
|
|
28
28
|
} & {
|
|
29
29
|
Indicator: {
|
|
30
|
-
():
|
|
30
|
+
(): react_jsx_runtime12.JSX.Element;
|
|
31
31
|
displayName: string;
|
|
32
32
|
};
|
|
33
33
|
Label: {
|
|
@@ -37,7 +37,7 @@ declare const Checkbox: {
|
|
|
37
37
|
textColor,
|
|
38
38
|
className,
|
|
39
39
|
...props
|
|
40
|
-
}: CheckboxLabelProps<E>):
|
|
40
|
+
}: CheckboxLabelProps<E>): react_jsx_runtime12.JSX.Element;
|
|
41
41
|
displayName: string;
|
|
42
42
|
};
|
|
43
43
|
};
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as tailwind_variants37 from "tailwind-variants";
|
|
2
2
|
import { VariantProps } from "tailwind-variants";
|
|
3
3
|
|
|
4
4
|
//#region src/components/Checkbox/Checkbox.styles.d.ts
|
|
5
|
-
declare const checkbox:
|
|
5
|
+
declare const checkbox: tailwind_variants37.TVReturnType<{
|
|
6
6
|
checked: {
|
|
7
7
|
true: {
|
|
8
8
|
indicator: string;
|
|
@@ -46,7 +46,7 @@ declare const checkbox: tailwind_variants33.TVReturnType<{
|
|
|
46
46
|
indicator: string;
|
|
47
47
|
indicatorIcon: string;
|
|
48
48
|
label: string;
|
|
49
|
-
},
|
|
49
|
+
}, tailwind_variants37.TVReturnType<{
|
|
50
50
|
checked: {
|
|
51
51
|
true: {
|
|
52
52
|
indicator: string;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import { Checkbox, CheckboxLabelProps, CheckboxRootProps } from "./Checkbox.cjs";
|
|
@@ -1,7 +1,8 @@
|
|
|
1
1
|
import { PrimitiveProps } from "../Primitive/Primitive.cjs";
|
|
2
|
+
import "../Primitive/index.cjs";
|
|
2
3
|
import { ChipVariants } from "./Chip.styles.cjs";
|
|
3
4
|
import * as React$1 from "react";
|
|
4
|
-
import * as
|
|
5
|
+
import * as react_jsx_runtime44 from "react/jsx-runtime";
|
|
5
6
|
|
|
6
7
|
//#region src/components/Chip/Chip.d.ts
|
|
7
8
|
interface ChipProps extends Omit<React$1.ComponentPropsWithoutRef<'div'>, 'color'>, PrimitiveProps, ChipVariants {}
|
|
@@ -14,7 +15,7 @@ declare const Chip: {
|
|
|
14
15
|
onClick,
|
|
15
16
|
className,
|
|
16
17
|
...props
|
|
17
|
-
}: ChipProps):
|
|
18
|
+
}: ChipProps): react_jsx_runtime44.JSX.Element;
|
|
18
19
|
displayName: string;
|
|
19
20
|
};
|
|
20
21
|
//#endregion
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.d.cts","names":[],"sources":["../../../src/components/Chip/Chip.tsx"],"mappings":"
|
|
1
|
+
{"version":3,"file":"Chip.d.cts","names":[],"sources":["../../../src/components/Chip/Chip.tsx"],"mappings":";;;;;;;UAKiB,SAAA,SAEb,IAAA,CAAK,OAAA,CAAM,wBAAA,mBACX,cAAA,EACA,YAAA;AAAA,cAES,IAAA;EAAA;;;;;;;;KAQV,SAAA,GAAS,mBAAA,CAAA,GAAA,CAAA,OAAA"}
|
|
@@ -2,7 +2,7 @@ import { PrimitiveProps } from "../Primitive/Primitive.mjs";
|
|
|
2
2
|
import "../Primitive/index.mjs";
|
|
3
3
|
import { ChipVariants } from "./Chip.styles.mjs";
|
|
4
4
|
import * as React$1 from "react";
|
|
5
|
-
import * as
|
|
5
|
+
import * as react_jsx_runtime36 from "react/jsx-runtime";
|
|
6
6
|
|
|
7
7
|
//#region src/components/Chip/Chip.d.ts
|
|
8
8
|
interface ChipProps extends Omit<React$1.ComponentPropsWithoutRef<'div'>, 'color'>, PrimitiveProps, ChipVariants {}
|
|
@@ -15,7 +15,7 @@ declare const Chip: {
|
|
|
15
15
|
onClick,
|
|
16
16
|
className,
|
|
17
17
|
...props
|
|
18
|
-
}: ChipProps):
|
|
18
|
+
}: ChipProps): react_jsx_runtime36.JSX.Element;
|
|
19
19
|
displayName: string;
|
|
20
20
|
};
|
|
21
21
|
//#endregion
|
|
@@ -12,7 +12,7 @@ const chip = (0, tailwind_variants.tv)({
|
|
|
12
12
|
},
|
|
13
13
|
size: {
|
|
14
14
|
sm: "px-2 py-1 typo-body-14-semibold",
|
|
15
|
-
md: "px-[0.
|
|
15
|
+
md: "px-[0.75rem] py-[0.375rem] typo-body-15-medium"
|
|
16
16
|
},
|
|
17
17
|
disabled: {
|
|
18
18
|
true: "pointer-events-none",
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as tailwind_variants23 from "tailwind-variants";
|
|
2
2
|
import { VariantProps } from "tailwind-variants";
|
|
3
3
|
|
|
4
4
|
//#region src/components/Chip/Chip.styles.d.ts
|
|
5
|
-
declare const chip:
|
|
5
|
+
declare const chip: tailwind_variants23.TVReturnType<{
|
|
6
6
|
color: {
|
|
7
7
|
white: string;
|
|
8
8
|
lightgray: string;
|
|
@@ -30,7 +30,7 @@ declare const chip: tailwind_variants17.TVReturnType<{
|
|
|
30
30
|
true: string;
|
|
31
31
|
false: string;
|
|
32
32
|
};
|
|
33
|
-
}, undefined,
|
|
33
|
+
}, undefined, tailwind_variants23.TVReturnType<{
|
|
34
34
|
color: {
|
|
35
35
|
white: string;
|
|
36
36
|
lightgray: string;
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as tailwind_variants19 from "tailwind-variants";
|
|
2
2
|
import { VariantProps } from "tailwind-variants";
|
|
3
3
|
|
|
4
4
|
//#region src/components/Chip/Chip.styles.d.ts
|
|
5
|
-
declare const chip:
|
|
5
|
+
declare const chip: tailwind_variants19.TVReturnType<{
|
|
6
6
|
color: {
|
|
7
7
|
white: string;
|
|
8
8
|
lightgray: string;
|
|
@@ -30,7 +30,7 @@ declare const chip: tailwind_variants17.TVReturnType<{
|
|
|
30
30
|
true: string;
|
|
31
31
|
false: string;
|
|
32
32
|
};
|
|
33
|
-
}, undefined,
|
|
33
|
+
}, undefined, tailwind_variants19.TVReturnType<{
|
|
34
34
|
color: {
|
|
35
35
|
white: string;
|
|
36
36
|
lightgray: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Chip.styles.mjs","names":[],"sources":["../../../src/components/Chip/Chip.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const chip = tv({\n base: 'inline-flex items-center rounded-[12px] select-none whitespace-nowrap transition-colors gap-2',\n variants: {\n color: {\n white: 'bg-white text-gray-700',\n lightgray: 'bg-[#F5F6F8] text-gray-500',\n darkgray: 'bg-[#364153] text-white',\n },\n size: {\n sm: 'px-2 py-1 typo-body-14-semibold',\n md: 'px-[0.
|
|
1
|
+
{"version":3,"file":"Chip.styles.mjs","names":[],"sources":["../../../src/components/Chip/Chip.styles.ts"],"sourcesContent":["import { tv, type VariantProps } from 'tailwind-variants';\n\nexport const chip = tv({\n base: 'inline-flex items-center rounded-[12px] select-none whitespace-nowrap transition-colors gap-2',\n variants: {\n color: {\n white: 'bg-white text-gray-700',\n lightgray: 'bg-[#F5F6F8] text-gray-500',\n darkgray: 'bg-[#364153] text-white',\n },\n size: {\n sm: 'px-2 py-1 typo-body-14-semibold',\n md: 'px-[0.75rem] py-[0.375rem] typo-body-15-medium',\n },\n disabled: {\n true: 'pointer-events-none',\n false: 'cursor-pointer',\n },\n },\n defaultVariants: {\n size: 'md',\n color: 'white',\n disabled: false,\n },\n});\n\nexport type ChipVariants = VariantProps<typeof chip>;\n"],"mappings":";;;AAEA,MAAa,OAAO,GAAG;CACrB,MAAM;CACN,UAAU;EACR,OAAO;GACL,OAAO;GACP,WAAW;GACX,UAAU;GACX;EACD,MAAM;GACJ,IAAI;GACJ,IAAI;GACL;EACD,UAAU;GACR,MAAM;GACN,OAAO;GACR;EACF;CACD,iBAAiB;EACf,MAAM;EACN,OAAO;EACP,UAAU;EACX;CACF,CAAC"}
|