@gits-id/utils - npm Package Compare versions

Comparing version 0.8.0 to 0.9.0

CHANGELOG.md

@@ -6,2 +6,13 @@ # Change Log
 
+# [0.9.0](https://github.com/gitsindonesia/ui-component/compare/v0.8.2...v0.9.0) (2022-06-30)
+
+
+### Bug Fixes
+
+* **utils:** add hover effect on input border ([3187544](https://github.com/gitsindonesia/ui-component/commit/31875447b2d7ef2720ab499a4ee93570f2a612a8))
+
+
+
+
+
 # [0.8.0](https://github.com/gitsindonesia/ui-component/compare/v0.7.3...v0.8.0) (2022-06-27)
@@ -8,0 +19,0 @@

classes.ts

@@ -20,3 +20,3 @@ export const inputDisabledClasses =
   } else {
-    className.push('border-gray-300');
+    className.push('border-gray-300 hover:border-gray-400');
   }
@@ -23,0 +23,0 @@

dist/utils.cjs.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var c=require("vue");const d=["xs","sm","default","lg","xl"],g=e=>({class:c.computed(()=>{switch(e){case"xs":return"text-xs";case"sm":return"text-sm";case"lg":return"text-lg";case"xl":return"text-xl";case"base":case"md":return"text-base";default:return"text-sm"}}),size:e}),p=e=>({class:c.computed(()=>{switch(e){case"xs":return"h-[30px]";case"sm":return"h-[36px]";case"lg":return"h-[50px]";case"xl":return"h-[60px]";case"default":case"md":case"base":default:return"h-[40px]"}}),size:e}),x=["default","primary","secondary","info","success","warning","error","dark"],m=(e,r="")=>{switch(e){case"primary":return"bg-primary-500";case"secondary":return"bg-secondary-500";case"info":return"bg-info-500";case"warning":return"bg-warning-500";case"success":return"bg-success-500";case"error":return"bg-error-500";case"default":default:return r||"bg-gray-600"}},f=(e,r="")=>{switch(e){case"primary":return"text-primary-500";case"secondary":return"text-secondary-500";case"info":return"text-info-500";case"warning":return"text-warning-500";case"success":return"text-success-500";case"error":return"text-error-500";case"default":default:return r||"text-gray-900"}},n="disabled:cursor-not-allowed disabled:shadow-none disabled:text-gray-400 disabled:placeholder-gray-400",b="border shadow-sm rounded-md text-gray-800 "+n,u=`border-error-500 text-error-500
-  focus-visible:ring-error-500/30 focus-visible:border-error-500 ring-error-500 focus:border-error-500 focus:ring-error-500`,y=(e=!1)=>{let r=["transition duration-300 border rounded-md text-gray-800","focus:border-primary-500 focus:ring-primary-500 focus:ring focus:ring-opacity-50",n];return e?r.push(u):r.push("border-gray-300"),r.join(" ")},h=(e,r,s=void 0)=>{const t=l=>String.prototype.split.call(r,l).filter(Boolean).reduce((a,i)=>a!=null?a[i]:a,e),o=t(/[,[\]]+?/)||t(/[,[\].]+?/);return o===void 0||o===e?s:o},C=e=>e?.replace(/(<([^>]+)>)/gi,""),w=e=>{const r=new FormData;for(let s in e)r.append(s,e[s]);return r},v=(e,r="text",s="value")=>e?.map(t=>({text:t[r],value:t[s]}))||[];exports.get=h;exports.getBgColor=m;exports.getTextColor=f;exports.inputClasses=b;exports.inputDisabledClasses=n;exports.inputErrorClasses=u;exports.sizes=d;exports.stripTags=C;exports.themeColors=x;exports.toFormData=w;exports.toOptions=v;exports.useHeight=p;exports.useInputClasses=y;exports.useTextSize=g;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});var c=require("vue");const d=["xs","sm","default","lg","xl"],g=e=>({class:c.computed(()=>{switch(e){case"xs":return"text-xs";case"sm":return"text-sm";case"lg":return"text-lg";case"xl":return"text-xl";case"base":case"md":return"text-base";default:return"text-sm"}}),size:e}),p=e=>({class:c.computed(()=>{switch(e){case"xs":return"h-[30px]";case"sm":return"h-[36px]";case"lg":return"h-[50px]";case"xl":return"h-[60px]";case"default":case"md":case"base":default:return"h-[40px]"}}),size:e}),x=["default","primary","secondary","info","success","warning","error","dark"],m=(e,r="")=>{switch(e){case"primary":return"bg-primary-500";case"secondary":return"bg-secondary-500";case"info":return"bg-info-500";case"warning":return"bg-warning-500";case"success":return"bg-success-500";case"error":return"bg-error-500";case"default":default:return r||"bg-gray-600"}},b=(e,r="")=>{switch(e){case"primary":return"text-primary-500";case"secondary":return"text-secondary-500";case"info":return"text-info-500";case"warning":return"text-warning-500";case"success":return"text-success-500";case"error":return"text-error-500";case"default":default:return r||"text-gray-900"}},n="disabled:cursor-not-allowed disabled:shadow-none disabled:text-gray-400 disabled:placeholder-gray-400",f="border shadow-sm rounded-md text-gray-800 "+n,u=`border-error-500 text-error-500
+  focus-visible:ring-error-500/30 focus-visible:border-error-500 ring-error-500 focus:border-error-500 focus:ring-error-500`,y=(e=!1)=>{let r=["transition duration-300 border rounded-md text-gray-800","focus:border-primary-500 focus:ring-primary-500 focus:ring focus:ring-opacity-50",n];return e?r.push(u):r.push("border-gray-300 hover:border-gray-400"),r.join(" ")},h=(e,r,s=void 0)=>{const t=l=>String.prototype.split.call(r,l).filter(Boolean).reduce((a,i)=>a!=null?a[i]:a,e),o=t(/[,[\]]+?/)||t(/[,[\].]+?/);return o===void 0||o===e?s:o},C=e=>e?.replace(/(<([^>]+)>)/gi,""),v=e=>{const r=new FormData;for(let s in e)r.append(s,e[s]);return r},w=(e,r="text",s="value")=>e?.map(t=>({text:t[r],value:t[s]}))||[];exports.get=h;exports.getBgColor=m;exports.getTextColor=b;exports.inputClasses=f;exports.inputDisabledClasses=n;exports.inputErrorClasses=u;exports.sizes=d;exports.stripTags=C;exports.themeColors=x;exports.toFormData=v;exports.toOptions=w;exports.useHeight=p;exports.useInputClasses=y;exports.useTextSize=g;

