@axos-web-dev/shared-components 0.0.234 → 1.0.2

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 (6) hide show
  1. package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.d.ts +1 -0
  2. package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js +6 -4
  3. package/dist/Calculators/SummitApyCalculator/index.js +19 -8
  4. package/dist/NavigationMenu/AxosBank/SubNavBar.js +8 -2
  5. package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css +17 -12
  6. package/package.json +1 -1
package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.d.ts CHANGED
@@ -9,6 +9,7 @@ export declare const summit_m_label: string;
9
9
  export declare const summit_calculator_button: string;
10
10
  export declare const summit_calc_icon: string;
11
11
  export declare const summit_header_container: string;
12
+ export declare const focus_row: string;
12
13
  export declare const summit_header_calc: string;
13
14
  export declare const summit_calc_text: string;
14
15
  export declare const summit_description_text: import('@vanilla-extract/recipes').RuntimeFn<{
package/dist/Calculators/SummitApyCalculator/BalanceAPYCalculator.css.js CHANGED
@@ -15,11 +15,13 @@ var summit_m_label = "_11oamgh7";
15
15
  var summit_calculator_button = "_11oamgh8";
16
16
  var summit_calc_icon = "_11oamgh9";
17
17
  var summit_header_container = "_11oamgha";
18
- var summit_header_calc = "_11oamghb";
19
- var summit_calc_text = "_11oamghc";
20
- var summit_description_text = createRuntimeFn({ defaultClassName: "_11oamghd", variantClassNames: { variant: { primary: "_11oamghe", secondary: "_11oamghf", tertiary: "_11oamghg", quaternary: "_11oamghh" } }, defaultVariants: {}, compoundVariants: [] });
21
- var summit_calc_disclosure = createRuntimeFn({ defaultClassName: "_11oamghi", variantClassNames: { variant: { primary: "_11oamghj", secondary: "_11oamghk", tertiary: "_11oamghl", quaternary: "_11oamghm" } }, defaultVariants: {}, compoundVariants: [] });
18
+ var focus_row = "_11oamghb";
19
+ var summit_header_calc = "_11oamghc";
20
+ var summit_calc_text = "_11oamghd";
21
+ var summit_description_text = createRuntimeFn({ defaultClassName: "_11oamghe", variantClassNames: { variant: { primary: "_11oamghf", secondary: "_11oamghg", tertiary: "_11oamghh", quaternary: "_11oamghi" } }, defaultVariants: {}, compoundVariants: [] });
22
+ var summit_calc_disclosure = createRuntimeFn({ defaultClassName: "_11oamghj", variantClassNames: { variant: { primary: "_11oamghk", secondary: "_11oamghl", tertiary: "_11oamghm", quaternary: "_11oamghn" } }, defaultVariants: {}, compoundVariants: [] });
22
23
  export {
24
+ focus_row,
23
25
  summit_calc_disclosure,
24
26
  summit_calc_icon,
25
27
  summit_calc_text,
package/dist/Calculators/SummitApyCalculator/index.js CHANGED
@@ -18,7 +18,7 @@ import { headerCell } from "../../Table/Table.css.js";
18
18
  import "../../utils/allowedAxosDomains.js";
19
19
  import { getVariant } from "../../utils/getVariant.js";
20
20
  import clsx from "clsx";
21
- import { summit_container, summit_calc_icon, summit_header_container, summit_header_calc, summit_calc_text, summit_description_text, summit_calculator_wrapper, summit_input_container, summit_input_label, summit_d_label, summit_m_label, summit_calculator_input, summit_calculator_button, summit_table_container, summit_calc_disclosure } from "./BalanceAPYCalculator.css.js";
21
+ import { summit_container, summit_calc_icon, summit_header_container, summit_header_calc, summit_calc_text, summit_description_text, summit_calculator_wrapper, summit_input_container, summit_input_label, summit_d_label, summit_m_label, summit_calculator_input, summit_calculator_button, focus_row, summit_table_container, summit_calc_disclosure } from "./BalanceAPYCalculator.css.js";
22
22
  const SummitApyCalculator = ({
23
23
  headline,
24
24
  bodyCopy,
@@ -45,7 +45,7 @@ const SummitApyCalculator = ({
45
45
  setBalance(newValue);
46
46
  return newValue;
47
47
  };
48
- const calculateBlance = (amount) => {
48
+ const calculateBalance = (amount) => {
49
49
  setAxbEarning(axbAPY / 100 * amount);
50
50
  setcapitalOneEarning(capitalOneAPY / 100 * amount);
51
51
  setBofaEarning(bofaAPY / 100 * amount);
@@ -94,7 +94,14 @@ const SummitApyCalculator = ({
94
94
  {
95
95
  className: summit_calculator_button,
96
96
  size: "large",
97
- action: () => calculateBlance(balance),
97
+ action: () => calculateBalance(balance),
98
+ tabIndex: 0,
99
+ role: "button",
100
+ onKeyDown: (event) => {
101
+ if (event.key === "Enter" || event.key === " ") {
102
+ calculateBalance(balance);
103
+ }
104
+ },
98
105
  children: "Calculate"
99
106
  }
100
107
  )
@@ -121,7 +128,7 @@ const SummitApyCalculator = ({
121
128
  ] })
122
129
  ] }) }),
123
130
  /* @__PURE__ */ jsxs(TableBody, { children: [
124
- /* @__PURE__ */ jsxs(TableRow, { children: [
131
+ /* @__PURE__ */ jsxs(TableRow, { className: focus_row, children: [
125
132
  /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsx("b", { children: "Axos Bank" }) }),
126
133
  /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsxs("b", { children: [
127
134
  axbAPY.toFixed(2),
@@ -130,7 +137,8 @@ const SummitApyCalculator = ({
130
137
  /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsxs("b", { children: [
131
138
  "$",
132
139
  axbEarning.toLocaleString(void 0, {
133
- maximumFractionDigits: 2
140
+ minimumFractionDigits: 0,
141
+ maximumFractionDigits: 0
134
142
  })
135
143
  ] }) })
136
144
  ] }),
@@ -146,7 +154,8 @@ const SummitApyCalculator = ({
146
154
  /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
147
155
  "$",
148
156
  capitalOneEarning.toLocaleString(void 0, {
149
- maximumFractionDigits: 2
157
+ minimumFractionDigits: 0,
158
+ maximumFractionDigits: 0
150
159
  })
151
160
  ] })
152
161
  ] }),
@@ -162,7 +171,8 @@ const SummitApyCalculator = ({
162
171
  /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
163
172
  "$",
164
173
  bofaEarning.toLocaleString(void 0, {
165
- maximumFractionDigits: 2
174
+ minimumFractionDigits: 0,
175
+ maximumFractionDigits: 0
166
176
  })
167
177
  ] })
168
178
  ] }),
@@ -178,7 +188,8 @@ const SummitApyCalculator = ({
178
188
  /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
179
189
  "$",
180
190
  chaseEarning.toLocaleString(void 0, {
181
- maximumFractionDigits: 2
191
+ minimumFractionDigits: 0,
192
+ maximumFractionDigits: 0
182
193
  })
183
194
  ] })
