@axos-web-dev/shared-components 0.0.56 → 0.0.58

package/dist/AlertBanner/index.d.ts

@@ -1,4 +1,4 @@
-import { AlertBannerInterface } from './AlertBanner.interface';
 import { FC } from 'react';
+import { AlertBannerInterface } from './AlertBanner.interface';
 
 export declare const AlertBanner: FC<AlertBannerInterface>;

package/dist/Article/Article.css.d.ts

@@ -0,0 +1,230 @@
+export declare const ant_article: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            selectors: {
+                [x: string]: {
+                    border: "1px solid #d4d4d4";
+                };
+            };
+        };
+        secondary: {
+            selectors: {
+                [x: string]: {
+                    border: "none";
+                };
+            };
+        };
+        tertiary: {
+            selectors: {
+                [x: string]: {
+                    border: "none";
+                };
+            };
+        };
+        quaternary: {
+            selectors: {
+                [x: string]: {
+                    border: "none";
+                };
+            };
+        };
+    };
+}>;
+export declare const ant_img: string;
+export declare const ant_content: string;
+export declare const ant_eyebrow: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        secondary: {
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        tertiary: {
+            selectors: {
+                [x: string]: {
+                    color: "#FAA74A";
+                };
+            };
+        };
+        quaternary: {
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+    };
+}>;
+export declare const ant_card_title: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            selectors: {
+                [x: string]: {
+                    WebkitBackgroundClip: "text";
+                    backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    WebkitTextFillColor: "transparent";
+                    textShadow: "0px 0px #00000000";
+                    color?: undefined;
+                } | {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    WebkitBackgroundClip?: undefined;
+                    backgroundImage?: undefined;
+                    WebkitTextFillColor?: undefined;
+                    textShadow?: undefined;
+                };
+            };
+        };
+        secondary: {
+            selectors: {
+                [x: string]: {
+                    WebkitBackgroundClip: "text";
+                    backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    WebkitTextFillColor: "transparent";
+                    textShadow: "0px 0px #00000000";
+                    color?: undefined;
+                } | {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    WebkitBackgroundClip?: undefined;
+                    backgroundImage?: undefined;
+                    WebkitTextFillColor?: undefined;
+                    textShadow?: undefined;
+                };
+            };
+        };
+        tertiary: {
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        quaternary: {
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+    };
+}>;
+export declare const ant_card_body: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        secondary: {
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        tertiary: {
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        quaternary: {
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+    };
+}>;
+export declare const ant_card_cta: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            selectors: {
+                [x: string]: {
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    selectors: {
+                        "&:hover": {
+                            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                        };
+                        "&:active": {
+                            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                        };
+                    };
+                };
+            };
+        };
+        secondary: {
+            selectors: {
+                [x: string]: {
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    selectors: {
+                        "&:hover": {
+                            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                        };
+                        "&:active": {
+                            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                        };
+                    };
+                };
+            };
+        };
+        tertiary: {
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    selectors: {
+                        "&:hover": {
+                            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                        };
+                        "&:active": {
+                            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                        };
+                    };
+                };
+            };
+        };
+        quaternary: {
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    selectors: {
+                        "&:hover": {
+                            borderColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                        };
+                        "&:active": {
+                            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                            backgroundColor: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                        };
+                    };
+                };
+            };
+        };
+    };
+}>;

package/dist/Article/Article.css.js

