@mirai/ui 1.0.129 → 1.0.131

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 (23) hide show
  1. package/README.md +1 -0
  2. package/build/components/InputText/InputText.js +1 -1
  3. package/build/components/InputText/InputText.js.map +1 -1
  4. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +108 -100
  5. package/build/components/Table/Table.Row.js +9 -11
  6. package/build/components/Table/Table.Row.js.map +1 -1
  7. package/build/components/Table/Table.module.css +23 -5
  8. package/build/components/Table/Table.stories.js +32 -7
  9. package/build/components/Table/Table.stories.js.map +1 -1
  10. package/build/components/Table/Table.stories.module.css +8 -4
  11. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +746 -1906
  12. package/build/primitives/Icon/Icon.constants.js +3 -1
  13. package/build/primitives/Icon/Icon.constants.js.map +1 -1
  14. package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +30 -0
  15. package/build/primitives/Layer/Layer.js +26 -6
  16. package/build/primitives/Layer/Layer.js.map +1 -1
  17. package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +6 -2
  18. package/build/primitives/Layer/helpers/getElementLayout.js +4 -1
  19. package/build/primitives/Layer/helpers/getElementLayout.js.map +1 -1
  20. package/build/primitives/Layer/helpers/getLayerPosition.js +5 -4
  21. package/build/primitives/Layer/helpers/getLayerPosition.js.map +1 -1
  22. package/build/theme/default.theme.css +1 -0
  23. package/package.json +1 -1
package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap CHANGED
@@ -12,15 +12,11 @@ exports[`component:<Table> inherit:className 1`] = `
12
12
  >
13
13
  <th>
14
14
  <span
15
- class="view forceRow"
15
+ class="view forceRow column"
16
16
  >
17
- <div
18
- class="view forceRow checkboxColumn"
19
- >
20
- User Name
21
- </div>
17
+ User Name
22
18
  <span
23
- class="icon headline-3 icon hide"
19
+ class="icon headline-3 icon disabled"
24
20
  >
25
21
  <svg
26
22
  fill="currentColor"
@@ -36,7 +32,7 @@ exports[`component:<Table> inherit:className 1`] = `
36
32
  fill="none"
37
33
  />
38
34
  <path
39
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
35
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
40
36
  />
41
37
  </svg>
42
38
  </span>
@@ -44,15 +40,11 @@ exports[`component:<Table> inherit:className 1`] = `
44
40
  </th>
45
41
  <th>
46
42
  <span
47
- class="view forceRow"
43
+ class="view forceRow column"
48
44
  >
49
- <div
50
- class="view forceRow checkboxColumn"
51
- >
52
- Email
53
- </div>
45
+ Email
54
46
  <span
55
- class="icon headline-3 icon hide"
47
+ class="icon headline-3 icon disabled"
56
48
  >
57
49
  <svg
58
50
  fill="currentColor"
@@ -68,7 +60,7 @@ exports[`component:<Table> inherit:className 1`] = `
68
60
  fill="none"
69
61
  />
70
62
  <path
71
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
63
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
72
64
  />
73
65
  </svg>
74
66
  </span>
@@ -76,15 +68,11 @@ exports[`component:<Table> inherit:className 1`] = `
76
68
  </th>
77
69
  <th>
78
70
  <span
79
- class="view forceRow"
71
+ class="view forceRow column"
80
72
  >
81
- <div
82
- class="view forceRow checkboxColumn"
83
- >
84
- Year
85
- </div>
73
+ Year
86
74
  <span
87
- class="icon headline-3 icon hide"
75
+ class="icon headline-3 icon disabled"
88
76
  >
89
77
  <svg
90
78
  fill="currentColor"
@@ -100,7 +88,7 @@ exports[`component:<Table> inherit:className 1`] = `
100
88
  fill="none"
101
89
  />
102
90
  <path
103
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
91
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
104
92
  />
105
93
  </svg>
106
94
  </span>
@@ -108,15 +96,11 @@ exports[`component:<Table> inherit:className 1`] = `
108
96
  </th>
109
97
  <th>
110
98
  <span
111
- class="view forceRow"
99
+ class="view forceRow column"
112
100
  >
113
- <div
114
- class="view forceRow checkboxColumn"
115
- >
116
- Twitter
117
- </div>
101
+ Twitter
118
102
  <span
119
- class="icon headline-3 icon hide"
103
+ class="icon headline-3 icon disabled"
120
104
  >
121
105
  <svg
122
106
  fill="currentColor"
@@ -132,7 +116,7 @@ exports[`component:<Table> inherit:className 1`] = `
132
116
  fill="none"
133
117
  />
134
118
  <path
135
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
119
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
136
120
  />
137
121
  </svg>
138
122
  </span>
@@ -140,15 +124,11 @@ exports[`component:<Table> inherit:className 1`] = `
140
124
  </th>
141
125
  <th>
142
126
  <span
143
- class="view forceRow"
127
+ class="view forceRow column"
144
128
  >
145
- <div
146
- class="view forceRow checkboxColumn"
147
- >
148
- Action
149
- </div>
129
+ Action
150
130
  <span
151
- class="icon headline-3 icon hide"
131
+ class="icon headline-3 icon disabled"
152
132
  >
153
133
  <svg
154
134
  fill="currentColor"
@@ -164,7 +144,7 @@ exports[`component:<Table> inherit:className 1`] = `
164
144
  fill="none"
165
145
  />
166
146
  <path
167
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
147
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
168
148
  />
169
149
  </svg>
170
150
  </span>
@@ -179,54 +159,34 @@ exports[`component:<Table> inherit:className 1`] = `
179
159
  >
180
160
  <td>
181
161
  <span
182
- class="view forceRow"
162
+ class="view forceRow column text"
183
163
  >
184
- <div
185
- class="view forceRow checkboxColumn"
186
- >
187
- jose
188
- </div>
164
+ jose
189
165
  </span>
190
166
  </td>
191
167
  <td>
192
168
  <span
193
- class="view forceRow"
169
+ class="view forceRow column text"
194
170
  >
195
- <div
196
- class="view forceRow checkboxColumn"
197
- >
198
- jose@mirai.com
199
- </div>
171
+ jose@mirai.com
200
172
  </span>
201
173
  </td>
202
174
  <td>
203
175
  <span
204
- class="view forceRow"
176
+ class="view forceRow column number"
205
177
  >
206
- <div
207
- class="view forceRow checkboxColumn"
208
- >
209
- 2012
210
- </div>
178
+ 2012
211
179
  </span>
212
180
  </td>
213
181
  <td>
214
182
  <span
215
- class="view forceRow"
216
- >
217
- <div
218
- class="view forceRow checkboxColumn"
219
- />
220
- </span>
183
+ class="view forceRow column text"
184
+ />
221
185
  </td>
222
186
  <td>
223
187
  <span
224
- class="view forceRow"
225
- >
226
- <div
227
- class="view forceRow checkboxColumn"
228
- />
229
- </span>
188
+ class="view forceRow column text"
189
+ />
230
190
  </td>
231
191
  </tr>
232
192
  <tr
@@ -235,54 +195,34 @@ exports[`component:<Table> inherit:className 1`] = `
235
195
  >
236
196
  <td>
237
197
  <span
238
- class="view forceRow"
198
+ class="view forceRow column text"
239
199
  >
240
- <div
241
- class="view forceRow checkboxColumn"
242
- >
243
- mario/1
244
- </div>
200
+ mario/1
245
201
  </span>
246
202
  </td>
247
203
  <td>
248
204
  <span
249
- class="view forceRow"
205
+ class="view forceRow column text"
250
206
  >
251
- <div
252
- class="view forceRow checkboxColumn"
253
- >
254
- mario.1@mirai.com
255
- </div>
207
+ mario.1@mirai.com
256
208
  </span>
257
209
  </td>
258
210
  <td>
259
211
  <span
260
- class="view forceRow"
212
+ class="view forceRow column number"
261
213
  >
262
- <div
263
- class="view forceRow checkboxColumn"
264
- >
265
- 2005
266
- </div>
214
+ 2005
267
215
  </span>
268
216
  </td>
269
217
  <td>
270
218
  <span
271
- class="view forceRow"
272
- >
273
- <div
274
- class="view forceRow checkboxColumn"
275
- />
276
- </span>
219
+ class="view forceRow column text"
220
+ />
277
221
  </td>
278
222
  <td>
279
223
  <span
280
- class="view forceRow"
281
- >
282
- <div
283
- class="view forceRow checkboxColumn"
284
- />
285
- </span>
224
+ class="view forceRow column text"
225
+ />
286
226
  </td>
287
227
  </tr>
288
228
  <tr
@@ -291,54 +231,34 @@ exports[`component:<Table> inherit:className 1`] = `
291
231
  >
292
232
  <td>
293
233
  <span
294
- class="view forceRow"
234
+ class="view forceRow column text"
295
235
  >
296
- <div
297
- class="view forceRow checkboxColumn"
298
- >
299
- carlos
300
- </div>
236
+ carlos
301
237
  </span>
302
238
  </td>
303
239
  <td>
304
240
  <span
305
- class="view forceRow"
241
+ class="view forceRow column text"
306
242
  >
307
- <div
308
- class="view forceRow checkboxColumn"
309
- >
310
- carlos@mirai.com
311
- </div>
243
+ carlos@mirai.com
312
244
  </span>
313
245
  </td>
314
246
  <td>
315
247
  <span
316
- class="view forceRow"
248
+ class="view forceRow column number"
317
249
  >
318
- <div
319
- class="view forceRow checkboxColumn"
320
- >
321
- 2012
322
- </div>
250
+ 2012
323
251
  </span>
324
252
  </td>
325
253
  <td>
326
254
  <span
327
- class="view forceRow"
328
- >
329
- <div
330
- class="view forceRow checkboxColumn"
331
- />
332
- </span>
255
+ class="view forceRow column text"
256
+ />
333
257
  </td>
334
258
  <td>
335
259
  <span
336
- class="view forceRow"
337
- >
338
- <div
339
- class="view forceRow checkboxColumn"
340
- />
341
- </span>
260
+ class="view forceRow column text"
261
+ />
342
262
  </td>
343
263
  </tr>
344
264
  <tr
@@ -347,57 +267,37 @@ exports[`component:<Table> inherit:className 1`] = `
347
267
  >
348
268
  <td>
349
269
  <span
350
- class="view forceRow"
270
+ class="view forceRow column text"
351
271
  >
352
- <div
353
- class="view forceRow checkboxColumn"
354
- >
355
- svet
356
- </div>
272
+ svet
357
273
  </span>
358
274
  </td>
359
275
  <td>
360
276
  <span
361
- class="view forceRow"
277
+ class="view forceRow column text"
362
278
  >
363
- <div
364
- class="view forceRow checkboxColumn"
365
- >
366
- svet@mirai.com
367
- </div>
279
+ svet@mirai.com
368
280
  </span>
369
281
  </td>
370
282
  <td>
371
283
  <span
372
- class="view forceRow"
284
+ class="view forceRow column number"
373
285
  >
374
- <div
375
- class="view forceRow checkboxColumn"
376
- >
377
- 2021
378
- </div>
286
+ 2021
379
287
  </span>
380
288
  </td>
381
289
  <td>
382
290
  <span
383
- class="view forceRow"
384
- >
385
- <div
386
- class="view forceRow checkboxColumn"
387
- />
388
- </span>
291
+ class="view forceRow column text"
292
+ />
389
293
  </td>
390
294
  <td>
391
295
  <span
392
- class="view forceRow"
296
+ class="view forceRow column text"
393
297
  >
394
- <div
395
- class="view forceRow checkboxColumn"
396
- >
397
- <strong>
398
- action
399
- </strong>
400
- </div>
298
+ <strong>
299
+ action
300
+ </strong>
401
301
  </span>
402
302
  </td>
403
303
  </tr>
@@ -407,56 +307,36 @@ exports[`component:<Table> inherit:className 1`] = `
407
307
  >
408
308
  <td>
409
309
  <span
410
- class="view forceRow"
310
+ class="view forceRow column text"
411
311
  >
412
- <div
413
- class="view forceRow checkboxColumn"
414
- >
415
- javi
416
- </div>
312
+ javi
417
313
  </span>
418
314
  </td>
419
315
  <td>
420
316
  <span
421
- class="view forceRow"
317
+ class="view forceRow column text"
422
318
  >
423
- <div
424
- class="view forceRow checkboxColumn"
425
- >
426
- hi@soyjavi.com
427
- </div>
319
+ hi@soyjavi.com
428
320
  </span>
429
321
  </td>
430
322
  <td>
431
323
  <span
432
- class="view forceRow"
324
+ class="view forceRow column number"
433
325
  >
434
- <div
435
- class="view forceRow checkboxColumn"
436
- >
437
- 2022
438
- </div>
326
+ 2022
439
327
  </span>
440
328
  </td>
441
329
  <td>
442
330
  <span
443
- class="view forceRow"
331
+ class="view forceRow column text"
444
332
  >
445
- <div
446
- class="view forceRow checkboxColumn"
447
- >
448
- soyjavi
449
- </div>
333
+ soyjavi
450
334
  </span>
451
335
  </td>
452
336
  <td>
453
337
  <span
454
- class="view forceRow"
455
- >
456
- <div
457
- class="view forceRow checkboxColumn"
458
- />
459
- </span>
338
+ class="view forceRow column text"
339
+ />
460
340
  </td>
461
341
  </tr>
462
342
  <tr
@@ -465,54 +345,34 @@ exports[`component:<Table> inherit:className 1`] = `
465
345
  >
466
346
  <td>
467
347
  <span
468
- class="view forceRow"
348
+ class="view forceRow column text"
469
349
  >
470
- <div
471
- class="view forceRow checkboxColumn"
472
- >
473
- victor
474
- </div>
350
+ victor
475
351
  </span>
476
352
  </td>
477
353
  <td>
478
354
  <span
479
- class="view forceRow"
355
+ class="view forceRow column text"
480
356
  >
481
- <div
482
- class="view forceRow checkboxColumn"
483
- >
484
- victor@mirai.com
485
- </div>
357
+ victor@mirai.com
486
358
  </span>
487
359
  </td>
488
360
  <td>
489
361
  <span
490
- class="view forceRow"
362
+ class="view forceRow column number"
491
363
  >
492
- <div
493
- class="view forceRow checkboxColumn"
494
- >
495
- 2021
496
- </div>
364
+ 2021
497
365
  </span>
498
366
  </td>
499
367
  <td>
500
368
  <span
501
- class="view forceRow"
502
- >
503
- <div
504
- class="view forceRow checkboxColumn"
505
- />
506
- </span>
369
+ class="view forceRow column text"
370
+ />
507
371
  </td>
508
372
  <td>
509
373
  <span
510
- class="view forceRow"
511
- >
512
- <div
513
- class="view forceRow checkboxColumn"
514
- />
515
- </span>
374
+ class="view forceRow column text"
375
+ />
516
376
  </td>
517
377
  </tr>
518
378
  <tr
