@teamturing/react-kit 2.5.0 → 2.6.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 (21) hide show
  1. package/dist/core/Button/index.d.ts +1 -1
  2. package/dist/core/GradientText/index.d.ts +11 -12
  3. package/dist/core/Grid/index.d.ts +2 -2
  4. package/dist/core/IconButton/index.d.ts +1 -1
  5. package/dist/core/ItemList/index.d.ts +2 -2
  6. package/dist/core/Spinner/index.d.ts +116 -116
  7. package/dist/core/Stack/index.d.ts +2 -2
  8. package/dist/core/TextInput/index.d.ts +39 -0
  9. package/dist/core/Textarea/index.d.ts +9 -0
  10. package/dist/index.d.ts +4 -0
  11. package/dist/index.js +708 -8
  12. package/esm/_virtual/index.js +3 -0
  13. package/esm/_virtual/react-is.development.js +3 -0
  14. package/esm/_virtual/react-is.production.min.js +3 -0
  15. package/esm/core/TextInput/index.js +220 -0
  16. package/esm/core/Textarea/index.js +158 -0
  17. package/esm/index.js +2 -0
  18. package/esm/node_modules/react-is/cjs/react-is.development.js +211 -0
  19. package/esm/node_modules/react-is/cjs/react-is.production.min.js +123 -0
  20. package/esm/node_modules/react-is/index.js +12 -0
  21. package/package.json +4 -2
