@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
@@ -12,32 +12,35 @@ export const Checkbox = React.forwardRef((props, ref) => {
12
12
  restProps.name = ctx.groupName;
13
13
  }
14
14
  const style = `
15
- inline-block
16
- text-base
17
- cursor-pointer
18
- py-2
19
- mr-4
20
- `;
15
+ inline-block
16
+ text-base
17
+ cursor-pointer
18
+ py-2
19
+ mr-4
20
+ `;
21
21
  const styleInput = `
22
- peer
23
- hidden
24
- `;
22
+ peer
23
+ sr-only
24
+ `;
25
25
  const styleCheck = `
26
- bg-clip-content
27
- w-6 h-6
28
- ml-1
29
- mr-2
30
- rounded
31
- border
32
- border-solid
33
- border-sumi-900
34
- fill-transparent
35
- peer-checked:fill-white-1000
36
- peer-checked:bg-sea-600
37
- peer-checked:border-none
38
- peer-disabled:border-sumi-500
39
- `;
40
- return (_jsx("label", { htmlFor: restProps.id, className: cx(style, className), children: _jsxs("span", { className: "flex items-center", children: [_jsx("input", { className: styleInput, type: "checkbox", "aria-describedby": ctx.helperTextId, "aria-errormessage": ctx.errorMessageId, "aria-invalid": ctx.isInvalid ?? false, ...restProps, ref: ref }), _jsx("span", { className: styleCheck, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", children: _jsx("path", { d: "m9.55 17.65-5.325-5.325 1.05-1.075 4.275 4.275 9.175-9.175 1.05 1.075Z" }) }) }), _jsx("span", { className: "peer-disabled:text-sumi-500", children: children })] }) }));
26
+ bg-clip-content
27
+ w-6 h-6
28
+ ml-1
29
+ mr-2
30
+ rounded
31
+ border
32
+ border-solid
33
+ border-sumi-900
34
+ fill-transparent
35
+ peer-checked:fill-white-1000
36
+ peer-checked:bg-sea-600
37
+ peer-checked:border-none
38
+ peer-disabled:border-sumi-500
39
+ peer-focus-visible:ring-2
40
+ peer-focus-visible:ring-offset-2
41
+ peer-focus-visible:ring-wood-500
42
+ `;
43
+ return (_jsx("label", { htmlFor: restProps.id, className: cx(style, className), children: _jsxs("span", { className: "flex items-center", children: [_jsx("input", { className: styleInput, type: "checkbox", "aria-describedby": ctx.helperTextId, "aria-errormessage": ctx.errorMessageId, "aria-invalid": ctx.isInvalid ?? false, "aria-required": ctx.isRequired ?? false, ...restProps, ref: ref }), _jsx("span", { className: styleCheck, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", children: _jsx("path", { d: "m9.55 17.65-5.325-5.325 1.05-1.075 4.275 4.275 9.175-9.175 1.05 1.075Z" }) }) }), _jsx("span", { className: "peer-disabled:text-sumi-500", children: children })] }) }));
41
44
  });
42
45
  Checkbox.displayName = 'Checkbox';
43
46
  //# sourceMappingURL=Checkbox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IACnD,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,GAAG,CAAC,UAAU,EAAE;QAClB,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAA;KAC1B;IACD,IAAI,GAAG,CAAC,SAAS,EAAE;QACjB,SAAS,CAAC,IAAI,GAAG,GAAG,CAAC,SAAS,CAAA;KAC/B;IAED,MAAM,KAAK,GAAG;;;;;;GAMf,CAAA;IAEC,MAAM,UAAU,GAAG;;;GAGpB,CAAA;IAEC,MAAM,UAAU,GAAG;;;;;;;;;;;;;;GAcpB,CAAA;IAEC,OAAO,CACL,gBAAO,OAAO,EAAE,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,YAC3D,gBAAM,SAAS,EAAC,mBAAmB,aACjC,gBACE,SAAS,EAAE,UAAU,EACrB,IAAI,EAAC,UAAU,sBACG,GAAG,CAAC,YAAY,uBACf,GAAG,CAAC,cAAc,kBACvB,GAAG,CAAC,SAAS,IAAI,KAAK,KAChC,SAAS,EACb,GAAG,EAAE,GAAG,GACR,EACF,eAAM,SAAS,EAAE,UAAU,YACzB,cAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,YAC5D,eAAM,CAAC,EAAC,wEAAwE,GAAG,GAC/E,GACD,EACP,eAAM,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAQ,IAC1D,GACD,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
1
+ {"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IACnD,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,GAAG,CAAC,UAAU,EAAE;QAClB,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAA;KAC1B;IACD,IAAI,GAAG,CAAC,SAAS,EAAE;QACjB,SAAS,CAAC,IAAI,GAAG,GAAG,CAAC,SAAS,CAAA;KAC/B;IAED,MAAM,KAAK,GAAG;;;;;;KAMb,CAAA;IAED,MAAM,UAAU,GAAG;;;KAGlB,CAAA;IAED,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;;KAiBlB,CAAA;IAED,OAAO,CACL,gBAAO,OAAO,EAAE,SAAS,CAAC,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,YAC3D,gBAAM,SAAS,EAAC,mBAAmB,aACjC,gBACE,SAAS,EAAE,UAAU,EACrB,IAAI,EAAC,UAAU,sBACG,GAAG,CAAC,YAAY,uBACf,GAAG,CAAC,cAAc,kBACvB,GAAG,CAAC,SAAS,IAAI,KAAK,mBACrB,GAAG,CAAC,UAAU,IAAI,KAAK,KAClC,SAAS,EACb,GAAG,EAAE,GAAG,GACR,EACF,eAAM,SAAS,EAAE,UAAU,YACzB,cAAK,KAAK,EAAC,4BAA4B,EAAC,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,YAC5D,eAAM,CAAC,EAAC,wEAAwE,GAAG,GAC/E,GACD,EACP,eAAM,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAQ,IAC1D,GACD,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
@@ -0,0 +1,55 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import React from 'react';
3
+ import { cx } from '../utils/class';
4
+ import { ControllerContext } from './context';
5
+ export const FileInput = React.forwardRef((props, ref) => {
6
+ const { className, ...restProps } = props;
7
+ const ctx = React.useContext(ControllerContext);
8
+ if (ctx.isRequired) {
9
+ restProps.required = true;
10
+ }
11
+ const base = `
12
+ file:mr-2
13
+ file:inline-block
14
+ file:text-button
15
+ file:text-center
16
+ file:cursor-pointer
17
+ file:select-none
18
+ file:touch-manipulation
19
+ file:whitespace-nowrap
20
+ file:border
21
+ file:border-solid
22
+ file:border-sea-800
23
+ file:active:border-sea-1200
24
+ file:hover:border-sea-900
25
+ file:disabled:border-sumi-500
26
+ file:disabled:cursor-not-allowed
27
+ `;
28
+ const secondary = `
29
+ file:text-sea-800
30
+ file:bg-transparent
31
+ file:active:bg-sea-200
32
+ file:hover:bg-sea-100
33
+ file:active:text-sea-1200
34
+ file:hover:text-sea-900
35
+ file:disabled:text-sumi-500
36
+ file:disabled:bg-transparent
37
+ `;
38
+ const styleLg = `
39
+ file:p-4
40
+ file:text-button
41
+ file:rounded-lg
42
+ `;
43
+ const styleInput = `
44
+ rounded-lg
45
+ outline-offset-2
46
+ text-sumi-900
47
+ focus:outline
48
+ focus:outline-2
49
+ focus:outline-wood-600
50
+ aria-invalid:text-sun-800
51
+ `;
52
+ return (_jsx("input", { type: "file", id: restProps.id ?? ctx.id, className: cx(base, secondary, styleLg, styleInput, className), "aria-describedby": ctx.helperTextId, "aria-errormessage": ctx.errorMessageId, "aria-invalid": ctx.isInvalid ?? false, "aria-required": ctx.isRequired ?? false, ref: ref, ...restProps }));
53
+ });
54
+ FileInput.displayName = 'FileInput';
55
+ //# sourceMappingURL=FileInput.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/components/FileInput.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,MAAM,CAAC,MAAM,SAAS,GAAG,KAAK,CAAC,UAAU,CACvC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IACzC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,GAAG,CAAC,UAAU,EAAE;QAClB,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAA;KAC1B;IAED,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;KAgBZ,CAAA;IAED,MAAM,SAAS,GAAG;;;;;;;;;KASjB,CAAA;IACD,MAAM,OAAO,GAAG;;;;KAIf,CAAA;IACD,MAAM,UAAU,GAAG;;;;;;;;KAQlB,CAAA;IAED,OAAO,CACL,gBACE,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,SAAS,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,EAC1B,SAAS,EAAE,EAAE,CAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,sBAC5C,GAAG,CAAC,YAAY,uBACf,GAAG,CAAC,cAAc,kBACvB,GAAG,CAAC,SAAS,IAAI,KAAK,mBACrB,GAAG,CAAC,UAAU,IAAI,KAAK,EACtC,GAAG,EAAE,GAAG,KACJ,SAAS,GACb,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,SAAS,CAAC,WAAW,GAAG,WAAW,CAAA"}
@@ -8,20 +8,22 @@ export const Input = React.forwardRef((props, ref) => {
8
8
  if (ctx.isRequired) {
9
9
  restProps.required = true;
10
10
  }
11
- const invalidStyle = ctx.isInvalid ? 'border-sun-800' : 'border-sumi-900';
12
11
  const style = `
13
- p-4
14
- rounded-lg
15
- border
16
- border-solid
17
- focus:outline
18
- focus:outline-2
19
- focus:outline-wood-500
20
- disabled:bg-transparent
21
- disabled:text-sumi-500
22
- disabled:border-sumi-500
23
- `;
24
- return (_jsx("input", { type: "text", id: restProps.id ?? ctx.id, className: cx(style, invalidStyle, className), "aria-describedby": ctx.helperTextId, "aria-errormessage": ctx.errorMessageId, "aria-invalid": ctx.isInvalid ?? false, ref: ref, ...restProps }));
12
+ p-4
13
+ rounded-lg
14
+ border
15
+ border-solid
16
+ border-sumi-900
17
+ outline-offset-2
18
+ focus:outline
19
+ focus:outline-2
20
+ focus:outline-wood-500
21
+ disabled:bg-transparent
22
+ disabled:text-sumi-500
23
+ disabled:border-sumi-500
24
+ aria-invalid:border-sun-800
25
+ `;
26
+ return (_jsx("input", { type: "text", id: restProps.id ?? ctx.id, className: cx(style, className), "aria-describedby": ctx.helperTextId, "aria-errormessage": ctx.errorMessageId, "aria-invalid": ctx.isInvalid ?? false, "aria-required": ctx.isRequired ?? false, ref: ref, ...restProps }));
25
27
  });
26
28
  Input.displayName = 'Input';
27
29
  //# sourceMappingURL=Input.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IACzC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,GAAG,CAAC,UAAU,EAAE;QAClB,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAA;KAC1B;IAED,MAAM,YAAY,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAA;IAEzE,MAAM,KAAK,GAAG;;;;;;;;;;;GAWf,CAAA;IAEC,OAAO,CACL,gBACE,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,SAAS,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,EAC1B,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,SAAS,CAAC,sBAC3B,GAAG,CAAC,YAAY,uBACf,GAAG,CAAC,cAAc,kBACvB,GAAG,CAAC,SAAS,IAAI,KAAK,EACpC,GAAG,EAAE,GAAG,KACJ,SAAS,GACb,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}
1
+ {"version":3,"file":"Input.js","sourceRoot":"","sources":["../../src/components/Input.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IACzC,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,GAAG,CAAC,UAAU,EAAE;QAClB,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAA;KAC1B;IAED,MAAM,KAAK,GAAG;;;;;;;;;;;;;;KAcb,CAAA;IAED,OAAO,CACL,gBACE,IAAI,EAAC,MAAM,EACX,EAAE,EAAE,SAAS,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,EAC1B,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,sBACb,GAAG,CAAC,YAAY,uBACf,GAAG,CAAC,cAAc,kBACvB,GAAG,CAAC,SAAS,IAAI,KAAK,mBACrB,GAAG,CAAC,UAAU,IAAI,KAAK,EACtC,GAAG,EAAE,GAAG,KACJ,SAAS,GACb,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}
@@ -12,7 +12,13 @@ export const LabelControl = React.forwardRef((props, ref) => {
12
12
  isInvalid: isInvalid ?? false,
13
13
  isRequired: isRequired ?? false
14
14
  };
15
- return (_jsx(ControllerContext.Provider, { value: context, children: _jsxs("div", { className: cx('mb-4', className), children: [_jsxs("label", { className: cx('block mb-2 text-label', isInvalid && 'text-sun-800'), htmlFor: context.id, ref: ref, ...restProps, children: [labelText, isRequired && _jsx("span", { className: "text-sun-800", children: "\u00A0*" })] }), helperText && (_jsx("p", { id: context.helperTextId, className: "text-sup text-sumi-700 mb-2", children: helperText })), children, isInvalid && (_jsx("p", { id: context.errorMessageId, className: cx('text-sup text-sun-800', helperText ? 'mt-1' : 'mt-2'), children: errorMessage }))] }) }));
15
+ const styleHelp = `
16
+ text-sup text-sumi-700
17
+ `;
18
+ const styleError = `
19
+ text-sup text-sun-800
20
+ `;
21
+ return (_jsx(ControllerContext.Provider, { value: context, children: _jsxs("div", { className: cx('mb-4', className), children: [_jsxs("label", { className: cx('block mb-2 text-label', isInvalid && 'text-sun-800'), htmlFor: context.id, ref: ref, ...restProps, children: [labelText, isRequired && (_jsx("span", { className: "text-label text-sun-800", children: "\u00A0*" }))] }), helperText && (_jsx("p", { id: context.helperTextId, className: cx(styleHelp, 'mb-2'), children: helperText })), children, isInvalid && (_jsx("p", { id: context.errorMessageId, className: cx(styleError, helperText ? 'mt-1' : 'mt-2'), children: errorMessage }))] }) }));
16
22
  });
17
23
  LabelControl.displayName = 'LabelControl';
18
24
  //# sourceMappingURL=LabelControl.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LabelControl.js","sourceRoot":"","sources":["../../src/components/LabelControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAW7C,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAG1C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IACxB,MAAM,EACJ,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAG;QACd,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS,EAAE,EAAE;QAClC,YAAY,EAAE,eAAe,EAAE,EAAE;QACjC,cAAc,EAAE,iBAAiB,EAAE,EAAE;QACrC,SAAS,EAAE,SAAS,IAAI,KAAK;QAC7B,UAAU,EAAE,UAAU,IAAI,KAAK;KAChC,CAAA;IAED,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACxC,eAAK,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,aACnC,iBACE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,IAAI,cAAc,CAAC,EACnE,OAAO,EAAE,OAAO,CAAC,EAAE,EACnB,GAAG,EAAE,GAAG,KACJ,SAAS,aAEZ,SAAS,EACT,UAAU,IAAI,eAAM,SAAS,EAAC,cAAc,wBAAe,IACtD,EACP,UAAU,IAAI,CACb,YAAG,EAAE,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,EAAC,6BAA6B,YACjE,UAAU,GACT,CACL,EACA,QAAQ,EACR,SAAS,IAAI,CACZ,YACE,EAAE,EAAE,OAAO,CAAC,cAAc,EAC1B,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAC7B,YAEA,YAAY,GACX,CACL,IACG,GACqB,CAC9B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}
1
+ {"version":3,"file":"LabelControl.js","sourceRoot":"","sources":["../../src/components/LabelControl.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAW7C,MAAM,CAAC,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAG1C,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACf,MAAM,EAAE,GAAG,KAAK,CAAC,KAAK,EAAE,CAAA;IACxB,MAAM,EACJ,SAAS,EACT,SAAS,EACT,UAAU,EACV,YAAY,EACZ,SAAS,EACT,UAAU,EACV,QAAQ,EACR,GAAG,SAAS,EACb,GAAG,KAAK,CAAA;IAET,MAAM,OAAO,GAAG;QACd,EAAE,EAAE,KAAK,CAAC,OAAO,IAAI,SAAS,EAAE,EAAE;QAClC,YAAY,EAAE,eAAe,EAAE,EAAE;QACjC,cAAc,EAAE,iBAAiB,EAAE,EAAE;QACrC,SAAS,EAAE,SAAS,IAAI,KAAK;QAC7B,UAAU,EAAE,UAAU,IAAI,KAAK;KAChC,CAAA;IAED,MAAM,SAAS,GAAG;;GAEjB,CAAA;IAED,MAAM,UAAU,GAAG;;GAElB,CAAA;IAED,OAAO,CACL,KAAC,iBAAiB,CAAC,QAAQ,IAAC,KAAK,EAAE,OAAO,YACxC,eAAK,SAAS,EAAE,EAAE,CAAC,MAAM,EAAE,SAAS,CAAC,aACnC,iBACE,SAAS,EAAE,EAAE,CAAC,uBAAuB,EAAE,SAAS,IAAI,cAAc,CAAC,EACnE,OAAO,EAAE,OAAO,CAAC,EAAE,EACnB,GAAG,EAAE,GAAG,KACJ,SAAS,aAEZ,SAAS,EACT,UAAU,IAAI,CACb,eAAM,SAAS,EAAC,yBAAyB,wBAAe,CACzD,IACK,EACP,UAAU,IAAI,CACb,YAAG,EAAE,EAAE,OAAO,CAAC,YAAY,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,YAC1D,UAAU,GACT,CACL,EACA,QAAQ,EACR,SAAS,IAAI,CACZ,YACE,EAAE,EAAE,OAAO,CAAC,cAAc,EAC1B,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,YAEtD,YAAY,GACX,CACL,IACG,GACqB,CAC9B,CAAA;AACH,CAAC,CAAC,CAAA;AAEF,YAAY,CAAC,WAAW,GAAG,cAAc,CAAA"}
@@ -12,32 +12,34 @@ export const Radio = React.forwardRef((props, ref) => {
12
12
  newProps.name = ctx.groupName;
13
13
  }
14
14
  const style = `
15
- inline-block
16
- text-base
17
- cursor-pointer
18
- py-2
19
- mr-4
20
-
21
- `;
15
+ inline-block
16
+ text-base
17
+ cursor-pointer
18
+ py-2
19
+ mr-4
20
+ `;
22
21
  const styleInput = `
23
- peer
24
- hidden
25
- `;
22
+ peer
23
+ sr-only
24
+ `;
26
25
  const styleRadio = `
27
- bg-clip-content
28
- w-6 h-6
29
- ml-1
30
- mr-2
31
- p-1
32
- rounded-full
33
- border
34
- border-solid
35
- border-sumi-900
36
- peer-checked:bg-sea-600
37
- peer-checked:border-sea-600
38
- peer-disabled:border-sumi-500
39
- `;
40
- return (_jsx("label", { htmlFor: newProps.id, className: cx(style, className), children: _jsxs("span", { className: "flex items-center", children: [_jsx("input", { className: styleInput, type: "radio", "aria-describedby": ctx.helperTextId, "aria-errormessage": ctx.errorMessageId, "aria-invalid": ctx.isInvalid ?? false, ...newProps, ref: ref }), _jsx("span", { className: styleRadio }), _jsx("span", { className: "peer-disabled:text-sumi-500", children: children })] }) }));
26
+ bg-clip-content
27
+ w-6 h-6
28
+ ml-1
29
+ mr-2
30
+ p-1
31
+ rounded-full
32
+ border
33
+ border-solid
34
+ border-sumi-900
35
+ peer-checked:bg-sea-600
36
+ peer-checked:border-sea-600
37
+ peer-disabled:border-sumi-500
38
+ peer-focus-visible:ring-2
39
+ peer-focus-visible:ring-offset-2
40
+ peer-focus-visible:ring-wood-500
41
+ `;
42
+ return (_jsx("label", { htmlFor: newProps.id, className: cx(style, className), children: _jsxs("span", { className: "flex items-center", children: [_jsx("input", { className: styleInput, type: "radio", "aria-describedby": ctx.helperTextId, "aria-errormessage": ctx.errorMessageId, "aria-invalid": ctx.isInvalid ?? false, "aria-required": ctx.isRequired ?? false, ...newProps, ref: ref }), _jsx("span", { className: styleRadio }), _jsx("span", { className: "peer-disabled:text-sumi-500", children: children })] }) }));
41
43
  });
42
44
  Radio.displayName = 'Radio';
43
45
  //# sourceMappingURL=Radio.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../src/components/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAA;IAClD,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,GAAG,CAAC,UAAU,EAAE;QAClB,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAA;KACzB;IACD,IAAI,GAAG,CAAC,SAAS,EAAE;QACjB,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC,SAAS,CAAA;KAC9B;IAED,MAAM,KAAK,GAAG;;;;;;;GAOf,CAAA;IACC,MAAM,UAAU,GAAG;;;GAGpB,CAAA;IAEC,MAAM,UAAU,GAAG;;;;;;;;;;;;;GAapB,CAAA;IACC,OAAO,CACL,gBAAO,OAAO,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,YAC1D,gBAAM,SAAS,EAAC,mBAAmB,aACjC,gBACE,SAAS,EAAE,UAAU,EACrB,IAAI,EAAC,OAAO,sBACM,GAAG,CAAC,YAAY,uBACf,GAAG,CAAC,cAAc,kBACvB,GAAG,CAAC,SAAS,IAAI,KAAK,KAChC,QAAQ,EACZ,GAAG,EAAE,GAAG,GACR,EACF,eAAM,SAAS,EAAE,UAAU,GAAS,EACpC,eAAM,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAQ,IAC1D,GACD,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}
1
+ {"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../src/components/Radio.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,MAAM,CAAC,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CACnC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,GAAG,KAAK,CAAA;IAClD,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,GAAG,CAAC,UAAU,EAAE;QAClB,QAAQ,CAAC,QAAQ,GAAG,IAAI,CAAA;KACzB;IACD,IAAI,GAAG,CAAC,SAAS,EAAE;QACjB,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC,SAAS,CAAA;KAC9B;IAED,MAAM,KAAK,GAAG;;;;;;KAMb,CAAA;IAED,MAAM,UAAU,GAAG;;;KAGlB,CAAA;IAED,MAAM,UAAU,GAAG;;;;;;;;;;;;;;;;KAgBlB,CAAA;IAED,OAAO,CACL,gBAAO,OAAO,EAAE,QAAQ,CAAC,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,YAC1D,gBAAM,SAAS,EAAC,mBAAmB,aACjC,gBACE,SAAS,EAAE,UAAU,EACrB,IAAI,EAAC,OAAO,sBACM,GAAG,CAAC,YAAY,uBACf,GAAG,CAAC,cAAc,kBACvB,GAAG,CAAC,SAAS,IAAI,KAAK,mBACrB,GAAG,CAAC,UAAU,IAAI,KAAK,KAClC,QAAQ,EACZ,GAAG,EAAE,GAAG,GACR,EACF,eAAM,SAAS,EAAE,UAAU,GAAS,EACpC,eAAM,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAQ,IAC1D,GACD,CACT,CAAA;AACH,CAAC,CACF,CAAA;AAED,KAAK,CAAC,WAAW,GAAG,OAAO,CAAA"}
@@ -8,32 +8,34 @@ export const Select = React.forwardRef((props, ref) => {
8
8
  if (ctx.isRequired) {
9
9
  restProps.required = true;
10
10
  }
11
- const invalidStyle = ctx.isInvalid ? 'border-sun-800' : 'border-sumi-900';
12
11
  const style = `
13
- peer
14
- cursor-pointer
15
- appearance-none
16
- text-base
17
- w-full
18
- bg-white-100
19
- border
20
- border-solid
21
- py-4 px-4 pr-8
22
- rounded-[8px]
23
- focus:outline
24
- focus:outline-2
25
- focus:outline-wood-500
26
- disabled:bg-transparent
27
- disabled:text-sumi-500
28
- disabled:border-sumi-500
29
- `;
12
+ peer
13
+ cursor-pointer
14
+ appearance-none
15
+ text-base
16
+ w-full
17
+ bg-white-100
18
+ border
19
+ border-solid
20
+ border-sumi-900
21
+ py-4 px-4 pr-8
22
+ rounded-[8px]
23
+ outline-offset-2
24
+ focus:outline
25
+ focus:outline-2
26
+ focus:outline-wood-500
27
+ disabled:bg-transparent
28
+ disabled:text-sumi-500
29
+ disabled:border-sumi-500
30
+ aria-invalid:border-sun-800
31
+ `;
30
32
  const styleArrow = `
31
- flex items-center
32
- absolute inset-y-0 right-0
33
- px-2
34
- pointer-events-none
35
- peer-disabled:fill-sumi-500
36
- `;
37
- return (_jsxs("label", { className: "inline-block relative", children: [_jsx("select", { id: restProps.id ?? ctx.id, className: cx(style, invalidStyle, props.className), "aria-describedby": ctx.helperTextId, "aria-errormessage": ctx.errorMessageId, "aria-invalid": ctx.isInvalid ?? false, ...restProps, ref: ref, children: children }), _jsx("span", { className: styleArrow, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", width: "24", children: _jsx("path", { d: "M12 15.05 6.35 9.4 7.4 8.35l4.6 4.6 4.6-4.6 1.05 1.05Z" }) }) })] }));
33
+ flex items-center
34
+ absolute inset-y-0 right-0
35
+ px-2
36
+ pointer-events-none
37
+ peer-disabled:fill-sumi-500
38
+ `;
39
+ return (_jsxs("label", { className: "inline-block relative", children: [_jsx("select", { id: restProps.id ?? ctx.id, className: cx(style, props.className), "aria-describedby": ctx.helperTextId, "aria-errormessage": ctx.errorMessageId, "aria-invalid": ctx.isInvalid ?? false, "aria-required": ctx.isRequired ?? false, ...restProps, ref: ref, children: children }), _jsx("span", { className: styleArrow, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", height: "24", width: "24", children: _jsx("path", { d: "M12 15.05 6.35 9.4 7.4 8.35l4.6 4.6 4.6-4.6 1.05 1.05Z" }) }) })] }));
38
40
  });
39
41
  //# sourceMappingURL=Select.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IACnD,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,GAAG,CAAC,UAAU,EAAE;QAClB,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAA;KAC1B;IAED,MAAM,YAAY,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAA;IAEzE,MAAM,KAAK,GAAG;;;;;;;;;;;;;;;;;GAiBf,CAAA;IAEC,MAAM,UAAU,GAAG;;;;;;GAMpB,CAAA;IAEC,OAAO,CACL,iBAAO,SAAS,EAAC,uBAAuB,aACtC,iBACE,EAAE,EAAE,SAAS,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,EAC1B,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,KAAK,CAAC,SAAS,CAAC,sBACjC,GAAG,CAAC,YAAY,uBACf,GAAG,CAAC,cAAc,kBACvB,GAAG,CAAC,SAAS,IAAI,KAAK,KAChC,SAAS,EACb,GAAG,EAAE,GAAG,YAEP,QAAQ,GACF,EACT,eAAM,SAAS,EAAE,UAAU,YACzB,cAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,YAC5D,eAAM,CAAC,EAAC,wDAAwD,GAAG,GAC/D,GACD,IACD,CACT,CAAA;AACH,CAAC,CACF,CAAA"}
1
+ {"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAI7C,MAAM,CAAC,MAAM,MAAM,GAAG,KAAK,CAAC,UAAU,CACpC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IACnD,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,GAAG,CAAC,UAAU,EAAE;QAClB,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAA;KAC1B;IAED,MAAM,KAAK,GAAG;;;;;;;;;;;;;;;;;;;;KAoBb,CAAA;IAED,MAAM,UAAU,GAAG;;;;;;KAMlB,CAAA;IAED,OAAO,CACL,iBAAO,SAAS,EAAC,uBAAuB,aACtC,iBACE,EAAE,EAAE,SAAS,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,EAC1B,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,SAAS,CAAC,sBACnB,GAAG,CAAC,YAAY,uBACf,GAAG,CAAC,cAAc,kBACvB,GAAG,CAAC,SAAS,IAAI,KAAK,mBACrB,GAAG,CAAC,UAAU,IAAI,KAAK,KAClC,SAAS,EACb,GAAG,EAAE,GAAG,YAEP,QAAQ,GACF,EACT,eAAM,SAAS,EAAE,UAAU,YACzB,cAAK,KAAK,EAAC,4BAA4B,EAAC,MAAM,EAAC,IAAI,EAAC,KAAK,EAAC,IAAI,YAC5D,eAAM,CAAC,EAAC,wDAAwD,GAAG,GAC/D,GACD,IACD,CACT,CAAA;AACH,CAAC,CACF,CAAA"}
@@ -14,21 +14,23 @@ export const Textarea = React.forwardRef((props, ref) => {
14
14
  if (ctx.isRequired) {
15
15
  restProps.required = true;
16
16
  }
17
- const invalidStyle = ctx.isInvalid ? 'border-sun-800' : 'border-sumi-900';
18
17
  const overtextStyle = count > (maxLength || 0) ? 'text-sun-800' : 'text-sumi-700';
19
18
  const style = `
20
- p-4
21
- rounded-lg
22
- border
23
- border-solid
24
- focus:outline
25
- focus:outline-2
26
- focus:outline-wood-500
27
- disabled:bg-transparent
28
- disabled:text-sumi-500
29
- disabled:border-sumi-500
30
- `;
31
- return (_jsxs(_Fragment, { children: [_jsx("textarea", { id: restProps.id ?? ctx.id, className: cx(style, invalidStyle, className), "aria-describedby": ctx.helperTextId, "aria-errormessage": ctx.errorMessageId, "aria-invalid": ctx.isInvalid ?? false, onChange: onChangeHandler, ...restProps, ref: ref, children: children }), maxLength ? (_jsxs("p", { className: "text-sup text-sumi-700", children: [_jsx("span", { className: overtextStyle, children: count }), "/", _jsx("span", { children: maxLength })] })) : ('')] }));
19
+ p-4
20
+ rounded-lg
21
+ border
22
+ border-solid
23
+ border-sumi-900
24
+ outline-offset-2
25
+ focus:outline
26
+ focus:outline-2
27
+ focus:outline-wood-500
28
+ disabled:bg-transparent
29
+ disabled:text-sumi-500
30
+ disabled:border-sumi-500
31
+ aria-invalid:border-sun-800
32
+ `;
33
+ return (_jsxs(_Fragment, { children: [_jsx("textarea", { id: restProps.id ?? ctx.id, className: cx(style, className), "aria-describedby": ctx.helperTextId, "aria-errormessage": ctx.errorMessageId, "aria-invalid": ctx.isInvalid ?? false, "aria-required": ctx.isRequired ?? false, onChange: onChangeHandler, ...restProps, ref: ref, children: children }), maxLength ? (_jsxs("p", { className: "text-sup text-sumi-700", children: [_jsx("span", { className: overtextStyle, children: count }), "/", _jsx("span", { children: maxLength })] })) : ('')] }));
32
34
  });
33
35
  Textarea.displayName = 'Textarea';
34
36
  //# sourceMappingURL=Textarea.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAK7C,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IAExE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAE3C,MAAM,eAAe,GAAG,CAAC,CAAyC,EAAE,EAAE;QACpE,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;QAEzB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IACjC,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,GAAG,CAAC,UAAU,EAAE;QAClB,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAA;KAC1B;IAED,MAAM,YAAY,GAAG,GAAG,CAAC,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,CAAA;IACzE,MAAM,aAAa,GACjB,KAAK,GAAG,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAA;IAE7D,MAAM,KAAK,GAAG;;;;;;;;;;;GAWf,CAAA;IAEC,OAAO,CACL,8BACE,mBACE,EAAE,EAAE,SAAS,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,EAC1B,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,SAAS,CAAC,sBAC3B,GAAG,CAAC,YAAY,uBACf,GAAG,CAAC,cAAc,kBACvB,GAAG,CAAC,SAAS,IAAI,KAAK,EACpC,QAAQ,EAAE,eAAe,KACrB,SAAS,EACb,GAAG,EAAE,GAAG,YAEP,QAAQ,GACA,EACV,SAAS,CAAC,CAAC,CAAC,CACX,aAAG,SAAS,EAAC,wBAAwB,aACnC,eAAM,SAAS,EAAE,aAAa,YAAG,KAAK,GAAQ,OAC9C,yBAAO,SAAS,GAAQ,IACtB,CACL,CAAC,CAAC,CAAC,CACF,EAAE,CACH,IACA,CACJ,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
1
+ {"version":3,"file":"Textarea.js","sourceRoot":"","sources":["../../src/components/Textarea.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,EAAE,EAAE,MAAM,gBAAgB,CAAA;AACnC,OAAO,EAAE,iBAAiB,EAAE,MAAM,WAAW,CAAA;AAK7C,MAAM,CAAC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CACtC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IACb,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,SAAS,EAAE,GAAG,KAAK,CAAA;IAExE,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;IAE3C,MAAM,eAAe,GAAG,CAAC,CAAyC,EAAE,EAAE;QACpE,IAAI,QAAQ;YAAE,QAAQ,CAAC,CAAC,CAAC,CAAA;QAEzB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,CAAA;IACjC,CAAC,CAAA;IAED,MAAM,GAAG,GAAG,KAAK,CAAC,UAAU,CAAC,iBAAiB,CAAC,CAAA;IAC/C,IAAI,GAAG,CAAC,UAAU,EAAE;QAClB,SAAS,CAAC,QAAQ,GAAG,IAAI,CAAA;KAC1B;IAED,MAAM,aAAa,GACjB,KAAK,GAAG,CAAC,SAAS,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,eAAe,CAAA;IAE7D,MAAM,KAAK,GAAG;;;;;;;;;;;;;;KAcb,CAAA;IAED,OAAO,CACL,8BACE,mBACE,EAAE,EAAE,SAAS,CAAC,EAAE,IAAI,GAAG,CAAC,EAAE,EAC1B,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,SAAS,CAAC,sBACb,GAAG,CAAC,YAAY,uBACf,GAAG,CAAC,cAAc,kBACvB,GAAG,CAAC,SAAS,IAAI,KAAK,mBACrB,GAAG,CAAC,UAAU,IAAI,KAAK,EACtC,QAAQ,EAAE,eAAe,KACrB,SAAS,EACb,GAAG,EAAE,GAAG,YAEP,QAAQ,GACA,EACV,SAAS,CAAC,CAAC,CAAC,CACX,aAAG,SAAS,EAAC,wBAAwB,aACnC,eAAM,SAAS,EAAE,aAAa,YAAG,KAAK,GAAQ,OAC9C,yBAAO,SAAS,GAAQ,IACtB,CACL,CAAC,CAAC,CAAC,CACF,EAAE,CACH,IACA,CACJ,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAA"}
@@ -1,6 +1,7 @@
1
1
  export { Checkbox } from './Checkbox';
2
2
  export { Radio } from './Radio';
3
3
  export { Select } from './Select';
4
+ export { FileInput } from './FileInput';
4
5
  export { Input } from './Input';
5
6
  export { Textarea } from './Textarea';
6
7
  export { LabelControl } from './LabelControl';
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAA;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAA;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAC7C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAA;AACzD,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAA;AACnD,OAAO,EAAE,SAAS,EAAuB,MAAM,aAAa,CAAA;AAC5D,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAA;AAChD,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAA;AACzD,OAAO,EAAE,YAAY,EAA0B,MAAM,gBAAgB,CAAA;AACrE,OAAO,EAAE,eAAe,EAA6B,MAAM,mBAAmB,CAAA"}