@wishket/design-system 1.1.13 → 1.1.14

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.
@@ -1 +1 @@
1
- "use strict";var e=require("../../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),r=require("react"),n=require("../../SystemIcon/SystemIcon.js"),s=require("./InputContainer.js"),t=r.forwardRef(function(r,t){var i=r.type,l=r.name,o=r.value,u=r.onBlur,c=r.onChange,d=r.onFocus,m=r.maxLength,x=r.placeholder,h=r.disabled,h=void 0!==h&&h,g=r.lable,v=r.measure,p=r.isError,f=r.endIcon,j=r.startIcon,y=r.isFocused,b=r.variant,b=void 0===b?"default":b,r=e.__rest(r,["type","name","value","onBlur","onChange","onFocus","maxLength","placeholder","disabled","lable","measure","isError","endIcon","startIcon","isFocused","variant"]);return a.jsxs(a.Fragment,{children:[j&&a.jsx(n,{name:j,className:"flex w-[16px] shrink-0 text-w-gray-400"}),a.jsx(s,e.__assign({ref:t,variant:b,type:i,value:o,name:l,placeholder:x,lable:g,maxLength:m,onChange:c,isFocused:y,isError:p,onFocus:d,onBlur:u,disabled:h},r)),v&&a.jsx("div",{className:"flex w-fit shrink-0 leading-6 text-w-gray-400",children:v}),f&&a.jsx(n,{name:f,className:"flex w-[16px] shrink-0 text-w-gray-400"})]})});t.displayName="LabelContainer",module.exports=t;
1
+ "use strict";var e=require("../../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),a=require("react"),n=require("tailwind-merge"),s=require("../../SystemIcon/SystemIcon.js"),t=require("./InputContainer.js"),i=a.forwardRef(function(a,i){var l=a.type,o=a.name,u=a.value,d=a.onBlur,c=a.onChange,x=a.onFocus,m=a.maxLength,g=a.placeholder,h=a.disabled,h=void 0!==h&&h,w=a.lable,v=a.measure,y=a.isError,p=a.endIcon,f=a.startIcon,j=a.isFocused,b=a.variant,b=void 0===b?"default":b,a=e.__rest(a,["type","name","value","onBlur","onChange","onFocus","maxLength","placeholder","disabled","lable","measure","isError","endIcon","startIcon","isFocused","variant"]);return r.jsxs(r.Fragment,{children:[f&&r.jsx(s,{name:f,className:n.twMerge("flex w-[16px] shrink-0 text-w-gray-600",h&&"text-w-gray-300")}),r.jsx(t,e.__assign({ref:i,variant:b,type:l,value:u,name:o,placeholder:g,lable:w,maxLength:m,onChange:c,isFocused:j,isError:y,onFocus:x,onBlur:d,disabled:h},a)),v&&r.jsx("div",{className:n.twMerge("flex w-fit shrink-0 leading-6 text-w-gray-400",h&&"text-w-gray-300"),children:v}),p&&r.jsx(s,{name:p,className:n.twMerge("flex w-[16px] shrink-0 text-w-gray-600",h&&"text-w-gray-300")})]})});i.displayName="LabelContainer",module.exports=i;
@@ -1,2 +1,2 @@
1
1
  'use client';
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,maxLength:c},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)})]})]})};
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,m=o.value,h=o.disabled,p=o.name,y=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 content-stretch gap-3",children:[r.jsxs(a,{"data-testid":"design-system-textarea--container",className:t.twMerge("relative w-full overflow-hidden rounded-xl border border-w-gray-200",h?"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 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"),children:[r.jsx("textarea",e.__assign({"data-testid":"design-system-textarea--textarea",className:t.twMerge("-mb-[9px] box-border h-full w-full content-stretch py-2.5 pl-4 font-[inherit] text-base font-normal leading-[26px] text-w-gray-600 outline-none scrollbar-list placeholder:font-[inherit] placeholder:text-base placeholder:font-normal placeholder:leading-[26px] placeholder:text-w-gray-300","sm"===d?"min-h-[120px]":"md"===d?"min-h-[240px]":"lg"===d?"min-h-[360px]":void 0,l?"resize-y":"resize-none",h&&"resize-none"),name:p,value:m,disabled:h,onChange:y,maxLength:c},o)),l&&r.jsx(i,{name:"small_resizer",className:"absolute bottom-[5px] right-[5px] 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",h&&"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==m?void 0:m.toString().length)||0,"/").concat(c)})]})]})};
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("react"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/SystemIcon.js")),o=(require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),n=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),require("./AutoCompleteList.parts.js")),a={Root:function(i){var o=i.children,l=i.className,a=i.hasIndexBar,a=void 0!==a&&a,c=i.onIndexClick,i=e.__rest(i,["children","className","hasIndexBar","onIndexClick"]),u=r.useRef(null),d=r.useState(!1),m=d[0],x=d[1];return r.useLayoutEffect(function(){var e,t=u.current;t&&(e=t.scrollHeight,t=t.clientHeight,x(t<e))},[]),t.jsxs("div",e.__assign({className:s.twMerge("flex max-h-[436px] w-full rounded-xl border shadow-graymedium",l)},i,{children:[a&&t.jsx(n.IndexBar,{onIndexClick:c}),t.jsx("ul",{ref:u,"data-testid":"design-system-autoCompleteList",className:s.twMerge("flex w-full flex-col bg-w-white py-2 pr-2","overflow-y-auto scrollbar-list",a?"rounded-r-xl":"rounded-xl",m&&"pr-0"),children:o})]}))},Item:function(r){var o=r.text,l=r.count,a=r.leadingIcon,c=r.iconUrl,u=r.isInputItem,u=void 0!==u&&u,d=r.isFocused,d=void 0!==d&&d,m=r.className,r=e.__rest(r,["text","count","leadingIcon","iconUrl","isInputItem","isFocused","className"]);return t.jsxs("li",e.__assign({className:s.twMerge("visible ml-2 flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3 hover:bg-primary-10",d&&"bg-primary-10",m)},r,{"data-testid":"design-system-list-item",children:[a&&t.jsx(i,{name:a,className:"text-w-gray-600",testId:"design-system-list-item-leading-icon"}),c&&t.jsx(n.Icon,{iconUrl:c}),t.jsx(n.TextSection,{text:o,isInputItem:u}),l&&t.jsx(n.CountSection,{count:l})]}))},Divider:function(){return t.jsx(o,{className:"my-2"})}};module.exports=a;
2
+ "use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("react"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/SystemIcon.js")),o=(require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),n=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),require("./AutoCompleteList.parts.js")),a={Root:function(i){var o=i.children,l=i.className,a=i.hasIndexBar,a=void 0!==a&&a,c=i.onIndexClick,i=e.__rest(i,["children","className","hasIndexBar","onIndexClick"]),u=r.useRef(null),d=r.useState(!1),m=d[0],x=d[1];return r.useLayoutEffect(function(){var e,t=u.current;t&&(e=t.scrollHeight,t=t.clientHeight,x(t<e))},[o]),t.jsxs("div",e.__assign({className:s.twMerge("flex max-h-[436px] w-full rounded-xl shadow-graymedium",l)},i,{children:[a&&t.jsx(n.IndexBar,{onIndexClick:c}),t.jsx("ul",{ref:u,"data-testid":"design-system-autoCompleteList",className:s.twMerge("flex w-full flex-col bg-w-white py-2 pr-2","overflow-y-auto scrollbar-list",a?"rounded-r-xl":"rounded-xl",m&&"pr-0"),children:o})]}))},Item:function(r){var o=r.text,l=r.count,a=r.leadingIcon,c=r.iconUrl,u=r.isInputItem,u=void 0!==u&&u,d=r.isFocused,d=void 0!==d&&d,m=r.className,r=e.__rest(r,["text","count","leadingIcon","iconUrl","isInputItem","isFocused","className"]);return t.jsxs("li",e.__assign({className:s.twMerge("visible ml-2 flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3 hover:bg-primary-10",d&&"bg-primary-10",m)},r,{"data-testid":"design-system-list-item",children:[a&&t.jsx(i,{name:a,className:"text-w-gray-600",testId:"design-system-list-item-leading-icon"}),c&&t.jsx(n.Icon,{iconUrl:c}),t.jsx(n.TextSection,{text:o,isInputItem:u}),t.jsx(n.CountSection,{count:l})]}))},Divider:function(){return t.jsx(o,{className:"my-2"})}};module.exports=a;
@@ -14,7 +14,7 @@ interface TextSectionProps {
14
14
  }
