@axos-web-dev/shared-components 0.0.22 → 0.0.24

package/dist/ContentBanner/index.d.ts

@@ -1,4 +1,4 @@
-import { HeroBannerInterface as ContentBannerInterface } from './ContentBanner.interface';
+import { ContentBannerInterface } from './ContentBanner.interface';
 import { FC } from 'react';
 
 export declare const ContentBanner: FC<ContentBannerInterface>;

package/dist/FaqAccordion/index.d.ts

@@ -1,3 +1,4 @@
+import { header } from './FaqAccordion.css';
 import { PropsWithChildren } from 'react';
 
 export interface AccordionItemProps extends PropsWithChildren {

package/dist/Forms/SuccesForm.d.ts

@@ -1,7 +1,6 @@
 import { PropsWithChildren } from 'react';
-import { QuaternaryTypes } from '../utils';
 
-export default function SuccesFormWrapper({ children, isSubmitted, variant, }: {
+export default function SuccesFormWrapper({ children, isSubmitted, variant: fullVariant, }: {
     isSubmitted: boolean;
-    variant: QuaternaryTypes;
+    variant?: string;
 } & PropsWithChildren): import("react/jsx-runtime").JSX.Element;

package/dist/Forms/SuccesForm.js

@@ -20,9 +20,9 @@ import "react-hook-form";
 function SuccesFormWrapper({
   children,
   isSubmitted,
-  variant
+  variant: fullVariant = "primary"
 }) {
-  variant = getVariant(variant);
+  const variant = getVariant(fullVariant);
   return !isSubmitted ? /* @__PURE__ */ jsx("div", { children }) : /* @__PURE__ */ jsxs("div", { className: clsx(success_wrap({ variant }), "text_center"), children: [
     /* @__PURE__ */ jsxs(
       "svg",

package/dist/IconBillboard/IconBillboardSet.d.ts

@@ -1,3 +1,3 @@
-import { IconBillboardSet as Props } from './IconBillboard.interface';
+import { Props } from './IconBillboard.interface';
 
 export declare const IconBillboardSet: ({ variant, side, iconBillboards, headline, bodyCopy, additionalDetails, }: Props) => import("react/jsx-runtime").JSX.Element;

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

@@ -136,3 +136,4 @@ export declare const up_to: string;
 export declare const rate_billboard: string;
 export declare const apy_billboard: string;
 export declare const body_copy: string;
+export declare const sub_bullets: string;

package/dist/ImageBillboard/ImageBillboard.css.js

@@ -27,6 +27,7 @@ var up_to = "_1m7m2ax";
 var rate_billboard = "_1m7m2ay";
 var apy_billboard = "_1m7m2az";
 var body_copy = "_1m7m2a10";
+var sub_bullets = "_1m7m2a11";
 export {
   apy_billboard,
   billboard,
@@ -47,6 +48,7 @@ export {
   rate_pad,
   section_text_ImageBillboard,
   single_container,
+  sub_bullets,
   supertag,
   three_inline,
   two_inline,

package/dist/ImageBillboard/ImageBillboard.d.ts

@@ -1,3 +1,3 @@
-import { ImageBillboardSetProps as Props } from './ImageBillboard.interface';
+import { Props } from './ImageBillboard.interface';
 
 export declare const ImageBillboardSet: ({ id, variant, headline, bodyCopy, additionalDetails, imageBillboards, }: Props) => import("react/jsx-runtime").JSX.Element;

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -11,7 +11,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, image_background, rate_container, rate_pad, up_to, rate_billboard, apy_billboard, body, billboard_body, billboard_header_section, supertag, header, body_copy, billboard_ctas } from "./ImageBillboard.css.js";
+import { billboard, imagePlacement, billboard_img, image_background, rate_container, rate_pad, up_to, rate_billboard, apy_billboard, body, billboard_body, billboard_header_section, supertag, header, body_copy, sub_bullets, billboard_ctas } from "./ImageBillboard.css.js";
 const ImageBillboard = ({
   id,
   variant,
@@ -96,8 +96,15 @@ const ImageBillboard = ({
                   }
                 ) : /* @__PURE__ */ jsx("img", { src: icon == null ? void 0 : icon.src, alt: icon == null ? void 0 : icon.altText }) }),
                 /* @__PURE__ */ jsx("span", { children: copy })
-              ] }, id2) : /* @__PURE__ */ jsx("ul", { className: "mb_0 push_up", children: /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
-                /* @__PURE__ */ jsx("div", { className: "img_item", children: /* @__PURE__ */ jsx("img", { src: icon == null ? void 0 : icon.src, alt: icon == null ? void 0 : icon.altText }) }),
+              ] }, id2) : /* @__PURE__ */ jsx("ul", { className: clsx(sub_bullets, "mb_0", "push_up"), children: /* @__PURE__ */ jsxs("li", { className: "list_item flex", children: [
+                /* @__PURE__ */ jsx("div", { className: "img_item", children: /* @__PURE__ */ jsx(
+                  "img",
+                  {
+                    style: { maxWidth: "max-content" },
+                    src: icon == null ? void 0 : icon.src,
+                    alt: icon == null ? void 0 : icon.altText
+                  }
+                ) }),
                 /* @__PURE__ */ jsx("span", { children: copy })
               ] }) }, id2)
             ) })

package/dist/ImageBillboard/index.js

@@ -1,5 +1,5 @@
 import { ImageBillboardSet } from "./ImageBillboard.js";
-import { apy_billboard, billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, body_copy, header, imagePlacement, image_background, mh_330, rate_billboard, rate_container, rate_pad, section_text_ImageBillboard, single_container, supertag, three_inline, two_inline, up_to } from "./ImageBillboard.css.js";
+import { apy_billboard, billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, body_copy, header, imagePlacement, image_background, mh_330, rate_billboard, rate_container, rate_pad, section_text_ImageBillboard, single_container, sub_bullets, supertag, three_inline, two_inline, up_to } from "./ImageBillboard.css.js";
 import { ImageBillboard } from "./ImageBillboardSet.js";
 export {
   ImageBillboard,
@@ -23,6 +23,7 @@ export {
   rate_pad,
   section_text_ImageBillboard,
   single_container,
+  sub_bullets,
   supertag,
   three_inline,
   two_inline,

package/dist/assets/FaqAccordion/FaqAccordion.css

@@ -33,9 +33,7 @@ details[open] .ph6wj62 {
   font-size: 18px;
   max-width: 80%;
   list-style: none;
-  text-overflow: ellipsis;
   overflow: hidden;
-  white-space: nowrap;
 }
 .ph6wj64 {
   padding: 24px;

package/dist/assets/HeroBanner/HeroBanner.css

@@ -91,31 +91,24 @@
 ._1ye8k3fl:empty {
   display: none;
 }
-@media screen and (max-width:1280px) {
-  ._1ye8k3fl {
-    margin-top: 2.5rem;
-  }
-  ._1ye8k3f0 ._1ye8k3fl {
-    flex-direction: column;
-  }
-}
-@media (max-width: 1280px) and (min-width: 1024px) {
-  ._1ye8k3f0 ._1ye8k3f9 {
-    width: calc(100%-28px);
+@media screen and (min-width:1024px) {
+  ._1ye8k3f7 {
+    flex-direction: row-reverse;
   }
-  ._1ye8k3fa img {
-    aspect-ratio: 1 / 1;
+  ._1ye8k3f8 {
+    flex: 1 1;
+    max-width: 588px;
   }
-  ._1ye8k3f0 ._1ye8k3fl {
-    align-items: flex-start;
+  ._1ye8k3f0 ._1ye8k3f8 {
+    max-width: 468px;
   }
 }
-@media screen and (max-width:1024px) {
+@media screen and (max-width:1023px) {
   ._1ye8k3f6 {
     flex-direction: column;
   }
-  ._1ye8k3fl {
-    flex-direction: column;
+  ._1ye8k3f8 {
+    text-align: center;
   }
 }
 @media (max-width: 1023px) {
@@ -143,23 +136,6 @@
     }
   }
 }
-@media screen and (min-width:1024px) {
-  ._1ye8k3f7 {
-    flex-direction: row-reverse;
-  }
-  ._1ye8k3f8 {
-    flex: 1 1;
-    max-width: 588px;
-  }
-  ._1ye8k3f0 ._1ye8k3f8 {
-    max-width: 468px;
-  }
-}
-@media screen and (max-width:1023px) {
-  ._1ye8k3f8 {
-    text-align: center;
-  }
-}
 @media screen and (max-width:603px) {
   ._1ye8k3f8 {
     max-width: calc(100% - 2rem);
@@ -167,12 +143,36 @@
     margin-right: auto;
   }
 }
+@media screen and (max-width:1280px) {
+  ._1ye8k3fl {
+    margin-top: 2.5rem;
+  }
+  ._1ye8k3f0 ._1ye8k3fl {
+    flex-direction: column;
+  }
+}
+@media (max-width: 1280px) and (min-width: 1024px) {
+  ._1ye8k3f0 ._1ye8k3f9 {
+    width: calc(100%-28px);
+  }
+  ._1ye8k3fa img {
+    aspect-ratio: 1 / 1;
+  }
+  ._1ye8k3f0 ._1ye8k3fl {
+    align-items: flex-start;
+  }
+}
 @media (max-width: 603px) {
   ._1ye8k3f9 {
     width: 100%;
     max-width: 100%;
   }
 }
+@media screen and (max-width:1024px) {
+  ._1ye8k3fl {
+    flex-direction: column;
+  }
+}
 @media screen and (max-width:768px) {
   ._1ye8k3fg {
     font-size: 28px;

package/dist/assets/IconBillboard/IconBillboard.css

@@ -130,8 +130,8 @@
     margin-bottom: 1em;
   }
 }
-@media screen and (max-width: 1024px) {
+@media screen and (max-width: 1023px) {
   ._1r4ovbuo {
-    grid-template-columns: auto;
+    grid-template-columns: 1fr;
   }
 }

package/dist/assets/ImageBillboard/ImageBillboard.css

@@ -233,4 +233,9 @@
   ._18ygy9m0 ._1m7m2au {
     min-height: 160px;
   }
+}
+@media screen and (max-width:432px) {
+  ._1m7m2a11 {
+    padding-left: 20px;
+  }
 }

package/dist/assets/globals.css

@@ -237,6 +237,9 @@ hide {
   text-align: center;
 }
 sup {
+  font-size: 75%;
+}
+.list_item sup {
   vertical-align: top;
   position: relative;
   top: -0.5em;

package/dist/main.js

@@ -32,7 +32,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 { apy_billboard, billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, body_copy, header, imagePlacement, image_background, mh_330, rate_billboard, rate_container, rate_pad, section_text_ImageBillboard, single_container, supertag, three_inline, two_inline, up_to } from "./ImageBillboard/ImageBillboard.css.js";
+import { apy_billboard, billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, body_copy, header, imagePlacement, image_background, mh_330, rate_billboard, rate_container, rate_pad, section_text_ImageBillboard, single_container, sub_bullets, supertag, three_inline, two_inline, up_to } from "./ImageBillboard/ImageBillboard.css.js";
 import { ImageBillboard } from "./ImageBillboard/ImageBillboardSet.js";
 import { Input } from "./Input/Input.js";
 import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input/Input.css.js";
@@ -225,6 +225,7 @@ export {
   shortUrl,
   show,
   single_container,
+  sub_bullets,
   succes_check_mark,
   success_circle,
   success_icon,

package/package.json

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