dist/utils.es.js

@@ -107,3 +107,3 @@ import { computed } from 'vue';
   } else {
-    className.push("border-gray-300");
+    className.push("border-gray-300 hover:border-gray-400");
   }
@@ -110,0 +110,0 @@ return className.join(" ");

dist/utils.iife.js

@@ -1,2 +0,2 @@
-var Utils=function(r,u){"use strict";const i=["xs","sm","default","lg","xl"],d=e=>({class:u.computed(()=>{switch(e){case"xs":return"text-xs";case"sm":return"text-sm";case"lg":return"text-lg";case"xl":return"text-xl";case"base":case"md":return"text-base";default:return"text-sm"}}),size:e}),g=e=>({class:u.computed(()=>{switch(e){case"xs":return"h-[30px]";case"sm":return"h-[36px]";case"lg":return"h-[50px]";case"xl":return"h-[60px]";case"default":case"md":case"base":default:return"h-[40px]"}}),size:e}),m=["default","primary","secondary","info","success","warning","error","dark"],f=(e,s="")=>{switch(e){case"primary":return"bg-primary-500";case"secondary":return"bg-secondary-500";case"info":return"bg-info-500";case"warning":return"bg-warning-500";case"success":return"bg-success-500";case"error":return"bg-error-500";case"default":default:return s||"bg-gray-600"}},b=(e,s="")=>{switch(e){case"primary":return"text-primary-500";case"secondary":return"text-secondary-500";case"info":return"text-info-500";case"warning":return"text-warning-500";case"success":return"text-success-500";case"error":return"text-error-500";case"default":default:return s||"text-gray-900"}},o="disabled:cursor-not-allowed disabled:shadow-none disabled:text-gray-400 disabled:placeholder-gray-400",p="border shadow-sm rounded-md text-gray-800 "+o,l=`border-error-500 text-error-500
-  focus-visible:ring-error-500/30 focus-visible:border-error-500 ring-error-500 focus:border-error-500 focus:ring-error-500`,y=(e=!1)=>{let s=["transition duration-300 border rounded-md text-gray-800","focus:border-primary-500 focus:ring-primary-500 focus:ring focus:ring-opacity-50",o];return e?s.push(l):s.push("border-gray-300"),s.join(" ")},x=(e,s,t=void 0)=>{const a=v=>String.prototype.split.call(s,v).filter(Boolean).reduce((n,T)=>n!=null?n[T]:n,e),c=a(/[,[\]]+?/)||a(/[,[\].]+?/);return c===void 0||c===e?t:c},h=e=>e?.replace(/(<([^>]+)>)/gi,""),C=e=>{const s=new FormData;for(let t in e)s.append(t,e[t]);return s},w=(e,s="text",t="value")=>e?.map(a=>({text:a[s],value:a[t]}))||[];return r.get=x,r.getBgColor=f,r.getTextColor=b,r.inputClasses=p,r.inputDisabledClasses=o,r.inputErrorClasses=l,r.sizes=i,r.stripTags=h,r.themeColors=m,r.toFormData=C,r.toOptions=w,r.useHeight=g,r.useInputClasses=y,r.useTextSize=d,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),r}({},Vue);
+var Utils=function(r,u){"use strict";const i=["xs","sm","default","lg","xl"],d=e=>({class:u.computed(()=>{switch(e){case"xs":return"text-xs";case"sm":return"text-sm";case"lg":return"text-lg";case"xl":return"text-xl";case"base":case"md":return"text-base";default:return"text-sm"}}),size:e}),g=e=>({class:u.computed(()=>{switch(e){case"xs":return"h-[30px]";case"sm":return"h-[36px]";case"lg":return"h-[50px]";case"xl":return"h-[60px]";case"default":case"md":case"base":default:return"h-[40px]"}}),size:e}),m=["default","primary","secondary","info","success","warning","error","dark"],f=(e,s="")=>{switch(e){case"primary":return"bg-primary-500";case"secondary":return"bg-secondary-500";case"info":return"bg-info-500";case"warning":return"bg-warning-500";case"success":return"bg-success-500";case"error":return"bg-error-500";case"default":default:return s||"bg-gray-600"}},b=(e,s="")=>{switch(e){case"primary":return"text-primary-500";case"secondary":return"text-secondary-500";case"info":return"text-info-500";case"warning":return"text-warning-500";case"success":return"text-success-500";case"error":return"text-error-500";case"default":default:return s||"text-gray-900"}},o="disabled:cursor-not-allowed disabled:shadow-none disabled:text-gray-400 disabled:placeholder-gray-400",y="border shadow-sm rounded-md text-gray-800 "+o,l=`border-error-500 text-error-500
+  focus-visible:ring-error-500/30 focus-visible:border-error-500 ring-error-500 focus:border-error-500 focus:ring-error-500`,p=(e=!1)=>{let s=["transition duration-300 border rounded-md text-gray-800","focus:border-primary-500 focus:ring-primary-500 focus:ring focus:ring-opacity-50",o];return e?s.push(l):s.push("border-gray-300 hover:border-gray-400"),s.join(" ")},x=(e,s,t=void 0)=>{const a=v=>String.prototype.split.call(s,v).filter(Boolean).reduce((n,T)=>n!=null?n[T]:n,e),c=a(/[,[\]]+?/)||a(/[,[\].]+?/);return c===void 0||c===e?t:c},h=e=>e?.replace(/(<([^>]+)>)/gi,""),C=e=>{const s=new FormData;for(let t in e)s.append(t,e[t]);return s},w=(e,s="text",t="value")=>e?.map(a=>({text:a[s],value:a[t]}))||[];return r.get=x,r.getBgColor=f,r.getTextColor=b,r.inputClasses=y,r.inputDisabledClasses=o,r.inputErrorClasses=l,r.sizes=i,r.stripTags=h,r.themeColors=m,r.toFormData=C,r.toOptions=w,r.useHeight=g,r.useInputClasses=p,r.useTextSize=d,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}}),r}({},Vue);