15
15
  export declare const TextSection: ({ text, isInputItem }: TextSectionProps) => import("react/jsx-runtime").JSX.Element;
16
16
  interface CountSectionProps {
17
- count: number;
17
+ count?: number;
18
18
  }
19
19
  export declare const CountSection: ({ count }: CountSectionProps) => import("react/jsx-runtime").JSX.Element;
20
20
  export {};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("tailwind-merge"),s=require("./CheckboxListItem.js"),a=function(e){var s=e.children,a=e.className,e=e.testId;return r.jsx("div",{className:t.twMerge("flex w-min flex-col gap-3",a),"data-testid":e,children:s})};module.exports=function(t){var i=t.data,n=t.className,t=t.testId;return r.jsx(a,{className:n,testId:t,children:i.map(function(t,a){return r.jsx(s,e.__assign({},t),a)})})};
1
+ "use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("../CheckboxListItem/CheckboxListItem.js"),a=function(e){var s=e.children,a=e.className,e=e.testId;return t.jsx("div",{className:r.twMerge("flex w-full flex-col gap-3",a),"data-testid":e,children:s})};module.exports=function(r){var i=r.data,l=r.className,r=r.testId;return t.jsx(a,{className:l,testId:r,children:i.map(function(r,a){return t.jsx(s,e.__assign({},r),a)})})};
@@ -1,11 +1,11 @@
1
- import { ChangeEvent } from 'react';
1
+ import { ChangeEvent, PropsWithChildren } from 'react';
2
2
  import { CheckboxStatus } from '../../../types';
