@axos-web-dev/shared-components 0.0.102 → 0.0.103

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 (52) hide show
  1. package/dist/ATMLocator/ATMLocator.js +1 -2
  2. package/dist/Accordion/Accordion.css.d.ts +9 -9
  3. package/dist/Button/Button.js +2 -3
  4. package/dist/Calculators/Calculator.js +1 -2
  5. package/dist/Carousel/index.js +1 -2
  6. package/dist/Chevron/index.js +2 -3
  7. package/dist/Comparison/Comparison.js +2 -3
  8. package/dist/Comparison/ComparisonSet.js +2 -3
  9. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -2
  10. package/dist/Forms/ApplicationStart.js +2 -3
  11. package/dist/Forms/CommercialLending.d.ts +8 -12
  12. package/dist/Forms/CommercialLending.js +63 -177
  13. package/dist/Forms/ContactCompany.js +2 -3
  14. package/dist/Forms/ContactUs.js +2 -3
  15. package/dist/Forms/ContactUsAAS.js +2 -3
  16. package/dist/Forms/ContactUsBusiness.js +3 -4
  17. package/dist/Forms/ContactUsNMLSId.js +3 -4
  18. package/dist/Forms/DealerServices.js +2 -3
  19. package/dist/Forms/EmailOnly.js +3 -4
  20. package/dist/Forms/SalesforceFieldsForm.d.ts +1 -0
  21. package/dist/Forms/ScheduleCall.js +3 -7
  22. package/dist/Forms/ScheduleCallPremier.js +2 -3
  23. package/dist/Forms/SuccesForm.js +1 -2
  24. package/dist/Forms/WcplSurvey.js +2 -3
  25. package/dist/Hyperlink/index.js +1 -2
  26. package/dist/IconBillboard/IconBillboard.js +1 -1
  27. package/dist/ImageBillboard/ImageBillboard.js +1 -1
  28. package/dist/ImageLink/ImageLink.js +2 -3
  29. package/dist/ImageLink/ImageLinkSet.js +1 -2
  30. package/dist/ImageLink/index.js +1 -2
  31. package/dist/Input/Checkbox.d.ts +1 -1
  32. package/dist/Input/CurrencyInput.js +2 -3
  33. package/dist/Input/InputPhone.js +2 -3
  34. package/dist/Input/InputProps.d.ts +0 -6
  35. package/dist/Input/index.d.ts +0 -3
  36. package/dist/Input/index.js +0 -6
  37. package/dist/Modal/Modal.js +2 -3
  38. package/dist/NavigationMenu/AxosBank/SubNavBar.js +1 -2
  39. package/dist/SetContainer/SetContainer.js +2 -3
  40. package/dist/Table/Table.d.ts +13 -13
  41. package/dist/main.js +0 -6
  42. package/package.json +1 -1
  43. package/dist/Input/DatePicker.css.d.ts +0 -1
  44. package/dist/Input/DatePicker.css.js +0 -6
  45. package/dist/Input/Datepicker.d.ts +0 -3
  46. package/dist/Input/Datepicker.js +0 -47
  47. package/dist/Input/InputDate.css.d.ts +0 -6
  48. package/dist/Input/InputDate.css.js +0 -15
  49. package/dist/Input/InputDate.d.ts +0 -3
  50. package/dist/Input/InputDate.js +0 -47
  51. package/dist/assets/Input/DatePicker.css +0 -95
  52. package/dist/assets/Input/InputDate.css +0 -39
@@ -3,13 +3,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { zodResolver } from "@hookform/resolvers/zod";
4
4
  import "../Input/Checkbox.js";
5
5
  import "../Input/CurrencyInput.js";
6
- import "react";
7
- import "../Input/Input.css.js";
8
- /* empty css */
9
- /* empty css */
10
6
  import "../Input/Dropdown.js";
7
+ /* empty css */
11
8
  /* empty css */
12
9
  import { Input } from "../Input/Input.js";
10
+ import "../Input/Input.css.js";
13
11
  import { InputPhone } from "../Input/InputPhone.js";
14
12
  import "../Input/InputTextArea.js";
