@openameba/spindle-ui 3.2.4 → 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 +9 -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/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/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 +1 -1
- package/index.mjs +2 -4
- package/package.json +22 -22
- package/tsconfig.cjs.json +4 -1
- package/tsconfig.esm.json +4 -2
|
@@ -67,8 +67,8 @@ export const useStackInteraction = () => {
|
|
|
67
67
|
};
|
|
68
68
|
stack.push(specifiedItem);
|
|
69
69
|
}
|
|
70
|
-
const shouldUpdate = specifiedItem
|
|
71
|
-
specifiedItem
|
|
70
|
+
const shouldUpdate = (specifiedItem === null || specifiedItem === void 0 ? void 0 : specifiedItem.active) !== active ||
|
|
71
|
+
(specifiedItem === null || specifiedItem === void 0 ? void 0 : specifiedItem.isPreservingInternalActive);
|
|
72
72
|
if (!shouldUpdate) {
|
|
73
73
|
return prev;
|
|
74
74
|
}
|
|
@@ -96,7 +96,7 @@ export const useStackInteraction = () => {
|
|
|
96
96
|
}
|
|
97
97
|
if (next.id !== id &&
|
|
98
98
|
!active &&
|
|
99
|
-
(specifiedItem
|
|
99
|
+
((specifiedItem === null || specifiedItem === void 0 ? void 0 : specifiedItem.order) || 0) <= next.order) {
|
|
100
100
|
next.order = Math.max(next.order - 1, 0);
|
|
101
101
|
}
|
|
102
102
|
if (next.id === id && active) {
|
|
@@ -148,7 +148,7 @@ export const useStackNotificationManager = ({ id, position, }) => {
|
|
|
148
148
|
useEffect(() => {
|
|
149
149
|
setStack((prev) => {
|
|
150
150
|
const stack = prev[position] || [];
|
|
151
|
-
const item = stack
|
|
151
|
+
const item = stack === null || stack === void 0 ? void 0 : stack.find((s) => s.id === id);
|
|
152
152
|
if (item) {
|
|
153
153
|
return prev;
|
|
154
154
|
}
|
|
@@ -168,24 +168,25 @@ export const useStackNotificationManager = ({ id, position, }) => {
|
|
|
168
168
|
});
|
|
169
169
|
return () => {
|
|
170
170
|
setStack((prev) => {
|
|
171
|
+
var _a;
|
|
171
172
|
return {
|
|
172
173
|
...prev,
|
|
173
|
-
[position]: [...(prev[position]
|
|
174
|
+
[position]: [...(((_a = prev[position]) === null || _a === void 0 ? void 0 : _a.filter((s) => s.id !== id)) || [])],
|
|
174
175
|
};
|
|
175
176
|
});
|
|
176
177
|
};
|
|
177
178
|
}, [id, position, setStack]);
|
|
178
|
-
const item = useMemo(() => stack[position]
|
|
179
|
+
const item = useMemo(() => { var _a; return (_a = stack[position]) === null || _a === void 0 ? void 0 : _a.find((s) => s.id === id); }, [stack, id, position]);
|
|
179
180
|
const stackPosition = useMemo(() => {
|
|
180
181
|
const _stackItem = stack[position] || [];
|
|
181
182
|
const stackItem = [..._stackItem];
|
|
182
183
|
return stackItem
|
|
183
184
|
.sort((a, b) => (a.order > b.order ? 1 : -1))
|
|
184
185
|
.reduce((res, v) => (v.active || v.isPreservingInternalActive) &&
|
|
185
|
-
v.order < (item
|
|
186
|
+
v.order < ((item === null || item === void 0 ? void 0 : item.order) || 0)
|
|
186
187
|
? res + v.contentHeight
|
|
187
188
|
: res, 0);
|
|
188
|
-
}, [item
|
|
189
|
+
}, [item === null || item === void 0 ? void 0 : item.order, position, stack]);
|
|
189
190
|
const stackProps = {
|
|
190
191
|
...(item || {}),
|
|
191
192
|
position,
|
|
@@ -221,13 +222,14 @@ export const useRepeatedStackItem = ({ id, position, }) => {
|
|
|
221
222
|
};
|
|
222
223
|
const VERTICAL_GAP = 20;
|
|
223
224
|
export const useStackNotificationComponent = ({ active: stackActive, offset: stackOffset = {}, position = 'topCenter', stackPosition = 0, setContentHeight, displayingTimeout, onHide, }) => {
|
|
225
|
+
var _a, _b, _c, _d;
|
|
224
226
|
const [isShow, setIsShow] = useState(false);
|
|
225
227
|
const offset = {
|
|
226
|
-
top: stackOffset.top
|
|
228
|
+
top: (_a = stackOffset.top) !== null && _a !== void 0 ? _a : 24,
|
|
227
229
|
// If position is top or bottom, then horizontal offset is not needed.
|
|
228
|
-
left: position.endsWith('Left') ? (stackOffset.left
|
|
229
|
-
right: position.endsWith('Right') ? (stackOffset.right
|
|
230
|
-
bottom: stackOffset.bottom
|
|
230
|
+
left: position.endsWith('Left') ? ((_b = stackOffset.left) !== null && _b !== void 0 ? _b : 32) : 0,
|
|
231
|
+
right: position.endsWith('Right') ? ((_c = stackOffset.right) !== null && _c !== void 0 ? _c : 32) : 0,
|
|
232
|
+
bottom: (_d = stackOffset.bottom) !== null && _d !== void 0 ? _d : 24,
|
|
231
233
|
};
|
|
232
234
|
const timeoutID = useRef(null);
|
|
233
235
|
const [clientHeight, setClientHeight] = useState(0);
|
|
@@ -284,7 +286,7 @@ export const useStackNotificationComponent = ({ active: stackActive, offset: sta
|
|
|
284
286
|
}
|
|
285
287
|
}, [active]);
|
|
286
288
|
useEffect(() => {
|
|
287
|
-
setContentHeight
|
|
289
|
+
setContentHeight === null || setContentHeight === void 0 ? void 0 : setContentHeight(clientHeight + VERTICAL_GAP);
|
|
288
290
|
}, [clientHeight, setContentHeight]);
|
|
289
291
|
const positionPrefix = position.startsWith('top')
|
|
290
292
|
? 'top'
|
|
@@ -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,23 +32,11 @@ 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
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
58
36
|
exports.SubtleButton = void 0;
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
exports.SubtleButton = (0, react_1.forwardRef)(function SubtleButton(
|
|
62
|
-
|
|
63
|
-
return (react_1.default.createElement("button", __assign({ className: "".concat(BLOCK_NAME, " ").concat(BLOCK_NAME, "--").concat(size), ref: ref }, rest), children));
|
|
37
|
+
const react_1 = __importStar(require("react"));
|
|
38
|
+
const BLOCK_NAME = 'spui-SubtleButton';
|
|
39
|
+
exports.SubtleButton = (0, react_1.forwardRef)(function SubtleButton({ children, size = 'large', ...rest }, ref) {
|
|
40
|
+
return (react_1.default.createElement("button", { className: `${BLOCK_NAME} ${BLOCK_NAME}--${size}`, ref: ref, ...rest }, children));
|
|
64
41
|
});
|
|
65
42
|
//# sourceMappingURL=SubtleButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SubtleButton.js","sourceRoot":"","sources":["../../src/SubtleButton/SubtleButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"SubtleButton.js","sourceRoot":"","sources":["../../src/SubtleButton/SubtleButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAU1C,MAAM,UAAU,GAAG,mBAAmB,CAAC;AAE1B,QAAA,YAAY,GAAG,IAAA,kBAAU,EACpC,SAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,OAAO,EAAE,GAAG,IAAI,EAAS,EAAE,GAAG;IACrE,OAAO,CACL,0CACE,SAAS,EAAE,GAAG,UAAU,IAAI,UAAU,KAAK,IAAI,EAAE,EACjD,GAAG,EAAE,GAAG,KACJ,IAAI,IAEP,QAAQ,CACF,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/Table/Table.js
CHANGED
|
@@ -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,52 +32,32 @@ 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
|
-
var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
|
|
58
|
-
if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
|
|
59
|
-
if (ar || !(i in from)) {
|
|
60
|
-
if (!ar) ar = Array.prototype.slice.call(from, 0, i);
|
|
61
|
-
ar[i] = from[i];
|
|
62
|
-
}
|
|
63
|
-
}
|
|
64
|
-
return to.concat(ar || Array.prototype.slice.call(from));
|
|
65
|
-
};
|
|
66
35
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
67
36
|
exports.Table = void 0;
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
37
|
+
const react_1 = __importStar(require("react"));
|
|
38
|
+
const BLOCK_NAME = 'spui-Table';
|
|
39
|
+
const getAlignClassName = (align, elementType) => {
|
|
71
40
|
switch (align) {
|
|
72
41
|
case 'left':
|
|
73
|
-
return
|
|
42
|
+
return `${BLOCK_NAME}-${elementType}--alignLeft`;
|
|
74
43
|
case 'center':
|
|
75
|
-
return
|
|
44
|
+
return `${BLOCK_NAME}-${elementType}--alignCenter`;
|
|
76
45
|
case 'right':
|
|
77
|
-
return
|
|
46
|
+
return `${BLOCK_NAME}-${elementType}--alignRight`;
|
|
78
47
|
default:
|
|
79
48
|
return null;
|
|
80
49
|
}
|
|
81
50
|
};
|
|
82
|
-
|
|
51
|
+
const getBorderClassNames = (borderTypes) => {
|
|
83
52
|
return borderTypes
|
|
84
|
-
.map(
|
|
53
|
+
.map((type) => {
|
|
85
54
|
switch (type) {
|
|
86
55
|
case 'horizontal':
|
|
87
|
-
return
|
|
56
|
+
return `${BLOCK_NAME}--horizontal`;
|
|
88
57
|
case 'vertical':
|
|
89
|
-
return
|
|
58
|
+
return `${BLOCK_NAME}--vertical`;
|
|
90
59
|
case 'outlined':
|
|
91
|
-
return
|
|
60
|
+
return `${BLOCK_NAME}--outlined`;
|
|
92
61
|
default:
|
|
93
62
|
return null;
|
|
94
63
|
}
|
|
@@ -96,102 +65,99 @@ var getBorderClassNames = function (borderTypes) {
|
|
|
96
65
|
.filter(Boolean);
|
|
97
66
|
};
|
|
98
67
|
// Main Table component
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
layout === '
|
|
107
|
-
|
|
108
|
-
|
|
68
|
+
const Frame = (0, react_1.forwardRef)(function TableFrame({ borderTypes = [], rounded = false, striped = false, layout = 'auto', children, className, ...rest }, ref) {
|
|
69
|
+
const classes = [
|
|
70
|
+
BLOCK_NAME,
|
|
71
|
+
...getBorderClassNames(borderTypes),
|
|
72
|
+
rounded && `${BLOCK_NAME}--rounded`,
|
|
73
|
+
striped && `${BLOCK_NAME}--striped`,
|
|
74
|
+
layout === 'fixed' && `${BLOCK_NAME}--fixed`,
|
|
75
|
+
layout === 'scrollable' && `${BLOCK_NAME}--scrollable`,
|
|
76
|
+
]
|
|
77
|
+
.filter(Boolean)
|
|
109
78
|
.join(' ')
|
|
110
79
|
.trim();
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
layout === 'scrollable' &&
|
|
80
|
+
const wrapperClasses = [
|
|
81
|
+
`${BLOCK_NAME}-frame`,
|
|
82
|
+
layout === 'scrollable' && `${BLOCK_NAME}-frame--scrollable`,
|
|
114
83
|
className,
|
|
115
84
|
]
|
|
116
85
|
.filter(Boolean)
|
|
117
86
|
.join(' ')
|
|
118
87
|
.trim();
|
|
119
88
|
return (react_1.default.createElement("div", { ref: ref, className: wrapperClasses },
|
|
120
|
-
react_1.default.createElement("table",
|
|
89
|
+
react_1.default.createElement("table", { className: classes, ...rest }, children)));
|
|
121
90
|
});
|
|
122
91
|
// Table.Caption
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
return (react_1.default.createElement("caption", __assign({ ref: ref, className: ["".concat(BLOCK_NAME, "-caption"), className]
|
|
92
|
+
const Caption = (0, react_1.forwardRef)(function TableCaption({ children, className, ...rest }, ref) {
|
|
93
|
+
return (react_1.default.createElement("caption", { ref: ref, className: [`${BLOCK_NAME}-caption`, className]
|
|
126
94
|
.filter(Boolean)
|
|
127
95
|
.join(' ')
|
|
128
|
-
.trim()
|
|
96
|
+
.trim(), ...rest }, children));
|
|
129
97
|
});
|
|
130
98
|
// Table.Header
|
|
131
|
-
|
|
132
|
-
|
|
133
|
-
return (react_1.default.createElement("thead", __assign({ ref: ref, className: ["".concat(BLOCK_NAME, "-header"), className]
|
|
99
|
+
const Header = (0, react_1.forwardRef)(function TableHeader({ children, className, ...rest }, ref) {
|
|
100
|
+
return (react_1.default.createElement("thead", { ref: ref, className: [`${BLOCK_NAME}-header`, className]
|
|
134
101
|
.filter(Boolean)
|
|
135
102
|
.join(' ')
|
|
136
|
-
.trim()
|
|
103
|
+
.trim(), ...rest }, children));
|
|
137
104
|
});
|
|
138
105
|
// Table.Body
|
|
139
|
-
|
|
140
|
-
|
|
141
|
-
return (react_1.default.createElement("tbody", __assign({ ref: ref, className: ["".concat(BLOCK_NAME, "-body"), className].filter(Boolean).join(' ') }, rest), children));
|
|
106
|
+
const Body = (0, react_1.forwardRef)(function TableBody({ children, className, ...rest }, ref) {
|
|
107
|
+
return (react_1.default.createElement("tbody", { ref: ref, className: [`${BLOCK_NAME}-body`, className].filter(Boolean).join(' '), ...rest }, children));
|
|
142
108
|
});
|
|
143
109
|
// Table.Footer
|
|
144
|
-
|
|
145
|
-
|
|
146
|
-
return (react_1.default.createElement("tfoot", __assign({ ref: ref, className: ["".concat(BLOCK_NAME, "-footer"), className]
|
|
110
|
+
const Footer = (0, react_1.forwardRef)(function TableFooter({ children, className, ...rest }, ref) {
|
|
111
|
+
return (react_1.default.createElement("tfoot", { ref: ref, className: [`${BLOCK_NAME}-footer`, className]
|
|
147
112
|
.filter(Boolean)
|
|
148
113
|
.join(' ')
|
|
149
|
-
.trim()
|
|
114
|
+
.trim(), ...rest }, children));
|
|
150
115
|
});
|
|
151
116
|
// Table.Row
|
|
152
|
-
|
|
153
|
-
|
|
154
|
-
return (react_1.default.createElement("tr", __assign({ ref: ref, className: ["".concat(BLOCK_NAME, "-row"), className]
|
|
117
|
+
const Row = (0, react_1.forwardRef)(function TableRow({ children, className, ...rest }, ref) {
|
|
118
|
+
return (react_1.default.createElement("tr", { ref: ref, className: [`${BLOCK_NAME}-row`, className]
|
|
155
119
|
.filter(Boolean)
|
|
156
120
|
.join(' ')
|
|
157
|
-
.trim()
|
|
121
|
+
.trim(), ...rest }, children));
|
|
158
122
|
});
|
|
159
123
|
// Table.Head
|
|
160
|
-
|
|
161
|
-
|
|
162
|
-
|
|
163
|
-
"".concat(BLOCK_NAME, "-head"),
|
|
124
|
+
const Head = (0, react_1.forwardRef)(function TableHead({ children, align, width, minWidth, className, ...rest }, ref) {
|
|
125
|
+
const classes = [
|
|
126
|
+
`${BLOCK_NAME}-head`,
|
|
164
127
|
align && getAlignClassName(align, 'head'),
|
|
165
128
|
className,
|
|
166
129
|
]
|
|
167
130
|
.filter(Boolean)
|
|
168
131
|
.join(' ')
|
|
169
132
|
.trim();
|
|
170
|
-
|
|
171
|
-
?
|
|
172
|
-
|
|
133
|
+
const headStyle = width || minWidth
|
|
134
|
+
? {
|
|
135
|
+
...(width && { width }),
|
|
136
|
+
...(minWidth && { minWidth }),
|
|
137
|
+
}
|
|
138
|
+
: undefined;
|
|
139
|
+
return (react_1.default.createElement("th", { ref: ref, className: classes, style: headStyle, ...rest }, children));
|
|
173
140
|
});
|
|
174
141
|
// Table.Cell
|
|
175
|
-
|
|
176
|
-
|
|
177
|
-
|
|
178
|
-
"".concat(BLOCK_NAME, "-cell"),
|
|
142
|
+
const Cell = (0, react_1.forwardRef)(function TableCell({ children, align, className, ...rest }, ref) {
|
|
143
|
+
const classes = [
|
|
144
|
+
`${BLOCK_NAME}-cell`,
|
|
179
145
|
align && getAlignClassName(align, 'cell'),
|
|
180
146
|
className,
|
|
181
147
|
]
|
|
182
148
|
.filter(Boolean)
|
|
183
149
|
.join(' ')
|
|
184
150
|
.trim();
|
|
185
|
-
return (react_1.default.createElement("td",
|
|
151
|
+
return (react_1.default.createElement("td", { ref: ref, className: classes, ...rest }, children));
|
|
186
152
|
});
|
|
187
153
|
exports.Table = {
|
|
188
|
-
Frame
|
|
189
|
-
Caption
|
|
190
|
-
Header
|
|
191
|
-
Body
|
|
192
|
-
Footer
|
|
193
|
-
Row
|
|
194
|
-
Head
|
|
195
|
-
Cell
|
|
154
|
+
Frame,
|
|
155
|
+
Caption,
|
|
156
|
+
Header,
|
|
157
|
+
Body,
|
|
158
|
+
Footer,
|
|
159
|
+
Row,
|
|
160
|
+
Head,
|
|
161
|
+
Cell,
|
|
196
162
|
};
|
|
197
163
|
//# sourceMappingURL=Table.js.map
|
package/Table/Table.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../src/Table/Table.tsx"],"names":[],"mappings":"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"}
|
package/TextButton/TextButton.js
CHANGED
|
@@ -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,33 +32,21 @@ 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
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
58
36
|
exports.TextButton = void 0;
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
exports.TextButton = (0, react_1.forwardRef)(function TextButton(
|
|
62
|
-
|
|
63
|
-
return (react_1.default.createElement("button", __assign({ className: [
|
|
37
|
+
const react_1 = __importStar(require("react"));
|
|
38
|
+
const BLOCK_NAME = 'spui-TextButton';
|
|
39
|
+
exports.TextButton = (0, react_1.forwardRef)(function TextButton({ children, variant, icon, iconPosition, underline, ...rest }, ref) {
|
|
40
|
+
return (react_1.default.createElement("button", { className: [
|
|
64
41
|
BLOCK_NAME,
|
|
65
|
-
variant &&
|
|
66
|
-
icon &&
|
|
67
|
-
icon && iconPosition &&
|
|
68
|
-
underline &&
|
|
42
|
+
variant && `${BLOCK_NAME}--${variant}`,
|
|
43
|
+
icon && `${BLOCK_NAME}--hasIcon`,
|
|
44
|
+
icon && iconPosition && `${BLOCK_NAME}--icon${iconPosition}`,
|
|
45
|
+
underline && `${BLOCK_NAME}--underline${underline}`,
|
|
69
46
|
]
|
|
70
47
|
.filter(Boolean)
|
|
71
|
-
.join(' '), ref: ref
|
|
72
|
-
react_1.default.createElement("span", { className:
|
|
48
|
+
.join(' '), ref: ref, ...rest }, icon ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
49
|
+
react_1.default.createElement("span", { className: `${BLOCK_NAME}-icon` }, icon),
|
|
73
50
|
children)) : (children)));
|
|
74
51
|
});
|
|
75
52
|
//# sourceMappingURL=TextButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextButton.js","sourceRoot":"","sources":["../../src/TextButton/TextButton.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextButton.js","sourceRoot":"","sources":["../../src/TextButton/TextButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAa1C,MAAM,UAAU,GAAG,iBAAiB,CAAC;AAExB,QAAA,UAAU,GAAG,IAAA,kBAAU,EAClC,SAAS,UAAU,CACjB,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,IAAI,EAAS,EACpE,GAAG;IAEH,OAAO,CACL,0CACE,SAAS,EAAE;YACT,UAAU;YACV,OAAO,IAAI,GAAG,UAAU,KAAK,OAAO,EAAE;YACtC,IAAI,IAAI,GAAG,UAAU,WAAW;YAChC,IAAI,IAAI,YAAY,IAAI,GAAG,UAAU,SAAS,YAAY,EAAE;YAC5D,SAAS,IAAI,GAAG,UAAU,cAAc,SAAS,EAAE;SACpD;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,EACZ,GAAG,EAAE,GAAG,KACJ,IAAI,IAEP,IAAI,CAAC,CAAC,CAAC,CACN;QACE,wCAAM,SAAS,EAAE,GAAG,UAAU,OAAO,IAAG,IAAI,CAAQ;QACnD,QAAQ,CACR,CACJ,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACM,CACV,CAAC;AACJ,CAAC,CACF,CAAC"}
|
package/TextLink/TextLink.js
CHANGED
|
@@ -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,33 +32,21 @@ 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
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
58
36
|
exports.TextLink = void 0;
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
exports.TextLink = (0, react_1.forwardRef)(function TextLink(
|
|
62
|
-
|
|
63
|
-
return (react_1.default.createElement("a", __assign({ className: [
|
|
37
|
+
const react_1 = __importStar(require("react"));
|
|
38
|
+
const BLOCK_NAME = 'spui-TextLink';
|
|
39
|
+
exports.TextLink = (0, react_1.forwardRef)(function TextLink({ children, variant, icon, iconPosition, underline, ...rest }, ref) {
|
|
40
|
+
return (react_1.default.createElement("a", { className: [
|
|
64
41
|
BLOCK_NAME,
|
|
65
|
-
variant &&
|
|
66
|
-
icon &&
|
|
67
|
-
icon && iconPosition &&
|
|
68
|
-
underline &&
|
|
42
|
+
variant && `${BLOCK_NAME}--${variant}`,
|
|
43
|
+
icon && `${BLOCK_NAME}--hasIcon`,
|
|
44
|
+
icon && iconPosition && `${BLOCK_NAME}--icon${iconPosition}`,
|
|
45
|
+
underline && `${BLOCK_NAME}--underline${underline}`,
|
|
69
46
|
]
|
|
70
47
|
.filter(Boolean)
|
|
71
|
-
.join(' '), ref: ref
|
|
72
|
-
react_1.default.createElement("span", { className:
|
|
48
|
+
.join(' '), ref: ref, ...rest }, icon ? (react_1.default.createElement(react_1.default.Fragment, null,
|
|
49
|
+
react_1.default.createElement("span", { className: `${BLOCK_NAME}-icon` }, icon),
|
|
73
50
|
children)) : (children)));
|
|
74
51
|
});
|
|
75
52
|
//# sourceMappingURL=TextLink.js.map
|
package/TextLink/TextLink.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TextLink.js","sourceRoot":"","sources":["../../src/TextLink/TextLink.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"TextLink.js","sourceRoot":"","sources":["../../src/TextLink/TextLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA0C;AAa1C,MAAM,UAAU,GAAG,eAAe,CAAC;AAEtB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA2B,SAAS,QAAQ,CAC5E,EAAE,QAAQ,EAAE,OAAO,EAAE,IAAI,EAAE,YAAY,EAAE,SAAS,EAAE,GAAG,IAAI,EAAS,EACpE,GAAG;IAEH,OAAO,CACL,qCACE,SAAS,EAAE;YACT,UAAU;YACV,OAAO,IAAI,GAAG,UAAU,KAAK,OAAO,EAAE;YACtC,IAAI,IAAI,GAAG,UAAU,WAAW;YAChC,IAAI,IAAI,YAAY,IAAI,GAAG,UAAU,SAAS,YAAY,EAAE;YAC5D,SAAS,IAAI,GAAG,UAAU,cAAc,SAAS,EAAE;SACpD;aACE,MAAM,CAAC,OAAO,CAAC;aACf,IAAI,CAAC,GAAG,CAAC,EACZ,GAAG,EAAE,GAAG,KACJ,IAAI,IAEP,IAAI,CAAC,CAAC,CAAC,CACN;QACE,wCAAM,SAAS,EAAE,GAAG,UAAU,OAAO,IAAG,IAAI,CAAQ;QACnD,QAAQ,CACR,CACJ,CAAC,CAAC,CAAC,CACF,QAAQ,CACT,CACC,CACL,CAAC;AACJ,CAAC,CAAC,CAAC"}
|
package/Toast/Toast.js
CHANGED
|
@@ -4,46 +4,44 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
4
4
|
};
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.Toast = exports.DISPLAYING_TIMEOUT_DURATION = exports.ANIMATION_DURATION = exports.BLOCK_NAME = void 0;
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
7
|
+
const react_1 = __importDefault(require("react"));
|
|
8
|
+
const CrossBold_1 = __importDefault(require("../Icon/CrossBold"));
|
|
9
|
+
const IconButton_1 = require("../IconButton");
|
|
10
|
+
const StackNotificationManager_1 = require("../StackNotificationManager");
|
|
11
11
|
exports.BLOCK_NAME = 'spui-Toast';
|
|
12
12
|
// Duration for css animation.
|
|
13
13
|
exports.ANIMATION_DURATION = 300;
|
|
14
|
-
|
|
14
|
+
const MAX_DURATION = 4000;
|
|
15
15
|
exports.DISPLAYING_TIMEOUT_DURATION = MAX_DURATION - exports.ANIMATION_DURATION;
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
var children = _a.children, _active = _a.active, _c = _a.position, _position = _c === void 0 ? 'topCenter' : _c, _d = _a.offset, _offset = _d === void 0 ? {} : _d, onHide = _a.onHide, icon = _a.icon, _e = _a.variant, variant = _e === void 0 ? 'information' : _e, _f = _a.stackPosition, stackPosition = _f === void 0 ? 0 : _f, setContentHeight = _a.setContentHeight;
|
|
19
|
-
var _g = (0, StackNotificationManager_1.useStackNotificationComponent)({
|
|
16
|
+
const Toast = ({ children, active: _active, position: _position = 'topCenter', offset: _offset = {}, onHide, icon, variant = 'information', stackPosition = 0, setContentHeight, }) => {
|
|
17
|
+
const { isShow, active, shouldAnimation, position, orderOffset, offset, initialHeight, focusEvent: { setIsShowWithTimeout, resetTimeout }, setClientHeight, handleTransitionEnd, handleOnClickCloseButton, } = (0, StackNotificationManager_1.useStackNotificationComponent)({
|
|
20
18
|
active: _active,
|
|
21
19
|
position: _position,
|
|
22
20
|
offset: _offset,
|
|
23
|
-
onHide
|
|
24
|
-
stackPosition
|
|
25
|
-
setContentHeight
|
|
21
|
+
onHide,
|
|
22
|
+
stackPosition,
|
|
23
|
+
setContentHeight,
|
|
26
24
|
displayingTimeout: exports.DISPLAYING_TIMEOUT_DURATION,
|
|
27
|
-
})
|
|
28
|
-
return (react_1.default.createElement("div", { style:
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
25
|
+
});
|
|
26
|
+
return (react_1.default.createElement("div", { style: {
|
|
27
|
+
['--Toast--initial-height']: `${initialHeight[position.vertical]}px`,
|
|
28
|
+
['--Toast--order-offset-top']: `${orderOffset[position.vertical]}px`,
|
|
29
|
+
['--Toast--order-offset-bottom']: `${-orderOffset[position.vertical]}px`,
|
|
30
|
+
['--Toast--offset-top']: `${offset.top}px`,
|
|
31
|
+
['--Toast--offset-bottom']: `${offset.bottom}px`,
|
|
32
|
+
}, className: [
|
|
35
33
|
exports.BLOCK_NAME,
|
|
36
|
-
|
|
37
|
-
shouldAnimation &&
|
|
38
|
-
isShow &&
|
|
39
|
-
!active &&
|
|
34
|
+
`${exports.BLOCK_NAME}--${position.vertical}`,
|
|
35
|
+
shouldAnimation && `${exports.BLOCK_NAME}--slide`,
|
|
36
|
+
isShow && `${exports.BLOCK_NAME}-slide--in`,
|
|
37
|
+
!active && `${exports.BLOCK_NAME}--hidden`,
|
|
40
38
|
]
|
|
41
39
|
.filter(Boolean)
|
|
42
|
-
.join(' '), "aria-hidden": !active, onTransitionEnd: handleTransitionEnd, ref:
|
|
43
|
-
react_1.default.createElement("div", { className:
|
|
44
|
-
icon && react_1.default.createElement("div", { className:
|
|
45
|
-
react_1.default.createElement("span", { className:
|
|
46
|
-
react_1.default.createElement("div", { className:
|
|
40
|
+
.join(' '), "aria-hidden": !active, onTransitionEnd: handleTransitionEnd, ref: (ref) => setClientHeight((ref === null || ref === void 0 ? void 0 : ref.clientHeight) || 0) },
|
|
41
|
+
react_1.default.createElement("div", { className: `${exports.BLOCK_NAME}-content ${exports.BLOCK_NAME}-content--${variant}`, onMouseOver: resetTimeout, onMouseOut: setIsShowWithTimeout, onFocus: resetTimeout, onBlur: setIsShowWithTimeout },
|
|
42
|
+
icon && react_1.default.createElement("div", { className: `${exports.BLOCK_NAME}-contentInfo` }, icon),
|
|
43
|
+
react_1.default.createElement("span", { className: `${exports.BLOCK_NAME}-contentText` }, children),
|
|
44
|
+
react_1.default.createElement("div", { className: `${exports.BLOCK_NAME}-iconButton ${exports.BLOCK_NAME}-iconButton--${variant}`, onTransitionEnd: (e) => e.stopPropagation() },
|
|
47
45
|
react_1.default.createElement(IconButton_1.IconButton, { size: "exSmall", variant: "neutral", onClick: handleOnClickCloseButton },
|
|
48
46
|
react_1.default.createElement(CrossBold_1.default, { "aria-label": "\u9589\u3058\u308B" }))))));
|
|
49
47
|
};
|