@axos-web-dev/shared-components 0.0.106 → 0.0.107

package/dist/Forms/SalesforceFieldsForm.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import * as z from "zod";
 export interface SalesforceFields {
     brand: string;

package/dist/Forms/ScheduleCall.js

@@ -12,8 +12,10 @@ import { Dropdown } from "../Input/Dropdown.js";
 /* empty css                                       */
 import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
+import { InputDate } from "../Input/InputDate.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
 import SvgAxosX from "../icons/AxosX/index.js";
 import SvgComponent from "../icons/AxosX/Blue.js";
@@ -219,7 +221,9 @@ const ScheduleCall = ({
                   /* @__PURE__ */ jsx("option", { value: "5:00 pm", children: "5:00 pm" })
                 ]
               }
-            ) })
+            ) }),
+            /* @__PURE__ */ jsx(InputDate, { onDateChange: () => {
+            } })
           ] }),
           children,
           /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),

package/dist/Forms/ScheduleCallPremier.js

@@ -12,6 +12,7 @@ import { Dropdown } from "../Input/Dropdown.js";
 /* empty css                                       */
 import { Input } from "../Input/Input.js";
 import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import { LoadingIndicator } from "../LoadingIndicator/index.js";

package/dist/Forms/SuccesForm.js

@@ -54,6 +54,7 @@ import "../Input/Dropdown.js";
 /* empty css                                       */
 import "../Input/Input.js";
 import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "../LandingPageHeader/LandingPageHeader.css.js";

package/dist/Forms/WcplSurvey.js

@@ -12,6 +12,7 @@ import "../Input/Dropdown.js";
 /* empty css                                       */
 import "../Input/Input.js";
 import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
 import { InputPhone } from "../Input/InputPhone.js";
 import { InputTextArea } from "../Input/InputTextArea.js";
 import { RadioButtonSet, RadioButton } from "../Input/RadioButton.js";

package/dist/Forms/index.d.ts

@@ -10,6 +10,7 @@ export * from './EmailOnly';
 export * from './EmailUs';
 export * from './FormProps';
 export * from './Forms.css';
+export * from './QuickPricer';
 export * from './SalesforceFieldsForm';
 export * from './ScheduleCall';
 export * from './ScheduleCallPremier';

package/dist/Forms/index.js

@@ -8,7 +8,8 @@ import { ContactUsNMLSId } from "./ContactUsNMLSId.js";
 import { DealerServices } from "./DealerServices.js";
 import { EmailOnly } from "./EmailOnly.js";
 import { EmailUs } from "./EmailUs.js";
