@mirai/ui 1.0.132 → 1.0.134

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.
@@ -15,27 +15,59 @@ exports[`component:<Table> inherit:className 1`] = `
15
15
  class="view forceRow column"
16
16
  >
17
17
  User Name
18
- <span
19
- class="icon headline-3 icon disabled"
18
+ <div
19
+ class="view row icons"
20
20
  >
21
- <svg
22
- fill="currentColor"
23
- height="1em"
24
- stroke="currentColor"
25
- stroke-width="0"
26
- viewBox="0 0 24 24"
27
- width="1em"
28
- xmlns="http://www.w3.org/2000/svg"
21
+ <span
22
+ class="icon headline-3 icon disabled"
29
23
  >
30
- <path
31
- d="M0 0h24v24H0V0z"
32
- fill="none"
33
- />
34
- <path
35
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
36
- />
37
- </svg>
38
- </span>
24
+ <svg
25
+ fill="currentColor"
26
+ height="1em"
27
+ stroke="currentColor"
28
+ stroke-width="0"
29
+ viewBox="0 0 24 24"
30
+ width="1em"
31
+ xmlns="http://www.w3.org/2000/svg"
32
+ >
33
+ <path
34
+ d="M0 0h24v24H0V0z"
35
+ fill="none"
36
+ />
37
+ <path
38
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
39
+ />
40
+ </svg>
41
+ </span>
42
+ <span>
43
+ <div
44
+ class="pressable"
45
+ style="position: relative;"
46
+ >
47
+ <span
48
+ class="icon headline-3 icon disabled"
49
+ >
50
+ <svg
51
+ fill="currentColor"
52
+ height="1em"
53
+ stroke="currentColor"
54
+ stroke-width="0"
55
+ viewBox="0 0 24 24"
56
+ width="1em"
57
+ xmlns="http://www.w3.org/2000/svg"
58
+ >
59
+ <path
60
+ d="M0 0h24v24H0V0z"
61
+ fill="none"
62
+ />
63
+ <path
64
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
65
+ />
66
+ </svg>
67
+ </span>
68
+ </div>
69
+ </span>
70
+ </div>
39
71
  </span>
40
72
  </th>
41
73
  <th>
@@ -43,27 +75,59 @@ exports[`component:<Table> inherit:className 1`] = `
43
75
  class="view forceRow column"
44
76
  >
45
77
  Email
46
- <span
47
- class="icon headline-3 icon disabled"
78
+ <div
79
+ class="view row icons"
48
80
  >
49
- <svg
50
- fill="currentColor"
51
- height="1em"
52
- stroke="currentColor"
53
- stroke-width="0"
54
- viewBox="0 0 24 24"
55
- width="1em"
56
- xmlns="http://www.w3.org/2000/svg"
81
+ <span
82
+ class="icon headline-3 icon disabled"
57
83
  >
58
- <path
59
- d="M0 0h24v24H0V0z"
60
- fill="none"
61
- />
62
- <path
63
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
64
- />
65
- </svg>
66
- </span>
84
+ <svg
85
+ fill="currentColor"
86
+ height="1em"
87
+ stroke="currentColor"
88
+ stroke-width="0"
89
+ viewBox="0 0 24 24"
90
+ width="1em"
91
+ xmlns="http://www.w3.org/2000/svg"
92
+ >
93
+ <path
94
+ d="M0 0h24v24H0V0z"
95
+ fill="none"
96
+ />
97
+ <path
98
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
99
+ />
100
+ </svg>
101
+ </span>
102
+ <span>
103
+ <div
104
+ class="pressable"
105
+ style="position: relative;"
106
+ >
107
+ <span
108
+ class="icon headline-3 icon disabled"
109
+ >
110
+ <svg
111
+ fill="currentColor"
112
+ height="1em"
113
+ stroke="currentColor"
114
+ stroke-width="0"
115
+ viewBox="0 0 24 24"
116
+ width="1em"
117
+ xmlns="http://www.w3.org/2000/svg"
118
+ >
119
+ <path
120
+ d="M0 0h24v24H0V0z"
121
+ fill="none"
122
+ />
123
+ <path
124
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
125
+ />
126
+ </svg>
127
+ </span>
128
+ </div>
129
+ </span>
130
+ </div>
67
131
  </span>
68
132
  </th>
69
133
  <th>
@@ -71,27 +135,59 @@ exports[`component:<Table> inherit:className 1`] = `
71
135
  class="view forceRow column"
72
136
  >
73
137
  Year
74
- <span
75
- class="icon headline-3 icon disabled"
138
+ <div
139
+ class="view row icons"
76
140
  >
77
- <svg
78
- fill="currentColor"
79
- height="1em"
80
- stroke="currentColor"
81
- stroke-width="0"
82
- viewBox="0 0 24 24"
83
- width="1em"
84
- xmlns="http://www.w3.org/2000/svg"
141
+ <span
142
+ class="icon headline-3 icon disabled"
85
143
  >
86
- <path
87
- d="M0 0h24v24H0V0z"
88
- fill="none"
89
- />
90
- <path
91
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
92
- />
93
- </svg>
94
- </span>
144
+ <svg
145
+ fill="currentColor"
146
+ height="1em"
147
+ stroke="currentColor"
148
+ stroke-width="0"
149
+ viewBox="0 0 24 24"
150
+ width="1em"
151
+ xmlns="http://www.w3.org/2000/svg"
152
+ >
153
+ <path
154
+ d="M0 0h24v24H0V0z"
155
+ fill="none"
156
+ />
157
+ <path
158
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
159
+ />
160
+ </svg>
161
+ </span>
162
+ <span>
163
+ <div
164
+ class="pressable"
165
+ style="position: relative;"
166
+ >
167
+ <span
168
+ class="icon headline-3 icon disabled"
169
+ >
170
+ <svg
171
+ fill="currentColor"
172
+ height="1em"
173
+ stroke="currentColor"
174
+ stroke-width="0"
175
+ viewBox="0 0 24 24"
176
+ width="1em"
177
+ xmlns="http://www.w3.org/2000/svg"
178
+ >
179
+ <path
180
+ d="M0 0h24v24H0V0z"
181
+ fill="none"
182
+ />
183
+ <path
184
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
185
+ />
186
+ </svg>
187
+ </span>
188
+ </div>
189
+ </span>
190
+ </div>
95
191
  </span>
96
192
  </th>
97
193
  <th>
@@ -99,27 +195,59 @@ exports[`component:<Table> inherit:className 1`] = `
99
195
  class="view forceRow column"
100
196
  >
101
197
  Twitter
102
- <span
103
- class="icon headline-3 icon disabled"
198
+ <div
199
+ class="view row icons"
104
200
  >
105
- <svg
106
- fill="currentColor"
107
- height="1em"
108
- stroke="currentColor"
109
- stroke-width="0"
110
- viewBox="0 0 24 24"
111
- width="1em"
112
- xmlns="http://www.w3.org/2000/svg"
201
+ <span
202
+ class="icon headline-3 icon disabled"
113
203
  >
114
- <path
115
- d="M0 0h24v24H0V0z"
116
- fill="none"
117
- />
118
- <path
119
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
120
- />
121
- </svg>
122
- </span>
204
+ <svg
205
+ fill="currentColor"
206
+ height="1em"
207
+ stroke="currentColor"
208
+ stroke-width="0"
209
+ viewBox="0 0 24 24"
210
+ width="1em"
211
+ xmlns="http://www.w3.org/2000/svg"
212
+ >
213
+ <path
214
+ d="M0 0h24v24H0V0z"
215
+ fill="none"
216
+ />
217
+ <path
218
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
219
+ />
220
+ </svg>
221
+ </span>
222
+ <span>
223
+ <div
224
+ class="pressable"
225
+ style="position: relative;"
226
+ >
227
+ <span
228
+ class="icon headline-3 icon disabled"
229
+ >
230
+ <svg
231
+ fill="currentColor"
232
+ height="1em"
233
+ stroke="currentColor"
234
+ stroke-width="0"
235
+ viewBox="0 0 24 24"
236
+ width="1em"
237
+ xmlns="http://www.w3.org/2000/svg"
238
+ >
239
+ <path
240
+ d="M0 0h24v24H0V0z"
241
+ fill="none"
242
+ />
243
+ <path
244
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
245
+ />
246
+ </svg>
247
+ </span>
248
+ </div>
249
+ </span>
250
+ </div>
123
251
  </span>
124
252
  </th>
125
253
  <th>
@@ -127,27 +255,59 @@ exports[`component:<Table> inherit:className 1`] = `
127
255
  class="view forceRow column"
128
256
  >
129
257
  Action
130
- <span
131
- class="icon headline-3 icon disabled"
258
+ <div
259
+ class="view row icons"
132
260
  >
133
- <svg
134
- fill="currentColor"
135
- height="1em"
136
- stroke="currentColor"
137
- stroke-width="0"
138
- viewBox="0 0 24 24"
139
- width="1em"
140
- xmlns="http://www.w3.org/2000/svg"
261
+ <span
262
+ class="icon headline-3 icon disabled"
141
263
  >
142
- <path
143
- d="M0 0h24v24H0V0z"
144
- fill="none"
145
- />
146
- <path
147
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
148
- />
149
- </svg>
150
- </span>
264
+ <svg
265
+ fill="currentColor"
266
+ height="1em"
267
+ stroke="currentColor"
268
+ stroke-width="0"
269
+ viewBox="0 0 24 24"
270
+ width="1em"
271
+ xmlns="http://www.w3.org/2000/svg"
272
+ >
273
+ <path
274
+ d="M0 0h24v24H0V0z"
275
+ fill="none"
276
+ />
277
+ <path
278
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
279
+ />
280
+ </svg>
281
+ </span>
282
+ <span>
283
+ <div
284
+ class="pressable"
285
+ style="position: relative;"
286
+ >
287
+ <span
288
+ class="icon headline-3 icon disabled"
289
+ >
290
+ <svg
291
+ fill="currentColor"
292
+ height="1em"
293
+ stroke="currentColor"
294
+ stroke-width="0"
295
+ viewBox="0 0 24 24"
296
+ width="1em"
297
+ xmlns="http://www.w3.org/2000/svg"
298
+ >
299
+ <path
300
+ d="M0 0h24v24H0V0z"
301
+ fill="none"
302
+ />
303
+ <path
304
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
305
+ />
306
+ </svg>
307
+ </span>
308
+ </div>
309
+ </span>
310
+ </div>
151
311
  </span>
152
312
  </th>
153
313
  </tr>
@@ -416,24 +576,150 @@ exports[`component:<Table> inherit:className 1`] = `
416
576
  </DocumentFragment>
