@class101/cdn-ui-system 0.0.8 → 0.0.12
Sign up to get free protection for your applications and to get access to all the features.
- package/chunk-2A2YD3YP.js +22244 -0
- package/{chunk-E2KIAABB.js → chunk-37VQUPZR.js} +1 -1
- package/{chunk-IMWQE6G2.js → chunk-BDSNAS3L.js} +3 -2
- package/chunk-CGEEKALF.js +184 -0
- package/{chunk-F522NW23.js → chunk-ESGHR2XF.js} +7 -26
- package/chunk-IFZN3H2K.js +515 -0
- package/chunk-IPFBPHEG.js +9145 -0
- package/{chunk-QN5Q5NTF.js → chunk-J3Q2BPOW.js} +1 -1
- package/chunk-KBZLTPPY.js +58 -0
- package/{chunk-IKYIYCM6.js → chunk-KTYFPJF3.js} +8 -8
- package/chunk-LE44IRCL.js +152 -0
- package/{chunk-FRNHAL35.js → chunk-LN36XQS3.js} +16 -17
- package/{chunk-AY54FCVA.js → chunk-MBYCGPJ2.js} +12 -2
- package/{chunk-2VS4JN2V.js → chunk-O6RRFC57.js} +14 -13
- package/{chunk-AXJOQSVO.js → chunk-R4HM35UZ.js} +1 -1
- package/{chunk-FTDRDLT4.js → chunk-RYCV4KQR.js} +2 -2
- package/{chunk-KBR5BGSG.js → chunk-SFQY5CLW.js} +6 -34
- package/chunk-SFWBAQL4.js +21 -0
- package/chunk-SPRM5WZD.js +29 -0
- package/chunk-SU3NURQK.js +254 -0
- package/{chunk-UAWCTQGC.js → chunk-T7TBQTBE.js} +72 -353
- package/chunk-VIIHQGZ3.js +76 -0
- package/chunk-WVIP3U54.js +42 -0
- package/{chunk-7BJXCATJ.js → chunk-XXMJSYNO.js} +6 -13
- package/contexts/ImageContext/ImageContext.js +2 -2
- package/contexts/ImageContext/index.js +2 -2
- package/contexts/LinkContext/LinkContext.js +2 -2
- package/contexts/LinkContext/index.js +2 -2
- package/contexts/SafeAreaContext/SafeAreaContext.js +11 -0
- package/contexts/SafeAreaContext/index.js +10 -0
- package/contexts/ScrollContext/ScrollContext.js +18 -0
- package/contexts/ScrollContext/index.js +11 -0
- package/contexts/UiSystemProvider.js +13 -10
- package/core/colors/DarkModeColors.js +3 -2
- package/core/colors/LightModeColors.js +3 -2
- package/core/index.js +18 -8
- package/core/props/action.js +3 -3
- package/core/props/animator.js +3 -3
- package/core/props/background.js +10 -5
- package/core/props/border.js +25 -4
- package/core/props/color.js +3 -3
- package/core/props/flexbox.js +13 -5
- package/core/props/icon.js +3 -3
- package/core/props/image.js +10 -7
- package/core/props/index.js +40 -25
- package/core/props/layout.js +29 -4
- package/core/props/position.js +3 -3
- package/core/props/shadow.js +3 -3
- package/core/props/space.js +3 -3
- package/core/props/transform.js +29 -3
- package/core/props/transition.js +3 -3
- package/core/props/types/ResponsiveValue.js +1 -1
- package/core/props/types/SystemComponent.js +1 -1
- package/core/props/typography.js +6 -3
- package/core/props/utils/calculateResponsiveValues.js +27 -0
- package/core/props/utils/getResponsiveValue.js +7 -6
- package/core/props/utils/skipForwardProps.js +2 -2
- package/core/props/video.js +3 -3
- package/core/theme/baseTheme.js +14 -3
- package/core/theme/defaultTheme.js +9 -9
- package/core/theme/signatureTheme.js +11 -10
- package/core/variants/baseVariant/baseVariant.js +4 -4
- package/core/variants/baseVariant/index.js +2 -2
- package/core/variants/makeStyled/index.js +11 -0
- package/core/variants/makeStyled/makeStyled.js +19 -0
- package/core/variants/propVariant/index.js +2 -2
- package/core/variants/propVariant/propVariant.js +9 -13
- package/core/variants/propVariant/propVariant.spec.js +10 -10
- package/core/variants/propsVariant/index.js +10 -0
- package/core/variants/propsVariant/propsVariant.js +32 -0
- package/core/variants/propsVariant/propsVariant.spec.js +73 -0
- package/core/variants/styleVariant/index.js +2 -2
- package/core/variants/styleVariant/styleVariant.js +14 -11
- package/core/variants/styleVariant/styleVariant.spec.js +14 -12
- package/core/variants/stylesVariant/index.js +10 -0
- package/core/variants/stylesVariant/stylesVariant.js +40 -0
- package/core/variants/stylesVariant/stylesVariant.spec.js +52 -0
- package/core/variants/system/index.js +2 -2
- package/core/variants/system/system.js +22 -21
- package/core/variants/system/type.js +6 -0
- package/hooks/useIsMobile/index.js +10 -0
- package/hooks/useIsMobile/useIsMobile.js +12 -0
- package/hooks/useMediaQuery/index.js +10 -0
- package/hooks/useMediaQuery/useMediaQuery.js +32 -0
- package/hooks/useNativeResponsiveValue/index.js +10 -0
- package/hooks/useNativeResponsiveValue/useNativeResponsiveValue.js +42 -0
- package/hooks/useResponsiveValue/index.js +2 -2
- package/hooks/useResponsiveValue/useResponsiveValue.js +13 -8
- package/hooks/useWindowResizeEvent/index.js +10 -0
- package/hooks/useWindowResizeEvent/useWindowResizeEvent.js +27 -0
- package/index.js +159 -101
- package/lib/Accordion/Accordion.js +23 -16
- package/lib/Accordion/index.js +2 -2
- package/lib/Action/Action.js +12 -10
- package/lib/Action/index.js +2 -2
- package/lib/Alert/Alert.js +12 -10
- package/lib/Alert/index.js +2 -2
- package/lib/Animation/Animator/Animator.js +31 -20
- package/lib/Animation/Animator/index.js +2 -2
- package/lib/Animation/FadeAnimation/FadeAnimation.js +22 -15
- package/lib/Animation/FadeAnimation/index.js +2 -2
- package/lib/Animation/RotateAnimation/RotateAnimation.js +10 -8
- package/lib/Animation/RotateAnimation/index.js +2 -2
- package/lib/Animation/SlideAnimation/SlideAnimation.js +14 -10
- package/lib/Animation/SlideAnimation/index.js +2 -2
- package/lib/Animation/Transition/Transition.js +23 -15
- package/lib/Animation/Transition/index.js +2 -2
- package/lib/Avatar/Avatar.js +96 -88
- package/lib/Avatar/index.js +2 -2
- package/lib/Backdrop/Backdrop.js +11 -8
- package/lib/Backdrop/index.js +2 -2
- package/lib/Background/Background.js +11 -22
- package/lib/Background/index.js +2 -2
- package/lib/BackgroundImage/BackgroundImage.js +20 -0
- package/lib/BackgroundImage/index.js +10 -0
- package/lib/BreadCrumb/BreadCrumb.js +13 -12
- package/lib/BreadCrumb/index.js +2 -2
- package/lib/BulletPagination/BulletPagination.js +37 -0
- package/lib/BulletPagination/index.js +10 -0
- package/lib/Button/Button/Button.js +65 -18
- package/lib/Button/Button/index.js +2 -2
- package/lib/Button/ContainedButton/ContainedButton.js +143 -122
- package/lib/Button/ContainedButton/index.js +2 -2
- package/lib/Button/GhostButton/GhostButton.js +155 -0
- package/lib/Button/GhostButton/index.js +10 -0
- package/lib/Button/TextButton/TextButton.js +108 -110
- package/lib/Button/TextButton/index.js +2 -2
- package/lib/Callout/Callout.js +71 -0
- package/lib/Callout/index.js +10 -0
- package/lib/Chip/FilterChip/FilterChip.js +77 -0
- package/lib/Chip/FilterChip/index.js +10 -0
- package/lib/Chip/InputChip/InputChip.js +1443 -0
- package/lib/Chip/InputChip/index.js +10 -0
- package/lib/ConditionalWrapper/ConditionalWrapper.js +2 -2
- package/lib/ConditionalWrapper/index.js +2 -2
- package/lib/ContentArea/ContentArea.js +41 -0
- package/lib/ContentArea/index.js +10 -0
- package/lib/Divider/Divider.js +13 -10
- package/lib/Divider/index.js +2 -2
- package/lib/Dot/Dot.js +29 -0
- package/lib/Dot/index.js +10 -0
- package/lib/Drawer/Drawer.js +57 -0
- package/lib/Drawer/index.js +10 -0
- package/lib/Elevation/Elevation.js +11 -9
- package/lib/Elevation/index.js +2 -2
- package/lib/Form/CardNumberField/CardNumberField.js +28 -0
- package/lib/Form/CardNumberField/index.js +10 -0
- package/lib/Form/CardNumberInput/CardNumberInput.js +50 -0
- package/lib/Form/CardNumberInput/constants.js +16 -0
- package/lib/Form/CardNumberInput/index.js +10 -0
- package/lib/Form/CardNumberInput/utils.js +48 -0
- package/lib/Form/CheckBox/CheckBox.js +22 -23
- package/lib/Form/CheckBox/index.js +2 -2
- package/lib/Form/CheckBoxField/CheckBoxField.js +17 -15
- package/lib/Form/CheckBoxField/index.js +2 -2
- package/lib/Form/Description/Description.js +24 -25
- package/lib/Form/Description/index.js +2 -2
- package/lib/Form/FormField/FormField.js +6 -6
- package/lib/Form/FormField/index.js +2 -2
- package/lib/Form/HiddenInput/HiddenInput.js +22 -25
- package/lib/Form/HiddenInput/index.js +2 -2
- package/lib/Form/InlineTextLabel/InlineTextLabel.js +74 -19
- package/lib/Form/InlineTextLabel/index.js +2 -2
- package/lib/Form/Input/Input.js +19 -52
- package/lib/Form/Input/index.js +2 -2
- package/lib/Form/Label/Label.js +2 -2
- package/lib/Form/Label/index.js +2 -2
- package/lib/Form/Radio/Radio.js +47 -0
- package/lib/Form/Radio/index.js +10 -0
- package/lib/Form/RadioField/RadioField.js +38 -0
- package/lib/Form/RadioField/index.js +10 -0
- package/lib/Form/RadioGroupField/RadioGroupField.js +49 -0
- package/lib/Form/RadioGroupField/index.js +10 -0
- package/lib/Form/Range/Range.js +15 -12
- package/lib/Form/Range/index.js +2 -2
- package/lib/Form/SearchInput/SearchInput.js +72 -0
- package/lib/Form/SearchInput/index.js +10 -0
- package/lib/Form/Select/Select.js +51 -45
- package/lib/Form/Select/index.js +2 -2
- package/lib/Form/SelectField/SelectField.js +19 -15
- package/lib/Form/SelectField/index.js +2 -2
- package/lib/Form/TextArea/TextArea.js +12 -9
- package/lib/Form/TextArea/index.js +2 -2
- package/lib/Form/TextAreaField/TextAreaField.js +28 -0
- package/lib/Form/TextAreaField/index.js +10 -0
- package/lib/Form/TextField/TextField.js +19 -15
- package/lib/Form/TextField/index.js +2 -2
- package/lib/Form/TextInput/TextInput.js +32 -0
- package/lib/Form/TextInput/index.js +10 -0
- package/lib/Form/TextInput/variants.js +42 -0
- package/lib/Form/TextLabel/TextLabel.js +5 -5
- package/lib/Form/TextLabel/index.js +2 -2
- package/lib/GlobalStyle/GlobalStyle.js +26 -5
- package/lib/GlobalStyle/index.js +2 -2
- package/lib/GridList/GridList.js +32 -20
- package/lib/GridList/__mocks__/index.js +1 -1
- package/lib/GridList/index.js +2 -2
- package/lib/Highlight/Highlight.js +3 -3
- package/lib/Highlight/index.js +2 -2
- package/lib/HtmlContentStyle/HtmlContentStyle.js +32 -45
- package/lib/HtmlContentStyle/index.js +2 -2
- package/lib/Icon/Icon.js +1 -1
- package/lib/Icon/fill/Add.js +22 -12
- package/lib/Icon/fill/AddCircle.js +22 -12
- package/lib/Icon/fill/Alert.js +29 -19
- package/lib/Icon/fill/AlertCircle.js +22 -12
- package/lib/Icon/fill/Analysis.js +22 -12
- package/lib/Icon/fill/AppDownloadCircle.js +22 -12
- package/lib/Icon/fill/AppleCircle.js +22 -12
- package/lib/Icon/fill/Archive.js +22 -12
- package/lib/Icon/fill/ArrowDown.js +22 -12
- package/lib/Icon/fill/ArrowLeft.js +22 -12
- package/lib/Icon/fill/ArrowRight.js +22 -12
- package/lib/Icon/fill/ArrowUp.js +22 -12
- package/lib/Icon/fill/Badge.js +22 -12
- package/lib/Icon/fill/Bell.js +22 -12
- package/lib/Icon/fill/BellOff.js +22 -12
- package/lib/Icon/fill/Bold.js +22 -12
- package/lib/Icon/fill/Bookmark.js +22 -12
- package/lib/Icon/fill/Camera.js +22 -12
- package/lib/Icon/fill/Canlendar.js +22 -12
- package/lib/Icon/fill/Caption.js +25 -15
- package/lib/Icon/fill/Cart.js +32 -0
- package/lib/Icon/fill/Check.js +29 -19
- package/lib/Icon/fill/CheckCircle.js +22 -12
- package/lib/Icon/fill/CheckboxIndeterminated.js +22 -12
- package/lib/Icon/fill/CheckboxOff.js +22 -12
- package/lib/Icon/fill/CheckboxOn.js +22 -12
- package/lib/Icon/fill/ChevronDown.js +22 -12
- package/lib/Icon/fill/ChevronLeft.js +22 -12
- package/lib/Icon/fill/ChevronRight.js +22 -12
- package/lib/Icon/fill/ChevronUp.js +22 -12
- package/lib/Icon/fill/Clap.js +22 -12
- package/lib/Icon/fill/ClearStyle.js +22 -12
- package/lib/Icon/fill/Clip.js +22 -12
- package/lib/Icon/fill/Clock.js +29 -19
- package/lib/Icon/fill/Close.js +22 -12
- package/lib/Icon/fill/CloseCircle.js +22 -12
- package/lib/Icon/fill/Comment.js +22 -12
- package/lib/Icon/fill/Compass.js +22 -12
- package/lib/Icon/fill/Confetti.js +30 -20
- package/lib/Icon/fill/Contents.js +22 -12
- package/lib/Icon/fill/Copy.js +25 -15
- package/lib/Icon/fill/Coupon.js +22 -12
- package/lib/Icon/fill/CreditCard.js +22 -12
- package/lib/Icon/fill/Crop.js +22 -12
- package/lib/Icon/fill/Crown.js +22 -12
- package/lib/Icon/fill/DepositPassbook.js +22 -12
- package/lib/Icon/fill/Design.js +25 -15
- package/lib/Icon/fill/Development.js +22 -12
- package/lib/Icon/fill/DisclosureDown.js +22 -12
- package/lib/Icon/fill/DisclosureUp.js +22 -12
- package/lib/Icon/fill/Dislike.js +22 -12
- package/lib/Icon/fill/Divider.js +22 -12
- package/lib/Icon/fill/Download.js +25 -15
- package/lib/Icon/fill/DropDown.js +22 -12
- package/lib/Icon/fill/DropUp.js +22 -12
- package/lib/Icon/fill/Earybird.js +22 -12
- package/lib/Icon/fill/Edit.js +24 -14
- package/lib/Icon/fill/EyeOff.js +22 -12
- package/lib/Icon/fill/EyeOn.js +25 -15
- package/lib/Icon/fill/FacebookCircle.js +22 -12
- package/lib/Icon/fill/Filter.js +22 -12
- package/lib/Icon/fill/FullScreen.js +22 -12
- package/lib/Icon/fill/FullScreenExit.js +22 -12
- package/lib/Icon/fill/Gear.js +24 -14
- package/lib/Icon/fill/Ghost.js +22 -12
- package/lib/Icon/fill/Gift.js +22 -12
- package/lib/Icon/fill/Groove.js +22 -12
- package/lib/Icon/fill/Hashtag.js +22 -12
- package/lib/Icon/fill/Heart.js +22 -12
- package/lib/Icon/fill/HeartFull.js +22 -12
- package/lib/Icon/fill/HelpCircle.js +22 -12
- package/lib/Icon/fill/Home.js +22 -12
- package/lib/Icon/fill/Hot.js +22 -12
- package/lib/Icon/fill/InfoCircle.js +22 -12
- package/lib/Icon/fill/InstagramCircle.js +25 -15
- package/lib/Icon/fill/Laptop.js +22 -12
- package/lib/Icon/fill/Like.js +22 -12
- package/lib/Icon/fill/Link.js +25 -15
- package/lib/Icon/fill/LinkOutside.js +25 -15
- package/lib/Icon/fill/ListBullet.js +22 -12
- package/lib/Icon/fill/ListNumber.js +22 -12
- package/lib/Icon/fill/Location.js +22 -12
- package/lib/Icon/fill/LocationCurrent.js +22 -12
- package/lib/Icon/fill/Lock.js +22 -12
- package/lib/Icon/fill/LockOff.js +22 -12
- package/lib/Icon/fill/Logout.js +22 -12
- package/lib/Icon/fill/Menu.js +22 -12
- package/lib/Icon/fill/Message.js +28 -18
- package/lib/Icon/fill/Mic.js +25 -15
- package/lib/Icon/fill/Minus.js +22 -12
- package/lib/Icon/fill/MinusCircle.js +22 -12
- package/lib/Icon/fill/Mobile.js +22 -12
- package/lib/Icon/fill/Monitor.js +22 -12
- package/lib/Icon/fill/MoreHorizontal.js +22 -12
- package/lib/Icon/fill/MoreVertical.js +22 -12
- package/lib/Icon/fill/NaverCircle.js +22 -12
- package/lib/Icon/fill/Notice.js +22 -12
- package/lib/Icon/fill/Oa.js +22 -12
- package/lib/Icon/fill/Paper1.js +22 -12
- package/lib/Icon/fill/Paper2.js +22 -12
- package/lib/Icon/fill/Paper3.js +22 -12
- package/lib/Icon/fill/Person.js +25 -15
- package/lib/Icon/fill/Phone.js +22 -12
- package/lib/Icon/fill/Photo.js +25 -15
- package/lib/Icon/fill/PhotoAdd.js +25 -15
- package/lib/Icon/fill/PhotoDouble.js +28 -18
- package/lib/Icon/fill/Pin.js +22 -12
- package/lib/Icon/fill/Pip.js +25 -15
- package/lib/Icon/fill/Play.js +22 -12
- package/lib/Icon/fill/PlayBackA.js +28 -18
- package/lib/Icon/fill/PlayCircle.js +22 -12
- package/lib/Icon/fill/PlayFast.js +22 -12
- package/lib/Icon/fill/PlayFast10Sec.js +25 -15
- package/lib/Icon/fill/PlayFast15Sec.js +25 -15
- package/lib/Icon/fill/PlayFast5Sec.js +25 -15
- package/lib/Icon/fill/PlayNext.js +22 -12
- package/lib/Icon/fill/PlayPause.js +22 -12
- package/lib/Icon/fill/PlayPrev.js +22 -12
- package/lib/Icon/fill/PlayRewind10Sec.js +25 -15
- package/lib/Icon/fill/PlayRewind15Sec.js +25 -15
- package/lib/Icon/fill/PlayRewind5Sec.js +25 -15
- package/lib/Icon/fill/PlaySpeedX025.js +22 -12
- package/lib/Icon/fill/PlaySpeedX05.js +22 -12
- package/lib/Icon/fill/PlaySpeedX1.js +22 -12
- package/lib/Icon/fill/PlaySpeedX15.js +22 -12
- package/lib/Icon/fill/PlaySpeedX2.js +22 -12
- package/lib/Icon/fill/PlaystoreCircle.js +22 -12
- package/lib/Icon/fill/PointCircle.js +25 -15
- package/lib/Icon/fill/Project.js +22 -12
- package/lib/Icon/fill/Quote.js +22 -12
- package/lib/Icon/fill/QuoteReverse.js +22 -12
- package/lib/Icon/fill/Receipt.js +22 -12
- package/lib/Icon/fill/Repeat.js +22 -12
- package/lib/Icon/fill/Replay.js +25 -15
- package/lib/Icon/fill/Reply.js +22 -12
- package/lib/Icon/fill/Report.js +22 -12
- package/lib/Icon/fill/Rocket.js +22 -12
- package/lib/Icon/fill/RotateClockwise.js +29 -19
- package/lib/Icon/fill/Sad.js +22 -12
- package/lib/Icon/fill/Search.js +22 -12
- package/lib/Icon/fill/Send.js +22 -12
- package/lib/Icon/fill/Send2.js +22 -12
- package/lib/Icon/fill/Serious.js +22 -12
- package/lib/Icon/fill/Share.js +25 -15
- package/lib/Icon/fill/Sheild.js +22 -12
- package/lib/Icon/fill/ShippingTruck.js +25 -15
- package/lib/Icon/fill/Smile.js +22 -12
- package/lib/Icon/fill/SocialMedia.js +22 -12
- package/lib/Icon/fill/Sorting.js +28 -18
- package/lib/Icon/fill/Square.js +22 -12
- package/lib/Icon/fill/Star.js +22 -12
- package/lib/Icon/fill/StarFull.js +22 -12
- package/lib/Icon/fill/StarHalf.js +22 -12
- package/lib/Icon/fill/Stock.js +22 -12
- package/lib/Icon/fill/Store.js +22 -12
- package/lib/Icon/fill/Subtitle.js +22 -12
- package/lib/Icon/fill/TalkHelp.js +29 -19
- package/lib/Icon/fill/TextH1.js +22 -12
- package/lib/Icon/fill/TextH2.js +22 -12
- package/lib/Icon/fill/TextH3.js +22 -12
- package/lib/Icon/fill/ThunderCircle.js +22 -12
- package/lib/Icon/fill/Timer.js +22 -12
- package/lib/Icon/fill/ToggleOff.js +22 -12
- package/lib/Icon/fill/ToggleOn.js +22 -12
- package/lib/Icon/fill/ToteBag.js +22 -12
- package/lib/Icon/fill/Trash.js +22 -12
- package/lib/Icon/fill/TwitterCircle.js +22 -12
- package/lib/Icon/fill/Undo.js +22 -12
- package/lib/Icon/fill/Video.js +22 -12
- package/lib/Icon/fill/Volume.js +25 -15
- package/lib/Icon/fill/VolumeMute.js +22 -12
- package/lib/Icon/fill/Web.js +22 -12
- package/lib/Icon/fill/Won.js +22 -12
- package/lib/Icon/fill/WonBadge.js +22 -12
- package/lib/Icon/fill/WonCircle.js +22 -12
- package/lib/Icon/fill/Write.js +22 -12
- package/lib/Icon/fill/YoutubeCircle.js +25 -15
- package/lib/Icon/fill/index.js +179 -177
- package/lib/Icon/index.js +1 -1
- package/lib/Icon/regular/Add.js +22 -12
- package/lib/Icon/regular/AddCircle.js +25 -15
- package/lib/Icon/regular/Alert.js +25 -15
- package/lib/Icon/regular/AlertCircle.js +25 -15
- package/lib/Icon/regular/Analysis.js +22 -12
- package/lib/Icon/regular/AppDownloadCircle.js +28 -18
- package/lib/Icon/regular/AppleCircle.js +27 -17
- package/lib/Icon/regular/Archive.js +25 -15
- package/lib/Icon/regular/ArrowDown.js +22 -12
- package/lib/Icon/regular/ArrowLeft.js +22 -12
- package/lib/Icon/regular/ArrowRight.js +22 -12
- package/lib/Icon/regular/ArrowUp.js +22 -12
- package/lib/Icon/regular/Badge.js +25 -15
- package/lib/Icon/regular/Bell.js +27 -17
- package/lib/Icon/regular/BellOff.js +27 -17
- package/lib/Icon/regular/Bold.js +22 -12
- package/lib/Icon/regular/Bookmark.js +22 -12
- package/lib/Icon/regular/Camera.js +25 -15
- package/lib/Icon/regular/Canlendar.js +25 -15
- package/lib/Icon/regular/Caption.js +25 -15
- package/lib/Icon/regular/Cart.js +32 -0
- package/lib/Icon/regular/Check.js +22 -12
- package/lib/Icon/regular/CheckCircle.js +25 -15
- package/lib/Icon/regular/CheckboxIndeterminated.js +22 -12
- package/lib/Icon/regular/CheckboxOff.js +22 -12
- package/lib/Icon/regular/CheckboxOn.js +22 -12
- package/lib/Icon/regular/ChevronDown.js +22 -12
- package/lib/Icon/regular/ChevronLeft.js +22 -12
- package/lib/Icon/regular/ChevronRight.js +22 -12
- package/lib/Icon/regular/ChevronUp.js +22 -12
- package/lib/Icon/regular/Clap.js +25 -15
- package/lib/Icon/regular/ClearStyle.js +22 -12
- package/lib/Icon/regular/Clip.js +22 -12
- package/lib/Icon/regular/Clock.js +27 -17
- package/lib/Icon/regular/Close.js +22 -12
- package/lib/Icon/regular/CloseCircle.js +25 -15
- package/lib/Icon/regular/Comment.js +25 -15
- package/lib/Icon/regular/Compass.js +25 -15
- package/lib/Icon/regular/Confetti.js +22 -12
- package/lib/Icon/regular/Contents.js +25 -15
- package/lib/Icon/regular/Copy.js +25 -15
- package/lib/Icon/regular/Coupon.js +22 -12
- package/lib/Icon/regular/CreditCard.js +22 -12
- package/lib/Icon/regular/Crop.js +22 -12
- package/lib/Icon/regular/Crown.js +22 -12
- package/lib/Icon/regular/DepositPassbook.js +22 -12
- package/lib/Icon/regular/Design.js +25 -15
- package/lib/Icon/regular/Development.js +22 -12
- package/lib/Icon/regular/DisclosureDown.js +22 -12
- package/lib/Icon/regular/DisclosureUp.js +22 -12
- package/lib/Icon/regular/Dislike.js +29 -19
- package/lib/Icon/regular/Divider.js +22 -12
- package/lib/Icon/regular/Download.js +25 -15
- package/lib/Icon/regular/DropDown.js +22 -12
- package/lib/Icon/regular/DropUp.js +22 -12
- package/lib/Icon/regular/Earybird.js +25 -15
- package/lib/Icon/regular/Edit.js +22 -12
- package/lib/Icon/regular/EyeOff.js +22 -12
- package/lib/Icon/regular/EyeOn.js +25 -15
- package/lib/Icon/regular/FacebookCircle.js +27 -17
- package/lib/Icon/regular/Filter.js +22 -12
- package/lib/Icon/regular/FullScreen.js +22 -12
- package/lib/Icon/regular/FullScreenExit.js +22 -12
- package/lib/Icon/regular/Gear.js +24 -14
- package/lib/Icon/regular/Ghost.js +25 -15
- package/lib/Icon/regular/Gift.js +22 -12
- package/lib/Icon/regular/Groove.js +22 -12
- package/lib/Icon/regular/Hashtag.js +22 -12
- package/lib/Icon/regular/Heart.js +22 -12
- package/lib/Icon/regular/HeartFull.js +22 -12
- package/lib/Icon/regular/HelpCircle.js +25 -15
- package/lib/Icon/regular/Home.js +25 -15
- package/lib/Icon/regular/Hot.js +25 -15
- package/lib/Icon/regular/InfoCircle.js +25 -15
- package/lib/Icon/regular/InstagramCircle.js +28 -18
- package/lib/Icon/regular/Laptop.js +22 -12
- package/lib/Icon/regular/Like.js +22 -12
- package/lib/Icon/regular/Link.js +25 -15
- package/lib/Icon/regular/LinkOutside.js +25 -15
- package/lib/Icon/regular/ListBullet.js +22 -12
- package/lib/Icon/regular/ListNumber.js +22 -12
- package/lib/Icon/regular/Location.js +25 -15
- package/lib/Icon/regular/LocationCurrent.js +22 -12
- package/lib/Icon/regular/Lock.js +25 -15
- package/lib/Icon/regular/LockOff.js +25 -15
- package/lib/Icon/regular/Logout.js +22 -12
- package/lib/Icon/regular/Menu.js +22 -12
- package/lib/Icon/regular/Message.js +22 -12
- package/lib/Icon/regular/Mic.js +25 -15
- package/lib/Icon/regular/Minus.js +22 -12
- package/lib/Icon/regular/MinusCircle.js +25 -15
- package/lib/Icon/regular/Mobile.js +25 -15
- package/lib/Icon/regular/Monitor.js +22 -12
- package/lib/Icon/regular/MoreHorizontal.js +22 -12
- package/lib/Icon/regular/MoreVertical.js +22 -12
- package/lib/Icon/regular/NaverCircle.js +25 -15
- package/lib/Icon/regular/Notice.js +22 -12
- package/lib/Icon/regular/Oa.js +22 -12
- package/lib/Icon/regular/Paper1.js +22 -12
- package/lib/Icon/regular/Paper2.js +25 -15
- package/lib/Icon/regular/Paper3.js +25 -15
- package/lib/Icon/regular/Person.js +22 -12
- package/lib/Icon/regular/Phone.js +22 -12
- package/lib/Icon/regular/Photo.js +25 -15
- package/lib/Icon/regular/PhotoAdd.js +28 -18
- package/lib/Icon/regular/PhotoDouble.js +28 -18
- package/lib/Icon/regular/Pin.js +22 -12
- package/lib/Icon/regular/Pip.js +25 -15
- package/lib/Icon/regular/Play.js +22 -12
- package/lib/Icon/regular/PlayBackA.js +28 -18
- package/lib/Icon/regular/PlayCircle.js +25 -15
- package/lib/Icon/regular/PlayFast.js +22 -12
- package/lib/Icon/regular/PlayFast10Sec.js +25 -15
- package/lib/Icon/regular/PlayFast15Sec.js +25 -15
- package/lib/Icon/regular/PlayFast5Sec.js +25 -15
- package/lib/Icon/regular/PlayNext.js +22 -12
- package/lib/Icon/regular/PlayPause.js +22 -12
- package/lib/Icon/regular/PlayPrev.js +22 -12
- package/lib/Icon/regular/PlayRewind10Sec.js +25 -15
- package/lib/Icon/regular/PlayRewind15Sec.js +25 -15
- package/lib/Icon/regular/PlayRewind5Sec.js +25 -15
- package/lib/Icon/regular/PlaySpeedX025.js +22 -12
- package/lib/Icon/regular/PlaySpeedX05.js +22 -12
- package/lib/Icon/regular/PlaySpeedX1.js +22 -12
- package/lib/Icon/regular/PlaySpeedX15.js +22 -12
- package/lib/Icon/regular/PlaySpeedX2.js +22 -12
- package/lib/Icon/regular/PlaystoreCircle.js +25 -15
- package/lib/Icon/regular/PointCircle.js +25 -15
- package/lib/Icon/regular/Project.js +22 -12
- package/lib/Icon/regular/Quote.js +22 -12
- package/lib/Icon/regular/QuoteReverse.js +22 -12
- package/lib/Icon/regular/Receipt.js +25 -15
- package/lib/Icon/regular/Repeat.js +22 -12
- package/lib/Icon/regular/Replay.js +25 -15
- package/lib/Icon/regular/Reply.js +27 -17
- package/lib/Icon/regular/Report.js +22 -12
- package/lib/Icon/regular/Rocket.js +25 -15
- package/lib/Icon/regular/RotateClockwise.js +22 -12
- package/lib/Icon/regular/Sad.js +28 -18
- package/lib/Icon/regular/Search.js +22 -12
- package/lib/Icon/regular/Send.js +22 -12
- package/lib/Icon/regular/Send2.js +22 -12
- package/lib/Icon/regular/Serious.js +25 -15
- package/lib/Icon/regular/Share.js +25 -15
- package/lib/Icon/regular/Sheild.js +25 -15
- package/lib/Icon/regular/ShippingTruck.js +22 -12
- package/lib/Icon/regular/Smile.js +25 -15
- package/lib/Icon/regular/SocialMedia.js +25 -15
- package/lib/Icon/regular/Sorting.js +28 -18
- package/lib/Icon/regular/Square.js +22 -12
- package/lib/Icon/regular/Star.js +22 -12
- package/lib/Icon/regular/StarFull.js +22 -12
- package/lib/Icon/regular/StarHalf.js +22 -12
- package/lib/Icon/regular/Stock.js +22 -12
- package/lib/Icon/regular/Store.js +22 -12
- package/lib/Icon/regular/Subtitle.js +25 -15
- package/lib/Icon/regular/TalkHelp.js +25 -15
- package/lib/Icon/regular/TextH1.js +22 -12
- package/lib/Icon/regular/TextH2.js +22 -12
- package/lib/Icon/regular/TextH3.js +22 -12
- package/lib/Icon/regular/ThunderCircle.js +25 -15
- package/lib/Icon/regular/Timer.js +27 -17
- package/lib/Icon/regular/ToggleOff.js +22 -12
- package/lib/Icon/regular/ToggleOn.js +22 -12
- package/lib/Icon/regular/ToteBag.js +22 -12
- package/lib/Icon/regular/Trash.js +25 -15
- package/lib/Icon/regular/Twitter.js +32 -0
- package/lib/Icon/regular/TwitterCircle.js +25 -15
- package/lib/Icon/regular/Undo.js +22 -12
- package/lib/Icon/regular/Video.js +25 -15
- package/lib/Icon/regular/Volume.js +25 -15
- package/lib/Icon/regular/VolumeMute.js +22 -12
- package/lib/Icon/regular/Web.js +22 -12
- package/lib/Icon/regular/Won.js +22 -12
- package/lib/Icon/regular/WonBadge.js +25 -15
- package/lib/Icon/regular/WonCircle.js +25 -15
- package/lib/Icon/regular/Write.js +22 -12
- package/lib/Icon/regular/YoutubeCircle.js +25 -15
- package/lib/Icon/regular/index.js +181 -177
- package/lib/Icon/thin/Add.js +22 -12
- package/lib/Icon/thin/AddCircle.js +25 -15
- package/lib/Icon/thin/Alert.js +31 -21
- package/lib/Icon/thin/AlertCircle.js +25 -15
- package/lib/Icon/thin/Analysis.js +22 -12
- package/lib/Icon/thin/AppDownloadCircle.js +25 -15
- package/lib/Icon/thin/AppleCircle.js +27 -17
- package/lib/Icon/thin/Archive.js +25 -15
- package/lib/Icon/thin/ArrowDown.js +22 -12
- package/lib/Icon/thin/ArrowLeft.js +22 -12
- package/lib/Icon/thin/ArrowRight.js +22 -12
- package/lib/Icon/thin/ArrowUp.js +22 -12
- package/lib/Icon/thin/Badge.js +25 -15
- package/lib/Icon/thin/Bell.js +22 -12
- package/lib/Icon/thin/BellOff.js +22 -12
- package/lib/Icon/thin/Bold.js +22 -12
- package/lib/Icon/thin/Bookmark.js +22 -12
- package/lib/Icon/thin/Camera.js +25 -15
- package/lib/Icon/thin/Canlendar.js +25 -15
- package/lib/Icon/thin/Caption.js +25 -15
- package/lib/Icon/thin/Cart.js +32 -0
- package/lib/Icon/thin/Check.js +22 -12
- package/lib/Icon/thin/CheckCircle.js +25 -15
- package/lib/Icon/thin/CheckboxIndeterminated.js +24 -14
- package/lib/Icon/thin/CheckboxOff.js +22 -12
- package/lib/Icon/thin/CheckboxOn.js +24 -14
- package/lib/Icon/thin/ChevronDown.js +22 -12
- package/lib/Icon/thin/ChevronLeft.js +22 -12
- package/lib/Icon/thin/ChevronRight.js +22 -12
- package/lib/Icon/thin/ChevronUp.js +22 -12
- package/lib/Icon/thin/Clap.js +22 -12
- package/lib/Icon/thin/ClearStyle.js +22 -12
- package/lib/Icon/thin/Clip.js +22 -12
- package/lib/Icon/thin/Clock.js +25 -15
- package/lib/Icon/thin/Close.js +22 -12
- package/lib/Icon/thin/CloseCircle.js +25 -15
- package/lib/Icon/thin/Comment.js +25 -15
- package/lib/Icon/thin/Compass.js +25 -15
- package/lib/Icon/thin/Confetti.js +22 -12
- package/lib/Icon/thin/Contents.js +25 -15
- package/lib/Icon/thin/Copy.js +25 -15
- package/lib/Icon/thin/Coupon.js +22 -12
- package/lib/Icon/thin/CreditCard.js +22 -12
- package/lib/Icon/thin/Crop.js +22 -12
- package/lib/Icon/thin/Crown.js +22 -12
- package/lib/Icon/thin/DepositPassbook.js +22 -12
- package/lib/Icon/thin/Design.js +25 -15
- package/lib/Icon/thin/Development.js +22 -12
- package/lib/Icon/thin/DisclosureDown.js +22 -12
- package/lib/Icon/thin/DisclosureUp.js +22 -12
- package/lib/Icon/thin/Dislike.js +29 -19
- package/lib/Icon/thin/Divider.js +22 -12
- package/lib/Icon/thin/Download.js +25 -15
- package/lib/Icon/thin/DropDown.js +22 -12
- package/lib/Icon/thin/DropUp.js +22 -12
- package/lib/Icon/thin/Earybird.js +25 -15
- package/lib/Icon/thin/Edit.js +22 -12
- package/lib/Icon/thin/EyeOff.js +22 -12
- package/lib/Icon/thin/EyeOn.js +25 -15
- package/lib/Icon/thin/FacebookCircle.js +27 -17
- package/lib/Icon/thin/Filter.js +22 -12
- package/lib/Icon/thin/FullScreen.js +22 -12
- package/lib/Icon/thin/FullScreenExit.js +22 -12
- package/lib/Icon/thin/Gear.js +22 -12
- package/lib/Icon/thin/Ghost.js +25 -15
- package/lib/Icon/thin/Gift.js +22 -12
- package/lib/Icon/thin/Groove.js +22 -12
- package/lib/Icon/thin/Hashtag.js +22 -12
- package/lib/Icon/thin/Heart.js +22 -12
- package/lib/Icon/thin/HeartFull.js +22 -12
- package/lib/Icon/thin/HelpCircle.js +25 -15
- package/lib/Icon/thin/Home.js +25 -15
- package/lib/Icon/thin/Hot.js +25 -15
- package/lib/Icon/thin/InfoCircle.js +25 -15
- package/lib/Icon/thin/InstagramCircle.js +28 -18
- package/lib/Icon/thin/Laptop.js +22 -12
- package/lib/Icon/thin/Like.js +22 -12
- package/lib/Icon/thin/Link.js +25 -15
- package/lib/Icon/thin/LinkOutside.js +25 -15
- package/lib/Icon/thin/ListBullet.js +22 -12
- package/lib/Icon/thin/ListNumber.js +22 -12
- package/lib/Icon/thin/Location.js +25 -15
- package/lib/Icon/thin/LocationCurrent.js +22 -12
- package/lib/Icon/thin/Lock.js +25 -15
- package/lib/Icon/thin/LockOff.js +25 -15
- package/lib/Icon/thin/Logout.js +22 -12
- package/lib/Icon/thin/Menu.js +22 -12
- package/lib/Icon/thin/Message.js +22 -12
- package/lib/Icon/thin/Mic.js +25 -15
- package/lib/Icon/thin/Minus.js +22 -12
- package/lib/Icon/thin/MinusCircle.js +25 -15
- package/lib/Icon/thin/Mobile.js +25 -15
- package/lib/Icon/thin/Monitor.js +22 -12
- package/lib/Icon/thin/MoreHorizontal.js +22 -12
- package/lib/Icon/thin/MoreVertical.js +22 -12
- package/lib/Icon/thin/NaverCircle.js +25 -15
- package/lib/Icon/thin/Notice.js +22 -12
- package/lib/Icon/thin/Oa.js +22 -12
- package/lib/Icon/thin/Paper1.js +22 -12
- package/lib/Icon/thin/Paper2.js +25 -15
- package/lib/Icon/thin/Paper3.js +25 -15
- package/lib/Icon/thin/Person.js +22 -12
- package/lib/Icon/thin/Phone.js +22 -12
- package/lib/Icon/thin/Photo.js +25 -15
- package/lib/Icon/thin/PhotoAdd.js +25 -15
- package/lib/Icon/thin/PhotoDouble.js +25 -15
- package/lib/Icon/thin/Pin.js +22 -12
- package/lib/Icon/thin/Pip.js +25 -15
- package/lib/Icon/thin/Play.js +22 -12
- package/lib/Icon/thin/PlayBackA.js +22 -12
- package/lib/Icon/thin/PlayCircle.js +25 -15
- package/lib/Icon/thin/PlayFast.js +22 -12
- package/lib/Icon/thin/PlayFast10Sec.js +25 -15
- package/lib/Icon/thin/PlayFast15Sec.js +25 -15
- package/lib/Icon/thin/PlayFast5Sec.js +25 -15
- package/lib/Icon/thin/PlayNext.js +22 -12
- package/lib/Icon/thin/PlayPause.js +22 -12
- package/lib/Icon/thin/PlayPrev.js +22 -12
- package/lib/Icon/thin/PlayRewind10Sec.js +25 -15
- package/lib/Icon/thin/PlayRewind15Sec.js +25 -15
- package/lib/Icon/thin/PlayRewind5Sec.js +25 -15
- package/lib/Icon/thin/PlaySpeedX025.js +22 -12
- package/lib/Icon/thin/PlaySpeedX05.js +22 -12
- package/lib/Icon/thin/PlaySpeedX1.js +22 -12
- package/lib/Icon/thin/PlaySpeedX15.js +22 -12
- package/lib/Icon/thin/PlaySpeedX2.js +22 -12
- package/lib/Icon/thin/PlaystoreCircle.js +25 -15
- package/lib/Icon/thin/PointCircle.js +25 -15
- package/lib/Icon/thin/Project.js +22 -12
- package/lib/Icon/thin/Quote.js +22 -12
- package/lib/Icon/thin/QuoteReverse.js +22 -12
- package/lib/Icon/thin/Receipt.js +25 -15
- package/lib/Icon/thin/Repeat.js +22 -12
- package/lib/Icon/thin/Replay.js +25 -15
- package/lib/Icon/thin/Reply.js +25 -15
- package/lib/Icon/thin/Report.js +22 -12
- package/lib/Icon/thin/Rocket.js +25 -15
- package/lib/Icon/thin/RotateClockwise.js +25 -15
- package/lib/Icon/thin/Sad.js +28 -18
- package/lib/Icon/thin/Search.js +22 -12
- package/lib/Icon/thin/Send.js +22 -12
- package/lib/Icon/thin/Send2.js +22 -12
- package/lib/Icon/thin/Serious.js +31 -21
- package/lib/Icon/thin/Share.js +25 -15
- package/lib/Icon/thin/Sheild.js +25 -15
- package/lib/Icon/thin/ShippingTruck.js +22 -12
- package/lib/Icon/thin/Smile.js +28 -18
- package/lib/Icon/thin/SocialMedia.js +25 -15
- package/lib/Icon/thin/Sorting.js +22 -12
- package/lib/Icon/thin/Square.js +22 -12
- package/lib/Icon/thin/Star.js +22 -12
- package/lib/Icon/thin/StarFull.js +22 -12
- package/lib/Icon/thin/StarHalf.js +22 -12
- package/lib/Icon/thin/Stock.js +22 -12
- package/lib/Icon/thin/Store.js +22 -12
- package/lib/Icon/thin/Subtitle.js +25 -15
- package/lib/Icon/thin/TalkHelp.js +25 -15
- package/lib/Icon/thin/TextH1.js +22 -12
- package/lib/Icon/thin/TextH2.js +22 -12
- package/lib/Icon/thin/TextH3.js +22 -12
- package/lib/Icon/thin/ThunderCircle.js +25 -15
- package/lib/Icon/thin/Timer.js +25 -15
- package/lib/Icon/thin/ToggleOff.js +22 -12
- package/lib/Icon/thin/ToggleOn.js +22 -12
- package/lib/Icon/thin/ToteBag.js +22 -12
- package/lib/Icon/thin/Trash.js +25 -15
- package/lib/Icon/thin/TwitterCircle.js +25 -15
- package/lib/Icon/thin/Undo.js +22 -12
- package/lib/Icon/thin/Video.js +25 -15
- package/lib/Icon/thin/Volume.js +25 -15
- package/lib/Icon/thin/VolumeMute.js +25 -15
- package/lib/Icon/thin/Web.js +22 -12
- package/lib/Icon/thin/Won.js +22 -12
- package/lib/Icon/thin/WonBadge.js +25 -15
- package/lib/Icon/thin/WonCircle.js +25 -15
- package/lib/Icon/thin/Write.js +22 -12
- package/lib/Icon/thin/YoutubeCircle.js +25 -15
- package/lib/Icon/thin/index.js +179 -177
- package/lib/Icon/types.js +1 -1
- package/lib/ImageThumbnail/ImageThumbnail.js +27 -0
- package/lib/ImageThumbnail/index.js +10 -0
- package/lib/Layout/Center/Center.js +13 -24
- package/lib/Layout/Center/index.js +2 -2
- package/lib/Layout/HStack/HStack.js +14 -8
- package/lib/Layout/HStack/index.js +2 -2
- package/lib/Layout/Position/Position.js +4 -5
- package/lib/Layout/Position/index.js +2 -2
- package/lib/Layout/ResponsiveStack/ResponsiveStack.js +11 -7
- package/lib/Layout/ResponsiveStack/index.js +2 -2
- package/lib/Layout/VStack/VStack.js +14 -8
- package/lib/Layout/VStack/index.js +2 -2
- package/lib/Layout/ZStack/ZStack.js +34 -24
- package/lib/Layout/ZStack/index.js +2 -2
- package/lib/LinearGradient/LinearGradient.js +52 -0
- package/lib/LinearGradient/index.js +10 -0
- package/lib/Link/Link.js +15 -19
- package/lib/Link/index.js +2 -2
- package/lib/Linkify/Linkify.js +74 -0
- package/lib/Linkify/index.js +10 -0
- package/lib/List/List.js +51 -0
- package/lib/List/index.js +10 -0
- package/lib/Media/Image/Image.js +39 -20
- package/lib/Media/Image/index.js +2 -2
- package/lib/Media/Image/useActualSizes.js +38 -11
- package/lib/Media/SeekBar/SeekBar.js +6 -6
- package/lib/Media/SeekBar/index.js +2 -2
- package/lib/Media/Video/Video.js +7 -7
- package/lib/Media/Video/index.js +2 -2
- package/lib/Media/VideoCaption/VideoCaption.js +6 -6
- package/lib/Media/VideoCaption/index.js +2 -2
- package/lib/Media/VideoOverlay/VideoOverlay.js +19 -22
- package/lib/Media/VideoOverlay/index.js +2 -2
- package/lib/Media/VolumeBar/VolumeBar.js +10 -10
- package/lib/Media/VolumeBar/index.js +2 -2
- package/lib/Menu/Menu/Menu.js +15 -12
- package/lib/Menu/Menu/index.js +2 -2
- package/lib/Menu/MenuIcon/MenuIcon.js +11 -7
- package/lib/Menu/MenuIcon/index.js +2 -2
- package/lib/Menu/MenuItem/MenuItem.js +13 -13
- package/lib/Menu/MenuItem/index.js +2 -2
- package/lib/Menu/MenuText/MenuText.js +46 -41
- package/lib/Menu/MenuText/index.js +2 -2
- package/lib/Menu/MenuTextButton/MenuTextButton.js +12 -8
- package/lib/Menu/MenuTextButton/index.js +2 -2
- package/lib/Menu/MenuTextButtonItem/MenuTextButtonItem.js +34 -26
- package/lib/Menu/MenuTextButtonItem/index.js +2 -2
- package/lib/Menu/MenuTextItem/MenuTextItem.js +14 -10
- package/lib/Menu/MenuTextItem/index.js +2 -2
- package/lib/ModalBottomSheet/ModalBottomSheet.js +23 -27
- package/lib/ModalBottomSheet/index.js +3 -3
- package/lib/ModalBottomSheet/useModalBottomSheet.js +3 -3
- package/lib/NewLine/NewLine.js +9 -8
- package/lib/NewLine/index.js +2 -2
- package/lib/Opacity/Opacity.js +4 -3
- package/lib/Opacity/index.js +2 -2
- package/lib/Overlay/Overlay.js +6 -5
- package/lib/Overlay/index.js +2 -2
- package/lib/Pagination/Pagination.js +379 -16
- package/lib/Pagination/index.js +2 -2
- package/lib/Paper/Paper.js +111 -0
- package/lib/Paper/index.js +10 -0
- package/lib/PopoverBottomSheet/PopoverBottomSheet.js +57 -26
- package/lib/PopoverBottomSheet/index.js +2 -2
- package/lib/Portal/Portal.js +21 -12
- package/lib/Portal/index.js +2 -2
- package/lib/Profile/Profile.js +5 -5
- package/lib/Profile/index.js +2 -2
- package/lib/ProfileLabel/ProfileLabel.js +88 -64
- package/lib/ProfileLabel/index.js +2 -2
- package/lib/Progress/ProgressBar/ProgressBar.js +8 -8
- package/lib/Progress/ProgressBar/index.js +2 -2
- package/lib/Progress/ProgressStep/ProgressStep.js +61 -58
- package/lib/Progress/ProgressStep/index.js +2 -2
- package/lib/Rank/Rank.js +17 -17
- package/lib/Rank/index.js +2 -2
- package/lib/Ratio/Ratio.js +40 -41
- package/lib/Ratio/index.js +2 -2
- package/lib/SafeAreaContent/SafeAreaContent.js +26 -0
- package/lib/SafeAreaContent/index.js +10 -0
- package/lib/Scroll/Scroll.js +48 -0
- package/lib/Scroll/index.js +10 -0
- package/lib/Scroll/variant.js +6 -0
- package/lib/ScrollTarget/ScrollTarget.js +34 -0
- package/lib/ScrollTarget/index.js +10 -0
- package/lib/Section/Section.js +14 -22
- package/lib/Section/index.js +2 -2
- package/lib/SectionHeader/SectionHeader.js +11 -10
- package/lib/SectionHeader/index.js +2 -2
- package/lib/SideNavigation/SideNavigation/SideNavigation.js +15 -0
- package/lib/SideNavigation/SideNavigation/index.js +10 -0
- package/lib/SideNavigation/SideNavigationMenu/SideNavigationMenu.js +69 -0
- package/lib/SideNavigation/SideNavigationMenu/index.js +10 -0
- package/lib/SideNavigation/SideNavigationMenuGroup/SideNavigationMenuGroup.js +20 -0
- package/lib/SideNavigation/SideNavigationMenuGroup/index.js +10 -0
- package/lib/SideNavigation/SideNavigationSubMenu/SideNavigationSubMenu.js +44 -0
- package/lib/SideNavigation/SideNavigationSubMenu/index.js +10 -0
- package/lib/Skeleton/Skeleton.js +22 -18
- package/lib/Skeleton/index.js +2 -2
- package/lib/SlideList/SlideList.js +12 -12
- package/lib/SlideList/__mocks__/index.js +1 -1
- package/lib/SlideList/index.js +2 -2
- package/lib/Slider/Slider.js +1227 -123
- package/lib/Slider/hooks/usePageControl.js +98 -0
- package/lib/Slider/index.js +4 -4
- package/lib/Slider/plugins/AutoPlay.js +82 -0
- package/lib/Slider/useSliderState.js +40 -0
- package/lib/Slider/variants.js +25 -0
- package/lib/SliderSection/SliderSection.js +12 -10
- package/lib/SliderSection/index.js +2 -2
- package/lib/Space/Space.js +26 -0
- package/lib/Space/index.js +10 -0
- package/lib/Spinner/Spinner.js +30 -21
- package/lib/Spinner/index.js +2 -2
- package/lib/Svg/Svg.js +49 -0
- package/lib/Svg/index.js +10 -0
- package/lib/Tab/ScrollTabPanel/ScrollTabPanel.js +2 -2
- package/lib/Tab/ScrollTabPanel/index.js +2 -2
- package/lib/Tab/ScrollTabPanelWithObserver/ScrollTabPanelWithObserver.js +6 -6
- package/lib/Tab/ScrollTabPanelWithObserver/index.js +2 -2
- package/lib/Tab/ScrollTabs/ScrollTabs.js +40 -30
- package/lib/Tab/ScrollTabs/index.js +2 -2
- package/lib/Tab/Tab/Tab.js +36 -48
- package/lib/Tab/Tab/index.js +2 -2
- package/lib/Tab/ViewPagerTabPanel/ViewPagerTabPanel.js +8 -5
- package/lib/Tab/ViewPagerTabPanel/index.js +2 -2
- package/lib/Tab/ViewPagerTabs/ViewPagerTabs.js +43 -18
- package/lib/Tab/ViewPagerTabs/index.js +2 -2
- package/lib/Table/Table.js +6950 -0
- package/lib/Table/index.js +10 -0
- package/lib/Tag/Chip/Chip.js +62 -68
- package/lib/Tag/Chip/index.js +2 -2
- package/lib/Tag/IconBadge/IconBadge.js +21 -17
- package/lib/Tag/IconBadge/index.js +2 -2
- package/lib/Tag/StateTag/StateTag.js +18 -14
- package/lib/Tag/StateTag/index.js +2 -2
- package/lib/Tag/Tag/Tag.js +17 -23
- package/lib/Tag/Tag/index.js +2 -2
- package/lib/Tooltip/Tooltip.js +184 -0
- package/lib/Tooltip/index.js +10 -0
- package/lib/Typography/Body/Body.js +20 -9
- package/lib/Typography/Body/index.js +2 -2
- package/lib/Typography/Paragraph/Paragraph.js +13 -9
- package/lib/Typography/Paragraph/index.js +2 -2
- package/lib/Typography/Text/Text.js +42 -45
- package/lib/Typography/Text/index.js +2 -2
- package/lib/Typography/Title/Title.js +18 -13
- package/lib/Typography/Title/index.js +2 -2
- package/lib/Underline/Underline.js +42 -52
- package/lib/Underline/index.js +2 -2
- package/lib/ViewPager/ViewPager.js +11 -7
- package/lib/ViewPager/index.js +2 -2
- package/lib/ViewPager/type.js +1 -1
- package/lib/ViewPagerItem/ViewPagerItem.js +5 -5
- package/lib/ViewPagerItem/index.js +2 -2
- package/lib/VirtualizedList/VirtualizedList.js +56 -0
- package/lib/VirtualizedList/index.js +10 -0
- package/lib/VirtualizedList/variants.js +6 -0
- package/lib/deprecated/Slide/Slide.js +3 -3
- package/lib/deprecated/Slide/index.js +1 -1
- package/lib/deprecated/Swiper/Swiper.js +12 -9
- package/lib/deprecated/Swiper/hooks/useAutoPlay.js +3 -3
- package/lib/deprecated/Swiper/hooks/useSwiper.js +465 -13
- package/lib/deprecated/Swiper/index.js +1 -1
- package/lib/deprecated/Swiper/types/SwiperOptions.js +1 -1
- package/{mime-types-XQXFL7W2.js → mime-types-SLPLVYDI.js} +3 -3
- package/package.json +3 -1
- package/private/Bar/Bar.js +4 -4
- package/private/Bar/index.js +2 -2
- package/private/Box/Box.js +7 -5
- package/private/Box/index.js +2 -2
- package/private/Box/variants.js +6 -0
- package/private/ForwardStyle/ForwardStyle.js +10 -22
- package/private/ForwardStyle/StyledChildren.js +35 -0
- package/private/ForwardStyle/index.js +2 -2
- package/private/Stack/Stack.js +71 -66
- package/private/Stack/index.js +2 -2
- package/private/Transform/Transform.js +4 -5
- package/private/Transform/index.js +2 -2
- package/@types/image.d.js +0 -6
- package/@types/theme.d.js +0 -8
- package/chunk-44GVNF2V.js +0 -39
- package/chunk-5UMHOQ7R.js +0 -38
- package/chunk-CPDZ2HQZ.js +0 -38
- package/chunk-FRH3NN2M.js +0 -38
- package/chunk-K4FOIOQK.js +0 -43
- package/chunk-K4YVFYII.js +0 -462
- package/chunk-LVICGF6E.js +0 -49
- package/chunk-RGF42JSA.js +0 -40
- package/chunk-UMKGAET2.js +0 -63
- package/lib/Animation/Animator/Animator.stories.js +0 -69
- package/lib/Animation/FadeAnimation/FadeAnimation.stories.js +0 -45
- package/lib/Animation/SlideAnimation/SlideAnimation.stories.js +0 -38
- package/lib/Animation/Transition/Transition.stories.js +0 -54
- package/lib/Background/Background.stories.js +0 -38
- package/lib/Button/ButtonIcon/ButtonIcon.js +0 -57
- package/lib/Button/ButtonIcon/index.js +0 -10
- package/lib/Button/IconButton/IconButton.js +0 -144
- package/lib/Button/IconButton/index.js +0 -10
- package/lib/Button/TextButton/TextButton.stories.js +0 -9
- package/lib/ConditionalWrapper/ConditionalWrapper.stories.js +0 -43
- package/lib/Divider/Divider.stories.js +0 -81
- package/lib/Elevation/Elevation.stories.js +0 -36
- package/lib/Form/Description/Description.stories.js +0 -37
- package/lib/Form/FormField/FormField.stories.js +0 -9
- package/lib/Form/InlineTextLabel/InlineTextLabel.stories.js +0 -47
- package/lib/Form/Input/Input.stories.js +0 -9
- package/lib/Form/Label/Label.stories.js +0 -51
- package/lib/Form/Select/Select.stories.js +0 -9
- package/lib/Form/SelectField/SelectField.stories.js +0 -27
- package/lib/Form/TextField/TextField.stories.js +0 -33
- package/lib/Form/TextLabel/TextLabel.stories.js +0 -34
- package/lib/Frame/Frame.js +0 -73
- package/lib/Frame/index.js +0 -10
- package/lib/Highlight/Highlight.stories.js +0 -30
- package/lib/HtmlContentStyle/HtmlContentStyle.stories.js +0 -22
- package/lib/Layout/Center/Center.stories.js +0 -43
- package/lib/Layout/Position/Position.stories.js +0 -42
- package/lib/Link/Link.stories.js +0 -37
- package/lib/Media/Image/Image.stories.js +0 -27
- package/lib/Menu/Menu/Menu.stories.js +0 -36
- package/lib/Menu/MenuIcon/MenuIcon.stories.js +0 -31
- package/lib/Menu/MenuItem/MenuItem.stories.js +0 -9
- package/lib/Menu/MenuText/MenuText.stories.js +0 -9
- package/lib/Menu/MenuTextButton/MenuTextButton.stories.js +0 -10
- package/lib/Menu/MenuTextButtonItem/MenuTextButtonItem.stories.js +0 -39
- package/lib/Menu/MenuTextItem/MenuTextItem.stories.js +0 -30
- package/lib/Opacity/Opacity.stories.js +0 -33
- package/lib/Overlay/Overlay.stories.js +0 -33
- package/lib/Pagination/Pagination.stories.js +0 -37
- package/lib/Progress/ProgressBar/ProgressBar.stories.js +0 -57
- package/lib/Progress/ProgressStep/ProgressStep.stories.js +0 -43
- package/lib/Rank/Rank.stories.js +0 -39
- package/lib/Ratio/Ratio.stories.js +0 -34
- package/lib/Section/Section.stories.js +0 -49
- package/lib/SlideList/SlideList.stories.js +0 -60
- package/lib/Slider/Slider.stories.js +0 -47
- package/lib/Slider/__mocks__/index.js +0 -51
- package/lib/Slider/constants.js +0 -22
- package/lib/Slider/internalHooks/useAutoPlay.js +0 -40
- package/lib/Slider/internalHooks/usePageControl.js +0 -44
- package/lib/Slider/internalHooks/useVirtual.js +0 -27
- package/lib/Slider/useSlider.js +0 -42
- package/lib/SliderSection/SliderSection.stories.js +0 -84
- package/lib/Tab/ScrollTabPanel/ScrollTabPanel.stories.js +0 -21
- package/lib/Tab/ScrollTabPanelWithObserver/ScrollTabPanelWithObserver.stories.js +0 -21
- package/lib/Tab/ScrollTabs/ScrollTabs.stories.js +0 -58
- package/lib/Tab/Tab/Tab.stories.js +0 -47
- package/lib/Tag/Chip/Chip.stories.js +0 -56
- package/lib/Tag/Tag/Tag.stories.js +0 -42
- package/lib/Typography/Body/Body.stories.js +0 -36
- package/lib/Typography/Caption/Caption.js +0 -23
- package/lib/Typography/Caption/Caption.stories.js +0 -43
- package/lib/Typography/Caption/index.js +0 -10
- package/lib/Typography/Paragraph/Paragraph.stories.js +0 -43
- package/lib/Typography/Title/Title.stories.js +0 -41
- package/lib/Underline/Underline.stories.js +0 -38
- package/lib/ViewPager/ViewPager.stories.js +0 -77
- package/lib/deprecated/Swiper/Swiper.stories.js +0 -184
- package/private/Box/Box.stories.js +0 -63
- package/private/ForwardStyle/ForwardStyle.stories.js +0 -26
- package/private/Space/Space.js +0 -15
- package/private/Space/Space.stories.js +0 -39
- package/private/Space/index.js +0 -10
- package/private/Svg/Svg.js +0 -37
- package/private/Svg/index.js +0 -10
- package/utils/appendCssUnit/appendCssUnit.js +0 -15
- package/utils/appendCssUnit/appendCssUnit.spec.js +0 -33
- package/utils/appendCssUnit/index.js +0 -10
- package/utils/index.js +0 -10
@@ -1,21 +1,21 @@
|
|
1
1
|
import {
|
2
2
|
init_react_shim
|
3
|
-
} from "../../../chunk-
|
3
|
+
} from "../../../chunk-VIIHQGZ3.js";
|
4
4
|
|
5
5
|
// libs/shared/ui-system/src/core/variants/propVariant/propVariant.spec.ts
|
6
6
|
init_react_shim();
|
7
|
-
import {propVariant} from "./propVariant.js";
|
7
|
+
import { propVariant } from "./propVariant.js";
|
8
8
|
describe("propVariant", () => {
|
9
9
|
describe.each([
|
10
10
|
{
|
11
11
|
type: "\uD568\uC218",
|
12
|
-
variants: (value) => ({testResult: value + 1})
|
12
|
+
variants: (value) => ({ testResult: value + 1 })
|
13
13
|
},
|
14
14
|
{
|
15
15
|
type: "\uAC1D\uCCB4",
|
16
|
-
variants: {3: {testResult: 4}, 4: {testResult: 5}}
|
16
|
+
variants: { 3: { testResult: 4 }, 4: { testResult: 5 } }
|
17
17
|
}
|
18
|
-
])("variants\uAC00 $type\uB85C \uC815\uC758\uB418\uACE0", ({variants}) => {
|
18
|
+
])("variants\uAC00 $type\uB85C \uC815\uC758\uB418\uACE0", ({ variants }) => {
|
19
19
|
describe("responsive value\uAC00 \uC544\uB2D0 \uB54C", () => {
|
20
20
|
let variantFn;
|
21
21
|
beforeEach(() => {
|
@@ -27,7 +27,7 @@ describe("propVariant", () => {
|
|
27
27
|
describe("variant\uC5D0 \uC788\uB294 prop\uC744 \uB118\uACBC\uC744 \uB54C", () => {
|
28
28
|
let result;
|
29
29
|
beforeEach(() => {
|
30
|
-
result = variantFn({test: 3});
|
30
|
+
result = variantFn({ test: 3 });
|
31
31
|
});
|
32
32
|
it("variant\uC758 \uACB0\uACFC\uAC12\uC774 \uC800\uC7A5\uB41C\uB2E4", () => {
|
33
33
|
expect(result.testResult).toBe(4);
|
@@ -39,7 +39,7 @@ describe("propVariant", () => {
|
|
39
39
|
describe("variant\uC5D0 \uC5C6\uB294 prop\uC744 \uB118\uACBC\uC744 \uB54C", () => {
|
40
40
|
let result;
|
41
41
|
beforeEach(() => {
|
42
|
-
result = variantFn({test2: 3});
|
42
|
+
result = variantFn({ test2: 3 });
|
43
43
|
});
|
44
44
|
it("variant\uAC00 \uC801\uC6A9\uB41C \uAC12\uC740 \uC5C6\uB2E4", () => {
|
45
45
|
expect(result.testResult).toBeUndefined();
|
@@ -52,12 +52,12 @@ describe("propVariant", () => {
|
|
52
52
|
describe("responsive value\uC77C \uB54C", () => {
|
53
53
|
let variantFn;
|
54
54
|
beforeEach(() => {
|
55
|
-
variantFn = propVariant({prop: "test", variants, responsive: true});
|
55
|
+
variantFn = propVariant({ prop: "test", variants, responsive: true });
|
56
56
|
});
|
57
57
|
describe("prop\uC744 \uBC30\uC5F4\uB85C \uB118\uAE30\uBA74", () => {
|
58
58
|
let result;
|
59
59
|
beforeEach(() => {
|
60
|
-
result = variantFn({test: [3, 4, 3, 4]});
|
60
|
+
result = variantFn({ test: [3, 4, 3, 4] });
|
61
61
|
});
|
62
62
|
it("variant\uAC00 \uC801\uC6A9\uB41C \uAC12\uC774 \uBC30\uC5F4\uB85C \uC5F0\uC0B0\uB418\uC5B4 \uB098\uC628\uB2E4", () => {
|
63
63
|
expect(result.testResult).toEqual([4, 5, 4, 5]);
|
@@ -69,7 +69,7 @@ describe("propVariant", () => {
|
|
69
69
|
});
|
70
70
|
describe("prop \uAC12\uC774 \uB118\uC5B4\uAC00\uC9C0 \uC54A\uC744 \uB54C", () => {
|
71
71
|
let variantFn;
|
72
|
-
const execute = () => variantFn({test: null});
|
72
|
+
const execute = () => variantFn({ test: null });
|
73
73
|
describe("defaultValue\uAC00 \uC124\uC815\uB418\uC5B4 \uC788\uC73C\uBA74", () => {
|
74
74
|
beforeEach(() => {
|
75
75
|
variantFn = propVariant({
|
@@ -0,0 +1,32 @@
|
|
1
|
+
import {
|
2
|
+
__spreadProps,
|
3
|
+
__spreadValues,
|
4
|
+
init_react_shim
|
5
|
+
} from "../../../chunk-VIIHQGZ3.js";
|
6
|
+
|
7
|
+
// libs/shared/ui-system/src/core/variants/propsVariant/propsVariant.ts
|
8
|
+
init_react_shim();
|
9
|
+
import { getPaddedResponsiveArray } from "../../props/utils/getResponsiveValue.js";
|
10
|
+
import { getVariantValue } from "../baseVariant/index.js";
|
11
|
+
function propsVariant(options) {
|
12
|
+
return (originalProps) => {
|
13
|
+
const { props, variants } = options;
|
14
|
+
const { __theme__ } = originalProps;
|
15
|
+
const nextProps = __spreadValues({}, originalProps);
|
16
|
+
const values = props ? props.reduce((prev, curr) => {
|
17
|
+
if (curr.skipForward) {
|
18
|
+
delete nextProps[curr.name];
|
19
|
+
}
|
20
|
+
if (originalProps[curr.name] === void 0) {
|
21
|
+
return prev;
|
22
|
+
}
|
23
|
+
return __spreadProps(__spreadValues({}, prev), {
|
24
|
+
[curr.name]: curr.responsive ? getPaddedResponsiveArray(__theme__.breakpoints, originalProps[curr.name]) : originalProps[curr.name]
|
25
|
+
});
|
26
|
+
}, {}) : originalProps;
|
27
|
+
return __spreadValues(__spreadValues({}, nextProps), getVariantValue(values, variants));
|
28
|
+
};
|
29
|
+
}
|
30
|
+
export {
|
31
|
+
propsVariant
|
32
|
+
};
|
@@ -0,0 +1,73 @@
|
|
1
|
+
import {
|
2
|
+
__spreadValues,
|
3
|
+
init_react_shim
|
4
|
+
} from "../../../chunk-VIIHQGZ3.js";
|
5
|
+
|
6
|
+
// libs/shared/ui-system/src/core/variants/propsVariant/propsVariant.spec.ts
|
7
|
+
init_react_shim();
|
8
|
+
import { defaultTheme } from "../../theme/defaultTheme.js";
|
9
|
+
import { propsVariant } from "./propsVariant.js";
|
10
|
+
import { getPaddedResponsiveArray } from "../../props/utils/getResponsiveValue.js";
|
11
|
+
describe("propsVariant", () => {
|
12
|
+
const theme = defaultTheme;
|
13
|
+
describe("Props\uC5D0 size, direction\uC774 \uC788\uACE0", () => {
|
14
|
+
let variantFn;
|
15
|
+
beforeEach(() => {
|
16
|
+
variantFn = propsVariant({
|
17
|
+
props: [
|
18
|
+
{
|
19
|
+
name: "size",
|
20
|
+
skipForward: true
|
21
|
+
},
|
22
|
+
{
|
23
|
+
name: "direction",
|
24
|
+
responsive: true
|
25
|
+
}
|
26
|
+
],
|
27
|
+
variants: ({ size, direction }) => ({
|
28
|
+
result: {
|
29
|
+
size,
|
30
|
+
direction
|
31
|
+
}
|
32
|
+
})
|
33
|
+
});
|
34
|
+
});
|
35
|
+
describe.each([
|
36
|
+
{ props: { size: "sm", direction: "vertical" } },
|
37
|
+
{ props: { size: "sm", direction: ["vertical", "horizontal"] } }
|
38
|
+
])("prop\uC5D0 $props.size, $props.direction\uC744 \uB118\uAE30\uBA74", ({ props }) => {
|
39
|
+
let variantFnResult;
|
40
|
+
beforeEach(() => {
|
41
|
+
variantFnResult = variantFn(__spreadValues({
|
42
|
+
__theme__: theme
|
43
|
+
}, props));
|
44
|
+
});
|
45
|
+
it("skipForward \uC635\uC158\uC744 \uC900 size prop\uC740 \uC0AC\uB77C\uC9C4\uB2E4", () => {
|
46
|
+
expect(variantFnResult.size).toBeUndefined();
|
47
|
+
});
|
48
|
+
it("skipForward \uC635\uC158\uC744 \uC8FC\uC9C0 \uC54A\uC740 direction prop\uC740 \uADF8\uB300\uB85C\uC774\uB2E4", () => {
|
49
|
+
expect(variantFnResult.direction).toEqual(props.direction);
|
50
|
+
});
|
51
|
+
it("result\uC5D0 size\uB294 prop\uC73C\uB85C \uB118\uAE34 size \uAC12\uC774\uB2E4", () => {
|
52
|
+
expect(variantFnResult.result.size).toEqual(props.size);
|
53
|
+
});
|
54
|
+
it("result\uC5D0 direction\uC740 breakpoints \uB9CC\uD07C \uBC30\uC5F4\uB85C \uB9CC\uB4E4\uC5B4\uC9C4\uB2E4", () => {
|
55
|
+
expect(variantFnResult.result.direction).toEqual(getPaddedResponsiveArray(theme.breakpoints, props.direction));
|
56
|
+
});
|
57
|
+
});
|
58
|
+
describe(`prop\uC5D0 size, direction \uAC12\uC744 \uB118\uAE30\uC9C0 \uC54A\uC73C\uBA74`, () => {
|
59
|
+
let variantFnResult;
|
60
|
+
beforeEach(() => {
|
61
|
+
variantFnResult = variantFn({
|
62
|
+
__theme__: theme
|
63
|
+
});
|
64
|
+
});
|
65
|
+
it("result\uC5D0 size \uAC12\uC740 undefined\uC774\uB2E4", () => {
|
66
|
+
expect(variantFnResult.result.size).toBeUndefined();
|
67
|
+
});
|
68
|
+
it("result\uC5D0 direction \uAC12\uC740 undefined\uC774\uB2E4", () => {
|
69
|
+
expect(variantFnResult.result.direction).toBeUndefined();
|
70
|
+
});
|
71
|
+
});
|
72
|
+
});
|
73
|
+
});
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import {
|
2
2
|
init_react_shim
|
3
|
-
} from "../../../chunk-
|
3
|
+
} from "../../../chunk-VIIHQGZ3.js";
|
4
4
|
|
5
5
|
// libs/shared/ui-system/src/core/variants/styleVariant/index.ts
|
6
6
|
init_react_shim();
|
7
|
-
import {styleVariant} from "./styleVariant.js";
|
7
|
+
import { styleVariant } from "./styleVariant.js";
|
8
8
|
export {
|
9
9
|
styleVariant
|
10
10
|
};
|
@@ -1,39 +1,42 @@
|
|
1
1
|
import {
|
2
2
|
index_esm_default
|
3
|
-
} from "../../../chunk-
|
3
|
+
} from "../../../chunk-37VQUPZR.js";
|
4
4
|
import {
|
5
|
+
__spreadProps,
|
6
|
+
__spreadValues,
|
5
7
|
init_react_shim
|
6
|
-
} from "../../../chunk-
|
8
|
+
} from "../../../chunk-VIIHQGZ3.js";
|
7
9
|
|
8
10
|
// libs/shared/ui-system/src/core/variants/styleVariant/styleVariant.ts
|
9
11
|
init_react_shim();
|
10
|
-
import {getVariantValue} from "../baseVariant/baseVariant.js";
|
12
|
+
import { getVariantValue } from "../baseVariant/baseVariant.js";
|
13
|
+
import { makeStyle } from "../makeStyled/makeStyled.js";
|
11
14
|
function styleVariant(option) {
|
12
15
|
return (originalProps) => {
|
13
|
-
const {prop, variants, responsive, defaultValue, skipForward} = option;
|
16
|
+
const { prop, variants, responsive, defaultValue, skipForward } = option;
|
17
|
+
const { __theme__, __styles__ } = originalProps;
|
14
18
|
const variantKey = originalProps[prop] || defaultValue;
|
15
19
|
if (!variantKey || !variants) {
|
16
20
|
return originalProps;
|
17
21
|
}
|
18
|
-
const
|
19
|
-
const nextStyles = [...__styles__ ?? []];
|
22
|
+
const nextStyles = [...__styles__ != null ? __styles__ : []];
|
20
23
|
if (responsive && Array.isArray(variantKey)) {
|
21
24
|
const styles = variantKey.reduce((prev, key, index) => {
|
22
25
|
const value = getVariantValue(key, variants);
|
23
26
|
if (index === 0) {
|
24
|
-
return {
|
27
|
+
return __spreadValues(__spreadValues({}, prev), index_esm_default(value)(__theme__));
|
25
28
|
}
|
26
29
|
const media = createMediaQuery(__theme__.breakpoints[index - 1]);
|
27
30
|
const style = index_esm_default(value)(__theme__);
|
28
|
-
return {
|
31
|
+
return __spreadProps(__spreadValues({}, prev), { [media]: style });
|
29
32
|
}, {});
|
30
|
-
nextStyles.push(styles);
|
33
|
+
nextStyles.push(makeStyle(styles));
|
31
34
|
} else {
|
32
35
|
const value = getVariantValue(variantKey, variants);
|
33
36
|
const style = index_esm_default(value)(__theme__);
|
34
|
-
nextStyles.push(style);
|
37
|
+
nextStyles.push(makeStyle(style));
|
35
38
|
}
|
36
|
-
const nextProps = {
|
39
|
+
const nextProps = __spreadProps(__spreadValues({}, originalProps), { __styles__: nextStyles });
|
37
40
|
if (skipForward) {
|
38
41
|
delete nextProps[prop];
|
39
42
|
}
|
@@ -1,31 +1,33 @@
|
|
1
1
|
import {
|
2
|
+
__spreadProps,
|
3
|
+
__spreadValues,
|
2
4
|
init_react_shim
|
3
|
-
} from "../../../chunk-
|
5
|
+
} from "../../../chunk-VIIHQGZ3.js";
|
4
6
|
|
5
7
|
// libs/shared/ui-system/src/core/variants/styleVariant/styleVariant.spec.ts
|
6
8
|
init_react_shim();
|
7
|
-
import {defaultTheme} from "../../theme/defaultTheme.js";
|
8
|
-
import {styleVariant} from "./styleVariant.js";
|
9
|
+
import { defaultTheme } from "../../theme/defaultTheme.js";
|
10
|
+
import { styleVariant } from "./styleVariant.js";
|
9
11
|
describe("styleVariant", () => {
|
10
|
-
const defaultProps = {
|
12
|
+
const defaultProps = { __theme__: defaultTheme };
|
11
13
|
describe("responsive \uAC12\uC774 \uC544\uB2C8\uBA74", () => {
|
12
14
|
let variantFn;
|
13
15
|
beforeEach(() => {
|
14
|
-
variantFn = styleVariant({prop: "test", variants: {sm: {marginLeft:
|
16
|
+
variantFn = styleVariant({ prop: "test", variants: { sm: { marginLeft: 10 }, md: { marginLeft: 20 } } });
|
15
17
|
});
|
16
18
|
describe("variant\uC5D0 \uC788\uB294 prop\uC744 \uB118\uACBC\uC744 \uB54C", () => {
|
17
19
|
let result;
|
18
20
|
beforeEach(() => {
|
19
|
-
result = variantFn({
|
21
|
+
result = variantFn(__spreadProps(__spreadValues({}, defaultProps), { test: "sm" }));
|
20
22
|
});
|
21
23
|
it("variant\uC5D0 \uB9DE\uAC8C \uAC12\uC774 \uB118\uC5B4\uC628\uB2E4", () => {
|
22
|
-
expect(result.__styles__).toEqual([{marginLeft: 10}]);
|
24
|
+
expect(result.__styles__).toEqual([{ marginLeft: 10 }]);
|
23
25
|
});
|
24
26
|
});
|
25
27
|
describe("variant\uC5D0 \uC5C6\uB294 prop\uC744 \uB118\uACBC\uC744 \uB54C", () => {
|
26
28
|
let result;
|
27
29
|
beforeEach(() => {
|
28
|
-
result = variantFn({
|
30
|
+
result = variantFn(__spreadProps(__spreadValues({}, defaultProps), { test: "lg" }));
|
29
31
|
});
|
30
32
|
it("\uC2A4\uD0C0\uC77C\uC740 \uC874\uC7AC\uD558\uC9C0 \uC54A\uB294\uB2E4", () => {
|
31
33
|
expect(result.__styles__).toEqual([{}]);
|
@@ -37,14 +39,14 @@ describe("styleVariant", () => {
|
|
37
39
|
beforeEach(() => {
|
38
40
|
variantFn = styleVariant({
|
39
41
|
prop: "test",
|
40
|
-
variants: {sm: {marginLeft:
|
42
|
+
variants: { sm: { marginLeft: 10 }, md: { marginLeft: 20 } },
|
41
43
|
responsive: true
|
42
44
|
});
|
43
45
|
});
|
44
46
|
describe("\uAC12\uC774 \uBC30\uC5F4\uB85C \uB118\uC5B4\uAC08 \uB54C", () => {
|
45
47
|
let result;
|
46
48
|
beforeEach(() => {
|
47
|
-
result = variantFn({
|
49
|
+
result = variantFn(__spreadProps(__spreadValues({}, defaultProps), { test: ["sm", "md", "sm"] }));
|
48
50
|
});
|
49
51
|
it("media query\uAC00 \uC801\uC6A9\uB41C \uAC12\uC774 \uB098\uC628\uB2E4", () => {
|
50
52
|
expect(result.__styles__).toEqual([
|
@@ -63,10 +65,10 @@ describe("styleVariant", () => {
|
|
63
65
|
describe("\uAC12\uC774 \uBC30\uC5F4\uC774 \uC544\uB2C8\uAC8C \uB118\uC5B4\uAC08 \uB54C", () => {
|
64
66
|
let result;
|
65
67
|
beforeEach(() => {
|
66
|
-
result = variantFn({
|
68
|
+
result = variantFn(__spreadProps(__spreadValues({}, defaultProps), { test: "sm" }));
|
67
69
|
});
|
68
70
|
it("media query\uAC00 \uC801\uC6A9\uB418\uC9C0 \uC54A\uB294 \uAC12\uC774 \uB098\uC628\uB2E4", () => {
|
69
|
-
expect(result.__styles__).toEqual([{marginLeft: 10}]);
|
71
|
+
expect(result.__styles__).toEqual([{ marginLeft: 10 }]);
|
70
72
|
});
|
71
73
|
});
|
72
74
|
});
|
@@ -0,0 +1,40 @@
|
|
1
|
+
import {
|
2
|
+
index_esm_default
|
3
|
+
} from "../../../chunk-37VQUPZR.js";
|
4
|
+
import {
|
5
|
+
__spreadProps,
|
6
|
+
__spreadValues,
|
7
|
+
init_react_shim
|
8
|
+
} from "../../../chunk-VIIHQGZ3.js";
|
9
|
+
|
10
|
+
// libs/shared/ui-system/src/core/variants/stylesVariant/stylesVariant.ts
|
11
|
+
init_react_shim();
|
12
|
+
import { getPaddedResponsiveArray } from "../../props/utils/getResponsiveValue.js";
|
13
|
+
import { getVariantValue } from "../baseVariant/index.js";
|
14
|
+
import { makeStyle } from "../makeStyled/index.js";
|
15
|
+
function stylesVariant(options) {
|
16
|
+
return (originalProps) => {
|
17
|
+
const { props, variants } = options;
|
18
|
+
const { __theme__, __styles__ } = originalProps;
|
19
|
+
const nextProps = __spreadValues({}, originalProps);
|
20
|
+
const values = props ? props.reduce((prev, curr) => {
|
21
|
+
if (curr.skipForward) {
|
22
|
+
delete nextProps[curr.name];
|
23
|
+
}
|
24
|
+
if (originalProps[curr.name] === void 0) {
|
25
|
+
return prev;
|
26
|
+
}
|
27
|
+
return __spreadProps(__spreadValues({}, prev), {
|
28
|
+
[curr.name]: curr.responsive ? getPaddedResponsiveArray(__theme__.breakpoints, originalProps[curr.name]) : originalProps[curr.name]
|
29
|
+
});
|
30
|
+
}, {}) : originalProps;
|
31
|
+
const nextStyles = [...__styles__ != null ? __styles__ : []];
|
32
|
+
nextStyles.push(makeStyle(index_esm_default(getVariantValue(values, variants))(__theme__)));
|
33
|
+
return __spreadProps(__spreadValues({}, nextProps), {
|
34
|
+
__styles__: nextStyles
|
35
|
+
});
|
36
|
+
};
|
37
|
+
}
|
38
|
+
export {
|
39
|
+
stylesVariant
|
40
|
+
};
|
@@ -0,0 +1,52 @@
|
|
1
|
+
import {
|
2
|
+
__spreadValues,
|
3
|
+
init_react_shim
|
4
|
+
} from "../../../chunk-VIIHQGZ3.js";
|
5
|
+
|
6
|
+
// libs/shared/ui-system/src/core/variants/stylesVariant/stylesVariant.spec.ts
|
7
|
+
init_react_shim();
|
8
|
+
import { defaultTheme } from "../../theme/defaultTheme.js";
|
9
|
+
import { stylesVariant } from "./stylesVariant.js";
|
10
|
+
describe("stylesVariant", () => {
|
11
|
+
const theme = defaultTheme;
|
12
|
+
describe("Props\uC5D0 size, direction\uC774 \uC788\uACE0", () => {
|
13
|
+
let variantFn;
|
14
|
+
beforeEach(() => {
|
15
|
+
variantFn = stylesVariant({
|
16
|
+
props: [
|
17
|
+
{
|
18
|
+
name: "size",
|
19
|
+
skipForward: true
|
20
|
+
},
|
21
|
+
{
|
22
|
+
name: "direction"
|
23
|
+
}
|
24
|
+
],
|
25
|
+
variants: ({ size, direction }) => ({
|
26
|
+
marginTop: size === "sm" ? 4 : 12,
|
27
|
+
flexDirection: direction === "vertical" ? "row" : "column"
|
28
|
+
})
|
29
|
+
});
|
30
|
+
});
|
31
|
+
describe.each([
|
32
|
+
{ props: { size: "sm", direction: "vertical" }, result: { marginTop: 4, flexDirection: "row" } },
|
33
|
+
{ props: { size: "md", direction: "horizontal" }, result: { marginTop: 12, flexDirection: "column" } }
|
34
|
+
])("prop\uC5D0 $props.size, $props.direction\uC744 \uB118\uAE30\uBA74", ({ props, result }) => {
|
35
|
+
let variantFnResult;
|
36
|
+
beforeEach(() => {
|
37
|
+
variantFnResult = variantFn(__spreadValues({
|
38
|
+
__theme__: theme
|
39
|
+
}, props));
|
40
|
+
});
|
41
|
+
it("skipForward \uC635\uC158\uC744 \uC900 size prop\uC740 \uC0AC\uB77C\uC9C4\uB2E4", () => {
|
42
|
+
expect(variantFnResult.size).toBeUndefined();
|
43
|
+
});
|
44
|
+
it("skipForward \uC635\uC158\uC744 \uC8FC\uC9C0 \uC54A\uC740 direction prop\uC740 \uADF8\uB300\uB85C\uC774\uB2E4", () => {
|
45
|
+
expect(variantFnResult.direction).toEqual(props.direction);
|
46
|
+
});
|
47
|
+
it("style\uC774 variant\uC5D0 \uB9DE\uAC8C \uB4E4\uC5B4\uAC04\uB2E4", () => {
|
48
|
+
expect(variantFnResult.__styles__).toEqual([result]);
|
49
|
+
});
|
50
|
+
});
|
51
|
+
});
|
52
|
+
});
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import {
|
2
2
|
init_react_shim
|
3
|
-
} from "../../../chunk-
|
3
|
+
} from "../../../chunk-VIIHQGZ3.js";
|
4
4
|
|
5
5
|
// libs/shared/ui-system/src/core/variants/system/index.ts
|
6
6
|
init_react_shim();
|
7
|
-
import {system} from "./system.js";
|
7
|
+
import { system } from "./system.js";
|
8
8
|
export {
|
9
9
|
system
|
10
10
|
};
|
@@ -1,33 +1,34 @@
|
|
1
|
-
import {
|
2
|
-
emotion_styled_browser_esm_default
|
3
|
-
} from "../../../chunk-KBR5BGSG.js";
|
4
1
|
import {
|
5
2
|
useTheme
|
6
|
-
} from "../../../chunk-
|
7
|
-
import "../../../chunk-
|
3
|
+
} from "../../../chunk-T7TBQTBE.js";
|
4
|
+
import "../../../chunk-LE44IRCL.js";
|
5
|
+
import "../../../chunk-CGEEKALF.js";
|
6
|
+
import "../../../chunk-J3Q2BPOW.js";
|
8
7
|
import {
|
8
|
+
__spreadProps,
|
9
|
+
__spreadValues,
|
9
10
|
init_react_shim
|
10
|
-
} from "../../../chunk-
|
11
|
+
} from "../../../chunk-VIIHQGZ3.js";
|
11
12
|
|
12
13
|
// libs/shared/ui-system/src/core/variants/system/system.ts
|
13
14
|
init_react_shim();
|
14
|
-
import {createElement, forwardRef} from "react";
|
15
|
+
import { createElement, forwardRef } from "react";
|
16
|
+
import { makeStyled } from "../makeStyled/index.js";
|
15
17
|
function system() {
|
16
|
-
return (...variants) => (component) =>
|
17
|
-
const
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
18
|
+
return (...variants) => (component) => {
|
19
|
+
const styledElement = makeStyled(component)((props) => props.__styles__);
|
20
|
+
return forwardRef((props, ref) => {
|
21
|
+
const theme = useTheme();
|
22
|
+
const nextProps = variants.reduce((previousProp, variant) => variant(previousProp), __spreadProps(__spreadValues({}, props), {
|
23
|
+
ref,
|
24
|
+
__theme__: theme
|
25
|
+
}));
|
26
|
+
if (nextProps.__styles__) {
|
27
|
+
return createElement(styledElement, nextProps);
|
28
|
+
}
|
29
|
+
return createElement(component, nextProps);
|
22
30
|
});
|
23
|
-
|
24
|
-
if (nextProps.__styles__) {
|
25
|
-
const styles = nextProps.__styles__;
|
26
|
-
delete nextProps.__styles__;
|
27
|
-
return createElement(emotion_styled_browser_esm_default(component)(...styles), nextProps);
|
28
|
-
}
|
29
|
-
return createElement(component, nextProps);
|
30
|
-
});
|
31
|
+
};
|
31
32
|
}
|
32
33
|
export {
|
33
34
|
system
|
@@ -0,0 +1,12 @@
|
|
1
|
+
import {
|
2
|
+
init_react_shim
|
3
|
+
} from "../../chunk-VIIHQGZ3.js";
|
4
|
+
|
5
|
+
// libs/shared/ui-system/src/hooks/useIsMobile/useIsMobile.tsx
|
6
|
+
init_react_shim();
|
7
|
+
import { baseTheme } from "../../core/theme/baseTheme.js";
|
8
|
+
import { useMediaQuery } from "../useMediaQuery/index.js";
|
9
|
+
var useIsMobile = () => useMediaQuery(baseTheme.mediaQueries.mobile);
|
10
|
+
export {
|
11
|
+
useIsMobile
|
12
|
+
};
|
@@ -0,0 +1,32 @@
|
|
1
|
+
import {
|
2
|
+
isServer
|
3
|
+
} from "../../chunk-LN36XQS3.js";
|
4
|
+
import {
|
5
|
+
init_react_shim
|
6
|
+
} from "../../chunk-VIIHQGZ3.js";
|
7
|
+
|
8
|
+
// libs/shared/ui-system/src/hooks/useMediaQuery/useMediaQuery.ts
|
9
|
+
init_react_shim();
|
10
|
+
import { useLayoutEffect, useState } from "react";
|
11
|
+
function useMediaQuery(query, defaultValue = false) {
|
12
|
+
const [matches, setMatches] = useState(() => {
|
13
|
+
if (isServer) {
|
14
|
+
return defaultValue;
|
15
|
+
}
|
16
|
+
return window.matchMedia(query).matches;
|
17
|
+
});
|
18
|
+
useLayoutEffect(() => {
|
19
|
+
const media = window.matchMedia(query);
|
20
|
+
const updateMatch = () => setMatches(media.matches);
|
21
|
+
if (media.addEventListener) {
|
22
|
+
media.addEventListener("change", updateMatch);
|
23
|
+
return () => media.removeEventListener("change", updateMatch);
|
24
|
+
}
|
25
|
+
media.addListener(updateMatch);
|
26
|
+
return () => media.removeListener(updateMatch);
|
27
|
+
}, [matches, query]);
|
28
|
+
return matches;
|
29
|
+
}
|
30
|
+
export {
|
31
|
+
useMediaQuery
|
32
|
+
};
|
@@ -0,0 +1,10 @@
|
|
1
|
+
import {
|
2
|
+
init_react_shim
|
3
|
+
} from "../../chunk-VIIHQGZ3.js";
|
4
|
+
|
5
|
+
// libs/shared/ui-system/src/hooks/useNativeResponsiveValue/index.ts
|
6
|
+
init_react_shim();
|
7
|
+
import { useNativeResponsiveValue } from "./useNativeResponsiveValue.js";
|
8
|
+
export {
|
9
|
+
useNativeResponsiveValue
|
10
|
+
};
|
@@ -0,0 +1,42 @@
|
|
1
|
+
import {
|
2
|
+
require_cjs
|
3
|
+
} from "../../chunk-2A2YD3YP.js";
|
4
|
+
import "../../chunk-IFZN3H2K.js";
|
5
|
+
import "../../chunk-R4HM35UZ.js";
|
6
|
+
import {
|
7
|
+
useTheme
|
8
|
+
} from "../../chunk-T7TBQTBE.js";
|
9
|
+
import "../../chunk-LE44IRCL.js";
|
10
|
+
import "../../chunk-CGEEKALF.js";
|
11
|
+
import "../../chunk-J3Q2BPOW.js";
|
12
|
+
import {
|
13
|
+
__toModule,
|
14
|
+
init_react_shim
|
15
|
+
} from "../../chunk-VIIHQGZ3.js";
|
16
|
+
|
17
|
+
// libs/shared/ui-system/src/hooks/useNativeResponsiveValue/useNativeResponsiveValue.ts
|
18
|
+
init_react_shim();
|
19
|
+
|
20
|
+
// libs/shared/utils-native-stylesheet/src/index.ts
|
21
|
+
init_react_shim();
|
22
|
+
|
23
|
+
// libs/shared/utils-native-stylesheet/src/lib/useDimension/index.ts
|
24
|
+
init_react_shim();
|
25
|
+
|
26
|
+
// libs/shared/utils-native-stylesheet/src/lib/useDimension/useDimension.ts
|
27
|
+
init_react_shim();
|
28
|
+
var import_react_native = __toModule(require_cjs());
|
29
|
+
var useDimension = () => (0, import_react_native.useWindowDimensions)();
|
30
|
+
|
31
|
+
// libs/shared/ui-system/src/hooks/useNativeResponsiveValue/useNativeResponsiveValue.ts
|
32
|
+
import { getPaddedResponsiveArray } from "../../core/index.js";
|
33
|
+
function useNativeResponsiveValue(responsiveValue) {
|
34
|
+
const { width } = useDimension();
|
35
|
+
const { breakpoints } = useTheme();
|
36
|
+
const arrayValue = getPaddedResponsiveArray(breakpoints, responsiveValue);
|
37
|
+
const matchedBreakpointIndex = [...breakpoints, `${width + 1}px`].findIndex((breakpoint) => width < parseInt(breakpoint, 10));
|
38
|
+
return arrayValue[matchedBreakpointIndex];
|
39
|
+
}
|
40
|
+
export {
|
41
|
+
useNativeResponsiveValue
|
42
|
+
};
|
@@ -1,10 +1,10 @@
|
|
1
1
|
import {
|
2
2
|
init_react_shim
|
3
|
-
} from "../../chunk-
|
3
|
+
} from "../../chunk-VIIHQGZ3.js";
|
4
4
|
|
5
5
|
// libs/shared/ui-system/src/hooks/useResponsiveValue/index.ts
|
6
6
|
init_react_shim();
|
7
|
-
import {useResponsiveValue} from "./useResponsiveValue.js";
|
7
|
+
import { useResponsiveValue } from "./useResponsiveValue.js";
|
8
8
|
export {
|
9
9
|
useResponsiveValue
|
10
10
|
};
|