@sakura-ui/sakura-ui 0.1.16 → 0.1.19

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