@wishket/design-system 1.13.9 → 1.13.10
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/DataDisplays/Avatar/Avatar.js +3 -3
- package/dist/Components/DataDisplays/Label/Label.js +4 -4
- package/dist/Components/DataDisplays/SystemIcon/SystemIcon.constants.d.ts +1 -0
- package/dist/Components/DataDisplays/SystemIcon/SystemIcon.constants.js +1 -1
- package/dist/Components/DataDisplays/SystemIcon/index.d.ts +1 -1
- package/dist/Components/Feedbacks/MessageBar/MessageBar.js +5 -5
- package/dist/Components/Feedbacks/MessageBox/MessageBox.js +5 -5
- package/dist/Components/Feedbacks/MessageBox/MessageBox.parts.js +3 -3
- package/dist/Components/Feedbacks/SnackBar/SnackBar.js +11 -11
- package/dist/Components/Feedbacks/SnackBar/SnackBar.types.d.ts +8 -1
- package/dist/Components/Feedbacks/SnackBar/SnackBar.types.js +1 -0
- package/dist/Components/Feedbacks/SnackBar/index.d.ts +2 -1
- package/dist/Components/Inputs/AutoCompleteList/AutoCompleteList.js +5 -5
- package/dist/Components/Inputs/Button/Button.parts.js +2 -2
- package/dist/Components/Inputs/Calendar/Calendar.js +7 -7
- package/dist/Components/Inputs/Calendar/Calendar.parts.js +1 -1
- package/dist/Components/Inputs/CheckboxCard/CheckboxCard.parts.js +4 -4
- package/dist/Components/Inputs/ChoiceChip/ChoiceChip.js +6 -6
- package/dist/Components/Inputs/CommentArea/CommentArea.js +4 -4
- package/dist/Components/Inputs/FilterChip/FilterChip.js +5 -5
- package/dist/Components/Inputs/FilterList/FilterList.js +6 -6
- package/dist/Components/Inputs/IconButtonDropdown/IconButtonDropdown.js +4 -4
- package/dist/Components/Inputs/Input/PasswordInput.js +3 -3
- package/dist/Components/Inputs/InputChip/InputChip.js +3 -3
- package/dist/Components/Inputs/List/List.js +4 -4
- package/dist/Components/Inputs/RadioCard/RadioCard.parts.js +4 -4
- package/dist/Components/Inputs/SearchField/SearchField.js +4 -4
- package/dist/Components/Inputs/TextButton/TextButton.js +4 -4
- package/dist/Components/Inputs/TextButtonDropdown/TextButtonDropdown.parts.js +4 -4
- package/dist/Components/Inputs/TextFieldContainer/TextFieldContainer.js +1 -1
- package/dist/Components/Inputs/TextFieldDropdown/TextFieldDropdown.parts.js +3 -3
- package/dist/Components/Inputs/Textarea/Textarea.js +4 -4
- package/dist/Components/Navigations/GNBList/GNBList.parts.js +8 -8
- package/dist/Components/Navigations/Menu/Menu.js +4 -4
- package/dist/Components/Navigations/Pagination/Pagination.parts.js +2 -2
- package/dist/Components/Navigations/TextTab/TextTab.parts.js +4 -4
- package/dist/Components/Wrappers/WithBadge/WithBadge.js +2 -2
- package/dist/Components/Wrappers/WithRichTooltip/WithRichTooltip.js +3 -3
- package/dist/Components/Wrappers/WithSnackBar/WithSnackBar.js +3 -3
- package/dist/cjs/Components/DataDisplays/Avatar/Avatar.js +2 -2
- package/dist/cjs/Components/DataDisplays/Label/Label.js +4 -4
- package/dist/cjs/Components/DataDisplays/SystemIcon/SystemIcon.constants.js +1 -1
- package/dist/cjs/Components/Feedbacks/MessageBar/MessageBar.js +4 -4
- package/dist/cjs/Components/Feedbacks/MessageBox/MessageBox.js +1 -1
- package/dist/cjs/Components/Feedbacks/MessageBox/MessageBox.parts.js +3 -3
- package/dist/cjs/Components/Feedbacks/SnackBar/SnackBar.js +11 -12
- package/dist/cjs/Components/Feedbacks/SnackBar/SnackBar.types.js +1 -0
- package/dist/cjs/Components/Inputs/AutoCompleteList/AutoCompleteList.js +7 -7
- package/dist/cjs/Components/Inputs/Button/Button.parts.js +2 -2
- package/dist/cjs/Components/Inputs/Calendar/Calendar.js +4 -4
- package/dist/cjs/Components/Inputs/Calendar/Calendar.parts.js +1 -1
- package/dist/cjs/Components/Inputs/CheckboxCard/CheckboxCard.parts.js +4 -4
- package/dist/cjs/Components/Inputs/ChoiceChip/ChoiceChip.js +5 -5
- package/dist/cjs/Components/Inputs/CommentArea/CommentArea.js +10 -10
- package/dist/cjs/Components/Inputs/FilterChip/FilterChip.js +3 -4
- package/dist/cjs/Components/Inputs/FilterList/FilterList.js +10 -10
- package/dist/cjs/Components/Inputs/IconButtonDropdown/IconButtonDropdown.js +3 -3
- package/dist/cjs/Components/Inputs/Input/PasswordInput.js +3 -3
- package/dist/cjs/Components/Inputs/InputChip/InputChip.js +2 -2
- package/dist/cjs/Components/Inputs/List/List.js +3 -3
- package/dist/cjs/Components/Inputs/RadioCard/RadioCard.parts.js +4 -4
- package/dist/cjs/Components/Inputs/SearchField/SearchField.js +5 -5
- package/dist/cjs/Components/Inputs/TextButton/TextButton.js +4 -4
- package/dist/cjs/Components/Inputs/TextButtonDropdown/TextButtonDropdown.parts.js +1 -1
- package/dist/cjs/Components/Inputs/TextFieldContainer/TextFieldContainer.js +1 -1
- package/dist/cjs/Components/Inputs/TextFieldDropdown/TextFieldDropdown.parts.js +3 -3
- package/dist/cjs/Components/Inputs/Textarea/Textarea.js +4 -4
- package/dist/cjs/Components/Navigations/GNBList/GNBList.parts.js +9 -9
- package/dist/cjs/Components/Navigations/Menu/Menu.js +3 -3
- package/dist/cjs/Components/Navigations/Pagination/Pagination.parts.js +2 -2
- package/dist/cjs/Components/Navigations/TextTab/TextTab.parts.js +5 -5
- package/dist/cjs/Components/Wrappers/WithBadge/WithBadge.js +1 -1
- package/dist/cjs/Components/Wrappers/WithRichTooltip/WithRichTooltip.js +2 -2
- package/dist/cjs/Components/Wrappers/WithSnackBar/WithSnackBar.js +2 -2
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/types.js +1 -0
- package/dist/index.js +1 -1
- package/dist/types.d.ts +32 -0
- package/dist/types.js +1 -0
- package/package.json +24 -20
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("react"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var t=require("../../DataDisplays/ProductIcon/ProductIcon.js"),i=require("../Radio/Radio.js");function
|
|
2
|
-
return e.jsx("div",n(
|
|
3
|
-
return e.jsx("div",{className:r.twMerge("flex size-[60px] flex-shrink-0 items-center justify-center",
|
|
4
|
-
return e.jsx(i.default,
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var t=require("../../DataDisplays/ProductIcon/ProductIcon.js"),i=require("../Radio/Radio.js");function s(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},i=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),i.forEach((function(r){s(e,r,t[r])}))}return e}function n(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);r&&(i=i.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,i)}return t}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function a(e,r){if(null==e)return{};var t,i,s=function(e,r){if(null==e)return{};var t,i,s={},o=Object.keys(e);for(i=0;i<o.length;i++)t=o[i],r.indexOf(t)>=0||(s[t]=e[t]);return s}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(i=0;i<o.length;i++)t=o[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(s[t]=e[t])}return s}exports.RadioCardContainer=t=>{var{children:i,isWide:s,isSelected:l,isError:c,disabled:d,className:u}=t,p=a(t,["children","isWide","isSelected","isError","disabled","className"]);/*#__PURE__*/
|
|
2
|
+
return e.jsx("div",n(o({className:r.twMerge("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl border",s?"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&&!c?"cursor-not-allowed border-primary-100":d?"cursor-not-allowed border-w-gray-200":c?"border-w-red-500":l?"border-primary-500":"border-w-gray-200 group-hover:border-primary",d?l&&!c?"bg-primary-10":"bg-w-gray-10":l?c?"bg-w-red-10":"bg-primary-10":"bg-w-white",u)},p),{children:i}))},exports.RadioCardIcon=({iconName:i,disabled:s,isSelected:o,isError:n})=>{const a=n||!o;/*#__PURE__*/
|
|
3
|
+
return e.jsx("div",{className:r.twMerge("flex size-[60px] flex-shrink-0 items-center justify-center",s&&"opacity-30"),"data-testid":"design-system-radioCard--icon",children:/*#__PURE__*/e.jsx(t.default,{name:i,disabled:a})})},exports.StyledRadio=t=>{var{isWide:s,className:n,disabled:l,isError:c,isSelected:d}=t,u=a(t,["isWide","className","disabled","isError","isSelected"]);const p=!s,b=c&&d&&l;/*#__PURE__*/
|
|
4
|
+
return e.jsx(i.default,o({className:r.twMerge(p&&"absolute left-[17px] top-[17px]",n),isDisabled:l||b,isError:c,isSelected:!b&&d},u))},exports.TitleContainer=({isWide:t,children:i})=>/*#__PURE__*/e.jsx("div",{className:r.twJoin("flex h-auto w-full flex-col justify-between gap-0.5",t?"items-start":"items-center"),children:i});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("../../DataDisplays/SystemIcon/SystemIcon.js")
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var l=require("../TextButtonDropdown/TextButtonDropdown.js"),u=require("../TextFieldContainer/TextFieldContainer.js"),a=require("../Input/Input.js");function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},s=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(s=s.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),s.forEach((function(t){i(e,t,r[t])}))}return e}function c(e,t){if(null==e)return{};var r,s,n=function(e,t){if(null==e)return{};var r,s,n={},l=Object.keys(e);for(s=0;s<l.length;s++)r=l[s],t.indexOf(r)>=0||(n[r]=e[r]);return n}
|
|
2
2
|
/**
|
|
3
3
|
* 검색 필드 컴포넌트
|
|
4
4
|
*
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
* ]
|
|
35
35
|
* }}
|
|
36
36
|
* />
|
|
37
|
-
*/(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(s=0;s<l.length;s++)r=l[s],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}require("../Input/PasswordInput.js"),require("../Input/LableInput.js"),require("../Input/InputTypeSelector.js");exports.default=
|
|
38
|
-
return e.jsx("form",{onSubmit:e=>{e.preventDefault(),
|
|
39
|
-
/*#__PURE__*/e.jsx(
|
|
40
|
-
/*#__PURE__*/e.jsx("button",{type:"submit",className:"shrink-0","data-testid":"design-system-search-field--submit-button",disabled:
|
|
37
|
+
*/(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(s=0;s<l.length;s++)r=l[s],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}require("../Input/PasswordInput.js"),require("../Input/LableInput.js"),require("../Input/InputTypeSelector.js");exports.default=i=>{var{type:d,onSearch:p,className:b,disabled:f,spellCheck:y,onFocus:m,onBlur:j,filters:x}=i,h=c(i,["type","onSearch","className","disabled","spellCheck","onFocus","onBlur","filters"]);const[O,g]=t.useState(!1);/*#__PURE__*/
|
|
38
|
+
return e.jsx("form",{onSubmit:e=>{e.preventDefault(),p()},"data-testid":"design-system-search-field",children:/*#__PURE__*/e.jsx("label",{className:"cursor-text",children:/*#__PURE__*/e.jsxs(u.default,{isFocused:O,isDisabled:f,className:"overflow-visible",children:[!!x&&/*#__PURE__*/e.jsx(s.default,{className:"shrink-0",children:/*#__PURE__*/e.jsx(l.default,o({disabled:f},x))}),
|
|
39
|
+
/*#__PURE__*/e.jsx(a.default,o({onFocus:e=>{g(!0),null==m||m(e)},onBlur:e=>{g(!1),null==j||j(e)},spellCheck:y||!1,disabled:f},h)),
|
|
40
|
+
/*#__PURE__*/e.jsx("button",{type:"submit",className:"shrink-0","data-testid":"design-system-search-field--submit-button",disabled:f,children:/*#__PURE__*/e.jsx(n.default,{testId:"design-system-search-field--submit-button-icon",name:"medium_search",className:r.twMerge("pointer-events-none text-w-gray-600",f&&"text-w-gray-300")})})]})})})};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("tailwind-merge");require("react");var r=require("../../DataDisplays/SystemIcon/SystemIcon.js")
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("tailwind-merge");require("react");var r=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var n=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");function s(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function o(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}
|
|
2
2
|
/**
|
|
3
3
|
* 텍스트 버튼 컴포넌트
|
|
4
4
|
*
|
|
@@ -23,6 +23,6 @@
|
|
|
23
23
|
* leadingIcon="search"
|
|
24
24
|
* trailingIcon="arrow-right"
|
|
25
25
|
* />
|
|
26
|
-
*/(e,t);if(Object.getOwnPropertySymbols){var
|
|
27
|
-
return e.jsxs("button",
|
|
28
|
-
/*#__PURE__*/e.jsx(a.default,{"data-testid":"design-system-text-button--text",className:"w-fit",children:/*#__PURE__*/e.jsx(n.default,{variant:u?"body2":"body1",className:"align-baseline font-medium text-primary-500",children:
|
|
26
|
+
*/(e,t);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)r=s[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(a[r]=e[r])}return a}require("../../Base/Layouts/FullBleed/FullBleed.js");exports.default=c=>{var{text:l,isTextSmall:u=!1,leadingIcon:y,trailingIcon:f}=c,p=o(c,["text","isTextSmall","leadingIcon","trailingIcon"]);/*#__PURE__*/
|
|
27
|
+
return e.jsxs("button",i(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){s(e,t,r[t])}))}return e}({"data-testid":"design-system-text-button--container",className:t.twMerge("flex min-h-6 w-fit items-center justify-center",u?"gap-x-0.5":"gap-x-1")},p),{children:[y&&/*#__PURE__*/e.jsx(a.default,{"data-testid":"design-system-text-button--icon--left",className:"w-fit",children:/*#__PURE__*/e.jsx(r.default,{name:y,className:"text-primary-500"})}),
|
|
28
|
+
/*#__PURE__*/e.jsx(a.default,{"data-testid":"design-system-text-button--text",className:"w-fit",children:/*#__PURE__*/e.jsx(n.default,{variant:u?"body2":"body1",className:"align-baseline font-medium text-primary-500",children:l})}),f&&/*#__PURE__*/e.jsx(a.default,{"data-testid":"design-system-text-button--icon--right",className:"w-fit",children:/*#__PURE__*/e.jsx(r.default,{name:f,className:"text-primary-500"})})]}))};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("react");var t=require("../../DataDisplays/SystemIcon/SystemIcon.js")
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("react");var t=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var n=require("../../Base/Typography/Typography.js");function o(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function a(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function s(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");exports.TextButton=i=>{var{value:c,isListOpen:u,disabled:l,className:y}=i,p=s(i,["value","isListOpen","disabled","className"]);/*#__PURE__*/
|
|
2
2
|
return e.jsxs("button",a(function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){o(e,r,t[r])}))}return e}({type:"button",className:r.twMerge("flex items-center gap-2 outline-none",l?"cursor-not-allowed":"cursor-pointer",y),disabled:l},p),{children:[
|
|
3
3
|
/*#__PURE__*/e.jsx(n.default,{variant:"body1",className:r.twMerge("text-w-gray-600",l&&"text-w-gray-300"),children:c}),
|
|
4
4
|
/*#__PURE__*/e.jsx("span",{className:r.twJoin("transition-transform duration-300",u&&"rotate-180"),children:/*#__PURE__*/e.jsx(t.default,{name:"medium_arrow_down",className:r.twMerge("text-w-gray-600",l&&"text-w-gray-300")})})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("../../Base/Typography/Typography.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("../../Base/Typography/Typography.js"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var a=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");exports.default=({children:i,className:l,leadingIcon:o,trailingIcon:d,isLeadingIconSolid:n,isTrailingIconSolid:c,measure:g,isFocused:y,isDisabled:u,isError:x,onClick:w,isTextarea:m,isAutoComplete:p,testId:f})=>/*#__PURE__*/e.jsxs(s.default,{className:r.twMerge("group flex w-full items-center gap-3 overflow-hidden rounded-xl border px-4 py-[11px]",u?"border-w-gray-200":x?"border-w-red-500":y?"border-primary":"border-w-gray-200 hover:border-primary",u?"bg-w-gray-10":"bg-w-white",u&&"cursor-not-allowed",m&&"relative p-0",p&&"flex-wrap",l),"data-testid":f||"design-system--text-field-container",onClick:w,children:[o&&/*#__PURE__*/e.jsx(a.default,{name:o,solid:n,className:r.twMerge("shrink-0 text-w-gray-600",u&&"text-w-gray-300"),testId:"design-system--text-field-container-leading-icon"}),i,g&&/*#__PURE__*/e.jsx(t.default,{variant:"body1",className:r.twMerge("w-fit shrink-0 text-w-gray-400",u&&"text-w-gray-300"),children:g}),d&&/*#__PURE__*/e.jsx(a.default,{name:d,solid:c,className:r.twMerge("shrink-0 text-w-gray-600",u&&"text-w-gray-300"),testId:"design-system--text-field-container-trailing-icon"})]});
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge");require("react");var t=require("../../DataDisplays/SystemIcon/SystemIcon.js")
|
|
2
|
-
/*#__PURE__*/e.jsx(
|
|
3
|
-
/*#__PURE__*/e.jsx("div",{className:s.twJoin("transition-transform duration-300",o&&"rotate-180"),children:/*#__PURE__*/e.jsx(t.default,{name:"medium_arrow_down",className:
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),s=require("tailwind-merge");require("react");var t=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var a=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var r=require("../TextFieldContainer/TextFieldContainer.js");exports.SelectBox=({placeholder:i,value:l="",isListOpen:o,disabled:n=!1,error:d,onClick:c,className:u})=>/*#__PURE__*/e.jsxs(r.default,{isDisabled:n,isFocused:o,isError:d,testId:"design-system--selectBox",onClick:c,className:u,children:[
|
|
2
|
+
/*#__PURE__*/e.jsx(a.default,{"data-testid":"design-system--selectBox-text",variant:"body1",className:s.twJoin(n&&l?"text-w-gray-300":n&&!l?"text-w-gray-200":l?"text-w-gray-600":"text-w-gray-300","w-full"),children:l||i}),
|
|
3
|
+
/*#__PURE__*/e.jsx("div",{className:s.twJoin("transition-transform duration-300",o&&"rotate-180"),children:/*#__PURE__*/e.jsx(t.default,{name:"medium_arrow_down",className:n?"text-w-gray-300":"text-w-gray-600",testId:"design-system--selectBox-icon"})})]});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),n=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),n=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var s=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var a=require("../TextFieldContainer/TextFieldContainer.js"),i=require("../SupportTextContainer/SupportTextContainer.js");function l(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){l(e,t,r[t])}))}return e}function u(e,t){if(null==e)return{};var r,n,s=function(e,t){if(null==e)return{};var r,n,s={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(s[r]=e[r]);return s}
|
|
2
2
|
/**
|
|
3
3
|
* 사용자가 여러 줄의 텍스트를 입력할 수 있는 textarea 컴포넌트입니다.
|
|
4
4
|
*
|
|
@@ -33,7 +33,7 @@
|
|
|
33
33
|
* supportText="최대 1000자까지 입력 가능합니다"
|
|
34
34
|
* />
|
|
35
35
|
* ```
|
|
36
|
-
*/(e,t);if(Object.getOwnPropertySymbols){var
|
|
36
|
+
*/(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(s[r]=e[r])}return s}exports.default=l=>{var{isError:c=!1,size:d="md",resize:x=!1,isLengthVisible:p=!1,supportText:f,errorText:g,maxLength:m,value:y,disabled:b,name:h,onChange:j,onBlur:v}=l,O=u(l,["isError","size","resize","isLengthVisible","supportText","errorText","maxLength","value","disabled","name","onChange","onBlur"]);const[w,S]=t.useState(!1),L=c||f||p;/*#__PURE__*/
|
|
37
37
|
return e.jsxs(n.default,{"data-testid":"design-system-textarea",className:"flex h-fit w-full flex-col gap-2",children:[
|
|
38
|
-
/*#__PURE__*/e.jsxs(
|
|
39
|
-
/*#__PURE__*/e.jsx("textarea",o({"data-testid":"design-system-textarea--textarea",className:r.twMerge("w-full overflow-y-scroll py-[11px] pl-4 font-[inherit] font-normal tracking-default text-w-gray-600 outline-none scrollbar-list placeholder:font-[inherit] placeholder:tracking-default placeholder:text-w-gray-300","sm"===d?"min-h-[118px]":"md"===d?"min-h-[238px]":"lg"===d?"min-h-[358px]":void 0,x?"resize-y":"resize-none",b&&"resize-none"),name:h,value:y,disabled:b,onChange:j,maxLength:m,onFocus:e=>{
|
|
38
|
+
/*#__PURE__*/e.jsxs(a.default,{isDisabled:b,isError:c,isFocused:w,isTextarea:!0,children:[
|
|
39
|
+
/*#__PURE__*/e.jsx("textarea",o({"data-testid":"design-system-textarea--textarea",className:r.twMerge("w-full overflow-y-scroll py-[11px] pl-4 font-[inherit] font-normal tracking-default text-w-gray-600 outline-none scrollbar-list placeholder:font-[inherit] placeholder:tracking-default placeholder:text-w-gray-300","sm"===d?"min-h-[118px]":"md"===d?"min-h-[238px]":"lg"===d?"min-h-[358px]":void 0,x?"resize-y":"resize-none",b&&"resize-none"),name:h,value:y,disabled:b,onChange:j,maxLength:m,onFocus:e=>{S(!0)},onBlur:e=>{S(!1),v&&v(e)}},O)),x&&/*#__PURE__*/e.jsx(s.default,{name:"small_resizer",className:"absolute bottom-[5px] right-[5px] text-w-gray-400",testId:"design-system-textarea--resize-icon"})]}),L&&/*#__PURE__*/e.jsx(i.default,{errorMessage:g,supportMessage:f,currentLength:(null==y?void 0:y.toString().length)||0,maxLength:m,isMaxLengthVisible:p})]})};
|
|
@@ -1,19 +1,19 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("react"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("react"),s=require("tailwind-merge"),r=require("../../DataDisplays/Avatar/Avatar.js"),a=require("../../Base/Typography/Typography.js"),l=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var i=require("../../DataDisplays/NewBadge/NewBadge.js"),n=require("../../DataDisplays/Divider/Divider.js");function o(e,t,s){return t in e?Object.defineProperty(e,t,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[t]=s,e}function d(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),s.push.apply(s,r)}return s}(Object(t)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(t,s))})),e}function c(e,t){if(null==e)return{};var s,r,a=function(e,t){if(null==e)return{};var s,r,a={},l=Object.keys(e);for(r=0;r<l.length;r++)s=l[r],t.indexOf(s)>=0||(a[s]=e[s]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)s=l[r],t.indexOf(s)>=0||Object.prototype.propertyIsEnumerable.call(e,s)&&(a[s]=e[s])}return a}const u=/*#__PURE__*/t.createContext({type:""});
|
|
2
2
|
/**
|
|
3
3
|
* GNB 리스트의 루트 컴포넌트
|
|
4
4
|
* @param {Object} props
|
|
5
5
|
* @param {'main'|'sub'|'user'} [props.type] - 리스트 타입 (main, sub, user)
|
|
6
6
|
* @param {string} [props.className] - 추가적인 CSS 클래스
|
|
7
7
|
* @param {ReactNode} props.children - 리스트 아이템들
|
|
8
|
-
*/exports.Item=
|
|
9
|
-
return e.jsxs(l.default,d(function(e){for(var t=1;t<arguments.length;t++){var
|
|
10
|
-
/*#__PURE__*/e.jsx(a.default,{variant:"body1",className:
|
|
11
|
-
/*#__PURE__*/e.jsx(n.default,{className:"my-2"}),
|
|
12
|
-
return e.jsxs(u.Provider,{value:{type:
|
|
8
|
+
*/exports.Item=r=>{var{hasNew:n=!1,children:f,className:m,textClassName:p}=r,y=c(r,["hasNew","children","className","textClassName"]);const{type:g}=t.useContext(u);/*#__PURE__*/
|
|
9
|
+
return e.jsxs(l.default,d(function(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{},r=Object.keys(s);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(s).filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable})))),r.forEach((function(t){o(e,t,s[t])}))}return e}({className:s.twMerge("flex w-full cursor-pointer gap-1 px-4 py-3 hover:bg-primary-10","user"===g&&"px-6",m),"data-testid":`design-system-gnb-list--${g}-item-${f}`},y),{children:[
|
|
10
|
+
/*#__PURE__*/e.jsx(a.default,{variant:"body1",className:p,"data-testid":`design-system-gnb-list--${g}-item-text-${f}`,children:f}),n&&/*#__PURE__*/e.jsx(i.default,{className:"mt-1"})]}))},exports.List=({children:t})=>/*#__PURE__*/e.jsx(l.default,{className:"w-full text-w-gray-900","data-testid":"design-system-gnb-list--list",children:t}),exports.Root=({type:r="main",children:a,className:i})=>{const o=t.Children.map(a,((s,r)=>0===r?s:/*#__PURE__*/e.jsxs(t.Fragment,{children:[
|
|
11
|
+
/*#__PURE__*/e.jsx(n.default,{className:"my-2"}),s]})));/*#__PURE__*/
|
|
12
|
+
return e.jsxs(u.Provider,{value:{type:r},children:["main"===r&&/*#__PURE__*/e.jsxs(l.default,{className:s.twMerge("absolute flex h-auto w-[200px] overflow-hidden rounded-xl bg-w-white shadow-graymedium",i),"data-testid":"design-system-gnb-list--root-main",children:[
|
|
13
13
|
/*#__PURE__*/e.jsx(l.default,{className:"m-0 h-auto w-2 bg-gradient-primary-45 p-0","data-testid":"design-system-gnb-list--root-main-sidebar"}),
|
|
14
|
-
/*#__PURE__*/e.jsx(l.default,{className:"w-full py-[13px]",children:o})]}),"sub"===
|
|
14
|
+
/*#__PURE__*/e.jsx(l.default,{className:"w-full py-[13px]",children:o})]}),"sub"===r&&/*#__PURE__*/e.jsx(l.default,{className:s.twMerge("absolute flex h-auto w-[200px] flex-col overflow-hidden rounded-xl bg-w-white py-3 shadow-graymedium ",i),"data-testid":"design-system-gnb-list--root-sub",children:o}),"user"===r&&/*#__PURE__*/e.jsx(l.default,{className:s.twMerge("absolute flex w-full flex-col bg-w-white pb-3 pt-5 desktop:w-[280px] desktop:rounded-xl desktop:shadow-graymedium",i),"data-testid":"design-system-gnb-list--root-user",children:o})]})},exports.SubList=({children:t})=>/*#__PURE__*/e.jsx(l.default,{className:"w-full text-w-gray-600","data-testid":"design-system-gnb-list--sub-list",children:t}),exports.UserInfo=({imgUrl:t,userId:s,email:i,children:n,onClick:o})=>/*#__PURE__*/e.jsxs(l.default,{className:"flex w-full flex-col gap-4 px-6 pb-4",children:[
|
|
15
15
|
/*#__PURE__*/e.jsxs(l.default,{className:"flex w-full items-center gap-4",children:[
|
|
16
|
-
/*#__PURE__*/e.jsx(
|
|
16
|
+
/*#__PURE__*/e.jsx(r.default,{size:"lg",isEditable:!0,imgUrl:t,onClick:o}),
|
|
17
17
|
/*#__PURE__*/e.jsxs(l.default,{className:"flex w-full flex-col gap-0.5",children:[
|
|
18
|
-
/*#__PURE__*/e.jsx(a.default,{variant:"body1",className:"font-medium text-w-gray-900",children:
|
|
18
|
+
/*#__PURE__*/e.jsx(a.default,{variant:"body1",className:"font-medium text-w-gray-900",children:s}),
|
|
19
19
|
/*#__PURE__*/e.jsx(a.default,{variant:"body2",className:"line-clamp-2 break-all text-w-gray-600",children:i})]})]}),n&&/*#__PURE__*/e.jsx(l.default,{className:"flex w-full flex-col gap-2",children:n})]});
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("tailwind-merge");require("react");var r=require("../../DataDisplays/SystemIcon/SystemIcon.js")
|
|
2
|
-
return e.jsxs(i.default,{"data-testid":"design-system-menu",className:((e,r,s)=>{const i="sub"===e?"pl-12":"",a={white:t.twJoin("bg-w-white hover:bg-w-gray-50",s&&"bg-primary-10 text-primary hover:bg-primary-10"),gray:t.twJoin("bg-w-gray-50 hover:bg-w-gray-100",s&&"bg-w-gray-100 hover:bg-w-gray-100")};return t.twMerge("flex w-full cursor-pointer items-center gap-2 rounded-xl px-4 py-3 text-w-gray-900",i,a[r])})(o,l,
|
|
3
|
-
/*#__PURE__*/e.jsx(s.default,{"data-testid":"design-system-menu-name",variant:"body1",className:"w-full select-none",children:p}),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("tailwind-merge");require("react");var r=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var s=require("../../Base/Typography/Typography.js"),i=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var a=require("../../DataDisplays/CountBadge/CountBadge.js");require("@wishket/yogokit"),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");var n=require("../../Inputs/IconButton/IconButton.js");require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),require("../../Inputs/CommentArea/CommentArea.js");var u=require("../../Inputs/IconButtonDropdown/IconButtonDropdown.js");require("../../Inputs/FilterChip/FilterChip.js");exports.default=({type:o="main",variant:l="white",name:p,isSelected:c=!1,badgeCount:d,leadingIcon:m,iconButtonName:y,onClick:I,onOptionClick:g,items:j,selectedItem:h,onItemClick:w})=>{const q=!!(y&&j&&w&&h),x=!!y&&!!g;/*#__PURE__*/
|
|
2
|
+
return e.jsxs(i.default,{"data-testid":"design-system-menu",className:((e,r,s)=>{const i="sub"===e?"pl-12":"",a={white:t.twJoin("bg-w-white hover:bg-w-gray-50",s&&"bg-primary-10 text-primary hover:bg-primary-10"),gray:t.twJoin("bg-w-gray-50 hover:bg-w-gray-100",s&&"bg-w-gray-100 hover:bg-w-gray-100")};return t.twMerge("flex w-full cursor-pointer items-center gap-2 rounded-xl px-4 py-3 text-w-gray-900",i,a[r])})(o,l,c),onClick:I,children:[m&&/*#__PURE__*/e.jsx(r.default,{testId:"design-system-menu-leading-icon",name:m,className:t.twJoin("white"===l&&c&&"text-primary")}),
|
|
3
|
+
/*#__PURE__*/e.jsx(s.default,{"data-testid":"design-system-menu-name",variant:"body1",className:"w-full select-none",children:p}),d&&/*#__PURE__*/e.jsx(a.default,{variant:((e,t)=>"white"!==e?"white_gray":t?"primary":"gray")(l,c),text:d,className:"relative",showZero:!0}),q&&/*#__PURE__*/e.jsx(u.default,{size:"sm",icon:y,items:j,selectedItem:h,onItemClick:w}),x&&/*#__PURE__*/e.jsx(n.default,{size:"sm",className:"shrink-0",onClick:e=>{e.stopPropagation(),g()},children:/*#__PURE__*/e.jsx(r.default,{name:y})})]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("react");var t=require("../../DataDisplays/SystemIcon/SystemIcon.js")
|
|
2
|
-
return e.jsx("button",i(
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("react");var t=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var n=require("../../Base/Typography/Typography.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){a(e,r,t[r])}))}return e}function i(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function s(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");exports.LeftArrow=r=>/*#__PURE__*/e.jsx("button",i(o({},r),{"data-testid":"design-system-pagination-left-arrow",children:/*#__PURE__*/e.jsx(t.default,{name:"medium_arrow_left",className:"text-w-gray-900"})})),exports.PaginationNumber=t=>{var{value:a,enabled:u}=t,c=s(t,["value","enabled"]);/*#__PURE__*/
|
|
2
|
+
return e.jsx("button",i(o({className:r.twMerge("flex size-10 justify-center rounded-xl p-2 text-w-gray-700",u?"bg-primary-50 text-primary":"hover:bg-w-gray-50")},c),{children:/*#__PURE__*/e.jsx(n.default,{variant:"body2",children:a})}))},exports.RightArrow=r=>/*#__PURE__*/e.jsx("button",i(o({},r),{"data-testid":"design-system-pagination-right-arrow",children:/*#__PURE__*/e.jsx(t.default,{name:"medium_arrow_right",className:"text-w-gray-900"})}));
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),a=require("../../Base/Typography/Typography.js"),
|
|
1
|
+
"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),a=require("../../Base/Typography/Typography.js"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var l=require("../../DataDisplays/CountBadge/CountBadge.js");function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){i(e,t,r[t])}))}return e}function c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const u=/*#__PURE__*/t.createContext({barColor:"bg-w-gray-900",activeTab:0,currentActiveTab:0,isFit:!0,hasPadding:!1,isFull:!1,handleTabClick:e=>{}});
|
|
2
2
|
/**
|
|
3
3
|
* TextTab의 Root 컴포넌트입니다.
|
|
4
4
|
* TextTab의 상태를 관리합니다.
|
|
@@ -21,9 +21,9 @@
|
|
|
21
21
|
* <TextTab.Panel index={0}>첫 번째 패널 내용</TextTab.Panel>
|
|
22
22
|
* <TextTab.Panel index={1}>두 번째 패널 내용</TextTab.Panel>
|
|
23
23
|
* </TextTab.Root>
|
|
24
|
-
*/exports.Panel=({children:r,index:a})=>{const{activeTab:
|
|
24
|
+
*/exports.Panel=({children:r,index:a})=>{const{activeTab:n}=t.useContext(u);return n===a&&/*#__PURE__*/e.jsx(s.default,{"data-testid":"design-system-textTab--content",children:r})},exports.Root=({children:r,currentActiveTab:a=0,isFit:s=!0,hasPadding:n=!1,isFull:l=!1,barColor:i="bg-w-gray-900",onChange:o})=>{const[c,d]=t.useState(a);return t.useEffect((()=>{a!==c&&d(a);
|
|
25
25
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
26
|
-
}),[a]),/*#__PURE__*/e.jsx(u.Provider,{value:{barColor:i,activeTab:c,currentActiveTab:a,isFit:
|
|
27
|
-
/*#__PURE__*/e.jsx(a.default,{variant:"body1",className:"relative",children:i}),void 0!==x&&/*#__PURE__*/e.jsx(l.default,{text:x,showZero:!0,className:"relative",variant:"gray"})]});return
|
|
28
|
-
/*#__PURE__*/e.jsx(
|
|
26
|
+
}),[a]),/*#__PURE__*/e.jsx(u.Provider,{value:{barColor:i,activeTab:c,currentActiveTab:a,isFit:s,hasPadding:n,handleTabClick:e=>{e!==c&&(null==o||o(e),d(e))},isFull:l},children:r})},exports.Tab=({children:i,index:d,className:f,disabled:b=!1,badgeNumber:x,iconName:y,href:g})=>{const{isFit:m,handleTabClick:p,activeTab:h,isFull:w}=t.useContext(u),j=d===h,v={tabIndex:0,"data-testid":`design-system-textTab--item-${d}`,className:r.twMerge("group flex w-max cursor-pointer items-center rounded-xl hover:font-medium",b&&"cursor-not-allowed",w&&"w-full",f),onClick:()=>{!b&&p(d)}},O=/*#__PURE__*/e.jsxs(s.default,{className:r.twMerge("relative flex w-full flex-row items-center justify-center gap-2 py-4 font-normal text-w-gray-600 group-hover:text-w-gray-900",!m&&"px-[33.5px]",w&&"w-full px-0",j&&"font-medium text-w-gray-900"),children:[y&&/*#__PURE__*/e.jsx(s.default,{className:"flex size-4 flex-shrink-0 items-center justify-center",children:/*#__PURE__*/e.jsx(n.default,{name:y,className:r.twMerge("size-4 text-w-gray-600 group-hover:text-w-gray-900",j&&"text-w-gray-900")})}),
|
|
27
|
+
/*#__PURE__*/e.jsx(a.default,{variant:"body1",className:"relative",children:i}),void 0!==x&&/*#__PURE__*/e.jsx(l.default,{text:x,showZero:!0,className:"relative",variant:"gray"})]});return g?/*#__PURE__*/e.jsx("a",c(o({href:g},v),{children:O})):/*#__PURE__*/e.jsx(s.default,c(o({},v),{children:O}))},exports.Tabs=({children:a,className:n})=>{const{activeTab:l,hasPadding:i,isFull:o,barColor:c}=t.useContext(u),d=t.useRef([]),f=t.useRef(null),b=t.useRef(null),x=t.Children.toArray(a),[y,g]=t.useState(!1);return t.useEffect((()=>{if(!d.current[l]||!f.current||y)return;const e=d.current[l],t=f.current,r=b.current;if(e&&t&&r){const{offsetLeft:a,offsetWidth:s}=e,{scrollLeft:n,clientWidth:l}=r;t.style.width=`${s}px`,t.style.transform=`translateX(${a}px)`;if(!(n<=a&&n+l>=a+s)){const t=setTimeout((()=>{e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}),0);return()=>clearTimeout(t)}}}),[l,y]),/*#__PURE__*/e.jsxs(s.default,{ref:b,className:r.twJoin("relative block w-full touch-pan-x items-start overflow-x-scroll border-b border-w-gray-200 scrollbar-hide",i&&"px-9",n),"data-testid":"design-system-textTab--container",onTouchStart:()=>{g(!0)},onTouchEnd:()=>{g(!1)},children:[
|
|
28
|
+
/*#__PURE__*/e.jsx(s.default,{className:r.twMerge("inline-flex w-max gap-10",o&&"w-full gap-0"),children:x.map(((t,a)=>/*#__PURE__*/e.jsx(s.default,{className:r.twMerge(o&&"w-full"),ref:e=>{d.current[a]=e},children:t},a)))}),
|
|
29
29
|
/*#__PURE__*/e.jsx("span",{ref:f,"data-testid":`design-system-textTab--underbar-${l}`,className:r.twJoin("absolute bottom-0 left-0 h-0.5 rounded-t-lg transition-all duration-300 ease-out",c)})]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("tailwind-merge"),t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("tailwind-merge"),t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var s=require("../../DataDisplays/CountBadge/CountBadge.js"),r=require("../../DataDisplays/NewBadge/NewBadge.js");exports.default=({text:l,children:i,className:u,variant:o="primary",showZero:n=!1})=>/*#__PURE__*/e.jsxs(t.default,{className:a.twMerge("relative w-fit",u),"data-testid":"with-badge",children:[i,"new"===o?/*#__PURE__*/e.jsx(r.default,{className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"}):/*#__PURE__*/e.jsx(s.default,{text:l,variant:o,showZero:n,className:"absolute right-px top-px -translate-y-1/2 translate-x-1/2 transform"})]});
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("react"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("@wishket/yogokit"),require("react-dom");var r=require("../../DataDisplays/SystemIcon/SystemIcon.js")
|
|
1
|
+
"use client";"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("tailwind-merge"),i=require("react"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("@wishket/yogokit"),require("react-dom");var r=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var a=require("../../Feedbacks/RichTooltip/RichTooltip.js");require("../../Feedbacks/SnackBar/SnackBar.types.js"),require("../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js");exports.default=({size:o="md",variant:l="right",title:c,description:n,children:d,className:u})=>{const m="md"===o?"medium_information":"small_information",h="right"===l,g="down"===l,[p,y]=i.useState(!1);/*#__PURE__*/
|
|
2
2
|
return e.jsxs(s.default,{className:"relative h-fit w-fit","data-testid":"design-system-withRichTooltip",children:[
|
|
3
|
-
/*#__PURE__*/e.jsx(s.default,{"data-testid":"design-system-withRichTooltip--trigger",className:"flex h-fit w-fit shrink-0 items-center justify-center",onMouseEnter:()=>
|
|
3
|
+
/*#__PURE__*/e.jsx(s.default,{"data-testid":"design-system-withRichTooltip--trigger",className:"flex h-fit w-fit shrink-0 items-center justify-center",onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1),onClick:()=>y((e=>!e)),children:/*#__PURE__*/e.jsx(r.default,{name:m,className:"text-w-gray-400",testId:"md"===o?"design-system-withRichTooltip--trigger-icon-md":"design-system-withRichTooltip--trigger-icon-sm"})}),p&&/*#__PURE__*/e.jsx(a.default,{title:c,description:n,className:t.twMerge("absolute",h&&"left-[calc(100%_+_12px)] top-0",g&&"left-0 top-[calc(100%_+_12px)]",u),children:d})]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("tailwind-merge"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react"),require("@wishket/yogokit"),require("react-dom");var r=require("../../Feedbacks/SnackBar/SnackBar.js");require("../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js");exports.default=({children:t,isOpen:l,message:i,type:
|
|
2
|
-
/*#__PURE__*/e.jsx(s.default,{className:"w-full overflow-y-hidden",children:/*#__PURE__*/e.jsx(s.default,{className:a.twJoin("w-full transform overflow-y-hidden transition-all duration-300 ease-linear",l?"max-h-full translate-y-0":"max-h-0 -translate-y-full"),"data-testid":"design-system-with-message-bar--container",children:/*#__PURE__*/e.jsx(s.default,{className:"pt-8",children:/*#__PURE__*/e.jsx(r.default,{message:i,type:
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),a=require("tailwind-merge"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react"),require("@wishket/yogokit"),require("react-dom"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var r=require("../../Feedbacks/SnackBar/SnackBar.js");require("../../Feedbacks/SnackBar/SnackBar.types.js"),require("../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js");exports.default=({children:t,isOpen:l,message:i,type:n,onClose:d})=>/*#__PURE__*/e.jsxs(s.default,{"data-testid":"design-system-with-message-bar",children:[
|
|
2
|
+
/*#__PURE__*/e.jsx(s.default,{className:"w-full overflow-y-hidden",children:/*#__PURE__*/e.jsx(s.default,{className:a.twJoin("w-full transform overflow-y-hidden transition-all duration-300 ease-linear",l?"max-h-full translate-y-0":"max-h-0 -translate-y-full"),"data-testid":"design-system-with-message-bar--container",children:/*#__PURE__*/e.jsx(s.default,{className:"pt-8",children:/*#__PURE__*/e.jsx(r.default,{message:i,type:n,onClose:d})})})}),t]});
|
package/dist/cjs/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("./Components/DataDisplays/Avatar/Avatar.js"),t=require("./Components/DataDisplays/CountBadge/CountBadge.js"),o=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"),u=require("./Components/DataDisplays/SystemIcon/SystemIcon.js"),i=require("./Components/DataDisplays/SystemIcon/SystemIcon.constants.js"),l=require("./Components/DataDisplays/Divider/Divider.js"),d=require("./Components/DataDisplays/ProgressIndicator/ProgressIndicator.js"),C=require("./Components/Feedbacks/Dialog/Dialog.js"),m=require("./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js"),x=require("./Components/Feedbacks/MessageBox/MessageBox.js"),c=require("./Components/Feedbacks/PlainTooltip/PlainTooltip.js"),I=require("./Components/Feedbacks/RichTooltip/RichTooltip.js"),f=require("./Components/Feedbacks/SnackBar/SnackBar.js"),j=require("./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),
|
|
1
|
+
"use strict";var e=require("./Components/DataDisplays/Avatar/Avatar.js"),t=require("./Components/DataDisplays/CountBadge/CountBadge.js"),o=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"),u=require("./Components/DataDisplays/SystemIcon/SystemIcon.js"),i=require("./Components/DataDisplays/SystemIcon/SystemIcon.constants.js"),l=require("./Components/DataDisplays/Divider/Divider.js"),d=require("./Components/DataDisplays/ProgressIndicator/ProgressIndicator.js"),C=require("./Components/Feedbacks/Dialog/Dialog.js"),m=require("./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js"),x=require("./Components/Feedbacks/MessageBox/MessageBox.js"),c=require("./Components/Feedbacks/PlainTooltip/PlainTooltip.js"),I=require("./Components/Feedbacks/RichTooltip/RichTooltip.js"),f=require("./Components/Feedbacks/SnackBar/SnackBar.js"),j=require("./Components/Feedbacks/SnackBar/SnackBar.types.js"),q=require("./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),B=require("./Components/Feedbacks/MessageBar/MessageBar.js"),g=require("./Components/Inputs/Autocomplete/Autocomplete.js"),L=require("./Components/Inputs/Button/Button.js"),S=require("./Components/Inputs/Calendar/Calendar.js"),T=require("./Components/Inputs/Checkbox/Checkbox.js"),h=require("./Components/Inputs/CheckboxCard/CheckboxCard.js"),b=require("./Components/Inputs/CheckboxList/CheckboxList.js"),y=require("./Components/Inputs/CheckboxListItem/CheckboxListItem.js"),D=require("./Components/Inputs/ChoiceChip/ChoiceChip.js"),k=require("./Components/Inputs/IconButton/IconButton.js"),F=require("./Components/Inputs/InputChip/InputChip.js"),N=require("./Components/Inputs/RangeSlider/RangeSlider.js"),R=require("./Components/Inputs/Radio/Radio.js"),w=require("./Components/Inputs/RadioCard/RadioCard.js"),M=require("./Components/Inputs/RadioList/RadioList.js"),P=require("./Components/Inputs/RadioGroup/RadioGroup.js"),v=require("./Components/Inputs/SearchField/SearchField.js"),A=require("./Components/Inputs/SegmentedControl/SegmentedControl.js"),G=require("./Components/Inputs/Switch/Switch.js"),W=require("./Components/Inputs/Textarea/Textarea.js"),O=require("./Components/Inputs/TextButton/TextButton.js"),U=require("./Components/Inputs/TextField/TextField.js"),z=require("./Components/Inputs/List/List.js"),E=require("./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js"),H=require("./Components/Inputs/CommentArea/CommentArea.js"),J=require("./Components/Inputs/IconButtonDropdown/IconButtonDropdown.js"),K=require("./Components/Inputs/MultiColumnList/MultiColumnList.js"),Q=require("./Components/Inputs/FilterChip/FilterChip.js"),V=require("./Components/Inputs/TextButtonDropdown/TextButtonDropdown.js"),X=require("./Components/Inputs/AutoCompleteList/AutoCompleteList.js"),Y=require("./Components/Inputs/FilterList/FilterList.js"),Z=require("./Components/Inputs/Input/Input.js"),$=require("./Components/Inputs/Input/PasswordInput.js"),_=require("./Components/Inputs/Input/LableInput.js"),ee=require("./Components/Inputs/Input/InputTypeSelector.js"),te=require("./Components/Inputs/SupportTextContainer/SupportTextContainer.js"),oe=require("./Components/Inputs/TextFieldContainer/TextFieldContainer.js"),se=require("./Components/Base/Typography/Typography.js"),re=require("./Components/Base/Layouts/Box/Box.js"),ne=require("./Components/Base/Layouts/GridLayout/GridLayout.js"),ae=require("./Components/Base/Layouts/Column/Column.js"),pe=require("./Components/Base/Layouts/FullBleed/FullBleed.js"),ue=require("./Components/Navigations/Drawer/Drawer.js"),ie=require("./Components/Navigations/GNBList/GNBList.js"),le=require("./Components/Navigations/Pagination/Pagination.js"),de=require("./Components/Navigations/TableOfContents/TableOfContents.js"),Ce=require("./Components/Navigations/TextTab/TextTab.js"),me=require("./Components/Navigations/BoxTab/BoxTab.js"),xe=require("./Components/Navigations/Menu/Menu.js"),ce=require("./Components/Utils/BackDrop/BackDrop.js"),Ie=require("./Components/Utils/Modal/Modal.js"),fe=require("./Components/Utils/Portal/Portal.js"),je=require("./Components/Wrappers/WithBadge/WithBadge.js"),qe=require("./Components/Wrappers/WithRichTooltip/WithRichTooltip.js"),Be=require("./Components/Wrappers/WithSnackBar/WithSnackBar.js");exports.Avatar=e.default,exports.CountBadge=t.default,exports.ImageLabel=o.default,exports.Label=s.default,exports.NewBadge=r.default,exports.ProductIcon=n.default,exports.ServiceLogo=a.default,exports.SkillLabel=p.default,exports.SystemIcon=u.default,exports.LargeSystemIconNames=i.LargeSystemIconNames,exports.MediumSystemIconNames=i.MediumSystemIconNames,exports.SmallSystemIconNames=i.SmallSystemIconNames,exports.SocialSystemIconNames=i.SocialSystemIconNames,exports.SystemIconNames=i.SystemIconNames,exports.Divider=l.default,exports.ProgressIndicator=d.default,exports.Dialog=C.default,exports.LoadingIndicator=m.default,exports.MessageBox=x.default,exports.PlainTooltip=c.default,exports.RichTooltip=I.default,exports.SnackBar=f.default,Object.defineProperty(exports,"MessageType",{enumerable:!0,get:function(){return j.MessageType}}),exports.GlobalLoadingIndicator=q.default,exports.MessageBar=B.default,exports.Autocomplete=g.default,exports.Button=L.default,exports.Calendar=S.default,exports.Checkbox=T.default,exports.CheckboxCard=h.default,exports.CheckboxList=b.default,exports.CheckboxListItem=y.default,exports.ChoiceChip=D.default,exports.IconButton=k.default,exports.InputChip=F.default,exports.RangeSlider=N.default,exports.Radio=R.default,exports.RadioCard=w.default,exports.RadioList=M.default,exports.RadioGroup=P.default,exports.SearchField=v.default,exports.SegmentedControl=A.default,exports.Switch=G.default,exports.Textarea=W.default,exports.TextButton=O.default,exports.TextField=U.default,exports.List=z.default,exports.TextFieldDropdown=E.default,exports.CommentArea=H.default,exports.IconButtonDropdown=J.default,exports.MultiColumnList=K.default,exports.FilterChip=Q.default,exports.TextButtonDropdown=V.default,exports.AutoCompleteList=X.default,exports.FilterList=Y.default,exports.Input=Z.default,exports.PasswordInput=$.default,exports.LableInput=_.default,exports.InputTypeSelector=ee.default,exports.SupportTextContainer=te.default,exports.TextFieldContainer=oe.default,exports.Typography=se.default,exports.Box=re.default,exports.GridLayout=ne.default,exports.Column=ae.default,exports.FullBleed=pe.default,exports.Drawer=ue.default,exports.GNBList=ie.default,exports.Pagination=le.default,exports.TableOfContents=de.default,exports.TextTab=Ce.default,exports.BoxTab=me.default,exports.Menu=xe.default,exports.BackDrop=ce.default,exports.Modal=Ie.default,exports.Portal=fe.default,exports.WithBadge=je.default,exports.WithRichTooltip=qe.default,exports.WithSnackBar=Be.default;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{default as Avatar}from"./Components/DataDisplays/Avatar/Avatar.js";export{default as CountBadge}from"./Components/DataDisplays/CountBadge/CountBadge.js";export{default as ImageLabel}from"./Components/DataDisplays/ImageLabel/ImageLabel.js";export{default as Label}from"./Components/DataDisplays/Label/Label.js";export{default as NewBadge}from"./Components/DataDisplays/NewBadge/NewBadge.js";export{default as ProductIcon}from"./Components/DataDisplays/ProductIcon/ProductIcon.js";export{default as ServiceLogo}from"./Components/DataDisplays/ServiceLogo/ServiceLogo.js";export{default as SkillLabel}from"./Components/DataDisplays/SkillLabel/SkillLabel.js";export{default as SystemIcon}from"./Components/DataDisplays/SystemIcon/SystemIcon.js";export{LargeSystemIconNames,MediumSystemIconNames,SmallSystemIconNames,SocialSystemIconNames}from"./Components/DataDisplays/SystemIcon/SystemIcon.constants.js";export{default as Divider}from"./Components/DataDisplays/Divider/Divider.js";export{default as ProgressIndicator}from"./Components/DataDisplays/ProgressIndicator/ProgressIndicator.js";export{default as Dialog}from"./Components/Feedbacks/Dialog/Dialog.js";export{default as LoadingIndicator}from"./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js";export{default as MessageBox}from"./Components/Feedbacks/MessageBox/MessageBox.js";export{default as PlainTooltip}from"./Components/Feedbacks/PlainTooltip/PlainTooltip.js";export{default as RichTooltip}from"./Components/Feedbacks/RichTooltip/RichTooltip.js";export{default as SnackBar}from"./Components/Feedbacks/SnackBar/SnackBar.js";export{default as GlobalLoadingIndicator}from"./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js";export{default as MessageBar}from"./Components/Feedbacks/MessageBar/MessageBar.js";export{default as Autocomplete}from"./Components/Inputs/Autocomplete/Autocomplete.js";export{default as Button}from"./Components/Inputs/Button/Button.js";export{default as Calendar}from"./Components/Inputs/Calendar/Calendar.js";export{default as Checkbox}from"./Components/Inputs/Checkbox/Checkbox.js";export{default as CheckboxCard}from"./Components/Inputs/CheckboxCard/CheckboxCard.js";export{default as CheckboxList}from"./Components/Inputs/CheckboxList/CheckboxList.js";export{default as CheckboxListItem}from"./Components/Inputs/CheckboxListItem/CheckboxListItem.js";export{default as ChoiceChip}from"./Components/Inputs/ChoiceChip/ChoiceChip.js";export{default as IconButton}from"./Components/Inputs/IconButton/IconButton.js";export{default as InputChip}from"./Components/Inputs/InputChip/InputChip.js";export{default as RangeSlider}from"./Components/Inputs/RangeSlider/RangeSlider.js";export{default as Radio}from"./Components/Inputs/Radio/Radio.js";export{default as RadioCard}from"./Components/Inputs/RadioCard/RadioCard.js";export{default as RadioList}from"./Components/Inputs/RadioList/RadioList.js";export{default as RadioGroup}from"./Components/Inputs/RadioGroup/RadioGroup.js";export{default as SearchField}from"./Components/Inputs/SearchField/SearchField.js";export{default as SegmentedControl}from"./Components/Inputs/SegmentedControl/SegmentedControl.js";export{default as Switch}from"./Components/Inputs/Switch/Switch.js";export{default as Textarea}from"./Components/Inputs/Textarea/Textarea.js";export{default as TextButton}from"./Components/Inputs/TextButton/TextButton.js";export{default as TextField}from"./Components/Inputs/TextField/TextField.js";export{default as List}from"./Components/Inputs/List/List.js";export{default as TextFieldDropdown}from"./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js";export{default as CommentArea}from"./Components/Inputs/CommentArea/CommentArea.js";export{default as IconButtonDropdown}from"./Components/Inputs/IconButtonDropdown/IconButtonDropdown.js";export{default as MultiColumnList}from"./Components/Inputs/MultiColumnList/MultiColumnList.js";export{default as FilterChip}from"./Components/Inputs/FilterChip/FilterChip.js";export{default as TextButtonDropdown}from"./Components/Inputs/TextButtonDropdown/TextButtonDropdown.js";export{default as AutoCompleteList}from"./Components/Inputs/AutoCompleteList/AutoCompleteList.js";export{default as FilterList}from"./Components/Inputs/FilterList/FilterList.js";export{default as Input}from"./Components/Inputs/Input/Input.js";export{default as PasswordInput}from"./Components/Inputs/Input/PasswordInput.js";export{default as LableInput}from"./Components/Inputs/Input/LableInput.js";export{default as InputTypeSelector}from"./Components/Inputs/Input/InputTypeSelector.js";export{default as SupportTextContainer}from"./Components/Inputs/SupportTextContainer/SupportTextContainer.js";export{default as TextFieldContainer}from"./Components/Inputs/TextFieldContainer/TextFieldContainer.js";export{default as Typography}from"./Components/Base/Typography/Typography.js";export{default as Box}from"./Components/Base/Layouts/Box/Box.js";export{default as GridLayout}from"./Components/Base/Layouts/GridLayout/GridLayout.js";export{default as Column}from"./Components/Base/Layouts/Column/Column.js";export{default as FullBleed}from"./Components/Base/Layouts/FullBleed/FullBleed.js";export{default as Drawer}from"./Components/Navigations/Drawer/Drawer.js";export{default as GNBList}from"./Components/Navigations/GNBList/GNBList.js";export{default as Pagination}from"./Components/Navigations/Pagination/Pagination.js";export{default as TableOfContents}from"./Components/Navigations/TableOfContents/TableOfContents.js";export{default as TextTab}from"./Components/Navigations/TextTab/TextTab.js";export{default as BoxTab}from"./Components/Navigations/BoxTab/BoxTab.js";export{default as Menu}from"./Components/Navigations/Menu/Menu.js";export{default as BackDrop}from"./Components/Utils/BackDrop/BackDrop.js";export{default as Modal}from"./Components/Utils/Modal/Modal.js";export{default as Portal}from"./Components/Utils/Portal/Portal.js";export{default as WithBadge}from"./Components/Wrappers/WithBadge/WithBadge.js";export{default as WithRichTooltip}from"./Components/Wrappers/WithRichTooltip/WithRichTooltip.js";export{default as WithSnackBar}from"./Components/Wrappers/WithSnackBar/WithSnackBar.js";
|
|
1
|
+
export{default as Avatar}from"./Components/DataDisplays/Avatar/Avatar.js";export{default as CountBadge}from"./Components/DataDisplays/CountBadge/CountBadge.js";export{default as ImageLabel}from"./Components/DataDisplays/ImageLabel/ImageLabel.js";export{default as Label}from"./Components/DataDisplays/Label/Label.js";export{default as NewBadge}from"./Components/DataDisplays/NewBadge/NewBadge.js";export{default as ProductIcon}from"./Components/DataDisplays/ProductIcon/ProductIcon.js";export{default as ServiceLogo}from"./Components/DataDisplays/ServiceLogo/ServiceLogo.js";export{default as SkillLabel}from"./Components/DataDisplays/SkillLabel/SkillLabel.js";export{default as SystemIcon}from"./Components/DataDisplays/SystemIcon/SystemIcon.js";export{LargeSystemIconNames,MediumSystemIconNames,SmallSystemIconNames,SocialSystemIconNames,SystemIconNames}from"./Components/DataDisplays/SystemIcon/SystemIcon.constants.js";export{default as Divider}from"./Components/DataDisplays/Divider/Divider.js";export{default as ProgressIndicator}from"./Components/DataDisplays/ProgressIndicator/ProgressIndicator.js";export{default as Dialog}from"./Components/Feedbacks/Dialog/Dialog.js";export{default as LoadingIndicator}from"./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js";export{default as MessageBox}from"./Components/Feedbacks/MessageBox/MessageBox.js";export{default as PlainTooltip}from"./Components/Feedbacks/PlainTooltip/PlainTooltip.js";export{default as RichTooltip}from"./Components/Feedbacks/RichTooltip/RichTooltip.js";export{default as SnackBar}from"./Components/Feedbacks/SnackBar/SnackBar.js";export{MessageType}from"./Components/Feedbacks/SnackBar/SnackBar.types.js";export{default as GlobalLoadingIndicator}from"./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js";export{default as MessageBar}from"./Components/Feedbacks/MessageBar/MessageBar.js";export{default as Autocomplete}from"./Components/Inputs/Autocomplete/Autocomplete.js";export{default as Button}from"./Components/Inputs/Button/Button.js";export{default as Calendar}from"./Components/Inputs/Calendar/Calendar.js";export{default as Checkbox}from"./Components/Inputs/Checkbox/Checkbox.js";export{default as CheckboxCard}from"./Components/Inputs/CheckboxCard/CheckboxCard.js";export{default as CheckboxList}from"./Components/Inputs/CheckboxList/CheckboxList.js";export{default as CheckboxListItem}from"./Components/Inputs/CheckboxListItem/CheckboxListItem.js";export{default as ChoiceChip}from"./Components/Inputs/ChoiceChip/ChoiceChip.js";export{default as IconButton}from"./Components/Inputs/IconButton/IconButton.js";export{default as InputChip}from"./Components/Inputs/InputChip/InputChip.js";export{default as RangeSlider}from"./Components/Inputs/RangeSlider/RangeSlider.js";export{default as Radio}from"./Components/Inputs/Radio/Radio.js";export{default as RadioCard}from"./Components/Inputs/RadioCard/RadioCard.js";export{default as RadioList}from"./Components/Inputs/RadioList/RadioList.js";export{default as RadioGroup}from"./Components/Inputs/RadioGroup/RadioGroup.js";export{default as SearchField}from"./Components/Inputs/SearchField/SearchField.js";export{default as SegmentedControl}from"./Components/Inputs/SegmentedControl/SegmentedControl.js";export{default as Switch}from"./Components/Inputs/Switch/Switch.js";export{default as Textarea}from"./Components/Inputs/Textarea/Textarea.js";export{default as TextButton}from"./Components/Inputs/TextButton/TextButton.js";export{default as TextField}from"./Components/Inputs/TextField/TextField.js";export{default as List}from"./Components/Inputs/List/List.js";export{default as TextFieldDropdown}from"./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js";export{default as CommentArea}from"./Components/Inputs/CommentArea/CommentArea.js";export{default as IconButtonDropdown}from"./Components/Inputs/IconButtonDropdown/IconButtonDropdown.js";export{default as MultiColumnList}from"./Components/Inputs/MultiColumnList/MultiColumnList.js";export{default as FilterChip}from"./Components/Inputs/FilterChip/FilterChip.js";export{default as TextButtonDropdown}from"./Components/Inputs/TextButtonDropdown/TextButtonDropdown.js";export{default as AutoCompleteList}from"./Components/Inputs/AutoCompleteList/AutoCompleteList.js";export{default as FilterList}from"./Components/Inputs/FilterList/FilterList.js";export{default as Input}from"./Components/Inputs/Input/Input.js";export{default as PasswordInput}from"./Components/Inputs/Input/PasswordInput.js";export{default as LableInput}from"./Components/Inputs/Input/LableInput.js";export{default as InputTypeSelector}from"./Components/Inputs/Input/InputTypeSelector.js";export{default as SupportTextContainer}from"./Components/Inputs/SupportTextContainer/SupportTextContainer.js";export{default as TextFieldContainer}from"./Components/Inputs/TextFieldContainer/TextFieldContainer.js";export{default as Typography}from"./Components/Base/Typography/Typography.js";export{default as Box}from"./Components/Base/Layouts/Box/Box.js";export{default as GridLayout}from"./Components/Base/Layouts/GridLayout/GridLayout.js";export{default as Column}from"./Components/Base/Layouts/Column/Column.js";export{default as FullBleed}from"./Components/Base/Layouts/FullBleed/FullBleed.js";export{default as Drawer}from"./Components/Navigations/Drawer/Drawer.js";export{default as GNBList}from"./Components/Navigations/GNBList/GNBList.js";export{default as Pagination}from"./Components/Navigations/Pagination/Pagination.js";export{default as TableOfContents}from"./Components/Navigations/TableOfContents/TableOfContents.js";export{default as TextTab}from"./Components/Navigations/TextTab/TextTab.js";export{default as BoxTab}from"./Components/Navigations/BoxTab/BoxTab.js";export{default as Menu}from"./Components/Navigations/Menu/Menu.js";export{default as BackDrop}from"./Components/Utils/BackDrop/BackDrop.js";export{default as Modal}from"./Components/Utils/Modal/Modal.js";export{default as Portal}from"./Components/Utils/Portal/Portal.js";export{default as WithBadge}from"./Components/Wrappers/WithBadge/WithBadge.js";export{default as WithRichTooltip}from"./Components/Wrappers/WithRichTooltip/WithRichTooltip.js";export{default as WithSnackBar}from"./Components/Wrappers/WithSnackBar/WithSnackBar.js";
|
package/dist/types.d.ts
ADDED
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
export type { SystemIconName, SmallSystemIconName, MediumSystemIconName, LargeSystemIconName, SocialSystemIconName, SystemIconProps, } from './Components/DataDisplays/SystemIcon';
|
|
2
|
+
export type { ProductIconName, ProductIconProps, ProductIconPartProps, SmallProductIconName, MediumProductIconName, LargeProductIconName, } from './Components/DataDisplays/ProductIcon';
|
|
3
|
+
export type { ServiceLogoNames, ServiceLogoPartProps, } from './Components/DataDisplays/ServiceLogo';
|
|
4
|
+
export type { AvatarProps, AvatarSize, AvatarStyleType, } from './Components/DataDisplays/Avatar';
|
|
5
|
+
export type { NewBadgeProps } from './Components/DataDisplays/NewBadge';
|
|
6
|
+
export type { LabelRootProps, LabelIconProps, } from './Components/DataDisplays/Label';
|
|
7
|
+
export type { ImageLabelType, ImageLabelProps, } from './Components/DataDisplays/ImageLabel';
|
|
8
|
+
export type * from './Components/Inputs/Button';
|
|
9
|
+
export type * from './Components/Inputs/Checkbox';
|
|
10
|
+
export type * from './Components/Inputs/Radio';
|
|
11
|
+
export type * from './Components/Inputs/Calendar';
|
|
12
|
+
export type { SkillItem, LegacySkillItem, AutocompleteProps, } from './Components/Inputs/Autocomplete';
|
|
13
|
+
export type * from './Components/Inputs/CheckboxCard';
|
|
14
|
+
export type * from './Components/Inputs/RadioCard';
|
|
15
|
+
export type * from './Components/Inputs/List';
|
|
16
|
+
export type * from './Components/Inputs/MultiColumnList';
|
|
17
|
+
export type * from './Components/Inputs/AutoCompleteList';
|
|
18
|
+
export type * from './Components/Inputs/TextButton';
|
|
19
|
+
export type * from './Components/Inputs/TextButtonDropdown';
|
|
20
|
+
export type * from './Components/Inputs/CheckboxList';
|
|
21
|
+
export type * from './Components/Inputs/RadioList';
|
|
22
|
+
export type { LoadingIndicatorProps } from './Components/Feedbacks/LoadingIndicator';
|
|
23
|
+
export type { MessageBoxProps, ExternalLink, } from './Components/Feedbacks/MessageBox';
|
|
24
|
+
export type { MessageType, SnackBarProps, SnackBarIconProps, } from './Components/Feedbacks/SnackBar';
|
|
25
|
+
export type * from './Components/Navigations/BoxTab';
|
|
26
|
+
export type * from './Components/Navigations/TextTab';
|
|
27
|
+
export type * from './Components/Navigations/GNBList';
|
|
28
|
+
export type { TableOfContentsProps, ContentItem, } from './Components/Navigations/TableOfContents';
|
|
29
|
+
export type { TypographyVariants } from './Components/Base/Typography';
|
|
30
|
+
export type { GridLayoutProps } from './Components/Base/Layouts/GridLayout';
|
|
31
|
+
export type { ColumnProps } from './Components/Base/Layouts/Column';
|
|
32
|
+
export * from './types/index';
|
package/dist/types.js
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wishket/design-system",
|
|
3
|
-
"version": "1.13.
|
|
3
|
+
"version": "1.13.10",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Wishket Design System",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -14,26 +14,26 @@
|
|
|
14
14
|
"exports": {
|
|
15
15
|
".": {
|
|
16
16
|
"types": "./dist/index.d.ts",
|
|
17
|
-
"default": "./dist/index.js",
|
|
18
17
|
"require": "./dist/cjs/index.js",
|
|
19
|
-
"import": "./dist/index.js"
|
|
18
|
+
"import": "./dist/index.js",
|
|
19
|
+
"default": "./dist/index.js"
|
|
20
20
|
},
|
|
21
21
|
"./colors": {
|
|
22
22
|
"types": "./dist/colors.d.ts",
|
|
23
|
-
"default": "./dist/colors.js",
|
|
24
23
|
"require": "./dist/cjs/colors.js",
|
|
25
|
-
"import": "./dist/colors.js"
|
|
24
|
+
"import": "./dist/colors.js",
|
|
25
|
+
"default": "./dist/colors.js"
|
|
26
26
|
},
|
|
27
27
|
"./config": {
|
|
28
|
-
"default": "./dist/config/tailwind.config.js",
|
|
29
28
|
"require": "./dist/config/tailwind.config.js",
|
|
30
|
-
"import": "./dist/config/tailwind.config.js"
|
|
29
|
+
"import": "./dist/config/tailwind.config.js",
|
|
30
|
+
"default": "./dist/config/tailwind.config.js"
|
|
31
31
|
},
|
|
32
32
|
"./types": {
|
|
33
33
|
"types": "./dist/types.d.ts",
|
|
34
|
-
"default": "./dist/types.d.ts",
|
|
35
34
|
"require": "./dist/types.d.ts",
|
|
36
|
-
"import": "./dist/types.d.ts"
|
|
35
|
+
"import": "./dist/types.d.ts",
|
|
36
|
+
"default": "./dist/types.d.ts"
|
|
37
37
|
}
|
|
38
38
|
},
|
|
39
39
|
"scripts": {
|
|
@@ -62,17 +62,17 @@
|
|
|
62
62
|
"@babel/preset-react": "^7.23.3",
|
|
63
63
|
"@changesets/changelog-github": "^0.5.0",
|
|
64
64
|
"@changesets/cli": "^2.27.1",
|
|
65
|
-
"@chromatic-com/storybook": "^
|
|
65
|
+
"@chromatic-com/storybook": "^2.0.0",
|
|
66
66
|
"@faker-js/faker": "^8.4.1",
|
|
67
67
|
"@rollup/plugin-terser": "^0.4.4",
|
|
68
|
-
"@storybook/addon-essentials": "^
|
|
69
|
-
"@storybook/addon-interactions": "^
|
|
70
|
-
"@storybook/addon-links": "^
|
|
71
|
-
"@storybook/addon-onboarding": "^
|
|
72
|
-
"@storybook/blocks": "^
|
|
73
|
-
"@storybook/nextjs": "^
|
|
74
|
-
"@storybook/react": "^
|
|
75
|
-
"@storybook/test": "^
|
|
68
|
+
"@storybook/addon-essentials": "^8.4.0",
|
|
69
|
+
"@storybook/addon-interactions": "^8.4.0",
|
|
70
|
+
"@storybook/addon-links": "^8.4.0",
|
|
71
|
+
"@storybook/addon-onboarding": "^8.6.14",
|
|
72
|
+
"@storybook/blocks": "^8.4.0",
|
|
73
|
+
"@storybook/nextjs": "^8.4.0",
|
|
74
|
+
"@storybook/react": "^8.4.0",
|
|
75
|
+
"@storybook/test": "^8.4.0",
|
|
76
76
|
"@swc/core": "^1.5.5",
|
|
77
77
|
"@testing-library/dom": "^9.3.4",
|
|
78
78
|
"@testing-library/jest-dom": "^6.2.0",
|
|
@@ -94,12 +94,14 @@
|
|
|
94
94
|
"jest": "^29.7.0",
|
|
95
95
|
"jest-dom": "^4.0.0",
|
|
96
96
|
"jest-environment-jsdom": "^29.7.0",
|
|
97
|
+
"postcss": "^8.5.5",
|
|
98
|
+
"postcss-loader": "^8.1.1",
|
|
97
99
|
"prettier-plugin-tailwindcss": "^0.5.11",
|
|
98
100
|
"rollup": "^4.9.4",
|
|
99
101
|
"rollup-plugin-copy": "^3.5.0",
|
|
100
102
|
"rollup-plugin-swc3": "^0.12.1",
|
|
101
103
|
"rollup-preserve-directives": "^1.1.3",
|
|
102
|
-
"storybook": "^
|
|
104
|
+
"storybook": "^8.4.0",
|
|
103
105
|
"tailwindcss": "^3.4.1",
|
|
104
106
|
"ts-jest": "^29.1.1",
|
|
105
107
|
"ts-node": "^10.9.2",
|
|
@@ -120,6 +122,8 @@
|
|
|
120
122
|
"packageManager": "yarn@4.0.2",
|
|
121
123
|
"resolutions": {
|
|
122
124
|
"@types/react": "19.1.7",
|
|
123
|
-
"@types/react-dom": "19.1.6"
|
|
125
|
+
"@types/react-dom": "19.1.6",
|
|
126
|
+
"react": "19.1.0",
|
|
127
|
+
"react-dom": "19.1.0"
|
|
124
128
|
}
|
|
125
129
|
}
|