@bestow-ui/react 0.0.0-stage → 0.1.0
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.
- package/dist/index.cjs +270 -0
- package/dist/index.cjs.map +1 -0
- package/dist/index.css +758 -0
- package/dist/index.css.map +1 -0
- package/dist/index.d.cts +218 -0
- package/dist/index.d.ts +218 -0
- package/dist/index.js +235 -0
- package/dist/index.js.map +1 -0
- package/package.json +62 -3
- package/README.md +0 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["vanilla-extract-css-ns:src/theme/contract.css.ts.vanilla.css?source=#H4sIAAAAAAAAA-2V0W7jNhBF3_MVA-ulBehApChanH3qotgCLbIoNkDfKYl0tLElRZKzzhb77wWVoOuhGH-BDNuAj69Gl8MRLw5dN8G_NwDb7fRo9lOZIqQfLn5zBNmfL4lAKCjJELigSCJwRVGOIFKKFIIIqu8QsqBWgSCDCzWCDEwYBBXUKoO1VIu11Iu12OVa3HItewSttabwAWHz92An29ZmqOEfMzSmPNgNg5-Uwdb0_cFux5dxskcGHw9N-3hnqvv596eunRi8_rc9NQw2v3k13P8Of3TTQ1PBZ9ttGGw-d1MH96Yd4a8vGwajacftaIfGXRpqEDZ_2unjYJp2hLuu9Zeemu2xa7uxN5VlcP_J4-0Xuz8dzMDgzraHjsH_istyX5eteUTgQUsPy24dEXjQ5nY5DN1yGHqELFA9IWRB-cHPB9noESGnZEJQlJwQdpQ8I_BbkV-ibx4RcvZkR9ALQgq8P4PozzDsS_NLyuDtfZuqXy-1371W9ue5k0txQcQ8nSt7ZRaTc0Hl3G9QehwJFL7TIcz8UxZCiZC4-UVw7nHhtDMEK4-5yxzpBd8hJIKLXGiCizjWCInUeZrvCDYISaEKqxXBZdxghZDU1gpL1TVCYuoyL2uCLUKSlco5qnbeYJ5LWxK8R0h4LUVdEPwQd9IgJNY6GeCv3mBplSOPE3-M1z54gzIzkp7Dx3gH27iTLr47vTeobWWp-il-y8H7roQStFUjQlJqXvGK4Cnu5OSxdcIJgp9nbIWl-Fu89tm3Ki_SjO7li8dK5Zkk-HvUiUg9Tl3tiFrweZWusmQGhbi45Y-b2zearWG5huUalmtYrmG5huUaltfDUq5huYblGpZrWMr56OEFp3mRx09pFT9gd_FoLeJYx3POxHOujDup4ol7JSxVqtPAyZWwjETr-2E571GuGXDOGQip5o2iQ-DTM6oTgc7Hqc5K6egSDvHIO8YDso13rXvzIPKcwc-v5RD27wm5pMKn-P2vRK51UkoadO9H7quJTDNQxetn2djnuCzsq49kV5ncUKdXI9lkkk7M-5E8W8gkA653DLSMOPURHZMFTufILpR1pvpw8-M_UbcubggWAAA","vanilla-extract-css-ns:src/theme/ThemeProvider.css.ts.vanilla.css?source=LnNmeWhsdjAgewogIGNvbG9yOiB2YXIoLS10a2FndGIxOCk7CiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tdGthZ3RiMTQpOwogIGZvbnQtZmFtaWx5OiB2YXIoLS10a2FndGJoKTsKICBmb250LXNpemU6IHZhcigtLXRrYWd0YmwpOwogIGxpbmUtaGVpZ2h0OiB2YXIoLS10a2FndGJ3KTsKICAtd2Via2l0LWZvbnQtc21vb3RoaW5nOiBhbnRpYWxpYXNlZDsKICAtbW96LW9zeC1mb250LXNtb290aGluZzogZ3JheXNjYWxlOwp9Ci5zZnlobHYwICosIC5zZnlobHYwICo6OmJlZm9yZSwgLnNmeWhsdjAgKjo6YWZ0ZXIgewogIGJveC1zaXppbmc6IGJvcmRlci1ib3g7Cn0","vanilla-extract-css-ns:src/components/Button/Button.css.ts.vanilla.css?source=#H4sIAAAAAAAAA62W347iIBSH730KbjYZk8XUfzsz-DQUaHtGhC6cWt3NvPumOCo0yjiTvTLh4_w838FSZwehtpL_In8nhEjwreZHRsBoMIpWWh02E0K4htpQQLXzjAhlULlh-a3zCNWRCmtQGYxRzVtG9tw9UYpbXmO5mA7LpXVSOUbm7YF4q0ESdNz4ljtl8LqBOi6h82mCDAmVNUgrvgN9THFzxb2CusEUY8DBqrmB9wH3DaCivuVCMWJs73g7LIvOeesYaS2c_TqvHPVKK4HDTqOGxeACCNYwUnKxrZ3tjKTCauuSb5vPpz_PqnfozeXN5H0y-zgwVlnReboHD6VW4fhsh4MgI4vLeJMAFSQ_dlFbVV5h2JzkSvC81EqeIlsuAI-MFLN1PApjkXKtba9kVPwcasbq50mf9hShiRtgEes9s8bulWPG4tOlo-kD8cmQXh4oWN7rZ50kfbefVZzyeqfg9kPwleElzb5-t9llnMIfa_azZvh_aaYMBZcxpA_vvApjufwERrRO6GJEm4QuRxQSuhrRt4SuR3QbC4isgM4K7LICJitgswJtVuB3LCCzAi4r4LMCmBXosgL7rEAfC5zuyPPlvwzXHiEtlxJMTU9vvLR-eX2lePgzgsnpVkn2qvg8e_Vwdp1mv3yevc5l6zi7Cdk9SGwYmRfFj4hB9i_B8El948BsGSk2k_d__WT_50kIAAA","vanilla-extract-css-ns:src/components/Checkbox/Checkbox.css.ts.vanilla.css?source=#H4sIAAAAAAAAA5VU7W7bMAz8n6cQCgyogSqIs35NwZ6kKAbGom0iimRIdNp02J59sBwvluum2y9D1Ol4PJJe_siPD_u3YFfi50IITaExcFSCrCGLsjT4ulkIAYYqK4lxH5Qo0DL6LlxBo8QB_LWUvIOKt-usCxfOOJ9e5I_9TetDd9U4GjjagF4GNFiwEtZZ3Cx-LZZ_ZT1pYJCaAmwN6ueocmCxjiUY415Qd0yugYL4qMRqeZeQ5PFV6SzLQG-YKttlCXZ9CWtS7NeIbVwgJmeV8GiA6YCbC052XxlqT3anxCqhu410L6S5ViK_byK-RqpqHs4j9N0YvV6l6P48Qt9HNDQNggdb4GC1EHvwFdmo5Zx8tfqSJD-dt85r9Erky7vmVQRnSKdd1tkZJj1oakPqYNEDoNhV3rVWy7lZuU1mhWyNnrgLsQc7mD3lSCny7GaQMXubmqNqd0CvrONrNYxaFh0bc0xUllOSosZih_pGjGJkNTL6PVlg7Bkv116OHfyftLM1fKzlQsmXBVafCaymAktXtEEeKNDW9B64lrulUGI9P0YYc5xQ0pVlQI7glPkJPIEkewBD-vsV-xavnvuSTqZk_Smp_NPG-rSAh8mWwzY403JcHrJR2b_szlymOtZ5-hlKPKDlcN7M8__sg47P1fb73PHH3uuBJZ-wpKM5evft_bs_k30BLScGAAA","vanilla-extract-css-ns:src/components/Input/Input.css.ts.vanilla.css?source=#H4sIAAAAAAAAA51U247aMBB95yv8UmmRapQAS1nzKdWqGmITTzF2ZDuE3ar_XsVJqE0D2a3yEGnmzJkzF8_iR_5SPb-fZUZ-zQjh6CoFb4ygVqgFPShx2c0IAYWlpujFyTFSCO2Fbc0lVIycwT5R6o9Q-v1y3pr3xnJhGcmrC3FGIU8weRGBqAWOtUtZeAeA4lhaU2tOC6OMTTH5OoDGPNvg8Ra0Q49GsyFXAKfYfP6V7M2FOgncNLe-kKG2rk3hxcXvZr9ni2vHmDRnYZk2_uk7Bw-Uo4O9Evx1HpoZZ72R2FaYUB1MUTvaoJeop4JF379BNSNZ-Np2_wOMs3QqUZ9BIX-dSmMfRo8pnhQ0TnltW0fzeOybZCjaeApKmUbw1mwqKNC_MZItNkmmPFBLgaX0jKyWVdjqCjhHXdJu2cc2-WC0pw7fb5zHtI5lwr7OptlXn2Bfpezbafb1I3aVsq_Tdz88-Aa5l4zkWfYlgT8HeItiJG-BJ9S0B2e7SGcXedXZe4fLoI0WYWC17-QPhr_TZ90LrsAK7aOnjloKi36oMDLEMhmrFBRCGsWFDZrHlgnmN1HDKnYRY0sWwTcPT2b7p05a1Me--A8o-DZNydGKojtrhVH1SY8e4jzl3X5uyi_dlO-vZ-9s-mHHbhfcQbcccTcPz3akAYKGE9gSdb_l1HmwnpH--Y6RNCnJPiLpp3Cnqp__K_tmgsXdZQvS_gDGe2YDcAcAAA","vanilla-extract-css-ns:src/components/Stack/Stack.css.ts.vanilla.css?source=#H4sIAAAAAAAAA33TTW6DMBAF4D2n8LJdOAr5hxymMmYAE2OIPQlNq9y9gqqqJgxsvPrmWSO9WX3E9VdS1clafEdC5CZ0Vj1SUVj4PEdCNMbJ3uRYpWJ9jp7R6s_Hox-YzI0HjaZ1qfBtT9SGVbq1t8YRuJ2Lkx7u4AMQvVuIZQf240CpulTclX-TEi-qxGz9TtSBVzFVR15tqDrxaktVwqsdVYpXe6oyXh2o0rw6UpXz6kQV8CqhquCVoqoclbKmdNIgNOG3gzKg8khkNZUaHIInyszkgcuJq6cuoAfUFWGXKctUAGscLZodXX0LaIqH1K1DcDi7SsNrZh23kPu6Usvb0CkNMgPsAejxdUsDyre3lw-uSx7u4OyDeP9_rr0fejC85-j5A-dVUmF9BAAA","vanilla-extract-css-ns:src/components/Typography/Typography.css.ts.vanilla.css?source=#H4sIAAAAAAAAA73UzXKCMBQF4D1PkWVd4CD9U3iaCBdyJSQ0XMW247t3Gqd6GUu60Lo-XzgnWTBv0Gq0ifiMhGilq9FkIskjISprKK5ki_o9EzvpHuKYGlnTWs3y6BDNjwcX_qC3PX7AWL7NTh8aAGtF43jrY40GYvVLvDvGQAQu7jtZoKkzESfzJIWWTUhDE7q7THgMTbD_NGExmvAUmmDCE-jvCaee51BPe7uelyt6XLhnz3teQz36qp6B9yxDPc3telahns3teqTvKay2bqwWS87Wk2zFWTHJJGflJGs4g0k2ukI1xdKUs5ozNAocEovV-cGn3vRkMWx7bjdhS9w2YbvlVntLsKdYaqxNJnqSjt-ovRAFGALHiLkgYEqWW5_bHbhK2yETCssSTP5z5hyA1tj12H9Hg0IC_4-DTBg7ONnl0eELsbJWwKIGAAA"],"sourcesContent":[":root {\n --tkagtb0: 0;\n --tkagtb1: 4px;\n --tkagtb2: 8px;\n --tkagtb3: 12px;\n --tkagtb4: 16px;\n --tkagtb5: 20px;\n --tkagtb6: 24px;\n --tkagtb7: 32px;\n --tkagtb8: 40px;\n --tkagtb9: 48px;\n --tkagtba: 64px;\n --tkagtbb: 0;\n --tkagtbc: 4px;\n --tkagtbd: 8px;\n --tkagtbe: 12px;\n --tkagtbf: 16px;\n --tkagtbg: 9999px;\n --tkagtbh: \"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, \"Apple SD Gothic Neo\", \"Noto Sans KR\", sans-serif;\n --tkagtbi: \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, monospace;\n --tkagtbj: 12px;\n --tkagtbk: 14px;\n --tkagtbl: 16px;\n --tkagtbm: 18px;\n --tkagtbn: 20px;\n --tkagtbo: 24px;\n --tkagtbp: 30px;\n --tkagtbq: 36px;\n --tkagtbr: 400;\n --tkagtbs: 500;\n --tkagtbt: 600;\n --tkagtbu: 700;\n --tkagtbv: 1.25;\n --tkagtbw: 1.5;\n --tkagtbx: 1.75;\n --tkagtby: 0 1px 2px rgba(0, 0, 0, 0.06);\n --tkagtbz: 0 4px 12px rgba(0, 0, 0, 0.08);\n --tkagtb10: 0 12px 32px rgba(0, 0, 0, 0.12);\n --tkagtb11: 120ms;\n --tkagtb12: 200ms;\n --tkagtb13: 320ms;\n --tkagtb14: #ffffff;\n --tkagtb15: #f8f9fa;\n --tkagtb16: #f1f3f5;\n --tkagtb17: #212529;\n --tkagtb18: #212529;\n --tkagtb19: #495057;\n --tkagtb1a: #868e96;\n --tkagtb1b: #ffffff;\n --tkagtb1c: #dee2e6;\n --tkagtb1d: #adb5bd;\n --tkagtb1e: #3b6ff6;\n --tkagtb1f: #2554eb;\n --tkagtb1g: #1d42d8;\n --tkagtb1h: #ffffff;\n --tkagtb1i: #eef4ff;\n --tkagtb1j: #dbe6fe;\n --tkagtb1k: #1d42d8;\n --tkagtb1l: #343a40;\n --tkagtb1m: #212529;\n --tkagtb1n: #ffffff;\n --tkagtb1o: #f1f3f5;\n --tkagtb1p: #e9ecef;\n --tkagtb1q: #343a40;\n --tkagtb1r: #dc2626;\n --tkagtb1s: #b91c1c;\n --tkagtb1t: #ffffff;\n --tkagtb1u: #fef2f2;\n --tkagtb1v: #fee2e2;\n --tkagtb1w: #b91c1c;\n --tkagtb1x: #15803d;\n --tkagtb1y: #166534;\n --tkagtb1z: #ffffff;\n --tkagtb20: #f0fdf4;\n --tkagtb21: #dcfce7;\n --tkagtb22: #15803d;\n}\n.tkagtb23 {\n --tkagtb0: 0;\n --tkagtb1: 4px;\n --tkagtb2: 8px;\n --tkagtb3: 12px;\n --tkagtb4: 16px;\n --tkagtb5: 20px;\n --tkagtb6: 24px;\n --tkagtb7: 32px;\n --tkagtb8: 40px;\n --tkagtb9: 48px;\n --tkagtba: 64px;\n --tkagtbb: 0;\n --tkagtbc: 4px;\n --tkagtbd: 8px;\n --tkagtbe: 12px;\n --tkagtbf: 16px;\n --tkagtbg: 9999px;\n --tkagtbh: \"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, \"Apple SD Gothic Neo\", \"Noto Sans KR\", sans-serif;\n --tkagtbi: \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, monospace;\n --tkagtbj: 12px;\n --tkagtbk: 14px;\n --tkagtbl: 16px;\n --tkagtbm: 18px;\n --tkagtbn: 20px;\n --tkagtbo: 24px;\n --tkagtbp: 30px;\n --tkagtbq: 36px;\n --tkagtbr: 400;\n --tkagtbs: 500;\n --tkagtbt: 600;\n --tkagtbu: 700;\n --tkagtbv: 1.25;\n --tkagtbw: 1.5;\n --tkagtbx: 1.75;\n --tkagtby: 0 1px 2px rgba(0, 0, 0, 0.06);\n --tkagtbz: 0 4px 12px rgba(0, 0, 0, 0.08);\n --tkagtb10: 0 12px 32px rgba(0, 0, 0, 0.12);\n --tkagtb11: 120ms;\n --tkagtb12: 200ms;\n --tkagtb13: 320ms;\n --tkagtb14: #ffffff;\n --tkagtb15: #f8f9fa;\n --tkagtb16: #f1f3f5;\n --tkagtb17: #212529;\n --tkagtb18: #212529;\n --tkagtb19: #495057;\n --tkagtb1a: #868e96;\n --tkagtb1b: #ffffff;\n --tkagtb1c: #dee2e6;\n --tkagtb1d: #adb5bd;\n --tkagtb1e: #3b6ff6;\n --tkagtb1f: #2554eb;\n --tkagtb1g: #1d42d8;\n --tkagtb1h: #ffffff;\n --tkagtb1i: #eef4ff;\n --tkagtb1j: #dbe6fe;\n --tkagtb1k: #1d42d8;\n --tkagtb1l: #343a40;\n --tkagtb1m: #212529;\n --tkagtb1n: #ffffff;\n --tkagtb1o: #f1f3f5;\n --tkagtb1p: #e9ecef;\n --tkagtb1q: #343a40;\n --tkagtb1r: #dc2626;\n --tkagtb1s: #b91c1c;\n --tkagtb1t: #ffffff;\n --tkagtb1u: #fef2f2;\n --tkagtb1v: #fee2e2;\n --tkagtb1w: #b91c1c;\n --tkagtb1x: #15803d;\n --tkagtb1y: #166534;\n --tkagtb1z: #ffffff;\n --tkagtb20: #f0fdf4;\n --tkagtb21: #dcfce7;\n --tkagtb22: #15803d;\n}\n.tkagtb24 {\n --tkagtb0: 0;\n --tkagtb1: 4px;\n --tkagtb2: 8px;\n --tkagtb3: 12px;\n --tkagtb4: 16px;\n --tkagtb5: 20px;\n --tkagtb6: 24px;\n --tkagtb7: 32px;\n --tkagtb8: 40px;\n --tkagtb9: 48px;\n --tkagtba: 64px;\n --tkagtbb: 0;\n --tkagtbc: 4px;\n --tkagtbd: 8px;\n --tkagtbe: 12px;\n --tkagtbf: 16px;\n --tkagtbg: 9999px;\n --tkagtbh: \"Pretendard Variable\", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, \"Apple SD Gothic Neo\", \"Noto Sans KR\", sans-serif;\n --tkagtbi: \"JetBrains Mono\", ui-monospace, SFMono-Regular, Menlo, monospace;\n --tkagtbj: 12px;\n --tkagtbk: 14px;\n --tkagtbl: 16px;\n --tkagtbm: 18px;\n --tkagtbn: 20px;\n --tkagtbo: 24px;\n --tkagtbp: 30px;\n --tkagtbq: 36px;\n --tkagtbr: 400;\n --tkagtbs: 500;\n --tkagtbt: 600;\n --tkagtbu: 700;\n --tkagtbv: 1.25;\n --tkagtbw: 1.5;\n --tkagtbx: 1.75;\n --tkagtby: 0 1px 2px rgba(0, 0, 0, 0.06);\n --tkagtbz: 0 4px 12px rgba(0, 0, 0, 0.08);\n --tkagtb10: 0 12px 32px rgba(0, 0, 0, 0.12);\n --tkagtb11: 120ms;\n --tkagtb12: 200ms;\n --tkagtb13: 320ms;\n --tkagtb14: #16181b;\n --tkagtb15: #212529;\n --tkagtb16: #343a40;\n --tkagtb17: #f8f9fa;\n --tkagtb18: #f8f9fa;\n --tkagtb19: #dee2e6;\n --tkagtb1a: #adb5bd;\n --tkagtb1b: #212529;\n --tkagtb1c: #495057;\n --tkagtb1d: #adb5bd;\n --tkagtb1e: #6090fa;\n --tkagtb1f: #2554eb;\n --tkagtb1g: #3b6ff6;\n --tkagtb1h: #ffffff;\n --tkagtb1i: rgba(59, 111, 246, 0.16);\n --tkagtb1j: rgba(59, 111, 246, 0.26);\n --tkagtb1k: #93b4fd;\n --tkagtb1l: #e9ecef;\n --tkagtb1m: #f1f3f5;\n --tkagtb1n: #212529;\n --tkagtb1o: rgba(255, 255, 255, 0.08);\n --tkagtb1p: rgba(255, 255, 255, 0.14);\n --tkagtb1q: #f1f3f5;\n --tkagtb1r: #dc2626;\n --tkagtb1s: #ef4444;\n --tkagtb1t: #ffffff;\n --tkagtb1u: rgba(239, 68, 68, 0.16);\n --tkagtb1v: rgba(239, 68, 68, 0.26);\n --tkagtb1w: #fca5a5;\n --tkagtb1x: #15803d;\n --tkagtb1y: #16a34a;\n --tkagtb1z: #ffffff;\n --tkagtb20: rgba(34, 197, 94, 0.16);\n --tkagtb21: rgba(34, 197, 94, 0.26);\n --tkagtb22: #86efac;\n}",".sfyhlv0 {\n color: var(--tkagtb18);\n background-color: var(--tkagtb14);\n font-family: var(--tkagtbh);\n font-size: var(--tkagtbl);\n line-height: var(--tkagtbw);\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n}\n.sfyhlv0 *, .sfyhlv0 *::before, .sfyhlv0 *::after {\n box-sizing: border-box;\n}",".xcekda6 {\n display: inline-flex;\n align-items: center;\n justify-content: center;\n gap: var(--tkagtb2);\n border: 1px solid transparent;\n border-radius: var(--tkagtbd);\n font-family: var(--tkagtbh);\n font-weight: var(--tkagtbt);\n line-height: var(--tkagtbv);\n white-space: nowrap;\n cursor: pointer;\n user-select: none;\n transition: background-color var(--tkagtb11), border-color var(--tkagtb11), color var(--tkagtb11);\n}\n.xcekda6:focus-visible {\n outline: 2px solid var(--tkagtb1e);\n outline-offset: 2px;\n}\n.xcekda6:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n.xcekda7 {\n background-color: var(--xcekda0);\n color: var(--xcekda2);\n}\n.xcekda7:hover:not(:disabled) {\n background-color: var(--xcekda1);\n}\n.xcekda8 {\n background-color: var(--xcekda3);\n color: var(--xcekda5);\n}\n.xcekda8:hover:not(:disabled) {\n background-color: var(--xcekda4);\n}\n.xcekda9 {\n background-color: transparent;\n border-color: var(--xcekda0);\n color: var(--xcekda5);\n}\n.xcekda9:hover:not(:disabled) {\n background-color: var(--xcekda3);\n}\n.xcekdaa {\n background-color: transparent;\n color: var(--xcekda5);\n}\n.xcekdaa:hover:not(:disabled) {\n background-color: var(--xcekda3);\n}\n.xcekdab {\n --xcekda0: var(--tkagtb1f);\n --xcekda1: var(--tkagtb1g);\n --xcekda2: var(--tkagtb1h);\n --xcekda3: var(--tkagtb1i);\n --xcekda4: var(--tkagtb1j);\n --xcekda5: var(--tkagtb1k);\n}\n.xcekdac {\n --xcekda0: var(--tkagtb1l);\n --xcekda1: var(--tkagtb1m);\n --xcekda2: var(--tkagtb1n);\n --xcekda3: var(--tkagtb1o);\n --xcekda4: var(--tkagtb1p);\n --xcekda5: var(--tkagtb1q);\n}\n.xcekdad {\n --xcekda0: var(--tkagtb1r);\n --xcekda1: var(--tkagtb1s);\n --xcekda2: var(--tkagtb1t);\n --xcekda3: var(--tkagtb1u);\n --xcekda4: var(--tkagtb1v);\n --xcekda5: var(--tkagtb1w);\n}\n.xcekdae {\n height: 32px;\n padding-inline: var(--tkagtb3);\n font-size: var(--tkagtbk);\n}\n.xcekdaf {\n height: 40px;\n padding-inline: var(--tkagtb4);\n font-size: var(--tkagtbk);\n}\n.xcekdag {\n height: 48px;\n padding-inline: var(--tkagtb5);\n font-size: var(--tkagtbl);\n}\n.xcekdah {\n width: 100%;\n}\n.xcekdai {\n display: inline-flex;\n flex-shrink: 0;\n}","._1y7mzsn0 {\n display: inline-flex;\n align-items: center;\n gap: var(--tkagtb2);\n color: var(--tkagtb18);\n cursor: pointer;\n user-select: none;\n}\n._1y7mzsn0[data-disabled] {\n cursor: not-allowed;\n opacity: 0.5;\n}\n._1y7mzsn1 {\n font-size: var(--tkagtbk);\n}\n._1y7mzsn2 {\n font-size: var(--tkagtbl);\n}\n._1y7mzsn3 {\n position: relative;\n display: inline-flex;\n flex-shrink: 0;\n}\n._1y7mzsn4 {\n width: 16px;\n height: 16px;\n}\n._1y7mzsn5 {\n width: 20px;\n height: 20px;\n}\n._1y7mzsn6 {\n appearance: none;\n margin: 0;\n width: 100%;\n height: 100%;\n border: 1.5px solid var(--tkagtb1d);\n border-radius: var(--tkagtbc);\n background-color: var(--tkagtb14);\n cursor: inherit;\n transition: background-color var(--tkagtb11), border-color var(--tkagtb11);\n}\n._1y7mzsn6:hover:not(:disabled) {\n border-color: var(--tkagtb1f);\n}\n._1y7mzsn6:checked, ._1y7mzsn6:indeterminate {\n background-color: var(--tkagtb1f);\n border-color: var(--tkagtb1f);\n}\n._1y7mzsn6:checked:hover:not(:disabled), ._1y7mzsn6:indeterminate:hover:not(:disabled) {\n background-color: var(--tkagtb1g);\n border-color: var(--tkagtb1g);\n}\n._1y7mzsn6:focus-visible {\n outline: 2px solid var(--tkagtb1e);\n outline-offset: 2px;\n}\n._1y7mzsn6[aria-invalid=\"true\"]:not(:checked):not(:indeterminate) {\n border-color: var(--tkagtb1r);\n}\n._1y7mzsn7 {\n position: absolute;\n inset: 0;\n width: 100%;\n height: 100%;\n color: var(--tkagtb1h);\n pointer-events: none;\n opacity: 0;\n}\n._1y7mzsn6:checked:not(:indeterminate) ~ ._1y7mzsn8 {\n opacity: 1;\n}\n._1y7mzsn6:indeterminate ~ ._1y7mzsn9 {\n opacity: 1;\n}","._19p5zvh0 {\n display: inline-flex;\n align-items: center;\n gap: var(--tkagtb2);\n border: 1px solid var(--tkagtb1c);\n border-radius: var(--tkagtbd);\n background-color: var(--tkagtb14);\n color: var(--tkagtb18);\n transition: border-color var(--tkagtb11), box-shadow var(--tkagtb11);\n cursor: text;\n}\n._19p5zvh0:hover:not([data-disabled]) {\n border-color: var(--tkagtb1d);\n}\n._19p5zvh0:focus-within {\n border-color: var(--tkagtb1e);\n box-shadow: 0 0 0 1px var(--tkagtb1e);\n}\n._19p5zvh0[data-invalid] {\n border-color: var(--tkagtb1r);\n}\n._19p5zvh0[data-invalid]:focus-within {\n box-shadow: 0 0 0 1px var(--tkagtb1r);\n}\n._19p5zvh0[data-disabled] {\n background-color: var(--tkagtb16);\n cursor: not-allowed;\n opacity: 0.6;\n}\n._19p5zvh1 {\n height: 32px;\n padding-inline: var(--tkagtb2);\n font-size: var(--tkagtbk);\n}\n._19p5zvh2 {\n height: 40px;\n padding-inline: var(--tkagtb3);\n font-size: var(--tkagtbk);\n}\n._19p5zvh3 {\n height: 48px;\n padding-inline: var(--tkagtb4);\n font-size: var(--tkagtbl);\n}\n._19p5zvh4 {\n display: flex;\n width: 100%;\n}\n._19p5zvh5 {\n flex: 1;\n min-width: 0;\n height: 100%;\n padding: 0;\n border: none;\n outline: none;\n background: transparent;\n color: inherit;\n font: inherit;\n}\n._19p5zvh5::placeholder {\n color: var(--tkagtb1a);\n}\n._19p5zvh5:disabled {\n cursor: not-allowed;\n}\n._19p5zvh6 {\n display: inline-flex;\n flex-shrink: 0;\n color: var(--tkagtb1a);\n}\n._19p5zvh7 {\n display: inline-flex;\n flex-direction: column;\n gap: var(--tkagtb1);\n}\n._19p5zvh8 {\n display: flex;\n width: 100%;\n}\n._19p5zvh9 {\n font-size: var(--tkagtbk);\n font-weight: var(--tkagtbs);\n line-height: var(--tkagtbw);\n color: var(--tkagtb18);\n}\n._19p5zvha {\n margin-inline-start: 2px;\n color: var(--tkagtb1w);\n}\n._19p5zvhb {\n margin: 0;\n font-size: var(--tkagtbj);\n line-height: var(--tkagtbw);\n color: var(--tkagtb1a);\n}\n._19p5zvhc {\n color: var(--tkagtb1w);\n}","._1jz9hj90 {\n display: flex;\n min-width: 0;\n}\n._1jz9hj91 {\n flex-direction: row;\n}\n._1jz9hj92 {\n flex-direction: column;\n}\n._1jz9hj93 {\n flex-direction: row-reverse;\n}\n._1jz9hj94 {\n flex-direction: column-reverse;\n}\n._1jz9hj95 {\n gap: var(--tkagtb0);\n}\n._1jz9hj96 {\n gap: var(--tkagtb1);\n}\n._1jz9hj97 {\n gap: var(--tkagtb2);\n}\n._1jz9hj98 {\n gap: var(--tkagtb3);\n}\n._1jz9hj99 {\n gap: var(--tkagtb4);\n}\n._1jz9hj9a {\n gap: var(--tkagtb5);\n}\n._1jz9hj9b {\n gap: var(--tkagtb6);\n}\n._1jz9hj9c {\n gap: var(--tkagtb7);\n}\n._1jz9hj9d {\n gap: var(--tkagtb8);\n}\n._1jz9hj9e {\n gap: var(--tkagtb9);\n}\n._1jz9hj9f {\n gap: var(--tkagtba);\n}\n._1jz9hj9g {\n align-items: flex-start;\n}\n._1jz9hj9h {\n align-items: center;\n}\n._1jz9hj9i {\n align-items: flex-end;\n}\n._1jz9hj9j {\n align-items: stretch;\n}\n._1jz9hj9k {\n align-items: baseline;\n}\n._1jz9hj9l {\n justify-content: flex-start;\n}\n._1jz9hj9m {\n justify-content: center;\n}\n._1jz9hj9n {\n justify-content: flex-end;\n}\n._1jz9hj9o {\n justify-content: space-between;\n}\n._1jz9hj9p {\n justify-content: space-around;\n}\n._1jz9hj9q {\n justify-content: space-evenly;\n}\n._1jz9hj9r {\n flex-wrap: wrap;\n}",".kiolio0 {\n margin: 0;\n font-family: var(--tkagtbh);\n}\n.kiolio1 {\n font-size: var(--tkagtbq);\n font-weight: var(--tkagtbu);\n line-height: var(--tkagtbv);\n letter-spacing: -0.02em;\n}\n.kiolio2 {\n font-size: var(--tkagtbp);\n font-weight: var(--tkagtbu);\n line-height: var(--tkagtbv);\n letter-spacing: -0.02em;\n}\n.kiolio3 {\n font-size: var(--tkagtbo);\n font-weight: var(--tkagtbu);\n line-height: var(--tkagtbv);\n letter-spacing: -0.01em;\n}\n.kiolio4 {\n font-size: var(--tkagtbn);\n font-weight: var(--tkagtbt);\n line-height: var(--tkagtbv);\n}\n.kiolio5 {\n font-size: var(--tkagtbm);\n font-weight: var(--tkagtbt);\n line-height: var(--tkagtbv);\n}\n.kiolio6 {\n font-size: var(--tkagtbm);\n font-weight: var(--tkagtbr);\n line-height: var(--tkagtbx);\n}\n.kiolio7 {\n font-size: var(--tkagtbl);\n font-weight: var(--tkagtbr);\n line-height: var(--tkagtbw);\n}\n.kiolio8 {\n font-size: var(--tkagtbk);\n font-weight: var(--tkagtbr);\n line-height: var(--tkagtbw);\n}\n.kiolio9 {\n font-size: var(--tkagtbj);\n font-weight: var(--tkagtbr);\n line-height: var(--tkagtbw);\n}\n.kiolioa {\n color: var(--tkagtb18);\n}\n.kioliob {\n color: var(--tkagtb19);\n}\n.kiolioc {\n color: var(--tkagtb1a);\n}\n.kioliod {\n color: var(--tkagtb1k);\n}\n.kiolioe {\n color: var(--tkagtb1w);\n}\n.kioliof {\n color: var(--tkagtb22);\n}\n.kioliog {\n color: inherit;\n}\n.kiolioh {\n font-weight: var(--tkagtbr);\n}\n.kiolioi {\n font-weight: var(--tkagtbs);\n}\n.kiolioj {\n font-weight: var(--tkagtbt);\n}\n.kioliok {\n font-weight: var(--tkagtbu);\n}\n.kioliol {\n text-align: start;\n}\n.kioliom {\n text-align: center;\n}\n.kiolion {\n text-align: end;\n}\n.kiolioo {\n overflow: hidden;\n text-overflow: ellipsis;\n white-space: nowrap;\n}"],"mappings":"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jB,SAAO,IAAI;AACb;AACA,CAAC;AACC,uBAAqB;AACrB,SAAO,IAAI;AACb;AACA,CAAC;AACC,UAAQ;AACR,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;;;ACjGA,CAAC;AACC,WAAS;AACT,aAAW;AACb;AACA,CAAC;AACC,kBAAgB;AAClB;AACA,CAAC;AACC,kBAAgB;AAClB;AACA,CAAC;AACC,kBAAgB;AAClB;AACA,CAAC;AACC,kBAAgB;AAClB;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,OAAK,IAAI;AACX;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,eAAa;AACf;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,mBAAiB;AACnB;AACA,CAAC;AACC,aAAW;AACb;;;ACpFA,CAAC;AACC,UAAQ;AACR,eAAa,IAAI;AACnB;AACA,CAAC;AACC,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB;AAClB;AACA,CAAC;AACC,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB;AAClB;AACA,CAAC;AACC,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACjB,kBAAgB;AAClB;AACA,CAAC;AACC,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AACA,CAAC;AACC,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AACA,CAAC;AACC,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AACA,CAAC;AACC,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AACA,CAAC;AACC,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AACA,CAAC;AACC,aAAW,IAAI;AACf,eAAa,IAAI;AACjB,eAAa,IAAI;AACnB;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO,IAAI;AACb;AACA,CAAC;AACC,SAAO;AACT;AACA,CAAC;AACC,eAAa,IAAI;AACnB;AACA,CAAC;AACC,eAAa,IAAI;AACnB;AACA,CAAC;AACC,eAAa,IAAI;AACnB;AACA,CAAC;AACC,eAAa,IAAI;AACnB;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,cAAY;AACd;AACA,CAAC;AACC,YAAU;AACV,iBAAe;AACf,eAAa;AACf;","names":[]}
|
package/dist/index.d.cts
ADDED
|
@@ -0,0 +1,218 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { HTMLAttributes, ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, ElementType } from 'react';
|
|
3
|
+
import { space } from '@bestow-ui/tokens';
|
|
4
|
+
|
|
5
|
+
/** 컴포넌트 스타일은 반드시 vars 를 통해 토큰을 참조한다. */
|
|
6
|
+
declare const vars: {
|
|
7
|
+
color: {
|
|
8
|
+
bg: {
|
|
9
|
+
default: `var(--${string})`;
|
|
10
|
+
subtle: `var(--${string})`;
|
|
11
|
+
muted: `var(--${string})`;
|
|
12
|
+
inverse: `var(--${string})`;
|
|
13
|
+
};
|
|
14
|
+
fg: {
|
|
15
|
+
default: `var(--${string})`;
|
|
16
|
+
muted: `var(--${string})`;
|
|
17
|
+
subtle: `var(--${string})`;
|
|
18
|
+
inverse: `var(--${string})`;
|
|
19
|
+
};
|
|
20
|
+
border: {
|
|
21
|
+
default: `var(--${string})`;
|
|
22
|
+
strong: `var(--${string})`;
|
|
23
|
+
focus: `var(--${string})`;
|
|
24
|
+
};
|
|
25
|
+
primary: {
|
|
26
|
+
solid: `var(--${string})`;
|
|
27
|
+
solidHover: `var(--${string})`;
|
|
28
|
+
contrast: `var(--${string})`;
|
|
29
|
+
subtle: `var(--${string})`;
|
|
30
|
+
subtleHover: `var(--${string})`;
|
|
31
|
+
text: `var(--${string})`;
|
|
32
|
+
};
|
|
33
|
+
neutral: {
|
|
34
|
+
solid: `var(--${string})`;
|
|
35
|
+
solidHover: `var(--${string})`;
|
|
36
|
+
contrast: `var(--${string})`;
|
|
37
|
+
subtle: `var(--${string})`;
|
|
38
|
+
subtleHover: `var(--${string})`;
|
|
39
|
+
text: `var(--${string})`;
|
|
40
|
+
};
|
|
41
|
+
danger: {
|
|
42
|
+
solid: `var(--${string})`;
|
|
43
|
+
solidHover: `var(--${string})`;
|
|
44
|
+
contrast: `var(--${string})`;
|
|
45
|
+
subtle: `var(--${string})`;
|
|
46
|
+
subtleHover: `var(--${string})`;
|
|
47
|
+
text: `var(--${string})`;
|
|
48
|
+
};
|
|
49
|
+
success: {
|
|
50
|
+
solid: `var(--${string})`;
|
|
51
|
+
solidHover: `var(--${string})`;
|
|
52
|
+
contrast: `var(--${string})`;
|
|
53
|
+
subtle: `var(--${string})`;
|
|
54
|
+
subtleHover: `var(--${string})`;
|
|
55
|
+
text: `var(--${string})`;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
space: {
|
|
59
|
+
readonly 0: `var(--${string})`;
|
|
60
|
+
readonly 1: `var(--${string})`;
|
|
61
|
+
readonly 2: `var(--${string})`;
|
|
62
|
+
readonly 3: `var(--${string})`;
|
|
63
|
+
readonly 4: `var(--${string})`;
|
|
64
|
+
readonly 5: `var(--${string})`;
|
|
65
|
+
readonly 6: `var(--${string})`;
|
|
66
|
+
readonly 8: `var(--${string})`;
|
|
67
|
+
readonly 10: `var(--${string})`;
|
|
68
|
+
readonly 12: `var(--${string})`;
|
|
69
|
+
readonly 16: `var(--${string})`;
|
|
70
|
+
};
|
|
71
|
+
radius: {
|
|
72
|
+
readonly none: `var(--${string})`;
|
|
73
|
+
readonly sm: `var(--${string})`;
|
|
74
|
+
readonly md: `var(--${string})`;
|
|
75
|
+
readonly lg: `var(--${string})`;
|
|
76
|
+
readonly xl: `var(--${string})`;
|
|
77
|
+
readonly full: `var(--${string})`;
|
|
78
|
+
};
|
|
79
|
+
font: {
|
|
80
|
+
family: {
|
|
81
|
+
readonly sans: `var(--${string})`;
|
|
82
|
+
readonly mono: `var(--${string})`;
|
|
83
|
+
};
|
|
84
|
+
size: {
|
|
85
|
+
readonly xs: `var(--${string})`;
|
|
86
|
+
readonly sm: `var(--${string})`;
|
|
87
|
+
readonly md: `var(--${string})`;
|
|
88
|
+
readonly lg: `var(--${string})`;
|
|
89
|
+
readonly xl: `var(--${string})`;
|
|
90
|
+
readonly '2xl': `var(--${string})`;
|
|
91
|
+
readonly '3xl': `var(--${string})`;
|
|
92
|
+
readonly '4xl': `var(--${string})`;
|
|
93
|
+
};
|
|
94
|
+
weight: {
|
|
95
|
+
readonly regular: `var(--${string})`;
|
|
96
|
+
readonly medium: `var(--${string})`;
|
|
97
|
+
readonly semibold: `var(--${string})`;
|
|
98
|
+
readonly bold: `var(--${string})`;
|
|
99
|
+
};
|
|
100
|
+
lineHeight: {
|
|
101
|
+
readonly tight: `var(--${string})`;
|
|
102
|
+
readonly normal: `var(--${string})`;
|
|
103
|
+
readonly relaxed: `var(--${string})`;
|
|
104
|
+
};
|
|
105
|
+
};
|
|
106
|
+
shadow: {
|
|
107
|
+
readonly sm: `var(--${string})`;
|
|
108
|
+
readonly md: `var(--${string})`;
|
|
109
|
+
readonly lg: `var(--${string})`;
|
|
110
|
+
};
|
|
111
|
+
duration: {
|
|
112
|
+
readonly fast: `var(--${string})`;
|
|
113
|
+
readonly normal: `var(--${string})`;
|
|
114
|
+
readonly slow: `var(--${string})`;
|
|
115
|
+
};
|
|
116
|
+
};
|
|
117
|
+
declare const themeClass: {
|
|
118
|
+
light: string;
|
|
119
|
+
dark: string;
|
|
120
|
+
};
|
|
121
|
+
type ThemeName = keyof typeof themeClass;
|
|
122
|
+
|
|
123
|
+
interface ThemeProviderProps extends HTMLAttributes<HTMLDivElement> {
|
|
124
|
+
/** 적용할 테마. 중첩해서 일부 영역만 다른 테마를 적용할 수도 있다. */
|
|
125
|
+
theme?: ThemeName;
|
|
126
|
+
}
|
|
127
|
+
declare const ThemeProvider: react.ForwardRefExoticComponent<ThemeProviderProps & react.RefAttributes<HTMLDivElement>>;
|
|
128
|
+
/** 현재 적용 중인 테마 이름을 반환한다. */
|
|
129
|
+
declare function useTheme(): ThemeName;
|
|
130
|
+
|
|
131
|
+
interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {
|
|
132
|
+
/** 시각적 스타일 */
|
|
133
|
+
variant?: 'solid' | 'soft' | 'outline' | 'ghost';
|
|
134
|
+
/** 의미 색상 */
|
|
135
|
+
color?: 'primary' | 'neutral' | 'danger';
|
|
136
|
+
/** 크기 */
|
|
137
|
+
size?: 'sm' | 'md' | 'lg';
|
|
138
|
+
/** 부모 너비를 꽉 채운다 */
|
|
139
|
+
fullWidth?: boolean;
|
|
140
|
+
/** 레이블 앞에 표시할 아이콘 */
|
|
141
|
+
startIcon?: ReactNode;
|
|
142
|
+
/** 레이블 뒤에 표시할 아이콘 */
|
|
143
|
+
endIcon?: ReactNode;
|
|
144
|
+
}
|
|
145
|
+
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
146
|
+
|
|
147
|
+
interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
|
|
148
|
+
/** 체크박스 옆에 표시할 레이블 */
|
|
149
|
+
label?: ReactNode;
|
|
150
|
+
/** 크기 */
|
|
151
|
+
size?: 'sm' | 'md';
|
|
152
|
+
/** 일부 선택 상태 (전체 선택 체크박스 등) */
|
|
153
|
+
indeterminate?: boolean;
|
|
154
|
+
/** 에러 상태 */
|
|
155
|
+
invalid?: boolean;
|
|
156
|
+
}
|
|
157
|
+
declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
|
|
158
|
+
|
|
159
|
+
interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
|
|
160
|
+
/** 크기 */
|
|
161
|
+
size?: 'sm' | 'md' | 'lg';
|
|
162
|
+
/** 에러 상태 표시 (aria-invalid 도 함께 설정된다) */
|
|
163
|
+
invalid?: boolean;
|
|
164
|
+
/** 부모 너비를 꽉 채운다 */
|
|
165
|
+
fullWidth?: boolean;
|
|
166
|
+
/** 입력창 앞에 표시할 요소 (아이콘, 단위 등) */
|
|
167
|
+
startAdornment?: ReactNode;
|
|
168
|
+
/** 입력창 뒤에 표시할 요소 */
|
|
169
|
+
endAdornment?: ReactNode;
|
|
170
|
+
/** 바깥 래퍼에 적용할 className. className 은 input 요소에 적용된다 */
|
|
171
|
+
rootClassName?: string;
|
|
172
|
+
}
|
|
173
|
+
declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
|
|
174
|
+
|
|
175
|
+
interface TextFieldProps extends Omit<InputProps, 'invalid'> {
|
|
176
|
+
/** 입력창 위에 표시할 레이블 */
|
|
177
|
+
label?: ReactNode;
|
|
178
|
+
/** 입력창 아래에 표시할 도움말. error 일 때는 에러 메시지로 표시된다 */
|
|
179
|
+
helperText?: ReactNode;
|
|
180
|
+
/** 에러 상태 */
|
|
181
|
+
error?: boolean;
|
|
182
|
+
}
|
|
183
|
+
declare const TextField: react.ForwardRefExoticComponent<TextFieldProps & react.RefAttributes<HTMLInputElement>>;
|
|
184
|
+
|
|
185
|
+
interface StackProps extends HTMLAttributes<HTMLElement> {
|
|
186
|
+
/** 렌더링할 요소 */
|
|
187
|
+
as?: ElementType;
|
|
188
|
+
/** 배치 방향 */
|
|
189
|
+
direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
|
|
190
|
+
/** 자식 사이 간격 (space 토큰 키) */
|
|
191
|
+
gap?: keyof typeof space;
|
|
192
|
+
/** 교차축 정렬 (align-items) */
|
|
193
|
+
align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
|
|
194
|
+
/** 주축 정렬 (justify-content) */
|
|
195
|
+
justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
|
|
196
|
+
/** 줄바꿈 허용 */
|
|
197
|
+
wrap?: boolean;
|
|
198
|
+
}
|
|
199
|
+
declare const Stack: react.ForwardRefExoticComponent<StackProps & react.RefAttributes<HTMLElement>>;
|
|
200
|
+
|
|
201
|
+
type TypographyVariant = 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'body-lg' | 'body' | 'body-sm' | 'caption';
|
|
202
|
+
interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
203
|
+
/** 텍스트 스타일 */
|
|
204
|
+
variant?: TypographyVariant;
|
|
205
|
+
/** 렌더링할 요소. 기본값은 variant 에 따라 결정된다 (h1, p, span 등) */
|
|
206
|
+
as?: ElementType;
|
|
207
|
+
/** 글자 색상 */
|
|
208
|
+
color?: 'default' | 'muted' | 'subtle' | 'primary' | 'danger' | 'success' | 'inherit';
|
|
209
|
+
/** variant 의 기본 굵기를 덮어쓴다 */
|
|
210
|
+
weight?: 'regular' | 'medium' | 'semibold' | 'bold';
|
|
211
|
+
/** 정렬 */
|
|
212
|
+
align?: 'start' | 'center' | 'end';
|
|
213
|
+
/** 한 줄로 자르고 말줄임표를 표시한다 */
|
|
214
|
+
truncate?: boolean;
|
|
215
|
+
}
|
|
216
|
+
declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLElement>>;
|
|
217
|
+
|
|
218
|
+
export { Button, type ButtonProps, Checkbox, type CheckboxProps, Input, type InputProps, Stack, type StackProps, TextField, type TextFieldProps, type ThemeName, ThemeProvider, type ThemeProviderProps, Typography, type TypographyProps, type TypographyVariant, themeClass, useTheme, vars };
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1,218 @@
|
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { HTMLAttributes, ButtonHTMLAttributes, ReactNode, InputHTMLAttributes, ElementType } from 'react';
|
|
3
|
+
import { space } from '@bestow-ui/tokens';
|
|
4
|
+
|
|
5
|
+
/** 컴포넌트 스타일은 반드시 vars 를 통해 토큰을 참조한다. */
|
|
6
|
+
declare const vars: {
|
|
7
|
+
color: {
|
|
8
|
+
bg: {
|
|
9
|
+
default: `var(--${string})`;
|
|
10
|
+
subtle: `var(--${string})`;
|
|
11
|
+
muted: `var(--${string})`;
|
|
12
|
+
inverse: `var(--${string})`;
|
|
13
|
+
};
|
|
14
|
+
fg: {
|
|
15
|
+
default: `var(--${string})`;
|
|
16
|
+
muted: `var(--${string})`;
|
|
17
|
+
subtle: `var(--${string})`;
|
|
18
|
+
inverse: `var(--${string})`;
|
|
19
|
+
};
|
|
20
|
+
border: {
|
|
21
|
+
default: `var(--${string})`;
|
|
22
|
+
strong: `var(--${string})`;
|
|
23
|
+
focus: `var(--${string})`;
|
|
24
|
+
};
|
|
25
|
+
primary: {
|
|
26
|
+
solid: `var(--${string})`;
|
|
27
|
+
solidHover: `var(--${string})`;
|
|
28
|
+
contrast: `var(--${string})`;
|
|
29
|
+
subtle: `var(--${string})`;
|
|
30
|
+
subtleHover: `var(--${string})`;
|
|
31
|
+
text: `var(--${string})`;
|
|
32
|
+
};
|
|
33
|
+
neutral: {
|
|
34
|
+
solid: `var(--${string})`;
|
|
35
|
+
solidHover: `var(--${string})`;
|
|
36
|
+
contrast: `var(--${string})`;
|
|
37
|
+
subtle: `var(--${string})`;
|
|
38
|
+
subtleHover: `var(--${string})`;
|
|
39
|
+
text: `var(--${string})`;
|
|
40
|
+
};
|
|
41
|
+
danger: {
|
|
42
|
+
solid: `var(--${string})`;
|
|
43
|
+
solidHover: `var(--${string})`;
|
|
44
|
+
contrast: `var(--${string})`;
|
|
45
|
+
subtle: `var(--${string})`;
|
|
46
|
+
subtleHover: `var(--${string})`;
|
|
47
|
+
text: `var(--${string})`;
|
|
48
|
+
};
|
|
49
|
+
success: {
|
|
50
|
+
solid: `var(--${string})`;
|
|
51
|
+
solidHover: `var(--${string})`;
|
|
52
|
+
contrast: `var(--${string})`;
|
|
53
|
+
subtle: `var(--${string})`;
|
|
54
|
+
subtleHover: `var(--${string})`;
|
|
55
|
+
text: `var(--${string})`;
|
|
56
|
+
};
|
|
57
|
+
};
|
|
58
|
+
space: {
|
|
59
|
+
readonly 0: `var(--${string})`;
|
|
60
|
+
readonly 1: `var(--${string})`;
|
|
61
|
+
readonly 2: `var(--${string})`;
|
|
62
|
+
readonly 3: `var(--${string})`;
|
|
63
|
+
readonly 4: `var(--${string})`;
|
|
64
|
+
readonly 5: `var(--${string})`;
|
|
65
|
+
readonly 6: `var(--${string})`;
|
|
66
|
+
readonly 8: `var(--${string})`;
|
|
67
|
+
readonly 10: `var(--${string})`;
|
|
68
|
+
readonly 12: `var(--${string})`;
|
|
69
|
+
readonly 16: `var(--${string})`;
|
|
70
|
+
};
|
|
71
|
+
radius: {
|
|
72
|
+
readonly none: `var(--${string})`;
|
|
73
|
+
readonly sm: `var(--${string})`;
|
|
74
|
+
readonly md: `var(--${string})`;
|
|
75
|
+
readonly lg: `var(--${string})`;
|
|
76
|
+
readonly xl: `var(--${string})`;
|
|
77
|
+
readonly full: `var(--${string})`;
|
|
78
|
+
};
|
|
79
|
+
font: {
|
|
80
|
+
family: {
|
|
81
|
+
readonly sans: `var(--${string})`;
|
|
82
|
+
readonly mono: `var(--${string})`;
|
|
83
|
+
};
|
|
84
|
+
size: {
|
|
85
|
+
readonly xs: `var(--${string})`;
|
|
86
|
+
readonly sm: `var(--${string})`;
|
|
87
|
+
readonly md: `var(--${string})`;
|
|
88
|
+
readonly lg: `var(--${string})`;
|
|
89
|
+
readonly xl: `var(--${string})`;
|
|
90
|
+
readonly '2xl': `var(--${string})`;
|
|
91
|
+
readonly '3xl': `var(--${string})`;
|
|
92
|
+
readonly '4xl': `var(--${string})`;
|
|
93
|
+
};
|
|
94
|
+
weight: {
|
|
95
|
+
readonly regular: `var(--${string})`;
|
|
96
|
+
readonly medium: `var(--${string})`;
|
|
97
|
+
readonly semibold: `var(--${string})`;
|
|
98
|
+
readonly bold: `var(--${string})`;
|
|
99
|
+
};
|
|
100
|
+
lineHeight: {
|
|
101
|
+
readonly tight: `var(--${string})`;
|
|
102
|
+
readonly normal: `var(--${string})`;
|
|
103
|
+
readonly relaxed: `var(--${string})`;
|
|
104
|
+
};
|
|
105
|
+
};
|
|
106
|
+
shadow: {
|
|
107
|
+
readonly sm: `var(--${string})`;
|
|
108
|
+
readonly md: `var(--${string})`;
|
|
109
|
+
readonly lg: `var(--${string})`;
|
|
110
|
+
};
|
|
111
|
+
duration: {
|
|
112
|
+
readonly fast: `var(--${string})`;
|
|
113
|
+
readonly normal: `var(--${string})`;
|
|
114
|
+
readonly slow: `var(--${string})`;
|
|
115
|
+
};
|
|
116
|
+
};
|
|
117
|
+
declare const themeClass: {
|
|
118
|
+
light: string;
|
|
119
|
+
dark: string;
|
|
120
|
+
};
|
|
121
|
+
type ThemeName = keyof typeof themeClass;
|
|
122
|
+
|
|
123
|
+
interface ThemeProviderProps extends HTMLAttributes<HTMLDivElement> {
|
|
124
|
+
/** 적용할 테마. 중첩해서 일부 영역만 다른 테마를 적용할 수도 있다. */
|
|
125
|
+
theme?: ThemeName;
|
|
126
|
+
}
|
|
127
|
+
declare const ThemeProvider: react.ForwardRefExoticComponent<ThemeProviderProps & react.RefAttributes<HTMLDivElement>>;
|
|
128
|
+
/** 현재 적용 중인 테마 이름을 반환한다. */
|
|
129
|
+
declare function useTheme(): ThemeName;
|
|
130
|
+
|
|
131
|
+
interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'> {
|
|
132
|
+
/** 시각적 스타일 */
|
|
133
|
+
variant?: 'solid' | 'soft' | 'outline' | 'ghost';
|
|
134
|
+
/** 의미 색상 */
|
|
135
|
+
color?: 'primary' | 'neutral' | 'danger';
|
|
136
|
+
/** 크기 */
|
|
137
|
+
size?: 'sm' | 'md' | 'lg';
|
|
138
|
+
/** 부모 너비를 꽉 채운다 */
|
|
139
|
+
fullWidth?: boolean;
|
|
140
|
+
/** 레이블 앞에 표시할 아이콘 */
|
|
141
|
+
startIcon?: ReactNode;
|
|
142
|
+
/** 레이블 뒤에 표시할 아이콘 */
|
|
143
|
+
endIcon?: ReactNode;
|
|
144
|
+
}
|
|
145
|
+
declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
|
|
146
|
+
|
|
147
|
+
interface CheckboxProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type'> {
|
|
148
|
+
/** 체크박스 옆에 표시할 레이블 */
|
|
149
|
+
label?: ReactNode;
|
|
150
|
+
/** 크기 */
|
|
151
|
+
size?: 'sm' | 'md';
|
|
152
|
+
/** 일부 선택 상태 (전체 선택 체크박스 등) */
|
|
153
|
+
indeterminate?: boolean;
|
|
154
|
+
/** 에러 상태 */
|
|
155
|
+
invalid?: boolean;
|
|
156
|
+
}
|
|
157
|
+
declare const Checkbox: react.ForwardRefExoticComponent<CheckboxProps & react.RefAttributes<HTMLInputElement>>;
|
|
158
|
+
|
|
159
|
+
interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'> {
|
|
160
|
+
/** 크기 */
|
|
161
|
+
size?: 'sm' | 'md' | 'lg';
|
|
162
|
+
/** 에러 상태 표시 (aria-invalid 도 함께 설정된다) */
|
|
163
|
+
invalid?: boolean;
|
|
164
|
+
/** 부모 너비를 꽉 채운다 */
|
|
165
|
+
fullWidth?: boolean;
|
|
166
|
+
/** 입력창 앞에 표시할 요소 (아이콘, 단위 등) */
|
|
167
|
+
startAdornment?: ReactNode;
|
|
168
|
+
/** 입력창 뒤에 표시할 요소 */
|
|
169
|
+
endAdornment?: ReactNode;
|
|
170
|
+
/** 바깥 래퍼에 적용할 className. className 은 input 요소에 적용된다 */
|
|
171
|
+
rootClassName?: string;
|
|
172
|
+
}
|
|
173
|
+
declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
|
|
174
|
+
|
|
175
|
+
interface TextFieldProps extends Omit<InputProps, 'invalid'> {
|
|
176
|
+
/** 입력창 위에 표시할 레이블 */
|
|
177
|
+
label?: ReactNode;
|
|
178
|
+
/** 입력창 아래에 표시할 도움말. error 일 때는 에러 메시지로 표시된다 */
|
|
179
|
+
helperText?: ReactNode;
|
|
180
|
+
/** 에러 상태 */
|
|
181
|
+
error?: boolean;
|
|
182
|
+
}
|
|
183
|
+
declare const TextField: react.ForwardRefExoticComponent<TextFieldProps & react.RefAttributes<HTMLInputElement>>;
|
|
184
|
+
|
|
185
|
+
interface StackProps extends HTMLAttributes<HTMLElement> {
|
|
186
|
+
/** 렌더링할 요소 */
|
|
187
|
+
as?: ElementType;
|
|
188
|
+
/** 배치 방향 */
|
|
189
|
+
direction?: 'row' | 'column' | 'row-reverse' | 'column-reverse';
|
|
190
|
+
/** 자식 사이 간격 (space 토큰 키) */
|
|
191
|
+
gap?: keyof typeof space;
|
|
192
|
+
/** 교차축 정렬 (align-items) */
|
|
193
|
+
align?: 'start' | 'center' | 'end' | 'stretch' | 'baseline';
|
|
194
|
+
/** 주축 정렬 (justify-content) */
|
|
195
|
+
justify?: 'start' | 'center' | 'end' | 'between' | 'around' | 'evenly';
|
|
196
|
+
/** 줄바꿈 허용 */
|
|
197
|
+
wrap?: boolean;
|
|
198
|
+
}
|
|
199
|
+
declare const Stack: react.ForwardRefExoticComponent<StackProps & react.RefAttributes<HTMLElement>>;
|
|
200
|
+
|
|
201
|
+
type TypographyVariant = 'display' | 'h1' | 'h2' | 'h3' | 'h4' | 'body-lg' | 'body' | 'body-sm' | 'caption';
|
|
202
|
+
interface TypographyProps extends Omit<HTMLAttributes<HTMLElement>, 'color'> {
|
|
203
|
+
/** 텍스트 스타일 */
|
|
204
|
+
variant?: TypographyVariant;
|
|
205
|
+
/** 렌더링할 요소. 기본값은 variant 에 따라 결정된다 (h1, p, span 등) */
|
|
206
|
+
as?: ElementType;
|
|
207
|
+
/** 글자 색상 */
|
|
208
|
+
color?: 'default' | 'muted' | 'subtle' | 'primary' | 'danger' | 'success' | 'inherit';
|
|
209
|
+
/** variant 의 기본 굵기를 덮어쓴다 */
|
|
210
|
+
weight?: 'regular' | 'medium' | 'semibold' | 'bold';
|
|
211
|
+
/** 정렬 */
|
|
212
|
+
align?: 'start' | 'center' | 'end';
|
|
213
|
+
/** 한 줄로 자르고 말줄임표를 표시한다 */
|
|
214
|
+
truncate?: boolean;
|
|
215
|
+
}
|
|
216
|
+
declare const Typography: react.ForwardRefExoticComponent<TypographyProps & react.RefAttributes<HTMLElement>>;
|
|
217
|
+
|
|
218
|
+
export { Button, type ButtonProps, Checkbox, type CheckboxProps, Input, type InputProps, Stack, type StackProps, TextField, type TextFieldProps, type ThemeName, ThemeProvider, type ThemeProviderProps, Typography, type TypographyProps, type TypographyVariant, themeClass, useTheme, vars };
|