15
13
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -23,6 +21,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
23
21
  import "../Accordion/Accordion.js";
24
22
  import "../Accordion/Accordion.css.js";
25
23
  import { getVariant } from "../utils/getVariant.js";
24
+ import "react";
26
25
  import "../Chevron/Chevron.css.js";
27
26
  import "../AlertBanner/AlertBanner.css.js";
28
27
  import "../Article/Article.css.js";
@@ -3,13 +3,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { zodResolver } from "@hookform/resolvers/zod";
4
4
  import "../Input/Checkbox.js";
5
5
  import "../Input/CurrencyInput.js";
6
- import "react";
7
- import "../Input/Input.css.js";
8
- /* empty css */
9
- /* empty css */
10
6
  import "../Input/Dropdown.js";
7
+ /* empty css */
11
8
  /* empty css */
12
9
  import { Input } from "../Input/Input.js";
10
+ import "../Input/Input.css.js";
13
11
  import { InputPhone } from "../Input/InputPhone.js";
14
12
  import "../Input/InputTextArea.js";
15
13
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -23,6 +21,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
23
21
  import "../Accordion/Accordion.js";
24
22
  import "../Accordion/Accordion.css.js";
25
23
  import { getVariant } from "../utils/getVariant.js";
24
+ import "react";
26
25
  import "../Chevron/Chevron.css.js";
27
26
  import "../AlertBanner/AlertBanner.css.js";
28
27
  import "../Article/Article.css.js";
@@ -7,12 +7,11 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import "../Input/Input.css.js";
11
- /* empty css */
12
- /* empty css */
13
10
  import { Dropdown } from "../Input/Dropdown.js";
11
+ /* empty css */
14
12
  /* empty css */
15
13
  import { Input } from "../Input/Input.js";
14
+ import "../Input/Input.css.js";
16
15
  import { InputPhone } from "../Input/InputPhone.js";
17
16
  import { InputTextArea } from "../Input/InputTextArea.js";
18
17
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -3,13 +3,11 @@ import { jsx, jsxs } from "react/jsx-runtime";
3
3
  import { zodResolver } from "@hookform/resolvers/zod";
4
4
  import "../Input/Checkbox.js";
5
5
  import "../Input/CurrencyInput.js";
6
- import "react";
7
- import "../Input/Input.css.js";
8
- /* empty css */
9
- /* empty css */
10
6
  import "../Input/Dropdown.js";
7
+ /* empty css */
11
8
  /* empty css */
12
9
  import { Input } from "../Input/Input.js";
10
+ import "../Input/Input.css.js";
13
11
  import "../Input/InputPhone.js";
14
12
  import "../Input/InputTextArea.js";
15
13
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -23,6 +21,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
23
21
  import "../Accordion/Accordion.js";
24
22
  import "../Accordion/Accordion.css.js";
25
23
  import { getVariant } from "../utils/getVariant.js";
24
+ import "react";
26
25
  import "../Chevron/Chevron.css.js";
27
26
  import "../AlertBanner/AlertBanner.css.js";
28
27
  import "../Article/Article.css.js";
@@ -1,3 +1,4 @@
1
+ /// <reference types="react" />
1
2
  import * as z from "zod";
2
3
  export interface SalesforceFields {
3
4
  brand: string;
@@ -7,13 +7,11 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import "../Input/Input.css.js";
11
- /* empty css */
12
- /* empty css */
13
10
  import { Dropdown } from "../Input/Dropdown.js";
11
+ /* empty css */
14
12
  /* empty css */
15
13
  import { Input } from "../Input/Input.js";
16
- import { InputDate } from "../Input/InputDate.js";
14
+ import "../Input/Input.css.js";
17
15
  import { InputPhone } from "../Input/InputPhone.js";
18
16
  import "../Input/InputTextArea.js";
19
17
  import "../icons/ArrowIcon/ArrowIcon.css.js";
@@ -221,9 +219,7 @@ const ScheduleCall = ({
221
219
  /* @__PURE__ */ jsx("option", { value: "5:00 pm", children: "5:00 pm" })
222
220
  ]
223
221
  }
224
- ) }),
225
- /* @__PURE__ */ jsx(InputDate, { onDateChange: () => {
226
- } })
222
+ ) })
227
223
  ] }),