3
- interface CheckboxListProps extends CheckboxStatus {
4
- label: string;
3
+ interface CheckboxListItemProps extends CheckboxStatus, PropsWithChildren {
4
+ label?: string;
5
5
  description?: string;
6
6
  onChange?: (event: ChangeEvent<HTMLInputElement>) => void;
7
7
  className?: string;
8
8
  CheckboxClassName?: string;
9
9
  }
10
- declare const CheckboxListItem: ({ label, description, checked, disabled, isError, className, CheckboxClassName, onChange, }: CheckboxListProps) => import("react/jsx-runtime").JSX.Element;
10
+ declare const CheckboxListItem: ({ label, description, checked, disabled, isError, className, CheckboxClassName, onChange, children, }: CheckboxListItemProps) => import("react/jsx-runtime").JSX.Element;
11
11
  export default CheckboxListItem;
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ "use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),i=require("react"),r=require("tailwind-merge"),t=require("../../Atoms/Typography/Typography.js"),a=require("../../Atoms/Checkbox/Checkbox.js"),o=require("../../Atoms/Box/Box.js"),c=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),function(i){var t=i.children,a=i.disabled,o=i.hasDescription,c=i.className,i=e.__rest(i,["children","disabled","hasDescription","className"]);return s.jsx("label",e.__assign({className:r.twMerge("grid h-min grid-cols-checkbox-list-item-container grid-rows-checkbox-list-item-container gap-x-3 grid-areas-checkbox-list-item-container",o?"gap-y-0.5":"gap-y-0",a?"cursor-not-allowed":"cursor-pointer",c)},i,{children:t}))});module.exports=function(e){var l=e.label,n=e.description,d=e.checked,m=e.disabled,m=void 0!==m&&m,h=e.isError,h=void 0!==h&&h,u=e.className,x=e.CheckboxClassName,b=e.onChange,e=e.children,g=i.useState(!1),p=g[0],j=g[1];return s.jsxs(c,{"data-testid":"design-system-checkboxList--item",disabled:m,hasDescription:!!n,className:u,onMouseOver:function(){j(!0)},onMouseOut:function(){j(!1)},children:[s.jsx(o,{className:"cursor-pointer pt-1 grid-in-checkbox",children:s.jsx(a,{checked:d,isHover:p,isError:h,disabled:m,onChange:b,className:x})}),s.jsxs(o,{className:"flex w-full items-center grid-in-label","data-testid":"design-system-checkboxList--item-label-root",children:[l&&s.jsx(t,{variant:"body1",className:r.twJoin("w-full whitespace-normal break-words",m?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-checkboxList--item-label",children:l}),e]}),n&&s.jsx(o,{className:"flex items-center grid-in-description",children:s.jsx(t,{variant:"body2",className:m?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:n})})]})};
@@ -0,0 +1,2 @@
1
+ import CheckboxListItem from './CheckboxListItem';
2
+ export default CheckboxListItem;
@@ -0,0 +1 @@
1
+ "use strict";var e=require("./CheckboxListItem.js");module.exports=e;
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("tailwind-merge"),a=require("../RadioGroup/RadioGroup.js"),i=require("./RadioListItem.js"),t=function(e){var a=e.children,i=e.className,e=e.testId;return r.jsx("div",{className:s.twMerge("flex w-min flex-col gap-3",i),"data-testid":e,children:a})};module.exports=function(s){var n=s.data,d=s.name,l=s.className,u=s.selectedValue,c=s.testId,o=s.onChange,m=s.isDisabled,s=s.isError;return r.jsx(t,{className:l,testId:c,children:r.jsx(a,{name:d,data:n,selectedValue:u,onChange:o,isDisabled:m,isError:s,children:function(s){return r.jsx(i,e.__assign({name:d},s))}})})};
1
+ "use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("tailwind-merge"),a=require("../RadioGroup/RadioGroup.js"),i=require("./RadioListItem.js"),t=function(e){var a=e.children,i=e.className,e=e.testId;return r.jsx("div",{className:s.twMerge("flex w-full flex-col gap-3",i),"data-testid":e,children:a})};module.exports=function(s){var l=s.data,n=s.name,d=s.className,u=s.selectedValue,c=s.testId,o=s.onChange,m=s.isDisabled,s=s.isError;return r.jsx(t,{className:d,testId:c,children:r.jsx(a,{name:n,data:l,selectedValue:u,onChange:o,isDisabled:m,isError:s,children:function(s){return r.jsx(i,e.__assign({name:n},s))}})})};
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var e=require("../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),s=require("react"),r=require("tailwind-merge"),t=require("../../Atoms/Typography/Typography.js"),a=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../Atoms/Radio/Radio.js")),o=(require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),function(s){var t=s.children,a=s.disabled,o=s.className,s=e.__rest(s,["children","disabled","className"]);return i.jsx("label",e.__assign({className:r.twMerge("grid h-min w-min grid-cols-radio-list-item-container grid-rows-radio-list-item-container items-center gap-x-3 gap-y-[2px] grid-areas-radio-list-item-container",a?"cursor-not-allowed":"cursor-pointer",o)},s,{children:t}))});module.exports=function(e){var r=e.name,d=e.value,n=e.label,l=e.description,c=e.isSelected,m=e.isDisabled,m=void 0!==m&&m,u=e.isError,u=void 0!==u&&u,x=e.className,g=e.RadioClassName,e=e.onChange,h=s.useState(!1),j=h[0],b=h[1];return i.jsxs(o,{"data-testid":"design-system-radioList--item",disabled:m,className:x,onMouseOver:function(){b(!0)},onMouseOut:function(){b(!1)},children:[i.jsx("div",{className:"flex cursor-pointer items-center grid-in-radio",children:i.jsx(a,{name:r,value:d,isSelected:c,isHover:j,isError:u,isDisabled:m,onChange:e,className:g})}),i.jsx("div",{className:"flex items-center grid-in-label",children:i.jsx(t,{variant:"body1",className:m?"text-w-gray-300":"text-w-gray-900","data-testid":"design-system-radioList--item-label",children:n})}),l&&i.jsx("div",{className:"flex items-center grid-in-description",children:i.jsx(t,{variant:"body2",className:m?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:l})})]})};
2
+ "use strict";var e=require("../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),s=require("react"),r=require("tailwind-merge"),a=require("../../Atoms/Typography/Typography.js"),t=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),o=require("../../Atoms/Radio/Radio.js"),l=(require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),function(s){var t=s.children,a=s.disabled,o=s.className,l=s.hasDescription,s=e.__rest(s,["children","disabled","className","hasDescription"]);return i.jsx("label",e.__assign({className:r.twMerge("grid h-min grid-cols-radio-list-item-container grid-rows-radio-list-item-container gap-x-3 grid-areas-radio-list-item-container",a?"cursor-not-allowed":"cursor-pointer",l?"gap-y-0.5":"gap-y-0",o)},s,{children:t}))});module.exports=function(e){var d=e.name,n=e.value,c=e.label,m=e.description,u=e.isSelected,g=e.isDisabled,g=void 0!==g&&g,x=e.isError,x=void 0!==x&&x,h=e.className,p=e.RadioClassName,e=e.onChange,j=s.useState(!1),b=j[0],y=j[1];return i.jsxs(l,{"data-testid":"design-system-radioList--item",disabled:g,hasDescription:!!m,className:h,onMouseOver:function(){y(!0)},onMouseOut:function(){y(!1)},children:[i.jsx(t,{className:"flex cursor-pointer pt-1 grid-in-radio",children:i.jsx(o,{name:d,value:n,isSelected:u,isHover:b,isError:x,isDisabled:g,onChange:e,className:p})}),i.jsx(t,{className:"flex w-full items-center grid-in-label",children:i.jsx(a,{variant:"body1",className:r.twMerge("w-full whitespace-normal break-words",g?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-radioList--item-label",children:c})}),m&&i.jsx(t,{className:"flex items-center grid-in-description",children:i.jsx(a,{variant:"body2",className:g?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:m})})]})};
@@ -1,6 +1,7 @@
1
1
  export { default as WithBadge } from './WithBadge';
2
2
  export { default as GridLayout } from './GridLayout';
3
3
  export { default as CheckboxList } from './CheckboxList';
