@axos-web-dev/shared-components 0.0.20 → 0.0.22

package/dist/Input/Input.d.ts

@@ -1,5 +1,6 @@
+import { InputHTMLAttributes, ReactNode } from 'react';
 import { QuaternaryTypes } from '../utils';
-import { InputHTMLAttributes, ReactNode } from "react";
+
 export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     label?: ReactNode;
     iconLeft?: ReactNode;
@@ -10,4 +11,4 @@ export interface InputProps extends InputHTMLAttributes<HTMLInputElement> {
     helperText?: ReactNode;
     variant?: QuaternaryTypes;
 }
-export declare const Input: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+export declare const Input: import('react').ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Input/InputPhone.d.ts

@@ -1,3 +1,3 @@
-/// <reference types="react" />
-import { InputProps } from ".";
-export declare const InputPhone: import("react").ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;
+import { InputProps } from '.';
+
+export declare const InputPhone: import('react').ForwardRefExoticComponent<InputProps & import("react").RefAttributes<HTMLInputElement>>;

package/dist/Input/index.d.ts

@@ -1,3 +1,3 @@
-export * from "./Input";
-export * from "./Input.css";
-export * from "./InputPhone";
+export * from './Input';
+export * from './Input.css';
+export * from './InputPhone';

package/dist/Inputs/Input.css.d.ts

