@teamturing/react-kit 1.1.5 → 1.2.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.
Files changed (32) hide show
  1. package/dist/core/Button/index.d.ts +71 -0
  2. package/dist/core/GradientText/index.d.ts +5 -5
  3. package/dist/core/Grid/index.d.ts +2 -2
  4. package/dist/core/IconButton/index.d.ts +1 -1
  5. package/dist/core/Stack/index.d.ts +2 -2
  6. package/dist/index.d.ts +1 -0
  7. package/dist/index.js +457 -107
  8. package/esm/packages/icons/{src → esm}/ProgressGradient.js +1 -1
  9. package/esm/packages/icons/esm/_virtual/_rollupPluginBabelHelpers.js +16 -0
  10. package/esm/packages/react-kit/src/core/Button/index.js +347 -0
  11. package/esm/packages/react-kit/src/core/Chip/index.js +3 -3
  12. package/esm/packages/react-kit/src/core/Grid/index.js +1 -1
  13. package/esm/packages/react-kit/src/core/IconButton/index.js +2 -2
  14. package/esm/packages/react-kit/src/core/IconToggleButton/index.js +2 -2
  15. package/esm/packages/react-kit/src/core/Spinner/index.js +2 -2
  16. package/esm/packages/react-kit/src/core/Stack/index.js +1 -1
  17. package/esm/packages/react-kit/src/core/Text/index.js +1 -1
  18. package/esm/packages/react-kit/src/index.js +1 -0
  19. package/package.json +7 -6
  20. /package/esm/packages/token-studio/{src → esm}/foundation/palette/index.js +0 -0
  21. /package/esm/packages/token-studio/{src → esm}/foundation/rounding/index.js +0 -0
  22. /package/esm/packages/token-studio/{src → esm}/foundation/spacing/index.js +0 -0
  23. /package/esm/packages/token-studio/{src → esm}/foundation/typography/fontSize/index.js +0 -0
  24. /package/esm/packages/token-studio/{src → esm}/foundation/typography/fontWeight/index.js +0 -0
  25. /package/esm/packages/token-studio/{src → esm}/foundation/typography/lineHeight/index.js +0 -0
  26. /package/esm/packages/token-studio/{src → esm}/token/color/index.js +0 -0
  27. /package/esm/packages/token-studio/{src → esm}/token/radii/index.js +0 -0
  28. /package/esm/packages/token-studio/{src → esm}/token/space/index.js +0 -0
  29. /package/esm/packages/token-studio/{src → esm}/token/typography/fontSizes.js +0 -0
  30. /package/esm/packages/token-studio/{src → esm}/token/typography/fontWeights.js +0 -0
  31. /package/esm/packages/token-studio/{src → esm}/token/typography/index.js +0 -0
  32. /package/esm/packages/token-studio/{src → esm}/token/typography/lineHeights.js +0 -0
