@axos-web-dev/shared-components 1.0.99-feature-brand.3 → 1.0.99-feature-newQPvalues

package/dist/ATMLocator/ATMLocator.js

@@ -36,6 +36,7 @@ import "../Input/DownPaymentInput.js";
 import "../Input/RadioButton.js";
 import "react-hook-form";
 import { iconForm } from "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";

package/dist/Article/Article.css.d.ts

@@ -1,7 +1,7 @@
 export declare const ant_article: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            border: "1px solid #B9C1CE";
+            border: "1px solid #d4d4d4";
         };
         secondary: {
             border: "none";
@@ -25,7 +25,7 @@ export declare const ant_eyebrow: import('@vanilla-extract/recipes').RuntimeFn<{
             color: `var(--${string})`;
         };
         tertiary: {
-            color: `var(--${string})`;
+            color: "#FAA74A";
         };
         quaternary: {
             color: `var(--${string})`;
@@ -35,10 +35,38 @@ export declare const ant_eyebrow: import('@vanilla-extract/recipes').RuntimeFn<{
 export declare const ant_card_title: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    WebkitBackgroundClip: "text";
+                    backgroundImage: `var(--${string})`;
+                    WebkitTextFillColor: "transparent";
+                    textShadow: "0px 0px #00000000";
+                    color?: undefined;
+                } | {
+                    color: `var(--${string})`;
+                    WebkitBackgroundClip?: undefined;
+                    backgroundImage?: undefined;
+                    WebkitTextFillColor?: undefined;
+                    textShadow?: undefined;
+                };
+            };
         };
         secondary: {
-            color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    WebkitBackgroundClip: "text";
+                    backgroundImage: `var(--${string})`;
+                    WebkitTextFillColor: "transparent";
+                    textShadow: "0px 0px #00000000";
+                    color?: undefined;
+                } | {
+                    color: `var(--${string})`;
+                    WebkitBackgroundClip?: undefined;
+                    backgroundImage?: undefined;
+                    WebkitTextFillColor?: undefined;
+                    textShadow?: undefined;
+                };
+            };
         };
         tertiary: {
             color: `var(--${string})`;
@@ -99,30 +127,30 @@ export declare const ant_card_cta: import('@vanilla-extract/recipes').RuntimeFn<
             };
         };
         tertiary: {
-            backgroundColor: `var(--${string})`;
             color: `var(--${string})`;
+            backgroundColor: `var(--${string})`;
             selectors: {
                 "&:hover": {
                     borderColor: `var(--${string})`;
                     color: `var(--${string})`;
                 };
                 "&:active": {
-                    backgroundColor: `var(--${string})`;
                     color: `var(--${string})`;
+                    backgroundColor: `var(--${string})`;
                 };
             };
         };
         quaternary: {
-            backgroundColor: `var(--${string})`;
             color: `var(--${string})`;
+            backgroundColor: `var(--${string})`;
             selectors: {
                 "&:hover": {
                     borderColor: `var(--${string})`;
                     color: `var(--${string})`;
                 };
                 "&:active": {
-                    backgroundColor: `var(--${string})`;
                     color: `var(--${string})`;
+                    backgroundColor: `var(--${string})`;
                 };
             };
         };

package/dist/ArticlesSet/ArticlesSet.css.d.ts

