@axos-web-dev/shared-components 0.0.14 → 0.0.15

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (124) hide show
  1. package/dist/Accordion/Accordion.css.d.ts +4 -3
  2. package/dist/Accordion/Accordion.d.ts +2 -1
  3. package/dist/Accordion/index.d.ts +2 -2
  4. package/dist/AlertBanner/AlertBanner.css.d.ts +1 -1
  5. package/dist/AlertBanner/AlertBanner.interface.d.ts +2 -1
  6. package/dist/AlertBanner/index.d.ts +3 -2
  7. package/dist/ApyCalculator/index.d.ts +2 -1
  8. package/dist/BulletItem/BulletItem.d.ts +2 -1
  9. package/dist/BulletItem/index.d.ts +1 -1
  10. package/dist/Button/Button.css.d.ts +3 -2
  11. package/dist/Button/Button.d.ts +4 -3
  12. package/dist/Button/Button.interface.d.ts +2 -1
  13. package/dist/Button/GoBackButton.d.ts +3 -2
  14. package/dist/Button/index.d.ts +3 -3
  15. package/dist/CallToActionBar/CallToActionBar.interface.d.ts +2 -1
  16. package/dist/CallToActionBar/index.d.ts +3 -2
  17. package/dist/Carousel/Carousel.css.d.ts +6 -5
  18. package/dist/Carousel/index.d.ts +3 -2
  19. package/dist/Carousel/store.d.ts +1 -1
  20. package/dist/Chevron/Chevron.css.d.ts +1 -1
  21. package/dist/Chevron/Chevron.interface.d.ts +2 -1
  22. package/dist/Chevron/index.d.ts +3 -2
  23. package/dist/Chevron/index.js +0 -2
  24. package/dist/CollectInformationAlert/index.d.ts +2 -1
  25. package/dist/ContentBanner/ContentBanner.css.d.ts +2 -2
  26. package/dist/ContentBanner/ContentBanner.interface.d.ts +2 -1
  27. package/dist/ContentBanner/index.d.ts +3 -2
  28. package/dist/DownloadTile/DownloadTile.interface.d.ts +2 -1
  29. package/dist/DownloadTile/index.d.ts +3 -2
  30. package/dist/FaqAccordion/index.d.ts +3 -2
  31. package/dist/FaqAccordion/index.js +5 -0
  32. package/dist/FooterDisclosure/FooterDisclosure.css.d.ts +1 -1
  33. package/dist/FooterDisclosure/FooterDisclosure.d.ts +2 -1
  34. package/dist/FooterDisclosure/index.d.ts +2 -2
  35. package/dist/Forms/Forms.css.d.ts +4 -4
  36. package/dist/Forms/RenderForm.d.ts +3 -2
  37. package/dist/Forms/SalesforceFieldsForm.d.ts +1 -1
  38. package/dist/Forms/ScheduleCall.d.ts +3 -2
  39. package/dist/Forms/ScheduleCall.js +90 -77
  40. package/dist/Forms/index.d.ts +4 -4
  41. package/dist/HeroBanner/HeroBanner.css.d.ts +3 -3
  42. package/dist/HeroBanner/HeroBanner.interface.d.ts +2 -1
  43. package/dist/HeroBanner/index.d.ts +2 -1
  44. package/dist/HeroBanner/index.js +3 -4
  45. package/dist/Hyperlink/Hyperlink.interface.d.ts +2 -1
  46. package/dist/Hyperlink/index.d.ts +3 -2
  47. package/dist/Hyperlink/index.js +0 -2
  48. package/dist/IconBillboard/IconBillboard.css.d.ts +6 -5
  49. package/dist/IconBillboard/IconBillboard.d.ts +4 -3
  50. package/dist/IconBillboard/IconBillboard.interface.d.ts +4 -3
  51. package/dist/IconBillboard/IconBillboardSet.d.ts +2 -1
  52. package/dist/IconBillboard/index.d.ts +4 -4
  53. package/dist/ImageBillboard/ImageBillboard.css.d.ts +10 -4
  54. package/dist/ImageBillboard/ImageBillboard.css.js +14 -1
  55. package/dist/ImageBillboard/ImageBillboard.d.ts +2 -1
  56. package/dist/ImageBillboard/ImageBillboard.interface.d.ts +11 -7
  57. package/dist/ImageBillboard/ImageBillboard.js +1 -1
  58. package/dist/ImageBillboard/ImageBillboardSet.d.ts +3 -2
  59. package/dist/ImageBillboard/ImageBillboardSet.js +26 -8
  60. package/dist/ImageBillboard/index.d.ts +4 -4
  61. package/dist/ImageBillboard/index.js +8 -2
  62. package/dist/Input/Input.css.d.ts +16 -6
  63. package/dist/Input/Input.css.js +7 -7
  64. package/dist/Input/index.d.ts +5 -2
  65. package/dist/Input/index.js +9 -1
  66. package/dist/Inputs/Input.css.d.ts +6 -6
  67. package/dist/MainHTML/index.d.ts +2 -1
  68. package/dist/Modal/Modal.d.ts +3 -2
  69. package/dist/Modal/Modal.js +0 -2
  70. package/dist/Modal/contextApi/store.d.ts +3 -2
  71. package/dist/Modal/index.d.ts +2 -2
  72. package/dist/NavigationMenu/AxosAdvisor/SubNavBar.d.ts +1 -1
  73. package/dist/NavigationMenu/AxosAdvisor/SubNavBar.js +138 -97
  74. package/dist/NavigationMenu/index.d.ts +2 -2
  75. package/dist/SetContainer/SetContainer.d.ts +3 -2
  76. package/dist/SetContainer/SetContainer.js +0 -2
  77. package/dist/SetContainer/index.d.ts +2 -2
  78. package/dist/Table/Table.css.d.ts +4 -4
  79. package/dist/Table/Table.d.ts +8 -7
  80. package/dist/Table/Table.interface.d.ts +2 -1
  81. package/dist/Table/index.d.ts +2 -2
  82. package/dist/TextBlock/TextBlock.d.ts +2 -1
  83. package/dist/TextBlock/index.d.ts +2 -2
  84. package/dist/Typography/Typography.css.d.ts +4 -3
  85. package/dist/Typography/Typography.d.ts +3 -2
  86. package/dist/Typography/index.d.ts +1 -1
  87. package/dist/VideoTile/VideoTile.d.ts +3 -2
  88. package/dist/VideoTile/VideoTile.js +6 -5
  89. package/dist/VideoTile/index.d.ts +4 -4
  90. package/dist/VideoWrapper/index.d.ts +4 -2
  91. package/dist/VideoWrapper/index.js +27 -18
  92. package/dist/assets/HeroBanner/HeroBanner.css +1 -3
  93. package/dist/assets/ImageBillboard/ImageBillboard.css +47 -0
  94. package/dist/assets/Input/Input.css +39 -33
  95. package/dist/icons/ArrowIcon/ArrowIcon.css.d.ts +1 -1
  96. package/dist/icons/ArrowIcon/index.d.ts +2 -1
  97. package/dist/icons/AxosX/Blue.d.ts +4 -0
  98. package/dist/icons/AxosX/Blue.js +32 -0
  99. package/dist/icons/AxosX/index.d.ts +2 -1
  100. package/dist/icons/CheckCircle.d.ts +2 -1
  101. package/dist/icons/CheckCircleLight.d.ts +2 -1
  102. package/dist/icons/CheckIcon/CheckIcon.css.d.ts +3 -2
  103. package/dist/icons/CheckIcon/index.d.ts +2 -1
  104. package/dist/icons/ChevronDown.d.ts +2 -1
  105. package/dist/icons/ChevronUp.d.ts +2 -1
  106. package/dist/icons/CloseIcon/index.d.ts +2 -1
  107. package/dist/icons/DownloadIcon/index.d.ts +2 -1
  108. package/dist/icons/EqualHousingLender.d.ts +2 -1
  109. package/dist/icons/LockIcon/index.d.ts +2 -1
  110. package/dist/icons/MemberFdicLogo.d.ts +2 -1
  111. package/dist/icons/QuoteIconGrey.d.ts +2 -1
  112. package/dist/icons/QuoteIconWhite.d.ts +2 -1
  113. package/dist/icons/QuoteIconYellow.d.ts +2 -1
  114. package/dist/icons/WarningIcon/index.d.ts +2 -1
  115. package/dist/icons/index.d.ts +17 -16
  116. package/dist/icons/index.js +28 -26
  117. package/dist/index.css.d.ts +1 -0
  118. package/dist/main.d.ts +2 -1
  119. package/dist/main.js +41 -1
  120. package/dist/themes/index.d.ts +2 -2
  121. package/dist/utils/ctaOptions.d.ts +1 -0
  122. package/dist/utils/getVariant.d.ts +2 -1
  123. package/dist/utils/index.d.ts +5 -5
  124. package/package.json +106 -106