@@ -0,0 +1,71 @@
1
+ import { ComponentType, SVGProps } from 'react';
2
+ import { ResponsiveValue } from 'styled-system';
3
+ import { UnstyledButtonProps } from '../_UnstyledButton';
4
+ type Props = {
5
+ /**
6
+ * 크기를 정의합니다.
7
+ * 반응형 디자인이 적용됩니다.
8
+ */
9
+ size?: ResponsiveValue<'l' | 'm' | 's'>;
10
+ /**
11
+ * 색을 정의합니다.
12
+ * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.
13
+ */
14
+ variant?: 'primary' | 'secondary' | 'tertiary' | 'outlined' | 'plain' | 'danger';
15
+ /**
16
+ * 감싸고 있는 컨테이너의 너비를 채웁니다.
17
+ */
18
+ fillWidth?: boolean;
19
+ /**
20
+ * 비활성화 상태를 정의합니다.
21
+ */
22
+ disabled?: boolean;
23
+ /**
24
+ * 로딩 상태를 정의합니다.
25
+ */
26
+ loading?: boolean;
27
+ /**
28
+ * 텍스트 앞에 보여질 아이콘을 정의합니다.
29
+ */
30
+ leadingIcon?: ComponentType<SVGProps<SVGSVGElement>>;
31
+ /**
32
+ * 텍스트 뒤에 보여질 아이콘을 정의합니다.
33
+ */
34
+ trailingIcon?: ComponentType<SVGProps<SVGSVGElement>>;
35
+ } & UnstyledButtonProps;
36
+ declare const Button: import("react").ForwardRefExoticComponent<{
37
+ /**
38
+ * 크기를 정의합니다.
39
+ * 반응형 디자인이 적용됩니다.
40
+ */
41
+ size?: ResponsiveValue<"s" | "m" | "l"> | undefined;
42
+ /**
43
+ * 색을 정의합니다.
44
+ * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.
45
+ */
46
+ variant?: "primary" | "secondary" | "tertiary" | "outlined" | "plain" | "danger" | undefined;
47
+ /**
48
+ * 감싸고 있는 컨테이너의 너비를 채웁니다.
49
+ */
50
+ fillWidth?: boolean | undefined;
51
+ /**
52
+ * 비활성화 상태를 정의합니다.
53
+ */
54
+ disabled?: boolean | undefined;
55
+ /**
56
+ * 로딩 상태를 정의합니다.
57
+ */
58
+ loading?: boolean | undefined;
59
+ /**
60
+ * 텍스트 앞에 보여질 아이콘을 정의합니다.
61
+ */
62
+ leadingIcon?: ComponentType<SVGProps<SVGSVGElement>> | undefined;
63
+ /**
64
+ * 텍스트 뒤에 보여질 아이콘을 정의합니다.
65
+ */
66
+ trailingIcon?: ComponentType<SVGProps<SVGSVGElement>> | undefined;
67
+ } & import("react").ButtonHTMLAttributes<HTMLButtonElement> & import("../../utils/styled-system").SxProp & {
68
+ children?: import("react").ReactNode;
69
+ } & import("react").RefAttributes<HTMLButtonElement>>;
70
+ export default Button;
71
+ export type { Props as ButtonProps };
@@ -3,10 +3,10 @@
3
3
  declare const GradientText: import("styled-components").IStyledComponent<"web", {
4
4
  key?: import("react").Key | null | undefined;
5
5
  id?: string | undefined;
6
- backgroundColor?: import("styled-system").ResponsiveValue<"link" | "dim" | "bg/primary" | "text/inverse" | "icon/inverse" | "bg/secondary" | "text/primary" | "icon/primary" | "bg/neutral/subtler" | "border/primary" | "text/neutral/subtle" | "icon/neutral/bolder" | "border/neutral/bolder" | "bg/neutral" | "bg/accent/red/subtlest" | "text/accent/red" | "icon/accent/red" | "bg/accent/red" | "bg/accent/yellow/subtlest" | "text/accent/yellow" | "icon/accent/yellow" | "bg/accent/green/subtlest" | "text/accent/green" | "icon/accent/green" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral" | "icon/neutral/bold" | "icon/accent/gray" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/disabled" | "icon/disabled/subtler" | "icon/selected/primary" | "icon/selected/neutral" | "icon/primary/subtle" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral" | "border/input" | "border/inverse" | "border/disabled" | "border/hovered" | "border/focused" | "border/danger" | "border/success" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/red/subtle" | "bg/accent/gray/subtlest" | "bg/accent/blue/subtlest" | "bg/selected/violet" | "bg/selected/neutral" | "bg/selected/neutral/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/accent/blue" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected/neutral", import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> | undefined;
7
- color?: import("styled-system").ResponsiveValue<"link" | "dim" | "bg/primary" | "text/inverse" | "icon/inverse" | "bg/secondary" | "text/primary" | "icon/primary" | "bg/neutral/subtler" | "border/primary" | "text/neutral/subtle" | "icon/neutral/bolder" | "border/neutral/bolder" | "bg/neutral" | "bg/accent/red/subtlest" | "text/accent/red" | "icon/accent/red" | "bg/accent/red" | "bg/accent/yellow/subtlest" | "text/accent/yellow" | "icon/accent/yellow" | "bg/accent/green/subtlest" | "text/accent/green" | "icon/accent/green" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral" | "icon/neutral/bold" | "icon/accent/gray" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/disabled" | "icon/disabled/subtler" | "icon/selected/primary" | "icon/selected/neutral" | "icon/primary/subtle" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral" | "border/input" | "border/inverse" | "border/disabled" | "border/hovered" | "border/focused" | "border/danger" | "border/success" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/red/subtle" | "bg/accent/gray/subtlest" | "bg/accent/blue/subtlest" | "bg/selected/violet" | "bg/selected/neutral" | "bg/selected/neutral/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/accent/blue" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected/neutral", import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> | undefined;
6
+ backgroundColor?: import("styled-system").ResponsiveValue<"link" | "icon/neutral" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/inverse" | "icon/disabled" | "icon/disabled/subtler" | "icon/selected/primary" | "icon/selected/neutral" | "icon/primary" | "icon/primary/subtle" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/disabled" | "border/primary" | "border/hovered" | "border/focused" | "border/danger" | "border/success" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/accent/blue/subtlest" | "bg/selected/violet" | "bg/selected/neutral" | "bg/selected/neutral/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected/neutral", import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> | undefined;
7
+ color?: import("styled-system").ResponsiveValue<"link" | "icon/neutral" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/inverse" | "icon/disabled" | "icon/disabled/subtler" | "icon/selected/primary" | "icon/selected/neutral" | "icon/primary" | "icon/primary/subtle" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/disabled" | "border/primary" | "border/hovered" | "border/focused" | "border/danger" | "border/success" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/accent/blue/subtlest" | "bg/selected/violet" | "bg/selected/neutral" | "bg/selected/neutral/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected/neutral", import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> | undefined;
8
8
  content?: string | undefined;
9
- fontSize?: import("styled-system").ResponsiveValue<"s" | "m" | "l" | "xs" | "xxs" | "display1" | "display2" | "display3" | "display4" | "xxl" | "xl", import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> | undefined;
9
+ fontSize?: import("styled-system").ResponsiveValue<"s" | "m" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4", import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> | undefined;
10
10
  fontWeight?: import("styled-system").ResponsiveValue<"bold" | "medium" | "regular", import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> | undefined;
11
11
  lineHeight?: import("styled-system").ResponsiveValue<2 | 1, import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> | undefined;
12
12
  opacity?: import("styled-system").ResponsiveValue<import("csstype").Property.Opacity, Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> | undefined;
@@ -279,9 +279,9 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
279
279
  onAnimationIterationCapture?: import("react").AnimationEventHandler<HTMLSpanElement> | undefined;
280
280
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
281
281
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
282
- bg?: import("styled-system").ResponsiveValue<"link" | "dim" | "bg/primary" | "text/inverse" | "icon/inverse" | "bg/secondary" | "text/primary" | "icon/primary" | "bg/neutral/subtler" | "border/primary" | "text/neutral/subtle" | "icon/neutral/bolder" | "border/neutral/bolder" | "bg/neutral" | "bg/accent/red/subtlest" | "text/accent/red" | "icon/accent/red" | "bg/accent/red" | "bg/accent/yellow/subtlest" | "text/accent/yellow" | "icon/accent/yellow" | "bg/accent/green/subtlest" | "text/accent/green" | "icon/accent/green" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral" | "icon/neutral/bold" | "icon/accent/gray" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/disabled" | "icon/disabled/subtler" | "icon/selected/primary" | "icon/selected/neutral" | "icon/primary/subtle" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral" | "border/input" | "border/inverse" | "border/disabled" | "border/hovered" | "border/focused" | "border/danger" | "border/success" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/red/subtle" | "bg/accent/gray/subtlest" | "bg/accent/blue/subtlest" | "bg/selected/violet" | "bg/selected/neutral" | "bg/selected/neutral/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/accent/blue" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected/neutral", import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> | undefined;
282
+ bg?: import("styled-system").ResponsiveValue<"link" | "icon/neutral" | "scale/violet/0" | "scale/violet/1" | "scale/violet/2" | "scale/violet/3" | "scale/violet/4" | "scale/violet/5" | "scale/violet/6" | "scale/violet/7" | "scale/violet/8" | "scale/violet/9" | "dim" | "link/hovered" | "link/pressed" | "link/neutral" | "link/neutral/hovered" | "link/neutral/pressed" | "link/neutral/bold" | "link/neutral/bold/hovered" | "link/neutral/bold/pressed" | "link/disabled" | "icon/neutral/bold" | "icon/neutral/bolder" | "icon/accent/gray" | "icon/accent/blue" | "icon/accent/blue/bold" | "icon/accent/green" | "icon/accent/yellow" | "icon/accent/red" | "icon/inverse" | "icon/disabled" | "icon/disabled/subtler" | "icon/selected/primary" | "icon/selected/neutral" | "icon/primary" | "icon/primary/subtle" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/disabled" | "border/primary" | "border/hovered" | "border/focused" | "border/danger" | "border/success" | "bg/secondary" | "bg/secondary/hovered" | "bg/secondary/pressed" | "bg/primary" | "bg/primary/hovered" | "bg/primary/pressed" | "bg/neutral/subtler" | "bg/neutral/subtler/hovered" | "bg/neutral/subtler/pressed" | "bg/neutral/subtle" | "bg/neutral/subtle/hovered" | "bg/neutral/subtle/pressed" | "bg/neutral" | "bg/neutral/hovered" | "bg/neutral/pressed" | "bg/neutral/bold" | "bg/neutral/bold/hovered" | "bg/neutral/bold/pressed" | "bg/neutral/bolder" | "bg/neutral/bolder/hovered" | "bg/neutral/bolder/pressed" | "bg/disabled" | "bg/disabled/subtlest" | "bg/input" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/accent/blue/subtlest" | "bg/selected/violet" | "bg/selected/neutral" | "bg/selected/neutral/subtle" | "bg/inverse" | "bg/inverse/subtlest" | "bg/success" | "bg/success/bold" | "bg/warning" | "bg/warning/bold" | "bg/danger" | "bg/danger/bold" | "bg/danger/bold/hovered" | "bg/danger/bold/pressed" | "text/primary" | "text/accent/blue" | "text/accent/green" | "text/accent/yellow" | "text/accent/red" | "text/neutral/subtlest" | "text/neutral/subtler" | "text/neutral/subtle" | "text/neutral" | "text/inverse" | "text/inverse/subtle" | "text/inverse/subtler" | "text/disabled" | "text/success" | "text/warning" | "text/danger" | "text/selected/neutral", import("styled-system").Theme<import("styled-system").TLengthStyledSystem>> | undefined;
283
283
  sx?: import("../../utils/styled-system").BetterSystemStyleObject | undefined;
284
- typography?: import("styled-system").ResponsiveValue<"s" | "m" | "l" | "xs" | "xxs" | "display1" | "display2" | "display3" | "display4" | "xxl/regular" | "xxl" | "xxl/bold" | "xl/regular" | "xl" | "xl/bold" | "l/regular" | "l/bold" | "m/regular" | "m/bold" | "s/regular" | "s/bold" | "xs/regular" | "xs/bold" | "xxs/regular" | "xxs/bold"> | undefined;
284
+ typography?: import("styled-system").ResponsiveValue<"s" | "m" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4" | "xxl/regular" | "xxl/bold" | "xl/regular" | "xl/bold" | "l/regular" | "l/bold" | "m/regular" | "m/bold" | "s/regular" | "s/bold" | "xs/regular" | "xs/bold" | "xxs/regular" | "xxs/bold"> | undefined;
285
285
  ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
286
286
  }>;