@@ -9,42 +9,102 @@ export declare const ant_sec_title: import('@vanilla-extract/recipes').RuntimeFn
             color: `var(--${string})`;
         };
         tertiary: {
-            color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})`;
+                } | {
+                    color: "#1E262F";
+                };
+            };
         };
         quaternary: {
-            color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: `var(--${string})`;
+                } | {
+                    color: "#1E262F";
+                };
+            };
         };
     };
 }>;
 export declare const ant_blog_cta: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: "#2F5B88";
+                } | {
+                    color: `var(--${string})`;
+                };
+            };
         };
         secondary: {
-            color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: "#2F5B88";
+                } | {
+                    color: `var(--${string})`;
+                };
+            };
         };
         tertiary: {
-            color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: "#2F5B88";
+                } | {
+                    color: "#1E262F";
+                };
+            };
         };
         quaternary: {
-            color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    color: "#2F5B88";
+                } | {
+                    color: "#1E262F";
+                };
+            };
         };
     };
 }>;
 export declare const ant_svg_fill: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            fill: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    fill: "#2F5B88";
+                } | {
+                    fill: `var(--${string})`;
+                };
+            };
         };
         secondary: {
-            fill: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    fill: "#2F5B88";
+                } | {
+                    fill: `var(--${string})`;
+                };
+            };
         };
         tertiary: {
-            fill: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    fill: "#2F5B88";
+                } | {
+                    fill: "#1E262F";
+                };
+            };
         };
         quaternary: {
-            fill: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    fill: "#2F5B88";
+                } | {
+                    fill: "#1E262F";
+                };
+            };
         };
     };
 }>;

package/dist/ArticlesSet/ArticlesSet.js

@@ -79,7 +79,7 @@ const ArticlesSet = ({
                                     className: `${ant_svg_fill({ variant })}`,
                                     d: "M1.13491422,0.187942261 C0.94986252,0.00203917967 0.649789062,0.00203917967 0.464737367,0.187942261 L0.187303721,0.466652324 C0.00225202625,0.652555405 0.00225202625,0.95391307 0.187303721,1.13991252 L4.55851447,5.53075249 L0.187303721,9.92149608 C0.00225202625,10.1074955 0.00225202625,10.4088532 0.187303721,10.5947563 L0.464737367,10.8734663 C0.649789062,11.0593694 0.94986252,11.0593694 1.13491422,10.8734663 L6.45248835,5.53075249 L1.13491422,0.187942261 Z",
                                     id: "Fill-1",
-                                    fill: "#1E629A",
+                                    fill: "#2F5B88",
                                     fillRule: "evenodd",
                                     mask: "url(#mask-2)"
                                   }

package/dist/Auth/ErrorAlert.js

@@ -27,6 +27,7 @@ import { getVariant } from "../utils/getVariant.js";
 import clsx from "clsx";
 import "react-hook-form";
 import { headerForm } from "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../IconBillboard/IconBillboard.css.js";
 /* empty css                                          */

package/dist/AwardsBanner/AwardsBanner.css.js

@@ -1,7 +1,4 @@
-import '../assets/AwardsBanner/AwardsBanner.css';import '../assets/themes/victorie.css';import '../assets/themes/premier.css';import '../assets/themes/axos.css';/* empty css                                */
-/* empty css                                   */
-/* empty css                                    */
-/* empty css                                */
+import '../assets/AwardsBanner/AwardsBanner.css';/* empty css                                */
 var awards_section = "_1amgyqo0";
 var awards_row = "_1amgyqo1";
 export {

package/dist/AwardsItem/AwardsItem.css.js

@@ -1,4 +1,5 @@
-import '../assets/AwardsItem/AwardsItem.css';/* empty css                              */
+import '../assets/AwardsItem/AwardsItem.css';import '../assets/Typography/Typography.css';/* empty css                                          */
+/* empty css                              */
 var award_item = "_16tnqb20";
 var award_company = "_16tnqb21";
 var award_name = "_16tnqb22";

package/dist/Blockquote/Blockquote.module.js

@@ -1,6 +1,6 @@
-import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_32xib_1";
-const author = "_author_32xib_13";
-const quote = "_quote_32xib_1";
+import '../assets/Blockquote/Blockquote.css.css';const quote_spacer = "_quote_spacer_1mzku_1";
+const author = "_author_1mzku_7";
+const quote = "_quote_1mzku_1";
 const css = {
   quote_spacer,
   author,

package/dist/Button/Button.css.d.ts

@@ -118,13 +118,13 @@ export declare const button: import('@vanilla-extract/recipes').RuntimeFn<{
             flexDirection: "column";
             justifyContent: "center";
             background: "#fff";
-            color: "#1F1F1F";
+            color: "#333D46";
             border: "1px solid #EBEBEB";
             alignItems: "center";
             gap: number;
             ":hover": {
-                background: "#E9F8FF";
-                color: "#1F1F1F";
+                background: "#EBEBEB";
+                color: "#333D46";
             };
             "@media": {
                 "screen and (max-width:768px)": {

package/dist/Button/Button.js

@@ -44,6 +44,7 @@ import "../Input/PercentageInput.js";
 import "react-hook-form";
 import "../Calculators/BuyDownCalculator/BuyDownCalculator.css.js";
 import "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 /* empty css                                          */
 /* empty css                                          */

package/dist/Calculators/ApyCalculator/ApyCalculator.css.d.ts

@@ -39,10 +39,38 @@ export declare const bodyContent: string;
 export declare const header_theme: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    WebkitBackgroundClip: "text";
+                    backgroundImage: `var(--${string})`;
+                    WebkitTextFillColor: "transparent";
+                    textShadow: "0px 0px #00000000";
+                    color?: undefined;
+                } | {
+                    color: `var(--${string})`;
+                    WebkitBackgroundClip?: undefined;
+                    backgroundImage?: undefined;
+                    WebkitTextFillColor?: undefined;
+                    textShadow?: undefined;
+                };
+            };
         };
         secondary: {
-            color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    WebkitBackgroundClip: "text";
+                    backgroundImage: `var(--${string})`;
+                    WebkitTextFillColor: "transparent";
+                    textShadow: "0px 0px #00000000";
+                    color?: undefined;
+                } | {
+                    color: `var(--${string})`;
+                    WebkitBackgroundClip?: undefined;
+                    backgroundImage?: undefined;
+                    WebkitTextFillColor?: undefined;
+                    textShadow?: undefined;
+                };
+            };
         };
         tertiary: {
             color: `var(--${string})`;

package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.d.ts

@@ -43,4 +43,3 @@ export declare const ax1_calc_disclosure: import('@vanilla-extract/recipes').Run
         };
     };
 }>;
-export declare const call_to_action_row: string;

package/dist/Calculators/AxosOneCalculator/BalanceAPYCalculator.css.js

@@ -19,7 +19,6 @@ var ax1_header_calc = "_11b2y8zb";
 var ax1_calc_text = "_11b2y8zc";
 var ax1_description_text = createRuntimeFn({ defaultClassName: "_11b2y8zd", variantClassNames: { variant: { primary: "_11b2y8ze", secondary: "_11b2y8zf", tertiary: "_11b2y8zg", quaternary: "_11b2y8zh" } }, defaultVariants: {}, compoundVariants: [] });
 var ax1_calc_disclosure = createRuntimeFn({ defaultClassName: "_11b2y8zi", variantClassNames: { variant: { primary: "_11b2y8zj", secondary: "_11b2y8zk", tertiary: "_11b2y8zl", quaternary: "_11b2y8zm" } }, defaultVariants: {}, compoundVariants: [] });
-var call_to_action_row = "_11b2y8zn";
 export {
   ax1_calc_disclosure,
   ax1_calc_icon,
@@ -35,6 +34,5 @@ export {
   ax1_input_container,
   ax1_input_label,
   ax1_m_label,
-  ax1_table_container,
-  call_to_action_row
+  ax1_table_container
 };

package/dist/Calculators/AxosOneCalculator/index.d.ts

@@ -1,5 +1,4 @@
 import { default as React, FC } from 'react';
-import { ChevronProps } from '../../Chevron/Chevron.interface';
 
 export interface AxosOneCalculatorProps {
     headline?: React.ReactNode | string;
@@ -7,7 +6,5 @@ export interface AxosOneCalculatorProps {
     bodyCopy?: React.ReactNode | string;
     disclosure: React.ReactNode | string;
     variant: string;
-    initialBalance?: number;
-    callToActionRow?: ChevronProps[];
 }
 export declare const AxosOneCalculator: FC<AxosOneCalculatorProps>;

package/dist/Calculators/AxosOneCalculator/index.js

@@ -18,36 +18,25 @@ import { headerCell } from "../../Table/Table.css.js";
 import "../../utils/allowedAxosDomains.js";
 import { getVariant } from "../../utils/getVariant.js";
 import clsx from "clsx";
-import { ax1_calc_icon, ax1_header_container, ax1_header_calc, ax1_calc_text, ax1_description_text, ax1_calculator_wrapper, ax1_input_container, ax1_input_label, ax1_calculator_input, ax1_calculator_button, ax1_d_label, ax1_m_label, ax1_table_container, call_to_action_row, ax1_calc_disclosure, ax1_container } from "./BalanceAPYCalculator.css.js";
+import { ax1_calc_icon, ax1_header_container, ax1_header_calc, ax1_calc_text, ax1_description_text, ax1_calculator_wrapper, ax1_input_container, ax1_input_label, ax1_calculator_input, ax1_calculator_button, ax1_d_label, ax1_m_label, ax1_table_container, ax1_calc_disclosure, ax1_container } from "./BalanceAPYCalculator.css.js";
 const AxosOneCalculator = ({
   headline,
   bodyCopy,
   disclosure,
   icon,
-  variant,
-  initialBalance,
-  callToActionRow
+  variant
 }) => {
   const calc_variant = getVariant(variant);
   const AXOS_ONE_APY = +process.env.NEXT_PUBLIC_AXOS_ONE_APY;
-  const startingBalance = Number.isFinite(Number(initialBalance)) && Number(initialBalance) >= 0 ? Number(initialBalance) : 1e4;
-  const [balance, setBalance] = useState(startingBalance);
+  const [balance, setBalance] = useState(1e4);
   const [axbAPY, _setAxbAPY] = useState(AXOS_ONE_APY);
-  const [axbEarning, setAxbEarning] = useState(
-    AXOS_ONE_APY / 100 * startingBalance
-  );
+  const [axbEarning, setAxbEarning] = useState(AXOS_ONE_APY * 100);
   const [chaseAPY, _setChaseAPY] = useState(0.01);
-  const [chaseEarning, setChaseEarning] = useState(
-    0.01 / 100 * startingBalance
-  );
+  const [chaseEarning, setChaseEarning] = useState(1);
   const [bofaAPY, _setBofaAPY] = useState(0.01);
-  const [bofaEarning, setBofaEarning] = useState(
-    0.01 / 100 * startingBalance
-  );
+  const [bofaEarning, setBofaEarning] = useState(1);
   const [fargoAPY, _setFargoAPY] = useState(0.05);
-  const [fargoEarning, setFargoEarning] = useState(
-    0.05 / 100 * startingBalance
-  );
+  const [fargoEarning, setFargoEarning] = useState(5);
   const removeNonNumeric = (value) => {
     if (value === "") {
       value = "0";
@@ -70,19 +59,7 @@ const AxosOneCalculator = ({
       setBalance(0);
     }
   };
-  const formatUSD = (value) => {
-    if (Number.isInteger(value)) {
-      return value.toLocaleString(void 0, {
-        minimumFractionDigits: 0,
-        maximumFractionDigits: 0
-      });
-    }
-    return value.toLocaleString(void 0, {
-      minimumFractionDigits: 2,
-      maximumFractionDigits: 2
-    });
-  };
-  return /* @__PURE__ */ jsx("section", { className: clsx(ax1_container), id: "axoapycalc", children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
+  return /* @__PURE__ */ jsx("section", { className: clsx(ax1_container), children: /* @__PURE__ */ jsxs("div", { className: clsx("containment"), children: [
     icon && /* @__PURE__ */ jsx("div", { className: clsx("text_center", ax1_calc_icon), children: ["primary", "secondary"].includes(variant) ? /* @__PURE__ */ jsx(SvgComponent, {}) : /* @__PURE__ */ jsx(SvgAxosX, {}) }),
     (headline || bodyCopy) && /* @__PURE__ */ jsxs("div", { className: `${ax1_header_container} text_center`, children: [
       headline && /* @__PURE__ */ jsx("h2", { className: clsx("header_2", ax1_header_calc), children: headline }),
@@ -157,7 +134,9 @@ const AxosOneCalculator = ({
                 ] }) }),
                 /* @__PURE__ */ jsx(TableCell, { variant: "primary", children: /* @__PURE__ */ jsxs("b", { children: [
                   "$",
-                  formatUSD(axbEarning)
+                  axbEarning.toLocaleString(void 0, {
+                    maximumFractionDigits: 2
+                  })
                 ] }) })
               ] }),
               /* @__PURE__ */ jsxs(TableRow, { children: [
@@ -171,7 +150,9 @@ const AxosOneCalculator = ({
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
-                  formatUSD(fargoEarning)
+                  fargoEarning.toLocaleString(void 0, {
+                    maximumFractionDigits: 2
+                  })
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(TableRow, { children: [
@@ -185,7 +166,9 @@ const AxosOneCalculator = ({
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
-                  formatUSD(bofaEarning)
+                  bofaEarning.toLocaleString(void 0, {
+                    maximumFractionDigits: 2
+                  })
                 ] })
               ] }),
               /* @__PURE__ */ jsxs(TableRow, { children: [
@@ -199,7 +182,9 @@ const AxosOneCalculator = ({
                 ] }),
                 /* @__PURE__ */ jsxs(TableCell, { variant: "primary", children: [
                   "$",
-                  formatUSD(chaseEarning)
+                  chaseEarning.toLocaleString(void 0, {
+                    maximumFractionDigits: 2
+                  })
                 ] })
               ] })
             ] })
@@ -207,19 +192,6 @@ const AxosOneCalculator = ({
         }
       )
     ] }),
-    Array.isArray(callToActionRow) && callToActionRow.length > 0 && /* @__PURE__ */ jsx("div", { className: `${call_to_action_row}`, children: callToActionRow?.map(
-      ({ id, variant: variant2, displayText, targetUrl }) => /* @__PURE__ */ jsx(
-        Button,
-        {
-          targetUrl,
-          color: getVariant(variant2),
-          size: "medium",
-          rounded: "medium",
-          children: displayText
-        },
-        id
-      )
-    ) }),
     disclosure && /* @__PURE__ */ jsx("div", { className: ax1_calc_disclosure({ variant: calc_variant }), children: disclosure })
   ] }) });
 };

package/dist/Calculators/BalanceAPYCalculator/BalanceAPYCalculator.css.d.ts

@@ -33,10 +33,38 @@ export declare const header_container: string;
 export declare const header_calc: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})`;
