@warp-ds/elements 1.1.1-next.1 → 1.1.1-next.3

package/dist/index.js

@@ -458,7 +458,7 @@ const N = (r) => r ?? B, co = {
   pillSmallLoading: `${f.pillSmall} ${k.xsmall} ${S.pill} ${m.inProgress}`,
   link: `${f.link} ${k.medium} ${S.link}`,
   linkSmall: `${f.link} ${k.xsmall} ${S.link}`,
-  linkAsButton: "inline-block hover:no-underline",
+  linkAsButton: "inline-block hover:no-underline text-center",
   a11y: "sr-only",
   fullWidth: "w-full max-w-full",
   contentWidth: "max-w-max"
@@ -5512,35 +5512,41 @@ function Ya() {
 const Xa = (r, o, e, t) => r === "nb" ? e : r === "fi" ? t : o, de = (r, o, e) => {
   const t = Ya(), a = Xa(t, r, o, e);
   Vo.load(t, a), Vo.activate(t);
-}, ja = $`<span class=${Eo.separator} aria-hidden='true'>/</span>`;
+}, ja = $`<span class=${Eo.separator}
+  >/</span
+>`;
 class Pr extends Ko(H) {
   constructor() {
-    super(), de(ya, za, _a), this.ariaLabel = Vo._(
-      {
-        id: "breadcrumbs.ariaLabel",
-        message: "You are here",
-        comment: "Default screenreader message for the breadcrumb component"
-      }
-    );
+    super(), de(ya, za, _a), this.ariaLabel = Vo._({
+      id: "breadcrumbs.ariaLabel",
+      message: "You are here",
+      comment: "Default screenreader message for the breadcrumb component"
+    });
   }
   connectedCallback() {
     super.connectedCallback();
     const e = Array.from(this.children).flat(1 / 0).filter((t) => t).map((t, a) => {
       if (typeof t == "string") {
         const c = a === children.length - 1;
-        return $`<span class=${Eo.text} aria-current=${c ? "page" : void 0}>${t}</span>`;
+        return $`<span
+          class=${Eo.text}
+          aria-current=${c ? "page" : void 0}
+          >${t}</span
+        >`;
       }
-      return t.classList.add(t.tagName === "A" ? Eo.link : Eo.text), t;
+      return t.classList.add(
+        t.tagName === "A" ? Eo.link : Eo.text
+      ), t;
     });
     this._children = ta(e, ja);
   }
   render() {
     return $`
-      <nav aria-label=${this.ariaLabel}>
-        <h2 class=${Eo.a11y}>${this.ariaLabel}</h2>
-        <div class=${Eo.wrapper}>
-          ${this._children}
-        </div>
+      <nav aria-labelledby="breadCrumbLabel">
+        <h2 id="breadCrumbLabel" class=${Eo.a11y}>
+          ${this.ariaLabel}
+        </h2>
+        <div class=${Eo.wrapper}>${this._children}</div>
       </nav>
     `;
   }
@@ -6196,7 +6202,7 @@ Z(Pr, "styles", Q`
 .sm\\:px-32{padding-left:3.2rem;padding-right:3.2rem;}
 .sm\\:pb-32{padding-bottom:3.2rem;}
 .sm\\:pt-32{padding-top:3.2rem;}
-}
+};
   `), Z(Pr, "properties", {
   ariaLabel: { type: String }
 });

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@warp-ds/elements",
   "type": "module",
-  "version": "1.1.1-next.1",
+  "version": "1.1.1-next.3",
   "description": "Custom elements for Warp",
   "exports": {
     ".": "./dist/index.js",
@@ -78,8 +78,8 @@
     "@lingui/core": "^4.5.0",
     "@open-wc/testing": "3.2.0",
     "@warp-ds/core": "1.0.0",
-    "@warp-ds/css": "^1.1.1",
-    "@warp-ds/icons": "1.1.0-next.12",
+    "@warp-ds/css": "^1.1.2",
+    "@warp-ds/icons": "1.1.0",
     "@warp-ds/uno": "^1.1.0",
     "glob": "8.1.0",
     "html-format": "1.1.2",