@mirai/ui 1.0.221 → 1.1.0-c

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 (116) 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.stories.js +1 -1
  4. package/build/components/Action/Action.stories.js.map +1 -1
  5. package/build/components/Action/__tests__/__snapshots__/Action.test.js.snap +40 -26
  6. package/build/components/Button/Button.js +7 -5
  7. package/build/components/Button/Button.js.map +1 -1
  8. package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap +30 -19
  9. package/build/components/Calendar/Calendar.Month.js +6 -4
  10. package/build/components/Calendar/Calendar.Month.js.map +1 -1
  11. package/build/components/Calendar/Calendar.Week.js +6 -6
  12. package/build/components/Calendar/Calendar.Week.js.map +1 -1
  13. package/build/components/Calendar/Calendar.Weekdays.js +6 -3
  14. package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
  15. package/build/components/Calendar/Calendar.js +3 -3
  16. package/build/components/Calendar/Calendar.js.map +1 -1
  17. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +15608 -15576
  18. package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +9 -9
  19. package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +42 -42
  20. package/build/components/InputNumber/InputNumber.js +9 -7
  21. package/build/components/InputNumber/InputNumber.js.map +1 -1
  22. package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +129 -114
  23. package/build/components/InputOption/InputOption.js +7 -4
  24. package/build/components/InputOption/InputOption.js.map +1 -1
  25. package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +84 -71
  26. package/build/components/InputPhone/InputPhone.js +11 -11
  27. package/build/components/InputPhone/InputPhone.js.map +1 -1
  28. package/build/components/InputPhone/__tests__/__snapshots__/InputPhone.test.js.snap +331 -331
  29. package/build/components/InputSelect/InputSelect.js +7 -7
  30. package/build/components/InputSelect/InputSelect.js.map +1 -1
  31. package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +112 -112
  32. package/build/components/InputText/InputText.js +10 -10
  33. package/build/components/InputText/InputText.js.map +1 -1
  34. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +131 -130
  35. package/build/components/InputText/partials/InputText.Hint.js +5 -2
  36. package/build/components/InputText/partials/InputText.Hint.js.map +1 -1
  37. package/build/components/InputText/partials/InputText.IconState.js +5 -2
  38. package/build/components/InputText/partials/InputText.IconState.js.map +1 -1
  39. package/build/components/InputText/partials/InputText.Label.js +6 -3
  40. package/build/components/InputText/partials/InputText.Label.js.map +1 -1
  41. package/build/components/Menu/Menu.Option.js +8 -5
  42. package/build/components/Menu/Menu.Option.js.map +1 -1
  43. package/build/components/Menu/Menu.js +6 -3
  44. package/build/components/Menu/Menu.js.map +1 -1
  45. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +68 -55
  46. package/build/components/Modal/Modal.js +9 -8
  47. package/build/components/Modal/Modal.js.map +1 -1
  48. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +88 -69
  49. package/build/components/Notification/Notification.js +8 -5
  50. package/build/components/Notification/Notification.js.map +1 -1
  51. package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +143 -142
  52. package/build/components/Progress/Progress.js +6 -3
  53. package/build/components/Progress/Progress.js.map +1 -1
  54. package/build/components/Progress/__tests__/__snapshots__/Progress.test.jsx.snap +18 -18
  55. package/build/components/Slider/Slider.js +11 -11
  56. package/build/components/Slider/Slider.js.map +1 -1
  57. package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +248 -230
  58. package/build/components/Table/Table.ColumnFilter.js +9 -9
  59. package/build/components/Table/Table.ColumnFilter.js.map +1 -1
  60. package/build/components/Table/Table.Filter.js +7 -4
  61. package/build/components/Table/Table.Filter.js.map +1 -1
  62. package/build/components/Table/Table.Row.js +7 -8
  63. package/build/components/Table/Table.Row.js.map +1 -1
  64. package/build/components/Table/Table.js +3 -3
  65. package/build/components/Table/Table.js.map +1 -1
  66. package/build/components/Table/Table.stories.js +4 -5
  67. package/build/components/Table/Table.stories.js.map +1 -1
  68. package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +222 -192
  69. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +971 -949
  70. package/build/components/Tooltip/Tooltip.js +4 -4
  71. package/build/components/Tooltip/Tooltip.js.map +1 -1
  72. package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +34 -24
  73. package/build/primitives/Checkbox/Checkbox.js +7 -3
  74. package/build/primitives/Checkbox/Checkbox.js.map +1 -1
  75. package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap +16 -16
  76. package/build/primitives/Icon/Icon.js +5 -3
  77. package/build/primitives/Icon/Icon.js.map +1 -1
  78. package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +60 -60
  79. package/build/primitives/Input/Input.js +2 -2
  80. package/build/primitives/Input/Input.js.map +1 -1
  81. package/build/primitives/Layer/Layer.js +4 -3
  82. package/build/primitives/Layer/Layer.js.map +1 -1
  83. package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +42 -36
  84. package/build/primitives/Pressable/Pressable.constants.js +1 -1
  85. package/build/primitives/Pressable/Pressable.constants.js.map +1 -1
  86. package/build/primitives/Pressable/Pressable.js +11 -5
  87. package/build/primitives/Pressable/Pressable.js.map +1 -1
  88. package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap +14 -10
  89. package/build/primitives/Primitive/Primitive.js +2 -2
  90. package/build/primitives/Primitive/Primitive.js.map +1 -1
  91. package/build/primitives/Primitive/__tests__/__snapshots__/Primitive.test.js.snap +7 -7
  92. package/build/primitives/Primitive/helpers/getTag.js +32 -0
  93. package/build/primitives/Primitive/helpers/getTag.js.map +1 -0
  94. package/build/primitives/Primitive/helpers/index.js +11 -0
  95. package/build/primitives/Primitive/helpers/index.js.map +1 -1
  96. package/build/primitives/Radio/Radio.js +8 -5
  97. package/build/primitives/Radio/Radio.js.map +1 -1
  98. package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap +21 -21
  99. package/build/primitives/ScrollView/ScrollView.js +3 -3
  100. package/build/primitives/ScrollView/ScrollView.js.map +1 -1
  101. package/build/primitives/ScrollView/ScrollView.stories.js +6 -5
  102. package/build/primitives/ScrollView/ScrollView.stories.js.map +1 -1
  103. package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap +20 -20
  104. package/build/primitives/Select/Select.js +2 -2
  105. package/build/primitives/Select/Select.js.map +1 -1
  106. package/build/primitives/Switch/Switch.js +8 -5
  107. package/build/primitives/Switch/Switch.js.map +1 -1
  108. package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap +25 -25
  109. package/build/primitives/Text/Text.js +50 -5
  110. package/build/primitives/Text/Text.js.map +1 -1
  111. package/build/primitives/Text/Text.module.css +4 -4
  112. package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +38 -38
  113. package/build/primitives/View/View.js +5 -3
  114. package/build/primitives/View/View.js.map +1 -1
  115. package/build/primitives/View/__tests__/__snapshots__/View.test.js.snap +10 -10
  116. package/package.json +1 -1
