@axos-web-dev/shared-components 0.0.233 → 1.0.1

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 (57) hide show
  1. package/dist/ATMLocator/ATMLocator.js +1 -0
  2. package/dist/Accordion/Accordion.css.d.ts +9 -9
  3. package/dist/Button/Button.js +1 -0
  4. package/dist/Calculators/Calculator.js +12 -0
  5. package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.d.ts +45 -0
  6. package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js +38 -0
  7. package/dist/Calculators/SummitApyCalculator/index.d.ts +10 -0
  8. package/dist/Calculators/SummitApyCalculator/index.js +195 -0
  9. package/dist/Calculators/index.d.ts +1 -0
  10. package/dist/Calculators/index.js +2 -0
  11. package/dist/Carousel/index.js +1 -0
  12. package/dist/Chevron/index.js +1 -0
  13. package/dist/Comparison/Comparison.css.js +2 -2
  14. package/dist/Comparison/Comparison.js +1 -0
  15. package/dist/ExecutiveBio/ExecutiveBio.js +1 -0
  16. package/dist/FaqAccordion/index.js +1 -0
  17. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.css.js +1 -1
  18. package/dist/FooterSiteMap/AxosBank/FooterSiteMap.js +1 -0
  19. package/dist/Forms/ApplyNow.js +1 -0
  20. package/dist/Forms/ContactUsBusiness.js +1 -0
  21. package/dist/Forms/ContactUsNMLSId.js +1 -0
  22. package/dist/Forms/CraPublicFile.js +1 -0
  23. package/dist/Forms/EmailOnly.js +1 -0
  24. package/dist/Forms/Forms.css.js +2 -2
  25. package/dist/Forms/MortgageRate/MortgageRateForm.js +1 -0
  26. package/dist/Forms/MortgageRate/MortgageRateWatch.d.ts +0 -1
  27. package/dist/Forms/MortgageRate/MortgageRateWatch.js +1 -0
  28. package/dist/Forms/SalesforceFieldsForm.d.ts +0 -1
  29. package/dist/Forms/SuccesForm.js +1 -0
  30. package/dist/HeroBanner/HeroBanner.css.js +1 -1
  31. package/dist/Hyperlink/index.js +1 -0
  32. package/dist/ImageBillboard/ImageBillboard.css.js +1 -1
  33. package/dist/ImageLink/ImageLink.js +1 -0
  34. package/dist/ImageLink/ImageLinkSet.js +1 -0
  35. package/dist/ImageLink/index.js +1 -0
  36. package/dist/Input/Checkbox.d.ts +1 -1
  37. package/dist/Input/Input.css.js +1 -1
  38. package/dist/Insight/Featured/CategorySelector.css.js +1 -1
  39. package/dist/Insight/Featured/CategorySelector.js +1 -0
  40. package/dist/Insight/Featured/Featured.js +1 -0
  41. package/dist/Insight/Featured/Header.js +1 -0
  42. package/dist/Modal/Modal.js +1 -0
  43. package/dist/NavigationMenu/AxosALTS/NavData.js +1 -0
  44. package/dist/NavigationMenu/AxosALTS/index.js +1 -0
  45. package/dist/NavigationMenu/AxosBank/NavData.js +1 -0
  46. package/dist/NavigationMenu/AxosBank/SubNavBar.js +11 -13
  47. package/dist/NavigationMenu/AxosBank/index.js +1 -0
  48. package/dist/NavigationMenu/LaVictoire/NavData.js +1 -0
  49. package/dist/NavigationMenu/LaVictoire/index.js +1 -0
  50. package/dist/SetContainer/SetContainer.js +1 -0
  51. package/dist/SocialMediaBar/iconsRepository.js +1 -0
  52. package/dist/Table/Table.d.ts +15 -14
  53. package/dist/VideoWrapper/index.js +1 -0
  54. package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css +207 -0
  55. package/dist/index.css.js +1 -1
  56. package/dist/main.js +2 -0
  57. package/package.json +1 -1
@@ -58,6 +58,7 @@ import "iframe-resizer";
58
58
  /* empty css */
