@abgov/web-components 1.33.0-alpha.1 → 1.33.0-alpha.2

package/index.js

@@ -19067,7 +19067,7 @@ class V1 extends ve {
 }
 customElements.define("goa-input", me(V1, { type: {}, name: {}, value: {}, autocapitalize: {}, placeholder: {}, leadingicon: {}, trailingicon: {}, variant: {}, disabled: {}, handletrailingiconclick: {}, focused: {}, readonly: {}, error: {}, testid: {}, width: {}, arialabel: {}, arialabelledby: {}, min: {}, max: {}, step: {}, prefix: {}, suffix: {}, debounce: {}, maxlength: {}, id: {}, mt: {}, mr: {}, mb: {}, ml: {}, trailingiconarialabel: {} }, ["leadingContent", "trailingContent"], [], !0));
 function I1(t) {
-  ke(t, "svelte-1x4o8zb", "::slotted(a){color:var(--goa-color-interactive-default)}.link.svelte-1x4o8zb{display:inline-flex;align-items:center;color:var(--goa-color-interactive-default);padding:0;border:none;background:none;cursor:pointer;font:var(--goa-typography-body-m);text-decoration:underline;gap:8px}.link.svelte-1x4o8zb:hover{color:var(--goa-color-interactive-hover)}");
+  ke(t, "svelte-qnql3r", "::slotted(a){color:var(--goa-color-interactive-default)}.link.svelte-qnql3r{display:inline-flex;align-items:center;color:var(--goa-color-interactive-default);padding:0;border:none;background:none;cursor:pointer;font:var(--goa-typography-body-m);text-decoration:underline;gap:8px}.link.svelte-qnql3r:hover{color:var(--goa-color-interactive-hover)}");
 }
 function zo(t) {
   let e;
@@ -19132,12 +19132,12 @@ function B1(t) {
   );
   const a = (
     /*#slots*/
-    t[7].default
+    t[8].default
   ), s = oe(
     a,
     t,
     /*$$scope*/
-    t[6],
+    t[7],
     null
   );
   let d = (
@@ -19146,16 +19146,21 @@ function B1(t) {
   );
   return {
     c() {
-      e = C("div"), r && r.c(), i = V(), s && s.c(), n = V(), d && d.c(), f(e, "class", Me("link") + " svelte-1x4o8zb"), f(e, "style", l = Ue(_e(
+      e = C("div"), r && r.c(), i = V(), s && s.c(), n = V(), d && d.c(), f(e, "class", Me("link") + " svelte-qnql3r"), f(e, "style", l = Ue(_e(
         /*mt*/
-        t[2],
-        /*mr*/
         t[3],
-        /*mb*/
+        /*mr*/
         t[4],
+        /*mb*/
+        t[5],
         /*ml*/
-        t[5]
-      )));
+        t[6]
+      ))), f(
+        e,
+        "data-testid",
+        /*testid*/
+        t[2]
+      );
     },
     m(u, c) {
       D(u, e, c), r && r.m(e, null), w(e, i), s && s.m(e, null), w(e, n), d && d.m(e, null), o = !0;
@@ -19163,35 +19168,41 @@ function B1(t) {
     p(u, [c]) {
       /*leadingicon*/
       u[0] ? r ? r.p(u, c) : (r = zo(u), r.c(), r.m(e, i)) : r && (r.d(1), r = null), s && s.p && (!o || c & /*$$scope*/
-      64) && ae(
+      128) && ae(
         s,
         a,
         u,
         /*$$scope*/
-        u[6],
+        u[7],
         o ? re(
           a,
           /*$$scope*/
-          u[6],
+          u[7],
           c,
           null
         ) : se(
           /*$$scope*/
-          u[6]
+          u[7]
         ),
         null
       ), /*trailingicon*/
       u[1] ? d ? d.p(u, c) : (d = jo(u), d.c(), d.m(e, null)) : d && (d.d(1), d = null), (!o || c & /*mt, mr, mb, ml*/
-      60 && l !== (l = Ue(_e(
+      120 && l !== (l = Ue(_e(
         /*mt*/
-        u[2],
-        /*mr*/
         u[3],
-        /*mb*/
+        /*mr*/
         u[4],
+        /*mb*/
+        u[5],
         /*ml*/
-        u[5]
-      )))) && f(e, "style", l);
+        u[6]
+      )))) && f(e, "style", l), (!o || c & /*testid*/
+      4) && f(
+        e,
+        "data-testid",
+        /*testid*/
+        u[2]
+      );
     },
     i(u) {
       o || (N(s, u), o = !0);
@@ -19205,10 +19216,10 @@ function B1(t) {
   };
 }
 function N1(t, e, i) {
-  let { $$slots: n = {}, $$scope: l } = e, { leadingicon: o } = e, { trailingicon: r } = e, { mt: a = null } = e, { mr: s = null } = e, { mb: d = null } = e, { ml: u = null } = e;
-  return t.$$set = (c) => {
-    "leadingicon" in c && i(0, o = c.leadingicon), "trailingicon" in c && i(1, r = c.trailingicon), "mt" in c && i(2, a = c.mt), "mr" in c && i(3, s = c.mr), "mb" in c && i(4, d = c.mb), "ml" in c && i(5, u = c.ml), "$$scope" in c && i(6, l = c.$$scope);
-  }, [o, r, a, s, d, u, l, n];
+  let { $$slots: n = {}, $$scope: l } = e, { leadingicon: o = null } = e, { trailingicon: r = null } = e, { testid: a = "" } = e, { mt: s = null } = e, { mr: d = null } = e, { mb: u = null } = e, { ml: c = null } = e;
+  return t.$$set = (g) => {
+    "leadingicon" in g && i(0, o = g.leadingicon), "trailingicon" in g && i(1, r = g.trailingicon), "testid" in g && i(2, a = g.testid), "mt" in g && i(3, s = g.mt), "mr" in g && i(4, d = g.mr), "mb" in g && i(5, u = g.mb), "ml" in g && i(6, c = g.ml), "$$scope" in g && i(7, l = g.$$scope);
+  }, [o, r, a, s, d, u, c, l, n];
 }
 class W1 extends ve {
   constructor(e) {
@@ -19221,10 +19232,11 @@ class W1 extends ve {
       {
         leadingicon: 0,
         trailingicon: 1,
-        mt: 2,
-        mr: 3,
-        mb: 4,
-        ml: 5
+        testid: 2,
+        mt: 3,
+        mr: 4,
+        mb: 5,
+        ml: 6
       },
       I1
     );
@@ -19241,32 +19253,38 @@ class W1 extends ve {
   set trailingicon(e) {
     this.$$set({ trailingicon: e }), k();
   }
-  get mt() {
+  get testid() {
     return this.$$.ctx[2];
   }
+  set testid(e) {
+    this.$$set({ testid: e }), k();
+  }
+  get mt() {
+    return this.$$.ctx[3];
+  }
   set mt(e) {
     this.$$set({ mt: e }), k();
   }
   get mr() {
-    return this.$$.ctx[3];
+    return this.$$.ctx[4];
   }
   set mr(e) {
     this.$$set({ mr: e }), k();
   }
   get mb() {
-    return this.$$.ctx[4];
+    return this.$$.ctx[5];
   }
   set mb(e) {
     this.$$set({ mb: e }), k();
   }
   get ml() {
-    return this.$$.ctx[5];
+    return this.$$.ctx[6];
   }
   set ml(e) {
     this.$$set({ ml: e }), k();
   }
 }
-customElements.define("goa-link", me(W1, { leadingicon: {}, trailingicon: {}, mt: {}, mr: {}, mb: {}, ml: {} }, ["default"], [], !0));
+customElements.define("goa-link", me(W1, { leadingicon: {}, trailingicon: {}, testid: {}, mt: {}, mr: {}, mb: {}, ml: {} }, ["default"], [], !0));
 function R1(t) {
   ke(t, "svelte-p8neaq", ".link-button.svelte-p8neaq{display:inline-flex;align-items:center;color:var(--goa-color-interactive-default);padding:0;border:none;background:none;cursor:pointer;font:var(--goa-typography-body-m);text-decoration:underline}::slotted(a){color:var(--goa-color-interactive-default)}");
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/web-components",
-  "version": "1.33.0-alpha.1",
+  "version": "1.33.0-alpha.2",
   "license": "Apache-2.0",
   "description": "Government of Alberta - UI Web components",
   "bugs": {