@bikdotai/bik-component-library 0.0.735-beta.1 → 0.0.735

package/dist/cjs/components/tag/Tag.styled.d.ts

@@ -1,14 +1,15 @@
-import { TagTheme, TagType, TagVariant } from './model';
-export declare const Tag: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-} & {
-    theme: TagTheme;
-    type: TagType;
-    variant: TagVariant;
-    version?: "1.0" | "2.0";
-    cursor?: string;
-    alignIcon?: string;
-    noBorder?: boolean;
-    contentPadding?: number;
-}, JSX.IntrinsicElements, {}>;
+/// <reference types="react" />
+import { TagTheme, TagType, TagVariant } from './model';
+export declare const Tag: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    theme: TagTheme;
+    type: TagType;
+    variant: TagVariant;
+    version?: "1.0" | "2.0" | undefined;
+    cursor?: string | undefined;
+    alignIcon?: string | undefined;
+    noBorder?: boolean | undefined;
+    contentPadding?: number | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/cjs/components/tag/Tag.styled.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),e=require("./themes.js");function d(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const g=d(c).default("div","production"===process.env.NODE_ENV?{target:"e930jd90"}:{target:"e930jd90",label:"Tag"})("cursor:",(c=>{var e;return null!==(e=c.cursor)&&void 0!==e?e:"default"}),";",(c=>"regular"===c.variant?"display: block;\n\t\t     min-height: 26px;\n\t\t":"min-height: 20px;")," .container{display:flex;align-items:",(c=>c.alignIcon?c.alignIcon:"center"),";gap:6px;padding:",(c=>e.getPadding(c.variant)),";padding:",(c=>c.contentPadding?c.contentPadding:e.getPadding(c.variant)),"px;background:",(c=>e.getBackgroundColor(c.theme,c.type)),";border-radius:",(c=>"regular"===c.variant?"4px":"12px"),";",(c=>!c.noBorder&&"light"===c.theme&&`border: ${"2.0"===c.version?.5:1}px solid ${e.generateBorder(c.type,c.theme)};`)," .text{color:",(c=>e.getTextColor(c.theme,c.type)),";}.icon-trailing{all:unset;display:flex;}.icon-leading{all:unset;display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QiIsImZpbGUiOiJUYWcuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCB7IGdlbmVyYXRlQm9yZGVyLCBnZXRCYWNrZ3JvdW5kQ29sb3IsIGdldFBhZGRpbmcsIGdldFRleHRDb2xvciwgfSBmcm9tICcuL3RoZW1lcyc7XG5leHBvcnQgY29uc3QgVGFnID0gc3R5bGVkLmRpdiBgXG5cdGN1cnNvcjogJHsocHJvcHMpID0+IHsgdmFyIF9hOyByZXR1cm4gKF9hID0gcHJvcHMuY3Vyc29yKSAhPT0gbnVsbCAmJiBfYSAhPT0gdm9pZCAwID8gX2EgOiAnZGVmYXVsdCc7IH19O1xuXHQkeyhwcm9wcykgPT4gcHJvcHMudmFyaWFudCA9PT0gJ3JlZ3VsYXInXG4gICAgPyBgZGlzcGxheTogYmxvY2s7XG5cdFx0ICAgICBtaW4taGVpZ2h0OiAyNnB4O1xuXHRcdGBcbiAgICA6IGBtaW4taGVpZ2h0OiAyMHB4O2B9XG5cdC5jb250YWluZXIge1xuXHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0YWxpZ24taXRlbXM6ICR7KHByb3BzKSA9PiAocHJvcHMuYWxpZ25JY29uID8gcHJvcHMuYWxpZ25JY29uIDogJ2NlbnRlcicpfTtcblx0XHRnYXA6IDZweDtcblx0XHRwYWRkaW5nOiAkeyhwcm9wcykgPT4gZ2V0UGFkZGluZyhwcm9wcy52YXJpYW50KX07XG5cdFx0cGFkZGluZzogJHsocHJvcHMpID0+IHByb3BzLmNvbnRlbnRQYWRkaW5nXG4gICAgPyBwcm9wcy5jb250ZW50UGFkZGluZ1xuICAgIDogZ2V0UGFkZGluZyhwcm9wcy52YXJpYW50KX1weDtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gZ2V0QmFja2dyb3VuZENvbG9yKHByb3BzLnRoZW1lLCBwcm9wcy50eXBlKX07XG5cblx0XHRib3JkZXItcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdyZWd1bGFyJyA/ICc0cHgnIDogJzEycHgnKX07XG5cblx0XHQkeyhwcm9wcykgPT4gIXByb3BzLm5vQm9yZGVyICYmXG4gICAgcHJvcHMudGhlbWUgPT09ICdsaWdodCcgJiZcbiAgICBgYm9yZGVyOiAke3Byb3BzLnZlcnNpb24gPT09ICcyLjAnID8gMC41IDogMX1weCBzb2xpZCAke2dlbmVyYXRlQm9yZGVyKHByb3BzLnR5cGUsIHByb3BzLnRoZW1lKX07YH1cblxuXHRcdC50ZXh0IHtcblx0XHRcdGNvbG9yOiAkeyhwcm9wcykgPT4gZ2V0VGV4dENvbG9yKHByb3BzLnRoZW1lLCBwcm9wcy50eXBlKX07XG5cdFx0fVxuXG5cdFx0Lmljb24tdHJhaWxpbmcge1xuXHRcdFx0YWxsOiB1bnNldDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXG5cdFx0Lmljb24tbGVhZGluZyB7XG5cdFx0XHRhbGw6IHVuc2V0O1xuXHRcdFx0ZGlzcGxheTogZmxleDtcblx0XHR9XG5cdH1cbmA7XG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWcuc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.Tag=g;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/styled/base"),l=require("./themes.js");function e(c){return c&&"object"==typeof c&&"default"in c?c:{default:c}}const d=e(c).default("div","production"===process.env.NODE_ENV?{target:"e930jd90"}:{target:"e930jd90",label:"Tag"})("cursor:",(c=>{var l;return null!==(l=c.cursor)&&void 0!==l?l:"default"}),";",(c=>"regular"===c.variant?"display: block;\n\t\t     min-height: 26px;\n\t\t":"min-height: 20px;")," .container{display:flex;align-items:",(c=>c.alignIcon?c.alignIcon:"center"),";gap:6px;padding:",(c=>l.getPadding(c.variant)),";padding:",(c=>c.contentPadding?c.contentPadding:l.getPadding(c.variant)),"px;background:",(c=>l.getBackgroundColor(c.theme,c.type)),";border-radius:",(c=>"regular"===c.variant?"4px":"12px"),";",(c=>!c.noBorder&&"light"===c.theme&&`border: ${"2.0"===c.version?.5:1}px solid ${l.generateBorder(c.type,c.theme)};`)," .text{color:",(c=>l.getTextColor(c.theme,c.type)),";}.icon-trailing{all:unset;display:flex;}.icon-leading{all:unset;display:flex;}}"+("production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIlRhZy5zdHlsZWQudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUU4QiIsImZpbGUiOiJUYWcuc3R5bGVkLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcclxuaW1wb3J0IHsgZ2VuZXJhdGVCb3JkZXIsIGdldEJhY2tncm91bmRDb2xvciwgZ2V0UGFkZGluZywgZ2V0VGV4dENvbG9yLCB9IGZyb20gJy4vdGhlbWVzJztcclxuZXhwb3J0IGNvbnN0IFRhZyA9IHN0eWxlZC5kaXYgYFxuXHRjdXJzb3I6ICR7KHByb3BzKSA9PiB7IHZhciBfYTsgcmV0dXJuIChfYSA9IHByb3BzLmN1cnNvcikgIT09IG51bGwgJiYgX2EgIT09IHZvaWQgMCA/IF9hIDogJ2RlZmF1bHQnOyB9fTtcblx0JHsocHJvcHMpID0+IHByb3BzLnZhcmlhbnQgPT09ICdyZWd1bGFyJ1xyXG4gICAgPyBgZGlzcGxheTogYmxvY2s7XG5cdFx0ICAgICBtaW4taGVpZ2h0OiAyNnB4O1xuXHRcdGBcclxuICAgIDogYG1pbi1oZWlnaHQ6IDIwcHg7YH1cblx0LmNvbnRhaW5lciB7XG5cdFx0ZGlzcGxheTogZmxleDtcblx0XHRhbGlnbi1pdGVtczogJHsocHJvcHMpID0+IChwcm9wcy5hbGlnbkljb24gPyBwcm9wcy5hbGlnbkljb24gOiAnY2VudGVyJyl9O1xuXHRcdGdhcDogNnB4O1xuXHRcdHBhZGRpbmc6ICR7KHByb3BzKSA9PiBnZXRQYWRkaW5nKHByb3BzLnZhcmlhbnQpfTtcblx0XHRwYWRkaW5nOiAkeyhwcm9wcykgPT4gcHJvcHMuY29udGVudFBhZGRpbmdcclxuICAgID8gcHJvcHMuY29udGVudFBhZGRpbmdcclxuICAgIDogZ2V0UGFkZGluZyhwcm9wcy52YXJpYW50KX1weDtcblx0XHRiYWNrZ3JvdW5kOiAkeyhwcm9wcykgPT4gZ2V0QmFja2dyb3VuZENvbG9yKHByb3BzLnRoZW1lLCBwcm9wcy50eXBlKX07XG5cblx0XHRib3JkZXItcmFkaXVzOiAkeyhwcm9wcykgPT4gKHByb3BzLnZhcmlhbnQgPT09ICdyZWd1bGFyJyA/ICc0cHgnIDogJzEycHgnKX07XG5cblx0XHQkeyhwcm9wcykgPT4gIXByb3BzLm5vQm9yZGVyICYmXHJcbiAgICBwcm9wcy50aGVtZSA9PT0gJ2xpZ2h0JyAmJlxyXG4gICAgYGJvcmRlcjogJHtwcm9wcy52ZXJzaW9uID09PSAnMi4wJyA/IDAuNSA6IDF9cHggc29saWQgJHtnZW5lcmF0ZUJvcmRlcihwcm9wcy50eXBlLCBwcm9wcy50aGVtZSl9O2B9XG5cblx0XHQudGV4dCB7XG5cdFx0XHRjb2xvcjogJHsocHJvcHMpID0+IGdldFRleHRDb2xvcihwcm9wcy50aGVtZSwgcHJvcHMudHlwZSl9O1xuXHRcdH1cblxuXHRcdC5pY29uLXRyYWlsaW5nIHtcblx0XHRcdGFsbDogdW5zZXQ7XG5cdFx0XHRkaXNwbGF5OiBmbGV4O1xuXHRcdH1cblxuXHRcdC5pY29uLWxlYWRpbmcge1xuXHRcdFx0YWxsOiB1bnNldDtcblx0XHRcdGRpc3BsYXk6IGZsZXg7XG5cdFx0fVxuXHR9XG5gO1xyXG4vLyMgc291cmNlTWFwcGluZ1VSTD1UYWcuc3R5bGVkLmpzLm1hcCJdfQ== */"));exports.Tag=d;

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

@@ -1 +1 @@
-export * from './Tag';
+export * from './Tag';

package/dist/cjs/components/tag/model.d.ts

@@ -1,103 +1,103 @@
-import React from 'react';
-import { MouseEventHandler } from 'react';
-import { TooltipProps } from '../tooltips/Tooltip';
-export type TagTheme = 'light' | 'dark';
-export type TagVariant = 'regular' | 'circle' | 'compressed';
-export type TagType = 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey' | 'ai';
-export declare const ValidTagTypeMap: {
-    regular: {
-        negative: boolean;
-        warning: boolean;
-        positive: boolean;
-        neutral: boolean;
-        white: boolean;
-        purple: boolean;
-        blue: boolean;
-        ai: boolean;
-    };
-    circle: {
-        negative: boolean;
-        warning: boolean;
-        positive: boolean;
-        neutral: boolean;
-        blue: boolean;
-        grey: boolean;
-        ai: boolean;
-    };
-    compressed: {
-        negative: boolean;
-        warning: boolean;
-        positive: boolean;
-        neutral: boolean;
-        white: boolean;
-        purple: boolean;
-        blue: boolean;
-        ai: boolean;
-    };
-};
-export interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {
-    /**
-     * Set the theme of the Tag
-     * @default default light
-     */
-    theme?: TagTheme;
-    /**
-     * Set the color of the Tag
-     * @default default neutral
-     */
-    type?: TagType;
-    /**
-     * Set the color of the Tag
-     * @default default regular
-     */
-    variant?: TagVariant;
-    /**
-     * The icon component that is the right of the text
-     * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
-     * @default undefined
-     */
-    TrailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    /**
-     * The right icon id,
-     * @default trailing-icon
-     */
-    trailingIconId?: string;
-    /**
-     * The right icon on click event, defaults to () => {}
-     */
-    onTrailingIconClicked?: MouseEventHandler<HTMLButtonElement>;
-    /**
-     * Tooltip props for the trailing icon
-     * @default undefined
-     */
-    trailingIconTooltip?: Omit<TooltipProps, 'children'>;
-    /**
-     * The icon component that is to the left of the text
-     * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
-     * @default undefined
-     */
-    LeadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
-    /**
-     * The right icon on click event, defaults to () => {}
-     */
-    onLeadingIconClicked?: MouseEventHandler<HTMLButtonElement>;
-    /**
-     * The left icon id,
-     * @default leading-icon
-     */
-    leadingIconId?: string;
-    /**
-     * Tooltip props for the leading icon
-     * @default undefined
-     */
-    leadingIconTooltip?: Omit<TooltipProps, 'children'>;
-    tagText: string | number;
-    version?: '1.0' | '2.0';
-    cursor?: string;
-    alignIcon?: string;
-    noBorder?: boolean;
-    tagHtmlText?: JSX.Element;
-    contentPadding?: number;
-    tagColor?: string;
-    numberOfLines?: number;
-}
+import React from 'react';
+import { MouseEventHandler } from 'react';
+import { TooltipProps } from '../tooltips/Tooltip';
+export type TagTheme = 'light' | 'dark';
+export type TagVariant = 'regular' | 'circle' | 'compressed';
+export type TagType = 'negative' | 'warning' | 'positive' | 'neutral' | 'white' | 'purple' | 'blue' | 'grey' | 'ai';
+export declare const ValidTagTypeMap: {
+    regular: {
+        negative: boolean;
+        warning: boolean;
+        positive: boolean;
+        neutral: boolean;
+        white: boolean;
+        purple: boolean;
+        blue: boolean;
+        ai: boolean;
+    };
+    circle: {
+        negative: boolean;
+        warning: boolean;
+        positive: boolean;
+        neutral: boolean;
+        blue: boolean;
+        grey: boolean;
+        ai: boolean;
+    };
+    compressed: {
+        negative: boolean;
+        warning: boolean;
+        positive: boolean;
+        neutral: boolean;
+        white: boolean;
+        purple: boolean;
+        blue: boolean;
+        ai: boolean;
+    };
+};
+export interface TagProps extends React.BaseHTMLAttributes<HTMLDivElement> {
+    /**
+     * Set the theme of the Tag
+     * @default default light
+     */
+    theme?: TagTheme;
+    /**
+     * Set the color of the Tag
+     * @default default neutral
+     */
+    type?: TagType;
+    /**
+     * Set the color of the Tag
+     * @default default regular
+     */
+    variant?: TagVariant;
+    /**
+     * The icon component that is the right of the text
+     * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
+     * @default undefined
+     */
+    TrailingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    /**
+     * The right icon id,
+     * @default trailing-icon
+     */
+    trailingIconId?: string;
+    /**
+     * The right icon on click event, defaults to () => {}
+     */
+    onTrailingIconClicked?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * Tooltip props for the trailing icon
+     * @default undefined
+     */
+    trailingIconTooltip?: Omit<TooltipProps, 'children'>;
+    /**
+     * The icon component that is to the left of the text
+     * Referred to https://ozzie.sh/passing-icons-as-props-in-a-consistent-way-using-react
+     * @default undefined
+     */
+    LeadingIcon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
+    /**
+     * The right icon on click event, defaults to () => {}
+     */
+    onLeadingIconClicked?: MouseEventHandler<HTMLButtonElement>;
+    /**
+     * The left icon id,
+     * @default leading-icon
+     */
+    leadingIconId?: string;
+    /**
+     * Tooltip props for the leading icon
+     * @default undefined
+     */
+    leadingIconTooltip?: Omit<TooltipProps, 'children'>;
+    tagText: string | number;
+    version?: '1.0' | '2.0';
+    cursor?: string;
+    alignIcon?: string;
+    noBorder?: boolean;
+    tagHtmlText?: JSX.Element;
+    contentPadding?: number;
+    tagColor?: string;
+    numberOfLines?: number;
+}

package/dist/cjs/components/tag/themes.d.ts

@@ -1,6 +1,6 @@
-import { TagTheme, TagType, TagVariant } from './model';
-export declare const getTagIconColor: (theme: TagTheme, type: TagType) => string;
-export declare const getTextColor: (theme: TagTheme, type: TagType) => string;
-export declare const generateBorder: (type: TagType, theme: TagTheme) => string;
-export declare const getBackgroundColor: (theme: TagTheme | "circle", type: TagType) => string;
-export declare const getPadding: (variant: TagVariant) => "4px 8px" | "2px 6px";
+import { TagTheme, TagType, TagVariant } from './model';
+export declare const getTagIconColor: (theme: TagTheme, type: TagType) => string;
+export declare const getTextColor: (theme: TagTheme, type: TagType) => string;
+export declare const generateBorder: (type: TagType, theme: TagTheme) => string;
+export declare const getBackgroundColor: (theme: TagTheme | 'circle', type: TagType) => string;
+export declare const getPadding: (variant: TagVariant) => "4px 8px" | "2px 6px";

package/dist/cjs/components/template-context-mapper/Badge/index.d.ts

@@ -1,8 +1,8 @@
-export declare const BadgeContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    padding?: string;
-}>> & string;
-export interface BadgeProps {
-    errorText: string;
-    padding?: string;
-}
-export declare const Badge: (props: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BadgeContainer: import("styled-components").StyledComponent<"div", any, {
+    padding?: string | undefined;
+}, never>;
+export interface BadgeProps {
+    errorText: string;
+    padding?: string;
+}
+export declare const Badge: (props: BadgeProps) => import("react/jsx-runtime").JSX.Element;

package/dist/cjs/components/template-context-mapper/Badge/index.js

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/alert.svg.js"),r=require("styled-components"),n=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const d=a(r).default.div`
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("../../../assets/icons/alert.svg.js"),r=require("styled-components"),n=require("../../TypographyStyle.js"),i=require("../../../constants/Theme.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const s=a(r).default.div`
 	background: ${i.COLORS.background.negative.light};
 	display: flex;
 	align-items: center;
@@ -8,4 +8,4 @@
 	margin-right: 12px;
 	color: ${i.COLORS.content.negative};
 	height: 32px;
-`;exports.Badge=r=>{const{errorText:a,padding:o}=r;return e.jsxs(d,{padding:o,children:[e.jsx(t.default,{height:20,width:20,color:i.COLORS.content.negative}),e.jsx(n.BodySecondary,{children:a})]})},exports.BadgeContainer=d;
+`;exports.Badge=r=>{const{errorText:a,padding:d}=r;return e.jsxs(s,Object.assign({padding:d},{children:[e.jsx(t.default,{height:20,width:20,color:i.COLORS.content.negative}),e.jsx(n.BodySecondary,{children:a})]}))},exports.BadgeContainer=s;