package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap CHANGED
@@ -2,12 +2,13 @@
2
2
 
3
3
  exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
- <span>
6
- <div
5
+ <ui_layer>
6
+ <ui_pressable
7
7
  class="pressable"
8
8
  style="position: relative;"
9
+ tabindex="0"
9
10
  >
10
- <span
11
+ <ui_icon
11
12
  class="icon headline-3 icon"
12
13
  >
13
14
  <svg
@@ -27,42 +28,44 @@ exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
27
28
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
28
29
  />
29
30
  </svg>
30
- </span>
31
- </div>
32
- </span>
33
- <div
31
+ </ui_icon>
32
+ </ui_pressable>
33
+ </ui_layer>
34
+ <ui_layer_content
34
35
  class="layer"
35
36
  style="left: 0px; top: 0px;"
36
37
  >
37
38
  <div
38
39
  class="menu visible menuFilter mirai"
39
40
  >
40
- <div
41
+ <ui_pressable
41
42
  class="pressable option divider"
43
+ tabindex="0"
42
44
  >
43
- <div
45
+ <ui_view
44
46
  class="view row wide content"
45
47
  >
46
- <span
48
+ <ui_text
47
49
  class="text bold small"
48
50
  >
49
51
  field
50
- </span>
51
- </div>
52
- </div>
53
- <div
52
+ </ui_text>
53
+ </ui_view>
54
+ </ui_pressable>
55
+ <ui_pressable
54
56
  class="pressable option divider"
