pangea-lib 2.11.697 → 2.11.698

package/dist/main.es.js

@@ -11755,29 +11755,28 @@ const kt = /* @__PURE__ */ e2(JB, [["__scopeId", "data-v-4dd06940"]]), eI = ["ty
     variant: {},
     size: { default: "m" },
     align: { default: "center" },
-    borderRadius: {},
     color: { default: "primary" },
-    height: { default: "auto" },
-    width: { default: "max-content" },
+    heightAndWidth: {},
+    rounded: { type: Boolean },
     disabled: { type: Boolean },
     isLoading: { type: Boolean },
     numberToDisplay: {}
   },
   setup(e) {
-    T3((v) => ({
-      "77dac0d8": n.value,
-      "6ec5fd42": v.height,
-      "8bd55b6a": v.width,
-      "0ce87f29": i.value,
-      "44f304a2": u.value,
-      "27ce3074": o.value,
-      "7cf54f0a": l.value,
-      "3db0bc26": f.value,
-      "51fb2186": h.value,
-      "6ed2219c": s.value,
-      "2bac9ecf": p.value,
-      "031b5283": d.value,
-      "7672b6d1": m.value
+    T3((z) => ({
+      a44b6e9e: n.value,
+      d23d95b0: i.value,
+      "460e6255": s.value,
+      "3547cfa0": l.value,
+      "9e2f8994": d.value,
+      f62249c2: o.value,
+      "8b6cf17c": u.value,
+      ea5d7818: h.value,
+      "4bfff996": m.value,
+      "07a814f5": f.value,
+      a2357b30: g.value,
+      "7818dcdc": p.value,
+      c1e4342c: v.value
     }));
     const a = e, { form: t, button: c } = v4(d2()), r = t1(() => a.variant || c.value.variant), n = t1(() => {
       if (a.size === "s")
@@ -11786,56 +11785,56 @@ const kt = /* @__PURE__ */ e2(JB, [["__scopeId", "data-v-4dd06940"]]), eI = ["ty
         return "1rem";
       if (a.size === "l")
         return "1.2rem";
-    }), i = t1(() => {
+    }), i = t1(() => a.heightAndWidth || "auto"), s = t1(() => a.heightAndWidth || "max-content"), o = t1(() => a.rounded ? "100%" : t.value.input.borderRadius), l = t1(() => {
       if (a.size === "s")
         return "0.3rem";
       if (a.size === "m")
         return "0.4rem";
       if (a.size === "l")
         return "0.5rem";
-    }), s = t1(() => {
+    }), f = t1(() => {
       if (a.align === "center")
         return "center";
       if (a.align === "left")
         return "flex-start";
       if (a.align === "right")
         return "flex-end";
-    }), o = t1(() => a.borderRadius || t.value.input.borderRadius), l = t1(() => a.color === "first" ? "var(--pga-color-first)" : r.value === "filled" ? `var(--pga-color-${a.color}-contrast)` : `var(--pga-color-${a.color})`), f = t1(() => a.color === "first" ? "none" : r.value === "filled" ? `var(--pga-color-${a.color})` : `var(--pga-color-${a.color}-01)`), u = t1(() => a.color === "first" || r.value === "filled" || r.value === "flat" ? "none" : `var(--pga-color-${a.color})`), h = t1(() => a.color === "first" ? "var(--pga-color-first-01)" : r.value === "filled" ? `var(--pga-color-${a.color}-09)` : `var(--pga-color-${a.color}-02)`), d = t1(() => a.color === "first" ? "var(--pga-color-first)" : r.value === "filled" ? `var(--pga-color-${a.color})` : `var(--pga-color-${a.color}-contrast)`), m = t1(() => a.color === "first" ? "none" : r.value === "filled" ? `var(--pga-color-${a.color}-contrast)` : `var(--pga-color-${a.color})`), p = t1(() => a.color === "first" ? "var(--pga-color-first)" : r.value === "flat" ? "none" : r.value === "filled" ? `var(--pga-color-${a.color})` : "none");
-    return (v, g) => (I(), i1("button", {
-      class: q1(["button", { button__disabled: v.disabled, "button__is-loading": v.isLoading }]),
-      type: v.type,
-      disabled: v.disabled || v.isLoading
+    }), u = t1(() => a.color === "first" ? "var(--pga-color-first)" : r.value === "filled" ? `var(--pga-color-${a.color}-contrast)` : `var(--pga-color-${a.color})`), h = t1(() => a.color === "first" ? "none" : r.value === "filled" ? `var(--pga-color-${a.color})` : `var(--pga-color-${a.color}-01)`), d = t1(() => a.color === "first" || r.value === "filled" || r.value === "flat" ? "none" : `var(--pga-color-${a.color})`), m = t1(() => a.color === "first" ? "var(--pga-color-first-01)" : r.value === "filled" ? `var(--pga-color-${a.color}-09)` : `var(--pga-color-${a.color}-02)`), p = t1(() => a.color === "first" ? "var(--pga-color-first)" : r.value === "filled" ? `var(--pga-color-${a.color})` : `var(--pga-color-${a.color}-contrast)`), v = t1(() => a.color === "first" ? "none" : r.value === "filled" ? `var(--pga-color-${a.color}-contrast)` : `var(--pga-color-${a.color})`), g = t1(() => a.color === "first" ? "var(--pga-color-first)" : r.value === "flat" ? "none" : r.value === "filled" ? `var(--pga-color-${a.color})` : "none");
+    return (z, x) => (I(), i1("button", {
+      class: q1(["button", { button__disabled: z.disabled, "button__is-loading": z.isLoading }]),
+      type: z.type,
+      disabled: z.disabled || z.isLoading
     }, [
-      v.isLoading ? (I(), L1(kt, {
+      z.isLoading ? (I(), L1(kt, {
         key: 0,
         class: "button--spinner",
-        color: v.color
+        color: z.color
       }, null, 8, ["color"])) : (I(), i1("div", aI, [
-        v.icon ? (I(), L1(Y3, {
+        z.icon ? (I(), L1(Y3, {
           key: 0,
-          icon: v.icon
+          icon: z.icon
         }, null, 8, ["icon"])) : p1("", !0),
-        v.text ? (I(), L1(a0, {
+        z.text ? (I(), L1(a0, {
           key: 1,
-          text: v.text
+          text: z.text
         }, null, 8, ["text"])) : p1("", !0),
-        !v.icon && !v.text ? P1(v.$slots, "default", { key: 2 }, void 0, !0) : p1("", !0)
+        !z.icon && !z.text ? P1(z.$slots, "default", { key: 2 }, void 0, !0) : p1("", !0)
       ])),
-      v.numberToDisplay ? (I(), i1("div", {
+      z.numberToDisplay ? (I(), i1("div", {
         key: 2,
         class: "button--number-to-display",
-        onClick: g[0] || (g[0] = V0(() => {
+        onClick: x[0] || (x[0] = V0(() => {
         }, ["stop"]))
       }, [
         y1("span", {
           class: "number-to-display--number",
-          textContent: Z1(v.numberToDisplay)
+          textContent: Z1(z.numberToDisplay)
         }, null, 8, tI)
       ])) : p1("", !0)
     ], 10, eI));
   }
 });
-const w3 = /* @__PURE__ */ e2(cI, [["__scopeId", "data-v-8665868b"]]);
+const w3 = /* @__PURE__ */ e2(cI, [["__scopeId", "data-v-5344f4dd"]]);
 function Ng(e, a) {
   const t = (c) => {
     var n;

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

@@ -7,10 +7,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     variant?: ButtonVariant;
     size?: ButtonSize;
     align?: Align;
-    borderRadius?: string;
     color?: string;
-    height?: string;
-    width?: string;
+    heightAndWidth?: string;
+    rounded?: boolean;
     disabled?: boolean;
     isLoading?: boolean;
     numberToDisplay?: number;
@@ -19,8 +18,6 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     size: string;
     align: string;
     color: string;
-    height: string;
-    width: string;
 }>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     type?: ButtonType;
     icon?: import('@fortawesome/fontawesome-common-types').IconName | Icon;
@@ -28,10 +25,9 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     variant?: ButtonVariant;
     size?: ButtonSize;
     align?: Align;
-    borderRadius?: string;
     color?: string;
-    height?: string;
-    width?: string;
+    heightAndWidth?: string;
+    rounded?: boolean;
     disabled?: boolean;
     isLoading?: boolean;
     numberToDisplay?: number;
@@ -40,15 +36,11 @@ declare const _default: __VLS_WithTemplateSlots<import('vue').DefineComponent<__
     size: string;
     align: string;
     color: string;
-    height: string;
-    width: string;
 }>>>, {
     color: string;
     type: ButtonType;
     size: ButtonSize;
-    height: string;
     align: Align;
-    width: string;
 }, {}>, {
     default?(_: {}): any;
 }>;

package/dist/types/components/image/PgaImage.vue.d.ts

@@ -18,6 +18,9 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<ImageSource>;
         default: string;
     };
+    rounded: {
+        type: import('vue').PropType<boolean>;
+    };
     width: {
         type: import('vue').PropType<Size>;
     };
@@ -34,9 +37,6 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<"horizontal" | "vertical">;
         default: string;
     };
-    rounded: {
-        type: import('vue').PropType<boolean>;
-    };
 }, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     modelValue: import('vue').PropType<string>;
     image: {
@@ -55,6 +55,9 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<ImageSource>;
         default: string;
     };
+    rounded: {
+        type: import('vue').PropType<boolean>;
+    };
     width: {
         type: import('vue').PropType<Size>;
     };
@@ -71,9 +74,6 @@ declare const _default: import('vue').DefineComponent<{
         type: import('vue').PropType<"horizontal" | "vertical">;
         default: string;
     };
-    rounded: {
-        type: import('vue').PropType<boolean>;
-    };
 }>>, {
     source: ImageSource;
     buttonsLayout: 'horizontal' | 'vertical';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "pangea-lib",
   "description": "",
-  "version": "2.11.697",
+  "version": "2.11.698",
   "author": "Gianfranco Raselli",
   "license": "ISC",
   "homepage": "https://github.com/GianfrancoRaselli/pangea#readme",