59
59
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
60
60
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
61
+ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
61
62
  /* empty css */
62
63
  /* empty css */
63
64
  /* empty css */
@@ -54,6 +54,7 @@ import "iframe-resizer";
54
54
  /* empty css */
55
55
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
56
56
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
57
+ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
57
58
  /* empty css */
58
59
  /* empty css */
59
60
  /* empty css */
@@ -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;
4
+ children?: import('react').ReactNode | undefined;
5
5
  } & import('react').RefAttributes<HTMLInputElement>>;
@@ -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 iconInput = createRuntimeFn({ defaultClassName: "_18du0la0", variantClassNames: { size: { small: "_18du0la1", medium: "_18du0la2", large: "_18du0la3" } }, defaultVariants: {}, compoundVariants: [] });
@@ -1,8 +1,8 @@
1
- /* empty css */
2
1
  /* empty css */
3
2
  /* empty css */
4
3
  /* empty css */
5
4
  /* empty css */
5
+ /* empty css */
6
6
  /* empty css */
7
7
  var selector_section = "_13y9ptj0";
8
8
  var selector_link = "_13y9ptj1";
@@ -55,6 +55,7 @@ import "iframe-resizer";
55
55
  /* empty css */
56
56
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
57
57
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
58
+ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
58
59
  /* empty css */
59
60
  /* empty css */
60
61
  /* empty css */
@@ -57,6 +57,7 @@ import "iframe-resizer";
57
57
  /* empty css */
58
58
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
59
59
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
60
+ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
60
61
  /* empty css */
61
62
  /* empty css */
62
63
  /* empty css */
@@ -55,6 +55,7 @@ import "iframe-resizer";
55
55
  /* empty css */
56
56
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
57
57
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
58
+ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
58
59
  /* empty css */
59
60
  /* empty css */
60
61
  /* empty css */
@@ -54,6 +54,7 @@ import "iframe-resizer";
54
54
  /* empty css */
55
55
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
56
56
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
57
+ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
57
58
  /* empty css */
58
59
  /* empty css */
59
60
  /* empty css */
@@ -55,6 +55,7 @@ import "iframe-resizer";
55
55
  /* empty css */
56
56
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
57
57
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
58
+ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
58
59
  /* empty css */
59
60
  /* empty css */
60
61
  /* empty css */
@@ -56,6 +56,7 @@ import "iframe-resizer";
56
56
  /* empty css */
57
57
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
58
58
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
59
+ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
59
60
  /* empty css */
60
61
  /* empty css */
61
62
  /* empty css */
@@ -55,6 +55,7 @@ import "iframe-resizer";
55
55
  /* empty css */
56
56
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
57
57
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
58
+ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
58
59
  /* empty css */
59
60
  /* empty css */
60
61
  /* empty css */
@@ -57,6 +57,7 @@ import "iframe-resizer";
57
57
  /* empty css */
58
58
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
59
59
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
60
+ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
60
61
  /* empty css */
61
62
  /* empty css */
62
63
  /* empty css */
@@ -920,18 +921,9 @@ function SubNavBar() {
920
921
  Link,
921
922
  {
922
923
  href: findMoreAxosDomains(
923
- "{AXOSBANK}/personal/bank/savings-accounts/high-yield-savings"
924
+ "{AXOSBANK}/pages/summit-savings"
924
925
  ),
925
- children: "High Yield Savings"
926
- }
927
- ) }),
928
- /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
929
- Link,
930
- {
931
- href: findMoreAxosDomains(
932
- "{AXOSBANK}/personal/bank/savings-accounts/high-yield-money-market"
933
- ),
934
- children: "High Yield Money Market"
926
+ children: "Summit Savings"
935
927
  }
936
928
  ) }),
937
929
  /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
@@ -2262,7 +2254,7 @@ function SubNavBar() {
2262
2254
  ) })
2263
2255
  ] })
2264
2256
  ] }),
2265
- /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
2257
+ process.env.SHOW_NEW_BUSINESS_ITEM == "true" && /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
2266
2258
  /* @__PURE__ */ jsx(
2267
2259
  Image,
2268
2260
  {
@@ -2281,7 +2273,13 @@ function SubNavBar() {
2281
2273
  children: "Solutions"
2282
2274
  }
2283
2275
  ) }),
