@sysvale/cuida 3.0.0-alpha7 → 3.0.0-alpha9

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 (4) hide show
  1. package/dist/@sysvale/cuida.es.js +211 -32
  2. package/dist/@sysvale/cuida.umd.js +1 -1
  3. package/dist/style.css +1 -1
  4. package/package.json +3 -2
package/dist/@sysvale/cuida.es.js CHANGED
@@ -1,5 +1,5 @@
1
- import { defineComponent as g, openBlock as c, createElementBlock as u, normalizeClass as s, createElementVNode as n, renderSlot as d, resolveComponent as p, toDisplayString as l, createTextVNode as v, createVNode as m } from "vue";
2
- const y = g({
1
+ import { defineComponent as h, openBlock as r, createElementBlock as o, normalizeClass as s, createElementVNode as n, renderSlot as _, createTextVNode as m, toDisplayString as u, resolveComponent as y, createVNode as g, createCommentVNode as p } from "vue";
2
+ const C = h({
3
3
  props: {
4
4
  variant: {
5
5
  type: String,
@@ -28,23 +28,202 @@ const y = g({
28
28
  }
29
29
  }
30
30
  });
31
- const _ = (t, a) => {
31
+ const f = (t, a) => {
32
32
  const e = t.__vccOpts || t;
33
- for (const [r, i] of a)
34
- e[r] = i;
33
+ for (const [c, d] of a)
34
+ e[c] = d;
35
35
  return e;
36
- }, C = { class: "badge__content" };
37
- function b(t, a, e, r, i, o) {
38
- return c(), u("div", {
36
+ }, S = { class: "badge__content" };
37
+ function k(t, a, e, c, d, i) {
38
+ return r(), o("div", {
39
39
  class: s(["badge__container", t.predefinedStyle])
40
40
  }, [
41
- n("div", C, [
42
- d(t.$slots, "default", {}, void 0, !0)
41
+ n("div", S, [
42
+ _(t.$slots, "default", {}, void 0, !0)
43
43
  ])
44
44
  ], 2);
45
45
  }
46
- const B = /* @__PURE__ */ _(y, [["render", b], ["__scopeId", "data-v-c17276fb"]]);
47
- const S = {
46
+ const x = /* @__PURE__ */ f(C, [["render", k], ["__scopeId", "data-v-c17276fb"]]);
47
+ const B = {
48
+ data() {
49
+ return {
50
+ predefinedColors: [
51
+ "teal",
52
+ "green",
53
+ "blue",
54
+ "indigo",
55
+ "violet",
56
+ "pink",
57
+ "red",
58
+ "orange",
59
+ "amber"
60
+ ],
61
+ predefinedSizes: [
62
+ "sm",
63
+ "md",
64
+ "lg"
65
+ ]
66
+ };
67
+ },
68
+ props: {
69
+ variant: {
70
+ type: String,
71
+ default: "green"
72
+ },
73
+ size: {
74
+ type: String,
75
+ default: "md"
76
+ },
77
+ text: {
78
+ type: String,
79
+ default: "Lorem ipsum"
80
+ },
81
+ disabled: {
82
+ type: Boolean,
83
+ default: !1
84
+ },
85
+ secondary: {
86
+ type: Boolean,
87
+ default: !1
88
+ }
89
+ },
90
+ computed: {
91
+ predefinedColor() {
92
+ return this.secondary ? "button--secondary" : this.predefinedColors.indexOf(this.variant) > -1 ? `button--${this.variant}` : "button--green";
93
+ },
94
+ predefinedSize() {
95
+ return this.predefinedSizes.indexOf(this.size) > -1 ? `button-size--${this.size}` : "button-size--md";
96
+ },
97
+ computedStyle() {
98
+ const t = this.disabled ? "--disabled" : "--active";
99
+ return `${this.predefinedColor}${t} ${this.predefinedSize}`;
100
+ }
101
+ },
102
+ methods: {
103
+ clickHandler() {
104
+ this.disabled || this.$emit("click", !0);
105
+ }
106
+ }
107
+ }, $ = { id: "cds-button" };
108
+ function w(t, a, e, c, d, i) {
109
+ return r(), o("span", $, [
110
+ n("button", {
111
+ class: s(["button__container", i.computedStyle]),
112
+ onClick: a[0] || (a[0] = (l) => i.clickHandler())
113
+ }, [
114
+ _(t.$slots, "default", {}, () => [
115
+ m(u(e.text), 1)
116
+ ], !0)
117
+ ], 2)
118
+ ]);
119
+ }
120
+ const b = /* @__PURE__ */ f(B, [["render", w], ["__scopeId", "data-v-491edd8e"]]);
121
+ const z = {
122
+ props: {
123
+ variant: {
124
+ type: String,
125
+ default: "info",
126
+ required: !1
127
+ },
128
+ text: {
129
+ type: String,
130
+ default: "T\xEDtulo do AlertCard",
131
+ required: !1
132
+ },
133
+ dismissible: {
134
+ type: Boolean,
135
+ default: !1,
136
+ required: !1
137
+ }
138
+ },
139
+ data() {
140
+ return {
141
+ icon: "warning"
142
+ };
143
+ },
144
+ methods: {
145
+ close() {
146
+ this.$emit("close");
147
+ }
148
+ },
149
+ watch: {
150
+ variant(t) {
151
+ switch (t) {
152
+ case "info":
153
+ this.icon = "information-circle";
154
+ break;
155
+ case "success":
156
+ this.icon = "success";
157
+ break;
158
+ case "warning":
159
+ this.icon = "checkmark-circle";
160
+ break;
161
+ case "danger":
162
+ this.icon = "alert-circle";
163
+ break;
164
+ default:
165
+ this.icon = "alert-circle";
166
+ break;
167
+ }
168
+ }
169
+ }
170
+ }, q = { id: "alert" }, A = { class: "alert__body" }, V = {
171
+ key: 0,
172
+ class: "alert__text"
173
+ }, D = {
174
+ key: 1,
175
+ class: "alert__text"
176
+ };
177
+ function O(t, a, e, c, d, i) {
178
+ const l = y("ion-icon");
179
+ return r(), o("span", q, [
180
+ n("div", {
181
+ class: s(["alert", {
182
+ "alert__container--info": e.variant === "info",
183
+ "alert__container--success": e.variant === "success",
184
+ "alert__container--warning": e.variant === "warning",
185
+ "alert__container--danger": e.variant === "danger"
186
+ }])
187
+ }, [
188
+ n("div", A, [
189
+ n("div", null, [
190
+ g(l, {
191
+ name: d.icon,
192
+ class: s({
193
+ "alert__icon--info": e.variant === "info",
194
+ "alert__icon--success": e.variant === "success",
195
+ "alert__icon--warning": e.variant === "warning",
196
+ "alert__icon--danger": e.variant === "danger"
197
+ })
198
+ }, null, 8, ["name", "class"])
199
+ ]),
200
+ e.text.length > 0 ? (r(), o("span", V, u(e.text), 1)) : (r(), o("span", D, [
201
+ _(t.$slots, "default", {}, void 0, !0)
202
+ ]))
203
+ ]),
204
+ e.dismissible ? (r(), o("div", {
205
+ key: 0,
206
+ onClick: a[0] || (a[0] = (...v) => i.close && i.close(...v)),
207
+ class: "alert__close-button"
208
+ }, [
209
+ g(l, {
210
+ name: "close",
211
+ class: s({
212
+ "alert__icon--info": e.variant === "info",
213
+ "alert__icon--success": e.variant === "success",
214
+ "alert__icon--warning": e.variant === "warning",
215
+ "alert__icon--danger": e.variant === "danger"
216
+ })
217
+ }, null, 8, ["class"])
218
+ ])) : p("", !0)
219
+ ], 2)
220
+ ]);
221
+ }
222
+ const T = /* @__PURE__ */ f(z, [["render", O], ["__scopeId", "data-v-fe53d2bd"]]);
223
+ const I = {
224
+ components: {
225
+ CdsButton: b
226
+ },
48
227
  props: {
49
228
  title: {
50
229
  type: String,
@@ -91,42 +270,42 @@ const S = {
91
270
  return this.compact ? `${t}--compact` : t;
92
271
  }
93
272
  }
94
- }, x = { id: "callout-card" }, h = { class: "image__container" }, k = ["src", "alt"], $ = { class: "content__title" }, D = { class: "content__text" };
95
- function V(t, a, e, r, i, o) {
96
- const f = p("cds-button");
97
- return c(), u("span", x, [
273
+ }, N = { id: "callout-card" }, E = { class: "image__container" }, H = ["src", "alt"], L = { class: "content__title" }, j = { class: "content__text" };
274
+ function F(t, a, e, c, d, i) {
275
+ const l = y("cds-button");
276
+ return r(), o("span", N, [
98
277
  n("div", {
99
- class: s(o.resolveClass("callout-card__container"))
278
+ class: s(i.resolveClass("callout-card__container"))
100
279
  }, [
101
- n("div", h, [
280
+ n("div", E, [
102
281
  n("img", {
103
- class: s(o.resolveClass("image__content")),
282
+ class: s(i.resolveClass("image__content")),
104
283
  src: e.image,
105
284
  alt: e.imageDescription
106
- }, null, 10, k)
285
+ }, null, 10, H)
107
286
  ]),
108
287
  n("div", {
109
- class: s(o.resolveClass("content__container"))
288
+ class: s(i.resolveClass("content__container"))
110
289
  }, [
111
290
  n("div", {
112
- class: s(o.resolveClass("content"))
291
+ class: s(i.resolveClass("content"))
113
292
  }, [
114
- n("span", $, l(e.title), 1),
115
- n("span", D, [
116
- d(t.$slots, "text", {}, () => [
117
- v(l(e.text), 1)
293
+ n("span", L, u(e.title), 1),
294
+ n("span", j, [
295
+ _(t.$slots, "text", {}, () => [
296
+ m(u(e.text), 1)
118
297
  ])
119
298
  ])
120
299
  ], 2),
121
300
  n("div", null, [
122
- d(t.$slots, "action", {}, () => [
123
- m(f, {
301
+ _(t.$slots, "action", {}, () => [
302
+ g(l, {
124
303
  id: "content-button",
125
304
  variant: e.actionButtonVariant,
126
305
  text: e.actionButtonText,
127
306
  secondary: e.actionButtonSecondary,
128
307
  disabled: e.actionButtonDisabled,
129
- onClick: a[0] || (a[0] = (T) => t.$emit("action-button-click"))
308
+ onClick: a[0] || (a[0] = (v) => t.$emit("action-button-click"))
130
309
  }, null, 8, ["variant", "text", "secondary", "disabled"])
131
310
  ])
132
311
  ])
@@ -134,11 +313,11 @@ function V(t, a, e, r, i, o) {
134
313
  ], 2)
135
314
  ]);
136
315
  }
137
- const q = /* @__PURE__ */ _(S, [["render", V]]), O = {
316
+ const G = /* @__PURE__ */ f(I, [["render", F]]), K = {
138
317
  install: (t, a) => {
139
- t.component("CdsBadge", B), t.component("CdsCalloutCard", q);
318
+ t.component("CdsBadge", x), t.component("CdsButton", b), t.component("CdsAlert", T), t.component("CdsCalloutCard", G);
140
319
  }
141
320
  };
142
321
  export {
143
- O as default
322
+ K as default
144
323
  };
package/dist/@sysvale/cuida.umd.js CHANGED
@@ -1 +1 @@
1
- (function(e,a){typeof exports=="object"&&typeof module<"u"?module.exports=a(require("vue")):typeof define=="function"&&define.amd?define(["vue"],a):(e=typeof globalThis<"u"?globalThis:e||self,e["@sysvale/cuida"]=a(e.Vue))})(this,function(e){"use strict";const a=e.defineComponent({props:{variant:{type:String,default:"gray"}},data(){return{predefinedColors:["turquoise","green","blue","indigo","violet","pink","red","orange","amber","gray"]}},computed:{predefinedStyle(){return this.predefinedColors.indexOf(this.variant)>-1?`badge--${this.variant}`:"badge--gray"}}}),S="",d=(t,o)=>{const n=t.__vccOpts||t;for(const[r,l]of o)n[r]=l;return n},i={class:"badge__content"};function c(t,o,n,r,l,s){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["badge__container",t.predefinedStyle])},[e.createElementVNode("div",i,[e.renderSlot(t.$slots,"default",{},void 0,!0)])],2)}const _=d(a,[["render",c],["__scopeId","data-v-c17276fb"]]),h="",u={props:{title:{type:String,default:"T\xEDtulo do AlertCard",required:!0},text:{type:String,default:"Subt\xEDtulo do AlertCard",required:!0},image:{type:String,default:"",required:!0},imageDescription:{type:String,default:"Imagem de CalloutCard"},actionButtonVariant:{type:String,default:"green"},actionButtonText:{type:String,default:"Ok"},actionButtonSecondary:{type:Boolean,default:!1},actionButtonDisabled:{type:Boolean,default:!1},compact:{type:Boolean,default:!1}},methods:{resolveClass(t){return this.compact?`${t}--compact`:t}}},f={id:"callout-card"},m={class:"image__container"},p=["src","alt"],g={class:"content__title"},y={class:"content__text"};function C(t,o,n,r,l,s){const b=e.resolveComponent("cds-button");return e.openBlock(),e.createElementBlock("span",f,[e.createElementVNode("div",{class:e.normalizeClass(s.resolveClass("callout-card__container"))},[e.createElementVNode("div",m,[e.createElementVNode("img",{class:e.normalizeClass(s.resolveClass("image__content")),src:n.image,alt:n.imageDescription},null,10,p)]),e.createElementVNode("div",{class:e.normalizeClass(s.resolveClass("content__container"))},[e.createElementVNode("div",{class:e.normalizeClass(s.resolveClass("content"))},[e.createElementVNode("span",g,e.toDisplayString(n.title),1),e.createElementVNode("span",y,[e.renderSlot(t.$slots,"text",{},()=>[e.createTextVNode(e.toDisplayString(n.text),1)])])],2),e.createElementVNode("div",null,[e.renderSlot(t.$slots,"action",{},()=>[e.createVNode(b,{id:"content-button",variant:n.actionButtonVariant,text:n.actionButtonText,secondary:n.actionButtonSecondary,disabled:n.actionButtonDisabled,onClick:o[0]||(o[0]=V=>t.$emit("action-button-click"))},null,8,["variant","text","secondary","disabled"])])])],2)],2)])}const B=d(u,[["render",C]]);return{install:(t,o)=>{t.component("CdsBadge",_),t.component("CdsCalloutCard",B)}}});
1
+ (function(e,r){typeof exports=="object"&&typeof module<"u"?module.exports=r(require("vue")):typeof define=="function"&&define.amd?define(["vue"],r):(e=typeof globalThis<"u"?globalThis:e||self,e["@sysvale/cuida"]=r(e.Vue))})(this,function(e){"use strict";const r=e.defineComponent({props:{variant:{type:String,default:"gray"}},data(){return{predefinedColors:["turquoise","green","blue","indigo","violet","pink","red","orange","amber","gray"]}},computed:{predefinedStyle(){return this.predefinedColors.indexOf(this.variant)>-1?`badge--${this.variant}`:"badge--gray"}}}),D="",c=(n,a)=>{const t=n.__vccOpts||n;for(const[s,i]of a)t[s]=i;return t},f={class:"badge__content"};function u(n,a,t,s,i,o){return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(["badge__container",n.predefinedStyle])},[e.createElementVNode("div",f,[e.renderSlot(n.$slots,"default",{},void 0,!0)])],2)}const m=c(r,[["render",u],["__scopeId","data-v-c17276fb"]]),T="",g={data(){return{predefinedColors:["teal","green","blue","indigo","violet","pink","red","orange","amber"],predefinedSizes:["sm","md","lg"]}},props:{variant:{type:String,default:"green"},size:{type:String,default:"md"},text:{type:String,default:"Lorem ipsum"},disabled:{type:Boolean,default:!1},secondary:{type:Boolean,default:!1}},computed:{predefinedColor(){return this.secondary?"button--secondary":this.predefinedColors.indexOf(this.variant)>-1?`button--${this.variant}`:"button--green"},predefinedSize(){return this.predefinedSizes.indexOf(this.size)>-1?`button-size--${this.size}`:"button-size--md"},computedStyle(){const n=this.disabled?"--disabled":"--active";return`${this.predefinedColor}${n} ${this.predefinedSize}`}},methods:{clickHandler(){this.disabled||this.$emit("click",!0)}}},y={id:"cds-button"};function p(n,a,t,s,i,o){return e.openBlock(),e.createElementBlock("span",y,[e.createElementVNode("button",{class:e.normalizeClass(["button__container",o.computedStyle]),onClick:a[0]||(a[0]=l=>o.clickHandler())},[e.renderSlot(n.$slots,"default",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)],!0)],2)])}const d=c(g,[["render",p],["__scopeId","data-v-491edd8e"]]),A="",b={props:{variant:{type:String,default:"info",required:!1},text:{type:String,default:"T\xEDtulo do AlertCard",required:!1},dismissible:{type:Boolean,default:!1,required:!1}},data(){return{icon:"warning"}},methods:{close(){this.$emit("close")}},watch:{variant(n){switch(n){case"info":this.icon="information-circle";break;case"success":this.icon="success";break;case"warning":this.icon="checkmark-circle";break;case"danger":this.icon="alert-circle";break;default:this.icon="alert-circle";break}}}},C={id:"alert"},h={class:"alert__body"},k={key:0,class:"alert__text"},B={key:1,class:"alert__text"};function S(n,a,t,s,i,o){const l=e.resolveComponent("ion-icon");return e.openBlock(),e.createElementBlock("span",C,[e.createElementVNode("div",{class:e.normalizeClass(["alert",{"alert__container--info":t.variant==="info","alert__container--success":t.variant==="success","alert__container--warning":t.variant==="warning","alert__container--danger":t.variant==="danger"}])},[e.createElementVNode("div",h,[e.createElementVNode("div",null,[e.createVNode(l,{name:i.icon,class:e.normalizeClass({"alert__icon--info":t.variant==="info","alert__icon--success":t.variant==="success","alert__icon--warning":t.variant==="warning","alert__icon--danger":t.variant==="danger"})},null,8,["name","class"])]),t.text.length>0?(e.openBlock(),e.createElementBlock("span",k,e.toDisplayString(t.text),1)):(e.openBlock(),e.createElementBlock("span",B,[e.renderSlot(n.$slots,"default",{},void 0,!0)]))]),t.dismissible?(e.openBlock(),e.createElementBlock("div",{key:0,onClick:a[0]||(a[0]=(..._)=>o.close&&o.close(..._)),class:"alert__close-button"},[e.createVNode(l,{name:"close",class:e.normalizeClass({"alert__icon--info":t.variant==="info","alert__icon--success":t.variant==="success","alert__icon--warning":t.variant==="warning","alert__icon--danger":t.variant==="danger"})},null,8,["class"])])):e.createCommentVNode("",!0)],2)])}const x=c(b,[["render",S],["__scopeId","data-v-fe53d2bd"]]),O="",V={components:{CdsButton:d},props:{title:{type:String,default:"T\xEDtulo do AlertCard",required:!0},text:{type:String,default:"Subt\xEDtulo do AlertCard",required:!0},image:{type:String,default:"",required:!0},imageDescription:{type:String,default:"Imagem de CalloutCard"},actionButtonVariant:{type:String,default:"green"},actionButtonText:{type:String,default:"Ok"},actionButtonSecondary:{type:Boolean,default:!1},actionButtonDisabled:{type:Boolean,default:!1},compact:{type:Boolean,default:!1}},methods:{resolveClass(n){return this.compact?`${n}--compact`:n}}},E={id:"callout-card"},N={class:"image__container"},z=["src","alt"],$={class:"content__title"},w={class:"content__text"};function v(n,a,t,s,i,o){const l=e.resolveComponent("cds-button");return e.openBlock(),e.createElementBlock("span",E,[e.createElementVNode("div",{class:e.normalizeClass(o.resolveClass("callout-card__container"))},[e.createElementVNode("div",N,[e.createElementVNode("img",{class:e.normalizeClass(o.resolveClass("image__content")),src:t.image,alt:t.imageDescription},null,10,z)]),e.createElementVNode("div",{class:e.normalizeClass(o.resolveClass("content__container"))},[e.createElementVNode("div",{class:e.normalizeClass(o.resolveClass("content"))},[e.createElementVNode("span",$,e.toDisplayString(t.title),1),e.createElementVNode("span",w,[e.renderSlot(n.$slots,"text",{},()=>[e.createTextVNode(e.toDisplayString(t.text),1)])])],2),e.createElementVNode("div",null,[e.renderSlot(n.$slots,"action",{},()=>[e.createVNode(l,{id:"content-button",variant:t.actionButtonVariant,text:t.actionButtonText,secondary:t.actionButtonSecondary,disabled:t.actionButtonDisabled,onClick:a[0]||(a[0]=_=>n.$emit("action-button-click"))},null,8,["variant","text","secondary","disabled"])])])],2)],2)])}const q=c(V,[["render",v]]);return{install:(n,a)=>{n.component("CdsBadge",m),n.component("CdsButton",d),n.component("CdsAlert",x),n.component("CdsCalloutCard",q)}}});
package/dist/style.css CHANGED
@@ -1 +1 @@
1
- .badge__container[data-v-c17276fb]{border-radius:50px!important;width:fit-content;padding:4px 12px}.badge__content[data-v-c17276fb]{font-size:16px!important;letter-spacing:.5px!important;font-weight:400;font-weight:500}.badge--turquoise[data-v-c17276fb]{color:#18698b;background-color:#f0faff}.badge--green[data-v-c17276fb]{color:#197155;background-color:#def7eb}.badge--blue[data-v-c17276fb]{color:#206ed9;background-color:#ecf1fe}.badge--indigo[data-v-c17276fb]{color:#3a4788;background-color:#e5eaff}.badge--violet[data-v-c17276fb]{color:#7633b2;background-color:#f8f0ff}.badge--pink[data-v-c17276fb]{color:#a52766;background-color:#ffeff9}.badge--red[data-v-c17276fb]{color:#d22d41;background-color:#ffe6e9}.badge--orange[data-v-c17276fb]{color:#f5613d;background-color:#fff3f0}.badge--amber[data-v-c17276fb]{color:#d38817;background-color:#fff1dc}.badge--gray[data-v-c17276fb]{color:#475766;background-color:#f1f5f9}#callout-card .callout-card,#callout-card .callout-card__container--compact,#callout-card .callout-card__container{display:flex;align-items:center;padding:28px;border-radius:16px;border:1px solid #D3DBE4}#callout-card .callout-card__container{width:700px}#callout-card .callout-card__container--compact{padding:8px 24px}#callout-card .callout-card__content-container{width:20%}#callout-card .image__container{margin:0 28px 0 0}#callout-card .image__content{max-width:200px;max-height:200px}#callout-card .image__content--compact{max-width:120px;max-height:90px}#callout-card .content{margin:0 0 16px}#callout-card .content--compact{max-width:529px;display:flex;flex-direction:column;justify-content:center}#callout-card .content__title{font-size:14px!important;letter-spacing:.25px!important;font-weight:400;font-weight:600;display:block;color:#36424e}#callout-card .content__text{font-size:14px!important;letter-spacing:.1px!important;font-weight:400;display:block;color:#475766}#callout-card .content__container--compact{display:flex;justify-content:space-between;width:100%;align-items:center}
1
+ .badge__container[data-v-c17276fb]{border-radius:50px!important;width:fit-content;padding:4px 12px}.badge__content[data-v-c17276fb]{font-size:16px!important;letter-spacing:.5px!important;font-weight:400;font-weight:500}.badge--turquoise[data-v-c17276fb]{color:#18698b;background-color:#f0faff}.badge--green[data-v-c17276fb]{color:#197155;background-color:#def7eb}.badge--blue[data-v-c17276fb]{color:#206ed9;background-color:#ecf1fe}.badge--indigo[data-v-c17276fb]{color:#3a4788;background-color:#e5eaff}.badge--violet[data-v-c17276fb]{color:#7633b2;background-color:#f8f0ff}.badge--pink[data-v-c17276fb]{color:#a52766;background-color:#ffeff9}.badge--red[data-v-c17276fb]{color:#d22d41;background-color:#ffe6e9}.badge--orange[data-v-c17276fb]{color:#f5613d;background-color:#fff3f0}.badge--amber[data-v-c17276fb]{color:#d38817;background-color:#fff1dc}.badge--gray[data-v-c17276fb]{color:#475766;background-color:#f1f5f9}.button--secondary--active[data-v-491edd8e],.button--secondary--active[data-v-491edd8e]:hover{background-color:#fafcfe;color:#36424e;border:1px solid #BCC7D2!important}.button--secondary--active[data-v-491edd8e]:hover{background-color:#f1f5f9}.button--secondary--disabled[data-v-491edd8e]{cursor:default!important;background-color:#fafcfe;color:#8b99a7;border:1px solid #E2EAF3!important}.button__container[data-v-491edd8e]{font-weight:600;border:none;cursor:pointer}.button__container[data-v-491edd8e]:focus{outline:none!important}.button--teal--active[data-v-491edd8e]{background-color:#3cacdd;color:#fff}.button--teal--active[data-v-491edd8e]:hover{background-color:#26a3d9;color:#fff}.button--teal--disabled[data-v-491edd8e]{background-color:#7bd0f4;color:#fff}.button--teal--disabled[data-v-491edd8e]{cursor:default}.button--green--active[data-v-491edd8e]{background-color:#2ac092;color:#fff}.button--green--active[data-v-491edd8e]:hover{background-color:#25ab82;color:#fff}.button--green--disabled[data-v-491edd8e]{background-color:#6ddfbc;color:#fff}.button--green--disabled[data-v-491edd8e]{cursor:default}.button--blue--active[data-v-491edd8e]{background-color:#377ee1;color:#fff}.button--blue--active[data-v-491edd8e]:hover{background-color:#2170dd;color:#fff}.button--blue--disabled[data-v-491edd8e]{background-color:#83afec;color:#fff}.button--blue--disabled[data-v-491edd8e]{cursor:default}.button--indigo--active[data-v-491edd8e]{background-color:#6174d1;color:#fff}.button--indigo--active[data-v-491edd8e]:hover{background-color:#4d63cb;color:#fff}.button--indigo--disabled[data-v-491edd8e]{background-color:#aab7f8;color:#fff}.button--indigo--disabled[data-v-491edd8e]{cursor:default}.button--violet--active[data-v-491edd8e]{background-color:#a169d3;color:#fff}.button--violet--active[data-v-491edd8e]:hover{background-color:#9555cd;color:#fff}.button--violet--disabled[data-v-491edd8e]{background-color:#ceabed;color:#fff}.button--violet--disabled[data-v-491edd8e]{cursor:default}.button--pink--active[data-v-491edd8e]{background-color:#dd5a9c;color:#fff}.button--pink--active[data-v-491edd8e]:hover{background-color:#d9458f;color:#fff}.button--pink--disabled[data-v-491edd8e]{background-color:#ef8fc0;color:#fff}.button--pink--disabled[data-v-491edd8e]{cursor:default}.button--red--active[data-v-491edd8e]{background-color:#f95367;color:#fff}.button--red--active[data-v-491edd8e]:hover{background-color:#f83a51;color:#fff}.button--red--disabled[data-v-491edd8e]{background-color:#f797a3;color:#fff}.button--red--disabled[data-v-491edd8e]{cursor:default}.button--orange--active[data-v-491edd8e]{background-color:#ff8567;color:#fff}.button--orange--active[data-v-491edd8e]:hover{background-color:#ff714e;color:#fff}.button--orange--disabled[data-v-491edd8e]{background-color:#fdaf9b;color:#fff}.button--orange--disabled[data-v-491edd8e]{cursor:default}.button--amber--active[data-v-491edd8e]{background-color:#ffb952;color:#fff}.button--amber--active[data-v-491edd8e]:hover{background-color:#ffaf39;color:#fff}.button--amber--disabled[data-v-491edd8e]{background-color:#fdcd87;color:#fff}.button--amber--disabled[data-v-491edd8e]{cursor:default}.button-size--sm[data-v-491edd8e]{font-size:12px;padding:8px 16px;border-radius:6px}.button-size--md[data-v-491edd8e]{font-size:14px;padding:12px 24px;border-radius:8px}.button-size--lg[data-v-491edd8e]{font-size:18px;padding:12px 24px;border-radius:8px}#alert .alert[data-v-fe53d2bd],#alert .alert__container[data-v-fe53d2bd],#alert .alert__container--danger[data-v-fe53d2bd],#alert .alert__container--warning[data-v-fe53d2bd],#alert .alert__container--success[data-v-fe53d2bd],#alert .alert__container--info[data-v-fe53d2bd]{display:flex;align-items:center;justify-content:space-between;padding:16px;border-radius:8px}#alert .alert__body[data-v-fe53d2bd]{display:flex}#alert .alert__container--info[data-v-fe53d2bd]{outline:2px solid #ecf1fe;background-color:#f8fafe;color:#1b59b1}#alert .alert__container--success[data-v-fe53d2bd]{outline:2px solid #def7eb;background-color:#f3fcf8;color:#197155}#alert .alert__container--warning[data-v-fe53d2bd]{outline:2px solid #fff1dc;background-color:#fefbf5;color:#a56a12}#alert .alert__container--danger[data-v-fe53d2bd]{outline:2px solid #ffe6e9;background-color:#fef5f6;color:#d22d41}#alert .alert__icon[data-v-fe53d2bd],#alert .alert__icon--danger[data-v-fe53d2bd],#alert .alert__icon--warning[data-v-fe53d2bd],#alert .alert__icon--success[data-v-fe53d2bd],#alert .alert__icon--info[data-v-fe53d2bd]{margin-top:2px}#alert .alert__icon--info[data-v-fe53d2bd]{color:#1b59b1}#alert .alert__icon--success[data-v-fe53d2bd]{color:#197155}#alert .alert__icon--warning[data-v-fe53d2bd]{color:#a56a12}#alert .alert__icon--danger[data-v-fe53d2bd]{color:#d22d41}#alert .alert__text[data-v-fe53d2bd]{margin:0 0 0 8px;font-size:14px!important;letter-spacing:.1px!important;font-weight:400;font-weight:500}#alert .alert__close-button[data-v-fe53d2bd]{display:flex;cursor:pointer}#callout-card .callout-card,#callout-card .callout-card__container--compact,#callout-card .callout-card__container{display:flex;align-items:center;padding:28px;border-radius:16px;border:1px solid #D3DBE4}#callout-card .callout-card__container{width:700px}#callout-card .callout-card__container--compact{padding:8px 24px}#callout-card .callout-card__content-container{width:20%}#callout-card .image__container{margin:0 28px 0 0}#callout-card .image__content{max-width:200px;max-height:200px}#callout-card .image__content--compact{max-width:120px;max-height:90px}#callout-card .content{margin:0 0 16px}#callout-card .content--compact{max-width:529px;display:flex;flex-direction:column;justify-content:center}#callout-card .content__title{font-size:14px!important;letter-spacing:.25px!important;font-weight:400;font-weight:600;display:block;color:#36424e}#callout-card .content__text{font-size:14px!important;letter-spacing:.1px!important;font-weight:400;display:block;color:#475766}#callout-card .content__container--compact{display:flex;justify-content:space-between;width:100%;align-items:center}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sysvale/cuida",
3
- "version": "3.0.0-alpha7",
3
+ "version": "3.0.0-alpha9",
4
4
  "description": "A design system built by Sysvale, using storybook and Vue components",
5
5
  "repository": {
6
6
  "type": "git",
@@ -28,6 +28,7 @@
28
28
  "test": "vitest"
29
29
  },
30
30
  "dependencies": {
31
+ "ionicons": "^6.0.3",
31
32
  "vue": "^3.2.37"
32
33
  },
33
34
  "devDependencies": {
@@ -53,4 +54,4 @@
53
54
  "vue-loader": "^16.8.3",
54
55
  "vue-tsc": "^0.38.4"
55
56
  }
56
- }
57
+ }