@twreporter/react-typescript-components 0.1.0-beta.7 → 0.1.0-beta.9
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/README.md +16 -0
- package/lib/button/constants.d.mts +3 -0
- package/lib/button/constants.d.ts +3 -0
- package/lib/button/constants.js +5 -0
- package/lib/button/constants.mjs +3 -0
- package/lib/button/index.d.mts +130 -23
- package/lib/button/index.d.ts +130 -23
- package/lib/button/index.js +11 -207
- package/lib/button/index.mjs +7 -9
- package/lib/button-CO0UXA6C.js +552 -0
- package/lib/button-CO0UXA6C.js.map +1 -0
- package/lib/button-DL6w1ghn.mjs +519 -0
- package/lib/button-DL6w1ghn.mjs.map +1 -0
- package/lib/chunk-BxBTb9qk.js +39 -0
- package/lib/constants/external-links.d.mts +16 -0
- package/lib/constants/external-links.d.ts +16 -0
- package/lib/constants/external-links.js +3 -0
- package/lib/constants/external-links.mjs +3 -0
- package/lib/constants/internal-links.d.mts +51 -0
- package/lib/constants/internal-links.d.ts +51 -0
- package/lib/constants/internal-links.js +3 -0
- package/lib/constants/internal-links.mjs +3 -0
- package/lib/constants/release-branch.d.mts +3 -0
- package/lib/constants/release-branch.d.ts +3 -0
- package/lib/constants/release-branch.js +3 -0
- package/lib/constants/release-branch.mjs +3 -0
- package/lib/constants/request-origins.d.mts +68 -0
- package/lib/constants/request-origins.d.ts +68 -0
- package/lib/constants/request-origins.js +47 -0
- package/lib/constants/request-origins.js.map +1 -0
- package/lib/constants/request-origins.mjs +46 -0
- package/lib/constants/request-origins.mjs.map +1 -0
- package/lib/constants/theme.d.mts +3 -0
- package/lib/constants/theme.d.ts +3 -0
- package/lib/constants/theme.js +3 -0
- package/lib/constants/theme.mjs +3 -0
- package/lib/constants-2TRY2zTK.js +38 -0
- package/lib/constants-2TRY2zTK.js.map +1 -0
- package/lib/constants-BS3rPbaX.d.ts +17 -0
- package/lib/constants-BWFuBApI.mjs +14 -0
- package/lib/constants-BWFuBApI.mjs.map +1 -0
- package/lib/constants-B_NgWFML.d.ts +24 -0
- package/lib/constants-BmxSMOOn.js +36 -0
- package/lib/constants-BmxSMOOn.js.map +1 -0
- package/lib/constants-BqeEbkVD.mjs +20 -0
- package/lib/constants-BqeEbkVD.mjs.map +1 -0
- package/lib/constants-CIX1G5rj.d.mts +24 -0
- package/lib/constants-CMMcn0f-.d.ts +11 -0
- package/lib/constants-COxV6T69.d.mts +11 -0
- package/lib/constants-CQscYQcW.mjs +25 -0
- package/lib/constants-CQscYQcW.mjs.map +1 -0
- package/lib/constants-D7_N9Z7C.d.mts +17 -0
- package/lib/constants-DF_II8Fz.js +43 -0
- package/lib/constants-DF_II8Fz.js.map +1 -0
- package/lib/constants-DQxcqnYL.d.ts +29 -0
- package/lib/constants-DRyQ6AuU.js +15 -0
- package/lib/constants-DRyQ6AuU.js.map +1 -0
- package/lib/constants-DWy9qTkZ.d.mts +22 -0
- package/lib/constants-K2ObjToq.js +26 -0
- package/lib/constants-K2ObjToq.js.map +1 -0
- package/lib/constants-gCmka4Fp.d.ts +22 -0
- package/lib/constants-mrRqEvQT.d.mts +29 -0
- package/lib/constants-oTHAnh6r.mjs +18 -0
- package/lib/constants-oTHAnh6r.mjs.map +1 -0
- package/lib/constants-t0lkfgqP.mjs +9 -0
- package/lib/constants-t0lkfgqP.mjs.map +1 -0
- package/lib/customized-link/external-link.d.mts +3 -7
- package/lib/customized-link/external-link.d.ts +3 -7
- package/lib/customized-link/external-link.js +2 -17
- package/lib/customized-link/external-link.mjs +3 -3
- package/lib/customized-link/index.d.mts +10 -8
- package/lib/customized-link/index.d.ts +10 -8
- package/lib/customized-link/index.js +6 -40
- package/lib/customized-link/index.mjs +5 -5
- package/lib/customized-link/internal-link.d.mts +3 -7
- package/lib/customized-link/internal-link.d.ts +3 -7
- package/lib/customized-link/internal-link.js +3 -19
- package/lib/customized-link/internal-link.mjs +6 -3
- package/lib/customized-link/type.d.mts +2 -9
- package/lib/customized-link/type.d.ts +2 -9
- package/lib/customized-link/type.js +0 -4
- package/lib/customized-link/type.mjs +1 -3
- package/lib/customized-link-BkuKVCKQ.mjs +12 -0
- package/lib/customized-link-BkuKVCKQ.mjs.map +1 -0
- package/lib/customized-link-CK7Xlgdt.js +17 -0
- package/lib/customized-link-CK7Xlgdt.js.map +1 -0
- package/lib/divider/constants.d.mts +3 -0
- package/lib/divider/constants.d.ts +3 -0
- package/lib/divider/constants.js +3 -0
- package/lib/divider/constants.mjs +3 -0
- package/lib/divider/index.d.mts +15 -0
- package/lib/divider/index.d.ts +15 -0
- package/lib/divider/index.js +6 -0
- package/lib/divider/index.mjs +4 -0
- package/lib/divider-Bb3tebJO.mjs +15 -0
- package/lib/divider-Bb3tebJO.mjs.map +1 -0
- package/lib/divider-b3Shh7FV.js +29 -0
- package/lib/divider-b3Shh7FV.js.map +1 -0
- package/lib/dropdown-menu/index.d.mts +17 -0
- package/lib/dropdown-menu/index.d.ts +17 -0
- package/lib/dropdown-menu/index.js +13 -0
- package/lib/dropdown-menu/index.mjs +13 -0
- package/lib/dropdown-menu-Da9XSi5T.mjs +135 -0
- package/lib/dropdown-menu-Da9XSi5T.mjs.map +1 -0
- package/lib/dropdown-menu-pmVRiPhM.js +180 -0
- package/lib/dropdown-menu-pmVRiPhM.js.map +1 -0
- package/lib/external-link-2XoC1_oL.d.ts +9 -0
- package/lib/external-link-Bq-CThgd.d.mts +9 -0
- package/lib/external-link-CEDvlQYo.js +23 -0
- package/lib/external-link-CEDvlQYo.js.map +1 -0
- package/lib/external-link-Cx9S31Ye.mjs +16 -0
- package/lib/external-link-Cx9S31Ye.mjs.map +1 -0
- package/lib/external-links-2b4M_rcA.mjs +17 -0
- package/lib/external-links-2b4M_rcA.mjs.map +1 -0
- package/lib/external-links-SfJjb48j.js +23 -0
- package/lib/external-links-SfJjb48j.js.map +1 -0
- package/lib/hamburger-menu/index.d.mts +7 -0
- package/lib/hamburger-menu/index.d.ts +6 -0
- package/lib/hamburger-menu/index.js +21 -0
- package/lib/hamburger-menu/index.mjs +21 -0
- package/lib/hamburger-menu-CMHvrA25.js +486 -0
- package/lib/hamburger-menu-CMHvrA25.js.map +1 -0
- package/lib/hamburger-menu-UYqFVwiu.mjs +471 -0
- package/lib/hamburger-menu-UYqFVwiu.mjs.map +1 -0
- package/lib/header/index.d.mts +26 -0
- package/lib/header/index.d.ts +25 -0
- package/lib/header/index.js +468 -0
- package/lib/header/index.js.map +1 -0
- package/lib/header/index.mjs +462 -0
- package/lib/header/index.mjs.map +1 -0
- package/lib/heading-CWQISn4r.js +75 -0
- package/lib/heading-CWQISn4r.js.map +1 -0
- package/lib/heading-Dt90Ed74.mjs +37 -0
- package/lib/heading-Dt90Ed74.mjs.map +1 -0
- package/lib/icons/constants.d.mts +3 -0
- package/lib/icons/constants.d.ts +3 -0
- package/lib/icons/constants.js +5 -0
- package/lib/icons/constants.mjs +3 -0
- package/lib/icons/index.d.mts +40 -0
- package/lib/icons/index.d.ts +40 -0
- package/lib/icons/index.js +12 -0
- package/lib/icons/index.mjs +5 -0
- package/lib/icons-CtVvOt3y.mjs +57 -0
- package/lib/icons-CtVvOt3y.mjs.map +1 -0
- package/lib/icons-teg1h03Q.js +107 -0
- package/lib/icons-teg1h03Q.js.map +1 -0
- package/lib/index-Ej3agYJF.d.mts +5 -0
- package/lib/index-H3peA2d_.d.ts +5 -0
- package/lib/internal-link-CqTu3Yi5.js +2278 -0
- package/lib/internal-link-CqTu3Yi5.js.map +1 -0
- package/lib/internal-link-DCSEl1jM.d.ts +9 -0
- package/lib/internal-link-NQb751uB.mjs +2299 -0
- package/lib/internal-link-NQb751uB.mjs.map +1 -0
- package/lib/internal-link-P1QwjWbL.d.mts +9 -0
- package/lib/internal-links-BF-974mA.mjs +52 -0
- package/lib/internal-links-BF-974mA.mjs.map +1 -0
- package/lib/internal-links-CBkMU8cY.js +58 -0
- package/lib/internal-links-CBkMU8cY.js.map +1 -0
- package/lib/logo/constants.d.mts +3 -0
- package/lib/logo/constants.d.ts +3 -0
- package/lib/logo/constants.js +5 -0
- package/lib/logo/constants.mjs +3 -0
- package/lib/logo/index.d.mts +42 -0
- package/lib/logo/index.d.ts +42 -0
- package/lib/logo/index.js +8 -0
- package/lib/logo/index.mjs +5 -0
- package/lib/logo-CaawAABC.mjs +64 -0
- package/lib/logo-CaawAABC.mjs.map +1 -0
- package/lib/logo-rQxaglyD.js +83 -0
- package/lib/logo-rQxaglyD.js.map +1 -0
- package/lib/paragraph-BWXQNQtX.mjs +30 -0
- package/lib/paragraph-BWXQNQtX.mjs.map +1 -0
- package/lib/paragraph-CJvb0_cM.js +56 -0
- package/lib/paragraph-CJvb0_cM.js.map +1 -0
- package/lib/release-branch-CRZV4Ivz.js +18 -0
- package/lib/release-branch-CRZV4Ivz.js.map +1 -0
- package/lib/release-branch-CsBbhuYE.d.ts +14 -0
- package/lib/release-branch-DIEpb2N0.d.mts +14 -0
- package/lib/release-branch-DNCD1uH_.mjs +12 -0
- package/lib/release-branch-DNCD1uH_.mjs.map +1 -0
- package/lib/styles.css +965 -0
- package/lib/text/constants.d.mts +3 -0
- package/lib/text/constants.d.ts +3 -0
- package/lib/text/constants.js +4 -0
- package/lib/text/constants.mjs +3 -0
- package/lib/text/heading.d.mts +22 -20
- package/lib/text/heading.d.ts +22 -20
- package/lib/text/heading.js +9 -70
- package/lib/text/heading.mjs +4 -4
- package/lib/text/paragraph.d.mts +18 -16
- package/lib/text/paragraph.d.ts +18 -16
- package/lib/text/paragraph.js +6 -57
- package/lib/text/paragraph.mjs +4 -4
- package/lib/theme-BDGfJ8n-.d.ts +13 -0
- package/lib/theme-BG6yZVj-.mjs +11 -0
- package/lib/theme-BG6yZVj-.mjs.map +1 -0
- package/lib/theme-BqjiyFsg.d.mts +13 -0
- package/lib/theme-DDBlIbeS.js +17 -0
- package/lib/theme-DDBlIbeS.js.map +1 -0
- package/lib/title-bar/index.d.mts +55 -23
- package/lib/title-bar/index.d.ts +55 -23
- package/lib/title-bar/index.js +131 -403
- package/lib/title-bar/index.js.map +1 -1
- package/lib/title-bar/index.mjs +140 -25
- package/lib/title-bar/index.mjs.map +1 -1
- package/lib/type-C4hJK9H9.d.ts +11 -0
- package/lib/type-DeNBwt-o.d.mts +11 -0
- package/lib/types/index.d.mts +2 -3
- package/lib/types/index.d.ts +2 -3
- package/lib/types/index.js +0 -4
- package/lib/types/index.mjs +1 -3
- package/package.json +11 -6
- package/lib/button/components/text-button/index.d.mts +0 -24
- package/lib/button/components/text-button/index.d.ts +0 -24
- package/lib/button/components/text-button/index.js +0 -202
- package/lib/button/components/text-button/index.js.map +0 -1
- package/lib/button/components/text-button/index.mjs +0 -8
- package/lib/button/components/text-button/index.mjs.map +0 -1
- package/lib/button/components/text-button/theme.d.mts +0 -11
- package/lib/button/components/text-button/theme.d.ts +0 -11
- package/lib/button/components/text-button/theme.js +0 -65
- package/lib/button/components/text-button/theme.js.map +0 -1
- package/lib/button/components/text-button/theme.mjs +0 -5
- package/lib/button/components/text-button/theme.mjs.map +0 -1
- package/lib/button/constant.d.mts +0 -11
- package/lib/button/constant.d.ts +0 -11
- package/lib/button/constant.js +0 -13
- package/lib/button/constant.js.map +0 -1
- package/lib/button/constant.mjs +0 -3
- package/lib/button/constant.mjs.map +0 -1
- package/lib/button/enum.d.mts +0 -11
- package/lib/button/enum.d.ts +0 -11
- package/lib/button/enum.js +0 -19
- package/lib/button/enum.js.map +0 -1
- package/lib/button/enum.mjs +0 -3
- package/lib/button/enum.mjs.map +0 -1
- package/lib/button/index.js.map +0 -1
- package/lib/button/index.mjs.map +0 -1
- package/lib/button/stories/text-button.stories.d.mts +0 -55
- package/lib/button/stories/text-button.stories.d.ts +0 -55
- package/lib/button/stories/text-button.stories.js +0 -252
- package/lib/button/stories/text-button.stories.js.map +0 -1
- package/lib/button/stories/text-button.stories.mjs +0 -35
- package/lib/button/stories/text-button.stories.mjs.map +0 -1
- package/lib/chunk-6DXA3EX7.mjs +0 -35
- package/lib/chunk-6DXA3EX7.mjs.map +0 -1
- package/lib/chunk-7NJDHQ2X.mjs +0 -56
- package/lib/chunk-7NJDHQ2X.mjs.map +0 -1
- package/lib/chunk-ELECTE3D.mjs +0 -8
- package/lib/chunk-ELECTE3D.mjs.map +0 -1
- package/lib/chunk-FF422IYY.mjs +0 -38
- package/lib/chunk-FF422IYY.mjs.map +0 -1
- package/lib/chunk-FVKIUNIP.mjs +0 -58
- package/lib/chunk-FVKIUNIP.mjs.map +0 -1
- package/lib/chunk-GQWO45DN.mjs +0 -32
- package/lib/chunk-GQWO45DN.mjs.map +0 -1
- package/lib/chunk-HQG6Q2EY.mjs +0 -42
- package/lib/chunk-HQG6Q2EY.mjs.map +0 -1
- package/lib/chunk-JB4TYHDE.mjs +0 -11
- package/lib/chunk-JB4TYHDE.mjs.map +0 -1
- package/lib/chunk-JFT6JILC.mjs +0 -12
- package/lib/chunk-JFT6JILC.mjs.map +0 -1
- package/lib/chunk-JHLT5GDV.mjs +0 -50
- package/lib/chunk-JHLT5GDV.mjs.map +0 -1
- package/lib/chunk-QOLETTSG.mjs +0 -28
- package/lib/chunk-QOLETTSG.mjs.map +0 -1
- package/lib/chunk-U22UKMAJ.mjs +0 -84
- package/lib/chunk-U22UKMAJ.mjs.map +0 -1
- package/lib/chunk-UM7RNC2Y.mjs +0 -14
- package/lib/chunk-UM7RNC2Y.mjs.map +0 -1
- package/lib/chunk-URJXIWFX.mjs +0 -16
- package/lib/chunk-URJXIWFX.mjs.map +0 -1
- package/lib/chunk-X2UWIBNH.mjs +0 -16
- package/lib/chunk-X2UWIBNH.mjs.map +0 -1
- package/lib/chunk-XO7SDD7W.mjs +0 -17
- package/lib/chunk-XO7SDD7W.mjs.map +0 -1
- package/lib/chunk-ZALXWB2J.mjs +0 -27
- package/lib/chunk-ZALXWB2J.mjs.map +0 -1
- package/lib/customized-link/external-link.js.map +0 -1
- package/lib/customized-link/external-link.mjs.map +0 -1
- package/lib/customized-link/index.js.map +0 -1
- package/lib/customized-link/index.mjs.map +0 -1
- package/lib/customized-link/internal-link.js.map +0 -1
- package/lib/customized-link/internal-link.mjs.map +0 -1
- package/lib/customized-link/type.js.map +0 -1
- package/lib/customized-link/type.mjs.map +0 -1
- package/lib/storybook/utils/get-enum-arg.d.mts +0 -19
- package/lib/storybook/utils/get-enum-arg.d.ts +0 -19
- package/lib/storybook/utils/get-enum-arg.js +0 -31
- package/lib/storybook/utils/get-enum-arg.js.map +0 -1
- package/lib/storybook/utils/get-enum-arg.mjs +0 -3
- package/lib/storybook/utils/get-enum-arg.mjs.map +0 -1
- package/lib/styles.css.map +0 -1
- package/lib/styles.d.mts +0 -2
- package/lib/styles.d.ts +0 -2
- package/lib/text/enum/index.d.mts +0 -15
- package/lib/text/enum/index.d.ts +0 -15
- package/lib/text/enum/index.js +0 -17
- package/lib/text/enum/index.js.map +0 -1
- package/lib/text/enum/index.mjs +0 -3
- package/lib/text/enum/index.mjs.map +0 -1
- package/lib/text/heading.js.map +0 -1
- package/lib/text/heading.mjs.map +0 -1
- package/lib/text/paragraph.js.map +0 -1
- package/lib/text/paragraph.mjs.map +0 -1
- package/lib/text/stories/heading.stories.d.mts +0 -35
- package/lib/text/stories/heading.stories.d.ts +0 -35
- package/lib/text/stories/heading.stories.js +0 -131
- package/lib/text/stories/heading.stories.js.map +0 -1
- package/lib/text/stories/heading.stories.mjs +0 -50
- package/lib/text/stories/heading.stories.mjs.map +0 -1
- package/lib/text/stories/paragraph.stories.d.mts +0 -33
- package/lib/text/stories/paragraph.stories.d.ts +0 -33
- package/lib/text/stories/paragraph.stories.js +0 -108
- package/lib/text/stories/paragraph.stories.js.map +0 -1
- package/lib/text/stories/paragraph.stories.mjs +0 -40
- package/lib/text/stories/paragraph.stories.mjs.map +0 -1
- package/lib/title-bar/components/title-tab/hook.d.mts +0 -5
- package/lib/title-bar/components/title-tab/hook.d.ts +0 -5
- package/lib/title-bar/components/title-tab/hook.js +0 -34
- package/lib/title-bar/components/title-tab/hook.js.map +0 -1
- package/lib/title-bar/components/title-tab/hook.mjs +0 -3
- package/lib/title-bar/components/title-tab/hook.mjs.map +0 -1
- package/lib/title-bar/components/title-tab/index.d.mts +0 -11
- package/lib/title-bar/components/title-tab/index.d.ts +0 -11
- package/lib/title-bar/components/title-tab/index.js +0 -367
- package/lib/title-bar/components/title-tab/index.js.map +0 -1
- package/lib/title-bar/components/title-tab/index.mjs +0 -16
- package/lib/title-bar/components/title-tab/index.mjs.map +0 -1
- package/lib/title-bar/components/title-tab/tab-item.d.mts +0 -10
- package/lib/title-bar/components/title-tab/tab-item.d.ts +0 -10
- package/lib/title-bar/components/title-tab/tab-item.js +0 -250
- package/lib/title-bar/components/title-tab/tab-item.js.map +0 -1
- package/lib/title-bar/components/title-tab/tab-item.mjs +0 -13
- package/lib/title-bar/components/title-tab/tab-item.mjs.map +0 -1
- package/lib/title-bar/components/title-tab/type.d.mts +0 -8
- package/lib/title-bar/components/title-tab/type.d.ts +0 -8
- package/lib/title-bar/components/title-tab/type.js +0 -4
- package/lib/title-bar/components/title-tab/type.js.map +0 -1
- package/lib/title-bar/components/title-tab/type.mjs +0 -3
- package/lib/title-bar/components/title-tab/type.mjs.map +0 -1
- package/lib/title-bar/components/title1.d.mts +0 -10
- package/lib/title-bar/components/title1.d.ts +0 -10
- package/lib/title-bar/components/title1.js +0 -123
- package/lib/title-bar/components/title1.js.map +0 -1
- package/lib/title-bar/components/title1.mjs +0 -6
- package/lib/title-bar/components/title1.mjs.map +0 -1
- package/lib/title-bar/components/title2.d.mts +0 -11
- package/lib/title-bar/components/title2.d.ts +0 -11
- package/lib/title-bar/components/title2.js +0 -131
- package/lib/title-bar/components/title2.js.map +0 -1
- package/lib/title-bar/components/title2.mjs +0 -6
- package/lib/title-bar/components/title2.mjs.map +0 -1
- package/lib/title-bar/stories/title-tab.stories.d.mts +0 -17
- package/lib/title-bar/stories/title-tab.stories.d.ts +0 -17
- package/lib/title-bar/stories/title-tab.stories.js +0 -391
- package/lib/title-bar/stories/title-tab.stories.js.map +0 -1
- package/lib/title-bar/stories/title-tab.stories.mjs +0 -39
- package/lib/title-bar/stories/title-tab.stories.mjs.map +0 -1
- package/lib/title-bar/stories/title1.stories.d.mts +0 -18
- package/lib/title-bar/stories/title1.stories.d.ts +0 -18
- package/lib/title-bar/stories/title1.stories.js +0 -155
- package/lib/title-bar/stories/title1.stories.js.map +0 -1
- package/lib/title-bar/stories/title1.stories.mjs +0 -35
- package/lib/title-bar/stories/title1.stories.mjs.map +0 -1
- package/lib/title-bar/stories/title2.stories.d.mts +0 -18
- package/lib/title-bar/stories/title2.stories.d.ts +0 -18
- package/lib/title-bar/stories/title2.stories.js +0 -304
- package/lib/title-bar/stories/title2.stories.js.map +0 -1
- package/lib/title-bar/stories/title2.stories.mjs +0 -38
- package/lib/title-bar/stories/title2.stories.mjs.map +0 -1
- package/lib/types/index.js.map +0 -1
- package/lib/types/index.mjs.map +0 -1
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { Weight, WEIGHT } from '../enum/index.mjs';
|
|
2
|
-
import * as react from 'react';
|
|
3
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
4
|
-
import '../../types/index.mjs';
|
|
5
|
-
|
|
6
|
-
declare const meta: {
|
|
7
|
-
title: string;
|
|
8
|
-
component: react.FC<react.HTMLAttributes<HTMLParagraphElement> & {
|
|
9
|
-
text?: string;
|
|
10
|
-
weight?: Weight;
|
|
11
|
-
className?: string;
|
|
12
|
-
}> & {
|
|
13
|
-
Weight: typeof WEIGHT;
|
|
14
|
-
};
|
|
15
|
-
argTypes: {
|
|
16
|
-
weight: {
|
|
17
|
-
defaultValue: "bold" | "extra-light" | "normal";
|
|
18
|
-
options: string[];
|
|
19
|
-
mapping: Record<string, "bold" | "extra-light" | "normal">;
|
|
20
|
-
control: {
|
|
21
|
-
type: "radio";
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
type Story = StoryObj<typeof meta>;
|
|
28
|
-
declare const p1: Story;
|
|
29
|
-
declare const p2: Story;
|
|
30
|
-
declare const p3: Story;
|
|
31
|
-
declare const p4: Story;
|
|
32
|
-
|
|
33
|
-
export { meta as default, p1, p2, p3, p4 };
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
import { Weight, WEIGHT } from '../enum/index.js';
|
|
2
|
-
import * as react from 'react';
|
|
3
|
-
import { StoryObj } from '@storybook/react-vite';
|
|
4
|
-
import '../../types/index.js';
|
|
5
|
-
|
|
6
|
-
declare const meta: {
|
|
7
|
-
title: string;
|
|
8
|
-
component: react.FC<react.HTMLAttributes<HTMLParagraphElement> & {
|
|
9
|
-
text?: string;
|
|
10
|
-
weight?: Weight;
|
|
11
|
-
className?: string;
|
|
12
|
-
}> & {
|
|
13
|
-
Weight: typeof WEIGHT;
|
|
14
|
-
};
|
|
15
|
-
argTypes: {
|
|
16
|
-
weight: {
|
|
17
|
-
defaultValue: "bold" | "extra-light" | "normal";
|
|
18
|
-
options: string[];
|
|
19
|
-
mapping: Record<string, "bold" | "extra-light" | "normal">;
|
|
20
|
-
control: {
|
|
21
|
-
type: "radio";
|
|
22
|
-
};
|
|
23
|
-
};
|
|
24
|
-
};
|
|
25
|
-
};
|
|
26
|
-
|
|
27
|
-
type Story = StoryObj<typeof meta>;
|
|
28
|
-
declare const p1: Story;
|
|
29
|
-
declare const p2: Story;
|
|
30
|
-
declare const p3: Story;
|
|
31
|
-
declare const p4: Story;
|
|
32
|
-
|
|
33
|
-
export { meta as default, p1, p2, p3, p4 };
|
|
@@ -1,108 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
-
|
|
5
|
-
var clsx = require('clsx');
|
|
6
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
7
|
-
|
|
8
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
9
|
-
|
|
10
|
-
var clsx__default = /*#__PURE__*/_interopDefault(clsx);
|
|
11
|
-
|
|
12
|
-
// src/storybook/utils/get-enum-arg.ts
|
|
13
|
-
function getRadioArgFromEnum(enumObject, defaultValue) {
|
|
14
|
-
const keys = Object.keys(enumObject).filter(
|
|
15
|
-
(key) => Number.isNaN(Number(key))
|
|
16
|
-
);
|
|
17
|
-
const mapping = {};
|
|
18
|
-
keys.forEach((key) => {
|
|
19
|
-
mapping[key] = enumObject[key];
|
|
20
|
-
});
|
|
21
|
-
const defaultKey = keys.find((key) => enumObject[key] === defaultValue) || keys[0];
|
|
22
|
-
return {
|
|
23
|
-
defaultValue: enumObject[defaultKey],
|
|
24
|
-
options: keys,
|
|
25
|
-
mapping,
|
|
26
|
-
control: { type: "radio" }
|
|
27
|
-
};
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
// src/text/enum/index.ts
|
|
31
|
-
var WEIGHT = {
|
|
32
|
-
extraLight: "extra-light",
|
|
33
|
-
normal: "normal",
|
|
34
|
-
bold: "bold"
|
|
35
|
-
};
|
|
36
|
-
var baseClass = "font-default leading-[150%] flex items-center m-0";
|
|
37
|
-
var variantClass = {
|
|
38
|
-
P1: "text-[16px]",
|
|
39
|
-
P2: "text-[14px]",
|
|
40
|
-
P3: "text-[12px]",
|
|
41
|
-
P4: "text-[10px]"
|
|
42
|
-
};
|
|
43
|
-
var ParagraphVariant = (variant) => {
|
|
44
|
-
const Component = ({
|
|
45
|
-
text = "",
|
|
46
|
-
weight = WEIGHT.normal,
|
|
47
|
-
className = "",
|
|
48
|
-
...props
|
|
49
|
-
}) => /* @__PURE__ */ jsxRuntime.jsx(
|
|
50
|
-
"p",
|
|
51
|
-
{
|
|
52
|
-
className: clsx__default.default(
|
|
53
|
-
baseClass,
|
|
54
|
-
variantClass[variant],
|
|
55
|
-
`font-${weight}`,
|
|
56
|
-
className
|
|
57
|
-
),
|
|
58
|
-
...props,
|
|
59
|
-
children: text
|
|
60
|
-
}
|
|
61
|
-
);
|
|
62
|
-
Component.displayName = variant;
|
|
63
|
-
Component.Weight = WEIGHT;
|
|
64
|
-
return Component;
|
|
65
|
-
};
|
|
66
|
-
var P1 = ParagraphVariant("P1");
|
|
67
|
-
var P2 = ParagraphVariant("P2");
|
|
68
|
-
var P3 = ParagraphVariant("P3");
|
|
69
|
-
var P4 = ParagraphVariant("P4");
|
|
70
|
-
var meta = {
|
|
71
|
-
title: "Text/Paragraph",
|
|
72
|
-
component: P1,
|
|
73
|
-
argTypes: {
|
|
74
|
-
weight: getRadioArgFromEnum(P1.Weight, P1.Weight.normal)
|
|
75
|
-
}
|
|
76
|
-
};
|
|
77
|
-
var paragraph_stories_default = meta;
|
|
78
|
-
var defaultArg = {
|
|
79
|
-
text: "\u5167\u6587\u300C\u5167\u6587\u300D\uFF1A\u5167\u6587\uFF0C\u300A\u5167\u6587\u300B\u5167\u6587English\u5167\u6587123\u5167\u6587\uFF1F",
|
|
80
|
-
weight: P1.Weight.normal
|
|
81
|
-
};
|
|
82
|
-
var p1 = {
|
|
83
|
-
args: defaultArg,
|
|
84
|
-
parameters: { controls: { exclude: ["className"] } }
|
|
85
|
-
};
|
|
86
|
-
var p2 = {
|
|
87
|
-
render: (args) => /* @__PURE__ */ jsxRuntime.jsx(P2, { ...args }),
|
|
88
|
-
args: defaultArg,
|
|
89
|
-
parameters: { controls: { exclude: ["className"] } }
|
|
90
|
-
};
|
|
91
|
-
var p3 = {
|
|
92
|
-
render: (args) => /* @__PURE__ */ jsxRuntime.jsx(P3, { ...args }),
|
|
93
|
-
args: defaultArg,
|
|
94
|
-
parameters: { controls: { exclude: ["className"] } }
|
|
95
|
-
};
|
|
96
|
-
var p4 = {
|
|
97
|
-
render: (args) => /* @__PURE__ */ jsxRuntime.jsx(P4, { ...args }),
|
|
98
|
-
args: defaultArg,
|
|
99
|
-
parameters: { controls: { exclude: ["className"] } }
|
|
100
|
-
};
|
|
101
|
-
|
|
102
|
-
exports.default = paragraph_stories_default;
|
|
103
|
-
exports.p1 = p1;
|
|
104
|
-
exports.p2 = p2;
|
|
105
|
-
exports.p3 = p3;
|
|
106
|
-
exports.p4 = p4;
|
|
107
|
-
//# sourceMappingURL=paragraph.stories.js.map
|
|
108
|
-
//# sourceMappingURL=paragraph.stories.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/storybook/utils/get-enum-arg.ts","../../../src/text/enum/index.ts","../../../src/text/paragraph.tsx","../../../src/text/stories/paragraph.stories.tsx"],"names":["jsx","clsx"],"mappings":"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","file":"paragraph.stories.js","sourcesContent":["type RadioArgObject<T> = {\n defaultValue: T\n options: T[]\n control: { type: 'radio' }\n}\n\nexport function getRadioArgFromObject<T extends string | number>(\n object: Record<string, T>,\n defaultValue: T\n): RadioArgObject<T> {\n return {\n defaultValue,\n options: Object.values(object),\n control: { type: 'radio' },\n }\n}\n\ntype RadioArgEnum<E> = {\n defaultValue: E\n options: string[]\n mapping: Record<string, E>\n control: { type: 'radio' }\n}\n\nexport function getRadioArgFromEnum<E extends Record<string, string | number>>(\n enumObject: E,\n defaultValue: E[keyof E]\n): RadioArgEnum<E[keyof E]> {\n // Only keep \"real\" keys (filter numeric reverse mapping)\n const keys = Object.keys(enumObject).filter((key) =>\n Number.isNaN(Number(key))\n )\n\n const mapping: Record<string, E[keyof E]> = {}\n keys.forEach((key) => {\n mapping[key] = enumObject[key as keyof E]\n })\n\n // Find the key corresponding to the default value\n const defaultKey =\n keys.find((key) => enumObject[key as keyof E] === defaultValue) || keys[0]\n\n return {\n defaultValue: enumObject[defaultKey as keyof E],\n options: keys,\n mapping,\n control: { type: 'radio' },\n }\n}\n","import type { ValuesOf } from '../../types'\n\nexport const TYPE = {\n default: 'default',\n article: 'article',\n} as const\n\nexport type Type = ValuesOf<typeof TYPE>\n\nexport const WEIGHT = {\n extraLight: 'extra-light',\n normal: 'normal',\n bold: 'bold',\n} as const\n\nexport type Weight = ValuesOf<typeof WEIGHT>\n","import clsx from 'clsx'\nimport type React from 'react'\nimport { WEIGHT, type Weight } from './enum'\n\ntype ParagraphProps = React.HTMLAttributes<HTMLParagraphElement> & {\n text?: string\n weight?: Weight\n className?: string\n}\n\nconst baseClass = 'font-default leading-[150%] flex items-center m-0'\n\nconst variantClass = {\n P1: 'text-[16px]',\n P2: 'text-[14px]',\n P3: 'text-[12px]',\n P4: 'text-[10px]',\n}\n\nconst ParagraphVariant = (variant: keyof typeof variantClass) => {\n const Component: React.FC<ParagraphProps> & { Weight: typeof WEIGHT } = ({\n text = '',\n weight = WEIGHT.normal,\n className = '',\n ...props\n }) => (\n <p\n className={clsx(\n baseClass,\n variantClass[variant],\n `font-${weight}`,\n className\n )}\n {...props}\n >\n {text}\n </p>\n )\n Component.displayName = variant\n Component.Weight = WEIGHT\n return Component\n}\n\nconst P1 = ParagraphVariant('P1')\nconst P2 = ParagraphVariant('P2')\nconst P3 = ParagraphVariant('P3')\nconst P4 = ParagraphVariant('P4')\n\nexport { P1, P2, P3, P4 }\n","import type { Meta, StoryObj } from '@storybook/react-vite'\n// utils\nimport { getRadioArgFromEnum } from '../../storybook/utils/get-enum-arg'\n// components\nimport { P1, P2, P3, P4 } from '../paragraph'\n\nconst meta = {\n title: 'Text/Paragraph',\n component: P1,\n argTypes: {\n weight: getRadioArgFromEnum(P1.Weight, P1.Weight.normal),\n },\n} satisfies Meta<typeof P1>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst defaultArg = {\n text: '內文「內文」:內文,《內文》內文English內文123內文?',\n weight: P1.Weight.normal,\n}\n\nexport const p1: Story = {\n args: defaultArg,\n parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const p2: Story = {\n render: (args) => <P2 {...args} />,\n args: defaultArg,\n parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const p3: Story = {\n render: (args) => <P3 {...args} />,\n args: defaultArg,\n parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const p4: Story = {\n render: (args) => <P4 {...args} />,\n args: defaultArg,\n parameters: { controls: { exclude: ['className'] } },\n}\n"]}
|
|
@@ -1,40 +0,0 @@
|
|
|
1
|
-
import { getRadioArgFromEnum } from '../../chunk-QOLETTSG.mjs';
|
|
2
|
-
import { P1, P2, P3, P4 } from '../../chunk-HQG6Q2EY.mjs';
|
|
3
|
-
import '../../chunk-UM7RNC2Y.mjs';
|
|
4
|
-
import { jsx } from 'react/jsx-runtime';
|
|
5
|
-
|
|
6
|
-
var meta = {
|
|
7
|
-
title: "Text/Paragraph",
|
|
8
|
-
component: P1,
|
|
9
|
-
argTypes: {
|
|
10
|
-
weight: getRadioArgFromEnum(P1.Weight, P1.Weight.normal)
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
var paragraph_stories_default = meta;
|
|
14
|
-
var defaultArg = {
|
|
15
|
-
text: "\u5167\u6587\u300C\u5167\u6587\u300D\uFF1A\u5167\u6587\uFF0C\u300A\u5167\u6587\u300B\u5167\u6587English\u5167\u6587123\u5167\u6587\uFF1F",
|
|
16
|
-
weight: P1.Weight.normal
|
|
17
|
-
};
|
|
18
|
-
var p1 = {
|
|
19
|
-
args: defaultArg,
|
|
20
|
-
parameters: { controls: { exclude: ["className"] } }
|
|
21
|
-
};
|
|
22
|
-
var p2 = {
|
|
23
|
-
render: (args) => /* @__PURE__ */ jsx(P2, { ...args }),
|
|
24
|
-
args: defaultArg,
|
|
25
|
-
parameters: { controls: { exclude: ["className"] } }
|
|
26
|
-
};
|
|
27
|
-
var p3 = {
|
|
28
|
-
render: (args) => /* @__PURE__ */ jsx(P3, { ...args }),
|
|
29
|
-
args: defaultArg,
|
|
30
|
-
parameters: { controls: { exclude: ["className"] } }
|
|
31
|
-
};
|
|
32
|
-
var p4 = {
|
|
33
|
-
render: (args) => /* @__PURE__ */ jsx(P4, { ...args }),
|
|
34
|
-
args: defaultArg,
|
|
35
|
-
parameters: { controls: { exclude: ["className"] } }
|
|
36
|
-
};
|
|
37
|
-
|
|
38
|
-
export { paragraph_stories_default as default, p1, p2, p3, p4 };
|
|
39
|
-
//# sourceMappingURL=paragraph.stories.mjs.map
|
|
40
|
-
//# sourceMappingURL=paragraph.stories.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/text/stories/paragraph.stories.tsx"],"names":[],"mappings":";;;;;AAMA,IAAM,IAAA,GAAO;AAAA,EACX,KAAA,EAAO,gBAAA;AAAA,EACP,SAAA,EAAW,EAAA;AAAA,EACX,QAAA,EAAU;AAAA,IACR,QAAQ,mBAAA,CAAoB,EAAA,CAAG,MAAA,EAAQ,EAAA,CAAG,OAAO,MAAM;AAAA;AAE3D,CAAA;AAEA,IAAO,yBAAA,GAAQ;AAGf,IAAM,UAAA,GAAa;AAAA,EACjB,IAAA,EAAM,0IAAA;AAAA,EACN,MAAA,EAAQ,GAAG,MAAA,CAAO;AACpB,CAAA;AAEO,IAAM,EAAA,GAAY;AAAA,EACvB,IAAA,EAAM,UAAA;AAAA,EACN,UAAA,EAAY,EAAE,QAAA,EAAU,EAAE,SAAS,CAAC,WAAW,GAAE;AACnD;AAEO,IAAM,EAAA,GAAY;AAAA,EACvB,QAAQ,CAAC,IAAA,qBAAS,GAAA,CAAC,EAAA,EAAA,EAAI,GAAG,IAAA,EAAM,CAAA;AAAA,EAChC,IAAA,EAAM,UAAA;AAAA,EACN,UAAA,EAAY,EAAE,QAAA,EAAU,EAAE,SAAS,CAAC,WAAW,GAAE;AACnD;AAEO,IAAM,EAAA,GAAY;AAAA,EACvB,QAAQ,CAAC,IAAA,qBAAS,GAAA,CAAC,EAAA,EAAA,EAAI,GAAG,IAAA,EAAM,CAAA;AAAA,EAChC,IAAA,EAAM,UAAA;AAAA,EACN,UAAA,EAAY,EAAE,QAAA,EAAU,EAAE,SAAS,CAAC,WAAW,GAAE;AACnD;AAEO,IAAM,EAAA,GAAY;AAAA,EACvB,QAAQ,CAAC,IAAA,qBAAS,GAAA,CAAC,EAAA,EAAA,EAAI,GAAG,IAAA,EAAM,CAAA;AAAA,EAChC,IAAA,EAAM,UAAA;AAAA,EACN,UAAA,EAAY,EAAE,QAAA,EAAU,EAAE,SAAS,CAAC,WAAW,GAAE;AACnD","file":"paragraph.stories.mjs","sourcesContent":["import type { Meta, StoryObj } from '@storybook/react-vite'\n// utils\nimport { getRadioArgFromEnum } from '../../storybook/utils/get-enum-arg'\n// components\nimport { P1, P2, P3, P4 } from '../paragraph'\n\nconst meta = {\n title: 'Text/Paragraph',\n component: P1,\n argTypes: {\n weight: getRadioArgFromEnum(P1.Weight, P1.Weight.normal),\n },\n} satisfies Meta<typeof P1>\n\nexport default meta\ntype Story = StoryObj<typeof meta>\n\nconst defaultArg = {\n text: '內文「內文」:內文,《內文》內文English內文123內文?',\n weight: P1.Weight.normal,\n}\n\nexport const p1: Story = {\n args: defaultArg,\n parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const p2: Story = {\n render: (args) => <P2 {...args} />,\n args: defaultArg,\n parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const p3: Story = {\n render: (args) => <P3 {...args} />,\n args: defaultArg,\n parameters: { controls: { exclude: ['className'] } },\n}\n\nexport const p4: Story = {\n render: (args) => <P4 {...args} />,\n args: defaultArg,\n parameters: { controls: { exclude: ['className'] } },\n}\n"]}
|
|
@@ -1,34 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var react = require('react');
|
|
4
|
-
|
|
5
|
-
// src/title-bar/components/title-tab/hook.ts
|
|
6
|
-
var useScrollStatus = (setShowNext) => {
|
|
7
|
-
const ref = react.useRef(null);
|
|
8
|
-
react.useEffect(() => {
|
|
9
|
-
if (!ref.current) return;
|
|
10
|
-
if (ref.current.scrollWidth > ref.current.clientWidth) {
|
|
11
|
-
setShowNext(true);
|
|
12
|
-
}
|
|
13
|
-
}, [setShowNext]);
|
|
14
|
-
react.useEffect(() => {
|
|
15
|
-
if (!ref.current) return;
|
|
16
|
-
const refEle = ref.current;
|
|
17
|
-
const handleScroll = () => {
|
|
18
|
-
if (refEle.offsetWidth + refEle.scrollLeft >= refEle.scrollWidth) {
|
|
19
|
-
setShowNext(false);
|
|
20
|
-
} else {
|
|
21
|
-
setShowNext(true);
|
|
22
|
-
}
|
|
23
|
-
};
|
|
24
|
-
refEle.addEventListener("scroll", handleScroll);
|
|
25
|
-
return () => {
|
|
26
|
-
refEle.removeEventListener("scroll", handleScroll);
|
|
27
|
-
};
|
|
28
|
-
}, [setShowNext]);
|
|
29
|
-
return ref;
|
|
30
|
-
};
|
|
31
|
-
|
|
32
|
-
exports.useScrollStatus = useScrollStatus;
|
|
33
|
-
//# sourceMappingURL=hook.js.map
|
|
34
|
-
//# sourceMappingURL=hook.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../../src/title-bar/components/title-tab/hook.ts"],"names":["useRef","useEffect"],"mappings":";;;;;AAEO,IAAM,eAAA,GAAkB,CAAC,WAAA,KAAyC;AACvE,EAAA,MAAM,GAAA,GAAMA,aAAuB,IAAI,CAAA;AAEvC,EAAAC,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAI,OAAA,EAAS;AAElB,IAAA,IAAI,GAAA,CAAI,OAAA,CAAQ,WAAA,GAAc,GAAA,CAAI,QAAQ,WAAA,EAAa;AAErD,MAAA,WAAA,CAAY,IAAI,CAAA;AAAA,IAClB;AAAA,EACF,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAAA,eAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,IAAI,OAAA,EAAS;AAElB,IAAA,MAAM,SAAS,GAAA,CAAI,OAAA;AACnB,IAAA,MAAM,eAA8B,MAAM;AACxC,MAAA,IAAI,MAAA,CAAO,WAAA,GAAc,MAAA,CAAO,UAAA,IAAc,OAAO,WAAA,EAAa;AAEhE,QAAA,WAAA,CAAY,KAAK,CAAA;AAAA,MACnB,CAAA,MAAO;AACL,QAAA,WAAA,CAAY,IAAI,CAAA;AAAA,MAClB;AAAA,IACF,CAAA;AAEA,IAAA,MAAA,CAAO,gBAAA,CAAiB,UAAU,YAAY,CAAA;AAE9C,IAAA,OAAO,MAAM;AACX,MAAA,MAAA,CAAO,mBAAA,CAAoB,UAAU,YAAY,CAAA;AAAA,IACnD,CAAA;AAAA,EACF,CAAA,EAAG,CAAC,WAAW,CAAC,CAAA;AAEhB,EAAA,OAAO,GAAA;AACT","file":"hook.js","sourcesContent":["import { useRef, useEffect } from 'react'\n\nexport const useScrollStatus = (setShowNext: (show: boolean) => void) => {\n const ref = useRef<HTMLDivElement>(null)\n\n useEffect(() => {\n if (!ref.current) return\n\n if (ref.current.scrollWidth > ref.current.clientWidth) {\n // scrollbar occur\n setShowNext(true)\n }\n }, [setShowNext])\n\n useEffect(() => {\n if (!ref.current) return\n\n const refEle = ref.current\n const handleScroll: EventListener = () => {\n if (refEle.offsetWidth + refEle.scrollLeft >= refEle.scrollWidth) {\n // scroll to end\n setShowNext(false)\n } else {\n setShowNext(true)\n }\n }\n\n refEle.addEventListener('scroll', handleScroll)\n\n return () => {\n refEle.removeEventListener('scroll', handleScroll)\n }\n }, [setShowNext])\n\n return ref\n}\n"]}
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":[],"names":[],"mappings":"","file":"hook.mjs"}
|