@@ -0,0 +1,21 @@
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                          */
+/* empty css                           */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var ant_article = createRuntimeFn({ defaultClassName: "n5hj5p0", variantClassNames: { variant: { primary: "n5hj5p1", secondary: "n5hj5p2", tertiary: "n5hj5p3", quaternary: "n5hj5p4" } }, defaultVariants: {}, compoundVariants: [] });
+var ant_img = "n5hj5p5";
+var ant_content = "n5hj5p6";
+var ant_eyebrow = createRuntimeFn({ defaultClassName: "n5hj5p7", variantClassNames: { variant: { primary: "n5hj5p8", secondary: "n5hj5p9", tertiary: "n5hj5pa", quaternary: "n5hj5pb" } }, defaultVariants: {}, compoundVariants: [] });
+var ant_card_title = createRuntimeFn({ defaultClassName: "n5hj5pc", variantClassNames: { variant: { primary: "n5hj5pd", secondary: "n5hj5pe", tertiary: "n5hj5pf", quaternary: "n5hj5pg" } }, defaultVariants: {}, compoundVariants: [] });
+var ant_card_body = createRuntimeFn({ defaultClassName: "n5hj5ph", variantClassNames: { variant: { primary: "n5hj5pi", secondary: "n5hj5pj", tertiary: "n5hj5pk", quaternary: "n5hj5pl" } }, defaultVariants: {}, compoundVariants: [] });
+var ant_card_cta = createRuntimeFn({ defaultClassName: "n5hj5pm", variantClassNames: { variant: { primary: "n5hj5pn", secondary: "n5hj5po", tertiary: "n5hj5pp", quaternary: "n5hj5pq" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  ant_article,
+  ant_card_body,
+  ant_card_cta,
+  ant_card_title,
+  ant_content,
+  ant_eyebrow,
+  ant_img
+};

package/dist/Article/Article.d.ts

@@ -0,0 +1,14 @@
+import { QuaternaryTypes } from '../utils/variant.types';
+import { ReactNode } from 'react';
+import { ImageInterface } from '../IconBillboard';
+
+export interface ArticleProps {
+    id?: string;
+    image: ImageInterface;
+    itemType: string;
+    title: string | ReactNode;
+    description: string | ReactNode;
+    targetUrl: string;
+    variant?: QuaternaryTypes;
+}
+export declare const Article: ({ id, image, itemType, title, description, targetUrl, variant: fullVariant, }: ArticleProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Article/Article.js

@@ -0,0 +1,51 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { getVariant } from "../utils/getVariant.js";
+import { ant_article, ant_img, ant_content, ant_eyebrow, ant_card_title, ant_card_body, ant_card_cta } from "./Article.css.js";
+const Article = ({
+  id,
+  image,
+  itemType,
+  title,
+  description,
+  targetUrl,
+  variant: fullVariant = "primary"
+}) => {
+  const variant = getVariant(fullVariant);
+  return /* @__PURE__ */ jsxs(
+    "article",
+    {
+      className: `${ant_article({ variant })} flex flex_col rounded`,
+      id: `id_${id}`,
+      children: [
+        /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: ant_img,
+            role: "presentation",
+            style: { backgroundImage: `url('${image.src}')` },
+            children: " "
+          }
+        ),
+        /* @__PURE__ */ jsxs("div", { className: `${ant_content} flex flex_col between`, children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("span", { className: `${ant_eyebrow({ variant })}`, children: itemType }),
+            /* @__PURE__ */ jsx("h3", { className: `${ant_card_title({ variant })} header_3`, children: title }),
+            /* @__PURE__ */ jsx("div", { className: `${ant_card_body({ variant })} push_up`, children: /* @__PURE__ */ jsx(Fragment, { children: description }) })
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "push_up_24 text_center", children: /* @__PURE__ */ jsx(
+            "a",
+            {
+              className: `${ant_card_cta({ variant })}`,
+              "aria-label": "read and learn more about this featured item",
+              href: targetUrl,
+              children: itemType == "Insight" ? "Read More" : "Learn More"
+            }
+          ) })
+        ] })
+      ]
+    }
+  );
+};
+export {
+  Article
+};

package/dist/Article/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Article';
+export * from './Article.css';

package/dist/Article/index.js

@@ -0,0 +1,12 @@
+import { Article } from "./Article.js";
+import { ant_article, ant_card_body, ant_card_cta, ant_card_title, ant_content, ant_eyebrow, ant_img } from "./Article.css.js";
+export {
+  Article,
+  ant_article,
+  ant_card_body,
+  ant_card_cta,
+  ant_card_title,
+  ant_content,
+  ant_eyebrow,
+  ant_img
+};

package/dist/ArticlesSet/ArticlesSet.css.d.ts