4
+ export { default as CheckboxListItem } from './CheckboxListItem';
4
5
  export { default as CheckboxCard } from './CheckboxCard';
5
6
  export { default as RadioList } from './RadioList';
6
7
  export { default as MessageBox } from './MessageBox';
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("tailwind-merge"),l=require("@wishket/yogokit"),i=require("../../Atoms/Typography/Typography.js"),a=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),o=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("next/link"),require("../../Molecules/InputChip/InputChip.js")),s=require("../../Molecules/AutoCompleteList/AutoCompleteList.js"),u=require("./Autocomplete.utils.js"),c=require("./Autocomplete.parts.js");module.exports=function(d){function p(){M(!1)}function m(t){I(t),B(e.__spreadArray(e.__spreadArray([],R,!0),[t],!1))}function x(t){C(t),B(e.__spreadArray(e.__spreadArray([],R,!0),[t],!1))}function f(){_(v),k(""),B(e.__spreadArray(e.__spreadArray([],R,!0),[v],!1))}var h=d.skillItems,y=d.legacySkillItems,g=d.selectedItems,j=d.onChipDelete,v=d.value,k=d.onValueChange,A=d.placeholder,I=d.onSkillItemClick,C=d.onLegacySkillItemClick,_=d.onInputItemClick,q=d.supportingText,w=d.hasIndexBar,w=void 0!==w&&w,b=d.error,d=d.leadingIcon,S=void 0===d?"medium_plus":d,d=r.useState(!1),D=d[0],M=d[1],d=r.useRef(null),F=r.useRef(null),L=r.useRef(null),N=r.useState([]),R=N[0],B=N[1],N=r.useState(-1),T=N[0],U=N[1],V=u.getSortedSkillItems(h),N=u.getSortedSkillItems(y),E=(l.useClickOutside(d,p),e.__spreadArray(e.__spreadArray(e.__spreadArray([],V.map(function(e){return{type:"static_skill",item:e}}),!0),N.map(function(e){return{type:"legacy",item:e}}),!0),v?[{type:"input",item:v}]:[],!0));return t.jsxs("div",{"data-testid":"design-system-autocomplete-root",className:"flex w-full flex-col gap-3",ref:d,onKeyDown:function(e){if(D)switch(e.key){case"ArrowDown":e.preventDefault(),U(function(e){var e=e<E.length-1?e+1:e,t=L.current;return t&&null!=(t=t.querySelectorAll("li")[e])&&t.scrollIntoView({block:"nearest"}),e});break;case"ArrowUp":e.preventDefault(),U(function(e){var e=0<e?e-1:e,t=L.current;return t&&null!=(t=t.querySelectorAll("li")[e])&&t.scrollIntoView({block:"nearest"}),e});break;case"Enter":var t,r;e.preventDefault(),0<=T&&T<E.length&&(t=(r=E[T]).type,r=r.item,"static_skill"===t?m(r):"legacy"===t?x(r):"input"===t&&f());break;case"Escape":e.preventDefault(),p()}},children:[t.jsxs(a,{className:"relative",children:[t.jsxs(a,{"data-testid":"design-system-autocomplete-chip-input-box",className:n.twMerge("flex w-full flex-wrap gap-3 rounded-xl border border-gray-200 px-4 py-2.5 transition-all duration-300 hover:border-primary-500",D&&"border-primary-500",b&&"border-w-red-500"),children:[g.map(function(e){return t.jsx(o,{onDelete:function(){return j(e)},children:e},e)}),t.jsx("input",{"data-testid":"design-system-autocomplete-input",className:"flex-auto text-w-gray-600 outline-none placeholder:text-w-gray-300",value:v,onChange:function(e){k(e.target.value)},placeholder:A,onClick:function(e){D||M(!D)}})]}),D&&t.jsx(a,{"data-testid":"design-system-autocomplete-list",ref:F,className:"absolute -bottom-1 z-40 w-full translate-y-full transform transition-all",onMouseLeave:function(){0<R.length&&(p(),B([]))},children:t.jsx(s.Root,{hasIndexBar:w,onIndexClick:function(t){var e=V.find(function(e){return e.value.toUpperCase().startsWith(t)});e&&F.current&&(e=F.current.querySelector('[id="item-'.concat(e.value.replace(/ /g,"_"),'"]')))&&e.scrollIntoView()},children:t.jsx("ul",{ref:L,children:t.jsxs(c.WithDivider,{children:[0<h.length&&t.jsx(t.Fragment,{children:V.map(function(e,r){return t.jsx(s.Item,{id:"item-".concat(e.value.replace(/ /g,"_"),"-").concat(r),leadingIcon:S,iconUrl:e.iconUrl,text:e.value,onClick:function(){return m(e)},isFocused:T===r},e.value)})}),0<y.length&&t.jsx(t.Fragment,{children:N.map(function(e,r){return t.jsx(s.Item,{text:e.value,count:e.count,onClick:function(){return x(e)},isFocused:T===V.length+r},"".concat(e.value,"-").concat(r))})}),v&&t.jsx(s.Item,{text:v,isInputItem:!0,onClick:f,isFocused:T===E.length-1})]})})})})]}),q&&t.jsx(i,{variant:"body2",className:n.twMerge("ml-4 text-w-gray-400",b&&"text-w-red-500"),children:q})]})};
1
+ "use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("react"),n=require("tailwind-merge"),l=require("@wishket/yogokit"),a=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),s=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("next/link"),require("../../Molecules/InputChip/InputChip.js")),o=require("../../Molecules/AutoCompleteList/AutoCompleteList.js"),u=require("./Autocomplete.utils.js"),c=require("./Autocomplete.parts.js");module.exports=function(d){function p(){M(!1)}function m(t){I(t),R(e.__spreadArray(e.__spreadArray([],N,!0),[t],!1))}function x(t){C(t),R(e.__spreadArray(e.__spreadArray([],N,!0),[t],!1))}function f(){_(k),v(""),R(e.__spreadArray(e.__spreadArray([],N,!0),[k],!1))}var h=d.skillItems,y=d.legacySkillItems,g=d.selectedItems,j=d.onChipDelete,k=d.value,v=d.onValueChange,A=d.placeholder,I=d.onSkillItemClick,C=d.onLegacySkillItemClick,_=d.onInputItemClick,q=d.supportingText,w=d.hasIndexBar,w=void 0!==w&&w,b=d.error,S=d.leadingIcon,d=r.useState(!1),D=d[0],M=d[1],d=r.useRef(null),F=r.useRef(null),B=r.useRef(null),L=r.useState([]),N=L[0],R=L[1],L=r.useState(-1),T=L[0],U=L[1],V=u.getSortedSkillItems(h),L=u.getSortedSkillItems(y),E=(l.useClickOutside(d,p),e.__spreadArray(e.__spreadArray(e.__spreadArray([],V.map(function(e){return{type:"static_skill",item:e}}),!0),L.map(function(e){return{type:"legacy",item:e}}),!0),k?[{type:"input",item:k}]:[],!0));return t.jsxs("div",{"data-testid":"design-system-autocomplete-root",className:"flex w-full flex-col gap-3",ref:d,onKeyDown:function(e){if(D)switch(e.key){case"ArrowDown":e.preventDefault(),U(function(e){var e=e<E.length-1?e+1:e,t=B.current;return t&&null!=(t=t.querySelectorAll("li")[e])&&t.scrollIntoView({block:"nearest"}),e});break;case"ArrowUp":e.preventDefault(),U(function(e){var e=0<e?e-1:e,t=B.current;return t&&null!=(t=t.querySelectorAll("li")[e])&&t.scrollIntoView({block:"nearest"}),e});break;case"Enter":var t,r;e.preventDefault(),0<=T&&T<E.length?(t=(r=E[T]).type,r=r.item,"static_skill"===t?m(r):"legacy"===t?x(r):"input"===t&&f()):f();break;case"Backspace":k||(e.preventDefault(),j(g[g.length-1]));break;case"Escape":e.preventDefault(),p()}},children:[t.jsxs(i,{className:"relative",children:[t.jsxs(i,{"data-testid":"design-system-autocomplete-chip-input-box",className:n.twMerge("flex w-full flex-wrap gap-3 rounded-xl border border-gray-200 px-4 py-2.5 transition-all duration-300 hover:border-primary-500",D&&"border-primary-500",b&&"border-w-red-500"),children:[g.map(function(e){return t.jsx(s,{onDelete:function(){return j(e)},children:e},e)}),t.jsx("input",{"data-testid":"design-system-autocomplete-input",className:"flex-auto text-w-gray-600 outline-none placeholder:text-w-gray-300",value:k,onChange:function(e){v(e.target.value)},placeholder:A,onClick:function(e){D||M(!D)}})]}),D&&t.jsx(i,{"data-testid":"design-system-autocomplete-list",ref:F,className:"absolute -bottom-1 z-40 w-full translate-y-full transform transition-all",onMouseLeave:function(){0<N.length&&(p(),R([]))},children:t.jsx(o.Root,{hasIndexBar:w,onIndexClick:function(t){var e=V.find(function(e){return e.value.toUpperCase().startsWith(t)});e&&F.current&&(e=F.current.querySelector('[id="item-'.concat(e.value.replace(/ /g,"_"),'"]')))&&e.scrollIntoView()},children:t.jsx("ul",{ref:B,children:t.jsxs(c.WithDivider,{children:[0<h.length&&t.jsx(t.Fragment,{children:V.map(function(e,r){return t.jsx(o.Item,{id:"item-".concat(e.value.replace(/ /g,"_")),leadingIcon:S,iconUrl:e.iconUrl,text:e.value,onClick:function(){return m(e)},isFocused:T===r},e.value)})}),0<y.length&&t.jsx(t.Fragment,{children:L.map(function(e,r){return t.jsx(o.Item,{text:e.value,count:e.count,onClick:function(){return x(e)},isFocused:T===V.length+r},"".concat(e.value,"-").concat(r))})}),k&&t.jsx(o.Item,{text:k,isInputItem:!0,onClick:f,isFocused:T===E.length-1})]})})})})]}),q&&t.jsx(a,{variant:"body2",className:n.twMerge("ml-4 text-w-gray-400",b&&"text-w-red-500"),children:q})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),i=require("../../Atoms/Typography/Typography.js"),a=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),l=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),o=require("../../Atoms/Avatar/Avatar.js"),d=require("../../Atoms/NewBadge/NewBadge.js"),n=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),t.createContext({type:""}));exports.Item=function(l){var o=l.hasNew,o=void 0!==o&&o,c=l.children,m=l.className,l=e.__rest(l,["hasNew","children","className"]),u=t.useContext(n).type;return s.jsxs(a,e.__assign({className:r.twMerge("flex w-full cursor-pointer gap-1 px-4 py-3 hover:bg-primary-10","user"===u&&"px-6",m),"data-testid":"design-system-gnb-list--".concat(u,"-item-").concat(c)},l,{children:[s.jsx(i,{variant:"body1",children:c}),o&&s.jsx(d,{className:"mt-1"})]}))},exports.List=function(e){e=e.children;return s.jsx(a,{className:"w-full text-w-gray-900","data-testid":"design-system-gnb-list--list",children:e})},exports.Root=function(e){var i=e.type,i=void 0===i?"main":i,o=e.children,e=e.className,o=t.Children.map(o,function(e,r){return 0===r?e:s.jsxs(t.Fragment,{children:[s.jsx(l,{className:"my-2"}),e]})});return s.jsxs(n.Provider,{value:{type:i},children:["main"===i&&s.jsxs(a,{className:r.twMerge("absolute flex h-auto w-[200px] overflow-hidden rounded-xl bg-w-white shadow-graymedium",e),"data-testid":"design-system-gnb-list--root-main",children:[s.jsx(a,{className:"m-0 h-auto w-2 bg-gradient-primary-45 p-0","data-testid":"design-system-gnb-list--root-main-sidebar"}),s.jsx(a,{className:"w-full py-[13px]",children:o})]}),"sub"===i&&s.jsx(a,{className:r.twMerge("absolute flex h-auto w-[200px] flex-col overflow-hidden rounded-xl bg-w-white py-[13px] shadow-graymedium ",e),"data-testid":"design-system-gnb-list--root-sub",children:o}),"user"===i&&s.jsx(a,{className:r.twMerge("absolute flex w-full flex-col bg-w-white pb-[14px] pt-[22px] desktop:w-[280px] desktop:rounded-xl desktop:shadow-graymedium",e),"data-testid":"design-system-gnb-list--root-user",children:o})]})},exports.SubList=function(e){e=e.children;return s.jsx(a,{className:"w-full text-w-gray-600","data-testid":"design-system-gnb-list--sub-list",children:e})},exports.UserInfo=function(e){var t=e.imgUrl,r=e.userId,l=e.email,d=e.children,e=e.onClick;return s.jsxs(a,{className:"flex w-full flex-col gap-4 px-6 pb-4",children:[s.jsxs(a,{className:"flex w-full items-center gap-4",children:[s.jsx(o,{size:"lg",isEditable:!0,imgUrl:t,onClick:e}),s.jsxs(a,{className:"flex w-full flex-col gap-0.5",children:[s.jsx(i,{variant:"body1",className:"font-medium text-w-gray-900",children:r}),s.jsx(i,{variant:"body2",className:"text-w-gray-600",children:l})]})]}),d&&s.jsx(a,{className:"flex w-full flex-col gap-2",children:d})]})};
1
+ "use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),a=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),l=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),o=require("../../Atoms/Avatar/Avatar.js"),d=require("../../Atoms/NewBadge/NewBadge.js"),n=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),r.createContext({type:""}));exports.Item=function(l){var o=l.hasNew,o=void 0!==o&&o,c=l.children,m=l.className,l=e.__rest(l,["hasNew","children","className"]),u=r.useContext(n).type;return s.jsxs(i,e.__assign({className:t.twMerge("flex w-full cursor-pointer gap-1 px-4 py-3 hover:bg-primary-10","user"===u&&"px-6",m),"data-testid":"design-system-gnb-list--".concat(u,"-item-").concat(c)},l,{children:[s.jsx(a,{variant:"body1",children:c}),o&&s.jsx(d,{className:"mt-1"})]}))},exports.List=function(e){e=e.children;return s.jsx(i,{className:"w-full text-w-gray-900","data-testid":"design-system-gnb-list--list",children:e})},exports.Root=function(e){var a=e.type,a=void 0===a?"main":a,o=e.children,e=e.className,o=r.Children.map(o,function(e,t){return 0===t?e:s.jsxs(r.Fragment,{children:[s.jsx(l,{className:"my-2"}),e]})});return s.jsxs(n.Provider,{value:{type:a},children:["main"===a&&s.jsxs(i,{className:t.twMerge("absolute flex h-auto w-[200px] overflow-hidden rounded-xl bg-w-white shadow-graymedium",e),"data-testid":"design-system-gnb-list--root-main",children:[s.jsx(i,{className:"m-0 h-auto w-2 bg-gradient-primary-45 p-0","data-testid":"design-system-gnb-list--root-main-sidebar"}),s.jsx(i,{className:"w-full py-[13px]",children:o})]}),"sub"===a&&s.jsx(i,{className:t.twMerge("absolute flex h-auto w-[200px] flex-col overflow-hidden rounded-xl bg-w-white py-[13px] shadow-graymedium ",e),"data-testid":"design-system-gnb-list--root-sub",children:o}),"user"===a&&s.jsx(i,{className:t.twMerge("absolute flex w-full flex-col bg-w-white pb-[14px] pt-[22px] desktop:w-[280px] desktop:rounded-xl desktop:shadow-graymedium",e),"data-testid":"design-system-gnb-list--root-user",children:o})]})},exports.SubList=function(e){e=e.children;return s.jsx(i,{className:"w-full text-w-gray-600","data-testid":"design-system-gnb-list--sub-list",children:e})},exports.UserInfo=function(e){var t=e.imgUrl,r=e.userId,l=e.email,n=e.children,e=e.onClick;return s.jsxs(i,{className:"flex w-full flex-col gap-4 px-6 pb-4",children:[s.jsxs(i,{className:"flex w-full items-center gap-4",children:[s.jsx(o,{size:"lg",isEditable:!0,imgUrl:t,onClick:e}),s.jsxs(i,{className:"flex w-full flex-col gap-0.5",children:[s.jsx(a,{variant:"body1",className:"font-medium text-w-gray-900",children:r}),s.jsx(a,{variant:"body2",className:"line-clamp-2 break-all text-w-gray-600",children:l})]})]}),n&&s.jsx(i,{className:"flex w-full flex-col gap-2",children:n})]})};
@@ -228,16 +228,16 @@ module.exports = {
228
228
  'default-desktop': [
229
229
  'content content content content content content content content content content content content',
230
230
  ],
231
- 'checkbox-list-item-container': ['checkbox label', ' . description'],
232
- 'radio-list-item-container': ['radio label', ' . description'],
231
+ 'checkbox-list-item-container': ['checkbox label', '. description'],
232
+ 'radio-list-item-container': ['radio label', '. description'],
233
233
  },
