@lotte-innovate/ui-component-test 0.0.14 → 0.0.15

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 (110) hide show
  1. package/package.json +11 -2
  2. package/dist/app/layout.d.ts +0 -7
  3. package/dist/app/layout.jsx +0 -13
  4. package/dist/app/page.d.ts +0 -2
  5. package/dist/app/page.jsx +0 -9
  6. package/dist/app/template/colorPicker.d.ts +0 -7
  7. package/dist/app/template/colorPicker.jsx +0 -19
  8. package/dist/app/template/theme.d.ts +0 -12
  9. package/dist/app/template/theme.jsx +0 -17
  10. package/dist/stories/Welcome.d.ts +0 -3
  11. package/dist/stories/Welcome.jsx +0 -48
  12. package/dist/stories/accordion/Accordion.stories.d.ts +0 -71
  13. package/dist/stories/accordion/Accordion.stories.jsx +0 -79
  14. package/dist/stories/alert-dialog/AlertDialog.stories.d.ts +0 -107
  15. package/dist/stories/alert-dialog/AlertDialog.stories.jsx +0 -73
  16. package/dist/stories/aspect-ratio/AspectRatio.stories.d.ts +0 -68
  17. package/dist/stories/aspect-ratio/AspectRatio.stories.jsx +0 -106
  18. package/dist/stories/avatar/Avatar.stories.d.ts +0 -127
  19. package/dist/stories/avatar/Avatar.stories.jsx +0 -105
  20. package/dist/stories/badge/Badge.stories.d.ts +0 -133
  21. package/dist/stories/badge/Badge.stories.jsx +0 -130
  22. package/dist/stories/bubble-chart/BubbleChart.stories.d.ts +0 -103
  23. package/dist/stories/bubble-chart/BubbleChart.stories.jsx +0 -176
  24. package/dist/stories/button/Button.stories.d.ts +0 -148
  25. package/dist/stories/button/Button.stories.jsx +0 -98
  26. package/dist/stories/button/IconButton.stories.d.ts +0 -125
  27. package/dist/stories/button/IconButton.stories.jsx +0 -93
  28. package/dist/stories/callout/Callout.stories.d.ts +0 -129
  29. package/dist/stories/callout/Callout.stories.jsx +0 -205
  30. package/dist/stories/card/Card.stories.d.ts +0 -100
  31. package/dist/stories/card/Card.stories.jsx +0 -134
  32. package/dist/stories/checkbox/Checkbox.stories.d.ts +0 -147
  33. package/dist/stories/checkbox/Checkbox.stories.jsx +0 -166
  34. package/dist/stories/checkbox/CheckboxCard.stories.d.ts +0 -129
  35. package/dist/stories/checkbox/CheckboxCard.stories.jsx +0 -125
  36. package/dist/stories/checkbox/CheckboxGroup.stories.d.ts +0 -91
  37. package/dist/stories/checkbox/CheckboxGroup.stories.jsx +0 -144
  38. package/dist/stories/context-menu/ContextMenu.stories.d.ts +0 -113
  39. package/dist/stories/context-menu/ContextMenu.stories.jsx +0 -155
  40. package/dist/stories/data-list/DataList.stories.d.ts +0 -97
  41. package/dist/stories/data-list/DataList.stories.jsx +0 -185
  42. package/dist/stories/dialog/Dialog.stories.d.ts +0 -88
  43. package/dist/stories/dialog/Dialog.stories.jsx +0 -82
  44. package/dist/stories/doughnut-chart/DoughnutChart.stories.d.ts +0 -181
  45. package/dist/stories/doughnut-chart/DoughnutChart.stories.jsx +0 -236
  46. package/dist/stories/dropdown-menu/DropdownMenu.stories.d.ts +0 -112
  47. package/dist/stories/dropdown-menu/DropdownMenu.stories.jsx +0 -170
  48. package/dist/stories/header/Header.stories.d.ts +0 -112
  49. package/dist/stories/header/Header.stories.jsx +0 -116
  50. package/dist/stories/hover-card/HoverCard.stories.d.ts +0 -107
  51. package/dist/stories/hover-card/HoverCard.stories.jsx +0 -98
  52. package/dist/stories/inset/Inset.stories.d.ts +0 -58
  53. package/dist/stories/inset/Inset.stories.jsx +0 -79
  54. package/dist/stories/label/Label.stories.d.ts +0 -94
  55. package/dist/stories/label/Label.stories.jsx +0 -112
  56. package/dist/stories/menubar/Menubar.stories.d.ts +0 -119
  57. package/dist/stories/menubar/Menubar.stories.jsx +0 -135
  58. package/dist/stories/navigation-menu/NavigationMenu.stories.d.ts +0 -385
  59. package/dist/stories/navigation-menu/NavigationMenu.stories.jsx +0 -144
  60. package/dist/stories/pie-chart/PieChart.stories.d.ts +0 -186
  61. package/dist/stories/pie-chart/PieChart.stories.jsx +0 -300
  62. package/dist/stories/popover/Popover.stories.d.ts +0 -78
  63. package/dist/stories/popover/Popover.stories.jsx +0 -107
  64. package/dist/stories/progress/Progress.stories.d.ts +0 -113
  65. package/dist/stories/progress/Progress.stories.jsx +0 -82
  66. package/dist/stories/radar-chart/RadarChart.stories.d.ts +0 -111
  67. package/dist/stories/radar-chart/RadarChart.stories.jsx +0 -200
  68. package/dist/stories/radio/Radio.stories.d.ts +0 -108
  69. package/dist/stories/radio/Radio.stories.jsx +0 -94
  70. package/dist/stories/radio/RadioCards.stories.d.ts +0 -127
  71. package/dist/stories/radio/RadioCards.stories.jsx +0 -153
  72. package/dist/stories/radio/RadioGroup.stories.d.ts +0 -111
  73. package/dist/stories/radio/RadioGroup.stories.jsx +0 -142
  74. package/dist/stories/scroll-area/ScrollArea.stories.d.ts +0 -59
  75. package/dist/stories/scroll-area/ScrollArea.stories.jsx +0 -123
  76. package/dist/stories/segmented-control/SegmentedControl.stories.d.ts +0 -97
  77. package/dist/stories/segmented-control/SegmentedControl.stories.jsx +0 -101
  78. package/dist/stories/select/Select.stories.d.ts +0 -116
  79. package/dist/stories/select/Select.stories.jsx +0 -149
  80. package/dist/stories/separator/Separator.stories.d.ts +0 -93
  81. package/dist/stories/separator/Separator.stories.jsx +0 -106
  82. package/dist/stories/skeleton/Skeleton.stories.d.ts +0 -88
  83. package/dist/stories/skeleton/Skeleton.stories.jsx +0 -119
  84. package/dist/stories/slider/Slider.stories.d.ts +0 -114
  85. package/dist/stories/slider/Slider.stories.jsx +0 -94
  86. package/dist/stories/spinner/Spinner.stories.d.ts +0 -83
  87. package/dist/stories/spinner/Spinner.stories.jsx +0 -112
  88. package/dist/stories/switch/Switch.stories.d.ts +0 -146
  89. package/dist/stories/switch/Switch.stories.jsx +0 -119
  90. package/dist/stories/tab-nav/TabNav.stories.d.ts +0 -55
  91. package/dist/stories/tab-nav/TabNav.stories.jsx +0 -68
  92. package/dist/stories/table/Table.stories.d.ts +0 -87
  93. package/dist/stories/table/Table.stories.jsx +0 -106
  94. package/dist/stories/tabs/Tabs.stories.d.ts +0 -55
  95. package/dist/stories/tabs/Tabs.stories.jsx +0 -76
  96. package/dist/stories/text/Text.stories.d.ts +0 -74
  97. package/dist/stories/text/Text.stories.jsx +0 -91
  98. package/dist/stories/textArea/TextArea.stories.d.ts +0 -117
  99. package/dist/stories/textArea/TextArea.stories.jsx +0 -112
  100. package/dist/stories/textfield/TextField.stories.d.ts +0 -116
  101. package/dist/stories/textfield/TextField.stories.jsx +0 -120
  102. package/dist/stories/toast/Toast.stories.d.ts +0 -138
  103. package/dist/stories/toast/Toast.stories.jsx +0 -122
  104. package/dist/stories/toggle/Toggle.stories.d.ts +0 -115
  105. package/dist/stories/toggle/Toggle.stories.jsx +0 -106
  106. package/dist/stories/toggle/ToggleGroup.stories.d.ts +0 -103
  107. package/dist/stories/toggle/ToggleGroup.stories.jsx +0 -127
  108. package/dist/stories/tooltip/Tooltip.stories.d.ts +0 -93
  109. package/dist/stories/tooltip/Tooltip.stories.jsx +0 -91
  110. package/dist/tsconfig.tsbuildinfo +0 -1