2284
- /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(Link, { href: "/business/solutions/new-business", children: "New Business" }) })
2276
+ /* @__PURE__ */ jsx("li", { children: /* @__PURE__ */ jsx(
2277
+ Link,
2278
+ {
2279
+ href: "/business/solutions/new-business",
2280
+ children: "New Business"
2281
+ }
2282
+ ) })
2285
2283
  ] })
2286
2284
  ] }),
2287
2285
  /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
@@ -56,6 +56,7 @@ import "iframe-resizer";
56
56
  /* empty css */
57
57
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
58
58
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
59
+ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
59
60
  /* empty css */
60
61
  /* empty css */
61
62
  /* empty css */
@@ -55,6 +55,7 @@ import "iframe-resizer";
55
55
  /* empty css */
56
56
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
57
57
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
58
+ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
58
59
  /* empty css */
59
60
  /* empty css */
60
61
  /* empty css */
@@ -56,6 +56,7 @@ import "iframe-resizer";
56
56
  /* empty css */
57
57
  import "../../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
58
58
  import "../../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
59
+ import "../../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
59
60
  /* empty css */
60
61
  /* empty css */
61
62
  /* empty css */
@@ -57,6 +57,7 @@ import "iframe-resizer";
57
57
  /* empty css */
58
58
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
59
59
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
60
+ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
60
61
  /* empty css */
61
62
  /* empty css */
62
63
  /* empty css */
@@ -55,6 +55,7 @@ import "iframe-resizer";
55
55
  /* empty css */
56
56
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
57
57
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
58
+ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
58
59
  /* empty css */
59
60
  /* empty css */
60
61
  /* empty css */
