@axos-web-dev/shared-components 0.0.124 → 0.0.126

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.
@@ -1,7 +1,7 @@
1
1
  /* empty css */
2
- /* empty css */
3
- /* empty css */
4
2
  /* empty css */
3
+ /* empty css */
4
+ /* empty css */
5
5
  /* empty css */
6
6
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
7
7
  var comparison = createRuntimeFn({ defaultClassName: "_198o0lt0", variantClassNames: { variant: { primary: "_198o0lt1", secondary: "_198o0lt2", tertiary: "_198o0lt3", quaternary: "_198o0lt4" } }, defaultVariants: {}, compoundVariants: [] });
@@ -0,0 +1,11 @@
1
+ const fdic_callout = "_fdic_callout_1imdm_1";
2
+ const inner_container = "_inner_container_1imdm_6";
3
+ const css = {
4
+ fdic_callout,
5
+ inner_container
6
+ };
7
+ export {
8
+ css as default,
9
+ fdic_callout,
10
+ inner_container
11
+ };
@@ -0,0 +1 @@
1
+ export declare const FdicBanner: () => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,27 @@
1
+ import { jsx, jsxs } from "react/jsx-runtime";
2
+ import css from "./FdicCallout.module.js";
3
+ const FdicBanner = () => {
4
+ return /* @__PURE__ */ jsx("header", { className: css.fdic_callout, children: /* @__PURE__ */ jsx("div", { className: css.inner_container, children: /* @__PURE__ */ jsxs("div", { className: "flex middle", children: [
5
+ /* @__PURE__ */ jsx(
6
+ "svg",
7
+ {
8
+ width: "39",
9
+ height: "16",
10
+ viewBox: "0 0 39 16",
11
+ fill: "none",
12
+ xmlns: "http://www.w3.org/2000/svg",
13
+ children: /* @__PURE__ */ jsx(
14
+ "path",
15
+ {
16
+ d: "M34.8999 3.9C36.1999 3.9 37.3999 4.5 38.1999 5.6V0.8C37.0999 0.3 35.9999 0 34.6999 0C32.6999 0 30.5999 0.9 29.1999 2.4C27.7999 4 27.0999 6 27.0999 8C27.0999 10.2 27.7999 12.2 29.3999 13.7C30.8999 15.1 32.7999 15.9 34.8999 15.9C36.0999 15.9 36.9999 15.6 38.1999 15.2V10.5C37.3999 11.5 36.1999 12.1 34.8999 12.1C32.4999 12.1 30.9999 10.4 30.9999 8C30.9999 5.6 32.5999 3.9 34.8999 3.9ZM22.7999 15.6H26.5999V0.5H22.7999V15.6ZM14.0999 12.2H13.1999V3.8H14.0999C16.4999 3.8 18.2999 5.3 18.2999 8C18.2999 10.9 16.3999 12.2 14.0999 12.2ZM14.8999 0.5H9.4999V15.6H14.8999C18.8999 15.6 22.2999 12.3 22.2999 8.1C22.2999 3.9 18.8999 0.5 14.8999 0.5ZM0.399902 15.5H4.1999V9.6H8.3999V6.3H4.1999V3.8H8.7999V0.5H0.399902V15.5Z",
17
+ fill: "#fff"
18
+ }
19
+ )
20
+ }
21
+ ),
22
+ /* @__PURE__ */ jsx("p", { className: "mb_0", children: "FDIC-Insured - Backed by the full faith and credit of the U.S. Government" })
23
+ ] }) }) });
24
+ };
25
+ export {
26
+ FdicBanner
27
+ };
@@ -46,8 +46,8 @@ const CommercialDeposits = ({
46
46
  id
47
47
  }) => {
48
48
  const schema = z.object({
49
- first_name: z.string({ message: "First name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
50
- message: "First name is required."
49
+ first_name: z.string({ message: "First Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
50
+ message: "First Name is required."
51
51
  }).trim().min(1, { message: "First Name is required." }),
52
52
  last_name: z.string({ message: "Last Name is required." }).regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
53
53
  message: "Last Name is required."
@@ -63,7 +63,7 @@ const CpraRequest = ({
63
63
  Contact_Method: z.string(),
64
64
  DOB: z.string(),
65
65
  First_Name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
66
- message: "First name is required."
66
+ message: "First Name is required."
67
67
  }).trim().min(1, { message: "First Name is required." }),
68
68
  Last_Name: z.string().regex(/^[A-Za-z][^0-9_!¡?÷?¿/\\+=@#$%ˆ&*,.^(){}|~<>;:[\]]{1,}$/g, {
69
69
  message: "Last Name is required."
@@ -1,8 +1,8 @@
1
1
  /* empty css */
2
2
  /* empty css */
3
- /* empty css */
4
- /* empty css */
5
3
  /* empty css */
4
+ /* empty css */
5
+ /* empty css */
6
6
  /* empty css */
7
7
  /* empty css */
8
8
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
@@ -1,7 +1,7 @@
1
- /* empty css */
2
1
  /* empty css */
3
2
  /* empty css */
4
3
  /* empty css */
4
+ /* empty css */
5
5
  /* empty css */
6
6
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
7
7
  var logout = "_1ye8k3f0";
@@ -1,7 +1,7 @@
1
- /* empty css */
2
1
  /* empty css */
3
2
  /* empty css */
4
3
  /* empty css */
4
+ /* empty css */
5
5
  /* empty css */
6
6
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
7
7
  var billboard = createRuntimeFn({ defaultClassName: "_1m7m2a0", variantClassNames: { variant: { primary: "_1m7m2a1", secondary: "_1m7m2a2", tertiary: "_1m7m2a3", quaternary: "_1m7m2a4" } }, defaultVariants: {}, compoundVariants: [] });
@@ -1,6 +1,6 @@
1
- /* empty css */
2
1
  /* empty css */
3
2
  /* empty css */
3
+ /* empty css */
4
4
  /* empty css */
5
5
  import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
6
6
  var iconInput = createRuntimeFn({ defaultClassName: "_18du0la0", variantClassNames: { size: { small: "_18du0la1", medium: "_18du0la2", large: "_18du0la3" } }, defaultVariants: {}, compoundVariants: [] });
@@ -1,7 +1,7 @@
1
- /* empty css */
2
1
  /* empty css */
3
2
  /* empty css */
4
3
  /* empty css */
4
+ /* empty css */
5
5
  /* empty css */
6
6
  var selector_section = "_13y9ptj0";
7
7
  var selector_link = "_13y9ptj1";
@@ -15,11 +15,13 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
15
15
  suppressContentEditableWarning?: boolean | undefined;
16
16
  suppressHydrationWarning?: boolean | undefined;
17
17
  accessKey?: string | undefined;
18
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
18
19
  autoFocus?: boolean | undefined;
19
20
  contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
20
21
  contextMenu?: string | undefined;
21
22
  dir?: string | undefined;
22
23
  draggable?: (boolean | "false" | "true") | undefined;
24
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
23
25
  hidden?: boolean | undefined;
24
26
  id?: string | undefined;
25
27
  lang?: string | undefined;
@@ -43,7 +45,6 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
43
45
  rev?: string | undefined;
44
46
  typeof?: string | undefined;
45
47
  vocab?: string | undefined;
46
- autoCapitalize?: string | undefined;
47
48
  autoCorrect?: string | undefined;
48
49
  autoSave?: string | undefined;
49
50
  color?: string | undefined;
@@ -0,0 +1,49 @@
1
+ ._fdic_callout_1imdm_1 {
2
+ background-color: #000;
3
+ color: #fff;
4
+ }
5
+
6
+ ._inner_container_1imdm_6 {
7
+ margin-left: auto;
8
+ margin-right: auto;
9
+ width: calc(100% - 90px);
10
+ }
11
+
12
+ ._fdic_callout_1imdm_1 svg {
13
+ margin-right: 8px;
14
+ }
15
+
16
+ ._fdic_callout_1imdm_1 .flex {
17
+ min-height: 32px;
18
+ }
19
+
20
+ ._fdic_callout_1imdm_1 p {
21
+ font-size: 12px;
22
+ line-height: 1;
23
+ }
24
+
25
+ @media (max-width: 1280px) and (min-width: 1024px) {
26
+ ._inner_container_1imdm_6 {
27
+ width: calc(100% - 40px);
28
+ }
29
+ }
30
+
31
+ @media (max-width: 769px) {
32
+ ._inner_container_1imdm_6 {
33
+ width: calc(100% - 60px);
34
+ }
35
+ }
36
+
37
+ @media (max-width: 603px) {
38
+ ._fdic_callout_1imdm_1 .flex {
39
+ min-height: 24px;
40
+ }
41
+ ._fdic_callout_1imdm_1 p {
42
+ font-size: 8px;
43
+ line-height: 1.3;
44
+ }
45
+ ._fdic_callout_1imdm_1 svg {
46
+ min-width: 32px;
47
+ height: auto;
48
+ }
49
+ }
@@ -288,14 +288,7 @@
288
288
  padding: 6px;
289
289
  }
290
290
  }
291
- @media screen and (max-width: 768px) and (min-width: 604px) {
292
- .tfms6a1j label {
293
- height: 48px;
294
- display: flex;
295
- align-items: flex-end;
296
- }
297
- }
298
- @media screen and (max-width: 579px) and (min-width: 481px) {
291
+ @media screen and (max-width: 571px) and (min-width: 481px) {
299
292
  .tfms6a1j label {
300
293
  height: 48px;
301
294
  display: flex;
@@ -303,7 +296,7 @@
303
296
  }
304
297
  }
305
298
  @media screen and (max-width: 483px) {
306
- .tfms6a1j label {
299
+ .tfms6a1k label {
307
300
  white-space: nowrap;
308
301
  }
309
302
  }
package/dist/index.css.js CHANGED
@@ -1,3 +1,3 @@
1
- /* empty css */
2
1
  /* empty css */
2
+ /* empty css */
3
3
  /* empty css */
package/dist/main.d.ts CHANGED
@@ -23,6 +23,7 @@ export * from './ContentBanner';
23
23
  export * from './DownloadTile';
24
24
  export * from './ExecutiveBio';
25
25
  export * from './FaqAccordion';
26
+ export * from './FdicCallout';
26
27
  export * from './FooterDisclosure';
27
28
  export * from './FooterSiteMap/AxosBank';
28
29
  export * from './Forms';
package/dist/main.js CHANGED
@@ -37,6 +37,7 @@ import { ExecutiveBio } from "./ExecutiveBio/ExecutiveBio.js";
37
37
  import { bio_section_text, components, contact_col, contact_entry, contact_links, contacts, copy, description, details, executive_bio, header_theme, headline_setting, headshot, img_area, item_bio, job_title, media, padding, person, section_theme, shift, svg_icon } from "./ExecutiveBio/ExecutiveBio.css.js";
38
38
  import { ExecutiveBioSet } from "./ExecutiveBio/ExecutiveBioSet.js";
39
39
  import { AccordionCtas, AccordionItem, AccordionItemContent, AccordionItemSummary, FaqAccordion } from "./FaqAccordion/index.js";
40
+ import { FdicBanner } from "./FdicCallout/index.js";
40
41
  import { footerDisclosure, footerLink, footerParagraph, iconsContent } from "./FooterDisclosure/FooterDisclosure.css.js";
41
42
  import { FooterContent, FooterDisclosure, FooterIcons, FooterParagraph } from "./FooterDisclosure/FooterDisclosure.js";
42
43
  import { AxosFooterSiteMap } from "./FooterSiteMap/AxosBank/FooterSiteMap.js";
@@ -225,6 +226,7 @@ export {
225
226
  ExecutiveBio,
226
227
  ExecutiveBioSet,
227
228
  FaqAccordion,
229
+ FdicBanner,
228
230
  Featured,
229
231
  FeaturedItem,
230
232
  default13 as FollowIcon,
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.124",
4
+ "version": "0.0.126",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",
@@ -29,8 +29,8 @@
29
29
  },
30
30
  "dependencies": {
31
31
  "@hookform/resolvers": "^3.9.0",
32
- "@react-input/mask": "^1.2.8",
33
- "@react-input/number-format": "^1.0.28",
32
+ "@react-input/mask": "^1.2.10",
33
+ "@react-input/number-format": "^1.0.32",
34
34
  "@storybook/icons": "^1.2.10",
35
35
  "@storybook/preview-api": "^8.3.0",
36
36
  "@types/iframe-resizer": "3.5.13",
@@ -77,9 +77,9 @@
77
77
  "@svgr/core": "^8.1.0",
78
78
  "@svgr/plugin-prettier": "^8.1.0",
79
79
  "@svgr/plugin-svgo": "^8.1.0",
80
- "@types/lodash": "^4.17.7",
81
- "@types/node": "^20.16.5",
82
- "@types/react": "^18.3.5",
80
+ "@types/lodash": "^4.17.9",
81
+ "@types/node": "^20.16.10",
82
+ "@types/react": "^18.3.10",
83
83
  "@types/react-datepicker": "^6.2.0",
84
84
  "@types/react-dom": "^18.3.0",
85
85
  "@types/react-slick": "^0.23.13",
@@ -106,7 +106,7 @@
106
106
  "storybook": "^8.2.9",
107
107
  "typescript": "^5.6.2",
108
108
  "typescript-plugin-css-modules": "^5.1.0",
109
- "vite": "^5.4.4",
109
+ "vite": "^5.4.8",
110
110
  "vite-plugin-dts": "^3.9.1",
111
111
  "vite-plugin-lib-inject-css": "^2.1.1",
112
112
  "vite-plugin-setting-css-module": "^1.1.4",