@wishket/design-system 0.5.3 → 0.6.0

package/dist/Components/Molecules/RadioList/RadioListItem.js

@@ -1,2 +1,2 @@
 'use client';
-import{__rest as i,__assign as e}from"../../../_virtual/_tslib.js";import{jsxs as a,jsx as r}from"react/jsx-runtime";import{useState as s}from"react";import{twMerge as t}from"tailwind-merge";import d from"../../Atoms/Typography/Typography.js";import o from"../../Atoms/Radio/Radio.js";var n=function(a){var s=a.children,d=a.disabled,o=a.className,a=i(a,["children","disabled","className"]);return r("label",e({className:t("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",d?"cursor-not-allowed":"cursor-pointer",o)},a,{children:s}))},l=function(i){var e=i.name,t=i.value,l=i.label,m=i.description,c=i.checked,g=i.disabled,g=void 0!==g&&g,p=i.isError,p=void 0!==p&&p,u=i.className,h=i.RadioClassName,i=i.onChange,v=s(!1),y=v[0],b=v[1];return a(n,{"data-testid":"design-system-radioList--item",disabled:g,className:u,onMouseOver:function(){b(!0)},onMouseOut:function(){b(!1)},children:[r("div",{className:"cursor-pointer grid-in-radio",children:r(o,{name:e,value:t,checked:c,isHover:y,isError:p,disabled:g,onChange:i,className:h})}),r("div",{className:"grid-in-label",children:r(d,{variant:"body2",className:g?"text-w-gray-300":"text-w-gray-900","data-testid":"design-system-radioList--item-label",children:l})}),m&&r("div",{className:"grid-in-description",children:r(d,{variant:"body3",className:g?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:m})})]})};export{l as default};
+"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/Radio/Radio.js"),d=function(s){var a=s.children,t=s.disabled,d=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",t?"cursor-not-allowed":"cursor-pointer",d)},s,{children:a}))};module.exports=function(e){var r=e.name,n=e.value,o=e.label,l=e.description,c=e.checked,m=e.disabled,m=void 0!==m&&m,u=e.isError,u=void 0!==u&&u,g=e.className,h=e.RadioClassName,e=e.onChange,x=s.useState(!1),v=x[0],y=x[1];return i.jsxs(d,{"data-testid":"design-system-radioList--item",disabled:m,className:g,onMouseOver:function(){y(!0)},onMouseOut:function(){y(!1)},children:[i.jsx("div",{className:"cursor-pointer grid-in-radio",children:i.jsx(t,{name:r,value:n,checked:c,isHover:v,isError:u,disabled:m,onChange:e,className:h})}),i.jsx("div",{className:"grid-in-label",children:i.jsx(a,{variant:"body2",className:m?"text-w-gray-300":"text-w-gray-900","data-testid":"design-system-radioList--item-label",children:o})}),l&&i.jsx("div",{className:"grid-in-description",children:i.jsx(a,{variant:"body3",className:m?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:l})})]})};

package/dist/Components/Molecules/RadioList/index.js

@@ -1 +1 @@
-import o from"./RadioList.js";export{o as default};
+"use strict";var e=require("./RadioList.js");module.exports=e;

package/dist/Components/Molecules/WithBadge/WithBadge.js

@@ -1 +1 @@
-import{jsxs as t,jsx as a}from"react/jsx-runtime";import{twMerge as r}from"tailwind-merge";import"../../../_virtual/_tslib.js";import"react";import e from"../../Atoms/Badge/Badge.js";var i=function(i){var s=i.text,o=i.children,d=i.className,l=i.variant,l=void 0===l?"small":l,m=i.showZero,m=void 0!==m&&m,i=i.disabled,i=void 0!==i&&i;return t("div",{className:r("relative w-fit",d),"data-testid":"with-badge",children:[o,a(e,{text:s,variant:l,disabled:i,showZero:m,className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"})]})};export{i as default};
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=(require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/Badge/Badge.js"));module.exports=function(a){var i=a.text,s=a.children,d=a.className,l=a.variant,l=void 0===l?"small":l,o=a.showZero,o=void 0!==o&&o,a=a.disabled,a=void 0!==a&&a;return e.jsxs("div",{className:r.twMerge("relative w-fit",d),"data-testid":"with-badge",children:[s,e.jsx(t,{text:i,variant:l,disabled:a,showZero:o,className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"})]})};

package/dist/Components/Molecules/WithBadge/index.js

@@ -1 +1 @@
-import t from"./WithBadge.js";export{t as default};
+"use strict";var e=require("./WithBadge.js");module.exports=e;

package/dist/Components/Molecules/index.d.ts

@@ -3,3 +3,4 @@ export { default as GridLayout } from './GridLayout';
 export { default as CheckboxList } from './CheckboxList';
 export { default as CheckboxCard } from './CheckboxCard';
 export { default as RadioList } from './RadioList';
+export { default as IconMessageCard } from './IconMessageCard';

package/dist/Components/Organisms/Modal/Modal.js

@@ -1 +1 @@
-import{Root as o,Trigger as r,Content as t}from"./Modal.parts.js";var a={Root:o,Trigger:r,Content:t};export{a as default};
+"use strict";var r=require("./Modal.parts.js"),t={Root:r.Root,Trigger:r.Trigger,Content:r.Content};module.exports=t;

package/dist/Components/Organisms/Modal/Modal.parts.js

@@ -1,2 +1,2 @@
 'use client';
-import{jsx as e,jsxs as r,Fragment as t}from"react/jsx-runtime";import{twMerge as n}from"tailwind-merge";import{createContext as i,useState as s,useContext as o}from"react";import a from"./hooks/usePreventScroll.js";var d=i({isOpen:!1,setOpen:function(){},hasBackground:!0,isPreventClose:!1,size:"md"}),l=function(t){var r=t.children,n=t.hasBackground,n=void 0===n||n,a=t.isPreventClose,a=void 0!==a&&a,t=t.size,t=void 0===t?"md":t,i=s(!1),o=i[0],c=i[1];return e(d.Provider,{value:{isOpen:o,setOpen:function(){c(function(e){return!e})},hasBackground:n,isPreventClose:a,size:t},children:r})},c=function(t){var s=t.children,t=t.testId,n=o(d),a=n.isOpen,i=n.setOpen,n=n.isPreventClose;return r("div",{"data-testid":t,onClick:i,children:[s,a&&!n&&e(u,{})]})},u=function(){var r=o(d),s=r.isOpen,r=r.hasBackground;return e(t,{children:s&&e("div",{"data-testid":"design-system-modal--background",className:n("fixed left-0 top-0 z-30 h-[100vh] w-[100vw]",r?" bg-black bg-opacity-40":"bg-transparent")})})},p=function(s){var i=s.children,c=s.testId,l=s.role,s=s.className,p=o(d),v=p.isOpen,h=p.size,m=p.hasBackground,p=p.isPreventClose;return a(v),r(t,{children:[v&&p&&e(u,{}),v&&e("div",{role:l,"data-testid":c,className:n("fixed left-[50%] top-[50%] z-40 box-border flex translate-x-[-50%] translate-y-[-50%] items-center justify-center overflow-auto rounded-[30px] bg-w-white px-[15px] py-[15px]",!m&&"shadow-lg","sm"===h&&"h-1/3 w-3/12","md"===h&&"h-1/2 w-1/3","lg"===h&&"h-2/3 w-5/12",s),children:i})]})};export{p as Content,l as Root,c as Trigger};
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("react"),s=require("./hooks/usePreventScroll.js"),n=r.createContext({isOpen:!1,setOpen:function(){},hasBackground:!0,isPreventClose:!1,size:"md"}),i=function(){var s=r.useContext(n),i=s.isOpen,s=s.hasBackground;return e.jsx(e.Fragment,{children:i&&e.jsx("div",{"data-testid":"design-system-modal--background",className:t.twMerge("fixed left-0 top-0 z-30 h-[100vh] w-[100vw]",s?" bg-black bg-opacity-40":"bg-transparent")})})};exports.Content=function(o){var a=o.children,d=o.testId,c=o.role,o=o.className,l=r.useContext(n),u=l.isOpen,x=l.size,v=l.hasBackground,l=l.isPreventClose;return s(u),e.jsxs(e.Fragment,{children:[u&&l&&e.jsx(i,{}),u&&e.jsx("div",{role:c,"data-testid":d,className:t.twMerge("fixed left-[50%] top-[50%] z-40 box-border flex translate-x-[-50%] translate-y-[-50%] items-center justify-center overflow-auto rounded-[30px] bg-w-white px-[15px] py-[15px]",!v&&"shadow-lg","sm"===x&&"h-1/3 w-3/12","md"===x&&"h-1/2 w-1/3","lg"===x&&"h-2/3 w-5/12",o),children:a})]})},exports.Root=function(t){var s=t.children,i=t.hasBackground,i=void 0===i||i,o=t.isPreventClose,o=void 0!==o&&o,t=t.size,t=void 0===t?"md":t,a=r.useState(!1),d=a[0],c=a[1];return e.jsx(n.Provider,{value:{isOpen:d,setOpen:function(){c(function(e){return!e})},hasBackground:i,isPreventClose:o,size:t},children:s})},exports.Trigger=function(t){var s=t.children,t=t.testId,o=r.useContext(n),a=o.isOpen,d=o.setOpen,o=o.isPreventClose;return e.jsxs("div",{"data-testid":t,onClick:d,children:[s,a&&!o&&e.jsx(i,{})]})};

package/dist/Components/Organisms/Modal/hooks/usePreventScroll.js

@@ -1,2 +1,2 @@
 'use client';
-import{useEffect as o}from"react";var t=function(e){o(function(){var t,o;if(e)return o=window.scrollY,document.body.style.position="fixed",document.body.style.width="100%",document.body.style.top="-".concat(o,"px"),document.body.style.overflowY="scroll",t=o,function(){var o=t;document.body.style.position="",document.body.style.width="",document.body.style.top="",document.body.style.overflowY="",window.scrollTo(0,o)}},[e])};export{t as default};
+"use strict";var o=require("react");module.exports=function(e){o.useEffect(function(){var t,o;if(e)return o=window.scrollY,document.body.style.position="fixed",document.body.style.width="100%",document.body.style.top="-".concat(o,"px"),document.body.style.overflowY="scroll",t=o,function(){var o=t;document.body.style.position="",document.body.style.width="",document.body.style.top="",document.body.style.overflowY="",window.scrollTo(0,o)}},[e])};

package/dist/Components/Organisms/Modal/index.js

@@ -1 +1 @@
-import o from"./Modal.js";export{o as default};
+"use strict";var e=require("./Modal.js");module.exports=e;

package/dist/_virtual/_tslib.js

@@ -1 +1 @@
-var r=function(){return(r=Object.assign||function(r){for(var t,e=1,n=arguments.length;e<n;e++)for(var o in t=arguments[e])Object.prototype.hasOwnProperty.call(t,o)&&(r[o]=t[o]);return r}).apply(this,arguments)};function t(r,t){var e={};for(o in r)Object.prototype.hasOwnProperty.call(r,o)&&t.indexOf(o)<0&&(e[o]=r[o]);if(null!=r&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,o=Object.getOwnPropertySymbols(r);n<o.length;n++)t.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(r,o[n])&&(e[o[n]]=r[o[n]]);return e}export{r as __assign,t as __rest};
+"use strict";exports.__assign=function(){return exports.__assign=Object.assign||function(t){for(var r,e=1,n=arguments.length;e<n;e++)for(var o in r=arguments[e])Object.prototype.hasOwnProperty.call(r,o)&&(t[o]=r[o]);return t},exports.__assign.apply(this,arguments)},exports.__rest=function(t,r){var e={};for(o in t)Object.prototype.hasOwnProperty.call(t,o)&&r.indexOf(o)<0&&(e[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols)for(var n=0,o=Object.getOwnPropertySymbols(t);n<o.length;n++)r.indexOf(o[n])<0&&Object.prototype.propertyIsEnumerable.call(t,o[n])&&(e[o[n]]=t[o[n]]);return e};

package/dist/index.js

@@ -1 +1 @@
-export{default as Typography}from"./Components/Atoms/Typography/Typography.js";export{default as Checkbox}from"./Components/Atoms/Checkbox/Checkbox.js";export{default as Badge}from"./Components/Atoms/Badge/Badge.js";export{default as Box}from"./Components/Atoms/Box/Box.js";export{default as ProductIcon}from"./Components/Atoms/ProductIcon/ProductIcon.js";export{default as Radio}from"./Components/Atoms/Radio/Radio.js";export{default as Button}from"./Components/Atoms/Button/Button.js";export{default as LoadingIndicator}from"./Components/Atoms/LoadingIndicator/LoadingIndicator.js";export{default as TextInput}from"./Components/Atoms/TextInput/TextInput.js";export{default as WithBadge}from"./Components/Molecules/WithBadge/WithBadge.js";export{default as GridLayout}from"./Components/Molecules/GridLayout/GridLayout.js";export{default as CheckboxList}from"./Components/Molecules/CheckboxList/CheckboxList.js";export{default as CheckboxCard}from"./Components/Molecules/CheckboxCard/CheckboxCard.js";export{default as RadioList}from"./Components/Molecules/RadioList/RadioList.js";export{default as Modal}from"./Components/Organisms/Modal/Modal.js";
+"use strict";var o=require("./Components/Atoms/Typography/Typography.js"),e=require("./Components/Atoms/Checkbox/Checkbox.js"),s=require("./Components/Atoms/Badge/Badge.js"),r=require("./Components/Atoms/Box/Box.js"),t=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/TextInput/TextInput.js"),u=require("./Components/Atoms/Divider/Divider.js"),d=require("./Components/Atoms/ServiceLogo/ServiceLogo.js"),x=require("./Components/Molecules/WithBadge/WithBadge.js"),C=require("./Components/Molecules/GridLayout/GridLayout.js"),c=require("./Components/Molecules/CheckboxList/CheckboxList.js"),m=require("./Components/Molecules/CheckboxCard/CheckboxCard.js"),g=require("./Components/Molecules/RadioList/RadioList.js"),j=require("./Components/Molecules/IconMessageCard/IconMessageCard.js"),q=require("./Components/Organisms/Modal/Modal.js");exports.Typography=o,exports.Checkbox=e,exports.Badge=s,exports.Box=r,exports.ProductIcon=t,exports.Radio=n,exports.Button=i,exports.LoadingIndicator=p,exports.TextInput=a,exports.Divider=u,exports.ServiceLogo=d,exports.WithBadge=x,exports.GridLayout=C,exports.CheckboxList=c,exports.CheckboxCard=m,exports.RadioList=g,exports.IconMessageCard=j,exports.Modal=q;

package/dist/types/checkbox.types.d.ts

@@ -3,4 +3,5 @@ export interface CheckboxStatus {
     checked?: boolean;
     isError?: boolean;
     isHover?: boolean;
+    isFocused?: boolean;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishket/design-system",
-  "version": "0.5.3",
+  "version": "0.6.0",
   "description": "Wishket Design System",
   "main": "dist/index.js",
   "module": "dist/index.es.js",