@axos-web-dev/shared-components 0.0.34 → 0.0.36

package/dist/assets/StepItems/StepItems.css

@@ -0,0 +1,275 @@
+._1hh5tt10 {
+  padding-bottom: 48px;
+  padding-top: 48px;
+}
+._1hh5tt11 {
+  background: var(--_1073cm81);
+  color: var(--_1073cm82);
+}
+._1hh5tt12 {
+  background: var(--_1073cm88);
+  color: var(--_1073cm89);
+}
+._1hh5tt13 {
+  background: var(--_1073cm8f);
+  color: var(--_1073cm8g);
+}
+._1hh5tt14 {
+  background: var(--_1073cm8m);
+  color: var(--_1073cm8n);
+}
+._1hh5tt16 {
+  margin-bottom: 16px;
+}
+._1hh5tt18 {
+  fill: #1E3860;
+}
+._1hh5tt19 {
+  fill: #1E3860;
+}
+._1hh5tt1a {
+  fill: #fff;
+}
+._1hh5tt1b {
+  fill: #fff;
+}
+._1hh5tt1d {
+  color: var(--_1073cm83);
+}
+._1hh5tt1e {
+  color: var(--_1073cm8a);
+}
+._1hh5tt1f {
+  color: var(--_1073cm8h);
+}
+._1hh5tt1g {
+  color: var(--_1073cm8o);
+}
+._1hh5tt1h {
+  margin-top: 16px;
+  text-align: center;
+}
+._1hh5tt1h p {
+  font-size: 1rem;
+  line-height: 1.5;
+}
+._1hh5tt1j {
+  min-height: 378px;
+  width: 48%;
+  background-position: center center;
+  background-size: cover;
+}
+._1hh5tt1k {
+  padding: 27px 48px;
+  flex: 1 1 0%;
+}
+._1hh5tt1l {
+  padding: 0;
+  list-style: none;
+  margin: 0;
+}
+._1hh5tt1l > li + li > :first-child > :first-child {
+  padding-top: 24px;
+}
+._1hh5tt1l > li + li > :last-child {
+  padding-top: 24px;
+}
+._1hh5tt1m {
+  position: relative;
+}
+._1hh5tt1m:first-child > :first-child::before {
+  height: calc(100% - 31px);
+  bottom: 0;
+}
+._1hh5tt1m:last-child > :first-child::before {
+  top: 0;
+  height: 65px;
+}
+._1hh5tt1n {
+  position: relative;
+  isolation: isolate;
+}
+._1hh5tt1n::before {
+  content: "";
+  position: absolute;
+  height: 100%;
+  border-left: 1px dashed;
+  left: 7px;
+  z-index: -1;
+}
+._1hh5tt1o {
+  border-color: var(--_1073cm82);
+}
+._1hh5tt1p {
+  border-color: var(--_1073cm89);
+}
+._1hh5tt1q {
+  border-color: var(--_1073cm8g);
+}
+._1hh5tt1r {
+  border-color: var(--_1073cm8n);
+}
+._1hh5tt1s {
+  border: 4px solid transparent;
+  border-radius: 50%;
+  height: 7px;
+  width: 7px;
+  box-sizing: content-box;
+}
+._1hh5tt1t {
+  border-color: #4D85B0;
+  background: var(--_1073cm81);
+}
+._1hh5tt1u {
+  border-color: #4D85B0;
+  background: var(--_1073cm88);
+}
+._1hh5tt1v {
+  border-color: #FAA74A;
+  background: #1E3860;
+}
+._1hh5tt1w {
+  border-color: #FAA74A;
+  background: #1E3860;
+}
+._1hh5tt1x {
+  font: 500 60px/1.13 var(--header-font-family);
+  letter-spacing: 0.2px;
+  height: 72px;
+  width: 72px;
+  margin-left: 16px;
+}
+._1hh5tt1y {
+  color: var(--_1073cm83);
+}
+._1hh5tt1z {
+  color: var(--_1073cm8a);
+}
+._1hh5tt110 {
+  color: var(--_1073cm8h);
+}
+._1hh5tt111 {
+  color: var(--_1073cm8o);
+}
+._1hh5tt112 {
+  flex: 1 1 0%;
+  margin-left: 24px;
+}
+._1hh5tt113 {
+  font: 600 24px/1.33 var(--header-font-family);
+  letter-spacing: 0.2px;
+  display: block;
+}
+._1hh5tt114 {
+  color: var(--_1073cm83);
+}
+._1hh5tt115 {
+  color: var(--_1073cm8a);
+}
+._1hh5tt116 {
+  color: var(--_1073cm8h);
+}
+._1hh5tt117 {
+  color: var(--_1073cm8o);
+}
+._1hh5tt118 {
+  margin-top: 8px;
+  display: block;
+}
+._1hh5tt118 > * {
+  font: 400 18px/1.44 var(--main-font-family);
+}
+._1hh5tt119 > * + * {
+  margin-left: 48px;
+}
+._1hh5tt11a {
+  margin-left: auto;
+  margin-right: auto;
+  text-align: center;
+  max-width: 800px;
+}
+._1hh5tt118 > * {
+  font-size: 16px;
+  line-height: 1.5;
+}
+@media screen and (min-width:1024px) {
+  ._1hh5tt15 {
+    width: min(1392px,calc(100% - 48px));
+  }
+}
+@media screen and (max-width:1280px) {
+  ._1hh5tt1k {
+    padding-left: 24px;
+    padding-right: 0;
+  }
+}
+@media screen and (max-width:1023px) {
+  ._1hh5tt1i {
+    flex-direction: column;
+    margin-top: 24px;
+  }
+  ._1hh5tt1j {
+    width: 100%;
+    min-height: 183px;
+    aspect-ratio: 16 / 9;
+  }
+  ._1hh5tt1k {
+    padding: 0px;
+    margin-top: 24px;
+  }
+  options => {
+    var className = config.defaultClassName;
+    var selections = _objectSpread2(_objectSpread2({}, config.defaultVariants), options);
+    for (var variantName in selections) {
+      var _selections$variantNa;
+      var variantSelection = (_selections$variantNa = selections[variantName]) !== null && _selections$variantNa !== void 0 ? _selections$variantNa : config.defaultVariants[variantName];
+      if (variantSelection != null) {
+        var selection = variantSelection;
+        if (typeof selection === 'boolean') {
+          // @ts-expect-error
+          selection = selection === true ? 'true' : 'false';
+        }
+        var selectionClassName =
+        // @ts-expect-error
+        config.variantClassNames[variantName][selection];
+        if (selectionClassName) {
+          className += ' ' + selectionClassName;
+        }
+      }
+    }
+    for (var [compoundCheck, compoundClassName] of config.compoundVariants) {
+      if (shouldApplyCompound(compoundCheck, selections, config.defaultVariants)) {
+        className += ' ' + compoundClassName;
+      }
+    }
+    return className;
+  }::before {
+    display: none;
+  }
+  ._1hh5tt1s {
+    display: none;
+  }
+  ._1hh5tt1x {
+    height: 52px;
+    width: 52px;
+    font-size: 40px;
+    line-height: 1.25;
+    margin-left: 0px;
+  }
+  ._1hh5tt113 {
+    font-size: 18px;
+    line-height: 1.77;
+  }
+  ._1hh5tt118 {
+    font-size: 14px;
+    line-height: 1.5;
+  }
+  ._1hh5tt119 {
+    flex-direction: column;
+    margin-top: 24px;
+  }
+  ._1hh5tt119 > * + * {
+    margin-left: 0px;
+    margin-top: 24px;
+  }
+}

