@mirai/ui 1.1.16 → 2.0.1

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 (105) hide show
  1. package/build/components/Action/Action.js +2 -5
  2. package/build/components/Action/Action.js.map +1 -1
  3. package/build/components/Action/Action.stories.js +1 -1
  4. package/build/components/Action/Action.stories.js.map +1 -1
  5. package/build/components/Action/__tests__/__snapshots__/Action.test.js.snap +42 -30
  6. package/build/components/Button/Button.js +4 -6
  7. package/build/components/Button/Button.js.map +1 -1
  8. package/build/components/Button/__tests__/__snapshots__/Button.test.js.snap +38 -27
  9. package/build/components/Calendar/Calendar.js +1 -1
  10. package/build/components/Calendar/Calendar.js.map +1 -1
  11. package/build/components/Calendar/Calendar.module.css +5 -5
  12. package/build/components/Calendar/__tests__/__snapshots__/Calendar.test.jsx.snap +15576 -15544
  13. package/build/components/Form/Form.js +2 -5
  14. package/build/components/Form/Form.js.map +1 -1
  15. package/build/components/Form/__tests__/__snapshots__/Form.test.jsx.snap +14 -12
  16. package/build/components/InputDate/InputDate.js +1 -0
  17. package/build/components/InputDate/InputDate.js.map +1 -1
  18. package/build/components/InputDate/__tests__/__snapshots__/InputDate.test.js.snap +67 -42
  19. package/build/components/InputNumber/InputNumber.js +17 -4
  20. package/build/components/InputNumber/InputNumber.js.map +1 -1
  21. package/build/components/InputNumber/__tests__/__snapshots__/InputNumber.test.js.snap +198 -114
  22. package/build/components/InputOption/InputOption.js +6 -2
  23. package/build/components/InputOption/InputOption.js.map +1 -1
  24. package/build/components/InputOption/__tests__/__snapshots__/InputOption.test.js.snap +114 -75
  25. package/build/components/InputPhone/InputPhone.js +8 -1
  26. package/build/components/InputPhone/InputPhone.js.map +1 -1
  27. package/build/components/InputPhone/InputPhone.module.css +1 -1
  28. package/build/components/InputPhone/__tests__/__snapshots__/InputPhone.test.js.snap +448 -354
  29. package/build/components/InputSelect/InputSelect.js +10 -1
  30. package/build/components/InputSelect/InputSelect.js.map +1 -1
  31. package/build/components/InputSelect/__tests__/__snapshots__/InputSelect.test.js.snap +118 -112
  32. package/build/components/InputText/InputText.js +6 -2
  33. package/build/components/InputText/InputText.js.map +1 -1
  34. package/build/components/InputText/__tests__/__snapshots__/InputText.test.js.snap +160 -130
  35. package/build/components/InputText/partials/InputText.Label.js +1 -0
  36. package/build/components/InputText/partials/InputText.Label.js.map +1 -1
  37. package/build/components/Menu/Menu.js +1 -0
  38. package/build/components/Menu/Menu.js.map +1 -1
  39. package/build/components/Menu/__tests__/__snapshots__/Menu.test.jsx.snap +76 -55
  40. package/build/components/Modal/Modal.js +20 -6
  41. package/build/components/Modal/Modal.js.map +1 -1
  42. package/build/components/Modal/__tests__/__snapshots__/Modal.test.js.snap +106 -72
  43. package/build/components/Notification/Notification.js +1 -0
  44. package/build/components/Notification/Notification.js.map +1 -1
  45. package/build/components/Notification/__tests__/__snapshots__/Notification.test.js.snap +328 -288
  46. package/build/components/Progress/Progress.js +1 -0
  47. package/build/components/Progress/Progress.js.map +1 -1
  48. package/build/components/Progress/__tests__/__snapshots__/Progress.test.jsx.snap +31 -18
  49. package/build/components/Slider/Slider.js +3 -2
  50. package/build/components/Slider/Slider.js.map +1 -1
  51. package/build/components/Slider/Slider.module.css +1 -1
  52. package/build/components/Slider/__tests__/__snapshots__/Slider.test.js.snap +475 -339
  53. package/build/components/Table/Table.js +2 -4
  54. package/build/components/Table/Table.js.map +1 -1
  55. package/build/components/Table/__tests__/__snapshots__/Table.ColumnFilter.test.js.snap +222 -192
  56. package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap +878 -432
  57. package/build/components/Tooltip/Tooltip.js +3 -4
  58. package/build/components/Tooltip/Tooltip.js.map +1 -1
  59. package/build/components/Tooltip/__tests__/__snapshots__/Tooltip.test.jsx.snap +38 -28
  60. package/build/primitives/Checkbox/Checkbox.js +1 -0
  61. package/build/primitives/Checkbox/Checkbox.js.map +1 -1
  62. package/build/primitives/Checkbox/__tests__/__snapshots__/Checkbox.test.js.snap +35 -20
  63. package/build/primitives/Icon/Icon.js +1 -1
  64. package/build/primitives/Icon/Icon.js.map +1 -1
  65. package/build/primitives/Icon/__tests__/__snapshots__/Icon.test.js.snap +108 -82
  66. package/build/primitives/Layer/Layer.js +2 -1
  67. package/build/primitives/Layer/Layer.js.map +1 -1
  68. package/build/primitives/Layer/__tests__/__snapshots__/Layer.test.js.snap +60 -42
  69. package/build/primitives/Pressable/Pressable.constants.js +1 -1
  70. package/build/primitives/Pressable/Pressable.constants.js.map +1 -1
  71. package/build/primitives/Pressable/Pressable.js +7 -6
  72. package/build/primitives/Pressable/Pressable.js.map +1 -1
  73. package/build/primitives/Pressable/__tests__/__snapshots__/Pressable.test.js.snap +16 -12
  74. package/build/primitives/Primitive/Primitive.constants.js +1 -1
  75. package/build/primitives/Primitive/Primitive.constants.js.map +1 -1
  76. package/build/primitives/Primitive/Primitive.js +2 -2
  77. package/build/primitives/Primitive/Primitive.js.map +1 -1
  78. package/build/primitives/Primitive/__tests__/__snapshots__/Primitive.test.js.snap +12 -12
  79. package/build/primitives/Primitive/helpers/getTag.js +35 -0
  80. package/build/primitives/Primitive/helpers/getTag.js.map +1 -0
  81. package/build/primitives/Primitive/helpers/index.js +11 -0
  82. package/build/primitives/Primitive/helpers/index.js.map +1 -1
  83. package/build/primitives/Radio/Radio.js +1 -1
  84. package/build/primitives/Radio/Radio.js.map +1 -1
  85. package/build/primitives/Radio/__tests__/__snapshots__/Radio.test.js.snap +39 -21
  86. package/build/primitives/ScrollView/ScrollView.js +2 -5
  87. package/build/primitives/ScrollView/ScrollView.js.map +1 -1
  88. package/build/primitives/ScrollView/ScrollView.stories.js +6 -5
  89. package/build/primitives/ScrollView/ScrollView.stories.js.map +1 -1
  90. package/build/primitives/ScrollView/__tests__/__snapshots__/ScrollView.test.js.snap +24 -24
  91. package/build/primitives/Select/Select.js +7 -4
  92. package/build/primitives/Select/Select.js.map +1 -1
  93. package/build/primitives/Select/__tests__/__snapshots__/Select.test.js.snap +35 -0
  94. package/build/primitives/Switch/Switch.js +1 -1
  95. package/build/primitives/Switch/Switch.js.map +1 -1
  96. package/build/primitives/Switch/__tests__/__snapshots__/Switch.test.js.snap +60 -40
  97. package/build/primitives/Text/Text.js +4 -3
  98. package/build/primitives/Text/Text.js.map +1 -1
  99. package/build/primitives/Text/__tests__/__snapshots__/Text.test.js.snap +68 -68
  100. package/build/primitives/Text/helpers/parseMarkdown.js +3 -1
  101. package/build/primitives/Text/helpers/parseMarkdown.js.map +1 -1
  102. package/build/primitives/View/View.js +2 -5
  103. package/build/primitives/View/View.js.map +1 -1
  104. package/build/primitives/View/__tests__/__snapshots__/View.test.js.snap +15 -15
  105. package/package.json +1 -1
package/build/components/Table/__tests__/__snapshots__/Table.test.js.snap CHANGED
@@ -2,7 +2,7 @@
2
2
 
3
3
  exports[`component:<Table> inherit:className 1`] = `
4
4
  <DocumentFragment>
5
- <div
5
+ <ui_scrollview
6
6
  class="scrollview snap vertical notIndicator container mirai"
7
7
  >
8
8
  <table
@@ -15,10 +15,10 @@ exports[`component:<Table> inherit:className 1`] = `
15
15
  class="view forceRow column"
16
16
  >
17
17
  User Name
18
- <div
18
+ <ui_view
19
19
  class="view row icons"
20
20
  >
21
- <span
21
+ <ui_icon
22
22
  class="icon headline-3 icon disabled"
23
23
  >
24
24
  <svg
@@ -38,8 +38,8 @@ exports[`component:<Table> inherit:className 1`] = `
38
38
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
39
39
  />
40
40
  </svg>
41
- </span>
42
- </div>
41
+ </ui_icon>
42
+ </ui_view>
43
43
  </span>
44
44
  </th>
45
45
  <th>
@@ -47,10 +47,10 @@ exports[`component:<Table> inherit:className 1`] = `
47
47
  class="view forceRow column"
48
48
  >
49
49
  Email
50
- <div
50
+ <ui_view
51
51
  class="view row icons"
52
52
  >
53
- <span
53
+ <ui_icon
54
54
  class="icon headline-3 icon disabled"
55
55
  >
56
56
  <svg
@@ -70,8 +70,8 @@ exports[`component:<Table> inherit:className 1`] = `
70
70
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
71
71
  />
72
72
  </svg>
73
- </span>
74
- </div>
73
+ </ui_icon>
74
+ </ui_view>
75
75
  </span>
76
76
  </th>
77
77
  <th>
@@ -79,10 +79,10 @@ exports[`component:<Table> inherit:className 1`] = `
79
79
  class="view forceRow column"
80
80
  >
81
81
  Year
82
- <div
82
+ <ui_view
83
83
  class="view row icons"
84
84
  >
85
- <span
85
+ <ui_icon
86
86
  class="icon headline-3 icon disabled"
87
87
  >
88
88
  <svg
@@ -102,27 +102,27 @@ exports[`component:<Table> inherit:className 1`] = `
102
102
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
103
103
  />
104
104
  </svg>
105
- </span>
106
- </div>
105
+ </ui_icon>
106
+ </ui_view>
107
107
  </span>
108
108
  </th>
109
109
  <th>
110
110
  <span
111
111
  class="view forceRow column"
112
112
  >
113
- <span
113
+ <ui_tooltip
114
114
  class="container"
115
115
  >
116
- <div
116
+ <ui_primitive
117
117
  class="dispatcher tooltip"
118
118
  >
119
119
  Twitter
120
- </div>
121
- </span>
122
- <div
120
+ </ui_primitive>
121
+ </ui_tooltip>
122
+ <ui_view
123
123
  class="view row icons"
124
124
  >
125
- <span
125
+ <ui_icon
126
126
  class="icon headline-3 icon disabled"
127
127
  >
128
128
  <svg
@@ -142,8 +142,8 @@ exports[`component:<Table> inherit:className 1`] = `
142
142
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
143
143
  />
144
144
  </svg>
145
- </span>
146
- </div>
145
+ </ui_icon>
146
+ </ui_view>
147
147
  </span>
