@versini/ui-panel 9.0.4 → 10.0.0

package/dist/index.d.ts

@@ -18,7 +18,7 @@ export declare const PANEL_CLASSNAME = "av-panel";
 
 declare type PanelProps = {
     /**
-     * Class name to apply to the Panel - this will ONLY override the default width styles.
+     * Class name to apply to the Panel.
      */
     className?: string;
     /**

package/dist/index.js

@@ -1,5 +1,5 @@
 /*!
-  @versini/ui-panel v9.0.4
+  @versini/ui-panel v10.0.0
   © 2026 gizmette.com
 */
 
@@ -235,10 +235,10 @@ const getPanelClassName = ({ className, kind, borderMode, animation, maxWidth =
 				 * Panel styles
 				 */ [`${PANEL_CLASSNAME} sm:rounded-3xl sm:border`]: kind === /* inlined export .TYPE_PANEL */ ("panel"),
             /**
-				 * Widths and max widths for Panel when no className is provided
-				 */ ["w-full sm:w-[95%] md:max-w-2xl"]: kind === /* inlined export .TYPE_PANEL */ ("panel") && !className && maxWidth === /* inlined export .SMALL */ ("small"),
-            ["w-full sm:w-[95%] md:max-w-3xl"]: kind === /* inlined export .TYPE_PANEL */ ("panel") && !className && maxWidth === /* inlined export .MEDIUM */ ("medium"),
-            ["w-full sm:w-[95%] md:max-w-4xl"]: kind === /* inlined export .TYPE_PANEL */ ("panel") && !className && maxWidth === /* inlined export .LARGE */ ("large"),
+				 * Widths and max widths for Panel
+				 */ ["w-full sm:w-[95%] md:max-w-2xl"]: kind === /* inlined export .TYPE_PANEL */ ("panel") && maxWidth === /* inlined export .SMALL */ ("small"),
+            ["w-full sm:w-[95%] md:max-w-3xl"]: kind === /* inlined export .TYPE_PANEL */ ("panel") && maxWidth === /* inlined export .MEDIUM */ ("medium"),
+            ["w-full sm:w-[95%] md:max-w-4xl"]: kind === /* inlined export .TYPE_PANEL */ ("panel") && maxWidth === /* inlined export .LARGE */ ("large"),
             /**
 				 * Heights and max heights for Panel
 				 * Mobile: full height, Desktop: clamp between min and max to allow flexible sizing
@@ -253,8 +253,8 @@ const getPanelClassName = ({ className, kind, borderMode, animation, maxWidth =
 				 * Messagebox styles
 				 */ [`${MESSAGEBOX_CLASSNAME} rounded-3xl border`]: kind === TYPE_MESSAGEBOX,
             /**
-				 * Widths and max widths for Messagebox when no className is provided
-				 */ ["w-[95%] sm:w-[50%] md:max-w-2xl"]: kind === TYPE_MESSAGEBOX && !className,
+				 * Widths and max widths for Messagebox
+				 */ ["w-[95%] sm:w-[50%] md:max-w-2xl"]: kind === TYPE_MESSAGEBOX,
             /**
 				 * Heights and max heights for Messagebox
 				 */ "h-64": kind === TYPE_MESSAGEBOX && effectiveMaxHeight === /* inlined export .SMALL */ ("small"),
@@ -263,9 +263,8 @@ const getPanelClassName = ({ className, kind, borderMode, animation, maxWidth =
             /**
 				 * Messagebox border colors
 				 */ "border-border-dark": borderMode === "dark" && kind === TYPE_MESSAGEBOX,
-            "border-border-accent": borderMode === "light" && kind === TYPE_MESSAGEBOX,
-            [`${className}`]: !!className
-        }),
+            "border-border-accent": borderMode === "light" && kind === TYPE_MESSAGEBOX
+        }, className),
         innerWrapper: "content flex flex-col rounded-[inherit] relative min-h-full",
         scrollableContent: clsx("flex-1 overflow-y-auto overflow-x-hidden", "pt-12", {
             "pb-12": hasFooter

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@versini/ui-panel",
-	"version": "9.0.4",
+	"version": "10.0.0",
 	"license": "MIT",
 	"author": "Arno Versini",
 	"publishConfig": {
@@ -43,7 +43,7 @@
 	},
 	"devDependencies": {
 		"@testing-library/jest-dom": "6.9.1",
-		"@versini/ui-button": "11.3.1",
+		"@versini/ui-button": "11.3.2",
 		"@versini/ui-system": "6.0.2",
 		"@versini/ui-types": "8.3.0"
 	},
@@ -58,5 +58,5 @@
 	"sideEffects": [
 		"**/*.css"
 	],
-	"gitHead": "7ed95d479dbfd4ef12b1e2fe9fdb763e2e538274"
+	"gitHead": "918514700deb34e30b661e4aba57efaff70e5560"
 }