@wishket/design-system 1.3.0 → 1.4.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.
Files changed (42) hide show
  1. package/dist/Components/DataDisplays/ProcessIndicator/ProcessIndicator.d.ts +14 -0
  2. package/dist/Components/DataDisplays/ProcessIndicator/ProcessIndicator.js +1 -0
  3. package/dist/Components/DataDisplays/ProcessIndicator/index.d.ts +2 -0
  4. package/dist/Components/DataDisplays/ProcessIndicator/index.js +1 -0
  5. package/dist/Components/DataDisplays/index.d.ts +1 -0
  6. package/dist/Components/Feedbacks/DialogBox/DialogBox.js +1 -1
  7. package/dist/Components/Feedbacks/MessageBar/MessageBar.js +1 -1
  8. package/dist/Components/Feedbacks/SnackBar/SnackBar.js +1 -1
  9. package/dist/Components/Inputs/CommentArea/CommentArea.d.ts +20 -0
  10. package/dist/Components/Inputs/CommentArea/CommentArea.js +2 -0
  11. package/dist/Components/Inputs/CommentArea/index.d.ts +2 -0
  12. package/dist/Components/Inputs/CommentArea/index.js +1 -0
  13. package/dist/Components/Inputs/FilterList/FilterList.d.ts +19 -0
  14. package/dist/Components/Inputs/FilterList/index.d.ts +2 -0
  15. package/dist/Components/Inputs/IconButton/IconButton.js +1 -1
  16. package/dist/Components/Inputs/IconButtonDropdown/IconButtonDropdown.d.ts +16 -0
  17. package/dist/Components/Inputs/IconButtonDropdown/IconButtonDropdown.js +2 -0
  18. package/dist/Components/Inputs/IconButtonDropdown/index.d.ts +2 -0
  19. package/dist/Components/Inputs/IconButtonDropdown/index.js +1 -0
  20. package/dist/Components/Inputs/RadioCard/RadioCard.parts.js +1 -1
  21. package/dist/Components/Inputs/RadioList/RadioListItem.js +1 -1
  22. package/dist/Components/Inputs/index.d.ts +2 -0
  23. package/dist/Components/Navigations/Menu/Menu.d.ts +16 -0
  24. package/dist/Components/Navigations/Menu/Menu.js +1 -0
  25. package/dist/Components/Navigations/Menu/index.d.ts +2 -0
  26. package/dist/Components/Navigations/Menu/index.js +1 -0
  27. package/dist/Components/Navigations/index.d.ts +1 -0
  28. package/dist/Components/Wrappers/WithRichTooltip/WithRichTooltip.js +1 -1
  29. package/dist/Components/Wrappers/WithSnackBar/WithSnackBar.js +1 -1
  30. package/dist/colors.js +1 -1
  31. package/dist/config/tailwind.config.js +15 -117
  32. package/dist/constants/colors/colors.d.ts +169 -0
  33. package/dist/constants/colors/colors.js +1 -0
  34. package/dist/constants/colors/index.d.ts +1 -3
  35. package/dist/index.js +1 -1
  36. package/package.json +1 -1
  37. package/dist/constants/colors/w_primary.d.ts +0 -15
  38. package/dist/constants/colors/w_primary.js +0 -1
  39. package/dist/constants/colors/w_secondary.d.ts +0 -15
  40. package/dist/constants/colors/w_secondary.js +0 -1
  41. package/dist/constants/colors/y_primary.d.ts +0 -15
  42. package/dist/constants/colors/y_primary.js +0 -1
@@ -0,0 +1,14 @@
1
+ export interface ProcessIndicatorProps {
2
+ className?: string;
3
+ progressClassName?: string;
4
+ value: number;
5
+ }
6
+ /**
7
+ * ProcessIndicator
8
+ * @param {Object} props
9
+ * @param {string} [props.className] - 컨테이너의 추가 클래스명
10
+ * @param {string} [props.progressClassName] - 프로그레스 바의 추가 클래스명
11
+ * @param {number} props.value - 진행률 값 (0-100 사이의 숫자)
12
+ */
13
+ declare const ProcessIndicator: ({ className, progressClassName, value, }: ProcessIndicatorProps) => import("react/jsx-runtime").JSX.Element;
14
+ export default ProcessIndicator;
@@ -0,0 +1 @@
1
+ "use strict";var s=require("react/jsx-runtime"),e=require("tailwind-merge");module.exports=function(r){var a=r.className,t=r.progressClassName,r=r.value,r=Math.min(100,Math.max(0,r)),r={"--progress":"".concat(r-100,"%")};return s.jsx("div",{"data-testid":"design-system-process-indicator",className:e.twMerge("w-full",a),children:s.jsx("div",{className:"h-1 overflow-hidden rounded-full bg-w-gray-100","data-testid":"design-system-process-indicator--background",children:s.jsx("div",{"data-testid":"design-system-process-indicator--progress",className:e.twMerge("h-full translate-x-[var(--progress)] bg-primary transition-transform !duration-500",t),style:r})})})};
@@ -0,0 +1,2 @@
1
+ import ProcessIndicator from './ProcessIndicator';
2
+ export default ProcessIndicator;
@@ -0,0 +1 @@
1
+ "use strict";var r=require("./ProcessIndicator.js");module.exports=r;
@@ -9,3 +9,4 @@ export { default as SkillLabel } from './SkillLabel';
9
9
  export { default as SystemIcon } from './SystemIcon';
10
10
  export type { SystemIconName } from './SystemIcon';
11
11
  export { default as Divider } from './Divider';