228
224
  children,
229
225
  /* @__PURE__ */ jsx("div", { className: disclosureForm({ variant }), children: disclosure }),
@@ -7,12 +7,11 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import { CurrencyInput } from "../Input/CurrencyInput.js";
10
- import "../Input/Input.css.js";
11
- /* empty css */
12
- /* empty css */
13
10
  import { Dropdown } from "../Input/Dropdown.js";
11
+ /* empty css */
14
12
  /* empty css */
15
13
  import { Input } from "../Input/Input.js";
14
+ import "../Input/Input.css.js";
16
15
  import { InputPhone } from "../Input/InputPhone.js";
17
16
  import "../Input/InputTextArea.js";
18
17
  import { LoadingIndicator } from "../LoadingIndicator/index.js";
@@ -50,11 +50,10 @@ import "../FooterDisclosure/FooterDisclosure.css.js";
50
50
  import "../ImageBillboard/ImageBillboard.css.js";
51
51
  import "../Input/Checkbox.js";
52
52
  import "../Input/CurrencyInput.js";
53
- import "../Input/Input.css.js";
54
- /* empty css */
55
53
  import "../Input/Dropdown.js";
56
54
  /* empty css */
57
55
  import "../Input/Input.js";
56
+ import "../Input/Input.css.js";
58
57
  import "../Input/InputPhone.js";
59
58
  import "../Input/InputTextArea.js";
60
59
  import "../LandingPageHeader/LandingPageHeader.css.js";
@@ -7,12 +7,11 @@ import "react";
7
7
  import "react-use";
8
8
  import "../Input/Checkbox.js";
9
9
  import "../Input/CurrencyInput.js";
10
- import "../Input/Input.css.js";
11
- /* empty css */
12
- /* empty css */
13
10
  import "../Input/Dropdown.js";
11
+ /* empty css */
14
12
  /* empty css */
15
13
  import "../Input/Input.js";
14
+ import "../Input/Input.css.js";
16
15
  import { InputPhone } from "../Input/InputPhone.js";
17
16
  import { InputTextArea } from "../Input/InputTextArea.js";
18
17
  import { RadioButtonSet, RadioButton } from "../Input/RadioButton.js";
@@ -31,11 +31,10 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
31
31
  import "@hookform/resolvers/zod";
32
32
  import "../Input/Checkbox.js";
33
33
  import "../Input/CurrencyInput.js";
34
- import "../Input/Input.css.js";
35
- /* empty css */
36
34
  import "../Input/Dropdown.js";
37
35
  /* empty css */
38
36
  import "../Input/Input.js";
37
+ import "../Input/Input.css.js";
39
38
  import "../Input/InputPhone.js";
40
39
  import "../Input/InputTextArea.js";
41
40
  import "react-hook-form";
@@ -56,7 +56,7 @@ const IconBillboard = (props) => {
56
56
  size: "medium",
57
57
  rounded: "medium",
58
58
  marketingIntersitial,
59
- newTab: true,
59
+ newTab,
60
60
  children: displayText
61
61
  },
62
62
  id