184
195
  ] })
package/dist/NavigationMenu/AxosBank/SubNavBar.js CHANGED
@@ -2254,7 +2254,7 @@ function SubNavBar() {
2254
2254
  ) })
2255
2255
  ] })
2256
2256
  ] }),
2257
- /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
2257
+ process.env.SHOW_NEW_BUSINESS_ITEM == "true" && /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
2258
2258
  /* @__PURE__ */ jsx(
2259
2259
  Image,
2260
2260
  {
@@ -2273,7 +2273,13 @@ function SubNavBar() {
2273
2273
  children: "Solutions"
2274
2274
  }
2275
2275
  ) }),
2276
- /* @__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
+ ) })
2277
2283
  ] })
2278
2284
  ] }),
2279
2285
  /* @__PURE__ */ jsxs("div", { className: "flex_row", children: [
package/dist/assets/Calculators/SummitApyCalculator/BalanceAPYCalculator.css CHANGED
@@ -81,40 +81,40 @@
81
81
  ._11oamgha {
82
82
  margin-bottom: 44px;
83
83
  }
84
- ._11oamghb {
84
+ ._11oamghc {
85
85
  color: #1e3860;
86
86
  }
87
- ._11oamghc {
87
+ ._11oamghd {
88
88
  margin-inline: auto;
89
89
  }
90
- ._11oamghd {
90
+ ._11oamghe {
91
91
  margin-top: 1rem;
92
92
  }
93
- ._11oamghe {
93
+ ._11oamghf {
94
94
  color: var(--_1073cm82);
95
95
  }
96
- ._11oamghf {
96
+ ._11oamghg {
97
97
  color: var(--_1073cm89);
98
98
  }
99
- ._11oamghg {
99
+ ._11oamghh {
100
100
  color: var(--_1073cm8g);
101
101
  }
102
- ._11oamghh {
102
+ ._11oamghi {
103
103
  color: var(--_1073cm8n);
104
104
  }
105
- ._11oamghi {
105
+ ._11oamghj {
106
106
  margin-top: 16px;
107
107
  }
108
- ._11oamghj {
108
+ ._11oamghk {
109
109
  color: var(--_1073cm82);
110
110
  }
111
- ._11oamghk {
111
+ ._11oamghl {
112
112
  color: var(--_1073cm89);
113
113
  }
114
- ._11oamghl {
114
+ ._11oamghm {
115
115
  color: var(--_1073cm8g);
116
116
  }
117
- ._11oamghm {
117
+ ._11oamghn {
118
118
  color: var(--_1073cm8n);
119
119
  }
120
120
  @media screen and (max-width: 1023px) {
@@ -204,4 +204,9 @@
204
204
  ._11oamgh5 {
205
205
  width: 50%;
206
206
  }
207
+ }
208
+ @media screen and (min-width: 769px) {
209
+ ._11oamghb {
210
+ clip-path: xywh(0 0 100% 100% round 8px);
211
+ }
207
212
  }
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.234",
4
+ "version": "1.0.2",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",