vue2-comp-lib 1.0.1

package/dist/_virtual/_plugin-vue2_normalizer.js

@@ -0,0 +1,10 @@
+function u(n, o, i, a, d, t, f, l) {
+  var e = typeof n == "function" ? n.options : n;
+  return o && (e.render = o, e.staticRenderFns = i, e._compiled = !0), t && (e._scopeId = "data-v-" + t), {
+    exports: n,
+    options: e
+  };
+}
+export {
+  u as default
+};

package/dist/components/app-button-v2/app-button-v2.vue.d.ts

@@ -0,0 +1,82 @@
+export type AppButtonV2Type = HTMLButtonElement['type'];
+export type AppButtonV2Variant = 'primary' | 'secondary';
+export type AppButtonV2Color = 'sky-blue' | 'slate-purple' | 'ghost' | 'vivid-raspberry' | 'neptune' | 'supernova' | 'sea-foam' | 'white' | 'show-more' | 'phantom';
+interface Props {
+    type?: AppButtonV2Type;
+    variant?: AppButtonV2Variant;
+    color?: AppButtonV2Color;
+    disabled?: boolean;
+    loading?: boolean;
+    loadingIconFill?: string;
+    loadingIconSize?: string;
+    loadingIconDotSize?: string;
+    gap?: string;
+    unstyled?: boolean;
+}
+declare function __VLS_template(): {
+    attrs: Partial<{}>;
+    slots: {
+        default?(_: {}): any;
+    };
+    refs: {};
+    rootEl: HTMLButtonElement;
+};
+type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
+declare const __VLS_component: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    type: string;
+    variant: string;
+    color: string;
+    disabled: boolean;
+    loading: boolean;
+    loadingIconFill: string;
+    loadingIconSize: string;
+    loadingIconDotSize: string;
+    gap: string;
+    unstyled: boolean;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    type: string;
+    variant: string;
+    color: string;
+    disabled: boolean;
+    loading: boolean;
+    loadingIconFill: string;
+    loadingIconSize: string;
+    loadingIconDotSize: string;
+    gap: string;
+    unstyled: boolean;
+}>>>, {
+    type: AppButtonV2Type;
+    variant: AppButtonV2Variant;
+    color: AppButtonV2Color;
+    disabled: boolean;
+    loading: boolean;
+    loadingIconFill: string;
+    loadingIconSize: string;
+    loadingIconDotSize: string;
+    gap: string;
+    unstyled: boolean;
+}>;
+declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $scopedSlots: S;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/app-button-v2/app-button-v2.vue.js

@@ -0,0 +1,21 @@
+import n from "./app-button-v2.vue2.js";
+/* empty css                   */
+import l from "../../_virtual/_plugin-vue2_normalizer.js";
+var o = function() {
+  var t = this, a = t._self._c, s = t._self._setupProxy;
+  return a("button", t._g(t._b({ staticClass: "app-button-v2", class: [
+    t.unstyled ? null : s.variantClass,
+    t.unstyled ? null : s.colorClass
+  ], 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)]);
+}, e = [], i = /* @__PURE__ */ l(
+  n,
+  o,
+  e,
+  !1,
+  null,
+  "12932918"
+);
+const c = i.exports;
+export {
+  c as default
+};

package/dist/components/app-button-v2/app-button-v2.vue2.js

@@ -0,0 +1,28 @@
+import { defineComponent as p, computed as o } from "vue";
+import u from "../app-loading-dots/app-loading-dots.vue.js";
+const r = /* @__PURE__ */ p({
+  __name: "app-button-v2",
+  props: {
+    type: { default: "button" },
+    variant: { default: "primary" },
+    color: { default: "sky-blue" },
+    disabled: { type: Boolean, default: !1 },
+    loading: { type: Boolean, default: !1 },
+    loadingIconFill: { default: "currentColor" },
+    loadingIconSize: { default: "16px" },
+    loadingIconDotSize: { default: "8px" },
+    gap: { default: "8px" },
+    unstyled: { type: Boolean, default: !1 }
+  },
+  setup(a) {
+    const t = a, e = o(() => `app-button-${t.variant}`), l = o(() => `app-button-${t.color}`), n = o(
+      () => ({
+        "--app-button-v2-gap": t.gap
+      })
+    );
+    return { __sfc: !0, props: t, variantClass: e, colorClass: l, buttonStyle: n, AppLoadingDots: u };
+  }
+});
+export {
+  r as default
+};

package/dist/components/app-button-v2/index.d.ts

@@ -0,0 +1 @@
+export { default as AppButtonV2 } from './app-button-v2.vue';

package/dist/components/app-loading-dots/app-loading-dots.vue.d.ts

@@ -0,0 +1,36 @@
+interface Props {
+    fill?: string;
+    size?: string;
+    dotSize?: string;
+}
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    fill: string;
+    size: string;
+    dotSize: string;
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
+    fill: string;
+    size: string;
+    dotSize: string;
+}>>>, {
+    fill: string;
+    size: string;
+    dotSize: string;
+}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_PrettifyLocal<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_PrettifyLocal<T> = {
+    [K in keyof T]: T[K];
+} & {};

