@baton8/general-components 1.0.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/.babelrc.json +16 -0
- package/.eslintrc.json +11 -0
- package/.github/workflows/chromatic.yml +43 -0
- package/.github/workflows/doc.yml +53 -0
- package/.github/workflows/review.yml +18 -0
- package/README.md +11 -0
- package/dist/components/atoms/asyncSelect/asyncSelect.d.ts +67 -0
- package/dist/components/atoms/asyncSelect/asyncSelect.stories.d.ts +6 -0
- package/dist/components/atoms/asyncSelect/asyncSelectOption.d.ts +26 -0
- package/dist/components/atoms/asyncSelect/index.d.ts +2 -0
- package/dist/components/atoms/avatar/avatar.d.ts +27 -0
- package/dist/components/atoms/avatar/avatar.stories.d.ts +7 -0
- package/dist/components/atoms/avatar/avatarFallbackIcon.d.ts +15 -0
- package/dist/components/atoms/avatar/avatarFallbackLetter.d.ts +20 -0
- package/dist/components/atoms/avatar/index.d.ts +3 -0
- package/dist/components/atoms/badge/badge.d.ts +34 -0
- package/dist/components/atoms/badge/badge.stories.d.ts +11 -0
- package/dist/components/atoms/badge/badgeIconContainer.d.ts +16 -0
- package/dist/components/atoms/badge/index.d.ts +2 -0
- package/dist/components/atoms/barMeter/barMeter.d.ts +45 -0
- package/dist/components/atoms/barMeter/barMeter.stories.d.ts +10 -0
- package/dist/components/atoms/barMeter/barMeterValue.d.ts +32 -0
- package/dist/components/atoms/barMeter/barMeterValue.stories.d.ts +7 -0
- package/dist/components/atoms/barMeter/barMeterValueIconContainer.d.ts +17 -0
- package/dist/components/atoms/barMeter/context.d.ts +8 -0
- package/dist/components/atoms/barMeter/index.d.ts +3 -0
- package/dist/components/atoms/barProgress/barProgress.d.ts +38 -0
- package/dist/components/atoms/barProgress/barProgress.stories.d.ts +8 -0
- package/dist/components/atoms/barProgress/index.d.ts +1 -0
- package/dist/components/atoms/button/button.d.ts +79 -0
- package/dist/components/atoms/button/button.stories.d.ts +13 -0
- package/dist/components/atoms/button/buttonIconContainer.d.ts +16 -0
- package/dist/components/atoms/button/hotkeyView.d.ts +6 -0
- package/dist/components/atoms/button/index.d.ts +2 -0
- package/dist/components/atoms/buttonLink/buttonLink.d.ts +83 -0
- package/dist/components/atoms/buttonLink/buttonLink.stories.d.ts +13 -0
- package/dist/components/atoms/buttonLink/buttonLinkIconContainer.d.ts +16 -0
- package/dist/components/atoms/buttonLink/index.d.ts +2 -0
- package/dist/components/atoms/checkableContainer/checkableContainer.d.ts +37 -0
- package/dist/components/atoms/checkableContainer/checkableContainer.stories.d.ts +9 -0
- package/dist/components/atoms/checkableContainer/checkableLabel.d.ts +29 -0
- package/dist/components/atoms/checkableContainer/checkableLabel.stories.d.ts +7 -0
- package/dist/components/atoms/checkableContainer/index.d.ts +2 -0
- package/dist/components/atoms/checkbox/checkbox.d.ts +56 -0
- package/dist/components/atoms/checkbox/checkbox.stories.d.ts +15 -0
- package/dist/components/atoms/checkbox/index.d.ts +1 -0
- package/dist/components/atoms/controlContainer/controlContainer.d.ts +56 -0
- package/dist/components/atoms/controlContainer/controlContainer.stories.d.ts +13 -0
- package/dist/components/atoms/controlContainer/controlErrorMessage.d.ts +20 -0
- package/dist/components/atoms/controlContainer/controlErrorMessage.stories.d.ts +7 -0
- package/dist/components/atoms/controlContainer/controlHelper.d.ts +20 -0
- package/dist/components/atoms/controlContainer/controlHelper.stories.d.ts +7 -0
- package/dist/components/atoms/controlContainer/controlLabel.d.ts +20 -0
- package/dist/components/atoms/controlContainer/controlLabel.stories.d.ts +7 -0
- package/dist/components/atoms/controlContainer/index.d.ts +4 -0
- package/dist/components/atoms/divider/divider.d.ts +15 -0
- package/dist/components/atoms/divider/divider.stories.d.ts +8 -0
- package/dist/components/atoms/divider/index.d.ts +1 -0
- package/dist/components/atoms/fileInput/fileInput.d.ts +57 -0
- package/dist/components/atoms/fileInput/fileInput.stories.d.ts +10 -0
- package/dist/components/atoms/fileInput/index.d.ts +1 -0
- package/dist/components/atoms/generalIcon/generalIcon.d.ts +58 -0
- package/dist/components/atoms/generalIcon/generalIcon.stories.d.ts +7 -0
- package/dist/components/atoms/generalIcon/index.d.ts +1 -0
- package/dist/components/atoms/heading/heading.d.ts +21 -0
- package/dist/components/atoms/heading/heading.stories.d.ts +7 -0
- package/dist/components/atoms/heading/index.d.ts +1 -0
- package/dist/components/atoms/icon/icon.d.ts +28 -0
- package/dist/components/atoms/icon/icon.stories.d.ts +7 -0
- package/dist/components/atoms/icon/iconData.d.ts +33 -0
- package/dist/components/atoms/icon/iconDefinitions.d.ts +8 -0
- package/dist/components/atoms/icon/index.d.ts +1 -0
- package/dist/components/atoms/iconButton/iconButton.d.ts +71 -0
- package/dist/components/atoms/iconButton/iconButton.stories.d.ts +11 -0
- package/dist/components/atoms/iconButton/index.d.ts +1 -0
- package/dist/components/atoms/input/index.d.ts +3 -0
- package/dist/components/atoms/input/input.d.ts +80 -0
- package/dist/components/atoms/input/input.stories.d.ts +20 -0
- package/dist/components/atoms/input/inputLeftAddon.d.ts +16 -0
- package/dist/components/atoms/input/inputRightAddon.d.ts +16 -0
- package/dist/components/atoms/link/index.d.ts +2 -0
- package/dist/components/atoms/link/link.d.ts +79 -0
- package/dist/components/atoms/link/link.stories.d.ts +8 -0
- package/dist/components/atoms/link/linkIconContainer.d.ts +16 -0
- package/dist/components/atoms/loadingIcon/index.d.ts +1 -0
- package/dist/components/atoms/loadingIcon/loadingIcon.d.ts +20 -0
- package/dist/components/atoms/loadingIcon/loadingIcon.stories.d.ts +7 -0
- package/dist/components/atoms/modal/index.d.ts +1 -0
- package/dist/components/atoms/modal/modal.d.ts +27 -0
- package/dist/components/atoms/modal/modal.stories.d.ts +7 -0
- package/dist/components/atoms/multiLineText/index.d.ts +1 -0
- package/dist/components/atoms/multiLineText/multiLineText.d.ts +49 -0
- package/dist/components/atoms/multiLineText/multiLineText.stories.d.ts +9 -0
- package/dist/components/atoms/numberInput/index.d.ts +2 -0
- package/dist/components/atoms/numberInput/numberInput.d.ts +58 -0
- package/dist/components/atoms/numberInput/numberInput.stories.d.ts +10 -0
- package/dist/components/atoms/numberInput/numberInputLeftAddon.d.ts +15 -0
- package/dist/components/atoms/passwordInput/index.d.ts +3 -0
- package/dist/components/atoms/passwordInput/passwordInput.d.ts +60 -0
- package/dist/components/atoms/passwordInput/passwordInput.stories.d.ts +13 -0
- package/dist/components/atoms/passwordInput/passwordInputLeftAddon.d.ts +16 -0
- package/dist/components/atoms/passwordInput/passwordInputRightAddon.d.ts +16 -0
- package/dist/components/atoms/radio/index.d.ts +1 -0
- package/dist/components/atoms/radio/radio.d.ts +53 -0
- package/dist/components/atoms/radio/radio.stories.d.ts +13 -0
- package/dist/components/atoms/radioGroup/alignedRadioGroup.d.ts +15 -0
- package/dist/components/atoms/radioGroup/index.d.ts +2 -0
- package/dist/components/atoms/radioGroup/radioGroup.d.ts +15 -0
- package/dist/components/atoms/radioGroup/radioGroup.stories.d.ts +8 -0
- package/dist/components/atoms/root/index.d.ts +1 -0
- package/dist/components/atoms/root/root.d.ts +76 -0
- package/dist/components/atoms/root/root.stories.d.ts +7 -0
- package/dist/components/atoms/root/scrollGlobalStyle.d.ts +1 -0
- package/dist/components/atoms/root/svgDefinition.d.ts +8 -0
- package/dist/components/atoms/scroll/index.d.ts +1 -0
- package/dist/components/atoms/scroll/scroll.d.ts +31 -0
- package/dist/components/atoms/scroll/scroll.stories.d.ts +8 -0
- package/dist/components/atoms/secondaryHeading/index.d.ts +1 -0
- package/dist/components/atoms/secondaryHeading/secondaryHeading.d.ts +20 -0
- package/dist/components/atoms/secondaryHeading/secondaryHeading.stories.d.ts +7 -0
- package/dist/components/atoms/select/context.d.ts +10 -0
- package/dist/components/atoms/select/index.d.ts +7 -0
- package/dist/components/atoms/select/pageSizeSelect.d.ts +35 -0
- package/dist/components/atoms/select/pageSizeSelect.stories.d.ts +7 -0
- package/dist/components/atoms/select/pageSizeSelectAuto.d.ts +11 -0
- package/dist/components/atoms/select/select.d.ts +109 -0
- package/dist/components/atoms/select/select.stories.d.ts +13 -0
- package/dist/components/atoms/select/selectComponentClearIndicator.d.ts +13 -0
- package/dist/components/atoms/select/selectComponentControl.d.ts +13 -0
- package/dist/components/atoms/select/selectComponentDropdownIndicator.d.ts +13 -0
- package/dist/components/atoms/select/selectComponentIndicatorsContainer.d.ts +13 -0
- package/dist/components/atoms/select/selectComponentInput.d.ts +13 -0
- package/dist/components/atoms/select/selectComponentLoadingMessage.d.ts +13 -0
- package/dist/components/atoms/select/selectComponentMenu.d.ts +13 -0
- package/dist/components/atoms/select/selectComponentMenuList.d.ts +13 -0
- package/dist/components/atoms/select/selectComponentMenuPortal.d.ts +8 -0
- package/dist/components/atoms/select/selectComponentNoOptionMessage.d.ts +13 -0
- package/dist/components/atoms/select/selectComponentOption.d.ts +13 -0
- package/dist/components/atoms/select/selectComponentPlacement.d.ts +13 -0
- package/dist/components/atoms/select/selectHook.d.ts +8 -0
- package/dist/components/atoms/select/selectOption.d.ts +36 -0
- package/dist/components/atoms/select/selectOption.stories.d.ts +7 -0
- package/dist/components/atoms/select/selectOptionIconContainer.d.ts +16 -0
- package/dist/components/atoms/select/sortOrderSelect.d.ts +34 -0
- package/dist/components/atoms/select/sortOrderSelect.stories.d.ts +8 -0
- package/dist/components/atoms/singleLineText/index.d.ts +1 -0
- package/dist/components/atoms/singleLineText/singleLineText.d.ts +27 -0
- package/dist/components/atoms/singleLineText/singleLineText.stories.d.ts +8 -0
- package/dist/components/atoms/switch/index.d.ts +1 -0
- package/dist/components/atoms/switch/switch.d.ts +53 -0
- package/dist/components/atoms/switch/switch.stories.d.ts +13 -0
- package/dist/components/atoms/tag/index.d.ts +2 -0
- package/dist/components/atoms/tag/tag.d.ts +24 -0
- package/dist/components/atoms/tag/tag.stories.d.ts +8 -0
- package/dist/components/atoms/tag/tagIconContainer.d.ts +15 -0
- package/dist/components/atoms/tagList/index.d.ts +1 -0
- package/dist/components/atoms/tagList/tagList.d.ts +19 -0
- package/dist/components/atoms/tagList/tagList.stories.d.ts +8 -0
- package/dist/components/atoms/textButton/index.d.ts +2 -0
- package/dist/components/atoms/textButton/textButton.d.ts +43 -0
- package/dist/components/atoms/textButton/textButton.stories.d.ts +8 -0
- package/dist/components/atoms/textButton/textButtonIconContainer.d.ts +16 -0
- package/dist/components/atoms/textarea/index.d.ts +1 -0
- package/dist/components/atoms/textarea/textarea.d.ts +57 -0
- package/dist/components/atoms/textarea/textarea.stories.d.ts +11 -0
- package/dist/components/atoms/visuallyHidden/index.d.ts +1 -0
- package/dist/components/atoms/visuallyHidden/visuallyHidden.d.ts +20 -0
- package/dist/components/atoms/visuallyHidden/visuallyHidden.stories.d.ts +7 -0
- package/dist/components/functions/shorthands.d.ts +43 -0
- package/dist/components/functions/utilities.d.ts +94 -0
- package/dist/components/index.d.ts +52 -0
- package/dist/components/modules/bulkOperationContainer/bulkOperationButton.d.ts +17 -0
- package/dist/components/modules/bulkOperationContainer/bulkOperationButton.stories.d.ts +8 -0
- package/dist/components/modules/bulkOperationContainer/bulkOperationContainer.d.ts +16 -0
- package/dist/components/modules/bulkOperationContainer/index.d.ts +2 -0
- package/dist/components/modules/card/card.d.ts +59 -0
- package/dist/components/modules/card/card.stories.d.ts +17 -0
- package/dist/components/modules/card/cardBody.d.ts +15 -0
- package/dist/components/modules/card/cardBody.stories.d.ts +7 -0
- package/dist/components/modules/card/cardButton.d.ts +55 -0
- package/dist/components/modules/card/cardButton.stories.d.ts +7 -0
- package/dist/components/modules/card/cardButtonList.d.ts +15 -0
- package/dist/components/modules/card/cardButtonList.stories.d.ts +7 -0
- package/dist/components/modules/card/cardControlContainer.d.ts +15 -0
- package/dist/components/modules/card/cardControlContainer.stories.d.ts +7 -0
- package/dist/components/modules/card/cardHeadnote.d.ts +15 -0
- package/dist/components/modules/card/cardHeadnote.stories.d.ts +7 -0
- package/dist/components/modules/card/cardTitle.d.ts +25 -0
- package/dist/components/modules/card/cardTitle.stories.d.ts +7 -0
- package/dist/components/modules/card/context.d.ts +11 -0
- package/dist/components/modules/card/index.d.ts +7 -0
- package/dist/components/modules/cardList/cardList.d.ts +73 -0
- package/dist/components/modules/cardList/cardList.stories.d.ts +7 -0
- package/dist/components/modules/cardList/cardListAuto.d.ts +163 -0
- package/dist/components/modules/cardList/cardListAuto.stories.d.ts +5 -0
- package/dist/components/modules/cardList/cardListAutoHook.d.ts +13 -0
- package/dist/components/modules/cardList/cardListBody.d.ts +21 -0
- package/dist/components/modules/cardList/cardListBody.stories.d.ts +7 -0
- package/dist/components/modules/cardList/cardListBodyAuto.d.ts +24 -0
- package/dist/components/modules/cardList/cardListEmpty.d.ts +18 -0
- package/dist/components/modules/cardList/cardListEmpty.stories.d.ts +7 -0
- package/dist/components/modules/cardList/cardListFooter.d.ts +13 -0
- package/dist/components/modules/cardList/cardListFooter.stories.d.ts +7 -0
- package/dist/components/modules/cardList/cardListFooterAuto.d.ts +13 -0
- package/dist/components/modules/cardList/cardListHeader.d.ts +15 -0
- package/dist/components/modules/cardList/cardListHeader.stories.d.ts +7 -0
- package/dist/components/modules/cardList/cardListHeaderLeft.d.ts +15 -0
- package/dist/components/modules/cardList/cardListHeaderLeft.stories.d.ts +7 -0
- package/dist/components/modules/cardList/cardListHeaderRight.d.ts +15 -0
- package/dist/components/modules/cardList/cardListHeaderRight.stories.d.ts +7 -0
- package/dist/components/modules/cardList/cardListLoading.d.ts +18 -0
- package/dist/components/modules/cardList/cardListLoading.stories.d.ts +7 -0
- package/dist/components/modules/cardList/index.d.ts +11 -0
- package/dist/components/modules/contentHeader/contentHeader.d.ts +16 -0
- package/dist/components/modules/contentHeader/contentHeader.stories.d.ts +8 -0
- package/dist/components/modules/contentHeader/contentTitle.d.ts +15 -0
- package/dist/components/modules/contentHeader/index.d.ts +2 -0
- package/dist/components/modules/countIndicator/countIndicator.d.ts +32 -0
- package/dist/components/modules/countIndicator/countIndicator.stories.d.ts +14 -0
- package/dist/components/modules/countIndicator/index.d.ts +1 -0
- package/dist/components/modules/dialog/context.d.ts +9 -0
- package/dist/components/modules/dialog/dialog.d.ts +77 -0
- package/dist/components/modules/dialog/dialog.stories.d.ts +16 -0
- package/dist/components/modules/dialog/dialogBody.d.ts +18 -0
- package/dist/components/modules/dialog/dialogBody.stories.d.ts +7 -0
- package/dist/components/modules/dialog/dialogButton.d.ts +40 -0
- package/dist/components/modules/dialog/dialogButton.stories.d.ts +8 -0
- package/dist/components/modules/dialog/dialogCloseButton.d.ts +13 -0
- package/dist/components/modules/dialog/dialogCloseButton.stories.d.ts +7 -0
- package/dist/components/modules/dialog/dialogFooter.d.ts +15 -0
- package/dist/components/modules/dialog/dialogFooter.stories.d.ts +7 -0
- package/dist/components/modules/dialog/dialogHeader.d.ts +15 -0
- package/dist/components/modules/dialog/dialogHeader.stories.d.ts +7 -0
- package/dist/components/modules/dialog/dialogTitle.d.ts +20 -0
- package/dist/components/modules/dialog/dialogTitle.stories.d.ts +7 -0
- package/dist/components/modules/dialog/index.d.ts +7 -0
- package/dist/components/modules/drawer/context.d.ts +9 -0
- package/dist/components/modules/drawer/drawer.d.ts +32 -0
- package/dist/components/modules/drawer/drawer.stories.d.ts +13 -0
- package/dist/components/modules/drawer/drawerBody.d.ts +15 -0
- package/dist/components/modules/drawer/drawerBody.stories.d.ts +7 -0
- package/dist/components/modules/drawer/drawerButton.d.ts +42 -0
- package/dist/components/modules/drawer/drawerButton.stories.d.ts +7 -0
- package/dist/components/modules/drawer/drawerCaption.d.ts +15 -0
- package/dist/components/modules/drawer/drawerCaption.stories.d.ts +7 -0
- package/dist/components/modules/drawer/drawerFooter.d.ts +15 -0
- package/dist/components/modules/drawer/drawerFooter.stories.d.ts +7 -0
- package/dist/components/modules/drawer/drawerHeader.d.ts +15 -0
- package/dist/components/modules/drawer/drawerHeader.stories.d.ts +7 -0
- package/dist/components/modules/drawer/drawerTitle.d.ts +20 -0
- package/dist/components/modules/drawer/drawerTitle.stories.d.ts +7 -0
- package/dist/components/modules/drawer/index.d.ts +7 -0
- package/dist/components/modules/footnote/footnote.d.ts +26 -0
- package/dist/components/modules/footnote/footnote.stories.d.ts +9 -0
- package/dist/components/modules/footnote/footnoteIconContainer.d.ts +15 -0
- package/dist/components/modules/footnote/index.d.ts +2 -0
- package/dist/components/modules/footnoteList/footnoteList.d.ts +38 -0
- package/dist/components/modules/footnoteList/footnoteList.stories.d.ts +9 -0
- package/dist/components/modules/footnoteList/footnoteListRow.d.ts +19 -0
- package/dist/components/modules/footnoteList/footnoteListRow.stories.d.ts +7 -0
- package/dist/components/modules/footnoteList/index.d.ts +2 -0
- package/dist/components/modules/fractionView/context.d.ts +7 -0
- package/dist/components/modules/fractionView/fractionView.d.ts +28 -0
- package/dist/components/modules/fractionView/fractionView.stories.d.ts +8 -0
- package/dist/components/modules/fractionView/fractionViewDenominator.d.ts +15 -0
- package/dist/components/modules/fractionView/fractionViewNumerator.d.ts +15 -0
- package/dist/components/modules/fractionView/index.d.ts +3 -0
- package/dist/components/modules/header/header.d.ts +15 -0
- package/dist/components/modules/header/header.stories.d.ts +7 -0
- package/dist/components/modules/header/headerLeft.d.ts +15 -0
- package/dist/components/modules/header/headerMenu.d.ts +16 -0
- package/dist/components/modules/header/headerMenuItem.d.ts +21 -0
- package/dist/components/modules/header/headerMenuItemIconContainer.d.ts +16 -0
- package/dist/components/modules/header/index.d.ts +5 -0
- package/dist/components/modules/menu/context.d.ts +10 -0
- package/dist/components/modules/menu/index.d.ts +4 -0
- package/dist/components/modules/menu/menu.d.ts +42 -0
- package/dist/components/modules/menu/menu.stories.d.ts +9 -0
- package/dist/components/modules/menu/menuDivider.d.ts +23 -0
- package/dist/components/modules/menu/menuItem.d.ts +23 -0
- package/dist/components/modules/menu/menuItem.stories.d.ts +7 -0
- package/dist/components/modules/menu/menuItemIconContainer.d.ts +15 -0
- package/dist/components/modules/menu/menuList.d.ts +22 -0
- package/dist/components/modules/pagination/index.d.ts +2 -0
- package/dist/components/modules/pagination/pagination.d.ts +25 -0
- package/dist/components/modules/pagination/pagination.stories.d.ts +7 -0
- package/dist/components/modules/pagination/paginationAuto.d.ts +13 -0
- package/dist/components/modules/rankView/index.d.ts +1 -0
- package/dist/components/modules/rankView/rankView.d.ts +29 -0
- package/dist/components/modules/rankView/rankView.stories.d.ts +13 -0
- package/dist/components/modules/stepper/context.d.ts +13 -0
- package/dist/components/modules/stepper/index.d.ts +5 -0
- package/dist/components/modules/stepper/stepper.d.ts +22 -0
- package/dist/components/modules/stepper/stepper.stories.d.ts +8 -0
- package/dist/components/modules/stepper/stepperBody.d.ts +15 -0
- package/dist/components/modules/stepper/stepperItem.d.ts +17 -0
- package/dist/components/modules/stepper/stepperNumber.d.ts +15 -0
- package/dist/components/modules/stepper/stepperTitle.d.ts +20 -0
- package/dist/components/modules/tabList/index.d.ts +3 -0
- package/dist/components/modules/tabList/tab.d.ts +21 -0
- package/dist/components/modules/tabList/tabIconContainer.d.ts +15 -0
- package/dist/components/modules/tabList/tabList.d.ts +15 -0
- package/dist/components/modules/tabList/tabList.stories.d.ts +7 -0
- package/dist/components/modules/toast/index.d.ts +5 -0
- package/dist/components/modules/toast/simpleToast.d.ts +36 -0
- package/dist/components/modules/toast/simpleToast.stories.d.ts +9 -0
- package/dist/components/modules/toast/toast.d.ts +74 -0
- package/dist/components/modules/toast/toast.stories.d.ts +10 -0
- package/dist/components/modules/toast/toastBody.d.ts +16 -0
- package/dist/components/modules/toast/toastMessage.d.ts +15 -0
- package/dist/components/modules/toast/toastSupplement.d.ts +15 -0
- package/dist/components/modules/toast/toastViewport.d.ts +8 -0
- package/dist/components/tests/samples/dialog.stories.d.ts +7 -0
- package/dist/components/tests/samples/forms.stories.d.ts +6 -0
- package/dist/components/tests/samples/playableDeckList.stories.d.ts +6 -0
- package/dist/components/tests/samples/quizList.stories.d.ts +6 -0
- package/dist/components/utils/modalBase/index.d.ts +1 -0
- package/dist/components/utils/modalBase/modalBase.d.ts +14 -0
- package/dist/components/utils/storyContainer/index.d.ts +1 -0
- package/dist/components/utils/storyContainer/storyContainer.d.ts +12 -0
- package/dist/contexts/dialog/context.d.ts +13 -0
- package/dist/contexts/dialog/hook.d.ts +3 -0
- package/dist/contexts/footenoteList/context.d.ts +7 -0
- package/dist/contexts/index.d.ts +3 -0
- package/dist/contexts/pageProps/context.d.ts +9 -0
- package/dist/contexts/radioGroup/context.d.ts +9 -0
- package/dist/contexts/radioGroup/hook.d.ts +4 -0
- package/dist/contexts/root/context.d.ts +9 -0
- package/dist/contexts/toast/context.d.ts +12 -0
- package/dist/contexts/toast/hook.d.ts +3 -0
- package/dist/index.d.ts +8 -0
- package/dist/index.js +2566 -0
- package/dist/index.js.map +1 -0
- package/dist/messages/index.d.ts +4 -0
- package/dist/modules/color.d.ts +19 -0
- package/dist/modules/data.d.ts +12 -0
- package/dist/modules/genre.d.ts +3 -0
- package/dist/modules/message.d.ts +7 -0
- package/dist/modules/responsive.d.ts +17 -0
- package/dist/modules/subject.d.ts +21 -0
- package/dist/modules/translation.d.ts +53 -0
- package/dist/stories/atoms/asyncSelect/asyncSelect.stories.d.ts +6 -0
- package/dist/stories/atoms/avatar/avatar.stories.d.ts +7 -0
- package/dist/stories/atoms/badge/badge.stories.d.ts +11 -0
- package/dist/stories/atoms/barMeter/barMeter.stories.d.ts +10 -0
- package/dist/stories/atoms/barMeter/barMeterValue.stories.d.ts +7 -0
- package/dist/stories/atoms/barProgress/barProgress.stories.d.ts +8 -0
- package/dist/stories/atoms/button/button.stories.d.ts +17 -0
- package/dist/stories/atoms/buttonLink/buttonLink.stories.d.ts +13 -0
- package/dist/stories/atoms/checkableContainer/checkableContainer.stories.d.ts +9 -0
- package/dist/stories/atoms/checkableContainer/checkableLabel.stories.d.ts +7 -0
- package/dist/stories/atoms/checkbox/checkbox.stories.d.ts +15 -0
- package/dist/stories/atoms/controlContainer/controlContainer.stories.d.ts +13 -0
- package/dist/stories/atoms/controlContainer/controlErrorMessage.stories.d.ts +7 -0
- package/dist/stories/atoms/controlContainer/controlHelper.stories.d.ts +7 -0
- package/dist/stories/atoms/controlContainer/controlLabel.stories.d.ts +7 -0
- package/dist/stories/atoms/divider/divider.stories.d.ts +8 -0
- package/dist/stories/atoms/fileInput/fileInput.stories.d.ts +10 -0
- package/dist/stories/atoms/generalIcon/generalIcon.stories.d.ts +7 -0
- package/dist/stories/atoms/heading/heading.stories.d.ts +7 -0
- package/dist/stories/atoms/iconButton/iconButton.stories.d.ts +11 -0
- package/dist/stories/atoms/input/input.stories.d.ts +21 -0
- package/dist/stories/atoms/link/link.stories.d.ts +9 -0
- package/dist/stories/atoms/loadingIcon/loadingIcon.stories.d.ts +7 -0
- package/dist/stories/atoms/modal/modal.stories.d.ts +7 -0
- package/dist/stories/atoms/multiLineText/multiLineText.stories.d.ts +9 -0
- package/dist/stories/atoms/numberInput/numberInput.stories.d.ts +10 -0
- package/dist/stories/atoms/passwordInput/passwordInput.stories.d.ts +13 -0
- package/dist/stories/atoms/radio/radio.stories.d.ts +13 -0
- package/dist/stories/atoms/radioGroup/radioGroup.stories.d.ts +8 -0
- package/dist/stories/atoms/root/root.stories.d.ts +7 -0
- package/dist/stories/atoms/scroll/scroll.stories.d.ts +8 -0
- package/dist/stories/atoms/secondaryHeading/secondaryHeading.stories.d.ts +7 -0
- package/dist/stories/atoms/select/pageSizeSelect.stories.d.ts +7 -0
- package/dist/stories/atoms/select/select.stories.d.ts +13 -0
- package/dist/stories/atoms/select/selectOption.stories.d.ts +7 -0
- package/dist/stories/atoms/select/sortOrderSelect.stories.d.ts +8 -0
- package/dist/stories/atoms/singleLineText/singleLineText.stories.d.ts +8 -0
- package/dist/stories/atoms/switch/switch.stories.d.ts +13 -0
- package/dist/stories/atoms/tag/tag.stories.d.ts +8 -0
- package/dist/stories/atoms/tagList/tagList.stories.d.ts +8 -0
- package/dist/stories/atoms/textButton/textButton.stories.d.ts +8 -0
- package/dist/stories/atoms/textarea/textarea.stories.d.ts +11 -0
- package/dist/stories/atoms/visuallyHidden/visuallyHidden.stories.d.ts +7 -0
- package/dist/stories/modules/bulkOperationContainer/bulkOperationButton.stories.d.ts +8 -0
- package/dist/stories/modules/card/card.stories.d.ts +17 -0
- package/dist/stories/modules/card/cardBody.stories.d.ts +7 -0
- package/dist/stories/modules/card/cardButton.stories.d.ts +7 -0
- package/dist/stories/modules/card/cardButtonList.stories.d.ts +7 -0
- package/dist/stories/modules/card/cardControlContainer.stories.d.ts +7 -0
- package/dist/stories/modules/card/cardHeadnote.stories.d.ts +7 -0
- package/dist/stories/modules/card/cardTitle.stories.d.ts +7 -0
- package/dist/stories/modules/cardList/cardList.stories.d.ts +7 -0
- package/dist/stories/modules/cardList/cardListBody.stories.d.ts +7 -0
- package/dist/stories/modules/cardList/cardListEmpty.stories.d.ts +7 -0
- package/dist/stories/modules/cardList/cardListFooter.stories.d.ts +7 -0
- package/dist/stories/modules/cardList/cardListHeader.stories.d.ts +7 -0
- package/dist/stories/modules/cardList/cardListHeaderLeft.stories.d.ts +7 -0
- package/dist/stories/modules/cardList/cardListHeaderRight.stories.d.ts +7 -0
- package/dist/stories/modules/cardList/cardListLoading.stories.d.ts +7 -0
- package/dist/stories/modules/contentHeader/contentHeader.stories.d.ts +8 -0
- package/dist/stories/modules/countIndicator/countIndicator.stories.d.ts +14 -0
- package/dist/stories/modules/dialog/dialog.stories.d.ts +16 -0
- package/dist/stories/modules/dialog/dialogBody.stories.d.ts +7 -0
- package/dist/stories/modules/dialog/dialogButton.stories.d.ts +8 -0
- package/dist/stories/modules/dialog/dialogCloseButton.stories.d.ts +7 -0
- package/dist/stories/modules/dialog/dialogFooter.stories.d.ts +7 -0
- package/dist/stories/modules/dialog/dialogHeader.stories.d.ts +7 -0
- package/dist/stories/modules/dialog/dialogTitle.stories.d.ts +7 -0
- package/dist/stories/modules/drawer/drawer.stories.d.ts +13 -0
- package/dist/stories/modules/drawer/drawerBody.stories.d.ts +7 -0
- package/dist/stories/modules/drawer/drawerButton.stories.d.ts +7 -0
- package/dist/stories/modules/drawer/drawerCaption.stories.d.ts +7 -0
- package/dist/stories/modules/drawer/drawerFooter.stories.d.ts +7 -0
- package/dist/stories/modules/drawer/drawerHeader.stories.d.ts +7 -0
- package/dist/stories/modules/drawer/drawerTitle.stories.d.ts +7 -0
- package/dist/stories/modules/footnote/footnote.stories.d.ts +9 -0
- package/dist/stories/modules/footnoteList/footnoteList.stories.d.ts +9 -0
- package/dist/stories/modules/footnoteList/footnoteListRow.stories.d.ts +7 -0
- package/dist/stories/modules/fractionView/fractionView.stories.d.ts +8 -0
- package/dist/stories/modules/header/header.stories.d.ts +7 -0
- package/dist/stories/modules/menu/menu.stories.d.ts +9 -0
- package/dist/stories/modules/menu/menuItem.stories.d.ts +7 -0
- package/dist/stories/modules/pagination/pagination.stories.d.ts +7 -0
- package/dist/stories/modules/rankView/rankView.stories.d.ts +13 -0
- package/dist/stories/modules/stepper/stepper.stories.d.ts +8 -0
- package/dist/stories/modules/tabList/tabList.stories.d.ts +7 -0
- package/dist/stories/modules/toast/simpleToast.stories.d.ts +9 -0
- package/dist/stories/modules/toast/toast.stories.d.ts +11 -0
- package/dist/stories/tests/samples/dialog.stories.d.ts +7 -0
- package/dist/stories/tests/samples/forms.stories.d.ts +6 -0
- package/dist/utils/children.d.ts +2 -0
- package/dist/utils/color.d.ts +5 -0
- package/dist/utils/debug.d.ts +1 -0
- package/dist/utils/event.d.ts +2 -0
- package/dist/utils/node.d.ts +4 -0
- package/dist/utils/translation.d.ts +2 -0
- package/dist/utils/types.d.ts +9 -0
- package/package.json +123 -0
- package/tsconfig.json +33 -0
- package/typedoc.json +26 -0
- package/webpack.config.ts +55 -0
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { FunctionComponent, ReactElement } from "react";
|
|
2
|
+
type ModalProps = {
|
|
3
|
+
/** */
|
|
4
|
+
isOpen?: boolean;
|
|
5
|
+
/**
|
|
6
|
+
* モーダルのラベル。
|
|
7
|
+
* アクセシビリティ向上のため、可能な限り指定してください。
|
|
8
|
+
*/
|
|
9
|
+
label?: string;
|
|
10
|
+
/** */
|
|
11
|
+
onClose?: () => unknown;
|
|
12
|
+
/** */
|
|
13
|
+
children: ReactElement;
|
|
14
|
+
/** */
|
|
15
|
+
className?: string;
|
|
16
|
+
};
|
|
17
|
+
/**
|
|
18
|
+
* ### モーダル
|
|
19
|
+
*
|
|
20
|
+
* #### 注意
|
|
21
|
+
* 基本的にはこのコンポーネントを使う必要はありません。
|
|
22
|
+
* 代わりに、表示したいモーダルの種類に応じて [`Dialog`](/docs/modules-Dialog-Dialog--ドキュメント) や [`Drawer`](/docs/modules-Drawer-Drawer--ドキュメント) を利用してください。
|
|
23
|
+
* @group React コンポーネント
|
|
24
|
+
* @category React コンポーネント
|
|
25
|
+
*/
|
|
26
|
+
export declare const Modal: FunctionComponent<ModalProps>;
|
|
27
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
|
|
2
|
+
import { Modal } from "../../../components";
|
|
3
|
+
type Meta = RawMeta<typeof Modal>;
|
|
4
|
+
type Story = RawStory<typeof Modal>;
|
|
5
|
+
declare const meta: Meta;
|
|
6
|
+
export declare const Basic: Story;
|
|
7
|
+
export default meta;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./multiLineText";
|
|
@@ -0,0 +1,49 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* ### 複数行のテキスト
|
|
4
|
+
*
|
|
5
|
+
* #### 注意
|
|
6
|
+
* 複数行に渡るテキストを表示する際は、必ずこのコンポーネントで囲んでください。
|
|
7
|
+
*
|
|
8
|
+
* #### 概要
|
|
9
|
+
* CSS で行間を指定することにより要素の上下に生じる不必要な余白を取り除くため、before 疑似要素と after 疑似要素を用いてその余白を打ち消します。
|
|
10
|
+
* 詳細は [Notion のフロントエンド技術メモ](https://www.notion.so/baton8/92b42897cfbc49f494480e9747b99625?pvs=4)を参照してください。
|
|
11
|
+
* @group React コンポーネント
|
|
12
|
+
* @category React コンポーネント
|
|
13
|
+
*/
|
|
14
|
+
export declare const MultiLineText: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
|
|
15
|
+
className?: string | undefined;
|
|
16
|
+
id?: string | undefined;
|
|
17
|
+
style?: import("react").CSSProperties | undefined;
|
|
18
|
+
} & {
|
|
19
|
+
/**
|
|
20
|
+
* 使用する HTML タグの名前。
|
|
21
|
+
* @defaultValue `"div"`
|
|
22
|
+
*/
|
|
23
|
+
as?: keyof JSX.IntrinsicElements | undefined;
|
|
24
|
+
/**
|
|
25
|
+
* 行間。
|
|
26
|
+
* 具体的な設定値は以下の通りです。
|
|
27
|
+
* - `"normal"` — 1.5
|
|
28
|
+
* - `"narrow"` — 1.325 (= 1 + 3/8)
|
|
29
|
+
* - `"wide"` — 1.625 (= 1 + 5/8)
|
|
30
|
+
* - `"normalFixed"` — ルートフォントサイズの 1.5 倍固定値
|
|
31
|
+
* - `"narrowFixed"` — ルートフォントサイズの 1.325 倍固定値
|
|
32
|
+
* - `"wideFixed"` — ルートフォントサイズの 1.625 倍固定値
|
|
33
|
+
*
|
|
34
|
+
* 通常のテキストであれば `"normal"` にし、ボタンやカードの中身などの情報を多く表示したい箇所では `"short"` にしてください。
|
|
35
|
+
* ページタイトルなどの文字サイズが大きいところでは、`"normalFixed"` を指定すると綺麗です。
|
|
36
|
+
* @defaultValue `"normal"`
|
|
37
|
+
*/
|
|
38
|
+
lineHeight?: "narrow" | "normal" | "wide" | "normalFixed" | "narrowFixed" | "wideFixed" | undefined;
|
|
39
|
+
/**
|
|
40
|
+
* 最大行数。
|
|
41
|
+
* `null` を指定した場合は、行数に制限を設けません。
|
|
42
|
+
* @defaultValue `null`
|
|
43
|
+
*/
|
|
44
|
+
maxLineCount?: number | null | undefined;
|
|
45
|
+
/** */
|
|
46
|
+
className?: string | undefined;
|
|
47
|
+
/** */
|
|
48
|
+
children?: ReactNode;
|
|
49
|
+
} & import("react").RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
|
|
2
|
+
import { MultiLineText } from "../../../components";
|
|
3
|
+
type Meta = RawMeta<typeof MultiLineText>;
|
|
4
|
+
type Story = RawStory<typeof MultiLineText>;
|
|
5
|
+
declare const meta: Meta;
|
|
6
|
+
export declare const Normal: Story;
|
|
7
|
+
export declare const Short: Story;
|
|
8
|
+
export declare const VariousTest: Story;
|
|
9
|
+
export default meta;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { AriaAttributes, ChangeEvent, ReactElement } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* @group React コンポーネント
|
|
4
|
+
* @category React コンポーネント
|
|
5
|
+
*/
|
|
6
|
+
export declare const NumberInput: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
|
|
7
|
+
className?: string | undefined;
|
|
8
|
+
id?: string | undefined;
|
|
9
|
+
style?: import("react").CSSProperties | undefined;
|
|
10
|
+
} & AriaAttributes & {
|
|
11
|
+
/** */
|
|
12
|
+
value?: string | undefined;
|
|
13
|
+
/** */
|
|
14
|
+
name?: string | undefined;
|
|
15
|
+
/**
|
|
16
|
+
* サイズ。
|
|
17
|
+
* @defaultValue `"medium"`
|
|
18
|
+
*/
|
|
19
|
+
size?: "small" | "medium" | undefined;
|
|
20
|
+
/** */
|
|
21
|
+
max?: string | number | undefined;
|
|
22
|
+
/** */
|
|
23
|
+
min?: string | number | undefined;
|
|
24
|
+
/** */
|
|
25
|
+
step?: string | number | undefined;
|
|
26
|
+
/**
|
|
27
|
+
* @defaultValue `"off"`
|
|
28
|
+
*/
|
|
29
|
+
autoComplete?: string | undefined;
|
|
30
|
+
/** */
|
|
31
|
+
autoFocus?: boolean | undefined;
|
|
32
|
+
/**
|
|
33
|
+
* バリデーションエラーがあるかどうか。
|
|
34
|
+
* これが `true` のときは警告表示になります。
|
|
35
|
+
* @defaultValue `false`
|
|
36
|
+
*/
|
|
37
|
+
isError?: boolean | undefined;
|
|
38
|
+
/** */
|
|
39
|
+
isRequired?: boolean | undefined;
|
|
40
|
+
/**
|
|
41
|
+
* 無効にするかどうか。
|
|
42
|
+
* @defaultValue `false`
|
|
43
|
+
*/
|
|
44
|
+
isDisabled?: boolean | undefined;
|
|
45
|
+
/** */
|
|
46
|
+
onSet?: ((value: string) => unknown) | undefined;
|
|
47
|
+
/**
|
|
48
|
+
* `<input>` 要素の `change` イベントのリスナー。
|
|
49
|
+
* 入力された値を取得したいだけの場合は、`onSet` prop を利用する方が便利です。
|
|
50
|
+
*/
|
|
51
|
+
onChange?: ((event: ChangeEvent<HTMLInputElement>) => unknown) | undefined;
|
|
52
|
+
/** */
|
|
53
|
+
onBlur?: ((event: ChangeEvent<HTMLInputElement>) => unknown) | undefined;
|
|
54
|
+
/** */
|
|
55
|
+
children?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | [ReactElement<any, string | import("react").JSXElementConstructor<any>>] | undefined;
|
|
56
|
+
/** */
|
|
57
|
+
className?: string | undefined;
|
|
58
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
|
|
2
|
+
import { NumberInput } from "../../../components";
|
|
3
|
+
type Meta = RawMeta<typeof NumberInput>;
|
|
4
|
+
type Story = RawStory<typeof NumberInput>;
|
|
5
|
+
declare const meta: Meta;
|
|
6
|
+
export declare const Basic: Story;
|
|
7
|
+
export declare const Small: Story;
|
|
8
|
+
export declare const Error: Story;
|
|
9
|
+
export declare const TestHook: Story;
|
|
10
|
+
export default meta;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* @group React コンポーネント
|
|
4
|
+
* @category React コンポーネント
|
|
5
|
+
*/
|
|
6
|
+
export declare const NumberInputLeftAddon: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
|
|
7
|
+
className?: string | undefined;
|
|
8
|
+
id?: string | undefined;
|
|
9
|
+
style?: import("react").CSSProperties | undefined;
|
|
10
|
+
} & {
|
|
11
|
+
/** */
|
|
12
|
+
children?: ReactNode;
|
|
13
|
+
/** */
|
|
14
|
+
className?: string | undefined;
|
|
15
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
import { AriaAttributes, ChangeEvent, ReactElement } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* ### パスワード入力欄
|
|
4
|
+
* @group React コンポーネント
|
|
5
|
+
* @category React コンポーネント
|
|
6
|
+
*/
|
|
7
|
+
export declare const PasswordInput: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
|
|
8
|
+
className?: string | undefined;
|
|
9
|
+
id?: string | undefined;
|
|
10
|
+
style?: import("react").CSSProperties | undefined;
|
|
11
|
+
} & AriaAttributes & {
|
|
12
|
+
/** */
|
|
13
|
+
value?: string | undefined;
|
|
14
|
+
/** */
|
|
15
|
+
name?: string | undefined;
|
|
16
|
+
/**
|
|
17
|
+
* サイズ。
|
|
18
|
+
* @defaultValue `"medium"`
|
|
19
|
+
*/
|
|
20
|
+
size?: "small" | "medium" | undefined;
|
|
21
|
+
/**
|
|
22
|
+
* 初期状態でパスワードを表示するかどうか。
|
|
23
|
+
* @defaultValue `false`
|
|
24
|
+
*/
|
|
25
|
+
initialReveal?: boolean | undefined;
|
|
26
|
+
/**
|
|
27
|
+
* オートコンプリートの設定。
|
|
28
|
+
* ログイン画面などですでに登録済みのパスワードを入力する欄では `"current-password"` を指定し、新規登録画面などで新しいパスワードを入力する欄では `"new-password"` を指定してください。
|
|
29
|
+
* @defaultValue `"current-password"`
|
|
30
|
+
*/
|
|
31
|
+
autoComplete?: string | undefined;
|
|
32
|
+
/** */
|
|
33
|
+
autoFocus?: boolean | undefined;
|
|
34
|
+
/**
|
|
35
|
+
* バリデーションエラーがあるかどうか。
|
|
36
|
+
* これが `true` のときは警告表示になります。
|
|
37
|
+
* @defaultValue `false`
|
|
38
|
+
*/
|
|
39
|
+
isError?: boolean | undefined;
|
|
40
|
+
/** */
|
|
41
|
+
isRequired?: boolean | undefined;
|
|
42
|
+
/**
|
|
43
|
+
* 無効にするかどうか。
|
|
44
|
+
* @defaultValue `false`
|
|
45
|
+
*/
|
|
46
|
+
isDisabled?: boolean | undefined;
|
|
47
|
+
/** */
|
|
48
|
+
onSet?: ((value: string) => void) | undefined;
|
|
49
|
+
/**
|
|
50
|
+
* `<input>` 要素の `change` イベントのリスナー。
|
|
51
|
+
* 入力された値を取得したいだけの場合は、`onSet` prop を利用する方が便利です。
|
|
52
|
+
*/
|
|
53
|
+
onChange?: ((event: ChangeEvent<HTMLInputElement>) => unknown) | undefined;
|
|
54
|
+
/** */
|
|
55
|
+
onBlur?: ((event: ChangeEvent<HTMLInputElement>) => unknown) | undefined;
|
|
56
|
+
/** */
|
|
57
|
+
children?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | [ReactElement<any, string | import("react").JSXElementConstructor<any>>] | [ReactElement<any, string | import("react").JSXElementConstructor<any>>, ReactElement<any, string | import("react").JSXElementConstructor<any>>] | undefined;
|
|
58
|
+
/** */
|
|
59
|
+
className?: string | undefined;
|
|
60
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
|
|
2
|
+
import { PasswordInput } from "../../../components";
|
|
3
|
+
type Meta = RawMeta<typeof PasswordInput>;
|
|
4
|
+
type Story = RawStory<typeof PasswordInput>;
|
|
5
|
+
declare const meta: Meta;
|
|
6
|
+
export declare const Basic: Story;
|
|
7
|
+
export declare const Small: Story;
|
|
8
|
+
export declare const Error: Story;
|
|
9
|
+
export declare const WithLeftIconAddon: Story;
|
|
10
|
+
export declare const TestUncontrolled: Story;
|
|
11
|
+
export declare const TestControlled: Story;
|
|
12
|
+
export declare const TestHook: Story;
|
|
13
|
+
export default meta;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* ### パスワード入力欄の左側のアドオン
|
|
4
|
+
* @group React コンポーネント
|
|
5
|
+
* @category React コンポーネント
|
|
6
|
+
*/
|
|
7
|
+
export declare const PasswordInputLeftAddon: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
|
|
8
|
+
className?: string | undefined;
|
|
9
|
+
id?: string | undefined;
|
|
10
|
+
style?: import("react").CSSProperties | undefined;
|
|
11
|
+
} & {
|
|
12
|
+
/** */
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
/** */
|
|
15
|
+
className?: string | undefined;
|
|
16
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* ### パスワード入力欄の右側のアドオン
|
|
4
|
+
* @group React コンポーネント
|
|
5
|
+
* @category React コンポーネント
|
|
6
|
+
*/
|
|
7
|
+
export declare const PasswordInputRightAddon: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
|
|
8
|
+
className?: string | undefined;
|
|
9
|
+
id?: string | undefined;
|
|
10
|
+
style?: import("react").CSSProperties | undefined;
|
|
11
|
+
} & {
|
|
12
|
+
/** */
|
|
13
|
+
children?: ReactNode;
|
|
14
|
+
/** */
|
|
15
|
+
className?: string | undefined;
|
|
16
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./radio";
|
|
@@ -0,0 +1,53 @@
|
|
|
1
|
+
import { AriaAttributes, ChangeEvent } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* ### ラジオボタン
|
|
4
|
+
*
|
|
5
|
+
* #### 注意
|
|
6
|
+
* このコンポーネントはラジオボタンのみを表示します。
|
|
7
|
+
* 右にラベルを表示したい場合は、[`CheckableContainer`](/docs/atoms-CheckableContainer-CheckableContainer--ドキュメント) と [`CheckableLabel`](/docs/atoms-CheckableContainer-CheckableLabel--ドキュメント) を利用して、以下のようにしてください。
|
|
8
|
+
*
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <CheckableContainer>
|
|
11
|
+
* <Radio/>
|
|
12
|
+
* <CheckableLabel>ラベル</CheckableLabel>
|
|
13
|
+
* </CheckableContainer>
|
|
14
|
+
* ```
|
|
15
|
+
* @group React コンポーネント
|
|
16
|
+
* @category React コンポーネント
|
|
17
|
+
*/
|
|
18
|
+
export declare const Radio: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
|
|
19
|
+
className?: string | undefined;
|
|
20
|
+
id?: string | undefined;
|
|
21
|
+
style?: import("react").CSSProperties | undefined;
|
|
22
|
+
} & AriaAttributes & {
|
|
23
|
+
/** */
|
|
24
|
+
isChecked?: boolean | undefined;
|
|
25
|
+
/** */
|
|
26
|
+
name?: string | undefined;
|
|
27
|
+
/** */
|
|
28
|
+
value?: string | undefined;
|
|
29
|
+
/**
|
|
30
|
+
* バリデーションエラーがあるかどうか。
|
|
31
|
+
* これが `true` のときは警告表示になります。
|
|
32
|
+
* @defaultValue `false`
|
|
33
|
+
*/
|
|
34
|
+
isError?: boolean | undefined;
|
|
35
|
+
/** */
|
|
36
|
+
isRequired?: boolean | undefined;
|
|
37
|
+
/**
|
|
38
|
+
* 無効にするかどうか。
|
|
39
|
+
* @defaultValue `false`
|
|
40
|
+
*/
|
|
41
|
+
isDisabled?: boolean | undefined;
|
|
42
|
+
/** */
|
|
43
|
+
onSet?: ((isChecked: boolean) => void) | undefined;
|
|
44
|
+
/**
|
|
45
|
+
* `<input>` 要素の `change` イベントのリスナー。
|
|
46
|
+
* 入力された値を取得したいだけの場合は、`onSet` prop を利用する方が便利です。
|
|
47
|
+
*/
|
|
48
|
+
onChange?: ((event: ChangeEvent<HTMLInputElement>) => unknown) | undefined;
|
|
49
|
+
/** */
|
|
50
|
+
onBlur?: ((event: ChangeEvent<HTMLInputElement>) => unknown) | undefined;
|
|
51
|
+
/** */
|
|
52
|
+
className?: string | undefined;
|
|
53
|
+
} & import("react").RefAttributes<HTMLInputElement>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
|
|
2
|
+
import { Radio } from "../../../components";
|
|
3
|
+
type Meta = RawMeta<typeof Radio>;
|
|
4
|
+
type Story = RawStory<typeof Radio>;
|
|
5
|
+
declare const meta: Meta;
|
|
6
|
+
export declare const Unchecked: Story;
|
|
7
|
+
export declare const Checked: Story;
|
|
8
|
+
export declare const ErrorUnchecked: Story;
|
|
9
|
+
export declare const ErrorChecked: Story;
|
|
10
|
+
export declare const TestUncontrolled: Story;
|
|
11
|
+
export declare const TestControlled: Story;
|
|
12
|
+
export declare const TestHook: Story;
|
|
13
|
+
export default meta;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
type AlignedRadioGroupProps = {
|
|
3
|
+
/**
|
|
4
|
+
* @defaultValue `"vertical"`
|
|
5
|
+
*/
|
|
6
|
+
orientation?: "horizontal" | "vertical";
|
|
7
|
+
/** */
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* @group React コンポーネント
|
|
12
|
+
* @category React コンポーネント
|
|
13
|
+
*/
|
|
14
|
+
export declare const AlignedRadioGroup: import("react").ForwardRefExoticComponent<AlignedRadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { FunctionComponent, ReactNode } from "react";
|
|
2
|
+
type RadioGroupProps = {
|
|
3
|
+
/** */
|
|
4
|
+
value?: string | null;
|
|
5
|
+
/** */
|
|
6
|
+
onSet?: (value: string) => unknown;
|
|
7
|
+
/** */
|
|
8
|
+
children: ReactNode;
|
|
9
|
+
};
|
|
10
|
+
/**
|
|
11
|
+
* @group React コンポーネント
|
|
12
|
+
* @category React コンポーネント
|
|
13
|
+
*/
|
|
14
|
+
export declare const RadioGroup: FunctionComponent<RadioGroupProps>;
|
|
15
|
+
export {};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
|
|
2
|
+
import { RadioGroup } from "../../../components";
|
|
3
|
+
type Meta = RawMeta<typeof RadioGroup>;
|
|
4
|
+
type Story = RawStory<typeof RadioGroup>;
|
|
5
|
+
declare const meta: Meta;
|
|
6
|
+
export declare const TestUncontrolled: Story;
|
|
7
|
+
export declare const TestControlled: Story;
|
|
8
|
+
export default meta;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./root";
|
|
@@ -0,0 +1,76 @@
|
|
|
1
|
+
import { Interpolation } from "@emotion/react";
|
|
2
|
+
import { FunctionComponent, ReactNode } from "react";
|
|
3
|
+
import { ColorDefinitions } from "../../../modules/color";
|
|
4
|
+
import { LocalizationMessages } from "../../../modules/message";
|
|
5
|
+
import { ResponsiveValue } from "../../../modules/responsive";
|
|
6
|
+
type RootProps = {
|
|
7
|
+
/**
|
|
8
|
+
* ローカライズメッセージ。
|
|
9
|
+
*/
|
|
10
|
+
messages?: LocalizationMessages;
|
|
11
|
+
/**
|
|
12
|
+
* ルート要素のフォントサイズ。
|
|
13
|
+
* 全ての UI の寸法はこれを基準にして決まるので、これを変更することで UI 全体の大きさを調整することができます。
|
|
14
|
+
* @defaultValue `{desktop: "16px", smartphone: "13px"}`
|
|
15
|
+
*/
|
|
16
|
+
rootFontSize?: string | ResponsiveValue<string>;
|
|
17
|
+
/**
|
|
18
|
+
* スマートフォン環境かどうかを判断するメディアクエリ。
|
|
19
|
+
* @defaultValue `"(max-width: 767px)"`
|
|
20
|
+
*/
|
|
21
|
+
smartphoneQuery?: string;
|
|
22
|
+
/**
|
|
23
|
+
* 色定義。
|
|
24
|
+
* 部分的に指定することもでき、その場合は指定しなかった部分はデフォルトの色になります。
|
|
25
|
+
* @defaultValue `{}`
|
|
26
|
+
*/
|
|
27
|
+
colorDefinitions?: ColorDefinitions;
|
|
28
|
+
/**
|
|
29
|
+
* グローバル CSS。
|
|
30
|
+
*/
|
|
31
|
+
globalStyle?: Interpolation<{}>;
|
|
32
|
+
/**
|
|
33
|
+
* アプリ全体のルートとなる HTML 要素。
|
|
34
|
+
* モーダルを表示したときにスクリーンリーダーに対してモーダル以外の部分を隠すのに必要となるので、可能な限り指定してください。
|
|
35
|
+
*
|
|
36
|
+
* Next.js を使っている場合は `"#__next"` を指定してください。
|
|
37
|
+
*/
|
|
38
|
+
appElement?: string | HTMLElement;
|
|
39
|
+
/** */
|
|
40
|
+
children: ReactNode;
|
|
41
|
+
};
|
|
42
|
+
export declare const defaultGlobalStyle: (rootFontSize: string) => import("@emotion/utils").SerializedStyles;
|
|
43
|
+
/**
|
|
44
|
+
* ### ルート
|
|
45
|
+
*
|
|
46
|
+
* #### 使い方
|
|
47
|
+
* アプリケーション全体をこのコンポーネントで囲んでください。
|
|
48
|
+
*
|
|
49
|
+
* ```tsx
|
|
50
|
+
* const root = createRoot(container);
|
|
51
|
+
* root.render(
|
|
52
|
+
* <Root>
|
|
53
|
+
* (アプリケーションのルートコンポーネント)
|
|
54
|
+
* </Root>
|
|
55
|
+
* );
|
|
56
|
+
* ```
|
|
57
|
+
*
|
|
58
|
+
* Next.js を使っている場合は、`pages/_app.tsx` で定義されている `App` コンポーネント内部で、ページコンポーネントを囲む形で利用してください。
|
|
59
|
+
*
|
|
60
|
+
* ```tsx
|
|
61
|
+
* const App = ({Component, pageProps}) => {
|
|
62
|
+
* return (
|
|
63
|
+
* <>
|
|
64
|
+
* ⋮
|
|
65
|
+
* <Root>
|
|
66
|
+
* <Component {...pageProps}/>
|
|
67
|
+
* </Root>
|
|
68
|
+
* </>
|
|
69
|
+
* );
|
|
70
|
+
* };
|
|
71
|
+
* ```
|
|
72
|
+
* @group React コンポーネント
|
|
73
|
+
* @category React コンポーネント
|
|
74
|
+
*/
|
|
75
|
+
export declare const Root: FunctionComponent<RootProps>;
|
|
76
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
|
|
2
|
+
import { Root } from "../../../components";
|
|
3
|
+
type Meta = RawMeta<typeof Root>;
|
|
4
|
+
type Story = RawStory<typeof Root>;
|
|
5
|
+
declare const meta: Meta;
|
|
6
|
+
export declare const Basic: Story;
|
|
7
|
+
export default meta;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const scrollGlobalStyle: import("@emotion/utils").SerializedStyles;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./scroll";
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
import SimpleBarCore from "simplebar-core";
|
|
3
|
+
/**
|
|
4
|
+
* ### スクロールエリア
|
|
5
|
+
*
|
|
6
|
+
* #### 概要
|
|
7
|
+
* ブラウザネイティブのスクロールバーを DOM によるものに置き換えたスクロールエリアです。
|
|
8
|
+
* これを利用することで、スクロールバーのデザインを統一することができます。
|
|
9
|
+
* また、スクロールバーは中身にオーバーラップする形で描画されるので、スクロールバーのせいで中身がその分狭くなるのを防ぐことができます。
|
|
10
|
+
* ページの中にスクロールできる部分を作りたい場合は、これを使うのを推奨します。
|
|
11
|
+
*
|
|
12
|
+
* 内部で [SimpleBar](http://grsmto.github.io/simplebar/) を利用しています。
|
|
13
|
+
* @group React コンポーネント
|
|
14
|
+
* @category React コンポーネント
|
|
15
|
+
*/
|
|
16
|
+
export declare const Scroll: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
|
|
17
|
+
className?: string | undefined;
|
|
18
|
+
id?: string | undefined;
|
|
19
|
+
style?: import("react").CSSProperties | undefined;
|
|
20
|
+
} & {
|
|
21
|
+
/**
|
|
22
|
+
* スクロールエリアの周りに小さなスペースを確保するかどうか。
|
|
23
|
+
* これを `"none"` 以外にすると、小さなスペースを作ることでスクロールエリア内の UI の端が切れてしまうのを防げます。
|
|
24
|
+
* @defaultvalue `"none"`
|
|
25
|
+
*/
|
|
26
|
+
margin?: "none" | "horizontal" | "vertical" | "both" | undefined;
|
|
27
|
+
/** */
|
|
28
|
+
className?: string | undefined;
|
|
29
|
+
/** */
|
|
30
|
+
children?: ReactNode;
|
|
31
|
+
} & import("react").RefAttributes<SimpleBarCore>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
|
|
2
|
+
import { Scroll } from "../../../components/atoms/scroll";
|
|
3
|
+
type Meta = RawMeta<typeof Scroll>;
|
|
4
|
+
type Story = RawStory<typeof Scroll>;
|
|
5
|
+
declare const meta: Meta;
|
|
6
|
+
export declare const Basic: Story;
|
|
7
|
+
export declare const InsertMargin: Story;
|
|
8
|
+
export default meta;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./secondaryHeading";
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { FunctionComponent, ReactNode } from "react";
|
|
2
|
+
import { CommonProps } from "../../../modules/data";
|
|
3
|
+
type SecondaryHeadingProps = CommonProps & {
|
|
4
|
+
/**
|
|
5
|
+
* 使用する HTML タグの名前。
|
|
6
|
+
* @defaultValue `"h3"`
|
|
7
|
+
*/
|
|
8
|
+
as?: "h2" | "h3" | "h4" | "h5" | "h6" | "div" | "span";
|
|
9
|
+
/** */
|
|
10
|
+
className?: string;
|
|
11
|
+
/** */
|
|
12
|
+
children?: ReactNode;
|
|
13
|
+
};
|
|
14
|
+
/**
|
|
15
|
+
* ### 第 2 見出し
|
|
16
|
+
* @group React コンポーネント
|
|
17
|
+
* @category React コンポーネント
|
|
18
|
+
*/
|
|
19
|
+
export declare const SecondaryHeading: FunctionComponent<SecondaryHeadingProps>;
|
|
20
|
+
export {};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
|
|
2
|
+
import { SecondaryHeading } from "../../../components/atoms/secondaryHeading/secondaryHeading";
|
|
3
|
+
type Meta = RawMeta<typeof SecondaryHeading>;
|
|
4
|
+
type Story = RawStory<typeof SecondaryHeading>;
|
|
5
|
+
declare const meta: Meta;
|
|
6
|
+
export declare const Basic: Story;
|
|
7
|
+
export default meta;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
type ContextValue = {
|
|
3
|
+
variant: "outline" | "minimal";
|
|
4
|
+
optionAlignment: "left" | "right";
|
|
5
|
+
isMenuOpen: boolean;
|
|
6
|
+
isError: boolean;
|
|
7
|
+
};
|
|
8
|
+
export declare const context: import("react").Context<ContextValue>;
|
|
9
|
+
export declare const Provider: import("react").Provider<ContextValue>;
|
|
10
|
+
export {};
|