57
+ tabindex="0"
55
58
  >
56
- <div
59
+ <ui_view
57
60
  class="view row wide content"
58
61
  >
59
- <div
62
+ <ui_view
60
63
  class="view inputContainer input"
61
64
  >
62
- <div
65
+ <ui_view
63
66
  class="view row inputBorder"
64
67
  >
65
- <span
68
+ <ui_icon
66
69
  class="icon headline-3 icon left"
67
70
  >
68
71
  <svg
@@ -82,8 +85,8 @@ exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
82
85
  d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
83
86
  />
84
87
  </svg>
85
- </span>
86
- <div
88
+ </ui_icon>
89
+ <ui_view
87
90
  class="view wide content"
88
91
  >
89
92
  <input
@@ -92,22 +95,24 @@ exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
92
95
  type="search"
93
96
  value=""
94
97
  />
95
- </div>
96
- </div>
97
- </div>
98
- </div>
99
- </div>
100
- <div
98
+ </ui_view>
99
+ </ui_view>
100
+ </ui_view>
101
+ </ui_view>
102
+ </ui_pressable>
103
+ <ui_pressable
101
104
  class="pressable option"
105
+ tabindex="0"
102
106
  >
103
- <div
107
+ <ui_view
104
108
  class="view row wide content"
105
109
  >
106
- <div
110
+ <ui_view
107
111
  class="view row wide items"
108
112
  >
109
113
  <button
110
114
  class="pressable button secondary wide"
115
+ tabindex="0"
111
116
  >
112
117
  $Cancel
113
118
  </button>
@@ -117,22 +122,23 @@ exports[`component:<Table>:<ColumnFilter> inherit:className 1`] = `
117
122
  >
118
123
  $Submit
119
124
  </button>
120
- </div>
121
- </div>
122
- </div>
125
+ </ui_view>
126
+ </ui_view>
127
+ </ui_pressable>
123
128
  </div>
124
- </div>
129
+ </ui_layer_content>
125
130
  </DocumentFragment>
126
131
  `;
127
132
 
128
133
  exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
129
134
  <DocumentFragment>
130
- <span>
131
- <div
135
+ <ui_layer>
136
+ <ui_pressable
132
137
  class="pressable"
133
138
  style="position: relative;"
139
+ tabindex="0"
134
140
  >
135
- <span
141
+ <ui_icon
136
142
  class="icon headline-3 icon"
137
143
  >
138
144
  <svg
@@ -152,42 +158,44 @@ exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
152
158
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
153
159
  />
154
160
  </svg>
155
- </span>
156
- </div>
157
- </span>
158
- <div
161
+ </ui_icon>
162
+ </ui_pressable>
163
+ </ui_layer>
164
+ <ui_layer_content
159
165
  class="layer"
160
166
  style="left: 0px; top: 0px;"
161
167
  >
162
168
  <div
163
169
  class="menu visible menuFilter"
164
170
  >
165
- <div
171
+ <ui_pressable
166
172
  class="pressable option divider"
173
+ tabindex="0"
167
174
  >
168
- <div
175
+ <ui_view
169
176
  class="view row wide content"
170
177
  >
171
- <span
178
+ <ui_text
172
179
  class="text bold small"
173
180
  >
174
181
  field
175
- </span>
176
- </div>
177
- </div>
178
- <div
182
+ </ui_text>
183
+ </ui_view>
184
+ </ui_pressable>
185
+ <ui_pressable
179
186
  class="pressable option divider"
187
+ tabindex="0"
180
188
  >
181
- <div
189
+ <ui_view
182
190
  class="view row wide content"
183
191
  >
184
- <div
192
+ <ui_view
185
193
  class="view inputContainer input"
186
194
  >
187
- <div
195
+ <ui_view
188
196
  class="view row inputBorder"
