@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
package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap CHANGED
@@ -2,14 +2,15 @@
2
2
 
3
3
  exports[`component:<Slider> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
- <div
5
+ <ui_view
6
6
  class="view container mirai"
7
7
  style="width: 360px;"
8
8
  >
9
- <div
9
+ <ui_pressable
10
10
  class="pressable button hide back"
11
+ tabindex="0"
11
12
  >
12
- <span
13
+ <ui_icon
13
14
  class="icon headline-3"
14
15
  >
15
16
  <svg
@@ -29,65 +30,66 @@ exports[`component:<Slider> inherit:className 1`] = `
29
30
  d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
30
31
  />
31
32
  </svg>
32
- </span>
33
- </div>
34
- <div
33
+ </ui_icon>
34
+ </ui_pressable>
35
+ <ui_scrollview
35
36
  class="scrollview snap horizontal notIndicator scrollView"
36
37
  style="width: 360px;"
37
38
  >
38
- <div
39
+ <ui_view
39
40
  class="view item"
40
41
  >
41
- <div
42
+ <ui_view
42
43
  class="view image"
43
44
  style="background-image: url(https://picsum.photos/seed/@soyjavi/1024/768); height: 230px; width: 360px;"
44
45
  />
45
- </div>
46
- <div
46
+ </ui_view>
47
+ <ui_view
47
48
  class="view item"
48
49
  >
49
- <div
50
+ <ui_view
50
51
  class="view image"
51
52
  style="background-image: url(https://picsum.photos/seed/@jose/1024/768); height: 230px; width: 360px;"
52
53
  />
53
- </div>
54
- <div
54
+ </ui_view>
55
+ <ui_view
55
56
  class="view item"
56
57
  >
57
- <div
58
+ <ui_view
58
59
  class="view image"
59
60
  style="background-image: url(https://picsum.photos/seed/@mario1/1024/768); height: 230px; width: 360px;"
60
61
  />
61
- </div>
62
- <div
62
+ </ui_view>
63
+ <ui_view
63
64
  class="view item"
64
65
  >
65
- <div
66
+ <ui_view
66
67
  class="view image"
67
68
  style="height: 230px; width: 360px;"
68
69
  />
69
- </div>
70
- <div
70
+ </ui_view>
71
+ <ui_view
71
72
  class="view item"
72
73
  >
73
- <div
74
+ <ui_view
74
75
  class="view image"
75
76
  style="height: 230px; width: 360px;"
76
77
  />
77
- </div>
78
- <div
78
+ </ui_view>
79
+ <ui_view
79
80
  class="view item"
80
81
  >
81
- <div
82
+ <ui_view
82
83
  class="view image"
83
84
  style="height: 230px; width: 360px;"
84
85
  />
85
- </div>
86
- </div>
87
- <div
86
+ </ui_view>
87
+ </ui_scrollview>
88
+ <ui_pressable
88
89
  class="pressable button hide forward"
90
+ tabindex="0"
89
91
  >
90
- <span
92
+ <ui_icon
91
93
  class="icon headline-3"
92
94
  >
93
95
  <svg
@@ -107,22 +109,23 @@ exports[`component:<Slider> inherit:className 1`] = `
107
109
  d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"
108
110
  />
109
111
  </svg>
110
- </span>
111
- </div>
112
- </div>
112
+ </ui_icon>
113
+ </ui_pressable>
114
+ </ui_view>
113
115
  </DocumentFragment>
114
116
  `;
115
117
 
116
118
  exports[`component:<Slider> prop:auto 1`] = `
117
119
  <DocumentFragment>
118
- <div
120
+ <ui_view
119
121
  class="view container"
120
122
  style="width: 360px;"
121
123
  >
122
- <div
124
+ <ui_pressable
123
125
  class="pressable button hide back"
126
+ tabindex="0"
124
127
  >
125
- <span
128
+ <ui_icon
126
129
  class="icon headline-3"
127
130
  >
128
131
  <svg
@@ -142,65 +145,66 @@ exports[`component:<Slider> prop:auto 1`] = `
142
145
  d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
143
146
  />
144
147
  </svg>
145
- </span>
146
- </div>
147
- <div
148
+ </ui_icon>
149
+ </ui_pressable>
150
+ <ui_scrollview
148
151
  class="scrollview snap horizontal notIndicator scrollView"
149
152
  style="width: 360px;"
150
153
  >
151
- <div
154
+ <ui_view
152
155
  class="view item"
153
156
  >
154
- <div
157
+ <ui_view
155
158
  class="view image"
156
159
  style="background-image: url(https://picsum.photos/seed/@soyjavi/1024/768); height: 230px; width: 360px;"
157
160
  />
158
- </div>
159
- <div
161
+ </ui_view>
162
+ <ui_view
160
163
  class="view item"
161
164
  >
162
- <div
165
+ <ui_view
163
166
  class="view image"
164
167
  style="background-image: url(https://picsum.photos/seed/@jose/1024/768); height: 230px; width: 360px;"
165
168
  />
166
- </div>
167
- <div
169
+ </ui_view>
170
+ <ui_view
168
171
  class="view item"
169
172
  >
170
- <div
173
+ <ui_view
171
174
  class="view image"
172
175
  style="background-image: url(https://picsum.photos/seed/@mario1/1024/768); height: 230px; width: 360px;"
173
176
  />
174
- </div>
175
- <div
177
+ </ui_view>
178
+ <ui_view
176
179
  class="view item"
177
180
  >
178
- <div
181
+ <ui_view
179
182
  class="view image"
180
183
  style="height: 230px; width: 360px;"
181
184
  />
182
- </div>
183
- <div
185
+ </ui_view>
186
+ <ui_view
184
187
  class="view item"
185
188
  >
186
- <div
189
+ <ui_view
187
190
  class="view image"
188
191
  style="height: 230px; width: 360px;"
189
192
  />
190
- </div>
191
- <div
193
+ </ui_view>
194
+ <ui_view
192
195
  class="view item"
193
196
  >
194
- <div
197
+ <ui_view
195
198
  class="view image"
196
199
  style="height: 230px; width: 360px;"
197
200
  />
198
- </div>
199
- </div>
200
- <div
201
+ </ui_view>
202
+ </ui_scrollview>
203
+ <ui_pressable
201
204
  class="pressable button hide forward"
205
+ tabindex="0"
202
206
  >
203
- <span
207
+ <ui_icon
204
208
  class="icon headline-3"
205
209
  >
206
210
  <svg
@@ -220,22 +224,23 @@ exports[`component:<Slider> prop:auto 1`] = `
220
224
  d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"
221
225
  />
222
226
  </svg>
223
- </span>
224
- </div>
225
- </div>
227
+ </ui_icon>
228
+ </ui_pressable>
229
+ </ui_view>
226
230
  </DocumentFragment>
227
231
  `;
228
232
 
229
233
  exports[`component:<Slider> prop:captions 1`] = `
230
234
  <DocumentFragment>
231
- <div
235
+ <ui_view
232
236
  class="view container"
233
237
  style="width: 360px;"
234
238
  >
235
- <div
239
+ <ui_pressable
236
240
  class="pressable button hide back"
241
+ tabindex="0"
237
242
  >
238
- <span
243
+ <ui_icon
239
244
  class="icon headline-3"
240
245
  >
241
246
  <svg
@@ -255,110 +260,111 @@ exports[`component:<Slider> prop:captions 1`] = `
255
260
  d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
256
261
  />
257
262
  </svg>
258
- </span>
259
- </div>
260
- <div
263
+ </ui_icon>
264
+ </ui_pressable>
265
+ <ui_scrollview
261
266
  class="scrollview snap horizontal notIndicator scrollView"
262
267
  style="width: 360px;"
263
268
  >
264
- <div
269
+ <ui_view
265
270
  class="view item"
266
271
  >
267
- <div
272
+ <ui_view
268
273
  class="view image"
269
274
  style="background-image: url(https://picsum.photos/seed/@soyjavi/1024/768); height: 230px; width: 360px;"
270
275
  />
271
- <div
276
+ <ui_view
272
277
  class="view caption"
273
278
  >
274
- <span
279
+ <ui_text
275
280
  class="text bold small text"
276
281
  >
277
282
  javi
278
- </span>
279
- </div>
280
- </div>
281
- <div
283
+ </ui_text>
284
+ </ui_view>
285
+ </ui_view>
286
+ <ui_view
282
287
  class="view item"
283
288
  >
284
- <div
289
+ <ui_view
285
290
  class="view image"
286
291
  style="background-image: url(https://picsum.photos/seed/@jose/1024/768); height: 230px; width: 360px;"
287
292
  />
288
- <div
293
+ <ui_view
289
294
  class="view caption"
290
295
  >
291
- <span
296
+ <ui_text
292
297
  class="text bold small text"
293
298
  >
294
299
  jose
295
- </span>
296
- </div>
297
- </div>
298
- <div
300
+ </ui_text>
301
+ </ui_view>
302
+ </ui_view>
303
+ <ui_view
299
304
  class="view item"
300
305
  >
301
- <div
306
+ <ui_view
302
307
  class="view image"
303
308
  style="background-image: url(https://picsum.photos/seed/@mario1/1024/768); height: 230px; width: 360px;"
304
309
  />
305
- </div>
306
- <div
310
+ </ui_view>
311
+ <ui_view
307
312
  class="view item"
308
313
  >
309
- <div
314
+ <ui_view
310
315
  class="view image"
311
316
  style="height: 230px; width: 360px;"
312
317
  />
313
- <div
318
+ <ui_view
314
319
  class="view caption"
315
320
  >
316
- <span
321
+ <ui_text
317
322
  class="text bold small text"
318
323
  >
319
324
  victor
320
- </span>
321
- </div>
322
- </div>
323
- <div
325
+ </ui_text>
326
+ </ui_view>
327
+ </ui_view>
328
+ <ui_view
324
329
  class="view item"
325
330
  >
326
- <div
331
+ <ui_view
327
332
  class="view image"
328
333
  style="height: 230px; width: 360px;"
329
334
  />
330
- <div
335
+ <ui_view
331
336
  class="view caption"
332
337
  >
333
- <span
338
+ <ui_text
334
339
  class="text bold small text"
335
340
  >
336
341
  svet
337
- </span>
338
- </div>
339
- </div>
340
- <div
342
+ </ui_text>
343
+ </ui_view>
344
+ </ui_view>
345
+ <ui_view
341
346
  class="view item"
342
347
  >
343
- <div
348
+ <ui_view
344
349
  class="view image"
345
350
  style="height: 230px; width: 360px;"
346
351
  />
347
- <div
352
+ <ui_view
348
353
  class="view caption"
349
354
  >
350
- <span
355
+ <ui_text
351
356
  class="text bold small text"
352
357
  >
353
358
  mario2
354
- </span>
355
- </div>
356
- </div>
357
- </div>
358
- <div
359
+ </ui_text>
360
+ </ui_view>
361
+ </ui_view>
362
+ </ui_scrollview>
363
+ <ui_pressable
359
364
  class="pressable button hide forward"
365
+ tabindex="0"
360
366
  >
361
- <span
367
+ <ui_icon
362
368
  class="icon headline-3"
363
369
  >
364
370
  <svg
@@ -378,113 +384,120 @@ exports[`component:<Slider> prop:captions 1`] = `
378
384
  d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"
379
385
  />
380
386
  </svg>
381
- </span>
382
- </div>
383
- </div>
387
+ </ui_icon>
388
+ </ui_pressable>
389
+ </ui_view>
384
390
  </DocumentFragment>
385
391
  `;
386
392
 
387
393
  exports[`component:<Slider> prop:fullScreen 1`] = `
388
394
  <DocumentFragment>
389
- <div
395
+ <ui_view
390
396
  class="view container fullScreen"
391
397
  style="width: 1024px;"
392
398
  >
393
- <div
399
+ <ui_scrollview
394
400
  class="scrollview snap horizontal notIndicator scrollView"
395
401
  style="width: 870.4px;"
396
402
  >
397
- <div
403
+ <ui_view
398
404
  class="view item"
399
405
  >
400
- <div
406
+ <ui_view
401
407
  class="view image"
402
408
  style="background-image: url(https://picsum.photos/seed/@soyjavi/1024/768); height: 691.2px; width: 870.4px;"
403
409
  />
404
- </div>
405
- <div
410
+ </ui_view>
411
+ <ui_view
406
412
  class="view item"
407
413
  >
408
- <div
414
+ <ui_view
409
415
  class="view image"
410
416
  style="background-image: url(https://picsum.photos/seed/@jose/1024/768); height: 691.2px; width: 870.4px;"
411
417
  />
412
- </div>
413
- <div
418
+ </ui_view>
419
+ <ui_view
414
420
  class="view item"
415
421
  >
416
- <div
422
+ <ui_view
417
423
  class="view image"
418
424
  style="background-image: url(https://picsum.photos/seed/@mario1/1024/768); height: 691.2px; width: 870.4px;"
419
425
  />
420
- </div>
421
- <div
426
+ </ui_view>
427
+ <ui_view
422
428
  class="view item"
423
429
  >
424
- <div
430
+ <ui_view
425
431
  class="view image"
426
432
  style="background-image: url(https://picsum.photos/seed/@victor/1024/768); height: 691.2px; width: 870.4px;"
427
433
  />
428
- </div>
429
- <div
434
+ </ui_view>
435
+ <ui_view
430
436
  class="view item"
431
437
  >
432
- <div
438
+ <ui_view
433
439
  class="view image"
434
440
  style="background-image: url(https://picsum.photos/seed/@svet/1024/768); height: 691.2px; width: 870.4px;"
435
441
  />
436
- </div>
437
- <div
442
+ </ui_view>
443
+ <ui_view
438
444
  class="view item"
439
445
  >
440
- <div
446
+ <ui_view
441
447
  class="view image"
442
448
  style="background-image: url(https://picsum.photos/seed/@mario2/1024/768); height: 691.2px; width: 870.4px;"
443
449
  />
444
- </div>
445
- </div>
446
- <div
450
+ </ui_view>
451
+ </ui_scrollview>
452
+ <ui_scrollview
447
453
  class="scrollview snap horizontal notIndicator thumbnails"
448
454
  >
449
- <div
455
+ <ui_pressable
450
456
  class="pressable thumbnail active"
451
457
  style="background-image: url(https://picsum.photos/seed/@soyjavi/1024/768);"
458
+ tabindex="0"
452
459
  />
453
- <div
460
+ <ui_pressable
454
461
  class="pressable thumbnail"
455
462
  style="background-image: url(https://picsum.photos/seed/@jose/1024/768);"
463
+ tabindex="0"
456
464
  />
457
- <div
465
+ <ui_pressable
458
466
  class="pressable thumbnail"
459
467
  style="background-image: url(https://picsum.photos/seed/@mario1/1024/768);"
468
+ tabindex="0"
460
469
  />
461
- <div
470
+ <ui_pressable
462
471
  class="pressable thumbnail"
463
472
  style="background-image: url(https://picsum.photos/seed/@victor/1024/768);"
473
+ tabindex="0"
464
474
  />
465
- <div
475
+ <ui_pressable
466
476
  class="pressable thumbnail"
467
477
  style="background-image: url(https://picsum.photos/seed/@svet/1024/768);"
478
+ tabindex="0"
468
479
  />
469
- <div
480
+ <ui_pressable
470
481
  class="pressable thumbnail"
471
482
  style="background-image: url(https://picsum.photos/seed/@mario2/1024/768);"
483
+ tabindex="0"
472
484
  />
473
- </div>
474
- </div>
485
+ </ui_scrollview>
486
+ </ui_view>
475
487
  </DocumentFragment>
476
488
  `;
477
489
 
478
490
  exports[`component:<Slider> prop:index 1`] = `
479
491
  <DocumentFragment>
480
- <div
492
+ <ui_view
481
493
  class="view container"
482
494
  style="width: 360px;"
483
495
  >
484
- <div
496
+ <ui_pressable
485
497
  class="pressable button hide back"
498
+ tabindex="0"
486
499
  >
487
- <span
500
+ <ui_icon
488
501
  class="icon headline-3"
489
502
  >
490
503
  <svg
@@ -504,65 +517,66 @@ exports[`component:<Slider> prop:index 1`] = `
504
517
  d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
505
518
  />
506
519
  </svg>
507
- </span>
508
- </div>
509
- <div
520
+ </ui_icon>
521
+ </ui_pressable>
522
+ <ui_scrollview
510
523
  class="scrollview snap horizontal notIndicator scrollView"
511
524
  style="width: 360px;"
512
525
  >
513
- <div
526
+ <ui_view
514
527
  class="view item"
515
528
  >
516
- <div
529
+ <ui_view
517
530
  class="view image"
518
531
  style="height: 230px; width: 360px;"
519
532
  />
520
- </div>
521
- <div
533
+ </ui_view>
534
+ <ui_view
522
535
  class="view item"
523
536
  >
524
- <div
537
+ <ui_view
525
538
  class="view image"
526
539
  style="height: 230px; width: 360px;"
527
540
  />
528
- </div>
529
- <div
541
+ </ui_view>
542
+ <ui_view
530
543
  class="view item"
531
544
  >
532
- <div
545
+ <ui_view
533
546
  class="view image"
534
547
  style="background-image: url(https://picsum.photos/seed/@mario1/1024/768); height: 230px; width: 360px;"
535
548
  />
536
- </div>
537
- <div
549
+ </ui_view>
550
+ <ui_view
538
551
  class="view item"
539
552
  >
540
- <div
553
+ <ui_view
541
554
  class="view image"
542
555
  style="background-image: url(https://picsum.photos/seed/@victor/1024/768); height: 230px; width: 360px;"
543
556
  />
544
- </div>
545
- <div
557
+ </ui_view>
558
+ <ui_view
546
559
  class="view item"
547
560
  >
548
- <div
561
+ <ui_view
549
562
  class="view image"
550
563
  style="background-image: url(https://picsum.photos/seed/@svet/1024/768); height: 230px; width: 360px;"
551
564
  />
552
- </div>
553
- <div
565
+ </ui_view>
566
+ <ui_view
554
567
  class="view item"
555
568
  >
556
- <div
569
+ <ui_view
557
570
  class="view image"
558
571
  style="background-image: url(https://picsum.photos/seed/@mario2/1024/768); height: 230px; width: 360px;"
559
572
  />
560
- </div>
561
- </div>
562
- <div
573
+ </ui_view>
574
+ </ui_scrollview>
575
+ <ui_pressable
563
576
  class="pressable button hide forward"
577
+ tabindex="0"
564
578
  >
565
- <span
579
+ <ui_icon
566
580
  class="icon headline-3"
567
581
  >
568
582
  <svg
@@ -582,22 +596,23 @@ exports[`component:<Slider> prop:index 1`] = `
582
596
  d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"
583
597
  />
584
598
  </svg>
585
- </span>
586
- </div>
587
- </div>
599
+ </ui_icon>
600
+ </ui_pressable>
601
+ </ui_view>
588
602
  </DocumentFragment>
589
603
  `;
590
604
 
591
605
  exports[`component:<Slider> renders 1`] = `
592
606
  <DocumentFragment>
593
- <div
607
+ <ui_view
594
608
  class="view container"
595
609
  style="width: 360px;"
596
610
  >
597
- <div
611
+ <ui_pressable
598
612
  class="pressable button hide back"
613
+ tabindex="0"
599
614
  >
600
- <span
615
+ <ui_icon
601
616
  class="icon headline-3"
602
617
  >
603
618
  <svg
@@ -617,65 +632,66 @@ exports[`component:<Slider> renders 1`] = `
617
632
  d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
618
633
  />
619
634
  </svg>
620
- </span>
621
- </div>
622
- <div
635
+ </ui_icon>
636
+ </ui_pressable>
637
+ <ui_scrollview
623
638
  class="scrollview snap horizontal notIndicator scrollView"
624
639
  style="width: 360px;"
625
640
  >
626
- <div
641
+ <ui_view
627
642
  class="view item"
628
643
  >
629
- <div
644
+ <ui_view
630
645
  class="view image"
631
646
  style="background-image: url(https://picsum.photos/seed/@soyjavi/1024/768); height: 230px; width: 360px;"
632
647
  />
633
- </div>
634
- <div
648
+ </ui_view>
649
+ <ui_view
635
650
  class="view item"
636
651
  >
637
- <div
652
+ <ui_view
638
653
  class="view image"
639
654
  style="background-image: url(https://picsum.photos/seed/@jose/1024/768); height: 230px; width: 360px;"
640
655
  />
641
- </div>
642
- <div
656
+ </ui_view>
657
+ <ui_view
643
658
  class="view item"
644
659
  >
645
- <div
660
+ <ui_view
646
661
  class="view image"
647
662
  style="background-image: url(https://picsum.photos/seed/@mario1/1024/768); height: 230px; width: 360px;"
648
663
  />
649
- </div>
650
- <div
664
+ </ui_view>
665
+ <ui_view
651
666
  class="view item"
652
667
  >
653
- <div
668
+ <ui_view
654
669
  class="view image"
655
670
  style="height: 230px; width: 360px;"
656
671
  />
657
- </div>
658
- <div
672
+ </ui_view>
673
+ <ui_view
659
674
  class="view item"
660
675
  >
661
- <div
676
+ <ui_view
662
677
  class="view image"
663
678
  style="height: 230px; width: 360px;"
664
679
  />
665
- </div>
666
- <div
680
+ </ui_view>
681
+ <ui_view
667
682
  class="view item"
668
683
  >
669
- <div
684
+ <ui_view
670
685
  class="view image"
671
686
  style="height: 230px; width: 360px;"
672
687
  />
673
- </div>
674
- </div>
675
- <div
688
+ </ui_view>
689
+ </ui_scrollview>
690
+ <ui_pressable
676
691
  class="pressable button hide forward"
692
+ tabindex="0"
677
693
  >
678
- <span
694
+ <ui_icon
679
695
  class="icon headline-3"
680
696
  >
681
697
  <svg
@@ -695,23 +711,24 @@ exports[`component:<Slider> renders 1`] = `
695
711
  d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"
696
712
  />
697
713
  </svg>
698
- </span>
699
- </div>
700
- </div>
714
+ </ui_icon>
715
+ </ui_pressable>
716
+ </ui_view>
701
717
  </DocumentFragment>
702
718
  `;
703
719
 
704
720
  exports[`component:<Slider> testId 1`] = `
705
721
  <DocumentFragment>
706
- <div
722
+ <ui_view
707
723
  class="view container"
708
724
  data-testid="mirai"
709
725
  style="width: 360px;"
710
726
  >
711
- <div
727
+ <ui_pressable
712
728
  class="pressable button hide back"
729
+ tabindex="0"
713
730
  >
714
- <span
731
+ <ui_icon
715
732
  class="icon headline-3"
716
733
  >
717
734
  <svg
@@ -731,65 +748,66 @@ exports[`component:<Slider> testId 1`] = `
731
748
  d="M20 11H7.83l5.59-5.59L12 4l-8 8 8 8 1.41-1.41L7.83 13H20v-2z"
732
749
  />
733
750
  </svg>
734
- </span>
735
- </div>
736
- <div
751
+ </ui_icon>
752
+ </ui_pressable>
753
+ <ui_scrollview
737
754
  class="scrollview snap horizontal notIndicator scrollView"
738
755
  style="width: 360px;"
739
756
  >
740
- <div
757
+ <ui_view
741
758
  class="view item"
742
759
  >
743
- <div
760
+ <ui_view
744
761
  class="view image"
745
762
  style="background-image: url(https://picsum.photos/seed/@soyjavi/1024/768); height: 230px; width: 360px;"
746
763
  />
747
- </div>
748
- <div
764
+ </ui_view>
765
+ <ui_view
749
766
  class="view item"
750
767
  >
751
- <div
768
+ <ui_view
752
769
  class="view image"
753
770
  style="background-image: url(https://picsum.photos/seed/@jose/1024/768); height: 230px; width: 360px;"
754
771
  />
755
- </div>
756
- <div
772
+ </ui_view>
773
+ <ui_view
757
774
  class="view item"
758
775
  >
759
- <div
776
+ <ui_view
760
777
  class="view image"
761
778
  style="background-image: url(https://picsum.photos/seed/@mario1/1024/768); height: 230px; width: 360px;"
762
779
  />
763
- </div>
764
- <div
780
+ </ui_view>
781
+ <ui_view
765
782
  class="view item"
766
783
  >
767
- <div
784
+ <ui_view
768
785
  class="view image"
769
786
  style="height: 230px; width: 360px;"
770
787
  />
771
- </div>
772
- <div
788
+ </ui_view>
789
+ <ui_view
773
790
  class="view item"
774
791
  >
775
- <div
792
+ <ui_view
776
793
  class="view image"
777
794
  style="height: 230px; width: 360px;"
778
795
  />
779
- </div>
780
- <div
796
+ </ui_view>
797
+ <ui_view
781
798
  class="view item"
782
799
  >
783
- <div
800
+ <ui_view
784
801
  class="view image"
785
802
  style="height: 230px; width: 360px;"
786
803
  />
787
- </div>
788
- </div>
789
- <div
804
+ </ui_view>
805
+ </ui_scrollview>
806
+ <ui_pressable
790
807
  class="pressable button hide forward"
808
+ tabindex="0"
791
809
  >
792
- <span
810
+ <ui_icon
793
811
  class="icon headline-3"
794
812
  >
795
813
  <svg
@@ -809,8 +827,8 @@ exports[`component:<Slider> testId 1`] = `
809
827
  d="M12 4l-1.41 1.41L16.17 11H4v2h12.17l-5.58 5.59L12 20l8-8-8-8z"
810
828
  />
811
829
  </svg>
812
- </span>
813
- </div>
814
- </div>
830
+ </ui_icon>
831
+ </ui_pressable>
832
+ </ui_view>
815
833
  </DocumentFragment>
816
834
  `;