@axos-web-dev/shared-components 0.0.3 → 0.0.4

package/dist/NavigationMenu/AxosFiduciary/NavBar.module.js

@@ -1,43 +1,43 @@
-const header = "_header_1xghr_1";
-const wrapper = "_wrapper_1xghr_5";
-const header_main_row = "_header_main_row_1xghr_11";
-const mobile_header = "_mobile_header_1xghr_12";
-const logo_wrap = "_logo_wrap_1xghr_18";
-const primary_links = "_primary_links_1xghr_22";
-const main_nav = "_main_nav_1xghr_26";
-const main_nav_link = "_main_nav_link_1xghr_33";
-const sub_nav_link = "_sub_nav_link_1xghr_55";
-const signin_wrap = "_signin_wrap_1xghr_57";
-const signin_btn = "_signin_btn_1xghr_58";
-const sub_nav = "_sub_nav_1xghr_55";
-const header_sub_row = "_header_sub_row_1xghr_99";
-const shadow = "_shadow_1xghr_115";
-const opacity = "_opacity_1xghr_131";
-const fadeInDown = "_fadeInDown_1xghr_1";
-const footer = "_footer_1xghr_137";
-const open = "_open_1xghr_153";
-const mt_8 = "_mt_8_1xghr_161";
-const mt_16 = "_mt_16_1xghr_165";
-const ml_8 = "_ml_8_1xghr_169";
-const reversed_row = "_reversed_row_1xghr_173";
-const nav_anchor = "_nav_anchor_1xghr_177";
-const site_lists = "_site_lists_1xghr_188";
-const hamburger = "_hamburger_1xghr_192";
-const mobile_logo = "_mobile_logo_1xghr_206";
-const mobile_nav = "_mobile_nav_1xghr_229";
-const mobile_opened = "_mobile_opened_1xghr_241";
-const mobile_nav_item = "_mobile_nav_item_1xghr_245";
-const icon_wrap = "_icon_wrap_1xghr_260";
-const mobile_footer = "_mobile_footer_1xghr_265";
-const mobile_footer_content = "_mobile_footer_content_1xghr_271";
-const mobile_footer_media = "_mobile_footer_media_1xghr_285";
-const footer_cta = "_footer_cta_1xghr_292";
-const inner_wrapper = "_inner_wrapper_1xghr_324";
-const btn = "_btn_1xghr_328";
-const sub_menu = "_sub_menu_1xghr_333";
-const main = "_main_1xghr_26";
-const desktop_only = "_desktop_only_1xghr_362";
-const mobile_only = "_mobile_only_1xghr_409";
+const header = "_header_106qs_1";
+const wrapper = "_wrapper_106qs_5";
+const header_main_row = "_header_main_row_106qs_11";
+const mobile_header = "_mobile_header_106qs_12";
+const logo_wrap = "_logo_wrap_106qs_18";
+const primary_links = "_primary_links_106qs_22";
+const main_nav = "_main_nav_106qs_26";
+const main_nav_link = "_main_nav_link_106qs_33";
+const sub_nav_link = "_sub_nav_link_106qs_55";
+const signin_wrap = "_signin_wrap_106qs_57";
+const signin_btn = "_signin_btn_106qs_58";
+const sub_nav = "_sub_nav_106qs_55";
+const header_sub_row = "_header_sub_row_106qs_99";
+const shadow = "_shadow_106qs_115";
+const opacity = "_opacity_106qs_131";
+const fadeInDown = "_fadeInDown_106qs_1";
+const footer = "_footer_106qs_137";
+const open = "_open_106qs_153";
+const mt_8 = "_mt_8_106qs_161";
+const mt_16 = "_mt_16_106qs_165";
+const ml_8 = "_ml_8_106qs_169";
+const reversed_row = "_reversed_row_106qs_173";
+const nav_anchor = "_nav_anchor_106qs_177";
+const site_lists = "_site_lists_106qs_188";
+const hamburger = "_hamburger_106qs_192";
+const mobile_logo = "_mobile_logo_106qs_206";
+const mobile_nav = "_mobile_nav_106qs_229";
+const mobile_opened = "_mobile_opened_106qs_241";
+const mobile_nav_item = "_mobile_nav_item_106qs_245";
+const icon_wrap = "_icon_wrap_106qs_260";
+const mobile_footer = "_mobile_footer_106qs_265";
+const mobile_footer_content = "_mobile_footer_content_106qs_271";
+const mobile_footer_media = "_mobile_footer_media_106qs_285";
+const footer_cta = "_footer_cta_106qs_292";
+const inner_wrapper = "_inner_wrapper_106qs_324";
+const btn = "_btn_106qs_328";
+const sub_menu = "_sub_menu_106qs_333";
+const main = "_main_106qs_26";
+const desktop_only = "_desktop_only_106qs_362";
+const mobile_only = "_mobile_only_106qs_409";
 const styles = {
   header,
   wrapper,
@@ -123,4 +123,3 @@ export {
   sub_nav_link,
   wrapper
 };
-//# sourceMappingURL=NavBar.module.js.map

package/dist/NavigationMenu/AxosFiduciary/index.d.ts

@@ -1,2 +1,2 @@
-export default function NavBar(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map
+declare const NavBarAFS: () => import("react/jsx-runtime").JSX.Element;
+export default NavBarAFS;

package/dist/NavigationMenu/AxosFiduciary/index.js

@@ -3,7 +3,7 @@ import { jsxs, jsx } from "react/jsx-runtime";
 import clsx from "clsx";
 import { useState } from "react";
 import styles from "./NavBar.module.js";
-function NavBar() {
+const NavBarAFS = () => {
   const [isOpenMobile, setisOpenMobile] = useState(false);
   const mobileToggle = () => setisOpenMobile(!isOpenMobile);
   return /* @__PURE__ */ jsxs("header", { children: [
@@ -124,8 +124,7 @@ function NavBar() {
       }
     )
   ] });
-}
+};
 export {
-  NavBar as default
+  NavBarAFS as default
 };
-//# sourceMappingURL=index.js.map

package/dist/NavigationMenu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NavBarAXA } from "./AxosAdvisor";
+export { default as NavBarAFS } from "./AxosFiduciary";

