@wishket/design-system 1.13.14 → 1.13.15

package/dist/cjs/Components/Navigations/GNBList/GNBList.parts.js

@@ -1,13 +1,13 @@
-"use strict";var e=require("react/jsx-runtime"),t=require("react"),s=require("tailwind-merge"),r=require("../../DataDisplays/Avatar/Avatar.js"),a=require("../../Base/Typography/Typography.js"),l=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var i=require("../../DataDisplays/NewBadge/NewBadge.js"),n=require("../../DataDisplays/Divider/Divider.js");function o(e,t,s){return t in e?Object.defineProperty(e,t,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[t]=s,e}function d(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var s=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),s.push.apply(s,r)}return s}(Object(t)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(t,s))})),e}function c(e,t){if(null==e)return{};var s,r,a=function(e,t){if(null==e)return{};var s,r,a={},l=Object.keys(e);for(r=0;r<l.length;r++)s=l[r],t.indexOf(s)>=0||(a[s]=e[s]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)s=l[r],t.indexOf(s)>=0||Object.prototype.propertyIsEnumerable.call(e,s)&&(a[s]=e[s])}return a}const u=/*#__PURE__*/t.createContext({type:""});
+"use strict";var e=require("react/jsx-runtime"),t=require("react"),s=require("tailwind-merge"),r=require("../../DataDisplays/Avatar/Avatar.js"),a=require("../../Base/Typography/Typography.js"),l=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js"),require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var i=require("../../DataDisplays/NewBadge/NewBadge.js"),n=require("../../DataDisplays/Divider/Divider.js");function o(e,t,s){return t in e?Object.defineProperty(e,t,{value:s,enumerable:!0,configurable:!0,writable:!0}):e[t]=s,e}function d(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);t.push.apply(t,s)}return t}(Object(t)).forEach((function(s){Object.defineProperty(e,s,Object.getOwnPropertyDescriptor(t,s))})),e}function c(e,t){if(null==e)return{};var s,r,a=function(e,t){if(null==e)return{};var s,r,a={},l=Object.keys(e);for(r=0;r<l.length;r++)s=l[r],t.indexOf(s)>=0||(a[s]=e[s]);return a}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)s=l[r],t.indexOf(s)>=0||Object.prototype.propertyIsEnumerable.call(e,s)&&(a[s]=e[s])}return a}const u=/*#__PURE__*/t.createContext({type:""});
 /**
  * GNB 리스트의 루트 컴포넌트
  * @param {Object} props
  * @param {'main'|'sub'|'user'} [props.type] - 리스트 타입 (main, sub, user)
  * @param {string} [props.className] - 추가적인 CSS 클래스
  * @param {ReactNode} props.children - 리스트 아이템들
- */exports.Item=r=>{var{hasNew:n=!1,children:f,className:m,textClassName:p}=r,y=c(r,["hasNew","children","className","textClassName"]);const{type:g}=t.useContext(u);/*#__PURE__*/
-return e.jsxs(l.default,d(function(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{},r=Object.keys(s);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(s).filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable})))),r.forEach((function(t){o(e,t,s[t])}))}return e}({className:s.twMerge("flex w-full cursor-pointer gap-1 px-4 py-3 hover:bg-primary-10","user"===g&&"px-6",m),"data-testid":`design-system-gnb-list--${g}-item-${f}`},y),{children:[
-/*#__PURE__*/e.jsx(a.default,{variant:"body1",className:p,"data-testid":`design-system-gnb-list--${g}-item-text-${f}`,children:f}),n&&/*#__PURE__*/e.jsx(i.default,{className:"mt-1"})]}))},exports.List=({children:t})=>/*#__PURE__*/e.jsx(l.default,{className:"w-full text-w-gray-900","data-testid":"design-system-gnb-list--list",children:t}),exports.Root=({type:r="main",children:a,className:i})=>{const o=t.Children.map(a,((s,r)=>0===r?s:/*#__PURE__*/e.jsxs(t.Fragment,{children:[
+ */exports.Item=r=>{var{hasNew:n=!1,children:f,className:m,textClassName:p}=r,y=c(r,["hasNew","children","className","textClassName"]);const{type:x}=t.useContext(u);/*#__PURE__*/
+return e.jsxs(l.default,d(function(e){for(var t=1;t<arguments.length;t++){var s=null!=arguments[t]?arguments[t]:{},r=Object.keys(s);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(s).filter((function(e){return Object.getOwnPropertyDescriptor(s,e).enumerable})))),r.forEach((function(t){o(e,t,s[t])}))}return e}({className:s.twMerge("flex w-full cursor-pointer gap-1 px-4 py-3 hover:bg-primary-10","user"===x&&"px-6",m),"data-testid":`design-system-gnb-list--${x}-item-${f}`},y),{children:[
+/*#__PURE__*/e.jsx(a.default,{variant:"body1",className:p,"data-testid":`design-system-gnb-list--${x}-item-text-${f}`,children:f}),n&&/*#__PURE__*/e.jsx(i.default,{className:"mt-1"})]}))},exports.List=({children:t})=>/*#__PURE__*/e.jsx(l.default,{className:"w-full text-w-gray-900","data-testid":"design-system-gnb-list--list",children:t}),exports.Root=({type:r="main",children:a,className:i})=>{const o=t.Children.map(a,((s,r)=>0===r?s:/*#__PURE__*/e.jsxs(t.Fragment,{children:[
 /*#__PURE__*/e.jsx(n.default,{className:"my-2"}),s]})));/*#__PURE__*/
 return e.jsxs(u.Provider,{value:{type:r},children:["main"===r&&/*#__PURE__*/e.jsxs(l.default,{className:s.twMerge("absolute flex h-auto w-[200px] overflow-hidden rounded-xl bg-w-white shadow-graymedium",i),"data-testid":"design-system-gnb-list--root-main",children:[
 /*#__PURE__*/e.jsx(l.default,{className:"m-0 h-auto w-2 bg-gradient-primary-45 p-0","data-testid":"design-system-gnb-list--root-main-sidebar"}),

package/dist/cjs/Components/Navigations/Pagination/Pagination.parts.js

@@ -1,2 +1,2 @@
-"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("react");var t=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var n=require("../../Base/Typography/Typography.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){a(e,r,t[r])}))}return e}function i(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);r&&(n=n.filter((function(r){return Object.getOwnPropertyDescriptor(e,r).enumerable}))),t.push.apply(t,n)}return t}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}function s(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");exports.LeftArrow=r=>/*#__PURE__*/e.jsx("button",i(o({},r),{"data-testid":"design-system-pagination-left-arrow",children:/*#__PURE__*/e.jsx(t.default,{name:"medium_arrow_left",className:"text-w-gray-900"})})),exports.PaginationNumber=t=>{var{value:a,enabled:u}=t,c=s(t,["value","enabled"]);/*#__PURE__*/
+"use strict";var e=require("react/jsx-runtime"),r=require("tailwind-merge");require("react");var t=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var n=require("../../Base/Typography/Typography.js");function a(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function o(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){a(e,r,t[r])}))}return e}function i(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){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 s(e,r){if(null==e)return{};var t,n,a=function(e,r){if(null==e)return{};var t,n,a={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(a[t]=e[t]);return a}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(a[t]=e[t])}return a}require("../../Base/Layouts/Box/Box.js"),require("../../Base/Layouts/FullBleed/FullBleed.js");exports.LeftArrow=r=>/*#__PURE__*/e.jsx("button",i(o({},r),{"data-testid":"design-system-pagination-left-arrow",children:/*#__PURE__*/e.jsx(t.default,{name:"medium_arrow_left",className:"text-w-gray-900"})})),exports.PaginationNumber=t=>{var{value:a,enabled:u}=t,c=s(t,["value","enabled"]);/*#__PURE__*/
 return e.jsx("button",i(o({className:r.twMerge("flex size-10 justify-center rounded-xl p-2 text-w-gray-700",u?"bg-primary-50 text-primary":"hover:bg-w-gray-50")},c),{children:/*#__PURE__*/e.jsx(n.default,{variant:"body2",children:a})}))},exports.RightArrow=r=>/*#__PURE__*/e.jsx("button",i(o({},r),{"data-testid":"design-system-pagination-right-arrow",children:/*#__PURE__*/e.jsx(t.default,{name:"medium_arrow_right",className:"text-w-gray-900"})}));

package/dist/cjs/Components/Navigations/TextTab/TextTab.parts.js

@@ -1,4 +1,4 @@
-"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),a=require("../../Base/Typography/Typography.js"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var l=require("../../DataDisplays/CountBadge/CountBadge.js");function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){i(e,t,r[t])}))}return e}function c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);t&&(a=a.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,a)}return r}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const u=/*#__PURE__*/t.createContext({barColor:"bg-w-gray-900",activeTab:0,currentActiveTab:0,isFit:!0,hasPadding:!1,isFull:!1,handleTabClick:e=>{}});
+"use client";"use strict";var e=require("react/jsx-runtime"),t=require("react"),r=require("tailwind-merge"),a=require("../../Base/Typography/Typography.js"),s=require("../../Base/Layouts/Box/Box.js");require("../../Base/Layouts/FullBleed/FullBleed.js");var n=require("../../DataDisplays/SystemIcon/SystemIcon.js");require("../../DataDisplays/SystemIcon/SystemIcon.constants.js");var l=require("../../DataDisplays/CountBadge/CountBadge.js");function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function o(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){i(e,t,r[t])}))}return e}function c(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const u=/*#__PURE__*/t.createContext({barColor:"bg-w-gray-900",activeTab:0,currentActiveTab:0,isFit:!0,hasPadding:!1,isFull:!1,handleTabClick:e=>{}});
 /**
  * TextTab의 Root 컴포넌트입니다.
  * TextTab의 상태를 관리합니다.
@@ -23,7 +23,7 @@
  * </TextTab.Root>
  */exports.Panel=({children:r,index:a})=>{const{activeTab:n}=t.useContext(u);return n===a&&/*#__PURE__*/e.jsx(s.default,{"data-testid":"design-system-textTab--content",children:r})},exports.Root=({children:r,currentActiveTab:a=0,isFit:s=!0,hasPadding:n=!1,isFull:l=!1,barColor:i="bg-w-gray-900",onChange:o})=>{const[c,d]=t.useState(a);return t.useEffect((()=>{a!==c&&d(a);
 // eslint-disable-next-line react-hooks/exhaustive-deps
-}),[a]),/*#__PURE__*/e.jsx(u.Provider,{value:{barColor:i,activeTab:c,currentActiveTab:a,isFit:s,hasPadding:n,handleTabClick:e=>{e!==c&&(null==o||o(e),d(e))},isFull:l},children:r})},exports.Tab=({children:i,index:d,className:f,disabled:b=!1,badgeNumber:x,iconName:y,href:g})=>{const{isFit:m,handleTabClick:p,activeTab:h,isFull:w}=t.useContext(u),j=d===h,v={tabIndex:0,"data-testid":`design-system-textTab--item-${d}`,className:r.twMerge("group flex w-max cursor-pointer items-center rounded-xl hover:font-medium",b&&"cursor-not-allowed",w&&"w-full",f),onClick:()=>{!b&&p(d)}},O=/*#__PURE__*/e.jsxs(s.default,{className:r.twMerge("relative flex w-full flex-row items-center justify-center gap-2 py-4 font-normal text-w-gray-600 group-hover:text-w-gray-900",!m&&"px-[33.5px]",w&&"w-full px-0",j&&"font-medium text-w-gray-900"),children:[y&&/*#__PURE__*/e.jsx(s.default,{className:"flex size-4 flex-shrink-0 items-center justify-center",children:/*#__PURE__*/e.jsx(n.default,{name:y,className:r.twMerge("size-4 text-w-gray-600 group-hover:text-w-gray-900",j&&"text-w-gray-900")})}),
-/*#__PURE__*/e.jsx(a.default,{variant:"body1",className:"relative",children:i}),void 0!==x&&/*#__PURE__*/e.jsx(l.default,{text:x,showZero:!0,className:"relative",variant:"gray"})]});return g?/*#__PURE__*/e.jsx("a",c(o({href:g},v),{children:O})):/*#__PURE__*/e.jsx(s.default,c(o({},v),{children:O}))},exports.Tabs=({children:a,className:n})=>{const{activeTab:l,hasPadding:i,isFull:o,barColor:c}=t.useContext(u),d=t.useRef([]),f=t.useRef(null),b=t.useRef(null),x=t.Children.toArray(a),[y,g]=t.useState(!1);return t.useEffect((()=>{if(!d.current[l]||!f.current||y)return;const e=d.current[l],t=f.current,r=b.current;if(e&&t&&r){const{offsetLeft:a,offsetWidth:s}=e,{scrollLeft:n,clientWidth:l}=r;t.style.width=`${s}px`,t.style.transform=`translateX(${a}px)`;if(!(n<=a&&n+l>=a+s)){const t=setTimeout((()=>{e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}),0);return()=>clearTimeout(t)}}}),[l,y]),/*#__PURE__*/e.jsxs(s.default,{ref:b,className:r.twJoin("relative block w-full touch-pan-x items-start overflow-x-scroll border-b border-w-gray-200 scrollbar-hide",i&&"px-9",n),"data-testid":"design-system-textTab--container",onTouchStart:()=>{g(!0)},onTouchEnd:()=>{g(!1)},children:[
+}),[a]),/*#__PURE__*/e.jsx(u.Provider,{value:{barColor:i,activeTab:c,currentActiveTab:a,isFit:s,hasPadding:n,handleTabClick:e=>{e!==c&&(null==o||o(e),d(e))},isFull:l},children:r})},exports.Tab=({children:i,index:d,className:f,disabled:b=!1,badgeNumber:x,iconName:y,href:g})=>{const{isFit:m,handleTabClick:p,activeTab:h,isFull:w}=t.useContext(u),j=d===h,v={tabIndex:0,"data-testid":`design-system-textTab--item-${d}`,className:r.twMerge("group flex w-max cursor-pointer items-center rounded-xl hover:font-medium",b&&"cursor-not-allowed",w&&"w-full",f),onClick:()=>{!b&&p(d)}},T=/*#__PURE__*/e.jsxs(s.default,{className:r.twMerge("relative flex w-full flex-row items-center justify-center gap-2 py-4 font-normal text-w-gray-600 group-hover:text-w-gray-900",!m&&"px-[33.5px]",w&&"w-full px-0",j&&"font-medium text-w-gray-900"),children:[y&&/*#__PURE__*/e.jsx(s.default,{className:"flex size-4 flex-shrink-0 items-center justify-center",children:/*#__PURE__*/e.jsx(n.default,{name:y,className:r.twMerge("size-4 text-w-gray-600 group-hover:text-w-gray-900",j&&"text-w-gray-900")})}),
+/*#__PURE__*/e.jsx(a.default,{variant:"body1",className:"relative",children:i}),void 0!==x&&/*#__PURE__*/e.jsx(l.default,{text:x,showZero:!0,className:"relative",variant:"gray"})]});return g?/*#__PURE__*/e.jsx("a",c(o({href:g},v),{children:T})):/*#__PURE__*/e.jsx(s.default,c(o({},v),{children:T}))},exports.Tabs=({children:a,className:n})=>{const{activeTab:l,hasPadding:i,isFull:o,barColor:c}=t.useContext(u),d=t.useRef([]),f=t.useRef(null),b=t.useRef(null),x=t.Children.toArray(a),[y,g]=t.useState(!1);return t.useEffect((()=>{if(!d.current[l]||!f.current||y)return;const e=d.current[l],t=f.current,r=b.current;if(e&&t&&r){const{offsetLeft:a,offsetWidth:s}=e,{scrollLeft:n,clientWidth:l}=r;t.style.width=`${s}px`,t.style.transform=`translateX(${a}px)`;if(!(n<=a&&n+l>=a+s)){const t=setTimeout((()=>{e.scrollIntoView({behavior:"smooth",block:"nearest",inline:"center"})}),0);return()=>clearTimeout(t)}}}),[l,y]),/*#__PURE__*/e.jsxs(s.default,{ref:b,className:r.twJoin("relative block w-full touch-pan-x items-start overflow-x-scroll border-b border-w-gray-200 scrollbar-hide",i&&"px-9",n),"data-testid":"design-system-textTab--container",onTouchStart:()=>{g(!0)},onTouchEnd:()=>{g(!1)},children:[
 /*#__PURE__*/e.jsx(s.default,{className:r.twMerge("inline-flex w-max gap-10",o&&"w-full gap-0"),children:x.map(((t,a)=>/*#__PURE__*/e.jsx(s.default,{className:r.twMerge(o&&"w-full"),ref:e=>{d.current[a]=e},children:t},a)))}),
 /*#__PURE__*/e.jsx("span",{ref:f,"data-testid":`design-system-textTab--underbar-${l}`,className:r.twJoin("absolute bottom-0 left-0 h-0.5 rounded-t-lg transition-all duration-300 ease-out",c)})]})};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wishket/design-system",
-  "version": "1.13.14",
+  "version": "1.13.15",
   "type": "module",
   "description": "Wishket Design System",
   "main": "dist/index.js",