@axos-web-dev/shared-components 0.0.57 → 0.0.59

package/dist/ImageLink/index.js

@@ -15,8 +15,12 @@ import "react";
 import "../Button/Button.css.js";
 import "react-use";
 /* empty css                                                */
-import "../IconBillboard/IconBillboard.css.js";
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                          */
 /* empty css                                          */
+/* empty css                                              */
+import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
 /* empty css                                                    */
 import "../Carousel/index.js";
@@ -36,6 +40,7 @@ import "../Input/Dropdown.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

package/dist/Input/CurrencyInput.js

@@ -8,6 +8,7 @@ import "./Dropdown.js";
 import { Input } from "./Input.js";
 import "./Input.css.js";
 import "./InputPhone.js";
+import "./InputTextArea.js";
 const CurrencyInput = forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(

package/dist/Input/InputPhone.js

@@ -8,6 +8,7 @@ import "./Dropdown.js";
 /* empty css                            */
 import { Input } from "./Input.js";
 import "./Input.css.js";
+import "./InputTextArea.js";
 const InputPhone = forwardRef(
   (props, ref) => {
     return /* @__PURE__ */ jsx(

package/dist/Input/InputTextArea.d.ts

@@ -0,0 +1,16 @@
+import { QuaternaryTypes } from '../utils';
+import { InputHTMLAttributes, ReactNode } from 'react';
+
+export interface TextAreaInputProps extends InputHTMLAttributes<HTMLTextAreaElement> {
+    label?: ReactNode;
+    iconLeft?: ReactNode;
+    iconRight?: ReactNode;
+    sizes?: "small" | "medium" | "large" | undefined;
+    error?: boolean | undefined;
+    skeleton?: boolean | undefined;
+    helperText?: ReactNode;
+    variant?: QuaternaryTypes;
+    rows?: number;
+    maxLength?: number;
+}
+export declare const InputTextArea: import('react').ForwardRefExoticComponent<TextAreaInputProps & import('react').RefAttributes<HTMLTextAreaElement>>;

package/dist/Input/InputTextArea.js

@@ -0,0 +1,48 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+import clsx from "clsx";
+import { forwardRef } from "react";
+import { wrapper, labelClassName, container, iconContainer, iconInput, input, helperText } from "./Input.css.js";
+const InputTextArea = forwardRef((props, ref) => {
+  const {
+    disabled,
+    label,
+    iconLeft,
+    iconRight,
+    sizes,
+    error = false,
+    helperText: helper,
+    variant,
+    rows = 4,
+    maxLength = 512,
+    ...rest
+  } = props;
+  return /* @__PURE__ */ jsxs("div", { className: wrapper(), children: [
+    label && /* @__PURE__ */ jsx(
+      "label",
+      {
+        className: labelClassName({ error, variant }),
+        htmlFor: props.name,
+        children: label
+      }
+    ),
+    /* @__PURE__ */ jsxs("div", { className: container({ size: sizes, error }), children: [
+      iconLeft && /* @__PURE__ */ jsx("span", { className: iconContainer["left"], children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconLeft }) }),
+      /* @__PURE__ */ jsx(
+        "textarea",
+        {
+          ...rest,
+          ref,
+          className: clsx(props.className, input({ size: sizes })),
+          rows,
+          placeholder: props.placeholder,
+          maxLength
+        }
+      ),
+      iconRight && /* @__PURE__ */ jsx("span", { className: iconContainer.right, children: /* @__PURE__ */ jsx("div", { className: iconInput({ size: sizes }), children: iconRight }) })
+    ] }),
+    /* @__PURE__ */ jsx("span", { className: helperText({ disabled, error }), children: helper })
+  ] });
+});
+export {
+  InputTextArea
+};

package/dist/Input/index.d.ts

@@ -5,3 +5,4 @@ export * from './Dropdown.css';
 export * from './Input';
 export * from './Input.css';
 export * from './InputPhone';
+export * from './InputTextArea';

package/dist/Input/index.js

@@ -5,12 +5,14 @@ import { selectInput } from "./Dropdown.css.js";
 import { Input } from "./Input.js";
 import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input.css.js";
 import { InputPhone } from "./InputPhone.js";
+import { InputTextArea } from "./InputTextArea.js";
 export {
   Checkbox,
   CurrencyInput,
   Dropdown,
   Input,
   InputPhone,
+  InputTextArea,
   container,
   helperText,
   iconContainer,

package/dist/Modal/Modal.js

@@ -14,8 +14,12 @@ import "../Button/Button.css.js";
 import "react";
 import "react-use";
 /* empty css                                                */
-import "../IconBillboard/IconBillboard.css.js";
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                          */
 /* empty css                                          */
+/* empty css                                              */
+import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */
 import "clsx";
 /* empty css                                                    */
@@ -36,6 +40,7 @@ import "../Input/Dropdown.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

package/dist/NavigationMenu/AxosAdvisorServices/NavData.js

@@ -19,7 +19,7 @@ const subNavItems = {
       id: "ps_2"
     },
     {
-      name: "Client Service Team",
+      name: "Sales Team",
       url: "/personalized-support/sales-team",
       id: "ps_3"
     }

package/dist/SetContainer/SetContainer.js

@@ -18,6 +18,10 @@ import "react";
 import "../Button/Button.css.js";
 import "react-use";
 /* empty css                                                */
+import "../Article/Article.css.js";
+import "../ArticlesSet/ArticlesSet.css.js";
+/* empty css                                          */
+/* empty css                                              */
 /* empty css                                                    */
 import "../Carousel/index.js";
 /* empty css                                                                    */
@@ -36,6 +40,7 @@ import "../Input/Dropdown.js";
 import "../Input/Input.js";
 import "../Input/Input.css.js";
 import "../Input/InputPhone.js";
+import "../Input/InputTextArea.js";
 import "react-hook-form";
 import "../Forms/Forms.css.js";
 import "../Forms/SalesforceFieldsForm.js";

package/dist/assets/Article/Article.css

@@ -0,0 +1,187 @@
+.n5hj5p1 {
+  border: 1px solid #d4d4d4;
+}
+.n5hj5p2 {
+  border: none;
+}
+.n5hj5p3 {
+  border: none;
+}
+.n5hj5p4 {
+  border: none;
+}
+.n5hj5p5 {
+  background-repeat: no-repeat;
+  background-position: center center;
+  background-size: cover;
+  min-height: 179px;
+}
+.n5hj5p6 {
+  flex: 1 1 0%;
+  padding: 24px;
+}
+.n5hj5p7 {
+  font: 700 18px / 1.44 var(--main-font-family);
+  display: block;
+}
+.n5hj5p8 {
+  color: var(--_1073cm83);
+}
+.n5hj5p9 {
+  color: var(--_1073cm8a);
+}
+.n5hj5pa {
+  color: #FAA74A;
+}
+.n5hj5pb {
+  color: var(--_1073cm8o);
+}
+.n5hj5pc {
+  font-size: 28px;
+}
+._1073cm80 .n5hj5pd {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm84);
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+._1es6o1h0 .n5hj5pd {
+  color: var(--_1073cm83);
+}
+._1073cm80 .n5hj5pe {
+  -webkit-background-clip: text;
+  background-image: var(--_1073cm8b);
+  -webkit-text-fill-color: transparent;
+  text-shadow: 0px 0px #00000000;
+}
+._1es6o1h0 .n5hj5pe {
+  color: var(--_1073cm8a);
+}
+.n5hj5pf {
+  color: var(--_1073cm8h);
+}
+.n5hj5pg {
+  color: var(--_1073cm8o);
+}
+.n5hj5pi {
+  color: var(--_1073cm82);
+  background: var(--_1073cm81);
+}
+.n5hj5pj {
+  color: var(--_1073cm89);
+  background: var(--_1073cm88);
+}
+.n5hj5pk {
+  color: var(--_1073cm8g);
+  background: var(--_1073cm8f);
+}
+.n5hj5pl {
+  color: var(--_1073cm8n);
+  background: var(--_1073cm8m);
+}
+.n5hj5pm {
+  border: 2px solid transparent;
+  font-weight: 700;
+  margin-bottom: 0;
+  transition-duration: 0.15s;
+  transition-property: color , background-color , border-color;
+  transition-timing-function: linear;
+  text-decoration: none;
+  display: inline-block;
+  white-space: nowrap;
+  font-size: 18px;
+  opacity: 1;
+  cursor: pointer;
+  padding: 12px 64px;
+  border-radius: 8px;
+  line-height: 1.44;
+}
+.n5hj5pm:hover {
+  background-color: transparent;
+}
+.n5hj5pn {
+  background: var(--_1073cm86);
+  color: var(--_1073cm85);
+}
+.n5hj5pn:hover {
+  border-color: var(--_1073cm86);
+  color: var(--_1073cm86);
+}
+.n5hj5pn:active {
+  background-color: var(--_1073cm86);
+  color: var(--_1073cm86);
+}
+.n5hj5po {
+  background: var(--_1073cm8d);
+  color: var(--_1073cm8c);
+}
+.n5hj5po:hover {
+  border-color: var(--_1073cm8d);
+  color: var(--_1073cm8d);
+}
+.n5hj5po:active {
+  background-color: var(--_1073cm8d);
+  color: var(--_1073cm8c);
+}
+.n5hj5pp {
+  color: var(--_1073cm8j);
+  background-color: var(--_1073cm86);
+}
+.n5hj5pp:hover {
+  border-color: var(--_1073cm8k);
+  color: var(--_1073cm86);
+}
+.n5hj5pp:active {
+  color: var(--_1073cm8j);
+  background-color: var(--_1073cm86);
+}
+.n5hj5pq {
+  color: var(--_1073cm8q);
+  background-color: var(--_1073cm8r);
+}
+.n5hj5pq:hover {
+  border-color: var(--_1073cm8r);
+  color: var(--_1073cm8r);
+}
+.n5hj5pq:active {
+  color: var(--_1073cm8q);
+  background-color: var(--_1073cm8r);
+}
+@media (max-width:1280px) {
+  .n5hj5p5 {
+    min-height: 146px;
+  }
+}
+@media (max-width:1023px) {
+  .n5hj5p5 {
+    min-height: 107px;
+  }
+}
+@media (max-width:768px) {
+  .n5hj5p5 {
+    min-height: 152px;
+  }
+}
+@media (max-width:1023px) and (min-width:769px) {
+  .n5hj5p7 {
+    font-size: 1rem;
+  }
+  .n5hj5pc {
+    font-size: 1.5rem;
+    line-height: 1.28;
+  }
+  .n5hj5ph > * {
+    font-size: 15px;
+    line-height: 1.4;
+  }
+  .n5hj5pm {
+    padding: 12px;
+    width: 100%;
+  }
+}
+@media (max-width:350px) {
+  .n5hj5pm {
+    padding: 12px;
+    width: 100%;
+  }
+}

package/dist/assets/ArticlesSet/ArticlesSet.css

@@ -0,0 +1,135 @@
+.kjcqgc0 {
+  padding: 56px 0;
+  background-color: #fff;
+}
+.kjcqgc1 {
+  margin-bottom: 40px;
+}
+.kjcqgc3 {
+  color: var(--_1073cm83);
+}
+.kjcqgc4 {
+  color: var(--_1073cm8a);
+}
+._1073cm80 .kjcqgc5 {
+  color: var(--_1073cm8h);
+}
+._1es6o1h0 .kjcqgc5 {
+  color: #1E262F;
+}
+._1073cm80 .kjcqgc6 {
+  color: var(--_1073cm8o);
+}
+._1es6o1h0 .kjcqgc6 {
+  color: #1E262F;
+}
+.kjcqgc7 {
+  font: 700 18px/1.44 var(--main-font-family);
+  text-decoration: none;
+  margin-right: 1em;
+}
+.kjcqgc7:hover {
+  opacity: 0.7;
+}
+._1073cm80 .kjcqgc8 {
+  color: #2F5B88;
+}
+._1es6o1h0 .kjcqgc8 {
+  color: var(--_1073cm83);
+}
+._1073cm80 .kjcqgc9 {
+  color: #2F5B88;
+}
+._1es6o1h0 .kjcqgc9 {
+  color: var(--_1073cm8a);
+}
+._1073cm80 .kjcqgca {
+  color: #2F5B88;
+}
+._1es6o1h0 .kjcqgca {
+  color: #1E262F;
+}
+._1073cm80 .kjcqgcb {
+  color: #2F5B88;
+}
+._1es6o1h0 .kjcqgcb {
+  color: #1E262F;
+}
+.kjcqgc2 + .sc__btn {
+  display: inline-block;
+}
+._1073cm80 .kjcqgcd {
+  fill: #2F5B88;
+}
+._1es6o1h0 .kjcqgcd {
+  fill: var(--_1073cm83);
+}
+._1073cm80 .kjcqgce {
+  fill: #2F5B88;
+}
+._1es6o1h0 .kjcqgce {
+  fill: var(--_1073cm8a);
+}
+._1073cm80 .kjcqgcf {
+  fill: #2F5B88;
+}
+._1es6o1h0 .kjcqgcf {
+  fill: #1E262F;
+}
+._1073cm80 .kjcqgcg {
+  fill: #2F5B88;
+}
+._1es6o1h0 .kjcqgcg {
+  fill: #1E262F;
+}
+.kjcqgch article {
+  flex: 1 1 0%;
+}
+.kjcqgcj {
+  color: var(--_1073cm82);
+  background: var(--_1073cm81);
+}
+.kjcqgck {
+  color: var(--_1073cm89);
+  background: var(--_1073cm88);
+}
+.kjcqgcl {
+  color: var(--_1073cm8g);
+  background: var(--_1073cm8f);
+}
+.kjcqgcm {
+  color: var(--_1073cm8n);
+  background: var(--_1073cm8m);
+}
+@media (max-width: 1023px) {
+  .kjcqgc0 {
+    padding: 44px 0;
+  }
+  .kjcqgc1 {
+    margin-bottom: 32px;
+  }
+  .kjcqgc2 + .sc__btn {
+    margin-top: 16px;
+  }
+}
+@media (max-width: 768px) {
+  .kjcqgc0 {
+    padding: 32px 0;
+  }
+  .kjcqgc1 {
+    margin-bottom: 24px;
+  }
+  .kjcqgc7 {
+    font-size: 1rem;
+    line-height: 1.5;
+  }
+  .kjcqgch {
+    flex-direction: column;
+  }
+}
+@media (max-width:1023px) and (min-width:769px) {
+  .kjcqgci > * {
+    font-size: 15px;
+    line-height: 1.4;
+  }
+}

package/dist/assets/AwardsBanner/AwardsBanner.css

@@ -0,0 +1,19 @@
+._1amgyqo0 {
+  background-color: #333d46;
+  color: #fff;
+  -webkit-filter: drop-shadow(03px4pxrgba(0,0,0,0.25));
+  filter: drop-shadow(03px4pxrgba(0,0,0,0.25));
+  padding: 3px 0;
+}
+._1amgyqo0 > .containment {
+  max-width: 1392px;
+  width: calc(100% - 48px);
+}
+._1amgyqo1 {
+  min-height: 54px;
+}
+@media (max-width: 1023px) {
+  ._1amgyqo1 {
+    flex-direction: column;
+  }
+}

package/dist/assets/AwardsItem/AwardsItem.css

@@ -0,0 +1,40 @@
+._16tnqb20 {
+  flex: 1 0 0%;
+  position: relative;
+  text-align: center;
+  padding: 4px 0;
+}
+._16tnqb20 + ._16tnqb20::after {
+  content: "";
+  position: absolute;
+  background-color: #bdbdbd;
+  height: 18.5px;
+  width: 1px;
+  left: 0;
+  top: 50%;
+  transform: translateY(-50%);
+}
+._16tnqb21 {
+  color: #ddd;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 16px;
+}
+._16tnqb22 {
+  font-family: var(--header-font-family);
+  font-size: 14px;
+  font-weight: 600;
+  margin-bottom: 2px;
+}
+@media (max-width: 1023px) {
+  ._16tnqb20 + ._16tnqb20 {
+    padding-top: 18px;
+  }
+  ._16tnqb20 + ._16tnqb20::after {
+    left: 50%;
+    top: 0;
+    -webkit-transform: translateX(-50%) rotate(90deg);
+    -ms-transform: translateX(-50%) rotate(90deg);
+    transform: translateX(-50%) rotate(90deg);
+  }
+}