@croquiscom/pds 3.10.0-alpha.2 → 3.10.0-alpha.3

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.
Files changed (273) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/assets/icons/Cancel.svg +3 -0
  3. package/assets/icons/ColoredFaceBad.svg +6 -0
  4. package/assets/icons/ColoredFaceGood.svg +6 -0
  5. package/assets/icons/ColoredFaceNeutral.svg +6 -0
  6. package/assets/icons/ColoredFaceVeryBad.svg +4 -0
  7. package/assets/icons/ColoredFaceVeryGood.svg +5 -0
  8. package/dist/components/date-picker/styles.d.ts +2 -2
  9. package/dist/components/icons/generated/index.d.ts +0 -2
  10. package/dist/components/radio/RadioGroup.d.ts +1 -5
  11. package/dist/components/table/Table.stories.d.ts +1 -2
  12. package/dist/components/table/types.d.ts +3 -7
  13. package/dist/index.es.js +2 -2
  14. package/dist/index.es.js.map +1 -1
  15. package/dist/index.js +3 -3
  16. package/dist/index.js.map +1 -1
  17. package/package.json +1 -1
  18. package/bundle-report.html +0 -4034
  19. package/dist/badge/Badge.d.ts +0 -15
  20. package/dist/badge/Badge.stories.d.ts +0 -7
  21. package/dist/badge/index.d.ts +0 -1
  22. package/dist/badge/styles.d.ts +0 -5
  23. package/dist/badge/types.d.ts +0 -3
  24. package/dist/button/Button.d.ts +0 -22
  25. package/dist/button/Button.stories.d.ts +0 -18
  26. package/dist/button/IconButton.d.ts +0 -12
  27. package/dist/button/IconButton.stories.d.ts +0 -8
  28. package/dist/button/index.d.ts +0 -2
  29. package/dist/button/styles.d.ts +0 -7
  30. package/dist/button/types.d.ts +0 -4
  31. package/dist/checkbox/Checkbox.d.ts +0 -7
  32. package/dist/checkbox/Checkbox.stories.d.ts +0 -8
  33. package/dist/checkbox/CheckboxGroup.d.ts +0 -26
  34. package/dist/checkbox/CheckboxGroup.stories.d.ts +0 -9
  35. package/dist/checkbox/index.d.ts +0 -2
  36. package/dist/components/icons/generated/Cellphone.d.ts +0 -4
  37. package/dist/components/icons/generated/Monitor.d.ts +0 -4
  38. package/dist/divider/Divider.d.ts +0 -12
  39. package/dist/divider/Divider.stories.d.ts +0 -11
  40. package/dist/divider/index.d.ts +0 -1
  41. package/dist/form/FormHelperText.d.ts +0 -13
  42. package/dist/form/FormHelperText.stories.d.ts +0 -11
  43. package/dist/form/FormLabel.d.ts +0 -10
  44. package/dist/form/FormLabel.stories.d.ts +0 -11
  45. package/dist/form/index.d.ts +0 -2
  46. package/dist/form/styles.d.ts +0 -3
  47. package/dist/hooks/useClickOutside.d.ts +0 -2
  48. package/dist/icons/Icon.stories.d.ts +0 -33
  49. package/dist/icons/generated/Account24.d.ts +0 -3
  50. package/dist/icons/generated/Alert16.d.ts +0 -3
  51. package/dist/icons/generated/Alert20.d.ts +0 -3
  52. package/dist/icons/generated/Alert24.d.ts +0 -3
  53. package/dist/icons/generated/Alert50.d.ts +0 -3
  54. package/dist/icons/generated/AlertFill20.d.ts +0 -3
  55. package/dist/icons/generated/AlertTriangle18.d.ts +0 -3
  56. package/dist/icons/generated/ArrowBottom16.d.ts +0 -3
  57. package/dist/icons/generated/ArrowBottom18.d.ts +0 -3
  58. package/dist/icons/generated/ArrowDecrease10.d.ts +0 -3
  59. package/dist/icons/generated/ArrowIncrease10.d.ts +0 -3
  60. package/dist/icons/generated/ArrowLeft16.d.ts +0 -3
  61. package/dist/icons/generated/ArrowLeft18.d.ts +0 -3
  62. package/dist/icons/generated/ArrowLineDown20.d.ts +0 -3
  63. package/dist/icons/generated/ArrowLineLeft20.d.ts +0 -3
  64. package/dist/icons/generated/ArrowLineRight20.d.ts +0 -3
  65. package/dist/icons/generated/ArrowLineUp20.d.ts +0 -3
  66. package/dist/icons/generated/ArrowRight16.d.ts +0 -3
  67. package/dist/icons/generated/ArrowRight18.d.ts +0 -3
  68. package/dist/icons/generated/ArrowStick10.d.ts +0 -3
  69. package/dist/icons/generated/ArrowTop16.d.ts +0 -3
  70. package/dist/icons/generated/ArrowTop18.d.ts +0 -3
  71. package/dist/icons/generated/AutoCharge20.d.ts +0 -3
  72. package/dist/icons/generated/BarChart18.d.ts +0 -3
  73. package/dist/icons/generated/Beauty72.d.ts +0 -3
  74. package/dist/icons/generated/Below10.d.ts +0 -3
  75. package/dist/icons/generated/Below16.d.ts +0 -3
  76. package/dist/icons/generated/Best16.d.ts +0 -3
  77. package/dist/icons/generated/Bookmark18.d.ts +0 -3
  78. package/dist/icons/generated/Boost24.d.ts +0 -3
  79. package/dist/icons/generated/Brand72.d.ts +0 -3
  80. package/dist/icons/generated/Calendar16.d.ts +0 -3
  81. package/dist/icons/generated/Camera20.d.ts +0 -3
  82. package/dist/icons/generated/Cart18.d.ts +0 -3
  83. package/dist/icons/generated/Cart24.d.ts +0 -3
  84. package/dist/icons/generated/Charge20.d.ts +0 -3
  85. package/dist/icons/generated/ChargeCoupon20.d.ts +0 -3
  86. package/dist/icons/generated/Check14.d.ts +0 -3
  87. package/dist/icons/generated/Check24.d.ts +0 -3
  88. package/dist/icons/generated/CircleCard24.d.ts +0 -3
  89. package/dist/icons/generated/CircleCheckFill16.d.ts +0 -3
  90. package/dist/icons/generated/CircleCheckLine16.d.ts +0 -3
  91. package/dist/icons/generated/CirclePlus14.d.ts +0 -3
  92. package/dist/icons/generated/CircleWon18.d.ts +0 -3
  93. package/dist/icons/generated/CircleWon24.d.ts +0 -3
  94. package/dist/icons/generated/Click18.d.ts +0 -3
  95. package/dist/icons/generated/Clock16.d.ts +0 -3
  96. package/dist/icons/generated/CloseMedium24.d.ts +0 -3
  97. package/dist/icons/generated/CloseSmall16.d.ts +0 -3
  98. package/dist/icons/generated/Contract24.d.ts +0 -3
  99. package/dist/icons/generated/Copy14.d.ts +0 -3
  100. package/dist/icons/generated/Coupon18.d.ts +0 -3
  101. package/dist/icons/generated/Coupon24.d.ts +0 -3
  102. package/dist/icons/generated/Crop16.d.ts +0 -3
  103. package/dist/icons/generated/Cs24.d.ts +0 -3
  104. package/dist/icons/generated/Cvr18.d.ts +0 -3
  105. package/dist/icons/generated/Dashboard24.d.ts +0 -3
  106. package/dist/icons/generated/DeleteCircleFill20.d.ts +0 -3
  107. package/dist/icons/generated/Delivery24.d.ts +0 -3
  108. package/dist/icons/generated/Delivery72.d.ts +0 -3
  109. package/dist/icons/generated/Doc14.d.ts +0 -3
  110. package/dist/icons/generated/DocConfirm50.d.ts +0 -3
  111. package/dist/icons/generated/Done20.d.ts +0 -3
  112. package/dist/icons/generated/Edit16.d.ts +0 -3
  113. package/dist/icons/generated/Email18.d.ts +0 -3
  114. package/dist/icons/generated/EmptyNoti50.d.ts +0 -3
  115. package/dist/icons/generated/Error16.d.ts +0 -3
  116. package/dist/icons/generated/Excel16.d.ts +0 -3
  117. package/dist/icons/generated/Exchange24.d.ts +0 -3
  118. package/dist/icons/generated/Exhibition24.d.ts +0 -3
  119. package/dist/icons/generated/EyeOff16.d.ts +0 -3
  120. package/dist/icons/generated/EyeOn16.d.ts +0 -3
  121. package/dist/icons/generated/Fbk16.d.ts +0 -3
  122. package/dist/icons/generated/GlobalDelivery72.d.ts +0 -3
  123. package/dist/icons/generated/Grade18.d.ts +0 -3
  124. package/dist/icons/generated/Graph24.d.ts +0 -3
  125. package/dist/icons/generated/GraphBar16.d.ts +0 -3
  126. package/dist/icons/generated/GraphLine16.d.ts +0 -3
  127. package/dist/icons/generated/Heart18.d.ts +0 -3
  128. package/dist/icons/generated/Help14.d.ts +0 -3
  129. package/dist/icons/generated/Help16.d.ts +0 -3
  130. package/dist/icons/generated/Home16.d.ts +0 -3
  131. package/dist/icons/generated/IdeaFill24.d.ts +0 -3
  132. package/dist/icons/generated/IdeaLine24.d.ts +0 -3
  133. package/dist/icons/generated/IndentArrow14.d.ts +0 -3
  134. package/dist/icons/generated/Info14.d.ts +0 -3
  135. package/dist/icons/generated/Info16.d.ts +0 -3
  136. package/dist/icons/generated/Info24.d.ts +0 -3
  137. package/dist/icons/generated/Interest16.d.ts +0 -3
  138. package/dist/icons/generated/Life72.d.ts +0 -3
  139. package/dist/icons/generated/Link16.d.ts +0 -3
  140. package/dist/icons/generated/Loading24.d.ts +0 -3
  141. package/dist/icons/generated/LoadingDonuts30.d.ts +0 -3
  142. package/dist/icons/generated/LoadingDots30.d.ts +0 -3
  143. package/dist/icons/generated/Lock18.d.ts +0 -3
  144. package/dist/icons/generated/Marketing24.d.ts +0 -3
  145. package/dist/icons/generated/Megaphone14.d.ts +0 -3
  146. package/dist/icons/generated/MemoAttention20.d.ts +0 -3
  147. package/dist/icons/generated/MemoDefault20.d.ts +0 -3
  148. package/dist/icons/generated/Move10.d.ts +0 -3
  149. package/dist/icons/generated/New10.d.ts +0 -3
  150. package/dist/icons/generated/NotExposed16.d.ts +0 -3
  151. package/dist/icons/generated/Notice24.d.ts +0 -3
  152. package/dist/icons/generated/One18.d.ts +0 -3
  153. package/dist/icons/generated/Order24.d.ts +0 -3
  154. package/dist/icons/generated/OrderAmount18.d.ts +0 -3
  155. package/dist/icons/generated/Ordering16.d.ts +0 -3
  156. package/dist/icons/generated/Orders18.d.ts +0 -3
  157. package/dist/icons/generated/OutlinkOne14.d.ts +0 -3
  158. package/dist/icons/generated/OutlinkTwo14.d.ts +0 -3
  159. package/dist/icons/generated/PenaltyBad20.d.ts +0 -3
  160. package/dist/icons/generated/PenaltyGood20.d.ts +0 -3
  161. package/dist/icons/generated/PenaltyNotsobad20.d.ts +0 -3
  162. package/dist/icons/generated/Pin16.d.ts +0 -3
  163. package/dist/icons/generated/Pin24.d.ts +0 -3
  164. package/dist/icons/generated/Play20.d.ts +0 -3
  165. package/dist/icons/generated/Plus16.d.ts +0 -3
  166. package/dist/icons/generated/Plus20.d.ts +0 -3
  167. package/dist/icons/generated/Posty16.d.ts +0 -3
  168. package/dist/icons/generated/Powerup24.d.ts +0 -3
  169. package/dist/icons/generated/Product24.d.ts +0 -3
  170. package/dist/icons/generated/Promotion24.d.ts +0 -3
  171. package/dist/icons/generated/Question24.d.ts +0 -3
  172. package/dist/icons/generated/Ranking18.d.ts +0 -3
  173. package/dist/icons/generated/Refresh14.d.ts +0 -3
  174. package/dist/icons/generated/Refund24.d.ts +0 -3
  175. package/dist/icons/generated/Search14.d.ts +0 -3
  176. package/dist/icons/generated/SelectArrow16.d.ts +0 -3
  177. package/dist/icons/generated/Shop72.d.ts +0 -3
  178. package/dist/icons/generated/SluggishSales16.d.ts +0 -3
  179. package/dist/icons/generated/Spoid20.d.ts +0 -3
  180. package/dist/icons/generated/Star10.d.ts +0 -3
  181. package/dist/icons/generated/Status10.d.ts +0 -3
  182. package/dist/icons/generated/StatusNo16.d.ts +0 -3
  183. package/dist/icons/generated/StatusYes16.d.ts +0 -3
  184. package/dist/icons/generated/SteadySeller16.d.ts +0 -3
  185. package/dist/icons/generated/Store24.d.ts +0 -3
  186. package/dist/icons/generated/Store50.d.ts +0 -3
  187. package/dist/icons/generated/TableMove16.d.ts +0 -3
  188. package/dist/icons/generated/Thumbup14.d.ts +0 -3
  189. package/dist/icons/generated/Tip18.d.ts +0 -3
  190. package/dist/icons/generated/Trend18.d.ts +0 -3
  191. package/dist/icons/generated/TrendDecreasing18.d.ts +0 -3
  192. package/dist/icons/generated/TrendIncreasing18.d.ts +0 -3
  193. package/dist/icons/generated/Two18.d.ts +0 -3
  194. package/dist/icons/generated/Upload50.d.ts +0 -3
  195. package/dist/icons/generated/User18.d.ts +0 -3
  196. package/dist/icons/generated/Video16.d.ts +0 -3
  197. package/dist/icons/generated/Warning24.d.ts +0 -3
  198. package/dist/icons/generated/Won16.d.ts +0 -3
  199. package/dist/icons/generated/Zigzag16.d.ts +0 -3
  200. package/dist/icons/generated/ZigzagCan16.d.ts +0 -3
  201. package/dist/icons/generated/ZigzagEng16.d.ts +0 -3
  202. package/dist/icons/generated/ZigzagGlobal16.d.ts +0 -3
  203. package/dist/icons/generated/ZigzagJpn16.d.ts +0 -3
  204. package/dist/icons/generated/ZigzagKor16.d.ts +0 -3
  205. package/dist/icons/generated/ZigzagWeb16.d.ts +0 -3
  206. package/dist/icons/generated/Zoomin16.d.ts +0 -3
  207. package/dist/icons/generated/index.d.ts +0 -163
  208. package/dist/images/Images.stories.d.ts +0 -13
  209. package/dist/images/generated/KakaostyleBlk.d.ts +0 -3
  210. package/dist/images/generated/KakaostyleOri.d.ts +0 -3
  211. package/dist/images/generated/KakaostyleWh.d.ts +0 -3
  212. package/dist/images/generated/Npay.d.ts +0 -3
  213. package/dist/images/generated/PartnerCenterBlk.d.ts +0 -3
  214. package/dist/images/generated/PartnerCenterOri.d.ts +0 -3
  215. package/dist/images/generated/PartnerCenterWh.d.ts +0 -3
  216. package/dist/images/generated/PartnerLoungeBlk.d.ts +0 -3
  217. package/dist/images/generated/PartnerLoungeOri.d.ts +0 -3
  218. package/dist/images/generated/PartnerLoungeWh.d.ts +0 -3
  219. package/dist/images/generated/PostyOri.d.ts +0 -3
  220. package/dist/images/generated/PostyWh.d.ts +0 -3
  221. package/dist/images/generated/ZdeliveryOne.d.ts +0 -3
  222. package/dist/images/generated/ZdeliveryTwo.d.ts +0 -3
  223. package/dist/images/generated/ZexpressBasicGlobal.d.ts +0 -3
  224. package/dist/images/generated/ZexpressBasicKor.d.ts +0 -3
  225. package/dist/images/generated/ZexpressSimpleGlobal.d.ts +0 -3
  226. package/dist/images/generated/ZexpressSimpleKor.d.ts +0 -3
  227. package/dist/images/generated/ZexpressSymbolGlobal.d.ts +0 -3
  228. package/dist/images/generated/ZexpressSymbolKor.d.ts +0 -3
  229. package/dist/images/generated/ZexpressTextGlobal.d.ts +0 -3
  230. package/dist/images/generated/ZexpressTextKor.d.ts +0 -3
  231. package/dist/images/generated/ZigzagBiBasic.d.ts +0 -3
  232. package/dist/images/generated/ZigzagBiSymbol.d.ts +0 -3
  233. package/dist/images/generated/ZigzagSymbolCircle.d.ts +0 -3
  234. package/dist/images/generated/ZigzagSymbolRounded.d.ts +0 -3
  235. package/dist/images/generated/Zpay.d.ts +0 -3
  236. package/dist/images/generated/index.d.ts +0 -30
  237. package/dist/input/Input.d.ts +0 -9
  238. package/dist/input/Input.stories.d.ts +0 -9
  239. package/dist/input/InputAddon.d.ts +0 -10
  240. package/dist/input/NumericInput.d.ts +0 -20
  241. package/dist/input/NumericInput.stories.d.ts +0 -21
  242. package/dist/input/index.d.ts +0 -2
  243. package/dist/input/styles.d.ts +0 -16
  244. package/dist/radio/Radio.d.ts +0 -14
  245. package/dist/radio/Radio.stories.d.ts +0 -8
  246. package/dist/radio/RadioGroup.d.ts +0 -33
  247. package/dist/radio/RadioGroup.stories.d.ts +0 -12
  248. package/dist/radio/index.d.ts +0 -2
  249. package/dist/radio/styles.d.ts +0 -12
  250. package/dist/report.html +0 -4034
  251. package/dist/stack/HStack.d.ts +0 -10
  252. package/dist/stack/HStack.stories.d.ts +0 -10
  253. package/dist/stack/VStack.d.ts +0 -10
  254. package/dist/stack/VStack.stories.d.ts +0 -10
  255. package/dist/stack/index.d.ts +0 -2
  256. package/dist/stack/types.d.ts +0 -8
  257. package/dist/switch/Switch.d.ts +0 -21
  258. package/dist/switch/Switch.stories.d.ts +0 -5
  259. package/dist/switch/index.d.ts +0 -1
  260. package/dist/switch/styles.d.ts +0 -4
  261. package/dist/text/BaseText.d.ts +0 -18
  262. package/dist/text/BaseText.stories.d.ts +0 -7
  263. package/dist/text/index.d.ts +0 -1
  264. package/dist/textarea/Textarea.d.ts +0 -6
  265. package/dist/textarea/Textarea.stories.d.ts +0 -8
  266. package/dist/textarea/index.d.ts +0 -1
  267. package/dist/tooltip/Tooltip.d.ts +0 -28
  268. package/dist/tooltip/Tooltip.stories.d.ts +0 -8
  269. package/dist/tooltip/TooltipBase.d.ts +0 -11
  270. package/dist/tooltip/index.d.ts +0 -1
  271. package/dist/tooltip/styles.d.ts +0 -3
  272. package/dist/tooltip/types.d.ts +0 -2
  273. package/dist/tooltip/useOpener.d.ts +0 -14
