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

package/dist/main.js

@@ -1,3 +1,4 @@
+"use client";
 import { Accordion, AccordionCtx, AccordionDetails, AccordionHeader } from "./Accordion/Accordion.js";
 import { accordion, bodyAccordion, headerAccordion, headerContent, hide, icon, paragraph } from "./Accordion/Accordion.css.js";
 import { AlertBanner } from "./AlertBanner/index.js";
@@ -13,6 +14,10 @@ import { DownloadTile } from "./DownloadTile/index.js";
 import { AccordionItem, AccordionItemContent, AccordionItemSummary, FaqAccordion } from "./FaqAccordion/index.js";
 import { footerContent, footerDisclosure, footerLink, footerParagraph, iconsContent } from "./FooterDisclosure/FooterDisclosure.css.js";
 import { FooterContent, FooterDisclosure, FooterIcons, FooterParagraph } from "./FooterDisclosure/FooterDisclosure.js";
+import { actions, disclosureForm, formContainer, formWrapper, headerForm, iconForm } from "./Forms/Forms.css.js";
+import { RenderWebForm, renderSwitch } from "./Forms/RenderForm.js";
+import { SalesforceFieldsForm, SalesforceSchema } from "./Forms/SalesforceFieldsForm.js";
+import { ScheduleCall } from "./Forms/ScheduleCall.js";
 import { HeroBanner } from "./HeroBanner/index.js";
 import { IconBillboard } from "./IconBillboard/IconBillboard.js";
 import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, list, listItem, section_container, section_text, title } from "./IconBillboard/IconBillboard.css.js";
@@ -21,16 +26,25 @@ import { ImageBillboardSet } from "./ImageBillboard/ImageBillboard.js";
 import { billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_img, body, header, imagePlacement, section_text_ImageBillboard, single_container, supertag, three_inline, two_inline } from "./ImageBillboard/ImageBillboard.css.js";
 import { ImageBillboard } from "./ImageBillboard/ImageBillboardSet.js";
 import { Input } from "./Input/index.js";
+import { MainHTML } from "./MainHTML/index.js";
 import { Modal } from "./Modal/index.js";
 import { default as default2 } from "./NavigationMenu/AxosAdvisor/index.js";
 import { default as default3 } from "./NavigationMenu/AxosFiduciary/index.js";
 import { SecondaryFooter } from "./SecondaryFooter/index.js";
 import { SetContainer } from "./SetContainer/SetContainer.js";
 import { inline_container } from "./SetContainer/SetContainer.css.js";
-import { Table, TableCell, TableRow } from "./Table/Table.js";
-import { bodyHeader, container, headerCell, headerVariants, table, td, th } from "./Table/Table.css.js";
+import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "./Table/Table.js";
+import { bodyHeader, headerCell, headerVariants, highlight_first_row, highlight_last_row, table, table_container, table_container_text, table_headline, td, th } from "./Table/Table.css.js";
+import { TextBlock } from "./TextBlock/TextBlock.js";
+import { textBlockHeader, textBlockList, textBlockParagraph } from "./TextBlock/TextBlock.css.js";
+import { VideoInit } from "./VideoTile/VideoInit.js";
+import { VideoTile } from "./VideoTile/VideoTile.js";
+import { expand_icon, hide_transcript, item, mb_8, show, toggle_container, transcript_btn, transcript_container, transcript_content, video_container, video_title, vidyard_height, w_100 } from "./VideoTile/VideoTile.css.js";
+import { VideoWrapper } from "./VideoWrapper/index.js";
 import { axosTheme, vars } from "./themes/axos.css.js";
 import { premierTheme } from "./themes/premier.css.js";
