@axos-web-dev/shared-components 0.0.43 → 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/icons/ArrowIcon/ArrowIcon.css.d.ts

@@ -1,4 +1,4 @@
-export declare const Arrow: import("@vanilla-extract/recipes").RuntimeFn<{
+export declare const Arrow: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/icons/ArrowIcon/index.d.ts

@@ -1,5 +1,6 @@
+import { FC } from 'react';
 import { CallToActionTypes } from '../../utils/variant.types';
-import { FC } from "react";
+
 export interface ArrowProps {
     variant: CallToActionTypes;
     className?: string;

package/dist/icons/AxosX/Blue.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
+import { SVGProps } from 'react';
+
 declare const SvgComponent: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgComponent;

package/dist/icons/AxosX/index.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
+import { SVGProps } from 'react';
+
 declare const SvgAxosX: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgAxosX;

package/dist/icons/CheckCircle.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
+import { SVGProps } from 'react';
+
 declare const SvgCheckCircle: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgCheckCircle;

package/dist/icons/CheckCircleLight.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
+import { SVGProps } from 'react';
+
 declare const SvgCheckCircleLight: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgCheckCircleLight;

package/dist/icons/CheckIcon/CheckIcon.css.d.ts

@@ -1,5 +1,6 @@
-import { RecipeVariants } from "@vanilla-extract/recipes";
-export declare const checkColor: import("@vanilla-extract/recipes").RuntimeFn<{
+import { RecipeVariants } from '@vanilla-extract/recipes';
+
+export declare const checkColor: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
             fill: `var(--${string})` | `var(--${string}, ${string})` | `var(--${string}, ${number})`;

package/dist/icons/CheckIcon/index.d.ts

@@ -1,3 +1,4 @@
-import { CheckColorVariant } from "./CheckIcon.css";
+import { CheckColorVariant } from './CheckIcon.css';
+
 declare const SvgCheckIcon: (props: CheckColorVariant) => import("react/jsx-runtime").JSX.Element;
 export default SvgCheckIcon;

package/dist/icons/ChevronDown.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
+import { SVGProps } from 'react';
+
 declare const SvgChevronDown: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgChevronDown;

package/dist/icons/ChevronUp.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
+import { SVGProps } from 'react';
+
 declare const SvgChevronUp: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgChevronUp;

package/dist/icons/CloseIcon/index.d.ts

@@ -1,3 +1,4 @@
-import { FC } from "react";
+import { FC } from 'react';
+
 declare const SvgCloseIcon: FC;
 export default SvgCloseIcon;

package/dist/icons/DownloadIcon/index.d.ts

@@ -1,4 +1,5 @@
-import { FC } from "react";
+import { FC } from 'react';
+
 declare const SvgDownloadIcon: FC<{
     className?: string;
 }>;

package/dist/icons/EqualHousingLender.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
+import { SVGProps } from 'react';
+
 declare const SvgEqualHousingLender: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgEqualHousingLender;

package/dist/icons/FollowIcon/index.d.ts

@@ -1,4 +1,5 @@
-import { FC } from "react";
+import { FC } from 'react';
+
 declare const SvgFollowIcon: FC<{
     className?: string;
 }>;

package/dist/icons/LockIcon/index.d.ts

@@ -1,3 +1,4 @@
-import { FC } from "react";
+import { FC } from 'react';
+
 declare const SvgLockIcon: FC;
 export default SvgLockIcon;

package/dist/icons/MemberFdicLogo.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
+import { SVGProps } from 'react';
+
 declare const SvgMemberFdicLogo: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgMemberFdicLogo;

package/dist/icons/QuoteIconGrey.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
+import { SVGProps } from 'react';
+
 declare const SvgQuoteIconGrey: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgQuoteIconGrey;

package/dist/icons/QuoteIconWhite.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
+import { SVGProps } from 'react';
+
 declare const SvgQuoteIconWhite: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgQuoteIconWhite;

package/dist/icons/QuoteIconYellow.d.ts

@@ -1,3 +1,4 @@
-import { SVGProps } from "react";
+import { SVGProps } from 'react';
+
 declare const SvgQuoteIconYellow: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
 export default SvgQuoteIconYellow;

package/dist/icons/WarningIcon/index.d.ts

@@ -1,3 +1,4 @@
-import { FC } from "react";
+import { FC } from 'react';
+
 export declare const SvgWarningIcon: FC;
 export default SvgWarningIcon;

package/dist/icons/index.d.ts

@@ -1,18 +1,18 @@
-export { default as ArrowIcon } from "./ArrowIcon";
-export { default as AxosX } from "./AxosX";
-export { default as AxosXBlue } from "./AxosX/Blue";
-export { default as CheckCircle } from "./CheckCircle";
-export { default as CheckCircleLight } from "./CheckCircleLight";
-export { default as CheckIcon } from "./CheckIcon";
-export { default as ChevronDown } from "./ChevronDown";
-export { default as ChevronUp } from "./ChevronUp";
-export { default as CloseIcon } from "./CloseIcon";
-export { default as DownloadIcon } from "./DownloadIcon";
-export { default as EqualHousingLender } from "./EqualHousingLender";
-export { default as LockIcon } from "./LockIcon";
-export { default as MemberFdicLogo } from "./MemberFdicLogo";
-export { default as QuoteIconGrey } from "./QuoteIconGrey";
-export { default as QuoteIconWhite } from "./QuoteIconWhite";
-export { default as QuoteIconYellow } from "./QuoteIconYellow";
-export { default as WarningIcon } from "./WarningIcon";
-export { default as FollowIcon } from "./FollowIcon";
+export { default as ArrowIcon } from './ArrowIcon';
+export { default as AxosX } from './AxosX';
+export { default as AxosXBlue } from './AxosX/Blue';
+export { default as CheckCircle } from './CheckCircle';
+export { default as CheckCircleLight } from './CheckCircleLight';
+export { default as CheckIcon } from './CheckIcon';
+export { default as ChevronDown } from './ChevronDown';
+export { default as ChevronUp } from './ChevronUp';
+export { default as CloseIcon } from './CloseIcon';
+export { default as DownloadIcon } from './DownloadIcon';
+export { default as EqualHousingLender } from './EqualHousingLender';
+export { default as LockIcon } from './LockIcon';
+export { default as MemberFdicLogo } from './MemberFdicLogo';
+export { default as QuoteIconGrey } from './QuoteIconGrey';
+export { default as QuoteIconWhite } from './QuoteIconWhite';
+export { default as QuoteIconYellow } from './QuoteIconYellow';
+export { default as WarningIcon } from './WarningIcon';
+export { default as FollowIcon } from './FollowIcon';

package/dist/index.css.d.ts

@@ -0,0 +1 @@
+

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';
@@ -32,4 +33,4 @@ export * from './VideoTile';
 export * from './VideoWrapper';
 export * from './icons';
 export * from './themes';
-export * from "./utils";
+export * from './utils';

package/dist/main.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,
@@ -235,6 +238,7 @@ export {
   iconForm,
   iconInput,
   iconsContent,
+  imageLinkContainer,
   imagePlacement,
   image_background,
   img_area,

package/dist/themes/index.d.ts

@@ -1,2 +1,2 @@
-export * from "./axos.css";
-export * from "./premier.css";
+export * from './axos.css';
+export * from './premier.css';

package/dist/utils/ctaOptions.d.ts

@@ -1,4 +1,5 @@
 import { ImageInterface } from '../CallToActionBar/CallToActionBar.interface';
+
 export declare const imageOrientation: (image: ImageInterface) => string;
 export declare const getBannerSizeClassName: (size: string, overlap: boolean) => string;
 export declare const returnImageDimensions: (size: string, image_orientation: string) => {

package/dist/utils/getVariant.d.ts

@@ -1,3 +1,4 @@
-import { CallToActionTypes, QuaternaryTypes, SecondaryTypes } from "./variant.types";
+import { CallToActionTypes, QuaternaryTypes, SecondaryTypes } from './variant.types';
+
 export declare const getVariantWithRegex: (text: string) => string;
 export declare const getVariant: (text?: string) => CallToActionTypes & SecondaryTypes & QuaternaryTypes;

package/dist/utils/index.d.ts

@@ -1,5 +1,5 @@
-export * from "./EverestValidity";
-export * from "./allowedAxosDomains";
-export * from "./getVariant";
-export * from "./validateExternalLinks";
-export * from "./variant.types";
+export * from './EverestValidity';
+export * from './allowedAxosDomains';
+export * from './getVariant';
+export * from './validateExternalLinks';
+export * from './variant.types';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.43",
+  "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": {