@dronico/droni-kit 1.0.2 → 1.0.3

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 CHANGED
@@ -1,3 +1,10 @@
1
+ ## [1.0.3](https://github.com/Droni-app/droni-kit/compare/v1.0.2...v1.0.3) (2025-04-15)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * index file ([eea1072](https://github.com/Droni-app/droni-kit/commit/eea1072638a19026818ff6d6d6a1a33334ab1d24))
7
+
1
8
  ## [1.0.2](https://github.com/Droni-app/droni-kit/compare/v1.0.1...v1.0.2) (2025-04-15)
2
9
 
3
10
 
@@ -1 +1 @@
1
- :root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.card{padding:2em}#app{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}.read-the-docs[data-v-cc337d8c]{color:#888}.logo[data-v-48d00746]{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo[data-v-48d00746]:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.vue[data-v-48d00746]:hover{filter:drop-shadow(0 0 2em #42b883aa)}
1
+ .storybook-button{display:inline-block;cursor:pointer;border:0;border-radius:3em;font-weight:700;line-height:1;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.storybook-button--primary{background-color:#555ab9;color:#fff}.storybook-button--secondary{box-shadow:#00000026 0 0 0 1px inset;background-color:transparent;color:#333}.storybook-button--small{padding:10px 16px;font-size:12px}.storybook-button--medium{padding:11px 20px;font-size:14px}.storybook-button--large{padding:12px 24px;font-size:16px}.storybook-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.1);padding:15px 20px;font-family:Nunito Sans,Helvetica Neue,Helvetica,Arial,sans-serif}.storybook-header svg{display:inline-block;vertical-align:top}.storybook-header h1{display:inline-block;vertical-align:top;margin:6px 0 6px 10px;font-weight:700;font-size:20px;line-height:1}.storybook-header button+button{margin-left:10px}.storybook-header .welcome{margin-right:10px;color:#333;font-size:14px}
package/dist/droni-kit.js CHANGED
@@ -1,76 +1,75 @@
1
- import { defineComponent as i, ref as g, createElementBlock as p, openBlock as u, Fragment as c, createElementVNode as t, toDisplayString as a, createTextVNode as l, createVNode as m, createApp as v } from "vue";
2
- const h = "/vite.svg", _ = "data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20aria-hidden='true'%20role='img'%20class='iconify%20iconify--logos'%20width='37.07'%20height='36'%20preserveAspectRatio='xMidYMid%20meet'%20viewBox='0%200%20256%20198'%3e%3cpath%20fill='%2341B883'%20d='M204.8%200H256L128%20220.8L0%200h97.92L128%2051.2L157.44%200h47.36Z'%3e%3c/path%3e%3cpath%20fill='%2341B883'%20d='m0%200l128%20220.8L256%200h-51.2L128%20132.48L50.56%200H0Z'%3e%3c/path%3e%3cpath%20fill='%2335495E'%20d='M50.56%200L128%20133.12L204.8%200h-47.36L128%2051.2L97.92%200H50.56Z'%3e%3c/path%3e%3c/svg%3e", f = { class: "card" }, k = /* @__PURE__ */ i({
3
- __name: "HelloWorld",
1
+ import { defineComponent as d, computed as m, createElementBlock as a, openBlock as t, normalizeStyle as g, normalizeClass as z, toDisplayString as c, createElementVNode as s, createStaticVNode as f, createCommentVNode as r, createBlock as n, createTextVNode as p } from "vue";
2
+ const i = /* @__PURE__ */ d({
3
+ __name: "Button",
4
4
  props: {
5
- msg: {}
5
+ label: {},
6
+ primary: { type: Boolean, default: !1 },
7
+ size: {},
8
+ backgroundColor: {}
6
9
  },
7
- setup(n) {
8
- const s = g(0);
9
- return (o, e) => (u(), p(c, null, [
10
- t("h1", null, a(o.msg), 1),
11
- t("div", f, [
12
- t("button", {
13
- type: "button",
14
- onClick: e[0] || (e[0] = (r) => s.value++)
15
- }, "count is " + a(s.value), 1),
16
- e[1] || (e[1] = t("p", null, [
17
- l(" Edit "),
18
- t("code", null, "components/HelloWorld.vue"),
19
- l(" to test HMR ")
20
- ], -1))
21
- ]),
22
- e[2] || (e[2] = t("p", null, [
23
- l(" Check out "),
24
- t("a", {
25
- href: "https://vuejs.org/guide/quick-start.html#local",
26
- target: "_blank"
27
- }, "create-vue"),
28
- l(", the official Vue + Vite starter ")
29
- ], -1)),
30
- e[3] || (e[3] = t("p", null, [
31
- l(" Learn more about IDE Support for Vue in the "),
32
- t("a", {
33
- href: "https://vuejs.org/guide/scaling-up/tooling.html#ide-support",
34
- target: "_blank"
35
- }, "Vue Docs Scaling up Guide"),
36
- l(". ")
37
- ], -1)),
38
- e[4] || (e[4] = t("p", { class: "read-the-docs" }, "Click on the Vite and Vue logos to learn more", -1))
39
- ], 64));
10
+ emits: ["click"],
11
+ setup(u, { emit: o }) {
12
+ const e = u, l = o, k = m(() => ({
13
+ "storybook-button": !0,
14
+ "storybook-button--primary": e.primary,
15
+ "storybook-button--secondary": !e.primary,
16
+ [`storybook-button--${e.size || "medium"}`]: !0
17
+ })), y = m(() => ({
18
+ backgroundColor: e.backgroundColor
19
+ })), b = () => {
20
+ l("click", 1);
21
+ };
22
+ return (v, $) => (t(), a("button", {
23
+ type: "button",
24
+ class: z(k.value),
25
+ onClick: b,
26
+ style: g(y.value)
27
+ }, c(v.label), 7));
40
28
  }
41
- }), d = (n, s) => {
42
- const o = n.__vccOpts || n;
43
- for (const [e, r] of s)
44
- o[e] = r;
45
- return o;
46
- }, V = /* @__PURE__ */ d(k, [["__scopeId", "data-v-cc337d8c"]]), L = /* @__PURE__ */ i({
47
- __name: "App",
48
- setup(n) {
49
- return (s, o) => (u(), p(c, null, [
50
- o[0] || (o[0] = t("div", null, [
51
- t("a", {
52
- href: "https://vite.dev",
53
- target: "_blank"
54
- }, [
55
- t("img", {
56
- src: h,
57
- class: "logo",
58
- alt: "Vite logo"
59
- })
60
- ]),
61
- t("a", {
62
- href: "https://vuejs.org/",
63
- target: "_blank"
64
- }, [
65
- t("img", {
66
- src: _,
67
- class: "logo vue",
68
- alt: "Vue logo"
69
- })
29
+ }), C = { class: "storybook-header" }, B = {
30
+ key: 0,
31
+ class: "welcome"
32
+ }, w = /* @__PURE__ */ d({
33
+ __name: "Header",
34
+ props: {
35
+ user: {}
36
+ },
37
+ emits: ["createAccount", "login", "logout"],
38
+ setup(u) {
39
+ return (o, e) => (t(), a("header", null, [
40
+ s("div", C, [
41
+ e[5] || (e[5] = f('<div><svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z" fill="#FFF"></path><path d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z" fill="#555AB9"></path><path d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z" fill="#91BAF8"></path></g></svg><h1>Acme</h1></div>', 1)),
42
+ s("div", null, [
43
+ o.user ? (t(), a("span", B, [
44
+ e[3] || (e[3] = p("Welcome, ")),
45
+ s("b", null, c(o.user.name), 1),
46
+ e[4] || (e[4] = p("!"))
47
+ ])) : r("", !0),
48
+ o.user ? (t(), n(i, {
49
+ key: 1,
50
+ size: "small",
51
+ onClick: e[0] || (e[0] = (l) => o.$emit("logout")),
52
+ label: "Log out"
53
+ })) : r("", !0),
54
+ o.user ? r("", !0) : (t(), n(i, {
55
+ key: 2,
56
+ size: "small",
57
+ onClick: e[1] || (e[1] = (l) => o.$emit("login")),
58
+ label: "Log in"
59
+ })),
60
+ o.user ? r("", !0) : (t(), n(i, {
61
+ key: 3,
62
+ primary: "",
63
+ size: "small",
64
+ onClick: e[2] || (e[2] = (l) => o.$emit("createAccount")),
65
+ label: "Sign up"
66
+ }))
70
67
  ])
71
- ], -1)),
72
- m(V, { msg: "Vite + Vue" })
73
- ], 64));
68
+ ])
69
+ ]));
74
70
  }
75
- }), w = /* @__PURE__ */ d(L, [["__scopeId", "data-v-48d00746"]]);
76
- v(w).mount("#app");
71
+ });
72
+ export {
73
+ i as ButtonEspecial,
74
+ w as HeaderEspecial
75
+ };
@@ -1 +1 @@
1
- (function(e,n){typeof exports=="object"&&typeof module<"u"?n(require("vue")):typeof define=="function"&&define.amd?define(["vue"],n):(e=typeof globalThis<"u"?globalThis:e||self,n(e.Vue))})(this,function(e){"use strict";const n="/vite.svg",i="data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20aria-hidden='true'%20role='img'%20class='iconify%20iconify--logos'%20width='37.07'%20height='36'%20preserveAspectRatio='xMidYMid%20meet'%20viewBox='0%200%20256%20198'%3e%3cpath%20fill='%2341B883'%20d='M204.8%200H256L128%20220.8L0%200h97.92L128%2051.2L157.44%200h47.36Z'%3e%3c/path%3e%3cpath%20fill='%2341B883'%20d='m0%200l128%20220.8L256%200h-51.2L128%20132.48L50.56%200H0Z'%3e%3c/path%3e%3cpath%20fill='%2335495E'%20d='M50.56%200L128%20133.12L204.8%200h-47.36L128%2051.2L97.92%200H50.56Z'%3e%3c/path%3e%3c/svg%3e",c={class:"card"},d=e.defineComponent({__name:"HelloWorld",props:{msg:{}},setup(r){const l=e.ref(0);return(o,t)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createElementVNode("h1",null,e.toDisplayString(o.msg),1),e.createElementVNode("div",c,[e.createElementVNode("button",{type:"button",onClick:t[0]||(t[0]=s=>l.value++)},"count is "+e.toDisplayString(l.value),1),t[1]||(t[1]=e.createElementVNode("p",null,[e.createTextVNode(" Edit "),e.createElementVNode("code",null,"components/HelloWorld.vue"),e.createTextVNode(" to test HMR ")],-1))]),t[2]||(t[2]=e.createElementVNode("p",null,[e.createTextVNode(" Check out "),e.createElementVNode("a",{href:"https://vuejs.org/guide/quick-start.html#local",target:"_blank"},"create-vue"),e.createTextVNode(", the official Vue + Vite starter ")],-1)),t[3]||(t[3]=e.createElementVNode("p",null,[e.createTextVNode(" Learn more about IDE Support for Vue in the "),e.createElementVNode("a",{href:"https://vuejs.org/guide/scaling-up/tooling.html#ide-support",target:"_blank"},"Vue Docs Scaling up Guide"),e.createTextVNode(". ")],-1)),t[4]||(t[4]=e.createElementVNode("p",{class:"read-the-docs"},"Click on the Vite and Vue logos to learn more",-1))],64))}}),a=(r,l)=>{const o=r.__vccOpts||r;for(const[t,s]of l)o[t]=s;return o},p=a(d,[["__scopeId","data-v-cc337d8c"]]),m=a(e.defineComponent({__name:"App",setup(r){return(l,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[o[0]||(o[0]=e.createElementVNode("div",null,[e.createElementVNode("a",{href:"https://vite.dev",target:"_blank"},[e.createElementVNode("img",{src:n,class:"logo",alt:"Vite logo"})]),e.createElementVNode("a",{href:"https://vuejs.org/",target:"_blank"},[e.createElementVNode("img",{src:i,class:"logo vue",alt:"Vue logo"})])],-1)),e.createVNode(p,{msg:"Vite + Vue"})],64))}}),[["__scopeId","data-v-48d00746"]]);e.createApp(m).mount("#app")});
1
+ (function(l,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue")):typeof define=="function"&&define.amd?define(["exports","vue"],e):(l=typeof globalThis<"u"?globalThis:l||self,e(l["droni-kit"]={},l.Vue))})(this,function(l,e){"use strict";const n=e.defineComponent({__name:"Button",props:{label:{},primary:{type:Boolean,default:!1},size:{},backgroundColor:{}},emits:["click"],setup(i,{emit:t}){const o=i,r=t,d=e.computed(()=>({"storybook-button":!0,"storybook-button--primary":o.primary,"storybook-button--secondary":!o.primary,[`storybook-button--${o.size||"medium"}`]:!0})),c=e.computed(()=>({backgroundColor:o.backgroundColor})),p=()=>{r("click",1)};return(k,u)=>(e.openBlock(),e.createElementBlock("button",{type:"button",class:e.normalizeClass(d.value),onClick:p,style:e.normalizeStyle(c.value)},e.toDisplayString(k.label),7))}}),s={class:"storybook-header"},a={key:0,class:"welcome"},m=e.defineComponent({__name:"Header",props:{user:{}},emits:["createAccount","login","logout"],setup(i){return(t,o)=>(e.openBlock(),e.createElementBlock("header",null,[e.createElementVNode("div",s,[o[5]||(o[5]=e.createStaticVNode('<div><svg width="32" height="32" viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><g fill="none" fill-rule="evenodd"><path d="M10 0h12a10 10 0 0110 10v12a10 10 0 01-10 10H10A10 10 0 010 22V10A10 10 0 0110 0z" fill="#FFF"></path><path d="M5.3 10.6l10.4 6v11.1l-10.4-6v-11zm11.4-6.2l9.7 5.5-9.7 5.6V4.4z" fill="#555AB9"></path><path d="M27.2 10.6v11.2l-10.5 6V16.5l10.5-6zM15.7 4.4v11L6 10l9.7-5.5z" fill="#91BAF8"></path></g></svg><h1>Acme</h1></div>',1)),e.createElementVNode("div",null,[t.user?(e.openBlock(),e.createElementBlock("span",a,[o[3]||(o[3]=e.createTextVNode("Welcome, ")),e.createElementVNode("b",null,e.toDisplayString(t.user.name),1),o[4]||(o[4]=e.createTextVNode("!"))])):e.createCommentVNode("",!0),t.user?(e.openBlock(),e.createBlock(n,{key:1,size:"small",onClick:o[0]||(o[0]=r=>t.$emit("logout")),label:"Log out"})):e.createCommentVNode("",!0),t.user?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(n,{key:2,size:"small",onClick:o[1]||(o[1]=r=>t.$emit("login")),label:"Log in"})),t.user?e.createCommentVNode("",!0):(e.openBlock(),e.createBlock(n,{key:3,primary:"",size:"small",onClick:o[2]||(o[2]=r=>t.$emit("createAccount")),label:"Sign up"}))])])]))}});l.ButtonEspecial=n,l.HeaderEspecial=m,Object.defineProperty(l,Symbol.toStringTag,{value:"Module"})});
@@ -0,0 +1,3 @@
1
+ import { default as ButtonEspecial } from './stories/Button.vue';
2
+ import { default as HeaderEspecial } from './stories/Header.vue';
3
+ export { ButtonEspecial, HeaderEspecial };
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.0.2",
4
+ "version": "1.0.3",
5
5
  "private": false,
6
6
  "access": "public",
7
7
  "publishConfig": {