@axos-web-dev/shared-components 0.0.82 → 0.0.84

package/dist/assets/Calculators/MarginTradingCalculator/MarginTradingCalculator.css

@@ -0,0 +1,107 @@
+._1mgfcbj0 {
+  width: 100%;
+}
+._1mgfcbj1 {
+  width: 50%;
+}
+._1mgfcbj2 {
+  gap: 24px;
+}
+._1mgfcbj3 {
+  flex-basis: 50%;
+}
+._1mgfcbj4 {
+  font-size: 36px;
+}
+._1mgfcbj5 {
+  background-image: linear-gradient(185deg,#1e3860 14.64%,#13818b 85.36%);
+}
+._1mgfcbj6 {
+  border-bottom: 4px solid #d4d4d4;
+}
+._1mgfcbj7 {
+  margin: 1rem 0;
+}
+._1mgfcbj8 {
+  width: 100%;
+  border-spacing: 0;
+}
+._1mgfcbj9 {
+  padding: 10px;
+  border: 1px solid #d4d4d4!important;
+  height: 50px;
+}
+._1mgfcbja {
+  border-top-left-radius: 1rem;
+  background-color: #ace1fc;
+}
+._1mgfcbjb {
+  border-top-right-radius: 1rem;
+}
+._1mgfcbjc {
+  border-bottom-left-radius: 1rem;
+}
+._1mgfcbjd {
+  border-bottom-right-radius: 1rem;
+}
+._1mgfcbje {
+  border-bottom: 0!important;
+}
+._1mgfcbjf {
+  background-color: #ace1fc;
+}
+._1mgfcbjg {
+  font-weight: 600;
+}
+._1mgfcbjh {
+  font-size: 22px;
+  font-weight: 600;
+}
+._1mgfcbji {
+  height: 50px;
+}
+._1mgfcbjj {
+  width: 25%;
+}
+._1mgfcbjp {
+  padding: 2.5rem 0;
+}
+@media screen and (max-width: 1023px) {
+  ._1mgfcbjk {
+    flex-direction: column;
+  }
+  ._1mgfcbjl {
+    flex-direction: row;
+    width: 100%;
+    margin-top: 32px;
+    margin-left: 0;
+  }
+}
+@media screen and (max-width: 768px) {
+  ._1mgfcbjl {
+    flex-direction: column;
+  }
+}
+@media screen and (max-width: 603px) {
+  ._1mgfcbjm {
+    font-size: 32px;
+  }
+}
+@media screen and (max-width: 500px) {
+  ._1mgfcbjm {
+    font-size: 24px;
+  }
+}
+@media screen and (max-width: 400px) {
+  ._1mgfcbjm {
+    font-size: 20px;
+  }
+  ._1mgfcbjo {
+    font-size: 14px;
+  }
+}
+@media screen and (max-width: 502px) {
+  ._1mgfcbjn {
+    font-size: 12px;
+  }
+}

package/dist/assets/{MonthlyPaymentCalculator → Calculators/MonthlyPaymentCalculator}/MonthlyPaymentCalculator.css

@@ -1,29 +1,29 @@
-._17fwn0a1 {
+._10pitvc1 {
   background: var(--_1073cm81);
   color: var(--_1073cm82);
 }
-._17fwn0a2 {
+._10pitvc2 {
   background: var(--_1073cm88);
   color: var(--_1073cm89);
 }
-._17fwn0a3 {
+._10pitvc3 {
   background: var(--_1073cm8f);
   color: var(--_1073cm8g);
 }
-._17fwn0a4 {
+._10pitvc4 {
   background: var(--_1073cm8m);
   color: var(--_1073cm8n);
 }
-._17fwn0a5 {
+._10pitvc5 {
   width: 33%;
   padding: 0 1rem;
 }
-._17fwn0a6 {
+._10pitvc6 {
   height: 50px;
   border-radius: 8px;
   margin-top: .5rem;
 }
-._17fwn0a7 {
+._10pitvc7 {
   background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
@@ -31,13 +31,13 @@
   font-size: 2.5rem;
   font-weight: 700;
 }
-._17fwn0a8 {
+._10pitvc8 {
   padding: 2rem;
 }
-._17fwn0a9 {
+._10pitvc9 {
   align-items: flex-start;
 }
-._17fwn0a5 input {
+._10pitvc5 input {
   width: 100%;
 }
 select {
@@ -47,20 +47,24 @@ select {
   background: url(https://images.axos.com/o9ov1v03uwqk/4ayjjdIkEzQsfmhKbPeNaE/636b57923fbdac891d48f78ca06ffeb6/image_1_-_2024-06-27T142052.191.png) no-repeat 95%;
   background-color: #fff;
 }
-._17fwn0aa {
+._10pitvca {
   font-weight: 700;
   font-size: 24px;
   color: #666;
 }
-._17fwn0ab {
+._10pitvcb {
   color: #d0021b;
 }
+._10pitvcc {
+  font-size: 34px!important;
+  line-height: 1.25;
+}
 @media screen and (max-width:1023px) {
-  ._17fwn0a5 {
+  ._10pitvc5 {
     width: 100%;
     margin-bottom: 1rem;
   }
-  ._17fwn0a9 {
+  ._10pitvc9 {
     align-items: center;
     flex-direction: column;
   }

package/dist/main.d.ts

@@ -1,15 +1,19 @@
 export * from './ATMLocator';
 export * from './Accordion';
 export * from './AlertBanner';
-export * from './ApyCalculator';
 export * from './Article';
 export * from './ArticlesSet';
 export * from './Avatar';
 export * from './AwardsBanner';
 export * from './AwardsItem';
+export * from './Blockquote';
 export * from './BulletItem';
 export * from './Button';
 export * from './Calculators';
+export * from './Calculators/AnnualFeeCalculator';
+export * from './Calculators/ApyCalculator';
+export * from './Calculators/MarginTradingCalculator';
+export * from './Calculators/MonthlyPaymentCalculator';
 export * from './CallToActionBar';
 export * from './Carousel';
 export * from './Chevron';

package/dist/main.js

@@ -3,7 +3,6 @@ import { ATMLocator } from "./ATMLocator/ATMLocator.js";
 import { Accordion, AccordionCtx, AccordionDetails, AccordionHeader } from "./Accordion/Accordion.js";
 import { accordion, bodyAccordion, headerAccordion, headerContent, hide, icon, paragraph } from "./Accordion/Accordion.css.js";
 import { AlertBanner } from "./AlertBanner/index.js";
-import { ApyCalculator } from "./ApyCalculator/index.js";
 import { Article } from "./Article/Article.js";
 import { ant_article, ant_card_body, ant_card_cta, ant_card_title, ant_content, ant_eyebrow, ant_img } from "./Article/Article.css.js";
 import { ArticlesSet } from "./ArticlesSet/ArticlesSet.js";
@@ -13,12 +12,17 @@ import { awards_row, awards_section } from "./AwardsBanner/AwardsBanner.css.js";
 import { AwardsBanner } from "./AwardsBanner/AwardsBanner.js";
 import { award_company, award_item, award_name } from "./AwardsItem/AwardsItem.css.js";
 import { AwardsItem } from "./AwardsItem/AwardsItem.js";
+import { Blockquote } from "./Blockquote/index.js";
 import { BulletItem } from "./BulletItem/BulletItem.js";
 import { Button } from "./Button/Button.js";
 import { button } from "./Button/Button.css.js";
 import { GoBackButton } from "./Button/GoBackButton.js";
 import { Calculator } from "./Calculators/Calculator.js";
 import { calculator_description, calculator_headline } from "./Calculators/calculator.css.js";
+import { AnnualFeeCalculator } from "./Calculators/AnnualFeeCalculator/index.js";
+import { ApyCalculator } from "./Calculators/ApyCalculator/index.js";
+import { MarginTradingCalculator } from "./Calculators/MarginTradingCalculator/index.js";
+import { MonthlyPaymentCalculator } from "./Calculators/MonthlyPaymentCalculator/index.js";
 import { CallToActionBar } from "./CallToActionBar/index.js";
 import { Carousel, CarouselSlide } from "./Carousel/index.js";
 import { Chevron } from "./Chevron/index.js";
@@ -150,6 +154,7 @@ export {
   AccordionItemContent,
   AccordionItemSummary,
   AlertBanner,
+  AnnualFeeCalculator,
   ApplicationStart,
   ApyCalculator,
   default6 as ArrowIcon,
@@ -161,6 +166,7 @@ export {
   AxosFooterSiteMap,
   default7 as AxosX,
   default8 as AxosXBlue,
+  Blockquote,
   BulletItem,
   Button,
   Calculator,
@@ -217,8 +223,10 @@ export {
   LoadingIndicator,
   default18 as LockIcon,
   MainHTML,
+  MarginTradingCalculator,
   default19 as MemberFdicLogo,
   Modal,
+  MonthlyPaymentCalculator,
   default3 as NavBarAAS,
   default5 as NavBarAFS,
   default2 as NavBarAXA,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@axos-web-dev/shared-components",
   "description": "Axos shared components library for web.",
-  "version": "0.0.82",
+  "version": "0.0.84",
   "type": "module",
   "module": "dist/main.js",
   "types": "dist/main.d.ts",

package/dist/AnnualFeeCalculator/AnnualFeeCalculator.css.js

@@ -1,35 +0,0 @@
-/* empty css                                */
-/* empty css                                   */
-/* empty css                                          */
-/* empty css                                       */
-import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var container = createRuntimeFn({ defaultClassName: "tosm7c0", variantClassNames: { variant: { primary: "tosm7c1", secondary: "tosm7c2", tertiary: "tosm7c3", quaternary: "tosm7c4" } }, defaultVariants: {}, compoundVariants: [] });
-var calc_block = "tosm7c5";
-var text_block = "tosm7c6";
-var slider_block_wrapper = "tosm7c7";
-var calc_container = "tosm7c8";
-var fb50 = "tosm7c9";
-var stat = "tosm7ca";
-var w100 = "tosm7cb";
-var balance_wrapper = "tosm7cc";
-var stat_row = "tosm7cd";
-var slider_wrapper = "tosm7ce";
-var slider = "tosm7cf";
-var pt0_1023 = "tosm7cg";
-var pb0_1023 = "tosm7ch";
-export {
-  balance_wrapper,
-  calc_block,
-  calc_container,
-  container,
-  fb50,
-  pb0_1023,
-  pt0_1023,
-  slider,
-  slider_block_wrapper,
-  slider_wrapper,
-  stat,
-  stat_row,
-  text_block,
-  w100
-};

package/dist/ApyCalculator/ApyCalculator.css.js

@@ -1,50 +0,0 @@
-/* empty css                                */
-/* empty css                                   */
-/* empty css                                 */
-import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var container = createRuntimeFn({ defaultClassName: "_74vxga0", variantClassNames: { variant: { primary: "_74vxga1", secondary: "_74vxga2", tertiary: "_74vxga3", quaternary: "_74vxga4" } }, defaultVariants: {}, compoundVariants: [] });
-var apy_calculator = "_74vxga5";
-var calculator_section = "_74vxga6";
-var section_header = "_74vxga7";
-var apy_calculator_form = "_74vxga8";
-var errorTag = "_74vxga9";
-var fieldset = "_74vxgaa";
-var field_row = "_74vxgab";
-var relative = "_74vxgac";
-var label_symbol = "_74vxgad";
-var cash = "_74vxgae";
-var percent = "_74vxgaf";
-var prefix_pad = "_74vxgag";
-var submit_section = "_74vxgah";
-var span_12 = "_74vxgai";
-var form_disclosure = "_74vxgaj";
-var marketing = "_74vxgak";
-var marketingTile = "_74vxgal";
-var bodyContent = "_74vxgam";
-var header_theme = createRuntimeFn({ defaultClassName: "_74vxgan", variantClassNames: { variant: { primary: "_74vxgao", secondary: "_74vxgap", tertiary: "_74vxgaq", quaternary: "_74vxgar" } }, defaultVariants: {}, compoundVariants: [] });
-var mt_8 = "_74vxgas";
-var pis_0 = "_74vxgat";
-export {
-  apy_calculator,
-  apy_calculator_form,
-  bodyContent,
-  calculator_section,
-  cash,
-  container,
-  errorTag,
-  field_row,
-  fieldset,
-  form_disclosure,
-  header_theme,
-  label_symbol,
-  marketing,
-  marketingTile,
-  mt_8,
-  percent,
-  pis_0,
-  prefix_pad,
-  relative,
-  section_header,
-  span_12,
-  submit_section
-};

package/dist/MonthlyPaymentCalculator/MonthlyPaymentCalculator.css.js

@@ -1,22 +0,0 @@
-/* empty css                                */
-/* empty css                                   */
-/* empty css                                            */
-import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
-var container = createRuntimeFn({ defaultClassName: "_17fwn0a0", variantClassNames: { variant: { primary: "_17fwn0a1", secondary: "_17fwn0a2", tertiary: "_17fwn0a3", quaternary: "_17fwn0a4" } }, defaultVariants: {}, compoundVariants: [] });
-var input_container = "_17fwn0a5";
-var input_box = "_17fwn0a6";
-var payment_results = "_17fwn0a7";
-var calc_container = "_17fwn0a8";
-var inputs_container = "_17fwn0a9";
-var calculation_header = "_17fwn0aa";
-var error_message = "_17fwn0ab";
-export {
-  calc_container,
-  calculation_header,
-  container,
-  error_message,
-  input_box,
-  input_container,
-  inputs_container,
-  payment_results
-};