@mirai/ui 1.0.221 → 1.1.0-beta
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/build/components/Action/Action.js +5 -3
- package/build/components/Action/Action.js.map +1 -1
- package/build/components/Action/Action.module.css +49 -50
- package/build/components/Action/Action.stories.js +8 -5
- package/build/components/Action/Action.stories.js.map +1 -1
- package/build/components/Action/__tests__/__snapshots__/Action.test.js.snap +40 -26
- package/build/components/Button/Button.js +7 -5
- package/build/components/Button/Button.js.map +1 -1
- package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap +30 -19
- package/build/components/Calendar/Calendar.Month.js +6 -4
- package/build/components/Calendar/Calendar.Month.js.map +1 -1
- package/build/components/Calendar/Calendar.Week.js +6 -6
- package/build/components/Calendar/Calendar.Week.js.map +1 -1
- package/build/components/Calendar/Calendar.Weekdays.js +6 -3
- package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
- package/build/components/Calendar/Calendar.js +3 -3
- package/build/components/Calendar/Calendar.js.map +1 -1
- package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +15608 -15576
- package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +9 -9
- package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +42 -42
- package/build/components/InputNumber/InputNumber.js +9 -7
- package/build/components/InputNumber/InputNumber.js.map +1 -1
- package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +129 -114
- package/build/components/InputOption/InputOption.js +7 -4
- package/build/components/InputOption/InputOption.js.map +1 -1
- package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +84 -71
- package/build/components/InputPhone/InputPhone.js +11 -11
- package/build/components/InputPhone/InputPhone.js.map +1 -1
- package/build/components/InputPhone/__tests__/__snapshots__/InputPhone.test.js.snap +331 -331
- package/build/components/InputSelect/InputSelect.js +7 -7
- package/build/components/InputSelect/InputSelect.js.map +1 -1
- package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +112 -112
- package/build/components/InputText/InputText.js +10 -10
- package/build/components/InputText/InputText.js.map +1 -1
- package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +131 -130
- package/build/components/InputText/partials/InputText.Hint.js +5 -2
- package/build/components/InputText/partials/InputText.Hint.js.map +1 -1
- package/build/components/InputText/partials/InputText.IconState.js +5 -2
- package/build/components/InputText/partials/InputText.IconState.js.map +1 -1
- package/build/components/InputText/partials/InputText.Label.js +6 -3
- package/build/components/InputText/partials/InputText.Label.js.map +1 -1
- package/build/components/Menu/Menu.Option.js +8 -5
- package/build/components/Menu/Menu.Option.js.map +1 -1
- package/build/components/Menu/Menu.js +6 -3
- package/build/components/Menu/Menu.js.map +1 -1
- package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +68 -55
- package/build/components/Modal/Modal.js +8 -8
- package/build/components/Modal/Modal.js.map +1 -1
- package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +88 -69
- package/build/components/Notification/Notification.js +8 -5
- package/build/components/Notification/Notification.js.map +1 -1
- package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +143 -142
- package/build/components/Progress/Progress.js +6 -3
- package/build/components/Progress/Progress.js.map +1 -1
- package/build/components/Progress/__tests__/__snapshots__/Progress.test.jsx.snap +18 -18
- package/build/components/Slider/Slider.js +11 -11
- package/build/components/Slider/Slider.js.map +1 -1
- package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +248 -230
- package/build/components/Table/Table.ColumnFilter.js +9 -9
- package/build/components/Table/Table.ColumnFilter.js.map +1 -1
- package/build/components/Table/Table.Filter.js +7 -4
- package/build/components/Table/Table.Filter.js.map +1 -1
- package/build/components/Table/Table.Row.js +7 -8
- package/build/components/Table/Table.Row.js.map +1 -1
- package/build/components/Table/Table.js +3 -3
- package/build/components/Table/Table.js.map +1 -1
- package/build/components/Table/Table.stories.js +4 -5
- package/build/components/Table/Table.stories.js.map +1 -1
- package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +222 -192
- package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +971 -949
- package/build/components/Tooltip/Tooltip.js +4 -4
- package/build/components/Tooltip/Tooltip.js.map +1 -1
- package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +34 -24
- package/build/primitives/Checkbox/Checkbox.js +7 -3
- package/build/primitives/Checkbox/Checkbox.js.map +1 -1
- package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap +16 -16
- package/build/primitives/Icon/Icon.js +5 -3
- package/build/primitives/Icon/Icon.js.map +1 -1
- package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +60 -60
- package/build/primitives/Input/Input.js +2 -2
- package/build/primitives/Input/Input.js.map +1 -1
- package/build/primitives/Layer/Layer.js +4 -3
- package/build/primitives/Layer/Layer.js.map +1 -1
- package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +42 -36
- package/build/primitives/Pressable/Pressable.constants.js +1 -1
- package/build/primitives/Pressable/Pressable.constants.js.map +1 -1
- package/build/primitives/Pressable/Pressable.js +11 -5
- package/build/primitives/Pressable/Pressable.js.map +1 -1
- package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap +14 -10
- package/build/primitives/Primitive/Primitive.js +2 -2
- package/build/primitives/Primitive/Primitive.js.map +1 -1
- package/build/primitives/Primitive/Primitive.module.css +241 -0
- package/build/primitives/Primitive/__tests__/__snapshots__/Primitive.test.js.snap +7 -7
- package/build/primitives/Primitive/helpers/getTag.js +32 -0
- package/build/primitives/Primitive/helpers/getTag.js.map +1 -0
- package/build/primitives/Primitive/helpers/index.js +11 -0
- package/build/primitives/Primitive/helpers/index.js.map +1 -1
- package/build/primitives/Radio/Radio.js +8 -5
- package/build/primitives/Radio/Radio.js.map +1 -1
- package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap +21 -21
- package/build/primitives/ScrollView/ScrollView.js +3 -3
- package/build/primitives/ScrollView/ScrollView.js.map +1 -1
- package/build/primitives/ScrollView/ScrollView.stories.js +6 -5
- package/build/primitives/ScrollView/ScrollView.stories.js.map +1 -1
- package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap +20 -20
- package/build/primitives/Select/Select.js +2 -2
- package/build/primitives/Select/Select.js.map +1 -1
- package/build/primitives/Switch/Switch.js +8 -5
- package/build/primitives/Switch/Switch.js.map +1 -1
- package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap +25 -25
- package/build/primitives/Text/Text.js +7 -4
- package/build/primitives/Text/Text.js.map +1 -1
- package/build/primitives/Text/Text.module.css +4 -4
- package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +38 -38
- package/build/primitives/View/View.js +5 -3
- package/build/primitives/View/View.js.map +1 -1
- package/build/primitives/View/__tests__/__snapshots__/View.test.js.snap +10 -10
- package/package.json +5 -1
|
@@ -2,13 +2,13 @@
|
|
|
2
2
|
|
|
3
3
|
exports[`component:<InputText> inherit:className 1`] = `
|
|
4
4
|
<DocumentFragment>
|
|
5
|
-
<
|
|
5
|
+
<ui_view
|
|
6
6
|
class="view inputContainer mirai"
|
|
7
7
|
>
|
|
8
|
-
<
|
|
8
|
+
<ui_view
|
|
9
9
|
class="view row inputBorder"
|
|
10
10
|
>
|
|
11
|
-
<
|
|
11
|
+
<ui_view
|
|
12
12
|
class="view wide content"
|
|
13
13
|
>
|
|
14
14
|
<input
|
|
@@ -17,26 +17,26 @@ exports[`component:<InputText> inherit:className 1`] = `
|
|
|
17
17
|
type="text"
|
|
18
18
|
value=""
|
|
19
19
|
/>
|
|
20
|
-
</
|
|
21
|
-
</
|
|
22
|
-
</
|
|
20
|
+
</ui_view>
|
|
21
|
+
</ui_view>
|
|
22
|
+
</ui_view>
|
|
23
23
|
</DocumentFragment>
|
|
24
24
|
`;
|
|
25
25
|
|
|
26
26
|
exports[`component:<InputText> prop:caption 1`] = `
|
|
27
27
|
<DocumentFragment>
|
|
28
|
-
<
|
|
28
|
+
<ui_view
|
|
29
29
|
class="view inputContainer"
|
|
30
30
|
>
|
|
31
|
-
<
|
|
31
|
+
<ui_view
|
|
32
32
|
class="view row inputBorder"
|
|
33
33
|
>
|
|
34
|
-
<
|
|
34
|
+
<ui_text
|
|
35
35
|
class="text action lighten caption"
|
|
36
36
|
>
|
|
37
37
|
caption
|
|
38
|
-
</
|
|
39
|
-
<
|
|
38
|
+
</ui_text>
|
|
39
|
+
<ui_view
|
|
40
40
|
class="view wide content"
|
|
41
41
|
>
|
|
42
42
|
<input
|
|
@@ -45,21 +45,21 @@ exports[`component:<InputText> prop:caption 1`] = `
|
|
|
45
45
|
type="text"
|
|
46
46
|
value=""
|
|
47
47
|
/>
|
|
48
|
-
</
|
|
49
|
-
</
|
|
50
|
-
</
|
|
48
|
+
</ui_view>
|
|
49
|
+
</ui_view>
|
|
50
|
+
</ui_view>
|
|
51
51
|
</DocumentFragment>
|
|
52
52
|
`;
|
|
53
53
|
|
|
54
54
|
exports[`component:<InputText> prop:disabled 1`] = `
|
|
55
55
|
<DocumentFragment>
|
|
56
|
-
<
|
|
56
|
+
<ui_view
|
|
57
57
|
class="view inputContainer"
|
|
58
58
|
>
|
|
59
|
-
<
|
|
59
|
+
<ui_view
|
|
60
60
|
class="view row inputBorder disabled"
|
|
61
61
|
>
|
|
62
|
-
<
|
|
62
|
+
<ui_view
|
|
63
63
|
class="view wide content"
|
|
64
64
|
>
|
|
65
65
|
<input
|
|
@@ -69,21 +69,21 @@ exports[`component:<InputText> prop:disabled 1`] = `
|
|
|
69
69
|
type="text"
|
|
70
70
|
value=""
|
|
71
71
|
/>
|
|
72
|
-
</
|
|
73
|
-
</
|
|
74
|
-
</
|
|
72
|
+
</ui_view>
|
|
73
|
+
</ui_view>
|
|
74
|
+
</ui_view>
|
|
75
75
|
</DocumentFragment>
|
|
76
76
|
`;
|
|
77
77
|
|
|
78
78
|
exports[`component:<InputText> prop:error 1`] = `
|
|
79
79
|
<DocumentFragment>
|
|
80
|
-
<
|
|
80
|
+
<ui_view
|
|
81
81
|
class="view inputContainer"
|
|
82
82
|
>
|
|
83
|
-
<
|
|
83
|
+
<ui_view
|
|
84
84
|
class="view row inputBorder error"
|
|
85
85
|
>
|
|
86
|
-
<
|
|
86
|
+
<ui_view
|
|
87
87
|
class="view wide content"
|
|
88
88
|
>
|
|
89
89
|
<input
|
|
@@ -92,8 +92,8 @@ exports[`component:<InputText> prop:error 1`] = `
|
|
|
92
92
|
type="text"
|
|
93
93
|
value=""
|
|
94
94
|
/>
|
|
95
|
-
</
|
|
96
|
-
<
|
|
95
|
+
</ui_view>
|
|
96
|
+
<ui_icon
|
|
97
97
|
class="icon headline-3 icon error"
|
|
98
98
|
>
|
|
99
99
|
<svg
|
|
@@ -113,21 +113,21 @@ exports[`component:<InputText> prop:error 1`] = `
|
|
|
113
113
|
d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
|
|
114
114
|
/>
|
|
115
115
|
</svg>
|
|
116
|
-
</
|
|
117
|
-
</
|
|
118
|
-
</
|
|
116
|
+
</ui_icon>
|
|
117
|
+
</ui_view>
|
|
118
|
+
</ui_view>
|
|
119
119
|
</DocumentFragment>
|
|
120
120
|
`;
|
|
121
121
|
|
|
122
122
|
exports[`component:<InputText> prop:hint 1`] = `
|
|
123
123
|
<DocumentFragment>
|
|
124
|
-
<
|
|
124
|
+
<ui_view
|
|
125
125
|
class="view inputContainer"
|
|
126
126
|
>
|
|
127
|
-
<
|
|
127
|
+
<ui_view
|
|
128
128
|
class="view row inputBorder"
|
|
129
129
|
>
|
|
130
|
-
<
|
|
130
|
+
<ui_view
|
|
131
131
|
class="view wide content"
|
|
132
132
|
>
|
|
133
133
|
<input
|
|
@@ -136,26 +136,26 @@ exports[`component:<InputText> prop:hint 1`] = `
|
|
|
136
136
|
type="text"
|
|
137
137
|
value=""
|
|
138
138
|
/>
|
|
139
|
-
</
|
|
140
|
-
</
|
|
141
|
-
<
|
|
139
|
+
</ui_view>
|
|
140
|
+
</ui_view>
|
|
141
|
+
<ui_text
|
|
142
142
|
class="text small text hint"
|
|
143
143
|
>
|
|
144
144
|
hint
|
|
145
|
-
</
|
|
146
|
-
</
|
|
145
|
+
</ui_text>
|
|
146
|
+
</ui_view>
|
|
147
147
|
</DocumentFragment>
|
|
148
148
|
`;
|
|
149
149
|
|
|
150
150
|
exports[`component:<InputText> prop:icon 1`] = `
|
|
151
151
|
<DocumentFragment>
|
|
152
|
-
<
|
|
152
|
+
<ui_view
|
|
153
153
|
class="view inputContainer"
|
|
154
154
|
>
|
|
155
|
-
<
|
|
155
|
+
<ui_view
|
|
156
156
|
class="view row inputBorder"
|
|
157
157
|
>
|
|
158
|
-
<
|
|
158
|
+
<ui_icon
|
|
159
159
|
class="icon headline-3 icon left"
|
|
160
160
|
>
|
|
161
161
|
<svg
|
|
@@ -175,8 +175,8 @@ exports[`component:<InputText> prop:icon 1`] = `
|
|
|
175
175
|
d="M12 6a9.77 9.77 0 018.82 5.5C19.17 14.87 15.79 17 12 17s-7.17-2.13-8.82-5.5A9.77 9.77 0 0112 6m0-2C7 4 2.73 7.11 1 11.5 2.73 15.89 7 19 12 19s9.27-3.11 11-7.5C21.27 7.11 17 4 12 4zm0 5a2.5 2.5 0 010 5 2.5 2.5 0 010-5m0-2c-2.48 0-4.5 2.02-4.5 4.5S9.52 16 12 16s4.5-2.02 4.5-4.5S14.48 7 12 7z"
|
|
176
176
|
/>
|
|
177
177
|
</svg>
|
|
178
|
-
</
|
|
179
|
-
<
|
|
178
|
+
</ui_icon>
|
|
179
|
+
<ui_view
|
|
180
180
|
class="view wide content"
|
|
181
181
|
>
|
|
182
182
|
<input
|
|
@@ -185,49 +185,49 @@ exports[`component:<InputText> prop:icon 1`] = `
|
|
|
185
185
|
type="text"
|
|
186
186
|
value=""
|
|
187
187
|
/>
|
|
188
|
-
</
|
|
189
|
-
</
|
|
190
|
-
</
|
|
188
|
+
</ui_view>
|
|
189
|
+
</ui_view>
|
|
190
|
+
</ui_view>
|
|
191
191
|
</DocumentFragment>
|
|
192
192
|
`;
|
|
193
193
|
|
|
194
194
|
exports[`component:<InputText> prop:label 1`] = `
|
|
195
195
|
<DocumentFragment>
|
|
196
|
-
<
|
|
196
|
+
<ui_view
|
|
197
197
|
class="view inputContainer"
|
|
198
198
|
>
|
|
199
|
-
<
|
|
199
|
+
<ui_view
|
|
200
200
|
class="view row inputBorder"
|
|
201
201
|
>
|
|
202
|
-
<
|
|
202
|
+
<ui_view
|
|
203
203
|
class="view wide content"
|
|
204
204
|
>
|
|
205
|
-
<
|
|
205
|
+
<ui_text
|
|
206
206
|
class="text paragraph text label"
|
|
207
207
|
>
|
|
208
208
|
label
|
|
209
|
-
</
|
|
209
|
+
</ui_text>
|
|
210
210
|
<input
|
|
211
211
|
class="input input withLabel"
|
|
212
212
|
name="name"
|
|
213
213
|
type="text"
|
|
214
214
|
value=""
|
|
215
215
|
/>
|
|
216
|
-
</
|
|
217
|
-
</
|
|
218
|
-
</
|
|
216
|
+
</ui_view>
|
|
217
|
+
</ui_view>
|
|
218
|
+
</ui_view>
|
|
219
219
|
</DocumentFragment>
|
|
220
220
|
`;
|
|
221
221
|
|
|
222
222
|
exports[`component:<InputText> prop:markdown 1`] = `
|
|
223
223
|
<DocumentFragment>
|
|
224
|
-
<
|
|
224
|
+
<ui_view
|
|
225
225
|
class="view inputContainer"
|
|
226
226
|
>
|
|
227
|
-
<
|
|
227
|
+
<ui_view
|
|
228
228
|
class="view row inputBorder"
|
|
229
229
|
>
|
|
230
|
-
<
|
|
230
|
+
<ui_view
|
|
231
231
|
class="view wide content"
|
|
232
232
|
>
|
|
233
233
|
<input
|
|
@@ -236,11 +236,12 @@ exports[`component:<InputText> prop:markdown 1`] = `
|
|
|
236
236
|
type="text"
|
|
237
237
|
value=""
|
|
238
238
|
/>
|
|
239
|
-
</
|
|
240
|
-
<
|
|
239
|
+
</ui_view>
|
|
240
|
+
<ui_pressable
|
|
241
241
|
class="pressable"
|
|
242
|
+
tabindex="0"
|
|
242
243
|
>
|
|
243
|
-
<
|
|
244
|
+
<ui_icon
|
|
244
245
|
class="icon headline-3 icon disabled"
|
|
245
246
|
>
|
|
246
247
|
<svg
|
|
@@ -256,46 +257,46 @@ exports[`component:<InputText> prop:markdown 1`] = `
|
|
|
256
257
|
d="M 2.875 6 C 1.320313 6 0 7.253906 0 8.8125 L 0 23.1875 C 0 24.746094 1.320313 26 2.875 26 L 29.125 26 C 30.679688 26 32 24.746094 32 23.1875 L 32 8.8125 C 32 7.253906 30.679688 6 29.125 6 Z M 2.875 8 L 29.125 8 C 29.640625 8 30 8.382813 30 8.8125 L 30 23.1875 C 30 23.617188 29.640625 24 29.125 24 L 2.875 24 C 2.359375 24 2 23.617188 2 23.1875 L 2 8.8125 C 2 8.382813 2.359375 8 2.875 8 Z M 5 11 L 5 21 L 8 21 L 8 14.34375 L 11 18.3125 L 14 14.34375 L 14 21 L 17 21 L 17 11 L 14 11 L 11 15 L 8 11 Z M 22 11 L 22 16 L 19 16 L 23.5 21 L 28 16 L 25 16 L 25 11 Z"
|
|
257
258
|
/>
|
|
258
259
|
</svg>
|
|
259
|
-
</
|
|
260
|
-
</
|
|
261
|
-
</
|
|
262
|
-
</
|
|
260
|
+
</ui_icon>
|
|
261
|
+
</ui_pressable>
|
|
262
|
+
</ui_view>
|
|
263
|
+
</ui_view>
|
|
263
264
|
</DocumentFragment>
|
|
264
265
|
`;
|
|
265
266
|
|
|
266
267
|
exports[`component:<InputText> prop:multiLine 1`] = `
|
|
267
268
|
<DocumentFragment>
|
|
268
|
-
<
|
|
269
|
+
<ui_view
|
|
269
270
|
class="view inputContainer"
|
|
270
271
|
>
|
|
271
|
-
<
|
|
272
|
+
<ui_view
|
|
272
273
|
class="view row inputBorder"
|
|
273
274
|
>
|
|
274
|
-
<
|
|
275
|
+
<ui_view
|
|
275
276
|
class="view wide content"
|
|
276
277
|
>
|
|
277
278
|
<textarea
|
|
278
279
|
class="input input multiLine"
|
|
279
280
|
name="name"
|
|
280
281
|
/>
|
|
281
|
-
</
|
|
282
|
-
</
|
|
283
|
-
</
|
|
282
|
+
</ui_view>
|
|
283
|
+
</ui_view>
|
|
284
|
+
</ui_view>
|
|
284
285
|
</DocumentFragment>
|
|
285
286
|
`;
|
|
286
287
|
|
|
287
288
|
exports[`component:<InputText> prop:required & prop:showRequired (true) 1`] = `
|
|
288
289
|
<DocumentFragment>
|
|
289
|
-
<
|
|
290
|
+
<ui_view
|
|
290
291
|
class="view inputContainer"
|
|
291
292
|
>
|
|
292
|
-
<
|
|
293
|
+
<ui_view
|
|
293
294
|
class="view row inputBorder"
|
|
294
295
|
>
|
|
295
|
-
<
|
|
296
|
+
<ui_view
|
|
296
297
|
class="view wide content"
|
|
297
298
|
>
|
|
298
|
-
<
|
|
299
|
+
<ui_text
|
|
299
300
|
class="text paragraph text label"
|
|
300
301
|
>
|
|
301
302
|
label
|
|
@@ -304,7 +305,7 @@ exports[`component:<InputText> prop:required & prop:showRequired (true) 1`] = `
|
|
|
304
305
|
>
|
|
305
306
|
*
|
|
306
307
|
</span>
|
|
307
|
-
</
|
|
308
|
+
</ui_text>
|
|
308
309
|
<input
|
|
309
310
|
class="input input withLabel"
|
|
310
311
|
name="name"
|
|
@@ -312,28 +313,28 @@ exports[`component:<InputText> prop:required & prop:showRequired (true) 1`] = `
|
|
|
312
313
|
type="text"
|
|
313
314
|
value=""
|
|
314
315
|
/>
|
|
315
|
-
</
|
|
316
|
-
</
|
|
317
|
-
</
|
|
316
|
+
</ui_view>
|
|
317
|
+
</ui_view>
|
|
318
|
+
</ui_view>
|
|
318
319
|
</DocumentFragment>
|
|
319
320
|
`;
|
|
320
321
|
|
|
321
322
|
exports[`component:<InputText> prop:required 1`] = `
|
|
322
323
|
<DocumentFragment>
|
|
323
|
-
<
|
|
324
|
+
<ui_view
|
|
324
325
|
class="view inputContainer"
|
|
325
326
|
>
|
|
326
|
-
<
|
|
327
|
+
<ui_view
|
|
327
328
|
class="view row inputBorder"
|
|
328
329
|
>
|
|
329
|
-
<
|
|
330
|
+
<ui_view
|
|
330
331
|
class="view wide content"
|
|
331
332
|
>
|
|
332
|
-
<
|
|
333
|
+
<ui_text
|
|
333
334
|
class="text paragraph text label"
|
|
334
335
|
>
|
|
335
336
|
label
|
|
336
|
-
</
|
|
337
|
+
</ui_text>
|
|
337
338
|
<input
|
|
338
339
|
class="input input withLabel"
|
|
339
340
|
name="name"
|
|
@@ -341,21 +342,21 @@ exports[`component:<InputText> prop:required 1`] = `
|
|
|
341
342
|
type="text"
|
|
342
343
|
value=""
|
|
343
344
|
/>
|
|
344
|
-
</
|
|
345
|
-
</
|
|
346
|
-
</
|
|
345
|
+
</ui_view>
|
|
346
|
+
</ui_view>
|
|
347
|
+
</ui_view>
|
|
347
348
|
</DocumentFragment>
|
|
348
349
|
`;
|
|
349
350
|
|
|
350
351
|
exports[`component:<InputText> prop:showState (false) 1`] = `
|
|
351
352
|
<DocumentFragment>
|
|
352
|
-
<
|
|
353
|
+
<ui_view
|
|
353
354
|
class="view inputContainer"
|
|
354
355
|
>
|
|
355
|
-
<
|
|
356
|
+
<ui_view
|
|
356
357
|
class="view row inputBorder error"
|
|
357
358
|
>
|
|
358
|
-
<
|
|
359
|
+
<ui_view
|
|
359
360
|
class="view wide content"
|
|
360
361
|
>
|
|
361
362
|
<input
|
|
@@ -364,8 +365,8 @@ exports[`component:<InputText> prop:showState (false) 1`] = `
|
|
|
364
365
|
type="text"
|
|
365
366
|
value=""
|
|
366
367
|
/>
|
|
367
|
-
</
|
|
368
|
-
<
|
|
368
|
+
</ui_view>
|
|
369
|
+
<ui_icon
|
|
369
370
|
class="icon headline-3 icon error"
|
|
370
371
|
>
|
|
371
372
|
<svg
|
|
@@ -385,21 +386,21 @@ exports[`component:<InputText> prop:showState (false) 1`] = `
|
|
|
385
386
|
d="M11 15h2v2h-2zm0-8h2v6h-2zm.99-5C6.47 2 2 6.48 2 12s4.47 10 9.99 10C17.52 22 22 17.52 22 12S17.52 2 11.99 2zM12 20c-4.42 0-8-3.58-8-8s3.58-8 8-8 8 3.58 8 8-3.58 8-8 8z"
|
|
386
387
|
/>
|
|
387
388
|
</svg>
|
|
388
|
-
</
|
|
389
|
-
</
|
|
390
|
-
</
|
|
389
|
+
</ui_icon>
|
|
390
|
+
</ui_view>
|
|
391
|
+
</ui_view>
|
|
391
392
|
</DocumentFragment>
|
|
392
393
|
`;
|
|
393
394
|
|
|
394
395
|
exports[`component:<InputText> prop:success 1`] = `
|
|
395
396
|
<DocumentFragment>
|
|
396
|
-
<
|
|
397
|
+
<ui_view
|
|
397
398
|
class="view inputContainer"
|
|
398
399
|
>
|
|
399
|
-
<
|
|
400
|
+
<ui_view
|
|
400
401
|
class="view row inputBorder"
|
|
401
402
|
>
|
|
402
|
-
<
|
|
403
|
+
<ui_view
|
|
403
404
|
class="view wide content"
|
|
404
405
|
>
|
|
405
406
|
<input
|
|
@@ -408,8 +409,8 @@ exports[`component:<InputText> prop:success 1`] = `
|
|
|
408
409
|
type="text"
|
|
409
410
|
value=""
|
|
410
411
|
/>
|
|
411
|
-
</
|
|
412
|
-
<
|
|
412
|
+
</ui_view>
|
|
413
|
+
<ui_icon
|
|
413
414
|
class="icon headline-3 icon success"
|
|
414
415
|
>
|
|
415
416
|
<svg
|
|
@@ -429,21 +430,21 @@ exports[`component:<InputText> prop:success 1`] = `
|
|
|
429
430
|
d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm4.59-12.42L10 14.17l-2.59-2.58L6 13l4 4 8-8z"
|
|
430
431
|
/>
|
|
431
432
|
</svg>
|
|
432
|
-
</
|
|
433
|
-
</
|
|
434
|
-
</
|
|
433
|
+
</ui_icon>
|
|
434
|
+
</ui_view>
|
|
435
|
+
</ui_view>
|
|
435
436
|
</DocumentFragment>
|
|
436
437
|
`;
|
|
437
438
|
|
|
438
439
|
exports[`component:<InputText> prop:type 1`] = `
|
|
439
440
|
<DocumentFragment>
|
|
440
|
-
<
|
|
441
|
+
<ui_view
|
|
441
442
|
class="view inputContainer"
|
|
442
443
|
>
|
|
443
|
-
<
|
|
444
|
+
<ui_view
|
|
444
445
|
class="view row inputBorder"
|
|
445
446
|
>
|
|
446
|
-
<
|
|
447
|
+
<ui_view
|
|
447
448
|
class="view wide content"
|
|
448
449
|
>
|
|
449
450
|
<input
|
|
@@ -452,12 +453,12 @@ exports[`component:<InputText> prop:type 1`] = `
|
|
|
452
453
|
type="password"
|
|
453
454
|
value=""
|
|
454
455
|
/>
|
|
455
|
-
</
|
|
456
|
-
<
|
|
456
|
+
</ui_view>
|
|
457
|
+
<ui_pressable
|
|
457
458
|
class="pressable"
|
|
458
459
|
tabindex="-1"
|
|
459
460
|
>
|
|
460
|
-
<
|
|
461
|
+
<ui_icon
|
|
461
462
|
class="icon headline-3 icon password"
|
|
462
463
|
>
|
|
463
464
|
<svg
|
|
@@ -477,22 +478,22 @@ exports[`component:<InputText> prop:type 1`] = `
|
|
|
477
478
|
d="M12 6a9.77 9.77 0 018.82 5.5 9.647 9.647 0 01-2.41 3.12l1.41 1.41c1.39-1.23 2.49-2.77 3.18-4.53C21.27 7.11 17 4 12 4c-1.27 0-2.49.2-3.64.57l1.65 1.65C10.66 6.09 11.32 6 12 6zm-1.07 1.14L13 9.21c.57.25 1.03.71 1.28 1.28l2.07 2.07c.08-.34.14-.7.14-1.07C16.5 9.01 14.48 7 12 7c-.37 0-.72.05-1.07.14zM2.01 3.87l2.68 2.68A11.738 11.738 0 001 11.5C2.73 15.89 7 19 12 19c1.52 0 2.98-.29 4.32-.82l3.42 3.42 1.41-1.41L3.42 2.45 2.01 3.87zm7.5 7.5l2.61 2.61c-.04.01-.08.02-.12.02a2.5 2.5 0 01-2.5-2.5c0-.05.01-.08.01-.13zm-3.4-3.4l1.75 1.75a4.6 4.6 0 00-.36 1.78 4.507 4.507 0 006.27 4.14l.98.98c-.88.24-1.8.38-2.75.38a9.77 9.77 0 01-8.82-5.5c.7-1.43 1.72-2.61 2.93-3.53z"
|
|
478
479
|
/>
|
|
479
480
|
</svg>
|
|
480
|
-
</
|
|
481
|
-
</
|
|
482
|
-
</
|
|
483
|
-
</
|
|
481
|
+
</ui_icon>
|
|
482
|
+
</ui_pressable>
|
|
483
|
+
</ui_view>
|
|
484
|
+
</ui_view>
|
|
484
485
|
</DocumentFragment>
|
|
485
486
|
`;
|
|
486
487
|
|
|
487
488
|
exports[`component:<InputText> prop:warning 1`] = `
|
|
488
489
|
<DocumentFragment>
|
|
489
|
-
<
|
|
490
|
+
<ui_view
|
|
490
491
|
class="view inputContainer"
|
|
491
492
|
>
|
|
492
|
-
<
|
|
493
|
+
<ui_view
|
|
493
494
|
class="view row inputBorder"
|
|
494
495
|
>
|
|
495
|
-
<
|
|
496
|
+
<ui_view
|
|
496
497
|
class="view wide content"
|
|
497
498
|
>
|
|
498
499
|
<input
|
|
@@ -501,8 +502,8 @@ exports[`component:<InputText> prop:warning 1`] = `
|
|
|
501
502
|
type="text"
|
|
502
503
|
value=""
|
|
503
504
|
/>
|
|
504
|
-
</
|
|
505
|
-
<
|
|
505
|
+
</ui_view>
|
|
506
|
+
<ui_icon
|
|
506
507
|
class="icon headline-3 icon warning"
|
|
507
508
|
>
|
|
508
509
|
<svg
|
|
@@ -518,21 +519,21 @@ exports[`component:<InputText> prop:warning 1`] = `
|
|
|
518
519
|
d="M12 5.99L19.53 19H4.47L12 5.99M12 2L1 21h22L12 2zm1 14h-2v2h2v-2zm0-6h-2v4h2v-4z"
|
|
519
520
|
/>
|
|
520
521
|
</svg>
|
|
521
|
-
</
|
|
522
|
-
</
|
|
523
|
-
</
|
|
522
|
+
</ui_icon>
|
|
523
|
+
</ui_view>
|
|
524
|
+
</ui_view>
|
|
524
525
|
</DocumentFragment>
|
|
525
526
|
`;
|
|
526
527
|
|
|
527
528
|
exports[`component:<InputText> renders 1`] = `
|
|
528
529
|
<DocumentFragment>
|
|
529
|
-
<
|
|
530
|
+
<ui_view
|
|
530
531
|
class="view inputContainer"
|
|
531
532
|
>
|
|
532
|
-
<
|
|
533
|
+
<ui_view
|
|
533
534
|
class="view row inputBorder"
|
|
534
535
|
>
|
|
535
|
-
<
|
|
536
|
+
<ui_view
|
|
536
537
|
class="view wide content"
|
|
537
538
|
>
|
|
538
539
|
<input
|
|
@@ -541,21 +542,21 @@ exports[`component:<InputText> renders 1`] = `
|
|
|
541
542
|
type="text"
|
|
542
543
|
value=""
|
|
543
544
|
/>
|
|
544
|
-
</
|
|
545
|
-
</
|
|
546
|
-
</
|
|
545
|
+
</ui_view>
|
|
546
|
+
</ui_view>
|
|
547
|
+
</ui_view>
|
|
547
548
|
</DocumentFragment>
|
|
548
549
|
`;
|
|
549
550
|
|
|
550
551
|
exports[`component:<InputText> testId 1`] = `
|
|
551
552
|
<DocumentFragment>
|
|
552
|
-
<
|
|
553
|
+
<ui_view
|
|
553
554
|
class="view inputContainer"
|
|
554
555
|
>
|
|
555
|
-
<
|
|
556
|
+
<ui_view
|
|
556
557
|
class="view row inputBorder"
|
|
557
558
|
>
|
|
558
|
-
<
|
|
559
|
+
<ui_view
|
|
559
560
|
class="view wide content"
|
|
560
561
|
>
|
|
561
562
|
<input
|
|
@@ -565,8 +566,8 @@ exports[`component:<InputText> testId 1`] = `
|
|
|
565
566
|
type="text"
|
|
566
567
|
value=""
|
|
567
568
|
/>
|
|
568
|
-
</
|
|
569
|
-
</
|
|
570
|
-
</
|
|
569
|
+
</ui_view>
|
|
570
|
+
</ui_view>
|
|
571
|
+
</ui_view>
|
|
571
572
|
</DocumentFragment>
|
|
572
573
|
`;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -8,8 +9,10 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
8
9
|
var _react = _interopRequireDefault(require("react"));
|
|
9
10
|
var _helpers = require("../../../helpers");
|
|
10
11
|
var _primitives = require("../../../primitives");
|
|
11
|
-
var
|
|
12
|
+
var style = _interopRequireWildcard(require("../InputText.module.css"));
|
|
12
13
|
var _excluded = ["disabled", "error", "hint"];
|
|
14
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
15
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
13
16
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
14
17
|
function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
|
|
15
18
|
function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
|
|
@@ -20,7 +23,7 @@ var Hint = function Hint(_ref) {
|
|
|
20
23
|
others = _objectWithoutProperties(_ref, _excluded);
|
|
21
24
|
return /*#__PURE__*/_react.default.createElement(_primitives.Text, {
|
|
22
25
|
small: true,
|
|
23
|
-
className: (0, _helpers.styles)(
|
|
26
|
+
className: (0, _helpers.styles)(style.text, style.hint, disabled && style.disabled, error && style.error, others.className)
|
|
24
27
|
}, hint);
|
|
25
28
|
};
|
|
26
29
|
exports.Hint = Hint;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InputText.Hint.js","names":["Hint","disabled","error","hint","others","styles","style","text","className","displayName","propTypes","PropTypes","bool","string"],"sources":["../../../../src/components/InputText/partials/InputText.Hint.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../../helpers';\nimport { Text } from '../../../primitives';\nimport style from '../InputText.module.css';\n\nconst Hint = ({ disabled, error, hint, ...others }) => (\n <Text\n small\n className={styles(style.text, style.hint, disabled && style.disabled, error && style.error, others.className)}\n >\n {hint}\n </Text>\n);\n\nHint.displayName = 'Component:InputText.Hint';\n\nHint.propTypes = {\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n hint: PropTypes.string,\n};\n\nexport { Hint };\n"],"mappings":"
|
|
1
|
+
{"version":3,"file":"InputText.Hint.js","names":["Hint","disabled","error","hint","others","styles","style","text","className","displayName","propTypes","PropTypes","bool","string"],"sources":["../../../../src/components/InputText/partials/InputText.Hint.jsx"],"sourcesContent":["import PropTypes from 'prop-types';\nimport React from 'react';\n\nimport { styles } from '../../../helpers';\nimport { Text } from '../../../primitives';\nimport * as style from '../InputText.module.css';\n\nconst Hint = ({ disabled, error, hint, ...others }) => (\n <Text\n small\n className={styles(style.text, style.hint, disabled && style.disabled, error && style.error, others.className)}\n >\n {hint}\n </Text>\n);\n\nHint.displayName = 'Component:InputText.Hint';\n\nHint.propTypes = {\n disabled: PropTypes.bool,\n error: PropTypes.bool,\n hint: PropTypes.string,\n};\n\nexport { Hint };\n"],"mappings":";;;;;;;AAAA;AACA;AAEA;AACA;AACA;AAAiD;AAAA;AAAA;AAAA;AAAA;AAAA;AAEjD,IAAMA,IAAI,GAAG,SAAPA,IAAI;EAAA,IAAMC,QAAQ,QAARA,QAAQ;IAAEC,KAAK,QAALA,KAAK;IAAEC,IAAI,QAAJA,IAAI;IAAKC,MAAM;EAAA,oBAC9C,6BAAC,gBAAI;IACH,KAAK;IACL,SAAS,EAAE,IAAAC,eAAM,EAACC,KAAK,CAACC,IAAI,EAAED,KAAK,CAACH,IAAI,EAAEF,QAAQ,IAAIK,KAAK,CAACL,QAAQ,EAAEC,KAAK,IAAII,KAAK,CAACJ,KAAK,EAAEE,MAAM,CAACI,SAAS;EAAE,GAE7GL,IAAI,CACA;AAAA,CACR;AAAC;AAEFH,IAAI,CAACS,WAAW,GAAG,0BAA0B;AAE7CT,IAAI,CAACU,SAAS,GAAG;EACfT,QAAQ,EAAEU,kBAAS,CAACC,IAAI;EACxBV,KAAK,EAAES,kBAAS,CAACC,IAAI;EACrBT,IAAI,EAAEQ,kBAAS,CAACE;AAClB,CAAC"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
@@ -8,7 +9,9 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
|
8
9
|
var _react = _interopRequireDefault(require("react"));
|
|
9
10
|
var _helpers = require("../../../helpers");
|
|
10
11
|
var _primitives = require("../../../primitives");
|
|
11
|
-
var
|
|
12
|
+
var style = _interopRequireWildcard(require("../InputText.module.css"));
|
|
13
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
14
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
12
15
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
13
16
|
var IconState = function IconState(_ref) {
|
|
14
17
|
var error = _ref.error,
|
|
@@ -20,7 +23,7 @@ var IconState = function IconState(_ref) {
|
|
|
20
23
|
success: success,
|
|
21
24
|
warning: warning
|
|
22
25
|
}),
|
|
23
|
-
className: (0, _helpers.styles)(
|
|
26
|
+
className: (0, _helpers.styles)(style.icon, error ? style.error : warning ? style.warning : success ? style.success : undefined)
|
|
24
27
|
});
|
|
25
28
|
};
|
|
26
29
|
exports.IconState = IconState;
|