@axos-web-dev/shared-components 0.0.35 → 0.0.37

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,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.35",
+  "version": "0.0.37",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",