@sakura-ui/sakura-ui 0.1.12 → 0.1.13

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 (42) hide show
  1. package/package.json +1 -1
  2. package/packages/config/package.json +1 -1
  3. package/packages/config/src/index.ts +25 -9
  4. package/packages/core/coverage/clover.xml +258 -0
  5. package/packages/core/coverage/coverage-final.json +15 -0
  6. package/packages/core/coverage/lcov-report/base.css +224 -0
  7. package/packages/core/coverage/lcov-report/block-navigation.js +87 -0
  8. package/packages/core/coverage/lcov-report/favicon.png +0 -0
  9. package/packages/core/coverage/lcov-report/index.html +146 -0
  10. package/packages/core/coverage/lcov-report/prettify.css +1 -0
  11. package/packages/core/coverage/lcov-report/prettify.js +2 -0
  12. package/packages/core/coverage/lcov-report/sort-arrow-sprite.png +0 -0
  13. package/packages/core/coverage/lcov-report/sorter.js +196 -0
  14. package/packages/core/coverage/lcov-report/src/components/Button.tsx.html +301 -0
  15. package/packages/core/coverage/lcov-report/src/components/Card.tsx.html +397 -0
  16. package/packages/core/coverage/lcov-report/src/components/Code.tsx.html +142 -0
  17. package/packages/core/coverage/lcov-report/src/components/Heading.tsx.html +403 -0
  18. package/packages/core/coverage/lcov-report/src/components/Icon.tsx.html +181 -0
  19. package/packages/core/coverage/lcov-report/src/components/IconButton.tsx.html +376 -0
  20. package/packages/core/coverage/lcov-report/src/components/InfoCard.tsx.html +238 -0
  21. package/packages/core/coverage/lcov-report/src/components/Link.tsx.html +322 -0
  22. package/packages/core/coverage/lcov-report/src/components/List.tsx.html +202 -0
  23. package/packages/core/coverage/lcov-report/src/components/Pre.tsx.html +151 -0
  24. package/packages/core/coverage/lcov-report/src/components/Table.tsx.html +427 -0
  25. package/packages/core/coverage/lcov-report/src/components/index.html +281 -0
  26. package/packages/core/coverage/lcov-report/src/components/index.ts.html +124 -0
  27. package/packages/core/coverage/lcov-report/src/index.html +116 -0
  28. package/packages/core/coverage/lcov-report/src/index.ts.html +169 -0
  29. package/packages/core/coverage/lcov-report/src/utils/class.ts.html +88 -0
  30. package/packages/core/coverage/lcov-report/src/utils/index.html +116 -0
  31. package/packages/core/coverage/lcov.info +523 -0
  32. package/packages/core/jest.config.ts +11 -0
  33. package/packages/core/package.json +5 -1
  34. package/packages/core/src/components/Button.tsx +33 -29
  35. package/packages/core/src/components/Card.tsx +87 -6
  36. package/packages/core/src/components/IconButton.tsx +19 -14
  37. package/packages/core/src/components/InfoCard.tsx +10 -9
  38. package/packages/core/src/components/index.ts +4 -2
  39. package/packages/core/src/index.ts +3 -0
  40. package/packages/core/tests/Card.test.tsx +19 -0
  41. package/packages/forms/jest.config.ts +0 -3
  42. package/packages/forms/node_modules/.bin/browserslist +17 -0