148
148
  </th>
149
149
  <th>
@@ -151,10 +151,10 @@ exports[`component:<Table> inherit:className 1`] = `
151
151
  class="view forceRow column"
152
152
  >
153
153
  Action
154
- <div
154
+ <ui_view
155
155
  class="view row icons"
156
156
  >
157
- <span
157
+ <ui_icon
158
158
  class="icon headline-3 icon disabled"
159
159
  >
160
160
  <svg
@@ -174,8 +174,8 @@ exports[`component:<Table> inherit:className 1`] = `
174
174
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
175
175
  />
176
176
  </svg>
177
- </span>
178
- </div>
177
+ </ui_icon>
178
+ </ui_view>
179
179
  </span>
180
180
  </th>
181
181
  </tr>
@@ -420,35 +420,36 @@ exports[`component:<Table> inherit:className 1`] = `
420
420
  </tr>
421
421
  </tbody>
422
422
  </table>
423
- </div>
423
+ </ui_scrollview>
424
424
  </DocumentFragment>
425
425
  `;
426
426
 
427
427
  exports[`component:<Table> prop:filter 1`] = `
428
428
  <DocumentFragment>
429
- <div
429
+ <ui_scrollview
430
430
  class="scrollview snap vertical notIndicator container"
431
431
  >
432
- <div
432
+ <ui_view
433
433
  class="view row wide filters"
434
434
  >
435
- <div
435
+ <ui_view
436
436
  class="view row item"
437
437
  >
438
- <span
438
+ <ui_text
439
439
  class="text light tiny"
440
440
  >
441
441
  email
442
- </span>
443
- <span
442
+ </ui_text>
443
+ <ui_text
444
444
  class="text bold small"
445
445
  >
446
446
  @mirai.com
447
- </span>
448
- <div
447
+ </ui_text>
448
+ <ui_pressable
449
449
  class="pressable buttonRemove"
450
+ tabindex="0"
450
451
  >
451
- <span
452
+ <ui_icon
452
453
  class="icon action"
453
454
  >
454
455
  <svg
@@ -468,26 +469,27 @@ exports[`component:<Table> prop:filter 1`] = `
468
469
  d="M19 6.41 17.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"
469
470
  />
470
471
  </svg>
471
- </span>
472
- </div>
473
- </div>
474
- <div
472
+ </ui_icon>
473
+ </ui_pressable>
474
+ </ui_view>
475
+ <ui_view
475
476
  class="view row item"
476
477
  >
477
- <span
478
+ <ui_text
478
479
  class="text light tiny"
479
480
  >
480
481
  email
481
- </span>
482
- <span
482
+ </ui_text>
483
+ <ui_text
483
484
  class="text bold small"
484
485
  >
485
486
  @soyjavi.com
486
- </span>
487
- <div
487
+ </ui_text>
488
+ <ui_pressable
488
489
  class="pressable buttonRemove"
490
+ tabindex="0"
489
491
  >
490
- <span
492
+ <ui_icon
491
493
  class="icon action"
492
494
  >
493
495
  <svg
@@ -507,31 +509,32 @@ exports[`component:<Table> prop:filter 1`] = `
507
509
  d="M19 6.41 17.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"
508
510
  />
509
511
  </svg>
510
- </span>
511
- </div>
512
- </div>
513
- <div
512
+ </ui_icon>
513
+ </ui_pressable>
514
+ </ui_view>
515
+ <ui_view
514
516
  class="view row item"
515
517
  >
516
- <span
518
+ <ui_text
517
519
  class="text light tiny"
518
520
  >
519
521
  year
520
- </span>
521
- <span
522
+ </ui_text>
523
+ <ui_text
522
524
  class="text bold small"
523
525
  >
524
526
  2020
525
- </span>
526
- <span
527
+ </ui_text>
528
+ <ui_text
527
529
  class="text bold small"
528
530
  >
529
531
  - 2023
530
- </span>
531
- <div
532
+ </ui_text>
533
+ <ui_pressable
532
534
  class="pressable buttonRemove"
535
+ tabindex="0"
533
536
  >
534
- <span
537
+ <ui_icon
535
538
  class="icon action"
536
539
  >
537
540
  <svg
@@ -551,10 +554,10 @@ exports[`component:<Table> prop:filter 1`] = `
551
554
  d="M19 6.41 17.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"
552
555
  />
553
556
  </svg>
554
- </span>
555
- </div>
556
- </div>
557
- </div>
557
+ </ui_icon>
558
+ </ui_pressable>
559
+ </ui_view>
560
+ </ui_view>
558
561
  <table
559
562
  class="table"
560
563
  >
@@ -565,10 +568,10 @@ exports[`component:<Table> prop:filter 1`] = `
565
568
  class="view forceRow column"
566
569
  >
567
570
  User Name
568
- <div
571
+ <ui_view
569
572
  class="view row icons"
570
573
  >
571
- <span
574
+ <ui_icon
572
575
  class="icon headline-3 icon disabled"
573
576
  >
574
577
  <svg
@@ -588,15 +591,16 @@ exports[`component:<Table> prop:filter 1`] = `
588
591
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
589
592
  />
590
593
  </svg>
591
- </span>
592
- <span
594
+ </ui_icon>
595
+ <ui_menu
593
596
  class="container"
594
597
  >
595
- <div
598
+ <ui_pressable
596
599
  class="pressable"
597
600
  style="position: relative;"
601
+ tabindex="0"
598
602
  >
599
- <span
603
+ <ui_icon
600
604
  class="icon headline-3 icon disabled"
601
605
  >
602
606
  <svg
@@ -616,10 +620,10 @@ exports[`component:<Table> prop:filter 1`] = `
616
620
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
617
621
  />
618
622
  </svg>
619
- </span>
620
- </div>
621
- </span>
622
- </div>
623
+ </ui_icon>
624
+ </ui_pressable>
625
+ </ui_menu>
626
+ </ui_view>
623
627
  </span>
624
628
  </th>
625
629
  <th>
@@ -627,10 +631,10 @@ exports[`component:<Table> prop:filter 1`] = `
627
631
  class="view forceRow column"
628
632
  >
629
633
  Email
630
- <div
634
+ <ui_view
631
635
  class="view row icons"
632
636
  >
633
- <span
637
+ <ui_icon
634
638
  class="icon headline-3 icon disabled"
635
639
  >
636
640
  <svg
@@ -650,15 +654,16 @@ exports[`component:<Table> prop:filter 1`] = `
650
654
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
651
655
  />
652
656
  </svg>
653
- </span>
654
- <span
657
+ </ui_icon>
658
+ <ui_menu
655
659
  class="container"
656
660
  >
657
- <div
661
+ <ui_pressable
658
662
  class="pressable"
659
663
  style="position: relative;"
664
+ tabindex="0"
660
665
  >
661
- <span
666
+ <ui_icon
662
667
  class="icon headline-3 icon disabled"
663
668
  >
664
669
  <svg
@@ -678,10 +683,10 @@ exports[`component:<Table> prop:filter 1`] = `
678
683
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
679
684
  />
680
685
  </svg>
681
- </span>
682
- </div>
683
- </span>
684
- </div>
686
+ </ui_icon>
687
+ </ui_pressable>
688
+ </ui_menu>
689
+ </ui_view>
685
690
  </span>
686
691
  </th>
687
692
  <th>
@@ -689,10 +694,10 @@ exports[`component:<Table> prop:filter 1`] = `
689
694
  class="view forceRow column"
690
695
  >
691
696
  Year
692
- <div
697
+ <ui_view
693
698
  class="view row icons"
694
699
  >
695
- <span
700
+ <ui_icon
696
701
  class="icon headline-3 icon disabled"
697
702
  >
698
703
  <svg
@@ -712,15 +717,16 @@ exports[`component:<Table> prop:filter 1`] = `
712
717
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
713
718
  />
714
719
  </svg>
715
- </span>
716
- <span
720
+ </ui_icon>
721
+ <ui_menu
717
722
  class="container"
718
723
  >
719
- <div
724
+ <ui_pressable
720
725
  class="pressable"
721
726
  style="position: relative;"
727
+ tabindex="0"
722
728
  >
723
- <span
729
+ <ui_icon
724
730
  class="icon headline-3 icon disabled"
725
731
  >
726
732
  <svg
@@ -740,29 +746,29 @@ exports[`component:<Table> prop:filter 1`] = `
740
746
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
741
747
  />
742
748
  </svg>
743
- </span>
744
- </div>
745
- </span>
746
- </div>
749
+ </ui_icon>
750
+ </ui_pressable>
751
+ </ui_menu>
752
+ </ui_view>
747
753
  </span>
748
754
  </th>
749
755
  <th>
750
756
  <span
751
757
  class="view forceRow column"
752
758
  >
753
- <span
759
+ <ui_tooltip
754
760
  class="container"
755
761
  >
756
- <div
762
+ <ui_primitive
757
763
  class="dispatcher tooltip"
758
764
  >
759
765
  Twitter
760
- </div>
761
- </span>
762
- <div
766
+ </ui_primitive>
767
+ </ui_tooltip>
768
+ <ui_view
763
769
  class="view row icons"
764
770
  >
765
- <span
771
+ <ui_icon
766
772
  class="icon headline-3 icon disabled"
767
773
  >
768
774
  <svg
@@ -782,15 +788,16 @@ exports[`component:<Table> prop:filter 1`] = `
782
788
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
783
789
  />
784
790
  </svg>
785
- </span>
786
- <span
791
+ </ui_icon>
792
+ <ui_menu
787
793
  class="container"
788
794
  >
789
- <div
795
+ <ui_pressable
790
796
  class="pressable"
791
797
  style="position: relative;"
798
+ tabindex="0"
792
799
  >
793
- <span
800
+ <ui_icon
794
801
  class="icon headline-3 icon disabled"
795
802
  >
796
803
  <svg
@@ -810,10 +817,10 @@ exports[`component:<Table> prop:filter 1`] = `
810
817
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
811
818
  />
812
819
  </svg>
813
- </span>
814
- </div>
815
- </span>
816
- </div>
820
+ </ui_icon>
821
+ </ui_pressable>
822
+ </ui_menu>
823
+ </ui_view>
817
824
  </span>
818
825
  </th>
819
826
  <th>
@@ -821,10 +828,10 @@ exports[`component:<Table> prop:filter 1`] = `
821
828
  class="view forceRow column"
822
829
  >
823
830
  Action
824
- <div
831
+ <ui_view
825
832
  class="view row icons"
826
833
  >
827
- <span
834
+ <ui_icon
828
835
  class="icon headline-3 icon disabled"
829
836
  >
830
837
  <svg
@@ -844,15 +851,16 @@ exports[`component:<Table> prop:filter 1`] = `
844
851
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
845
852
  />
846
853
  </svg>
847
- </span>
848
- <span
854
+ </ui_icon>
855
+ <ui_menu
849
856
  class="container"
850
857
  >
851
- <div
858
+ <ui_pressable
852
859
  class="pressable"
853
860
  style="position: relative;"
861
+ tabindex="0"
854
862
  >
855
- <span
863
+ <ui_icon
856
864
  class="icon headline-3 icon disabled"
857
865
  >
858
866
  <svg
@@ -872,10 +880,10 @@ exports[`component:<Table> prop:filter 1`] = `
872
880
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
873
881
  />
874
882
  </svg>
875
- </span>
876
- </div>
877
- </span>
878
- </div>
883
+ </ui_icon>
884
+ </ui_pressable>
885
+ </ui_menu>
886
+ </ui_view>
879
887
  </span>