@@ -1,15 +0,0 @@
1
- import { PropsWithChildren, ReactElement } from 'react';
2
- import { BadgeVariant, BadgeColor, BadgeSize } from './types';
3
- import { IconProps } from '../icons/generated';
4
- export interface BadgeProps {
5
- className?: string;
6
- /** @default outlined */
7
- variant?: BadgeVariant;
8
- /** @default small */
9
- size?: BadgeSize;
10
- /** @default black */
11
- color?: BadgeColor;
12
- /** 라벨 우측 영역에 렌더링 될 아이콘 요소 */
13
- icon?: ReactElement<IconProps>;
14
- }
15
- export declare const Badge: ({ className, variant, size, color, icon, children, }: PropsWithChildren<BadgeProps>) => JSX.Element;
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- import { ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<({ className, variant, size, color, icon, children, }: React.PropsWithChildren<import("./Badge").BadgeProps>) => JSX.Element>;
4
- export default _default;
5
- export declare const Outline: any;
6
- export declare const Fill: any;
7
- export declare const Icon: () => JSX.Element;
@@ -1 +0,0 @@
1
- export * from './Badge';
@@ -1,5 +0,0 @@
1
- import { BadgeVariant, BadgeColor, BadgeSize } from './types';
2
- export declare const badge_base_css: import("@emotion/utils").SerializedStyles;
3
- export declare const badge_color_css: Record<BadgeColor, string>;
4
- export declare const badge_size_css: Record<BadgeSize, string>;
5
- export declare const getBadgeStyleByProps: (variant?: BadgeVariant, color?: BadgeColor) => import("@emotion/utils").SerializedStyles;
@@ -1,3 +0,0 @@
1
- export declare type BadgeVariant = 'outline' | 'fill';
2
- export declare type BadgeColor = 'pink' | 'blue' | 'gray' | 'red' | 'green';
3
- export declare type BadgeSize = 'small' | 'medium';
@@ -1,22 +0,0 @@
1
- import React, { ButtonHTMLAttributes, ReactElement } from 'react';
2
- import { ButtonSize, ButtonVariant } from './types';
3
- import { IconProps } from '../icons/generated';
4
- export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
5
- fill?: boolean;
6
- /** @default secondary */
7
- variant?: ButtonVariant;
8
- /** @default medium */
9
- size?: ButtonSize;
10
- /** @default button */
11
- type?: ButtonHTMLAttributes<HTMLButtonElement>['type'];
12
- /** @default false */
13
- loading?: boolean;
14
- /** 좌측 영역에 렌더링 될 아이콘 요소 */
15
- startIcon?: ReactElement<IconProps>;
16
- /** 우측 영역에 렌더링 될 아이콘 요소 */
17
- endIcon?: ReactElement<IconProps>;
18
- }
19
- export interface ButtonIconProps {
20
- size: ButtonSize;
21
- }
22
- export declare const Button: React.ForwardRefExoticComponent<ButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1,18 +0,0 @@
1
- import React from 'react';
2
- import { ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Button").ButtonProps & React.RefAttributes<HTMLButtonElement>>>;
4
- export default _default;
5
- export declare const Brand: any;
6
- export declare const Primary: any;
7
- export declare const Secondary: any;
8
- export declare const Black: any;
9
- export declare const Negative: any;
10
- export declare const OutlinedPrimary: any;
11
- export declare const OutlinedNegative: any;
12
- export declare const OutlinedBlack: any;
13
- export declare const OutlinedWhite: any;
14
- export declare const Dotted: any;
15
- export declare const StartIcon: any;
16
- export declare const EndIcon: any;
17
- export declare const Loading: any;
18
- export declare const Focus: () => JSX.Element;
@@ -1,12 +0,0 @@
1
- import React, { ReactElement } from 'react';
2
- import { ButtonShape, IconButtonVariant } from './types';
3
- import { ButtonProps } from './Button';
4
- export interface IconButtonProps extends Omit<ButtonProps, 'size'> {
5
- /** @default secondary */
6
- variant?: IconButtonVariant;
7
- /** 렌더링 될 아이콘 요소 */
8
- icon?: ReactElement;
9
- /** @default rectangle */
10
- shape?: ButtonShape;
11
- }
12
- export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- declare const _default: {
3
- title: string;
4
- component: React.ForwardRefExoticComponent<import("./IconButton").IconButtonProps & React.RefAttributes<HTMLButtonElement>>;
5
- };
6
- export default _default;
7
- export declare const Rectangle: any;
8
- export declare const Circle: any;
@@ -1,2 +0,0 @@
1
- export * from './Button';
2
- export * from './IconButton';
@@ -1,7 +0,0 @@
1
- import { ButtonSize, ButtonVariant, ButtonShape } from './types';
2
- export declare const button_base_css: import("@emotion/utils").SerializedStyles;
3
- export declare const button_icon_base_css: import("@emotion/utils").SerializedStyles;
4
- export declare const getButtonVariant: (variant?: ButtonVariant) => import("@emotion/utils").SerializedStyles;
5
- export declare const button_size_css: Record<ButtonSize, string>;
6
- export declare const getButtonIconStyle: (size: ButtonSize) => import("@emotion/utils").SerializedStyles;
7
- export declare const getIconButtonStyle: (shape?: ButtonShape) => import("@emotion/utils").SerializedStyles;
@@ -1,4 +0,0 @@
1
- export declare type ButtonVariant = 'brand' | 'primary' | 'secondary' | 'black' | 'negative' | 'outlined_primary' | 'outlined_black' | 'outlined_white' | 'outlined_negative' | 'dotted';
2
- export declare type ButtonSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
3
- export declare type ButtonShape = 'rectangle' | 'circle';
4
- export declare type IconButtonVariant = 'secondary' | 'outlined_primary' | 'outlined_negative';
@@ -1,7 +0,0 @@
1
- import React from 'react';
2
- export interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
3
- checked?: boolean;
4
- disabled?: boolean;
5
- onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
6
- }
7
- export declare const Checkbox: React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<HTMLInputElement>>;
@@ -1,8 +0,0 @@
1
- import React from 'react';
2
- import { ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./Checkbox").CheckboxProps & React.RefAttributes<HTMLInputElement>>>;
4
- export default _default;
5
- export declare const Default: any;
6
- export declare const Checked: any;
7
- export declare const Disabled: any;
8
- export declare const CheckedDisabled: any;
@@ -1,26 +0,0 @@
1
- import React, { ReactNode } from 'react';
2
- import { AlignType } from '../radio';
3
- interface CheckboxItem<CheckboxValue> {
4
- label: ReactNode;
5
- value: CheckboxValue;
6
- disabled?: boolean;
7
- }
8
- export interface CheckboxGroupProps<CheckboxValue> {
9
- className?: string;
10
- defaultValue?: CheckboxValue[];
11
- value?: CheckboxValue[];
12
- disabled?: boolean;
13
- name?: string;
14
- /** @default 24 */
15
- spacing?: number;
16
- items: CheckboxItem<CheckboxValue>[];
17
- align?: AlignType;
18
- keyExtractor?: (item: CheckboxItem<CheckboxValue>, index: number) => string | number;
19
- onChange?: (value: CheckboxValue[]) => void;
20
- }
21
- export interface CheckboxGroupInstance<CheckboxValue> {
22
- value?: CheckboxValue[];
23
- focus: () => void;
24
- }
25
- export declare const CheckboxGroup: React.ForwardRefExoticComponent<CheckboxGroupProps<string | number | boolean> & React.RefAttributes<CheckboxGroupInstance<string | number | boolean>>>;
26
- export {};
@@ -1,9 +0,0 @@
1
- import React from 'react';
2
- import { ComponentMeta } from '@storybook/react';
3
- declare const _default: ComponentMeta<React.ForwardRefExoticComponent<import("./CheckboxGroup").CheckboxGroupProps<string | number | boolean> & React.RefAttributes<import("./CheckboxGroup").CheckboxGroupInstance<string | number | boolean>>>>;
4
- export default _default;
5
- export declare const Base: any;
6
- export declare const Spacing: any;
7
- export declare const Disabled: any;
8
- export declare const VerticalAlign: any;
9
- export declare const Controlled: () => JSX.Element;
@@ -1,2 +0,0 @@
1
- export * from './Checkbox';
2
- export * from './CheckboxGroup';
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { IconProps } from '.';
3
- declare const SvgCellphone: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
4
- export default SvgCellphone;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { IconProps } from '.';
3
- declare const SvgMonitor: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
4
- export default SvgMonitor;
@@ -1,12 +0,0 @@
1
- import { SpaceProps } from '../styles';
2
- import { CSSValueWithLength } from '../styles/buildCSSWithLength';
3
- declare type orientation = 'horizontal' | 'vertical';
4
- export interface DividerProps extends SpaceProps {
5
- orientation?: orientation;
6
- spacing?: CSSValueWithLength;
7
- }
8
- export declare const Divider: import("@emotion/styled").StyledComponent<{
9
- theme?: import("@emotion/react").Theme;
10
- as?: import("react").ElementType<any>;
11
- } & DividerProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}>;
12
- export {};
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import { DividerProps } from './Divider';
3
- declare const _default: {
4
- title: string;
5
- component: import("@emotion/styled").StyledComponent<{
6
- theme?: import("@emotion/react").Theme;
7
- as?: React.ElementType<any>;
8
- } & DividerProps, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>, {}>;
9
- };
10
- export default _default;
11
- export declare const Base: any;
@@ -1 +0,0 @@
1
- export * from './Divider';
@@ -1,13 +0,0 @@
1
- import React from 'react';
2
- export declare type FormHelperTextVariant = 'info' | 'confirm' | 'error';
3
- declare type FormHelperTextElement = keyof Pick<JSX.IntrinsicElements, 'div' | 'p' | 'span'>;
4
- export interface FormHelperTextProps extends React.Attributes {
5
- /**
6
- * @default span
7
- */
8
- as?: FormHelperTextElement;
9
- /** @default info */
10
- variant?: FormHelperTextVariant;
11
- }
12
- export declare const FormHelperText: React.FC<FormHelperTextProps & JSX.IntrinsicElements[FormHelperTextProps['as']]>;
13
- export {};
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import { FormHelperTextProps } from './FormHelperText';
3
- declare const _default: {
4
- title: string;
5
- component: React.FC<FormHelperTextProps & (React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement> | React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>)>;
6
- };
7
- export default _default;
8
- export declare const Base: any;
9
- export declare const Confirm: any;
10
- export declare const Error: any;
11
- export declare const WithButton: () => JSX.Element;
@@ -1,10 +0,0 @@
1
- import React, { ReactNode, LabelHTMLAttributes } from 'react';
2
- export interface FormLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
3
- /** @default false */
4
- required?: boolean;
5
- /** help 팝오버 요소 TODO(sally): popover 개발시 외부 ReactNode 주입 제거 및 타입 제한 */
6
- helper?: ReactNode;
7
- /** 라벨 우측 렌더링될 Addon 요소 */
8
- rightAddon?: ReactNode;
9
- }
10
- export declare const FormLabel: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
@@ -1,11 +0,0 @@
1
- import React from 'react';
2
- import { FormLabelProps } from './FormLabel';
3
- declare const _default: {
4
- title: string;
5
- component: React.ForwardRefExoticComponent<FormLabelProps & React.RefAttributes<HTMLLabelElement>>;
6
- };
7
- export default _default;
8
- export declare const Base: any;
9
- export declare const Required: any;
10
- export declare const Help: any;
11
- export declare const HelpWithRequired: any;
@@ -1,2 +0,0 @@
1
- export * from './FormLabel';
2
- export * from './FormHelperText';
@@ -1,3 +0,0 @@
1
- import { FormHelperTextVariant } from './FormHelperText';
2
- export declare const label_base_css: import("@emotion/utils").SerializedStyles;
3
- export declare const getFormHelperTextVariant: (variant: FormHelperTextVariant) => import("@emotion/utils").SerializedStyles;
@@ -1,2 +0,0 @@
1
- import React from 'react';
2
- export declare const useClickOutside: (refs: React.MutableRefObject<HTMLElement | null>[], attachOnClickOutsideCondition: boolean, onClickOutside: () => void, enable?: boolean) => void;
@@ -1,33 +0,0 @@
1
- declare const _default: {
2
- title: string;
3
- argTypes: {
4
- size: {
5
- control: {
6
- type: string;
7
- };
8
- };
9
- color: {
10
- control: {
11
- type: string;
12
- };
13
- table: {
14
- defaultValue: {
15
- summary: string;
16
- };
17
- };
18
- };
19
- secondaryColor: {
20
- control: {
21
- type: string;
22
- };
23
- table: {
24
- defaultValue: {
25
- summary: string;
26
- };
27
- };
28
- };
29
- };
30
- };
31
- export default _default;
32
- export declare const Base: any;
33
- export declare const WithSizeAndColor: any;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgAccount24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgAccount24;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgAlert16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgAlert16;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgAlert20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgAlert20;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgAlert24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgAlert24;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgAlert50: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgAlert50;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgAlertFill20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgAlertFill20;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgAlertTriangle18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgAlertTriangle18;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgArrowBottom16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgArrowBottom16;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgArrowBottom18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgArrowBottom18;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgArrowDecrease10: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgArrowDecrease10;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgArrowIncrease10: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgArrowIncrease10;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgArrowLeft16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgArrowLeft16;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgArrowLeft18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgArrowLeft18;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgArrowLineDown20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgArrowLineDown20;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgArrowLineLeft20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgArrowLineLeft20;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgArrowLineRight20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgArrowLineRight20;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgArrowLineUp20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgArrowLineUp20;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgArrowRight16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgArrowRight16;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgArrowRight18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgArrowRight18;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgArrowStick10: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgArrowStick10;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgArrowTop16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgArrowTop16;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgArrowTop18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgArrowTop18;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgAutoCharge20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgAutoCharge20;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgBarChart18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgBarChart18;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgBeauty72: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgBeauty72;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgBelow10: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgBelow10;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgBelow16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgBelow16;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgBest16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgBest16;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgBookmark18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgBookmark18;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgBoost24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgBoost24;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgBrand72: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgBrand72;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgCalendar16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgCalendar16;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgCamera20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgCamera20;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgCart18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgCart18;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgCart24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgCart24;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgCharge20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgCharge20;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgChargeCoupon20: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgChargeCoupon20;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgCheck14: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgCheck14;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgCheck24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgCheck24;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgCircleCard24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgCircleCard24;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgCircleCheckFill16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgCircleCheckFill16;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgCircleCheckLine16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgCircleCheckLine16;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgCirclePlus14: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgCirclePlus14;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgCircleWon18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgCircleWon18;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgCircleWon24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgCircleWon24;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgClick18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgClick18;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgClock16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgClock16;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgCloseMedium24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgCloseMedium24;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgCloseSmall16: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgCloseSmall16;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgContract24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgContract24;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgCopy14: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgCopy14;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgCoupon18: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgCoupon18;
@@ -1,3 +0,0 @@
1
- import { IconProps } from '.';
2
- declare const SvgCoupon24: ({ size, color, secondaryColor, ...props }: IconProps) => JSX.Element;
3
- export default SvgCoupon24;