@bikdotai/bik-component-library 0.0.4-analytics-chips-beta → 0.0.4-chips-beta

package/dist/esm/components/tooltips/CustomisedTooltip.d.ts

@@ -1,26 +0,0 @@
-import 'bootstrap/dist/css/bootstrap.min.css';
-import React from 'react';
-export declare enum TooltipPlacement {
-    Top = "top",
-    Bottom = "bottom",
-    Right = "right",
-    Left = "left",
-    Auto_Start = "auto-start",
-    Auto = "auto",
-    Auto_end = "auto-end",
-    Top_Start = "top-start",
-    Top_End = "top-end",
-    Right_Start = "right-start",
-    Right_End = "right-end",
-    Bottom_End = "bottom-end",
-    Bottom_Start = "bottom-start",
-    Left_End = "left-end",
-    Left_Start = "left-start"
-}
-export declare const CustomisedTooltip: React.FC<{
-    tooltipContent: JSX.Element;
-    tooltipTriggerContent: JSX.Element;
-    tooltipPlacement: TooltipPlacement;
-    showOnHover: boolean;
-    isTooltipVisible?: boolean;
-}>;

package/dist/esm/components/tooltips/CustomisedTooltip.js

@@ -1 +0,0 @@
-import{jsx as t,Fragment as o}from"react/jsx-runtime";import{useState as e,useRef as r}from"react";import{OverlayTrigger as n,Tooltip as i}from"react-bootstrap";var a;!function(t){t.Top="top",t.Bottom="bottom",t.Right="right",t.Left="left",t.Auto_Start="auto-start",t.Auto="auto",t.Auto_end="auto-end",t.Top_Start="top-start",t.Top_End="top-end",t.Right_Start="right-start",t.Right_End="right-end",t.Bottom_End="bottom-end",t.Bottom_Start="bottom-start",t.Left_End="left-end",t.Left_Start="left-start"}(a||(a={}));const s=a=>{const{tooltipContent:s,tooltipPlacement:l,tooltipTriggerContent:p,showOnHover:c,isTooltipVisible:d=!0}=a,[m,u]=e(!1),g=r(null);return t(n,Object.assign({placement:l,target:g.current,show:m,overlay:d?t(i,Object.assign({id:`tooltip-${l}`},{children:s})):t(o,{})},{children:t("div",Object.assign({ref:g,onMouseEnter:()=>{c&&u(!0)},onMouseLeave:()=>{c&&u(!1)},onClick:()=>{c||u(!m)}},{children:p}))}),l)};export{s as CustomisedTooltip,a as TooltipPlacement};

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

@@ -1,10 +0,0 @@
-import { FunctionComponent, ReactNode } from 'react';
-import { TooltipInternalProps } from "./TooltipInternal";
-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;
-}
-export declare const Tooltip: FunctionComponent<TooltipProps>;
-export {};

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

@@ -1 +0,0 @@
-import{jsxs as t,Fragment as n,jsx as r}from"react/jsx-runtime";import e from"@tippyjs/react";import i from"react";import o from"./TooltipInternal.js";import{COLORS as p}from"../../constants/Theme.js";const a=`\n  .tippy-content {\n    padding: 0px;\n  }\n  .tippy-arrow {\n    \tcolor: ${t=>p.content.primary};\n  }\n`,c=p=>i.isValidElement(p.children)?t(n,{children:[r("style",{children:a}),r(e,Object.assign({placement:p.placement||"right",maxWidth:p.width,animation:"fade",arrow:!0,interactive:!0,content:r(o,{title:p.title,body:p.body,buttonProps:p.buttonProps})},{children:p.children}))]}):null;export{c as Tooltip};

package/dist/esm/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/esm/components/tooltips/TooltipInternal.js