189
197
  >
190
- <span
198
+ <ui_icon
191
199
  class="icon headline-3 icon left"
192
200
  >
193
201
  <svg
@@ -207,8 +215,8 @@ exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
207
215
  d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
208
216
  />
209
217
  </svg>
210
- </span>
211
- <div
218
+ </ui_icon>
219
+ <ui_view
212
220
  class="view wide content"
213
221
  >
214
222
  <input
@@ -217,22 +225,24 @@ exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
217
225
  type="search"
218
226
  value=""
219
227
  />
220
- </div>
221
- </div>
222
- </div>
223
- </div>
224
- </div>
225
- <div
228
+ </ui_view>
229
+ </ui_view>
230
+ </ui_view>
231
+ </ui_view>
232
+ </ui_pressable>
233
+ <ui_pressable
226
234
  class="pressable option"
235
+ tabindex="0"
227
236
  >
228
- <div
237
+ <ui_view
229
238
  class="view row wide content"
230
239
  >
231
- <div
240
+ <ui_view
232
241
  class="view row wide items"
233
242
  >
234
243
  <button
235
244
  class="pressable button secondary wide"
245
+ tabindex="0"
236
246
  >
237
247
  Cancel
238
248
  </button>
@@ -242,22 +252,23 @@ exports[`component:<Table>:<ColumnFilter> prop:l10n 1`] = `
242
252
  >
243
253
  Submit
244
254
  </button>
245
- </div>
246
- </div>
247
- </div>
255
+ </ui_view>
256
+ </ui_view>
257
+ </ui_pressable>
248
258
  </div>
249
- </div>
259
+ </ui_layer_content>
250
260
  </DocumentFragment>
251
261
  `;
252
262
 
253
263
  exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
254
264
  <DocumentFragment>
255
- <span>
256
- <div
265
+ <ui_layer>
266
+ <ui_pressable
257
267
  class="pressable"
258
268
  style="position: relative;"
269
+ tabindex="0"
259
270
  >
260
- <span
271
+ <ui_icon
261
272
  class="icon headline-3 icon"
262
273
  >
263
274
  <svg
@@ -277,42 +288,44 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
277
288
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
278
289
  />
279
290
  </svg>
280
- </span>
281
- </div>
282
- </span>
283
- <div
291
+ </ui_icon>
292
+ </ui_pressable>
293
+ </ui_layer>
294
+ <ui_layer_content
284
295
  class="layer"
285
296
  style="left: 0px; top: 0px;"
286
297
  >
287
298
  <div
288
299
  class="menu visible menuFilter"
289
300
  >
290
- <div
301
+ <ui_pressable
291
302
  class="pressable option divider"
303
+ tabindex="0"
292
304
  >
293
- <div
305
+ <ui_view
294
306
  class="view row wide content"
295
307
  >
296
- <span
308
+ <ui_text
297
309
  class="text bold small"
298
310
  >
299
311
  field
300
- </span>
301
- </div>
302
- </div>
303
- <div
312
+ </ui_text>
313
+ </ui_view>
314
+ </ui_pressable>
315
+ <ui_pressable
304
316
  class="pressable option divider"
317
+ tabindex="0"
305
318
  >
306
- <div
319
+ <ui_view
307
320
  class="view row wide content"
308
321
  >
309
- <div
322
+ <ui_view
310
323
  class="view inputContainer input"
311
324
  >
312
- <div
325
+ <ui_view
313
326
  class="view row inputBorder"
314
327
  >
315
- <span
328
+ <ui_icon
316
329
  class="icon headline-3 icon left"
317
330
  >
318
331
  <svg
@@ -332,8 +345,8 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
332
345
  d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
333
346
  />
334
347
  </svg>
335
- </span>
336
- <div
348
+ </ui_icon>
349
+ <ui_view
337
350
  class="view wide content"
338
351
  >
339
352
  <input
@@ -342,22 +355,24 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
342
355
  type="search"
343
356
  value=""
344
357
  />
