@mirai/ui 1.0.218 → 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 (130) 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 +55 -41
  7. package/build/components/Button/Button.js +7 -5
  8. package/build/components/Button/Button.js.map +1 -1
  9. package/build/components/Button/Button.module.css +10 -16
  10. package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap +45 -34
  11. package/build/components/Calendar/Calendar.Month.js +6 -4
  12. package/build/components/Calendar/Calendar.Month.js.map +1 -1
  13. package/build/components/Calendar/Calendar.Week.js +6 -6
  14. package/build/components/Calendar/Calendar.Week.js.map +1 -1
  15. package/build/components/Calendar/Calendar.Weekdays.js +6 -3
  16. package/build/components/Calendar/Calendar.Weekdays.js.map +1 -1
  17. package/build/components/Calendar/Calendar.js +3 -3
  18. package/build/components/Calendar/Calendar.js.map +1 -1
  19. package/build/components/Calendar/Calendar.module.css +6 -7
  20. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +17618 -17586
  21. package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +10 -10
  22. package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +49 -49
  23. package/build/components/InputNumber/InputNumber.js +9 -7
  24. package/build/components/InputNumber/InputNumber.js.map +1 -1
  25. package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +153 -138
  26. package/build/components/InputOption/InputOption.js +7 -4
  27. package/build/components/InputOption/InputOption.js.map +1 -1
  28. package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +84 -71
  29. package/build/components/InputPhone/InputPhone.js +11 -11
  30. package/build/components/InputPhone/InputPhone.js.map +1 -1
  31. package/build/components/InputPhone/__tests__/__snapshots__/InputPhone.test.js.snap +371 -371
  32. package/build/components/InputSelect/InputSelect.js +7 -7
  33. package/build/components/InputSelect/InputSelect.js.map +1 -1
  34. package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +112 -112
  35. package/build/components/InputText/InputText.js +10 -10
  36. package/build/components/InputText/InputText.js.map +1 -1
  37. package/build/components/InputText/InputText.module.css +3 -7
  38. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +147 -146
  39. package/build/components/InputText/partials/InputText.Hint.js +5 -2
  40. package/build/components/InputText/partials/InputText.Hint.js.map +1 -1
  41. package/build/components/InputText/partials/InputText.IconState.js +5 -2
  42. package/build/components/InputText/partials/InputText.IconState.js.map +1 -1
  43. package/build/components/InputText/partials/InputText.Label.js +6 -3
  44. package/build/components/InputText/partials/InputText.Label.js.map +1 -1
  45. package/build/components/Menu/Menu.Option.js +8 -5
  46. package/build/components/Menu/Menu.Option.js.map +1 -1
  47. package/build/components/Menu/Menu.js +6 -3
  48. package/build/components/Menu/Menu.js.map +1 -1
  49. package/build/components/Menu/Menu.module.css +3 -3
  50. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +80 -67
  51. package/build/components/Modal/Modal.js +9 -9
  52. package/build/components/Modal/Modal.js.map +1 -1
  53. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +91 -72
  54. package/build/components/Notification/Notification.js +8 -5
  55. package/build/components/Notification/Notification.js.map +1 -1
  56. package/build/components/Notification/Notification.module.css +7 -10
  57. package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +149 -148
  58. package/build/components/Progress/Progress.js +6 -3
  59. package/build/components/Progress/Progress.js.map +1 -1
  60. package/build/components/Progress/__tests__/__snapshots__/Progress.test.jsx.snap +18 -18
  61. package/build/components/Slider/Slider.js +11 -11
  62. package/build/components/Slider/Slider.js.map +1 -1
  63. package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +248 -230
  64. package/build/components/Table/Table.ColumnFilter.js +9 -9
  65. package/build/components/Table/Table.ColumnFilter.js.map +1 -1
  66. package/build/components/Table/Table.Filter.js +7 -4
  67. package/build/components/Table/Table.Filter.js.map +1 -1
  68. package/build/components/Table/Table.Row.js +7 -8
  69. package/build/components/Table/Table.Row.js.map +1 -1
  70. package/build/components/Table/Table.js +3 -3
  71. package/build/components/Table/Table.js.map +1 -1
  72. package/build/components/Table/Table.module.css +2 -6
  73. package/build/components/Table/Table.stories.js +4 -5
  74. package/build/components/Table/Table.stories.js.map +1 -1
  75. package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +258 -228
  76. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +1010 -1090
  77. package/build/components/Tooltip/Tooltip.js +4 -4
  78. package/build/components/Tooltip/Tooltip.js.map +1 -1
  79. package/build/components/Tooltip/Tooltip.module.css +5 -5
  80. package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +46 -36
  81. package/build/primitives/Checkbox/Checkbox.js +7 -3
  82. package/build/primitives/Checkbox/Checkbox.js.map +1 -1
  83. package/build/primitives/Checkbox/Checkbox.module.css +1 -2
  84. package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap +16 -16
  85. package/build/primitives/Icon/Icon.js +5 -3
  86. package/build/primitives/Icon/Icon.js.map +1 -1
  87. package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +60 -60
  88. package/build/primitives/Input/Input.js +2 -2
  89. package/build/primitives/Input/Input.js.map +1 -1
  90. package/build/primitives/Layer/Layer.js +4 -3
  91. package/build/primitives/Layer/Layer.js.map +1 -1
  92. package/build/primitives/Layer/Layer.module.css +4 -1
  93. package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +48 -42
  94. package/build/primitives/Pressable/Pressable.constants.js +1 -1
  95. package/build/primitives/Pressable/Pressable.constants.js.map +1 -1
  96. package/build/primitives/Pressable/Pressable.js +11 -5
  97. package/build/primitives/Pressable/Pressable.js.map +1 -1
  98. package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap +14 -10
  99. package/build/primitives/Primitive/Primitive.js +2 -2
  100. package/build/primitives/Primitive/Primitive.js.map +1 -1
  101. package/build/primitives/Primitive/Primitive.module.css +241 -0
  102. package/build/primitives/Primitive/__tests__/__snapshots__/Primitive.test.js.snap +7 -7
  103. package/build/primitives/Primitive/helpers/getTag.js +32 -0
  104. package/build/primitives/Primitive/helpers/getTag.js.map +1 -0
  105. package/build/primitives/Primitive/helpers/index.js +11 -0
  106. package/build/primitives/Primitive/helpers/index.js.map +1 -1
  107. package/build/primitives/Radio/Radio.js +8 -5
  108. package/build/primitives/Radio/Radio.js.map +1 -1
  109. package/build/primitives/Radio/Radio.module.css +2 -2
  110. package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap +21 -21
  111. package/build/primitives/ScrollView/ScrollView.js +3 -3
  112. package/build/primitives/ScrollView/ScrollView.js.map +1 -1
  113. package/build/primitives/ScrollView/ScrollView.stories.js +6 -5
  114. package/build/primitives/ScrollView/ScrollView.stories.js.map +1 -1
  115. package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap +20 -20
  116. package/build/primitives/Select/Select.js +2 -2
  117. package/build/primitives/Select/Select.js.map +1 -1
  118. package/build/primitives/Select/Select.module.css +1 -5
  119. package/build/primitives/Switch/Switch.js +8 -5
  120. package/build/primitives/Switch/Switch.js.map +1 -1
  121. package/build/primitives/Switch/Switch.module.css +1 -5
  122. package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap +25 -25
  123. package/build/primitives/Text/Text.js +7 -4
  124. package/build/primitives/Text/Text.js.map +1 -1
  125. package/build/primitives/Text/Text.module.css +4 -8
  126. package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +38 -38
  127. package/build/primitives/View/View.js +5 -3
  128. package/build/primitives/View/View.js.map +1 -1
  129. package/build/primitives/View/__tests__/__snapshots__/View.test.js.snap +10 -10
  130. package/package.json +5 -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
