@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.
Files changed (118) hide show
  1. package/build/components/Action/Action.js +5 -3
  2. package/build/components/Action/Action.js.map +1 -1
  3. package/build/components/Action/Action.module.css +49 -50
  4. package/build/components/Action/Action.stories.js +8 -5
  5. package/build/components/Action/Action.stories.js.map +1 -1
  6. package/build/components/Action/__tests__/__snapshots__/Action.test.js.snap +40 -26
  7. package/build/components/Button/Button.js +7 -5
  8. package/build/components/Button/Button.js.map +1 -1
  9. package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap +30 -19
  10. package/build/components/Calendar/Calendar.Month.js +6 -4
  11. package/build/components/Calendar/Calendar.Month.js.map +1 -1
  12. package/build/components/Calendar/Calendar.Week.js +6 -6
  13. package/build/components/Calendar/Calendar.Week.js.map +1 -1
  14. package/build/components/Calendar/Calendar.Weekdays.js +6 -3
  15. package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
  16. package/build/components/Calendar/Calendar.js +3 -3
  17. package/build/components/Calendar/Calendar.js.map +1 -1
  18. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +15608 -15576
  19. package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +9 -9
  20. package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +42 -42
  21. package/build/components/InputNumber/InputNumber.js +9 -7
  22. package/build/components/InputNumber/InputNumber.js.map +1 -1
  23. package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +129 -114
  24. package/build/components/InputOption/InputOption.js +7 -4
  25. package/build/components/InputOption/InputOption.js.map +1 -1
  26. package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +84 -71
  27. package/build/components/InputPhone/InputPhone.js +11 -11
  28. package/build/components/InputPhone/InputPhone.js.map +1 -1
  29. package/build/components/InputPhone/__tests__/__snapshots__/InputPhone.test.js.snap +331 -331
  30. package/build/components/InputSelect/InputSelect.js +7 -7
  31. package/build/components/InputSelect/InputSelect.js.map +1 -1
  32. package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +112 -112
  33. package/build/components/InputText/InputText.js +10 -10
  34. package/build/components/InputText/InputText.js.map +1 -1
  35. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +131 -130
  36. package/build/components/InputText/partials/InputText.Hint.js +5 -2
  37. package/build/components/InputText/partials/InputText.Hint.js.map +1 -1
  38. package/build/components/InputText/partials/InputText.IconState.js +5 -2
  39. package/build/components/InputText/partials/InputText.IconState.js.map +1 -1
  40. package/build/components/InputText/partials/InputText.Label.js +6 -3
  41. package/build/components/InputText/partials/InputText.Label.js.map +1 -1
  42. package/build/components/Menu/Menu.Option.js +8 -5
  43. package/build/components/Menu/Menu.Option.js.map +1 -1
  44. package/build/components/Menu/Menu.js +6 -3
  45. package/build/components/Menu/Menu.js.map +1 -1
  46. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +68 -55
  47. package/build/components/Modal/Modal.js +8 -8
  48. package/build/components/Modal/Modal.js.map +1 -1
  49. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +88 -69
  50. package/build/components/Notification/Notification.js +8 -5
  51. package/build/components/Notification/Notification.js.map +1 -1
  52. package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +143 -142
  53. package/build/components/Progress/Progress.js +6 -3
  54. package/build/components/Progress/Progress.js.map +1 -1
  55. package/build/components/Progress/__tests__/__snapshots__/Progress.test.jsx.snap +18 -18
  56. package/build/components/Slider/Slider.js +11 -11
  57. package/build/components/Slider/Slider.js.map +1 -1
  58. package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +248 -230
  59. package/build/components/Table/Table.ColumnFilter.js +9 -9
  60. package/build/components/Table/Table.ColumnFilter.js.map +1 -1
  61. package/build/components/Table/Table.Filter.js +7 -4
  62. package/build/components/Table/Table.Filter.js.map +1 -1
  63. package/build/components/Table/Table.Row.js +7 -8
  64. package/build/components/Table/Table.Row.js.map +1 -1
  65. package/build/components/Table/Table.js +3 -3
  66. package/build/components/Table/Table.js.map +1 -1
  67. package/build/components/Table/Table.stories.js +4 -5
  68. package/build/components/Table/Table.stories.js.map +1 -1
  69. package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +222 -192
  70. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +971 -949
  71. package/build/components/Tooltip/Tooltip.js +4 -4
  72. package/build/components/Tooltip/Tooltip.js.map +1 -1
  73. package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +34 -24
  74. package/build/primitives/Checkbox/Checkbox.js +7 -3
  75. package/build/primitives/Checkbox/Checkbox.js.map +1 -1
  76. package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap +16 -16
  77. package/build/primitives/Icon/Icon.js +5 -3
  78. package/build/primitives/Icon/Icon.js.map +1 -1
  79. package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +60 -60
  80. package/build/primitives/Input/Input.js +2 -2
  81. package/build/primitives/Input/Input.js.map +1 -1
  82. package/build/primitives/Layer/Layer.js +4 -3
  83. package/build/primitives/Layer/Layer.js.map +1 -1
  84. package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +42 -36
  85. package/build/primitives/Pressable/Pressable.constants.js +1 -1
  86. package/build/primitives/Pressable/Pressable.constants.js.map +1 -1
  87. package/build/primitives/Pressable/Pressable.js +11 -5
  88. package/build/primitives/Pressable/Pressable.js.map +1 -1
  89. package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap +14 -10
  90. package/build/primitives/Primitive/Primitive.js +2 -2
  91. package/build/primitives/Primitive/Primitive.js.map +1 -1
  92. package/build/primitives/Primitive/Primitive.module.css +241 -0
  93. package/build/primitives/Primitive/__tests__/__snapshots__/Primitive.test.js.snap +7 -7
  94. package/build/primitives/Primitive/helpers/getTag.js +32 -0
  95. package/build/primitives/Primitive/helpers/getTag.js.map +1 -0
  96. package/build/primitives/Primitive/helpers/index.js +11 -0
  97. package/build/primitives/Primitive/helpers/index.js.map +1 -1
  98. package/build/primitives/Radio/Radio.js +8 -5
  99. package/build/primitives/Radio/Radio.js.map +1 -1
  100. package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap +21 -21
  101. package/build/primitives/ScrollView/ScrollView.js +3 -3
  102. package/build/primitives/ScrollView/ScrollView.js.map +1 -1
  103. package/build/primitives/ScrollView/ScrollView.stories.js +6 -5
  104. package/build/primitives/ScrollView/ScrollView.stories.js.map +1 -1
  105. package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap +20 -20
  106. package/build/primitives/Select/Select.js +2 -2
  107. package/build/primitives/Select/Select.js.map +1 -1
  108. package/build/primitives/Switch/Switch.js +8 -5
  109. package/build/primitives/Switch/Switch.js.map +1 -1
  110. package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap +25 -25
  111. package/build/primitives/Text/Text.js +7 -4
  112. package/build/primitives/Text/Text.js.map +1 -1
  113. package/build/primitives/Text/Text.module.css +4 -4
  114. package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +38 -38
  115. package/build/primitives/View/View.js +5 -3
  116. package/build/primitives/View/View.js.map +1 -1
  117. package/build/primitives/View/__tests__/__snapshots__/View.test.js.snap +10 -10
  118. package/package.json +5 -1
