@wishket/design-system 3.4.2 → 3.5.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/Components/Base/Typography/Typography.d.ts +0 -9
- package/dist/Components/Base/Typography/Typography.js +2 -2
- package/dist/Components/DataDisplays/ImageLabel/ImageLabel.js +1 -1
- package/dist/Components/Feedbacks/DialogBox/DialogBox.js +6 -6
- package/dist/Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js +1 -1
- package/dist/Components/Feedbacks/Tooltip/Tooltip.js +3 -3
- package/dist/Components/Inputs/AutoCompleteList/AutoCompleteList.d.ts +2 -2
- package/dist/Components/Inputs/AutoCompleteList/AutoCompleteList.js +22 -7
- package/dist/Components/Inputs/AutoCompleteList/AutoCompleteList.types.d.ts +17 -0
- package/dist/Components/Inputs/Autocomplete/Autocomplete.d.ts +3 -1
- package/dist/Components/Inputs/Autocomplete/Autocomplete.js +28 -5
- package/dist/Components/Inputs/Autocomplete/Autocomplete.types.d.ts +18 -0
- package/dist/Components/Inputs/Checkbox/Checkbox.js +4 -4
- package/dist/Components/Inputs/Checkbox/Checkbox.parts.js +3 -3
- package/dist/Components/Inputs/Checkbox/Checkbox.types.d.ts +0 -1
- package/dist/Components/Inputs/CheckboxCard/CheckboxCard.js +4 -4
- package/dist/Components/Inputs/CheckboxCard/CheckboxCard.parts.js +4 -4
- package/dist/Components/Inputs/FileUploader/FileUploader.js +4 -4
- package/dist/Components/Inputs/IconButtonDropdown/IconButtonDropdown.js +4 -4
- package/dist/Components/Inputs/Input/Input.js +1 -1
- package/dist/Components/Inputs/Input/PasswordInput.js +3 -3
- package/dist/Components/Inputs/InputChip/InputChip.d.ts +16 -3
- package/dist/Components/Inputs/InputChip/InputChip.js +13 -4
- package/dist/Components/Inputs/Radio/Radio.js +5 -5
- package/dist/Components/Inputs/RadioCard/RadioCard.js +5 -5
- package/dist/Components/Inputs/RadioCard/RadioCard.parts.js +4 -4
- package/dist/Components/Inputs/RangeSlider/RangeSlider.js +2 -2
- package/dist/Components/Inputs/SearchField/SearchField.js +5 -5
- package/dist/Components/Inputs/TextField/TextField.js +1 -1
- package/dist/Components/Inputs/TextFieldDropdown/TextFieldDropdown.d.ts +24 -3
- package/dist/Components/Inputs/TextFieldDropdown/TextFieldDropdown.js +10 -54
- package/dist/Components/Inputs/TextFieldDropdown/TextFieldDropdown.parts.d.ts +9 -0
- package/dist/Components/Inputs/TextFieldDropdown/TextFieldDropdown.parts.js +1 -1
- package/dist/Components/Inputs/TextFieldTrigger/TextFieldTrigger.d.ts +73 -0
- package/dist/Components/Inputs/TextFieldTrigger/TextFieldTrigger.js +62 -0
- package/dist/Components/Inputs/TextFieldTrigger/index.d.ts +2 -0
- package/dist/Components/Inputs/Textarea/Textarea.js +4 -4
- package/dist/Components/Inputs/index.d.ts +1 -0
- package/dist/Components/Navigations/Drawer/Drawer.js +3 -3
- package/dist/Components/Navigations/Menu/MenuBase.js +3 -3
- package/dist/Components/Utils/BackDrop/BackDrop.js +1 -1
- package/dist/Components/Utils/BackDropLiftContainer/BackDropLiftContainer.js +2 -2
- package/dist/Components/Utils/BottomModalContainer/BottomModalContainer.js +1 -1
- package/dist/Components/Utils/FullModalContainer/FullModalContainer.js +1 -1
- package/dist/Components/Utils/Modal/Modal.js +3 -3
- package/dist/Components/Utils/ModalContainer/ModalContainer.js +2 -2
- package/dist/Components/Wrappers/WithBadge/WithBadge.js +2 -2
- package/dist/Components/Wrappers/WithSnackBar/WithSnackBar.js +3 -3
- package/dist/cjs/Components/Base/Typography/Typography.js +1 -1
- package/dist/cjs/Components/DataDisplays/ImageLabel/ImageLabel.js +3 -3
- package/dist/cjs/Components/Feedbacks/DialogBox/DialogBox.js +6 -6
- package/dist/cjs/Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js +1 -1
- package/dist/cjs/Components/Feedbacks/Tooltip/Tooltip.js +3 -3
- package/dist/cjs/Components/Inputs/AutoCompleteList/AutoCompleteList.js +22 -7
- package/dist/cjs/Components/Inputs/Autocomplete/Autocomplete.js +25 -4
- package/dist/cjs/Components/Inputs/Checkbox/Checkbox.js +4 -4
- package/dist/cjs/Components/Inputs/Checkbox/Checkbox.parts.js +5 -5
- 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/FileUploader/FileUploader.js +6 -6
- package/dist/cjs/Components/Inputs/IconButtonDropdown/IconButtonDropdown.js +3 -3
- package/dist/cjs/Components/Inputs/Input/Input.js +2 -2
- package/dist/cjs/Components/Inputs/Input/PasswordInput.js +2 -2
- package/dist/cjs/Components/Inputs/InputChip/InputChip.js +36 -2
- package/dist/cjs/Components/Inputs/Radio/Radio.js +6 -6
- 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/RangeSlider/RangeSlider.js +3 -3
- package/dist/cjs/Components/Inputs/SearchField/SearchField.js +3 -3
- package/dist/cjs/Components/Inputs/TextField/TextField.js +2 -2
- package/dist/cjs/Components/Inputs/TextFieldDropdown/TextFieldDropdown.js +10 -8
- package/dist/cjs/Components/Inputs/TextFieldDropdown/TextFieldDropdown.parts.js +1 -1
- package/dist/cjs/Components/Inputs/TextFieldTrigger/TextFieldTrigger.js +62 -0
- package/dist/cjs/Components/Inputs/Textarea/Textarea.js +5 -5
- package/dist/cjs/Components/Navigations/Drawer/Drawer.js +3 -3
- package/dist/cjs/Components/Navigations/Menu/MenuBase.js +3 -3
- package/dist/cjs/Components/Utils/BackDrop/BackDrop.js +1 -1
- package/dist/cjs/Components/Utils/BackDropLiftContainer/BackDropLiftContainer.js +2 -2
- package/dist/cjs/Components/Utils/BottomModalContainer/BottomModalContainer.js +1 -1
- package/dist/cjs/Components/Utils/FullModalContainer/FullModalContainer.js +1 -1
- package/dist/cjs/Components/Utils/Modal/Modal.js +2 -2
- package/dist/cjs/Components/Utils/ModalContainer/ModalContainer.js +2 -2
- package/dist/cjs/Components/Wrappers/WithBadge/WithBadge.js +1 -1
- package/dist/cjs/Components/Wrappers/WithSnackBar/WithSnackBar.js +1 -1
- package/dist/cjs/index.js +1 -1
- package/dist/index.js +1 -1
- package/package.json +3 -2
- package/scripts/codemods/add-as-link.ts +9 -5
- package/scripts/codemods/menu-split.ts +25 -11
|
@@ -1,17 +1,17 @@
|
|
|
1
|
-
"use client";"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("react")
|
|
1
|
+
"use client";"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),t=require("react");require("../../Base/Typography/Typography.js");var o=require("../../Base/Layouts/Box/Box.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 i(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),o.forEach((function(r){a(e,r,t[r])}))}return e}function s(e,r){if(null==e)return{};var t,o,a=function(e,r){if(null==e)return{};var t,o,a={},i=Object.keys(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(o=0;o<i.length;o++)t=i[o],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}require("../../Base/Layouts/FullBleed/FullBleed.js");const n=({disabled:t,checked:o,isError:a})=>/*#__PURE__*/e.jsx("div",{className:r.twMerge("relative box-border flex h-[18px] w-[18px] items-center justify-center rounded-full border p-[4px]",!t&&!a&&"group-focus-within:border-primary-500",
|
|
2
2
|
// 체크되었고 비활성화 상태의 경우
|
|
3
3
|
o&&t?"bg-w-white border-primary-100 cursor-not-allowed":
|
|
4
4
|
// 비활성화 상태의 경우
|
|
5
5
|
t?"bg-w-gray-50 border-w-gray-200 cursor-not-allowed":
|
|
6
6
|
// 활성화 상태에서 체크되었고 오류가 없는 경우
|
|
7
|
-
o&&!
|
|
7
|
+
o&&!a?"bg-w-white border-primary-500":
|
|
8
8
|
// 활성화 상태에서 체크되었고 오류가 있는 경우
|
|
9
|
-
o&&
|
|
9
|
+
o&&a?"bg-w-white border-w-red-500":
|
|
10
10
|
// 활성화 상태에서 체크되지 않았고 오류가 있는 경우
|
|
11
|
-
!o&&
|
|
11
|
+
!o&&a?"border-w-red-500":"bg-white border-w-gray-200 group-hover:border-primary-500 cursor-pointer"),"data-testid":"design-system-radio-button",children:/*#__PURE__*/e.jsx("div",{className:r.twMerge("bg-primary size-2 rounded-full transition-all duration-100 ease-in-out",!o&&"h-0 w-0",a&&"bg-w-red-500",t&&"bg-w-gray-200",o&&t&&"bg-primary-100")})}),l=/*#__PURE__*/t.forwardRef(((t,a)=>{var{value:l="",checked:d=!1,disabled:u=!1,isError:c=!1,className:b}=t,p=s(t,["value","checked","disabled","isError","className"]);/*#__PURE__*/
|
|
12
12
|
return e.jsxs(o.Box,{"data-testid":"design-system-radio",className:r.twMerge("group relative cursor-pointer",b),children:[
|
|
13
|
-
/*#__PURE__*/e.jsx("input",
|
|
14
|
-
/*#__PURE__*/e.jsx(
|
|
13
|
+
/*#__PURE__*/e.jsx("input",i({ref:a,type:"radio",className:"absolute inset-0 z-10 cursor-pointer opacity-0",value:l,checked:d,disabled:u},p)),
|
|
14
|
+
/*#__PURE__*/e.jsx(n,{checked:d,isError:c,disabled:u})]})}));
|
|
15
15
|
/**
|
|
16
16
|
* 사용자가 여러 옵션 중 하나를 선택할 수 있는 라디오 버튼 컴포넌트입니다.
|
|
17
17
|
*
|
|
@@ -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":h
|
|
3
|
-
/*#__PURE__*/e.jsx(t.StyledRadio,{name:C,value:m,isWide:c,checked:
|
|
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=s=>{const{disabled:d=!1,checked:n=!1,isError:o=!1,onChange:l,isWide:c=!1,className:u,iconName:y,title:g,description:x,testId:h,value:m,name:C}=s,p=null!=y?y:c?null:"receipt",{handleChange:j}=i.useRadioCard({checked:n,disabled:d,onChange:l});/*#__PURE__*/
|
|
2
|
+
return e.jsx("label",{"data-testid":h||"design-system-radioCard",className:"group",children:/*#__PURE__*/e.jsxs(t.RadioCardContainer,{"data-testid":"design-system-radioCard--container",checked:n,isError:o,isWide:c,disabled:d,className:u,children:[
|
|
3
|
+
/*#__PURE__*/e.jsx(t.StyledRadio,{name:C,value:m,isWide:c,checked:n,onChange:j,isError:o,disabled:d}),p&&/*#__PURE__*/e.jsx(t.RadioCardIcon,{iconName:p,checked:n,isError:o,disabled:d}),
|
|
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:"body16",className:a.twMerge("font-medium",c?"text-left":"text-center",
|
|
5
|
+
/*#__PURE__*/e.jsx(r.Typography,{"data-testid":"design-system-radioCard--title",variant:"body16",className:a.twMerge("font-medium",c?"text-left":"text-center",d?"text-w-gray-300":"text-w-gray-900"),children:g}),x&&/*#__PURE__*/e.jsx(r.Typography,{variant:"body14",className:a.twMerge("font-normal",c?"text-left":"text-center",d?"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("../../DataDisplays/Avatar/Avatar.js"),require("
|
|
2
|
-
return e.jsx("div",
|
|
3
|
-
return e.jsx("div",{className:r.twMerge("flex size-[60px] shrink-0 items-center justify-center",o&&"opacity-30"),"data-testid":"design-system-radioCard--icon",children:/*#__PURE__*/e.jsx(t.ProductIcon,{name:i,disabled:
|
|
4
|
-
return e.jsx(i.Radio,s({className:r.twMerge(u&&"absolute top-[17px] left-[17px]"),disabled:
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js"),require("../../Base/Typography/Typography.js"),require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.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 s(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 a(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 n(e,r){if(null==e)return{};var t,i,o=function(e,r){if(null==e)return{};var t,i,o={},s=Object.keys(e);for(i=0;i<s.length;i++)t=s[i],r.indexOf(t)>=0||(o[t]=e[t]);return o}(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)&&(o[t]=e[t])}return o}exports.RadioCardContainer=t=>{var{children:i,isWide:o,checked:c,isError:l,disabled:d,className:u}=t,p=n(t,["children","isWide","checked","isError","disabled","className"]);/*#__PURE__*/
|
|
2
|
+
return e.jsx("div",a(s({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:s,isError:a})=>{const n=a||!s;/*#__PURE__*/
|
|
3
|
+
return e.jsx("div",{className:r.twMerge("flex size-[60px] shrink-0 items-center justify-center",o&&"opacity-30"),"data-testid":"design-system-radioCard--icon",children:/*#__PURE__*/e.jsx(t.ProductIcon,{name:i,disabled:n})})},exports.StyledRadio=t=>{var{isWide:o,disabled:a,isError:c,checked:l}=t,d=n(t,["isWide","disabled","isError","checked"]);const u=!o,p=c&&l&&a;/*#__PURE__*/
|
|
4
|
+
return e.jsx(i.Radio,s({className:r.twMerge(u&&"absolute top-[17px] left-[17px]"),disabled:a||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,5 +1,5 @@
|
|
|
1
|
-
"use client";"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),n=require("react")
|
|
2
|
-
/*#__PURE__*/e.jsx("input",i({"data-testid":"design-system-rangeSlider--end-thumb-input",type:"range",min:c,max:
|
|
1
|
+
"use client";"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge"),n=require("react");require("../../Base/Typography/Typography.js");var r=require("../../Base/Layouts/Box/Box.js");function a(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function i(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{},r=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),r.forEach((function(t){a(e,t,n[t])}))}return e}function s(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 n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t}(Object(t)).forEach((function(n){Object.defineProperty(e,n,Object.getOwnPropertyDescriptor(t,n))})),e}function m(e,t){if(null==e)return{};var n,r,a=function(e,t){if(null==e)return{};var n,r,a={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(a[n]=e[n]);return a}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(a[n]=e[n])}return a}require("../../Base/Layouts/FullBleed/FullBleed.js");const u="\n [&::-moz-range-thumb]:pointer-events-auto\n [&::-moz-range-thumb]:mr-2\n [&::-moz-range-thumb]:-translate-x-1/4\n [&::-moz-range-thumb]:transform\n [&::-moz-range-thumb]:appearance-none\n [&::-moz-range-thumb]:rounded-full\n [&::-moz-range-thumb]:border\n [&::-moz-range-thumb]:border-w-gray-200\n [&::-moz-range-thumb]:bg-transparent\n [&::-moz-range-thumb]:bg-white\n [&::-moz-range-thumb]:shadow-graymedium\n [&::-moz-range-thumb]:outline\n [&::-moz-range-thumb]:inset-ring\n [&::-moz-range-thumb]:inset-ring-w-gray-200\n [&::-moz-range-thumb]:transition-all\n [&::-moz-range-thumb]:duration-150\n [&::-moz-range-thumb]:ease-in-out\n [&::-moz-range-thumb]:dark:bg-w-white\n\n [&::-webkit-slider-thumb]:pointer-events-auto\n [&::-webkit-slider-thumb]:mr-2\n [&::-webkit-slider-thumb]:-translate-x-1/4\n [&::-webkit-slider-thumb]:transform\n [&::-webkit-slider-thumb]:appearance-none\n [&::-webkit-slider-thumb]:rounded-full\n [&::-webkit-slider-thumb]:border\n [&::-webkit-slider-thumb]:border-w-gray-200\n [&::-webkit-slider-thumb]:bg-transparent\n [&::-webkit-slider-thumb]:bg-white\n [&::-webkit-slider-thumb]:shadow-graymedium\n [&::-webkit-slider-thumb]:outline\n [&::-webkit-slider-thumb]:inset-ring\n [&::-webkit-slider-thumb]:inset-ring-w-gray-200\n [&::-webkit-slider-thumb]:transition-all\n [&::-webkit-slider-thumb]:duration-150\n [&::-webkit-slider-thumb]:ease-in-out\n [&::-webkit-slider-thumb]:dark:bg-w-white\n ",o="pointer-events-none [&::-webkit-slider-thumb]:pointer-events-none [&::-moz-range-thumb]:pointer-events-none",l="absolute z-30 h-full w-full cursor-grab appearance-none rounded-full bg-transparent text-transparent";exports.RangeSlider=a=>{var{variant:b="single",size:d="sm",step:g=10,value:h={min:0,max:0},min:c=0,max:p=100,onChange:w,className:y,disabled:f}=a,x=m(a,["variant","size","step","value","min","max","onChange","className","disabled"]);const z="dual"===b,{min:j,max:v}=h,O=z?j:0,[k,S]=n.useState({min:O,max:v}),[B,N]=n.useState("end"),P=e=>p===c?0:(e-c)/(p-c)*100,M=(e,t)=>{const n="min"===t,r=n?"start":"end",a=Number(e.target.value),m=n?Math.min(a,k.max):Math.max(a,k.min);N(r);const u=s(i({},k),{[t]:m});S(u),null==w||w(u)},q=()=>"sm"===d?`${u}[&::-moz-range-thumb]:h-4 [&::-moz-range-thumb]:w-4 [&::-webkit-slider-thumb]:h-4 [&::-webkit-slider-thumb]:w-4`:`${u}[&::-moz-range-thumb]:h-5 [&::-moz-range-thumb]:w-5 [&::-webkit-slider-thumb]:h-5 [&::-webkit-slider-thumb]:w-5`,D=Math.floor(Number(p)/Number(g))+1;return n.useEffect((()=>{var e;S({min:z?null!==(e=h.min)&&void 0!==e?e:k.min:0,max:h.max})}),[h.min,h.max]),/*#__PURE__*/e.jsxs(r.Box,{className:t.twMerge("relative px-1",y),"data-testid":"design-system-rangeSlider",children:[z&&/*#__PURE__*/e.jsx("input",i({"data-testid":"design-system-rangeSlider--start-thumb-input",type:"range",min:c,max:p,step:g,value:k.min,onInput:e=>M(e,"min"),className:t.twMerge(l,"pointer-events-none",q(),"start"===B&&"z-50",f&&o),disabled:f},x)),
|
|
2
|
+
/*#__PURE__*/e.jsx("input",i({"data-testid":"design-system-rangeSlider--end-thumb-input",type:"range",min:c,max:p,value:k.max,onInput:e=>M(e,"max"),step:g,className:t.twMerge(l,"pointer-events-auto",q(),z&&"pointer-events-none","end"===B&&"z-50",f&&o),disabled:f},x)),
|
|
3
3
|
/*#__PURE__*/e.jsxs(r.Box,{"data-testid":"design-system-rangeSlider--container",className:t.twMerge("relative overflow-hidden","sm"===d&&"h-1 rounded-xs","md"===d&&"h-2 rounded"),children:["md"===d&&/*#__PURE__*/e.jsx(r.Box,{className:"absolute z-20 flex h-2 w-full items-center justify-between bg-transparent p-0.5",children:[...Array(D)].map(((t,n)=>/*#__PURE__*/e.jsx(r.Box,{"data-testid":"design-system-rangeSlider--unit-dot",className:"bg-w-white size-1 rounded-full"},n)))}),
|
|
4
4
|
/*#__PURE__*/e.jsx(r.Box,{className:"bg-w-gray-50 absolute top-0 left-0 z-0 h-full w-full","data-testid":"design-system-rangeSlider--rail"}),
|
|
5
|
-
/*#__PURE__*/e.jsx(r.Box,{className:t.twMerge("bg-primary absolute top-0 left-0 z-10 h-full",
|
|
5
|
+
/*#__PURE__*/e.jsx(r.Box,{className:t.twMerge("bg-primary absolute top-0 left-0 z-10 h-full",f&&"bg-w-gray-300"),"data-testid":"design-system-rangeSlider--fill-track",style:{width:`${z?P(k.max)-P(k.min):P(k.max)}%`,left:z?`${P(k.min)}%`:0}})]})]})};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge")
|
|
1
|
+
"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge");require("../../Base/Typography/Typography.js");var s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Avatar/Avatar.js");var n=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var a=require("../TextButtonDropdown/TextButtonDropdown.js"),i=require("../TextFieldContainer/TextFieldContainer.js"),o=require("../Input/Input.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 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){l(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={},a=Object.keys(e);for(s=0;s<a.length;s++)r=a[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
|
|
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(
|
|
37
|
+
*/(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(s=0;s<a.length;s++)r=a[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=l=>{var{type:d,onSearch:p,className:y,disabled:b,spellCheck:m,onFocus:j,onBlur:f,filters:x}=l,h=c(l,["type","onSearch","className","disabled","spellCheck","onFocus","onBlur","filters"]);const[g,v]=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(i.TextFieldContainer,{isFocused:g,isDisabled:b,className:"overflow-visible",children:[!!x&&/*#__PURE__*/e.jsx(s.Box,{className:"shrink-0",children:/*#__PURE__*/e.jsx(a.TextButtonDropdown,u({disabled:b},x))}),
|
|
39
39
|
/*#__PURE__*/e.jsx(o.Input,u({onFocus:e=>{v(!0),null==j||j(e)},onBlur:e=>{v(!1),null==f||f(e)},spellCheck:m||!1,disabled:b},h)),
|
|
40
40
|
/*#__PURE__*/e.jsx("button",{type:"submit",className:"shrink-0","data-testid":"design-system-search-field--submit-button",disabled:b,children:/*#__PURE__*/e.jsx(n.SystemIcon,{testId:"design-system-search-field--submit-button-icon",name:"medium_search",className:r.twMerge("text-w-gray-600 pointer-events-none",b&&"text-w-gray-300")})})]})})})};
|
|
@@ -37,5 +37,5 @@
|
|
|
37
37
|
* errorMessage="필수 입력 항목입니다"
|
|
38
38
|
* maxLength={50}
|
|
39
39
|
* />
|
|
40
|
-
*/(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}const p=/*#__PURE__*/r.forwardRef(((l,p)=>{var{type:d,name:b,value:f,onChange:g,maxLength:y,disabled:j=!1,placeholder:O,label:
|
|
41
|
-
/*#__PURE__*/e.jsx("label",{
|
|
40
|
+
*/(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}const p=/*#__PURE__*/r.forwardRef(((l,p)=>{var{type:d,name:b,value:f,onChange:g,maxLength:y,disabled:j=!1,placeholder:O,label:m,testId:x,measure:h,isError:I,trailingIcon:v,leadingIcon:w,errorMessage:P,supportMessage:S,variant:T="default",className:q,onBlur:C}=l,F=c(l,["type","name","value","onChange","maxLength","disabled","placeholder","label","testId","measure","isError","trailingIcon","leadingIcon","errorMessage","supportMessage","variant","className","onBlur"]);const[E,L]=r.useState(!1),[M,D]=r.useState(0),N=i({variant:T,type:d,name:b,value:f,placeholder:O,label:m,maxLength:y,onChange:g,isFocused:E,isError:I,onFocus:()=>{L(!0)},disabled:j,onBlur:e=>{L(!1),C&&C(e)}},F),k=I||S||y;return r.useEffect((()=>{"string"==typeof f&&y&&D(f.length)}),[f,y]),/*#__PURE__*/e.jsxs("div",{className:t.twMerge("tracking-default flex w-full flex-col gap-2 select-none",q),"data-testid":x,children:[
|
|
41
|
+
/*#__PURE__*/e.jsx("label",{className:j?"cursor-not-allowed":"cursor-text",children:/*#__PURE__*/e.jsxs(n.TextFieldContainer,{leadingIcon:w,trailingIcon:v,measure:h,isFocused:E,isError:I,isDisabled:j,children:["label"===T&&/*#__PURE__*/e.jsx(o.LabelInput,u(i({isFixed:!!O},N),{ref:p})),"default"===T&&/*#__PURE__*/e.jsx(s.InputTypeSelector,u(i({},N),{ref:p}))]})}),k&&/*#__PURE__*/e.jsx(a.SupportTextContainer,{errorMessage:P,supportMessage:S,currentLength:M,maxLength:y})]})}));p.displayName="TextField",exports.TextField=p;
|
|
@@ -1,8 +1,10 @@
|
|
|
1
|
-
"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),
|
|
2
|
-
//
|
|
3
|
-
//
|
|
4
|
-
|
|
5
|
-
//
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
/*#__PURE__*/
|
|
1
|
+
"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),l=require("tailwind-merge");require("../../Base/Typography/Typography.js");var o=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var a=require("../List/List.js"),r=require("../SupportTextContainer/SupportTextContainer.js"),s=require("../../../hooks/useDropdown.js"),i=require("./TextFieldDropdown.parts.js");const d={base:{trigger:"absolute ml-0 w-full",viewport:"relative ml-[var(--tfd-panel-ml)] w-[var(--tfd-panel-w)]"},tablet:{trigger:"tablet:absolute tablet:ml-0 tablet:w-full",viewport:"tablet:relative tablet:ml-[var(--tfd-panel-ml)] tablet:w-[var(--tfd-panel-w)]"},desktop:{trigger:"desktop:absolute desktop:ml-0 desktop:w-full",viewport:"desktop:relative desktop:ml-[var(--tfd-panel-ml)] desktop:w-[var(--tfd-panel-w)]"}},n={base:{trigger:{default:"top-[54px]",label:"top-[72px]"},viewport:{default:"top-0",label:"top-0"}},tablet:{trigger:{default:"tablet:top-[54px]",label:"tablet:top-[72px]"},viewport:{default:"tablet:top-0",label:"tablet:top-0"}},desktop:{trigger:{default:"desktop:top-[54px]",label:"desktop:top-[72px]"},viewport:{default:"desktop:top-0",label:"desktop:top-0"}}};
|
|
2
|
+
// base -> tablet -> desktop 순으로 값이 없으면 더 작은 브레이크포인트의 값을 물려받는다.
|
|
3
|
+
// (mobile-first cascade. FullBleed의 padding fallback과 동일한 관례)
|
|
4
|
+
exports.TextFieldDropdown=({selectedItem:p,items:u,onItemClick:v,placeholder:b,disabled:w,isError:c,errorMessage:g,supportMessage:m,className:x,variant:f="default",label:k,panelWidth:h="trigger",panelGutter:L=20})=>{const{isListOpen:y,focusedIndex:j,ref:I,handleItemClick:q,toggleListOpen:B,handleKeyDown:C}=s.useDropdown({items:u,onItemClick:v,disabled:w}),D=!!m||!!g,E="viewport"===h,F=t.useMemo((()=>{return"object"==typeof(e=h)&&null!==e?(e=>{var t;const l=null!==(t=e.base)&&void 0!==t?t:"trigger";var o;const a=null!==(o=e.tablet)&&void 0!==o?o:l;var r;return{base:l,tablet:a,desktop:null!==(r=e.desktop)&&void 0!==r?r:a}})(h):void 0;var e}),[h]),T=void 0!==F&&("viewport"===F.base||"viewport"===F.tablet||"viewport"===F.desktop),M=E||T,[S,N]=t.useState(void 0);t.useLayoutEffect((()=>{if(!y||!M)return;const e=I.current;if(!e)return;const t=()=>{N(((e,t)=>{const{left:l}=e.getBoundingClientRect();return{marginLeft:t-l,width:document.documentElement.clientWidth-2*t}})(e,L))};return t(),window.addEventListener("scroll",t,!0),window.addEventListener("resize",t),()=>{window.removeEventListener("scroll",t,!0),window.removeEventListener("resize",t)}}),[y,M,L,I]);
|
|
5
|
+
// 객체 경로: 측정값을 CSS 커스텀 프로퍼티로만 노출(클래스가 항상 override 가능해야 함).
|
|
6
|
+
const z=S?{"--tfd-panel-ml":`${S.marginLeft}px`,"--tfd-panel-w":`${S.width}px`}:void 0,J=S?{marginLeft:S.marginLeft,width:S.width}:void 0,O=l.twJoin("z-40",F?((e,t)=>l.twJoin(d.base[e.base],n.base[e.base][t],d.tablet[e.tablet],n.tablet[e.tablet][t],d.desktop[e.desktop],n.desktop[e.desktop][t]))(F,f):E?"relative":l.twJoin("absolute w-full","label"===f?"top-[72px]":"top-[54px]")),K=F?z:E?J:void 0;
|
|
7
|
+
// 문자열 경로: 기존과 동일하게 실제 marginLeft/width 인라인 스타일을 그대로 사용.
|
|
8
|
+
/*#__PURE__*/
|
|
9
|
+
return e.jsxs("div",{"data-testid":"design-system--textFieldDropdown",ref:I,className:"group/dropdown relative flex w-full flex-col gap-2 outline-hidden",onKeyDown:C,tabIndex:w?-1:0,role:"combobox","aria-haspopup":"listbox","aria-expanded":y,"aria-disabled":w,children:[
|
|
10
|
+
/*#__PURE__*/e.jsx(i.SelectBox,{placeholder:b,value:null==p?void 0:p.value,leadingIcon:null==p?void 0:p.leadingIcon,disabled:w,isListOpen:y,onClick:B,error:c,className:x,variant:f,label:k}),D&&/*#__PURE__*/e.jsx(r.SupportTextContainer,{errorMessage:g,supportMessage:m}),y&&/*#__PURE__*/e.jsx(o.Box,{"data-testid":"design-system--textFieldDropdown-panel",className:O,style:K,children:/*#__PURE__*/e.jsx(a.List.Root,{children:u.map(((t,l)=>/*#__PURE__*/e.jsx(a.List.Item,{text:t.value,leadingIcon:t.leadingIcon,onClick:()=>q(t),selected:t.key===(null==p?void 0:p.key),isFocused:l===j},t.key)))})})]})};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var r=require("../../Base/Typography/Typography.js"),a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var s=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var i=require("../TextFieldContainer/TextFieldContainer.js");const o=({label:s,value:i,placeholder:o,isFocused:l,isError:n,disabled:d})=>{const c=!!o;/*#__PURE__*/
|
|
2
2
|
return e.jsxs(a.Box,{className:"relative flex h-[42px] w-full flex-col gap-0.5 py-px","data-testid":"design-system--selectBox-label",children:[
|
|
3
3
|
/*#__PURE__*/e.jsx("div",{className:t.twMerge("tracking-default absolute",d?"text-w-gray-400":n?"text-w-red-500":l?"text-primary-500":"text-w-gray-400 group-hover:text-primary-500",c?"typo-caption11":l||i?"scale-[0.6875] -translate-y-0.5 origin-top-left transition-transform duration-300":"typo-body16 transition-transform duration-300 translate-y-2 origin-top-left"),"data-testid":"design-system--label-text",children:s}),
|
|
4
|
-
/*#__PURE__*/e.jsx(r.Typography,{"data-testid":"design-system--selectBox-text",variant:"body16",className:t.twJoin(d?"text-w-gray-300":i?"text-w-gray-600":"text-w-gray-300","w-full pt-[14px]"),children:i||(c?o:"")})]})};exports.SelectBox=({placeholder:a="",value:l="",isListOpen:n,disabled:d=!1,error:c,onClick:y,className:x,variant:u="default",label:p})=>/*#__PURE__*/e.jsxs(i.TextFieldContainer,{isDisabled:d,isFocused:n,isError:c,testId:"design-system--selectBox",onClick:y,className:t.twMerge(// 래퍼(group/dropdown)가 키보드 포커스를 받으면 트리거에 포커스링을 표시한다.
|
|
4
|
+
/*#__PURE__*/e.jsx(r.Typography,{"data-testid":"design-system--selectBox-text",variant:"body16",className:t.twJoin(d?"text-w-gray-300":i?"text-w-gray-600":"text-w-gray-300","w-full pt-[14px]"),children:i||(c?o:"")})]})};exports.LabelSelectBox=o,exports.SelectBox=({placeholder:a="",value:l="",isListOpen:n,disabled:d=!1,error:c,onClick:y,className:x,variant:u="default",label:p})=>/*#__PURE__*/e.jsxs(i.TextFieldContainer,{isDisabled:d,isFocused:n,isError:c,testId:"design-system--selectBox",onClick:y,className:t.twMerge(// 래퍼(group/dropdown)가 키보드 포커스를 받으면 트리거에 포커스링을 표시한다.
|
|
5
5
|
!d&&"group-focus-visible/dropdown:border-primary group-focus-visible/dropdown:ring-primary-100 group-focus-visible/dropdown:ring-2",x),children:["label"===u?/*#__PURE__*/e.jsx(o,{label:p,value:l,placeholder:a,isFocused:n,isError:c,disabled:d}):/*#__PURE__*/e.jsx(r.Typography,{"data-testid":"design-system--selectBox-text",variant:"body16",className:t.twJoin(d&&l?"text-w-gray-300":d&&!l?"text-w-gray-200":l?"text-w-gray-600":"text-w-gray-300","w-full"),children:l||a}),
|
|
6
6
|
/*#__PURE__*/e.jsx("div",{className:t.twJoin("transition-transform duration-300",n&&"rotate-180"),children:/*#__PURE__*/e.jsx(s.SystemIcon,{name:"medium_arrow_down",className:d?"text-w-gray-300":"text-w-gray-600",testId:"design-system--selectBox-icon"})})]});
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge"),l=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");var o=require("../TextFieldContainer/TextFieldContainer.js"),n=require("../SupportTextContainer/SupportTextContainer.js"),s=require("../TextFieldDropdown/TextFieldDropdown.parts.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 i(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},l=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(l=l.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),l.forEach((function(r){a(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,l,o=function(e,r){if(null==e)return{};var t,l,o={},n=Object.keys(e);for(l=0;l<n.length;l++)t=n[l],r.indexOf(t)>=0||(o[t]=e[t]);return o}
|
|
2
|
+
/**
|
|
3
|
+
* 입력 필드처럼 보이지만 직접 타이핑하지 않고, 클릭(또는 Enter/Space)으로 별도 UI(모달,
|
|
4
|
+
* 패널 등)를 여는 트리거 컴포넌트입니다. 날짜 선택, 주소 검색, 파일 선택, 회사명 검색
|
|
5
|
+
* 모달처럼 "필드 모양의 트리거"가 필요한 모든 곳에서 사용할 수 있습니다.
|
|
6
|
+
*
|
|
7
|
+
* `readOnly` `TextField`를 트리거로 우회 사용하면 스크린리더가 "편집 가능 텍스트,
|
|
8
|
+
* 읽기 전용"으로 읽고 Enter/Space를 직접 구현해야 하는 문제가 있습니다.
|
|
9
|
+
* `TextFieldTrigger`는 실제 `<button type="button">`으로 렌더링되어 이 문제를 근본적으로
|
|
10
|
+
* 해결합니다 — 브라우저가 포커스, Enter/Space 클릭, disabled 처리를 기본으로 제공합니다.
|
|
11
|
+
* `<button>` 안에 `<input>`을 넣는 것은 invalid HTML이므로, 값은 항상 일반 텍스트로만
|
|
12
|
+
* 표시됩니다.
|
|
13
|
+
*
|
|
14
|
+
* 시각 스타일은 `TextFieldDropdown`의 트리거(`SelectBox`/`LabelSelectBox`)와 동일한
|
|
15
|
+
* `TextFieldContainer` + 라벨 플로팅 애니메이션을 그대로 재사용하며, 에러/서포트 텍스트는
|
|
16
|
+
* `SupportTextContainer`로 렌더링해 같은 폼의 `TextField` 에러와 렌더 경로·스타일이
|
|
17
|
+
* 일치합니다.
|
|
18
|
+
*
|
|
19
|
+
* `className`과 나머지 DOM 속성(rest, 예: `onClick`, `aria-haspopup`, `aria-expanded`)은
|
|
20
|
+
* 모두 시각적 트리거이자 실제 클릭 대상인 `<button>` 엘리먼트 하나에만 적용됩니다.
|
|
21
|
+
* `TextField`처럼 `className`은 바깥 wrapper에, rest는 내부 `<input>`에만 적용되어
|
|
22
|
+
* 커서 영역과 클릭 핸들러 영역이 어긋나는 문제가 `TextFieldTrigger`에는 없습니다.
|
|
23
|
+
*
|
|
24
|
+
* `value`가 비어 있을 때 `placeholder`는 시각적으로만 힌트를 보여주고, `label`이 있는
|
|
25
|
+
* 경우 접근 가능한 이름(accessible name)에 섞여 들어가지 않도록 처리했습니다
|
|
26
|
+
* (예: `label="회사명"`, `placeholder="기업명을 검색하세요"`, `value=""`이면 접근 가능한
|
|
27
|
+
* 이름은 "회사명"입니다). 소비자가 `aria-label`을 직접 넘기면 이 내부 계산보다 항상
|
|
28
|
+
* 우선합니다.
|
|
29
|
+
*
|
|
30
|
+
* @component
|
|
31
|
+
* @param {Object} props
|
|
32
|
+
* @param {'default' | 'label'} [props.variant='default'] - 트리거의 디자인 변형 타입. `TextField`의 variant와 동일한 시맨틱입니다.
|
|
33
|
+
* @param {string} [props.label] - `variant="label"`일 때 트리거 위에 플로팅되는 라벨
|
|
34
|
+
* @param {string} [props.value] - 현재 선택된 값(표시용 텍스트). 직접 타이핑할 수 없으므로 항상 상위 상태에서 내려받습니다.
|
|
35
|
+
* @param {string} [props.placeholder] - 값이 없을 때 표시되는 안내 텍스트
|
|
36
|
+
* @param {boolean} [props.isError] - 오류 상태 표시 여부
|
|
37
|
+
* @param {string} [props.errorMessage] - 오류 발생 시 표시될 메시지
|
|
38
|
+
* @param {string} [props.supportMessage] - 입력 필드 아래에 표시될 도움말 메시지
|
|
39
|
+
* @param {boolean} [props.disabled] - 비활성화 여부. `<button disabled>`로 렌더되어 클릭·키보드 입력이 모두 무시됩니다.
|
|
40
|
+
* @param {string} [props.className] - `<button>`에 적용될 추가 CSS 클래스명
|
|
41
|
+
* @param {string} [props.testId] - 테스트용 ID (`<button>`에 적용)
|
|
42
|
+
* @param {() => void} [props.onClick] - 클릭(및 Enter/Space) 시 호출되는 콜백. 별도의 키보드 핸들러를 구현할 필요가 없습니다.
|
|
43
|
+
*
|
|
44
|
+
* @example
|
|
45
|
+
* ```tsx
|
|
46
|
+
* const [isOpen, setIsOpen] = useState(false);
|
|
47
|
+
*
|
|
48
|
+
* <TextFieldTrigger
|
|
49
|
+
* variant="label"
|
|
50
|
+
* label="회사명"
|
|
51
|
+
* value={companyName}
|
|
52
|
+
* placeholder="기업명을 검색하세요"
|
|
53
|
+
* isError={hasError}
|
|
54
|
+
* errorMessage={errorMessage}
|
|
55
|
+
* aria-haspopup="dialog"
|
|
56
|
+
* aria-expanded={isOpen}
|
|
57
|
+
* onClick={() => setIsOpen(true)}
|
|
58
|
+
* />
|
|
59
|
+
* ```
|
|
60
|
+
*/(e,r);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(l=0;l<n.length;l++)t=n[l],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const d=/*#__PURE__*/r.forwardRef(((a,d)=>{var{variant:p="default",label:b,value:g="",placeholder:y="",isError:f,errorMessage:x,supportMessage:j,disabled:O=!1,className:w,onFocus:m,onBlur:v,testId:T,"aria-label":F}=a,h=c(a,["variant","label","value","placeholder","isError","errorMessage","supportMessage","disabled","className","onFocus","onBlur","testId","aria-label"]);const[P,B]=r.useState(!1),S=!!b&&!g,q=!!j||!!x;/*#__PURE__*/
|
|
61
|
+
return e.jsxs("div",{className:"tracking-default flex w-full flex-col gap-2 select-none",children:[
|
|
62
|
+
/*#__PURE__*/e.jsx("button",u(i({},h),{ref:d,type:"button",disabled:O,onFocus:e=>{B(!0),null==m||m(e)},onBlur:e=>{B(!1),null==v||v(e)},"aria-label":null!=F?F:S?b:void 0,"data-testid":null!=T?T:"design-system--textFieldTrigger",className:t.twMerge("w-full text-left",O?"cursor-not-allowed":"cursor-pointer",w),children:/*#__PURE__*/e.jsx(o.TextFieldContainer,{isFocused:P,isDisabled:O,isError:f,testId:"design-system--textFieldTrigger-box",children:"label"===p?/*#__PURE__*/e.jsx(s.LabelSelectBox,{label:b,value:g,placeholder:y,isFocused:P,isError:f,disabled:O}):/*#__PURE__*/e.jsx(l.Typography,{"data-testid":"design-system--textFieldTrigger-text",variant:"body16",className:t.twJoin(O&&g?"text-w-gray-300":O&&!g?"text-w-gray-200":g?"text-w-gray-600":"text-w-gray-300","w-full"),children:g||y})})})),q&&/*#__PURE__*/e.jsx(n.SupportTextContainer,{errorMessage:x,supportMessage:j})]})}));d.displayName="TextFieldTrigger",exports.TextFieldTrigger=d;
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge")
|
|
1
|
+
"use client";"use strict";var e=require("react/jsx-runtime"),r=require("react"),t=require("tailwind-merge");require("../../Base/Typography/Typography.js");var n=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Avatar/Avatar.js");var a=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var s=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,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
|
* 사용자가 여러 줄의 텍스트를 입력할 수 있는 textarea 컴포넌트입니다.
|
|
4
4
|
*
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
* />
|
|
42
42
|
* </div>
|
|
43
43
|
* ```
|
|
44
|
-
*/(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}exports.Textarea=l=>{var{isError:c=!1,size:
|
|
45
|
-
return e.jsxs(n.Box,{"data-testid":"design-system-textarea",className:t.twMerge("flex w-full flex-col gap-2","full"===
|
|
46
|
-
/*#__PURE__*/e.jsxs(s.TextFieldContainer,{isDisabled:h,isError:c,isFocused:O,isTextarea:!0,className:t.twJoin("full"===
|
|
47
|
-
/*#__PURE__*/e.jsx("textarea",o({"data-testid":"design-system-textarea--textarea",className:t.twMerge("scrollbar-list tracking-default placeholder:tracking-default text-w-gray-600 placeholder:text-w-gray-300 w-full overflow-y-scroll py-[11px] pl-4 font-[inherit] font-normal outline-hidden placeholder:font-[inherit]","sm"===
|
|
44
|
+
*/(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}exports.Textarea=l=>{var{isError:c=!1,size:p="md",resize:x=!1,isLengthVisible:d=!1,supportText:g,errorText:m,maxLength:y,value:f,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||g||d;/*#__PURE__*/
|
|
45
|
+
return e.jsxs(n.Box,{"data-testid":"design-system-textarea",className:t.twMerge("flex w-full flex-col gap-2","full"===p?"h-full":"h-fit"),children:[
|
|
46
|
+
/*#__PURE__*/e.jsxs(s.TextFieldContainer,{isDisabled:h,isError:c,isFocused:O,isTextarea:!0,className:t.twJoin("full"===p&&"h-full"),children:[
|
|
47
|
+
/*#__PURE__*/e.jsx("textarea",o({"data-testid":"design-system-textarea--textarea",className:t.twMerge("scrollbar-list tracking-default placeholder:tracking-default text-w-gray-600 placeholder:text-w-gray-300 w-full overflow-y-scroll py-[11px] pl-4 font-[inherit] font-normal outline-hidden placeholder:font-[inherit]","sm"===p?"min-h-[118px]":"md"===p?"min-h-[238px]":"lg"===p?"min-h-[358px]":"full"===p?"min-h-full":void 0,x?"resize-y":"resize-none",h&&"resize-none"),name:b,value:f,disabled:h,onChange:j,maxLength:y,onFocus:e=>{S(!0)},onBlur:e=>{S(!1),v&&v(e)}},w)),x&&/*#__PURE__*/e.jsx(a.SystemIcon,{name:"small_resizer",className:"text-w-gray-400 absolute right-[5px] bottom-[5px]",testId:"design-system-textarea--resize-icon"})]}),T&&/*#__PURE__*/e.jsx(i.SupportTextContainer,{errorMessage:m,supportMessage:g,currentLength:(null==f?void 0:f.toString().length)||0,maxLength:y})]})};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("../../Utils/BackDrop/BackDrop.js");require("react");var i=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react-dom");var
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("../../Utils/BackDrop/BackDrop.js");require("react"),require("../../Base/Typography/Typography.js");var i=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react-dom");var a=require("./Drawer.styles.js");
|
|
2
2
|
/**
|
|
3
3
|
* 화면의 가장자리에서 슬라이딩되어 나타나는 서랍형 컴포넌트입니다.
|
|
4
4
|
*
|
|
@@ -25,5 +25,5 @@
|
|
|
25
25
|
* >
|
|
26
26
|
* <div>서랍 내용</div>
|
|
27
27
|
* </Drawer>
|
|
28
|
-
*/exports.Drawer=({isOpen:
|
|
29
|
-
/*#__PURE__*/e.jsx(i.Box,{className:r.twMerge("fixed z-30 flex flex-col bg-white transition-transform duration-300 ease-in-out",
|
|
28
|
+
*/exports.Drawer=({isOpen:t,onClose:l,direction:o="right",size:n="quarter",className:u,children:c})=>/*#__PURE__*/e.jsxs(e.Fragment,{children:[t&&/*#__PURE__*/e.jsx(s.BackDrop,{onClick:l,isBlack:!0}),
|
|
29
|
+
/*#__PURE__*/e.jsx(i.Box,{className:r.twMerge("fixed z-30 flex flex-col bg-white transition-transform duration-300 ease-in-out",a.directionStyle[o],a.sizeStyle(n,o),t&&a.openStyle[o],u),"data-testid":"design-system-drawer",children:c})]});
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var r=require("../../DataDisplays/CountBadge/CountBadge.js"),n=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var s=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.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/Button/Button.js"),require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js");var
|
|
2
|
-
return e.jsxs(x,u(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){a(e,t,r[t])}))}return e}({"data-testid":"design-system-menu",className:p(l,y,j)},O),{children:[
|
|
3
|
-
/*#__PURE__*/e.jsx(n.Typography,{"data-testid":"design-system-menu-name",variant:"body16",className:"w-full select-none",children:m}),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge");require("../../DataDisplays/Avatar/Avatar.js");var r=require("../../DataDisplays/CountBadge/CountBadge.js"),n=require("../../Base/Typography/Typography.js");require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js"),require("react");var s=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.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/Button/Button.js"),require("../../Inputs/Calendar/Calendar.utils.js"),require("../../Inputs/Checkbox/Checkbox.js"),require("../../Inputs/ChoiceChip/ChoiceChip.js");var i=require("../../Inputs/IconButton/IconButton.js");require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),require("../../Inputs/TextFieldTrigger/TextFieldTrigger.js"),require("../../Inputs/CommentArea/CommentArea.js");var o=require("../../Inputs/IconButtonDropdown/IconButtonDropdown.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,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("../../Inputs/FilterChip/FilterChip.js");const p=(e,r,n)=>{const s="sub"===e?"pl-12":"",i={white:t.twJoin("hover:bg-w-gray-50",n&&"bg-primary-10 text-primary hover:bg-primary-10"),gray:t.twJoin("hover:bg-w-gray-100",n&&"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",s,i[r])},c=(e,t)=>"white"!==e?"white_gray":t?"primary":"gray";exports.MenuBase=({type:l="main",variant:y="white",name:m,isSelected:j=!1,badgeCount:g,leadingIcon:d,iconButtonName:I,onOptionClick:b,items:w,selectedItem:h,onItemClick:q,as:x,wrapperProps:O})=>{const f=!!(I&&w&&q&&h),C=!!I&&!!b;/*#__PURE__*/
|
|
2
|
+
return e.jsxs(x,u(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){a(e,t,r[t])}))}return e}({"data-testid":"design-system-menu",className:p(l,y,j)},O),{children:[d&&/*#__PURE__*/e.jsx(s.SystemIcon,{testId:"design-system-menu-leading-icon",name:d,className:t.twJoin("white"===y&&j&&"text-primary")}),
|
|
3
|
+
/*#__PURE__*/e.jsx(n.Typography,{"data-testid":"design-system-menu-name",variant:"body16",className:"w-full select-none",children:m}),g&&/*#__PURE__*/e.jsx(r.CountBadge,{variant:c(y,j),text:g,className:"relative",showZero:!0}),f&&/*#__PURE__*/e.jsx(o.IconButtonDropdown,{size:"sm",icon:I,items:w,selectedItem:h,onItemClick:q}),C&&/*#__PURE__*/e.jsx(i.IconButton,{size:"sm",className:"shrink-0",onClick:e=>{e.stopPropagation(),b()},children:/*#__PURE__*/e.jsx(s.SystemIcon,{name:I})})]}))};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge"),s=require("@wishket/yogokit");require("../../Base/Typography/Typography.js");var a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");exports.BackDrop=({isBlack:t,preventScroll:i,onClick:l})=>(s.usePreventScroll(i),/*#__PURE__*/e.jsx(a.Box,{"data-testid":"design-system--backdrop",onClick:l,className:r.twMerge("fixed top-0 left-0 z-30 h-dvh w-dvw",t?"bg-black/50":"bg-transparent")}));
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),
|
|
1
|
+
"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge");require("../../Base/Typography/Typography.js");var i=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var s=require("../BackDrop/BackDrop.js");const a="duration-300";exports.BackDropLiftContainer=({isOpen:n,onClose:o,children:l,isBackgroundBlack:c=!0,isPreventScroll:u=!0,isBottomSheet:p=!1,isFullSize:B=!1,testId:d})=>{const[y,x]=t.useState(!1),[m,f]=t.useState(!1);return t.useEffect((()=>{n?(f(!0),requestAnimationFrame((()=>x(!0)))):x(!1)}),[n]),m||n?/*#__PURE__*/e.jsxs(i.Box,{className:r.twJoin("fixed inset-0 z-30 flex justify-center transition-opacity",a,p?"items-end":"items-center",y?"opacity-100":"opacity-0"),"data-testid":d||"design-system--backdrop-lift-container",children:[
|
|
2
2
|
/*#__PURE__*/e.jsx(s.BackDrop,{onClick:o,isBlack:c,preventScroll:u}),
|
|
3
|
-
/*#__PURE__*/e.jsx(
|
|
3
|
+
/*#__PURE__*/e.jsx(i.Box,{className:r.twMerge("z-30 transition-all ease-in",a,(p||B)&&"w-full",y?"translate-y-0 opacity-100":"translate-y-full opacity-0"),onTransitionEnd:()=>{n||f(!1)},children:l})]}):null};
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge");require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge");require("../../Base/Typography/Typography.js");var r=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var s=require("./useBottomModalContainer.js");exports.BottomModalContainer=({children:a,onClose:o,isFixedHeight:i=!0,className:n})=>{const{containerRef:l,currentTranslate:d}=s.useBottomModalContainer({onClose:o});/*#__PURE__*/
|
|
2
2
|
return e.jsxs(r.Box,{ref:l,style:{transform:`translateY(${d}px)`},className:t.twJoin("bg-w-white z-30 w-full rounded-t-3xl",i?"h-[60dvh]":"h-fit",n),"data-testid":"design-system--bottom-modal-container",children:[
|
|
3
3
|
/*#__PURE__*/e.jsx(r.Box,{className:"flex items-center justify-center pt-2 pb-5","data-testid":"design-system--bottom-modal-container-header",id:"bottom-modal-header",children:/*#__PURE__*/e.jsx(r.Box,{className:"bg-w-gray-200 h-1 w-8 rounded-full"})}),a]})};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("../../Base/Typography/Typography.js");var a=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");exports.FullModalContainer=({children:s,className:l})=>/*#__PURE__*/e.jsx(a.Box,{"data-testid":"design-system--full-modal-container",className:r.twMerge("bg-w-white h-dvh w-dvw overflow-auto",l),children:s});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),o=require("tailwind-merge"),r=require("../BackDropLiftContainer/BackDropLiftContainer.js"),l=require("../BottomModalContainer/BottomModalContainer.js"),a=require("../FullModalContainer/FullModalContainer.js"),
|
|
2
|
-
return e.jsx(
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),o=require("tailwind-merge"),r=require("../BackDropLiftContainer/BackDropLiftContainer.js"),l=require("../BottomModalContainer/BottomModalContainer.js"),a=require("../FullModalContainer/FullModalContainer.js"),i=require("../ModalContainer/ModalContainer.js"),t=require("../Portal/Portal.js");require("../../Base/Typography/Typography.js");var s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");exports.Modal=({isOpen:n,rootId:d,variant:u="default",size:c="md",overflow:B="auto",isBackgroundBlack:C=!0,isFixedHeight:m,isPreventScroll:j=!0,className:x,onClose:p,needCleanup:h=!0,children:f})=>{const M="bottom"===u,g="full"===u,q="default"===u,y=h&&!d;/*#__PURE__*/
|
|
2
|
+
return e.jsx(t.Portal,{rootId:d,needCleanup:y,children:/*#__PURE__*/e.jsxs(r.BackDropLiftContainer,{isOpen:n,onClose:p,testId:"design-system--modal",isBackgroundBlack:C,isPreventScroll:j,isBottomSheet:M,isFullSize:"full"===c,children:[q&&/*#__PURE__*/e.jsx(s.Box,{"data-testid":"design-system--modal-container--box",className:o.twMerge("full"===c&&"w-full px-5",x),children:/*#__PURE__*/e.jsx(i.ModalContainer,{size:c,overflow:B,children:f})}),g&&/*#__PURE__*/e.jsx(a.FullModalContainer,{className:x,children:f}),M&&p&&/*#__PURE__*/e.jsx(l.BottomModalContainer,{onClose:p,isFixedHeight:m,className:x,children:f})]})})};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),l=require("tailwind-merge");require("
|
|
2
|
-
"flex items-center justify-center",{xs:"w-[320px]",sm:"w-[400px]",md:"w-[500px]",lg:"w-[600px]",xl:"w-[1000px]",full:"w-full"}[o],{auto:"overflow-auto",visible:"overflow-visible",hidden:"overflow-hidden",scroll:"overflow-scroll"}[
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),l=require("tailwind-merge");require("../../Base/Typography/Typography.js");var r=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");exports.ModalContainer=({size:o="md",overflow:s="auto",children:i})=>/*#__PURE__*/e.jsx(r.Box,{"data-testid":"design-system--modal-container",className:l.twJoin("bg-w-white shadow-modal h-fit max-w-[calc(100vw-40px)] rounded-3xl",// 아직 정해지지 않은 내부 레이아웃
|
|
2
|
+
"flex items-center justify-center",{xs:"w-[320px]",sm:"w-[400px]",md:"w-[500px]",lg:"w-[600px]",xl:"w-[1000px]",full:"w-full"}[o],{auto:"overflow-auto",visible:"overflow-visible",hidden:"overflow-hidden",scroll:"overflow-scroll"}[s]),children:i});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge");require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge");require("../../Base/Typography/Typography.js");var r=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Avatar/Avatar.js");var s=require("../../DataDisplays/CountBadge/CountBadge.js");require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var t=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(r.Box,{className:a.twMerge("relative w-fit",l),"data-testid":"with-badge",children:[o,"new"===n?/*#__PURE__*/e.jsx(t.NewBadge,{className:"absolute top-0 right-0 translate-x-1/2 -translate-y-1/2 transform"}):/*#__PURE__*/e.jsx(s.CountBadge,{text:i,variant:n,showZero:u,className:"absolute top-px right-px translate-x-1/2 -translate-y-1/2 transform"})]});
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge");require("
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),a=require("tailwind-merge");require("../../Base/Typography/Typography.js");var s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/Avatar/Avatar.js"),require("react"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js"),require("../../DataDisplays/Accordion/Accordion.js");var r=require("../../Feedbacks/SnackBar/SnackBar.js");require("../../Inputs/Button/Button.js"),require("@wishket/yogokit"),require("react-dom"),require("../../Feedbacks/Tooltip/Tooltip.js"),require("../../Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js");exports.WithSnackBar=({children:t,isOpen:i,message:o,type:l,onClose:n})=>/*#__PURE__*/e.jsxs(s.Box,{"data-testid":"design-system-with-message-bar",children:[
|
|
2
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",i?"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:o,type:l,onClose:n})})})}),t]});
|
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"),
|
|
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"),g=require("./Components/Feedbacks/MessageBar/MessageBar.js"),B=require("./Components/Feedbacks/Dialog/Dialog.js"),L=require("./Components/Feedbacks/DialogBox/DialogBox.js"),j=require("./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js"),q=require("./Components/Feedbacks/Tooltip/Tooltip.js"),T=require("./Components/Feedbacks/Tooltip/RichTooltip/RichTooltip.js"),D=require("./Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.js"),S=require("./Components/Feedbacks/GlobalLoadingIndicator/GlobalLoadingIndicator.js"),b=require("./Components/Inputs/Autocomplete/Autocomplete.js"),h=require("./Components/Inputs/Button/Button.js"),k=require("./Components/Inputs/Calendar/Calendar.js"),y=require("./Components/Inputs/Checkbox/Checkbox.js"),F=require("./Components/Inputs/CheckboxCard/CheckboxCard.js"),M=require("./Components/Inputs/CheckboxList/CheckboxList.js"),w=require("./Components/Inputs/CheckboxListItem/CheckboxListItem.js"),N=require("./Components/Inputs/ChoiceChip/ChoiceChip.js"),R=require("./Components/Inputs/IconButton/IconButton.js"),P=require("./Components/Inputs/InputChip/InputChip.js"),A=require("./Components/Inputs/RangeSlider/RangeSlider.js"),v=require("./Components/Inputs/Radio/Radio.js"),G=require("./Components/Inputs/RadioCard/RadioCard.js"),f=require("./Components/Inputs/RadioList/RadioList.js"),U=require("./Components/Inputs/RadioGroup/RadioGroup.js"),W=require("./Components/Inputs/RadioListItem/RadioListItem.js"),O=require("./Components/Inputs/SearchField/SearchField.js"),z=require("./Components/Inputs/SegmentedControl/SegmentedControl.js"),E=require("./Components/Inputs/Switch/Switch.js"),H=require("./Components/Inputs/Textarea/Textarea.js"),J=require("./Components/Inputs/TextButton/TextButton.js"),K=require("./Components/Inputs/TextField/TextField.js"),Q=require("./Components/Inputs/List/List.js"),V=require("./Components/Inputs/TextFieldDropdown/TextFieldDropdown.js"),X=require("./Components/Inputs/TextFieldTrigger/TextFieldTrigger.js"),Y=require("./Components/Inputs/CommentArea/CommentArea.js"),Z=require("./Components/Inputs/IconButtonDropdown/IconButtonDropdown.js"),$=require("./Components/Inputs/MultiColumnList/MultiColumnList.js"),_=require("./Components/Inputs/FilterChip/FilterChip.js"),ee=require("./Components/Inputs/TextButtonDropdown/TextButtonDropdown.js"),oe=require("./Components/Inputs/AutoCompleteList/AutoCompleteList.js"),te=require("./Components/Inputs/FilterList/FilterList.js"),se=require("./Components/Inputs/Input/Input.js"),re=require("./Components/Inputs/Input/PasswordInput.js"),ne=require("./Components/Inputs/Input/LabelInput.js"),ie=require("./Components/Inputs/Input/InputTypeSelector.js"),ae=require("./Components/Inputs/SupportTextContainer/SupportTextContainer.js"),pe=require("./Components/Inputs/TextFieldContainer/TextFieldContainer.js"),ue=require("./Components/Inputs/FileUploader/FileUploader.js"),le=require("./Components/Base/Typography/Typography.js"),Ce=require("./Components/Base/Layouts/Box/Box.js"),me=require("./Components/Base/Layouts/GridLayout/GridLayout.js"),xe=require("./Components/Base/Layouts/Column/Column.js"),de=require("./Components/Base/Layouts/FullBleed/FullBleed.js"),ce=require("./Components/Navigations/Drawer/Drawer.js"),Ie=require("./Components/Navigations/GNBList/GNBList.js"),ge=require("./Components/Navigations/Pagination/Pagination.parts.js"),Be=require("./Components/Navigations/Pagination/Pagination.js"),Le=require("./Components/Navigations/TableOfContents/TableOfContents.js"),je=require("./Components/Navigations/TextTab/TextTab.js"),qe=require("./Components/Navigations/BoxTab/BoxTab.js"),Te=require("./Components/Navigations/Menu/MenuLink.js"),De=require("./Components/Navigations/Menu/MenuButton.js"),Se=require("./Components/Navigations/TextLink/TextLink.js"),be=require("./Components/Utils/BackDrop/BackDrop.js"),he=require("./Components/Utils/BackDropLiftContainer/BackDropLiftContainer.js"),ke=require("./Components/Utils/BottomModalContainer/BottomModalContainer.js"),ye=require("./Components/Utils/FullModalContainer/FullModalContainer.js"),Fe=require("./Components/Utils/Modal/Modal.js"),Me=require("./Components/Utils/ModalContainer/ModalContainer.js"),we=require("./Components/Utils/Portal/Portal.js"),Ne=require("./Components/Wrappers/WithBadge/WithBadge.js"),Re=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=g.MessageBar,exports.Dialog=B.Dialog,exports.DialogBox=L.DialogBox,exports.LoadingIndicator=j.LoadingIndicator,exports.Tooltip=q.Tooltip,exports.RichTooltip=T.RichTooltip,exports.PlainTooltip=D.PlainTooltip,exports.GlobalLoadingIndicator=S.GlobalLoadingIndicator,exports.Autocomplete=b.Autocomplete,exports.Button=h.Button,exports.Calendar=k.Calendar,exports.Checkbox=y.Checkbox,exports.CheckboxCard=F.CheckboxCard,exports.CheckboxList=M.CheckboxList,exports.CheckboxListItem=w.CheckboxListItem,exports.ChoiceChip=N.ChoiceChip,exports.IconButton=R.IconButton,exports.InputChip=P.InputChip,exports.RangeSlider=A.RangeSlider,exports.Radio=v.Radio,exports.RadioCard=G.RadioCard,exports.RadioList=f.RadioList,exports.RadioGroup=U.RadioGroup,exports.RadioListItem=W.RadioListItem,exports.SearchField=O.SearchField,exports.SegmentedControl=z.SegmentedControl,exports.Switch=E.Switch,exports.Textarea=H.Textarea,exports.TextButton=J.TextButton,exports.TextField=K.TextField,exports.List=Q.List,exports.TextFieldDropdown=V.TextFieldDropdown,exports.TextFieldTrigger=X.TextFieldTrigger,exports.CommentArea=Y.CommentArea,exports.IconButtonDropdown=Z.IconButtonDropdown,exports.MultiColumnList=$.MultiColumnList,exports.FilterChip=_.FilterChip,exports.TextButtonDropdown=ee.TextButtonDropdown,exports.AutoCompleteList=oe.AutoCompleteList,exports.FilterList=te.FilterList,exports.Input=se.Input,exports.PasswordInput=re.PasswordInput,exports.LabelInput=ne.LabelInput,exports.InputTypeSelector=ie.InputTypeSelector,exports.SupportTextContainer=ae.SupportTextContainer,exports.TextFieldContainer=pe.TextFieldContainer,exports.FileUploader=ue.FileUploader,exports.Typography=le.Typography,exports.Box=Ce.Box,exports.GridLayout=me.GridLayout,exports.Column=xe.Column,exports.FullBleed=de.FullBleed,exports.Drawer=ce.Drawer,exports.GNBList=Ie.GNBList,exports.LeftArrow=ge.LeftArrow,exports.PaginationNumber=ge.PaginationNumber,exports.RightArrow=ge.RightArrow,exports.Pagination=Be.Pagination,exports.TableOfContents=Le.TableOfContents,exports.TextTab=je.TextTab,exports.BoxTab=qe.BoxTab,exports.MenuLink=Te.MenuLink,exports.MenuButton=De.MenuButton,exports.TextLink=Se.TextLink,exports.BackDrop=be.BackDrop,exports.BackDropLiftContainer=he.BackDropLiftContainer,exports.BottomModalContainer=ke.BottomModalContainer,exports.FullModalContainer=ye.FullModalContainer,exports.Modal=Fe.Modal,exports.ModalContainer=Me.ModalContainer,exports.Portal=we.Portal,exports.WithBadge=Ne.WithBadge,exports.WithSnackBar=Re.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{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{Tooltip}from"./Components/Feedbacks/Tooltip/Tooltip.js";export{RichTooltip}from"./Components/Feedbacks/Tooltip/RichTooltip/RichTooltip.js";export{PlainTooltip}from"./Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.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{RadioListItem}from"./Components/Inputs/RadioListItem/RadioListItem.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{FileUploader}from"./Components/Inputs/FileUploader/FileUploader.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{MenuLink}from"./Components/Navigations/Menu/MenuLink.js";export{MenuButton}from"./Components/Navigations/Menu/MenuButton.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{WithSnackBar}from"./Components/Wrappers/WithSnackBar/WithSnackBar.js";
|
|
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{Tooltip}from"./Components/Feedbacks/Tooltip/Tooltip.js";export{RichTooltip}from"./Components/Feedbacks/Tooltip/RichTooltip/RichTooltip.js";export{PlainTooltip}from"./Components/Feedbacks/Tooltip/PlainTooltip/PlainTooltip.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{RadioListItem}from"./Components/Inputs/RadioListItem/RadioListItem.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{TextFieldTrigger}from"./Components/Inputs/TextFieldTrigger/TextFieldTrigger.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{FileUploader}from"./Components/Inputs/FileUploader/FileUploader.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{MenuLink}from"./Components/Navigations/Menu/MenuLink.js";export{MenuButton}from"./Components/Navigations/Menu/MenuButton.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{WithSnackBar}from"./Components/Wrappers/WithSnackBar/WithSnackBar.js";
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@wishket/design-system",
|
|
3
|
-
"version": "3.
|
|
3
|
+
"version": "3.5.0",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"description": "Wishket Design System",
|
|
6
6
|
"main": "dist/index.js",
|
|
@@ -37,7 +37,7 @@
|
|
|
37
37
|
"build": "rm -rf dist && yarn build:dts && rollup -c",
|
|
38
38
|
"start": "next start",
|
|
39
39
|
"build:dts": "tsc --project tsconfig.rollup.json --emitDeclarationOnly",
|
|
40
|
-
"lint": "eslint './**/*.{ts,tsx,js,jsx}' --ignore-path .eslintignore
|
|
40
|
+
"lint": "eslint './**/*.{ts,tsx,js,jsx}' --ignore-path .eslintignore",
|
|
41
41
|
"test": "jest --ci --runInBand --coverage --watchAll=false --passWithNoTests --testMatch=\"**/*.spec.@(ts|tsx)\"",
|
|
42
42
|
"test:codemods": "node scripts/codemods/__tests__/run-fixtures.cjs",
|
|
43
43
|
"storybook": "storybook dev -p 6006",
|
|
@@ -94,6 +94,7 @@
|
|
|
94
94
|
"eslint-plugin-jest": "^29.1.0",
|
|
95
95
|
"eslint-plugin-jest-dom": "^5.5.0",
|
|
96
96
|
"eslint-plugin-jest-formatting": "^3.1.0",
|
|
97
|
+
"eslint-plugin-jsx-a11y": "^6.10.2",
|
|
97
98
|
"eslint-plugin-naming-convention": "^0.1.3",
|
|
98
99
|
"eslint-plugin-prettier": "^5.5.4",
|
|
99
100
|
"eslint-plugin-storybook": "^10.1.9",
|