dist/utils.umd.js

 (function(r,t){typeof exports=="object"&&typeof module<"u"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(r=typeof globalThis<"u"?globalThis:r||self,t(r.Utils={},r.Vue))})(this,function(r,t){"use strict";const l=["xs","sm","default","lg","xl"],d=e=>({class:t.computed(()=>{switch(e){case"xs":return"text-xs";case"sm":return"text-sm";case"lg":return"text-lg";case"xl":return"text-xl";case"base":case"md":return"text-base";default:return"text-sm"}}),size:e}),g=e=>({class:t.computed(()=>{switch(e){case"xs":return"h-[30px]";case"sm":return"h-[36px]";case"lg":return"h-[50px]";case"xl":return"h-[60px]";case"default":case"md":case"base":default:return"h-[40px]"}}),size:e}),f=["default","primary","secondary","info","success","warning","error","dark"],m=(e,s="")=>{switch(e){case"primary":return"bg-primary-500";case"secondary":return"bg-secondary-500";case"info":return"bg-info-500";case"warning":return"bg-warning-500";case"success":return"bg-success-500";case"error":return"bg-error-500";case"default":default:return s||"bg-gray-600"}},p=(e,s="")=>{switch(e){case"primary":return"text-primary-500";case"secondary":return"text-secondary-500";case"info":return"text-info-500";case"warning":return"text-warning-500";case"success":return"text-success-500";case"error":return"text-error-500";case"default":default:return s||"text-gray-900"}},u="disabled:cursor-not-allowed disabled:shadow-none disabled:text-gray-400 disabled:placeholder-gray-400",b="border shadow-sm rounded-md text-gray-800 "+u,i=`border-error-500 text-error-500
-  focus-visible:ring-error-500/30 focus-visible:border-error-500 ring-error-500 focus:border-error-500 focus:ring-error-500`,x=(e=!1)=>{let s=["transition duration-300 border rounded-md text-gray-800","focus:border-primary-500 focus:ring-primary-500 focus:ring focus:ring-opacity-50",u];return e?s.push(i):s.push("border-gray-300"),s.join(" ")},y=(e,s,a=void 0)=>{const n=v=>String.prototype.split.call(s,v).filter(Boolean).reduce((o,T)=>o!=null?o[T]:o,e),c=n(/[,[\]]+?/)||n(/[,[\].]+?/);return c===void 0||c===e?a:c},h=e=>e?.replace(/(<([^>]+)>)/gi,""),C=e=>{const s=new FormData;for(let a in e)s.append(a,e[a]);return s},w=(e,s="text",a="value")=>e?.map(n=>({text:n[s],value:n[a]}))||[];r.get=y,r.getBgColor=m,r.getTextColor=p,r.inputClasses=b,r.inputDisabledClasses=u,r.inputErrorClasses=i,r.sizes=l,r.stripTags=h,r.themeColors=f,r.toFormData=C,r.toOptions=w,r.useHeight=g,r.useInputClasses=x,r.useTextSize=d,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+  focus-visible:ring-error-500/30 focus-visible:border-error-500 ring-error-500 focus:border-error-500 focus:ring-error-500`,y=(e=!1)=>{let s=["transition duration-300 border rounded-md text-gray-800","focus:border-primary-500 focus:ring-primary-500 focus:ring focus:ring-opacity-50",u];return e?s.push(i):s.push("border-gray-300 hover:border-gray-400"),s.join(" ")},x=(e,s,a=void 0)=>{const n=v=>String.prototype.split.call(s,v).filter(Boolean).reduce((o,T)=>o!=null?o[T]:o,e),c=n(/[,[\]]+?/)||n(/[,[\].]+?/);return c===void 0||c===e?a:c},h=e=>e?.replace(/(<([^>]+)>)/gi,""),C=e=>{const s=new FormData;for(let a in e)s.append(a,e[a]);return s},w=(e,s="text",a="value")=>e?.map(n=>({text:n[s],value:n[a]}))||[];r.get=x,r.getBgColor=m,r.getTextColor=p,r.inputClasses=b,r.inputDisabledClasses=u,r.inputErrorClasses=i,r.sizes=l,r.stripTags=h,r.themeColors=f,r.toFormData=C,r.toOptions=w,r.useHeight=g,r.useInputClasses=y,r.useTextSize=d,Object.defineProperties(r,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package.json

 {
   "name": "@gits-id/utils",
-  "version": "0.8.0",
+  "version": "0.9.0",
   "description": "GITS Utilities",
@@ -19,3 +19,3 @@ "scripts": {
   },
-  "gitHead": "65d721b129e627101d9d853d64f7653f01eaead7",
+  "gitHead": "56379e72b7e916d38c722fa64294c0d8cec1e877",
   "devDependencies": {
@@ -22,0 +22,0 @@ "c8": "^7.11.3",

No alert changes

Improved metrics

Total package byte prevSize

935249

0.04%

No dependency changes