@@ -1 +0,0 @@
-import c from"@emotion/styled/base";import{jsxs as b,jsx as t}from"react/jsx-runtime";import{Button as o}from"../button/Button.js";import{TitleSmall as n,BodyCaption as l}from"../TypographyStyle.js";import{COLORS as e}from"../../constants/Theme.js";const y=c("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=>e.content.primary),";color:",(c=>e.content.primaryInverse),";"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRvb2x0aXBJbnRlcm5hbC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS2lDIiwiZmlsZSI6IlRvb2x0aXBJbnRlcm5hbC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBqc3ggYXMgX2pzeCwganN4cyBhcyBfanN4cyB9IGZyb20gXCJyZWFjdC9qc3gtcnVudGltZVwiO1xyXG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XHJcbmltcG9ydCB7IEJ1dHRvbiB9IGZyb20gXCIuLi9idXR0b25cIjtcclxuaW1wb3J0IHsgQm9keUNhcHRpb24sIFRpdGxlU21hbGwgfSBmcm9tIFwiLi4vVHlwb2dyYXBoeVN0eWxlXCI7XHJcbmltcG9ydCB7IENPTE9SUyB9IGZyb20gXCIuLi8uLi9jb25zdGFudHMvVGhlbWVcIjtcclxuY29uc3QgVG9vbHRpcFN0eWxlZCA9IHN0eWxlZC5kaXYgYFxuXHRib3gtc2hhZG93OiAwcHggMnB4IDhweCByZ2JhKDAsIDAsIDAsIDAuMTIpO1xuXHRib3JkZXItcmFkaXVzOiA0cHg7XG5cdHBhZGRpbmc6IDhweDtcblx0YmFja2dyb3VuZC1jb2xvcjogJHsocHJvcHMpID0+IENPTE9SUy5jb250ZW50LnByaW1hcnl9O1xuXHRjb2xvcjogJHsocHJvcHMpID0+IENPTE9SUy5jb250ZW50LnByaW1hcnlJbnZlcnNlfTtcbmA7XHJcbmNvbnN0IFRvb2x0aXBJbnRlcm5hbCA9IChwcm9wcykgPT4ge1xyXG4gICAgLy8gVG9kbyAoYXNodXRvc2gpIG1ha2Ugc3VyZSB0aGF0IHRoZSBidXR0b24gd2hpY2ggaXMgcGFzc2VkIGlzIGludmVyc2VcclxuICAgIHJldHVybiAoX2pzeHMoVG9vbHRpcFN0eWxlZCwgeyBjaGlsZHJlbjogW3Byb3BzLnRpdGxlICYmIChfanN4KFRpdGxlU21hbGwsIE9iamVjdC5hc3NpZ24oeyBjb2xvcjogQ09MT1JTLmNvbnRlbnQucHJpbWFyeUludmVyc2UsIHN0eWxlOiB7IG1hcmdpbkJvdHRvbTogJzhweCcgfSB9LCB7IGNoaWxkcmVuOiBwcm9wcy50aXRsZSB9KSkpLCBfanN4KEJvZHlDYXB0aW9uLCBPYmplY3QuYXNzaWduKHsgY29sb3I6IENPTE9SUy5jb250ZW50LnByaW1hcnlJbnZlcnNlLCBzdHlsZTogeyBtYXJnaW5Cb3R0b206IHByb3BzLmJ1dHRvblByb3BzID8gJzhweCcgOiAnMHB4JyB9IH0sIHsgY2hpbGRyZW46IHByb3BzLmJvZHkgfSkpLCBwcm9wcy5idXR0b25Qcm9wcyAmJiBfanN4KEJ1dHRvbiwgT2JqZWN0LmFzc2lnbih7fSwgcHJvcHMuYnV0dG9uUHJvcHMpKV0gfSkpO1xyXG59O1xyXG5leHBvcnQgZGVmYXVsdCBUb29sdGlwSW50ZXJuYWw7XHJcbi8vIyBzb3VyY2VNYXBwaW5nVVJMPVRvb2x0aXBJbnRlcm5hbC5qcy5tYXAiXX0= */")),g=c=>b(y,{children:[c.title&&t(n,Object.assign({color:e.content.primaryInverse,style:{marginBottom:"8px"}},{children:c.title})),t(l,Object.assign({color:e.content.primaryInverse,style:{marginBottom:c.buttonProps?"8px":"0px"}},{children:c.body})),c.buttonProps&&t(o,Object.assign({},c.buttonProps))]});export{g as default};

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

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

package/dist/esm/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/esm/components/zeroState/ZeroState.js

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

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

@@ -1,593 +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;
-        };
-        positive: {
-            lightAlt: 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;
-            };
-            positive: {
-                lightAlt: 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;
-        };
-    };
-};

package/dist/esm/constants/Theme.js

