@wishket/design-system 0.14.0 → 0.15.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Components/Atoms/Avatar/Avatar.js +2 -1
- package/dist/Components/Atoms/Button/Button.parts.js +1 -1
- package/dist/Components/Atoms/Button/Button.types.d.ts +1 -1
- package/dist/Components/Atoms/Checkbox/Checkbox.js +1 -1
- package/dist/Components/Atoms/IconButton/IconButton.js +1 -1
- package/dist/Components/Atoms/ModalContext/ModalContext.d.ts +10 -0
- package/dist/Components/Atoms/ModalContext/ModalContext.js +1 -0
- package/dist/Components/{Organisms/Modal/Modal.parts.d.ts → Atoms/ModalContext/ModalContext.parts.d.ts} +1 -1
- package/dist/Components/Atoms/ModalContext/ModalContext.parts.js +2 -0
- package/dist/Components/{Organisms/Modal/Modal.stories.d.ts → Atoms/ModalContext/ModalContext.stories.d.ts} +3 -4
- package/dist/Components/Atoms/ModalContext/index.d.ts +2 -0
- package/dist/Components/Atoms/ModalContext/index.js +1 -0
- package/dist/Components/Atoms/Radio/Radio.js +1 -1
- package/dist/Components/Atoms/SkillChip/SkillChip.parts.js +1 -1
- package/dist/Components/Atoms/Switch/Switch.js +1 -1
- package/dist/Components/Atoms/SystemIcon/Icons/Medium/MediumMinus.d.ts +3 -0
- package/dist/Components/Atoms/SystemIcon/Icons/Medium/MediumMinus.js +1 -0
- package/dist/Components/Atoms/SystemIcon/Icons/Medium/index.d.ts +1 -0
- package/dist/Components/Atoms/SystemIcon/Icons/Small/SmallCamera.js +1 -1
- package/dist/Components/Atoms/SystemIcon/SystemIcon.constants.d.ts +2 -2
- package/dist/Components/Atoms/SystemIcon/SystemIcon.constants.js +1 -1
- package/dist/Components/Atoms/TextField/TextField.js +1 -1
- package/dist/Components/Atoms/TextField/TextField.stories.d.ts +3 -1
- package/dist/Components/Atoms/TextField/TextField.types.d.ts +1 -0
- package/dist/Components/Atoms/TextField/parts/InputContainer.js +1 -1
- package/dist/Components/Atoms/TextField/parts/SupportContainer.d.ts +1 -1
- package/dist/Components/Atoms/TextField/parts/SupportContainer.js +1 -1
- package/dist/Components/Atoms/TextLabel/TextLabel.js +1 -0
- package/dist/Components/Atoms/TextLabel/index.js +1 -0
- package/dist/Components/Atoms/TextLabel/parts/Ai.js +1 -0
- package/dist/Components/Atoms/TextLabel/parts/Beta.js +1 -0
- package/dist/Components/Atoms/TextLabel/parts/New.js +1 -0
- package/dist/Components/Atoms/TextLabel/parts/NewCircle.js +1 -0
- package/dist/Components/Atoms/TextLabel/parts/Premium.js +1 -0
- package/dist/Components/Atoms/TextLabel/parts/Pro.js +1 -0
- package/dist/Components/Atoms/Textarea/Textarea.js +1 -1
- package/dist/Components/Atoms/Typography/Typography.js +1 -1
- package/dist/Components/Atoms/Typography/Typography.types.d.ts +1 -1
- package/dist/Components/Atoms/index.d.ts +2 -0
- package/dist/Components/Molecules/CheckboxCard/CheckboxCard.js +1 -1
- package/dist/Components/Molecules/CheckboxCard/CheckboxCard.parts.js +1 -1
- package/dist/Components/Molecules/CheckboxList/CheckboxListItem.js +1 -1
- package/dist/Components/Molecules/Drawer/Drawer.js +1 -1
- package/dist/Components/Molecules/List/List.d.ts +1 -1
- package/dist/Components/Molecules/List/List.js +1 -1
- package/dist/Components/Molecules/MessageBar/MessageBar.js +1 -1
- package/dist/Components/Molecules/MessageBox/MessageBox.js +1 -1
- package/dist/Components/Molecules/MessageBox/MessageBox.parts.js +1 -1
- package/dist/Components/Molecules/Pagination/Pagination.parts.js +1 -1
- package/dist/Components/Molecules/RadioList/RadioListItem.js +1 -1
- package/dist/Components/Molecules/TextButton/TextButton.js +1 -1
- package/dist/Components/Molecules/WithBadge/WithBadge.js +1 -1
- package/dist/Components/Organisms/GNBList/GNBList.parts.js +1 -1
- package/dist/Components/Organisms/SelectDropdown/SelectDropdown.js +1 -1
- package/dist/Components/Organisms/SelectDropdown/SelectDropdown.parts.js +1 -1
- package/dist/Components/Organisms/TextButtonsDropdown/TextButtonsDropdown.js +1 -1
- package/dist/Components/Organisms/TextButtonsDropdown/TextButtonsDropdown.parts.js +1 -1
- package/dist/Components/Organisms/TextTab/TextTab.parts.js +1 -1
- package/dist/Components/Organisms/WithMessageBar/WithMessageBar.js +1 -1
- package/dist/Components/Organisms/index.d.ts +0 -1
- package/dist/config/tailwind.config.js +18 -3
- package/dist/index.js +1 -1
- package/package.json +1 -1
- package/dist/Components/Organisms/Modal/Modal.d.ts +0 -10
- package/dist/Components/Organisms/Modal/Modal.js +0 -1
- package/dist/Components/Organisms/Modal/Modal.parts.js +0 -2
- package/dist/Components/Organisms/Modal/hooks/index.d.ts +0 -1
- package/dist/Components/Organisms/Modal/hooks/usePreventScroll.d.ts +0 -2
- package/dist/Components/Organisms/Modal/hooks/usePreventScroll.js +0 -2
- package/dist/Components/Organisms/Modal/index.d.ts +0 -2
- package/dist/Components/Organisms/Modal/index.js +0 -1
- /package/dist/Components/{Organisms/Modal/Modal.types.d.ts → Atoms/ModalContext/ModalContext.types.d.ts} +0 -0
|
@@ -1 +1,2 @@
|
|
|
1
|
-
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("../Box/Box.js"),a=require("../Typography/Typography.js"),s=require("../SystemIcon/SystemIcon.js");module.exports=function(r){function n(e,t){return{sm:{container:"size-[22px]",char:"caption1",editButton:"hidden"},md:{container:"size-8",char:"body1",editButton:"size-4"},lg:{container:"size-12",char:"title3",editButton:"size-5"},xl:{container:"size-20",char:"title2",editButton:"size-6"}}[e][t]}var l=r.size,l=void 0===l?"md":l,o=r.name,d=r.imgUrl,c=r.isEditable,c=void 0!==c&&c,r=r.onClick,u=null==o?void 0:o.slice(0,1),m=!d&&o;return e.jsxs(i,{className:t.twMerge("relative z-0 h-fit w-fit",c&&"cursor-pointer"),onClick:r,children:[e.jsxs(i,{"data-testid":"design-system-avatar--container",className:t.twMerge(n(l,"container"),"flex items-center justify-center overflow-hidden rounded-full outline outline-1 -outline-offset-1 outline-w-gray-200",o&&"bg-w-primary"),children:[d&&e.jsx("img",{src:d,alt:"",width:80,height:80,className:"h-full w-full","data-testid":"design-system-avatar--image"}),m&&e.jsx(a,{variant:n(l,"char"),className:"text-w-white",children:u}),!o&&!d&&e.jsx(s,{name:"large_user_image_avatar",className:"h-full w-full",testId:"design-system-avatar--default-image"})]}),!m&&c&&e.jsx(i,{className:t.twMerge("absolute bottom-0 right-0 z-10 flex items-center justify-center rounded-full bg-w-white shadow-graysmall",n(l,"editButton")),"data-testid":"design-system-avatar--edit-button",children:e.jsx(s,{name:"small_camera",solid:!0,className:t.twJoin("md"===l&&"size-3"),testId:"design-system-avatar--edit-button-icon"})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),i=require("tailwind-merge"),r=require("../SystemIcon/SystemIcon.js"),t=require("../CountBadge/CountBadge.js");exports.ButtonContainer=function(n){function o(){return"solid"===d&&h?"text-w-white":"outline_filled"===d&&h||h?"text-primary-100":"solid"===d?"text-w-white":"text-primary-500"}var l=n.rounded,a=n.size,s=n.type,d=n.variant,u=n.children,p=n.leadingIcon,m=n.isLeadingIconSolid,m=void 0!==m&&m,x=n.trailingIcon,g=n.isTrailingIconSolid,g=void 0!==g&&g,y=n.badgeNumber,y=void 0===y?"":y,c=n.className,h=n.disabled,n=n.onClick;return e.jsxs("button",{className:i.twMerge("box-border flex w-fit cursor-pointer items-center justify-center outline outline-1 -outline-offset-1","outlined"===d&&l?"rounded-full":"rounded-xl","sm"===a?"h-[36px] py-1.5 px-3 text-sm leading-6 gap-x-1":"lg"===a?"h-[60px] py-[15px] px-6 text-[20px] leading-[30px] gap-x-2 ":"h-[50px] py-3 px-4 text-base leading-[26px] gap-x-1.5",o(),"solid"===d?"bg-primary-500 outline-primary-500 hover:outline-primary-700 hover:bg-primary-700":"outline_filled"===d?"bg-primary-10 outline-primary-200 hover:outline-primary-500":"bg-w-white outline-w-gray-200 hover:outline-primary-500",h&&"cursor-not-allowed",h&&("solid"===d?"bg-primary-100 outline-primary-100 hover:bg-primary-100 hover:outline-primary-100":"outline_filled"===d?"bg-primary-10 outline-primary-200 hover:outline-primary-200":"bg-w-white outline-w-gray-200 hover:outline-w-gray-200"),c),onClick:n,disabled:h,type:s,children:[p&&e.jsx(r,{name:p,solid:m,testId:"design-system-button--leading-icon",className:i.twMerge("flex-shrink-0","sm"===a?"size-[14px]":"size-4",o())}),u,x&&e.jsx(r,{name:x,solid:g,testId:"design-system-button--trailing-icon",className:i.twMerge("flex-shrink-0","sm"===a?"size-[14px]":"size-4",o())}),y&&e.jsx(t,{text:y,className:"relative flex-shrink-0"})]})};
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { ComponentPropsWithRef } from 'react';
|
|
2
2
|
import { SystemIconName } from '../SystemIcon/SystemIcon.types';
|
|
3
3
|
type ButtonSizeType = 'sm' | 'md' | 'lg';
|
|
4
|
-
type ButtonVariantType = 'outlined' | 'solid' | '
|
|
4
|
+
type ButtonVariantType = 'outlined' | 'solid' | 'outline_filled';
|
|
5
5
|
export interface ButtonProps extends ComponentPropsWithRef<'button'> {
|
|
6
6
|
size?: ButtonSizeType;
|
|
7
7
|
variant?: ButtonVariantType;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("react"),t=require("tailwind-merge"),o=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:t.twMerge("absolute left-[4px] top-[5.95px] h-[2px] origin-top-left rotate-45 rounded bg-white transition-[width] duration-100 ease-linear",e?"w-[5.25px]":"w-0")}),r.jsx("div",{className:t.twMerge("absolute left-[5.5px] top-[9.7px] h-[2px] origin-top-left -rotate-45 rounded bg-white transition-[width] duration-100 ease-linear",e?"w-[8.25px] delay-100":"w-0 delay-0")})]})},a=function(e){var i=e.type,a=e.disabled,s=e.checked,s=void 0!==s&&s,l=e.isError,n=e.isHover,d=e.isFocused,e=e.className;return r.jsx("div",{className:t.twMerge("relative m-px box-border size-4 cursor-pointer outline outline-1 -outline-offset-1","circle"===i?"rounded-full":"rounded",a&&!s?"outline-w-gray-200 bg-w-gray-50 cursor-not-allowed":a&&s&&!l?"bg-primary-100 outline-primary-100 cursor-not-allowed":a&&s&&l?"bg-w-gray-200 outline-w-gray-200 cursor-not-allowed":s&&d&&!l?"bg-primary-500 outline-primary-500":s||!d||l?!s||a||l?s||a||!l?s&&!a&&l?"outline-w-red-500 bg-w-red-500":!n||a||s||l?"hover:outline-primary-500 outline-w-gray-200 bg-white":"outline-primary-500":"outline-w-red-500":"bg-primary-500 outline-primary-500":"outline-primary-500",e),role:"checkbox-button",children:r.jsx(o,{checked:s})})},s=i.forwardRef(function(t,o){var s=t.checked,l=void 0!==s&&s,n=t.onChange,s=t.disabled,d=void 0!==s&&s,s=t.isError,s=void 0!==s&&s,c=t.isHover,c=void 0!==c&&c,u=t.type,u=void 0===u?"box":u,p=t.className,t=e.__rest(t,["checked","onChange","disabled","isError","isHover","type","className"]),b=i.useState(l),h=b[0],g=b[1],b=i.useState(!1),w=b[0],x=b[1],b=(i.useEffect(function(){g(l)},[l]),i.useCallback(function(e){d||n&&(n(e),g(e.target.checked),e.target.checked||x(!1))},[n,d]));return r.jsxs("label",{"data-testid":"design-system-checkbox",className:"flex size-fit",children:[r.jsx("input",e.__assign({ref:o,className:"absolute h-0 w-0 opacity-0",type:"checkbox",checked:h,onChange:b,onFocus:function(){x(!0)},onBlur:function(){x(!1)},disabled:d},t)),r.jsx(a,{checked:h,disabled:d,isError:s,isHover:c,isFocused:w,type:u,className:p})]})});s.displayName="Checkbox",module.exports=s;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),n=require("tailwind-merge"),r=require("../Box/Box.js");module.exports=function(s){var u=s.size,u=void 0===u?"md":u,l=s.outline,l=void 0!==l&&l,o=s.children,a=s.onClick,s=e.__rest(s,["size","outline","children","onClick"]),c=i.useState(!1),d=c[0],m=c[1],f=i.useRef(null);return i.useEffect(function(){return function(){f.current&&clearTimeout(f.current)}},[]),t.jsxs("button",e.__assign({"data-testid":"design-system-icon-button",type:"button",className:n.twMerge("relative z-10 flex cursor-pointer items-center justify-center rounded-xl bg-transparent outline outline-1 -outline-offset-1","sm"===u?"size-6 rounded-lg":"md"===u?"size-9":"lg"===u?"size-[50px]":void 0,l?"outline-w-gray-200 overflow-hidden":"outline-transparent"),onClick:function(e){null!=a&&a(e),m(!0),f.current&&clearTimeout(f.current),f.current=setTimeout(function(){m(!1)},300)}},s,{children:[d&&t.jsx(r,{"data-testid":"design-system-icon-button--ripple",className:n.twMerge("absolute z-0 h-full w-full bg-w-gray-50",l&&"sm"===u?"animate-[rippleOutlineSmall_0.3s_ease-in-out_infinite]":l?"animate-[rippleOutline_0.3s_ease-in-out_infinite]":"animate-[ripple_0.3s_ease-in-out_infinite]")}),t.jsx(r,{"data-testid":"design-system-icon-button--icon",className:n.twMerge("z-10 flex items-center justify-center"),children:o})]}))};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { ModalRootProps } from './ModalContext.types';
|
|
2
|
+
export interface ModalProps extends ModalRootProps {
|
|
3
|
+
isPreventClose?: boolean;
|
|
4
|
+
}
|
|
5
|
+
declare const ModalContext: {
|
|
6
|
+
Root: ({ children, hasBackground, isPreventClose, size, }: ModalRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
Trigger: ({ children, testId }: import("./ModalContext.types").ModalTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
+
Content: ({ children, testId, role, className, }: import("./ModalContext.types").ModalContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
};
|
|
10
|
+
export default ModalContext;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var t=require("./ModalContext.parts.js"),e={Root:t.Root,Trigger:t.Trigger,Content:t.Content};module.exports=e;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { ModalContentProps, ModalRootProps, ModalTriggerProps } from './
|
|
1
|
+
import { ModalContentProps, ModalRootProps, ModalTriggerProps } from './ModalContext.types';
|
|
2
2
|
export declare const Root: ({ children, hasBackground, isPreventClose, size, }: ModalRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export declare const Trigger: ({ children, testId }: ModalTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
4
4
|
export declare const Content: ({ children, testId, role, className, }: ModalContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),s=require("react"),r=require("@wishket/yogokit"),n=s.createContext({isOpen:!1,setOpen:function(){},hasBackground:!0,isPreventClose:!1,size:"md"}),i=function(){var r=s.useContext(n),i=r.isOpen,r=r.hasBackground;return e.jsx(e.Fragment,{children:i&&e.jsx("div",{"data-testid":"design-system-modalContext--background",className:t.twMerge("fixed left-0 top-0 z-30 h-[100vh] w-[100vw]",r?" bg-black bg-opacity-50":"bg-transparent")})})};exports.Content=function(o){var a=o.children,d=o.testId,l=o.role,o=o.className,c=s.useContext(n),u=c.isOpen,x=c.size,c=c.isPreventClose;return r.usePreventScroll(),e.jsxs(e.Fragment,{children:[u&&c&&e.jsx(i,{}),u&&e.jsx("div",{role:l,"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-3xl bg-w-white px-[15px] py-[15px] shadow-modal","sm"===x&&"size-[400px]","md"===x&&"size-[500px]","lg"===x&&"size-[600px]","xl"===x&&"size-[1000px]",o),children:a})]})},exports.Root=function(t){var r=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=s.useState(!1),d=a[0],l=a[1];return e.jsx(n.Provider,{value:{isOpen:d,setOpen:function(){l(function(e){return!e})},hasBackground:i,isPreventClose:o,size:t},children:r})},exports.Trigger=function(t){var r=t.children,t=t.testId,o=s.useContext(n),a=o.isOpen,d=o.setOpen,o=o.isPreventClose;return e.jsxs("div",{"data-testid":t,onClick:d,children:[r,a&&!o&&e.jsx(i,{})]})};
|
|
@@ -1,9 +1,8 @@
|
|
|
1
1
|
import type { StoryObj } from '@storybook/react';
|
|
2
|
-
import
|
|
3
|
-
import Modal from '.';
|
|
2
|
+
import ModalContext from './ModalContext';
|
|
4
3
|
declare const meta: {
|
|
5
4
|
title: string;
|
|
6
|
-
component: ({ children,
|
|
5
|
+
component: ({ children, hasBackground, isPreventClose, size, }: import("./ModalContext.types").ModalRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
6
|
argTypes: {
|
|
8
7
|
hasBackground: {
|
|
9
8
|
control: string;
|
|
@@ -18,5 +17,5 @@ declare const meta: {
|
|
|
18
17
|
};
|
|
19
18
|
};
|
|
20
19
|
export default meta;
|
|
21
|
-
type Story = StoryObj<typeof
|
|
20
|
+
type Story = StoryObj<typeof ModalContext.Root>;
|
|
22
21
|
export declare const Default: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("./ModalContext.js");module.exports=e;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),s=function(e){var s=e.disabled,a=e.checked,a=void 0!==a&&a,l=e.isError,o=e.isHover,e=e.className;return r.jsx("div",{className:i.twMerge("relative box-border flex h-[18px] w-[18px] items-center justify-center rounded-full p-[5px] outline outline-1 -outline-offset-1",s?"bg-w-gray-50 outline-w-gray-200 cursor-not-allowed":a&&!l?"bg-w-white outline-primary-500":a&&l?"bg-w-white outline-w-red-500":!a&&l?"outline-w-red-500":!o||s||a||l?"bg-white outline-w-gray-200 hover:outline-primary-500 cursor-pointer":"outline-primary-500",e),role:"radio-button",children:r.jsx("div",{className:i.twMerge("h-full w-full rounded-full bg-w-primary transition-all duration-100 ease-in-out",!a&&"h-0 w-0",l&&"bg-w-red-500",s&&"bg-w-gray-200")})})};module.exports=function(i){var a=i.value,a=void 0===a?"":a,l=i.checked,l=void 0!==l&&l,o=i.disabled,o=void 0!==o&&o,t=i.isError,t=void 0!==t&&t,d=i.isHover,d=void 0!==d&&d,u=i.className,i=e.__rest(i,["value","checked","disabled","isError","isHover","className"]);return r.jsxs("label",{"data-testid":"design-system-radio",className:"cursor-pointer",children:[r.jsx("input",e.__assign({type:"radio",className:"hidden",value:a,checked:l,disabled:o},i)),r.jsx(s,{checked:l,isError:t,isHover:d,disabled:o,className:u})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("../Box/Box.js"),s=require("../Typography/Typography.js");exports.Icon=function(t){var s=t.className,t=t.iconUrl;return e.jsx("img",{"data-testid":"design-system-skill-chip--icon",src:t,alt:"icon",width:24,height:24,className:r.twMerge("size-6 shrink-0 rounded-full object-cover",s)})},exports.Root=function(s){var i=s.children,s=s.className;return e.jsx(t,{"data-testid":"design-system-skill-chip",className:r.twMerge("flex h-9 w-fit shrink-0 select-none items-center gap-1 rounded-xl py-1.5 pl-2 pr-4 outline outline-1 -outline-offset-1 outline-gray-200",s),children:i})},exports.Text=function(t){var i=t.children,t=t.className;return e.jsx(s,{variant:"body2",className:r.twMerge("text-w-gray-900",t),children:i})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),a=require("tailwind-merge");module.exports=function(r){var t=r.className,l=r.checked,i=r.disabled,r=e.__rest(r,["className","checked","disabled"]),c={baseClass:"peer relative h-4 w-8 rounded-full bg-w-gray-300 box-border",circleClass:"after:absolute after:start-[-4px] after:top-[-2px] after:size-5 after:rounded-full after:
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),a=require("tailwind-merge");module.exports=function(r){var t=r.className,l=r.checked,i=r.disabled,r=e.__rest(r,["className","checked","disabled"]),c={baseClass:"peer relative h-4 w-8 rounded-full bg-w-gray-300 box-border",circleClass:"after:absolute after:start-[-4px] after:top-[-2px] after:size-5 after:rounded-full after:outline after:outline-1 after:-outline-offset-1 after:outline-gray-200 after:bg-w-white after:transition-all after:content-[''] box-border",checkedClass:"bg-primary after:translate-x-full after:translate-x-full after:start-[-4px]",disabledClass:a.twMerge("cursor-not-allowed",l?"bg-primary-100":"bg-w-gray-100")};return s.jsxs("label",{className:"inline-block cursor-pointer","data-testid":"design-system-switch",children:[s.jsx("input",e.__assign({type:"checkbox",className:"peer sr-only",checked:l,disabled:i},r)),s.jsx("div",{"data-testid":"design-system-switch-css-element",className:a.twMerge(c.baseClass,c.circleClass,l&&c.checkedClass,i&&c.disabledClass,t)})]})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime");module.exports=function(i){var l=i.testId,r=i.className,i=i.solid;return e.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"16",height:"16",viewBox:"0 0 16 16",fill:"none","data-testid":l,className:r,children:i?e.jsxs(e.Fragment,{children:[e.jsxs("g",{clipPath:"url(#clip0_4947_9207)",children:[e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M8 -6.99382e-07C3.58172 -1.08564e-06 1.08564e-06 3.58172 6.99382e-07 8C3.13124e-07 12.4183 3.58172 16 8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 -3.13124e-07 8 -6.99382e-07Z",fill:"currentColor"}),e.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M4.30005 7.99999C4.30005 7.61339 4.61345 7.29999 5.00005 7.29999H11C11.3866 7.29999 11.7 7.61339 11.7 7.99999C11.7 8.38659 11.3866 8.69999 11 8.69999H5.00005C4.61345 8.69999 4.30005 8.38659 4.30005 7.99999Z",fill:"white"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_4947_9207",children:e.jsx("rect",{width:"16",height:"16",fill:"white"})})})]}):e.jsxs(e.Fragment,{children:[e.jsxs("g",{clipPath:"url(#clip0_4947_9200)",children:[e.jsx("circle",{cx:"8",cy:"8",r:"7.3",transform:"rotate(-180 8 8)",stroke:"currentColor",strokeWidth:"1.4",strokeLinejoin:"round"}),e.jsx("path",{d:"M5 8H11",stroke:"currentColor",strokeWidth:"1.4",strokeLinecap:"round"})]}),e.jsx("defs",{children:e.jsx("clipPath",{id:"clip0_4947_9200",children:e.jsx("rect",{width:"16",height:"16",fill:"white"})})})]})})};
|
|
@@ -40,3 +40,4 @@ export { default as MediumPopular } from './MediumPopular';
|
|
|
40
40
|
export { default as MediumScrap } from './MediumScrap';
|
|
41
41
|
export { default as MediumLink } from './MediumLink';
|
|
42
42
|
export { default as MediumSearch } from './MediumSearch';
|
|
43
|
+
export { default as MediumMinus } from './MediumMinus';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var C=require("react/jsx-runtime");module.exports=function(e){var t=e.testId,l=e.className,e=e.solid;return C.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","data-testid":t,className:l,children:e?C.jsxs(C.Fragment,{children:[C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.
|
|
1
|
+
"use strict";var C=require("react/jsx-runtime");module.exports=function(e){var t=e.testId,l=e.className,e=e.solid;return C.jsx("svg",{xmlns:"http://www.w3.org/2000/svg",width:"14",height:"14",viewBox:"0 0 14 14",fill:"none","data-testid":t,className:l,children:e?C.jsxs(C.Fragment,{children:[C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M3.35706 11.8001C2.83174 11.8001 2.31844 11.6262 1.92849 11.2728C1.53096 10.9127 1.30005 10.3994 1.30005 9.81028V5.099C1.30005 4.65613 1.4212 4.23394 1.693 3.8838C1.96308 3.5359 2.34038 3.31243 2.76183 3.19053L2.76697 3.18904C2.99005 3.12636 3.21259 3.12685 3.33575 3.12711C3.34323 3.12712 3.35034 3.12714 3.35706 3.12714H4.20838C4.21609 3.10617 4.22238 3.09021 4.22816 3.07176L4.23139 3.06141L4.23495 3.05117C4.4528 2.42375 4.93338 2.06829 5.52106 1.94302C5.71562 1.89967 5.90019 1.8999 6.00861 1.90004C6.01448 1.90005 6.02013 1.90006 6.02555 1.90006H8.01098C8.42212 1.90006 8.98542 1.97479 9.41169 2.46108L9.41764 2.46787L9.42342 2.47481C9.5412 2.61639 9.64219 2.77688 9.7195 2.93768C9.75379 3.00279 9.77908 3.0649 9.79805 3.11828C10.1522 3.11874 10.5162 3.12141 10.8818 3.13671L10.8942 3.13722C11.3697 3.16557 11.7953 3.36534 12.125 3.676L12.1304 3.6811L12.1357 3.68632C12.4678 4.01293 12.6698 4.45279 12.6987 4.92159L12.7 4.9431V9.81028C12.7 10.441 12.4557 11.014 11.8873 11.4192L11.8811 11.4236L11.8749 11.4279C11.5244 11.6665 11.1053 11.8001 10.6704 11.8001H3.35706Z",fill:"currentColor"}),C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.1331 7.25752C5.15132 8.28756 6.01653 9.10262 7.05478 9.08471C7.55569 9.07575 8.02928 8.86975 8.36626 8.52043C8.71234 8.17112 8.9036 7.69641 8.89449 7.20378C8.87627 6.19167 8.02017 5.40347 6.97281 5.42138C5.95278 5.43929 5.11489 6.28123 5.1331 7.25752Z",fill:"white"})]}):C.jsxs(C.Fragment,{children:[C.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M5.1331 7.25746C5.15132 8.28749 6.01653 9.10256 7.05478 9.08465C7.55569 9.07569 8.02928 8.86969 8.36626 8.52037C8.71234 8.17106 8.9036 7.69635 8.89449 7.20372C8.87627 6.1916 8.02017 5.40341 6.97281 5.42132C5.95278 5.43923 5.11489 6.28117 5.1331 7.25746Z",stroke:"currentColor",strokeWidth:"1.4",strokeMiterlimit:"10"}),C.jsx("path",{d:"M7.00911 11.1C5.78871 11.1 4.57741 11.1 3.35701 11.1C2.6102 11.1 2 10.6074 2 9.8102C2 8.2338 2 6.66636 2 5.09892C2 4.47195 2.33698 4.04202 2.95628 3.86288C3.08379 3.82706 3.2204 3.82706 3.35701 3.82706C3.74863 3.82706 4.14025 3.82706 4.53188 3.82706C4.6776 3.82706 4.75046 3.77332 4.77778 3.63896C4.8051 3.51357 4.85974 3.39713 4.89617 3.28069C5.02368 2.91346 5.2878 2.70746 5.67031 2.62685C5.78871 2.59998 5.9071 2.59998 6.0255 2.59998C6.69035 2.59998 7.35519 2.59998 8.01093 2.59998C8.34791 2.59998 8.65756 2.66267 8.88525 2.92242C8.96721 3.02095 9.04007 3.13738 9.09472 3.25382C9.14936 3.35235 9.16758 3.45983 9.20401 3.56731C9.28597 3.85393 9.27687 3.8181 9.56831 3.8181C9.99636 3.8181 10.4244 3.8181 10.8525 3.83601C11.153 3.85393 11.4262 3.97932 11.6448 4.18533C11.8543 4.39133 11.9818 4.669 12 4.96457C12 5.00935 12 5.05414 12 5.09892C12 6.66636 12 8.24276 12 9.8102C12 10.2401 11.8452 10.5894 11.4809 10.8492C11.2441 11.0104 10.9617 11.1 10.6703 11.1C9.4408 11.1 8.21129 11.1 6.99089 11.1",stroke:"currentColor",strokeWidth:"1.4",strokeMiterlimit:"10"})]})})};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SystemIconPartProps } from './SystemIcon.types';
|
|
3
3
|
export declare const SmallSystemIconNames: readonly ["small_check", "small_plus", "small_delete", "small_arrow_left", "small_arrow_right", "small_arrow_down", "small_arrow_up", "small_indeterminate", "small_radio_dot", "small_resizer", "small_information", "small_wait", "small_camera", "small_edit", "small_scrap", "small_private", "small_public", "small_heart", "small_star", "small_more_options", "small_eye", "small_trash", "small_share", "small_link"];
|
|
4
|
-
export declare const MediumSystemIconNames: readonly ["medium_check", "medium_plus", "medium_delete", "medium_arrow_left", "medium_arrow_right", "medium_arrow_down", "medium_arrow_up", "medium_information", "medium_success", "medium_wait", "medium_caution", "medium_error", "medium_eye", "medium_eye_slash", "medium_person_add", "medium_edit", "medium_caution_triangle", "medium_bubble", "medium_calendar", "medium_filter", "medium_reset", "medium_menu_down", "medium_menu_up", "medium_heart", "medium_star", "medium_highlight", "medium_more_options", "medium_rename", "medium_pin", "medium_trash", "medium_hashtag", "medium_magic", "medium_share", "medium_ai", "medium_glasses_minus", "medium_glasses_plus", "medium_upload", "medium_send", "medium_popular", "medium_scrap", "medium_link", "medium_search"];
|
|
4
|
+
export declare const MediumSystemIconNames: readonly ["medium_check", "medium_plus", "medium_delete", "medium_arrow_left", "medium_arrow_right", "medium_arrow_down", "medium_arrow_up", "medium_information", "medium_success", "medium_wait", "medium_caution", "medium_error", "medium_minus", "medium_eye", "medium_eye_slash", "medium_person_add", "medium_edit", "medium_caution_triangle", "medium_bubble", "medium_calendar", "medium_filter", "medium_reset", "medium_menu_down", "medium_menu_up", "medium_heart", "medium_star", "medium_highlight", "medium_more_options", "medium_rename", "medium_pin", "medium_trash", "medium_hashtag", "medium_magic", "medium_share", "medium_ai", "medium_glasses_minus", "medium_glasses_plus", "medium_upload", "medium_send", "medium_popular", "medium_scrap", "medium_link", "medium_search"];
|
|
5
5
|
export declare const LargeSystemIconNames: readonly ["large_user_image_avatar", "large_arrow_left", "large_arrow_right", "large_arrow_down", "large_arrow_up", "large_service", "large_account_setting", "large_bell", "large_search", "large_drawer", "large_delete", "large_plus", "large_filter", "large_heart", "large_star", "large_share", "large_send", "large_reset", "large_collection", "large_collection_add"];
|
|
6
6
|
export declare const SocialSystemIconNames: readonly ["social_google", "social_facebook", "social_x", "social_naver", "social_linked_in", "wishket_facebook", "wishket_blog", "wishket_naver_blog"];
|
|
7
7
|
export declare const smallIcons: Map<"small_check" | "small_plus" | "small_delete" | "small_arrow_left" | "small_arrow_right" | "small_arrow_down" | "small_arrow_up" | "small_indeterminate" | "small_radio_dot" | "small_resizer" | "small_information" | "small_wait" | "small_camera" | "small_edit" | "small_scrap" | "small_private" | "small_public" | "small_heart" | "small_star" | "small_more_options" | "small_eye" | "small_trash" | "small_share" | "small_link", (props: SystemIconPartProps) => React.JSX.Element>;
|
|
8
|
-
export declare const mediumIcons: Map<"medium_check" | "medium_plus" | "medium_delete" | "medium_arrow_left" | "medium_arrow_right" | "medium_arrow_down" | "medium_arrow_up" | "medium_information" | "medium_success" | "medium_wait" | "medium_caution" | "medium_error" | "medium_eye" | "medium_eye_slash" | "medium_person_add" | "medium_edit" | "medium_caution_triangle" | "medium_bubble" | "medium_calendar" | "medium_filter" | "medium_reset" | "medium_menu_down" | "medium_menu_up" | "medium_heart" | "medium_star" | "medium_highlight" | "medium_more_options" | "medium_rename" | "medium_pin" | "medium_trash" | "medium_hashtag" | "medium_magic" | "medium_share" | "medium_ai" | "medium_glasses_minus" | "medium_glasses_plus" | "medium_upload" | "medium_send" | "medium_popular" | "medium_scrap" | "medium_link" | "medium_search", (props: SystemIconPartProps) => React.JSX.Element>;
|
|
8
|
+
export declare const mediumIcons: Map<"medium_check" | "medium_plus" | "medium_delete" | "medium_arrow_left" | "medium_arrow_right" | "medium_arrow_down" | "medium_arrow_up" | "medium_information" | "medium_success" | "medium_wait" | "medium_caution" | "medium_error" | "medium_minus" | "medium_eye" | "medium_eye_slash" | "medium_person_add" | "medium_edit" | "medium_caution_triangle" | "medium_bubble" | "medium_calendar" | "medium_filter" | "medium_reset" | "medium_menu_down" | "medium_menu_up" | "medium_heart" | "medium_star" | "medium_highlight" | "medium_more_options" | "medium_rename" | "medium_pin" | "medium_trash" | "medium_hashtag" | "medium_magic" | "medium_share" | "medium_ai" | "medium_glasses_minus" | "medium_glasses_plus" | "medium_upload" | "medium_send" | "medium_popular" | "medium_scrap" | "medium_link" | "medium_search", (props: SystemIconPartProps) => React.JSX.Element>;
|
|
9
9
|
export declare const largeIcons: Map<"large_user_image_avatar" | "large_arrow_left" | "large_arrow_right" | "large_arrow_down" | "large_arrow_up" | "large_service" | "large_account_setting" | "large_bell" | "large_search" | "large_drawer" | "large_delete" | "large_plus" | "large_filter" | "large_heart" | "large_star" | "large_share" | "large_send" | "large_reset" | "large_collection" | "large_collection_add", (props: SystemIconPartProps) => React.JSX.Element>;
|
|
10
10
|
export declare const socialIcons: Map<"social_google" | "social_facebook" | "social_x" | "social_naver" | "social_linked_in" | "wishket_facebook" | "wishket_blog" | "wishket_naver_blog", (props: SystemIconPartProps) => React.JSX.Element>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),s=require("./Icons/Small/SmallArrowDown.js"),n=require("./Icons/Small/SmallArrowLeft.js"),i=require("./Icons/Small/SmallArrowRight.js"),u=require("./Icons/Small/SmallArrowUp.js"),a=require("./Icons/Small/SmallCheck.js"),_=require("./Icons/Small/SmallIndeterminate.js"),o=require("./Icons/Small/SmallPlus.js"),t=require("./Icons/Small/SmallRadioDot.js"),m=require("./Icons/Small/SmallCamera.js"),c=require("./Icons/Small/SmallDelete.js"),l=require("./Icons/Small/SmallResizer.js"),j=require("./Icons/Small/SmallInformation.js"),g=require("./Icons/Small/SmallEdit.js"),d=require("./Icons/Small/SmallPrivate.js"),f=require("./Icons/Small/SmallScrap.js"),I=require("./Icons/Small/SmallPublic.js"),x=require("./Icons/Small/SmallHeart.js"),q=require("./Icons/Small/SmallStar.js"),M=require("./Icons/Small/SmallWait.js"),S=require("./Icons/Small/SmallMoreOptions.js"),L=require("./Icons/Small/SmallEye.js"),h=require("./Icons/Small/SmallTrash.js"),w=require("./Icons/Small/SmallShare.js"),p=require("./Icons/Small/SmallLink.js"),k=require("./Icons/Medium/MediumArrowDown.js"),A=require("./Icons/Medium/MediumArrowLeft.js"),b=require("./Icons/Medium/MediumArrowRight.js"),v=require("./Icons/Medium/MediumArrowUp.js"),D=require("./Icons/Medium/MediumCautionTriangle.js"),P=require("./Icons/Medium/MediumDelete.js"),C=require("./Icons/Medium/MediumEdit.js"),R=require("./Icons/Medium/MediumInformation.js"),y=require("./Icons/Medium/MediumPersonAdd.js"),E=require("./Icons/Medium/MediumPlus.js"),U=require("./Icons/Medium/MediumEye.js"),H=require("./Icons/Medium/MediumBubble.js"),W=require("./Icons/Medium/MediumCheck.js"),B=require("./Icons/Medium/MediumCalendar.js"),F=require("./Icons/Medium/MediumEyeSlash.js"),T=require("./Icons/Medium/MediumFilter.js"),G=require("./Icons/Medium/MediumReset.js"),z=require("./Icons/Medium/MediumSuccess.js"),N=require("./Icons/Medium/MediumCaution.js"),O=require("./Icons/Medium/MediumWait.js"),X=require("./Icons/Medium/MediumError.js"),J=require("./Icons/Medium/MediumMenuDown.js"),K=require("./Icons/Medium/MediumMenuUp.js"),Q=require("./Icons/Medium/MediumHeart.js"),V=require("./Icons/Medium/MediumHighlight.js"),Y=require("./Icons/Medium/MediumMoreOptions.js"),Z=require("./Icons/Medium/MediumRename.js"),$=require("./Icons/Medium/MediumPin.js"),ee=require("./Icons/Medium/MediumTrash.js"),re=require("./Icons/Medium/MediumHashTag.js"),se=require("./Icons/Medium/MediumMagic.js"),ne=require("./Icons/Medium/MediumStar.js"),ie=require("./Icons/Medium/MediumShare.js"),ue=require("./Icons/Medium/MediumAi.js"),ae=require("./Icons/Medium/MediumGlassesMinus.js"),_e=require("./Icons/Medium/MediumGlassesPlus.js"),oe=require("./Icons/Medium/MediumUpload.js"),te=require("./Icons/Medium/MediumSend.js"),me=require("./Icons/Medium/MediumPopular.js"),ce=require("./Icons/Medium/MediumScrap.js"),le=require("./Icons/Medium/MediumLink.js"),je=require("./Icons/Medium/MediumSearch.js"),ge=require("./Icons/Large/LargeAccountSetting.js"),de=require("./Icons/Large/LargeDelete.js"),fe=require("./Icons/Large/LargeService.js"),Ie=require("./Icons/Large/LargeUserImageAvatar.js"),xe=require("./Icons/Large/LargeArrowLeft.js"),qe=require("./Icons/Large/LargeArrowRight.js"),Me=require("./Icons/Large/LargeBell.js"),Se=require("./Icons/Large/LargeDrawer.js"),Le=require("./Icons/Large/LargeFilter.js"),he=require("./Icons/Large/LargeSearch.js"),we=require("./Icons/Large/LargeArrowDown.js"),pe=require("./Icons/Large/LargeArrowUp.js"),ke=require("./Icons/Large/LargePlus.js"),Ae=require("./Icons/Large/LargeHeart.js"),be=require("./Icons/Large/LargeStar.js"),ve=require("./Icons/Large/LargeShare.js"),De=require("./Icons/Large/LargeSend.js"),Pe=require("./Icons/Large/LargeReset.js"),Ce=require("./Icons/Large/LargeCollection.js"),Re=require("./Icons/Large/LargeCollectionAdd.js"),ye=require("./Icons/Social/SocialFacebook.js"),Ee=require("./Icons/Social/SocialGoogle.js"),Ue=require("./Icons/Social/WishketFacebook.js"),He=require("./Icons/Social/WishketBlog.js"),We=require("./Icons/Social/WishketNaverBlog.js"),Be=require("./Icons/Social/SocialX.js"),Fe=require("./Icons/Social/SocialNaver.js"),Te=require("./Icons/Social/SocialLinkedIn.js"),Ge=new Map([["small_check",function(s){return r.jsx(a,e.__assign({},s))}],["small_indeterminate",function(s){return r.jsx(_,e.__assign({},s))}],["small_plus",function(s){return r.jsx(o,e.__assign({},s))}],["small_radio_dot",function(s){return r.jsx(t,e.__assign({},s))}],["small_arrow_left",function(s){return r.jsx(n,e.__assign({},s))}],["small_arrow_right",function(s){return r.jsx(i,e.__assign({},s))}],["small_arrow_down",function(n){return r.jsx(s,e.__assign({},n))}],["small_arrow_up",function(s){return r.jsx(u,e.__assign({},s))}],["small_camera",function(s){return r.jsx(m,e.__assign({},s))}],["small_delete",function(s){return r.jsx(c,e.__assign({},s))}],["small_resizer",function(s){return r.jsx(l,e.__assign({},s))}],["small_information",function(s){return r.jsx(j,e.__assign({},s))}],["small_wait",function(s){return r.jsx(M,e.__assign({},s))}],["small_edit",function(s){return r.jsx(g,e.__assign({},s))}],["small_private",function(s){return r.jsx(d,e.__assign({},s))}],["small_scrap",function(s){return r.jsx(f,e.__assign({},s))}],["small_heart",function(s){return r.jsx(x,e.__assign({},s))}],["small_public",function(s){return r.jsx(I,e.__assign({},s))}],["small_star",function(s){return r.jsx(q,e.__assign({},s))}],["small_more_options",function(s){return r.jsx(S,e.__assign({},s))}],["small_eye",function(s){return r.jsx(L,e.__assign({},s))}],["small_trash",function(s){return r.jsx(h,e.__assign({},s))}],["small_share",function(s){return r.jsx(w,e.__assign({},s))}],["small_link",function(s){return r.jsx(p,e.__assign({},s))}]]),ze=new Map([["medium_information",function(s){return r.jsx(R,e.__assign({},s))}],["medium_plus",function(s){return r.jsx(E,e.__assign({},s))}],["medium_delete",function(s){return r.jsx(P,e.__assign({},s))}],["medium_eye",function(s){return r.jsx(U,e.__assign({},s))}],["medium_arrow_left",function(s){return r.jsx(A,e.__assign({},s))}],["medium_arrow_right",function(s){return r.jsx(b,e.__assign({},s))}],["medium_arrow_down",function(s){return r.jsx(k,e.__assign({},s))}],["medium_arrow_up",function(s){return r.jsx(v,e.__assign({},s))}],["medium_person_add",function(s){return r.jsx(y,e.__assign({},s))}],["medium_caution_triangle",function(s){return r.jsx(D,e.__assign({},s))}],["medium_bubble",function(s){return r.jsx(H,e.__assign({},s))}],["medium_calendar",function(s){return r.jsx(B,e.__assign({},s))}],["medium_check",function(s){return r.jsx(W,e.__assign({},s))}],["medium_eye_slash",function(s){return r.jsx(F,e.__assign({},s))}],["medium_edit",function(s){return r.jsx(C,e.__assign({},s))}],["medium_filter",function(s){return r.jsx(T,e.__assign({},s))}],["medium_reset",function(s){return r.jsx(G,e.__assign({},s))}],["medium_success",function(s){return r.jsx(z,e.__assign({},s))}],["medium_caution",function(s){return r.jsx(N,e.__assign({},s))}],["medium_wait",function(s){return r.jsx(O,e.__assign({},s))}],["medium_error",function(s){return r.jsx(X,e.__assign({},s))}],["medium_menu_down",function(s){return r.jsx(J,e.__assign({},s))}],["medium_menu_up",function(s){return r.jsx(K,e.__assign({},s))}],["medium_heart",function(s){return r.jsx(Q,e.__assign({},s))}],["medium_star",function(s){return r.jsx(ne,e.__assign({},s))}],["medium_highlight",function(s){return r.jsx(V,e.__assign({},s))}],["medium_more_options",function(s){return r.jsx(Y,e.__assign({},s))}],["medium_rename",function(s){return r.jsx(Z,e.__assign({},s))}],["medium_pin",function(s){return r.jsx($,e.__assign({},s))}],["medium_trash",function(s){return r.jsx(ee,e.__assign({},s))}],["medium_hashtag",function(s){return r.jsx(re,e.__assign({},s))}],["medium_magic",function(s){return r.jsx(se,e.__assign({},s))}],["medium_share",function(s){return r.jsx(ie,e.__assign({},s))}],["medium_ai",function(s){return r.jsx(ue,e.__assign({},s))}],["medium_glasses_minus",function(s){return r.jsx(ae,e.__assign({},s))}],["medium_glasses_plus",function(s){return r.jsx(_e,e.__assign({},s))}],["medium_upload",function(s){return r.jsx(oe,e.__assign({},s))}],["medium_send",function(s){return r.jsx(te,e.__assign({},s))}],["medium_popular",function(s){return r.jsx(me,e.__assign({},s))}],["medium_scrap",function(s){return r.jsx(ce,e.__assign({},s))}],["medium_link",function(s){return r.jsx(le,e.__assign({},s))}],["medium_search",function(s){return r.jsx(je,e.__assign({},s))}]]),Ne=new Map([["large_delete",function(s){return r.jsx(de,e.__assign({},s))}],["large_service",function(s){return r.jsx(fe,e.__assign({},s))}],["large_account_setting",function(s){return r.jsx(ge,e.__assign({},s))}],["large_user_image_avatar",function(s){return r.jsx(Ie,e.__assign({},s))}],["large_arrow_left",function(s){return r.jsx(xe,e.__assign({},s))}],["large_arrow_right",function(s){return r.jsx(qe,e.__assign({},s))}],["large_arrow_down",function(s){return r.jsx(we,e.__assign({},s))}],["large_arrow_up",function(s){return r.jsx(pe,e.__assign({},s))}],["large_bell",function(s){return r.jsx(Me,e.__assign({},s))}],["large_drawer",function(s){return r.jsx(Se,e.__assign({},s))}],["large_plus",function(s){return r.jsx(ke,e.__assign({},s))}],["large_filter",function(s){return r.jsx(Le,e.__assign({},s))}],["large_search",function(s){return r.jsx(he,e.__assign({},s))}],["large_heart",function(s){return r.jsx(Ae,e.__assign({},s))}],["large_star",function(s){return r.jsx(be,e.__assign({},s))}],["large_share",function(s){return r.jsx(ve,e.__assign({},s))}],["large_send",function(s){return r.jsx(De,e.__assign({},s))}],["large_reset",function(s){return r.jsx(Pe,e.__assign({},s))}],["large_collection",function(s){return r.jsx(Ce,e.__assign({},s))}],["large_collection_add",function(s){return r.jsx(Re,e.__assign({},s))}]]),Oe=new Map([["social_google",function(s){return r.jsx(Ee,e.__assign({},s))}],["social_facebook",function(s){return r.jsx(ye,e.__assign({},s))}],["wishket_facebook",function(s){return r.jsx(Ue,e.__assign({},s))}],["wishket_blog",function(s){return r.jsx(He,e.__assign({},s))}],["wishket_naver_blog",function(s){return r.jsx(We,e.__assign({},s))}],["social_x",function(s){return r.jsx(Be,e.__assign({},s))}],["social_naver",function(s){return r.jsx(Fe,e.__assign({},s))}],["social_linked_in",function(s){return r.jsx(Te,e.__assign({},s))}]]);exports.largeIcons=Ne,exports.mediumIcons=ze,exports.smallIcons=Ge,exports.socialIcons=Oe;
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),r=require("./Icons/Small/SmallArrowDown.js"),n=require("./Icons/Small/SmallArrowLeft.js"),i=require("./Icons/Small/SmallArrowRight.js"),u=require("./Icons/Small/SmallArrowUp.js"),a=require("./Icons/Small/SmallCheck.js"),_=require("./Icons/Small/SmallIndeterminate.js"),o=require("./Icons/Small/SmallPlus.js"),t=require("./Icons/Small/SmallRadioDot.js"),m=require("./Icons/Small/SmallCamera.js"),c=require("./Icons/Small/SmallDelete.js"),l=require("./Icons/Small/SmallResizer.js"),j=require("./Icons/Small/SmallInformation.js"),g=require("./Icons/Small/SmallEdit.js"),d=require("./Icons/Small/SmallPrivate.js"),f=require("./Icons/Small/SmallScrap.js"),I=require("./Icons/Small/SmallPublic.js"),x=require("./Icons/Small/SmallHeart.js"),q=require("./Icons/Small/SmallStar.js"),M=require("./Icons/Small/SmallWait.js"),S=require("./Icons/Small/SmallMoreOptions.js"),L=require("./Icons/Small/SmallEye.js"),h=require("./Icons/Small/SmallTrash.js"),w=require("./Icons/Small/SmallShare.js"),p=require("./Icons/Small/SmallLink.js"),k=require("./Icons/Medium/MediumArrowDown.js"),A=require("./Icons/Medium/MediumArrowLeft.js"),b=require("./Icons/Medium/MediumArrowRight.js"),v=require("./Icons/Medium/MediumArrowUp.js"),D=require("./Icons/Medium/MediumCautionTriangle.js"),P=require("./Icons/Medium/MediumDelete.js"),C=require("./Icons/Medium/MediumEdit.js"),R=require("./Icons/Medium/MediumInformation.js"),y=require("./Icons/Medium/MediumPersonAdd.js"),E=require("./Icons/Medium/MediumPlus.js"),U=require("./Icons/Medium/MediumEye.js"),H=require("./Icons/Medium/MediumBubble.js"),W=require("./Icons/Medium/MediumCheck.js"),B=require("./Icons/Medium/MediumCalendar.js"),F=require("./Icons/Medium/MediumEyeSlash.js"),T=require("./Icons/Medium/MediumFilter.js"),G=require("./Icons/Medium/MediumReset.js"),z=require("./Icons/Medium/MediumSuccess.js"),N=require("./Icons/Medium/MediumCaution.js"),O=require("./Icons/Medium/MediumWait.js"),X=require("./Icons/Medium/MediumError.js"),J=require("./Icons/Medium/MediumMenuDown.js"),K=require("./Icons/Medium/MediumMenuUp.js"),Q=require("./Icons/Medium/MediumHeart.js"),V=require("./Icons/Medium/MediumHighlight.js"),Y=require("./Icons/Medium/MediumMoreOptions.js"),Z=require("./Icons/Medium/MediumRename.js"),$=require("./Icons/Medium/MediumPin.js"),ee=require("./Icons/Medium/MediumTrash.js"),se=require("./Icons/Medium/MediumHashTag.js"),re=require("./Icons/Medium/MediumMagic.js"),ne=require("./Icons/Medium/MediumStar.js"),ie=require("./Icons/Medium/MediumShare.js"),ue=require("./Icons/Medium/MediumAi.js"),ae=require("./Icons/Medium/MediumGlassesMinus.js"),_e=require("./Icons/Medium/MediumGlassesPlus.js"),oe=require("./Icons/Medium/MediumUpload.js"),te=require("./Icons/Medium/MediumSend.js"),me=require("./Icons/Medium/MediumPopular.js"),ce=require("./Icons/Medium/MediumScrap.js"),le=require("./Icons/Medium/MediumLink.js"),je=require("./Icons/Medium/MediumSearch.js"),ge=require("./Icons/Medium/MediumMinus.js"),de=require("./Icons/Large/LargeAccountSetting.js"),fe=require("./Icons/Large/LargeDelete.js"),Ie=require("./Icons/Large/LargeService.js"),xe=require("./Icons/Large/LargeUserImageAvatar.js"),qe=require("./Icons/Large/LargeArrowLeft.js"),Me=require("./Icons/Large/LargeArrowRight.js"),Se=require("./Icons/Large/LargeBell.js"),Le=require("./Icons/Large/LargeDrawer.js"),he=require("./Icons/Large/LargeFilter.js"),we=require("./Icons/Large/LargeSearch.js"),pe=require("./Icons/Large/LargeArrowDown.js"),ke=require("./Icons/Large/LargeArrowUp.js"),Ae=require("./Icons/Large/LargePlus.js"),be=require("./Icons/Large/LargeHeart.js"),ve=require("./Icons/Large/LargeStar.js"),De=require("./Icons/Large/LargeShare.js"),Pe=require("./Icons/Large/LargeSend.js"),Ce=require("./Icons/Large/LargeReset.js"),Re=require("./Icons/Large/LargeCollection.js"),ye=require("./Icons/Large/LargeCollectionAdd.js"),Ee=require("./Icons/Social/SocialFacebook.js"),Ue=require("./Icons/Social/SocialGoogle.js"),He=require("./Icons/Social/WishketFacebook.js"),We=require("./Icons/Social/WishketBlog.js"),Be=require("./Icons/Social/WishketNaverBlog.js"),Fe=require("./Icons/Social/SocialX.js"),Te=require("./Icons/Social/SocialNaver.js"),Ge=require("./Icons/Social/SocialLinkedIn.js"),ze=new Map([["small_check",function(r){return s.jsx(a,e.__assign({},r))}],["small_indeterminate",function(r){return s.jsx(_,e.__assign({},r))}],["small_plus",function(r){return s.jsx(o,e.__assign({},r))}],["small_radio_dot",function(r){return s.jsx(t,e.__assign({},r))}],["small_arrow_left",function(r){return s.jsx(n,e.__assign({},r))}],["small_arrow_right",function(r){return s.jsx(i,e.__assign({},r))}],["small_arrow_down",function(n){return s.jsx(r,e.__assign({},n))}],["small_arrow_up",function(r){return s.jsx(u,e.__assign({},r))}],["small_camera",function(r){return s.jsx(m,e.__assign({},r))}],["small_delete",function(r){return s.jsx(c,e.__assign({},r))}],["small_resizer",function(r){return s.jsx(l,e.__assign({},r))}],["small_information",function(r){return s.jsx(j,e.__assign({},r))}],["small_wait",function(r){return s.jsx(M,e.__assign({},r))}],["small_edit",function(r){return s.jsx(g,e.__assign({},r))}],["small_private",function(r){return s.jsx(d,e.__assign({},r))}],["small_scrap",function(r){return s.jsx(f,e.__assign({},r))}],["small_heart",function(r){return s.jsx(x,e.__assign({},r))}],["small_public",function(r){return s.jsx(I,e.__assign({},r))}],["small_star",function(r){return s.jsx(q,e.__assign({},r))}],["small_more_options",function(r){return s.jsx(S,e.__assign({},r))}],["small_eye",function(r){return s.jsx(L,e.__assign({},r))}],["small_trash",function(r){return s.jsx(h,e.__assign({},r))}],["small_share",function(r){return s.jsx(w,e.__assign({},r))}],["small_link",function(r){return s.jsx(p,e.__assign({},r))}]]),Ne=new Map([["medium_information",function(r){return s.jsx(R,e.__assign({},r))}],["medium_plus",function(r){return s.jsx(E,e.__assign({},r))}],["medium_delete",function(r){return s.jsx(P,e.__assign({},r))}],["medium_eye",function(r){return s.jsx(U,e.__assign({},r))}],["medium_arrow_left",function(r){return s.jsx(A,e.__assign({},r))}],["medium_arrow_right",function(r){return s.jsx(b,e.__assign({},r))}],["medium_arrow_down",function(r){return s.jsx(k,e.__assign({},r))}],["medium_arrow_up",function(r){return s.jsx(v,e.__assign({},r))}],["medium_person_add",function(r){return s.jsx(y,e.__assign({},r))}],["medium_caution_triangle",function(r){return s.jsx(D,e.__assign({},r))}],["medium_bubble",function(r){return s.jsx(H,e.__assign({},r))}],["medium_calendar",function(r){return s.jsx(B,e.__assign({},r))}],["medium_check",function(r){return s.jsx(W,e.__assign({},r))}],["medium_eye_slash",function(r){return s.jsx(F,e.__assign({},r))}],["medium_edit",function(r){return s.jsx(C,e.__assign({},r))}],["medium_filter",function(r){return s.jsx(T,e.__assign({},r))}],["medium_reset",function(r){return s.jsx(G,e.__assign({},r))}],["medium_success",function(r){return s.jsx(z,e.__assign({},r))}],["medium_caution",function(r){return s.jsx(N,e.__assign({},r))}],["medium_wait",function(r){return s.jsx(O,e.__assign({},r))}],["medium_error",function(r){return s.jsx(X,e.__assign({},r))}],["medium_menu_down",function(r){return s.jsx(J,e.__assign({},r))}],["medium_menu_up",function(r){return s.jsx(K,e.__assign({},r))}],["medium_heart",function(r){return s.jsx(Q,e.__assign({},r))}],["medium_star",function(r){return s.jsx(ne,e.__assign({},r))}],["medium_highlight",function(r){return s.jsx(V,e.__assign({},r))}],["medium_more_options",function(r){return s.jsx(Y,e.__assign({},r))}],["medium_rename",function(r){return s.jsx(Z,e.__assign({},r))}],["medium_pin",function(r){return s.jsx($,e.__assign({},r))}],["medium_trash",function(r){return s.jsx(ee,e.__assign({},r))}],["medium_hashtag",function(r){return s.jsx(se,e.__assign({},r))}],["medium_magic",function(r){return s.jsx(re,e.__assign({},r))}],["medium_share",function(r){return s.jsx(ie,e.__assign({},r))}],["medium_ai",function(r){return s.jsx(ue,e.__assign({},r))}],["medium_glasses_minus",function(r){return s.jsx(ae,e.__assign({},r))}],["medium_glasses_plus",function(r){return s.jsx(_e,e.__assign({},r))}],["medium_upload",function(r){return s.jsx(oe,e.__assign({},r))}],["medium_send",function(r){return s.jsx(te,e.__assign({},r))}],["medium_popular",function(r){return s.jsx(me,e.__assign({},r))}],["medium_scrap",function(r){return s.jsx(ce,e.__assign({},r))}],["medium_link",function(r){return s.jsx(le,e.__assign({},r))}],["medium_search",function(r){return s.jsx(je,e.__assign({},r))}],["medium_minus",function(r){return s.jsx(ge,e.__assign({},r))}]]),Oe=new Map([["large_delete",function(r){return s.jsx(fe,e.__assign({},r))}],["large_service",function(r){return s.jsx(Ie,e.__assign({},r))}],["large_account_setting",function(r){return s.jsx(de,e.__assign({},r))}],["large_user_image_avatar",function(r){return s.jsx(xe,e.__assign({},r))}],["large_arrow_left",function(r){return s.jsx(qe,e.__assign({},r))}],["large_arrow_right",function(r){return s.jsx(Me,e.__assign({},r))}],["large_arrow_down",function(r){return s.jsx(pe,e.__assign({},r))}],["large_arrow_up",function(r){return s.jsx(ke,e.__assign({},r))}],["large_bell",function(r){return s.jsx(Se,e.__assign({},r))}],["large_drawer",function(r){return s.jsx(Le,e.__assign({},r))}],["large_plus",function(r){return s.jsx(Ae,e.__assign({},r))}],["large_filter",function(r){return s.jsx(he,e.__assign({},r))}],["large_search",function(r){return s.jsx(we,e.__assign({},r))}],["large_heart",function(r){return s.jsx(be,e.__assign({},r))}],["large_star",function(r){return s.jsx(ve,e.__assign({},r))}],["large_share",function(r){return s.jsx(De,e.__assign({},r))}],["large_send",function(r){return s.jsx(Pe,e.__assign({},r))}],["large_reset",function(r){return s.jsx(Ce,e.__assign({},r))}],["large_collection",function(r){return s.jsx(Re,e.__assign({},r))}],["large_collection_add",function(r){return s.jsx(ye,e.__assign({},r))}]]),Xe=new Map([["social_google",function(r){return s.jsx(Ue,e.__assign({},r))}],["social_facebook",function(r){return s.jsx(Ee,e.__assign({},r))}],["wishket_facebook",function(r){return s.jsx(He,e.__assign({},r))}],["wishket_blog",function(r){return s.jsx(We,e.__assign({},r))}],["wishket_naver_blog",function(r){return s.jsx(Be,e.__assign({},r))}],["social_x",function(r){return s.jsx(Fe,e.__assign({},r))}],["social_naver",function(r){return s.jsx(Te,e.__assign({},r))}],["social_linked_in",function(r){return s.jsx(Ge,e.__assign({},r))}]]);exports.largeIcons=Oe,exports.mediumIcons=Ne,exports.smallIcons=ze,exports.socialIcons=Xe;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),a=require("tailwind-merge"),s=require("./parts/LabelContainer.js"),n=require("./parts/PasswordContainer.js"),i=require("./parts/SupportContainer.js"),o=t.forwardRef(function(o,l){var u=o.type,d=o.name,g=o.value,p=o.onChange,c=o.maxLength,x=o.disabled,x=void 0!==x&&x,h=o.placeholder,w=o.lable,f=o.testId,m=o.measure,b=o.isError,v=o.endIcon,y=o.startIcon,j=o.errorMessage,L=o.supportMessage,M=o.variant,M=void 0===M?"default":M,_=o.isMaxLengthVisible,_=void 0!==_&&_,o=e.__rest(o,["type","name","value","onChange","maxLength","disabled","placeholder","lable","testId","measure","isError","endIcon","startIcon","errorMessage","supportMessage","variant","isMaxLengthVisible"]),I=t.useState(!1),q=I[0],C=I[1],I=t.useState(0),E=I[0],S=I[1],I=t.useState(!1),F=I[0],N=I[1],I=e.__assign({variant:M,type:u,name:d,value:g,placeholder:h,lable:w,maxLength:c,onChange:p,isFocused:q,isError:b,onFocus:function(){C(!0)},onBlur:function(){C(!1)},disabled:x},o),d=b||L||_;return t.useEffect(function(){"string"==typeof g&&c&&S(g.length)},[g,u,c]),t.useEffect(function(){var e=window.navigator.userAgent.toLowerCase().includes("mobile");N(e)},[]),r.jsxs("div",{className:"flex min-w-fit select-none flex-col gap-3 bg-w-white ","data-testid":f,children:[r.jsx("label",{role:"input-box",className:a.twMerge("flex shrink-0 cursor-text items-center gap-3 rounded-xl px-[17px] py-[11px] text-[16px] leading-[26px] text-w-gray-600 outline outline-1 -outline-offset-1","lable"===M&&"h-[66px] py-3",x?"outline-w-gray-200 hover:outline-w-gray-200":b?"outline-w-red-500":q?"outline-w-primary":F?"outline-w-gray-200":"outline-w-gray-200 hover:outline-w-primary",x?"bg-w-gray-10":"bg-w-white"),children:"password"===u?r.jsx(n,e.__assign({ref:l},I)):r.jsx(s,e.__assign({ref:l,measure:m,startIcon:y,endIcon:v},I))}),d&&r.jsx(i,{disabled:x,isError:b,errorMessage:j,supportMessage:L,currentLength:E,maxLength:c,isMaxLengthVisible:_})]})});o.displayName="TextField",module.exports=o;
|
|
@@ -1,7 +1,9 @@
|
|
|
1
1
|
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
-
import TextField from './TextField';
|
|
3
2
|
import { TextFieldProps } from './TextField.types';
|
|
3
|
+
import TextField from './TextField';
|
|
4
4
|
declare const meta: Meta<typeof TextField>;
|
|
5
5
|
export default meta;
|
|
6
6
|
type Story = StoryObj<TextFieldProps>;
|
|
7
7
|
export declare const Default: Story;
|
|
8
|
+
export declare const Lable: Story;
|
|
9
|
+
export declare const LableFixed: Story;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("../../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("react").forwardRef(function(r,l){function s(){return g?"text-w-gray-300":f?"text-w-red-500":m?"text-w-primary":"text-w-gray-300"}var n=r.type,i=r.name,o=r.value,d=r.onFocus,x=r.onBlur,u=r.onChange,c=r.maxLength,g=r.disabled,p=r.placeholder,w=r.lable,f=r.isError,h=r.variant,m=r.isFocused,r=e.__rest(r,["type","name","value","onFocus","onBlur","onChange","maxLength","disabled","placeholder","lable","isError","variant","isFocused"]),n=e.__assign(e.__assign({role:"text-input",type:n,name:i,value:o,onChange:u,onFocus:d,onBlur:x,maxLength:c,disabled:g},"default"==h&&{placeholder:p}),r),i="w-full outline-none placeholder:text-w-gray-300 disabled:bg-w-gray-10",u=f?"text-w-red-500":"text-w-gray-600";return"default"===h?a.jsx("input",e.__assign({ref:l,className:t.twMerge(i,u,g&&"text-w-gray-300 placeholder:text-w-gray-200")},n)):"lable_fixed"===h?a.jsxs("div",{className:"flex w-full flex-col",children:[a.jsx("div",{className:t.twMerge("text-[11px] leading-[14px]",s()),children:w}),a.jsx("input",e.__assign({ref:l,placeholder:p,className:t.twMerge(i,u,g&&"text-w-gray-300 placeholder:text-w-gray-200")},n))]}):"lable"===h?a.jsxs("label",{className:"relative flex w-full flex-col",children:[a.jsx("div",{className:t.twMerge("absolute",s(),m||o?"transition-all duration-300 scale-[0.6875] -translate-y-0.5 origin-top-left":"text-[16px] transition-all duration-300 translate-y-2 origin-top-left -top-[1px]"),children:w}),a.jsx("input",e.__assign({ref:l,className:t.twMerge(i,u,g&&"text-w-gray-300 placeholder:text-w-gray-200","pt-[14px]")},n))]}):void 0});r.displayName="InputContainer",module.exports=r;
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { SupportContainerProps } from '../TextField.types';
|
|
2
|
-
declare const SupportContainer: ({ isError, errorMessage, supportMessage, currentLength, maxLength, isMaxLengthVisible, }: SupportContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
2
|
+
declare const SupportContainer: ({ disabled, isError, errorMessage, supportMessage, currentLength, maxLength, isMaxLengthVisible, }: SupportContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
3
3
|
export default SupportContainer;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");module.exports=function(t){var s=t.
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");module.exports=function(t){var s=t.disabled,i=t.isError,n=t.errorMessage,a=t.supportMessage,d=t.currentLength,x=t.maxLength,t=t.isMaxLengthVisible,t=x&&(void 0===t||t);return e.jsxs("div",{role:"support-container",className:r.twMerge("flex justify-between px-4 text-sm leading-5",i?"text-w-red-500":"text-w-gray-400",s&&"text-w-gray-400"),children:[e.jsx("div",{children:i?n:a}),t&&e.jsxs("div",{children:[d,"/",x]})]})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("./parts/NewCircle.js"),s=require("./parts/New.js"),t=require("./parts/Beta.js"),a=require("./parts/Ai.js"),u=require("./parts/Premium.js"),i=require("./parts/Pro.js");module.exports=function(n){var c=n.type;return e.jsx("div",{"data-testid":"design-system-textLabel",className:"text-primary",children:e.jsx(function(){switch(c){case"new_circle":return e.jsx(r,{});case"new":return e.jsx(s,{});case"beta":return e.jsx(t,{});case"ai":return e.jsx(a,{});case"premium":return e.jsx(u,{});case"pro":return e.jsx(i,{});default:return null}},{})})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("./TextLabel.js");module.exports=e;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var t=require("react/jsx-runtime");module.exports=function(){return t.jsx("svg",{width:"11",height:"8",viewBox:"0 0 11 8",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"textLabel-ai",children:t.jsx("path",{d:"M0.577383 8L3.01879 0.929688H4.90355L7.34984 8H5.7727L3.99047 2.52637H3.93188L2.14477 8H0.577383ZM5.84105 5.22168V6.36914H2.06664V5.22168H5.84105ZM8.62574 2.69727H10.0711V8H8.62574V2.69727ZM9.3484 1.99902C9.20517 1.99902 9.07333 1.96647 8.95289 1.90137C8.83245 1.83626 8.73642 1.74674 8.6648 1.63281C8.59319 1.51888 8.55738 1.39681 8.55738 1.2666C8.55738 1.13314 8.59319 1.01107 8.6648 0.900391C8.73642 0.786458 8.83245 0.69694 8.95289 0.631836C9.07333 0.566732 9.20517 0.53418 9.3484 0.53418C9.49163 0.53418 9.62346 0.566732 9.74391 0.631836C9.86435 0.69694 9.95875 0.786458 10.0271 0.900391C10.0987 1.01107 10.1345 1.13314 10.1345 1.2666C10.1345 1.39681 10.0987 1.51888 10.0271 1.63281C9.95875 1.74674 9.86435 1.83626 9.74391 1.90137C9.62346 1.96647 9.49163 1.99902 9.3484 1.99902Z",fill:"currentColor"})})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var C=require("react/jsx-runtime");module.exports=function(){return C.jsx("svg",{width:"27",height:"8",viewBox:"0 0 27 8",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"textLabel-beta",children:C.jsx("path",{d:"M0.885468 0.929688H3.69797C4.20253 0.929688 4.63059 1.00618 4.98215 1.15918C5.33371 1.30892 5.59738 1.52051 5.77316 1.79395C5.9522 2.06413 6.04172 2.38151 6.04172 2.74609C6.04172 3.01302 5.98638 3.25065 5.8757 3.45898C5.76828 3.66732 5.61854 3.83984 5.42648 3.97656C5.23768 4.11003 5.01796 4.20443 4.7673 4.25977V4.32812C5.03749 4.34115 5.29139 4.41927 5.52902 4.5625C5.76665 4.70573 5.95708 4.90592 6.10031 5.16309C6.24354 5.41699 6.31516 5.71322 6.31516 6.05176C6.31516 6.42936 6.22238 6.76465 6.03684 7.05762C5.85129 7.35059 5.5746 7.58171 5.20676 7.75098C4.84217 7.91699 4.40109 8 3.88352 8H0.885468V0.929688ZM3.58566 6.79395C3.86236 6.79395 4.09022 6.75814 4.26926 6.68652C4.45155 6.61165 4.58501 6.50911 4.66965 6.37891C4.75428 6.24544 4.7966 6.08757 4.7966 5.90527C4.7966 5.70996 4.7494 5.53418 4.655 5.37793C4.5606 5.22168 4.42388 5.10286 4.24484 5.02148C4.06906 4.93685 3.86236 4.89453 3.62473 4.89453H2.35031V6.79395H3.58566ZM3.47824 3.89355C3.68332 3.89355 3.86724 3.85612 4.03 3.78125C4.19602 3.70638 4.3246 3.60059 4.41574 3.46387C4.51014 3.32715 4.55734 3.16602 4.55734 2.98047C4.55734 2.80469 4.51665 2.65332 4.43527 2.52637C4.35389 2.39616 4.23345 2.29688 4.07395 2.22852C3.9177 2.1569 3.72889 2.12109 3.50754 2.12109H2.35031V3.89355H3.47824ZM7.73266 0.929688H12.4787V2.14062H9.1975V3.85938H12.2297V5.06543H9.1975V6.78906H12.4885V8H7.73266V0.929688ZM13.8181 0.929688H19.6091V2.14062H17.4412V8H15.991V2.14062H13.8181V0.929688ZM19.7425 8L22.1839 0.929688H24.0686L26.5149 8H24.9378L23.1555 2.52637H23.097L21.3098 8H19.7425ZM25.0061 5.22168V6.36914H21.2317V5.22168H25.0061Z",fill:"currentColor"})})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var H=require("react/jsx-runtime");module.exports=function(){return H.jsx("svg",{width:"24",height:"8",viewBox:"0 0 24 8",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"textLabel-new",children:H.jsx("path",{d:"M6.52488 8H5.25535L2.14988 3.50781H2.09617V8H0.631329V0.929688H1.92039L5.00145 5.41699H5.06492V0.929688H6.52488V8ZM8.21094 0.929688H12.957V2.14062H9.67578V3.85938H12.708V5.06543H9.67578V6.78906H12.9668V8H8.21094V0.929688ZM14.1402 0.929688H15.7368L16.9234 5.87109H16.9868L18.2808 0.929688H19.6675L20.9663 5.88574H21.0249L22.2114 0.929688H23.8081L21.7915 8H20.3511L19.0034 3.33203H18.9497L17.5972 8H16.1616L14.1402 0.929688Z",fill:"currentColor"})})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("../../Box/Box.js");module.exports=function(){return e.jsx(r,{className:"size-3.5 rounded-full bg-gradient-primary-90","data-testid":"textLabel-newCircle",children:e.jsx("svg",{width:"14",height:"14",viewBox:"0 0 14 14",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:e.jsx("path",{d:"M9.6499 10H8.50732L5.7124 5.95703H5.66406V10H4.3457V3.63672H5.50586L8.27881 7.67529H8.33594V3.63672H9.6499V10Z",fill:"white"})})})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var t=require("react/jsx-runtime");module.exports=function(){return t.jsxs("svg",{width:"74",height:"26",viewBox:"0 0 74 26",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"textLabel-premium",children:[t.jsx("rect",{x:"1",y:"1",width:"72",height:"24",rx:"9",fill:"url(#paint0_linear_4078_2257)"}),t.jsx("rect",{x:"1",y:"1",width:"72",height:"24",rx:"9",stroke:"white",strokeWidth:"2"}),t.jsx("path",{d:"M8.80268 8.72266H11.8427C12.4228 8.72266 12.9223 8.83366 13.3412 9.05566C13.7638 9.27409 14.0843 9.58203 14.3027 9.97949C14.5211 10.377 14.6303 10.8335 14.6303 11.3491C14.6303 11.8683 14.5175 12.3249 14.2919 12.7188C14.0699 13.109 13.7459 13.4152 13.3198 13.6372C12.8972 13.8556 12.3924 13.9648 11.8051 13.9648H9.85004V12.665H11.5527C11.8642 12.665 12.1256 12.6113 12.3369 12.5039C12.5517 12.3929 12.711 12.2389 12.8149 12.042C12.9187 11.8451 12.9706 11.6141 12.9706 11.3491C12.9706 11.0841 12.9187 10.855 12.8149 10.6616C12.711 10.4647 12.5517 10.3143 12.3369 10.2104C12.1256 10.103 11.8624 10.0493 11.5473 10.0493H10.414V16.5H8.80268V8.72266ZM16.1362 8.72266H19.1762C19.7635 8.72266 20.2648 8.8265 20.6801 9.03418C21.0991 9.23828 21.4178 9.5319 21.6362 9.91504C21.8546 10.2982 21.9638 10.7458 21.9638 11.2578C21.9638 11.7663 21.8528 12.2085 21.6308 12.5845C21.4124 12.9569 21.0901 13.2433 20.664 13.4438C20.2379 13.6408 19.7295 13.7393 19.1386 13.7393H17.0815V12.4233H18.8862C19.2085 12.4233 19.4734 12.3804 19.6811 12.2944C19.8888 12.2049 20.0446 12.0742 20.1484 11.9023C20.2522 11.7305 20.3042 11.5156 20.3042 11.2578C20.3042 10.9928 20.2522 10.7708 20.1484 10.5918C20.0446 10.4128 19.887 10.2785 19.6757 10.189C19.4645 10.0959 19.1995 10.0493 18.8808 10.0493H17.7475V16.5H16.1362V8.72266ZM22.2431 16.5H20.4492L18.5639 12.9658H20.3095L22.2431 16.5ZM25.1777 16.5H23.5664V8.72266H25.1777V16.5ZM28.9663 8.72266L31.1309 13.9917H31.2222L33.3813 8.72266H35.374V16.5H33.8057V11.4028H33.7412L31.7109 16.4624H30.6313L28.6064 11.3921H28.542V16.5H26.979V8.72266H28.9663ZM38.7813 16.5H37.1699V8.72266H38.7813V16.5ZM47.0118 8.72266V13.7769C47.0118 14.3354 46.8775 14.8278 46.6089 15.2539C46.344 15.68 45.968 16.013 45.481 16.2529C44.994 16.4893 44.4318 16.6074 43.7945 16.6074C43.1535 16.6074 42.5913 16.4893 42.1079 16.2529C41.6245 16.013 41.2486 15.68 40.98 15.2539C40.715 14.8278 40.5826 14.3354 40.5826 13.7769V8.72266H42.1939V13.6426C42.1939 13.9362 42.2601 14.2012 42.3926 14.4375C42.5251 14.6702 42.7131 14.8547 42.9566 14.9907C43.2001 15.1232 43.4794 15.1895 43.7945 15.1895C44.1132 15.1895 44.3942 15.1232 44.6377 14.9907C44.8812 14.8547 45.0674 14.6702 45.1963 14.4375C45.3288 14.2012 45.3951 13.9362 45.3951 13.6426V8.72266H47.0118ZM50.795 8.72266L52.9595 13.9917H53.0508L55.21 8.72266H57.2027V16.5H55.6343V11.4028H55.5699L53.5396 16.4624H52.46L50.4351 11.3921H50.3707V16.5H48.8077V8.72266H50.795Z",fill:"white"}),t.jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M65.0908 11.9091L63.9999 9L62.909 11.9091L60 13L62.909 14.0909L63.9999 17L65.0908 14.0909L68 13L65.0908 11.9091Z",fill:"white"}),t.jsx("defs",{children:t.jsxs("linearGradient",{id:"paint0_linear_4078_2257",x1:"0",y1:"0",x2:"72.9657",y2:"27.7029",gradientUnits:"userSpaceOnUse",children:[t.jsx("stop",{stopColor:"#1879D5"}),t.jsx("stop",{offset:"0.205",stopColor:"#075DAE"}),t.jsx("stop",{offset:"0.503164",stopColor:"#02427F"}),t.jsx("stop",{offset:"0.8",stopColor:"#062D52"}),t.jsx("stop",{offset:"1",stopColor:"#081826"})]})})]})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var C=require("react/jsx-runtime");module.exports=function(){return C.jsxs("svg",{width:"40",height:"26",viewBox:"0 0 40 26",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":"textLabel-pro",children:[C.jsx("rect",{x:"1",y:"1",width:"38",height:"24",rx:"9",fill:"url(#paint0_linear_4078_2270)"}),C.jsx("rect",{x:"1",y:"1",width:"38",height:"24",rx:"9",stroke:"white",strokeWidth:"2"}),C.jsx("path",{d:"M9.13768 8.72266H12.1777C12.7578 8.72266 13.2573 8.83366 13.6763 9.05566C14.0988 9.27409 14.4193 9.58203 14.6377 9.97949C14.8561 10.377 14.9653 10.8335 14.9653 11.3491C14.9653 11.8683 14.8525 12.3249 14.6269 12.7188C14.4049 13.109 14.0809 13.4152 13.6548 13.6372C13.2322 13.8556 12.7274 13.9648 12.1401 13.9648H10.185V12.665H11.8877C12.1992 12.665 12.4606 12.6113 12.6719 12.5039C12.8867 12.3929 13.046 12.2389 13.1499 12.042C13.2537 11.8451 13.3056 11.6141 13.3056 11.3491C13.3056 11.0841 13.2537 10.855 13.1499 10.6616C13.046 10.4647 12.8867 10.3143 12.6719 10.2104C12.4606 10.103 12.1974 10.0493 11.8823 10.0493H10.749V16.5H9.13768V8.72266ZM16.4712 8.72266H19.5112C20.0985 8.72266 20.5998 8.8265 21.0151 9.03418C21.4341 9.23828 21.7528 9.5319 21.9712 9.91504C22.1896 10.2982 22.2988 10.7458 22.2988 11.2578C22.2988 11.7663 22.1878 12.2085 21.9658 12.5845C21.7474 12.9569 21.4251 13.2433 20.999 13.4438C20.5729 13.6408 20.0645 13.7393 19.4736 13.7393H17.4165V12.4233H19.2212C19.5435 12.4233 19.8084 12.3804 20.0161 12.2944C20.2238 12.2049 20.3796 12.0742 20.4834 11.9023C20.5872 11.7305 20.6392 11.5156 20.6392 11.2578C20.6392 10.9928 20.5872 10.7708 20.4834 10.5918C20.3796 10.4128 20.222 10.2785 20.0107 10.189C19.7995 10.0959 19.5345 10.0493 19.2158 10.0493H18.0825V16.5H16.4712V8.72266ZM22.5781 16.5H20.7842L18.8989 12.9658H20.6445L22.5781 16.5ZM31.0127 12.6113C31.0127 13.4349 30.8552 14.1493 30.5401 14.7544C30.2285 15.356 29.7971 15.8161 29.2456 16.1348C28.6978 16.4499 28.0765 16.6074 27.3819 16.6074C26.6872 16.6074 26.0641 16.4499 25.5127 16.1348C24.9649 15.8161 24.5334 15.3542 24.2183 14.749C23.9068 14.1439 23.751 13.4313 23.751 12.6113C23.751 11.7806 23.9068 11.0645 24.2183 10.4629C24.5334 9.86133 24.9649 9.40299 25.5127 9.08789C26.0641 8.77279 26.6872 8.61523 27.3819 8.61523C28.0765 8.61523 28.6978 8.77279 29.2456 9.08789C29.7971 9.40299 30.2285 9.86133 30.5401 10.4629C30.8552 11.0645 31.0127 11.7806 31.0127 12.6113ZM29.3799 12.6113C29.3799 12.0635 29.2975 11.598 29.1328 11.2148C28.9717 10.8317 28.7407 10.5417 28.44 10.3447C28.1428 10.1442 27.7901 10.0439 27.3819 10.0439C26.9772 10.0439 26.6245 10.1442 26.3238 10.3447C26.0265 10.5417 25.7956 10.8317 25.6309 11.2148C25.4662 11.598 25.3838 12.0635 25.3838 12.6113C25.3838 13.1592 25.4662 13.6247 25.6309 14.0078C25.7956 14.391 26.0265 14.6828 26.3238 14.8833C26.6245 15.0802 26.9772 15.1787 27.3819 15.1787C27.7901 15.1787 28.1428 15.0802 28.44 14.8833C28.7407 14.6828 28.9717 14.391 29.1328 14.0078C29.2975 13.6247 29.3799 13.1592 29.3799 12.6113Z",fill:"white"}),C.jsx("defs",{children:C.jsxs("linearGradient",{id:"paint0_linear_4078_2270",x1:"0",y1:"0",x2:"43.7127",y2:"10.4102",gradientUnits:"userSpaceOnUse",children:[C.jsx("stop",{stopColor:"#1DD59F"}),C.jsx("stop",{offset:"0.245",stopColor:"#27CEC2"}),C.jsx("stop",{offset:"0.505",stopColor:"#2CC9DD"}),C.jsx("stop",{offset:"0.75",stopColor:"#30BEE6"}),C.jsx("stop",{offset:"1",stopColor:"#35AEF3"})]})})]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("tailwind-merge"),a=require("../Box/Box.js"),i=require("../Typography/Typography.js"),s=require("../SystemIcon/SystemIcon.js");module.exports=function(n){var l=n.isError,l=void 0!==l&&l,o=n.size,o=void 0===o?"md":o,
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),r=require("tailwind-merge"),a=require("../Box/Box.js"),i=require("../Typography/Typography.js"),s=require("../SystemIcon/SystemIcon.js");module.exports=function(n){var l=n.isError,l=void 0!==l&&l,o=n.size,o=void 0===o?"md":o,d=n.resize,d=void 0!==d&&d,u=n.isLengthVisible,u=void 0!==u&&u,x=n.supportText,g=n.maxLength,c=n.value,h=n.disabled,m=n.name,p=n.onChange,n=e.__rest(n,["isError","size","resize","isLengthVisible","supportText","maxLength","value","disabled","name","onChange"]);return t.jsxs(a,{"data-testid":"design-system-textarea",className:"flex h-fit w-full flex-col gap-1",children:[t.jsxs(a,{className:"relative h-fit w-full",children:[t.jsx("textarea",e.__assign({"data-testid":"design-system-textarea--textarea",className:r.twMerge("box-border h-auto w-full content-stretch rounded-lg px-[17px] py-[11px] font-[inherit] text-base font-normal leading-[26px] text-w-gray-600 outline-none outline outline-1 -outline-offset-1 outline-w-gray-200 placeholder:font-[inherit] placeholder:text-base placeholder:font-normal placeholder:leading-[26px] placeholder:text-w-gray-300",d?"resize-y":"resize-none","sm"===o?"min-h-[120px]":"md"===o?"min-h-[240px]":"lg"===o?"min-h-[360px]":void 0,h?"bg-w-gray-10 text-gray-300 outline-w-gray-200 placeholder:text-w-gray-300 hover:outline-w-gray-200 focus:outline-w-gray-200 active:outline-w-gray-200 resize-none placeholder:text-w-gray-200":l?"outline-w-red-500 hover:outline-w-red-500 focus:outline-w-red-500 active:outline-w-red-500":"hover:outline-primary-500 focus:outline-primary-500 active:outline-primary-500"),name:m,value:c,disabled:h,onChange:p},n)),d&&t.jsx(s,{name:"small_resizer",className:"absolute bottom-2.5 right-1 text-w-gray-400",testId:"design-system-textarea--resize-icon"})]}),(x||u)&&t.jsxs(a,{className:r.twMerge("flex w-full select-none justify-between px-4 text-w-gray-400",l&&"text-w-red-500",h&&"text-w-gray-400"),"data-testid":"design-system-textarea--support-container",children:[t.jsx(i,{variant:"body2",className:r.twMerge(x?"visible":"invisible"),"data-testid":"design-system-textarea--support-text",children:x}),u&&t.jsx(i,{variant:"body2","data-testid":"design-system-textarea--length-count",children:"".concat((null==c?void 0:c.toString().length)||0,"/").concat(g)})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),t=require("tailwind-merge"),s=[{name:"title1",class:"text-5xl font-bold leading-[64px]"},{name:"title2",class:"text-[32px] leading-[48px]"},{name:"title3",class:"text-2xl leading-9"},{name:"subTitle1",class:"text-xl leading-[30px]"},{name:"subTitle2",class:"text-lg"},{name:"body1",class:"text-base leading-[26px]"},{name:"body2",class:"text-sm leading-6"},{name:"body3",class:"text-[13px] leading-5"},{name:"caption1",class:"text-xs leading-[18px]"},{name:"caption2",class:"text-[11px] leading-[14px]"}];module.exports=function(
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),a=require("react/jsx-runtime"),t=require("tailwind-merge"),s=[{name:"title1",class:"text-5xl font-bold leading-[64px]"},{name:"title2",class:"text-[32px] leading-[48px]"},{name:"title3",class:"text-2xl leading-9"},{name:"subTitle1",class:"text-xl leading-[30px]"},{name:"subTitle2",class:"text-lg"},{name:"contents1",class:"text-lg leading-8 tracking-[0.48px]"},{name:"contents2",class:"text-base leading-[30px] tracking-[0.48px]"},{name:"body1",class:"text-base leading-[26px]"},{name:"body2",class:"text-sm leading-6"},{name:"body3",class:"text-[13px] leading-5"},{name:"caption1",class:"text-xs leading-[18px]"},{name:"caption2",class:"text-[11px] leading-[14px]"}];module.exports=function(n){var l=n.children,i=n.variant,x=n.className,n=e.__rest(n,["children","variant","className"]),c=(null==(c=s.find(function(e){return e.name===i}))?void 0:c.class)||"";return a.jsx("span",e.__assign({className:t.twMerge(c,x)},n,{children:l}))};
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { PropsWithChildren } from 'react';
|
|
2
|
-
export type TypographyVariants = 'title1' | 'title2' | 'title3' | 'subTitle1' | 'subTitle2' | 'body1' | 'body2' | 'body3' | 'caption1' | 'caption2';
|
|
2
|
+
export type TypographyVariants = 'title1' | 'title2' | 'title3' | 'subTitle1' | 'subTitle2' | 'contents1' | 'contents2' | 'body1' | 'body2' | 'body3' | 'caption1' | 'caption2';
|
|
3
3
|
export interface TypographyProps extends PropsWithChildren {
|
|
4
4
|
variant: TypographyVariants;
|
|
5
5
|
className?: string;
|
|
@@ -17,3 +17,5 @@ export { default as ChoiceChip } from './ChoiceChip';
|
|
|
17
17
|
export { default as Textarea } from './Textarea';
|
|
18
18
|
export { default as IconButton } from './IconButton';
|
|
19
19
|
export { default as SkillChip } from './SkillChip';
|
|
20
|
+
export { default as TextLabel } from './TextLabel';
|
|
21
|
+
export { default as ModalContext } from './ModalContext';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("./CheckboxCard.parts.js")),s=require("./useCheckboxCard.js");module.exports=function(a){var o=a.disabled,o=void 0!==o&&o,d=a.checked,c=a.isError,c=void 0!==c&&c,n=a.onChange,l=a.isWide,l=void 0!==l&&l,h=a.className,x=a.iconName,m=a.title,C=a.description,a=a.testId,d=s({checked:void 0!==d&&d,disabled:o,onChange:n}),n=d.isHover,u=d.isChecked,b=d.hoverListItemContainer,j=d.unhoverListItemContainer,d=d.handleChange;return e.jsx("label",{className:"h-fit w-fit","data-testid":a,role:"checkbox-card",children:e.jsxs(i.CheckboxCardContainer,{"data-testid":"design-system-checkboxCard--container",checked:u,isError:c,isWide:l,isHover:n,disabled:o,onMouseOver:b,onMouseOut:j,className:h,children:[e.jsx(i.StyledCheckbox,{isWide:l,checked:u,onChange:d,isError:c,isHover:n,disabled:o}),e.jsx(i.CheckboxCardIcon,{iconName:x,disabled:!!c||o}),e.jsxs(i.TitleContainer,{isWide:l,"data-testid":"design-system-checkboxCard--titleBox",children:[e.jsx(r,{"data-testid":"design-system-checkboxCard--title",variant:"body1",className:t.twMerge("font-medium",l?"text-left":"text-center",o?"text-w-gray-300":"text-w-gray-900"),children:m}),C&&e.jsx(r,{variant:"body2",className:t.twMerge("font-normal",l?"text-left":"text-center",o?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-checkboxCard--description",children:C})]})]})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),t=require("../../Atoms/Checkbox/Checkbox.js"),s=require("../../Atoms/ProductIcon/ProductIcon.js");require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),exports.CheckboxCardContainer=function(t){var s=t.children,o=t.isWide,a=t.checked,n=t.isError,l=t.isHover,c=t.disabled,d=t.className,t=e.__rest(t,["children","isWide","checked","isError","isHover","disabled","className"]);return r.jsx("div",e.__assign({className:i.twMerge("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl outline outline-1 -outline-offset-1",o?"min-h-[94px] w-[298px] flex-row px-[21px] py-[17px]":"min-h-fit w-[224px] flex-col justify-center px-[17px] pb-[25px] pt-[17px]",c?i.twMerge("cursor-not-allowed",a&&!n?"outline-primary-100":"outline-w-gray-200"):n?"outline-w-red-500":a||l?"outline-primary-500":"outline-w-gray-200",c?a&&!n?"bg-primary-10":"bg-w-gray-10":a?n?"bg-w-red-10":"bg-primary-10":"bg-w-white",d)},t,{children:s}))},exports.CheckboxCardIcon=function(e){var i=e.iconName,e=e.disabled;return r.jsx("div",{className:"flex size-[60px] flex-shrink-0 items-center justify-center","data-testid":"design-system-checkboxCard--icon",children:r.jsx(s,{name:i,disabled:e})})},exports.StyledCheckbox=function(s){var o=s.isWide,a=s.className,s=e.__rest(s,["isWide","className"]);return r.jsx(t,e.__assign({className:i.twMerge(!o&&"absolute left-[17px] top-[17px]",a)},s))},exports.TitleContainer=function(e){var t=e.isWide,e=e.children;return r.jsx("div",{className:i.twMerge("flex h-auto w-full flex-col justify-between gap-0.5",t?"items-start":"items-center"),children:e})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),i=require("react"),t=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),a=require("../../Atoms/Checkbox/Checkbox.js"),c=(require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),function(i){var r=i.children,a=i.disabled,c=i.className,i=e.__rest(i,["children","disabled","className"]);return s.jsx("label",e.__assign({className:t.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",c)},i,{children:r}))});module.exports=function(e){var t=e.label,o=e.description,n=e.checked,d=e.disabled,d=void 0!==d&&d,l=e.isError,l=void 0!==l&&l,m=e.className,x=e.CheckboxClassName,e=e.onChange,h=i.useState(!1),u=h[0],b=h[1];return s.jsxs(c,{"data-testid":"design-system-checkboxList--item",disabled:d,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:n,isHover:u,isError:l,disabled:d,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(r,{variant:"body1",className:d?"text-w-gray-300":"text-w-gray-900","data-testid":"design-system-checkboxList--item-label",children:t})}),o&&s.jsx("div",{className:"flex items-center grid-in-description",children:s.jsx(r,{variant:"body2",className:d?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:o})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),i=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),s=(require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),i=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),s=(require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("./Drawer.parts.js")),t=require("./Drawer.styles.js");module.exports=function(o){var a=o.isOpen,n=o.onClose,l=o.direction,l=void 0===l?"right":l,u=o.size,c=o.className,o=o.children;return e.jsxs(e.Fragment,{children:[e.jsx(i,{className:r.twMerge("fixed z-20 flex flex-col bg-white transition-transform duration-300 ease-in-out",t.directionStyle[l],t.sizeStyle(void 0===u?"quarter":u,l),a&&t.openStyle[l],c),"data-testid":"design-system-drawer",children:o}),a&&e.jsx(s.Backdrop,{onClick:n})]})};
|
|
@@ -4,7 +4,7 @@ interface RootProps extends PropsWithChildren<ComponentProps<'ul'>> {
|
|
|
4
4
|
disableScroll?: boolean;
|
|
5
5
|
}
|
|
6
6
|
export interface ItemProps extends ComponentProps<'li'> {
|
|
7
|
-
text
|
|
7
|
+
text?: string;
|
|
8
8
|
leadingIcon?: SystemIconName;
|
|
9
9
|
selected?: boolean;
|
|
10
10
|
disabled?: boolean;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("react"),i=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),l=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/SystemIcon/SystemIcon.js")),a=(require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),{Root:function(r){var l=r.children,a=r.className,o=r.disableScroll,o=void 0!==o&&o,r=e.__rest(r,["children","className","disableScroll"]),n=s.useRef(null),c=s.useState(!1),d=c[0],m=c[1];return s.useLayoutEffect(function(){var e,t=n.current;t&&(e=t.scrollHeight,t=t.clientHeight,m(t<e))},[]),t.jsx("ul",e.__assign({ref:n,"data-testid":"design-system-list",className:i.twMerge("flex max-h-60 w-fit min-w-[220px] flex-col rounded-xl bg-w-white p-2 shadow-graymedium",o?"max-h-full overflow-visible":"overflow-y-auto scrollbar-list",d&&!o&&"pr-0",a)},r,{children:l}))},Item:function(s){var a=s.leadingIcon,o=s.text,n=s.selected,n=void 0!==n&&n,c=s.disabled,d=void 0!==c&&c,c=s.canceled,c=void 0!==c&&c,m=s.children,u=s.className,x=e.__rest(s,["leadingIcon","text","selected","disabled","canceled","children","className"]),s=i.twMerge(n?"text-primary-500":"text-w-gray-600",c&&"text-w-red-500",d&&"text-w-gray-300");return t.jsxs("li",e.__assign({className:i.twMerge("visible flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3",!d&&"hover:bg-primary-10",u)},x,{onClick:function(e){var t;d||null==(t=x.onClick)||t.call(x,e)},"data-testid":"design-system-list-item",children:[a&&t.jsx(l,{name:a,className:s,testId:"design-system-list-item-leading-icon"}),o&&t.jsx(r,{variant:"body1",className:s,"data-testid":"design-system-list-item-text",children:o}),m]}))}});module.exports=a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),t=require("../../Atoms/Typography/Typography.js"),r=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),a=(require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js")),i=(require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),function(s){switch(s.type){case"information":return e.jsx(a,{name:"medium_information",className:"text-primary-500",testId:"design-system-message-bar--information-icon"});case"success":return e.jsx(a,{name:"medium_success",className:"text-primary-500",testId:"design-system-message-bar--success-icon"});case"progress":return e.jsx(a,{name:"medium_success",className:"text-w-green-500",testId:"design-system-message-bar--progress-icon"});case"waiting":return e.jsx(a,{name:"medium_wait",className:"text-w-yellow-500",testId:"design-system-message-bar--waiting-icon"});case"caution":return e.jsx(a,{name:"medium_caution",className:"text-w-orange-500",testId:"design-system-message-bar--caution-icon"});case"error":return e.jsx(a,{name:"medium_error",className:"text-w-red-500",testId:"design-system-message-bar--error-icon"});default:return null}});module.exports=function(n){var o=n.message,m=n.type,n=n.onClose,c=!!n;return e.jsxs(r,{"data-testid":"design-system-message-bar",className:s.twMerge(function(){switch(m){case"information":case"success":return"bg-primary-10 outline-primary-100";case"progress":return"bg-w-green-10 outline-w-green-100";case"waiting":return"bg-w-yellow-10 outline-w-yellow-100";case"caution":return"bg-w-orange-10 outline-w-orange-100";case"error":return"bg-w-red-10 outline-w-red-100";default:return""}}(),"box-border flex w-full items-start justify-between gap-x-4 rounded-xl px-[25px] py-[17px] outline outline-1 -outline-offset-1"),children:[e.jsx(r,{"data-testid":"design-system-message-bar--icon",className:"pt-[5px]",children:e.jsx(i,{type:m})}),e.jsx(r,{className:"w-full",children:e.jsx(t,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:o})}),c&&e.jsx(r,{onClick:n,"data-testid":"design-system-message-bar--close-button",className:"pt-[5px]",children:e.jsx(a,{name:"medium_delete",className:"text-w-gray-400"})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),s=require("../../Atoms/Typography/Typography.js"),r=(require("../../Atoms/Checkbox/Checkbox.js"),require("tailwind-merge"),require("../../Atoms/Box/Box.js")),i=require("../../Atoms/ProductIcon/ProductIcon.js"),t=(require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),s=require("../../Atoms/Typography/Typography.js"),r=(require("../../Atoms/Checkbox/Checkbox.js"),require("tailwind-merge"),require("../../Atoms/Box/Box.js")),i=require("../../Atoms/ProductIcon/ProductIcon.js"),t=(require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),o=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("./MessageBox.parts.js"));module.exports=function(a){var l=a.icon,n=a.title,c=a.description,a=a.links;return e.jsxs(r,{className:"box-border flex h-auto flex-col rounded-3xl outline outline-1 -outline-offset-1 outline-w-gray-200","data-testid":"design-system-message-box--container",children:[e.jsxs(r,{className:"flex h-auto flex-col gap-4 p-[25px] outline-0",children:[l&&e.jsx(r,{className:"size-10 flex-shrink-0",children:e.jsx(i,{name:l,size:"medium"})}),e.jsxs(r,{className:"flex h-auto flex-col gap-1.5",children:[e.jsx(s,{variant:"subTitle2",className:"whitespace-pre-line font-medium text-w-gray-900","data-testid":"design-system-message-box--title",children:n}),c&&e.jsx(s,{variant:"body1",className:"whitespace-pre-line font-normal text-w-gray-600","data-testid":"design-system-message-box--description",children:c})]})]}),a&&0<a.length&&e.jsxs(e.Fragment,{children:[e.jsx(t,{}),e.jsx(o.ExternalLinks,{links:a})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("next/link"),t=require("../../Atoms/Typography/Typography.js"),s=(require("../../Atoms/Checkbox/Checkbox.js"),require("tailwind-merge"),require("../../Atoms/Box/Box.js")),i=(require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../../Atoms/TextField/TextField.js"),require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("next/link"),t=require("../../Atoms/Typography/Typography.js"),s=(require("../../Atoms/Checkbox/Checkbox.js"),require("tailwind-merge"),require("../../Atoms/Box/Box.js")),i=(require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),exports.ExternalLinks=function(n){n=n.links;return e.jsx(s,{className:"flex h-auto w-full flex-col gap-3 p-[25px]","data-testid":"design-system-message-box--external-links-container",children:null==n?void 0:n.map(function(s,n){return e.jsxs(r,{target:s.target||"_blank",prefetch:"_self"===s.target,href:s.url,className:"flex items-center justify-between text-w-gray-600 no-underline","data-testid":"design-system-message-box--external-links-item-".concat(n),children:[e.jsx(t,{variant:"body1",className:"hover:underline hover:underline-offset-2",children:s.title}),e.jsx(i,{name:"small_arrow_right"})]},"".concat(s.title,"-").concat(s.url))})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("../../Atoms/Typography/Typography.js"),s=(require("../../Atoms/Checkbox/Checkbox.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../../Atoms/TextField/TextField.js"),require("
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("../../Atoms/Typography/Typography.js"),s=(require("../../Atoms/Checkbox/Checkbox.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),exports.LeftArrow=function(t){return r.jsx("button",e.__assign({},t,{"data-testid":"design-system-pagination-left-arrow",children:r.jsx(s,{name:"medium_arrow_left",className:"text-w-gray-900"})}))},exports.PaginationNumber=function(s){var a=s.value,n=s.enabled,s=e.__rest(s,["value","enabled"]);return r.jsx("button",e.__assign({className:t.twMerge("flex size-10 justify-center rounded-xl p-2 text-w-gray-700",n?"bg-primary-50 text-primary":"hover:bg-w-gray-50")},s,{children:r.jsx(i,{variant:"body2",children:a})}))},exports.RightArrow=function(t){return r.jsx("button",e.__assign({},t,{"data-testid":"design-system-pagination-right-arrow",children:r.jsx(s,{name:"medium_arrow_right",className:"text-w-gray-900"})}))};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),
|
|
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/Radio/Radio.js")),d=(require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),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,o=e.value,n=e.label,l=e.description,c=e.checked,m=e.disabled,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],p=h[1];return i.jsxs(d,{"data-testid":"design-system-radioList--item",disabled:m,className:x,onMouseOver:function(){p(!0)},onMouseOut:function(){p(!1)},children:[i.jsx("div",{className:"flex cursor-pointer items-center grid-in-radio",children:i.jsx(t,{name:r,value:o,checked:c,isHover:j,isError:u,disabled:m,onChange:e,className:g})}),i.jsx("div",{className:"flex items-center grid-in-label",children:i.jsx(a,{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(a,{variant:"body2",className:m?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:l})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),s=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),i=(require("../../../_virtual/_tslib.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),module.exports=function(a){var o=a.text,n=a.isSmall,n=void 0!==n&&n,a=a.iconAlign,a=void 0===a?"none":a;return e.jsxs(s,{"data-testid":"design-system-text-button--container",className:t.twMerge("flex min-h-6 w-fit cursor-pointer items-center justify-center",n?"gap-x-0.5":"gap-x-1"),children:["left"===a&&e.jsx(s,{"data-testid":"design-system-text-button--icon--left",className:"w-fit",children:e.jsx(i,{name:n?"small_arrow_left":"medium_arrow_left",className:"text-primary-500"})}),e.jsx(s,{"data-testid":"design-system-text-button--text",className:"w-fit",children:e.jsx(r,{variant:n?"body2":"body1",className:"align-baseline text-primary-500",children:o})}),"right"===a&&e.jsx(s,{"data-testid":"design-system-text-button--icon--right",className:"w-fit",children:e.jsx(i,{name:n?"small_arrow_right":"medium_arrow_right",className:"text-primary-500"})})]})};
|
|
@@ -1 +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("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("
|
|
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("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/NewBadge/NewBadge.js"));require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),module.exports=function(i){var o=i.text,l=i.children,m=i.className,u=i.variant,u=void 0===u?"primary":u,i=i.showZero,i=void 0!==i&&i;return e.jsxs(s,{className:r.twMerge("relative w-fit",m),"data-testid":"with-badge",children:[l,"new"===u?e.jsx(a,{className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"}):e.jsx(t,{text:o,variant:u,showZero:i,className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),a=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),l=(require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.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/ModalContext/ModalContext.parts.js"),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(i,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(a,{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(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=t.Children.map(o,function(e,i){return 0===i?e:s.jsxs(t.Fragment,{children:[s.jsx(l,{className:"my-2"}),e]})});return s.jsxs(d.Provider,{value:{type:a},children:["main"===a&&s.jsxs(i,{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(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: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"===a&&s.jsx(i,{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(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 gap-4",children:[s.jsx(o,{size:"lg",isEditable:!0,imgUrl:t,onClick:e}),s.jsxs(i,{className:"flex w-full flex-col gap-1",children:[s.jsx(a,{variant:"body2",className:"min-h-6 font-medium text-w-gray-900",children:r}),s.jsx(a,{variant:"body3",className:"min-h-5 text-w-gray-600",children:l})]})]}),n&&s.jsx(i,{className:"flex w-full flex-col gap-2",children:n})]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("@wishket/yogokit"),i=(require("tailwind-merge"),require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("next/link"),require("../../Molecules/List/List.js")),s=require("./SelectDropdown.parts.js");module.exports=function(o){function l(){p&&j(!1)}var u=o.selectedItem,c=o.items,n=o.onItemClick,a=o.placeholder,d=o.disabled,m=o.error,o=o.className,x=t.useState(!1),p=x[0],j=x[1],x=t.useRef(null);return r.useClickOutside(x,l),e.jsxs("div",{"data-testid":"design-system-selectDropdown",ref:x,className:"flex w-[220px] flex-col gap-1",children:[e.jsx(s.SelectBox,{placeholder:a,value:null==u?void 0:u.value,disabled:d,isListOpen:p,onClick:function(e){d||(j(!p),e.stopPropagation())},error:m,className:o}),p&&e.jsx(i.Root,{children:c.map(function(t){return e.jsx(i.Item,{text:t.value,onClick:function(){n(t),l()},selected:t.key===(null==u?void 0:u.key)},t.key)})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("tailwind-merge"),s=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("tailwind-merge"),s=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),o=(require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),exports.SelectBox=function(a){var l=a.placeholder,n=a.value,u=a.isListOpen,x=a.disabled,c=a.error,d=a.className,a=e.__rest(a,["placeholder","value","isListOpen","disabled","error","className"]);return r.jsxs(i,e.__assign({"data-testId":"design-system-selectBox",className:t.twMerge("flex h-[50px] w-full cursor-pointer select-none items-center justify-between rounded-xl bg-w-white px-[17px] py-[11px] outline outline-1 -outline-offset-1 outline-w-gray-200 hover:outline-w-primary-500",u&&"outline-w-primary-500",c&&"outline-w-red-500 hover:outline-w-red-500",x&&"cursor-not-allowed bg-w-gray-10 outline-w-gray-200 hover:outline-w-gray-200",d)},a,{children:[r.jsx(s,{variant:"body1",className:t.twMerge(n?"text-w-gray-600":"text-w-gray-300",x&&n&&"text-w-gray-300",x&&!n&&"text-w-gray-200"),children:n||l}),r.jsx("div",{className:t.twJoin("transition-transform duration-300",u&&"rotate-180"),children:r.jsx(o,{name:"medium_arrow_down",className:x?"text-w-gray-300":"text-w-gray-600"})})]}))};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("tailwind-merge"),s=require("@wishket/yogokit"),r=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("tailwind-merge"),s=require("@wishket/yogokit"),r=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("next/link"),require("../../Molecules/List/List.js")),o=require("./TextButtonsDropdown.parts.js");module.exports=function(n){function l(){x(!1)}var u=n.items,a=n.selectedItem,c=n.onItemClick,n=n.alignRight,n=void 0!==n&&n,d=t.useState(!1),m=d[0],x=d[1],d=t.useRef(null);return s.useClickOutside(d,l),e.jsxs("div",{"data-testid":"design-system-textButtonsDropdown",className:"relative flex w-fit flex-col gap-1",ref:d,children:[e.jsx(o.TextButton,{value:a.value,"data-testid":"design-system-textButtonsDropdown-textButton",isListOpen:m,onClick:function(e){e.stopPropagation(),x(!m)}}),m&&e.jsx("div",{className:i.twJoin("absolute -bottom-2 z-40 translate-y-full transform transition-all",n?"right-0":"left-0 "),children:e.jsx(r.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:u.map(function(i){return e.jsx(r.Item,{text:i.value,onClick:function(e){return t=i,e.stopPropagation(),c(t),void l();var t},selected:i.key===(null==a?void 0:a.key)},i.key)})})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("tailwind-merge"),s=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../../Atoms/TextField/TextField.js"),require("
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("tailwind-merge"),s=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),exports.TextButton=function(a){var o=a.value,n=a.isListOpen,a=e.__rest(a,["value","isListOpen"]);return r.jsxs("button",e.__assign({className:"flex items-center gap-2"},a,{children:[r.jsx(s,{variant:"body1",className:"text-w-gray-600",children:o}),r.jsx("div",{className:t.twJoin("transition-transform duration-300",n&&"rotate-180"),children:r.jsx(i,{name:"medium_arrow_down",className:"text-w-gray-600"})})]}))};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),a=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/CountBadge/CountBadge.js")),s=require("../../Atoms/Box/Box.js"),n=(require("../../../_virtual/_tslib.js"),require("../../Atoms/SystemIcon/SystemIcon.js")),o=(require("../../Atoms/TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),l=(require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),t.createContext({activeTab:0,defaultActive:0,animationDirection:"right",isFit:!0,hasPadding:!1,handleTabClick:function(e){}}));exports.Panel=function(a){var i=a.children,a=a.index;return t.useContext(l).activeTab===a&&e.jsx(s,{"data-testid":"design-system-textTab--content",children:i})},exports.Root=function(a){function i(e){if(e===d)return m(void 0);d<e&&m("right"),e<d&&m("left"),null!=c&&c(),x(e)}var r=a.children,s=a.defaultActive,n=void 0===s?0:s,s=a.isFit,s=void 0===s||s,o=a.hasPadding,o=void 0!==o&&o,c=a.onChange,a=t.useState(n),d=a[0],x=a[1],a=t.useState(void 0),u=a[0],m=a[1];return t.useEffect(function(){i(n)},[n]),e.jsx(l.Provider,{value:{activeTab:d,animationDirection:u,defaultActive:n,isFit:s,hasPadding:o,handleTabClick:i},children:r})},exports.Tab=function(o){var c=o.children,d=o.index,x=o.className,u=o.barColor,m=o.disabled,g=void 0!==m&&m,m=o.badgeNumber,o=o.iconName,h=t.useContext(l),f=h.isFit,v=h.handleTabClick,b=h.activeTab,h=h.animationDirection,b=d===b;return e.jsx(s,{tabIndex:0,"data-testid":"design-system-textTab--item-".concat(d),className:a.twMerge("group flex w-max cursor-pointer items-center rounded-xl hover:font-medium",g&&"cursor-not-allowed",x),onClick:function(){g||v(d)},children:e.jsxs(s,{className:a.twMerge("relative flex w-max flex-row items-center justify-center gap-2 py-4 font-normal text-w-gray-600 group-hover:text-w-gray-900",!f&&"px-[33.5px]",b&&"font-medium text-w-gray-900"),children:[o&&e.jsx(s,{className:"flex size-4 flex-shrink-0 items-center justify-center",children:e.jsx(n,{name:o,className:a.twMerge("size-4 text-w-gray-600 group-hover:text-w-gray-900",b&&"text-w-gray-900")})}),e.jsx(r,{variant:"body1",className:"relative",children:c}),m&&e.jsx(i,{text:m,className:"relative",variant:"gray"}),e.jsx("span",{"data-testid":"design-system-textTab--underbar-".concat(d),className:a.twMerge("absolute -bottom-px left-0 h-0.5 w-full rounded-t-lg bg-transparent",b&&"bg-w-gray-900 transition duration-500 ease-out ".concat("right"===(h||"")?"-left-1/2 translate-x-1/2":"left-1/2 -translate-x-1/2"),u)})]})})},exports.Tabs=function(i){var i=i.children,r=t.useContext(l).hasPadding;return e.jsxs(e.Fragment,{children:[e.jsx(s,{className:a.twJoin("block w-full items-start overflow-x-scroll scrollbar-hide",r&&"px-9"),"data-testid":"design-system-textTab--container",children:e.jsx(s,{className:"mb-px inline-flex min-w-max gap-10",children:i})}),e.jsx(o,{className:"w-full"})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),t=(require("react"),require("../../Atoms/SystemIcon/Icons/Small/SmallScrap.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumEdit.js"),require("../../Atoms/TextField/TextField.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/ModalContext/ModalContext.parts.js"),require("next/link"),require("../../Molecules/MessageBar/MessageBar.js"));module.exports=function(i){var a=i.children,l=i.isOpen,o=i.message,n=i.type,i=i.onClose;return e.jsxs(r,{"data-testid":"design-system-with-message-bar",children:[e.jsx(r,{className:"w-full overflow-y-hidden",children:e.jsx(r,{className:s.twJoin("w-full transform overflow-y-hidden transition-all duration-300 ease-linear",l?"max-h-full translate-y-0":"max-h-0 -translate-y-full"),"data-testid":"design-system-with-message-bar--container",children:e.jsx(r,{className:"pt-8",children:e.jsx(t,{message:o,type:n,onClose:i})})})}),a]})};
|
|
@@ -202,16 +202,31 @@ module.exports = {
|
|
|
202
202
|
},
|
|
203
203
|
},
|
|
204
204
|
keyframes: {
|
|
205
|
+
rippleOutlineSmall: {
|
|
206
|
+
'0%': {
|
|
207
|
+
height: '30%',
|
|
208
|
+
width: '30%',
|
|
209
|
+
borderRadius: 7,
|
|
210
|
+
opacity: 100
|
|
211
|
+
},
|
|
212
|
+
'100%': {
|
|
213
|
+
height: 'calc(100% - 2px)',
|
|
214
|
+
width: 'calc(100% - 2px)',
|
|
215
|
+
borderRadius: 7,
|
|
216
|
+
opacity: 0
|
|
217
|
+
}
|
|
218
|
+
},
|
|
205
219
|
rippleOutline: {
|
|
206
220
|
'0%': {
|
|
207
221
|
height: '30%',
|
|
208
222
|
width: '30%',
|
|
209
|
-
borderRadius:
|
|
223
|
+
borderRadius: 11,
|
|
210
224
|
opacity: 100
|
|
211
225
|
},
|
|
212
226
|
'100%': {
|
|
213
|
-
height: '
|
|
214
|
-
width: '
|
|
227
|
+
height: 'calc(100% - 2px)',
|
|
228
|
+
width: 'calc(100% - 2px)',
|
|
229
|
+
borderRadius: 11,
|
|
215
230
|
opacity: 0
|
|
216
231
|
}
|
|
217
232
|
},
|
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"),s=require("./Components/Atoms/CountBadge/CountBadge.js"),t=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"),x=require("./Components/Atoms/ServiceLogo/ServiceLogo.js"),
|
|
1
|
+
"use strict";var e=require("./Components/Atoms/Typography/Typography.js"),o=require("./Components/Atoms/Checkbox/Checkbox.js"),s=require("./Components/Atoms/CountBadge/CountBadge.js"),t=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"),x=require("./Components/Atoms/ServiceLogo/ServiceLogo.js"),C=require("./Components/Atoms/Avatar/Avatar.js"),m=require("./Components/Atoms/Switch/Switch.js"),c=require("./Components/Atoms/SystemIcon/SystemIcon.js"),d=require("./Components/Atoms/NewBadge/NewBadge.js"),l=require("./Components/Atoms/ChoiceChip/ChoiceChip.js"),j=require("./Components/Atoms/Textarea/Textarea.js"),q=require("./Components/Atoms/IconButton/IconButton.js"),B=require("./Components/Atoms/SkillChip/SkillChip.js"),g=require("./Components/Atoms/TextLabel/TextLabel.js"),h=require("./Components/Atoms/ModalContext/ModalContext.js"),A=require("./Components/Molecules/WithBadge/WithBadge.js"),L=require("./Components/Molecules/GridLayout/GridLayout.js"),M=require("./Components/Molecules/CheckboxList/CheckboxList.js"),T=require("./Components/Molecules/CheckboxCard/CheckboxCard.js"),b=require("./Components/Molecules/RadioList/RadioList.js"),w=require("./Components/Molecules/MessageBox/MessageBox.js"),I=require("./Components/Molecules/TextButton/TextButton.js"),S=require("./Components/Molecules/InputChip/InputChip.js"),k=require("./Components/Molecules/List/List.js"),y=require("./Components/Molecules/Pagination/Pagination.js"),D=require("./Components/Molecules/Drawer/Drawer.js"),v=require("./Components/Molecules/MessageBar/MessageBar.js"),G=require("./Components/Organisms/TextTab/TextTab.js"),N=require("./Components/Organisms/GNBList/GNBList.js"),P=require("./Components/Organisms/SelectDropdown/SelectDropdown.js"),R=require("./Components/Organisms/TextButtonsDropdown/TextButtonsDropdown.js"),W=require("./Components/Organisms/WithMessageBar/WithMessageBar.js");exports.Typography=e,exports.Checkbox=o,exports.CountBadge=s,exports.Box=t,exports.ProductIcon=r,exports.Radio=n,exports.Button=i,exports.LoadingIndicator=p,exports.TextField=a,exports.Divider=u,exports.ServiceLogo=x,exports.Avatar=C,exports.Switch=m,exports.SystemIcon=c,exports.NewBadge=d,exports.ChoiceChip=l,exports.Textarea=j,exports.IconButton=q,exports.SkillChip=B,exports.TextLabel=g,exports.ModalContext=h,exports.WithBadge=A,exports.GridLayout=L,exports.CheckboxList=M,exports.CheckboxCard=T,exports.RadioList=b,exports.MessageBox=w,exports.TextButton=I,exports.InputChip=S,exports.List=k,exports.Pagination=y,exports.Drawer=D,exports.MessageBar=v,exports.TextTab=G,exports.GNBList=N,exports.SelectDropdown=P,exports.TextButtonsDropdown=R,exports.WithMessageBar=W;
|
package/package.json
CHANGED
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import { ModalRootProps } from './Modal.types';
|
|
2
|
-
export interface ModalProps extends ModalRootProps {
|
|
3
|
-
isPreventClose?: boolean;
|
|
4
|
-
}
|
|
5
|
-
declare const Modal: {
|
|
6
|
-
Root: ({ children, hasBackground, isPreventClose, size, }: ModalRootProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
-
Trigger: ({ children, testId }: import("./Modal.types").ModalTriggerProps) => import("react/jsx-runtime").JSX.Element;
|
|
8
|
-
Content: ({ children, testId, role, className, }: import("./Modal.types").ModalContentProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
-
};
|
|
10
|
-
export default Modal;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var r=require("./Modal.parts.js"),t={Root:r.Root,Trigger:r.Trigger,Content:r.Content};module.exports=t;
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),s=require("react"),r=require("./hooks/usePreventScroll.js"),n=s.createContext({isOpen:!1,setOpen:function(){},hasBackground:!0,isPreventClose:!1,size:"md"}),i=function(){var r=s.useContext(n),i=r.isOpen,r=r.hasBackground;return e.jsx(e.Fragment,{children:i&&e.jsx("div",{"data-testid":"design-system-modal--background",className:t.twMerge("fixed left-0 top-0 z-30 h-[100vh] w-[100vw]",r?" bg-black bg-opacity-40":"bg-transparent")})})};exports.Content=function(o){var a=o.children,d=o.testId,l=o.role,o=o.className,c=s.useContext(n),u=c.isOpen,x=c.size,p=c.hasBackground,c=c.isPreventClose;return r(u),e.jsxs(e.Fragment,{children:[u&&c&&e.jsx(i,{}),u&&e.jsx("div",{role:l,"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-3xl bg-w-white px-[15px] py-[15px]",!p&&"shadow-modal","sm"===x&&"size-[400px]","md"===x&&"size-[500px]","lg"===x&&"size-[600px]","xl"===x&&"size-[1000px]",o),children:a})]})},exports.Root=function(t){var r=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=s.useState(!1),d=a[0],l=a[1];return e.jsx(n.Provider,{value:{isOpen:d,setOpen:function(){l(function(e){return!e})},hasBackground:i,isPreventClose:o,size:t},children:r})},exports.Trigger=function(t){var r=t.children,t=t.testId,o=s.useContext(n),a=o.isOpen,d=o.setOpen,o=o.isPreventClose;return e.jsxs("div",{"data-testid":t,onClick:d,children:[r,a&&!o&&e.jsx(i,{})]})};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default as usePreventScroll } from './usePreventScroll';
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
"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])};
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
"use strict";var e=require("./Modal.js");module.exports=e;
|
|
File without changes
|