@teamturing/react-kit 1.1.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 (85) hide show
  1. package/LICENSE +21 -0
  2. package/README.md +5 -0
  3. package/dist/core/Chip/index.d.ts +25 -0
  4. package/dist/core/GradientText/index.d.ts +287 -0
  5. package/dist/core/Grid/index.d.ts +25 -0
  6. package/dist/core/IconButton/index.d.ts +53 -0
  7. package/dist/core/IconToggleButton/index.d.ts +28 -0
  8. package/dist/core/ItemList/index.d.ts +10 -0
  9. package/dist/core/Space/index.d.ts +8 -0
  10. package/dist/core/Spinner/index.d.ts +487 -0
  11. package/dist/core/Stack/index.d.ts +19 -0
  12. package/dist/core/StyledIcon/index.d.ts +10 -0
  13. package/dist/core/Text/index.d.ts +10 -0
  14. package/dist/core/View/index.d.ts +8 -0
  15. package/dist/core/_UnstyledButton.d.ts +6 -0
  16. package/dist/index.d.ts +12 -0
  17. package/dist/index.js +4010 -0
  18. package/dist/utils/forcePixelValue.d.ts +6 -0
  19. package/dist/utils/index.d.ts +3 -0
  20. package/dist/utils/isArray.d.ts +1 -0
  21. package/dist/utils/isNullable.d.ts +1 -0
  22. package/dist/utils/styled-system/index.d.ts +31 -0
  23. package/esm/_virtual/_commonjsHelpers.js +5 -0
  24. package/esm/_virtual/_rollupPluginBabelHelpers.js +16 -0
  25. package/esm/node_modules/@emotion/is-prop-valid/dist/emotion-is-prop-valid.esm.js +12 -0
  26. package/esm/node_modules/@emotion/memoize/dist/emotion-memoize.esm.js +9 -0
  27. package/esm/node_modules/@emotion/unitless/dist/emotion-unitless.esm.js +51 -0
  28. package/esm/node_modules/@styled-system/background/dist/index.esm.js +16 -0
  29. package/esm/node_modules/@styled-system/border/dist/index.esm.js +131 -0
  30. package/esm/node_modules/@styled-system/color/dist/index.esm.js +17 -0
  31. package/esm/node_modules/@styled-system/core/dist/index.esm.js +178 -0
  32. package/esm/node_modules/@styled-system/css/dist/index.esm.js +209 -0
  33. package/esm/node_modules/@styled-system/flexbox/dist/index.esm.js +21 -0
  34. package/esm/node_modules/@styled-system/grid/dist/index.esm.js +34 -0
  35. package/esm/node_modules/@styled-system/layout/dist/index.esm.js +47 -0
  36. package/esm/node_modules/@styled-system/position/dist/index.esm.js +35 -0
  37. package/esm/node_modules/@styled-system/shadow/dist/index.esm.js +14 -0
  38. package/esm/node_modules/@styled-system/space/dist/index.esm.js +121 -0
  39. package/esm/node_modules/@styled-system/typography/dist/index.esm.js +33 -0
  40. package/esm/node_modules/@styled-system/variant/dist/index.esm.js +40 -0
  41. package/esm/node_modules/object-assign/index.js +83 -0
  42. package/esm/node_modules/styled-components/dist/styled-components.esm.js +657 -0
  43. package/esm/node_modules/styled-system/dist/index.esm.js +77 -0
  44. package/esm/node_modules/stylis/src/Enum.js +11 -0
  45. package/esm/node_modules/stylis/src/Middleware.js +85 -0
  46. package/esm/node_modules/stylis/src/Parser.js +187 -0
  47. package/esm/node_modules/stylis/src/Prefixer.js +197 -0
  48. package/esm/node_modules/stylis/src/Serializer.js +39 -0
  49. package/esm/node_modules/stylis/src/Tokenizer.js +242 -0
  50. package/esm/node_modules/stylis/src/Utility.js +128 -0
  51. package/esm/node_modules/tslib/tslib.es6.js +44 -0
  52. package/esm/packages/icons/src/ProgressGradient.js +41 -0
  53. package/esm/packages/react-kit/src/core/Chip/index.js +179 -0
  54. package/esm/packages/react-kit/src/core/GradientText/index.js +13 -0
  55. package/esm/packages/react-kit/src/core/Grid/index.js +106 -0
  56. package/esm/packages/react-kit/src/core/IconButton/index.js +212 -0
  57. package/esm/packages/react-kit/src/core/IconToggleButton/index.js +105 -0
  58. package/esm/packages/react-kit/src/core/ItemList/index.js +11 -0
  59. package/esm/packages/react-kit/src/core/Space/index.js +12 -0
  60. package/esm/packages/react-kit/src/core/Spinner/index.js +23 -0
  61. package/esm/packages/react-kit/src/core/Stack/index.js +57 -0
  62. package/esm/packages/react-kit/src/core/StyledIcon/index.js +20 -0
  63. package/esm/packages/react-kit/src/core/Text/index.js +49 -0
  64. package/esm/packages/react-kit/src/core/View/index.js +18 -0
  65. package/esm/packages/react-kit/src/core/_UnstyledButton.js +14 -0
  66. package/esm/packages/react-kit/src/index.js +12 -0
  67. package/esm/packages/react-kit/src/utils/forcePixelValue.js +8 -0
  68. package/esm/packages/react-kit/src/utils/isArray.js +3 -0
  69. package/esm/packages/react-kit/src/utils/isNullable.js +3 -0
  70. package/esm/packages/react-kit/src/utils/styled-system/index.js +27 -0
  71. package/esm/packages/token-studio/src/foundation/palette/index.js +90 -0
  72. package/esm/packages/token-studio/src/foundation/rounding/index.js +13 -0
  73. package/esm/packages/token-studio/src/foundation/spacing/index.js +56 -0
  74. package/esm/packages/token-studio/src/foundation/typography/fontSize/index.js +18 -0
  75. package/esm/packages/token-studio/src/foundation/typography/fontWeight/index.js +13 -0
  76. package/esm/packages/token-studio/src/foundation/typography/lineHeight/index.js +6 -0
  77. package/esm/packages/token-studio/src/token/color/index.js +140 -0
  78. package/esm/packages/token-studio/src/token/radii/index.js +15 -0
  79. package/esm/packages/token-studio/src/token/space/index.js +55 -0
  80. package/esm/packages/token-studio/src/token/typography/fontSizes.js +17 -0
  81. package/esm/packages/token-studio/src/token/typography/fontWeights.js +9 -0
  82. package/esm/packages/token-studio/src/token/typography/index.js +133 -0
  83. package/esm/packages/token-studio/src/token/typography/lineHeights.js +8 -0
  84. package/package.json +59 -0
  85. package/src/index.ts +12 -0
