@axos-web-dev/shared-components 0.0.13 → 0.0.14

package/dist/CallToActionBar/CallToActionBar.interface.d.ts

@@ -10,6 +10,7 @@ export interface CallToActionBarInterface {
     headline: string | ReactNode;
     bodyCopy: string | ReactNode;
     callToActionRow: ChevronProps[];
+    internalName?: string;
 }
 export interface ImageInterface {
     src: string;

package/dist/CallToActionBar/index.js

@@ -18,7 +18,8 @@ const CallToActionBar = ({
   headline,
   bodyCopy,
   callToActionRow,
-  id
+  id,
+  internalName
 }) => {
   const [stickyTop, setstickyTop] = useState(0);
   const [imageSize, setImageSize] = useState({ width: "0px", height: "0px" });
@@ -60,6 +61,7 @@ const CallToActionBar = ({
   return /* @__PURE__ */ jsx(
     "section",
     {
+      id: internalName == null ? void 0 : internalName.replace(/ /g, "-"),
       className: `${cta} ${getBannerSizeClassName(
         banner_size,
         image_overlap

package/dist/Chevron/index.js

@@ -38,7 +38,9 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import { chevron_wrapper, chevron } from "./Chevron.css.js";
 /* empty css                                */
 /* empty css                                                      */
+import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
 /* empty css                                                         */
+import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
 /* empty css                                                    */
 import "../Table/Table.css.js";
 /* empty css                                        */

package/dist/Hyperlink/index.js

@@ -36,7 +36,9 @@ import "react-hook-form";
 import "../ImageBillboard/ImageBillboard.css.js";
 /* empty css                                */
 /* empty css                                                      */
+import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
 /* empty css                                                         */
+import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
 /* empty css                                                    */
 import "../Table/Table.css.js";
 /* empty css                                        */

package/dist/ImageBillboard/ImageBillboard.css.d.ts

@@ -127,3 +127,5 @@ export declare const single_container: string;
 export declare const two_inline: string;
 export declare const three_inline: string;
 export declare const section_text_ImageBillboard: string;
+export declare const billboard_image: string;
+export declare const mh_330: string;

package/dist/ImageBillboard/ImageBillboard.css.js

@@ -17,16 +17,20 @@ var single_container = "_1m7m2ao";
 var two_inline = "_1m7m2ap";
 var three_inline = "_1m7m2aq";
 var section_text_ImageBillboard = "_1m7m2ar";
+var billboard_image = "_1m7m2as";
+var mh_330 = "_1m7m2at";
 export {
   billboard,
   billboard_body,
   billboard_container,
   billboard_ctas,
   billboard_header_section,
+  billboard_image,
   billboard_img,
   body,
   header,
   imagePlacement,
+  mh_330,
   section_text_ImageBillboard,
   single_container,
   supertag,

package/dist/ImageBillboard/ImageBillboard.js

@@ -5,13 +5,12 @@ import SvgCheckIcon from "../icons/CheckIcon/index.js";
 /* empty css                                   */
 /* empty css                                                    */
 import { getVariant } from "../utils/getVariant.js";
-import clsx from "clsx";
 import { Button } from "../Button/Button.js";
 import "../Button/Button.css.js";
 import "react";
 import "react-use";
 import { inline_container } from "../SetContainer/SetContainer.css.js";
-import { section_text_ImageBillboard, header, billboard, billboard_container, billboard_img, body, billboard_body, billboard_header_section, supertag, billboard_ctas } from "./ImageBillboard.css.js";
+import { section_text_ImageBillboard, header, billboard, billboard_container, body, billboard_body, billboard_header_section, supertag, billboard_ctas } from "./ImageBillboard.css.js";
 const ImageBillboardSet = ({
   id,
   variant,
@@ -51,14 +50,7 @@ const ImageBillboardSet = ({
               ${billboard({ variant: billboard_variant })} ${inline ? "" : billboard_container} 
               rounded flex ${inline ? "flex_col" : "flex_row"} ${bordered ? "bordered" : ""} ${imagePlacement.toLowerCase() === "left" && !inline ? "reversed" : ""}`,
           children: [
-            /* @__PURE__ */ jsx("div", { className: "flex", children: /* @__PURE__ */ jsx(
-              "img",
-              {
-                src: image == null ? void 0 : image.src,
-                className: clsx("img_fluid", billboard_img),
-                alt: image.alt
-              }
-            ) }),
+            /* @__PURE__ */ jsx("div", { "background-image": image.src, "aria-label": image.alt }),
             /* @__PURE__ */ jsxs("div", { className: body, children: [
               /* @__PURE__ */ jsxs("div", { className: billboard_body, children: [
                 /* @__PURE__ */ jsxs("div", { className: `${billboard_header_section}`, children: [

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -10,7 +10,7 @@ import SvgCheckIcon from "../icons/CheckIcon/index.js";
 /* empty css                                                    */
 import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
-import { billboard, imagePlacement, billboard_img, body, billboard_body, billboard_header_section, supertag, header, billboard_ctas } from "./ImageBillboard.css.js";
+import { billboard, imagePlacement, billboard_img, billboard_image, mh_330, body, billboard_body, billboard_header_section, supertag, header, billboard_ctas } from "./ImageBillboard.css.js";
 const ImageBillboard = ({
   id,
   variant,
@@ -41,7 +41,14 @@ const ImageBillboard = ({
         imagePlacement({ position: position == null ? void 0 : position.toLowerCase() })
       ),
       children: [
-        /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: /* @__PURE__ */ jsx("img", { src: image.src, className: "img_fluid", alt: image.alt }) }),
+        /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: image.src,
+            className: `${billboard_image} ${set ? mh_330 : null}`,
+            alt: image.alt
+          }
+        ) }),
         /* @__PURE__ */ jsxs("div", { className: body, children: [
           /* @__PURE__ */ jsxs("div", { className: billboard_body, children: [
             /* @__PURE__ */ jsxs("div", { className: `${billboard_header_section}`, children: [
@@ -71,7 +78,7 @@ const ImageBillboard = ({
               /* @__PURE__ */ jsx("span", { children: copy })
             ] }, id2)) })
           ] }),
-          callToActionRow && /* @__PURE__ */ jsx(
+          callToActionRow.length > 0 && /* @__PURE__ */ jsx(
             "div",
             {
               className: clsx(

package/dist/ImageBillboard/index.js

@@ -1,5 +1,5 @@
 import { ImageBillboardSet } from "./ImageBillboard.js";
-import { billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_img, body, header, imagePlacement, section_text_ImageBillboard, single_container, supertag, three_inline, two_inline } from "./ImageBillboard.css.js";
+import { billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, header, imagePlacement, mh_330, section_text_ImageBillboard, single_container, supertag, three_inline, two_inline } from "./ImageBillboard.css.js";
 import { ImageBillboard } from "./ImageBillboardSet.js";
 export {
   ImageBillboard,
@@ -9,10 +9,12 @@ export {
   billboard_container,
   billboard_ctas,
   billboard_header_section,
+  billboard_image,
   billboard_img,
   body,
   header,
   imagePlacement,
+  mh_330,
   section_text_ImageBillboard,
   single_container,
   supertag,

package/dist/Modal/Modal.js

@@ -33,7 +33,9 @@ import "react-hook-form";
 import "../ImageBillboard/ImageBillboard.css.js";
 import "./contextApi/store.js";
 /* empty css                                                      */
+import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
 /* empty css                                                         */
+import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
 /* empty css                                                    */
 import "../Table/Table.css.js";
 /* empty css                                        */

package/dist/SetContainer/SetContainer.js

@@ -34,7 +34,9 @@ import "../ImageBillboard/ImageBillboard.css.js";
 import "../Chevron/Chevron.css.js";
 /* empty css                                */
 /* empty css                                                      */
+import "../NavigationMenu/AxosAdvisor/NavBar.module.js";
 /* empty css                                                         */
+import "../NavigationMenu/AxosFiduciary/NavBar.module.js";
 /* empty css                                                    */
 import "../Table/Table.css.js";
 /* empty css                                        */

package/dist/Table/Table.d.ts

@@ -53,7 +53,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "none" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "false" | "true") | undefined;
@@ -67,7 +67,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "page" | "false" | "true" | "time" | "step" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "page" | "false" | "true" | "step" | "location" | "date" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
@@ -77,7 +77,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
     "aria-grabbed"?: (boolean | "false" | "true") | undefined;
-    "aria-haspopup"?: boolean | "grid" | "listbox" | "menu" | "false" | "true" | "dialog" | "tree" | undefined;
+    "aria-haspopup"?: boolean | "dialog" | "menu" | "grid" | "listbox" | "false" | "true" | "tree" | undefined;
     "aria-hidden"?: (boolean | "false" | "true") | undefined;
     "aria-invalid"?: boolean | "false" | "true" | "grammar" | "spelling" | undefined;
     "aria-keyshortcuts"?: string | undefined;
@@ -94,7 +94,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     "aria-posinset"?: number | undefined;
     "aria-pressed"?: boolean | "mixed" | "false" | "true" | undefined;
     "aria-readonly"?: (boolean | "false" | "true") | undefined;
-    "aria-relevant"?: "all" | "text" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
+    "aria-relevant"?: "text" | "all" | "additions" | "additions removals" | "additions text" | "removals" | "removals additions" | "removals text" | "text additions" | "text removals" | undefined;
     "aria-required"?: (boolean | "false" | "true") | undefined;
     "aria-roledescription"?: string | undefined;
     "aria-rowcount"?: number | undefined;

package/dist/VideoTile/VideoTile.js

@@ -28,7 +28,7 @@ const VideoTile = ({
   return /* @__PURE__ */ jsxs("div", { className: `flex center`, children: [
     /* @__PURE__ */ jsx(VideoInit, {}),
     /* @__PURE__ */ jsxs("div", { className: `${video_container} ${w_100} flex flex_col`, children: [
-      /* @__PURE__ */ jsx("h2", { className: `${mb_8} ${video_title}`, children: title ? title : null }),
+      title && /* @__PURE__ */ jsx("h2", { className: `${mb_8} ${video_title}`, children: title }),
       /* @__PURE__ */ jsx(
         "div",
         {
@@ -42,7 +42,6 @@ const VideoTile = ({
                 width: "100%",
                 margin: "auto",
                 display: "block",
-                maxHeight: "304px",
                 maxWidth
               },
               alt: "",
@@ -52,7 +51,7 @@ const VideoTile = ({
               "data-v": "4",
               "data-type": videoPlayer,
               "data-width": maxWidth,
-              "data-height": "304px"
+              "data-height": "331px"
             }
           )
         }

package/dist/assets/IconBillboard/IconBillboard.css

@@ -98,7 +98,7 @@
   max-width: 1000px;
 }
 ._1r4ovbui > p {
-  margin-top: 24px;
+  margin-top: 8px;
 }
 ._1r4ovbuk {
   background: var(--_1073cm84);

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -86,20 +86,17 @@
   max-width: 50%;
 }
 ._1m7m2aj {
-  max-width: 50%;
   width: 100%;
+  height: auto;
 }
 ._18ygy9m0 .billboard ._1m7m2aj img {
   max-height: 300px;
 }
 ._1m7m2aj img {
   vertical-align: middle;
-  align-self: flex-end;
   width: 100%;
-  height: 100%;
-  min-height: 304px;
+  height: auto;
   object-fit: cover;
-  aspect-ratio: 1 / 1;
 }
 ._1m7m2an {
   padding: 32px 28px;
@@ -131,6 +128,12 @@
 ._1m7m2ar > p {
   margin-top: 24px;
 }
+._1m7m2as {
+  width: 100%;
+}
+._1m7m2at {
+  min-height: 330px;
+}
 @media screen and (max-width:1023px) {
   ._1m7m2a0 {
     flex-direction: column;
@@ -141,12 +144,6 @@
   ._1m7m2ai > * {
     max-width: 100%;
   }
-  ._1m7m2aj {
-    max-width: 100%;
-  }
-  ._1m7m2aj img {
-    width: 100%;
-  }
   ._1m7m2al {
     display: flex;
     flex-direction: column;

package/dist/assets/VideoTile/VideoTile.css

@@ -23,7 +23,7 @@
 }
 ._16puo4g4 {
   max-width: 588px;
-  min-width: 384px;
+  min-width: 327px;
   grid-column: span 6;
   height: fit-content;
 }
@@ -41,16 +41,6 @@
   right: 0;
   width: 19px;
 }
-._16puo4g6 ._16puo4g7:after {
-  display: inline-block;
-  transform: scale(1.5);
-}
-._16puo4g6[aria-expanded='true'] ._16puo4g7:after {
-  rotate: -90deg;
-}
-._16puo4g6[aria-expanded='false'] ._16puo4g7:after {
-  rotate: 90deg;
-}
 ._16puo4g8 {
   padding: 0 16px;
 }
@@ -62,7 +52,6 @@
   color: #333D46;
 }
 ._16puo4gb {
-  max-height: 304px;
   box-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
 }
 ._16puo4gc {

package/dist/assets/globals.css

@@ -170,6 +170,7 @@ h1, h2, h3, h4, h5, h6 {
 .list_item > img, .list_item > .img_item {
   margin-right: 10px;
   position: relative;
+  margin-top: 2px;
 }
 .btn_link {
   font-weight: 600;

package/dist/main.js

@@ -25,7 +25,7 @@ import { IconBillboard } from "./IconBillboard/IconBillboard.js";
 import { billboard_icon, buttons, containerIconBillboard, content, headerIconBillboard, header_section, layout, list, listItem, section_container, section_text, title } from "./IconBillboard/IconBillboard.css.js";
 import { IconBillboardSet } from "./IconBillboard/IconBillboardSet.js";
 import { ImageBillboardSet } from "./ImageBillboard/ImageBillboard.js";
-import { billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_img, body, header, imagePlacement, section_text_ImageBillboard, single_container, supertag, three_inline, two_inline } from "./ImageBillboard/ImageBillboard.css.js";
+import { billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, header, imagePlacement, mh_330, section_text_ImageBillboard, single_container, supertag, three_inline, two_inline } from "./ImageBillboard/ImageBillboard.css.js";
 import { ImageBillboard } from "./ImageBillboard/ImageBillboardSet.js";
 import { Input } from "./Input/index.js";
 import { MainHTML } from "./MainHTML/index.js";
@@ -114,6 +114,7 @@ export {
   billboard_ctas,
   billboard_header_section,
   billboard_icon,
+  billboard_image,
   billboard_img,
   body,
   bodyAccordion,
@@ -160,6 +161,7 @@ export {
   list,
   listItem,
   mb_8,
+  mh_330,
   paragraph,
   premierTheme,
   renderSwitch,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.13",
+  "version": "0.0.14",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",