287
287
  export default GradientText;
@@ -13,8 +13,8 @@ type GridUnitProps = {
13
13
  size: ResponsiveValue<UnitSizeType>;
14
14
  } & Pick<ViewProps, 'order' | 'sx'> & AsProp;
15
15
  declare const _default: import("react").ForwardRefExoticComponent<{
16
- gapX?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | 28 | 30 | 40 | 48 | 50 | 80 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25> | undefined;
17
- gapY?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | 28 | 30 | 40 | 48 | 50 | 80 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25> | undefined;
16
+ gapX?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
17
+ gapY?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
18
18
  wrap?: ResponsiveValue<boolean> | undefined;
19
19
  } & Pick<ViewProps, "alignItems" | "justifyContent" | "sx"> & AsProp & {
20
20
  children?: import("react").ReactNode;
@@ -39,7 +39,7 @@ declare const IconButton: import("react").ForwardRefExoticComponent<{
39
39
  * 색을 정의합니다.
40
40
  * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.
41
41
  */
42
- variant?: "primary" | "secondary" | "tertiary" | "outlined" | "plain-bold" | "plain" | "plain-subtle" | "danger" | undefined;
42
+ variant?: "primary" | "secondary" | "tertiary" | "outlined" | "plain" | "danger" | "plain-bold" | "plain-subtle" | undefined;
43
43
  /**
44
44
  * 비활성화 상태를 정의합니다.
45
45
  */
@@ -8,8 +8,8 @@ type Props = {
8
8
  gapY?: ResponsiveValue<SpaceKey>;
9
9
  } & Pick<ViewProps, 'alignItems' | 'justifyContent' | 'sx'> & AsProp;
10
10
  declare const _default: import("react").ForwardRefExoticComponent<{
11
- gapX?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | 28 | 30 | 40 | 48 | 50 | 80 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25> | undefined;
12
- gapY?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | 28 | 30 | 40 | 48 | 50 | 80 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25> | undefined;
11
+ gapX?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
12
+ gapY?: ResponsiveValue<0 | 2 | 1 | 3 | 4 | 8 | 16 | 32 | 5 | 6 | 10 | 7 | 12 | 14 | 18 | 20 | 24 | 0.5 | "-80" | "-50" | "-48" | "-40" | "-32" | "-30" | "-28" | "-24" | "-20" | "-18" | "-16" | "-14" | "-12" | "-10" | "-8" | "-7" | "-6" | "-5" | "-4" | "-3" | "-2" | "-1" | "-0.5" | "-0.25" | 0.25 | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
13
13
  } & Pick<ViewProps, "alignItems" | "justifyContent" | "sx"> & AsProp & {
14
14
  children?: import("react").ReactNode;
15
15
  } & import("react").RefAttributes<HTMLDivElement>> & {
package/dist/index.d.ts CHANGED
@@ -1,3 +1,4 @@
1
+ export { default as Button } from './core/Button';
1
2
  export { default as Chip } from './core/Chip';
2
3
  export { default as GradientText } from './core/GradientText';
3
4
  export { default as Grid } from './core/Grid';