package/dist/main.d.ts

@@ -18,11 +18,14 @@ export * from './Hyperlink';
 export * from './IconBillboard';
 export * from './ImageBillboard';
 export * from './Input';
+export * from './LandingPageHeader';
 export * from './MainHTML';
 export * from './Modal';
 export * from './NavigationMenu';
 export * from './SecondaryFooter';
 export * from './SetContainer';
+export * from './SocialMediaBar';
+export * from './StepItems';
 export * from './Table';
 export * from './TextBlock';
 export * from './VideoTile';

package/dist/main.js

@@ -40,6 +40,7 @@ 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";
 import { InputPhone } from "./Input/InputPhone.js";
+import { LandingPageHeader } from "./LandingPageHeader/LandingPageHeader.js";
 import { MainHTML } from "./MainHTML/index.js";
 import { Modal } from "./Modal/Modal.js";
 import { GlobalContext, GlobalContextProvider, useGlobalContext } from "./Modal/contextApi/store.js";
@@ -48,6 +49,10 @@ 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";
+import { StepItemsSet } from "./StepItems/StepItemsSet.js";
 import { Table, TableBody, TableCell, TableContainer, TableHead, TableRow } from "./Table/Table.js";
 import { alternate_color_rows, apy_table, bodyHeader, headerCell, headerVariants, highlight_first_row, highlight_last_row, table, tableWrapper, table_container, table_container_text, table_description_text, table_headline, td, th } from "./Table/Table.css.js";
 import { TextBlock } from "./TextBlock/TextBlock.js";
