@wishket/design-system 1.1.8 → 1.1.10

package/dist/Components/Atoms/Checkbox/Checkbox.js

@@ -1,2 +1,2 @@
 'use client';
-"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;
+"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")})]})},t=function(e){var a=e.type,s=e.disabled,t=e.checked,t=void 0!==t&&t,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",s&&!t?"border-w-gray-200 bg-w-gray-50 cursor-not-allowed":s&&t&&!d?"bg-primary-100 border-primary-100 cursor-not-allowed":s&&t&&d?"bg-w-gray-200 border-w-gray-200 cursor-not-allowed":t&&l&&!d?"bg-primary-500 border-primary-500":t||!l||d?!t||s||d?t||s||!d?t&&!s&&d?"border-w-red-500 bg-w-red-500":!c||s||t||d?"hover:border-primary-500 border-w-gray-200 bg-white":"border-primary-500":"border-w-red-500 bg-w-white":"bg-primary-500 border-primary-500":"border-primary-500",e),role:"checkbox-button",children:r.jsx(i,{checked:t})})},s=a.forwardRef(function(o,i){var s=o.checked,d=void 0!==s&&s,c=o.onChange,s=o.disabled,l=void 0!==s&&s,s=o.isError,s=void 0!==s&&s,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(t,{checked:h,disabled:l,isError:s,isHover:n,isFocused:w,type:u,className:b})]})});s.displayName="Checkbox",module.exports=s;

package/dist/Components/Atoms/CountBadge/CountBadge.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge");module.exports=function(t){var r=t.text,s=t.className,i=t.variant,n=void 0===i?"primary":i,i=t.showZero,t=!(void 0!==i&&i)&&0==r||""===r,i=99<Number(r)?"99+":r,r={baseClass:"absolute box-border flex min-h-4 w-fit min-w-4 select-none items-center justify-center rounded-full px-1 py-px text-[11px] font-normal leading-[14px] tracking-[0.48px]",matchedVariantClass:null==(r=[{name:"primary",className:"text-w-white bg-primary"},{name:"white_primary",className:"text-primary bg-w-white"},{name:"white_gray",className:"text-w-gray-600 bg-w-white"},{name:"gray",className:"text-w-gray-600 bg-w-gray-200"}].find(function(e){return e.name===n}))?void 0:r.className,hiddenClass:t&&"hidden"};return e.jsx("span",{"data-testid":"design-system-count-badge",className:a.twMerge(r.baseClass,r.matchedVariantClass,r.hiddenClass,s),children:i})};
+"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge");module.exports=function(t){var r=t.text,s=t.className,n=t.variant,i=void 0===n?"primary":n,n=t.showZero,t=!(void 0!==n&&n)&&0==r||""===r,n=99<Number(r)?"99+":r,r={baseClass:"absolute box-border flex min-h-4 w-fit min-w-4 select-none items-center justify-center rounded-full px-1 py-px text-[11px] font-normal tracking-normal leading-none",matchedVariantClass:null==(r=[{name:"primary",className:"text-w-white bg-primary"},{name:"white_primary",className:"text-primary bg-w-white"},{name:"white_gray",className:"text-w-gray-600 bg-w-white"},{name:"gray",className:"text-w-gray-600 bg-w-gray-200"}].find(function(e){return e.name===i}))?void 0:r.className,hiddenClass:t&&"hidden"};return e.jsx("span",{"data-testid":"design-system-count-badge",className:a.twMerge(r.baseClass,r.matchedVariantClass,r.hiddenClass,s),children:n})};

package/dist/Components/Atoms/Divider/Divider.d.ts

@@ -1,6 +1,7 @@
 export interface DividerProps {
     isVertical?: boolean;
+    isSub?: boolean;
     className?: string;
 }
