@wishket/design-system 1.1.21 → 1.1.23
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Components/Atoms/Avatar/Avatar.js +1 -1
- package/dist/Components/Atoms/Avatar/Avatar.types.d.ts +7 -7
- package/dist/Components/Atoms/BottomModalContainer/BottomModalContainer.js +1 -1
- package/dist/Components/Atoms/BottomModalContainer/useBottomModalContainer.d.ts +10 -0
- package/dist/Components/Atoms/BottomModalContainer/useBottomModalContainer.js +2 -0
- package/dist/Components/Atoms/Input/Input.d.ts +8 -0
- package/dist/Components/Atoms/Input/Input.js +1 -0
- package/dist/Components/Atoms/Input/index.d.ts +2 -0
- package/dist/Components/Atoms/Input/index.js +1 -0
- package/dist/Components/Atoms/SupportTextContainer/SupportTextContainer.d.ts +9 -0
- package/dist/Components/Atoms/SupportTextContainer/SupportTextContainer.js +1 -0
- package/dist/Components/Atoms/SupportTextContainer/index.d.ts +2 -0
- package/dist/Components/Atoms/SupportTextContainer/index.js +1 -0
- package/dist/Components/Atoms/SystemIcon/Icons/Medium/MediumMagic.js +1 -1
- package/dist/Components/Atoms/TextFieldContainer/TextFieldContainer.d.ts +18 -0
- package/dist/Components/Atoms/TextFieldContainer/TextFieldContainer.js +1 -0
- package/dist/Components/Atoms/TextFieldContainer/index.d.ts +2 -0
- package/dist/Components/Atoms/TextFieldContainer/index.js +1 -0
- package/dist/Components/Atoms/index.d.ts +3 -3
- package/dist/Components/Molecules/AutoCompleteList/AutoCompleteList.js +1 -1
- package/dist/Components/Molecules/AutoCompleteList/AutoCompleteList.parts.js +1 -1
- package/dist/Components/Molecules/BackDropLiftContainer/BackDropLiftContainer.d.ts +11 -0
- package/dist/Components/Molecules/BackDropLiftContainer/BackDropLiftContainer.js +2 -0
- package/dist/Components/Molecules/BackDropLiftContainer/index.d.ts +2 -0
- package/dist/Components/Molecules/BackDropLiftContainer/index.js +1 -0
- package/dist/Components/Molecules/CheckboxCard/CheckboxCard.js +1 -1
- package/dist/Components/Molecules/CheckboxCard/CheckboxCard.parts.js +1 -1
- package/dist/Components/Molecules/CheckboxListItem/CheckboxListItem.js +1 -1
- package/dist/Components/Molecules/DialogBox/DialogBox.d.ts +12 -0
- package/dist/Components/Molecules/DialogBox/DialogBox.js +2 -0
- package/dist/Components/Molecules/DialogBox/DialogBox.stories.d.ts +7 -0
- package/dist/Components/Molecules/DialogBox/index.d.ts +2 -0
- package/dist/Components/Molecules/DialogBox/index.js +1 -0
- package/dist/Components/Molecules/Drawer/Drawer.js +1 -1
- package/dist/Components/Molecules/List/List.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/PlainTooltip/PlainTooltip.js +1 -1
- package/dist/Components/Molecules/RadioCard/RadioCard.js +1 -1
- package/dist/Components/Molecules/RadioCard/RadioCard.parts.js +1 -1
- package/dist/Components/Molecules/RadioList/RadioListItem.js +1 -1
- package/dist/Components/Molecules/RangeSlider/RangeSlider.js +1 -1
- package/dist/Components/Molecules/RichTooltip/RichTooltip.js +1 -1
- package/dist/Components/Molecules/SnackBar/SnackBar.js +1 -1
- package/dist/Components/Molecules/TextButton/TextButton.js +1 -1
- package/dist/Components/Molecules/TextField/TextField.d.ts +17 -0
- package/dist/Components/Molecules/TextField/TextField.js +2 -0
- package/dist/Components/{Atoms → Molecules}/TextField/TextField.stories.d.ts +1 -2
- package/dist/Components/Molecules/TextField/parts/LableInput.d.ts +9 -0
- package/dist/Components/Molecules/TextField/parts/LableInput.js +1 -0
- package/dist/Components/Molecules/TextField/parts/PasswordInput.d.ts +3 -0
- package/dist/Components/Molecules/TextField/parts/PasswordInput.js +1 -0
- package/dist/Components/Molecules/Textarea/Textarea.js +2 -0
- package/dist/Components/Molecules/WithBadge/WithBadge.js +1 -1
- package/dist/Components/Molecules/index.d.ts +4 -1
- package/dist/Components/Organisms/Autocomplete/Autocomplete.d.ts +1 -1
- package/dist/Components/Organisms/Autocomplete/Autocomplete.js +1 -1
- package/dist/Components/Organisms/Autocomplete/Autocomplete.types.d.ts +1 -1
- package/dist/Components/Organisms/Dialog/Dialog.d.ts +5 -4
- package/dist/Components/Organisms/Dialog/Dialog.js +1 -2
- package/dist/Components/Organisms/Dialog/Dialog.stories.d.ts +3 -3
- package/dist/Components/Organisms/GNBList/GNBList.parts.js +1 -1
- package/dist/Components/{Molecules → Organisms}/Modal/Modal.d.ts +1 -1
- package/dist/Components/Organisms/Modal/Modal.js +1 -0
- package/dist/Components/Organisms/SearchField/SearchField.js +1 -1
- package/dist/Components/Organisms/TableOfContents/TableOfContents.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/TextFieldDropdown/TextFieldDropdown.d.ts +2 -2
- package/dist/Components/Organisms/TextFieldDropdown/TextFieldDropdown.js +1 -1
- package/dist/Components/Organisms/TextFieldDropdown/TextFieldDropdown.parts.d.ts +3 -3
- package/dist/Components/Organisms/TextFieldDropdown/TextFieldDropdown.parts.js +1 -1
- package/dist/Components/Organisms/TextTab/TextTab.parts.js +1 -1
- package/dist/Components/Organisms/WithRichTooltip/WithRichTooltip.js +1 -1
- package/dist/Components/Organisms/WithSnackBar/WithSnackBar.js +1 -1
- package/dist/Components/Organisms/index.d.ts +2 -1
- package/dist/config/tailwind.config.js +5 -5
- package/dist/index.js +1 -1
- package/package.json +3 -3
- package/dist/Components/Atoms/ModalContext/ModalContext.d.ts +0 -11
- package/dist/Components/Atoms/ModalContext/ModalContext.js +0 -1
- package/dist/Components/Atoms/ModalContext/ModalContext.parts.d.ts +0 -5
- package/dist/Components/Atoms/ModalContext/ModalContext.parts.js +0 -2
- package/dist/Components/Atoms/ModalContext/ModalContext.stories.d.ts +0 -21
- package/dist/Components/Atoms/ModalContext/ModalContext.types.d.ts +0 -33
- package/dist/Components/Atoms/ModalContext/index.d.ts +0 -2
- package/dist/Components/Atoms/ModalContext/index.js +0 -1
- package/dist/Components/Atoms/TextField/TextField.d.ts +0 -4
- package/dist/Components/Atoms/TextField/TextField.js +0 -2
- package/dist/Components/Atoms/TextField/TextField.types.d.ts +0 -36
- package/dist/Components/Atoms/TextField/parts/InputContainer.d.ts +0 -4
- package/dist/Components/Atoms/TextField/parts/InputContainer.js +0 -1
- package/dist/Components/Atoms/TextField/parts/LabelContainer.d.ts +0 -4
- package/dist/Components/Atoms/TextField/parts/LabelContainer.js +0 -1
- package/dist/Components/Atoms/TextField/parts/PasswordContainer.d.ts +0 -4
- package/dist/Components/Atoms/TextField/parts/PasswordContainer.js +0 -1
- package/dist/Components/Atoms/TextField/parts/SupportContainer.d.ts +0 -3
- package/dist/Components/Atoms/TextField/parts/SupportContainer.js +0 -1
- package/dist/Components/Atoms/TextField/parts/index.d.ts +0 -3
- package/dist/Components/Atoms/Textarea/Textarea.js +0 -2
- package/dist/Components/Molecules/Modal/Modal.js +0 -1
- /package/dist/Components/{Atoms → Molecules}/TextField/index.d.ts +0 -0
- /package/dist/Components/{Atoms → Molecules}/TextField/index.js +0 -0
- /package/dist/Components/{Atoms → Molecules}/Textarea/Textarea.d.ts +0 -0
- /package/dist/Components/{Atoms → Molecules}/Textarea/Textarea.stories.d.ts +0 -0
- /package/dist/Components/{Atoms → Molecules}/Textarea/index.d.ts +0 -0
- /package/dist/Components/{Atoms → Molecules}/Textarea/index.js +0 -0
- /package/dist/Components/{Molecules → Organisms}/Modal/Modal.stories.d.ts +0 -0
- /package/dist/Components/{Molecules → Organisms}/Modal/index.d.ts +0 -0
- /package/dist/Components/{Molecules → Organisms}/Modal/index.js +0 -0
|
@@ -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"),a=require("react"),i=require("../Box/Box.js"),r=require("../SystemIcon/SystemIcon.js"),s=require("../Typography/Typography.js"),n=function(t){var i=t.size,i=void 0===i?"md":i,n=t.name,o=t.imgUrl,l=t.isMonogram,t=t.avatarStyle,d=a.useState(!1),c=d[0],m=d[1],d=null==n?void 0:n.slice(0,1);return o&&!c?e.jsx("img",{src:o,alt:"",width:80,height:80,className:"h-full w-full","data-testid":"design-system-avatar--image",onError:function(){return m(!0)}}):l?e.jsx(s,{variant:t[i].char,className:"cursor-default select-none text-w-white",children:d}):e.jsx(r,{name:"large_user_image_avatar",className:"h-full w-full",testId:"design-system-avatar--default-image"})},o=a.memo(function(a){var s=a.size,s=void 0===s?"md":s,o=a.name,l=a.imgUrl,d=a.isEditable,d=void 0!==d&&d,a=a.onClick,c=!l&&!!o,m={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"}};return e.jsxs(i,{className:t.twMerge("relative z-0 h-fit w-fit",d&&"cursor-pointer"),onClick:a,children:[e.jsx(i,{"data-testid":"design-system-avatar--container",className:t.twMerge(m[s].container,"flex items-center justify-center overflow-hidden rounded-full border border-w-gray-200"),children:e.jsx(n,{size:s,name:o,imgUrl:l,isMonogram:c,avatarStyle:m})}),!c&&d&&e.jsx(i,{className:t.twMerge("absolute -right-0.5 bottom-0 z-10 flex items-center justify-center rounded-full bg-w-white shadow-graysmall",m[s].editButton),"data-testid":"design-system-avatar--edit-button",children:e.jsx(r,{name:"small_camera",solid:!0,className:t.twJoin("md"===s&&"size-3"),testId:"design-system-avatar--edit-button-icon"})})]})});module.exports=o;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
import { TypographyVariants } from '../Typography/Typography.types';
|
|
2
2
|
export type AvatarSize = 'sm' | 'md' | 'lg' | 'xl';
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
};
|
|
3
|
+
interface AvatarStyle {
|
|
4
|
+
container: string;
|
|
5
|
+
char: TypographyVariants;
|
|
6
|
+
editButton: string;
|
|
7
|
+
}
|
|
8
|
+
export type AvatarStyleType = Record<AvatarSize, AvatarStyle>;
|
|
9
|
+
export {};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../Box/Box.js"),s=require("./useBottomModalContainer.js");module.exports=function(a){var o=a.children,i=a.onClose,a=a.isFixedHeight,a=void 0===a||a,i=s({onClose:i}),n=i.containerRef,i=i.currentTranslate;return e.jsxs(r,{ref:n,style:{transform:"translateY(".concat(i,"px)")},className:t.twJoin("z-30 w-full rounded-t-3xl bg-w-white",a?"h-[60dvh]":"h-fit"),"data-testid":"design-system--bottom-modal-container",children:[e.jsx(r,{className:"flex items-center justify-center pb-5 pt-2","data-testid":"design-system--bottom-modal-container-header",id:"bottom-modal-header",children:e.jsx(r,{className:"h-1 w-8 rounded-full bg-w-gray-200"})}),o]})};
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
/// <reference types="react" />
|
|
2
|
+
interface UseBottomModalContainerProps {
|
|
3
|
+
onClose: () => void;
|
|
4
|
+
}
|
|
5
|
+
declare const useBottomModalContainer: ({ onClose }: UseBottomModalContainerProps) => {
|
|
6
|
+
containerRef: import("react").RefObject<HTMLDivElement>;
|
|
7
|
+
isDragging: boolean;
|
|
8
|
+
currentTranslate: number;
|
|
9
|
+
};
|
|
10
|
+
export default useBottomModalContainer;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";var e=require("react");module.exports=function(t){function n(e){e.preventDefault(),e=e.touches[0].clientY,i(!0),o(e),l.current=Date.now(),h.current=e}function r(e){if(e.preventDefault(),e=e.touches[0].clientY,a){var t,n,r,u,o=e-v;if(!(o<0))t=.5*((null==(t=s.current)?void 0:t.offsetHeight)||0),r=(n=Date.now())-l.current,u=e-h.current,1<Math.abs(u/r)||(u=Math.min(o,t),d(u),t<=u)?(c(),i(!1)):(l.current=n,h.current=e)}}function u(){a&&(i(!1),d(0))}var c=t.onClose,s=e.useRef(null),t=e.useState(!1),a=t[0],i=t[1],t=e.useState(0),v=t[0],o=t[1],t=e.useState(0),f=t[0],d=t[1],l=e.useRef(0),h=e.useRef(0);return e.useEffect(function(){var e=document.getElementById("bottom-modal-header");if(e)return e.addEventListener("touchstart",n,{passive:!1}),e.addEventListener("touchmove",r,{passive:!1}),e.addEventListener("touchend",u),function(){e.removeEventListener("touchstart",n),e.removeEventListener("touchmove",r),e.removeEventListener("touchend",u)}},[a,v]),{containerRef:s,isDragging:a,currentTranslate:f}};
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { InputHTMLAttributes } from 'react';
|
|
2
|
+
interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
|
|
3
|
+
className?: string;
|
|
4
|
+
isError?: boolean;
|
|
5
|
+
isFocused?: boolean;
|
|
6
|
+
}
|
|
7
|
+
declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
8
|
+
export default Input;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),t=require("react"),a=require("tailwind-merge"),s=t.forwardRef(function(t,s){var i=t.disabled,l=t.className,t=(t.isError,t.isFocused,e.__rest(t,["disabled","className","isError","isFocused"]));return r.jsx("input",e.__assign({role:"text-input",ref:s,className:a.twMerge("w-full text-body1 tracking-default text-w-gray-600 outline-none placeholder:text-body1 placeholder:tracking-default placeholder:text-w-gray-300 disabled:bg-w-gray-10",i&&"cursor-not-allowed text-w-gray-300 placeholder:text-w-gray-200",l),"data-testid":"design-system--input",disabled:i},t))});s.displayName="Input",module.exports=s;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("./Input.js");module.exports=e;
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
interface SupportTextContainerProps {
|
|
2
|
+
errorMessage?: string;
|
|
3
|
+
supportMessage?: string;
|
|
4
|
+
currentLength?: number;
|
|
5
|
+
maxLength?: number;
|
|
6
|
+
isMaxLengthVisible?: boolean;
|
|
7
|
+
}
|
|
8
|
+
declare const SupportTextContainer: ({ errorMessage, supportMessage, currentLength, maxLength, isMaxLengthVisible, }: SupportTextContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
9
|
+
export default SupportTextContainer;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),s=require("../Box/Box.js"),r=require("../Typography/Typography.js");module.exports=function(a){var t=a.errorMessage,i=a.supportMessage,n=a.currentLength,x=a.maxLength,a=a.isMaxLengthVisible,l=i||a;return e.jsxs(s,{className:"flex flex-col gap-2 px-[17px]","data-testid":"design-system--support-text-container",children:[t&&e.jsx(r,{variant:"body2",className:"text-w-red-500",children:t}),l&&e.jsxs(s,{className:"flex gap-6",children:[e.jsx(r,{variant:"body2",className:"w-full text-w-gray-400",children:i}),a&&e.jsxs(r,{variant:"body2",className:"shrink-0 text-w-gray-400",children:[n,"/",x]})]})]})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("./SupportTextContainer.js");module.exports=e;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var C=require("react/jsx-runtime");module.exports=function(
|
|
1
|
+
"use strict";var C=require("react/jsx-runtime");module.exports=function(r){var t=r.testId,r=r.className;return C.jsxs("svg",{width:"16",height:"16",viewBox:"0 0 16 16",fill:"none",xmlns:"http://www.w3.org/2000/svg","data-testid":t,className:r,children:[C.jsx("path",{d:"M4.09069 7.21999C3.9707 7.20999 3.8907 7.12999 3.84071 6.98999C3.72072 6.59999 3.59073 6.21999 3.45074 5.83999C3.42074 5.75999 3.34074 5.66999 3.27075 5.63999C2.92077 5.48999 2.5708 5.34999 2.21083 5.20999C2.10083 5.16999 2.01084 5.10999 2.00084 4.95999C1.99084 4.79999 2.07084 4.71999 2.20083 4.65999C2.5608 4.51999 2.92077 4.36999 3.27075 4.20999C3.35074 4.17999 3.42074 4.08999 3.45074 4.00999C3.59073 3.63999 3.71072 3.25999 3.84071 2.88C3.8907 2.74 3.9507 2.62 4.11069 2.62C4.26068 2.62 4.32067 2.75 4.36067 2.88C4.49066 3.25999 4.62065 3.63999 4.76064 4.00999C4.79064 4.08999 4.87063 4.17999 4.94063 4.20999C5.2906 4.36999 5.64058 4.49999 6.00055 4.63999C6.13054 4.68999 6.22054 4.75999 6.21054 4.92999C6.21054 5.08999 6.11054 5.16999 5.99055 5.21999C5.64058 5.35999 5.2906 5.48999 4.95063 5.63999C4.87063 5.66999 4.79064 5.76999 4.76064 5.84999C4.62065 6.21999 4.50066 6.60999 4.37067 6.97999C4.32067 7.11999 4.26068 7.21999 4.09069 7.21999Z",fill:"currentColor"}),C.jsx("path",{d:"M12.0907 13.6C11.9707 13.59 11.8907 13.51 11.8407 13.37C11.7207 12.98 11.5907 12.6 11.4507 12.22C11.4207 12.14 11.3407 12.05 11.2707 12.02C10.9208 11.87 10.5708 11.73 10.2108 11.59C10.1008 11.55 10.0108 11.49 10.0008 11.34C9.99084 11.18 10.0708 11.1 10.2008 11.04C10.5608 10.9 10.9208 10.75 11.2707 10.59C11.3507 10.56 11.4207 10.47 11.4507 10.39C11.5907 10.02 11.7107 9.64 11.8407 9.26C11.8907 9.12 11.9507 9 12.1107 9C12.2607 9 12.3207 9.13 12.3607 9.26C12.4907 9.64 12.6207 10.02 12.7606 10.39C12.7906 10.47 12.8706 10.56 12.9406 10.59C13.2906 10.75 13.6406 10.88 14.0006 11.02C14.1305 11.07 14.2205 11.14 14.2105 11.31C14.2105 11.47 14.1105 11.55 13.9906 11.6C13.6406 11.74 13.2906 11.87 12.9506 12.02C12.8706 12.05 12.7906 12.15 12.7606 12.23C12.6207 12.6 12.5007 12.99 12.3707 13.36C12.3207 13.5 12.2607 13.6 12.0907 13.6Z",fill:"currentColor"}),C.jsx("path",{d:"M3.31062 13.2L2.92065 12.8C2.53068 12.4 2.53068 11.75 2.92065 11.35L11.2601 2.8C11.65 2.4 12.28 2.4 12.67 2.8L13.0599 3.2C13.4499 3.6 13.4499 4.25 13.0599 4.65L4.72052 13.2C4.33055 13.6 3.7006 13.6 3.31062 13.2Z",fill:"transparent",stroke:"currentColor",strokeWidth:"1.4"}),C.jsx("path",{d:"M3.31062 13.2L2.92065 12.8C2.53068 12.4 2.53068 11.75 2.92065 11.35L8.83023 5.29999L10.6301 7.14999L4.73052 13.2C4.34055 13.6 3.7106 13.6 3.32062 13.2H3.31062Z",fill:"currentColor",stroke:"currentColor",strokeWidth:"1.4"})]})};
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { MediumSystemIconName } from '../SystemIcon';
|
|
3
|
+
interface TextFieldContainerProps extends PropsWithChildren {
|
|
4
|
+
leadingIcon?: MediumSystemIconName;
|
|
5
|
+
trailingIcon?: MediumSystemIconName;
|
|
6
|
+
isLeadingIconSolid?: boolean;
|
|
7
|
+
isTrailingIconSolid?: boolean;
|
|
8
|
+
measure?: string;
|
|
9
|
+
isFocused?: boolean;
|
|
10
|
+
isDisabled?: boolean;
|
|
11
|
+
isError?: boolean;
|
|
12
|
+
isTextarea?: boolean;
|
|
13
|
+
isAutoComplete?: boolean;
|
|
14
|
+
testId?: string;
|
|
15
|
+
onClick?: () => void;
|
|
16
|
+
}
|
|
17
|
+
declare const TextFieldContainer: ({ children, leadingIcon, trailingIcon, isLeadingIconSolid, isTrailingIconSolid, measure, isFocused, isDisabled, isError, onClick, isTextarea, isAutoComplete, testId, }: TextFieldContainerProps) => import("react/jsx-runtime").JSX.Element;
|
|
18
|
+
export default TextFieldContainer;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),i=require("../Box/Box.js"),s=require("../SystemIcon/SystemIcon.js"),t=require("../Typography/Typography.js");module.exports=function(a){var n=a.children,o=a.leadingIcon,d=a.trailingIcon,l=a.isLeadingIconSolid,c=a.isTrailingIconSolid,g=a.measure,x=a.isFocused,m=a.isDisabled,y=a.isError,u=a.onClick,w=a.isTextarea,p=a.isAutoComplete,a=a.testId;return e.jsxs(i,{className:r.twMerge("group flex w-full items-center gap-3 overflow-hidden rounded-xl border bg-w-white px-4 py-[11px]",m?"border-w-gray-200":y?"border-w-red-500":x?"border-primary":"border-w-gray-200 hover:border-primary",m&&"cursor-not-allowed bg-w-gray-10",w&&"relative p-0",p&&"flex-wrap"),"data-testid":a||"design-system--text-field-container",onClick:u,children:[o&&e.jsx(s,{name:o,solid:l,className:"shrink-0 text-w-gray-600",testId:"design-system--text-field-container-leading-icon"}),n,g&&e.jsx(t,{variant:"body1",className:"w-fit shrink-0 text-w-gray-400",children:g}),d&&e.jsx(s,{name:d,solid:c,className:"shrink-0 text-w-gray-600",testId:"design-system--text-field-container-trailing-icon"})]})};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("./TextFieldContainer.js");module.exports=e;
|
|
@@ -6,7 +6,7 @@ export { default as ProductIcon } from './ProductIcon';
|
|
|
6
6
|
export { default as Radio } from './Radio';
|
|
7
7
|
export { default as Button } from './Button';
|
|
8
8
|
export { default as LoadingIndicator } from './LoadingIndicator';
|
|
9
|
-
export { default as TextField } from '
|
|
9
|
+
export { default as TextField } from '../Molecules/TextField';
|
|
10
10
|
export { default as Divider } from './Divider';
|
|
11
11
|
export { default as ServiceLogo } from './ServiceLogo';
|
|
12
12
|
export { default as Avatar } from './Avatar';
|
|
@@ -15,14 +15,14 @@ export { default as SystemIcon } from './SystemIcon';
|
|
|
15
15
|
export type { SystemIconName } from './SystemIcon';
|
|
16
16
|
export { default as NewBadge } from './NewBadge';
|
|
17
17
|
export { default as ChoiceChip } from './ChoiceChip';
|
|
18
|
-
export { default as Textarea } from '
|
|
18
|
+
export { default as Textarea } from '../Molecules/Textarea';
|
|
19
19
|
export { default as IconButton } from './IconButton';
|
|
20
20
|
export { default as SkillLabel } from './SkillLabel';
|
|
21
21
|
export { default as ImageLabel } from './ImageLabel';
|
|
22
22
|
export { default as Label } from './Label';
|
|
23
|
-
export { default as ModalContext } from './ModalContext';
|
|
24
23
|
export { default as BackDrop } from './BackDrop';
|
|
25
24
|
export { default as ModalContainer } from './ModalContainer';
|
|
26
25
|
export { default as FullModalContainer } from './FullModalContainer';
|
|
27
26
|
export { default as BottomModalContainer } from './BottomModalContainer';
|
|
28
27
|
export { default as SegmentedControl } from './SegmentedControl';
|
|
28
|
+
export { default as Input } from './Input';
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("react"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/SystemIcon.js")),
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("react"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/SystemIcon.js")),n=(require("../TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),o=(require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("@wishket/yogokit"),require("../../Atoms/Input/Input.js"),require("./AutoCompleteList.parts.js")),a={Root:function(i){var n=i.children,a=i.className,l=i.hasIndexBar,l=void 0!==l&&l,u=i.onIndexClick,i=e.__rest(i,["children","className","hasIndexBar","onIndexClick"]),c=r.useRef(null),d=r.useState(!1),m=d[0],x=d[1];return r.useLayoutEffect(function(){var e,t=c.current;t&&(e=t.scrollHeight,t=t.clientHeight,x(t<e))},[n]),t.jsxs("div",e.__assign({className:s.twMerge("flex max-h-[436px] w-full rounded-xl shadow-graymedium",a)},i,{children:[l&&t.jsx(o.IndexBar,{onIndexClick:u}),t.jsx("ul",{ref:c,"data-testid":"design-system-autoCompleteList",className:s.twMerge("flex w-full flex-col bg-w-white py-2 pr-2","overflow-y-auto scrollbar-list",l?"rounded-r-xl":"rounded-xl",m&&"pr-0"),children:n})]}))},Item:function(r){var n=r.text,a=r.count,l=r.leadingIcon,u=r.iconUrl,c=r.isInputItem,c=void 0!==c&&c,d=r.isFocused,d=void 0!==d&&d,m=r.inputValue,x=r.className,r=e.__rest(r,["text","count","leadingIcon","iconUrl","isInputItem","isFocused","inputValue","className"]);return t.jsxs("li",e.__assign({className:s.twMerge("visible ml-2 flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3 hover:bg-primary-10",d&&"bg-primary-10",x)},r,{"data-testid":"design-system-list-item",children:[l&&t.jsx(i,{name:l,className:"text-w-gray-600",testId:"design-system-list-item-leading-icon"}),u&&t.jsx(o.Icon,{iconUrl:u}),t.jsx(o.TextSection,{text:n,isInputItem:c,inputValue:m}),t.jsx(o.CountSection,{count:a})]}))},Divider:function(){return t.jsx(n,{className:"my-2"})}};module.exports=a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("../../Atoms/Typography/Typography.js"),t=(require("../../Atoms/Checkbox/Checkbox.js"),require("tailwind-merge"),require("../../Atoms/Box/Box.js"),require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("../../Atoms/Typography/Typography.js"),t=(require("../../Atoms/Checkbox/Checkbox.js"),require("tailwind-merge"),require("../../Atoms/Box/Box.js"),require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../TextField/TextField.js"),require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("@wishket/yogokit"),require("../../Atoms/Input/Input.js"),Array.from({length:26},function(e,r){return String.fromCharCode(65+r)}));exports.CountSection=function(t){t=t.count;return e.jsx(r,{variant:"body1",className:"text-w-gray-400",children:t})},exports.INDEXES=t,exports.Icon=function(r){r=r.iconUrl;return e.jsx("img",{src:r,alt:"icon",width:24,height:24,className:"rounded-full border"})},exports.IndexBar=function(i){var s=i.onIndexClick;return e.jsx("ul",{className:"flex flex-col gap-0.5 rounded-l-xl bg-w-gray-10 p-[3px] text-center",children:t.map(function(t){return e.jsx("li",{className:"size-3.5 cursor-pointer",onClick:function(){return null==s?void 0:s(t)},children:e.jsx(r,{variant:"caption2",className:"text-gray-400",children:t})},t)})})},exports.TextSection=function(t){var i=t.text,s=t.isInputItem,t=t.inputValue,n=i.slice(0,null==t?void 0:t.length),a=i.slice(null==t?void 0:t.length);return e.jsx(e.Fragment,{children:s?e.jsxs(e.Fragment,{children:[e.jsxs(r,{variant:"body1",className:"font-medium text-primary-500","data-testid":"design-system-list-item-text",children:["‘",i,"’"]}),e.jsx(r,{variant:"body1",className:"text-w-gray-600",children:"입력"})]}):e.jsx(r,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-list-item-text",children:t?e.jsxs(e.Fragment,{children:[e.jsx(r,{variant:"body1",className:"text-primary",children:n}),a]}):i})})};
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
interface BackDropLiftContainerProps extends PropsWithChildren {
|
|
3
|
+
isOpen: boolean;
|
|
4
|
+
onClose?: () => void;
|
|
5
|
+
isBackgroundBlack?: boolean;
|
|
6
|
+
isPreventScroll?: boolean;
|
|
7
|
+
isBottomSheet?: boolean;
|
|
8
|
+
testId?: string;
|
|
9
|
+
}
|
|
10
|
+
declare const BackDropLiftContainer: ({ isOpen, onClose, children, isBackgroundBlack, isPreventScroll, isBottomSheet, testId, }: BackDropLiftContainerProps) => import("react/jsx-runtime").JSX.Element | null;
|
|
11
|
+
export default BackDropLiftContainer;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),i=require("tailwind-merge"),r=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),s=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../TextField/TextField.js"),require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/BackDrop/BackDrop.js")),o=(require("../../Atoms/Input/Input.js"),"duration-300");module.exports=function(n){var a=n.isOpen,u=n.onClose,c=n.children,l=n.isBackgroundBlack,l=void 0===l||l,d=n.isPreventScroll,d=void 0===d||d,m=n.isBottomSheet,m=void 0!==m&&m,n=n.testId,j=t.useState(!1),p=j[0],q=j[1],j=t.useState(!1),x=j[0],f=j[1];return t.useEffect(function(){a?(f(!0),requestAnimationFrame(function(){return q(!0)})):q(!1)},[a]),x||a?e.jsxs(r,{className:i.twJoin("fixed inset-0 z-30 flex justify-center transition-opacity",o,m?"items-end":"items-center",p?"opacity-100":"opacity-0"),"data-testid":n||"design-system--backdrop-lift-container",children:[e.jsx(s,{onClick:u,isBlack:l,preventScroll:d}),e.jsx(r,{className:i.twMerge("z-30 transition-all ease-in",o,m&&"w-full",p?"translate-y-0 opacity-100":"translate-y-full opacity-0"),onTransitionEnd:function(){a||f(!1)},children:c})]}):null};
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var r=require("./BackDropLiftContainer.js");module.exports=r;
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../TextField/TextField.js"),require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("@wishket/yogokit"),require("../../Atoms/Input/Input.js"),require("./CheckboxCard.parts.js")),s=require("./useCheckboxCard.js");module.exports=function(a){var d=a.disabled,d=void 0!==d&&d,o=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,u=a.title,m=a.description,a=a.testId,o=s({checked:void 0!==o&&o,disabled:d,onChange:n}),n=o.isChecked,o=o.handleChange;return e.jsx("label",{"data-testid":a,role:"checkbox-card",className:"group",children:e.jsxs(i.CheckboxCardContainer,{"data-testid":"design-system-checkboxCard--container",checked:n,isError:c,isWide:l,disabled:d,className:h,children:[e.jsx(i.StyledCheckbox,{isWide:l,checked:n,onChange:o,isError:c,disabled:d}),e.jsx(i.CheckboxCardIcon,{isError:c,checked:n,iconName:x,disabled:d}),e.jsxs(i.TitleContainer,{isWide:l,"data-testid":"design-system-checkboxCard--titleBox",children:[e.jsx(t,{"data-testid":"design-system-checkboxCard--title",variant:"body1",className:r.twMerge("font-medium",l?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-900"),children:u}),m&&e.jsx(t,{variant:"body2",className:r.twMerge("font-normal",l?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-checkboxCard--description",children:m})]})]})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),s=require("../../Atoms/Checkbox/Checkbox.js"),t=(require("../../Atoms/Box/Box.js"),require("../../Atoms/ProductIcon/ProductIcon.js"));require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),s=require("../../Atoms/Checkbox/Checkbox.js"),t=(require("../../Atoms/Box/Box.js"),require("../../Atoms/ProductIcon/ProductIcon.js"));require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../TextField/TextField.js"),require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("@wishket/yogokit"),require("../../Atoms/Input/Input.js"),exports.CheckboxCardContainer=function(s){var t=s.children,o=s.isWide,a=s.checked,c=s.isError,d=s.disabled,n=s.className,s=e.__rest(s,["children","isWide","checked","isError","disabled","className"]);return r.jsx("div",e.__assign({className:i.twMerge("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl border",o?"min-h-[94px] w-[298px] flex-row gap-3 px-5 py-4":"min-h-fit w-[224px] flex-col justify-center px-4 pb-6 pt-4",d?i.twMerge("cursor-not-allowed",a&&!c?"border-primary-100":"border-w-gray-200"):c?"border-w-red-500":a?"border-primary-500":"border-w-gray-200 group-hover:border-primary",d?a&&!c?"bg-primary-10":"bg-w-gray-10":a?c?"bg-w-red-10":"bg-primary-10":"bg-w-white",n)},s,{children:t}))},exports.CheckboxCardIcon=function(e){var s=e.iconName,o=e.disabled,a=e.checked,e=e.isError||!a;return r.jsx("div",{className:i.twMerge("flex size-[60px] flex-shrink-0 items-center justify-center",o&&"opacity-30"),"data-testid":"design-system-checkboxCard--icon",children:r.jsx(t,{name:s,disabled:e})})},exports.StyledCheckbox=function(t){var o=t.isWide,a=t.className,t=e.__rest(t,["isWide","className"]);return r.jsx(s,e.__assign({className:i.twMerge(!o&&"absolute left-[17px] top-[17px] group-hover:border-primary-500",a)},t))},exports.TitleContainer=function(e){var s=e.isWide,e=e.children;return r.jsx("div",{className:i.twMerge("flex h-auto w-full flex-col justify-between gap-0.5",s?"items-start":"items-center"),children:e})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),i=require("react"),r=require("tailwind-merge"),t=require("../../Atoms/Typography/Typography.js"),a=require("../../Atoms/Checkbox/Checkbox.js"),o=require("../../Atoms/Box/Box.js"),c=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),i=require("react"),r=require("tailwind-merge"),t=require("../../Atoms/Typography/Typography.js"),a=require("../../Atoms/Checkbox/Checkbox.js"),o=require("../../Atoms/Box/Box.js"),c=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../TextField/TextField.js"),require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("@wishket/yogokit"),require("../../Atoms/Input/Input.js"),function(i){var t=i.children,a=i.disabled,o=i.hasDescription,c=i.className,i=e.__rest(i,["children","disabled","hasDescription","className"]);return s.jsx("label",e.__assign({className:r.twMerge("grid h-min grid-cols-checkbox-list-item-container grid-rows-checkbox-list-item-container gap-x-3 grid-areas-checkbox-list-item-container",o?"gap-y-0.5":"gap-y-0",a?"cursor-not-allowed":"cursor-pointer",c)},i,{children:t}))});module.exports=function(e){var n=e.label,l=e.description,d=e.type,d=void 0===d?"box":d,m=e.checked,u=e.disabled,u=void 0!==u&&u,h=e.isError,h=void 0!==h&&h,x=e.className,b=e.CheckboxClassName,g=e.onChange,e=e.children,p=i.useState(!1),j=p[0],y=p[1];return s.jsxs(c,{"data-testid":"design-system-checkboxList--item",disabled:u,hasDescription:!!l,className:x,onMouseOver:function(){y(!0)},onMouseOut:function(){y(!1)},children:[s.jsx(o,{className:"cursor-pointer pt-1 grid-in-checkbox",children:s.jsx(a,{checked:m,isHover:j,isError:h,disabled:u,onChange:g,className:b,type:d})}),s.jsxs(o,{className:"flex w-full items-center grid-in-label","data-testid":"design-system-checkboxList--item-label-root",children:[n&&s.jsx(t,{variant:"body1",className:r.twJoin("w-full whitespace-normal break-words",u?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-checkboxList--item-label",children:n}),e]}),l&&s.jsx(o,{className:"flex items-center grid-in-description",children:s.jsx(t,{variant:"body2",className:u?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-checkboxList--item-description",children:l})})]})};
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export interface DialogBoxProps {
|
|
2
|
+
title: string;
|
|
3
|
+
description: string;
|
|
4
|
+
variant?: 'primary' | 'caution';
|
|
5
|
+
onConfirm?: () => void;
|
|
6
|
+
onClose?: () => void;
|
|
7
|
+
confirm?: string;
|
|
8
|
+
close?: string;
|
|
9
|
+
testId?: string;
|
|
10
|
+
}
|
|
11
|
+
declare const DialogBox: ({ title, description, variant, onClose, onConfirm, confirm, close, testId, }: DialogBoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
+
export default DialogBox;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),i=require("../../Atoms/Typography/Typography.js"),s=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),o=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("../../Atoms/Button/Button.js"));require("../TextField/TextField.js"),require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("react"),require("../../Atoms/Label/Label.js"),require("@wishket/yogokit"),require("../../Atoms/Input/Input.js"),module.exports=function(t){var a=t.title,l=t.description,n=t.variant,u=t.onClose,c=t.onConfirm,d=t.confirm,m=t.close,m=void 0===m?"닫기":m,t=t.testId,n="caution"===(void 0===n?"primary":n);return e.jsxs(s,{className:"flex h-fit flex-col items-center gap-8 rounded-3xl bg-w-white p-8 shadow-modal tablet:w-[400px]","data-testid":t||"design-system--dialog-box",children:[e.jsxs(s,{className:"flex w-full flex-col gap-6",children:[e.jsx(i,{variant:"subTitle2",className:"font-medium text-w-gray-900",children:a}),e.jsx(i,{variant:"body1",className:"whitespace-break-spaces text-w-gray-800",children:l})]}),e.jsxs(s,{className:"flex w-full items-center justify-end gap-4",children:[m&&e.jsx(o,{role:"close",onClick:u,variant:"solid",className:"border-w-bluegray-200 bg-w-bluegray-200 hover:border-w-bluegray-300 hover:bg-w-bluegray-300",children:m}),d&&e.jsx(o,{role:"confirm",onClick:c,variant:"solid",className:r.twJoin(n&&"border-w-orange-500 bg-w-orange-500 hover:border-w-orange-600 hover:bg-w-orange-600"),children:d})]})]})};
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import type { Meta, StoryObj } from '@storybook/react';
|
|
2
|
+
import DialogBox from './DialogBox';
|
|
3
|
+
declare const meta: Meta<typeof DialogBox>;
|
|
4
|
+
export default meta;
|
|
5
|
+
type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const Primary: Story;
|
|
7
|
+
export declare const Caution: Story;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var e=require("./DialogBox.js");module.exports=e;
|
|
@@ -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("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.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("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../TextField/TextField.js"),require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("../../Atoms/BackDrop/BackDrop.js")),t=(require("../../Atoms/Input/Input.js"),require("./Drawer.styles.js"));module.exports=function(o){var a=o.isOpen,u=o.onClose,l=o.direction,l=void 0===l?"right":l,n=o.size,n=void 0===n?"quarter":n,c=o.className,o=o.children;return e.jsxs(e.Fragment,{children:[a&&e.jsx(s,{onClick:u,isBlack:!0}),e.jsx(i,{className:r.twMerge("fixed z-30 flex flex-col bg-white transition-transform duration-300 ease-in-out",t.directionStyle[l],t.sizeStyle(n,l),a&&t.openStyle[l],c),"data-testid":"design-system-drawer",children:o})]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),i=require("react"),t=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),a=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/SystemIcon.js")),l=(require("../TextField/TextField.js"),require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("@wishket/yogokit"),require("../../Atoms/Input/Input.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"]),c=i.useRef(null),d=i.useState(!1),n=d[0],u=d[1];return i.useLayoutEffect(function(){var e,s=c.current;s&&(e=s.scrollHeight,s=s.clientHeight,u(s<e))},[]),s.jsx("ul",e.__assign({ref:c,"data-testid":"design-system-list",className:t.twMerge("flex max-h-60 w-full 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",n&&!o&&"pr-0",a)},r,{children:l}))},Item:function(i){var l=i.leadingIcon,o=i.text,c=i.selected,c=void 0!==c&&c,d=i.disabled,n=void 0!==d&&d,d=i.canceled,d=void 0!==d&&d,u=i.children,m=i.className,x=i.isFocused,x=void 0!==x&&x,g=e.__rest(i,["leadingIcon","text","selected","disabled","canceled","children","className","isFocused"]),i=t.twMerge(c?"text-primary-500":"text-w-gray-600",d&&"text-w-red-500",n&&"text-w-gray-300");return s.jsxs("li",e.__assign({className:t.twMerge("visible flex cursor-pointer select-none items-center gap-2 rounded-xl bg-w-white px-4 py-3",!n&&x&&"bg-primary-10",!n&&"hover:bg-primary-10",m)},g,{onClick:function(e){var s;n||null==(s=g.onClick)||s.call(g,e)},"data-testid":"design-system-list-item",children:[l&&s.jsx(a,{name:l,className:i,testId:"design-system-list-item-leading-icon"}),o&&s.jsx(r,{variant:"body1",className:i,"data-testid":"design-system-list-item-text",children:o}),u]}))}});module.exports=l;
|
|
@@ -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("../../Atoms/Radio/Radio.js"),require("react"),require("../../../_virtual/_tslib.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),s=require("../../Atoms/Typography/Typography.js"),r=(require("../../Atoms/Checkbox/Checkbox.js"),require("tailwind-merge"),require("../../Atoms/Box/Box.js")),i=require("../../Atoms/ProductIcon/ProductIcon.js"),t=(require("../../Atoms/Radio/Radio.js"),require("react"),require("../../../_virtual/_tslib.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../TextField/TextField.js"),require("../../Atoms/Divider/Divider.js")),a=(require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("@wishket/yogokit"),require("../../Atoms/Input/Input.js"),require("./MessageBox.parts.js"));module.exports=function(o){var l=o.icon,n=o.title,d=o.description,c=o.children,o=o.links;return e.jsxs(r,{className:"box-border flex h-auto flex-col rounded-3xl border border-w-gray-200","data-testid":"design-system-message-box--container",children:[e.jsxs(r,{className:"flex h-auto flex-col gap-4 p-6",children:[l&&e.jsx(r,{className:"size-10 flex-shrink-0",children:e.jsx(i,{name:l,size:"medium"})}),e.jsxs(r,{className:"flex h-auto flex-col gap-1.5",children:[e.jsx(s,{variant:"subTitle2",className:"whitespace-pre-line font-medium text-w-gray-900","data-testid":"design-system-message-box--title",children:n}),d&&e.jsx(s,{variant:"body1",className:"whitespace-pre-line font-normal text-w-gray-600","data-testid":"design-system-message-box--description",children:d}),c]})]}),o&&0<o.length&&e.jsxs(e.Fragment,{children:[e.jsx(t,{}),e.jsx(a.ExternalLinks,{links:o})]})]})};
|
|
@@ -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("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.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("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../TextField/TextField.js"),require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("@wishket/yogokit"),require("../../Atoms/Input/Input.js"),exports.ExternalLinks=function(a){a=a.links;return e.jsx(s,{className:"flex h-auto w-full flex-col gap-3 p-6","data-testid":"design-system-message-box--external-links-container",children:null==a?void 0:a.map(function(s,a){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(a),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("../../Atoms/Box/Box.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.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("../../Atoms/Box/Box.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../TextField/TextField.js"),require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("@wishket/yogokit"),require("../../Atoms/Input/Input.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,o=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",o?"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 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),a=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),a=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),s=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../TextField/TextField.js"),require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("@wishket/yogokit"),require("../../Atoms/Input/Input.js"),require("./PlainTooltip.parts.js"));module.exports=function(o){var i=o.variant,i=void 0===i?"up":i,l=o.text,n=o.children,p=o.className,u=o.disabled,u=void 0!==u&&u,o=o.tooltipClassName;return e.jsx(a,{"data-testid":"design-system-plain-toolTip",className:t.twMerge("inline-block",p),children:e.jsxs(a,{"data-testid":"design-system-plain-toolTip--child",className:"group relative",children:[n,!u&&e.jsxs(a,{className:t.twMerge("pointer-events-none absolute z-10 w-max select-none opacity-0 transition-all duration-500 ease-in-out","group-hover:pointer-events-auto group-hover:opacity-100","up"===i&&"bottom-full left-1/2 -translate-x-1/2 group-hover:-translate-y-3","down"===i&&"left-1/2 top-full -translate-x-1/2 group-hover:translate-y-3","left"===i&&"right-full top-1/2 -translate-y-1/2 group-hover:-translate-x-3","right"===i&&"left-full top-1/2 -translate-y-1/2 group-hover:translate-x-3",o),"data-testid":"design-system-plain-toolTip--container",children:[e.jsx(s.Arrow,{testId:"design-system-plain-toolTip--arrow",className:t.twMerge("absolute z-10","up"===i&&"-bottom-[7px] left-1/2 -translate-x-1/2 -rotate-90","down"===i&&"-top-[7px] left-1/2 -translate-x-1/2 rotate-90","left"===i&&"-right-[5px] top-1/2 -translate-y-1/2 rotate-180","right"===i&&"-left-[5px] top-1/2 -translate-y-1/2 rotate-0")}),e.jsx(a,{className:"z-0 flex h-auto min-h-[28px] w-full items-center justify-center rounded-lg bg-w-black px-3 py-1 text-center",children:e.jsx(r,{variant:"body3",className:"whitespace-pre text-wrap break-all font-medium text-w-white opacity-100",children:l})})]})]})})};
|
|
@@ -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"),i=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),t=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../TextField/TextField.js"),require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("@wishket/yogokit"),require("../../Atoms/Input/Input.js"),require("./RadioCard.parts.js")),s=require("./useRadioCard.js");module.exports=function(a){var d=a.disabled,d=void 0!==d&&d,o=a.isSelected,o=void 0!==o&&o,n=a.isError,n=void 0!==n&&n,l=a.onChange,u=a.isWide,u=void 0!==u&&u,c=a.className,m=a.iconName,x=a.title,h=a.description,C=a.testId,j=a.value,a=a.name,l=s({checked:o,disabled:d,onChange:l}),g=l.isHover,v=l.hoverListItemContainer,q=l.unhoverListItemContainer,l=l.handleChange;return e.jsx("label",{"data-testid":C,role:"radio-card",className:"group",children:e.jsxs(t.RadioCardContainer,{"data-testid":"design-system-radioCard--container",isSelected:o,isError:n,isWide:u,isHover:g,disabled:d,onMouseOver:v,onMouseOut:q,className:c,children:[e.jsx(t.StyledRadio,{name:a,value:j,isWide:u,isSelected:o,onChange:l,isError:n,isHover:g,disabled:d}),e.jsx(t.RadioCardIcon,{isError:n,isSelected:o,iconName:m,disabled:d}),e.jsxs(t.TitleContainer,{isWide:u,"data-testid":"design-system-radioCard--titleBox",children:[e.jsx(r,{"data-testid":"design-system-radioCard--title",variant:"body1",className:i.twMerge("font-medium",u?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-900"),children:x}),h&&e.jsx(r,{variant:"body2",className:i.twMerge("font-normal",u?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-radioCard--description",children:h})]})]})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),s=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../Atoms/ProductIcon/ProductIcon.js")),t=require("../../Atoms/Radio/Radio.js");require("react"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),s=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"),require("../../Atoms/ProductIcon/ProductIcon.js")),t=require("../../Atoms/Radio/Radio.js");require("react"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../TextField/TextField.js"),require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("@wishket/yogokit"),require("../../Atoms/Input/Input.js"),exports.RadioCardContainer=function(s){var t=s.children,o=s.isWide,a=s.isSelected,d=s.isError,l=s.disabled,c=s.className,s=e.__rest(s,["children","isWide","isSelected","isError","disabled","className"]);return r.jsx("div",e.__assign({className:i.twMerge("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl border",o?"min-h-[94px] w-[298px] flex-row gap-3 px-5 py-4":"min-h-fit w-[224px] flex-col justify-center px-4 pb-6 pt-4",l&&a&&!d?"cursor-not-allowed border-primary-100":l?"cursor-not-allowed border-w-gray-200":d?"border-w-red-500":a?"border-primary-500":"border-w-gray-200 group-hover:border-primary",l?a&&!d?"bg-primary-10":"bg-w-gray-10":a?d?"bg-w-red-10":"bg-primary-10":"bg-w-white",c)},s,{children:t}))},exports.RadioCardIcon=function(e){var t=e.iconName,o=e.disabled,a=e.isSelected,e=e.isError||!a;return r.jsx("div",{className:i.twMerge("flex size-[60px] flex-shrink-0 items-center justify-center",o&&"opacity-30"),"data-testid":"design-system-radioCard--icon",children:r.jsx(s,{name:t,disabled:e})})},exports.StyledRadio=function(s){var o=s.isWide,a=s.className,d=s.disabled,l=s.isError,c=s.isSelected,s=e.__rest(s,["isWide","className","disabled","isError","isSelected"]),n=l&&c&&d;return r.jsx(t,e.__assign({className:i.twMerge(!o&&"absolute left-[17px] top-[17px]",a),isDisabled:d||n,isError:l,isSelected:!n&&c},s))},exports.TitleContainer=function(e){var s=e.isWide,e=e.children;return r.jsx("div",{className:i.twJoin("flex h-auto w-full flex-col justify-between gap-0.5",s?"items-start":"items-center"),children:e})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
1
|
'use client';
|
|
2
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),s=require("react"),r=require("tailwind-merge"),a=require("../../Atoms/Typography/Typography.js"),t=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),o=require("../../Atoms/Radio/Radio.js"),l=(require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),i=require("react/jsx-runtime"),s=require("react"),r=require("tailwind-merge"),a=require("../../Atoms/Typography/Typography.js"),t=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),o=require("../../Atoms/Radio/Radio.js"),l=(require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../TextField/TextField.js"),require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("@wishket/yogokit"),require("../../Atoms/Input/Input.js"),function(s){var a=s.children,t=s.disabled,o=s.className,l=s.hasDescription,s=e.__rest(s,["children","disabled","className","hasDescription"]);return i.jsx("label",e.__assign({className:r.twMerge("grid h-min grid-cols-radio-list-item-container grid-rows-radio-list-item-container gap-x-3 grid-areas-radio-list-item-container",t?"cursor-not-allowed":"cursor-pointer",l?"gap-y-0.5":"gap-y-0",o)},s,{children:a}))});module.exports=function(e){var n=e.name,d=e.value,c=e.label,m=e.description,u=e.isSelected,g=e.isDisabled,g=void 0!==g&&g,h=e.isError,h=void 0!==h&&h,x=e.className,p=e.RadioClassName,e=e.onChange,j=s.useState(!1),b=j[0],y=j[1];return i.jsxs(l,{"data-testid":"design-system-radioList--item",disabled:g,hasDescription:!!m,className:x,onMouseOver:function(){y(!0)},onMouseOut:function(){y(!1)},children:[i.jsx(t,{className:"flex cursor-pointer pt-1 grid-in-radio",children:i.jsx(o,{name:n,value:d,isSelected:u,isHover:b,isError:h,isDisabled:g,onChange:e,className:p})}),i.jsx(t,{className:"flex w-full items-center grid-in-label",children:i.jsx(a,{variant:"body1",className:r.twMerge("w-full whitespace-normal break-words",g?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-radioList--item-label",children:c})}),m&&i.jsx(t,{className:"flex items-center grid-in-description",children:i.jsx(a,{variant:"body2",className:g?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:m})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("tailwind-merge"),r=require("react"),a=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),i=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),n=require("tailwind-merge"),r=require("react"),a=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),i=(require("../../Atoms/Radio/Radio.js"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../TextField/TextField.js"),require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("@wishket/yogokit"),require("../../Atoms/Input/Input.js"),"\n [&::-moz-range-thumb]:pointer-events-auto\n [&::-moz-range-thumb]:mr-2\n [&::-moz-range-thumb]:-translate-x-1/4\n [&::-moz-range-thumb]:transform\n [&::-moz-range-thumb]:appearance-none\n [&::-moz-range-thumb]:rounded-full\n [&::-moz-range-thumb]:border\n [&::-moz-range-thumb]:border-w-gray-200\n [&::-moz-range-thumb]:bg-transparent\n [&::-moz-range-thumb]:bg-white\n [&::-moz-range-thumb]:shadow-graymedium\n [&::-moz-range-thumb]:outline\n [&::-moz-range-thumb]:ring-1\n [&::-moz-range-thumb]:ring-inset\n [&::-moz-range-thumb]:ring-w-gray-200\n [&::-moz-range-thumb]:transition-all\n [&::-moz-range-thumb]:duration-150\n [&::-moz-range-thumb]:ease-in-out\n [&::-moz-range-thumb]:dark:bg-w-white\n\n [&::-webkit-slider-thumb]:pointer-events-auto\n [&::-webkit-slider-thumb]:mr-2\n [&::-webkit-slider-thumb]:-translate-x-1/4\n [&::-webkit-slider-thumb]:transform\n [&::-webkit-slider-thumb]:appearance-none\n [&::-webkit-slider-thumb]:rounded-full\n [&::-webkit-slider-thumb]:border\n [&::-webkit-slider-thumb]:border-w-gray-200\n [&::-webkit-slider-thumb]:bg-transparent\n [&::-webkit-slider-thumb]:bg-white\n [&::-webkit-slider-thumb]:shadow-graymedium\n [&::-webkit-slider-thumb]:outline\n [&::-webkit-slider-thumb]:ring-1\n [&::-webkit-slider-thumb]:ring-inset\n [&::-webkit-slider-thumb]:ring-w-gray-200\n [&::-webkit-slider-thumb]:transition-all\n [&::-webkit-slider-thumb]:duration-150\n [&::-webkit-slider-thumb]:ease-in-out\n [&::-webkit-slider-thumb]:dark:bg-w-white\n ");module.exports=function(s){function m(e){return c===w?0:(e-w)/(c-w)*100}function u(t,n){var r="min"===n,a=r?"start":"end",t=Number(t.target.value),i=r?Math.min(t,z.max-g):Math.max(t,z.min+g);v(a),k(function(t){return e.__assign(e.__assign({},t),((t={})[n]=i,t))}),null!=p&&p(e.__assign(e.__assign({},z),((r={})[n]=i,r)))}function o(){return"sm"===b?i+"[&::-moz-range-thumb]:h-4 [&::-moz-range-thumb]:w-4 [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4":i+"[&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:w-5 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:w-5"}var l=s.variant,l=void 0===l?"single":l,d=s.size,b=void 0===d?"sm":d,d=s.step,g=void 0===d?10:d,d=s.value,h=void 0===d?{min:0,max:0}:d,d=s.min,w=void 0===d?0:d,d=s.max,c=void 0===d?100:d,p=s.onChange,d=s.className,s=e.__rest(s,["variant","size","step","value","min","max","onChange","className"]),l="dual"===l,x=h.min,f=h.max,x=r.useState({min:l?x:0,max:f}),z=x[0],k=x[1],f=r.useState("end"),x=f[0],v=f[1],f=Math.floor(Number(c)/Number(g))+1;return r.useEffect(function(){k(e.__assign(e.__assign({},z),{max:h.max}))},[h.max]),t.jsxs(a,{className:n.twMerge("relative px-1",d),"data-testid":"design-system-rangeSlider",children:[l&&t.jsx("input",e.__assign({"data-testid":"design-system-rangeSlider--start-thumb-input",type:"range",min:w,max:c,step:g,value:z.min,onInput:function(e){return u(e,"min")},className:n.twMerge("pointer-events-none absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",o(),"start"===x&&"z-50")},s)),t.jsx("input",e.__assign({"data-testid":"design-system-rangeSlider--end-thumb-input",type:"range",min:w,max:c,value:z.max,onInput:function(e){return u(e,"max")},step:g,className:n.twMerge("pointer-events-auto absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent",o(),l&&"pointer-events-none","end"===x&&"z-50")},s)),t.jsxs(a,{"data-testid":"design-system-rangeSlider--container",className:n.twMerge("relative overflow-hidden","sm"===b&&"h-1 rounded-sm","md"===b&&"h-2 rounded"),children:["md"===b&&t.jsx(a,{className:"absolute z-20 flex h-2 w-full items-center justify-between bg-transparent p-0.5",children:e.__spreadArray([],Array(f),!0).map(function(e,n){return t.jsx(a,{"data-testid":"design-system-rangeSlider--unit-dot",className:"size-1 rounded-full bg-w-white"},n)})}),t.jsx(a,{className:"absolute left-0 top-0 z-0 h-full w-full bg-w-gray-50","data-testid":"design-system-rangeSlider--rail"}),t.jsx(a,{className:"absolute left-0 top-0 z-10 h-full bg-primary","data-testid":"design-system-rangeSlider--fill-track",style:{width:"".concat(l?m(z.max)-m(z.min):m(z.max),"%"),left:l?"".concat(m(z.min),"%"):0}})]})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("../../Atoms/Typography/Typography.js"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("../../Atoms/Typography/Typography.js"),i=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js"));require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/Icons/Medium/MediumBell.js"),require("../TextField/TextField.js"),require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("@wishket/yogokit"),require("../../Atoms/Input/Input.js"),module.exports=function(s){var a=s.title,o=s.description,l=s.className,s=s.children;return e.jsxs(i,{className:r.twMerge("flex w-full flex-col gap-1 rounded-xl bg-white px-6 py-5 shadow-graymedium tablet:w-80",l),"data-testid":"design-system-rich-tooltip",children:[a&&e.jsx(i,{className:"flex w-full items-start justify-between gap-4",children:e.jsx(t,{variant:"body2",className:"font-medium text-w-gray-900",children:a})}),o&&e.jsx(t,{variant:"body3",className:"text-w-gray-400",children:o}),s]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),t=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),a=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js")),i=(require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("../../Atoms/Typography/Typography.js"),t=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),a=(require("../../../_virtual/_tslib.js"),require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js")),i=(require("../TextField/TextField.js"),require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("@wishket/yogokit"),require("../../Atoms/Input/Input.js"),function(s){switch(s.type){case"information":return e.jsx(a,{name:"medium_information",className:"text-primary-500",testId:"design-system-message-bar--information-icon"});case"success":return e.jsx(a,{name:"medium_success",className:"text-primary-500",testId:"design-system-message-bar--success-icon"});case"progress":return e.jsx(a,{name:"medium_success",className:"text-w-green-500",testId:"design-system-message-bar--progress-icon"});case"waiting":return e.jsx(a,{name:"medium_wait",className:"text-w-yellow-500",testId:"design-system-message-bar--waiting-icon"});case"caution":return e.jsx(a,{name:"medium_caution",className:"text-w-orange-500",testId:"design-system-message-bar--caution-icon"});case"error":return e.jsx(a,{name:"medium_error",className:"text-w-red-500",testId:"design-system-message-bar--error-icon"});default:return null}});module.exports=function(n){var m=n.message,o=n.type,n=n.onClose,c=!!n;return e.jsxs(t,{"data-testid":"design-system-message-bar",className:s.twMerge(function(){switch(o){case"information":case"success":return"bg-primary-10 border-primary-100";case"progress":return"bg-w-green-10 border-w-green-100";case"waiting":return"bg-w-yellow-10 border-w-yellow-100";case"caution":return"bg-w-orange-10 border-w-orange-100";case"error":return"bg-w-red-10 border-w-red-100";default:return""}}(),"box-border flex w-full items-start justify-between gap-x-4 rounded-xl border px-6 py-4"),children:[e.jsx(t,{"data-testid":"design-system-message-bar--icon",className:"pt-[5px]",children:e.jsx(i,{type:o})}),e.jsx(t,{className:"w-full",children:e.jsx(r,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:m})}),c&&e.jsx(t,{onClick:n,"data-testid":"design-system-message-bar--close-button",className:"pt-[5px]",children:e.jsx(a,{name:"medium_delete",className:"text-w-gray-400"})})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("tailwind-merge"),i=require("../../Atoms/Typography/Typography.js"),r=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),a=(require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("
|
|
1
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),s=require("tailwind-merge"),i=require("../../Atoms/Typography/Typography.js"),r=(require("../../Atoms/Checkbox/Checkbox.js"),require("../../Atoms/Box/Box.js")),a=(require("../../Atoms/Radio/Radio.js"),require("react"),require("../../Atoms/SystemIcon/SystemIcon.js"));require("../TextField/TextField.js"),require("../../Atoms/Avatar/Avatar.js"),require("../../Atoms/ChoiceChip/ChoiceChip.js"),require("../../Atoms/Label/Label.js"),require("@wishket/yogokit"),require("../../Atoms/Input/Input.js"),module.exports=function(n){var o=n.text,m=n.isTextSmall,m=void 0!==m&&m,l=n.leadingIcon,c=n.trailingIcon,n=e.__rest(n,["text","isTextSmall","leadingIcon","trailingIcon"]);return t.jsxs("button",e.__assign({"data-testid":"design-system-text-button--container",className:s.twMerge("flex min-h-6 w-fit items-center justify-center",m?"gap-x-0.5":"gap-x-1")},n,{children:[l&&t.jsx(r,{"data-testid":"design-system-text-button--icon--left",className:"w-fit",children:t.jsx(a,{name:l,className:"text-primary-500"})}),t.jsx(r,{"data-testid":"design-system-text-button--text",className:"w-fit",children:t.jsx(i,{variant:m?"body2":"body1",className:"align-baseline font-medium text-primary-500",children:o})}),c&&t.jsx(r,{"data-testid":"design-system-text-button--icon--right",className:"w-fit",children:t.jsx(a,{name:c,className:"text-primary-500"})})]}))};
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { ComponentPropsWithoutRef } from 'react';
|
|
2
|
+
import { MediumSystemIconName } from '../../Atoms/SystemIcon';
|
|
3
|
+
type variant = 'default' | 'lable';
|
|
4
|
+
export interface TextFieldProps extends ComponentPropsWithoutRef<'input'> {
|
|
5
|
+
variant?: variant;
|
|
6
|
+
lable?: string;
|
|
7
|
+
isError?: boolean;
|
|
8
|
+
startIcon?: MediumSystemIconName;
|
|
9
|
+
endIcon?: MediumSystemIconName;
|
|
10
|
+
supportMessage?: string;
|
|
11
|
+
measure?: string;
|
|
12
|
+
errorMessage?: string;
|
|
13
|
+
testId?: string;
|
|
14
|
+
isMaxLengthVisible?: boolean;
|
|
15
|
+
}
|
|
16
|
+
declare const TextField: import("react").ForwardRefExoticComponent<TextFieldProps & import("react").RefAttributes<HTMLInputElement>>;
|
|
17
|
+
export default TextField;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
'use client';
|
|
2
|
+
"use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),r=require("react"),a=require("tailwind-merge"),t=require("../../Atoms/TextFieldContainer/TextFieldContainer.js"),i=require("../../Atoms/SupportTextContainer/SupportTextContainer.js"),n=require("../../Atoms/Input/Input.js"),o=require("./parts/LableInput.js"),l=require("./parts/PasswordInput.js"),u=r.forwardRef(function(u,d){var c=u.type,g=u.name,p=u.value,x=u.onChange,m=u.maxLength,f=u.disabled,f=void 0!==f&&f,h=u.placeholder,b=u.lable,j=u.testId,v=u.measure,I=u.isError,_=u.endIcon,M=u.startIcon,q=u.errorMessage,L=u.supportMessage,w=u.variant,w=void 0===w?"default":w,C=u.isMaxLengthVisible,C=void 0!==C&&C,F=u.className,u=e.__rest(u,["type","name","value","onChange","maxLength","disabled","placeholder","lable","testId","measure","isError","endIcon","startIcon","errorMessage","supportMessage","variant","isMaxLengthVisible","className"]),y=r.useState(!1),E=y[0],N=y[1],y=r.useState(0),T=y[0],S=y[1],y=e.__assign({variant:w,type:c,name:g,value:p,placeholder:h,lable:b,maxLength:m,onChange:x,isFocused:E,isError:I,onFocus:function(){N(!0)},onBlur:function(){N(!1)},disabled:f},u),g=I||L||C;return r.useEffect(function(){"string"==typeof p&&m&&S(p.length)},[p,m]),s.jsxs("div",{className:a.twMerge("flex min-w-fit select-none flex-col gap-2 tracking-default",F),"data-testid":j,children:[s.jsx("label",{role:"input-box",className:f?"cursor-not-allowed":"cursor-text",children:s.jsxs(t,{leadingIcon:M,trailingIcon:_,measure:v,isFocused:E,isError:I,isDisabled:f,children:["default"===w&&"password"===c&&s.jsx(l,e.__assign({},y,{ref:d})),"default"===w&&"password"!==c&&s.jsx(n,e.__assign({},y,{ref:d})),"lable"===w&&s.jsx(o,e.__assign({isFixed:!!h},y,{ref:d}))]})}),g&&s.jsx(i,{errorMessage:q,supportMessage:L,currentLength:T,maxLength:m,isMaxLengthVisible:C})]})});u.displayName="TextField",module.exports=u;
|