@abhir9/pd-design-system 0.1.12 → 0.1.13

package/dist/index.css

@@ -1018,12 +1018,30 @@ button { font-family: inherit; font-size: inherit; }
 .mb-6 {
   margin-bottom: 0.6rem;
 }
+.ml-10 {
+  margin-left: 1rem;
+}
+.ml-12 {
+  margin-left: 1.2rem;
+}
 .ml-2 {
   margin-left: 0.2rem;
 }
+.ml-8 {
+  margin-left: 0.8rem;
+}
+.mr-10 {
+  margin-right: 1rem;
+}
+.mr-12 {
+  margin-right: 1.2rem;
+}
 .mr-2 {
   margin-right: 0.2rem;
 }
+.mr-8 {
+  margin-right: 0.8rem;
+}
 .inline {
   display: inline;
 }
@@ -1054,15 +1072,24 @@ button { font-family: inherit; font-size: inherit; }
 .h-2 {
   height: 0.2rem;
 }
+.h-20 {
+  height: 2rem;
+}
 .h-28 {
   height: 2.8rem;
 }
 .h-3 {
   height: 0.3rem;
 }
+.h-36 {
+  height: 3.6rem;
+}
 .h-4 {
   height: 0.4rem;
 }
+.h-40 {
+  height: 4rem;
+}
 .h-5 {
   height: 0.5rem;
 }
@@ -1075,6 +1102,12 @@ button { font-family: inherit; font-size: inherit; }
 .min-h-screen {
   min-height: 100vh;
 }
+.w-12 {
+  width: 1.2rem;
+}
+.w-16 {
+  width: 1.6rem;
+}
 .w-2 {
   width: 0.2rem;
 }
@@ -1332,17 +1365,21 @@ button { font-family: inherit; font-size: inherit; }
   padding-left: 0.1rem;
   padding-right: 0.1rem;
 }
+.px-12 {
+  padding-left: 1.2rem;
+  padding-right: 1.2rem;
+}
+.px-16 {
+  padding-left: 1.6rem;
+  padding-right: 1.6rem;
+}
 .px-3 {
   padding-left: 0.3rem;
   padding-right: 0.3rem;
 }
-.px-4 {
-  padding-left: 0.4rem;
-  padding-right: 0.4rem;
-}
-.px-6 {
-  padding-left: 0.6rem;
-  padding-right: 0.6rem;
+.px-32 {
+  padding-left: 3.2rem;
+  padding-right: 3.2rem;
 }
 .pt-2 {
   padding-top: 0.2rem;

package/dist/index.js

@@ -137,9 +137,9 @@ var buttonVariants = cva(
         neutral: ""
       },
       size: {
-        sm: "h-8 px-3 text-sm",
-        md: "h-10 px-4 text-base",
-        lg: "h-12 px-6 text-lg"
+        sm: "h-28 px-12 text-xs",
+        md: "h-36 px-16 text-base",
+        lg: "h-40 px-32 text-2xl"
       }
     },
     compoundVariants: [
@@ -323,10 +323,10 @@ function renderButtonContent({
   children,
   size
 }) {
-  const iconSizeClass = size === "sm" ? "h-3 w-3" : size === "lg" ? "h-5 w-5" : "h-4 w-4";
-  const spinnerSizeClass = size === "sm" ? "h-3 w-3" : size === "lg" ? "h-5 w-5" : "h-4 w-4";
-  const iconSpacing = size === "sm" ? "mr-1.5" : size === "lg" ? "mr-2.5" : "mr-2";
-  const iconSpacingEnd = size === "sm" ? "ml-1.5" : size === "lg" ? "ml-2.5" : "ml-2";
+  const iconSizeClass = size === "sm" ? "h-12 w-12" : size === "lg" ? "h-20 w-20" : "h-16 w-16";
+  const spinnerSizeClass = size === "sm" ? "h-12 w-12" : size === "lg" ? "h-20 w-20" : "h-16 w-16";
+  const iconSpacing = size === "sm" ? "mr-8" : size === "lg" ? "mr-12" : "mr-10";
+  const iconSpacingEnd = size === "sm" ? "ml-8" : size === "lg" ? "ml-12" : "ml-10";
   if (loading) {
     return /* @__PURE__ */ jsxs(Fragment, { children: [
       /* @__PURE__ */ jsx(