@@ -2,13 +2,13 @@
2
2
 
3
3
  exports[`component:<InputText> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
- <div
5
+ <ui_view
6
6
  class="view inputContainer mirai"
7
7
  >
8
- <div
8
+ <ui_view
9
9
  class="view row inputBorder"
10
10
  >
11
- <div
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
- </div>
21
- </div>
22
- </div>
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
- <div
28
+ <ui_view
29
29
  class="view inputContainer"
30
30
  >
31
- <div
31
+ <ui_view
32
32
  class="view row inputBorder"
33
33
  >
34
- <span
34
+ <ui_text
35
35
  class="text action lighten caption"
36
36
  >
37
37
  caption
38
- </span>
39
- <div
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
- </div>
49
- </div>
50
- </div>
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
- <div
56
+ <ui_view
57
57
  class="view inputContainer"
58
58
  >
59
- <div
59
+ <ui_view
60
60
  class="view row inputBorder disabled"
61
61
  >
62
- <div
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
- </div>
73
- </div>
74
- </div>
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
- <div
80
+ <ui_view
81
81
  class="view inputContainer"
82
82
  >
83
- <div
83
+ <ui_view
84
84
  class="view row inputBorder error"
85
85
  >
86
- <div
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
- </div>
96
- <span
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
- </span>
117
- </div>
118
- </div>
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
- <div
124
+ <ui_view
125
125
  class="view inputContainer"
126
126
  >
127
- <div
127
+ <ui_view
128
128
  class="view row inputBorder"
129
129
  >
130
- <div
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
- </div>
140
- </div>
141
- <span
139
+ </ui_view>
140
+ </ui_view>
141
+ <ui_text
142
142
  class="text small text hint"
143
143
  >
144
144
  hint
145
- </span>
146
- </div>
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
- <div
152
+ <ui_view
153
153
  class="view inputContainer"
154
154
  >
155
- <div
155
+ <ui_view
156
156
  class="view row inputBorder"
157
157
  >
158
- <span
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
- </span>
179
- <div
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
- </div>
189
- </div>
190
- </div>
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
- <div
196
+ <ui_view
197
197
  class="view inputContainer"
198
198
  >
199
- <div
199
+ <ui_view
200
200
  class="view row inputBorder"
201
201
  >
202
- <div
202
+ <ui_view
203
203
  class="view wide content"
204
204
  >
205
- <span
205
+ <ui_text
206
206
  class="text paragraph text label"
207
207
  >
208
208
  label
209
- </span>
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
- </div>
217
- </div>
218
- </div>
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
- <div
224
+ <ui_view
225
225
  class="view inputContainer"
226
226
  >
227
- <div
227
+ <ui_view
228
228
  class="view row inputBorder"
229
229
  >
230
- <div
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
- </div>
240
- <div
239
+ </ui_view>
240
+ <ui_pressable
241
241
  class="pressable"
242
+ tabindex="0"
242
243
  >
243
- <span
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
- </span>
260
- </div>
261
- </div>
262
- </div>
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
- <div
269
+ <ui_view
269
270
  class="view inputContainer"
270
271
  >
271
- <div
272
+ <ui_view
272
273
  class="view row inputBorder"
273
274
  >
274
- <div
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
- </div>
282
- </div>
283
- </div>
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
- <div
290
+ <ui_view
290
291
  class="view inputContainer"
291
292
  >
292
- <div
293
+ <ui_view
293
294
  class="view row inputBorder"
294
295
  >
295
- <div
296
+ <ui_view
296
297
  class="view wide content"
297
298
  >
298
- <span
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
- </span>
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
- </div>
316
- </div>
317
- </div>
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
- <div
324
+ <ui_view
324
325
  class="view inputContainer"
325
326
  >
326
- <div
327
+ <ui_view
327
328
  class="view row inputBorder"
328
329
  >
329
- <div
330
+ <ui_view
330
331
  class="view wide content"
331
332
  >
332
- <span
333
+ <ui_text
333
334
  class="text paragraph text label"
334
335
  >
335
336
  label
336
- </span>
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
- </div>
345
- </div>
346
- </div>
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
- <div
353
+ <ui_view
353
354
  class="view inputContainer"
354
355
  >
355
- <div
356
+ <ui_view
356
357
  class="view row inputBorder error"
357
358
  >
358
- <div
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
- </div>
368
- <span
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
- </span>
389
- </div>
390
- </div>
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
- <div
397
+ <ui_view
397
398
  class="view inputContainer"
398
399
  >
399
- <div
400
+ <ui_view
400
401
  class="view row inputBorder"
401
402
  >
402
- <div
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
- </div>
412
- <span
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
- </span>
433
- </div>
434
- </div>
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
- <div
441
+ <ui_view
441
442
  class="view inputContainer"
442
443
  >
443
- <div
444
+ <ui_view
444
445
  class="view row inputBorder"
445
446
  >
446
- <div
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
- </div>
456
- <div
456
+ </ui_view>
457
+ <ui_pressable
457
458
  class="pressable"
458
459
  tabindex="-1"
459
460
  >
460
- <span
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
- </span>
481
- </div>
482
- </div>
483
- </div>
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
- <div
490
+ <ui_view
490
491
  class="view inputContainer"
491
492
  >
492
- <div
493
+ <ui_view
493
494
  class="view row inputBorder"
494
495
  >
495
- <div
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
- </div>
505
- <span
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
- </span>
522
- </div>
523
- </div>
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
- <div
530
+ <ui_view
530
531
  class="view inputContainer"
531
532
  >
532
- <div
533
+ <ui_view
533
534
  class="view row inputBorder"
534
535
  >
535
- <div
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
- </div>
545
- </div>
546
- </div>
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
- <div
553
+ <ui_view
553
554
  class="view inputContainer"
554
555
  >
555
- <div
556
+ <ui_view
556
557
  class="view row inputBorder"
557
558
  >
558
- <div
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
- </div>
569
- </div>
570
- </div>
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 _InputTextModule = _interopRequireDefault(require("../InputText.module.css"));
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)(_InputTextModule.default.text, _InputTextModule.default.hint, disabled && _InputTextModule.default.disabled, error && _InputTextModule.default.error, others.className)
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":";;;;;;AAAA;AACA;AAEA;AACA;AACA;AAA4C;AAAA;AAAA;AAAA;AAE5C,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,wBAAK,CAACC,IAAI,EAAED,wBAAK,CAACH,IAAI,EAAEF,QAAQ,IAAIK,wBAAK,CAACL,QAAQ,EAAEC,KAAK,IAAII,wBAAK,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
+ {"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 _InputTextModule = _interopRequireDefault(require("../InputText.module.css"));
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)(_InputTextModule.default.icon, error ? _InputTextModule.default.error : warning ? _InputTextModule.default.warning : success ? _InputTextModule.default.success : undefined)
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;