@remember-web/primitive 0.0.0-alpha.1 → 0.0.0-alpha.10
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/dist/primitive/src/Avatars/Avatar/index.cjs +3 -3
- package/dist/primitive/src/Avatars/Avatar/index.cjs.map +1 -1
- package/dist/primitive/src/Avatars/Avatar/index.d.ts +1 -1
- package/dist/primitive/src/Avatars/Avatar/index.d.ts.map +1 -1
- package/dist/primitive/src/Avatars/Avatar/{index.js → index.mjs} +4 -4
- package/dist/primitive/src/Avatars/Avatar/index.mjs.map +1 -0
- package/dist/primitive/src/Avatars/Avatar/styles.cjs +4 -1
- package/dist/primitive/src/Avatars/Avatar/styles.cjs.map +1 -1
- package/dist/primitive/src/Avatars/Avatar/{styles.js → styles.mjs} +5 -2
- package/dist/primitive/src/Avatars/Avatar/styles.mjs.map +1 -0
- package/dist/primitive/src/Badge/{Badge.js → Badge.mjs} +3 -3
- package/dist/primitive/src/Badge/Badge.mjs.map +1 -0
- package/dist/primitive/src/Badge/style.cjs +6 -7
- package/dist/primitive/src/Badge/style.cjs.map +1 -1
- package/dist/primitive/src/Badge/style.mjs +29 -0
- package/dist/primitive/src/Badge/style.mjs.map +1 -0
- package/dist/primitive/src/Badge/{utils.js → utils.mjs} +2 -2
- package/dist/primitive/src/Badge/utils.mjs.map +1 -0
- package/dist/primitive/src/Buttons/Button/Button.stories.d.ts +1 -1
- package/dist/primitive/src/Buttons/Button/{const.js → const.mjs} +1 -1
- package/dist/primitive/src/Buttons/Button/const.mjs.map +1 -0
- package/dist/primitive/src/Buttons/Button/{index.js → index.mjs} +8 -8
- package/dist/primitive/src/Buttons/Button/index.mjs.map +1 -0
- package/dist/primitive/src/Buttons/Button/styles.cjs +7 -7
- package/dist/primitive/src/Buttons/Button/styles.cjs.map +1 -1
- package/dist/primitive/src/Buttons/Button/styles.mjs +26 -0
- package/dist/primitive/src/Buttons/Button/styles.mjs.map +1 -0
- package/dist/primitive/src/Common/Divider/index.cjs +4 -4
- package/dist/primitive/src/Common/Divider/index.cjs.map +1 -1
- package/dist/primitive/src/Common/Divider/{index.js → index.mjs} +5 -4
- package/dist/primitive/src/Common/Divider/index.mjs.map +1 -0
- package/dist/primitive/src/Common/Flex/index.cjs +5 -5
- package/dist/primitive/src/Common/Flex/index.cjs.map +1 -1
- package/dist/primitive/src/Common/Flex/{index.js → index.mjs} +6 -5
- package/dist/primitive/src/Common/Flex/index.mjs.map +1 -0
- package/dist/primitive/src/Common/Grid/index.cjs +4 -4
- package/dist/primitive/src/Common/Grid/index.cjs.map +1 -1
- package/dist/primitive/src/Common/Grid/{index.js → index.mjs} +5 -4
- package/dist/primitive/src/Common/Grid/index.mjs.map +1 -0
- package/dist/primitive/src/Common/Spinner/{index.js → index.mjs} +2 -2
- package/dist/primitive/src/Common/Spinner/index.mjs.map +1 -0
- package/dist/primitive/src/Common/Spinner/styles.cjs +6 -6
- package/dist/primitive/src/Common/Spinner/styles.cjs.map +1 -1
- package/dist/primitive/src/Common/Spinner/styles.mjs +15 -0
- package/dist/primitive/src/Common/Spinner/styles.mjs.map +1 -0
- package/dist/primitive/src/Common/Typography/{index.js → index.mjs} +2 -2
- package/dist/primitive/src/Common/Typography/index.mjs.map +1 -0
- package/dist/primitive/src/Common/Typography/styles.cjs +4 -4
- package/dist/primitive/src/Common/Typography/styles.cjs.map +1 -1
- package/dist/primitive/src/Common/Typography/{styles.js → styles.mjs} +5 -4
- package/dist/primitive/src/Common/Typography/styles.mjs.map +1 -0
- package/dist/primitive/src/Control/BaseToggle/ToggleIcon/{index.js → index.mjs} +1 -1
- package/dist/primitive/src/Control/BaseToggle/ToggleIcon/index.mjs.map +1 -0
- package/dist/primitive/src/Control/BaseToggle/{index.js → index.mjs} +8 -8
- package/dist/primitive/src/Control/BaseToggle/index.mjs.map +1 -0
- package/dist/primitive/src/Control/BaseToggle/styles.cjs +8 -5
- package/dist/primitive/src/Control/BaseToggle/styles.cjs.map +1 -1
- package/dist/primitive/src/Control/BaseToggle/styles.mjs +18 -0
- package/dist/primitive/src/Control/BaseToggle/styles.mjs.map +1 -0
- package/dist/primitive/src/Control/{Checkbox.js → Checkbox.mjs} +2 -2
- package/dist/primitive/src/Control/Checkbox.mjs.map +1 -0
- package/dist/primitive/src/Control/{Radio.js → Radio.mjs} +2 -2
- package/dist/primitive/src/Control/Radio.mjs.map +1 -0
- package/dist/primitive/src/Control/Switch/{index.js → index.mjs} +2 -2
- package/dist/primitive/src/Control/Switch/index.mjs.map +1 -0
- package/dist/primitive/src/Control/Switch/styles.cjs +14 -8
- package/dist/primitive/src/Control/Switch/styles.cjs.map +1 -1
- package/dist/primitive/src/Control/Switch/styles.mjs +26 -0
- package/dist/primitive/src/Control/Switch/styles.mjs.map +1 -0
- package/dist/primitive/src/Control/Toggle.cjs +4 -4
- package/dist/primitive/src/Control/Toggle.cjs.map +1 -1
- package/dist/primitive/src/Control/{Toggle.js → Toggle.mjs} +6 -5
- package/dist/primitive/src/Control/Toggle.mjs.map +1 -0
- package/dist/primitive/src/Floating/DropdownMenu/{DropdownMenuSection.js → DropdownMenuSection.mjs} +2 -2
- package/dist/primitive/src/Floating/DropdownMenu/DropdownMenuSection.mjs.map +1 -0
- package/dist/primitive/src/Floating/DropdownMenu/{index.js → index.mjs} +4 -4
- package/dist/primitive/src/Floating/DropdownMenu/index.mjs.map +1 -0
- package/dist/primitive/src/Floating/DropdownMenu/styles.cjs +19 -10
- package/dist/primitive/src/Floating/DropdownMenu/styles.cjs.map +1 -1
- package/dist/primitive/src/Floating/DropdownMenu/{styles.js → styles.mjs} +21 -11
- package/dist/primitive/src/Floating/DropdownMenu/styles.mjs.map +1 -0
- package/dist/primitive/src/Floating/Popover/{index.js → index.mjs} +2 -2
- package/dist/primitive/src/Floating/Popover/index.mjs.map +1 -0
- package/dist/primitive/src/Floating/Popover/styles.cjs +6 -6
- package/dist/primitive/src/Floating/Popover/styles.cjs.map +1 -1
- package/dist/primitive/src/Floating/Popover/styles.mjs +19 -0
- package/dist/primitive/src/Floating/Popover/styles.mjs.map +1 -0
- package/dist/primitive/src/Floating/Tooltip/{index.js → index.mjs} +4 -4
- package/dist/primitive/src/Floating/Tooltip/index.mjs.map +1 -0
- package/dist/primitive/src/Floating/Tooltip/styles.cjs +14 -8
- package/dist/primitive/src/Floating/Tooltip/styles.cjs.map +1 -1
- package/dist/primitive/src/Floating/Tooltip/styles.mjs +39 -0
- package/dist/primitive/src/Floating/Tooltip/styles.mjs.map +1 -0
- package/dist/primitive/src/Floating/Tooltip/{types.js → types.mjs} +1 -1
- package/dist/primitive/src/Floating/Tooltip/types.mjs.map +1 -0
- package/dist/primitive/src/Inputs/Select/DesignedSelect/{const.js → const.mjs} +1 -1
- package/dist/primitive/src/Inputs/Select/DesignedSelect/const.mjs.map +1 -0
- package/dist/primitive/src/Inputs/Select/DesignedSelect/{index.js → index.mjs} +7 -7
- package/dist/primitive/src/Inputs/Select/DesignedSelect/index.mjs.map +1 -0
- package/dist/primitive/src/Inputs/Select/DesignedSelect/styles.cjs +24 -15
- package/dist/primitive/src/Inputs/Select/DesignedSelect/styles.cjs.map +1 -1
- package/dist/primitive/src/Inputs/Select/DesignedSelect/styles.mjs +49 -0
- package/dist/primitive/src/Inputs/Select/DesignedSelect/styles.mjs.map +1 -0
- package/dist/primitive/src/Inputs/Select/NativeSelect/Option/{index.js → index.mjs} +1 -1
- package/dist/primitive/src/Inputs/Select/NativeSelect/Option/index.mjs.map +1 -0
- package/dist/primitive/src/Inputs/Select/NativeSelect/{index.js → index.mjs} +3 -3
- package/dist/primitive/src/Inputs/Select/NativeSelect/index.mjs.map +1 -0
- package/dist/primitive/src/Inputs/Select/NativeSelect/styles.cjs +9 -6
- package/dist/primitive/src/Inputs/Select/NativeSelect/styles.cjs.map +1 -1
- package/dist/primitive/src/Inputs/Select/NativeSelect/styles.mjs +27 -0
- package/dist/primitive/src/Inputs/Select/NativeSelect/styles.mjs.map +1 -0
- package/dist/primitive/src/Inputs/Select/Option/{index.js → index.mjs} +1 -1
- package/dist/primitive/src/Inputs/Select/Option/index.mjs.map +1 -0
- package/dist/primitive/src/Inputs/Select/{index.js → index.mjs} +6 -6
- package/dist/primitive/src/Inputs/Select/index.mjs.map +1 -0
- package/dist/primitive/src/Inputs/Select/styles.cjs +8 -5
- package/dist/primitive/src/Inputs/Select/styles.cjs.map +1 -1
- package/dist/primitive/src/Inputs/Select/styles.mjs +24 -0
- package/dist/primitive/src/Inputs/Select/styles.mjs.map +1 -0
- package/dist/primitive/src/Inputs/Select/{utils.js → utils.mjs} +1 -1
- package/dist/primitive/src/Inputs/Select/utils.mjs.map +1 -0
- package/dist/primitive/src/Inputs/TextInput/TextInput.stories.d.ts +1 -1
- package/dist/primitive/src/Inputs/TextInput/{index.js → index.mjs} +2 -2
- package/dist/primitive/src/Inputs/TextInput/index.mjs.map +1 -0
- package/dist/primitive/src/Inputs/TextInput/styles.cjs +34 -13
- package/dist/primitive/src/Inputs/TextInput/styles.cjs.map +1 -1
- package/dist/primitive/src/Inputs/TextInput/styles.mjs +50 -0
- package/dist/primitive/src/Inputs/TextInput/styles.mjs.map +1 -0
- package/dist/primitive/src/Logos/EnvLabel/{index.js → index.mjs} +1 -1
- package/dist/primitive/src/Logos/EnvLabel/index.mjs.map +1 -0
- package/dist/primitive/src/Logos/RememberLogo/{index.js → index.mjs} +2 -2
- package/dist/primitive/src/Logos/RememberLogo/index.mjs.map +1 -0
- package/dist/primitive/src/Logos/RememberMobileLogo/{index.js → index.mjs} +1 -1
- package/dist/primitive/src/Logos/RememberMobileLogo/index.mjs.map +1 -0
- package/dist/primitive/src/Logos/RememberServiceLogo/{index.js → index.mjs} +8 -8
- package/dist/primitive/src/Logos/RememberServiceLogo/index.mjs.map +1 -0
- package/dist/primitive/src/Logos/RememberServiceLogo/style.cjs +4 -4
- package/dist/primitive/src/Logos/RememberServiceLogo/style.cjs.map +1 -1
- package/dist/primitive/src/Logos/RememberServiceLogo/style.mjs +10 -0
- package/dist/primitive/src/Logos/RememberServiceLogo/style.mjs.map +1 -0
- package/dist/primitive/src/Logos/RememberSquareLogo/{index.js → index.mjs} +1 -1
- package/dist/primitive/src/Logos/RememberSquareLogo/index.mjs.map +1 -0
- package/dist/primitive/src/Modals/Dialog/{index.js → index.mjs} +3 -3
- package/dist/primitive/src/Modals/Dialog/index.mjs.map +1 -0
- package/dist/primitive/src/Modals/Dialog/styles.cjs +26 -11
- package/dist/primitive/src/Modals/Dialog/styles.cjs.map +1 -1
- package/dist/primitive/src/Modals/Dialog/styles.mjs +34 -0
- package/dist/primitive/src/Modals/Dialog/styles.mjs.map +1 -0
- package/dist/primitive/src/Paginations/CompactPagination/{index.js → index.mjs} +4 -4
- package/dist/primitive/src/Paginations/CompactPagination/index.mjs.map +1 -0
- package/dist/primitive/src/Paginations/Pagination/{index.js → index.mjs} +4 -4
- package/dist/primitive/src/Paginations/Pagination/index.mjs.map +1 -0
- package/dist/primitive/src/Paginations/styles.cjs +37 -13
- package/dist/primitive/src/Paginations/styles.cjs.map +1 -1
- package/dist/primitive/src/Paginations/styles.mjs +48 -0
- package/dist/primitive/src/Paginations/styles.mjs.map +1 -0
- package/dist/primitive/src/Paginations/{usePagination.js → usePagination.mjs} +1 -1
- package/dist/primitive/src/Paginations/usePagination.mjs.map +1 -0
- package/dist/primitive/src/hooks/{useMouseEventAway.js → useMouseEventAway.mjs} +1 -1
- package/dist/primitive/src/hooks/useMouseEventAway.mjs.map +1 -0
- package/dist/primitive/src/index.cjs +0 -18
- package/dist/primitive/src/index.cjs.map +1 -1
- package/dist/primitive/src/index.d.ts +0 -1
- package/dist/primitive/src/index.d.ts.map +1 -1
- package/dist/primitive/src/index.mjs +26 -0
- package/dist/primitive/src/index.mjs.map +1 -0
- package/dist/shared/utils/{common.js → common.mjs} +1 -1
- package/dist/shared/utils/common.mjs.map +1 -0
- package/dist/shared/utils/{style.js → style.mjs} +1 -1
- package/dist/shared/utils/style.mjs.map +1 -0
- package/package.json +8 -7
- package/src/Avatars/Avatar/index.tsx +2 -2
- package/src/index.ts +0 -1
- package/dist/primitive/src/Avatars/Avatar/index.js.map +0 -1
- package/dist/primitive/src/Avatars/Avatar/styles.js.map +0 -1
- package/dist/primitive/src/Badge/Badge.js.map +0 -1
- package/dist/primitive/src/Badge/style.js +0 -29
- package/dist/primitive/src/Badge/style.js.map +0 -1
- package/dist/primitive/src/Badge/utils.js.map +0 -1
- package/dist/primitive/src/Buttons/Button/const.js.map +0 -1
- package/dist/primitive/src/Buttons/Button/index.js.map +0 -1
- package/dist/primitive/src/Buttons/Button/styles.js +0 -25
- package/dist/primitive/src/Buttons/Button/styles.js.map +0 -1
- package/dist/primitive/src/Common/Divider/index.js.map +0 -1
- package/dist/primitive/src/Common/Flex/index.js.map +0 -1
- package/dist/primitive/src/Common/Grid/index.js.map +0 -1
- package/dist/primitive/src/Common/Spinner/index.js.map +0 -1
- package/dist/primitive/src/Common/Spinner/styles.js +0 -14
- package/dist/primitive/src/Common/Spinner/styles.js.map +0 -1
- package/dist/primitive/src/Common/Typography/index.js.map +0 -1
- package/dist/primitive/src/Common/Typography/styles.js.map +0 -1
- package/dist/primitive/src/Control/BaseToggle/ToggleIcon/index.js.map +0 -1
- package/dist/primitive/src/Control/BaseToggle/index.js.map +0 -1
- package/dist/primitive/src/Control/BaseToggle/styles.js +0 -14
- package/dist/primitive/src/Control/BaseToggle/styles.js.map +0 -1
- package/dist/primitive/src/Control/Checkbox.js.map +0 -1
- package/dist/primitive/src/Control/Radio.js.map +0 -1
- package/dist/primitive/src/Control/Switch/index.js.map +0 -1
- package/dist/primitive/src/Control/Switch/styles.js +0 -19
- package/dist/primitive/src/Control/Switch/styles.js.map +0 -1
- package/dist/primitive/src/Control/Toggle.js.map +0 -1
- package/dist/primitive/src/Floating/DropdownMenu/DropdownMenuSection.js.map +0 -1
- package/dist/primitive/src/Floating/DropdownMenu/index.js.map +0 -1
- package/dist/primitive/src/Floating/DropdownMenu/styles.js.map +0 -1
- package/dist/primitive/src/Floating/Popover/index.js.map +0 -1
- package/dist/primitive/src/Floating/Popover/styles.js +0 -18
- package/dist/primitive/src/Floating/Popover/styles.js.map +0 -1
- package/dist/primitive/src/Floating/Tooltip/index.js.map +0 -1
- package/dist/primitive/src/Floating/Tooltip/styles.js +0 -32
- package/dist/primitive/src/Floating/Tooltip/styles.js.map +0 -1
- package/dist/primitive/src/Floating/Tooltip/types.js.map +0 -1
- package/dist/primitive/src/Gnb/GnbComplete.stories.d.ts +0 -47
- package/dist/primitive/src/Gnb/GnbComplete.stories.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/const.cjs +0 -23
- package/dist/primitive/src/Gnb/const.cjs.map +0 -1
- package/dist/primitive/src/Gnb/const.d.ts +0 -13
- package/dist/primitive/src/Gnb/const.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/const.js +0 -21
- package/dist/primitive/src/Gnb/const.js.map +0 -1
- package/dist/primitive/src/Gnb/css.cjs +0 -24
- package/dist/primitive/src/Gnb/css.cjs.map +0 -1
- package/dist/primitive/src/Gnb/css.d.ts +0 -7
- package/dist/primitive/src/Gnb/css.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/css.js +0 -14
- package/dist/primitive/src/Gnb/css.js.map +0 -1
- package/dist/primitive/src/Gnb/index.cjs +0 -63
- package/dist/primitive/src/Gnb/index.cjs.map +0 -1
- package/dist/primitive/src/Gnb/index.d.ts +0 -24
- package/dist/primitive/src/Gnb/index.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/index.js +0 -47
- package/dist/primitive/src/Gnb/index.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.cjs +0 -41
- package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.d.ts +0 -8
- package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.js +0 -31
- package/dist/primitive/src/Gnb/parts/GnbDropdownLinkItem/index.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/GnbHamburger.stories.d.ts +0 -12
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/GnbHamburger.stories.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/index.cjs +0 -48
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/index.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/index.d.ts +0 -34
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/index.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/index.js +0 -41
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/index.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.cjs +0 -30
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.d.ts +0 -7
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.js +0 -23
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.cjs +0 -27
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.d.ts +0 -18
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.js +0 -17
- package/dist/primitive/src/Gnb/parts/GnbHamburgerMenu/style.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/GnbHoverSubNavi.stories.d.ts +0 -12
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/GnbHoverSubNavi.stories.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/index.cjs +0 -44
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/index.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/index.d.ts +0 -23
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/index.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/index.js +0 -37
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/index.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.cjs +0 -28
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.d.ts +0 -9
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.js +0 -19
- package/dist/primitive/src/Gnb/parts/GnbHoverSubNavi/style.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/GnbNotification.stories.d.ts +0 -14
- package/dist/primitive/src/Gnb/parts/GnbNotification/GnbNotification.stories.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/index.cjs +0 -57
- package/dist/primitive/src/Gnb/parts/GnbNotification/index.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/index.d.ts +0 -26
- package/dist/primitive/src/Gnb/parts/GnbNotification/index.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/index.js +0 -50
- package/dist/primitive/src/Gnb/parts/GnbNotification/index.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/parts/NotificationItem.cjs +0 -51
- package/dist/primitive/src/Gnb/parts/GnbNotification/parts/NotificationItem.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/parts/NotificationItem.d.ts +0 -14
- package/dist/primitive/src/Gnb/parts/GnbNotification/parts/NotificationItem.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/parts/NotificationItem.js +0 -44
- package/dist/primitive/src/Gnb/parts/GnbNotification/parts/NotificationItem.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/style.cjs +0 -49
- package/dist/primitive/src/Gnb/parts/GnbNotification/style.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/style.d.ts +0 -20
- package/dist/primitive/src/Gnb/parts/GnbNotification/style.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbNotification/style.js +0 -32
- package/dist/primitive/src/Gnb/parts/GnbNotification/style.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/GnbProfile.stories.d.ts +0 -31
- package/dist/primitive/src/Gnb/parts/GnbProfile/GnbProfile.stories.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/index.cjs +0 -64
- package/dist/primitive/src/Gnb/parts/GnbProfile/index.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/index.d.ts +0 -25
- package/dist/primitive/src/Gnb/parts/GnbProfile/index.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/index.js +0 -55
- package/dist/primitive/src/Gnb/parts/GnbProfile/index.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.cjs +0 -33
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.d.ts +0 -4
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.js +0 -27
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyInfo.cjs +0 -31
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyInfo.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyInfo.d.ts +0 -10
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyInfo.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyInfo.js +0 -25
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyInfo.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPasses.cjs +0 -33
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPasses.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPasses.d.ts +0 -8
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPasses.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPasses.js +0 -27
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPasses.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.cjs +0 -32
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.d.ts +0 -9
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.js +0 -25
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/UserShortInfo.cjs +0 -52
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/UserShortInfo.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/UserShortInfo.d.ts +0 -7
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/UserShortInfo.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/UserShortInfo.js +0 -50
- package/dist/primitive/src/Gnb/parts/GnbProfile/parts/UserShortInfo.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/style.cjs +0 -43
- package/dist/primitive/src/Gnb/parts/GnbProfile/style.cjs.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/style.d.ts +0 -17
- package/dist/primitive/src/Gnb/parts/GnbProfile/style.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/style.js +0 -26
- package/dist/primitive/src/Gnb/parts/GnbProfile/style.js.map +0 -1
- package/dist/primitive/src/Gnb/parts/GnbProfile/types.d.ts +0 -11
- package/dist/primitive/src/Gnb/parts/GnbProfile/types.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/style.cjs +0 -44
- package/dist/primitive/src/Gnb/style.cjs.map +0 -1
- package/dist/primitive/src/Gnb/style.d.ts +0 -15
- package/dist/primitive/src/Gnb/style.d.ts.map +0 -1
- package/dist/primitive/src/Gnb/style.js +0 -26
- package/dist/primitive/src/Gnb/style.js.map +0 -1
- package/dist/primitive/src/Inputs/Select/DesignedSelect/const.js.map +0 -1
- package/dist/primitive/src/Inputs/Select/DesignedSelect/index.js.map +0 -1
- package/dist/primitive/src/Inputs/Select/DesignedSelect/styles.js +0 -39
- package/dist/primitive/src/Inputs/Select/DesignedSelect/styles.js.map +0 -1
- package/dist/primitive/src/Inputs/Select/NativeSelect/Option/index.js.map +0 -1
- package/dist/primitive/src/Inputs/Select/NativeSelect/index.js.map +0 -1
- package/dist/primitive/src/Inputs/Select/NativeSelect/styles.js +0 -23
- package/dist/primitive/src/Inputs/Select/NativeSelect/styles.js.map +0 -1
- package/dist/primitive/src/Inputs/Select/Option/index.js.map +0 -1
- package/dist/primitive/src/Inputs/Select/index.js.map +0 -1
- package/dist/primitive/src/Inputs/Select/styles.js +0 -20
- package/dist/primitive/src/Inputs/Select/styles.js.map +0 -1
- package/dist/primitive/src/Inputs/Select/utils.js.map +0 -1
- package/dist/primitive/src/Inputs/TextInput/index.js.map +0 -1
- package/dist/primitive/src/Inputs/TextInput/styles.js +0 -28
- package/dist/primitive/src/Inputs/TextInput/styles.js.map +0 -1
- package/dist/primitive/src/Logos/EnvLabel/index.js.map +0 -1
- package/dist/primitive/src/Logos/RememberLogo/index.js.map +0 -1
- package/dist/primitive/src/Logos/RememberMobileLogo/index.js.map +0 -1
- package/dist/primitive/src/Logos/RememberServiceLogo/index.js.map +0 -1
- package/dist/primitive/src/Logos/RememberServiceLogo/style.js +0 -9
- package/dist/primitive/src/Logos/RememberServiceLogo/style.js.map +0 -1
- package/dist/primitive/src/Logos/RememberSquareLogo/index.js.map +0 -1
- package/dist/primitive/src/Modals/Dialog/index.js.map +0 -1
- package/dist/primitive/src/Modals/Dialog/styles.js +0 -18
- package/dist/primitive/src/Modals/Dialog/styles.js.map +0 -1
- package/dist/primitive/src/Paginations/CompactPagination/index.js.map +0 -1
- package/dist/primitive/src/Paginations/Pagination/index.js.map +0 -1
- package/dist/primitive/src/Paginations/styles.js +0 -23
- package/dist/primitive/src/Paginations/styles.js.map +0 -1
- package/dist/primitive/src/Paginations/usePagination.js.map +0 -1
- package/dist/primitive/src/hooks/useMouseEventAway.js.map +0 -1
- package/dist/primitive/src/index.js +0 -33
- package/dist/primitive/src/index.js.map +0 -1
- package/dist/shared/utils/common.js.map +0 -1
- package/dist/shared/utils/style.js.map +0 -1
- package/src/Gnb/GnbComplete.stories.tsx +0 -758
- package/src/Gnb/const.ts +0 -22
- package/src/Gnb/css.tsx +0 -94
- package/src/Gnb/index.tsx +0 -70
- package/src/Gnb/parts/GnbDropdownLinkItem/index.tsx +0 -37
- package/src/Gnb/parts/GnbHamburgerMenu/GnbHamburger.stories.tsx +0 -90
- package/src/Gnb/parts/GnbHamburgerMenu/index.tsx +0 -48
- package/src/Gnb/parts/GnbHamburgerMenu/parts/GnbHamburgerAccordion.tsx +0 -20
- package/src/Gnb/parts/GnbHamburgerMenu/style.tsx +0 -99
- package/src/Gnb/parts/GnbHoverSubNavi/GnbHoverSubNavi.stories.tsx +0 -47
- package/src/Gnb/parts/GnbHoverSubNavi/index.tsx +0 -45
- package/src/Gnb/parts/GnbHoverSubNavi/style.tsx +0 -42
- package/src/Gnb/parts/GnbNotification/GnbNotification.stories.tsx +0 -234
- package/src/Gnb/parts/GnbNotification/index.tsx +0 -60
- package/src/Gnb/parts/GnbNotification/parts/NotificationItem.tsx +0 -63
- package/src/Gnb/parts/GnbNotification/style.tsx +0 -149
- package/src/Gnb/parts/GnbProfile/GnbProfile.stories.tsx +0 -156
- package/src/Gnb/parts/GnbProfile/index.tsx +0 -65
- package/src/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo.tsx +0 -20
- package/src/Gnb/parts/GnbProfile/parts/MyInfo.tsx +0 -25
- package/src/Gnb/parts/GnbProfile/parts/MyPasses.tsx +0 -25
- package/src/Gnb/parts/GnbProfile/parts/MyPassesDetail.tsx +0 -26
- package/src/Gnb/parts/GnbProfile/parts/UserShortInfo.tsx +0 -45
- package/src/Gnb/parts/GnbProfile/style.ts +0 -117
- package/src/Gnb/parts/GnbProfile/types.ts +0 -12
- package/src/Gnb/style.tsx +0 -316
|
@@ -1,57 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
|
-
var index = require('../../../Floating/Popover/index.cjs');
|
|
6
|
-
var NotificationItem = require('./parts/NotificationItem.cjs');
|
|
7
|
-
var icon = require('@remember-web/icon');
|
|
8
|
-
var mixin = require('@remember-web/mixin');
|
|
9
|
-
var style = require('./style.cjs');
|
|
10
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
11
|
-
var utils = require('../../../Badge/utils.cjs');
|
|
12
|
-
require('../../../Badge/style.cjs');
|
|
13
|
-
|
|
14
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
-
|
|
16
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
|
|
17
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
|
|
18
|
-
|
|
19
|
-
var _excluded = ["children", "ButtonSlot"],
|
|
20
|
-
_excluded2 = ["count"];
|
|
21
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
22
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
23
|
-
var GnbNotification = function GnbNotification(_ref) {
|
|
24
|
-
var children = _ref.children,
|
|
25
|
-
_ref$ButtonSlot = _ref.ButtonSlot,
|
|
26
|
-
ButtonSlot = _ref$ButtonSlot === void 0 ? /*#__PURE__*/jsxRuntime.jsx(GnbNotification.Button, {}) : _ref$ButtonSlot,
|
|
27
|
-
props = _objectWithoutProperties__default.default(_ref, _excluded);
|
|
28
|
-
return /*#__PURE__*/jsxRuntime.jsxs(index, _objectSpread(_objectSpread({}, props), {}, {
|
|
29
|
-
children: [ButtonSlot, children]
|
|
30
|
-
}));
|
|
31
|
-
};
|
|
32
|
-
GnbNotification.Content = style.StyledNotificationContent;
|
|
33
|
-
GnbNotification.Empty = style.StyledNotificationEmpty;
|
|
34
|
-
GnbNotification.Item = NotificationItem;
|
|
35
|
-
GnbNotification.Button = function (_ref2) {
|
|
36
|
-
var count = _ref2.count,
|
|
37
|
-
props = _objectWithoutProperties__default.default(_ref2, _excluded2);
|
|
38
|
-
return /*#__PURE__*/jsxRuntime.jsx(index.Trigger, {
|
|
39
|
-
children: /*#__PURE__*/jsxRuntime.jsx(style.StyledNotificationButton, _objectSpread(_objectSpread({
|
|
40
|
-
"data-is-mobile-popover-hidden": true
|
|
41
|
-
}, props), {}, {
|
|
42
|
-
children: /*#__PURE__*/jsxRuntime.jsx("span", _objectSpread(_objectSpread({
|
|
43
|
-
role: "button",
|
|
44
|
-
tabIndex: 0
|
|
45
|
-
}, count ? utils.badgePseudo.getBadgeAttr({
|
|
46
|
-
current: count
|
|
47
|
-
}) : null), {}, {
|
|
48
|
-
children: /*#__PURE__*/jsxRuntime.jsx(icon.IconAlarmM, {
|
|
49
|
-
color: mixin.primary100
|
|
50
|
-
})
|
|
51
|
-
}))
|
|
52
|
-
}))
|
|
53
|
-
});
|
|
54
|
-
};
|
|
55
|
-
|
|
56
|
-
exports.GnbNotification = GnbNotification;
|
|
57
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../../../src/Gnb/parts/GnbNotification/index.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\n\nimport type { PopoverProps } from '@/Floating/Popover';\nimport Popover from '@/Floating/Popover';\nimport NotificationItem from '@/Gnb/parts/GnbNotification/parts/NotificationItem';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\nimport { IconAlarmM } from '@remember-web/icon';\nimport { badgePseudo } from '@';\nimport { primary100 } from '@remember-web/mixin';\n\nimport {\n StyledNotificationButton,\n StyledNotificationContent,\n StyledNotificationEmpty,\n} from './style';\n\nexport type GnbNotificationProps = PropsWithChildren<\n {\n ButtonSlot?: ReactNode;\n } & PopoverProps\n>;\n\nexport const GnbNotification = ({\n children,\n ButtonSlot = <GnbNotification.Button />,\n ...props\n}: GnbNotificationProps) => (\n <Popover {...props}>\n {ButtonSlot}\n {children}\n </Popover>\n);\n\nGnbNotification.Content = StyledNotificationContent;\n\nGnbNotification.Empty = StyledNotificationEmpty;\nGnbNotification.Item = NotificationItem;\nGnbNotification.Button = ({\n count,\n ...props\n}: GnbNotificationButtonProps & { count?: number }) => (\n <Popover.Trigger>\n <StyledNotificationButton data-is-mobile-popover-hidden {...props}>\n <span\n role=\"button\"\n tabIndex={0}\n {...(count ? badgePseudo.getBadgeAttr({ current: count }) : null)}\n >\n <IconAlarmM color={primary100} />\n </span>\n </StyledNotificationButton>\n </Popover.Trigger>\n);\n\nexport type GnbNotificationButtonProps = Omit<\n GetStyledComponentProps<typeof StyledNotificationButton>,\n 'children'\n>;\n\nexport type { NotificationItemProps as GnbNotificationItemProps } from './parts/NotificationItem';\n"],"names":["GnbNotification","_ref","children","_ref$ButtonSlot","ButtonSlot","_jsx","Button","props","_objectWithoutProperties","_excluded","_jsxs","Popover","_objectSpread","Content","StyledNotificationContent","Empty","StyledNotificationEmpty","Item","NotificationItem","_ref2","count","_excluded2","Trigger","StyledNotificationButton","role","tabIndex","badgePseudo","getBadgeAttr","current","IconAlarmM","color","primary100"],"mappings":";;;;;;;;;;;;;;;;;;;;;;IAsBaA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,eAAA,GAAAF,IAAA,CACRG,UAAU;IAAVA,UAAU,GAAAD,eAAA,KAAA,KAAA,CAAA,gBAAGE,cAAA,CAACL,eAAe,CAACM,MAAM,EAAA,EAAE,CAAC,GAAAH,eAAA;AACpCI,IAAAA,KAAK,GAAAC,yCAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;EAAA,oBAERC,eAAA,CAACC,KAAO,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAL,QAAA,EAAA,CACfE,UAAU,EACVF,QAAQ,CAAA;AAAA,GAAA,CACF,CAAC,CAAA;AAAA,EACX;AAEDF,eAAe,CAACa,OAAO,GAAGC,+BAAyB,CAAA;AAEnDd,eAAe,CAACe,KAAK,GAAGC,6BAAuB,CAAA;AAC/ChB,eAAe,CAACiB,IAAI,GAAGC,gBAAgB,CAAA;AACvClB,eAAe,CAACM,MAAM,GAAG,UAAAa,KAAA,EAAA;AAAA,EAAA,IACvBC,KAAK,GAAAD,KAAA,CAALC,KAAK;AACFb,IAAAA,KAAK,GAAAC,yCAAA,CAAAW,KAAA,EAAAE,UAAA,CAAA,CAAA;AAAA,EAAA,oBAERhB,cAAA,CAACM,KAAO,CAACW,OAAO,EAAA;AAAApB,IAAAA,QAAA,eACdG,cAAA,CAACkB,8BAAwB,EAAAX,aAAA,CAAAA,aAAA,CAAA;AAAC,MAAA,+BAAA,EAAA,IAAA;AAA6B,KAAA,EAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAL,MAAAA,QAAA,eAC/DG,cAAA,CAAAO,MAAAA,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACEY,QAAAA,IAAI,EAAC,QAAQ;AACbC,QAAAA,QAAQ,EAAE,CAAA;AAAE,OAAA,EACPL,KAAK,GAAGM,iBAAW,CAACC,YAAY,CAAC;AAAEC,QAAAA,OAAO,EAAER,KAAAA;OAAO,CAAC,GAAG,IAAI,CAAA,EAAA,EAAA,EAAA;QAAAlB,QAAA,eAEhEG,cAAA,CAACwB,eAAU,EAAA;AAACC,UAAAA,KAAK,EAAEC,gBAAAA;SAAa,CAAA;OAC5B,CAAA,CAAA;KACkB,CAAA,CAAA;AAAC,GACZ,CAAC,CAAA;AAAA,CACnB;;;;"}
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
import type { PropsWithChildren, ReactNode } from 'react';
|
|
2
|
-
import type { PopoverProps } from '@/Floating/Popover';
|
|
3
|
-
import NotificationItem from '@/Gnb/parts/GnbNotification/parts/NotificationItem';
|
|
4
|
-
import type { GetStyledComponentProps } from '@remember-web/shared/types/styles';
|
|
5
|
-
import { StyledNotificationButton } from './style';
|
|
6
|
-
export type GnbNotificationProps = PropsWithChildren<{
|
|
7
|
-
ButtonSlot?: ReactNode;
|
|
8
|
-
} & PopoverProps>;
|
|
9
|
-
export declare const GnbNotification: {
|
|
10
|
-
({ children, ButtonSlot, ...props }: GnbNotificationProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
Content: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
12
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
13
|
-
}, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
14
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
15
|
-
}, never>> & Omit<import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>;
|
|
16
|
-
Empty: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
17
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
18
|
-
}>, never>, never>>;
|
|
19
|
-
Item: typeof NotificationItem;
|
|
20
|
-
Button({ count, ...props }: GnbNotificationButtonProps & {
|
|
21
|
-
count?: number | undefined;
|
|
22
|
-
}): import("react/jsx-runtime").JSX.Element;
|
|
23
|
-
};
|
|
24
|
-
export type GnbNotificationButtonProps = Omit<GetStyledComponentProps<typeof StyledNotificationButton>, 'children'>;
|
|
25
|
-
export type { NotificationItemProps as GnbNotificationItemProps } from './parts/NotificationItem';
|
|
26
|
-
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbNotification/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAEvD,OAAO,gBAAgB,MAAM,oDAAoD,CAAC;AAClF,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAKjF,OAAO,EACL,wBAAwB,EAGzB,MAAM,SAAS,CAAC;AAEjB,MAAM,MAAM,oBAAoB,GAAG,iBAAiB,CAClD;IACE,UAAU,CAAC,EAAE,SAAS,CAAC;CACxB,GAAG,YAAY,CACjB,CAAC;AAEF,eAAO,MAAM,eAAe;yCAIzB,oBAAoB;;;;;;;;;;;;;CAKtB,CAAC;AAuBF,MAAM,MAAM,0BAA0B,GAAG,IAAI,CAC3C,uBAAuB,CAAC,OAAO,wBAAwB,CAAC,EACxD,UAAU,CACX,CAAC;AAEF,YAAY,EAAE,qBAAqB,IAAI,wBAAwB,EAAE,MAAM,0BAA0B,CAAC"}
|
|
@@ -1,50 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
-
import Popover from '../../../Floating/Popover/index.js';
|
|
4
|
-
import NotificationItem from './parts/NotificationItem.js';
|
|
5
|
-
import { IconAlarmM } from '@remember-web/icon';
|
|
6
|
-
import { primary100 } from '@remember-web/mixin';
|
|
7
|
-
import { StyledNotificationContent, StyledNotificationEmpty, StyledNotificationButton } from './style.js';
|
|
8
|
-
import { jsx, jsxs } from 'react/jsx-runtime';
|
|
9
|
-
import { badgePseudo } from '../../../Badge/utils.js';
|
|
10
|
-
import '../../../Badge/style.js';
|
|
11
|
-
|
|
12
|
-
var _excluded = ["children", "ButtonSlot"],
|
|
13
|
-
_excluded2 = ["count"];
|
|
14
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
15
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
16
|
-
var GnbNotification = function GnbNotification(_ref) {
|
|
17
|
-
var children = _ref.children,
|
|
18
|
-
_ref$ButtonSlot = _ref.ButtonSlot,
|
|
19
|
-
ButtonSlot = _ref$ButtonSlot === void 0 ? /*#__PURE__*/jsx(GnbNotification.Button, {}) : _ref$ButtonSlot,
|
|
20
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
21
|
-
return /*#__PURE__*/jsxs(Popover, _objectSpread(_objectSpread({}, props), {}, {
|
|
22
|
-
children: [ButtonSlot, children]
|
|
23
|
-
}));
|
|
24
|
-
};
|
|
25
|
-
GnbNotification.Content = StyledNotificationContent;
|
|
26
|
-
GnbNotification.Empty = StyledNotificationEmpty;
|
|
27
|
-
GnbNotification.Item = NotificationItem;
|
|
28
|
-
GnbNotification.Button = function (_ref2) {
|
|
29
|
-
var count = _ref2.count,
|
|
30
|
-
props = _objectWithoutProperties(_ref2, _excluded2);
|
|
31
|
-
return /*#__PURE__*/jsx(Popover.Trigger, {
|
|
32
|
-
children: /*#__PURE__*/jsx(StyledNotificationButton, _objectSpread(_objectSpread({
|
|
33
|
-
"data-is-mobile-popover-hidden": true
|
|
34
|
-
}, props), {}, {
|
|
35
|
-
children: /*#__PURE__*/jsx("span", _objectSpread(_objectSpread({
|
|
36
|
-
role: "button",
|
|
37
|
-
tabIndex: 0
|
|
38
|
-
}, count ? badgePseudo.getBadgeAttr({
|
|
39
|
-
current: count
|
|
40
|
-
}) : null), {}, {
|
|
41
|
-
children: /*#__PURE__*/jsx(IconAlarmM, {
|
|
42
|
-
color: primary100
|
|
43
|
-
})
|
|
44
|
-
}))
|
|
45
|
-
}))
|
|
46
|
-
});
|
|
47
|
-
};
|
|
48
|
-
|
|
49
|
-
export { GnbNotification };
|
|
50
|
-
//# sourceMappingURL=index.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sources":["../../../../../../src/Gnb/parts/GnbNotification/index.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\n\nimport type { PopoverProps } from '@/Floating/Popover';\nimport Popover from '@/Floating/Popover';\nimport NotificationItem from '@/Gnb/parts/GnbNotification/parts/NotificationItem';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\nimport { IconAlarmM } from '@remember-web/icon';\nimport { badgePseudo } from '@';\nimport { primary100 } from '@remember-web/mixin';\n\nimport {\n StyledNotificationButton,\n StyledNotificationContent,\n StyledNotificationEmpty,\n} from './style';\n\nexport type GnbNotificationProps = PropsWithChildren<\n {\n ButtonSlot?: ReactNode;\n } & PopoverProps\n>;\n\nexport const GnbNotification = ({\n children,\n ButtonSlot = <GnbNotification.Button />,\n ...props\n}: GnbNotificationProps) => (\n <Popover {...props}>\n {ButtonSlot}\n {children}\n </Popover>\n);\n\nGnbNotification.Content = StyledNotificationContent;\n\nGnbNotification.Empty = StyledNotificationEmpty;\nGnbNotification.Item = NotificationItem;\nGnbNotification.Button = ({\n count,\n ...props\n}: GnbNotificationButtonProps & { count?: number }) => (\n <Popover.Trigger>\n <StyledNotificationButton data-is-mobile-popover-hidden {...props}>\n <span\n role=\"button\"\n tabIndex={0}\n {...(count ? badgePseudo.getBadgeAttr({ current: count }) : null)}\n >\n <IconAlarmM color={primary100} />\n </span>\n </StyledNotificationButton>\n </Popover.Trigger>\n);\n\nexport type GnbNotificationButtonProps = Omit<\n GetStyledComponentProps<typeof StyledNotificationButton>,\n 'children'\n>;\n\nexport type { NotificationItemProps as GnbNotificationItemProps } from './parts/NotificationItem';\n"],"names":["GnbNotification","_ref","children","_ref$ButtonSlot","ButtonSlot","_jsx","Button","props","_objectWithoutProperties","_excluded","_jsxs","Popover","_objectSpread","Content","StyledNotificationContent","Empty","StyledNotificationEmpty","Item","NotificationItem","_ref2","count","_excluded2","Trigger","StyledNotificationButton","role","tabIndex","badgePseudo","getBadgeAttr","current","IconAlarmM","color","primary100"],"mappings":";;;;;;;;;;;;;;;IAsBaA,eAAe,GAAG,SAAlBA,eAAeA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAC1BC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IAAAC,eAAA,GAAAF,IAAA,CACRG,UAAU;IAAVA,UAAU,GAAAD,eAAA,KAAA,KAAA,CAAA,gBAAGE,GAAA,CAACL,eAAe,CAACM,MAAM,EAAA,EAAE,CAAC,GAAAH,eAAA;AACpCI,IAAAA,KAAK,GAAAC,wBAAA,CAAAP,IAAA,EAAAQ,SAAA,CAAA,CAAA;EAAA,oBAERC,IAAA,CAACC,OAAO,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAL,QAAA,EAAA,CACfE,UAAU,EACVF,QAAQ,CAAA;AAAA,GAAA,CACF,CAAC,CAAA;AAAA,EACX;AAEDF,eAAe,CAACa,OAAO,GAAGC,yBAAyB,CAAA;AAEnDd,eAAe,CAACe,KAAK,GAAGC,uBAAuB,CAAA;AAC/ChB,eAAe,CAACiB,IAAI,GAAGC,gBAAgB,CAAA;AACvClB,eAAe,CAACM,MAAM,GAAG,UAAAa,KAAA,EAAA;AAAA,EAAA,IACvBC,KAAK,GAAAD,KAAA,CAALC,KAAK;AACFb,IAAAA,KAAK,GAAAC,wBAAA,CAAAW,KAAA,EAAAE,UAAA,CAAA,CAAA;AAAA,EAAA,oBAERhB,GAAA,CAACM,OAAO,CAACW,OAAO,EAAA;AAAApB,IAAAA,QAAA,eACdG,GAAA,CAACkB,wBAAwB,EAAAX,aAAA,CAAAA,aAAA,CAAA;AAAC,MAAA,+BAAA,EAAA,IAAA;AAA6B,KAAA,EAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAL,MAAAA,QAAA,eAC/DG,GAAA,CAAAO,MAAAA,EAAAA,aAAA,CAAAA,aAAA,CAAA;AACEY,QAAAA,IAAI,EAAC,QAAQ;AACbC,QAAAA,QAAQ,EAAE,CAAA;AAAE,OAAA,EACPL,KAAK,GAAGM,WAAW,CAACC,YAAY,CAAC;AAAEC,QAAAA,OAAO,EAAER,KAAAA;OAAO,CAAC,GAAG,IAAI,CAAA,EAAA,EAAA,EAAA;QAAAlB,QAAA,eAEhEG,GAAA,CAACwB,UAAU,EAAA;AAACC,UAAAA,KAAK,EAAEC,UAAAA;SAAa,CAAA;OAC5B,CAAA,CAAA;KACkB,CAAA,CAAA;AAAC,GACZ,CAAC,CAAA;AAAA,CACnB;;;;"}
|
|
@@ -1,51 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
5
|
-
require('react');
|
|
6
|
-
var style = require('../style.cjs');
|
|
7
|
-
var index = require('../../../../Avatars/Avatar/index.cjs');
|
|
8
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
-
|
|
10
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
11
|
-
|
|
12
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
|
|
13
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
|
|
14
|
-
|
|
15
|
-
var _excluded = ["serviceType", "title", "description", "updatedAt", "imageUrl", "rounded"];
|
|
16
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
17
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
18
|
-
function NotificationItem(_ref) {
|
|
19
|
-
var serviceType = _ref.serviceType,
|
|
20
|
-
title = _ref.title,
|
|
21
|
-
description = _ref.description,
|
|
22
|
-
updatedAt = _ref.updatedAt,
|
|
23
|
-
imageUrl = _ref.imageUrl,
|
|
24
|
-
rounded = _ref.rounded,
|
|
25
|
-
props = _objectWithoutProperties__default.default(_ref, _excluded);
|
|
26
|
-
return /*#__PURE__*/jsxRuntime.jsxs(style.StyledNotificationItem, _objectSpread(_objectSpread({}, props), {}, {
|
|
27
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(style.StyledServiceTitle, {
|
|
28
|
-
children: serviceType
|
|
29
|
-
}), /*#__PURE__*/jsxRuntime.jsxs(style.StyledNotificationItemContent, {
|
|
30
|
-
children: [/*#__PURE__*/jsxRuntime.jsxs(style.StyledNotificationContentText, {
|
|
31
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(style.StyledNotificationTitle, {
|
|
32
|
-
children: title
|
|
33
|
-
}), description && /*#__PURE__*/jsxRuntime.jsx(style.StyledNotificationDescription, {
|
|
34
|
-
children: description
|
|
35
|
-
}), /*#__PURE__*/jsxRuntime.jsx(style.StyledNotificationUpdatedAt, {
|
|
36
|
-
children: updatedAt
|
|
37
|
-
})]
|
|
38
|
-
}), imageUrl && /*#__PURE__*/jsxRuntime.jsx(index, {
|
|
39
|
-
size: "large",
|
|
40
|
-
border: {
|
|
41
|
-
width: 'none'
|
|
42
|
-
},
|
|
43
|
-
rounded: rounded,
|
|
44
|
-
imageUrl: imageUrl
|
|
45
|
-
})]
|
|
46
|
-
})]
|
|
47
|
-
}));
|
|
48
|
-
}
|
|
49
|
-
|
|
50
|
-
module.exports = NotificationItem;
|
|
51
|
-
//# sourceMappingURL=NotificationItem.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationItem.cjs","sources":["../../../../../../../src/Gnb/parts/GnbNotification/parts/NotificationItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport * as React from 'react';\n\nimport {\n StyledNotificationContentText,\n StyledNotificationDescription,\n StyledNotificationItem,\n StyledNotificationItemContent,\n StyledNotificationTitle,\n StyledNotificationUpdatedAt,\n StyledServiceTitle,\n} from '@/Gnb/parts/GnbNotification/style';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\nimport { Avatar } from '@/Avatars';\nimport type { AvatarProps } from '@/Avatars/Avatar';\n\nexport type NotificationItemProps<ComponentAs> = GetStyledComponentProps<\n typeof StyledNotificationItem,\n ComponentAs\n> & {\n serviceType: ReactNode;\n title: ReactNode;\n description?: ReactNode;\n updatedAt: ReactNode;\n imageUrl?: AvatarProps['imageUrl'];\n rounded?: AvatarProps['rounded'];\n};\n\nexport default function NotificationItem<ComponentAs>({\n serviceType,\n title,\n description,\n updatedAt,\n imageUrl,\n rounded,\n ...props\n}: NotificationItemProps<ComponentAs>) {\n return (\n <StyledNotificationItem {...props}>\n <StyledServiceTitle>{serviceType}</StyledServiceTitle>\n <StyledNotificationItemContent>\n <StyledNotificationContentText>\n <StyledNotificationTitle>{title}</StyledNotificationTitle>\n {description && (\n <StyledNotificationDescription>\n {description}\n </StyledNotificationDescription>\n )}\n <StyledNotificationUpdatedAt>{updatedAt}</StyledNotificationUpdatedAt>\n </StyledNotificationContentText>\n\n {imageUrl && (\n <Avatar\n size=\"large\"\n border={{ width: 'none' }}\n rounded={rounded}\n imageUrl={imageUrl}\n />\n )}\n </StyledNotificationItemContent>\n </StyledNotificationItem>\n );\n}\n"],"names":["NotificationItem","_ref","serviceType","title","description","updatedAt","imageUrl","rounded","props","_objectWithoutProperties","_excluded","_jsxs","StyledNotificationItem","_objectSpread","children","_jsx","StyledServiceTitle","StyledNotificationItemContent","StyledNotificationContentText","StyledNotificationTitle","StyledNotificationDescription","StyledNotificationUpdatedAt","Avatar","size","border","width"],"mappings":";;;;;;;;;;;;;;;;;AA4Be,SAASA,gBAAgBA,CAAAC,IAAA,EAQD;AAAA,EAAA,IAPrCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,OAAO,GAAAN,IAAA,CAAPM,OAAO;AACJC,IAAAA,KAAK,GAAAC,yCAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA,CAAA;EAER,oBACEC,eAAA,CAACC,4BAAsB,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAM,QAAA,EAAA,cAC/BC,cAAA,CAACC,wBAAkB,EAAA;AAAAF,MAAAA,QAAA,EAAEZ,WAAAA;AAAW,KAAqB,CAAC,eACtDS,eAAA,CAACM,mCAA6B,EAAA;MAAAH,QAAA,EAAA,cAC5BH,eAAA,CAACO,mCAA6B,EAAA;QAAAJ,QAAA,EAAA,cAC5BC,cAAA,CAACI,6BAAuB,EAAA;AAAAL,UAAAA,QAAA,EAAEX,KAAAA;AAAK,SAA0B,CAAC,EACzDC,WAAW,iBACVW,cAAA,CAACK,mCAA6B,EAAA;AAAAN,UAAAA,QAAA,EAC3BV,WAAAA;AAAW,SACiB,CAChC,eACDW,cAAA,CAACM,iCAA2B,EAAA;AAAAP,UAAAA,QAAA,EAAET,SAAAA;AAAS,SAA8B,CAAC,CAAA;AAAA,OACzC,CAAC,EAE/BC,QAAQ,iBACPS,cAAA,CAACO,KAAM,EAAA;AACLC,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,MAAM,EAAE;AAAEC,UAAAA,KAAK,EAAE,MAAA;SAAS;AAC1BlB,QAAAA,OAAO,EAAEA,OAAQ;AACjBD,QAAAA,QAAQ,EAAEA,QAAAA;AAAS,OACpB,CACF,CAAA;AAAA,KAC4B,CAAC,CAAA;AAAA,GAAA,CACV,CAAC,CAAA;AAE7B;;;;"}
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import type { ReactNode } from 'react';
|
|
2
|
-
import { StyledNotificationItem } from '@/Gnb/parts/GnbNotification/style';
|
|
3
|
-
import type { GetStyledComponentProps } from '@remember-web/shared/types/styles';
|
|
4
|
-
import type { AvatarProps } from '@/Avatars/Avatar';
|
|
5
|
-
export type NotificationItemProps<ComponentAs> = GetStyledComponentProps<typeof StyledNotificationItem, ComponentAs> & {
|
|
6
|
-
serviceType: ReactNode;
|
|
7
|
-
title: ReactNode;
|
|
8
|
-
description?: ReactNode;
|
|
9
|
-
updatedAt: ReactNode;
|
|
10
|
-
imageUrl?: AvatarProps['imageUrl'];
|
|
11
|
-
rounded?: AvatarProps['rounded'];
|
|
12
|
-
};
|
|
13
|
-
export default function NotificationItem<ComponentAs>({ serviceType, title, description, updatedAt, imageUrl, rounded, ...props }: NotificationItemProps<ComponentAs>): import("react/jsx-runtime").JSX.Element;
|
|
14
|
-
//# sourceMappingURL=NotificationItem.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationItem.d.ts","sourceRoot":"","sources":["../../../../../../../src/Gnb/parts/GnbNotification/parts/NotificationItem.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,EAGL,sBAAsB,EAKvB,MAAM,mCAAmC,CAAC;AAC3C,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,mCAAmC,CAAC;AAEjF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpD,MAAM,MAAM,qBAAqB,CAAC,WAAW,IAAI,uBAAuB,CACtE,OAAO,sBAAsB,EAC7B,WAAW,CACZ,GAAG;IACF,WAAW,EAAE,SAAS,CAAC;IACvB,KAAK,EAAE,SAAS,CAAC;IACjB,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB,SAAS,EAAE,SAAS,CAAC;IACrB,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,WAAW,CAAC,SAAS,CAAC,CAAC;CAClC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gBAAgB,CAAC,WAAW,EAAE,EACpD,WAAW,EACX,KAAK,EACL,WAAW,EACX,SAAS,EACT,QAAQ,EACR,OAAO,EACP,GAAG,KAAK,EACT,EAAE,qBAAqB,CAAC,WAAW,CAAC,2CA0BpC"}
|
|
@@ -1,44 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
|
|
3
|
-
import 'react';
|
|
4
|
-
import { StyledNotificationItem, StyledServiceTitle, StyledNotificationItemContent, StyledNotificationContentText, StyledNotificationTitle, StyledNotificationDescription, StyledNotificationUpdatedAt } from '../style.js';
|
|
5
|
-
import Avatar from '../../../../Avatars/Avatar/index.js';
|
|
6
|
-
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
7
|
-
|
|
8
|
-
var _excluded = ["serviceType", "title", "description", "updatedAt", "imageUrl", "rounded"];
|
|
9
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
10
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
11
|
-
function NotificationItem(_ref) {
|
|
12
|
-
var serviceType = _ref.serviceType,
|
|
13
|
-
title = _ref.title,
|
|
14
|
-
description = _ref.description,
|
|
15
|
-
updatedAt = _ref.updatedAt,
|
|
16
|
-
imageUrl = _ref.imageUrl,
|
|
17
|
-
rounded = _ref.rounded,
|
|
18
|
-
props = _objectWithoutProperties(_ref, _excluded);
|
|
19
|
-
return /*#__PURE__*/jsxs(StyledNotificationItem, _objectSpread(_objectSpread({}, props), {}, {
|
|
20
|
-
children: [/*#__PURE__*/jsx(StyledServiceTitle, {
|
|
21
|
-
children: serviceType
|
|
22
|
-
}), /*#__PURE__*/jsxs(StyledNotificationItemContent, {
|
|
23
|
-
children: [/*#__PURE__*/jsxs(StyledNotificationContentText, {
|
|
24
|
-
children: [/*#__PURE__*/jsx(StyledNotificationTitle, {
|
|
25
|
-
children: title
|
|
26
|
-
}), description && /*#__PURE__*/jsx(StyledNotificationDescription, {
|
|
27
|
-
children: description
|
|
28
|
-
}), /*#__PURE__*/jsx(StyledNotificationUpdatedAt, {
|
|
29
|
-
children: updatedAt
|
|
30
|
-
})]
|
|
31
|
-
}), imageUrl && /*#__PURE__*/jsx(Avatar, {
|
|
32
|
-
size: "large",
|
|
33
|
-
border: {
|
|
34
|
-
width: 'none'
|
|
35
|
-
},
|
|
36
|
-
rounded: rounded,
|
|
37
|
-
imageUrl: imageUrl
|
|
38
|
-
})]
|
|
39
|
-
})]
|
|
40
|
-
}));
|
|
41
|
-
}
|
|
42
|
-
|
|
43
|
-
export { NotificationItem as default };
|
|
44
|
-
//# sourceMappingURL=NotificationItem.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationItem.js","sources":["../../../../../../../src/Gnb/parts/GnbNotification/parts/NotificationItem.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\nimport * as React from 'react';\n\nimport {\n StyledNotificationContentText,\n StyledNotificationDescription,\n StyledNotificationItem,\n StyledNotificationItemContent,\n StyledNotificationTitle,\n StyledNotificationUpdatedAt,\n StyledServiceTitle,\n} from '@/Gnb/parts/GnbNotification/style';\nimport type { GetStyledComponentProps } from '@remember-web/shared/types/styles';\nimport { Avatar } from '@/Avatars';\nimport type { AvatarProps } from '@/Avatars/Avatar';\n\nexport type NotificationItemProps<ComponentAs> = GetStyledComponentProps<\n typeof StyledNotificationItem,\n ComponentAs\n> & {\n serviceType: ReactNode;\n title: ReactNode;\n description?: ReactNode;\n updatedAt: ReactNode;\n imageUrl?: AvatarProps['imageUrl'];\n rounded?: AvatarProps['rounded'];\n};\n\nexport default function NotificationItem<ComponentAs>({\n serviceType,\n title,\n description,\n updatedAt,\n imageUrl,\n rounded,\n ...props\n}: NotificationItemProps<ComponentAs>) {\n return (\n <StyledNotificationItem {...props}>\n <StyledServiceTitle>{serviceType}</StyledServiceTitle>\n <StyledNotificationItemContent>\n <StyledNotificationContentText>\n <StyledNotificationTitle>{title}</StyledNotificationTitle>\n {description && (\n <StyledNotificationDescription>\n {description}\n </StyledNotificationDescription>\n )}\n <StyledNotificationUpdatedAt>{updatedAt}</StyledNotificationUpdatedAt>\n </StyledNotificationContentText>\n\n {imageUrl && (\n <Avatar\n size=\"large\"\n border={{ width: 'none' }}\n rounded={rounded}\n imageUrl={imageUrl}\n />\n )}\n </StyledNotificationItemContent>\n </StyledNotificationItem>\n );\n}\n"],"names":["NotificationItem","_ref","serviceType","title","description","updatedAt","imageUrl","rounded","props","_objectWithoutProperties","_excluded","_jsxs","StyledNotificationItem","_objectSpread","children","_jsx","StyledServiceTitle","StyledNotificationItemContent","StyledNotificationContentText","StyledNotificationTitle","StyledNotificationDescription","StyledNotificationUpdatedAt","Avatar","size","border","width"],"mappings":";;;;;;;;;;AA4Be,SAASA,gBAAgBA,CAAAC,IAAA,EAQD;AAAA,EAAA,IAPrCC,WAAW,GAAAD,IAAA,CAAXC,WAAW;IACXC,KAAK,GAAAF,IAAA,CAALE,KAAK;IACLC,WAAW,GAAAH,IAAA,CAAXG,WAAW;IACXC,SAAS,GAAAJ,IAAA,CAATI,SAAS;IACTC,QAAQ,GAAAL,IAAA,CAARK,QAAQ;IACRC,OAAO,GAAAN,IAAA,CAAPM,OAAO;AACJC,IAAAA,KAAK,GAAAC,wBAAA,CAAAR,IAAA,EAAAS,SAAA,CAAA,CAAA;EAER,oBACEC,IAAA,CAACC,sBAAsB,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;IAAAM,QAAA,EAAA,cAC/BC,GAAA,CAACC,kBAAkB,EAAA;AAAAF,MAAAA,QAAA,EAAEZ,WAAAA;AAAW,KAAqB,CAAC,eACtDS,IAAA,CAACM,6BAA6B,EAAA;MAAAH,QAAA,EAAA,cAC5BH,IAAA,CAACO,6BAA6B,EAAA;QAAAJ,QAAA,EAAA,cAC5BC,GAAA,CAACI,uBAAuB,EAAA;AAAAL,UAAAA,QAAA,EAAEX,KAAAA;AAAK,SAA0B,CAAC,EACzDC,WAAW,iBACVW,GAAA,CAACK,6BAA6B,EAAA;AAAAN,UAAAA,QAAA,EAC3BV,WAAAA;AAAW,SACiB,CAChC,eACDW,GAAA,CAACM,2BAA2B,EAAA;AAAAP,UAAAA,QAAA,EAAET,SAAAA;AAAS,SAA8B,CAAC,CAAA;AAAA,OACzC,CAAC,EAE/BC,QAAQ,iBACPS,GAAA,CAACO,MAAM,EAAA;AACLC,QAAAA,IAAI,EAAC,OAAO;AACZC,QAAAA,MAAM,EAAE;AAAEC,UAAAA,KAAK,EAAE,MAAA;SAAS;AAC1BlB,QAAAA,OAAO,EAAEA,OAAQ;AACjBD,QAAAA,QAAQ,EAAEA,QAAAA;AAAS,OACpB,CACF,CAAA;AAAA,KAC4B,CAAC,CAAA;AAAA,GAAA,CACV,CAAC,CAAA;AAE7B;;;;"}
|
|
@@ -1,49 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
4
|
-
var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
|
|
5
|
-
var styled = require('styled-components');
|
|
6
|
-
var mixin = require('@remember-web/mixin');
|
|
7
|
-
var css = require('../../css.cjs');
|
|
8
|
-
var style = require('../../../Badge/style.cjs');
|
|
9
|
-
var styles = require('../../../Floating/Popover/styles.cjs');
|
|
10
|
-
|
|
11
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
|
-
|
|
13
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
|
|
14
|
-
var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
|
|
15
|
-
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
16
|
-
|
|
17
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
|
|
18
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
19
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
20
|
-
var StyledNotificationItem = styled__default.default.div(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n &:where(button, a) {\n ", ";\n\n &:hover,\n &:focus-visible {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n }\n\n &:where(a) {\n text-decoration: none;\n }\n\n & {\n display: flex;\n flex-direction: column;\n place-items: start;\n box-sizing: border-box;\n width: 100%;\n padding: 10px 20px;\n gap: 8px;\n content-visibility: auto;\n\n color: ", ";\n }\n"])), css.defaultGridButtonCss, mixin.bg200, mixin.bg300, mixin.contents000);
|
|
21
|
-
var StyledNotificationEmpty = styled__default.default.div.attrs(function (p) {
|
|
22
|
-
return _objectSpread({
|
|
23
|
-
children: '받은 알림이 아직 없습니다'
|
|
24
|
-
}, p);
|
|
25
|
-
})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral__default.default(["\n ", "\n font-weight: 500;\n\n color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n padding: 130px 0;\n"])), mixin.getTypographyStyles('Headline4_M'), mixin.contents200);
|
|
26
|
-
var StyledServiceTitle = styled__default.default.strong(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral__default.default(["\n ", "\n font-weight: 500;\n color: ", ";\n"])), mixin.getTypographyStyles('Body2_B'), mixin.secondary100);
|
|
27
|
-
var StyledNotificationItemContent = styled__default.default.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral__default.default(["\n display: grid;\n\n grid-template-columns: 1fr auto;\n gap: 8px;\n width: 100%;\n"])));
|
|
28
|
-
var StyledNotificationContent = styled__default.default(styles.StyledPopoverContent)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral__default.default(["\n ", ";\n\n min-width: 360px;\n max-height: 440px;\n\n ", " {\n border-bottom: 1px solid ", ";\n\n &:first-child {\n padding-top: 16px;\n }\n\n &:last-child {\n border-bottom: none;\n }\n\n &:last-child(1),\n &:last-child(2),\n &:last-child(3) {\n border-bottom: 1px solid ", ";\n }\n }\n"])), css.fullPopoverContentCss, StyledNotificationItem, mixin.divider, mixin.divider);
|
|
29
|
-
StyledNotificationContent.defaultProps = {
|
|
30
|
-
align: 'end',
|
|
31
|
-
sideOffset: -12
|
|
32
|
-
};
|
|
33
|
-
var StyledNotificationContentText = styled__default.default.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral__default.default(["\n display: flex;\n flex-direction: column;\n flex: 1;\n gap: 8px;\n"])));
|
|
34
|
-
var StyledNotificationTitle = styled__default.default.b(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral__default.default(["\n ", "\n font-weight: 500;\n line-height: 19px;\n"])), mixin.getTypographyStyles('Body1_M'));
|
|
35
|
-
var StyledNotificationDescription = styled__default.default.p(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral__default.default(["\n ", "\n font-weight: 500;\n padding-inline: unset;\n margin-block: unset;\n color: ", ";\n"])), mixin.getTypographyStyles('Body1_M'), mixin.contents150);
|
|
36
|
-
var StyledNotificationUpdatedAt = styled__default.default.span(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral__default.default(["\n ", "\n font-weight: 500;\n color: ", ";\n"])), mixin.getTypographyStyles('Body2_M'), mixin.contents200);
|
|
37
|
-
var StyledNotificationButton = styled__default.default(StyledNotificationDescription)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral__default.default(["\n display: grid;\n place-content: center;\n\n > span {\n ", ";\n position: relative;\n display: block;\n height: 24px;\n width: 24px;\n max-height: 24px;\n ", ";\n }\n"])), css.defaultGridButtonCss, style.getBadgePseudoCss());
|
|
38
|
-
|
|
39
|
-
exports.StyledNotificationButton = StyledNotificationButton;
|
|
40
|
-
exports.StyledNotificationContent = StyledNotificationContent;
|
|
41
|
-
exports.StyledNotificationContentText = StyledNotificationContentText;
|
|
42
|
-
exports.StyledNotificationDescription = StyledNotificationDescription;
|
|
43
|
-
exports.StyledNotificationEmpty = StyledNotificationEmpty;
|
|
44
|
-
exports.StyledNotificationItem = StyledNotificationItem;
|
|
45
|
-
exports.StyledNotificationItemContent = StyledNotificationItemContent;
|
|
46
|
-
exports.StyledNotificationTitle = StyledNotificationTitle;
|
|
47
|
-
exports.StyledNotificationUpdatedAt = StyledNotificationUpdatedAt;
|
|
48
|
-
exports.StyledServiceTitle = StyledServiceTitle;
|
|
49
|
-
//# sourceMappingURL=style.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.cjs","sources":["../../../../../../src/Gnb/parts/GnbNotification/style.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport {\n bg200,\n bg300,\n contents000,\n contents150,\n contents200,\n divider,\n getTypographyStyles,\n secondary100,\n} from '@remember-web/mixin';\nimport { defaultGridButtonCss, fullPopoverContentCss } from '@/Gnb/css';\nimport { getBadgePseudoCss } from '@/Badge/style';\nimport { StyledPopoverContent } from '@/Floating/Popover/styles';\n\nexport const StyledNotificationItem = styled.div`\n &:where(button, a) {\n ${defaultGridButtonCss};\n\n &:hover,\n &:focus-visible {\n background-color: ${bg200};\n }\n\n &:active {\n background-color: ${bg300};\n }\n }\n\n &:where(a) {\n text-decoration: none;\n }\n\n & {\n display: flex;\n flex-direction: column;\n place-items: start;\n box-sizing: border-box;\n width: 100%;\n padding: 10px 20px;\n gap: 8px;\n content-visibility: auto;\n\n color: ${contents000};\n }\n`;\n\nexport const StyledNotificationEmpty = styled.div.attrs((p) => ({\n children: '받은 알림이 아직 없습니다',\n ...p,\n}))`\n ${getTypographyStyles('Headline4_M')}\n font-weight: 500;\n\n color: ${contents200};\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n padding: 130px 0;\n`;\n\nexport const StyledServiceTitle = styled.strong`\n ${getTypographyStyles('Body2_B')}\n font-weight: 500;\n color: ${secondary100};\n`;\n\nexport const StyledNotificationItemContent = styled.div`\n display: grid;\n\n grid-template-columns: 1fr auto;\n gap: 8px;\n width: 100%;\n`;\n\nexport const StyledNotificationContent = styled(StyledPopoverContent)`\n ${fullPopoverContentCss};\n\n min-width: 360px;\n max-height: 440px;\n\n ${StyledNotificationItem} {\n border-bottom: 1px solid ${divider};\n\n &:first-child {\n padding-top: 16px;\n }\n\n &:last-child {\n border-bottom: none;\n }\n\n &:last-child(1),\n &:last-child(2),\n &:last-child(3) {\n border-bottom: 1px solid ${divider};\n }\n }\n`;\n\nStyledNotificationContent.defaultProps = {\n align: 'end',\n sideOffset: -12,\n};\n\nexport const StyledNotificationContentText = styled.div`\n display: flex;\n flex-direction: column;\n flex: 1;\n gap: 8px;\n`;\n\nexport const StyledNotificationTitle = styled.b`\n ${getTypographyStyles('Body1_M')}\n font-weight: 500;\n line-height: 19px;\n`;\n\nexport const StyledNotificationDescription = styled.p`\n ${getTypographyStyles('Body1_M')}\n font-weight: 500;\n padding-inline: unset;\n margin-block: unset;\n color: ${contents150};\n`;\n\nexport const StyledNotificationUpdatedAt = styled.span`\n ${getTypographyStyles('Body2_M')}\n font-weight: 500;\n color: ${contents200};\n`;\n\nexport const StyledNotificationButton = styled(StyledNotificationDescription)`\n display: grid;\n place-content: center;\n\n > span {\n ${defaultGridButtonCss};\n position: relative;\n display: block;\n height: 24px;\n width: 24px;\n max-height: 24px;\n ${getBadgePseudoCss()};\n }\n`;\n"],"names":["StyledNotificationItem","styled","div","_templateObject","_taggedTemplateLiteral","defaultGridButtonCss","bg200","bg300","contents000","StyledNotificationEmpty","attrs","p","_objectSpread","children","_templateObject2","getTypographyStyles","contents200","StyledServiceTitle","strong","_templateObject3","secondary100","StyledNotificationItemContent","_templateObject4","StyledNotificationContent","StyledPopoverContent","_templateObject5","fullPopoverContentCss","divider","defaultProps","align","sideOffset","StyledNotificationContentText","_templateObject6","StyledNotificationTitle","b","_templateObject7","StyledNotificationDescription","_templateObject8","contents150","StyledNotificationUpdatedAt","span","_templateObject9","StyledNotificationButton","_templateObject10","getBadgePseudoCss"],"mappings":";;;;;;;;;;;;;;;;;;;AAgBO,IAAMA,sBAAsB,GAAGC,uBAAM,CAACC,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CAAA,CAAA,gCAAA,EAAA,oEAAA,EAAA,sDAAA,EAAA,0RAAA,EAAA,UAAA,CAAA,CAAA,CAAA,EAE1CC,wBAAoB,EAIAC,WAAK,EAILC,WAAK,EAkBlBC,iBAAW,EAEvB;AAEM,IAAMC,uBAAuB,GAAGR,uBAAM,CAACC,GAAG,CAACQ,KAAK,CAAC,UAACC,CAAC,EAAA;AAAA,EAAA,OAAAC,aAAA,CAAA;AACxDC,IAAAA,QAAQ,EAAE,gBAAA;AAAgB,GAAA,EACvBF,CAAC,CAAA,CAAA;AAAA,CACJ,CAAC,CAAAG,gBAAA,KAAAA,gBAAA,GAAAV,uCAAA,CACCW,CAAAA,MAAAA,EAAAA,oCAAAA,EAAAA,iIAAAA,CAAAA,CAAAA,CAAAA,EAAAA,yBAAmB,CAAC,aAAa,CAAC,EAG3BC,iBAAW,EAOrB;IAEYC,kBAAkB,GAAGhB,uBAAM,CAACiB,MAAM,CAAAC,gBAAA,KAAAA,gBAAA,GAAAf,uCAAA,wDAC3CW,yBAAmB,CAAC,SAAS,CAAC,EAEvBK,kBAAY,EACtB;AAEYC,IAAAA,6BAA6B,GAAGpB,uBAAM,CAACC,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAlB,uCAAA,CAMtD,CAAA,yFAAA,CAAA,CAAA,CAAA,EAAA;AAEM,IAAMmB,yBAAyB,GAAGtB,uBAAM,CAACuB,2BAAoB,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAArB,uCAAA,yVACjEsB,yBAAqB,EAKrB1B,sBAAsB,EACK2B,aAAO,EAaLA,aAAO,EAGvC;AAEDJ,yBAAyB,CAACK,YAAY,GAAG;AACvCC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,UAAU,EAAE,CAAC,EAAA;AACf,CAAC,CAAA;AAEYC,IAAAA,6BAA6B,GAAG9B,uBAAM,CAACC,GAAG,CAAA8B,gBAAA,KAAAA,gBAAA,GAAA5B,uCAAA,CAKtD,CAAA,0EAAA,CAAA,CAAA,CAAA,EAAA;IAEY6B,uBAAuB,GAAGhC,uBAAM,CAACiC,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAA/B,uCAAA,CAAA,CAAA,MAAA,EAAA,+CAAA,CAAA,CAAA,CAAA,EAC3CW,yBAAmB,CAAC,SAAS,CAAC,EAGjC;IAEYqB,6BAA6B,GAAGnC,uBAAM,CAACU,CAAC,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAjC,uCAAA,0GACjDW,yBAAmB,CAAC,SAAS,CAAC,EAIvBuB,iBAAW,EACrB;IAEYC,2BAA2B,GAAGtC,uBAAM,CAACuC,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAArC,uCAAA,wDAClDW,yBAAmB,CAAC,SAAS,CAAC,EAEvBC,iBAAW,EACrB;IAEY0B,wBAAwB,GAAGzC,uBAAM,CAACmC,6BAA6B,CAAC,CAAAO,iBAAA,KAAAA,iBAAA,GAAAvC,uCAAA,CAKvEC,CAAAA,kEAAAA,EAAAA,mHAAAA,EAAAA,UAAAA,CAAAA,CAAAA,CAAAA,EAAAA,wBAAoB,EAMpBuC,uBAAiB,EAAE;;;;;;;;;;;;;"}
|
|
@@ -1,20 +0,0 @@
|
|
|
1
|
-
/// <reference types="react" />
|
|
2
|
-
export declare const StyledNotificationItem: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
3
|
-
export declare const StyledNotificationEmpty: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
|
|
4
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
5
|
-
}>, never>, never>>;
|
|
6
|
-
export declare const StyledServiceTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
|
|
7
|
-
export declare const StyledNotificationItemContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
8
|
-
export declare const StyledNotificationContent: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").FastOmit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
9
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
10
|
-
}, never>, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
|
|
11
|
-
ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
|
|
12
|
-
}, never>> & Omit<import("react").ForwardRefExoticComponent<import("@radix-ui/react-popover").PopoverContentProps & import("react").RefAttributes<HTMLDivElement>>, keyof import("react").Component<any, {}, any>>, keyof import("react").Component<any, {}, any>>;
|
|
13
|
-
export declare const StyledNotificationContentText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>;
|
|
14
|
-
export declare const StyledNotificationTitle: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>>;
|
|
15
|
-
export declare const StyledNotificationDescription: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>;
|
|
16
|
-
export declare const StyledNotificationUpdatedAt: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>>;
|
|
17
|
-
export declare const StyledNotificationButton: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<Omit<import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>, "ref"> & {
|
|
18
|
-
ref?: ((instance: HTMLParagraphElement | null) => void) | import("react").RefObject<HTMLParagraphElement> | null | undefined;
|
|
19
|
-
}, never>> & Omit<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, never>>, keyof import("react").Component<any, {}, any>>;
|
|
20
|
-
//# sourceMappingURL=style.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbNotification/style.tsx"],"names":[],"mappings":";AAgBA,eAAO,MAAM,sBAAsB,gNA8BlC,CAAC;AAEF,eAAO,MAAM,uBAAuB;;mBAcnC,CAAC;AAEF,eAAO,MAAM,kBAAkB,0MAI9B,CAAC;AAEF,eAAO,MAAM,6BAA6B,gNAMzC,CAAC;AAEF,eAAO,MAAM,yBAAyB;;;;kQAuBrC,CAAC;AAOF,eAAO,MAAM,6BAA6B,gNAKzC,CAAC;AAEF,eAAO,MAAM,uBAAuB,0MAInC,CAAC;AAEF,eAAO,MAAM,6BAA6B,4NAMzC,CAAC;AAEF,eAAO,MAAM,2BAA2B,kNAIvC,CAAC;AAEF,eAAO,MAAM,wBAAwB;;4RAapC,CAAC"}
|
|
@@ -1,32 +0,0 @@
|
|
|
1
|
-
import _defineProperty from '@babel/runtime/helpers/defineProperty';
|
|
2
|
-
import _taggedTemplateLiteral from '@babel/runtime/helpers/taggedTemplateLiteral';
|
|
3
|
-
import styled from 'styled-components';
|
|
4
|
-
import { bg200, bg300, contents000, getTypographyStyles, contents200, secondary100, divider, contents150 } from '@remember-web/mixin';
|
|
5
|
-
import { defaultGridButtonCss, fullPopoverContentCss } from '../../css.js';
|
|
6
|
-
import { getBadgePseudoCss } from '../../../Badge/style.js';
|
|
7
|
-
import { StyledPopoverContent } from '../../../Floating/Popover/styles.js';
|
|
8
|
-
|
|
9
|
-
var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
|
|
10
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
11
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
12
|
-
var StyledNotificationItem = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n &:where(button, a) {\n ", ";\n\n &:hover,\n &:focus-visible {\n background-color: ", ";\n }\n\n &:active {\n background-color: ", ";\n }\n }\n\n &:where(a) {\n text-decoration: none;\n }\n\n & {\n display: flex;\n flex-direction: column;\n place-items: start;\n box-sizing: border-box;\n width: 100%;\n padding: 10px 20px;\n gap: 8px;\n content-visibility: auto;\n\n color: ", ";\n }\n"])), defaultGridButtonCss, bg200, bg300, contents000);
|
|
13
|
-
var StyledNotificationEmpty = styled.div.attrs(function (p) {
|
|
14
|
-
return _objectSpread({
|
|
15
|
-
children: '받은 알림이 아직 없습니다'
|
|
16
|
-
}, p);
|
|
17
|
-
})(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n ", "\n font-weight: 500;\n\n color: ", ";\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n padding: 130px 0;\n"])), getTypographyStyles('Headline4_M'), contents200);
|
|
18
|
-
var StyledServiceTitle = styled.strong(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n ", "\n font-weight: 500;\n color: ", ";\n"])), getTypographyStyles('Body2_B'), secondary100);
|
|
19
|
-
var StyledNotificationItemContent = styled.div(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n display: grid;\n\n grid-template-columns: 1fr auto;\n gap: 8px;\n width: 100%;\n"])));
|
|
20
|
-
var StyledNotificationContent = styled(StyledPopoverContent)(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n ", ";\n\n min-width: 360px;\n max-height: 440px;\n\n ", " {\n border-bottom: 1px solid ", ";\n\n &:first-child {\n padding-top: 16px;\n }\n\n &:last-child {\n border-bottom: none;\n }\n\n &:last-child(1),\n &:last-child(2),\n &:last-child(3) {\n border-bottom: 1px solid ", ";\n }\n }\n"])), fullPopoverContentCss, StyledNotificationItem, divider, divider);
|
|
21
|
-
StyledNotificationContent.defaultProps = {
|
|
22
|
-
align: 'end',
|
|
23
|
-
sideOffset: -12
|
|
24
|
-
};
|
|
25
|
-
var StyledNotificationContentText = styled.div(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n display: flex;\n flex-direction: column;\n flex: 1;\n gap: 8px;\n"])));
|
|
26
|
-
var StyledNotificationTitle = styled.b(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n ", "\n font-weight: 500;\n line-height: 19px;\n"])), getTypographyStyles('Body1_M'));
|
|
27
|
-
var StyledNotificationDescription = styled.p(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n ", "\n font-weight: 500;\n padding-inline: unset;\n margin-block: unset;\n color: ", ";\n"])), getTypographyStyles('Body1_M'), contents150);
|
|
28
|
-
var StyledNotificationUpdatedAt = styled.span(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n ", "\n font-weight: 500;\n color: ", ";\n"])), getTypographyStyles('Body2_M'), contents200);
|
|
29
|
-
var StyledNotificationButton = styled(StyledNotificationDescription)(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n display: grid;\n place-content: center;\n\n > span {\n ", ";\n position: relative;\n display: block;\n height: 24px;\n width: 24px;\n max-height: 24px;\n ", ";\n }\n"])), defaultGridButtonCss, getBadgePseudoCss());
|
|
30
|
-
|
|
31
|
-
export { StyledNotificationButton, StyledNotificationContent, StyledNotificationContentText, StyledNotificationDescription, StyledNotificationEmpty, StyledNotificationItem, StyledNotificationItemContent, StyledNotificationTitle, StyledNotificationUpdatedAt, StyledServiceTitle };
|
|
32
|
-
//# sourceMappingURL=style.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"style.js","sources":["../../../../../../src/Gnb/parts/GnbNotification/style.tsx"],"sourcesContent":["import styled from 'styled-components';\n\nimport {\n bg200,\n bg300,\n contents000,\n contents150,\n contents200,\n divider,\n getTypographyStyles,\n secondary100,\n} from '@remember-web/mixin';\nimport { defaultGridButtonCss, fullPopoverContentCss } from '@/Gnb/css';\nimport { getBadgePseudoCss } from '@/Badge/style';\nimport { StyledPopoverContent } from '@/Floating/Popover/styles';\n\nexport const StyledNotificationItem = styled.div`\n &:where(button, a) {\n ${defaultGridButtonCss};\n\n &:hover,\n &:focus-visible {\n background-color: ${bg200};\n }\n\n &:active {\n background-color: ${bg300};\n }\n }\n\n &:where(a) {\n text-decoration: none;\n }\n\n & {\n display: flex;\n flex-direction: column;\n place-items: start;\n box-sizing: border-box;\n width: 100%;\n padding: 10px 20px;\n gap: 8px;\n content-visibility: auto;\n\n color: ${contents000};\n }\n`;\n\nexport const StyledNotificationEmpty = styled.div.attrs((p) => ({\n children: '받은 알림이 아직 없습니다',\n ...p,\n}))`\n ${getTypographyStyles('Headline4_M')}\n font-weight: 500;\n\n color: ${contents200};\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n height: 100%;\n padding: 130px 0;\n`;\n\nexport const StyledServiceTitle = styled.strong`\n ${getTypographyStyles('Body2_B')}\n font-weight: 500;\n color: ${secondary100};\n`;\n\nexport const StyledNotificationItemContent = styled.div`\n display: grid;\n\n grid-template-columns: 1fr auto;\n gap: 8px;\n width: 100%;\n`;\n\nexport const StyledNotificationContent = styled(StyledPopoverContent)`\n ${fullPopoverContentCss};\n\n min-width: 360px;\n max-height: 440px;\n\n ${StyledNotificationItem} {\n border-bottom: 1px solid ${divider};\n\n &:first-child {\n padding-top: 16px;\n }\n\n &:last-child {\n border-bottom: none;\n }\n\n &:last-child(1),\n &:last-child(2),\n &:last-child(3) {\n border-bottom: 1px solid ${divider};\n }\n }\n`;\n\nStyledNotificationContent.defaultProps = {\n align: 'end',\n sideOffset: -12,\n};\n\nexport const StyledNotificationContentText = styled.div`\n display: flex;\n flex-direction: column;\n flex: 1;\n gap: 8px;\n`;\n\nexport const StyledNotificationTitle = styled.b`\n ${getTypographyStyles('Body1_M')}\n font-weight: 500;\n line-height: 19px;\n`;\n\nexport const StyledNotificationDescription = styled.p`\n ${getTypographyStyles('Body1_M')}\n font-weight: 500;\n padding-inline: unset;\n margin-block: unset;\n color: ${contents150};\n`;\n\nexport const StyledNotificationUpdatedAt = styled.span`\n ${getTypographyStyles('Body2_M')}\n font-weight: 500;\n color: ${contents200};\n`;\n\nexport const StyledNotificationButton = styled(StyledNotificationDescription)`\n display: grid;\n place-content: center;\n\n > span {\n ${defaultGridButtonCss};\n position: relative;\n display: block;\n height: 24px;\n width: 24px;\n max-height: 24px;\n ${getBadgePseudoCss()};\n }\n`;\n"],"names":["StyledNotificationItem","styled","div","_templateObject","_taggedTemplateLiteral","defaultGridButtonCss","bg200","bg300","contents000","StyledNotificationEmpty","attrs","p","_objectSpread","children","_templateObject2","getTypographyStyles","contents200","StyledServiceTitle","strong","_templateObject3","secondary100","StyledNotificationItemContent","_templateObject4","StyledNotificationContent","StyledPopoverContent","_templateObject5","fullPopoverContentCss","divider","defaultProps","align","sideOffset","StyledNotificationContentText","_templateObject6","StyledNotificationTitle","b","_templateObject7","StyledNotificationDescription","_templateObject8","contents150","StyledNotificationUpdatedAt","span","_templateObject9","StyledNotificationButton","_templateObject10","getBadgePseudoCss"],"mappings":";;;;;;;;;;;AAgBO,IAAMA,sBAAsB,GAAGC,MAAM,CAACC,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,CAAA,CAAA,gCAAA,EAAA,oEAAA,EAAA,sDAAA,EAAA,0RAAA,EAAA,UAAA,CAAA,CAAA,CAAA,EAE1CC,oBAAoB,EAIAC,KAAK,EAILC,KAAK,EAkBlBC,WAAW,EAEvB;AAEM,IAAMC,uBAAuB,GAAGR,MAAM,CAACC,GAAG,CAACQ,KAAK,CAAC,UAACC,CAAC,EAAA;AAAA,EAAA,OAAAC,aAAA,CAAA;AACxDC,IAAAA,QAAQ,EAAE,gBAAA;AAAgB,GAAA,EACvBF,CAAC,CAAA,CAAA;AAAA,CACJ,CAAC,CAAAG,gBAAA,KAAAA,gBAAA,GAAAV,sBAAA,CACCW,CAAAA,MAAAA,EAAAA,oCAAAA,EAAAA,iIAAAA,CAAAA,CAAAA,CAAAA,EAAAA,mBAAmB,CAAC,aAAa,CAAC,EAG3BC,WAAW,EAOrB;IAEYC,kBAAkB,GAAGhB,MAAM,CAACiB,MAAM,CAAAC,gBAAA,KAAAA,gBAAA,GAAAf,sBAAA,wDAC3CW,mBAAmB,CAAC,SAAS,CAAC,EAEvBK,YAAY,EACtB;AAEYC,IAAAA,6BAA6B,GAAGpB,MAAM,CAACC,GAAG,CAAAoB,gBAAA,KAAAA,gBAAA,GAAAlB,sBAAA,CAMtD,CAAA,yFAAA,CAAA,CAAA,CAAA,EAAA;AAEM,IAAMmB,yBAAyB,GAAGtB,MAAM,CAACuB,oBAAoB,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAArB,sBAAA,yVACjEsB,qBAAqB,EAKrB1B,sBAAsB,EACK2B,OAAO,EAaLA,OAAO,EAGvC;AAEDJ,yBAAyB,CAACK,YAAY,GAAG;AACvCC,EAAAA,KAAK,EAAE,KAAK;AACZC,EAAAA,UAAU,EAAE,CAAC,EAAA;AACf,CAAC,CAAA;AAEYC,IAAAA,6BAA6B,GAAG9B,MAAM,CAACC,GAAG,CAAA8B,gBAAA,KAAAA,gBAAA,GAAA5B,sBAAA,CAKtD,CAAA,0EAAA,CAAA,CAAA,CAAA,EAAA;IAEY6B,uBAAuB,GAAGhC,MAAM,CAACiC,CAAC,CAAAC,gBAAA,KAAAA,gBAAA,GAAA/B,sBAAA,CAAA,CAAA,MAAA,EAAA,+CAAA,CAAA,CAAA,CAAA,EAC3CW,mBAAmB,CAAC,SAAS,CAAC,EAGjC;IAEYqB,6BAA6B,GAAGnC,MAAM,CAACU,CAAC,CAAA0B,gBAAA,KAAAA,gBAAA,GAAAjC,sBAAA,0GACjDW,mBAAmB,CAAC,SAAS,CAAC,EAIvBuB,WAAW,EACrB;IAEYC,2BAA2B,GAAGtC,MAAM,CAACuC,IAAI,CAAAC,gBAAA,KAAAA,gBAAA,GAAArC,sBAAA,wDAClDW,mBAAmB,CAAC,SAAS,CAAC,EAEvBC,WAAW,EACrB;IAEY0B,wBAAwB,GAAGzC,MAAM,CAACmC,6BAA6B,CAAC,CAAAO,iBAAA,KAAAA,iBAAA,GAAAvC,sBAAA,CAKvEC,CAAAA,kEAAAA,EAAAA,mHAAAA,EAAAA,UAAAA,CAAAA,CAAAA,CAAAA,EAAAA,oBAAoB,EAMpBuC,iBAAiB,EAAE;;;;"}
|
|
@@ -1,31 +0,0 @@
|
|
|
1
|
-
declare const meta: {
|
|
2
|
-
readonly parameters: {
|
|
3
|
-
readonly layout: "fullscreen";
|
|
4
|
-
};
|
|
5
|
-
readonly title: "Gnb/Gnb/profile";
|
|
6
|
-
readonly argTypes: {
|
|
7
|
-
readonly profileType: {
|
|
8
|
-
readonly control: "radio";
|
|
9
|
-
readonly options: readonly ["B2B", "B2C", "B2C_EMPTY"];
|
|
10
|
-
};
|
|
11
|
-
readonly profileImage: {
|
|
12
|
-
readonly if: {
|
|
13
|
-
readonly arg: "profileType";
|
|
14
|
-
};
|
|
15
|
-
readonly control: "radio";
|
|
16
|
-
readonly options: readonly [undefined, "있음"];
|
|
17
|
-
};
|
|
18
|
-
};
|
|
19
|
-
readonly args: {
|
|
20
|
-
readonly profileType: "B2C";
|
|
21
|
-
};
|
|
22
|
-
};
|
|
23
|
-
export default meta;
|
|
24
|
-
type Args = {
|
|
25
|
-
profileType: (typeof meta)['argTypes']['profileType']['options'][number];
|
|
26
|
-
profileImage: (typeof meta)['argTypes']['profileImage']['options'][number];
|
|
27
|
-
};
|
|
28
|
-
export declare const Default: {
|
|
29
|
-
readonly render: ({ profileType, profileImage }: Args) => import("react/jsx-runtime").JSX.Element;
|
|
30
|
-
};
|
|
31
|
-
//# sourceMappingURL=GnbProfile.stories.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"GnbProfile.stories.d.ts","sourceRoot":"","sources":["../../../../../../src/Gnb/parts/GnbProfile/GnbProfile.stories.tsx"],"names":[],"mappings":"AAQA,QAAA,MAAM,IAAI;;;;;;;;;;;;;;;;;;;;;CAiBA,CAAC;AAEX,eAAe,IAAI,CAAC;AAEpB,KAAK,IAAI,GAAG;IACV,WAAW,EAAE,CAAC,OAAO,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,aAAa,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;IACzE,YAAY,EAAE,CAAC,OAAO,IAAI,CAAC,CAAC,UAAU,CAAC,CAAC,cAAc,CAAC,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,CAAC;CAC5E,CAAC;AAEF,eAAO,MAAM,OAAO;qDACoB,IAAI;CAyGlC,CAAC"}
|
|
@@ -1,64 +0,0 @@
|
|
|
1
|
-
'use strict';
|
|
2
|
-
|
|
3
|
-
var _taggedTemplateLiteral = require('@babel/runtime/helpers/taggedTemplateLiteral');
|
|
4
|
-
var _defineProperty = require('@babel/runtime/helpers/defineProperty');
|
|
5
|
-
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
|
-
var styled = require('styled-components');
|
|
7
|
-
var MyInfo = require('./parts/MyInfo.cjs');
|
|
8
|
-
var MyPasses = require('./parts/MyPasses.cjs');
|
|
9
|
-
var style = require('./style.cjs');
|
|
10
|
-
var UserShortInfo = require('./parts/UserShortInfo.cjs');
|
|
11
|
-
var BusinessUserShortInfo = require('./parts/BusinessUserShortInfo.cjs');
|
|
12
|
-
var mixin = require('@remember-web/mixin');
|
|
13
|
-
var MyPassesDetail = require('./parts/MyPassesDetail.cjs');
|
|
14
|
-
var index$1 = require('../GnbDropdownLinkItem/index.cjs');
|
|
15
|
-
var jsxRuntime = require('react/jsx-runtime');
|
|
16
|
-
var index = require('../../../Floating/DropdownMenu/index.cjs');
|
|
17
|
-
|
|
18
|
-
function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
|
|
19
|
-
|
|
20
|
-
var _taggedTemplateLiteral__default = /*#__PURE__*/_interopDefault(_taggedTemplateLiteral);
|
|
21
|
-
var _defineProperty__default = /*#__PURE__*/_interopDefault(_defineProperty);
|
|
22
|
-
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefault(_objectWithoutProperties);
|
|
23
|
-
var styled__default = /*#__PURE__*/_interopDefault(styled);
|
|
24
|
-
|
|
25
|
-
var _templateObject;
|
|
26
|
-
var _excluded = ["ButtonContentSlot", "children"];
|
|
27
|
-
function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
|
|
28
|
-
function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default.default(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
|
|
29
|
-
var GnbProfile = function GnbProfile(_ref) {
|
|
30
|
-
var ButtonContentSlot = _ref.ButtonContentSlot,
|
|
31
|
-
children = _ref.children,
|
|
32
|
-
props = _objectWithoutProperties__default.default(_ref, _excluded);
|
|
33
|
-
return /*#__PURE__*/jsxRuntime.jsxs(index, _objectSpread(_objectSpread({}, props), {}, {
|
|
34
|
-
children: [/*#__PURE__*/jsxRuntime.jsx(index.Trigger, {
|
|
35
|
-
children: /*#__PURE__*/jsxRuntime.jsxs(style.StyledGnbProfileButton, {
|
|
36
|
-
"data-is-mobile-popover-hidden": true,
|
|
37
|
-
children: [ButtonContentSlot, /*#__PURE__*/jsxRuntime.jsx(style.StyledGnpProfileIconArrow2DownS, {
|
|
38
|
-
"data-only-desktop": true
|
|
39
|
-
})]
|
|
40
|
-
})
|
|
41
|
-
}), children]
|
|
42
|
-
}));
|
|
43
|
-
};
|
|
44
|
-
GnbProfile.UserShortInfo = UserShortInfo.UserShortInfo;
|
|
45
|
-
GnbProfile.BusinessUserShortInfo = BusinessUserShortInfo.BusinessUserShortInfo;
|
|
46
|
-
GnbProfile.Content = function (props) {
|
|
47
|
-
return /*#__PURE__*/jsxRuntime.jsx(style.StyledGnbProfileContent, _objectSpread(_objectSpread({
|
|
48
|
-
align: "end",
|
|
49
|
-
sideOffset: -16
|
|
50
|
-
}, props), {}, {
|
|
51
|
-
"data-mobile-fullover": true
|
|
52
|
-
}));
|
|
53
|
-
};
|
|
54
|
-
GnbProfile.MyInfo = MyInfo.MyInfo;
|
|
55
|
-
GnbProfile.MyPasses = MyPasses.MyPasses;
|
|
56
|
-
GnbProfile.Section = index.Section;
|
|
57
|
-
GnbProfile.MyPassesDetail = MyPassesDetail.MyPassesDetail;
|
|
58
|
-
GnbProfile.LinkItem = styled__default.default(index$1.GnbDropdownLinkItem)(_templateObject || (_templateObject = _taggedTemplateLiteral__default.default(["\n ", ";\n"])), mixin.getTypographyStyles('Body1_M'));
|
|
59
|
-
GnbProfile.LinkItem.defaultProps = {
|
|
60
|
-
hasArrow: true
|
|
61
|
-
};
|
|
62
|
-
|
|
63
|
-
exports.GnbProfile = GnbProfile;
|
|
64
|
-
//# sourceMappingURL=index.cjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"index.cjs","sources":["../../../../../../src/Gnb/parts/GnbProfile/index.tsx"],"sourcesContent":["import type { PropsWithChildren, ReactNode } from 'react';\nimport styled from 'styled-components';\n\nimport { DropdownMenu } from '@';\nimport { MyInfo } from '@/Gnb/parts/GnbProfile/parts/MyInfo';\nimport { MyPasses } from '@/Gnb/parts/GnbProfile/parts/MyPasses';\nimport type {\n DropdownContentProps,\n DropdownMenuProps,\n} from '@/Floating/DropdownMenu';\nimport {\n StyledGnbProfileButton,\n StyledGnbProfileContent,\n StyledGnpProfileIconArrow2DownS,\n} from '@/Gnb/parts/GnbProfile/style';\nimport { UserShortInfo } from '@/Gnb/parts/GnbProfile/parts/UserShortInfo';\nimport { BusinessUserShortInfo } from '@/Gnb/parts/GnbProfile/parts/BusinessUserShortInfo';\nimport { getTypographyStyles } from '@remember-web/mixin';\n\nimport { MyPassesDetail } from './parts/MyPassesDetail';\nimport { GnbDropdownLinkItem } from '../GnbDropdownLinkItem';\n\nexport type GnbProfileProps = {\n ButtonContentSlot: ReactNode;\n} & PropsWithChildren<DropdownMenuProps>;\n\nexport const GnbProfile = ({\n ButtonContentSlot,\n children,\n ...props\n}: GnbProfileProps) => (\n <DropdownMenu {...props}>\n <DropdownMenu.Trigger>\n <StyledGnbProfileButton data-is-mobile-popover-hidden>\n {ButtonContentSlot}\n <StyledGnpProfileIconArrow2DownS data-only-desktop />\n </StyledGnbProfileButton>\n </DropdownMenu.Trigger>\n {children}\n </DropdownMenu>\n);\n\nGnbProfile.UserShortInfo = UserShortInfo;\nGnbProfile.BusinessUserShortInfo = BusinessUserShortInfo;\n\nGnbProfile.Content = (props: DropdownContentProps) => (\n <StyledGnbProfileContent\n align=\"end\"\n sideOffset={-16}\n {...props}\n data-mobile-fullover\n />\n);\n\nGnbProfile.MyInfo = MyInfo;\nGnbProfile.MyPasses = MyPasses;\nGnbProfile.Section = DropdownMenu.Section;\nGnbProfile.MyPassesDetail = MyPassesDetail;\nGnbProfile.LinkItem = styled(GnbDropdownLinkItem)`\n ${getTypographyStyles('Body1_M')};\n`;\n\nGnbProfile.LinkItem.defaultProps = {\n hasArrow: true,\n};\n"],"names":["GnbProfile","_ref","ButtonContentSlot","children","props","_objectWithoutProperties","_excluded","_jsxs","DropdownMenu","_objectSpread","_jsx","Trigger","StyledGnbProfileButton","StyledGnpProfileIconArrow2DownS","UserShortInfo","BusinessUserShortInfo","Content","StyledGnbProfileContent","align","sideOffset","MyInfo","MyPasses","Section","MyPassesDetail","LinkItem","styled","GnbDropdownLinkItem","_templateObject","_taggedTemplateLiteral","getTypographyStyles","defaultProps","hasArrow"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;IA0BaA,UAAU,GAAG,SAAbA,UAAUA,CAAAC,IAAA,EAAA;AAAA,EAAA,IACrBC,iBAAiB,GAAAD,IAAA,CAAjBC,iBAAiB;IACjBC,QAAQ,GAAAF,IAAA,CAARE,QAAQ;AACLC,IAAAA,KAAK,GAAAC,yCAAA,CAAAJ,IAAA,EAAAK,SAAA,CAAA,CAAA;EAAA,oBAERC,eAAA,CAACC,KAAY,EAAAC,aAAA,CAAAA,aAAA,KAAKL,KAAK,CAAA,EAAA,EAAA,EAAA;AAAAD,IAAAA,QAAA,EACrBO,cAAAA,cAAA,CAACF,KAAY,CAACG,OAAO,EAAA;MAAAR,QAAA,eACnBI,eAAA,CAACK,4BAAsB,EAAA;QAAC,+BAA6B,EAAA,IAAA;AAAAT,QAAAA,QAAA,EAClDD,CAAAA,iBAAiB,eAClBQ,cAAA,CAACG,qCAA+B,EAAA;AAAC,UAAA,mBAAA,EAAA,IAAA;AAAiB,SAAE,CAAC,CAAA;OAC/B,CAAA;KACJ,CAAC,EACtBV,QAAQ,CAAA;AAAA,GAAA,CACG,CAAC,CAAA;AAAA,EAChB;AAEDH,UAAU,CAACc,aAAa,GAAGA,2BAAa,CAAA;AACxCd,UAAU,CAACe,qBAAqB,GAAGA,2CAAqB,CAAA;AAExDf,UAAU,CAACgB,OAAO,GAAG,UAACZ,KAA2B,EAAA;AAAA,EAAA,oBAC/CM,cAAA,CAACO,6BAAuB,EAAAR,aAAA,CAAAA,aAAA,CAAA;AACtBS,IAAAA,KAAK,EAAC,KAAK;AACXC,IAAAA,UAAU,EAAE,CAAC,EAAA;AAAG,GAAA,EACZf,KAAK,CAAA,EAAA,EAAA,EAAA;AACT,IAAA,sBAAA,EAAA,IAAA;AAAoB,GAAA,CACrB,CAAC,CAAA;AAAA,CACH,CAAA;AAEDJ,UAAU,CAACoB,MAAM,GAAGA,aAAM,CAAA;AAC1BpB,UAAU,CAACqB,QAAQ,GAAGA,iBAAQ,CAAA;AAC9BrB,UAAU,CAACsB,OAAO,GAAGd,KAAY,CAACc,OAAO,CAAA;AACzCtB,UAAU,CAACuB,cAAc,GAAGA,6BAAc,CAAA;AAC1CvB,UAAU,CAACwB,QAAQ,GAAGC,uBAAM,CAACC,2BAAmB,CAAC,CAAAC,eAAA,KAAAA,eAAA,GAAAC,uCAAA,CAAA,CAAA,MAAA,EAAA,KAAA,CAAA,CAAA,CAAA,EAC7CC,yBAAmB,CAAC,SAAS,CAAC,CACjC,CAAA;AAED7B,UAAU,CAACwB,QAAQ,CAACM,YAAY,GAAG;AACjCC,EAAAA,QAAQ,EAAE,IAAA;AACZ,CAAC;;;;"}
|