-declare const Divider: ({ isVertical, className }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+declare const Divider: ({ isVertical, isSub, className, }: DividerProps) => import("react/jsx-runtime").JSX.Element;
 export default Divider;

package/dist/Components/Atoms/Divider/Divider.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");module.exports=function(i){var s=i.isVertical,i=i.className;return e.jsx("div",{"data-testid":"design-system-divider",className:r.twMerge("flex-shrink-0 bg-w-gray-200",void 0!==s&&s?"h-full w-px":"h-px w-full",i)})};
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");module.exports=function(i){var s=i.isVertical,t=i.isSub,i=i.className;return e.jsx("div",{"data-testid":"design-system-divider",className:r.twMerge("flex-shrink-0",void 0!==s&&s?"h-full w-px":"h-px w-full",void 0!==t&&t?"bg-w-gray-100":"bg-w-gray-200",i)})};

package/dist/Components/Atoms/Divider/Divider.stories.d.ts

@@ -1,14 +1,9 @@
-import type { StoryObj } from '@storybook/react';
-import { DividerProps } from './Divider';
-declare const meta: {
-    title: string;
-    component: ({ isVertical, className }: DividerProps) => import("react/jsx-runtime").JSX.Element;
-    decorators: (Story: import("@storybook/types").PartialStoryFn<import("@storybook/react/dist/types-0fc72a6d").R, {
-        isVertical?: boolean | undefined;
-        className?: string | undefined;
-    }>) => import("react/jsx-runtime").JSX.Element;
-    argTypes: {};
-};
+import { Meta, StoryObj } from '@storybook/react';
+import Divider from './Divider';
+declare const meta: Meta<typeof Divider>;
 export default meta;
-type Story = StoryObj<DividerProps>;
+type Story = StoryObj<typeof Divider>;
 export declare const Default: Story;
+export declare const Vertical: Story;
+export declare const Sub: Story;
+export declare const VerticalAndSub: Story;

package/dist/Components/Atoms/Typography/Typography.js

@@ -1 +1 @@
-"use strict";var t=require("../../../_virtual/_tslib.js"),e=require("react/jsx-runtime"),s=require("tailwind-merge"),a=[{name:"title1",class:"text-title1"},{name:"title2",class:"text-title2"},{name:"title3",class:"text-title3"},{name:"subTitle1",class:"text-subTitle1"},{name:"subTitle2",class:"text-subTitle2"},{name:"contents1",class:"text-contents1"},{name:"contents2",class:"text-contents2"},{name:"body1",class:"text-body1"},{name:"body2",class:"text-body2"},{name:"body3",class:"text-body3"},{name:"caption1",class:"text-caption1"},{name:"caption2",class:"text-caption2"}];module.exports=function(n){var l=n.children,i=n.variant,c=n.className,n=t.__rest(n,["children","variant","className"]),r=(null==(r=a.find(function(t){return t.name===i}))?void 0:r.class)||"";return e.jsx("span",t.__assign({className:s.twJoin(r,c)},n,{children:l}))};
+"use strict";var t=require("../../../_virtual/_tslib.js"),e=require("react/jsx-runtime"),s=require("tailwind-merge"),a=[{name:"title1",class:"text-title1"},{name:"title2",class:"text-title2"},{name:"title3",class:"text-title3"},{name:"subTitle1",class:"text-subTitle1"},{name:"subTitle2",class:"text-subTitle2"},{name:"contents1",class:"text-contents1"},{name:"contents2",class:"text-contents2"},{name:"body1",class:"text-body1"},{name:"body2",class:"text-body2"},{name:"body3",class:"text-body3"},{name:"caption1",class:"text-caption1"},{name:"caption2",class:"text-caption2"}];module.exports=function(n){var i=n.children,l=n.variant,c=n.className,n=t.__rest(n,["children","variant","className"]),r=(null==(r=a.find(function(t){return t.name===l}))?void 0:r.class)||"";return e.jsx("span",t.__assign({className:s.twJoin("tracking-[0.48px]",r,c)},n,{children:i}))};

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

@@ -1,10 +1,11 @@
+import { PropsWithChildren } from 'react';
 import { ProductIconName } from '../../Atoms/ProductIcon/ProductIcon.types';
 import { ExternalLink } from './MessageBox.types';
-interface MessageBoxProps {
+interface MessageBoxProps extends PropsWithChildren {
     icon?: ProductIconName;
     title?: string;
-    links?: ExternalLink[];
     description?: string;
+    links?: ExternalLink[];
 }
-declare const MessageBox: ({ icon, title, description, links }: MessageBoxProps) => import("react/jsx-runtime").JSX.Element;
+declare const MessageBox: ({ icon, title, description, children, links, }: MessageBoxProps) => import("react/jsx-runtime").JSX.Element;
 export default MessageBox;

package/dist/Components/Molecules/MessageBox/MessageBox.js

@@ -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("../../Atoms/Radio/Radio.js"),require("react"),require("../../../_virtual/_tslib.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),a=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),require("./MessageBox.parts.js"));module.exports=function(o){var l=o.icon,n=o.title,d=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}),d&&e.jsx(s,{variant:"body1",className:"whitespace-pre-line font-normal text-w-gray-600","data-testid":"design-system-message-box--description",children:d})]})]}),o&&0<o.length&&e.jsxs(e.Fragment,{children:[e.jsx(t,{}),e.jsx(a.ExternalLinks,{links:o})]})]})};
+"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("../../Atoms/Radio/Radio.js"),require("react"),require("../../../_virtual/_tslib.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),a=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),require("./MessageBox.parts.js"));module.exports=function(o){var l=o.icon,n=o.title,d=o.description,c=o.children,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}),d&&e.jsx(s,{variant:"body1",className:"whitespace-pre-line font-normal text-w-gray-600","data-testid":"design-system-message-box--description",children:d}),c]})]}),o&&0<o.length&&e.jsxs(e.Fragment,{children:[e.jsx(t,{}),e.jsx(a.ExternalLinks,{links:o})]})]})};

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