package/packages/core/coverage/lcov-report/src/components/Pre.tsx.html ADDED
@@ -0,0 +1,151 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for src/components/Pre.tsx</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../prettify.css" />
9
+ <link rel="stylesheet" href="../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/components</a> Pre.tsx</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">50% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>3/6</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">100% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>0/0</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">0% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>0/1</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">40% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>2/5</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
+ </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input oninput="onInput()" type="search" id="fileSearch">
61
+ </div>
62
+ </template>
63
+ </div>
64
+ <div class='status-line medium'></div>
65
+ <pre><table class="coverage">
66
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
+ <a name='L2'></a><a href='#L2'>2</a>
68
+ <a name='L3'></a><a href='#L3'>3</a>
69
+ <a name='L4'></a><a href='#L4'>4</a>
70
+ <a name='L5'></a><a href='#L5'>5</a>
71
+ <a name='L6'></a><a href='#L6'>6</a>
72
+ <a name='L7'></a><a href='#L7'>7</a>
73
+ <a name='L8'></a><a href='#L8'>8</a>
74
+ <a name='L9'></a><a href='#L9'>9</a>
75
+ <a name='L10'></a><a href='#L10'>10</a>
76
+ <a name='L11'></a><a href='#L11'>11</a>
77
+ <a name='L12'></a><a href='#L12'>12</a>
78
+ <a name='L13'></a><a href='#L13'>13</a>
79
+ <a name='L14'></a><a href='#L14'>14</a>
80
+ <a name='L15'></a><a href='#L15'>15</a>
81
+ <a name='L16'></a><a href='#L16'>16</a>
82
+ <a name='L17'></a><a href='#L17'>17</a>
83
+ <a name='L18'></a><a href='#L18'>18</a>
84
+ <a name='L19'></a><a href='#L19'>19</a>
85
+ <a name='L20'></a><a href='#L20'>20</a>
86
+ <a name='L21'></a><a href='#L21'>21</a>
87
+ <a name='L22'></a><a href='#L22'>22</a>
88
+ <a name='L23'></a><a href='#L23'>23</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
89
+ <span class="cline-any cline-yes">1x</span>
90
+ <span class="cline-any cline-neutral">&nbsp;</span>
91
+ <span class="cline-any cline-neutral">&nbsp;</span>
92
+ <span class="cline-any cline-neutral">&nbsp;</span>
93
+ <span class="cline-any cline-yes">1x</span>
94
+ <span class="cline-any cline-no">&nbsp;</span>
95
+ <span class="cline-any cline-neutral">&nbsp;</span>
96
+ <span class="cline-any cline-no">&nbsp;</span>
97
+ <span class="cline-any cline-neutral">&nbsp;</span>
98
+ <span class="cline-any cline-neutral">&nbsp;</span>
99
+ <span class="cline-any cline-neutral">&nbsp;</span>
100
+ <span class="cline-any cline-neutral">&nbsp;</span>
101
+ <span class="cline-any cline-neutral">&nbsp;</span>
102
+ <span class="cline-any cline-neutral">&nbsp;</span>
103
+ <span class="cline-any cline-neutral">&nbsp;</span>
104
+ <span class="cline-any cline-no">&nbsp;</span>
105
+ <span class="cline-any cline-neutral">&nbsp;</span>
106
+ <span class="cline-any cline-neutral">&nbsp;</span>
107
+ <span class="cline-any cline-neutral">&nbsp;</span>
108
+ <span class="cline-any cline-neutral">&nbsp;</span>
109
+ <span class="cline-any cline-neutral">&nbsp;</span>
110
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react'
111
+ import { cx } from '../utils/class'
112
+ &nbsp;
113
+ export interface PreProps extends React.ComponentPropsWithoutRef&lt;'pre'&gt; {}
114
+ &nbsp;
115
+ export const Pre: React.ElementType&lt;PreProps&gt; = <span class="fstat-no" title="function not covered" >(p</span>rops: PreProps) =&gt; {
116
+ const { className, children, ...restProps } = <span class="cstat-no" title="statement not covered" >props</span>
117
+ &nbsp;
118
+ const style = <span class="cstat-no" title="statement not covered" >`</span>
119
+ p-4
120
+ bg-sumi-50
121
+ rounded-lg
122
+ whitespace-pre-wrap
123
+ overflow-y-scroll
124
+ `
125
+ &nbsp;
126
+ <span class="cstat-no" title="statement not covered" > return (</span>
127
+ &lt;pre className={cx(style, className)} {...restProps}&gt;
128
+ {children}
129
+ &lt;/pre&gt;
130
+ )
131
+ }
132
+ &nbsp;</pre></td></tr></table></pre>
133
+
134
+ <div class='push'></div><!-- for sticky footer -->
135
+ </div><!-- /wrapper -->
136
+ <div class='footer quiet pad2 space-top1 center small'>
137
+ Code coverage generated by
138
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
139
+ at 2023-08-10T08:40:53.129Z
140
+ </div>
141
+ <script src="../../prettify.js"></script>
142
+ <script>
143
+ window.onload = function () {
144
+ prettyPrint();
145
+ };
146
+ </script>
147
+ <script src="../../sorter.js"></script>
148
+ <script src="../../block-navigation.js"></script>
149
+ </body>
150
+ </html>
151
+
package/packages/core/coverage/lcov-report/src/components/Table.tsx.html ADDED
@@ -0,0 +1,427 @@
1
+
2
+ <!doctype html>
3
+ <html lang="en">
4
+
5
+ <head>
6
+ <title>Code coverage report for src/components/Table.tsx</title>
7
+ <meta charset="utf-8" />
8
+ <link rel="stylesheet" href="../../prettify.css" />
9
+ <link rel="stylesheet" href="../../base.css" />
10
+ <link rel="shortcut icon" type="image/x-icon" href="../../favicon.png" />
11
+ <meta name="viewport" content="width=device-width, initial-scale=1" />
12
+ <style type='text/css'>
13
+ .coverage-summary .sorter {
14
+ background-image: url(../../sort-arrow-sprite.png);
15
+ }
16
+ </style>
17
+ </head>
18
+
19
+ <body>
20
+ <div class='wrapper'>
21
+ <div class='pad1'>
22
+ <h1><a href="../../index.html">All files</a> / <a href="index.html">src/components</a> Table.tsx</h1>
23
+ <div class='clearfix'>
24
+
25
+ <div class='fl pad1y space-right2'>
26
+ <span class="strong">45.71% </span>
27
+ <span class="quiet">Statements</span>
28
+ <span class='fraction'>16/35</span>
29
+ </div>
30
+
31
+
32
+ <div class='fl pad1y space-right2'>
33
+ <span class="strong">100% </span>
34
+ <span class="quiet">Branches</span>
35
+ <span class='fraction'>0/0</span>
36
+ </div>
37
+
38
+
39
+ <div class='fl pad1y space-right2'>
40
+ <span class="strong">0% </span>
41
+ <span class="quiet">Functions</span>
42
+ <span class='fraction'>0/7</span>
43
+ </div>
44
+
45
+
46
+ <div class='fl pad1y space-right2'>
47
+ <span class="strong">32.14% </span>
48
+ <span class="quiet">Lines</span>
49
+ <span class='fraction'>9/28</span>
50
+ </div>
51
+
52
+
53
+ </div>
54
+ <p class="quiet">
55
+ Press <em>n</em> or <em>j</em> to go to the next uncovered block, <em>b</em>, <em>p</em> or <em>k</em> for the previous block.
56
+ </p>
57
+ <template id="filterTemplate">
58
+ <div class="quiet">
59
+ Filter:
60
+ <input oninput="onInput()" type="search" id="fileSearch">
61
+ </div>
62
+ </template>
63
+ </div>
64
+ <div class='status-line low'></div>
65
+ <pre><table class="coverage">
66
+ <tr><td class="line-count quiet"><a name='L1'></a><a href='#L1'>1</a>
67
+ <a name='L2'></a><a href='#L2'>2</a>
68
+ <a name='L3'></a><a href='#L3'>3</a>
69
+ <a name='L4'></a><a href='#L4'>4</a>
70
+ <a name='L5'></a><a href='#L5'>5</a>
71
+ <a name='L6'></a><a href='#L6'>6</a>
72
+ <a name='L7'></a><a href='#L7'>7</a>
73
+ <a name='L8'></a><a href='#L8'>8</a>
74
+ <a name='L9'></a><a href='#L9'>9</a>
75
+ <a name='L10'></a><a href='#L10'>10</a>
76
+ <a name='L11'></a><a href='#L11'>11</a>
77
+ <a name='L12'></a><a href='#L12'>12</a>
78
+ <a name='L13'></a><a href='#L13'>13</a>
79
+ <a name='L14'></a><a href='#L14'>14</a>
80
+ <a name='L15'></a><a href='#L15'>15</a>
81
+ <a name='L16'></a><a href='#L16'>16</a>
82
+ <a name='L17'></a><a href='#L17'>17</a>
83
+ <a name='L18'></a><a href='#L18'>18</a>
84
+ <a name='L19'></a><a href='#L19'>19</a>
85
+ <a name='L20'></a><a href='#L20'>20</a>
86
+ <a name='L21'></a><a href='#L21'>21</a>
87
+ <a name='L22'></a><a href='#L22'>22</a>
88
+ <a name='L23'></a><a href='#L23'>23</a>
89
+ <a name='L24'></a><a href='#L24'>24</a>
90
+ <a name='L25'></a><a href='#L25'>25</a>
91
+ <a name='L26'></a><a href='#L26'>26</a>
92
+ <a name='L27'></a><a href='#L27'>27</a>
93
+ <a name='L28'></a><a href='#L28'>28</a>
94
+ <a name='L29'></a><a href='#L29'>29</a>
95
+ <a name='L30'></a><a href='#L30'>30</a>
96
+ <a name='L31'></a><a href='#L31'>31</a>
97
+ <a name='L32'></a><a href='#L32'>32</a>
98
+ <a name='L33'></a><a href='#L33'>33</a>
99
+ <a name='L34'></a><a href='#L34'>34</a>
100
+ <a name='L35'></a><a href='#L35'>35</a>
101
+ <a name='L36'></a><a href='#L36'>36</a>
102
+ <a name='L37'></a><a href='#L37'>37</a>
103
+ <a name='L38'></a><a href='#L38'>38</a>
104
+ <a name='L39'></a><a href='#L39'>39</a>
105
+ <a name='L40'></a><a href='#L40'>40</a>
106
+ <a name='L41'></a><a href='#L41'>41</a>
107
+ <a name='L42'></a><a href='#L42'>42</a>
108
+ <a name='L43'></a><a href='#L43'>43</a>
109
+ <a name='L44'></a><a href='#L44'>44</a>
110
+ <a name='L45'></a><a href='#L45'>45</a>
111
+ <a name='L46'></a><a href='#L46'>46</a>
112
+ <a name='L47'></a><a href='#L47'>47</a>
113
+ <a name='L48'></a><a href='#L48'>48</a>
114
+ <a name='L49'></a><a href='#L49'>49</a>
115
+ <a name='L50'></a><a href='#L50'>50</a>
116
+ <a name='L51'></a><a href='#L51'>51</a>
117
+ <a name='L52'></a><a href='#L52'>52</a>
118
+ <a name='L53'></a><a href='#L53'>53</a>
119
+ <a name='L54'></a><a href='#L54'>54</a>
120
+ <a name='L55'></a><a href='#L55'>55</a>
121
+ <a name='L56'></a><a href='#L56'>56</a>
122
+ <a name='L57'></a><a href='#L57'>57</a>
123
+ <a name='L58'></a><a href='#L58'>58</a>
124
+ <a name='L59'></a><a href='#L59'>59</a>
125
+ <a name='L60'></a><a href='#L60'>60</a>
126
+ <a name='L61'></a><a href='#L61'>61</a>
127
+ <a name='L62'></a><a href='#L62'>62</a>
128
+ <a name='L63'></a><a href='#L63'>63</a>
129
+ <a name='L64'></a><a href='#L64'>64</a>
130
+ <a name='L65'></a><a href='#L65'>65</a>
131
+ <a name='L66'></a><a href='#L66'>66</a>
132
+ <a name='L67'></a><a href='#L67'>67</a>
133
+ <a name='L68'></a><a href='#L68'>68</a>
134
+ <a name='L69'></a><a href='#L69'>69</a>
135
+ <a name='L70'></a><a href='#L70'>70</a>
136
+ <a name='L71'></a><a href='#L71'>71</a>
137
+ <a name='L72'></a><a href='#L72'>72</a>
138
+ <a name='L73'></a><a href='#L73'>73</a>
139
+ <a name='L74'></a><a href='#L74'>74</a>
140
+ <a name='L75'></a><a href='#L75'>75</a>
141
+ <a name='L76'></a><a href='#L76'>76</a>
142
+ <a name='L77'></a><a href='#L77'>77</a>
143
+ <a name='L78'></a><a href='#L78'>78</a>
144
+ <a name='L79'></a><a href='#L79'>79</a>
145
+ <a name='L80'></a><a href='#L80'>80</a>
146
+ <a name='L81'></a><a href='#L81'>81</a>
147
+ <a name='L82'></a><a href='#L82'>82</a>
148
+ <a name='L83'></a><a href='#L83'>83</a>
149
+ <a name='L84'></a><a href='#L84'>84</a>
150
+ <a name='L85'></a><a href='#L85'>85</a>
151
+ <a name='L86'></a><a href='#L86'>86</a>
152
+ <a name='L87'></a><a href='#L87'>87</a>
153
+ <a name='L88'></a><a href='#L88'>88</a>
154
+ <a name='L89'></a><a href='#L89'>89</a>
155
+ <a name='L90'></a><a href='#L90'>90</a>
156
+ <a name='L91'></a><a href='#L91'>91</a>
157
+ <a name='L92'></a><a href='#L92'>92</a>
158
+ <a name='L93'></a><a href='#L93'>93</a>
159
+ <a name='L94'></a><a href='#L94'>94</a>
160
+ <a name='L95'></a><a href='#L95'>95</a>
161
+ <a name='L96'></a><a href='#L96'>96</a>
162
+ <a name='L97'></a><a href='#L97'>97</a>
163
+ <a name='L98'></a><a href='#L98'>98</a>
164
+ <a name='L99'></a><a href='#L99'>99</a>
165
+ <a name='L100'></a><a href='#L100'>100</a>
166
+ <a name='L101'></a><a href='#L101'>101</a>
167
+ <a name='L102'></a><a href='#L102'>102</a>
168
+ <a name='L103'></a><a href='#L103'>103</a>
169
+ <a name='L104'></a><a href='#L104'>104</a>
170
+ <a name='L105'></a><a href='#L105'>105</a>
171
+ <a name='L106'></a><a href='#L106'>106</a>
172
+ <a name='L107'></a><a href='#L107'>107</a>
173
+ <a name='L108'></a><a href='#L108'>108</a>
174
+ <a name='L109'></a><a href='#L109'>109</a>
175
+ <a name='L110'></a><a href='#L110'>110</a>
176
+ <a name='L111'></a><a href='#L111'>111</a>
177
+ <a name='L112'></a><a href='#L112'>112</a>
178
+ <a name='L113'></a><a href='#L113'>113</a>
179
+ <a name='L114'></a><a href='#L114'>114</a>
180
+ <a name='L115'></a><a href='#L115'>115</a></td><td class="line-coverage quiet"><span class="cline-any cline-neutral">&nbsp;</span>
181
+ <span class="cline-any cline-yes">1x</span>
182
+ <span class="cline-any cline-neutral">&nbsp;</span>
183
+ <span class="cline-any cline-neutral">&nbsp;</span>
184
+ <span class="cline-any cline-neutral">&nbsp;</span>
185
+ <span class="cline-any cline-yes">1x</span>
186
+ <span class="cline-any cline-neutral">&nbsp;</span>
187
+ <span class="cline-any cline-neutral">&nbsp;</span>
188
+ <span class="cline-any cline-neutral">&nbsp;</span>
189
+ <span class="cline-any cline-neutral">&nbsp;</span>
190
+ <span class="cline-any cline-neutral">&nbsp;</span>
191
+ <span class="cline-any cline-yes">1x</span>
192
+ <span class="cline-any cline-no">&nbsp;</span>
193
+ <span class="cline-any cline-neutral">&nbsp;</span>
194
+ <span class="cline-any cline-neutral">&nbsp;</span>
195
+ <span class="cline-any cline-no">&nbsp;</span>
196
+ <span class="cline-any cline-neutral">&nbsp;</span>
197
+ <span class="cline-any cline-neutral">&nbsp;</span>
198
+ <span class="cline-any cline-neutral">&nbsp;</span>
199
+ <span class="cline-any cline-neutral">&nbsp;</span>
200
+ <span class="cline-any cline-neutral">&nbsp;</span>
201
+ <span class="cline-any cline-no">&nbsp;</span>
202
+ <span class="cline-any cline-neutral">&nbsp;</span>
203
+ <span class="cline-any cline-neutral">&nbsp;</span>
204
+ <span class="cline-any cline-neutral">&nbsp;</span>
205
+ <span class="cline-any cline-neutral">&nbsp;</span>
206
+ <span class="cline-any cline-neutral">&nbsp;</span>
207
+ <span class="cline-any cline-neutral">&nbsp;</span>
208
+ <span class="cline-any cline-neutral">&nbsp;</span>
209
+ <span class="cline-any cline-neutral">&nbsp;</span>
210
+ <span class="cline-any cline-neutral">&nbsp;</span>
211
+ <span class="cline-any cline-yes">1x</span>
212
+ <span class="cline-any cline-neutral">&nbsp;</span>
213
+ <span class="cline-any cline-neutral">&nbsp;</span>
214
+ <span class="cline-any cline-no">&nbsp;</span>
215
+ <span class="cline-any cline-neutral">&nbsp;</span>
216
+ <span class="cline-any cline-no">&nbsp;</span>
217
+ <span class="cline-any cline-no">&nbsp;</span>
218
+ <span class="cline-any cline-neutral">&nbsp;</span>
219
+ <span class="cline-any cline-neutral">&nbsp;</span>
220
+ <span class="cline-any cline-neutral">&nbsp;</span>
221
+ <span class="cline-any cline-neutral">&nbsp;</span>
222
+ <span class="cline-any cline-neutral">&nbsp;</span>
223
+ <span class="cline-any cline-neutral">&nbsp;</span>
224
+ <span class="cline-any cline-neutral">&nbsp;</span>
225
+ <span class="cline-any cline-neutral">&nbsp;</span>
226
+ <span class="cline-any cline-yes">1x</span>
227
+ <span class="cline-any cline-no">&nbsp;</span>
228
+ <span class="cline-any cline-neutral">&nbsp;</span>
229
+ <span class="cline-any cline-no">&nbsp;</span>
230
+ <span class="cline-any cline-neutral">&nbsp;</span>
231
+ <span class="cline-any cline-neutral">&nbsp;</span>
232
+ <span class="cline-any cline-neutral">&nbsp;</span>
233
+ <span class="cline-any cline-neutral">&nbsp;</span>
234
+ <span class="cline-any cline-neutral">&nbsp;</span>
235
+ <span class="cline-any cline-neutral">&nbsp;</span>
236
+ <span class="cline-any cline-neutral">&nbsp;</span>
237
+ <span class="cline-any cline-neutral">&nbsp;</span>
238
+ <span class="cline-any cline-yes">1x</span>
239
+ <span class="cline-any cline-no">&nbsp;</span>
240
+ <span class="cline-any cline-neutral">&nbsp;</span>
241
+ <span class="cline-any cline-no">&nbsp;</span>
242
+ <span class="cline-any cline-neutral">&nbsp;</span>
243
+ <span class="cline-any cline-neutral">&nbsp;</span>
244
+ <span class="cline-any cline-neutral">&nbsp;</span>
245
+ <span class="cline-any cline-neutral">&nbsp;</span>
246
+ <span class="cline-any cline-neutral">&nbsp;</span>
247
+ <span class="cline-any cline-neutral">&nbsp;</span>
248
+ <span class="cline-any cline-neutral">&nbsp;</span>
249
+ <span class="cline-any cline-neutral">&nbsp;</span>
250
+ <span class="cline-any cline-yes">1x</span>
251
+ <span class="cline-any cline-no">&nbsp;</span>
252
+ <span class="cline-any cline-neutral">&nbsp;</span>
253
+ <span class="cline-any cline-no">&nbsp;</span>
254
+ <span class="cline-any cline-neutral">&nbsp;</span>
255
+ <span class="cline-any cline-neutral">&nbsp;</span>
256
+ <span class="cline-any cline-neutral">&nbsp;</span>
257
+ <span class="cline-any cline-neutral">&nbsp;</span>
258
+ <span class="cline-any cline-no">&nbsp;</span>
259
+ <span class="cline-any cline-neutral">&nbsp;</span>
260
+ <span class="cline-any cline-neutral">&nbsp;</span>
261
+ <span class="cline-any cline-neutral">&nbsp;</span>
262
+ <span class="cline-any cline-neutral">&nbsp;</span>
263
+ <span class="cline-any cline-neutral">&nbsp;</span>
264
+ <span class="cline-any cline-neutral">&nbsp;</span>
265
+ <span class="cline-any cline-neutral">&nbsp;</span>
266
+ <span class="cline-any cline-neutral">&nbsp;</span>
267
+ <span class="cline-any cline-yes">1x</span>
268
+ <span class="cline-any cline-no">&nbsp;</span>
269
+ <span class="cline-any cline-neutral">&nbsp;</span>
270
+ <span class="cline-any cline-no">&nbsp;</span>
271
+ <span class="cline-any cline-neutral">&nbsp;</span>
272
+ <span class="cline-any cline-no">&nbsp;</span>
273
+ <span class="cline-any cline-neutral">&nbsp;</span>
274
+ <span class="cline-any cline-neutral">&nbsp;</span>
275
+ <span class="cline-any cline-neutral">&nbsp;</span>
276
+ <span class="cline-any cline-neutral">&nbsp;</span>
277
+ <span class="cline-any cline-neutral">&nbsp;</span>
278
+ <span class="cline-any cline-neutral">&nbsp;</span>
279
+ <span class="cline-any cline-neutral">&nbsp;</span>
280
+ <span class="cline-any cline-neutral">&nbsp;</span>
281
+ <span class="cline-any cline-yes">1x</span>
282
+ <span class="cline-any cline-no">&nbsp;</span>
283
+ <span class="cline-any cline-neutral">&nbsp;</span>
284
+ <span class="cline-any cline-no">&nbsp;</span>
285
+ <span class="cline-any cline-neutral">&nbsp;</span>
286
+ <span class="cline-any cline-neutral">&nbsp;</span>
287
+ <span class="cline-any cline-neutral">&nbsp;</span>
288
+ <span class="cline-any cline-no">&nbsp;</span>
289
+ <span class="cline-any cline-neutral">&nbsp;</span>
290
+ <span class="cline-any cline-neutral">&nbsp;</span>
291
+ <span class="cline-any cline-neutral">&nbsp;</span>
292
+ <span class="cline-any cline-neutral">&nbsp;</span>
293
+ <span class="cline-any cline-neutral">&nbsp;</span>
294
+ <span class="cline-any cline-neutral">&nbsp;</span></td><td class="text"><pre class="prettyprint lang-js">import React from 'react'
295
+ import { cx } from '../utils/class'
296
+ &nbsp;
297
+ export interface TableProps extends React.ComponentPropsWithoutRef&lt;'table'&gt; {}
298
+ &nbsp;
299
+ const styleBorder = `
300
+ border
301
+ border-collapse
302
+ border-sumi-900
303
+ `
304
+ &nbsp;
305
+ export const Table: React.ElementType&lt;TableProps&gt; = <span class="fstat-no" title="function not covered" >(p</span>rops: TableProps) =&gt; {
306
+ const { className, children, ...restProps } = <span class="cstat-no" title="statement not covered" >props</span>
307
+ &nbsp;
308
+ // If there is no break-all setting, the table will protrude when using a smartphone
309
+ const style = <span class="cstat-no" title="statement not covered" >`</span>
310
+ w-full
311
+ table-auto
312
+ break-all
313
+ `
314
+ &nbsp;
315
+ <span class="cstat-no" title="statement not covered" > return (</span>
316
+ &lt;table className={cx(style, styleBorder, className)} {...restProps}&gt;
317
+ {children}
318
+ &lt;/table&gt;
319
+ )
320
+ }
321
+ &nbsp;
322
+ export interface CaptionProps
323
+ extends React.ComponentPropsWithoutRef&lt;'caption'&gt; {}
324
+ &nbsp;
325
+ export const Caption: React.ElementType&lt;CaptionProps&gt; = <span class="fstat-no" title="function not covered" >(</span>
326
+ props: CaptionProps
327
+ ) =&gt; {
328
+ const { className, children, ...restProps } = <span class="cstat-no" title="statement not covered" >props</span>
329
+ &nbsp;
330
+ const style = <span class="cstat-no" title="statement not covered" >`text-left`</span>
331
+ <span class="cstat-no" title="statement not covered" > return (</span>
332
+ &lt;caption className={cx(style, className)} {...restProps}&gt;
333
+ {children}
334
+ &lt;/caption&gt;
335
+ )
336
+ }
337
+ &nbsp;
338
+ export interface TheadProps extends React.ComponentPropsWithoutRef&lt;'thead'&gt; {}
339
+ &nbsp;
340
+ export const Thead: React.ElementType&lt;TheadProps&gt; = <span class="fstat-no" title="function not covered" >(p</span>rops: TheadProps) =&gt; {
341
+ const { className, children, ...restProps } = <span class="cstat-no" title="statement not covered" >props</span>
342
+ &nbsp;
343
+ <span class="cstat-no" title="statement not covered" > return (</span>
344
+ &lt;thead className={cx(className)} {...restProps}&gt;
345
+ {children}
346
+ &lt;/thead&gt;
347
+ )
348
+ }
349
+ &nbsp;
350
+ export interface TbodyProps extends React.ComponentPropsWithoutRef&lt;'tbody'&gt; {}
351
+ &nbsp;
352
+ export const Tbody: React.ElementType&lt;TbodyProps&gt; = <span class="fstat-no" title="function not covered" >(p</span>rops: TbodyProps) =&gt; {
353
+ const { className, children, ...restProps } = <span class="cstat-no" title="statement not covered" >props</span>
354
+ &nbsp;
355
+ <span class="cstat-no" title="statement not covered" > return (</span>
356
+ &lt;tbody className={cx(className)} {...restProps}&gt;
357
+ {children}
358
+ &lt;/tbody&gt;
359
+ )
360
+ }
361
+ &nbsp;
362
+ export interface ThProps extends React.ComponentPropsWithoutRef&lt;'th'&gt; {}
363
+ &nbsp;
364
+ export const Th: React.ElementType&lt;ThProps&gt; = <span class="fstat-no" title="function not covered" >(p</span>rops: ThProps) =&gt; {
365
+ const { className, children, ...restProps } = <span class="cstat-no" title="statement not covered" >props</span>
366
+ &nbsp;
367
+ const style = <span class="cstat-no" title="statement not covered" >`</span>
368
+ p-2
369
+ bg-sumi-100
370
+ text-left
371
+ `
372
+ <span class="cstat-no" title="statement not covered" > return (</span>
373
+ &lt;th className={cx(style, styleBorder, className)} {...restProps}&gt;
374
+ {children}
375
+ &lt;/th&gt;
376
+ )
377
+ }
378
+ &nbsp;
379
+ export interface TrProps extends React.ComponentPropsWithoutRef&lt;'tr'&gt; {}
380
+ &nbsp;
381
+ export const Tr: React.ElementType&lt;TrProps&gt; = <span class="fstat-no" title="function not covered" >(p</span>rops: TrProps) =&gt; {
382
+ const { className, children, ...restProps } = <span class="cstat-no" title="statement not covered" >props</span>
383
+ &nbsp;
384
+ const style = <span class="cstat-no" title="statement not covered" >``</span>
385
+ &nbsp;
386
+ <span class="cstat-no" title="statement not covered" > return (</span>
387
+ &lt;tr className={cx(style, styleBorder, className)} {...restProps}&gt;
388
+ {children}
389
+ &lt;/tr&gt;
390
+ )
391
+ }
392
+ &nbsp;
393
+ export interface TdProps extends React.ComponentPropsWithoutRef&lt;'td'&gt; {}
394
+ &nbsp;
395
+ export const Td: React.ElementType&lt;TdProps&gt; = <span class="fstat-no" title="function not covered" >(p</span>rops: TdProps) =&gt; {
396
+ const { className, children, ...restProps } = <span class="cstat-no" title="statement not covered" >props</span>
397
+ &nbsp;
398
+ const style = <span class="cstat-no" title="statement not covered" >`</span>
399
+ p-2
400
+ `
401
+ &nbsp;
402
+ <span class="cstat-no" title="statement not covered" > return (</span>
403
+ &lt;td className={cx(style, styleBorder, className)} {...restProps}&gt;
404
+ {children}
405
+ &lt;/td&gt;
406
+ )
407
+ }
408
+ &nbsp;</pre></td></tr></table></pre>
409
+
410
+ <div class='push'></div><!-- for sticky footer -->
411
+ </div><!-- /wrapper -->
412
+ <div class='footer quiet pad2 space-top1 center small'>
413
+ Code coverage generated by
414
+ <a href="https://istanbul.js.org/" target="_blank" rel="noopener noreferrer">istanbul</a>
415
+ at 2023-08-10T08:40:53.129Z
416
+ </div>
417
+ <script src="../../prettify.js"></script>
418
+ <script>
419
+ window.onload = function () {
420
+ prettyPrint();
421
+ };
422
+ </script>
423
+ <script src="../../sorter.js"></script>
424
+ <script src="../../block-navigation.js"></script>
425
+ </body>
426
+ </html>
427
+