345
- </div>
346
- </div>
347
- </div>
348
- </div>
349
- </div>
350
- <div
358
+ </ui_view>
359
+ </ui_view>
360
+ </ui_view>
361
+ </ui_view>
362
+ </ui_pressable>
363
+ <ui_pressable
351
364
  class="pressable option"
365
+ tabindex="0"
352
366
  >
353
- <div
367
+ <ui_view
354
368
  class="view row wide content"
355
369
  >
356
- <div
370
+ <ui_view
357
371
  class="view row wide items"
358
372
  >
359
373
  <button
360
374
  class="pressable button secondary wide"
375
+ tabindex="0"
361
376
  >
362
377
  Cancel
363
378
  </button>
@@ -367,22 +382,23 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:number 1`] = `
367
382
  >
368
383
  Submit
369
384
  </button>
370
- </div>
371
- </div>
372
- </div>
385
+ </ui_view>
386
+ </ui_view>
387
+ </ui_pressable>
373
388
  </div>
374
- </div>
389
+ </ui_layer_content>
375
390
  </DocumentFragment>
376
391
  `;
377
392
 
378
393
  exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
379
394
  <DocumentFragment>
380
- <span>
381
- <div
395
+ <ui_layer>
396
+ <ui_pressable
382
397
  class="pressable"
383
398
  style="position: relative;"
399
+ tabindex="0"
384
400
  >
385
- <span
401
+ <ui_icon
386
402
  class="icon headline-3 icon"
387
403
  >
388
404
  <svg
@@ -402,42 +418,44 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
402
418
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
403
419
  />
404
420
  </svg>
405
- </span>
406
- </div>
407
- </span>
408
- <div
421
+ </ui_icon>
422
+ </ui_pressable>
423
+ </ui_layer>
424
+ <ui_layer_content
409
425
  class="layer"
410
426
  style="left: 0px; top: 0px;"
411
427
  >
412
428
  <div
413
429
  class="menu visible menuFilter"
414
430
  >
415
- <div
431
+ <ui_pressable
416
432
  class="pressable option divider"
433
+ tabindex="0"
417
434
  >
418
- <div
435
+ <ui_view
419
436
  class="view row wide content"
420
437
  >
421
- <span
438
+ <ui_text
422
439
  class="text bold small"
423
440
  >
424
441
  field
425
- </span>
426
- </div>
427
- </div>
428
- <div
442
+ </ui_text>
443
+ </ui_view>
444
+ </ui_pressable>
445
+ <ui_pressable
429
446
  class="pressable option divider"
447
+ tabindex="0"
430
448
  >
431
- <div
449
+ <ui_view
432
450
  class="view row wide content"
433
451
  >
434
- <div
452
+ <ui_view
435
453
  class="view inputContainer input"
436
454
  >
437
- <div
455
+ <ui_view
438
456
  class="view row inputBorder"
439
457
  >
440
- <span
458
+ <ui_icon
441
459
  class="icon headline-3 icon left"
442
460
  >
443
461
  <svg
@@ -457,8 +475,8 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
457
475
  d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
458
476
  />
459
477
  </svg>
460
- </span>
461
- <div
478
+ </ui_icon>
479
+ <ui_view
462
480
  class="view wide content"
463
481
  >
464
482
  <input
@@ -467,22 +485,24 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
467
485
  type="search"
468
486
  value=""
469
487
  />
470
- </div>
471
- </div>
472
- </div>
473
- </div>
474
- </div>
475
- <div
488
+ </ui_view>
489
+ </ui_view>
490
+ </ui_view>
491
+ </ui_view>
492
+ </ui_pressable>
493
+ <ui_pressable
476
494
  class="pressable option"
495
+ tabindex="0"
477
496
  >
478
- <div
497
+ <ui_view
479
498
  class="view row wide content"
480
499
  >
481
- <div
500
+ <ui_view
482
501
  class="view row wide items"
483
502
  >
484
503
  <button
485
504
  class="pressable button secondary wide"
505
+ tabindex="0"
486
506
  >
487
507
  Cancel
488
508
  </button>
@@ -492,22 +512,23 @@ exports[`component:<Table>:<ColumnFilter> prop:schema type:text 1`] = `
492
512
  >
493
513
  Submit
494
514
  </button>