@@ -0,0 +1,487 @@
1
+ import { SVGProps } from 'react';
2
+ type Props = SVGProps<SVGSVGElement>;
3
+ declare const Spinner: import("styled-components").IStyledComponent<"web", {
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;
25
+ clipPath?: string | undefined;
26
+ clipRule?: string | number | undefined;
27
+ color?: string | undefined;
28
+ colorInterpolation?: string | number | undefined;
29
+ colorInterpolationFilters?: "auto" | "inherit" | "linearRGB" | "sRGB" | undefined;
30
+ cursor?: string | number | undefined;
31
+ direction?: string | number | undefined;
32
+ 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;
38
+ fontFamily?: string | undefined;
39
+ fontSize?: string | number | undefined;
40
+ fontSizeAdjust?: string | number | undefined;
41
+ fontStretch?: string | number | undefined;
42
+ fontStyle?: string | number | undefined;
43
+ fontVariant?: string | number | undefined;
44
+ fontWeight?: string | number | undefined;
45
+ imageRendering?: string | number | undefined;
46
+ 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
+ opacity?: string | number | undefined;
53
+ order?: string | number | undefined;
54
+ overflow?: string | number | undefined;
55
+ paintOrder?: string | number | undefined;
56
+ pointerEvents?: string | number | undefined;
57
+ rotate?: string | number | undefined;
58
+ scale?: string | number | undefined;
59
+ shapeRendering?: string | number | undefined;
60
+ stopColor?: string | undefined;
61
+ stopOpacity?: string | number | undefined;
62
+ strokeDasharray?: string | number | undefined;
63
+ strokeDashoffset?: string | number | undefined;
64
+ strokeLinecap?: "square" | "butt" | "round" | "inherit" | undefined;
65
+ strokeLinejoin?: "round" | "bevel" | "miter" | "inherit" | undefined;
66
+ strokeMiterlimit?: string | number | undefined;
67
+ strokeOpacity?: string | number | undefined;
68
+ strokeWidth?: string | number | undefined;
69
+ 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;
80
+ style?: import("react").CSSProperties | undefined;
81
+ path?: string | undefined;
82
+ method?: string | undefined;
83
+ target?: string | undefined;
84
+ lang?: string | undefined;
85
+ className?: string | undefined;
86
+ role?: import("react").AriaRole | undefined;
87
+ children?: import("react").ReactNode;
88
+ 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
+ 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
+ accentHeight?: string | number | undefined;
157
+ allowReorder?: "yes" | "no" | undefined;
158
+ amplitude?: string | number | undefined;
159
+ arabicForm?: "initial" | "medial" | "terminal" | "isolated" | undefined;
160
+ ascent?: string | number | undefined;
161
+ attributeName?: string | undefined;
162
+ attributeType?: string | undefined;
163
+ autoReverse?: (boolean | "false" | "true") | undefined;
164
+ baseFrequency?: string | number | undefined;
165
+ baseProfile?: string | number | undefined;
166
+ bbox?: string | number | undefined;
167
+ begin?: string | number | undefined;
168
+ bias?: string | number | undefined;
169
+ by?: string | number | undefined;
170
+ calcMode?: string | number | undefined;
171
+ capHeight?: string | number | undefined;
172
+ clipPathUnits?: string | number | undefined;
173
+ colorProfile?: string | number | undefined;
174
+ contentScriptType?: string | number | undefined;
175
+ contentStyleType?: string | number | undefined;
176
+ cx?: string | number | undefined;
177
+ cy?: string | number | undefined;
178
+ d?: string | undefined;
179
+ decelerate?: string | number | undefined;
180
+ descent?: string | number | undefined;
181
+ diffuseConstant?: string | number | undefined;
182
+ divisor?: string | number | undefined;
183
+ dur?: string | number | undefined;
184
+ dx?: string | number | undefined;
185
+ dy?: string | number | undefined;
186
+ edgeMode?: string | number | undefined;
187
+ elevation?: string | number | undefined;
188
+ enableBackground?: string | number | undefined;
189
+ exponent?: string | number | undefined;
190
+ externalResourcesRequired?: (boolean | "false" | "true") | undefined;
191
+ filterRes?: string | number | undefined;
192
+ filterUnits?: string | number | undefined;
193
+ focusable?: "auto" | (boolean | "false" | "true") | undefined;
194
+ format?: string | number | undefined;
195
+ fr?: string | number | undefined;
196
+ from?: string | number | undefined;
197
+ fx?: string | number | undefined;
198
+ fy?: string | number | undefined;
199
+ g1?: string | number | undefined;
200
+ g2?: string | number | undefined;
201
+ glyphName?: string | number | undefined;
202
+ glyphOrientationHorizontal?: string | number | undefined;
203
+ glyphRef?: string | number | undefined;
204
+ gradientTransform?: string | undefined;
205
+ gradientUnits?: string | undefined;
206
+ horizAdvX?: string | number | undefined;
207
+ horizOriginX?: string | number | undefined;
208
+ in2?: string | number | undefined;
209
+ in?: string | undefined;
210
+ intercept?: string | number | undefined;
211
+ k1?: string | number | undefined;
212
+ k2?: string | number | undefined;
213
+ k3?: string | number | undefined;
214
+ k4?: string | number | undefined;
215
+ k?: string | number | undefined;
216
+ kernelMatrix?: string | number | undefined;
217
+ kernelUnitLength?: string | number | undefined;
218
+ kerning?: string | number | undefined;
219
+ keyPoints?: string | number | undefined;
220
+ keySplines?: string | number | undefined;
221
+ keyTimes?: string | number | undefined;
222
+ lengthAdjust?: string | number | undefined;
223
+ limitingConeAngle?: string | number | undefined;
224
+ markerHeight?: string | number | undefined;
225
+ markerUnits?: string | number | undefined;
226
+ markerWidth?: string | number | undefined;
227
+ maskContentUnits?: string | number | undefined;
228
+ maskUnits?: string | number | undefined;
229
+ mode?: string | number | undefined;
230
+ numOctaves?: string | number | undefined;
231
+ operator?: string | number | undefined;
232
+ orient?: string | number | undefined;
233
+ overlinePosition?: string | number | undefined;
234
+ overlineThickness?: string | number | undefined;
235
+ panose1?: string | number | undefined;
236
+ pathLength?: string | number | undefined;
237
+ patternContentUnits?: string | undefined;
238
+ patternTransform?: string | number | undefined;
239
+ patternUnits?: string | undefined;
240
+ points?: string | undefined;
241
+ pointsAtX?: string | number | undefined;
242
+ pointsAtY?: string | number | undefined;
243
+ pointsAtZ?: string | number | undefined;
244
+ preserveAlpha?: (boolean | "false" | "true") | undefined;
245
+ preserveAspectRatio?: string | undefined;
246
+ primitiveUnits?: string | number | undefined;
247
+ r?: string | number | undefined;
248
+ radius?: string | number | undefined;
249
+ refX?: string | number | undefined;
250
+ refY?: string | number | undefined;
251
+ renderingIntent?: string | number | undefined;
252
+ repeatCount?: string | number | undefined;
253
+ repeatDur?: string | number | undefined;
254
+ requiredExtensions?: string | number | undefined;
255
+ requiredFeatures?: string | number | undefined;
256
+ restart?: string | number | undefined;
257
+ result?: string | undefined;
258
+ rx?: string | number | undefined;
259
+ ry?: string | number | undefined;
260
+ seed?: string | number | undefined;
261
+ slope?: string | number | undefined;
262
+ spacing?: string | number | undefined;
263
+ specularConstant?: string | number | undefined;
264
+ specularExponent?: string | number | undefined;
265
+ speed?: string | number | undefined;
266
+ spreadMethod?: string | undefined;
267
+ startOffset?: string | number | undefined;
268
+ stdDeviation?: string | number | undefined;
269
+ stemh?: string | number | undefined;
270
+ stemv?: string | number | undefined;
271
+ stitchTiles?: string | number | undefined;
272
+ strikethroughPosition?: string | number | undefined;
273
+ strikethroughThickness?: string | number | undefined;
274
+ surfaceScale?: string | number | undefined;
275
+ systemLanguage?: string | number | undefined;
276
+ tableValues?: string | number | undefined;
277
+ targetX?: string | number | undefined;
278
+ targetY?: string | number | undefined;
279
+ textLength?: string | number | undefined;
280
+ to?: string | number | undefined;
281
+ u1?: string | number | undefined;
282
+ u2?: string | number | undefined;
283
+ underlinePosition?: string | number | undefined;
284
+ underlineThickness?: string | number | undefined;
285
+ unicodeRange?: string | number | undefined;
286
+ unitsPerEm?: string | number | undefined;
287
+ vAlphabetic?: string | number | undefined;
288
+ version?: string | undefined;
289
+ vertAdvY?: string | number | undefined;
290
+ vertOriginX?: string | number | undefined;
291
+ vertOriginY?: string | number | undefined;
292
+ vHanging?: string | number | undefined;
293
+ vIdeographic?: string | number | undefined;
294
+ viewBox?: string | undefined;
295
+ viewTarget?: string | number | undefined;
296
+ vMathematical?: string | number | undefined;
297
+ widths?: string | number | undefined;
298
+ x1?: string | number | undefined;
299
+ x2?: string | number | undefined;
300
+ xChannelSelector?: string | undefined;
301
+ xHeight?: string | number | undefined;
302
+ xlinkActuate?: string | undefined;
303
+ xlinkArcrole?: string | undefined;
304
+ xlinkHref?: string | undefined;
305
+ xlinkRole?: string | undefined;
306
+ xlinkShow?: string | undefined;
307
+ xlinkTitle?: string | undefined;
308
+ xlinkType?: string | undefined;
309
+ xmlBase?: string | undefined;
310
+ xmlLang?: string | undefined;
311
+ xmlns?: string | undefined;
312
+ xmlnsXlink?: string | undefined;
313
+ xmlSpace?: string | undefined;
314
+ y1?: string | number | undefined;
315
+ y2?: string | number | undefined;
316
+ yChannelSelector?: string | undefined;
317
+ z?: string | number | undefined;
318
+ zoomAndPan?: string | undefined;
319
+ dangerouslySetInnerHTML?: {
320
+ __html: string | TrustedHTML;
321
+ } | undefined;
322
+ onCopy?: import("react").ClipboardEventHandler<SVGSVGElement> | undefined;
323
+ onCopyCapture?: import("react").ClipboardEventHandler<SVGSVGElement> | undefined;
324
+ onCut?: import("react").ClipboardEventHandler<SVGSVGElement> | undefined;
325
+ onCutCapture?: import("react").ClipboardEventHandler<SVGSVGElement> | undefined;
326
+ onPaste?: import("react").ClipboardEventHandler<SVGSVGElement> | undefined;
327
+ onPasteCapture?: import("react").ClipboardEventHandler<SVGSVGElement> | undefined;
328
+ onCompositionEnd?: import("react").CompositionEventHandler<SVGSVGElement> | undefined;
329
+ onCompositionEndCapture?: import("react").CompositionEventHandler<SVGSVGElement> | undefined;
330
+ onCompositionStart?: import("react").CompositionEventHandler<SVGSVGElement> | undefined;
331
+ onCompositionStartCapture?: import("react").CompositionEventHandler<SVGSVGElement> | undefined;
332
+ onCompositionUpdate?: import("react").CompositionEventHandler<SVGSVGElement> | undefined;
333
+ onCompositionUpdateCapture?: import("react").CompositionEventHandler<SVGSVGElement> | undefined;
334
+ onFocus?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
335
+ onFocusCapture?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
336
+ onBlur?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
337
+ onBlurCapture?: import("react").FocusEventHandler<SVGSVGElement> | undefined;
338
+ onChange?: import("react").FormEventHandler<SVGSVGElement> | undefined;
339
+ onChangeCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
340
+ onBeforeInput?: import("react").FormEventHandler<SVGSVGElement> | undefined;
341
+ onBeforeInputCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
342
+ onInput?: import("react").FormEventHandler<SVGSVGElement> | undefined;
343
+ onInputCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
344
+ onReset?: import("react").FormEventHandler<SVGSVGElement> | undefined;
345
+ onResetCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
346
+ onSubmit?: import("react").FormEventHandler<SVGSVGElement> | undefined;
347
+ onSubmitCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
348
+ onInvalid?: import("react").FormEventHandler<SVGSVGElement> | undefined;
349
+ onInvalidCapture?: import("react").FormEventHandler<SVGSVGElement> | undefined;
350
+ onLoad?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
351
+ onLoadCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
352
+ onError?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
353
+ onErrorCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
354
+ onKeyDown?: import("react").KeyboardEventHandler<SVGSVGElement> | undefined;
355
+ onKeyDownCapture?: import("react").KeyboardEventHandler<SVGSVGElement> | undefined;
356
+ onKeyPress?: import("react").KeyboardEventHandler<SVGSVGElement> | undefined;
357
+ onKeyPressCapture?: import("react").KeyboardEventHandler<SVGSVGElement> | undefined;
358
+ onKeyUp?: import("react").KeyboardEventHandler<SVGSVGElement> | undefined;
359
+ onKeyUpCapture?: import("react").KeyboardEventHandler<SVGSVGElement> | undefined;
360
+ onAbort?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
361
+ onAbortCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
362
+ onCanPlay?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
363
+ onCanPlayCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
364
+ onCanPlayThrough?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
365
+ onCanPlayThroughCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
366
+ onDurationChange?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
367
+ onDurationChangeCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
368
+ onEmptied?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
369
+ onEmptiedCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
370
+ onEncrypted?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
371
+ onEncryptedCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
372
+ onEnded?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
373
+ onEndedCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
374
+ onLoadedData?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
375
+ onLoadedDataCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
376
+ onLoadedMetadata?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
377
+ onLoadedMetadataCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
378
+ onLoadStart?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
379
+ onLoadStartCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
380
+ onPause?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
381
+ onPauseCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
382
+ onPlay?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
383
+ onPlayCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
384
+ onPlaying?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
385
+ onPlayingCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
386
+ onProgress?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
387
+ onProgressCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
388
+ onRateChange?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
389
+ onRateChangeCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
390
+ onResize?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
391
+ onResizeCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
392
+ onSeeked?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
393
+ onSeekedCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
394
+ onSeeking?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
395
+ onSeekingCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
396
+ onStalled?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
397
+ onStalledCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
398
+ onSuspend?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
399
+ onSuspendCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
400
+ onTimeUpdate?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
401
+ onTimeUpdateCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
402
+ onVolumeChange?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
403
+ onVolumeChangeCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
404
+ onWaiting?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
405
+ onWaitingCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
406
+ onAuxClick?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
407
+ onAuxClickCapture?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
408
+ onClick?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
409
+ onClickCapture?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
410
+ onContextMenu?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
411
+ onContextMenuCapture?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
412
+ onDoubleClick?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
413
+ onDoubleClickCapture?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
414
+ onDrag?: import("react").DragEventHandler<SVGSVGElement> | undefined;
415
+ onDragCapture?: import("react").DragEventHandler<SVGSVGElement> | undefined;
416
+ onDragEnd?: import("react").DragEventHandler<SVGSVGElement> | undefined;
417
+ onDragEndCapture?: import("react").DragEventHandler<SVGSVGElement> | undefined;
418
+ onDragEnter?: import("react").DragEventHandler<SVGSVGElement> | undefined;
419
+ onDragEnterCapture?: import("react").DragEventHandler<SVGSVGElement> | undefined;
420
+ onDragExit?: import("react").DragEventHandler<SVGSVGElement> | undefined;
421
+ onDragExitCapture?: import("react").DragEventHandler<SVGSVGElement> | undefined;
422
+ onDragLeave?: import("react").DragEventHandler<SVGSVGElement> | undefined;
423
+ onDragLeaveCapture?: import("react").DragEventHandler<SVGSVGElement> | undefined;
424
+ onDragOver?: import("react").DragEventHandler<SVGSVGElement> | undefined;
425
+ onDragOverCapture?: import("react").DragEventHandler<SVGSVGElement> | undefined;
426
+ onDragStart?: import("react").DragEventHandler<SVGSVGElement> | undefined;
427
+ onDragStartCapture?: import("react").DragEventHandler<SVGSVGElement> | undefined;
428
+ onDrop?: import("react").DragEventHandler<SVGSVGElement> | undefined;
429
+ onDropCapture?: import("react").DragEventHandler<SVGSVGElement> | undefined;
430
+ onMouseDown?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
431
+ onMouseDownCapture?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
432
+ onMouseEnter?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
433
+ onMouseLeave?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
434
+ onMouseMove?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
435
+ onMouseMoveCapture?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
436
+ onMouseOut?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
437
+ onMouseOutCapture?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
438
+ onMouseOver?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
439
+ onMouseOverCapture?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
440
+ onMouseUp?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
441
+ onMouseUpCapture?: import("react").MouseEventHandler<SVGSVGElement> | undefined;
442
+ onSelect?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
443
+ onSelectCapture?: import("react").ReactEventHandler<SVGSVGElement> | undefined;
444
+ onTouchCancel?: import("react").TouchEventHandler<SVGSVGElement> | undefined;
445
+ onTouchCancelCapture?: import("react").TouchEventHandler<SVGSVGElement> | undefined;
446
+ onTouchEnd?: import("react").TouchEventHandler<SVGSVGElement> | undefined;
447
+ onTouchEndCapture?: import("react").TouchEventHandler<SVGSVGElement> | undefined;
448
+ onTouchMove?: import("react").TouchEventHandler<SVGSVGElement> | undefined;
449
+ onTouchMoveCapture?: import("react").TouchEventHandler<SVGSVGElement> | undefined;
450
+ onTouchStart?: import("react").TouchEventHandler<SVGSVGElement> | undefined;
451
+ onTouchStartCapture?: import("react").TouchEventHandler<SVGSVGElement> | undefined;
452
+ onPointerDown?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
453
+ onPointerDownCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
454
+ onPointerMove?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
455
+ onPointerMoveCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
456
+ onPointerUp?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
457
+ onPointerUpCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
458
+ onPointerCancel?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
459
+ onPointerCancelCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
460
+ onPointerEnter?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
461
+ onPointerEnterCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
462
+ onPointerLeave?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
463
+ onPointerLeaveCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
464
+ onPointerOver?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
465
+ onPointerOverCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
466
+ onPointerOut?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
467
+ onPointerOutCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
468
+ onGotPointerCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
469
+ onGotPointerCaptureCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
470
+ onLostPointerCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
471
+ onLostPointerCaptureCapture?: import("react").PointerEventHandler<SVGSVGElement> | undefined;
472
+ onScroll?: import("react").UIEventHandler<SVGSVGElement> | undefined;
473
+ onScrollCapture?: import("react").UIEventHandler<SVGSVGElement> | undefined;
474
+ onWheel?: import("react").WheelEventHandler<SVGSVGElement> | undefined;
475
+ onWheelCapture?: import("react").WheelEventHandler<SVGSVGElement> | undefined;
476
+ onAnimationStart?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
477
+ onAnimationStartCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
478
+ onAnimationEnd?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
479
+ onAnimationEndCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
480
+ onAnimationIteration?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
481
+ onAnimationIterationCapture?: import("react").AnimationEventHandler<SVGSVGElement> | undefined;
482
+ onTransitionEnd?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
483
+ onTransitionEndCapture?: import("react").TransitionEventHandler<SVGSVGElement> | undefined;
484
+ ref?: ((instance: SVGSVGElement | null) => void) | import("react").RefObject<SVGSVGElement> | null | undefined;
485
+ }>;
486
+ export default Spinner;
487
+ export type { Props as SpinnerProps };
@@ -0,0 +1,19 @@
1
+ import { SpaceKey } from '@teamturing/token-studio';
2
+ import { PropsWithChildren } from 'react';
3
+ import { ResponsiveValue } from 'styled-system';
4
+ import { AsProp, SxProp } from '../../utils/styled-system';
5
+ import { ViewProps } from '../View';
6
+ type Props = {
7
+ gapX?: ResponsiveValue<SpaceKey>;
8
+ gapY?: ResponsiveValue<SpaceKey>;
9
+ } & Pick<ViewProps, 'alignItems' | 'justifyContent' | 'sx'> & AsProp;
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;
13
+ } & Pick<ViewProps, "alignItems" | "justifyContent" | "sx"> & AsProp & {
14
+ children?: import("react").ReactNode;
15
+ } & import("react").RefAttributes<HTMLDivElement>> & {
16
+ Item: ({ children, ...props }: PropsWithChildren<SxProp>) => import("react/jsx-runtime").JSX.Element;
17
+ };
18
+ export default _default;
19
+ export type { Props as StackProps };
@@ -0,0 +1,10 @@
1
+ import { ComponentType, SVGProps } from 'react';
2
+ import { ViewProps } from '../View';
3
+ type Props = {
4
+ /**
5
+ * @teamturing/icons와 함께 사용
6
+ */
7
+ icon: ComponentType<SVGProps<SVGSVGElement>>;
8
+ } & Pick<ViewProps, 'size' | 'color' | 'sx'>;
9
+ declare const StyledIcon: ({ icon: Icon, sx, ...props }: Props) => import("react/jsx-runtime").JSX.Element;
10
+ export default StyledIcon;
@@ -0,0 +1,10 @@
1
+ /// <reference types="react" />
2
+ import { ColorKey, FontSizeKey, FontWeightKey, LineHeightKey, TypographyKey } from '@teamturing/token-studio';
3
+ import { FontSizeProps, FontWeightProps, ColorProps, TextAlignProps, Theme, LineHeightProps, ResponsiveValue } from 'styled-system';
4
+ import { SxProp, TextDecorationProps, WhiteSpaceProps, WordBreakProps } from '../../utils/styled-system';
5
+ type Props = {
6
+ typography?: ResponsiveValue<TypographyKey>;
7
+ } & SxProp & WordBreakProps & WhiteSpaceProps & TextDecorationProps & FontSizeProps<Theme, FontSizeKey> & FontWeightProps<Theme, FontWeightKey> & LineHeightProps<Theme, LineHeightKey> & TextAlignProps & ColorProps<Theme, ColorKey>;
8
+ declare const Text: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, Props>>;
9
+ export default Text;
10
+ export type { Props as TextProps };
@@ -0,0 +1,8 @@
1
+ /// <reference types="react" />
2
+ import { ColorKey, RadiiKey, SurfaceElevationKey } from '@teamturing/token-studio';
3
+ import { LayoutProps, ColorProps, FlexboxProps, BackgroundProps, BorderProps, PositionProps, ShadowProps, BorderRadiusProps, Theme } from 'styled-system';
4
+ import { SxProp } from '../../utils/styled-system';
5
+ type Props = {} & SxProp & LayoutProps & ColorProps<Theme, ColorKey | SurfaceElevationKey> & FlexboxProps & BackgroundProps & BorderProps & PositionProps & ShadowProps<Theme> & BorderRadiusProps<Theme, RadiiKey>;
6
+ declare const View: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Props>>;
7
+ export default View;
8
+ export type { Props as ViewProps };
@@ -0,0 +1,6 @@
1
+ import { ButtonHTMLAttributes } from 'react';
2
+ import { SxProp } from '../utils/styled-system';
3
+ type Props = {} & ButtonHTMLAttributes<HTMLButtonElement> & SxProp;
4
+ declare const UnstyledButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, Props>>;
5
+ export default UnstyledButton;
6
+ export type { Props as UnstyledButtonProps };
@@ -0,0 +1,12 @@
1
+ export { default as Chip } from './core/Chip';
2
+ export { default as GradientText } from './core/GradientText';
3
+ export { default as Grid } from './core/Grid';
4
+ export { default as IconButton } from './core/IconButton';
5
+ export { default as IconToggleButton } from './core/IconToggleButton';
6
+ export { default as ItemList } from './core/ItemList';
7
+ export { default as Space } from './core/Space';
8
+ export { default as Spinner } from './core/Spinner';
9
+ export { default as Stack } from './core/Stack';
10
+ export { default as StyledIcon } from './core/StyledIcon';
11
+ export { default as Text } from './core/Text';
12
+ export { default as View } from './core/View';