@wishket/design-system 0.15.0 → 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/TextField/TextField.js +1 -1
- package/dist/Components/Atoms/Textarea/Textarea.js +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-[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,
|
|
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-50":"bg-transparent")})})};exports.Content=function(
|
|
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)})]})};
|
|
@@ -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,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"),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",
|