whelk-ui 0.0.6 → 0.0.8

package/dist/whelk-ui.umd.cjs

@@ -1 +1 @@
-(function(t,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(t=typeof globalThis<"u"?globalThis:t||self,e(t.WhelkUI={},t.Vue))})(this,(function(t,e){"use strict";const o={Disable:"DISABLE",Error:"ERROR",Loading:"LOADING",LoggingIn:"LOGGING_IN",LoggingOut:"LOGGING_OUT",NoAction:"NO_ACTION",Saving:"SAVING"},i=["disabled"],s={key:1},u=e.defineComponent({__name:"ButtonComponent",props:{objectState:{type:String,default:o.NoAction,required:!1,validator:function(n){return Object.values(o).includes(n)}}},setup(n){return(r,a)=>(e.openBlock(),e.createElementBlock("button",{disabled:n.objectState!==e.unref(o).NoAction},[n.objectState===e.unref(o).NoAction?e.renderSlot(r.$slots,"default",{key:0},void 0,!0):e.createCommentVNode("",!0),n.objectState!==e.unref(o).NoAction?(e.openBlock(),e.createElementBlock("span",s,e.toDisplayString(n.objectState),1)):e.createCommentVNode("",!0)],8,i))}}),c=((n,r)=>{const a=n.__vccOpts||n;for(const[b,f]of r)a[b]=f;return a})(u,[["__scopeId","data-v-3de7a432"]]),d=Object.freeze(Object.defineProperty({__proto__:null,ButtonComponent:c},Symbol.toStringTag,{value:"Module"})),m={customer:"Customer",group:"Group",kanban_board:"Kanban Board",kanban_card:"Kanban Card",organisation:"Organisation",request_for_change:"Request For Change",requirement:"Requirement",requirement_item:"Requirement Item",project:"Project",task:"Task",user:"User"},l={customer:"customer",kanban_board:"kanban_board",kanban_card:"kanban_card",organisation:"organisation",request_for_change:"request_for_change",requirement:"requirement",requirement_item:"requirement_item",project:"project",task:"task"},_={install(n){Object.entries(d).forEach(([r,a])=>{n.component(r,a)})}};t.ButtonComponent=c,t.ObjectStateEnum=o,t.ObjectTitleCaseEnums=m,t.ObjectTypeEnums=l,t.default=_,Object.defineProperties(t,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));
+(function(u,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(u=typeof globalThis<"u"?globalThis:u||self,e(u.WhelkUI={},u.Vue))})(this,(function(u,e){"use strict";const k={Disable:"DISABLE",Error:"ERROR",Loading:"LOADING",LoggingIn:"LOGGING_IN",LoggingOut:"LOGGING_OUT",NoAction:"NO_ACTION",Saving:"SAVING"},x=["disabled"],I={key:1},w=e.defineComponent({__name:"ButtonComponent",props:{objectState:{type:String,default:k.NoAction,required:!1,validator:function(t){return Object.values(k).includes(t)}}},setup(t){return(l,n)=>(e.openBlock(),e.createElementBlock("button",{disabled:t.objectState!==e.unref(k).NoAction},[t.objectState===e.unref(k).NoAction?e.renderSlot(l.$slots,"default",{key:0},void 0,!0):e.createCommentVNode("",!0),t.objectState!==e.unref(k).NoAction?(e.openBlock(),e.createElementBlock("span",I,e.toDisplayString(t.objectState),1)):e.createCommentVNode("",!0)],8,x))}}),g=(t,l)=>{const n=t.__vccOpts||t;for(const[o,s]of l)n[o]=s;return n},N=g(w,[["__scopeId","data-v-3de7a432"]]),E={},D={class:"card"};function L(t,l){return e.openBlock(),e.createElementBlock("div",D,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const y=g(E,[["render",L],["__scopeId","data-v-025f3983"]]),R={class:"checkbox-component"},O=["id","name"],j=["for"],V=g(e.defineComponent({__name:"CheckBox",props:e.mergeModels({id:{type:String,required:!0},label:{type:String,required:!0}},{modelValue:{},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const l=e.useModel(t,"modelValue"),n=t,o=e.computed(()=>`checkbox-${n.id}`);return(s,a)=>(e.openBlock(),e.createElementBlock("div",R,[e.withDirectives(e.createElementVNode("input",{id:o.value,name:t.label,"onUpdate:modelValue":a[0]||(a[0]=r=>l.value=r),type:"checkbox"},null,8,O),[[e.vModelCheckbox,l.value]]),e.createElementVNode("label",{for:o.value},e.toDisplayString(n.label),9,j)]))}}),[["__scopeId","data-v-39385668"]]),A={},F={class:"form-group"};function G(t,l){return e.openBlock(),e.createElementBlock("div",F,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const _=g(A,[["render",G],["__scopeId","data-v-142c8936"]]),U={},K={class:"render-error-message"};function P(t,l){return e.openBlock(),e.createElementBlock("span",K,[e.renderSlot(t.$slots,"default",{},void 0,!0)])}const b=g(U,[["render",P],["__scopeId","data-v-e384ff35"]]),z=["id"],W={key:0,class:"tooltip-title"},X={class:"tooltip-message"},H=["data-tooltip-target"],h=g(e.defineComponent({__name:"ToolTip",props:{id:{type:String,required:!0},message:{type:String,required:!0},title:{type:String,default:""}},setup(t){const l=t,n=e.computed(()=>`tooltip-${l.id}`),o=e.ref("tooltip");return(s,a)=>{const r=e.resolveComponent("Info");return e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("div",{id:n.value,class:e.normalizeClass(o.value),role:"tooltip"},[l.title!==""&&l.title!==null&&l.title!==void 0?(e.openBlock(),e.createElementBlock("p",W,e.toDisplayString(l.title),1)):e.createCommentVNode("",!0),e.createElementVNode("p",X,e.toDisplayString(l.message),1)],10,z),e.createElementVNode("span",{"data-tooltip-target":n.value,type:"tooltip",onMouseenter:a[0]||(a[0]=d=>o.value="tooltip show"),onMouseleave:a[1]||(a[1]=d=>o.value="tooltip"),onFocus:a[2]||(a[2]=d=>o.value="tooltip show"),onBlur:a[3]||(a[3]=d=>o.value="tooltip"),onKeydown:a[4]||(a[4]=e.withKeys(d=>o.value="tooltip",["esc"]))},[e.createVNode(r)],40,H)],64)}}}),[["__scopeId","data-v-5121adbc"]]),J=["for"],Q={key:1,"aria-description":"Field is required"},Y=["id","name"],C=g(e.defineComponent({__name:"DatetimeComponent",props:e.mergeModels({isRequired:{type:Boolean,default:!1},label:{type:String,required:!0},tooltipMessage:{type:String,required:!1,default:""},tooltipTitle:{type:String,required:!1,default:""}},{model:{type:Date,required:!1},modelModifiers:{}}),emits:e.mergeModels(["isValid"],["update:model"]),setup(t,{emit:l}){const n=l,o=t,s=e.useModel(t,"model"),a=e.ref(!1),r=e.ref(""),d=e.computed(()=>"input-"+o.label?.toLowerCase()?.replace(" ","-"));function f(){a.value=!1,r.value="";let i=Number(s?.value?.toString().length);i=isNaN(i)?0:i,o.isRequired&&i===0&&(a.value=!0,r.value="This field is required"),n("isValid",!a.value)}return(i,m)=>(e.openBlock(),e.createBlock(_,{class:"datetime-component"},{default:e.withCtx(()=>[e.createElementVNode("label",{for:d.value},[o.tooltipMessage!==""?(e.openBlock(),e.createBlock(h,{key:0,title:t.tooltipTitle,message:t.tooltipMessage,id:d.value},null,8,["title","message","id"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.label),1),t.isRequired?(e.openBlock(),e.createElementBlock("span",Q,"*")):e.createCommentVNode("",!0)],8,J),e.withDirectives(e.createElementVNode("input",{id:d.value,type:"datetime-local",name:o.label,"onUpdate:modelValue":m[0]||(m[0]=c=>s.value=c),onKeyup:f,onFocusout:f},null,40,Y),[[e.vModelText,s.value]]),e.createVNode(b,{"error-message":r.value},null,8,["error-message"])]),_:1}))}}),[["__scopeId","data-v-905d8a98"]]),Z={class:"drop-down-items"},v=["onClick"],ee=g(e.defineComponent({__name:"DropDownItem",props:{dropDownItems:{type:Array,required:!0}},emits:["dropDownItemClicked"],setup(t,{emit:l}){const n=l;function o(s){n("dropDownItemClicked",s)}return(s,a)=>(e.openBlock(),e.createElementBlock("div",Z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.dropDownItems,r=>(e.openBlock(),e.createElementBlock("div",{class:"drop-down-item",onClick:d=>o(r.trigger),key:r.label},[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(r.icon))),e.createTextVNode(" "+e.toDisplayString(r.label),1)],8,v))),128))]))}}),[["__scopeId","data-v-eb1af184"]]),te={class:"drop-down"},$=g(e.defineComponent({__name:"DropDown",props:{dropDownItems:{type:Array,required:!0}},emits:["dropDownItemClicked"],setup(t,{emit:l}){const n=l,o=e.ref(!1);function s(){o.value=!o.value}function a(r){n("dropDownItemClicked",r),o.value=!1}return(r,d)=>(e.openBlock(),e.createElementBlock("div",te,[e.createElementVNode("button",{type:"button",onClick:s},[e.renderSlot(r.$slots,"default",{},void 0,!0)]),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[e.withDirectives(e.createVNode(ee,{onDropDownItemClicked:a,"drop-down-items":t.dropDownItems},null,8,["drop-down-items"]),[[e.vShow,o.value]])]),_:1}),e.createVNode(e.Transition,null,{default:e.withCtx(()=>[o.value?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:s,class:"drop-down-backdrop"})):e.createCommentVNode("",!0)]),_:1})]))}}),[["__scopeId","data-v-755569e8"]]),oe=["for"],le={class:"number-input-row"},ae=["aria-label","disabled"],ne=["aria-label","disabled"],re=e.defineComponent({__name:"NumberInput",props:e.mergeModels({label:{type:String,required:!0},maxValue:{type:Number,default:Number.MAX_SAFE_INTEGER},minValue:{type:Number,default:Number.MIN_SAFE_INTEGER},stepIncrement:{type:Number,default:1},tooltipMessage:{type:String,required:!1,default:""},tooltipTitle:{type:String,required:!1,default:""}},{modelValue:{type:Number,default:0},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const l=t,n=e.useModel(t,"modelValue"),o=e.ref(""),s=e.computed(()=>"input-"+l.label?.toLowerCase()?.replace(" ","-")),a=e.computed(()=>n.value>=l.maxValue),r=e.computed(()=>n.value<=l.minValue);function d(){if(o.value="",r.value){o.value="Reached Lowest Value";return}let m=Math.abs(l.minValue-n.value);m=m<Math.abs(l.stepIncrement)?m:Math.abs(l.stepIncrement);let c=n.value-m;c=c>l.maxValue?l.maxValue:c,n.value=c}function f(){if(o.value="",a.value){o.value="Reached Maxium Value";return}let m=Math.abs(l.maxValue-n.value);m=m<Math.abs(l.stepIncrement)?m:Math.abs(l.stepIncrement);let c=n.value+m;c=c<l.minValue?l.minValue:c,n.value=c}function i(m){o.value="";let p=m.target?.valueAsNumber;p===void 0&&(o.value="Model is undefined - default 0",p=0),isNaN(p)&&(o.value="Not a number - default 0",p=0),p=p>l.maxValue?l.maxValue:p,p=p<l.minValue?l.minValue:p,n.value=p}return(m,c)=>(e.openBlock(),e.createBlock(_,{class:"number-input"},{default:e.withCtx(()=>[e.createElementVNode("label",{for:s.value},[l.tooltipMessage!==""?(e.openBlock(),e.createBlock(h,{key:0,title:t.tooltipTitle,message:t.tooltipMessage,id:s.value},null,8,["title","message","id"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.label),1)],8,oe),e.createElementVNode("div",le,[e.createElementVNode("button",{type:"button",class:"negative","aria-label":`Decrement current value of ${n.value} by ${l.stepIncrement}`,disabled:r.value,onClick:d}," - ",8,ae),e.withDirectives(e.createElementVNode("input",{type:"number","aria-label":"Current value picked","aria-describedby":"helper-text-explanation","onUpdate:modelValue":c[0]||(c[0]=p=>n.value=p),onChange:c[1]||(c[1]=p=>i(p)),onKeyup:c[2]||(c[2]=p=>i(p))},null,544),[[e.vModelText,n.value]]),e.createElementVNode("button",{type:"button",class:"positive","aria-label":`Increment current value of ${n.value} by ${l.stepIncrement}`,disabled:a.value,onClick:f}," + ",8,ne)]),e.createVNode(b,{"error-message":o.value},null,8,["error-message"])]),_:1}))}}),B=g(re,[["__scopeId","data-v-06558243"]]),ie=["for"],se={key:1,"aria-description":"Field is required"},de=["id","name","placeholder"],M=g(e.defineComponent({__name:"PasswordInput",props:e.mergeModels({isRequired:{type:Boolean,default:!1},label:{type:String,required:!0},minLength:{type:Number,default:0,required:!1,validator:t=>!Number.isNaN(t)},placeholderText:{type:String,required:!1,default:""},tooltipMessage:{type:String,required:!1,default:""},tooltipTitle:{type:String,required:!1,default:""}},{modelValue:{},modelModifiers:{}}),emits:e.mergeModels(["isValid"],["update:modelValue"]),setup(t,{emit:l}){const n=l,o=t,s=e.useModel(t,"modelValue"),a=e.ref(!1),r=e.ref(""),d=e.computed(()=>"input-"+o.label?.toLowerCase()?.replace(" ","-"));function f(){a.value=!1,r.value="";let i=Number(s?.value?.toString().length);i=isNaN(i)?0:i,o.isRequired&&i===0&&(a.value=!0,r.value="This field is required"),o.minLength>0&&i<o.minLength&&(a.value=!0,r.value=`This field has a minimum length ${i} / ${o.minLength}`),n("isValid",!a.value)}return(i,m)=>(e.openBlock(),e.createBlock(_,{class:"text-input"},{default:e.withCtx(()=>[e.createElementVNode("label",{for:d.value},[o.tooltipMessage!==""?(e.openBlock(),e.createBlock(h,{key:0,title:t.tooltipTitle,message:t.tooltipMessage,id:d.value},null,8,["title","message","id"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.label),1),t.isRequired?(e.openBlock(),e.createElementBlock("span",se,"*")):e.createCommentVNode("",!0)],8,ie),e.withDirectives(e.createElementVNode("input",{id:d.value,type:"password",name:o.label,placeholder:o.placeholderText,"onUpdate:modelValue":m[0]||(m[0]=c=>s.value=c),onKeyup:f,onFocusout:f},null,40,de),[[e.vModelText,s.value]]),e.createVNode(b,{"error-message":r.value},null,8,["error-message"])]),_:1}))}}),[["__scopeId","data-v-d179e9e2"]]),ce=["for"],me={class:"switch-text"},q=g(e.defineComponent({__name:"SwitchComponent",props:e.mergeModels({label:{type:String,required:!0},offText:{type:String,required:!1,default:""},onText:{type:String,required:!1,default:""},tooltipMessage:{type:String,required:!1,default:""},tooltipTitle:{type:String,required:!1,default:""}},{modelValue:{type:Boolean},modelModifiers:{}}),emits:["update:modelValue"],setup(t){const l=t,n=e.computed(()=>a.value?"switch on":"switch off"),o=e.computed(()=>"input-"+l.label?.toLowerCase()?.replace(" ","-")),s=e.computed(()=>a.value?l.onText:l.offText),a=e.useModel(t,"modelValue");function r(){a.value=!a.value}return(d,f)=>(e.openBlock(),e.createBlock(_,{class:"switch-component"},{default:e.withCtx(()=>[e.createElementVNode("label",{for:o.value},[l.tooltipMessage!==""?(e.openBlock(),e.createBlock(h,{key:0,title:t.tooltipTitle,message:t.tooltipMessage,id:o.value},null,8,["title","message","id"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.label),1)],8,ce),e.createElementVNode("div",{onClick:r,class:e.normalizeClass(n.value)},[e.createElementVNode("div",me,e.toDisplayString(s.value),1),f[0]||(f[0]=e.createElementVNode("div",{class:"switch-block"},null,-1))],2)]),_:1}))}}),[["__scopeId","data-v-f28e5f26"]]),ue=["for"],pe={key:1,"aria-description":"Field is required"},fe=["id","name","placeholder"],S=g(e.defineComponent({__name:"TextArea",props:e.mergeModels({isRequired:{type:Boolean,default:!1},label:{type:String,required:!0},minLength:{type:Number,default:0,required:!1,validator:t=>!Number.isNaN(t)},maxLength:{type:Number,default:0,required:!1,validator:t=>!Number.isNaN(t)},placeholderText:{type:String,required:!1,default:""},tooltipMessage:{type:String,required:!1,default:""},tooltipTitle:{type:String,required:!1,default:""}},{model:{type:String,required:!1,default:""},modelModifiers:{}}),emits:e.mergeModels(["isValid"],["update:model"]),setup(t,{emit:l}){const n=l,o=t,s=e.useModel(t,"model"),a=e.ref(!1),r=e.ref(""),d=e.computed(()=>"input-"+o.label?.toLowerCase()?.replace(" ","-"));function f(){a.value=!1,r.value="";let i=Number(s?.value?.toString().length);i=isNaN(i)?0:i,o.isRequired&&i===0&&(a.value=!0,r.value="This field is required"),o.minLength>0&&i<o.minLength&&(a.value=!0,r.value=`This field has a minimum length ${i} / ${o.minLength}`),o.maxLength>0&&i>o.maxLength&&(a.value=!0,r.value=`This field has a maximum length ${i} / ${o.maxLength}`),n("isValid",!a.value)}return(i,m)=>(e.openBlock(),e.createBlock(_,null,{default:e.withCtx(()=>[e.createElementVNode("label",{for:d.value},[o.tooltipMessage!==""?(e.openBlock(),e.createBlock(h,{key:0,title:t.tooltipTitle,message:t.tooltipMessage,id:d.value},null,8,["title","message","id"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.label),1),t.isRequired?(e.openBlock(),e.createElementBlock("span",pe,"*")):e.createCommentVNode("",!0)],8,ue),e.withDirectives(e.createElementVNode("textarea",{rows:"10",id:d.value,type:"text",name:o.label,placeholder:o.placeholderText,"onUpdate:modelValue":m[0]||(m[0]=c=>s.value=c),onKeyup:f,onFocusout:f},null,40,fe),[[e.vModelText,s.value]]),e.createVNode(b,{"error-message":r.value},null,8,["error-message"])]),_:1}))}}),[["__scopeId","data-v-88c9adeb"]]),ge=["for"],_e={key:1,"aria-description":"Field is required"},he=["id","name","placeholder"],T=g(e.defineComponent({__name:"TextInput",props:e.mergeModels({isRequired:{type:Boolean,default:!1},label:{type:String,required:!0},minLength:{type:Number,default:0,required:!1,validator:t=>!Number.isNaN(t)},maxLength:{type:Number,default:0,required:!1,validator:t=>!Number.isNaN(t)},placeholderText:{type:String,required:!1,default:""},tooltipMessage:{type:String,required:!1,default:""},tooltipTitle:{type:String,required:!1,default:""}},{modelValue:{required:!0},modelModifiers:{}}),emits:e.mergeModels(["isValid"],["update:modelValue"]),setup(t,{emit:l}){const n=l,o=t,s=e.useModel(t,"modelValue"),a=e.ref(!1),r=e.ref(""),d=e.computed(()=>"input-"+o.label?.toLowerCase()?.replace(" ","-"));function f(){a.value=!1,r.value="";let i=Number(s?.value?.toString().length);i=isNaN(i)?0:i,o.isRequired&&i===0&&(a.value=!0,r.value="This field is required"),o.minLength>0&&i<o.minLength&&(a.value=!0,r.value=`This field has a minimum length ${i} / ${o.minLength}`),o.maxLength>0&&i>o.maxLength&&(a.value=!0,r.value=`This field has a maximum length ${i} / ${o.maxLength}`),n("isValid",!a.value)}return(i,m)=>(e.openBlock(),e.createBlock(_,{class:"text-input"},{default:e.withCtx(()=>[e.createElementVNode("label",{for:d.value},[o.tooltipMessage!==""?(e.openBlock(),e.createBlock(h,{key:0,title:t.tooltipTitle,message:t.tooltipMessage,id:d.value},null,8,["title","message","id"])):e.createCommentVNode("",!0),e.createTextVNode(" "+e.toDisplayString(t.label),1),t.isRequired?(e.openBlock(),e.createElementBlock("span",_e,"*")):e.createCommentVNode("",!0)],8,ge),e.withDirectives(e.createElementVNode("input",{id:d.value,type:"text",name:o.label,placeholder:o.placeholderText,"onUpdate:modelValue":m[0]||(m[0]=c=>s.value=c),onKeyup:f,onFocusout:f},null,40,he),[[e.vModelText,s.value]]),e.createVNode(b,{"error-message":r.value},null,8,["error-message"])]),_:1}))}}),[["__scopeId","data-v-354652ea"]]),be=Object.freeze(Object.defineProperty({__proto__:null,ButtonComponent:N,CardComponent:y,CheckBox:V,DatetimeComponent:C,DropDown:$,FormGroup:_,NumberInput:B,PasswordInput:M,RenderErrorMessage:b,SwitchComponent:q,TextArea:S,TextInput:T,ToolTip:h},Symbol.toStringTag,{value:"Module"})),ke={customer:"Customer",group:"Group",kanban_board:"Kanban Board",kanban_card:"Kanban Card",organisation:"Organisation",request_for_change:"Request For Change",requirement:"Requirement",requirement_item:"Requirement Item",project:"Project",task:"Task",user:"User"},Ne={customer:"customer",kanban_board:"kanban_board",kanban_card:"kanban_card",organisation:"organisation",request_for_change:"request_for_change",requirement:"requirement",requirement_item:"requirement_item",project:"project",task:"task"},ye={install(t){Object.entries(be).forEach(([l,n])=>{t.component(l,n)})}};u.ButtonComponent=N,u.CardComponent=y,u.CheckBox=V,u.DatetimeComponent=C,u.DropDown=$,u.FormGroup=_,u.NumberInput=B,u.ObjectStateEnum=k,u.ObjectTitleCaseEnums=ke,u.ObjectTypeEnums=Ne,u.PasswordInput=M,u.RenderErrorMessage=b,u.SwitchComponent=q,u.TextArea=S,u.TextInput=T,u.ToolTip=h,u.default=ye,Object.defineProperties(u,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})}));

package/package.json

@@ -10,7 +10,7 @@
   "author": "Robotichead",
   "license": "MIT",
   "private": false,
-  "version": "0.0.6",
+  "version": "0.0.8",
   "type": "module",
   "main": "./dist/whelk-ui.umd.cjs",
   "module": "./dist/whelk-ui.js",
@@ -26,7 +26,10 @@
       "import": "./dist/whelk-ui.js",
       "require": "./dist/whelk-ui.umd.cjs"
     },
-    "./dist/style.css": "./dist/style.css"
+    "./dist/whelk-ui.css": {
+      "default": "./dist/whelk-ui.css"
+    },
+    "./style.css": "./dist/style.css"
   },
   "files": [
     "dist"