vue2-comp-lib 1.0.1 → 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.
Files changed (12) hide show
  1. package/dist/_chunks/app-loading-dots.js +41 -0
  2. package/dist/components/app-button-v2/app-button-v2.vue.js +37 -15
  3. package/dist/components/app-button-v2/index.js +4 -0
  4. package/dist/components/app-loading-dots/app-loading-dots.vue.js +2 -16
  5. package/dist/components/app-loading-dots/index.js +4 -0
  6. package/dist/components/index.js +6 -0
  7. package/dist/index.js +5 -6
  8. package/dist/vue2-comp-lib.css +1 -1
  9. package/package.json +7 -3
  10. package/dist/_virtual/_plugin-vue2_normalizer.js +0 -10
  11. package/dist/components/app-button-v2/app-button-v2.vue2.js +0 -28
  12. package/dist/components/app-loading-dots/app-loading-dots.vue2.js +0 -21
package/dist/_chunks/app-loading-dots.js ADDED
@@ -0,0 +1,41 @@
1
+ import { defineComponent as d, computed as a } from "vue";
2
+ const l = /* @__PURE__ */ d({
3
+ __name: "app-loading-dots",
4
+ props: {
5
+ fill: { default: "#ffffff" },
6
+ size: { default: "22px" },
7
+ dotSize: { default: "12px" }
8
+ },
9
+ setup(o) {
10
+ const t = o, e = a(
11
+ () => ({
12
+ "--loading-dots-size": t.size,
13
+ "--loading-dots-dot-size": t.dotSize
14
+ })
15
+ ), n = a(() => ({ background: t.fill }));
16
+ return { __sfc: !0, props: t, containerStyle: e, dotStyle: n };
17
+ }
18
+ });
19
+ function r(o, t, e, n, _, i, u, m) {
20
+ var s = typeof o == "function" ? o.options : o;
21
+ return t && (s.render = t, s.staticRenderFns = e, s._compiled = !0), i && (s._scopeId = "data-v-" + i), {
22
+ exports: o,
23
+ options: s
24
+ };
25
+ }
26
+ var f = function() {
27
+ var t = this, e = t._self._c, n = t._self._setupProxy;
28
+ return e("div", { staticClass: "loading-dots", style: n.containerStyle }, [e("div", { staticClass: "loading-wrapper" }, [e("div", { staticClass: "loading-container" }, [e("div", { staticClass: "dot dot-1", style: n.dotStyle }), e("div", { staticClass: "dot dot-2", style: n.dotStyle })])])]);
29
+ }, c = [], p = /* @__PURE__ */ r(
30
+ l,
31
+ f,
32
+ c,
33
+ !1,
34
+ null,
35
+ "686ed43e"
36
+ );
37
+ const y = p.exports;
38
+ export {
39
+ y as A,
40
+ r as n
41
+ };
package/dist/components/app-button-v2/app-button-v2.vue.js CHANGED
@@ -1,21 +1,43 @@
1
- import n from "./app-button-v2.vue2.js";
2
- /* empty css */
3
- import l from "../../_virtual/_plugin-vue2_normalizer.js";
4
- var o = function() {
5
- var t = this, a = t._self._c, s = t._self._setupProxy;
6
- return a("button", t._g(t._b({ staticClass: "app-button-v2", class: [
7
- t.unstyled ? null : s.variantClass,
8
- t.unstyled ? null : s.colorClass
9
- ], style: s.buttonStyle, attrs: { type: t.type, disabled: t.disabled || t.loading } }, "button", t.$attrs, !1), t.$listeners), [a("span", { staticClass: "app-button-v2-label" }, [t._t("default"), t.loading ? a(s.AppLoadingDots, { staticClass: "app-button-v2-loading-icon", attrs: { fill: t.loadingIconFill, size: t.loadingIconSize, "dot-size": t.loadingIconDotSize } }) : t._e()], 2)]);
10
- }, e = [], i = /* @__PURE__ */ l(
11
- n,
12
- o,
13
- e,
1
+ import { defineComponent as s, computed as n } from "vue";
2
+ import { A as p, n as i } from "../../_chunks/app-loading-dots.js";
3
+ const r = /* @__PURE__ */ s({
4
+ __name: "app-button-v2",
5
+ props: {
6
+ type: { default: "button" },
7
+ variant: { default: "primary" },
8
+ color: { default: "sky-blue" },
9
+ disabled: { type: Boolean, default: !1 },
10
+ loading: { type: Boolean, default: !1 },
11
+ loadingIconFill: { default: "currentColor" },
12
+ loadingIconSize: { default: "16px" },
13
+ loadingIconDotSize: { default: "8px" },
14
+ gap: { default: "8px" },
15
+ unstyled: { type: Boolean, default: !1 }
16
+ },
17
+ setup(e) {
18
+ const t = e, o = n(() => `app-button-${t.variant}`), a = n(() => `app-button-${t.color}`), l = n(
19
+ () => ({
20
+ "--app-button-v2-gap": t.gap
21
+ })
22
+ );
23
+ return { __sfc: !0, props: t, variantClass: o, colorClass: a, buttonStyle: l, AppLoadingDots: p };
24
+ }
25
+ });
26
+ var u = function() {
27
+ var t = this, o = t._self._c, a = t._self._setupProxy;
28
+ return o("button", t._g(t._b({ staticClass: "app-button-v2", class: [
29
+ t.unstyled ? null : a.variantClass,
30
+ t.unstyled ? null : a.colorClass
31
+ ], style: a.buttonStyle, attrs: { type: t.type, disabled: t.disabled || t.loading } }, "button", t.$attrs, !1), t.$listeners), [o("span", { staticClass: "app-button-v2-label" }, [t._t("default"), t.loading ? o(a.AppLoadingDots, { staticClass: "app-button-v2-loading-icon", attrs: { fill: t.loadingIconFill, size: t.loadingIconSize, "dot-size": t.loadingIconDotSize } }) : t._e()], 2)]);
32
+ }, d = [], c = /* @__PURE__ */ i(
33
+ r,
34
+ u,
35
+ d,
14
36
  !1,
15
37
  null,
16
38
  "12932918"
17
39
  );
18
- const c = i.exports;
40
+ const b = c.exports;
19
41
  export {
20
- c as default
42
+ b as default
21
43
  };
package/dist/components/app-button-v2/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import { default as p } from "./app-button-v2.vue.js";
2
+ export {
3
+ p as AppButtonV2
4
+ };
package/dist/components/app-loading-dots/app-loading-dots.vue.js CHANGED
@@ -1,18 +1,4 @@
1
- import o from "./app-loading-dots.vue2.js";
2
- /* empty css */
3
- import a from "../../_virtual/_plugin-vue2_normalizer.js";
4
- var i = function() {
5
- var e = this, t = e._self._c, s = e._self._setupProxy;
6
- return t("div", { staticClass: "loading-dots", style: s.containerStyle }, [t("div", { staticClass: "loading-wrapper" }, [t("div", { staticClass: "loading-container" }, [t("div", { staticClass: "dot dot-1", style: s.dotStyle }), t("div", { staticClass: "dot dot-2", style: s.dotStyle })])])]);
7
- }, r = [], n = /* @__PURE__ */ a(
8
- o,
9
- i,
10
- r,
11
- !1,
12
- null,
13
- "686ed43e"
14
- );
15
- const p = n.exports;
1
+ import { A as f } from "../../_chunks/app-loading-dots.js";
16
2
  export {
17
- p as default
3
+ f as default
18
4
  };
package/dist/components/app-loading-dots/index.js ADDED
@@ -0,0 +1,4 @@
1
+ import { A as a } from "../../_chunks/app-loading-dots.js";
2
+ export {
3
+ a as AppLoadingDots
4
+ };
package/dist/components/index.js ADDED
@@ -0,0 +1,6 @@
1
+ import { default as t } from "./app-button-v2/app-button-v2.vue.js";
2
+ import { A as r } from "../_chunks/app-loading-dots.js";
3
+ export {
4
+ t as AppButtonV2,
5
+ r as AppLoadingDots
6
+ };
package/dist/index.js CHANGED
@@ -1,9 +1,8 @@
1
- /* empty css */
2
- import { default as r } from "./components/app-button-v2/app-button-v2.vue.js";
3
- import { default as s } from "./components/app-loading-dots/app-loading-dots.vue.js";
4
- const o = "test";
1
+ import { default as e } from "./components/app-button-v2/app-button-v2.vue.js";
2
+ import { A as s } from "./_chunks/app-loading-dots.js";
3
+ const t = "test";
5
4
  export {
6
- r as AppButtonV2,
5
+ e as AppButtonV2,
7
6
  s as AppLoadingDots,
8
- o as TEST
7
+ t as TEST
9
8
  };
package/dist/vue2-comp-lib.css CHANGED
@@ -1 +1 @@
1
- @import"https://fonts.googleapis.com/css?family=Nunito:300,400,500,600,700,800,900";@import"https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700,800,900";*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--overlay-overlay: #382153;--main-void-light: #59486e;--main-void-base: #382153;--main-skyblue-light: #def4ff;--main-skyblue-special-use: #b1d8eb;--main-skyblue-base: #18aeff;--main-skyblue-medium: #1d9ce1;--main-skyblue-dark: #2d84c0;--main-slatepurple-light: #ebe6ff;--main-slatepurple-base: #7e5dff;--main-slatepurple-medium: #5934e6;--main-slatepurple-dark: #492eae;--main-vivid-raspberry-light: #f8e9f0;--main-vivid-raspberry-base: #f30070;--main-vivid-raspberry-medium: #d10e68;--main-vivid-raspberry-dark: #af1e69;--main-tangerine-light: #fdf2e6;--main-tangerine-base: #eb7e0a;--main-tangerine-medium: #d45b06;--main-tangerine-dark: #a14a0d;--main-lemon-light: #fdfcca;--main-lemon-base: #f3c213;--main-lemon-medium: #df990e;--main-lemon-dark: #a97713;--main-limegreen-light: #e2f4e3;--main-limegreen-base: #2ada2b;--main-limegreen-medium: #18c219;--main-limegreen-dark: #1a951b;--main-andromeda-light: #5052fe;--main-andromeda-base: #282ae4;--main-andromeda-medium: #2628b7;--main-andromeda-dark: #0d2979;--main-begonia-base: #f66a7b;--main-begonia-medium: #ec3e53;--main-begonia-dark: #b33645;--main-other-eris: #eb1717;--main-other-shire: #beda2a;--main-other-mar: #2adaaa;--main-other-dos: #e05dff;--neutral-white: #ffffff;--neutral-phantom: #f7f7f8;--neutral-luna: #f4f5f9;--neutral-brightgray: #e9e9ef;--neutral-ghost: #dcdcdc;--neutral-silvergray: #cac6cb;--neutral-darkgray: #877d88;--neutral-sideral: #171717;--neutral-vader: #202129}:root[data-theme=light]{--bg-color: #f4f5f9;--text-color: #382153;--color-text-default: var(--main-void-base);--color-text-link: var(--main-skyblue-base);--color-text-warning: var(--main-vivid-raspberry-base);--color-text-subtlest: var(--neutral-silvergray);--color-text-subtle: var(--neutral-darkgray);--color-text-inverse: var(--neutral-white);--color-text-link-presed: var(--main-skyblue-dark);--color-text-accent-skyblue: var(--main-skyblue-base);--color-text-accent-slatepurple: var(--main-slatepurple-base);--color-text-accent-slatepurple-medium: var(--main-slatepurple-medium);--color-text-accent-vividraspberry: var(--main-vivid-raspberry-base);--color-text-accent-tangerine: var(--main-tangerine-base);--color-text-accent-lemon: var(--main-lemon-base);--color-text-accent-limegreen: var(--main-limegreen-base);--color-text-accent-limegreen-medium: var(--main-limegreen-medium);--color-text-accent-andromeda: var(--main-andromeda-base);--color-text-accent-andromeda-medium: var(--main-andromeda-medium);--color-text-accent-begonia: var(--main-begonia-medium);--color-text-accent-eris: var(--main-other-eris);--color-text-accent-shire: var(--main-other-shire);--color-text-accent-mar: var(--main-other-mar);--color-text-accent-dos: var(--main-other-dos);--color-text-accent-void-light: var(--main-void-light);--color-background-default: var(--neutral-luna);--color-background-secondary: var(--neutral-white);--color-background-overlay: var(--overlay-overlay);--color-drop-shadow-default: var(--main-void-base);--color-border-field-active: var(--neutral-silvergray);--color-border-field-input: var(--main-skyblue-base);--color-border-field-error: var(--main-vivid-raspberry-base);--color-border-field-hover: var(--neutral-darkgray);--color-border-field-focused: var(--main-vivid-raspberry-base);--color-border-divider-table: var(--neutral-brightgray);--color-border-divider: var(--neutral-brightgray);--color-border-bold: var(--main-void-base);--color-border-container-hover: var(--main-skyblue-base);--color-border-accent-white: var(--neutral-white);--color-border-accent-ghost: var(--neutral-ghost);--color-border-accent-silvergray: var(--neutral-silvergray);--color-border-accent-skyblue-base: var(--main-skyblue-base);--color-border-accent-vividraspberry: var(--main-vivid-raspberry-base);--color-border-accent-brightgray: var(--neutral-brightgray);--color-skeleton-base: var(--neutral-brightgray);--color-skeleton-dark: var(--neutral-silvergray);--color-fill-field-active: var(--neutral-phantom);--color-fill-field-hover: var(--neutral-white);--color-fill-field-input: var(--neutral-white);--color-fill-cell: var(--neutral-white);--color-fill-cell-hover: var(--main-skyblue-light);--color-fill-options-default: var(--neutral-white);--color-fill-options-hover: var(--neutral-brightgray);--color-fill-options-selected: var(--main-skyblue-light);--color-fill-accent-limegreen: var(--main-limegreen-base);--color-fill-accent-brightgray: var(--neutral-brightgray);--color-fill-accent-darkgray: var(--neutral-darkgray);--color-fill-accent-vividraspberry: var(--main-vivid-raspberry-base);--color-fill-accent-silvergray: var(--neutral-silvergray);--color-fill-accent-white: var(--neutral-white);--color-fill-accent-skyblue: var(--main-skyblue-base);--color-fill-accent-skyblue-medium: var(--main-skyblue-medium);--color-fill-accent-slatepurple: var(--main-slatepurple-base);--color-fill-accent-slatepurple-light: var(--main-slatepurple-light);--color-fill-accent-ghost: var(--neutral-ghost);--color-fill-accent-slatepurple-medium: var(--main-slatepurple-medium);--color-fill-accent-vividraspberry-medium: var(--main-vivid-raspberry-medium);--color-fill-accent-begonia: var(--main-begonia-base);--color-fill-bold: var(--main-void-base);--color-fill-topnav: var(--neutral-luna);--color-fill-mainnav: var(--main-void-base);--color-icon-default: var(--main-void-base);--color-icon-white: var(--neutral-white);--color-icon-skyblue-base: var(--main-skyblue-base);--color-icon-slatepurple-base: var(--main-slatepurple-base);--color-icon-vividrasbpberry-base: var(--main-vivid-raspberry-base);--color-icon-tangerine-base: var(--main-tangerine-base:);--color-icon-lemon-base: var(--main-lemon-base);--color-icon-limegreen-base: var(--main-limegreen-base);--color-icon-andromeda-base: var(--main-andromeda-base);--color-icon-eris: var(--main-other-eris);--color-icon-shire: var(--main-other-shire);--color-icon-mar: var(--main-other-mar);--color-icon-dos: var(--main-other-dos);--color-icon-phantom: var(--neutral-phantom);--color-icon-brightgray: var(--neutral-brightgray);--color-icon-ghost: var(--neutral-ghost);--color-icon-silvergray: var(--neutral-silvergray);--color-icon-darkgray: var(--neutral-darkgray);--color-icon-void: var(--main-void-base);--color-background-scrollbar: var(--neutral-brightgray);--color-background-button-primary: var(--main-skyblue-base);--color-background-button-primary-hover: var(--main-skyblue-dark);--color-box-shadow-dropdown: var(--main-slatepurple-light);--color-border-button-secondary: var(--main-skyblue-base);--color-text-button-secondary: var(--main-skyblue-base);--color-background-button-secondary-hover: var(--main-skyblue-base);--color-text-button-secondary-hover: var(--neutral-white);--color-border-button-alternate: var(--neutral-silvergray);--color-background-button-close: var(--neutral-sideral);--color-background-button-close-hover: var(--neutral-white);--color-border-button-close: var(--neutral-white);--color-border-button-close-hover: var(--main-vivid-raspberry-base);--color-background-button-alternate-hover: var(--neutral-brightgray);--color-text-accent-tangerine-medium: var(--main-tangerine-medium);--color-fill-accent-tangerine-light: var(--main-tangerine-light);--color-fill-accent-tangerine: var(--main-tangerine-base);--color-fill-accent-tangerine-medium: var(--main-tangerine-medium);--color-icon-tangerine-medium: var(--main-tangerine-medium);--color-fill-accent-lemon: var(--main-lemon-base);--color-fill-accent-other-mar: var(--main-other-mar);--color-text-button-alternate: var(--main-void-base);--color-text-accent-vader: var(--neutral-vader);--color-fill-accent-vividraspberry-light: var(--main-vivid-raspberry-light);--color-background-scrollbar-default: var(--neutral-silvergray);--color-drop-shadow-topnav: var(--main-andromeda-light);--color-border-button-cancel: var(--neutral-darkgray);--color-border-button-cancel-hover: var(--neutral-brightgray);--color-fill-accent-skyblue-special-use: var(--main-skyblue-special-use);--color-fill-accent-skyblue-light: var(--main-skyblue-light);--color-fill-accent-limegreen-light: var(--main-limegreen-light);--color-background-button-row-action: var(--main-void-base);--color-fill-cell-delete-overlay: var(--main-vivid-raspberry-light);--color-fill-cell-delete: var(--main-vivid-raspberry-base);--color-fill-cell-selected: var(--main-lemon-light);--color-text-accent-ghost: var(--neutral-ghost);--color-text-button-remove: var(--main-vivid-raspberry-base);--color-background-button-remove-hover: var(--main-vivid-raspberry-light);--color-text-button-primary: var(--neutral-white);--color-background-button-delete-hover: var(--main-vivid-raspberry-medium);--color-background-button-delete: var(--main-vivid-raspberry-base);--color-border-accent-slatepurple: var(--main-slatepurple-base);--color-background-button-other: var(--neutral-phantom);--color-border-button-other: var(--neutral-ghost);--color-border-button-other-hover: var(--neutral-darkgray);--color-text-button-other: var(--main-skyblue-base);--color-text-accent-andromeda-light: var(--main-andromeda-light);--color-fill-accent-phantom: var(--neutral-phantom);--color-main-skyblue-light: var(--main-skyblue-light);--color-icon-begonia-base: var(--main-begonia-medium);--color-fill-cell-transparent: #f8f5ffed;--color-border-accent-limegreen: var(--main-limegreen-base);--color-fill-accent-lemon-light: var(--main-lemon-light);--color-border-accent-darkgray: var(--neutral-darkgray);--color-background-button-hover: var(--neutral-ghost)}:root{--gradient-neptune-start: #4bc9fe;--gradient-neptune-end: #5052fe;--gradient-supernova-start: #e38dee;--gradient-supernova-end: #7a5bff;--gradient-sea-foam-start: #13e9e7;--gradient-sea-foam-end: #28da34;--color-outline-button: var(--main-vivid-raspberry-base);--color-background-button-primary-sky-blue: var(--main-skyblue-base);--color-text-button-primary-sky-blue: var(--neutral-white);--color-border-button-primary-sky-blue: var(--main-skyblue-base);--color-background-button-hover-primary-sky-blue: var(--main-skyblue-dark);--color-text-button-hover-primary-sky-blue: var(--neutral-white);--color-border-button-hover-primary-sky-blue: var(--main-skyblue-dark);--color-background-button-primary-slate-purple: var( --main-slatepurple-base );--color-text-button-primary-slate-purple: var(--neutral-white);--color-border-button-primary-slate-purple: var(--main-slatepurple-base);--color-background-button-hover-primary-slate-purple: var( --main-slatepurple-dark );--color-text-button-hover-primary-slate-purple: var(--neutral-white);--color-border-button-hover-primary-slate-purple: var( --main-slatepurple-dark );--color-background-button-primary-ghost: var(--neutral-ghost);--color-text-button-primary-ghost: var(--main-void-base);--color-border-button-primary-ghost: var(--neutral-ghost);--color-background-button-hover-primary-ghost: var(--neutral-darkgray);--color-text-button-hover-primary-ghost: var(--neutral-white);--color-border-button-hover-primary-ghost: var(--neutral-darkgray);--color-background-button-primary-vivid-raspberry: var( --main-vivid-raspberry-base );--color-text-button-primary-vivid-raspberry: var(--neutral-white);--color-border-button-primary-vivid-raspberry: var( --main-vivid-raspberry-base );--color-background-button-hover-primary-vivid-raspberry: var( --main-vivid-raspberry-dark );--color-text-button-hover-primary-vivid-raspberry: var(--neutral-white);--color-border-button-hover-primary-vivid-raspberry: var( --main-vivid-raspberry-dark );--color-background-button-primary-neptune: var(--main-skyblue-base);--color-text-button-primary-neptune: var(--neutral-white);--color-border-button-primary-neptune: var(--main-skyblue-base);--color-background-button-hover-primary-neptune: linear-gradient( 180deg, var(--gradient-neptune-start), var(--gradient-neptune-end) );--color-text-button-hover-primary-neptune: var(--neutral-white);--color-border-button-hover-primary-neptune: var(--neutral-white);--color-background-button-primary-supernova: var(--main-slatepurple-base);--color-text-button-primary-supernova: var(--neutral-white);--color-border-button-primary-supernova: var(--main-slatepurple-base);--color-background-button-hover-primary-supernova: linear-gradient( 180deg, var(--gradient-supernova-start), var(--gradient-supernova-end) );--color-text-button-hover-primary-supernova: var(--neutral-white);--color-border-button-hover-primary-supernova: var(--neutral-white);--color-background-button-primary-sea-foam: linear-gradient( 180deg, var(--gradient-sea-foam-start), var(--gradient-sea-foam-end) );--color-text-button-primary-sea-foam: var(--neutral-white);--color-border-button-primary-sea-foam: transparent;--color-background-button-hover-primary-sea-foam: var( --main-limegreen-base );--color-text-button-hover-primary-sea-foam: var(--neutral-white);--color-border-button-hover-primary-sea-foam: var(--main-limegreen-base);--color-background-button-primary-white: var(--neutral-white);--color-text-button-primary-white: var(--main-skyblue-base);--color-border-button-primary-white: var(--neutral-white);--color-background-button-hover-primary-white: var(--main-skyblue-base);--color-text-button-hover-primary-white: var(--neutral-white);--color-border-button-hover-primary-white: var(--main-skyblue-base);--color-background-button-secondary-sky-blue: transparent;--color-text-button-secondary-sky-blue: var(--main-skyblue-base);--color-border-button-secondary-sky-blue: var(--main-skyblue-base);--color-background-button-hover-secondary-sky-blue: var( --main-skyblue-base );--color-text-button-hover-secondary-sky-blue: var(--neutral-white);--color-border-button-hover-secondary-sky-blue: var(--main-skyblue-base);--color-background-button-secondary-white: transparent;--color-text-button-secondary-white: var(--neutral-white);--color-border-button-secondary-white: var(--neutral-white);--color-background-button-hover-secondary-white: var(--neutral-white);--color-text-button-hover-secondary-white: var(--main-skyblue-base);--color-border-button-hover-secondary-white: var(--neutral-white);--color-background-button-secondary-ghost: transparent;--color-text-button-secondary-ghost: var(--main-void-base);--color-border-button-secondary-ghost: var(--neutral-silvergray);--color-background-button-hover-secondary-ghost: var(--neutral-ghost);--color-text-button-hover-secondary-ghost: var(--main-void-base);--color-border-button-hover-secondary-ghost: var(--neutral-silvergray);--color-background-button-secondary-show-more: transparent;--color-text-button-secondary-show-more: var(--main-void-base);--color-border-button-secondary-show-more: transparent;--color-background-button-hover-secondary-show-more: var( --neutral-brightgray );--color-text-button-hover-secondary-show-more: var(--main-void-base);--color-border-button-hover-secondary-show-more: var(--neutral-brightgray);--color-background-button-secondary-vivid-raspberry: transparent;--color-text-button-secondary-vivid-raspberry: var( --main-vivid-raspberry-base );--color-border-button-secondary-vivid-raspberry: var( --main-vivid-raspberry-base );--color-background-button-hover-secondary-vivid-raspberry: var( --main-vivid-raspberry-base );--color-text-button-hover-secondary-vivid-raspberry: var(--neutral-white);--color-border-button-hover-secondary-vivid-raspberry: var( --main-vivid-raspberry-base );--color-background-button-secondary-phantom: transparent;--color-text-button-secondary-phantom: var(--main-void-base);--color-border-button-secondary-phantom: var(--neutral-silvergray);--color-background-button-hover-secondary-phantom: var(--neutral-ghost);--color-text-button-hover-secondary-phantom: var(--main-void-base);--color-border-button-hover-secondary-phantom: var(--neutral-silvergray)}body{font-family:Nunito,sans-serif}button{cursor:pointer}.loading-wrapper[data-v-686ed43e]{-webkit-filter:url(#dots);filter:url(#dots)}.loading-wrapper .loading-container[data-v-686ed43e]{position:relative;height:var(--loading-dots-size);width:var(--loading-dots-size);animation:rotating-686ed43e .5s linear infinite}.loading-wrapper .loading-container .dot[data-v-686ed43e]{position:absolute;left:5px;top:5px;border-radius:50%;height:var(--loading-dots-dot-size);width:var(--loading-dots-dot-size);background-color:#fff}.loading-wrapper .loading-container .dot.dot-1[data-v-686ed43e]{animation:dot-1-686ed43e 1.5s ease-in-out infinite}.loading-wrapper .loading-container .dot.dot-2[data-v-686ed43e]{animation:dot-2-686ed43e 1.5s ease-in-out infinite}.loading-dots-svg[data-v-686ed43e]{display:none}@keyframes rotating-686ed43e{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes dot-1-686ed43e{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(8px) scale(.6)}}@keyframes dot-2-686ed43e{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(.6)}}button.app-button-v2[data-v-12932918]{color:var(--app-button-v2-text-color)}.app-button-v2[data-v-12932918]{--app-button-v2-background-color: unset;--app-button-v2-text-color: unset;--app-button-v2-outline-color: unset;--app-button-v2-outline-width: 0px;--app-button-v2-border-width: 2px;--app-button-v2-border-color: unset;--app-button-v2-padding-x: 24px;--app-button-v2-padding-y: 10px;--app-button-v2-padding-offset: -2px;--app-button-v2-border-radius: 60px;--app-button-v2-transition: .3s ease-out;position:relative;display:flex;align-items:center;justify-content:center;padding:calc(var(--app-button-v2-padding-y) + var(--app-button-v2-padding-offset)) calc(var(--app-button-v2-padding-x) + var(--app-button-v2-padding-offset));border-radius:var(--app-button-v2-border-radius);font-size:14px;font-weight:500;border:var(--app-button-v2-border-width) solid var(--app-button-v2-border-color);background:var(--app-button-v2-background-color);outline:var(--app-button-v2-outline-width) solid var(--app-button-v2-outline-color);outline-offset:1px;opacity:1;z-index:0;transition:background var(--app-button-v2-transition),color var(--app-button-v2-transition),border var(--app-button-v2-transition),opacity var(--app-button-v2-transition)}.app-button-v2[data-v-12932918]>*[data-v-12932918]{z-index:1}.app-button-v2 .app-button-v2-label[data-v-12932918]{display:flex;align-items:center;justify-content:center;gap:var(--app-button-v2-gap)}.app-button-v2[data-v-12932918]:disabled{opacity:.4}.app-button-v2[data-v-12932918]:focus{--app-button-v2-outline-width: 0px}.app-button-v2.app-button-primary.app-button-neptune[data-v-12932918],.app-button-v2.app-button-primary.app-button-supernova[data-v-12932918]{--app-button-v2-padding-offset: -2px}:is(.app-button-v2.app-button-primary.app-button-neptune[data-v-12932918],.app-button-v2.app-button-primary.app-button-supernova[data-v-12932918],.app-button-v2.app-button-primary.app-button-sea-foam[data-v-12932918])[data-v-12932918]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;z-index:0;transition:opacity var(--app-button-v2-transition)}:is(.app-button-v2.app-button-primary.app-button-neptune[data-v-12932918],.app-button-v2.app-button-primary.app-button-supernova[data-v-12932918],.app-button-v2.app-button-primary.app-button-sea-foam[data-v-12932918])[data-v-12932918]:not(:disabled):hover:after{opacity:1}.app-button-v2.app-button-primary.app-button-sky-blue[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-primary-sky-blue );--app-button-v2-text-color: var(--color-text-button-primary-sky-blue);--app-button-v2-border-color: var(--color-border-button-primary-sky-blue)}.app-button-v2.app-button-primary.app-button-sky-blue[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-primary-sky-blue );--app-button-v2-text-color: var( --color-text-button-hover-primary-sky-blue );--app-button-v2-border-color: var( --color-border-button-hover-primary-sky-blue )}.app-button-v2.app-button-primary.app-button-slate-purple[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-primary-slate-purple );--app-button-v2-text-color: var(--color-text-button-primary-slate-purple);--app-button-v2-border-color: var( --color-border-button-primary-slate-purple )}.app-button-v2.app-button-primary.app-button-slate-purple[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-primary-slate-purple );--app-button-v2-text-color: var( --color-text-button-hover-primary-slate-purple );--app-button-v2-border-color: var( --color-border-button-hover-primary-slate-purple )}.app-button-v2.app-button-primary.app-button-ghost[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-primary-ghost );--app-button-v2-text-color: var(--color-text-button-primary-ghost);--app-button-v2-border-color: var(--color-border-button-primary-ghost)}.app-button-v2.app-button-primary.app-button-ghost[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-primary-ghost );--app-button-v2-text-color: var( --color-text-button-hover-primary-ghost );--app-button-v2-border-color: var( --color-border-button-hover-primary-ghost )}.app-button-v2.app-button-primary.app-button-vivid-raspberry[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-primary-vivid-raspberry );--app-button-v2-text-color: var( --color-text-button-primary-vivid-raspberry );--app-button-v2-border-color: var( --color-border-button-primary-vivid-raspberry )}.app-button-v2.app-button-primary.app-button-vivid-raspberry[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-primary-vivid-raspberry );--app-button-v2-text-color: var( --color-text-button-hover-primary-vivid-raspberry );--app-button-v2-border-color: var( --color-border-button-hover-primary-vivid-raspberry )}.app-button-v2.app-button-primary.app-button-neptune[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-primary-neptune );--app-button-v2-text-color: var(--color-text-button-primary-neptune);--app-button-v2-border-color: var(--color-border-button-primary-neptune)}.app-button-v2.app-button-primary.app-button-neptune[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-text-color: var( --color-text-button-hover-primary-neptune );--app-button-v2-border-color: var( --color-border-button-hover-primary-neptune )}.app-button-v2.app-button-primary.app-button-neptune[data-v-12932918][data-v-12932918]:after{background:var(--color-background-button-hover-primary-neptune)}.app-button-v2.app-button-primary.app-button-supernova[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-primary-supernova );--app-button-v2-text-color: var(--color-text-button-primary-supernova);--app-button-v2-border-color: var(--color-border-button-primary-supernova)}.app-button-v2.app-button-primary.app-button-supernova[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-primary-supernova );--app-button-v2-text-color: var( --color-text-button-hover-primary-supernova );--app-button-v2-border-color: var( --color-border-button-hover-primary-supernova )}.app-button-v2.app-button-primary.app-button-supernova[data-v-12932918][data-v-12932918]:after{background:var(--color-background-button-hover-primary-supernova)}.app-button-v2.app-button-primary.app-button-sea-foam[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-primary-sea-foam );--app-button-v2-text-color: var(--color-text-button-primary-sea-foam);--app-button-v2-border-color: var(--color-border-button-primary-sea-foam);--app-button-v2-border-width: 0px;--app-button-v2-padding-offset: 0px}.app-button-v2.app-button-primary.app-button-sea-foam[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-text-color: var( --color-text-button-hover-primary-sea-foam );--app-button-v2-border-color: var( --color-border-button-hover-primary-sea-foam )}.app-button-v2.app-button-primary.app-button-sea-foam[data-v-12932918][data-v-12932918]:after{background:var(--color-background-button-hover-primary-sea-foam)}.app-button-v2.app-button-primary.app-button-white[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-primary-white );--app-button-v2-text-color: var(--color-text-button-primary-white);--app-button-v2-border-color: var(--color-border-button-primary-white)}.app-button-v2.app-button-primary.app-button-white[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-primary-white );--app-button-v2-text-color: var( --color-text-button-hover-primary-white );--app-button-v2-border-color: var( --color-border-button-hover-primary-white )}.app-button-v2.app-button-secondary.app-button-sky-blue[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-secondary-sky-blue );--app-button-v2-text-color: var(--color-text-button-secondary-sky-blue);--app-button-v2-border-color: var(--color-border-button-secondary-sky-blue)}.app-button-v2.app-button-secondary.app-button-sky-blue[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-secondary-sky-blue );--app-button-v2-text-color: var( --color-text-button-hover-secondary-sky-blue );--app-button-v2-border-color: var( --color-border-button-hover-secondary-sky-blue )}.app-button-v2.app-button-secondary.app-button-white[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-secondary-white );--app-button-v2-text-color: var(--color-text-button-secondary-white);--app-button-v2-border-color: var(--color-border-button-secondary-white)}.app-button-v2.app-button-secondary.app-button-white[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-secondary-white );--app-button-v2-text-color: var( --color-text-button-hover-secondary-white );--app-button-v2-border-color: var( --color-border-button-hover-secondary-white )}.app-button-v2.app-button-secondary.app-button-ghost[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-secondary-ghost );--app-button-v2-text-color: var(--color-text-button-secondary-ghost);--app-button-v2-border-color: var(--color-border-button-secondary-ghost)}.app-button-v2.app-button-secondary.app-button-ghost[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-secondary-ghost );--app-button-v2-text-color: var( --color-text-button-hover-secondary-ghost );--app-button-v2-border-color: var( --color-border-button-hover-secondary-ghost )}.app-button-v2.app-button-secondary.app-button-show-more[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-secondary-show-more );--app-button-v2-text-color: var(--color-text-button-secondary-show-more);--app-button-v2-border-color: var( --color-border-button-secondary-show-more )}.app-button-v2.app-button-secondary.app-button-show-more[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-secondary-show-more );--app-button-v2-text-color: var( --color-text-button-hover-secondary-show-more );--app-button-v2-border-color: var( --color-border-button-hover-secondary-show-more )}.app-button-v2.app-button-secondary.app-button-vivid-raspberry[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-secondary-vivid-raspberry );--app-button-v2-text-color: var( --color-text-button-secondary-vivid-raspberry );--app-button-v2-border-color: var( --color-border-button-secondary-vivid-raspberry )}.app-button-v2.app-button-secondary.app-button-vivid-raspberry[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-secondary-vivid-raspberry );--app-button-v2-text-color: var( --color-text-button-hover-secondary-vivid-raspberry );--app-button-v2-border-color: var( --color-border-button-hover-secondary-vivid-raspberry )}.app-button-v2.app-button-secondary.app-button-phantom[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-secondary-phantom );--app-button-v2-text-color: var(--color-text-button-secondary-phantom);--app-button-v2-border-color: var(--color-border-button-secondary-phantom)}.app-button-v2.app-button-secondary.app-button-phantom[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-secondary-phantom );--app-button-v2-text-color: var( --color-text-button-hover-secondary-phantom );--app-button-v2-border-color: var( --color-border-button-hover-secondary-phantom )}
1
+ @import"https://fonts.googleapis.com/css?family=Nunito:300,400,500,600,700,800,900";@import"https://fonts.googleapis.com/css?family=Roboto:300,400,500,600,700,800,900";.loading-wrapper[data-v-686ed43e]{-webkit-filter:url(#dots);filter:url(#dots)}.loading-wrapper .loading-container[data-v-686ed43e]{position:relative;height:var(--loading-dots-size);width:var(--loading-dots-size);animation:rotating-686ed43e .5s linear infinite}.loading-wrapper .loading-container .dot[data-v-686ed43e]{position:absolute;left:5px;top:5px;border-radius:50%;height:var(--loading-dots-dot-size);width:var(--loading-dots-dot-size);background-color:#fff}.loading-wrapper .loading-container .dot.dot-1[data-v-686ed43e]{animation:dot-1-686ed43e 1.5s ease-in-out infinite}.loading-wrapper .loading-container .dot.dot-2[data-v-686ed43e]{animation:dot-2-686ed43e 1.5s ease-in-out infinite}.loading-dots-svg[data-v-686ed43e]{display:none}@keyframes rotating-686ed43e{0%{-webkit-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes dot-1-686ed43e{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(8px) scale(.6)}}@keyframes dot-2-686ed43e{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(.6)}}button.app-button-v2[data-v-12932918]{color:var(--app-button-v2-text-color)}.app-button-v2[data-v-12932918]{--app-button-v2-background-color: unset;--app-button-v2-text-color: unset;--app-button-v2-outline-color: unset;--app-button-v2-outline-width: 0px;--app-button-v2-border-width: 2px;--app-button-v2-border-color: unset;--app-button-v2-padding-x: 24px;--app-button-v2-padding-y: 10px;--app-button-v2-padding-offset: -2px;--app-button-v2-border-radius: 60px;--app-button-v2-transition: .3s ease-out;position:relative;display:flex;align-items:center;justify-content:center;padding:calc(var(--app-button-v2-padding-y) + var(--app-button-v2-padding-offset)) calc(var(--app-button-v2-padding-x) + var(--app-button-v2-padding-offset));border-radius:var(--app-button-v2-border-radius);font-size:14px;font-weight:500;border:var(--app-button-v2-border-width) solid var(--app-button-v2-border-color);background:var(--app-button-v2-background-color);outline:var(--app-button-v2-outline-width) solid var(--app-button-v2-outline-color);outline-offset:1px;opacity:1;z-index:0;transition:background var(--app-button-v2-transition),color var(--app-button-v2-transition),border var(--app-button-v2-transition),opacity var(--app-button-v2-transition)}.app-button-v2[data-v-12932918]>*[data-v-12932918]{z-index:1}.app-button-v2 .app-button-v2-label[data-v-12932918]{display:flex;align-items:center;justify-content:center;gap:var(--app-button-v2-gap)}.app-button-v2[data-v-12932918]:disabled{opacity:.4}.app-button-v2[data-v-12932918]:focus{--app-button-v2-outline-width: 0px}.app-button-v2.app-button-primary.app-button-neptune[data-v-12932918],.app-button-v2.app-button-primary.app-button-supernova[data-v-12932918]{--app-button-v2-padding-offset: -2px}:is(.app-button-v2.app-button-primary.app-button-neptune[data-v-12932918],.app-button-v2.app-button-primary.app-button-supernova[data-v-12932918],.app-button-v2.app-button-primary.app-button-sea-foam[data-v-12932918])[data-v-12932918]:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:inherit;opacity:0;z-index:0;transition:opacity var(--app-button-v2-transition)}:is(.app-button-v2.app-button-primary.app-button-neptune[data-v-12932918],.app-button-v2.app-button-primary.app-button-supernova[data-v-12932918],.app-button-v2.app-button-primary.app-button-sea-foam[data-v-12932918])[data-v-12932918]:not(:disabled):hover:after{opacity:1}.app-button-v2.app-button-primary.app-button-sky-blue[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-primary-sky-blue );--app-button-v2-text-color: var(--color-text-button-primary-sky-blue);--app-button-v2-border-color: var(--color-border-button-primary-sky-blue)}.app-button-v2.app-button-primary.app-button-sky-blue[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-primary-sky-blue );--app-button-v2-text-color: var( --color-text-button-hover-primary-sky-blue );--app-button-v2-border-color: var( --color-border-button-hover-primary-sky-blue )}.app-button-v2.app-button-primary.app-button-slate-purple[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-primary-slate-purple );--app-button-v2-text-color: var(--color-text-button-primary-slate-purple);--app-button-v2-border-color: var( --color-border-button-primary-slate-purple )}.app-button-v2.app-button-primary.app-button-slate-purple[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-primary-slate-purple );--app-button-v2-text-color: var( --color-text-button-hover-primary-slate-purple );--app-button-v2-border-color: var( --color-border-button-hover-primary-slate-purple )}.app-button-v2.app-button-primary.app-button-ghost[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-primary-ghost );--app-button-v2-text-color: var(--color-text-button-primary-ghost);--app-button-v2-border-color: var(--color-border-button-primary-ghost)}.app-button-v2.app-button-primary.app-button-ghost[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-primary-ghost );--app-button-v2-text-color: var( --color-text-button-hover-primary-ghost );--app-button-v2-border-color: var( --color-border-button-hover-primary-ghost )}.app-button-v2.app-button-primary.app-button-vivid-raspberry[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-primary-vivid-raspberry );--app-button-v2-text-color: var( --color-text-button-primary-vivid-raspberry );--app-button-v2-border-color: var( --color-border-button-primary-vivid-raspberry )}.app-button-v2.app-button-primary.app-button-vivid-raspberry[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-primary-vivid-raspberry );--app-button-v2-text-color: var( --color-text-button-hover-primary-vivid-raspberry );--app-button-v2-border-color: var( --color-border-button-hover-primary-vivid-raspberry )}.app-button-v2.app-button-primary.app-button-neptune[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-primary-neptune );--app-button-v2-text-color: var(--color-text-button-primary-neptune);--app-button-v2-border-color: var(--color-border-button-primary-neptune)}.app-button-v2.app-button-primary.app-button-neptune[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-text-color: var( --color-text-button-hover-primary-neptune );--app-button-v2-border-color: var( --color-border-button-hover-primary-neptune )}.app-button-v2.app-button-primary.app-button-neptune[data-v-12932918][data-v-12932918]:after{background:var(--color-background-button-hover-primary-neptune)}.app-button-v2.app-button-primary.app-button-supernova[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-primary-supernova );--app-button-v2-text-color: var(--color-text-button-primary-supernova);--app-button-v2-border-color: var(--color-border-button-primary-supernova)}.app-button-v2.app-button-primary.app-button-supernova[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-primary-supernova );--app-button-v2-text-color: var( --color-text-button-hover-primary-supernova );--app-button-v2-border-color: var( --color-border-button-hover-primary-supernova )}.app-button-v2.app-button-primary.app-button-supernova[data-v-12932918][data-v-12932918]:after{background:var(--color-background-button-hover-primary-supernova)}.app-button-v2.app-button-primary.app-button-sea-foam[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-primary-sea-foam );--app-button-v2-text-color: var(--color-text-button-primary-sea-foam);--app-button-v2-border-color: var(--color-border-button-primary-sea-foam);--app-button-v2-border-width: 0px;--app-button-v2-padding-offset: 0px}.app-button-v2.app-button-primary.app-button-sea-foam[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-text-color: var( --color-text-button-hover-primary-sea-foam );--app-button-v2-border-color: var( --color-border-button-hover-primary-sea-foam )}.app-button-v2.app-button-primary.app-button-sea-foam[data-v-12932918][data-v-12932918]:after{background:var(--color-background-button-hover-primary-sea-foam)}.app-button-v2.app-button-primary.app-button-white[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-primary-white );--app-button-v2-text-color: var(--color-text-button-primary-white);--app-button-v2-border-color: var(--color-border-button-primary-white)}.app-button-v2.app-button-primary.app-button-white[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-primary-white );--app-button-v2-text-color: var( --color-text-button-hover-primary-white );--app-button-v2-border-color: var( --color-border-button-hover-primary-white )}.app-button-v2.app-button-secondary.app-button-sky-blue[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-secondary-sky-blue );--app-button-v2-text-color: var(--color-text-button-secondary-sky-blue);--app-button-v2-border-color: var(--color-border-button-secondary-sky-blue)}.app-button-v2.app-button-secondary.app-button-sky-blue[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-secondary-sky-blue );--app-button-v2-text-color: var( --color-text-button-hover-secondary-sky-blue );--app-button-v2-border-color: var( --color-border-button-hover-secondary-sky-blue )}.app-button-v2.app-button-secondary.app-button-white[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-secondary-white );--app-button-v2-text-color: var(--color-text-button-secondary-white);--app-button-v2-border-color: var(--color-border-button-secondary-white)}.app-button-v2.app-button-secondary.app-button-white[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-secondary-white );--app-button-v2-text-color: var( --color-text-button-hover-secondary-white );--app-button-v2-border-color: var( --color-border-button-hover-secondary-white )}.app-button-v2.app-button-secondary.app-button-ghost[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-secondary-ghost );--app-button-v2-text-color: var(--color-text-button-secondary-ghost);--app-button-v2-border-color: var(--color-border-button-secondary-ghost)}.app-button-v2.app-button-secondary.app-button-ghost[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-secondary-ghost );--app-button-v2-text-color: var( --color-text-button-hover-secondary-ghost );--app-button-v2-border-color: var( --color-border-button-hover-secondary-ghost )}.app-button-v2.app-button-secondary.app-button-show-more[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-secondary-show-more );--app-button-v2-text-color: var(--color-text-button-secondary-show-more);--app-button-v2-border-color: var( --color-border-button-secondary-show-more )}.app-button-v2.app-button-secondary.app-button-show-more[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-secondary-show-more );--app-button-v2-text-color: var( --color-text-button-hover-secondary-show-more );--app-button-v2-border-color: var( --color-border-button-hover-secondary-show-more )}.app-button-v2.app-button-secondary.app-button-vivid-raspberry[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-secondary-vivid-raspberry );--app-button-v2-text-color: var( --color-text-button-secondary-vivid-raspberry );--app-button-v2-border-color: var( --color-border-button-secondary-vivid-raspberry )}.app-button-v2.app-button-secondary.app-button-vivid-raspberry[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-secondary-vivid-raspberry );--app-button-v2-text-color: var( --color-text-button-hover-secondary-vivid-raspberry );--app-button-v2-border-color: var( --color-border-button-hover-secondary-vivid-raspberry )}.app-button-v2.app-button-secondary.app-button-phantom[data-v-12932918]{--app-button-v2-background-color: var( --color-background-button-secondary-phantom );--app-button-v2-text-color: var(--color-text-button-secondary-phantom);--app-button-v2-border-color: var(--color-border-button-secondary-phantom)}.app-button-v2.app-button-secondary.app-button-phantom[data-v-12932918][data-v-12932918]:not(:disabled):hover{--app-button-v2-background-color: var( --color-background-button-hover-secondary-phantom );--app-button-v2-text-color: var( --color-text-button-hover-secondary-phantom );--app-button-v2-border-color: var( --color-border-button-hover-secondary-phantom )}*,:before,:after{box-sizing:border-box}html{font-family:system-ui,Segoe UI,Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";line-height:1.15;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-color:currentcolor}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button}legend{padding:0}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}:root{--overlay-overlay: #382153;--main-void-light: #59486e;--main-void-base: #382153;--main-skyblue-light: #def4ff;--main-skyblue-special-use: #b1d8eb;--main-skyblue-base: #18aeff;--main-skyblue-medium: #1d9ce1;--main-skyblue-dark: #2d84c0;--main-slatepurple-light: #ebe6ff;--main-slatepurple-base: #7e5dff;--main-slatepurple-medium: #5934e6;--main-slatepurple-dark: #492eae;--main-vivid-raspberry-light: #f8e9f0;--main-vivid-raspberry-base: #f30070;--main-vivid-raspberry-medium: #d10e68;--main-vivid-raspberry-dark: #af1e69;--main-tangerine-light: #fdf2e6;--main-tangerine-base: #eb7e0a;--main-tangerine-medium: #d45b06;--main-tangerine-dark: #a14a0d;--main-lemon-light: #fdfcca;--main-lemon-base: #f3c213;--main-lemon-medium: #df990e;--main-lemon-dark: #a97713;--main-limegreen-light: #e2f4e3;--main-limegreen-base: #2ada2b;--main-limegreen-medium: #18c219;--main-limegreen-dark: #1a951b;--main-andromeda-light: #5052fe;--main-andromeda-base: #282ae4;--main-andromeda-medium: #2628b7;--main-andromeda-dark: #0d2979;--main-begonia-base: #f66a7b;--main-begonia-medium: #ec3e53;--main-begonia-dark: #b33645;--main-other-eris: #eb1717;--main-other-shire: #beda2a;--main-other-mar: #2adaaa;--main-other-dos: #e05dff;--neutral-white: #ffffff;--neutral-phantom: #f7f7f8;--neutral-luna: #f4f5f9;--neutral-brightgray: #e9e9ef;--neutral-ghost: #dcdcdc;--neutral-silvergray: #cac6cb;--neutral-darkgray: #877d88;--neutral-sideral: #171717;--neutral-vader: #202129}:root[data-theme=light]{--bg-color: #f4f5f9;--text-color: #382153;--color-text-default: var(--main-void-base);--color-text-link: var(--main-skyblue-base);--color-text-warning: var(--main-vivid-raspberry-base);--color-text-subtlest: var(--neutral-silvergray);--color-text-subtle: var(--neutral-darkgray);--color-text-inverse: var(--neutral-white);--color-text-link-presed: var(--main-skyblue-dark);--color-text-accent-skyblue: var(--main-skyblue-base);--color-text-accent-slatepurple: var(--main-slatepurple-base);--color-text-accent-slatepurple-medium: var(--main-slatepurple-medium);--color-text-accent-vividraspberry: var(--main-vivid-raspberry-base);--color-text-accent-tangerine: var(--main-tangerine-base);--color-text-accent-lemon: var(--main-lemon-base);--color-text-accent-limegreen: var(--main-limegreen-base);--color-text-accent-limegreen-medium: var(--main-limegreen-medium);--color-text-accent-andromeda: var(--main-andromeda-base);--color-text-accent-andromeda-medium: var(--main-andromeda-medium);--color-text-accent-begonia: var(--main-begonia-medium);--color-text-accent-eris: var(--main-other-eris);--color-text-accent-shire: var(--main-other-shire);--color-text-accent-mar: var(--main-other-mar);--color-text-accent-dos: var(--main-other-dos);--color-text-accent-void-light: var(--main-void-light);--color-background-default: var(--neutral-luna);--color-background-secondary: var(--neutral-white);--color-background-overlay: var(--overlay-overlay);--color-drop-shadow-default: var(--main-void-base);--color-border-field-active: var(--neutral-silvergray);--color-border-field-input: var(--main-skyblue-base);--color-border-field-error: var(--main-vivid-raspberry-base);--color-border-field-hover: var(--neutral-darkgray);--color-border-field-focused: var(--main-vivid-raspberry-base);--color-border-divider-table: var(--neutral-brightgray);--color-border-divider: var(--neutral-brightgray);--color-border-bold: var(--main-void-base);--color-border-container-hover: var(--main-skyblue-base);--color-border-accent-white: var(--neutral-white);--color-border-accent-ghost: var(--neutral-ghost);--color-border-accent-silvergray: var(--neutral-silvergray);--color-border-accent-skyblue-base: var(--main-skyblue-base);--color-border-accent-vividraspberry: var(--main-vivid-raspberry-base);--color-border-accent-brightgray: var(--neutral-brightgray);--color-skeleton-base: var(--neutral-brightgray);--color-skeleton-dark: var(--neutral-silvergray);--color-fill-field-active: var(--neutral-phantom);--color-fill-field-hover: var(--neutral-white);--color-fill-field-input: var(--neutral-white);--color-fill-cell: var(--neutral-white);--color-fill-cell-hover: var(--main-skyblue-light);--color-fill-options-default: var(--neutral-white);--color-fill-options-hover: var(--neutral-brightgray);--color-fill-options-selected: var(--main-skyblue-light);--color-fill-accent-limegreen: var(--main-limegreen-base);--color-fill-accent-brightgray: var(--neutral-brightgray);--color-fill-accent-darkgray: var(--neutral-darkgray);--color-fill-accent-vividraspberry: var(--main-vivid-raspberry-base);--color-fill-accent-silvergray: var(--neutral-silvergray);--color-fill-accent-white: var(--neutral-white);--color-fill-accent-skyblue: var(--main-skyblue-base);--color-fill-accent-skyblue-medium: var(--main-skyblue-medium);--color-fill-accent-slatepurple: var(--main-slatepurple-base);--color-fill-accent-slatepurple-light: var(--main-slatepurple-light);--color-fill-accent-ghost: var(--neutral-ghost);--color-fill-accent-slatepurple-medium: var(--main-slatepurple-medium);--color-fill-accent-vividraspberry-medium: var(--main-vivid-raspberry-medium);--color-fill-accent-begonia: var(--main-begonia-base);--color-fill-bold: var(--main-void-base);--color-fill-topnav: var(--neutral-luna);--color-fill-mainnav: var(--main-void-base);--color-icon-default: var(--main-void-base);--color-icon-white: var(--neutral-white);--color-icon-skyblue-base: var(--main-skyblue-base);--color-icon-slatepurple-base: var(--main-slatepurple-base);--color-icon-vividrasbpberry-base: var(--main-vivid-raspberry-base);--color-icon-tangerine-base: var(--main-tangerine-base:);--color-icon-lemon-base: var(--main-lemon-base);--color-icon-limegreen-base: var(--main-limegreen-base);--color-icon-andromeda-base: var(--main-andromeda-base);--color-icon-eris: var(--main-other-eris);--color-icon-shire: var(--main-other-shire);--color-icon-mar: var(--main-other-mar);--color-icon-dos: var(--main-other-dos);--color-icon-phantom: var(--neutral-phantom);--color-icon-brightgray: var(--neutral-brightgray);--color-icon-ghost: var(--neutral-ghost);--color-icon-silvergray: var(--neutral-silvergray);--color-icon-darkgray: var(--neutral-darkgray);--color-icon-void: var(--main-void-base);--color-background-scrollbar: var(--neutral-brightgray);--color-background-button-primary: var(--main-skyblue-base);--color-background-button-primary-hover: var(--main-skyblue-dark);--color-box-shadow-dropdown: var(--main-slatepurple-light);--color-border-button-secondary: var(--main-skyblue-base);--color-text-button-secondary: var(--main-skyblue-base);--color-background-button-secondary-hover: var(--main-skyblue-base);--color-text-button-secondary-hover: var(--neutral-white);--color-border-button-alternate: var(--neutral-silvergray);--color-background-button-close: var(--neutral-sideral);--color-background-button-close-hover: var(--neutral-white);--color-border-button-close: var(--neutral-white);--color-border-button-close-hover: var(--main-vivid-raspberry-base);--color-background-button-alternate-hover: var(--neutral-brightgray);--color-text-accent-tangerine-medium: var(--main-tangerine-medium);--color-fill-accent-tangerine-light: var(--main-tangerine-light);--color-fill-accent-tangerine: var(--main-tangerine-base);--color-fill-accent-tangerine-medium: var(--main-tangerine-medium);--color-icon-tangerine-medium: var(--main-tangerine-medium);--color-fill-accent-lemon: var(--main-lemon-base);--color-fill-accent-other-mar: var(--main-other-mar);--color-text-button-alternate: var(--main-void-base);--color-text-accent-vader: var(--neutral-vader);--color-fill-accent-vividraspberry-light: var(--main-vivid-raspberry-light);--color-background-scrollbar-default: var(--neutral-silvergray);--color-drop-shadow-topnav: var(--main-andromeda-light);--color-border-button-cancel: var(--neutral-darkgray);--color-border-button-cancel-hover: var(--neutral-brightgray);--color-fill-accent-skyblue-special-use: var(--main-skyblue-special-use);--color-fill-accent-skyblue-light: var(--main-skyblue-light);--color-fill-accent-limegreen-light: var(--main-limegreen-light);--color-background-button-row-action: var(--main-void-base);--color-fill-cell-delete-overlay: var(--main-vivid-raspberry-light);--color-fill-cell-delete: var(--main-vivid-raspberry-base);--color-fill-cell-selected: var(--main-lemon-light);--color-text-accent-ghost: var(--neutral-ghost);--color-text-button-remove: var(--main-vivid-raspberry-base);--color-background-button-remove-hover: var(--main-vivid-raspberry-light);--color-text-button-primary: var(--neutral-white);--color-background-button-delete-hover: var(--main-vivid-raspberry-medium);--color-background-button-delete: var(--main-vivid-raspberry-base);--color-border-accent-slatepurple: var(--main-slatepurple-base);--color-background-button-other: var(--neutral-phantom);--color-border-button-other: var(--neutral-ghost);--color-border-button-other-hover: var(--neutral-darkgray);--color-text-button-other: var(--main-skyblue-base);--color-text-accent-andromeda-light: var(--main-andromeda-light);--color-fill-accent-phantom: var(--neutral-phantom);--color-main-skyblue-light: var(--main-skyblue-light);--color-icon-begonia-base: var(--main-begonia-medium);--color-fill-cell-transparent: #f8f5ffed;--color-border-accent-limegreen: var(--main-limegreen-base);--color-fill-accent-lemon-light: var(--main-lemon-light);--color-border-accent-darkgray: var(--neutral-darkgray);--color-background-button-hover: var(--neutral-ghost)}:root{--gradient-neptune-start: #4bc9fe;--gradient-neptune-end: #5052fe;--gradient-supernova-start: #e38dee;--gradient-supernova-end: #7a5bff;--gradient-sea-foam-start: #13e9e7;--gradient-sea-foam-end: #28da34;--color-outline-button: var(--main-vivid-raspberry-base);--color-background-button-primary-sky-blue: var(--main-skyblue-base);--color-text-button-primary-sky-blue: var(--neutral-white);--color-border-button-primary-sky-blue: var(--main-skyblue-base);--color-background-button-hover-primary-sky-blue: var(--main-skyblue-dark);--color-text-button-hover-primary-sky-blue: var(--neutral-white);--color-border-button-hover-primary-sky-blue: var(--main-skyblue-dark);--color-background-button-primary-slate-purple: var( --main-slatepurple-base );--color-text-button-primary-slate-purple: var(--neutral-white);--color-border-button-primary-slate-purple: var(--main-slatepurple-base);--color-background-button-hover-primary-slate-purple: var( --main-slatepurple-dark );--color-text-button-hover-primary-slate-purple: var(--neutral-white);--color-border-button-hover-primary-slate-purple: var( --main-slatepurple-dark );--color-background-button-primary-ghost: var(--neutral-ghost);--color-text-button-primary-ghost: var(--main-void-base);--color-border-button-primary-ghost: var(--neutral-ghost);--color-background-button-hover-primary-ghost: var(--neutral-darkgray);--color-text-button-hover-primary-ghost: var(--neutral-white);--color-border-button-hover-primary-ghost: var(--neutral-darkgray);--color-background-button-primary-vivid-raspberry: var( --main-vivid-raspberry-base );--color-text-button-primary-vivid-raspberry: var(--neutral-white);--color-border-button-primary-vivid-raspberry: var( --main-vivid-raspberry-base );--color-background-button-hover-primary-vivid-raspberry: var( --main-vivid-raspberry-dark );--color-text-button-hover-primary-vivid-raspberry: var(--neutral-white);--color-border-button-hover-primary-vivid-raspberry: var( --main-vivid-raspberry-dark );--color-background-button-primary-neptune: var(--main-skyblue-base);--color-text-button-primary-neptune: var(--neutral-white);--color-border-button-primary-neptune: var(--main-skyblue-base);--color-background-button-hover-primary-neptune: linear-gradient( 180deg, var(--gradient-neptune-start), var(--gradient-neptune-end) );--color-text-button-hover-primary-neptune: var(--neutral-white);--color-border-button-hover-primary-neptune: var(--neutral-white);--color-background-button-primary-supernova: var(--main-slatepurple-base);--color-text-button-primary-supernova: var(--neutral-white);--color-border-button-primary-supernova: var(--main-slatepurple-base);--color-background-button-hover-primary-supernova: linear-gradient( 180deg, var(--gradient-supernova-start), var(--gradient-supernova-end) );--color-text-button-hover-primary-supernova: var(--neutral-white);--color-border-button-hover-primary-supernova: var(--neutral-white);--color-background-button-primary-sea-foam: linear-gradient( 180deg, var(--gradient-sea-foam-start), var(--gradient-sea-foam-end) );--color-text-button-primary-sea-foam: var(--neutral-white);--color-border-button-primary-sea-foam: transparent;--color-background-button-hover-primary-sea-foam: var( --main-limegreen-base );--color-text-button-hover-primary-sea-foam: var(--neutral-white);--color-border-button-hover-primary-sea-foam: var(--main-limegreen-base);--color-background-button-primary-white: var(--neutral-white);--color-text-button-primary-white: var(--main-skyblue-base);--color-border-button-primary-white: var(--neutral-white);--color-background-button-hover-primary-white: var(--main-skyblue-base);--color-text-button-hover-primary-white: var(--neutral-white);--color-border-button-hover-primary-white: var(--main-skyblue-base);--color-background-button-secondary-sky-blue: transparent;--color-text-button-secondary-sky-blue: var(--main-skyblue-base);--color-border-button-secondary-sky-blue: var(--main-skyblue-base);--color-background-button-hover-secondary-sky-blue: var( --main-skyblue-base );--color-text-button-hover-secondary-sky-blue: var(--neutral-white);--color-border-button-hover-secondary-sky-blue: var(--main-skyblue-base);--color-background-button-secondary-white: transparent;--color-text-button-secondary-white: var(--neutral-white);--color-border-button-secondary-white: var(--neutral-white);--color-background-button-hover-secondary-white: var(--neutral-white);--color-text-button-hover-secondary-white: var(--main-skyblue-base);--color-border-button-hover-secondary-white: var(--neutral-white);--color-background-button-secondary-ghost: transparent;--color-text-button-secondary-ghost: var(--main-void-base);--color-border-button-secondary-ghost: var(--neutral-silvergray);--color-background-button-hover-secondary-ghost: var(--neutral-ghost);--color-text-button-hover-secondary-ghost: var(--main-void-base);--color-border-button-hover-secondary-ghost: var(--neutral-silvergray);--color-background-button-secondary-show-more: transparent;--color-text-button-secondary-show-more: var(--main-void-base);--color-border-button-secondary-show-more: transparent;--color-background-button-hover-secondary-show-more: var( --neutral-brightgray );--color-text-button-hover-secondary-show-more: var(--main-void-base);--color-border-button-hover-secondary-show-more: var(--neutral-brightgray);--color-background-button-secondary-vivid-raspberry: transparent;--color-text-button-secondary-vivid-raspberry: var( --main-vivid-raspberry-base );--color-border-button-secondary-vivid-raspberry: var( --main-vivid-raspberry-base );--color-background-button-hover-secondary-vivid-raspberry: var( --main-vivid-raspberry-base );--color-text-button-hover-secondary-vivid-raspberry: var(--neutral-white);--color-border-button-hover-secondary-vivid-raspberry: var( --main-vivid-raspberry-base );--color-background-button-secondary-phantom: transparent;--color-text-button-secondary-phantom: var(--main-void-base);--color-border-button-secondary-phantom: var(--neutral-silvergray);--color-background-button-hover-secondary-phantom: var(--neutral-ghost);--color-text-button-hover-secondary-phantom: var(--main-void-base);--color-border-button-hover-secondary-phantom: var(--neutral-silvergray)}body{font-family:Nunito,sans-serif}button{cursor:pointer}
package/package.json CHANGED
@@ -1,14 +1,18 @@
1
1
  {
2
2
  "name": "vue2-comp-lib",
3
- "version": "1.0.1",
3
+ "version": "1.0.3",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
7
7
  "types": "./dist/index.d.ts",
8
8
  "exports": {
9
9
  ".": "./dist/index.js",
10
- "./*": "./dist/*.js",
11
- "./assets/main.css": "./dist/gh-core-ui.css"
10
+ "./*.vue": "./dist/*.vue.js",
11
+ "./*": {
12
+ "import": "./dist/*.js",
13
+ "types": "./dist/*.d.ts"
14
+ },
15
+ "./assets/main.css": "./dist/vue2-comp-lib.css"
12
16
  },
13
17
  "files": [
14
18
  "src",
package/dist/_virtual/_plugin-vue2_normalizer.js DELETED
@@ -1,10 +0,0 @@
1
- function u(n, o, i, a, d, t, f, l) {
2
- var e = typeof n == "function" ? n.options : n;
3
- return o && (e.render = o, e.staticRenderFns = i, e._compiled = !0), t && (e._scopeId = "data-v-" + t), {
4
- exports: n,
5
- options: e
6
- };
7
- }
8
- export {
9
- u as default
10
- };
package/dist/components/app-button-v2/app-button-v2.vue2.js DELETED
@@ -1,28 +0,0 @@
1
- import { defineComponent as p, computed as o } from "vue";
2
- import u from "../app-loading-dots/app-loading-dots.vue.js";
3
- const r = /* @__PURE__ */ p({
4
- __name: "app-button-v2",
5
- props: {
6
- type: { default: "button" },
7
- variant: { default: "primary" },
8
- color: { default: "sky-blue" },
9
- disabled: { type: Boolean, default: !1 },
10
- loading: { type: Boolean, default: !1 },
11
- loadingIconFill: { default: "currentColor" },
12
- loadingIconSize: { default: "16px" },
13
- loadingIconDotSize: { default: "8px" },
14
- gap: { default: "8px" },
15
- unstyled: { type: Boolean, default: !1 }
16
- },
17
- setup(a) {
18
- const t = a, e = o(() => `app-button-${t.variant}`), l = o(() => `app-button-${t.color}`), n = o(
19
- () => ({
20
- "--app-button-v2-gap": t.gap
21
- })
22
- );
23
- return { __sfc: !0, props: t, variantClass: e, colorClass: l, buttonStyle: n, AppLoadingDots: u };
24
- }
25
- });
26
- export {
27
- r as default
28
- };
package/dist/components/app-loading-dots/app-loading-dots.vue2.js DELETED
@@ -1,21 +0,0 @@
1
- import { defineComponent as f, computed as o } from "vue";
2
- const i = /* @__PURE__ */ f({
3
- __name: "app-loading-dots",
4
- props: {
5
- fill: { default: "#ffffff" },
6
- size: { default: "22px" },
7
- dotSize: { default: "12px" }
8
- },
9
- setup(e) {
10
- const t = e, d = o(
11
- () => ({
12
- "--loading-dots-size": t.size,
13
- "--loading-dots-dot-size": t.dotSize
14
- })
15
- ), s = o(() => ({ background: t.fill }));
16
- return { __sfc: !0, props: t, containerStyle: d, dotStyle: s };
17
- }
18
- });
19
- export {
20
- i as default
21
- };