@wishket/design-system 1.17.1 → 1.17.3
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/README.md +13 -0
- package/dist/Components/Base/TextWithIcons/TextWithIcons.d.ts +10 -0
- package/dist/Components/Base/TextWithIcons/TextWithIcons.js +2 -0
- package/dist/Components/Base/TextWithIcons/index.d.ts +1 -0
- package/dist/Components/DataDisplays/Accordion/Accordion.d.ts +33 -0
- package/dist/Components/DataDisplays/Accordion/Accordion.js +58 -0
- package/dist/Components/DataDisplays/Accordion/index.d.ts +1 -0
- package/dist/Components/DataDisplays/index.d.ts +1 -0
- package/dist/Components/Feedbacks/MessageBar/MessageBar.js +5 -5
- package/dist/Components/Feedbacks/MessageBox/MessageBox.js +6 -6
- package/dist/Components/Feedbacks/MessageBox/MessageBox.parts.js +2 -2
- package/dist/Components/Feedbacks/SnackBar/SnackBar.js +10 -10
- package/dist/Components/Inputs/AutoCompleteList/AutoCompleteList.js +3 -3
- package/dist/Components/Inputs/Autocomplete/Autocomplete.js +1 -1
- package/dist/Components/Inputs/Button/Button.parts.js +1 -1
- package/dist/Components/Inputs/Calendar/Calendar.js +6 -6
- package/dist/Components/Inputs/Calendar/Calendar.parts.js +1 -1
- package/dist/Components/Inputs/Checkbox/Checkbox.js +5 -5
- package/dist/Components/Inputs/Checkbox/Checkbox.parts.d.ts +1 -1
- package/dist/Components/Inputs/Checkbox/Checkbox.parts.js +2 -4
- package/dist/Components/Inputs/CheckboxCard/CheckboxCard.d.ts +2 -2
- package/dist/Components/Inputs/CheckboxCard/CheckboxCard.js +6 -6
- package/dist/Components/Inputs/CheckboxCard/CheckboxCard.parts.js +2 -2
- package/dist/Components/Inputs/ChoiceChip/ChoiceChip.js +3 -3
- package/dist/Components/Inputs/CommentArea/CommentArea.js +9 -9
- package/dist/Components/Inputs/FilterChip/FilterChip.js +5 -5
- package/dist/Components/Inputs/FilterList/FilterList.js +5 -5
- package/dist/Components/Inputs/IconButtonDropdown/IconButtonDropdown.js +3 -3
- package/dist/Components/Inputs/Input/LabelInput.d.ts +9 -0
- package/dist/Components/Inputs/Input/{LableInput.js → LabelInput.js} +4 -4
- package/dist/Components/Inputs/Input/PasswordInput.js +1 -1
- package/dist/Components/Inputs/Input/index.d.ts +2 -2
- package/dist/Components/Inputs/InputChip/InputChip.js +3 -3
- package/dist/Components/Inputs/List/List.js +4 -4
- package/dist/Components/Inputs/Radio/Radio.d.ts +14 -8
- package/dist/Components/Inputs/Radio/Radio.js +20 -14
- package/dist/Components/Inputs/Radio/index.d.ts +1 -1
- package/dist/Components/Inputs/Radio/types.d.ts +8 -0
- package/dist/Components/Inputs/RadioCard/RadioCard.js +6 -6
- package/dist/Components/Inputs/RadioCard/RadioCard.parts.d.ts +3 -3
- package/dist/Components/Inputs/RadioCard/RadioCard.parts.js +4 -4
- package/dist/Components/Inputs/RadioCard/RadioCard.types.d.ts +8 -8
- package/dist/Components/Inputs/RadioGroup/RadioGroup.d.ts +3 -3
- package/dist/Components/Inputs/RadioGroup/RadioGroup.js +2 -2
- package/dist/Components/Inputs/RadioList/RadioList.d.ts +2 -2
- package/dist/Components/Inputs/RadioList/RadioList.js +2 -2
- package/dist/Components/Inputs/RadioList/RadioList.types.d.ts +3 -2
- package/dist/Components/Inputs/RadioList/parts/RadioListItem.d.ts +4 -7
- package/dist/Components/Inputs/RadioList/parts/RadioListItem.js +3 -3
- package/dist/Components/Inputs/SearchField/SearchField.js +4 -4
- package/dist/Components/Inputs/TextButton/TextButton.js +3 -4
- package/dist/Components/Inputs/TextButtonDropdown/TextButtonDropdown.parts.js +1 -1
- package/dist/Components/Inputs/TextField/TextField.d.ts +6 -6
- package/dist/Components/Inputs/TextField/TextField.js +7 -7
- 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 +3 -3
- package/dist/Components/Navigations/GNBList/GNBList.parts.js +1 -1
- package/dist/Components/Navigations/Menu/Menu.js +3 -3
- package/dist/Components/Navigations/Pagination/Pagination.parts.js +1 -1
- package/dist/Components/Navigations/TextLink/TextLink.d.ts +66 -0
- package/dist/Components/Navigations/TextLink/TextLink.js +61 -0
- package/dist/Components/Navigations/TextLink/index.d.ts +1 -0
- package/dist/Components/Navigations/TextTab/TextTab.parts.js +5 -5
- package/dist/Components/Navigations/index.d.ts +1 -0
- 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 +1 -1
- package/dist/cjs/Components/Base/TextWithIcons/TextWithIcons.js +2 -0
- package/dist/cjs/Components/DataDisplays/Accordion/Accordion.js +58 -0
- package/dist/cjs/Components/Feedbacks/MessageBar/MessageBar.js +47 -5
- package/dist/cjs/Components/Feedbacks/MessageBox/MessageBox.js +38 -3
- package/dist/cjs/Components/Feedbacks/MessageBox/MessageBox.parts.js +1 -1
- package/dist/cjs/Components/Feedbacks/SnackBar/SnackBar.js +6 -6
- package/dist/cjs/Components/Inputs/AutoCompleteList/AutoCompleteList.js +1 -1
- package/dist/cjs/Components/Inputs/Autocomplete/Autocomplete.js +1 -1
- package/dist/cjs/Components/Inputs/Button/Button.parts.js +2 -2
- package/dist/cjs/Components/Inputs/Calendar/Calendar.js +5 -5
- package/dist/cjs/Components/Inputs/Calendar/Calendar.parts.js +1 -1
- package/dist/cjs/Components/Inputs/Checkbox/Checkbox.js +4 -4
- package/dist/cjs/Components/Inputs/Checkbox/Checkbox.parts.js +2 -4
- package/dist/cjs/Components/Inputs/CheckboxCard/CheckboxCard.js +4 -4
- package/dist/cjs/Components/Inputs/CheckboxCard/CheckboxCard.parts.js +4 -4
- package/dist/cjs/Components/Inputs/ChoiceChip/ChoiceChip.js +4 -4
- package/dist/cjs/Components/Inputs/CommentArea/CommentArea.js +8 -8
- package/dist/cjs/Components/Inputs/FilterChip/FilterChip.js +4 -3
- package/dist/cjs/Components/Inputs/FilterList/FilterList.js +1 -1
- package/dist/cjs/Components/Inputs/IconButtonDropdown/IconButtonDropdown.js +3 -3
- package/dist/cjs/Components/Inputs/Input/{LableInput.js → LabelInput.js} +4 -4
- 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 +1 -1
- package/dist/cjs/Components/Inputs/Radio/Radio.js +21 -15
- package/dist/cjs/Components/Inputs/RadioCard/RadioCard.js +4 -4
- package/dist/cjs/Components/Inputs/RadioCard/RadioCard.parts.js +4 -4
- package/dist/cjs/Components/Inputs/RadioGroup/RadioGroup.js +3 -3
- package/dist/cjs/Components/Inputs/RadioList/RadioList.js +3 -3
- package/dist/cjs/Components/Inputs/RadioList/parts/RadioListItem.js +3 -3
- package/dist/cjs/Components/Inputs/SearchField/SearchField.js +4 -4
- package/dist/cjs/Components/Inputs/TextButton/TextButton.js +3 -4
- package/dist/cjs/Components/Inputs/TextButtonDropdown/TextButtonDropdown.parts.js +1 -1
- package/dist/cjs/Components/Inputs/TextField/TextField.js +7 -7
- package/dist/cjs/Components/Inputs/TextFieldContainer/TextFieldContainer.js +1 -1
- package/dist/cjs/Components/Inputs/TextFieldDropdown/TextFieldDropdown.parts.js +1 -1
- package/dist/cjs/Components/Inputs/Textarea/Textarea.js +5 -5
- package/dist/cjs/Components/Navigations/GNBList/GNBList.parts.js +1 -1
- package/dist/cjs/Components/Navigations/Menu/Menu.js +2 -2
- package/dist/cjs/Components/Navigations/Pagination/Pagination.parts.js +1 -1
- package/dist/cjs/Components/Navigations/TextLink/TextLink.js +61 -0
- package/dist/cjs/Components/Navigations/TextTab/TextTab.parts.js +3 -3
- 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/index.js +1 -1
- package/dist/types/checkbox.types.d.ts +0 -2
- package/dist/types/index.d.ts +0 -1
- package/package.json +12 -12
- package/dist/Components/Inputs/Input/LableInput.d.ts +0 -9
- package/dist/Components/Inputs/Radio/Radio.types.d.ts +0 -8
- package/dist/types/radio.types.d.ts +0 -7
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
"use client";"use strict";var e=require("react/jsx-runtime");require("react");var a=require("tailwind-merge"),r=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var t=require("./RadioCard.parts.js"),i=require("./useRadioCard.js");exports.RadioCard=
|
|
2
|
-
return e.jsx("label",{"data-testid":
|
|
3
|
-
/*#__PURE__*/e.jsx(t.StyledRadio,{name:
|
|
1
|
+
"use client";"use strict";var e=require("react/jsx-runtime");require("react");var a=require("tailwind-merge"),r=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var t=require("./RadioCard.parts.js"),i=require("./useRadioCard.js");exports.RadioCard=d=>{const{disabled:s=!1,checked:o=!1,isError:n=!1,onChange:l,isWide:c=!1,className:u,iconName:y,title:g,description:x,testId:h,value:m,name:C}=d,p=null!=y?y:c?null:"receipt",{handleChange:j}=i.useRadioCard({checked:o,disabled:s,onChange:l});/*#__PURE__*/
|
|
2
|
+
return e.jsx("label",{"data-testid":h,role:"radio-card",className:"group",children:/*#__PURE__*/e.jsxs(t.RadioCardContainer,{"data-testid":"design-system-radioCard--container",checked:o,isError:n,isWide:c,disabled:s,className:u,children:[
|
|
3
|
+
/*#__PURE__*/e.jsx(t.StyledRadio,{name:C,value:m,isWide:c,checked:o,onChange:j,isError:n,disabled:s}),p&&/*#__PURE__*/e.jsx(t.RadioCardIcon,{iconName:p,checked:o,isError:n,disabled:s}),
|
|
4
4
|
/*#__PURE__*/e.jsxs(t.TitleContainer,{isWide:c,"data-testid":"design-system-radioCard--titleBox",children:[
|
|
5
|
-
/*#__PURE__*/e.jsx(r.Typography,{"data-testid":"design-system-radioCard--title",variant:"body1",className:a.twMerge("font-medium",c?"text-left":"text-center",
|
|
5
|
+
/*#__PURE__*/e.jsx(r.Typography,{"data-testid":"design-system-radioCard--title",variant:"body1",className:a.twMerge("font-medium",c?"text-left":"text-center",s?"text-w-gray-300":"text-w-gray-900"),children:g}),x&&/*#__PURE__*/e.jsx(r.Typography,{variant:"body2",className:a.twMerge("font-normal",c?"text-left":"text-center",s?"text-w-gray-300":"text-w-gray-600"),"data-testid":"design-system-radioCard--description",children:x})]})]})})};
|
|
@@ -1,4 +1,4 @@
|
|
|
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")
|
|
2
|
-
return e.jsx("div",n(
|
|
3
|
-
return e.jsx("div",{className:r.twMerge("flex size-[60px] flex-shrink-0 items-center justify-center",o&&"opacity-30"),"data-testid":"design-system-radioCard--icon",children:/*#__PURE__*/e.jsx(t.ProductIcon,{name:i,disabled:a})})},exports.StyledRadio=t=>{var{isWide:o,
|
|
4
|
-
return e.jsx(i.Radio,
|
|
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");require("../../DataDisplays/Accordion/Accordion.js");var i=require("../Radio/Radio.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 n(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){o(e,r,t[r])}))}return e}function s(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(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,o=function(e,r){if(null==e)return{};var t,i,o={},n=Object.keys(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(i=0;i<n.length;i++)t=n[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}exports.RadioCardContainer=t=>{var{children:i,isWide:o,checked:c,isError:l,disabled:d,className:u}=t,p=a(t,["children","isWide","checked","isError","disabled","className"]);/*#__PURE__*/
|
|
2
|
+
return e.jsx("div",s(n({className:r.twMerge("relative flex h-auto cursor-pointer items-center gap-2 rounded-xl border",o?"min-h-[94px] w-[298px] flex-row gap-3 px-5 py-4":"min-h-fit w-[224px] flex-col justify-center px-4 py-6",!d&&!l&&"group-focus-within:border-primary-500",d&&c&&!l?"cursor-not-allowed border-primary-100":d?"cursor-not-allowed border-w-gray-200":l?"border-w-red-500":c?"border-primary-500":"border-w-gray-200 group-hover:border-primary",d?c&&!l?"bg-primary-10":"bg-w-gray-10":c?l?"bg-w-red-10":"bg-primary-10":"bg-w-white",u)},p),{children:i}))},exports.RadioCardIcon=({iconName:i,disabled:o,checked:n,isError:s})=>{const a=s||!n;/*#__PURE__*/
|
|
3
|
+
return e.jsx("div",{className:r.twMerge("flex size-[60px] flex-shrink-0 items-center justify-center",o&&"opacity-30"),"data-testid":"design-system-radioCard--icon",children:/*#__PURE__*/e.jsx(t.ProductIcon,{name:i,disabled:a})})},exports.StyledRadio=t=>{var{isWide:o,disabled:s,isError:c,checked:l}=t,d=a(t,["isWide","disabled","isError","checked"]);const u=!o,p=c&&l&&s;/*#__PURE__*/
|
|
4
|
+
return e.jsx(i.Radio,n({className:r.twMerge(u&&"absolute left-[17px] top-[17px]"),disabled:s||p,checked:!p&&l,isError:c},d))},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 strict";var e=require("react/jsx-runtime"),r=require("react");function t(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react");function t(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function n(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},c=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(c=c.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),c.forEach((function(r){t(e,r,n[r])}))}return e}function c(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}
|
|
2
2
|
/**
|
|
3
3
|
* 라디오 버튼 그룹을 구성하는 컴포넌트입니다.
|
|
4
4
|
*
|
|
@@ -35,5 +35,5 @@
|
|
|
35
35
|
* )}
|
|
36
36
|
* </RadioGroup>
|
|
37
37
|
* ```
|
|
38
|
-
*/exports.RadioGroup=({data:t,selectedValue:
|
|
39
|
-
return e.jsx(r.Fragment,{children:i(
|
|
38
|
+
*/exports.RadioGroup=({data:t,selectedValue:o,children:i,onChange:a,isError:u,disabled:s})=>/*#__PURE__*/e.jsx(e.Fragment,{children:t.map((t=>{const l=o===t.value;/*#__PURE__*/
|
|
39
|
+
return e.jsx(r.Fragment,{children:i(c(n({},t),{onChange:a,isError:u,disabled:s,checked:l}))},t.value)}))});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("../RadioGroup/RadioGroup.js"),t=require("./parts/RadioListContainer.js"),a=require("./parts/RadioListItem.js");function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}exports.RadioList=({data:n,name:o,className:s,selectedValue:u,testId:c,onChange:
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("../RadioGroup/RadioGroup.js"),t=require("./parts/RadioListContainer.js"),a=require("./parts/RadioListItem.js");function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}exports.RadioList=({data:n,name:o,className:s,selectedValue:u,testId:c,onChange:d,disabled:l,isError:b})=>/*#__PURE__*/e.jsx(t.RadioListContainer,{className:s,testId:c,children:/*#__PURE__*/e.jsx(r.RadioGroup,{name:o,data:n,selectedValue:u,onChange:d,disabled:l,isError:b,children:r=>/*#__PURE__*/e.jsx(a.RadioListItem,function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},a=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),a.forEach((function(r){i(e,r,t[r])}))}return e}
|
|
2
2
|
/**
|
|
3
3
|
* 라디오 버튼 목록을 표시하는 컴포넌트입니다.
|
|
4
4
|
*
|
|
@@ -9,7 +9,7 @@
|
|
|
9
9
|
* @param {string} [props.selectedValue] - 선택된 라디오 버튼의 값
|
|
10
10
|
* @param {string} [props.testId] - 테스트를 위한 ID
|
|
11
11
|
* @param {Function} props.onChange - 선택 변경 시 호출되는 콜백 함수
|
|
12
|
-
* @param {boolean} [props.
|
|
12
|
+
* @param {boolean} [props.disabled] - 비활성화 여부
|
|
13
13
|
* @param {boolean} [props.isError] - 에러 상태 여부
|
|
14
14
|
*
|
|
15
15
|
* @example
|
|
@@ -27,4 +27,4 @@
|
|
|
27
27
|
* isDisabled={false}
|
|
28
28
|
* isError={false}
|
|
29
29
|
* />
|
|
30
|
-
*/({
|
|
30
|
+
*/({},r))})});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("../../../Base/Typography/Typography.js"),i=require("../../../Base/Layouts/Box/Box.js");require("../../../Base/Layouts/FullBleed/FullBleed.js");var
|
|
2
|
-
return e.jsx("label",n(function(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){
|
|
3
|
-
/*#__PURE__*/e.jsx(i.Box,{className:"flex cursor-pointer pt-1 grid-in-radio",children:/*#__PURE__*/e.jsx(
|
|
1
|
+
"use client";"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("../../../Base/Typography/Typography.js"),i=require("../../../Base/Layouts/Box/Box.js");require("../../../Base/Layouts/FullBleed/FullBleed.js");var a=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 n(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function o(e,r){if(null==e)return{};var t,i,a=function(e,r){if(null==e)return{};var t,i,a={},s=Object.keys(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}const l=t=>{var{children:i,disabled:a,className:l,hasDescription:c}=t,d=o(t,["children","disabled","className","hasDescription"]);/*#__PURE__*/
|
|
2
|
+
return e.jsx("label",n(function(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}({className:r.twMerge("grid h-min grid-cols-radio-list-item-container grid-rows-radio-list-item-container gap-x-3 grid-areas-radio-list-item-container",a?"cursor-not-allowed":"cursor-pointer",c?"gap-y-0.5":"gap-y-0",l)},d),{children:i}))};exports.RadioListItem=({name:s,value:n,label:o,description:c,checked:d,disabled:u=!1,isError:p=!1,className:y,RadioClassName:g,onChange:b})=>/*#__PURE__*/e.jsxs(l,{"data-testid":"design-system-radioList--item",disabled:u,hasDescription:!!c,className:r.twMerge("group",y),children:[
|
|
3
|
+
/*#__PURE__*/e.jsx(i.Box,{className:"flex cursor-pointer pt-1 grid-in-radio",children:/*#__PURE__*/e.jsx(a.Radio,{name:s,value:n,checked:d,isError:p,disabled:u,onChange:b,className:g})}),
|
|
4
4
|
/*#__PURE__*/e.jsx(i.Box,{className:"flex w-full items-center grid-in-label",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body1",className:r.twMerge("w-full whitespace-normal break-words",u?"text-w-gray-300":"text-w-gray-900"),"data-testid":"design-system-radioList--item-label",children:o})}),c&&/*#__PURE__*/e.jsx(i.Box,{className:"flex items-center grid-in-description",children:/*#__PURE__*/e.jsx(t.Typography,{variant:"body2",className:u?"text-w-gray-300":"text-w-gray-600","data-testid":"design-system-radioList--item-description",children:c})})]});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";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 i=require("../TextButtonDropdown/TextButtonDropdown.js"),
|
|
1
|
+
"use client";"use strict";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"),require("../../DataDisplays/Accordion/Accordion.js");var i=require("../TextButtonDropdown/TextButtonDropdown.js"),o=require("../TextFieldContainer/TextFieldContainer.js"),l=require("../Input/Input.js");function a(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function u(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){a(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={},i=Object.keys(e);for(s=0;s<i.length;s++)r=i[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 i=Object.getOwnPropertySymbols(e);for(s=0;s<i.length;s++)r=i[s],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}require("../Input/PasswordInput.js"),require("../Input/
|
|
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(
|
|
39
|
-
/*#__PURE__*/e.jsx(
|
|
37
|
+
*/(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(s=0;s<i.length;s++)r=i[s],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}require("../Input/PasswordInput.js"),require("../Input/LabelInput.js"),require("../Input/InputTypeSelector.js");exports.SearchField=a=>{var{type:d,onSearch:p,className:b,disabled:y,spellCheck:m,onFocus:j,onBlur:f,filters:x}=a,h=c(a,["type","onSearch","className","disabled","spellCheck","onFocus","onBlur","filters"]);const[g,I]=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(o.TextFieldContainer,{isFocused:g,isDisabled:y,className:"overflow-visible",children:[!!x&&/*#__PURE__*/e.jsx(s.Box,{className:"shrink-0",children:/*#__PURE__*/e.jsx(i.TextButtonDropdown,u({disabled:y},x))}),
|
|
39
|
+
/*#__PURE__*/e.jsx(l.Input,u({onFocus:e=>{I(!0),null==j||j(e)},onBlur:e=>{I(!1),null==f||f(e)},spellCheck:m||!1,disabled:y},h)),
|
|
40
40
|
/*#__PURE__*/e.jsx("button",{type:"submit",className:"shrink-0","data-testid":"design-system-search-field--submit-button",disabled:y,children:/*#__PURE__*/e.jsx(n.SystemIcon,{testId:"design-system-search-field--submit-button-icon",name:"medium_search",className:r.twMerge("pointer-events-none text-w-gray-600",y&&"text-w-gray-300")})})]})})})};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge")
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("../../Base/TextWithIcons/TextWithIcons.js");function n(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){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(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,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}
|
|
2
2
|
/**
|
|
3
3
|
* 텍스트 버튼 컴포넌트
|
|
4
4
|
*
|
|
@@ -23,6 +23,5 @@
|
|
|
23
23
|
* leadingIcon="search"
|
|
24
24
|
* trailingIcon="arrow-right"
|
|
25
25
|
* />
|
|
26
|
-
*/(e,t);if(Object.getOwnPropertySymbols){var
|
|
27
|
-
return e.
|
|
28
|
-
/*#__PURE__*/e.jsx(s.Box,{"data-testid":"design-system-text-button--text",className:"w-fit",children:/*#__PURE__*/e.jsx(n.Typography,{variant:u?"body2":"body1",className:"align-baseline font-medium text-primary-500",children:l})}),m&&/*#__PURE__*/e.jsx(s.Box,{"data-testid":"design-system-text-button--icon--right",className:"w-fit",children:/*#__PURE__*/e.jsx(r.SystemIcon,{name:m,className:"text-primary-500"})})]}))};
|
|
26
|
+
*/(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}exports.TextButton=c=>{var{text:l,isTextSmall:s=!1,leadingIcon:a,trailingIcon:u}=c,b=o(c,["text","isTextSmall","leadingIcon","trailingIcon"]);/*#__PURE__*/
|
|
27
|
+
return e.jsx("button",i(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},i=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(i=i.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),i.forEach((function(t){n(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",s?"gap-x-0.5":"gap-x-1")},b),{children:/*#__PURE__*/e.jsx(r.TextWithIcons,{text:l,leadingIcon:a,trailingIcon:u,isTextSmall:s})}))};
|
|
@@ -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");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 s(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function a(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[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:l,disabled:u,className:y}=i,p=a(i,["value","isListOpen","disabled","className"]);/*#__PURE__*/
|
|
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 s(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function a(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[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"),require("../../DataDisplays/Accordion/Accordion.js");exports.TextButton=i=>{var{value:c,isListOpen:l,disabled:u,className:y}=i,p=a(i,["value","isListOpen","disabled","className"]);/*#__PURE__*/
|
|
2
2
|
return e.jsxs("button",s(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",u?"cursor-not-allowed":"cursor-pointer",y),disabled:u},p),{children:[
|
|
3
3
|
/*#__PURE__*/e.jsx(n.Typography,{variant:"body1",className:r.twMerge("text-w-gray-600",u&&"text-w-gray-300"),children:c}),
|
|
4
4
|
/*#__PURE__*/e.jsx("span",{className:r.twJoin("transition-transform duration-300",l&&"rotate-180"),children:/*#__PURE__*/e.jsx(t.SystemIcon,{name:"medium_arrow_down",className:r.twMerge("text-w-gray-600",u&&"text-w-gray-300")})})]}))};
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),n=require("../TextFieldContainer/TextFieldContainer.js"),a=require("../SupportTextContainer/SupportTextContainer.js");require("../Input/Input.js"),require("../Input/PasswordInput.js");var s=require("../Input/
|
|
1
|
+
"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),n=require("../TextFieldContainer/TextFieldContainer.js"),a=require("../SupportTextContainer/SupportTextContainer.js");require("../Input/Input.js"),require("../Input/PasswordInput.js");var s=require("../Input/LabelInput.js"),o=require("../Input/InputTypeSelector.js");function i(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function l(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){i(e,r,t[r])}))}return e}function u(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function c(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},s=Object.keys(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}
|
|
2
2
|
/**
|
|
3
3
|
* 사용자 입력을 받을 수 있는 텍스트 필드 컴포넌트입니다.
|
|
4
4
|
*
|
|
5
5
|
* @component
|
|
6
6
|
* @param {Object} props - 컴포넌트 props
|
|
7
|
-
* @param {'default' | '
|
|
8
|
-
* @param {string} [props.
|
|
7
|
+
* @param {'default' | 'label'} [props.variant='default'] - 텍스트 필드의 변형 타입
|
|
8
|
+
* @param {string} [props.label] - 입력 필드의 라벨
|
|
9
9
|
* @param {boolean} [props.isError] - 오류 상태 표시 여부
|
|
10
10
|
* @param {MediumSystemIconName} [props.startIcon] - 시작 부분에 표시될 아이콘
|
|
11
11
|
* @param {MediumSystemIconName} [props.endIcon] - 끝 부분에 표시될 아이콘
|
|
@@ -24,8 +24,8 @@
|
|
|
24
24
|
*
|
|
25
25
|
* // 라벨이 있는 텍스트 필드
|
|
26
26
|
* <TextField
|
|
27
|
-
* variant="
|
|
28
|
-
*
|
|
27
|
+
* variant="label"
|
|
28
|
+
* label="이름"
|
|
29
29
|
* placeholder="홍길동"
|
|
30
30
|
* startIcon="user"
|
|
31
31
|
* supportMessage="실명을 입력해주세요"
|
|
@@ -39,5 +39,5 @@
|
|
|
39
39
|
* maxLength={50}
|
|
40
40
|
* isMaxLengthVisible={true}
|
|
41
41
|
* />
|
|
42
|
-
*/(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}const p=/*#__PURE__*/r.forwardRef(((i,p)=>{var{type:b,name:d,value:f,onChange:g,maxLength:y,disabled:j=!1,placeholder:x,
|
|
43
|
-
/*#__PURE__*/e.jsx("label",{role:"input-box",className:j?"cursor-not-allowed":"cursor-text",children:/*#__PURE__*/e.jsxs(n.TextFieldContainer,{leadingIcon:w,trailingIcon:v,measure:h,isFocused:F,isError:I,isDisabled:j,children:["
|
|
42
|
+
*/(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(n=0;n<s.length;n++)t=s[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}const p=/*#__PURE__*/r.forwardRef(((i,p)=>{var{type:b,name:d,value:f,onChange:g,maxLength:y,disabled:j=!1,placeholder:x,label:O,testId:m,measure:h,isError:I,endIcon:v,startIcon:w,errorMessage:P,supportMessage:S,variant:L="default",isMaxLengthVisible:M=!1,className:T,onBlur:q}=i,C=c(i,["type","name","value","onChange","maxLength","disabled","placeholder","label","testId","measure","isError","endIcon","startIcon","errorMessage","supportMessage","variant","isMaxLengthVisible","className","onBlur"]);const[F,E]=r.useState(!1),[D,N]=r.useState(0),k=l({variant:L,type:b,name:d,value:f,placeholder:x,label:O,maxLength:y,onChange:g,isFocused:F,isError:I,onFocus:()=>{E(!0)},disabled:j,onBlur:e=>{E(!1),q&&q(e)}},C),B=I||S||M;return r.useEffect((()=>{"string"==typeof f&&y&&N(f.length)}),[f,y]),/*#__PURE__*/e.jsxs("div",{className:t.twMerge("flex min-w-fit select-none flex-col gap-2 tracking-default",T),"data-testid":m,children:[
|
|
43
|
+
/*#__PURE__*/e.jsx("label",{role:"input-box",className:j?"cursor-not-allowed":"cursor-text",children:/*#__PURE__*/e.jsxs(n.TextFieldContainer,{leadingIcon:w,trailingIcon:v,measure:h,isFocused:F,isError:I,isDisabled:j,children:["label"===L&&/*#__PURE__*/e.jsx(s.LabelInput,u(l({isFixed:!!x},k),{ref:p})),"default"===L&&/*#__PURE__*/e.jsx(o.InputTypeSelector,u(l({},k),{ref:p}))]})}),B&&/*#__PURE__*/e.jsx(a.SupportTextContainer,{errorMessage:P,supportMessage:S,currentLength:D,maxLength:y,isMaxLengthVisible:M})]})}));p.displayName="TextField",exports.TextField=p;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("../../Base/Typography/Typography.js"),t=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var i=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");exports.TextFieldContainer=({children:a,className:o,leadingIcon:n,trailingIcon:l,isLeadingIconSolid:d,isTrailingIconSolid:c,measure:y,isFocused:g,isDisabled:x,isError:m,onClick:u,isTextarea:w,isAutoComplete:p,testId:I})=>/*#__PURE__*/e.jsxs(t.Box,{className:r.twMerge("group flex w-full items-center gap-3 overflow-hidden rounded-xl border px-4 py-[11px]",x?"border-w-gray-200":m?"border-w-red-500":g?"border-primary":"border-w-gray-200 hover:border-primary",x?"bg-w-gray-10":"bg-w-white",x&&"cursor-not-allowed",w&&"relative p-0",p&&"flex-wrap",o),"data-testid":I||"design-system--text-field-container",onClick:u,children:[n&&/*#__PURE__*/e.jsx(i.SystemIcon,{name:n,solid:d,className:r.twMerge("shrink-0 text-w-gray-600",x&&"text-w-gray-300"),testId:"design-system--text-field-container-leading-icon"}),a,y&&/*#__PURE__*/e.jsx(s.Typography,{variant:"body1",className:r.twMerge("w-fit shrink-0 text-w-gray-400",x&&"text-w-gray-300"),children:y}),l&&/*#__PURE__*/e.jsx(i.SystemIcon,{name:l,solid:c,className:r.twMerge("shrink-0 text-w-gray-600",x&&"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");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var r=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var a=require("../TextFieldContainer/TextFieldContainer.js");exports.SelectBox=({placeholder:i,value:o="",isListOpen:n,disabled:l=!1,error:c,onClick:d,className:y})=>/*#__PURE__*/e.jsxs(a.TextFieldContainer,{isDisabled:l,isFocused:n,isError:c,testId:"design-system--selectBox",onClick:d,className:y,children:[
|
|
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 r=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Accordion/Accordion.js");var a=require("../TextFieldContainer/TextFieldContainer.js");exports.SelectBox=({placeholder:i,value:o="",isListOpen:n,disabled:l=!1,error:c,onClick:d,className:y})=>/*#__PURE__*/e.jsxs(a.TextFieldContainer,{isDisabled:l,isFocused:n,isError:c,testId:"design-system--selectBox",onClick:d,className:y,children:[
|
|
2
2
|
/*#__PURE__*/e.jsx(r.Typography,{"data-testid":"design-system--selectBox-text",variant:"body1",className:s.twJoin(l&&o?"text-w-gray-300":l&&!o?"text-w-gray-200":o?"text-w-gray-600":"text-w-gray-300","w-full"),children:o||i}),
|
|
3
3
|
/*#__PURE__*/e.jsx("div",{className:s.twJoin("transition-transform duration-300",n&&"rotate-180"),children:/*#__PURE__*/e.jsx(t.SystemIcon,{name:"medium_arrow_down",className:l?"text-w-gray-300":"text-w-gray-600",testId:"design-system--selectBox-icon"})})]});
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";var e=require("react/jsx-runtime"),
|
|
1
|
+
"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=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"),require("../../DataDisplays/Accordion/Accordion.js");var a=require("../TextFieldContainer/TextFieldContainer.js"),i=require("../SupportTextContainer/SupportTextContainer.js");function l(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){l(e,r,t[r])}))}return e}function u(e,r){if(null==e)return{};var t,n,s=function(e,r){if(null==e)return{};var t,n,s={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(s[t]=e[t]);return s}
|
|
2
2
|
/**
|
|
3
3
|
* 사용자가 여러 줄의 텍스트를 입력할 수 있는 textarea 컴포넌트입니다.
|
|
4
4
|
*
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
* />
|
|
42
42
|
* </div>
|
|
43
43
|
* ```
|
|
44
|
-
*/(e,
|
|
45
|
-
return e.jsxs(n.Box,{"data-testid":"design-system-textarea",className:
|
|
46
|
-
/*#__PURE__*/e.jsxs(a.TextFieldContainer,{isDisabled:h,isError:c,isFocused:O,isTextarea:!0,className:
|
|
47
|
-
/*#__PURE__*/e.jsx("textarea",o({"data-testid":"design-system-textarea--textarea",className:
|
|
44
|
+
*/(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)&&(s[t]=e[t])}return s}exports.Textarea=l=>{var{isError:c=!1,size:x="md",resize:p=!1,isLengthVisible:m=!1,supportText:d,errorText:g,maxLength:f,value:y,disabled:h,name:b,onChange:j,onBlur:v}=l,w=u(l,["isError","size","resize","isLengthVisible","supportText","errorText","maxLength","value","disabled","name","onChange","onBlur"]);const[O,S]=r.useState(!1),T=c||d||m;/*#__PURE__*/
|
|
45
|
+
return e.jsxs(n.Box,{"data-testid":"design-system-textarea",className:t.twMerge("flex w-full flex-col gap-2","full"===x?"h-full":"h-fit"),children:[
|
|
46
|
+
/*#__PURE__*/e.jsxs(a.TextFieldContainer,{isDisabled:h,isError:c,isFocused:O,isTextarea:!0,className:t.twJoin("full"===x&&"h-full"),children:[
|
|
47
|
+
/*#__PURE__*/e.jsx("textarea",o({"data-testid":"design-system-textarea--textarea",className:t.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"===x?"min-h-[118px]":"md"===x?"min-h-[238px]":"lg"===x?"min-h-[358px]":"full"===x?"min-h-full":void 0,p?"resize-y":"resize-none",h&&"resize-none"),name:b,value:y,disabled:h,onChange:j,maxLength:f,onFocus:e=>{S(!0)},onBlur:e=>{S(!1),v&&v(e)}},w)),p&&/*#__PURE__*/e.jsx(s.SystemIcon,{name:"small_resizer",className:"absolute bottom-[5px] right-[5px] text-w-gray-400",testId:"design-system-textarea--resize-icon"})]}),T&&/*#__PURE__*/e.jsx(i.SupportTextContainer,{errorMessage:g,supportMessage:d,currentLength:(null==y?void 0:y.toString().length)||0,maxLength:f,isMaxLengthVisible:m})]})};
|
|
@@ -1,4 +1,4 @@
|
|
|
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 c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t.push.apply(t,s)}return t}(Object(t)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(t,s))})),e}function d(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:""});
|
|
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 c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t.push.apply(t,s)}return t}(Object(t)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(t,s))})),e}function d(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}require("../../DataDisplays/Accordion/Accordion.js");const u=/*#__PURE__*/t.createContext({type:""});
|
|
2
2
|
/**
|
|
3
3
|
* GNB 리스트의 루트 컴포넌트
|
|
4
4
|
* @param {Object} props
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("next/link");require("react");var s=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var n=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var i=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/
|
|
2
|
-
/*#__PURE__*/e.jsx(n.Typography,{"data-testid":"design-system-menu-name",variant:"body1",className:"w-full select-none",children:l}),m&&/*#__PURE__*/e.jsx(i.CountBadge,{variant:((e,t)=>"white"!==e?"white_gray":t?"primary":"gray")(p,c),text:m,className:"relative",showZero:!0}),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),r=require("next/link");require("react");var s=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var n=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var i=require("../../DataDisplays/CountBadge/CountBadge.js");require("../../DataDisplays/Accordion/Accordion.js"),require("@wishket/yogokit"),require("../../Inputs/AutoCompleteList/AutoCompleteList.parts.js"),require("../../Inputs/Input/Input.js"),require("../../Inputs/Input/PasswordInput.js"),require("../../Inputs/Input/LabelInput.js"),require("../../Inputs/Input/InputTypeSelector.js"),require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js");var a=require("../../Inputs/IconButton/IconButton.js");require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),require("../../Inputs/CommentArea/CommentArea.js");var o=require("../../Inputs/IconButtonDropdown/IconButtonDropdown.js");require("../../Inputs/FilterChip/FilterChip.js");exports.Menu=({type:u="main",variant:p="white",name:l,isSelected:c=!1,badgeCount:m,leadingIcon:d,iconButtonName:y,onClick:I,onOptionClick:g,href:h,items:j,selectedItem:q,onItemClick:w})=>{const x=!!(y&&j&&w&&q),C=!!y&&!!g,B=(e,r,s)=>{const n="sub"===e?"pl-12":"",i={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 text-left",n,i[r])},b=/*#__PURE__*/e.jsxs(e.Fragment,{children:[d&&/*#__PURE__*/e.jsx(s.SystemIcon,{testId:"design-system-menu-leading-icon",name:d,className:t.twJoin("white"===p&&c&&"text-primary")}),
|
|
2
|
+
/*#__PURE__*/e.jsx(n.Typography,{"data-testid":"design-system-menu-name",variant:"body1",className:"w-full select-none",children:l}),m&&/*#__PURE__*/e.jsx(i.CountBadge,{variant:((e,t)=>"white"!==e?"white_gray":t?"primary":"gray")(p,c),text:m,className:"relative",showZero:!0}),x&&/*#__PURE__*/e.jsx(o.IconButtonDropdown,{size:"sm",icon:y,items:j,selectedItem:q,onItemClick:w}),C&&/*#__PURE__*/e.jsx(a.IconButton,{size:"sm",className:"shrink-0",onClick:e=>{e.stopPropagation(),g()},children:/*#__PURE__*/e.jsx(s.SystemIcon,{name:y})})]});return h?/*#__PURE__*/e.jsx(r,{href:h,"data-testid":"design-system-menu",className:B(u,p,c),children:b}):/*#__PURE__*/e.jsx("button",{"data-testid":"design-system-menu",className:B(u,p,c),onClick:I,children:b})};
|
|
@@ -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");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){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}function s(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function i(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.LeftArrow=r=>/*#__PURE__*/e.jsx("button",s(a({},r),{"data-testid":"design-system-pagination-left-arrow",children:/*#__PURE__*/e.jsx(t.SystemIcon,{name:"medium_arrow_left",className:"text-w-gray-900"})})),exports.PaginationNumber=t=>{var{value:o,enabled:c}=t,u=i(t,["value","enabled"]);/*#__PURE__*/
|
|
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){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}function s(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function i(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"),require("../../DataDisplays/Accordion/Accordion.js");exports.LeftArrow=r=>/*#__PURE__*/e.jsx("button",s(a({},r),{"data-testid":"design-system-pagination-left-arrow",children:/*#__PURE__*/e.jsx(t.SystemIcon,{name:"medium_arrow_left",className:"text-w-gray-900"})})),exports.PaginationNumber=t=>{var{value:o,enabled:c}=t,u=i(t,["value","enabled"]);/*#__PURE__*/
|
|
2
2
|
return e.jsx("button",s(a({className:r.twMerge("flex size-10 justify-center rounded-xl p-2 text-w-gray-700",c?"bg-primary-50 text-primary":"hover:bg-w-gray-50")},u),{children:/*#__PURE__*/e.jsx(n.Typography,{variant:"body2",children:o})}))},exports.RightArrow=r=>/*#__PURE__*/e.jsx("button",s(a({},r),{"data-testid":"design-system-pagination-right-arrow",children:/*#__PURE__*/e.jsx(t.SystemIcon,{name:"medium_arrow_right",className:"text-w-gray-900"})}));
|
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("next/link"),r=require("tailwind-merge"),n=require("../../Base/TextWithIcons/TextWithIcons.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,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}function c(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}
|
|
2
|
+
/**
|
|
3
|
+
* 텍스트 기반의 링크 컴포넌트입니다.
|
|
4
|
+
*
|
|
5
|
+
* @description
|
|
6
|
+
* TextButton과 동일한 스타일을 가지지만 `<a>` 태그 기반으로 페이지 네비게이션을 담당합니다.
|
|
7
|
+
* Next.js의 Link 컴포넌트를 기반으로 하여 클라이언트 사이드 라우팅을 지원합니다.
|
|
8
|
+
*
|
|
9
|
+
* @component
|
|
10
|
+
* @param {Object} props - TextLink 컴포넌트의 props
|
|
11
|
+
* @param {string} props.href - 링크 대상 URL (필수)
|
|
12
|
+
* @param {string} props.text - 표시할 텍스트 (필수)
|
|
13
|
+
* @param {SystemIconName} [props.leadingIcon] - 텍스트 앞에 표시할 아이콘
|
|
14
|
+
* @param {SystemIconName} [props.trailingIcon] - 텍스트 뒤에 표시할 아이콘
|
|
15
|
+
* @param {boolean} [props.isTextSmall=false] - 작은 텍스트 크기 사용 여부
|
|
16
|
+
* @param {boolean} [props.isGray=false] - 텍스트 색상을 회색으로 사용 여부
|
|
17
|
+
* @param {boolean} [props.isUnderline=false] - 텍스트에 밑줄 스타일 적용 여부
|
|
18
|
+
* @param {ComponentProps<typeof Link>} props - Next.js Link 컴포넌트의 모든 props 지원
|
|
19
|
+
*
|
|
20
|
+
* @example
|
|
21
|
+
* // 기본 사용법
|
|
22
|
+
* <TextLink href="/about" text="소개 페이지로 이동" />
|
|
23
|
+
*
|
|
24
|
+
* @example
|
|
25
|
+
* // 아이콘과 함께 사용
|
|
26
|
+
* <TextLink
|
|
27
|
+
* href="/detail"
|
|
28
|
+
* text="자세히 보기"
|
|
29
|
+
* trailingIcon="medium_arrow_right"
|
|
30
|
+
* />
|
|
31
|
+
*
|
|
32
|
+
* @example
|
|
33
|
+
* // 외부 링크로 사용
|
|
34
|
+
* <TextLink
|
|
35
|
+
* href="https://example.com"
|
|
36
|
+
* text="외부 사이트 방문"
|
|
37
|
+
* target="_blank"
|
|
38
|
+
* rel="noopener noreferrer"
|
|
39
|
+
* />
|
|
40
|
+
*
|
|
41
|
+
* @example
|
|
42
|
+
* // 작은 텍스트 크기로 사용
|
|
43
|
+
* <TextLink
|
|
44
|
+
* href="/help"
|
|
45
|
+
* text="도움말"
|
|
46
|
+
* isTextSmall
|
|
47
|
+
* leadingIcon="small_help"
|
|
48
|
+
* />
|
|
49
|
+
*
|
|
50
|
+
* @example
|
|
51
|
+
* // 프로그래매틱 네비게이션과 함께
|
|
52
|
+
* <TextLink
|
|
53
|
+
* href="/dashboard"
|
|
54
|
+
* text="대시보드"
|
|
55
|
+
* onClick={(e) => {
|
|
56
|
+
* // 추가 로직 실행 가능
|
|
57
|
+
* console.log('대시보드로 이동');
|
|
58
|
+
* }}
|
|
59
|
+
* />
|
|
60
|
+
*/(e,t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)r=o[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}exports.TextLink=l=>{var{href:s,text:a,leadingIcon:u,trailingIcon:f,isTextSmall:O=!1,isGray:b=!1,isUnderline:y=!1}=l,p=c(l,["href","text","leadingIcon","trailingIcon","isTextSmall","isGray","isUnderline"]);/*#__PURE__*/
|
|
61
|
+
return e.jsx(t,o(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){i(e,t,r[t])}))}return e}({href:s,className:r.twMerge("flex min-h-6 w-fit items-center justify-center",O?"gap-x-0.5":"gap-x-1")},p),{children:/*#__PURE__*/e.jsx(n.TextWithIcons,{text:a,leadingIcon:u,trailingIcon:f,isTextSmall:O,isUnderline:y,isGray:b})}))};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),s=require("../../Base/Typography/Typography.js"),n=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var a=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var o=require("../../DataDisplays/CountBadge/CountBadge.js"),i=require("../../DataDisplays/Divider/Divider.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 c(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){l(e,t,r[t])}))}return e}function u(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const d=/*#__PURE__*/t.createContext({barColor:"bg-w-gray-900",activeTab:0,currentActiveTab:0,isFit:!0,hasPadding:!1,isFull:!1,handleTabClick:e=>{}});
|
|
1
|
+
"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),s=require("../../Base/Typography/Typography.js"),n=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var a=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var o=require("../../DataDisplays/CountBadge/CountBadge.js"),i=require("../../DataDisplays/Divider/Divider.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 c(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){l(e,t,r[t])}))}return e}function u(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}require("../../DataDisplays/Accordion/Accordion.js");const d=/*#__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의 상태를 관리합니다.
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
* </TextTab.Root>
|
|
24
24
|
*/exports.Panel=({children:r,index:s})=>{const{activeTab:a}=t.useContext(d);return a===s&&/*#__PURE__*/e.jsx(n.Box,{"data-testid":"design-system-textTab--content",children:r})},exports.Root=({children:r,currentActiveTab:s=0,isFit:n=!0,hasPadding:a=!1,isFull:o=!1,barColor:i="bg-w-gray-900",onChange:l})=>{const[c,u]=t.useState(s);return t.useEffect((()=>{s!==c&&u(s);
|
|
25
25
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
26
|
-
}),[s]),/*#__PURE__*/e.jsx(d.Provider,{value:{barColor:i,activeTab:c,currentActiveTab:s,isFit:n,hasPadding:a,handleTabClick:e=>{e!==c&&(null==l||l(e),u(e))},isFull:o},children:r})},exports.Tab=({children:i,index:l,className:f,disabled:x=!1,badgeNumber:b,iconName:y,href:
|
|
27
|
-
/*#__PURE__*/e.jsx(s.Typography,{variant:"body1",className:"relative",children:i}),void 0!==b&&/*#__PURE__*/e.jsx(o.CountBadge,{text:b,showZero:!0,className:"relative",variant:"gray"})]});return
|
|
26
|
+
}),[s]),/*#__PURE__*/e.jsx(d.Provider,{value:{barColor:i,activeTab:c,currentActiveTab:s,isFit:n,hasPadding:a,handleTabClick:e=>{e!==c&&(null==l||l(e),u(e))},isFull:o},children:r})},exports.Tab=({children:i,index:l,className:f,disabled:x=!1,badgeNumber:b,iconName:y,href:p})=>{const{isFit:m,handleTabClick:g,activeTab:h,isFull:w}=t.useContext(d),j=l===h,v={tabIndex:0,"data-testid":`design-system-textTab--item-${l}`,className:r.twMerge("group flex w-max cursor-pointer items-center rounded-xl hover:font-medium",x&&"cursor-not-allowed",w&&"w-full",f),onClick:()=>{!x&&g(l)}},T=/*#__PURE__*/e.jsxs(n.Box,{className:r.twMerge("relative flex w-full select-none 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(n.Box,{className:"flex size-4 flex-shrink-0 items-center justify-center",children:/*#__PURE__*/e.jsx(a.SystemIcon,{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(s.Typography,{variant:"body1",className:"relative",children:i}),void 0!==b&&/*#__PURE__*/e.jsx(o.CountBadge,{text:b,showZero:!0,className:"relative",variant:"gray"})]});return p?/*#__PURE__*/e.jsx("a",u(c({href:p},v),{children:T})):/*#__PURE__*/e.jsx(n.Box,u(c({},v),{children:T}))},exports.Tabs=({children:s,className:a})=>{const{activeTab:o,hasPadding:l,isFull:c,barColor:u}=t.useContext(d),f=t.useRef([]),x=t.useRef(null),b=t.useRef(null),y=t.Children.toArray(s),[p,m]=t.useState(!1),[g,h]=t.useState(!1),[w,j]=t.useState({x:0,scrollLeft:0});return t.useEffect((()=>{if(!f.current[o]||!x.current)return;const e=f.current[o],t=x.current,r=b.current;if(e&&t&&r){const{offsetLeft:s,offsetWidth:n}=e,{scrollLeft:a,clientWidth:o}=r;t.style.width=`${n}px`,t.style.transform=`translateX(${s}px)`;if(!(a<=s&&a+o>=s+n)){const t=setTimeout((()=>{e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}),0);return()=>clearTimeout(t)}}}),[o]),t.useEffect((()=>{const e=()=>{if(b.current){const e=b.current.scrollWidth>b.current.clientWidth;m(e)}};return e(),window.addEventListener("resize",e),()=>{window.removeEventListener("resize",e)}}),[]),t.useEffect((()=>{if(b.current){const e=b.current.scrollWidth>b.current.clientWidth;m(e)}}),[s]),/*#__PURE__*/e.jsx(n.Box,{ref:b,className:r.twJoin("block w-full touch-pan-x items-start overflow-x-scroll scrollbar-hide",p&&"scrollbar-list",a),"data-testid":"design-system-textTab--container",onMouseDown:e=>{b.current&&(h(!0),j({x:e.pageX,scrollLeft:b.current.scrollLeft}))},onMouseMove:e=>{if(!g||!b.current)return;e.preventDefault();const t=e.pageX-w.x;b.current.scrollLeft=w.scrollLeft-t},onMouseUp:()=>{h(!1)},onMouseLeave:()=>{h(!1)},children:/*#__PURE__*/e.jsxs(n.Box,{className:r.twMerge("relative w-full border-b border-w-gray-200",p&&"w-max",l&&"px-9"),"data-testid":"design-system-textTab--inner-container",children:[
|
|
28
28
|
/*#__PURE__*/e.jsx(n.Box,{className:r.twMerge("inline-flex w-max gap-10",c&&"w-full gap-0"),children:y.map(((t,s)=>/*#__PURE__*/e.jsx(n.Box,{className:r.twMerge(c&&"w-full"),ref:e=>{f.current[s]=e},children:t},s)))}),
|
|
29
29
|
/*#__PURE__*/e.jsx("span",{ref:x,"data-testid":`design-system-textTab--underbar-${o}`,className:r.twJoin("absolute bottom-0 left-0 h-0.5 rounded-t-lg transition-all duration-300 ease-out",u)}),
|
|
30
30
|
/*#__PURE__*/e.jsx(i.Divider,{className:"absolute -bottom-px left-0 h-px"})]})})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";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.WithBadge=({text:i,children:
|
|
1
|
+
"use strict";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");require("../../DataDisplays/Accordion/Accordion.js");exports.WithBadge=({text:i,children:o,className:l,variant:n="primary",showZero:u=!1})=>/*#__PURE__*/e.jsxs(t.Box,{className:a.twMerge("relative w-fit",l),"data-testid":"with-badge",children:[o,"new"===n?/*#__PURE__*/e.jsx(r.NewBadge,{className:"absolute right-0 top-0 -translate-y-1/2 translate-x-1/2 transform"}):/*#__PURE__*/e.jsx(s.CountBadge,{text:i,variant:n,showZero:u,className:"absolute right-px top-px -translate-y-1/2 translate-x-1/2 transform"})]});
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use client";"use strict";var e=require("react/jsx-runtime"),
|
|
1
|
+
"use client";"use strict";var e=require("react/jsx-runtime"),i=require("tailwind-merge"),t=require("react"),s=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var r=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Accordion/Accordion.js"),require("@wishket/yogokit"),require("react-dom");var o=require("../../Feedbacks/RichTooltip/RichTooltip.js");require("../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js");exports.WithRichTooltip=({size:a="md",variant:c="right",title:l,description:n,children:d,className:m})=>{const u="md"===a?"medium_information":"small_information",h="right"===c,g="down"===c,[p,y]=t.useState(!1);/*#__PURE__*/
|
|
2
2
|
return e.jsxs(r.Box,{className:"relative h-fit w-fit","data-testid":"design-system-withRichTooltip",children:[
|
|
3
|
-
/*#__PURE__*/e.jsx(r.Box,{"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(s.SystemIcon,{name:u,className:"text-w-gray-400",testId:"md"===a?"design-system-withRichTooltip--trigger-icon-md":"design-system-withRichTooltip--trigger-icon-sm"})}),p&&/*#__PURE__*/e.jsx(o.RichTooltip,{title:l,description:n,className:
|
|
3
|
+
/*#__PURE__*/e.jsx(r.Box,{"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(s.SystemIcon,{name:u,className:"text-w-gray-400",testId:"md"===a?"design-system-withRichTooltip--trigger-icon-md":"design-system-withRichTooltip--trigger-icon-sm"})}),p&&/*#__PURE__*/e.jsx(o.RichTooltip,{title:l,description:n,className:i.twMerge("absolute",h&&"left-[calc(100%_+_12px)] top-0",g&&"left-0 top-[calc(100%_+_12px)]",m),children:d})]})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";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("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var r=require("../../Feedbacks/SnackBar/SnackBar.js");require("@wishket/yogokit"),require("react-dom"),require("../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js");exports.WithSnackBar=({children:
|
|
2
|
-
/*#__PURE__*/e.jsx(s.Box,{className:"w-full overflow-y-hidden",children:/*#__PURE__*/e.jsx(s.Box,{className:a.twJoin("w-full transform overflow-y-hidden transition-all duration-300 ease-linear",
|
|
1
|
+
"use strict";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("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var r=require("../../Feedbacks/SnackBar/SnackBar.js");require("@wishket/yogokit"),require("react-dom"),require("../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js");exports.WithSnackBar=({children:i,isOpen:t,message:l,type:n,onClose:o})=>/*#__PURE__*/e.jsxs(s.Box,{"data-testid":"design-system-with-message-bar",children:[
|
|
2
|
+
/*#__PURE__*/e.jsx(s.Box,{className:"w-full overflow-y-hidden",children:/*#__PURE__*/e.jsx(s.Box,{className:a.twJoin("w-full transform overflow-y-hidden transition-all duration-300 ease-linear",t?"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.Box,{className:"pt-8",children:/*#__PURE__*/e.jsx(r.SnackBar,{message:l,type:n,onClose:o})})})}),i]});
|
package/dist/cjs/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"),i=require("./Components/DataDisplays/ServiceLogo/ServiceLogo.js"),a=require("./Components/DataDisplays/SkillLabel/SkillLabel.js"),p=require("./Components/DataDisplays/SystemIcon/SystemIcon.js"),u=require("./Components/DataDisplays/SystemIcon/SystemIcon.constants.js"),l=require("./Components/DataDisplays/Divider/Divider.js"),C=require("./Components/DataDisplays/ProgressIndicator/ProgressIndicator.js"),m=require("./Components/DataDisplays/Li/Li.js"),x=require("./Components/Feedbacks/MessageBox/MessageBox.js"),
|
|
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"),i=require("./Components/DataDisplays/ServiceLogo/ServiceLogo.js"),a=require("./Components/DataDisplays/SkillLabel/SkillLabel.js"),p=require("./Components/DataDisplays/SystemIcon/SystemIcon.js"),u=require("./Components/DataDisplays/SystemIcon/SystemIcon.constants.js"),l=require("./Components/DataDisplays/Divider/Divider.js"),C=require("./Components/DataDisplays/ProgressIndicator/ProgressIndicator.js"),m=require("./Components/DataDisplays/Li/Li.js"),x=require("./Components/DataDisplays/Accordion/Accordion.js"),d=require("./Components/Feedbacks/MessageBox/MessageBox.js"),c=require("./Components/Feedbacks/SnackBar/SnackBar.js"),I=require("./Components/Feedbacks/SnackBar/SnackBar.types.js"),B=require("./Components/Feedbacks/MessageBar/MessageBar.js"),j=require("./Components/Feedbacks/Dialog/Dialog.js"),q=require("./Components/Feedbacks/DialogBox/DialogBox.js"),g=require("./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js"),L=require("./Components/Feedbacks/PlainTooltip/PlainTooltip.js"),T=require("./Components/Feedbacks/RichTooltip/RichTooltip.js"),h=require("./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),D=require("./Components/Inputs/Autocomplete/Autocomplete.js"),S=require("./Components/Inputs/Button/Button.js"),b=require("./Components/Inputs/Calendar/Calendar.js"),k=require("./Components/Inputs/Checkbox/Checkbox.js"),y=require("./Components/Inputs/CheckboxCard/CheckboxCard.js"),F=require("./Components/Inputs/CheckboxList/CheckboxList.js"),M=require("./Components/Inputs/CheckboxListItem/CheckboxListItem.js"),w=require("./Components/Inputs/ChoiceChip/ChoiceChip.js"),R=require("./Components/Inputs/IconButton/IconButton.js"),N=require("./Components/Inputs/InputChip/InputChip.js"),P=require("./Components/Inputs/RangeSlider/RangeSlider.js"),A=require("./Components/Inputs/Radio/Radio.js"),v=require("./Components/Inputs/RadioCard/RadioCard.js"),G=require("./Components/Inputs/RadioList/RadioList.js"),W=require("./Components/Inputs/RadioGroup/RadioGroup.js"),f=require("./Components/Inputs/SearchField/SearchField.js"),U=require("./Components/Inputs/SegmentedControl/SegmentedControl.js"),O=require("./Components/Inputs/Switch/Switch.js"),z=require("./Components/Inputs/Textarea/Textarea.js"),E=require("./Components/Inputs/TextButton/TextButton.js"),H=require("./Components/Inputs/TextField/TextField.js"),J=require("./Components/Inputs/List/List.js"),K=require("./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js"),Q=require("./Components/Inputs/CommentArea/CommentArea.js"),V=require("./Components/Inputs/IconButtonDropdown/IconButtonDropdown.js"),X=require("./Components/Inputs/MultiColumnList/MultiColumnList.js"),Y=require("./Components/Inputs/FilterChip/FilterChip.js"),Z=require("./Components/Inputs/TextButtonDropdown/TextButtonDropdown.js"),$=require("./Components/Inputs/AutoCompleteList/AutoCompleteList.js"),_=require("./Components/Inputs/FilterList/FilterList.js"),ee=require("./Components/Inputs/Input/Input.js"),oe=require("./Components/Inputs/Input/PasswordInput.js"),te=require("./Components/Inputs/Input/LabelInput.js"),se=require("./Components/Inputs/Input/InputTypeSelector.js"),re=require("./Components/Inputs/SupportTextContainer/SupportTextContainer.js"),ne=require("./Components/Inputs/TextFieldContainer/TextFieldContainer.js"),ie=require("./Components/Base/Typography/Typography.js"),ae=require("./Components/Base/Layouts/Box/Box.js"),pe=require("./Components/Base/Layouts/GridLayout/GridLayout.js"),ue=require("./Components/Base/Layouts/Column/Column.js"),le=require("./Components/Base/Layouts/FullBleed/FullBleed.js"),Ce=require("./Components/Navigations/Drawer/Drawer.js"),me=require("./Components/Navigations/GNBList/GNBList.js"),xe=require("./Components/Navigations/Pagination/Pagination.parts.js"),de=require("./Components/Navigations/Pagination/Pagination.js"),ce=require("./Components/Navigations/TableOfContents/TableOfContents.js"),Ie=require("./Components/Navigations/TextTab/TextTab.js"),Be=require("./Components/Navigations/BoxTab/BoxTab.js"),je=require("./Components/Navigations/Menu/Menu.js"),qe=require("./Components/Navigations/TextLink/TextLink.js"),ge=require("./Components/Utils/BackDrop/BackDrop.js"),Le=require("./Components/Utils/BackDropLiftContainer/BackDropLiftContainer.js"),Te=require("./Components/Utils/BottomModalContainer/BottomModalContainer.js"),he=require("./Components/Utils/FullModalContainer/FullModalContainer.js"),De=require("./Components/Utils/Modal/Modal.js"),Se=require("./Components/Utils/ModalContainer/ModalContainer.js"),be=require("./Components/Utils/Portal/Portal.js"),ke=require("./Components/Wrappers/WithBadge/WithBadge.js"),ye=require("./Components/Wrappers/WithRichTooltip/WithRichTooltip.js"),Fe=require("./Components/Wrappers/WithSnackBar/WithSnackBar.js");exports.Avatar=e.Avatar,exports.CountBadge=o.CountBadge,exports.ImageLabel=t.ImageLabel,exports.Label=s.Label,exports.NewBadge=r.NewBadge,exports.ProductIcon=n.ProductIcon,exports.ServiceLogo=i.ServiceLogo,exports.SkillLabel=a.SkillLabel,exports.SystemIcon=p.SystemIcon,exports.LargeSystemIconNames=u.LargeSystemIconNames,exports.MediumSystemIconNames=u.MediumSystemIconNames,exports.SmallSystemIconNames=u.SmallSystemIconNames,exports.SocialSystemIconNames=u.SocialSystemIconNames,exports.SystemIconNames=u.SystemIconNames,exports.Divider=l.Divider,exports.ProgressIndicator=C.ProgressIndicator,exports.Li=m.default,exports.Accordion=x.Accordion,exports.MessageBox=d.MessageBox,exports.SnackBar=c.SnackBar,exports.messageType=I.messageType,exports.MessageBar=B.MessageBar,exports.Dialog=j.Dialog,exports.DialogBox=q.DialogBox,exports.LoadingIndicator=g.LoadingIndicator,exports.PlainTooltip=L.PlainTooltip,exports.RichTooltip=T.RichTooltip,exports.GlobalLoadingIndicator=h.GlobalLoadingIndicator,exports.Autocomplete=D.Autocomplete,exports.Button=S.Button,exports.Calendar=b.Calendar,exports.Checkbox=k.Checkbox,exports.CheckboxCard=y.CheckboxCard,exports.CheckboxList=F.CheckboxList,exports.CheckboxListItem=M.CheckboxListItem,exports.ChoiceChip=w.ChoiceChip,exports.IconButton=R.IconButton,exports.InputChip=N.InputChip,exports.RangeSlider=P.RangeSlider,exports.Radio=A.Radio,exports.RadioCard=v.RadioCard,exports.RadioList=G.RadioList,exports.RadioGroup=W.RadioGroup,exports.SearchField=f.SearchField,exports.SegmentedControl=U.SegmentedControl,exports.Switch=O.Switch,exports.Textarea=z.Textarea,exports.TextButton=E.TextButton,exports.TextField=H.TextField,exports.List=J.List,exports.TextFieldDropdown=K.TextFieldDropdown,exports.CommentArea=Q.CommentArea,exports.IconButtonDropdown=V.IconButtonDropdown,exports.MultiColumnList=X.MultiColumnList,exports.FilterChip=Y.FilterChip,exports.TextButtonDropdown=Z.TextButtonDropdown,exports.AutoCompleteList=$.AutoCompleteList,exports.FilterList=_.FilterList,exports.Input=ee.Input,exports.PasswordInput=oe.PasswordInput,exports.LabelInput=te.LabelInput,exports.InputTypeSelector=se.InputTypeSelector,exports.SupportTextContainer=re.SupportTextContainer,exports.TextFieldContainer=ne.TextFieldContainer,exports.Typography=ie.Typography,exports.Box=ae.Box,exports.GridLayout=pe.GridLayout,exports.Column=ue.Column,exports.FullBleed=le.FullBleed,exports.Drawer=Ce.Drawer,exports.GNBList=me.GNBList,exports.LeftArrow=xe.LeftArrow,exports.PaginationNumber=xe.PaginationNumber,exports.RightArrow=xe.RightArrow,exports.Pagination=de.Pagination,exports.TableOfContents=ce.TableOfContents,exports.TextTab=Ie.TextTab,exports.BoxTab=Be.BoxTab,exports.Menu=je.Menu,exports.TextLink=qe.TextLink,exports.BackDrop=ge.BackDrop,exports.BackDropLiftContainer=Le.BackDropLiftContainer,exports.BottomModalContainer=Te.BottomModalContainer,exports.FullModalContainer=he.FullModalContainer,exports.Modal=De.Modal,exports.ModalContainer=Se.ModalContainer,exports.Portal=be.Portal,exports.WithBadge=ke.WithBadge,exports.WithRichTooltip=ye.WithRichTooltip,exports.WithSnackBar=Fe.WithSnackBar;
|
package/dist/index.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export{Avatar}from"./Components/DataDisplays/Avatar/Avatar.js";export{CountBadge}from"./Components/DataDisplays/CountBadge/CountBadge.js";export{ImageLabel}from"./Components/DataDisplays/ImageLabel/ImageLabel.js";export{Label}from"./Components/DataDisplays/Label/Label.js";export{NewBadge}from"./Components/DataDisplays/NewBadge/NewBadge.js";export{ProductIcon}from"./Components/DataDisplays/ProductIcon/ProductIcon.js";export{ServiceLogo}from"./Components/DataDisplays/ServiceLogo/ServiceLogo.js";export{SkillLabel}from"./Components/DataDisplays/SkillLabel/SkillLabel.js";export{SystemIcon}from"./Components/DataDisplays/SystemIcon/SystemIcon.js";export{LargeSystemIconNames,MediumSystemIconNames,SmallSystemIconNames,SocialSystemIconNames,SystemIconNames}from"./Components/DataDisplays/SystemIcon/SystemIcon.constants.js";export{Divider}from"./Components/DataDisplays/Divider/Divider.js";export{ProgressIndicator}from"./Components/DataDisplays/ProgressIndicator/ProgressIndicator.js";export{default as Li}from"./Components/DataDisplays/Li/Li.js";export{MessageBox}from"./Components/Feedbacks/MessageBox/MessageBox.js";export{SnackBar}from"./Components/Feedbacks/SnackBar/SnackBar.js";export{messageType}from"./Components/Feedbacks/SnackBar/SnackBar.types.js";export{MessageBar}from"./Components/Feedbacks/MessageBar/MessageBar.js";export{Dialog}from"./Components/Feedbacks/Dialog/Dialog.js";export{DialogBox}from"./Components/Feedbacks/DialogBox/DialogBox.js";export{LoadingIndicator}from"./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js";export{PlainTooltip}from"./Components/Feedbacks/PlainTooltip/PlainTooltip.js";export{RichTooltip}from"./Components/Feedbacks/RichTooltip/RichTooltip.js";export{GlobalLoadingIndicator}from"./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js";export{Autocomplete}from"./Components/Inputs/Autocomplete/Autocomplete.js";export{Button}from"./Components/Inputs/Button/Button.js";export{Calendar}from"./Components/Inputs/Calendar/Calendar.js";export{Checkbox}from"./Components/Inputs/Checkbox/Checkbox.js";export{CheckboxCard}from"./Components/Inputs/CheckboxCard/CheckboxCard.js";export{CheckboxList}from"./Components/Inputs/CheckboxList/CheckboxList.js";export{CheckboxListItem}from"./Components/Inputs/CheckboxListItem/CheckboxListItem.js";export{ChoiceChip}from"./Components/Inputs/ChoiceChip/ChoiceChip.js";export{IconButton}from"./Components/Inputs/IconButton/IconButton.js";export{InputChip}from"./Components/Inputs/InputChip/InputChip.js";export{RangeSlider}from"./Components/Inputs/RangeSlider/RangeSlider.js";export{Radio}from"./Components/Inputs/Radio/Radio.js";export{RadioCard}from"./Components/Inputs/RadioCard/RadioCard.js";export{RadioList}from"./Components/Inputs/RadioList/RadioList.js";export{RadioGroup}from"./Components/Inputs/RadioGroup/RadioGroup.js";export{SearchField}from"./Components/Inputs/SearchField/SearchField.js";export{SegmentedControl}from"./Components/Inputs/SegmentedControl/SegmentedControl.js";export{Switch}from"./Components/Inputs/Switch/Switch.js";export{Textarea}from"./Components/Inputs/Textarea/Textarea.js";export{TextButton}from"./Components/Inputs/TextButton/TextButton.js";export{TextField}from"./Components/Inputs/TextField/TextField.js";export{List}from"./Components/Inputs/List/List.js";export{TextFieldDropdown}from"./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js";export{CommentArea}from"./Components/Inputs/CommentArea/CommentArea.js";export{IconButtonDropdown}from"./Components/Inputs/IconButtonDropdown/IconButtonDropdown.js";export{MultiColumnList}from"./Components/Inputs/MultiColumnList/MultiColumnList.js";export{FilterChip}from"./Components/Inputs/FilterChip/FilterChip.js";export{TextButtonDropdown}from"./Components/Inputs/TextButtonDropdown/TextButtonDropdown.js";export{AutoCompleteList}from"./Components/Inputs/AutoCompleteList/AutoCompleteList.js";export{FilterList}from"./Components/Inputs/FilterList/FilterList.js";export{Input}from"./Components/Inputs/Input/Input.js";export{PasswordInput}from"./Components/Inputs/Input/PasswordInput.js";export{
|
|
1
|
+
export{Avatar}from"./Components/DataDisplays/Avatar/Avatar.js";export{CountBadge}from"./Components/DataDisplays/CountBadge/CountBadge.js";export{ImageLabel}from"./Components/DataDisplays/ImageLabel/ImageLabel.js";export{Label}from"./Components/DataDisplays/Label/Label.js";export{NewBadge}from"./Components/DataDisplays/NewBadge/NewBadge.js";export{ProductIcon}from"./Components/DataDisplays/ProductIcon/ProductIcon.js";export{ServiceLogo}from"./Components/DataDisplays/ServiceLogo/ServiceLogo.js";export{SkillLabel}from"./Components/DataDisplays/SkillLabel/SkillLabel.js";export{SystemIcon}from"./Components/DataDisplays/SystemIcon/SystemIcon.js";export{LargeSystemIconNames,MediumSystemIconNames,SmallSystemIconNames,SocialSystemIconNames,SystemIconNames}from"./Components/DataDisplays/SystemIcon/SystemIcon.constants.js";export{Divider}from"./Components/DataDisplays/Divider/Divider.js";export{ProgressIndicator}from"./Components/DataDisplays/ProgressIndicator/ProgressIndicator.js";export{default as Li}from"./Components/DataDisplays/Li/Li.js";export{Accordion}from"./Components/DataDisplays/Accordion/Accordion.js";export{MessageBox}from"./Components/Feedbacks/MessageBox/MessageBox.js";export{SnackBar}from"./Components/Feedbacks/SnackBar/SnackBar.js";export{messageType}from"./Components/Feedbacks/SnackBar/SnackBar.types.js";export{MessageBar}from"./Components/Feedbacks/MessageBar/MessageBar.js";export{Dialog}from"./Components/Feedbacks/Dialog/Dialog.js";export{DialogBox}from"./Components/Feedbacks/DialogBox/DialogBox.js";export{LoadingIndicator}from"./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js";export{PlainTooltip}from"./Components/Feedbacks/PlainTooltip/PlainTooltip.js";export{RichTooltip}from"./Components/Feedbacks/RichTooltip/RichTooltip.js";export{GlobalLoadingIndicator}from"./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js";export{Autocomplete}from"./Components/Inputs/Autocomplete/Autocomplete.js";export{Button}from"./Components/Inputs/Button/Button.js";export{Calendar}from"./Components/Inputs/Calendar/Calendar.js";export{Checkbox}from"./Components/Inputs/Checkbox/Checkbox.js";export{CheckboxCard}from"./Components/Inputs/CheckboxCard/CheckboxCard.js";export{CheckboxList}from"./Components/Inputs/CheckboxList/CheckboxList.js";export{CheckboxListItem}from"./Components/Inputs/CheckboxListItem/CheckboxListItem.js";export{ChoiceChip}from"./Components/Inputs/ChoiceChip/ChoiceChip.js";export{IconButton}from"./Components/Inputs/IconButton/IconButton.js";export{InputChip}from"./Components/Inputs/InputChip/InputChip.js";export{RangeSlider}from"./Components/Inputs/RangeSlider/RangeSlider.js";export{Radio}from"./Components/Inputs/Radio/Radio.js";export{RadioCard}from"./Components/Inputs/RadioCard/RadioCard.js";export{RadioList}from"./Components/Inputs/RadioList/RadioList.js";export{RadioGroup}from"./Components/Inputs/RadioGroup/RadioGroup.js";export{SearchField}from"./Components/Inputs/SearchField/SearchField.js";export{SegmentedControl}from"./Components/Inputs/SegmentedControl/SegmentedControl.js";export{Switch}from"./Components/Inputs/Switch/Switch.js";export{Textarea}from"./Components/Inputs/Textarea/Textarea.js";export{TextButton}from"./Components/Inputs/TextButton/TextButton.js";export{TextField}from"./Components/Inputs/TextField/TextField.js";export{List}from"./Components/Inputs/List/List.js";export{TextFieldDropdown}from"./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js";export{CommentArea}from"./Components/Inputs/CommentArea/CommentArea.js";export{IconButtonDropdown}from"./Components/Inputs/IconButtonDropdown/IconButtonDropdown.js";export{MultiColumnList}from"./Components/Inputs/MultiColumnList/MultiColumnList.js";export{FilterChip}from"./Components/Inputs/FilterChip/FilterChip.js";export{TextButtonDropdown}from"./Components/Inputs/TextButtonDropdown/TextButtonDropdown.js";export{AutoCompleteList}from"./Components/Inputs/AutoCompleteList/AutoCompleteList.js";export{FilterList}from"./Components/Inputs/FilterList/FilterList.js";export{Input}from"./Components/Inputs/Input/Input.js";export{PasswordInput}from"./Components/Inputs/Input/PasswordInput.js";export{LabelInput}from"./Components/Inputs/Input/LabelInput.js";export{InputTypeSelector}from"./Components/Inputs/Input/InputTypeSelector.js";export{SupportTextContainer}from"./Components/Inputs/SupportTextContainer/SupportTextContainer.js";export{TextFieldContainer}from"./Components/Inputs/TextFieldContainer/TextFieldContainer.js";export{Typography}from"./Components/Base/Typography/Typography.js";export{Box}from"./Components/Base/Layouts/Box/Box.js";export{GridLayout}from"./Components/Base/Layouts/GridLayout/GridLayout.js";export{Column}from"./Components/Base/Layouts/Column/Column.js";export{FullBleed}from"./Components/Base/Layouts/FullBleed/FullBleed.js";export{Drawer}from"./Components/Navigations/Drawer/Drawer.js";export{GNBList}from"./Components/Navigations/GNBList/GNBList.js";export{LeftArrow,PaginationNumber,RightArrow}from"./Components/Navigations/Pagination/Pagination.parts.js";export{Pagination}from"./Components/Navigations/Pagination/Pagination.js";export{TableOfContents}from"./Components/Navigations/TableOfContents/TableOfContents.js";export{TextTab}from"./Components/Navigations/TextTab/TextTab.js";export{BoxTab}from"./Components/Navigations/BoxTab/BoxTab.js";export{Menu}from"./Components/Navigations/Menu/Menu.js";export{TextLink}from"./Components/Navigations/TextLink/TextLink.js";export{BackDrop}from"./Components/Utils/BackDrop/BackDrop.js";export{BackDropLiftContainer}from"./Components/Utils/BackDropLiftContainer/BackDropLiftContainer.js";export{BottomModalContainer}from"./Components/Utils/BottomModalContainer/BottomModalContainer.js";export{FullModalContainer}from"./Components/Utils/FullModalContainer/FullModalContainer.js";export{Modal}from"./Components/Utils/Modal/Modal.js";export{ModalContainer}from"./Components/Utils/ModalContainer/ModalContainer.js";export{Portal}from"./Components/Utils/Portal/Portal.js";export{WithBadge}from"./Components/Wrappers/WithBadge/WithBadge.js";export{WithRichTooltip}from"./Components/Wrappers/WithRichTooltip/WithRichTooltip.js";export{WithSnackBar}from"./Components/Wrappers/WithSnackBar/WithSnackBar.js";
|