@ama-pt/agora-design-system 0.1.2 → 0.1.4
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.
- package/README.md +36 -1
- package/README.npm.md +36 -1
- package/dist/cjs/components/ui/atoms/button/button.scss +1 -375
- package/dist/cjs/components/ui/atoms/checkbox/checkbox.scss +1 -139
- package/dist/cjs/components/ui/atoms/icon/icon.scss +1 -43
- package/dist/cjs/components/ui/atoms/input_number/input_number.scss +1 -244
- package/dist/cjs/components/ui/atoms/input_password/input_password.scss +1 -182
- package/dist/cjs/components/ui/atoms/input_text/input_text.scss +1 -160
- package/dist/cjs/components/ui/atoms/input_textarea/input_textarea.scss +1 -152
- package/dist/cjs/components/ui/atoms/radio/radio.scss +1 -138
- package/dist/cjs/components/ui/index.d.ts +5 -3
- package/dist/cjs/components/ui/index.js +8 -5
- package/dist/cjs/components/ui/index.js.map +1 -1
- package/dist/cjs/components/ui/molecules/accordion/accordion.scss +1 -8
- package/dist/cjs/styles/globals.scss +1 -29
- package/dist/esm/components/ui/atoms/button/button.scss +1 -375
- package/dist/esm/components/ui/atoms/checkbox/checkbox.scss +1 -139
- package/dist/esm/components/ui/atoms/icon/icon.scss +1 -43
- package/dist/esm/components/ui/atoms/input_number/input_number.scss +1 -244
- package/dist/esm/components/ui/atoms/input_password/input_password.scss +1 -182
- package/dist/esm/components/ui/atoms/input_text/input_text.scss +1 -160
- package/dist/esm/components/ui/atoms/input_textarea/input_textarea.scss +1 -152
- package/dist/esm/components/ui/atoms/radio/radio.scss +1 -138
- package/dist/esm/components/ui/index.d.ts +5 -3
- package/dist/esm/components/ui/index.js +8 -5
- package/dist/esm/components/ui/index.js.map +1 -1
- package/dist/esm/components/ui/molecules/accordion/accordion.scss +1 -8
- package/dist/esm/styles/globals.scss +1 -29
- package/dist/styles/globals.css +1 -0
- package/package.json +7 -9
- package/dist/cjs/components/ui/atoms/button/button.csf.d.ts +0 -80
- package/dist/cjs/components/ui/atoms/button/button.csf.js +0 -67
- package/dist/cjs/components/ui/atoms/button/button.csf.js.map +0 -1
- package/dist/cjs/components/ui/atoms/button/button.stories.d.ts +0 -59
- package/dist/cjs/components/ui/atoms/button/button.stories.js +0 -92
- package/dist/cjs/components/ui/atoms/button/button.stories.js.map +0 -1
- package/dist/cjs/components/ui/atoms/checkbox/checkbox.csf.d.ts +0 -73
- package/dist/cjs/components/ui/atoms/checkbox/checkbox.csf.js +0 -56
- package/dist/cjs/components/ui/atoms/checkbox/checkbox.csf.js.map +0 -1
- package/dist/cjs/components/ui/atoms/checkbox/checkbox.stories.d.ts +0 -29
- package/dist/cjs/components/ui/atoms/checkbox/checkbox.stories.js +0 -62
- package/dist/cjs/components/ui/atoms/checkbox/checkbox.stories.js.map +0 -1
- package/dist/cjs/components/ui/atoms/icon/icon.stories.d.ts +0 -8
- package/dist/cjs/components/ui/atoms/icon/icon.stories.js +0 -65
- package/dist/cjs/components/ui/atoms/icon/icon.stories.js.map +0 -1
- package/dist/cjs/components/ui/atoms/input_number/input_number.csf.d.ts +0 -205
- package/dist/cjs/components/ui/atoms/input_number/input_number.csf.js +0 -142
- package/dist/cjs/components/ui/atoms/input_number/input_number.csf.js.map +0 -1
- package/dist/cjs/components/ui/atoms/input_number/input_number.stories.d.ts +0 -13
- package/dist/cjs/components/ui/atoms/input_number/input_number.stories.js +0 -84
- package/dist/cjs/components/ui/atoms/input_number/input_number.stories.js.map +0 -1
- package/dist/cjs/components/ui/atoms/input_password/input_password.csf.d.ts +0 -197
- package/dist/cjs/components/ui/atoms/input_password/input_password.csf.js +0 -137
- package/dist/cjs/components/ui/atoms/input_password/input_password.csf.js.map +0 -1
- package/dist/cjs/components/ui/atoms/input_password/input_password.stories.d.ts +0 -13
- package/dist/cjs/components/ui/atoms/input_password/input_password.stories.js +0 -82
- package/dist/cjs/components/ui/atoms/input_password/input_password.stories.js.map +0 -1
- package/dist/cjs/components/ui/atoms/input_text/input_text.csf.d.ts +0 -189
- package/dist/cjs/components/ui/atoms/input_text/input_text.csf.js +0 -132
- package/dist/cjs/components/ui/atoms/input_text/input_text.csf.js.map +0 -1
- package/dist/cjs/components/ui/atoms/input_text/input_text.stories.d.ts +0 -13
- package/dist/cjs/components/ui/atoms/input_text/input_text.stories.js +0 -83
- package/dist/cjs/components/ui/atoms/input_text/input_text.stories.js.map +0 -1
- package/dist/cjs/components/ui/atoms/input_textarea/input_textarea.csf.d.ts +0 -177
- package/dist/cjs/components/ui/atoms/input_textarea/input_textarea.csf.js +0 -122
- package/dist/cjs/components/ui/atoms/input_textarea/input_textarea.csf.js.map +0 -1
- package/dist/cjs/components/ui/atoms/input_textarea/input_textarea.stories.d.ts +0 -13
- package/dist/cjs/components/ui/atoms/input_textarea/input_textarea.stories.js +0 -82
- package/dist/cjs/components/ui/atoms/input_textarea/input_textarea.stories.js.map +0 -1
- package/dist/cjs/components/ui/atoms/radio/radio.csf.d.ts +0 -73
- package/dist/cjs/components/ui/atoms/radio/radio.csf.js +0 -56
- package/dist/cjs/components/ui/atoms/radio/radio.csf.js.map +0 -1
- package/dist/cjs/components/ui/atoms/radio/radio.stories.d.ts +0 -29
- package/dist/cjs/components/ui/atoms/radio/radio.stories.js +0 -62
- package/dist/cjs/components/ui/atoms/radio/radio.stories.js.map +0 -1
- package/dist/cjs/components/ui/molecules/accordion/accordion.stories.d.ts +0 -11
- package/dist/cjs/components/ui/molecules/accordion/accordion.stories.js +0 -63
- package/dist/cjs/components/ui/molecules/accordion/accordion.stories.js.map +0 -1
- package/dist/css/index.css +0 -187344
- package/dist/css/index.min.css +0 -2
- package/dist/css/index.min.css.map +0 -1
- package/dist/esm/components/ui/atoms/button/button.csf.d.ts +0 -80
- package/dist/esm/components/ui/atoms/button/button.csf.js +0 -64
- package/dist/esm/components/ui/atoms/button/button.csf.js.map +0 -1
- package/dist/esm/components/ui/atoms/button/button.stories.d.ts +0 -59
- package/dist/esm/components/ui/atoms/button/button.stories.js +0 -80
- package/dist/esm/components/ui/atoms/button/button.stories.js.map +0 -1
- package/dist/esm/components/ui/atoms/checkbox/checkbox.csf.d.ts +0 -73
- package/dist/esm/components/ui/atoms/checkbox/checkbox.csf.js +0 -53
- package/dist/esm/components/ui/atoms/checkbox/checkbox.csf.js.map +0 -1
- package/dist/esm/components/ui/atoms/checkbox/checkbox.stories.d.ts +0 -29
- package/dist/esm/components/ui/atoms/checkbox/checkbox.stories.js +0 -50
- package/dist/esm/components/ui/atoms/checkbox/checkbox.stories.js.map +0 -1
- package/dist/esm/components/ui/atoms/icon/icon.stories.d.ts +0 -8
- package/dist/esm/components/ui/atoms/icon/icon.stories.js +0 -56
- package/dist/esm/components/ui/atoms/icon/icon.stories.js.map +0 -1
- package/dist/esm/components/ui/atoms/input_number/input_number.csf.d.ts +0 -205
- package/dist/esm/components/ui/atoms/input_number/input_number.csf.js +0 -139
- package/dist/esm/components/ui/atoms/input_number/input_number.csf.js.map +0 -1
- package/dist/esm/components/ui/atoms/input_number/input_number.stories.d.ts +0 -13
- package/dist/esm/components/ui/atoms/input_number/input_number.stories.js +0 -70
- package/dist/esm/components/ui/atoms/input_number/input_number.stories.js.map +0 -1
- package/dist/esm/components/ui/atoms/input_password/input_password.csf.d.ts +0 -197
- package/dist/esm/components/ui/atoms/input_password/input_password.csf.js +0 -134
- package/dist/esm/components/ui/atoms/input_password/input_password.csf.js.map +0 -1
- package/dist/esm/components/ui/atoms/input_password/input_password.stories.d.ts +0 -13
- package/dist/esm/components/ui/atoms/input_password/input_password.stories.js +0 -68
- package/dist/esm/components/ui/atoms/input_password/input_password.stories.js.map +0 -1
- package/dist/esm/components/ui/atoms/input_text/input_text.csf.d.ts +0 -189
- package/dist/esm/components/ui/atoms/input_text/input_text.csf.js +0 -129
- package/dist/esm/components/ui/atoms/input_text/input_text.csf.js.map +0 -1
- package/dist/esm/components/ui/atoms/input_text/input_text.stories.d.ts +0 -13
- package/dist/esm/components/ui/atoms/input_text/input_text.stories.js +0 -69
- package/dist/esm/components/ui/atoms/input_text/input_text.stories.js.map +0 -1
- package/dist/esm/components/ui/atoms/input_textarea/input_textarea.csf.d.ts +0 -177
- package/dist/esm/components/ui/atoms/input_textarea/input_textarea.csf.js +0 -119
- package/dist/esm/components/ui/atoms/input_textarea/input_textarea.csf.js.map +0 -1
- package/dist/esm/components/ui/atoms/input_textarea/input_textarea.stories.d.ts +0 -13
- package/dist/esm/components/ui/atoms/input_textarea/input_textarea.stories.js +0 -68
- package/dist/esm/components/ui/atoms/input_textarea/input_textarea.stories.js.map +0 -1
- package/dist/esm/components/ui/atoms/radio/radio.csf.d.ts +0 -73
- package/dist/esm/components/ui/atoms/radio/radio.csf.js +0 -53
- package/dist/esm/components/ui/atoms/radio/radio.csf.js.map +0 -1
- package/dist/esm/components/ui/atoms/radio/radio.stories.d.ts +0 -29
- package/dist/esm/components/ui/atoms/radio/radio.stories.js +0 -50
- package/dist/esm/components/ui/atoms/radio/radio.stories.js.map +0 -1
- package/dist/esm/components/ui/molecules/accordion/accordion.stories.d.ts +0 -11
- package/dist/esm/components/ui/molecules/accordion/accordion.stories.js +0 -55
- package/dist/esm/components/ui/molecules/accordion/accordion.stories.js.map +0 -1
|
@@ -1,177 +0,0 @@
|
|
|
1
|
-
export declare const parameters: {
|
|
2
|
-
actions: {
|
|
3
|
-
handles: string[];
|
|
4
|
-
};
|
|
5
|
-
design: {
|
|
6
|
-
type: string;
|
|
7
|
-
url: string;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
10
|
-
export declare const argTypes: {
|
|
11
|
-
label: {
|
|
12
|
-
type: {
|
|
13
|
-
name: string;
|
|
14
|
-
required: boolean;
|
|
15
|
-
};
|
|
16
|
-
description: string;
|
|
17
|
-
defaultValue: string;
|
|
18
|
-
};
|
|
19
|
-
ariaLabel: {
|
|
20
|
-
type: {
|
|
21
|
-
name: string;
|
|
22
|
-
required: boolean;
|
|
23
|
-
};
|
|
24
|
-
description: string;
|
|
25
|
-
defaultValue: string;
|
|
26
|
-
control: {
|
|
27
|
-
type: string;
|
|
28
|
-
};
|
|
29
|
-
};
|
|
30
|
-
hideLabel: {
|
|
31
|
-
type: {
|
|
32
|
-
name: string;
|
|
33
|
-
required: boolean;
|
|
34
|
-
};
|
|
35
|
-
description: string;
|
|
36
|
-
table: {
|
|
37
|
-
type: {
|
|
38
|
-
summary: string;
|
|
39
|
-
};
|
|
40
|
-
defaultValue: {
|
|
41
|
-
summary: string;
|
|
42
|
-
};
|
|
43
|
-
};
|
|
44
|
-
defaultValue: boolean;
|
|
45
|
-
control: {
|
|
46
|
-
type: string;
|
|
47
|
-
};
|
|
48
|
-
};
|
|
49
|
-
placeholder: {
|
|
50
|
-
type: {
|
|
51
|
-
name: string;
|
|
52
|
-
required: boolean;
|
|
53
|
-
};
|
|
54
|
-
description: string;
|
|
55
|
-
defaultValue: string;
|
|
56
|
-
};
|
|
57
|
-
initialValue: {
|
|
58
|
-
type: {
|
|
59
|
-
name: string;
|
|
60
|
-
required: boolean;
|
|
61
|
-
};
|
|
62
|
-
description: string;
|
|
63
|
-
defaultValue: string;
|
|
64
|
-
};
|
|
65
|
-
feedbackText: {
|
|
66
|
-
type: {
|
|
67
|
-
name: string;
|
|
68
|
-
required: boolean;
|
|
69
|
-
};
|
|
70
|
-
description: string;
|
|
71
|
-
defaultValue: string;
|
|
72
|
-
};
|
|
73
|
-
feedbackState: {
|
|
74
|
-
type: {
|
|
75
|
-
name: string;
|
|
76
|
-
required: boolean;
|
|
77
|
-
};
|
|
78
|
-
description: string;
|
|
79
|
-
defaultValue: string;
|
|
80
|
-
control: {
|
|
81
|
-
type: string;
|
|
82
|
-
options: string[];
|
|
83
|
-
};
|
|
84
|
-
};
|
|
85
|
-
hasError: {
|
|
86
|
-
type: {
|
|
87
|
-
name: string;
|
|
88
|
-
required: boolean;
|
|
89
|
-
};
|
|
90
|
-
description: string;
|
|
91
|
-
table: {
|
|
92
|
-
type: {
|
|
93
|
-
summary: string;
|
|
94
|
-
};
|
|
95
|
-
defaultValue: {
|
|
96
|
-
summary: string;
|
|
97
|
-
};
|
|
98
|
-
};
|
|
99
|
-
defaultValue: boolean;
|
|
100
|
-
control: {
|
|
101
|
-
type: string;
|
|
102
|
-
};
|
|
103
|
-
};
|
|
104
|
-
disabled: {
|
|
105
|
-
type: {
|
|
106
|
-
name: string;
|
|
107
|
-
required: boolean;
|
|
108
|
-
};
|
|
109
|
-
description: string;
|
|
110
|
-
table: {
|
|
111
|
-
type: {
|
|
112
|
-
summary: string;
|
|
113
|
-
};
|
|
114
|
-
defaultValue: {
|
|
115
|
-
summary: string;
|
|
116
|
-
};
|
|
117
|
-
};
|
|
118
|
-
defaultValue: boolean;
|
|
119
|
-
control: {
|
|
120
|
-
type: string;
|
|
121
|
-
};
|
|
122
|
-
};
|
|
123
|
-
readOnly: {
|
|
124
|
-
type: {
|
|
125
|
-
name: string;
|
|
126
|
-
required: boolean;
|
|
127
|
-
};
|
|
128
|
-
description: string;
|
|
129
|
-
table: {
|
|
130
|
-
type: {
|
|
131
|
-
summary: string;
|
|
132
|
-
};
|
|
133
|
-
defaultValue: {
|
|
134
|
-
summary: string;
|
|
135
|
-
};
|
|
136
|
-
};
|
|
137
|
-
defaultValue: boolean;
|
|
138
|
-
control: {
|
|
139
|
-
type: string;
|
|
140
|
-
};
|
|
141
|
-
};
|
|
142
|
-
showCharCounter: {
|
|
143
|
-
type: {
|
|
144
|
-
name: string;
|
|
145
|
-
required: boolean;
|
|
146
|
-
};
|
|
147
|
-
description: string;
|
|
148
|
-
table: {
|
|
149
|
-
type: {
|
|
150
|
-
summary: string;
|
|
151
|
-
};
|
|
152
|
-
defaultValue: {
|
|
153
|
-
summary: string;
|
|
154
|
-
};
|
|
155
|
-
};
|
|
156
|
-
defaultValue: boolean;
|
|
157
|
-
control: {
|
|
158
|
-
type: string;
|
|
159
|
-
};
|
|
160
|
-
};
|
|
161
|
-
maxChars: {
|
|
162
|
-
type: {
|
|
163
|
-
name: string;
|
|
164
|
-
required: boolean;
|
|
165
|
-
};
|
|
166
|
-
description: string;
|
|
167
|
-
defaultValue: number;
|
|
168
|
-
};
|
|
169
|
-
isOptional: {
|
|
170
|
-
type: {
|
|
171
|
-
name: string;
|
|
172
|
-
required: boolean;
|
|
173
|
-
};
|
|
174
|
-
description: string;
|
|
175
|
-
defaultValue: boolean;
|
|
176
|
-
};
|
|
177
|
-
};
|
|
@@ -1,119 +0,0 @@
|
|
|
1
|
-
export const parameters = {
|
|
2
|
-
actions: {
|
|
3
|
-
handles: ['mouseenter', 'click', 'focusin', 'focusout']
|
|
4
|
-
},
|
|
5
|
-
design: {
|
|
6
|
-
type: 'zeroheight',
|
|
7
|
-
url: 'https://zeroheight.com/1be481dc2/p/489b41-buttons/b/026ea1'
|
|
8
|
-
}
|
|
9
|
-
};
|
|
10
|
-
export const argTypes = {
|
|
11
|
-
label: {
|
|
12
|
-
type: { name: 'string', required: true },
|
|
13
|
-
description: 'Label to display above input. ',
|
|
14
|
-
defaultValue: ''
|
|
15
|
-
},
|
|
16
|
-
ariaLabel: {
|
|
17
|
-
type: { name: 'string', required: false },
|
|
18
|
-
description: 'Descritive attribute that labels the checkbox in terms of accessibility',
|
|
19
|
-
defaultValue: '',
|
|
20
|
-
control: {
|
|
21
|
-
type: 'text'
|
|
22
|
-
}
|
|
23
|
-
},
|
|
24
|
-
hideLabel: {
|
|
25
|
-
type: { name: 'boolean', required: false },
|
|
26
|
-
description: 'Whether to show/hide input field label',
|
|
27
|
-
table: {
|
|
28
|
-
type: {
|
|
29
|
-
summary: 'boolean'
|
|
30
|
-
},
|
|
31
|
-
defaultValue: { summary: 'false' }
|
|
32
|
-
},
|
|
33
|
-
defaultValue: false,
|
|
34
|
-
control: { type: 'boolean' }
|
|
35
|
-
},
|
|
36
|
-
placeholder: {
|
|
37
|
-
type: { name: 'string', required: false },
|
|
38
|
-
description: 'Placeholder to display when no text.',
|
|
39
|
-
defaultValue: ''
|
|
40
|
-
},
|
|
41
|
-
initialValue: {
|
|
42
|
-
type: { name: 'string', required: false },
|
|
43
|
-
description: 'Default value.',
|
|
44
|
-
defaultValue: ''
|
|
45
|
-
},
|
|
46
|
-
feedbackText: {
|
|
47
|
-
type: { name: 'string', required: false },
|
|
48
|
-
description: 'Feedback to display',
|
|
49
|
-
defaultValue: ''
|
|
50
|
-
},
|
|
51
|
-
feedbackState: {
|
|
52
|
-
type: { name: 'string', required: false },
|
|
53
|
-
description: 'Feedback message state.',
|
|
54
|
-
defaultValue: 'info',
|
|
55
|
-
control: {
|
|
56
|
-
type: 'select',
|
|
57
|
-
options: ['info', 'success', 'danger', 'warning']
|
|
58
|
-
}
|
|
59
|
-
},
|
|
60
|
-
hasError: {
|
|
61
|
-
type: { name: 'boolean', required: false },
|
|
62
|
-
description: 'Whether the Input has any validation error',
|
|
63
|
-
table: {
|
|
64
|
-
type: {
|
|
65
|
-
summary: 'boolean'
|
|
66
|
-
},
|
|
67
|
-
defaultValue: { summary: 'false' }
|
|
68
|
-
},
|
|
69
|
-
defaultValue: false,
|
|
70
|
-
control: { type: 'boolean' }
|
|
71
|
-
},
|
|
72
|
-
disabled: {
|
|
73
|
-
type: { name: 'boolean', required: false },
|
|
74
|
-
description: 'Whether the Input is disabled.',
|
|
75
|
-
table: {
|
|
76
|
-
type: {
|
|
77
|
-
summary: 'boolean'
|
|
78
|
-
},
|
|
79
|
-
defaultValue: { summary: 'false' }
|
|
80
|
-
},
|
|
81
|
-
defaultValue: false,
|
|
82
|
-
control: { type: 'boolean' }
|
|
83
|
-
},
|
|
84
|
-
readOnly: {
|
|
85
|
-
type: { name: 'boolean', required: false },
|
|
86
|
-
description: 'Whether the Input is Read only.',
|
|
87
|
-
table: {
|
|
88
|
-
type: {
|
|
89
|
-
summary: 'boolean'
|
|
90
|
-
},
|
|
91
|
-
defaultValue: { summary: 'false' }
|
|
92
|
-
},
|
|
93
|
-
defaultValue: false,
|
|
94
|
-
control: { type: 'boolean' }
|
|
95
|
-
},
|
|
96
|
-
showCharCounter: {
|
|
97
|
-
type: { name: 'boolean', required: false },
|
|
98
|
-
description: 'Whether show char counter.',
|
|
99
|
-
table: {
|
|
100
|
-
type: {
|
|
101
|
-
summary: 'boolean'
|
|
102
|
-
},
|
|
103
|
-
defaultValue: { summary: 'false' }
|
|
104
|
-
},
|
|
105
|
-
defaultValue: false,
|
|
106
|
-
control: { type: 'boolean' }
|
|
107
|
-
},
|
|
108
|
-
maxChars: {
|
|
109
|
-
type: { name: 'number', required: false },
|
|
110
|
-
description: 'Maximum chars allowed.',
|
|
111
|
-
defaultValue: -1
|
|
112
|
-
},
|
|
113
|
-
isOptional: {
|
|
114
|
-
type: { name: 'boolean', required: false },
|
|
115
|
-
description: 'Decides if this field could be optional',
|
|
116
|
-
defaultValue: false
|
|
117
|
-
}
|
|
118
|
-
};
|
|
119
|
-
//# sourceMappingURL=input_textarea.csf.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input_textarea.csf.js","sourceRoot":"","sources":["../../../../../../src/components/ui/atoms/input_textarea/input_textarea.csf.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE;QACP,OAAO,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC;KACxD;IACD,MAAM,EAAE;QACN,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,4DAA4D;KAClE;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;QACxC,WAAW,EAAE,gCAAgC;QAC7C,YAAY,EAAE,EAAE;KACjB;IACD,SAAS,EAAE;QACT,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,yEAAyE;QACtF,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;SACb;KACF;IACD,SAAS,EAAE;QACT,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,wCAAwC;QACrD,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;aACnB;YACD,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;SACnC;QACD,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC7B;IACD,WAAW,EAAE;QACX,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,sCAAsC;QACnD,YAAY,EAAE,EAAE;KACjB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,gBAAgB;QAC7B,YAAY,EAAE,EAAE;KACjB;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,qBAAqB;QAClC,YAAY,EAAE,EAAE;KACjB;IACD,aAAa,EAAE;QACb,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,yBAAyB;QACtC,YAAY,EAAE,MAAM;QACpB,OAAO,EAAE;YACP,IAAI,EAAE,QAAQ;YACd,OAAO,EAAE,CAAC,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,CAAC;SAClD;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,4CAA4C;QACzD,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;aACnB;YACD,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;SACnC;QACD,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC7B;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,gCAAgC;QAC7C,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;aACnB;YACD,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;SACnC;QACD,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC7B;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,iCAAiC;QAC9C,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;aACnB;YACD,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;SACnC;QACD,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC7B;IACD,eAAe,EAAE;QACf,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,4BAA4B;QACzC,KAAK,EAAE;YACL,IAAI,EAAE;gBACJ,OAAO,EAAE,SAAS;aACnB;YACD,YAAY,EAAE,EAAE,OAAO,EAAE,OAAO,EAAE;SACnC;QACD,YAAY,EAAE,KAAK;QACnB,OAAO,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE;KAC7B;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,wBAAwB;QACrC,YAAY,EAAE,CAAC,CAAC;KACjB;IACD,UAAU,EAAE;QACV,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,yCAAyC;QACtD,YAAY,EAAE,KAAK;KACpB;CACF,CAAC"}
|
|
@@ -1,13 +0,0 @@
|
|
|
1
|
-
import { ComponentMeta, Story } from '@storybook/react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { InputTextAreaProps } from './input_textarea';
|
|
4
|
-
declare const _default: ComponentMeta<React.FC<InputTextAreaProps>>;
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const InputTextComp: Story<any>;
|
|
7
|
-
export declare const InputTextFeedbackInfo: Story<any>;
|
|
8
|
-
export declare const InputTextFeedbackSuccess: Story<any>;
|
|
9
|
-
export declare const InputTextFeedbackWarning: Story<any>;
|
|
10
|
-
export declare const InputTextFeedbackDanger: Story<any>;
|
|
11
|
-
export declare const InputTextCompHasReadOnly: Story<any>;
|
|
12
|
-
export declare const InputTextCompDisabled: Story<any>;
|
|
13
|
-
export declare const InputTextCompHasError: Story<any>;
|
|
@@ -1,68 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { InputTextArea } from './input_textarea';
|
|
3
|
-
import { argTypes } from './input_textarea.csf';
|
|
4
|
-
export default {
|
|
5
|
-
title: 'Components/Atoms/Input Text Area',
|
|
6
|
-
component: InputTextArea,
|
|
7
|
-
argTypes: Object.assign({}, argTypes)
|
|
8
|
-
};
|
|
9
|
-
export const InputTextComp = (args) => (React.createElement("div", { className: "p-8" },
|
|
10
|
-
React.createElement(InputTextArea, Object.assign({}, args, { id: "input-text" }))));
|
|
11
|
-
InputTextComp.storyName = 'Input Text Area';
|
|
12
|
-
InputTextComp.args = {
|
|
13
|
-
label: 'Label',
|
|
14
|
-
placeholder: 'Placeholder'
|
|
15
|
-
};
|
|
16
|
-
export const InputTextFeedbackInfo = (args) => (React.createElement("div", { className: "p-8" },
|
|
17
|
-
React.createElement(InputTextArea, Object.assign({}, args, { id: "input-text", feedbackText: "Some info feedback" }))));
|
|
18
|
-
InputTextFeedbackInfo.storyName = 'Input Text Area Feedback Info';
|
|
19
|
-
InputTextFeedbackInfo.args = {
|
|
20
|
-
label: 'Label',
|
|
21
|
-
placeholder: 'Placeholder'
|
|
22
|
-
};
|
|
23
|
-
export const InputTextFeedbackSuccess = (args) => (React.createElement("div", { className: "p-8" },
|
|
24
|
-
React.createElement(InputTextArea, Object.assign({}, args, { id: "input-text", feedbackText: "Some success feedback", feedbackState: "success" }))));
|
|
25
|
-
InputTextFeedbackSuccess.storyName = 'Input Text Area Feedback Success';
|
|
26
|
-
InputTextFeedbackSuccess.args = {
|
|
27
|
-
label: 'Label',
|
|
28
|
-
placeholder: 'Placeholder'
|
|
29
|
-
};
|
|
30
|
-
export const InputTextFeedbackWarning = (args) => (React.createElement("div", { className: "p-8" },
|
|
31
|
-
React.createElement(InputTextArea, Object.assign({}, args, { id: "input-text", feedbackText: "Some warning feedback", feedbackState: "warning" }))));
|
|
32
|
-
InputTextFeedbackWarning.storyName = 'Input Text Area Feedback Warning';
|
|
33
|
-
InputTextFeedbackWarning.args = {
|
|
34
|
-
label: 'Label',
|
|
35
|
-
placeholder: 'Placeholder'
|
|
36
|
-
};
|
|
37
|
-
export const InputTextFeedbackDanger = (args) => (React.createElement("div", { className: "p-8" },
|
|
38
|
-
React.createElement(InputTextArea, Object.assign({}, args, { id: "input-text", feedbackText: "Some danger feedback", feedbackState: "danger" }))));
|
|
39
|
-
InputTextFeedbackDanger.storyName = 'Input Text Area Feedback Danger';
|
|
40
|
-
InputTextFeedbackDanger.args = {
|
|
41
|
-
label: 'Label',
|
|
42
|
-
placeholder: 'Placeholder'
|
|
43
|
-
};
|
|
44
|
-
export const InputTextCompHasReadOnly = (args) => (React.createElement("div", { className: "p-8" },
|
|
45
|
-
React.createElement(InputTextArea, Object.assign({}, args, { id: "input-text" }))));
|
|
46
|
-
InputTextCompHasReadOnly.storyName = 'Input Text Area Read Only';
|
|
47
|
-
InputTextCompHasReadOnly.args = {
|
|
48
|
-
readOnly: true,
|
|
49
|
-
label: 'Label',
|
|
50
|
-
placeholder: 'Placeholder'
|
|
51
|
-
};
|
|
52
|
-
export const InputTextCompDisabled = (args) => (React.createElement("div", { className: "p-8" },
|
|
53
|
-
React.createElement(InputTextArea, Object.assign({}, args, { id: "input-text" }))));
|
|
54
|
-
InputTextCompDisabled.storyName = 'Input Text Area Disabled';
|
|
55
|
-
InputTextCompDisabled.args = {
|
|
56
|
-
disabled: true,
|
|
57
|
-
label: 'Label',
|
|
58
|
-
placeholder: 'Placeholder'
|
|
59
|
-
};
|
|
60
|
-
export const InputTextCompHasError = (args) => (React.createElement("div", { className: "p-8" },
|
|
61
|
-
React.createElement(InputTextArea, Object.assign({}, args, { id: "input-text" }))));
|
|
62
|
-
InputTextCompHasError.storyName = 'Input Text Area Error';
|
|
63
|
-
InputTextCompHasError.args = {
|
|
64
|
-
hasError: true,
|
|
65
|
-
label: 'Label',
|
|
66
|
-
placeholder: 'Placeholder'
|
|
67
|
-
};
|
|
68
|
-
//# sourceMappingURL=input_textarea.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"input_textarea.stories.js","sourceRoot":"","sources":["../../../../../../src/components/ui/atoms/input_textarea/input_textarea.stories.tsx"],"names":[],"mappings":"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"}
|
|
@@ -1,73 +0,0 @@
|
|
|
1
|
-
export declare const parameters: {
|
|
2
|
-
actions: {
|
|
3
|
-
handles: string[];
|
|
4
|
-
};
|
|
5
|
-
design: {
|
|
6
|
-
type: string;
|
|
7
|
-
url: string;
|
|
8
|
-
};
|
|
9
|
-
};
|
|
10
|
-
export declare const argTypes: {
|
|
11
|
-
label: {
|
|
12
|
-
type: {
|
|
13
|
-
name: string;
|
|
14
|
-
required: boolean;
|
|
15
|
-
};
|
|
16
|
-
description: string;
|
|
17
|
-
defaultValue: string;
|
|
18
|
-
control: {
|
|
19
|
-
type: string;
|
|
20
|
-
};
|
|
21
|
-
};
|
|
22
|
-
ariaLabel: {
|
|
23
|
-
type: {
|
|
24
|
-
name: string;
|
|
25
|
-
required: boolean;
|
|
26
|
-
};
|
|
27
|
-
description: string;
|
|
28
|
-
defaultValue: string;
|
|
29
|
-
control: {
|
|
30
|
-
type: string;
|
|
31
|
-
};
|
|
32
|
-
};
|
|
33
|
-
disabled: {
|
|
34
|
-
type: {
|
|
35
|
-
name: string;
|
|
36
|
-
required: boolean;
|
|
37
|
-
};
|
|
38
|
-
description: string;
|
|
39
|
-
defaultValue: null;
|
|
40
|
-
};
|
|
41
|
-
hasError: {
|
|
42
|
-
type: {
|
|
43
|
-
name: string;
|
|
44
|
-
required: boolean;
|
|
45
|
-
};
|
|
46
|
-
description: string;
|
|
47
|
-
defaultValue: boolean;
|
|
48
|
-
};
|
|
49
|
-
hideLabel: {
|
|
50
|
-
type: {
|
|
51
|
-
name: string;
|
|
52
|
-
required: boolean;
|
|
53
|
-
};
|
|
54
|
-
description: string;
|
|
55
|
-
defaultValue: boolean;
|
|
56
|
-
};
|
|
57
|
-
isChecked: {
|
|
58
|
-
type: {
|
|
59
|
-
name: string;
|
|
60
|
-
required: boolean;
|
|
61
|
-
};
|
|
62
|
-
description: string;
|
|
63
|
-
defaultValue: boolean;
|
|
64
|
-
};
|
|
65
|
-
isOptional: {
|
|
66
|
-
type: {
|
|
67
|
-
name: string;
|
|
68
|
-
required: boolean;
|
|
69
|
-
};
|
|
70
|
-
description: string;
|
|
71
|
-
defaultValue: boolean;
|
|
72
|
-
};
|
|
73
|
-
};
|
|
@@ -1,53 +0,0 @@
|
|
|
1
|
-
export const parameters = {
|
|
2
|
-
actions: {
|
|
3
|
-
handles: ['mouseenter', 'click', 'focusin', 'focusout']
|
|
4
|
-
},
|
|
5
|
-
design: {
|
|
6
|
-
type: 'zeroheight',
|
|
7
|
-
url: 'https://zeroheight.com/1be481dc2/p/489b41-buttons/b/026ea1'
|
|
8
|
-
}
|
|
9
|
-
};
|
|
10
|
-
export const argTypes = {
|
|
11
|
-
label: {
|
|
12
|
-
type: { name: 'string', required: true },
|
|
13
|
-
description: 'Radio descriptive label',
|
|
14
|
-
defaultValue: 'Lorem ipsum dolor sit amet',
|
|
15
|
-
control: {
|
|
16
|
-
type: 'text'
|
|
17
|
-
}
|
|
18
|
-
},
|
|
19
|
-
ariaLabel: {
|
|
20
|
-
type: { name: 'string', required: false },
|
|
21
|
-
description: 'Descritive attribute that labels the checkbox in terms of accessibility',
|
|
22
|
-
defaultValue: '',
|
|
23
|
-
control: {
|
|
24
|
-
type: 'text'
|
|
25
|
-
}
|
|
26
|
-
},
|
|
27
|
-
disabled: {
|
|
28
|
-
type: { name: 'boolean', required: false },
|
|
29
|
-
description: 'Indicate if this field is able to be selected',
|
|
30
|
-
defaultValue: null
|
|
31
|
-
},
|
|
32
|
-
hasError: {
|
|
33
|
-
type: { name: 'boolean', required: false },
|
|
34
|
-
description: 'Indicate that this field has error',
|
|
35
|
-
defaultValue: false
|
|
36
|
-
},
|
|
37
|
-
hideLabel: {
|
|
38
|
-
type: { name: 'boolean', required: false },
|
|
39
|
-
description: 'Should display/hide label',
|
|
40
|
-
defaultValue: false
|
|
41
|
-
},
|
|
42
|
-
isChecked: {
|
|
43
|
-
type: { name: 'boolean', required: false },
|
|
44
|
-
description: 'Should this field must start checked',
|
|
45
|
-
defaultValue: false
|
|
46
|
-
},
|
|
47
|
-
isOptional: {
|
|
48
|
-
type: { name: 'boolean', required: false },
|
|
49
|
-
description: 'Decides if this field could be optional',
|
|
50
|
-
defaultValue: false
|
|
51
|
-
}
|
|
52
|
-
};
|
|
53
|
-
//# sourceMappingURL=radio.csf.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radio.csf.js","sourceRoot":"","sources":["../../../../../../src/components/ui/atoms/radio/radio.csf.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE;QACP,OAAO,EAAE,CAAC,YAAY,EAAE,OAAO,EAAE,SAAS,EAAE,UAAU,CAAC;KACxD;IACD,MAAM,EAAE;QACN,IAAI,EAAE,YAAY;QAClB,GAAG,EAAE,4DAA4D;KAClE;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,KAAK,EAAE;QACL,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,IAAI,EAAE;QACxC,WAAW,EAAE,yBAAyB;QACtC,YAAY,EAAE,4BAA4B;QAC1C,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;SACb;KACF;IACD,SAAS,EAAE;QACT,IAAI,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE;QACzC,WAAW,EAAE,yEAAyE;QACtF,YAAY,EAAE,EAAE;QAChB,OAAO,EAAE;YACP,IAAI,EAAE,MAAM;SACb;KACF;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,+CAA+C;QAC5D,YAAY,EAAE,IAAI;KACnB;IACD,QAAQ,EAAE;QACR,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,oCAAoC;QACjD,YAAY,EAAE,KAAK;KACpB;IACD,SAAS,EAAE;QACT,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,2BAA2B;QACxC,YAAY,EAAE,KAAK;KACpB;IACD,SAAS,EAAE;QACT,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,sCAAsC;QACnD,YAAY,EAAE,KAAK;KACpB;IACD,UAAU,EAAE;QACV,IAAI,EAAE,EAAE,IAAI,EAAE,SAAS,EAAE,QAAQ,EAAE,KAAK,EAAE;QAC1C,WAAW,EAAE,yCAAyC;QACtD,YAAY,EAAE,KAAK;KACpB;CACF,CAAC"}
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { ComponentMeta } from '@storybook/react';
|
|
2
|
-
import React from 'react';
|
|
3
|
-
import { RadioProps } from './radio';
|
|
4
|
-
declare const _default: ComponentMeta<React.FC<RadioProps>>;
|
|
5
|
-
export default _default;
|
|
6
|
-
export declare const RadioDefault: {
|
|
7
|
-
(args: RadioProps): JSX.Element;
|
|
8
|
-
storyName: string;
|
|
9
|
-
};
|
|
10
|
-
export declare const RadioChildren: {
|
|
11
|
-
(args: RadioProps): JSX.Element;
|
|
12
|
-
storyName: string;
|
|
13
|
-
};
|
|
14
|
-
export declare const RadioNoLabel: {
|
|
15
|
-
(args: RadioProps): JSX.Element;
|
|
16
|
-
storyName: string;
|
|
17
|
-
};
|
|
18
|
-
export declare const RadioDisabled: {
|
|
19
|
-
(args: RadioProps): JSX.Element;
|
|
20
|
-
storyName: string;
|
|
21
|
-
};
|
|
22
|
-
export declare const RadioDisabledSelected: {
|
|
23
|
-
(args: RadioProps): JSX.Element;
|
|
24
|
-
storyName: string;
|
|
25
|
-
};
|
|
26
|
-
export declare const RadioHasError: {
|
|
27
|
-
(args: RadioProps): JSX.Element;
|
|
28
|
-
storyName: string;
|
|
29
|
-
};
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { Radio } from './radio';
|
|
3
|
-
import { argTypes } from './radio.csf';
|
|
4
|
-
export default {
|
|
5
|
-
title: 'Components/Atoms/Radio',
|
|
6
|
-
argTypes: Object.assign({}, argTypes),
|
|
7
|
-
component: Radio
|
|
8
|
-
};
|
|
9
|
-
export const RadioDefault = (args) => {
|
|
10
|
-
return (React.createElement("div", { className: "p-16 flex flex-col" },
|
|
11
|
-
React.createElement(Radio, Object.assign({}, args, { id: "form-radio", name: "input-name" }))));
|
|
12
|
-
};
|
|
13
|
-
RadioDefault.storyName = 'Radio';
|
|
14
|
-
export const RadioChildren = (args) => {
|
|
15
|
-
return (React.createElement("div", { className: "p-16" },
|
|
16
|
-
React.createElement(Radio, Object.assign({}, args, { id: "form-radio", name: "input-name" }),
|
|
17
|
-
React.createElement("div", null,
|
|
18
|
-
React.createElement("p", null,
|
|
19
|
-
"I declare that I read and accept uncondicionally",
|
|
20
|
-
' ',
|
|
21
|
-
React.createElement("a", { target: "_blank", className: "underline text-primary-600", href: "http://google.com", rel: "noreferrer" }, "Terms"),
|
|
22
|
-
' ',
|
|
23
|
-
"and",
|
|
24
|
-
' ',
|
|
25
|
-
React.createElement("a", { target: "_blank", className: "underline text-primary-600", href: "http://google.com", rel: "noreferrer" }, "Conditions"),
|
|
26
|
-
' ',
|
|
27
|
-
"of Agora Design System.")))));
|
|
28
|
-
};
|
|
29
|
-
RadioChildren.storyName = 'Radio Custom Children';
|
|
30
|
-
export const RadioNoLabel = (args) => {
|
|
31
|
-
return (React.createElement("div", { className: "p-16" },
|
|
32
|
-
React.createElement(Radio, Object.assign({}, args, { id: "form-radio", name: "input-name", hideLabel: true }))));
|
|
33
|
-
};
|
|
34
|
-
RadioNoLabel.storyName = 'Radio No Label';
|
|
35
|
-
export const RadioDisabled = (args) => {
|
|
36
|
-
return (React.createElement("div", { className: "p-16" },
|
|
37
|
-
React.createElement(Radio, Object.assign({}, args, { id: "form-radio", name: "input-name", disabled: true }))));
|
|
38
|
-
};
|
|
39
|
-
RadioDisabled.storyName = 'Radio Disabled';
|
|
40
|
-
export const RadioDisabledSelected = (args) => {
|
|
41
|
-
return (React.createElement("div", { className: "p-16" },
|
|
42
|
-
React.createElement(Radio, Object.assign({}, args, { id: "form-radio", name: "input-name", disabled: true, isChecked: true }))));
|
|
43
|
-
};
|
|
44
|
-
RadioDisabledSelected.storyName = 'Radio Disabled Selected';
|
|
45
|
-
export const RadioHasError = (args) => {
|
|
46
|
-
return (React.createElement("div", { className: "p-16" },
|
|
47
|
-
React.createElement(Radio, Object.assign({}, args, { id: "form-radio", name: "input-name", hasError: true }))));
|
|
48
|
-
};
|
|
49
|
-
RadioHasError.storyName = 'Radio Has Error';
|
|
50
|
-
//# sourceMappingURL=radio.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"radio.stories.js","sourceRoot":"","sources":["../../../../../../src/components/ui/atoms/radio/radio.stories.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,KAAK,EAAc,MAAM,SAAS,CAAC;AAC5C,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AAEvC,eAAe;IACb,KAAK,EAAE,wBAAwB;IAC/B,QAAQ,oBACH,QAAQ,CACZ;IACD,SAAS,EAAE,KAAK;CACc,CAAC;AAEjC,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAgB,EAAE,EAAE;IAC/C,OAAO,CACL,6BAAK,SAAS,EAAC,oBAAoB;QACjC,oBAAC,KAAK,oBAAK,IAAI,IAAE,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY,IAAG,CACjD,CACP,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,SAAS,GAAG,OAAO,CAAC;AAEjC,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAgB,EAAE,EAAE;IAChD,OAAO,CACL,6BAAK,SAAS,EAAC,MAAM;QACnB,oBAAC,KAAK,oBAAK,IAAI,IAAE,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY;YAChD;gBACE;;oBACmD,GAAG;oBACpD,2BAAG,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAC,mBAAmB,EAAC,GAAG,EAAC,YAAY,YAE/F;oBAAC,GAAG;;oBACJ,GAAG;oBACP,2BAAG,MAAM,EAAC,QAAQ,EAAC,SAAS,EAAC,4BAA4B,EAAC,IAAI,EAAC,mBAAmB,EAAC,GAAG,EAAC,YAAY,iBAE/F;oBAAC,GAAG;8CAEN,CACA,CACA,CACJ,CACP,CAAC;AACJ,CAAC,CAAC;AACF,aAAa,CAAC,SAAS,GAAG,uBAAuB,CAAC;AAElD,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,IAAgB,EAAE,EAAE;IAC/C,OAAO,CACL,6BAAK,SAAS,EAAC,MAAM;QACnB,oBAAC,KAAK,oBAAK,IAAI,IAAE,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY,EAAC,SAAS,UAAG,CAC3D,CACP,CAAC;AACJ,CAAC,CAAC;AACF,YAAY,CAAC,SAAS,GAAG,gBAAgB,CAAC;AAE1C,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAgB,EAAE,EAAE;IAChD,OAAO,CACL,6BAAK,SAAS,EAAC,MAAM;QACnB,oBAAC,KAAK,oBAAK,IAAI,IAAE,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY,EAAC,QAAQ,UAAG,CAC1D,CACP,CAAC;AACJ,CAAC,CAAC;AACF,aAAa,CAAC,SAAS,GAAG,gBAAgB,CAAC;AAE3C,MAAM,CAAC,MAAM,qBAAqB,GAAG,CAAC,IAAgB,EAAE,EAAE;IACxD,OAAO,CACL,6BAAK,SAAS,EAAC,MAAM;QACnB,oBAAC,KAAK,oBAAK,IAAI,IAAE,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY,EAAC,QAAQ,QAAC,SAAS,UAAG,CACpE,CACP,CAAC;AACJ,CAAC,CAAC;AACF,qBAAqB,CAAC,SAAS,GAAG,yBAAyB,CAAC;AAE5D,MAAM,CAAC,MAAM,aAAa,GAAG,CAAC,IAAgB,EAAE,EAAE;IAChD,OAAO,CACL,6BAAK,SAAS,EAAC,MAAM;QACnB,oBAAC,KAAK,oBAAK,IAAI,IAAE,EAAE,EAAC,YAAY,EAAC,IAAI,EAAC,YAAY,EAAC,QAAQ,UAAG,CAC1D,CACP,CAAC;AACJ,CAAC,CAAC;AACF,aAAa,CAAC,SAAS,GAAG,iBAAiB,CAAC"}
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
import { ComponentMeta, Story } from '@storybook/react';
|
|
3
|
-
import { AccordionItems, AccordionProps, AccordionTagsProps } from './accordion';
|
|
4
|
-
declare const _default: ComponentMeta<({ accordionItems, headerTag: Component, type, rootAccordionClassName, headerTitleClassName, contentClassName, chevronName, accordionItemClassName }: AccordionProps & {
|
|
5
|
-
headerTag: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
6
|
-
} & {
|
|
7
|
-
children?: React.ReactNode;
|
|
8
|
-
} & AccordionItems) => JSX.Element>;
|
|
9
|
-
export default _default;
|
|
10
|
-
export declare const SingleAccordion: Story<AccordionProps & AccordionTagsProps & AccordionItems>;
|
|
11
|
-
export declare const AccordionGroup: Story<AccordionProps & AccordionTagsProps & AccordionItems>;
|