234
234
  gridTemplateRows: {
235
235
  'checkbox-list-item-container': 'min-content min-content',
236
236
  'radio-list-item-container': 'min-content min-content',
237
237
  },
238
238
  gridTemplateColumns: {
239
- 'checkbox-list-item-container': '18px max-content',
240
- 'radio-list-item-container': '18px max-content',
239
+ 'checkbox-list-item-container': '18px minmax(0, 1fr)',
240
+ 'radio-list-item-container': '18px minmax(0, 1fr)',
241
241
  },
242
242
  keyframes: {
243
243
  rippleOutlineSmall: {
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("./Components/Atoms/Typography/Typography.js"),o=require("./Components/Atoms/Checkbox/Checkbox.js"),t=require("./Components/Atoms/CountBadge/CountBadge.js"),s=require("./Components/Atoms/Box/Box.js"),r=require("./Components/Atoms/ProductIcon/ProductIcon.js"),n=require("./Components/Atoms/Radio/Radio.js"),i=require("./Components/Atoms/Button/Button.js"),p=require("./Components/Atoms/LoadingIndicator/LoadingIndicator.js"),a=require("./Components/Atoms/TextField/TextField.js"),u=require("./Components/Atoms/Divider/Divider.js"),l=require("./Components/Atoms/ServiceLogo/ServiceLogo.js"),m=require("./Components/Atoms/Avatar/Avatar.js"),C=require("./Components/Atoms/Switch/Switch.js"),x=require("./Components/Atoms/SystemIcon/SystemIcon.js"),d=require("./Components/Atoms/NewBadge/NewBadge.js"),c=require("./Components/Atoms/ChoiceChip/ChoiceChip.js"),j=require("./Components/Atoms/Textarea/Textarea.js"),q=require("./Components/Atoms/IconButton/IconButton.js"),g=require("./Components/Atoms/SkillLabel/SkillLabel.js"),B=require("./Components/Atoms/ImageLabel/ImageLabel.js"),h=require("./Components/Atoms/Label/Label.js"),M=require("./Components/Atoms/ModalContext/ModalContext.js"),T=require("./Components/Atoms/BackDrop/BackDrop.js"),A=require("./Components/Atoms/ModalContainer/ModalContainer.js"),L=require("./Components/Atoms/FullModalContainer/FullModalContainer.js"),b=require("./Components/Atoms/BottomModalContainer/BottomModalContainer.js"),S=require("./Components/Atoms/SegmentedControl/SegmentedControl.js"),k=require("./Components/Molecules/WithBadge/WithBadge.js"),R=require("./Components/Molecules/GridLayout/GridLayout.js"),D=require("./Components/Molecules/CheckboxList/CheckboxList.js"),I=require("./Components/Molecules/CheckboxCard/CheckboxCard.js"),w=require("./Components/Molecules/RadioList/RadioList.js"),y=require("./Components/Molecules/MessageBox/MessageBox.js"),O=require("./Components/Molecules/TextButton/TextButton.js"),v=require("./Components/Molecules/InputChip/InputChip.js"),F=require("./Components/Molecules/List/List.js"),G=require("./Components/Molecules/Pagination/Pagination.js"),P=require("./Components/Molecules/Drawer/Drawer.js"),W=require("./Components/Molecules/SnackBar/SnackBar.js"),N=require("./Components/Molecules/PlainTooltip/PlainTooltip.js"),f=require("./Components/Molecules/RichTooltip/RichTooltip.js"),z=require("./Components/Molecules/RangeSlider/RangeSlider.js"),E=require("./Components/Molecules/RadioGroup/RadioGroup.js"),H=require("./Components/Molecules/Modal/Modal.js"),J=require("./Components/Molecules/RadioCard/RadioCard.js"),K=require("./Components/Organisms/TextTab/TextTab.js"),Q=require("./Components/Organisms/GNBList/GNBList.js"),U=require("./Components/Organisms/TextFieldDropdown/TextFieldDropdown.js"),V=require("./Components/Organisms/TextButtonsDropdown/TextButtonsDropdown.js"),X=require("./Components/Organisms/WithSnackBar/WithSnackBar.js"),Y=require("./Components/Organisms/Autocomplete/Autocomplete.js"),Z=require("./Components/Organisms/TableOfContents/TableOfContents.js"),$=require("./Components/Organisms/Dialog/Dialog.js"),_=require("./Components/Organisms/WithRichTooltip/WithRichTooltip.js");exports.Typography=e,exports.Checkbox=o,exports.CountBadge=t,exports.Box=s,exports.ProductIcon=r,exports.Radio=n,exports.Button=i,exports.LoadingIndicator=p,exports.TextField=a,exports.Divider=u,exports.ServiceLogo=l,exports.Avatar=m,exports.Switch=C,exports.SystemIcon=x,exports.NewBadge=d,exports.ChoiceChip=c,exports.Textarea=j,exports.IconButton=q,exports.SkillLabel=g,exports.ImageLabel=B,exports.Label=h,exports.ModalContext=M,exports.BackDrop=T,exports.ModalContainer=A,exports.FullModalContainer=L,exports.BottomModalContainer=b,exports.SegmentedControl=S,exports.WithBadge=k,exports.GridLayout=R,exports.CheckboxList=D,exports.CheckboxCard=I,exports.RadioList=w,exports.MessageBox=y,exports.TextButton=O,exports.InputChip=v,exports.List=F,exports.Pagination=G,exports.Drawer=P,exports.SnackBar=W,exports.PlainTooltip=N,exports.RichTooltip=f,exports.RangeSlider=z,exports.RadioGroup=E,exports.Modal=H,exports.RadioCard=J,exports.TextTab=K,exports.GNBList=Q,exports.TextFieldDropdown=U,exports.TextButtonsDropdown=V,exports.WithSnackBar=X,exports.Autocomplete=Y,exports.TableOfContents=Z,exports.Dialog=$,exports.WithRichTooltip=_;
1
+ "use strict";var e=require("./Components/Atoms/Typography/Typography.js"),o=require("./Components/Atoms/Checkbox/Checkbox.js"),t=require("./Components/Atoms/CountBadge/CountBadge.js"),s=require("./Components/Atoms/Box/Box.js"),r=require("./Components/Atoms/ProductIcon/ProductIcon.js"),n=require("./Components/Atoms/Radio/Radio.js"),i=require("./Components/Atoms/Button/Button.js"),p=require("./Components/Atoms/LoadingIndicator/LoadingIndicator.js"),a=require("./Components/Atoms/TextField/TextField.js"),m=require("./Components/Atoms/Divider/Divider.js"),u=require("./Components/Atoms/ServiceLogo/ServiceLogo.js"),l=require("./Components/Atoms/Avatar/Avatar.js"),C=require("./Components/Atoms/Switch/Switch.js"),x=require("./Components/Atoms/SystemIcon/SystemIcon.js"),d=require("./Components/Atoms/NewBadge/NewBadge.js"),c=require("./Components/Atoms/ChoiceChip/ChoiceChip.js"),j=require("./Components/Atoms/Textarea/Textarea.js"),q=require("./Components/Atoms/IconButton/IconButton.js"),g=require("./Components/Atoms/SkillLabel/SkillLabel.js"),h=require("./Components/Atoms/ImageLabel/ImageLabel.js"),B=require("./Components/Atoms/Label/Label.js"),M=require("./Components/Atoms/ModalContext/ModalContext.js"),T=require("./Components/Atoms/BackDrop/BackDrop.js"),A=require("./Components/Atoms/ModalContainer/ModalContainer.js"),L=require("./Components/Atoms/FullModalContainer/FullModalContainer.js"),b=require("./Components/Atoms/BottomModalContainer/BottomModalContainer.js"),k=require("./Components/Atoms/SegmentedControl/SegmentedControl.js"),S=require("./Components/Molecules/WithBadge/WithBadge.js"),I=require("./Components/Molecules/GridLayout/GridLayout.js"),R=require("./Components/Molecules/CheckboxList/CheckboxList.js"),D=require("./Components/Molecules/CheckboxListItem/CheckboxListItem.js"),w=require("./Components/Molecules/CheckboxCard/CheckboxCard.js"),y=require("./Components/Molecules/RadioList/RadioList.js"),O=require("./Components/Molecules/MessageBox/MessageBox.js"),v=require("./Components/Molecules/TextButton/TextButton.js"),F=require("./Components/Molecules/InputChip/InputChip.js"),G=require("./Components/Molecules/List/List.js"),P=require("./Components/Molecules/Pagination/Pagination.js"),W=require("./Components/Molecules/Drawer/Drawer.js"),N=require("./Components/Molecules/SnackBar/SnackBar.js"),f=require("./Components/Molecules/PlainTooltip/PlainTooltip.js"),z=require("./Components/Molecules/RichTooltip/RichTooltip.js"),E=require("./Components/Molecules/RangeSlider/RangeSlider.js"),H=require("./Components/Molecules/RadioGroup/RadioGroup.js"),J=require("./Components/Molecules/Modal/Modal.js"),K=require("./Components/Molecules/RadioCard/RadioCard.js"),Q=require("./Components/Organisms/TextTab/TextTab.js"),U=require("./Components/Organisms/GNBList/GNBList.js"),V=require("./Components/Organisms/TextFieldDropdown/TextFieldDropdown.js"),X=require("./Components/Organisms/TextButtonsDropdown/TextButtonsDropdown.js"),Y=require("./Components/Organisms/WithSnackBar/WithSnackBar.js"),Z=require("./Components/Organisms/Autocomplete/Autocomplete.js"),$=require("./Components/Organisms/TableOfContents/TableOfContents.js"),_=require("./Components/Organisms/Dialog/Dialog.js"),ee=require("./Components/Organisms/WithRichTooltip/WithRichTooltip.js");exports.Typography=e,exports.Checkbox=o,exports.CountBadge=t,exports.Box=s,exports.ProductIcon=r,exports.Radio=n,exports.Button=i,exports.LoadingIndicator=p,exports.TextField=a,exports.Divider=m,exports.ServiceLogo=u,exports.Avatar=l,exports.Switch=C,exports.SystemIcon=x,exports.NewBadge=d,exports.ChoiceChip=c,exports.Textarea=j,exports.IconButton=q,exports.SkillLabel=g,exports.ImageLabel=h,exports.Label=B,exports.ModalContext=M,exports.BackDrop=T,exports.ModalContainer=A,exports.FullModalContainer=L,exports.BottomModalContainer=b,exports.SegmentedControl=k,exports.WithBadge=S,exports.GridLayout=I,exports.CheckboxList=R,exports.CheckboxListItem=D,exports.CheckboxCard=w,exports.RadioList=y,exports.MessageBox=O,exports.TextButton=v,exports.InputChip=F,exports.List=G,exports.Pagination=P,exports.Drawer=W,exports.SnackBar=N,exports.PlainTooltip=f,exports.RichTooltip=z,exports.RangeSlider=E,exports.RadioGroup=H,exports.Modal=J,exports.RadioCard=K,exports.TextTab=Q,exports.GNBList=U,exports.TextFieldDropdown=V,exports.TextButtonsDropdown=X,exports.WithSnackBar=Y,exports.Autocomplete=Z,exports.TableOfContents=$,exports.Dialog=_,exports.WithRichTooltip=ee;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wishket/design-system",
3
- "version": "1.1.13",
3
+ "version": "1.1.14",
4
4
  "description": "Wishket Design System",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
@@ -1,2 +0,0 @@
1
- 'use client';
2
- "use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),i=require("react"),r=require("tailwind-merge"),t=require("../../Atoms/Typography/Typography.js"),a=require("../../Atoms/Checkbox/Checkbox.js"),o=(require("../../Atoms/Box/Box.js"),require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),function(i){var t=i.children,a=i.disabled,o=i.className,i=e.__rest(i,["children","disabled","className"]);return s.jsx("label",e.__assign({className:r.twMerge("grid h-min w-min grid-cols-checkbox-list-item-container grid-rows-checkbox-list-item-container items-center gap-x-3 gap-y-0.5 grid-areas-checkbox-list-item-container",a?"cursor-not-allowed":"cursor-pointer",o)},i,{children:t}))});module.exports=function(e){var r=e.label,c=e.description,d=e.checked,n=e.disabled,n=void 0!==n&&n,l=e.isError,l=void 0!==l&&l,m=e.className,x=e.CheckboxClassName,e=e.onChange,u=i.useState(!1),h=u[0],b=u[1];return s.jsxs(o,{"data-testid":"design-system-checkboxList--item",disabled:n,className:m,onMouseOver:function(){b(!0)},onMouseOut:function(){b(!1)},children:[s.jsx("div",{className:"flex cursor-pointer items-center justify-center p-px grid-in-checkbox",children:s.jsx(a,{checked:d,isHover:h,isError:l,disabled:n,onChange:e,className:x})}),s.jsx("div",{className:"flex items-center grid-in-label","data-testid":"design-system-checkboxList--item-label-root",children:s.jsx(t,{variant:"body1",className:n?"text-w-gray-300":"text-w-gray-900","data-testid":"design-system-checkboxList--item-label",children:r})}),c&&s.jsx("div",{className:"flex items-center grid-in-description",children:s.jsx(t,{variant:"body2",className:n?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:c})})]})};