@wishket/design-system 2.2.1 → 3.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (57) hide show
  1. package/README.md +58 -0
  2. package/dist/Components/Base/Layouts/Box/Box.d.ts +5 -5
  3. package/dist/Components/Base/Layouts/Box/Box.js +3 -2
  4. package/dist/Components/Base/Typography/Typography.d.ts +2 -1
  5. package/dist/Components/Base/Typography/Typography.js +1 -1
  6. package/dist/Components/Base/Typography/Typography.types.d.ts +4 -5
  7. package/dist/Components/Navigations/GNBList/GNBList.d.ts +1 -1
  8. package/dist/Components/Navigations/GNBList/GNBList.parts.d.ts +3 -2
  9. package/dist/Components/Navigations/GNBList/GNBList.parts.js +10 -10
  10. package/dist/Components/Navigations/GNBList/GNBList.types.d.ts +8 -3
  11. package/dist/Components/Navigations/Menu/Menu.types.d.ts +53 -0
  12. package/dist/Components/Navigations/Menu/MenuBase.d.ts +21 -0
  13. package/dist/Components/Navigations/Menu/MenuBase.js +3 -0
  14. package/dist/Components/Navigations/Menu/MenuButton.d.ts +40 -0
  15. package/dist/Components/Navigations/Menu/MenuButton.js +39 -0
  16. package/dist/Components/Navigations/Menu/MenuLink.d.ts +43 -0
  17. package/dist/Components/Navigations/Menu/MenuLink.js +42 -0
  18. package/dist/Components/Navigations/Menu/index.d.ts +3 -1
  19. package/dist/Components/Navigations/TextLink/TextLink.d.ts +13 -35
  20. package/dist/Components/Navigations/TextLink/TextLink.js +11 -34
  21. package/dist/cjs/Components/Base/Layouts/Box/Box.js +3 -2
  22. package/dist/cjs/Components/Base/Typography/Typography.js +2 -2
  23. package/dist/cjs/Components/Navigations/GNBList/GNBList.parts.js +11 -11
  24. package/dist/cjs/Components/Navigations/Menu/MenuBase.js +3 -0
  25. package/dist/cjs/Components/Navigations/Menu/MenuButton.js +39 -0
  26. package/dist/cjs/Components/Navigations/Menu/MenuLink.js +42 -0
  27. package/dist/cjs/Components/Navigations/TextLink/TextLink.js +11 -34
  28. package/dist/cjs/index.js +1 -1
  29. package/dist/index.js +1 -1
  30. package/package.json +7 -5
  31. package/scripts/codemods/README.md +178 -0
  32. package/scripts/codemods/__tests__/__fixtures__/add-as-link/already-has-as.input.tsx +6 -0
  33. package/scripts/codemods/__tests__/__fixtures__/add-as-link/already-has-as.output.tsx +6 -0
  34. package/scripts/codemods/__tests__/__fixtures__/add-as-link/basic.input.tsx +9 -0
  35. package/scripts/codemods/__tests__/__fixtures__/add-as-link/basic.output.tsx +10 -0
  36. package/scripts/codemods/__tests__/__fixtures__/add-as-link/existing-next-link-import.input.tsx +9 -0
  37. package/scripts/codemods/__tests__/__fixtures__/add-as-link/existing-next-link-import.output.tsx +9 -0
  38. package/scripts/codemods/__tests__/__fixtures__/add-as-link/menu-button-fallback.input.tsx +5 -0
  39. package/scripts/codemods/__tests__/__fixtures__/add-as-link/menu-button-fallback.output.tsx +5 -0
  40. package/scripts/codemods/__tests__/__fixtures__/add-as-link/unrelated-import.input.tsx +3 -0
  41. package/scripts/codemods/__tests__/__fixtures__/add-as-link/unrelated-import.output.tsx +3 -0
  42. package/scripts/codemods/__tests__/__fixtures__/menu-split/basic.input.tsx +8 -0
  43. package/scripts/codemods/__tests__/__fixtures__/menu-split/basic.output.tsx +8 -0
  44. package/scripts/codemods/__tests__/__fixtures__/menu-split/conflict.input.tsx +5 -0
  45. package/scripts/codemods/__tests__/__fixtures__/menu-split/conflict.output.tsx +6 -0
  46. package/scripts/codemods/__tests__/__fixtures__/menu-split/href-only.input.tsx +3 -0
  47. package/scripts/codemods/__tests__/__fixtures__/menu-split/href-only.output.tsx +3 -0
  48. package/scripts/codemods/__tests__/__fixtures__/menu-split/onclick-only.input.tsx +3 -0
  49. package/scripts/codemods/__tests__/__fixtures__/menu-split/onclick-only.output.tsx +3 -0
  50. package/scripts/codemods/__tests__/__fixtures__/menu-split/spread-props.input.tsx +3 -0
  51. package/scripts/codemods/__tests__/__fixtures__/menu-split/spread-props.output.tsx +4 -0
  52. package/scripts/codemods/__tests__/run-fixtures.cjs +100 -0
  53. package/scripts/codemods/add-as-link.ts +110 -0
  54. package/scripts/codemods/menu-split.ts +252 -0
  55. package/dist/Components/Navigations/Menu/Menu.d.ts +0 -81
  56. package/dist/Components/Navigations/Menu/Menu.js +0 -62
  57. package/dist/cjs/Components/Navigations/Menu/Menu.js +0 -2
@@ -1,61 +1,38 @@
1
- import{jsx as e}from"react/jsx-runtime";import t from"next/link";import{twMerge as r}from"tailwind-merge";import{TextWithIcons as n}from"../../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}
1
+ import{jsx as e}from"react/jsx-runtime";import{twMerge as t}from"tailwind-merge";import{TextWithIcons as r}from"../../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
  *
5
5
  * @description
