@axos-web-dev/shared-components 0.0.68 → 0.0.69

package/dist/FaqAccordion/index.d.ts

@@ -4,14 +4,12 @@ export interface AccordionItemProps extends PropsWithChildren {
     id: string;
 }
 export declare const AccordionItem: (props: AccordionItemProps) => import("react/jsx-runtime").JSX.Element;
-export interface AccordionItemSummaryProps {
+export declare const AccordionItemSummary: (props: {
     id: string;
     level: string;
-}
-export declare const AccordionItemSummary: (props: AccordionItemSummaryProps & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const AccordionItemContent: (props: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
-export interface FaqAccordionProps {
+export declare const FaqAccordion: (props: {
     header?: string;
     accordionEmbedLevel?: string;
-}
-export declare const FaqAccordion: (props: FaqAccordionProps & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+} & PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/Forms/ApplicationStart.js

@@ -95,7 +95,11 @@ const ApplicationStart = ({
           description && /* @__PURE__ */ jsx(
             "div",
             {
-              className: `${form} ${descriptionField({ variant })} text_center`,
+              className: clsx(
+                "text_center",
+                form,
+                descriptionField({ variant })
+              ),
               children: description
             }
           )

package/dist/Forms/ContactCompany.js

@@ -90,7 +90,11 @@ const ContactCompany = ({
           description && /* @__PURE__ */ jsx(
             "div",
             {
-              className: `${form} ${descriptionField({ variant })} text_center`,
+              className: clsx(
+                "text_center",
+                form,
+                descriptionField({ variant })
+              ),
               children: description
             }
           )

package/dist/Forms/ContactUsBusiness.js

@@ -144,7 +144,11 @@ const ContactUsBusiness = ({
           description && /* @__PURE__ */ jsx(
             "div",
             {
-              className: `${form} ${descriptionField({ variant })} text_center`,
+              className: clsx(
+                "text_center",
+                form,
+                descriptionField({ variant })
+              ),
               children: description
             }
           )

package/dist/Forms/DealerServices.js

@@ -99,7 +99,11 @@ const DealerServices = ({
           description && /* @__PURE__ */ jsx(
             "div",
             {
-              className: `${form} ${descriptionField({ variant })} text_center`,
+              className: clsx(
+                "text_center",
+                form,
+                descriptionField({ variant })
+              ),
               children: description
             }
           )

package/dist/Forms/EmailOnly.js

@@ -130,7 +130,11 @@ const EmailOnly = ({
           description && /* @__PURE__ */ jsx(
             "div",
             {
-              className: `${form} ${descriptionField({ variant })} text_center`,
+              className: clsx(
+                "text_center",
+                form,
+                descriptionField({ variant })
+              ),
               children: description
             }
           )

package/dist/Forms/ScheduleCall.js

@@ -92,7 +92,11 @@ const ScheduleCall = ({
           description && /* @__PURE__ */ jsx(
             "div",
             {
-              className: `${form} ${descriptionField({ variant })} text_center`,
+              className: clsx(
+                "text_center",
+                form,
+                descriptionField({ variant })
+              ),
               children: description
             }
           )

package/dist/Forms/ScheduleCallPremier.js

@@ -99,7 +99,11 @@ const ScheduleCallPremier = ({
           description && /* @__PURE__ */ jsx(
             "div",
             {
-              className: `${form} ${descriptionField({ variant })} text_center`,
+              className: clsx(
+                "text_center",
+                form,
+                descriptionField({ variant })
+              ),
               children: description
             }
           )

package/dist/IconBillboard/IconBillboard.css.d.ts

@@ -5,11 +5,9 @@ export declare const containerIconBillboard: import('@vanilla-extract/recipes').
         primary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
             border: "1px solid #D4D4D4";
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         secondary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
-            color: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;
         };
         tertiary: {
             background: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/Table/Table.d.ts

@@ -2,7 +2,7 @@ import { PropsWithChildren } from 'react';
 import { CellProps, RowProps, TableContainerProps, TableProps } from './Table.interface';
 
 export declare const TableContainer: ({ tableTitle, tableBody, tableFooter, tableType, tableDescription, internalName, id, }: TableContainerProps) => import("react/jsx-runtime").JSX.Element;
-export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, className, style, }: TableProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Table: ({ variant, children, highlight, tableType, alternateColorRows, }: TableProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableRow: ({ children, ...props }: RowProps) => import("react/jsx-runtime").JSX.Element;
 export declare const TableHead: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
 export declare const TableBody: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/Table/Table.interface.d.ts

@@ -1,4 +1,4 @@
-import { CSSProperties, HtmlHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
+import { HtmlHTMLAttributes, PropsWithChildren, ReactNode } from 'react';
 
 export interface RowProps extends HtmlHTMLAttributes<HTMLTableRowElement>, PropsWithChildren {
 }
@@ -12,8 +12,6 @@ export interface TableProps extends PropsWithChildren {
     highlight?: "First Row" | "Last Row" | "First and Last Row" | undefined;
     tableType?: "Standard" | "Rate";
     alternateColorRows?: boolean;
-    className?: string;
-    style?: CSSProperties;
 }
 export interface TableContainerProps extends PropsWithChildren {
     id?: string;

package/dist/Table/Table.js

@@ -33,21 +33,13 @@ const Table = ({
   children,
   highlight,
   tableType = "Standard",
-  alternateColorRows = false,
-  className,
-  style
+  alternateColorRows = false
 }) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: clsx(
-        tableWrapper({ variant: getVariant(variant) }),
-        className
-      ),
-      style: {
-        ...style,
-        ...tableType === "Rate" && { width: "90%", border: "none" }
-      },
+      className: tableWrapper({ variant: getVariant(variant) }),
+      style: tableType === "Rate" ? { width: "90%", border: "none" } : {},
       children: /* @__PURE__ */ jsx(
         "table",
         {

package/dist/assets/Chevron/Chevron.css

@@ -2,10 +2,10 @@
   font-weight: 600;
   opacity: 1;
   margin-bottom: 0;
+  padding: 0;
   text-decoration: none;
   cursor: pointer;
   font-family: var(--main-font-family);
-  padding: 0;
 }
 ._1gp5vfo1 {
   color: var(--_1073cm86);

package/dist/assets/IconBillboard/IconBillboard.css

@@ -9,11 +9,9 @@
 ._1r4ovbu1 {
   background: var(--_1073cm81);
   border: 1px solid #D4D4D4;
-  color: var(--_1073cm82);
 }
 ._1r4ovbu2 {
   background: var(--_1073cm88);
-  color: var(--_1073cm89);
 }
 ._1r4ovbu3 {
   background: var(--_1073cm8f);
@@ -78,7 +76,6 @@
   flex-direction: column;
   gap: 24px;
   font-family: var(--main-font-family);
-  width: 100%;
 }
 ._1r4ovbuf {
   display: flex;
@@ -99,7 +96,6 @@
   margin-top: auto;
   gap: 24px;
   flex-wrap: wrap;
-  align-items: center;
 }
 ._1r4ovbui {
   margin-inline: auto;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.68",
+  "version": "0.0.69",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -28,19 +28,18 @@
     "npm:link": "npm run build && npm link"
   },
   "dependencies": {
-    "@hookform/resolvers": "^3.4.2",
-    "@react-input/mask": "^1.2.4",
-    "@react-input/number-format": "^1.0.26",
+    "@hookform/resolvers": "^3.6.0",
+    "@react-input/mask": "^1.2.5",
+    "@react-input/number-format": "^1.0.27",
     "@storybook/builder-vite": "^7.6.19",
     "@storybook/icons": "^1.2.9",
     "@storybook/preview-api": "^7.6.19",
     "@types/iframe-resizer": "3.5.13",
-    "@vanilla-extract/css": "^1.15.2",
+    "@vanilla-extract/css": "^1.15.3",
     "@vanilla-extract/recipes": "^0.5.1",
     "clsx": "^2.1.1",
     "iframe-resizer": "4.3.11",
-    "react-date-picker": "^11.0.0",
-    "react-hook-form": "^7.51.5",
+    "react-hook-form": "^7.52.0",
     "react-markdown": "^9.0.1",
     "react-use": "^17.5.0",
     "typed-css-modules": "^0.9.1",

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

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

package/dist/Input/DatePicker.css.js

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

package/dist/Input/Datepicker.d.ts

@@ -1,4 +0,0 @@
-import { DatePickerProps } from 'react-date-picker';
-import { InputProps } from './InputProps';
-
-export declare const DatePickerInput: import('react').ForwardRefExoticComponent<InputProps & import('react').RefAttributes<DatePickerProps>>;

package/dist/Input/Datepicker.js

@@ -1,40 +0,0 @@
-import { jsxs, jsx } from "react/jsx-runtime";
-import { forwardRef } from "react";
-import DatePicker from "react-date-picker";
-import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
-const DatePickerInput = forwardRef(
-  (props) => {
-    const {
-      disabled,
-      label,
-      iconLeft,
-      iconRight,
-      sizes,
-      error = false,
-      // eslint-disable-next-line @typescript-eslint/no-unused-vars
-      // skeleton = false,
-      helperText: helper,
-      variant
-      // ...rest
-    } = props;
-    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, { minDate: /* @__PURE__ */ new Date() }),
-        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/assets/Input/DatePicker.css

@@ -1,86 +0,0 @@
-.react-date-picker {
-  width: 100%;
-}
-.react-date-picker__wrapper {
-  border: none !important;
-}
-.react-calendar__month-view__weekdays__weekday {
-  width: 45px;
-  height: 22px;
-  margin: 0;
-  display: inline-flex;
-  align-items: center;
-  font-family: var(--main-font-family);
-  font-weight: 500;
-  letter-spacing: 0.2px;
-  justify-content: center;
-}
-.react-calendar__month-view__weekdays__weekday {
-  font-size: 12px;
-  line-height: 16;
-  color: #2F5B88;
-}
-.react-calendar__month-view__weekdays__weekday > abbr {
-  text-decoration: none;
-}
-.react-calendar__month-view__days__day {
-  width: 49px;
-  height: 49px;
-  margin: 0;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-}
-.react-calendar__month-view__days__day > abbr {
-  font-family: var(--main-font-family) !important;
-  font-weight: 500;
-  letter-spacing: 0.2px;
-  color: #051A3F;
-}
-.react-date-picker__inputGroup__input, .react-date-picker__inputGroup__divider {
-  color: #5E6A74 !important;
-}
-.react-date-picker__clear-button {
-  display: none;
-}
-.react-calendar__navigation__label__labelText {
-  font-weight: 600;
-  font-size: 24px;
-  line-height: 36px;
-  letter-spacing: 0.2px;
-  color: #1E3860;
-  font-family: var(--header-font-family);
-}
-.react-datepicker-popper {
-  transform: translateY(40px)!important;
-}
-.react-calendar__month-view__days__day--neighboringMonth {
-  background-color: #F4F4F4 !important;
-  opacity: 50%;
-}
-.react-calendar__month-view__days__day--neighboringMonth > abbr {
-  color: #5E6A74;
-}
-.react-calendar__tile--active > abbr {
-  color: white;
-}
-.react-calendar {
-  border: 12px solid #FFFFFF4D !important;
-  border-radius: 4px;
-}
-.react-calendar__navigation__prev2-button, .react-calendar__navigation__next2-button {
-  display: none;
-}
-@media screen and (max-width:320px) {
-  .react-calendar__month-view__weekdays__weekday {
-    width: 43.5px;
-  }
-  .react-calendar__month-view__days__day {
-    width: 43.5px;
-  }
-}
-@media screen and (max-width:400px) {
-  .react-calendar__navigation .react-calendar__navigation__prev-button, .react-calendar__navigation .react-calendar__navigation__next-button {
-    min-width: auto;
-  }
-}