@axos-web-dev/shared-components 0.0.3 → 0.0.5

package/dist/NavigationMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NavBarAXA } from "./AxosAdvisor";
+export { default as NavBarAFS } from "./AxosFiduciary";

package/dist/NavigationMenu/index.js

@@ -0,0 +1,6 @@
+import { default as default2 } from "./AxosAdvisor/index.js";
+import { default as default3 } from "./AxosFiduciary/index.js";
+export {
+  default3 as NavBarAFS,
+  default2 as NavBarAXA
+};

package/dist/SecondaryFooter/SecondaryFooter.css.d.ts

@@ -2,4 +2,3 @@ export declare const secondary_footer: string;
 export declare const footer_link: string;
 export declare const footer_items_wrapper: string;
 export declare const footer_item: string;
-//# sourceMappingURL=SecondaryFooter.css.d.ts.map

package/dist/SecondaryFooter/SecondaryFooter.css.js

@@ -9,4 +9,3 @@ export {
   footer_link,
   secondary_footer
 };
-//# sourceMappingURL=SecondaryFooter.css.js.map

package/dist/SecondaryFooter/index.d.ts

@@ -7,4 +7,3 @@ export interface SecondaryFooterProps {
     items: FooterItem[];
 }
 export declare const SecondaryFooter: (props: SecondaryFooterProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/SecondaryFooter/index.js

@@ -2,9 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { secondary_footer, footer_items_wrapper, footer_item, footer_link } from "./SecondaryFooter.css.js";
 const SecondaryFooter = (props) => {
   const { items } = props;
-  return /* @__PURE__ */ jsx("div", { className: `${secondary_footer} containment`, children: /* @__PURE__ */ jsx("div", { className: footer_items_wrapper, children: items.map((item) => /* @__PURE__ */ jsx("div", { className: footer_item, children: /* @__PURE__ */ jsx("a", { href: item.targetURL, className: footer_link, "aria-label": "", children: item.displayText }) }, item.id)) }) });
+  return /* @__PURE__ */ jsx("div", { className: `${secondary_footer} containment`, children: /* @__PURE__ */ jsx("div", { className: footer_items_wrapper, children: items == null ? void 0 : items.map((item) => /* @__PURE__ */ jsx("div", { className: footer_item, children: /* @__PURE__ */ jsx("a", { href: item.targetURL, className: footer_link, "aria-label": "", children: item.displayText }) }, item.id)) }) });
 };
 export {
   SecondaryFooter
 };
-//# sourceMappingURL=index.js.map

package/dist/SetContainer/SetContainer.css.d.ts

@@ -0,0 +1 @@
+export declare const inline_container: string;

package/dist/SetContainer/SetContainer.css.js

@@ -0,0 +1,5 @@
+/* empty css                                */
+var inline_container = "_18ygy9m0";
+export {
+  inline_container
+};

package/dist/SetContainer/SetContainer.d.ts

@@ -0,0 +1,5 @@
+import type { ImageBillboardSetProps } from '../ImageBillboard/ImageBillboard.interface';
+import { PropsWithChildren } from "react";
+export interface SetContainerProps extends Omit<ImageBillboardSetProps, "imageBillboards">, PropsWithChildren {
+}
+export declare const SetContainer: ({ id, variant, headline, bodyCopy, additionalDetails, children, }: SetContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/SetContainer/SetContainer.js

@@ -0,0 +1,40 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { section_text, header_section } from "../IconBillboard/IconBillboard.css.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                                    */
+/* empty css                                          */
+/* empty css                                          */
+import { getVariant } from "../utils/getVariant.js";
+import "../Chevron/Chevron.css.js";
+import "react";
+import "../Button/Button.css.js";
+import { inline_container } from "./SetContainer.css.js";
+const SetContainer = ({
+  id,
+  variant,
+  headline,
+  bodyCopy,
+  additionalDetails,
+  children
+}) => {
+  const billboard_variant = getVariant(variant);
+  return /* @__PURE__ */ jsxs("section", { className: `containment section_spacer`, children: [
+    /* @__PURE__ */ jsxs("div", { className: section_text, children: [
+      headline && /* @__PURE__ */ jsx(
+        "h2",
+        {
+          className: `header_2 ${header_section({ variant: billboard_variant })}`,
+          children: headline
+        }
+      ),
+      bodyCopy && /* @__PURE__ */ jsx(Fragment, { children: bodyCopy })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: `${inline_container}`, children }),
+    additionalDetails && /* @__PURE__ */ jsx("div", { className: section_text, children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) })
+  ] }, id);
+};
+export {
+  SetContainer
+};

package/dist/SetContainer/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SetContainer";
+export * from "./SetContainer.css";

package/dist/SetContainer/index.js

@@ -0,0 +1,6 @@
+import { SetContainer } from "./SetContainer.js";
+import { inline_container } from "./SetContainer.css.js";
+export {
+  SetContainer,
+  inline_container
+};

package/dist/Table/Table.css.d.ts

@@ -1,5 +1,8 @@
-import { RecipeVariants } from "@vanilla-extract/recipes";
-export declare const container: string;
+export declare const table_container: string;
+export declare const table_container_text: string;
+export declare const table_headline: string;
+export declare const highlight_first_row: string;
+export declare const highlight_last_row: string;
 export declare const headerCell: string;
 export declare const headerVariants: Record<"primary" | "secondary" | "tertiary" | "quaternary", string>;
 export declare const bodyHeader: string;
@@ -8,13 +11,16 @@ export declare const th: import("@vanilla-extract/recipes").RuntimeFn<{
         primary: {
             color: "#4A5560";
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
         };
         secondary: {
             color: "#4A5560";
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
         };
         tertiary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: "1px solid #F4F4F4";
             selectors: {
                 "&:first-child": {
                     background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -24,7 +30,7 @@ export declare const th: import("@vanilla-extract/recipes").RuntimeFn<{
                 "screen and (max-width: 768px)": {
                     selectors: {
                         "&:first-child": {
-                            background: "linear-gradient(90deg,#051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%)";
+                            background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                         };
                     };
                 };
@@ -32,6 +38,7 @@ export declare const th: import("@vanilla-extract/recipes").RuntimeFn<{
         };
         quaternary: {
             color: "#FFFFFF";
+            borderBottom: "1px solid #F4F4F4";
             selectors: {
                 "&:first-child": {
                     background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -41,7 +48,7 @@ export declare const th: import("@vanilla-extract/recipes").RuntimeFn<{
                 "screen and (max-width: 768px)": {
                     selectors: {
                         "&:first-child": {
-                            background: "linear-gradient(90deg,#051A3F 14.64%, #1E3860 48.42%, #4D85B0 85.36%)";
+                            backgroundImage: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
                         };
                     };
                 };
@@ -57,16 +64,20 @@ export declare const td: import("@vanilla-extract/recipes").RuntimeFn<{
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             color: "#4A5560";
+            borderBottom: "1px solid #D4D4D4";
         };
         secondary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             color: "#4A5560";
+            borderBottom: "1px solid #D4D4D4";
         };
         tertiary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: "1px solid #F4F4F4";
             selectors: {
                 "&:first-child": {
                     background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string}) !important` | `var(--${string}, ${string}) !important` | `var(--${string}, ${number}) !important`;
                 };
             };
             "@media": {
@@ -81,9 +92,11 @@ export declare const td: import("@vanilla-extract/recipes").RuntimeFn<{
         };
         quaternary: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            borderBottom: "1px solid #F4F4F4";
             selectors: {
                 "&:first-child": {
                     background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+                    color: `var(--${string}) !important` | `var(--${string}, ${string}) !important` | `var(--${string}, ${number}) !important`;
                 };
             };
             "@media": {
@@ -105,19 +118,19 @@ export declare const table: import("@vanilla-extract/recipes").RuntimeFn<{
     variant: {
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
         };
         secondary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
         };
         tertiary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
         };
         quaternary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            border: `1px solid var(--${string})` | `1px solid var(--${string}, ${string})` | `1px solid var(--${string}, ${number})`;
         };
     };
 }>;
-export type TableVariants = RecipeVariants<typeof table>;
-export type TdVariants = RecipeVariants<typeof td>;
-export type ThVariants = RecipeVariants<typeof th>;
-//# sourceMappingURL=Table.css.d.ts.map

package/dist/Table/Table.css.js

@@ -1,19 +1,28 @@
+/* empty css                                */
+/* empty css                                   */
 /* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var container = "_1nivbwe0";
-var headerCell = "_1nivbwe1";
-var headerVariants = { primary: "_1nivbwe2 _1nivbwe1", secondary: "_1nivbwe3 _1nivbwe1", tertiary: "_1nivbwe4 _1nivbwe1", quaternary: "_1nivbwe5 _1nivbwe1" };
-var bodyHeader = "_1nivbwe6";
-var th = createRuntimeFn({ defaultClassName: "_1nivbwe7", variantClassNames: { variant: { primary: "_1nivbwe8", secondary: "_1nivbwe9", tertiary: "_1nivbwea", quaternary: "_1nivbweb" }, highlighted: { true: "_1nivbwec" } }, defaultVariants: {}, compoundVariants: [] });
-var td = createRuntimeFn({ defaultClassName: "_1nivbwed", variantClassNames: { variant: { primary: "_1nivbwee", secondary: "_1nivbwef", tertiary: "_1nivbweg", quaternary: "_1nivbweh" }, highlighted: { true: "_1nivbwei" } }, defaultVariants: {}, compoundVariants: [[{ highlighted: true, variant: "primary" }, "_1nivbwej"], [{ highlighted: true, variant: "tertiary" }, "_1nivbwek"]] });
-var table = createRuntimeFn({ defaultClassName: "_1nivbwel", variantClassNames: { variant: { primary: "_1nivbwem", secondary: "_1nivbwen", tertiary: "_1nivbweo", quaternary: "_1nivbwep" } }, defaultVariants: {}, compoundVariants: [] });
+var table_container = "_1nivbwe0";
+var table_container_text = "_1nivbwe1";
+var table_headline = "_1nivbwe2";
+var highlight_first_row = "_1nivbwe3";
+var highlight_last_row = "_1nivbwe4";
+var headerCell = "_1nivbwe5";
+var headerVariants = { primary: "_1nivbwe6 _1nivbwe5", secondary: "_1nivbwe7 _1nivbwe5", tertiary: "_1nivbwe8 _1nivbwe5", quaternary: "_1nivbwe9 _1nivbwe5" };
+var bodyHeader = "_1nivbwea";
+var th = createRuntimeFn({ defaultClassName: "_1nivbweb", variantClassNames: { variant: { primary: "_1nivbwec", secondary: "_1nivbwed", tertiary: "_1nivbwee", quaternary: "_1nivbwef" }, highlighted: { true: "_1nivbweg" } }, defaultVariants: {}, compoundVariants: [] });
+var td = createRuntimeFn({ defaultClassName: "_1nivbweh", variantClassNames: { variant: { primary: "_1nivbwei", secondary: "_1nivbwej", tertiary: "_1nivbwek", quaternary: "_1nivbwel" }, highlighted: { true: "_1nivbwem" } }, defaultVariants: {}, compoundVariants: [[{ highlighted: true, variant: "primary" }, "_1nivbwen"], [{ highlighted: true, variant: "tertiary" }, "_1nivbweo"]] });
+var table = createRuntimeFn({ defaultClassName: "_1nivbwep", variantClassNames: { variant: { primary: "_1nivbweq", secondary: "_1nivbwer", tertiary: "_1nivbwes", quaternary: "_1nivbwet" } }, defaultVariants: {}, compoundVariants: [] });
 export {
   bodyHeader,
-  container,
   headerCell,
   headerVariants,
+  highlight_first_row,
+  highlight_last_row,
   table,
+  table_container,
+  table_container_text,
+  table_headline,
   td,
   th
 };
-//# sourceMappingURL=Table.css.js.map

package/dist/Table/Table.d.ts

@@ -1,12 +1,11 @@
-import { HtmlHTMLAttributes, PropsWithChildren, ReactNode } from "react";
-import { TableVariants, TdVariants, ThVariants } from "./Table.css";
-export interface RowProps extends HtmlHTMLAttributes<HTMLTableRowElement>, PropsWithChildren {
-}
+import { PropsWithChildren } from "react";
+import { CellProps, RowProps, TableContainerProps, TableProps } from "./Table.interface";
+export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: ({ variant, children, highlight, }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableRow: ({ children, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
-export interface CellProps extends HtmlHTMLAttributes<HTMLTableCellElement>, PropsWithChildren {
-    as?: "td" | "th";
-}
-export declare const TableCell: ({ children, as, variant, highlighted, ...props }: CellProps & TdVariants & ThVariants) => import("react").DetailedReactHTMLElement<{
+export declare const TableHead: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const TableBody: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+export declare const TableCell: ({ children, as, variant, highlighted, ...props }: CellProps) => import("react").DetailedReactHTMLElement<{
     className: string;
     manifest?: string | undefined;
     defaultChecked?: boolean | undefined;
@@ -53,8 +52,8 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "off" | "on" | undefined;
-    inputMode?: "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "false" | "true") | undefined;
@@ -73,7 +72,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
@@ -275,9 +274,3 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLTableCellElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLTableCellElement> | undefined;
 }, HTMLElement>;
-export interface Table extends PropsWithChildren {
-    columns?: ReactNode;
-    rows?: ReactNode;
-}
-export declare const Table: (props: Table & TableVariants) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Table.d.ts.map

package/dist/Table/Table.interface.d.ts

@@ -0,0 +1,18 @@
+import { HtmlHTMLAttributes, PropsWithChildren, ReactNode } from "react";
+export interface RowProps extends HtmlHTMLAttributes<HTMLTableRowElement>, PropsWithChildren {
+}
+export interface CellProps extends HtmlHTMLAttributes<HTMLTableCellElement>, PropsWithChildren {
+    as?: "td" | "th";
+    variant: string;
+    highlighted?: boolean;
+}
+export interface TableProps extends PropsWithChildren {
+    variant: string;
+    highlight?: "First Row" | "Last Row" | "First and Last Row" | undefined;
+}
+export interface TableContainerProps extends PropsWithChildren {
+    variant: string;
+    tableTitle: ReactNode | string;
+    tableBody?: ReactNode | string;
+    tableFooter: ReactNode | string;
+}

package/dist/Table/Table.interface.js

@@ -0,0 +1 @@
+

package/dist/Table/Table.js

@@ -1,14 +1,50 @@
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import { createElement } from "react";
-import { td, th, container, table } from "./Table.css.js";
+import { table_container, table_container_text, table_headline, table, highlight_first_row, highlight_last_row, td, th } from "./Table.css.js";
+const TableContainer = ({
+  tableTitle,
+  tableBody,
+  tableFooter
+}) => {
+  return /* @__PURE__ */ jsxs("div", { className: clsx(table_container, "containment", "section_spacer"), children: [
+    tableTitle && /* @__PURE__ */ jsx("div", { className: table_container_text, children: /* @__PURE__ */ jsx("h1", { className: clsx("header_1", table_headline), children: tableTitle }) }),
+    tableBody,
+    tableFooter && /* @__PURE__ */ jsx("div", { className: clsx(table_container_text, "push_up_24"), children: tableFooter })
+  ] });
+};
+const Table = ({
+  variant = "primary",
+  children,
+  highlight
+}) => {
+  return /* @__PURE__ */ jsx(
+    "table",
+    {
+      className: clsx(
+        table({ variant: getVariant(variant) }),
+        highlight === "First Row" && highlight_first_row,
+        highlight === "Last Row" && highlight_last_row,
+        highlight === "First and Last Row" && `${highlight_first_row} ${highlight_last_row}`
+      ),
+      children
+    }
+  );
+};
 const TableRow = ({ children, ...props }) => {
   return /* @__PURE__ */ jsx("tr", { ...props, children });
 };
+const TableHead = ({ children }) => {
+  return /* @__PURE__ */ jsx("thead", { children });
+};
+const TableBody = ({ children }) => {
+  return /* @__PURE__ */ jsx("tbody", { children });
+};
 const TableCell = ({
   children,
   as = "td",
-  variant,
+  variant = "primary",
   highlighted,
   ...props
 }) => {
@@ -17,23 +53,18 @@ const TableCell = ({
     {
       ...props,
       className: clsx(
-        as == "td" ? td({ variant, highlighted }) : th({ variant, highlighted }),
+        as == "td" ? td({ variant: getVariant(variant), highlighted }) : th({ variant: getVariant(variant), highlighted }),
         props == null ? void 0 : props.className
       )
     },
     children
   );
 };
-const Table = (props) => {
-  const { variant = "primary", rows, columns } = props;
-  return /* @__PURE__ */ jsx("div", { className: container, children: /* @__PURE__ */ jsxs("table", { className: table({ variant }), children: [
-    /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsx(TableRow, { children: columns }) }),
-    /* @__PURE__ */ jsx("tbody", { children: rows })
-  ] }) });
-};
 export {
   Table,
+  TableBody,
   TableCell,
+  TableContainer,
+  TableHead,
   TableRow
 };
-//# sourceMappingURL=Table.js.map

package/dist/Table/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./Table";
 export * from "./Table.css";
-//# sourceMappingURL=index.d.ts.map

package/dist/Table/index.js

@@ -1,15 +1,21 @@
-import { Table, TableCell, TableRow } from "./Table.js";
-import { bodyHeader, container, headerCell, headerVariants, table, td, th } from "./Table.css.js";
+import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "./Table.js";
+import { bodyHeader, headerCell, headerVariants, highlight_first_row, highlight_last_row, table, table_container, table_container_text, table_headline, td, th } from "./Table.css.js";
 export {
   Table,
+  TableBody,
   TableCell,
+  TableContainer,
+  TableHead,
   TableRow,
   bodyHeader,
-  container,
   headerCell,
   headerVariants,
+  highlight_first_row,
+  highlight_last_row,
   table,
+  table_container,
+  table_container_text,
+  table_headline,
   td,
   th
 };
-//# sourceMappingURL=index.js.map

package/dist/TextBlock/TextBlock.css.d.ts

@@ -0,0 +1,3 @@
+export declare const textBlockParagraph: string;
+export declare const textBlockHeader: string;
+export declare const textBlockList: string;

package/dist/TextBlock/TextBlock.css.js

@@ -0,0 +1,11 @@
+/* empty css                                */
+/* empty css                                   */
+/* empty css                             */
+var textBlockParagraph = "_16g7rvn0";
+var textBlockHeader = "_16g7rvn1";
+var textBlockList = "_16g7rvn2";
+export {
+  textBlockHeader,
+  textBlockList,
+  textBlockParagraph
+};

package/dist/TextBlock/TextBlock.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from "react";
+export interface TextBlockProps {
+    bodyCopy: ReactNode | string;
+    headline: ReactNode | string;
+}
+export declare const TextBlock: (props: TextBlockProps) => import("react/jsx-runtime").JSX.Element;

package/dist/TextBlock/TextBlock.js

@@ -0,0 +1,11 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import { textBlockHeader } from "./TextBlock.css.js";
+const TextBlock = (props) => {
+  return /* @__PURE__ */ jsxs("div", { className: "containment section_spacer", children: [
+    /* @__PURE__ */ jsx("h2", { className: `header_2 text_center ${textBlockHeader}`, children: props.headline }),
+    /* @__PURE__ */ jsx("div", { children: props.bodyCopy })
+  ] });
+};
+export {
+  TextBlock
+};

package/dist/TextBlock/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./TextBlock";
+export * from "./TextBlock.css";

package/dist/TextBlock/index.js

@@ -0,0 +1,8 @@
+import { TextBlock } from "./TextBlock.js";
+import { textBlockHeader, textBlockList, textBlockParagraph } from "./TextBlock.css.js";
+export {
+  TextBlock,
+  textBlockHeader,
+  textBlockList,
+  textBlockParagraph
+};

package/dist/Typography/Typography.css.d.ts

@@ -0,0 +1,65 @@
+import { RecipeVariants } from "@vanilla-extract/recipes";
+/**
+ * Encode font
+ */
+export declare const headerCssVariable = "var(--header-font-family)";
+/**
+ * Roboto font
+ */
+export declare const mainCssVariable = "var(--main-font-family)";
+export declare const header: string;
+export declare const sizes: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        xs: {
+            fontSize: number;
+        };
+        sm: {
+            fontSize: number;
+        };
+        base: {
+            fontSize: number;
+        };
+        lg: {
+            fontSize: number;
+        };
+        xl: {
+            fontSize: number;
+        };
+        xxl: {
+            fontSize: number;
+        };
+    };
+}>;
+export declare const typography: import("@vanilla-extract/recipes").RuntimeFn<{
+    type: {
+        h1: {
+            fontFamily: "var(--header-font-family)";
+        };
+        h2: {
+            fontFamily: "var(--header-font-family)";
+        };
+        h3: {
+            fontFamily: "var(--header-font-family)";
+        };
+        h4: {
+            fontFamily: "var(--header-font-family)";
+        };
+        h5: {
+            fontFamily: "var(--header-font-family)";
+        };
+        h6: {
+            fontFamily: "var(--header-font-family)";
+        };
+        subtitle1: {};
+        subtitle2: {};
+        body1: {
+            fontFamily: "var(--main-font-family)";
+        };
+        body2: {
+            fontFamily: "var(--main-font-family)";
+        };
+        inherit: {};
+    };
+}>;
+export type TypographyVariants = RecipeVariants<typeof typography>;
+export type TypographySizeVariants = RecipeVariants<typeof sizes>;

package/dist/Typography/Typography.css.js

@@ -0,0 +1,14 @@
+/* empty css                              */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var headerCssVariable = "var(--header-font-family)";
+var mainCssVariable = "var(--main-font-family)";
+var header = "_17xoant0";
+var sizes = createRuntimeFn({ defaultClassName: "_17xoant1", variantClassNames: { size: { xs: "_17xoant2", sm: "_17xoant3", base: "_17xoant4", lg: "_17xoant5", xl: "_17xoant6", xxl: "_17xoant7" } }, defaultVariants: {}, compoundVariants: [] });
+var typography = createRuntimeFn({ defaultClassName: "_17xoant8", variantClassNames: { type: { h1: "_17xoant9", h2: "_17xoanta", h3: "_17xoantb", h4: "_17xoantc", h5: "_17xoantd", h6: "_17xoante", subtitle1: "_17xoantf", subtitle2: "_17xoantg", body1: "_17xoanth", body2: "_17xoanti", inherit: "_17xoantj" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  header,
+  headerCssVariable,
+  mainCssVariable,
+  sizes,
+  typography
+};

package/dist/Typography/Typography.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { TypographySizeVariants, TypographyVariants } from ".";
+type AsType = "body1" | "body2" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | string;
+export interface Props extends React.PropsWithChildren {
+    as?: AsType;
+    className?: string;
+}
+declare const Typography: (props: Props & TypographyVariants & TypographySizeVariants) => React.ReactElement<{
+    className: string;
+}, string | React.JSXElementConstructor<any>>;
+export { Typography };

package/dist/Typography/Typography.js

@@ -0,0 +1,32 @@
+import clsx from "clsx";
+import React from "react";
+import { typography, sizes } from "./Typography.css.js";
+const defaultVariantMapping = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  subtitle1: "h6",
+  subtitle2: "h6",
+  body1: "p",
+  body2: "p",
+  inherit: "p",
+  button: "button"
+};
+const Typography = (props) => {
+  const { type, size, as = "body1", children, ...rest } = props;
+  const Component = defaultVariantMapping[as] || "span";
+  return React.createElement(
+    Component,
+    {
+      ...rest,
+      className: clsx(typography({ type }), sizes({ size }), props.className)
+    },
+    children
+  );
+};
+export {
+  Typography
+};

package/dist/Typography/index.d.ts

@@ -0,0 +1 @@
+export * from "./Typography.css";

package/dist/Typography/index.js

@@ -0,0 +1,8 @@
+import { header, headerCssVariable, mainCssVariable, sizes, typography } from "./Typography.css.js";
+export {
+  header,
+  headerCssVariable,
+  mainCssVariable,
+  sizes,
+  typography
+};