@axos-web-dev/shared-components 0.0.131 → 0.0.133

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 (9) hide show
  1. package/dist/Calculators/MarginTradingCalculator/index.js +16 -2
  2. package/dist/DownloadTile/index.js +2 -1
  3. package/dist/FaqAccordion/index.js +4 -0
  4. package/dist/FdicCallout/FdicCallout.module.js +2 -2
  5. package/dist/Table/Table.js +1 -1
  6. package/dist/assets/Button/Button.css +2 -2
  7. package/dist/assets/FdicCallout/FdicCallout.css.css +11 -10
  8. package/dist/assets/Table/Table.css +0 -1
  9. package/package.json +1 -1
package/dist/Calculators/MarginTradingCalculator/index.js CHANGED
@@ -229,7 +229,14 @@ const MarginTradingCalculator = ({
229
229
  type: "number",
230
230
  id: "accCashVal",
231
231
  max: 999999999e-2,
232
- min: 0
232
+ min: 0,
233
+ step: 1e3,
234
+ onKeyDown: (event) => {
235
+ const eventCode = event.code.toLowerCase();
236
+ if (!(event.code !== null && (eventCode.includes("digit") || eventCode.includes("arrow") || eventCode.includes("home") || eventCode.includes("end") || eventCode.includes("backspace") || eventCode.includes("period") || eventCode.includes("numpaddecimal") || eventCode.includes("numpad") && eventCode.length === 7))) {
237
+ event.preventDefault();
238
+ }
239
+ }
233
240
  }
234
241
  )
235
242
  ] }),
@@ -245,7 +252,14 @@ const MarginTradingCalculator = ({
245
252
  type: "number",
246
253
  id: "accSecVal",
247
254
  max: 999999999e-2,
248
- min: 0
255
+ min: 0,
256
+ step: 1e3,
257
+ onKeyDown: (event) => {
258
+ const eventCode = event.code.toLowerCase();
259
+ if (!(event.code !== null && (eventCode.includes("digit") || eventCode.includes("arrow") || eventCode.includes("home") || eventCode.includes("end") || eventCode.includes("backspace") || eventCode.includes("period") || eventCode.includes("numpaddecimal") || eventCode.includes("numpad") && eventCode.length === 7))) {
260
+ event.preventDefault();
261
+ }
262
+ }
249
263
  }
250
264
  )
251
265
  ] }),
package/dist/DownloadTile/index.js CHANGED
@@ -1,4 +1,5 @@
1
1
  import { jsx, jsxs, Fragment } from "react/jsx-runtime";
2
+ import { Hyperlink } from "../Hyperlink/index.js";
2
3
  import "../icons/ArrowIcon/ArrowIcon.css.js";
3
4
  import "../icons/CheckIcon/CheckIcon.css.js";
4
5
  import SvgDownloadIcon from "../icons/DownloadIcon/index.js";