880
888
  </th>
881
889
  </tr>
@@ -1021,13 +1029,13 @@ exports[`component:<Table> prop:filter 1`] = `
1021
1029
  </tr>
1022
1030
  </tbody>
1023
1031
  </table>
1024
- </div>
1032
+ </ui_scrollview>
1025
1033
  </DocumentFragment>
1026
1034
  `;
1027
1035
 
1028
1036
  exports[`component:<Table> prop:inline (false 1`] = `
1029
1037
  <DocumentFragment>
1030
- <div
1038
+ <ui_scrollview
1031
1039
  class="scrollview snap vertical notIndicator container outlined"
1032
1040
  >
1033
1041
  <table
@@ -1040,10 +1048,10 @@ exports[`component:<Table> prop:inline (false 1`] = `
1040
1048
  class="view forceRow column"
1041
1049
  >
1042
1050
  User Name
1043
- <div
1051
+ <ui_view
1044
1052
  class="view row icons"
1045
1053
  >
1046
- <span
1054
+ <ui_icon
1047
1055
  class="icon headline-3 icon disabled"
1048
1056
  >
1049
1057
  <svg
@@ -1063,8 +1071,8 @@ exports[`component:<Table> prop:inline (false 1`] = `
1063
1071
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1064
1072
  />
1065
1073
  </svg>
1066
- </span>
1067
- </div>
1074
+ </ui_icon>
1075
+ </ui_view>
1068
1076
  </span>
1069
1077
  </th>
1070
1078
  <th>
@@ -1072,10 +1080,10 @@ exports[`component:<Table> prop:inline (false 1`] = `
1072
1080
  class="view forceRow column"
1073
1081
  >
1074
1082
  Email
1075
- <div
1083
+ <ui_view
1076
1084
  class="view row icons"
1077
1085
  >
1078
- <span
1086
+ <ui_icon
1079
1087
  class="icon headline-3 icon disabled"
1080
1088
  >
1081
1089
  <svg
@@ -1095,8 +1103,8 @@ exports[`component:<Table> prop:inline (false 1`] = `
1095
1103
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1096
1104
  />
1097
1105
  </svg>
1098
- </span>
1099
- </div>
1106
+ </ui_icon>
1107
+ </ui_view>
1100
1108
  </span>
1101
1109
  </th>
1102
1110
  <th>
@@ -1104,10 +1112,10 @@ exports[`component:<Table> prop:inline (false 1`] = `
1104
1112
  class="view forceRow column"
1105
1113
  >
1106
1114
  Year
1107
- <div
1115
+ <ui_view
1108
1116
  class="view row icons"
1109
1117
  >
1110
- <span
1118
+ <ui_icon
1111
1119
  class="icon headline-3 icon disabled"
1112
1120
  >
1113
1121
  <svg
@@ -1127,27 +1135,27 @@ exports[`component:<Table> prop:inline (false 1`] = `
1127
1135
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1128
1136
  />
1129
1137
  </svg>
1130
- </span>
1131
- </div>
1138
+ </ui_icon>
1139
+ </ui_view>
1132
1140
  </span>
1133
1141
  </th>
1134
1142
  <th>
1135
1143
  <span
1136
1144
  class="view forceRow column"
1137
1145
  >
1138
- <span
1146
+ <ui_tooltip
1139
1147
  class="container"
1140
1148
  >
1141
- <div
1149
+ <ui_primitive
1142
1150
  class="dispatcher tooltip"
1143
1151
  >
1144
1152
  Twitter
1145
- </div>
1146
- </span>
1147
- <div
1153
+ </ui_primitive>
1154
+ </ui_tooltip>
1155
+ <ui_view
1148
1156
  class="view row icons"
1149
1157
  >
1150
- <span
1158
+ <ui_icon
1151
1159
  class="icon headline-3 icon disabled"
1152
1160
  >
1153
1161
  <svg
@@ -1167,8 +1175,8 @@ exports[`component:<Table> prop:inline (false 1`] = `
1167
1175
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1168
1176
  />
1169
1177
  </svg>
1170
- </span>
1171
- </div>
1178
+ </ui_icon>
1179
+ </ui_view>
1172
1180
  </span>
1173
1181
  </th>
1174
1182
  <th>
@@ -1176,10 +1184,10 @@ exports[`component:<Table> prop:inline (false 1`] = `
1176
1184
  class="view forceRow column"
1177
1185
  >
1178
1186
  Action
1179
- <div
1187
+ <ui_view
1180
1188
  class="view row icons"
1181
1189
  >
1182
- <span
1190
+ <ui_icon
1183
1191
  class="icon headline-3 icon disabled"
1184
1192
  >
1185
1193
  <svg
@@ -1199,8 +1207,8 @@ exports[`component:<Table> prop:inline (false 1`] = `
1199
1207
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1200
1208
  />
1201
1209
  </svg>
1202
- </span>
1203
- </div>
1210
+ </ui_icon>
1211
+ </ui_view>
1204
1212
  </span>
1205
1213
  </th>
1206
1214
  </tr>
@@ -1445,13 +1453,13 @@ exports[`component:<Table> prop:inline (false 1`] = `
1445
1453
  </tr>
1446
1454
  </tbody>
1447
1455
  </table>
1448
- </div>
1456
+ </ui_scrollview>
1449
1457
  </DocumentFragment>
1450
1458
  `;
1451
1459
 
1452
1460
  exports[`component:<Table> prop:onScroll 1`] = `
1453
1461
  <DocumentFragment>
1454
- <div
1462
+ <ui_scrollview
1455
1463
  class="scrollview snap vertical notIndicator container"
1456
1464
  data-testid="onScroll"
1457
1465
  >
@@ -1469,10 +1477,10 @@ exports[`component:<Table> prop:onScroll 1`] = `
1469
1477
  class="view forceRow column"
1470
1478
  >
1471
1479
  User Name
1472
- <div
1480
+ <ui_view
1473
1481
  class="view row icons"
1474
1482
  >
1475
- <span
1483
+ <ui_icon
1476
1484
  class="icon headline-3 icon disabled"
1477
1485
  >
1478
1486
  <svg
@@ -1492,8 +1500,8 @@ exports[`component:<Table> prop:onScroll 1`] = `
1492
1500
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1493
1501
  />
1494
1502
  </svg>
1495
- </span>
1496
- </div>
1503
+ </ui_icon>
1504
+ </ui_view>
1497
1505
  </span>
1498
1506
  </th>
1499
1507
  <th
@@ -1503,10 +1511,10 @@ exports[`component:<Table> prop:onScroll 1`] = `
1503
1511
  class="view forceRow column"
1504
1512
  >
1505
1513
  Email
1506
- <div
1514
+ <ui_view
1507
1515
  class="view row icons"
1508
1516
  >
1509
- <span
1517
+ <ui_icon
1510
1518
  class="icon headline-3 icon disabled"
1511
1519
  >
1512
1520
  <svg
@@ -1526,8 +1534,8 @@ exports[`component:<Table> prop:onScroll 1`] = `
1526
1534
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1527
1535
  />
1528
1536
  </svg>
1529
- </span>
1530
- </div>
1537
+ </ui_icon>
1538
+ </ui_view>
1531
1539
  </span>
1532
1540
  </th>
1533
1541
  <th
@@ -1537,10 +1545,10 @@ exports[`component:<Table> prop:onScroll 1`] = `
1537
1545
  class="view forceRow column"
1538
1546
  >
1539
1547
  Year
1540
- <div
1548
+ <ui_view
1541
1549
  class="view row icons"
1542
1550
  >
1543
- <span
1551
+ <ui_icon
1544
1552
  class="icon headline-3 icon disabled"
1545
1553
  >
1546
1554
  <svg
@@ -1560,8 +1568,8 @@ exports[`component:<Table> prop:onScroll 1`] = `
1560
1568
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1561
1569
  />
1562
1570
  </svg>
1563
- </span>
1564
- </div>
1571
+ </ui_icon>
1572
+ </ui_view>
1565
1573
  </span>
1566
1574
  </th>
1567
1575
  <th
@@ -1570,19 +1578,19 @@ exports[`component:<Table> prop:onScroll 1`] = `
1570
1578
  <span
1571
1579
  class="view forceRow column"
1572
1580
  >
1573
- <span
1581
+ <ui_tooltip
1574
1582
  class="container"
1575
1583
  >
1576
- <div
1584
+ <ui_primitive
1577
1585
  class="dispatcher tooltip"
1578
1586
  >
1579
1587
  Twitter
1580
- </div>
1581
- </span>
1582
- <div
1588
+ </ui_primitive>
1589
+ </ui_tooltip>
1590
+ <ui_view
1583
1591
  class="view row icons"
1584
1592
  >
1585
- <span
1593
+ <ui_icon
1586
1594
  class="icon headline-3 icon disabled"
1587
1595
  >
1588
1596
  <svg
@@ -1602,8 +1610,8 @@ exports[`component:<Table> prop:onScroll 1`] = `
1602
1610
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1603
1611
  />
1604
1612
  </svg>
1605
- </span>
1606
- </div>
1613
+ </ui_icon>
1614
+ </ui_view>
1607
1615
  </span>
1608
1616
  </th>
1609
1617
  <th
@@ -1613,10 +1621,10 @@ exports[`component:<Table> prop:onScroll 1`] = `
1613
1621
  class="view forceRow column"
1614
1622
  >
1615
1623
  Action
1616
- <div
1624
+ <ui_view
1617
1625
  class="view row icons"
1618
1626
  >
1619
- <span
1627
+ <ui_icon
1620
1628
  class="icon headline-3 icon disabled"
1621
1629
  >
1622
1630
  <svg
@@ -1636,8 +1644,8 @@ exports[`component:<Table> prop:onScroll 1`] = `
1636
1644
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
1637
1645
  />
1638
1646
  </svg>
1639
- </span>
1640
- </div>
1647
+ </ui_icon>
1648
+ </ui_view>
1641
1649
  </span>
1642
1650
  </th>
1643
1651
  </tr>
@@ -1966,13 +1974,13 @@ exports[`component:<Table> prop:onScroll 1`] = `
1966
1974
  </tr>
1967
1975
  </tbody>
1968
1976
  </table>
1969
- </div>
1977
+ </ui_scrollview>
1970
1978
  </DocumentFragment>
1971
1979
  `;
1972
1980
 
1973
1981
  exports[`component:<Table> prop:onSelect 1`] = `
1974
1982
  <DocumentFragment>
1975
- <div
1983
+ <ui_scrollview
1976
1984
  class="scrollview snap vertical notIndicator container"
1977
1985
  data-testid="onSelect"
1978
1986
  >
@@ -1989,11 +1997,12 @@ exports[`component:<Table> prop:onSelect 1`] = `
1989
1997
  <span
1990
1998
  class="view forceRow column selectable"
1991
1999
  >
1992
- <div
2000
+ <ui_input_option
1993
2001
  class="pressable inputOption checkbox"
1994
2002
  data-testid="onSelect-head-checkbox"
2003
+ tabindex="0"
1995
2004
  >
1996
- <div
2005
+ <ui_checkbox
1997
2006
  class="checkbox"
1998
2007
  >
1999
2008
  <input
@@ -2002,13 +2011,13 @@ exports[`component:<Table> prop:onSelect 1`] = `
2002
2011
  type="checkbox"
2003
2012
  value=""
2004
2013
  />
2005
- </div>
2006
- </div>
2014
+ </ui_checkbox>
2015
+ </ui_input_option>
2007
2016
  User Name
2008
- <div
2017
+ <ui_view
2009
2018
  class="view row icons"
2010
2019
  >
2011
- <span
2020
+ <ui_icon
2012
2021
  class="icon headline-3 icon disabled"
2013
2022
  >
2014
2023
  <svg
@@ -2028,8 +2037,8 @@ exports[`component:<Table> prop:onSelect 1`] = `
2028
2037
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2029
2038
  />
2030
2039
  </svg>
2031
- </span>
2032
- </div>
2040
+ </ui_icon>
2041
+ </ui_view>
2033
2042
  </span>
2034
2043
  </th>
2035
2044
  <th
@@ -2039,10 +2048,10 @@ exports[`component:<Table> prop:onSelect 1`] = `
2039
2048
  class="view forceRow column"
2040
2049
  >
2041
2050
  Email
2042
- <div
2051
+ <ui_view
2043
2052
  class="view row icons"
2044
2053
  >
2045
- <span
2054
+ <ui_icon
2046
2055
  class="icon headline-3 icon disabled"
2047
2056
  >
2048
2057
  <svg
@@ -2062,8 +2071,8 @@ exports[`component:<Table> prop:onSelect 1`] = `
2062
2071
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2063
2072
  />
2064
2073
  </svg>
2065
- </span>
2066
- </div>
2074
+ </ui_icon>
2075
+ </ui_view>
2067
2076
  </span>
2068
2077
  </th>
2069
2078
  <th
@@ -2073,10 +2082,10 @@ exports[`component:<Table> prop:onSelect 1`] = `
2073
2082
  class="view forceRow column"
2074
2083
  >
2075
2084
  Year
2076
- <div
2085
+ <ui_view
2077
2086
  class="view row icons"
2078
2087
  >
2079
- <span
2088
+ <ui_icon
2080
2089
  class="icon headline-3 icon disabled"
2081
2090
  >
2082
2091
  <svg
@@ -2096,8 +2105,8 @@ exports[`component:<Table> prop:onSelect 1`] = `
2096
2105
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2097
2106
  />
2098
2107
  </svg>
2099
- </span>
2100
- </div>
2108
+ </ui_icon>
2109
+ </ui_view>
2101
2110
  </span>
2102
2111
  </th>
2103
2112
  <th
@@ -2106,19 +2115,19 @@ exports[`component:<Table> prop:onSelect 1`] = `
2106
2115
  <span
2107
2116
  class="view forceRow column"
2108
2117
  >
2109
- <span
2118
+ <ui_tooltip
2110
2119
  class="container"
2111
2120
  >
2112
- <div
2121
+ <ui_primitive
2113
2122
  class="dispatcher tooltip"
2114
2123
  >
2115
2124
  Twitter
2116
- </div>
2117
- </span>
2118
- <div
2125
+ </ui_primitive>
2126
+ </ui_tooltip>
2127
+ <ui_view
2119
2128
  class="view row icons"
2120
2129
  >
2121
- <span
2130
+ <ui_icon
2122
2131
  class="icon headline-3 icon disabled"
2123
2132
  >
2124
2133
  <svg
@@ -2138,8 +2147,8 @@ exports[`component:<Table> prop:onSelect 1`] = `
2138
2147
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2139
2148
  />
2140
2149
  </svg>
2141
- </span>
2142
- </div>
2150
+ </ui_icon>
2151
+ </ui_view>
2143
2152
  </span>
2144
2153
  </th>
2145
2154
  <th
@@ -2149,10 +2158,10 @@ exports[`component:<Table> prop:onSelect 1`] = `
2149
2158
  class="view forceRow column"
2150
2159
  >
2151
2160
  Action
2152
- <div
2161
+ <ui_view
2153
2162
  class="view row icons"
2154
2163
  >
2155
- <span
2164
+ <ui_icon
2156
2165
  class="icon headline-3 icon disabled"
2157
2166
  >
2158
2167
  <svg
@@ -2172,8 +2181,8 @@ exports[`component:<Table> prop:onSelect 1`] = `
2172
2181
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2173
2182
  />
2174
2183
  </svg>
2175
- </span>
2176
- </div>
2184
+ </ui_icon>
2185
+ </ui_view>
2177
2186
  </span>
2178
2187
  </th>
2179
2188
  </tr>
@@ -2188,11 +2197,12 @@ exports[`component:<Table> prop:onSelect 1`] = `
2188
2197
  <span
2189
2198
  class="view forceRow column selectable"
2190
2199
  >
2191
- <div
2200
+ <ui_input_option
2192
2201
  class="pressable inputOption checkbox"
2193
2202
  data-testid="onSelect-0-checkbox"
2203
+ tabindex="0"
2194
2204
  >
2195
- <div
2205
+ <ui_checkbox
2196
2206
  class="checkbox"
2197
2207
  >
2198
2208
  <input
@@ -2201,8 +2211,8 @@ exports[`component:<Table> prop:onSelect 1`] = `
2201
2211
  type="checkbox"
2202
2212
  value=""
2203
2213
  />
2204
- </div>
2205
- </div>
2214
+ </ui_checkbox>
2215
+ </ui_input_option>
2206
2216
  jose
2207
2217
  </span>
2208
2218
  </td>
@@ -2248,11 +2258,12 @@ exports[`component:<Table> prop:onSelect 1`] = `
2248
2258
  <span
2249
2259
  class="view forceRow column selectable"
2250
2260
  >
2251
- <div
2261
+ <ui_input_option
2252
2262
  class="pressable inputOption checkbox"
2253
2263
  data-testid="onSelect-1-checkbox"
2264
+ tabindex="0"
2254
2265
  >
2255
- <div
2266
+ <ui_checkbox
2256
2267
  class="checkbox"
2257
2268
  >
2258
2269
  <input
@@ -2261,8 +2272,8 @@ exports[`component:<Table> prop:onSelect 1`] = `
2261
2272
  type="checkbox"
2262
2273
  value=""
2263
2274
  />
2264
- </div>
2265
- </div>
2275
+ </ui_checkbox>
2276
+ </ui_input_option>
2266
2277
  mario/1
2267
2278
  </span>
2268
2279
  </td>
@@ -2308,11 +2319,12 @@ exports[`component:<Table> prop:onSelect 1`] = `
2308
2319
  <span
2309
2320
  class="view forceRow column selectable"
2310
2321
  >
2311
- <div
2322
+ <ui_input_option
2312
2323
  class="pressable inputOption checkbox"
2313
2324
  data-testid="onSelect-2-checkbox"
2325
+ tabindex="0"
2314
2326
  >
2315
- <div
2327
+ <ui_checkbox
2316
2328
  class="checkbox"
2317
2329
  >
2318
2330
  <input
@@ -2321,8 +2333,8 @@ exports[`component:<Table> prop:onSelect 1`] = `
2321
2333
  type="checkbox"
2322
2334
  value=""
2323
2335
  />
2324
- </div>
2325
- </div>
2336
+ </ui_checkbox>
2337
+ </ui_input_option>
2326
2338
  carlos
2327
2339
  </span>
2328
2340
  </td>
@@ -2368,11 +2380,12 @@ exports[`component:<Table> prop:onSelect 1`] = `
2368
2380
  <span
2369
2381
  class="view forceRow column selectable"
2370
2382
  >
2371
- <div
2383
+ <ui_input_option
2372
2384
  class="pressable inputOption checkbox"
2373
2385
  data-testid="onSelect-3-checkbox"
2386
+ tabindex="0"
2374
2387
  >
2375
- <div
2388
+ <ui_checkbox
2376
2389
  class="checkbox"
2377
2390
  >
2378
2391
  <input
@@ -2381,8 +2394,8 @@ exports[`component:<Table> prop:onSelect 1`] = `
2381
2394
  type="checkbox"
2382
2395
  value=""
2383
2396
  />
2384
- </div>
2385
- </div>
2397
+ </ui_checkbox>
2398
+ </ui_input_option>
2386
2399
  svet
2387
2400
  </span>
2388
2401
  </td>
@@ -2432,11 +2445,12 @@ exports[`component:<Table> prop:onSelect 1`] = `
2432
2445
  <span
2433
2446
  class="view forceRow column selectable"
2434
2447
  >
2435
- <div
2448
+ <ui_input_option
2436
2449
  class="pressable inputOption checkbox"
2437
2450
  data-testid="onSelect-4-checkbox"
2451
+ tabindex="0"
2438
2452
  >
2439
- <div
2453
+ <ui_checkbox
2440
2454
  class="checkbox"
2441
2455
  >
2442
2456
  <input
@@ -2445,8 +2459,8 @@ exports[`component:<Table> prop:onSelect 1`] = `
2445
2459
  type="checkbox"
2446
2460
  value=""
2447
2461
  />
2448
- </div>
2449
- </div>
2462
+ </ui_checkbox>
2463
+ </ui_input_option>
2450
2464
  javi
2451
2465
  </span>
2452
2466
  </td>
@@ -2494,11 +2508,12 @@ exports[`component:<Table> prop:onSelect 1`] = `
2494
2508
  <span
2495
2509
  class="view forceRow column selectable"
2496
2510
  >
2497
- <div
2511
+ <ui_input_option
2498
2512
  class="pressable inputOption checkbox"
2499
2513
  data-testid="onSelect-5-checkbox"
2514
+ tabindex="0"
2500
2515
  >
2501
- <div
2516
+ <ui_checkbox
2502
2517
  class="checkbox"
2503
2518
  >
2504
2519
  <input
@@ -2507,8 +2522,8 @@ exports[`component:<Table> prop:onSelect 1`] = `
2507
2522
  type="checkbox"
2508
2523
  value=""
2509
2524
  />
2510
- </div>
2511
- </div>
2525
+ </ui_checkbox>
2526
+ </ui_input_option>
2512
2527
  victor
2513
2528
  </span>
2514
2529
  </td>
@@ -2554,11 +2569,12 @@ exports[`component:<Table> prop:onSelect 1`] = `
2554
2569
  <span
2555
2570
  class="view forceRow column selectable"
2556
2571
  >
2557
- <div
2572
+ <ui_input_option
2558
2573
  class="pressable inputOption checkbox"
2559
2574
  data-testid="onSelect-6-checkbox"
2575
+ tabindex="0"
2560
2576
  >
2561
- <div
2577
+ <ui_checkbox
2562
2578
  class="checkbox"
2563
2579
  >
2564
2580
  <input
@@ -2567,8 +2583,8 @@ exports[`component:<Table> prop:onSelect 1`] = `
2567
2583
  type="checkbox"
2568
2584
  value=""
2569
2585
  />
2570
- </div>
2571
- </div>
2586
+ </ui_checkbox>
2587
+ </ui_input_option>
2572
2588
  mario/2
2573
2589
  </span>
2574
2590
  </td>
@@ -2607,13 +2623,13 @@ exports[`component:<Table> prop:onSelect 1`] = `
2607
2623
  </tr>
2608
2624
  </tbody>
2609
2625
  </table>
2610
- </div>
2626
+ </ui_scrollview>
2611
2627
  </DocumentFragment>
2612
2628
  `;
2613
2629
 
2614
2630
  exports[`component:<Table> prop:pagination 1`] = `
2615
2631
  <DocumentFragment>
2616
- <div
2632
+ <ui_scrollview
2617
2633
  class="scrollview snap vertical notIndicator container"
2618
2634
  >
2619
2635
  <table
@@ -2626,10 +2642,10 @@ exports[`component:<Table> prop:pagination 1`] = `
2626
2642
  class="view forceRow column"
2627
2643
  >
2628
2644
  User Name
2629
- <div
2645
+ <ui_view
2630
2646
  class="view row icons"
2631
2647
  >
2632
- <span
2648
+ <ui_icon
2633
2649
  class="icon headline-3 icon disabled"
2634
2650
  >
2635
2651
  <svg
@@ -2649,8 +2665,8 @@ exports[`component:<Table> prop:pagination 1`] = `
2649
2665
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2650
2666
  />
2651
2667
  </svg>
2652
- </span>
2653
- </div>
2668
+ </ui_icon>
2669
+ </ui_view>
2654
2670
  </span>
2655
2671
  </th>
2656
2672
  <th>
@@ -2658,10 +2674,10 @@ exports[`component:<Table> prop:pagination 1`] = `
2658
2674
  class="view forceRow column"
2659
2675
  >
2660
2676
  Email
2661
- <div
2677
+ <ui_view
2662
2678
  class="view row icons"
2663
2679
  >
2664
- <span
2680
+ <ui_icon
2665
2681
  class="icon headline-3 icon disabled"
2666
2682
  >
2667
2683
  <svg
@@ -2681,8 +2697,8 @@ exports[`component:<Table> prop:pagination 1`] = `
2681
2697
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2682
2698
  />
2683
2699
  </svg>
2684
- </span>
2685
- </div>
2700
+ </ui_icon>
2701
+ </ui_view>
2686
2702
  </span>
2687
2703
  </th>
2688
2704
  <th>
@@ -2690,10 +2706,10 @@ exports[`component:<Table> prop:pagination 1`] = `
2690
2706
  class="view forceRow column"
2691
2707
  >
2692
2708
  Year
2693
- <div
2709
+ <ui_view
2694
2710
  class="view row icons"
2695
2711
  >
2696
- <span
2712
+ <ui_icon
2697
2713
  class="icon headline-3 icon disabled"
2698
2714
  >
2699
2715
  <svg
@@ -2713,27 +2729,27 @@ exports[`component:<Table> prop:pagination 1`] = `
2713
2729
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2714
2730
  />
2715
2731
  </svg>
2716
- </span>
2717
- </div>
2732
+ </ui_icon>
2733
+ </ui_view>
2718
2734
  </span>
2719
2735
  </th>
2720
2736
  <th>
2721
2737
  <span
2722
2738
  class="view forceRow column"
2723
2739
  >
2724
- <span
2740
+ <ui_tooltip
2725
2741
  class="container"
2726
2742
  >
2727
- <div
2743
+ <ui_primitive
2728
2744
  class="dispatcher tooltip"
2729
2745
  >
2730
2746
  Twitter
2731
- </div>
2732
- </span>
2733
- <div
2747
+ </ui_primitive>
2748
+ </ui_tooltip>
2749
+ <ui_view
2734
2750
  class="view row icons"
2735
2751
  >
2736
- <span
2752
+ <ui_icon
2737
2753
  class="icon headline-3 icon disabled"
2738
2754
  >
2739
2755
  <svg
@@ -2753,8 +2769,8 @@ exports[`component:<Table> prop:pagination 1`] = `
2753
2769
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2754
2770
  />
2755
2771
  </svg>
2756
- </span>
2757
- </div>
2772
+ </ui_icon>
2773
+ </ui_view>
2758
2774
  </span>
2759
2775
  </th>
2760
2776
  <th>
@@ -2762,10 +2778,10 @@ exports[`component:<Table> prop:pagination 1`] = `
2762
2778
  class="view forceRow column"
2763
2779
  >
2764
2780
  Action
2765
- <div
2781
+ <ui_view
2766
2782
  class="view row icons"
2767
2783
  >
2768
- <span
2784
+ <ui_icon
2769
2785
  class="icon headline-3 icon disabled"
2770
2786
  >
2771
2787
  <svg
@@ -2785,8 +2801,8 @@ exports[`component:<Table> prop:pagination 1`] = `
2785
2801
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2786
2802
  />
2787
2803
  </svg>
2788
- </span>
2789
- </div>
2804
+ </ui_icon>
2805
+ </ui_view>
2790
2806
  </span>
2791
2807
  </th>
2792
2808
  </tr>
@@ -2930,13 +2946,13 @@ exports[`component:<Table> prop:pagination 1`] = `
2930
2946
  </tr>
2931
2947
  </tbody>
2932
2948
  </table>
2933
- </div>
2949
+ </ui_scrollview>
2934
2950
  </DocumentFragment>
2935
2951
  `;
2936
2952
 
2937
2953
  exports[`component:<Table> prop:search 1`] = `
2938
2954
  <DocumentFragment>
2939
- <div
2955
+ <ui_scrollview
2940
2956
  class="scrollview snap vertical notIndicator container"
2941
2957
  >
2942
2958
  <table
@@ -2949,10 +2965,10 @@ exports[`component:<Table> prop:search 1`] = `
2949
2965
  class="view forceRow column"
2950
2966
  >
2951
2967
  User Name
2952
- <div
2968
+ <ui_view
2953
2969
  class="view row icons"
2954
2970
  >
2955
- <span
2971
+ <ui_icon
2956
2972
  class="icon headline-3 icon disabled"
2957
2973
  >
2958
2974
  <svg
@@ -2972,8 +2988,8 @@ exports[`component:<Table> prop:search 1`] = `
2972
2988
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
2973
2989
  />
2974
2990
  </svg>
2975
- </span>
2976
- </div>
2991
+ </ui_icon>
2992
+ </ui_view>
2977
2993
  </span>
2978
2994
  </th>
2979
2995
  <th>
@@ -2981,10 +2997,10 @@ exports[`component:<Table> prop:search 1`] = `
2981
2997
  class="view forceRow column"
2982
2998
  >
2983
2999
  Email
2984
- <div
3000
+ <ui_view
2985
3001
  class="view row icons"
2986
3002
  >
2987
- <span
3003
+ <ui_icon
2988
3004
  class="icon headline-3 icon disabled"
2989
3005
  >
2990
3006
  <svg
@@ -3004,8 +3020,8 @@ exports[`component:<Table> prop:search 1`] = `
3004
3020
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3005
3021
  />
3006
3022
  </svg>
3007
- </span>
3008
- </div>
3023
+ </ui_icon>
3024
+ </ui_view>
3009
3025
  </span>
3010
3026
  </th>
3011
3027
  <th>
@@ -3013,10 +3029,10 @@ exports[`component:<Table> prop:search 1`] = `
3013
3029
  class="view forceRow column"
3014
3030
  >
3015
3031
  Year
3016
- <div
3032
+ <ui_view
3017
3033
  class="view row icons"
3018
3034
  >
3019
- <span
3035
+ <ui_icon
3020
3036
  class="icon headline-3 icon disabled"
3021
3037
  >
3022
3038
  <svg
@@ -3036,27 +3052,27 @@ exports[`component:<Table> prop:search 1`] = `
3036
3052
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3037
3053
  />
3038
3054
  </svg>
3039
- </span>
3040
- </div>
3055
+ </ui_icon>
3056
+ </ui_view>
3041
3057
  </span>
3042
3058
  </th>
3043
3059
  <th>
3044
3060
  <span
3045
3061
  class="view forceRow column"
3046
3062
  >
3047
- <span
3063
+ <ui_tooltip
3048
3064
  class="container"
3049
3065
  >
3050
- <div
3066
+ <ui_primitive
3051
3067
  class="dispatcher tooltip"
3052
3068
  >
3053
3069
  Twitter
3054
- </div>
3055
- </span>
3056
- <div
3070
+ </ui_primitive>
3071
+ </ui_tooltip>
3072
+ <ui_view
3057
3073
  class="view row icons"
3058
3074
  >
3059
- <span
3075
+ <ui_icon
3060
3076
  class="icon headline-3 icon disabled"
3061
3077
  >
3062
3078
  <svg
@@ -3076,8 +3092,8 @@ exports[`component:<Table> prop:search 1`] = `
3076
3092
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3077
3093
  />
3078
3094
  </svg>
3079
- </span>
3080
- </div>
3095
+ </ui_icon>
3096
+ </ui_view>
3081
3097
  </span>
3082
3098
  </th>
3083
3099
  <th>
@@ -3085,10 +3101,10 @@ exports[`component:<Table> prop:search 1`] = `
3085
3101
  class="view forceRow column"
3086
3102
  >
3087
3103
  Action
3088
- <div
3104
+ <ui_view
3089
3105
  class="view row icons"
3090
3106
  >
3091
- <span
3107
+ <ui_icon
3092
3108
  class="icon headline-3 icon disabled"
3093
3109
  >
3094
3110
  <svg
@@ -3108,8 +3124,8 @@ exports[`component:<Table> prop:search 1`] = `
3108
3124
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3109
3125
  />
3110
3126
  </svg>
3111
- </span>
3112
- </div>
3127
+ </ui_icon>
3128
+ </ui_view>
3113
3129
  </span>
3114
3130
  </th>
3115
3131
  </tr>
@@ -3152,13 +3168,13 @@ exports[`component:<Table> prop:search 1`] = `
3152
3168
  </tr>
3153
3169
  </tbody>
3154
3170
  </table>
3155
- </div>
3171
+ </ui_scrollview>
3156
3172
  </DocumentFragment>
3157
3173
  `;
3158
3174
 
3159
3175
  exports[`component:<Table> prop:selected 1`] = `
3160
3176
  <DocumentFragment>
3161
- <div
3177
+ <ui_scrollview
3162
3178
  class="scrollview snap vertical notIndicator container"
3163
3179
  >
3164
3180
  <table
@@ -3171,10 +3187,10 @@ exports[`component:<Table> prop:selected 1`] = `
3171
3187
  class="view forceRow column"
3172
3188
  >
3173
3189
  User Name
3174
- <div
3190
+ <ui_view
3175
3191
  class="view row icons"
3176
3192
  >
3177
- <span
3193
+ <ui_icon
3178
3194
  class="icon headline-3 icon disabled"
3179
3195
  >
3180
3196
  <svg
@@ -3194,8 +3210,8 @@ exports[`component:<Table> prop:selected 1`] = `
3194
3210
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3195
3211
  />
3196
3212
  </svg>
3197
- </span>
3198
- </div>
3213
+ </ui_icon>
3214
+ </ui_view>
3199
3215
  </span>
3200
3216
  </th>
3201
3217
  <th>
@@ -3203,10 +3219,10 @@ exports[`component:<Table> prop:selected 1`] = `
3203
3219
  class="view forceRow column"
3204
3220
  >
3205
3221
  Email
3206
- <div
3222
+ <ui_view
3207
3223
  class="view row icons"
3208
3224
  >
3209
- <span
3225
+ <ui_icon
3210
3226
  class="icon headline-3 icon disabled"
3211
3227
  >
3212
3228
  <svg
@@ -3226,8 +3242,8 @@ exports[`component:<Table> prop:selected 1`] = `
3226
3242
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3227
3243
  />
3228
3244
  </svg>
3229
- </span>
3230
- </div>
3245
+ </ui_icon>
3246
+ </ui_view>
3231
3247
  </span>
3232
3248
  </th>
3233
3249
  <th>
@@ -3235,10 +3251,10 @@ exports[`component:<Table> prop:selected 1`] = `
3235
3251
  class="view forceRow column"
3236
3252
  >
3237
3253
  Year
3238
- <div
3254
+ <ui_view
3239
3255
  class="view row icons"
3240
3256
  >
3241
- <span
3257
+ <ui_icon
3242
3258
  class="icon headline-3 icon disabled"
3243
3259
  >
3244
3260
  <svg
@@ -3258,27 +3274,27 @@ exports[`component:<Table> prop:selected 1`] = `
3258
3274
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3259
3275
  />
3260
3276
  </svg>
3261
- </span>
3262
- </div>
3277
+ </ui_icon>
3278
+ </ui_view>
3263
3279
  </span>
3264
3280
  </th>
3265
3281
  <th>
3266
3282
  <span
3267
3283
  class="view forceRow column"
3268
3284
  >
3269
- <span
3285
+ <ui_tooltip
3270
3286
  class="container"
3271
3287
  >
3272
- <div
3288
+ <ui_primitive
3273
3289
  class="dispatcher tooltip"
3274
3290
  >
3275
3291
  Twitter
3276
- </div>
3277
- </span>
3278
- <div
3292
+ </ui_primitive>
3293
+ </ui_tooltip>
3294
+ <ui_view
3279
3295
  class="view row icons"
3280
3296
  >
3281
- <span
3297
+ <ui_icon
3282
3298
  class="icon headline-3 icon disabled"
3283
3299
  >
3284
3300
  <svg
@@ -3298,8 +3314,8 @@ exports[`component:<Table> prop:selected 1`] = `
3298
3314
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3299
3315
  />
3300
3316
  </svg>
3301
- </span>
3302
- </div>
3317
+ </ui_icon>
3318
+ </ui_view>
3303
3319
  </span>
3304
3320
  </th>
3305
3321
  <th>
@@ -3307,10 +3323,10 @@ exports[`component:<Table> prop:selected 1`] = `
3307
3323
  class="view forceRow column"
3308
3324
  >
3309
3325
  Action
3310
- <div
3326
+ <ui_view
3311
3327
  class="view row icons"
3312
3328
  >
3313
- <span
3329
+ <ui_icon
3314
3330
  class="icon headline-3 icon disabled"
3315
3331
  >
3316
3332
  <svg
@@ -3330,8 +3346,8 @@ exports[`component:<Table> prop:selected 1`] = `
3330
3346
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3331
3347
  />
3332
3348
  </svg>
3333
- </span>
3334
- </div>
3349
+ </ui_icon>
3350
+ </ui_view>
3335
3351
  </span>
3336
3352
  </th>
3337
3353
  </tr>
@@ -3576,13 +3592,13 @@ exports[`component:<Table> prop:selected 1`] = `
3576
3592
  </tr>
3577
3593
  </tbody>
3578
3594
  </table>
3579
- </div>
3595
+ </ui_scrollview>
3580
3596
  </DocumentFragment>
3581
3597
  `;
3582
3598
 
3583
3599
  exports[`component:<Table> prop:sort 1`] = `
3584
3600
  <DocumentFragment>
3585
- <div
3601
+ <ui_scrollview
3586
3602
  class="scrollview snap vertical notIndicator container"
3587
3603
  >
3588
3604
  <table
@@ -3615,15 +3631,15 @@ exports[`component:<Table> prop:sort 1`] = `
3615
3631
  <span
3616
3632
  class="view forceRow column"
3617
3633
  >
3618
- <span
3634
+ <ui_tooltip
3619
3635
  class="container"
3620
3636
  >
3621
- <div
3637
+ <ui_primitive
3622
3638
  class="dispatcher tooltip"
3623
3639
  >
3624
3640
  Twitter
3625
- </div>
3626
- </span>
3641
+ </ui_primitive>
3642
+ </ui_tooltip>
3627
3643
  </span>
3628
3644
  </th>
3629
3645
  <th>
@@ -3875,40 +3891,41 @@ exports[`component:<Table> prop:sort 1`] = `
3875
3891
  </tr>
3876
3892
  </tbody>
3877
3893
  </table>
3878
- </div>
3894
+ </ui_scrollview>
3879
3895
  </DocumentFragment>
3880
3896
  `;
3881
3897
 
3882
3898
  exports[`component:<Table> prop:store 1`] = `
3883
3899
  <DocumentFragment>
3884
- <div
3900
+ <ui_scrollview
3885
3901
  class="scrollview snap vertical notIndicator container"
3886
3902
  >
3887
- <div
3903
+ <ui_view
3888
3904
  class="view row wide filters"
3889
3905
  >
3890
- <div
3906
+ <ui_view
3891
3907
  class="view row item"
3892
3908
  >
3893
- <span
3909
+ <ui_text
3894
3910
  class="text light tiny"
3895
3911
  >
3896
3912
  year
3897
- </span>
3898
- <span
3913
+ </ui_text>
3914
+ <ui_text
3899
3915
  class="text bold small"
3900
3916
  >
3901
3917
  2020
3902
- </span>
3903
- <span
3918
+ </ui_text>
3919
+ <ui_text
3904
3920
  class="text bold small"
3905
3921
  >
3906
3922
  - 2020
3907
- </span>
3908
- <div
3923
+ </ui_text>
3924
+ <ui_pressable
3909
3925
  class="pressable buttonRemove"
3926
+ tabindex="0"
3910
3927
  >
3911
- <span
3928
+ <ui_icon
3912
3929
  class="icon action"
3913
3930
  >
3914
3931
  <svg
@@ -3928,10 +3945,10 @@ exports[`component:<Table> prop:store 1`] = `
3928
3945
  d="M19 6.41 17.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"
3929
3946
  />
3930
3947
  </svg>
3931
- </span>
3932
- </div>
3933
- </div>
3934
- </div>
3948
+ </ui_icon>
3949
+ </ui_pressable>
3950
+ </ui_view>
3951
+ </ui_view>
3935
3952
  <table
3936
3953
  class="table"
3937
3954
  >
@@ -3942,10 +3959,10 @@ exports[`component:<Table> prop:store 1`] = `
3942
3959
  class="view forceRow column"
3943
3960
  >
3944
3961
  User Name
3945
- <div
3962
+ <ui_view
3946
3963
  class="view row icons"
3947
3964
  >
3948
- <span
3965
+ <ui_icon
3949
3966
  class="icon headline-3 icon disabled"
3950
3967
  >
3951
3968
  <svg
@@ -3965,15 +3982,16 @@ exports[`component:<Table> prop:store 1`] = `
3965
3982
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
3966
3983
  />
3967
3984
  </svg>
3968
- </span>
3969
- <span
3985
+ </ui_icon>
3986
+ <ui_menu
3970
3987
  class="container"
3971
3988
  >
3972
- <div
3989
+ <ui_pressable
3973
3990
  class="pressable"
3974
3991
  style="position: relative;"
3992
+ tabindex="0"
3975
3993
  >
3976
- <span
3994
+ <ui_icon
3977
3995
  class="icon headline-3 icon disabled"
3978
3996
  >
3979
3997
  <svg
@@ -3993,10 +4011,10 @@ exports[`component:<Table> prop:store 1`] = `
3993
4011
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
3994
4012
  />
3995
4013
  </svg>
3996
- </span>
3997
- </div>
3998
- </span>
3999
- </div>
4014
+ </ui_icon>
4015
+ </ui_pressable>
4016
+ </ui_menu>
4017
+ </ui_view>
4000
4018
  </span>
4001
4019
  </th>
4002
4020
  <th>
@@ -4004,10 +4022,10 @@ exports[`component:<Table> prop:store 1`] = `
4004
4022
  class="view forceRow column"
4005
4023
  >
4006
4024
  Email
4007
- <div
4025
+ <ui_view
4008
4026
  class="view row icons"
4009
4027
  >
4010
- <span
4028
+ <ui_icon
4011
4029
  class="icon headline-3 icon disabled"
4012
4030
  >
4013
4031
  <svg
@@ -4027,15 +4045,16 @@ exports[`component:<Table> prop:store 1`] = `
4027
4045
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4028
4046
  />
4029
4047
  </svg>
4030
- </span>
4031
- <span
4048
+ </ui_icon>
4049
+ <ui_menu
4032
4050
  class="container"
4033
4051
  >
4034
- <div
4052
+ <ui_pressable
4035
4053
  class="pressable"
4036
4054
  style="position: relative;"
4055
+ tabindex="0"
4037
4056
  >
4038
- <span
4057
+ <ui_icon
4039
4058
  class="icon headline-3 icon disabled"
4040
4059
  >
4041
4060
  <svg
@@ -4055,10 +4074,10 @@ exports[`component:<Table> prop:store 1`] = `
4055
4074
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
4056
4075
  />
4057
4076
  </svg>
4058
- </span>
4059
- </div>
4060
- </span>
4061
- </div>
4077
+ </ui_icon>
4078
+ </ui_pressable>
4079
+ </ui_menu>
4080
+ </ui_view>
4062
4081
  </span>
4063
4082
  </th>
4064
4083
  <th>
@@ -4066,10 +4085,10 @@ exports[`component:<Table> prop:store 1`] = `
4066
4085
  class="view forceRow column"
4067
4086
  >
4068
4087
  Year
4069
- <div
4088
+ <ui_view
4070
4089
  class="view row icons"
4071
4090
  >
4072
- <span
4091
+ <ui_icon
4073
4092
  class="icon headline-3 icon disabled"
4074
4093
  >
4075
4094
  <svg
@@ -4089,15 +4108,16 @@ exports[`component:<Table> prop:store 1`] = `
4089
4108
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4090
4109
  />
4091
4110
  </svg>
4092
- </span>
4093
- <span
4111
+ </ui_icon>
4112
+ <ui_menu
4094
4113
  class="container"
4095
4114
  >
4096
- <div
4115
+ <ui_pressable
4097
4116
  class="pressable"
4098
4117
  style="position: relative;"
4118
+ tabindex="0"
4099
4119
  >
4100
- <span
4120
+ <ui_icon
4101
4121
  class="icon headline-3 icon disabled"
4102
4122
  >
4103
4123
  <svg
@@ -4117,29 +4137,29 @@ exports[`component:<Table> prop:store 1`] = `
4117
4137
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
4118
4138
  />
4119
4139
  </svg>
4120
- </span>
4121
- </div>
4122
- </span>
4123
- </div>
4140
+ </ui_icon>
4141
+ </ui_pressable>
4142
+ </ui_menu>
4143
+ </ui_view>
4124
4144
  </span>
4125
4145
  </th>
4126
4146
  <th>
4127
4147
  <span
4128
4148
  class="view forceRow column"
4129
4149
  >
4130
- <span
4150
+ <ui_tooltip
4131
4151
  class="container"
4132
4152
  >
4133
- <div
4153
+ <ui_primitive
4134
4154
  class="dispatcher tooltip"
4135
4155
  >
4136
4156
  Twitter
4137
- </div>
4138
- </span>
4139
- <div
4157
+ </ui_primitive>
4158
+ </ui_tooltip>
4159
+ <ui_view
4140
4160
  class="view row icons"
4141
4161
  >
4142
- <span
4162
+ <ui_icon
4143
4163
  class="icon headline-3 icon disabled"
4144
4164
  >
4145
4165
  <svg
@@ -4159,15 +4179,16 @@ exports[`component:<Table> prop:store 1`] = `
4159
4179
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4160
4180
  />
4161
4181
  </svg>
4162
- </span>
4163
- <span
4182
+ </ui_icon>
4183
+ <ui_menu
4164
4184
  class="container"
4165
4185
  >
4166
- <div
4186
+ <ui_pressable
4167
4187
  class="pressable"
4168
4188
  style="position: relative;"
4189
+ tabindex="0"
4169
4190
  >
4170
- <span
4191
+ <ui_icon
4171
4192
  class="icon headline-3 icon disabled"
4172
4193
  >
4173
4194
  <svg
@@ -4187,10 +4208,10 @@ exports[`component:<Table> prop:store 1`] = `
4187
4208
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
4188
4209
  />
4189
4210
  </svg>
4190
- </span>
4191
- </div>
4192
- </span>
4193
- </div>
4211
+ </ui_icon>
4212
+ </ui_pressable>
4213
+ </ui_menu>
4214
+ </ui_view>
4194
4215
  </span>
4195
4216
  </th>
4196
4217
  <th>
@@ -4198,10 +4219,10 @@ exports[`component:<Table> prop:store 1`] = `
4198
4219
  class="view forceRow column"
4199
4220
  >
4200
4221
  Action
4201
- <div
4222
+ <ui_view
4202
4223
  class="view row icons"
4203
4224
  >
4204
- <span
4225
+ <ui_icon
4205
4226
  class="icon headline-3 icon disabled"
4206
4227
  >
4207
4228
  <svg
@@ -4221,15 +4242,16 @@ exports[`component:<Table> prop:store 1`] = `
4221
4242
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4222
4243
  />
4223
4244
  </svg>
4224
- </span>
4225
- <span
4245
+ </ui_icon>
4246
+ <ui_menu
4226
4247
  class="container"
4227
4248
  >
4228
- <div
4249
+ <ui_pressable
4229
4250
  class="pressable"
4230
4251
  style="position: relative;"
4252
+ tabindex="0"
4231
4253
  >
4232
- <span
4254
+ <ui_icon
4233
4255
  class="icon headline-3 icon disabled"
4234
4256
  >
4235
4257
  <svg
@@ -4249,23 +4271,23 @@ exports[`component:<Table> prop:store 1`] = `
4249
4271
  d="M10 18h4v-2h-4v2zM3 6v2h18V6H3zm3 7h12v-2H6v2z"
4250
4272
  />
4251
4273
  </svg>
4252
- </span>
4253
- </div>
4254
- </span>
4255
- </div>
4274
+ </ui_icon>
4275
+ </ui_pressable>
4276
+ </ui_menu>
4277
+ </ui_view>
4256
4278
  </span>
4257
4279
  </th>
4258
4280
  </tr>
4259
4281
  </thead>
4260
4282
  <tbody />
4261
4283
  </table>
4262
- </div>
4284
+ </ui_scrollview>
4263
4285
  </DocumentFragment>
4264
4286
  `;
4265
4287
 
4266
4288
  exports[`component:<Table> renders 1`] = `
4267
4289
  <DocumentFragment>
4268
- <div
4290
+ <ui_scrollview
4269
4291
  class="scrollview snap vertical notIndicator container"
4270
4292
  >
4271
4293
  <table
@@ -4278,10 +4300,10 @@ exports[`component:<Table> renders 1`] = `
4278
4300
  class="view forceRow column"
4279
4301
  >
4280
4302
  User Name
4281
- <div
4303
+ <ui_view
4282
4304
  class="view row icons"
4283
4305
  >
4284
- <span
4306
+ <ui_icon
4285
4307
  class="icon headline-3 icon disabled"
4286
4308
  >
4287
4309
  <svg
@@ -4301,8 +4323,8 @@ exports[`component:<Table> renders 1`] = `
4301
4323
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4302
4324
  />
4303
4325
  </svg>
4304
- </span>
4305
- </div>
4326
+ </ui_icon>
4327
+ </ui_view>
4306
4328
  </span>
4307
4329
  </th>
4308
4330
  <th>
@@ -4310,10 +4332,10 @@ exports[`component:<Table> renders 1`] = `
4310
4332
  class="view forceRow column"
4311
4333
  >
4312
4334
  Email
4313
- <div
4335
+ <ui_view
4314
4336
  class="view row icons"
4315
4337
  >
4316
- <span
4338
+ <ui_icon
4317
4339
  class="icon headline-3 icon disabled"
4318
4340
  >
4319
4341
  <svg
@@ -4333,8 +4355,8 @@ exports[`component:<Table> renders 1`] = `
4333
4355
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4334
4356
  />
4335
4357
  </svg>
4336
- </span>
4337
- </div>
4358
+ </ui_icon>
4359
+ </ui_view>
4338
4360
  </span>
4339
4361
  </th>
4340
4362
  <th>
@@ -4342,10 +4364,10 @@ exports[`component:<Table> renders 1`] = `
4342
4364
  class="view forceRow column"
4343
4365
  >
4344
4366
  Year
4345
- <div
4367
+ <ui_view
4346
4368
  class="view row icons"
4347
4369
  >
4348
- <span
4370
+ <ui_icon
4349
4371
  class="icon headline-3 icon disabled"
4350
4372
  >
4351
4373
  <svg
@@ -4365,27 +4387,27 @@ exports[`component:<Table> renders 1`] = `
4365
4387
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4366
4388
  />
4367
4389
  </svg>
4368
- </span>
4369
- </div>
4390
+ </ui_icon>
4391
+ </ui_view>
4370
4392
  </span>
4371
4393
  </th>
4372
4394
  <th>
4373
4395
  <span
4374
4396
  class="view forceRow column"
4375
4397
  >
4376
- <span
4398
+ <ui_tooltip
4377
4399
  class="container"
4378
4400
  >
4379
- <div
4401
+ <ui_primitive
4380
4402
  class="dispatcher tooltip"
4381
4403
  >
4382
4404
  Twitter
4383
- </div>
4384
- </span>
4385
- <div
4405
+ </ui_primitive>
4406
+ </ui_tooltip>
4407
+ <ui_view
4386
4408
  class="view row icons"
4387
4409
  >
4388
- <span
4410
+ <ui_icon
4389
4411
  class="icon headline-3 icon disabled"
4390
4412
  >
4391
4413
  <svg
@@ -4405,8 +4427,8 @@ exports[`component:<Table> renders 1`] = `
4405
4427
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4406
4428
  />
4407
4429
  </svg>
4408
- </span>
4409
- </div>
4430
+ </ui_icon>
4431
+ </ui_view>
4410
4432
  </span>
4411
4433
  </th>
4412
4434
  <th>
@@ -4414,10 +4436,10 @@ exports[`component:<Table> renders 1`] = `
4414
4436
  class="view forceRow column"
4415
4437
  >
4416
4438
  Action
4417
- <div
4439
+ <ui_view
4418
4440
  class="view row icons"
4419
4441
  >
4420
- <span
4442
+ <ui_icon
4421
4443
  class="icon headline-3 icon disabled"
4422
4444
  >
4423
4445
  <svg
@@ -4437,8 +4459,8 @@ exports[`component:<Table> renders 1`] = `
4437
4459
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4438
4460
  />
4439
4461
  </svg>
4440
- </span>
4441
- </div>
4462
+ </ui_icon>
4463
+ </ui_view>
4442
4464
  </span>
4443
4465
  </th>
4444
4466
  </tr>
@@ -4683,13 +4705,437 @@ exports[`component:<Table> renders 1`] = `
4683
4705
  </tr>
4684
4706
  </tbody>
4685
4707
  </table>
4686
- </div>
4708
+ </ui_scrollview>
4709
+ </DocumentFragment>
4710
+ `;
4711
+
4712
+ exports[`component:<Table> tag 1`] = `
4713
+ <DocumentFragment>
4714
+ <ui_tag
4715
+ class="scrollview snap vertical notIndicator container"
4716
+ >
4717
+ <table
4718
+ class="table"
4719
+ >
4720
+ <thead>
4721
+ <tr>
4722
+ <th>
4723
+ <span
4724
+ class="view forceRow column"
4725
+ >
4726
+ User Name
4727
+ <ui_view
4728
+ class="view row icons"
4729
+ >
4730
+ <ui_icon
4731
+ class="icon headline-3 icon disabled"
4732
+ >
4733
+ <svg
4734
+ fill="currentColor"
4735
+ height="1em"
4736
+ stroke="currentColor"
4737
+ stroke-width="0"
4738
+ viewBox="0 0 24 24"
4739
+ width="1em"
4740
+ xmlns="http://www.w3.org/2000/svg"
4741
+ >
4742
+ <path
4743
+ d="M0 0h24v24H0V0z"
4744
+ fill="none"
4745
+ />
4746
+ <path
4747
+ d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4748
+ />
4749
+ </svg>
4750
+ </ui_icon>
4751
+ </ui_view>
4752
+ </span>
4753
+ </th>
4754
+ <th>
4755
+ <span
4756
+ class="view forceRow column"
4757
+ >
4758
+ Email
4759
+ <ui_view
4760
+ class="view row icons"
4761
+ >
4762
+ <ui_icon
4763
+ class="icon headline-3 icon disabled"
4764
+ >
4765
+ <svg
4766
+ fill="currentColor"
4767
+ height="1em"
4768
+ stroke="currentColor"
4769
+ stroke-width="0"
4770
+ viewBox="0 0 24 24"
4771
+ width="1em"
4772
+ xmlns="http://www.w3.org/2000/svg"
4773
+ >
4774
+ <path
4775
+ d="M0 0h24v24H0V0z"
4776
+ fill="none"
4777
+ />
4778
+ <path
4779
+ d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4780
+ />
4781
+ </svg>
4782
+ </ui_icon>
4783
+ </ui_view>
4784
+ </span>
4785
+ </th>
4786
+ <th>
4787
+ <span
4788
+ class="view forceRow column"
4789
+ >
4790
+ Year
4791
+ <ui_view
4792
+ class="view row icons"
4793
+ >
4794
+ <ui_icon
4795
+ class="icon headline-3 icon disabled"
4796
+ >
4797
+ <svg
4798
+ fill="currentColor"
4799
+ height="1em"
4800
+ stroke="currentColor"
4801
+ stroke-width="0"
4802
+ viewBox="0 0 24 24"
4803
+ width="1em"
4804
+ xmlns="http://www.w3.org/2000/svg"
4805
+ >
4806
+ <path
4807
+ d="M0 0h24v24H0V0z"
4808
+ fill="none"
4809
+ />
4810
+ <path
4811
+ d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4812
+ />
4813
+ </svg>
4814
+ </ui_icon>
4815
+ </ui_view>
4816
+ </span>
4817
+ </th>
4818
+ <th>
4819
+ <span
4820
+ class="view forceRow column"
4821
+ >
4822
+ <ui_tooltip
4823
+ class="container"
4824
+ >
4825
+ <ui_primitive
4826
+ class="dispatcher tooltip"
4827
+ >
4828
+ Twitter
4829
+ </ui_primitive>
4830
+ </ui_tooltip>
4831
+ <ui_view
4832
+ class="view row icons"
4833
+ >
4834
+ <ui_icon
4835
+ class="icon headline-3 icon disabled"
4836
+ >
4837
+ <svg
4838
+ fill="currentColor"
4839
+ height="1em"
4840
+ stroke="currentColor"
4841
+ stroke-width="0"
4842
+ viewBox="0 0 24 24"
4843
+ width="1em"
4844
+ xmlns="http://www.w3.org/2000/svg"
4845
+ >
4846
+ <path
4847
+ d="M0 0h24v24H0V0z"
4848
+ fill="none"
4849
+ />
4850
+ <path
4851
+ d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4852
+ />
4853
+ </svg>
4854
+ </ui_icon>
4855
+ </ui_view>
4856
+ </span>
4857
+ </th>
4858
+ <th>
4859
+ <span
4860
+ class="view forceRow column"
4861
+ >
4862
+ Action
4863
+ <ui_view
4864
+ class="view row icons"
4865
+ >
4866
+ <ui_icon
4867
+ class="icon headline-3 icon disabled"
4868
+ >
4869
+ <svg
4870
+ fill="currentColor"
4871
+ height="1em"
4872
+ stroke="currentColor"
4873
+ stroke-width="0"
4874
+ viewBox="0 0 24 24"
4875
+ width="1em"
4876
+ xmlns="http://www.w3.org/2000/svg"
4877
+ >
4878
+ <path
4879
+ d="M0 0h24v24H0V0z"
4880
+ fill="none"
4881
+ />
4882
+ <path
4883
+ d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4884
+ />
4885
+ </svg>
4886
+ </ui_icon>
4887
+ </ui_view>
4888
+ </span>
4889
+ </th>
4890
+ </tr>
4891
+ </thead>
4892
+ <tbody>
4893
+ <tr>
4894
+ <td>
4895
+ <span
4896
+ class="view forceRow column text"
4897
+ >
4898
+ jose
4899
+ </span>
4900
+ </td>
4901
+ <td>
4902
+ <span
4903
+ class="view forceRow column text"
4904
+ >
4905
+ jose@mirai.com
4906
+ </span>
4907
+ </td>
4908
+ <td>
4909
+ <span
4910
+ class="view forceRow column number"
4911
+ >
4912
+ 2012
4913
+ </span>
4914
+ </td>
4915
+ <td>
4916
+ <span
4917
+ class="view forceRow column text"
4918
+ />
4919
+ </td>
4920
+ <td>
4921
+ <span
4922
+ class="view forceRow column text"
4923
+ />
4924
+ </td>
4925
+ </tr>
4926
+ <tr>
4927
+ <td>
4928
+ <span
4929
+ class="view forceRow column text"
4930
+ >
4931
+ mario/1
4932
+ </span>
4933
+ </td>
4934
+ <td>
4935
+ <span
4936
+ class="view forceRow column text"
4937
+ >
4938
+ mario.1@mirai.com
4939
+ </span>
4940
+ </td>
4941
+ <td>
4942
+ <span
4943
+ class="view forceRow column number"
4944
+ >
4945
+ 2005
4946
+ </span>
4947
+ </td>
4948
+ <td>
4949
+ <span
4950
+ class="view forceRow column text"
4951
+ />
4952
+ </td>
4953
+ <td>
4954
+ <span
4955
+ class="view forceRow column text"
4956
+ />
4957
+ </td>
4958
+ </tr>
4959
+ <tr>
4960
+ <td>
4961
+ <span
4962
+ class="view forceRow column text"
4963
+ >
4964
+ carlos
4965
+ </span>
4966
+ </td>
4967
+ <td>
4968
+ <span
4969
+ class="view forceRow column text"
4970
+ >
4971
+ carlos@mirai.com
4972
+ </span>
4973
+ </td>
4974
+ <td>
4975
+ <span
4976
+ class="view forceRow column number"
4977
+ >
4978
+ 2012
4979
+ </span>
4980
+ </td>
4981
+ <td>
4982
+ <span
4983
+ class="view forceRow column text"
4984
+ />
4985
+ </td>
4986
+ <td>
4987
+ <span
4988
+ class="view forceRow column text"
4989
+ />
4990
+ </td>
4991
+ </tr>
4992
+ <tr>
4993
+ <td>
4994
+ <span
4995
+ class="view forceRow column text"
4996
+ >
4997
+ svet
4998
+ </span>
4999
+ </td>
5000
+ <td>
5001
+ <span
5002
+ class="view forceRow column text"
5003
+ >
5004
+ svet@mirai.com
5005
+ </span>
5006
+ </td>
5007
+ <td>
5008
+ <span
5009
+ class="view forceRow column number"
5010
+ >
5011
+ 2021
5012
+ </span>
5013
+ </td>
5014
+ <td>
5015
+ <span
5016
+ class="view forceRow column text"
5017
+ />
5018
+ </td>
5019
+ <td>
5020
+ <span
5021
+ class="view forceRow column text"
5022
+ >
5023
+ <strong>
5024
+ action
5025
+ </strong>
5026
+ </span>
5027
+ </td>
5028
+ </tr>
5029
+ <tr>
5030
+ <td>
5031
+ <span
5032
+ class="view forceRow column text"
5033
+ >
5034
+ javi
5035
+ </span>
5036
+ </td>
5037
+ <td>
5038
+ <span
5039
+ class="view forceRow column text"
5040
+ >
5041
+ hi@soyjavi.com
5042
+ </span>
5043
+ </td>
5044
+ <td>
5045
+ <span
5046
+ class="view forceRow column number"
5047
+ >
5048
+ 2022
5049
+ </span>
5050
+ </td>
5051
+ <td>
5052
+ <span
5053
+ class="view forceRow column text"
5054
+ >
5055
+ soyjavi
5056
+ </span>
5057
+ </td>
5058
+ <td>
5059
+ <span
5060
+ class="view forceRow column text"
5061
+ />
5062
+ </td>
5063
+ </tr>
5064
+ <tr>
5065
+ <td>
5066
+ <span
5067
+ class="view forceRow column text"
5068
+ >
5069
+ victor
5070
+ </span>
5071
+ </td>
5072
+ <td>
5073
+ <span
5074
+ class="view forceRow column text"
5075
+ >
5076
+ victor@mirai.com
5077
+ </span>
5078
+ </td>
5079
+ <td>
5080
+ <span
5081
+ class="view forceRow column number"
5082
+ >
5083
+ 2021
5084
+ </span>
5085
+ </td>
5086
+ <td>
5087
+ <span
5088
+ class="view forceRow column text"
5089
+ />
5090
+ </td>
5091
+ <td>
5092
+ <span
5093
+ class="view forceRow column text"
5094
+ />
5095
+ </td>
5096
+ </tr>
5097
+ <tr>
5098
+ <td>
5099
+ <span
5100
+ class="view forceRow column text"
5101
+ >
5102
+ mario/2
5103
+ </span>
5104
+ </td>
5105
+ <td>
5106
+ <span
5107
+ class="view forceRow column text"
5108
+ >
5109
+ mario.2@mirai.com
5110
+ </span>
5111
+ </td>
5112
+ <td>
5113
+ <span
5114
+ class="view forceRow column number"
5115
+ >
5116
+ 2022
5117
+ </span>
5118
+ </td>
5119
+ <td>
5120
+ <span
5121
+ class="view forceRow column text"
5122
+ />
5123
+ </td>
5124
+ <td>
5125
+ <span
5126
+ class="view forceRow column text"
5127
+ />
5128
+ </td>
5129
+ </tr>
5130
+ </tbody>
5131
+ </table>
5132
+ </ui_tag>
4687
5133
  </DocumentFragment>
4688
5134
  `;
4689
5135
 
4690
5136
  exports[`component:<Table> testId 1`] = `
4691
5137
  <DocumentFragment>
4692
- <div
5138
+ <ui_scrollview
4693
5139
  class="scrollview snap vertical notIndicator container"
4694
5140
  data-testid="mirai"
4695
5141
  >
@@ -4707,10 +5153,10 @@ exports[`component:<Table> testId 1`] = `
4707
5153
  class="view forceRow column"
4708
5154
  >
4709
5155
  User Name
4710
- <div
5156
+ <ui_view
4711
5157
  class="view row icons"
4712
5158
  >
4713
- <span
5159
+ <ui_icon
4714
5160
  class="icon headline-3 icon disabled"
4715
5161
  >
4716
5162
  <svg
@@ -4730,8 +5176,8 @@ exports[`component:<Table> testId 1`] = `
4730
5176
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4731
5177
  />
4732
5178
  </svg>
4733
- </span>
4734
- </div>
5179
+ </ui_icon>
5180
+ </ui_view>
4735
5181
  </span>
4736
5182
  </th>
4737
5183
  <th
@@ -4741,10 +5187,10 @@ exports[`component:<Table> testId 1`] = `
4741
5187
  class="view forceRow column"
4742
5188
  >
4743
5189
  Email
4744
- <div
5190
+ <ui_view
4745
5191
  class="view row icons"
4746
5192
  >
4747
- <span
5193
+ <ui_icon
4748
5194
  class="icon headline-3 icon disabled"
4749
5195
  >
4750
5196
  <svg
@@ -4764,8 +5210,8 @@ exports[`component:<Table> testId 1`] = `
4764
5210
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4765
5211
  />
4766
5212
  </svg>
4767
- </span>
4768
- </div>
5213
+ </ui_icon>
5214
+ </ui_view>
4769
5215
  </span>
4770
5216
  </th>
4771
5217
  <th
@@ -4775,10 +5221,10 @@ exports[`component:<Table> testId 1`] = `
4775
5221
  class="view forceRow column"
4776
5222
  >
4777
5223
  Year
4778
- <div
5224
+ <ui_view
4779
5225
  class="view row icons"
4780
5226
  >
4781
- <span
5227
+ <ui_icon
4782
5228
  class="icon headline-3 icon disabled"
4783
5229
  >
4784
5230
  <svg
@@ -4798,8 +5244,8 @@ exports[`component:<Table> testId 1`] = `
4798
5244
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4799
5245
  />
4800
5246
  </svg>
4801
- </span>
4802
- </div>
5247
+ </ui_icon>
5248
+ </ui_view>
4803
5249
  </span>
4804
5250
  </th>
4805
5251
  <th
@@ -4808,19 +5254,19 @@ exports[`component:<Table> testId 1`] = `
4808
5254
  <span
4809
5255
  class="view forceRow column"
4810
5256
  >
4811
- <span
5257
+ <ui_tooltip
4812
5258
  class="container"
4813
5259
  >
4814
- <div
5260
+ <ui_primitive
4815
5261
  class="dispatcher tooltip"
4816
5262
  >
4817
5263
  Twitter
4818
- </div>
4819
- </span>
4820
- <div
5264
+ </ui_primitive>
5265
+ </ui_tooltip>
5266
+ <ui_view
4821
5267
  class="view row icons"
4822
5268
  >
4823
- <span
5269
+ <ui_icon
4824
5270
  class="icon headline-3 icon disabled"
4825
5271
  >
4826
5272
  <svg
@@ -4840,8 +5286,8 @@ exports[`component:<Table> testId 1`] = `
4840
5286
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4841
5287
  />
4842
5288
  </svg>
4843
- </span>
4844
- </div>
5289
+ </ui_icon>
5290
+ </ui_view>
4845
5291
  </span>
4846
5292
  </th>
4847
5293
  <th
@@ -4851,10 +5297,10 @@ exports[`component:<Table> testId 1`] = `
4851
5297
  class="view forceRow column"
4852
5298
  >
4853
5299
  Action
4854
- <div
5300
+ <ui_view
4855
5301
  class="view row icons"
4856
5302
  >
4857
- <span
5303
+ <ui_icon
4858
5304
  class="icon headline-3 icon disabled"
4859
5305
  >
4860
5306
  <svg
@@ -4874,8 +5320,8 @@ exports[`component:<Table> testId 1`] = `
4874
5320
  d="m20 12-1.41-1.41L13 16.17V4h-2v12.17l-5.58-5.59L4 12l8 8 8-8z"
4875
5321
  />
4876
5322
  </svg>
4877
- </span>
4878
- </div>
5323
+ </ui_icon>
5324
+ </ui_view>
4879
5325
  </span>
4880
5326
  </th>
4881
5327
  </tr>
@@ -5204,6 +5650,6 @@ exports[`component:<Table> testId 1`] = `
5204
5650
  </tr>
5205
5651
  </tbody>
5206
5652
  </table>
5207
- </div>
5653
+ </ui_scrollview>
5208
5654
  </DocumentFragment>
5209
5655
  `;