495
- </div>
496
- </div>
497
- </div>
515
+ </ui_view>
516
+ </ui_view>
517
+ </ui_pressable>
498
518
  </div>
499
- </div>
519
+ </ui_layer_content>
500
520
  </DocumentFragment>
501
521
  `;
502
522
 
503
523
  exports[`component:<Table>:<ColumnFilter> renders 1`] = `
504
524
  <DocumentFragment>
505
- <span>
506
- <div
525
+ <ui_layer>
526
+ <ui_pressable
507
527
  class="pressable"
508
528
  style="position: relative;"
529
+ tabindex="0"
509
530
  >
510
- <span
531
+ <ui_icon
511
532
  class="icon headline-3 icon"
512
533
  >
513
534
  <svg
@@ -527,42 +548,44 @@ exports[`component:<Table>:<ColumnFilter> renders 1`] = `
527
548
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
528
549
  />
529
550
  </svg>
530
- </span>
531
- </div>
532
- </span>
533
- <div
551
+ </ui_icon>
552
+ </ui_pressable>
553
+ </ui_layer>
554
+ <ui_layer_content
534
555
  class="layer"
535
556
  style="left: 0px; top: 0px;"
536
557
  >
537
558
  <div
538
559
  class="menu visible menuFilter"
539
560
  >
540
- <div
561
+ <ui_pressable
541
562
  class="pressable option divider"
563
+ tabindex="0"
542
564
  >
543
- <div
565
+ <ui_view
544
566
  class="view row wide content"
545
567
  >
546
- <span
568
+ <ui_text
547
569
  class="text bold small"
548
570
  >
549
571
  field
550
- </span>
551
- </div>
552
- </div>
553
- <div
572
+ </ui_text>
573
+ </ui_view>
574
+ </ui_pressable>
575
+ <ui_pressable
554
576
  class="pressable option divider"
577
+ tabindex="0"
555
578
  >
556
- <div
579
+ <ui_view
557
580
  class="view row wide content"
558
581
  >
559
- <div
582
+ <ui_view
560
583
  class="view inputContainer input"
561
584
  >
562
- <div
585
+ <ui_view
563
586
  class="view row inputBorder"
564
587
  >
565
- <span
588
+ <ui_icon
566
589
  class="icon headline-3 icon left"
567
590
  >
568
591
  <svg
@@ -582,8 +605,8 @@ exports[`component:<Table>:<ColumnFilter> renders 1`] = `
582
605
  d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
583
606
  />
584
607
  </svg>
585
- </span>
586
- <div
608
+ </ui_icon>
609
+ <ui_view
587
610
  class="view wide content"
588
611
  >
589
612
  <input
@@ -592,22 +615,24 @@ exports[`component:<Table>:<ColumnFilter> renders 1`] = `
592
615
  type="search"
593
616
  value=""
594
617
  />
595
- </div>
596
- </div>
597
- </div>
598
- </div>
599
- </div>
600
- <div
618
+ </ui_view>
619
+ </ui_view>
620
+ </ui_view>
621
+ </ui_view>
622
+ </ui_pressable>
623
+ <ui_pressable
601
624
  class="pressable option"
625
+ tabindex="0"
602
626
  >
603
- <div
627
+ <ui_view
604
628
  class="view row wide content"
605
629
  >
606
- <div
630
+ <ui_view
607
631
  class="view row wide items"
608
632
  >
609
633
  <button
610
634
  class="pressable button secondary wide"
635
+ tabindex="0"
611
636
  >
612
637
  $Cancel
613
638
  </button>
@@ -617,24 +642,25 @@ exports[`component:<Table>:<ColumnFilter> renders 1`] = `
617
642
  >
618
643
  $Submit
619
644
  </button>
620
- </div>
621
- </div>
622
- </div>
645
+ </ui_view>
646
+ </ui_view>
647
+ </ui_pressable>
623
648
  </div>
624
- </div>
649
+ </ui_layer_content>
625
650
  </DocumentFragment>
626
651
  `;
627
652
 
628
653
  exports[`component:<Table>:<ColumnFilter> testId 1`] = `
629
654
  <DocumentFragment>
