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

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

@@ -0,0 +1 @@
+"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

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

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

@@ -0,0 +1,587 @@
+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;
+        };
+    };
+    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;
+            };
+        };
+        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/cjs/constants/Theme.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!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"}},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};exports.BASE_COLORS=e,exports.COLORS=t,exports.DEFAULT_THEME=n,exports.FONTS=i;

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

@@ -0,0 +1,6 @@
+export declare const SCREEN_XS = 480;
+export declare const SCREEN_SM = 640;
+export declare const SCREEN_XM = 736;
+export declare const SCREEN_MD = 768;
+export declare const SCREEN_LG = 1088;
+export declare const SCREEN_XL = 1280;

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

@@ -0,0 +1,7 @@
+export declare const BLACK = "#000000";
+export declare const WHITE = "#ffffff";
+export declare const PRIMARY: string;
+export declare const SECONDARY = "#4b5563";
+export declare const SUCCESS = "#16a34a";
+export declare const ERROR = "#dc2626";
+export declare const WARN = "#eab308";

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

@@ -0,0 +1,2 @@
+export declare const COLUMN_WIDTH = 56;
+export declare const GUTTER = 16;

package/dist/cjs/index.d.ts

@@ -0,0 +1,14 @@
+export * from './constants/Theme';
+export * from './components/checkBox';
+export * from './components/list-item';
+export * from './components/pagination';
+export * from './components/radioButton';
+export * from './components/toaster';
+export * from './components/tooltips';
+export * from './components/spinner';
+export * from './components/stepper';
+export * from './components/tag';
+export * from './components/pagination';
+export * from './components/icon-button';
+export * from './components/image-compress';
+export * from './components/button';

package/dist/cjs/index.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./constants/Theme.js"),o=require("./components/checkBox/CheckBox.js"),t=require("./components/list-item/ListItem.js"),r=require("./components/pagination/Pagination.js"),s=require("./components/radioButton/RadioButton.js"),n=require("./components/toaster/Toaster.js"),p=require("./components/tooltips/Tooltip.js"),i=require("./components/spinner/Spinner.js"),u=require("./components/stepper/Stepper.js"),a=require("./components/tag/Tag.js"),c=require("./components/icon-button/IconButton.js"),m=require("./components/image-compress/ImageCompress.js"),x=require("./components/button/Button.js");exports.BASE_COLORS=e.BASE_COLORS,exports.COLORS=e.COLORS,exports.DEFAULT_THEME=e.DEFAULT_THEME,exports.FONTS=e.FONTS,exports.CheckBox=o.CheckBox,exports.ListItem=t.ListItem,exports.Pagination=r.Pagination,exports.RadioButton=s.RadioButton,exports.Toaster=n.Toaster,exports.Tooltip=p.Tooltip,exports.Spinner=i.Spinner,exports.Stepper=u.Stepper,exports.Tag=a.Tag,exports.IconButton=c.IconButton,exports.ImageService=m.ImageService,exports.Button=x.Button;

package/dist/cjs/utils/classNames.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Conditionally joining classNames together.
+ *
+ * @param names list names that need to be concat.
+ * @returns a concat classNames string.
+ */
+export declare const classNames: (...names: (string | undefined)[]) => string;

package/dist/cjs/utils/rgba.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Convert hex string to RGBA color.
+ *
+ * @see https://gist.github.com/danieliser/b4b24c9f772066bcf0a6
+ * @example
+ * rgba('#000', 0.5) // rgba(0, 0, 0, 0.5)
+ */
+export declare const rgba: (hexCode: string, opacity?: number) => string;

package/dist/esm/_virtual/_tslib.js

@@ -0,0 +1 @@
+function t(t,n){var e={};for(var o in t)Object.prototype.hasOwnProperty.call(t,o)&&n.indexOf(o)<0&&(e[o]=t[o]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(o=Object.getOwnPropertySymbols(t);r<o.length;r++)n.indexOf(o[r])<0&&Object.prototype.propertyIsEnumerable.call(t,o[r])&&(e[o[r]]=t[o[r]])}return e}function n(t,n,e,o){return new(e||(e=Promise))((function(r,c){function f(t){try{i(o.next(t))}catch(t){c(t)}}function a(t){try{i(o.throw(t))}catch(t){c(t)}}function i(t){var n;t.done?r(t.value):(n=t.value,n instanceof e?n:new e((function(t){t(n)}))).then(f,a)}i((o=o.apply(t,n||[])).next())}))}export{n as __awaiter,t as __rest};

package/dist/esm/assets/icons/check.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var r;function t(){return t=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},t.apply(this,arguments)}var n=n=>e.createElement("svg",t({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 12 9"},n),r||(r=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M11.805.529c.26.26.26.682 0 .942L4.47 8.805a.667.667 0 0 1-.942 0L.195 5.47a.667.667 0 0 1 .943-.942L4 7.39 10.862.529c.26-.26.682-.26.943 0Z",clipRule:"evenodd"})));export{n as default};

package/dist/esm/assets/icons/cross.svg.js

@@ -0,0 +1 @@
+import*as r from"react";var t;function e(){return e=Object.assign?Object.assign.bind():function(r){for(var t=1;t<arguments.length;t++){var e=arguments[t];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r},e.apply(this,arguments)}var a=a=>r.createElement("svg",e({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 20 20"},a),t||(t=r.createElement("path",{fill:"currentColor",d:"M15.59 5.59a.833.833 0 0 0-1.18-1.18L10 8.822l-4.41-4.41a.833.833 0 1 0-1.18 1.178L8.822 10l-4.41 4.41a.833.833 0 0 0 1.178 1.18L10 11.177l4.41 4.411a.834.834 0 0 0 1.18-1.178L11.177 10l4.411-4.41Z"})));export{a as default};

package/dist/esm/assets/icons/errorInfo.svg.js

@@ -0,0 +1 @@
+import*as e from"react";var t,r,a;function l(){return l=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)Object.prototype.hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},l.apply(this,arguments)}var n=n=>e.createElement("svg",l({xmlns:"http://www.w3.org/2000/svg",fill:"none",viewBox:"0 0 16 16"},n),t||(t=e.createElement("path",{fill:"#B92321",d:"M8 7.333c.368 0 .667.299.667.667v2.667a.667.667 0 1 1-1.334 0V8c0-.368.299-.667.667-.667Z"})),r||(r=e.createElement("path",{fill:"currentColor",d:"M8 6a.667.667 0 1 0 0-1.333A.667.667 0 0 0 8 6Z"})),a||(a=e.createElement("path",{fill:"currentColor",fillRule:"evenodd",d:"M.667 8a7.333 7.333 0 1 1 14.666 0A7.333 7.333 0 0 1 .667 8ZM8 2a6 6 0 1 0 0 12A6 6 0 0 0 8 2Z",clipRule:"evenodd"})));export{n as default};