package/dist/NavigationMenu/index.js

@@ -0,0 +1,6 @@
+import { default as default2 } from "./AxosAdvisor/index.js";
+import { default as default3 } from "./AxosFiduciary/index.js";
+export {
+  default3 as NavBarAFS,
+  default2 as NavBarAXA
+};

package/dist/SecondaryFooter/SecondaryFooter.css.d.ts

@@ -2,4 +2,3 @@ export declare const secondary_footer: string;
 export declare const footer_link: string;
 export declare const footer_items_wrapper: string;
 export declare const footer_item: string;
-//# sourceMappingURL=SecondaryFooter.css.d.ts.map

package/dist/SecondaryFooter/SecondaryFooter.css.js

@@ -9,4 +9,3 @@ export {
   footer_link,
   secondary_footer
 };
-//# sourceMappingURL=SecondaryFooter.css.js.map

package/dist/SecondaryFooter/index.d.ts

@@ -7,4 +7,3 @@ export interface SecondaryFooterProps {
     items: FooterItem[];
 }
 export declare const SecondaryFooter: (props: SecondaryFooterProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=index.d.ts.map

package/dist/SecondaryFooter/index.js

@@ -2,9 +2,8 @@ import { jsx } from "react/jsx-runtime";
 import { secondary_footer, footer_items_wrapper, footer_item, footer_link } from "./SecondaryFooter.css.js";
 const SecondaryFooter = (props) => {
   const { items } = props;
-  return /* @__PURE__ */ jsx("div", { className: `${secondary_footer} containment`, children: /* @__PURE__ */ jsx("div", { className: footer_items_wrapper, children: items.map((item) => /* @__PURE__ */ jsx("div", { className: footer_item, children: /* @__PURE__ */ jsx("a", { href: item.targetURL, className: footer_link, "aria-label": "", children: item.displayText }) }, item.id)) }) });
+  return /* @__PURE__ */ jsx("div", { className: `${secondary_footer} containment`, children: /* @__PURE__ */ jsx("div", { className: footer_items_wrapper, children: items == null ? void 0 : items.map((item) => /* @__PURE__ */ jsx("div", { className: footer_item, children: /* @__PURE__ */ jsx("a", { href: item.targetURL, className: footer_link, "aria-label": "", children: item.displayText }) }, item.id)) }) });
 };
 export {
   SecondaryFooter
 };
-//# sourceMappingURL=index.js.map

package/dist/SetContainer/SetContainer.css.d.ts

@@ -0,0 +1 @@
+export declare const inline_container: string;

package/dist/SetContainer/SetContainer.css.js

@@ -0,0 +1,5 @@
+/* empty css                                */
+var inline_container = "_18ygy9m0";
+export {
+  inline_container
+};

package/dist/SetContainer/SetContainer.d.ts

@@ -0,0 +1,5 @@
+import type { ImageBillboardSetProps } from '../ImageBillboard/ImageBillboard.interface';
+import { PropsWithChildren } from "react";
+export interface SetContainerProps extends Omit<ImageBillboardSetProps, "imageBillboards">, PropsWithChildren {
+}
+export declare const SetContainer: ({ id, variant, headline, bodyCopy, additionalDetails, children, }: SetContainerProps) => import("react/jsx-runtime").JSX.Element;

package/dist/SetContainer/SetContainer.js

@@ -0,0 +1,40 @@
+import { jsxs, jsx, Fragment } from "react/jsx-runtime";
+import { section_text, header_section } from "../IconBillboard/IconBillboard.css.js";
+import "../icons/CheckIcon/CheckIcon.css.js";
+/* empty css                                */
+/* empty css                                   */
+/* empty css                                                    */
+/* empty css                                          */
+/* empty css                                          */
+import { getVariant } from "../utils/getVariant.js";
+import "../Chevron/Chevron.css.js";
+import "react";
+import "../Button/Button.css.js";
+import { inline_container } from "./SetContainer.css.js";
+const SetContainer = ({
+  id,
+  variant,
+  headline,
+  bodyCopy,
+  additionalDetails,
+  children
+}) => {
+  const billboard_variant = getVariant(variant);
+  return /* @__PURE__ */ jsxs("section", { className: `containment section_spacer`, children: [
+    /* @__PURE__ */ jsxs("div", { className: section_text, children: [
+      headline && /* @__PURE__ */ jsx(
+        "h2",
+        {
+          className: `header_2 ${header_section({ variant: billboard_variant })}`,
+          children: headline
+        }
+      ),
+      bodyCopy && /* @__PURE__ */ jsx(Fragment, { children: bodyCopy })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: `${inline_container}`, children }),
+    additionalDetails && /* @__PURE__ */ jsx("div", { className: section_text, children: /* @__PURE__ */ jsx(Fragment, { children: additionalDetails }) })
+  ] }, id);
+};
+export {
+  SetContainer
+};

package/dist/SetContainer/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./SetContainer";
+export * from "./SetContainer.css";

package/dist/SetContainer/index.js

@@ -0,0 +1,6 @@
+import { SetContainer } from "./SetContainer.js";
+import { inline_container } from "./SetContainer.css.js";
+export {
+  SetContainer,
+  inline_container
+};

package/dist/Table/Table.css.d.ts

@@ -120,4 +120,3 @@ export declare const table: import("@vanilla-extract/recipes").RuntimeFn<{
 export type TableVariants = RecipeVariants<typeof table>;
 export type TdVariants = RecipeVariants<typeof td>;
 export type ThVariants = RecipeVariants<typeof th>;
-//# sourceMappingURL=Table.css.d.ts.map

package/dist/Table/Table.css.js

@@ -1,3 +1,5 @@
+/* empty css                                */
+/* empty css                                   */
 /* empty css                         */
 import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
 var container = "_1nivbwe0";
@@ -16,4 +18,3 @@ export {
   td,
   th
 };
-//# sourceMappingURL=Table.css.js.map

package/dist/Table/Table.d.ts

@@ -53,8 +53,8 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     itemRef?: string | undefined;
     results?: number | undefined;
     security?: string | undefined;
-    unselectable?: "off" | "on" | undefined;
-    inputMode?: "none" | "search" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
+    unselectable?: "on" | "off" | undefined;
+    inputMode?: "search" | "none" | "text" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: (boolean | "false" | "true") | undefined;
@@ -73,7 +73,7 @@ export declare const TableCell: ({ children, as, variant, highlighted, ...props
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "false" | "true") | undefined;
-    "aria-dropeffect"?: "none" | "link" | "copy" | "move" | "execute" | "popup" | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "false" | "true") | undefined;
     "aria-flowto"?: string | undefined;
@@ -280,4 +280,3 @@ export interface Table extends PropsWithChildren {
     rows?: ReactNode;
 }
 export declare const Table: (props: Table & TableVariants) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=Table.d.ts.map

package/dist/Table/Table.js

@@ -36,4 +36,3 @@ export {
   TableCell,
   TableRow
 };
-//# sourceMappingURL=Table.js.map

package/dist/Table/index.d.ts

@@ -1,3 +1,2 @@
 export * from "./Table";
 export * from "./Table.css";
-//# sourceMappingURL=index.d.ts.map

package/dist/Table/index.js

@@ -12,4 +12,3 @@ export {
   td,
   th
 };
-//# sourceMappingURL=index.js.map

package/dist/Typography/Typography.css.d.ts

@@ -0,0 +1,65 @@
+import { RecipeVariants } from "@vanilla-extract/recipes";
+/**
+ * Encode font
+ */
+export declare const headerCssVariable = "var(--header-font-family)";
+/**
+ * Roboto font
+ */
+export declare const mainCssVariable = "var(--main-font-family)";
+export declare const header: string;
+export declare const sizes: import("@vanilla-extract/recipes").RuntimeFn<{
+    size: {
+        xs: {
+            fontSize: number;
+        };
+        sm: {
+            fontSize: number;
+        };
+        base: {
+            fontSize: number;
+        };
+        lg: {
+            fontSize: number;
+        };
+        xl: {
+            fontSize: number;
+        };
+        xxl: {
+            fontSize: number;
+        };
+    };
+}>;
+export declare const typography: import("@vanilla-extract/recipes").RuntimeFn<{
+    type: {
+        h1: {
+            fontFamily: "var(--header-font-family)";
+        };
+        h2: {
+            fontFamily: "var(--header-font-family)";
+        };
+        h3: {
+            fontFamily: "var(--header-font-family)";
+        };
+        h4: {
+            fontFamily: "var(--header-font-family)";
+        };
+        h5: {
+            fontFamily: "var(--header-font-family)";
+        };
+        h6: {
+            fontFamily: "var(--header-font-family)";
+        };
+        subtitle1: {};
+        subtitle2: {};
+        body1: {
+            fontFamily: "var(--main-font-family)";
+        };
+        body2: {
+            fontFamily: "var(--main-font-family)";
+        };
+        inherit: {};
+    };
+}>;
+export type TypographyVariants = RecipeVariants<typeof typography>;
+export type TypographySizeVariants = RecipeVariants<typeof sizes>;

package/dist/Typography/Typography.css.js

@@ -0,0 +1,14 @@
+/* empty css                              */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var headerCssVariable = "var(--header-font-family)";
+var mainCssVariable = "var(--main-font-family)";
+var header = "_17xoant0";
+var sizes = createRuntimeFn({ defaultClassName: "_17xoant1", variantClassNames: { size: { xs: "_17xoant2", sm: "_17xoant3", base: "_17xoant4", lg: "_17xoant5", xl: "_17xoant6", xxl: "_17xoant7" } }, defaultVariants: {}, compoundVariants: [] });
+var typography = createRuntimeFn({ defaultClassName: "_17xoant8", variantClassNames: { type: { h1: "_17xoant9", h2: "_17xoanta", h3: "_17xoantb", h4: "_17xoantc", h5: "_17xoantd", h6: "_17xoante", subtitle1: "_17xoantf", subtitle2: "_17xoantg", body1: "_17xoanth", body2: "_17xoanti", inherit: "_17xoantj" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  header,
+  headerCssVariable,
+  mainCssVariable,
+  sizes,
+  typography
+};

package/dist/Typography/Typography.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { TypographySizeVariants, TypographyVariants } from ".";
+type AsType = "body1" | "body2" | "caption" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "inherit" | "overline" | "subtitle1" | "subtitle2" | string;
+export interface Props extends React.PropsWithChildren {
+    as?: AsType;
+    className?: string;
+}
+declare const Typography: (props: Props & TypographyVariants & TypographySizeVariants) => React.ReactElement<{
+    className: string;
+}, string | React.JSXElementConstructor<any>>;
+export { Typography };

package/dist/Typography/Typography.js

@@ -0,0 +1,32 @@
+import clsx from "clsx";
+import React from "react";
+import { typography, sizes } from "./Typography.css.js";
+const defaultVariantMapping = {
+  h1: "h1",
+  h2: "h2",
+  h3: "h3",
+  h4: "h4",
+  h5: "h5",
+  h6: "h6",
+  subtitle1: "h6",
+  subtitle2: "h6",
+  body1: "p",
+  body2: "p",
+  inherit: "p",
+  button: "button"
+};
+const Typography = (props) => {
+  const { type, size, as = "body1", children, ...rest } = props;
+  const Component = defaultVariantMapping[as] || "span";
+  return React.createElement(
+    Component,
+    {
+      ...rest,
+      className: clsx(typography({ type }), sizes({ size }), props.className)
+    },
+    children
+  );
+};
+export {
+  Typography
+};

package/dist/Typography/index.d.ts

@@ -0,0 +1 @@
+export * from "./Typography.css";

package/dist/Typography/index.js

@@ -0,0 +1,8 @@
+import { header, headerCssVariable, mainCssVariable, sizes, typography } from "./Typography.css.js";
+export {
+  header,
+  headerCssVariable,
+  mainCssVariable,
+  sizes,
+  typography
+};

package/dist/assets/Accordion/Accordion.css

@@ -52,6 +52,7 @@
   display: flex;
   padding: 24px;
   font-size: 18px;
+  font-family: var(--header-font-family);
   font-weight: 600;
   letter-spacing: 0.2px;
   background-color: white;
@@ -68,7 +69,7 @@
   text-transform: uppercase;
 }
 .qfoxngb {
-  color: var(--gysk0y2);
+  color: var(--_1073cm83);
 }
 .qfoxngd {
   display: flex;

package/dist/assets/ApyCalculator/ApyCalculator.css

@@ -8,7 +8,7 @@
   margin-inline: auto;
 }
 ._74vxga2 .header_1 {
-  background: var(--gysk0y3);
+  background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
@@ -42,7 +42,7 @@
   -webkit-appearance: none;
 }
 ._74vxga6 .input_label {
-  background: var(--gysk0y3);
+  background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }
@@ -81,7 +81,7 @@
   background-color: #edeef0;
 }
 ._74vxgag .header_2 {
-  background: var(--gysk0y3);
+  background: var(--_1073cm84);
   background-clip: text;
   -webkit-text-fill-color: transparent;
 }

package/dist/assets/Button/Button.css

@@ -1,5 +1,6 @@
 ._13pdpuj0 {
   border: 2px solid transparent;
+  font-family: var(--main-font-family);
   font-weight: 700;
   margin-bottom: 0;
   -webkit-transition-duration: 0.15s;
@@ -22,40 +23,40 @@
   background-color: transparent;
 }
 ._13pdpuj1 {
-  background: var(--gysk0y5);
-  color: var(--gysk0y4);
+  background: var(--_1073cm86);
+  color: var(--_1073cm85);
 }
 ._13pdpuj1:hover {
-  border-color: var(--gysk0y5);
-  color: var(--gysk0y5);
+  border-color: var(--_1073cm86);
+  color: var(--_1073cm86);
 }
 ._13pdpuj1:active {
-  background-color: var(--gysk0y5);
-  color: var(--gysk0y5);
+  background-color: var(--_1073cm86);
+  color: var(--_1073cm86);
 }
 ._13pdpuj2 {
-  background: var(--gysk0yh);
-  color: var(--gysk0yg);
+  background: var(--_1073cm8i);
+  color: var(--_1073cm8h);
 }
 ._13pdpuj2:hover {
-  border-color: var(--gysk0yh);
-  color: var(--gysk0yh);
+  border-color: var(--_1073cm8i);
+  color: var(--_1073cm8i);
 }
 ._13pdpuj2:active {
-  background-color: var(--gysk0yh);
-  color: var(--gysk0yg);
+  background-color: var(--_1073cm8i);
+  color: var(--_1073cm8h);
 }
 ._13pdpuj3 {
-  background: var(--gysk0y4);
-  color: var(--gysk0y5);
+  background: var(--_1073cm85);
+  color: var(--_1073cm86);
 }
 ._13pdpuj3:hover {
-  border-color: var(--gysk0y4);
-  color: var(--gysk0y4);
+  border-color: var(--_1073cm85);
+  color: var(--_1073cm85);
 }
 ._13pdpuj3:active {
-  background-color: var(--gysk0y4);
-  color: var(--gysk0y4);
+  background-color: var(--_1073cm85);
+  color: var(--_1073cm85);
 }
 ._13pdpuj4 {
   background: #D4D4D4;

package/dist/assets/CallToActionBar/CallToActionBar.css

@@ -1,7 +1,7 @@
 ._1tdyl740 {
   width: 100%;
-  background: var(--gysk0yc);
-  color: var(--gysk0yd);
+  background: var(--_1073cm8d);
+  color: var(--_1073cm8e);
 }
 ._1tdyl740 .containment {
   height: -webkit-fit-content;

package/dist/assets/Carousel/Carousel.css

@@ -17,20 +17,20 @@
   padding-bottom: 40px;
 }
 .jgs3fs2 {
-  background: var(--gysk0y0);
-  color: var(--gysk0y2);
+  background: var(--_1073cm81);
+  color: var(--_1073cm83);
 }
 .jgs3fs3 {
-  background: var(--gysk0y6);
-  color: var(--gysk0y8);
+  background: var(--_1073cm87);
+  color: var(--_1073cm89);
 }
 .jgs3fs4 {
-  background: var(--gysk0yc);
-  color: var(--gysk0ye);
+  background: var(--_1073cm8d);
+  color: var(--_1073cm8f);
 }
 .jgs3fs5 {
-  background: var(--gysk0yi);
-  color: var(--gysk0yj);
+  background: var(--_1073cm8j);
+  color: var(--_1073cm8k);
 }
 .jgs3fs6 {
   display: flex;
@@ -44,16 +44,16 @@
   letter-spacing: 0.2px;
 }
 .jgs3fs9 {
-  color: var(--gysk0y2);
+  color: var(--_1073cm83);
 }
 .jgs3fsa {
-  color: var(--gysk0y8);
+  color: var(--_1073cm89);
 }
 .jgs3fsb {
-  color: var(--gysk0ye);
+  color: var(--_1073cm8f);
 }
 .jgs3fsc {
-  color: var(--gysk0yk);
+  color: var(--_1073cm8l);
 }
 .jgs3fsd {
   text-align: center;

package/dist/assets/Chevron/Chevron.css

@@ -5,15 +5,16 @@
   padding: 0;
   text-decoration: none;
   cursor: pointer;
+  font-family: var(--main-font-family);
 }
 ._1gp5vfo1 {
-  color: var(--gysk0y5);
+  color: var(--_1073cm86);
 }
 ._1gp5vfo2 {
-  color: var(--gysk0yh);
+  color: var(--_1073cm8i);
 }
 ._1gp5vfo3 {
-  color: var(--gysk0yd);
+  color: var(--_1073cm8e);
 }
 ._1gp5vfo4 .arrow {
   margin-left: 15px;

package/dist/assets/CollectInformationAlert/CollectInformationAlert.css

@@ -1,6 +1,6 @@
 ._1qdneat0 {
   position: fixed;
-  background: var(--gysk0yc);
+  background: var(--_1073cm8d);
   border-radius: 10px;
   bottom: 20px;
   box-shadow: 0 0.46875rem 2.1875rem rgb(90 97 105 / 10%), 0 0.9375rem 1.40625rem rgb(90 97 105 / 10%), 0 0.25rem 0.53125rem rgb(90 97 105 / 12%), 0 0.125rem 0.1875rem rgb(90 97 105 / 10%);
@@ -48,6 +48,7 @@
 }
 ._1qdneat4 {
   max-width: 77%;
+  font-family: var(--main-font-family);
 }
 ._1qdneat5 {
   flex: 1 1 0%;