@wishket/design-system 1.17.2 → 1.17.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +14 -1
- package/dist/Components/Base/Layouts/FullBleed/FullBleed.js +1 -1
- package/dist/Components/Base/Layouts/FullBleed/FullBleed.utils.js +1 -1
- package/dist/Components/Base/TextWithIcons/TextWithIcons.d.ts +10 -0
- package/dist/Components/Base/TextWithIcons/TextWithIcons.js +2 -0
- package/dist/Components/Base/TextWithIcons/index.d.ts +1 -0
- package/dist/Components/Base/Typography/Typography.d.ts +1 -1
- package/dist/Components/Base/Typography/Typography.js +3 -3
- package/dist/Components/Base/Typography/Typography.types.d.ts +13 -12
- package/dist/Components/DataDisplays/Accordion/Accordion.d.ts +33 -0
- package/dist/Components/DataDisplays/Accordion/Accordion.js +58 -0
- package/dist/Components/DataDisplays/Accordion/index.d.ts +1 -0
- package/dist/Components/DataDisplays/Avatar/Avatar.d.ts +2 -1
- package/dist/Components/DataDisplays/Avatar/Avatar.js +5 -4
- package/dist/Components/DataDisplays/Divider/Divider.d.ts +3 -20
- package/dist/Components/DataDisplays/Divider/Divider.js +10 -6
- package/dist/Components/DataDisplays/Label/Label.js +1 -1
- package/dist/Components/DataDisplays/Li/Li.d.ts +5 -68
- package/dist/Components/DataDisplays/Li/Li.js +7 -7
- package/dist/Components/DataDisplays/ProductIcon/Icons/Achieve.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/Bookmark.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/BubbleStar.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/BubbleStars.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/Building.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/Calendar.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/CardConfirm.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/CardWrite.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/Congrats.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/ContractPen.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/Credit.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/Database.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/Design.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/Discount.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/DocumentCloud.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/DocumentSuccess.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/Email.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/HandShake.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/HandThumb.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/Idea.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/Lock.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/Logout.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/MemoWrite.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/MobileConfirm.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/Package.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/PaperCertify.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/PaperClip.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/PaperClipClock.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/PaperClock.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/PaperConfirm.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/PaperContract.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/PaperHold.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/PaperOverlap.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/PaperPen.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/PaperProject.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/PaperSecurity.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/PersonFreelancer.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/PersonOffice.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/PersonSmile.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/Public.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/Receipt.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/Repair.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/Search.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/SearchConfirm.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/ShieldConfirm.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/ShieldWon.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/Shopping.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/WebDevelopment.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/WebDomain.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/WebPayment.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/WebSecurity.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/WidePaperConfirm.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/WidePaperPayment.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/WidePaperPlan.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/WidePaperStructure.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/Icons/Won.d.ts +1 -1
- package/dist/Components/DataDisplays/ProductIcon/ProductIcon.constants.d.ts +9 -5
- package/dist/Components/DataDisplays/ProductIcon/ProductIcon.js +5 -8
- package/dist/Components/DataDisplays/ProductIcon/ProductIcon.part.types.d.ts +5 -0
- package/dist/Components/DataDisplays/ProductIcon/ProductIcon.types.d.ts +4 -11
- package/dist/Components/DataDisplays/SkillLabel/SkillLabel.parts.js +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeAccountSetting.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeAnswer.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeArrowDown.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeArrowLeft.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeArrowRight.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeArrowUp.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeBell.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeBubble.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeCollection.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeCollectionAdd.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeDelete.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeDrawer.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeFilter.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeHeart.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeHome.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeLike.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeLink.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargePlus.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeQuestion.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeReset.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeScrap.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeSearch.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeSend.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeService.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeShare.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeStar.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeTop.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeUserImageAvatar.d.ts +1 -2
- package/dist/Components/DataDisplays/SystemIcon/Icons/Large/LargeUserImageAvatar.js +4 -4
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumAi.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumAnswer.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumArrowDown.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumArrowLeft.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumArrowRight.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumArrowUp.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumBell.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumBubble.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumCalendar.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumCaution.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumCautionTriangle.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumCheck.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumClip.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumCollection.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumCompass.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumDelete.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumEdit.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumError.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumEye.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumEyeSlash.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumFilter.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumFire.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumGlassesMinus.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumGlassesPlus.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumHashTag.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumHeart.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumHighlight.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumInformation.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumLink.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumList.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumMagic.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumMenuDown.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumMenuUp.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumMinus.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumMoreOptions.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumPersonAdd.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumPin.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumPlus.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumPopular.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumPrivate.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumPublic.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumQuestion.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumQuestionNew.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumRename.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumReply.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumReset.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumScrap.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumSearch.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumSend.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumShare.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumStar.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumSuccess.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumTrash.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumUpload.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Medium/MediumWait.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallArrowDown.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallArrowLeft.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallArrowRight.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallArrowUp.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallBell.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallCamera.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallCat.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallCheck.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallCollection.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallDelete.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallEdit.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallEye.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallHeart.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallIndeterminate.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallInformation.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallLike.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallLink.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallList.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallMoreOptions.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallPlay.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallPlus.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallPrivate.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallPublic.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallRadioDot.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallResizer.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallScrap.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallShare.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallSlash.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallStar.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallStop.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallTrash.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Small/SmallWait.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Social/SocialFacebook.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Social/SocialGoogle.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Social/SocialLinkedIn.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Social/SocialNaver.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Social/SocialX.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Social/WishketBlog.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Social/WishketFacebook.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/Icons/Social/WishketNaverBlog.d.ts +1 -1
- package/dist/Components/DataDisplays/SystemIcon/SystemIcon.constants.d.ts +6 -1
- package/dist/Components/DataDisplays/SystemIcon/SystemIcon.part.types.d.ts +6 -0
- package/dist/Components/DataDisplays/SystemIcon/SystemIcon.types.d.ts +4 -12
- package/dist/Components/DataDisplays/index.d.ts +1 -0
- package/dist/Components/Feedbacks/DialogBox/DialogBox.js +2 -2
- package/dist/Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.d.ts +18 -10
- package/dist/Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js +16 -7
- package/dist/Components/Feedbacks/LoadingIndicator/LoadingIndicator.d.ts +2 -21
- package/dist/Components/Feedbacks/LoadingIndicator/LoadingIndicator.js +9 -6
- package/dist/Components/Feedbacks/LoadingIndicator/LoadingIndicator.types.d.ts +2 -0
- package/dist/Components/Feedbacks/MessageBar/MessageBar.js +5 -5
- package/dist/Components/Feedbacks/MessageBox/MessageBox.js +4 -4
- package/dist/Components/Feedbacks/MessageBox/MessageBox.parts.js +3 -3
- package/dist/Components/Feedbacks/SnackBar/SnackBar.d.ts +1 -1
- package/dist/Components/Feedbacks/SnackBar/SnackBar.js +5 -11
- package/dist/Components/Feedbacks/SnackBar/SnackBar.types.d.ts +1 -0
- package/dist/Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.d.ts +30 -0
- package/dist/Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.js +31 -0
- package/dist/Components/Feedbacks/{PlainTooltip → Tooltip/PlainTooltip}/PlainTooltip.parts.d.ts +1 -1
- package/dist/Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.parts.js +1 -0
- package/dist/Components/Feedbacks/Tooltip/PlainTooltip/index.d.ts +1 -0
- package/dist/Components/Feedbacks/Tooltip/RichTooltip/RichTooltip.d.ts +33 -0
- package/dist/Components/Feedbacks/Tooltip/RichTooltip/RichTooltip.js +32 -0
- package/dist/Components/Feedbacks/Tooltip/RichTooltip/index.d.ts +1 -0
- package/dist/Components/Feedbacks/Tooltip/Tooltip.d.ts +24 -0
- package/dist/Components/Feedbacks/Tooltip/Tooltip.js +25 -0
- package/dist/Components/Feedbacks/Tooltip/Tooltip.types.d.ts +19 -0
- package/dist/Components/Feedbacks/Tooltip/index.d.ts +4 -0
- package/dist/Components/Feedbacks/index.d.ts +1 -2
- package/dist/Components/Inputs/AutoCompleteList/AutoCompleteList.js +4 -4
- package/dist/Components/Inputs/AutoCompleteList/AutoCompleteList.parts.js +4 -4
- package/dist/Components/Inputs/Autocomplete/Autocomplete.js +1 -1
- package/dist/Components/Inputs/Button/Button.d.ts +7 -13
- package/dist/Components/Inputs/Button/Button.js +2 -51
- package/dist/Components/Inputs/Button/Button.types.d.ts +3 -10
- package/dist/Components/Inputs/Calendar/Calendar.js +8 -8
- package/dist/Components/Inputs/Calendar/Calendar.parts.js +7 -7
- package/dist/Components/Inputs/Checkbox/Checkbox.js +5 -5
- package/dist/Components/Inputs/Checkbox/Checkbox.parts.d.ts +1 -1
- package/dist/Components/Inputs/Checkbox/Checkbox.parts.js +2 -4
- package/dist/Components/Inputs/Checkbox/Checkbox.types.d.ts +1 -1
- package/dist/Components/Inputs/CheckboxCard/CheckboxCard.d.ts +2 -2
- package/dist/Components/Inputs/CheckboxCard/CheckboxCard.js +6 -6
- package/dist/Components/Inputs/CheckboxCard/CheckboxCard.parts.js +4 -4
- package/dist/Components/Inputs/CheckboxCard/CheckboxCard.types.d.ts +1 -1
- package/dist/Components/Inputs/CheckboxListItem/CheckboxListItem.d.ts +1 -1
- package/dist/Components/Inputs/CheckboxListItem/CheckboxListItem.js +3 -3
- package/dist/Components/Inputs/ChoiceChip/ChoiceChip.js +6 -6
- package/dist/Components/Inputs/CommentArea/CommentArea.js +9 -9
- package/dist/Components/Inputs/FileUploader/FileUploader.d.ts +45 -0
- package/dist/Components/Inputs/FileUploader/FileUploader.hooks.d.ts +20 -0
- package/dist/Components/Inputs/FileUploader/FileUploader.hooks.js +1 -0
- package/dist/Components/Inputs/FileUploader/FileUploader.js +48 -0
- package/dist/Components/Inputs/FileUploader/FileUploader.parts.d.ts +10 -0
- package/dist/Components/Inputs/FileUploader/FileUploader.parts.js +11 -0
- package/dist/Components/Inputs/FileUploader/FileUploader.types.d.ts +19 -0
- package/dist/Components/Inputs/FileUploader/FileUploader.utils.d.ts +4 -0
- package/dist/Components/Inputs/FileUploader/FileUploader.utils.js +1 -0
- package/dist/Components/Inputs/FileUploader/index.d.ts +2 -0
- package/dist/Components/Inputs/FilterChip/FilterChip.js +4 -4
- package/dist/Components/Inputs/FilterList/FilterList.js +16 -14
- package/dist/Components/Inputs/IconButton/IconButton.d.ts +6 -4
- package/dist/Components/Inputs/IconButton/IconButton.js +7 -8
- package/dist/Components/Inputs/IconButtonDropdown/IconButtonDropdown.js +4 -4
- package/dist/Components/Inputs/Input/Input.js +1 -1
- package/dist/Components/Inputs/Input/LabelInput.d.ts +9 -0
- package/dist/Components/Inputs/Input/{LableInput.js → LabelInput.js} +4 -4
- package/dist/Components/Inputs/Input/PasswordInput.js +4 -4
- package/dist/Components/Inputs/Input/index.d.ts +2 -2
- package/dist/Components/Inputs/InputChip/InputChip.js +3 -3
- package/dist/Components/Inputs/List/List.js +3 -3
- package/dist/Components/Inputs/MultiColumnList/MultiColumnList.parts.js +2 -2
- package/dist/Components/Inputs/Radio/Radio.d.ts +14 -8
- package/dist/Components/Inputs/Radio/Radio.js +20 -14
- package/dist/Components/Inputs/Radio/index.d.ts +1 -1
- package/dist/Components/Inputs/Radio/types.d.ts +8 -0
- package/dist/Components/Inputs/RadioCard/RadioCard.js +6 -6
- package/dist/Components/Inputs/RadioCard/RadioCard.parts.d.ts +3 -3
- package/dist/Components/Inputs/RadioCard/RadioCard.parts.js +4 -4
- package/dist/Components/Inputs/RadioCard/RadioCard.types.d.ts +8 -8
- package/dist/Components/Inputs/RadioGroup/RadioGroup.d.ts +3 -3
- package/dist/Components/Inputs/RadioGroup/RadioGroup.js +2 -2
- package/dist/Components/Inputs/RadioList/RadioList.d.ts +2 -2
- package/dist/Components/Inputs/RadioList/RadioList.js +3 -3
- package/dist/Components/Inputs/RadioList/RadioList.types.d.ts +3 -2
- package/dist/Components/Inputs/RadioList/parts/index.d.ts +0 -1
- package/dist/Components/Inputs/RadioListItem/RadioListItem.d.ts +10 -0
- package/dist/Components/Inputs/RadioListItem/RadioListItem.js +5 -0
- package/dist/Components/Inputs/RadioListItem/index.d.ts +1 -0
- package/dist/Components/Inputs/RangeSlider/RangeSlider.js +2 -2
- package/dist/Components/Inputs/SearchField/SearchField.js +4 -4
- package/dist/Components/Inputs/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/Components/Inputs/SupportTextContainer/SupportTextContainer.d.ts +3 -2
- package/dist/Components/Inputs/SupportTextContainer/SupportTextContainer.js +3 -3
- package/dist/Components/Inputs/TextButton/TextButton.d.ts +5 -2
- package/dist/Components/Inputs/TextButton/TextButton.js +7 -5
- package/dist/Components/Inputs/TextButton/TextButton.types.d.ts +2 -0
- package/dist/Components/Inputs/TextButtonDropdown/TextButtonDropdown.js +4 -4
- package/dist/Components/Inputs/TextButtonDropdown/TextButtonDropdown.parts.js +4 -4
- package/dist/Components/Inputs/TextField/TextField.d.ts +11 -14
- package/dist/Components/Inputs/TextField/TextField.js +10 -12
- package/dist/Components/Inputs/TextFieldContainer/TextFieldContainer.js +1 -1
- package/dist/Components/Inputs/TextFieldDropdown/TextFieldDropdown.js +3 -3
- package/dist/Components/Inputs/TextFieldDropdown/TextFieldDropdown.parts.js +3 -3
- package/dist/Components/Inputs/Textarea/Textarea.js +5 -5
- package/dist/Components/Inputs/index.d.ts +2 -0
- package/dist/Components/Layouts/Card/Card.d.ts +42 -0
- package/dist/Components/Layouts/Card/index.d.ts +1 -0
- package/dist/Components/Layouts/Fieldset/Fieldset.d.ts +38 -0
- package/dist/Components/Layouts/Fieldset/index.d.ts +1 -0
- package/dist/Components/Layouts/index.d.ts +2 -0
- package/dist/Components/Navigations/BoxTab/BoxTab.parts.js +1 -1
- package/dist/Components/Navigations/Drawer/Drawer.d.ts +2 -7
- package/dist/Components/Navigations/Drawer/Drawer.styles.d.ts +1 -1
- package/dist/Components/Navigations/Drawer/Drawer.types.d.ts +7 -0
- package/dist/Components/Navigations/GNBList/GNBList.d.ts +30 -30
- package/dist/Components/Navigations/GNBList/GNBList.js +27 -27
- package/dist/Components/Navigations/GNBList/GNBList.parts.d.ts +114 -20
- package/dist/Components/Navigations/GNBList/GNBList.parts.js +64 -16
- package/dist/Components/Navigations/GNBList/GNBList.types.d.ts +4 -4
- package/dist/Components/Navigations/Menu/Menu.js +3 -3
- package/dist/Components/Navigations/Pagination/Pagination.parts.js +2 -2
- package/dist/Components/Navigations/TableOfContents/TableOfContents.js +1 -1
- package/dist/Components/Navigations/TextLink/TextLink.d.ts +66 -0
- package/dist/Components/Navigations/TextLink/TextLink.js +61 -0
- package/dist/Components/Navigations/TextLink/index.d.ts +1 -0
- package/dist/Components/Navigations/TextTab/TextTab.parts.js +5 -5
- package/dist/Components/Navigations/index.d.ts +1 -0
- package/dist/Components/Wrappers/WithBadge/WithBadge.js +2 -2
- package/dist/Components/Wrappers/WithSnackBar/WithSnackBar.js +3 -3
- package/dist/Components/Wrappers/index.d.ts +0 -1
- package/dist/cjs/Components/Base/Layouts/FullBleed/FullBleed.js +1 -1
- package/dist/cjs/Components/Base/Layouts/FullBleed/FullBleed.utils.js +1 -1
- package/dist/cjs/Components/Base/TextWithIcons/TextWithIcons.js +2 -0
- package/dist/cjs/Components/Base/Typography/Typography.js +3 -3
- package/dist/cjs/Components/DataDisplays/Accordion/Accordion.js +58 -0
- package/dist/cjs/Components/DataDisplays/Avatar/Avatar.js +5 -4
- package/dist/cjs/Components/DataDisplays/Divider/Divider.js +24 -1
- package/dist/cjs/Components/DataDisplays/Label/Label.js +1 -1
- package/dist/cjs/Components/DataDisplays/Li/Li.js +7 -8
- package/dist/cjs/Components/DataDisplays/ProductIcon/ProductIcon.js +2 -8
- package/dist/cjs/Components/DataDisplays/SkillLabel/SkillLabel.parts.js +1 -1
- package/dist/cjs/Components/DataDisplays/SystemIcon/Icons/Large/LargeUserImageAvatar.js +4 -4
- package/dist/cjs/Components/Feedbacks/DialogBox/DialogBox.js +2 -2
- package/dist/cjs/Components/Feedbacks/LoadingIndicator/LoadingIndicator.js +28 -5
- package/dist/cjs/Components/Feedbacks/MessageBar/MessageBar.js +47 -5
- package/dist/cjs/Components/Feedbacks/MessageBox/MessageBox.js +40 -5
- package/dist/cjs/Components/Feedbacks/MessageBox/MessageBox.parts.js +3 -3
- package/dist/cjs/Components/Feedbacks/SnackBar/SnackBar.js +6 -11
- package/dist/cjs/Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.js +31 -0
- package/dist/cjs/Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.parts.js +1 -0
- package/dist/cjs/Components/Feedbacks/Tooltip/RichTooltip/RichTooltip.js +32 -0
- package/dist/cjs/Components/Feedbacks/Tooltip/Tooltip.js +26 -0
- package/dist/cjs/Components/Inputs/AutoCompleteList/AutoCompleteList.js +4 -4
- package/dist/cjs/Components/Inputs/AutoCompleteList/AutoCompleteList.parts.js +4 -4
- package/dist/cjs/Components/Inputs/Autocomplete/Autocomplete.js +1 -1
- package/dist/cjs/Components/Inputs/Button/Button.js +2 -51
- package/dist/cjs/Components/Inputs/Calendar/Calendar.js +7 -7
- package/dist/cjs/Components/Inputs/Calendar/Calendar.parts.js +7 -7
- package/dist/cjs/Components/Inputs/Checkbox/Checkbox.js +4 -4
- package/dist/cjs/Components/Inputs/Checkbox/Checkbox.parts.js +2 -4
- package/dist/cjs/Components/Inputs/CheckboxCard/CheckboxCard.js +4 -4
- package/dist/cjs/Components/Inputs/CheckboxCard/CheckboxCard.parts.js +4 -4
- package/dist/cjs/Components/Inputs/CheckboxListItem/CheckboxListItem.js +3 -3
- package/dist/cjs/Components/Inputs/ChoiceChip/ChoiceChip.js +5 -5
- package/dist/cjs/Components/Inputs/CommentArea/CommentArea.js +9 -9
- package/dist/cjs/Components/Inputs/FileUploader/FileUploader.hooks.js +1 -0
- package/dist/cjs/Components/Inputs/FileUploader/FileUploader.js +6 -0
- package/dist/cjs/Components/Inputs/FileUploader/FileUploader.parts.js +11 -0
- package/dist/cjs/Components/Inputs/FileUploader/FileUploader.utils.js +1 -0
- package/dist/cjs/Components/Inputs/FilterChip/FilterChip.js +5 -4
- package/dist/cjs/Components/Inputs/FilterList/FilterList.js +15 -13
- package/dist/cjs/Components/Inputs/IconButton/IconButton.js +6 -7
- package/dist/cjs/Components/Inputs/IconButtonDropdown/IconButtonDropdown.js +3 -3
- package/dist/cjs/Components/Inputs/Input/Input.js +1 -1
- package/dist/cjs/Components/Inputs/Input/LabelInput.js +4 -0
- package/dist/cjs/Components/Inputs/Input/PasswordInput.js +4 -4
- package/dist/cjs/Components/Inputs/InputChip/InputChip.js +2 -2
- package/dist/cjs/Components/Inputs/List/List.js +4 -4
- package/dist/cjs/Components/Inputs/MultiColumnList/MultiColumnList.parts.js +2 -2
- package/dist/cjs/Components/Inputs/Radio/Radio.js +21 -15
- package/dist/cjs/Components/Inputs/RadioCard/RadioCard.js +4 -4
- package/dist/cjs/Components/Inputs/RadioCard/RadioCard.parts.js +4 -4
- package/dist/cjs/Components/Inputs/RadioGroup/RadioGroup.js +3 -3
- package/dist/cjs/Components/Inputs/RadioList/RadioList.js +3 -3
- package/dist/cjs/Components/Inputs/RadioListItem/RadioListItem.js +5 -0
- package/dist/cjs/Components/Inputs/RangeSlider/RangeSlider.js +5 -5
- package/dist/cjs/Components/Inputs/SearchField/SearchField.js +5 -5
- package/dist/cjs/Components/Inputs/SegmentedControl/SegmentedControl.js +1 -1
- package/dist/cjs/Components/Inputs/SupportTextContainer/SupportTextContainer.js +3 -3
- package/dist/cjs/Components/Inputs/TextButton/TextButton.js +7 -5
- package/dist/cjs/Components/Inputs/TextButtonDropdown/TextButtonDropdown.js +1 -1
- package/dist/cjs/Components/Inputs/TextButtonDropdown/TextButtonDropdown.parts.js +4 -4
- package/dist/cjs/Components/Inputs/TextField/TextField.js +10 -12
- package/dist/cjs/Components/Inputs/TextFieldContainer/TextFieldContainer.js +1 -1
- package/dist/cjs/Components/Inputs/TextFieldDropdown/TextFieldDropdown.js +3 -3
- package/dist/cjs/Components/Inputs/TextFieldDropdown/TextFieldDropdown.parts.js +2 -2
- package/dist/cjs/Components/Inputs/Textarea/Textarea.js +5 -5
- package/dist/cjs/Components/Navigations/BoxTab/BoxTab.parts.js +1 -1
- package/dist/cjs/Components/Navigations/GNBList/GNBList.js +27 -27
- package/dist/cjs/Components/Navigations/GNBList/GNBList.parts.js +40 -16
- package/dist/cjs/Components/Navigations/Menu/Menu.js +2 -2
- package/dist/cjs/Components/Navigations/Pagination/Pagination.parts.js +2 -2
- package/dist/cjs/Components/Navigations/TableOfContents/TableOfContents.js +1 -1
- package/dist/cjs/Components/Navigations/TextLink/TextLink.js +61 -0
- package/dist/cjs/Components/Navigations/TextTab/TextTab.parts.js +5 -5
- package/dist/cjs/Components/Wrappers/WithBadge/WithBadge.js +1 -1
- package/dist/cjs/Components/Wrappers/WithSnackBar/WithSnackBar.js +2 -2
- package/dist/cjs/constants/colors/colors.js +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/config/config.css +215 -0
- package/dist/config/tailwind.config.js +1 -64
- package/dist/config/tailwindcss-grid-areas.js +155 -0
- package/dist/constants/colors/colors.js +1 -1
- package/dist/index.js +1 -1
- package/dist/types/checkbox.types.d.ts +0 -2
- package/dist/types/index.d.ts +0 -1
- package/package.json +32 -16
- package/dist/Components/Feedbacks/PlainTooltip/PlainTooltip.d.ts +0 -44
- package/dist/Components/Feedbacks/PlainTooltip/PlainTooltip.js +0 -37
- package/dist/Components/Feedbacks/PlainTooltip/PlainTooltip.parts.js +0 -1
- package/dist/Components/Feedbacks/PlainTooltip/index.d.ts +0 -2
- package/dist/Components/Feedbacks/RichTooltip/RichTooltip.d.ts +0 -34
- package/dist/Components/Feedbacks/RichTooltip/RichTooltip.js +0 -27
- package/dist/Components/Feedbacks/RichTooltip/index.d.ts +0 -2
- package/dist/Components/Inputs/Button/Button.parts.d.ts +0 -2
- package/dist/Components/Inputs/Button/Button.parts.js +0 -2
- package/dist/Components/Inputs/Input/LableInput.d.ts +0 -9
- package/dist/Components/Inputs/Radio/Radio.types.d.ts +0 -8
- package/dist/Components/Inputs/RadioList/parts/RadioListItem.d.ts +0 -13
- package/dist/Components/Inputs/RadioList/parts/RadioListItem.js +0 -4
- package/dist/Components/Wrappers/WithRichTooltip/WithRichTooltip.d.ts +0 -39
- package/dist/Components/Wrappers/WithRichTooltip/WithRichTooltip.js +0 -32
- package/dist/Components/Wrappers/WithRichTooltip/index.d.ts +0 -1
- package/dist/cjs/Components/Feedbacks/PlainTooltip/PlainTooltip.js +0 -37
- package/dist/cjs/Components/Feedbacks/PlainTooltip/PlainTooltip.parts.js +0 -1
- package/dist/cjs/Components/Feedbacks/RichTooltip/RichTooltip.js +0 -1
- package/dist/cjs/Components/Inputs/Button/Button.parts.js +0 -2
- package/dist/cjs/Components/Inputs/Input/LableInput.js +0 -4
- package/dist/cjs/Components/Inputs/RadioList/parts/RadioListItem.js +0 -4
- package/dist/cjs/Components/Wrappers/WithRichTooltip/WithRichTooltip.js +0 -3
- package/dist/config/tailwind-plugins.js +0 -90
- package/dist/types/radio.types.d.ts +0 -7
- package/dist/types.d.ts +0 -32
|
@@ -1,49 +1,49 @@
|
|
|
1
1
|
"use client";"use strict";var t=require("./GNBList.parts.js");
|
|
2
2
|
/**
|
|
3
3
|
* GNB(Global Navigation Bar) 리스트 컴포넌트
|
|
4
|
+
*
|
|
5
|
+
* @description
|
|
6
|
+
* 드롭다운 형태의 GNB 메뉴 리스트를 제공합니다.
|
|
7
|
+
* - 사용자 정보 포함/미포함 두 가지 형태
|
|
8
|
+
*
|
|
4
9
|
* @module GNBList
|
|
5
|
-
* @property {Component} Root -
|
|
6
|
-
* @property {Component} UserInfo - 사용자 정보
|
|
7
|
-
* @property {Component} List - 메뉴
|
|
8
|
-
* @property {Component} SubList - 서브 메뉴
|
|
9
|
-
* @property {Component} Item - 메뉴 아이템
|
|
10
|
+
* @property {Component} Root - 메뉴 컨테이너
|
|
11
|
+
* @property {Component} UserInfo - 사용자 정보 영역
|
|
12
|
+
* @property {Component} List - 메인 메뉴 그룹
|
|
13
|
+
* @property {Component} SubList - 서브 메뉴 그룹
|
|
14
|
+
* @property {Component} Item - 메뉴 아이템
|
|
10
15
|
*
|
|
11
16
|
* @example
|
|
12
17
|
* // 기본 메뉴 리스트
|
|
13
|
-
* <GNBList.Root
|
|
18
|
+
* <GNBList.Root>
|
|
14
19
|
* <GNBList.List>
|
|
15
|
-
* <GNBList.Item
|
|
16
|
-
* <GNBList.Item
|
|
20
|
+
* <GNBList.Item href="/projects">프로젝트</GNBList.Item>
|
|
21
|
+
* <GNBList.Item href="/request">의뢰하기</GNBList.Item>
|
|
22
|
+
* <GNBList.Item href="/support" hasNew>고객센터</GNBList.Item>
|
|
17
23
|
* </GNBList.List>
|
|
24
|
+
* <GNBList.SubList>
|
|
25
|
+
* <GNBList.Item href="/settings">설정</GNBList.Item>
|
|
26
|
+
* </GNBList.SubList>
|
|
18
27
|
* </GNBList.Root>
|
|
19
28
|
*
|
|
20
29
|
* @example
|
|
21
|
-
* // 사용자
|
|
22
|
-
* <GNBList.Root
|
|
30
|
+
* // 사용자 정보 포함 메뉴
|
|
31
|
+
* <GNBList.Root withUserInfo>
|
|
23
32
|
* <GNBList.UserInfo
|
|
24
|
-
*
|
|
25
|
-
* email="
|
|
33
|
+
* username="홍길동"
|
|
34
|
+
* email="hong@example.com"
|
|
26
35
|
* imgUrl="/profile.jpg"
|
|
36
|
+
* onClick={() => handleProfileEdit()}
|
|
27
37
|
* >
|
|
28
|
-
* <Button>프로필 수정</Button>
|
|
38
|
+
* <Button size="sm">프로필 수정</Button>
|
|
39
|
+
* <Button size="sm" variant="outlined">내 프로젝트</Button>
|
|
29
40
|
* </GNBList.UserInfo>
|
|
30
41
|
* <GNBList.List>
|
|
31
|
-
* <GNBList.Item>계정 설정</GNBList.Item>
|
|
32
|
-
* <GNBList.Item
|
|
42
|
+
* <GNBList.Item href="/account">계정 설정</GNBList.Item>
|
|
43
|
+
* <GNBList.Item href="/notifications" hasNew>알림</GNBList.Item>
|
|
33
44
|
* </GNBList.List>
|
|
34
45
|
* <GNBList.SubList>
|
|
35
|
-
* <GNBList.Item>로그아웃</GNBList.Item>
|
|
46
|
+
* <GNBList.Item href="/logout">로그아웃</GNBList.Item>
|
|
36
47
|
* </GNBList.SubList>
|
|
37
48
|
* </GNBList.Root>
|
|
38
|
-
*
|
|
39
|
-
* @example
|
|
40
|
-
* // 선택 상태가 있는 메뉴 리스트
|
|
41
|
-
* <GNBList.Root type="main">
|
|
42
|
-
* <GNBList.List>
|
|
43
|
-
* <GNBList.Item isSelected>현재 메뉴</GNBList.Item>
|
|
44
|
-
* <GNBList.Item onClick={() => handleNavigation('/other')}>
|
|
45
|
-
* 다른 메뉴
|
|
46
|
-
* </GNBList.Item>
|
|
47
|
-
* </GNBList.List>
|
|
48
|
-
* </GNBList.Root>
|
|
49
49
|
*/const s={Root:t.Root,UserInfo:t.UserInfo,List:t.List,SubList:t.SubList,Item:t.Item};exports.GNBList=s;
|
|
@@ -1,19 +1,43 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),a=require("tailwind-merge"),t=require("next/link"),l=require("../../DataDisplays/Avatar/Avatar.js"),s=require("../../Base/Typography/Typography.js"),i=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var n=require("../../DataDisplays/NewBadge/NewBadge.js"),o=require("../../DataDisplays/Divider/Divider.js");function c(e,r,a){return r in e?Object.defineProperty(e,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[r]=a,e}function u(e){for(var r=1;r<arguments.length;r++){var a=null!=arguments[r]?arguments[r]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(r){c(e,r,a[r])}))}return e}function p(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);r.push.apply(r,a)}return r}(Object(r)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(r,a))})),e}function x(e,r){if(null==e)return{};var a,t,l=function(e,r){if(null==e)return{};var a,t,l={},s=Object.keys(e);for(t=0;t<s.length;t++)a=s[t],r.indexOf(a)>=0||(l[a]=e[a]);return l}
|
|
2
2
|
/**
|
|
3
3
|
* GNB 리스트의 루트 컴포넌트
|
|
4
|
+
*
|
|
5
|
+
* @description
|
|
6
|
+
* GNB 리스트의 컨테이너 역할을 합니다.
|
|
7
|
+
* - withUserInfo prop에 따라 스타일 자동 조정
|
|
8
|
+
*
|
|
4
9
|
* @param {Object} props
|
|
5
|
-
* @param {
|
|
6
|
-
* @param {string} [props.className] -
|
|
7
|
-
* @param {ReactNode} props.children -
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
10
|
+
* @param {boolean} [props.withUserInfo=false] - 사용자 정보 포함 여부
|
|
11
|
+
* @param {string} [props.className] - 추가 CSS 클래스
|
|
12
|
+
* @param {ReactNode} props.children - 메뉴 구성 요소 (UserInfo, List, SubList)
|
|
13
|
+
*
|
|
14
|
+
* @example
|
|
15
|
+
* // 기본 메뉴 리스트
|
|
16
|
+
* <Root>
|
|
17
|
+
* <List>
|
|
18
|
+
* <Item href="/projects">프로젝트</Item>
|
|
19
|
+
* <Item href="/settings">설정</Item>
|
|
20
|
+
* </List>
|
|
21
|
+
* </Root>
|
|
22
|
+
*
|
|
23
|
+
* @example
|
|
24
|
+
* // 사용자 정보 포함 메뉴
|
|
25
|
+
* <Root withUserInfo>
|
|
26
|
+
* <UserInfo username="홍길동" email="hong@example.com" />
|
|
27
|
+
* <List>
|
|
28
|
+
* <Item href="/account">계정 설정</Item>
|
|
29
|
+
* </List>
|
|
30
|
+
* <SubList>
|
|
31
|
+
* <Item href="/logout">로그아웃</Item>
|
|
32
|
+
* </SubList>
|
|
33
|
+
* </Root>
|
|
34
|
+
*/(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(t=0;t<s.length;t++)a=s[t],r.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}require("../../DataDisplays/Accordion/Accordion.js");exports.Item=r=>{var{hasNew:l=!1,children:o,className:c,textClassName:y,href:f}=r,d=x(r,["hasNew","children","className","textClassName","href"]);/*#__PURE__*/
|
|
35
|
+
return e.jsx(i.Box,{as:"li",children:/*#__PURE__*/e.jsxs(t,p(u({href:f,className:a.twMerge("flex w-full cursor-pointer gap-1 px-6 py-2 hover:bg-primary-10",c)},d),{children:[
|
|
36
|
+
/*#__PURE__*/e.jsx(s.Typography,{variant:"body14",className:y,children:o}),l&&/*#__PURE__*/e.jsx(n.NewBadge,{className:"mt-1","aria-label":"새 소식"})]}))})},exports.List=({children:r})=>/*#__PURE__*/e.jsx(i.Box,{as:"ul","aria-label":"메인 메뉴",className:"w-full text-w-gray-900",children:r}),exports.Root=({withUserInfo:t=!1,children:l,className:s})=>{const n=r.Children.map(l,((a,t)=>0===t?a:/*#__PURE__*/e.jsxs(r.Fragment,{children:[
|
|
37
|
+
/*#__PURE__*/e.jsx(o.Divider,{className:"my-2"}),a]}))),c=t?"w-[280px] pb-3 pt-5":"h-auto w-[200px] overflow-hidden py-3";/*#__PURE__*/
|
|
38
|
+
return e.jsx(i.Box,{as:"nav","aria-label":"네비게이션 메뉴",className:a.twMerge("absolute flex flex-col rounded-xl bg-w-white shadow-graymedium",c,s),children:n})},exports.SubList=({children:r})=>/*#__PURE__*/e.jsx(i.Box,{as:"ul","aria-label":"서브 메뉴",className:"w-full text-w-gray-600",children:r}),exports.UserInfo=({imgUrl:r,username:a,email:t,children:n,onClick:o})=>/*#__PURE__*/e.jsxs(i.Box,{role:"region","aria-label":"사용자 정보",className:"flex w-full flex-col gap-4 px-6 pb-4",children:[
|
|
39
|
+
/*#__PURE__*/e.jsxs(i.Box,{className:"flex w-full items-center gap-4",children:[
|
|
40
|
+
/*#__PURE__*/e.jsx(l.Avatar,{size:"lg",isEditable:!0,imgUrl:r,onClick:o}),
|
|
41
|
+
/*#__PURE__*/e.jsxs(i.Box,{className:"flex w-full flex-col gap-0.5",children:[
|
|
42
|
+
/*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:"font-medium text-w-gray-900",children:a}),
|
|
43
|
+
/*#__PURE__*/e.jsx(s.Typography,{variant:"body14",className:"line-clamp-2 break-all text-w-gray-600",children:t})]})]}),n&&/*#__PURE__*/e.jsx(i.Box,{className:"flex w-full flex-col gap-2",children:n})]});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("next/link");require("
|
|
2
|
-
/*#__PURE__*/e.jsx(n.Typography,{"data-testid":"design-system-menu-name",variant:"
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("next/link");require("../../DataDisplays/Avatar/Avatar.js");var s=require("../../DataDisplays/CountBadge/CountBadge.js"),n=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var i=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js"),require("@wishket/yogokit"),require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Input/PasswordInput.js"),require("../../Inputs/Input/LabelInput.js"),require("../../Inputs/Input/InputTypeSelector.js"),require("../../Inputs/Button/Button.js"),require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js");var a=require("../../Inputs/IconButton/IconButton.js");require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),require("../../Inputs/CommentArea/CommentArea.js");var o=require("../../Inputs/IconButtonDropdown/IconButtonDropdown.js");require("../../Inputs/FilterChip/FilterChip.js");exports.Menu=({type:u="main",variant:p="white",name:l,isSelected:c=!1,badgeCount:m,leadingIcon:d,iconButtonName:y,onClick:I,onOptionClick:g,href:j,items:h,selectedItem:q,onItemClick:x})=>{const C=!!(y&&h&&x&&q),w=!!y&&!!g,B=(e,r,s)=>{const n="sub"===e?"pl-12":"",i={white:t.twJoin("hover:bg-w-gray-50",s&&"bg-primary-10 text-primary hover:bg-primary-10"),gray:t.twJoin("hover:bg-w-gray-100",s&&"bg-w-gray-100 hover:bg-w-gray-100")};return t.twMerge("flex w-full cursor-pointer items-center gap-2 rounded-xl px-4 py-3 text-w-gray-900 text-left",n,i[r])},v=/*#__PURE__*/e.jsxs(e.Fragment,{children:[d&&/*#__PURE__*/e.jsx(i.SystemIcon,{testId:"design-system-menu-leading-icon",name:d,className:t.twJoin("white"===p&&c&&"text-primary")}),
|
|
2
|
+
/*#__PURE__*/e.jsx(n.Typography,{"data-testid":"design-system-menu-name",variant:"body16",className:"w-full select-none",children:l}),m&&/*#__PURE__*/e.jsx(s.CountBadge,{variant:((e,t)=>"white"!==e?"white_gray":t?"primary":"gray")(p,c),text:m,className:"relative",showZero:!0}),C&&/*#__PURE__*/e.jsx(o.IconButtonDropdown,{size:"sm",icon:y,items:h,selectedItem:q,onItemClick:x}),w&&/*#__PURE__*/e.jsx(a.IconButton,{size:"sm",className:"shrink-0",onClick:e=>{e.stopPropagation(),g()},children:/*#__PURE__*/e.jsx(i.SystemIcon,{name:y})})]});return j?/*#__PURE__*/e.jsx(r,{href:j,"data-testid":"design-system-menu",className:B(u,p,c),children:v}):/*#__PURE__*/e.jsx("button",{"data-testid":"design-system-menu",className:B(u,p,c),onClick:I,children:v})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("
|
|
2
|
-
return e.jsx("button",s(
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var t=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var n=require("../../DataDisplays/SystemIcon/SystemIcon.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){a(e,r,t[r])}))}return e}function s(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function i(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");exports.LeftArrow=r=>/*#__PURE__*/e.jsx("button",s(o({},r),{"data-testid":"design-system-pagination-left-arrow",children:/*#__PURE__*/e.jsx(n.SystemIcon,{name:"medium_arrow_left",className:"text-w-gray-900"})})),exports.PaginationNumber=n=>{var{value:a,enabled:c}=n,u=i(n,["value","enabled"]);/*#__PURE__*/
|
|
2
|
+
return e.jsx("button",s(o({className:r.twMerge("flex size-10 justify-center rounded-xl p-2 text-w-gray-700",c?"bg-primary-50 text-primary":"hover:bg-w-gray-50")},u),{children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body14",children:a})}))},exports.RightArrow=r=>/*#__PURE__*/e.jsx("button",s(o({},r),{"data-testid":"design-system-pagination-right-arrow",children:/*#__PURE__*/e.jsx(n.SystemIcon,{name:"medium_arrow_right",className:"text-w-gray-900"})}));
|
|
@@ -3,4 +3,4 @@ return e.jsxs(r.Box,{"data-testid":"design-system-table-of-contents",className:t
|
|
|
3
3
|
/*#__PURE__*/e.jsx(r.Box,{"data-testid":"design-system-table-of-contents--gray-bar",className:"absolute left-0 top-0 z-0 my-1.5 h-[calc(100%_-_12px)] w-0.5 bg-w-gray-100"}),n.map((s=>{const{title:n,index:l}=s,i=o==l;/*#__PURE__*/
|
|
4
4
|
return e.jsxs(r.Box,{"data-testid":i?"design-system-table-of-contents--item-selected":"design-system-table-of-contents--item",className:t.twMerge("relative flex h-9 w-full select-none items-center text-w-gray-400",i&&"text-w-gray-600"),onClick:()=>null==u?void 0:u(l),children:[
|
|
5
5
|
/*#__PURE__*/e.jsx("span",{"data-testid":i?"design-system-table-of-contents--bar-selected":"design-system-table-of-contents--bar",className:t.twMerge("absolute -top-[6px] left-0 z-10 h-6 w-0.5 bg-transparent",i&&"bg-primary",i&&(e=>`transition duration-500 ease-out ${"down"===e?"translate-y-1/2":"top-1/2 -translate-y-1/2"}`)(d))}),
|
|
6
|
-
/*#__PURE__*/e.jsx(a.Typography,{variant:"
|
|
6
|
+
/*#__PURE__*/e.jsx(a.Typography,{variant:"body13",className:t.twJoin("cursor-pointer pl-[18px]",i&&"font-medium"),children:n})]},l)}))]})};
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("next/link"),r=require("tailwind-merge"),n=require("../../Base/TextWithIcons/TextWithIcons.js");function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function c(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}
|
|
2
|
+
/**
|
|
3
|
+
* 텍스트 기반의 링크 컴포넌트입니다.
|
|
4
|
+
*
|
|
5
|
+
* @description
|
|
6
|
+
* TextButton과 동일한 스타일을 가지지만 `<a>` 태그 기반으로 페이지 네비게이션을 담당합니다.
|
|
7
|
+
* Next.js의 Link 컴포넌트를 기반으로 하여 클라이언트 사이드 라우팅을 지원합니다.
|
|
8
|
+
*
|
|
9
|
+
* @component
|
|
10
|
+
* @param {Object} props - TextLink 컴포넌트의 props
|
|
11
|
+
* @param {string} props.href - 링크 대상 URL (필수)
|
|
12
|
+
* @param {string} props.text - 표시할 텍스트 (필수)
|
|
13
|
+
* @param {SystemIconName} [props.leadingIcon] - 텍스트 앞에 표시할 아이콘
|
|
14
|
+
* @param {SystemIconName} [props.trailingIcon] - 텍스트 뒤에 표시할 아이콘
|
|
15
|
+
* @param {boolean} [props.isTextSmall=false] - 작은 텍스트 크기 사용 여부
|
|
16
|
+
* @param {boolean} [props.isGray=false] - 텍스트 색상을 회색으로 사용 여부
|
|
17
|
+
* @param {boolean} [props.isUnderline=false] - 텍스트에 밑줄 스타일 적용 여부
|
|
18
|
+
* @param {ComponentProps<typeof Link>} props - Next.js Link 컴포넌트의 모든 props 지원
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* // 기본 사용법
|
|
22
|
+
* <TextLink href="/about" text="소개 페이지로 이동" />
|
|
23
|
+
*
|
|
24
|
+
* @example
|
|
25
|
+
* // 아이콘과 함께 사용
|
|
26
|
+
* <TextLink
|
|
27
|
+
* href="/detail"
|
|
28
|
+
* text="자세히 보기"
|
|
29
|
+
* trailingIcon="medium_arrow_right"
|
|
30
|
+
* />
|
|
31
|
+
*
|
|
32
|
+
* @example
|
|
33
|
+
* // 외부 링크로 사용
|
|
34
|
+
* <TextLink
|
|
35
|
+
* href="https://example.com"
|
|
36
|
+
* text="외부 사이트 방문"
|
|
37
|
+
* target="_blank"
|
|
38
|
+
* rel="noopener noreferrer"
|
|
39
|
+
* />
|
|
40
|
+
*
|
|
41
|
+
* @example
|
|
42
|
+
* // 작은 텍스트 크기로 사용
|
|
43
|
+
* <TextLink
|
|
44
|
+
* href="/help"
|
|
45
|
+
* text="도움말"
|
|
46
|
+
* isTextSmall
|
|
47
|
+
* leadingIcon="small_help"
|
|
48
|
+
* />
|
|
49
|
+
*
|
|
50
|
+
* @example
|
|
51
|
+
* // 프로그래매틱 네비게이션과 함께
|
|
52
|
+
* <TextLink
|
|
53
|
+
* href="/dashboard"
|
|
54
|
+
* text="대시보드"
|
|
55
|
+
* onClick={(e) => {
|
|
56
|
+
* // 추가 로직 실행 가능
|
|
57
|
+
* console.log('대시보드로 이동');
|
|
58
|
+
* }}
|
|
59
|
+
* />
|
|
60
|
+
*/(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}exports.TextLink=l=>{var{href:s,text:a,leadingIcon:u,trailingIcon:f,isTextSmall:O=!1,isGray:b=!1,isUnderline:y=!1}=l,p=c(l,["href","text","leadingIcon","trailingIcon","isTextSmall","isGray","isUnderline"]);/*#__PURE__*/
|
|
61
|
+
return e.jsx(t,o(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){i(e,t,r[t])}))}return e}({href:s,className:r.twMerge("flex min-h-6 w-fit items-center justify-center",O?"gap-x-0.5":"gap-x-1")},p),{children:/*#__PURE__*/e.jsx(n.TextWithIcons,{text:a,leadingIcon:u,trailingIcon:f,isTextSmall:O,isUnderline:y,isGray:b})}))};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),s=require("../../Base/Typography/Typography.js"),
|
|
1
|
+
"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),s=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Avatar/Avatar.js");var n=require("../../DataDisplays/CountBadge/CountBadge.js"),o=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var i=require("../../DataDisplays/Divider/Divider.js");function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function c(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},s=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),s.forEach((function(t){l(e,t,r[t])}))}return e}function u(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}require("../../DataDisplays/Accordion/Accordion.js");const d=/*#__PURE__*/t.createContext({barColor:"bg-w-gray-900",activeTab:0,currentActiveTab:0,isFit:!0,hasPadding:!1,isFull:!1,handleTabClick:e=>{}});
|
|
2
2
|
/**
|
|
3
3
|
* TextTab의 Root 컴포넌트입니다.
|
|
4
4
|
* TextTab의 상태를 관리합니다.
|
|
@@ -21,10 +21,10 @@
|
|
|
21
21
|
* <TextTab.Panel index={0}>첫 번째 패널 내용</TextTab.Panel>
|
|
22
22
|
* <TextTab.Panel index={1}>두 번째 패널 내용</TextTab.Panel>
|
|
23
23
|
* </TextTab.Root>
|
|
24
|
-
*/exports.Panel=({children:r,index:s})=>{const{activeTab:
|
|
24
|
+
*/exports.Panel=({children:r,index:s})=>{const{activeTab:n}=t.useContext(d);return n===s&&/*#__PURE__*/e.jsx(a.Box,{"data-testid":"design-system-textTab--content",children:r})},exports.Root=({children:r,currentActiveTab:s=0,isFit:a=!0,hasPadding:n=!1,isFull:o=!1,barColor:i="bg-w-gray-900",onChange:l})=>{const[c,u]=t.useState(s);return t.useEffect((()=>{s!==c&&u(s);
|
|
25
25
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
26
|
-
}),[s]),/*#__PURE__*/e.jsx(d.Provider,{value:{barColor:i,activeTab:c,currentActiveTab:s,isFit:
|
|
27
|
-
/*#__PURE__*/e.jsx(s.Typography,{variant:"
|
|
28
|
-
/*#__PURE__*/e.jsx(
|
|
26
|
+
}),[s]),/*#__PURE__*/e.jsx(d.Provider,{value:{barColor:i,activeTab:c,currentActiveTab:s,isFit:a,hasPadding:n,handleTabClick:e=>{e!==c&&(null==l||l(e),u(e))},isFull:o},children:r})},exports.Tab=({children:i,index:l,className:f,disabled:x=!1,badgeNumber:b,iconName:y,href:p})=>{const{isFit:m,handleTabClick:g,activeTab:h,isFull:w}=t.useContext(d),j=l===h,v={tabIndex:0,"data-testid":`design-system-textTab--item-${l}`,className:r.twMerge("group flex w-max cursor-pointer items-center rounded-xl hover:font-medium",x&&"cursor-not-allowed",w&&"w-full",f),onClick:()=>{!x&&g(l)}},T=/*#__PURE__*/e.jsxs(a.Box,{className:r.twMerge("relative flex w-full select-none flex-row items-center justify-center gap-2 py-4 font-normal text-w-gray-600 group-hover:text-w-gray-900",!m&&"px-[33.5px]",w&&"w-full px-0",j&&"font-medium text-w-gray-900"),children:[y&&/*#__PURE__*/e.jsx(a.Box,{className:"flex size-4 shrink-0 items-center justify-center",children:/*#__PURE__*/e.jsx(o.SystemIcon,{name:y,className:r.twMerge("size-4 text-w-gray-600 group-hover:text-w-gray-900",j&&"text-w-gray-900")})}),
|
|
27
|
+
/*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:"relative",children:i}),void 0!==b&&/*#__PURE__*/e.jsx(n.CountBadge,{text:b,showZero:!0,className:"relative",variant:"gray"})]});return p?/*#__PURE__*/e.jsx("a",u(c({href:p},v),{children:T})):/*#__PURE__*/e.jsx(a.Box,u(c({},v),{children:T}))},exports.Tabs=({children:s,className:n})=>{const{activeTab:o,hasPadding:l,isFull:c,barColor:u}=t.useContext(d),f=t.useRef([]),x=t.useRef(null),b=t.useRef(null),y=t.Children.toArray(s),[p,m]=t.useState(!1),[g,h]=t.useState(!1),[w,j]=t.useState({x:0,scrollLeft:0});return t.useEffect((()=>{if(!f.current[o]||!x.current)return;const e=f.current[o],t=x.current,r=b.current;if(e&&t&&r){const{offsetLeft:s,offsetWidth:a}=e,{scrollLeft:n,clientWidth:o}=r;t.style.width=`${a}px`,t.style.transform=`translateX(${s}px)`;if(!(n<=s&&n+o>=s+a)){const t=setTimeout((()=>{e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}),0);return()=>clearTimeout(t)}}}),[o]),t.useEffect((()=>{const e=()=>{if(b.current){const e=b.current.scrollWidth>b.current.clientWidth;m(e)}};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),t.useEffect((()=>{if(b.current){const e=b.current.scrollWidth>b.current.clientWidth;m(e)}}),[s]),/*#__PURE__*/e.jsx(a.Box,{ref:b,className:r.twJoin("scrollbar-hide block w-full touch-pan-x items-start overflow-x-scroll",p&&"scrollbar-list",n),"data-testid":"design-system-textTab--container",onMouseDown:e=>{b.current&&(h(!0),j({x:e.pageX,scrollLeft:b.current.scrollLeft}))},onMouseMove:e=>{if(!g||!b.current)return;e.preventDefault();const t=e.pageX-w.x;b.current.scrollLeft=w.scrollLeft-t},onMouseUp:()=>{h(!1)},onMouseLeave:()=>{h(!1)},children:/*#__PURE__*/e.jsxs(a.Box,{className:r.twMerge("relative w-full border-b border-w-gray-200",p&&"w-max",l&&"px-9"),"data-testid":"design-system-textTab--inner-container",children:[
|
|
28
|
+
/*#__PURE__*/e.jsx(a.Box,{className:r.twMerge("inline-flex w-max gap-10",c&&"w-full gap-0"),children:y.map(((t,s)=>/*#__PURE__*/e.jsx(a.Box,{className:r.twMerge(c&&"w-full"),ref:e=>{f.current[s]=e},children:t},s)))}),
|
|
29
29
|
/*#__PURE__*/e.jsx("span",{ref:x,"data-testid":`design-system-textTab--underbar-${o}`,className:r.twJoin("absolute bottom-0 left-0 h-0.5 rounded-t-lg transition-all duration-300 ease-out",u)}),
|
|
30
30
|
/*#__PURE__*/e.jsx(i.Divider,{className:"absolute -bottom-px left-0 h-px"})]})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge"),r=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Avatar/Avatar.js");var t=require("../../DataDisplays/CountBadge/CountBadge.js");require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var s=require("../../DataDisplays/NewBadge/NewBadge.js");require("../../DataDisplays/Accordion/Accordion.js");exports.WithBadge=({text:i,children:o,className:l,variant:n="primary",showZero:u=!1})=>/*#__PURE__*/e.jsxs(r.Box,{className:a.twMerge("relative w-fit",l),"data-testid":"with-badge",children:[o,"new"===n?/*#__PURE__*/e.jsx(s.NewBadge,{className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"}):/*#__PURE__*/e.jsx(t.CountBadge,{text:i,variant:n,showZero:u,className:"absolute right-px top-px -translate-y-1/2 translate-x-1/2 transform"})]});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var r=require("../../Feedbacks/SnackBar/SnackBar.js");require("@wishket/yogokit"),require("react-dom"),require("../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js");exports.WithSnackBar=({children:t,isOpen:i,message:
|
|
2
|
-
/*#__PURE__*/e.jsx(s.Box,{className:"w-full overflow-y-hidden",children:/*#__PURE__*/e.jsx(s.Box,{className:a.twJoin("w-full transform overflow-y-hidden transition-all duration-300 ease-linear",i?"max-h-full translate-y-0":"max-h-0 -translate-y-full"),"data-testid":"design-system-with-message-bar--container",children:/*#__PURE__*/e.jsx(s.Box,{className:"pt-8",children:/*#__PURE__*/e.jsx(r.SnackBar,{message:
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Avatar/Avatar.js"),require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var r=require("../../Feedbacks/SnackBar/SnackBar.js");require("../../Inputs/Button/Button.js"),require("@wishket/yogokit"),require("react-dom"),require("../../Feedbacks/Tooltip/Tooltip.js"),require("../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js");exports.WithSnackBar=({children:t,isOpen:i,message:o,type:l,onClose:n})=>/*#__PURE__*/e.jsxs(s.Box,{"data-testid":"design-system-with-message-bar",children:[
|
|
2
|
+
/*#__PURE__*/e.jsx(s.Box,{className:"w-full overflow-y-hidden",children:/*#__PURE__*/e.jsx(s.Box,{className:a.twJoin("w-full transform overflow-y-hidden transition-all duration-300 ease-linear",i?"max-h-full translate-y-0":"max-h-0 -translate-y-full"),"data-testid":"design-system-with-message-bar--container",children:/*#__PURE__*/e.jsx(s.Box,{className:"pt-8",children:/*#__PURE__*/e.jsx(r.SnackBar,{message:o,type:l,onClose:n})})})}),t]});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";function F(F,E,e){return E in F?Object.defineProperty(F,E,{value:e,enumerable:!0,configurable:!0,writable:!0}):F[E]=e,F}function E(E){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},D=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(D=D.concat(Object.getOwnPropertySymbols(r).filter((function(F){return Object.getOwnPropertyDescriptor(r,F).enumerable})))),D.forEach((function(e){F(E,e,r[e])}))}return E}const e={DEFAULT:"#3BA3C7",10:"#F2FCFF",50:"#E8FAFF",100:"#BFEDFA",200:"#ABE3F2",300:"#80C7DE",400:"#5DB6D4",500:"#3BA3C7",600:"#369CC2",700:"#3391BA",800:"#308AB3",900:"#2E82AB"},r={DEFAULT:"#2E6BAA",10:"#F5F9FF",50:"#E3EDFA",100:"#CCDBED",200:"#A6BFDE",300:"#7DA3CC",400:"#5487BA",500:"#2E6BAA",600:"#26619E",700:"#1F578C",800:"#1A4D80",900:"#144570"},D={DEFAULT:"#6B16EE",10:"#FAF6FF",50:"#F2E8FC",100:"#D6C1FA",200:"#BB98F7",300:"#9E6BF5",400:"#8646F2",500:"#6B16EE",600:"#5A00DB",700:"#400EC0",800:"#3200AC",900:"#110394"},
|
|
1
|
+
"use strict";function F(F,E,e){return E in F?Object.defineProperty(F,E,{value:e,enumerable:!0,configurable:!0,writable:!0}):F[E]=e,F}function E(E){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},D=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(D=D.concat(Object.getOwnPropertySymbols(r).filter((function(F){return Object.getOwnPropertyDescriptor(r,F).enumerable})))),D.forEach((function(e){F(E,e,r[e])}))}return E}const e={DEFAULT:"#3BA3C7",10:"#F2FCFF",50:"#E8FAFF",100:"#BFEDFA",200:"#ABE3F2",300:"#80C7DE",400:"#5DB6D4",500:"#3BA3C7",600:"#369CC2",700:"#3391BA",800:"#308AB3",900:"#2E82AB"},r={DEFAULT:"#2E6BAA",10:"#F5F9FF",50:"#E3EDFA",100:"#CCDBED",200:"#A6BFDE",300:"#7DA3CC",400:"#5487BA",500:"#2E6BAA",600:"#26619E",700:"#1F578C",800:"#1A4D80",900:"#144570"},D={DEFAULT:"#6B16EE",10:"#FAF6FF",50:"#F2E8FC",100:"#D6C1FA",200:"#BB98F7",300:"#9E6BF5",400:"#8646F2",500:"#6B16EE",600:"#5A00DB",700:"#400EC0",800:"#3200AC",900:"#110394"},t=E({},e),A=E({},r),B=E({},D);exports.w_bluegray={DEFAULT:"#383D47",10:"#F7FAFC",50:"#E6EBF0",100:"#CCD1D6",200:"#A1A6AD",300:"#787D85",400:"#4D525C",500:"#383D47",600:"#242933",700:"#1C2029",800:"#14171F",900:"#0D0F14"},exports.w_cyan=e,exports.w_gray={DEFAULT:"#757575",10:"#F7F7F7",50:"#F5F5F5",100:"#EEEEEE",200:"#E0E0E0",300:"#BDBDBD",400:"#9E9E9E",500:"#757575",600:"#616161",700:"#424242",800:"#313131",900:"#212121"},exports.w_green={DEFAULT:"#00A878",10:"#F5FFFC",50:"#EBFFF9",100:"#C4EDE1",200:"#93DBC6",300:"#63C9AB",400:"#30B891",500:"#00A878",600:"#009C6F",700:"#009168",800:"#008761",900:"#007D59"},exports.w_indigo=r,exports.w_orange={DEFAULT:"#FF6B21",10:"#FFF9F5",50:"#FFF0E8",100:"#FFD6BF",200:"#FFBB99",300:"#FFA070",400:"#FF8547",500:"#FF6B21",600:"#F4611D",700:"#E65918",800:"#DB5314",900:"#D14B0F"},exports.w_primary=t,exports.w_red={DEFAULT:"#E52929",10:"#FFF5F5",50:"#FFE8E8",100:"#FFC9C9",200:"#ED9191",300:"#ED6666",400:"#EB3F3F",500:"#E52929",600:"#DB2121",700:"#D11519",800:"#C70006",900:"#BF0006"},exports.w_secondary=A,exports.w_violet=D,exports.w_yellow={DEFAULT:"#FFC61C",10:"#FFFDF5",50:"#FFF9E0",100:"#FFEEB8",200:"#FFE491",300:"#FFDA6A",400:"#FFD043",500:"#FFC61C",600:"#FFB012",700:"#F79E0F",800:"#F79205",900:"#F28A05"},exports.y_primary=B;
|
package/dist/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("./Components/DataDisplays/Avatar/Avatar.js"),o=require("./Components/DataDisplays/CountBadge/CountBadge.js"),t=require("./Components/DataDisplays/ImageLabel/ImageLabel.js"),s=require("./Components/DataDisplays/Label/Label.js"),r=require("./Components/DataDisplays/NewBadge/NewBadge.js"),n=require("./Components/DataDisplays/ProductIcon/ProductIcon.js"),i=require("./Components/DataDisplays/ServiceLogo/ServiceLogo.js"),a=require("./Components/DataDisplays/SkillLabel/SkillLabel.js"),p=require("./Components/DataDisplays/SystemIcon/SystemIcon.js"),u=require("./Components/DataDisplays/SystemIcon/SystemIcon.constants.js"),l=require("./Components/DataDisplays/Divider/Divider.js"),C=require("./Components/DataDisplays/ProgressIndicator/ProgressIndicator.js"),m=require("./Components/DataDisplays/Li/Li.js"),x=require("./Components/Feedbacks/MessageBox/MessageBox.js"),
|
|
1
|
+
"use strict";var e=require("./Components/DataDisplays/Avatar/Avatar.js"),o=require("./Components/DataDisplays/CountBadge/CountBadge.js"),t=require("./Components/DataDisplays/ImageLabel/ImageLabel.js"),s=require("./Components/DataDisplays/Label/Label.js"),r=require("./Components/DataDisplays/NewBadge/NewBadge.js"),n=require("./Components/DataDisplays/ProductIcon/ProductIcon.js"),i=require("./Components/DataDisplays/ServiceLogo/ServiceLogo.js"),a=require("./Components/DataDisplays/SkillLabel/SkillLabel.js"),p=require("./Components/DataDisplays/SystemIcon/SystemIcon.js"),u=require("./Components/DataDisplays/SystemIcon/SystemIcon.constants.js"),l=require("./Components/DataDisplays/Divider/Divider.js"),C=require("./Components/DataDisplays/ProgressIndicator/ProgressIndicator.js"),m=require("./Components/DataDisplays/Li/Li.js"),x=require("./Components/DataDisplays/Accordion/Accordion.js"),d=require("./Components/Feedbacks/MessageBox/MessageBox.js"),c=require("./Components/Feedbacks/SnackBar/SnackBar.js"),I=require("./Components/Feedbacks/SnackBar/SnackBar.types.js"),B=require("./Components/Feedbacks/MessageBar/MessageBar.js"),j=require("./Components/Feedbacks/Dialog/Dialog.js"),q=require("./Components/Feedbacks/DialogBox/DialogBox.js"),L=require("./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js"),g=require("./Components/Feedbacks/Tooltip/Tooltip.js"),T=require("./Components/Feedbacks/Tooltip/RichTooltip/RichTooltip.js"),D=require("./Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.js"),S=require("./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),b=require("./Components/Inputs/Autocomplete/Autocomplete.js"),h=require("./Components/Inputs/Button/Button.js"),k=require("./Components/Inputs/Calendar/Calendar.js"),y=require("./Components/Inputs/Checkbox/Checkbox.js"),F=require("./Components/Inputs/CheckboxCard/CheckboxCard.js"),M=require("./Components/Inputs/CheckboxList/CheckboxList.js"),w=require("./Components/Inputs/CheckboxListItem/CheckboxListItem.js"),R=require("./Components/Inputs/ChoiceChip/ChoiceChip.js"),N=require("./Components/Inputs/IconButton/IconButton.js"),P=require("./Components/Inputs/InputChip/InputChip.js"),A=require("./Components/Inputs/RangeSlider/RangeSlider.js"),v=require("./Components/Inputs/Radio/Radio.js"),G=require("./Components/Inputs/RadioCard/RadioCard.js"),f=require("./Components/Inputs/RadioList/RadioList.js"),U=require("./Components/Inputs/RadioGroup/RadioGroup.js"),W=require("./Components/Inputs/RadioListItem/RadioListItem.js"),O=require("./Components/Inputs/SearchField/SearchField.js"),z=require("./Components/Inputs/SegmentedControl/SegmentedControl.js"),E=require("./Components/Inputs/Switch/Switch.js"),H=require("./Components/Inputs/Textarea/Textarea.js"),J=require("./Components/Inputs/TextButton/TextButton.js"),K=require("./Components/Inputs/TextField/TextField.js"),Q=require("./Components/Inputs/List/List.js"),V=require("./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js"),X=require("./Components/Inputs/CommentArea/CommentArea.js"),Y=require("./Components/Inputs/IconButtonDropdown/IconButtonDropdown.js"),Z=require("./Components/Inputs/MultiColumnList/MultiColumnList.js"),$=require("./Components/Inputs/FilterChip/FilterChip.js"),_=require("./Components/Inputs/TextButtonDropdown/TextButtonDropdown.js"),ee=require("./Components/Inputs/AutoCompleteList/AutoCompleteList.js"),oe=require("./Components/Inputs/FilterList/FilterList.js"),te=require("./Components/Inputs/Input/Input.js"),se=require("./Components/Inputs/Input/PasswordInput.js"),re=require("./Components/Inputs/Input/LabelInput.js"),ne=require("./Components/Inputs/Input/InputTypeSelector.js"),ie=require("./Components/Inputs/SupportTextContainer/SupportTextContainer.js"),ae=require("./Components/Inputs/TextFieldContainer/TextFieldContainer.js"),pe=require("./Components/Inputs/FileUploader/FileUploader.js"),ue=require("./Components/Base/Typography/Typography.js"),le=require("./Components/Base/Layouts/Box/Box.js"),Ce=require("./Components/Base/Layouts/GridLayout/GridLayout.js"),me=require("./Components/Base/Layouts/Column/Column.js"),xe=require("./Components/Base/Layouts/FullBleed/FullBleed.js"),de=require("./Components/Navigations/Drawer/Drawer.js"),ce=require("./Components/Navigations/GNBList/GNBList.js"),Ie=require("./Components/Navigations/Pagination/Pagination.parts.js"),Be=require("./Components/Navigations/Pagination/Pagination.js"),je=require("./Components/Navigations/TableOfContents/TableOfContents.js"),qe=require("./Components/Navigations/TextTab/TextTab.js"),Le=require("./Components/Navigations/BoxTab/BoxTab.js"),ge=require("./Components/Navigations/Menu/Menu.js"),Te=require("./Components/Navigations/TextLink/TextLink.js"),De=require("./Components/Utils/BackDrop/BackDrop.js"),Se=require("./Components/Utils/BackDropLiftContainer/BackDropLiftContainer.js"),be=require("./Components/Utils/BottomModalContainer/BottomModalContainer.js"),he=require("./Components/Utils/FullModalContainer/FullModalContainer.js"),ke=require("./Components/Utils/Modal/Modal.js"),ye=require("./Components/Utils/ModalContainer/ModalContainer.js"),Fe=require("./Components/Utils/Portal/Portal.js"),Me=require("./Components/Wrappers/WithBadge/WithBadge.js"),we=require("./Components/Wrappers/WithSnackBar/WithSnackBar.js");exports.Avatar=e.Avatar,exports.CountBadge=o.CountBadge,exports.ImageLabel=t.ImageLabel,exports.Label=s.Label,exports.NewBadge=r.NewBadge,exports.ProductIcon=n.ProductIcon,exports.ServiceLogo=i.ServiceLogo,exports.SkillLabel=a.SkillLabel,exports.SystemIcon=p.SystemIcon,exports.LargeSystemIconNames=u.LargeSystemIconNames,exports.MediumSystemIconNames=u.MediumSystemIconNames,exports.SmallSystemIconNames=u.SmallSystemIconNames,exports.SocialSystemIconNames=u.SocialSystemIconNames,exports.SystemIconNames=u.SystemIconNames,exports.Divider=l.Divider,exports.ProgressIndicator=C.ProgressIndicator,exports.Li=m.default,exports.Accordion=x.Accordion,exports.MessageBox=d.MessageBox,exports.SnackBar=c.SnackBar,exports.messageType=I.messageType,exports.MessageBar=B.MessageBar,exports.Dialog=j.Dialog,exports.DialogBox=q.DialogBox,exports.LoadingIndicator=L.LoadingIndicator,exports.Tooltip=g.Tooltip,exports.RichTooltip=T.RichTooltip,exports.PlainTooltip=D.PlainTooltip,exports.GlobalLoadingIndicator=S.GlobalLoadingIndicator,exports.Autocomplete=b.Autocomplete,exports.Button=h.Button,exports.Calendar=k.Calendar,exports.Checkbox=y.Checkbox,exports.CheckboxCard=F.CheckboxCard,exports.CheckboxList=M.CheckboxList,exports.CheckboxListItem=w.CheckboxListItem,exports.ChoiceChip=R.ChoiceChip,exports.IconButton=N.IconButton,exports.InputChip=P.InputChip,exports.RangeSlider=A.RangeSlider,exports.Radio=v.Radio,exports.RadioCard=G.RadioCard,exports.RadioList=f.RadioList,exports.RadioGroup=U.RadioGroup,exports.RadioListItem=W.RadioListItem,exports.SearchField=O.SearchField,exports.SegmentedControl=z.SegmentedControl,exports.Switch=E.Switch,exports.Textarea=H.Textarea,exports.TextButton=J.TextButton,exports.TextField=K.TextField,exports.List=Q.List,exports.TextFieldDropdown=V.TextFieldDropdown,exports.CommentArea=X.CommentArea,exports.IconButtonDropdown=Y.IconButtonDropdown,exports.MultiColumnList=Z.MultiColumnList,exports.FilterChip=$.FilterChip,exports.TextButtonDropdown=_.TextButtonDropdown,exports.AutoCompleteList=ee.AutoCompleteList,exports.FilterList=oe.FilterList,exports.Input=te.Input,exports.PasswordInput=se.PasswordInput,exports.LabelInput=re.LabelInput,exports.InputTypeSelector=ne.InputTypeSelector,exports.SupportTextContainer=ie.SupportTextContainer,exports.TextFieldContainer=ae.TextFieldContainer,exports.FileUploader=pe.FileUploader,exports.Typography=ue.Typography,exports.Box=le.Box,exports.GridLayout=Ce.GridLayout,exports.Column=me.Column,exports.FullBleed=xe.FullBleed,exports.Drawer=de.Drawer,exports.GNBList=ce.GNBList,exports.LeftArrow=Ie.LeftArrow,exports.PaginationNumber=Ie.PaginationNumber,exports.RightArrow=Ie.RightArrow,exports.Pagination=Be.Pagination,exports.TableOfContents=je.TableOfContents,exports.TextTab=qe.TextTab,exports.BoxTab=Le.BoxTab,exports.Menu=ge.Menu,exports.TextLink=Te.TextLink,exports.BackDrop=De.BackDrop,exports.BackDropLiftContainer=Se.BackDropLiftContainer,exports.BottomModalContainer=be.BottomModalContainer,exports.FullModalContainer=he.FullModalContainer,exports.Modal=ke.Modal,exports.ModalContainer=ye.ModalContainer,exports.Portal=Fe.Portal,exports.WithBadge=Me.WithBadge,exports.WithSnackBar=we.WithSnackBar;
|
|
@@ -0,0 +1,215 @@
|
|
|
1
|
+
@import "tailwindcss";
|
|
2
|
+
|
|
3
|
+
@plugin "tailwind-scrollbar-hide";
|
|
4
|
+
@plugin "./tailwindcss-grid-areas.js";
|
|
5
|
+
|
|
6
|
+
@utility scrollbar-hide {
|
|
7
|
+
/* Firefox */
|
|
8
|
+
scrollbar-width: none;
|
|
9
|
+
|
|
10
|
+
/* Safari and Chrome */
|
|
11
|
+
&::-webkit-scrollbar {
|
|
12
|
+
display: none;
|
|
13
|
+
}
|
|
14
|
+
|
|
15
|
+
/* IE and Edge */
|
|
16
|
+
& {
|
|
17
|
+
-ms-overflow-style: none;
|
|
18
|
+
}
|
|
19
|
+
}
|
|
20
|
+
|
|
21
|
+
@utility scrollbar-default {
|
|
22
|
+
/* Firefox */
|
|
23
|
+
scrollbar-width: auto;
|
|
24
|
+
|
|
25
|
+
/* Safari and Chrome */
|
|
26
|
+
&::-webkit-scrollbar {
|
|
27
|
+
display: block;
|
|
28
|
+
}
|
|
29
|
+
|
|
30
|
+
/* IE and Edge */
|
|
31
|
+
& {
|
|
32
|
+
-ms-overflow-style: auto;
|
|
33
|
+
}
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
@utility scrollbar-list {
|
|
37
|
+
&::-webkit-scrollbar {
|
|
38
|
+
width: 18px;
|
|
39
|
+
height: 18px;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
&::-webkit-scrollbar-track {
|
|
43
|
+
background: transparent;
|
|
44
|
+
border-radius: 12px;
|
|
45
|
+
}
|
|
46
|
+
|
|
47
|
+
&::-webkit-scrollbar-thumb {
|
|
48
|
+
width: 6px;
|
|
49
|
+
background-color: rgba(0, 0, 0, 0.2);
|
|
50
|
+
border-radius: 20px;
|
|
51
|
+
border: 6px solid transparent;
|
|
52
|
+
background-clip: padding-box;
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
@utility typo-title48 {
|
|
57
|
+
font-size: 48px;
|
|
58
|
+
line-height: 64px;
|
|
59
|
+
letter-spacing: 0.48px;
|
|
60
|
+
}
|
|
61
|
+
|
|
62
|
+
@utility typo-title32 {
|
|
63
|
+
font-size: 32px;
|
|
64
|
+
line-height: 48px;
|
|
65
|
+
letter-spacing: 0.48px;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
@utility typo-title28 {
|
|
69
|
+
font-size: 28px;
|
|
70
|
+
line-height: 42px;
|
|
71
|
+
letter-spacing: 0.48px;
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
@utility typo-title24 {
|
|
75
|
+
font-size: 24px;
|
|
76
|
+
line-height: 36px;
|
|
77
|
+
letter-spacing: 0.48px;
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
@utility typo-subTitle20 {
|
|
81
|
+
font-size: 20px;
|
|
82
|
+
line-height: 30px;
|
|
83
|
+
letter-spacing: 0.48px;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
@utility typo-subTitle18 {
|
|
87
|
+
font-size: 18px;
|
|
88
|
+
line-height: 28px;
|
|
89
|
+
letter-spacing: 0.48px;
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
@utility typo-contents18 {
|
|
93
|
+
font-size: 18px;
|
|
94
|
+
line-height: 32px;
|
|
95
|
+
letter-spacing: 0.48px;
|
|
96
|
+
}
|
|
97
|
+
|
|
98
|
+
@utility typo-contents16 {
|
|
99
|
+
font-size: 16px;
|
|
100
|
+
line-height: 30px;
|
|
101
|
+
letter-spacing: 0.48px;
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
@utility typo-body16 {
|
|
105
|
+
font-size: 16px;
|
|
106
|
+
line-height: 26px;
|
|
107
|
+
letter-spacing: 0.48px;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
@utility typo-body14 {
|
|
111
|
+
font-size: 14px;
|
|
112
|
+
line-height: 24px;
|
|
113
|
+
letter-spacing: 0.48px;
|
|
114
|
+
}
|
|
115
|
+
|
|
116
|
+
@utility typo-body13 {
|
|
117
|
+
font-size: 13px;
|
|
118
|
+
line-height: 20px;
|
|
119
|
+
letter-spacing: 0.48px;
|
|
120
|
+
}
|
|
121
|
+
|
|
122
|
+
@utility typo-caption12 {
|
|
123
|
+
font-size: 12px;
|
|
124
|
+
line-height: 18px;
|
|
125
|
+
letter-spacing: 0.48px;
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
@utility typo-caption11 {
|
|
129
|
+
font-size: 11px;
|
|
130
|
+
line-height: 14px;
|
|
131
|
+
letter-spacing: 0.48px;
|
|
132
|
+
}
|
|
133
|
+
|
|
134
|
+
@utility tracking-default {
|
|
135
|
+
letter-spacing: 0.48px;
|
|
136
|
+
}
|
|
137
|
+
|
|
138
|
+
|
|
139
|
+
@layer base {
|
|
140
|
+
::-webkit-resizer {
|
|
141
|
+
display: none;
|
|
142
|
+
}
|
|
143
|
+
}
|
|
144
|
+
|
|
145
|
+
@variant hover {
|
|
146
|
+
@media (hover: hover) and (pointer: fine) {
|
|
147
|
+
&:hover {
|
|
148
|
+
@slot;
|
|
149
|
+
}
|
|
150
|
+
}
|
|
151
|
+
}
|
|
152
|
+
|
|
153
|
+
@variant group-hover {
|
|
154
|
+
@media (hover: hover) and (pointer: fine) {
|
|
155
|
+
.group:hover & {
|
|
156
|
+
@slot;
|
|
157
|
+
}
|
|
158
|
+
}
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
|
|
162
|
+
@theme {
|
|
163
|
+
--animate-ripple-outline-small: rippleOutlineSmall 0.3s ease-in-out infinite;
|
|
164
|
+
--animate-ripple-outline: rippleOutline 0.3s ease-in-out infinite;
|
|
165
|
+
--animate-ripple: ripple 0.3s ease-in-out infinite;
|
|
166
|
+
--animate-checkbox-check: stroke 0.3s cubic-bezier(0.65,0,0.45,1) forwards;
|
|
167
|
+
|
|
168
|
+
@keyframes rippleOutlineSmall {
|
|
169
|
+
0% {
|
|
170
|
+
height: 30%;
|
|
171
|
+
width: 30%;
|
|
172
|
+
border-radius: 7px;
|
|
173
|
+
opacity: 100;
|
|
174
|
+
}
|
|
175
|
+
100% {
|
|
176
|
+
height: 100%;
|
|
177
|
+
width: 100%;
|
|
178
|
+
border-radius: 7px;
|
|
179
|
+
opacity: 0;
|
|
180
|
+
}
|
|
181
|
+
}
|
|
182
|
+
@keyframes rippleOutline {
|
|
183
|
+
0% {
|
|
184
|
+
height: 30%;
|
|
185
|
+
width: 30%;
|
|
186
|
+
border-radius: 11px;
|
|
187
|
+
opacity: 100;
|
|
188
|
+
}
|
|
189
|
+
100% {
|
|
190
|
+
height: 100%;
|
|
191
|
+
width: 100%;
|
|
192
|
+
border-radius: 11px;
|
|
193
|
+
opacity: 0;
|
|
194
|
+
}
|
|
195
|
+
}
|
|
196
|
+
@keyframes ripple {
|
|
197
|
+
0% {
|
|
198
|
+
height: 30%;
|
|
199
|
+
width: 30%;
|
|
200
|
+
border-radius: 9999px;
|
|
201
|
+
opacity: 100;
|
|
202
|
+
}
|
|
203
|
+
100% {
|
|
204
|
+
height: 100%;
|
|
205
|
+
width: 100%;
|
|
206
|
+
opacity: 0;
|
|
207
|
+
}
|
|
208
|
+
}
|
|
209
|
+
|
|
210
|
+
@keyframes stroke {
|
|
211
|
+
100% {
|
|
212
|
+
stroke-dashoffset: 0;
|
|
213
|
+
}
|
|
214
|
+
}
|
|
215
|
+
}
|