- class="pressable option divider enabled"
41
+ <ui_pressable
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
54
- class="pressable option divider enabled"
52
+ </ui_text>
53
+ </ui_view>
54
+ </ui_pressable>
55
+ <ui_pressable
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,57 +85,60 @@ 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
90
- class="input input singleLine"
93
+ class="input input"
91
94
  name="search"
92
95
  type="search"
93
96
  value=""
94
97
  />
95
- </div>
96
- </div>
97
- </div>
98
- </div>
99
- </div>
100
- <div
101
- class="pressable option enabled"
98
+ </ui_view>
99
+ </ui_view>
100
+ </ui_view>
101
+ </ui_view>
102
+ </ui_pressable>
103
+ <ui_pressable
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
- class="pressable button active default secondary solid enabled wide"
114
+ class="pressable button secondary wide"
115
+ tabindex="0"
111
116
  >
112
117
  $Cancel
113
118
  </button>
114
119
  <button
115
- class="pressable disabled button active default primary solid disabled wide"
120
+ class="pressable disabled button disabled wide"
116
121
  disabled=""
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
166
- class="pressable option divider enabled"
171
+ <ui_pressable
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
179
- class="pressable option divider enabled"
182
+ </ui_text>
183
+ </ui_view>
184
+ </ui_pressable>
185
+ <ui_pressable
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,57 +215,60 @@ 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
215
- class="input input singleLine"
223
+ class="input input"
216
224
  name="search"
217
225
  type="search"
218
226
  value=""
219
227
  />
220
- </div>
221
- </div>
222
- </div>
223
- </div>
224
- </div>
225
- <div
226
- class="pressable option enabled"
228
+ </ui_view>
229
+ </ui_view>
230
+ </ui_view>
231
+ </ui_view>
232
+ </ui_pressable>
233
+ <ui_pressable
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
- class="pressable button active default secondary solid enabled wide"
244
+ class="pressable button secondary wide"
245
+ tabindex="0"
236
246
  >
