@mirai/ui 1.1.0-f → 1.1.2

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 (186) hide show
  1. package/README.md +109 -60
  2. package/build/components/Action/Action.js +1 -1
  3. package/build/components/Action/Action.js.map +1 -1
  4. package/build/components/Action/Action.module.css +4 -7
  5. package/build/components/Action/Action.stories.js +1 -1
  6. package/build/components/Action/Action.stories.js.map +1 -1
  7. package/build/components/Action/__tests__/__snapshots__/Action.test.js.snap +26 -40
  8. package/build/components/Button/Button.module.css +31 -33
  9. package/build/components/Button/Button.stories.js +9 -0
  10. package/build/components/Button/Button.stories.js.map +1 -1
  11. package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap +21 -30
  12. package/build/components/Calendar/Calendar.Month.js +12 -8
  13. package/build/components/Calendar/Calendar.Month.js.map +1 -1
  14. package/build/components/Calendar/Calendar.Week.js +7 -10
  15. package/build/components/Calendar/Calendar.Week.js.map +1 -1
  16. package/build/components/Calendar/Calendar.js +10 -2
  17. package/build/components/Calendar/Calendar.js.map +1 -1
  18. package/build/components/Calendar/Calendar.module.css +8 -9
  19. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +15768 -15800
  20. package/build/components/Form/Form.constants.js +1 -1
  21. package/build/components/Form/Form.constants.js.map +1 -1
  22. package/build/components/Form/Form.js +3 -1
  23. package/build/components/Form/Form.js.map +1 -1
  24. package/build/components/Form/Form.stories.js +6 -1
  25. package/build/components/Form/Form.stories.js.map +1 -1
  26. package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +9 -9
  27. package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +42 -42
  28. package/build/components/InputNumber/InputNumber.js +2 -1
  29. package/build/components/InputNumber/InputNumber.js.map +1 -1
  30. package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +138 -153
  31. package/build/components/InputOption/InputOption.js +8 -1
  32. package/build/components/InputOption/InputOption.js.map +1 -1
  33. package/build/components/InputOption/InputOption.module.css +13 -2
  34. package/build/components/InputOption/InputOption.stories.js +2 -1
  35. package/build/components/InputOption/InputOption.stories.js.map +1 -1
  36. package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +96 -90
  37. package/build/components/InputPhone/InputPhone.js +23 -20
  38. package/build/components/InputPhone/InputPhone.js.map +1 -1
  39. package/build/components/InputPhone/InputPhone.module.css +19 -6
  40. package/build/components/InputPhone/InputPhone.stories.js +3 -3
  41. package/build/components/InputPhone/InputPhone.stories.js.map +1 -1
  42. package/build/components/InputPhone/__tests__/__snapshots__/InputPhone.test.js.snap +410 -410
  43. package/build/components/InputPhone/helpers/index.js +11 -0
  44. package/build/components/InputPhone/helpers/index.js.map +1 -1
  45. package/build/components/InputPhone/helpers/sanitizePrefixes.js +24 -0
  46. package/build/components/InputPhone/helpers/sanitizePrefixes.js.map +1 -0
  47. package/build/components/InputSelect/InputSelect.js +3 -5
  48. package/build/components/InputSelect/InputSelect.js.map +1 -1
  49. package/build/components/InputSelect/InputSelect.stories.js +1 -0
  50. package/build/components/InputSelect/InputSelect.stories.js.map +1 -1
  51. package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +136 -136
  52. package/build/components/InputSelect/partials/InputSelect.Expand.js +23 -0
  53. package/build/components/InputSelect/partials/InputSelect.Expand.js.map +1 -0
  54. package/build/components/InputSelect/partials/index.js +17 -0
  55. package/build/components/InputSelect/partials/index.js.map +1 -0
  56. package/build/components/InputText/InputText.js +6 -4
  57. package/build/components/InputText/InputText.js.map +1 -1
  58. package/build/components/InputText/InputText.module.css +18 -6
  59. package/build/components/InputText/InputText.stories.js +7 -2
  60. package/build/components/InputText/InputText.stories.js.map +1 -1
  61. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +142 -143
  62. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +72 -70
  63. package/build/components/Modal/Modal.js +15 -8
  64. package/build/components/Modal/Modal.js.map +1 -1
  65. package/build/components/Modal/Modal.module.css +30 -14
  66. package/build/components/Modal/Modal.stories.js +1 -0
  67. package/build/components/Modal/Modal.stories.js.map +1 -1
  68. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +92 -98
  69. package/build/components/Notification/Notification.js +20 -12
  70. package/build/components/Notification/Notification.js.map +1 -1
  71. package/build/components/Notification/Notification.module.css +44 -58
  72. package/build/components/Notification/Notification.stories.js +15 -2
  73. package/build/components/Notification/Notification.stories.js.map +1 -1
  74. package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +600 -254
  75. package/build/components/Progress/Progress.js +2 -0
  76. package/build/components/Progress/Progress.js.map +1 -1
  77. package/build/components/Progress/__tests__/__snapshots__/Progress.test.jsx.snap +18 -18
  78. package/build/components/Slider/Slider.constants.js +3 -1
  79. package/build/components/Slider/Slider.constants.js.map +1 -1
  80. package/build/components/Slider/Slider.js +67 -66
  81. package/build/components/Slider/Slider.js.map +1 -1
  82. package/build/components/Slider/Slider.module.css +55 -52
  83. package/build/components/Slider/Slider.stories.js +9 -6
  84. package/build/components/Slider/Slider.stories.js.map +1 -1
  85. package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +714 -333
  86. package/build/components/Table/Table.ColumnFilter.js +17 -14
  87. package/build/components/Table/Table.ColumnFilter.js.map +1 -1
  88. package/build/components/Table/Table.Row.js +2 -1
  89. package/build/components/Table/Table.Row.js.map +1 -1
  90. package/build/components/Table/Table.constants.js +3 -1
  91. package/build/components/Table/Table.constants.js.map +1 -1
  92. package/build/components/Table/Table.js +54 -17
  93. package/build/components/Table/Table.js.map +1 -1
  94. package/build/components/Table/Table.module.css +12 -6
  95. package/build/components/Table/Table.stories.js +39 -19
  96. package/build/components/Table/Table.stories.js.map +1 -1
  97. package/build/components/Table/Table.stories.module.css +4 -5
  98. package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +221 -240
  99. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +1725 -1085
  100. package/build/components/Table/helpers/exists.js +2 -3
  101. package/build/components/Table/helpers/exists.js.map +1 -1
  102. package/build/components/Table/helpers/select.js +24 -16
  103. package/build/components/Table/helpers/select.js.map +1 -1
  104. package/build/components/Tooltip/Tooltip.js +29 -6
  105. package/build/components/Tooltip/Tooltip.js.map +1 -1
  106. package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +51 -44
  107. package/build/components/index.js +11 -0
  108. package/build/components/index.js.map +1 -1
  109. package/build/helpers/getInputPhoneErrors.js +3 -2
  110. package/build/helpers/getInputPhoneErrors.js.map +1 -1
  111. package/build/hooks/useDevice.js +1 -1
  112. package/build/hooks/useDevice.js.map +1 -1
  113. package/build/primitives/Checkbox/Checkbox.js +4 -3
  114. package/build/primitives/Checkbox/Checkbox.js.map +1 -1
  115. package/build/primitives/Checkbox/Checkbox.module.css +43 -6
  116. package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap +47 -16
  117. package/build/primitives/Icon/Icon.constants.js +43 -21
  118. package/build/primitives/Icon/Icon.constants.js.map +1 -1
  119. package/build/primitives/Icon/Icon.js +15 -5
  120. package/build/primitives/Icon/Icon.js.map +1 -1
  121. package/build/primitives/Icon/Icon.module.css +32 -19
  122. package/build/primitives/Icon/Icon.stories.js +5 -0
  123. package/build/primitives/Icon/Icon.stories.js.map +1 -1
  124. package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +291 -100
  125. package/build/primitives/Input/Input.js +9 -3
  126. package/build/primitives/Input/Input.js.map +1 -1
  127. package/build/primitives/Input/Input.stories.js +2 -0
  128. package/build/primitives/Input/Input.stories.js.map +1 -1
  129. package/build/primitives/Input/__tests__/__snapshots__/Input.test.js.snap +22 -0
  130. package/build/primitives/Layer/Layer.js +11 -5
  131. package/build/primitives/Layer/Layer.js.map +1 -1
  132. package/build/primitives/Layer/Layer.module.css +4 -0
  133. package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +78 -42
  134. package/build/primitives/Layer/helpers/index.js +11 -0
  135. package/build/primitives/Layer/helpers/index.js.map +1 -1
  136. package/build/primitives/Layer/helpers/isComponentFixed.js +32 -0
  137. package/build/primitives/Layer/helpers/isComponentFixed.js.map +1 -0
  138. package/build/primitives/Pressable/Pressable.constants.js +1 -1
  139. package/build/primitives/Pressable/Pressable.constants.js.map +1 -1
  140. package/build/primitives/Pressable/Pressable.js +3 -7
  141. package/build/primitives/Pressable/Pressable.js.map +1 -1
  142. package/build/primitives/Pressable/Pressable.module.css +0 -1
  143. package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap +10 -14
  144. package/build/primitives/Primitive/Primitive.js +2 -2
  145. package/build/primitives/Primitive/Primitive.js.map +1 -1
  146. package/build/primitives/Primitive/__tests__/__snapshots__/Primitive.test.js.snap +7 -7
  147. package/build/primitives/Primitive/helpers/index.js +0 -11
  148. package/build/primitives/Primitive/helpers/index.js.map +1 -1
  149. package/build/primitives/Radio/Radio.js +1 -1
  150. package/build/primitives/Radio/Radio.js.map +1 -1
  151. package/build/primitives/Radio/Radio.module.css +20 -2
  152. package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap +21 -21
  153. package/build/primitives/ScrollView/ScrollView.js +1 -1
  154. package/build/primitives/ScrollView/ScrollView.js.map +1 -1
  155. package/build/primitives/ScrollView/ScrollView.module.css +1 -0
  156. package/build/primitives/ScrollView/ScrollView.stories.js +5 -6
  157. package/build/primitives/ScrollView/ScrollView.stories.js.map +1 -1
  158. package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap +20 -20
  159. package/build/primitives/Select/Select.js +13 -6
  160. package/build/primitives/Select/Select.js.map +1 -1
  161. package/build/primitives/Select/Select.stories.js +1 -0
  162. package/build/primitives/Select/Select.stories.js.map +1 -1
  163. package/build/primitives/Select/__tests__/__snapshots__/Select.test.js.snap +36 -0
  164. package/build/primitives/Switch/Switch.js +5 -3
  165. package/build/primitives/Switch/Switch.js.map +1 -1
  166. package/build/primitives/Switch/Switch.module.css +35 -7
  167. package/build/primitives/Switch/Switch.stories.js +1 -0
  168. package/build/primitives/Switch/Switch.stories.js.map +1 -1
  169. package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap +88 -25
  170. package/build/primitives/Text/Text.js +12 -5
  171. package/build/primitives/Text/Text.js.map +1 -1
  172. package/build/primitives/Text/Text.module.css +29 -14
  173. package/build/primitives/Text/Text.stories.js +4 -0
  174. package/build/primitives/Text/Text.stories.js.map +1 -1
  175. package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +78 -38
  176. package/build/primitives/View/View.js +1 -1
  177. package/build/primitives/View/View.js.map +1 -1
  178. package/build/primitives/View/__tests__/__snapshots__/View.test.js.snap +10 -10
  179. package/build/theme/default.theme.css +54 -53
  180. package/build/theme/theme.constants.js +3 -1
  181. package/build/theme/theme.constants.js.map +1 -1
  182. package/build/theme/theme.js +34 -11
  183. package/build/theme/theme.js.map +1 -1
  184. package/package.json +4 -5
  185. package/build/primitives/Primitive/helpers/getTag.js +0 -33
  186. package/build/primitives/Primitive/helpers/getTag.js.map +0 -1