6
- * TextButton과 동일한 스타일을 가지지만 `<a>` 태그 기반으로 페이지 네비게이션을 담당합니다.
7
- * Next.js의 Link 컴포넌트를 기반으로 하여 클라이언트 사이드 라우팅을 지원합니다.
6
+ * TextButton과 동일한 스타일을 가지지만 기본적으로 `<a>` 태그 기반으로 페이지 네비게이션을 담당합니다.
7
+ * `as` prop으로 Next.js의 `Link`나 React Router의 `Link` 임의의 컴포넌트를 주입할 수 있습니다.
8
8
  *
9
9
  * @component
10
10
  * @param {Object} props - TextLink 컴포넌트의 props
11
11
  * @param {string} props.href - 링크 대상 URL (필수)
12
12
  * @param {string} props.text - 표시할 텍스트 (필수)
13
+ * @param {ElementType} [props.as='a'] - 렌더링할 요소/컴포넌트
13
14
  * @param {SystemIconName} [props.leadingIcon] - 텍스트 앞에 표시할 아이콘
14
15
  * @param {SystemIconName} [props.trailingIcon] - 텍스트 뒤에 표시할 아이콘
15
16
  * @param {boolean} [props.isTextSmall=false] - 작은 텍스트 크기 사용 여부
16
17
  * @param {boolean} [props.isGray=false] - 텍스트 색상을 회색으로 사용 여부
17
18
  * @param {boolean} [props.isUnderline=false] - 텍스트에 밑줄 스타일 적용 여부
18
- * @param {ComponentProps<typeof Link>} props - Next.js Link 컴포넌트의 모든 props 지원
19
19
  *
20
20
  * @example
21
- * // 기본 사용법
21
+ * // 기본 사용법 (일반 <a>)
22
22
  * <TextLink href="/about" text="소개 페이지로 이동" />
23
23
  *
24
24
  * @example
25
- * // 아이콘과 함께 사용
26
- * <TextLink
27
- * href="/detail"
28
- * text="자세히 보기"
29
- * trailingIcon="medium_arrow_right"
30
- * />
25
+ * // Next.js Link와 함께 사용
26
+ * import Link from 'next/link';
27
+ * <TextLink as={Link} href="/about" text="소개" />
31
28
  *
32
29
  * @example
33
- * // 외부 링크로 사용
30
+ * // 외부 링크
34
31
  * <TextLink
35
32
  * href="https://example.com"
36
33
  * text="외부 사이트 방문"
37
34
  * target="_blank"
38
35
  * rel="noopener noreferrer"
39
36
  * />
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}const l=l=>{var{href:a,text:s,leadingIcon:f,trailingIcon:p,isTextSmall:u=!1,isGray:O=!1,isUnderline:b=!1,className:y}=l,m=c(l,["href","text","leadingIcon","trailingIcon","isTextSmall","isGray","isUnderline","className"]);/*#__PURE__*/
61
- return e(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:a,className:r("flex min-h-6 w-fit items-center justify-center",u?"gap-x-0.5":"gap-x-1",y)},m),{children:/*#__PURE__*/e(n,{text:s,leadingIcon:f,trailingIcon:p,isTextSmall:u,isUnderline:b,isGray:O})}))};export{l as TextLink};
37
+ */(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}const c=c=>{var{as:l="a",href:a,text:s,leadingIcon:f,trailingIcon:u,isTextSmall:p=!1,isGray:O=!1,isUnderline:b=!1,className:y}=c,m=o(c,["as","href","text","leadingIcon","trailingIcon","isTextSmall","isGray","isUnderline","className"]);/*#__PURE__*/
38
+ return e(l,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}({href:a,className:t("flex min-h-6 w-fit items-center justify-center",p?"gap-x-0.5":"gap-x-1",y)},m),{children:/*#__PURE__*/e(r,{text:s,leadingIcon:f,trailingIcon:u,isTextSmall:p,isUnderline:b,isGray:O})}))};export{c as TextLink};
@@ -4,5 +4,6 @@
4
4
  * @param {ReactNode} props.children - 박스 내부에 렌더링할 컨텐츠
5
5
  * @param {ElementType} [props.as='div'] - 렌더링할 HTML 요소
6
6
  * @param {string} [props.className] - 추가적인 CSS 클래스