@@ -1 +0,0 @@
-const e={brand:{900:"#28034E",800:"#4B1583",500:"#731DCF",50:"#EFE6F9"},grayscale:{900:"#212121",700:"#616161",500:"#9E9E9E",400:"#BDBDBD",200:"#E0E0E0",100:"#F0F0F0",50:"#FAFAFA",white:"#FFFFFF",alpha:"#00000088"},negative:{900:"#B92321",700:"#D53434",100:"#FFCED4",50:"#FFEBEF"},warning:{900:"#99631B",500:"#FEC02D",100:"#FFEABE",50:"#FFF7E5"},positive:{900:"#00580E",700:"#1A872C",100:"#C3E4C4",50:"#E6F4E7"}},t={background:{inactive:e.grayscale[200],base:e.grayscale[100],inverse:e.brand[900],inverseLight:e.brand[800],brand:e.brand[500],brandLight:e.brand[50],negative:{vibrant:e.negative[700],light:e.negative[50]},warning:{vibrant:e.warning[500],light:e.warning[50]},positive:{vibrant:e.positive[700],light:e.positive[50]},blue:{light:"#E5F2FF"}},icon:{placeholder:"#9E9E9E"},scrim:{standard:"#00000099"},surface:{standard:e.grayscale.white,subdued:e.grayscale[50],hovered:e.grayscale[100]},content:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],inactive:e.grayscale[400],brand:e.brand[500],primaryInverse:e.grayscale.white,secondaryInverse:"#ffffffcc",negative:e.negative[900],warning:e.warning[900],positive:e.positive[900],blue:"#28458F"},stroke:{primary:e.grayscale[200],brand:e.brand[500],negative:{lightAlt:e.negative[100],vibrant:e.negative[700]},warning:{lightAlt:e.warning[100]},positive:{lightAlt:e.positive[100]},brandLightAlt:"#DDCCF0",blue:{lightAlt:"#C3D5E5"}},special:{whatsapp:{brand:"#25D366",gradient:"linear-gradient(360deg, #20B038 0%, #60D66A 100%)",dark:"#455A64",gradientArr:["#20B038","#60D66A"]},brand:{google:"#DD4B39",facebook:"#1877F2"}},text:{primary:e.grayscale[900],secondary:e.grayscale[700],placeholder:e.grayscale[500],disabled:e.grayscale[400],white:e.grayscale.white,brand:e.brand[500],altPrimary:e.brand[900],altSecondary:e.brand[800]}},i={display:{fontWeight:"400",fontSize:32,lineHeight:40,letterSpacing:0},titleXLarge:{fontWeight:"600",fontSize:32,lineHeight:40,letterSpacing:0},titleLarge:{fontWeight:"600",fontSize:28,lineHeight:32,letterSpacing:0},titleMedium:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},titleRegular:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},titleSmall:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},bodyPrimary:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodyLarge:{fontWeight:"400",fontSize:20,lineHeight:28,letterSpacing:0},bodySecondary:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},caption:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},tiny:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},subHeading:{fontWeight:"600",fontSize:10,lineHeight:12,letterSpacing:0},title1:{fontWeight:"600",fontSize:24,lineHeight:32,letterSpacing:0},title1Mobile:{fontWeight:"600",fontSize:20,lineHeight:30,letterSpacing:0},title2:{fontWeight:"600",fontSize:20,lineHeight:28,letterSpacing:0},title2Mobile:{fontWeight:"600",fontSize:18,lineHeight:24,letterSpacing:0},title3:{fontWeight:"600",fontSize:16,lineHeight:24,letterSpacing:0},title3Mobile:{fontWeight:"500",fontSize:14,lineHeight:20,letterSpacing:0},title4:{fontWeight:"400",fontSize:14,lineHeight:20,letterSpacing:0},textPlaceholder:{fontWeight:"400",fontSize:12,lineHeight:16,letterSpacing:0},title4Mobile:{fontWeight:"400",fontSize:10,lineHeight:16,letterSpacing:0},bodyRegularMobile:{fontWeight:"400",fontSize:14,lineHeight:18,letterSpacing:0},bodyRegular:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},bodySmall:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0},buttonLarge:{fontWeight:"600",fontSize:16,lineHeight:20,letterSpacing:0},buttonRegular:{fontWeight:"600",fontSize:14,lineHeight:20,letterSpacing:0},captionMobile:{fontWeight:"500",fontSize:10,lineHeight:12,letterSpacing:0},captionBold:{fontWeight:"700",fontSize:12,lineHeight:16,letterSpacing:0},text1Bold:{fontWeight:"700",fontSize:10,lineHeight:14,letterSpacing:0},toast:{fontWeight:"400",fontSize:16,lineHeight:24,letterSpacing:0},toastMobile:{fontWeight:"400",fontSize:10,lineHeight:12,letterSpacing:0}},n={colorsV2:t,fonts:i};export{e as BASE_COLORS,t as COLORS,n as DEFAULT_THEME,i as FONTS};