@bikdotai/bik-component-library 0.0.76 → 0.0.77-4.beta.0.1

package/dist/cjs/components/toaster/Toaster.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),o=require("../../assets/icons/cross.svg.js"),e=require("react"),s=require("react-toastify"),n=require("./Toaster.styled.js"),i=require("../TypographyStyle.js"),r=require("../../constants/Theme.js");const l=e=>{const s="default"===e.type?r.COLORS.content.secondary:("success"===e.type||e.type,r.COLORS.content.secondaryInverse);return t.jsx("div",Object.assign({tabIndex:0,role:"button",style:{width:20,display:"flex",margin:"auto",cursor:"pointer"},onClick:e.closeToast,onKeyDown:t=>{"Enter"===t.key&&e.closeToast()}},{children:t.jsx(o.default,{height:20,width:20,color:s})}))},u=o=>{const e="default"===o.type?r.COLORS.stroke.primary:"success"===o.type?r.COLORS.background.positive.vibrant:"error"===o.type?r.COLORS.background.negative.vibrant:r.COLORS.background.inverseLight;return t.jsx(t.Fragment,{children:t.jsxs("div",Object.assign({style:{display:"flex",flexGrow:1,borderRight:o.hideCloseButton?"unset":`1px solid ${e}`}},{children:[t.jsx("div",Object.assign({style:{flexGrow:1,marginRight:o.showButton?16:o.hideCloseButton?0:12}},{children:t.jsx(i.BodyPrimary,Object.assign({color:"inherit"},{children:o.toastText}))})),o.showButton&&t.jsx(i.ButtonRegular,Object.assign({style:{marginRight:o.hideCloseButton?0:12,marginTop:"auto",marginBottom:"auto",display:"flex",cursor:"pointer"},onClick:o.onButtonClick,color:"default"===o.type?r.COLORS.content.brand:"inherit"},{children:o.buttonText}))]}))})};exports.Toaster=o=>(e.useEffect((()=>{var e,n,i,r,a,c;void 0!==o.hideLeftIcon||o.leftIcon?s.toast(t.jsx(u,{toastText:o.text,type:o.type||"info",buttonText:null===(e=o.buttonProps)||void 0===e?void 0:e.buttonText,showButton:null===(n=o.buttonProps)||void 0===n?void 0:n.showButton,onButtonClick:null===(i=o.buttonProps)||void 0===i?void 0:i.onButtonClick,hideCloseButton:o.hideCloseButton}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),icon:t=>!1!==o.hideLeftIcon&&(o.leftIcon?o.leftIcon:null),type:o.type,closeButton:!o.hideCloseButton&&t.jsx(l,{type:o.type||"default"})}):s.toast(t.jsx(u,{toastText:o.text,type:o.type||"info",buttonText:null===(r=o.buttonProps)||void 0===r?void 0:r.buttonText,showButton:null===(a=o.buttonProps)||void 0===a?void 0:a.showButton,onButtonClick:null===(c=o.buttonProps)||void 0===c?void 0:c.onButtonClick,hideCloseButton:o.hideCloseButton}),{onClose:o.onCloseToast?o.onCloseToast:()=>({}),type:o.type,closeButton:!o.hideCloseButton&&t.jsx(l,{type:o.type||"info"})})}),[]),t.jsx(n.ToasterStyled,Object.assign({width:o.width,height:o.height},{children:t.jsx(s.ToastContainer,{position:o.position||"top-right",closeOnClick:o.closeOnClick||!1,hideProgressBar:o.hideProgressBar||!1,draggable:!1,autoClose:o.autoClose||!1,theme:"colored"})})));