package/dist/core/Button/index.d.ts CHANGED
@@ -38,7 +38,7 @@ declare const Button: import("react").ForwardRefExoticComponent<{
38
38
  * 크기를 정의합니다.
39
39
  * 반응형 디자인이 적용됩니다.
40
40
  */
41
- size?: ResponsiveValue<"s" | "m" | "l"> | undefined;
41
+ size?: ResponsiveValue<"m" | "s" | "l"> | undefined;
42
42
  /**
43
43
  * 색을 정의합니다.
44
44
  * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.
package/dist/core/GradientText/index.d.ts CHANGED
@@ -1,5 +1,4 @@
1
1
  /// <reference types="react" />
2
- /// <reference types="react" />
3
2
  import type { TextProps } from '../Text';
4
3
  type Props = {} & TextProps;
5
4
  declare const GradientText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<Omit<{
@@ -50,32 +49,32 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
50
49
  itemRef?: string | undefined;
51
50
  results?: number | undefined;
52
51
  security?: string | undefined;
53
- unselectable?: "off" | "on" | undefined;
54
- inputMode?: "search" | "numeric" | "none" | "url" | "text" | "email" | "tel" | "decimal" | undefined;
52
+ unselectable?: "on" | "off" | undefined;
53
+ inputMode?: "none" | "search" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
55
54
  is?: string | undefined;
56
55
  'aria-activedescendant'?: string | undefined;
57
56
  'aria-atomic'?: (boolean | "false" | "true") | undefined;
58
- 'aria-autocomplete'?: "inline" | "both" | "none" | "list" | undefined;
57
+ 'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
59
58
  'aria-braillelabel'?: string | undefined;
60
59
  'aria-brailleroledescription'?: string | undefined;
61
60
  'aria-busy'?: (boolean | "false" | "true") | undefined;
62
- 'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined;
61
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
63
62
  'aria-colcount'?: number | undefined;
64
63
  'aria-colindex'?: number | undefined;
65
64
  'aria-colindextext'?: string | undefined;
66
65
  'aria-colspan'?: number | undefined;
67
66
  'aria-controls'?: string | undefined;
68
- 'aria-current'?: boolean | "false" | "time" | "location" | "page" | "true" | "step" | "date" | undefined;
67
+ 'aria-current'?: boolean | "page" | "time" | "false" | "true" | "step" | "location" | "date" | undefined;
69
68
  'aria-describedby'?: string | undefined;
70
69
  'aria-description'?: string | undefined;
71
70
  'aria-details'?: string | undefined;
72
71
  'aria-disabled'?: (boolean | "false" | "true") | undefined;
73
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
72
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
74
73
  'aria-errormessage'?: string | undefined;
75
74
  'aria-expanded'?: (boolean | "false" | "true") | undefined;
76
75
  'aria-flowto'?: string | undefined;
77
76
  'aria-grabbed'?: (boolean | "false" | "true") | undefined;
78
- 'aria-haspopup'?: boolean | "false" | "grid" | "dialog" | "menu" | "listbox" | "true" | "tree" | undefined;
77
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
79
78
  'aria-hidden'?: (boolean | "false" | "true") | undefined;
80
79
  'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
81
80
  'aria-keyshortcuts'?: string | undefined;
@@ -90,7 +89,7 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
90
89
  'aria-owns'?: string | undefined;
91
90
  'aria-placeholder'?: string | undefined;
92
91
  'aria-posinset'?: number | undefined;
93
- 'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
92
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
94
93
  'aria-readonly'?: (boolean | "false" | "true") | undefined;
95
94
  'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
96
95
  'aria-required'?: (boolean | "false" | "true") | undefined;
@@ -101,7 +100,7 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
101
100
  'aria-rowspan'?: number | undefined;
102
101
  'aria-selected'?: (boolean | "false" | "true") | undefined;
103
102
  'aria-setsize'?: number | undefined;
104
- 'aria-sort'?: "none" | "other" | "ascending" | "descending" | undefined;
103
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
105
104
  'aria-valuemax'?: number | undefined;
106
105
  'aria-valuemin'?: number | undefined;
107
106
  'aria-valuenow'?: number | undefined;
@@ -273,8 +272,8 @@ declare const GradientText: import("styled-components").IStyledComponent<"web",
273
272
  onTransitionEnd?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
274
273
  onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLSpanElement> | undefined;
275
274
  } & {
276
- 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;
277
- } & import("../..").SxProp & import("../../utils/styled-system").WordBreakProps & import("../../utils/styled-system").WhiteSpaceProps & import("../../utils/styled-system").TextDecorationProps & import("styled-system").FontSizeProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "s" | "m" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4"> & import("styled-system").FontWeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "bold" | "medium" | "regular"> & import("styled-system").LineHeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 2 | 1> & import("styled-system").TextAlignProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "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/violet" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "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/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/violet" | "bg/selected" | "bg/selected/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">, "ref"> & {
275
+ typography?: import("styled-system").ResponsiveValue<"m" | "s" | "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;
276
+ } & import("../..").SxProp & import("../../utils/styled-system").WordBreakProps & import("../../utils/styled-system").WhiteSpaceProps & import("../../utils/styled-system").TextDecorationProps & import("styled-system").FontSizeProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "m" | "s" | "xxs" | "xs" | "l" | "xl" | "xxl" | "display1" | "display2" | "display3" | "display4"> & import("styled-system").FontWeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "medium" | "bold" | "regular"> & import("styled-system").LineHeightProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, 1 | 2> & import("styled-system").TextAlignProps<Required<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>>> & import("styled-system").ColorProps<import("styled-system").Theme<import("styled-system").TLengthStyledSystem>, "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/violet" | "icon/selected" | "icon/primary/subtle" | "icon/primary" | "icon/primary/bold" | "icon/success" | "icon/warning" | "icon/danger" | "border/neutral/subtle" | "border/neutral" | "border/neutral/bolder" | "border/input" | "border/inverse" | "border/selected" | "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/blue/subtlest" | "bg/accent/green/subtlest" | "bg/accent/yellow/subtlest" | "bg/accent/red/subtlest" | "bg/accent/red/subtle" | "bg/accent/red" | "bg/accent/gray/subtlest" | "bg/selected/violet" | "bg/selected" | "bg/selected/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">, "ref"> & {
278
277
  ref?: ((instance: HTMLSpanElement | null) => void) | import("react").RefObject<HTMLSpanElement> | null | undefined;
279
278
  }, Props>>;
280
279
  export default GradientText;
package/dist/core/Grid/index.d.ts CHANGED
@@ -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 | 0.25 | "-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" | 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 | 0.25 | "-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" | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
16
+ gapX?: ResponsiveValue<0 | 1 | 32 | 2 | 3 | 4 | 5 | 6 | 20 | 16 | 12 | 0.5 | 24 | 0.25 | 8 | 7 | "-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" | 10 | 14 | 18 | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
17
+ gapY?: ResponsiveValue<0 | 1 | 32 | 2 | 3 | 4 | 5 | 6 | 20 | 16 | 12 | 0.5 | 24 | 0.25 | 8 | 7 | "-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" | 10 | 14 | 18 | 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;
package/dist/core/IconButton/index.d.ts CHANGED
@@ -34,7 +34,7 @@ declare const IconButton: import("react").ForwardRefExoticComponent<{
34
34
  * 크기를 정의합니다.
35
35
  * 반응형 디자인이 적용됩니다.
36
36
  */
37
- size?: ResponsiveValue<"s" | "m" | "l"> | undefined;
37
+ size?: ResponsiveValue<"m" | "s" | "l"> | undefined;
38
38
  /**
39
39
  * 색을 정의합니다.
40
40
  * hover, active, focused, disabled, loading 등의 모든 상황에 관여합니다.
package/dist/core/ItemList/index.d.ts CHANGED
@@ -1,10 +1,10 @@
1
- import { ReactNode, JSX } from 'react';
1
+ import { ReactNode } from 'react';
2
2
  type Props<T> = {
3
3
  items: readonly T[];
4
4
  renderItem: (item: T, index: number) => ReactNode;
5
5
  renderItemWrapper?: (children: ReactNode, item: T, index: number) => ReactNode;
6
6
  emptyState?: ReactNode;
7
7
  };
8
- declare const ItemList: <T>({ items, renderItem, renderItemWrapper, emptyState, }: Props<T>) => JSX.Element;
8
+ declare const ItemList: <T>({ items, renderItem, renderItemWrapper, emptyState, }: Props<T>) => import("react/jsx-runtime").JSX.Element;
9
9
  export default ItemList;
10
10
  export type { Props as ItemListProps };
package/dist/core/Spinner/index.d.ts CHANGED
@@ -2,159 +2,91 @@ import { SVGProps } from 'react';
2
2
  type Props = SVGProps<SVGSVGElement>;
3
3
  declare const Spinner: import("styled-components").IStyledComponent<"web", {
4
4
  string?: string | number | undefined;
5
- filter?: string | undefined;
6
- values?: string | undefined;
7
- fill?: string | undefined;
8
- stroke?: string | undefined;
9
- max?: string | number | undefined;
10
- type?: string | undefined;
11
- accumulate?: "none" | "sum" | undefined;
12
- offset?: string | number | undefined;
13
- key?: import("react").Key | null | undefined;
14
- id?: string | undefined;
15
- media?: string | undefined;
16
- origin?: string | number | undefined;
17
- height?: string | number | undefined;
18
- width?: string | number | undefined;
19
- end?: string | number | undefined;
20
- name?: string | undefined;
21
- min?: string | number | undefined;
22
- alignmentBaseline?: "auto" | "inherit" | "alphabetic" | "hanging" | "ideographic" | "middle" | "baseline" | "after-edge" | "before-edge" | "central" | "mathematical" | "text-after-edge" | "text-before-edge" | undefined;
23
- baselineShift?: string | number | undefined;
24
- clip?: string | number | undefined;
5
+ fontWeight?: string | number | undefined;
25
6
  clipPath?: string | undefined;
26
- clipRule?: string | number | undefined;
27
7
  color?: string | undefined;
28
- colorInterpolation?: string | number | undefined;
29
- colorInterpolationFilters?: "auto" | "inherit" | "linearRGB" | "sRGB" | undefined;
30
8
  cursor?: string | number | undefined;
31
9
  direction?: string | number | undefined;
32
10
  display?: string | number | undefined;
33
- dominantBaseline?: string | number | undefined;
34
- fillOpacity?: string | number | undefined;
35
- fillRule?: "evenodd" | "nonzero" | "inherit" | undefined;
36
- floodColor?: string | number | undefined;
37
- floodOpacity?: string | number | undefined;
11
+ filter?: string | undefined;
38
12
  fontFamily?: string | undefined;
39
13
  fontSize?: string | number | undefined;
40
14
  fontSizeAdjust?: string | number | undefined;
41
15
  fontStretch?: string | number | undefined;
42
16
  fontStyle?: string | number | undefined;
43
17
  fontVariant?: string | number | undefined;
44
- fontWeight?: string | number | undefined;
18
+ height?: string | number | undefined;
45
19
  imageRendering?: string | number | undefined;
46
20
  letterSpacing?: string | number | undefined;
47
- lightingColor?: string | number | undefined;
48
- markerEnd?: string | undefined;
49
- markerMid?: string | undefined;
50
- markerStart?: string | undefined;
51
- mask?: string | undefined;
52
21
  opacity?: string | number | undefined;
53
22
  order?: string | number | undefined;
54
- overflow?: string | number | undefined;
55
23
  paintOrder?: string | number | undefined;
56
24
  pointerEvents?: string | number | undefined;
57
25
  rotate?: string | number | undefined;
58
26
  scale?: string | number | undefined;
27
+ textRendering?: string | number | undefined;
28
+ transform?: string | undefined;
29
+ unicodeBidi?: string | number | undefined;
30
+ visibility?: string | number | undefined;
31
+ width?: string | number | undefined;
32
+ wordSpacing?: string | number | undefined;
33
+ writingMode?: string | number | undefined;
34
+ mask?: string | undefined;
35
+ offset?: string | number | undefined;
36
+ overflow?: string | number | undefined;
37
+ textDecoration?: string | number | undefined;
38
+ alignmentBaseline?: "inherit" | "auto" | "alphabetic" | "hanging" | "ideographic" | "mathematical" | "baseline" | "middle" | "after-edge" | "before-edge" | "central" | "text-after-edge" | "text-before-edge" | undefined;
39
+ baselineShift?: string | number | undefined;
40
+ clip?: string | number | undefined;
41
+ clipRule?: string | number | undefined;
42
+ colorInterpolation?: string | number | undefined;
43
+ colorRendering?: string | number | undefined;
44
+ dominantBaseline?: string | number | undefined;
45
+ fill?: string | undefined;
46
+ fillOpacity?: string | number | undefined;
47
+ fillRule?: "inherit" | "evenodd" | "nonzero" | undefined;
48
+ floodColor?: string | number | undefined;
49
+ floodOpacity?: string | number | undefined;
50
+ glyphOrientationVertical?: string | number | undefined;
51
+ lightingColor?: string | number | undefined;
52
+ markerEnd?: string | undefined;
53
+ markerMid?: string | undefined;
54
+ markerStart?: string | undefined;
59
55
  shapeRendering?: string | number | undefined;
60
56
  stopColor?: string | undefined;
61
57
  stopOpacity?: string | number | undefined;
58
+ stroke?: string | undefined;
62
59
  strokeDasharray?: string | number | undefined;
63
60
  strokeDashoffset?: string | number | undefined;
64
- strokeLinecap?: "square" | "butt" | "round" | "inherit" | undefined;
65
- strokeLinejoin?: "round" | "bevel" | "miter" | "inherit" | undefined;
61
+ strokeLinecap?: "inherit" | "round" | "butt" | "square" | undefined;
62
+ strokeLinejoin?: "inherit" | "round" | "bevel" | "miter" | undefined;
66
63
  strokeMiterlimit?: string | number | undefined;
67
64
  strokeOpacity?: string | number | undefined;
68
65
  strokeWidth?: string | number | undefined;
69
66
  textAnchor?: string | undefined;
70
- textDecoration?: string | number | undefined;
71
- textRendering?: string | number | undefined;
72
- transform?: string | undefined;
73
- unicodeBidi?: string | number | undefined;
74
- visibility?: string | number | undefined;
75
- wordSpacing?: string | number | undefined;
76
- writingMode?: string | number | undefined;
77
- alphabetic?: string | number | undefined;
78
- hanging?: string | number | undefined;
79
- ideographic?: string | number | undefined;
67
+ vectorEffect?: string | number | undefined;
68
+ azimuth?: string | number | undefined;
80
69
  style?: import("react").CSSProperties | undefined;
81
70
  path?: string | undefined;
71
+ suppressHydrationWarning?: boolean | undefined;
72
+ className?: string | undefined;
73
+ id?: string | undefined;
74
+ lang?: string | undefined;
75
+ max?: string | number | undefined;
76
+ media?: string | undefined;
82
77
  method?: string | undefined;
78
+ min?: string | number | undefined;
79
+ name?: string | undefined;
83
80
  target?: string | undefined;
84
- lang?: string | undefined;
85
- className?: string | undefined;
81
+ type?: string | undefined;
86
82
  role?: import("react").AriaRole | undefined;
87
- children?: import("react").ReactNode;
88
83
  tabIndex?: number | undefined;
89
- orientation?: string | number | undefined;
90
- local?: string | number | undefined;
91
- unicode?: string | number | undefined;
92
- x?: string | number | undefined;
93
- y?: string | number | undefined;
94
- mathematical?: string | number | undefined;
95
- azimuth?: string | number | undefined;
96
- colorRendering?: string | number | undefined;
97
- glyphOrientationVertical?: string | number | undefined;
98
- vectorEffect?: string | number | undefined;
99
- additive?: "replace" | "sum" | undefined;
100
84
  crossOrigin?: "" | "anonymous" | "use-credentials" | undefined;
101
- href?: string | undefined;
102
- suppressHydrationWarning?: boolean | undefined;
103
- 'aria-activedescendant'?: string | undefined;
104
- 'aria-atomic'?: (boolean | "false" | "true") | undefined;
105
- 'aria-autocomplete'?: "inline" | "both" | "none" | "list" | undefined;
106
- 'aria-braillelabel'?: string | undefined;
107
- 'aria-brailleroledescription'?: string | undefined;
108
- 'aria-busy'?: (boolean | "false" | "true") | undefined;
109
- 'aria-checked'?: boolean | "false" | "mixed" | "true" | undefined;
110
- 'aria-colcount'?: number | undefined;
111
- 'aria-colindex'?: number | undefined;
112
- 'aria-colindextext'?: string | undefined;
113
- 'aria-colspan'?: number | undefined;
114
- 'aria-controls'?: string | undefined;
115
- 'aria-current'?: boolean | "false" | "time" | "location" | "page" | "true" | "step" | "date" | undefined;
116
- 'aria-describedby'?: string | undefined;
117
- 'aria-description'?: string | undefined;
118
- 'aria-details'?: string | undefined;
119
- 'aria-disabled'?: (boolean | "false" | "true") | undefined;
120
- 'aria-dropeffect'?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
121
- 'aria-errormessage'?: string | undefined;
122
- 'aria-expanded'?: (boolean | "false" | "true") | undefined;
123
- 'aria-flowto'?: string | undefined;
124
- 'aria-grabbed'?: (boolean | "false" | "true") | undefined;
125
- 'aria-haspopup'?: boolean | "false" | "grid" | "dialog" | "menu" | "listbox" | "true" | "tree" | undefined;
126
- 'aria-hidden'?: (boolean | "false" | "true") | undefined;
127
- 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
128
- 'aria-keyshortcuts'?: string | undefined;
129
- 'aria-label'?: string | undefined;
130
- 'aria-labelledby'?: string | undefined;
131
- 'aria-level'?: number | undefined;
132
- 'aria-live'?: "off" | "assertive" | "polite" | undefined;
133
- 'aria-modal'?: (boolean | "false" | "true") | undefined;
134
- 'aria-multiline'?: (boolean | "false" | "true") | undefined;
135
- 'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
136
- 'aria-orientation'?: "horizontal" | "vertical" | undefined;
137
- 'aria-owns'?: string | undefined;
138
- 'aria-placeholder'?: string | undefined;
139
- 'aria-posinset'?: number | undefined;
140
- 'aria-pressed'?: boolean | "false" | "mixed" | "true" | undefined;
141
- 'aria-readonly'?: (boolean | "false" | "true") | undefined;
142
- 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
143
- 'aria-required'?: (boolean | "false" | "true") | undefined;
144
- 'aria-roledescription'?: string | undefined;
145
- 'aria-rowcount'?: number | undefined;
146
- 'aria-rowindex'?: number | undefined;
147
- 'aria-rowindextext'?: string | undefined;
148
- 'aria-rowspan'?: number | undefined;
149
- 'aria-selected'?: (boolean | "false" | "true") | undefined;
150
- 'aria-setsize'?: number | undefined;
151
- 'aria-sort'?: "none" | "other" | "ascending" | "descending" | undefined;
152
- 'aria-valuemax'?: number | undefined;
153
- 'aria-valuemin'?: number | undefined;
154
- 'aria-valuenow'?: number | undefined;
155
- 'aria-valuetext'?: string | undefined;
156
85
  accentHeight?: string | number | undefined;
86
+ accumulate?: "none" | "sum" | undefined;
87
+ additive?: "replace" | "sum" | undefined;
157
88
  allowReorder?: "yes" | "no" | undefined;
89
+ alphabetic?: string | number | undefined;
158
90
  amplitude?: string | number | undefined;
159
91
  arabicForm?: "initial" | "medial" | "terminal" | "isolated" | undefined;
160
92
  ascent?: string | number | undefined;
@@ -170,6 +102,7 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
170
102
  calcMode?: string | number | undefined;
171
103
  capHeight?: string | number | undefined;
172
104
  clipPathUnits?: string | number | undefined;
105
+ colorInterpolationFilters?: "inherit" | "auto" | "linearRGB" | "sRGB" | undefined;
173
106
  colorProfile?: string | number | undefined;
174
107
  contentScriptType?: string | number | undefined;
175
108
  contentStyleType?: string | number | undefined;
@@ -186,6 +119,7 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
186
119
  edgeMode?: string | number | undefined;
187
120
  elevation?: string | number | undefined;
188
121
  enableBackground?: string | number | undefined;
122
+ end?: string | number | undefined;
189
123
  exponent?: string | number | undefined;
190
124
  externalResourcesRequired?: (boolean | "false" | "true") | undefined;
191
125
  filterRes?: string | number | undefined;
@@ -203,8 +137,11 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
203
137
  glyphRef?: string | number | undefined;
204
138
  gradientTransform?: string | undefined;
205
139
  gradientUnits?: string | undefined;
140
+ hanging?: string | number | undefined;
206
141
  horizAdvX?: string | number | undefined;
207
142
  horizOriginX?: string | number | undefined;
143
+ href?: string | undefined;
144
+ ideographic?: string | number | undefined;
208
145
  in2?: string | number | undefined;
209
146
  in?: string | undefined;
210
147
  intercept?: string | number | undefined;
@@ -221,15 +158,19 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
221
158
  keyTimes?: string | number | undefined;
222
159
  lengthAdjust?: string | number | undefined;
223
160
  limitingConeAngle?: string | number | undefined;
161
+ local?: string | number | undefined;
224
162
  markerHeight?: string | number | undefined;
225
163
  markerUnits?: string | number | undefined;
226
164
  markerWidth?: string | number | undefined;
227
165
  maskContentUnits?: string | number | undefined;
228
166
  maskUnits?: string | number | undefined;
167
+ mathematical?: string | number | undefined;
229
168
  mode?: string | number | undefined;
230
169
  numOctaves?: string | number | undefined;
231
170
  operator?: string | number | undefined;
232
171
  orient?: string | number | undefined;
172
+ orientation?: string | number | undefined;
173
+ origin?: string | number | undefined;
233
174
  overlinePosition?: string | number | undefined;
234
175
  overlineThickness?: string | number | undefined;
235
176
  panose1?: string | number | undefined;
@@ -282,9 +223,11 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
282
223
  u2?: string | number | undefined;
283
224
  underlinePosition?: string | number | undefined;
284
225
  underlineThickness?: string | number | undefined;
226
+ unicode?: string | number | undefined;
285
227
  unicodeRange?: string | number | undefined;
286
228
  unitsPerEm?: string | number | undefined;
287
229
  vAlphabetic?: string | number | undefined;
230
+ values?: string | undefined;
288
231
  version?: string | undefined;
289
232
  vertAdvY?: string | number | undefined;
290
233
  vertOriginX?: string | number | undefined;
@@ -297,6 +240,7 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
297
240
  widths?: string | number | undefined;
298
241
  x1?: string | number | undefined;
299
242
  x2?: string | number | undefined;
243
+ x?: string | number | undefined;
300
244
  xChannelSelector?: string | undefined;
301
245
  xHeight?: string | number | undefined;
302
246
  xlinkActuate?: string | undefined;
@@ -313,9 +257,64 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
313
257
  xmlSpace?: string | undefined;
314
258
  y1?: string | number | undefined;
315
259
  y2?: string | number | undefined;
260
+ y?: string | number | undefined;
316
261
  yChannelSelector?: string | undefined;
317
262
  z?: string | number | undefined;
318
263
  zoomAndPan?: string | undefined;
264
+ 'aria-activedescendant'?: string | undefined;
265
+ 'aria-atomic'?: (boolean | "false" | "true") | undefined;
266
+ 'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
267
+ 'aria-braillelabel'?: string | undefined;
268
+ 'aria-brailleroledescription'?: string | undefined;
269
+ 'aria-busy'?: (boolean | "false" | "true") | undefined;
270
+ 'aria-checked'?: boolean | "mixed" | "false" | "true" | undefined;
271
+ 'aria-colcount'?: number | undefined;
272
+ 'aria-colindex'?: number | undefined;
273
+ 'aria-colindextext'?: string | undefined;
274
+ 'aria-colspan'?: number | undefined;
275
+ 'aria-controls'?: string | undefined;
276
+ 'aria-current'?: boolean | "page" | "time" | "false" | "true" | "step" | "location" | "date" | undefined;
277
+ 'aria-describedby'?: string | undefined;
278
+ 'aria-description'?: string | undefined;
279
+ 'aria-details'?: string | undefined;
280
+ 'aria-disabled'?: (boolean | "false" | "true") | undefined;
281
+ 'aria-dropeffect'?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
282
+ 'aria-errormessage'?: string | undefined;
283
+ 'aria-expanded'?: (boolean | "false" | "true") | undefined;
284
+ 'aria-flowto'?: string | undefined;
285
+ 'aria-grabbed'?: (boolean | "false" | "true") | undefined;
286
+ 'aria-haspopup'?: boolean | "grid" | "dialog" | "menu" | "listbox" | "false" | "true" | "tree" | undefined;
287
+ 'aria-hidden'?: (boolean | "false" | "true") | undefined;
288
+ 'aria-invalid'?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
289
+ 'aria-keyshortcuts'?: string | undefined;
290
+ 'aria-label'?: string | undefined;
291
+ 'aria-labelledby'?: string | undefined;
292
+ 'aria-level'?: number | undefined;
293
+ 'aria-live'?: "off" | "assertive" | "polite" | undefined;
294
+ 'aria-modal'?: (boolean | "false" | "true") | undefined;
295
+ 'aria-multiline'?: (boolean | "false" | "true") | undefined;
296
+ 'aria-multiselectable'?: (boolean | "false" | "true") | undefined;
297
+ 'aria-orientation'?: "horizontal" | "vertical" | undefined;
298
+ 'aria-owns'?: string | undefined;
299
+ 'aria-placeholder'?: string | undefined;
300
+ 'aria-posinset'?: number | undefined;
301
+ 'aria-pressed'?: boolean | "mixed" | "false" | "true" | undefined;
302
+ 'aria-readonly'?: (boolean | "false" | "true") | undefined;
303
+ 'aria-relevant'?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
304
+ 'aria-required'?: (boolean | "false" | "true") | undefined;
305
+ 'aria-roledescription'?: string | undefined;
306
+ 'aria-rowcount'?: number | undefined;
307
+ 'aria-rowindex'?: number | undefined;
308
+ 'aria-rowindextext'?: string | undefined;
309
+ 'aria-rowspan'?: number | undefined;
310
+ 'aria-selected'?: (boolean | "false" | "true") | undefined;
311
+ 'aria-setsize'?: number | undefined;
312
+ 'aria-sort'?: "none" | "ascending" | "descending" | "other" | undefined;
313
+ 'aria-valuemax'?: number | undefined;
314
+ 'aria-valuemin'?: number | undefined;
315
+ 'aria-valuenow'?: number | undefined;
316
+ 'aria-valuetext'?: string | undefined;
317
+ children?: import("react").ReactNode;
319
318
  dangerouslySetInnerHTML?: {
320
319
  __html: string | TrustedHTML;
321
320
  } | undefined;
@@ -481,6 +480,7 @@ declare const Spinner: import("styled-components").IStyledComponent<"web", {
481
480
  onAnimationIterationCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
482
481
  onTransitionEnd?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
483
482
  onTransitionEndCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
483
+ key?: import("react").Key | null | undefined;
484
484
  ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
485
485
  }>;
486
486
  export default Spinner;
package/dist/core/Stack/index.d.ts CHANGED
@@ -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 | 0.25 | "-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" | 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 | 0.25 | "-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" | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
11
+ gapX?: ResponsiveValue<0 | 1 | 32 | 2 | 3 | 4 | 5 | 6 | 20 | 16 | 12 | 0.5 | 24 | 0.25 | 8 | 7 | "-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" | 10 | 14 | 18 | 28 | 30 | 40 | 48 | 50 | 80> | undefined;
12
+ gapY?: ResponsiveValue<0 | 1 | 32 | 2 | 3 | 4 | 5 | 6 | 20 | 16 | 12 | 0.5 | 24 | 0.25 | 8 | 7 | "-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" | 10 | 14 | 18 | 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/core/TextInput/index.d.ts ADDED
@@ -0,0 +1,39 @@
1
+ import { ElementType, HTMLProps, InputHTMLAttributes, ReactNode } from 'react';
2
+ type Props = {
3
+ /**
4
+ * TODO asdf
5
+ */
6
+ validationStatus?: 'error' | 'success' | undefined;
7
+ /**
8
+ * 입력 창 앞에 보여질 시각적 요소를 정의합니다. Icon, Text, Image 등이 될 수 있습니다.
9
+ */
10
+ leadingVisual?: ElementType | ReactNode;
11
+ /**
12
+ * 입력 창 뒤에 보여질 시각적 요소를 정의합니다. Icon, Text, Image 등이 될 수 있습니다.
13
+ */
14
+ trailingVisual?: ElementType | ReactNode;
15
+ /**
16
+ * 입력 창 뒤에 사용작용할 요소를 정의합니다.
17
+ */
18
+ trailingAction?: React.ReactElement<HTMLProps<HTMLButtonElement>>;
19
+ } & InputHTMLAttributes<HTMLInputElement>;
20
+ declare const TextInput: import("react").ForwardRefExoticComponent<{
21
+ /**
22
+ * TODO asdf
23
+ */
24
+ validationStatus?: 'error' | 'success' | undefined;
25
+ /**
26
+ * 입력 창 앞에 보여질 시각적 요소를 정의합니다. Icon, Text, Image 등이 될 수 있습니다.
27
+ */
28
+ leadingVisual?: ElementType | ReactNode;
29
+ /**
30
+ * 입력 창 뒤에 보여질 시각적 요소를 정의합니다. Icon, Text, Image 등이 될 수 있습니다.
31
+ */
32
+ trailingVisual?: ElementType | ReactNode;
33
+ /**
34
+ * 입력 창 뒤에 사용작용할 요소를 정의합니다.
35
+ */
36
+ trailingAction?: import("react").ReactElement<HTMLProps<HTMLButtonElement>, string | import("react").JSXElementConstructor<any>> | undefined;
37
+ } & InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement>>;
38
+ export default TextInput;
39
+ export type { Props as TextInputProps };
package/dist/core/Textarea/index.d.ts ADDED
@@ -0,0 +1,9 @@
1
+ import { TextareaHTMLAttributes } from 'react';
2
+ type Props = {
3
+ validationStatus?: 'error' | 'success' | undefined;
4
+ } & TextareaHTMLAttributes<HTMLTextAreaElement>;
5
+ declare const Textarea: import("react").ForwardRefExoticComponent<{
6
+ validationStatus?: 'error' | 'success' | undefined;
7
+ } & TextareaHTMLAttributes<HTMLTextAreaElement> & import("react").RefAttributes<HTMLTextAreaElement>>;
8
+ export default Textarea;
9
+ export type { Props as TextareaProps };
package/dist/index.d.ts CHANGED
@@ -31,6 +31,10 @@ export { default as StyledIcon } from './core/StyledIcon';
31
31
  export type { StyledIconProps } from './core/StyledIcon';
32
32
  export { default as Text } from './core/Text';
33
33
  export type { TextProps } from './core/Text';
34
+ export { default as Textarea } from './core/Textarea';
35
+ export type { TextareaProps } from './core/Textarea';
36
+ export { default as TextInput } from './core/TextInput';
37
+ export type { TextInputProps } from './core/TextInput';
34
38
  export { default as ThemeProvider } from './core/ThemeProvider';
35
39
  export { default as View } from './core/View';
36
40
  export type { ViewProps } from './core/View';