12
+ export { default as ProcessIndicator } from './ProcessIndicator';
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=(require("../../../_virtual/_tslib.js"),require("react"),require("@wishket/yogokit"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../Base/Typography/Typography.js")),t=require("../../Base/Layouts/Box/Box.js"),a=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Input/PasswordInput.js"),require("../../Inputs/Input/LableInput.js"),require("../../Inputs/Input/InputTypeSelector.js"),require("../../Inputs/Button/Button.js"));require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js"),require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),module.exports=function(i){var l=i.title,o=i.description,u=i.variant,n=i.onClose,p=i.onConfirm,d=i.confirm,c=i.close,c=void 0===c?"닫기":c,i=i.testId,u="caution"===(void 0===u?"primary":u);return e.jsxs(t,{className:"flex h-fit flex-col items-center gap-8 rounded-3xl bg-w-white p-8 font-normal not-italic shadow-modal tablet:w-[400px]","data-testid":i||"design-system--dialog-box",children:[e.jsxs(t,{className:"flex w-full flex-col gap-6",children:[e.jsx(s,{variant:"subTitle2",className:"font-medium text-w-gray-900",children:l}),e.jsx(s,{variant:"body1",className:"whitespace-break-spaces text-w-gray-800",children:o})]}),e.jsxs(t,{className:"flex w-full items-center justify-end gap-4",children:[c&&e.jsx(a,{role:"close",onClick:n,variant:"solid",className:"border-w-bluegray-200 bg-w-bluegray-200 hover:border-w-bluegray-300 hover:bg-w-bluegray-300",children:c}),d&&e.jsx(a,{role:"confirm",onClick:p,variant:"solid",className:r.twJoin(u&&"border-w-orange-500 bg-w-orange-500 hover:border-w-orange-600 hover:bg-w-orange-600"),children:d})]})]})};
2
+ "use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=(require("../../../_virtual/_tslib.js"),require("react"),require("@wishket/yogokit"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../Base/Typography/Typography.js")),t=require("../../Base/Layouts/Box/Box.js"),a=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Input/PasswordInput.js"),require("../../Inputs/Input/LableInput.js"),require("../../Inputs/Input/InputTypeSelector.js"),require("../../Inputs/Button/Button.js"));require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js"),require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),require("../../Inputs/CommentArea/CommentArea.js"),module.exports=function(i){var l=i.title,o=i.description,u=i.variant,n=i.onClose,p=i.onConfirm,d=i.confirm,c=i.close,c=void 0===c?"닫기":c,i=i.testId,u="caution"===(void 0===u?"primary":u);return e.jsxs(t,{className:"flex h-fit flex-col items-center gap-8 rounded-3xl bg-w-white p-8 font-normal not-italic shadow-modal tablet:w-[400px]","data-testid":i||"design-system--dialog-box",children:[e.jsxs(t,{className:"flex w-full flex-col gap-6",children:[e.jsx(s,{variant:"subTitle2",className:"font-medium text-w-gray-900",children:l}),e.jsx(s,{variant:"body1",className:"whitespace-break-spaces text-w-gray-800",children:o})]}),e.jsxs(t,{className:"flex w-full items-center justify-end gap-4",children:[c&&e.jsx(a,{role:"close",onClick:n,variant:"solid",className:"border-w-bluegray-200 bg-w-bluegray-200 hover:border-w-bluegray-300 hover:bg-w-bluegray-300",children:c}),d&&e.jsx(a,{role:"confirm",onClick:p,variant:"solid",className:r.twJoin(u&&"border-w-orange-500 bg-w-orange-500 hover:border-w-orange-600 hover:bg-w-orange-600"),children:d})]})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js"),a=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../../_virtual/_tslib.js"),require("react"),require("@wishket/yogokit"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/ProductIcon/ProductIcon.js")),i=(require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Input/PasswordInput.js"),require("../../Inputs/Input/LableInput.js"),require("../../Inputs/Input/InputTypeSelector.js"),require("../../Inputs/Button/Button.js"));require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js"),require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),module.exports=function(u){var n=u.variant,n=void 0===n?"primary":n,l=u.icon,d=u.title,o=u.text,p=u.buttonName,u=u.onClick;return e.jsxs(t,{"data-testid":"design-system-message-bar",className:s.twMerge("flex w-full items-center gap-5 rounded-2xl border px-8 py-5","primary"===n&&"border-primary-100 bg-primary-10","white"===n&&"border-w-gray-200 bg-white"),children:[e.jsx(t,{className:"shrink-0","data-testid":"design-system-message-bar--icon",children:e.jsx(a,{name:l,size:"medium"})}),e.jsxs(t,{className:"flex w-full flex-col gap-1",children:[d&&e.jsx(r,{variant:"subTitle2",className:"font-medium text-w-gray-900","data-testid":"design-system-message-bar--title",children:d}),e.jsx(r,{variant:"body2",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:o})]}),p&&u&&e.jsx(i,{variant:"outlined",size:"sm",className:"shrink-0",onClick:u,"data-testid":"design-system-message-bar--button",children:p})]})};
1
+ "use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js"),a=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../../_virtual/_tslib.js"),require("react"),require("@wishket/yogokit"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/ProductIcon/ProductIcon.js")),i=(require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Input/PasswordInput.js"),require("../../Inputs/Input/LableInput.js"),require("../../Inputs/Input/InputTypeSelector.js"),require("../../Inputs/Button/Button.js"));require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js"),require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),require("../../Inputs/CommentArea/CommentArea.js"),module.exports=function(u){var n=u.variant,n=void 0===n?"primary":n,l=u.icon,o=u.title,d=u.text,p=u.buttonName,u=u.onClick;return e.jsxs(t,{"data-testid":"design-system-message-bar",className:s.twMerge("flex w-full items-center gap-5 rounded-2xl border px-8 py-5","primary"===n&&"border-primary-100 bg-primary-10","white"===n&&"border-w-gray-200 bg-white"),children:[e.jsx(t,{className:"shrink-0","data-testid":"design-system-message-bar--icon",children:e.jsx(a,{name:l,size:"medium"})}),e.jsxs(t,{className:"flex w-full flex-col gap-1",children:[o&&e.jsx(r,{variant:"subTitle2",className:"font-medium text-w-gray-900","data-testid":"design-system-message-bar--title",children:o}),e.jsx(r,{variant:"body2",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:d})]}),p&&u&&e.jsx(i,{variant:"outlined",size:"sm",className:"shrink-0",onClick:u,"data-testid":"design-system-message-bar--button",children:p})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Base/Typography/Typography.js")),a=require("../../Base/Layouts/Box/Box.js"),t=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js")),i=function(s){switch(s.type){case"information":return e.jsx(t,{name:"medium_information",className:"text-primary-500",testId:"design-system-message-bar--information-icon"});case"success":return e.jsx(t,{name:"medium_success",className:"text-primary-500",testId:"design-system-message-bar--success-icon"});case"progress":return e.jsx(t,{name:"medium_success",className:"text-w-green-500",testId:"design-system-message-bar--progress-icon"});case"waiting":return e.jsx(t,{name:"medium_wait",className:"text-w-yellow-500",testId:"design-system-message-bar--waiting-icon"});case"caution":return e.jsx(t,{name:"medium_caution",className:"text-w-orange-500",testId:"design-system-message-bar--caution-icon"});case"error":return e.jsx(t,{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,c=n.type,n=n.onClose,o=!!n;return e.jsxs(a,{"data-testid":"design-system-message-bar",className:s.twMerge(function(){switch(c){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(a,{"data-testid":"design-system-message-bar--icon",className:"pt-[5px]",children:e.jsx(i,{type:c})}),e.jsx(a,{className:"w-full",children:e.jsx(r,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:m})}),o&&e.jsx(a,{onClick:n,"data-testid":"design-system-message-bar--close-button",className:"pt-[5px]",children:e.jsx(t,{name:"medium_delete",className:"text-w-gray-400"})})]})};
1
+ "use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge"),r=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../Base/Typography/Typography.js")),a=require("../../Base/Layouts/Box/Box.js"),t=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js")),i=function(s){switch(s.type){case"information":return e.jsx(t,{name:"medium_information",className:"text-success",testId:"design-system-message-bar--information-icon"});case"success":return e.jsx(t,{name:"medium_success",className:"text-success",testId:"design-system-message-bar--success-icon"});case"progress":return e.jsx(t,{name:"medium_success",className:"text-progress",testId:"design-system-message-bar--progress-icon"});case"waiting":return e.jsx(t,{name:"medium_wait",className:"text-waiting",testId:"design-system-message-bar--waiting-icon"});case"caution":return e.jsx(t,{name:"medium_caution",className:"text-caution",testId:"design-system-message-bar--caution-icon"});case"error":return e.jsx(t,{name:"medium_error",className:"text-error",testId:"design-system-message-bar--error-icon"});default:return null}};module.exports=function(n){var c=n.message,u=n.type,n=n.onClose,m=!!n;return e.jsxs(a,{"data-testid":"design-system-message-bar",className:s.twMerge(function(){switch(u){case"information":case"success":return"bg-success-10 border-success-100";case"progress":return"bg-progress-10 border-progress-100";case"waiting":return"bg-waiting-10 border-waiting-100";case"caution":return"bg-caution-10 border-caution-100";case"error":return"bg-error-10 border-error-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(a,{"data-testid":"design-system-message-bar--icon",className:"pt-[5px]",children:e.jsx(i,{type:u})}),e.jsx(a,{className:"w-full",children:e.jsx(r,{variant:"body1",className:"text-w-gray-600","data-testid":"design-system-message-bar--text",children:c})}),m&&e.jsx(a,{onClick:n,"data-testid":"design-system-message-bar--close-button",className:"pt-[5px]",children:e.jsx(t,{name:"medium_delete",className:"text-w-gray-400"})})]})};
@@ -0,0 +1,20 @@
1
+ import { ComponentPropsWithRef, ReactNode } from 'react';
2
+ interface InformationBoxProps {
3
+ imgUrl?: string;
4
+ username?: string;
5
+ }
6
+ export interface CommentAreaProps extends ComponentPropsWithRef<'textarea'>, InformationBoxProps {
7
+ isReply?: boolean;
8
+ guideText?: string | string[];
9
+ buttonName: string;
10
+ value: string;
11
+ cancelButtonName?: string;
12
+ isSelected?: boolean;
13
+ optionMessage?: string;
14
+ children?: ReactNode;
15
+ onCheck?: () => void;
16
+ onClose?: () => void;
17
+ onSubmit?: () => void;
18
+ }
19
+ declare const CommentArea: import("react").ForwardRefExoticComponent<Omit<CommentAreaProps, "ref"> & import("react").RefAttributes<HTMLTextAreaElement>>;
20
+ export default CommentArea;
@@ -0,0 +1,2 @@
1
+ 'use client';
2
+ "use strict";var e=require("../../../_virtual/_tslib.js"),s=require("react/jsx-runtime"),a=require("react"),r=require("tailwind-merge"),t=require("../../Base/Typography/Typography.js"),l=require("../../Base/Layouts/Box/Box.js"),i=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Avatar/Avatar.js")),n=(require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js")),c=require("../../DataDisplays/Divider/Divider.js"),o=require("../Button/Button.js"),d=require("../Checkbox/Checkbox.js"),m=function(e){var a=e.username,e=e.imgUrl;return s.jsxs(l,{className:"flex items-center gap-2",children:[s.jsx(i,{imgUrl:void 0===e?"":e}),s.jsx(t,{variant:"body1",className:"w-full font-medium text-w-gray-600",children:a})]})},u=function(e){e=e.guideText;return s.jsx(l,{className:"w-full bg-w-gray-10 px-4 py-2 text-w-gray-500",children:s.jsx("ul",{className:"flex flex-col gap-0.5 typo-body2",children:"string"==typeof e?s.jsx("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:e}):s.jsx(s.Fragment,{children:null==e?void 0:e.map(function(e){return s.jsx("li",{className:'before:mr-2 before:inline-flex before:items-center before:justify-center before:content-["•"]',children:e},e)})})})})},x=a.forwardRef(function(a,i){var x=a.imgUrl,g=a.username,f=a.isReply,y=a.guideText,p=a.buttonName,j=a.isSelected,h=a.optionMessage,b=a.cancelButtonName,b=void 0===b?"취소":b,w=a.onClose,N=a.onSubmit,v=a.onCheck,a=e.__rest(a,["imgUrl","username","isReply","guideText","buttonName","isSelected","optionMessage","cancelButtonName","onClose","onSubmit","onCheck"]),k=a.value,q=a.className,C=a.disabled,B=a.spellCheck,B=void 0!==B&&B,D=a.children,a=e.__rest(a,["value","className","disabled","spellCheck","children"]),_=""===k.trim(),_=!g||_||C;return s.jsxs(l,{"data-testid":"design-system-commentArea--full-container",className:r.twMerge("flex w-full items-start gap-4",q),children:[f&&s.jsx(n,{name:"medium_reply",className:"shrink-0 text-w-gray-400"}),s.jsxs(l,{"data-testid":"design-system-commentArea--container",className:"w-full rounded-xl border border-w-gray-200 bg-w-white",children:[s.jsx(l,{className:"flex w-full flex-col gap-2 px-4 py-3",children:D?s.jsx(l,{className:"h-[98px]",children:D}):s.jsxs(s.Fragment,{children:[g&&s.jsx(m,{imgUrl:x,username:g}),s.jsx("textarea",e.__assign({"data-testid":"design-system-commentArea",ref:i,value:k,spellCheck:B,disabled:C||!g,className:"h-[63px] w-full resize-none border-none bg-transparent tracking-default text-w-gray-900 outline-none placeholder:font-normal placeholder:text-w-gray-300 placeholder:typo-body1"},a))]})}),y&&s.jsx(l,{"data-testid":"design-system-commentArea--guide-message",className:"w-full bg-w-gray-10 px-4 py-2 text-w-gray-500",children:s.jsx(u,{guideText:y})}),s.jsx(c,{}),s.jsxs(l,{"data-testid":"design-system-commentArea--buttons",className:r.twMerge("flex w-full items-center justify-end px-4 py-3",h&&"justify-between"),children:[h&&s.jsxs("label",{className:"flex items-center gap-3",children:[s.jsx(d,{checked:j,onChange:v,disabled:C||!g}),s.jsx(t,{variant:"body1",className:"leading-none text-w-gray-900",children:h})]}),s.jsxs(l,{className:"flex w-fit shrink-0 items-center gap-3",children:[f&&s.jsx(o,{size:"sm",onClick:w,children:b}),s.jsx(o,{variant:"solid",size:"sm",disabled:_,onClick:N,children:p})]})]})]})]})});x.displayName="CommentArea",module.exports=x;
@@ -0,0 +1,2 @@
1
+ import CommentArea from './CommentArea';
2
+ export default CommentArea;
@@ -0,0 +1 @@
1
+ "use strict";var e=require("./CommentArea.js");module.exports=e;
@@ -0,0 +1,19 @@
1
+ import { ChangeEvent } from 'react';
2
+ export interface FilterListProps {
3
+ title: string;
4
+ buttonName: string;
5
+ data: Array<{
6
+ label: string;
7
+ value: string;
8
+ onChange: (event: ChangeEvent<HTMLInputElement>) => void;
9
+ }>;
10
+ selectedValues?: string[];
11
+ isAllSelected?: boolean;
12
+ onSelectAll?: () => void;
13
+ onReset?: () => void;
14
+ onViewOnly?: () => void;
15
+ isViewOnly?: boolean;
16
+ onSubmit?: () => void;
17
+ }
18
+ declare const FilterList: ({ title, buttonName, onSelectAll, isAllSelected, isViewOnly, data, selectedValues, onReset, onViewOnly, onSubmit, }: FilterListProps) => import("react/jsx-runtime").JSX.Element;
19
+ export default FilterList;
@@ -0,0 +1,2 @@
1
+ import FilterList from './FilterList';
2
+ export default FilterList;
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),n=require("tailwind-merge"),r=require("../../Base/Layouts/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,a=s.children,o=s.onClick,c=s.className,s=e.__rest(s,["size","outline","children","onClick","className"]),d=i.useState(!1),m=d[0],f=d[1],_=i.useRef(null);return i.useEffect(function(){return function(){_.current&&clearTimeout(_.current)}},[]),t.jsxs("button",e.__assign({"data-testid":"design-system-icon-button",type:"button",className:n.twMerge("relative flex cursor-pointer items-center justify-center rounded-xl border bg-transparent","sm"===u?"size-6 rounded-lg":"md"===u?"size-9":"lg"===u?"size-[50px]":void 0,l?"border-w-gray-200 overflow-hidden":"border-transparent",c),onClick:function(e){null!=o&&o(e),f(!0),_.current&&clearTimeout(_.current),_.current=setTimeout(function(){f(!1)},300)}},s,{children:[m&&t.jsx(r,{"data-testid":"design-system-icon-button--ripple",className:n.twMerge("absolute 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:"absolute flex h-full w-full items-center justify-center",children:a})]}))};
2
+ "use strict";var e=require("../../../_virtual/_tslib.js"),t=require("react/jsx-runtime"),i=require("react"),n=require("tailwind-merge"),r=require("../../Base/Layouts/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,a=s.children,o=s.onClick,c=s.className,s=e.__rest(s,["size","outline","children","onClick","className"]),d=i.useState(!1),m=d[0],f=d[1],p=i.useRef(null);return i.useEffect(function(){return function(){p.current&&clearTimeout(p.current)}},[]),t.jsxs("button",e.__assign({"data-testid":"design-system-icon-button",type:"button",className:n.twMerge("relative flex cursor-pointer items-center justify-center rounded-xl border bg-transparent","sm"===u?"size-6 rounded-lg":"md"===u?"size-9":"lg"===u?"size-[50px]":void 0,l?"border-w-gray-200 overflow-hidden":"border-transparent",c),onClick:function(e){null!=o&&o(e),f(!0),p.current&&clearTimeout(p.current),p.current=setTimeout(function(){f(!1)},300)}},s,{children:[m&&t.jsx(r,{"data-testid":"design-system-icon-button--ripple",className:n.twMerge("absolute h-full w-full bg-w-gray-500 bg-opacity-10",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:"absolute flex h-full w-full items-center justify-center",children:a})]}))};
@@ -0,0 +1,16 @@
1
+ import { SystemIconName } from '../../DataDisplays';
2
+ export type Item = {
3
+ key: number | string;
4
+ value: string;
5
+ leadingIcon?: SystemIconName;
6
+ };
7
+ export interface IconButtonDropdownProps {
8
+ icon: SystemIconName;
9
+ size?: 'sm' | 'md' | 'lg';
10
+ align?: 'left' | 'right';
11
+ items: Item[];
12
+ selectedItem: Item;
13
+ onItemClick: (item: Item) => void;
14
+ }
15
+ declare const IconButtonDropdown: ({ icon, items, selectedItem, onItemClick, size, align, }: IconButtonDropdownProps) => import("react/jsx-runtime").JSX.Element;
16
+ export default IconButtonDropdown;
@@ -0,0 +1,2 @@
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("../../DataDisplays/Avatar/Avatar.js"),require("../../../_virtual/_tslib.js"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js")),n=require("../IconButton/IconButton.js"),a=require("../List/List.js");module.exports=function(l){function o(){y(!1)}var u=l.icon,c=l.items,d=l.selectedItem,m=l.onItemClick,f=l.size,f=void 0===f?"sm":f,l=l.align,l=void 0===l?"left":l,j=t.useState(!1),v=j[0],y=j[1],j=t.useRef(null);return s.useClickOutside(j,o),e.jsxs("div",{"data-testid":"design-system-icon-button-dropdown",className:"relative w-fit",ref:j,children:[e.jsx(n,{onClick:function(e){e.preventDefault(),y(function(e){return!e})},size:f,children:e.jsx(r,{name:u})}),v&&e.jsx("div",{"data-testid":"design-system-icon-button-dropdown--list-container",className:i.twJoin("absolute -bottom-2 z-40 translate-y-full transform transition-all","right"===l?"right-0":"left-0 "),children:e.jsx(a.Root,{className:"max-h-full min-w-40 overflow-y-visible",children:c.map(function(t){return e.jsx(a.Item,{text:t.value,leadingIcon:t.leadingIcon,onClick:function(){m(t),o()},selected:t.key===(null==d?void 0:d.key)},t.key)})})})]})};
@@ -0,0 +1,2 @@
1
+ import IconButtonDropdown from './IconButtonDropdown';
2
+ export default IconButtonDropdown;
@@ -0,0 +1 @@
1
+ "use strict";var o=require("./IconButtonDropdown.js");module.exports=o;
@@ -1 +1 @@
1
- "use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),s=(require("react"),require("@wishket/yogokit"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/ProductIcon/ProductIcon.js")),t=(require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("../AutoCompleteList/AutoCompleteList.parts.js"),require("../Input/Input.js"),require("../Input/PasswordInput.js"),require("../Input/LableInput.js"),require("../Input/InputTypeSelector.js"),require("../Calendar/Calendar.utils.js"),require("../Checkbox/Checkbox.js"),require("../ChoiceChip/ChoiceChip.js"),require("../Radio/Radio.js"));require("../TextField/TextField.js"),exports.RadioCardContainer=function(s){var t=s.children,a=s.isWide,l=s.isSelected,o=s.isError,d=s.disabled,u=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",a?"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&&l&&!o?"cursor-not-allowed border-primary-100":d?"cursor-not-allowed border-w-gray-200":o?"border-w-red-500":l?"border-primary-500":"border-w-gray-200 group-hover:border-primary",d?l&&!o?"bg-primary-10":"bg-w-gray-10":l?o?"bg-w-red-10":"bg-primary-10":"bg-w-white",u)},s,{children:t}))},exports.RadioCardIcon=function(e){var t=e.iconName,a=e.disabled,l=e.isSelected,e=e.isError||!l;return r.jsx("div",{className:i.twMerge("flex size-[60px] flex-shrink-0 items-center justify-center",a&&"opacity-30"),"data-testid":"design-system-radioCard--icon",children:r.jsx(s,{name:t,disabled:e})})},exports.StyledRadio=function(s){var a=s.isWide,l=s.className,o=s.disabled,d=s.isError,u=s.isSelected,s=e.__rest(s,["isWide","className","disabled","isError","isSelected"]),n=d&&u&&o;return r.jsx(t,e.__assign({className:i.twMerge(!a&&"absolute left-[17px] top-[17px]",l),isDisabled:o||n,isError:d,isSelected:!n&&u},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
+ "use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("tailwind-merge"),s=(require("react"),require("@wishket/yogokit"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/ProductIcon/ProductIcon.js")),t=(require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("../AutoCompleteList/AutoCompleteList.parts.js"),require("../Input/Input.js"),require("../Input/PasswordInput.js"),require("../Input/LableInput.js"),require("../Input/InputTypeSelector.js"),require("../Calendar/Calendar.utils.js"),require("../Checkbox/Checkbox.js"),require("../ChoiceChip/ChoiceChip.js"),require("../Radio/Radio.js"));require("../TextField/TextField.js"),require("../CommentArea/CommentArea.js"),exports.RadioCardContainer=function(s){var t=s.children,a=s.isWide,o=s.isSelected,l=s.isError,d=s.disabled,u=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",a?"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&&o&&!l?"cursor-not-allowed border-primary-100":d?"cursor-not-allowed border-w-gray-200":l?"border-w-red-500":o?"border-primary-500":"border-w-gray-200 group-hover:border-primary",d?o&&!l?"bg-primary-10":"bg-w-gray-10":o?l?"bg-w-red-10":"bg-primary-10":"bg-w-white",u)},s,{children:t}))},exports.RadioCardIcon=function(e){var t=e.iconName,a=e.disabled,o=e.isSelected,e=e.isError||!o;return r.jsx("div",{className:i.twMerge("flex size-[60px] flex-shrink-0 items-center justify-center",a&&"opacity-30"),"data-testid":"design-system-radioCard--icon",children:r.jsx(s,{name:t,disabled:e})})},exports.StyledRadio=function(s){var a=s.isWide,o=s.className,l=s.disabled,d=s.isError,u=s.isSelected,s=e.__rest(s,["isWide","className","disabled","isError","isSelected"]),n=d&&u&&l;return r.jsx(t,e.__assign({className:i.twMerge(!a&&"absolute left-[17px] top-[17px]",o),isDisabled:l||n,isError:d,isSelected:!n&&u},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"),r=require("react"),s=require("tailwind-merge"),a=(require("@wishket/yogokit"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../Base/Typography/Typography.js")),t=require("../../Base/Layouts/Box/Box.js"),l=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("../AutoCompleteList/AutoCompleteList.parts.js"),require("../Input/Input.js"),require("../Input/PasswordInput.js"),require("../Input/LableInput.js"),require("../Input/InputTypeSelector.js"),require("../Calendar/Calendar.utils.js"),require("../Checkbox/Checkbox.js"),require("../ChoiceChip/ChoiceChip.js"),require("../Radio/Radio.js")),n=(require("../TextField/TextField.js"),function(r){var a=r.children,t=r.disabled,l=r.className,n=r.hasDescription,r=e.__rest(r,["children","disabled","className","hasDescription"]);return i.jsx("label",e.__assign({className:s.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",n?"gap-y-0.5":"gap-y-0",l)},r,{children:a}))});module.exports=function(e){var o=e.name,d=e.value,u=e.label,c=e.description,m=e.isSelected,p=e.isDisabled,p=void 0!==p&&p,g=e.isError,g=void 0!==g&&g,j=e.className,h=e.RadioClassName,e=e.onChange,x=r.useState(!1),y=x[0],q=x[1];return i.jsxs(n,{"data-testid":"design-system-radioList--item",disabled:p,hasDescription:!!c,className:j,onMouseOver:function(){q(!0)},onMouseOut:function(){q(!1)},children:[i.jsx(t,{className:"flex cursor-pointer pt-1 grid-in-radio",children:i.jsx(l,{name:o,value:d,isSelected:m,isHover:y,isError:g,isDisabled:p,onChange:e,className:h})}),i.jsx(t,{className:"flex w-full items-center grid-in-label",children:i.jsx(a,{variant:"body1",className:s.twMerge("w-full whitespace-normal break-words",p?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-radioList--item-label",children:u})}),c&&i.jsx(t,{className:"flex items-center grid-in-description",children:i.jsx(a,{variant:"body2",className:p?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:c})})]})};
2
+ "use strict";var e=require("../../../_virtual/_tslib.js"),r=require("react/jsx-runtime"),i=require("react"),s=require("tailwind-merge"),a=(require("@wishket/yogokit"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../Base/Typography/Typography.js")),t=require("../../Base/Layouts/Box/Box.js"),l=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("../AutoCompleteList/AutoCompleteList.parts.js"),require("../Input/Input.js"),require("../Input/PasswordInput.js"),require("../Input/LableInput.js"),require("../Input/InputTypeSelector.js"),require("../Calendar/Calendar.utils.js"),require("../Checkbox/Checkbox.js"),require("../ChoiceChip/ChoiceChip.js"),require("../Radio/Radio.js")),n=(require("../TextField/TextField.js"),require("../CommentArea/CommentArea.js"),function(i){var a=i.children,t=i.disabled,l=i.className,n=i.hasDescription,i=e.__rest(i,["children","disabled","className","hasDescription"]);return r.jsx("label",e.__assign({className:s.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",n?"gap-y-0.5":"gap-y-0",l)},i,{children:a}))});module.exports=function(e){var o=e.name,d=e.value,u=e.label,c=e.description,m=e.isSelected,p=e.isDisabled,p=void 0!==p&&p,j=e.isError,j=void 0!==j&&j,g=e.className,h=e.RadioClassName,e=e.onChange,x=i.useState(!1),y=x[0],q=x[1];return r.jsxs(n,{"data-testid":"design-system-radioList--item",disabled:p,hasDescription:!!c,className:g,onMouseOver:function(){q(!0)},onMouseOut:function(){q(!1)},children:[r.jsx(t,{className:"flex cursor-pointer pt-1 grid-in-radio",children:r.jsx(l,{name:o,value:d,isSelected:m,isHover:y,isError:j,isDisabled:p,onChange:e,className:h})}),r.jsx(t,{className:"flex w-full items-center grid-in-label",children:r.jsx(a,{variant:"body1",className:s.twMerge("w-full whitespace-normal break-words",p?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-radioList--item-label",children:u})}),c&&r.jsx(t,{className:"flex items-center grid-in-description",children:r.jsx(a,{variant:"body2",className:p?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:c})})]})};
@@ -24,3 +24,5 @@ export { default as TextFieldDropdown } from './TextFieldDropdown';
24
24
  export { TextButtonsDropdown } from './TextButtonsDropdown';
25
25
  export type { SkillItem, LegacySkillItem } from './Autocomplete';
26
26
  export type { TextButtonsDropdownProps } from './TextButtonsDropdown';
27
+ export { default as CommentArea } from './CommentArea';
28
+ export { default as IconButtonDropdown } from './IconButtonDropdown';
@@ -0,0 +1,16 @@
1
+ import { ReactNode } from 'react';
2
+ import { SystemIconName } from '../../DataDisplays';
3
+ export interface MenuProps {
4
+ type?: 'main' | 'sub';
5
+ variant?: 'white' | 'gray';
6
+ name: string;
7
+ badgeCount?: string;
8
+ isSelected?: boolean;
9
+ leadingIcon?: SystemIconName;
10
+ trailingIcon?: SystemIconName;
11
+ onClick: () => void;
12
+ onOptionClick?: () => void;
13
+ children?: ReactNode;
14
+ }
15
+ declare const Menu: ({ type, variant, name, isSelected, badgeCount, leadingIcon, trailingIcon, children, onClick, onOptionClick, }: MenuProps) => import("react/jsx-runtime").JSX.Element;
16
+ export default Menu;
@@ -0,0 +1 @@
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),a=(require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/CountBadge/CountBadge.js")),t=require("../../Base/Typography/Typography.js"),i=require("../../Base/Layouts/Box/Box.js"),s=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Label/Label.js"),require("../../../_virtual/_tslib.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js"));module.exports=function(n){var o,l,g=n.type,g=void 0===g?"main":g,u=n.variant,u=void 0===u?"white":u,y=n.name,d=n.isSelected,d=void 0!==d&&d,m=n.badgeCount,c=n.leadingIcon,p=n.trailingIcon,w=n.children,h=n.onClick,x=n.onOptionClick,n=!w&&p&&x;return e.jsxs(i,{"data-testid":"design-system-menu",className:(o=u,l=d,g="sub"===g?"pl-12":"",l={white:r.twJoin("bg-w-white hover:bg-w-gray-50",l&&"bg-primary-10 text-primary hover:bg-primary-10"),gray:r.twJoin("bg-w-gray-50 hover:bg-w-gray-100",l&&"bg-w-gray-100 hover:bg-w-gray-100")},r.twMerge("flex w-full cursor-pointer items-center gap-2 rounded-xl px-4 py-3 text-w-gray-900",g,l[o])),onClick:h,children:[c&&e.jsx(s,{testId:"design-system-menu-leading-icon",name:c,className:r.twJoin("white"===u&&d&&"text-primary")}),e.jsx(t,{"data-testid":"design-system-menu-name",variant:"body1",className:"w-full select-none",children:y}),m&&e.jsx(a,{variant:"white"!==u?"white_gray":d?"primary":"gray",text:m,className:"relative",showZero:!0}),w,n&&e.jsx(i,{onClick:function(e){e.stopPropagation(),x()},children:e.jsx(s,{testId:"design-system-menu-trailing-icon",name:p,className:"cursor-pointer"})})]})};
@@ -0,0 +1,2 @@
1
+ import Menu from './Menu';
2
+ export default Menu;
@@ -0,0 +1 @@
1
+ "use strict";var e=require("./Menu.js");module.exports=e;
@@ -5,3 +5,4 @@ export { default as TableOfContents } from './TableOfContents';
5
5
  export { default as TextTab } from './TextTab';
6
6
  export type { TableOfContentsProps, ContentItem } from './TableOfContents';
7
7
  export { default as BoxTab } from './BoxTab';
8
+ export { default as Menu } from './Menu';
@@ -1,2 +1,2 @@
1
1
  'use client';
2
- "use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("react"),r=(require("../../../_virtual/_tslib.js"),require("../../Base/Layouts/Box/Box.js")),s=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("@wishket/yogokit"),require("react-dom"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js")),a=(require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Input/PasswordInput.js"),require("../../Inputs/Input/LableInput.js"),require("../../Inputs/Input/InputTypeSelector.js"),require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js"),require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),require("next/link"),require("../../Feedbacks/RichTooltip/RichTooltip.js"));require("../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),module.exports=function(n){var u=n.size,u=void 0===u?"md":u,o=n.variant,o=void 0===o?"right":o,l=n.title,c=n.description,d=n.children,n=n.className,p="md"===u?"medium_information":"small_information",m="right"===o,o="down"===o,h=i.useState(!1),j=h[0],q=h[1];return e.jsxs(r,{className:"relative h-fit w-fit","data-testid":"design-system-withRichTooltip",children:[e.jsx(r,{"data-testid":"design-system-withRichTooltip--trigger",className:"flex h-fit w-fit shrink-0 items-center justify-center",onMouseEnter:function(){return q(!0)},onMouseLeave:function(){return q(!1)},onClick:function(){return q(function(e){return!e})},children:e.jsx(s,{name:p,className:"text-w-gray-400",testId:"md"===u?"design-system-withRichTooltip--trigger-icon-md":"design-system-withRichTooltip--trigger-icon-sm"})}),j&&e.jsx(a,{title:l,description:c,className:t.twMerge("absolute",m&&"left-[calc(100%_+_12px)] top-0",o&&"left-0 top-[calc(100%_+_12px)]",n),children:d})]})};
2
+ "use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("react"),r=(require("../../../_virtual/_tslib.js"),require("../../Base/Layouts/Box/Box.js")),s=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("@wishket/yogokit"),require("react-dom"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/SystemIcon.js")),a=(require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Input/PasswordInput.js"),require("../../Inputs/Input/LableInput.js"),require("../../Inputs/Input/InputTypeSelector.js"),require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js"),require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),require("../../Inputs/CommentArea/CommentArea.js"),require("next/link"),require("../../Feedbacks/RichTooltip/RichTooltip.js"));require("../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),module.exports=function(n){var u=n.size,u=void 0===u?"md":u,o=n.variant,o=void 0===o?"right":o,l=n.title,c=n.description,d=n.children,n=n.className,p="md"===u?"medium_information":"small_information",m="right"===o,o="down"===o,h=i.useState(!1),j=h[0],q=h[1];return e.jsxs(r,{className:"relative h-fit w-fit","data-testid":"design-system-withRichTooltip",children:[e.jsx(r,{"data-testid":"design-system-withRichTooltip--trigger",className:"flex h-fit w-fit shrink-0 items-center justify-center",onMouseEnter:function(){return q(!0)},onMouseLeave:function(){return q(!1)},onClick:function(){return q(function(e){return!e})},children:e.jsx(s,{name:p,className:"text-w-gray-400",testId:"md"===u?"design-system-withRichTooltip--trigger-icon-md":"design-system-withRichTooltip--trigger-icon-sm"})}),j&&e.jsx(a,{title:l,description:c,className:t.twMerge("absolute",m&&"left-[calc(100%_+_12px)] top-0",o&&"left-0 top-[calc(100%_+_12px)]",n),children:d})]})};
@@ -1 +1 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=(require("../../../_virtual/_tslib.js"),require("../../Base/Layouts/Box/Box.js")),a=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react"),require("@wishket/yogokit"),require("react-dom"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Input/PasswordInput.js"),require("../../Inputs/Input/LableInput.js"),require("../../Inputs/Input/InputTypeSelector.js"),require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js"),require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),require("next/link"),require("../../Feedbacks/SnackBar/SnackBar.js"));require("../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),module.exports=function(t){var i=t.children,u=t.isOpen,n=t.message,l=t.type,t=t.onClose;return e.jsxs(s,{"data-testid":"design-system-with-message-bar",children:[e.jsx(s,{className:"w-full overflow-y-hidden",children:e.jsx(s,{className:r.twJoin("w-full transform overflow-y-hidden transition-all duration-300 ease-linear",u?"max-h-full translate-y-0":"max-h-0 -translate-y-full"),"data-testid":"design-system-with-message-bar--container",children:e.jsx(s,{className:"pt-8",children:e.jsx(a,{message:n,type:l,onClose:t})})})}),i]})};
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=(require("../../../_virtual/_tslib.js"),require("../../Base/Layouts/Box/Box.js")),a=(require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react"),require("@wishket/yogokit"),require("react-dom"),require("../../DataDisplays/Avatar/Avatar.js"),require("../../DataDisplays/Label/Label.js"),require("../../DataDisplays/SystemIcon/Icons/Medium/MediumBell.js"),require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Input/PasswordInput.js"),require("../../Inputs/Input/LableInput.js"),require("../../Inputs/Input/InputTypeSelector.js"),require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js"),require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),require("../../Inputs/CommentArea/CommentArea.js"),require("next/link"),require("../../Feedbacks/SnackBar/SnackBar.js"));require("../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),module.exports=function(t){var i=t.children,u=t.isOpen,n=t.message,l=t.type,t=t.onClose;return e.jsxs(s,{"data-testid":"design-system-with-message-bar",children:[e.jsx(s,{className:"w-full overflow-y-hidden",children:e.jsx(s,{className:r.twJoin("w-full transform overflow-y-hidden transition-all duration-300 ease-linear",u?"max-h-full translate-y-0":"max-h-0 -translate-y-full"),"data-testid":"design-system-with-message-bar--container",children:e.jsx(s,{className:"pt-8",children:e.jsx(a,{message:n,type:l,onClose:t})})})}),i]})};
package/dist/colors.js CHANGED
@@ -1 +1 @@
1
- "use strict";var r=require("./constants/colors/w_primary.js"),s=require("./constants/colors/y_primary.js"),o=require("./constants/colors/w_secondary.js");exports.w_primary=r,exports.y_primary=s,exports.w_secondary=o;
1
+ "use strict";var r=require("./constants/colors/colors.js");exports.w_bluegray=r.w_bluegray,exports.w_cyan=r.w_cyan,exports.w_gray=r.w_gray,exports.w_green=r.w_green,exports.w_indigo=r.w_indigo,exports.w_orange=r.w_orange,exports.w_primary=r.w_primary,exports.w_red=r.w_red,exports.w_secondary=r.w_secondary,exports.w_violet=r.w_violet,exports.w_yellow=r.w_yellow,exports.y_primary=r.y_primary;
@@ -4,6 +4,7 @@ const colors = require('../colors')
4
4
 