@@ -102,7 +102,7 @@ const ImageBillboardSet = ({
102
102
  color: getVariant(variant2),
103
103
  size: "medium",
104
104
  rounded: "medium",
105
- newTab: true,
105
+ newTab,
106
106
  children: displayText
107
107
  },
108
108
  id3
@@ -25,17 +25,15 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
25
25
  import "@hookform/resolvers/zod";
26
26
  import "../Input/Checkbox.js";
27
27
  import "../Input/CurrencyInput.js";
28
- import "../Input/Input.css.js";
29
- /* empty css */
30
28
  import "../Input/Dropdown.js";
31
29
  /* empty css */
32
30
  import "../Input/Input.js";
31
+ import "../Input/Input.css.js";
33
32
  import "../Input/InputPhone.js";
34
33
  import "../Input/InputTextArea.js";
35
34
  import "react-hook-form";
36
35
  import "../Forms/Forms.css.js";
37
36
  import "../Forms/SalesforceFieldsForm.js";
38
- import "react-use";
39
37
  import "../LoadingIndicator/LoadingIndicator.css.js";
40
38
  import "../Input/RadioButton.js";
41
39
  import "iframe-resizer";
@@ -64,6 +62,7 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
64
62
  import "../Chevron/Chevron.css.js";
65
63
  /* empty css */
66
64
  import "../Modal/contextApi/store.js";
65
+ import "react-use";
67
66
  /* empty css */
68
67
  /* empty css */
69
68
  /* empty css */
@@ -30,11 +30,10 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
30
30
  import "@hookform/resolvers/zod";
31
31
  import "../Input/Checkbox.js";
32
32
  import "../Input/CurrencyInput.js";
33
- import "../Input/Input.css.js";
34
- /* empty css */
35
33
  import "../Input/Dropdown.js";
36
34
  /* empty css */
37
35
  import "../Input/Input.js";
36
+ import "../Input/Input.css.js";
38
37
  import "../Input/InputPhone.js";
39
38
  import "../Input/InputTextArea.js";
40
39
  import "react-hook-form";
@@ -29,11 +29,10 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
29
29
  import "@hookform/resolvers/zod";
30
30
  import "../Input/Checkbox.js";
31
31
  import "../Input/CurrencyInput.js";
32
- import "../Input/Input.css.js";
33
- /* empty css */
34
32
  import "../Input/Dropdown.js";
35
33
  /* empty css */
36
34
  import "../Input/Input.js";
35
+ import "../Input/Input.css.js";
37
36
  import "../Input/InputPhone.js";
38
37
  import "../Input/InputTextArea.js";
39
38
  import "react-hook-form";
@@ -1,5 +1,5 @@
1
1
  import { InputProps } from './InputProps';
2
2
 
3
3
  export declare const Checkbox: import('react').ForwardRefExoticComponent<InputProps & {
4
- children?: import('react').ReactNode | undefined;
4
+ children?: import('react').ReactNode;
5
5
  } & import('react').RefAttributes<HTMLInputElement>>;
@@ -2,12 +2,11 @@ import { jsx } from "react/jsx-runtime";
2
2
  import { InputNumberFormat } from "@react-input/number-format";
3
3
  import { forwardRef } from "react";
4
4
  import "./Checkbox.js";
5
- import "./Input.css.js";
6
- /* empty css */
7
- /* empty css */
8
5
  import "./Dropdown.js";
6
+ /* empty css */
9
7
  /* empty css */
10
8
  import { Input } from "./Input.js";
9
+ import "./Input.css.js";
11
10
  import "./InputPhone.js";
12
11
  import "./InputTextArea.js";
13
12
  const CurrencyInput = forwardRef(
@@ -3,12 +3,11 @@ import { InputMask } from "@react-input/mask";
3
3
  import { forwardRef } from "react";
4
4
  import "./Checkbox.js";
5
5
  import "./CurrencyInput.js";
6
- import "./Input.css.js";
7
- /* empty css */
8
- /* empty css */
9
6
  import "./Dropdown.js";
7
+ /* empty css */
10
8
  /* empty css */
11
9
  import { Input } from "./Input.js";
10
+ import "./Input.css.js";
12
11
  import "./InputTextArea.js";
13
12
  const InputPhone = forwardRef(
14
13
  (props, ref) => {
@@ -36,9 +36,3 @@ export interface RadioButtonProps extends InputProps {
36
36
  value: string | number;
37
37
  groupName: string;
38
38
  }
39
- export interface DatepickerInputProps extends InputProps {
40
- month?: string;
41
- selected?: string;
42
- show?: boolean;
43
- onDateChange: (day: string) => void;
44
- }
@@ -1,12 +1,9 @@
1
1
  export * from './Checkbox';
2
2
  export * from './CurrencyInput';
3
- export * from './Datepicker';
4
- export * from './DatePicker.css';
5
3
  export * from './Dropdown';
6
4
  export * from './Dropdown.css';
7
5
  export * from './Input';
8
6
  export * from './Input.css';
9
- export * from './InputDate';
10
7
  export * from './InputPhone';
11
8
  export * from './InputProps';
12
9
  export * from './InputTextArea';
@@ -1,25 +1,19 @@
1
1
  import { Checkbox } from "./Checkbox.js";
2
2
  import { CurrencyInput } from "./CurrencyInput.js";
3
- import { DatePickerInput } from "./Datepicker.js";
4
- import { datePicker } from "./DatePicker.css.js";
5
3
  import { Dropdown } from "./Dropdown.js";
6
4
  import { selectInput } from "./Dropdown.css.js";
7
5
  import { Input } from "./Input.js";
8
6
  import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input.css.js";
9
- import { InputDate } from "./InputDate.js";
10
7
  import { InputPhone } from "./InputPhone.js";
11
8
  import { InputTextArea } from "./InputTextArea.js";
12
9
  export {
13
10
  Checkbox,
14
11
  CurrencyInput,
15
- DatePickerInput,
16
12
  Dropdown,
17
13
  Input,
18
- InputDate,
19
14
  InputPhone,
20
15
  InputTextArea,
21
16
  container,
22
- datePicker,
23
17
  helperText,
24
18
  iconContainer,
25
19
  iconContainerBase,
@@ -25,12 +25,11 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
25
25
  import "@hookform/resolvers/zod";
26
26
  import "../Input/Checkbox.js";
27
27
  import "../Input/CurrencyInput.js";
28
- import "../Input/Input.css.js";
29
- /* empty css */
30
- /* empty css */
31
28
  import "../Input/Dropdown.js";
29
+ /* empty css */
32
30
  /* empty css */
33
31
  import "../Input/Input.js";
32
+ import "../Input/Input.css.js";
34
33
  import "../Input/InputPhone.js";
35
34
  import "../Input/InputTextArea.js";
36
35
  import "react-hook-form";
@@ -30,11 +30,10 @@ import "../../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
30
30
  import "@hookform/resolvers/zod";
31
31
  import "../../Input/Checkbox.js";
32
32
  import "../../Input/CurrencyInput.js";
33
- import "../../Input/Input.css.js";
34
- /* empty css */
35
33
  import "../../Input/Dropdown.js";
36
34
  /* empty css */
37
35
  import "../../Input/Input.js";
36
+ import "../../Input/Input.css.js";
38
37
  import "../../Input/InputPhone.js";
39
38
  import "../../Input/InputTextArea.js";
40
39
  import "react-hook-form";
@@ -27,17 +27,15 @@ import "../Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.js";
27
27
  import "@hookform/resolvers/zod";
28
28
  import "../Input/Checkbox.js";
29
29
  import "../Input/CurrencyInput.js";
30
- import "../Input/Input.css.js";
31
- /* empty css */
32
30
  import "../Input/Dropdown.js";
33
31
  /* empty css */
34
32
  import "../Input/Input.js";
33
+ import "../Input/Input.css.js";
35
34
  import "../Input/InputPhone.js";
36
35
  import "../Input/InputTextArea.js";
37
36
  import "react-hook-form";
38
37
  import "../Forms/Forms.css.js";
39
38
  import "../Forms/SalesforceFieldsForm.js";
40
- import "react-use";
41
39
  import "../LoadingIndicator/LoadingIndicator.css.js";
42
40
  import "../Input/RadioButton.js";
43
41
  import "iframe-resizer";
@@ -67,6 +65,7 @@ import "../LandingPageHeader/LandingPageHeader.css.js";
67
65
  import "../Chevron/Chevron.css.js";
68
66
  /* empty css */
69
67
  import "../Modal/contextApi/store.js";
68
+ import "react-use";
70
69
  /* empty css */
71
70
  /* empty css */
72
71
  /* empty css */
@@ -9,14 +9,14 @@ export declare const TableBody: ({ children }: PropsWithChildren) => import("rea
9
9
  export declare const TableCell: ({ children, as, variant, highlighted, ...props }: CellProps) => import('react').DetailedReactHTMLElement<{
10
10
  className: string;
11
11
  manifest?: string | undefined;
12
- amp?: string;
12
+ amp?: string | undefined;
13
13
  defaultChecked?: boolean | undefined;
14
14
  defaultValue?: string | number | readonly string[] | undefined;
15
15
  suppressContentEditableWarning?: boolean | undefined;
16
16
  suppressHydrationWarning?: boolean | undefined;
17
17
  accessKey?: string | undefined;
18
18
  autoFocus?: boolean | undefined;
19
- contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
19
+ contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
20
20
  contextMenu?: string | undefined;
21
21
  dir?: string | undefined;
22
22
  draggable?: (boolean | "false" | "true") | undefined;
@@ -29,7 +29,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
29
29
  style?: import('react').CSSProperties | undefined;
30
30
  tabIndex?: number | undefined;
31
31
  title?: string | undefined;
32
- translate?: "yes" | "no" | undefined;
32
+ translate?: "no" | "yes" | undefined;
33
33
  radioGroup?: string | undefined;
34
34
  role?: import('react').AriaRole | undefined;
35
35
  about?: string | undefined;
@@ -54,38 +54,38 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
54
54
  itemRef?: string | undefined;
55
55
  results?: number | undefined;
56
56
  security?: string | undefined;
57
- unselectable?: "on" | "off" | undefined;
58
- inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
57
+ unselectable?: "off" | "on" | undefined;
58
+ inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
59
59
  is?: string | undefined;
60
60
  popover?: "" | "auto" | "manual" | undefined;
61
- popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
61
+ popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
62
62
  popoverTarget?: string | undefined;
63
63
  onToggle?: import('react').ToggleEventHandler<HTMLTableCellElement> | undefined;
64
64
  onBeforeToggle?: import('react').ToggleEventHandler<HTMLTableCellElement> | undefined;
65
65
  inert?: boolean | undefined;
66
66
  "aria-activedescendant"?: string | undefined;
67
67
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
68
- "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
68
+ "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
69
69
  "aria-braillelabel"?: string | undefined;
70
70
  "aria-brailleroledescription"?: string | undefined;
71
71
  "aria-busy"?: (boolean | "false" | "true") | undefined;
72
- "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
72
+ "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
73
73
  "aria-colcount"?: number | undefined;
74
74
  "aria-colindex"?: number | undefined;
75
75
  "aria-colindextext"?: string | undefined;
76
76
  "aria-colspan"?: number | undefined;
77
77
  "aria-controls"?: string | undefined;
78
- "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
78
+ "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
79
79
  "aria-describedby"?: string | undefined;
80
80
  "aria-description"?: string | undefined;
81
81
  "aria-details"?: string | undefined;
82
82
  "aria-disabled"?: (boolean | "false" | "true") | undefined;
83
- "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
83
+ "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
84
84
  "aria-errormessage"?: string | undefined;
85
85
  "aria-expanded"?: (boolean | "false" | "true") | undefined;
86
86
  "aria-flowto"?: string | undefined;
87
87
  "aria-grabbed"?: (boolean | "false" | "true") | undefined;
88
- "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
88
+ "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
89
89
  "aria-hidden"?: (boolean | "false" | "true") | undefined;
90
90
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
91
91
  "aria-keyshortcuts"?: string | undefined;
@@ -100,9 +100,9 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
100
100
  "aria-owns"?: string | undefined;
101
101
  "aria-placeholder"?: string | undefined;
102
102
  "aria-posinset"?: number | undefined;
103
- "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
103
+ "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
104
104
  "aria-readonly"?: (boolean | "false" | "true") | undefined;
105
- "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
105
+ "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
106
106
  "aria-required"?: (boolean | "false" | "true") | undefined;
107
107
  "aria-roledescription"?: string | undefined;
108
108
  "aria-rowcount"?: number | undefined;
package/dist/main.js CHANGED
@@ -99,13 +99,10 @@ import "react";
99
99
  import { ImageLinkSet } from "./ImageLink/ImageLinkSet.js";
100
100
  import { Checkbox } from "./Input/Checkbox.js";
101
101
  import { CurrencyInput } from "./Input/CurrencyInput.js";
102
- import { DatePickerInput } from "./Input/Datepicker.js";
103
- import { datePicker } from "./Input/DatePicker.css.js";
104
102
  import { Dropdown } from "./Input/Dropdown.js";
105
103
  import { selectInput } from "./Input/Dropdown.css.js";
106
104
  import { Input } from "./Input/Input.js";
107
105
  import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input/Input.css.js";
108
- import { InputDate } from "./Input/InputDate.js";
109
106
  import { InputPhone } from "./Input/InputPhone.js";
110
107
  import { InputTextArea } from "./Input/InputTextArea.js";
111
108
  import { Interstitial } from "./Interstitial/Interstitial.js";
@@ -205,7 +202,6 @@ export {
205
202
  ContactUsNMLSId,
206
203
  ContentBanner,
207
204
  CurrencyInput,
208
- DatePickerInput,
209
205
  DealerServices,
210
206
  default11 as DownloadIcon,
211
207
  DownloadTile,
@@ -232,7 +228,6 @@ export {
232
228
  ImageBillboardSet,
233
229
  ImageLinkSet,
234
230
  Input,
235
- InputDate,
236
231
  InputPhone,
237
232
  InputTextArea,
238
233
  Interstitial,
@@ -350,7 +345,6 @@ export {
350
345
  containment,
351
346
  content,
352
347
  copy,
353
- datePicker,
354
348
  description,
355
349
  descriptionField,
356
350
  details,
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@axos-web-dev/shared-components",
3
3
  "description": "Axos shared components library for web.",
4
- "version": "0.0.102",
4
+ "version": "0.0.103",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
@@ -1 +0,0 @@
1
- export declare const datePicker: string;
@@ -1,6 +0,0 @@
1
- /* empty css */
2
- /* empty css */
3
- var datePicker = "_1oit9ls0";
4
- export {
5
- datePicker
6
- };
@@ -1,3 +0,0 @@
1
- import { DatepickerInputProps } from './InputProps';
2
-
3
- export declare const DatePickerInput: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,47 +0,0 @@
1
- "use client";
2
- import { jsxs, jsx } from "react/jsx-runtime";
3
- import { useState } from "react";
4
- import DatePicker from "react-date-picker";
5
- import { wrapper, labelClassName, container, iconContainer, iconInput, helperText } from "./Input.css.js";
6
- const DatePickerInput = (props) => {
7
- const {
8
- disabled,
9
- label,
10
- iconLeft,
11
- iconRight,
12
- sizes,
13
- error = false,
14
- helperText: helper,
15
- variant
16
- } = props;
17
- const [value, onChange] = useState();
18
- return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
19
- label && /* @__PURE__ */ jsx(
20
- "label",
21
- {
22
- className: labelClassName({ error, variant }),
23
- htmlFor: props.name,
24
- children: label
25
- }
26
- ),
27
- /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
28
- iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
29
- /* @__PURE__ */ jsx(
30
- DatePicker,
31
- {
32
- dayPlaceholder: "dd",
33
- monthPlaceholder: "mm",
34
- yearPlaceholder: "yyyy",
35
- minDate: /* @__PURE__ */ new Date(),
36
- onChange,
37
- value
38
- }
39
- ),
40
- iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
41
- ] }),
42
- /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
43
- ] });
44
- };
45
- export {
46
- DatePickerInput
47
- };
@@ -1,6 +0,0 @@
1
- export declare const calendarContainer: string;
2
- export declare const calendarIcon: string;
3
- export declare const inputDate: string;
4
- export declare const verticalCenter: string;
5
- export declare const calendar: string;
6
- export declare const headerCalendar: string;
@@ -1,15 +0,0 @@
1
- /* empty css */
2
- var calendarContainer = "skzved0";
3
- var calendarIcon = "skzved1";
4
- var inputDate = "skzved2";
5
- var verticalCenter = "skzved3";
6
- var calendar = "skzved4";
7
- var headerCalendar = "skzved5";
8
- export {
9
- calendar,
10
- calendarContainer,
11
- calendarIcon,
12
- headerCalendar,
13
- inputDate,
14
- verticalCenter
15
- };
@@ -1,3 +0,0 @@
1
- import { DatepickerInputProps } from './InputProps';
2
-
3
- export declare const InputDate: (props: DatepickerInputProps) => import("react/jsx-runtime").JSX.Element;