package/dist/cjs/components/toaster/Toaster.styled.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const ToasterStyled: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-} & {
-    width?: string | undefined;
-    height?: string | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/toaster/Toaster.styled.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("@emotion/styled/base"),c=require("../../constants/Theme.js");function b(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}const o=b(t).default("div","production"===process.env.NODE_ENV?{target:"e1tdeuzc0"}:{target:"e1tdeuzc0",label:"ToasterStyled"})("--toastify-color-light:#fff;--toastify-color-dark:#121212;--toastify-color-info:",c.COLORS.background.inverse,";--toastify-color-success:",c.COLORS.content.positive,";--toastify-color-error:",c.COLORS.content.negative,";--toastify-text-color-light:",c.COLORS.content.primary,';--toastify-toast-width:"fit-content";--toastify-toast-min-height:',(t=>t.height||"44px"),";--toastify-toast-max-height:",(t=>t.height||"fit-content"),";font-family:inherit;.custom-position{position:relative;}.Toastify__toast{padding:6px;max-width:",(t=>t.width),";.Toastify__close-button{display:block;margin:auto;}.Toastify__toast-body{padding:0 6px;}.Toastify__progress-bar-theme--colored.Toastify__progress-bar--default{background:",c.COLORS.content.brand,";}.Toastify__toast-body>div:last-child{display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvYXN0ZXIuc3R5bGVkLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFFd0MiLCJmaWxlIjoiVG9hc3Rlci5zdHlsZWQudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHN0eWxlZCBmcm9tICdAZW1vdGlvbi9zdHlsZWQnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBjb25zdCBUb2FzdGVyU3R5bGVkID0gc3R5bGVkLmRpdiBgXG5cblx0LS10b2FzdGlmeS1jb2xvci1saWdodDogI2ZmZjtcblx0LS10b2FzdGlmeS1jb2xvci1kYXJrOiAjMTIxMjEyO1xuXHQtLXRvYXN0aWZ5LWNvbG9yLWluZm86ICR7Q09MT1JTLmJhY2tncm91bmQuaW52ZXJzZX07XG5cdC0tdG9hc3RpZnktY29sb3Itc3VjY2VzczogJHtDT0xPUlMuY29udGVudC5wb3NpdGl2ZX07XG5cdC0tdG9hc3RpZnktY29sb3ItZXJyb3I6ICR7Q09MT1JTLmNvbnRlbnQubmVnYXRpdmV9O1xuXHQtLXRvYXN0aWZ5LXRleHQtY29sb3ItbGlnaHQ6ICR7Q09MT1JTLmNvbnRlbnQucHJpbWFyeX07XG5cdC0tdG9hc3RpZnktdG9hc3Qtd2lkdGg6IFwiZml0LWNvbnRlbnRcIjtcblx0LS10b2FzdGlmeS10b2FzdC1taW4taGVpZ2h0OiAkeyhwcm9wcykgPT4gcHJvcHMuaGVpZ2h0IHx8ICc0NHB4J307XG5cdC0tdG9hc3RpZnktdG9hc3QtbWF4LWhlaWdodDogJHsocHJvcHMpID0+IHByb3BzLmhlaWdodCB8fCAnZml0LWNvbnRlbnQnfTtcblx0Zm9udC1mYW1pbHk6IGluaGVyaXQ7XG5cblx0LmN1c3RvbS1wb3NpdGlvbiB7XG5cdFx0cG9zaXRpb246IHJlbGF0aXZlO1xuXHR9XG5cdC5Ub2FzdGlmeV9fdG9hc3Qge1xuXHRcdHBhZGRpbmc6IDZweDtcblx0XHRtYXgtd2lkdGg6ICR7KHByb3BzKSA9PiBwcm9wcy53aWR0aH07XG5cblx0LlRvYXN0aWZ5X19jbG9zZS1idXR0b24ge1xuXHRcdGRpc3BsYXk6IGJsb2NrO1xuXHRcdG1hcmdpbjogYXV0bztcblx0fVxuXG5cdC5Ub2FzdGlmeV9fdG9hc3QtYm9keXtcblx0XHRwYWRkaW5nOiAwIDZweDtcblx0fVxuXG5cdC5Ub2FzdGlmeV9fcHJvZ3Jlc3MtYmFyLXRoZW1lLS1jb2xvcmVkLlRvYXN0aWZ5X19wcm9ncmVzcy1iYXItLWRlZmF1bHQge1xuXHRcdGJhY2tncm91bmQ6ICR7Q09MT1JTLmNvbnRlbnQuYnJhbmR9O1xuXHR9XG5cblx0LlRvYXN0aWZ5X190b2FzdC1ib2R5ID4gZGl2Omxhc3QtY2hpbGQge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdH1cbmA7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRvYXN0ZXIuc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.ToasterStyled=o;

package/dist/cjs/components/toaster/index.d.ts

@@ -1 +0,0 @@
-export * from './Toaster';

package/dist/cjs/components/tooltips/Tooltip.d.ts

@@ -1,10 +0,0 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { TooltipInternalProps } from "./TooltipInternal";
-export type Placement = 'top' | 'top-start' | 'top-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end' | 'right' | 'right-start' | 'right-end';
-export interface TooltipProps extends TooltipInternalProps {
-    width?: number;
-    placement?: Placement;
-    children: ReactNode;
-    tooltipContent?: JSX.Element;
-}
-export declare const Tooltip: FunctionComponent<TooltipProps>;

package/dist/cjs/components/tooltips/Tooltip.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("react/jsx-runtime"),e=require("@tippyjs/react"),n=require("react"),r=require("./TooltipInternal.js"),o=require("../../constants/Theme.js");function i(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}var a=i(e),l=i(n);const p=`\n\t.tippy-content {\n\t\tpadding: 0px;\n\t}\n\t.tippy-arrow {\n\t\tcolor: ${t=>o.COLORS.content.primary};\n\t}\n\t.overflow-wrap-tippy {\n\t\toverflow-wrap: anywhere;\n\t}\n`;exports.Tooltip=e=>l.default.isValidElement(e.children)?t.jsxs(t.Fragment,{children:[t.jsx("style",{children:p}),t.jsx(a.default,Object.assign({appendTo:document.body,className:"overflow-wrap-tippy",placement:e.placement||"right",maxWidth:e.width,animation:"fade",arrow:!0,interactive:!0,content:e.tooltipContent?e.tooltipContent:t.jsx(r.default,{title:e.title,body:e.body,buttonProps:e.buttonProps})},{children:e.children}))]}):null;

package/dist/cjs/components/tooltips/TooltipInternal.d.ts

@@ -1,10 +0,0 @@
-import { FunctionComponent } from 'react';
-import { ButtonProps } from "../button/model";
-export interface TooltipInternalProps {
-    title?: string;
-    body: string;
-    buttonProps?: ButtonProps;
-}
-type Props = TooltipInternalProps;
-declare const TooltipInternal: FunctionComponent<Props>;
-export default TooltipInternal;

package/dist/cjs/components/tooltips/TooltipInternal.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),b=require("react/jsx-runtime"),e=require("../button/Button.js"),t=require("../TypographyStyle.js"),n=require("../../constants/Theme.js");function l(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const o=l(c).default("div","production"===process.env.NODE_ENV?{target:"e6ps8400"}:{target:"e6ps8400",label:"TooltipStyled"})("box-shadow:0px 2px 8px rgba(0, 0, 0, 0.12);border-radius:4px;padding:8px;background-color:",(c=>n.COLORS.content.primary),";color:",(c=>n.COLORS.content.primaryInverse),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXBJbnRlcm5hbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6IlRvb2x0aXBJbnRlcm5hbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9idXR0b25cIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIFRpdGxlU21hbGwgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgVG9vbHRpcFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3gtc2hhZG93OiAwcHggMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBhZGRpbmc6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IENPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXHRjb2xvcjogJHsocHJvcHMpID0+IENPTE9SUy5jb250ZW50LnByaW1hcnlJbnZlcnNlfTtcbmA7XHJcbmNvbnN0IFRvb2x0aXBJbnRlcm5hbCA9IChwcm9wcykgPT4ge1xyXG4gICAgLy8gVG9kbyAoYXNodXRvc2gpIG1ha2Ugc3VyZSB0aGF0IHRoZSBidXR0b24gd2hpY2ggaXMgcGFzc2VkIGlzIGludmVyc2VcclxuICAgIHJldHVybiAoX2pzeHMoVG9vbHRpcFN0eWxlZCwgeyBjaGlsZHJlbjogW3Byb3BzLnRpdGxlICYmIChfanN4KFRpdGxlU21hbGwsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQucHJpbWFyeUludmVyc2UsIHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogJzhweCcgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy50aXRsZSB9KSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IENPTE9SUy5jb250ZW50LnByaW1hcnlJbnZlcnNlLCBzdHlsZTogeyBtYXJnaW5Cb3R0b206IHByb3BzLmJ1dHRvblByb3BzID8gJzhweCcgOiAnMHB4JyB9IH0sIHsgY2hpbGRyZW46IHByb3BzLmJvZHkgfSkpLCBwcm9wcy5idXR0b25Qcm9wcyAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMuYnV0dG9uUHJvcHMpKV0gfSkpO1xyXG59O1xyXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwSW50ZXJuYWw7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRvb2x0aXBJbnRlcm5hbC5qcy5tYXAiXX0= */"));exports.default=c=>b.jsxs(o,{children:[c.title&&b.jsx(t.TitleSmall,Object.assign({color:n.COLORS.content.primaryInverse,style:{marginBottom:"8px"}},{children:c.title})),b.jsx(t.BodyCaption,Object.assign({color:n.COLORS.content.primaryInverse,style:{marginBottom:c.buttonProps?"8px":"0px"}},{children:c.body})),c.buttonProps&&b.jsx(e.Button,Object.assign({},c.buttonProps))]});

package/dist/cjs/components/tooltips/index.d.ts

@@ -1 +0,0 @@
-export * from './Tooltip';

package/dist/cjs/components/zeroState/ZeroState.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export declare const ZeroState: React.FC<{
-    title: string;
-    subTitle?: string;
-    IconHolderStyle?: React.CSSProperties;
-    style?: React.CSSProperties /** now this component is extendable through styled-component */;
-}>;

package/dist/cjs/components/zeroState/ZeroState.js

@@ -1,17 +0,0 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("styled-components"),r=require("../TypographyStyle.js"),n=require("../../constants/Theme.js"),s=require("../../assets/icons/alert.svg.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var i=l(t);const o=i.default.div`
-	background: ${n.COLORS.surface.standard};
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	flex: 1;
-`,c=i.default.div`
-	background: ${n.COLORS.background.base};
-	width: 48px;
-	height: 48px;
-	display: flex;
-	flex-direction: column;
-	align-items: center;
-	justify-content: center;
-	border-radius: 24px;
-`;exports.ZeroState=t=>{let{subTitle:l,title:i,IconHolderStyle:a,style:d}=t;return e.jsxs(o,Object.assign({style:null!=d?d:{}},{children:[e.jsx(c,Object.assign({style:null!=a?a:{}},{children:e.jsx(s.default,{color:n.COLORS.content.placeholder,height:24,width:24})})),e.jsx(r.TitleRegular,Object.assign({style:{marginTop:8,color:n.COLORS.content.primary}},{children:null!=i?i:"No results found"})),!!l&&e.jsx(r.BodyCaption,Object.assign({style:{marginTop:4,color:n.COLORS.content.secondary,textAlign:"center",maxWidth:184}},{children:l}))]}))};

package/dist/cjs/constants/Theme.d.ts

@@ -1,597 +0,0 @@
-export declare const BASE_COLORS: {
-    brand: {
-        900: string;
-        800: string;
-        500: string;
-        50: string;
-    };
-    grayscale: {
-        900: string;
-        700: string;
-        500: string;
-        400: string;
-        200: string;
-        100: string;
-        50: string;
-        white: string;
-        alpha: string;
-    };
-    negative: {
-        900: string;
-        700: string;
-        100: string;
-        50: string;
-    };
-    warning: {
-        900: string;
-        500: string;
-        100: string;
-        50: string;
-    };
-    positive: {
-        900: string;
-        700: string;
-        100: string;
-        50: string;
-    };
-};
-export declare const COLORS: {
-    background: {
-        inactive: string;
-        base: string;
-        inverse: string;
-        inverseLight: string;
-        brand: string;
-        brandLight: string;
-        negative: {
-            vibrant: string;
-            light: string;
-        };
-        warning: {
-            vibrant: string;
-            light: string;
-        };
-        positive: {
-            vibrant: string;
-            light: string;
-        };
-        blue: {
-            light: string;
-        };
-    };
-    icon: {
-        placeholder: string;
-    };
-    scrim: {
-        standard: string;
-    };
-    surface: {
-        standard: string;
-        subdued: string;
-        hovered: string;
-    };
-    content: {
-        primary: string;
-        secondary: string;
-        placeholder: string;
-        inactive: string;
-        brand: string;
-        primaryInverse: string;
-        secondaryInverse: string;
-        negative: string;
-        warning: string;
-        positive: string;
-        blue: string;
-    };
-    stroke: {
-        primary: string;
-        brand: string;
-        negative: {
-            lightAlt: string;
-            vibrant: string;
-        };
-        warning: {
-            lightAlt: string;
-            vibrant: string;
-        };
-        positive: {
-            lightAlt: string;
-            vibrant: string;
-        };
-        brandLightAlt: string;
-        blue: {
-            lightAlt: string;
-        };
-    };
-    special: {
-        whatsapp: {
-            brand: string;
-            gradient: string;
-            dark: string;
-            gradientArr: string[];
-        };
-        brand: {
-            google: string;
-            facebook: string;
-        };
-    };
-    text: {
-        primary: string;
-        secondary: string;
-        placeholder: string;
-        disabled: string;
-        white: string;
-        brand: string;
-        altPrimary: string;
-        altSecondary: string;
-    };
-};
-export declare const FONTS: {
-    display: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    titleXLarge: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    titleLarge: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    titleMedium: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    titleRegular: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    titleSmall: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    bodyPrimary: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    bodyLarge: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    bodySecondary: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    caption: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    tiny: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    subHeading: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    title1: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    title1Mobile: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    title2: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    title2Mobile: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    title3: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    title3Mobile: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    title4: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    textPlaceholder: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    title4Mobile: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    bodyRegularMobile: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    bodyRegular: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    bodySmall: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    buttonLarge: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    buttonRegular: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    captionMobile: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    captionBold: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    text1Bold: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    toast: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-    toastMobile: {
-        fontWeight: string;
-        fontSize: number;
-        lineHeight: number;
-        letterSpacing: number;
-    };
-};
-export declare const DEFAULT_THEME: {
-    colorsV2: {
-        background: {
-            inactive: string;
-            base: string;
-            inverse: string;
-            inverseLight: string;
-            brand: string;
-            brandLight: string;
-            negative: {
-                vibrant: string;
-                light: string;
-            };
-            warning: {
-                vibrant: string;
-                light: string;
-            };
-            positive: {
-                vibrant: string;
-                light: string;
-            };
-            blue: {
-                light: string;
-            };
-        };
-        icon: {
-            placeholder: string;
-        };
-        scrim: {
-            standard: string;
-        };
-        surface: {
-            standard: string;
-            subdued: string;
-            hovered: string;
-        };
-        content: {
-            primary: string;
-            secondary: string;
-            placeholder: string;
-            inactive: string;
-            brand: string;
-            primaryInverse: string;
-            secondaryInverse: string;
-            negative: string;
-            warning: string;
-            positive: string;
-            blue: string;
-        };
-        stroke: {
-            primary: string;
-            brand: string;
-            negative: {
-                lightAlt: string;
-                vibrant: string;
-            };
-            warning: {
-                lightAlt: string;
-                vibrant: string;
-            };
-            positive: {
-                lightAlt: string;
-                vibrant: string;
-            };
-            brandLightAlt: string;
-            blue: {
-                lightAlt: string;
-            };
-        };
-        special: {
-            whatsapp: {
-                brand: string;
-                gradient: string;
-                dark: string;
-                gradientArr: string[];
-            };
-            brand: {
-                google: string;
-                facebook: string;
-            };
-        };
-        text: {
-            primary: string;
-            secondary: string;
-            placeholder: string;
-            disabled: string;
-            white: string;
-            brand: string;
-            altPrimary: string;
-            altSecondary: string;
-        };
-    };
-    fonts: {
-        display: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        titleXLarge: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        titleLarge: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        titleMedium: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        titleRegular: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        titleSmall: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        bodyPrimary: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        bodyLarge: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        bodySecondary: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        caption: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        tiny: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        subHeading: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        title1: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        title1Mobile: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        title2: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        title2Mobile: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        title3: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        title3Mobile: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        title4: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        textPlaceholder: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        title4Mobile: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        bodyRegularMobile: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        bodyRegular: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        bodySmall: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        buttonLarge: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        buttonRegular: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        captionMobile: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        captionBold: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        text1Bold: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        toast: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-        toastMobile: {
-            fontWeight: string;
-            fontSize: number;
-            lineHeight: number;
-            letterSpacing: number;
-        };
-    };
-};