237
247
  Cancel
238
248
  </button>
239
249
  <button
240
- class="pressable disabled button active default primary solid disabled wide"
250
+ class="pressable disabled button disabled wide"
241
251
  disabled=""
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
291
- class="pressable option divider enabled"
301
+ <ui_pressable
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
304
- class="pressable option divider enabled"
312
+ </ui_text>
313
+ </ui_view>
314
+ </ui_pressable>
315
+ <ui_pressable
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,57 +345,60 @@ 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
340
- class="input input singleLine"
353
+ class="input input"
341
354
  name="search"
342
355
  type="search"
343
356
  value=""
344
357
  />
345
- </div>
346
- </div>
347
- </div>
348
- </div>
349
- </div>
350
- <div
351
- class="pressable option enabled"
358
+ </ui_view>
359
+ </ui_view>
360
+ </ui_view>
361
+ </ui_view>
362
+ </ui_pressable>
363
+ <ui_pressable
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
- class="pressable button active default secondary solid enabled wide"
374
+ class="pressable button secondary wide"
375
+ tabindex="0"
361
376
  >
362
377
  Cancel
363
378
  </button>
364
379
  <button
365
- class="pressable disabled button active default primary solid disabled wide"
380
+ class="pressable disabled button disabled wide"
366
381
  disabled=""
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
416
- class="pressable option divider enabled"
431
+ <ui_pressable
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
429
- class="pressable option divider enabled"
442
+ </ui_text>
443
+ </ui_view>
444
+ </ui_pressable>
445
+ <ui_pressable
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,57 +475,60 @@ 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
465
- class="input input singleLine"
483
+ class="input input"
466
484
  name="search"
467
485
  type="search"
468
486
  value=""
469
487
  />
470
- </div>
471
- </div>
472
- </div>
473
- </div>
474
- </div>
475
- <div
476
- class="pressable option enabled"
488
+ </ui_view>
489
+ </ui_view>
490
+ </ui_view>
491
+ </ui_view>
492
+ </ui_pressable>
493
+ <ui_pressable
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
- class="pressable button active default secondary solid enabled wide"
504
+ class="pressable button secondary wide"
505
+ tabindex="0"
486
506
  >
487
507
  Cancel
488
508
  </button>
489
509
  <button
490
- class="pressable disabled button active default primary solid disabled wide"
510
+ class="pressable disabled button disabled wide"
491
511
  disabled=""
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
541
- class="pressable option divider enabled"
561
+ <ui_pressable
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
554
- class="pressable option divider enabled"
572
+ </ui_text>
573
+ </ui_view>
574
+ </ui_pressable>
575
+ <ui_pressable
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,59 +605,62 @@ 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
590
- class="input input singleLine"
613
+ class="input input"
591
614
  name="search"
592
615
  type="search"
593
616
  value=""
594
617
  />
595
- </div>
596
- </div>
597
- </div>
598
- </div>
599
- </div>
600
- <div
601
- class="pressable option enabled"
618
+ </ui_view>
619
+ </ui_view>
620
+ </ui_view>
621
+ </ui_view>
622
+ </ui_pressable>
623
+ <ui_pressable
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
- class="pressable button active default secondary solid enabled wide"
634
+ class="pressable button secondary wide"
635
+ tabindex="0"
611
636
  >
612
637
  $Cancel
613
638
  </button>
614
639
  <button
615
- class="pressable disabled button active default primary solid disabled wide"
640
+ class="pressable disabled button disabled wide"
616
641
  disabled=""
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
668
- class="pressable option divider enabled"
693
+ <ui_pressable
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
682
- class="pressable option divider enabled"
705
+ </ui_text>
706
+ </ui_view>
707
+ </ui_pressable>
708
+ <ui_pressable
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,47 +739,49 @@ 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
719
- class="input input singleLine"
747
+ class="input input"
720
748
  name="search"
721
749
  type="search"
722
750
  value=""
723
751
  />
724
- </div>
725
- </div>
726
- </div>
727
- </div>
728
- </div>
729
- <div
730
- class="pressable option enabled"
752
+ </ui_view>
753
+ </ui_view>
754
+ </ui_view>
755
+ </ui_view>
756
+ </ui_pressable>
757
+ <ui_pressable
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
- class="pressable button active default secondary solid enabled wide"
769
+ class="pressable button secondary wide"
770
+ tabindex="0"
741
771
  >
742
772
  $Cancel
743
773
  </button>
744
774
  <button
745
- class="pressable disabled button active default primary solid disabled wide"
775
+ class="pressable disabled button disabled wide"
746
776
  data-testid="mirai-submit"
747
777
  disabled=""
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
  `;