@wishket/design-system 1.12.2 → 1.13.1

package/dist/Components/Navigations/GNBList/GNBList.d.ts

@@ -56,6 +56,6 @@ declare const GNBList: {
     SubList: ({ children }: {
         children?: import("react").ReactNode;
     }) => import("react/jsx-runtime").JSX.Element;
-    Item: ({ hasNew, children, className, ...rest }: import("./GNBList.types").GNBListItemProps) => import("react/jsx-runtime").JSX.Element;
+    Item: ({ hasNew, children, className, textClassName, ...rest }: import("./GNBList.types").GNBListItemProps) => import("react/jsx-runtime").JSX.Element;
 };
 export default GNBList;

package/dist/Components/Navigations/GNBList/GNBList.parts.d.ts

@@ -37,5 +37,5 @@ declare const SubList: ({ children }: PropsWithChildren) => import("react/jsx-ru
  * @param {() => void} [props.onClick] - 클릭 핸들러
  * @param {boolean} [props.isSelected] - 선택 상태 여부
  */
-declare const Item: ({ hasNew, children, className, ...rest }: GNBListItemProps) => import("react/jsx-runtime").JSX.Element;
+declare const Item: ({ hasNew, children, className, textClassName, ...rest }: GNBListItemProps) => import("react/jsx-runtime").JSX.Element;
 export { Root, UserInfo, List, SubList, Item };

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

@@ -128,12 +128,12 @@ const GNBListContext = /*#__PURE__*/ createContext({
                 ]
             }),
             type === 'sub' && /*#__PURE__*/ jsx(Box, {
-                className: twMerge('absolute flex h-auto w-[200px] flex-col overflow-hidden rounded-xl bg-w-white py-[13px] shadow-graymedium ', className),
+                className: twMerge('absolute flex h-auto w-[200px] flex-col overflow-hidden rounded-xl bg-w-white py-3 shadow-graymedium ', className),
                 "data-testid": "design-system-gnb-list--root-sub",
                 children: childrenWithDivider
             }),
             type === 'user' && /*#__PURE__*/ jsx(Box, {
-                className: twMerge('absolute flex w-full flex-col bg-w-white pb-[14px] pt-[22px] desktop:w-[280px] desktop:rounded-xl desktop:shadow-graymedium', className),
+                className: twMerge('absolute flex w-full flex-col bg-w-white pb-3 pt-5 desktop:w-[280px] desktop:rounded-xl desktop:shadow-graymedium', className),
                 "data-testid": "design-system-gnb-list--root-user",
                 children: childrenWithDivider
             })
@@ -214,10 +214,11 @@ const GNBListContext = /*#__PURE__*/ createContext({
  * @param {() => void} [props.onClick] - 클릭 핸들러
  * @param {boolean} [props.isSelected] - 선택 상태 여부
  */ const Item = (_param)=>{
-    var { hasNew = false, children, className } = _param, rest = _object_without_properties(_param, [
+    var { hasNew = false, children, className, textClassName } = _param, rest = _object_without_properties(_param, [
         "hasNew",
         "children",
-        "className"
+        "className",
+        "textClassName"
     ]);
     const { type } = useContext(GNBListContext);
     return /*#__PURE__*/ jsxs(Box, _object_spread_props(_object_spread({
@@ -227,6 +228,8 @@ const GNBListContext = /*#__PURE__*/ createContext({
         children: [
             /*#__PURE__*/ jsx(Typography, {
                 variant: "body1",
+                className: textClassName,
+                "data-testid": `design-system-gnb-list--${type}-item-text-${children}`,
                 children: children
             }),
             hasNew && /*#__PURE__*/ jsx(NewBadge, {

package/dist/Components/Navigations/GNBList/GNBList.types.d.ts

@@ -12,4 +12,5 @@ export interface UserInfoProps extends PropsWithChildren {
 }
 export interface GNBListItemProps extends ComponentPropsWithoutRef<'div'> {
     hasNew?: boolean;
+    textClassName?: string;
 }

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

@@ -130,12 +130,12 @@ const GNBListContext = /*#__PURE__*/ react.createContext({
                 ]
             }),
             type === 'sub' && /*#__PURE__*/ jsxRuntime.jsx(Box.default, {
-                className: tailwindMerge.twMerge('absolute flex h-auto w-[200px] flex-col overflow-hidden rounded-xl bg-w-white py-[13px] shadow-graymedium ', className),
+                className: tailwindMerge.twMerge('absolute flex h-auto w-[200px] flex-col overflow-hidden rounded-xl bg-w-white py-3 shadow-graymedium ', className),
                 "data-testid": "design-system-gnb-list--root-sub",
                 children: childrenWithDivider
             }),
             type === 'user' && /*#__PURE__*/ jsxRuntime.jsx(Box.default, {
-                className: tailwindMerge.twMerge('absolute flex w-full flex-col bg-w-white pb-[14px] pt-[22px] desktop:w-[280px] desktop:rounded-xl desktop:shadow-graymedium', className),
+                className: tailwindMerge.twMerge('absolute flex w-full flex-col bg-w-white pb-3 pt-5 desktop:w-[280px] desktop:rounded-xl desktop:shadow-graymedium', className),
                 "data-testid": "design-system-gnb-list--root-user",
                 children: childrenWithDivider
             })
@@ -216,10 +216,11 @@ const GNBListContext = /*#__PURE__*/ react.createContext({
  * @param {() => void} [props.onClick] - 클릭 핸들러
  * @param {boolean} [props.isSelected] - 선택 상태 여부
  */ const Item = (_param)=>{
-    var { hasNew = false, children, className } = _param, rest = _object_without_properties(_param, [
+    var { hasNew = false, children, className, textClassName } = _param, rest = _object_without_properties(_param, [
         "hasNew",
         "children",
-        "className"
+        "className",
+        "textClassName"
     ]);
     const { type } = react.useContext(GNBListContext);
     return /*#__PURE__*/ jsxRuntime.jsxs(Box.default, _object_spread_props(_object_spread({
@@ -229,6 +230,8 @@ const GNBListContext = /*#__PURE__*/ react.createContext({
         children: [
             /*#__PURE__*/ jsxRuntime.jsx(Typography.default, {
                 variant: "body1",
+                className: textClassName,
+                "data-testid": `design-system-gnb-list--${type}-item-text-${children}`,
                 children: children
             }),
             hasNew && /*#__PURE__*/ jsxRuntime.jsx(NewBadge.default, {

package/package.json

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