@axos-web-dev/shared-components 0.0.42 → 0.0.44

package/dist/assets/SetContainer/SetContainer.css

@@ -12,14 +12,43 @@
 }
 ._18ygy9m5 {
   display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+  grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr));
   gap: 24px;
 }
 ._18ygy9m5 .containment {
   width: 100%;
 }
+._18ygy9m6 {
+  display: flex;
+  place-items: center;
+  text-align: center;
+  margin-inline: auto;
+}
+._18ygy9m5:has(._18ygy9m6) {
+  grid-template-columns: repeat(3, minmax(min(300px, 100%), 1fr));
+}
 @media screen and (max-width: 1023px) {
   ._18ygy9m5 {
     grid-template-columns: 1fr;
   }
+}
+@media screen and (max-width:320px) {
+  ._18ygy9m6 {
+    max-width: 100%;
+  }
+}
+@media screen and (max-width:768px) {
+  ._18ygy9m6 {
+    max-width: 100%;
+  }
+}
+@media screen and (max-width:641px) {
+  ._18ygy9m5:has(._18ygy9m6) {
+    grid-template-columns: 1fr 1fr;
+  }
+}
+@media screen and (max-width:480px) {
+  ._18ygy9m5:has(._18ygy9m6) {
+    grid-template-columns: 1fr;
+  }
 }

package/dist/main.d.ts

@@ -17,6 +17,7 @@ export * from './HeroBanner';
 export * from './Hyperlink';
 export * from './IconBillboard';
 export * from './ImageBillboard';
+export * from './ImageLink';
 export * from './Input';
 export * from './LandingPageHeader';
 export * from './MainHTML';

package/dist/main.js

@@ -19,7 +19,7 @@ import { ExecutiveBioSet } from "./ExecutiveBio/ExecutiveBioSet.js";
 import { AccordionItem, AccordionItemContent, AccordionItemSummary, FaqAccordion } from "./FaqAccordion/index.js";
 import { footerDisclosure, footerLink, footerParagraph, iconsContent } from "./FooterDisclosure/FooterDisclosure.css.js";
 import { FooterContent, FooterDisclosure, FooterIcons, FooterParagraph } from "./FooterDisclosure/FooterDisclosure.js";
-import { actions, disclosureForm, form, formContainer, formWrapper, headerForm, iconForm, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms/Forms.css.js";
+import { actions, descriptionField, disclosureForm, form, formContainer, formWrapper, headerContainer, headerForm, iconForm, succes_check_mark, success_circle, success_icon, success_wrap } from "./Forms/Forms.css.js";
 import { RenderWebForm, renderSwitch } from "./Forms/RenderForm.js";
 import { SalesforceFieldsForm, SalesforceSchema } from "./Forms/SalesforceFieldsForm.js";
 import { ScheduleCall } from "./Forms/ScheduleCall.js";
@@ -37,6 +37,10 @@ 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, sub_bullets, supertag, three_inline, two_inline, up_to } from "./ImageBillboard/ImageBillboard.css.js";
 import { ImageBillboard } from "./ImageBillboard/ImageBillboardSet.js";
+import { SetContainer } from "./SetContainer/SetContainer.js";
+import { imageLinkContainer, inline_container, set_container } from "./SetContainer/SetContainer.css.js";
+import "react";
+import { ImageLinkSet } from "./ImageLink/ImageLinkSet.js";
 import { Input } from "./Input/Input.js";
 import { container, helperText, iconContainer, iconContainerBase, iconInput, input, labelClassName, wrapper } from "./Input/Input.css.js";
 import { InputPhone } from "./Input/InputPhone.js";
@@ -47,8 +51,6 @@ import { GlobalContext, GlobalContextProvider, useGlobalContext } from "./Modal/
 import { default as default2 } from "./NavigationMenu/AxosAdvisor/index.js";
 import { default as default3 } from "./NavigationMenu/AxosFiduciary/index.js";
 import { SecondaryFooter } from "./SecondaryFooter/index.js";
-import { SetContainer } from "./SetContainer/SetContainer.js";
-import { inline_container, set_container } from "./SetContainer/SetContainer.css.js";
 import { SocialMediaBar } from "./SocialMediaBar/index.js";
 import { StepItems } from "./StepItems/StepItems.js";
 import { bs_add_details, bs_btns, bs_copy, bs_image, bs_section, bs_topic, bs_wrapper, bullet_details, li, line_points, modifier, ol, point, sec_subtitle, sec_title, step_num, steps_wrapper, svg_logo, tablet_col } from "./StepItems/StepItems.css.js";
