@reitwagen/design-components 0.2.1 → 0.3.0
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/Button/Button.d.ts +3 -9
- package/dist/components/Button/Button.d.ts.map +1 -1
- package/dist/components/Button/Button.js +2 -127
- package/dist/components/Button/Button.stories.js +6 -6
- package/dist/components/Button/Button.styles.d.ts +8 -0
- package/dist/components/Button/Button.styles.d.ts.map +1 -0
- package/dist/components/Button/Button.styles.js +129 -0
- package/dist/components/Checkbox/Checkbox.d.ts +15 -0
- package/dist/components/Checkbox/Checkbox.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.js +33 -0
- package/dist/components/Checkbox/Checkbox.stories.d.ts +35 -0
- package/dist/components/Checkbox/Checkbox.stories.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.stories.js +172 -0
- package/dist/components/Checkbox/Checkbox.styles.d.ts +9 -0
- package/dist/components/Checkbox/Checkbox.styles.d.ts.map +1 -0
- package/dist/components/Checkbox/Checkbox.styles.js +70 -0
- package/dist/components/Checkbox/index.d.ts +2 -0
- package/dist/components/Checkbox/index.d.ts.map +1 -0
- package/dist/components/Checkbox/index.js +5 -0
- package/dist/components/Chip/Chip.d.ts +3 -10
- package/dist/components/Chip/Chip.d.ts.map +1 -1
- package/dist/components/Chip/Chip.js +2 -123
- package/dist/components/Chip/Chip.styles.d.ts +8 -0
- package/dist/components/Chip/Chip.styles.d.ts.map +1 -0
- package/dist/components/Chip/Chip.styles.js +125 -0
- package/dist/components/Icons/Icon.stories.d.ts +17 -7
- package/dist/components/Icons/Icon.stories.d.ts.map +1 -1
- package/dist/components/Icons/Icon.stories.js +17 -4
- package/dist/components/Icons/IconAlarmOff.d.ts +10 -2
- package/dist/components/Icons/IconAlarmOff.d.ts.map +1 -1
- package/dist/components/Icons/IconAlarmOff.js +10 -2
- package/dist/components/Icons/IconAlarmOn.d.ts +10 -2
- package/dist/components/Icons/IconAlarmOn.d.ts.map +1 -1
- package/dist/components/Icons/IconAlarmOn.js +10 -2
- package/dist/components/Icons/IconAppleDefault.d.ts +10 -2
- package/dist/components/Icons/IconAppleDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconAppleDefault.js +10 -2
- package/dist/components/Icons/IconArrowDown.d.ts +10 -2
- package/dist/components/Icons/IconArrowDown.d.ts.map +1 -1
- package/dist/components/Icons/IconArrowDown.js +10 -2
- package/dist/components/Icons/IconArrowLeft.d.ts +10 -2
- package/dist/components/Icons/IconArrowLeft.d.ts.map +1 -1
- package/dist/components/Icons/IconArrowLeft.js +10 -2
- package/dist/components/Icons/IconArrowRight.d.ts +10 -2
- package/dist/components/Icons/IconArrowRight.d.ts.map +1 -1
- package/dist/components/Icons/IconArrowRight.js +10 -2
- package/dist/components/Icons/IconArrowUp.d.ts +10 -2
- package/dist/components/Icons/IconArrowUp.d.ts.map +1 -1
- package/dist/components/Icons/IconArrowUp.js +10 -2
- package/dist/components/Icons/IconBikeDefault.d.ts +10 -2
- package/dist/components/Icons/IconBikeDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconBikeDefault.js +10 -2
- package/dist/components/Icons/IconBookmarkOff.d.ts +10 -2
- package/dist/components/Icons/IconBookmarkOff.d.ts.map +1 -1
- package/dist/components/Icons/IconBookmarkOff.js +10 -2
- package/dist/components/Icons/IconBookmarkOn.d.ts +10 -2
- package/dist/components/Icons/IconBookmarkOn.d.ts.map +1 -1
- package/dist/components/Icons/IconBookmarkOn.js +10 -2
- package/dist/components/Icons/IconCafeDefault.d.ts +10 -2
- package/dist/components/Icons/IconCafeDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconCafeDefault.js +10 -2
- package/dist/components/Icons/IconCalendarDefault.d.ts +10 -2
- package/dist/components/Icons/IconCalendarDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconCalendarDefault.js +10 -2
- package/dist/components/Icons/IconCallDefault.d.ts +10 -2
- package/dist/components/Icons/IconCallDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconCallDefault.js +10 -2
- package/dist/components/Icons/IconCameraDefault.d.ts +10 -2
- package/dist/components/Icons/IconCameraDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconCameraDefault.js +10 -2
- package/dist/components/Icons/IconChatDefault.d.ts +10 -2
- package/dist/components/Icons/IconChatDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconChatDefault.js +10 -2
- package/dist/components/Icons/IconCheckDefault.d.ts +10 -2
- package/dist/components/Icons/IconCheckDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconCheckDefault.js +10 -2
- package/dist/components/Icons/IconChevronDown.d.ts +10 -2
- package/dist/components/Icons/IconChevronDown.d.ts.map +1 -1
- package/dist/components/Icons/IconChevronDown.js +10 -2
- package/dist/components/Icons/IconChevronLeft.d.ts +10 -2
- package/dist/components/Icons/IconChevronLeft.d.ts.map +1 -1
- package/dist/components/Icons/IconChevronLeft.js +10 -2
- package/dist/components/Icons/IconChevronRight.d.ts +10 -2
- package/dist/components/Icons/IconChevronRight.d.ts.map +1 -1
- package/dist/components/Icons/IconChevronRight.js +10 -2
- package/dist/components/Icons/IconChevronUp.d.ts +10 -2
- package/dist/components/Icons/IconChevronUp.d.ts.map +1 -1
- package/dist/components/Icons/IconChevronUp.js +10 -2
- package/dist/components/Icons/IconCloseCircle.d.ts +10 -2
- package/dist/components/Icons/IconCloseCircle.d.ts.map +1 -1
- package/dist/components/Icons/IconCloseCircle.js +10 -2
- package/dist/components/Icons/IconCloseDefault.d.ts +10 -2
- package/dist/components/Icons/IconCloseDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconCloseDefault.js +10 -2
- package/dist/components/Icons/IconCloseSmall.d.ts +10 -2
- package/dist/components/Icons/IconCloseSmall.d.ts.map +1 -1
- package/dist/components/Icons/IconCloseSmall.js +10 -2
- package/dist/components/Icons/IconCommentOff.d.ts +10 -2
- package/dist/components/Icons/IconCommentOff.d.ts.map +1 -1
- package/dist/components/Icons/IconCommentOff.js +10 -2
- package/dist/components/Icons/IconCommentOn.d.ts +10 -2
- package/dist/components/Icons/IconCommentOn.d.ts.map +1 -1
- package/dist/components/Icons/IconCommentOn.js +10 -2
- package/dist/components/Icons/IconCommunityDefault.d.ts +10 -2
- package/dist/components/Icons/IconCommunityDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconCommunityDefault.js +10 -2
- package/dist/components/Icons/IconCopyDefault.d.ts +10 -2
- package/dist/components/Icons/IconCopyDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconCopyDefault.js +10 -2
- package/dist/components/Icons/IconCouponDefault.d.ts +10 -2
- package/dist/components/Icons/IconCouponDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconCouponDefault.js +10 -2
- package/dist/components/Icons/IconEditDefault.d.ts +10 -2
- package/dist/components/Icons/IconEditDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconEditDefault.js +10 -2
- package/dist/components/Icons/IconEyeOff.d.ts +10 -2
- package/dist/components/Icons/IconEyeOff.d.ts.map +1 -1
- package/dist/components/Icons/IconEyeOff.js +10 -2
- package/dist/components/Icons/IconEyeOn.d.ts +10 -2
- package/dist/components/Icons/IconEyeOn.d.ts.map +1 -1
- package/dist/components/Icons/IconEyeOn.js +10 -2
- package/dist/components/Icons/IconFilterDefault.d.ts +10 -2
- package/dist/components/Icons/IconFilterDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconFilterDefault.js +10 -2
- package/dist/components/Icons/IconFireDefault.d.ts +10 -2
- package/dist/components/Icons/IconFireDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconFireDefault.js +10 -2
- package/dist/components/Icons/IconFlagDefault.d.ts +10 -2
- package/dist/components/Icons/IconFlagDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconFlagDefault.js +10 -2
- package/dist/components/Icons/IconFunDefault.d.ts +10 -2
- package/dist/components/Icons/IconFunDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconFunDefault.js +10 -2
- package/dist/components/Icons/IconHeartDefault.d.ts +10 -2
- package/dist/components/Icons/IconHeartDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconHeartDefault.js +10 -2
- package/dist/components/Icons/IconHeartOff.d.ts +10 -2
- package/dist/components/Icons/IconHeartOff.d.ts.map +1 -1
- package/dist/components/Icons/IconHeartOff.js +10 -2
- package/dist/components/Icons/IconHeartOn.d.ts +10 -2
- package/dist/components/Icons/IconHeartOn.d.ts.map +1 -1
- package/dist/components/Icons/IconHeartOn.js +10 -2
- package/dist/components/Icons/IconHelmetDefault.d.ts +10 -2
- package/dist/components/Icons/IconHelmetDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconHelmetDefault.js +10 -2
- package/dist/components/Icons/IconHomeDefault.d.ts +10 -2
- package/dist/components/Icons/IconHomeDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconHomeDefault.js +10 -2
- package/dist/components/Icons/IconHomeLine.d.ts +10 -2
- package/dist/components/Icons/IconHomeLine.d.ts.map +1 -1
- package/dist/components/Icons/IconHomeLine.js +10 -2
- package/dist/components/Icons/IconImageDefault.d.ts +10 -2
- package/dist/components/Icons/IconImageDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconImageDefault.js +10 -2
- package/dist/components/Icons/IconInfoDefault.d.ts +10 -2
- package/dist/components/Icons/IconInfoDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconInfoDefault.js +10 -2
- package/dist/components/Icons/IconInformationDefault.d.ts +10 -2
- package/dist/components/Icons/IconInformationDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconInformationDefault.js +10 -2
- package/dist/components/Icons/IconInstagramDefault.d.ts +10 -2
- package/dist/components/Icons/IconInstagramDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconInstagramDefault.js +10 -2
- package/dist/components/Icons/IconKakaotalkDefault.d.ts +10 -2
- package/dist/components/Icons/IconKakaotalkDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconKakaotalkDefault.js +11 -3
- package/dist/components/Icons/IconLike.d.ts +10 -2
- package/dist/components/Icons/IconLike.d.ts.map +1 -1
- package/dist/components/Icons/IconLike.js +10 -2
- package/dist/components/Icons/IconLikeOff.d.ts +10 -2
- package/dist/components/Icons/IconLikeOff.d.ts.map +1 -1
- package/dist/components/Icons/IconLikeOff.js +10 -2
- package/dist/components/Icons/IconLikeOn.d.ts +10 -2
- package/dist/components/Icons/IconLikeOn.d.ts.map +1 -1
- package/dist/components/Icons/IconLikeOn.js +10 -2
- package/dist/components/Icons/IconLocateDefault.d.ts +10 -2
- package/dist/components/Icons/IconLocateDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconLocateDefault.js +10 -2
- package/dist/components/Icons/IconMYDefault.d.ts +10 -2
- package/dist/components/Icons/IconMYDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconMYDefault.js +10 -2
- package/dist/components/Icons/IconMYLine.d.ts +10 -2
- package/dist/components/Icons/IconMYLine.d.ts.map +1 -1
- package/dist/components/Icons/IconMYLine.js +10 -2
- package/dist/components/Icons/IconMedal.d.ts +10 -2
- package/dist/components/Icons/IconMedal.d.ts.map +1 -1
- package/dist/components/Icons/IconMedal.js +10 -2
- package/dist/components/Icons/IconMenuDefault.d.ts +10 -2
- package/dist/components/Icons/IconMenuDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconMenuDefault.js +10 -2
- package/dist/components/Icons/IconMessage.d.ts +10 -2
- package/dist/components/Icons/IconMessage.d.ts.map +1 -1
- package/dist/components/Icons/IconMessage.js +10 -2
- package/dist/components/Icons/IconMessageDefault.d.ts +10 -2
- package/dist/components/Icons/IconMessageDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconMessageDefault.js +10 -2
- package/dist/components/Icons/IconMinusDefault.d.ts +10 -2
- package/dist/components/Icons/IconMinusDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconMinusDefault.js +10 -2
- package/dist/components/Icons/IconMoreDefault.d.ts +10 -2
- package/dist/components/Icons/IconMoreDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconMoreDefault.js +10 -2
- package/dist/components/Icons/IconNaviDefault.d.ts +10 -2
- package/dist/components/Icons/IconNaviDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconNaviDefault.js +10 -2
- package/dist/components/Icons/IconNaviLine.d.ts +10 -2
- package/dist/components/Icons/IconNaviLine.d.ts.map +1 -1
- package/dist/components/Icons/IconNaviLine.js +10 -2
- package/dist/components/Icons/IconNull.d.ts +10 -2
- package/dist/components/Icons/IconNull.d.ts.map +1 -1
- package/dist/components/Icons/IconNull.js +11 -3
- package/dist/components/Icons/IconOilDefault.d.ts +10 -2
- package/dist/components/Icons/IconOilDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconOilDefault.js +10 -2
- package/dist/components/Icons/IconPlaceDefault.d.ts +10 -2
- package/dist/components/Icons/IconPlaceDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconPlaceDefault.js +10 -2
- package/dist/components/Icons/IconPlaceLine.d.ts +10 -2
- package/dist/components/Icons/IconPlaceLine.d.ts.map +1 -1
- package/dist/components/Icons/IconPlaceLine.js +10 -2
- package/dist/components/Icons/IconPlusDefault.d.ts +10 -2
- package/dist/components/Icons/IconPlusDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconPlusDefault.js +10 -2
- package/dist/components/Icons/IconReceiptDefault.d.ts +10 -2
- package/dist/components/Icons/IconReceiptDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconReceiptDefault.js +10 -2
- package/dist/components/Icons/IconRepairDefault.d.ts +10 -2
- package/dist/components/Icons/IconRepairDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconRepairDefault.js +10 -2
- package/dist/components/Icons/IconResetDefault.d.ts +10 -2
- package/dist/components/Icons/IconResetDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconResetDefault.js +10 -2
- package/dist/components/Icons/IconRevolvingLightDefault.d.ts +10 -2
- package/dist/components/Icons/IconRevolvingLightDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconRevolvingLightDefault.js +10 -2
- package/dist/components/Icons/IconSadDefault.d.ts +10 -2
- package/dist/components/Icons/IconSadDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconSadDefault.js +10 -2
- package/dist/components/Icons/IconSafe.d.ts +10 -2
- package/dist/components/Icons/IconSafe.d.ts.map +1 -1
- package/dist/components/Icons/IconSafe.js +10 -2
- package/dist/components/Icons/IconSearchDefault.d.ts +10 -2
- package/dist/components/Icons/IconSearchDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconSearchDefault.js +10 -2
- package/dist/components/Icons/IconSettingDefault.d.ts +10 -2
- package/dist/components/Icons/IconSettingDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconSettingDefault.js +10 -2
- package/dist/components/Icons/IconShareDefault.d.ts +10 -2
- package/dist/components/Icons/IconShareDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconShareDefault.js +10 -2
- package/dist/components/Icons/IconShopDefault.d.ts +10 -2
- package/dist/components/Icons/IconShopDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconShopDefault.js +10 -2
- package/dist/components/Icons/IconSmileDefault.d.ts +10 -2
- package/dist/components/Icons/IconSmileDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconSmileDefault.js +10 -2
- package/dist/components/Icons/IconStarOff.d.ts +10 -2
- package/dist/components/Icons/IconStarOff.d.ts.map +1 -1
- package/dist/components/Icons/IconStarOff.js +10 -2
- package/dist/components/Icons/IconStarOn.d.ts +10 -2
- package/dist/components/Icons/IconStarOn.d.ts.map +1 -1
- package/dist/components/Icons/IconStarOn.js +10 -2
- package/dist/components/Icons/IconThumbDefault.d.ts +10 -2
- package/dist/components/Icons/IconThumbDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconThumbDefault.js +10 -2
- package/dist/components/Icons/IconThunder.d.ts +10 -2
- package/dist/components/Icons/IconThunder.d.ts.map +1 -1
- package/dist/components/Icons/IconThunder.js +10 -2
- package/dist/components/Icons/IconTimeDefault.d.ts +10 -2
- package/dist/components/Icons/IconTimeDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconTimeDefault.js +10 -2
- package/dist/components/Icons/IconVoteDefault.d.ts +10 -2
- package/dist/components/Icons/IconVoteDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconVoteDefault.js +10 -2
- package/dist/components/Icons/IconYoutubeDefault.d.ts +10 -2
- package/dist/components/Icons/IconYoutubeDefault.d.ts.map +1 -1
- package/dist/components/Icons/IconYoutubeDefault.js +10 -2
- package/dist/components/Icons/index.d.ts +83 -83
- package/dist/components/Icons/index.d.ts.map +1 -1
- package/dist/components/Toggle/Toggle.d.ts +19 -5
- package/dist/components/Toggle/Toggle.d.ts.map +1 -1
- package/dist/components/Toggle/Toggle.js +18 -59
- package/dist/components/Toggle/Toggle.styles.d.ts +9 -0
- package/dist/components/Toggle/Toggle.styles.d.ts.map +1 -0
- package/dist/components/Toggle/Toggle.styles.js +60 -0
- package/dist/index.css +52 -0
- package/dist/index.d.ts +1 -0
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -0
- package/dist/types/props.d.ts +4 -1
- package/dist/types/props.d.ts.map +1 -1
- package/package.json +1 -1
|
@@ -1,84 +1,84 @@
|
|
|
1
|
-
export { default as IconNull } from
|
|
2
|
-
export { default as IconBookmarkOn } from
|
|
3
|
-
export { default as IconBookmarkOff } from
|
|
4
|
-
export { default as IconHeartOn } from
|
|
5
|
-
export { default as IconHeartOff } from
|
|
6
|
-
export { default as IconStarOn } from
|
|
7
|
-
export { default as IconStarOff } from
|
|
8
|
-
export { default as IconPlusDefault } from
|
|
9
|
-
export { default as IconMinusDefault } from
|
|
10
|
-
export { default as IconCloseCircle } from
|
|
11
|
-
export { default as IconCloseDefault } from
|
|
12
|
-
export { default as IconCloseSmall } from
|
|
13
|
-
export { default as IconResetDefault } from
|
|
14
|
-
export { default as IconCheckDefault } from
|
|
15
|
-
export { default as IconEditDefault } from
|
|
16
|
-
export { default as IconCopyDefault } from
|
|
17
|
-
export { default as IconInformationDefault } from
|
|
18
|
-
export { default as IconInfoDefault } from
|
|
19
|
-
export { default as IconArrowLeft } from
|
|
20
|
-
export { default as IconArrowRight } from
|
|
21
|
-
export { default as IconArrowDown } from
|
|
22
|
-
export { default as IconArrowUp } from
|
|
23
|
-
export { default as IconChevronLeft } from
|
|
24
|
-
export { default as IconChevronRight } from
|
|
25
|
-
export { default as IconChevronDown } from
|
|
26
|
-
export { default as IconChevronUp } from
|
|
27
|
-
export { default as IconSearchDefault } from
|
|
28
|
-
export { default as IconAlarmOff } from
|
|
29
|
-
export { default as IconAlarmOn } from
|
|
30
|
-
export { default as IconSettingDefault } from
|
|
31
|
-
export { default as IconShareDefault } from
|
|
32
|
-
export { default as IconMenuDefault } from
|
|
33
|
-
export { default as IconLikeOn } from
|
|
34
|
-
export { default as IconLikeOff } from
|
|
35
|
-
export { default as IconCommentOn } from
|
|
36
|
-
export { default as IconCommentOff } from
|
|
37
|
-
export { default as IconHomeDefault } from
|
|
38
|
-
export { default as IconCommunityDefault } from
|
|
39
|
-
export { default as IconShopDefault } from
|
|
40
|
-
export { default as IconMessageDefault } from
|
|
41
|
-
export { default as IconMYDefault } from
|
|
42
|
-
export { default as IconHomeLine } from
|
|
43
|
-
export { default as IconMYLine } from
|
|
44
|
-
export { default as IconCameraDefault } from
|
|
45
|
-
export { default as IconImageDefault } from
|
|
46
|
-
export { default as IconTimeDefault } from
|
|
47
|
-
export { default as IconCalendarDefault } from
|
|
48
|
-
export { default as IconInstagramDefault } from
|
|
49
|
-
export { default as IconYoutubeDefault } from
|
|
50
|
-
export { default as IconKakaotalkDefault } from
|
|
51
|
-
export { default as IconAppleDefault } from
|
|
52
|
-
export { default as IconEyeOn } from
|
|
53
|
-
export { default as IconEyeOff } from
|
|
54
|
-
export { default as IconMoreDefault } from
|
|
55
|
-
export { default as IconCouponDefault } from
|
|
56
|
-
export { default as IconReceiptDefault } from
|
|
57
|
-
export { default as IconFilterDefault } from
|
|
58
|
-
export { default as IconVoteDefault } from
|
|
59
|
-
export { default as IconPlaceDefault } from
|
|
60
|
-
export { default as IconPlaceLine } from
|
|
61
|
-
export { default as IconNaviDefault } from
|
|
62
|
-
export { default as IconNaviLine } from
|
|
63
|
-
export { default as IconLocateDefault } from
|
|
64
|
-
export { default as IconCallDefault } from
|
|
65
|
-
export { default as IconFlagDefault } from
|
|
66
|
-
export { default as IconCafeDefault } from
|
|
67
|
-
export { default as IconRepairDefault } from
|
|
68
|
-
export { default as IconOilDefault } from
|
|
69
|
-
export { default as IconSafe } from
|
|
70
|
-
export { default as IconMedal } from
|
|
71
|
-
export { default as IconLike } from
|
|
72
|
-
export { default as IconMessage } from
|
|
73
|
-
export { default as IconThunder } from
|
|
74
|
-
export { default as IconHelmetDefault } from
|
|
75
|
-
export { default as IconBikeDefault } from
|
|
76
|
-
export { default as IconSmileDefault } from
|
|
77
|
-
export { default as IconThumbDefault } from
|
|
78
|
-
export { default as IconFireDefault } from
|
|
79
|
-
export { default as IconSadDefault } from
|
|
80
|
-
export { default as IconHeartDefault } from
|
|
81
|
-
export { default as IconFunDefault } from
|
|
82
|
-
export { default as IconChatDefault } from
|
|
83
|
-
export { default as IconRevolvingLightDefault } from
|
|
1
|
+
export { default as IconNull } from './IconNull';
|
|
2
|
+
export { default as IconBookmarkOn } from './IconBookmarkOn';
|
|
3
|
+
export { default as IconBookmarkOff } from './IconBookmarkOff';
|
|
4
|
+
export { default as IconHeartOn } from './IconHeartOn';
|
|
5
|
+
export { default as IconHeartOff } from './IconHeartOff';
|
|
6
|
+
export { default as IconStarOn } from './IconStarOn';
|
|
7
|
+
export { default as IconStarOff } from './IconStarOff';
|
|
8
|
+
export { default as IconPlusDefault } from './IconPlusDefault';
|
|
9
|
+
export { default as IconMinusDefault } from './IconMinusDefault';
|
|
10
|
+
export { default as IconCloseCircle } from './IconCloseCircle';
|
|
11
|
+
export { default as IconCloseDefault } from './IconCloseDefault';
|
|
12
|
+
export { default as IconCloseSmall } from './IconCloseSmall';
|
|
13
|
+
export { default as IconResetDefault } from './IconResetDefault';
|
|
14
|
+
export { default as IconCheckDefault } from './IconCheckDefault';
|
|
15
|
+
export { default as IconEditDefault } from './IconEditDefault';
|
|
16
|
+
export { default as IconCopyDefault } from './IconCopyDefault';
|
|
17
|
+
export { default as IconInformationDefault } from './IconInformationDefault';
|
|
18
|
+
export { default as IconInfoDefault } from './IconInfoDefault';
|
|
19
|
+
export { default as IconArrowLeft } from './IconArrowLeft';
|
|
20
|
+
export { default as IconArrowRight } from './IconArrowRight';
|
|
21
|
+
export { default as IconArrowDown } from './IconArrowDown';
|
|
22
|
+
export { default as IconArrowUp } from './IconArrowUp';
|
|
23
|
+
export { default as IconChevronLeft } from './IconChevronLeft';
|
|
24
|
+
export { default as IconChevronRight } from './IconChevronRight';
|
|
25
|
+
export { default as IconChevronDown } from './IconChevronDown';
|
|
26
|
+
export { default as IconChevronUp } from './IconChevronUp';
|
|
27
|
+
export { default as IconSearchDefault } from './IconSearchDefault';
|
|
28
|
+
export { default as IconAlarmOff } from './IconAlarmOff';
|
|
29
|
+
export { default as IconAlarmOn } from './IconAlarmOn';
|
|
30
|
+
export { default as IconSettingDefault } from './IconSettingDefault';
|
|
31
|
+
export { default as IconShareDefault } from './IconShareDefault';
|
|
32
|
+
export { default as IconMenuDefault } from './IconMenuDefault';
|
|
33
|
+
export { default as IconLikeOn } from './IconLikeOn';
|
|
34
|
+
export { default as IconLikeOff } from './IconLikeOff';
|
|
35
|
+
export { default as IconCommentOn } from './IconCommentOn';
|
|
36
|
+
export { default as IconCommentOff } from './IconCommentOff';
|
|
37
|
+
export { default as IconHomeDefault } from './IconHomeDefault';
|
|
38
|
+
export { default as IconCommunityDefault } from './IconCommunityDefault';
|
|
39
|
+
export { default as IconShopDefault } from './IconShopDefault';
|
|
40
|
+
export { default as IconMessageDefault } from './IconMessageDefault';
|
|
41
|
+
export { default as IconMYDefault } from './IconMYDefault';
|
|
42
|
+
export { default as IconHomeLine } from './IconHomeLine';
|
|
43
|
+
export { default as IconMYLine } from './IconMYLine';
|
|
44
|
+
export { default as IconCameraDefault } from './IconCameraDefault';
|
|
45
|
+
export { default as IconImageDefault } from './IconImageDefault';
|
|
46
|
+
export { default as IconTimeDefault } from './IconTimeDefault';
|
|
47
|
+
export { default as IconCalendarDefault } from './IconCalendarDefault';
|
|
48
|
+
export { default as IconInstagramDefault } from './IconInstagramDefault';
|
|
49
|
+
export { default as IconYoutubeDefault } from './IconYoutubeDefault';
|
|
50
|
+
export { default as IconKakaotalkDefault } from './IconKakaotalkDefault';
|
|
51
|
+
export { default as IconAppleDefault } from './IconAppleDefault';
|
|
52
|
+
export { default as IconEyeOn } from './IconEyeOn';
|
|
53
|
+
export { default as IconEyeOff } from './IconEyeOff';
|
|
54
|
+
export { default as IconMoreDefault } from './IconMoreDefault';
|
|
55
|
+
export { default as IconCouponDefault } from './IconCouponDefault';
|
|
56
|
+
export { default as IconReceiptDefault } from './IconReceiptDefault';
|
|
57
|
+
export { default as IconFilterDefault } from './IconFilterDefault';
|
|
58
|
+
export { default as IconVoteDefault } from './IconVoteDefault';
|
|
59
|
+
export { default as IconPlaceDefault } from './IconPlaceDefault';
|
|
60
|
+
export { default as IconPlaceLine } from './IconPlaceLine';
|
|
61
|
+
export { default as IconNaviDefault } from './IconNaviDefault';
|
|
62
|
+
export { default as IconNaviLine } from './IconNaviLine';
|
|
63
|
+
export { default as IconLocateDefault } from './IconLocateDefault';
|
|
64
|
+
export { default as IconCallDefault } from './IconCallDefault';
|
|
65
|
+
export { default as IconFlagDefault } from './IconFlagDefault';
|
|
66
|
+
export { default as IconCafeDefault } from './IconCafeDefault';
|
|
67
|
+
export { default as IconRepairDefault } from './IconRepairDefault';
|
|
68
|
+
export { default as IconOilDefault } from './IconOilDefault';
|
|
69
|
+
export { default as IconSafe } from './IconSafe';
|
|
70
|
+
export { default as IconMedal } from './IconMedal';
|
|
71
|
+
export { default as IconLike } from './IconLike';
|
|
72
|
+
export { default as IconMessage } from './IconMessage';
|
|
73
|
+
export { default as IconThunder } from './IconThunder';
|
|
74
|
+
export { default as IconHelmetDefault } from './IconHelmetDefault';
|
|
75
|
+
export { default as IconBikeDefault } from './IconBikeDefault';
|
|
76
|
+
export { default as IconSmileDefault } from './IconSmileDefault';
|
|
77
|
+
export { default as IconThumbDefault } from './IconThumbDefault';
|
|
78
|
+
export { default as IconFireDefault } from './IconFireDefault';
|
|
79
|
+
export { default as IconSadDefault } from './IconSadDefault';
|
|
80
|
+
export { default as IconHeartDefault } from './IconHeartDefault';
|
|
81
|
+
export { default as IconFunDefault } from './IconFunDefault';
|
|
82
|
+
export { default as IconChatDefault } from './IconChatDefault';
|
|
83
|
+
export { default as IconRevolvingLightDefault } from './IconRevolvingLightDefault';
|
|
84
84
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Icons/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,15 +1,29 @@
|
|
|
1
1
|
import { ButtonHTMLAttributes } from "react";
|
|
2
2
|
import { type VariantProps } from "class-variance-authority";
|
|
3
|
-
|
|
4
|
-
disabled?: boolean | null | undefined;
|
|
5
|
-
checked?: boolean | null | undefined;
|
|
6
|
-
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
3
|
+
import { toggleVariants } from "./Toggle.styles";
|
|
7
4
|
export interface ToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "disabled">, VariantProps<typeof toggleVariants> {
|
|
5
|
+
/**
|
|
6
|
+
* 토글 상태가 변경될 때 호출되는 이벤트 핸들러
|
|
7
|
+
*/
|
|
8
8
|
onCheckedChange?: (checked: boolean) => void;
|
|
9
9
|
}
|
|
10
|
+
/**
|
|
11
|
+
* `Toggle` 컴포넌트는 즉각적인 상태 전환(켜기/끄기)을 위한 요소로, 활성화/비활성화 기능을 나타냅니다.
|
|
12
|
+
* @example
|
|
13
|
+
* ```tsx
|
|
14
|
+
* const [checked, setChecked] = useState(false)
|
|
15
|
+
* // Controlled
|
|
16
|
+
* <Toggle
|
|
17
|
+
* checked={checked}
|
|
18
|
+
* onCheckedChange={setChecked}
|
|
19
|
+
* />
|
|
20
|
+
* // UnControlled
|
|
21
|
+
* <Toggle defaultChecked={true}
|
|
22
|
+
* />
|
|
23
|
+
* ```
|
|
24
|
+
*/
|
|
10
25
|
export declare function Toggle({ checked: controlledChecked, defaultChecked, disabled, onCheckedChange, ...props }: ToggleProps): import("react/jsx-runtime").JSX.Element;
|
|
11
26
|
export declare namespace Toggle {
|
|
12
27
|
var displayName: string;
|
|
13
28
|
}
|
|
14
|
-
export {};
|
|
15
29
|
//# sourceMappingURL=Toggle.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAY,MAAM,OAAO,CAAC;AACvD,OAAO,
|
|
1
|
+
{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAY,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAE7D,OAAO,EAAiB,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAEhE,MAAM,WAAW,WACf,SAAQ,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,EAC/D,YAAY,CAAC,OAAO,cAAc,CAAC;IACrC;;OAEG;IACH,eAAe,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED;;;;;;;;;;;;;;GAcG;AAEH,wBAAgB,MAAM,CAAC,EACrB,OAAO,EAAE,iBAAiB,EAC1B,cAAc,EACd,QAAQ,EACR,eAAe,EACf,GAAG,KAAK,EACT,EAAE,WAAW,2CAmCb;yBAzCe,MAAM"}
|
|
@@ -4,64 +4,23 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
4
4
|
exports.Toggle = Toggle;
|
|
5
5
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
6
6
|
const react_1 = require("react");
|
|
7
|
-
const class_variance_authority_1 = require("class-variance-authority");
|
|
8
7
|
const style_1 = require("../../utils/style");
|
|
9
|
-
const
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
},
|
|
26
|
-
{
|
|
27
|
-
disabled: true,
|
|
28
|
-
checked: false,
|
|
29
|
-
className: "ui:bg-gray-50",
|
|
30
|
-
},
|
|
31
|
-
{
|
|
32
|
-
disabled: true,
|
|
33
|
-
checked: true,
|
|
34
|
-
className: "ui:bg-blue-300",
|
|
35
|
-
},
|
|
36
|
-
],
|
|
37
|
-
defaultVariants: {
|
|
38
|
-
disabled: false,
|
|
39
|
-
checked: false,
|
|
40
|
-
},
|
|
41
|
-
});
|
|
42
|
-
const thumbVariants = (0, class_variance_authority_1.cva)("ui:focus:ring-0 ui:ring-0 ui:bg-white ui:rounded-full ui:transition-transform", {
|
|
43
|
-
variants: {
|
|
44
|
-
disabled: {
|
|
45
|
-
true: "",
|
|
46
|
-
false: "",
|
|
47
|
-
},
|
|
48
|
-
checked: {
|
|
49
|
-
true: "ui:w-[25px] ui:h-[25px] ui:translate-x-6",
|
|
50
|
-
false: "ui:w-[21px] ui:h-[21px] ui:translate-x-1",
|
|
51
|
-
},
|
|
52
|
-
},
|
|
53
|
-
compoundVariants: [
|
|
54
|
-
{
|
|
55
|
-
disabled: false,
|
|
56
|
-
checked: false,
|
|
57
|
-
className: "ui:active:bg-gray-100",
|
|
58
|
-
},
|
|
59
|
-
],
|
|
60
|
-
defaultVariants: {
|
|
61
|
-
disabled: false,
|
|
62
|
-
checked: false,
|
|
63
|
-
},
|
|
64
|
-
});
|
|
8
|
+
const Toggle_styles_1 = require("./Toggle.styles");
|
|
9
|
+
/**
|
|
10
|
+
* `Toggle` 컴포넌트는 즉각적인 상태 전환(켜기/끄기)을 위한 요소로, 활성화/비활성화 기능을 나타냅니다.
|
|
11
|
+
* @example
|
|
12
|
+
* ```tsx
|
|
13
|
+
* const [checked, setChecked] = useState(false)
|
|
14
|
+
* // Controlled
|
|
15
|
+
* <Toggle
|
|
16
|
+
* checked={checked}
|
|
17
|
+
* onCheckedChange={setChecked}
|
|
18
|
+
* />
|
|
19
|
+
* // UnControlled
|
|
20
|
+
* <Toggle defaultChecked={true}
|
|
21
|
+
* />
|
|
22
|
+
* ```
|
|
23
|
+
*/
|
|
65
24
|
function Toggle({ checked: controlledChecked, defaultChecked, disabled, onCheckedChange, ...props }) {
|
|
66
25
|
const [uncontrolledChecked, setUncontrolledChecked] = (0, react_1.useState)(defaultChecked);
|
|
67
26
|
const isChecked = controlledChecked ?? uncontrolledChecked;
|
|
@@ -74,9 +33,9 @@ function Toggle({ checked: controlledChecked, defaultChecked, disabled, onChecke
|
|
|
74
33
|
}
|
|
75
34
|
onCheckedChange?.(!isChecked);
|
|
76
35
|
};
|
|
77
|
-
return ((0, jsx_runtime_1.jsx)("button", { role: "switch", onClick: handleClick, "aria-checked": isChecked, className: (0, style_1.cn)(toggleVariants({
|
|
36
|
+
return ((0, jsx_runtime_1.jsx)("button", { role: "switch", type: "button", onClick: handleClick, "aria-checked": isChecked, className: (0, style_1.cn)((0, Toggle_styles_1.toggleVariants)({
|
|
78
37
|
checked: isChecked,
|
|
79
38
|
disabled,
|
|
80
|
-
})), disabled: disabled || undefined, ...props, children: (0, jsx_runtime_1.jsx)("span", { className: thumbVariants({ checked: isChecked, disabled }) }) }));
|
|
39
|
+
})), disabled: disabled || undefined, ...props, children: (0, jsx_runtime_1.jsx)("span", { className: (0, Toggle_styles_1.thumbVariants)({ checked: isChecked, disabled }) }) }));
|
|
81
40
|
}
|
|
82
41
|
Toggle.displayName = "Toggle";
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
export declare const toggleVariants: (props?: ({
|
|
2
|
+
disabled?: boolean | null | undefined;
|
|
3
|
+
checked?: boolean | null | undefined;
|
|
4
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
5
|
+
export declare const thumbVariants: (props?: ({
|
|
6
|
+
disabled?: boolean | null | undefined;
|
|
7
|
+
checked?: boolean | null | undefined;
|
|
8
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
9
|
+
//# sourceMappingURL=Toggle.styles.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toggle.styles.d.ts","sourceRoot":"","sources":["../../../src/components/Toggle/Toggle.styles.ts"],"names":[],"mappings":"AAEA,eAAO,MAAM,cAAc;;;8EAmC1B,CAAC;AAEF,eAAO,MAAM,aAAa;;;8EAyBzB,CAAC"}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.thumbVariants = exports.toggleVariants = void 0;
|
|
4
|
+
const class_variance_authority_1 = require("class-variance-authority");
|
|
5
|
+
exports.toggleVariants = (0, class_variance_authority_1.cva)("ui:focus:ring-0 ui:ring-0 ui:h-[31px] ui:w-[51px] ui:rounded-full ui:inline-flex ui:items-center ui:rounded-full ui:transition-colors ui:duration-100", {
|
|
6
|
+
variants: {
|
|
7
|
+
disabled: {
|
|
8
|
+
true: "ui:pointer-events-none",
|
|
9
|
+
false: "ui:cursor-pointer",
|
|
10
|
+
},
|
|
11
|
+
checked: {
|
|
12
|
+
true: "ui:bg-blue-700",
|
|
13
|
+
false: "ui:bg-gray-100",
|
|
14
|
+
},
|
|
15
|
+
},
|
|
16
|
+
compoundVariants: [
|
|
17
|
+
{
|
|
18
|
+
disabled: false,
|
|
19
|
+
checked: false,
|
|
20
|
+
className: "ui:active:bg-gray-200",
|
|
21
|
+
},
|
|
22
|
+
{
|
|
23
|
+
disabled: true,
|
|
24
|
+
checked: false,
|
|
25
|
+
className: "ui:bg-gray-50",
|
|
26
|
+
},
|
|
27
|
+
{
|
|
28
|
+
disabled: true,
|
|
29
|
+
checked: true,
|
|
30
|
+
className: "ui:bg-blue-300",
|
|
31
|
+
},
|
|
32
|
+
],
|
|
33
|
+
defaultVariants: {
|
|
34
|
+
disabled: false,
|
|
35
|
+
checked: false,
|
|
36
|
+
},
|
|
37
|
+
});
|
|
38
|
+
exports.thumbVariants = (0, class_variance_authority_1.cva)("ui:focus:ring-0 ui:ring-0 ui:bg-white ui:rounded-full ui:transition-transform", {
|
|
39
|
+
variants: {
|
|
40
|
+
disabled: {
|
|
41
|
+
true: "",
|
|
42
|
+
false: "",
|
|
43
|
+
},
|
|
44
|
+
checked: {
|
|
45
|
+
true: "ui:w-[25px] ui:h-[25px] ui:translate-x-6",
|
|
46
|
+
false: "ui:w-[21px] ui:h-[21px] ui:translate-x-1",
|
|
47
|
+
},
|
|
48
|
+
},
|
|
49
|
+
compoundVariants: [
|
|
50
|
+
{
|
|
51
|
+
disabled: false,
|
|
52
|
+
checked: false,
|
|
53
|
+
className: "ui:active:bg-gray-100",
|
|
54
|
+
},
|
|
55
|
+
],
|
|
56
|
+
defaultVariants: {
|
|
57
|
+
disabled: false,
|
|
58
|
+
checked: false,
|
|
59
|
+
},
|
|
60
|
+
});
|
package/dist/index.css
CHANGED
|
@@ -280,9 +280,15 @@
|
|
|
280
280
|
.ui\:inline-flex {
|
|
281
281
|
display: inline-flex;
|
|
282
282
|
}
|
|
283
|
+
.ui\:h-6 {
|
|
284
|
+
height: calc(var(--ui-spacing) * 6);
|
|
285
|
+
}
|
|
283
286
|
.ui\:h-\[21px\] {
|
|
284
287
|
height: 21px;
|
|
285
288
|
}
|
|
289
|
+
.ui\:h-\[22px\] {
|
|
290
|
+
height: 22px;
|
|
291
|
+
}
|
|
286
292
|
.ui\:h-\[25px\] {
|
|
287
293
|
height: 25px;
|
|
288
294
|
}
|
|
@@ -310,9 +316,15 @@
|
|
|
310
316
|
.ui\:h-px {
|
|
311
317
|
height: 1px;
|
|
312
318
|
}
|
|
319
|
+
.ui\:w-6 {
|
|
320
|
+
width: calc(var(--ui-spacing) * 6);
|
|
321
|
+
}
|
|
313
322
|
.ui\:w-\[21px\] {
|
|
314
323
|
width: 21px;
|
|
315
324
|
}
|
|
325
|
+
.ui\:w-\[22px\] {
|
|
326
|
+
width: 22px;
|
|
327
|
+
}
|
|
316
328
|
.ui\:w-\[25px\] {
|
|
317
329
|
width: 25px;
|
|
318
330
|
}
|
|
@@ -336,6 +348,9 @@
|
|
|
336
348
|
--tw-translate-x: calc(var(--ui-spacing) * 6);
|
|
337
349
|
translate: var(--tw-translate-x) var(--tw-translate-y);
|
|
338
350
|
}
|
|
351
|
+
.ui\:cursor-default {
|
|
352
|
+
cursor: default;
|
|
353
|
+
}
|
|
339
354
|
.ui\:cursor-pointer {
|
|
340
355
|
cursor: pointer;
|
|
341
356
|
}
|
|
@@ -388,6 +403,10 @@
|
|
|
388
403
|
border-style: var(--tw-border-style);
|
|
389
404
|
border-width: 1px;
|
|
390
405
|
}
|
|
406
|
+
.ui\:border-\[1\.5px\] {
|
|
407
|
+
border-style: var(--tw-border-style);
|
|
408
|
+
border-width: 1.5px;
|
|
409
|
+
}
|
|
391
410
|
.ui\:border-blue-300 {
|
|
392
411
|
border-color: var(--ui-color-blue-300);
|
|
393
412
|
}
|
|
@@ -610,6 +629,9 @@
|
|
|
610
629
|
.ui\:text-blue-800 {
|
|
611
630
|
color: var(--ui-color-blue-800);
|
|
612
631
|
}
|
|
632
|
+
.ui\:text-gray-100 {
|
|
633
|
+
color: var(--ui-color-gray-100);
|
|
634
|
+
}
|
|
613
635
|
.ui\:text-gray-200 {
|
|
614
636
|
color: var(--ui-color-gray-200);
|
|
615
637
|
}
|
|
@@ -663,6 +685,16 @@
|
|
|
663
685
|
box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
|
|
664
686
|
}
|
|
665
687
|
}
|
|
688
|
+
.ui\:active\:border-gray-100 {
|
|
689
|
+
&:active {
|
|
690
|
+
border-color: var(--ui-color-gray-100);
|
|
691
|
+
}
|
|
692
|
+
}
|
|
693
|
+
.ui\:active\:border-gray-300 {
|
|
694
|
+
&:active {
|
|
695
|
+
border-color: var(--ui-color-gray-300);
|
|
696
|
+
}
|
|
697
|
+
}
|
|
666
698
|
.ui\:active\:bg-blue-50 {
|
|
667
699
|
&:active {
|
|
668
700
|
background-color: var(--ui-color-blue-50);
|
|
@@ -673,6 +705,11 @@
|
|
|
673
705
|
background-color: var(--ui-color-blue-100);
|
|
674
706
|
}
|
|
675
707
|
}
|
|
708
|
+
.ui\:active\:bg-blue-300 {
|
|
709
|
+
&:active {
|
|
710
|
+
background-color: var(--ui-color-blue-300);
|
|
711
|
+
}
|
|
712
|
+
}
|
|
676
713
|
.ui\:active\:bg-blue-800 {
|
|
677
714
|
&:active {
|
|
678
715
|
background-color: var(--ui-color-blue-800);
|
|
@@ -698,11 +735,21 @@
|
|
|
698
735
|
color: var(--ui-color-blue-800);
|
|
699
736
|
}
|
|
700
737
|
}
|
|
738
|
+
.ui\:active\:text-gray-100 {
|
|
739
|
+
&:active {
|
|
740
|
+
color: var(--ui-color-gray-100);
|
|
741
|
+
}
|
|
742
|
+
}
|
|
701
743
|
.ui\:active\:text-gray-200 {
|
|
702
744
|
&:active {
|
|
703
745
|
color: var(--ui-color-gray-200);
|
|
704
746
|
}
|
|
705
747
|
}
|
|
748
|
+
.ui\:active\:text-gray-300 {
|
|
749
|
+
&:active {
|
|
750
|
+
color: var(--ui-color-gray-300);
|
|
751
|
+
}
|
|
752
|
+
}
|
|
706
753
|
.ui\:active\:text-gray-500 {
|
|
707
754
|
&:active {
|
|
708
755
|
color: var(--ui-color-gray-500);
|
|
@@ -718,6 +765,11 @@
|
|
|
718
765
|
color: var(--ui-color-gray-800);
|
|
719
766
|
}
|
|
720
767
|
}
|
|
768
|
+
.ui\:active\:text-white {
|
|
769
|
+
&:active {
|
|
770
|
+
color: var(--ui-color-white);
|
|
771
|
+
}
|
|
772
|
+
}
|
|
721
773
|
}
|
|
722
774
|
@layer theme, base, components, utilities;
|
|
723
775
|
@layer theme;
|
package/dist/index.d.ts
CHANGED
package/dist/index.d.ts.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,cAAc,qBAAqB,CAAC;AACpC,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,uBAAuB,CAAC;AAGtC,cAAc,oBAAoB,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -18,5 +18,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
18
18
|
__exportStar(require("./components/Button"), exports);
|
|
19
19
|
__exportStar(require("./components/Chip"), exports);
|
|
20
20
|
__exportStar(require("./components/Toggle"), exports);
|
|
21
|
+
__exportStar(require("./components/Checkbox"), exports);
|
|
21
22
|
/* --------------------------------- ICONS ---------------------------------- */
|
|
22
23
|
__exportStar(require("./components/Icons"), exports);
|
package/dist/types/props.d.ts
CHANGED
|
@@ -1,8 +1,11 @@
|
|
|
1
|
-
import { ComponentProps, ElementType } from "react";
|
|
1
|
+
import { ComponentProps, ElementType, ReactNode } from "react";
|
|
2
2
|
export type AsProps<C extends ElementType> = {
|
|
3
3
|
as?: C;
|
|
4
4
|
};
|
|
5
5
|
export type ElementTypeProps<C extends ElementType> = ComponentProps<C>;
|
|
6
6
|
export type KeyWithAs<C extends ElementType, Props> = keyof (Props & AsProps<C>);
|
|
7
7
|
export type PolymorphicComponentProps<C extends ElementType, Props = "object"> = Props & AsProps<C> & Omit<ElementTypeProps<C>, KeyWithAs<C, Props>>;
|
|
8
|
+
export interface ChildrenProps<Children = ReactNode> {
|
|
9
|
+
children?: Children;
|
|
10
|
+
}
|
|
8
11
|
//# sourceMappingURL=props.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/types/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/types/props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,MAAM,OAAO,CAAC,CAAC,SAAS,WAAW,IAAI;IAC3C,EAAE,CAAC,EAAE,CAAC,CAAC;CACR,CAAC;AAEF,MAAM,MAAM,gBAAgB,CAAC,CAAC,SAAS,WAAW,IAAI,cAAc,CAAC,CAAC,CAAC,CAAC;AAExE,MAAM,MAAM,SAAS,CAAC,CAAC,SAAS,WAAW,EAAE,KAAK,IAAI,MAAM,CAAC,KAAK,GAChE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC;AAEd,MAAM,MAAM,yBAAyB,CACnC,CAAC,SAAS,WAAW,EACrB,KAAK,GAAG,QAAQ,IACd,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC,GAAG,IAAI,CAAC,gBAAgB,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC;AAExE,MAAM,WAAW,aAAa,CAAC,QAAQ,GAAG,SAAS;IACjD,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB"}
|