@axos-web-dev/shared-components 0.0.8 → 0.0.9

package/dist/IconBillboard/IconBillboard.js

@@ -2,6 +2,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import { BulletItem } from "../BulletItem/BulletItem.js";
 import { Chevron } from "../Chevron/index.js";
 import { getVariant } from "../utils/getVariant.js";
+import clsx from "clsx";
 import { Button } from "../Button/index.js";
 import { containerIconBillboard, layout, billboard_icon, content, headerIconBillboard, title, list, buttons } from "./IconBillboard.css.js";
 const IconBillboard = (props) => {
@@ -14,7 +15,7 @@ const IconBillboard = (props) => {
     body
   } = props;
   const variant = getVariant(fullVariant);
-  return /* @__PURE__ */ jsxs("div", { className: containerIconBillboard({ variant }), children: [
+  return /* @__PURE__ */ jsxs("div", { className: clsx(containerIconBillboard({ variant }), "containment"), children: [
     /* @__PURE__ */ jsxs("div", { className: layout({ side }), children: [
       /* @__PURE__ */ jsx("div", { className: billboard_icon, children: props.icon }),
       /* @__PURE__ */ jsxs("div", { className: content, children: [

package/dist/ImageBillboard/ImageBillboard.css.js

@@ -4,7 +4,7 @@
 /* empty css                                  */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var billboard = createRuntimeFn({ defaultClassName: "_1m7m2a0", variantClassNames: { variant: { primary: "_1m7m2a1", secondary: "_1m7m2a2", tertiary: "_1m7m2a3", quaternary: "_1m7m2a4" } }, defaultVariants: {}, compoundVariants: [] });
-var imagePlacement = createRuntimeFn({ defaultClassName: "_1m7m2a5", variantClassNames: { position: { left: "_1m7m2a6", right: "_1m7m2a7" } }, defaultVariants: {}, compoundVariants: [] });
+var imagePlacement = createRuntimeFn({ defaultClassName: "_1m7m2a5", variantClassNames: { position: { left: "_1m7m2a6", right: "_1m7m2a7" } }, defaultVariants: { position: "left" }, compoundVariants: [] });
 var supertag = createRuntimeFn({ defaultClassName: "_1m7m2a8", variantClassNames: { variant: { primary: "_1m7m2a9", secondary: "_1m7m2aa", tertiary: "_1m7m2ab", quaternary: "_1m7m2ac" } }, defaultVariants: {}, compoundVariants: [] });
 var header = createRuntimeFn({ defaultClassName: "_1m7m2ad", variantClassNames: { variant: { primary: "_1m7m2ae", secondary: "_1m7m2af", tertiary: "_1m7m2ag", quaternary: "_1m7m2ah" } }, defaultVariants: {}, compoundVariants: [] });
 var billboard_container = "_1m7m2ai";

package/dist/ImageBillboard/ImageBillboard.d.ts

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

package/dist/ImageBillboard/ImageBillboard.js

@@ -9,7 +9,7 @@ import clsx from "clsx";
 import { Button } from "../Button/index.js";
 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";
-const ImageBillboardSet = ({
+const ImageBillboard = ({
   id,
   variant,
   headline,
@@ -128,5 +128,5 @@ const ImageBillboardSet = ({
   ] }, id);
 };
 export {
-  ImageBillboardSet
+  ImageBillboard
 };

package/dist/ImageBillboard/ImageBillboardSet.d.ts

@@ -1,2 +1,2 @@
 import { ImageBillboardInterface } from "./ImageBillboard.interface";
-export declare const ImageBillboard: ({ id, variant, headline, bodyCopy, bordered, bullets, callToActionRow, eyebrow, image, imagePlacement: position, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element;
+export declare const ImageBillboardSet: ({ id, variant, headline, bodyCopy, bordered, bullets, callToActionRow, eyebrow, image, imagePlacement: position, }: ImageBillboardInterface) => import("react/jsx-runtime").JSX.Element;

package/dist/ImageBillboard/ImageBillboardSet.js

@@ -8,7 +8,7 @@ import SvgCheckIcon from "../icons/CheckIcon/index.js";
 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";
-const ImageBillboard = ({
+const ImageBillboardSet = ({
   id,
   variant,
   headline,
@@ -18,7 +18,7 @@ const ImageBillboard = ({
   callToActionRow,
   eyebrow,
   image,
-  imagePlacement: position
+  imagePlacement: position = "left"
 }) => {
   const billboard_variant = getVariant(variant);
   return /* @__PURE__ */ jsxs(
@@ -28,7 +28,8 @@ const ImageBillboard = ({
         billboard({ variant: billboard_variant }),
         `rounded flex`,
         bordered ? "bordered" : "",
-        imagePlacement({ position })
+        imagePlacement({ position: position == null ? void 0 : position.toLowerCase() }),
+        "containment"
       ),
       children: [
         /* @__PURE__ */ jsx("div", { className: `${billboard_img} flex`, children: /* @__PURE__ */ jsx("img", { src: image.src, className: "img_fluid", alt: image.alt }) }),
@@ -101,5 +102,5 @@ const ImageBillboard = ({
   );
 };
 export {
-  ImageBillboard
+  ImageBillboardSet
 };

package/dist/ImageBillboard/index.js

@@ -1,6 +1,6 @@
-import { ImageBillboardSet } from "./ImageBillboard.js";
+import { ImageBillboard } 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 { ImageBillboard } from "./ImageBillboardSet.js";
+import { ImageBillboardSet } from "./ImageBillboardSet.js";
 export {
   ImageBillboard,
   ImageBillboardSet,

package/dist/SetContainer/SetContainer.js

@@ -8,6 +8,7 @@ import "../icons/CheckIcon/CheckIcon.css.js";
 /* empty css                                          */
 import { getVariant } from "../utils/getVariant.js";
 import "../Chevron/Chevron.css.js";
+import "clsx";
 import "react";
 import "../Button/Button.css.js";
 import { inline_container } from "./SetContainer.css.js";

package/dist/main.js

@@ -22,9 +22,9 @@ import { HeroBanner } from "./HeroBanner/index.js";
 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 { ImageBillboard } 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 { ImageBillboard } from "./ImageBillboard/ImageBillboardSet.js";
+import { ImageBillboardSet } from "./ImageBillboard/ImageBillboardSet.js";
 import { Input } from "./Input/index.js";
 import { MainHTML } from "./MainHTML/index.js";
 import { Modal } from "./Modal/index.js";

package/dist/utils/variant.types.d.ts

@@ -2,3 +2,4 @@ export type CallToActionTypes = "primary" | "secondary" | "tertiary";
 export type PrimaryAndTertiaryTypes = "primary" | "tertiary";
 export type SecondaryTypes = "primary" | "secondary";
 export type QuaternaryTypes = "primary" | "secondary" | "tertiary" | "quaternary";
+export type SideProps = "left" | "right";

package/package.json

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