@@ -128,6 +130,7 @@ export {
   IconBillboardSet,
   ImageBillboard,
   ImageBillboardSet,
+  ImageLinkSet,
   Input,
   InputPhone,
   LandingPageHeader,
@@ -200,6 +203,7 @@ export {
   content,
   copy,
   description,
+  descriptionField,
   details,
   disclosureForm,
   expand_icon,
@@ -215,6 +219,7 @@ export {
   header,
   headerAccordion,
   headerCell,
+  headerContainer,
   headerContent,
   headerForm,
   headerIconBillboard,
@@ -233,6 +238,7 @@ export {
   iconForm,
   iconInput,
   iconsContent,
+  imageLinkContainer,
   imagePlacement,
   image_background,
   img_area,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.42",
+  "version": "0.0.44",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",
@@ -29,19 +29,19 @@
   },
   "dependencies": {
     "@hookform/resolvers": "^3.3.4",
-    "@react-input/mask": "^1.0.23",
-    "@storybook/builder-vite": "^7.6.13",
-    "@storybook/preview-api": "^7.6.16",
-    "@vanilla-extract/css": "^1.14.1",
+    "@react-input/mask": "^1.2.0",
+    "@storybook/builder-vite": "^7.6.19",
+    "@storybook/preview-api": "^7.6.19",
+    "@vanilla-extract/css": "^1.15.1",
     "@vanilla-extract/recipes": "^0.5.1",
-    "clsx": "^2.1.0",
-    "react-hook-form": "^7.51.1",
+    "clsx": "^2.1.1",
+    "react-hook-form": "^7.51.3",
     "react-markdown": "^9.0.1",
     "react-use": "^17.5.0",
     "typed-css-modules": "^0.9.1",
     "vite-plugin-svgr": "^4.2.0",
-    "zod": "^3.22.4",
-    "zustand": "^4.5.0"
+    "zod": "^3.23.5",
+    "zustand": "^4.5.2"
   },
   "peerDependencies": {
     "@vanilla-extract/css": "^1.14.1",
@@ -54,49 +54,49 @@
   },
   "devDependencies": {
     "@rollup/plugin-alias": "^5.1.0",
-    "@storybook/addon-essentials": "^7.6.13",
-    "@storybook/addon-interactions": "^7.6.13",
-    "@storybook/addon-links": "^7.6.13",
-    "@storybook/addon-onboarding": "^1.0.11",
-    "@storybook/addon-themes": "^7.6.10",
-    "@storybook/blocks": "^7.6.13",
-    "@storybook/react": "^7.6.13",
-    "@storybook/react-vite": "^7.6.13",
-    "@storybook/test": "^7.6.13",
+    "@storybook/addon-essentials": "^7.6.19",
+    "@storybook/addon-interactions": "^7.6.19",
+    "@storybook/addon-links": "^7.6.19",
+    "@storybook/addon-onboarding": "^8.0.9",
+    "@storybook/addon-themes": "^7.6.19",
+    "@storybook/blocks": "^7.6.19",
+    "@storybook/react": "^7.6.19",
+    "@storybook/react-vite": "^7.6.19",
+    "@storybook/test": "^7.6.19",
     "@svgr/core": "^8.1.0",
     "@svgr/plugin-prettier": "^8.1.0",
     "@svgr/plugin-svgo": "^8.1.0",
-    "@types/node": "^20.11.16",
-    "@types/react": "^18.2.43",
-    "@types/react-dom": "^18.2.17",
-    "@typescript-eslint/eslint-plugin": "^6.14.0",
-    "@typescript-eslint/parser": "^6.14.0",
+    "@types/node": "^20.12.8",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
+    "@typescript-eslint/eslint-plugin": "^7.8.0",
+    "@typescript-eslint/parser": "^7.8.0",
     "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "@vanilla-extract/vite-plugin": "^4.0.3",
-    "@vitejs/plugin-react-swc": "^3.5.0",
+    "@vanilla-extract/recipes": "^0.5.2",
+    "@vanilla-extract/vite-plugin": "^4.0.9",
+    "@vitejs/plugin-react-swc": "^3.6.0",
     "esbuild-vanilla-image-loader": "^0.1.3",
-    "eslint": "^8.55.0",
-    "eslint-plugin-react-hooks": "^4.6.0",
-    "eslint-plugin-react-refresh": "^0.4.5",
-    "eslint-plugin-storybook": "^0.6.15",
-    "glob": "^10.3.10",
-    "husky": "^8.0.0",
+    "eslint": "^8.57.0",
+    "eslint-plugin-react-hooks": "^4.6.2",
+    "eslint-plugin-react-refresh": "^0.4.6",
+    "eslint-plugin-storybook": "^0.8.0",
+    "glob": "^10.3.12",
+    "husky": "^9.0.11",
     "next": "^14.1.4",
     "prettier": "3.2.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
     "rollup-plugin-preserve-directives": "^0.4.0",
     "rollup-plugin-svg-import": "^3.0.0",
     "rollup-plugin-svgo": "^2.0.0",
-    "storybook": "^7.6.13",
+    "storybook": "^7.6.19",
     "typescript": "^5.2.2",
     "typescript-plugin-css-modules": "^5.1.0",
-    "vite": "^5.0.8",
-    "vite-plugin-dts": "^3.7.3",
-    "vite-plugin-lib-inject-css": "^1.3.0",
+    "vite": "^5.2.10",
+    "vite-plugin-dts": "^3.9.0",
+    "vite-plugin-lib-inject-css": "^2.0.1",
     "vite-plugin-setting-css-module": "^1.1.4",
-    "vite-tsconfig-paths": "^4.3.1"
+    "vite-tsconfig-paths": "^4.3.2"
   },
   "main": "index.js",
   "directories": {