@moises.ai/design-system 3.9.2 → 3.9.3

package/dist/index.js

@@ -11106,47 +11106,44 @@ const sS = "_content_1cwsl_2", aS = "_iconWrapper_1cwsl_10", oS = "_iconWrapperL
   secondaryTextLow: mS,
   secondaryTextHigh: gS
 }, fS = ({
-  title: n = "Title",
-  secondaryText: e = "Secondary text",
-  buttonLabel: t = "Button",
+  title: n,
+  secondaryText: e,
+  buttonLabel: t,
   onButtonClick: r,
   icon: a,
-  showIcon: o = !0,
-  showSecondaryText: i = !0,
-  showButton: l = !0,
-  className: c,
-  titleMultiline: u = !1,
-  emphasis: h = "low",
-  size: A = "medium",
-  children: p,
-  ...y
+  className: o,
+  titleMultiline: i = !1,
+  emphasis: l = "low",
+  size: c = "medium",
+  children: u,
+  ...h
 }) => {
-  const f = p != null || t != null;
+  const A = u != null || t != null;
   return /* @__PURE__ */ s(
     C,
     {
-      className: v(c),
+      className: v(o),
       direction: "column",
       align: "center",
       justify: "center",
-      ...y,
+      ...h,
       children: /* @__PURE__ */ g(C, { direction: "column", align: "center", justify: "center", className: Je.content, gap: "5", py: "6", children: [
-        o && /* @__PURE__ */ s("div", { className: v(Je.iconWrapper, {
-          [Je.iconWrapperLarge]: A === "large",
-          [Je.iconWrapperMedium]: A === "medium",
-          [Je.iconWrapperLow]: h === "low",
-          [Je.iconWrapperHigh]: h === "high"
+        a && /* @__PURE__ */ s("div", { className: v(Je.iconWrapper, {
+          [Je.iconWrapperLarge]: c === "large",
+          [Je.iconWrapperMedium]: c === "medium",
+          [Je.iconWrapperLow]: l === "low",
+          [Je.iconWrapperHigh]: l === "high"
         }), "aria-hidden": !0, children: a }),
         /* @__PURE__ */ g(C, { direction: "column", align: "center", justify: "center", className: Je.textGroup, gap: "2", children: [
           /* @__PURE__ */ s(
             L,
             {
-              size: A === "large" ? "7" : "4",
+              size: c === "large" ? "7" : "4",
               weight: "medium",
               className: v({
-                [Je.titleMultiline]: u,
-                [Je.titleLow]: h === "low",
-                [Je.titleHigh]: h === "high"
+                [Je.titleMultiline]: i,
+                [Je.titleLow]: l === "low",
+                [Je.titleHigh]: l === "high"
               }),
               children: n
             }
@@ -11154,21 +11151,21 @@ const sS = "_content_1cwsl_2", aS = "_iconWrapper_1cwsl_10", oS = "_iconWrapperL
           e && /* @__PURE__ */ s(
             L,
             {
-              size: A === "large" ? "3" : "2",
+              size: c === "large" ? "3" : "2",
               weight: "regular",
               className: v(Je.secondaryText, {
-                [Je.secondaryTextLow]: h === "low",
-                [Je.secondaryTextHigh]: h === "high"
+                [Je.secondaryTextLow]: l === "low",
+                [Je.secondaryTextHigh]: l === "high"
               }),
               children: e
             }
           )
         ] }),
-        l && f && /* @__PURE__ */ s("div", { children: p ?? /* @__PURE__ */ s(
+        A && /* @__PURE__ */ s("div", { children: u ?? /* @__PURE__ */ s(
           Ne,
           {
-            size: A === "large" ? "3" : "2",
-            variant: h === "low" ? "soft" : "solid",
+            size: c === "large" ? "3" : "2",
+            variant: l === "low" ? "soft" : "solid",
             onClick: r,
             "aria-label": t,
             children: t

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@moises.ai/design-system",
-  "version": "3.9.2",
+  "version": "3.9.3",
   "description": "Design System package based on @radix-ui/themes with custom defaults",
   "private": false,
   "type": "module",

package/src/components/EmptyState/EmptyState.jsx

@@ -7,14 +7,11 @@ import { Text } from '../Text/Text'
 // Emphasis: Low  High
 // Size:  Medium  Large
 export const EmptyState = ({
-  title = 'Title',
-  secondaryText = 'Secondary text',
-  buttonLabel = 'Button',
+  title,
+  secondaryText,
+  buttonLabel,
   onButtonClick,
   icon,
-  showIcon = true,
-  showSecondaryText = true,
-  showButton = true,
   className,
   titleMultiline = false,
   emphasis = 'low',
@@ -32,7 +29,7 @@ export const EmptyState = ({
       {...props}
     >
       <Flex direction="column" align="center" justify="center" className={styles.content} gap="5" py="6">
-        {showIcon && (
+        {icon && (
           <div className={classNames(styles.iconWrapper, {
             [styles.iconWrapperLarge]: size === 'large',
             [styles.iconWrapperMedium]: size === 'medium',
@@ -65,7 +62,7 @@ export const EmptyState = ({
             >{secondaryText}</Text>
           )}
         </Flex>
-        {showButton && hasButtonContent && (
+        {hasButtonContent && (
           <div>
             {children ?? (
               <Button