@pathscale/ui 0.0.75 → 0.0.76

package/dist/index.js

@@ -5806,6 +5806,9 @@ const Card = (props)=>{
         "variant",
         "imageFull",
         "side",
+        "background",
+        "shadow",
+        "fullWidth",
         "class",
         "className",
         "dataTheme",
@@ -5815,7 +5818,24 @@ const Card = (props)=>{
         "aria-labelledby",
         "role"
     ]);
-    const classes = twMerge("card", clsx({
+    const classes = twMerge("card", local.class, local.className, clsx({
+        "w-full": local.fullWidth,
+        "shadow-sm": "sm" === local.shadow,
+        "shadow-md": "md" === local.shadow,
+        "shadow-lg": "lg" === local.shadow,
+        "shadow-xl": "xl" === local.shadow,
+        "shadow-none": "none" === local.shadow,
+        "bg-base-100": "base-100" === local.background,
+        "bg-base-200": "base-200" === local.background,
+        "bg-base-300": "base-300" === local.background,
+        "bg-primary": "primary" === local.background,
+        "bg-secondary": "secondary" === local.background,
+        "bg-accent": "accent" === local.background,
+        "bg-neutral": "neutral" === local.background,
+        "bg-info": "info" === local.background,
+        "bg-success": "success" === local.background,
+        "bg-warning": "warning" === local.background,
+        "bg-error": "error" === local.background,
         "card-xl": "xl" === local.size,
         "card-lg": "lg" === local.size,
         "card-md": "md" === local.size,
@@ -5825,7 +5845,7 @@ const Card = (props)=>{
         "card-border": false !== local.border || "outline" === local.variant || "border" === local.variant,
         "image-full": local.imageFull,
         [DYNAMIC_MODIFIERS.side[local.side?.toString()] ?? ""]: !!local.side
-    }), local.class, local.className);
+    }));
     return (()=>{
         var _el$ = Card_tmpl$();
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.spread)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)(others, {
@@ -6960,6 +6980,7 @@ const Dropdown = (props)=>{
         "end",
         "hover",
         "open",
+        "fullWidth",
         "dataTheme",
         "style",
         "aria-label",
@@ -6972,6 +6993,7 @@ const Dropdown = (props)=>{
     const classes = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>{
         const isOpen = local.open ?? dropdownCtx.open();
         return twMerge("dropdown", local.class, local.className, clsx({
+            "w-full": local.fullWidth,
             "dropdown-left": "left" === local.horizontal,
             "dropdown-right": "right" === local.horizontal,
             "dropdown-top": "top" === local.vertical,
@@ -7668,6 +7690,8 @@ const Input = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "size",
         "color",
+        "variant",
+        "fullWidth",
         "dataTheme",
         "class",
         "className",
@@ -7694,7 +7718,23 @@ const Input = (props)=>{
         info: "focus-within:border-info",
         default: "focus-within:border-base-content"
     };
-    const labelClasses = ()=>twMerge("input input-bordered w-full items-center gap-2 focus-within:outline-none", colorFocusMap[local.color || "default"], local.class, local.className);
+    const labelClasses = ()=>twMerge("input", "items-center gap-2 focus-within:outline-none", local.class, local.className, colorFocusMap[local.color || "default"], clsx({
+            "input-bordered": "bordered" === local.variant || !local.variant,
+            "input-ghost": "ghost" === local.variant || "ghost" === local.color,
+            "w-full": false !== local.fullWidth,
+            "input-xl": "xl" === local.size,
+            "input-lg": "lg" === local.size,
+            "input-md": "md" === local.size,
+            "input-sm": "sm" === local.size,
+            "input-xs": "xs" === local.size,
+            "input-primary": "primary" === local.color,
+            "input-secondary": "secondary" === local.color,
+            "input-accent": "accent" === local.color,
+            "input-info": "info" === local.color,
+            "input-success": "success" === local.color,
+            "input-warning": "warning" === local.color,
+            "input-error": "error" === local.color
+        }));
     const inputClasses = ()=>"grow bg-transparent focus:outline-none";
     return (()=>{
         var _el$ = Input_tmpl$2(), _el$2 = _el$.firstChild;
@@ -8200,7 +8240,8 @@ function Modal(props) {
         "tabindex",
         "tabIndex",
         "closeOnEsc",
-        "closeOnOutsideClick"
+        "closeOnOutsideClick",
+        "size"
     ]);
     const resolvedChildren = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.children)(()=>local.children);
     let dialogRef;
@@ -8242,7 +8283,14 @@ function Modal(props) {
             "modal-bottom": "bottom" === local.position,
             "modal-bottom sm:modal-middle": local.responsive
         })));
-    const bodyClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("modal-box", local.class, local.className));
+    const bodyClasses = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.createMemo)(()=>twMerge("modal-box", local.class, local.className, dist_clsx({
+            "max-w-none w-11/12 max-w-7xl": "xl" === local.size,
+            "max-w-none w-11/12 max-w-4xl": "lg" === local.size,
+            "max-w-none w-11/12 max-w-2xl": "md" === local.size,
+            "max-w-none w-80": "sm" === local.size,
+            "max-w-none w-64": "xs" === local.size,
+            "max-w-none w-full h-full": "full" === local.size
+        })));
     return (()=>{
         var _el$ = Modal_tmpl$(), _el$2 = _el$.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.use)((el)=>{

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pathscale/ui",
-  "version": "0.0.75",
+  "version": "0.0.76",
   "author": "pathscale",
   "repository": {
     "type": "git",