+            readonly selectors: {
+                [x: string]: {
+                    WebkitBackgroundClip: string;
+                    backgroundImage: `var(--${string})`;
+                    WebkitTextFillColor: string;
+                    textShadow: string;
+                    color?: undefined;
+                } | {
+                    color: `var(--${string})`;
+                    WebkitBackgroundClip?: undefined;
+                    backgroundImage?: undefined;
+                    WebkitTextFillColor?: undefined;
+                    textShadow?: undefined;
+                };
+            };
         };
         secondary: {
-            color: `var(--${string})`;
+            selectors: {
+                [x: string]: {
+                    WebkitBackgroundClip: "text";
+                    backgroundImage: `var(--${string})`;
+                    WebkitTextFillColor: "transparent";
+                    textShadow: "0px 0px #00000000";
+                    color?: undefined;
+                } | {
+                    color: `var(--${string})`;
+                    WebkitBackgroundClip?: undefined;
+                    backgroundImage?: undefined;
+                    WebkitTextFillColor?: undefined;
+                    textShadow?: undefined;
+                };
+            };
         };
         tertiary: {
             color: `var(--${string})`;

package/dist/Calculators/Calculator.d.ts

@@ -1,6 +1,5 @@
 import { IconBillboardProps } from '../IconBillboard/IconBillboard.interface';
 import { default as React } from 'react';
-import { ChevronProps } from '../Chevron/Chevron.interface';
 
 export interface CalculatorProps {
     id?: string;
@@ -12,7 +11,5 @@ export interface CalculatorProps {
     bodyCopy?: React.ReactNode;
     disclosure?: React.ReactNode;
     marketingTiles?: IconBillboardProps[];
-    initialBalance?: number;
-    callToActionRow?: ChevronProps[];
 }
 export declare const Calculator: (props: CalculatorProps) => import("react/jsx-runtime").JSX.Element;

package/dist/Calculators/Calculator.js

@@ -119,6 +119,7 @@ import "../Table/Table.css.js";
 import "../Interstitial/Interstitial-variants.css.js";
 import "../Button/Button.css.js";
 import { iconForm } from "../Forms/Forms.css.js";
+import "../Forms/HoneyPot/index.js";
 import "../Forms/SalesforceFieldsForm.js";
 import "../Input/RadioButton.css.js";
 import "../Input/Checkbox.css.js";
@@ -135,9 +136,7 @@ const Calculator = (props) => {
     disclosure,
     headline,
     name,
-    marketingTiles,
-    initialBalance,
-    callToActionRow
+    marketingTiles
   } = props;
   const ref = useRef(null);
   const iframe = calculators.get(name || "");
@@ -228,9 +227,7 @@ const Calculator = (props) => {
         bodyCopy,
         variant,
         disclosure,
-        icon,
-        initialBalance,
-        callToActionRow
+        icon
       }
     );
   } else if (name === "APY Balance Summit Savings") {

package/dist/Calculators/MaxLoanCalculator/index.js

@@ -204,7 +204,14 @@ const MaxLoanCalculator = ({
             }
           ) }),
           /* @__PURE__ */ jsxs("div", { className: "text_center flex flex_col center middle push_up_32", children: [
-            /* @__PURE__ */ jsx("label", { htmlFor: "estimatedLoanAmount", className: calculation_header, children: "Maximum Loan Amount You Can Borrow:" }),
+            /* @__PURE__ */ jsx(
+              "label",
+              {
+                htmlFor: "estimatedLoanAmount",
+                className: calculation_header,
+                children: "Maximum Loan Amount You Can Borrow:"
+              }
+            ),
             /* @__PURE__ */ jsxs(
               "output",
               {

package/dist/Calculators/calculator.css.d.ts

@@ -22,10 +22,16 @@ export declare const calculator_description: import('@vanilla-extract/recipes').
 export declare const calculator_headline: import('@vanilla-extract/recipes').RuntimeFn<{
     variant: {
         primary: {
-            color: `var(--${string})`;
+            background: `var(--${string})`;
+            backgroundClip: "text";
+            WebkitTextFillColor: "transparent";
+            textShadow: "0px 0px #00000000";
         };
         secondary: {
-            color: `var(--${string})`;
+            background: `var(--${string})`;
+            backgroundClip: "text";
+            WebkitTextFillColor: "transparent";
+            textShadow: "0px 0px #00000000";
         };
         tertiary: {
             color: `var(--${string})`;

package/dist/CallToActionBar/index.js

@@ -107,7 +107,7 @@ const CallToActionBar = ({
                       ),
                       children: [
                         headline && /* @__PURE__ */ jsx("h2", { className: "header_3", children: headline }),
-                        banner_size === "large" && bodyCopy && /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsx("div", { className: "push_up", children: bodyCopy }) })
+                        banner_size === "large" && bodyCopy && /* @__PURE__ */ jsx(Fragment, { children: bodyCopy })
                       ]
                     }
                   ),