@ikatec/nebula-react 1.2.0 → 1.3.0-beta.2

package/dist/index.js

@@ -165,7 +165,7 @@ var buttonVariantEnum = /* @__PURE__ */ ((buttonVariantEnum2) => {
 })(buttonVariantEnum || {});
 var buttonSizeEnum = /* @__PURE__ */ ((buttonSizeEnum2) => {
   buttonSizeEnum2["xs"] = "h-6 px-2 [&>svg]:size-3 text-sm";
-  buttonSizeEnum2["sm"] = "h-8 px-2 [&>svg]:size-3 text-sm";
+  buttonSizeEnum2["sm"] = "h-8 px-2 [&>svg]:size-4 text-sm";
   buttonSizeEnum2["md"] = "h-10 px-4 [&>svg]:size-4 text-base";
   buttonSizeEnum2["lg"] = "h-12 px-6 [&>svg]:size-5 text-xl";
   return buttonSizeEnum2;
@@ -178,7 +178,7 @@ var variant = {
 };
 var size = {
   xs: "h-6 px-2 [&>svg]:size-3 text-sm" /* xs */,
-  sm: "h-8 px-2 [&>svg]:size-3 text-sm" /* sm */,
+  sm: "h-8 px-2 [&>svg]:size-4 text-sm" /* sm */,
   md: "h-10 px-4 [&>svg]:size-4 text-base" /* md */,
   lg: "h-12 px-6 [&>svg]:size-5 text-xl" /* lg */
 };
@@ -3582,7 +3582,7 @@ function InputPhone({
     RPNInput__namespace.default,
     {
       className: cn(
-        "flex w-full h-10 bg-inputText-background-default rounded-input border border-inputText-border-default focus-within:ring-[3px] focus-within:ring-inputText-border-focus focus-within:border-inputText-border-focus",
+        "overflow-hidden flex w-full h-10 bg-inputText-background-default rounded-input border border-inputText-border-default focus-within:ring-[3px] focus-within:ring-inputText-border-focus focus-within:border-inputText-border-focus",
         { "bg-inputText-background-disabled": disabled },
         {
           "text-inputText-icon-danger border-inputText-border-danger focus-within:border-inputText-border-danger focus-within:ring-button-danger-border-focus": isError
@@ -6056,7 +6056,9 @@ var ProfileImage = ({
   onRemove,
   image,
   cropperProps,
-  onChange
+  onChange,
+  size: size4 = "sm",
+  icon
 }) => {
   const maxSize = maxSizeMB * 1024 * 1024;
   const id = React8.useId();
@@ -6166,7 +6168,11 @@ var ProfileImage = ({
             /* @__PURE__ */ jsxRuntime.jsxs(
               "div",
               {
-                className: "nebula-ds flex size-12 shrink-0 items-center justify-center rounded-full",
+                className: cn(
+                  "flex shrink-0 items-center justify-center rounded-full",
+                  size4 === "sm" && "size-12",
+                  size4 === "md" && "size-16"
+                ),
                 "aria-hidden": "true",
                 children: [
                   profileImagePreview && /* @__PURE__ */ jsxRuntime.jsx(
@@ -6177,7 +6183,7 @@ var ProfileImage = ({
                       className: "nebula-ds rounded-[inherit] object-cover h-full w-full"
                     }
                   ),
-                  !file && /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserIcon, { className: "nebula-ds size-4 opacity-60 text-fileUpload-icon" })
+                  !file && /* @__PURE__ */ jsxRuntime.jsx(reactSlot.Slot, { className: "nebula-ds size-4 opacity-60 text-fileUpload-icon", children: icon || /* @__PURE__ */ jsxRuntime.jsx(lucideReact.UserIcon, {}) })
                 ]
               }
             ),

package/dist/index.mjs

@@ -123,7 +123,7 @@ var buttonVariantEnum = /* @__PURE__ */ ((buttonVariantEnum2) => {
 })(buttonVariantEnum || {});
 var buttonSizeEnum = /* @__PURE__ */ ((buttonSizeEnum2) => {
   buttonSizeEnum2["xs"] = "h-6 px-2 [&>svg]:size-3 text-sm";
-  buttonSizeEnum2["sm"] = "h-8 px-2 [&>svg]:size-3 text-sm";
+  buttonSizeEnum2["sm"] = "h-8 px-2 [&>svg]:size-4 text-sm";
   buttonSizeEnum2["md"] = "h-10 px-4 [&>svg]:size-4 text-base";
   buttonSizeEnum2["lg"] = "h-12 px-6 [&>svg]:size-5 text-xl";
   return buttonSizeEnum2;
@@ -136,7 +136,7 @@ var variant = {
 };
 var size = {
   xs: "h-6 px-2 [&>svg]:size-3 text-sm" /* xs */,
-  sm: "h-8 px-2 [&>svg]:size-3 text-sm" /* sm */,
+  sm: "h-8 px-2 [&>svg]:size-4 text-sm" /* sm */,
   md: "h-10 px-4 [&>svg]:size-4 text-base" /* md */,
   lg: "h-12 px-6 [&>svg]:size-5 text-xl" /* lg */
 };
@@ -3540,7 +3540,7 @@ function InputPhone({
     RPNInput.default,
     {
       className: cn(
-        "flex w-full h-10 bg-inputText-background-default rounded-input border border-inputText-border-default focus-within:ring-[3px] focus-within:ring-inputText-border-focus focus-within:border-inputText-border-focus",
+        "overflow-hidden flex w-full h-10 bg-inputText-background-default rounded-input border border-inputText-border-default focus-within:ring-[3px] focus-within:ring-inputText-border-focus focus-within:border-inputText-border-focus",
         { "bg-inputText-background-disabled": disabled },
         {
           "text-inputText-icon-danger border-inputText-border-danger focus-within:border-inputText-border-danger focus-within:ring-button-danger-border-focus": isError
@@ -6014,7 +6014,9 @@ var ProfileImage = ({
   onRemove,
   image,
   cropperProps,
-  onChange
+  onChange,
+  size: size4 = "sm",
+  icon
 }) => {
   const maxSize = maxSizeMB * 1024 * 1024;
   const id = useId();
@@ -6124,7 +6126,11 @@ var ProfileImage = ({
             /* @__PURE__ */ jsxs(
               "div",
               {
-                className: "nebula-ds flex size-12 shrink-0 items-center justify-center rounded-full",
+                className: cn(
+                  "flex shrink-0 items-center justify-center rounded-full",
+                  size4 === "sm" && "size-12",
+                  size4 === "md" && "size-16"
+                ),
                 "aria-hidden": "true",
                 children: [
                   profileImagePreview && /* @__PURE__ */ jsx(
@@ -6135,7 +6141,7 @@ var ProfileImage = ({
                       className: "nebula-ds rounded-[inherit] object-cover h-full w-full"
                     }
                   ),
-                  !file && /* @__PURE__ */ jsx(UserIcon, { className: "nebula-ds size-4 opacity-60 text-fileUpload-icon" })
+                  !file && /* @__PURE__ */ jsx(Slot, { className: "nebula-ds size-4 opacity-60 text-fileUpload-icon", children: icon || /* @__PURE__ */ jsx(UserIcon, {}) })
                 ]
               }
             ),

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ikatec/nebula-react",
-  "version": "1.2.0",
+  "version": "1.3.0-beta.2",
   "description": "React components for Nebula Design System",
   "publishConfig": {
     "access": "public"