@@ -31,7 +32,7 @@ const DownloadTile = ({
31
32
  /* @__PURE__ */ jsx("tbody", { id: "body-table", children: downloadTiles.map(
32
33
  ({ id: id2, url, displayName, action = "Download" }) => /* @__PURE__ */ jsxs("tr", { children: [
33
34
  /* @__PURE__ */ jsx("td", { "data-label": "", children: displayName }),
34
- /* @__PURE__ */ jsx("td", { "data-label": "", children: /* @__PURE__ */ jsxs("a", { href: url, target: "_blank", className: download, children: [
35
+ /* @__PURE__ */ jsx("td", { "data-label": "", children: /* @__PURE__ */ jsxs(Hyperlink, { targetUrl: url, newTab: true, className: download, children: [
35
36
  action.toLowerCase() === "download" ? /* @__PURE__ */ jsx(SvgDownloadIcon, { className: ico }) : /* @__PURE__ */ jsx(SvgFollowIcon, { className: ico }),
36
37
  /* @__PURE__ */ jsx("span", { children: action })
37
38
  ] }) })
package/dist/FaqAccordion/index.js CHANGED
@@ -164,6 +164,8 @@ const AccordionCtas = (props) => {
164
164
  color: getVariant(props.callToActionRow.variant),
165
165
  size: "medium",
166
166
  rounded: "medium",
167
+ marketingIntersitial: props.callToActionRow.marketingIntersitial,
168
+ newTab: props.callToActionRow.newTab,
167
169
  children: props.callToActionRow.displayText
168
170
  },
169
171
  props.callToActionRow.id
@@ -172,6 +174,8 @@ const AccordionCtas = (props) => {
172
174
  {
173
175
  targetUrl: props.callToActionRow.targetUrl,
174
176
  variant: getVariant(props.callToActionRow.variant),
177
+ marketingIntersitial: props.callToActionRow.marketingIntersitial,
178
+ newTab: props.callToActionRow.newTab,
175
179
  children: props.callToActionRow.displayText
176
180
  },
177
181
  props.callToActionRow.id
package/dist/FdicCallout/FdicCallout.module.js CHANGED
@@ -1,5 +1,5 @@
1
- const fdic_callout = "_fdic_callout_1imdm_1";
2
- const inner_container = "_inner_container_1imdm_6";
1
+ const fdic_callout = "_fdic_callout_1kihd_1";
2
+ const inner_container = "_inner_container_1kihd_6";
3
3
  const css = {
4
4
  fdic_callout,
5
5
  inner_container
package/dist/Table/Table.js CHANGED
@@ -26,7 +26,7 @@ const TableContainer = ({
26
26
  "containment"
27
27
  ),
28
28
  children: [
29
- tableTitle && /* @__PURE__ */ jsx("div", { className: table_container_text, children: /* @__PURE__ */ jsx("h1", { className: clsx("header_1", table_headline), children: tableTitle }) }),
29
+ tableTitle && /* @__PURE__ */ jsx("div", { className: table_container_text, children: /* @__PURE__ */ jsx("h2", { className: clsx("header_2", table_headline), children: tableTitle }) }),
30
30
  tableDescription && /* @__PURE__ */ jsx("div", { className: table_description_text, children: tableDescription }),
31
31
  tableBody,
32
32
  tableFooter && /* @__PURE__ */ jsx("div", { className: clsx(table_container_text, "push_up_24"), children: tableFooter })
package/dist/assets/Button/Button.css CHANGED
@@ -110,12 +110,12 @@
110
110
  }
111
111
  ._13pdpuje {
112
112
  color: #5E6A74;
113
- background: #F4F4F4;
113
+ background: #d4d4d4;
114
114
  cursor: not-allowed;
115
115
  }
116
116
  ._13pdpuje:hover {
117
117
  cursor: not-allowed;
118
- background: #F4F4F4;
118
+ background: #d4d4d4;
119
119
  text-decoration: none;
120
120
  color: #5E6A74;
121
121
  border-color: transparent;
package/dist/assets/FdicCallout/FdicCallout.css.css CHANGED
@@ -1,48 +1,49 @@
1
- ._fdic_callout_1imdm_1 {
1
+ ._fdic_callout_1kihd_1 {
2
2
  background-color: #000;
3
3
  color: #fff;
4
4
  }
5
5
 
6
- ._inner_container_1imdm_6 {
6
+ ._inner_container_1kihd_6 {
7
7
  margin-left: auto;
8
8
  margin-right: auto;
9
9
  width: calc(100% - 90px);
10
10
  }
11
11
 
12
- ._fdic_callout_1imdm_1 svg {
12
+ ._fdic_callout_1kihd_1 svg {
13
13
  margin-right: 8px;
14
14
  }
15
15
 
16
- ._fdic_callout_1imdm_1 .flex {
16
+ ._fdic_callout_1kihd_1 .flex {
17
17
  min-height: 32px;
18
18
  }
19
19
 
20
- ._fdic_callout_1imdm_1 p {
20
+ ._fdic_callout_1kihd_1 p {
21
21
  font-size: 12px;
22
22
  line-height: 1;
23
+ font-style: italic;
23
24
  }
24
25
 
25
26
  @media (max-width: 1280px) and (min-width: 1024px) {
26
- ._inner_container_1imdm_6 {
27
+ ._inner_container_1kihd_6 {
27
28
  width: calc(100% - 40px);
28
29
  }
29
30
  }
30
31
 
31
32
  @media (max-width: 769px) {
32
- ._inner_container_1imdm_6 {
33
+ ._inner_container_1kihd_6 {
33
34
  width: calc(100% - 60px);
34
35
  }
35
36
  }
36
37
 
37
38
  @media (max-width: 603px) {
38
- ._fdic_callout_1imdm_1 .flex {
39
+ ._fdic_callout_1kihd_1 .flex {
39
40
  min-height: 24px;
40
41
  }
41
- ._fdic_callout_1imdm_1 p {
42
+ ._fdic_callout_1kihd_1 p {
42
43
  font-size: 8px;
43
44
  line-height: 1.3;
44
45
  }
45
- ._fdic_callout_1imdm_1 svg {
46
+ ._fdic_callout_1kihd_1 svg {
46
47
  min-width: 32px;
47
48
  height: auto;
48
49
  }
package/dist/assets/Table/Table.css CHANGED
@@ -303,7 +303,6 @@ main > div:nth-last-child(2) > ._1nivbwe0 {
303
303
  ._1nivbwex {
304
304
  border-radius: 0;
305
305
  overflow: auto;
306
- width: auto;
307
306
  }
308
307
  ._1nivbwe13 tr:has(> :last-child:nth-child(-n + 3)) td {
309
308
  width: 30%;
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.131",
4
+ "version": "0.0.133",
5
5
  "type": "module",
6
6
  "module": "dist/main.js",
7
7
  "types": "dist/main.d.ts",