@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,26 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* ### 補足データ
|
|
4
|
+
*
|
|
5
|
+
* カードなどで補足的なデータを表示するのに利用できます。
|
|
6
|
+
*
|
|
7
|
+
* 基本的に、補足データは複数個まとめて表示することが多いです。
|
|
8
|
+
* その場合は、[`FootnoteList`](/docs/modules-FootnoteList-FootnoteList--ドキュメント) と [`FootnoteListRow`](/docs/modules-FootnoteList-FootnoteListRow--ドキュメント) を利用してください。
|
|
9
|
+
* @group React コンポーネント
|
|
10
|
+
* @category React コンポーネント
|
|
11
|
+
*/
|
|
12
|
+
export declare const Footnote: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
|
|
13
|
+
className?: string | undefined;
|
|
14
|
+
id?: string | undefined;
|
|
15
|
+
style?: import("react").CSSProperties | undefined;
|
|
16
|
+
} & {
|
|
17
|
+
/**
|
|
18
|
+
* サイズ。
|
|
19
|
+
* @defaultValue `"small"`
|
|
20
|
+
*/
|
|
21
|
+
size?: "small" | "medium" | undefined;
|
|
22
|
+
/** */
|
|
23
|
+
className?: string | undefined;
|
|
24
|
+
/** */
|
|
25
|
+
children?: ReactNode;
|
|
26
|
+
} & import("react").RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
|
|
2
|
+
import { Footnote } from "../../../components";
|
|
3
|
+
type Meta = RawMeta<typeof Footnote>;
|
|
4
|
+
type Story = RawStory<typeof Footnote>;
|
|
5
|
+
declare const meta: Meta;
|
|
6
|
+
export declare const Basic: Story;
|
|
7
|
+
export declare const LongText: Story;
|
|
8
|
+
export declare const Medium: Story;
|
|
9
|
+
export default meta;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactElement } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* @group React コンポーネント
|
|
4
|
+
* @category React コンポーネント
|
|
5
|
+
*/
|
|
6
|
+
export declare const FootnoteIconContainer: 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?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
13
|
+
/** */
|
|
14
|
+
className?: string | undefined;
|
|
15
|
+
} & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* ### 補足データリスト
|
|
4
|
+
*
|
|
5
|
+
* 子要素には、[`FootnoteRow`](/docs/modules-FootnoteList-FootnoteRow--ドキュメント) を複数個を配置してください。
|
|
6
|
+
* さらに各 [`FootnoteRow`](/docs/modules-FootnoteList-FootnoteRow--ドキュメント) の子要素に、[`Footnote`](/docs/modules-Footnote-Footnote--ドキュメント) を複数個配置してください。
|
|
7
|
+
* 以下のような構造になります。
|
|
8
|
+
*
|
|
9
|
+
* ```tsx
|
|
10
|
+
* <FootnoteList>
|
|
11
|
+
* <FootnoteRow>
|
|
12
|
+
* <Footnote>データ1-1</Footnote>
|
|
13
|
+
* <Footnote>データ1-2</Footnote>
|
|
14
|
+
* </FootnoteRow>
|
|
15
|
+
* <FootnoteRow>
|
|
16
|
+
* <Footnote>データ2-1</Footnote>
|
|
17
|
+
* <Footnote>データ2-2</Footnote>
|
|
18
|
+
* </FootnoteRow>
|
|
19
|
+
* </FootnoteList>
|
|
20
|
+
* ```
|
|
21
|
+
* @group React コンポーネント
|
|
22
|
+
* @category React コンポーネント
|
|
23
|
+
*/
|
|
24
|
+
export declare const FootnoteList: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
|
|
25
|
+
className?: string | undefined;
|
|
26
|
+
id?: string | undefined;
|
|
27
|
+
style?: import("react").CSSProperties | undefined;
|
|
28
|
+
} & {
|
|
29
|
+
/**
|
|
30
|
+
* サイズ。
|
|
31
|
+
* @defaultValue `"small"`
|
|
32
|
+
*/
|
|
33
|
+
size?: "small" | "medium" | undefined;
|
|
34
|
+
/** */
|
|
35
|
+
className?: string | undefined;
|
|
36
|
+
/** */
|
|
37
|
+
children?: ReactNode;
|
|
38
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
|
|
2
|
+
import { FootnoteList } from "../../../components";
|
|
3
|
+
type Meta = RawMeta<typeof FootnoteList>;
|
|
4
|
+
type Story = RawStory<typeof FootnoteList>;
|
|
5
|
+
declare const meta: Meta;
|
|
6
|
+
export declare const Basic: Story;
|
|
7
|
+
export declare const LongText: Story;
|
|
8
|
+
export declare const Medium: Story;
|
|
9
|
+
export default meta;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* ### 補足データリストの行
|
|
4
|
+
*
|
|
5
|
+
* このコンポーネントは [`FootnoteList`](/docs/modules-FootnoteList-FootnoteList--ドキュメント) の子要素に配置することを想定しているため、単独では使わないでください。
|
|
6
|
+
* 詳細は [`FootnoteList`](/docs/modules-FootnoteList-FootnoteList--ドキュメント) のドキュメントを参照してください。
|
|
7
|
+
* @group React コンポーネント
|
|
8
|
+
* @category React コンポーネント
|
|
9
|
+
*/
|
|
10
|
+
export declare const FootnoteListRow: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
|
|
11
|
+
className?: string | undefined;
|
|
12
|
+
id?: string | undefined;
|
|
13
|
+
style?: import("react").CSSProperties | undefined;
|
|
14
|
+
} & {
|
|
15
|
+
/** */
|
|
16
|
+
className?: string | undefined;
|
|
17
|
+
/** */
|
|
18
|
+
children?: ReactNode;
|
|
19
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
|
|
2
|
+
import { FootnoteListRow } from "../../../components";
|
|
3
|
+
type Meta = RawMeta<typeof FootnoteListRow>;
|
|
4
|
+
type Story = RawStory<typeof FootnoteListRow>;
|
|
5
|
+
declare const meta: Meta;
|
|
6
|
+
export declare const Basic: Story;
|
|
7
|
+
export default meta;
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* ### 分数
|
|
4
|
+
*
|
|
5
|
+
* #### 構成
|
|
6
|
+
* 以下のようなコンポーネント構成で利用してください。
|
|
7
|
+
* - **`FractionView`**
|
|
8
|
+
* - [`FractionViewNumerator`](/docs/modules-FractionView-FractionViewNumerator--ドキュメント)
|
|
9
|
+
* - [`FractionViewDenominator`](/docs/modules-FractionView-FractionViewDenominator--ドキュメント)
|
|
10
|
+
*
|
|
11
|
+
* #### スタイリングに関する注意点
|
|
12
|
+
* 分母は分子の 80% の大きさで描画されます。
|
|
13
|
+
* しかし、全体のテキストサイズが大きい場合などでは分母が大きく見えすぎることがあるため、適宜 `FractionViewDenominator` に CSS を適用するなどして調整してください。
|
|
14
|
+
* @group React コンポーネント
|
|
15
|
+
* @category React コンポーネント
|
|
16
|
+
*/
|
|
17
|
+
export declare const FractionView: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
|
|
18
|
+
className?: string | undefined;
|
|
19
|
+
id?: string | undefined;
|
|
20
|
+
style?: import("react").CSSProperties | undefined;
|
|
21
|
+
} & {
|
|
22
|
+
/** */
|
|
23
|
+
orientation: "horizontal" | "vertical";
|
|
24
|
+
/** */
|
|
25
|
+
className?: string | undefined;
|
|
26
|
+
/** */
|
|
27
|
+
children: ReactNode;
|
|
28
|
+
} & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
|
|
2
|
+
import { FractionView } from "../../../components";
|
|
3
|
+
type Meta = RawMeta<typeof FractionView>;
|
|
4
|
+
type Story = RawStory<typeof FractionView>;
|
|
5
|
+
declare const meta: Meta;
|
|
6
|
+
export declare const Horizontal: Story;
|
|
7
|
+
export declare const Vertical: Story;
|
|
8
|
+
export default meta;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/**
|
|
3
|
+
* @group React コンポーネント
|
|
4
|
+
* @category React コンポーネント
|
|
5
|
+
*/
|
|
6
|
+
export declare const FractionViewDenominator: 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
|
+
className?: string | undefined;
|
|
13
|
+
/** */
|
|
14
|
+
children: string | number;
|
|
15
|
+
} & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/**
|
|
3
|
+
* @group React コンポーネント
|
|
4
|
+
* @category React コンポーネント
|
|
5
|
+
*/
|
|
6
|
+
export declare const FractionViewNumerator: 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
|
+
className?: string | undefined;
|
|
13
|
+
/** */
|
|
14
|
+
children: string | number;
|
|
15
|
+
} & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* @group React コンポーネント
|
|
4
|
+
* @category React コンポーネント
|
|
5
|
+
*/
|
|
6
|
+
export declare const Header: 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<HTMLElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
|
|
2
|
+
import { Header } from "../../../components";
|
|
3
|
+
type Meta = RawMeta<typeof Header>;
|
|
4
|
+
type Story = RawStory<typeof Header>;
|
|
5
|
+
declare const meta: Meta;
|
|
6
|
+
export declare const Basic: Story;
|
|
7
|
+
export default meta;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* @group React コンポーネント
|
|
4
|
+
* @category React コンポーネント
|
|
5
|
+
*/
|
|
6
|
+
export declare const HeaderLeft: 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<HTMLHeadingElement>>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* @group React コンポーネント
|
|
4
|
+
* @category React コンポーネント
|
|
5
|
+
*/
|
|
6
|
+
export declare const HeaderMenu: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
|
|
7
|
+
/** */
|
|
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,21 @@
|
|
|
1
|
+
import { ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* @group React コンポーネント
|
|
4
|
+
* @category React コンポーネント
|
|
5
|
+
*/
|
|
6
|
+
export declare const HeaderMenuItem: 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
|
+
scheme?: "primary" | "secondary" | "blue" | "red" | "green" | "pink" | "yellow" | "purple" | "orange" | "gray" | "gold" | "silver" | "bronze" | undefined;
|
|
13
|
+
/** */
|
|
14
|
+
href?: string | undefined;
|
|
15
|
+
/** */
|
|
16
|
+
isActive?: boolean | undefined;
|
|
17
|
+
/** */
|
|
18
|
+
className?: string | undefined;
|
|
19
|
+
/** */
|
|
20
|
+
children?: ReactNode;
|
|
21
|
+
} & import("react").RefAttributes<HTMLAnchorElement>>;
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import { ReactElement } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* @group React コンポーネント
|
|
4
|
+
* @category React コンポーネント
|
|
5
|
+
*/
|
|
6
|
+
export declare const HeaderMenuItemIconContainer: import("react").ForwardRefExoticComponent<import("../../../modules/data").DataProps<string> & {
|
|
7
|
+
className?: string | undefined;
|
|
8
|
+
/** */
|
|
9
|
+
id?: string | undefined;
|
|
10
|
+
style?: import("react").CSSProperties | undefined;
|
|
11
|
+
} & {
|
|
12
|
+
/** */
|
|
13
|
+
children?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
14
|
+
/** */
|
|
15
|
+
className?: string | undefined;
|
|
16
|
+
} & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { Dispatch, HTMLProps, MutableRefObject, SetStateAction } from "react";
|
|
2
|
+
type ContextValue = {
|
|
3
|
+
setOpen: Dispatch<SetStateAction<boolean>>;
|
|
4
|
+
listRef: MutableRefObject<Array<HTMLElement | null>>;
|
|
5
|
+
activeIndex: number | null;
|
|
6
|
+
getItemProps: (userProps?: HTMLProps<HTMLElement>) => Record<string, unknown>;
|
|
7
|
+
};
|
|
8
|
+
export declare const context: import("react").Context<ContextValue>;
|
|
9
|
+
export declare const Provider: import("react").Provider<ContextValue>;
|
|
10
|
+
export {};
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { Placement } from "@floating-ui/react";
|
|
2
|
+
import { FunctionComponent, ReactElement, ReactNode } from "react";
|
|
3
|
+
type MenuProps = {
|
|
4
|
+
/**
|
|
5
|
+
* トリガーとなる要素。
|
|
6
|
+
* ここに要素を指定すると、それがクリックされたときにメニューが表示されるようになります。
|
|
7
|
+
*
|
|
8
|
+
* 正しく動作させるために、ここに指定する要素は以下の props を受け取れるものにしてください。
|
|
9
|
+
*
|
|
10
|
+
* - `ref`
|
|
11
|
+
* - `id`
|
|
12
|
+
* - `onClick`
|
|
13
|
+
* - `onFocus`
|
|
14
|
+
* - `onKeyDown`
|
|
15
|
+
* - `onKeyUp`
|
|
16
|
+
* - `onMouseDown`
|
|
17
|
+
* - `onPointerDown`
|
|
18
|
+
* - 各種 ARIA 属性
|
|
19
|
+
*
|
|
20
|
+
* 特に以下のコンポーネントであれば正しく動作します。
|
|
21
|
+
*
|
|
22
|
+
* - [`Button`](/?path=/docs/atoms-Button-Button--ドキュメント)
|
|
23
|
+
* - [`IconButton`](/?path=/docs/atoms-IconButton-IconButton--ドキュメント)
|
|
24
|
+
* - [`CardButton`](/?path=/docs/modules-Card-CardButton--ドキュメント)
|
|
25
|
+
*/
|
|
26
|
+
trigger?: ReactElement;
|
|
27
|
+
/**
|
|
28
|
+
* メニューの位置。
|
|
29
|
+
* @defaultValue `"bottom-start"`
|
|
30
|
+
*/
|
|
31
|
+
placement?: Placement;
|
|
32
|
+
/** */
|
|
33
|
+
className?: string;
|
|
34
|
+
/** */
|
|
35
|
+
children?: ReactNode;
|
|
36
|
+
};
|
|
37
|
+
/**
|
|
38
|
+
* @group React コンポーネント
|
|
39
|
+
* @category React コンポーネント
|
|
40
|
+
*/
|
|
41
|
+
export declare const Menu: FunctionComponent<MenuProps>;
|
|
42
|
+
export {};
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
|
|
2
|
+
import { Menu } from "../../../components";
|
|
3
|
+
type Meta = RawMeta<typeof Menu>;
|
|
4
|
+
type Story = RawStory<typeof Menu>;
|
|
5
|
+
declare const meta: Meta;
|
|
6
|
+
export declare const TestUncontrolled: Story;
|
|
7
|
+
export declare const TestDivider: Story;
|
|
8
|
+
export declare const TestCard: Story;
|
|
9
|
+
export default meta;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { MouseEvent, ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* @group React コンポーネント
|
|
4
|
+
* @category React コンポーネント
|
|
5
|
+
*/
|
|
6
|
+
export declare const MenuDivider: 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
|
+
* カラースキーム。
|
|
13
|
+
* `null` を指定した場合は、通常のテキスト色で表示します。
|
|
14
|
+
* @defaultValue `null`
|
|
15
|
+
*/
|
|
16
|
+
scheme?: "primary" | "secondary" | "blue" | "red" | "green" | "pink" | "yellow" | "purple" | "orange" | "gray" | "gold" | "silver" | "bronze" | null | undefined;
|
|
17
|
+
/** */
|
|
18
|
+
onClick?: ((event: MouseEvent<HTMLButtonElement>) => unknown) | undefined;
|
|
19
|
+
/** */
|
|
20
|
+
className?: string | undefined;
|
|
21
|
+
/** */
|
|
22
|
+
children?: ReactNode;
|
|
23
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
import { MouseEvent, ReactNode } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* @group React コンポーネント
|
|
4
|
+
* @category React コンポーネント
|
|
5
|
+
*/
|
|
6
|
+
export declare const MenuItem: 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
|
+
* カラースキーム。
|
|
13
|
+
* `null` を指定した場合は、通常のテキスト色で表示します。
|
|
14
|
+
* @defaultValue `null`
|
|
15
|
+
*/
|
|
16
|
+
scheme?: "primary" | "secondary" | "blue" | "red" | "green" | "pink" | "yellow" | "purple" | "orange" | "gray" | "gold" | "silver" | "bronze" | null | undefined;
|
|
17
|
+
/** */
|
|
18
|
+
onClick?: ((event: MouseEvent<HTMLButtonElement>) => unknown) | undefined;
|
|
19
|
+
/** */
|
|
20
|
+
className?: string | undefined;
|
|
21
|
+
/** */
|
|
22
|
+
children?: ReactNode;
|
|
23
|
+
} & import("react").RefAttributes<HTMLButtonElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
|
|
2
|
+
import { HeaderMenuItem } from "../../../components";
|
|
3
|
+
type Meta = RawMeta<typeof HeaderMenuItem>;
|
|
4
|
+
type Story = RawStory<typeof HeaderMenuItem>;
|
|
5
|
+
declare const meta: Meta;
|
|
6
|
+
export declare const Basic: Story;
|
|
7
|
+
export default meta;
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
import { ReactElement } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* @group React コンポーネント
|
|
4
|
+
* @category React コンポーネント
|
|
5
|
+
*/
|
|
6
|
+
export declare const MenuItemIconContainer: 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?: ReactElement<any, string | import("react").JSXElementConstructor<any>> | undefined;
|
|
13
|
+
/** */
|
|
14
|
+
className?: string | undefined;
|
|
15
|
+
} & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,22 @@
|
|
|
1
|
+
import { FloatingContext } from "@floating-ui/react";
|
|
2
|
+
import { CSSProperties, HTMLAttributes, ReactNode } from "react";
|
|
3
|
+
/**
|
|
4
|
+
* @group React コンポーネント
|
|
5
|
+
* @category React コンポーネント
|
|
6
|
+
*/
|
|
7
|
+
export declare const MenuList: import("react").ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & {
|
|
8
|
+
/** */
|
|
9
|
+
isOpen: boolean;
|
|
10
|
+
/** */
|
|
11
|
+
isMounted: boolean;
|
|
12
|
+
/** */
|
|
13
|
+
status: "unmounted" | "initial" | "open" | "close";
|
|
14
|
+
/** */
|
|
15
|
+
context: FloatingContext;
|
|
16
|
+
/** */
|
|
17
|
+
style?: CSSProperties | undefined;
|
|
18
|
+
/** */
|
|
19
|
+
className?: string | undefined;
|
|
20
|
+
/** */
|
|
21
|
+
children?: ReactNode;
|
|
22
|
+
} & import("react").RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,25 @@
|
|
|
1
|
+
import { Dispatch, SetStateAction } from "react";
|
|
2
|
+
/**
|
|
3
|
+
* @group React コンポーネント
|
|
4
|
+
* @category React コンポーネント
|
|
5
|
+
*/
|
|
6
|
+
export declare const Pagination: 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
|
+
* 現在開いているページ番号 (0 始まり)。
|
|
13
|
+
*/
|
|
14
|
+
page: number;
|
|
15
|
+
/**
|
|
16
|
+
* 合計ページ数。
|
|
17
|
+
*/
|
|
18
|
+
pageCount: number;
|
|
19
|
+
/**
|
|
20
|
+
* ページを設定する関数。
|
|
21
|
+
*/
|
|
22
|
+
setPage?: Dispatch<SetStateAction<number>> | undefined;
|
|
23
|
+
/** */
|
|
24
|
+
className?: string | undefined;
|
|
25
|
+
} & import("react").RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
|
|
2
|
+
import { Pagination } from "../../../components";
|
|
3
|
+
type Meta = RawMeta<typeof Pagination>;
|
|
4
|
+
type Story = RawStory<typeof Pagination>;
|
|
5
|
+
declare const meta: Meta;
|
|
6
|
+
export declare const Basic: Story;
|
|
7
|
+
export default meta;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/**
|
|
3
|
+
* @group React コンポーネント
|
|
4
|
+
* @category React コンポーネント
|
|
5
|
+
*/
|
|
6
|
+
export declare const PaginationAuto: 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
|
+
className?: string | undefined;
|
|
13
|
+
} & import("react").RefAttributes<HTMLElement>>;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from "./rankView";
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
/**
|
|
3
|
+
* ### 順位表示
|
|
4
|
+
* @group React コンポーネント
|
|
5
|
+
* @category React コンポーネント
|
|
6
|
+
*/
|
|
7
|
+
export declare const RankView: 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
|
+
* 表示する順位 (1 始まり)。
|
|
14
|
+
*/
|
|
15
|
+
rank: number;
|
|
16
|
+
/**
|
|
17
|
+
* カラースキーム。
|
|
18
|
+
* @defaultValue `"primary"`
|
|
19
|
+
*/
|
|
20
|
+
scheme?: "primary" | "secondary" | "blue" | "red" | "green" | "pink" | "yellow" | "purple" | "orange" | "gray" | "gold" | "silver" | "bronze" | undefined;
|
|
21
|
+
/**
|
|
22
|
+
* 1 位~ 3 位にメダルの色を使うかどうか。
|
|
23
|
+
* これを `true` に指定すると、1 位~3 位の背景色が順に金色, 銀色, 銅色になります。
|
|
24
|
+
* @defaultValue `true`
|
|
25
|
+
*/
|
|
26
|
+
useMedalColors?: boolean | undefined;
|
|
27
|
+
/** */
|
|
28
|
+
className?: string | undefined;
|
|
29
|
+
} & import("react").RefAttributes<HTMLSpanElement>>;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { Meta as RawMeta, StoryObj as RawStory } from "@storybook/react";
|
|
2
|
+
import { RankView } from "../../../components";
|
|
3
|
+
type Meta = RawMeta<typeof RankView>;
|
|
4
|
+
type Story = RawStory<typeof RankView>;
|
|
5
|
+
declare const meta: Meta;
|
|
6
|
+
export declare const Gold: Story;
|
|
7
|
+
export declare const Silver: Story;
|
|
8
|
+
export declare const Bronze: Story;
|
|
9
|
+
export declare const General: Story;
|
|
10
|
+
export declare const ThreeDigit: Story;
|
|
11
|
+
export declare const FourDigit: Story;
|
|
12
|
+
export declare const TestAlignment: Story;
|
|
13
|
+
export default meta;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
type ContextValue = {
|
|
3
|
+
activeIndex: number;
|
|
4
|
+
count: number;
|
|
5
|
+
};
|
|
6
|
+
export declare const context: import("react").Context<ContextValue>;
|
|
7
|
+
export declare const Provider: import("react").Provider<ContextValue>;
|
|
8
|
+
type ItemContextValue = {
|
|
9
|
+
index: number;
|
|
10
|
+
};
|
|
11
|
+
export declare const itemContext: import("react").Context<ItemContextValue>;
|
|
12
|
+
export declare const ItemProvider: import("react").Provider<ItemContextValue>;
|
|
13
|
+
export {};
|