@@ -521,54 +381,34 @@ exports[`component:<Table> inherit:className 1`] = `
521
381
  >
522
382
  <td>
523
383
  <span
524
- class="view forceRow"
384
+ class="view forceRow column text"
525
385
  >
526
- <div
527
- class="view forceRow checkboxColumn"
528
- >
529
- mario/2
530
- </div>
386
+ mario/2
531
387
  </span>
532
388
  </td>
533
389
  <td>
534
390
  <span
535
- class="view forceRow"
391
+ class="view forceRow column text"
536
392
  >
537
- <div
538
- class="view forceRow checkboxColumn"
539
- >
540
- mario.2@mirai.com
541
- </div>
393
+ mario.2@mirai.com
542
394
  </span>
543
395
  </td>
544
396
  <td>
545
397
  <span
546
- class="view forceRow"
398
+ class="view forceRow column number"
547
399
  >
548
- <div
549
- class="view forceRow checkboxColumn"
550
- >
551
- 2022
552
- </div>
400
+ 2022
553
401
  </span>
554
402
  </td>
555
403
  <td>
556
404
  <span
557
- class="view forceRow"
558
- >
559
- <div
560
- class="view forceRow checkboxColumn"
561
- />
562
- </span>
405
+ class="view forceRow column text"
406
+ />
563
407
  </td>
564
408
  <td>
565
409
  <span
566
- class="view forceRow"
567
- >
568
- <div
569
- class="view forceRow checkboxColumn"
570
- />
571
- </span>
410
+ class="view forceRow column text"
411
+ />
572
412
  </td>
573
413
  </tr>
574
414
  </tbody>
@@ -591,15 +431,11 @@ exports[`component:<Table> prop:inline (false 1`] = `
591
431
  >
592
432
  <th>
593
433
  <span
594
- class="view forceRow"
434
+ class="view forceRow column"
595
435
  >
596
- <div
597
- class="view forceRow checkboxColumn"
598
- >
599
- User Name
600
- </div>
436
+ User Name
601
437
  <span
602
- class="icon headline-3 icon hide"
438
+ class="icon headline-3 icon disabled"
603
439
  >
604
440
  <svg
605
441
  fill="currentColor"
@@ -615,7 +451,7 @@ exports[`component:<Table> prop:inline (false 1`] = `
615
451
  fill="none"
616
452
  />
617
453
  <path
618
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
454
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
619
455
  />
620
456
  </svg>
621
457
  </span>
@@ -623,15 +459,11 @@ exports[`component:<Table> prop:inline (false 1`] = `
623
459
  </th>
624
460
  <th>
625
461
  <span
626
- class="view forceRow"
462
+ class="view forceRow column"
627
463
  >
628
- <div
629
- class="view forceRow checkboxColumn"
630
- >
631
- Email
632
- </div>
464
+ Email
633
465
  <span
634
- class="icon headline-3 icon hide"
466
+ class="icon headline-3 icon disabled"
635
467
  >
636
468
  <svg
637
469
  fill="currentColor"
@@ -647,7 +479,7 @@ exports[`component:<Table> prop:inline (false 1`] = `
647
479
  fill="none"
648
480
  />
649
481
  <path
650
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
482
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
651
483
  />
652
484
  </svg>
653
485
  </span>
@@ -655,15 +487,11 @@ exports[`component:<Table> prop:inline (false 1`] = `
655
487
  </th>
656
488
  <th>
657
489
  <span
658
- class="view forceRow"
490
+ class="view forceRow column"
659
491
  >
660
- <div
661
- class="view forceRow checkboxColumn"
662
- >
663
- Year
664
- </div>
492
+ Year
665
493
  <span
666
- class="icon headline-3 icon hide"
494
+ class="icon headline-3 icon disabled"
667
495
  >
668
496
  <svg
669
497
  fill="currentColor"
@@ -679,7 +507,7 @@ exports[`component:<Table> prop:inline (false 1`] = `
679
507
  fill="none"
680
508
  />
681
509
  <path
682
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
510
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
683
511
  />
684
512
  </svg>
685
513
  </span>
@@ -687,15 +515,11 @@ exports[`component:<Table> prop:inline (false 1`] = `
687
515
  </th>
688
516
  <th>
689
517
  <span
690
- class="view forceRow"
518
+ class="view forceRow column"
691
519
  >
692
- <div
693
- class="view forceRow checkboxColumn"
694
- >
695
- Twitter
696
- </div>
520
+ Twitter
697
521
  <span
698
- class="icon headline-3 icon hide"
522
+ class="icon headline-3 icon disabled"
699
523
  >
700
524
  <svg
701
525
  fill="currentColor"
@@ -711,7 +535,7 @@ exports[`component:<Table> prop:inline (false 1`] = `
711
535
  fill="none"
712
536
  />
713
537
  <path
714
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
538
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
715
539
  />
716
540
  </svg>
717
541
  </span>
@@ -719,15 +543,11 @@ exports[`component:<Table> prop:inline (false 1`] = `
719
543
  </th>
720
544
  <th>
721
545
  <span
722
- class="view forceRow"
546
+ class="view forceRow column"
723
547
  >
724
- <div
725
- class="view forceRow checkboxColumn"
726
- >
727
- Action
728
- </div>
548
+ Action
729
549
  <span
730
- class="icon headline-3 icon hide"
550
+ class="icon headline-3 icon disabled"
731
551
  >
732
552
  <svg
733
553
  fill="currentColor"
@@ -743,7 +563,7 @@ exports[`component:<Table> prop:inline (false 1`] = `
743
563
  fill="none"
744
564
  />
745
565
  <path
746
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
566
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
747
567
  />
748
568
  </svg>
749
569
  </span>
@@ -758,54 +578,34 @@ exports[`component:<Table> prop:inline (false 1`] = `
758
578
  >
759
579
  <td>
760
580
  <span
761
- class="view forceRow"
581
+ class="view forceRow column text"
762
582
  >
763
- <div
764
- class="view forceRow checkboxColumn"
765
- >
766
- jose
767
- </div>
583
+ jose
768
584
  </span>
769
585
  </td>
770
586
  <td>
771
587
  <span
772
- class="view forceRow"
588
+ class="view forceRow column text"
773
589
  >
774
- <div
775
- class="view forceRow checkboxColumn"
776
- >
777
- jose@mirai.com
778
- </div>
590
+ jose@mirai.com
779
591
  </span>
780
592
  </td>
781
593
  <td>
782
594
  <span
783
- class="view forceRow"
595
+ class="view forceRow column number"
784
596
  >
785
- <div
786
- class="view forceRow checkboxColumn"
787
- >
788
- 2012
789
- </div>
597
+ 2012
790
598
  </span>
791
599
  </td>
792
600
  <td>
793
601
  <span
794
- class="view forceRow"
795
- >
796
- <div
797
- class="view forceRow checkboxColumn"
798
- />
799
- </span>
602
+ class="view forceRow column text"
603
+ />
800
604
  </td>
801
605
  <td>
802
606
  <span
803
- class="view forceRow"
804
- >
805
- <div
806
- class="view forceRow checkboxColumn"
807
- />
808
- </span>
607
+ class="view forceRow column text"
608
+ />
809
609
  </td>
810
610
  </tr>
811
611
  <tr
@@ -814,54 +614,34 @@ exports[`component:<Table> prop:inline (false 1`] = `
814
614
  >
815
615
  <td>
816
616
  <span
817
- class="view forceRow"
617
+ class="view forceRow column text"
818
618
  >
819
- <div
820
- class="view forceRow checkboxColumn"
821
- >
822
- mario/1
823
- </div>
619
+ mario/1
824
620
  </span>
825
621
  </td>
826
622
  <td>
827
623
  <span
828
- class="view forceRow"
624
+ class="view forceRow column text"
829
625
  >
830
- <div
831
- class="view forceRow checkboxColumn"
832
- >
833
- mario.1@mirai.com
834
- </div>
626
+ mario.1@mirai.com
835
627
  </span>
836
628
  </td>
837
629
  <td>
838
630
  <span
839
- class="view forceRow"
631
+ class="view forceRow column number"
840
632
  >
841
- <div
842
- class="view forceRow checkboxColumn"
843
- >
844
- 2005
845
- </div>
633
+ 2005
846
634
  </span>
847
635
  </td>
848
636
  <td>
849
637
  <span
850
- class="view forceRow"
851
- >
852
- <div
853
- class="view forceRow checkboxColumn"
854
- />
855
- </span>
638
+ class="view forceRow column text"
639
+ />
856
640
  </td>
857
641
  <td>
858
642
  <span
859
- class="view forceRow"
860
- >
861
- <div
862
- class="view forceRow checkboxColumn"
863
- />
864
- </span>
643
+ class="view forceRow column text"
644
+ />
865
645
  </td>
866
646
  </tr>
867
647
  <tr
@@ -870,54 +650,34 @@ exports[`component:<Table> prop:inline (false 1`] = `
870
650
  >
871
651
  <td>
872
652
  <span
873
- class="view forceRow"
653
+ class="view forceRow column text"
874
654
  >
875
- <div
876
- class="view forceRow checkboxColumn"
877
- >
878
- carlos
879
- </div>
655
+ carlos
880
656
  </span>
881
657
  </td>
882
658
  <td>
883
659
  <span
884
- class="view forceRow"
660
+ class="view forceRow column text"
885
661
  >
886
- <div
887
- class="view forceRow checkboxColumn"
888
- >
889
- carlos@mirai.com
890
- </div>
662
+ carlos@mirai.com
891
663
  </span>
892
664
  </td>
893
665
  <td>
894
666
  <span
895
- class="view forceRow"
667
+ class="view forceRow column number"
896
668
  >
897
- <div
898
- class="view forceRow checkboxColumn"
899
- >
900
- 2012
901
- </div>
669
+ 2012
902
670
  </span>
903
671
  </td>
904
672
  <td>
905
673
  <span
906
- class="view forceRow"
907
- >
908
- <div
909
- class="view forceRow checkboxColumn"
910
- />
911
- </span>
674
+ class="view forceRow column text"
675
+ />
912
676
  </td>
913
677
  <td>
914
678
  <span
915
- class="view forceRow"
916
- >
917
- <div
918
- class="view forceRow checkboxColumn"
919
- />
920
- </span>
679
+ class="view forceRow column text"
680
+ />
921
681
  </td>
922
682
  </tr>
923
683
  <tr
@@ -926,57 +686,37 @@ exports[`component:<Table> prop:inline (false 1`] = `
926
686
  >
927
687
  <td>
928
688
  <span
929
- class="view forceRow"
689
+ class="view forceRow column text"
930
690
  >
931
- <div
932
- class="view forceRow checkboxColumn"
933
- >
934
- svet
935
- </div>
691
+ svet
936
692
  </span>
937
693
  </td>
938
694
  <td>
939
695
  <span
940
- class="view forceRow"
696
+ class="view forceRow column text"
941
697
  >
942
- <div
943
- class="view forceRow checkboxColumn"
944
- >
945
- svet@mirai.com
946
- </div>
698
+ svet@mirai.com
947
699
  </span>
948
700
  </td>
949
701
  <td>
950
702
  <span
951
- class="view forceRow"
703
+ class="view forceRow column number"
952
704
  >
953
- <div
954
- class="view forceRow checkboxColumn"
955
- >
956
- 2021
957
- </div>
705
+ 2021
958
706
  </span>
959
707
  </td>
960
708
  <td>
961
709
  <span
962
- class="view forceRow"
963
- >
964
- <div
965
- class="view forceRow checkboxColumn"
966
- />
967
- </span>
710
+ class="view forceRow column text"
711
+ />
968
712
  </td>
969
713
  <td>
970
714
  <span
971
- class="view forceRow"
715
+ class="view forceRow column text"
972
716
  >
973
- <div
974
- class="view forceRow checkboxColumn"
975
- >
976
- <strong>
977
- action
978
- </strong>
979
- </div>
717
+ <strong>
718
+ action
719
+ </strong>
980
720
  </span>
981
721
  </td>
982
722
  </tr>
@@ -986,56 +726,36 @@ exports[`component:<Table> prop:inline (false 1`] = `
986
726
  >
987
727
  <td>
988
728
  <span
989
- class="view forceRow"
729
+ class="view forceRow column text"
990
730
  >
991
- <div
992
- class="view forceRow checkboxColumn"
993
- >
994
- javi
995
- </div>
731
+ javi
996
732
  </span>
997
733
  </td>
998
734
  <td>
999
735
  <span
1000
- class="view forceRow"
736
+ class="view forceRow column text"
1001
737
  >
1002
- <div
1003
- class="view forceRow checkboxColumn"
1004
- >
1005
- hi@soyjavi.com
1006
- </div>
738
+ hi@soyjavi.com
1007
739
  </span>
1008
740
  </td>
1009
741
  <td>
1010
742
  <span
1011
- class="view forceRow"
743
+ class="view forceRow column number"
1012
744
  >
1013
- <div
1014
- class="view forceRow checkboxColumn"
1015
- >
1016
- 2022
1017
- </div>
745
+ 2022
1018
746
  </span>
1019
747
  </td>
1020
748
  <td>
1021
749
  <span
1022
- class="view forceRow"
750
+ class="view forceRow column text"
1023
751
  >
1024
- <div
1025
- class="view forceRow checkboxColumn"
1026
- >
1027
- soyjavi
1028
- </div>
752
+ soyjavi
1029
753
  </span>
1030
754
  </td>
1031
755
  <td>
1032
756
  <span
1033
- class="view forceRow"
1034
- >
1035
- <div
1036
- class="view forceRow checkboxColumn"
1037
- />
1038
- </span>
757
+ class="view forceRow column text"
758
+ />
1039
759
  </td>
1040
760
  </tr>
1041
761
  <tr
@@ -1044,54 +764,34 @@ exports[`component:<Table> prop:inline (false 1`] = `
1044
764
  >
1045
765
  <td>
1046
766
  <span
1047
- class="view forceRow"
767
+ class="view forceRow column text"
1048
768
  >
1049
- <div
1050
- class="view forceRow checkboxColumn"
1051
- >
1052
- victor
1053
- </div>
769
+ victor
1054
770
  </span>
1055
771
  </td>
1056
772
  <td>
1057
773
  <span
1058
- class="view forceRow"
774
+ class="view forceRow column text"
1059
775
  >
1060
- <div
1061
- class="view forceRow checkboxColumn"
1062
- >
1063
- victor@mirai.com
1064
- </div>
776
+ victor@mirai.com
1065
777
  </span>
1066
778
  </td>
1067
779
  <td>
1068
780
  <span
1069
- class="view forceRow"
781
+ class="view forceRow column number"
1070
782
  >
1071
- <div
1072
- class="view forceRow checkboxColumn"
1073
- >
1074
- 2021
1075
- </div>
783
+ 2021
1076
784
  </span>
1077
785
  </td>
1078
786
  <td>
1079
787
  <span
1080
- class="view forceRow"
1081
- >
1082
- <div
1083
- class="view forceRow checkboxColumn"
1084
- />
1085
- </span>
788
+ class="view forceRow column text"
789
+ />
1086
790
  </td>
1087
791
  <td>
1088
792
  <span
1089
- class="view forceRow"
1090
- >
1091
- <div
1092
- class="view forceRow checkboxColumn"
1093
- />
1094
- </span>
793
+ class="view forceRow column text"
794
+ />
1095
795
  </td>
1096
796
  </tr>
1097
797
  <tr
@@ -1100,54 +800,34 @@ exports[`component:<Table> prop:inline (false 1`] = `
1100
800
  >
1101
801
  <td>
1102
802
  <span
1103
- class="view forceRow"
803
+ class="view forceRow column text"
1104
804
  >
1105
- <div
1106
- class="view forceRow checkboxColumn"
1107
- >
1108
- mario/2
1109
- </div>
805
+ mario/2
1110
806
  </span>
1111
807
  </td>
1112
808
  <td>
1113
809
  <span
1114
- class="view forceRow"
810
+ class="view forceRow column text"
1115
811
  >
1116
- <div
1117
- class="view forceRow checkboxColumn"
1118
- >
1119
- mario.2@mirai.com
1120
- </div>
812
+ mario.2@mirai.com
1121
813
  </span>
1122
814
  </td>
1123
815
  <td>
1124
816
  <span
1125
- class="view forceRow"
817
+ class="view forceRow column number"
1126
818
  >
1127
- <div
1128
- class="view forceRow checkboxColumn"
1129
- >
1130
- 2022
1131
- </div>
819
+ 2022
1132
820
  </span>
1133
821
  </td>
1134
822
  <td>
1135
823
  <span
1136
- class="view forceRow"
1137
- >
1138
- <div
1139
- class="view forceRow checkboxColumn"
1140
- />
1141
- </span>
824
+ class="view forceRow column text"
825
+ />
1142
826
  </td>
1143
827
  <td>
1144
828
  <span
1145
- class="view forceRow"
1146
- >
1147
- <div
1148
- class="view forceRow checkboxColumn"
1149
- />
1150
- </span>
829
+ class="view forceRow column text"
830
+ />
1151
831
  </td>
1152
832
  </tr>
1153
833
  </tbody>
@@ -1175,15 +855,11 @@ exports[`component:<Table> prop:onScroll 1`] = `
1175
855
  data-testid="onScroll-head-username"
1176
856
  >
1177
857
  <span
1178
- class="view forceRow"
858
+ class="view forceRow column"
1179
859
  >
1180
- <div
1181
- class="view forceRow checkboxColumn"
1182
- >
1183
- User Name
1184
- </div>
860
+ User Name
1185
861
  <span
1186
- class="icon headline-3 icon hide"
862
+ class="icon headline-3 icon disabled"
1187
863
  >
1188
864
  <svg
1189
865
  fill="currentColor"
@@ -1199,7 +875,7 @@ exports[`component:<Table> prop:onScroll 1`] = `
1199
875
  fill="none"
1200
876
  />
1201
877
  <path
1202
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
878
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1203
879
  />
1204
880
  </svg>
1205
881
  </span>
@@ -1209,15 +885,11 @@ exports[`component:<Table> prop:onScroll 1`] = `
1209
885
  data-testid="onScroll-head-email"
1210
886
  >
1211
887
  <span
1212
- class="view forceRow"
888
+ class="view forceRow column"
1213
889
  >
1214
- <div
1215
- class="view forceRow checkboxColumn"
1216
- >
1217
- Email
1218
- </div>
890
+ Email
1219
891
  <span
1220
- class="icon headline-3 icon hide"
892
+ class="icon headline-3 icon disabled"
1221
893
  >
1222
894
  <svg
1223
895
  fill="currentColor"
@@ -1233,7 +905,7 @@ exports[`component:<Table> prop:onScroll 1`] = `
1233
905
  fill="none"
1234
906
  />
1235
907
  <path
1236
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
908
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1237
909
  />
1238
910
  </svg>
1239
911
  </span>
@@ -1243,15 +915,11 @@ exports[`component:<Table> prop:onScroll 1`] = `
1243
915
  data-testid="onScroll-head-year"
1244
916
  >
1245
917
  <span
1246
- class="view forceRow"
918
+ class="view forceRow column"
1247
919
  >
1248
- <div
1249
- class="view forceRow checkboxColumn"
1250
- >
1251
- Year
1252
- </div>
920
+ Year
1253
921
  <span
1254
- class="icon headline-3 icon hide"
922
+ class="icon headline-3 icon disabled"
1255
923
  >
1256
924
  <svg
1257
925
  fill="currentColor"
@@ -1267,7 +935,7 @@ exports[`component:<Table> prop:onScroll 1`] = `
1267
935
  fill="none"
1268
936
  />
1269
937
  <path
1270
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
938
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1271
939
  />
1272
940
  </svg>
1273
941
  </span>
@@ -1277,15 +945,11 @@ exports[`component:<Table> prop:onScroll 1`] = `
1277
945
  data-testid="onScroll-head-twitter"
1278
946
  >
1279
947
  <span
1280
- class="view forceRow"
948
+ class="view forceRow column"
1281
949
  >
1282
- <div
1283
- class="view forceRow checkboxColumn"
1284
- >
1285
- Twitter
1286
- </div>
950
+ Twitter
1287
951
  <span
1288
- class="icon headline-3 icon hide"
952
+ class="icon headline-3 icon disabled"
1289
953
  >
1290
954
  <svg
1291
955
  fill="currentColor"
@@ -1301,7 +965,7 @@ exports[`component:<Table> prop:onScroll 1`] = `
1301
965
  fill="none"
1302
966
  />
1303
967
  <path
1304
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
968
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1305
969
  />
1306
970
  </svg>
1307
971
  </span>
@@ -1311,15 +975,11 @@ exports[`component:<Table> prop:onScroll 1`] = `
1311
975
  data-testid="onScroll-head-action"
1312
976
  >
1313
977
  <span
1314
- class="view forceRow"
978
+ class="view forceRow column"
1315
979
  >
1316
- <div
1317
- class="view forceRow checkboxColumn"
1318
- >
1319
- Action
1320
- </div>
980
+ Action
1321
981
  <span
1322
- class="icon headline-3 icon hide"
982
+ class="icon headline-3 icon disabled"
1323
983
  >
1324
984
  <svg
1325
985
  fill="currentColor"
@@ -1335,7 +995,7 @@ exports[`component:<Table> prop:onScroll 1`] = `
1335
995
  fill="none"
1336
996
  />
1337
997
  <path
1338
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
998
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1339
999
  />
1340
1000
  </svg>
1341
1001
  </span>
@@ -1353,62 +1013,42 @@ exports[`component:<Table> prop:onScroll 1`] = `
1353
1013
  data-testid="onScroll-0-username"
1354
1014
  >
1355
1015
  <span
1356
- class="view forceRow"
1016
+ class="view forceRow column text"
1357
1017
  >
1358
- <div
1359
- class="view forceRow checkboxColumn"
1360
- >
1361
- jose
1362
- </div>
1018
+ jose
1363
1019
  </span>
1364
1020
  </td>
1365
1021
  <td
1366
1022
  data-testid="onScroll-0-email"
1367
1023
  >
1368
1024
  <span
1369
- class="view forceRow"
1025
+ class="view forceRow column text"
1370
1026
  >
1371
- <div
1372
- class="view forceRow checkboxColumn"
1373
- >
1374
- jose@mirai.com
1375
- </div>
1027
+ jose@mirai.com
1376
1028
  </span>
1377
1029
  </td>
1378
1030
  <td
1379
1031
  data-testid="onScroll-0-year"
1380
1032
  >
1381
1033
  <span
1382
- class="view forceRow"
1034
+ class="view forceRow column number"
1383
1035
  >
1384
- <div
1385
- class="view forceRow checkboxColumn"
1386
- >
1387
- 2012
1388
- </div>
1036
+ 2012
1389
1037
  </span>
1390
1038
  </td>
1391
1039
  <td
1392
1040
  data-testid="onScroll-0-twitter"
1393
1041
  >
1394
1042
  <span
1395
- class="view forceRow"
1396
- >
1397
- <div
1398
- class="view forceRow checkboxColumn"
1399
- />
1400
- </span>
1043
+ class="view forceRow column text"
1044
+ />
1401
1045
  </td>
1402
1046
  <td
1403
1047
  data-testid="onScroll-0-action"
1404
1048
  >
1405
1049
  <span
1406
- class="view forceRow"
1407
- >
1408
- <div
1409
- class="view forceRow checkboxColumn"
1410
- />
1411
- </span>
1050
+ class="view forceRow column text"
1051
+ />
1412
1052
  </td>
1413
1053
  </tr>
1414
1054
  <tr
@@ -1420,62 +1060,42 @@ exports[`component:<Table> prop:onScroll 1`] = `
1420
1060
  data-testid="onScroll-1-username"
1421
1061
  >
1422
1062
  <span
1423
- class="view forceRow"
1063
+ class="view forceRow column text"
1424
1064
  >
1425
- <div
1426
- class="view forceRow checkboxColumn"
1427
- >
1428
- mario/1
1429
- </div>
1065
+ mario/1
1430
1066
  </span>
1431
1067
  </td>
1432
1068
  <td
1433
1069
  data-testid="onScroll-1-email"
1434
1070
  >
1435
1071
  <span
1436
- class="view forceRow"
1072
+ class="view forceRow column text"
1437
1073
  >
1438
- <div
1439
- class="view forceRow checkboxColumn"
1440
- >
1441
- mario.1@mirai.com
1442
- </div>
1074
+ mario.1@mirai.com
1443
1075
  </span>
1444
1076
  </td>
1445
1077
  <td
1446
1078
  data-testid="onScroll-1-year"
1447
1079
  >
1448
1080
  <span
1449
- class="view forceRow"
1081
+ class="view forceRow column number"
1450
1082
  >
1451
- <div
1452
- class="view forceRow checkboxColumn"
1453
- >
1454
- 2005
1455
- </div>
1083
+ 2005
1456
1084
  </span>
1457
1085
  </td>
1458
1086
  <td
1459
1087
  data-testid="onScroll-1-twitter"
1460
1088
  >
1461
1089
  <span
1462
- class="view forceRow"
1463
- >
1464
- <div
1465
- class="view forceRow checkboxColumn"
1466
- />
1467
- </span>
1090
+ class="view forceRow column text"
1091
+ />
1468
1092
  </td>
1469
1093
  <td
1470
1094
  data-testid="onScroll-1-action"
1471
1095
  >
1472
1096
  <span
1473
- class="view forceRow"
1474
- >
1475
- <div
1476
- class="view forceRow checkboxColumn"
1477
- />
1478
- </span>
1097
+ class="view forceRow column text"
1098
+ />
1479
1099
  </td>
1480
1100
  </tr>
1481
1101
  <tr
@@ -1487,62 +1107,42 @@ exports[`component:<Table> prop:onScroll 1`] = `
1487
1107
  data-testid="onScroll-2-username"
1488
1108
  >
1489
1109
  <span
1490
- class="view forceRow"
1110
+ class="view forceRow column text"
1491
1111
  >
1492
- <div
1493
- class="view forceRow checkboxColumn"
1494
- >
1495
- carlos
1496
- </div>
1112
+ carlos
1497
1113
  </span>
1498
1114
  </td>
1499
1115
  <td
1500
1116
  data-testid="onScroll-2-email"
1501
1117
  >
1502
1118
  <span
1503
- class="view forceRow"
1119
+ class="view forceRow column text"
1504
1120
  >
1505
- <div
1506
- class="view forceRow checkboxColumn"
1507
- >
1508
- carlos@mirai.com
1509
- </div>
1121
+ carlos@mirai.com
1510
1122
  </span>
1511
1123
  </td>
1512
1124
  <td
1513
1125
  data-testid="onScroll-2-year"
1514
1126
  >
1515
1127
  <span
1516
- class="view forceRow"
1128
+ class="view forceRow column number"
1517
1129
  >
1518
- <div
1519
- class="view forceRow checkboxColumn"
1520
- >
1521
- 2012
1522
- </div>
1130
+ 2012
1523
1131
  </span>
1524
1132
  </td>
1525
1133
  <td
1526
1134
  data-testid="onScroll-2-twitter"
1527
1135
  >
1528
1136
  <span
1529
- class="view forceRow"
1530
- >
1531
- <div
1532
- class="view forceRow checkboxColumn"
1533
- />
1534
- </span>
1137
+ class="view forceRow column text"
1138
+ />
1535
1139
  </td>
1536
1140
  <td
1537
1141
  data-testid="onScroll-2-action"
1538
1142
  >
1539
1143
  <span
1540
- class="view forceRow"
1541
- >
1542
- <div
1543
- class="view forceRow checkboxColumn"
1544
- />
1545
- </span>
1144
+ class="view forceRow column text"
1145
+ />
1546
1146
  </td>
1547
1147
  </tr>
1548
1148
  <tr
@@ -1554,65 +1154,45 @@ exports[`component:<Table> prop:onScroll 1`] = `
1554
1154
  data-testid="onScroll-3-username"
1555
1155
  >
1556
1156
  <span
1557
- class="view forceRow"
1157
+ class="view forceRow column text"
1558
1158
  >
1559
- <div
1560
- class="view forceRow checkboxColumn"
1561
- >
1562
- svet
1563
- </div>
1159
+ svet
1564
1160
  </span>
1565
1161
  </td>
1566
1162
  <td
1567
1163
  data-testid="onScroll-3-email"
1568
1164
  >
1569
1165
  <span
1570
- class="view forceRow"
1166
+ class="view forceRow column text"
1571
1167
  >
1572
- <div
1573
- class="view forceRow checkboxColumn"
1574
- >
1575
- svet@mirai.com
1576
- </div>
1168
+ svet@mirai.com
1577
1169
  </span>
1578
1170
  </td>
1579
1171
  <td
1580
1172
  data-testid="onScroll-3-year"
1581
1173
  >
1582
1174
  <span
1583
- class="view forceRow"
1175
+ class="view forceRow column number"
1584
1176
  >
1585
- <div
1586
- class="view forceRow checkboxColumn"
1587
- >
1588
- 2021
1589
- </div>
1177
+ 2021
1590
1178
  </span>
1591
1179
  </td>
1592
1180
  <td
1593
1181
  data-testid="onScroll-3-twitter"
1594
1182
  >
1595
1183
  <span
1596
- class="view forceRow"
1597
- >
1598
- <div
1599
- class="view forceRow checkboxColumn"
1600
- />
1601
- </span>
1184
+ class="view forceRow column text"
1185
+ />
1602
1186
  </td>
1603
1187
  <td
1604
1188
  data-testid="onScroll-3-action"
1605
1189
  >
1606
1190
  <span
1607
- class="view forceRow"
1191
+ class="view forceRow column text"
1608
1192
  >
1609
- <div
1610
- class="view forceRow checkboxColumn"
1611
- >
1612
- <strong>
1613
- action
1614
- </strong>
1615
- </div>
1193
+ <strong>
1194
+ action
1195
+ </strong>
1616
1196
  </span>
1617
1197
  </td>
1618
1198
  </tr>
@@ -1625,64 +1205,44 @@ exports[`component:<Table> prop:onScroll 1`] = `
1625
1205
  data-testid="onScroll-4-username"
1626
1206
  >
1627
1207
  <span
1628
- class="view forceRow"
1208
+ class="view forceRow column text"
1629
1209
  >
1630
- <div
1631
- class="view forceRow checkboxColumn"
1632
- >
1633
- javi
1634
- </div>
1210
+ javi
1635
1211
  </span>
1636
1212
  </td>
1637
1213
  <td
1638
1214
  data-testid="onScroll-4-email"
1639
1215
  >
1640
1216
  <span
1641
- class="view forceRow"
1217
+ class="view forceRow column text"
1642
1218
  >
1643
- <div
1644
- class="view forceRow checkboxColumn"
1645
- >
1646
- hi@soyjavi.com
1647
- </div>
1219
+ hi@soyjavi.com
1648
1220
  </span>
1649
1221
  </td>
1650
1222
  <td
1651
1223
  data-testid="onScroll-4-year"
1652
1224
  >
1653
1225
  <span
1654
- class="view forceRow"
1226
+ class="view forceRow column number"
1655
1227
  >
1656
- <div
1657
- class="view forceRow checkboxColumn"
1658
- >
1659
- 2022
1660
- </div>
1228
+ 2022
1661
1229
  </span>
1662
1230
  </td>
1663
1231
  <td
1664
1232
  data-testid="onScroll-4-twitter"
1665
1233
  >
1666
1234
  <span
1667
- class="view forceRow"
1235
+ class="view forceRow column text"
1668
1236
  >
1669
- <div
1670
- class="view forceRow checkboxColumn"
1671
- >
1672
- soyjavi
1673
- </div>
1237
+ soyjavi
1674
1238
  </span>
1675
1239
  </td>
1676
1240
  <td
1677
1241
  data-testid="onScroll-4-action"
1678
1242
  >
1679
1243
  <span
1680
- class="view forceRow"
1681
- >
1682
- <div
1683
- class="view forceRow checkboxColumn"
1684
- />
1685
- </span>
1244
+ class="view forceRow column text"
1245
+ />
1686
1246
  </td>
1687
1247
  </tr>
1688
1248
  <tr
@@ -1694,62 +1254,42 @@ exports[`component:<Table> prop:onScroll 1`] = `
1694
1254
  data-testid="onScroll-5-username"
1695
1255
  >
1696
1256
  <span
1697
- class="view forceRow"
1257
+ class="view forceRow column text"
1698
1258
  >
1699
- <div
1700
- class="view forceRow checkboxColumn"
1701
- >
1702
- victor
1703
- </div>
1259
+ victor
1704
1260
  </span>
1705
1261
  </td>
1706
1262
  <td
1707
1263
  data-testid="onScroll-5-email"
1708
1264
  >
1709
1265
  <span
1710
- class="view forceRow"
1266
+ class="view forceRow column text"
1711
1267
  >
1712
- <div
1713
- class="view forceRow checkboxColumn"
1714
- >
1715
- victor@mirai.com
1716
- </div>
1268
+ victor@mirai.com
1717
1269
  </span>
1718
1270
  </td>
1719
1271
  <td
1720
1272
  data-testid="onScroll-5-year"
1721
1273
  >
1722
1274
  <span
1723
- class="view forceRow"
1275
+ class="view forceRow column number"
1724
1276
  >
1725
- <div
1726
- class="view forceRow checkboxColumn"
1727
- >
1728
- 2021
1729
- </div>
1277
+ 2021
1730
1278
  </span>
1731
1279
  </td>
1732
1280
  <td
1733
1281
  data-testid="onScroll-5-twitter"
1734
1282
  >
1735
1283
  <span
1736
- class="view forceRow"
1737
- >
1738
- <div
1739
- class="view forceRow checkboxColumn"
1740
- />
1741
- </span>
1284
+ class="view forceRow column text"
1285
+ />
1742
1286
  </td>
1743
1287
  <td
1744
1288
  data-testid="onScroll-5-action"
1745
1289
  >
1746
1290
  <span
1747
- class="view forceRow"
1748
- >
1749
- <div
1750
- class="view forceRow checkboxColumn"
1751
- />
1752
- </span>
1291
+ class="view forceRow column text"
1292
+ />
1753
1293
  </td>
1754
1294
  </tr>
1755
1295
  <tr
@@ -1761,62 +1301,42 @@ exports[`component:<Table> prop:onScroll 1`] = `
1761
1301
  data-testid="onScroll-6-username"
1762
1302
  >
1763
1303
  <span
1764
- class="view forceRow"
1304
+ class="view forceRow column text"
1765
1305
  >
1766
- <div
1767
- class="view forceRow checkboxColumn"
1768
- >
1769
- mario/2
1770
- </div>
1306
+ mario/2
1771
1307
  </span>
1772
1308
  </td>
1773
1309
  <td
1774
1310
  data-testid="onScroll-6-email"
1775
1311
  >
1776
1312
  <span
1777
- class="view forceRow"
1313
+ class="view forceRow column text"
1778
1314
  >
1779
- <div
1780
- class="view forceRow checkboxColumn"
1781
- >
1782
- mario.2@mirai.com
1783
- </div>
1315
+ mario.2@mirai.com
1784
1316
  </span>
1785
1317
  </td>
1786
1318
  <td
1787
1319
  data-testid="onScroll-6-year"
1788
1320
  >
1789
1321
  <span
1790
- class="view forceRow"
1322
+ class="view forceRow column number"
1791
1323
  >
1792
- <div
1793
- class="view forceRow checkboxColumn"
1794
- >
1795
- 2022
1796
- </div>
1324
+ 2022
1797
1325
  </span>
1798
1326
  </td>
1799
1327
  <td
1800
1328
  data-testid="onScroll-6-twitter"
1801
1329
  >
1802
1330
  <span
1803
- class="view forceRow"
1804
- >
1805
- <div
1806
- class="view forceRow checkboxColumn"
1807
- />
1808
- </span>
1331
+ class="view forceRow column text"
1332
+ />
1809
1333
  </td>
1810
1334
  <td
1811
1335
  data-testid="onScroll-6-action"
1812
1336
  >
1813
1337
  <span
1814
- class="view forceRow"
1815
- >
1816
- <div
1817
- class="view forceRow checkboxColumn"
1818
- />
1819
- </span>
1338
+ class="view forceRow column text"
1339
+ />
1820
1340
  </td>
1821
1341
  </tr>
1822
1342
  </tbody>
@@ -1841,30 +1361,26 @@ exports[`component:<Table> prop:onSelect 1`] = `
1841
1361
  data-testid="onSelect-head-username"
1842
1362
  >
1843
1363
  <span
1844
- class="view forceRow"
1364
+ class="view forceRow column selectable"
1845
1365
  >
1846
1366
  <div
1847
- class="view forceRow checkboxColumn"
1367
+ class="pressable inputOption checkbox"
1368
+ data-testid="onSelect-head-checkbox"
1848
1369
  >
1849
1370
  <div
1850
- class="pressable inputOption checkbox"
1851
- data-testid="onSelect-head-checkbox"
1371
+ class="checkbox"
1852
1372
  >
1853
- <div
1854
- class="checkbox"
1855
- >
1856
- <input
1857
- class=""
1858
- name="checkbox"
1859
- type="checkbox"
1860
- value=""
1861
- />
1862
- </div>
1373
+ <input
1374
+ class=""
1375
+ name="checkbox"
1376
+ type="checkbox"
1377
+ value=""
1378
+ />
1863
1379
  </div>
1864
- User Name
1865
1380
  </div>
1381
+ User Name
1866
1382
  <span
1867
- class="icon headline-3 icon hide"
1383
+ class="icon headline-3 icon disabled"
1868
1384
  >
1869
1385
  <svg
1870
1386
  fill="currentColor"
@@ -1880,7 +1396,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
1880
1396
  fill="none"
1881
1397
  />
1882
1398
  <path
1883
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
1399
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1884
1400
  />
1885
1401
  </svg>
1886
1402
  </span>
@@ -1890,15 +1406,11 @@ exports[`component:<Table> prop:onSelect 1`] = `
1890
1406
  data-testid="onSelect-head-email"
1891
1407
  >
1892
1408
  <span
1893
- class="view forceRow"
1409
+ class="view forceRow column"
1894
1410
  >
1895
- <div
1896
- class="view forceRow checkboxColumn"
1897
- >
1898
- Email
1899
- </div>
1411
+ Email
1900
1412
  <span
1901
- class="icon headline-3 icon hide"
1413
+ class="icon headline-3 icon disabled"
1902
1414
  >
1903
1415
  <svg
1904
1416
  fill="currentColor"
@@ -1914,7 +1426,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
1914
1426
  fill="none"
1915
1427
  />
1916
1428
  <path
1917
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
1429
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1918
1430
  />
1919
1431
  </svg>
1920
1432
  </span>
@@ -1924,15 +1436,11 @@ exports[`component:<Table> prop:onSelect 1`] = `
1924
1436
  data-testid="onSelect-head-year"
1925
1437
  >
1926
1438
  <span
1927
- class="view forceRow"
1439
+ class="view forceRow column"
1928
1440
  >
1929
- <div
1930
- class="view forceRow checkboxColumn"
1931
- >
1932
- Year
1933
- </div>
1441
+ Year
1934
1442
  <span
1935
- class="icon headline-3 icon hide"
1443
+ class="icon headline-3 icon disabled"
1936
1444
  >
1937
1445
  <svg
1938
1446
  fill="currentColor"
@@ -1948,7 +1456,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
1948
1456
  fill="none"
1949
1457
  />
1950
1458
  <path
1951
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
1459
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1952
1460
  />
1953
1461
  </svg>
1954
1462
  </span>
@@ -1958,15 +1466,11 @@ exports[`component:<Table> prop:onSelect 1`] = `
1958
1466
  data-testid="onSelect-head-twitter"
1959
1467
  >
1960
1468
  <span
1961
- class="view forceRow"
1469
+ class="view forceRow column"
1962
1470
  >
1963
- <div
1964
- class="view forceRow checkboxColumn"
1965
- >
1966
- Twitter
1967
- </div>
1471
+ Twitter
1968
1472
  <span
1969
- class="icon headline-3 icon hide"
1473
+ class="icon headline-3 icon disabled"
1970
1474
  >
1971
1475
  <svg
1972
1476
  fill="currentColor"
@@ -1982,7 +1486,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
1982
1486
  fill="none"
1983
1487
  />
1984
1488
  <path
1985
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
1489
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1986
1490
  />
1987
1491
  </svg>
1988
1492
  </span>
@@ -1992,15 +1496,11 @@ exports[`component:<Table> prop:onSelect 1`] = `
1992
1496
  data-testid="onSelect-head-action"
1993
1497
  >
1994
1498
  <span
1995
- class="view forceRow"
1499
+ class="view forceRow column"
1996
1500
  >
1997
- <div
1998
- class="view forceRow checkboxColumn"
1999
- >
2000
- Action
2001
- </div>
1501
+ Action
2002
1502
  <span
2003
- class="icon headline-3 icon hide"
1503
+ class="icon headline-3 icon disabled"
2004
1504
  >
2005
1505
  <svg
2006
1506
  fill="currentColor"
@@ -2016,7 +1516,7 @@ exports[`component:<Table> prop:onSelect 1`] = `
2016
1516
  fill="none"
2017
1517
  />
2018
1518
  <path
2019
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
1519
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2020
1520
  />
2021
1521
  </svg>
2022
1522
  </span>
@@ -2034,77 +1534,57 @@ exports[`component:<Table> prop:onSelect 1`] = `
2034
1534
  data-testid="onSelect-0-username"
2035
1535
  >
2036
1536
  <span
2037
- class="view forceRow"
1537
+ class="view forceRow column selectable"
2038
1538
  >
2039
1539
  <div
2040
- class="view forceRow checkboxColumn"
1540
+ class="pressable inputOption checkbox"
1541
+ data-testid="onSelect-0-checkbox"
2041
1542
  >
2042
1543
  <div
2043
- class="pressable inputOption checkbox"
2044
- data-testid="onSelect-0-checkbox"
1544
+ class="checkbox"
2045
1545
  >
2046
- <div
2047
- class="checkbox"
2048
- >
2049
- <input
2050
- class=""
2051
- name="checkbox"
2052
- type="checkbox"
2053
- value=""
2054
- />
2055
- </div>
1546
+ <input
1547
+ class=""
1548
+ name="checkbox"
1549
+ type="checkbox"
1550
+ value=""
1551
+ />
2056
1552
  </div>
2057
- jose
2058
1553
  </div>
1554
+ jose
2059
1555
  </span>
2060
1556
  </td>
2061
1557
  <td
2062
1558
  data-testid="onSelect-0-email"
2063
1559
  >
2064
1560
  <span
2065
- class="view forceRow"
1561
+ class="view forceRow column text"
2066
1562
  >
2067
- <div
2068
- class="view forceRow checkboxColumn"
2069
- >
2070
- jose@mirai.com
2071
- </div>
1563
+ jose@mirai.com
2072
1564
  </span>
2073
1565
  </td>
2074
1566
  <td
2075
1567
  data-testid="onSelect-0-year"
2076
1568
  >
2077
1569
  <span
2078
- class="view forceRow"
1570
+ class="view forceRow column number"
2079
1571
  >
2080
- <div
2081
- class="view forceRow checkboxColumn"
2082
- >
2083
- 2012
2084
- </div>
1572
+ 2012
2085
1573
  </span>
2086
1574
  </td>
2087
1575
  <td
2088
1576
  data-testid="onSelect-0-twitter"
2089
1577
  >
2090
1578
  <span
2091
- class="view forceRow"
2092
- >
2093
- <div
2094
- class="view forceRow checkboxColumn"
2095
- />
2096
- </span>
1579
+ class="view forceRow column text"
1580
+ />
2097
1581
  </td>
2098
1582
  <td
2099
1583
  data-testid="onSelect-0-action"
2100
1584
  >
2101
1585
  <span
2102
- class="view forceRow"
2103
- >
2104
- <div
2105
- class="view forceRow checkboxColumn"
2106
- />
2107
- </span>
1586
+ class="view forceRow column text"
1587
+ />
2108
1588
  </td>
2109
1589
  </tr>
2110
1590
  <tr
@@ -2116,77 +1596,57 @@ exports[`component:<Table> prop:onSelect 1`] = `
2116
1596
  data-testid="onSelect-1-username"
2117
1597
  >
2118
1598
  <span
2119
- class="view forceRow"
1599
+ class="view forceRow column selectable"
2120
1600
  >
2121
1601
  <div
2122
- class="view forceRow checkboxColumn"
1602
+ class="pressable inputOption checkbox"
1603
+ data-testid="onSelect-1-checkbox"
2123
1604
  >
2124
1605
  <div
2125
- class="pressable inputOption checkbox"
2126
- data-testid="onSelect-1-checkbox"
1606
+ class="checkbox"
2127
1607
  >
2128
- <div
2129
- class="checkbox"
2130
- >
2131
- <input
2132
- class=""
2133
- name="checkbox"
2134
- type="checkbox"
2135
- value=""
2136
- />
2137
- </div>
1608
+ <input
1609
+ class=""
1610
+ name="checkbox"
1611
+ type="checkbox"
1612
+ value=""
1613
+ />
2138
1614
  </div>
2139
- mario/1
2140
1615
  </div>
1616
+ mario/1
2141
1617
  </span>
2142
1618
  </td>
2143
1619
  <td
2144
1620
  data-testid="onSelect-1-email"
2145
1621
  >
2146
1622
  <span
2147
- class="view forceRow"
1623
+ class="view forceRow column text"
2148
1624
  >
2149
- <div
2150
- class="view forceRow checkboxColumn"
2151
- >
2152
- mario.1@mirai.com
2153
- </div>
1625
+ mario.1@mirai.com
2154
1626
  </span>
2155
1627
  </td>
2156
1628
  <td
2157
1629
  data-testid="onSelect-1-year"
2158
1630
  >
2159
1631
  <span
2160
- class="view forceRow"
1632
+ class="view forceRow column number"
2161
1633
  >
2162
- <div
2163
- class="view forceRow checkboxColumn"
2164
- >
2165
- 2005
2166
- </div>
1634
+ 2005
2167
1635
  </span>
2168
1636
  </td>
2169
1637
  <td
2170
1638
  data-testid="onSelect-1-twitter"
2171
1639
  >
2172
1640
  <span
2173
- class="view forceRow"
2174
- >
2175
- <div
2176
- class="view forceRow checkboxColumn"
2177
- />
2178
- </span>
1641
+ class="view forceRow column text"
1642
+ />
2179
1643
  </td>
2180
1644
  <td
2181
1645
  data-testid="onSelect-1-action"
2182
1646
  >
2183
1647
  <span
2184
- class="view forceRow"
2185
- >
2186
- <div
2187
- class="view forceRow checkboxColumn"
2188
- />
2189
- </span>
1648
+ class="view forceRow column text"
1649
+ />
2190
1650
  </td>
2191
1651
  </tr>
2192
1652
  <tr
@@ -2198,77 +1658,57 @@ exports[`component:<Table> prop:onSelect 1`] = `
2198
1658
  data-testid="onSelect-2-username"
2199
1659
  >
2200
1660
  <span
2201
- class="view forceRow"
1661
+ class="view forceRow column selectable"
2202
1662
  >
2203
1663
  <div
2204
- class="view forceRow checkboxColumn"
1664
+ class="pressable inputOption checkbox"
1665
+ data-testid="onSelect-2-checkbox"
2205
1666
  >
2206
1667
  <div
2207
- class="pressable inputOption checkbox"
2208
- data-testid="onSelect-2-checkbox"
1668
+ class="checkbox"
2209
1669
  >
2210
- <div
2211
- class="checkbox"
2212
- >
2213
- <input
2214
- class=""
2215
- name="checkbox"
2216
- type="checkbox"
2217
- value=""
2218
- />
2219
- </div>
1670
+ <input
1671
+ class=""
1672
+ name="checkbox"
1673
+ type="checkbox"
1674
+ value=""
1675
+ />
2220
1676
  </div>
2221
- carlos
2222
1677
  </div>
1678
+ carlos
2223
1679
  </span>
2224
1680
  </td>
2225
1681
  <td
2226
1682
  data-testid="onSelect-2-email"
2227
1683
  >
2228
1684
  <span
2229
- class="view forceRow"
1685
+ class="view forceRow column text"
2230
1686
  >
2231
- <div
2232
- class="view forceRow checkboxColumn"
2233
- >
2234
- carlos@mirai.com
2235
- </div>
1687
+ carlos@mirai.com
2236
1688
  </span>
2237
1689
  </td>
2238
1690
  <td
2239
1691
  data-testid="onSelect-2-year"
2240
1692
  >
2241
1693
  <span
2242
- class="view forceRow"
1694
+ class="view forceRow column number"
2243
1695
  >
2244
- <div
2245
- class="view forceRow checkboxColumn"
2246
- >
2247
- 2012
2248
- </div>
1696
+ 2012
2249
1697
  </span>
2250
1698
  </td>
2251
1699
  <td
2252
1700
  data-testid="onSelect-2-twitter"
2253
1701
  >
2254
1702
  <span
2255
- class="view forceRow"
2256
- >
2257
- <div
2258
- class="view forceRow checkboxColumn"
2259
- />
2260
- </span>
1703
+ class="view forceRow column text"
1704
+ />
2261
1705
  </td>
2262
1706
  <td
2263
1707
  data-testid="onSelect-2-action"
2264
1708
  >
2265
1709
  <span
2266
- class="view forceRow"
2267
- >
2268
- <div
2269
- class="view forceRow checkboxColumn"
2270
- />
2271
- </span>
1710
+ class="view forceRow column text"
1711
+ />
2272
1712
  </td>
2273
1713
  </tr>
2274
1714
  <tr
@@ -2280,80 +1720,60 @@ exports[`component:<Table> prop:onSelect 1`] = `
2280
1720
  data-testid="onSelect-3-username"
2281
1721
  >
2282
1722
  <span
2283
- class="view forceRow"
1723
+ class="view forceRow column selectable"
2284
1724
  >
2285
1725
  <div
2286
- class="view forceRow checkboxColumn"
1726
+ class="pressable inputOption checkbox"
1727
+ data-testid="onSelect-3-checkbox"
2287
1728
  >
2288
1729
  <div
2289
- class="pressable inputOption checkbox"
2290
- data-testid="onSelect-3-checkbox"
1730
+ class="checkbox"
2291
1731
  >
2292
- <div
2293
- class="checkbox"
2294
- >
2295
- <input
2296
- class=""
2297
- name="checkbox"
2298
- type="checkbox"
2299
- value=""
2300
- />
2301
- </div>
1732
+ <input
1733
+ class=""
1734
+ name="checkbox"
1735
+ type="checkbox"
1736
+ value=""
1737
+ />
2302
1738
  </div>
2303
- svet
2304
1739
  </div>
1740
+ svet
2305
1741
  </span>
2306
1742
  </td>
2307
1743
  <td
2308
1744
  data-testid="onSelect-3-email"
2309
1745
  >
2310
1746
  <span
2311
- class="view forceRow"
1747
+ class="view forceRow column text"
2312
1748
  >
2313
- <div
2314
- class="view forceRow checkboxColumn"
2315
- >
2316
- svet@mirai.com
2317
- </div>
1749
+ svet@mirai.com
2318
1750
  </span>
2319
1751
  </td>
2320
1752
  <td
2321
1753
  data-testid="onSelect-3-year"
2322
1754
  >
2323
1755
  <span
2324
- class="view forceRow"
1756
+ class="view forceRow column number"
2325
1757
  >
2326
- <div
2327
- class="view forceRow checkboxColumn"
2328
- >
2329
- 2021
2330
- </div>
1758
+ 2021
2331
1759
  </span>
2332
1760
  </td>
2333
1761
  <td
2334
1762
  data-testid="onSelect-3-twitter"
2335
1763
  >
2336
1764
  <span
2337
- class="view forceRow"
2338
- >
2339
- <div
2340
- class="view forceRow checkboxColumn"
2341
- />
2342
- </span>
1765
+ class="view forceRow column text"
1766
+ />
2343
1767
  </td>
2344
1768
  <td
2345
1769
  data-testid="onSelect-3-action"
2346
1770
  >
2347
1771
  <span
2348
- class="view forceRow"
1772
+ class="view forceRow column text"
2349
1773
  >
2350
- <div
2351
- class="view forceRow checkboxColumn"
2352
- >
2353
- <strong>
2354
- action
2355
- </strong>
2356
- </div>
1774
+ <strong>
1775
+ action
1776
+ </strong>
2357
1777
  </span>
2358
1778
  </td>
2359
1779
  </tr>
@@ -2366,79 +1786,59 @@ exports[`component:<Table> prop:onSelect 1`] = `
2366
1786
  data-testid="onSelect-4-username"
2367
1787
  >
2368
1788
  <span
2369
- class="view forceRow"
1789
+ class="view forceRow column selectable"
2370
1790
  >
2371
1791
  <div
2372
- class="view forceRow checkboxColumn"
1792
+ class="pressable inputOption checkbox"
1793
+ data-testid="onSelect-4-checkbox"
2373
1794
  >
2374
1795
  <div
2375
- class="pressable inputOption checkbox"
2376
- data-testid="onSelect-4-checkbox"
1796
+ class="checkbox"
2377
1797
  >
2378
- <div
2379
- class="checkbox"
2380
- >
2381
- <input
2382
- class=""
2383
- name="checkbox"
2384
- type="checkbox"
2385
- value=""
2386
- />
2387
- </div>
1798
+ <input
1799
+ class=""
1800
+ name="checkbox"
1801
+ type="checkbox"
1802
+ value=""
1803
+ />
2388
1804
  </div>
2389
- javi
2390
1805
  </div>
1806
+ javi
2391
1807
  </span>
2392
1808
  </td>
2393
1809
  <td
2394
1810
  data-testid="onSelect-4-email"
2395
1811
  >
2396
1812
  <span
2397
- class="view forceRow"
1813
+ class="view forceRow column text"
2398
1814
  >
2399
- <div
2400
- class="view forceRow checkboxColumn"
2401
- >
2402
- hi@soyjavi.com
2403
- </div>
1815
+ hi@soyjavi.com
2404
1816
  </span>
2405
1817
  </td>
2406
1818
  <td
2407
1819
  data-testid="onSelect-4-year"
2408
1820
  >
2409
1821
  <span
2410
- class="view forceRow"
1822
+ class="view forceRow column number"
2411
1823
  >
2412
- <div
2413
- class="view forceRow checkboxColumn"
2414
- >
2415
- 2022
2416
- </div>
1824
+ 2022
2417
1825
  </span>
2418
1826
  </td>
2419
1827
  <td
2420
1828
  data-testid="onSelect-4-twitter"
2421
1829
  >
2422
1830
  <span
2423
- class="view forceRow"
1831
+ class="view forceRow column text"
2424
1832
  >
2425
- <div
2426
- class="view forceRow checkboxColumn"
2427
- >
2428
- soyjavi
2429
- </div>
1833
+ soyjavi
2430
1834
  </span>
2431
1835
  </td>
2432
1836
  <td
2433
1837
  data-testid="onSelect-4-action"
2434
1838
  >
2435
1839
  <span
2436
- class="view forceRow"
2437
- >
2438
- <div
2439
- class="view forceRow checkboxColumn"
2440
- />
2441
- </span>
1840
+ class="view forceRow column text"
1841
+ />
2442
1842
  </td>
2443
1843
  </tr>
2444
1844
  <tr
@@ -2450,77 +1850,57 @@ exports[`component:<Table> prop:onSelect 1`] = `
2450
1850
  data-testid="onSelect-5-username"
2451
1851
  >
2452
1852
  <span
2453
- class="view forceRow"
1853
+ class="view forceRow column selectable"
2454
1854
  >
2455
1855
  <div
2456
- class="view forceRow checkboxColumn"
1856
+ class="pressable inputOption checkbox"
1857
+ data-testid="onSelect-5-checkbox"
2457
1858
  >
2458
1859
  <div
2459
- class="pressable inputOption checkbox"
2460
- data-testid="onSelect-5-checkbox"
1860
+ class="checkbox"
2461
1861
  >
2462
- <div
2463
- class="checkbox"
2464
- >
2465
- <input
2466
- class=""
2467
- name="checkbox"
2468
- type="checkbox"
2469
- value=""
2470
- />
2471
- </div>
1862
+ <input
1863
+ class=""
1864
+ name="checkbox"
1865
+ type="checkbox"
1866
+ value=""
1867
+ />
2472
1868
  </div>
2473
- victor
2474
1869
  </div>
1870
+ victor
2475
1871
  </span>
2476
1872
  </td>
2477
1873
  <td
2478
1874
  data-testid="onSelect-5-email"
2479
1875
  >
2480
1876
  <span
2481
- class="view forceRow"
1877
+ class="view forceRow column text"
2482
1878
  >
2483
- <div
2484
- class="view forceRow checkboxColumn"
2485
- >
2486
- victor@mirai.com
2487
- </div>
1879
+ victor@mirai.com
2488
1880
  </span>
2489
1881
  </td>
2490
1882
  <td
2491
1883
  data-testid="onSelect-5-year"
2492
1884
  >
2493
1885
  <span
2494
- class="view forceRow"
1886
+ class="view forceRow column number"
2495
1887
  >
2496
- <div
2497
- class="view forceRow checkboxColumn"
2498
- >
2499
- 2021
2500
- </div>
1888
+ 2021
2501
1889
  </span>
2502
1890
  </td>
2503
1891
  <td
2504
1892
  data-testid="onSelect-5-twitter"
2505
1893
  >
2506
1894
  <span
2507
- class="view forceRow"
2508
- >
2509
- <div
2510
- class="view forceRow checkboxColumn"
2511
- />
2512
- </span>
1895
+ class="view forceRow column text"
1896
+ />
2513
1897
  </td>
2514
1898
  <td
2515
1899
  data-testid="onSelect-5-action"
2516
1900
  >
2517
1901
  <span
2518
- class="view forceRow"
2519
- >
2520
- <div
2521
- class="view forceRow checkboxColumn"
2522
- />
2523
- </span>
1902
+ class="view forceRow column text"
1903
+ />
2524
1904
  </td>
2525
1905
  </tr>
2526
1906
  <tr
@@ -2532,77 +1912,57 @@ exports[`component:<Table> prop:onSelect 1`] = `
2532
1912
  data-testid="onSelect-6-username"
2533
1913
  >
2534
1914
  <span
2535
- class="view forceRow"
1915
+ class="view forceRow column selectable"
2536
1916
  >
2537
1917
  <div
2538
- class="view forceRow checkboxColumn"
1918
+ class="pressable inputOption checkbox"
1919
+ data-testid="onSelect-6-checkbox"
2539
1920
  >
2540
1921
  <div
2541
- class="pressable inputOption checkbox"
2542
- data-testid="onSelect-6-checkbox"
1922
+ class="checkbox"
2543
1923
  >
2544
- <div
2545
- class="checkbox"
2546
- >
2547
- <input
2548
- class=""
2549
- name="checkbox"
2550
- type="checkbox"
2551
- value=""
2552
- />
2553
- </div>
1924
+ <input
1925
+ class=""
1926
+ name="checkbox"
1927
+ type="checkbox"
1928
+ value=""
1929
+ />
2554
1930
  </div>
2555
- mario/2
2556
1931
  </div>
1932
+ mario/2
2557
1933
  </span>
2558
1934
  </td>
2559
1935
  <td
2560
1936
  data-testid="onSelect-6-email"
2561
1937
  >
2562
1938
  <span
2563
- class="view forceRow"
1939
+ class="view forceRow column text"
2564
1940
  >
2565
- <div
2566
- class="view forceRow checkboxColumn"
2567
- >
2568
- mario.2@mirai.com
2569
- </div>
1941
+ mario.2@mirai.com
2570
1942
  </span>
2571
1943
  </td>
2572
1944
  <td
2573
1945
  data-testid="onSelect-6-year"
2574
1946
  >
2575
1947
  <span
2576
- class="view forceRow"
1948
+ class="view forceRow column number"
2577
1949
  >
2578
- <div
2579
- class="view forceRow checkboxColumn"
2580
- >
2581
- 2022
2582
- </div>
1950
+ 2022
2583
1951
  </span>
2584
1952
  </td>
2585
1953
  <td
2586
1954
  data-testid="onSelect-6-twitter"
2587
1955
  >
2588
1956
  <span
2589
- class="view forceRow"
2590
- >
2591
- <div
2592
- class="view forceRow checkboxColumn"
2593
- />
2594
- </span>
1957
+ class="view forceRow column text"
1958
+ />
2595
1959
  </td>
2596
1960
  <td
2597
1961
  data-testid="onSelect-6-action"
2598
1962
  >
2599
1963
  <span
2600
- class="view forceRow"
2601
- >
2602
- <div
2603
- class="view forceRow checkboxColumn"
2604
- />
2605
- </span>
1964
+ class="view forceRow column text"
1965
+ />
2606
1966
  </td>
2607
1967
  </tr>
2608
1968
  </tbody>
@@ -2622,15 +1982,11 @@ exports[`component:<Table> prop:search 1`] = `
2622
1982
  >
2623
1983
  <th>
2624
1984
  <span
2625
- class="view forceRow"
1985
+ class="view forceRow column"
2626
1986
  >
2627
- <div
2628
- class="view forceRow checkboxColumn"
2629
- >
2630
- User Name
2631
- </div>
1987
+ User Name
2632
1988
  <span
2633
- class="icon headline-3 icon hide"
1989
+ class="icon headline-3 icon disabled"
2634
1990
  >
2635
1991
  <svg
2636
1992
  fill="currentColor"
@@ -2646,7 +2002,7 @@ exports[`component:<Table> prop:search 1`] = `
2646
2002
  fill="none"
2647
2003
  />
2648
2004
  <path
2649
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
2005
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2650
2006
  />
2651
2007
  </svg>
2652
2008
  </span>
@@ -2654,15 +2010,11 @@ exports[`component:<Table> prop:search 1`] = `
2654
2010
  </th>
2655
2011
  <th>
2656
2012
  <span
2657
- class="view forceRow"
2013
+ class="view forceRow column"
2658
2014
  >
2659
- <div
2660
- class="view forceRow checkboxColumn"
2661
- >
2662
- Email
2663
- </div>
2015
+ Email
2664
2016
  <span
2665
- class="icon headline-3 icon hide"
2017
+ class="icon headline-3 icon disabled"
2666
2018
  >
2667
2019
  <svg
2668
2020
  fill="currentColor"
@@ -2678,7 +2030,7 @@ exports[`component:<Table> prop:search 1`] = `
2678
2030
  fill="none"
2679
2031
  />
2680
2032
  <path
2681
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
2033
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2682
2034
  />
2683
2035
  </svg>
2684
2036
  </span>
@@ -2686,15 +2038,11 @@ exports[`component:<Table> prop:search 1`] = `
2686
2038
  </th>
2687
2039
  <th>
2688
2040
  <span
2689
- class="view forceRow"
2041
+ class="view forceRow column"
2690
2042
  >
2691
- <div
2692
- class="view forceRow checkboxColumn"
2693
- >
2694
- Year
2695
- </div>
2043
+ Year
2696
2044
  <span
2697
- class="icon headline-3 icon hide"
2045
+ class="icon headline-3 icon disabled"
2698
2046
  >
2699
2047
  <svg
2700
2048
  fill="currentColor"
@@ -2710,7 +2058,7 @@ exports[`component:<Table> prop:search 1`] = `
2710
2058
  fill="none"
2711
2059
  />
2712
2060
  <path
2713
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
2061
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2714
2062
  />
2715
2063
  </svg>
2716
2064
  </span>
@@ -2718,15 +2066,11 @@ exports[`component:<Table> prop:search 1`] = `
2718
2066
  </th>
2719
2067
  <th>
2720
2068
  <span
2721
- class="view forceRow"
2069
+ class="view forceRow column"
2722
2070
  >
2723
- <div
2724
- class="view forceRow checkboxColumn"
2725
- >
2726
- Twitter
2727
- </div>
2071
+ Twitter
2728
2072
  <span
2729
- class="icon headline-3 icon hide"
2073
+ class="icon headline-3 icon disabled"
2730
2074
  >
2731
2075
  <svg
2732
2076
  fill="currentColor"
@@ -2742,7 +2086,7 @@ exports[`component:<Table> prop:search 1`] = `
2742
2086
  fill="none"
2743
2087
  />
2744
2088
  <path
2745
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
2089
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2746
2090
  />
2747
2091
  </svg>
2748
2092
  </span>
@@ -2750,15 +2094,11 @@ exports[`component:<Table> prop:search 1`] = `
2750
2094
  </th>
2751
2095
  <th>
2752
2096
  <span
2753
- class="view forceRow"
2097
+ class="view forceRow column"
2754
2098
  >
2755
- <div
2756
- class="view forceRow checkboxColumn"
2757
- >
2758
- Action
2759
- </div>
2099
+ Action
2760
2100
  <span
2761
- class="icon headline-3 icon hide"
2101
+ class="icon headline-3 icon disabled"
2762
2102
  >
2763
2103
  <svg
2764
2104
  fill="currentColor"
@@ -2774,7 +2114,7 @@ exports[`component:<Table> prop:search 1`] = `
2774
2114
  fill="none"
2775
2115
  />
2776
2116
  <path
2777
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
2117
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2778
2118
  />
2779
2119
  </svg>
2780
2120
  </span>
@@ -2789,56 +2129,36 @@ exports[`component:<Table> prop:search 1`] = `
2789
2129
  >
2790
2130
  <td>
2791
2131
  <span
2792
- class="view forceRow"
2132
+ class="view forceRow column text"
2793
2133
  >
2794
- <div
2795
- class="view forceRow checkboxColumn"
2796
- >
2797
- javi
2798
- </div>
2134
+ javi
2799
2135
  </span>
2800
2136
  </td>
2801
2137
  <td>
2802
2138
  <span
2803
- class="view forceRow"
2139
+ class="view forceRow column text"
2804
2140
  >
2805
- <div
2806
- class="view forceRow checkboxColumn"
2807
- >
2808
- hi@soyjavi.com
2809
- </div>
2141
+ hi@soyjavi.com
2810
2142
  </span>
2811
2143
  </td>
2812
2144
  <td>
2813
2145
  <span
2814
- class="view forceRow"
2146
+ class="view forceRow column number"
2815
2147
  >
2816
- <div
2817
- class="view forceRow checkboxColumn"
2818
- >
2819
- 2022
2820
- </div>
2148
+ 2022
2821
2149
  </span>
2822
2150
  </td>
2823
2151
  <td>
2824
2152
  <span
2825
- class="view forceRow"
2153
+ class="view forceRow column text"
2826
2154
  >
2827
- <div
2828
- class="view forceRow checkboxColumn"
2829
- >
2830
- soyjavi
2831
- </div>
2155
+ soyjavi
2832
2156
  </span>
2833
2157
  </td>
2834
2158
  <td>
2835
2159
  <span
2836
- class="view forceRow"
2837
- >
2838
- <div
2839
- class="view forceRow checkboxColumn"
2840
- />
2841
- </span>
2160
+ class="view forceRow column text"
2161
+ />
2842
2162
  </td>
2843
2163
  </tr>
2844
2164
  </tbody>
@@ -2858,15 +2178,11 @@ exports[`component:<Table> prop:selected 1`] = `
2858
2178
  >
2859
2179
  <th>
2860
2180
  <span
2861
- class="view forceRow"
2181
+ class="view forceRow column"
2862
2182
  >
2863
- <div
2864
- class="view forceRow checkboxColumn"
2865
- >
2866
- User Name
2867
- </div>
2183
+ User Name
2868
2184
  <span
2869
- class="icon headline-3 icon hide"
2185
+ class="icon headline-3 icon disabled"
2870
2186
  >
2871
2187
  <svg
2872
2188
  fill="currentColor"
@@ -2882,7 +2198,7 @@ exports[`component:<Table> prop:selected 1`] = `
2882
2198
  fill="none"
2883
2199
  />
2884
2200
  <path
2885
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
2201
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2886
2202
  />
2887
2203
  </svg>
2888
2204
  </span>
@@ -2890,15 +2206,11 @@ exports[`component:<Table> prop:selected 1`] = `
2890
2206
  </th>
2891
2207
  <th>
2892
2208
  <span
2893
- class="view forceRow"
2209
+ class="view forceRow column"
2894
2210
  >
2895
- <div
2896
- class="view forceRow checkboxColumn"
2897
- >
2898
- Email
2899
- </div>
2211
+ Email
2900
2212
  <span
2901
- class="icon headline-3 icon hide"
2213
+ class="icon headline-3 icon disabled"
2902
2214
  >
2903
2215
  <svg
2904
2216
  fill="currentColor"
@@ -2914,7 +2226,7 @@ exports[`component:<Table> prop:selected 1`] = `
2914
2226
  fill="none"
2915
2227
  />
2916
2228
  <path
2917
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
2229
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2918
2230
  />
2919
2231
  </svg>
2920
2232
  </span>
@@ -2922,15 +2234,11 @@ exports[`component:<Table> prop:selected 1`] = `
2922
2234
  </th>
2923
2235
  <th>
2924
2236
  <span
2925
- class="view forceRow"
2237
+ class="view forceRow column"
2926
2238
  >
2927
- <div
2928
- class="view forceRow checkboxColumn"
2929
- >
2930
- Year
2931
- </div>
2239
+ Year
2932
2240
  <span
2933
- class="icon headline-3 icon hide"
2241
+ class="icon headline-3 icon disabled"
2934
2242
  >
2935
2243
  <svg
2936
2244
  fill="currentColor"
@@ -2946,7 +2254,7 @@ exports[`component:<Table> prop:selected 1`] = `
2946
2254
  fill="none"
2947
2255
  />
2948
2256
  <path
2949
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
2257
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2950
2258
  />
2951
2259
  </svg>
2952
2260
  </span>
@@ -2954,15 +2262,11 @@ exports[`component:<Table> prop:selected 1`] = `
2954
2262
  </th>
2955
2263
  <th>
2956
2264
  <span
2957
- class="view forceRow"
2265
+ class="view forceRow column"
2958
2266
  >
2959
- <div
2960
- class="view forceRow checkboxColumn"
2961
- >
2962
- Twitter
2963
- </div>
2267
+ Twitter
2964
2268
  <span
2965
- class="icon headline-3 icon hide"
2269
+ class="icon headline-3 icon disabled"
2966
2270
  >
2967
2271
  <svg
2968
2272
  fill="currentColor"
@@ -2978,7 +2282,7 @@ exports[`component:<Table> prop:selected 1`] = `
2978
2282
  fill="none"
2979
2283
  />
2980
2284
  <path
2981
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
2285
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2982
2286
  />
2983
2287
  </svg>
2984
2288
  </span>
@@ -2986,15 +2290,11 @@ exports[`component:<Table> prop:selected 1`] = `
2986
2290
  </th>
2987
2291
  <th>
2988
2292
  <span
2989
- class="view forceRow"
2293
+ class="view forceRow column"
2990
2294
  >
2991
- <div
2992
- class="view forceRow checkboxColumn"
2993
- >
2994
- Action
2995
- </div>
2295
+ Action
2996
2296
  <span
2997
- class="icon headline-3 icon hide"
2297
+ class="icon headline-3 icon disabled"
2998
2298
  >
2999
2299
  <svg
3000
2300
  fill="currentColor"
@@ -3010,7 +2310,7 @@ exports[`component:<Table> prop:selected 1`] = `
3010
2310
  fill="none"
3011
2311
  />
3012
2312
  <path
3013
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
2313
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3014
2314
  />
3015
2315
  </svg>
3016
2316
  </span>
@@ -3025,54 +2325,34 @@ exports[`component:<Table> prop:selected 1`] = `
3025
2325
  >
3026
2326
  <td>
3027
2327
  <span
3028
- class="view forceRow"
2328
+ class="view forceRow column text"
3029
2329
  >
3030
- <div
3031
- class="view forceRow checkboxColumn"
3032
- >
3033
- jose
3034
- </div>
2330
+ jose
3035
2331
  </span>
3036
2332
  </td>
3037
2333
  <td>
3038
2334
  <span
3039
- class="view forceRow"
2335
+ class="view forceRow column text"
3040
2336
  >
3041
- <div
3042
- class="view forceRow checkboxColumn"
3043
- >
3044
- jose@mirai.com
3045
- </div>
2337
+ jose@mirai.com
3046
2338
  </span>
3047
2339
  </td>
3048
2340
  <td>
3049
2341
  <span
3050
- class="view forceRow"
2342
+ class="view forceRow column number"
3051
2343
  >
3052
- <div
3053
- class="view forceRow checkboxColumn"
3054
- >
3055
- 2012
3056
- </div>
2344
+ 2012
3057
2345
  </span>
3058
2346
  </td>
3059
2347
  <td>
3060
2348
  <span
3061
- class="view forceRow"
3062
- >
3063
- <div
3064
- class="view forceRow checkboxColumn"
3065
- />
3066
- </span>
2349
+ class="view forceRow column text"
2350
+ />
3067
2351
  </td>
3068
2352
  <td>
3069
2353
  <span
3070
- class="view forceRow"
3071
- >
3072
- <div
3073
- class="view forceRow checkboxColumn"
3074
- />
3075
- </span>
2354
+ class="view forceRow column text"
2355
+ />
3076
2356
  </td>
3077
2357
  </tr>
3078
2358
  <tr
@@ -3081,54 +2361,34 @@ exports[`component:<Table> prop:selected 1`] = `
3081
2361
  >
3082
2362
  <td>
3083
2363
  <span
3084
- class="view forceRow"
2364
+ class="view forceRow column text"
3085
2365
  >
3086
- <div
3087
- class="view forceRow checkboxColumn"
3088
- >
3089
- mario/1
3090
- </div>
2366
+ mario/1
3091
2367
  </span>
3092
2368
  </td>
3093
2369
  <td>
3094
2370
  <span
3095
- class="view forceRow"
2371
+ class="view forceRow column text"
3096
2372
  >
3097
- <div
3098
- class="view forceRow checkboxColumn"
3099
- >
3100
- mario.1@mirai.com
3101
- </div>
2373
+ mario.1@mirai.com
3102
2374
  </span>
3103
2375
  </td>
3104
2376
  <td>
3105
2377
  <span
3106
- class="view forceRow"
2378
+ class="view forceRow column number"
3107
2379
  >
3108
- <div
3109
- class="view forceRow checkboxColumn"
3110
- >
3111
- 2005
3112
- </div>
2380
+ 2005
3113
2381
  </span>
3114
2382
  </td>
3115
2383
  <td>
3116
2384
  <span
3117
- class="view forceRow"
3118
- >
3119
- <div
3120
- class="view forceRow checkboxColumn"
3121
- />
3122
- </span>
2385
+ class="view forceRow column text"
2386
+ />
3123
2387
  </td>
3124
2388
  <td>
3125
2389
  <span
3126
- class="view forceRow"
3127
- >
3128
- <div
3129
- class="view forceRow checkboxColumn"
3130
- />
3131
- </span>
2390
+ class="view forceRow column text"
2391
+ />
3132
2392
  </td>
3133
2393
  </tr>
3134
2394
  <tr
@@ -3137,54 +2397,34 @@ exports[`component:<Table> prop:selected 1`] = `
3137
2397
  >
3138
2398
  <td>
3139
2399
  <span
3140
- class="view forceRow"
2400
+ class="view forceRow column text"
3141
2401
  >
3142
- <div
3143
- class="view forceRow checkboxColumn"
3144
- >
3145
- carlos
3146
- </div>
2402
+ carlos
3147
2403
  </span>
3148
2404
  </td>
3149
2405
  <td>
3150
2406
  <span
3151
- class="view forceRow"
2407
+ class="view forceRow column text"
3152
2408
  >
3153
- <div
3154
- class="view forceRow checkboxColumn"
3155
- >
3156
- carlos@mirai.com
3157
- </div>
2409
+ carlos@mirai.com
3158
2410
  </span>
3159
2411
  </td>
3160
2412
  <td>
3161
2413
  <span
3162
- class="view forceRow"
2414
+ class="view forceRow column number"
3163
2415
  >
3164
- <div
3165
- class="view forceRow checkboxColumn"
3166
- >
3167
- 2012
3168
- </div>
2416
+ 2012
3169
2417
  </span>
3170
2418
  </td>
3171
2419
  <td>
3172
2420
  <span
3173
- class="view forceRow"
3174
- >
3175
- <div
3176
- class="view forceRow checkboxColumn"
3177
- />
3178
- </span>
2421
+ class="view forceRow column text"
2422
+ />
3179
2423
  </td>
3180
2424
  <td>
3181
2425
  <span
3182
- class="view forceRow"
3183
- >
3184
- <div
3185
- class="view forceRow checkboxColumn"
3186
- />
3187
- </span>
2426
+ class="view forceRow column text"
2427
+ />
3188
2428
  </td>
3189
2429
  </tr>
3190
2430
  <tr
@@ -3193,57 +2433,37 @@ exports[`component:<Table> prop:selected 1`] = `
3193
2433
  >
3194
2434
  <td>
3195
2435
  <span
3196
- class="view forceRow"
2436
+ class="view forceRow column text"
3197
2437
  >
3198
- <div
3199
- class="view forceRow checkboxColumn"
3200
- >
3201
- svet
3202
- </div>
2438
+ svet
3203
2439
  </span>
3204
2440
  </td>
3205
2441
  <td>
3206
2442
  <span
3207
- class="view forceRow"
2443
+ class="view forceRow column text"
3208
2444
  >
3209
- <div
3210
- class="view forceRow checkboxColumn"
3211
- >
3212
- svet@mirai.com
3213
- </div>
2445
+ svet@mirai.com
3214
2446
  </span>
3215
2447
  </td>
3216
2448
  <td>
3217
2449
  <span
3218
- class="view forceRow"
2450
+ class="view forceRow column number"
3219
2451
  >
3220
- <div
3221
- class="view forceRow checkboxColumn"
3222
- >
3223
- 2021
3224
- </div>
2452
+ 2021
3225
2453
  </span>
3226
2454
  </td>
3227
2455
  <td>
3228
2456
  <span
3229
- class="view forceRow"
3230
- >
3231
- <div
3232
- class="view forceRow checkboxColumn"
3233
- />
3234
- </span>
2457
+ class="view forceRow column text"
2458
+ />
3235
2459
  </td>
3236
2460
  <td>
3237
2461
  <span
3238
- class="view forceRow"
2462
+ class="view forceRow column text"
3239
2463
  >
3240
- <div
3241
- class="view forceRow checkboxColumn"
3242
- >
3243
- <strong>
3244
- action
3245
- </strong>
3246
- </div>
2464
+ <strong>
2465
+ action
2466
+ </strong>
3247
2467
  </span>
3248
2468
  </td>
3249
2469
  </tr>
@@ -3253,56 +2473,36 @@ exports[`component:<Table> prop:selected 1`] = `
3253
2473
  >
3254
2474
  <td>
3255
2475
  <span
3256
- class="view forceRow"
2476
+ class="view forceRow column text"
3257
2477
  >
3258
- <div
3259
- class="view forceRow checkboxColumn"
3260
- >
3261
- javi
3262
- </div>
2478
+ javi
3263
2479
  </span>
3264
2480
  </td>
3265
2481
  <td>
3266
2482
  <span
3267
- class="view forceRow"
2483
+ class="view forceRow column text"
3268
2484
  >
3269
- <div
3270
- class="view forceRow checkboxColumn"
3271
- >
3272
- hi@soyjavi.com
3273
- </div>
2485
+ hi@soyjavi.com
3274
2486
  </span>
3275
2487
  </td>
3276
2488
  <td>
3277
2489
  <span
3278
- class="view forceRow"
2490
+ class="view forceRow column number"
3279
2491
  >
3280
- <div
3281
- class="view forceRow checkboxColumn"
3282
- >
3283
- 2022
3284
- </div>
2492
+ 2022
3285
2493
  </span>
3286
2494
  </td>
3287
2495
  <td>
3288
2496
  <span
3289
- class="view forceRow"
2497
+ class="view forceRow column text"
3290
2498
  >
3291
- <div
3292
- class="view forceRow checkboxColumn"
3293
- >
3294
- soyjavi
3295
- </div>
2499
+ soyjavi
3296
2500
  </span>
3297
2501
  </td>
3298
2502
  <td>
3299
2503
  <span
3300
- class="view forceRow"
3301
- >
3302
- <div
3303
- class="view forceRow checkboxColumn"
3304
- />
3305
- </span>
2504
+ class="view forceRow column text"
2505
+ />
3306
2506
  </td>
3307
2507
  </tr>
3308
2508
  <tr
@@ -3311,54 +2511,34 @@ exports[`component:<Table> prop:selected 1`] = `
3311
2511
  >
3312
2512
  <td>
3313
2513
  <span
3314
- class="view forceRow"
2514
+ class="view forceRow column text"
3315
2515
  >
3316
- <div
3317
- class="view forceRow checkboxColumn"
3318
- >
3319
- victor
3320
- </div>
2516
+ victor
3321
2517
  </span>
3322
2518
  </td>
3323
2519
  <td>
3324
2520
  <span
3325
- class="view forceRow"
2521
+ class="view forceRow column text"
3326
2522
  >
3327
- <div
3328
- class="view forceRow checkboxColumn"
3329
- >
3330
- victor@mirai.com
3331
- </div>
2523
+ victor@mirai.com
3332
2524
  </span>
3333
2525
  </td>
3334
2526
  <td>
3335
2527
  <span
3336
- class="view forceRow"
2528
+ class="view forceRow column number"
3337
2529
  >
3338
- <div
3339
- class="view forceRow checkboxColumn"
3340
- >
3341
- 2021
3342
- </div>
2530
+ 2021
3343
2531
  </span>
3344
2532
  </td>
3345
2533
  <td>
3346
2534
  <span
3347
- class="view forceRow"
3348
- >
3349
- <div
3350
- class="view forceRow checkboxColumn"
3351
- />
3352
- </span>
2535
+ class="view forceRow column text"
2536
+ />
3353
2537
  </td>
3354
2538
  <td>
3355
2539
  <span
3356
- class="view forceRow"
3357
- >
3358
- <div
3359
- class="view forceRow checkboxColumn"
3360
- />
3361
- </span>
2540
+ class="view forceRow column text"
2541
+ />
3362
2542
  </td>
3363
2543
  </tr>
3364
2544
  <tr
@@ -3367,54 +2547,34 @@ exports[`component:<Table> prop:selected 1`] = `
3367
2547
  >
3368
2548
  <td>
3369
2549
  <span
3370
- class="view forceRow"
2550
+ class="view forceRow column text"
3371
2551
  >
3372
- <div
3373
- class="view forceRow checkboxColumn"
3374
- >
3375
- mario/2
3376
- </div>
2552
+ mario/2
3377
2553
  </span>
3378
2554
  </td>
3379
2555
  <td>
3380
2556
  <span
3381
- class="view forceRow"
2557
+ class="view forceRow column text"
3382
2558
  >
3383
- <div
3384
- class="view forceRow checkboxColumn"
3385
- >
3386
- mario.2@mirai.com
3387
- </div>
2559
+ mario.2@mirai.com
3388
2560
  </span>
3389
2561
  </td>
3390
2562
  <td>
3391
2563
  <span
3392
- class="view forceRow"
2564
+ class="view forceRow column number"
3393
2565
  >
3394
- <div
3395
- class="view forceRow checkboxColumn"
3396
- >
3397
- 2022
3398
- </div>
2566
+ 2022
3399
2567
  </span>
3400
2568
  </td>
3401
2569
  <td>
3402
2570
  <span
3403
- class="view forceRow"
3404
- >
3405
- <div
3406
- class="view forceRow checkboxColumn"
3407
- />
3408
- </span>
2571
+ class="view forceRow column text"
2572
+ />
3409
2573
  </td>
3410
2574
  <td>
3411
2575
  <span
3412
- class="view forceRow"
3413
- >
3414
- <div
3415
- class="view forceRow checkboxColumn"
3416
- />
3417
- </span>
2576
+ class="view forceRow column text"
2577
+ />
3418
2578
  </td>
3419
2579
  </tr>
3420
2580
  </tbody>
@@ -3434,15 +2594,11 @@ exports[`component:<Table> renders 1`] = `
3434
2594
  >
3435
2595
  <th>
3436
2596
  <span
3437
- class="view forceRow"
2597
+ class="view forceRow column"
3438
2598
  >
3439
- <div
3440
- class="view forceRow checkboxColumn"
3441
- >
3442
- User Name
3443
- </div>
2599
+ User Name
3444
2600
  <span
3445
- class="icon headline-3 icon hide"
2601
+ class="icon headline-3 icon disabled"
3446
2602
  >
3447
2603
  <svg
3448
2604
  fill="currentColor"
@@ -3458,7 +2614,7 @@ exports[`component:<Table> renders 1`] = `
3458
2614
  fill="none"
3459
2615
  />
3460
2616
  <path
3461
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
2617
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3462
2618
  />
3463
2619
  </svg>
3464
2620
  </span>
@@ -3466,15 +2622,11 @@ exports[`component:<Table> renders 1`] = `
3466
2622
  </th>
3467
2623
  <th>
3468
2624
  <span
3469
- class="view forceRow"
2625
+ class="view forceRow column"
3470
2626
  >
3471
- <div
3472
- class="view forceRow checkboxColumn"
3473
- >
3474
- Email
3475
- </div>
2627
+ Email
3476
2628
  <span
3477
- class="icon headline-3 icon hide"
2629
+ class="icon headline-3 icon disabled"
3478
2630
  >
3479
2631
  <svg
3480
2632
  fill="currentColor"
@@ -3490,7 +2642,7 @@ exports[`component:<Table> renders 1`] = `
3490
2642
  fill="none"
3491
2643
  />
3492
2644
  <path
3493
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
2645
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3494
2646
  />
3495
2647
  </svg>
3496
2648
  </span>
@@ -3498,15 +2650,11 @@ exports[`component:<Table> renders 1`] = `
3498
2650
  </th>
3499
2651
  <th>
3500
2652
  <span
3501
- class="view forceRow"
2653
+ class="view forceRow column"
3502
2654
  >
3503
- <div
3504
- class="view forceRow checkboxColumn"
3505
- >
3506
- Year
3507
- </div>
2655
+ Year
3508
2656
  <span
3509
- class="icon headline-3 icon hide"
2657
+ class="icon headline-3 icon disabled"
3510
2658
  >
3511
2659
  <svg
3512
2660
  fill="currentColor"
@@ -3522,7 +2670,7 @@ exports[`component:<Table> renders 1`] = `
3522
2670
  fill="none"
3523
2671
  />
3524
2672
  <path
3525
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
2673
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3526
2674
  />
3527
2675
  </svg>
3528
2676
  </span>
@@ -3530,15 +2678,11 @@ exports[`component:<Table> renders 1`] = `
3530
2678
  </th>
3531
2679
  <th>
3532
2680
  <span
3533
- class="view forceRow"
2681
+ class="view forceRow column"
3534
2682
  >
3535
- <div
3536
- class="view forceRow checkboxColumn"
3537
- >
3538
- Twitter
3539
- </div>
2683
+ Twitter
3540
2684
  <span
3541
- class="icon headline-3 icon hide"
2685
+ class="icon headline-3 icon disabled"
3542
2686
  >
3543
2687
  <svg
3544
2688
  fill="currentColor"
@@ -3554,7 +2698,7 @@ exports[`component:<Table> renders 1`] = `
3554
2698
  fill="none"
3555
2699
  />
3556
2700
  <path
3557
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
2701
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3558
2702
  />
3559
2703
  </svg>
3560
2704
  </span>
@@ -3562,15 +2706,11 @@ exports[`component:<Table> renders 1`] = `
3562
2706
  </th>
3563
2707
  <th>
3564
2708
  <span
3565
- class="view forceRow"
2709
+ class="view forceRow column"
3566
2710
  >
3567
- <div
3568
- class="view forceRow checkboxColumn"
3569
- >
3570
- Action
3571
- </div>
2711
+ Action
3572
2712
  <span
3573
- class="icon headline-3 icon hide"
2713
+ class="icon headline-3 icon disabled"
3574
2714
  >
3575
2715
  <svg
3576
2716
  fill="currentColor"
@@ -3586,7 +2726,7 @@ exports[`component:<Table> renders 1`] = `
3586
2726
  fill="none"
3587
2727
  />
3588
2728
  <path
3589
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
2729
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3590
2730
  />
3591
2731
  </svg>
3592
2732
  </span>
@@ -3601,54 +2741,34 @@ exports[`component:<Table> renders 1`] = `
3601
2741
  >
3602
2742
  <td>
3603
2743
  <span
3604
- class="view forceRow"
2744
+ class="view forceRow column text"
3605
2745
  >
3606
- <div
3607
- class="view forceRow checkboxColumn"
3608
- >
3609
- jose
3610
- </div>
2746
+ jose
3611
2747
  </span>
3612
2748
  </td>
3613
2749
  <td>
3614
2750
  <span
3615
- class="view forceRow"
2751
+ class="view forceRow column text"
3616
2752
  >
3617
- <div
3618
- class="view forceRow checkboxColumn"
3619
- >
3620
- jose@mirai.com
3621
- </div>
2753
+ jose@mirai.com
3622
2754
  </span>
3623
2755
  </td>
3624
2756
  <td>
3625
2757
  <span
3626
- class="view forceRow"
2758
+ class="view forceRow column number"
3627
2759
  >
3628
- <div
3629
- class="view forceRow checkboxColumn"
3630
- >
3631
- 2012
3632
- </div>
2760
+ 2012
3633
2761
  </span>
3634
2762
  </td>
3635
2763
  <td>
3636
2764
  <span
3637
- class="view forceRow"
3638
- >
3639
- <div
3640
- class="view forceRow checkboxColumn"
3641
- />
3642
- </span>
2765
+ class="view forceRow column text"
2766
+ />
3643
2767
  </td>
3644
2768
  <td>
3645
2769
  <span
3646
- class="view forceRow"
3647
- >
3648
- <div
3649
- class="view forceRow checkboxColumn"
3650
- />
3651
- </span>
2770
+ class="view forceRow column text"
2771
+ />
3652
2772
  </td>
3653
2773
  </tr>
3654
2774
  <tr
@@ -3657,54 +2777,34 @@ exports[`component:<Table> renders 1`] = `
3657
2777
  >
3658
2778
  <td>
3659
2779
  <span
3660
- class="view forceRow"
2780
+ class="view forceRow column text"
3661
2781
  >
3662
- <div
3663
- class="view forceRow checkboxColumn"
3664
- >
3665
- mario/1
3666
- </div>
2782
+ mario/1
3667
2783
  </span>
3668
2784
  </td>
3669
2785
  <td>
3670
2786
  <span
3671
- class="view forceRow"
2787
+ class="view forceRow column text"
3672
2788
  >
3673
- <div
3674
- class="view forceRow checkboxColumn"
3675
- >
3676
- mario.1@mirai.com
3677
- </div>
2789
+ mario.1@mirai.com
3678
2790
  </span>
3679
2791
  </td>
3680
2792
  <td>
3681
2793
  <span
3682
- class="view forceRow"
2794
+ class="view forceRow column number"
3683
2795
  >
3684
- <div
3685
- class="view forceRow checkboxColumn"
3686
- >
3687
- 2005
3688
- </div>
2796
+ 2005
3689
2797
  </span>
3690
2798
  </td>
3691
2799
  <td>
3692
2800
  <span
3693
- class="view forceRow"
3694
- >
3695
- <div
3696
- class="view forceRow checkboxColumn"
3697
- />
3698
- </span>
2801
+ class="view forceRow column text"
2802
+ />
3699
2803
  </td>
3700
2804
  <td>
3701
2805
  <span
3702
- class="view forceRow"
3703
- >
3704
- <div
3705
- class="view forceRow checkboxColumn"
3706
- />
3707
- </span>
2806
+ class="view forceRow column text"
2807
+ />
3708
2808
  </td>
3709
2809
  </tr>
3710
2810
  <tr
@@ -3713,54 +2813,34 @@ exports[`component:<Table> renders 1`] = `
3713
2813
  >
3714
2814
  <td>
3715
2815
  <span
3716
- class="view forceRow"
2816
+ class="view forceRow column text"
3717
2817
  >
3718
- <div
3719
- class="view forceRow checkboxColumn"
3720
- >
3721
- carlos
3722
- </div>
2818
+ carlos
3723
2819
  </span>
3724
2820
  </td>
3725
2821
  <td>
3726
2822
  <span
3727
- class="view forceRow"
2823
+ class="view forceRow column text"
3728
2824
  >
3729
- <div
3730
- class="view forceRow checkboxColumn"
3731
- >
3732
- carlos@mirai.com
3733
- </div>
2825
+ carlos@mirai.com
3734
2826
  </span>
3735
2827
  </td>
3736
2828
  <td>
3737
2829
  <span
3738
- class="view forceRow"
2830
+ class="view forceRow column number"
3739
2831
  >
3740
- <div
3741
- class="view forceRow checkboxColumn"
3742
- >
3743
- 2012
3744
- </div>
2832
+ 2012
3745
2833
  </span>
3746
2834
  </td>
3747
2835
  <td>
3748
2836
  <span
3749
- class="view forceRow"
3750
- >
3751
- <div
3752
- class="view forceRow checkboxColumn"
3753
- />
3754
- </span>
2837
+ class="view forceRow column text"
2838
+ />
3755
2839
  </td>
3756
2840
  <td>
3757
2841
  <span
3758
- class="view forceRow"
3759
- >
3760
- <div
3761
- class="view forceRow checkboxColumn"
3762
- />
3763
- </span>
2842
+ class="view forceRow column text"
2843
+ />
3764
2844
  </td>
3765
2845
  </tr>
3766
2846
  <tr
@@ -3769,57 +2849,37 @@ exports[`component:<Table> renders 1`] = `
3769
2849
  >
3770
2850
  <td>
3771
2851
  <span
3772
- class="view forceRow"
2852
+ class="view forceRow column text"
3773
2853
  >
3774
- <div
3775
- class="view forceRow checkboxColumn"
3776
- >
3777
- svet
3778
- </div>
2854
+ svet
3779
2855
  </span>
3780
2856
  </td>
3781
2857
  <td>
3782
2858
  <span
3783
- class="view forceRow"
2859
+ class="view forceRow column text"
3784
2860
  >
3785
- <div
3786
- class="view forceRow checkboxColumn"
3787
- >
3788
- svet@mirai.com
3789
- </div>
2861
+ svet@mirai.com
3790
2862
  </span>
3791
2863
  </td>
3792
2864
  <td>
3793
2865
  <span
3794
- class="view forceRow"
2866
+ class="view forceRow column number"
3795
2867
  >
3796
- <div
3797
- class="view forceRow checkboxColumn"
3798
- >
3799
- 2021
3800
- </div>
2868
+ 2021
3801
2869
  </span>
3802
2870
  </td>
3803
2871
  <td>
3804
2872
  <span
3805
- class="view forceRow"
3806
- >
3807
- <div
3808
- class="view forceRow checkboxColumn"
3809
- />
3810
- </span>
2873
+ class="view forceRow column text"
2874
+ />
3811
2875
  </td>
3812
2876
  <td>
3813
2877
  <span
3814
- class="view forceRow"
2878
+ class="view forceRow column text"
3815
2879
  >
3816
- <div
3817
- class="view forceRow checkboxColumn"
3818
- >
3819
- <strong>
3820
- action
3821
- </strong>
3822
- </div>
2880
+ <strong>
2881
+ action
2882
+ </strong>
3823
2883
  </span>
3824
2884
  </td>
3825
2885
  </tr>
@@ -3829,56 +2889,36 @@ exports[`component:<Table> renders 1`] = `
3829
2889
  >
3830
2890
  <td>
3831
2891
  <span
3832
- class="view forceRow"
2892
+ class="view forceRow column text"
3833
2893
  >
3834
- <div
3835
- class="view forceRow checkboxColumn"
3836
- >
3837
- javi
3838
- </div>
2894
+ javi
3839
2895
  </span>
3840
2896
  </td>
3841
2897
  <td>
3842
2898
  <span
3843
- class="view forceRow"
2899
+ class="view forceRow column text"
3844
2900
  >
3845
- <div
3846
- class="view forceRow checkboxColumn"
3847
- >
3848
- hi@soyjavi.com
3849
- </div>
2901
+ hi@soyjavi.com
3850
2902
  </span>
3851
2903
  </td>
3852
2904
  <td>
3853
2905
  <span
3854
- class="view forceRow"
2906
+ class="view forceRow column number"
3855
2907
  >
3856
- <div
3857
- class="view forceRow checkboxColumn"
3858
- >
3859
- 2022
3860
- </div>
2908
+ 2022
3861
2909
  </span>
3862
2910
  </td>
3863
2911
  <td>
3864
2912
  <span
3865
- class="view forceRow"
2913
+ class="view forceRow column text"
3866
2914
  >
3867
- <div
3868
- class="view forceRow checkboxColumn"
3869
- >
3870
- soyjavi
3871
- </div>
2915
+ soyjavi
3872
2916
  </span>
3873
2917
  </td>
3874
2918
  <td>
3875
2919
  <span
3876
- class="view forceRow"
3877
- >
3878
- <div
3879
- class="view forceRow checkboxColumn"
3880
- />
3881
- </span>
2920
+ class="view forceRow column text"
2921
+ />
3882
2922
  </td>
3883
2923
  </tr>
3884
2924
  <tr
@@ -3887,54 +2927,34 @@ exports[`component:<Table> renders 1`] = `
3887
2927
  >
3888
2928
  <td>
3889
2929
  <span
3890
- class="view forceRow"
2930
+ class="view forceRow column text"
3891
2931
  >
3892
- <div
3893
- class="view forceRow checkboxColumn"
3894
- >
3895
- victor
3896
- </div>
2932
+ victor
3897
2933
  </span>
3898
2934
  </td>
3899
2935
  <td>
3900
2936
  <span
3901
- class="view forceRow"
2937
+ class="view forceRow column text"
3902
2938
  >
3903
- <div
3904
- class="view forceRow checkboxColumn"
3905
- >
3906
- victor@mirai.com
3907
- </div>
2939
+ victor@mirai.com
3908
2940
  </span>
3909
2941
  </td>
3910
2942
  <td>
3911
2943
  <span
3912
- class="view forceRow"
2944
+ class="view forceRow column number"
3913
2945
  >
3914
- <div
3915
- class="view forceRow checkboxColumn"
3916
- >
3917
- 2021
3918
- </div>
2946
+ 2021
3919
2947
  </span>
3920
2948
  </td>
3921
2949
  <td>
3922
2950
  <span
3923
- class="view forceRow"
3924
- >
3925
- <div
3926
- class="view forceRow checkboxColumn"
3927
- />
3928
- </span>
2951
+ class="view forceRow column text"
2952
+ />
3929
2953
  </td>
3930
2954
  <td>
3931
2955
  <span
3932
- class="view forceRow"
3933
- >
3934
- <div
3935
- class="view forceRow checkboxColumn"
3936
- />
3937
- </span>
2956
+ class="view forceRow column text"
2957
+ />
3938
2958
  </td>
3939
2959
  </tr>
3940
2960
  <tr
@@ -3943,54 +2963,34 @@ exports[`component:<Table> renders 1`] = `
3943
2963
  >
3944
2964
  <td>
3945
2965
  <span
3946
- class="view forceRow"
2966
+ class="view forceRow column text"
3947
2967
  >
3948
- <div
3949
- class="view forceRow checkboxColumn"
3950
- >
3951
- mario/2
3952
- </div>
2968
+ mario/2
3953
2969
  </span>
3954
2970
  </td>
3955
2971
  <td>
3956
2972
  <span
3957
- class="view forceRow"
2973
+ class="view forceRow column text"
3958
2974
  >
3959
- <div
3960
- class="view forceRow checkboxColumn"
3961
- >
3962
- mario.2@mirai.com
3963
- </div>
2975
+ mario.2@mirai.com
3964
2976
  </span>
3965
2977
  </td>
3966
2978
  <td>
3967
2979
  <span
3968
- class="view forceRow"
2980
+ class="view forceRow column number"
3969
2981
  >
3970
- <div
3971
- class="view forceRow checkboxColumn"
3972
- >
3973
- 2022
3974
- </div>
2982
+ 2022
3975
2983
  </span>
3976
2984
  </td>
3977
2985
  <td>
3978
2986
  <span
3979
- class="view forceRow"
3980
- >
3981
- <div
3982
- class="view forceRow checkboxColumn"
3983
- />
3984
- </span>
2987
+ class="view forceRow column text"
2988
+ />
3985
2989
  </td>
3986
2990
  <td>
3987
2991
  <span
3988
- class="view forceRow"
3989
- >
3990
- <div
3991
- class="view forceRow checkboxColumn"
3992
- />
3993
- </span>
2992
+ class="view forceRow column text"
2993
+ />
3994
2994
  </td>
3995
2995
  </tr>
3996
2996
  </tbody>
@@ -4014,15 +3014,11 @@ exports[`component:<Table> testID 1`] = `
4014
3014
  data-testid="mirai-head-username"
4015
3015
  >
4016
3016
  <span
4017
- class="view forceRow"
3017
+ class="view forceRow column"
4018
3018
  >
4019
- <div
4020
- class="view forceRow checkboxColumn"
4021
- >
4022
- User Name
4023
- </div>
3019
+ User Name
4024
3020
  <span
4025
- class="icon headline-3 icon hide"
3021
+ class="icon headline-3 icon disabled"
4026
3022
  >
4027
3023
  <svg
4028
3024
  fill="currentColor"
@@ -4038,7 +3034,7 @@ exports[`component:<Table> testID 1`] = `
4038
3034
  fill="none"
4039
3035
  />
4040
3036
  <path
4041
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
3037
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4042
3038
  />
4043
3039
  </svg>
4044
3040
  </span>
@@ -4048,15 +3044,11 @@ exports[`component:<Table> testID 1`] = `
4048
3044
  data-testid="mirai-head-email"
4049
3045
  >
4050
3046
  <span
4051
- class="view forceRow"
3047
+ class="view forceRow column"
4052
3048
  >
4053
- <div
4054
- class="view forceRow checkboxColumn"
4055
- >
4056
- Email
4057
- </div>
3049
+ Email
4058
3050
  <span
4059
- class="icon headline-3 icon hide"
3051
+ class="icon headline-3 icon disabled"
4060
3052
  >
4061
3053
  <svg
4062
3054
  fill="currentColor"
@@ -4072,7 +3064,7 @@ exports[`component:<Table> testID 1`] = `
4072
3064
  fill="none"
4073
3065
  />
4074
3066
  <path
4075
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
3067
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4076
3068
  />
4077
3069
  </svg>
4078
3070
  </span>
@@ -4082,15 +3074,11 @@ exports[`component:<Table> testID 1`] = `
4082
3074
  data-testid="mirai-head-year"
4083
3075
  >
4084
3076
  <span
4085
- class="view forceRow"
3077
+ class="view forceRow column"
4086
3078
  >
4087
- <div
4088
- class="view forceRow checkboxColumn"
4089
- >
4090
- Year
4091
- </div>
3079
+ Year
4092
3080
  <span
4093
- class="icon headline-3 icon hide"
3081
+ class="icon headline-3 icon disabled"
4094
3082
  >
4095
3083
  <svg
4096
3084
  fill="currentColor"
@@ -4106,7 +3094,7 @@ exports[`component:<Table> testID 1`] = `
4106
3094
  fill="none"
4107
3095
  />
4108
3096
  <path
4109
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
3097
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4110
3098
  />
4111
3099
  </svg>
4112
3100
  </span>
@@ -4116,15 +3104,11 @@ exports[`component:<Table> testID 1`] = `
4116
3104
  data-testid="mirai-head-twitter"
4117
3105
  >
4118
3106
  <span
4119
- class="view forceRow"
3107
+ class="view forceRow column"
4120
3108
  >
4121
- <div
4122
- class="view forceRow checkboxColumn"
4123
- >
4124
- Twitter
4125
- </div>
3109
+ Twitter
4126
3110
  <span
4127
- class="icon headline-3 icon hide"
3111
+ class="icon headline-3 icon disabled"
4128
3112
  >
4129
3113
  <svg
4130
3114
  fill="currentColor"
@@ -4140,7 +3124,7 @@ exports[`component:<Table> testID 1`] = `
4140
3124
  fill="none"
4141
3125
  />
4142
3126
  <path
4143
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
3127
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4144
3128
  />
4145
3129
  </svg>
4146
3130
  </span>
@@ -4150,15 +3134,11 @@ exports[`component:<Table> testID 1`] = `
4150
3134
  data-testid="mirai-head-action"
4151
3135
  >
4152
3136
  <span
4153
- class="view forceRow"
3137
+ class="view forceRow column"
4154
3138
  >
4155
- <div
4156
- class="view forceRow checkboxColumn"
4157
- >
4158
- Action
4159
- </div>
3139
+ Action
4160
3140
  <span
4161
- class="icon headline-3 icon hide"
3141
+ class="icon headline-3 icon disabled"
4162
3142
  >
4163
3143
  <svg
4164
3144
  fill="currentColor"
@@ -4174,7 +3154,7 @@ exports[`component:<Table> testID 1`] = `
4174
3154
  fill="none"
4175
3155
  />
4176
3156
  <path
4177
- d="M4 12l1.41 1.41L11 7.83V20h2V7.83l5.58 5.59L20 12l-8-8-8 8z"
3157
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4178
3158
  />
4179
3159
  </svg>
4180
3160
  </span>
@@ -4192,62 +3172,42 @@ exports[`component:<Table> testID 1`] = `
4192
3172
  data-testid="mirai-0-username"
4193
3173
  >
4194
3174
  <span
4195
- class="view forceRow"
3175
+ class="view forceRow column text"
4196
3176
  >
4197
- <div
4198
- class="view forceRow checkboxColumn"
4199
- >
4200
- jose
4201
- </div>
3177
+ jose
4202
3178
  </span>
4203
3179
  </td>
4204
3180
  <td
4205
3181
  data-testid="mirai-0-email"
4206
3182
  >
4207
3183
  <span
4208
- class="view forceRow"
3184
+ class="view forceRow column text"
4209
3185
  >
4210
- <div
4211
- class="view forceRow checkboxColumn"
4212
- >
4213
- jose@mirai.com
4214
- </div>
3186
+ jose@mirai.com
4215
3187
  </span>
4216
3188
  </td>
4217
3189
  <td
4218
3190
  data-testid="mirai-0-year"
4219
3191
  >
4220
3192
  <span
4221
- class="view forceRow"
3193
+ class="view forceRow column number"
4222
3194
  >
4223
- <div
4224
- class="view forceRow checkboxColumn"
4225
- >
4226
- 2012
4227
- </div>
3195
+ 2012
4228
3196
  </span>
4229
3197
  </td>
4230
3198
  <td
4231
3199
  data-testid="mirai-0-twitter"
4232
3200
  >
4233
3201
  <span
4234
- class="view forceRow"
4235
- >
4236
- <div
4237
- class="view forceRow checkboxColumn"
4238
- />
4239
- </span>
3202
+ class="view forceRow column text"
3203
+ />
4240
3204
  </td>
4241
3205
  <td
4242
3206
  data-testid="mirai-0-action"
4243
3207
  >
4244
3208
  <span
4245
- class="view forceRow"
4246
- >
4247
- <div
4248
- class="view forceRow checkboxColumn"
4249
- />
4250
- </span>
3209
+ class="view forceRow column text"
3210
+ />
4251
3211
  </td>
4252
3212
  </tr>
4253
3213
  <tr
@@ -4259,62 +3219,42 @@ exports[`component:<Table> testID 1`] = `
4259
3219
  data-testid="mirai-1-username"
4260
3220
  >
4261
3221
  <span
4262
- class="view forceRow"
3222
+ class="view forceRow column text"
4263
3223
  >
4264
- <div
4265
- class="view forceRow checkboxColumn"
4266
- >
4267
- mario/1
4268
- </div>
3224
+ mario/1
4269
3225
  </span>
4270
3226
  </td>
4271
3227
  <td
4272
3228
  data-testid="mirai-1-email"
4273
3229
  >
4274
3230
  <span
4275
- class="view forceRow"
3231
+ class="view forceRow column text"
4276
3232
  >
4277
- <div
4278
- class="view forceRow checkboxColumn"
4279
- >
4280
- mario.1@mirai.com
4281
- </div>
3233
+ mario.1@mirai.com
4282
3234
  </span>
4283
3235
  </td>
4284
3236
  <td
4285
3237
  data-testid="mirai-1-year"
4286
3238
  >
4287
3239
  <span
4288
- class="view forceRow"
3240
+ class="view forceRow column number"
4289
3241
  >
4290
- <div
4291
- class="view forceRow checkboxColumn"
4292
- >
4293
- 2005
4294
- </div>
3242
+ 2005
4295
3243
  </span>
4296
3244
  </td>
4297
3245
  <td
4298
3246
  data-testid="mirai-1-twitter"
4299
3247
  >
4300
3248
  <span
4301
- class="view forceRow"
4302
- >
4303
- <div
4304
- class="view forceRow checkboxColumn"
4305
- />
4306
- </span>
3249
+ class="view forceRow column text"
3250
+ />
4307
3251
  </td>
4308
3252
  <td
4309
3253
  data-testid="mirai-1-action"
4310
3254
  >
4311
3255
  <span
4312
- class="view forceRow"
4313
- >
4314
- <div
4315
- class="view forceRow checkboxColumn"
4316
- />
4317
- </span>
3256
+ class="view forceRow column text"
3257
+ />
4318
3258
  </td>
4319
3259
  </tr>
4320
3260
  <tr
@@ -4326,62 +3266,42 @@ exports[`component:<Table> testID 1`] = `
4326
3266
  data-testid="mirai-2-username"
4327
3267
  >
4328
3268
  <span
4329
- class="view forceRow"
3269
+ class="view forceRow column text"
4330
3270
  >
4331
- <div
4332
- class="view forceRow checkboxColumn"
4333
- >
4334
- carlos
4335
- </div>
3271
+ carlos
4336
3272
  </span>
4337
3273
  </td>
4338
3274
  <td
4339
3275
  data-testid="mirai-2-email"
4340
3276
  >
4341
3277
  <span
4342
- class="view forceRow"
3278
+ class="view forceRow column text"
4343
3279
  >
4344
- <div
4345
- class="view forceRow checkboxColumn"
4346
- >
4347
- carlos@mirai.com
4348
- </div>
3280
+ carlos@mirai.com
4349
3281
  </span>
4350
3282
  </td>
4351
3283
  <td
4352
3284
  data-testid="mirai-2-year"
4353
3285
  >
4354
3286
  <span
4355
- class="view forceRow"
3287
+ class="view forceRow column number"
4356
3288
  >
4357
- <div
4358
- class="view forceRow checkboxColumn"
4359
- >
4360
- 2012
4361
- </div>
3289
+ 2012
4362
3290
  </span>
4363
3291
  </td>
4364
3292
  <td
4365
3293
  data-testid="mirai-2-twitter"
4366
3294
  >
4367
3295
  <span
4368
- class="view forceRow"
4369
- >
4370
- <div
4371
- class="view forceRow checkboxColumn"
4372
- />
4373
- </span>
3296
+ class="view forceRow column text"
3297
+ />
4374
3298
  </td>
4375
3299
  <td
4376
3300
  data-testid="mirai-2-action"
4377
3301
  >
4378
3302
  <span
4379
- class="view forceRow"
4380
- >
4381
- <div
4382
- class="view forceRow checkboxColumn"
4383
- />
4384
- </span>
3303
+ class="view forceRow column text"
3304
+ />
4385
3305
  </td>
4386
3306
  </tr>
4387
3307
  <tr
@@ -4393,65 +3313,45 @@ exports[`component:<Table> testID 1`] = `
4393
3313
  data-testid="mirai-3-username"
4394
3314
  >
4395
3315
  <span
4396
- class="view forceRow"
3316
+ class="view forceRow column text"
4397
3317
  >
4398
- <div
4399
- class="view forceRow checkboxColumn"
4400
- >
4401
- svet
4402
- </div>
3318
+ svet
4403
3319
  </span>
4404
3320
  </td>
4405
3321
  <td
4406
3322
  data-testid="mirai-3-email"
4407
3323
  >
4408
3324
  <span
4409
- class="view forceRow"
3325
+ class="view forceRow column text"
4410
3326
  >
4411
- <div
4412
- class="view forceRow checkboxColumn"
4413
- >
4414
- svet@mirai.com
4415
- </div>
3327
+ svet@mirai.com
4416
3328
  </span>
4417
3329
  </td>
4418
3330
  <td
4419
3331
  data-testid="mirai-3-year"
4420
3332
  >
4421
3333
  <span
4422
- class="view forceRow"
3334
+ class="view forceRow column number"
4423
3335
  >
4424
- <div
4425
- class="view forceRow checkboxColumn"
4426
- >
4427
- 2021
4428
- </div>
3336
+ 2021
4429
3337
  </span>
4430
3338
  </td>
4431
3339
  <td
4432
3340
  data-testid="mirai-3-twitter"
4433
3341
  >
4434
3342
  <span
4435
- class="view forceRow"
4436
- >
4437
- <div
4438
- class="view forceRow checkboxColumn"
4439
- />
4440
- </span>
3343
+ class="view forceRow column text"
3344
+ />
4441
3345
  </td>
4442
3346
  <td
4443
3347
  data-testid="mirai-3-action"
4444
3348
  >
4445
3349
  <span
4446
- class="view forceRow"
3350
+ class="view forceRow column text"
4447
3351
  >
4448
- <div
4449
- class="view forceRow checkboxColumn"
4450
- >
4451
- <strong>
4452
- action
4453
- </strong>
4454
- </div>
3352
+ <strong>
3353
+ action
3354
+ </strong>
4455
3355
  </span>
4456
3356
  </td>
4457
3357
  </tr>
@@ -4464,64 +3364,44 @@ exports[`component:<Table> testID 1`] = `
4464
3364
  data-testid="mirai-4-username"
4465
3365
  >
4466
3366
  <span
4467
- class="view forceRow"
3367
+ class="view forceRow column text"
4468
3368
  >
4469
- <div
4470
- class="view forceRow checkboxColumn"
4471
- >
4472
- javi
4473
- </div>
3369
+ javi
4474
3370
  </span>
4475
3371
  </td>
4476
3372
  <td
4477
3373
  data-testid="mirai-4-email"
4478
3374
  >
4479
3375
  <span
4480
- class="view forceRow"
3376
+ class="view forceRow column text"
4481
3377
  >
4482
- <div
4483
- class="view forceRow checkboxColumn"
4484
- >
4485
- hi@soyjavi.com
4486
- </div>
3378
+ hi@soyjavi.com
4487
3379
  </span>
4488
3380
  </td>
4489
3381
  <td
4490
3382
  data-testid="mirai-4-year"
4491
3383
  >
4492
3384
  <span
4493
- class="view forceRow"
3385
+ class="view forceRow column number"
4494
3386
  >
4495
- <div
4496
- class="view forceRow checkboxColumn"
4497
- >
4498
- 2022
4499
- </div>
3387
+ 2022
4500
3388
  </span>
4501
3389
  </td>
4502
3390
  <td
4503
3391
  data-testid="mirai-4-twitter"
4504
3392
  >
4505
3393
  <span
4506
- class="view forceRow"
3394
+ class="view forceRow column text"
4507
3395
  >
4508
- <div
4509
- class="view forceRow checkboxColumn"
4510
- >
4511
- soyjavi
4512
- </div>
3396
+ soyjavi
4513
3397
  </span>
4514
3398
  </td>
4515
3399
  <td
4516
3400
  data-testid="mirai-4-action"
4517
3401
  >
4518
3402
  <span
4519
- class="view forceRow"
4520
- >
4521
- <div
4522
- class="view forceRow checkboxColumn"
4523
- />
4524
- </span>
3403
+ class="view forceRow column text"
3404
+ />
4525
3405
  </td>
4526
3406
  </tr>
4527
3407
  <tr
@@ -4533,62 +3413,42 @@ exports[`component:<Table> testID 1`] = `
4533
3413
  data-testid="mirai-5-username"
4534
3414
  >
4535
3415
  <span
4536
- class="view forceRow"
3416
+ class="view forceRow column text"
4537
3417
  >
4538
- <div
4539
- class="view forceRow checkboxColumn"
4540
- >
4541
- victor
4542
- </div>
3418
+ victor
4543
3419
  </span>
4544
3420
  </td>
4545
3421
  <td
4546
3422
  data-testid="mirai-5-email"
4547
3423
  >
4548
3424
  <span
4549
- class="view forceRow"
3425
+ class="view forceRow column text"
4550
3426
  >
4551
- <div
4552
- class="view forceRow checkboxColumn"
4553
- >
4554
- victor@mirai.com
4555
- </div>
3427
+ victor@mirai.com
4556
3428
  </span>
4557
3429
  </td>
4558
3430
  <td
4559
3431
  data-testid="mirai-5-year"
4560
3432
  >
4561
3433
  <span
4562
- class="view forceRow"
3434
+ class="view forceRow column number"
4563
3435
  >
4564
- <div
4565
- class="view forceRow checkboxColumn"
4566
- >
4567
- 2021
4568
- </div>
3436
+ 2021
4569
3437
  </span>
4570
3438
  </td>
4571
3439
  <td
4572
3440
  data-testid="mirai-5-twitter"
4573
3441
  >
4574
3442
  <span
4575
- class="view forceRow"
4576
- >
4577
- <div
4578
- class="view forceRow checkboxColumn"
4579
- />
4580
- </span>
3443
+ class="view forceRow column text"
3444
+ />
4581
3445
  </td>
4582
3446
  <td
4583
3447
  data-testid="mirai-5-action"
4584
3448
  >
4585
3449
  <span
4586
- class="view forceRow"
4587
- >
4588
- <div
4589
- class="view forceRow checkboxColumn"
4590
- />
4591
- </span>
3450
+ class="view forceRow column text"
3451
+ />
4592
3452
  </td>
4593
3453
  </tr>
4594
3454
  <tr
@@ -4600,62 +3460,42 @@ exports[`component:<Table> testID 1`] = `
4600
3460
  data-testid="mirai-6-username"
4601
3461
  >
4602
3462
  <span
4603
- class="view forceRow"
3463
+ class="view forceRow column text"
4604
3464
  >
4605
- <div
4606
- class="view forceRow checkboxColumn"
4607
- >
4608
- mario/2
4609
- </div>
3465
+ mario/2
4610
3466
  </span>
4611
3467
  </td>
4612
3468
  <td
4613
3469
  data-testid="mirai-6-email"
4614
3470
  >
4615
3471
  <span
4616
- class="view forceRow"
3472
+ class="view forceRow column text"
4617
3473
  >
4618
- <div
4619
- class="view forceRow checkboxColumn"
4620
- >
4621
- mario.2@mirai.com
4622
- </div>
3474
+ mario.2@mirai.com
4623
3475
  </span>
4624
3476
  </td>
4625
3477
  <td
4626
3478
  data-testid="mirai-6-year"
4627
3479
  >
4628
3480
  <span
4629
- class="view forceRow"
3481
+ class="view forceRow column number"
4630
3482
  >
4631
- <div
4632
- class="view forceRow checkboxColumn"
4633
- >
4634
- 2022
4635
- </div>
3483
+ 2022
4636
3484
  </span>
4637
3485
  </td>
4638
3486
  <td
4639
3487
  data-testid="mirai-6-twitter"
4640
3488
  >
4641
3489
  <span
4642
- class="view forceRow"
4643
- >
4644
- <div
4645
- class="view forceRow checkboxColumn"
4646
- />
4647
- </span>
3490
+ class="view forceRow column text"
3491
+ />
4648
3492
  </td>
4649
3493
  <td
4650
3494
  data-testid="mirai-6-action"
4651
3495
  >
4652
3496
  <span
4653
- class="view forceRow"
4654
- >
4655
- <div
4656
- class="view forceRow checkboxColumn"
4657
- />
4658
- </span>
3497
+ class="view forceRow column text"
3498
+ />
4659
3499
  </td>
4660
3500
  </tr>
4661
3501
  </tbody>