@@ -10,17 +10,19 @@ export declare const TableCell: ({ children, as, variant, highlighted, colSpan,
10
10
  colSpan: number | undefined;
11
11
  className: string;
12
12
  manifest?: string | undefined;
13
- amp?: string | undefined;
13
+ amp?: string;
14
14
  defaultChecked?: boolean | undefined;
15
15
  defaultValue?: string | number | readonly string[] | undefined;
16
16
  suppressContentEditableWarning?: boolean | undefined;
17
17
  suppressHydrationWarning?: boolean | undefined;
18
18
  accessKey?: string | undefined;
19
+ autoCapitalize?: "off" | "none" | "on" | "sentences" | "words" | "characters" | undefined | (string & {});
19
20
  autoFocus?: boolean | undefined;
20
- contentEditable?: "inherit" | (boolean | "false" | "true") | "plaintext-only" | undefined;
21
+ contentEditable?: (boolean | "false" | "true") | "inherit" | "plaintext-only" | undefined;
21
22
  contextMenu?: string | undefined;
22
23
  dir?: string | undefined;
23
24
  draggable?: (boolean | "false" | "true") | undefined;
25
+ enterKeyHint?: "enter" | "done" | "go" | "next" | "previous" | "search" | "send" | undefined;
24
26
  hidden?: boolean | undefined;
25
27
  id?: string | undefined;
26
28
  lang?: string | undefined;
@@ -30,7 +32,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, colSpan,
30
32
  style?: import('react').CSSProperties | undefined;
31
33
  tabIndex?: number | undefined;
32
34
  title?: string | undefined;
33
- translate?: "no" | "yes" | undefined;
35
+ translate?: "yes" | "no" | undefined;
34
36
  radioGroup?: string | undefined;
35
37
  role?: import('react').AriaRole | undefined;
36
38
  about?: string | undefined;
@@ -44,7 +46,6 @@ export declare const TableCell: ({ children, as, variant, highlighted, colSpan,
44
46
  rev?: string | undefined;
45
47
  typeof?: string | undefined;
46
48
  vocab?: string | undefined;
47
- autoCapitalize?: string | undefined;
48
49
  autoCorrect?: string | undefined;
49
50
  autoSave?: string | undefined;
50
51
  color?: string | undefined;
@@ -55,38 +56,38 @@ export declare const TableCell: ({ children, as, variant, highlighted, colSpan,
55
56
  itemRef?: string | undefined;
56
57
  results?: number | undefined;
57
58
  security?: string | undefined;
58
- unselectable?: "off" | "on" | undefined;
59
- inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
59
+ unselectable?: "on" | "off" | undefined;
60
+ inputMode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
60
61
  is?: string | undefined;
61
62
  popover?: "" | "auto" | "manual" | undefined;
62
- popoverTargetAction?: "hide" | "show" | "toggle" | undefined;
63
+ popoverTargetAction?: "toggle" | "show" | "hide" | undefined;
63
64
  popoverTarget?: string | undefined;
64
65
  onToggle?: import('react').ToggleEventHandler<HTMLTableCellElement> | undefined;
65
66
  onBeforeToggle?: import('react').ToggleEventHandler<HTMLTableCellElement> | undefined;
66
67
  inert?: boolean | undefined;
67
68
  "aria-activedescendant"?: string | undefined;
68
69
  "aria-atomic"?: (boolean | "false" | "true") | undefined;
69
- "aria-autocomplete"?: "none" | "both" | "inline" | "list" | undefined;
70
+ "aria-autocomplete"?: "none" | "inline" | "list" | "both" | undefined;
70
71
  "aria-braillelabel"?: string | undefined;
71
72
  "aria-brailleroledescription"?: string | undefined;
72
73
  "aria-busy"?: (boolean | "false" | "true") | undefined;
73
- "aria-checked"?: boolean | "mixed" | "false" | "true" | undefined;
74
+ "aria-checked"?: boolean | "false" | "mixed" | "true" | undefined;
74
75
  "aria-colcount"?: number | undefined;
75
76
  "aria-colindex"?: number | undefined;
76
77
  "aria-colindextext"?: string | undefined;
77
78
  "aria-colspan"?: number | undefined;
78
79
  "aria-controls"?: string | undefined;
79
- "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
80
+ "aria-current"?: boolean | "false" | "true" | "page" | "step" | "location" | "date" | "time" | undefined;
80
81
  "aria-describedby"?: string | undefined;
81
82
  "aria-description"?: string | undefined;
82
83
  "aria-details"?: string | undefined;
83
84
  "aria-disabled"?: (boolean | "false" | "true") | undefined;
84
- "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
85
+ "aria-dropeffect"?: "none" | "copy" | "execute" | "link" | "move" | "popup" | undefined;
85
86
  "aria-errormessage"?: string | undefined;
86
87
  "aria-expanded"?: (boolean | "false" | "true") | undefined;
87
88
  "aria-flowto"?: string | undefined;
88
89
  "aria-grabbed"?: (boolean | "false" | "true") | undefined;
89
- "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
90
+ "aria-haspopup"?: boolean | "false" | "true" | "menu" | "listbox" | "tree" | "grid" | "dialog" | undefined;
90
91
  "aria-hidden"?: (boolean | "false" | "true") | undefined;
91
92
  "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
92
93
  "aria-keyshortcuts"?: string | undefined;
@@ -101,9 +102,9 @@ export declare const TableCell: ({ children, as, variant, highlighted, colSpan,
101
102
  "aria-owns"?: string | undefined;
102
103
  "aria-placeholder"?: string | undefined;
103
104
  "aria-posinset"?: number | undefined;
104
- "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
105
+ "aria-pressed"?: boolean | "false" | "mixed" | "true" | undefined;
105
106
  "aria-readonly"?: (boolean | "false" | "true") | undefined;
106
- "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
107
+ "aria-relevant"?: "additions" | "additions removals" | "additions text" | "all" | "removals" | "removals additions" | "removals text" | "text" | "text additions" | "text removals" | undefined;
107
108
  "aria-required"?: (boolean | "false" | "true") | undefined;
108
109
  "aria-roledescription"?: string | undefined;
109
110
  "aria-rowcount"?: number | undefined;
@@ -56,6 +56,7 @@ import "iframe-resizer";
56
56
  /* empty css */
57
57
  import "../Calculators/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js";
58
58
  import "../Calculators/MonthlyPaymentLVFCalculator/MonthlyPaymentCalculator.css.js";
59
+ import "../Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js";
59
60
  /* empty css */
60
61
  /* empty css */
61
62
  /* empty css */
@@ -0,0 +1,207 @@
1
+ ._11oamgh0 {
2
+ position: relative;
3
+ }
4
+ ._11oamgh0 ._1nivbwe13 ._1nivbwee ._1nivbwe8 {
5
+ margin-bottom: 0;
6
+ }
7
+ ._11oamgh0 ._1nivbwe13 ._1nivbwee {
8
+ background: #fff;
9
+ color: #1e3860;
10
+ }
11
+ ._11oamgh0 ._1nivbwet ._1nivbwe12 tr:nth-child(even) td {
12
+ background: #fff;
13
+ }
14
+ ._11oamgh0 > .containment {
15
+ padding: 24px 33px 0px;
16
+ }
17
+ ._11oamgh0 tbody tr + tr ._1nivbwel {
18
+ border-bottom: 1px solid #d9d9d9;
19
+ }
20
+ ._11oamgh0 ._1nivbwes {
21
+ border-radius: 0px;
22
+ }
23
+ ._11oamgh0 tbody tr:first-child td {
24
+ background: #def4ff;
25
+ font-size: 24px;
26
+ line-height: 1.3;
27
+ color: #1e3860;
28
+ font-family: var(--header-font-family);
29
+ }
30
+ ._11oamgh1 {
31
+ padding: 0px 56px 17px;
32
+ background: #FFF;
33
+ color: #5e6a74;
34
+ }
35
+ ._11oamgh2 {
36
+ display: flex;
37
+ background-color: #FFFFFF;
38
+ border-radius: 1rem;
39
+ border: 1px solid #d9d9d9;
40
+ justify-content: space-between;
41
+ padding: 15px;
42
+ }
43
+ ._11oamgh3 {
44
+ align-items: center;
45
+ color: #1e3860;
46
+ display: flex;
47
+ font-size: 24px;
48
+ flex: 1 1 0%;
49
+ font-family: var(--header-font-family);
50
+ }
51
+ ._11oamgh4 {
52
+ font-weight: 400;
53
+ margin-bottom: 0;
54
+ }
55
+ ._11oamgh5 {
56
+ align-self: stretch;
57
+ border: 0;
58
+ flex: 1 1 0%;
59
+ font-family: var(--header-font-family);
60
+ outline: 0;
61
+ padding-left: 3px;
62
+ font-weight: 600;
63
+ color: #1e3860;
64
+ margin: 0;
65
+ }
66
+ ._11oamgh7 {
67
+ display: none;
68
+ }
69
+ ._11oamgh8 {
70
+ font-weight: 600;
71
+ font-size: 18px;
72
+ line-height: 1.4;
73
+ padding: 14px 64px;
74
+ background-color: var(--_1073cm86);
75
+ color: #FFFFFF;
76
+ width: auto;
77
+ }
78
+ ._11oamgh9 {
79
+ padding-bottom: 32px;
80
+ }
81
+ ._11oamgha {
82
+ margin-bottom: 44px;
83
+ }
84
+ ._11oamghb {
85
+ color: #1e3860;
86
+ }
87
+ ._11oamghc {
88
+ margin-inline: auto;
89
+ }
90
+ ._11oamghd {
91
+ margin-top: 1rem;
92
+ }
93
+ ._11oamghe {
94
+ color: var(--_1073cm82);
95
+ }
96
+ ._11oamghf {
97
+ color: var(--_1073cm89);
98
+ }
99
+ ._11oamghg {
100
+ color: var(--_1073cm8g);
101
+ }
102
+ ._11oamghh {
103
+ color: var(--_1073cm8n);
104
+ }
105
+ ._11oamghi {
106
+ margin-top: 16px;
107
+ }
108
+ ._11oamghj {
109
+ color: var(--_1073cm82);
110
+ }
111
+ ._11oamghk {
112
+ color: var(--_1073cm89);
113
+ }
114
+ ._11oamghl {
115
+ color: var(--_1073cm8g);
116
+ }
117
+ ._11oamghm {
118
+ color: var(--_1073cm8n);
119
+ }
120
+ @media screen and (max-width: 1023px) {
121
+ ._11oamgh0 > .containment {
122
+ max-width: 100%;
123
+ width: 100%;
124
+ border-radius: 0;
125
+ padding: 24px 28px;
126
+ }
127
+ ._11oamgh1 {
128
+ padding: 0px 24px;
129
+ }
130
+ }
131
+ @media screen and (max-width:1023px) {
132
+ ._11oamgh3 {
133
+ font-size: 23px;
134
+ }
135
+ }
136
+ @media screen and (max-width: 900px) {
137
+ ._11oamgh8 {
138
+ padding: 4px 32px;
139
+ font-size: 14px;
140
+ }
141
+ }
142
+ @media screen and (max-width: 768px) {
143
+ ._11oamgh0 ._1nivbwet ._1nivbwe12 tr:nth-child(even) td {
144
+ background: #f4f4f4;
145
+ }
146
+ ._11oamgh0 > .containment {
147
+ padding: 0px;
148
+ }
149
+ ._11oamgh0 tbody tr + tr ._1nivbwel {
150
+ border-bottom: none;
151
+ }
152
+ ._11oamgh0 tbody tr:first-child td {
153
+ font-size: 16px;
154
+ line-height: 1.5;
155
+ font-family: var(--main-font-family);
156
+ background: #ace1fc;
157
+ }
158
+ ._11oamgh0 ._1nivbwes._1nivbwet {
159
+ padding: 0px;
160
+ margin-top: 0px !important;
161
+ }
162
+ ._11oamgh1 {
163
+ border-radius: 0;
164
+ padding: 0;
165
+ }
166
+ ._11oamgh2 {
167
+ border: 0;
168
+ padding: 0 16px 16px;
169
+ flex-wrap: wrap;
170
+ border-radius: 0;
171
+ }
172
+ ._11oamgh3 {
173
+ font-size: 18px;
174
+ flex: 1 1 100%;
175
+ border: 1px solid #d9d9d9;
176
+ border-radius: 8px;
177
+ overflow: hidden;
178
+ font-family: var(--main-font-family);
179
+ padding-left: 8px;
180
+ background: #fff;
181
+ }
182
+ ._11oamgh5 {
183
+ font-family: var(--main-font-family);
184
+ padding: 8px 8px 8px 0;
185
+ }
186
+ ._11oamgh6 {
187
+ display: none;
188
+ }
189
+ ._11oamgh7 {
190
+ display: block;
191
+ }
192
+ ._11oamgh8 {
193
+ margin-top: 16px;
194
+ }
195
+ ._11oamgha {
196
+ margin-top: 16px;
197
+ padding: 32px 16px 0;
198
+ }
199
+ }
200
+ @media screen and (max-width: 450px) {
201
+ ._11oamgh4 {
202
+ width: 151px;
203
+ }
204
+ ._11oamgh5 {
205
+ width: 50%;
206
+ }
207
+ }
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.js CHANGED
@@ -27,6 +27,7 @@ import { MarginTradingCalculator } from "./Calculators/MarginTradingCalculator/i
27
27
  import { MaxLoanCalculator } from "./Calculators/MaxLoanCalculator/index.js";
28
28
  import { MonthlyPaymentCalculator } from "./Calculators/MonthlyPaymentCalculator/index.js";
29
29
  import { MonthlyPaymentLVFCalculator } from "./Calculators/MonthlyPaymentLVFCalculator/index.js";
30
+ import { SummitApyCalculator } from "./Calculators/SummitApyCalculator/index.js";
30
31
  import { CallToActionBar } from "./CallToActionBar/index.js";
31
32
  import { Carousel, CarouselSlide } from "./Carousel/index.js";
32
33
  import { Chevron } from "./Chevron/index.js";
@@ -330,6 +331,7 @@ export {
330
331
  StepItem,
331
332
  StepItemSet,
332
333
  SuccesFormWrapper,
334
+ SummitApyCalculator,
333
335
  Tab,
334
336
  TabContainer,
335
337
  Table,
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.233",
4
+ "version": "1.0.1",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",