@dronico/droni-kit 1.1.2 → 1.2.0

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.
Files changed (7) hide show
  1. package/CHANGELOG.md +14 -0
  2. package/dist/droni-kit.css +1 -0
  3. package/dist/droni-kit.js +37 -64
  4. package/dist/droni-kit.umd.cjs +1 -1
  5. package/dist/stories/Forms/DuiButton.stories.d.ts +47 -78
  6. package/dist/stories/Forms/DuiButton.vue.d.ts +8 -43
  7. package/package.json +2 -1
package/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ # [1.2.0](https://github.com/Droni-app/droni-kit/compare/v1.1.3...v1.2.0) (2025-04-17)
2
+
3
+
4
+ ### Features
5
+
6
+ * Button component ([9030c06](https://github.com/Droni-app/droni-kit/commit/9030c06501c2b492956089debab508d68b497075))
7
+
8
+ ## [1.1.3](https://github.com/Droni-app/droni-kit/compare/v1.1.2...v1.1.3) (2025-04-16)
9
+
10
+
11
+ ### Bug Fixes
12
+
13
+ * package css ([cd2d207](https://github.com/Droni-app/droni-kit/commit/cd2d20795012043b4861f4a4f2cd1e2302935553))
14
+
1
15
  ## [1.1.2](https://github.com/Droni-app/droni-kit/compare/v1.1.1...v1.1.2) (2025-04-16)
2
16
 
3
17
 
package/dist/droni-kit.css ADDED
@@ -0,0 +1 @@
1
+ /*! tailwindcss v4.1.4 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-100:oklch(93.6% .032 17.717);--color-red-200:oklch(88.5% .062 18.334);--color-red-300:oklch(80.8% .114 19.571);--color-red-600:oklch(57.7% .245 27.325);--color-red-800:oklch(44.4% .177 26.899);--color-red-900:oklch(39.6% .141 25.723);--color-amber-50:oklch(98.7% .022 95.277);--color-amber-100:oklch(96.2% .059 95.617);--color-amber-200:oklch(92.4% .12 95.746);--color-amber-300:oklch(87.9% .169 91.605);--color-amber-600:oklch(66.6% .179 58.318);--color-amber-700:oklch(55.5% .163 48.998);--color-amber-800:oklch(47.3% .137 46.201);--color-amber-900:oklch(41.4% .112 45.904);--color-yellow-50:oklch(98.7% .026 102.212);--color-yellow-100:oklch(97.3% .071 103.193);--color-yellow-200:oklch(94.5% .129 101.54);--color-yellow-300:oklch(90.5% .182 98.111);--color-yellow-600:oklch(68.1% .162 75.834);--color-yellow-800:oklch(47.6% .114 61.907);--color-yellow-900:oklch(42.1% .095 57.708);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-200:oklch(92.5% .084 155.995);--color-green-300:oklch(87.1% .15 154.449);--color-green-600:oklch(62.7% .194 149.214);--color-green-800:oklch(44.8% .119 151.328);--color-green-900:oklch(39.3% .095 152.535);--color-emerald-50:oklch(97.9% .021 166.113);--color-emerald-100:oklch(95% .052 163.051);--color-emerald-200:oklch(90.5% .093 164.15);--color-emerald-300:oklch(84.5% .143 164.978);--color-emerald-600:oklch(59.6% .145 163.225);--color-emerald-700:oklch(50.8% .118 165.612);--color-emerald-800:oklch(43.2% .095 166.913);--color-emerald-900:oklch(37.8% .077 168.94);--color-sky-50:oklch(97.7% .013 236.62);--color-sky-100:oklch(95.1% .026 236.824);--color-sky-200:oklch(90.1% .058 230.902);--color-sky-300:oklch(82.8% .111 230.318);--color-sky-600:oklch(58.8% .158 241.966);--color-sky-800:oklch(44.3% .11 240.79);--color-sky-900:oklch(39.1% .09 240.876);--color-pink-50:oklch(97.1% .014 343.198);--color-pink-100:oklch(94.8% .028 342.258);--color-pink-200:oklch(89.9% .061 343.231);--color-pink-300:oklch(82.3% .12 346.018);--color-pink-600:oklch(59.2% .249 .584);--color-pink-700:oklch(52.5% .223 3.958);--color-pink-800:oklch(45.9% .187 3.815);--color-pink-900:oklch(40.8% .153 2.432);--color-rose-50:oklch(96.9% .015 12.422);--color-rose-100:oklch(94.1% .03 12.58);--color-rose-200:oklch(89.2% .058 10.001);--color-rose-300:oklch(81% .117 11.638);--color-rose-600:oklch(58.6% .253 17.585);--color-rose-700:oklch(51.4% .222 16.935);--color-rose-800:oklch(45.5% .188 13.697);--color-rose-900:oklch(41% .159 10.272);--color-slate-50:oklch(98.4% .003 247.858);--color-slate-100:oklch(96.8% .007 247.896);--color-slate-200:oklch(92.9% .013 255.508);--color-slate-300:oklch(86.9% .022 252.894);--color-slate-600:oklch(44.6% .043 257.281);--color-slate-700:oklch(37.2% .044 257.287);--color-slate-800:oklch(27.9% .041 260.031);--color-slate-900:oklch(20.8% .042 265.755);--color-zinc-50:oklch(98.5% 0 0);--color-zinc-100:oklch(96.7% .001 286.375);--color-zinc-200:oklch(92% .004 286.32);--color-zinc-300:oklch(87.1% .006 286.286);--color-zinc-600:oklch(44.2% .017 285.786);--color-zinc-700:oklch(37% .013 285.805);--color-zinc-800:oklch(27.4% .006 286.033);--color-zinc-900:oklch(21% .006 285.885);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;-moz-tab-size:4;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;-moz-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;-moz-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\@container{container-type:inline-size}.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.float-left{float:left}.float-right{float:right}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.my-5{margin-block:calc(var(--spacing)*5)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.list-item{display:list-item}.table{display:table}.table-caption{display:table-caption}.table-cell{display:table-cell}.table-column{display:table-column}.table-column-group{display:table-column-group}.table-footer-group{display:table-footer-group}.table-header-group{display:table-header-group}.table-row{display:table-row}.table-row-group{display:table-row-group}.size-1{width:calc(var(--spacing)*1);height:calc(var(--spacing)*1)}.w-full{width:100%}.flex-shrink,.shrink{flex-shrink:1}.flex-grow,.grow{flex-grow:1}.border-collapse{border-collapse:collapse}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.transform\!{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)!important}.cursor-pointer{cursor:pointer}.resize{resize:both}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.gap-4{gap:calc(var(--spacing)*4)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.border-green-600{border-color:var(--color-green-600)}.border-pink-600{border-color:var(--color-pink-600)}.border-red-600{border-color:var(--color-red-600)}.border-sky-600{border-color:var(--color-sky-600)}.border-yellow-600{border-color:var(--color-yellow-600)}.border-zinc-600{border-color:var(--color-zinc-600)}.bg-amber-200{background-color:var(--color-amber-200)}.bg-amber-700{background-color:var(--color-amber-700)}.bg-emerald-200{background-color:var(--color-emerald-200)}.bg-emerald-700{background-color:var(--color-emerald-700)}.bg-pink-200{background-color:var(--color-pink-200)}.bg-pink-700{background-color:var(--color-pink-700)}.bg-rose-200{background-color:var(--color-rose-200)}.bg-rose-700{background-color:var(--color-rose-700)}.bg-slate-200{background-color:var(--color-slate-200)}.bg-slate-700{background-color:var(--color-slate-700)}.bg-zinc-200{background-color:var(--color-zinc-200)}.bg-zinc-700{background-color:var(--color-zinc-700)}.p-4{padding:calc(var(--spacing)*4)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-5{padding-inline:calc(var(--spacing)*5)}.py-1\.5{padding-block:calc(var(--spacing)*1.5)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.text-center{text-align:center}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-wrap{text-wrap:wrap}.text-amber-600{color:var(--color-amber-600)}.text-amber-800{color:var(--color-amber-800)}.text-emerald-600{color:var(--color-emerald-600)}.text-emerald-800{color:var(--color-emerald-800)}.text-green-800{color:var(--color-green-800)}.text-pink-600{color:var(--color-pink-600)}.text-pink-800{color:var(--color-pink-800)}.text-red-800{color:var(--color-red-800)}.text-rose-600{color:var(--color-rose-600)}.text-rose-800{color:var(--color-rose-800)}.text-sky-800{color:var(--color-sky-800)}.text-slate-600{color:var(--color-slate-600)}.text-slate-800{color:var(--color-slate-800)}.text-white{color:var(--color-white)}.text-yellow-800{color:var(--color-yellow-800)}.text-zinc-600{color:var(--color-zinc-600)}.text-zinc-800{color:var(--color-zinc-800)}.capitalize{text-transform:capitalize}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,)var(--tw-slashed-zero,)var(--tw-numeric-figure,)var(--tw-numeric-spacing,)var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter\!{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)!important}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}@media (hover:hover){.hover\:bg-amber-50:hover{background-color:var(--color-amber-50)}.hover\:bg-amber-300:hover{background-color:var(--color-amber-300)}.hover\:bg-emerald-50:hover{background-color:var(--color-emerald-50)}.hover\:bg-emerald-300:hover{background-color:var(--color-emerald-300)}.hover\:bg-green-100:hover{background-color:var(--color-green-100)}.hover\:bg-pink-50:hover{background-color:var(--color-pink-50)}.hover\:bg-pink-100:hover{background-color:var(--color-pink-100)}.hover\:bg-pink-300:hover{background-color:var(--color-pink-300)}.hover\:bg-red-100:hover{background-color:var(--color-red-100)}.hover\:bg-rose-50:hover{background-color:var(--color-rose-50)}.hover\:bg-rose-300:hover{background-color:var(--color-rose-300)}.hover\:bg-sky-100:hover{background-color:var(--color-sky-100)}.hover\:bg-slate-50:hover{background-color:var(--color-slate-50)}.hover\:bg-slate-300:hover{background-color:var(--color-slate-300)}.hover\:bg-yellow-100:hover{background-color:var(--color-yellow-100)}.hover\:bg-zinc-50:hover{background-color:var(--color-zinc-50)}.hover\:bg-zinc-100:hover{background-color:var(--color-zinc-100)}.hover\:bg-zinc-300:hover{background-color:var(--color-zinc-300)}.hover\:text-amber-900:hover{color:var(--color-amber-900)}.hover\:text-emerald-900:hover{color:var(--color-emerald-900)}.hover\:text-green-900:hover{color:var(--color-green-900)}.hover\:text-pink-900:hover{color:var(--color-pink-900)}.hover\:text-red-900:hover{color:var(--color-red-900)}.hover\:text-rose-900:hover{color:var(--color-rose-900)}.hover\:text-sky-900:hover{color:var(--color-sky-900)}.hover\:text-slate-900:hover{color:var(--color-slate-900)}.hover\:text-yellow-900:hover{color:var(--color-yellow-900)}.hover\:text-zinc-900:hover{color:var(--color-zinc-900)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a),0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}.dark\:border-green-300:where(.dark,.dark *){border-color:var(--color-green-300)}.dark\:border-pink-300:where(.dark,.dark *){border-color:var(--color-pink-300)}.dark\:border-red-300:where(.dark,.dark *){border-color:var(--color-red-300)}.dark\:border-sky-300:where(.dark,.dark *){border-color:var(--color-sky-300)}.dark\:border-yellow-300:where(.dark,.dark *){border-color:var(--color-yellow-300)}.dark\:border-zinc-300:where(.dark,.dark *){border-color:var(--color-zinc-300)}.dark\:bg-amber-700:where(.dark,.dark *){background-color:var(--color-amber-700)}.dark\:bg-emerald-700:where(.dark,.dark *){background-color:var(--color-emerald-700)}.dark\:bg-pink-700:where(.dark,.dark *){background-color:var(--color-pink-700)}.dark\:bg-rose-700:where(.dark,.dark *){background-color:var(--color-rose-700)}.dark\:bg-slate-700:where(.dark,.dark *){background-color:var(--color-slate-700)}.dark\:bg-zinc-700:where(.dark,.dark *){background-color:var(--color-zinc-700)}.dark\:text-amber-100:where(.dark,.dark *){color:var(--color-amber-100)}.dark\:text-amber-200:where(.dark,.dark *){color:var(--color-amber-200)}.dark\:text-emerald-100:where(.dark,.dark *){color:var(--color-emerald-100)}.dark\:text-emerald-200:where(.dark,.dark *){color:var(--color-emerald-200)}.dark\:text-green-200:where(.dark,.dark *){color:var(--color-green-200)}.dark\:text-pink-100:where(.dark,.dark *){color:var(--color-pink-100)}.dark\:text-pink-200:where(.dark,.dark *){color:var(--color-pink-200)}.dark\:text-red-200:where(.dark,.dark *){color:var(--color-red-200)}.dark\:text-rose-100:where(.dark,.dark *){color:var(--color-rose-100)}.dark\:text-rose-200:where(.dark,.dark *){color:var(--color-rose-200)}.dark\:text-sky-200:where(.dark,.dark *){color:var(--color-sky-200)}.dark\:text-slate-100:where(.dark,.dark *){color:var(--color-slate-100)}.dark\:text-slate-200:where(.dark,.dark *){color:var(--color-slate-200)}.dark\:text-yellow-200:where(.dark,.dark *){color:var(--color-yellow-200)}.dark\:text-zinc-100:where(.dark,.dark *){color:var(--color-zinc-100)}.dark\:text-zinc-200:where(.dark,.dark *){color:var(--color-zinc-200)}@media (hover:hover){.dark\:hover\:bg-amber-600:where(.dark,.dark *):hover{background-color:var(--color-amber-600)}.dark\:hover\:bg-amber-800:where(.dark,.dark *):hover{background-color:var(--color-amber-800)}.dark\:hover\:bg-emerald-600:where(.dark,.dark *):hover{background-color:var(--color-emerald-600)}.dark\:hover\:bg-emerald-800:where(.dark,.dark *):hover{background-color:var(--color-emerald-800)}.dark\:hover\:bg-green-800:where(.dark,.dark *):hover{background-color:var(--color-green-800)}.dark\:hover\:bg-pink-600:where(.dark,.dark *):hover{background-color:var(--color-pink-600)}.dark\:hover\:bg-pink-800:where(.dark,.dark *):hover{background-color:var(--color-pink-800)}.dark\:hover\:bg-red-800:where(.dark,.dark *):hover{background-color:var(--color-red-800)}.dark\:hover\:bg-rose-600:where(.dark,.dark *):hover{background-color:var(--color-rose-600)}.dark\:hover\:bg-rose-800:where(.dark,.dark *):hover{background-color:var(--color-rose-800)}.dark\:hover\:bg-sky-800:where(.dark,.dark *):hover{background-color:var(--color-sky-800)}.dark\:hover\:bg-slate-600:where(.dark,.dark *):hover{background-color:var(--color-slate-600)}.dark\:hover\:bg-slate-800:where(.dark,.dark *):hover{background-color:var(--color-slate-800)}.dark\:hover\:bg-yellow-800:where(.dark,.dark *):hover{background-color:var(--color-yellow-800)}.dark\:hover\:bg-zinc-600:where(.dark,.dark *):hover{background-color:var(--color-zinc-600)}.dark\:hover\:bg-zinc-800:where(.dark,.dark *):hover{background-color:var(--color-zinc-800)}.dark\:hover\:text-amber-100:where(.dark,.dark *):hover{color:var(--color-amber-100)}.dark\:hover\:text-emerald-100:where(.dark,.dark *):hover{color:var(--color-emerald-100)}.dark\:hover\:text-green-50:where(.dark,.dark *):hover{color:var(--color-green-50)}.dark\:hover\:text-pink-50:where(.dark,.dark *):hover{color:var(--color-pink-50)}.dark\:hover\:text-pink-100:where(.dark,.dark *):hover{color:var(--color-pink-100)}.dark\:hover\:text-red-50:where(.dark,.dark *):hover{color:var(--color-red-50)}.dark\:hover\:text-rose-100:where(.dark,.dark *):hover{color:var(--color-rose-100)}.dark\:hover\:text-sky-50:where(.dark,.dark *):hover{color:var(--color-sky-50)}.dark\:hover\:text-slate-100:where(.dark,.dark *):hover{color:var(--color-slate-100)}.dark\:hover\:text-yellow-50:where(.dark,.dark *):hover{color:var(--color-yellow-50)}.dark\:hover\:text-zinc-50:where(.dark,.dark *):hover{color:var(--color-zinc-50)}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}
package/dist/droni-kit.js CHANGED
@@ -1,19 +1,14 @@
1
- import { defineComponent as m, computed as h, createElementBlock as n, openBlock as o, normalizeClass as l, createCommentVNode as a, renderSlot as x } from "vue";
2
- const p = ["type", "disabled"], v = {
3
- key: 0,
4
- class: "animate-spin mr-2 h-4 w-4 border-2 border-t-transparent rounded-full border-white"
5
- }, k = "inline-flex items-center justify-center font-medium transition rounded-2xl focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed", S = /* @__PURE__ */ m({
1
+ import { defineComponent as i, computed as g, createElementBlock as d, openBlock as n, normalizeClass as x, renderSlot as h } from "vue";
2
+ const v = ["type", "disabled"], c = { key: 1 }, p = "transition rounded disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer hover:shadow-md", m = /* @__PURE__ */ i({
6
3
  __name: "DuiButton",
7
4
  props: {
8
5
  variant: {
9
6
  type: String,
10
- default: "solid",
11
- validator: (e) => ["solid", "outline", "ghost", "link"].includes(e)
7
+ default: "solid"
12
8
  },
13
9
  color: {
14
10
  type: String,
15
- default: "primary",
16
- validator: (e) => ["primary", "secondary", "danger", "success", "warning", "info"].includes(e)
11
+ default: "neutral"
17
12
  },
18
13
  size: {
19
14
  type: String,
@@ -34,74 +29,52 @@ const p = ["type", "disabled"], v = {
34
29
  block: {
35
30
  type: Boolean,
36
31
  default: !1
37
- },
38
- iconLeft: {
39
- type: String,
40
- // Puedes usar un nombre de ícono o un componente en otro enfoque
41
- default: null
42
- },
43
- iconRight: {
44
- type: String,
45
- default: null
46
- },
47
- customClass: {
48
- type: String,
49
- default: ""
50
32
  }
51
33
  },
52
- emits: ["click"],
53
- setup(e, { emit: d }) {
54
- const t = e, u = d, c = {
34
+ setup(r) {
35
+ const e = r, s = {
55
36
  sm: "text-sm px-3 py-1.5",
56
37
  md: "text-base px-4 py-2",
57
38
  lg: "text-lg px-5 py-3"
58
- }, g = {
39
+ }, l = {
59
40
  solid: {
60
- primary: "bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500",
61
- secondary: "bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500",
62
- danger: "bg-red-600 text-white hover:bg-red-700 focus:ring-red-500"
41
+ neutral: "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",
42
+ primary: "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",
43
+ secondary: "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",
44
+ success: "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",
45
+ danger: "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",
46
+ warning: "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"
63
47
  },
64
48
  outline: {
65
- primary: "border border-blue-600 text-blue-600 hover:bg-blue-50 focus:ring-blue-500",
66
- secondary: "border border-gray-600 text-gray-600 hover:bg-gray-50 focus:ring-gray-500",
67
- danger: "border border-red-600 text-red-600 hover:bg-red-50 focus:ring-red-500"
49
+ neutral: "border 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",
50
+ primary: "border 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",
51
+ secondary: "border 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",
52
+ success: "border 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",
53
+ danger: "border 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",
54
+ warning: "border 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"
68
55
  },
69
56
  ghost: {
70
- primary: "text-blue-600 hover:bg-blue-50 focus:ring-blue-500",
71
- secondary: "text-gray-600 hover:bg-gray-50 focus:ring-gray-500",
72
- danger: "text-red-600 hover:bg-red-50 focus:ring-red-500"
73
- },
74
- link: {
75
- primary: "text-blue-600 underline hover:text-blue-800",
76
- secondary: "text-gray-600 underline hover:text-gray-800",
77
- danger: "text-red-600 underline hover:text-red-800"
57
+ neutral: "text-zinc-600 hover:bg-zinc-50 dark:text-zinc-100 dark:hover:bg-zinc-800",
58
+ primary: "text-slate-600 hover:bg-slate-50 dark:text-slate-100 dark:hover:bg-slate-800",
59
+ secondary: "text-pink-600 hover:bg-pink-50 dark:text-pink-100 dark:hover:bg-pink-800",
60
+ success: "text-emerald-600 hover:bg-emerald-50 dark:text-emerald-100 dark:hover:bg-emerald-800",
61
+ danger: "text-rose-600 hover:bg-rose-50 dark:text-rose-100 dark:hover:bg-rose-800",
62
+ warning: "text-amber-600 hover:bg-amber-50 dark:text-amber-100 dark:hover:bg-amber-800"
78
63
  }
79
- }, y = h(() => {
80
- var s;
81
- const r = ((s = g[t.variant]) == null ? void 0 : s[t.color]) || "", i = c[t.size] || "", f = t.block ? "w-full" : "";
82
- return [k, r, i, f, t.customClass].join(" ");
83
- }), b = (r) => {
84
- !t.disabled && !t.loading && u("click", r);
85
- };
86
- return (r, i) => (o(), n("button", {
87
- type: e.type,
88
- class: l(y.value),
89
- disabled: e.disabled || e.loading,
90
- onClick: b
64
+ }, k = g(() => {
65
+ var o;
66
+ const t = ((o = l[e.variant]) == null ? void 0 : o[e.color]) || "", a = s[e.size] || "", b = e.block ? "w-full" : "";
67
+ return [p, t, a, b].join(" ");
68
+ });
69
+ return (t, a) => (n(), d("button", {
70
+ type: r.type,
71
+ class: x(k.value),
72
+ disabled: e.disabled || e.loading
91
73
  }, [
92
- e.loading ? (o(), n("span", v)) : a("", !0),
93
- e.iconLeft && !e.loading ? (o(), n("span", {
94
- key: 1,
95
- class: l(["mr-2", e.iconLeft])
96
- }, null, 2)) : a("", !0),
97
- x(r.$slots, "default"),
98
- e.iconRight && !e.loading ? (o(), n("span", {
99
- key: 2,
100
- class: l(["ml-2", e.iconRight])
101
- }, null, 2)) : a("", !0)
102
- ], 10, p));
74
+ r.loading ? (n(), d("span", c, "Cargando...")) : h(t.$slots, "default", { key: 0 })
75
+ ], 10, v));
103
76
  }
104
77
  });
105
78
  export {
106
- S as DuiButton
79
+ m as DuiButton
107
80
  };
package/dist/droni-kit.umd.cjs CHANGED
@@ -1 +1 @@
1
- (function(n,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(n=typeof globalThis<"u"?globalThis:n||self,e(n["droni-kit"]={},n.Vue))})(this,function(n,e){"use strict";const a=["type","disabled"],s={key:0,class:"animate-spin mr-2 h-4 w-4 border-2 border-t-transparent rounded-full border-white"},d="inline-flex items-center justify-center font-medium transition rounded-2xl focus:outline-none focus:ring-2 focus:ring-offset-2 disabled:opacity-50 disabled:cursor-not-allowed",c=e.defineComponent({__name:"DuiButton",props:{variant:{type:String,default:"solid",validator:t=>["solid","outline","ghost","link"].includes(t)},color:{type:String,default:"primary",validator:t=>["primary","secondary","danger","success","warning","info"].includes(t)},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},iconLeft:{type:String,default:null},iconRight:{type:String,default:null},customClass:{type:String,default:""}},emits:["click"],setup(t,{emit:u}){const o=t,g=u,f={sm:"text-sm px-3 py-1.5",md:"text-base px-4 py-2",lg:"text-lg px-5 py-3"},y={solid:{primary:"bg-blue-600 text-white hover:bg-blue-700 focus:ring-blue-500",secondary:"bg-gray-600 text-white hover:bg-gray-700 focus:ring-gray-500",danger:"bg-red-600 text-white hover:bg-red-700 focus:ring-red-500"},outline:{primary:"border border-blue-600 text-blue-600 hover:bg-blue-50 focus:ring-blue-500",secondary:"border border-gray-600 text-gray-600 hover:bg-gray-50 focus:ring-gray-500",danger:"border border-red-600 text-red-600 hover:bg-red-50 focus:ring-red-500"},ghost:{primary:"text-blue-600 hover:bg-blue-50 focus:ring-blue-500",secondary:"text-gray-600 hover:bg-gray-50 focus:ring-gray-500",danger:"text-red-600 hover:bg-red-50 focus:ring-red-500"},link:{primary:"text-blue-600 underline hover:text-blue-800",secondary:"text-gray-600 underline hover:text-gray-800",danger:"text-red-600 underline hover:text-red-800"}},b=e.computed(()=>{var i;const r=((i=y[o.variant])==null?void 0:i[o.color])||"",l=f[o.size]||"",p=o.block?"w-full":"";return[d,r,l,p,o.customClass].join(" ")}),m=r=>{!o.disabled&&!o.loading&&g("click",r)};return(r,l)=>(e.openBlock(),e.createElementBlock("button",{type:t.type,class:e.normalizeClass(b.value),disabled:t.disabled||t.loading,onClick:m},[t.loading?(e.openBlock(),e.createElementBlock("span",s)):e.createCommentVNode("",!0),t.iconLeft&&!t.loading?(e.openBlock(),e.createElementBlock("span",{key:1,class:e.normalizeClass(["mr-2",t.iconLeft])},null,2)):e.createCommentVNode("",!0),e.renderSlot(r.$slots,"default"),t.iconRight&&!t.loading?(e.openBlock(),e.createElementBlock("span",{key:2,class:e.normalizeClass(["ml-2",t.iconRight])},null,2)):e.createCommentVNode("",!0)],10,a))}});n.DuiButton=c,Object.defineProperty(n,Symbol.toStringTag,{value:"Module"})});
1
+ (function(r,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(r=typeof globalThis<"u"?globalThis:r||self,e(r["droni-kit"]={},r.Vue))})(this,function(r,e){"use strict";const s=["type","disabled"],l={key:1},i="transition rounded disabled:opacity-50 disabled:cursor-not-allowed cursor-pointer hover:shadow-md",k=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}},setup(o){const t=o,b={sm:"text-sm px-3 py-1.5",md:"text-base px-4 py-2",lg:"text-lg px-5 py-3"},g={solid:{neutral:"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:"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:"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:"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:"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:"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:{neutral:"border 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 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 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 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 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 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:{neutral:"text-zinc-600 hover:bg-zinc-50 dark:text-zinc-100 dark:hover:bg-zinc-800",primary:"text-slate-600 hover:bg-slate-50 dark:text-slate-100 dark:hover:bg-slate-800",secondary:"text-pink-600 hover:bg-pink-50 dark:text-pink-100 dark:hover:bg-pink-800",success:"text-emerald-600 hover:bg-emerald-50 dark:text-emerald-100 dark:hover:bg-emerald-800",danger:"text-rose-600 hover:bg-rose-50 dark:text-rose-100 dark:hover:bg-rose-800",warning:"text-amber-600 hover:bg-amber-50 dark:text-amber-100 dark:hover:bg-amber-800"}},h=e.computed(()=>{var n;const a=((n=g[t.variant])==null?void 0:n[t.color])||"",d=b[t.size]||"",x=t.block?"w-full":"";return[i,a,d,x].join(" ")});return(a,d)=>(e.openBlock(),e.createElementBlock("button",{type:o.type,class:e.normalizeClass(h.value),disabled:t.disabled||t.loading},[o.loading?(e.openBlock(),e.createElementBlock("span",l,"Cargando...")):e.renderSlot(a.$slots,"default",{key:0})],10,s))}});r.DuiButton=k,Object.defineProperty(r,Symbol.toStringTag,{value:"Module"})});
package/dist/stories/Forms/DuiButton.stories.d.ts CHANGED
@@ -4,14 +4,12 @@ declare const meta: {
4
4
  component: {
5
5
  new (...args: any[]): import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('vue').ExtractPropTypes<{
6
6
  variant: {
7
- type: StringConstructor;
7
+ type: () => "solid" | "outline" | "ghost";
8
8
  default: string;
9
- validator: (value: string) => boolean;
10
9
  };
11
10
  color: {
12
- type: StringConstructor;
11
+ type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
13
12
  default: string;
14
- validator: (value: string) => boolean;
15
13
  };
16
14
  size: {
17
15
  type: () => "sm" | "md" | "lg";
@@ -33,33 +31,14 @@ declare const meta: {
33
31
  type: BooleanConstructor;
34
32
  default: boolean;
35
33
  };
36
- iconLeft: {
37
- type: StringConstructor;
38
- default: null;
39
- };
40
- iconRight: {
41
- type: StringConstructor;
42
- default: null;
43
- };
44
- customClass: {
45
- type: StringConstructor;
46
- default: string;
47
- };
48
- }>> & Readonly<{
49
- onClick?: ((...args: any[]) => any) | undefined;
50
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
51
- click: (...args: any[]) => void;
52
- }, import('vue').PublicProps, {
53
- variant: string;
54
- color: string;
34
+ }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, import('vue').PublicProps, {
35
+ variant: "solid" | "outline" | "ghost";
36
+ color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
55
37
  size: "sm" | "md" | "lg";
56
38
  type: "button" | "submit" | "reset";
57
39
  disabled: boolean;
58
40
  loading: boolean;
59
41
  block: boolean;
60
- iconLeft: string;
61
- iconRight: string;
62
- customClass: string;
63
42
  }, true, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {}, HTMLButtonElement, import('vue').ComponentProvideOptions, {
64
43
  P: {};
65
44
  B: {};
@@ -69,14 +48,12 @@ declare const meta: {
69
48
  Defaults: {};
70
49
  }, Readonly<import('vue').ExtractPropTypes<{
71
50
  variant: {
72
- type: StringConstructor;
51
+ type: () => "solid" | "outline" | "ghost";
73
52
  default: string;
74
- validator: (value: string) => boolean;
75
53
  };
76
54
  color: {
77
- type: StringConstructor;
55
+ type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
78
56
  default: string;
79
- validator: (value: string) => boolean;
80
57
  };
81
58
  size: {
82
59
  type: () => "sm" | "md" | "lg";
@@ -98,45 +75,26 @@ declare const meta: {
98
75
  type: BooleanConstructor;
99
76
  default: boolean;
100
77
  };
101
- iconLeft: {
102
- type: StringConstructor;
103
- default: null;
104
- };
105
- iconRight: {
106
- type: StringConstructor;
107
- default: null;
108
- };
109
- customClass: {
110
- type: StringConstructor;
111
- default: string;
112
- };
113
- }>> & Readonly<{
114
- onClick?: ((...args: any[]) => any) | undefined;
115
- }>, {}, {}, {}, {}, {
116
- variant: string;
117
- color: string;
78
+ }>> & Readonly<{}>, {}, {}, {}, {}, {
79
+ variant: "solid" | "outline" | "ghost";
80
+ color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
118
81
  size: "sm" | "md" | "lg";
119
82
  type: "button" | "submit" | "reset";
120
83
  disabled: boolean;
121
84
  loading: boolean;
122
85
  block: boolean;
123
- iconLeft: string;
124
- iconRight: string;
125
- customClass: string;
126
86
  }>;
127
87
  __isFragment?: never;
128
88
  __isTeleport?: never;
129
89
  __isSuspense?: never;
130
90
  } & import('vue').ComponentOptionsBase<Readonly<import('vue').ExtractPropTypes<{
131
91
  variant: {
132
- type: StringConstructor;
92
+ type: () => "solid" | "outline" | "ghost";
133
93
  default: string;
134
- validator: (value: string) => boolean;
135
94
  };
136
95
  color: {
137
- type: StringConstructor;
96
+ type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
138
97
  default: string;
139
- validator: (value: string) => boolean;
140
98
  };
141
99
  size: {
142
100
  type: () => "sm" | "md" | "lg";
@@ -158,33 +116,14 @@ declare const meta: {
158
116
  type: BooleanConstructor;
159
117
  default: boolean;
160
118
  };
161
- iconLeft: {
162
- type: StringConstructor;
163
- default: null;
164
- };
165
- iconRight: {
166
- type: StringConstructor;
167
- default: null;
168
- };
169
- customClass: {
170
- type: StringConstructor;
171
- default: string;
172
- };
173
- }>> & Readonly<{
174
- onClick?: ((...args: any[]) => any) | undefined;
175
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
176
- click: (...args: any[]) => void;
177
- }, string, {
178
- variant: string;
179
- color: string;
119
+ }>> & Readonly<{}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, {
120
+ variant: "solid" | "outline" | "ghost";
121
+ color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
180
122
  size: "sm" | "md" | "lg";
181
123
  type: "button" | "submit" | "reset";
182
124
  disabled: boolean;
183
125
  loading: boolean;
184
126
  block: boolean;
185
- iconLeft: string;
186
- iconRight: string;
187
- customClass: string;
188
127
  }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps & (new () => {
189
128
  $slots: {
190
129
  default?(_: {}): any;
@@ -192,6 +131,12 @@ declare const meta: {
192
131
  });
193
132
  tags: string[];
194
133
  argTypes: {
134
+ default: {
135
+ control: {
136
+ type: "text";
137
+ };
138
+ defaultValue: string;
139
+ };
195
140
  size: {
196
141
  control: {
197
142
  type: "select";
@@ -213,9 +158,33 @@ declare const meta: {
213
158
  options: string[];
214
159
  defaultValue: string;
215
160
  };
161
+ loading: {
162
+ control: {
163
+ type: "boolean";
164
+ };
165
+ defaultValue: boolean;
166
+ };
167
+ disabled: {
168
+ control: {
169
+ type: "boolean";
170
+ };
171
+ defaultValue: boolean;
172
+ };
173
+ block: {
174
+ control: {
175
+ type: "boolean";
176
+ };
177
+ defaultValue: boolean;
178
+ };
179
+ type: {
180
+ control: {
181
+ type: "select";
182
+ };
183
+ options: string[];
184
+ defaultValue: string;
185
+ };
216
186
  };
217
187
  };
218
188
  export default meta;
219
189
  type Story = StoryObj<typeof meta>;
220
- export declare const Primary: Story;
221
- export declare const Secondary: Story;
190
+ export declare const Default: Story;
package/dist/stories/Forms/DuiButton.vue.d.ts CHANGED
@@ -9,14 +9,12 @@ declare function __VLS_template(): {
9
9
  type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
10
10
  declare const __VLS_component: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
11
11
  variant: {
12
- type: StringConstructor;
12
+ type: () => "solid" | "outline" | "ghost";
13
13
  default: string;
14
- validator: (value: string) => boolean;
15
14
  };
16
15
  color: {
17
- type: StringConstructor;
16
+ type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
18
17
  default: string;
19
- validator: (value: string) => boolean;
20
18
  };
21
19
  size: {
22
20
  type: () => "sm" | "md" | "lg";
@@ -38,30 +36,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
38
36
  type: BooleanConstructor;
39
37
  default: boolean;
40
38
  };
41
- iconLeft: {
42
- type: StringConstructor;
43
- default: null;
44
- };
45
- iconRight: {
46
- type: StringConstructor;
47
- default: null;
48
- };
49
- customClass: {
50
- type: StringConstructor;
51
- default: string;
52
- };
53
- }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
54
- click: (...args: any[]) => void;
55
- }, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
39
+ }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
56
40
  variant: {
57
- type: StringConstructor;
41
+ type: () => "solid" | "outline" | "ghost";
58
42
  default: string;
59
- validator: (value: string) => boolean;
60
43
  };
61
44
  color: {
62
- type: StringConstructor;
45
+ type: () => "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
63
46
  default: string;
64
- validator: (value: string) => boolean;
65
47
  };
66
48
  size: {
67
49
  type: () => "sm" | "md" | "lg";
@@ -83,31 +65,14 @@ declare const __VLS_component: import('vue').DefineComponent<import('vue').Extra
83
65
  type: BooleanConstructor;
84
66
  default: boolean;
85
67
  };
86
- iconLeft: {
87
- type: StringConstructor;
88
- default: null;
89
- };
90
- iconRight: {
91
- type: StringConstructor;
92
- default: null;
93
- };
94
- customClass: {
95
- type: StringConstructor;
96
- default: string;
97
- };
98
- }>> & Readonly<{
99
- onClick?: ((...args: any[]) => any) | undefined;
100
- }>, {
101
- variant: string;
102
- color: string;
68
+ }>> & Readonly<{}>, {
69
+ variant: "solid" | "outline" | "ghost";
70
+ color: "neutral" | "primary" | "secondary" | "success" | "warning" | "danger";
103
71
  size: "sm" | "md" | "lg";
104
72
  type: "button" | "submit" | "reset";
105
73
  disabled: boolean;
106
74
  loading: boolean;
107
75
  block: boolean;
108
- iconLeft: string;
109
- iconRight: string;
110
- customClass: string;
111
76
  }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, HTMLButtonElement>;
112
77
  declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
113
78
  export default _default;
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.1.2",
4
+ "version": "1.2.0",
5
5
  "private": false,
6
6
  "access": "public",
7
7
  "publishConfig": {
@@ -50,6 +50,7 @@
50
50
  "playwright": "^1.51.1",
51
51
  "semantic-release": "^24.2.3",
52
52
  "storybook": "^8.6.12",
53
+ "storybook-dark-mode": "^4.0.2",
53
54
  "typescript": "~5.7.2",
54
55
  "vite": "^6.2.0",
55
56
  "vite-plugin-dts": "^4.5.3",