@axos-web-dev/shared-components 0.0.2 → 0.0.4

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

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

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

@@ -120,4 +120,3 @@ export declare const table: import("@vanilla-extract/recipes").RuntimeFn<{
 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,3 +1,5 @@
+/* empty css                                */
+/* empty css                                   */
 /* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var container = "_1nivbwe0";
@@ -16,4 +18,3 @@ export {
   td,
   th
 };
-//# sourceMappingURL=Table.css.js.map

package/dist/Table/Table.d.ts

@@ -2,7 +2,7 @@ import { HtmlHTMLAttributes, PropsWithChildren, ReactNode } from "react";
 import { TableVariants, TdVariants, ThVariants } from "./Table.css";
 export interface RowProps extends HtmlHTMLAttributes<HTMLTableRowElement>, PropsWithChildren {
 }
-export declare const TableRow: ({ children, ...props }: RowProps) => import("react/jsx-dev-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";
 }
@@ -53,7 +53,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "off" | "on" | undefined;
+    unselectable?: "on" | "off" | undefined;
     inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
@@ -279,5 +279,4 @@ export interface Table extends PropsWithChildren {
     columns?: ReactNode;
     rows?: ReactNode;
 }
-export declare const Table: (props: Table & TableVariants) => import("react/jsx-dev-runtime").JSX.Element;
-//# sourceMappingURL=Table.d.ts.map
+export declare const Table: (props: Table & TableVariants) => import("react/jsx-runtime").JSX.Element;

package/dist/Table/Table.js

@@ -36,4 +36,3 @@ export {
   TableCell,
   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

@@ -12,4 +12,3 @@ export {
   td,
   th
 };
-//# sourceMappingURL=index.js.map

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
+};

package/dist/assets/Accordion/Accordion.css

@@ -52,6 +52,7 @@
   display: flex;
   padding: 24px;
   font-size: 18px;
+  font-family: var(--header-font-family);
   font-weight: 600;
   letter-spacing: 0.2px;
   background-color: white;
@@ -68,7 +69,7 @@
   text-transform: uppercase;
 }
 .qfoxngb {
-  color: var(--gysk0y2);
+  color: var(--_1073cm83);
 }
 .qfoxngd {
   display: flex;

package/dist/assets/ApyCalculator/ApyCalculator.css

@@ -8,7 +8,7 @@
   margin-inline: auto;
 }
 ._74vxga2 .header_1 {
-  background: var(--gysk0y3);
+  background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
@@ -42,7 +42,7 @@
   -webkit-appearance: none;
 }
 ._74vxga6 .input_label {
-  background: var(--gysk0y3);
+  background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
@@ -81,7 +81,7 @@
   background-color: #edeef0;
 }
 ._74vxgag .header_2 {
-  background: var(--gysk0y3);
+  background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }

package/dist/assets/Button/Button.css

@@ -1,69 +1,75 @@
 ._13pdpuj0 {
+  border: 2px solid transparent;
+  font-family: var(--main-font-family);
   font-weight: 700;
-  border-width: 2px;
-  border-style: solid;
-  max-width: 25ch;
-  overflow: hidden;
-  white-space: nowrap;
-  width: 100%;
-  text-align: center;
+  margin-bottom: 0;
+  -webkit-transition-duration: 0.15s;
+  -o-transition-duration: 0.15s;
+  transition-duration: 0.15s;
+  -webkit-transition-property: color,background-color,border-color;
+  -o-transition-property: color,background-color,border-color;
+  transition-property: color,background-color,border-color;
+  -webkit-transition-timing-function: linear;
+  -o-transition-timing-function: linear;
+  transition-timing-function: linear;
   text-decoration: none;
+  display: inline-block;
+  white-space: nowrap;
+  font-size: 16px;
+  opacity: 1;
+  cursor: pointer;
 }
 ._13pdpuj0:hover {
-  cursor: pointer;
-  text-decoration: underline;
+  background-color: transparent;
 }
 ._13pdpuj1 {
-  background: var(--gysk0y5);
-  border-color: var(--gysk0y5);
-  color: var(--gysk0y4);
+  background: var(--_1073cm86);
+  color: var(--_1073cm85);
 }
 ._13pdpuj1:hover {
-  background: transparent;
-  color: var(--gysk0y5);
+  border-color: var(--_1073cm86);
+  color: var(--_1073cm86);
+}
+._13pdpuj1:active {
+  background-color: var(--_1073cm86);
+  color: var(--_1073cm86);
 }
 ._13pdpuj2 {
-  background: var(--gysk0yh);
-  border-color: var(--gysk0yh);
-  color: var(--gysk0yg);
+  background: var(--_1073cm8i);
+  color: var(--_1073cm8h);
 }
 ._13pdpuj2:hover {
-  background: transparent;
-  color: var(--gysk0yh);
+  border-color: var(--_1073cm8i);
+  color: var(--_1073cm8i);
+}
+._13pdpuj2:active {
+  background-color: var(--_1073cm8i);
+  color: var(--_1073cm8h);
 }
 ._13pdpuj3 {
-  background: var(--gysk0y4);
-  border-color: var(--gysk0y4);
-  color: var(--gysk0y5);
+  background: var(--_1073cm85);
+  color: var(--_1073cm86);
 }
 ._13pdpuj3:hover {
-  background: transparent;
-  color: var(--gysk0y4);
+  border-color: var(--_1073cm85);
+  color: var(--_1073cm85);
+}
+._13pdpuj3:active {
+  background-color: var(--_1073cm85);
+  color: var(--_1073cm85);
 }
 ._13pdpuj4 {
   background: #D4D4D4;
   border-color: #D4D4D4;
 }
 ._13pdpuj5 {
-  padding-inline: 32px;
-  padding-top: 4px;
-  padding-bottom: 4px;
-  font-size: 14px;
-  line-height: 20px;
+  padding: 4px 32px;
 }
 ._13pdpuj6 {
-  padding-inline: 48px;
-  padding-top: 8px;
-  padding-bottom: 8px;
-  font-size: 16px;
-  line-height: 24px;
+  padding: 8px 48px;
 }
 ._13pdpuj7 {
-  padding-inline: 64px;
-  padding-top: 12px;
-  padding-bottom: 12px;
-  font-size: 18px;
-  line-height: 26px;
+  padding: 12px 64px;
 }
 ._13pdpuj8 {
   border: 2px solid transparent;

package/dist/assets/CallToActionBar/CallToActionBar.css

@@ -1,7 +1,7 @@
 ._1tdyl740 {
   width: 100%;
-  background: var(--gysk0yc);
-  color: var(--gysk0yd);
+  background: var(--_1073cm8d);
+  color: var(--_1073cm8e);
 }
 ._1tdyl740 .containment {
   height: -webkit-fit-content;

package/dist/assets/Carousel/Carousel.css

@@ -17,20 +17,20 @@
   padding-bottom: 40px;
 }
 .jgs3fs2 {
-  background: var(--gysk0y0);
-  color: var(--gysk0y2);
+  background: var(--_1073cm81);
+  color: var(--_1073cm83);
 }
 .jgs3fs3 {
-  background: var(--gysk0y6);
-  color: var(--gysk0y8);
+  background: var(--_1073cm87);
+  color: var(--_1073cm89);
 }
 .jgs3fs4 {
-  background: var(--gysk0yc);
-  color: var(--gysk0ye);
+  background: var(--_1073cm8d);
+  color: var(--_1073cm8f);
 }
 .jgs3fs5 {
-  background: var(--gysk0yi);
-  color: var(--gysk0yj);
+  background: var(--_1073cm8j);
+  color: var(--_1073cm8k);
 }
 .jgs3fs6 {
   display: flex;
@@ -44,16 +44,16 @@
   letter-spacing: 0.2px;
 }
 .jgs3fs9 {
-  color: var(--gysk0y2);
+  color: var(--_1073cm83);
 }
 .jgs3fsa {
-  color: var(--gysk0y8);
+  color: var(--_1073cm89);
 }
 .jgs3fsb {
-  color: var(--gysk0ye);
+  color: var(--_1073cm8f);
 }
 .jgs3fsc {
-  color: var(--gysk0yk);
+  color: var(--_1073cm8l);
 }
 .jgs3fsd {
   text-align: center;

package/dist/assets/Chevron/Chevron.css

@@ -5,15 +5,16 @@
   padding: 0;
   text-decoration: none;
   cursor: pointer;
+  font-family: var(--main-font-family);
 }
 ._1gp5vfo1 {
-  color: var(--gysk0y5);
+  color: var(--_1073cm86);
 }
 ._1gp5vfo2 {
-  color: var(--gysk0yh);
+  color: var(--_1073cm8i);
 }
 ._1gp5vfo3 {
-  color: var(--gysk0yd);
+  color: var(--_1073cm8e);
 }
 ._1gp5vfo4 .arrow {
   margin-left: 15px;

package/dist/assets/CollectInformationAlert/CollectInformationAlert.css

@@ -1,6 +1,6 @@
 ._1qdneat0 {
   position: fixed;
-  background: var(--gysk0yc);
+  background: var(--_1073cm8d);
   border-radius: 10px;
   bottom: 20px;
   box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);
@@ -48,6 +48,7 @@
 }
 ._1qdneat4 {
   max-width: 77%;
+  font-family: var(--main-font-family);
 }
 ._1qdneat5 {
   flex: 1 1 0%;

package/dist/assets/ContentBanner/ContentBanner.css

@@ -0,0 +1,65 @@
+._1bwl51g1 {
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
+}
+._1bwl51g2 {
+  background: var(--_1073cm87);
+  color: var(--_1073cm88);
+}
+._1bwl51g3 {
+  background: var(--_1073cm8d);
+  color: var(--_1073cm8e);
+}
+._1bwl51g4 {
+  background: var(--_1073cm8j);
+  color: var(--_1073cm8k);
+}
+._1bwl51g6 {
+  background: var(--_1073cm84);
+  background-clip: text;
+  -webkit-text-fill-color: transparent;
+}
+._1bwl51g7 {
+  color: var(--_1073cm89);
+}
+._1bwl51g8 {
+  color: var(--_1073cm8f);
+}
+._1bwl51g9 {
+  color: var(--_1073cm8l);
+}
+._1bwl51ga {
+  padding-top: 80px;
+  padding-bottom: 80px;
+}
+._1bwl51gb {
+  margin-top: 9px;
+}
+._1bwl51gb p {
+  font: 400 1rem/1.5 var(--main-font-family);
+}
+._1bwl51gb > *+* {
+  margin-top: 10px;
+}
+._1bwl51gc {
+  align-items: center;
+  display: flex;
+  justify-content: center;
+  margin-top: 1.5rem;
+}
+._1bwl51gd {
+  margin-left: 48px;
+}
+@media screen and (max-width:1023px) {
+  ._1bwl51ga {
+    padding-top: 48px;
+    padding-bottom: 48px;
+  }
+  ._1bwl51gc {
+    flex-direction: column;
+  }
+  ._1bwl51gd {
+    margin-top: 24px;
+    margin-left: 0;
+  }
+}