lvjst - npm Package Compare versions

Comparing version 0.0.10 to 0.0.11

dist/lui-vue.es.js

@@ -113,3 +113,3 @@ var __defProp = Object.defineProperty;
 };
-const _sfc_main$2 = {
+const _sfc_main$3 = {
   mixins: [
@@ -170,3 +170,3 @@ string("tag", "p", [
 };
-function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$3(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createBlock(resolveDynamicComponent(_ctx.tag), mergeProps({ class: $setup.classes }, _ctx.$attrs), {
@@ -179,4 +179,4 @@ default: withCtx(() => [
 }
-var LuiText = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
-const _sfc_main$1 = {
+var LuiText = /* @__PURE__ */ _export_sfc(_sfc_main$3, [["render", _sfc_render$3]]);
+const _sfc_main$2 = {
   mixins: [variant(), boolean("border"), size(), filter()],
@@ -198,3 +198,3 @@ setup(props) {
 };
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function _sfc_render$2(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("span", {
@@ -204,3 +204,64 @@ class: normalizeClass($setup.computedClasses)
 }
-var LuiBadge = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
+var LuiBadge = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$2]]);
+const _sfc_main$1 = {
+  mixins: [size("sm", ["sm", "lg"])],
+  inheritAttrs: false,
+  setup(props) {
+    function findSize(sizes) {
+      return sizes[props.size];
+    }
+    const computedClasses = computed(() => {
+      const classes = {
+        input: {
+          position: "absolute",
+          opacity: "opacity-0",
+          width: findSize({ sm: "w-8", lg: "w-10" }),
+          height: findSize({ sm: "h-4", lg: "h-5" }),
+          cursor: "cursor-pointer",
+          peer: "peer"
+        },
+        span: {
+          display: "flex items-center",
+          alignItems: "peer-checked:justify-end",
+          width: findSize({ sm: "w-8", lg: "w-10" }),
+          height: findSize({ sm: "h-4", lg: "h-5" }),
+          borderRadius: "rounded-full",
+          backgroundColor: "bg-secondary-300 peer-checked:bg-success",
+          borderWidth: "border",
+          borderColor: "border-secondary-200 peer-checked:border-success-100",
+          ringWidth: "peer-focus:ring-2",
+          ringOffset: "peer-focus:ring-offset-2",
+          ringColor: "peer-focus:ring-success",
+          paddigX: "px-0.5"
+        },
+        spanBefore: {
+          width: findSize({ sm: "before:w-3", lg: "before:w-4" }),
+          height: findSize({ sm: "before:h-3", lg: "before:h-4" }),
+          borderRadius: "before:rounded-full",
+          backgroundColor: "before:bg-white",
+          borderWidth: "before:border",
+          borderColor: "before:border-secondary-200 peer-checked:before:border-success-100"
+        }
+      };
+      return {
+        input: generateClasses([__spreadValues({}, classes.input)]),
+        span: generateClasses([__spreadValues({}, classes.span), __spreadValues({}, classes.spanBefore)])
+      };
+    });
+    return { computedClasses };
+  }
+};
+const _hoisted_1$1 = { class: "container" };
+function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1$1, [
+    createElementVNode("input", mergeProps({
+      type: "checkbox",
+      class: $setup.computedClasses.input
+    }, _ctx.$attrs), null, 16),
+    createElementVNode("span", {
+      class: normalizeClass($setup.computedClasses.span)
+    }, null, 2)
+  ]);
+}
+var LuiSwitch = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1]]);
 const _sfc_main = {
@@ -271,3 +332,3 @@ mixins: [size("sm", ["sm", "md", "lg"])],
 }
-var LuiSwitch = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
-export { LuiBadge, LuiSwitch, LuiText };
+var LuiRadio = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export { LuiBadge, LuiRadio, LuiSwitch, LuiText };

dist/lui-vue.umd.js

@@ -1,1 +0,1 @@
-var O=Object.defineProperty;var m=Object.getOwnPropertySymbols;var T=Object.prototype.hasOwnProperty,V=Object.prototype.propertyIsEnumerable;var b=(i,t,o)=>t in i?O(i,t,{enumerable:!0,configurable:!0,writable:!0,value:o}):i[t]=o,d=(i,t)=>{for(var o in t||(t={}))T.call(t,o)&&b(i,o,t[o]);if(m)for(var o of m(t))V.call(t,o)&&b(i,o,t[o]);return i};(function(i,t){typeof exports=="object"&&typeof module!="undefined"?t(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],t):(i=typeof globalThis!="undefined"?globalThis:i||self,t(i.LuiVue={},i.Vue))})(this,function(i,t){"use strict";var o="";function f(e,r){return{props:{[e||"variant"]:{type:String,default:r||"primary",validator(s){return(e==="variant"?["primary","secondary","info","success","warning","danger"]:["light","dark","white","black","primary","secondary","info","success","warning","danger"]).includes(s)}}}}}function h(e){return{props:{[e||"filter"]:{type:String,default:"none",validator(r){return["darker","lighter","none"].includes(r)}}}}}function l(e,r){const n=r||["2xs","xs","sm","md","lg"];return{props:{size:{type:String,default:e||"md",validator:a=>n.includes(a)}}}}function p(e,r){return{props:{[e]:{type:Boolean,default:r||!1}}}}function w(e,r,s){let n={type:String,default:r||"none"};return s!==void 0&&(n.validator=a=>s.includes(a)),{props:{[e]:n}}}function c(e){const r=[];return e.map(s=>{r.push(...Object.values(s))}),r.join(" ").toString().replace(/\s+/g," ")}function y(e,r){const s=r==="none"?`bg-${e}`:r==="darker"?`bg-${e}-800`:`bg-${e}-100`,n=r==="none"?"text-white":r==="darker"?`text-${e}-100`:`text-${e}-800`;return{backgroundColor:s,fontColor:n}}var u=(e,r)=>{const s=e.__vccOpts||e;for(const[n,a]of r)s[n]=a;return s};const k={mixins:[w("tag","p",["p","span","br","strong","em","quotes","blockquote","code","pre","mark","ins","del","sup","sub","small","i","b","abbr","address","bdi","bdo","cite","dfn","kbs","meter","q","rp","rt","ruby","s","samp","time","u","var","wbr"]),l("md",["xs","sm","md","lg"]),f("variant","secondary")],setup(e){return{classes:t.computed(()=>{const s={fontColor:`text-${e.variant}-600`,fontSize:e.size==="xs"?"text-xs":e.size==="sm"?"text-sm":e.size==="md"?"text-base":"text-xl",lineHeight:e.size==="xs"?"leading-3":e.size==="sm"?"leading-4.5":e.size==="md"?"leading-5":"leading-6"};return c([d({},s)])})}}};function x(e,r,s,n,a,g){return t.openBlock(),t.createBlock(t.resolveDynamicComponent(e.tag),t.mergeProps({class:n.classes},e.$attrs),{default:t.withCtx(()=>[t.renderSlot(e.$slots,"default")]),_:3},16,["class"])}var z=u(k,[["render",x]]);const C={mixins:[f(),p("border"),l(),h()],setup(e){return{computedClasses:t.computed(()=>{const s={width:e.size==="2xs"?"w-2":e.size==="xs"?"w-3":e.size==="sm"?"w-4":e.size==="md"?"w-5":"w-6",height:e.size==="2xs"?"h-2":e.size==="xs"?"h-3":e.size==="sm"?"h-4":e.size==="md"?"h-5":"h-6",backgroundColor:y(e.variant,e.filter).backgroundColor,border:e.border?"border border-white":"",display:"inline-block",borderRadius:"rounded-full"};return c([d({},s)])})}}};function _(e,r,s,n,a,g){return t.openBlock(),t.createElementBlock("span",{class:t.normalizeClass(n.computedClasses)},null,2)}var $=u(C,[["render",_]]);const S={mixins:[l("sm",["sm","md","lg"])],inheritAttrs:!1,props:{state:{type:[String,Boolean,null],default:null,validator(e){return[null,"warning",!0,!1].includes(e)}}},setup(e){function r(n){return n[e.size]}return{computedClasses:t.computed(()=>{const n={input:{position:"absolute",opacity:"opacity-0",width:r({sm:"w-4",md:"w-5",lg:"w-6"}),height:r({sm:"h-4",md:"h-5",lg:"h-6"}),peer:"peer"},span:{width:r({sm:"w-4",md:"w-5",lg:"w-6"}),height:r({sm:"h-4",md:"h-5",lg:"h-6"}),display:"flex items-center justify-center",borderWidth:r({sm:"border-1.5",md:"border-2",lg:"border-2.5"}),borderColor:e.state===null?"border-primary":e.state==="warning"?"border-warning":e.state===!0?"border-success":"border-danger",borderRadius:"rounded-full",backgroundColor:"bg-white",ringWidth:e.size==="sm"?"peer-focus:ring-1":"peer-focus:ring-2",ringOffset:"peer-focus:ring-offset-2",ringColor:e.state===null?"peer-focus:ring-primary":e.state==="warning"?"peer-focus:ring-warning":e.state===!0?"peer-focus:ring-success":"peer-focus:ring-danger"},spanBefore:{width:r({sm:"before:w-2",md:"before:w-2.5",lg:"before:w-3"}),height:r({sm:"before:h-2",md:"before:h-2.5",lg:"before:h-3"}),borderRadius:"before:rounded-full",backgroundColor:"before:bg-white",backgroundColorChecked:e.state===null?"peer-checked:before:bg-primary":e.state==="warning"?"peer-checked:before:bg-warning":e.state===!0?"peer-checked:before:bg-success":"peer-checked:before:bg-danger"}};return{input:c([d({},n.input)]),span:c([d({},n.span),d({},n.spanBefore)])}})}}},B={class:"container"};function L(e,r,s,n,a,g){return t.openBlock(),t.createElementBlock("div",B,[t.createElementVNode("input",t.mergeProps({type:"radio",class:n.computedClasses.input},e.$attrs),null,16),t.createElementVNode("span",{class:t.normalizeClass(n.computedClasses.span)},null,2)])}var j=u(S,[["render",L]]);i.LuiBadge=$,i.LuiSwitch=j,i.LuiText=z,Object.defineProperty(i,"__esModule",{value:!0}),i[Symbol.toStringTag]="Module"});
+var T=Object.defineProperty;var m=Object.getOwnPropertySymbols;var W=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var b=(o,r,i)=>r in o?T(o,r,{enumerable:!0,configurable:!0,writable:!0,value:i}):o[r]=i,d=(o,r)=>{for(var i in r||(r={}))W.call(r,i)&&b(o,i,r[i]);if(m)for(var i of m(r))q.call(r,i)&&b(o,i,r[i]);return o};(function(o,r){typeof exports=="object"&&typeof module!="undefined"?r(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],r):(o=typeof globalThis!="undefined"?globalThis:o||self,r(o.LuiVue={},o.Vue))})(this,function(o,r){"use strict";var i="";function g(e,s){return{props:{[e||"variant"]:{type:String,default:s||"primary",validator(n){return(e==="variant"?["primary","secondary","info","success","warning","danger"]:["light","dark","white","black","primary","secondary","info","success","warning","danger"]).includes(n)}}}}}function p(e){return{props:{[e||"filter"]:{type:String,default:"none",validator(s){return["darker","lighter","none"].includes(s)}}}}}function l(e,s){const t=s||["2xs","xs","sm","md","lg"];return{props:{size:{type:String,default:e||"md",validator:a=>t.includes(a)}}}}function h(e,s){return{props:{[e]:{type:Boolean,default:s||!1}}}}function w(e,s,n){let t={type:String,default:s||"none"};return n!==void 0&&(t.validator=a=>n.includes(a)),{props:{[e]:t}}}function c(e){const s=[];return e.map(n=>{s.push(...Object.values(n))}),s.join(" ").toString().replace(/\s+/g," ")}function y(e,s){const n=s==="none"?`bg-${e}`:s==="darker"?`bg-${e}-800`:`bg-${e}-100`,t=s==="none"?"text-white":s==="darker"?`text-${e}-100`:`text-${e}-800`;return{backgroundColor:n,fontColor:t}}var u=(e,s)=>{const n=e.__vccOpts||e;for(const[t,a]of s)n[t]=a;return n};const k={mixins:[w("tag","p",["p","span","br","strong","em","quotes","blockquote","code","pre","mark","ins","del","sup","sub","small","i","b","abbr","address","bdi","bdo","cite","dfn","kbs","meter","q","rp","rt","ruby","s","samp","time","u","var","wbr"]),l("md",["xs","sm","md","lg"]),g("variant","secondary")],setup(e){return{classes:r.computed(()=>{const n={fontColor:`text-${e.variant}-600`,fontSize:e.size==="xs"?"text-xs":e.size==="sm"?"text-sm":e.size==="md"?"text-base":"text-xl",lineHeight:e.size==="xs"?"leading-3":e.size==="sm"?"leading-4.5":e.size==="md"?"leading-5":"leading-6"};return c([d({},n)])})}}};function C(e,s,n,t,a,f){return r.openBlock(),r.createBlock(r.resolveDynamicComponent(e.tag),r.mergeProps({class:t.classes},e.$attrs),{default:r.withCtx(()=>[r.renderSlot(e.$slots,"default")]),_:3},16,["class"])}var _=u(k,[["render",C]]);const x={mixins:[g(),h("border"),l(),p()],setup(e){return{computedClasses:r.computed(()=>{const n={width:e.size==="2xs"?"w-2":e.size==="xs"?"w-3":e.size==="sm"?"w-4":e.size==="md"?"w-5":"w-6",height:e.size==="2xs"?"h-2":e.size==="xs"?"h-3":e.size==="sm"?"h-4":e.size==="md"?"h-5":"h-6",backgroundColor:y(e.variant,e.filter).backgroundColor,border:e.border?"border border-white":"",display:"inline-block",borderRadius:"rounded-full"};return c([d({},n)])})}}};function z(e,s,n,t,a,f){return r.openBlock(),r.createElementBlock("span",{class:r.normalizeClass(t.computedClasses)},null,2)}var $=u(x,[["render",z]]);const B={mixins:[l("sm",["sm","lg"])],inheritAttrs:!1,setup(e){function s(t){return t[e.size]}return{computedClasses:r.computed(()=>{const t={input:{position:"absolute",opacity:"opacity-0",width:s({sm:"w-8",lg:"w-10"}),height:s({sm:"h-4",lg:"h-5"}),cursor:"cursor-pointer",peer:"peer"},span:{display:"flex items-center",alignItems:"peer-checked:justify-end",width:s({sm:"w-8",lg:"w-10"}),height:s({sm:"h-4",lg:"h-5"}),borderRadius:"rounded-full",backgroundColor:"bg-secondary-300 peer-checked:bg-success",borderWidth:"border",borderColor:"border-secondary-200 peer-checked:border-success-100",ringWidth:"peer-focus:ring-2",ringOffset:"peer-focus:ring-offset-2",ringColor:"peer-focus:ring-success",paddigX:"px-0.5"},spanBefore:{width:s({sm:"before:w-3",lg:"before:w-4"}),height:s({sm:"before:h-3",lg:"before:h-4"}),borderRadius:"before:rounded-full",backgroundColor:"before:bg-white",borderWidth:"before:border",borderColor:"before:border-secondary-200 peer-checked:before:border-success-100"}};return{input:c([d({},t.input)]),span:c([d({},t.span),d({},t.spanBefore)])}})}}},S={class:"container"};function L(e,s,n,t,a,f){return r.openBlock(),r.createElementBlock("div",S,[r.createElementVNode("input",r.mergeProps({type:"checkbox",class:t.computedClasses.input},e.$attrs),null,16),r.createElementVNode("span",{class:r.normalizeClass(t.computedClasses.span)},null,2)])}var E=u(B,[["render",L]]);const R={mixins:[l("sm",["sm","md","lg"])],inheritAttrs:!1,props:{state:{type:[String,Boolean,null],default:null,validator(e){return[null,"warning",!0,!1].includes(e)}}},setup(e){function s(t){return t[e.size]}return{computedClasses:r.computed(()=>{const t={input:{position:"absolute",opacity:"opacity-0",width:s({sm:"w-4",md:"w-5",lg:"w-6"}),height:s({sm:"h-4",md:"h-5",lg:"h-6"}),peer:"peer"},span:{width:s({sm:"w-4",md:"w-5",lg:"w-6"}),height:s({sm:"h-4",md:"h-5",lg:"h-6"}),display:"flex items-center justify-center",borderWidth:s({sm:"border-1.5",md:"border-2",lg:"border-2.5"}),borderColor:e.state===null?"border-primary":e.state==="warning"?"border-warning":e.state===!0?"border-success":"border-danger",borderRadius:"rounded-full",backgroundColor:"bg-white",ringWidth:e.size==="sm"?"peer-focus:ring-1":"peer-focus:ring-2",ringOffset:"peer-focus:ring-offset-2",ringColor:e.state===null?"peer-focus:ring-primary":e.state==="warning"?"peer-focus:ring-warning":e.state===!0?"peer-focus:ring-success":"peer-focus:ring-danger"},spanBefore:{width:s({sm:"before:w-2",md:"before:w-2.5",lg:"before:w-3"}),height:s({sm:"before:h-2",md:"before:h-2.5",lg:"before:h-3"}),borderRadius:"before:rounded-full",backgroundColor:"before:bg-white",backgroundColorChecked:e.state===null?"peer-checked:before:bg-primary":e.state==="warning"?"peer-checked:before:bg-warning":e.state===!0?"peer-checked:before:bg-success":"peer-checked:before:bg-danger"}};return{input:c([d({},t.input)]),span:c([d({},t.span),d({},t.spanBefore)])}})}}},V={class:"container"};function j(e,s,n,t,a,f){return r.openBlock(),r.createElementBlock("div",V,[r.createElementVNode("input",r.mergeProps({type:"radio",class:t.computedClasses.input},e.$attrs),null,16),r.createElementVNode("span",{class:r.normalizeClass(t.computedClasses.span)},null,2)])}var O=u(R,[["render",j]]);o.LuiBadge=$,o.LuiRadio=O,o.LuiSwitch=E,o.LuiText=_,Object.defineProperty(o,"__esModule",{value:!0}),o[Symbol.toStringTag]="Module"});

package.json

 {
   "name": "lvjst",
-  "version": "0.0.10",
+  "version": "0.0.11",
   "scripts": {
@@ -5,0 +5,0 @@ "dev": "vite",

No alert changes

Improved metrics

Total package byte prevSize

152536

increased by2.97%

Lines of code

859

increased by8.73%

No dependency changes