@@ -3,6 +3,8 @@ export interface TooltipProps extends ComponentProps<'div'> {
     variant?: 'up' | 'down' | 'left' | 'right';
     text?: string;
     children?: ReactNode;
+    disabled?: boolean;
+    tooltipClassName?: string;
 }
-declare const PlainTooltip: ({ variant, text, children, className, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+declare const PlainTooltip: ({ variant, text, children, className, disabled, tooltipClassName, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export default PlainTooltip;

package/dist/Components/Molecules/PlainTooltip/PlainTooltip.js

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),a=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),s=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),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"),require("./PlainTooltip.parts.js"));module.exports=function(o){var i=o.variant,i=void 0===i?"up":i,l=o.text,n=o.children,o=o.className;return e.jsx(a,{"data-testid":"design-system-plain-toolTip",className:t.twMerge("relative inline-block",o),children:e.jsxs(a,{"data-testid":"design-system-plain-toolTip--child",className:"group relative",children:[n,e.jsxs(a,{className:t.twMerge("pointer-events-none absolute z-10 w-max transform select-none opacity-0 transition-all duration-500 ease-in-out","group-hover:pointer-events-auto group-hover:opacity-100","up"===i&&"bottom-full left-1/2 mb-2 -translate-x-1/2 translate-y-4 group-hover:translate-y-0","down"===i&&"left-1/2 top-full mt-2 -translate-x-1/2 -translate-y-4 group-hover:translate-y-0","left"===i&&"right-full top-1/2 mr-2 -translate-x-0 -translate-y-1/2 group-hover:-translate-x-4","right"===i&&"left-full top-1/2 ml-2 -translate-y-1/2 translate-x-0 group-hover:translate-x-4"),"data-testid":"design-system-plain-toolTip--container",children:[e.jsx(s.Arrow,{testId:"design-system-plain-toolTip--arrow",className:t.twMerge("absolute z-10 transform","up"===i&&"-bottom-[7px] left-1/2 -translate-x-1/2 -rotate-90","down"===i&&"-top-[7px] left-1/2 -translate-x-1/2 rotate-90","left"===i&&"-right-[5px] top-1/2 -translate-y-1/2 rotate-180","right"===i&&"-left-[5px] top-1/2 -translate-y-1/2 rotate-0")}),e.jsx(a,{className:"z-0 flex h-auto min-h-[28px] w-full items-center justify-center rounded-lg bg-w-black px-3 py-1 text-center",children:e.jsx(r,{variant:"body3",className:"whitespace-pre text-wrap break-all font-medium text-w-white opacity-100",children:l})})]})]})})};
+"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),a=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),o=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),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"),require("./PlainTooltip.parts.js"));module.exports=function(s){var i=s.variant,i=void 0===i?"up":i,l=s.text,n=s.children,p=s.className,u=s.disabled,u=void 0!==u&&u,s=s.tooltipClassName;return e.jsx(a,{"data-testid":"design-system-plain-toolTip",className:t.twMerge("inline-block",p),children:e.jsxs(a,{"data-testid":"design-system-plain-toolTip--child",className:"group relative",children:[n,!u&&e.jsxs(a,{className:t.twMerge("pointer-events-none absolute z-10 w-max select-none opacity-0 transition-all duration-500 ease-in-out","group-hover:pointer-events-auto group-hover:opacity-100","up"===i&&"bottom-full left-1/2 -translate-x-1/2 group-hover:-translate-y-3","down"===i&&"left-1/2 top-full -translate-x-1/2 group-hover:translate-y-3","left"===i&&"right-full top-1/2 -translate-y-1/2 group-hover:-translate-x-3","right"===i&&"left-full top-1/2 -translate-y-1/2 group-hover:translate-x-3",s),"data-testid":"design-system-plain-toolTip--container",children:[e.jsx(o.Arrow,{testId:"design-system-plain-toolTip--arrow",className:t.twMerge("absolute z-10","up"===i&&"-bottom-[7px] left-1/2 -translate-x-1/2 -rotate-90","down"===i&&"-top-[7px] left-1/2 -translate-x-1/2 rotate-90","left"===i&&"-right-[5px] top-1/2 -translate-y-1/2 rotate-180","right"===i&&"-left-[5px] top-1/2 -translate-y-1/2 rotate-0")}),e.jsx(a,{className:"z-0 flex h-auto min-h-[28px] w-full items-center justify-center rounded-lg bg-w-black px-3 py-1 text-center",children:e.jsx(r,{variant:"body3",className:"whitespace-pre text-wrap break-all font-medium text-w-white opacity-100",children:l})})]})]})})};