@@ -123,6 +128,7 @@ export {
   ImageBillboardSet,
   Input,
   InputPhone,
+  LandingPageHeader,
   default15 as LockIcon,
   MainHTML,
   default16 as MemberFdicLogo,
@@ -138,6 +144,9 @@ export {
   ScheduleCall,
   SecondaryFooter,
   SetContainer,
+  SocialMediaBar,
+  StepItems,
+  StepItemsSet,
   Table,
   TableBody,
   TableCell,
@@ -170,6 +179,14 @@ export {
   bodyAccordion,
   bodyHeader,
   body_copy,
+  bs_add_details,
+  bs_btns,
+  bs_copy,
+  bs_image,
+  bs_section,
+  bs_topic,
+  bs_wrapper,
+  bullet_details,
   button,
   buttons,
   components,
@@ -228,19 +245,26 @@ export {
   job_title,
   labelClassName,
   layout,
+  li,
+  line_points,
   list,
   listItem,
   mb_8,
   media,
   mh_330,
+  modifier,
+  ol,
   padding,
   paragraph,
   person,
+  point,
   premierTheme,
   rate_billboard,
   rate_container,
   rate_pad,
   renderSwitch,
+  sec_subtitle,
+  sec_title,
   section_container,
   section_text,
   section_text_ImageBillboard,
@@ -250,6 +274,8 @@ export {
   shortUrl,
   show,
   single_container,
+  step_num,
+  steps_wrapper,
   sub_bullets,
   succes_check_mark,
   success_circle,
@@ -257,12 +283,14 @@ export {
   success_wrap,
   supertag,
   svg_icon,
+  svg_logo,
   table,
   tableWrapper,
   table_container,
   table_container_text,
   table_description_text,
   table_headline,
+  tablet_col,
   td,
   textBlockHeader,
   textBlockList,

package/package.json

@@ -1,107 +1,107 @@
-{
-  "name": "@axos-web-dev/shared-components",
-  "description": "Axos shared components library for web.",
-  "version": "0.0.34",
-  "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",
-    "@react-input/mask": "^1.0.23",
-    "@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",
-    "next": "^14.1.4",
-    "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"
-  },
-  "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.36",
+  "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",
+    "@react-input/mask": "^1.0.23",
+    "@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",
+    "next": "^14.1.4",
+    "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"
+  },
+  "main": "index.js",
+  "directories": {
+    "lib": "lib"
+  },
+  "author": "axos-web-dev",
+  "license": "ISC"
+}