@axos-web-dev/shared-components 2.0.0-dev.31.insights.5 → 2.0.0-dev.31.insights.6

package/dist/Insight/Featured/CategorySelector.js

@@ -159,7 +159,7 @@ const CategorySelector = (props) => {
           children: `See More ${title2.replaceAll("-", " ")} Articles`
         }
       )
-    ] }) : /* @__PURE__ */ jsx("p", { className: selector_title_link, children: subcategory !== void 0 ? subcategory : title2 }) }),
+    ] }) : /* @__PURE__ */ jsx("p", { className: selector_title_link, children: subcategory !== void 0 ? subcategory.replaceAll("-", " ") : title2.replaceAll("-", " ") }) }),
     /* @__PURE__ */ jsx("div", { className: selector_grid_items, children: typeof insights !== "undefined" ? insights.map((item) => /* @__PURE__ */ jsx(
       InsightItem,
       {
@@ -195,7 +195,7 @@ const InsightItem = (props) => {
     supertag
   } = props;
   return /* @__PURE__ */ jsxs("a", { id, href: url, className: clsx(onhover, selector_small_item), children: [
-    /* @__PURE__ */ jsx("div", { className: clsx(selector_img, "relative"), children: /* @__PURE__ */ jsx(
+    /* @__PURE__ */ jsx("div", { className: clsx(selector_img, "relative"), "aria-hidden": "true", children: /* @__PURE__ */ jsx(
       OptimizeImage,
       {
         src: `${image?.url}`,
@@ -227,6 +227,7 @@ const InsightItem = (props) => {
             height: 20,
             viewBox: "0 0 1 20",
             fill: "none",
+            "aria-hidden": "true",
             children: /* @__PURE__ */ jsx("path", { d: "M0.5 0V20", stroke: "#14263D" })
           }
         ) }),

package/dist/Insight/Featured/Featured.js

@@ -145,21 +145,28 @@ const FeaturedItem = (props) => {
   const variant = getVariant(fullVariant);
   const imageUrl = image?.url ? `https:${image.url}` : void 0;
   return /* @__PURE__ */ jsx("a", { href: url ?? "/", className: clsx(featured_subgrid_item, onhover), children: /* @__PURE__ */ jsxs("div", { className: featured_subwrap, children: [
-    imageUrl ? /* @__PURE__ */ jsxs("picture", { className: clsx(ratio, featured_subimage), children: [
-      /* @__PURE__ */ jsx("source", { srcSet: `${imageUrl}?fm=avif`, type: "image/avif" }),
-      /* @__PURE__ */ jsx("source", { srcSet: `${imageUrl}?fm=webp`, type: "image/webp" }),
-      /* @__PURE__ */ jsx(
-        Image,
-        {
-          src: imageUrl,
-          className: clsx(featured_maingrid_img, ratio),
-          height: 159,
-          width: 269,
-          priority: true,
-          alt: image?.alt ?? ""
-        }
-      )
-    ] }) : null,
+    imageUrl ? /* @__PURE__ */ jsxs(
+      "picture",
+      {
+        className: clsx(ratio, featured_subimage),
+        "aria-hidden": "true",
+        children: [
+          /* @__PURE__ */ jsx("source", { srcSet: `${imageUrl}?fm=avif`, type: "image/avif" }),
+          /* @__PURE__ */ jsx("source", { srcSet: `${imageUrl}?fm=webp`, type: "image/webp" }),
+          /* @__PURE__ */ jsx(
+            Image,
+            {
+              src: imageUrl,
+              className: clsx(featured_maingrid_img, ratio),
+              height: 159,
+              width: 269,
+              priority: true,
+              alt: image?.alt ?? ""
+            }
+          )
+        ]
+      }
+    ) : null,
     /* @__PURE__ */ jsxs("div", { className: featured_subcontent, children: [
       /* @__PURE__ */ jsx("h3", { className: clsx(featured_subgrid_title, title({ variant })), children: featureItemTitle ?? "" }),
       /* @__PURE__ */ jsxs("div", { className: "flex middle", style: { gap: "4px" }, children: [
@@ -174,6 +181,7 @@ const FeaturedItem = (props) => {
             viewBox: "0 0 1 20",
             fill: "none",
             className: divider_tab,
+            "aria-hidden": "true",
             children: /* @__PURE__ */ jsx("path", { d: "M0.5 0V20", stroke: "#14263D" })
           }
         ) }),
@@ -198,7 +206,7 @@ const Featured = (props) => {
     /* @__PURE__ */ jsxs("div", { children: [
       headline && /* @__PURE__ */ jsx("h2", { className: featured_title, children: headline }),
       /* @__PURE__ */ jsxs("a", { href: main?.url, className: clsx(featured_maingrid, onhover), children: [
-        mainImageUrl ? /* @__PURE__ */ jsxs("picture", { className: clsx(ratio, "rounded"), children: [
+        mainImageUrl ? /* @__PURE__ */ jsxs("picture", { className: clsx(ratio, "rounded"), "aria-hidden": "true", children: [
           /* @__PURE__ */ jsx(
             "source",
             {
@@ -228,22 +236,30 @@ const Featured = (props) => {
         /* @__PURE__ */ jsxs("div", { className: featured_main_wrapper, children: [
           /* @__PURE__ */ jsx("h3", { className: featured_maingrid_title, children: main?.title ?? "" }),
           /* @__PURE__ */ jsx("p", { className: featured_maingrid_text, children: main?.text ?? "" }),
-          /* @__PURE__ */ jsxs("div", { className: "flex middle", style: { gap: "4px" }, children: [
-            /* @__PURE__ */ jsx(ClockIcon, {}),
-            /* @__PURE__ */ jsx("span", { className: info_details, children: (main?.readingTime ?? "") + " minute read" }),
-            /* @__PURE__ */ jsx("div", { className: "flex middle", style: { paddingInline: "8px" }, children: /* @__PURE__ */ jsx(
-              "svg",
-              {
-                xmlns: "http://www.w3.org/2000/svg",
-                width: 1,
-                height: 20,
-                viewBox: "0 0 1 20",
-                fill: "none",
-                children: /* @__PURE__ */ jsx("path", { d: "M0.5 0V20", stroke: "#14263D" })
-              }
-            ) }),
-            /* @__PURE__ */ jsx("span", { className: info_details, style: { fontWeight: "600" }, children: (typeof main?.supertag == "string" && main?.supertag.replaceAll("-", " ")) ?? "" })
-          ] })
+          /* @__PURE__ */ jsxs(
+            "div",
+            {
+              className: "flex middle",
+              style: { gap: "4px", flexWrap: "wrap" },
+              children: [
+                /* @__PURE__ */ jsx(ClockIcon, {}),
+                /* @__PURE__ */ jsx("span", { className: info_details, children: (main?.readingTime ?? "") + " minute read" }),
+                /* @__PURE__ */ jsx("div", { className: "flex middle", style: { paddingInline: "8px" }, children: /* @__PURE__ */ jsx(
+                  "svg",
+                  {
+                    xmlns: "http://www.w3.org/2000/svg",
+                    width: 1,
+                    height: 20,
+                    viewBox: "0 0 1 20",
+                    fill: "none",
+                    "aria-hidden": "true",
+                    children: /* @__PURE__ */ jsx("path", { d: "M0.5 0V20", stroke: "#14263D" })
+                  }
+                ) }),
+                /* @__PURE__ */ jsx("span", { className: info_details, style: { fontWeight: "600" }, children: (typeof main?.supertag == "string" && main?.supertag.replaceAll("-", " ")) ?? "" })
+              ]
+            }
+          )
         ] })
       ] })
     ] }),

package/dist/icons/Clock/index.js

@@ -7,6 +7,7 @@ const ClockIcon = (props) => /* @__PURE__ */ jsx(
     height: "21",
     viewBox: "0 0 20 21",
     fill: "none",
+    "aria-hidden": "true",
     ...props,
     children: /* @__PURE__ */ jsx(
       "path",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "2.0.0-dev.31.insights.5",
+  "version": "2.0.0-dev.31.insights.6",
   "type": "module",
   "main": "index.js",
   "module": "dist/main.js",