myshell-react-lib 0.1.43 → 0.1.44

package/dist/index.d.cts

@@ -1332,11 +1332,15 @@ interface BaseStateProps {
     hideLogo?: boolean;
     icon?: React.ElementType;
     onBack?: () => void;
+    iconClassName?: string;
+    logoClassName?: string;
+    titleClassName?: string;
+    descriptionClassName?: string;
 }
 interface StateProps extends BaseStateProps {
     variant: StateVariant;
 }
-declare const State$1: ({ variant, title, description, className, icon, logo, backBtnText, hideLogo, onBack, }: StateProps) => react_jsx_runtime.JSX.Element;
+declare const State$1: ({ variant, title, description, className, icon, logo, backBtnText, iconClassName, logoClassName, titleClassName, descriptionClassName, hideLogo, onBack, }: StateProps) => react_jsx_runtime.JSX.Element;
 declare const ErrorState: (args: BaseStateProps) => react_jsx_runtime.JSX.Element;
 declare const NetworkErrorState: (args: BaseStateProps) => react_jsx_runtime.JSX.Element;
 declare const NotFoundState: (args: BaseStateProps) => react_jsx_runtime.JSX.Element;

package/dist/index.d.ts

@@ -1332,11 +1332,15 @@ interface BaseStateProps {
     hideLogo?: boolean;
     icon?: React.ElementType;
     onBack?: () => void;
+    iconClassName?: string;
+    logoClassName?: string;
+    titleClassName?: string;
+    descriptionClassName?: string;
 }
 interface StateProps extends BaseStateProps {
     variant: StateVariant;
 }
-declare const State$1: ({ variant, title, description, className, icon, logo, backBtnText, hideLogo, onBack, }: StateProps) => react_jsx_runtime.JSX.Element;
+declare const State$1: ({ variant, title, description, className, icon, logo, backBtnText, iconClassName, logoClassName, titleClassName, descriptionClassName, hideLogo, onBack, }: StateProps) => react_jsx_runtime.JSX.Element;
 declare const ErrorState: (args: BaseStateProps) => react_jsx_runtime.JSX.Element;
 declare const NetworkErrorState: (args: BaseStateProps) => react_jsx_runtime.JSX.Element;
 declare const NotFoundState: (args: BaseStateProps) => react_jsx_runtime.JSX.Element;

package/dist/index.js

@@ -8119,7 +8119,7 @@ function ModalFooter(_param) {
         "children"
     ]);
     return /* @__PURE__ */ jsx34("div", _object_spread_props(_object_spread({
-        className: cn("border-t border-Colors-Border-Default flex justify-end p-4", className)
+        className: cn("border-t border-Colors-Border-Default flex justify-end px-4 pt-3 pb-1.5", className)
     }, props), {
         children: children
     }));
@@ -11436,7 +11436,7 @@ var tabListVariants = cva17("w-full relative inline-flex items-center overflow-h
         },
         variant: {
             button: "justify-center border border-Colors-Border-Default bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5",
-            underline: "justify-start border-b border-Colors-Border-Default space-x-6 rounded-none",
+            underline: 'justify-start space-x-6 rounded-none relative before:absolute before:content-[""] before:bottom-0 before:left-0 before:right-0 before:h-[1px] before:bg-[var(--Colors-Border-Default)]',
             icon: "justify-center border border-Colors-Border-Default bg-cc-Tabbar-bg-default text-cc-Tabbar-fg-default p-0.5"
         },
         rounded: {
@@ -11507,7 +11507,7 @@ var tabListVariants = cva17("w-full relative inline-flex items-center overflow-h
         rounded: "default"
     }
 });