7
- */(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const c=/*#__PURE__*/require("react").forwardRef(((c,i)=>{var{className:l,children:u,as:a="div"}=c,s=o(c,["className","children","as"]);/*#__PURE__*/
8
- return e.jsx(a,n(function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(r){t(e,r,n[r])}))}return e}({ref:i,className:r.twMerge("box-border",l)},s),{children:u}))}));c.displayName="Box",exports.Box=c;
7
+ */(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)t=c[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}const c=/*#__PURE__*/require("react").forwardRef(((c,// eslint-disable-next-line @typescript-eslint/no-explicit-any
8
+ i)=>{var{as:l,className:u,children:a}=c,s=o(c,["as","className","children"]);const b=null!=l?l:"div";/*#__PURE__*/
9
+ return e.jsx(b,n(function(e){for(var r=1;r<arguments.length;r++){var n=null!=arguments[r]?arguments[r]:{},o=Object.keys(n);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(n).filter((function(e){return Object.getOwnPropertyDescriptor(n,e).enumerable})))),o.forEach((function(r){t(e,r,n[r])}))}return e}({ref:i,className:r.twMerge("box-border",u)},s),{children:a}))}));c.displayName="Box",exports.Box=c;
@@ -1,4 +1,4 @@
1
- "use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge");function n(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(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 o(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},a=Object.keys(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(r=0;r<a.length;r++)n=a[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}const a=[{name:"title48",class:"typo-title48"},{name:"title32",class:"typo-title32"},{name:"title28",class:"typo-title28"},{name:"title24",class:"typo-title24"},{name:"subTitle20",class:"typo-subTitle20"},{name:"subTitle18",class:"typo-subTitle18"},{name:"contents18",class:"typo-contents18"},{name:"contents16",class:"typo-contents16"},{name:"body16",class:"typo-body16"},{name:"body14",class:"typo-body14"},{name:"body13",class:"typo-body13"},{name:"caption12",class:"typo-caption12"},{name:"caption11",class:"typo-caption11"}];
1
+ "use strict";var e=require("react/jsx-runtime"),t=require("tailwind-merge");function n(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(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 o(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},c=Object.keys(e);for(r=0;r<c.length;r++)n=c[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(r=0;r<c.length;r++)n=c[r],t.indexOf(n)>=0||Object.prototype.propertyIsEnumerable.call(e,n)&&(o[n]=e[n])}return o}const c=[{name:"title48",class:"typo-title48"},{name:"title32",class:"typo-title32"},{name:"title28",class:"typo-title28"},{name:"title24",class:"typo-title24"},{name:"subTitle20",class:"typo-subTitle20"},{name:"subTitle18",class:"typo-subTitle18"},{name:"contents18",class:"typo-contents18"},{name:"contents16",class:"typo-contents16"},{name:"body16",class:"typo-body16"},{name:"body14",class:"typo-body14"},{name:"body13",class:"typo-body13"},{name:"caption12",class:"typo-caption12"},{name:"caption11",class:"typo-caption11"}];
2
2
  /**
3
3
  * Typography
4
4
  * @param {Object} props
@@ -6,5 +6,5 @@
6
6
  * @param {string} props.variant - 텍스트 스타일 variant ('title48' | 'title32' | 'title24' | 'subTitle20' | 'subTitle18' | 'contents18' | 'contents16' | 'body16' | 'body14' | 'body13' | 'caption12' | 'caption11')
7
7
  * @param {string} [props.className] - 추가적인 CSS 클래스
8
8
  * @param {keyof JSX.IntrinsicElements} [props.as='span'] - 렌더링할 HTML 요소
9
- */exports.Typography=c=>{var s,{children:l,variant:i,className:p,as:y="span"}=c,u=o(c,["children","variant","className","as"]);const b=y||"span",O=(null===(s=a.find((e=>e.name===i)))||void 0===s?void 0:s.class)||"";/*#__PURE__*/
9
+ */exports.Typography=a=>{var s,{children:l,variant:i,className:p,as:y}=a,u=o(a,["children","variant","className","as"]);const b=null!=y?y:"span",O=(null===(s=c.find((e=>e.name===i)))||void 0===s?void 0:s.class)||"";/*#__PURE__*/
10
10
  return e.jsx(b,r(function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){n(e,t,r[t])}))}return e}({className:t.twMerge("tracking-default",O,p)},u),{children:l}))};