-import { actions, descriptionField, disclosureForm, form, formContainer, formWrapper, fullRowForm, headerContainer, headerForm, iconForm, one_row, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms.css.js";
+import { actions, checkbox_group, descriptionField, disclosureForm, form, formContainer, formWrapper, fullRowForm, headerContainer, headerForm, iconForm, one_row, section_title, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms.css.js";
+import { QuickPricer } from "./QuickPricer.js";
 import { SalesforceFieldsForm, SalesforceSchema } from "./SalesforceFieldsForm.js";
 import { ScheduleCall } from "./ScheduleCall.js";
 import { ScheduleCallPremier } from "./ScheduleCallPremier.js";
@@ -25,6 +26,7 @@ export {
   DealerServices,
   EmailOnly,
   EmailUs,
+  QuickPricer,
   SalesforceFieldsForm,
   SalesforceSchema,
   ScheduleCall,
@@ -32,6 +34,7 @@ export {
   SuccesFormWrapper,
   WCPLSurvey,
   actions,
+  checkbox_group,
   descriptionField,
   disclosureForm,
   form,
@@ -42,6 +45,7 @@ export {
   headerForm,
   iconForm,
   one_row,
+  section_title,
   succes_check_mark,
   success_circle,
   success_icon,

package/dist/Hyperlink/index.js

@@ -14,10 +14,10 @@ import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
-/* empty css                                              */
-/* empty css                                              */
 import { findMoreAxosDomains } from "../utils/allowedAxosDomains.js";
 import { validateLink } from "../utils/validateExternalLinks.js";
+/* empty css                                              */
+/* empty css                                              */
 import "../Button/Button.css.js";
 import "react-use";
 import "../Interstitial/Interstitial-variants.css.js";
@@ -35,6 +35,7 @@ import "../Input/Dropdown.js";
 /* empty css                                       */
 import "../Input/Input.js";
 import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";

package/dist/ImageBillboard/ImageBillboard.js

@@ -1,6 +1,7 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { Chevron } from "../Chevron/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgCheckIcon from "../icons/CheckIcon/index.js";
 /* empty css                                    */
 /* empty css                                       */

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -5,6 +5,7 @@ import "react";
 import "react-use";
 import { Chevron } from "../Chevron/index.js";
 import "../icons/ArrowIcon/ArrowIcon.css.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
 import SvgCheckIcon from "../icons/CheckIcon/index.js";
 /* empty css                                    */
 /* empty css                                       */

package/dist/ImageLink/ImageLink.js

@@ -7,9 +7,9 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                       */
 /* empty css                                                        */
 /* empty css                                                    */
+import "../utils/allowedAxosDomains.js";
 /* empty css                                              */
 /* empty css                                              */
-import "../utils/allowedAxosDomains.js";
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
@@ -29,6 +29,7 @@ import "../Input/Dropdown.js";
 /* empty css                                       */
 import "../Input/Input.js";
 import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";

package/dist/ImageLink/ImageLinkSet.js

@@ -6,10 +6,10 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                       */
 /* empty css                                                        */
 /* empty css                                                    */
-/* empty css                                              */
-/* empty css                                              */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
+/* empty css                                              */
+/* empty css                                              */
 import { Chevron } from "../Chevron/index.js";
 import "clsx";
 import { Button } from "../Button/Button.js";
@@ -34,6 +34,7 @@ import "../Input/Dropdown.js";
 /* empty css                                       */
 import "../Input/Input.js";
 import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";

package/dist/ImageLink/index.js

@@ -13,9 +13,9 @@ import "../AlertBanner/AlertBanner.css.js";
 import "../Article/Article.css.js";
 import "../ArticlesSet/ArticlesSet.css.js";
 import "../IconBillboard/IconBillboard.css.js";
+import "../utils/allowedAxosDomains.js";
 /* empty css                                              */
 /* empty css                                              */
-import "../utils/allowedAxosDomains.js";
 import "../Button/Button.css.js";
 import "react-use";
 import "../Interstitial/Interstitial-variants.css.js";
@@ -33,6 +33,7 @@ import "../Input/Dropdown.js";
 /* empty css                                       */
 import "../Input/Input.js";
 import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";

package/dist/Input/Checkbox.d.ts

@@ -1,5 +1,5 @@
 import { InputProps } from './InputProps';
 
 export declare const Checkbox: import('react').ForwardRefExoticComponent<InputProps & {
-    children?: import('react').ReactNode;
+    children?: import('react').ReactNode | undefined;
 } & import('react').RefAttributes<HTMLInputElement>>;

package/dist/Input/CurrencyInput.js

@@ -7,6 +7,7 @@ import "./Dropdown.js";
 /* empty css                                       */
 import { Input } from "./Input.js";
 import "./Input.css.js";
+import "./InputAmount.js";
 import "./InputPhone.js";
 import "./InputTextArea.js";
 const CurrencyInput = forwardRef(

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

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

package/dist/Input/DatePicker.css.js

@@ -0,0 +1,6 @@
+/* empty css                                              */
+/* empty css                                         */
+var datePicker = "_1oit9ls0";
+export {
+  datePicker
+};

package/dist/Input/Datepicker.d.ts

@@ -0,0 +1,3 @@
+import { DatepickerInputProps } from './InputProps';
+
+export declare const DatePickerInput: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Input/Datepicker.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import DatePicker from "react-date-picker";
+import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
+const DatePickerInput = (props) => {
+  const {
+    disabled,
+    label,
+    iconLeft,
+    iconRight,
+    sizes,
+    error = false,
+    helperText: helper,
+    variant
+  } = props;
+  const [value, onChange] = useState();
+  return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        className: labelClassName({ error, variant }),
+        htmlFor: props.name,
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
+      iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
+      /* @__PURE__ */ jsx(
+        DatePicker,
+        {
+          dayPlaceholder: "dd",
+          monthPlaceholder: "mm",
+          yearPlaceholder: "yyyy",
+          minDate: /* @__PURE__ */ new Date(),
+          onChange,
+          value
+        }
+      ),
+      iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
+  ] });
+};
+export {
+  DatePickerInput
+};

package/dist/Input/InputAmount.d.ts

@@ -0,0 +1,3 @@
+import { InputProps } from '.';
+
+export declare const InputAmount: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<HTMLInputElement>>;

package/dist/Input/InputAmount.js

@@ -0,0 +1,31 @@
+import { jsx } from "react/jsx-runtime";
+import { InputMask } from "@react-input/mask";
+import { forwardRef } from "react";
+import "./Checkbox.js";
+import "./CurrencyInput.js";
+import "./Dropdown.js";
+/* empty css                                              */
+/* empty css                                       */
+import { Input } from "./Input.js";
+import "./Input.css.js";
+import "./InputPhone.js";
+import "./InputTextArea.js";
+const InputAmount = forwardRef(
+  (props, ref) => {
+    return /* @__PURE__ */ jsx(
+      InputMask,
+      {
+        ref,
+        ...props,
+        component: Input,
+        mask: "___,___,___,___",
+        replacement: {
+          _: /\d/
+        }
+      }
+    );
+  }
+);
+export {
+  InputAmount
+};

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

@@ -0,0 +1,6 @@
+export declare const calendarContainer: string;
+export declare const calendarIcon: string;
+export declare const inputDate: string;
+export declare const verticalCenter: string;
+export declare const calendar: string;
+export declare const headerCalendar: string;

package/dist/Input/InputDate.css.js

@@ -0,0 +1,15 @@
+/* empty css                                        */
+var calendarContainer = "skzved0";
+var calendarIcon = "skzved1";
+var inputDate = "skzved2";
+var verticalCenter = "skzved3";
+var calendar = "skzved4";
+var headerCalendar = "skzved5";
+export {
+  calendar,
+  calendarContainer,
+  calendarIcon,
+  headerCalendar,
+  inputDate,
+  verticalCenter
+};

package/dist/Input/InputDate.d.ts

@@ -0,0 +1,3 @@
+import { DatepickerInputProps } from './InputProps';
+
+export declare const InputDate: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Input/InputDate.js

@@ -0,0 +1,47 @@
+"use client";
+import { jsxs, jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import DatePicker from "react-date-picker";
+import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
+const InputDate = (props) => {
+  const {
+    disabled,
+    label,
+    iconLeft,
+    iconRight,
+    sizes,
+    error = false,
+    helperText: helper,
+    variant
+  } = props;
+  const [value, onChange] = useState();
+  return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        className: labelClassName({ error, variant }),
+        htmlFor: props.name,
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
+      iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
+      /* @__PURE__ */ jsx(
+        DatePicker,
+        {
+          dayPlaceholder: "dd",
+          monthPlaceholder: "mm",
+          yearPlaceholder: "yyyy",
+          minDate: /* @__PURE__ */ new Date(),
+          onChange,
+          value
+        }
+      ),
+      iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
+  ] });
+};
+export {
+  InputDate
+};

package/dist/Input/InputPhone.js

@@ -8,6 +8,7 @@ import "./Dropdown.js";
 /* empty css                                       */
 import { Input } from "./Input.js";
 import "./Input.css.js";
+import "./InputAmount.js";
 import "./InputTextArea.js";
 const InputPhone = forwardRef(
   (props, ref) => {

package/dist/Input/InputProps.d.ts

@@ -36,3 +36,9 @@ export interface RadioButtonProps extends InputProps {
     value: string | number;
     groupName: string;
 }
+export interface DatepickerInputProps extends InputProps {
+    month?: string;
+    selected?: string;
+    show?: boolean;
+    onDateChange: (day: string) => void;
+}

package/dist/Input/index.d.ts

@@ -4,6 +4,7 @@ export * from './Dropdown';
 export * from './Dropdown.css';
 export * from './Input';
 export * from './Input.css';
+export * from './InputAmount';
 export * from './InputPhone';
 export * from './InputProps';
 export * from './InputTextArea';

package/dist/Input/index.js

@@ -4,6 +4,7 @@ import { Dropdown } from "./Dropdown.js";
 import { selectInput } from "./Dropdown.css.js";
 import { Input } from "./Input.js";
 import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input.css.js";
+import { InputAmount } from "./InputAmount.js";
 import { InputPhone } from "./InputPhone.js";
 import { InputTextArea } from "./InputTextArea.js";
 export {
@@ -11,6 +12,7 @@ export {
   CurrencyInput,
   Dropdown,
   Input,
+  InputAmount,
   InputPhone,
   InputTextArea,
   container,

package/dist/Interstitial/Interstitial.js

@@ -55,7 +55,7 @@ const Interstitial = ({
             /* @__PURE__ */ jsxs("div", { className: `${css.modal_content} text_center`, children: [
               headline && /* @__PURE__ */ jsx("h2", { className: `header_3 ${int_headline({ variant })}`, children: headline }),
               bodyCopy && /* @__PURE__ */ jsx("div", { className: css.body_copy, children: bodyCopy }),
-              bullets && bullets.length > 0 && /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx("ul", { className: interstitial_list, children: bullets.map(
+              bullets && bullets.length > 0 && /* @__PURE__ */ jsx("div", { className: "push_up", children: /* @__PURE__ */ jsx("ul", { className: interstitial_list, children: bullets.map(
                 (item) => Object.hasOwn(item, "variant") ? /* @__PURE__ */ jsx(
                   BulletItem,
                   {

package/dist/Modal/Modal.js

@@ -30,6 +30,7 @@ import "../Input/Dropdown.js";
 /* empty css                                       */
 import "../Input/Input.js";
 import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";

package/dist/NavigationMenu/AxosBank/SubNavBar.js

@@ -14,9 +14,9 @@ import "../../AlertBanner/AlertBanner.css.js";
 import "../../Article/Article.css.js";
 import "../../ArticlesSet/ArticlesSet.css.js";
 import "../../IconBillboard/IconBillboard.css.js";
+import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
 /* empty css                                                 */
 /* empty css                                                 */
-import { findMoreAxosDomains } from "../../utils/allowedAxosDomains.js";
 import "../../Button/Button.css.js";
 import "react-use";
 import "../../Interstitial/Interstitial-variants.css.js";
@@ -34,6 +34,7 @@ import "../../Input/Dropdown.js";
 /* empty css                                          */
 import "../../Input/Input.js";
 import "../../Input/Input.css.js";
+import "../../Input/InputAmount.js";
 import "../../Input/InputPhone.js";
 import "../../Input/InputTextArea.js";
 import "react-hook-form";

package/dist/SetContainer/SetContainer.js

@@ -8,10 +8,10 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                       */
 /* empty css                                                        */
 /* empty css                                                    */
-/* empty css                                              */
-/* empty css                                              */
 import "../utils/allowedAxosDomains.js";
 import { getVariant } from "../utils/getVariant.js";
+/* empty css                                              */
+/* empty css                                              */
 import "../Accordion/Accordion.js";
 import "../Accordion/Accordion.css.js";
 import "../AlertBanner/AlertBanner.css.js";
@@ -31,6 +31,7 @@ import "../Input/Dropdown.js";
 /* empty css                                       */
 import "../Input/Input.js";
 import "../Input/Input.css.js";
+import "../Input/InputAmount.js";
 import "../Input/InputPhone.js";
 import "../Input/InputTextArea.js";
 import "react-hook-form";

package/dist/Table/Table.d.ts

@@ -9,14 +9,14 @@ export declare const TableBody: ({ children }: PropsWithChildren) => import("rea
 export declare const TableCell: ({ children, as, variant, highlighted, ...props }: CellProps) => import('react').DetailedReactHTMLElement<{
     className: string;
     manifest?: string | undefined;
-    amp?: string | undefined;
+    amp?: string;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | readonly string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
     autoFocus?: boolean | undefined;
-    contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
+    contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
     contextMenu?: string | undefined;
     dir?: string | undefined;
     draggable?: (boolean | "false" | "true") | undefined;
@@ -29,7 +29,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     style?: import('react').CSSProperties | undefined;
     tabIndex?: number | undefined;
     title?: string | undefined;
-    translate?: "no" | "yes" | undefined;
+    translate?: "yes" | "no" | undefined;
     radioGroup?: string | undefined;
     role?: import('react').AriaRole | undefined;
     about?: string | undefined;
@@ -54,38 +54,38 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "off" | "on" | undefined;
-    inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
     is?: string | undefined;
     popover?: "" | "auto" | "manual" | undefined;
-    popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
+    popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
     popoverTarget?: string | undefined;
     onToggle?: import('react').ToggleEventHandler<HTMLTableCellElement> | undefined;
     onBeforeToggle?: import('react').ToggleEventHandler<HTMLTableCellElement> | undefined;
     inert?: boolean | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "false" | "true") | undefined;
-    "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
+    "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
     "aria-braillelabel"?: string | undefined;
     "aria-brailleroledescription"?: string | undefined;
     "aria-busy"?: (boolean | "false" | "true") | undefined;
-    "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-colcount"?: number | undefined;
     "aria-colindex"?: number | undefined;
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+    "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -100,9 +100,9 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     "aria-owns"?: string | undefined;
     "aria-placeholder"?: string | undefined;
     "aria-posinset"?: number | undefined;
-    "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
+    "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
     "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "false" | "true") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;

package/dist/assets/CallToActionBar/CallToActionBar.css

@@ -107,7 +107,6 @@
     z-index: 999;
     animation: 500ms ease-in-out 0s normal none 1 running fadeInDown;
     margin: -10px 0;
-    padding: 1rem 0;
   }
   ._1tdyl741 > img {
     position: unset;
@@ -118,9 +117,6 @@
     justify-content: center;
     padding: 24px 0 0 0;
   }
-  ._1tdyl74e {
-    margin-top: 1rem;
-  }
   ._1tdyl740 .containment {
     padding: 1.5rem 0;
   }

package/dist/assets/Comparison/Comparison.css

@@ -99,6 +99,12 @@
   flex-wrap: wrap;
   align-items: center;
 }
+._198o0lt0 ._1nivbwe0 {
+  height: initial;
+}
+._198o0lt0 ._1nivbwe4 {
+  font-size: 20px;
+}
 @media screen and (max-width: 1023px) {
   ._198o0lt0 {
     border-radius: 0;