-var tabVariants = cva17("relative inline-flex h-full items-center overflow-hidden whitespace-nowrap font-medium text-cc-Tabbar-fg-default aria-[selected=true]:text-cc-Tabbar-fg-bolder [&>div>span]:hover:text-cc-Tabbar-fg-bolder disabled:cursor-not-allowed disabled:text-cc-Tabbar-fg-disabled [&>div>span]:disabled:text-cc-Tabbar-fg-disabled data-[state=active]:text-cc-Tabbar-fg-bolder", {
+var tabVariants = cva17("relative inline-flex h-full items-center whitespace-nowrap font-medium text-cc-Tabbar-fg-default aria-[selected=true]:text-cc-Tabbar-fg-bolder [&>div>span]:hover:text-cc-Tabbar-fg-bolder disabled:cursor-not-allowed disabled:text-cc-Tabbar-fg-disabled [&>div>span]:disabled:text-cc-Tabbar-fg-disabled data-[state=active]:text-cc-Tabbar-fg-bolder", {
     variants: {
         size: {
             sm: "text-xs h-4.5",
@@ -11516,7 +11516,7 @@ var tabVariants = cva17("relative inline-flex h-full items-center overflow-hidde
         },
         variant: {
             button: "w-full px-3 py-2.5 justify-center aria-[selected=true]:bg-cc-Tabbar-bg-select aria-[selected=true]:shadow-background-default",
-            underline: "w-fit justify-start shadow-none aria-[selected=true]:border-cc-Tabbar-border-default aria-[selected=true]:border-b-2 rounded-none",
+            underline: 'w-fit justify-start shadow-none rounded-none relative aria-[selected=true]:before:absolute aria-[selected=true]:before:content-[""] aria-[selected=true]:before:bottom-0 aria-[selected=true]:before:left-0 aria-[selected=true]:before:right-0 aria-[selected=true]:before:h-0.5 aria-[selected=true]:before:bg-cc-Tabbar-border-default aria-[selected=true]:before:z-20',
             icon: "w-full px-4 justify-center aria-[selected=true]:bg-cc-Tabbar-bg-select aria-[selected=true]:shadow-background-default"
         },
         rounded: {
@@ -11563,7 +11563,7 @@ var tabVariants = cva17("relative inline-flex h-full items-center overflow-hidde
         {
             variant: "underline",
             size: "lg",
-            className: "h-[31px]"
+            className: "h-8"
         }
     ],
     defaultVariants: {
@@ -11669,7 +11669,7 @@ var Tab = React35.forwardRef(function(_param, ref) {
                     })
                 ]
             }) : /* @__PURE__ */ jsxs29("div", {
-                className: "relative flex justify-center items-center",
+                className: cn("relative flex justify-center items-center", variant === "underline" && "pb-2"),
                 children: [
                     label && /* @__PURE__ */ jsx50("span", {
                         className: cn("text-inherit"),
@@ -11996,7 +11996,7 @@ var stateIconUrls = {
     "network-error": "https://myshellstatic.com/image/website/20250425/network-error.png"
 };
 var State2 = function(param) {
-    var variant = param.variant, title = param.title, description = param.description, className = param.className, icon = param.icon, logo = param.logo, backBtnText = param.backBtnText, _param_hideLogo = param.hideLogo, hideLogo = _param_hideLogo === void 0 ? false : _param_hideLogo, onBack = param.onBack;
+    var variant = param.variant, title = param.title, description = param.description, className = param.className, icon = param.icon, logo = param.logo, backBtnText = param.backBtnText, iconClassName = param.iconClassName, logoClassName = param.logoClassName, titleClassName = param.titleClassName, descriptionClassName = param.descriptionClassName, _param_hideLogo = param.hideLogo, hideLogo = _param_hideLogo === void 0 ? false : _param_hideLogo, onBack = param.onBack;
     var router = useRouter();
     var handleBack = function() {
         if (onBack) {
@@ -12008,7 +12008,8 @@ var State2 = function(param) {
     var IconComponent2 = icon ? function() {
         return /* @__PURE__ */ jsx56(Icon, {
             component: icon,
-            size: "4xl"
+            size: "4xl",
+            className: iconClassName
         });
     } : function() {
         return /* @__PURE__ */ jsx56("div", {
@@ -12016,7 +12017,7 @@ var State2 = function(param) {
             children: /* @__PURE__ */ jsx56(Image2, {
                 src: logo || stateIconUrls[variant],
                 alt: "state icon",
-                className: "w-full h-full rounded-full object-cover"
+                className: cn("w-full h-full rounded-full object-cover", logoClassName)
             })
         });
     };
@@ -12035,11 +12036,13 @@ var State2 = function(param) {
                         children: [
                             title && /* @__PURE__ */ jsx56(Display, {
                                 size: "sm",
+                                className: titleClassName,
                                 children: title
                             }),
                             /* @__PURE__ */ jsx56(Text, {
                                 size: "sm",
                                 color: "subtle",
+                                className: descriptionClassName,
                                 children: description
                             })
                         ]