@pathscale/ui 0.0.61 → 0.0.63

package/dist/index.js

@@ -4223,7 +4223,7 @@ const Button = (props)=>{
         "aria-haspopup",
         "aria-role"
     ]);
-    const classes = ()=>twMerge("btn", local.class, local.className, clsx((local.startIcon && !local.loading || local.endIcon) && "gap-2", {
+    const classes = ()=>twMerge("btn", clsx((local.startIcon && !local.loading || local.endIcon) && "gap-2", {
             "btn-xl": "xl" === local.size,
             "btn-lg": "lg" === local.size,
             "btn-md": "md" === local.size,
@@ -4251,7 +4251,7 @@ const Button = (props)=>{
             "no-animation": !local.animation,
             "btn-active": local.active,
             "btn-disabled": local.disabled
-        }));
+        }), local.class, local.className);
     const Tag = local.as || "button";
     if (Button_VoidElementList.includes(Tag)) return (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.Dynamic, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.mergeProps)({
         component: Tag
@@ -7548,7 +7548,7 @@ const IndicatorItem = (props)=>{
 const indicator_Indicator = Object.assign(Indicator, {
     Item: IndicatorItem
 });
-var Input_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), Input_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)('<label class="flex items-center gap-2 w-full"><input>');
+var Input_tmpl$ = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<span>"), Input_tmpl$2 = /*#__PURE__*/ (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.template)("<label><input>");
 const Input = (props)=>{
     const [local, others] = (0, __WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.splitProps)(props, [
         "size",
@@ -7571,21 +7571,16 @@ const Input = (props)=>{
         if ("password" === local.type) return passwordVisible() ? "text" : "password";
         return local.type;
     });
-    const classes = ()=>twMerge("input input-bordered w-full focus:outline-none focus:ring-1 focus:ring-primary", local.class, local.className, clsx({
-            "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-ghost": "ghost" === local.color,
-            "input-info": "info" === local.color,
-            "input-success": "success" === local.color,
-            "input-warning": "warning" === local.color,
-            "input-error": "error" === local.color
-        }));
+    const colorFocusMap = {
+        primary: "focus-within:border-primary",
+        success: "focus-within:border-success",
+        warning: "focus-within:border-warning",
+        error: "focus-within:border-error",
+        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 inputClasses = ()=>"grow bg-transparent focus:outline-none";
     return (()=>{
         var _el$ = Input_tmpl$2(), _el$2 = _el$.firstChild;
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
@@ -7619,7 +7614,7 @@ const Input = (props)=>{
                 return local.style;
             },
             get ["class"] () {
-                return classes();
+                return inputClasses();
             }
         }), false, false);
         (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.insert)(_el$, (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.createComponent)(__WEBPACK_EXTERNAL_MODULE_solid_js_aeefcc6d__.Show, {
@@ -7646,7 +7641,15 @@ const Input = (props)=>{
                 return _el$3;
             }
         }), null);
-        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)(()=>(0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", local.dataTheme));
+        (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.effect)((_p$)=>{
+            var _v$5 = labelClasses(), _v$6 = local.dataTheme;
+            _v$5 !== _p$.e && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.className)(_el$, _p$.e = _v$5);
+            _v$6 !== _p$.t && (0, __WEBPACK_EXTERNAL_MODULE_solid_js_web_35d951b7__.setAttribute)(_el$, "data-theme", _p$.t = _v$6);
+            return _p$;
+        }, {
+            e: void 0,
+            t: void 0
+        });
         return _el$;
     })();
 };

package/package.json

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