@@ -0,0 +1,155 @@
+export declare const ant_section: string;
+export declare const ant_header: string;
+export declare const ant_sec_title: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        secondary: {
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        tertiary: {
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                } | {
+                    color: "#1E262F";
+                };
+            };
+        };
+        quaternary: {
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                } | {
+                    color: "#1E262F";
+                };
+            };
+        };
+    };
+}>;
+export declare const ant_blog_cta: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            selectors: {
+                [x: string]: {
+                    color: "#2F5B88";
+                } | {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        secondary: {
+            selectors: {
+                [x: string]: {
+                    color: "#2F5B88";
+                } | {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        tertiary: {
+            selectors: {
+                [x: string]: {
+                    color: "#2F5B88";
+                } | {
+                    color: "#1E262F";
+                };
+            };
+        };
+        quaternary: {
+            selectors: {
+                [x: string]: {
+                    color: "#2F5B88";
+                } | {
+                    color: "#1E262F";
+                };
+            };
+        };
+    };
+}>;
+export declare const ant_svg_fill: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            selectors: {
+                [x: string]: {
+                    fill: "#2F5B88";
+                } | {
+                    fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        secondary: {
+            selectors: {
+                [x: string]: {
+                    fill: "#2F5B88";
+                } | {
+                    fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        tertiary: {
+            selectors: {
+                [x: string]: {
+                    fill: "#2F5B88";
+                } | {
+                    fill: "#1E262F";
+                };
+            };
+        };
+        quaternary: {
+            selectors: {
+                [x: string]: {
+                    fill: "#2F5B88";
+                } | {
+                    fill: "#1E262F";
+                };
+            };
+        };
+    };
+}>;
+export declare const ant_grid: string;
+export declare const ant_sec_body: import('@vanilla-extract/recipes').RuntimeFn<{
+    variant: {
+        primary: {
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        secondary: {
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        tertiary: {
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+        quaternary: {
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                };
+            };
+        };
+    };
+}>;

package/dist/ArticlesSet/ArticlesSet.css.js

@@ -0,0 +1,21 @@
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                          */
+/* empty css                               */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var ant_section = "kjcqgc0";
+var ant_header = "kjcqgc1";
+var ant_sec_title = createRuntimeFn({ defaultClassName: "kjcqgc2", variantClassNames: { variant: { primary: "kjcqgc3", secondary: "kjcqgc4", tertiary: "kjcqgc5", quaternary: "kjcqgc6" } }, defaultVariants: {}, compoundVariants: [] });
+var ant_blog_cta = createRuntimeFn({ defaultClassName: "kjcqgc7", variantClassNames: { variant: { primary: "kjcqgc8", secondary: "kjcqgc9", tertiary: "kjcqgca", quaternary: "kjcqgcb" } }, defaultVariants: {}, compoundVariants: [] });
+var ant_svg_fill = createRuntimeFn({ defaultClassName: "kjcqgcc", variantClassNames: { variant: { primary: "kjcqgcd", secondary: "kjcqgce", tertiary: "kjcqgcf", quaternary: "kjcqgcg" } }, defaultVariants: {}, compoundVariants: [] });
+var ant_grid = "kjcqgch";
+var ant_sec_body = createRuntimeFn({ defaultClassName: "kjcqgci", variantClassNames: { variant: { primary: "kjcqgcj", secondary: "kjcqgck", tertiary: "kjcqgcl", quaternary: "kjcqgcm" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  ant_blog_cta,
+  ant_grid,
+  ant_header,
+  ant_sec_body,
+  ant_sec_title,
+  ant_section,
+  ant_svg_fill
+};

package/dist/ArticlesSet/ArticlesSet.d.ts

@@ -0,0 +1,12 @@
+import { FC, ReactNode } from 'react';
+import { QuaternaryTypes } from '../utils/variant.types';
+import { ArticleProps } from '../Article';
+
+export interface ArticleSetProps {
+    id?: string;
+    variant?: QuaternaryTypes;
+    title?: string | ReactNode;
+    description?: string | ReactNode;
+    articles?: ArticleProps[];
+}
+export declare const ArticlesSet: FC<ArticleSetProps>;

package/dist/ArticlesSet/ArticlesSet.js

@@ -0,0 +1,115 @@
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { getVariant } from "../utils/getVariant.js";
+import { Article } from "../Article/Article.js";
+import "../Article/Article.css.js";
+import { ant_section, ant_header, ant_sec_title, ant_sec_body, ant_blog_cta, ant_svg_fill, ant_grid } from "./ArticlesSet.css.js";
+const ArticlesSet = ({
+  id,
+  title,
+  articles,
+  description,
+  variant: fullVariant = "primary"
+}) => {
+  const variant = getVariant(fullVariant);
+  return /* @__PURE__ */ jsx("section", { className: ant_section, id: `id_${id}`, children: /* @__PURE__ */ jsxs("div", { className: "containment", children: [
+    /* @__PURE__ */ jsxs("div", { className: `${ant_header} text_center`, children: [
+      /* @__PURE__ */ jsx("h2", { className: `${ant_sec_title({ variant })} header_1`, children: title || "Articles & Tools" }),
+      /* @__PURE__ */ jsx("div", { className: `${ant_sec_body({ variant })} push_up`, children: /* @__PURE__ */ jsx(Fragment, { children: description }) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex center middle push_up_24 sc__btn", children: [
+        /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: "/blog",
+            className: `${ant_blog_cta({ variant })}`,
+            "aria-label": "view all financial blog posts",
+            children: "View All"
+          }
+        ),
+        /* @__PURE__ */ jsxs(
+          "svg",
+          {
+            className: "arrow",
+            width: "7px",
+            height: "11px",
+            viewBox: "0 0 7 11",
+            version: "1.1",
+            xmlns: "http://www.w3.org/2000/svg",
+            xmlnsXlink: "http://www.w3.org/1999/xlink",
+            children: [
+              /* @__PURE__ */ jsx("defs", { children: /* @__PURE__ */ jsx(
+                "polygon",
+                {
+                  id: "path-1",
+                  points: "0 4.3663455e-05 6.47723097 4.3663455e-05 6.47723097 11.0391839 0 11.0391839"
+                }
+              ) }),
+              /* @__PURE__ */ jsx(
+                "g",
+                {
+                  id: "Symbols",
+                  stroke: "none",
+                  "stroke-width": "1",
+                  fill: "none",
+                  "fill-rule": "evenodd",
+                  transform: "rotate(90deg)",
+                  children: /* @__PURE__ */ jsx(
+                    "g",
+                    {
+                      id: "parts-/-button-/-background",
+                      transform: "translate(-87.000000, -17.000000)",
+                      children: /* @__PURE__ */ jsx(
+                        "g",
+                        {
+                          id: "icon-/-button-/-arrow-/-dark",
+                          transform: "translate(78.000000, 12.000000)",
+                          children: /* @__PURE__ */ jsxs(
+                            "g",
+                            {
+                              id: "icon-/-master-arrow-/-dark",
+                              transform: "translate(9.000000, 5.000000)",
+                              children: [
+                                /* @__PURE__ */ jsx("mask", { id: "mask-2", fill: "white", children: /* @__PURE__ */ jsx("use", { xlinkHref: "#path-1" }) }),
+                                /* @__PURE__ */ jsx("g", { id: "Clip-2" }),
+                                /* @__PURE__ */ jsx(
+                                  "path",
+                                  {
+                                    className: `${ant_svg_fill({ variant })}`,
+                                    d: "M1.13491422,0.187942261 C0.94986252,0.00203917967 0.649789062,0.00203917967 0.464737367,0.187942261 L0.187303721,0.466652324 C0.00225202625,0.652555405 0.00225202625,0.95391307 0.187303721,1.13991252 L4.55851447,5.53075249 L0.187303721,9.92149608 C0.00225202625,10.1074955 0.00225202625,10.4088532 0.187303721,10.5947563 L0.464737367,10.8734663 C0.649789062,11.0593694 0.94986252,11.0593694 1.13491422,10.8734663 L6.45248835,5.53075249 L1.13491422,0.187942261 Z",
+                                    id: "Fill-1",
+                                    fill: "#2F5B88",
+                                    "fill-rule": "evenodd",
+                                    mask: "url(#mask-2)"
+                                  }
+                                )
+                              ]
+                            }
+                          )
+                        }
+                      )
+                    }
+                  )
+                }
+              )
+            ]
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: `${ant_grid} flex gap_24`, children: articles?.map((article, index) => /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx(
+      Article,
+      {
+        id: `id_${article.id}`,
+        itemType: article?.itemType,
+        image: article?.image,
+        title: article?.title,
+        description: article?.description,
+        targetUrl: article?.targetUrl,
+        variant: article?.variant
+      },
+      index
+    ) })) })
+  ] }) });
+};
+export {
+  ArticlesSet
+};

package/dist/ArticlesSet/index.d.ts

@@ -0,0 +1,2 @@
+export * from './ArticlesSet';
+export * from './ArticlesSet.css';

package/dist/ArticlesSet/index.js

@@ -0,0 +1,12 @@
+import { ArticlesSet } from "./ArticlesSet.js";
+import { ant_blog_cta, ant_grid, ant_header, ant_sec_body, ant_sec_title, ant_section, ant_svg_fill } from "./ArticlesSet.css.js";
+export {
+  ArticlesSet,
+  ant_blog_cta,
+  ant_grid,
+  ant_header,
+  ant_sec_body,
+  ant_sec_title,
+  ant_section,
+  ant_svg_fill
+};

package/dist/AwardsBanner/AwardsBanner.css.d.ts

@@ -0,0 +1,2 @@
+export declare const awards_section: string;
+export declare const awards_row: string;