@@ -2,18 +2,18 @@
2
2
 
3
3
  exports[`component:<InputNumber> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
- <ui_view
5
+ <div
6
6
  class="view row inputNumber mirai"
7
7
  >
8
- <ui_view
8
+ <div
9
9
  class="view texts"
10
10
  />
11
11
  <button
12
12
  class="pressable disabled button rounded squared disabled"
13
13
  disabled=""
14
14
  >
15
- <ui_icon
16
- class="icon h3"
15
+ <span
16
+ class="icon headline-3"
17
17
  >
18
18
  <svg
19
19
  fill="currentColor"
@@ -32,19 +32,18 @@ exports[`component:<InputNumber> inherit:className 1`] = `
32
32
  d="M19 13H5v-2h14v2z"
33
33
  />
34
34
  </svg>
35
- </ui_icon>
35
+ </span>
36
36
  </button>
37
- <ui_h3
37
+ <span
38
38
  class="text headline-3 value"
39
39
  >
40
40
  0
41
- </ui_h3>
41
+ </span>
42
42
  <button
43
43
  class="pressable button rounded squared secondary"
44
- tabindex="0"
45
44
  >
46
- <ui_icon
47
- class="icon h3"
45
+ <span
46
+ class="icon headline-3"
48
47
  >
49
48
  <svg
50
49
  fill="currentColor"
@@ -63,26 +62,26 @@ exports[`component:<InputNumber> inherit:className 1`] = `
63
62
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
64
63
  />
65
64
  </svg>
66
- </ui_icon>
65
+ </span>
67
66
  </button>
68
- </ui_view>
67
+ </div>
69
68
  </DocumentFragment>
70
69
  `;
71
70
 
72
71
  exports[`component:<InputNumber> prop:disabled 1`] = `
73
72
  <DocumentFragment>
74
- <ui_view
73
+ <div
75
74
  class="view row inputNumber"
76
75
  >
77
- <ui_view
76
+ <div
78
77
  class="view texts"
79
78
  />
80
79
  <button
81
80
  class="pressable disabled button rounded squared disabled"
82
81
  disabled=""
83
82
  >
84
- <ui_icon
85
- class="icon h3"
83
+ <span
84
+ class="icon headline-3"
86
85
  >
87
86
  <svg
88
87
  fill="currentColor"
@@ -101,19 +100,19 @@ exports[`component:<InputNumber> prop:disabled 1`] = `
101
100
  d="M19 13H5v-2h14v2z"
102
101
  />
103
102
  </svg>
104
- </ui_icon>
103
+ </span>
105
104
  </button>
106
- <ui_h3
105
+ <span
107
106
  class="text headline-3 value disabled"
108
107
  >
109
108
  0
110
- </ui_h3>
109
+ </span>
111
110
  <button
112
111
  class="pressable disabled button rounded squared disabled"
113
112
  disabled=""
114
113
  >
115
- <ui_icon
116
- class="icon h3"
114
+ <span
115
+ class="icon headline-3"
117
116
  >
118
117
  <svg
119
118
  fill="currentColor"
@@ -132,32 +131,32 @@ exports[`component:<InputNumber> prop:disabled 1`] = `
132
131
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
133
132
  />
134
133
  </svg>
135
- </ui_icon>
134
+ </span>
136
135
  </button>
137
- </ui_view>
136
+ </div>
138
137
  </DocumentFragment>
139
138
  `;
140
139
 
141
140
  exports[`component:<InputNumber> prop:hint 1`] = `
142
141
  <DocumentFragment>
143
- <ui_view
142
+ <div
144
143
  class="view row inputNumber"
145
144
  >
146
- <ui_view
145
+ <div
147
146
  class="view texts"
148
147
  >
149
- <ui_text
148
+ <span
150
149
  class="text small text hint hint"
151
150
  >
152
151
  hint
153
- </ui_text>
154
- </ui_view>
152
+ </span>
153
+ </div>
155
154
  <button
156
155
  class="pressable disabled button rounded squared disabled"
157
156
  disabled=""
158
157
  >
159
- <ui_icon
160
- class="icon h3"
158
+ <span
159
+ class="icon headline-3"
161
160
  >
162
161
  <svg
163
162
  fill="currentColor"
@@ -176,19 +175,18 @@ exports[`component:<InputNumber> prop:hint 1`] = `
176
175
  d="M19 13H5v-2h14v2z"
177
176
  />
178
177
  </svg>
179
- </ui_icon>
178
+ </span>
180
179
  </button>
181
- <ui_h3
180
+ <span
182
181
  class="text headline-3 value"
183
182
  >
184
183
  0
185
- </ui_h3>
184
+ </span>
186
185
  <button
187
186
  class="pressable button rounded squared secondary"
188
- tabindex="0"
189
187
  >
190
- <ui_icon
191
- class="icon h3"
188
+ <span
189
+ class="icon headline-3"
192
190
  >
193
191
  <svg
194
192
  fill="currentColor"
@@ -207,32 +205,32 @@ exports[`component:<InputNumber> prop:hint 1`] = `
207
205
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
208
206
  />
209
207
  </svg>
210
- </ui_icon>
208
+ </span>
211
209
  </button>
212
- </ui_view>
210
+ </div>
213
211
  </DocumentFragment>
214
212
  `;
215
213
 
216
214
  exports[`component:<InputNumber> prop:label 1`] = `
217
215
  <DocumentFragment>
218
- <ui_view
216
+ <div
219
217
  class="view row inputNumber"
220
218
  >
221
- <ui_view
219
+ <div
222
220
  class="view texts"
223
221
  >
224
- <ui_text
222
+ <span
225
223
  class="text paragraph text label"
226
224
  >
227
225
  label
228
- </ui_text>
229
- </ui_view>
226
+ </span>
227
+ </div>
230
228
  <button
231
229
  class="pressable disabled button rounded squared disabled"
232
230
  disabled=""
233
231
  >
234
- <ui_icon
235
- class="icon h3"
232
+ <span
233
+ class="icon headline-3"
236
234
  >
237
235
  <svg
238
236
  fill="currentColor"
@@ -251,19 +249,18 @@ exports[`component:<InputNumber> prop:label 1`] = `
251
249
  d="M19 13H5v-2h14v2z"
252
250
  />
253
251
  </svg>
254
- </ui_icon>
252
+ </span>
255
253
  </button>
256
- <ui_h3
254
+ <span
257
255
  class="text headline-3 value"
258
256
  >
259
257
  0
260
- </ui_h3>
258
+ </span>
261
259
  <button
262
260
  class="pressable button rounded squared secondary"
263
- tabindex="0"
264
261
  >
265
- <ui_icon
266
- class="icon h3"
262
+ <span
263
+ class="icon headline-3"
267
264
  >
268
265
  <svg
269
266
  fill="currentColor"
@@ -282,26 +279,25 @@ exports[`component:<InputNumber> prop:label 1`] = `
282
279
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
283
280
  />
284
281
  </svg>
285
- </ui_icon>
282
+ </span>
286
283
  </button>
287
- </ui_view>
284
+ </div>
288
285
  </DocumentFragment>
289
286
  `;
290
287
 
291
288
  exports[`component:<InputNumber> prop:max 1`] = `
292
289
  <DocumentFragment>
293
- <ui_view
290
+ <div
294
291
  class="view row inputNumber"
295
292
  >
296
- <ui_view
293
+ <div
297
294
  class="view texts"
298
295
  />
299
296
  <button
300
297
  class="pressable button rounded squared secondary"
301
- tabindex="0"
302
298
  >
303
- <ui_icon
304
- class="icon h3"
299
+ <span
300
+ class="icon headline-3"
305
301
  >
306
302
  <svg
307
303
  fill="currentColor"
@@ -320,19 +316,19 @@ exports[`component:<InputNumber> prop:max 1`] = `
320
316
  d="M19 13H5v-2h14v2z"
321
317
  />
322
318
  </svg>
323
- </ui_icon>
319
+ </span>
324
320
  </button>
325
- <ui_h3
321
+ <span
326
322
  class="text headline-3 value"
327
323
  >
328
324
  10
329
- </ui_h3>
325
+ </span>
330
326
  <button
331
327
  class="pressable disabled button rounded squared disabled"
332
328
  disabled=""
333
329
  >
334
- <ui_icon
335
- class="icon h3"
330
+ <span
331
+ class="icon headline-3"
336
332
  >
337
333
  <svg
338
334
  fill="currentColor"
@@ -351,26 +347,26 @@ exports[`component:<InputNumber> prop:max 1`] = `
351
347
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
352
348
  />
353
349
  </svg>
354
- </ui_icon>
350
+ </span>
355
351
  </button>
356
- </ui_view>
352
+ </div>
357
353
  </DocumentFragment>
358
354
  `;
359
355
 
360
356
  exports[`component:<InputNumber> prop:min 1`] = `
361
357
  <DocumentFragment>
362
- <ui_view
358
+ <div
363
359
  class="view row inputNumber"
364
360
  >
365
- <ui_view
361
+ <div
366
362
  class="view texts"
367
363
  />
368
364
  <button
369
365
  class="pressable disabled button rounded squared disabled"
370
366
  disabled=""
371
367
  >
372
- <ui_icon
373
- class="icon h3"
368
+ <span
369
+ class="icon headline-3"
374
370
  >
375
371
  <svg
376
372
  fill="currentColor"
@@ -389,19 +385,18 @@ exports[`component:<InputNumber> prop:min 1`] = `
389
385
  d="M19 13H5v-2h14v2z"
390
386
  />
391
387
  </svg>
392
- </ui_icon>
388
+ </span>
393
389
  </button>
394
- <ui_h3
390
+ <span
395
391
  class="text headline-3 value"
396
392
  >
397
393
  10
398
- </ui_h3>
394
+ </span>
399
395
  <button
400
396
  class="pressable button rounded squared secondary"
401
- tabindex="0"
402
397
  >
403
- <ui_icon
404
- class="icon h3"
398
+ <span
399
+ class="icon headline-3"
405
400
  >
406
401
  <svg
407
402
  fill="currentColor"
@@ -420,26 +415,25 @@ exports[`component:<InputNumber> prop:min 1`] = `
420
415
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
421
416
  />
422
417
  </svg>
423
- </ui_icon>
418
+ </span>
424
419
  </button>
425
- </ui_view>
420
+ </div>
426
421
  </DocumentFragment>
427
422
  `;
428
423
 
429
424
  exports[`component:<InputNumber> prop:required & prop:showRequired (true) 1`] = `
430
425
  <DocumentFragment>
431
- <ui_view
426
+ <div
432
427
  class="view row inputNumber"
433
428
  >
434
- <ui_view
429
+ <div
435
430
  class="view texts"
436
431
  />
437
432
  <button
438
433
  class="pressable button rounded squared secondary"
439
- tabindex="0"
440
434
  >
441
- <ui_icon
442
- class="icon h3"
435
+ <span
436
+ class="icon headline-3"
443
437
  >
444
438
  <svg
445
439
  fill="currentColor"
@@ -458,19 +452,18 @@ exports[`component:<InputNumber> prop:required & prop:showRequired (true) 1`] =
458
452
  d="M19 13H5v-2h14v2z"
459
453
  />
460
454
  </svg>
461
- </ui_icon>
455
+ </span>
462
456
  </button>
463
- <ui_h3
457
+ <span
464
458
  class="text headline-3 value"
465
459
  >
466
460
  10
467
- </ui_h3>
461
+ </span>
468
462
  <button
469
463
  class="pressable button rounded squared secondary"
470
- tabindex="0"
471
464
  >
472
- <ui_icon
473
- class="icon h3"
465
+ <span
466
+ class="icon headline-3"
474
467
  >
475
468
  <svg
476
469
  fill="currentColor"
@@ -489,26 +482,25 @@ exports[`component:<InputNumber> prop:required & prop:showRequired (true) 1`] =
489
482
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
490
483
  />
491
484
  </svg>
492
- </ui_icon>
485
+ </span>
493
486
  </button>
494
- </ui_view>
487
+ </div>
495
488
  </DocumentFragment>
496
489
  `;
497
490
 
498
491
  exports[`component:<InputNumber> prop:required 1`] = `
499
492
  <DocumentFragment>
500
- <ui_view
493
+ <div
501
494
  class="view row inputNumber"
502
495
  >
503
- <ui_view
496
+ <div
504
497
  class="view texts"
505
498
  />
506
499
  <button
507
500
  class="pressable button rounded squared secondary"
508
- tabindex="0"
509
501
  >
510
- <ui_icon
511
- class="icon h3"
502
+ <span
503
+ class="icon headline-3"
512
504
  >
513
505
  <svg
514
506
  fill="currentColor"
@@ -527,19 +519,18 @@ exports[`component:<InputNumber> prop:required 1`] = `
527
519
  d="M19 13H5v-2h14v2z"
528
520
  />
529
521
  </svg>
530
- </ui_icon>
522
+ </span>
531
523
  </button>
532
- <ui_h3
524
+ <span
533
525
  class="text headline-3 value"
534
526
  >
535
527
  10
536
- </ui_h3>
528
+ </span>
537
529
  <button
538
530
  class="pressable button rounded squared secondary"
539
- tabindex="0"
540
531
  >
541
- <ui_icon
542
- class="icon h3"
532
+ <span
533
+ class="icon headline-3"
543
534
  >
544
535
  <svg
545
536
  fill="currentColor"
@@ -558,26 +549,25 @@ exports[`component:<InputNumber> prop:required 1`] = `
558
549
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
559
550
  />
560
551
  </svg>
561
- </ui_icon>
552
+ </span>
562
553
  </button>
563
- </ui_view>
554
+ </div>
564
555
  </DocumentFragment>
565
556
  `;
566
557
 
567
558
  exports[`component:<InputNumber> prop:rounded 1`] = `
568
559
  <DocumentFragment>
569
- <ui_view
560
+ <div
570
561
  class="view row inputNumber"
571
562
  >
572
- <ui_view
563
+ <div
573
564
  class="view texts"
574
565
  />
575
566
  <button
576
567
  class="pressable button rounded squared secondary"
577
- tabindex="0"
578
568
  >
579
- <ui_icon
580
- class="icon h3"
569
+ <span
570
+ class="icon headline-3"
581
571
  >
582
572
  <svg
583
573
  fill="currentColor"
@@ -596,19 +586,18 @@ exports[`component:<InputNumber> prop:rounded 1`] = `
596
586
  d="M19 13H5v-2h14v2z"
597
587
  />
598
588
  </svg>
599
- </ui_icon>
589
+ </span>
600
590
  </button>
601
- <ui_h3
591
+ <span
602
592
  class="text headline-3 value"
603
593
  >
604
594
  10
605
- </ui_h3>
595
+ </span>
606
596
  <button
607
597
  class="pressable button rounded squared secondary"
608
- tabindex="0"
609
598
  >
610
- <ui_icon
611
- class="icon h3"
599
+ <span
600
+ class="icon headline-3"
612
601
  >
613
602
  <svg
614
603
  fill="currentColor"
@@ -627,26 +616,25 @@ exports[`component:<InputNumber> prop:rounded 1`] = `
627
616
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
628
617
  />
629
618
  </svg>
630
- </ui_icon>
619
+ </span>
631
620
  </button>
632
- </ui_view>
621
+ </div>
633
622
  </DocumentFragment>
634
623
  `;
635
624
 
636
625
  exports[`component:<InputNumber> prop:value 1`] = `
637
626
  <DocumentFragment>
638
- <ui_view
627
+ <div
639
628
  class="view row inputNumber"
640
629
  >
641
- <ui_view
630
+ <div
642
631
  class="view texts"
643
632
  />
644
633
  <button
645
634
  class="pressable button rounded squared secondary"
646
- tabindex="0"
647
635
  >
648
- <ui_icon
649
- class="icon h3"
636
+ <span
637
+ class="icon headline-3"
650
638
  >
651
639
  <svg
652
640
  fill="currentColor"
@@ -665,19 +653,18 @@ exports[`component:<InputNumber> prop:value 1`] = `
665
653
  d="M19 13H5v-2h14v2z"
666
654
  />
667
655
  </svg>
668
- </ui_icon>
656
+ </span>
669
657
  </button>
670
- <ui_h3
658
+ <span
671
659
  class="text headline-3 value"
672
660
  >
673
661
  10
674
- </ui_h3>
662
+ </span>
675
663
  <button
676
664
  class="pressable button rounded squared secondary"
677
- tabindex="0"
678
665
  >
679
- <ui_icon
680
- class="icon h3"
666
+ <span
667
+ class="icon headline-3"
681
668
  >
682
669
  <svg
683
670
  fill="currentColor"
@@ -696,26 +683,26 @@ exports[`component:<InputNumber> prop:value 1`] = `
696
683
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
697
684
  />
698
685
  </svg>
699
- </ui_icon>
686
+ </span>
700
687
  </button>
701
- </ui_view>
688
+ </div>
702
689
  </DocumentFragment>
703
690
  `;
704
691
 
705
692
  exports[`component:<InputNumber> renders 1`] = `
706
693
  <DocumentFragment>
707
- <ui_view
694
+ <div
708
695
  class="view row inputNumber"
709
696
  >
710
- <ui_view
697
+ <div
711
698
  class="view texts"
712
699
  />
713
700
  <button
714
701
  class="pressable disabled button rounded squared disabled"
715
702
  disabled=""
716
703
  >
717
- <ui_icon
718
- class="icon h3"
704
+ <span
705
+ class="icon headline-3"
719
706
  >
720
707
  <svg
721
708
  fill="currentColor"
@@ -734,19 +721,18 @@ exports[`component:<InputNumber> renders 1`] = `
734
721
  d="M19 13H5v-2h14v2z"
735
722
  />
736
723
  </svg>
737
- </ui_icon>
724
+ </span>
738
725
  </button>
739
- <ui_h3
726
+ <span
740
727
  class="text headline-3 value"
741
728
  >
742
729
  0
743
- </ui_h3>
730
+ </span>
744
731
  <button
745
732
  class="pressable button rounded squared secondary"
746
- tabindex="0"
747
733
  >
748
- <ui_icon
749
- class="icon h3"
734
+ <span
735
+ class="icon headline-3"
750
736
  >
751
737
  <svg
752
738
  fill="currentColor"
@@ -765,27 +751,27 @@ exports[`component:<InputNumber> renders 1`] = `
765
751
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
766
752
  />
767
753
  </svg>
768
- </ui_icon>
754
+ </span>
769
755
  </button>
770
- </ui_view>
756
+ </div>
771
757
  </DocumentFragment>
772
758
  `;
773
759
 
774
760
  exports[`component:<InputNumber> testId 1`] = `
775
761
  <DocumentFragment>
776
- <ui_view
762
+ <div
777
763
  class="view row inputNumber"
778
764
  data-testid="mirai"
779
765
  >
780
- <ui_view
766
+ <div
781
767
  class="view texts"
782
768
  />
783
769
  <button
784
770
  class="pressable disabled button rounded squared disabled"
785
771
  disabled=""
786
772
  >
787
- <ui_icon
788
- class="icon h3"
773
+ <span
774
+ class="icon headline-3"
789
775
  >
790
776
  <svg
791
777
  fill="currentColor"
@@ -804,19 +790,18 @@ exports[`component:<InputNumber> testId 1`] = `
804
790
  d="M19 13H5v-2h14v2z"
805
791
  />
806
792
  </svg>
807
- </ui_icon>
793
+ </span>
808
794
  </button>
809
- <ui_h3
795
+ <span
810
796
  class="text headline-3 value"
811
797
  >
812
798
  0
813
- </ui_h3>
799
+ </span>
814
800
  <button
815
801
  class="pressable button rounded squared secondary"
816
- tabindex="0"
817
802
  >
818
- <ui_icon
819
- class="icon h3"
803
+ <span
804
+ class="icon headline-3"
820
805
  >
821
806
  <svg
822
807
  fill="currentColor"
@@ -835,8 +820,8 @@ exports[`component:<InputNumber> testId 1`] = `
835
820
  d="M19 13h-6v6h-2v-6H5v-2h6V5h2v6h6v2z"
836
821
  />
837
822
  </svg>
838
- </ui_icon>
823
+ </span>
839
824
  </button>
840
- </ui_view>
825
+ </div>
841
826
  </DocumentFragment>
842
827
  `;