@wishket/design-system 0.14.1 → 1.0.0
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/Atoms/Avatar/Avatar.js +1 -1
- package/dist/Components/Atoms/Button/Button.parts.js +1 -1
- package/dist/Components/Atoms/Checkbox/Checkbox.js +1 -1
- package/dist/Components/Atoms/IconButton/IconButton.js +1 -1
- package/dist/Components/Atoms/ModalContext/ModalContext.parts.js +1 -1
- package/dist/Components/Atoms/Radio/Radio.js +1 -1
- package/dist/Components/Atoms/SkillChip/SkillChip.parts.js +1 -1
- package/dist/Components/Atoms/Switch/Switch.js +1 -1
- package/dist/Components/Atoms/SystemIcon/Icons/Medium/MediumMinus.d.ts +3 -0
- package/dist/Components/Atoms/SystemIcon/Icons/Medium/MediumMinus.js +1 -0
- package/dist/Components/Atoms/SystemIcon/Icons/Medium/index.d.ts +1 -0
- package/dist/Components/Atoms/SystemIcon/Icons/Small/SmallCamera.js +1 -1
- package/dist/Components/Atoms/SystemIcon/SystemIcon.constants.d.ts +2 -2
- package/dist/Components/Atoms/SystemIcon/SystemIcon.constants.js +1 -1
- package/dist/Components/Atoms/TextField/TextField.js +1 -1
- package/dist/Components/Atoms/TextField/TextField.types.d.ts +1 -0
- package/dist/Components/Atoms/TextField/parts/InputContainer.js +1 -1
- package/dist/Components/Atoms/TextField/parts/SupportContainer.d.ts +1 -1
- package/dist/Components/Atoms/TextField/parts/SupportContainer.js +1 -1
- package/dist/Components/Atoms/Textarea/Textarea.js +1 -1
- package/dist/Components/Atoms/Typography/Typography.js +1 -1
- package/dist/Components/Atoms/Typography/Typography.types.d.ts +1 -1
- package/dist/Components/Molecules/CheckboxCard/CheckboxCard.parts.js +1 -1
- package/dist/Components/Molecules/List/List.js +1 -1
- package/dist/Components/Molecules/MessageBar/MessageBar.js +1 -1
- package/dist/Components/Molecules/MessageBox/MessageBox.js +1 -1
- package/dist/Components/Molecules/MessageBox/MessageBox.parts.js +1 -1
- package/dist/Components/Organisms/SelectDropdown/SelectDropdown.parts.js +1 -1
- package/dist/config/tailwind-plugins.js +41 -0
- package/dist/config/tailwind.config.js +0 -43
- package/package.json +3 -1
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("../Box/Box.js"),a=require("../Typography/Typography.js"),s=require("../SystemIcon/SystemIcon.js");module.exports=function(r){function n(e,t){return{sm:{container:"size-
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("../Box/Box.js"),a=require("../Typography/Typography.js"),s=require("../SystemIcon/SystemIcon.js");module.exports=function(r){function n(e,t){return{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"}}[e][t]}var l=r.size,l=void 0===l?"md":l,d=r.name,o=r.imgUrl,c=r.isEditable,c=void 0!==c&&c,r=r.onClick,m=null==d?void 0:d.slice(0,1),u=!o&&d;return e.jsxs(i,{className:t.twMerge("relative z-0 h-fit w-fit",c&&"cursor-pointer"),onClick:r,children:[e.jsxs(i,{"data-testid":"design-system-avatar--container",className:t.twMerge(n(l,"container"),"flex items-center justify-center overflow-hidden rounded-full border border-w-gray-200",d&&"bg-w-primary"),children:[o&&e.jsx("img",{src:o,alt:"",width:80,height:80,className:"h-full w-full","data-testid":"design-system-avatar--image"}),u&&e.jsx(a,{variant:n(l,"char"),className:"cursor-default select-none text-w-white",children:m}),!d&&!o&&e.jsx(s,{name:"large_user_image_avatar",className:"h-full w-full",testId:"design-system-avatar--default-image"})]}),!u&&c&&e.jsx(i,{className:t.twMerge("absolute bottom-0 right-0 z-10 flex items-center justify-center rounded-full bg-w-white shadow-graysmall",n(l,"editButton")),"data-testid":"design-system-avatar--edit-button",children:e.jsx(s,{name:"small_camera",solid:!0,className:t.twJoin("md"===l&&"size-3"),testId:"design-system-avatar--edit-button-icon"})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var r=require("react/jsx-runtime"),e=require("tailwind-merge"),i=require("../SystemIcon/SystemIcon.js"),t=require("../CountBadge/CountBadge.js");exports.ButtonContainer=function(o){function a(){return"solid"===l&&c?"text-w-white":"outline_filled"===l&&c||c?"text-primary-100":"solid"===l?"text-w-white":"text-primary-500"}var s=o.rounded,n=o.size,d=o.type,l=o.variant,p=o.children,x=o.leadingIcon,m=o.isLeadingIconSolid,m=void 0!==m&&m,g=o.trailingIcon,b=o.isTrailingIconSolid,b=void 0!==b&&b,u=o.badgeNumber,u=void 0===u?"":u,y=o.className,c=o.disabled,o=o.onClick;return r.jsxs("button",{className:e.twMerge("box-border flex w-fit shrink-0 cursor-pointer items-center justify-center border","outlined"===l&&s?"rounded-full":"rounded-xl","sm"===n?"h-[36px] px-[11px] text-sm leading-6 gap-x-1":"lg"===n?"h-[60px] px-[23px] text-[20px] leading-[30px] gap-x-2":"h-[50px] px-[15px] text-base leading-[26px] gap-x-1.5",a(),"solid"===l?"bg-primary-500 border-primary-500 hover:border-primary-700 hover:bg-primary-700":"outline_filled"===l?"bg-primary-10 border-primary-200 hover:border-primary-500":"bg-w-white border-w-gray-200 hover:border-primary-500",c&&"cursor-not-allowed",c&&("solid"===l?"bg-primary-100 border-primary-100 hover:bg-primary-100 hover:border-primary-100":"outline_filled"===l?"bg-primary-10 border-primary-200 hover:border-primary-200":"bg-w-white border-w-gray-200 hover:border-w-gray-200"),y),onClick:o,disabled:c,type:d,children:[x&&r.jsx(i,{name:x,solid:m,testId:"design-system-button--leading-icon",className:e.twMerge("flex-shrink-0","sm"===n?"size-[14px]":"size-4",a())}),p,g&&r.jsx(i,{name:g,solid:b,testId:"design-system-button--trailing-icon",className:e.twMerge("flex-shrink-0","sm"===n?"size-[14px]":"size-4",a())}),u&&r.jsx(t,{text:u,className:"relative flex-shrink-0"})]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("react"),o=require("tailwind-merge"),i=function(e){e=e.checked;return r.jsxs("div",{className:"relative z-10 h-full w-full cursor-pointer bg-transparent",children:[r.jsx("div",{className:o.twMerge("absolute left-[3.2px] top-[5.45px] h-[2px] origin-top-left rotate-45 rounded bg-white transition-[width] duration-100 ease-linear",e?"w-[5.65px]":"w-0")}),r.jsx("div",{className:o.twMerge("absolute left-[4.5px] top-[8.95px] h-[2px] origin-top-left -rotate-45 rounded bg-white transition-[width] duration-100 ease-linear",e?"w-[8.3px] delay-100":"w-0 delay-0")})]})},s=function(e){var a=e.type,t=e.disabled,s=e.checked,s=void 0!==s&&s,d=e.isError,c=e.isHover,l=e.isFocused,e=e.className;return r.jsx("div",{className:o.twMerge("relative m-px box-border size-4 cursor-pointer border","circle"===a?"rounded-full":"rounded",t&&!s?"border-w-gray-200 bg-w-gray-50 cursor-not-allowed":t&&s&&!d?"bg-primary-100 border-primary-100 cursor-not-allowed":t&&s&&d?"bg-w-gray-200 border-w-gray-200 cursor-not-allowed":s&&l&&!d?"bg-primary-500 border-primary-500":s||!l||d?!s||t||d?s||t||!d?s&&!t&&d?"border-w-red-500 bg-w-red-500":!c||t||s||d?"hover:border-primary-500 border-w-gray-200 bg-white":"border-primary-500":"border-w-red-500":"bg-primary-500 border-primary-500":"border-primary-500",e),role:"checkbox-button",children:r.jsx(i,{checked:s})})},t=a.forwardRef(function(o,i){var t=o.checked,d=void 0!==t&&t,c=o.onChange,t=o.disabled,l=void 0!==t&&t,t=o.isError,t=void 0!==t&&t,n=o.isHover,n=void 0!==n&&n,u=o.type,u=void 0===u?"box":u,b=o.className,o=e.__rest(o,["checked","onChange","disabled","isError","isHover","type","className"]),p=a.useState(d),h=p[0],g=p[1],p=a.useState(!1),w=p[0],x=p[1],p=(a.useEffect(function(){g(d)},[d]),a.useCallback(function(e){l||c&&(c(e),g(e.target.checked),e.target.checked||x(!1))},[c,l]));return r.jsxs("label",{"data-testid":"design-system-checkbox",className:"flex size-fit",children:[r.jsx("input",e.__assign({ref:i,className:"absolute h-0 w-0 opacity-0",type:"checkbox",checked:h,onChange:p,onFocus:function(){x(!0)},onBlur:function(){x(!1)},disabled:l},o)),r.jsx(s,{checked:h,disabled:l,isError:t,isHover:n,isFocused:w,type:u,className:b})]})});t.displayName="Checkbox",module.exports=t;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),r=require("tailwind-merge"),n=require("../Box/Box.js");module.exports=function(s){var u=s.size,u=void 0===u?"md":u,l=s.outline,l=void 0!==l&&l,o=s.children,a=s.onClick,s=e.__rest(s,["size","outline","children","onClick"]),c=i.useState(!1),d=c[0],m=c[1],f=i.useRef(null);return i.useEffect(function(){return function(){f.current&&clearTimeout(f.current)}},[]),t.jsxs("button",e.__assign({"data-testid":"design-system-icon-button",type:"button",className:r.twMerge("relative z-10 flex cursor-pointer items-center justify-center rounded-xl border bg-transparent","sm"===u?"size-6 rounded-lg":"md"===u?"size-9":"lg"===u?"size-[50px]":void 0,l?"border-w-gray-200 overflow-hidden":"border-transparent"),onClick:function(e){null!=a&&a(e),m(!0),f.current&&clearTimeout(f.current),f.current=setTimeout(function(){m(!1)},300)}},s,{children:[d&&t.jsx(n,{"data-testid":"design-system-icon-button--ripple",className:r.twMerge("absolute z-0 h-full w-full bg-w-gray-50",l&&"sm"===u?"animate-[rippleOutlineSmall_0.3s_ease-in-out_infinite]":l?"animate-[rippleOutline_0.3s_ease-in-out_infinite]":"animate-[ripple_0.3s_ease-in-out_infinite]")}),t.jsx(n,{"data-testid":"design-system-icon-button--icon",className:r.twMerge("z-10 flex items-center justify-center"),children:o})]}))};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),s=require("react"),r=require("@wishket/yogokit"),n=s.createContext({isOpen:!1,setOpen:function(){},hasBackground:!0,isPreventClose:!1,size:"md"}),i=function(){var r=s.useContext(n),i=r.isOpen,r=r.hasBackground;return e.jsx(e.Fragment,{children:i&&e.jsx("div",{"data-testid":"design-system-modalContext--background",className:t.twMerge("fixed left-0 top-0 z-30 h-[100vh] w-[100vw]",r?" bg-black bg-opacity-
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),s=require("react"),r=require("@wishket/yogokit"),n=s.createContext({isOpen:!1,setOpen:function(){},hasBackground:!0,isPreventClose:!1,size:"md"}),i=function(){var r=s.useContext(n),i=r.isOpen,r=r.hasBackground;return e.jsx(e.Fragment,{children:i&&e.jsx("div",{"data-testid":"design-system-modalContext--background",className:t.twMerge("fixed left-0 top-0 z-30 h-[100vh] w-[100vw]",r?" bg-black bg-opacity-50":"bg-transparent")})})};exports.Content=function(a){var o=a.children,d=a.testId,l=a.role,a=a.className,c=s.useContext(n),u=c.isOpen,x=c.size,c=(c.hasBackground,c.isPreventClose);return r.usePreventScroll(),e.jsxs(e.Fragment,{children:[u&&c&&e.jsx(i,{}),e.jsx("div",{role:l,"data-testid":d,className:t.twMerge("fixed left-[50%] z-40 box-border flex translate-x-[-50%] transform items-center justify-center overflow-auto rounded-3xl bg-w-white px-[15px] py-[15px] shadow-modal transition-all duration-100 ease-in",u?"visible top-[50%] translate-y-[-50%]":"invisible top-[60%] translate-y-[-40%] opacity-0","sm"===x&&"size-[400px]","md"===x&&"size-[500px]","lg"===x&&"size-[600px]","xl"===x&&"size-[1000px]",a),children:o})]})},exports.Root=function(t){var r=t.children,i=t.hasBackground,i=void 0===i||i,a=t.isPreventClose,a=void 0!==a&&a,t=t.size,t=void 0===t?"md":t,o=s.useState(!1),d=o[0],l=o[1];return e.jsx(n.Provider,{value:{isOpen:d,setOpen:function(){l(function(e){return!e})},hasBackground:i,isPreventClose:a,size:t},children:r})},exports.Trigger=function(t){var r=t.children,t=t.testId,a=s.useContext(n),o=a.isOpen,d=a.setOpen,a=a.isPreventClose;return e.jsxs("div",{"data-testid":t,onClick:d,children:[r,o&&!a&&e.jsx(i,{})]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var
|
|
2
|
+
"use strict";var r=require("../../../_virtual/_tslib.js"),e=require("react/jsx-runtime"),i=require("tailwind-merge"),s=function(r){var s=r.disabled,d=r.checked,d=void 0!==d&&d,a=r.isError,o=r.isHover,r=r.className;return e.jsx("div",{className:i.twMerge("relative box-border flex h-[18px] w-[18px] items-center justify-center rounded-full border p-[4px]",s?"bg-w-gray-50 border-w-gray-200 cursor-not-allowed":d&&!a?"bg-w-white border-primary-500":d&&a?"bg-w-white border-w-red-500":!d&&a?"border-w-red-500":!o||s||d||a?"bg-white border-w-gray-200 hover:border-primary-500 cursor-pointer":"border-primary-500",r),role:"radio-button",children:e.jsx("div",{className:i.twMerge("size-2 rounded-full bg-w-primary transition-all duration-100 ease-in-out",!d&&"h-0 w-0",a&&"bg-w-red-500",s&&"bg-w-gray-200")})})};module.exports=function(i){var d=i.value,d=void 0===d?"":d,a=i.checked,a=void 0!==a&&a,o=i.disabled,o=void 0!==o&&o,t=i.isError,t=void 0!==t&&t,l=i.isHover,l=void 0!==l&&l,c=i.className,i=r.__rest(i,["value","checked","disabled","isError","isHover","className"]);return e.jsxs("label",{"data-testid":"design-system-radio",className:"cursor-pointer",children:[e.jsx("input",r.__assign({type:"radio",className:"hidden",value:d,checked:a,disabled:o},i)),e.jsx(s,{checked:a,isError:t,isHover:l,disabled:o,className:c})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("../Box/Box.js"),t=require("../Typography/Typography.js");exports.Icon=function(s){var t=s.className,s=s.iconUrl;return e.jsx("img",{"data-testid":"design-system-skill-chip--icon",src:s,alt:"icon",width:24,height:24,className:r.twMerge("size-6 shrink-0 rounded-full object-cover",t)})},exports.Root=function(t){var i=t.children,t=t.className;return e.jsx(s,{"data-testid":"design-system-skill-chip",className:r.twMerge("flex h-9 w-fit shrink-0 select-none items-center gap-1 rounded-xl border border-gray-200 py-[5px] pl-[7px] pr-[15px]",t),children:i})},exports.Text=function(s){var i=s.children,s=s.className;return e.jsx(t,{variant:"body2",className:r.twMerge("text-w-gray-900",s),children:i})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),r=require("tailwind-merge");module.exports=function(a){var t=a.className,l=a.checked,i=a.disabled,a=e.__rest(a,["className","checked","disabled"]),d={baseClass:"peer relative h-4 w-8 rounded-full bg-w-gray-300 box-border",circleClass:"after:absolute after:start-[-4px] after:top-[-2px] after:size-5 after:rounded-full after:border after:border-gray-200 after:bg-w-white after:transition-all after:content-[''] box-border",checkedClass:"bg-primary after:translate-x-full after:translate-x-full after:start-[-4px]",disabledClass:r.twMerge("cursor-not-allowed",l?"bg-primary-100":"bg-w-gray-100")};return s.jsxs("label",{className:"inline-block cursor-pointer","data-testid":"design-system-switch",children:[s.jsx("input",e.__assign({type:"checkbox",className:"peer sr-only",checked:l,disabled:i},a)),s.jsx("div",{"data-testid":"design-system-switch-css-element",className:r.twMerge(d.baseClass,d.circleClass,l&&d.checkedClass,i&&d.disabledClass,t)})]})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime");module.exports=function(i){var l=i.testId,r=i.className,i=i.solid;return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","data-testid":l,className:r,children:i?e.jsxs(e.Fragment,{children:[e.jsxs("g",{clipPath:"url(#clip0_4947_9207)",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 -6.99382e-07C3.58172 -1.08564e-06 1.08564e-06 3.58172 6.99382e-07 8C3.13124e-07 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 -3.13124e-07 8 -6.99382e-07Z",fill:"currentColor"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.30005 7.99999C4.30005 7.61339 4.61345 7.29999 5.00005 7.29999H11C11.3866 7.29999 11.7 7.61339 11.7 7.99999C11.7 8.38659 11.3866 8.69999 11 8.69999H5.00005C4.61345 8.69999 4.30005 8.38659 4.30005 7.99999Z",fill:"white"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_4947_9207",children:e.jsx("rect",{width:"16",height:"16",fill:"white"})})})]}):e.jsxs(e.Fragment,{children:[e.jsxs("g",{clipPath:"url(#clip0_4947_9200)",children:[e.jsx("circle",{cx:"8",cy:"8",r:"7.3",transform:"rotate(-180 8 8)",stroke:"currentColor",strokeWidth:"1.4",strokeLinejoin:"round"}),e.jsx("path",{d:"M5 8H11",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_4947_9200",children:e.jsx("rect",{width:"16",height:"16",fill:"white"})})})]})})};
|
|
@@ -40,3 +40,4 @@ export { default as MediumPopular } from './MediumPopular';
|
|
|
40
40
|
export { default as MediumScrap } from './MediumScrap';
|
|
41
41
|
export { default as MediumLink } from './MediumLink';
|
|
42
42
|
export { default as MediumSearch } from './MediumSearch';
|
|
43
|
+
export { default as MediumMinus } from './MediumMinus';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var C=require("react/jsx-runtime");module.exports=function(e){var t=e.testId,l=e.className,e=e.solid;return C.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","data-testid":t,className:l,children:e?C.jsxs(C.Fragment,{children:[C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.
|
|
1
|
+
"use strict";var C=require("react/jsx-runtime");module.exports=function(e){var t=e.testId,l=e.className,e=e.solid;return C.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","data-testid":t,className:l,children:e?C.jsxs(C.Fragment,{children:[C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.35706 11.8001C2.83174 11.8001 2.31844 11.6262 1.92849 11.2728C1.53096 10.9127 1.30005 10.3994 1.30005 9.81028V5.099C1.30005 4.65613 1.4212 4.23394 1.693 3.8838C1.96308 3.5359 2.34038 3.31243 2.76183 3.19053L2.76697 3.18904C2.99005 3.12636 3.21259 3.12685 3.33575 3.12711C3.34323 3.12712 3.35034 3.12714 3.35706 3.12714H4.20838C4.21609 3.10617 4.22238 3.09021 4.22816 3.07176L4.23139 3.06141L4.23495 3.05117C4.4528 2.42375 4.93338 2.06829 5.52106 1.94302C5.71562 1.89967 5.90019 1.8999 6.00861 1.90004C6.01448 1.90005 6.02013 1.90006 6.02555 1.90006H8.01098C8.42212 1.90006 8.98542 1.97479 9.41169 2.46108L9.41764 2.46787L9.42342 2.47481C9.5412 2.61639 9.64219 2.77688 9.7195 2.93768C9.75379 3.00279 9.77908 3.0649 9.79805 3.11828C10.1522 3.11874 10.5162 3.12141 10.8818 3.13671L10.8942 3.13722C11.3697 3.16557 11.7953 3.36534 12.125 3.676L12.1304 3.6811L12.1357 3.68632C12.4678 4.01293 12.6698 4.45279 12.6987 4.92159L12.7 4.9431V9.81028C12.7 10.441 12.4557 11.014 11.8873 11.4192L11.8811 11.4236L11.8749 11.4279C11.5244 11.6665 11.1053 11.8001 10.6704 11.8001H3.35706Z",fill:"currentColor"}),C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.1331 7.25752C5.15132 8.28756 6.01653 9.10262 7.05478 9.08471C7.55569 9.07575 8.02928 8.86975 8.36626 8.52043C8.71234 8.17112 8.9036 7.69641 8.89449 7.20378C8.87627 6.19167 8.02017 5.40347 6.97281 5.42138C5.95278 5.43929 5.11489 6.28123 5.1331 7.25752Z",fill:"white"})]}):C.jsxs(C.Fragment,{children:[C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.1331 7.25746C5.15132 8.28749 6.01653 9.10256 7.05478 9.08465C7.55569 9.07569 8.02928 8.86969 8.36626 8.52037C8.71234 8.17106 8.9036 7.69635 8.89449 7.20372C8.87627 6.1916 8.02017 5.40341 6.97281 5.42132C5.95278 5.43923 5.11489 6.28117 5.1331 7.25746Z",stroke:"currentColor",strokeWidth:"1.4",strokeMiterlimit:"10"}),C.jsx("path",{d:"M7.00911 11.1C5.78871 11.1 4.57741 11.1 3.35701 11.1C2.6102 11.1 2 10.6074 2 9.8102C2 8.2338 2 6.66636 2 5.09892C2 4.47195 2.33698 4.04202 2.95628 3.86288C3.08379 3.82706 3.2204 3.82706 3.35701 3.82706C3.74863 3.82706 4.14025 3.82706 4.53188 3.82706C4.6776 3.82706 4.75046 3.77332 4.77778 3.63896C4.8051 3.51357 4.85974 3.39713 4.89617 3.28069C5.02368 2.91346 5.2878 2.70746 5.67031 2.62685C5.78871 2.59998 5.9071 2.59998 6.0255 2.59998C6.69035 2.59998 7.35519 2.59998 8.01093 2.59998C8.34791 2.59998 8.65756 2.66267 8.88525 2.92242C8.96721 3.02095 9.04007 3.13738 9.09472 3.25382C9.14936 3.35235 9.16758 3.45983 9.20401 3.56731C9.28597 3.85393 9.27687 3.8181 9.56831 3.8181C9.99636 3.8181 10.4244 3.8181 10.8525 3.83601C11.153 3.85393 11.4262 3.97932 11.6448 4.18533C11.8543 4.39133 11.9818 4.669 12 4.96457C12 5.00935 12 5.05414 12 5.09892C12 6.66636 12 8.24276 12 9.8102C12 10.2401 11.8452 10.5894 11.4809 10.8492C11.2441 11.0104 10.9617 11.1 10.6703 11.1C9.4408 11.1 8.21129 11.1 6.99089 11.1",stroke:"currentColor",strokeWidth:"1.4",strokeMiterlimit:"10"})]})})};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SystemIconPartProps } from './SystemIcon.types';
|
|
3
3
|
export declare const SmallSystemIconNames: 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"];
|
|
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_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"];
|
|
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"];
|
|
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"];
|
|
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
7
|
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", (props: SystemIconPartProps) => React.JSX.Element>;
|
|
8
|
-
export declare const mediumIcons: Map<"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_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", (props: SystemIconPartProps) => React.JSX.Element>;
|
|
8
|
+
export declare const mediumIcons: Map<"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", (props: SystemIconPartProps) => React.JSX.Element>;
|
|
9
9
|
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", (props: SystemIconPartProps) => React.JSX.Element>;
|
|
10
10
|
export declare const socialIcons: Map<"social_google" | "social_facebook" | "social_x" | "social_naver" | "social_linked_in" | "wishket_facebook" | "wishket_blog" | "wishket_naver_blog", (props: SystemIconPartProps) => React.JSX.Element>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("./Icons/Small/SmallArrowDown.js"),n=require("./Icons/Small/SmallArrowLeft.js"),i=require("./Icons/Small/SmallArrowRight.js"),u=require("./Icons/Small/SmallArrowUp.js"),a=require("./Icons/Small/SmallCheck.js"),_=require("./Icons/Small/SmallIndeterminate.js"),o=require("./Icons/Small/SmallPlus.js"),t=require("./Icons/Small/SmallRadioDot.js"),m=require("./Icons/Small/SmallCamera.js"),c=require("./Icons/Small/SmallDelete.js"),l=require("./Icons/Small/SmallResizer.js"),j=require("./Icons/Small/SmallInformation.js"),g=require("./Icons/Small/SmallEdit.js"),d=require("./Icons/Small/SmallPrivate.js"),f=require("./Icons/Small/SmallScrap.js"),I=require("./Icons/Small/SmallPublic.js"),x=require("./Icons/Small/SmallHeart.js"),q=require("./Icons/Small/SmallStar.js"),M=require("./Icons/Small/SmallWait.js"),S=require("./Icons/Small/SmallMoreOptions.js"),L=require("./Icons/Small/SmallEye.js"),h=require("./Icons/Small/SmallTrash.js"),w=require("./Icons/Small/SmallShare.js"),p=require("./Icons/Small/SmallLink.js"),k=require("./Icons/Medium/MediumArrowDown.js"),A=require("./Icons/Medium/MediumArrowLeft.js"),b=require("./Icons/Medium/MediumArrowRight.js"),v=require("./Icons/Medium/MediumArrowUp.js"),D=require("./Icons/Medium/MediumCautionTriangle.js"),P=require("./Icons/Medium/MediumDelete.js"),C=require("./Icons/Medium/MediumEdit.js"),R=require("./Icons/Medium/MediumInformation.js"),y=require("./Icons/Medium/MediumPersonAdd.js"),E=require("./Icons/Medium/MediumPlus.js"),U=require("./Icons/Medium/MediumEye.js"),H=require("./Icons/Medium/MediumBubble.js"),W=require("./Icons/Medium/MediumCheck.js"),B=require("./Icons/Medium/MediumCalendar.js"),F=require("./Icons/Medium/MediumEyeSlash.js"),T=require("./Icons/Medium/MediumFilter.js"),G=require("./Icons/Medium/MediumReset.js"),z=require("./Icons/Medium/MediumSuccess.js"),N=require("./Icons/Medium/MediumCaution.js"),O=require("./Icons/Medium/MediumWait.js"),X=require("./Icons/Medium/MediumError.js"),J=require("./Icons/Medium/MediumMenuDown.js"),K=require("./Icons/Medium/MediumMenuUp.js"),Q=require("./Icons/Medium/MediumHeart.js"),V=require("./Icons/Medium/MediumHighlight.js"),Y=require("./Icons/Medium/MediumMoreOptions.js"),Z=require("./Icons/Medium/MediumRename.js"),$=require("./Icons/Medium/MediumPin.js"),ee=require("./Icons/Medium/MediumTrash.js"),re=require("./Icons/Medium/MediumHashTag.js"),se=require("./Icons/Medium/MediumMagic.js"),ne=require("./Icons/Medium/MediumStar.js"),ie=require("./Icons/Medium/MediumShare.js"),ue=require("./Icons/Medium/MediumAi.js"),ae=require("./Icons/Medium/MediumGlassesMinus.js"),_e=require("./Icons/Medium/MediumGlassesPlus.js"),oe=require("./Icons/Medium/MediumUpload.js"),te=require("./Icons/Medium/MediumSend.js"),me=require("./Icons/Medium/MediumPopular.js"),ce=require("./Icons/Medium/MediumScrap.js"),le=require("./Icons/Medium/MediumLink.js"),je=require("./Icons/Medium/MediumSearch.js"),ge=require("./Icons/Large/LargeAccountSetting.js"),de=require("./Icons/Large/LargeDelete.js"),fe=require("./Icons/Large/LargeService.js"),Ie=require("./Icons/Large/LargeUserImageAvatar.js"),xe=require("./Icons/Large/LargeArrowLeft.js"),qe=require("./Icons/Large/LargeArrowRight.js"),Me=require("./Icons/Large/LargeBell.js"),Se=require("./Icons/Large/LargeDrawer.js"),Le=require("./Icons/Large/LargeFilter.js"),he=require("./Icons/Large/LargeSearch.js"),we=require("./Icons/Large/LargeArrowDown.js"),pe=require("./Icons/Large/LargeArrowUp.js"),ke=require("./Icons/Large/LargePlus.js"),Ae=require("./Icons/Large/LargeHeart.js"),be=require("./Icons/Large/LargeStar.js"),ve=require("./Icons/Large/LargeShare.js"),De=require("./Icons/Large/LargeSend.js"),Pe=require("./Icons/Large/LargeReset.js"),Ce=require("./Icons/Large/LargeCollection.js"),Re=require("./Icons/Large/LargeCollectionAdd.js"),ye=require("./Icons/Social/SocialFacebook.js"),Ee=require("./Icons/Social/SocialGoogle.js"),Ue=require("./Icons/Social/WishketFacebook.js"),He=require("./Icons/Social/WishketBlog.js"),We=require("./Icons/Social/WishketNaverBlog.js"),Be=require("./Icons/Social/SocialX.js"),Fe=require("./Icons/Social/SocialNaver.js"),Te=require("./Icons/Social/SocialLinkedIn.js"),Ge=new Map([["small_check",function(s){return r.jsx(a,e.__assign({},s))}],["small_indeterminate",function(s){return r.jsx(_,e.__assign({},s))}],["small_plus",function(s){return r.jsx(o,e.__assign({},s))}],["small_radio_dot",function(s){return r.jsx(t,e.__assign({},s))}],["small_arrow_left",function(s){return r.jsx(n,e.__assign({},s))}],["small_arrow_right",function(s){return r.jsx(i,e.__assign({},s))}],["small_arrow_down",function(n){return r.jsx(s,e.__assign({},n))}],["small_arrow_up",function(s){return r.jsx(u,e.__assign({},s))}],["small_camera",function(s){return r.jsx(m,e.__assign({},s))}],["small_delete",function(s){return r.jsx(c,e.__assign({},s))}],["small_resizer",function(s){return r.jsx(l,e.__assign({},s))}],["small_information",function(s){return r.jsx(j,e.__assign({},s))}],["small_wait",function(s){return r.jsx(M,e.__assign({},s))}],["small_edit",function(s){return r.jsx(g,e.__assign({},s))}],["small_private",function(s){return r.jsx(d,e.__assign({},s))}],["small_scrap",function(s){return r.jsx(f,e.__assign({},s))}],["small_heart",function(s){return r.jsx(x,e.__assign({},s))}],["small_public",function(s){return r.jsx(I,e.__assign({},s))}],["small_star",function(s){return r.jsx(q,e.__assign({},s))}],["small_more_options",function(s){return r.jsx(S,e.__assign({},s))}],["small_eye",function(s){return r.jsx(L,e.__assign({},s))}],["small_trash",function(s){return r.jsx(h,e.__assign({},s))}],["small_share",function(s){return r.jsx(w,e.__assign({},s))}],["small_link",function(s){return r.jsx(p,e.__assign({},s))}]]),ze=new Map([["medium_information",function(s){return r.jsx(R,e.__assign({},s))}],["medium_plus",function(s){return r.jsx(E,e.__assign({},s))}],["medium_delete",function(s){return r.jsx(P,e.__assign({},s))}],["medium_eye",function(s){return r.jsx(U,e.__assign({},s))}],["medium_arrow_left",function(s){return r.jsx(A,e.__assign({},s))}],["medium_arrow_right",function(s){return r.jsx(b,e.__assign({},s))}],["medium_arrow_down",function(s){return r.jsx(k,e.__assign({},s))}],["medium_arrow_up",function(s){return r.jsx(v,e.__assign({},s))}],["medium_person_add",function(s){return r.jsx(y,e.__assign({},s))}],["medium_caution_triangle",function(s){return r.jsx(D,e.__assign({},s))}],["medium_bubble",function(s){return r.jsx(H,e.__assign({},s))}],["medium_calendar",function(s){return r.jsx(B,e.__assign({},s))}],["medium_check",function(s){return r.jsx(W,e.__assign({},s))}],["medium_eye_slash",function(s){return r.jsx(F,e.__assign({},s))}],["medium_edit",function(s){return r.jsx(C,e.__assign({},s))}],["medium_filter",function(s){return r.jsx(T,e.__assign({},s))}],["medium_reset",function(s){return r.jsx(G,e.__assign({},s))}],["medium_success",function(s){return r.jsx(z,e.__assign({},s))}],["medium_caution",function(s){return r.jsx(N,e.__assign({},s))}],["medium_wait",function(s){return r.jsx(O,e.__assign({},s))}],["medium_error",function(s){return r.jsx(X,e.__assign({},s))}],["medium_menu_down",function(s){return r.jsx(J,e.__assign({},s))}],["medium_menu_up",function(s){return r.jsx(K,e.__assign({},s))}],["medium_heart",function(s){return r.jsx(Q,e.__assign({},s))}],["medium_star",function(s){return r.jsx(ne,e.__assign({},s))}],["medium_highlight",function(s){return r.jsx(V,e.__assign({},s))}],["medium_more_options",function(s){return r.jsx(Y,e.__assign({},s))}],["medium_rename",function(s){return r.jsx(Z,e.__assign({},s))}],["medium_pin",function(s){return r.jsx($,e.__assign({},s))}],["medium_trash",function(s){return r.jsx(ee,e.__assign({},s))}],["medium_hashtag",function(s){return r.jsx(re,e.__assign({},s))}],["medium_magic",function(s){return r.jsx(se,e.__assign({},s))}],["medium_share",function(s){return r.jsx(ie,e.__assign({},s))}],["medium_ai",function(s){return r.jsx(ue,e.__assign({},s))}],["medium_glasses_minus",function(s){return r.jsx(ae,e.__assign({},s))}],["medium_glasses_plus",function(s){return r.jsx(_e,e.__assign({},s))}],["medium_upload",function(s){return r.jsx(oe,e.__assign({},s))}],["medium_send",function(s){return r.jsx(te,e.__assign({},s))}],["medium_popular",function(s){return r.jsx(me,e.__assign({},s))}],["medium_scrap",function(s){return r.jsx(ce,e.__assign({},s))}],["medium_link",function(s){return r.jsx(le,e.__assign({},s))}],["medium_search",function(s){return r.jsx(je,e.__assign({},s))}]]),Ne=new Map([["large_delete",function(s){return r.jsx(de,e.__assign({},s))}],["large_service",function(s){return r.jsx(fe,e.__assign({},s))}],["large_account_setting",function(s){return r.jsx(ge,e.__assign({},s))}],["large_user_image_avatar",function(s){return r.jsx(Ie,e.__assign({},s))}],["large_arrow_left",function(s){return r.jsx(xe,e.__assign({},s))}],["large_arrow_right",function(s){return r.jsx(qe,e.__assign({},s))}],["large_arrow_down",function(s){return r.jsx(we,e.__assign({},s))}],["large_arrow_up",function(s){return r.jsx(pe,e.__assign({},s))}],["large_bell",function(s){return r.jsx(Me,e.__assign({},s))}],["large_drawer",function(s){return r.jsx(Se,e.__assign({},s))}],["large_plus",function(s){return r.jsx(ke,e.__assign({},s))}],["large_filter",function(s){return r.jsx(Le,e.__assign({},s))}],["large_search",function(s){return r.jsx(he,e.__assign({},s))}],["large_heart",function(s){return r.jsx(Ae,e.__assign({},s))}],["large_star",function(s){return r.jsx(be,e.__assign({},s))}],["large_share",function(s){return r.jsx(ve,e.__assign({},s))}],["large_send",function(s){return r.jsx(De,e.__assign({},s))}],["large_reset",function(s){return r.jsx(Pe,e.__assign({},s))}],["large_collection",function(s){return r.jsx(Ce,e.__assign({},s))}],["large_collection_add",function(s){return r.jsx(Re,e.__assign({},s))}]]),Oe=new Map([["social_google",function(s){return r.jsx(Ee,e.__assign({},s))}],["social_facebook",function(s){return r.jsx(ye,e.__assign({},s))}],["wishket_facebook",function(s){return r.jsx(Ue,e.__assign({},s))}],["wishket_blog",function(s){return r.jsx(He,e.__assign({},s))}],["wishket_naver_blog",function(s){return r.jsx(We,e.__assign({},s))}],["social_x",function(s){return r.jsx(Be,e.__assign({},s))}],["social_naver",function(s){return r.jsx(Fe,e.__assign({},s))}],["social_linked_in",function(s){return r.jsx(Te,e.__assign({},s))}]]);exports.largeIcons=Ne,exports.mediumIcons=ze,exports.smallIcons=Ge,exports.socialIcons=Oe;
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),r=require("./Icons/Small/SmallArrowDown.js"),n=require("./Icons/Small/SmallArrowLeft.js"),i=require("./Icons/Small/SmallArrowRight.js"),u=require("./Icons/Small/SmallArrowUp.js"),a=require("./Icons/Small/SmallCheck.js"),_=require("./Icons/Small/SmallIndeterminate.js"),o=require("./Icons/Small/SmallPlus.js"),t=require("./Icons/Small/SmallRadioDot.js"),m=require("./Icons/Small/SmallCamera.js"),c=require("./Icons/Small/SmallDelete.js"),l=require("./Icons/Small/SmallResizer.js"),j=require("./Icons/Small/SmallInformation.js"),g=require("./Icons/Small/SmallEdit.js"),d=require("./Icons/Small/SmallPrivate.js"),f=require("./Icons/Small/SmallScrap.js"),I=require("./Icons/Small/SmallPublic.js"),x=require("./Icons/Small/SmallHeart.js"),q=require("./Icons/Small/SmallStar.js"),M=require("./Icons/Small/SmallWait.js"),S=require("./Icons/Small/SmallMoreOptions.js"),L=require("./Icons/Small/SmallEye.js"),h=require("./Icons/Small/SmallTrash.js"),w=require("./Icons/Small/SmallShare.js"),p=require("./Icons/Small/SmallLink.js"),k=require("./Icons/Medium/MediumArrowDown.js"),A=require("./Icons/Medium/MediumArrowLeft.js"),b=require("./Icons/Medium/MediumArrowRight.js"),v=require("./Icons/Medium/MediumArrowUp.js"),D=require("./Icons/Medium/MediumCautionTriangle.js"),P=require("./Icons/Medium/MediumDelete.js"),C=require("./Icons/Medium/MediumEdit.js"),R=require("./Icons/Medium/MediumInformation.js"),y=require("./Icons/Medium/MediumPersonAdd.js"),E=require("./Icons/Medium/MediumPlus.js"),U=require("./Icons/Medium/MediumEye.js"),H=require("./Icons/Medium/MediumBubble.js"),W=require("./Icons/Medium/MediumCheck.js"),B=require("./Icons/Medium/MediumCalendar.js"),F=require("./Icons/Medium/MediumEyeSlash.js"),T=require("./Icons/Medium/MediumFilter.js"),G=require("./Icons/Medium/MediumReset.js"),z=require("./Icons/Medium/MediumSuccess.js"),N=require("./Icons/Medium/MediumCaution.js"),O=require("./Icons/Medium/MediumWait.js"),X=require("./Icons/Medium/MediumError.js"),J=require("./Icons/Medium/MediumMenuDown.js"),K=require("./Icons/Medium/MediumMenuUp.js"),Q=require("./Icons/Medium/MediumHeart.js"),V=require("./Icons/Medium/MediumHighlight.js"),Y=require("./Icons/Medium/MediumMoreOptions.js"),Z=require("./Icons/Medium/MediumRename.js"),$=require("./Icons/Medium/MediumPin.js"),ee=require("./Icons/Medium/MediumTrash.js"),se=require("./Icons/Medium/MediumHashTag.js"),re=require("./Icons/Medium/MediumMagic.js"),ne=require("./Icons/Medium/MediumStar.js"),ie=require("./Icons/Medium/MediumShare.js"),ue=require("./Icons/Medium/MediumAi.js"),ae=require("./Icons/Medium/MediumGlassesMinus.js"),_e=require("./Icons/Medium/MediumGlassesPlus.js"),oe=require("./Icons/Medium/MediumUpload.js"),te=require("./Icons/Medium/MediumSend.js"),me=require("./Icons/Medium/MediumPopular.js"),ce=require("./Icons/Medium/MediumScrap.js"),le=require("./Icons/Medium/MediumLink.js"),je=require("./Icons/Medium/MediumSearch.js"),ge=require("./Icons/Medium/MediumMinus.js"),de=require("./Icons/Large/LargeAccountSetting.js"),fe=require("./Icons/Large/LargeDelete.js"),Ie=require("./Icons/Large/LargeService.js"),xe=require("./Icons/Large/LargeUserImageAvatar.js"),qe=require("./Icons/Large/LargeArrowLeft.js"),Me=require("./Icons/Large/LargeArrowRight.js"),Se=require("./Icons/Large/LargeBell.js"),Le=require("./Icons/Large/LargeDrawer.js"),he=require("./Icons/Large/LargeFilter.js"),we=require("./Icons/Large/LargeSearch.js"),pe=require("./Icons/Large/LargeArrowDown.js"),ke=require("./Icons/Large/LargeArrowUp.js"),Ae=require("./Icons/Large/LargePlus.js"),be=require("./Icons/Large/LargeHeart.js"),ve=require("./Icons/Large/LargeStar.js"),De=require("./Icons/Large/LargeShare.js"),Pe=require("./Icons/Large/LargeSend.js"),Ce=require("./Icons/Large/LargeReset.js"),Re=require("./Icons/Large/LargeCollection.js"),ye=require("./Icons/Large/LargeCollectionAdd.js"),Ee=require("./Icons/Social/SocialFacebook.js"),Ue=require("./Icons/Social/SocialGoogle.js"),He=require("./Icons/Social/WishketFacebook.js"),We=require("./Icons/Social/WishketBlog.js"),Be=require("./Icons/Social/WishketNaverBlog.js"),Fe=require("./Icons/Social/SocialX.js"),Te=require("./Icons/Social/SocialNaver.js"),Ge=require("./Icons/Social/SocialLinkedIn.js"),ze=new Map([["small_check",function(r){return s.jsx(a,e.__assign({},r))}],["small_indeterminate",function(r){return s.jsx(_,e.__assign({},r))}],["small_plus",function(r){return s.jsx(o,e.__assign({},r))}],["small_radio_dot",function(r){return s.jsx(t,e.__assign({},r))}],["small_arrow_left",function(r){return s.jsx(n,e.__assign({},r))}],["small_arrow_right",function(r){return s.jsx(i,e.__assign({},r))}],["small_arrow_down",function(n){return s.jsx(r,e.__assign({},n))}],["small_arrow_up",function(r){return s.jsx(u,e.__assign({},r))}],["small_camera",function(r){return s.jsx(m,e.__assign({},r))}],["small_delete",function(r){return s.jsx(c,e.__assign({},r))}],["small_resizer",function(r){return s.jsx(l,e.__assign({},r))}],["small_information",function(r){return s.jsx(j,e.__assign({},r))}],["small_wait",function(r){return s.jsx(M,e.__assign({},r))}],["small_edit",function(r){return s.jsx(g,e.__assign({},r))}],["small_private",function(r){return s.jsx(d,e.__assign({},r))}],["small_scrap",function(r){return s.jsx(f,e.__assign({},r))}],["small_heart",function(r){return s.jsx(x,e.__assign({},r))}],["small_public",function(r){return s.jsx(I,e.__assign({},r))}],["small_star",function(r){return s.jsx(q,e.__assign({},r))}],["small_more_options",function(r){return s.jsx(S,e.__assign({},r))}],["small_eye",function(r){return s.jsx(L,e.__assign({},r))}],["small_trash",function(r){return s.jsx(h,e.__assign({},r))}],["small_share",function(r){return s.jsx(w,e.__assign({},r))}],["small_link",function(r){return s.jsx(p,e.__assign({},r))}]]),Ne=new Map([["medium_information",function(r){return s.jsx(R,e.__assign({},r))}],["medium_plus",function(r){return s.jsx(E,e.__assign({},r))}],["medium_delete",function(r){return s.jsx(P,e.__assign({},r))}],["medium_eye",function(r){return s.jsx(U,e.__assign({},r))}],["medium_arrow_left",function(r){return s.jsx(A,e.__assign({},r))}],["medium_arrow_right",function(r){return s.jsx(b,e.__assign({},r))}],["medium_arrow_down",function(r){return s.jsx(k,e.__assign({},r))}],["medium_arrow_up",function(r){return s.jsx(v,e.__assign({},r))}],["medium_person_add",function(r){return s.jsx(y,e.__assign({},r))}],["medium_caution_triangle",function(r){return s.jsx(D,e.__assign({},r))}],["medium_bubble",function(r){return s.jsx(H,e.__assign({},r))}],["medium_calendar",function(r){return s.jsx(B,e.__assign({},r))}],["medium_check",function(r){return s.jsx(W,e.__assign({},r))}],["medium_eye_slash",function(r){return s.jsx(F,e.__assign({},r))}],["medium_edit",function(r){return s.jsx(C,e.__assign({},r))}],["medium_filter",function(r){return s.jsx(T,e.__assign({},r))}],["medium_reset",function(r){return s.jsx(G,e.__assign({},r))}],["medium_success",function(r){return s.jsx(z,e.__assign({},r))}],["medium_caution",function(r){return s.jsx(N,e.__assign({},r))}],["medium_wait",function(r){return s.jsx(O,e.__assign({},r))}],["medium_error",function(r){return s.jsx(X,e.__assign({},r))}],["medium_menu_down",function(r){return s.jsx(J,e.__assign({},r))}],["medium_menu_up",function(r){return s.jsx(K,e.__assign({},r))}],["medium_heart",function(r){return s.jsx(Q,e.__assign({},r))}],["medium_star",function(r){return s.jsx(ne,e.__assign({},r))}],["medium_highlight",function(r){return s.jsx(V,e.__assign({},r))}],["medium_more_options",function(r){return s.jsx(Y,e.__assign({},r))}],["medium_rename",function(r){return s.jsx(Z,e.__assign({},r))}],["medium_pin",function(r){return s.jsx($,e.__assign({},r))}],["medium_trash",function(r){return s.jsx(ee,e.__assign({},r))}],["medium_hashtag",function(r){return s.jsx(se,e.__assign({},r))}],["medium_magic",function(r){return s.jsx(re,e.__assign({},r))}],["medium_share",function(r){return s.jsx(ie,e.__assign({},r))}],["medium_ai",function(r){return s.jsx(ue,e.__assign({},r))}],["medium_glasses_minus",function(r){return s.jsx(ae,e.__assign({},r))}],["medium_glasses_plus",function(r){return s.jsx(_e,e.__assign({},r))}],["medium_upload",function(r){return s.jsx(oe,e.__assign({},r))}],["medium_send",function(r){return s.jsx(te,e.__assign({},r))}],["medium_popular",function(r){return s.jsx(me,e.__assign({},r))}],["medium_scrap",function(r){return s.jsx(ce,e.__assign({},r))}],["medium_link",function(r){return s.jsx(le,e.__assign({},r))}],["medium_search",function(r){return s.jsx(je,e.__assign({},r))}],["medium_minus",function(r){return s.jsx(ge,e.__assign({},r))}]]),Oe=new Map([["large_delete",function(r){return s.jsx(fe,e.__assign({},r))}],["large_service",function(r){return s.jsx(Ie,e.__assign({},r))}],["large_account_setting",function(r){return s.jsx(de,e.__assign({},r))}],["large_user_image_avatar",function(r){return s.jsx(xe,e.__assign({},r))}],["large_arrow_left",function(r){return s.jsx(qe,e.__assign({},r))}],["large_arrow_right",function(r){return s.jsx(Me,e.__assign({},r))}],["large_arrow_down",function(r){return s.jsx(pe,e.__assign({},r))}],["large_arrow_up",function(r){return s.jsx(ke,e.__assign({},r))}],["large_bell",function(r){return s.jsx(Se,e.__assign({},r))}],["large_drawer",function(r){return s.jsx(Le,e.__assign({},r))}],["large_plus",function(r){return s.jsx(Ae,e.__assign({},r))}],["large_filter",function(r){return s.jsx(he,e.__assign({},r))}],["large_search",function(r){return s.jsx(we,e.__assign({},r))}],["large_heart",function(r){return s.jsx(be,e.__assign({},r))}],["large_star",function(r){return s.jsx(ve,e.__assign({},r))}],["large_share",function(r){return s.jsx(De,e.__assign({},r))}],["large_send",function(r){return s.jsx(Pe,e.__assign({},r))}],["large_reset",function(r){return s.jsx(Ce,e.__assign({},r))}],["large_collection",function(r){return s.jsx(Re,e.__assign({},r))}],["large_collection_add",function(r){return s.jsx(ye,e.__assign({},r))}]]),Xe=new Map([["social_google",function(r){return s.jsx(Ue,e.__assign({},r))}],["social_facebook",function(r){return s.jsx(Ee,e.__assign({},r))}],["wishket_facebook",function(r){return s.jsx(He,e.__assign({},r))}],["wishket_blog",function(r){return s.jsx(We,e.__assign({},r))}],["wishket_naver_blog",function(r){return s.jsx(Be,e.__assign({},r))}],["social_x",function(r){return s.jsx(Fe,e.__assign({},r))}],["social_naver",function(r){return s.jsx(Te,e.__assign({},r))}],["social_linked_in",function(r){return s.jsx(Ge,e.__assign({},r))}]]);exports.largeIcons=Oe,exports.mediumIcons=Ne,exports.smallIcons=ze,exports.socialIcons=Xe;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("react"),s=require("tailwind-merge"),t=require("./parts/LabelContainer.js"),i=require("./parts/PasswordContainer.js"),n=require("./parts/SupportContainer.js"),o=a.forwardRef(function(o,l){var d=o.type,u=o.name,g=o.value,p=o.onChange,c=o.maxLength,x=o.disabled,x=void 0!==x&&x,b=o.placeholder,h=o.lable,w=o.testId,m=o.measure,f=o.isError,v=o.endIcon,y=o.startIcon,_=o.errorMessage,j=o.supportMessage,L=o.variant,L=void 0===L?"default":L,M=o.isMaxLengthVisible,M=void 0!==M&&M,o=e.__rest(o,["type","name","value","onChange","maxLength","disabled","placeholder","lable","testId","measure","isError","endIcon","startIcon","errorMessage","supportMessage","variant","isMaxLengthVisible"]),I=a.useState(!1),q=I[0],C=I[1],I=a.useState(0),E=I[0],S=I[1],I=a.useState(!1),F=I[0],N=I[1],I=e.__assign({variant:L,type:d,name:u,value:g,placeholder:b,lable:h,maxLength:c,onChange:p,isFocused:q,isError:f,onFocus:function(){C(!0)},onBlur:function(){C(!1)},disabled:x},o),u=f||j||M;return a.useEffect(function(){"string"==typeof g&&c&&S(g.length)},[g,d,c]),a.useEffect(function(){var e=window.navigator.userAgent.toLowerCase().includes("mobile");N(e)},[]),r.jsxs("div",{className:"flex min-w-fit select-none flex-col gap-3 bg-w-white ","data-testid":w,children:[r.jsx("label",{role:"input-box",className:s.twMerge("flex shrink-0 cursor-text items-center gap-3 rounded-xl border px-4 py-2.5 text-[16px] leading-[26px] text-w-gray-600",("lable"===L||"lable_fixed"===L)&&"h-[66px] py-[11px]",x?"border-w-gray-200 hover:border-w-gray-200":f?"border-w-red-500":q?"border-w-primary":F?"border-w-gray-200":"border-w-gray-200 hover:border-w-primary",x?"bg-w-gray-10":"bg-w-white"),children:"password"===d?r.jsx(i,e.__assign({ref:l},I)):r.jsx(t,e.__assign({ref:l,measure:m,startIcon:y,endIcon:v},I))}),u&&r.jsx(n,{disabled:x,isError:f,errorMessage:_,supportMessage:j,currentLength:E,maxLength:c,isMaxLengthVisible:M})]})});o.displayName="TextField",module.exports=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("../../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("react").forwardRef(function(r,l){function s(){return g?"text-w-gray-300":f?"text-w-red-500":m?"text-w-primary":"text-w-gray-300"}var n=r.type,i=r.name,o=r.value,d=r.onFocus,x=r.onBlur,u=r.onChange,c=r.maxLength,g=r.disabled,p=r.placeholder,w=r.lable,f=r.isError,h=r.variant,m=r.isFocused,r=e.__rest(r,["type","name","value","onFocus","onBlur","onChange","maxLength","disabled","placeholder","lable","isError","variant","isFocused"]),n=e.__assign(e.__assign({role:"text-input",type:n,name:i,value:o,onChange:u,onFocus:d,onBlur:x,maxLength:c,disabled:g},"default"==h&&{placeholder:p}),r),i="w-full outline-none placeholder:text-w-gray-300 disabled:bg-w-gray-10",u=f?"text-w-red-500":"text-w-gray-600";return"default"===h?a.jsx("input",e.__assign({ref:l,className:t.twMerge(i,u,g&&"text-w-gray-300 placeholder:text-w-gray-200")},n)):"lable_fixed"===h?a.jsxs("div",{className:"flex w-full flex-col",children:[a.jsx("div",{className:t.twMerge("text-[11px] leading-[14px]",s()),children:w}),a.jsx("input",e.__assign({ref:l,placeholder:p,className:t.twMerge(i,u,g&&"text-w-gray-300 placeholder:text-w-gray-200")},n))]}):"lable"===h?a.jsxs("label",{className:"relative flex w-full flex-col",children:[a.jsx("div",{className:t.twMerge("absolute",s(),m||o?"transition-all duration-300 scale-[0.6875] -translate-y-0.5 origin-top-left":"text-[16px] transition-all duration-300 translate-y-2 origin-top-left -top-[1px]"),children:w}),a.jsx("input",e.__assign({ref:l,className:t.twMerge(i,u,g&&"text-w-gray-300 placeholder:text-w-gray-200","pt-[14px]")},n))]}):void 0});r.displayName="InputContainer",module.exports=r;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { SupportContainerProps } from '../TextField.types';
|
|
2
|
-
declare const SupportContainer: ({ isError, errorMessage, supportMessage, currentLength, maxLength, isMaxLengthVisible, }: SupportContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const SupportContainer: ({ disabled, isError, errorMessage, supportMessage, currentLength, maxLength, isMaxLengthVisible, }: SupportContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default SupportContainer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");module.exports=function(t){var s=t.
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");module.exports=function(t){var s=t.disabled,i=t.isError,n=t.errorMessage,a=t.supportMessage,d=t.currentLength,x=t.maxLength,t=t.isMaxLengthVisible,t=x&&(void 0===t||t);return e.jsxs("div",{role:"support-container",className:r.twMerge("flex justify-between px-4 text-sm leading-5",i?"text-w-red-500":"text-w-gray-400",s&&"text-w-gray-400"),children:[e.jsx("div",{children:i?n:a}),t&&e.jsxs("div",{children:[d,"/",x]})]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("tailwind-merge"),a=require("../Box/Box.js"),s=require("../Typography/Typography.js"),i=require("../SystemIcon/SystemIcon.js");module.exports=function(o){var n=o.isError,n=void 0!==n&&n,d=o.size,d=void 0===d?"md":d,l=o.resize,l=void 0!==l&&l,x=o.isLengthVisible,x=void 0!==x&&x,g=o.supportText,c=o.maxLength,h=o.value,m=o.disabled,y=o.name,u=o.onChange,o=e.__rest(o,["isError","size","resize","isLengthVisible","supportText","maxLength","value","disabled","name","onChange"]);return r.jsxs(a,{"data-testid":"design-system-textarea",className:"flex h-fit w-full flex-col gap-1",children:[r.jsxs(a,{className:"relative h-fit w-full",children:[r.jsx("textarea",e.__assign({"data-testid":"design-system-textarea--textarea",className:t.twMerge("box-border h-auto w-full content-stretch rounded-lg border border-w-gray-200 px-4 py-2.5 font-[inherit] text-base font-normal leading-[26px] text-w-gray-600 outline-none placeholder:font-[inherit] placeholder:text-base placeholder:font-normal placeholder:leading-[26px] placeholder:text-w-gray-300",l?"resize-y":"resize-none","sm"===d?"min-h-[120px]":"md"===d?"min-h-[240px]":"lg"===d?"min-h-[360px]":void 0,m?"bg-w-gray-10 text-gray-300 border-w-gray-200 placeholder:text-w-gray-300 hover:border-w-gray-200 focus:border-w-gray-200 active:border-w-gray-200 resize-none placeholder:text-w-gray-200":n?"border-w-red-500 hover:border-w-red-500 focus:border-w-red-500 active:border-w-red-500":"hover:border-primary-500 focus:border-primary-500 active:border-primary-500"),name:y,value:h,disabled:m,onChange:u},o)),l&&r.jsx(i,{name:"small_resizer",className:"absolute bottom-2.5 right-1 text-w-gray-400",testId:"design-system-textarea--resize-icon"})]}),(g||x)&&r.jsxs(a,{className:t.twMerge("flex w-full select-none justify-between px-4 text-w-gray-400",n&&"text-w-red-500",m&&"text-w-gray-400"),"data-testid":"design-system-textarea--support-container",children:[r.jsx(s,{variant:"body2",className:t.twMerge(g?"visible":"invisible"),"data-testid":"design-system-textarea--support-text",children:g}),x&&r.jsx(s,{variant:"body2","data-testid":"design-system-textarea--length-count",children:"".concat((null==h?void 0:h.toString().length)||0,"/").concat(c)})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),t=require("tailwind-merge"),s=[{name:"title1",class:"text-5xl font-bold leading-[64px]"},{name:"title2",class:"text-[32px] leading-[48px]"},{name:"title3",class:"text-2xl leading-9"},{name:"subTitle1",class:"text-xl leading-[30px]"},{name:"subTitle2",class:"text-lg"},{name:"body1",class:"text-base leading-[26px]"},{name:"body2",class:"text-sm leading-6"},{name:"body3",class:"text-[13px] leading-5"},{name:"caption1",class:"text-xs leading-[18px]"},{name:"caption2",class:"text-[11px] leading-[14px]"}];module.exports=function(
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),t=require("tailwind-merge"),s=[{name:"title1",class:"text-5xl font-bold leading-[64px]"},{name:"title2",class:"text-[32px] leading-[48px]"},{name:"title3",class:"text-2xl leading-9"},{name:"subTitle1",class:"text-xl leading-[30px]"},{name:"subTitle2",class:"text-lg"},{name:"contents1",class:"text-lg leading-8 tracking-[0.48px]"},{name:"contents2",class:"text-base leading-[30px] tracking-[0.48px]"},{name:"body1",class:"text-base leading-[26px]"},{name:"body2",class:"text-sm leading-6"},{name:"body3",class:"text-[13px] leading-5"},{name:"caption1",class:"text-xs leading-[18px]"},{name:"caption2",class:"text-[11px] leading-[14px]"}];module.exports=function(n){var l=n.children,i=n.variant,x=n.className,n=e.__rest(n,["children","variant","className"]),c=(null==(c=s.find(function(e){return e.name===i}))?void 0:c.class)||"";return a.jsx("span",e.__assign({className:t.twMerge(c,x)},n,{children:l}))};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
|
2
|
-
export type TypographyVariants = 'title1' | 'title2' | 'title3' | 'subTitle1' | 'subTitle2' | 'body1' | 'body2' | 'body3' | 'caption1' | 'caption2';
|
|
2
|
+
export type TypographyVariants = 'title1' | 'title2' | 'title3' | 'subTitle1' | 'subTitle2' | 'contents1' | 'contents2' | 'body1' | 'body2' | 'body3' | 'caption1' | 'caption2';
|
|
3
3
|
export interface TypographyProps extends PropsWithChildren {
|
|
4
4
|
variant: TypographyVariants;
|
|
5
5
|
className?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),s=require("../../Atoms/Checkbox/Checkbox.js"),t=require("../../Atoms/ProductIcon/ProductIcon.js");require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),exports.CheckboxCardContainer=function(s){var t=s.children,o=s.isWide,a=s.checked,c=s.isError,d=s.isHover,n=s.disabled,l=s.className,s=e.__rest(s,["children","isWide","checked","isError","isHover","disabled","className"]);return r.jsx("div",e.__assign({className:i.twMerge("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl border",o?"min-h-[94px] w-[298px] flex-row px-5 py-4":"min-h-fit w-[224px] flex-col justify-center px-4 pb-6 pt-4",n?i.twMerge("cursor-not-allowed",a&&!c?"border-primary-100":"border-w-gray-200"):c?"border-w-red-500":a||d?"border-primary-500":"border-w-gray-200",n?a&&!c?"bg-primary-10":"bg-w-gray-10":a?c?"bg-w-red-10":"bg-primary-10":"bg-w-white",l)},s,{children:t}))},exports.CheckboxCardIcon=function(e){var i=e.iconName,e=e.disabled;return r.jsx("div",{className:"flex size-[60px] flex-shrink-0 items-center justify-center","data-testid":"design-system-checkboxCard--icon",children:r.jsx(t,{name:i,disabled:e})})},exports.StyledCheckbox=function(t){var o=t.isWide,a=t.className,t=e.__rest(t,["isWide","className"]);return r.jsx(s,e.__assign({className:i.twMerge(!o&&"absolute left-[17px] top-[17px]",a)},t))},exports.TitleContainer=function(e){var s=e.isWide,e=e.children;return r.jsx("div",{className:i.twMerge("flex h-auto w-full flex-col justify-between gap-0.5",s?"items-start":"items-center"),children:e})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),s=require("tailwind-merge"),i=require("../../Atoms/Typography/Typography.js"),l=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/SystemIcon/SystemIcon.js")),a=(require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),{Root:function(i){var l=i.children,a=i.className,o=i.disableScroll,o=void 0!==o&&o,i=e.__rest(i,["children","className","disableScroll"]),n=r.useRef(null),c=r.useState(!1),d=c[0],m=c[1];return r.useLayoutEffect(function(){var e,t=n.current;t&&(e=t.scrollHeight,t=t.clientHeight,m(t<e))},[]),t.jsx("ul",e.__assign({ref:n,"data-testid":"design-system-list",className:s.twMerge("flex max-h-60 w-fit min-w-[220px] flex-col rounded-xl border border-w-gray-200 bg-w-white p-2 shadow-graymedium",o?"max-h-full overflow-visible":"overflow-y-auto scrollbar-list",d&&!o&&"pr-0",a)},i,{children:l}))},Item:function(r){var a=r.leadingIcon,o=r.text,n=r.selected,n=void 0!==n&&n,c=r.disabled,d=void 0!==c&&c,c=r.canceled,c=void 0!==c&&c,m=r.children,u=r.className,x=e.__rest(r,["leadingIcon","text","selected","disabled","canceled","children","className"]),r=s.twMerge(n?"text-primary-500":"text-w-gray-600",c&&"text-w-red-500",d&&"text-w-gray-300");return t.jsxs("li",e.__assign({className:s.twMerge("visible flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3",!d&&"hover:bg-primary-10",u)},x,{onClick:function(e){var t;d||null==(t=x.onClick)||t.call(x,e)},"data-testid":"design-system-list-item",children:[a&&t.jsx(l,{name:a,className:r,testId:"design-system-list-item-leading-icon"}),o&&t.jsx(i,{variant:"body1",className:r,"data-testid":"design-system-list-item-text",children:o}),m]}))}});module.exports=a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),t=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),a=(require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js")),i=(require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),function(s){switch(s.type){case"information":return e.jsx(a,{name:"medium_information",className:"text-primary-500",testId:"design-system-message-bar--information-icon"});case"success":return e.jsx(a,{name:"medium_success",className:"text-primary-500",testId:"design-system-message-bar--success-icon"});case"progress":return e.jsx(a,{name:"medium_success",className:"text-w-green-500",testId:"design-system-message-bar--progress-icon"});case"waiting":return e.jsx(a,{name:"medium_wait",className:"text-w-yellow-500",testId:"design-system-message-bar--waiting-icon"});case"caution":return e.jsx(a,{name:"medium_caution",className:"text-w-orange-500",testId:"design-system-message-bar--caution-icon"});case"error":return e.jsx(a,{name:"medium_error",className:"text-w-red-500",testId:"design-system-message-bar--error-icon"});default:return null}});module.exports=function(n){var m=n.message,o=n.type,n=n.onClose,c=!!n;return e.jsxs(t,{"data-testid":"design-system-message-bar",className:s.twMerge(function(){switch(o){case"information":case"success":return"bg-primary-10 border-primary-100";case"progress":return"bg-w-green-10 border-w-green-100";case"waiting":return"bg-w-yellow-10 border-w-yellow-100";case"caution":return"bg-w-orange-10 border-w-orange-100";case"error":return"bg-w-red-10 border-w-red-100";default:return""}}(),"box-border flex w-full items-start justify-between gap-x-4 rounded-xl border px-6 py-4"),children:[e.jsx(t,{"data-testid":"design-system-message-bar--icon",className:"pt-[5px]",children:e.jsx(i,{type:o})}),e.jsx(t,{className:"w-full",children:e.jsx(r,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:m})}),c&&e.jsx(t,{onClick:n,"data-testid":"design-system-message-bar--close-button",className:"pt-[5px]",children:e.jsx(a,{name:"medium_delete",className:"text-w-gray-400"})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),s=require("../../Atoms/Typography/Typography.js"),r=(require("../../Atoms/Checkbox/Checkbox.js"),require("tailwind-merge"),require("../../Atoms/Box/Box.js")),i=require("../../Atoms/ProductIcon/ProductIcon.js"),t=(require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),s=require("../../Atoms/Typography/Typography.js"),r=(require("../../Atoms/Checkbox/Checkbox.js"),require("tailwind-merge"),require("../../Atoms/Box/Box.js")),i=require("../../Atoms/ProductIcon/ProductIcon.js"),t=(require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),a=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("./MessageBox.parts.js"));module.exports=function(o){var l=o.icon,n=o.title,c=o.description,o=o.links;return e.jsxs(r,{className:"box-border flex h-auto flex-col rounded-3xl border border-w-gray-200","data-testid":"design-system-message-box--container",children:[e.jsxs(r,{className:"flex h-auto flex-col gap-4 p-6",children:[l&&e.jsx(r,{className:"size-10 flex-shrink-0",children:e.jsx(i,{name:l,size:"medium"})}),e.jsxs(r,{className:"flex h-auto flex-col gap-1.5",children:[e.jsx(s,{variant:"subTitle2",className:"whitespace-pre-line font-medium text-w-gray-900","data-testid":"design-system-message-box--title",children:n}),c&&e.jsx(s,{variant:"body1",className:"whitespace-pre-line font-normal text-w-gray-600","data-testid":"design-system-message-box--description",children:c})]})]}),o&&0<o.length&&e.jsxs(e.Fragment,{children:[e.jsx(t,{}),e.jsx(a.ExternalLinks,{links:o})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("next/link"),t=require("../../Atoms/Typography/Typography.js"),s=(require("../../Atoms/Checkbox/Checkbox.js"),require("tailwind-merge"),require("../../Atoms/Box/Box.js")),i=(require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),exports.ExternalLinks=function(n){n=n.links;return e.jsx(s,{className:"flex h-auto w-full flex-col gap-3 p-
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("next/link"),t=require("../../Atoms/Typography/Typography.js"),s=(require("../../Atoms/Checkbox/Checkbox.js"),require("tailwind-merge"),require("../../Atoms/Box/Box.js")),i=(require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),exports.ExternalLinks=function(n){n=n.links;return e.jsx(s,{className:"flex h-auto w-full flex-col gap-3 p-6","data-testid":"design-system-message-box--external-links-container",children:null==n?void 0:n.map(function(s,n){return e.jsxs(r,{target:s.target||"_blank",prefetch:"_self"===s.target,href:s.url,className:"flex items-center justify-between text-w-gray-600 no-underline","data-testid":"design-system-message-box--external-links-item-".concat(n),children:[e.jsx(t,{variant:"body1",className:"hover:underline hover:underline-offset-2",children:s.title}),e.jsx(i,{name:"small_arrow_right"})]},"".concat(s.title,"-").concat(s.url))})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("tailwind-merge"),s=require("../../Atoms/Typography/Typography.js"),
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("tailwind-merge"),s=require("../../Atoms/Typography/Typography.js"),a=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),o=(require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),exports.SelectBox=function(i){var d=i.placeholder,l=i.value,n=i.isListOpen,c=i.disabled,x=i.error,m=i.className,i=e.__rest(i,["placeholder","value","isListOpen","disabled","error","className"]);return r.jsxs(a,e.__assign({"data-testId":"design-system-selectBox",className:t.twMerge("flex h-[50px] w-full cursor-pointer select-none items-center justify-between rounded-xl border border-w-gray-200 bg-w-white px-4 py-2.5 hover:border-w-primary-500",n&&"border-w-primary-500",x&&"border-w-red-500 hover:border-w-red-500",c&&"cursor-not-allowed border-w-gray-200 bg-w-gray-10 hover:border-w-gray-200",m)},i,{children:[r.jsx(s,{variant:"body1",className:t.twMerge(l?"text-w-gray-600":"text-w-gray-300",c&&l&&"text-w-gray-300",c&&!l&&"text-w-gray-200"),children:l||d}),r.jsx("div",{className:t.twJoin("transition-transform duration-300",n&&"rotate-180"),children:r.jsx(o,{name:"medium_arrow_down",className:c?"text-w-gray-300":"text-w-gray-600"})})]}))};
|
|
@@ -18,6 +18,47 @@ export const customizedPlugin = plugin(function ({ addUtilities, addBase }) {
|
|
|
18
18
|
},
|
|
19
19
|
});
|
|
20
20
|
addBase({
|
|
21
|
+
'@keyframes ripple': {
|
|
22
|
+
'0%': {
|
|
23
|
+
height: '30%',
|
|
24
|
+
width: '30%',
|
|
25
|
+
borderRadius: 9999,
|
|
26
|
+
opacity: 100
|
|
27
|
+
},
|
|
28
|
+
'100%': {
|
|
29
|
+
height: '100%',
|
|
30
|
+
width: '100%',
|
|
31
|
+
opacity: 0
|
|
32
|
+
}
|
|
33
|
+
},
|
|
34
|
+
'@keyframes rippleOutline': {
|
|
35
|
+
'0%': {
|
|
36
|
+
height: '30%',
|
|
37
|
+
width: '30%',
|
|
38
|
+
borderRadius: 11,
|
|
39
|
+
opacity: 100
|
|
40
|
+
},
|
|
41
|
+
'100%': {
|
|
42
|
+
height: '100%',
|
|
43
|
+
width: '100%',
|
|
44
|
+
borderRadius: 11,
|
|
45
|
+
opacity: 0
|
|
46
|
+
}
|
|
47
|
+
},
|
|
48
|
+
'@keyframes rippleOutlineSmall': {
|
|
49
|
+
'0%': {
|
|
50
|
+
height: '30%',
|
|
51
|
+
width: '30%',
|
|
52
|
+
borderRadius: 7,
|
|
53
|
+
opacity: 100
|
|
54
|
+
},
|
|
55
|
+
'100%': {
|
|
56
|
+
height: '100%',
|
|
57
|
+
width: '100%',
|
|
58
|
+
borderRadius: 7,
|
|
59
|
+
opacity: 0
|
|
60
|
+
}
|
|
61
|
+
},
|
|
21
62
|
'::-webkit-resizer': {
|
|
22
63
|
display: 'none',
|
|
23
64
|
},
|
|
@@ -201,49 +201,6 @@ module.exports = {
|
|
|
201
201
|
'radio-list-item-container': '18px max-content',
|
|
202
202
|
},
|
|
203
203
|
},
|
|
204
|
-
keyframes: {
|
|
205
|
-
rippleOutlineSmall: {
|
|
206
|
-
'0%': {
|
|
207
|
-
height: '30%',
|
|
208
|
-
width: '30%',
|
|
209
|
-
borderRadius: 7,
|
|
210
|
-
opacity: 100
|
|
211
|
-
},
|
|
212
|
-
'100%': {
|
|
213
|
-
height: 'calc(100% - 2px)',
|
|
214
|
-
width: 'calc(100% - 2px)',
|
|
215
|
-
borderRadius: 7,
|
|
216
|
-
opacity: 0
|
|
217
|
-
}
|
|
218
|
-
},
|
|
219
|
-
rippleOutline: {
|
|
220
|
-
'0%': {
|
|
221
|
-
height: '30%',
|
|
222
|
-
width: '30%',
|
|
223
|
-
borderRadius: 11,
|
|
224
|
-
opacity: 100
|
|
225
|
-
},
|
|
226
|
-
'100%': {
|
|
227
|
-
height: 'calc(100% - 2px)',
|
|
228
|
-
width: 'calc(100% - 2px)',
|
|
229
|
-
borderRadius: 11,
|
|
230
|
-
opacity: 0
|
|
231
|
-
}
|
|
232
|
-
},
|
|
233
|
-
ripple: {
|
|
234
|
-
'0%': {
|
|
235
|
-
height: '30%',
|
|
236
|
-
width: '30%',
|
|
237
|
-
borderRadius: 9999,
|
|
238
|
-
opacity: 100
|
|
239
|
-
},
|
|
240
|
-
'100%': {
|
|
241
|
-
height: '100%',
|
|
242
|
-
width: '100%',
|
|
243
|
-
opacity: 0
|
|
244
|
-
}
|
|
245
|
-
}
|
|
246
|
-
}
|
|
247
204
|
},
|
|
248
205
|
plugins: [
|
|
249
206
|
require('@savvywombat/tailwindcss-grid-areas'),
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wishket/design-system",
|
|
3
|
-
"version": "0.
|
|
3
|
+
"version": "1.0.0",
|
|
4
4
|
"description": "Wishket Design System",
|
|
5
5
|
"main": "dist/index.js",
|
|
6
6
|
"module": "dist/index.es.js",
|
|
@@ -33,6 +33,7 @@
|
|
|
33
33
|
"@babel/preset-react": "^7.23.3",
|
|
34
34
|
"@changesets/changelog-github": "^0.5.0",
|
|
35
35
|
"@changesets/cli": "^2.27.1",
|
|
36
|
+
"@faker-js/faker": "^8.4.1",
|
|
36
37
|
"@rollup/plugin-swc": "^0.3.0",
|
|
37
38
|
"@storybook/addon-essentials": "^7.6.7",
|
|
38
39
|
"@storybook/addon-interactions": "^7.6.7",
|
|
@@ -47,6 +48,7 @@
|
|
|
47
48
|
"@testing-library/jest-dom": "^6.2.0",
|
|
48
49
|
"@testing-library/react": "^14.1.2",
|
|
49
50
|
"@testing-library/user-event": "^14.5.2",
|
|
51
|
+
"@types/faker": "^6",
|
|
50
52
|
"@types/jest": "^29.5.11",
|
|
51
53
|
"@types/node": "^20.11.0",
|
|
52
54
|
"@types/react": "^18",
|