package/dist/components/app-loading-dots/app-loading-dots.vue.js

@@ -0,0 +1,18 @@
+import o from "./app-loading-dots.vue2.js";
+/* empty css                      */
+import a from "../../_virtual/_plugin-vue2_normalizer.js";
+var i = function() {
+  var e = this, t = e._self._c, s = e._self._setupProxy;
+  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 })])])]);
+}, r = [], n = /* @__PURE__ */ a(
+  o,
+  i,
+  r,
+  !1,
+  null,
+  "686ed43e"
+);
+const p = n.exports;
+export {
+  p as default
+};

package/dist/components/app-loading-dots/app-loading-dots.vue2.js

@@ -0,0 +1,21 @@
+import { defineComponent as f, computed as o } from "vue";
+const i = /* @__PURE__ */ f({
+  __name: "app-loading-dots",
+  props: {
+    fill: { default: "#ffffff" },
+    size: { default: "22px" },
+    dotSize: { default: "12px" }
+  },
+  setup(e) {
+    const t = e, d = o(
+      () => ({
+        "--loading-dots-size": t.size,
+        "--loading-dots-dot-size": t.dotSize
+      })
+    ), s = o(() => ({ background: t.fill }));
+    return { __sfc: !0, props: t, containerStyle: d, dotStyle: s };
+  }
+});
+export {
+  i as default
+};

package/dist/components/app-loading-dots/index.d.ts

@@ -0,0 +1 @@
+export { default as AppLoadingDots } from './app-loading-dots.vue';

package/dist/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './app-button-v2';
+export * from './app-loading-dots';

package/dist/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export declare const TEST = "test";

package/dist/index.js

@@ -0,0 +1,9 @@
+/* empty css                       */
+import { default as r } from "./components/app-button-v2/app-button-v2.vue.js";
+import { default as s } from "./components/app-loading-dots/app-loading-dots.vue.js";
+const o = "test";
+export {
+  r as AppButtonV2,
+  s as AppLoadingDots,
+  o as TEST
+};

package/dist/vue2-comp-lib.css

@@ -0,0 +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 )}

package/package.json

@@ -0,0 +1,71 @@
+{
+    "name": "vue2-comp-lib",
+    "version": "1.0.1",
+    "type": "module",
+    "main": "./dist/index.js",
+    "module": "./dist/index.js",
+    "types": "./dist/index.d.ts",
+    "exports": {
+        ".": "./dist/index.js",
+        "./*": "./dist/*.js",
+        "./assets/main.css": "./dist/gh-core-ui.css"
+    },
+    "files": [
+        "src",
+        "dist"
+    ],
+    "sideEffects": [
+        "**/*.css"
+    ],
+    "scripts": {
+        "serve": "storybook dev -p 8081 --no-version-updates",
+        "build": "vite build --mode production",
+        "build-storybook": "storybook build --mode production",
+        "prepublishOnly": "npm run build"
+    },
+    "dependencies": {
+        "modern-normalize": "^3.0.1",
+        "vue": "^2.7.16"
+    },
+    "devDependencies": {
+        "@eslint/js": "^9.39.1",
+        "@storybook/addon-docs": "^7.6.21",
+        "@storybook/addon-essentials": "7.6.21",
+        "@storybook/addon-interactions": "7.6.21",
+        "@storybook/addon-links": "7.6.21",
+        "@storybook/blocks": "7.6.21",
+        "@storybook/manager-api": "^7.6.21",
+        "@storybook/test": "7.6.21",
+        "@storybook/theming": "^7.6.21",
+        "@storybook/vue": "7.6.21",
+        "@storybook/vue-vite": "7.6.21",
+        "@typescript-eslint/parser": "^8.48.0",
+        "@vitejs/plugin-legacy": "^2.0.0",
+        "@vitejs/plugin-vue2": "^2.3.4",
+        "eslint": "^9.39.2",
+        "eslint-config-prettier": "^9.1.0",
+        "eslint-plugin-prettier": "^5.5.4",
+        "eslint-plugin-vue": "^10.6.0",
+        "glob": "^13.0.0",
+        "globals": "^16.5.0",
+        "jiti": "^2.6.1",
+        "prettier": "^3.7.4",
+        "react": "^18.3.1",
+        "react-dom": "^18.3.1",
+        "storybook": "7.6.21",
+        "terser": "^5.14.2",
+        "typescript": "^5.9.3",
+        "typescript-eslint": "^8.47.0",
+        "vite": "^7.3.0",
+        "vite-plugin-checker": "^0.12.0",
+        "vite-plugin-dts": "^4.5.4",
+        "vue-eslint-parser": "^10.2.0",
+        "vue-tsc": "^3.2.2"
+    },
+    "overrides": {
+        "vite": "^7.3.0"
+    },
+    "description": "",
+    "author": "",
+    "license": "ISC"
+}