@useinsider/guido 1.0.0-beta.83deaec → 1.0.0-beta.8861b13

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 (70) hide show
  1. package/README.md +17 -17
  2. package/dist/components/Guido.vue.d.ts +0 -4
  3. package/dist/components/Guido.vue.js +8 -8
  4. package/dist/components/Guido.vue2.js +18 -34
  5. package/dist/components/organisms/{header/HeaderWrapper.vue.js → top-bar/Header.vue.js} +7 -7
  6. package/dist/components/organisms/top-bar/Header.vue2.js +14 -0
  7. package/dist/components/organisms/{header/LeftSlot.vue.js → top-bar/HeaderLeftSlot.vue.js} +7 -7
  8. package/dist/components/organisms/top-bar/HeaderLeftSlot.vue2.js +11 -0
  9. package/dist/components/organisms/top-bar/HeaderMiddleSlot.vue.js +17 -0
  10. package/dist/components/organisms/top-bar/HeaderMiddleSlot.vue2.js +19 -0
  11. package/dist/components/organisms/top-bar/HeaderRightSlot.vue.js +18 -0
  12. package/dist/components/organisms/top-bar/HeaderRightSlot.vue2.js +14 -0
  13. package/dist/components/organisms/{header/ViewOptions.vue.js → top-bar/HeaderViewOptions.vue.js} +5 -5
  14. package/dist/components/organisms/{header/ViewOptions.vue2.js → top-bar/HeaderViewOptions.vue2.js} +3 -3
  15. package/dist/composables/useStripo.d.ts +2 -2
  16. package/dist/composables/useStripo.js +55 -48
  17. package/dist/composables/useToaster.d.ts +0 -1
  18. package/dist/composables/useToaster.js +16 -24
  19. package/dist/enums/defaults.d.ts +0 -2
  20. package/dist/enums/defaults.js +3 -5
  21. package/dist/guido.css +1 -1
  22. package/dist/node_modules/pinia/dist/pinia.js +314 -0
  23. package/dist/node_modules/pinia/node_modules/vue-demi/lib/index.js +11 -0
  24. package/dist/static/editor.css.js +22 -72
  25. package/dist/stores/editor.d.ts +0 -2
  26. package/dist/stores/editor.js +2 -4
  27. package/package.json +1 -1
  28. package/dist/components/organisms/base/ModalWrapper.vue.d.ts +0 -72
  29. package/dist/components/organisms/base/ModalWrapper.vue.js +0 -19
  30. package/dist/components/organisms/base/ModalWrapper.vue2.js +0 -43
  31. package/dist/components/organisms/header/HeaderWrapper.vue2.js +0 -14
  32. package/dist/components/organisms/header/LeftSlot.vue2.js +0 -11
  33. package/dist/components/organisms/header/MiddleSlot.vue.js +0 -17
  34. package/dist/components/organisms/header/MiddleSlot.vue2.js +0 -20
  35. package/dist/components/organisms/header/RightSlot.vue.d.ts +0 -2
  36. package/dist/components/organisms/header/RightSlot.vue.js +0 -20
  37. package/dist/components/organisms/header/RightSlot.vue2.js +0 -26
  38. package/dist/components/organisms/header/version-history/VersionHistory.vue.d.ts +0 -2
  39. package/dist/components/organisms/header/version-history/VersionHistory.vue.js +0 -22
  40. package/dist/components/organisms/header/version-history/VersionHistory.vue2.js +0 -15
  41. package/dist/components/organisms/header/version-history/VersionHistoryItem.vue.d.ts +0 -16
  42. package/dist/components/organisms/header/version-history/VersionHistoryItem.vue.js +0 -18
  43. package/dist/components/organisms/header/version-history/VersionHistoryItem.vue2.js +0 -16
  44. package/dist/components/organisms/header/version-history/ViewOptions.vue.js +0 -18
  45. package/dist/components/organisms/header/version-history/ViewOptions.vue2.js +0 -23
  46. package/dist/components/organisms/save-template/SaveTemplateModal.vue.d.ts +0 -21
  47. package/dist/components/organisms/save-template/SaveTemplateModal.vue.js +0 -22
  48. package/dist/components/organisms/save-template/SaveTemplateModal.vue2.js +0 -81
  49. package/dist/composables/useHttp.js +0 -84
  50. package/dist/composables/usePartner.d.ts +0 -4
  51. package/dist/composables/usePartner.js +0 -16
  52. package/dist/composables/useTemplateCategories.d.ts +0 -38
  53. package/dist/composables/useTemplateCategories.js +0 -80
  54. package/dist/composables/useTemplateValidation.d.ts +0 -13
  55. package/dist/composables/useTemplateValidation.js +0 -57
  56. package/dist/composables/useVersionHistoryApi.d.ts +0 -8
  57. package/dist/composables/useVersionHistoryApi.js +0 -53
  58. package/dist/mock/api/custom-fonts.d.ts +0 -2
  59. package/dist/mock/api/template-library.d.ts +0 -2
  60. package/dist/services/stripoApi.d.ts +0 -7
  61. package/dist/services/stripoApi.js +0 -29
  62. package/dist/stores/version-history.d.ts +0 -80
  63. package/dist/stores/version-history.js +0 -28
  64. package/dist/utils/dateUtil.d.ts +0 -1
  65. package/dist/utils/dateUtil.js +0 -16
  66. /package/dist/components/organisms/{header/HeaderWrapper.vue.d.ts → top-bar/Header.vue.d.ts} +0 -0
  67. /package/dist/components/organisms/{header/LeftSlot.vue.d.ts → top-bar/HeaderLeftSlot.vue.d.ts} +0 -0
  68. /package/dist/components/organisms/{header/ViewOptions.vue.d.ts → top-bar/HeaderMiddleSlot.vue.d.ts} +0 -0
  69. /package/dist/components/organisms/{header/MiddleSlot.vue.d.ts → top-bar/HeaderRightSlot.vue.d.ts} +0 -0
  70. /package/dist/components/organisms/{header/version-history/ViewOptions.vue.d.ts → top-bar/HeaderViewOptions.vue.d.ts} +0 -0
