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

package/dist/assets/Typography/Typography.css

@@ -1,6 +1,6 @@
 ._17xoant0 {
   font-family: var(--header-font-family);
-  font-weight: 700;
+  font-weight: 600;
   font-size: 40px;
 }
 ._17xoant2 {
@@ -48,6 +48,5 @@
 @media screen and (max-width:768px) {
   ._17xoant0 {
     font-size: 28px;
-    font-weight: 500;
   }
 }

package/dist/assets/globals.css

@@ -16,7 +16,6 @@
 }
 * {
   box-sizing: border-box;
-  padding: 0;
   margin: 0;
 }
 a {
@@ -127,7 +126,7 @@ body {
   letter-spacing: 0.2px;
   font-family: var(--main-font-family);
 }
-h1, h2, h3, h4, h5, h6 {
+h1, h2, h3, h4, h5, h6, es_font {
   font-family: var(--header-font-family);
 }
 .header_1 {
@@ -228,6 +227,12 @@ sup {
   position: relative;
   top: -0.5em;
 }
+p:empty {
+  display: none;
+}
+ul:empty {
+  display: none;
+}
 @media screen and (max-width: 1023px) {
   .containment {
     width: min(41.25rem, calc(100% - 4rem));

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

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

package/dist/icons/AxosX/Blue.js

@@ -0,0 +1,32 @@
+import { jsxs, jsx } from "react/jsx-runtime";
+const SvgComponent = (props) => /* @__PURE__ */ jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: 40,
+    height: 40,
+    fill: "none",
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "#FAA74A",
+          d: "M4.012.513a1.726 1.726 0 0 0-2.455 0L.539 1.53a1.726 1.726 0 0 0 0 2.456L16.536 20 .539 36.014a1.726 1.726 0 0 0 0 2.456l1.018 1.017a1.726 1.726 0 0 0 2.455 0L23.464 20 4.012.513Z"
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        "path",
+        {
+          fill: "#1E3860",
+          fillRule: "evenodd",
+          d: "m38.443.513 1.018 1.017c.684.684.684 1.79 0 2.456L25.902 17.562l-3.473-3.473L35.988.513a1.726 1.726 0 0 1 2.455 0Zm0 38.974 1.018-1.017a1.726 1.726 0 0 0 0-2.456L25.902 22.438l-3.473 3.473 13.559 13.576a1.726 1.726 0 0 0 2.455 0Z",
+          clipRule: "evenodd"
+        }
+      )
+    ]
+  }
+);
+export {
+  SvgComponent as default
+};

package/dist/icons/index.d.ts

@@ -1,5 +1,6 @@
 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";

package/dist/icons/index.js

@@ -1,34 +1,36 @@
 import { default as default2 } from "./ArrowIcon/index.js";
 import { default as default3 } from "./AxosX/index.js";
-import { default as default4 } from "./CheckCircle.js";
-import { default as default5 } from "./CheckCircleLight.js";
-import { default as default6 } from "./CheckIcon/index.js";
-import { default as default7 } from "./ChevronDown.js";
-import { default as default8 } from "./ChevronUp.js";
-import { default as default9 } from "./CloseIcon/index.js";
-import { default as default10 } from "./DownloadIcon/index.js";
-import { default as default11 } from "./EqualHousingLender.js";
-import { default as default12 } from "./LockIcon/index.js";
-import { default as default13 } from "./MemberFdicLogo.js";
-import { default as default14 } from "./QuoteIconGrey.js";
-import { default as default15 } from "./QuoteIconWhite.js";
-import { default as default16 } from "./QuoteIconYellow.js";
+import { default as default4 } from "./AxosX/Blue.js";
+import { default as default5 } from "./CheckCircle.js";
+import { default as default6 } from "./CheckCircleLight.js";
+import { default as default7 } from "./CheckIcon/index.js";
+import { default as default8 } from "./ChevronDown.js";
+import { default as default9 } from "./ChevronUp.js";
+import { default as default10 } from "./CloseIcon/index.js";
+import { default as default11 } from "./DownloadIcon/index.js";
+import { default as default12 } from "./EqualHousingLender.js";
+import { default as default13 } from "./LockIcon/index.js";
+import { default as default14 } from "./MemberFdicLogo.js";
+import { default as default15 } from "./QuoteIconGrey.js";
+import { default as default16 } from "./QuoteIconWhite.js";
+import { default as default17 } from "./QuoteIconYellow.js";
 import { SvgWarningIcon } from "./WarningIcon/index.js";
 export {
   default2 as ArrowIcon,
   default3 as AxosX,
-  default4 as CheckCircle,
-  default5 as CheckCircleLight,
-  default6 as CheckIcon,
-  default7 as ChevronDown,
-  default8 as ChevronUp,
-  default9 as CloseIcon,
-  default10 as DownloadIcon,
-  default11 as EqualHousingLender,
-  default12 as LockIcon,
-  default13 as MemberFdicLogo,
-  default14 as QuoteIconGrey,
-  default15 as QuoteIconWhite,
-  default16 as QuoteIconYellow,
+  default4 as AxosXBlue,
+  default5 as CheckCircle,
+  default6 as CheckCircleLight,
+  default7 as CheckIcon,
+  default8 as ChevronDown,
+  default9 as ChevronUp,
+  default10 as CloseIcon,
+  default11 as DownloadIcon,
+  default12 as EqualHousingLender,
+  default13 as LockIcon,
+  default14 as MemberFdicLogo,
+  default15 as QuoteIconGrey,
+  default16 as QuoteIconWhite,
+  default17 as QuoteIconYellow,
   SvgWarningIcon as WarningIcon
 };

package/dist/main.d.ts

@@ -25,5 +25,6 @@ export * from './Table';
 export * from './TextBlock';
 export * from './VideoTile';
 export * from './VideoWrapper';
+export * from './icons';
 export * from './themes';
 export * from "./utils";

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_image, billboard_img, body, header, imagePlacement, mh_330, section_text_ImageBillboard, single_container, supertag, three_inline, two_inline } from "./ImageBillboard/ImageBillboard.css.js";
+import { apy_billboard, billboard, billboard_body, billboard_container, billboard_ctas, billboard_header_section, billboard_image, billboard_img, body, 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 { ImageBillboard } from "./ImageBillboard/ImageBillboardSet.js";
 import { Input } from "./Input/index.js";
 import { MainHTML } from "./MainHTML/index.js";
@@ -44,6 +44,23 @@ import { VideoInit } from "./VideoTile/VideoInit.js";
 import { VideoTile } from "./VideoTile/VideoTile.js";
 import { expand_icon, hide_transcript, item, mb_8, show, toggle_container, transcript_btn, transcript_container, transcript_content, video_container, video_title, vidyard_height, w_100 } from "./VideoTile/VideoTile.css.js";
 import { VideoWrapper } from "./VideoWrapper/index.js";
+import { default as default4 } from "./icons/ArrowIcon/index.js";
+import { default as default5 } from "./icons/AxosX/index.js";
+import { default as default6 } from "./icons/AxosX/Blue.js";
+import { default as default7 } from "./icons/CheckCircle.js";
+import { default as default8 } from "./icons/CheckCircleLight.js";
+import { default as default9 } from "./icons/CheckIcon/index.js";
+import { default as default10 } from "./icons/ChevronDown.js";
+import { default as default11 } from "./icons/ChevronUp.js";
+import { default as default12 } from "./icons/CloseIcon/index.js";
+import { default as default13 } from "./icons/DownloadIcon/index.js";
+import { default as default14 } from "./icons/EqualHousingLender.js";
+import { default as default15 } from "./icons/LockIcon/index.js";
+import { default as default16 } from "./icons/MemberFdicLogo.js";
+import { default as default17 } from "./icons/QuoteIconGrey.js";
+import { default as default18 } from "./icons/QuoteIconWhite.js";
+import { default as default19 } from "./icons/QuoteIconYellow.js";
+import { SvgWarningIcon } from "./icons/WarningIcon/index.js";
 import { axosTheme, vars } from "./themes/axos.css.js";
 import { premierTheme } from "./themes/premier.css.js";
 import { associatedEmail } from "./utils/EverestValidity.js";
@@ -60,15 +77,26 @@ export {
   AccordionItemSummary,
   AlertBanner,
   ApyCalculator,
+  default4 as ArrowIcon,
+  default5 as AxosX,
+  default6 as AxosXBlue,
   BulletItem,
   Button,
   CallToActionBar,
   Carousel,
   CarouselSlide,
+  default7 as CheckCircle,
+  default8 as CheckCircleLight,
+  default9 as CheckIcon,
   Chevron,
+  default10 as ChevronDown,
+  default11 as ChevronUp,
+  default12 as CloseIcon,
   CollectInformationAlert,
   ContentBanner,
+  default13 as DownloadIcon,
   DownloadTile,
+  default14 as EqualHousingLender,
   FaqAccordion,
   FooterContent,
   FooterDisclosure,
@@ -83,10 +111,15 @@ export {
   ImageBillboard,
   ImageBillboardSet,
   Input,
+  default15 as LockIcon,
   MainHTML,
+  default16 as MemberFdicLogo,
   Modal,
   default3 as NavBarAFS,
   default2 as NavBarAXA,
+  default17 as QuoteIconGrey,
+  default18 as QuoteIconWhite,
+  default19 as QuoteIconYellow,
   RenderWebForm,
   SalesforceFieldsForm,
   SalesforceSchema,
@@ -103,9 +136,11 @@ export {
   VideoInit,
   VideoTile,
   VideoWrapper,
+  SvgWarningIcon as WarningIcon,
   accordion,
   actions,
   alternate_color_rows,
+  apy_billboard,
   associatedEmail,
   axosTheme,
   billboard,
@@ -151,6 +186,7 @@ export {
   iconForm,
   iconsContent,
   imagePlacement,
+  image_background,
   inline_container,
   isAbsoluteUrl,
   isAllowedUrl,
@@ -164,6 +200,9 @@ export {
   mh_330,
   paragraph,
   premierTheme,
+  rate_billboard,
+  rate_container,
+  rate_pad,
   renderSwitch,
   section_container,
   section_text,
@@ -189,6 +228,7 @@ export {
   transcript_container,
   transcript_content,
   two_inline,
+  up_to,
   useGlobalContext,
   validateLink,
   vars,

package/package.json

@@ -1,106 +1,106 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "0.0.14",
-  "type": "module",
-  "module": "dist/main.js",
-  "types": "dist/main.d.ts",
-  "files": [
-    "dist"
-  ],
-  "sideEffects": [
-    "dist/assets/**/*.css"
-  ],
-  "scripts": {
-    "dev": "vite",
-    "build": "tsc --p ./tsconfig.build.json && vite build",
-    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
-    "preview": "vite preview",
-    "prepublishOnly": "npm run build",
-    "check-types": "tsc --pretty --noEmit",
-    "check-format": "prettier --check .",
-    "check-lint": "eslint . --ext ts --ext tsx --ext js",
-    "format": "prettier --write .",
-    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
-    "prepare": "husky install",
-    "storybook": "storybook dev -p 6006",
-    "build-storybook": "storybook build",
-    "npm:link": "npm run build && npm link"
-  },
-  "dependencies": {
-    "@hookform/resolvers": "^3.3.4",
-    "@storybook/builder-vite": "^7.6.13",
-    "@storybook/preview-api": "^7.6.16",
-    "@vanilla-extract/css": "^1.14.1",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "clsx": "^2.1.0",
-    "react-hook-form": "^7.51.1",
-    "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"
-  },
-  "peerDependencies": {
-    "@vanilla-extract/css": "^1.14.1",
-    "@vanilla-extract/css-utils": "^0.1.3",
-    "@vanilla-extract/recipes": "^0.5.1",
-    "@vanilla-extract/vite-plugin": "^4.0.3",
-    "next": "^14.1.4",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
-  },
-  "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",
-    "@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",
-    "@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",
-    "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",
-    "prettier": "3.2.5",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "rollup-plugin-preserve-directives": "^0.4.0",
-    "rollup-plugin-svg-import": "^3.0.0",
-    "rollup-plugin-svgo": "^2.0.0",
-    "storybook": "^7.6.13",
-    "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-plugin-setting-css-module": "^1.1.4",
-    "vite-tsconfig-paths": "^4.3.1",
-    "next": "^14.1.4"
-  },
-  "main": "index.js",
-  "directories": {
-    "lib": "lib"
-  },
-  "author": "axos-web-dev",
-  "license": "ISC"
-}
+{
+  "name": "@axos-web-dev/shared-components",
+  "description": "Axos shared components library for web.",
+  "version": "0.0.16",
+  "type": "module",
+  "module": "dist/main.js",
+  "types": "dist/main.d.ts",
+  "files": [
+    "dist"
+  ],
+  "sideEffects": [
+    "dist/assets/**/*.css"
+  ],
+  "scripts": {
+    "dev": "vite",
+    "build": "tsc --p ./tsconfig.build.json && vite build",
+    "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
+    "preview": "vite preview",
+    "prepublishOnly": "npm run build",
+    "check-types": "tsc --pretty --noEmit",
+    "check-format": "prettier --check .",
+    "check-lint": "eslint . --ext ts --ext tsx --ext js",
+    "format": "prettier --write .",
+    "test-all": "npm run check-format && npm run check-lint && npm run check-types && npm run build",
+    "prepare": "husky install",
+    "storybook": "storybook dev -p 6006",
+    "build-storybook": "storybook build",
+    "npm:link": "npm run build && npm link"
+  },
+  "dependencies": {
+    "@hookform/resolvers": "^3.3.4",
+    "@storybook/builder-vite": "^7.6.13",
+    "@storybook/preview-api": "^7.6.16",
+    "@vanilla-extract/css": "^1.14.1",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "clsx": "^2.1.0",
+    "react-hook-form": "^7.51.1",
+    "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"
+  },
+  "peerDependencies": {
+    "@vanilla-extract/css": "^1.14.1",
+    "@vanilla-extract/css-utils": "^0.1.3",
+    "@vanilla-extract/recipes": "^0.5.1",
+    "@vanilla-extract/vite-plugin": "^4.0.3",
+    "next": "^14.1.4",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0"
+  },
+  "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",
+    "@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",
+    "@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",
+    "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",
+    "prettier": "3.2.5",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "rollup-plugin-preserve-directives": "^0.4.0",
+    "rollup-plugin-svg-import": "^3.0.0",
+    "rollup-plugin-svgo": "^2.0.0",
+    "storybook": "^7.6.13",
+    "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-plugin-setting-css-module": "^1.1.4",
+    "vite-tsconfig-paths": "^4.3.1",
+    "next": "^14.1.4"
+  },
+  "main": "index.js",
+  "directories": {
+    "lib": "lib"
+  },
+  "author": "axos-web-dev",
+  "license": "ISC"
+}