@@ -1,4 +1,4 @@
1
- "use strict";var e=require("react/jsx-runtime"),r=require("react"),a=require("tailwind-merge"),t=require("next/link"),l=require("../../DataDisplays/Avatar/Avatar.js"),s=require("../../Base/Typography/Typography.js"),i=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var n=require("../../DataDisplays/NewBadge/NewBadge.js"),o=require("../../DataDisplays/Divider/Divider.js");function c(e,r,a){return r in e?Object.defineProperty(e,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[r]=a,e}function u(e){for(var r=1;r<arguments.length;r++){var a=null!=arguments[r]?arguments[r]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(r){c(e,r,a[r])}))}return e}function p(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 a=Object.getOwnPropertySymbols(e);r.push.apply(r,a)}return r}(Object(r)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(r,a))})),e}function x(e,r){if(null==e)return{};var a,t,l=function(e,r){if(null==e)return{};var a,t,l={},s=Object.keys(e);for(t=0;t<s.length;t++)a=s[t],r.indexOf(a)>=0||(l[a]=e[a]);return l}
1
+ "use strict";var e=require("react/jsx-runtime"),r=require("react"),a=require("tailwind-merge"),t=require("../../DataDisplays/Avatar/Avatar.js"),l=require("../../Base/Typography/Typography.js"),s=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,r,a){return r in e?Object.defineProperty(e,r,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[r]=a,e}function c(e){for(var r=1;r<arguments.length;r++){var a=null!=arguments[r]?arguments[r]:{},t=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(t=t.concat(Object.getOwnPropertySymbols(a).filter((function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable})))),t.forEach((function(r){o(e,r,a[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 a=Object.getOwnPropertySymbols(e);r.push.apply(r,a)}return r}(Object(r)).forEach((function(a){Object.defineProperty(e,a,Object.getOwnPropertyDescriptor(r,a))})),e}function p(e,r){if(null==e)return{};var a,t,l=function(e,r){if(null==e)return{};var a,t,l={},s=Object.keys(e);for(t=0;t<s.length;t++)a=s[t],r.indexOf(a)>=0||(l[a]=e[a]);return l}
2
2
  /**
3
3
  * GNB 리스트의 루트 컴포넌트
4
4
  *
@@ -31,13 +31,13 @@
31
31
  * <Item href="/logout">로그아웃</Item>
32
32
  * </SubList>
33
33
  * </Root>
34
- */(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(t=0;t<s.length;t++)a=s[t],r.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}require("../../DataDisplays/Accordion/Accordion.js");exports.Item=r=>{var{hasNew:l=!1,children:o,className:c,textClassName:y,href:f}=r,d=x(r,["hasNew","children","className","textClassName","href"]);/*#__PURE__*/
35
- return e.jsx(i.Box,{as:"li",children:/*#__PURE__*/e.jsxs(t,p(u({href:f,className:a.twMerge("hover:bg-primary-10 flex w-full cursor-pointer gap-1 px-6 py-2",c)},d),{children:[
36
- /*#__PURE__*/e.jsx(s.Typography,{variant:"body14",className:y,children:o}),l&&/*#__PURE__*/e.jsx(n.NewBadge,{className:"mt-1","aria-label":"새 소식"})]}))})},exports.List=({children:r})=>/*#__PURE__*/e.jsx(i.Box,{as:"ul","aria-label":"메인 메뉴",className:"text-w-gray-900 w-full",children:r}),exports.Root=({withUserInfo:t=!1,children:l,className:s})=>{const n=r.Children.map(l,((a,t)=>0===t?a:/*#__PURE__*/e.jsxs(r.Fragment,{children:[
37
- /*#__PURE__*/e.jsx(o.Divider,{className:"my-2"}),a]}))),c=t?"w-[280px] pb-3 pt-5":"h-auto w-[200px] overflow-hidden py-3";/*#__PURE__*/
38
- return e.jsx(i.Box,{as:"nav","aria-label":"네비게이션 메뉴",className:a.twMerge("absolute flex flex-col rounded-xl bg-w-white shadow-graymedium",c,s),children:n})},exports.SubList=({children:r})=>/*#__PURE__*/e.jsx(i.Box,{as:"ul","aria-label":"서브 메뉴",className:"text-w-gray-600 w-full",children:r}),exports.UserInfo=({imgUrl:r,username:a,email:t,children:n,onClick:o})=>/*#__PURE__*/e.jsxs(i.Box,{role:"region","aria-label":"사용자 정보",className:"flex w-full flex-col gap-4 px-6 pb-4",children:[
39
- /*#__PURE__*/e.jsxs(i.Box,{className:"flex w-full items-center gap-4",children:[
40
- /*#__PURE__*/e.jsx(l.Avatar,{size:"lg",isEditable:!0,imgUrl:r,onClick:o}),
41
- /*#__PURE__*/e.jsxs(i.Box,{className:"flex w-full flex-col gap-0.5",children:[
42
- /*#__PURE__*/e.jsx(s.Typography,{variant:"body16",className:"text-w-gray-900 font-medium",children:a}),
43
- /*#__PURE__*/e.jsx(s.Typography,{variant:"body14",className:"text-w-gray-600 line-clamp-2 break-all",children:t})]})]}),n&&/*#__PURE__*/e.jsx(i.Box,{className:"flex w-full flex-col gap-2",children:n})]});
34
+ */(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(t=0;t<s.length;t++)a=s[t],r.indexOf(a)>=0||Object.prototype.propertyIsEnumerable.call(e,a)&&(l[a]=e[a])}return l}require("../../DataDisplays/Accordion/Accordion.js");exports.Item=r=>{var{hasNew:t=!1,children:n,className:o,textClassName:y,href:x,as:f="a"}=r,d=p(r,["hasNew","children","className","textClassName","href","as"]);/*#__PURE__*/
35
+ return e.jsx(s.Box,{as:"li",children:/*#__PURE__*/e.jsxs(f,u(c({href:x,className:a.twMerge("hover:bg-primary-10 flex w-full cursor-pointer gap-1 px-6 py-2",o)},d),{children:[
36
+ /*#__PURE__*/e.jsx(l.Typography,{variant:"body14",className:y,children:n}),t&&/*#__PURE__*/e.jsx(i.NewBadge,{className:"mt-1","aria-label":"새 소식"})]}))})},exports.List=({children:r})=>/*#__PURE__*/e.jsx(s.Box,{as:"ul","aria-label":"메인 메뉴",className:"text-w-gray-900 w-full",children:r}),exports.Root=({withUserInfo:t=!1,children:l,className:i})=>{const o=r.Children.map(l,((a,t)=>0===t?a:/*#__PURE__*/e.jsxs(r.Fragment,{children:[
37
+ /*#__PURE__*/e.jsx(n.Divider,{className:"my-2"}),a]}))),c=t?"w-[280px] pb-3 pt-5":"h-auto w-[200px] overflow-hidden py-3";/*#__PURE__*/
38
+ return e.jsx(s.Box,{as:"nav","aria-label":"네비게이션 메뉴",className:a.twMerge("absolute flex flex-col rounded-xl bg-w-white shadow-graymedium",c,i),children:o})},exports.SubList=({children:r})=>/*#__PURE__*/e.jsx(s.Box,{as:"ul","aria-label":"서브 메뉴",className:"text-w-gray-600 w-full",children:r}),exports.UserInfo=({imgUrl:r,username:a,email:i,children:n,onClick:o})=>/*#__PURE__*/e.jsxs(s.Box,{role:"region","aria-label":"사용자 정보",className:"flex w-full flex-col gap-4 px-6 pb-4",children:[
39
+ /*#__PURE__*/e.jsxs(s.Box,{className:"flex w-full items-center gap-4",children:[
40
+ /*#__PURE__*/e.jsx(t.Avatar,{size:"lg",isEditable:!0,imgUrl:r,onClick:o}),
41
+ /*#__PURE__*/e.jsxs(s.Box,{className:"flex w-full flex-col gap-0.5",children:[
42
+ /*#__PURE__*/e.jsx(l.Typography,{variant:"body16",className:"text-w-gray-900 font-medium",children:a}),
43
+ /*#__PURE__*/e.jsx(l.Typography,{variant:"body14",className:"text-w-gray-600 line-clamp-2 break-all",children:i})]})]}),n&&/*#__PURE__*/e.jsx(s.Box,{className:"flex w-full flex-col gap-2",children:n})]});
@@ -0,0 +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 o=require("../../Inputs/IconButton/IconButton.js");require("../../Inputs/Radio/Radio.js"),require("../../Inputs/TextField/TextField.js"),require("../../Inputs/CommentArea/CommentArea.js");var i=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":"",o={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,o[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:d,leadingIcon:g,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:[g&&/*#__PURE__*/e.jsx(s.SystemIcon,{testId:"design-system-menu-leading-icon",name:g,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}),d&&/*#__PURE__*/e.jsx(r.CountBadge,{variant:c(y,j),text:d,className:"relative",showZero:!0}),f&&/*#__PURE__*/e.jsx(i.IconButtonDropdown,{size:"sm",icon:I,items:w,selectedItem:h,onItemClick:q}),C&&/*#__PURE__*/e.jsx(o.IconButton,{size:"sm",className:"shrink-0",onClick:e=>{e.stopPropagation(),b()},children:/*#__PURE__*/e.jsx(s.SystemIcon,{name:I})})]}))};
@@ -0,0 +1,39 @@
1
+ "use strict";var e=require("react/jsx-runtime"),t=require("./MenuBase.js");function n(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){n(e,t,r[t])}))}return e}function o(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}
2
+ /**
3
+ * 네비게이션에서 사용되는 버튼형 메뉴 항목.
4
+ *
5
+ * @description
6
+ * - 항상 `<button>`으로 렌더링됩니다.
7
+ * - `onClick`이 반드시 필요합니다. 페이지 이동을 위한 anchor가 필요한 경우 `MenuLink`를 사용하세요.
8
+ *
9
+ * @param {Object} props
10
+ * @param {() => void} props.onClick - 메뉴 클릭 시 실행될 함수 (필수)
11
+ * @param {'main' | 'sub'} [props.type='main'] - 메뉴 타입 (HTML `<button>`의 native `type`과는 무관. native `type`을 지정하려면 `htmlType` prop 사용)
12
+ * @param {'button' | 'submit' | 'reset'} [props.htmlType] - `<button>`의 native `type` 속성
13
+ * @param {'white' | 'gray'} [props.variant='white'] - 메뉴 스타일 변형
14
+ * @param {string} props.name - 메뉴에 표시될 텍스트
15
+ * @param {string} [props.badgeCount] - 메뉴 항목에 표시될 뱃지 숫자
16
+ * @param {boolean} [props.isSelected=false] - 메뉴 선택 상태
17
+ * @param {SystemIconName} [props.leadingIcon] - 메뉴 앞쪽에 표시될 아이콘 (medium 사이즈)
18
+ * @param {SystemIconName} [props.iconButtonName] - IconButtonDropdown / IconButton 아이콘 (small 사이즈)
19
+ * @param {() => void} [props.onOptionClick] - 후행 아이콘 클릭 시 실행될 함수 (IconButton 옵션)
20
+ * @param {Item[]} [props.items] - IconButtonDropdown 사용 시 필요
21
+ * @param {Item} [props.selectedItem] - IconButtonDropdown 사용 시 필요
22
+ * @param {(item: Item) => void} [props.onItemClick] - IconButtonDropdown 사용 시 필요
23
+ *
24
+ * @example
25
+ * // 기본 사용
26
+ * <MenuButton name="설정" onClick={() => openModal()} />
27
+ *
28
+ * @example
29
+ * // IconButtonDropdown과 함께
30
+ * <MenuButton
31
+ * name="옵션"
32
+ * onClick={() => {}}
33
+ * iconButtonName="small_more_options"
34
+ * items={items}
35
+ * selectedItem={selectedItem}
36
+ * onItemClick={onItemClick}
37
+ * />
38
+ */(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)&&(o[n]=e[n])}return o}exports.MenuButton=n=>{var{type:i,variant:c,name:l,badgeCount:a,isSelected:u,leadingIcon:s,iconButtonName:m,onOptionClick:p,items:b,selectedItem:y,onItemClick:f,onClick:O,htmlType:d,children:g}=n,j=o(n,["type","variant","name","badgeCount","isSelected","leadingIcon","iconButtonName","onOptionClick","items","selectedItem","onItemClick","onClick","htmlType","children"]);/*#__PURE__*/
39
+ return e.jsx(t.MenuBase,{type:i,variant:c,name:l,badgeCount:a,isSelected:u,leadingIcon:s,iconButtonName:m,onOptionClick:p,items:b,selectedItem:y,onItemClick:f,as:"button",wrapperProps:r({onClick:O,type:d},j)})};
@@ -0,0 +1,42 @@
1
+ "use strict";var e=require("react/jsx-runtime"),t=require("./MenuBase.js");function n(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}function r(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},o=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),o.forEach((function(t){n(e,t,r[t])}))}return e}function o(e,t){if(null==e)return{};var n,r,o=function(e,t){if(null==e)return{};var n,r,o={},i=Object.keys(e);for(r=0;r<i.length;r++)n=i[r],t.indexOf(n)>=0||(o[n]=e[n]);return o}
2
+ /**
3
+ * 네비게이션에서 사용되는 링크형 메뉴 항목.
4
+ *
5
+ * @description
6
+ * - 기본은 `<a>` 태그이며, `as` prop으로 Next.js의 Link 등 임의의 컴포넌트를 주입할 수 있습니다.
7
+ * - `href`가 반드시 필요합니다. 클릭 핸들러만 필요한 경우 `MenuButton`을 사용하세요.
8
+ *
9
+ * @param {Object} props
10
+ * @param {string} props.href - 메뉴 링크 주소 (필수)
11
+ * @param {ElementType} [props.as='a'] - anchor 자리에 렌더할 컴포넌트 (예: next/link)
12
+ * @param {'main' | 'sub'} [props.type='main'] - 메뉴 타입
13
+ * @param {'white' | 'gray'} [props.variant='white'] - 메뉴 스타일 변형
14
+ * @param {string} props.name - 메뉴에 표시될 텍스트
15
+ * @param {string} [props.badgeCount] - 메뉴 항목에 표시될 뱃지 숫자
16
+ * @param {boolean} [props.isSelected=false] - 메뉴 선택 상태
17
+ * @param {SystemIconName} [props.leadingIcon] - 메뉴 앞쪽에 표시될 아이콘 (medium 사이즈)
18
+ * @param {SystemIconName} [props.iconButtonName] - IconButtonDropdown / IconButton 아이콘 (small 사이즈)
19
+ * @param {() => void} [props.onOptionClick] - 후행 아이콘 클릭 시 실행될 함수 (IconButton 옵션)
20
+ * @param {Item[]} [props.items] - IconButtonDropdown 사용 시 필요
21
+ * @param {Item} [props.selectedItem] - IconButtonDropdown 사용 시 필요
22
+ * @param {(item: Item) => void} [props.onItemClick] - IconButtonDropdown 사용 시 필요
23
+ *
24
+ * @example
25
+ * // 기본 사용 (일반 <a>)
26
+ * <MenuLink href="/projects" name="프로젝트" />
27
+ *
28
+ * @example
29
+ * // Next.js Link 주입
30
+ * import Link from 'next/link';
31
+ * <MenuLink as={Link} href="/projects" name="프로젝트" />
32
+ *
33
+ * @example
34
+ * // 외부 링크
35
+ * <MenuLink
36
+ * href="https://example.com"
37
+ * name="외부 사이트"
38
+ * target="_blank"
39
+ * rel="noopener noreferrer"
40
+ * />
41
+ */(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)&&(o[n]=e[n])}return o}exports.MenuLink=n=>{var{type:i,variant:c,name:a,badgeCount:l,isSelected:u,leadingIcon:s,iconButtonName:f,onOptionClick:m,items:p,selectedItem:b,onItemClick:O,href:y,as:d="a",children:g}=n,j=o(n,["type","variant","name","badgeCount","isSelected","leadingIcon","iconButtonName","onOptionClick","items","selectedItem","onItemClick","href","as","children"]);/*#__PURE__*/
42
+ return e.jsx(t.MenuBase,{type:i,variant:c,name:a,badgeCount:l,isSelected:u,leadingIcon:s,iconButtonName:f,onOptionClick:m,items:p,selectedItem:b,onItemClick:O,as:d,wrapperProps:r({href:y},j)})};
@@ -1,61 +1,38 @@
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 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 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={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}
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 c(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}
2
2
  /**
3
3
  * 텍스트 기반의 링크 컴포넌트입니다.
4
4
  *
5
5
  * @description
6
- * TextButton과 동일한 스타일을 가지지만 `<a>` 태그 기반으로 페이지 네비게이션을 담당합니다.
7
- * Next.js의 Link 컴포넌트를 기반으로 하여 클라이언트 사이드 라우팅을 지원합니다.
6
+ * TextButton과 동일한 스타일을 가지지만 기본적으로 `<a>` 태그 기반으로 페이지 네비게이션을 담당합니다.
7
+ * `as` prop으로 Next.js의 `Link`나 React Router의 `Link` 임의의 컴포넌트를 주입할 수 있습니다.
8
8
  *
9
9
  * @component
10
10
  * @param {Object} props - TextLink 컴포넌트의 props
11
11
  * @param {string} props.href - 링크 대상 URL (필수)
12
12
  * @param {string} props.text - 표시할 텍스트 (필수)
13
+ * @param {ElementType} [props.as='a'] - 렌더링할 요소/컴포넌트
13
14
  * @param {SystemIconName} [props.leadingIcon] - 텍스트 앞에 표시할 아이콘
14
15
  * @param {SystemIconName} [props.trailingIcon] - 텍스트 뒤에 표시할 아이콘
15
16
  * @param {boolean} [props.isTextSmall=false] - 작은 텍스트 크기 사용 여부
16
17
  * @param {boolean} [props.isGray=false] - 텍스트 색상을 회색으로 사용 여부
17
18
  * @param {boolean} [props.isUnderline=false] - 텍스트에 밑줄 스타일 적용 여부
18
- * @param {ComponentProps<typeof Link>} props - Next.js Link 컴포넌트의 모든 props 지원
19
19
  *
20
20
  * @example
21
- * // 기본 사용법
21
+ * // 기본 사용법 (일반 <a>)
22
22
  * <TextLink href="/about" text="소개 페이지로 이동" />
23
23
  *
24
24
  * @example
25
- * // 아이콘과 함께 사용
26
- * <TextLink
27
- * href="/detail"
28
- * text="자세히 보기"
29
- * trailingIcon="medium_arrow_right"
30
- * />
25
+ * // Next.js Link와 함께 사용
26
+ * import Link from 'next/link';
27
+ * <TextLink as={Link} href="/about" text="소개" />
31
28
  *
32
29
  * @example
33
- * // 외부 링크로 사용
30
+ * // 외부 링크
34
31
  * <TextLink
35
32
  * href="https://example.com"
36
33
  * text="외부 사이트 방문"
37
34
  * target="_blank"
38
35
  * rel="noopener noreferrer"
39
36
  * />
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 c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[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,className:p}=l,g=o(l,["href","text","leadingIcon","trailingIcon","isTextSmall","isGray","isUnderline","className"]);/*#__PURE__*/
61
- return e.jsx(t,c(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)},g),{children:/*#__PURE__*/e.jsx(n.TextWithIcons,{text:a,leadingIcon:u,trailingIcon:f,isTextSmall:O,isUnderline:y,isGray:b})}))};
37
+ */(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}exports.TextLink=o=>{var{as:l="a",href:s,text:a,leadingIcon:u,trailingIcon:f,isTextSmall:O=!1,isGray:b=!1,isUnderline:y=!1,className:p}=o,g=c(o,["as","href","text","leadingIcon","trailingIcon","isTextSmall","isGray","isUnderline","className"]);/*#__PURE__*/
38
+ return e.jsx(l,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}({href:s,className:t.twMerge("flex min-h-6 w-fit items-center justify-center",O?"gap-x-0.5":"gap-x-1",p)},g),{children:/*#__PURE__*/e.jsx(r.TextWithIcons,{text:a,leadingIcon:u,trailingIcon:f,isTextSmall:O,isUnderline:y,isGray:b})}))};
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/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"),L=require("./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js"),g=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"),R=require("./Components/Inputs/ChoiceChip/ChoiceChip.js"),N=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/CommentArea/CommentArea.js"),Y=require("./Components/Inputs/IconButtonDropdown/IconButtonDropdown.js"),Z=require("./Components/Inputs/MultiColumnList/MultiColumnList.js"),$=require("./Components/Inputs/FilterChip/FilterChip.js"),_=require("./Components/Inputs/TextButtonDropdown/TextButtonDropdown.js"),ee=require("./Components/Inputs/AutoCompleteList/AutoCompleteList.js"),oe=require("./Components/Inputs/FilterList/FilterList.js"),te=require("./Components/Inputs/Input/Input.js"),se=require("./Components/Inputs/Input/PasswordInput.js"),re=require("./Components/Inputs/Input/LabelInput.js"),ne=require("./Components/Inputs/Input/InputTypeSelector.js"),ie=require("./Components/Inputs/SupportTextContainer/SupportTextContainer.js"),ae=require("./Components/Inputs/TextFieldContainer/TextFieldContainer.js"),pe=require("./Components/Inputs/FileUploader/FileUploader.js"),ue=require("./Components/Base/Typography/Typography.js"),le=require("./Components/Base/Layouts/Box/Box.js"),Ce=require("./Components/Base/Layouts/GridLayout/GridLayout.js"),me=require("./Components/Base/Layouts/Column/Column.js"),xe=require("./Components/Base/Layouts/FullBleed/FullBleed.js"),de=require("./Components/Navigations/Drawer/Drawer.js"),ce=require("./Components/Navigations/GNBList/GNBList.js"),Ie=require("./Components/Navigations/Pagination/Pagination.parts.js"),Be=require("./Components/Navigations/Pagination/Pagination.js"),je=require("./Components/Navigations/TableOfContents/TableOfContents.js"),qe=require("./Components/Navigations/TextTab/TextTab.js"),Le=require("./Components/Navigations/BoxTab/BoxTab.js"),ge=require("./Components/Navigations/Menu/Menu.js"),Te=require("./Components/Navigations/TextLink/TextLink.js"),De=require("./Components/Utils/BackDrop/BackDrop.js"),Se=require("./Components/Utils/BackDropLiftContainer/BackDropLiftContainer.js"),be=require("./Components/Utils/BottomModalContainer/BottomModalContainer.js"),he=require("./Components/Utils/FullModalContainer/FullModalContainer.js"),ke=require("./Components/Utils/Modal/Modal.js"),ye=require("./Components/Utils/ModalContainer/ModalContainer.js"),Fe=require("./Components/Utils/Portal/Portal.js"),Me=require("./Components/Wrappers/WithBadge/WithBadge.js"),we=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=L.LoadingIndicator,exports.Tooltip=g.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=R.ChoiceChip,exports.IconButton=N.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.CommentArea=X.CommentArea,exports.IconButtonDropdown=Y.IconButtonDropdown,exports.MultiColumnList=Z.MultiColumnList,exports.FilterChip=$.FilterChip,exports.TextButtonDropdown=_.TextButtonDropdown,exports.AutoCompleteList=ee.AutoCompleteList,exports.FilterList=oe.FilterList,exports.Input=te.Input,exports.PasswordInput=se.PasswordInput,exports.LabelInput=re.LabelInput,exports.InputTypeSelector=ne.InputTypeSelector,exports.SupportTextContainer=ie.SupportTextContainer,exports.TextFieldContainer=ae.TextFieldContainer,exports.FileUploader=pe.FileUploader,exports.Typography=ue.Typography,exports.Box=le.Box,exports.GridLayout=Ce.GridLayout,exports.Column=me.Column,exports.FullBleed=xe.FullBleed,exports.Drawer=de.Drawer,exports.GNBList=ce.GNBList,exports.LeftArrow=Ie.LeftArrow,exports.PaginationNumber=Ie.PaginationNumber,exports.RightArrow=Ie.RightArrow,exports.Pagination=Be.Pagination,exports.TableOfContents=je.TableOfContents,exports.TextTab=qe.TextTab,exports.BoxTab=Le.BoxTab,exports.Menu=ge.Menu,exports.TextLink=Te.TextLink,exports.BackDrop=De.BackDrop,exports.BackDropLiftContainer=Se.BackDropLiftContainer,exports.BottomModalContainer=be.BottomModalContainer,exports.FullModalContainer=he.FullModalContainer,exports.Modal=ke.Modal,exports.ModalContainer=ye.ModalContainer,exports.Portal=Fe.Portal,exports.WithBadge=Me.WithBadge,exports.WithSnackBar=we.WithSnackBar;
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"),n=require("./Components/DataDisplays/NewBadge/NewBadge.js"),r=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"),L=require("./Components/Feedbacks/Dialog/Dialog.js"),j=require("./Components/Feedbacks/DialogBox/DialogBox.js"),q=require("./Components/Feedbacks/LoadingIndicator/LoadingIndicator.js"),g=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/CommentArea/CommentArea.js"),Y=require("./Components/Inputs/IconButtonDropdown/IconButtonDropdown.js"),Z=require("./Components/Inputs/MultiColumnList/MultiColumnList.js"),$=require("./Components/Inputs/FilterChip/FilterChip.js"),_=require("./Components/Inputs/TextButtonDropdown/TextButtonDropdown.js"),ee=require("./Components/Inputs/AutoCompleteList/AutoCompleteList.js"),oe=require("./Components/Inputs/FilterList/FilterList.js"),te=require("./Components/Inputs/Input/Input.js"),se=require("./Components/Inputs/Input/PasswordInput.js"),ne=require("./Components/Inputs/Input/LabelInput.js"),re=require("./Components/Inputs/Input/InputTypeSelector.js"),ie=require("./Components/Inputs/SupportTextContainer/SupportTextContainer.js"),ae=require("./Components/Inputs/TextFieldContainer/TextFieldContainer.js"),pe=require("./Components/Inputs/FileUploader/FileUploader.js"),ue=require("./Components/Base/Typography/Typography.js"),le=require("./Components/Base/Layouts/Box/Box.js"),Ce=require("./Components/Base/Layouts/GridLayout/GridLayout.js"),me=require("./Components/Base/Layouts/Column/Column.js"),xe=require("./Components/Base/Layouts/FullBleed/FullBleed.js"),de=require("./Components/Navigations/Drawer/Drawer.js"),ce=require("./Components/Navigations/GNBList/GNBList.js"),Ie=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"),ge=require("./Components/Navigations/Menu/MenuLink.js"),Te=require("./Components/Navigations/Menu/MenuButton.js"),De=require("./Components/Navigations/TextLink/TextLink.js"),Se=require("./Components/Utils/BackDrop/BackDrop.js"),be=require("./Components/Utils/BackDropLiftContainer/BackDropLiftContainer.js"),he=require("./Components/Utils/BottomModalContainer/BottomModalContainer.js"),ke=require("./Components/Utils/FullModalContainer/FullModalContainer.js"),ye=require("./Components/Utils/Modal/Modal.js"),Fe=require("./Components/Utils/ModalContainer/ModalContainer.js"),Me=require("./Components/Utils/Portal/Portal.js"),we=require("./Components/Wrappers/WithBadge/WithBadge.js"),Ne=require("./Components/Wrappers/WithSnackBar/WithSnackBar.js");exports.Avatar=e.Avatar,exports.CountBadge=o.CountBadge,exports.ImageLabel=t.ImageLabel,exports.Label=s.Label,exports.NewBadge=n.NewBadge,exports.ProductIcon=r.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=L.Dialog,exports.DialogBox=j.DialogBox,exports.LoadingIndicator=q.LoadingIndicator,exports.Tooltip=g.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.CommentArea=X.CommentArea,exports.IconButtonDropdown=Y.IconButtonDropdown,exports.MultiColumnList=Z.MultiColumnList,exports.FilterChip=$.FilterChip,exports.TextButtonDropdown=_.TextButtonDropdown,exports.AutoCompleteList=ee.AutoCompleteList,exports.FilterList=oe.FilterList,exports.Input=te.Input,exports.PasswordInput=se.PasswordInput,exports.LabelInput=ne.LabelInput,exports.InputTypeSelector=re.InputTypeSelector,exports.SupportTextContainer=ie.SupportTextContainer,exports.TextFieldContainer=ae.TextFieldContainer,exports.FileUploader=pe.FileUploader,exports.Typography=ue.Typography,exports.Box=le.Box,exports.GridLayout=Ce.GridLayout,exports.Column=me.Column,exports.FullBleed=xe.FullBleed,exports.Drawer=de.Drawer,exports.GNBList=ce.GNBList,exports.LeftArrow=Ie.LeftArrow,exports.PaginationNumber=Ie.PaginationNumber,exports.RightArrow=Ie.RightArrow,exports.Pagination=Be.Pagination,exports.TableOfContents=Le.TableOfContents,exports.TextTab=je.TextTab,exports.BoxTab=qe.BoxTab,exports.MenuLink=ge.MenuLink,exports.MenuButton=Te.MenuButton,exports.TextLink=De.TextLink,exports.BackDrop=Se.BackDrop,exports.BackDropLiftContainer=be.BackDropLiftContainer,exports.BottomModalContainer=he.BottomModalContainer,exports.FullModalContainer=ke.FullModalContainer,exports.Modal=ye.Modal,exports.ModalContainer=Fe.ModalContainer,exports.Portal=Me.Portal,exports.WithBadge=we.WithBadge,exports.WithSnackBar=Ne.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{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{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{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": "2.2.1",
3
+ "version": "3.0.0",
4
4
  "type": "module",
5
5
  "description": "Wishket Design System",
6
6
  "main": "dist/index.js",
@@ -9,7 +9,8 @@
9
9
  "license": "MIT",
10
10
  "files": [
11
11
  "dist",
12
- "dist/cjs"
12
+ "dist/cjs",
13
+ "scripts/codemods"
13
14
  ],
14
15
  "exports": {
15
16
  ".": {
@@ -38,6 +39,7 @@
38
39
  "build:dts": "tsc --project tsconfig.rollup.json --emitDeclarationOnly",
39
40
  "lint": "eslint './**/*.{ts,tsx,js,jsx}' --ignore-path .eslintignore || true",
40
41
  "test": "jest --ci --runInBand --coverage --watchAll=false --passWithNoTests --testMatch=\"**/*.spec.@(ts|tsx)\"",
42
+ "test:codemods": "node scripts/codemods/__tests__/run-fixtures.cjs",
41
43
  "storybook": "storybook dev -p 6006",
42
44
  "build-storybook": "storybook build",
43
45
  "prettier:check": "prettier --cache --check .",
@@ -46,7 +48,6 @@
46
48
  },
47
49
  "dependencies": {
48
50
  "@wishket/yogokit": "^0.2.2",
49
- "next": "16.0.10",
50
51
  "react": "19.2.3",
51
52
  "react-dom": "19.2.3",
52
53
  "sharp": "^0.34.3",
@@ -102,6 +103,7 @@
102
103
  "jest-dom": "^4.0.0",
103
104
  "jest-environment-jsdom": "^29.7.0",
104
105
  "madge": "^8.0.0",
106
+ "next": "16.0.10",
105
107
  "postcss": "^8.5.5",
106
108
  "postcss-loader": "^8.1.1",
107
109
  "prettier": "^3.6.2",
@@ -118,8 +120,8 @@
118
120
  },
119
121
  "peerDependencies": {
120
122
  "@savvywombat/tailwindcss-grid-areas": "^4.0.0",
121
- "react": "^18 || ^19",
122
- "react-dom": "^18 || ^19"
123
+ "react": "^19",
124
+ "react-dom": "^19"
123
125
  },
124
126
  "sideEffects": [
125
127
  "*.css",