package/dist/Components/Molecules/PlainTooltip/PlainTooltip.stories.d.ts

@@ -1,7 +1,7 @@
 import type { StoryObj } from '@storybook/react';
 declare const meta: {
     title: string;
-    component: ({ variant, text, children, className, }: import("./PlainTooltip").TooltipProps) => import("react/jsx-runtime").JSX.Element;
+    component: ({ variant, text, children, className, disabled, tooltipClassName, }: import("./PlainTooltip").TooltipProps) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     argTypes: {
         variant: {

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

@@ -1,5 +1,8 @@
 import { ComponentProps } from 'react';
 export interface RangeSliderProps extends Omit<ComponentProps<'input'>, 'value' | 'size' | 'onChange'> {
+    min?: number;
+    max?: number;
+    step?: number;
     variant?: 'single' | 'dual';
     size?: 'sm' | 'md';
     value?: {

package/dist/Components/Molecules/RangeSlider/RangeSlider.js

@@ -1 +1 @@
-"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("tailwind-merge"),r=require("react"),a=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),i=(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"),"\n  [&::-moz-range-thumb]:pointer-events-auto\n  [&::-moz-range-thumb]:mr-2\n  [&::-moz-range-thumb]:-translate-x-1/4\n  [&::-moz-range-thumb]:transform\n  [&::-moz-range-thumb]:appearance-none\n  [&::-moz-range-thumb]:rounded-full\n  [&::-moz-range-thumb]:border\n  [&::-moz-range-thumb]:border-w-gray-200\n  [&::-moz-range-thumb]:bg-transparent\n  [&::-moz-range-thumb]:bg-white\n  [&::-moz-range-thumb]:shadow-graymedium\n  [&::-moz-range-thumb]:outline\n  [&::-moz-range-thumb]:ring-1\n  [&::-moz-range-thumb]:ring-inset\n  [&::-moz-range-thumb]:ring-w-gray-200\n  [&::-moz-range-thumb]:transition-all  \n  [&::-moz-range-thumb]:duration-150\n  [&::-moz-range-thumb]:ease-in-out\n  [&::-moz-range-thumb]:dark:bg-w-white\n\n  [&::-webkit-slider-thumb]:pointer-events-auto\n  [&::-webkit-slider-thumb]:mr-2\n  [&::-webkit-slider-thumb]:-translate-x-1/4\n  [&::-webkit-slider-thumb]:transform\n  [&::-webkit-slider-thumb]:appearance-none\n  [&::-webkit-slider-thumb]:rounded-full\n  [&::-webkit-slider-thumb]:border\n  [&::-webkit-slider-thumb]:border-w-gray-200\n  [&::-webkit-slider-thumb]:bg-transparent\n  [&::-webkit-slider-thumb]:bg-white\n  [&::-webkit-slider-thumb]:shadow-graymedium\n  [&::-webkit-slider-thumb]:outline\n  [&::-webkit-slider-thumb]:ring-1\n  [&::-webkit-slider-thumb]:ring-inset\n  [&::-webkit-slider-thumb]:ring-w-gray-200\n  [&::-webkit-slider-thumb]:transition-all  \n  [&::-webkit-slider-thumb]:duration-150\n  [&::-webkit-slider-thumb]:ease-in-out\n  [&::-webkit-slider-thumb]:dark:bg-w-white\n  ");module.exports=function(s){function m(t,n){var r=(a="min"===n)?"start":"end",a=a?Math.min(Number(t.target.value),x.max-1):Math.max(Number(t.target.value),x.min+1);k(r),z(e.__assign(e.__assign({},x),((t={})[n]=a,t))),null!=w&&w(e.__assign(e.__assign({},x),((r={})[n]=a,r)))}function u(){return"sm"===d?i+"[&::-moz-range-thumb]:h-4 [&::-moz-range-thumb]:w-4 [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4":i+"[&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:w-5 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:w-5"}var o=s.variant,o=void 0===o?"single":o,l=s.size,d=void 0===l?"sm":l,l=s.step,l=void 0===l?10:l,b=s.value,b=void 0===b?{min:0,max:0}:b,g=s.min,g=void 0===g?0:g,h=s.max,h=void 0===h?100:h,w=s.onChange,p=s.className,s=e.__rest(s,["variant","size","step","value","min","max","onChange","className"]),o="dual"===o,c=b.min,b=b.max,c=r.useState({min:o?c:0,max:b}),x=c[0],z=c[1],b=r.useState("end"),c=b[0],k=b[1],b=Math.floor(Number(h)/Number(l))+1;return t.jsxs(a,{className:n.twMerge("relative px-1",p),"data-testid":"design-system-rangeSlider",children:[o&&t.jsx("input",e.__assign({"data-testid":"design-system-rangeSlider--start-thumb-input",type:"range",min:g,max:h,step:l,value:x.min,onInput:function(e){return m(e,"min")},className:n.twMerge("pointer-events-none absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",u(),"start"===c&&"z-50")},s)),t.jsx("input",e.__assign({"data-testid":"design-system-rangeSlider--end-thumb-input",type:"range",min:g,max:h,value:x.max,onInput:function(e){return m(e,"max")},step:l,className:n.twMerge("pointer-events-auto absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",u(),o&&"pointer-events-none","end"===c&&"z-50")},s)),t.jsxs(a,{"data-testid":"design-system-rangeSlider--container",className:n.twMerge("relative overflow-hidden","sm"===d&&"h-1 rounded-sm","md"===d&&"h-2 rounded"),children:["md"===d&&t.jsx(a,{className:"absolute z-20 flex h-2 w-full items-center justify-between bg-transparent p-0.5",children:e.__spreadArray([],Array(b),!0).map(function(e,n){return t.jsx(a,{"data-testid":"design-system-rangeSlider--unit-dot",className:"size-1 rounded-full bg-w-white"},n)})}),t.jsx(a,{className:"absolute left-0 top-0 z-0 h-full w-full bg-w-gray-50","data-testid":"design-system-rangeSlider--rail"}),t.jsx(a,{className:"absolute left-0 top-0 z-10 h-full bg-primary","data-testid":"design-system-rangeSlider--fill-track",style:{width:"".concat(o?x.max-x.min:x.max,"%"),left:o?"".concat(x.min,"%"):0}})]})]})};
+"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("tailwind-merge"),r=require("react"),a=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),i=(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"),"\n  [&::-moz-range-thumb]:pointer-events-auto\n  [&::-moz-range-thumb]:mr-2\n  [&::-moz-range-thumb]:-translate-x-1/4\n  [&::-moz-range-thumb]:transform\n  [&::-moz-range-thumb]:appearance-none\n  [&::-moz-range-thumb]:rounded-full\n  [&::-moz-range-thumb]:border\n  [&::-moz-range-thumb]:border-w-gray-200\n  [&::-moz-range-thumb]:bg-transparent\n  [&::-moz-range-thumb]:bg-white\n  [&::-moz-range-thumb]:shadow-graymedium\n  [&::-moz-range-thumb]:outline\n  [&::-moz-range-thumb]:ring-1\n  [&::-moz-range-thumb]:ring-inset\n  [&::-moz-range-thumb]:ring-w-gray-200\n  [&::-moz-range-thumb]:transition-all\n  [&::-moz-range-thumb]:duration-150\n  [&::-moz-range-thumb]:ease-in-out\n  [&::-moz-range-thumb]:dark:bg-w-white\n\n  [&::-webkit-slider-thumb]:pointer-events-auto\n  [&::-webkit-slider-thumb]:mr-2\n  [&::-webkit-slider-thumb]:-translate-x-1/4\n  [&::-webkit-slider-thumb]:transform\n  [&::-webkit-slider-thumb]:appearance-none\n  [&::-webkit-slider-thumb]:rounded-full\n  [&::-webkit-slider-thumb]:border\n  [&::-webkit-slider-thumb]:border-w-gray-200\n  [&::-webkit-slider-thumb]:bg-transparent\n  [&::-webkit-slider-thumb]:bg-white\n  [&::-webkit-slider-thumb]:shadow-graymedium\n  [&::-webkit-slider-thumb]:outline\n  [&::-webkit-slider-thumb]:ring-1\n  [&::-webkit-slider-thumb]:ring-inset\n  [&::-webkit-slider-thumb]:ring-w-gray-200\n  [&::-webkit-slider-thumb]:transition-all\n  [&::-webkit-slider-thumb]:duration-150\n  [&::-webkit-slider-thumb]:ease-in-out\n  [&::-webkit-slider-thumb]:dark:bg-w-white\n  ");module.exports=function(s){function m(e){return c===w?0:(e-w)/(c-w)*100}function u(t,n){var r="min"===n,a=r?"start":"end",t=Number(t.target.value),i=r?Math.min(t,z.max-g):Math.max(t,z.min+g);v(a),k(function(t){return e.__assign(e.__assign({},t),((t={})[n]=i,t))}),null!=p&&p(e.__assign(e.__assign({},z),((r={})[n]=i,r)))}function o(){return"sm"===b?i+"[&::-moz-range-thumb]:h-4 [&::-moz-range-thumb]:w-4 [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4":i+"[&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:w-5 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:w-5"}var l=s.variant,l=void 0===l?"single":l,d=s.size,b=void 0===d?"sm":d,d=s.step,g=void 0===d?10:d,d=s.value,h=void 0===d?{min:0,max:0}:d,d=s.min,w=void 0===d?0:d,d=s.max,c=void 0===d?100:d,p=s.onChange,d=s.className,s=e.__rest(s,["variant","size","step","value","min","max","onChange","className"]),l="dual"===l,x=h.min,f=h.max,x=r.useState({min:l?x:0,max:f}),z=x[0],k=x[1],f=r.useState("end"),x=f[0],v=f[1],f=Math.floor(Number(c)/Number(g))+1;return r.useEffect(function(){k(e.__assign(e.__assign({},z),{max:h.max}))},[h.max]),t.jsxs(a,{className:n.twMerge("relative px-1",d),"data-testid":"design-system-rangeSlider",children:[l&&t.jsx("input",e.__assign({"data-testid":"design-system-rangeSlider--start-thumb-input",type:"range",min:w,max:c,step:g,value:z.min,onInput:function(e){return u(e,"min")},className:n.twMerge("pointer-events-none absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",o(),"start"===x&&"z-50")},s)),t.jsx("input",e.__assign({"data-testid":"design-system-rangeSlider--end-thumb-input",type:"range",min:w,max:c,value:z.max,onInput:function(e){return u(e,"max")},step:g,className:n.twMerge("pointer-events-auto absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",o(),l&&"pointer-events-none","end"===x&&"z-50")},s)),t.jsxs(a,{"data-testid":"design-system-rangeSlider--container",className:n.twMerge("relative overflow-hidden","sm"===b&&"h-1 rounded-sm","md"===b&&"h-2 rounded"),children:["md"===b&&t.jsx(a,{className:"absolute z-20 flex h-2 w-full items-center justify-between bg-transparent p-0.5",children:e.__spreadArray([],Array(f),!0).map(function(e,n){return t.jsx(a,{"data-testid":"design-system-rangeSlider--unit-dot",className:"size-1 rounded-full bg-w-white"},n)})}),t.jsx(a,{className:"absolute left-0 top-0 z-0 h-full w-full bg-w-gray-50","data-testid":"design-system-rangeSlider--rail"}),t.jsx(a,{className:"absolute left-0 top-0 z-10 h-full bg-primary","data-testid":"design-system-rangeSlider--fill-track",style:{width:"".concat(l?m(z.max)-m(z.min):m(z.max),"%"),left:l?"".concat(m(z.min),"%"):0}})]})]})};

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

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/CountBadge/CountBadge.js")),s=require("../../Atoms/Box/Box.js"),a=(require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/NewBadge/NewBadge.js"));require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),module.exports=function(i){var o=i.text,u=i.children,l=i.className,m=i.variant,m=void 0===m?"primary":m,i=i.showZero,i=void 0!==i&&i;return e.jsxs(s,{className:r.twMerge("relative w-fit",l),"data-testid":"with-badge",children:[u,"new"===m?e.jsx(a,{className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"}):e.jsx(t,{text:o,variant:m,showZero:i,className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"})]})};
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/CountBadge/CountBadge.js")),s=require("../../Atoms/Box/Box.js"),a=(require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/NewBadge/NewBadge.js"));require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("@wishket/yogokit"),module.exports=function(i){var o=i.text,u=i.children,l=i.className,m=i.variant,m=void 0===m?"primary":m,i=i.showZero,i=void 0!==i&&i;return e.jsxs(s,{className:r.twMerge("relative w-fit",l),"data-testid":"with-badge",children:[u,"new"===m?e.jsx(a,{className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"}):e.jsx(t,{text:o,variant:m,showZero:i,className:"absolute right-px top-px -translate-y-1/2 translate-x-1/2 transform"})]})};

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

@@ -1 +1 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("../../Molecules/AutoCompleteList/AutoCompleteList.js");exports.WithDivider=function(i){var i=i.children,n=r.Children.toArray(i).filter(Boolean);return e.jsx(e.Fragment,{children:n.map(function(r,i){i=n.length-1===i;return e.jsxs(e.Fragment,{children:[r,!i&&e.jsx(t.Divider,{})]})})})};
+"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("../../Molecules/AutoCompleteList/AutoCompleteList.js");exports.WithDivider=function(i){var i=i.children,u=r.Children.toArray(i).filter(Boolean);return e.jsx(e.Fragment,{children:u.map(function(i,n){var s=u.length-1===n;return e.jsxs(r.Fragment,{children:[i,!s&&e.jsx(t.Divider,{})]},n)})})};

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

@@ -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"),n=require("../../Atoms/NewBadge/NewBadge.js"),d=(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(d).type;return s.jsx(a,e.__assign({className:r.twMerge("h-10 w-full cursor-pointer px-4 py-2 hover:bg-primary-10","user"===u&&"px-6",m),"data-testid":"design-system-gnb-list--".concat(u,"-item-").concat(c)},l,{children:s.jsxs(i,{variant:"body2",className:"relative text-inherit",children:[c,o&&s.jsx(n,{className:"absolute -right-2 top-0"})]})}))},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(d.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 gap-4",children:[s.jsx(o,{size:"lg",isEditable:!0,imgUrl:t,onClick:e}),s.jsxs(a,{className:"flex w-full flex-col gap-1",children:[s.jsx(i,{variant:"body2",className:"min-h-6 font-medium text-w-gray-900",children:r}),s.jsx(i,{variant:"body3",className:"min-h-5 text-w-gray-600",children:l})]})]}),d&&s.jsx(a,{className:"flex w-full flex-col gap-2",children:d})]})};
+"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})]})};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishket/design-system",
-  "version": "1.1.8",
+  "version": "1.1.10",
   "description": "Wishket Design System",
   "main": "dist/index.js",
   "module": "dist/index.es.js",
@@ -21,7 +21,7 @@
   },
   "dependencies": {
     "@savvywombat/tailwindcss-grid-areas": "^4.0.0",
-    "@wishket/yogokit": "^0.1.1",
+    "@wishket/yogokit": "^0.1.3",
     "next": "14.0.4",
     "react": "^18",
     "react-dom": "^18",