@wishket/design-system 1.13.9 → 1.13.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/Components/DataDisplays/Avatar/Avatar.js +3 -3
- package/dist/Components/DataDisplays/Label/Label.js +4 -4
- package/dist/Components/DataDisplays/SystemIcon/SystemIcon.constants.d.ts +1 -0
- package/dist/Components/DataDisplays/SystemIcon/SystemIcon.constants.js +1 -1
- package/dist/Components/DataDisplays/SystemIcon/index.d.ts +1 -1
- package/dist/Components/Feedbacks/MessageBar/MessageBar.js +5 -5
- package/dist/Components/Feedbacks/MessageBox/MessageBox.js +5 -5
- package/dist/Components/Feedbacks/MessageBox/MessageBox.parts.js +3 -3
- package/dist/Components/Feedbacks/SnackBar/SnackBar.js +11 -11
- package/dist/Components/Feedbacks/SnackBar/SnackBar.types.d.ts +8 -1
- package/dist/Components/Feedbacks/SnackBar/SnackBar.types.js +1 -0
- package/dist/Components/Feedbacks/SnackBar/index.d.ts +2 -1
- package/dist/Components/Inputs/AutoCompleteList/AutoCompleteList.js +5 -5
- package/dist/Components/Inputs/Button/Button.parts.js +2 -2
- package/dist/Components/Inputs/Calendar/Calendar.js +7 -7
- package/dist/Components/Inputs/Calendar/Calendar.parts.js +1 -1
- package/dist/Components/Inputs/CheckboxCard/CheckboxCard.parts.js +4 -4
- package/dist/Components/Inputs/ChoiceChip/ChoiceChip.js +6 -6
- package/dist/Components/Inputs/CommentArea/CommentArea.js +4 -4
- package/dist/Components/Inputs/FilterChip/FilterChip.js +5 -5
- package/dist/Components/Inputs/FilterList/FilterList.js +6 -6
- package/dist/Components/Inputs/IconButtonDropdown/IconButtonDropdown.js +4 -4
- package/dist/Components/Inputs/Input/PasswordInput.js +3 -3
- package/dist/Components/Inputs/InputChip/InputChip.js +3 -3
- package/dist/Components/Inputs/List/List.js +4 -4
- package/dist/Components/Inputs/RadioCard/RadioCard.parts.js +4 -4
- package/dist/Components/Inputs/SearchField/SearchField.js +4 -4
- package/dist/Components/Inputs/TextButton/TextButton.js +4 -4
- package/dist/Components/Inputs/TextButtonDropdown/TextButtonDropdown.parts.js +4 -4
- package/dist/Components/Inputs/TextFieldContainer/TextFieldContainer.js +1 -1
- package/dist/Components/Inputs/TextFieldDropdown/TextFieldDropdown.parts.js +3 -3
- package/dist/Components/Inputs/Textarea/Textarea.js +4 -4
- package/dist/Components/Navigations/GNBList/GNBList.parts.js +8 -8
- package/dist/Components/Navigations/Menu/Menu.js +4 -4
- package/dist/Components/Navigations/Pagination/Pagination.parts.js +2 -2
- package/dist/Components/Navigations/TextTab/TextTab.parts.js +4 -4
- package/dist/Components/Wrappers/WithBadge/WithBadge.js +2 -2
- package/dist/Components/Wrappers/WithRichTooltip/WithRichTooltip.js +3 -3
- package/dist/Components/Wrappers/WithSnackBar/WithSnackBar.js +3 -3
- package/dist/cjs/Components/DataDisplays/Avatar/Avatar.js +2 -2
- package/dist/cjs/Components/DataDisplays/Label/Label.js +4 -4
- package/dist/cjs/Components/DataDisplays/SystemIcon/SystemIcon.constants.js +1 -1
- package/dist/cjs/Components/Feedbacks/MessageBar/MessageBar.js +4 -4
- package/dist/cjs/Components/Feedbacks/MessageBox/MessageBox.js +1 -1
- package/dist/cjs/Components/Feedbacks/MessageBox/MessageBox.parts.js +3 -3
- package/dist/cjs/Components/Feedbacks/SnackBar/SnackBar.js +11 -12
- package/dist/cjs/Components/Feedbacks/SnackBar/SnackBar.types.js +1 -0
- package/dist/cjs/Components/Inputs/AutoCompleteList/AutoCompleteList.js +7 -7
- package/dist/cjs/Components/Inputs/Button/Button.parts.js +2 -2
- package/dist/cjs/Components/Inputs/Calendar/Calendar.js +4 -4
- package/dist/cjs/Components/Inputs/Calendar/Calendar.parts.js +1 -1
- package/dist/cjs/Components/Inputs/CheckboxCard/CheckboxCard.parts.js +4 -4
- package/dist/cjs/Components/Inputs/ChoiceChip/ChoiceChip.js +5 -5
- package/dist/cjs/Components/Inputs/CommentArea/CommentArea.js +10 -10
- package/dist/cjs/Components/Inputs/FilterChip/FilterChip.js +3 -4
- package/dist/cjs/Components/Inputs/FilterList/FilterList.js +10 -10
- package/dist/cjs/Components/Inputs/IconButtonDropdown/IconButtonDropdown.js +3 -3
- package/dist/cjs/Components/Inputs/Input/PasswordInput.js +3 -3
- package/dist/cjs/Components/Inputs/InputChip/InputChip.js +2 -2
- package/dist/cjs/Components/Inputs/List/List.js +3 -3
- package/dist/cjs/Components/Inputs/RadioCard/RadioCard.parts.js +4 -4
- package/dist/cjs/Components/Inputs/SearchField/SearchField.js +5 -5
- package/dist/cjs/Components/Inputs/TextButton/TextButton.js +4 -4
- package/dist/cjs/Components/Inputs/TextButtonDropdown/TextButtonDropdown.parts.js +1 -1
- package/dist/cjs/Components/Inputs/TextFieldContainer/TextFieldContainer.js +1 -1
- package/dist/cjs/Components/Inputs/TextFieldDropdown/TextFieldDropdown.parts.js +3 -3
- package/dist/cjs/Components/Inputs/Textarea/Textarea.js +4 -4
- package/dist/cjs/Components/Navigations/GNBList/GNBList.parts.js +9 -9
- package/dist/cjs/Components/Navigations/Menu/Menu.js +3 -3
- package/dist/cjs/Components/Navigations/Pagination/Pagination.parts.js +2 -2
- package/dist/cjs/Components/Navigations/TextTab/TextTab.parts.js +5 -5
- package/dist/cjs/Components/Wrappers/WithBadge/WithBadge.js +1 -1
- package/dist/cjs/Components/Wrappers/WithRichTooltip/WithRichTooltip.js +2 -2
- package/dist/cjs/Components/Wrappers/WithSnackBar/WithSnackBar.js +2 -2
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/types.js +1 -0
- package/dist/index.js +1 -1
- package/dist/types.d.ts +32 -0
- package/dist/types.js +1 -0
- package/package.json +24 -20
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as a,twJoin as
|
|
1
|
+
"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as a,twJoin as s}from"tailwind-merge";import{memo as i,useState as r}from"react";import o from"../SystemIcon/SystemIcon.js";import"../SystemIcon/SystemIcon.constants.js";import n from"../../Base/Typography/Typography.js";import l from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const m=({size:e="md",name:a,imgUrl:s,isMonogram:i,avatarStyle:l})=>{const[m,d]=r(!1),c=null==a?void 0:a.slice(0,1);return s&&!m?/*#__PURE__*/t("img",{src:s,alt:"",width:80,height:80,className:"h-full w-full object-cover","data-testid":"design-system-avatar--image",onError:()=>d(!0)}):i?/*#__PURE__*/t(n,{variant:l[e].char,className:"cursor-default select-none text-w-white",children:c}):/*#__PURE__*/t(o,{name:"large_user_image_avatar",className:"h-full w-full",testId:"design-system-avatar--default-image"})};
|
|
2
2
|
/**
|
|
3
3
|
* Avatar 컴포넌트는 사용자의 프로필 이미지, 모노그램, 또는 기본 아이콘을 표시합니다.
|
|
4
4
|
* @component
|
|
@@ -18,6 +18,6 @@
|
|
|
18
18
|
*
|
|
19
19
|
* // Editable avatar
|
|
20
20
|
* <Avatar name="John Doe" isEditable={true} onClick={() => handleEdit()} />
|
|
21
|
-
*/var d=/*#__PURE__*/
|
|
21
|
+
*/var d=/*#__PURE__*/i((({size:i="md",name:r,imgUrl:n,isEditable:d=!1,onClick:c})=>{const u=!n&&!!r,g={sm:{container:"size-[22px]",char:"caption1",editButton:"hidden"},md:{container:"size-8",char:"body1",editButton:"size-4"},lg:{container:"size-12",char:"title3",editButton:"size-5"},xl:{container:"size-20",char:"title2",editButton:"size-6"}};/*#__PURE__*/
|
|
22
22
|
return e(l,{className:a("relative z-0 h-fit w-fit",d&&"cursor-pointer"),onClick:c,children:[
|
|
23
|
-
/*#__PURE__*/t(l,{"data-testid":"design-system-avatar--container",className:a(g[
|
|
23
|
+
/*#__PURE__*/t(l,{"data-testid":"design-system-avatar--container",className:a(g[i].container,"flex items-center justify-center overflow-hidden rounded-full border border-w-gray-200",u&&"bg-primary"),children:/*#__PURE__*/t(m,{size:i,name:r,imgUrl:n,isMonogram:u,avatarStyle:g})}),!u&&d&&/*#__PURE__*/t(l,{className:a("absolute bottom-0 right-0 z-10 flex items-center justify-center rounded-full bg-w-white shadow-graysmall",g[i].editButton),"data-testid":"design-system-avatar--edit-button",children:/*#__PURE__*/t(o,{name:"small_camera",solid:!0,className:s("md"===i&&"size-3"),testId:"design-system-avatar--edit-button-icon"})})]})}));export{d as default};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
|
-
"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Children as t,useContext as n,createContext as o,isValidElement as a}from"react";import{twMerge as i}from"tailwind-merge";import c from"../../Base/Typography/Typography.js";import s from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import
|
|
2
|
-
return e(u.Provider,{value:{type:
|
|
3
|
-
return e(c,{variant:"md"===s?"body2":"caption1","data-testid":"design-system-label--text",className:i("select-none text-w-gray-600",!("text"===o)&&"primary"===a&&"text-primary",t),children:r})},Icon:({children:t,className:o,icon:a})=>{const{type:c,variant:
|
|
4
|
-
return r(s,{"data-testid":"design-system-label--icon",className:i("aspect-w-[14px] size-[14px] shrink-0 object-contain",!a&&o),children:[a&&/*#__PURE__*/e(
|
|
1
|
+
"use client";import{jsx as e,jsxs as r}from"react/jsx-runtime";import{Children as t,useContext as n,createContext as o,isValidElement as a}from"react";import{twMerge as i}from"tailwind-merge";import c from"../../Base/Typography/Typography.js";import s from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import y from"../SystemIcon/SystemIcon.js";import"../SystemIcon/SystemIcon.constants.js";function p(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){p(e,r,t[r])}))}return e}function m(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function b(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const u=/*#__PURE__*/o({type:"",variant:"",size:""}),g={Root:r=>{var{children:n,className:o,size:c="md",type:y="text",variant:p="primary",ref:g,canHover:d=!1}=r,f=b(r,["children","className","size","type","variant","ref","canHover"]);const O=t.toArray(n),j=O.length-1,w=e=>/*#__PURE__*/a(e)&&"function"==typeof e.type&&e.type.toString().includes("icon"),v=w(O[0]),x=w(O[j]);/*#__PURE__*/
|
|
2
|
+
return e(u.Provider,{value:{type:y,variant:p,size:c},children:/*#__PURE__*/e(s,m(l({"data-testid":"design-system-label",className:i("flex w-fit items-center","sm"===c&&"gap-1","md"===c&&"gap-1.5",(()=>{const e="sm"===c,r="rounded-lg px-2";if("text"!==y)return i(r,"outlined"===y?e?"border py-px":"border py-0":e?"py-0.5":"py-px",v&&"pl-1.5",x&&"pr-1.5")})(),d&&"cursor-pointer",(()=>{const e="outlined"===y;if("text"!==y)return"gray"===p?e?d?"bg-w-gray-10 border-w-gray-200 hover:border-w-gray-400":"bg-w-gray-10 border-w-gray-200":d?"bg-w-gray-10 hover:bg-w-gray-200":"bg-w-gray-10":e?d?"bg-primary-50 border-primary-200 hover:border-primary":"bg-primary-50 border-primary-200":d?"bg-primary-50 hover:bg-primary-100":"bg-primary-50"})(),o)},f),{children:n}))})},Text:({children:r,className:t})=>{const{type:o,variant:a,size:s}=n(u);/*#__PURE__*/
|
|
3
|
+
return e(c,{variant:"md"===s?"body2":"caption1","data-testid":"design-system-label--text",className:i("select-none text-w-gray-600",!("text"===o)&&"primary"===a&&"text-primary",t),children:r})},Icon:({children:t,className:o,icon:a})=>{const{type:c,variant:p}=n(u);/*#__PURE__*/
|
|
4
|
+
return r(s,{"data-testid":"design-system-label--icon",className:i("aspect-w-[14px] size-[14px] shrink-0 object-contain",!a&&o),children:[a&&/*#__PURE__*/e(y,{name:a,className:i("text-w-gray-400","primary"===p&&"text-primary","text"===c&&"text-w-gray-400",o)}),t]})}};
|
|
5
5
|
/**
|
|
6
6
|
* @component Root
|
|
7
7
|
* @description Label의 컨테이너 컴포넌트입니다. 레이블의 스타일과 레이아웃을 관리합니다.
|
|
@@ -4,6 +4,7 @@ export declare const SmallSystemIconNames: readonly ["small_check", "small_plus"
|
|
|
4
4
|
export declare const MediumSystemIconNames: readonly ["medium_check", "medium_plus", "medium_delete", "medium_arrow_left", "medium_arrow_right", "medium_arrow_down", "medium_arrow_up", "medium_information", "medium_success", "medium_wait", "medium_caution", "medium_error", "medium_minus", "medium_eye", "medium_eye_slash", "medium_person_add", "medium_edit", "medium_caution_triangle", "medium_bubble", "medium_calendar", "medium_filter", "medium_reset", "medium_menu_down", "medium_menu_up", "medium_heart", "medium_star", "medium_highlight", "medium_more_options", "medium_rename", "medium_pin", "medium_trash", "medium_hashtag", "medium_magic", "medium_share", "medium_ai", "medium_glasses_minus", "medium_glasses_plus", "medium_upload", "medium_send", "medium_popular", "medium_scrap", "medium_link", "medium_search", "medium_question", "medium_answer", "medium_question_new", "medium_list", "medium_collection", "medium_fire", "medium_compass", "medium_public", "medium_private", "medium_bell", "medium_reply"];
|
|
5
5
|
export declare const LargeSystemIconNames: readonly ["large_user_image_avatar", "large_arrow_left", "large_arrow_right", "large_arrow_down", "large_arrow_up", "large_service", "large_account_setting", "large_bell", "large_search", "large_drawer", "large_delete", "large_plus", "large_filter", "large_heart", "large_star", "large_share", "large_send", "large_reset", "large_collection", "large_collection_add", "large_question", "large_answer", "large_scrap", "large_like", "large_bubble", "large_link", "large_home", "large_top"];
|
|
6
6
|
export declare const SocialSystemIconNames: readonly ["social_google", "social_facebook", "social_x", "social_naver", "social_linked_in", "wishket_facebook", "wishket_blog", "wishket_naver_blog"];
|
|
7
|
+
export declare const SystemIconNames: readonly ["small_check", "small_plus", "small_delete", "small_arrow_left", "small_arrow_right", "small_arrow_down", "small_arrow_up", "small_indeterminate", "small_radio_dot", "small_resizer", "small_information", "small_wait", "small_camera", "small_edit", "small_scrap", "small_private", "small_public", "small_heart", "small_star", "small_more_options", "small_eye", "small_trash", "small_share", "small_link", "small_list", "small_collection", "small_like", "small_bell", "small_play", "small_stop", "small_slash", "small_cat", "medium_check", "medium_plus", "medium_delete", "medium_arrow_left", "medium_arrow_right", "medium_arrow_down", "medium_arrow_up", "medium_information", "medium_success", "medium_wait", "medium_caution", "medium_error", "medium_minus", "medium_eye", "medium_eye_slash", "medium_person_add", "medium_edit", "medium_caution_triangle", "medium_bubble", "medium_calendar", "medium_filter", "medium_reset", "medium_menu_down", "medium_menu_up", "medium_heart", "medium_star", "medium_highlight", "medium_more_options", "medium_rename", "medium_pin", "medium_trash", "medium_hashtag", "medium_magic", "medium_share", "medium_ai", "medium_glasses_minus", "medium_glasses_plus", "medium_upload", "medium_send", "medium_popular", "medium_scrap", "medium_link", "medium_search", "medium_question", "medium_answer", "medium_question_new", "medium_list", "medium_collection", "medium_fire", "medium_compass", "medium_public", "medium_private", "medium_bell", "medium_reply", "large_user_image_avatar", "large_arrow_left", "large_arrow_right", "large_arrow_down", "large_arrow_up", "large_service", "large_account_setting", "large_bell", "large_search", "large_drawer", "large_delete", "large_plus", "large_filter", "large_heart", "large_star", "large_share", "large_send", "large_reset", "large_collection", "large_collection_add", "large_question", "large_answer", "large_scrap", "large_like", "large_bubble", "large_link", "large_home", "large_top", "social_google", "social_facebook", "social_x", "social_naver", "social_linked_in", "wishket_facebook", "wishket_blog", "wishket_naver_blog"];
|
|
7
8
|
export declare const smallIcons: Map<"small_check" | "small_plus" | "small_delete" | "small_arrow_left" | "small_arrow_right" | "small_arrow_down" | "small_arrow_up" | "small_indeterminate" | "small_radio_dot" | "small_resizer" | "small_information" | "small_wait" | "small_camera" | "small_edit" | "small_scrap" | "small_private" | "small_public" | "small_heart" | "small_star" | "small_more_options" | "small_eye" | "small_trash" | "small_share" | "small_link" | "small_list" | "small_collection" | "small_like" | "small_bell" | "small_play" | "small_stop" | "small_slash" | "small_cat", (props: SystemIconPartProps) => React.JSX.Element>;
|
|
8
9
|
export declare const mediumIcons: Map<"medium_trash" | "medium_check" | "medium_plus" | "medium_delete" | "medium_arrow_left" | "medium_arrow_right" | "medium_arrow_down" | "medium_arrow_up" | "medium_information" | "medium_success" | "medium_wait" | "medium_caution" | "medium_error" | "medium_minus" | "medium_eye" | "medium_eye_slash" | "medium_person_add" | "medium_edit" | "medium_caution_triangle" | "medium_bubble" | "medium_calendar" | "medium_filter" | "medium_reset" | "medium_menu_down" | "medium_menu_up" | "medium_heart" | "medium_star" | "medium_highlight" | "medium_more_options" | "medium_rename" | "medium_pin" | "medium_hashtag" | "medium_magic" | "medium_share" | "medium_ai" | "medium_glasses_minus" | "medium_glasses_plus" | "medium_upload" | "medium_send" | "medium_popular" | "medium_scrap" | "medium_link" | "medium_search" | "medium_question" | "medium_answer" | "medium_question_new" | "medium_list" | "medium_collection" | "medium_fire" | "medium_compass" | "medium_public" | "medium_private" | "medium_bell" | "medium_reply", (props: SystemIconPartProps) => React.JSX.Element>;
|
|
9
10
|
export declare const largeIcons: Map<"large_user_image_avatar" | "large_arrow_left" | "large_arrow_right" | "large_arrow_down" | "large_arrow_up" | "large_service" | "large_account_setting" | "large_bell" | "large_search" | "large_drawer" | "large_delete" | "large_plus" | "large_filter" | "large_heart" | "large_star" | "large_share" | "large_send" | "large_reset" | "large_collection" | "large_collection_add" | "large_question" | "large_answer" | "large_scrap" | "large_like" | "large_bubble" | "large_link" | "large_home" | "large_top", (props: SystemIconPartProps) => React.JSX.Element>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as m}from"react/jsx-runtime";import"react";import e from"./Icons/Small/SmallArrowDown.js";import r from"./Icons/Small/SmallArrowLeft.js";import o from"./Icons/Small/SmallArrowRight.js";import i from"./Icons/Small/SmallArrowUp.js";import l from"./Icons/Small/SmallCheck.js";import s from"./Icons/Small/SmallIndeterminate.js";import a from"./Icons/Small/SmallPlus.js";import t from"./Icons/Small/SmallRadioDot.js";import u from"./Icons/Small/SmallCamera.js";import _ from"./Icons/Small/SmallDelete.js";import n from"./Icons/Small/SmallResizer.js";import d from"./Icons/Small/SmallInformation.js";import c from"./Icons/Small/SmallEdit.js";import p from"./Icons/Small/SmallPrivate.js";import g from"./Icons/Small/SmallScrap.js";import f from"./Icons/Small/SmallPublic.js";import j from"./Icons/Small/SmallHeart.js";import I from"./Icons/Small/SmallStar.js";import M from"./Icons/Small/SmallWait.js";import S from"./Icons/Small/SmallMoreOptions.js";import w from"./Icons/Small/SmallEye.js";import h from"./Icons/Small/SmallTrash.js";import L from"./Icons/Small/SmallShare.js";import b from"./Icons/Small/SmallLink.js";import k from"./Icons/Small/SmallBell.js";import y from"./Icons/Small/SmallCollection.js";import v from"./Icons/Small/SmallLike.js";import A from"./Icons/Small/SmallList.js";import P from"./Icons/Small/SmallPlay.js";import C from"./Icons/Small/SmallStop.js";import D from"./Icons/Small/SmallSlash.js";import O from"./Icons/Small/SmallCat.js";import R from"./Icons/Medium/MediumArrowDown.js";import B from"./Icons/Medium/MediumArrowLeft.js";import E from"./Icons/Medium/MediumArrowRight.js";import q from"./Icons/Medium/MediumArrowUp.js";import H from"./Icons/Medium/MediumCautionTriangle.js";import U from"./Icons/Medium/MediumDelete.js";import F from"./Icons/Medium/MediumEdit.js";import T from"./Icons/Medium/MediumInformation.js";import W from"./Icons/Medium/MediumPersonAdd.js";import x from"./Icons/Medium/MediumPlus.js";import z from"./Icons/Medium/MediumEye.js";import G from"./Icons/Medium/MediumBubble.js";import N from"./Icons/Medium/MediumCheck.js";import Q from"./Icons/Medium/MediumCalendar.js";import X from"./Icons/Medium/MediumEyeSlash.js";import J from"./Icons/Medium/MediumFilter.js";import K from"./Icons/Medium/MediumReset.js";import V from"./Icons/Medium/MediumSuccess.js";import Y from"./Icons/Medium/MediumCaution.js";import Z from"./Icons/Medium/MediumWait.js";import $ from"./Icons/Medium/MediumError.js";import mm from"./Icons/Medium/MediumMenuDown.js";import em from"./Icons/Medium/MediumMenuUp.js";import rm from"./Icons/Medium/MediumHeart.js";import om from"./Icons/Medium/MediumHighlight.js";import im from"./Icons/Medium/MediumMoreOptions.js";import lm from"./Icons/Medium/MediumRename.js";import sm from"./Icons/Medium/MediumPin.js";import am from"./Icons/Medium/MediumTrash.js";import tm from"./Icons/Medium/MediumHashTag.js";import um from"./Icons/Medium/MediumMagic.js";import _m from"./Icons/Medium/MediumStar.js";import nm from"./Icons/Medium/MediumShare.js";import dm from"./Icons/Medium/MediumAi.js";import cm from"./Icons/Medium/MediumGlassesMinus.js";import pm from"./Icons/Medium/MediumGlassesPlus.js";import gm from"./Icons/Medium/MediumUpload.js";import fm from"./Icons/Medium/MediumSend.js";import jm from"./Icons/Medium/MediumPopular.js";import Im from"./Icons/Medium/MediumScrap.js";import Mm from"./Icons/Medium/MediumLink.js";import Sm from"./Icons/Medium/MediumSearch.js";import wm from"./Icons/Medium/MediumMinus.js";import hm from"./Icons/Medium/MediumAnswer.js";import Lm from"./Icons/Medium/MediumCollection.js";import bm from"./Icons/Medium/MediumCompass.js";import km from"./Icons/Medium/MediumFire.js";import ym from"./Icons/Medium/MediumList.js";import vm from"./Icons/Medium/MediumPrivate.js";import Am from"./Icons/Medium/MediumPublic.js";import Pm from"./Icons/Medium/MediumQuestion.js";import Cm from"./Icons/Medium/MediumQuestionNew.js";import Dm from"./Icons/Medium/MediumBell.js";import Om from"./Icons/Medium/MediumReply.js";import Rm from"./Icons/Large/LargeAccountSetting.js";import Bm from"./Icons/Large/LargeDelete.js";import Em from"./Icons/Large/LargeService.js";import qm from"./Icons/Large/LargeUserImageAvatar.js";import Hm from"./Icons/Large/LargeArrowLeft.js";import Um from"./Icons/Large/LargeArrowRight.js";import Fm from"./Icons/Large/LargeBell.js";import Tm from"./Icons/Large/LargeDrawer.js";import Wm from"./Icons/Large/LargeFilter.js";import xm from"./Icons/Large/LargeSearch.js";import zm from"./Icons/Large/LargeArrowDown.js";import Gm from"./Icons/Large/LargeArrowUp.js";import Nm from"./Icons/Large/LargePlus.js";import Qm from"./Icons/Large/LargeHeart.js";import Xm from"./Icons/Large/LargeStar.js";import Jm from"./Icons/Large/LargeShare.js";import Km from"./Icons/Large/LargeSend.js";import Vm from"./Icons/Large/LargeReset.js";import Ym from"./Icons/Large/LargeCollection.js";import Zm from"./Icons/Large/LargeCollectionAdd.js";import $m from"./Icons/Large/LargeAnswer.js";import me from"./Icons/Large/LargeLike.js";import ee from"./Icons/Large/LargeQuestion.js";import re from"./Icons/Large/LargeScrap.js";import oe from"./Icons/Large/LargeBubble.js";import ie from"./Icons/Large/LargeHome.js";import le from"./Icons/Large/LargeLink.js";import se from"./Icons/Large/LargeTop.js";import ae from"./Icons/Social/SocialFacebook.js";import te from"./Icons/Social/SocialGoogle.js";import ue from"./Icons/Social/WishketFacebook.js";import _e from"./Icons/Social/WishketBlog.js";import ne from"./Icons/Social/WishketNaverBlog.js";import de from"./Icons/Social/SocialX.js";import ce from"./Icons/Social/SocialNaver.js";import pe from"./Icons/Social/SocialLinkedIn.js";function ge(m,e,r){return e in m?Object.defineProperty(m,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):m[e]=r,m}function fe(m){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable})))),o.forEach((function(e){ge(m,e,r[e])}))}return m}const je=["small_check","small_plus","small_delete","small_arrow_left","small_arrow_right","small_arrow_down","small_arrow_up","small_indeterminate","small_radio_dot","small_resizer","small_information","small_wait","small_camera","small_edit","small_scrap","small_private","small_public","small_heart","small_star","small_more_options","small_eye","small_trash","small_share","small_link","small_list","small_collection","small_like","small_bell","small_play","small_stop","small_slash","small_cat"],Ie=["medium_check","medium_plus","medium_delete","medium_arrow_left","medium_arrow_right","medium_arrow_down","medium_arrow_up","medium_information","medium_success","medium_wait","medium_caution","medium_error","medium_minus","medium_eye","medium_eye_slash","medium_person_add","medium_edit","medium_caution_triangle","medium_bubble","medium_calendar","medium_filter","medium_reset","medium_menu_down","medium_menu_up","medium_heart","medium_star","medium_highlight","medium_more_options","medium_rename","medium_pin","medium_trash","medium_hashtag","medium_magic","medium_share","medium_ai","medium_glasses_minus","medium_glasses_plus","medium_upload","medium_send","medium_popular","medium_scrap","medium_link","medium_search","medium_question","medium_answer","medium_question_new","medium_list","medium_collection","medium_fire","medium_compass","medium_public","medium_private","medium_bell","medium_reply"],Me=["large_user_image_avatar","large_arrow_left","large_arrow_right","large_arrow_down","large_arrow_up","large_service","large_account_setting","large_bell","large_search","large_drawer","large_delete","large_plus","large_filter","large_heart","large_star","large_share","large_send","large_reset","large_collection","large_collection_add","large_question","large_answer","large_scrap","large_like","large_bubble","large_link","large_home","large_top"],Se=["social_google","social_facebook","social_x","social_naver","social_linked_in","wishket_facebook","wishket_blog","wishket_naver_blog"],we=new Map([["small_check",e=>/*#__PURE__*/m(l,fe({},e))],["small_indeterminate",e=>/*#__PURE__*/m(s,fe({},e))],["small_plus",e=>/*#__PURE__*/m(a,fe({},e))],["small_radio_dot",e=>/*#__PURE__*/m(t,fe({},e))],["small_arrow_left",e=>/*#__PURE__*/m(r,fe({},e))],["small_arrow_right",e=>/*#__PURE__*/m(o,fe({},e))],["small_arrow_down",r=>/*#__PURE__*/m(e,fe({},r))],["small_arrow_up",e=>/*#__PURE__*/m(i,fe({},e))],["small_camera",e=>/*#__PURE__*/m(u,fe({},e))],["small_delete",e=>/*#__PURE__*/m(_,fe({},e))],["small_resizer",e=>/*#__PURE__*/m(n,fe({},e))],["small_information",e=>/*#__PURE__*/m(d,fe({},e))],["small_wait",e=>/*#__PURE__*/m(M,fe({},e))],["small_edit",e=>/*#__PURE__*/m(c,fe({},e))],["small_private",e=>/*#__PURE__*/m(p,fe({},e))],["small_scrap",e=>/*#__PURE__*/m(g,fe({},e))],["small_heart",e=>/*#__PURE__*/m(j,fe({},e))],["small_public",e=>/*#__PURE__*/m(f,fe({},e))],["small_star",e=>/*#__PURE__*/m(I,fe({},e))],["small_more_options",e=>/*#__PURE__*/m(S,fe({},e))],["small_eye",e=>/*#__PURE__*/m(w,fe({},e))],["small_trash",e=>/*#__PURE__*/m(h,fe({},e))],["small_share",e=>/*#__PURE__*/m(L,fe({},e))],["small_link",e=>/*#__PURE__*/m(b,fe({},e))],["small_list",e=>/*#__PURE__*/m(A,fe({},e))],["small_collection",e=>/*#__PURE__*/m(y,fe({},e))],["small_like",e=>/*#__PURE__*/m(v,fe({},e))],["small_bell",e=>/*#__PURE__*/m(k,fe({},e))],["small_play",e=>/*#__PURE__*/m(P,fe({},e))],["small_stop",e=>/*#__PURE__*/m(C,fe({},e))],["small_slash",e=>/*#__PURE__*/m(D,fe({},e))],["small_cat",e=>/*#__PURE__*/m(O,fe({},e))]]),he=new Map([["medium_information",e=>/*#__PURE__*/m(T,fe({},e))],["medium_plus",e=>/*#__PURE__*/m(x,fe({},e))],["medium_delete",e=>/*#__PURE__*/m(U,fe({},e))],["medium_eye",e=>/*#__PURE__*/m(z,fe({},e))],["medium_arrow_left",e=>/*#__PURE__*/m(B,fe({},e))],["medium_arrow_right",e=>/*#__PURE__*/m(E,fe({},e))],["medium_arrow_down",e=>/*#__PURE__*/m(R,fe({},e))],["medium_arrow_up",e=>/*#__PURE__*/m(q,fe({},e))],["medium_person_add",e=>/*#__PURE__*/m(W,fe({},e))],["medium_caution_triangle",e=>/*#__PURE__*/m(H,fe({},e))],["medium_bubble",e=>/*#__PURE__*/m(G,fe({},e))],["medium_calendar",e=>/*#__PURE__*/m(Q,fe({},e))],["medium_check",e=>/*#__PURE__*/m(N,fe({},e))],["medium_eye_slash",e=>/*#__PURE__*/m(X,fe({},e))],["medium_edit",e=>/*#__PURE__*/m(F,fe({},e))],["medium_filter",e=>/*#__PURE__*/m(J,fe({},e))],["medium_reset",e=>/*#__PURE__*/m(K,fe({},e))],["medium_success",e=>/*#__PURE__*/m(V,fe({},e))],["medium_caution",e=>/*#__PURE__*/m(Y,fe({},e))],["medium_wait",e=>/*#__PURE__*/m(Z,fe({},e))],["medium_error",e=>/*#__PURE__*/m($,fe({},e))],["medium_menu_down",e=>/*#__PURE__*/m(mm,fe({},e))],["medium_menu_up",e=>/*#__PURE__*/m(em,fe({},e))],["medium_heart",e=>/*#__PURE__*/m(rm,fe({},e))],["medium_star",e=>/*#__PURE__*/m(_m,fe({},e))],["medium_highlight",e=>/*#__PURE__*/m(om,fe({},e))],["medium_more_options",e=>/*#__PURE__*/m(im,fe({},e))],["medium_rename",e=>/*#__PURE__*/m(lm,fe({},e))],["medium_pin",e=>/*#__PURE__*/m(sm,fe({},e))],["medium_trash",e=>/*#__PURE__*/m(am,fe({},e))],["medium_hashtag",e=>/*#__PURE__*/m(tm,fe({},e))],["medium_magic",e=>/*#__PURE__*/m(um,fe({},e))],["medium_share",e=>/*#__PURE__*/m(nm,fe({},e))],["medium_ai",e=>/*#__PURE__*/m(dm,fe({},e))],["medium_glasses_minus",e=>/*#__PURE__*/m(cm,fe({},e))],["medium_glasses_plus",e=>/*#__PURE__*/m(pm,fe({},e))],["medium_upload",e=>/*#__PURE__*/m(gm,fe({},e))],["medium_send",e=>/*#__PURE__*/m(fm,fe({},e))],["medium_popular",e=>/*#__PURE__*/m(jm,fe({},e))],["medium_scrap",e=>/*#__PURE__*/m(Im,fe({},e))],["medium_link",e=>/*#__PURE__*/m(Mm,fe({},e))],["medium_search",e=>/*#__PURE__*/m(Sm,fe({},e))],["medium_minus",e=>/*#__PURE__*/m(wm,fe({},e))],["medium_question",e=>/*#__PURE__*/m(Pm,fe({},e))],["medium_answer",e=>/*#__PURE__*/m(hm,fe({},e))],["medium_question_new",e=>/*#__PURE__*/m(Cm,fe({},e))],["medium_list",e=>/*#__PURE__*/m(ym,fe({},e))],["medium_collection",e=>/*#__PURE__*/m(Lm,fe({},e))],["medium_fire",e=>/*#__PURE__*/m(km,fe({},e))],["medium_compass",e=>/*#__PURE__*/m(bm,fe({},e))],["medium_public",e=>/*#__PURE__*/m(Am,fe({},e))],["medium_private",e=>/*#__PURE__*/m(vm,fe({},e))],["medium_bell",e=>/*#__PURE__*/m(Dm,fe({},e))],["medium_reply",e=>/*#__PURE__*/m(Om,fe({},e))]]),Le=new Map([["large_delete",e=>/*#__PURE__*/m(Bm,fe({},e))],["large_service",e=>/*#__PURE__*/m(Em,fe({},e))],["large_account_setting",e=>/*#__PURE__*/m(Rm,fe({},e))],["large_user_image_avatar",e=>/*#__PURE__*/m(qm,fe({},e))],["large_arrow_left",e=>/*#__PURE__*/m(Hm,fe({},e))],["large_arrow_right",e=>/*#__PURE__*/m(Um,fe({},e))],["large_arrow_down",e=>/*#__PURE__*/m(zm,fe({},e))],["large_arrow_up",e=>/*#__PURE__*/m(Gm,fe({},e))],["large_bell",e=>/*#__PURE__*/m(Fm,fe({},e))],["large_drawer",e=>/*#__PURE__*/m(Tm,fe({},e))],["large_plus",e=>/*#__PURE__*/m(Nm,fe({},e))],["large_filter",e=>/*#__PURE__*/m(Wm,fe({},e))],["large_search",e=>/*#__PURE__*/m(xm,fe({},e))],["large_heart",e=>/*#__PURE__*/m(Qm,fe({},e))],["large_star",e=>/*#__PURE__*/m(Xm,fe({},e))],["large_share",e=>/*#__PURE__*/m(Jm,fe({},e))],["large_send",e=>/*#__PURE__*/m(Km,fe({},e))],["large_reset",e=>/*#__PURE__*/m(Vm,fe({},e))],["large_collection",e=>/*#__PURE__*/m(Ym,fe({},e))],["large_collection_add",e=>/*#__PURE__*/m(Zm,fe({},e))],["large_question",e=>/*#__PURE__*/m(ee,fe({},e))],["large_answer",e=>/*#__PURE__*/m($m,fe({},e))],["large_scrap",e=>/*#__PURE__*/m(re,fe({},e))],["large_like",e=>/*#__PURE__*/m(me,fe({},e))],["large_bubble",e=>/*#__PURE__*/m(oe,fe({},e))],["large_link",e=>/*#__PURE__*/m(le,fe({},e))],["large_home",e=>/*#__PURE__*/m(ie,fe({},e))],["large_top",e=>/*#__PURE__*/m(se,fe({},e))]]),be=new Map([["social_google",e=>/*#__PURE__*/m(te,fe({},e))],["social_facebook",e=>/*#__PURE__*/m(ae,fe({},e))],["wishket_facebook",e=>/*#__PURE__*/m(ue,fe({},e))],["wishket_blog",e=>/*#__PURE__*/m(_e,fe({},e))],["wishket_naver_blog",e=>/*#__PURE__*/m(ne,fe({},e))],["social_x",e=>/*#__PURE__*/m(de,fe({},e))],["social_naver",e=>/*#__PURE__*/m(ce,fe({},e))],["social_linked_in",e=>/*#__PURE__*/m(pe,fe({},e))]]);export{Me as LargeSystemIconNames,Ie as MediumSystemIconNames,je as SmallSystemIconNames,Se as SocialSystemIconNames,Le as largeIcons,he as mediumIcons,we as smallIcons,be as socialIcons};
|
|
1
|
+
import{jsx as m}from"react/jsx-runtime";import"react";import e from"./Icons/Small/SmallArrowDown.js";import r from"./Icons/Small/SmallArrowLeft.js";import o from"./Icons/Small/SmallArrowRight.js";import i from"./Icons/Small/SmallArrowUp.js";import l from"./Icons/Small/SmallCheck.js";import s from"./Icons/Small/SmallIndeterminate.js";import a from"./Icons/Small/SmallPlus.js";import t from"./Icons/Small/SmallRadioDot.js";import u from"./Icons/Small/SmallCamera.js";import _ from"./Icons/Small/SmallDelete.js";import n from"./Icons/Small/SmallResizer.js";import d from"./Icons/Small/SmallInformation.js";import c from"./Icons/Small/SmallEdit.js";import p from"./Icons/Small/SmallPrivate.js";import g from"./Icons/Small/SmallScrap.js";import f from"./Icons/Small/SmallPublic.js";import j from"./Icons/Small/SmallHeart.js";import I from"./Icons/Small/SmallStar.js";import M from"./Icons/Small/SmallWait.js";import S from"./Icons/Small/SmallMoreOptions.js";import w from"./Icons/Small/SmallEye.js";import h from"./Icons/Small/SmallTrash.js";import L from"./Icons/Small/SmallShare.js";import b from"./Icons/Small/SmallLink.js";import k from"./Icons/Small/SmallBell.js";import y from"./Icons/Small/SmallCollection.js";import v from"./Icons/Small/SmallLike.js";import A from"./Icons/Small/SmallList.js";import P from"./Icons/Small/SmallPlay.js";import C from"./Icons/Small/SmallStop.js";import D from"./Icons/Small/SmallSlash.js";import O from"./Icons/Small/SmallCat.js";import R from"./Icons/Medium/MediumArrowDown.js";import B from"./Icons/Medium/MediumArrowLeft.js";import E from"./Icons/Medium/MediumArrowRight.js";import q from"./Icons/Medium/MediumArrowUp.js";import H from"./Icons/Medium/MediumCautionTriangle.js";import U from"./Icons/Medium/MediumDelete.js";import F from"./Icons/Medium/MediumEdit.js";import T from"./Icons/Medium/MediumInformation.js";import W from"./Icons/Medium/MediumPersonAdd.js";import x from"./Icons/Medium/MediumPlus.js";import z from"./Icons/Medium/MediumEye.js";import G from"./Icons/Medium/MediumBubble.js";import N from"./Icons/Medium/MediumCheck.js";import Q from"./Icons/Medium/MediumCalendar.js";import X from"./Icons/Medium/MediumEyeSlash.js";import J from"./Icons/Medium/MediumFilter.js";import K from"./Icons/Medium/MediumReset.js";import V from"./Icons/Medium/MediumSuccess.js";import Y from"./Icons/Medium/MediumCaution.js";import Z from"./Icons/Medium/MediumWait.js";import $ from"./Icons/Medium/MediumError.js";import mm from"./Icons/Medium/MediumMenuDown.js";import em from"./Icons/Medium/MediumMenuUp.js";import rm from"./Icons/Medium/MediumHeart.js";import om from"./Icons/Medium/MediumHighlight.js";import im from"./Icons/Medium/MediumMoreOptions.js";import lm from"./Icons/Medium/MediumRename.js";import sm from"./Icons/Medium/MediumPin.js";import am from"./Icons/Medium/MediumTrash.js";import tm from"./Icons/Medium/MediumHashTag.js";import um from"./Icons/Medium/MediumMagic.js";import _m from"./Icons/Medium/MediumStar.js";import nm from"./Icons/Medium/MediumShare.js";import dm from"./Icons/Medium/MediumAi.js";import cm from"./Icons/Medium/MediumGlassesMinus.js";import pm from"./Icons/Medium/MediumGlassesPlus.js";import gm from"./Icons/Medium/MediumUpload.js";import fm from"./Icons/Medium/MediumSend.js";import jm from"./Icons/Medium/MediumPopular.js";import Im from"./Icons/Medium/MediumScrap.js";import Mm from"./Icons/Medium/MediumLink.js";import Sm from"./Icons/Medium/MediumSearch.js";import wm from"./Icons/Medium/MediumMinus.js";import hm from"./Icons/Medium/MediumAnswer.js";import Lm from"./Icons/Medium/MediumCollection.js";import bm from"./Icons/Medium/MediumCompass.js";import km from"./Icons/Medium/MediumFire.js";import ym from"./Icons/Medium/MediumList.js";import vm from"./Icons/Medium/MediumPrivate.js";import Am from"./Icons/Medium/MediumPublic.js";import Pm from"./Icons/Medium/MediumQuestion.js";import Cm from"./Icons/Medium/MediumQuestionNew.js";import Dm from"./Icons/Medium/MediumBell.js";import Om from"./Icons/Medium/MediumReply.js";import Rm from"./Icons/Large/LargeAccountSetting.js";import Bm from"./Icons/Large/LargeDelete.js";import Em from"./Icons/Large/LargeService.js";import qm from"./Icons/Large/LargeUserImageAvatar.js";import Hm from"./Icons/Large/LargeArrowLeft.js";import Um from"./Icons/Large/LargeArrowRight.js";import Fm from"./Icons/Large/LargeBell.js";import Tm from"./Icons/Large/LargeDrawer.js";import Wm from"./Icons/Large/LargeFilter.js";import xm from"./Icons/Large/LargeSearch.js";import zm from"./Icons/Large/LargeArrowDown.js";import Gm from"./Icons/Large/LargeArrowUp.js";import Nm from"./Icons/Large/LargePlus.js";import Qm from"./Icons/Large/LargeHeart.js";import Xm from"./Icons/Large/LargeStar.js";import Jm from"./Icons/Large/LargeShare.js";import Km from"./Icons/Large/LargeSend.js";import Vm from"./Icons/Large/LargeReset.js";import Ym from"./Icons/Large/LargeCollection.js";import Zm from"./Icons/Large/LargeCollectionAdd.js";import $m from"./Icons/Large/LargeAnswer.js";import me from"./Icons/Large/LargeLike.js";import ee from"./Icons/Large/LargeQuestion.js";import re from"./Icons/Large/LargeScrap.js";import oe from"./Icons/Large/LargeBubble.js";import ie from"./Icons/Large/LargeHome.js";import le from"./Icons/Large/LargeLink.js";import se from"./Icons/Large/LargeTop.js";import ae from"./Icons/Social/SocialFacebook.js";import te from"./Icons/Social/SocialGoogle.js";import ue from"./Icons/Social/WishketFacebook.js";import _e from"./Icons/Social/WishketBlog.js";import ne from"./Icons/Social/WishketNaverBlog.js";import de from"./Icons/Social/SocialX.js";import ce from"./Icons/Social/SocialNaver.js";import pe from"./Icons/Social/SocialLinkedIn.js";function ge(m,e,r){return e in m?Object.defineProperty(m,e,{value:r,enumerable:!0,configurable:!0,writable:!0}):m[e]=r,m}function fe(m){for(var e=1;e<arguments.length;e++){var r=null!=arguments[e]?arguments[e]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(m){return Object.getOwnPropertyDescriptor(r,m).enumerable})))),o.forEach((function(e){ge(m,e,r[e])}))}return m}const je=["small_check","small_plus","small_delete","small_arrow_left","small_arrow_right","small_arrow_down","small_arrow_up","small_indeterminate","small_radio_dot","small_resizer","small_information","small_wait","small_camera","small_edit","small_scrap","small_private","small_public","small_heart","small_star","small_more_options","small_eye","small_trash","small_share","small_link","small_list","small_collection","small_like","small_bell","small_play","small_stop","small_slash","small_cat"],Ie=["medium_check","medium_plus","medium_delete","medium_arrow_left","medium_arrow_right","medium_arrow_down","medium_arrow_up","medium_information","medium_success","medium_wait","medium_caution","medium_error","medium_minus","medium_eye","medium_eye_slash","medium_person_add","medium_edit","medium_caution_triangle","medium_bubble","medium_calendar","medium_filter","medium_reset","medium_menu_down","medium_menu_up","medium_heart","medium_star","medium_highlight","medium_more_options","medium_rename","medium_pin","medium_trash","medium_hashtag","medium_magic","medium_share","medium_ai","medium_glasses_minus","medium_glasses_plus","medium_upload","medium_send","medium_popular","medium_scrap","medium_link","medium_search","medium_question","medium_answer","medium_question_new","medium_list","medium_collection","medium_fire","medium_compass","medium_public","medium_private","medium_bell","medium_reply"],Me=["large_user_image_avatar","large_arrow_left","large_arrow_right","large_arrow_down","large_arrow_up","large_service","large_account_setting","large_bell","large_search","large_drawer","large_delete","large_plus","large_filter","large_heart","large_star","large_share","large_send","large_reset","large_collection","large_collection_add","large_question","large_answer","large_scrap","large_like","large_bubble","large_link","large_home","large_top"],Se=["social_google","social_facebook","social_x","social_naver","social_linked_in","wishket_facebook","wishket_blog","wishket_naver_blog"],we=[...je,...Ie,...Me,...Se],he=new Map([["small_check",e=>/*#__PURE__*/m(l,fe({},e))],["small_indeterminate",e=>/*#__PURE__*/m(s,fe({},e))],["small_plus",e=>/*#__PURE__*/m(a,fe({},e))],["small_radio_dot",e=>/*#__PURE__*/m(t,fe({},e))],["small_arrow_left",e=>/*#__PURE__*/m(r,fe({},e))],["small_arrow_right",e=>/*#__PURE__*/m(o,fe({},e))],["small_arrow_down",r=>/*#__PURE__*/m(e,fe({},r))],["small_arrow_up",e=>/*#__PURE__*/m(i,fe({},e))],["small_camera",e=>/*#__PURE__*/m(u,fe({},e))],["small_delete",e=>/*#__PURE__*/m(_,fe({},e))],["small_resizer",e=>/*#__PURE__*/m(n,fe({},e))],["small_information",e=>/*#__PURE__*/m(d,fe({},e))],["small_wait",e=>/*#__PURE__*/m(M,fe({},e))],["small_edit",e=>/*#__PURE__*/m(c,fe({},e))],["small_private",e=>/*#__PURE__*/m(p,fe({},e))],["small_scrap",e=>/*#__PURE__*/m(g,fe({},e))],["small_heart",e=>/*#__PURE__*/m(j,fe({},e))],["small_public",e=>/*#__PURE__*/m(f,fe({},e))],["small_star",e=>/*#__PURE__*/m(I,fe({},e))],["small_more_options",e=>/*#__PURE__*/m(S,fe({},e))],["small_eye",e=>/*#__PURE__*/m(w,fe({},e))],["small_trash",e=>/*#__PURE__*/m(h,fe({},e))],["small_share",e=>/*#__PURE__*/m(L,fe({},e))],["small_link",e=>/*#__PURE__*/m(b,fe({},e))],["small_list",e=>/*#__PURE__*/m(A,fe({},e))],["small_collection",e=>/*#__PURE__*/m(y,fe({},e))],["small_like",e=>/*#__PURE__*/m(v,fe({},e))],["small_bell",e=>/*#__PURE__*/m(k,fe({},e))],["small_play",e=>/*#__PURE__*/m(P,fe({},e))],["small_stop",e=>/*#__PURE__*/m(C,fe({},e))],["small_slash",e=>/*#__PURE__*/m(D,fe({},e))],["small_cat",e=>/*#__PURE__*/m(O,fe({},e))]]),Le=new Map([["medium_information",e=>/*#__PURE__*/m(T,fe({},e))],["medium_plus",e=>/*#__PURE__*/m(x,fe({},e))],["medium_delete",e=>/*#__PURE__*/m(U,fe({},e))],["medium_eye",e=>/*#__PURE__*/m(z,fe({},e))],["medium_arrow_left",e=>/*#__PURE__*/m(B,fe({},e))],["medium_arrow_right",e=>/*#__PURE__*/m(E,fe({},e))],["medium_arrow_down",e=>/*#__PURE__*/m(R,fe({},e))],["medium_arrow_up",e=>/*#__PURE__*/m(q,fe({},e))],["medium_person_add",e=>/*#__PURE__*/m(W,fe({},e))],["medium_caution_triangle",e=>/*#__PURE__*/m(H,fe({},e))],["medium_bubble",e=>/*#__PURE__*/m(G,fe({},e))],["medium_calendar",e=>/*#__PURE__*/m(Q,fe({},e))],["medium_check",e=>/*#__PURE__*/m(N,fe({},e))],["medium_eye_slash",e=>/*#__PURE__*/m(X,fe({},e))],["medium_edit",e=>/*#__PURE__*/m(F,fe({},e))],["medium_filter",e=>/*#__PURE__*/m(J,fe({},e))],["medium_reset",e=>/*#__PURE__*/m(K,fe({},e))],["medium_success",e=>/*#__PURE__*/m(V,fe({},e))],["medium_caution",e=>/*#__PURE__*/m(Y,fe({},e))],["medium_wait",e=>/*#__PURE__*/m(Z,fe({},e))],["medium_error",e=>/*#__PURE__*/m($,fe({},e))],["medium_menu_down",e=>/*#__PURE__*/m(mm,fe({},e))],["medium_menu_up",e=>/*#__PURE__*/m(em,fe({},e))],["medium_heart",e=>/*#__PURE__*/m(rm,fe({},e))],["medium_star",e=>/*#__PURE__*/m(_m,fe({},e))],["medium_highlight",e=>/*#__PURE__*/m(om,fe({},e))],["medium_more_options",e=>/*#__PURE__*/m(im,fe({},e))],["medium_rename",e=>/*#__PURE__*/m(lm,fe({},e))],["medium_pin",e=>/*#__PURE__*/m(sm,fe({},e))],["medium_trash",e=>/*#__PURE__*/m(am,fe({},e))],["medium_hashtag",e=>/*#__PURE__*/m(tm,fe({},e))],["medium_magic",e=>/*#__PURE__*/m(um,fe({},e))],["medium_share",e=>/*#__PURE__*/m(nm,fe({},e))],["medium_ai",e=>/*#__PURE__*/m(dm,fe({},e))],["medium_glasses_minus",e=>/*#__PURE__*/m(cm,fe({},e))],["medium_glasses_plus",e=>/*#__PURE__*/m(pm,fe({},e))],["medium_upload",e=>/*#__PURE__*/m(gm,fe({},e))],["medium_send",e=>/*#__PURE__*/m(fm,fe({},e))],["medium_popular",e=>/*#__PURE__*/m(jm,fe({},e))],["medium_scrap",e=>/*#__PURE__*/m(Im,fe({},e))],["medium_link",e=>/*#__PURE__*/m(Mm,fe({},e))],["medium_search",e=>/*#__PURE__*/m(Sm,fe({},e))],["medium_minus",e=>/*#__PURE__*/m(wm,fe({},e))],["medium_question",e=>/*#__PURE__*/m(Pm,fe({},e))],["medium_answer",e=>/*#__PURE__*/m(hm,fe({},e))],["medium_question_new",e=>/*#__PURE__*/m(Cm,fe({},e))],["medium_list",e=>/*#__PURE__*/m(ym,fe({},e))],["medium_collection",e=>/*#__PURE__*/m(Lm,fe({},e))],["medium_fire",e=>/*#__PURE__*/m(km,fe({},e))],["medium_compass",e=>/*#__PURE__*/m(bm,fe({},e))],["medium_public",e=>/*#__PURE__*/m(Am,fe({},e))],["medium_private",e=>/*#__PURE__*/m(vm,fe({},e))],["medium_bell",e=>/*#__PURE__*/m(Dm,fe({},e))],["medium_reply",e=>/*#__PURE__*/m(Om,fe({},e))]]),be=new Map([["large_delete",e=>/*#__PURE__*/m(Bm,fe({},e))],["large_service",e=>/*#__PURE__*/m(Em,fe({},e))],["large_account_setting",e=>/*#__PURE__*/m(Rm,fe({},e))],["large_user_image_avatar",e=>/*#__PURE__*/m(qm,fe({},e))],["large_arrow_left",e=>/*#__PURE__*/m(Hm,fe({},e))],["large_arrow_right",e=>/*#__PURE__*/m(Um,fe({},e))],["large_arrow_down",e=>/*#__PURE__*/m(zm,fe({},e))],["large_arrow_up",e=>/*#__PURE__*/m(Gm,fe({},e))],["large_bell",e=>/*#__PURE__*/m(Fm,fe({},e))],["large_drawer",e=>/*#__PURE__*/m(Tm,fe({},e))],["large_plus",e=>/*#__PURE__*/m(Nm,fe({},e))],["large_filter",e=>/*#__PURE__*/m(Wm,fe({},e))],["large_search",e=>/*#__PURE__*/m(xm,fe({},e))],["large_heart",e=>/*#__PURE__*/m(Qm,fe({},e))],["large_star",e=>/*#__PURE__*/m(Xm,fe({},e))],["large_share",e=>/*#__PURE__*/m(Jm,fe({},e))],["large_send",e=>/*#__PURE__*/m(Km,fe({},e))],["large_reset",e=>/*#__PURE__*/m(Vm,fe({},e))],["large_collection",e=>/*#__PURE__*/m(Ym,fe({},e))],["large_collection_add",e=>/*#__PURE__*/m(Zm,fe({},e))],["large_question",e=>/*#__PURE__*/m(ee,fe({},e))],["large_answer",e=>/*#__PURE__*/m($m,fe({},e))],["large_scrap",e=>/*#__PURE__*/m(re,fe({},e))],["large_like",e=>/*#__PURE__*/m(me,fe({},e))],["large_bubble",e=>/*#__PURE__*/m(oe,fe({},e))],["large_link",e=>/*#__PURE__*/m(le,fe({},e))],["large_home",e=>/*#__PURE__*/m(ie,fe({},e))],["large_top",e=>/*#__PURE__*/m(se,fe({},e))]]),ke=new Map([["social_google",e=>/*#__PURE__*/m(te,fe({},e))],["social_facebook",e=>/*#__PURE__*/m(ae,fe({},e))],["wishket_facebook",e=>/*#__PURE__*/m(ue,fe({},e))],["wishket_blog",e=>/*#__PURE__*/m(_e,fe({},e))],["wishket_naver_blog",e=>/*#__PURE__*/m(ne,fe({},e))],["social_x",e=>/*#__PURE__*/m(de,fe({},e))],["social_naver",e=>/*#__PURE__*/m(ce,fe({},e))],["social_linked_in",e=>/*#__PURE__*/m(pe,fe({},e))]]);export{Me as LargeSystemIconNames,Ie as MediumSystemIconNames,je as SmallSystemIconNames,Se as SocialSystemIconNames,we as SystemIconNames,be as largeIcons,Le as mediumIcons,he as smallIcons,ke as socialIcons};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
export { default as SystemIcon } from './SystemIcon';
|
|
2
2
|
export type { SystemIconName, SmallSystemIconName, MediumSystemIconName, LargeSystemIconName, SocialSystemIconName, SystemIconProps, } from './SystemIcon.types';
|
|
3
|
-
export { SmallSystemIconNames, MediumSystemIconNames, LargeSystemIconNames, SocialSystemIconNames, } from './SystemIcon.constants';
|
|
3
|
+
export { SystemIconNames, SmallSystemIconNames, MediumSystemIconNames, LargeSystemIconNames, SocialSystemIconNames, } from './SystemIcon.constants';
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as s}from"tailwind-merge";import a from"../../Base/Typography/Typography.js";import r from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import"react";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import i from"../../DataDisplays/ProductIcon/ProductIcon.js";import m from"../../Inputs/Button/Button.js";
|
|
2
2
|
/**
|
|
3
3
|
* 사용자에게 정보를 표시하는 메시지 바 컴포넌트입니다.
|
|
4
4
|
*
|
|
@@ -40,7 +40,7 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as a}from"tailw
|
|
|
40
40
|
* buttonName="비밀번호 변경"
|
|
41
41
|
* onClick={() => handlePasswordChange()}
|
|
42
42
|
* />
|
|
43
|
-
*/const o=({variant:o="primary",icon:
|
|
44
|
-
/*#__PURE__*/t(r,{className:"shrink-0","data-testid":"design-system-message-bar--icon",children:/*#__PURE__*/t(i,{name:
|
|
45
|
-
/*#__PURE__*/e(r,{className:"flex w-full flex-col gap-1",children:[l&&/*#__PURE__*/t(
|
|
46
|
-
/*#__PURE__*/t(
|
|
43
|
+
*/const o=({variant:o="primary",icon:n,title:l,text:d,buttonName:c,onClick:p})=>/*#__PURE__*/e(r,{"data-testid":"design-system-message-bar",className:s("flex w-full items-center gap-5 rounded-2xl border px-8 py-5","primary"===o&&"border-primary-100 bg-primary-10","white"===o&&"border-w-gray-200 bg-white"),children:[
|
|
44
|
+
/*#__PURE__*/t(r,{className:"shrink-0","data-testid":"design-system-message-bar--icon",children:/*#__PURE__*/t(i,{name:n,size:"medium"})}),
|
|
45
|
+
/*#__PURE__*/e(r,{className:"flex w-full flex-col gap-1",children:[l&&/*#__PURE__*/t(a,{variant:"subTitle2",className:"font-medium text-w-gray-900","data-testid":"design-system-message-bar--title",children:l}),
|
|
46
|
+
/*#__PURE__*/t(a,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:d})]}),c&&p&&/*#__PURE__*/t(m,{variant:"outlined",size:"sm",className:"shrink-0",onClick:p,"data-testid":"design-system-message-bar--button",children:c})]});export{o as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as e,jsx as s,Fragment as
|
|
1
|
+
import{jsxs as e,jsx as s,Fragment as t}from"react/jsx-runtime";import"tailwind-merge";import"react";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import a from"../../Base/Typography/Typography.js";import i from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import r from"../../DataDisplays/ProductIcon/ProductIcon.js";import o from"../../DataDisplays/Divider/Divider.js";import{ExternalLinks as l}from"./MessageBox.parts.js";
|
|
2
2
|
/**
|
|
3
3
|
* 아이콘, 제목, 설명, 외부 링크 등을 포함할 수 있는 메시지 박스 컴포넌트입니다.
|
|
4
4
|
*
|
|
@@ -33,9 +33,9 @@ import{jsxs as e,jsx as s,Fragment as a}from"react/jsx-runtime";import"tailwind-
|
|
|
33
33
|
* >
|
|
34
34
|
* <CustomContent />
|
|
35
35
|
* </MessageBox>
|
|
36
|
-
*/const
|
|
37
|
-
/*#__PURE__*/e(i,{className:"flex h-auto flex-col gap-4 p-6",children:[
|
|
36
|
+
*/const m=({icon:m,title:n,description:d,children:c,links:p})=>/*#__PURE__*/e(i,{className:"box-border flex h-auto flex-col rounded-3xl border border-w-gray-200","data-testid":"design-system-message-box--container",children:[
|
|
37
|
+
/*#__PURE__*/e(i,{className:"flex h-auto flex-col gap-4 p-6",children:[m&&/*#__PURE__*/s(i,{className:"size-10 flex-shrink-0",children:/*#__PURE__*/s(r,{name:m,size:"medium"})}),
|
|
38
38
|
/*#__PURE__*/e(i,{className:"flex h-auto flex-col gap-1.5",children:[
|
|
39
|
-
/*#__PURE__*/s(
|
|
39
|
+
/*#__PURE__*/s(a,{variant:"subTitle2",className:"whitespace-pre-line font-medium text-w-gray-900","data-testid":"design-system-message-box--title",children:n}),d&&/*#__PURE__*/s(a,{variant:"body1",className:"whitespace-pre-line font-normal text-w-gray-600","data-testid":"design-system-message-box--description",children:d}),c]})]}),p&&p.length>0&&/*#__PURE__*/e(t,{children:[
|
|
40
40
|
/*#__PURE__*/s(o,{}),
|
|
41
|
-
/*#__PURE__*/s(l,{links:p})]})]});export{
|
|
41
|
+
/*#__PURE__*/s(l,{links:p})]})]});export{m as default};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import"tailwind-merge";import"react";import
|
|
2
|
-
/*#__PURE__*/e(
|
|
3
|
-
/*#__PURE__*/e(
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import"tailwind-merge";import"react";import s from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import a from"../../Base/Typography/Typography.js";import r from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";const l=({links:l})=>/*#__PURE__*/e(r,{className:"flex h-auto w-full flex-col gap-3 p-6","data-testid":"design-system-message-box--external-links-container",children:null==l?void 0:l.map(((r,l)=>/*#__PURE__*/t("a",{target:r.target||"_blank",href:r.url,className:"flex items-center justify-between text-w-gray-600 no-underline","data-testid":`design-system-message-box--external-links-item-${l}`,children:[
|
|
2
|
+
/*#__PURE__*/e(a,{variant:"body1",className:"hover:underline hover:underline-offset-2",children:r.title}),
|
|
3
|
+
/*#__PURE__*/e(s,{name:"small_arrow_right"})]},`${r.title}-${r.url}`)))});export{l as ExternalLinks};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as e,jsx as s}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import"react";import r from"../../DataDisplays/SystemIcon/SystemIcon.js";import a from"../../Base/Typography/Typography.js";import
|
|
1
|
+
import{jsxs as e,jsx as s}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import"react";import r from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import a from"../../Base/Typography/Typography.js";import n from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{MessageType as m}from"./SnackBar.types.js";
|
|
2
2
|
/**
|
|
3
3
|
* 사용자에게 상태 메시지를 표시하는 스낵바 컴포넌트
|
|
4
4
|
*
|
|
@@ -21,13 +21,13 @@ import{jsxs as e,jsx as s}from"react/jsx-runtime";import{twMerge as t}from"tailw
|
|
|
21
21
|
* type="caution"
|
|
22
22
|
* onClose={() => console.log('스낵바 닫힘')}
|
|
23
23
|
* />
|
|
24
|
-
*/const
|
|
25
|
-
return s(r,{name:"medium_information",className:"text-success",testId:"design-system-message-bar--information-icon"});case
|
|
26
|
-
return s(r,{name:"medium_success",className:"text-success",testId:"design-system-message-bar--success-icon"});case
|
|
27
|
-
return s(r,{name:"medium_success",className:"text-progress",testId:"design-system-message-bar--progress-icon"});case
|
|
28
|
-
return s(r,{name:"medium_wait",className:"text-waiting",testId:"design-system-message-bar--waiting-icon"});case
|
|
29
|
-
return s(r,{name:"medium_caution",className:"text-caution",testId:"design-system-message-bar--caution-icon"});case
|
|
30
|
-
return s(r,{name:"medium_error",className:"text-error",testId:"design-system-message-bar--error-icon"});default:return null}},
|
|
31
|
-
return e(
|
|
32
|
-
/*#__PURE__*/s(
|
|
33
|
-
/*#__PURE__*/s(
|
|
24
|
+
*/const i=({type:e})=>{switch(e){case m.Information:/*#__PURE__*/
|
|
25
|
+
return s(r,{name:"medium_information",className:"text-success",testId:"design-system-message-bar--information-icon"});case m.Success:/*#__PURE__*/
|
|
26
|
+
return s(r,{name:"medium_success",className:"text-success",testId:"design-system-message-bar--success-icon"});case m.Progress:/*#__PURE__*/
|
|
27
|
+
return s(r,{name:"medium_success",className:"text-progress",testId:"design-system-message-bar--progress-icon"});case m.Waiting:/*#__PURE__*/
|
|
28
|
+
return s(r,{name:"medium_wait",className:"text-waiting",testId:"design-system-message-bar--waiting-icon"});case m.Caution:/*#__PURE__*/
|
|
29
|
+
return s(r,{name:"medium_caution",className:"text-caution",testId:"design-system-message-bar--caution-icon"});case m.Error:/*#__PURE__*/
|
|
30
|
+
return s(r,{name:"medium_error",className:"text-error",testId:"design-system-message-bar--error-icon"});default:return null}},o=({message:o,type:c,onClose:d})=>{const u=!!d;/*#__PURE__*/
|
|
31
|
+
return e(n,{"data-testid":"design-system-message-bar",className:t((e=>{switch(e){case m.Information:case m.Success:return"bg-success-10 border-success-100";case m.Progress:return"bg-progress-10 border-progress-100";case m.Waiting:return"bg-waiting-10 border-waiting-100";case m.Caution:return"bg-caution-10 border-caution-100";case m.Error:return"bg-error-10 border-error-100";default:return""}})(c),"box-border flex w-full items-start justify-between gap-x-4 rounded-xl border px-6 py-4"),children:[
|
|
32
|
+
/*#__PURE__*/s(n,{"data-testid":"design-system-message-bar--icon",className:"pt-[5px]",children:/*#__PURE__*/s(i,{type:c})}),
|
|
33
|
+
/*#__PURE__*/s(n,{className:"w-full",children:/*#__PURE__*/s(a,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:o})}),u&&/*#__PURE__*/s(n,{onClick:d,"data-testid":"design-system-message-bar--close-button",className:"pt-[5px]",children:/*#__PURE__*/s(r,{name:"medium_delete",className:"text-w-gray-400"})})]})};export{o as default};
|
|
@@ -1,4 +1,11 @@
|
|
|
1
|
-
export
|
|
1
|
+
export declare enum MessageType {
|
|
2
|
+
Information = "information",
|
|
3
|
+
Success = "success",
|
|
4
|
+
Progress = "progress",
|
|
5
|
+
Waiting = "waiting",
|
|
6
|
+
Caution = "caution",
|
|
7
|
+
Error = "error"
|
|
8
|
+
}
|
|
2
9
|
export interface SnackBarIconProps {
|
|
3
10
|
type: MessageType;
|
|
4
11
|
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
var r;!function(r){r.Information="information",r.Success="success",r.Progress="progress",r.Waiting="waiting",r.Caution="caution",r.Error="error"}(r||(r={}));export{r as MessageType};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as r}from"tailwind-merge";import{useRef as n,useState as o,useLayoutEffect as i}from"react";import
|
|
1
|
+
"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twMerge as r}from"tailwind-merge";import{useRef as n,useState as o,useLayoutEffect as i}from"react";import s from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import l from"../../DataDisplays/Divider/Divider.js";import{IndexBar as c,Icon as a,TextSection as u,CountSection as m}from"./AutoCompleteList.parts.js";function p(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){p(e,t,r[t])}))}return e}function y(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function f(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}
|
|
2
2
|
/**
|
|
3
3
|
* 자동완성 목록의 Root 컴포넌트입니다.
|
|
4
4
|
* 자동완성 항목들을 감싸는 컨테이너 역할을 합니다.
|
|
@@ -21,11 +21,11 @@
|
|
|
21
21
|
* />
|
|
22
22
|
* </AutoCompleteList.Root>
|
|
23
23
|
* ```
|
|
24
|
-
*/(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const b={Root:
|
|
25
|
-
/*#__PURE__*/t("ul",{ref:b,"data-testid":"design-system-autoCompleteList",className:r("flex w-full flex-col bg-w-white py-2 pr-2","overflow-y-auto scrollbar-list",u?"rounded-r-xl":"rounded-xl",O&&"pr-0"),children:
|
|
26
|
-
return e("li",
|
|
24
|
+
*/(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const b={Root:s=>{var{children:l,className:a,hasIndexBar:u=!1,onIndexClick:m}=s,p=f(s,["children","className","hasIndexBar","onIndexClick"]);const b=n(null),[O,g]=o(!1);return i((()=>{const e=b.current;if(!e)return;const{scrollHeight:t,clientHeight:r}=e;g(t>r)}),[l]),/*#__PURE__*/e("div",y(d({className:r("flex max-h-[436px] w-full rounded-xl shadow-graymedium",a)},p),{children:[u&&/*#__PURE__*/t(c,{onIndexClick:m}),
|
|
25
|
+
/*#__PURE__*/t("ul",{ref:b,"data-testid":"design-system-autoCompleteList",className:r("flex w-full flex-col bg-w-white py-2 pr-2","overflow-y-auto scrollbar-list",u?"rounded-r-xl":"rounded-xl",O&&"pr-0"),children:l})]}))},Item:n=>{var{text:o,count:i,leadingIcon:l,iconUrl:c,isInputItem:p=!1,isFocused:b=!1,inputValue:O,className:g}=n,j=f(n,["text","count","leadingIcon","iconUrl","isInputItem","isFocused","inputValue","className"]);/*#__PURE__*/
|
|
26
|
+
return e("li",y(d({className:r("visible ml-2 flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3 hover:bg-primary-10",b&&"bg-primary-10",g)},j),{"data-testid":"design-system-list-item",children:[l&&/*#__PURE__*/t(s,{name:l,className:"text-w-gray-600",testId:"design-system-list-item-leading-icon"}),c&&/*#__PURE__*/t(a,{iconUrl:c}),
|
|
27
27
|
/*#__PURE__*/t(u,{text:o,isInputItem:p,inputValue:O}),
|
|
28
|
-
/*#__PURE__*/t(m,{count:i})]}))},Divider:()=>/*#__PURE__*/t(
|
|
28
|
+
/*#__PURE__*/t(m,{count:i})]}))},Divider:()=>/*#__PURE__*/t(l,{className:"my-2"})};
|
|
29
29
|
/**
|
|
30
30
|
* 자동완성 목록의 개별 항목 컴포넌트입니다.
|
|
31
31
|
* @param {Object} props
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import"react";import o from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import i from"../../DataDisplays/CountBadge/CountBadge.js";function n(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function
|
|
2
|
-
return r("button",
|
|
1
|
+
import{jsxs as r,jsx as e}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import"react";import o from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import i from"../../DataDisplays/CountBadge/CountBadge.js";function n(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}function a(r,e){return e=null!=e?e:{},Object.getOwnPropertyDescriptors?Object.defineProperties(r,Object.getOwnPropertyDescriptors(e)):function(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);e&&(o=o.filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),t.push.apply(t,o)}return t}(Object(e)).forEach((function(t){Object.defineProperty(r,t,Object.getOwnPropertyDescriptor(e,t))})),r}function l(r,e){if(null==r)return{};var t,o,i=function(r,e){if(null==r)return{};var t,o,i={},n=Object.keys(r);for(o=0;o<n.length;o++)t=n[o],e.indexOf(t)>=0||(i[t]=r[t]);return i}(r,e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(r);for(o=0;o<n.length;o++)t=n[o],e.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(r,t)&&(i[t]=r[t])}return i}const s=s=>{var{rounded:p,size:c,type:d,variant:y,color:b,children:u,leadingIcon:m,isLeadingIconSolid:g=!1,trailingIcon:f,isTrailingIconSolid:x=!1,badgeNumber:w="",className:O,disabled:h,onClick:j}=s,v=l(s,["rounded","size","type","variant","color","children","leadingIcon","isLeadingIconSolid","trailingIcon","isTrailingIconSolid","badgeNumber","className","disabled","onClick"]);const I=()=>{if(h){if("solid"===y)return"text-w-white";if("outline_filled"===y)return"text-primary-100";if("primary"===b)return"text-primary-100";if("gray"===b)return"text-w-gray-300"}return"solid"===y?"text-w-white":"outline_filled"===y||"primary"===b?"text-primary-500":"text-w-gray-600"};/*#__PURE__*/
|
|
2
|
+
return r("button",a(function(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable})))),o.forEach((function(e){n(r,e,t[e])}))}return r}({className:t("box-border flex w-fit cursor-pointer items-center justify-center border","outlined"===y&&p?"rounded-full":"rounded-xl","sm"===c?"h-[36px] typo-body2 gap-x-1":"lg"===c?"h-[60px] typo-subTitle1 gap-x-2":"h-[50px] typo-body1 gap-x-1.5",(()=>{const r="solid"===y;return"sm"===c?r?"px-3":"px-[11px]":"lg"===c?r?"px-6":"px-[23px]":r?"px-4":"px-[15px]"})(),I(),"solid"===y?"bg-primary-500 border-0 hover:bg-primary-700":"outline_filled"===y?"bg-primary-10 border-primary-200 hover:border-primary-500":"primary"===b?"bg-w-white border-w-gray-200 hover:border-primary-500":"bg-w-white border-w-gray-200 hover:border-w-gray-400",h&&"cursor-not-allowed",h&&("solid"===y?"bg-primary-100 border-0 hover:bg-primary-100 hover:border-primary-100":"outline_filled"===y?"bg-primary-10 border-primary-200 hover:border-primary-200":"bg-w-white border-w-gray-200 hover:border-w-gray-200"),O),onClick:j,disabled:h,type:d},v),{children:[m&&/*#__PURE__*/e(o,{name:m,solid:g,testId:"design-system-button--leading-icon",className:t("flex-shrink-0","sm"===c?"size-[14px]":"size-4",I())}),u,f&&/*#__PURE__*/e(o,{name:f,solid:x,testId:"design-system-button--trailing-icon",className:t("flex-shrink-0","sm"===c?"size-[14px]":"size-4",I())}),w&&/*#__PURE__*/e(i,{text:w,className:"relative flex-shrink-0"})]}))};export{s as ButtonContainer};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as a,useEffect as r}from"react";import{twMerge as s}from"tailwind-merge";import n from"../../DataDisplays/SystemIcon/SystemIcon.js";import o from"../../Base/Typography/Typography.js";import
|
|
1
|
+
"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as a,useEffect as r}from"react";import{twMerge as s}from"tailwind-merge";import n from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import o from"../../Base/Typography/Typography.js";import i from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import l from"../TextFieldContainer/TextFieldContainer.js";import{SelectHeader as d,WeekHeader as c,DateBox as m}from"./Calendar.parts.js";import{generateDate as p,today as y,getKoreanTimeString as g,getMonthDate as h,isSameDate as u}from"./Calendar.utils.js";
|
|
2
2
|
/**
|
|
3
3
|
* 날짜를 선택할 수 있는 캘린더 컴포넌트입니다.
|
|
4
4
|
*
|
|
@@ -34,12 +34,12 @@
|
|
|
34
34
|
* selected="2024-03-21"
|
|
35
35
|
* />
|
|
36
36
|
* ```
|
|
37
|
-
*/const x=({defaultDate:x,selected:f,onChange:w,disabled:b,placeholder:
|
|
37
|
+
*/const x=({defaultDate:x,selected:f,onChange:w,disabled:b,placeholder:j,isError:C})=>{const[$,B]=a(!1),D=()=>{b||B((e=>!e))},N=x?p(x):y,[F,I]=a(f?p(f):N),v=f?p(f):N,{year:S,month:T,date:L}=g(v),{dateList:k}=h(F.year,F.month),z=[...Array.from({length:k[0].day},(()=>null)),...k],E=e=>{if(f&&u(e,v))return;const t=`${e.year}-${e.month}-${e.date}`;null==w||w(t),B(!1)};return r((()=>{!$&&f&&I(p(f));
|
|
38
38
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
39
|
-
}),[
|
|
40
|
-
/*#__PURE__*/t(
|
|
39
|
+
}),[$]),/*#__PURE__*/e(i,{className:"relative h-fit w-fit select-none","data-testid":"design-system-calendar--container",children:[
|
|
40
|
+
/*#__PURE__*/t(i,{className:"cursor-pointer",children:/*#__PURE__*/e(l,{isFocused:$,isError:C,isDisabled:b,testId:"design-system-calendar--trigger",onClick:D,children:[
|
|
41
41
|
/*#__PURE__*/t(n,{name:"medium_calendar",className:b||!f?"text-w-gray-300":"text-w-gray-400"}),
|
|
42
|
-
/*#__PURE__*/t(o,{variant:"body1",className:s("min-w-[178px] text-w-gray-600",!f&&"text-w-gray-300",b&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:f?`${
|
|
43
|
-
/*#__PURE__*/t(d,{visibleDate:F,onChange:e=>{
|
|
42
|
+
/*#__PURE__*/t(o,{variant:"body1",className:s("min-w-[178px] text-w-gray-600",!f&&"text-w-gray-300",b&&"text-w-gray-300"),"data-testid":"design-system-calendar--selected-date",children:f?`${S} ${T} ${L}`:j})]})}),$&&/*#__PURE__*/t("div",{className:"fixed left-0 top-0 z-10 h-screen w-screen bg-transparent",onClick:D}),$&&/*#__PURE__*/e(i,{"data-testid":"design-system-calendar--content",className:"absolute top-[54px] z-30 flex w-[350px] flex-col gap-4 rounded-xl border border-w-gray-200 bg-w-white px-[15px] py-[23px] shadow-graymedium",children:[
|
|
43
|
+
/*#__PURE__*/t(d,{visibleDate:F,onChange:e=>{I(e)}}),
|
|
44
44
|
/*#__PURE__*/t(c,{}),
|
|
45
|
-
/*#__PURE__*/t(
|
|
45
|
+
/*#__PURE__*/t(i,{className:"grid w-full grid-cols-7 place-content-center place-items-center gap-1",children:z.map(((e,a)=>{const r=!(!e||!f)&&u(e,v);return e?/*#__PURE__*/t(m,{date:e,selected:r,onChange:E},`${e.year}-${e.month}-${e.date}`):/*#__PURE__*/t(m,{disabled:!0},a)}))})]})]})};export{x as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{twMerge as a}from"tailwind-merge";import"react";import r from"../../DataDisplays/SystemIcon/SystemIcon.js";import l from"../../Base/Typography/Typography.js";import n from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{getKoreanTimeString as s}from"./Calendar.utils.js";import{dayMap as o}from"./Calendar.constants.js";const i=()=>{const t=Array.from(o.values());/*#__PURE__*/
|
|
1
|
+
import{jsx as e,jsxs as t}from"react/jsx-runtime";import{twMerge as a}from"tailwind-merge";import"react";import r from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import l from"../../Base/Typography/Typography.js";import n from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{getKoreanTimeString as s}from"./Calendar.utils.js";import{dayMap as o}from"./Calendar.constants.js";const i=()=>{const t=Array.from(o.values());/*#__PURE__*/
|
|
2
2
|
return e(n,{className:"grid w-full grid-cols-7 place-items-center gap-1",children:t.map((t=>/*#__PURE__*/e(n,{className:"flex h-5 items-center justify-center",children:/*#__PURE__*/e(l,{variant:"body3",className:"leading-normal text-w-gray-500",children:t})},t)))})},m=({visibleDate:a,onChange:o})=>{const i=1===(null==a?void 0:a.month),m=12===(null==a?void 0:a.month),{year:c,month:d}=a&&s(a);/*#__PURE__*/
|
|
3
3
|
return t(n,{className:"flex h-[50px] w-full gap-4",children:[
|
|
4
4
|
/*#__PURE__*/e(n,{"data-testid":"design-system-calendar--to-prev-month",className:"size-6 cursor-pointer text-gray-600",onClick:()=>{i?null==o||o({year:a.year-1,month:12,date:1}):null==o||o({year:a.year,month:a.month-1,date:1})},children:/*#__PURE__*/e(r,{name:"large_arrow_left",className:"text-gray-600"})}),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsx as e}from"react/jsx-runtime";import{twMerge as r}from"tailwind-merge";import"react";import"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import t from"../../DataDisplays/ProductIcon/ProductIcon.js";import o from"../Checkbox/Checkbox.js";function
|
|
2
|
-
return e("div",c(
|
|
3
|
-
return e(o,
|
|
4
|
-
return e("div",{className:r("flex size-[60px] flex-shrink-0 items-center justify-center",
|
|
1
|
+
import{jsx as e}from"react/jsx-runtime";import{twMerge as r}from"tailwind-merge";import"react";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import t from"../../DataDisplays/ProductIcon/ProductIcon.js";import o from"../Checkbox/Checkbox.js";function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function i(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){n(e,r,t[r])}))}return e}function c(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(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}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function s(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}const a=t=>{var{children:o,isWide:n,checked:a,isError:l,disabled:p,className:b}=t,u=s(t,["children","isWide","checked","isError","disabled","className"]);/*#__PURE__*/
|
|
2
|
+
return e("div",c(i({className:r("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl border",n?"min-h-[94px] w-[298px] flex-row gap-3 px-5 py-4":"min-h-fit w-[224px] flex-col justify-center px-4 pb-6 pt-4",p?r("cursor-not-allowed",a&&!l?"border-primary-100":"border-w-gray-200"):l?"border-w-red-500":a?"border-primary-500":"border-w-gray-200 group-hover:border-primary",p?a&&!l?"bg-primary-10":"bg-w-gray-10":a?l?"bg-w-red-10":"bg-primary-10":"bg-w-white",b)},u),{children:o}))},l=({isWide:t,children:o})=>/*#__PURE__*/e("div",{className:r("flex h-auto w-full flex-col justify-between gap-0.5",t?"items-start":"items-center"),children:o}),p=t=>{var{isWide:n,className:c}=t,a=s(t,["isWide","className"]);/*#__PURE__*/
|
|
3
|
+
return e(o,i({className:r(!n&&"absolute left-[17px] top-[17px] group-hover:border-primary-500",c)},a))},b=({iconName:o,disabled:n,checked:i,isError:c})=>{const s=c||!i;/*#__PURE__*/
|
|
4
|
+
return e("div",{className:r("flex size-[60px] flex-shrink-0 items-center justify-center",n&&"opacity-30"),"data-testid":"design-system-checkboxCard--icon",children:/*#__PURE__*/e(t,{name:o,disabled:s})})};export{a as CheckboxCardContainer,b as CheckboxCardIcon,p as StyledCheckbox,l as TitleContainer};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twJoin as r}from"tailwind-merge";import{forwardRef as n,useState as o,useEffect as c}from"react";import i from"../../DataDisplays/SystemIcon/SystemIcon.js";import a from"../../Base/Typography/Typography.js";import
|
|
1
|
+
"use client";import{jsxs as e,jsx as t}from"react/jsx-runtime";import{twJoin as r}from"tailwind-merge";import{forwardRef as n,useState as o,useEffect as c}from"react";import i from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import a from"../../Base/Typography/Typography.js";import s from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import{generateBackgroundColor as l,generateBackgroundPadding as p,generateLeadingIconColor as m,generateLabelStyle as u,generateTrailingIconStyle as y}from"./ChoiceChip.styles.js";function f(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){f(e,t,r[t])}))}return e}function d(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function g(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}
|
|
2
2
|
/**
|
|
3
3
|
* 선택 가능한 칩 컴포넌트입니다.
|
|
4
4
|
*
|
|
@@ -36,9 +36,9 @@
|
|
|
36
36
|
* checked={true}
|
|
37
37
|
* onChange={(e) => console.log('선택 상태:', e.target.checked)}
|
|
38
38
|
* />
|
|
39
|
-
*/(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const h=/*#__PURE__*/n(((n,
|
|
39
|
+
*/(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}const h=/*#__PURE__*/n(((n,f)=>{var{label:h,checked:O=!1,error:j=!1,leadingIcon:w,trailingIcon:P,onChange:v}=n,x=g(n,["label","checked","error","leadingIcon","trailingIcon","onChange"]);const[C,S]=o(O);c((()=>{S(O)}),[O]);/*#__PURE__*/
|
|
40
40
|
return e("label",{children:[
|
|
41
|
-
/*#__PURE__*/t("input",d(b({type:"checkbox",checked:C,className:"absolute h-0 w-0 opacity-0",onChange:e=>{v&&(v(e),
|
|
42
|
-
/*#__PURE__*/e("div",{"data-testid":"design-system-choiceChip",className:r("flex w-fit cursor-pointer select-none items-center gap-2 rounded-full",
|
|
43
|
-
/*#__PURE__*/e(
|
|
44
|
-
/*#__PURE__*/t(a,{"data-testid":"design-system-choiceChip-label",variant:"body1",className:
|
|
41
|
+
/*#__PURE__*/t("input",d(b({type:"checkbox",checked:C,className:"absolute h-0 w-0 opacity-0",onChange:e=>{v&&(v(e),S(e.target.checked))}},x),{ref:f})),
|
|
42
|
+
/*#__PURE__*/e("div",{"data-testid":"design-system-choiceChip",className:r("flex w-fit cursor-pointer select-none items-center gap-2 rounded-full",l(C,j),p(!!w)),children:[w&&/*#__PURE__*/t(s,{className:"flex size-8 items-center justify-center rounded-full bg-w-white p-0.5","data-testid":"design-system-choiceChip--leading-icon-container",children:/*#__PURE__*/t(i,{name:w,className:m(C,j)})}),
|
|
43
|
+
/*#__PURE__*/e(s,{className:"flex items-center gap-1.5",children:[
|
|
44
|
+
/*#__PURE__*/t(a,{"data-testid":"design-system-choiceChip-label",variant:"body1",className:u(C,j),children:h}),P&&/*#__PURE__*/t(i,{name:P,className:y(C,j)})]})]})]})}));h.displayName="ChoiceChip";export{h as default};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
|
-
"use client";import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{forwardRef as l}from"react";import{twMerge as a}from"tailwind-merge";import n from"../../Base/Typography/Typography.js";import s from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import i from"../../DataDisplays/Avatar/Avatar.js";import o from"../../DataDisplays/SystemIcon/SystemIcon.js";import c from"../../DataDisplays/Divider/Divider.js";import m from"../Button/Button.js";import d from"../CheckboxListItem/CheckboxListItem.js";function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},l=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),l.forEach((function(t){u(e,t,r[t])}))}return e}function p(e,t){if(null==e)return{};var r,l,a=function(e,t){if(null==e)return{};var r,l,a={},n=Object.keys(e);for(l=0;l<n.length;l++)r=n[l],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(l=0;l<n.length;l++)r=n[l],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}const y=({userId:r,imgUrl:l=""})=>/*#__PURE__*/e(s,{className:"flex items-center gap-2",children:[
|
|
1
|
+
"use client";import{jsxs as e,jsx as t,Fragment as r}from"react/jsx-runtime";import{forwardRef as l}from"react";import{twMerge as a}from"tailwind-merge";import n from"../../Base/Typography/Typography.js";import s from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import i from"../../DataDisplays/Avatar/Avatar.js";import o from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import c from"../../DataDisplays/Divider/Divider.js";import m from"../Button/Button.js";import d from"../CheckboxListItem/CheckboxListItem.js";function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function f(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},l=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),l.forEach((function(t){u(e,t,r[t])}))}return e}function p(e,t){if(null==e)return{};var r,l,a=function(e,t){if(null==e)return{};var r,l,a={},n=Object.keys(e);for(l=0;l<n.length;l++)r=n[l],t.indexOf(r)>=0||(a[r]=e[r]);return a}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(l=0;l<n.length;l++)r=n[l],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}const y=({userId:r,imgUrl:l=""})=>/*#__PURE__*/e(s,{className:"flex items-center gap-2",children:[
|
|
2
2
|
/*#__PURE__*/t(i,{imgUrl:l,size:"sm"}),
|
|
3
|
-
/*#__PURE__*/t(n,{variant:"body1",className:"w-full font-medium text-w-gray-600",children:r})]}),b=({guideText:e})=>/*#__PURE__*/t(s,{className:"w-full bg-w-gray-10 text-w-gray-500",children:/*#__PURE__*/t("ul",{className:"flex flex-col gap-0.5 typo-body2",children:"string"==typeof e?/*#__PURE__*/t("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:e}):/*#__PURE__*/t(r,{children:null==e?void 0:e.map((e=>/*#__PURE__*/t("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:e},e)))})})}),g=/*#__PURE__*/l(((l,n)=>{var{imgUrl:i,userId:u,isReply:g,guideText:h,buttonName:x,isSelected:w,optionMessage:j,cancelButtonName:N="취소",onClose:v,onSubmit:O,onCheck:k}=l,C=p(l,["imgUrl","userId","isReply","guideText","buttonName","isSelected","optionMessage","cancelButtonName","onClose","onSubmit","onCheck"]);const{value:
|
|
4
|
-
return e(s,{"data-testid":"design-system-commentArea--full-container",className:a("flex w-full items-start gap-4",
|
|
3
|
+
/*#__PURE__*/t(n,{variant:"body1",className:"w-full font-medium text-w-gray-600",children:r})]}),b=({guideText:e})=>/*#__PURE__*/t(s,{className:"w-full bg-w-gray-10 text-w-gray-500",children:/*#__PURE__*/t("ul",{className:"flex flex-col gap-0.5 typo-body2",children:"string"==typeof e?/*#__PURE__*/t("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:e}):/*#__PURE__*/t(r,{children:null==e?void 0:e.map((e=>/*#__PURE__*/t("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:e},e)))})})}),g=/*#__PURE__*/l(((l,n)=>{var{imgUrl:i,userId:u,isReply:g,guideText:h,buttonName:x,isSelected:w,optionMessage:j,cancelButtonName:N="취소",onClose:v,onSubmit:O,onCheck:k}=l,C=p(l,["imgUrl","userId","isReply","guideText","buttonName","isSelected","optionMessage","cancelButtonName","onClose","onSubmit","onCheck"]);const{value:S,className:B,disabled:D,spellCheck:I=!1,children:A}=C,P=p(C,["value","className","disabled","spellCheck","children"]),T=""===S.trim(),U=!u||T||D,z=u&&j;/*#__PURE__*/
|
|
4
|
+
return e(s,{"data-testid":"design-system-commentArea--full-container",className:a("flex w-full items-start gap-4",B),children:[g&&/*#__PURE__*/t(o,{name:"medium_reply",className:"shrink-0 text-w-gray-400"}),
|
|
5
5
|
/*#__PURE__*/e(s,{"data-testid":"design-system-commentArea--container",className:"w-full rounded-xl border border-w-gray-200 bg-w-white",children:[
|
|
6
6
|
/*#__PURE__*/t(s,{className:"flex w-full flex-col gap-2 px-4 py-3",children:A?/*#__PURE__*/t(s,{className:"h-[98px]",children:A}):/*#__PURE__*/e(r,{children:[u&&/*#__PURE__*/t(y,{imgUrl:i,userId:u}),
|
|
7
|
-
/*#__PURE__*/t("textarea",f({"data-testid":"design-system-commentArea",ref:n,value:
|
|
7
|
+
/*#__PURE__*/t("textarea",f({"data-testid":"design-system-commentArea",ref:n,value:S,spellCheck:I,disabled:D||!u,className:"h-[63px] w-full resize-none border-none bg-transparent tracking-default text-w-gray-900 outline-none placeholder:font-normal placeholder:text-w-gray-300 placeholder:typo-body1"},P))]})}),h&&/*#__PURE__*/t(s,{"data-testid":"design-system-commentArea--guide-message",className:"w-full bg-w-gray-10 px-4 py-2 text-w-gray-500",children:/*#__PURE__*/t(b,{guideText:h})}),
|
|
8
8
|
/*#__PURE__*/t(c,{}),
|
|
9
9
|
/*#__PURE__*/e(s,{"data-testid":"design-system-commentArea--buttons",className:a("flex w-full items-center justify-end px-4 py-3",z&&"justify-between"),children:[z&&/*#__PURE__*/t(d,{label:j,checked:w,onChange:k,disabled:D||!u}),
|
|
10
10
|
/*#__PURE__*/e(s,{className:"flex w-fit shrink-0 items-center gap-3",children:[g&&/*#__PURE__*/t(m,{size:"sm",onClick:v,color:"gray",children:N}),
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{twMerge as a}from"tailwind-merge";import
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"react";import{twMerge as a}from"tailwind-merge";import s from"../../Base/Typography/Typography.js";import i from"../../Base/Layouts/Box/Box.js";import"../../Base/Layouts/FullBleed/FullBleed.js";import o from"../../DataDisplays/SystemIcon/SystemIcon.js";import"../../DataDisplays/SystemIcon/SystemIcon.constants.js";import l from"../../DataDisplays/CountBadge/CountBadge.js";
|
|
2
2
|
/**
|
|
3
3
|
* 필터 선택 및 상태를 표시하는 칩 컴포넌트입니다.
|
|
4
4
|
*
|
|
@@ -42,7 +42,7 @@ import{jsxs as e,jsx as t}from"react/jsx-runtime";import{forwardRef as r}from"re
|
|
|
42
42
|
* <MenuItem>오래된순</MenuItem>
|
|
43
43
|
* </DropdownMenu>
|
|
44
44
|
* </FilterChip>
|
|
45
|
-
*/const m=/*#__PURE__*/r((({leadingIcon:r,trailingIcon:m,text:n,children:p,onClick:
|
|
46
|
-
return e(
|
|
47
|
-
/*#__PURE__*/e(
|
|
48
|
-
/*#__PURE__*/t(
|
|
45
|
+
*/const m=/*#__PURE__*/r((({leadingIcon:r,trailingIcon:m,text:n,children:p,onClick:c,isOpen:d=!1,badgeCount:y,className:g},f)=>{const u=y&&Number(y)>0,x=d||u;/*#__PURE__*/
|
|
46
|
+
return e(i,{ref:f,"data-testid":"design-system-filter-chip--outer-container",className:a("relative w-fit",g),children:[
|
|
47
|
+
/*#__PURE__*/e(i,{"data-testid":"design-system-filter-chip",className:a("relative flex w-full cursor-pointer select-none items-center gap-1 rounded-full border border-w-gray-200 bg-w-white px-[15px] py-1.5 hover:border-primary",d&&"border-primary",u&&"border-2 border-primary bg-primary-10 px-[14px] py-[5px]"),onClick:c,children:[r&&/*#__PURE__*/t(o,{testId:"design-system-filter-chip--leading-icon",name:r,className:a("text-w-gray-900",x&&"text-primary")}),
|
|
48
|
+
/*#__PURE__*/t(s,{variant:"body1",className:a("text-w-gray-900",x&&"text-primary"),children:n}),m&&/*#__PURE__*/t(o,{testId:"design-system-filter-chip--trailing-icon",name:m,className:a("text-w-gray-400",x&&"text-primary")}),u&&/*#__PURE__*/t(l,{text:y,className:"-right-1 -top-1"})]}),d&&/*#__PURE__*/t(i,{"data-testid":"design-system-filter-chip--list",className:"absolute -bottom-2 left-0 z-40 translate-y-full transform transition-all",children:p})]})}));m.displayName="FilterChip";export{m as default};
|