@@ -1,5 +1,6 @@
1
- import { RecipeVariants } from "@vanilla-extract/recipes";
2
- export declare const accordion: import("@vanilla-extract/recipes").RuntimeFn<{
1
+ import { RecipeVariants } from '@vanilla-extract/recipes';
2
+
3
+ export declare const accordion: import('@vanilla-extract/recipes').RuntimeFn<{
3
4
  width: {
4
5
  "1/2": {
5
6
  display: "flex";
@@ -39,7 +40,7 @@ export declare const accordion: import("@vanilla-extract/recipes").RuntimeFn<{
39
40
  };
40
41
  };
41
42
  }>;
42
- export declare const headerAccordion: import("@vanilla-extract/recipes").RuntimeFn<{
43
+ export declare const headerAccordion: import('@vanilla-extract/recipes').RuntimeFn<{
43
44
  variant: {
44
45
  primary: {
45
46
  color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1,4 +1,5 @@
1
- import React, { PropsWithChildren } from "react";
1
+ import { default as React, PropsWithChildren } from 'react';
2
+
2
3
  export type Accordion = {
3
4
  expanded?: boolean;
4
5
  };
@@ -1,2 +1,2 @@
1
- export * from "./Accordion";
2
- export * from "./Accordion.css";
1
+ export * from './Accordion';
2
+ export * from './Accordion.css';
@@ -1,4 +1,4 @@
1
- export declare const alertBanner: import("@vanilla-extract/recipes").RuntimeFn<{
1
+ export declare const alertBanner: import('@vanilla-extract/recipes').RuntimeFn<{
2
2
  variant: {
3
3
  Standard: {
4
4
  background: "#DEF4FF";
@@ -1,4 +1,5 @@
1
- import { ChevronProps } from "../Chevron/Chevron.interface";
1
+ import { ChevronProps } from '../Chevron/Chevron.interface';
2
+
2
3
  export interface AlertBannerInterface {
3
4
  /**
4
5
  * Defines the banner style
@@ -1,3 +1,4 @@
1
- import { FC } from "react";
2
- import { AlertBannerInterface } from "./AlertBanner.interface";
1
+ import { AlertBannerInterface } from './AlertBanner.interface';
2
+ import { FC } from 'react';
3
+
3
4
  export declare const AlertBanner: FC<AlertBannerInterface>;
@@ -1,2 +1,3 @@
1
- import { FC } from "react";
1
+ import { FC } from 'react';
2
+
2
3
  export declare const ApyCalculator: FC;
@@ -1,4 +1,5 @@
1
- import { PropsWithChildren, ReactNode } from "react";
1
+ import { PropsWithChildren, ReactNode } from 'react';
2
+
2
3
  export interface BulletItemProps extends PropsWithChildren {
3
4
  id: string;
4
5
  variant?: "primary" | "secondary" | "tertiary" | "quaternary";
@@ -1 +1 @@
1
- export * from "./BulletItem";
1
+ export * from './BulletItem';
@@ -1,5 +1,6 @@
1
- import { RecipeVariants } from "@vanilla-extract/recipes";
2
- export declare const button: import("@vanilla-extract/recipes").RuntimeFn<{
1
+ import { RecipeVariants } from '@vanilla-extract/recipes';
2
+
3
+ export declare const button: import('@vanilla-extract/recipes').RuntimeFn<{
3
4
  color: {
4
5
  primary: {
5
6
  background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1,5 +1,6 @@
1
- import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from "react";
2
- import { ButtonVariants } from "./Button.css";
1
+ import { ButtonVariants } from './Button.css';
2
+ import { AnchorHTMLAttributes, ButtonHTMLAttributes, ReactNode } from 'react';
3
+
3
4
  export type ButtonBase = {
4
5
  children?: ReactNode;
5
6
  targetUrl?: string;
@@ -15,7 +16,7 @@ export type ButtonAsLink = ButtonBase & Omit<AnchorHTMLAttributes<HTMLAnchorElem
15
16
  as?: "a";
16
17
  };
17
18
  export type ButtonProps = ButtonAsButton | ButtonAsLink;
18
- export declare const Button: ({ as, children, color, size, disabled, rounded, targetUrl, id, newTab, action, className, }: ButtonProps & ButtonVariants) => import("react").DetailedReactHTMLElement<{
19
+ export declare const Button: ({ as, children, color, size, disabled, rounded, targetUrl, id, newTab, action, className, }: ButtonProps & ButtonVariants) => import('react').DetailedReactHTMLElement<{
19
20
  className: string;
20
21
  href: string;
21
22
  id: string | undefined;
@@ -1,4 +1,5 @@
1
- import { PropsWithChildren, ReactNode } from "react";
1
+ import { PropsWithChildren, ReactNode } from 'react';
2
+
2
3
  export interface ButtonProps extends PropsWithChildren {
3
4
  /**
4
5
  * Defines the button tag
@@ -1,3 +1,4 @@
1
- import { ButtonProps } from "./Button";
2
- import { ButtonVariants } from "./Button.css";
1
+ import { ButtonVariants } from './Button.css';
2
+ import { ButtonProps } from './Button';
3
+
3
4
  export declare const GoBackButton: (props: ButtonProps & ButtonVariants) => import("react/jsx-runtime").JSX.Element;
@@ -1,3 +1,3 @@
1
- export * from "./Button";
2
- export * from "./Button.css";
3
- export * from "./GoBackButton";
1
+ export * from './Button';
2
+ export * from './Button.css';
3
+ export * from './GoBackButton';
@@ -1,5 +1,6 @@
1
+ import { ReactNode } from 'react';
1
2
  import { ChevronProps } from '../Chevron/Chevron.interface';
2
- import { ReactNode } from "react";
3
+
3
4
  export interface CallToActionBarInterface {
4
5
  id?: string;
5
6
  bannerSize: "Large" | "Medium" | "Small";
@@ -1,3 +1,4 @@
1
- import { FC } from "react";
2
- import { CallToActionBarInterface } from "./CallToActionBar.interface";
1
+ import { CallToActionBarInterface } from './CallToActionBar.interface';
2
+ import { FC } from 'react';
3
+
3
4
  export declare const CallToActionBar: FC<CallToActionBarInterface>;
@@ -1,6 +1,7 @@
1
- import { RecipeVariants } from "@vanilla-extract/recipes";
1
+ import { RecipeVariants } from '@vanilla-extract/recipes';
2
+
2
3
  export declare const dots: string;
3
- export declare const carousel: import("@vanilla-extract/recipes").RuntimeFn<{
4
+ export declare const carousel: import('@vanilla-extract/recipes').RuntimeFn<{
4
5
  variant: {
5
6
  primary: {
6
7
  background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -21,7 +22,7 @@ export declare const carousel: import("@vanilla-extract/recipes").RuntimeFn<{
21
22
  };
22
23
  }>;
23
24
  export declare const authorLocation: string;
24
- export declare const author: import("@vanilla-extract/recipes").RuntimeFn<{
25
+ export declare const author: import('@vanilla-extract/recipes').RuntimeFn<{
25
26
  variant: {
26
27
  primary: {
27
28
  color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -40,8 +41,8 @@ export declare const author: import("@vanilla-extract/recipes").RuntimeFn<{
40
41
  export declare const slideBase: string;
41
42
  export declare const slide: Record<"hide" | "show", string>;
42
43
  export declare const slides: string;
43
- export declare const icon: import("@vanilla-extract/recipes").RuntimeFn<{}>;
44
- export declare const dot: import("@vanilla-extract/recipes").RuntimeFn<{
44
+ export declare const icon: import('@vanilla-extract/recipes').RuntimeFn<{}>;
45
+ export declare const dot: import('@vanilla-extract/recipes').RuntimeFn<{
45
46
  variant: {
46
47
  primary: {
47
48
  borderColor: "#1E3860";
@@ -1,5 +1,6 @@
1
- import { PropsWithChildren, ReactNode } from "react";
2
- import { carouselVariants } from "./Carousel.css";
1
+ import { carouselVariants } from './Carousel.css';
2
+ import { PropsWithChildren, ReactNode } from 'react';
3
+
3
4
  export interface SlideProps extends PropsWithChildren {
4
5
  id: string | number;
5
6
  selected?: boolean;
@@ -7,4 +7,4 @@ export type actions = {
7
7
  change: (selected: number) => void;
8
8
  setItems: (items: unknown[]) => void;
9
9
  };
10
- export declare const useCarousel: import("zustand").UseBoundStore<import("zustand").StoreApi<state & actions>>;
10
+ export declare const useCarousel: import('zustand').UseBoundStore<import("zustand").StoreApi<state & actions>>;
@@ -1,4 +1,4 @@
1
- export declare const chevron: import("@vanilla-extract/recipes").RuntimeFn<{
1
+ export declare const chevron: import('@vanilla-extract/recipes').RuntimeFn<{
2
2
  variant: {
3
3
  primary: {
4
4
  color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1,5 +1,6 @@
1
+ import { PropsWithChildren, ReactNode } from 'react';
1
2
  import { CallToActionTypes } from '../utils/variant.types';
2
- import { PropsWithChildren, ReactNode } from "react";
3
+
3
4
  export interface ChevronProps extends PropsWithChildren {
4
5
  /**
5
6
  * react node to add as a children
@@ -1,3 +1,4 @@
1
- import { FC } from "react";
2
- import { ChevronProps } from "./Chevron.interface";
1
+ import { ChevronProps } from './Chevron.interface';
2
+ import { FC } from 'react';
3
+
3
4
  export declare const Chevron: FC<ChevronProps>;
@@ -38,9 +38,7 @@ import "../ImageBillboard/ImageBillboard.css.js";
38
38
  import { chevron_wrapper, chevron } from "./Chevron.css.js";
39
39
  /* empty css */
40
40
  /* empty css */
41
- import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
42
41
  /* empty css */
43
- import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
44
42
  /* empty css */
45
43
  import "../Table/Table.css.js";
46
44
  /* empty css */
@@ -1,2 +1,3 @@
1
- import { FC } from "react";
1
+ import { FC } from 'react';
2
+
2
3
  export declare const CollectInformationAlert: FC;
@@ -1,4 +1,4 @@
1
- export declare const content_banner: import("@vanilla-extract/recipes").RuntimeFn<{
1
+ export declare const content_banner: import('@vanilla-extract/recipes').RuntimeFn<{
2
2
  variant: {
3
3
  primary: {
4
4
  background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -18,7 +18,7 @@ export declare const content_banner: import("@vanilla-extract/recipes").RuntimeF
18
18
  };
19
19
  };
20
20
  }>;
21
- export declare const headline: import("@vanilla-extract/recipes").RuntimeFn<{
21
+ export declare const headline: import('@vanilla-extract/recipes').RuntimeFn<{
22
22
  variant: {
23
23
  primary: {
24
24
  background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1,5 +1,6 @@
1
+ import { ReactNode } from 'react';
1
2
  import { ChevronProps } from '../Chevron/Chevron.interface';
2
- import { ReactNode } from "react";
3
+
3
4
  export interface HeroBannerInterface {
4
5
  className?: string;
5
6
  variant: string;
@@ -1,3 +1,4 @@
1
- import { FC } from "react";
2
- import type { HeroBannerInterface as ContentBannerInterface } from "./ContentBanner.interface";
1
+ import { ContentBannerInterface } from './ContentBanner.interface';
2
+ import { FC } from 'react';
3
+
3
4
  export declare const ContentBanner: FC<ContentBannerInterface>;
@@ -1,4 +1,5 @@
1
- import { ReactNode } from "react";
1
+ import { ReactNode } from 'react';
2
+
2
3
  export interface DownloadTileSet {
3
4
  id: string;
4
5
  titleText?: string;
@@ -1,3 +1,4 @@
1
- import { FC } from "react";
2
- import { DownloadTileSet } from "./DownloadTile.interface";
1
+ import { DownloadTileSet } from './DownloadTile.interface';
2
+ import { FC } from 'react';
3
+
3
4
  export declare const DownloadTile: FC<DownloadTileSet>;
@@ -1,5 +1,6 @@
1
- import { PropsWithChildren } from "react";
2
- import { header } from "./FaqAccordion.css";
1
+ import { header } from './FaqAccordion.css';
2
+ import { PropsWithChildren } from 'react';
3
+
3
4
  export interface AccordionItemProps extends PropsWithChildren {
4
5
  id: string;
5
6
  }
@@ -16,6 +16,11 @@ const AccordionItem = (props) => {
16
16
  const selectItem = useAccordion((state) => state.toggle);
17
17
  const isOpen = useAccordion((state) => state.itemOpened);
18
18
  const toggle = (event) => {
19
+ const ev = event.target;
20
+ const evClasses = ev.getAttribute("class");
21
+ if (!(evClasses == null ? void 0 : evClasses.includes(summary)) !== (evClasses == null ? void 0 : evClasses.includes(summaryHeader))) {
22
+ return;
23
+ }
19
24
  event.preventDefault();
20
25
  if (isOpen !== props.id) {
21
26
  selectItem(props.id);
@@ -1,4 +1,4 @@
1
- export declare const footerDisclosure: import("@vanilla-extract/recipes").RuntimeFn<{
1
+ export declare const footerDisclosure: import('@vanilla-extract/recipes').RuntimeFn<{
2
2
  [x: string]: {
3
3
  [x: string]: string | import("@vanilla-extract/css").ComplexStyleRule;
4
4
  };
@@ -1,4 +1,5 @@
1
- import { CSSProperties, PropsWithChildren } from "react";
1
+ import { CSSProperties, PropsWithChildren } from 'react';
2
+
2
3
  type WithStyles = {
3
4
  style?: CSSProperties;
4
5
  className?: string;
@@ -1,2 +1,2 @@
1
- export { footerContent, footerDisclosure, footerLink, footerParagraph, iconsContent, } from "./FooterDisclosure.css";
2
- export { FooterContent, FooterDisclosure, FooterIcons, FooterParagraph, } from "./FooterDisclosure";
1
+ export { footerContent, footerDisclosure, footerLink, footerParagraph, iconsContent, } from './FooterDisclosure.css';
2
+ export { FooterContent, FooterDisclosure, FooterIcons, FooterParagraph, } from './FooterDisclosure';
@@ -1,4 +1,4 @@
1
- export declare const formContainer: import("@vanilla-extract/recipes").RuntimeFn<{
1
+ export declare const formContainer: import('@vanilla-extract/recipes').RuntimeFn<{
2
2
  variant: {
3
3
  primary: {
4
4
  background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -15,7 +15,7 @@ export declare const formContainer: import("@vanilla-extract/recipes").RuntimeFn
15
15
  };
16
16
  }>;
17
17
  export declare const iconForm: string;
18
- export declare const headerForm: import("@vanilla-extract/recipes").RuntimeFn<{
18
+ export declare const headerForm: import('@vanilla-extract/recipes').RuntimeFn<{
19
19
  variant: {
20
20
  primary: {
21
21
  readonly selectors: {
@@ -55,7 +55,7 @@ export declare const headerForm: import("@vanilla-extract/recipes").RuntimeFn<{
55
55
  };
56
56
  };
57
57
  }>;
58
- export declare const formWrapper: import("@vanilla-extract/recipes").RuntimeFn<{
58
+ export declare const formWrapper: import('@vanilla-extract/recipes').RuntimeFn<{
59
59
  variant: {
60
60
  primary: {
61
61
  color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -72,7 +72,7 @@ export declare const formWrapper: import("@vanilla-extract/recipes").RuntimeFn<{
72
72
  };
73
73
  }>;
74
74
  export declare const actions: string;
75
- export declare const disclosureForm: import("@vanilla-extract/recipes").RuntimeFn<{
75
+ export declare const disclosureForm: import('@vanilla-extract/recipes').RuntimeFn<{
76
76
  variant: {
77
77
  primary: {
78
78
  color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1,5 +1,6 @@
1
- import { PropsWithChildren } from "react";
2
- import { FormProps } from ".";
1
+ import { FormProps } from '.';
2
+ import { PropsWithChildren } from 'react';
3
+
3
4
  export interface renderFormProps extends FormProps, PropsWithChildren {
4
5
  form?: string;
5
6
  }
@@ -68,4 +68,4 @@ export type Props = {
68
68
  queryParams?: Partial<QueryParams>;
69
69
  location?: Record<string, unknown>;
70
70
  };
71
- export declare const SalesforceFieldsForm: import("react").NamedExoticComponent<Props>;
71
+ export declare const SalesforceFieldsForm: import('react').NamedExoticComponent<Props>;
@@ -1,6 +1,7 @@
1
- import { ChevronProps } from '../Chevron/Chevron.interface';
1
+ import { PropsWithChildren, ReactNode } from 'react';
2
2
  import { QuaternaryTypes } from '../utils/variant.types';
3
- import { PropsWithChildren, ReactNode } from "react";
3
+ import { ChevronProps } from '../Chevron/Chevron.interface';
4
+
4
5
  export interface FormProps extends PropsWithChildren {
5
6
  id?: string;
6
7
  onSubmit?: (values: {
@@ -7,6 +7,7 @@ import "react";
7
7
  import "react-use";
8
8
  import { Input } from "../Input/index.js";
9
9
  import SvgAxosX from "../icons/AxosX/index.js";
10
+ import SvgComponent from "../icons/AxosX/Blue.js";
10
11
  import "../icons/CheckIcon/CheckIcon.css.js";
11
12
  /* empty css */
12
13
  /* empty css */
@@ -42,7 +43,7 @@ const ScheduleCall = ({
42
43
  resolver: zodResolver(schema.merge(SalesforceSchema), {
43
44
  async: true
44
45
  }),
45
- mode: "onBlur",
46
+ mode: "all",
46
47
  defaultValues: {
47
48
  email: ""
48
49
  }
@@ -56,83 +57,95 @@ const ScheduleCall = ({
56
57
  await onSubmit(data);
57
58
  };
58
59
  const variant = getVariant(fullVariant);
59
- return /* @__PURE__ */ jsx("section", { className: clsx(formContainer({ variant })), children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
60
- icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: /* @__PURE__ */ jsx(SvgAxosX, {}) }),
61
- /* @__PURE__ */ jsx("div", { className: clsx("header_2 text_center", headerForm({ variant })), children: headline }),
62
- /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
63
- /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
64
- /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
65
- Input,
66
- {
67
- id: "firstName",
68
- ...register("firstName", { required: true }),
69
- label: "First Name",
70
- sizes: "medium",
71
- placeholder: "First Name",
72
- required: true,
73
- error: !!errors.firstName,
74
- helperText: (_a = errors.firstName) == null ? void 0 : _a.message
75
- }
76
- ) }),
77
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
78
- Input,
79
- {
80
- id: "lastName",
81
- ...register("lastName", { required: true }),
82
- label: "Last Name",
83
- sizes: "medium",
84
- placeholder: "Last Name",
85
- required: true,
86
- error: !!errors.lastName,
87
- helperText: (_b = errors.lastName) == null ? void 0 : _b.message
88
- }
89
- ) }),
90
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
91
- Input,
92
- {
93
- id: "email",
94
- ...register("email", {
95
- required: true,
96
- validate: {
97
- isValid: associatedEmail
60
+ return /* @__PURE__ */ jsx(
61
+ "section",
62
+ {
63
+ id: `id_${id}`,
64
+ className: clsx(formContainer({ variant })),
65
+ children: /* @__PURE__ */ jsxs(FormProvider, { ...methods, children: [
66
+ icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", iconForm), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
67
+ /* @__PURE__ */ jsx("div", { className: clsx("header_2 text_center", headerForm({ variant })), children: headline }),
68
+ /* @__PURE__ */ jsxs("form", { className: form, onSubmit: handleSubmit(submitForm), children: [
69
+ /* @__PURE__ */ jsxs("div", { className: clsx(formWrapper({ variant })), children: [
70
+ /* @__PURE__ */ jsx("div", { className: "", children: /* @__PURE__ */ jsx(
71
+ Input,
72
+ {
73
+ id: "firstName",
74
+ ...register("firstName", { required: true }),
75
+ label: "First Name",
76
+ sizes: "medium",
77
+ placeholder: "First Name",
78
+ required: true,
79
+ error: !!errors.firstName,
80
+ helperText: (_a = errors.firstName) == null ? void 0 : _a.message,
81
+ variant
98
82
  }
99
- }),
100
- label: "Email",
101
- sizes: "medium",
102
- placeholder: "Email",
103
- required: true,
104
- error: !!errors.email,
105
- helperText: (_c = errors.email) == null ? void 0 : _c.message
106
- }
107
- ) }),
108
- /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
109
- Input,
110
- {
111
- id: "phone",
112
- ...register("phone", { required: true }),
113
- label: "Phone",
114
- sizes: "medium",
115
- placeholder: "Phone",
116
- required: true,
117
- error: !!errors.phone,
118
- helperText: (_d = errors.phone) == null ? void 0 : _d.message
119
- }
120
- ) })
121
- ] }),
122
- children,
123
- /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
124
- /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
125
- Button,
126
- {
127
- color: getVariant(callToAction == null ? void 0 : callToAction.variant),
128
- as: "button",
129
- type: "submit",
130
- disabled: !isValid,
131
- children: callToAction == null ? void 0 : callToAction.displayText
132
- }
133
- ) })
134
- ] })
135
- ] }) }, id);
83
+ ) }),
84
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
85
+ Input,
86
+ {
87
+ id: "lastName",
88
+ ...register("lastName", { required: true }),
89
+ label: "Last Name",
90
+ sizes: "medium",
91
+ placeholder: "Last Name",
92
+ required: true,
93
+ error: !!errors.lastName,
94
+ helperText: (_b = errors.lastName) == null ? void 0 : _b.message,
95
+ variant
96
+ }
97
+ ) }),
98
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
99
+ Input,
100
+ {
101
+ id: "email",
102
+ ...register("email", {
103
+ required: true,
104
+ validate: {
105
+ isValid: associatedEmail
106
+ }
107
+ }),
108
+ label: "Email",
109
+ sizes: "medium",
110
+ placeholder: "Email",
111
+ required: true,
112
+ error: !!errors.email,
113
+ helperText: (_c = errors.email) == null ? void 0 : _c.message,
114
+ variant
115
+ }
116
+ ) }),
117
+ /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
118
+ Input,
119
+ {
120
+ id: "phone",
121
+ ...register("phone", { required: true }),
122
+ label: "Phone",
123
+ sizes: "medium",
124
+ placeholder: "Phone",
125
+ required: true,
126
+ error: !!errors.phone,
127
+ helperText: (_d = errors.phone) == null ? void 0 : _d.message,
128
+ variant
129
+ }
130
+ ) })
131
+ ] }),
132
+ children,
133
+ /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
134
+ /* @__PURE__ */ jsx("div", { className: actions, children: /* @__PURE__ */ jsx(
135
+ Button,
136
+ {
137
+ color: getVariant(callToAction == null ? void 0 : callToAction.variant),
138
+ as: "button",
139
+ type: "submit",
140
+ disabled: !isValid,
141
+ children: callToAction == null ? void 0 : callToAction.displayText
142
+ }
143
+ ) })
144
+ ] })
145
+ ] })
146
+ },
147
+ id
148
+ );
136
149
  };
137
150
  export {
138
151
  ScheduleCall
@@ -1,4 +1,4 @@
1
- export * from "./Forms.css";
2
- export * from "./RenderForm";
3
- export * from "./SalesforceFieldsForm";
4
- export * from "./ScheduleCall";
1
+ export * from './Forms.css';
2
+ export * from './RenderForm';
3
+ export * from './SalesforceFieldsForm';
4
+ export * from './ScheduleCall';
@@ -1,4 +1,4 @@
1
- export declare const hero_banner: import("@vanilla-extract/recipes").RuntimeFn<{
1
+ export declare const hero_banner: import('@vanilla-extract/recipes').RuntimeFn<{
2
2
  variant: {
3
3
  primary: {
4
4
  background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -23,7 +23,7 @@ export declare const reversed: string;
23
23
  export declare const hero_text: string;
24
24
  export declare const hero_img: string;
25
25
  export declare const logout: string;
26
- export declare const supertag: import("@vanilla-extract/recipes").RuntimeFn<{
26
+ export declare const supertag: import('@vanilla-extract/recipes').RuntimeFn<{
27
27
  variant: {
28
28
  primary: {
29
29
  background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -43,7 +43,7 @@ export declare const supertag: import("@vanilla-extract/recipes").RuntimeFn<{
43
43
  };
44
44
  };
45
45
  }>;
46
- export declare const headline_text: import("@vanilla-extract/recipes").RuntimeFn<{
46
+ export declare const headline_text: import('@vanilla-extract/recipes').RuntimeFn<{
47
47
  variant: {
48
48
  primary: {
49
49
  background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
@@ -1,5 +1,6 @@
1
+ import { ReactNode } from 'react';
1
2
  import { ChevronProps } from '../Chevron/Chevron.interface';
2
- import { ReactNode } from "react";
3
+
3
4
  export interface ImageInterface {
4
5
  src: string;
5
6
  alt?: string;