@@ -0,0 +1,314 @@
1
+ import { hasInjectionContext as ut } from "../node_modules/vue-demi/lib/index.js";
2
+ import { inject as at, getCurrentInstance as it, set as O, ref as K, reactive as ft, markRaw as j, effectScope as _t, isRef as I, isReactive as J, toRef as T, del as A, nextTick as B, computed as tt, getCurrentScope as lt, onScopeDispose as Et, watch as pt, toRefs as Q } from "vue";
3
+ /*!
4
+ * pinia v2.3.1
5
+ * (c) 2025 Eduardo San Martin Morote
6
+ * @license MIT
7
+ */
8
+ let R;
9
+ const $ = (t) => R = t, dt = process.env.NODE_ENV !== "production" ? Symbol("pinia") : (
10
+ /* istanbul ignore next */
11
+ Symbol()
12
+ );
13
+ function V(t) {
14
+ return t && typeof t == "object" && Object.prototype.toString.call(t) === "[object Object]" && typeof t.toJSON != "function";
15
+ }
16
+ var x;
17
+ (function(t) {
18
+ t.direct = "direct", t.patchObject = "patch object", t.patchFunction = "patch function";
19
+ })(x || (x = {}));
20
+ const C = typeof window < "u";
21
+ function et(t, c) {
22
+ for (const r in c) {
23
+ const s = c[r];
24
+ if (!(r in t))
25
+ continue;
26
+ const u = t[r];
27
+ V(u) && V(s) && !I(s) && !J(s) ? t[r] = et(u, s) : O(t, r, s);
28
+ }
29
+ return t;
30
+ }
31
+ const ot = () => {
32
+ };
33
+ function X(t, c, r, s = ot) {
34
+ t.push(c);
35
+ const u = () => {
36
+ const f = t.indexOf(c);
37
+ f > -1 && (t.splice(f, 1), s());
38
+ };
39
+ return !r && lt() && Et(u), u;
40
+ }
41
+ function g(t, ...c) {
42
+ t.slice().forEach((r) => {
43
+ r(...c);
44
+ });
45
+ }
46
+ const ht = (t) => t(), Y = Symbol(), W = Symbol();
47
+ function H(t, c) {
48
+ t instanceof Map && c instanceof Map ? c.forEach((r, s) => t.set(s, r)) : t instanceof Set && c instanceof Set && c.forEach(t.add, t);
49
+ for (const r in c) {
50
+ if (!c.hasOwnProperty(r))
51
+ continue;
52
+ const s = c[r], u = t[r];
53
+ V(u) && V(s) && t.hasOwnProperty(r) && !I(s) && !J(s) ? t[r] = H(u, s) : t[r] = s;
54
+ }
55
+ return t;
56
+ }
57
+ const Nt = process.env.NODE_ENV !== "production" ? Symbol("pinia:skipHydration") : (
58
+ /* istanbul ignore next */
59
+ Symbol()
60
+ );
61
+ function vt(t) {
62
+ return !V(t) || !t.hasOwnProperty(Nt);
63
+ }
64
+ const { assign: y } = Object;
65
+ function Z(t) {
66
+ return !!(I(t) && t.effect);
67
+ }
68
+ function G(t, c, r, s) {
69
+ const { state: u, actions: f, getters: E } = c, i = r.state.value[t];
70
+ let b;
71
+ function N() {
72
+ !i && (process.env.NODE_ENV === "production" || !s) && O(r.state.value, t, u ? u() : {});
73
+ const p = process.env.NODE_ENV !== "production" && s ? (
74
+ // use ref() to unwrap refs inside state TODO: check if this is still necessary
75
+ Q(K(u ? u() : {}).value)
76
+ ) : Q(r.state.value[t]);
77
+ return y(p, f, Object.keys(E || {}).reduce((_, l) => (process.env.NODE_ENV !== "production" && l in p && console.warn(`[🍍]: A getter cannot have the same name as another state property. Rename one of them. Found with "${l}" in store "${t}".`), _[l] = j(tt(() => {
78
+ $(r);
79
+ const v = r._s.get(t);
80
+ if (v._r)
81
+ return E[l].call(v, v);
82
+ })), _), {}));
83
+ }
84
+ return b = M(t, N, c, r, s, !0), b;
85
+ }
86
+ function M(t, c, r = {}, s, u, f) {
87
+ let E;
88
+ const i = y({ actions: {} }, r);
89
+ if (process.env.NODE_ENV !== "production" && !s._e.active)
90
+ throw new Error("Pinia destroyed");
91
+ const b = { deep: !0 };
92
+ process.env.NODE_ENV;
93
+ let N, p, _ = [], l = [], v;
94
+ const D = s.state.value[t];
95
+ !f && !D && (process.env.NODE_ENV === "production" || !u) && O(s.state.value, t, {});
96
+ const w = K({});
97
+ let q;
98
+ function z(o) {
99
+ let e;
100
+ N = p = !1, process.env.NODE_ENV !== "production" && (v = []), typeof o == "function" ? (o(s.state.value[t]), e = {
101
+ type: x.patchFunction,
102
+ storeId: t,
103
+ events: v
104
+ }) : (H(s.state.value[t], o), e = {
105
+ type: x.patchObject,
106
+ payload: o,
107
+ storeId: t,
108
+ events: v
109
+ });
110
+ const a = q = Symbol();
111
+ B().then(() => {
112
+ q === a && (N = !0);
113
+ }), p = !0, g(_, e, s.state.value[t]);
114
+ }
115
+ const st = f ? function() {
116
+ const { state: e } = r, a = e ? e() : {};
117
+ this.$patch((d) => {
118
+ y(d, a);
119
+ });
120
+ } : (
121
+ /* istanbul ignore next */
122
+ process.env.NODE_ENV !== "production" ? () => {
123
+ throw new Error(`🍍: Store "${t}" is built using the setup syntax and does not implement $reset().`);
124
+ } : ot
125
+ );
126
+ function nt() {
127
+ E.stop(), _ = [], l = [], s._s.delete(t);
128
+ }
129
+ const k = (o, e = "") => {
130
+ if (Y in o)
131
+ return o[W] = e, o;
132
+ const a = function() {
133
+ $(s);
134
+ const d = Array.from(arguments), P = [], F = [];
135
+ function rt(h) {
136
+ P.push(h);
137
+ }
138
+ function ct(h) {
139
+ F.push(h);
140
+ }
141
+ g(l, {
142
+ args: d,
143
+ name: a[W],
144
+ store: n,
145
+ after: rt,
146
+ onError: ct
147
+ });
148
+ let S;
149
+ try {
150
+ S = o.apply(this && this.$id === t ? this : n, d);
151
+ } catch (h) {
152
+ throw g(F, h), h;
153
+ }
154
+ return S instanceof Promise ? S.then((h) => (g(P, h), h)).catch((h) => (g(F, h), Promise.reject(h))) : (g(P, S), S);
155
+ };
156
+ return a[Y] = !0, a[W] = e, a;
157
+ }, L = /* @__PURE__ */ j({
158
+ actions: {},
159
+ getters: {},
160
+ state: [],
161
+ hotState: w
162
+ }), U = {
163
+ _p: s,
164
+ // _s: scope,
165
+ $id: t,
166
+ $onAction: X.bind(null, l),
167
+ $patch: z,
168
+ $reset: st,
169
+ $subscribe(o, e = {}) {
170
+ const a = X(_, o, e.detached, () => d()), d = E.run(() => pt(() => s.state.value[t], (P) => {
171
+ (e.flush === "sync" ? p : N) && o({
172
+ storeId: t,
173
+ type: x.direct,
174
+ events: v
175
+ }, P);
176
+ }, y({}, b, e)));
177
+ return a;
178
+ },
179
+ $dispose: nt
180
+ };
181
+ U._r = !1;
182
+ const n = ft(process.env.NODE_ENV !== "production" || (process.env.NODE_ENV !== "production" || typeof __VUE_PROD_DEVTOOLS__ < "u" && __VUE_PROD_DEVTOOLS__) && process.env.NODE_ENV !== "test" && C ? y(
183
+ {
184
+ _hmrPayload: L,
185
+ _customProperties: j(/* @__PURE__ */ new Set())
186
+ // devtools custom properties
187
+ },
188
+ U
189
+ // must be added later
190
+ // setupStore
191
+ ) : U);
192
+ s._s.set(t, n);
193
+ const m = (s._a && s._a.runWithContext || ht)(() => s._e.run(() => (E = _t()).run(() => c({ action: k }))));
194
+ for (const o in m) {
195
+ const e = m[o];
196
+ if (I(e) && !Z(e) || J(e))
197
+ process.env.NODE_ENV !== "production" && u ? O(w.value, o, T(m, o)) : f || (D && vt(e) && (I(e) ? e.value = D[o] : H(e, D[o])), O(s.state.value[t], o, e)), process.env.NODE_ENV !== "production" && L.state.push(o);
198
+ else if (typeof e == "function") {
199
+ const a = process.env.NODE_ENV !== "production" && u ? e : k(e, o);
200
+ O(m, o, a), process.env.NODE_ENV !== "production" && (L.actions[o] = e), i.actions[o] = e;
201
+ } else process.env.NODE_ENV !== "production" && Z(e) && (L.getters[o] = f ? (
202
+ // @ts-expect-error
203
+ r.getters[o]
204
+ ) : e, C && (m._getters || // @ts-expect-error: same
205
+ (m._getters = j([]))).push(o));
206
+ }
207
+ if (Object.keys(m).forEach((o) => {
208
+ O(n, o, m[o]);
209
+ }), Object.defineProperty(n, "$state", {
210
+ get: () => process.env.NODE_ENV !== "production" && u ? w.value : s.state.value[t],
211
+ set: (o) => {
212
+ if (process.env.NODE_ENV !== "production" && u)
213
+ throw new Error("cannot set hotState");
214
+ z((e) => {
215
+ y(e, o);
216
+ });
217
+ }
218
+ }), process.env.NODE_ENV !== "production" && (n._hotUpdate = j((o) => {
219
+ n._hotUpdating = !0, o._hmrPayload.state.forEach((e) => {
220
+ if (e in n.$state) {
221
+ const a = o.$state[e], d = n.$state[e];
222
+ typeof a == "object" && V(a) && V(d) ? et(a, d) : o.$state[e] = d;
223
+ }
224
+ O(n, e, T(o.$state, e));
225
+ }), Object.keys(n.$state).forEach((e) => {
226
+ e in o.$state || A(n, e);
227
+ }), N = !1, p = !1, s.state.value[t] = T(o._hmrPayload, "hotState"), p = !0, B().then(() => {
228
+ N = !0;
229
+ });
230
+ for (const e in o._hmrPayload.actions) {
231
+ const a = o[e];
232
+ O(n, e, k(a, e));
233
+ }
234
+ for (const e in o._hmrPayload.getters) {
235
+ const a = o._hmrPayload.getters[e], d = f ? (
236
+ // special handling of options api
237
+ tt(() => ($(s), a.call(n, n)))
238
+ ) : a;
239
+ O(n, e, d);
240
+ }
241
+ Object.keys(n._hmrPayload.getters).forEach((e) => {
242
+ e in o._hmrPayload.getters || A(n, e);
243
+ }), Object.keys(n._hmrPayload.actions).forEach((e) => {
244
+ e in o._hmrPayload.actions || A(n, e);
245
+ }), n._hmrPayload = o._hmrPayload, n._getters = o._getters, n._hotUpdating = !1;
246
+ })), (process.env.NODE_ENV !== "production" || typeof __VUE_PROD_DEVTOOLS__ < "u" && __VUE_PROD_DEVTOOLS__) && process.env.NODE_ENV !== "test" && C) {
247
+ const o = {
248
+ writable: !0,
249
+ configurable: !0,
250
+ // avoid warning on devtools trying to display this property
251
+ enumerable: !1
252
+ };
253
+ ["_p", "_hmrPayload", "_getters", "_customProperties"].forEach((e) => {
254
+ Object.defineProperty(n, e, y({ value: n[e] }, o));
255
+ });
256
+ }
257
+ return n._r = !0, s._p.forEach((o) => {
258
+ if ((process.env.NODE_ENV !== "production" || typeof __VUE_PROD_DEVTOOLS__ < "u" && __VUE_PROD_DEVTOOLS__) && process.env.NODE_ENV !== "test" && C) {
259
+ const e = E.run(() => o({
260
+ store: n,
261
+ app: s._a,
262
+ pinia: s,
263
+ options: i
264
+ }));
265
+ Object.keys(e || {}).forEach((a) => n._customProperties.add(a)), y(n, e);
266
+ } else
267
+ y(n, E.run(() => o({
268
+ store: n,
269
+ app: s._a,
270
+ pinia: s,
271
+ options: i
272
+ })));
273
+ }), process.env.NODE_ENV !== "production" && n.$state && typeof n.$state == "object" && typeof n.$state.constructor == "function" && !n.$state.constructor.toString().includes("[native code]") && console.warn(`[🍍]: The "state" must be a plain object. It cannot be
274
+ state: () => new MyClass()
275
+ Found in store "${n.$id}".`), D && f && r.hydrate && r.hydrate(n.$state, D), N = !0, p = !0, n;
276
+ }
277
+ /*! #__NO_SIDE_EFFECTS__ */
278
+ // @__NO_SIDE_EFFECTS__
279
+ function mt(t, c, r) {
280
+ let s, u;
281
+ const f = typeof c == "function";
282
+ s = t, u = f ? r : c;
283
+ function E(i, b) {
284
+ const N = ut();
285
+ if (i = // in test mode, ignore the argument provided as we can always retrieve a
286
+ // pinia instance with getActivePinia()
287
+ (process.env.NODE_ENV === "test" && R && R._testing ? null : i) || (N ? at(dt, null) : null), i && $(i), process.env.NODE_ENV !== "production" && !R)
288
+ throw new Error(`[🍍]: "getActivePinia()" was called but there was no active Pinia. Are you trying to use a store before calling "app.use(pinia)"?
289
+ See https://pinia.vuejs.org/core-concepts/outside-component-usage.html for help.
290
+ This will fail in production.`);
291
+ i = R, i._s.has(s) || (f ? M(s, c, u, i) : G(s, u, i), process.env.NODE_ENV !== "production" && (E._pinia = i));
292
+ const p = i._s.get(s);
293
+ if (process.env.NODE_ENV !== "production" && b) {
294
+ const _ = "__hot:" + s, l = f ? M(_, c, u, i, !0) : G(_, y({}, u), i, !0);
295
+ b._hotUpdate(l), delete i.state.value[_], i._s.delete(_);
296
+ }
297
+ if (process.env.NODE_ENV !== "production" && C) {
298
+ const _ = it();
299
+ if (_ && _.proxy && // avoid adding stores that are just built for hot module replacement
300
+ !b) {
301
+ const l = _.proxy, v = "_pStores" in l ? l._pStores : l._pStores = {};
302
+ v[s] = p;
303
+ }
304
+ }
305
+ return p;
306
+ }
307
+ return E.$id = s, E;
308
+ }
309
+ export {
310
+ x as MutationType,
311
+ mt as defineStore,
312
+ $ as setActivePinia,
313
+ vt as shouldHydrate
314
+ };
@@ -0,0 +1,11 @@
1
+ import t, { getCurrentInstance as e } from "vue";
2
+ export * from "vue";
3
+ import { default as f } from "vue";
4
+ t.util.warn;
5
+ function n() {
6
+ return !!e();
7
+ }
8
+ export {
9
+ f as Vue,
10
+ n as hasInjectionContext
11
+ };
@@ -1,36 +1,22 @@
1
1
  const n = `:host {
2
- --guido-color-white: #FFFFFF;
3
- --guido-color-primary-500: #0A2ECC;
4
- --guido-color-primary-100: #DAE1FB;
5
- --guido-color-gray-800: #292929;
6
- --guido-color-gray-300: #E1E1E1;
2
+ --guido-primary-color: #0a2ecc;
7
3
  }
8
4
 
9
5
  .label {
10
6
  font-size: 13px;
11
- color: var(--guido-color-gray-800);
7
+ color: #292929;
12
8
  }
13
9
 
14
10
  .stacked-panel-title {
15
- padding: 16px;
16
- font-size: 16px;
11
+ font-size: 18px;
17
12
  font-weight: 600;
18
- color: var(--guido-color-gray-800);
19
- text-align: left;
13
+ color: #2c3546
20
14
  }
21
15
 
22
16
  .stacked-panel-item {
23
17
  border-radius: 4px;
24
18
  border: 1px solid #dcdfe6;
25
- box-shadow: 0 0 0 0 var(--guido-color-gray-300),0 15px 35px -5px rgba(0, 0, 0, .1),0 8px 10px -6px rgba(0, 0, 0, .1);
26
- }
27
-
28
- .container {
29
- padding: 16px;
30
- }
31
-
32
- .container.parent-container>.container {
33
- padding: 0 16px;
19
+ box-shadow: 0 0 0 0 #e1e1e1,0 15px 35px -5px rgba(0, 0, 0, .1),0 8px 10px -6px rgba(0, 0, 0, .1)
34
20
  }
35
21
 
36
22
  /** SEGMENT BUTTON */
@@ -57,7 +43,7 @@ ue-switcher input:before {
57
43
  }
58
44
 
59
45
  .tabs-header button ue-icon-component.icon-button {
60
- color: var(--guido-color-gray-800);
46
+ color: #2c3546;
61
47
  }
62
48
 
63
49
  .tabs-header button:not(:last-child),
@@ -74,13 +60,13 @@ ue-switcher input:before {
74
60
  }
75
61
 
76
62
  .tabs-header button.checked {
77
- background-color: var(--guido-color-primary-100);
78
- color: var(--guido-color-primary-500);
79
- border-color: var(--guido-color-primary-500);
63
+ background-color: #c2ddff;
64
+ color: var(--guido-primary-color);
65
+ border-color: var(--guido-primary-color);
80
66
  }
81
67
 
82
68
  .tabs-header button.checked ue-icon-component.icon-button {
83
- color: var(--guido-color-primary-500);
69
+ color: var(--guido-primary-color);
84
70
  }
85
71
  /** SEGMENT BUTTON */
86
72
 
@@ -108,7 +94,7 @@ ue-switcher input:before {
108
94
  }
109
95
 
110
96
  .button-group .button ue-icon-component.icon-button {
111
- color: var(--guido-color-gray-800);
97
+ color: #2c3546;
112
98
  }
113
99
 
114
100
  .button-group > div:first-of-type .button {
@@ -121,14 +107,14 @@ ue-switcher input:before {
121
107
 
122
108
  ue-check-buttons input:checked + .button,
123
109
  ue-radio-buttons input:checked + .button {
124
- background-color: var(--guido-color-primary-100);
125
- color: var(--guido-color-primary-500);
126
- border-color: var(--guido-color-primary-500);
110
+ background-color: #c2ddff;
111
+ color: var(--guido-primary-color);
112
+ border-color: var(--guido-primary-color);
127
113
  }
128
114
 
129
115
  ue-check-buttons input:checked + .button ue-icon-component.icon-button,
130
116
  ue-radio-buttons input:checked + .button ue-icon-component.icon-button {
131
- color: var(--guido-color-primary-500);
117
+ color: var(--guido-primary-color);
132
118
  }
133
119
  /** BUTTON GROUP */
134
120
 
@@ -141,12 +127,12 @@ ue-radio-buttons input:checked + .button ue-icon-component.icon-button {
141
127
 
142
128
  .button[role="combobox"] {
143
129
  background-color: #f9f9f9;
144
- border: 1px solid var(--guido-color-gray-300);
130
+ border: 1px solid #e1e1e1;
145
131
  border-radius: 4px;
146
132
  box-shadow: none;
147
133
  min-height: 42px;
148
134
  padding: 8px;
149
- color: var(--guido-color-gray-800);
135
+ color: #292929;
150
136
  text-align: left;
151
137
  outline: none;
152
138
  white-space: nowrap;
@@ -156,25 +142,25 @@ ue-radio-buttons input:checked + .button ue-icon-component.icon-button {
156
142
 
157
143
  .button[role="combobox"].on {
158
144
  background-color: #f9f9f9;
159
- border-color: var(--guido-color-primary-500);
145
+ border-color: var(--guido-primary-color);
160
146
  box-shadow: 0 0 0 3px #b5c1f1 !important;
161
147
  }
162
148
  /** COMBOBOX */
163
149
 
164
150
  /** BASE INPUT */
165
151
  .base-input {
166
- border: 1px solid var(--guido-color-gray-300);
152
+ border: 1px solid #e1e1e1;
167
153
  border-radius: 4px;
168
154
  background-color: #f9f9f9;
169
155
  align-items: center;
170
- height: 40px;
171
- max-height: 40px;
156
+ height: 42px;
157
+ max-height: 42px;
172
158
  box-sizing: content-box;
173
159
  outline: none;
174
160
  resize: vertical;
175
161
  padding: 8px;
176
162
  transition: none !important;
177
- color: var(--guido-color-gray-800);
163
+ color: #292929;
178
164
  box-shadow: none !important;
179
165
  box-sizing: border-box !important;
180
166
  }
@@ -190,42 +176,6 @@ ue-radio-buttons input:checked + .button ue-icon-component.icon-button {
190
176
  box-shadow: 0 0 0 3px #b5c1f1 !important;
191
177
  }
192
178
  /** BASE INPUT */
193
-
194
- /** COUNTER */
195
- ue-counter {
196
- padding: 0 !important;
197
- background-color: var(--guido-color-white) !important;
198
- border: 1px solid var(--guido-color-gray-300);
199
- }
200
-
201
- ue-counter .button {
202
- width: 40px;
203
- height: 40px;
204
- box-shadow: none;
205
- }
206
-
207
- ue-counter .button .icon-button {
208
- color: var(--guido-color-primary-500);
209
- }
210
-
211
- ue-counter ue-button:first-child .button {
212
- border-right: 1px solid var(--guido-color-gray-300);
213
- }
214
-
215
- ue-counter ue-button:last-child .button {
216
- border-left: 1px solid var(--guido-color-gray-300);
217
- }
218
- /** COUNTER */
219
-
220
- /** COLOR */
221
- ue-color {
222
- width: 80px;
223
- }
224
-
225
- ue-color .base-input {
226
- width: 100%;
227
- }
228
- /** COLOR */
229
179
  `;
