@openameba/spindle-ui 3.2.3 → 3.2.5
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/BottomButton/BottomButton.js +5 -6
- package/BottomButton/BottomButton.js.map +1 -1
- package/Breadcrumb/BreadcrumbItem.js +4 -27
- package/Breadcrumb/BreadcrumbItem.js.map +1 -1
- package/Breadcrumb/BreadcrumbList.js +18 -40
- package/Breadcrumb/BreadcrumbList.js.map +1 -1
- package/Breadcrumb/BreadcrumbList.mjs +3 -2
- package/Button/Button.js +10 -33
- package/Button/Button.js.map +1 -1
- package/ButtonGroup/ButtonGroup.js +7 -30
- package/ButtonGroup/ButtonGroup.js.map +1 -1
- package/CHANGELOG.md +15 -0
- package/Dialog/Dialog.js +25 -54
- package/Dialog/Dialog.js.map +1 -1
- package/Dialog/Dialog.mjs +7 -12
- package/DropdownMenu/DropdownMenu.js +76 -84
- package/DropdownMenu/DropdownMenu.js.map +1 -1
- package/DropdownMenu/DropdownMenu.mjs +5 -4
- package/Form/ButtonSwitch/ButtonSwitch.js +13 -16
- package/Form/ButtonSwitch/ButtonSwitch.js.map +1 -1
- package/Form/ButtonSwitch/ButtonSwitch.mjs +4 -11
- package/Form/Checkbox/Checkbox.js +10 -33
- package/Form/Checkbox/Checkbox.js.map +1 -1
- package/Form/DropDown/DropDown.js +19 -42
- package/Form/DropDown/DropDown.js.map +1 -1
- package/Form/DropDown/DropDown.mjs +1 -1
- package/Form/DropDown.css +1 -1
- package/Form/InlineDropDown/InlineDropDown.js +17 -40
- package/Form/InlineDropDown/InlineDropDown.js.map +1 -1
- package/Form/InlineDropDown/InlineDropDown.mjs +1 -1
- package/Form/InputLabel/InputLabel.js +4 -27
- package/Form/InputLabel/InputLabel.js.map +1 -1
- package/Form/InvalidMessage/InvalidMessage.js +7 -30
- package/Form/InvalidMessage/InvalidMessage.js.map +1 -1
- package/Form/Radio/Radio.js +9 -32
- package/Form/Radio/Radio.js.map +1 -1
- package/Form/TextArea/TextArea.js +4 -27
- package/Form/TextArea/TextArea.js.map +1 -1
- package/Form/TextField/TextField.js +7 -30
- package/Form/TextField/TextField.js.map +1 -1
- package/Form/ToggleSwitch/ToggleSwitch.js +7 -30
- package/Form/ToggleSwitch/ToggleSwitch.js.map +1 -1
- package/Form/index.css +1 -1
- package/HeroCarousel/HeroCarousel.js +18 -19
- package/HeroCarousel/HeroCarousel.js.map +1 -1
- package/HeroCarousel/HeroCarouselItem.js +15 -18
- package/HeroCarousel/HeroCarouselItem.js.map +1 -1
- package/Icon/755.js +3 -14
- package/Icon/755.js.map +1 -1
- package/Icon/Abemakun.js +3 -14
- package/Icon/Abemakun.js.map +1 -1
- package/Icon/Abematv.js +3 -14
- package/Icon/Abematv.js.map +1 -1
- package/Icon/Accesslink.js +3 -14
- package/Icon/Accesslink.js.map +1 -1
- package/Icon/Accesspage.js +3 -14
- package/Icon/Accesspage.js.map +1 -1
- package/Icon/AccesspageFill.js +3 -14
- package/Icon/AccesspageFill.js.map +1 -1
- package/Icon/Ad.js +3 -14
- package/Icon/Ad.js.map +1 -1
- package/Icon/AddressbookFill.js +3 -14
- package/Icon/AddressbookFill.js.map +1 -1
- package/Icon/AlbumAddFill.js +3 -14
- package/Icon/AlbumAddFill.js.map +1 -1
- package/Icon/AlbumFill.js +3 -14
- package/Icon/AlbumFill.js.map +1 -1
- package/Icon/AlignCenter.js +3 -14
- package/Icon/AlignCenter.js.map +1 -1
- package/Icon/AlignLeft.js +3 -14
- package/Icon/AlignLeft.js.map +1 -1
- package/Icon/AlignRight.js +3 -14
- package/Icon/AlignRight.js.map +1 -1
- package/Icon/AllFill.js +3 -14
- package/Icon/AllFill.js.map +1 -1
- package/Icon/Alt.js +3 -14
- package/Icon/Alt.js.map +1 -1
- package/Icon/AltFill.js +3 -14
- package/Icon/AltFill.js.map +1 -1
- package/Icon/Amebacoin.js +3 -14
- package/Icon/Amebacoin.js.map +1 -1
- package/Icon/Amebapick.js +3 -14
- package/Icon/Amebapick.js.map +1 -1
- package/Icon/Amegold.js +3 -14
- package/Icon/Amegold.js.map +1 -1
- package/Icon/Amember.js +3 -14
- package/Icon/Amember.js.map +1 -1
- package/Icon/ArrowDown.js +3 -14
- package/Icon/ArrowDown.js.map +1 -1
- package/Icon/ArrowDownBold.js +3 -14
- package/Icon/ArrowDownBold.js.map +1 -1
- package/Icon/ArrowLeft.js +3 -14
- package/Icon/ArrowLeft.js.map +1 -1
- package/Icon/ArrowLeftBold.js +3 -14
- package/Icon/ArrowLeftBold.js.map +1 -1
- package/Icon/ArrowLeftright.js +3 -14
- package/Icon/ArrowLeftright.js.map +1 -1
- package/Icon/ArrowRight.js +3 -14
- package/Icon/ArrowRight.js.map +1 -1
- package/Icon/ArrowRightBold.js +3 -14
- package/Icon/ArrowRightBold.js.map +1 -1
- package/Icon/ArrowRightCircle.js +3 -14
- package/Icon/ArrowRightCircle.js.map +1 -1
- package/Icon/ArrowRightCircleFill.js +3 -14
- package/Icon/ArrowRightCircleFill.js.map +1 -1
- package/Icon/ArrowSubdirectory.js +3 -14
- package/Icon/ArrowSubdirectory.js.map +1 -1
- package/Icon/ArrowSubdirectoryBold.js +3 -14
- package/Icon/ArrowSubdirectoryBold.js.map +1 -1
- package/Icon/ArrowUp.js +3 -14
- package/Icon/ArrowUp.js.map +1 -1
- package/Icon/ArrowUpBold.js +3 -14
- package/Icon/ArrowUpBold.js.map +1 -1
- package/Icon/ArrowUpdown.js +3 -14
- package/Icon/ArrowUpdown.js.map +1 -1
- package/Icon/ArrowpagingDown.js +3 -14
- package/Icon/ArrowpagingDown.js.map +1 -1
- package/Icon/ArrowpagingDownCircle.js +3 -14
- package/Icon/ArrowpagingDownCircle.js.map +1 -1
- package/Icon/ArrowpagingLeft.js +3 -14
- package/Icon/ArrowpagingLeft.js.map +1 -1
- package/Icon/ArrowpagingLeftCircle.js +3 -14
- package/Icon/ArrowpagingLeftCircle.js.map +1 -1
- package/Icon/ArrowpagingRight.js +3 -14
- package/Icon/ArrowpagingRight.js.map +1 -1
- package/Icon/ArrowpagingRightCircle.js +3 -14
- package/Icon/ArrowpagingRightCircle.js.map +1 -1
- package/Icon/ArrowpagingUp.js +3 -14
- package/Icon/ArrowpagingUp.js.map +1 -1
- package/Icon/ArrowpagingUpCircle.js +3 -14
- package/Icon/ArrowpagingUpCircle.js.map +1 -1
- package/Icon/Arrowwaveup.js +3 -14
- package/Icon/Arrowwaveup.js.map +1 -1
- package/Icon/ArrowwaveupBold.js +3 -14
- package/Icon/ArrowwaveupBold.js.map +1 -1
- package/Icon/ArrowwaveupRectangle.js +3 -14
- package/Icon/ArrowwaveupRectangle.js.map +1 -1
- package/Icon/ArrowwaveupRectangleFill.js +3 -14
- package/Icon/ArrowwaveupRectangleFill.js.map +1 -1
- package/Icon/Article.js +3 -14
- package/Icon/Article.js.map +1 -1
- package/Icon/ArticleSlash.js +3 -14
- package/Icon/ArticleSlash.js.map +1 -1
- package/Icon/Articledesign.js +3 -14
- package/Icon/Articledesign.js.map +1 -1
- package/Icon/Astrogy.js +3 -14
- package/Icon/Astrogy.js.map +1 -1
- package/Icon/AstrogyFill.js +3 -14
- package/Icon/AstrogyFill.js.map +1 -1
- package/Icon/Baby.js +3 -14
- package/Icon/Baby.js.map +1 -1
- package/Icon/Bbs.js +3 -14
- package/Icon/Bbs.js.map +1 -1
- package/Icon/Beginner.js +3 -14
- package/Icon/Beginner.js.map +1 -1
- package/Icon/Beginnermark.js +3 -14
- package/Icon/Beginnermark.js.map +1 -1
- package/Icon/Bell.js +3 -14
- package/Icon/Bell.js.map +1 -1
- package/Icon/BellFill.js +3 -14
- package/Icon/BellFill.js.map +1 -1
- package/Icon/BellFillSlash.js +3 -14
- package/Icon/BellFillSlash.js.map +1 -1
- package/Icon/BellSlash.js +3 -14
- package/Icon/BellSlash.js.map +1 -1
- package/Icon/Blog.js +3 -14
- package/Icon/Blog.js.map +1 -1
- package/Icon/Bloggersshop.js +3 -14
- package/Icon/Bloggersshop.js.map +1 -1
- package/Icon/Bold.js +3 -14
- package/Icon/Bold.js.map +1 -1
- package/Icon/Book.js +3 -14
- package/Icon/Book.js.map +1 -1
- package/Icon/BookFill.js +3 -14
- package/Icon/BookFill.js.map +1 -1
- package/Icon/Bookmark.js +3 -14
- package/Icon/Bookmark.js.map +1 -1
- package/Icon/BookmarkFill.js +3 -14
- package/Icon/BookmarkFill.js.map +1 -1
- package/Icon/Bookshelf.js +3 -14
- package/Icon/Bookshelf.js.map +1 -1
- package/Icon/BookshelfFill.js +3 -14
- package/Icon/BookshelfFill.js.map +1 -1
- package/Icon/Border.js +3 -14
- package/Icon/Border.js.map +1 -1
- package/Icon/BottomnavFollowfeedActive.js +3 -14
- package/Icon/BottomnavFollowfeedActive.js.map +1 -1
- package/Icon/BottomnavFollowfeedInactive.js +3 -14
- package/Icon/BottomnavFollowfeedInactive.js.map +1 -1
- package/Icon/BottomnavHomeActive.js +3 -14
- package/Icon/BottomnavHomeActive.js.map +1 -1
- package/Icon/BottomnavHomeInactive.js +3 -14
- package/Icon/BottomnavHomeInactive.js.map +1 -1
- package/Icon/BottomnavMypageActive.js +3 -14
- package/Icon/BottomnavMypageActive.js.map +1 -1
- package/Icon/BottomnavSearchActive.js +3 -14
- package/Icon/BottomnavSearchActive.js.map +1 -1
- package/Icon/BottomnavSearchInactive.js +3 -14
- package/Icon/BottomnavSearchInactive.js.map +1 -1
- package/Icon/BottomnvavMypageInactive.js +3 -14
- package/Icon/BottomnvavMypageInactive.js.map +1 -1
- package/Icon/Bullets.js +3 -14
- package/Icon/Bullets.js.map +1 -1
- package/Icon/Calendar.js +3 -14
- package/Icon/Calendar.js.map +1 -1
- package/Icon/Calendardaily.js +3 -14
- package/Icon/Calendardaily.js.map +1 -1
- package/Icon/CameraFill.js +3 -14
- package/Icon/CameraFill.js.map +1 -1
- package/Icon/Cards.js +3 -14
- package/Icon/Cards.js.map +1 -1
- package/Icon/Cart.js +3 -14
- package/Icon/Cart.js.map +1 -1
- package/Icon/CartFill.js +3 -14
- package/Icon/CartFill.js.map +1 -1
- package/Icon/CautionFill.js +3 -14
- package/Icon/CautionFill.js.map +1 -1
- package/Icon/Check.js +3 -14
- package/Icon/Check.js.map +1 -1
- package/Icon/CheckBold.js +3 -14
- package/Icon/CheckBold.js.map +1 -1
- package/Icon/CheckCircle.js +3 -14
- package/Icon/CheckCircle.js.map +1 -1
- package/Icon/CheckCircleFill.js +3 -14
- package/Icon/CheckCircleFill.js.map +1 -1
- package/Icon/CheckRectangle.js +3 -14
- package/Icon/CheckRectangle.js.map +1 -1
- package/Icon/Checklist.js +3 -14
- package/Icon/Checklist.js.map +1 -1
- package/Icon/ChevronDown.js +3 -14
- package/Icon/ChevronDown.js.map +1 -1
- package/Icon/ChevronDownBold.js +3 -14
- package/Icon/ChevronDownBold.js.map +1 -1
- package/Icon/ChevronLeft.js +3 -14
- package/Icon/ChevronLeft.js.map +1 -1
- package/Icon/ChevronLeftBold.js +3 -14
- package/Icon/ChevronLeftBold.js.map +1 -1
- package/Icon/ChevronRight.js +3 -14
- package/Icon/ChevronRight.js.map +1 -1
- package/Icon/ChevronRightBold.js +3 -14
- package/Icon/ChevronRightBold.js.map +1 -1
- package/Icon/ChevronUp.js +3 -14
- package/Icon/ChevronUp.js.map +1 -1
- package/Icon/ChevronUpBold.js +3 -14
- package/Icon/ChevronUpBold.js.map +1 -1
- package/Icon/ChevronUpTwoBold.js +3 -14
- package/Icon/ChevronUpTwoBold.js.map +1 -1
- package/Icon/Circle.js +3 -14
- package/Icon/Circle.js.map +1 -1
- package/Icon/CircleBold.js +3 -14
- package/Icon/CircleBold.js.map +1 -1
- package/Icon/CircleFill.js +3 -14
- package/Icon/CircleFill.js.map +1 -1
- package/Icon/CircleSlash.js +3 -14
- package/Icon/CircleSlash.js.map +1 -1
- package/Icon/Clock.js +3 -14
- package/Icon/Clock.js.map +1 -1
- package/Icon/ClockFill.js +3 -14
- package/Icon/ClockFill.js.map +1 -1
- package/Icon/Coin.js +3 -14
- package/Icon/Coin.js.map +1 -1
- package/Icon/Comment.js +3 -14
- package/Icon/Comment.js.map +1 -1
- package/Icon/CommentBan.js +3 -14
- package/Icon/CommentBan.js.map +1 -1
- package/Icon/CommentFill.js +3 -14
- package/Icon/CommentFill.js.map +1 -1
- package/Icon/CommentPen.js +3 -14
- package/Icon/CommentPen.js.map +1 -1
- package/Icon/CommentTwoFill.js +3 -14
- package/Icon/CommentTwoFill.js.map +1 -1
- package/Icon/CommentTwoSlashFill.js +3 -14
- package/Icon/CommentTwoSlashFill.js.map +1 -1
- package/Icon/Community.js +3 -14
- package/Icon/Community.js.map +1 -1
- package/Icon/Compass.js +3 -14
- package/Icon/Compass.js.map +1 -1
- package/Icon/Coupon.js +3 -14
- package/Icon/Coupon.js.map +1 -1
- package/Icon/Creditcard.js +3 -14
- package/Icon/Creditcard.js.map +1 -1
- package/Icon/Crop.js +3 -14
- package/Icon/Crop.js.map +1 -1
- package/Icon/CropDin.js +3 -14
- package/Icon/CropDin.js.map +1 -1
- package/Icon/CropLandscape.js +3 -14
- package/Icon/CropLandscape.js.map +1 -1
- package/Icon/Cross.js +3 -14
- package/Icon/Cross.js.map +1 -1
- package/Icon/CrossBold.js +3 -14
- package/Icon/CrossBold.js.map +1 -1
- package/Icon/CrossCircle.js +3 -14
- package/Icon/CrossCircle.js.map +1 -1
- package/Icon/CrossCircleFill.js +3 -14
- package/Icon/CrossCircleFill.js.map +1 -1
- package/Icon/CrossRectangle.js +3 -14
- package/Icon/CrossRectangle.js.map +1 -1
- package/Icon/Cutlery.js +3 -14
- package/Icon/Cutlery.js.map +1 -1
- package/Icon/DiamondTwo.js +3 -14
- package/Icon/DiamondTwo.js.map +1 -1
- package/Icon/Dice.js +3 -14
- package/Icon/Dice.js.map +1 -1
- package/Icon/Dot.js +3 -14
- package/Icon/Dot.js.map +1 -1
- package/Icon/Dotmoney.js +3 -14
- package/Icon/Dotmoney.js.map +1 -1
- package/Icon/Download.js +3 -14
- package/Icon/Download.js.map +1 -1
- package/Icon/DragIndicator.js +3 -14
- package/Icon/DragIndicator.js.map +1 -1
- package/Icon/Embed.js +3 -14
- package/Icon/Embed.js.map +1 -1
- package/Icon/EmotionFill.js +3 -14
- package/Icon/EmotionFill.js.map +1 -1
- package/Icon/EntryLost.js +3 -14
- package/Icon/EntryLost.js.map +1 -1
- package/Icon/Eraser.js +3 -14
- package/Icon/Eraser.js.map +1 -1
- package/Icon/EraserFill.js +3 -14
- package/Icon/EraserFill.js.map +1 -1
- package/Icon/Exclamationmark.js +3 -14
- package/Icon/Exclamationmark.js.map +1 -1
- package/Icon/ExclamationmarkBalloon.js +3 -14
- package/Icon/ExclamationmarkBalloon.js.map +1 -1
- package/Icon/ExclamationmarkBalloonFill.js +3 -14
- package/Icon/ExclamationmarkBalloonFill.js.map +1 -1
- package/Icon/ExclamationmarkBold.js +3 -14
- package/Icon/ExclamationmarkBold.js.map +1 -1
- package/Icon/ExclamationmarkCircle.js +3 -14
- package/Icon/ExclamationmarkCircle.js.map +1 -1
- package/Icon/ExclamationmarkCircleFill.js +3 -14
- package/Icon/ExclamationmarkCircleFill.js.map +1 -1
- package/Icon/Expand.js +3 -14
- package/Icon/Expand.js.map +1 -1
- package/Icon/ExpandExit.js +3 -14
- package/Icon/ExpandExit.js.map +1 -1
- package/Icon/FabPencilAdd.js +3 -14
- package/Icon/FabPencilAdd.js.map +1 -1
- package/Icon/FaceUnhappy.js +3 -14
- package/Icon/FaceUnhappy.js.map +1 -1
- package/Icon/Facebook.js +3 -14
- package/Icon/Facebook.js.map +1 -1
- package/Icon/File.js +3 -14
- package/Icon/File.js.map +1 -1
- package/Icon/FileAdd.js +3 -14
- package/Icon/FileAdd.js.map +1 -1
- package/Icon/FileAddFill.js +3 -14
- package/Icon/FileAddFill.js.map +1 -1
- package/Icon/FileCircle.js +3 -14
- package/Icon/FileCircle.js.map +1 -1
- package/Icon/FileCircleFill.js +3 -14
- package/Icon/FileCircleFill.js.map +1 -1
- package/Icon/FileFill.js +3 -14
- package/Icon/FileFill.js.map +1 -1
- package/Icon/Filter.js +3 -14
- package/Icon/Filter.js.map +1 -1
- package/Icon/FilterCheck.js +3 -14
- package/Icon/FilterCheck.js.map +1 -1
- package/Icon/Fit.js +3 -14
- package/Icon/Fit.js.map +1 -1
- package/Icon/FlagFill.js +3 -14
- package/Icon/FlagFill.js.map +1 -1
- package/Icon/FlagRanking.js +3 -14
- package/Icon/FlagRanking.js.map +1 -1
- package/Icon/FlagRankingTrim.js +3 -14
- package/Icon/FlagRankingTrim.js.map +1 -1
- package/Icon/Flash.js +3 -14
- package/Icon/Flash.js.map +1 -1
- package/Icon/FlashAuto.js +3 -14
- package/Icon/FlashAuto.js.map +1 -1
- package/Icon/FlashOff.js +3 -14
- package/Icon/FlashOff.js.map +1 -1
- package/Icon/Flowervase.js +3 -14
- package/Icon/Flowervase.js.map +1 -1
- package/Icon/Folder.js +3 -14
- package/Icon/Folder.js.map +1 -1
- package/Icon/FolderFill.js +3 -14
- package/Icon/FolderFill.js.map +1 -1
- package/Icon/FolderTwo.js +3 -14
- package/Icon/FolderTwo.js.map +1 -1
- package/Icon/FolderTwoFill.js +3 -14
- package/Icon/FolderTwoFill.js.map +1 -1
- package/Icon/Font.js +3 -14
- package/Icon/Font.js.map +1 -1
- package/Icon/Fontstyle.js +3 -14
- package/Icon/Fontstyle.js.map +1 -1
- package/Icon/FreeCircle.js +3 -14
- package/Icon/FreeCircle.js.map +1 -1
- package/Icon/FreeCircleFill.js +3 -14
- package/Icon/FreeCircleFill.js.map +1 -1
- package/Icon/Game.js +3 -14
- package/Icon/Game.js.map +1 -1
- package/Icon/GameFill.js +3 -14
- package/Icon/GameFill.js.map +1 -1
- package/Icon/GameKantan.js +3 -14
- package/Icon/GameKantan.js.map +1 -1
- package/Icon/Gear.js +3 -14
- package/Icon/Gear.js.map +1 -1
- package/Icon/GearFill.js +3 -14
- package/Icon/GearFill.js.map +1 -1
- package/Icon/Genre.js +3 -14
- package/Icon/Genre.js.map +1 -1
- package/Icon/GenreAdd.js +3 -14
- package/Icon/GenreAdd.js.map +1 -1
- package/Icon/GenreDone.js +3 -14
- package/Icon/GenreDone.js.map +1 -1
- package/Icon/GraphBar.js +3 -14
- package/Icon/GraphBar.js.map +1 -1
- package/Icon/Gruppo.js +3 -14
- package/Icon/Gruppo.js.map +1 -1
- package/Icon/HandWaveFill.js +3 -14
- package/Icon/HandWaveFill.js.map +1 -1
- package/Icon/Hashtag.js +3 -14
- package/Icon/Hashtag.js.map +1 -1
- package/Icon/HashtagBold.js +3 -14
- package/Icon/HashtagBold.js.map +1 -1
- package/Icon/Hatenabookmark.js +3 -14
- package/Icon/Hatenabookmark.js.map +1 -1
- package/Icon/Heart.js +3 -14
- package/Icon/Heart.js.map +1 -1
- package/Icon/HeartFill.js +3 -14
- package/Icon/HeartFill.js.map +1 -1
- package/Icon/History.js +3 -14
- package/Icon/History.js.map +1 -1
- package/Icon/HomeFill.js +3 -14
- package/Icon/HomeFill.js.map +1 -1
- package/Icon/Hot.js +3 -14
- package/Icon/Hot.js.map +1 -1
- package/Icon/Htmltag.js +3 -14
- package/Icon/Htmltag.js.map +1 -1
- package/Icon/ImageAddFill.js +3 -14
- package/Icon/ImageAddFill.js.map +1 -1
- package/Icon/ImageBanFill.js +3 -14
- package/Icon/ImageBanFill.js.map +1 -1
- package/Icon/ImageFill.js +3 -14
- package/Icon/ImageFill.js.map +1 -1
- package/Icon/ImageFillSlash.js +3 -14
- package/Icon/ImageFillSlash.js.map +1 -1
- package/Icon/ImageQuestionFill.js +3 -14
- package/Icon/ImageQuestionFill.js.map +1 -1
- package/Icon/Information.js +3 -14
- package/Icon/Information.js.map +1 -1
- package/Icon/Instagram.js +3 -14
- package/Icon/Instagram.js.map +1 -1
- package/Icon/Italic.js +3 -14
- package/Icon/Italic.js.map +1 -1
- package/Icon/Kaomoji.js +3 -14
- package/Icon/Kaomoji.js.map +1 -1
- package/Icon/Keyboard.js +3 -14
- package/Icon/Keyboard.js.map +1 -1
- package/Icon/KeyboardDownFill.js +3 -14
- package/Icon/KeyboardDownFill.js.map +1 -1
- package/Icon/KeyboardFill.js +3 -14
- package/Icon/KeyboardFill.js.map +1 -1
- package/Icon/Koeblog.js +3 -14
- package/Icon/Koeblog.js.map +1 -1
- package/Icon/LineCircle.js +3 -14
- package/Icon/LineCircle.js.map +1 -1
- package/Icon/LineSquare.js +3 -14
- package/Icon/LineSquare.js.map +1 -1
- package/Icon/Link.js +3 -14
- package/Icon/Link.js.map +1 -1
- package/Icon/ListBookmarkFill.js +3 -14
- package/Icon/ListBookmarkFill.js.map +1 -1
- package/Icon/ListBulleted.js +3 -14
- package/Icon/ListBulleted.js.map +1 -1
- package/Icon/ListNumbered.js +3 -14
- package/Icon/ListNumbered.js.map +1 -1
- package/Icon/Loading.js +3 -14
- package/Icon/Loading.js.map +1 -1
- package/Icon/LockFill.js +3 -14
- package/Icon/LockFill.js.map +1 -1
- package/Icon/LockOpenFill.js +3 -14
- package/Icon/LockOpenFill.js.map +1 -1
- package/Icon/Magicwand.js +3 -14
- package/Icon/Magicwand.js.map +1 -1
- package/Icon/Mail.js +3 -14
- package/Icon/Mail.js.map +1 -1
- package/Icon/MailCheck.js +3 -14
- package/Icon/MailCheck.js.map +1 -1
- package/Icon/MailCircle.js +3 -14
- package/Icon/MailCircle.js.map +1 -1
- package/Icon/MailCircleFill.js +3 -14
- package/Icon/MailCircleFill.js.map +1 -1
- package/Icon/MailFill.js +3 -14
- package/Icon/MailFill.js.map +1 -1
- package/Icon/Megaphone.js +3 -14
- package/Icon/Megaphone.js.map +1 -1
- package/Icon/MenuHamburger.js +3 -14
- package/Icon/MenuHamburger.js.map +1 -1
- package/Icon/MenuHamburgerBold.js +3 -14
- package/Icon/MenuHamburgerBold.js.map +1 -1
- package/Icon/MenuHamburgerFourline.js +3 -14
- package/Icon/MenuHamburgerFourline.js.map +1 -1
- package/Icon/MenuHorizontal.js +3 -14
- package/Icon/MenuHorizontal.js.map +1 -1
- package/Icon/MenuVertical.js +3 -14
- package/Icon/MenuVertical.js.map +1 -1
- package/Icon/Messageboard.js +3 -14
- package/Icon/Messageboard.js.map +1 -1
- package/Icon/Microphone.js +3 -14
- package/Icon/Microphone.js.map +1 -1
- package/Icon/MicrophoneFill.js +3 -14
- package/Icon/MicrophoneFill.js.map +1 -1
- package/Icon/Minus.js +3 -14
- package/Icon/Minus.js.map +1 -1
- package/Icon/MinusBold.js +3 -14
- package/Icon/MinusBold.js.map +1 -1
- package/Icon/Moon.js +3 -14
- package/Icon/Moon.js.map +1 -1
- package/Icon/MoonFill.js +3 -14
- package/Icon/MoonFill.js.map +1 -1
- package/Icon/MovieCameraFill.js +3 -14
- package/Icon/MovieCameraFill.js.map +1 -1
- package/Icon/MoviePlay.js +3 -14
- package/Icon/MoviePlay.js.map +1 -1
- package/Icon/MoviePlayFill.js +3 -14
- package/Icon/MoviePlayFill.js.map +1 -1
- package/Icon/MovieStop.js +3 -14
- package/Icon/MovieStop.js.map +1 -1
- package/Icon/MusicFill.js +3 -14
- package/Icon/MusicFill.js.map +1 -1
- package/Icon/New.js +3 -14
- package/Icon/New.js.map +1 -1
- package/Icon/Newbook.js +3 -14
- package/Icon/Newbook.js.map +1 -1
- package/Icon/NewbookFill.js +3 -14
- package/Icon/NewbookFill.js.map +1 -1
- package/Icon/News.js +3 -14
- package/Icon/News.js.map +1 -1
- package/Icon/Nice.js +3 -14
- package/Icon/Nice.js.map +1 -1
- package/Icon/NiceDone.js +3 -14
- package/Icon/NiceDone.js.map +1 -1
- package/Icon/Nodate.js +3 -14
- package/Icon/Nodate.js.map +1 -1
- package/Icon/Now.js +3 -14
- package/Icon/Now.js.map +1 -1
- package/Icon/Officialstar.js +3 -14
- package/Icon/Officialstar.js.map +1 -1
- package/Icon/OfficialstarFill.js +3 -14
- package/Icon/OfficialstarFill.js.map +1 -1
- package/Icon/OnedariFill.js +3 -14
- package/Icon/OnedariFill.js.map +1 -1
- package/Icon/OpenCl.js +3 -14
- package/Icon/OpenCl.js.map +1 -1
- package/Icon/Openblank.js +3 -14
- package/Icon/Openblank.js.map +1 -1
- package/Icon/OpenblankFill.js +3 -14
- package/Icon/OpenblankFill.js.map +1 -1
- package/Icon/Ownd.js +3 -14
- package/Icon/Ownd.js.map +1 -1
- package/Icon/Paidmember.js +3 -14
- package/Icon/Paidmember.js.map +1 -1
- package/Icon/Paidplan.js +3 -14
- package/Icon/Paidplan.js.map +1 -1
- package/Icon/PaletteFill.js +3 -14
- package/Icon/PaletteFill.js.map +1 -1
- package/Icon/Paperplane.js +3 -14
- package/Icon/Paperplane.js.map +1 -1
- package/Icon/PaperplaneFill.js +3 -14
- package/Icon/PaperplaneFill.js.map +1 -1
- package/Icon/Pause.js +3 -14
- package/Icon/Pause.js.map +1 -1
- package/Icon/PauseBold.js +3 -14
- package/Icon/PauseBold.js.map +1 -1
- package/Icon/Pawprint.js +3 -14
- package/Icon/Pawprint.js.map +1 -1
- package/Icon/Pencil.js +3 -14
- package/Icon/Pencil.js.map +1 -1
- package/Icon/PencilAdd.js +3 -14
- package/Icon/PencilAdd.js.map +1 -1
- package/Icon/PencilBold.js +3 -14
- package/Icon/PencilBold.js.map +1 -1
- package/Icon/Person.js +3 -14
- package/Icon/Person.js.map +1 -1
- package/Icon/PersonBan.js +3 -14
- package/Icon/PersonBan.js.map +1 -1
- package/Icon/PersonFill.js +3 -14
- package/Icon/PersonFill.js.map +1 -1
- package/Icon/PersonThreeFill.js +3 -14
- package/Icon/PersonThreeFill.js.map +1 -1
- package/Icon/PersonTwoAddFill.js +3 -14
- package/Icon/PersonTwoAddFill.js.map +1 -1
- package/Icon/PersonTwoDeleteFill.js +3 -14
- package/Icon/PersonTwoDeleteFill.js.map +1 -1
- package/Icon/PersonTwoDoneFill.js +3 -14
- package/Icon/PersonTwoDoneFill.js.map +1 -1
- package/Icon/PersonTwoFill.js +3 -14
- package/Icon/PersonTwoFill.js.map +1 -1
- package/Icon/Peta.js +3 -14
- package/Icon/Peta.js.map +1 -1
- package/Icon/Pigg.js +3 -14
- package/Icon/Pigg.js.map +1 -1
- package/Icon/PinFill.js +3 -14
- package/Icon/PinFill.js.map +1 -1
- package/Icon/PlayCircle.js +3 -14
- package/Icon/PlayCircle.js.map +1 -1
- package/Icon/PlayFill.js +3 -14
- package/Icon/PlayFill.js.map +1 -1
- package/Icon/Plus.js +3 -14
- package/Icon/Plus.js.map +1 -1
- package/Icon/PlusBold.js +3 -14
- package/Icon/PlusBold.js.map +1 -1
- package/Icon/PlusCircle.js +3 -14
- package/Icon/PlusCircle.js.map +1 -1
- package/Icon/PlusCircleFill.js +3 -14
- package/Icon/PlusCircleFill.js.map +1 -1
- package/Icon/PlusMinus.js +3 -14
- package/Icon/PlusMinus.js.map +1 -1
- package/Icon/PremiumFill.js +3 -14
- package/Icon/PremiumFill.js.map +1 -1
- package/Icon/Present.js +3 -14
- package/Icon/Present.js.map +1 -1
- package/Icon/Profilecard.js +3 -14
- package/Icon/Profilecard.js.map +1 -1
- package/Icon/Qr.js +3 -14
- package/Icon/Qr.js.map +1 -1
- package/Icon/Question.js +3 -14
- package/Icon/Question.js.map +1 -1
- package/Icon/QuestionmarkCircle.js +3 -14
- package/Icon/QuestionmarkCircle.js.map +1 -1
- package/Icon/QuestionmarkCircleFill.js +3 -14
- package/Icon/QuestionmarkCircleFill.js.map +1 -1
- package/Icon/RankingCrown.js +3 -14
- package/Icon/RankingCrown.js.map +1 -1
- package/Icon/RankingCrownFill.js +3 -14
- package/Icon/RankingCrownFill.js.map +1 -1
- package/Icon/RankingPlatformFill.js +3 -14
- package/Icon/RankingPlatformFill.js.map +1 -1
- package/Icon/Reblog.js +3 -14
- package/Icon/Reblog.js.map +1 -1
- package/Icon/ReblogSlash.js +3 -14
- package/Icon/ReblogSlash.js.map +1 -1
- package/Icon/Redo.js +3 -14
- package/Icon/Redo.js.map +1 -1
- package/Icon/RedoBold.js +3 -14
- package/Icon/RedoBold.js.map +1 -1
- package/Icon/RedoBoldDeprecated.js +3 -14
- package/Icon/RedoBoldDeprecated.js.map +1 -1
- package/Icon/RedoDeprecated.js +3 -14
- package/Icon/RedoDeprecated.js.map +1 -1
- package/Icon/Refresh.js +3 -14
- package/Icon/Refresh.js.map +1 -1
- package/Icon/ReplyCircleFill.js +3 -14
- package/Icon/ReplyCircleFill.js.map +1 -1
- package/Icon/ReplyFill.js +3 -14
- package/Icon/ReplyFill.js.map +1 -1
- package/Icon/Requ.js +3 -14
- package/Icon/Requ.js.map +1 -1
- package/Icon/Sad.js +3 -14
- package/Icon/Sad.js.map +1 -1
- package/Icon/Saveblog.js +3 -14
- package/Icon/Saveblog.js.map +1 -1
- package/Icon/ScreenFull.js +3 -14
- package/Icon/ScreenFull.js.map +1 -1
- package/Icon/ScreenInline.js +3 -14
- package/Icon/ScreenInline.js.map +1 -1
- package/Icon/Search.js +3 -14
- package/Icon/Search.js.map +1 -1
- package/Icon/Service.js +3 -14
- package/Icon/Service.js.map +1 -1
- package/Icon/Share.js +3 -14
- package/Icon/Share.js.map +1 -1
- package/Icon/ShineFill.js +3 -14
- package/Icon/ShineFill.js.map +1 -1
- package/Icon/ShineTwo.js +3 -14
- package/Icon/ShineTwo.js.map +1 -1
- package/Icon/Shirt.js +3 -14
- package/Icon/Shirt.js.map +1 -1
- package/Icon/SidefaceClose.js +3 -14
- package/Icon/SidefaceClose.js.map +1 -1
- package/Icon/SidefaceOpen.js +3 -14
- package/Icon/SidefaceOpen.js.map +1 -1
- package/Icon/Smartphone.js +3 -14
- package/Icon/Smartphone.js.map +1 -1
- package/Icon/SmartphoneFill.js +3 -14
- package/Icon/SmartphoneFill.js.map +1 -1
- package/Icon/Sort.js +3 -14
- package/Icon/Sort.js.map +1 -1
- package/Icon/SortFeed.js +3 -14
- package/Icon/SortFeed.js.map +1 -1
- package/Icon/SortTile.js +3 -14
- package/Icon/SortTile.js.map +1 -1
- package/Icon/SpeakerOffFill.js +3 -14
- package/Icon/SpeakerOffFill.js.map +1 -1
- package/Icon/SpeakerOnFill.js +3 -14
- package/Icon/SpeakerOnFill.js.map +1 -1
- package/Icon/Sprout.js +3 -14
- package/Icon/Sprout.js.map +1 -1
- package/Icon/Stampside.js +3 -14
- package/Icon/Stampside.js.map +1 -1
- package/Icon/Star.js +3 -14
- package/Icon/Star.js.map +1 -1
- package/Icon/StarCircleFill.js +3 -14
- package/Icon/StarCircleFill.js.map +1 -1
- package/Icon/StarFaceFill.js +3 -14
- package/Icon/StarFaceFill.js.map +1 -1
- package/Icon/StarFill.js +3 -14
- package/Icon/StarFill.js.map +1 -1
- package/Icon/StarHalf.js +3 -14
- package/Icon/StarHalf.js.map +1 -1
- package/Icon/StopFill.js +3 -14
- package/Icon/StopFill.js.map +1 -1
- package/Icon/Strikethrough.js +3 -14
- package/Icon/Strikethrough.js.map +1 -1
- package/Icon/Sun.js +3 -14
- package/Icon/Sun.js.map +1 -1
- package/Icon/SunFill.js +3 -14
- package/Icon/SunFill.js.map +1 -1
- package/Icon/Switching.js +3 -14
- package/Icon/Switching.js.map +1 -1
- package/Icon/SwitchingCamera.js +3 -14
- package/Icon/SwitchingCamera.js.map +1 -1
- package/Icon/Table.js +3 -14
- package/Icon/Table.js.map +1 -1
- package/Icon/TagFill.js +3 -14
- package/Icon/TagFill.js.map +1 -1
- package/Icon/TagOfficialFill.js +3 -14
- package/Icon/TagOfficialFill.js.map +1 -1
- package/Icon/Thumbsup.js +3 -14
- package/Icon/Thumbsup.js.map +1 -1
- package/Icon/ThumbsupFill.js +3 -14
- package/Icon/ThumbsupFill.js.map +1 -1
- package/Icon/Title.js +3 -14
- package/Icon/Title.js.map +1 -1
- package/Icon/TopbloggerMedal.js +3 -14
- package/Icon/TopbloggerMedal.js.map +1 -1
- package/Icon/TopbloggerRibbon.js +3 -14
- package/Icon/TopbloggerRibbon.js.map +1 -1
- package/Icon/TranscriptOff.js +3 -14
- package/Icon/TranscriptOff.js.map +1 -1
- package/Icon/TranscriptOn.js +3 -14
- package/Icon/TranscriptOn.js.map +1 -1
- package/Icon/Transmission.js +3 -14
- package/Icon/Transmission.js.map +1 -1
- package/Icon/Trashcan.js +3 -14
- package/Icon/Trashcan.js.map +1 -1
- package/Icon/Trend.js +3 -14
- package/Icon/Trend.js.map +1 -1
- package/Icon/TrendFill.js +3 -14
- package/Icon/TrendFill.js.map +1 -1
- package/Icon/TriangleDown.js +3 -14
- package/Icon/TriangleDown.js.map +1 -1
- package/Icon/TriangleLeft.js +3 -14
- package/Icon/TriangleLeft.js.map +1 -1
- package/Icon/TriangleRight.js +3 -14
- package/Icon/TriangleRight.js.map +1 -1
- package/Icon/TriangleUp.js +3 -14
- package/Icon/TriangleUp.js.map +1 -1
- package/Icon/TrianglearrowDown.js +3 -14
- package/Icon/TrianglearrowDown.js.map +1 -1
- package/Icon/TrianglearrowDownright.js +3 -14
- package/Icon/TrianglearrowDownright.js.map +1 -1
- package/Icon/TrianglearrowRight.js +3 -14
- package/Icon/TrianglearrowRight.js.map +1 -1
- package/Icon/TrianglearrowUp.js +3 -14
- package/Icon/TrianglearrowUp.js.map +1 -1
- package/Icon/TrianglearrowUpright.js +3 -14
- package/Icon/TrianglearrowUpright.js.map +1 -1
- package/Icon/TriangleendLeft.js +3 -14
- package/Icon/TriangleendLeft.js.map +1 -1
- package/Icon/TriangleendLeftBold.js +3 -14
- package/Icon/TriangleendLeftBold.js.map +1 -1
- package/Icon/TriangleendRight.js +3 -14
- package/Icon/TriangleendRight.js.map +1 -1
- package/Icon/TriangleendRightBold.js +3 -14
- package/Icon/TriangleendRightBold.js.map +1 -1
- package/Icon/TrophyFill.js +3 -14
- package/Icon/TrophyFill.js.map +1 -1
- package/Icon/TvFill.js +3 -14
- package/Icon/TvFill.js.map +1 -1
- package/Icon/Twitter.js +3 -14
- package/Icon/Twitter.js.map +1 -1
- package/Icon/Underline.js +3 -14
- package/Icon/Underline.js.map +1 -1
- package/Icon/Undo.js +3 -14
- package/Icon/Undo.js.map +1 -1
- package/Icon/UndoBold.js +3 -14
- package/Icon/UndoBold.js.map +1 -1
- package/Icon/UndoBoldDeprecated.js +3 -14
- package/Icon/UndoBoldDeprecated.js.map +1 -1
- package/Icon/UndoDeprecated.js +3 -14
- package/Icon/UndoDeprecated.js.map +1 -1
- package/Icon/Wallet.js +3 -14
- package/Icon/Wallet.js.map +1 -1
- package/Icon/Webview.js +3 -14
- package/Icon/Webview.js.map +1 -1
- package/Icon/X.js +3 -14
- package/Icon/X.js.map +1 -1
- package/Icon/Youtube.js +3 -14
- package/Icon/Youtube.js.map +1 -1
- package/IconButton/IconButton.js +4 -27
- package/IconButton/IconButton.js.map +1 -1
- package/InlineNotification/InlineNotification.js +62 -101
- package/InlineNotification/InlineNotification.js.map +1 -1
- package/LinkButton/LinkButton.js +10 -33
- package/LinkButton/LinkButton.js.map +1 -1
- package/List/MoreLink.js +7 -30
- package/List/MoreLink.js.map +1 -1
- package/Modal/AppealModal/AppealModal.js +41 -71
- package/Modal/AppealModal/AppealModal.js.map +1 -1
- package/Modal/AppealModal/AppealModal.mjs +12 -13
- package/Modal/SemiModal/SemiModal.js +35 -65
- package/Modal/SemiModal/SemiModal.js.map +1 -1
- package/Modal/SemiModal/SemiModal.mjs +8 -13
- package/NavigationTab/UnderlineTab/UnderlineTab.js +47 -48
- package/NavigationTab/UnderlineTab/UnderlineTab.js.map +1 -1
- package/NavigationTab/UnderlineTab/UnderlineTab.mjs +6 -5
- package/Pagination/Pagination.js +43 -69
- package/Pagination/Pagination.js.map +1 -1
- package/Pagination/Pagination.mjs +2 -2
- package/Pagination/PaginationItem.js +30 -33
- package/Pagination/PaginationItem.js.map +1 -1
- package/Pagination/helpers/getLinkRelAttribute.js +1 -2
- package/Pagination/helpers/getLinkRelAttribute.js.map +1 -1
- package/Pagination/hooks/useItemPageNumber.js +4 -5
- package/Pagination/hooks/useItemPageNumber.js.map +1 -1
- package/Pagination/hooks/useShowItem.js +18 -26
- package/Pagination/hooks/useShowItem.js.map +1 -1
- package/Rating/Rating.js +24 -46
- package/Rating/Rating.js.map +1 -1
- package/Rating/StarBack.js +3 -14
- package/Rating/StarBack.js.map +1 -1
- package/Rating/StarFront.js +3 -14
- package/Rating/StarFront.js.map +1 -1
- package/SegmentedControl/SegmentedControl.js +29 -32
- package/SegmentedControl/SegmentedControl.js.map +1 -1
- package/SegmentedControl/SegmentedControl.mjs +16 -20
- package/SnackBar/SnackBar.css +1 -1
- package/SnackBar/SnackBar.js +59 -95
- package/SnackBar/SnackBar.js.map +1 -1
- package/SnackBar/SnackBar.mjs +5 -5
- package/StackNotificationManager/StackNotificationManager.js +10 -11
- package/StackNotificationManager/StackNotificationManager.js.map +1 -1
- package/StackNotificationManager/hooks.js +164 -184
- package/StackNotificationManager/hooks.js.map +1 -1
- package/StackNotificationManager/hooks.mjs +15 -13
- package/SubtleButton/SubtleButton.js +4 -27
- package/SubtleButton/SubtleButton.js.map +1 -1
- package/Table/Table.js +61 -95
- package/Table/Table.js.map +1 -1
- package/TextButton/TextButton.js +10 -33
- package/TextButton/TextButton.js.map +1 -1
- package/TextLink/TextLink.js +10 -33
- package/TextLink/TextLink.js.map +1 -1
- package/Toast/Toast.js +27 -29
- package/Toast/Toast.js.map +1 -1
- package/Toast/Toast.mjs +1 -1
- package/index.css +2 -2
- package/index.mjs +2 -4
- package/package.json +23 -22
- package/tsconfig.cjs.json +4 -1
- package/tsconfig.esm.json +4 -2
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -43,51 +32,39 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
43
32
|
return result;
|
|
44
33
|
};
|
|
45
34
|
})();
|
|
46
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
47
|
-
var t = {};
|
|
48
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
49
|
-
t[p] = s[p];
|
|
50
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
51
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
52
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
53
|
-
t[p[i]] = s[p[i]];
|
|
54
|
-
}
|
|
55
|
-
return t;
|
|
56
|
-
};
|
|
57
35
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
58
36
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
59
37
|
};
|
|
60
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
61
39
|
exports.AppealModal = void 0;
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
var handleFormSubmit = function (event) {
|
|
40
|
+
const react_1 = __importStar(require("react"));
|
|
41
|
+
const use_callback_ref_1 = require("use-callback-ref");
|
|
42
|
+
const ButtonGroup_1 = require("../../ButtonGroup");
|
|
43
|
+
const CrossBold_1 = __importDefault(require("../../Icon/CrossBold"));
|
|
44
|
+
const IconButton_1 = require("../../IconButton");
|
|
45
|
+
const SubtleButton_1 = require("../../SubtleButton");
|
|
46
|
+
const BLOCK_NAME = 'spui-AppealModal';
|
|
47
|
+
const Frame = (0, react_1.forwardRef)(function AppealModal({ children, className, open, size = 'large', onClose, ...rest }, ref) {
|
|
48
|
+
const dialogEl = (0, react_1.useRef)(null);
|
|
49
|
+
const handleFormSubmit = (event) => {
|
|
73
50
|
event.preventDefault(); // To be closed with the open prop
|
|
74
51
|
onClose === null || onClose === void 0 ? void 0 : onClose(event);
|
|
75
52
|
};
|
|
76
|
-
|
|
53
|
+
const handleDialogClick = (event) => {
|
|
77
54
|
// Detect backdrop click
|
|
78
55
|
if (event.target === dialogEl.current) {
|
|
79
56
|
onClose === null || onClose === void 0 ? void 0 : onClose(event);
|
|
80
57
|
}
|
|
81
58
|
};
|
|
82
|
-
|
|
59
|
+
const handleDialogClose = (event) => {
|
|
83
60
|
// Detect escape key type
|
|
84
61
|
if (event.target === dialogEl.current) {
|
|
85
62
|
onClose === null || onClose === void 0 ? void 0 : onClose(event);
|
|
86
63
|
}
|
|
87
64
|
};
|
|
88
|
-
(0, react_1.useEffect)(
|
|
65
|
+
(0, react_1.useEffect)(() => {
|
|
89
66
|
var _a, _b;
|
|
90
|
-
|
|
67
|
+
const dialog = dialogEl.current;
|
|
91
68
|
if (!dialog) {
|
|
92
69
|
return;
|
|
93
70
|
}
|
|
@@ -98,61 +75,54 @@ var Frame = (0, react_1.forwardRef)(function AppealModal(_a, ref) {
|
|
|
98
75
|
(_b = dialog === null || dialog === void 0 ? void 0 : dialog.close) === null || _b === void 0 ? void 0 : _b.call(dialog);
|
|
99
76
|
}
|
|
100
77
|
}, [open]);
|
|
101
|
-
return (
|
|
102
|
-
/* biome-ignore lint/a11y/useKeyWithClickEvents: Backdrop click only; keyboard is handled by native dialog */
|
|
103
|
-
react_1.default.createElement("dialog", __assign({ className: [BLOCK_NAME, "".concat(BLOCK_NAME, "--").concat(size), className]
|
|
78
|
+
return (react_1.default.createElement("dialog", { className: [BLOCK_NAME, `${BLOCK_NAME}--${size}`, className]
|
|
104
79
|
.filter(Boolean)
|
|
105
80
|
.join(' ')
|
|
106
|
-
.trim(), ref: (0, use_callback_ref_1.useMergeRefs)([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose
|
|
107
|
-
react_1.default.createElement("form", { className:
|
|
108
|
-
react_1.default.createElement("div", { className:
|
|
81
|
+
.trim(), ref: (0, use_callback_ref_1.useMergeRefs)([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose, ...rest },
|
|
82
|
+
react_1.default.createElement("form", { className: `${BLOCK_NAME}-frame`, method: "dialog", onSubmit: handleFormSubmit },
|
|
83
|
+
react_1.default.createElement("div", { className: `${BLOCK_NAME}-closeIconButton` },
|
|
109
84
|
react_1.default.createElement(IconButton_1.IconButton, { "aria-label": "\u3068\u3058\u308B", variant: "neutral" },
|
|
110
85
|
react_1.default.createElement(CrossBold_1.default, { "aria-hidden": "true" }))),
|
|
111
86
|
children,
|
|
112
|
-
react_1.default.createElement("div", { className:
|
|
87
|
+
react_1.default.createElement("div", { className: `${BLOCK_NAME}-closeTextButton` },
|
|
113
88
|
react_1.default.createElement(SubtleButton_1.SubtleButton, null, "\u3068\u3058\u308B")))));
|
|
114
89
|
});
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
return (react_1.default.createElement("div", __assign({ className: [
|
|
90
|
+
const StyleOnly = ({ className, children, size = 'large', ...rest }) => {
|
|
91
|
+
return (react_1.default.createElement("div", { className: [
|
|
118
92
|
BLOCK_NAME,
|
|
119
|
-
|
|
120
|
-
|
|
93
|
+
`${BLOCK_NAME}--styleOnly`,
|
|
94
|
+
`${BLOCK_NAME}--${size}`,
|
|
121
95
|
className,
|
|
122
96
|
]
|
|
123
97
|
.filter(Boolean)
|
|
124
98
|
.join(' ')
|
|
125
|
-
.trim()
|
|
126
|
-
react_1.default.createElement("div", { className:
|
|
127
|
-
react_1.default.createElement("div", { className:
|
|
99
|
+
.trim(), ...rest },
|
|
100
|
+
react_1.default.createElement("div", { className: `${BLOCK_NAME}-frame` },
|
|
101
|
+
react_1.default.createElement("div", { className: `${BLOCK_NAME}-closeIconButton` },
|
|
128
102
|
react_1.default.createElement(IconButton_1.IconButton, { "aria-label": "\u9589\u3058\u308B", variant: "neutral" },
|
|
129
103
|
react_1.default.createElement(CrossBold_1.default, { "aria-hidden": "true" }))),
|
|
130
104
|
children,
|
|
131
|
-
react_1.default.createElement("div", { className:
|
|
105
|
+
react_1.default.createElement("div", { className: `${BLOCK_NAME}-closeTextButton` },
|
|
132
106
|
react_1.default.createElement(SubtleButton_1.SubtleButton, null, "\u3068\u3058\u308B")))));
|
|
133
107
|
};
|
|
134
|
-
|
|
135
|
-
|
|
136
|
-
return (react_1.default.createElement("p", __assign({ className: "".concat(BLOCK_NAME, "-title") }, rest), children));
|
|
108
|
+
const Title = ({ children, ...rest }) => {
|
|
109
|
+
return (react_1.default.createElement("p", { className: `${BLOCK_NAME}-title`, ...rest }, children));
|
|
137
110
|
};
|
|
138
|
-
|
|
139
|
-
|
|
140
|
-
return (react_1.default.createElement("div", __assign({ className: "".concat(BLOCK_NAME, "-image") }, rest), children));
|
|
111
|
+
const Image = ({ children, ...rest }) => {
|
|
112
|
+
return (react_1.default.createElement("div", { className: `${BLOCK_NAME}-image`, ...rest }, children));
|
|
141
113
|
};
|
|
142
|
-
|
|
143
|
-
|
|
144
|
-
return (react_1.default.createElement("p", __assign({ className: "".concat(BLOCK_NAME, "-body") }, rest), children));
|
|
114
|
+
const Body = ({ children, ...rest }) => {
|
|
115
|
+
return (react_1.default.createElement("p", { className: `${BLOCK_NAME}-body`, ...rest }, children));
|
|
145
116
|
};
|
|
146
|
-
|
|
147
|
-
|
|
148
|
-
return (react_1.default.createElement(ButtonGroup_1.ButtonGroup, __assign({ className: "".concat(BLOCK_NAME, "-buttonGroup"), size: "medium", direction: "column" }, rest), children));
|
|
117
|
+
const ButtonGroup = ({ children, ...rest }) => {
|
|
118
|
+
return (react_1.default.createElement(ButtonGroup_1.ButtonGroup, { className: `${BLOCK_NAME}-buttonGroup`, size: "medium", direction: "column", ...rest }, children));
|
|
149
119
|
};
|
|
150
120
|
exports.AppealModal = {
|
|
151
|
-
Frame
|
|
152
|
-
StyleOnly
|
|
153
|
-
Title
|
|
154
|
-
Image
|
|
155
|
-
Body
|
|
156
|
-
ButtonGroup
|
|
121
|
+
Frame,
|
|
122
|
+
StyleOnly,
|
|
123
|
+
Title,
|
|
124
|
+
Image,
|
|
125
|
+
Body,
|
|
126
|
+
ButtonGroup,
|
|
157
127
|
};
|
|
158
128
|
//# sourceMappingURL=AppealModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"AppealModal.js","sourceRoot":"","sources":["../../../src/Modal/AppealModal/AppealModal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"AppealModal.js","sourceRoot":"","sources":["../../../src/Modal/AppealModal/AppealModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -9,45 +9,44 @@ const Frame = forwardRef(function AppealModal({ children, className, open, size
|
|
|
9
9
|
const dialogEl = useRef(null);
|
|
10
10
|
const handleFormSubmit = (event) => {
|
|
11
11
|
event.preventDefault(); // To be closed with the open prop
|
|
12
|
-
onClose
|
|
12
|
+
onClose === null || onClose === void 0 ? void 0 : onClose(event);
|
|
13
13
|
};
|
|
14
14
|
const handleDialogClick = (event) => {
|
|
15
15
|
// Detect backdrop click
|
|
16
16
|
if (event.target === dialogEl.current) {
|
|
17
|
-
onClose
|
|
17
|
+
onClose === null || onClose === void 0 ? void 0 : onClose(event);
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
const handleDialogClose = (event) => {
|
|
21
21
|
// Detect escape key type
|
|
22
22
|
if (event.target === dialogEl.current) {
|
|
23
|
-
onClose
|
|
23
|
+
onClose === null || onClose === void 0 ? void 0 : onClose(event);
|
|
24
24
|
}
|
|
25
25
|
};
|
|
26
26
|
useEffect(() => {
|
|
27
|
+
var _a, _b;
|
|
27
28
|
const dialog = dialogEl.current;
|
|
28
29
|
if (!dialog) {
|
|
29
30
|
return;
|
|
30
31
|
}
|
|
31
32
|
if (open) {
|
|
32
|
-
!dialog.open && dialog.showModal
|
|
33
|
+
!dialog.open && ((_a = dialog.showModal) === null || _a === void 0 ? void 0 : _a.call(dialog));
|
|
33
34
|
}
|
|
34
35
|
else {
|
|
35
|
-
dialog
|
|
36
|
+
(_b = dialog === null || dialog === void 0 ? void 0 : dialog.close) === null || _b === void 0 ? void 0 : _b.call(dialog);
|
|
36
37
|
}
|
|
37
38
|
}, [open]);
|
|
38
|
-
return (
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
.trim(), ref: useMergeRefs([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose, ...rest }, React.createElement("form", { className: `${BLOCK_NAME}-frame`, method: "dialog", onSubmit: handleFormSubmit },
|
|
39
|
+
return (React.createElement("dialog", { className: [BLOCK_NAME, `${BLOCK_NAME}--${size}`, className]
|
|
40
|
+
.filter(Boolean)
|
|
41
|
+
.join(' ')
|
|
42
|
+
.trim(), ref: useMergeRefs([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose, ...rest },
|
|
43
|
+
React.createElement("form", { className: `${BLOCK_NAME}-frame`, method: "dialog", onSubmit: handleFormSubmit },
|
|
44
44
|
React.createElement("div", { className: `${BLOCK_NAME}-closeIconButton` },
|
|
45
45
|
React.createElement(IconButton, { "aria-label": "\u3068\u3058\u308B", variant: "neutral" },
|
|
46
46
|
React.createElement(CrossBold, { "aria-hidden": "true" }))),
|
|
47
47
|
children,
|
|
48
48
|
React.createElement("div", { className: `${BLOCK_NAME}-closeTextButton` },
|
|
49
|
-
React.createElement(SubtleButton, null, "\u3068\u3058\u308B")))))
|
|
50
|
-
);
|
|
49
|
+
React.createElement(SubtleButton, null, "\u3068\u3058\u308B")))));
|
|
51
50
|
});
|
|
52
51
|
const StyleOnly = ({ className, children, size = 'large', ...rest }) => {
|
|
53
52
|
return (React.createElement("div", { className: [
|
|
@@ -1,15 +1,4 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var __assign = (this && this.__assign) || function () {
|
|
3
|
-
__assign = Object.assign || function(t) {
|
|
4
|
-
for (var s, i = 1, n = arguments.length; i < n; i++) {
|
|
5
|
-
s = arguments[i];
|
|
6
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
|
|
7
|
-
t[p] = s[p];
|
|
8
|
-
}
|
|
9
|
-
return t;
|
|
10
|
-
};
|
|
11
|
-
return __assign.apply(this, arguments);
|
|
12
|
-
};
|
|
13
2
|
var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
|
|
14
3
|
if (k2 === undefined) k2 = k;
|
|
15
4
|
var desc = Object.getOwnPropertyDescriptor(m, k);
|
|
@@ -43,50 +32,38 @@ var __importStar = (this && this.__importStar) || (function () {
|
|
|
43
32
|
return result;
|
|
44
33
|
};
|
|
45
34
|
})();
|
|
46
|
-
var __rest = (this && this.__rest) || function (s, e) {
|
|
47
|
-
var t = {};
|
|
48
|
-
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
|
|
49
|
-
t[p] = s[p];
|
|
50
|
-
if (s != null && typeof Object.getOwnPropertySymbols === "function")
|
|
51
|
-
for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
|
|
52
|
-
if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
|
|
53
|
-
t[p[i]] = s[p[i]];
|
|
54
|
-
}
|
|
55
|
-
return t;
|
|
56
|
-
};
|
|
57
35
|
var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
58
36
|
return (mod && mod.__esModule) ? mod : { "default": mod };
|
|
59
37
|
};
|
|
60
38
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
61
39
|
exports.SemiModal = void 0;
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
var dialogEl = (0, react_1.useRef)(null);
|
|
40
|
+
const react_1 = __importStar(require("react"));
|
|
41
|
+
const use_callback_ref_1 = require("use-callback-ref");
|
|
42
|
+
const CrossBold_1 = __importDefault(require("../../Icon/CrossBold"));
|
|
43
|
+
const IconButton_1 = require("../../IconButton");
|
|
44
|
+
const BLOCK_NAME = 'spui-SemiModal';
|
|
45
|
+
const Frame = (0, react_1.forwardRef)(function SemiModal({ children, open, size = 'medium', type = 'popup', onClose, ...rest }, ref) {
|
|
46
|
+
const dialogEl = (0, react_1.useRef)(null);
|
|
70
47
|
// 閉じるアイコンを押した時
|
|
71
|
-
|
|
48
|
+
const handleFormSubmit = (event) => {
|
|
72
49
|
event.preventDefault(); // To be closed with the open prop
|
|
73
50
|
onClose === null || onClose === void 0 ? void 0 : onClose(event);
|
|
74
51
|
};
|
|
75
52
|
// backdropを押した時
|
|
76
|
-
|
|
53
|
+
const handleDialogClick = (event) => {
|
|
77
54
|
// Detect backdrop click
|
|
78
55
|
if (event.target === dialogEl.current) {
|
|
79
56
|
onClose === null || onClose === void 0 ? void 0 : onClose(event);
|
|
80
57
|
}
|
|
81
58
|
};
|
|
82
59
|
//EscKeyを押したとき
|
|
83
|
-
|
|
60
|
+
const handleDialogClose = (event) => {
|
|
84
61
|
// Detect escape key type
|
|
85
62
|
if (event.target === dialogEl.current) {
|
|
86
63
|
onClose === null || onClose === void 0 ? void 0 : onClose(event);
|
|
87
64
|
}
|
|
88
65
|
};
|
|
89
|
-
(0, react_1.useEffect)(
|
|
66
|
+
(0, react_1.useEffect)(() => {
|
|
90
67
|
var _a, _b, _c, _d;
|
|
91
68
|
if (!dialogEl.current) {
|
|
92
69
|
return;
|
|
@@ -98,50 +75,43 @@ var Frame = (0, react_1.forwardRef)(function SemiModal(_a, ref) {
|
|
|
98
75
|
(_d = (_c = dialogEl.current) === null || _c === void 0 ? void 0 : _c.close) === null || _d === void 0 ? void 0 : _d.call(_c);
|
|
99
76
|
}
|
|
100
77
|
}, [open]);
|
|
101
|
-
return (
|
|
102
|
-
|
|
103
|
-
react_1.default.createElement("dialog", __assign({ className: BLOCK_NAME, ref: (0, use_callback_ref_1.useMergeRefs)([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose, "data-type": type, "data-size": size }, rest),
|
|
104
|
-
react_1.default.createElement("form", { className: "".concat(BLOCK_NAME, "-frame"), method: "dialog", onSubmit: handleFormSubmit }, children)));
|
|
78
|
+
return (react_1.default.createElement("dialog", { className: BLOCK_NAME, ref: (0, use_callback_ref_1.useMergeRefs)([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose, "data-type": type, "data-size": size, ...rest },
|
|
79
|
+
react_1.default.createElement("form", { className: `${BLOCK_NAME}-frame`, method: "dialog", onSubmit: handleFormSubmit }, children)));
|
|
105
80
|
});
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
return (react_1.default.createElement("header", __assign({ className: "".concat(BLOCK_NAME, "-header") }, rest),
|
|
81
|
+
const Header = ({ children, ...rest }) => {
|
|
82
|
+
return (react_1.default.createElement("header", { className: `${BLOCK_NAME}-header`, ...rest },
|
|
109
83
|
children,
|
|
110
|
-
react_1.default.createElement("div", { className:
|
|
84
|
+
react_1.default.createElement("div", { className: `${BLOCK_NAME}-closeIconButton` },
|
|
111
85
|
react_1.default.createElement(IconButton_1.IconButton, { style: { width: '100%', height: '100%' }, "aria-label": "\u9589\u3058\u308B", variant: "neutral" },
|
|
112
|
-
react_1.default.createElement(CrossBold_1.default, { "aria-hidden": "true", className:
|
|
86
|
+
react_1.default.createElement(CrossBold_1.default, { "aria-hidden": "true", className: `${BLOCK_NAME}-closeIcon` })))));
|
|
113
87
|
};
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
return (react_1.default.createElement("p", __assign({ className: "".concat(BLOCK_NAME, "-headerTitle") }, rest), children));
|
|
88
|
+
const HeaderTitle = ({ children, ...rest }) => {
|
|
89
|
+
return (react_1.default.createElement("p", { className: `${BLOCK_NAME}-headerTitle`, ...rest }, children));
|
|
117
90
|
};
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
return (react_1.default.createElement("div", __assign({ className: "".concat(BLOCK_NAME, "-contents") }, rest), children));
|
|
91
|
+
const Contents = ({ children, ...rest }) => {
|
|
92
|
+
return (react_1.default.createElement("div", { className: `${BLOCK_NAME}-contents`, ...rest }, children));
|
|
121
93
|
};
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
return (react_1.default.createElement("div", __assign({ className: "".concat(BLOCK_NAME, "-footer") }, rest), children));
|
|
94
|
+
const Footer = ({ children, ...rest }) => {
|
|
95
|
+
return (react_1.default.createElement("div", { className: `${BLOCK_NAME}-footer`, ...rest }, children));
|
|
125
96
|
};
|
|
126
|
-
|
|
127
|
-
|
|
128
|
-
return (react_1.default.createElement("div", __assign({ className: [
|
|
97
|
+
const StyleOnly = ({ className, children, size = 'medium', type = 'popup', ...rest }) => {
|
|
98
|
+
return (react_1.default.createElement("div", { className: [
|
|
129
99
|
BLOCK_NAME,
|
|
130
|
-
|
|
131
|
-
|
|
100
|
+
`${BLOCK_NAME}--styleOnly`,
|
|
101
|
+
`${BLOCK_NAME}--${size}`,
|
|
132
102
|
className,
|
|
133
103
|
]
|
|
134
104
|
.filter(Boolean)
|
|
135
105
|
.join(' ')
|
|
136
|
-
.trim()
|
|
137
|
-
react_1.default.createElement("div", { className:
|
|
106
|
+
.trim(), ...rest, "data-type": type, "data-size": size },
|
|
107
|
+
react_1.default.createElement("div", { className: `${BLOCK_NAME}-frame` }, children)));
|
|
138
108
|
};
|
|
139
109
|
exports.SemiModal = {
|
|
140
|
-
Frame
|
|
141
|
-
Header
|
|
142
|
-
HeaderTitle
|
|
143
|
-
Contents
|
|
144
|
-
Footer
|
|
145
|
-
StyleOnly
|
|
110
|
+
Frame,
|
|
111
|
+
Header,
|
|
112
|
+
HeaderTitle,
|
|
113
|
+
Contents,
|
|
114
|
+
Footer,
|
|
115
|
+
StyleOnly,
|
|
146
116
|
};
|
|
147
117
|
//# sourceMappingURL=SemiModal.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SemiModal.js","sourceRoot":"","sources":["../../../src/Modal/SemiModal/SemiModal.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SemiModal.js","sourceRoot":"","sources":["../../../src/Modal/SemiModal/SemiModal.tsx"],"names":[],"mappings":"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"}
|
|
@@ -8,41 +8,36 @@ const Frame = forwardRef(function SemiModal({ children, open, size = 'medium', t
|
|
|
8
8
|
// 閉じるアイコンを押した時
|
|
9
9
|
const handleFormSubmit = (event) => {
|
|
10
10
|
event.preventDefault(); // To be closed with the open prop
|
|
11
|
-
onClose
|
|
11
|
+
onClose === null || onClose === void 0 ? void 0 : onClose(event);
|
|
12
12
|
};
|
|
13
13
|
// backdropを押した時
|
|
14
14
|
const handleDialogClick = (event) => {
|
|
15
15
|
// Detect backdrop click
|
|
16
16
|
if (event.target === dialogEl.current) {
|
|
17
|
-
onClose
|
|
17
|
+
onClose === null || onClose === void 0 ? void 0 : onClose(event);
|
|
18
18
|
}
|
|
19
19
|
};
|
|
20
20
|
//EscKeyを押したとき
|
|
21
21
|
const handleDialogClose = (event) => {
|
|
22
22
|
// Detect escape key type
|
|
23
23
|
if (event.target === dialogEl.current) {
|
|
24
|
-
onClose
|
|
24
|
+
onClose === null || onClose === void 0 ? void 0 : onClose(event);
|
|
25
25
|
}
|
|
26
26
|
};
|
|
27
27
|
useEffect(() => {
|
|
28
|
+
var _a, _b, _c, _d;
|
|
28
29
|
if (!dialogEl.current) {
|
|
29
30
|
return;
|
|
30
31
|
}
|
|
31
32
|
if (open) {
|
|
32
|
-
dialogEl.current
|
|
33
|
+
(_b = (_a = dialogEl.current) === null || _a === void 0 ? void 0 : _a.showModal) === null || _b === void 0 ? void 0 : _b.call(_a);
|
|
33
34
|
}
|
|
34
35
|
else {
|
|
35
|
-
dialogEl.current
|
|
36
|
+
(_d = (_c = dialogEl.current) === null || _c === void 0 ? void 0 : _c.close) === null || _d === void 0 ? void 0 : _d.call(_c);
|
|
36
37
|
}
|
|
37
38
|
}, [open]);
|
|
38
|
-
return (
|
|
39
|
-
|
|
40
|
-
(React.createElement(
|
|
41
|
-
"dialog",
|
|
42
|
-
{ className: BLOCK_NAME, ref: useMergeRefs([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose, "data-type": type, "data-size": size, ...rest },
|
|
43
|
-
React.createElement("form", { className: `${BLOCK_NAME}-frame`, method: "dialog", onSubmit: handleFormSubmit }, children)
|
|
44
|
-
))
|
|
45
|
-
);
|
|
39
|
+
return (React.createElement("dialog", { className: BLOCK_NAME, ref: useMergeRefs([dialogEl, ref]), onClick: handleDialogClick, onClose: handleDialogClose, "data-type": type, "data-size": size, ...rest },
|
|
40
|
+
React.createElement("form", { className: `${BLOCK_NAME}-frame`, method: "dialog", onSubmit: handleFormSubmit }, children)));
|
|
46
41
|
});
|
|
47
42
|
const Header = ({ children, ...rest }) => {
|
|
48
43
|
return (React.createElement("header", { className: `${BLOCK_NAME}-header`, ...rest },
|