@dronico/droni-kit 1.5.2 → 1.5.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +14 -0
- package/dist/droni-kit.cjs +337 -0
- package/dist/droni-kit.css +1 -1
- package/dist/droni-kit.js +480 -144
- package/dist/droni-kit.umd.cjs +337 -1
- package/package.json +2 -2
package/dist/droni-kit.umd.cjs
CHANGED
|
@@ -1 +1,337 @@
|
|
|
1
|
-
(function(d,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(d=typeof globalThis<"u"?globalThis:d||self,e(d["droni-kit"]={},d.Vue))})(this,function(d,e){"use strict";const x=["type","title","disabled"],m={key:1},u="transition rounded disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer hover:shadow-md overflow-hidden text-ellipsis whitespace-nowrap active:scale-95",v=e.defineComponent({__name:"DuiButton",props:{variant:{type:String,default:"solid"},color:{type:String,default:"neutral"},size:{type:String,default:"md"},type:{type:String,default:"button"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},block:{type:Boolean,default:!1},title:{type:String,default:void 0}},setup(n){const t=n,r={sm:"text-sm px-3 py-1.5",md:"text-base px-4 py-2",lg:"text-lg px-5 py-3"},l={solid:{base:"border-b",neutral:"border-zinc-500 dark:border-zinc-600 bg-zinc-200 text-zinc-800 hover:bg-zinc-300 hover:text-zinc-900 dark:bg-zinc-700 dark:text-zinc-200 dark:hover:bg-zinc-600 dark:hover:text-zinc-50",primary:"border-slate-500 dark:border-slate-600 bg-slate-200 text-slate-800 hover:bg-slate-300 hover:text-slate-900 dark:bg-slate-700 dark:text-slate-200 dark:hover:bg-slate-600 dark:hover:text-slate-100",secondary:"border-pink-500 dark:border-pink-600 bg-pink-200 text-pink-800 hover:bg-pink-300 hover:text-pink-900 dark:bg-pink-700 dark:text-pink-200 dark:hover:bg-pink-600 dark:hover:text-pink-100",success:" border-emerald-500 dark:border-emerald-600 bg-emerald-200 text-emerald-800 hover:bg-emerald-300 hover:text-emerald-900 dark:bg-emerald-700 dark:text-emerald-200 dark:hover:bg-emerald-600 dark:hover:text-emerald-100",danger:"border-rose-500 dark:border-rose-600 bg-rose-200 text-rose-800 hover:bg-rose-300 hover:text-rose-900 dark:bg-rose-700 dark:text-rose-200 dark:hover:bg-rose-600 dark:hover:text-rose-100",warning:"border-amber-500 dark:border-amber-600 bg-amber-200 text-amber-800 hover:bg-amber-300 hover:text-amber-900 dark:bg-amber-700 dark:text-amber-200 dark:hover:bg-amber-600 dark:hover:text-amber-100"},outline:{base:"border",neutral:"border-zinc-600 text-zinc-800 hover:bg-zinc-100 hover:text-zinc-900 dark:border-zinc-300 dark:text-zinc-200 dark:hover:bg-zinc-800 dark:hover:text-zinc-50",primary:"border-sky-600 text-sky-800 hover:bg-sky-100 hover:text-sky-900 dark:border-sky-300 dark:text-sky-200 dark:hover:bg-sky-800 dark:hover:text-sky-50",secondary:"border-pink-600 text-pink-800 hover:bg-pink-100 hover:text-pink-900 dark:border-pink-300 dark:text-pink-200 dark:hover:bg-pink-800 dark:hover:text-pink-50",success:"border-green-600 text-green-800 hover:bg-green-100 hover:text-green-900 dark:border-green-300 dark:text-green-200 dark:hover:bg-green-800 dark:hover:text-green-50",danger:"border-red-600 text-red-800 hover:bg-red-100 hover:text-red-900 dark:border-red-300 dark:text-red-200 dark:hover:bg-red-800 dark:hover:text-red-50",warning:"border-yellow-600 text-yellow-800 hover:bg-yellow-100 hover:text-yellow-900 dark:border-yellow-300 dark:text-yellow-200 dark:hover:bg-yellow-800 dark:hover:text-yellow-50"},ghost:{base:"border-b border-transparent",neutral:"hover:border-zinc-500 hover:dark:border-zinc-600 text-zinc-600 hover:bg-zinc-50 dark:text-zinc-100 dark:hover:bg-zinc-800",primary:"hover:border-slate-500 hover:dark:border-slate-600 text-slate-600 hover:bg-slate-50 dark:text-slate-100 dark:hover:bg-slate-800",secondary:"hover:border-pink-500 hover:dark:border-pink-600 text-pink-600 hover:bg-pink-50 dark:text-pink-100 dark:hover:bg-pink-800",success:"hover:border-emerald-500 hover:dark:border-emerald-600 text-emerald-600 hover:bg-emerald-50 dark:text-emerald-100 dark:hover:bg-emerald-800",danger:"hover:border-rose-500 hover:dark:border-rose-600 text-rose-600 hover:bg-rose-50 dark:text-rose-100 dark:hover:bg-rose-800",warning:"hover:border-amber-500 hover:dark:border-amber-600 text-amber-600 hover:bg-amber-50 dark:text-amber-100 dark:hover:bg-amber-800"}},k=e.computed(()=>{var i;const a=(((i=l[t.variant])==null?void 0:i[t.color])||"")+" "+l[t.variant].base,s=r[t.size]||"",p=t.block?"w-full":"";return[u,a,s,p].join(" ")});return(a,s)=>(e.openBlock(),e.createElementBlock("button",{type:t.type,class:e.normalizeClass(k.value),title:t.title,disabled:t.disabled||t.loading},[t.loading?(e.openBlock(),e.createElementBlock("span",m,"Cargando...")):e.renderSlot(a.$slots,"default",{key:0})],10,x))}}),y=["for"],z={key:0,class:"text-rose-500"},f=["type","value","disabled","placeholder","required","name","id","pattern","aria-label","aria-disabled","aria-required"],S="border-b border-zinc-300 bg-zinc-50 text-zinc-800 focus:outline-none focus:bg-zinc-100 dark:bg-zinc-700 dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-100 dark:focus:bg-zinc-700 dark:[color-scheme:dark]",_=e.defineComponent({__name:"DuiInput",props:{modelValue:{type:String,default:""},type:{type:String,default:"text"},size:{type:String,default:"md"},block:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:void 0},name:{type:String,default:void 0},id:{type:String,default:void 0},required:{type:Boolean,default:!1},label:{type:String,default:void 0},pattern:{type:String,default:void 0},rounded:{type:String,default:"all"}},emits:["update:modelValue"],setup(n,{emit:t}){const r=n,l=t;function k(b){const c=b.target;l("update:modelValue",c.value)}const a={sm:"text-sm px-3 py-1.5",md:"text-base px-3 py-2",lg:"text-lg px-5 py-3"},s={all:"rounded",top:"rounded-t",bottom:"rounded-b",left:"rounded-l",right:"rounded-r",none:"rounded-none"},p={sm:"text-sm pb-0.5",md:"text-base pb-1",lg:"text-lg pb-2"},i=e.computed(()=>{const b=a[r.size]||"",c=r.block?"w-full":"",o=s[r.rounded]||"";return[S,b,c,o].join(" ")}),g=e.computed(()=>{const b=p[r.size]||"",c=r.block?"w-full":"";return[b,c].join(" ")});return(b,c)=>(e.openBlock(),e.createElementBlock("div",null,[r.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:r.id,class:e.normalizeClass([g.value,"text-start block text-zinc-700 dark:text-zinc-200 px-0"])},[e.createTextVNode(e.toDisplayString(r.label)+" ",1),r.required?(e.openBlock(),e.createElementBlock("span",z,"*")):e.createCommentVNode("",!0)],10,y)):e.createCommentVNode("",!0),e.createElementVNode("input",{type:r.type,class:e.normalizeClass(i.value),value:n.modelValue,disabled:r.disabled,placeholder:r.placeholder,required:r.required,name:r.name,id:r.id,pattern:r.pattern,"aria-label":r.placeholder,"aria-disabled":r.disabled,"aria-required":r.required,onInput:k},null,42,f)]))}}),w=["for"],C={key:0,class:"text-rose-500"},B=["value","disabled","placeholder","required","name","id","aria-label","aria-disabled","aria-required"],q="border-b border-zinc-300 bg-zinc-50 text-zinc-800 focus:outline-none focus:bg-zinc-100 dark:bg-zinc-700 dark:border-zinc-600 dark:bg-zinc-800 dark:text-zinc-100 dark:focus:bg-zinc-700 dark:[color-scheme:dark]",V=e.defineComponent({__name:"DuiTextarea",props:{modelValue:{type:String,default:""},size:{type:String,default:"md"},block:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:void 0},name:{type:String,default:void 0},id:{type:String,default:void 0},required:{type:Boolean,default:!1},label:{type:String,default:void 0},rounded:{type:String,default:"all"},autoheight:{type:Boolean,default:!0},resize:{type:String,default:"none"}},emits:["update:modelValue"],setup(n,{emit:t}){const r=n,l=t;function k(o){const h=o.target;r.autoheight&&c(h),l("update:modelValue",h.value)}const a={sm:"text-sm px-3 py-1.5",md:"text-base px-3 py-2",lg:"text-lg px-5 py-3"},s={all:"rounded",top:"rounded-t",bottom:"rounded-b",left:"rounded-l",right:"rounded-r",none:"rounded-none"},p={sm:"text-sm pb-0.5",md:"text-base pb-1",lg:"text-lg pb-2"},i={none:"resize-none",both:"resize",horizontal:"resize-x",vertical:"resize-y"},g=e.computed(()=>{const o=a[r.size]||"",h=r.block?"w-full":"",N=s[r.rounded]||"",T=i[r.resize]||"";return[q,o,h,N,T].join(" ")}),b=e.computed(()=>{const o=p[r.size]||"",h=r.block?"w-full":"";return[o,h].join(" ")}),c=o=>{o.style.height="auto",o.style.height=`${o.scrollHeight+5}px`};return(o,h)=>(e.openBlock(),e.createElementBlock("div",null,[r.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:r.id,class:e.normalizeClass([b.value,"text-start block text-zinc-700 dark:text-zinc-200 px-0"])},[e.createTextVNode(e.toDisplayString(r.label)+" ",1),r.required?(e.openBlock(),e.createElementBlock("span",C,"*")):e.createCommentVNode("",!0)],10,w)):e.createCommentVNode("",!0),e.createElementVNode("textarea",{class:e.normalizeClass(g.value),value:n.modelValue,disabled:r.disabled,placeholder:r.placeholder,required:r.required,name:r.name,id:r.id,"aria-label":r.placeholder,"aria-disabled":r.disabled,"aria-required":r.required,onInput:k},null,42,B)]))}}),$=["title"],E={key:1},D="transition text-center rounded disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer hover:shadow-md overflow-hidden text-ellipsis whitespace-nowrap active:scale-95",j=e.defineComponent({__name:"DuiAction",props:{variant:{type:String,default:"solid"},color:{type:String,default:"neutral"},size:{type:String,default:"md"},loading:{type:Boolean,default:!1},block:{type:Boolean,default:!1},title:{type:String,default:void 0}},setup(n){const t=n,r={sm:"text-sm px-3 py-1.5",md:"text-base px-4 py-2",lg:"text-lg px-5 py-3"},l={solid:{base:"border-b",neutral:"border-zinc-500 dark:border-zinc-600 bg-zinc-200 text-zinc-800 hover:bg-zinc-300 hover:text-zinc-900 dark:bg-zinc-700 dark:text-zinc-200 dark:hover:bg-zinc-600 dark:hover:text-zinc-50",primary:"border-slate-500 dark:border-slate-600 bg-slate-200 text-slate-800 hover:bg-slate-300 hover:text-slate-900 dark:bg-slate-700 dark:text-slate-200 dark:hover:bg-slate-600 dark:hover:text-slate-100",secondary:"border-pink-500 dark:border-pink-600 bg-pink-200 text-pink-800 hover:bg-pink-300 hover:text-pink-900 dark:bg-pink-700 dark:text-pink-200 dark:hover:bg-pink-600 dark:hover:text-pink-100",success:" border-emerald-500 dark:border-emerald-600 bg-emerald-200 text-emerald-800 hover:bg-emerald-300 hover:text-emerald-900 dark:bg-emerald-700 dark:text-emerald-200 dark:hover:bg-emerald-600 dark:hover:text-emerald-100",danger:"border-rose-500 dark:border-rose-600 bg-rose-200 text-rose-800 hover:bg-rose-300 hover:text-rose-900 dark:bg-rose-700 dark:text-rose-200 dark:hover:bg-rose-600 dark:hover:text-rose-100",warning:"border-amber-500 dark:border-amber-600 bg-amber-200 text-amber-800 hover:bg-amber-300 hover:text-amber-900 dark:bg-amber-700 dark:text-amber-200 dark:hover:bg-amber-600 dark:hover:text-amber-100"},outline:{base:"border",neutral:"border-zinc-600 text-zinc-800 hover:bg-zinc-100 hover:text-zinc-900 dark:border-zinc-300 dark:text-zinc-200 dark:hover:bg-zinc-800 dark:hover:text-zinc-50",primary:"border-sky-600 text-sky-800 hover:bg-sky-100 hover:text-sky-900 dark:border-sky-300 dark:text-sky-200 dark:hover:bg-sky-800 dark:hover:text-sky-50",secondary:"border-pink-600 text-pink-800 hover:bg-pink-100 hover:text-pink-900 dark:border-pink-300 dark:text-pink-200 dark:hover:bg-pink-800 dark:hover:text-pink-50",success:"border-green-600 text-green-800 hover:bg-green-100 hover:text-green-900 dark:border-green-300 dark:text-green-200 dark:hover:bg-green-800 dark:hover:text-green-50",danger:"border-red-600 text-red-800 hover:bg-red-100 hover:text-red-900 dark:border-red-300 dark:text-red-200 dark:hover:bg-red-800 dark:hover:text-red-50",warning:"border-yellow-600 text-yellow-800 hover:bg-yellow-100 hover:text-yellow-900 dark:border-yellow-300 dark:text-yellow-200 dark:hover:bg-yellow-800 dark:hover:text-yellow-50"},ghost:{base:"border-b border-transparent",neutral:"hover:border-zinc-500 hover:dark:border-zinc-600 text-zinc-600 hover:bg-zinc-50 dark:text-zinc-100 dark:hover:bg-zinc-800",primary:"hover:border-slate-500 hover:dark:border-slate-600 text-slate-600 hover:bg-slate-50 dark:text-slate-100 dark:hover:bg-slate-800",secondary:"hover:border-pink-500 hover:dark:border-pink-600 text-pink-600 hover:bg-pink-50 dark:text-pink-100 dark:hover:bg-pink-800",success:"hover:border-emerald-500 hover:dark:border-emerald-600 text-emerald-600 hover:bg-emerald-50 dark:text-emerald-100 dark:hover:bg-emerald-800",danger:"hover:border-rose-500 hover:dark:border-rose-600 text-rose-600 hover:bg-rose-50 dark:text-rose-100 dark:hover:bg-rose-800",warning:"hover:border-amber-500 hover:dark:border-amber-600 text-amber-600 hover:bg-amber-50 dark:text-amber-100 dark:hover:bg-amber-800"}},k=e.computed(()=>{var i;const a=(((i=l[t.variant])==null?void 0:i[t.color])||"")+" "+l[t.variant].base,s=r[t.size]||"",p=t.block?"block":"inline-block";return[D,a,s,p].join(" ")});return(a,s)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(k.value),title:t.title},[t.loading?(e.openBlock(),e.createElementBlock("span",E,"Cargando...")):e.renderSlot(a.$slots,"default",{key:0})],10,$))}});d.DuiAction=j,d.DuiButton=v,d.DuiInput=_,d.DuiTextarea=V,Object.defineProperty(d,Symbol.toStringTag,{value:"Module"})});
|
|
1
|
+
(function(a,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(a=typeof globalThis<"u"?globalThis:a||self,e(a["droni-kit"]={},a.Vue))})(this,function(a,e){"use strict";const g=["type","title","disabled"],x={key:1},u=`
|
|
2
|
+
dk:transition
|
|
3
|
+
dk:text-center
|
|
4
|
+
dk:rounded
|
|
5
|
+
dk:disabled:opacity-50
|
|
6
|
+
dk:disabled:cursor-not-allowed
|
|
7
|
+
dk:cursor-pointer
|
|
8
|
+
dk:hover:shadow-md
|
|
9
|
+
dk:overflow-hidden
|
|
10
|
+
dk:text-ellipsis
|
|
11
|
+
dk:whitespace-nowrap
|
|
12
|
+
dk:active:scale-95
|
|
13
|
+
dk:max-w-full`,v=e.defineComponent({__name:"DuiButton",props:{variant:{type:String,default:"solid"},color:{type:String,default:"neutral"},size:{type:String,default:"md"},type:{type:String,default:"button"},disabled:{type:Boolean,default:!1},loading:{type:Boolean,default:!1},block:{type:Boolean,default:!1},title:{type:String,default:void 0}},setup(o){const r=o,d={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-4 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},l={solid:{base:"dk:border-b",neutral:`
|
|
14
|
+
dk:border-zinc-500
|
|
15
|
+
dk:dark:border-zinc-600
|
|
16
|
+
dk:bg-zinc-200
|
|
17
|
+
dk:text-zinc-800
|
|
18
|
+
dk:hover:bg-zinc-300
|
|
19
|
+
dk:hover:text-zinc-900
|
|
20
|
+
dk:dark:bg-zinc-700
|
|
21
|
+
dk:dark:text-zinc-200
|
|
22
|
+
dk:dark:hover:bg-zinc-600
|
|
23
|
+
dk:dark:hover:text-zinc-50`,primary:`
|
|
24
|
+
dk:border-slate-500
|
|
25
|
+
dk:dark:border-slate-600
|
|
26
|
+
dk:bg-slate-200
|
|
27
|
+
dk:text-slate-800
|
|
28
|
+
dk:hover:bg-slate-300
|
|
29
|
+
dk:hover:text-slate-900
|
|
30
|
+
dk:dark:bg-slate-700
|
|
31
|
+
dk:dark:text-slate-200
|
|
32
|
+
dk:dark:hover:bg-slate-600
|
|
33
|
+
dk:dark:hover:text-slate-100`,secondary:`
|
|
34
|
+
dk:border-pink-500
|
|
35
|
+
dk:dark:border-pink-600
|
|
36
|
+
dk:bg-pink-200
|
|
37
|
+
dk:text-pink-800
|
|
38
|
+
dk:hover:bg-pink-300
|
|
39
|
+
dk:hover:text-pink-900
|
|
40
|
+
dk:dark:bg-pink-700
|
|
41
|
+
dk:dark:text-pink-200
|
|
42
|
+
dk:dark:hover:bg-pink-600
|
|
43
|
+
dk:dark:hover:text-pink-100`,success:`
|
|
44
|
+
dk:border-emerald-500
|
|
45
|
+
dk:dark:border-emerald-600
|
|
46
|
+
dk:bg-emerald-200
|
|
47
|
+
dk:text-emerald-800
|
|
48
|
+
dk:hover:bg-emerald-300
|
|
49
|
+
dk:hover:text-emerald-900
|
|
50
|
+
dk:dark:bg-emerald-700
|
|
51
|
+
dk:dark:text-emerald-200
|
|
52
|
+
dk:dark:hover:bg-emerald-600
|
|
53
|
+
dk:dark:hover:text-emerald-100`,danger:`
|
|
54
|
+
dk:border-rose-500
|
|
55
|
+
dk:dark:border-rose-600
|
|
56
|
+
dk:bg-rose-200
|
|
57
|
+
dk:text-rose-800
|
|
58
|
+
dk:hover:bg-rose-300
|
|
59
|
+
dk:hover:text-rose-900
|
|
60
|
+
dk:dark:bg-rose-700
|
|
61
|
+
dk:dark:text-rose-200
|
|
62
|
+
dk:dark:hover:bg-rose-600
|
|
63
|
+
dk:dark:hover:text-rose-100`,warning:`
|
|
64
|
+
dk:border-amber-500
|
|
65
|
+
dk:dark:border-amber-600
|
|
66
|
+
dk:bg-amber-200
|
|
67
|
+
dk:text-amber-800
|
|
68
|
+
dk:hover:bg-amber-300
|
|
69
|
+
dk:hover:text-amber-900
|
|
70
|
+
dk:dark:bg-amber-700
|
|
71
|
+
dk:dark:text-amber-200
|
|
72
|
+
dk:dark:hover:bg-amber-600
|
|
73
|
+
dk:dark:hover:text-amber-100`},outline:{base:"dk:border",neutral:`
|
|
74
|
+
dk:border-zinc-500
|
|
75
|
+
dk:dark:border-zinc-600
|
|
76
|
+
dk:text-zinc-800
|
|
77
|
+
dk:hover:bg-zinc-300
|
|
78
|
+
dk:hover:text-zinc-900
|
|
79
|
+
dk:dark:text-zinc-200
|
|
80
|
+
dk:dark:hover:bg-zinc-600
|
|
81
|
+
dk:dark:hover:text-zinc-100`,primary:`
|
|
82
|
+
dk:border-slate-500
|
|
83
|
+
dk:dark:border-slate-600
|
|
84
|
+
dk:text-slate-800
|
|
85
|
+
dk:hover:bg-slate-300
|
|
86
|
+
dk:hover:text-slate-900
|
|
87
|
+
dk:dark:text-slate-200
|
|
88
|
+
dk:dark:hover:bg-slate-600
|
|
89
|
+
dk:dark:hover:text-slate-100`,secondary:`
|
|
90
|
+
dk:border-pink-500
|
|
91
|
+
dk:dark:border-pink-600
|
|
92
|
+
dk:text-pink-800
|
|
93
|
+
dk:hover:bg-pink-300
|
|
94
|
+
dk:hover:text-pink-900
|
|
95
|
+
dk:dark:text-pink-200
|
|
96
|
+
dk:dark:hover:bg-pink-600
|
|
97
|
+
dk:dark:hover:text-pink-100`,success:`
|
|
98
|
+
dk:border-emerald-500
|
|
99
|
+
dk:dark:border-emerald-600
|
|
100
|
+
dk:text-emerald-800
|
|
101
|
+
dk:hover:bg-emerald-300
|
|
102
|
+
dk:hover:text-emerald-900
|
|
103
|
+
dk:dark:text-emerald-200
|
|
104
|
+
dk:dark:hover:bg-emerald-600
|
|
105
|
+
dk:dark:hover:text-emerald-100`,danger:`
|
|
106
|
+
dk:border-rose-500
|
|
107
|
+
dk:dark:border-rose-600
|
|
108
|
+
dk:text-rose-800
|
|
109
|
+
dk:hover:bg-rose-300
|
|
110
|
+
dk:hover:text-rose-900
|
|
111
|
+
dk:dark:text-rose-200
|
|
112
|
+
dk:dark:hover:bg-rose-600
|
|
113
|
+
dk:dark:hover:text-rose-100`,warning:`
|
|
114
|
+
dk:border-amber-500
|
|
115
|
+
dk:dark:border-amber-600
|
|
116
|
+
dk:text-amber-800
|
|
117
|
+
dk:hover:bg-amber-300
|
|
118
|
+
dk:hover:text-amber-900
|
|
119
|
+
dk:dark:text-amber-200
|
|
120
|
+
dk:dark:hover:bg-amber-600
|
|
121
|
+
dk:dark:hover:text-amber-100`},ghost:{base:"dk:border-b dk:border-transparent",neutral:`
|
|
122
|
+
dk:hover:border-zinc-500
|
|
123
|
+
dk:hover:dark:border-zinc-600
|
|
124
|
+
dk:text-zinc-600
|
|
125
|
+
dk:hover:bg-zinc-50
|
|
126
|
+
dk:dark:text-zinc-100
|
|
127
|
+
dk:dark:hover:bg-zinc-800`,primary:`
|
|
128
|
+
dk:hover:border-slate-500
|
|
129
|
+
dk:hover:dark:border-slate-600
|
|
130
|
+
dk:text-slate-600
|
|
131
|
+
dk:hover:bg-slate-50
|
|
132
|
+
dk:dark:text-slate-100
|
|
133
|
+
dk:dark:hover:bg-slate-800`,secondary:`
|
|
134
|
+
dk:hover:border-pink-500
|
|
135
|
+
dk:hover:dark:border-pink-600
|
|
136
|
+
dk:text-pink-600
|
|
137
|
+
dk:hover:bg-pink-50
|
|
138
|
+
dk:dark:text-pink-100
|
|
139
|
+
dk:dark:hover:bg-pink-800`,success:`
|
|
140
|
+
dk:hover:border-emerald-500
|
|
141
|
+
dk:hover:dark:border-emerald-600
|
|
142
|
+
dk:text-emerald-600
|
|
143
|
+
dk:hover:bg-emerald-50
|
|
144
|
+
dk:dark:text-emerald-100
|
|
145
|
+
dk:dark:hover:bg-emerald-800`,danger:`
|
|
146
|
+
dk:hover:border-rose-500
|
|
147
|
+
dk:hover:dark:border-rose-600
|
|
148
|
+
dk:text-rose-600
|
|
149
|
+
dk:hover:bg-rose-50
|
|
150
|
+
dk:dark:text-rose-100
|
|
151
|
+
dk:dark:hover:bg-rose-800`,warning:`
|
|
152
|
+
dk:hover:border-amber-500
|
|
153
|
+
dk:hover:dark:border-amber-600
|
|
154
|
+
dk:text-amber-600
|
|
155
|
+
dk:hover:bg-amber-50
|
|
156
|
+
dk:dark:text-amber-100
|
|
157
|
+
dk:dark:hover:bg-amber-800`}},c=e.computed(()=>{var s;const k=(((s=l[r.variant])==null?void 0:s[r.color])||"")+" "+l[r.variant].base,n=d[r.size]||"",p=r.block?"dk:w-full":"";return[u,k,n,p].join(" ")});return(k,n)=>(e.openBlock(),e.createElementBlock("button",{type:r.type,class:e.normalizeClass(c.value),title:r.title,disabled:r.disabled||r.loading},[r.loading?(e.openBlock(),e.createElementBlock("span",x,"Cargando...")):e.renderSlot(k.$slots,"default",{key:0})],10,g))}}),y=["for"],z={key:0,class:"dk:text-rose-500"},f=["type","value","disabled","placeholder","required","name","id","pattern","aria-label","aria-disabled","aria-required"],S=`
|
|
158
|
+
dk:border-b
|
|
159
|
+
dk:border-zinc-300
|
|
160
|
+
dk:bg-zinc-50
|
|
161
|
+
dk:text-zinc-800
|
|
162
|
+
dk:focus:outline-none
|
|
163
|
+
dk:focus:bg-zinc-100
|
|
164
|
+
dk:dark:bg-zinc-700
|
|
165
|
+
dk:dark:border-zinc-600
|
|
166
|
+
dk:dark:bg-zinc-800
|
|
167
|
+
dk:dark:text-zinc-100
|
|
168
|
+
dk:dark:focus:bg-zinc-700
|
|
169
|
+
dk:dark:[color-scheme:dark]`,_=e.defineComponent({__name:"DuiInput",props:{modelValue:{type:String,default:""},type:{type:String,default:"text"},size:{type:String,default:"md"},block:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:void 0},name:{type:String,default:void 0},id:{type:String,default:void 0},required:{type:Boolean,default:!1},label:{type:String,default:void 0},pattern:{type:String,default:void 0},rounded:{type:String,default:"all"}},emits:["update:modelValue"],setup(o,{emit:r}){const d=o,l=r;function c(i){const b=i.target;l("update:modelValue",b.value)}const k={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-4 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},n={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},p={sm:"dk:text-sm dk:pb-0.5",md:"dk:text-base dk:pb-1",lg:"dk:text-lg dk:pb-2"},s=e.computed(()=>{const i=k[d.size]||"",b=d.block?"dk:w-full":"",t=n[d.rounded]||"";return[S,i,b,t].join(" ")}),m=e.computed(()=>{const i=p[d.size]||"",b=d.block?"dk:w-full":"";return[i,b].join(" ")});return(i,b)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([m.value,"dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])},[e.createTextVNode(e.toDisplayString(d.label)+" ",1),d.required?(e.openBlock(),e.createElementBlock("span",z,"*")):e.createCommentVNode("",!0)],10,y)):e.createCommentVNode("",!0),e.createElementVNode("input",{type:d.type,class:e.normalizeClass(s.value),value:o.modelValue,disabled:d.disabled,placeholder:d.placeholder,required:d.required,name:d.name,id:d.id,pattern:d.pattern,"aria-label":d.placeholder,"aria-disabled":d.disabled,"aria-required":d.required,onInput:c},null,42,f)]))}}),C=["for"],B={key:0,class:"dk:text-rose-500"},w=["value","disabled","placeholder","required","name","id","aria-label","aria-disabled","aria-required"],q=`
|
|
170
|
+
dk:border-b
|
|
171
|
+
dk:border-zinc-300
|
|
172
|
+
dk:bg-zinc-50
|
|
173
|
+
dk:text-zinc-800
|
|
174
|
+
dk:focus:outline-none
|
|
175
|
+
dk:focus:bg-zinc-100
|
|
176
|
+
dk:dark:bg-zinc-700
|
|
177
|
+
dk:dark:border-zinc-600
|
|
178
|
+
dk:dark:bg-zinc-800
|
|
179
|
+
dk:dark:text-zinc-100
|
|
180
|
+
dk:dark:focus:bg-zinc-700
|
|
181
|
+
dk:dark:[color-scheme:dark]`,V=e.defineComponent({__name:"DuiTextarea",props:{modelValue:{type:String,default:""},size:{type:String,default:"md"},block:{type:Boolean,default:!1},disabled:{type:Boolean,default:!1},placeholder:{type:String,default:void 0},name:{type:String,default:void 0},id:{type:String,default:void 0},required:{type:Boolean,default:!1},label:{type:String,default:void 0},rounded:{type:String,default:"all"},autoheight:{type:Boolean,default:!0},resize:{type:String,default:"none"}},emits:["update:modelValue"],setup(o,{emit:r}){const d=o,l=r;function c(t){const h=t.target;d.autoheight&&b(h),l("update:modelValue",h.value)}const k={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-3 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},n={all:"dk:rounded",top:"dk:rounded-t",bottom:"dk:rounded-b",left:"dk:rounded-l",right:"dk:rounded-r",none:"dk:rounded-none"},p={sm:"dk:text-sm dk:pb-0.5",md:"dk:text-base dk:pb-1",lg:"dk:text-lg dk:pb-2"},s={none:"dk:resize-none",both:"dk:resize",horizontal:"dk:resize-x",vertical:"dk:resize-y"},m=e.computed(()=>{const t=k[d.size]||"",h=d.block?"dk:w-full":"",N=n[d.rounded]||"",T=s[d.resize]||"";return[q,t,h,N,T].join(" ")}),i=e.computed(()=>{const t=p[d.size]||"",h=d.block?"dk:w-full":"";return[t,h].join(" ")}),b=t=>{t.style.height="auto",t.style.height=`${t.scrollHeight+5}px`};return(t,h)=>(e.openBlock(),e.createElementBlock("div",null,[d.label?(e.openBlock(),e.createElementBlock("label",{key:0,for:d.id,class:e.normalizeClass([i.value,"dk:text-start dk:block dk:text-zinc-700 dk:dark:text-zinc-200 dk:px-0"])},[e.createTextVNode(e.toDisplayString(d.label)+" ",1),d.required?(e.openBlock(),e.createElementBlock("span",B,"*")):e.createCommentVNode("",!0)],10,C)):e.createCommentVNode("",!0),e.createElementVNode("textarea",{class:e.normalizeClass(m.value),value:o.modelValue,disabled:d.disabled,placeholder:d.placeholder,required:d.required,name:d.name,id:d.id,"aria-label":d.placeholder,"aria-disabled":d.disabled,"aria-required":d.required,onInput:c},null,42,w)]))}}),$=["title"],E={key:1},D=`
|
|
182
|
+
dk:transition
|
|
183
|
+
dk:text-center
|
|
184
|
+
dk:rounded
|
|
185
|
+
dk:disabled:opacity-50
|
|
186
|
+
dk:disabled:cursor-not-allowed
|
|
187
|
+
dk:cursor-pointer
|
|
188
|
+
dk:hover:shadow-md
|
|
189
|
+
dk:overflow-hidden
|
|
190
|
+
dk:text-ellipsis
|
|
191
|
+
dk:whitespace-nowrap
|
|
192
|
+
dk:active:scale-95
|
|
193
|
+
dk:max-w-full`,j=e.defineComponent({__name:"DuiAction",props:{variant:{type:String,default:"solid"},color:{type:String,default:"neutral"},size:{type:String,default:"md"},loading:{type:Boolean,default:!1},block:{type:Boolean,default:!1},title:{type:String,default:void 0}},setup(o){const r=o,d={sm:"dk:text-sm dk:px-3 dk:py-1.5",md:"dk:text-base dk:px-4 dk:py-2",lg:"dk:text-lg dk:px-5 dk:py-3"},l={solid:{base:"dk:border-b",neutral:`
|
|
194
|
+
dk:border-zinc-500
|
|
195
|
+
dk:dark:border-zinc-600
|
|
196
|
+
dk:bg-zinc-200
|
|
197
|
+
dk:text-zinc-800
|
|
198
|
+
dk:hover:bg-zinc-300
|
|
199
|
+
dk:hover:text-zinc-900
|
|
200
|
+
dk:dark:bg-zinc-700
|
|
201
|
+
dk:dark:text-zinc-200
|
|
202
|
+
dk:dark:hover:bg-zinc-600
|
|
203
|
+
dk:dark:hover:text-zinc-50`,primary:`
|
|
204
|
+
dk:border-slate-500
|
|
205
|
+
dk:dark:border-slate-600
|
|
206
|
+
dk:bg-slate-200
|
|
207
|
+
dk:text-slate-800
|
|
208
|
+
dk:hover:bg-slate-300
|
|
209
|
+
dk:hover:text-slate-900
|
|
210
|
+
dk:dark:bg-slate-700
|
|
211
|
+
dk:dark:text-slate-200
|
|
212
|
+
dk:dark:hover:bg-slate-600
|
|
213
|
+
dk:dark:hover:text-slate-100`,secondary:`
|
|
214
|
+
dk:border-pink-500
|
|
215
|
+
dk:dark:border-pink-600
|
|
216
|
+
dk:bg-pink-200
|
|
217
|
+
dk:text-pink-800
|
|
218
|
+
dk:hover:bg-pink-300
|
|
219
|
+
dk:hover:text-pink-900
|
|
220
|
+
dk:dark:bg-pink-700
|
|
221
|
+
dk:dark:text-pink-200
|
|
222
|
+
dk:dark:hover:bg-pink-600
|
|
223
|
+
dk:dark:hover:text-pink-100`,success:`
|
|
224
|
+
dk:border-emerald-500
|
|
225
|
+
dk:dark:border-emerald-600
|
|
226
|
+
dk:bg-emerald-200
|
|
227
|
+
dk:text-emerald-800
|
|
228
|
+
dk:hover:bg-emerald-300
|
|
229
|
+
dk:hover:text-emerald-900
|
|
230
|
+
dk:dark:bg-emerald-700
|
|
231
|
+
dk:dark:text-emerald-200
|
|
232
|
+
dk:dark:hover:bg-emerald-600
|
|
233
|
+
dk:dark:hover:text-emerald-100`,danger:`
|
|
234
|
+
dk:border-rose-500
|
|
235
|
+
dk:dark:border-rose-600
|
|
236
|
+
dk:bg-rose-200
|
|
237
|
+
dk:text-rose-800
|
|
238
|
+
dk:hover:bg-rose-300
|
|
239
|
+
dk:hover:text-rose-900
|
|
240
|
+
dk:dark:bg-rose-700
|
|
241
|
+
dk:dark:text-rose-200
|
|
242
|
+
dk:dark:hover:bg-rose-600
|
|
243
|
+
dk:dark:hover:text-rose-100`,warning:`
|
|
244
|
+
dk:border-amber-500
|
|
245
|
+
dk:dark:border-amber-600
|
|
246
|
+
dk:bg-amber-200
|
|
247
|
+
dk:text-amber-800
|
|
248
|
+
dk:hover:bg-amber-300
|
|
249
|
+
dk:hover:text-amber-900
|
|
250
|
+
dk:dark:bg-amber-700
|
|
251
|
+
dk:dark:text-amber-200
|
|
252
|
+
dk:dark:hover:bg-amber-600
|
|
253
|
+
dk:dark:hover:text-amber-100`},outline:{base:"dk:border",neutral:`
|
|
254
|
+
dk:border-zinc-600
|
|
255
|
+
dk:text-zinc-800
|
|
256
|
+
dk:hover:bg-zinc-100
|
|
257
|
+
dk:hover:text-zinc-900
|
|
258
|
+
dk:dark:border-zinc-300
|
|
259
|
+
dk:dark:text-zinc-200
|
|
260
|
+
dk:dark:hover:bg-zinc-800
|
|
261
|
+
dk:dark:hover:text-zinc-50`,primary:`
|
|
262
|
+
dk:border-sky-600
|
|
263
|
+
dk:text-sky-800
|
|
264
|
+
dk:hover:bg-sky-100
|
|
265
|
+
dk:hover:text-sky-900
|
|
266
|
+
dk:dark:border-sky-300
|
|
267
|
+
dk:dark:text-sky-200
|
|
268
|
+
dk:dark:hover:bg-sky-800
|
|
269
|
+
dk:dark:hover:text-sky-50`,secondary:`
|
|
270
|
+
dk:border-pink-600
|
|
271
|
+
dk:text-pink-800
|
|
272
|
+
dk:hover:bg-pink-100
|
|
273
|
+
dk:hover:text-pink-900
|
|
274
|
+
dk:dark:border-pink-300
|
|
275
|
+
dk:dark:text-pink-200
|
|
276
|
+
dk:dark:hover:bg-pink-800
|
|
277
|
+
dk:dark:hover:text-pink-50`,success:`
|
|
278
|
+
dk:border-green-600
|
|
279
|
+
dk:text-green-800
|
|
280
|
+
dk:hover:bg-green-100
|
|
281
|
+
dk:hover:text-green-900
|
|
282
|
+
dk:dark:border-green-300
|
|
283
|
+
dk:dark:text-green-200
|
|
284
|
+
dk:dark:hover:bg-green-800
|
|
285
|
+
dk:dark:hover:text-green-50`,danger:`
|
|
286
|
+
dk:border-red-600
|
|
287
|
+
dk:text-red-800
|
|
288
|
+
dk:hover:bg-red-100
|
|
289
|
+
dk:hover:text-red-900
|
|
290
|
+
dk:dark:border-red-300
|
|
291
|
+
dk:dark:text-red-200
|
|
292
|
+
dk:dark:hover:bg-red-800
|
|
293
|
+
dk:dark:hover:text-red-50`,warning:`
|
|
294
|
+
dk:border-yellow-600
|
|
295
|
+
dk:text-yellow-800
|
|
296
|
+
dk:hover:bg-yellow-100
|
|
297
|
+
dk:hover:text-yellow-900
|
|
298
|
+
dk:dark:border-yellow-300
|
|
299
|
+
dk:dark:text-yellow-200
|
|
300
|
+
dk:dark:hover:bg-yellow-800
|
|
301
|
+
dk:dark:hover:text-yellow-50`},ghost:{base:"dk:border-b dk:border-transparent",neutral:`
|
|
302
|
+
dk:hover:border-zinc-500
|
|
303
|
+
dk:hover:dark:border-zinc-600
|
|
304
|
+
dk:text-zinc-600
|
|
305
|
+
dk:hover:bg-zinc-50
|
|
306
|
+
dk:dark:text-zinc-100
|
|
307
|
+
dk:dark:hover:bg-zinc-800`,primary:`
|
|
308
|
+
dk:hover:border-slate-500
|
|
309
|
+
dk:hover:dark:border-slate-600
|
|
310
|
+
dk:text-slate-600
|
|
311
|
+
dk:hover:bg-slate-50
|
|
312
|
+
dk:dark:text-slate-100
|
|
313
|
+
dk:dark:hover:bg-slate-800`,secondary:`
|
|
314
|
+
dk:hover:border-pink-500
|
|
315
|
+
dk:hover:dark:border-pink-600
|
|
316
|
+
dk:text-pink-600
|
|
317
|
+
dk:hover:bg-pink-50
|
|
318
|
+
dk:dark:text-pink-100
|
|
319
|
+
dk:dark:hover:bg-pink-800`,success:`
|
|
320
|
+
dk:hover:border-emerald-500
|
|
321
|
+
dk:hover:dark:border-emerald-600
|
|
322
|
+
dk:text-emerald-600
|
|
323
|
+
dk:hover:bg-emerald-50
|
|
324
|
+
dk:dark:text-emerald-100
|
|
325
|
+
dk:dark:hover:bg-emerald-800`,danger:`
|
|
326
|
+
dk:hover:border-rose-500
|
|
327
|
+
dk:hover:dark:border-rose-600
|
|
328
|
+
dk:text-rose-600
|
|
329
|
+
dk:hover:bg-rose-50
|
|
330
|
+
dk:dark:text-rose-100
|
|
331
|
+
dk:dark:hover:bg-rose-800`,warning:`
|
|
332
|
+
dk:hover:border-amber-500
|
|
333
|
+
dk:hover:dark:border-amber-600
|
|
334
|
+
dk:text-amber-600
|
|
335
|
+
dk:hover:bg-amber-50
|
|
336
|
+
dk:dark:text-amber-100
|
|
337
|
+
dk:dark:hover:bg-amber-800`}},c=e.computed(()=>{var s;const k=(((s=l[r.variant])==null?void 0:s[r.color])||"")+" "+l[r.variant].base,n=d[r.size]||"",p=r.block?"dk:block":"dk:inline-block";return[D,k,n,p].join(" ")});return(k,n)=>(e.openBlock(),e.createElementBlock("span",{class:e.normalizeClass(c.value),title:r.title},[r.loading?(e.openBlock(),e.createElementBlock("span",E,"Cargando...")):e.renderSlot(k.$slots,"default",{key:0})],10,$))}});a.DuiAction=j,a.DuiButton=v,a.DuiInput=_,a.DuiTextarea=V,Object.defineProperty(a,Symbol.toStringTag,{value:"Module"})});
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@dronico/droni-kit",
|
|
3
3
|
"author": "Gustavo Barragan <dev@droni.co>",
|
|
4
|
-
"version": "1.5.
|
|
4
|
+
"version": "1.5.4",
|
|
5
5
|
"private": false,
|
|
6
6
|
"access": "public",
|
|
7
7
|
"publishConfig": {
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
"CHANGELOG.md"
|
|
14
14
|
],
|
|
15
15
|
"type": "module",
|
|
16
|
-
"main": "dist/droni-kit.umd.
|
|
16
|
+
"main": "dist/droni-kit.umd.cjs",
|
|
17
17
|
"module": "dist/droni-kit.js",
|
|
18
18
|
"types": "dist/index.d.ts",
|
|
19
19
|
"scripts": {
|