5
5
  const { customizedPlugin } = require('./tailwind-plugins');
6
6
 
7
+
7
8
  module.exports = {
8
9
  content: [
9
10
  './src/app/**/*.{js,ts,jsx,tsx,mdx}',
@@ -26,123 +27,20 @@ module.exports = {
26
27
  colors: {
27
28
  primary: colors.w_primary,
28
29
  secondary: colors.w_secondary,
29
- 'w-cyan': {
30
- 10: '#F2FCFF',
31
- 50: '#E8FAFF',
32
- 100: '#BFEDFA',
33
- 200: '#ABE3F2',
34
- 300: '#80C7DE',
35
- 400: '#5DB6D4',
36
- 500: '#3BA3C7',
37
- 600: '#369CC2',
38
- 700: '#3391BA',
39
- 800: '#308AB3',
40
- 900: '#2E82AB',
41
- },
42
- 'w-indigo': {
43
- 10: '#F5F9FF',
44
- 50: '#E3EDFA',
45
- 100: '#CCDBED',
46
- 200: '#A6BFDE',
47
- 300: '#7DA3CC',
48
- 400: '#5487BA',
49
- 500: '#2E6BAA',
50
- 600: '#26619E',
51
- 700: '#1F578C',
52
- 800: '#1A4D80',
53
- 900: '#144570',
54
- },
55
- 'w-red': {
56
- 10: '#FFF5F5',
57
- 50: '#FFE8E8',
58
- 100: '#FFC9C9',
59
- 200: '#ED9191',
60
- 300: '#ED6666',
61
- 400: '#EB3F3F',
62
- 500: '#E52929',
63
- 600: '#DB2121',
64
- 700: '#D11519',
65
- 800: '#C70006',
66
- 900: '#BF0006',
67
- },
68
- 'w-orange': {
69
- 10: '#FFF9F5',
70
- 50: '#FFF0E8',
71
- 100: '#FFD6BF',
72
- 200: '#FFBB99',
73
- 300: '#FFA070',
74
- 400: '#FF8547',
75
- 500: '#FF6B21',
76
- 600: '#F4611D',
77
- 700: '#E65918',
78
- 800: '#DB5314',
79
- 900: '#D14B0F',
80
- },
81
- 'w-yellow': {
82
- 10: '#FFFDF5',
83
- 50: '#FFF9E0',
84
- 100: '#FFEEB8',
85
- 200: '#FFE491',
86
- 300: '#FFDA6A',
87
- 400: '#FFD043',
88
- 500: '#FFC61C',
89
- 600: '#FFB012',
90
- 700: '#F79E0F',
91
- 800: '#F79205',
92
- 900: '#F28A05',
93
- },
94
- 'w-green': {
95
- 10: '#F5FFFC',
96
- 50: '#EBFFF9',
97
- 100: '#C4EDE1',
98
- 200: '#93DBC6',
99
- 300: '#63C9AB',
100
- 400: '#30B891',
101
- 500: '#00A878',
102
- 600: '#009C6F',
103
- 700: '#009168',
104
- 800: '#008761',
105
- 900: '#007D59',
106
- },
107
- 'w-bluegray': {
108
- 10: '#F7FAFC',
109
- 50: '#E6EBF0',
110
- 100: '#CCD1D6',
111
- 200: '#A1A6AD',
112
- 300: '#787D85',
113
- 400: '#4D525C',
114
- 500: '#383D47',
115
- 600: '#242933',
116
- 700: '#1C2029',
117
- 800: '#14171F',
118
- 900: '#0D0F14',
119
- },
120
- 'w-gray': {
121
- 10: '#FAFAFA',
122
- 50: '#F5F5F5',
123
- 100: '#EEEEEE',
124
- 200: '#E0E0E0',
125
- 300: '#BDBDBD',
126
- 400: '#9E9E9E',
127
- 500: '#757575',
128
- 600: '#616161',
129
- 700: '#424242',
130
- 800: '#313131',
131
- 900: '#212121',
132
- },
133
- 'w-violet': {
134
- 10: '#FAF6FF',
135
- 50: '#F2E8FC',
136
- 100: '#D6C1FA',
137
- 200: '#BB98F7',
138
- 300: '#9E6BF5',
139
- 400: '#8646F2',
140
- 500: '#6B16EE',
141
- 600: '#5A00DB',
142
- 700: '#400EC0',
143
- 800: '#3200AC',
144
- 900: '#110394',
145
- },
30
+ success: colors.w_cyan,
31
+ progress: colors.w_green,
32
+ waiting: colors.w_yellow,
33
+ caution: colors.w_orange,
34
+ error: colors.w_red,
35
+ 'w-cyan': colors.w_cyan,
36
+ 'w-red': colors.w_red,
37
+ 'w-orange': colors.w_orange,
38
+ 'w-yellow': colors.w_yellow,
39
+ 'w-green': colors.w_green,
40
+ 'w-indigo': colors.w_indigo,
41
+ 'w-bluegray': colors.w_bluegray,
42
+ 'w-gray': colors.w_gray,
43
+ 'w-violet': colors.w_violet,
146
44
  'w-black': '#000000',
147
45
  'w-white': '#ffffff',
148
46
  'w-primary': colors.w_primary,
@@ -0,0 +1,169 @@
1
+ declare const w_cyan: {
2
+ DEFAULT: string;
3
+ 10: string;
4
+ 50: string;
5
+ 100: string;
6
+ 200: string;
7
+ 300: string;
8
+ 400: string;
9
+ 500: string;
10
+ 600: string;
11
+ 700: string;
12
+ 800: string;
13
+ 900: string;
14
+ };
15
+ declare const w_green: {
16
+ DEFAULT: string;
17
+ 10: string;
18
+ 50: string;
19
+ 100: string;
20
+ 200: string;
21
+ 300: string;
22
+ 400: string;
23
+ 500: string;
24
+ 600: string;
25
+ 700: string;
26
+ 800: string;
27
+ 900: string;
28
+ };
29
+ declare const w_yellow: {
30
+ DEFAULT: string;
31
+ 10: string;
32
+ 50: string;
33
+ 100: string;
34
+ 200: string;
35
+ 300: string;
36
+ 400: string;
37
+ 500: string;
38
+ 600: string;
39
+ 700: string;
40
+ 800: string;
41
+ 900: string;
42
+ };
43
+ declare const w_orange: {
44
+ DEFAULT: string;
45
+ 10: string;
46
+ 50: string;
47
+ 100: string;
48
+ 200: string;
49
+ 300: string;
50
+ 400: string;
51
+ 500: string;
52
+ 600: string;
53
+ 700: string;
54
+ 800: string;
55
+ 900: string;
56
+ };
57
+ declare const w_red: {
58
+ DEFAULT: string;
59
+ 10: string;
60
+ 50: string;
61
+ 100: string;
62
+ 200: string;
63
+ 300: string;
64
+ 400: string;
65
+ 500: string;
66
+ 600: string;
67
+ 700: string;
68
+ 800: string;
69
+ 900: string;
70
+ };
71
+ declare const w_indigo: {
72
+ DEFAULT: string;
73
+ 10: string;
74
+ 50: string;
75
+ 100: string;
76
+ 200: string;
77
+ 300: string;
78
+ 400: string;
79
+ 500: string;
80
+ 600: string;
81
+ 700: string;
82
+ 800: string;
83
+ 900: string;
84
+ };
85
+ declare const w_bluegray: {
86
+ DEFAULT: string;
87
+ 10: string;
88
+ 50: string;
89
+ 100: string;
90
+ 200: string;
91
+ 300: string;
92
+ 400: string;
93
+ 500: string;
94
+ 600: string;
95
+ 700: string;
96
+ 800: string;
97
+ 900: string;
98
+ };
99
+ declare const w_gray: {
100
+ DEFAULT: string;
101
+ 10: string;
102
+ 50: string;
103
+ 100: string;
104
+ 200: string;
105
+ 300: string;
106
+ 400: string;
107
+ 500: string;
108
+ 600: string;
109
+ 700: string;
110
+ 800: string;
111
+ 900: string;
112
+ };
113
+ declare const w_violet: {
114
+ DEFAULT: string;
115
+ 10: string;
116
+ 50: string;
117
+ 100: string;
118
+ 200: string;
119
+ 300: string;
120
+ 400: string;
121
+ 500: string;
122
+ 600: string;
123
+ 700: string;
124
+ 800: string;
125
+ 900: string;
126
+ };
127
+ declare const w_primary: {
128
+ DEFAULT: string;
129
+ 10: string;
130
+ 50: string;
131
+ 100: string;
132
+ 200: string;
133
+ 300: string;
134
+ 400: string;
135
+ 500: string;
136
+ 600: string;
137
+ 700: string;
138
+ 800: string;
139
+ 900: string;
140
+ };
141
+ declare const w_secondary: {
142
+ DEFAULT: string;
143
+ 10: string;
144
+ 50: string;
145
+ 100: string;
146
+ 200: string;
147
+ 300: string;
148
+ 400: string;
149
+ 500: string;
150
+ 600: string;
151
+ 700: string;
152
+ 800: string;
153
+ 900: string;
154
+ };
155
+ declare const y_primary: {
156
+ DEFAULT: string;
157
+ 10: string;
158
+ 50: string;
159
+ 100: string;
160
+ 200: string;
161
+ 300: string;
162
+ 400: string;
163
+ 500: string;
164
+ 600: string;
165
+ 700: string;
166
+ 800: string;
167
+ 900: string;
168
+ };
169
+ export { w_cyan, w_green, w_yellow, w_orange, w_red, w_indigo, w_bluegray, w_gray, w_violet, w_primary, w_secondary, y_primary, };
@@ -0,0 +1 @@
1
+ "use strict";var F=require("../../_virtual/_tslib.js"),E={DEFAULT:"#3BA3C7",10:"#F2FCFF",50:"#E8FAFF",100:"#BFEDFA",200:"#ABE3F2",300:"#80C7DE",400:"#5DB6D4",500:"#3BA3C7",600:"#369CC2",700:"#3391BA",800:"#308AB3",900:"#2E82AB"},D={DEFAULT:"#2E6BAA",10:"#F5F9FF",50:"#E3EDFA",100:"#CCDBED",200:"#A6BFDE",300:"#7DA3CC",400:"#5487BA",500:"#2E6BAA",600:"#26619E",700:"#1F578C",800:"#1A4D80",900:"#144570"},A={DEFAULT:"#6B16EE",10:"#FAF6FF",50:"#F2E8FC",100:"#D6C1FA",200:"#BB98F7",300:"#9E6BF5",400:"#8646F2",500:"#6B16EE",600:"#5A00DB",700:"#400EC0",800:"#3200AC",900:"#110394"},B=F.__assign({},E),C=F.__assign({},D),r=F.__assign({},A);exports.w_bluegray={DEFAULT:"#383D47",10:"#F7FAFC",50:"#E6EBF0",100:"#CCD1D6",200:"#A1A6AD",300:"#787D85",400:"#4D525C",500:"#383D47",600:"#242933",700:"#1C2029",800:"#14171F",900:"#0D0F14"},exports.w_cyan=E,exports.w_gray={DEFAULT:"#757575",10:"#FAFAFA",50:"#F5F5F5",100:"#EEEEEE",200:"#E0E0E0",300:"#BDBDBD",400:"#9E9E9E",500:"#757575",600:"#616161",700:"#424242",800:"#313131",900:"#212121"},exports.w_green={DEFAULT:"#00A878",10:"#F5FFFC",50:"#EBFFF9",100:"#C4EDE1",200:"#93DBC6",300:"#63C9AB",400:"#30B891",500:"#00A878",600:"#009C6F",700:"#009168",800:"#008761",900:"#007D59"},exports.w_indigo=D,exports.w_orange={DEFAULT:"#FF6B21",10:"#FFF9F5",50:"#FFF0E8",100:"#FFD6BF",200:"#FFBB99",300:"#FFA070",400:"#FF8547",500:"#FF6B21",600:"#F4611D",700:"#E65918",800:"#DB5314",900:"#D14B0F"},exports.w_primary=B,exports.w_red={DEFAULT:"#E52929",10:"#FFF5F5",50:"#FFE8E8",100:"#FFC9C9",200:"#ED9191",300:"#ED6666",400:"#EB3F3F",500:"#E52929",600:"#DB2121",700:"#D11519",800:"#C70006",900:"#BF0006"},exports.w_secondary=C,exports.w_violet=A,exports.w_yellow={DEFAULT:"#FFC61C",10:"#FFFDF5",50:"#FFF9E0",100:"#FFEEB8",200:"#FFE491",300:"#FFDA6A",400:"#FFD043",500:"#FFC61C",600:"#FFB012",700:"#F79E0F",800:"#F79205",900:"#F28A05"},exports.y_primary=r;
@@ -1,3 +1 @@
1
- export { default as w_primary } from './w_primary';
2
- export { default as y_primary } from './y_primary';
3
- export { default as w_secondary } from './w_secondary';
1
+ export { w_cyan, w_green, w_yellow, w_orange, w_red, w_indigo, w_bluegray, w_gray, w_violet, w_primary, w_secondary, y_primary, } from './colors';
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- "use strict";var e=require("./Components/DataDisplays/Avatar/Avatar.js"),o=require("./Components/DataDisplays/CountBadge/CountBadge.js"),t=require("./Components/DataDisplays/ImageLabel/ImageLabel.js"),s=require("./Components/DataDisplays/Label/Label.js"),r=require("./Components/DataDisplays/NewBadge/NewBadge.js"),n=require("./Components/DataDisplays/ProductIcon/ProductIcon.js"),a=require("./Components/DataDisplays/ServiceLogo/ServiceLogo.js"),i=require("./Components/DataDisplays/SkillLabel/SkillLabel.js"),p=require("./Components/DataDisplays/SystemIcon/SystemIcon.js"),u=require("./Components/DataDisplays/Divider/Divider.js"),C=require("./Components/Feedbacks/Dialog/Dialog.js"),x=require("./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js"),l=require("./Components/Feedbacks/MessageBox/MessageBox.js"),d=require("./Components/Feedbacks/PlainTooltip/PlainTooltip.js"),m=require("./Components/Feedbacks/RichTooltip/RichTooltip.js"),c=require("./Components/Feedbacks/SnackBar/SnackBar.js"),j=require("./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),q=require("./Components/Feedbacks/MessageBar/MessageBar.js"),B=require("./Components/Inputs/Autocomplete/Autocomplete.js"),g=require("./Components/Inputs/Button/Button.js"),I=require("./Components/Inputs/Calendar/Calendar.js"),h=require("./Components/Inputs/Checkbox/Checkbox.js"),b=require("./Components/Inputs/CheckboxCard/CheckboxCard.js"),L=require("./Components/Inputs/CheckboxList/CheckboxList.js"),T=require("./Components/Inputs/CheckboxListItem/CheckboxListItem.js"),D=require("./Components/Inputs/ChoiceChip/ChoiceChip.js"),k=require("./Components/Inputs/IconButton/IconButton.js"),S=require("./Components/Inputs/InputChip/InputChip.js"),y=require("./Components/Inputs/RangeSlider/RangeSlider.js"),R=require("./Components/Inputs/Radio/Radio.js"),F=require("./Components/Inputs/RadioCard/RadioCard.js"),v=require("./Components/Inputs/RadioList/RadioList.js"),w=require("./Components/Inputs/RadioGroup/RadioGroup.js"),G=require("./Components/Inputs/SearchField/SearchField.js"),N=require("./Components/Inputs/SegmentedControl/SegmentedControl.js"),P=require("./Components/Inputs/Switch/Switch.js"),W=require("./Components/Inputs/Textarea/Textarea.js"),M=require("./Components/Inputs/TextButton/TextButton.js"),A=require("./Components/Inputs/TextField/TextField.js"),f=require("./Components/Inputs/List/List.js"),O=require("./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js"),U=require("./Components/Inputs/TextButtonsDropdown/TextButtonsDropdown.js"),z=require("./Components/Base/Typography/Typography.js"),E=require("./Components/Base/Layouts/Box/Box.js"),H=require("./Components/Base/Layouts/GridLayout/GridLayout.js"),J=require("./Components/Base/Layouts/Column/Column.js"),K=require("./Components/Base/Layouts/FullBleed/FullBleed.js"),Q=require("./Components/Navigations/Drawer/Drawer.js"),V=require("./Components/Navigations/GNBList/GNBList.js"),X=require("./Components/Navigations/Pagination/Pagination.js"),Y=require("./Components/Navigations/TableOfContents/TableOfContents.js"),Z=require("./Components/Navigations/TextTab/TextTab.js"),$=require("./Components/Navigations/BoxTab/BoxTab.js"),_=require("./Components/Utils/BackDrop/BackDrop.js"),ee=require("./Components/Utils/Modal/Modal.js"),oe=require("./Components/Utils/Portal/Portal.js"),te=require("./Components/Wrappers/WithBadge/WithBadge.js"),se=require("./Components/Wrappers/WithRichTooltip/WithRichTooltip.js"),re=require("./Components/Wrappers/WithSnackBar/WithSnackBar.js");exports.Avatar=e,exports.CountBadge=o,exports.ImageLabel=t,exports.Label=s,exports.NewBadge=r,exports.ProductIcon=n,exports.ServiceLogo=a,exports.SkillLabel=i,exports.SystemIcon=p,exports.Divider=u,exports.Dialog=C,exports.LoadingIndicator=x,exports.MessageBox=l,exports.PlainTooltip=d,exports.RichTooltip=m,exports.SnackBar=c,exports.GlobalLoadingIndicator=j.default,exports.MessageBar=q,exports.Autocomplete=B,exports.Button=g,exports.Calendar=I,exports.Checkbox=h,exports.CheckboxCard=b,exports.CheckboxList=L,exports.CheckboxListItem=T,exports.ChoiceChip=D,exports.IconButton=k,exports.InputChip=S,exports.RangeSlider=y,exports.Radio=R,exports.RadioCard=F,exports.RadioList=v,exports.RadioGroup=w,exports.SearchField=G,exports.SegmentedControl=N,exports.Switch=P,exports.Textarea=W,exports.TextButton=M,exports.TextField=A,exports.List=f,exports.TextFieldDropdown=O,exports.TextButtonsDropdown=U,exports.Typography=z,exports.Box=E,exports.GridLayout=H,exports.Column=J,exports.FullBleed=K,exports.Drawer=Q,exports.GNBList=V,exports.Pagination=X,exports.TableOfContents=Y,exports.TextTab=Z,exports.BoxTab=$,exports.BackDrop=_,exports.Modal=ee,exports.Portal=oe,exports.WithBadge=te,exports.WithRichTooltip=se,exports.WithSnackBar=re;
1
+ "use strict";var e=require("./Components/DataDisplays/Avatar/Avatar.js"),o=require("./Components/DataDisplays/CountBadge/CountBadge.js"),t=require("./Components/DataDisplays/ImageLabel/ImageLabel.js"),s=require("./Components/DataDisplays/Label/Label.js"),r=require("./Components/DataDisplays/NewBadge/NewBadge.js"),n=require("./Components/DataDisplays/ProductIcon/ProductIcon.js"),a=require("./Components/DataDisplays/ServiceLogo/ServiceLogo.js"),p=require("./Components/DataDisplays/SkillLabel/SkillLabel.js"),i=require("./Components/DataDisplays/SystemIcon/SystemIcon.js"),u=require("./Components/DataDisplays/Divider/Divider.js"),C=require("./Components/DataDisplays/ProcessIndicator/ProcessIndicator.js"),x=require("./Components/Feedbacks/Dialog/Dialog.js"),d=require("./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js"),l=require("./Components/Feedbacks/MessageBox/MessageBox.js"),m=require("./Components/Feedbacks/PlainTooltip/PlainTooltip.js"),c=require("./Components/Feedbacks/RichTooltip/RichTooltip.js"),j=require("./Components/Feedbacks/SnackBar/SnackBar.js"),q=require("./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),B=require("./Components/Feedbacks/MessageBar/MessageBar.js"),I=require("./Components/Inputs/Autocomplete/Autocomplete.js"),g=require("./Components/Inputs/Button/Button.js"),h=require("./Components/Inputs/Calendar/Calendar.js"),D=require("./Components/Inputs/Checkbox/Checkbox.js"),b=require("./Components/Inputs/CheckboxCard/CheckboxCard.js"),L=require("./Components/Inputs/CheckboxList/CheckboxList.js"),T=require("./Components/Inputs/CheckboxListItem/CheckboxListItem.js"),k=require("./Components/Inputs/ChoiceChip/ChoiceChip.js"),y=require("./Components/Inputs/IconButton/IconButton.js"),S=require("./Components/Inputs/InputChip/InputChip.js"),R=require("./Components/Inputs/RangeSlider/RangeSlider.js"),F=require("./Components/Inputs/Radio/Radio.js"),w=require("./Components/Inputs/RadioCard/RadioCard.js"),v=require("./Components/Inputs/RadioList/RadioList.js"),P=require("./Components/Inputs/RadioGroup/RadioGroup.js"),N=require("./Components/Inputs/SearchField/SearchField.js"),G=require("./Components/Inputs/SegmentedControl/SegmentedControl.js"),M=require("./Components/Inputs/Switch/Switch.js"),W=require("./Components/Inputs/Textarea/Textarea.js"),A=require("./Components/Inputs/TextButton/TextButton.js"),f=require("./Components/Inputs/TextField/TextField.js"),O=require("./Components/Inputs/List/List.js"),U=require("./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js"),z=require("./Components/Inputs/TextButtonsDropdown/TextButtonsDropdown.js"),E=require("./Components/Inputs/CommentArea/CommentArea.js"),H=require("./Components/Inputs/IconButtonDropdown/IconButtonDropdown.js"),J=require("./Components/Base/Typography/Typography.js"),K=require("./Components/Base/Layouts/Box/Box.js"),Q=require("./Components/Base/Layouts/GridLayout/GridLayout.js"),V=require("./Components/Base/Layouts/Column/Column.js"),X=require("./Components/Base/Layouts/FullBleed/FullBleed.js"),Y=require("./Components/Navigations/Drawer/Drawer.js"),Z=require("./Components/Navigations/GNBList/GNBList.js"),$=require("./Components/Navigations/Pagination/Pagination.js"),_=require("./Components/Navigations/TableOfContents/TableOfContents.js"),ee=require("./Components/Navigations/TextTab/TextTab.js"),oe=require("./Components/Navigations/BoxTab/BoxTab.js"),te=require("./Components/Navigations/Menu/Menu.js"),se=require("./Components/Utils/BackDrop/BackDrop.js"),re=require("./Components/Utils/Modal/Modal.js"),ne=require("./Components/Utils/Portal/Portal.js"),ae=require("./Components/Wrappers/WithBadge/WithBadge.js"),pe=require("./Components/Wrappers/WithRichTooltip/WithRichTooltip.js"),ie=require("./Components/Wrappers/WithSnackBar/WithSnackBar.js");exports.Avatar=e,exports.CountBadge=o,exports.ImageLabel=t,exports.Label=s,exports.NewBadge=r,exports.ProductIcon=n,exports.ServiceLogo=a,exports.SkillLabel=p,exports.SystemIcon=i,exports.Divider=u,exports.ProcessIndicator=C,exports.Dialog=x,exports.LoadingIndicator=d,exports.MessageBox=l,exports.PlainTooltip=m,exports.RichTooltip=c,exports.SnackBar=j,exports.GlobalLoadingIndicator=q.default,exports.MessageBar=B,exports.Autocomplete=I,exports.Button=g,exports.Calendar=h,exports.Checkbox=D,exports.CheckboxCard=b,exports.CheckboxList=L,exports.CheckboxListItem=T,exports.ChoiceChip=k,exports.IconButton=y,exports.InputChip=S,exports.RangeSlider=R,exports.Radio=F,exports.RadioCard=w,exports.RadioList=v,exports.RadioGroup=P,exports.SearchField=N,exports.SegmentedControl=G,exports.Switch=M,exports.Textarea=W,exports.TextButton=A,exports.TextField=f,exports.List=O,exports.TextFieldDropdown=U,exports.TextButtonsDropdown=z,exports.CommentArea=E,exports.IconButtonDropdown=H,exports.Typography=J,exports.Box=K,exports.GridLayout=Q,exports.Column=V,exports.FullBleed=X,exports.Drawer=Y,exports.GNBList=Z,exports.Pagination=$,exports.TableOfContents=_,exports.TextTab=ee,exports.BoxTab=oe,exports.Menu=te,exports.BackDrop=se,exports.Modal=re,exports.Portal=ne,exports.WithBadge=ae,exports.WithRichTooltip=pe,exports.WithSnackBar=ie;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@wishket/design-system",
3
- "version": "1.3.0",
3
+ "version": "1.4.0",
4
4
  "description": "Wishket Design System",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.es.js",
@@ -1,15 +0,0 @@
1
- declare const w_primary: {
2
- DEFAULT: string;
3
- 10: string;
4
- 50: string;
5
- 100: string;
6
- 200: string;
7
- 300: string;
8
- 400: string;
9
- 500: string;
10
- 600: string;
11
- 700: string;
12
- 800: string;
13
- 900: string;
14
- };
15
- export default w_primary;
@@ -1 +0,0 @@
1
- "use strict";module.exports={DEFAULT:"#3BA3C7",10:"#F2FCFF",50:"#E8FAFF",100:"#BFEDFA",200:"#ABE3F2",300:"#80C7DE",400:"#5DB6D4",500:"#3BA3C7",600:"#369CC2",700:"#3391BA",800:"#308AB3",900:"#2E82AB"};
@@ -1,15 +0,0 @@
1
- declare const w_secondary: {
2
- DEFAULT: string;
3
- 10: string;
4
- 50: string;
5
- 100: string;
6
- 200: string;
7
- 300: string;
8
- 400: string;
9
- 500: string;
10
- 600: string;
11
- 700: string;
12
- 800: string;
13
- 900: string;
14
- };
15
- export default w_secondary;
@@ -1 +0,0 @@
1
- "use strict";module.exports={DEFAULT:"#2E6BAA",10:"#F5F9FF",50:"#E3EDFA",100:"#CCDBED",200:"#A6BFDE",300:"#7DA3CC",400:"#5487BA",500:"#2E6BAA",600:"#26619E",700:"#1F578C",800:"#1A4D80",900:"#144570"};
@@ -1,15 +0,0 @@
1
- declare const y_primary: {
2
- DEFAULT: string;
3
- 10: string;
4
- 50: string;
5
- 100: string;
6
- 200: string;
7
- 300: string;
8
- 400: string;
9
- 500: string;
10
- 600: string;
11
- 700: string;
12
- 800: string;
13
- 900: string;
14
- };
15
- export default y_primary;
@@ -1 +0,0 @@
1
- "use strict";module.exports={DEFAULT:"#6B16EE",10:"#FAF6FF",50:"#F2E8FC",100:"#D6C1FA",200:"#BB98F7",300:"#9E6BF5",400:"#8646F2",500:"#6B16EE",600:"#5A00DB",700:"#400EC0",800:"#3200AC",900:"#110394"};