630
- <span
655
+ <ui_layer
631
656
  data-testid="mirai"
632
657
  >
633
- <div
658
+ <ui_pressable
634
659
  class="pressable"
635
660
  style="position: relative;"
661
+ tabindex="0"
636
662
  >
637
- <span
663
+ <ui_icon
638
664
  class="icon headline-3 icon"
639
665
  >
640
666
  <svg
@@ -654,44 +680,46 @@ exports[`component:<Table>:<ColumnFilter> testId 1`] = `
654
680
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
655
681
  />
656
682
  </svg>
657
- </span>
658
- </div>
659
- </span>
660
- <div
683
+ </ui_icon>
684
+ </ui_pressable>
685
+ </ui_layer>
686
+ <ui_layer_content
661
687
  class="layer"
662
688
  style="left: 0px; top: 0px;"
663
689
  >
664
690
  <div
665
691
  class="menu visible menuFilter"
666
692
  >
667
- <div
693
+ <ui_pressable
668
694
  class="pressable option divider"
669
695
  data-testid="mirai-0"
696
+ tabindex="0"
670
697
  >
671
- <div
698
+ <ui_view
672
699
  class="view row wide content"
673
700
  >
674
- <span
701
+ <ui_text
675
702
  class="text bold small"
676
703
  >
677
704
  field
678
- </span>
679
- </div>
680
- </div>
681
- <div
705
+ </ui_text>
706
+ </ui_view>
707
+ </ui_pressable>
708
+ <ui_pressable
682
709
  class="pressable option divider"
683
710
  data-testid="mirai-1"
711
+ tabindex="0"
684
712
  >
685
- <div
713
+ <ui_view
686
714
  class="view row wide content"
687
715
  >
688
- <div
716
+ <ui_view
689
717
  class="view inputContainer input"
690
718
  >
691
- <div
719
+ <ui_view
692
720
  class="view row inputBorder"
693
721
  >
694
- <span
722
+ <ui_icon
695
723
  class="icon headline-3 icon left"
696
724
  >
697
725
  <svg
@@ -711,8 +739,8 @@ exports[`component:<Table>:<ColumnFilter> testId 1`] = `
711
739
  d="M15.5 14h-.79l-.28-.27A6.471 6.471 0 0016 9.5 6.5 6.5 0 109.5 16c1.61 0 3.09-.59 4.23-1.57l.27.28v.79l5 4.99L20.49 19l-4.99-5zm-6 0C7.01 14 5 11.99 5 9.5S7.01 5 9.5 5 14 7.01 14 9.5 11.99 14 9.5 14z"
712
740
  />
713
741
  </svg>
714
- </span>
715
- <div
742
+ </ui_icon>
743
+ <ui_view
716
744
  class="view wide content"
717
745
  >
718
746
  <input
@@ -721,23 +749,25 @@ exports[`component:<Table>:<ColumnFilter> testId 1`] = `
721
749
  type="search"
722
750
  value=""
723
751
  />
724
- </div>
725
- </div>
726
- </div>
727
- </div>
728
- </div>
729
- <div
752
+ </ui_view>
753
+ </ui_view>
754
+ </ui_view>
755
+ </ui_view>
756
+ </ui_pressable>
757
+ <ui_pressable
730
758
  class="pressable option"
731
759
  data-testid="mirai-2"
760
+ tabindex="0"
732
761
  >
733
- <div
762
+ <ui_view
734
763
  class="view row wide content"
735
764
  >
736
- <div
765
+ <ui_view
737
766
  class="view row wide items"
738
767
  >
739
768
  <button
740
769
  class="pressable button secondary wide"
770
+ tabindex="0"
741
771
  >
742
772
  $Cancel
743
773
  </button>
@@ -748,10 +778,10 @@ exports[`component:<Table>:<ColumnFilter> testId 1`] = `
748
778
  >
749
779
  $Submit
750
780
  </button>
751
- </div>
752
- </div>
753
- </div>
781
+ </ui_view>
782
+ </ui_view>
783
+ </ui_pressable>
754
784
  </div>
755
- </div>
785
+ </ui_layer_content>
756
786
  </DocumentFragment>
757
787
  `;