230
180
  export {
231
181
  n as default
@@ -1,6 +1,4 @@
1
1
  export declare const useEditorStore: import("pinia").StoreDefinition<"editor", {
2
2
  isCodeEditorOpen: boolean;
3
- isVersionHistoryOpen: boolean;
4
3
  editorVisualMode: string;
5
- isSaveTemplateModalOpen: boolean;
6
4
  }, {}, {}>;
@@ -1,10 +1,8 @@
1
- import { defineStore as e } from "pinia";
1
+ import { defineStore as e } from "../node_modules/pinia/dist/pinia.js";
2
2
  const t = e("editor", {
3
3
  state: () => ({
4
4
  isCodeEditorOpen: !1,
5
- isVersionHistoryOpen: !1,
6
- editorVisualMode: "desktop",
7
- isSaveTemplateModalOpen: !1
5
+ editorVisualMode: "desktop"
8
6
  })
9
7
  });
10
8
  export {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@useinsider/guido",
3
- "version": "1.0.0-beta.83deaec",
3
+ "version": "1.0.0-beta.8861b13",
4
4
  "description": "Guido is a Vue + TypeScript wrapper for Email Plugin. Easily embed the email editor in your Vue applications.",
5
5
  "main": "./dist/guido.umd.cjs",
6
6
  "module": "./dist/library.js",
@@ -1,72 +0,0 @@
1
- interface ModalWrapperProps {
2
- isOpen: boolean;
3
- title: string;
4
- description?: string;
5
- size?: 'small' | 'medium' | 'large' | 'extra-large';
6
- primaryButtonText?: string;
7
- primaryButtonDisabled?: boolean;
8
- primaryButtonLoading?: boolean;
9
- cancelButtonText?: string;
10
- showCancelButton?: boolean;
11
- className?: string;
12
- }
13
- declare var __VLS_12: {};
14
- type __VLS_Slots = {} & {
15
- default?: (props: typeof __VLS_12) => any;
16
- };
17
- declare const __VLS_component: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<ModalWrapperProps>, {
18
- description: string;
19
- size: string;
20
- primaryButtonText: string;
21
- primaryButtonDisabled: boolean;
22
- primaryButtonLoading: boolean;
23
- cancelButtonText: string;
24
- showCancelButton: boolean;
25
- className: string;
26
- }>, {}, {}, {}, {}, import("vue/types/v3-component-options").ComponentOptionsMixin, import("vue/types/v3-component-options").ComponentOptionsMixin, {
27
- close: () => void;
28
- save: () => void;
29
- cancel: () => void;
30
- }, string, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<ModalWrapperProps>, {
31
- description: string;
32
- size: string;
33
- primaryButtonText: string;
34
- primaryButtonDisabled: boolean;
35
- primaryButtonLoading: boolean;
36
- cancelButtonText: string;
37
- showCancelButton: boolean;
38
- className: string;
39
- }>>>, {
40
- className: string;
41
- size: "small" | "medium" | "large" | "extra-large";
42
- description: string;
43
- primaryButtonText: string;
44
- primaryButtonDisabled: boolean;
45
- primaryButtonLoading: boolean;
46
- cancelButtonText: string;
47
- showCancelButton: boolean;
48
- }>;
49
- declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
50
- export default _default;
51
- type __VLS_WithDefaults<P, D> = {
52
- [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
53
- default: D[K];
54
- }> : P[K];
55
- };
56
- type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
57
- type __VLS_TypePropsToOption<T> = {
58
- [K in keyof T]-?: {} extends Pick<T, K> ? {
59
- type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
60
- } : {
61
- type: import('vue').PropType<T[K]>;
62
- required: true;
63
- };
64
- };
65
- type __VLS_WithSlots<T, S> = T & {
66
- new (): {
67
- $scopedSlots: S;
68
- };
69
- };
70
- type __VLS_PrettifyLocal<T> = {
71
- [K in keyof T]: T[K];
72
- } & {};
@@ -1,19 +0,0 @@
1
- import r from "./ModalWrapper.vue2.js";
2
- import o from "../../../_virtual/_plugin-vue2_normalizer.js";
3
- var s = function() {
4
- var t = this, n = t._self._c, e = t._self._setupProxy;
5
- return n(e.InDrawer, { attrs: { id: "modal-wrapper", "description-text": t.description, "footer-button-group-options": e.drawerFooterOptions, size: t.size, status: t.isOpen, "title-text": t.title }, on: { cancelOrBackButtonEvent: e.handleCancel, onCloseEvent: e.handleClose, primaryButtonEvent: e.handleSave }, scopedSlots: t._u([{ key: "contentSlot", fn: function() {
6
- return [n("div", { staticClass: "modal-content-wrapper", class: t.className }, [t._t("default")], 2)];
7
- }, proxy: !0 }], null, !0) });
8
- }, a = [], l = /* @__PURE__ */ o(
9
- r,
10
- s,
11
- a,
12
- !1,
13
- null,
14
- null
15
- );
16
- const u = l.exports;
17
- export {
18
- u as default
19
- };
@@ -1,43 +0,0 @@
1
- import { defineComponent as o, computed as l } from "vue";
2
- import { InDrawer as r } from "@useinsider/design-system-vue";
3
- const i = /* @__PURE__ */ o({
4
- __name: "ModalWrapper",
5
- props: {
6
- isOpen: { type: Boolean },
7
- title: null,
8
- description: { default: "" },
9
- size: { default: "medium" },
10
- primaryButtonText: { default: "Save" },
11
- primaryButtonDisabled: { type: Boolean, default: !1 },
12
- primaryButtonLoading: { type: Boolean, default: !1 },
13
- cancelButtonText: { default: "Cancel" },
14
- showCancelButton: { type: Boolean, default: !0 },
15
- className: { default: "" }
16
- },
17
- emits: ["close", "save", "cancel"],
18
- setup(a, { emit: t }) {
19
- const e = a, n = l(() => ({
20
- primaryButton: {
21
- styling: "solid",
22
- type: "primary",
23
- labelText: e.primaryButtonText,
24
- disabled: e.primaryButtonDisabled || e.primaryButtonLoading
25
- },
26
- cancelOrBackButton: e.showCancelButton ? {
27
- type: "secondary",
28
- styling: "ghost",
29
- labelText: e.cancelButtonText
30
- } : void 0
31
- }));
32
- return { __sfc: !0, props: e, emit: t, drawerFooterOptions: n, handleClose: () => {
33
- t("close");
34
- }, handleSave: () => {
35
- t("save");
36
- }, handleCancel: () => {
37
- t("cancel");
38
- }, InDrawer: r };
39
- }
40
- });
41
- export {
42
- i as default
43
- };
@@ -1,14 +0,0 @@
1
- import { defineComponent as o } from "vue";
2
- import { InContainer as r } from "@useinsider/design-system-vue";
3
- import t from "./LeftSlot.vue.js";
4
- import e from "./MiddleSlot.vue.js";
5
- import m from "./RightSlot.vue.js";
6
- const s = /* @__PURE__ */ o({
7
- __name: "HeaderWrapper",
8
- setup(p) {
9
- return { __sfc: !0, InContainer: r, LeftSlot: t, MiddleSlot: e, RightSlot: m };
10
- }
11
- });
12
- export {
13
- s as default
14
- };