417
577
  `;
418
578
 
419
- exports[`component:<Table> prop:inline (false 1`] = `
579
+ exports[`component:<Table> prop:filter 1`] = `
420
580
  <DocumentFragment>
421
581
  <div
422
- class="view outlined"
582
+ class="view row wide filters"
423
583
  >
424
- <table
425
- class="table"
584
+ <div
585
+ class="view row filter"
426
586
  >
427
- <thead>
428
- <tr
429
- class=""
430
- role="tr"
587
+ <span
588
+ class="text small"
589
+ >
590
+ email
591
+ </span>
592
+ <span
593
+ class="text bold small"
594
+ >
595
+ @mirai.com
596
+ </span>
597
+ <div
598
+ class="pressable"
599
+ >
600
+ <span
601
+ class="icon action"
431
602
  >
432
- <th>
433
- <span
434
- class="view forceRow column"
603
+ <svg
604
+ fill="currentColor"
605
+ height="1em"
606
+ stroke="currentColor"
607
+ stroke-width="0"
608
+ viewBox="0 0 24 24"
609
+ width="1em"
610
+ xmlns="http://www.w3.org/2000/svg"
611
+ >
612
+ <path
613
+ d="M0 0h24v24H0V0z"
614
+ fill="none"
615
+ />
616
+ <path
617
+ d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
618
+ />
619
+ </svg>
620
+ </span>
621
+ </div>
622
+ </div>
623
+ <div
624
+ class="view row filter"
625
+ >
626
+ <span
627
+ class="text small"
628
+ >
629
+ email
630
+ </span>
631
+ <span
632
+ class="text bold small"
633
+ >
634
+ @soyjavi.com
635
+ </span>
636
+ <div
637
+ class="pressable"
638
+ >
639
+ <span
640
+ class="icon action"
641
+ >
642
+ <svg
643
+ fill="currentColor"
644
+ height="1em"
645
+ stroke="currentColor"
646
+ stroke-width="0"
647
+ viewBox="0 0 24 24"
648
+ width="1em"
649
+ xmlns="http://www.w3.org/2000/svg"
650
+ >
651
+ <path
652
+ d="M0 0h24v24H0V0z"
653
+ fill="none"
654
+ />
655
+ <path
656
+ d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
657
+ />
658
+ </svg>
659
+ </span>
660
+ </div>
661
+ </div>
662
+ <div
663
+ class="view row filter"
664
+ >
665
+ <span
666
+ class="text small"
667
+ >
668
+ year
669
+ </span>
670
+ <span
671
+ class="text bold small"
672
+ >
673
+ 2020
674
+ </span>
675
+ <span
676
+ class="text bold small"
677
+ >
678
+ - 2023
679
+ </span>
680
+ <div
681
+ class="pressable"
682
+ >
683
+ <span
684
+ class="icon action"
685
+ >
686
+ <svg
687
+ fill="currentColor"
688
+ height="1em"
689
+ stroke="currentColor"
690
+ stroke-width="0"
691
+ viewBox="0 0 24 24"
692
+ width="1em"
693
+ xmlns="http://www.w3.org/2000/svg"
694
+ >
695
+ <path
696
+ d="M0 0h24v24H0V0z"
697
+ fill="none"
698
+ />
699
+ <path
700
+ d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41z"
701
+ />
702
+ </svg>
703
+ </span>
704
+ </div>
705
+ </div>
706
+ </div>
707
+ <table
708
+ class="table"
709
+ >
710
+ <thead>
711
+ <tr
712
+ class=""
713
+ role="tr"
714
+ >
715
+ <th>
716
+ <span
717
+ class="view forceRow column"
718
+ >
719
+ User Name
720
+ <div
721
+ class="view row icons"
435
722
  >
436
- User Name
437
723
  <span
438
724
  class="icon headline-3 icon disabled"
439
725
  >
@@ -455,13 +741,45 @@ exports[`component:<Table> prop:inline (false 1`] = `
455
741
  />
456
742
  </svg>
457
743
  </span>
458
- </span>
459
- </th>
460
- <th>
461
- <span
462
- class="view forceRow column"
744
+ <span>
745
+ <div
746
+ class="pressable"
747
+ style="position: relative;"
748
+ >
749
+ <span
750
+ class="icon headline-3 icon disabled"
751
+ >
752
+ <svg
753
+ fill="currentColor"
754
+ height="1em"
755
+ stroke="currentColor"
756
+ stroke-width="0"
757
+ viewBox="0 0 24 24"
758
+ width="1em"
759
+ xmlns="http://www.w3.org/2000/svg"
760
+ >
761
+ <path
762
+ d="M0 0h24v24H0V0z"
763
+ fill="none"
764
+ />
765
+ <path
766
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
767
+ />
768
+ </svg>
769
+ </span>
770
+ </div>
771
+ </span>
772
+ </div>
773
+ </span>
774
+ </th>
775
+ <th>
776
+ <span
777
+ class="view forceRow column"
778
+ >
779
+ Email
780
+ <div
781
+ class="view row icons"
463
782
  >
464
- Email
465
783
  <span
466
784
  class="icon headline-3 icon disabled"
467
785
  >
@@ -483,13 +801,45 @@ exports[`component:<Table> prop:inline (false 1`] = `
483
801
  />
484
802
  </svg>
485
803
  </span>
486
- </span>
487
- </th>
488
- <th>
489
- <span
490
- class="view forceRow column"
804
+ <span>
805
+ <div
806
+ class="pressable"
807
+ style="position: relative;"
808
+ >
809
+ <span
810
+ class="icon headline-3 icon disabled"
811
+ >
812
+ <svg
813
+ fill="currentColor"
814
+ height="1em"
815
+ stroke="currentColor"
816
+ stroke-width="0"
817
+ viewBox="0 0 24 24"
818
+ width="1em"
819
+ xmlns="http://www.w3.org/2000/svg"
820
+ >
821
+ <path
822
+ d="M0 0h24v24H0V0z"
823
+ fill="none"
824
+ />
825
+ <path
826
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
827
+ />
828
+ </svg>
829
+ </span>
830
+ </div>
831
+ </span>
832
+ </div>
833
+ </span>
834
+ </th>
835
+ <th>
836
+ <span
837
+ class="view forceRow column"
838
+ >
839
+ Year
840
+ <div
841
+ class="view row icons"
491
842
  >
492
- Year
493
843
  <span
494
844
  class="icon headline-3 icon disabled"
495
845
  >
@@ -511,13 +861,45 @@ exports[`component:<Table> prop:inline (false 1`] = `
511
861
  />
512
862
  </svg>
513
863
  </span>
514
- </span>
515
- </th>
516
- <th>
517
- <span
518
- class="view forceRow column"
864
+ <span>
865
+ <div
866
+ class="pressable"
867
+ style="position: relative;"
868
+ >
869
+ <span
870
+ class="icon headline-3 icon disabled"
871
+ >
872
+ <svg
873
+ fill="currentColor"
874
+ height="1em"
875
+ stroke="currentColor"
876
+ stroke-width="0"
877
+ viewBox="0 0 24 24"
878
+ width="1em"
879
+ xmlns="http://www.w3.org/2000/svg"
880
+ >
881
+ <path
882
+ d="M0 0h24v24H0V0z"
883
+ fill="none"
884
+ />
885
+ <path
886
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
887
+ />
888
+ </svg>
889
+ </span>
890
+ </div>
891
+ </span>
892
+ </div>
893
+ </span>
894
+ </th>
895
+ <th>
896
+ <span
897
+ class="view forceRow column"
898
+ >
899
+ Twitter
900
+ <div
901
+ class="view row icons"
519
902
  >
520
- Twitter
521
903
  <span
522
904
  class="icon headline-3 icon disabled"
523
905
  >
@@ -539,13 +921,45 @@ exports[`component:<Table> prop:inline (false 1`] = `
539
921
  />
540
922
  </svg>
541
923
  </span>
542
- </span>
543
- </th>
544
- <th>
545
- <span
546
- class="view forceRow column"
924
+ <span>
925
+ <div
926
+ class="pressable"
927
+ style="position: relative;"
928
+ >
929
+ <span
930
+ class="icon headline-3 icon disabled"
931
+ >
932
+ <svg
933
+ fill="currentColor"
934
+ height="1em"
935
+ stroke="currentColor"
936
+ stroke-width="0"
937
+ viewBox="0 0 24 24"
938
+ width="1em"
939
+ xmlns="http://www.w3.org/2000/svg"
940
+ >
941
+ <path
942
+ d="M0 0h24v24H0V0z"
943
+ fill="none"
944
+ />
945
+ <path
946
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
947
+ />
948
+ </svg>
949
+ </span>
950
+ </div>
951
+ </span>
952
+ </div>
953
+ </span>
954
+ </th>
955
+ <th>
956
+ <span
957
+ class="view forceRow column"
958
+ >
959
+ Action
960
+ <div
961
+ class="view row icons"
547
962
  >
548
- Action
549
963
  <span
550
964
  class="icon headline-3 icon disabled"
551
965
  >
@@ -567,7 +981,507 @@ exports[`component:<Table> prop:inline (false 1`] = `
567
981
  />
568
982
  </svg>
569
983
  </span>
570
- </span>
984
+ <span>
985
+ <div
986
+ class="pressable"
987
+ style="position: relative;"
988
+ >
989
+ <span
990
+ class="icon headline-3 icon disabled"
991
+ >
992
+ <svg
993
+ fill="currentColor"
994
+ height="1em"
995
+ stroke="currentColor"
996
+ stroke-width="0"
997
+ viewBox="0 0 24 24"
998
+ width="1em"
999
+ xmlns="http://www.w3.org/2000/svg"
1000
+ >
1001
+ <path
1002
+ d="M0 0h24v24H0V0z"
1003
+ fill="none"
1004
+ />
1005
+ <path
1006
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
1007
+ />
1008
+ </svg>
1009
+ </span>
1010
+ </div>
1011
+ </span>
1012
+ </div>
1013
+ </span>
1014
+ </th>
1015
+ </tr>
1016
+ </thead>
1017
+ <tbody>
1018
+ <tr
1019
+ class=""
1020
+ role="tr"
1021
+ >
1022
+ <td>
1023
+ <span
1024
+ class="view forceRow column text"
1025
+ >
1026
+ svet
1027
+ </span>
1028
+ </td>
1029
+ <td>
1030
+ <span
1031
+ class="view forceRow column text"
1032
+ >
1033
+ svet@mirai.com
1034
+ </span>
1035
+ </td>
1036
+ <td>
1037
+ <span
1038
+ class="view forceRow column number"
1039
+ >
1040
+ 2021
1041
+ </span>
1042
+ </td>
1043
+ <td>
1044
+ <span
1045
+ class="view forceRow column text"
1046
+ />
1047
+ </td>
1048
+ <td>
1049
+ <span
1050
+ class="view forceRow column text"
1051
+ >
1052
+ <strong>
1053
+ action
1054
+ </strong>
1055
+ </span>
1056
+ </td>
1057
+ </tr>
1058
+ <tr
1059
+ class=""
1060
+ role="tr"
1061
+ >
1062
+ <td>
1063
+ <span
1064
+ class="view forceRow column text"
1065
+ >
1066
+ javi
1067
+ </span>
1068
+ </td>
1069
+ <td>
1070
+ <span
1071
+ class="view forceRow column text"
1072
+ >
1073
+ hi@soyjavi.com
1074
+ </span>
1075
+ </td>
1076
+ <td>
1077
+ <span
1078
+ class="view forceRow column number"
1079
+ >
1080
+ 2022
1081
+ </span>
1082
+ </td>
1083
+ <td>
1084
+ <span
1085
+ class="view forceRow column text"
1086
+ >
1087
+ soyjavi
1088
+ </span>
1089
+ </td>
1090
+ <td>
1091
+ <span
1092
+ class="view forceRow column text"
1093
+ />
1094
+ </td>
1095
+ </tr>
1096
+ <tr
1097
+ class=""
1098
+ role="tr"
1099
+ >
1100
+ <td>
1101
+ <span
1102
+ class="view forceRow column text"
1103
+ >
1104
+ victor
1105
+ </span>
1106
+ </td>
1107
+ <td>
1108
+ <span
1109
+ class="view forceRow column text"
1110
+ >
1111
+ victor@mirai.com
1112
+ </span>
1113
+ </td>
1114
+ <td>
1115
+ <span
1116
+ class="view forceRow column number"
1117
+ >
1118
+ 2021
1119
+ </span>
1120
+ </td>
1121
+ <td>
1122
+ <span
1123
+ class="view forceRow column text"
1124
+ />
1125
+ </td>
1126
+ <td>
1127
+ <span
1128
+ class="view forceRow column text"
1129
+ />
1130
+ </td>
1131
+ </tr>
1132
+ <tr
1133
+ class=""
1134
+ role="tr"
1135
+ >
1136
+ <td>
1137
+ <span
1138
+ class="view forceRow column text"
1139
+ >
1140
+ mario/2
1141
+ </span>
1142
+ </td>
1143
+ <td>
1144
+ <span
1145
+ class="view forceRow column text"
1146
+ >
1147
+ mario.2@mirai.com
1148
+ </span>
1149
+ </td>
1150
+ <td>
1151
+ <span
1152
+ class="view forceRow column number"
1153
+ >
1154
+ 2022
1155
+ </span>
1156
+ </td>
1157
+ <td>
1158
+ <span
1159
+ class="view forceRow column text"
1160
+ />
1161
+ </td>
1162
+ <td>
1163
+ <span
1164
+ class="view forceRow column text"
1165
+ />
1166
+ </td>
1167
+ </tr>
1168
+ </tbody>
1169
+ </table>
1170
+ </DocumentFragment>
1171
+ `;
1172
+
1173
+ exports[`component:<Table> prop:inline (false 1`] = `
1174
+ <DocumentFragment>
1175
+ <div
1176
+ class="view outlined"
1177
+ >
1178
+ <table
1179
+ class="table"
1180
+ >
1181
+ <thead>
1182
+ <tr
1183
+ class=""
1184
+ role="tr"
1185
+ >
1186
+ <th>
1187
+ <span
1188
+ class="view forceRow column"
1189
+ >
1190
+ User Name
1191
+ <div
1192
+ class="view row icons"
1193
+ >
1194
+ <span
1195
+ class="icon headline-3 icon disabled"
1196
+ >
1197
+ <svg
1198
+ fill="currentColor"
1199
+ height="1em"
1200
+ stroke="currentColor"
1201
+ stroke-width="0"
1202
+ viewBox="0 0 24 24"
1203
+ width="1em"
1204
+ xmlns="http://www.w3.org/2000/svg"
1205
+ >
1206
+ <path
1207
+ d="M0 0h24v24H0V0z"
1208
+ fill="none"
1209
+ />
1210
+ <path
1211
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1212
+ />
1213
+ </svg>
1214
+ </span>
1215
+ <span>
1216
+ <div
1217
+ class="pressable"
1218
+ style="position: relative;"
1219
+ >
1220
+ <span
1221
+ class="icon headline-3 icon disabled"
1222
+ >
1223
+ <svg
1224
+ fill="currentColor"
1225
+ height="1em"
1226
+ stroke="currentColor"
1227
+ stroke-width="0"
1228
+ viewBox="0 0 24 24"
1229
+ width="1em"
1230
+ xmlns="http://www.w3.org/2000/svg"
1231
+ >
1232
+ <path
1233
+ d="M0 0h24v24H0V0z"
1234
+ fill="none"
1235
+ />
1236
+ <path
1237
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
1238
+ />
1239
+ </svg>
1240
+ </span>
1241
+ </div>
1242
+ </span>
1243
+ </div>
1244
+ </span>
1245
+ </th>
1246
+ <th>
1247
+ <span
1248
+ class="view forceRow column"
1249
+ >
1250
+ Email
1251
+ <div
1252
+ class="view row icons"
1253
+ >
1254
+ <span
1255
+ class="icon headline-3 icon disabled"
1256
+ >
1257
+ <svg
1258
+ fill="currentColor"
1259
+ height="1em"
1260
+ stroke="currentColor"
1261
+ stroke-width="0"
1262
+ viewBox="0 0 24 24"
1263
+ width="1em"
1264
+ xmlns="http://www.w3.org/2000/svg"
1265
+ >
1266
+ <path
1267
+ d="M0 0h24v24H0V0z"
1268
+ fill="none"
1269
+ />
1270
+ <path
1271
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1272
+ />
1273
+ </svg>
1274
+ </span>
1275
+ <span>
1276
+ <div
1277
+ class="pressable"
1278
+ style="position: relative;"
1279
+ >
1280
+ <span
1281
+ class="icon headline-3 icon disabled"
1282
+ >
1283
+ <svg
1284
+ fill="currentColor"
1285
+ height="1em"
1286
+ stroke="currentColor"
1287
+ stroke-width="0"
1288
+ viewBox="0 0 24 24"
1289
+ width="1em"
1290
+ xmlns="http://www.w3.org/2000/svg"
1291
+ >
1292
+ <path
1293
+ d="M0 0h24v24H0V0z"
1294
+ fill="none"
1295
+ />
1296
+ <path
1297
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
1298
+ />
1299
+ </svg>
1300
+ </span>
1301
+ </div>
1302
+ </span>
1303
+ </div>
1304
+ </span>
1305
+ </th>
1306
+ <th>
1307
+ <span
1308
+ class="view forceRow column"
1309
+ >
1310
+ Year
1311
+ <div
1312
+ class="view row icons"
1313
+ >
1314
+ <span
1315
+ class="icon headline-3 icon disabled"
1316
+ >
1317
+ <svg
1318
+ fill="currentColor"
1319
+ height="1em"
1320
+ stroke="currentColor"
1321
+ stroke-width="0"
1322
+ viewBox="0 0 24 24"
1323
+ width="1em"
1324
+ xmlns="http://www.w3.org/2000/svg"
1325
+ >
1326
+ <path
1327
+ d="M0 0h24v24H0V0z"
1328
+ fill="none"
1329
+ />
1330
+ <path
1331
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1332
+ />
1333
+ </svg>
1334
+ </span>
1335
+ <span>
1336
+ <div
1337
+ class="pressable"
1338
+ style="position: relative;"
1339
+ >
1340
+ <span
1341
+ class="icon headline-3 icon disabled"
1342
+ >
1343
+ <svg
1344
+ fill="currentColor"
1345
+ height="1em"
1346
+ stroke="currentColor"
1347
+ stroke-width="0"
1348
+ viewBox="0 0 24 24"
1349
+ width="1em"
1350
+ xmlns="http://www.w3.org/2000/svg"
1351
+ >
1352
+ <path
1353
+ d="M0 0h24v24H0V0z"
1354
+ fill="none"
1355
+ />
1356
+ <path
1357
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
1358
+ />
1359
+ </svg>
1360
+ </span>
1361
+ </div>
1362
+ </span>
1363
+ </div>
1364
+ </span>
1365
+ </th>
1366
+ <th>
1367
+ <span
1368
+ class="view forceRow column"
1369
+ >
1370
+ Twitter
1371
+ <div
1372
+ class="view row icons"
1373
+ >
1374
+ <span
1375
+ class="icon headline-3 icon disabled"
1376
+ >
1377
+ <svg
1378
+ fill="currentColor"
1379
+ height="1em"
1380
+ stroke="currentColor"
1381
+ stroke-width="0"
1382
+ viewBox="0 0 24 24"
1383
+ width="1em"
1384
+ xmlns="http://www.w3.org/2000/svg"
1385
+ >
1386
+ <path
1387
+ d="M0 0h24v24H0V0z"
1388
+ fill="none"
1389
+ />
1390
+ <path
1391
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1392
+ />
1393
+ </svg>
1394
+ </span>
1395
+ <span>
1396
+ <div
1397
+ class="pressable"
1398
+ style="position: relative;"
1399
+ >
1400
+ <span
1401
+ class="icon headline-3 icon disabled"
1402
+ >
1403
+ <svg
1404
+ fill="currentColor"
1405
+ height="1em"
1406
+ stroke="currentColor"
1407
+ stroke-width="0"
1408
+ viewBox="0 0 24 24"
1409
+ width="1em"
1410
+ xmlns="http://www.w3.org/2000/svg"
1411
+ >
1412
+ <path
1413
+ d="M0 0h24v24H0V0z"
1414
+ fill="none"
1415
+ />
1416
+ <path
1417
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
1418
+ />
1419
+ </svg>
1420
+ </span>
1421
+ </div>
1422
+ </span>
1423
+ </div>
1424
+ </span>
1425
+ </th>
1426
+ <th>
1427
+ <span
1428
+ class="view forceRow column"
1429
+ >
1430
+ Action
1431
+ <div
1432
+ class="view row icons"
1433
+ >
1434
+ <span
1435
+ class="icon headline-3 icon disabled"
1436
+ >
1437
+ <svg
1438
+ fill="currentColor"
1439
+ height="1em"
1440
+ stroke="currentColor"
1441
+ stroke-width="0"
1442
+ viewBox="0 0 24 24"
1443
+ width="1em"
1444
+ xmlns="http://www.w3.org/2000/svg"
1445
+ >
1446
+ <path
1447
+ d="M0 0h24v24H0V0z"
1448
+ fill="none"
1449
+ />
1450
+ <path
1451
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1452
+ />
1453
+ </svg>
1454
+ </span>
1455
+ <span>
1456
+ <div
1457
+ class="pressable"
1458
+ style="position: relative;"
1459
+ >
1460
+ <span
1461
+ class="icon headline-3 icon disabled"
1462
+ >
1463
+ <svg
1464
+ fill="currentColor"
1465
+ height="1em"
1466
+ stroke="currentColor"
1467
+ stroke-width="0"
1468
+ viewBox="0 0 24 24"
1469
+ width="1em"
1470
+ xmlns="http://www.w3.org/2000/svg"
1471
+ >
1472
+ <path
1473
+ d="M0 0h24v24H0V0z"
1474
+ fill="none"
1475
+ />
1476
+ <path
1477
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
1478
+ />
1479
+ </svg>
1480
+ </span>
1481
+ </div>
1482
+ </span>
1483
+ </div>
1484
+ </span>
571
1485
  </th>
572
1486
  </tr>
573
1487
  </thead>
@@ -858,27 +1772,59 @@ exports[`component:<Table> prop:onScroll 1`] = `
858
1772
  class="view forceRow column"
859
1773
  >
860
1774
  User Name
861
- <span
862
- class="icon headline-3 icon disabled"
1775
+ <div
1776
+ class="view row icons"
863
1777
  >
864
- <svg
865
- fill="currentColor"
866
- height="1em"
867
- stroke="currentColor"
868
- stroke-width="0"
869
- viewBox="0 0 24 24"
870
- width="1em"
871
- xmlns="http://www.w3.org/2000/svg"
1778
+ <span
1779
+ class="icon headline-3 icon disabled"
872
1780
  >
873
- <path
874
- d="M0 0h24v24H0V0z"
875
- fill="none"
876
- />
877
- <path
878
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
879
- />
880
- </svg>
881
- </span>
1781
+ <svg
1782
+ fill="currentColor"
1783
+ height="1em"
1784
+ stroke="currentColor"
1785
+ stroke-width="0"
1786
+ viewBox="0 0 24 24"
1787
+ width="1em"
1788
+ xmlns="http://www.w3.org/2000/svg"
1789
+ >
1790
+ <path
1791
+ d="M0 0h24v24H0V0z"
1792
+ fill="none"
1793
+ />
1794
+ <path
1795
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1796
+ />
1797
+ </svg>
1798
+ </span>
1799
+ <span>
1800
+ <div
1801
+ class="pressable"
1802
+ style="position: relative;"
1803
+ >
1804
+ <span
1805
+ class="icon headline-3 icon disabled"
1806
+ >
1807
+ <svg
1808
+ fill="currentColor"
1809
+ height="1em"
1810
+ stroke="currentColor"
1811
+ stroke-width="0"
1812
+ viewBox="0 0 24 24"
1813
+ width="1em"
1814
+ xmlns="http://www.w3.org/2000/svg"
1815
+ >
1816
+ <path
1817
+ d="M0 0h24v24H0V0z"
1818
+ fill="none"
1819
+ />
1820
+ <path
1821
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
1822
+ />
1823
+ </svg>
1824
+ </span>
1825
+ </div>
1826
+ </span>
1827
+ </div>
882
1828
  </span>
883
1829
  </th>
884
1830
  <th
@@ -887,28 +1833,60 @@ exports[`component:<Table> prop:onScroll 1`] = `
887
1833
  <span
888
1834
  class="view forceRow column"
889
1835
  >
890
- Email
891
- <span
892
- class="icon headline-3 icon disabled"
893
- >
894
- <svg
895
- fill="currentColor"
896
- height="1em"
897
- stroke="currentColor"
898
- stroke-width="0"
899
- viewBox="0 0 24 24"
900
- width="1em"
901
- xmlns="http://www.w3.org/2000/svg"
902
- >
903
- <path
904
- d="M0 0h24v24H0V0z"
905
- fill="none"
906
- />
907
- <path
908
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
909
- />
910
- </svg>
911
- </span>
1836
+ Email
1837
+ <div
1838
+ class="view row icons"
1839
+ >
1840
+ <span
1841
+ class="icon headline-3 icon disabled"
1842
+ >
1843
+ <svg
1844
+ fill="currentColor"
1845
+ height="1em"
1846
+ stroke="currentColor"
1847
+ stroke-width="0"
1848
+ viewBox="0 0 24 24"
1849
+ width="1em"
1850
+ xmlns="http://www.w3.org/2000/svg"
1851
+ >
1852
+ <path
1853
+ d="M0 0h24v24H0V0z"
1854
+ fill="none"
1855
+ />
1856
+ <path
1857
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1858
+ />
1859
+ </svg>
1860
+ </span>
1861
+ <span>
1862
+ <div
1863
+ class="pressable"
1864
+ style="position: relative;"
1865
+ >
1866
+ <span
1867
+ class="icon headline-3 icon disabled"
1868
+ >
1869
+ <svg
1870
+ fill="currentColor"
1871
+ height="1em"
1872
+ stroke="currentColor"
1873
+ stroke-width="0"
1874
+ viewBox="0 0 24 24"
1875
+ width="1em"
1876
+ xmlns="http://www.w3.org/2000/svg"
1877
+ >
1878
+ <path
1879
+ d="M0 0h24v24H0V0z"
1880
+ fill="none"
1881
+ />
1882
+ <path
1883
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
1884
+ />
1885
+ </svg>
1886
+ </span>
1887
+ </div>
1888
+ </span>
1889
+ </div>
912
1890
  </span>
913
1891
  </th>
914
1892
  <th
@@ -918,27 +1896,59 @@ exports[`component:<Table> prop:onScroll 1`] = `
918
1896
  class="view forceRow column"
919
1897
  >
920
1898
  Year
921
- <span
922
- class="icon headline-3 icon disabled"
1899
+ <div
1900
+ class="view row icons"
923
1901
  >
924
- <svg
925
- fill="currentColor"
926
- height="1em"
927
- stroke="currentColor"
928
- stroke-width="0"
929
- viewBox="0 0 24 24"
930
- width="1em"
931
- xmlns="http://www.w3.org/2000/svg"
1902
+ <span
1903
+ class="icon headline-3 icon disabled"
932
1904
  >
933
- <path
934
- d="M0 0h24v24H0V0z"
935
- fill="none"
936
- />
937
- <path
938
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
939
- />
940
- </svg>
941
- </span>
1905
+ <svg
1906
+ fill="currentColor"
1907
+ height="1em"
1908
+ stroke="currentColor"
1909
+ stroke-width="0"
1910
+ viewBox="0 0 24 24"
1911
+ width="1em"
1912
+ xmlns="http://www.w3.org/2000/svg"
1913
+ >
1914
+ <path
1915
+ d="M0 0h24v24H0V0z"
1916
+ fill="none"
1917
+ />
1918
+ <path
1919
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1920
+ />
1921
+ </svg>
1922
+ </span>
1923
+ <span>
1924
+ <div
1925
+ class="pressable"
1926
+ style="position: relative;"
1927
+ >
1928
+ <span
1929
+ class="icon headline-3 icon disabled"
1930
+ >
1931
+ <svg
1932
+ fill="currentColor"
1933
+ height="1em"
1934
+ stroke="currentColor"
1935
+ stroke-width="0"
1936
+ viewBox="0 0 24 24"
1937
+ width="1em"
1938
+ xmlns="http://www.w3.org/2000/svg"
1939
+ >
1940
+ <path
1941
+ d="M0 0h24v24H0V0z"
1942
+ fill="none"
1943
+ />
1944
+ <path
1945
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
1946
+ />
1947
+ </svg>
1948
+ </span>
1949
+ </div>
1950
+ </span>
1951
+ </div>
942
1952
  </span>
943
1953
  </th>
944
1954
  <th
@@ -948,27 +1958,59 @@ exports[`component:<Table> prop:onScroll 1`] = `
948
1958
  class="view forceRow column"
949
1959
  >
950
1960
  Twitter
951
- <span
952
- class="icon headline-3 icon disabled"
1961
+ <div
1962
+ class="view row icons"
953
1963
  >
954
- <svg
955
- fill="currentColor"
956
- height="1em"
957
- stroke="currentColor"
958
- stroke-width="0"
959
- viewBox="0 0 24 24"
960
- width="1em"
961
- xmlns="http://www.w3.org/2000/svg"
1964
+ <span
1965
+ class="icon headline-3 icon disabled"
962
1966
  >
963
- <path
964
- d="M0 0h24v24H0V0z"
965
- fill="none"
966
- />
967
- <path
968
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
969
- />
970
- </svg>
971
- </span>
1967
+ <svg
1968
+ fill="currentColor"
1969
+ height="1em"
1970
+ stroke="currentColor"
1971
+ stroke-width="0"
1972
+ viewBox="0 0 24 24"
1973
+ width="1em"
1974
+ xmlns="http://www.w3.org/2000/svg"
1975
+ >
1976
+ <path
1977
+ d="M0 0h24v24H0V0z"
1978
+ fill="none"
1979
+ />
1980
+ <path
1981
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1982
+ />
1983
+ </svg>
1984
+ </span>
1985
+ <span>
1986
+ <div
1987
+ class="pressable"
1988
+ style="position: relative;"
1989
+ >
1990
+ <span
1991
+ class="icon headline-3 icon disabled"
1992
+ >
1993
+ <svg
1994
+ fill="currentColor"
1995
+ height="1em"
1996
+ stroke="currentColor"
1997
+ stroke-width="0"
1998
+ viewBox="0 0 24 24"
1999
+ width="1em"
2000
+ xmlns="http://www.w3.org/2000/svg"
2001
+ >
2002
+ <path
2003
+ d="M0 0h24v24H0V0z"
2004
+ fill="none"
2005
+ />
2006
+ <path
2007
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
2008
+ />
2009
+ </svg>
2010
+ </span>
2011
+ </div>
2012
+ </span>
2013
+ </div>
972
2014
  </span>
973
2015
  </th>
974
2016
  <th
@@ -978,27 +2020,59 @@ exports[`component:<Table> prop:onScroll 1`] = `
978
2020
  class="view forceRow column"
979
2021
  >
980
2022
  Action
981
- <span
982
- class="icon headline-3 icon disabled"
2023
+ <div
2024
+ class="view row icons"
983
2025
  >
984
- <svg
985
- fill="currentColor"
986
- height="1em"
987
- stroke="currentColor"
988
- stroke-width="0"
989
- viewBox="0 0 24 24"
990
- width="1em"
991
- xmlns="http://www.w3.org/2000/svg"
2026
+ <span
2027
+ class="icon headline-3 icon disabled"
992
2028
  >
993
- <path
994
- d="M0 0h24v24H0V0z"
995
- fill="none"
996
- />
997
- <path
998
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
999
- />
1000
- </svg>
1001
- </span>
2029
+ <svg
2030
+ fill="currentColor"
2031
+ height="1em"
2032
+ stroke="currentColor"
2033
+ stroke-width="0"
2034
+ viewBox="0 0 24 24"
2035
+ width="1em"
2036
+ xmlns="http://www.w3.org/2000/svg"
2037
+ >
2038
+ <path
2039
+ d="M0 0h24v24H0V0z"
2040
+ fill="none"
2041
+ />
2042
+ <path
2043
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2044
+ />
2045
+ </svg>
2046
+ </span>
2047
+ <span>
2048
+ <div
2049
+ class="pressable"
2050
+ style="position: relative;"
2051
+ >
2052
+ <span
2053
+ class="icon headline-3 icon disabled"
2054
+ >
2055
+ <svg
2056
+ fill="currentColor"
2057
+ height="1em"
2058
+ stroke="currentColor"
2059
+ stroke-width="0"
2060
+ viewBox="0 0 24 24"
2061
+ width="1em"
2062
+ xmlns="http://www.w3.org/2000/svg"
2063
+ >
2064
+ <path
2065
+ d="M0 0h24v24H0V0z"
2066
+ fill="none"
2067
+ />
2068
+ <path
2069
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
2070
+ />
2071
+ </svg>
2072
+ </span>
2073
+ </div>
2074
+ </span>
2075
+ </div>
1002
2076
  </span>
1003
2077
  </th>
1004
2078
  </tr>
@@ -1379,27 +2453,59 @@ exports[`component:<Table> prop:onSelect 1`] = `
1379
2453
  </div>
1380
2454
  </div>
1381
2455
  User Name
1382
- <span
1383
- class="icon headline-3 icon disabled"
2456
+ <div
2457
+ class="view row icons"
1384
2458
  >
1385
- <svg
1386
- fill="currentColor"
1387
- height="1em"
1388
- stroke="currentColor"
1389
- stroke-width="0"
1390
- viewBox="0 0 24 24"
1391
- width="1em"
1392
- xmlns="http://www.w3.org/2000/svg"
2459
+ <span
2460
+ class="icon headline-3 icon disabled"
1393
2461
  >
1394
- <path
1395
- d="M0 0h24v24H0V0z"
1396
- fill="none"
1397
- />
1398
- <path
1399
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1400
- />
1401
- </svg>
1402
- </span>
2462
+ <svg
2463
+ fill="currentColor"
2464
+ height="1em"
2465
+ stroke="currentColor"
2466
+ stroke-width="0"
2467
+ viewBox="0 0 24 24"
2468
+ width="1em"
2469
+ xmlns="http://www.w3.org/2000/svg"
2470
+ >
2471
+ <path
2472
+ d="M0 0h24v24H0V0z"
2473
+ fill="none"
2474
+ />
2475
+ <path
2476
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2477
+ />
2478
+ </svg>
2479
+ </span>
2480
+ <span>
2481
+ <div
2482
+ class="pressable"
2483
+ style="position: relative;"
2484
+ >
2485
+ <span
2486
+ class="icon headline-3 icon disabled"
2487
+ >
2488
+ <svg
2489
+ fill="currentColor"
2490
+ height="1em"
2491
+ stroke="currentColor"
2492
+ stroke-width="0"
2493
+ viewBox="0 0 24 24"
2494
+ width="1em"
2495
+ xmlns="http://www.w3.org/2000/svg"
2496
+ >
2497
+ <path
2498
+ d="M0 0h24v24H0V0z"
2499
+ fill="none"
2500
+ />
2501
+ <path
2502
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
2503
+ />
2504
+ </svg>
2505
+ </span>
2506
+ </div>
2507
+ </span>
2508
+ </div>
1403
2509
  </span>
1404
2510
  </th>
1405
2511
  <th
@@ -1409,27 +2515,59 @@ exports[`component:<Table> prop:onSelect 1`] = `
1409
2515
  class="view forceRow column"
1410
2516
  >
1411
2517
  Email
1412
- <span
1413
- class="icon headline-3 icon disabled"
2518
+ <div
2519
+ class="view row icons"
1414
2520
  >
1415
- <svg
1416
- fill="currentColor"
1417
- height="1em"
1418
- stroke="currentColor"
1419
- stroke-width="0"
1420
- viewBox="0 0 24 24"
1421
- width="1em"
1422
- xmlns="http://www.w3.org/2000/svg"
2521
+ <span
2522
+ class="icon headline-3 icon disabled"
1423
2523
  >
1424
- <path
1425
- d="M0 0h24v24H0V0z"
1426
- fill="none"
1427
- />
1428
- <path
1429
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1430
- />
1431
- </svg>
1432
- </span>
2524
+ <svg
2525
+ fill="currentColor"
2526
+ height="1em"
2527
+ stroke="currentColor"
2528
+ stroke-width="0"
2529
+ viewBox="0 0 24 24"
2530
+ width="1em"
2531
+ xmlns="http://www.w3.org/2000/svg"
2532
+ >
2533
+ <path
2534
+ d="M0 0h24v24H0V0z"
2535
+ fill="none"
2536
+ />
2537
+ <path
2538
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2539
+ />
2540
+ </svg>
2541
+ </span>
2542
+ <span>
2543
+ <div
2544
+ class="pressable"
2545
+ style="position: relative;"
2546
+ >
2547
+ <span
2548
+ class="icon headline-3 icon disabled"
2549
+ >
2550
+ <svg
2551
+ fill="currentColor"
2552
+ height="1em"
2553
+ stroke="currentColor"
2554
+ stroke-width="0"
2555
+ viewBox="0 0 24 24"
2556
+ width="1em"
2557
+ xmlns="http://www.w3.org/2000/svg"
2558
+ >
2559
+ <path
2560
+ d="M0 0h24v24H0V0z"
2561
+ fill="none"
2562
+ />
2563
+ <path
2564
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
2565
+ />
2566
+ </svg>
2567
+ </span>
2568
+ </div>
2569
+ </span>
2570
+ </div>
1433
2571
  </span>
1434
2572
  </th>
1435
2573
  <th
@@ -1439,27 +2577,59 @@ exports[`component:<Table> prop:onSelect 1`] = `
1439
2577
  class="view forceRow column"
1440
2578
  >
1441
2579
  Year
1442
- <span
1443
- class="icon headline-3 icon disabled"
2580
+ <div
2581
+ class="view row icons"
1444
2582
  >
1445
- <svg
1446
- fill="currentColor"
1447
- height="1em"
1448
- stroke="currentColor"
1449
- stroke-width="0"
1450
- viewBox="0 0 24 24"
1451
- width="1em"
1452
- xmlns="http://www.w3.org/2000/svg"
2583
+ <span
2584
+ class="icon headline-3 icon disabled"
1453
2585
  >
1454
- <path
1455
- d="M0 0h24v24H0V0z"
1456
- fill="none"
1457
- />
1458
- <path
1459
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1460
- />
1461
- </svg>
1462
- </span>
2586
+ <svg
2587
+ fill="currentColor"
2588
+ height="1em"
2589
+ stroke="currentColor"
2590
+ stroke-width="0"
2591
+ viewBox="0 0 24 24"
2592
+ width="1em"
2593
+ xmlns="http://www.w3.org/2000/svg"
2594
+ >
2595
+ <path
2596
+ d="M0 0h24v24H0V0z"
2597
+ fill="none"
2598
+ />
2599
+ <path
2600
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2601
+ />
2602
+ </svg>
2603
+ </span>
2604
+ <span>
2605
+ <div
2606
+ class="pressable"
2607
+ style="position: relative;"
2608
+ >
2609
+ <span
2610
+ class="icon headline-3 icon disabled"
2611
+ >
2612
+ <svg
2613
+ fill="currentColor"
2614
+ height="1em"
2615
+ stroke="currentColor"
2616
+ stroke-width="0"
2617
+ viewBox="0 0 24 24"
2618
+ width="1em"
2619
+ xmlns="http://www.w3.org/2000/svg"
2620
+ >
2621
+ <path
2622
+ d="M0 0h24v24H0V0z"
2623
+ fill="none"
2624
+ />
2625
+ <path
2626
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
2627
+ />
2628
+ </svg>
2629
+ </span>
2630
+ </div>
2631
+ </span>
2632
+ </div>
1463
2633
  </span>
1464
2634
  </th>
1465
2635
  <th
@@ -1469,27 +2639,59 @@ exports[`component:<Table> prop:onSelect 1`] = `
1469
2639
  class="view forceRow column"
1470
2640
  >
1471
2641
  Twitter
1472
- <span
1473
- class="icon headline-3 icon disabled"
2642
+ <div
2643
+ class="view row icons"
1474
2644
  >
1475
- <svg
1476
- fill="currentColor"
1477
- height="1em"
1478
- stroke="currentColor"
1479
- stroke-width="0"
1480
- viewBox="0 0 24 24"
1481
- width="1em"
1482
- xmlns="http://www.w3.org/2000/svg"
2645
+ <span
2646
+ class="icon headline-3 icon disabled"
1483
2647
  >
1484
- <path
1485
- d="M0 0h24v24H0V0z"
1486
- fill="none"
1487
- />
1488
- <path
1489
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1490
- />
1491
- </svg>
1492
- </span>
2648
+ <svg
2649
+ fill="currentColor"
2650
+ height="1em"
2651
+ stroke="currentColor"
2652
+ stroke-width="0"
2653
+ viewBox="0 0 24 24"
2654
+ width="1em"
2655
+ xmlns="http://www.w3.org/2000/svg"
2656
+ >
2657
+ <path
2658
+ d="M0 0h24v24H0V0z"
2659
+ fill="none"
2660
+ />
2661
+ <path
2662
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2663
+ />
2664
+ </svg>
2665
+ </span>
2666
+ <span>
2667
+ <div
2668
+ class="pressable"
2669
+ style="position: relative;"
2670
+ >
2671
+ <span
2672
+ class="icon headline-3 icon disabled"
2673
+ >
2674
+ <svg
2675
+ fill="currentColor"
2676
+ height="1em"
2677
+ stroke="currentColor"
2678
+ stroke-width="0"
2679
+ viewBox="0 0 24 24"
2680
+ width="1em"
2681
+ xmlns="http://www.w3.org/2000/svg"
2682
+ >
2683
+ <path
2684
+ d="M0 0h24v24H0V0z"
2685
+ fill="none"
2686
+ />
2687
+ <path
2688
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
2689
+ />
2690
+ </svg>
2691
+ </span>
2692
+ </div>
2693
+ </span>
2694
+ </div>
1493
2695
  </span>
1494
2696
  </th>
1495
2697
  <th
@@ -1499,27 +2701,59 @@ exports[`component:<Table> prop:onSelect 1`] = `
1499
2701
  class="view forceRow column"
1500
2702
  >
1501
2703
  Action
1502
- <span
1503
- class="icon headline-3 icon disabled"
2704
+ <div
2705
+ class="view row icons"
1504
2706
  >
1505
- <svg
1506
- fill="currentColor"
1507
- height="1em"
1508
- stroke="currentColor"
1509
- stroke-width="0"
1510
- viewBox="0 0 24 24"
1511
- width="1em"
1512
- xmlns="http://www.w3.org/2000/svg"
2707
+ <span
2708
+ class="icon headline-3 icon disabled"
1513
2709
  >
1514
- <path
1515
- d="M0 0h24v24H0V0z"
1516
- fill="none"
1517
- />
1518
- <path
1519
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1520
- />
1521
- </svg>
1522
- </span>
2710
+ <svg
2711
+ fill="currentColor"
2712
+ height="1em"
2713
+ stroke="currentColor"
2714
+ stroke-width="0"
2715
+ viewBox="0 0 24 24"
2716
+ width="1em"
2717
+ xmlns="http://www.w3.org/2000/svg"
2718
+ >
2719
+ <path
2720
+ d="M0 0h24v24H0V0z"
2721
+ fill="none"
2722
+ />
2723
+ <path
2724
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2725
+ />
2726
+ </svg>
2727
+ </span>
2728
+ <span>
2729
+ <div
2730
+ class="pressable"
2731
+ style="position: relative;"
2732
+ >
2733
+ <span
2734
+ class="icon headline-3 icon disabled"
2735
+ >
2736
+ <svg
2737
+ fill="currentColor"
2738
+ height="1em"
2739
+ stroke="currentColor"
2740
+ stroke-width="0"
2741
+ viewBox="0 0 24 24"
2742
+ width="1em"
2743
+ xmlns="http://www.w3.org/2000/svg"
2744
+ >
2745
+ <path
2746
+ d="M0 0h24v24H0V0z"
2747
+ fill="none"
2748
+ />
2749
+ <path
2750
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
2751
+ />
2752
+ </svg>
2753
+ </span>
2754
+ </div>
2755
+ </span>
2756
+ </div>
1523
2757
  </span>
1524
2758
  </th>
1525
2759
  </tr>
@@ -1985,27 +3219,59 @@ exports[`component:<Table> prop:search 1`] = `
1985
3219
  class="view forceRow column"
1986
3220
  >
1987
3221
  User Name
1988
- <span
1989
- class="icon headline-3 icon disabled"
3222
+ <div
3223
+ class="view row icons"
1990
3224
  >
1991
- <svg
1992
- fill="currentColor"
1993
- height="1em"
1994
- stroke="currentColor"
1995
- stroke-width="0"
1996
- viewBox="0 0 24 24"
1997
- width="1em"
1998
- xmlns="http://www.w3.org/2000/svg"
3225
+ <span
3226
+ class="icon headline-3 icon disabled"
1999
3227
  >
2000
- <path
2001
- d="M0 0h24v24H0V0z"
2002
- fill="none"
2003
- />
2004
- <path
2005
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2006
- />
2007
- </svg>
2008
- </span>
3228
+ <svg
3229
+ fill="currentColor"
3230
+ height="1em"
3231
+ stroke="currentColor"
3232
+ stroke-width="0"
3233
+ viewBox="0 0 24 24"
3234
+ width="1em"
3235
+ xmlns="http://www.w3.org/2000/svg"
3236
+ >
3237
+ <path
3238
+ d="M0 0h24v24H0V0z"
3239
+ fill="none"
3240
+ />
3241
+ <path
3242
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3243
+ />
3244
+ </svg>
3245
+ </span>
3246
+ <span>
3247
+ <div
3248
+ class="pressable"
3249
+ style="position: relative;"
3250
+ >
3251
+ <span
3252
+ class="icon headline-3 icon disabled"
3253
+ >
3254
+ <svg
3255
+ fill="currentColor"
3256
+ height="1em"
3257
+ stroke="currentColor"
3258
+ stroke-width="0"
3259
+ viewBox="0 0 24 24"
3260
+ width="1em"
3261
+ xmlns="http://www.w3.org/2000/svg"
3262
+ >
3263
+ <path
3264
+ d="M0 0h24v24H0V0z"
3265
+ fill="none"
3266
+ />
3267
+ <path
3268
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
3269
+ />
3270
+ </svg>
3271
+ </span>
3272
+ </div>
3273
+ </span>
3274
+ </div>
2009
3275
  </span>
2010
3276
  </th>
2011
3277
  <th>
@@ -2013,27 +3279,59 @@ exports[`component:<Table> prop:search 1`] = `
2013
3279
  class="view forceRow column"
2014
3280
  >
2015
3281
  Email
2016
- <span
2017
- class="icon headline-3 icon disabled"
3282
+ <div
3283
+ class="view row icons"
2018
3284
  >
2019
- <svg
2020
- fill="currentColor"
2021
- height="1em"
2022
- stroke="currentColor"
2023
- stroke-width="0"
2024
- viewBox="0 0 24 24"
2025
- width="1em"
2026
- xmlns="http://www.w3.org/2000/svg"
3285
+ <span
3286
+ class="icon headline-3 icon disabled"
2027
3287
  >
2028
- <path
2029
- d="M0 0h24v24H0V0z"
2030
- fill="none"
2031
- />
2032
- <path
2033
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2034
- />
2035
- </svg>
2036
- </span>
3288
+ <svg
3289
+ fill="currentColor"
3290
+ height="1em"
3291
+ stroke="currentColor"
3292
+ stroke-width="0"
3293
+ viewBox="0 0 24 24"
3294
+ width="1em"
3295
+ xmlns="http://www.w3.org/2000/svg"
3296
+ >
3297
+ <path
3298
+ d="M0 0h24v24H0V0z"
3299
+ fill="none"
3300
+ />
3301
+ <path
3302
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3303
+ />
3304
+ </svg>
3305
+ </span>
3306
+ <span>
3307
+ <div
3308
+ class="pressable"
3309
+ style="position: relative;"
3310
+ >
3311
+ <span
3312
+ class="icon headline-3 icon disabled"
3313
+ >
3314
+ <svg
3315
+ fill="currentColor"
3316
+ height="1em"
3317
+ stroke="currentColor"
3318
+ stroke-width="0"
3319
+ viewBox="0 0 24 24"
3320
+ width="1em"
3321
+ xmlns="http://www.w3.org/2000/svg"
3322
+ >
3323
+ <path
3324
+ d="M0 0h24v24H0V0z"
3325
+ fill="none"
3326
+ />
3327
+ <path
3328
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
3329
+ />
3330
+ </svg>
3331
+ </span>
3332
+ </div>
3333
+ </span>
3334
+ </div>
2037
3335
  </span>
2038
3336
  </th>
2039
3337
  <th>
@@ -2041,27 +3339,59 @@ exports[`component:<Table> prop:search 1`] = `
2041
3339
  class="view forceRow column"
2042
3340
  >
2043
3341
  Year
2044
- <span
2045
- class="icon headline-3 icon disabled"
3342
+ <div
3343
+ class="view row icons"
2046
3344
  >
2047
- <svg
2048
- fill="currentColor"
2049
- height="1em"
2050
- stroke="currentColor"
2051
- stroke-width="0"
2052
- viewBox="0 0 24 24"
2053
- width="1em"
2054
- xmlns="http://www.w3.org/2000/svg"
3345
+ <span
3346
+ class="icon headline-3 icon disabled"
2055
3347
  >
2056
- <path
2057
- d="M0 0h24v24H0V0z"
2058
- fill="none"
2059
- />
2060
- <path
2061
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2062
- />
2063
- </svg>
2064
- </span>
3348
+ <svg
3349
+ fill="currentColor"
3350
+ height="1em"
3351
+ stroke="currentColor"
3352
+ stroke-width="0"
3353
+ viewBox="0 0 24 24"
3354
+ width="1em"
3355
+ xmlns="http://www.w3.org/2000/svg"
3356
+ >
3357
+ <path
3358
+ d="M0 0h24v24H0V0z"
3359
+ fill="none"
3360
+ />
3361
+ <path
3362
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3363
+ />
3364
+ </svg>
3365
+ </span>
3366
+ <span>
3367
+ <div
3368
+ class="pressable"
3369
+ style="position: relative;"
3370
+ >
3371
+ <span
3372
+ class="icon headline-3 icon disabled"
3373
+ >
3374
+ <svg
3375
+ fill="currentColor"
3376
+ height="1em"
3377
+ stroke="currentColor"
3378
+ stroke-width="0"
3379
+ viewBox="0 0 24 24"
3380
+ width="1em"
3381
+ xmlns="http://www.w3.org/2000/svg"
3382
+ >
3383
+ <path
3384
+ d="M0 0h24v24H0V0z"
3385
+ fill="none"
3386
+ />
3387
+ <path
3388
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
3389
+ />
3390
+ </svg>
3391
+ </span>
3392
+ </div>
3393
+ </span>
3394
+ </div>
2065
3395
  </span>
2066
3396
  </th>
2067
3397
  <th>
@@ -2069,27 +3399,59 @@ exports[`component:<Table> prop:search 1`] = `
2069
3399
  class="view forceRow column"
2070
3400
  >
2071
3401
  Twitter
2072
- <span
2073
- class="icon headline-3 icon disabled"
3402
+ <div
3403
+ class="view row icons"
2074
3404
  >
2075
- <svg
2076
- fill="currentColor"
2077
- height="1em"
2078
- stroke="currentColor"
2079
- stroke-width="0"
2080
- viewBox="0 0 24 24"
2081
- width="1em"
2082
- xmlns="http://www.w3.org/2000/svg"
3405
+ <span
3406
+ class="icon headline-3 icon disabled"
2083
3407
  >
2084
- <path
2085
- d="M0 0h24v24H0V0z"
2086
- fill="none"
2087
- />
2088
- <path
2089
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2090
- />
2091
- </svg>
2092
- </span>
3408
+ <svg
3409
+ fill="currentColor"
3410
+ height="1em"
3411
+ stroke="currentColor"
3412
+ stroke-width="0"
3413
+ viewBox="0 0 24 24"
3414
+ width="1em"
3415
+ xmlns="http://www.w3.org/2000/svg"
3416
+ >
3417
+ <path
3418
+ d="M0 0h24v24H0V0z"
3419
+ fill="none"
3420
+ />
3421
+ <path
3422
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3423
+ />
3424
+ </svg>
3425
+ </span>
3426
+ <span>
3427
+ <div
3428
+ class="pressable"
3429
+ style="position: relative;"
3430
+ >
3431
+ <span
3432
+ class="icon headline-3 icon disabled"
3433
+ >
3434
+ <svg
3435
+ fill="currentColor"
3436
+ height="1em"
3437
+ stroke="currentColor"
3438
+ stroke-width="0"
3439
+ viewBox="0 0 24 24"
3440
+ width="1em"
3441
+ xmlns="http://www.w3.org/2000/svg"
3442
+ >
3443
+ <path
3444
+ d="M0 0h24v24H0V0z"
3445
+ fill="none"
3446
+ />
3447
+ <path
3448
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
3449
+ />
3450
+ </svg>
3451
+ </span>
3452
+ </div>
3453
+ </span>
3454
+ </div>
2093
3455
  </span>
2094
3456
  </th>
2095
3457
  <th>
@@ -2097,27 +3459,59 @@ exports[`component:<Table> prop:search 1`] = `
2097
3459
  class="view forceRow column"
2098
3460
  >
2099
3461
  Action
2100
- <span
2101
- class="icon headline-3 icon disabled"
3462
+ <div
3463
+ class="view row icons"
2102
3464
  >
2103
- <svg
2104
- fill="currentColor"
2105
- height="1em"
2106
- stroke="currentColor"
2107
- stroke-width="0"
2108
- viewBox="0 0 24 24"
2109
- width="1em"
2110
- xmlns="http://www.w3.org/2000/svg"
3465
+ <span
3466
+ class="icon headline-3 icon disabled"
2111
3467
  >
2112
- <path
2113
- d="M0 0h24v24H0V0z"
2114
- fill="none"
2115
- />
2116
- <path
2117
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2118
- />
2119
- </svg>
2120
- </span>
3468
+ <svg
3469
+ fill="currentColor"
3470
+ height="1em"
3471
+ stroke="currentColor"
3472
+ stroke-width="0"
3473
+ viewBox="0 0 24 24"
3474
+ width="1em"
3475
+ xmlns="http://www.w3.org/2000/svg"
3476
+ >
3477
+ <path
3478
+ d="M0 0h24v24H0V0z"
3479
+ fill="none"
3480
+ />
3481
+ <path
3482
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3483
+ />
3484
+ </svg>
3485
+ </span>
3486
+ <span>
3487
+ <div
3488
+ class="pressable"
3489
+ style="position: relative;"
3490
+ >
3491
+ <span
3492
+ class="icon headline-3 icon disabled"
3493
+ >
3494
+ <svg
3495
+ fill="currentColor"
3496
+ height="1em"
3497
+ stroke="currentColor"
3498
+ stroke-width="0"
3499
+ viewBox="0 0 24 24"
3500
+ width="1em"
3501
+ xmlns="http://www.w3.org/2000/svg"
3502
+ >
3503
+ <path
3504
+ d="M0 0h24v24H0V0z"
3505
+ fill="none"
3506
+ />
3507
+ <path
3508
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
3509
+ />
3510
+ </svg>
3511
+ </span>
3512
+ </div>
3513
+ </span>
3514
+ </div>
2121
3515
  </span>
2122
3516
  </th>
2123
3517
  </tr>
@@ -2181,27 +3575,59 @@ exports[`component:<Table> prop:selected 1`] = `
2181
3575
  class="view forceRow column"
2182
3576
  >
2183
3577
  User Name
2184
- <span
2185
- class="icon headline-3 icon disabled"
3578
+ <div
3579
+ class="view row icons"
2186
3580
  >
2187
- <svg
2188
- fill="currentColor"
2189
- height="1em"
2190
- stroke="currentColor"
2191
- stroke-width="0"
2192
- viewBox="0 0 24 24"
2193
- width="1em"
2194
- xmlns="http://www.w3.org/2000/svg"
3581
+ <span
3582
+ class="icon headline-3 icon disabled"
2195
3583
  >
2196
- <path
2197
- d="M0 0h24v24H0V0z"
2198
- fill="none"
2199
- />
2200
- <path
2201
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2202
- />
2203
- </svg>
2204
- </span>
3584
+ <svg
3585
+ fill="currentColor"
3586
+ height="1em"
3587
+ stroke="currentColor"
3588
+ stroke-width="0"
3589
+ viewBox="0 0 24 24"
3590
+ width="1em"
3591
+ xmlns="http://www.w3.org/2000/svg"
3592
+ >
3593
+ <path
3594
+ d="M0 0h24v24H0V0z"
3595
+ fill="none"
3596
+ />
3597
+ <path
3598
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3599
+ />
3600
+ </svg>
3601
+ </span>
3602
+ <span>
3603
+ <div
3604
+ class="pressable"
3605
+ style="position: relative;"
3606
+ >
3607
+ <span
3608
+ class="icon headline-3 icon disabled"
3609
+ >
3610
+ <svg
3611
+ fill="currentColor"
3612
+ height="1em"
3613
+ stroke="currentColor"
3614
+ stroke-width="0"
3615
+ viewBox="0 0 24 24"
3616
+ width="1em"
3617
+ xmlns="http://www.w3.org/2000/svg"
3618
+ >
3619
+ <path
3620
+ d="M0 0h24v24H0V0z"
3621
+ fill="none"
3622
+ />
3623
+ <path
3624
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
3625
+ />
3626
+ </svg>
3627
+ </span>
3628
+ </div>
3629
+ </span>
3630
+ </div>
2205
3631
  </span>
2206
3632
  </th>
2207
3633
  <th>
@@ -2209,27 +3635,59 @@ exports[`component:<Table> prop:selected 1`] = `
2209
3635
  class="view forceRow column"
2210
3636
  >
2211
3637
  Email
2212
- <span
2213
- class="icon headline-3 icon disabled"
3638
+ <div
3639
+ class="view row icons"
2214
3640
  >
2215
- <svg
2216
- fill="currentColor"
2217
- height="1em"
2218
- stroke="currentColor"
2219
- stroke-width="0"
2220
- viewBox="0 0 24 24"
2221
- width="1em"
2222
- xmlns="http://www.w3.org/2000/svg"
3641
+ <span
3642
+ class="icon headline-3 icon disabled"
2223
3643
  >
2224
- <path
2225
- d="M0 0h24v24H0V0z"
2226
- fill="none"
2227
- />
2228
- <path
2229
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2230
- />
2231
- </svg>
2232
- </span>
3644
+ <svg
3645
+ fill="currentColor"
3646
+ height="1em"
3647
+ stroke="currentColor"
3648
+ stroke-width="0"
3649
+ viewBox="0 0 24 24"
3650
+ width="1em"
3651
+ xmlns="http://www.w3.org/2000/svg"
3652
+ >
3653
+ <path
3654
+ d="M0 0h24v24H0V0z"
3655
+ fill="none"
3656
+ />
3657
+ <path
3658
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3659
+ />
3660
+ </svg>
3661
+ </span>
3662
+ <span>
3663
+ <div
3664
+ class="pressable"
3665
+ style="position: relative;"
3666
+ >
3667
+ <span
3668
+ class="icon headline-3 icon disabled"
3669
+ >
3670
+ <svg
3671
+ fill="currentColor"
3672
+ height="1em"
3673
+ stroke="currentColor"
3674
+ stroke-width="0"
3675
+ viewBox="0 0 24 24"
3676
+ width="1em"
3677
+ xmlns="http://www.w3.org/2000/svg"
3678
+ >
3679
+ <path
3680
+ d="M0 0h24v24H0V0z"
3681
+ fill="none"
3682
+ />
3683
+ <path
3684
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
3685
+ />
3686
+ </svg>
3687
+ </span>
3688
+ </div>
3689
+ </span>
3690
+ </div>
2233
3691
  </span>
2234
3692
  </th>
2235
3693
  <th>
@@ -2237,27 +3695,59 @@ exports[`component:<Table> prop:selected 1`] = `
2237
3695
  class="view forceRow column"
2238
3696
  >
2239
3697
  Year
2240
- <span
2241
- class="icon headline-3 icon disabled"
3698
+ <div
3699
+ class="view row icons"
2242
3700
  >
2243
- <svg
2244
- fill="currentColor"
2245
- height="1em"
2246
- stroke="currentColor"
2247
- stroke-width="0"
2248
- viewBox="0 0 24 24"
2249
- width="1em"
2250
- xmlns="http://www.w3.org/2000/svg"
3701
+ <span
3702
+ class="icon headline-3 icon disabled"
2251
3703
  >
2252
- <path
2253
- d="M0 0h24v24H0V0z"
2254
- fill="none"
2255
- />
2256
- <path
2257
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2258
- />
2259
- </svg>
2260
- </span>
3704
+ <svg
3705
+ fill="currentColor"
3706
+ height="1em"
3707
+ stroke="currentColor"
3708
+ stroke-width="0"
3709
+ viewBox="0 0 24 24"
3710
+ width="1em"
3711
+ xmlns="http://www.w3.org/2000/svg"
3712
+ >
3713
+ <path
3714
+ d="M0 0h24v24H0V0z"
3715
+ fill="none"
3716
+ />
3717
+ <path
3718
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3719
+ />
3720
+ </svg>
3721
+ </span>
3722
+ <span>
3723
+ <div
3724
+ class="pressable"
3725
+ style="position: relative;"
3726
+ >
3727
+ <span
3728
+ class="icon headline-3 icon disabled"
3729
+ >
3730
+ <svg
3731
+ fill="currentColor"
3732
+ height="1em"
3733
+ stroke="currentColor"
3734
+ stroke-width="0"
3735
+ viewBox="0 0 24 24"
3736
+ width="1em"
3737
+ xmlns="http://www.w3.org/2000/svg"
3738
+ >
3739
+ <path
3740
+ d="M0 0h24v24H0V0z"
3741
+ fill="none"
3742
+ />
3743
+ <path
3744
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
3745
+ />
3746
+ </svg>
3747
+ </span>
3748
+ </div>
3749
+ </span>
3750
+ </div>
2261
3751
  </span>
2262
3752
  </th>
2263
3753
  <th>
@@ -2265,27 +3755,59 @@ exports[`component:<Table> prop:selected 1`] = `
2265
3755
  class="view forceRow column"
2266
3756
  >
2267
3757
  Twitter
2268
- <span
2269
- class="icon headline-3 icon disabled"
3758
+ <div
3759
+ class="view row icons"
2270
3760
  >
2271
- <svg
2272
- fill="currentColor"
2273
- height="1em"
2274
- stroke="currentColor"
2275
- stroke-width="0"
2276
- viewBox="0 0 24 24"
2277
- width="1em"
2278
- xmlns="http://www.w3.org/2000/svg"
3761
+ <span
3762
+ class="icon headline-3 icon disabled"
2279
3763
  >
2280
- <path
2281
- d="M0 0h24v24H0V0z"
2282
- fill="none"
2283
- />
2284
- <path
2285
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2286
- />
2287
- </svg>
2288
- </span>
3764
+ <svg
3765
+ fill="currentColor"
3766
+ height="1em"
3767
+ stroke="currentColor"
3768
+ stroke-width="0"
3769
+ viewBox="0 0 24 24"
3770
+ width="1em"
3771
+ xmlns="http://www.w3.org/2000/svg"
3772
+ >
3773
+ <path
3774
+ d="M0 0h24v24H0V0z"
3775
+ fill="none"
3776
+ />
3777
+ <path
3778
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3779
+ />
3780
+ </svg>
3781
+ </span>
3782
+ <span>
3783
+ <div
3784
+ class="pressable"
3785
+ style="position: relative;"
3786
+ >
3787
+ <span
3788
+ class="icon headline-3 icon disabled"
3789
+ >
3790
+ <svg
3791
+ fill="currentColor"
3792
+ height="1em"
3793
+ stroke="currentColor"
3794
+ stroke-width="0"
3795
+ viewBox="0 0 24 24"
3796
+ width="1em"
3797
+ xmlns="http://www.w3.org/2000/svg"
3798
+ >
3799
+ <path
3800
+ d="M0 0h24v24H0V0z"
3801
+ fill="none"
3802
+ />
3803
+ <path
3804
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
3805
+ />
3806
+ </svg>
3807
+ </span>
3808
+ </div>
3809
+ </span>
3810
+ </div>
2289
3811
  </span>
2290
3812
  </th>
2291
3813
  <th>
@@ -2293,27 +3815,59 @@ exports[`component:<Table> prop:selected 1`] = `
2293
3815
  class="view forceRow column"
2294
3816
  >
2295
3817
  Action
2296
- <span
2297
- class="icon headline-3 icon disabled"
3818
+ <div
3819
+ class="view row icons"
2298
3820
  >
2299
- <svg
2300
- fill="currentColor"
2301
- height="1em"
2302
- stroke="currentColor"
2303
- stroke-width="0"
2304
- viewBox="0 0 24 24"
2305
- width="1em"
2306
- xmlns="http://www.w3.org/2000/svg"
3821
+ <span
3822
+ class="icon headline-3 icon disabled"
2307
3823
  >
2308
- <path
2309
- d="M0 0h24v24H0V0z"
2310
- fill="none"
2311
- />
2312
- <path
2313
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2314
- />
2315
- </svg>
2316
- </span>
3824
+ <svg
3825
+ fill="currentColor"
3826
+ height="1em"
3827
+ stroke="currentColor"
3828
+ stroke-width="0"
3829
+ viewBox="0 0 24 24"
3830
+ width="1em"
3831
+ xmlns="http://www.w3.org/2000/svg"
3832
+ >
3833
+ <path
3834
+ d="M0 0h24v24H0V0z"
3835
+ fill="none"
3836
+ />
3837
+ <path
3838
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3839
+ />
3840
+ </svg>
3841
+ </span>
3842
+ <span>
3843
+ <div
3844
+ class="pressable"
3845
+ style="position: relative;"
3846
+ >
3847
+ <span
3848
+ class="icon headline-3 icon disabled"
3849
+ >
3850
+ <svg
3851
+ fill="currentColor"
3852
+ height="1em"
3853
+ stroke="currentColor"
3854
+ stroke-width="0"
3855
+ viewBox="0 0 24 24"
3856
+ width="1em"
3857
+ xmlns="http://www.w3.org/2000/svg"
3858
+ >
3859
+ <path
3860
+ d="M0 0h24v24H0V0z"
3861
+ fill="none"
3862
+ />
3863
+ <path
3864
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
3865
+ />
3866
+ </svg>
3867
+ </span>
3868
+ </div>
3869
+ </span>
3870
+ </div>
2317
3871
  </span>
2318
3872
  </th>
2319
3873
  </tr>
@@ -2597,27 +4151,59 @@ exports[`component:<Table> renders 1`] = `
2597
4151
  class="view forceRow column"
2598
4152
  >
2599
4153
  User Name
2600
- <span
2601
- class="icon headline-3 icon disabled"
4154
+ <div
4155
+ class="view row icons"
2602
4156
  >
2603
- <svg
2604
- fill="currentColor"
2605
- height="1em"
2606
- stroke="currentColor"
2607
- stroke-width="0"
2608
- viewBox="0 0 24 24"
2609
- width="1em"
2610
- xmlns="http://www.w3.org/2000/svg"
4157
+ <span
4158
+ class="icon headline-3 icon disabled"
2611
4159
  >
2612
- <path
2613
- d="M0 0h24v24H0V0z"
2614
- fill="none"
2615
- />
2616
- <path
2617
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2618
- />
2619
- </svg>
2620
- </span>
4160
+ <svg
4161
+ fill="currentColor"
4162
+ height="1em"
4163
+ stroke="currentColor"
4164
+ stroke-width="0"
4165
+ viewBox="0 0 24 24"
4166
+ width="1em"
4167
+ xmlns="http://www.w3.org/2000/svg"
4168
+ >
4169
+ <path
4170
+ d="M0 0h24v24H0V0z"
4171
+ fill="none"
4172
+ />
4173
+ <path
4174
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4175
+ />
4176
+ </svg>
4177
+ </span>
4178
+ <span>
4179
+ <div
4180
+ class="pressable"
4181
+ style="position: relative;"
4182
+ >
4183
+ <span
4184
+ class="icon headline-3 icon disabled"
4185
+ >
4186
+ <svg
4187
+ fill="currentColor"
4188
+ height="1em"
4189
+ stroke="currentColor"
4190
+ stroke-width="0"
4191
+ viewBox="0 0 24 24"
4192
+ width="1em"
4193
+ xmlns="http://www.w3.org/2000/svg"
4194
+ >
4195
+ <path
4196
+ d="M0 0h24v24H0V0z"
4197
+ fill="none"
4198
+ />
4199
+ <path
4200
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
4201
+ />
4202
+ </svg>
4203
+ </span>
4204
+ </div>
4205
+ </span>
4206
+ </div>
2621
4207
  </span>
2622
4208
  </th>
2623
4209
  <th>
@@ -2625,27 +4211,59 @@ exports[`component:<Table> renders 1`] = `
2625
4211
  class="view forceRow column"
2626
4212
  >
2627
4213
  Email
2628
- <span
2629
- class="icon headline-3 icon disabled"
4214
+ <div
4215
+ class="view row icons"
2630
4216
  >
2631
- <svg
2632
- fill="currentColor"
2633
- height="1em"
2634
- stroke="currentColor"
2635
- stroke-width="0"
2636
- viewBox="0 0 24 24"
2637
- width="1em"
2638
- xmlns="http://www.w3.org/2000/svg"
4217
+ <span
4218
+ class="icon headline-3 icon disabled"
2639
4219
  >
2640
- <path
2641
- d="M0 0h24v24H0V0z"
2642
- fill="none"
2643
- />
2644
- <path
2645
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2646
- />
2647
- </svg>
2648
- </span>
4220
+ <svg
4221
+ fill="currentColor"
4222
+ height="1em"
4223
+ stroke="currentColor"
4224
+ stroke-width="0"
4225
+ viewBox="0 0 24 24"
4226
+ width="1em"
4227
+ xmlns="http://www.w3.org/2000/svg"
4228
+ >
4229
+ <path
4230
+ d="M0 0h24v24H0V0z"
4231
+ fill="none"
4232
+ />
4233
+ <path
4234
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4235
+ />
4236
+ </svg>
4237
+ </span>
4238
+ <span>
4239
+ <div
4240
+ class="pressable"
4241
+ style="position: relative;"
4242
+ >
4243
+ <span
4244
+ class="icon headline-3 icon disabled"
4245
+ >
4246
+ <svg
4247
+ fill="currentColor"
4248
+ height="1em"
4249
+ stroke="currentColor"
4250
+ stroke-width="0"
4251
+ viewBox="0 0 24 24"
4252
+ width="1em"
4253
+ xmlns="http://www.w3.org/2000/svg"
4254
+ >
4255
+ <path
4256
+ d="M0 0h24v24H0V0z"
4257
+ fill="none"
4258
+ />
4259
+ <path
4260
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
4261
+ />
4262
+ </svg>
4263
+ </span>
4264
+ </div>
4265
+ </span>
4266
+ </div>
2649
4267
  </span>
2650
4268
  </th>
2651
4269
  <th>
@@ -2653,27 +4271,59 @@ exports[`component:<Table> renders 1`] = `
2653
4271
  class="view forceRow column"
2654
4272
  >
2655
4273
  Year
2656
- <span
2657
- class="icon headline-3 icon disabled"
4274
+ <div
4275
+ class="view row icons"
2658
4276
  >
2659
- <svg
2660
- fill="currentColor"
2661
- height="1em"
2662
- stroke="currentColor"
2663
- stroke-width="0"
2664
- viewBox="0 0 24 24"
2665
- width="1em"
2666
- xmlns="http://www.w3.org/2000/svg"
4277
+ <span
4278
+ class="icon headline-3 icon disabled"
2667
4279
  >
2668
- <path
2669
- d="M0 0h24v24H0V0z"
2670
- fill="none"
2671
- />
2672
- <path
2673
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2674
- />
2675
- </svg>
2676
- </span>
4280
+ <svg
4281
+ fill="currentColor"
4282
+ height="1em"
4283
+ stroke="currentColor"
4284
+ stroke-width="0"
4285
+ viewBox="0 0 24 24"
4286
+ width="1em"
4287
+ xmlns="http://www.w3.org/2000/svg"
4288
+ >
4289
+ <path
4290
+ d="M0 0h24v24H0V0z"
4291
+ fill="none"
4292
+ />
4293
+ <path
4294
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4295
+ />
4296
+ </svg>
4297
+ </span>
4298
+ <span>
4299
+ <div
4300
+ class="pressable"
4301
+ style="position: relative;"
4302
+ >
4303
+ <span
4304
+ class="icon headline-3 icon disabled"
4305
+ >
4306
+ <svg
4307
+ fill="currentColor"
4308
+ height="1em"
4309
+ stroke="currentColor"
4310
+ stroke-width="0"
4311
+ viewBox="0 0 24 24"
4312
+ width="1em"
4313
+ xmlns="http://www.w3.org/2000/svg"
4314
+ >
4315
+ <path
4316
+ d="M0 0h24v24H0V0z"
4317
+ fill="none"
4318
+ />
4319
+ <path
4320
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
4321
+ />
4322
+ </svg>
4323
+ </span>
4324
+ </div>
4325
+ </span>
4326
+ </div>
2677
4327
  </span>
2678
4328
  </th>
2679
4329
  <th>
@@ -2681,27 +4331,59 @@ exports[`component:<Table> renders 1`] = `
2681
4331
  class="view forceRow column"
2682
4332
  >
2683
4333
  Twitter
2684
- <span
2685
- class="icon headline-3 icon disabled"
4334
+ <div
4335
+ class="view row icons"
2686
4336
  >
2687
- <svg
2688
- fill="currentColor"
2689
- height="1em"
2690
- stroke="currentColor"
2691
- stroke-width="0"
2692
- viewBox="0 0 24 24"
2693
- width="1em"
2694
- xmlns="http://www.w3.org/2000/svg"
4337
+ <span
4338
+ class="icon headline-3 icon disabled"
2695
4339
  >
2696
- <path
2697
- d="M0 0h24v24H0V0z"
2698
- fill="none"
2699
- />
2700
- <path
2701
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2702
- />
2703
- </svg>
2704
- </span>
4340
+ <svg
4341
+ fill="currentColor"
4342
+ height="1em"
4343
+ stroke="currentColor"
4344
+ stroke-width="0"
4345
+ viewBox="0 0 24 24"
4346
+ width="1em"
4347
+ xmlns="http://www.w3.org/2000/svg"
4348
+ >
4349
+ <path
4350
+ d="M0 0h24v24H0V0z"
4351
+ fill="none"
4352
+ />
4353
+ <path
4354
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4355
+ />
4356
+ </svg>
4357
+ </span>
4358
+ <span>
4359
+ <div
4360
+ class="pressable"
4361
+ style="position: relative;"
4362
+ >
4363
+ <span
4364
+ class="icon headline-3 icon disabled"
4365
+ >
4366
+ <svg
4367
+ fill="currentColor"
4368
+ height="1em"
4369
+ stroke="currentColor"
4370
+ stroke-width="0"
4371
+ viewBox="0 0 24 24"
4372
+ width="1em"
4373
+ xmlns="http://www.w3.org/2000/svg"
4374
+ >
4375
+ <path
4376
+ d="M0 0h24v24H0V0z"
4377
+ fill="none"
4378
+ />
4379
+ <path
4380
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
4381
+ />
4382
+ </svg>
4383
+ </span>
4384
+ </div>
4385
+ </span>
4386
+ </div>
2705
4387
  </span>
2706
4388
  </th>
2707
4389
  <th>
@@ -2709,27 +4391,59 @@ exports[`component:<Table> renders 1`] = `
2709
4391
  class="view forceRow column"
2710
4392
  >
2711
4393
  Action
2712
- <span
2713
- class="icon headline-3 icon disabled"
4394
+ <div
4395
+ class="view row icons"
2714
4396
  >
2715
- <svg
2716
- fill="currentColor"
2717
- height="1em"
2718
- stroke="currentColor"
2719
- stroke-width="0"
2720
- viewBox="0 0 24 24"
2721
- width="1em"
2722
- xmlns="http://www.w3.org/2000/svg"
4397
+ <span
4398
+ class="icon headline-3 icon disabled"
2723
4399
  >
2724
- <path
2725
- d="M0 0h24v24H0V0z"
2726
- fill="none"
2727
- />
2728
- <path
2729
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2730
- />
2731
- </svg>
2732
- </span>
4400
+ <svg
4401
+ fill="currentColor"
4402
+ height="1em"
4403
+ stroke="currentColor"
4404
+ stroke-width="0"
4405
+ viewBox="0 0 24 24"
4406
+ width="1em"
4407
+ xmlns="http://www.w3.org/2000/svg"
4408
+ >
4409
+ <path
4410
+ d="M0 0h24v24H0V0z"
4411
+ fill="none"
4412
+ />
4413
+ <path
4414
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4415
+ />
4416
+ </svg>
4417
+ </span>
4418
+ <span>
4419
+ <div
4420
+ class="pressable"
4421
+ style="position: relative;"
4422
+ >
4423
+ <span
4424
+ class="icon headline-3 icon disabled"
4425
+ >
4426
+ <svg
4427
+ fill="currentColor"
4428
+ height="1em"
4429
+ stroke="currentColor"
4430
+ stroke-width="0"
4431
+ viewBox="0 0 24 24"
4432
+ width="1em"
4433
+ xmlns="http://www.w3.org/2000/svg"
4434
+ >
4435
+ <path
4436
+ d="M0 0h24v24H0V0z"
4437
+ fill="none"
4438
+ />
4439
+ <path
4440
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
4441
+ />
4442
+ </svg>
4443
+ </span>
4444
+ </div>
4445
+ </span>
4446
+ </div>
2733
4447
  </span>
2734
4448
  </th>
2735
4449
  </tr>
@@ -3017,27 +4731,59 @@ exports[`component:<Table> testID 1`] = `
3017
4731
  class="view forceRow column"
3018
4732
  >
3019
4733
  User Name
3020
- <span
3021
- class="icon headline-3 icon disabled"
4734
+ <div
4735
+ class="view row icons"
3022
4736
  >
3023
- <svg
3024
- fill="currentColor"
3025
- height="1em"
3026
- stroke="currentColor"
3027
- stroke-width="0"
3028
- viewBox="0 0 24 24"
3029
- width="1em"
3030
- xmlns="http://www.w3.org/2000/svg"
4737
+ <span
4738
+ class="icon headline-3 icon disabled"
3031
4739
  >
3032
- <path
3033
- d="M0 0h24v24H0V0z"
3034
- fill="none"
3035
- />
3036
- <path
3037
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3038
- />
3039
- </svg>
3040
- </span>
4740
+ <svg
4741
+ fill="currentColor"
4742
+ height="1em"
4743
+ stroke="currentColor"
4744
+ stroke-width="0"
4745
+ viewBox="0 0 24 24"
4746
+ width="1em"
4747
+ xmlns="http://www.w3.org/2000/svg"
4748
+ >
4749
+ <path
4750
+ d="M0 0h24v24H0V0z"
4751
+ fill="none"
4752
+ />
4753
+ <path
4754
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4755
+ />
4756
+ </svg>
4757
+ </span>
4758
+ <span>
4759
+ <div
4760
+ class="pressable"
4761
+ style="position: relative;"
4762
+ >
4763
+ <span
4764
+ class="icon headline-3 icon disabled"
4765
+ >
4766
+ <svg
4767
+ fill="currentColor"
4768
+ height="1em"
4769
+ stroke="currentColor"
4770
+ stroke-width="0"
4771
+ viewBox="0 0 24 24"
4772
+ width="1em"
4773
+ xmlns="http://www.w3.org/2000/svg"
4774
+ >
4775
+ <path
4776
+ d="M0 0h24v24H0V0z"
4777
+ fill="none"
4778
+ />
4779
+ <path
4780
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
4781
+ />
4782
+ </svg>
4783
+ </span>
4784
+ </div>
4785
+ </span>
4786
+ </div>
3041
4787
  </span>
3042
4788
  </th>
3043
4789
  <th
@@ -3047,27 +4793,59 @@ exports[`component:<Table> testID 1`] = `
3047
4793
  class="view forceRow column"
3048
4794
  >
3049
4795
  Email
3050
- <span
3051
- class="icon headline-3 icon disabled"
4796
+ <div
4797
+ class="view row icons"
3052
4798
  >
3053
- <svg
3054
- fill="currentColor"
3055
- height="1em"
3056
- stroke="currentColor"
3057
- stroke-width="0"
3058
- viewBox="0 0 24 24"
3059
- width="1em"
3060
- xmlns="http://www.w3.org/2000/svg"
4799
+ <span
4800
+ class="icon headline-3 icon disabled"
3061
4801
  >
3062
- <path
3063
- d="M0 0h24v24H0V0z"
3064
- fill="none"
3065
- />
3066
- <path
3067
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3068
- />
3069
- </svg>
3070
- </span>
4802
+ <svg
4803
+ fill="currentColor"
4804
+ height="1em"
4805
+ stroke="currentColor"
4806
+ stroke-width="0"
4807
+ viewBox="0 0 24 24"
4808
+ width="1em"
4809
+ xmlns="http://www.w3.org/2000/svg"
4810
+ >
4811
+ <path
4812
+ d="M0 0h24v24H0V0z"
4813
+ fill="none"
4814
+ />
4815
+ <path
4816
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4817
+ />
4818
+ </svg>
4819
+ </span>
4820
+ <span>
4821
+ <div
4822
+ class="pressable"
4823
+ style="position: relative;"
4824
+ >
4825
+ <span
4826
+ class="icon headline-3 icon disabled"
4827
+ >
4828
+ <svg
4829
+ fill="currentColor"
4830
+ height="1em"
4831
+ stroke="currentColor"
4832
+ stroke-width="0"
4833
+ viewBox="0 0 24 24"
4834
+ width="1em"
4835
+ xmlns="http://www.w3.org/2000/svg"
4836
+ >
4837
+ <path
4838
+ d="M0 0h24v24H0V0z"
4839
+ fill="none"
4840
+ />
4841
+ <path
4842
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
4843
+ />
4844
+ </svg>
4845
+ </span>
4846
+ </div>
4847
+ </span>
4848
+ </div>
3071
4849
  </span>
3072
4850
  </th>
3073
4851
  <th
@@ -3077,27 +4855,59 @@ exports[`component:<Table> testID 1`] = `
3077
4855
  class="view forceRow column"
3078
4856
  >
3079
4857
  Year
3080
- <span
3081
- class="icon headline-3 icon disabled"
4858
+ <div
4859
+ class="view row icons"
3082
4860
  >
3083
- <svg
3084
- fill="currentColor"
3085
- height="1em"
3086
- stroke="currentColor"
3087
- stroke-width="0"
3088
- viewBox="0 0 24 24"
3089
- width="1em"
3090
- xmlns="http://www.w3.org/2000/svg"
4861
+ <span
4862
+ class="icon headline-3 icon disabled"
3091
4863
  >
3092
- <path
3093
- d="M0 0h24v24H0V0z"
3094
- fill="none"
3095
- />
3096
- <path
3097
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3098
- />
3099
- </svg>
3100
- </span>
4864
+ <svg
4865
+ fill="currentColor"
4866
+ height="1em"
4867
+ stroke="currentColor"
4868
+ stroke-width="0"
4869
+ viewBox="0 0 24 24"
4870
+ width="1em"
4871
+ xmlns="http://www.w3.org/2000/svg"
4872
+ >
4873
+ <path
4874
+ d="M0 0h24v24H0V0z"
4875
+ fill="none"
4876
+ />
4877
+ <path
4878
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4879
+ />
4880
+ </svg>
4881
+ </span>
4882
+ <span>
4883
+ <div
4884
+ class="pressable"
4885
+ style="position: relative;"
4886
+ >
4887
+ <span
4888
+ class="icon headline-3 icon disabled"
4889
+ >
4890
+ <svg
4891
+ fill="currentColor"
4892
+ height="1em"
4893
+ stroke="currentColor"
4894
+ stroke-width="0"
4895
+ viewBox="0 0 24 24"
4896
+ width="1em"
4897
+ xmlns="http://www.w3.org/2000/svg"
4898
+ >
4899
+ <path
4900
+ d="M0 0h24v24H0V0z"
4901
+ fill="none"
4902
+ />
4903
+ <path
4904
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
4905
+ />
4906
+ </svg>
4907
+ </span>
4908
+ </div>
4909
+ </span>
4910
+ </div>
3101
4911
  </span>
3102
4912
  </th>
3103
4913
  <th
@@ -3107,27 +4917,59 @@ exports[`component:<Table> testID 1`] = `
3107
4917
  class="view forceRow column"
3108
4918
  >
3109
4919
  Twitter
3110
- <span
3111
- class="icon headline-3 icon disabled"
4920
+ <div
4921
+ class="view row icons"
3112
4922
  >
3113
- <svg
3114
- fill="currentColor"
3115
- height="1em"
3116
- stroke="currentColor"
3117
- stroke-width="0"
3118
- viewBox="0 0 24 24"
3119
- width="1em"
3120
- xmlns="http://www.w3.org/2000/svg"
4923
+ <span
4924
+ class="icon headline-3 icon disabled"
3121
4925
  >
3122
- <path
3123
- d="M0 0h24v24H0V0z"
3124
- fill="none"
3125
- />
3126
- <path
3127
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3128
- />
3129
- </svg>
3130
- </span>
4926
+ <svg
4927
+ fill="currentColor"
4928
+ height="1em"
4929
+ stroke="currentColor"
4930
+ stroke-width="0"
4931
+ viewBox="0 0 24 24"
4932
+ width="1em"
4933
+ xmlns="http://www.w3.org/2000/svg"
4934
+ >
4935
+ <path
4936
+ d="M0 0h24v24H0V0z"
4937
+ fill="none"
4938
+ />
4939
+ <path
4940
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4941
+ />
4942
+ </svg>
4943
+ </span>
4944
+ <span>
4945
+ <div
4946
+ class="pressable"
4947
+ style="position: relative;"
4948
+ >
4949
+ <span
4950
+ class="icon headline-3 icon disabled"
4951
+ >
4952
+ <svg
4953
+ fill="currentColor"
4954
+ height="1em"
4955
+ stroke="currentColor"
4956
+ stroke-width="0"
4957
+ viewBox="0 0 24 24"
4958
+ width="1em"
4959
+ xmlns="http://www.w3.org/2000/svg"
4960
+ >
4961
+ <path
4962
+ d="M0 0h24v24H0V0z"
4963
+ fill="none"
4964
+ />
4965
+ <path
4966
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
4967
+ />
4968
+ </svg>
4969
+ </span>
4970
+ </div>
4971
+ </span>
4972
+ </div>
3131
4973
  </span>
3132
4974
  </th>
3133
4975
  <th
@@ -3137,27 +4979,59 @@ exports[`component:<Table> testID 1`] = `
3137
4979
  class="view forceRow column"
3138
4980
  >
3139
4981
  Action
3140
- <span
3141
- class="icon headline-3 icon disabled"
4982
+ <div
4983
+ class="view row icons"
3142
4984
  >
3143
- <svg
3144
- fill="currentColor"
3145
- height="1em"
3146
- stroke="currentColor"
3147
- stroke-width="0"
3148
- viewBox="0 0 24 24"
3149
- width="1em"
3150
- xmlns="http://www.w3.org/2000/svg"
4985
+ <span
4986
+ class="icon headline-3 icon disabled"
3151
4987
  >
3152
- <path
3153
- d="M0 0h24v24H0V0z"
3154
- fill="none"
3155
- />
3156
- <path
3157
- d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3158
- />
3159
- </svg>
3160
- </span>
4988
+ <svg
4989
+ fill="currentColor"
4990
+ height="1em"
4991
+ stroke="currentColor"
4992
+ stroke-width="0"
4993
+ viewBox="0 0 24 24"
4994
+ width="1em"
4995
+ xmlns="http://www.w3.org/2000/svg"
4996
+ >
4997
+ <path
4998
+ d="M0 0h24v24H0V0z"
4999
+ fill="none"
5000
+ />
5001
+ <path
5002
+ d="M20 12l-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
5003
+ />
5004
+ </svg>
5005
+ </span>
5006
+ <span>
5007
+ <div
5008
+ class="pressable"
5009
+ style="position: relative;"
5010
+ >
5011
+ <span
5012
+ class="icon headline-3 icon disabled"
5013
+ >
5014
+ <svg
5015
+ fill="currentColor"
5016
+ height="1em"
5017
+ stroke="currentColor"
5018
+ stroke-width="0"
5019
+ viewBox="0 0 24 24"
5020
+ width="1em"
5021
+ xmlns="http://www.w3.org/2000/svg"
5022
+ >
5023
+ <path
5024
+ d="M0 0h24v24H0V0z"
5025
+ fill="none"
5026
+ />
5027
+ <path
5028
+ d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
5029
+ />
5030
+ </svg>
5031
+ </span>
5032
+ </div>
5033
+ </span>
5034
+ </div>
3161
5035
  </span>
3162
5036
  </th>
3163
5037
  </tr>