pangea-lib 2.4.1 → 2.6.0

package/dist/main.es.js

@@ -990,15 +990,15 @@ const Cn = {
   firstLight: "#000000",
   secondLight: "#585858",
   thirdLight: "#9B9B9B",
-  firstLightBackground: "#ffffff",
-  secondLightBackground: "#efefef",
-  thirdLightBackground: "#dddddd",
+  firstBackgroundLight: "#ffffff",
+  secondBackgroundLight: "#efefef",
+  thirdBackgroundLight: "#dddddd",
   firstDark: "#ffffff",
   secondDark: "#d7d7d7",
   thirdDark: "#afafaf",
-  firstDarkBackground: "#1a1a1a",
-  secondDarkBackground: "#242424",
-  thirdDarkBackground: "#5e5e5e",
+  firstBackgroundDark: "#1a1a1a",
+  secondBackgroundDark: "#242424",
+  thirdBackgroundDark: "#5e5e5e",
   primary: "#218c5a",
   secondary: "#218c5a",
   success: "#95cd41",
@@ -1014,7 +1014,7 @@ const Cn = {
   link: "#0064ff",
   error: "#e11515"
 }, fz = {
-  colors: { ...Cn }
+  colors: Cn
 };
 function I4(e, c) {
   let a = 0, t = 0, n = 0, r = 0;
@@ -1031,13 +1031,13 @@ function I4(e, c) {
   return `rgba(${a}, ${t}, ${n}, ${r * c})`;
 }
 const v4 = Mn("pga-colors", () => {
-  const e = f1({ ...Cn });
+  const e = f1(Cn);
   h3(
     e,
     (t) => {
       const n = document.querySelector(":root");
       for (const r in t) {
-        const i = `--pga${r.charAt(0).toUpperCase()}${r.slice(1)}Color`, s = t[r];
+        const i = `--pgaColor${r.charAt(0).toUpperCase()}${r.slice(1)}`, s = t[r];
         n.style.setProperty(i, s);
       }
     },
@@ -1058,8 +1058,8 @@ const uz = { class: "badge" }, hz = /* @__PURE__ */ q1({
   },
   setup(e) {
     n8((n) => ({
-      "048df174": a.value,
-      "3c738ef8": t.value
+      "25ecb09b": a.value,
+      "6ad7520d": t.value
     }));
     const c = e, a = J(() => v4().colors[c.color]), t = J(() => I4(v4().colors[c.color], 0.05));
     return (n, r) => (T(), K("div", uz, [
@@ -1072,7 +1072,7 @@ const v3 = (e, c) => {
   for (const [t, n] of c)
     a[t] = n;
   return a;
-}, dz = /* @__PURE__ */ v3(hz, [["__scopeId", "data-v-a6736fc2"]]);
+}, dz = /* @__PURE__ */ v3(hz, [["__scopeId", "data-v-2477d31e"]]);
 function sa(e, c) {
   var a = Object.keys(e);
   if (Object.getOwnPropertySymbols) {
@@ -4148,7 +4148,7 @@ const zH = /* @__PURE__ */ v3(uH, [["render", pH], ["__scopeId", "data-v-77c6eab
     };
   }
 });
-const bH = /* @__PURE__ */ v3(CH, [["__scopeId", "data-v-6162f1d6"]]), LH = /* @__PURE__ */ q1({
+const bH = /* @__PURE__ */ v3(CH, [["__scopeId", "data-v-62b666b4"]]), LH = /* @__PURE__ */ q1({
   __name: "PgaItemSelected",
   props: {
     isItemSelected: { type: Boolean }
@@ -4168,7 +4168,7 @@ const bH = /* @__PURE__ */ v3(CH, [["__scopeId", "data-v-6162f1d6"]]), LH = /* @
     };
   }
 });
-const yH = /* @__PURE__ */ v3(LH, [["__scopeId", "data-v-ff72c669"]]), xH = {
+const yH = /* @__PURE__ */ v3(LH, [["__scopeId", "data-v-87fbf4cb"]]), xH = {
   es: {
     cancelBtn: "Cancelar",
     selectBtn: "Seleccionar"
@@ -4296,8 +4296,8 @@ const OH = /* @__PURE__ */ v3(DH, [["__scopeId", "data-v-915ee16a"]]), RH = { cl
   emits: ["update:itemSelectedId"],
   setup(e) {
     n8((n) => ({
-      "7fdc928c": a.value,
-      cda5a614: t.value
+      "965ebb2e": a.value,
+      "148da50e": t.value
     }));
     const c = T5(e, "itemSelectedId"), a = J(() => I4(v4().colors.primary, 0.08)), t = J(() => I4(v4().colors.primary, 0.05));
     return (n, r) => {
@@ -4327,7 +4327,7 @@ const OH = /* @__PURE__ */ v3(DH, [["__scopeId", "data-v-915ee16a"]]), RH = { cl
     };
   }
 });
-const IH = /* @__PURE__ */ v3(EH, [["__scopeId", "data-v-66083f03"]]), $H = { class: "spinner" }, YH = /* @__PURE__ */ q1({
+const IH = /* @__PURE__ */ v3(EH, [["__scopeId", "data-v-a08985f4"]]), $H = { class: "spinner" }, YH = /* @__PURE__ */ q1({
   __name: "PgaSpinner",
   props: {
     color: { default: "primary" },
@@ -4335,8 +4335,8 @@ const IH = /* @__PURE__ */ v3(EH, [["__scopeId", "data-v-66083f03"]]), $H = { cl
   },
   setup(e) {
     n8((t) => ({
-      "3ca92167": t.size,
-      "1c2aa586": a.value
+      "13e3ac4b": t.size,
+      "6b9d1e6a": a.value
     }));
     const c = e, a = J(() => {
       let t = v4().colors[c.color];
@@ -4350,7 +4350,7 @@ const IH = /* @__PURE__ */ v3(EH, [["__scopeId", "data-v-66083f03"]]), $H = { cl
     ]));
   }
 });
-const qH = /* @__PURE__ */ v3(YH, [["__scopeId", "data-v-1140d9fe"]]), WH = {
+const qH = /* @__PURE__ */ v3(YH, [["__scopeId", "data-v-f0a814e5"]]), WH = {
   key: 1,
   class: "button--content"
 }, UH = ["textContent"], jH = /* @__PURE__ */ q1({
@@ -4365,12 +4365,12 @@ const qH = /* @__PURE__ */ v3(YH, [["__scopeId", "data-v-1140d9fe"]]), WH = {
   },
   setup(e) {
     n8((s) => ({
-      "64c7dcdf": s.size,
-      "62875bf2": n.value,
-      "570ee4fe": a.value,
-      "2239a6b0": t.value,
-      dd58274c: r.value,
-      "004b1327": i.value
+      aea8f382: s.size,
+      "366ecd52": n.value,
+      "443ede5e": a.value,
+      "2f6d2fe0": t.value,
+      "37c606fa": r.value,
+      "281c4c87": i.value
     }));
     const c = e, a = J(() => c.type === "light" ? "#000" : "#fff"), t = J(() => v4().colors[c.type]), n = J(() => I4(a.value, 0.5)), r = J(() => I4(t.value, 0.9)), i = J(() => I4(t.value, 0.5));
     return (s, o) => {
@@ -4407,7 +4407,7 @@ const qH = /* @__PURE__ */ v3(YH, [["__scopeId", "data-v-1140d9fe"]]), WH = {
     };
   }
 });
-const GH = /* @__PURE__ */ v3(jH, [["__scopeId", "data-v-d73983c7"]]), ZH = ["href", "target"], XH = /* @__PURE__ */ q1({
+const GH = /* @__PURE__ */ v3(jH, [["__scopeId", "data-v-316c8005"]]), ZH = ["href", "target"], XH = /* @__PURE__ */ q1({
   __name: "PgaHyperlink",
   props: {
     text: {},
@@ -4427,7 +4427,7 @@ const GH = /* @__PURE__ */ v3(jH, [["__scopeId", "data-v-d73983c7"]]), ZH = ["hr
     };
   }
 });
-const KH = /* @__PURE__ */ v3(XH, [["__scopeId", "data-v-948fb388"]]), QH = { class: "link" }, JH = /* @__PURE__ */ q1({
+const KH = /* @__PURE__ */ v3(XH, [["__scopeId", "data-v-6bd9e305"]]), QH = { class: "link" }, JH = /* @__PURE__ */ q1({
   __name: "PgaLink",
   props: {
     text: { type: [String, Function] }
@@ -4441,7 +4441,7 @@ const KH = /* @__PURE__ */ v3(XH, [["__scopeId", "data-v-948fb388"]]), QH = { cl
     };
   }
 });
-const eg = /* @__PURE__ */ v3(JH, [["__scopeId", "data-v-0f9740f8"]]);
+const eg = /* @__PURE__ */ v3(JH, [["__scopeId", "data-v-7aa411d1"]]);
 /*!
  * @kurkle/color v0.3.2
  * https://github.com/kurkle/color#readme
@@ -11448,7 +11448,7 @@ const Kb = /* @__PURE__ */ Xb("bar", n5), Qb = /* @__PURE__ */ q1({
     };
   }
 });
-const aL = /* @__PURE__ */ v3(cL, [["__scopeId", "data-v-0510f316"]]), tL = ["textContent"], nL = /* @__PURE__ */ q1({
+const aL = /* @__PURE__ */ v3(cL, [["__scopeId", "data-v-3d33cc59"]]), tL = ["textContent"], nL = /* @__PURE__ */ q1({
   __name: "PgaDisplayText",
   props: {
     text: { type: [String, Function] }
@@ -19397,7 +19397,7 @@ const vk = /* @__PURE__ */ q1({
     };
   }
 });
-const Hk = /* @__PURE__ */ v3(Mk, [["__scopeId", "data-v-e0ef4afc"]]);
+const Hk = /* @__PURE__ */ v3(Mk, [["__scopeId", "data-v-3167a97b"]]);
 var xi = { exports: {} };
 (function(e, c) {
   (function(a, t) {
@@ -19472,9 +19472,9 @@ const Vk = /* @__PURE__ */ oz(gk), Ck = { class: "select" }, bk = {
   emits: ["update:modelValue"],
   setup(e) {
     n8((p) => ({
-      "5cf656c8": r.value,
-      dff26e1a: l.value,
-      "4ba878f8": f.value
+      "23bf7f25": r.value,
+      "3fbbcfbc": l.value,
+      "156c5c1b": f.value
     }));
     const c = Vk.directive, a = T5(e, "modelValue"), t = e, n = f1(), r = f1("0"), i = f1(!1), s = J(() => !!t.options.length), o = J(() => t.options.find((p) => p.id === a.value)), l = J(() => I4(v4().colors.primary, 0.05)), f = J(() => I4(v4().colors.primary, 0.1));
     function u() {
@@ -19529,7 +19529,7 @@ const Vk = /* @__PURE__ */ oz(gk), Ck = { class: "select" }, bk = {
     };
   }
 });
-const xk = /* @__PURE__ */ v3(yk, [["__scopeId", "data-v-efaafb4c"]]), wk = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
+const xk = /* @__PURE__ */ v3(yk, [["__scopeId", "data-v-bea1e434"]]), wk = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
   PgaBadge: dz,
   PgaButton: GH,

package/dist/types/colors/colors.store.d.ts

@@ -5,15 +5,15 @@ export declare const useColorsStore: import('pinia').StoreDefinition<"pga-colors
         firstLight: Color;
         secondLight: Color;
         thirdLight: Color;
-        firstLightBackground: Color;
-        secondLightBackground: Color;
-        thirdLightBackground: Color;
+        firstBackgroundLight: Color;
+        secondBackgroundLight: Color;
+        thirdBackgroundLight: Color;
         firstDark: Color;
         secondDark: Color;
         thirdDark: Color;
-        firstDarkBackground: Color;
-        secondDarkBackground: Color;
-        thirdDarkBackground: Color;
+        firstBackgroundDark: Color;
+        secondBackgroundDark: Color;
+        thirdBackgroundDark: Color;
         primary: Color;
         secondary: Color;
         success: Color;
@@ -36,15 +36,15 @@ export declare const useColorsStore: import('pinia').StoreDefinition<"pga-colors
         firstLight: Color;
         secondLight: Color;
         thirdLight: Color;
-        firstLightBackground: Color;
-        secondLightBackground: Color;
-        thirdLightBackground: Color;
+        firstBackgroundLight: Color;
+        secondBackgroundLight: Color;
+        thirdBackgroundLight: Color;
         firstDark: Color;
         secondDark: Color;
         thirdDark: Color;
-        firstDarkBackground: Color;
-        secondDarkBackground: Color;
-        thirdDarkBackground: Color;
+        firstBackgroundDark: Color;
+        secondBackgroundDark: Color;
+        thirdBackgroundDark: Color;
         primary: Color;
         secondary: Color;
         success: Color;
@@ -67,15 +67,15 @@ export declare const useColorsStore: import('pinia').StoreDefinition<"pga-colors
         firstLight: Color;
         secondLight: Color;
         thirdLight: Color;
-        firstLightBackground: Color;
-        secondLightBackground: Color;
-        thirdLightBackground: Color;
+        firstBackgroundLight: Color;
+        secondBackgroundLight: Color;
+        thirdBackgroundLight: Color;
         firstDark: Color;
         secondDark: Color;
         thirdDark: Color;
-        firstDarkBackground: Color;
-        secondDarkBackground: Color;
-        thirdDarkBackground: Color;
+        firstBackgroundDark: Color;
+        secondBackgroundDark: Color;
+        thirdBackgroundDark: Color;
         primary: Color;
         secondary: Color;
         success: Color;

package/dist/types/colors/colors.types.d.ts

@@ -3,10 +3,10 @@ export type ColorRgb = `rgb(${number}, ${number}, ${number})`;
 export type ColorRgba = `rgba(${number}, ${number}, ${number}, ${number})`;
 export type ColorHex = `#${string}`;
 export type Color = ColorRgb | ColorRgba | ColorHex;
-export type ColorNameApp = 'firstLight' | 'secondLight' | 'thirdLight' | 'firstLightBackground' | 'secondLightBackground' | 'thirdLightBackground' | 'firstDark' | 'secondDark' | 'thirdDark' | 'firstDarkBackground' | 'secondDarkBackground' | 'thirdDarkBackground';
+export type ColorNameApp = 'firstLight' | 'secondLight' | 'thirdLight' | 'firstBackgroundLight' | 'secondBackgroundLight' | 'thirdBackgroundLight' | 'firstDark' | 'secondDark' | 'thirdDark' | 'firstBackgroundDark' | 'secondBackgroundDark' | 'thirdBackgroundDark';
 export type ColorNameCustom = 'primary' | 'secondary';
-export type ColorNameDistinctive = 'success' | 'warning' | 'danger' | 'dark' | 'light' | 'red' | 'purple' | 'sky' | 'beige';
+export type ColorNameUnique = 'success' | 'warning' | 'danger' | 'dark' | 'light' | 'red' | 'purple' | 'sky' | 'beige';
 export type ColorNameInformative = 'info' | 'link' | 'error';
-export type ColorNameUnique = ColorNameCustom | ColorNameDistinctive;
-export type ColorName = ColorNameApp | ColorNameCustom | ColorNameDistinctive | ColorNameInformative;
+export type ColorName = ColorNameApp | ColorNameCustom | ColorNameUnique | ColorNameInformative;
+export type ColorNameProp = ColorNameCustom | ColorNameUnique;
 export type Colors = Record<ColorName, Color>;

package/dist/types/components/PgaBadge.vue.d.ts

@@ -1,9 +1,9 @@
-import { ColorNameUnique } from '../colors';
+import { ColorNameProp } from '../colors';
 
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
-    color: ColorNameUnique;
+    color: ColorNameProp;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
-    color: ColorNameUnique;
+    color: ColorNameProp;
 }>>>, {}, {}>, {
     default?(_: {}): any;
 }>;

package/dist/types/components/PgaSpinner.vue.d.ts

@@ -1,20 +1,20 @@
-import { ColorNameUnique } from '../colors';
+import { ColorNameProp } from '../colors';
 import { Size } from '../types';
 
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    color?: ColorNameUnique;
+    color?: ColorNameProp;
     size?: Size;
 }>, {
     color: string;
     size: string;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
-    color?: ColorNameUnique;
+    color?: ColorNameProp;
     size?: Size;
 }>, {
     color: string;
     size: string;
 }>>>, {
-    color: ColorNameUnique;
+    color: ColorNameProp;
     size: Size;
 }, {}>;
 export default _default;

package/dist/types/components/button/PgaButton.vue.d.ts

@@ -1,10 +1,10 @@
-import { ColorNameUnique } from '../../colors';
+import { ColorNameProp } from '../../colors';
 import { Icon, TextProp, Size } from '../../types';
 
 declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     icon?: Icon;
     text?: TextProp;
-    type?: ColorNameUnique;
+    type?: ColorNameProp;
     size?: Size;
     isLoading?: boolean;
     numberToDisplay?: number;
@@ -14,7 +14,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     icon?: Icon;
     text?: TextProp;
-    type?: ColorNameUnique;
+    type?: ColorNameProp;
     size?: Size;
     isLoading?: boolean;
     numberToDisplay?: number;
@@ -23,7 +23,7 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     size: string;
 }>>>, {
     size: Size;
-    type: ColorNameUnique;
+    type: ColorNameProp;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pangea-lib",
   "description": "",
-  "version": "2.4.1",
+  "version": "2.6.0",
   "type": "module",
   "files": [
     "dist"
@@ -21,6 +21,7 @@
   },
   "types": "./dist/types/main.d.ts",
   "scripts": {
+    "type-check": "vue-tsc",
     "build": "vue-tsc && vite build",
     "deploy": "node deploy.js"
   },