@@ -1,4 +1,4 @@
-export declare const icon: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{
     size: {
         small: {
             width: number;
@@ -14,7 +14,7 @@ export declare const icon: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-export declare const labelClassName: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const labelClassName: import('@vanilla-extract/recipes').RuntimeFn<{
     error: {
         true: {
             color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -29,7 +29,7 @@ export declare const labelClassName: import("@vanilla-extract/recipes").RuntimeF
 }>;
 export declare const iconContainerBase: string;
 export declare const iconContainer: Record<"left" | "right", string>;
-export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const container: import('@vanilla-extract/recipes').RuntimeFn<{
     size: {
         small: {
             paddingTop: number;
@@ -63,7 +63,7 @@ export declare const container: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-export declare const input: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const input: import('@vanilla-extract/recipes').RuntimeFn<{
     size: {
         small: {
             fontSize: number;
@@ -119,12 +119,12 @@ export declare const input: import("@vanilla-extract/recipes").RuntimeFn<{
         };
     };
 }>;
-export declare const wrapper: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const wrapper: import('@vanilla-extract/recipes').RuntimeFn<{
     [x: string]: {
         [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
     };
 }>;
-export declare const helperText: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const helperText: import('@vanilla-extract/recipes').RuntimeFn<{
     disabled: {
         true: {
             color: "#5E6A74";

package/dist/MainHTML/index.d.ts

@@ -1,4 +1,5 @@
-import { PropsWithChildren } from "react";
+import { PropsWithChildren } from 'react';
+
 export interface BodyProps extends PropsWithChildren {
     theme: "Axos" | "Premier";
 }

package/dist/Modal/Modal.css.d.ts

@@ -9,3 +9,4 @@ export declare const modal_subtitle: string;
 export declare const modal_body: string;
 export declare const modal_footer: string;
 export declare const site_link: string;
+export declare const speedbump_background: string;

package/dist/Modal/Modal.css.js

@@ -12,6 +12,7 @@ var modal_subtitle = "_427id37";
 var modal_body = "_427id38";
 var modal_footer = "_427id39";
 var site_link = "_427id3a";
+var speedbump_background = "_427id3b";
 export {
   hr,
   modal,
@@ -23,5 +24,6 @@ export {
   modal_subtitle,
   modal_title,
   site_link,
-  solid
+  solid,
+  speedbump_background
 };

package/dist/Modal/Modal.d.ts

@@ -1,3 +1,4 @@
-import { FC } from "react";
-import { ModalProps } from "./Modal.interface";
+import { ModalProps } from './Modal.interface';
+import { FC } from 'react';
+
 export declare const Modal: FC<ModalProps>;

package/dist/Modal/Modal.js

@@ -36,16 +36,14 @@ import "react-hook-form";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "./contextApi/store.js";
 /* empty css                                                      */
-import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
 /* empty css                                                         */
-import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
 /* empty css                                                    */
 import "../Table/Table.css.js";
 /* empty css                                        */
 import "next/script.js";
 /* empty css                                        */
 /* empty css                                              */
-import { modal, modal_dialog, modal_content, modal_header, modal_title, modal_subtitle, solid, modal_body, site_link, modal_footer } from "./Modal.css.js";
+import { modal, speedbump_background, modal_dialog, modal_content, modal_header, modal_title, modal_subtitle, solid, modal_body, site_link, modal_footer } from "./Modal.css.js";
 const Modal = ({
   headline,
   bodyCopy,
@@ -53,47 +51,50 @@ const Modal = ({
   onAccept,
   onCancel
 }) => {
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { id: "speedbump", tabIndex: -1, role: "dialog", className: modal, children: /* @__PURE__ */ jsx("div", { className: `${modal_dialog} rounded`, children: /* @__PURE__ */ jsxs("div", { className: `${modal_content} rounded`, children: [
-    /* @__PURE__ */ jsxs("div", { className: `${modal_header} text_center`, children: [
-      /* @__PURE__ */ jsx("h2", { className: `${modal_title} header_3`, children: headline }),
-      /* @__PURE__ */ jsx("p", { className: `${modal_subtitle} p_16 mb_0 push_up`, children: bodyCopy })
-    ] }),
-    /* @__PURE__ */ jsx("hr", { className: solid }),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `${modal_body} text-center flex flex_col center middle mx_auto`,
-        children: [
-          /* @__PURE__ */ jsx("p", { className: "p_16", children: "You will now be redirected to:" }),
-          /* @__PURE__ */ jsx("p", { id: "insert-url", className: site_link, children: body })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsx("hr", { className: solid }),
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        className: `${modal_footer} flex center middle push_up_24`,
-        style: { marginInline: "auto", width: "max-content" },
-        children: [
-          /* @__PURE__ */ jsx(Button, { color: "primary", action: onAccept, children: "Continue" }),
-          /* @__PURE__ */ jsx(
-            "a",
-            {
-              style: { textDecoration: "none", padding: "8px 48px" },
-              role: "button",
-              className: `sc__btn ${chevron({ variant: "primary" })}`,
-              "aria-label": "Close",
-              title: "Go Back",
-              id: "close",
-              onClick: onCancel,
-              children: "Close"
-            }
-          )
-        ]
-      }
-    )
-  ] }) }) }) });
+  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs("div", { id: "speedbump", tabIndex: -1, role: "dialog", className: modal, children: [
+    /* @__PURE__ */ jsx("div", { className: speedbump_background, onClick: onCancel }),
+    /* @__PURE__ */ jsx("div", { className: `${modal_dialog} rounded`, children: /* @__PURE__ */ jsxs("div", { className: `${modal_content} rounded`, children: [
+      /* @__PURE__ */ jsxs("div", { className: `${modal_header} text_center`, children: [
+        /* @__PURE__ */ jsx("h2", { className: `${modal_title} header_3`, children: headline }),
+        /* @__PURE__ */ jsx("p", { className: `${modal_subtitle} p_16 mb_0 push_up`, children: bodyCopy })
+      ] }),
+      /* @__PURE__ */ jsx("hr", { className: solid }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `${modal_body} text-center flex flex_col center middle mx_auto`,
+          children: [
+            /* @__PURE__ */ jsx("p", { className: "p_16", children: "You will now be redirected to:" }),
+            /* @__PURE__ */ jsx("p", { id: "insert-url", className: site_link, children: body })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("hr", { className: solid }),
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: `${modal_footer} flex center middle push_up_24`,
+          style: { marginInline: "auto", width: "max-content" },
+          children: [
+            /* @__PURE__ */ jsx(Button, { color: "primary", action: onAccept, children: "Continue" }),
+            /* @__PURE__ */ jsx(
+              "a",
+              {
+                style: { textDecoration: "none", padding: "8px 48px" },
+                role: "button",
+                className: `sc__btn ${chevron({ variant: "primary" })}`,
+                "aria-label": "Close",
+                title: "Go Back",
+                id: "close",
+                onClick: onCancel,
+                children: "Close"
+              }
+            )
+          ]
+        }
+      )
+    ] }) })
+  ] }) });
 };
 export {
   Modal

package/dist/Modal/contextApi/store.d.ts

@@ -1,10 +1,11 @@
-import { Dispatch, PropsWithChildren, SetStateAction } from "react";
+import { Dispatch, PropsWithChildren, SetStateAction } from 'react';
+
 export interface ContextProps {
     targetLinkUrl: string;
     setTargetLinkUrl: Dispatch<SetStateAction<string>>;
     openModal: boolean;
     setOpenModal: Dispatch<SetStateAction<boolean>>;
 }
-export declare const GlobalContext: import("react").Context<ContextProps>;
+export declare const GlobalContext: import('react').Context<ContextProps>;
 export declare const GlobalContextProvider: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const useGlobalContext: () => ContextProps;

package/dist/Modal/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./Modal";
-export * from "./contextApi/store";
+export * from './Modal';
+export * from './contextApi/store';