@ikatec/nebula-react 1.1.0-beta.2 → 1.3.0-beta.1

package/dist/index.js

@@ -3044,7 +3044,10 @@ function AccordionTitle({
     "h2",
     {
       ...props,
-      className: cn("text-start font-semibold text-xl leading-none", className)
+      className: cn(
+        "text-start !text-accordion-text-title font-semibold text-xl leading-none",
+        className
+      )
     }
   );
 }
@@ -3579,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
@@ -6053,7 +6056,9 @@ var ProfileImage = ({
   onRemove,
   image,
   cropperProps,
-  onChange
+  onChange,
+  size: size4 = "sm",
+  icon
 }) => {
   const maxSize = maxSizeMB * 1024 * 1024;
   const id = React8.useId();
@@ -6163,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(
@@ -6174,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

@@ -3002,7 +3002,10 @@ function AccordionTitle({
     "h2",
     {
       ...props,
-      className: cn("text-start font-semibold text-xl leading-none", className)
+      className: cn(
+        "text-start !text-accordion-text-title font-semibold text-xl leading-none",
+        className
+      )
     }
   );
 }
@@ -3537,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
@@ -6011,7 +6014,9 @@ var ProfileImage = ({
   onRemove,
   image,
   cropperProps,
-  onChange
+  onChange,
+  size: size4 = "sm",
+  icon
 }) => {
   const maxSize = maxSizeMB * 1024 * 1024;
   const id = useId();
@@ -6121,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(
@@ -6132,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,7 +1,7 @@
 {
   "name": "@ikatec/nebula-react",
-  "version": "1.1.0-beta.2",
-  "description": "React components",
+  "version": "1.3.0-beta.1",
+  "description": "React components for Nebula Design System",
   "publishConfig": {
     "access": "public"
   },
@@ -30,7 +30,7 @@
     "@babel/preset-react": "^7.26.3",
     "@babel/preset-typescript": "^7.27.0",
     "@ikatec/eslint-config": "*",
-    "@ikatec/nebula-tokens": "1.1.0-beta.1",
+    "@ikatec/nebula-tokens": "1.2.0",
     "@ikatec/typescript-config": "*",
     "ts-node": "^10.9.2",
     "tsup": "^8.3.5",