@@ -1,55 +0,0 @@
1
- /// <reference types="react" />
2
- declare const meta: {
3
- title: string;
4
- component: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/tabs").RootProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("../../components/Tabs/index").TabsProps & import("react").RefAttributes<HTMLDivElement>>;
5
- parameters: {
6
- layout: string;
7
- themes: {
8
- themeOverride: string;
9
- };
10
- docs: {
11
- description: {
12
- component: string;
13
- };
14
- };
15
- };
16
- tags: string[];
17
- argTypes: {
18
- color: {
19
- description: string;
20
- table: {
21
- category: string;
22
- type: {
23
- summary: string;
24
- };
25
- };
26
- options: import("types").IColor[];
27
- control: {
28
- type: string;
29
- };
30
- defaultValue: {
31
- summary: string;
32
- };
33
- };
34
- size: {
35
- table: {
36
- category: string;
37
- type: {
38
- summary: string;
39
- };
40
- };
41
- control: {
42
- type: string;
43
- };
44
- options: string[];
45
- defaultValue: {
46
- summary: string;
47
- };
48
- description: string;
49
- };
50
- };
51
- };
52
- export default meta;
53
- export declare const Default: ({ ...args }: {
54
- [x: string]: any;
55
- }) => import("react").JSX.Element;
@@ -1,76 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { Tabs, TabsList, TabsTrigger, TabsContent } from '../../components/Tabs/index';
24
- import { commonArgTypes } from '../../constants';
25
- var meta = {
26
- title: 'Component/Tabs',
27
- component: Tabs,
28
- parameters: {
29
- layout: 'centered',
30
- themes: {
31
- themeOverride: 'dark',
32
- },
33
- docs: {
34
- description: {
35
- component: '관련성 있는 콘텐츠들의 집합으로, 하나를 활성화하여 표시',
36
- },
37
- },
38
- },
39
- tags: ['autodocs'],
40
- argTypes: {
41
- color: __assign(__assign({}, commonArgTypes.color), { description: 'Tabs component 색상' }),
42
- size: {
43
- table: {
44
- category: 'Props',
45
- type: { summary: ['small', 'medium'].join(' | ') },
46
- },
47
- control: { type: 'select' },
48
- options: ['small', 'medium'],
49
- defaultValue: { summary: 'medium' },
50
- description: 'Tabs component 크기',
51
- },
52
- },
53
- };
54
- export default meta;
55
- export var Default = function (_a) {
56
- var args = __rest(_a, []);
57
- return (<Tabs defaultValue="account" {...args}>
58
- <TabsList {...args}>
59
- <TabsTrigger value="account">Account</TabsTrigger>
60
- <TabsTrigger value="documents">Documents</TabsTrigger>
61
- <TabsTrigger value="settings">Settings</TabsTrigger>
62
- </TabsList>
63
-
64
- <TabsContent value="account">
65
- <div>Make changes to your account</div>
66
- </TabsContent>
67
-
68
- <TabsContent value="documents">
69
- <div>Access and update your documents</div>
70
- </TabsContent>
71
-
72
- <TabsContent value="settings">
73
- <div>Edit your profile</div>
74
- </TabsContent>
75
- </Tabs>);
76
- };
@@ -1,74 +0,0 @@
1
- /// <reference types="react" />
2
- import { IWeight, ITypoSize } from '../../types';
3
- type ITextWeight = IWeight | 'light';
4
- declare const meta: {
5
- title: string;
6
- component: import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref"> & import("../../Typography/Text").TextProps & import("react").RefAttributes<HTMLSpanElement>>;
7
- tags: string[];
8
- argTypes: {
9
- size: {
10
- description: string;
11
- table: {
12
- category: string;
13
- type: {
14
- summary: string;
15
- };
16
- };
17
- control: {
18
- type: string;
19
- };
20
- options: ITypoSize[];
21
- defaultValue: {
22
- summary: string;
23
- };
24
- };
25
- weight: {
26
- table: {
27
- category: string;
28
- type: {
29
- summary: string;
30
- };
31
- };
32
- options: ITextWeight[];
33
- control: {
34
- type: string;
35
- };
36
- defaultValue: {
37
- summary: string;
38
- };
39
- description: string;
40
- };
41
- color: {
42
- description: string;
43
- defaultValue: {
44
- summary: string;
45
- };
46
- table: {
47
- category: string;
48
- type: {
49
- summary: string;
50
- };
51
- };
52
- options: import("../../types").IColor[];
53
- control: {
54
- type: string;
55
- };
56
- };
57
- };
58
- };
59
- export default meta;
60
- export declare const Default: ({ ...args }: {
61
- [x: string]: any;
62
- }) => import("react").JSX.Element;
63
- export declare const Weight: ({ ...args }: {
64
- [x: string]: any;
65
- }) => import("react").JSX.Element;
66
- export declare const Color: ({ ...args }: {
67
- [x: string]: any;
68
- }) => import("react").JSX.Element;
69
- export declare const Size: ({ ...args }: {
70
- [x: string]: any;
71
- }) => import("react").JSX.Element;
72
- export declare const Align: ({ ...args }: {
73
- [x: string]: any;
74
- }) => import("react").JSX.Element;
@@ -1,91 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
24
- if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
25
- if (ar || !(i in from)) {
26
- if (!ar) ar = Array.prototype.slice.call(from, 0, i);
27
- ar[i] = from[i];
28
- }
29
- }
30
- return to.concat(ar || Array.prototype.slice.call(from));
31
- };
32
- import { commonArgTypes, typoSizeOptions, weightOptions } from '../../constants';
33
- import { Text } from '../../Typography/Text';
34
- import { colorOptions } from 'color/constants';
35
- var textWeightOption = __spreadArray(['light'], weightOptions, true);
36
- var meta = {
37
- title: 'Typography/Text',
38
- component: Text,
39
- tags: ['autodocs'],
40
- argTypes: {
41
- size: __assign(__assign({}, commonArgTypes.typoSize), { description: '폰트 크기' }),
42
- weight: {
43
- table: {
44
- category: 'Theme Props',
45
- type: { summary: textWeightOption.join(' | ') },
46
- },
47
- options: textWeightOption,
48
- control: { type: 'select' },
49
- defaultValue: { summary: 'medium' },
50
- description: '폰트 두께',
51
- },
52
- color: __assign(__assign({}, commonArgTypes.color), { description: '폰트 색상', defaultValue: { summary: 'black' } }),
53
- },
54
- };
55
- export default meta;
56
- export var Default = function (_a) {
57
- var args = __rest(_a, []);
58
- return <Text {...args}>Text Component</Text>;
59
- };
60
- export var Weight = function (_a) {
61
- var args = __rest(_a, []);
62
- return (<div className="flex items-center space-x-4">
63
- {textWeightOption.map(function (weight, index) { return (<Text key={weight} {...args} weight={weight}>
64
- Text Component
65
- </Text>); })}
66
- </div>);
67
- };
68
- export var Color = function (_a) {
69
- var args = __rest(_a, []);
70
- return (<div>
71
- {colorOptions.map(function (color) { return (<Text key={color} {...args} color={color}>
72
- Text Component
73
- </Text>); })}
74
- </div>);
75
- };
76
- export var Size = function (_a) {
77
- var args = __rest(_a, []);
78
- return (<div className="flex items-center space-x-4">
79
- {typoSizeOptions.map(function (size) { return (<Text key={size} {...args} size={size}>
80
- Text Component
81
- </Text>); })}
82
- </div>);
83
- };
84
- export var Align = function (_a) {
85
- var args = __rest(_a, []);
86
- return (<div>
87
- {['left', 'center', 'right'].map(function (align) { return (<Text key={align} {...args} align={align} as="div">
88
- Text Component
89
- </Text>); })}
90
- </div>);
91
- };
@@ -1,117 +0,0 @@
1
- /// <reference types="react" />
2
- import { IScaling } from '../../types';
3
- declare const meta: {
4
- title: string;
5
- component: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes").TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>, "ref"> & import("../../components/TextArea/index").TextAreaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
6
- parameters: {
7
- layout: string;
8
- themes: {
9
- themeOverride: string;
10
- };
11
- docs: {
12
- description: {
13
- component: string;
14
- };
15
- };
16
- };
17
- tags: string[];
18
- argTypes: {
19
- scaling: {
20
- description: string;
21
- table: {
22
- category: string;
23
- type: {
24
- summary: string;
25
- };
26
- };
27
- control: {
28
- type: string;
29
- };
30
- options: IScaling[];
31
- defaultValue: {
32
- summary: string;
33
- };
34
- };
35
- radius: {
36
- table: {
37
- category: string;
38
- type: {
39
- summary: string;
40
- };
41
- };
42
- options: string[];
43
- control: {
44
- type: string;
45
- };
46
- defaultValue: {
47
- summary: string;
48
- };
49
- description: string;
50
- };
51
- color: {
52
- description: string;
53
- control: {
54
- type: string;
55
- };
56
- table: {
57
- category: string;
58
- type: {
59
- summary: string;
60
- };
61
- };
62
- options: import("../../types").IColor[];
63
- defaultValue: {
64
- summary: string;
65
- };
66
- };
67
- appearance: {
68
- table: {
69
- category: string;
70
- type: {
71
- summary: string;
72
- };
73
- };
74
- control: {
75
- type: string;
76
- };
77
- defaultValue: {
78
- summary: string;
79
- };
80
- description: string;
81
- options: string[];
82
- };
83
- size: {
84
- table: {
85
- category: string;
86
- type: {
87
- summary: string;
88
- };
89
- };
90
- control: {
91
- type: string;
92
- };
93
- options: string[];
94
- defaultValue: {
95
- summary: string;
96
- color: string;
97
- };
98
- description: string;
99
- };
100
- };
101
- };
102
- export default meta;
103
- export declare const Default: ({ ...args }: {
104
- [x: string]: any;
105
- }) => import("react").JSX.Element;
106
- export declare const Scaling: ({ ...args }: {
107
- [x: string]: any;
108
- }) => import("react").JSX.Element;
109
- export declare const Size: ({ ...args }: {
110
- [x: string]: any;
111
- }) => import("react").JSX.Element;
112
- export declare const Appearance: ({ ...args }: {
113
- [x: string]: any;
114
- }) => import("react").JSX.Element;
115
- export declare const Radius: ({ ...args }: {
116
- [x: string]: any;
117
- }) => import("react").JSX.Element;
@@ -1,112 +0,0 @@
1
- var __assign = (this && this.__assign) || function () {
2
- __assign = Object.assign || function(t) {
3
- for (var s, i = 1, n = arguments.length; i < n; i++) {
4
- s = arguments[i];
5
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
6
- t[p] = s[p];
7
- }
8
- return t;
9
- };
10
- return __assign.apply(this, arguments);
11
- };
12
- var __rest = (this && this.__rest) || function (s, e) {
13
- var t = {};
14
- for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
15
- t[p] = s[p];
16
- if (s != null && typeof Object.getOwnPropertySymbols === "function")
17
- for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
18
- if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
19
- t[p[i]] = s[p[i]];
20
- }
21
- return t;
22
- };
23
- import { TextArea } from '../../components/TextArea/index';
24
- import { commonArgTypes, radiusOptions, scalingOptions } from '../../constants';
25
- var meta = {
26
- title: 'Component/TextArea',
27
- component: TextArea,
28
- parameters: {
29
- layout: 'centered',
30
- themes: {
31
- themeOverride: 'dark',
32
- },
33
- docs: {
34
- description: {
35
- component: '',
36
- },
37
- },
38
- },
39
- tags: ['autodocs'],
40
- argTypes: {
41
- scaling: __assign(__assign({}, commonArgTypes.scaling), { description: 'TextArea Component 크기' }),
42
- radius: {
43
- table: {
44
- category: 'Theme Props',
45
- type: { summary: ['none', 'small', 'medium', 'large'].join(' | ') },
46
- },
47
- options: ['none', 'small', 'medium', 'large'],
48
- control: { type: 'select' },
49
- defaultValue: { summary: 'medium' },
50
- description: 'TextArea Component 둥글기',
51
- },
52
- color: __assign(__assign({}, commonArgTypes.color), { description: 'TextArea Component 색상', control: { type: 'select' } }),
53
- appearance: {
54
- table: {
55
- category: 'Props',
56
- type: { summary: ['classic', 'soft', 'surface'].join(' | ') },
57
- },
58
- control: { type: 'select' },
59
- defaultValue: { summary: 'surface' },
60
- description: 'TextArea 스타일',
61
- options: ['classic', 'soft', 'surface'],
62
- },
63
- size: {
64
- table: {
65
- category: 'Props',
66
- type: { summary: ['small', 'medium', 'large', 'x-large'].join(' | ') },
67
- },
68
- control: { type: 'select' },
69
- options: ['small', 'medium', 'large', 'x-large'],
70
- defaultValue: { summary: 'medium', color: 'red' },
71
- description: 'TextArea 크기',
72
- },
73
- },
74
- };
75
- export default meta;
76
- export var Default = function (_a) {
77
- var args = __rest(_a, []);
78
- return <TextArea placeholder="Reply to comment…" {...args}/>;
79
- };
80
- export var Scaling = function (_a) {
81
- var args = __rest(_a, []);
82
- return (<div className="grid gap-5">
83
- {scalingOptions.map(function (scaling, index) { return (<div key={scaling} className="">
84
- <TextArea placeholder="Reply to comment…" {...args} scaling={scaling}/>
85
- </div>); })}
86
- </div>);
87
- };
88
- export var Size = function (_a) {
89
- var args = __rest(_a, []);
90
- return (<div className="flex items-center gap-3">
91
- <TextArea placeholder="Reply to comment…" {...args} size={'small'}></TextArea>
92
- <TextArea placeholder="Reply to comment…" {...args} size={'medium'}></TextArea>
93
- <TextArea placeholder="Reply to comment…" {...args} size={'large'}></TextArea>
94
- <TextArea placeholder="Reply to comment…" {...args} size={'x-large'}></TextArea>
95
- </div>);
96
- };
97
- export var Appearance = function (_a) {
98
- var args = __rest(_a, []);
99
- return (<div className="grid gap-3">
100
- {['classic', 'soft', 'surface'].map(function (appearance, index) { return (<div key={appearance} className="">
101
- <TextArea placeholder="Reply to comment…" {...args} appearance={appearance}/>
102
- </div>); })}
103
- </div>);
104
- };
105
- export var Radius = function (_a) {
106
- var args = __rest(_a, []);
107
- return (<div className="grid gap-3">
108
- {radiusOptions.map(function (radius, index) { return (<div key={radius} className="">
109
- <TextArea placeholder="Reply to comment…" {...args} radius={radius}/>
110
- </div>); })}
111
- </div>);
112
- };
@@ -1,116 +0,0 @@
1
- /// <reference types="react" />
2
- import { IRadius } from 'types';
3
- declare const meta: {
4
- title: string;
5
- component: import("react").ForwardRefExoticComponent<Omit<import("@radix-ui/themes/dist/cjs/components/text-field").RootProps & import("react").RefAttributes<HTMLInputElement>, "ref"> & import("../../components/TextField/index").TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;
6
- parameters: {
7
- layout: string;
8
- themes: {
9
- themeOverride: string;
10
- };
11
- docs: {
12
- description: {
13
- component: string;
14
- };
15
- };
16
- };
17
- tags: string[];
18
- argTypes: {
19
- scaling: {
20
- description: string;
21
- table: {
22
- category: string;
23
- type: {
24
- summary: string;
25
- };
26
- };
27
- control: {
28
- type: string;
29
- };
30
- options: import("types").IScaling[];
31
- defaultValue: {
32
- summary: string;
33
- };
34
- };
35
- radius: {
36
- description: string;
37
- table: {
38
- category: string;
39
- type: {
40
- summary: string;
41
- };
42
- };
43
- options: IRadius[];
44
- control: {
45
- type: string;
46
- };
47
- defaultValue: {
48
- summary: string;
49
- };
50
- };
51
- color: {
52
- description: string;
53
- table: {
54
- category: string;
55
- type: {
56
- summary: string;
57
- };
58
- };
59
- options: import("types").IColor[];
60
- control: {
61
- type: string;
62
- };
63
- defaultValue: {
64
- summary: string;
65
- };
66
- };
67
- appearance: {
68
- table: {
69
- category: string;
70
- type: {
71
- summary: string;
72
- };
73
- };
74
- control: {
75
- type: string;
76
- };
77
- defaultValue: {
78
- summary: string;
79
- };
80
- description: string;
81
- options: string[];
82
- };
83
- size: {
84
- table: {
85
- category: string;
86
- type: {
87
- summary: string;
88
- };
89
- };
90
- control: {
91
- type: string;
92
- };
93
- options: string[];
94
- defaultValue: {
95
- summary: string;
96
- };
97
- description: string;
98
- };
99
- };
100
- };
101
- export default meta;
102
- export declare const Default: ({ ...args }: {
103
- [x: string]: any;
104
- }) => import("react").JSX.Element;
105
- export declare const Size: ({ ...args }: {
106
- [x: string]: any;
107
- }) => import("react").JSX.Element;
108
- export declare const Radius: ({ ...args }: {
109
- [x: string]: any;
110
- }) => import("react").JSX.Element;
111
- export declare const Appearance: ({ ...args }: {
112
- [x: string]: any;
113
- }) => import("react").JSX.Element;
114
- export declare const States: ({ ...args }: {
115
- [x: string]: any;
116
- }) => import("react").JSX.Element;