+import { associatedEmail } from "./utils/EverestValidity.js";
+import { getVariant, getVariantWithRegex } from "./utils/getVariant.js";
 export {
   Accordion,
   AccordionCtx,
@@ -61,15 +75,29 @@ export {
   ImageBillboard,
   ImageBillboardSet,
   Input,
+  MainHTML,
   Modal,
   default3 as NavBarAFS,
   default2 as NavBarAXA,
+  RenderWebForm,
+  SalesforceFieldsForm,
+  SalesforceSchema,
+  ScheduleCall,
   SecondaryFooter,
   SetContainer,
   Table,
+  TableBody,
   TableCell,
+  TableContainer,
+  TableHead,
   TableRow,
+  TextBlock,
+  VideoInit,
+  VideoTile,
+  VideoWrapper,
   accordion,
+  actions,
+  associatedEmail,
   axosTheme,
   billboard,
   billboard_body,
@@ -82,40 +110,68 @@ export {
   bodyAccordion,
   bodyHeader,
   buttons,
-  container,
   containerIconBillboard,
   content,
+  disclosureForm,
+  expand_icon,
   footerContent,
   footerDisclosure,
   footerLink,
   footerParagraph,
+  formContainer,
+  formWrapper,
+  getVariant,
+  getVariantWithRegex,
   header,
   headerAccordion,
   headerCell,
   headerContent,
+  headerForm,
   headerIconBillboard,
   headerVariants,
   header_section,
   hide,
+  hide_transcript,
+  highlight_first_row,
+  highlight_last_row,
   icon,
+  iconForm,
   iconsContent,
   imagePlacement,
   inline_container,
+  item,
   layout,
   list,
   listItem,
+  mb_8,
   paragraph,
   premierTheme,
+  renderSwitch,
   section_container,
   section_text,
   section_text_ImageBillboard,
+  show,
   single_container,
   supertag,
   table,
+  table_container,
+  table_container_text,
+  table_headline,
   td,
+  textBlockHeader,
+  textBlockList,
+  textBlockParagraph,
   th,
   three_inline,
   title,
+  toggle_container,
+  transcript_btn,
+  transcript_container,
+  transcript_content,
   two_inline,
-  vars
+  vars,
+  video_container,
+  video_title,
+  vidyard_height,
+  w_100
 };

package/dist/themes/axos.css.d.ts

@@ -7,6 +7,7 @@ export declare const axosTheme: string, vars: {
             textGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             textButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             backgroundButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -15,6 +16,7 @@ export declare const axosTheme: string, vars: {
             textGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             textButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             backgroundButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -23,6 +25,7 @@ export declare const axosTheme: string, vars: {
             textGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             textButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             backgroundButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         quaternary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -31,6 +34,7 @@ export declare const axosTheme: string, vars: {
             textGradient: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             textButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             backgroundButton: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
+            border: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
     };
     error: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/themes/axos.css.js

@@ -1,6 +1,6 @@
 /* empty css                        */
 var axosTheme = "_1073cm80";
-var vars = { colors: { primary: { background: "var(--_1073cm81)", body: "var(--_1073cm82)", headline: "var(--_1073cm83)", textGradient: "var(--_1073cm84)", textButton: "var(--_1073cm85)", backgroundButton: "var(--_1073cm86)" }, secondary: { background: "var(--_1073cm87)", body: "var(--_1073cm88)", headline: "var(--_1073cm89)", textGradient: "var(--_1073cm8a)", textButton: "var(--_1073cm8b)", backgroundButton: "var(--_1073cm8c)" }, tertiary: { background: "var(--_1073cm8d)", body: "var(--_1073cm8e)", headline: "var(--_1073cm8f)", textGradient: "var(--_1073cm8g)", textButton: "var(--_1073cm8h)", backgroundButton: "var(--_1073cm8i)" }, quaternary: { background: "var(--_1073cm8j)", body: "var(--_1073cm8k)", headline: "var(--_1073cm8l)", textGradient: "var(--_1073cm8m)", textButton: "var(--_1073cm8n)", backgroundButton: "var(--_1073cm8o)" } }, error: "var(--_1073cm8p)", disabled: { border: "var(--_1073cm8q)", color: "var(--_1073cm8r)", background: "var(--_1073cm8s)" }, icons: { check: { primary: "var(--_1073cm8t)", secondary: "var(--_1073cm8u)" } } };
+var vars = { colors: { primary: { background: "var(--_1073cm81)", body: "var(--_1073cm82)", headline: "var(--_1073cm83)", textGradient: "var(--_1073cm84)", textButton: "var(--_1073cm85)", backgroundButton: "var(--_1073cm86)", border: "var(--_1073cm87)" }, secondary: { background: "var(--_1073cm88)", body: "var(--_1073cm89)", headline: "var(--_1073cm8a)", textGradient: "var(--_1073cm8b)", textButton: "var(--_1073cm8c)", backgroundButton: "var(--_1073cm8d)", border: "var(--_1073cm8e)" }, tertiary: { background: "var(--_1073cm8f)", body: "var(--_1073cm8g)", headline: "var(--_1073cm8h)", textGradient: "var(--_1073cm8i)", textButton: "var(--_1073cm8j)", backgroundButton: "var(--_1073cm8k)", border: "var(--_1073cm8l)" }, quaternary: { background: "var(--_1073cm8m)", body: "var(--_1073cm8n)", headline: "var(--_1073cm8o)", textGradient: "var(--_1073cm8p)", textButton: "var(--_1073cm8q)", backgroundButton: "var(--_1073cm8r)", border: "var(--_1073cm8s)" } }, error: "var(--_1073cm8t)", disabled: { border: "var(--_1073cm8u)", color: "var(--_1073cm8v)", background: "var(--_1073cm8w)" }, icons: { check: { primary: "var(--_1073cm8x)", secondary: "var(--_1073cm8y)" } } };
 export {
   axosTheme,
   vars

package/dist/utils/EverestValidity.d.ts

@@ -0,0 +1 @@
+export declare const associatedEmail: (email: string) => Promise<boolean>;

package/dist/utils/EverestValidity.js

@@ -0,0 +1,6 @@
+const associatedEmail = async (email) => {
+  return email.includes("@");
+};
+export {
+  associatedEmail
+};

package/dist/utils/getVariant.d.ts

@@ -1,3 +1,3 @@
 import { CallToActionTypes, QuaternaryTypes, SecondaryTypes } from "./variant.types";
 export declare const getVariantWithRegex: (text: string) => string;
-export declare const getVariant: (text: string) => CallToActionTypes & SecondaryTypes & QuaternaryTypes;
+export declare const getVariant: (text?: string) => CallToActionTypes & SecondaryTypes & QuaternaryTypes;

package/dist/utils/getVariant.js

@@ -2,16 +2,16 @@ const getVariantWithRegex = (text) => {
   const segmenter = text.match(/\b(\w+)\b/g);
   return segmenter[1].toLowerCase();
 };
-const getVariant = (text) => {
-  text = text == null ? void 0 : text.toLowerCase();
+const getVariant = (text = "primary") => {
+  text = text.toLowerCase();
   let variant = "primary";
-  if (text == null ? void 0 : text.includes("primary")) {
+  if (text.includes("primary")) {
     variant = "primary";
-  } else if (text == null ? void 0 : text.includes("secondary")) {
+  } else if (text.includes("secondary")) {
     variant = "secondary";
-  } else if (text == null ? void 0 : text.includes("tertiary")) {
+  } else if (text.includes("tertiary")) {
     variant = "tertiary";
-  } else if (text == null ? void 0 : text.includes("quaternary")) {
+  } else if (text.includes("quaternary")) {
     variant = "quaternary";
   }
   return variant;

package/dist/utils/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./EverestValidity";
+export * from "./getVariant";
+export * from "./variant.types";

package/dist/utils/index.js

@@ -0,0 +1,7 @@
+import { associatedEmail } from "./EverestValidity.js";
+import { getVariant, getVariantWithRegex } from "./getVariant.js";
+export {
+  associatedEmail,
+  getVariant,
+  getVariantWithRegex
+};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.4",
+  "version": "0.0.5",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -28,17 +28,25 @@
     "npm:link": "npm run build && npm link"
   },
   "dependencies": {
+    "@hookform/resolvers": "^3.3.4",
     "@storybook/builder-vite": "^7.6.13",
     "@storybook/preview-api": "^7.6.16",
     "@vanilla-extract/css": "^1.14.1",
     "@vanilla-extract/recipes": "^0.5.1",
     "clsx": "^2.1.0",
+    "react-hook-form": "^7.51.1",
+    "react-markdown": "^9.0.1",
     "react-use": "^17.5.0",
     "typed-css-modules": "^0.9.1",
     "vite-plugin-svgr": "^4.2.0",
+    "zod": "^3.22.4",
     "zustand": "^4.5.0"
   },
   "peerDependencies": {
+    "@vanilla-extract/css": "^1.14.1",
+    "@vanilla-extract/css-utils": "^0.1.3",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "@vanilla-extract/vite-plugin": "^4.0.3",
     "next": "14.0.4",
     "react": "^18.2.0",
     "react-dom": "^18.2.0"